#topnav .navigation-menu.nav-light>li>a {
    color: rgba(255,255,255) !important;
	font-size: 13pt;
}
.container-filter li.active, .container-filter li:hover {
    color: #ffc000!important;
    border-color: #ffc000!important;
}
.bg-white {
    --bs-bg-opacity: 0 !important;
}
form #website{ display:none; }
#myMap { display: none; }
.savebutton { display: none; }

.startpanel { display: none; }


.editbutton { display: none; } 
.changephoto { display: none; }


.container-button {
  position: relative;
  width: 100%;
}
.container-button img {
  width: 100%;
  height: auto;
}
.container-button .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #555;
  color: white;
  font-size: 16px;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
}

.container-button2 .btn {
  position: absolute;
  top: 130px;
  left: 50%;	
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #555;
  color: white;
  font-size: 16px;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
}

.container-button .btn:hover {
  background-color: #000;
}

.container-button2 .btn:hover {
  background-color: #000;
}

.editable {
  border-color: #bd0f18;
  background: #00468C;
  padding: 7px 7px;
  color: #fff;
  margin-bottom: 30px;
}

label[for=photo2]  {
  position: absolute;
  top: 130px;
  left: 50%;	
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #555;
  color: white;
  font-size: 16px;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
}

label[for=photo1]  {
  position: absolute;
  top: 130px;
  left: 50%;	
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #555;
  color: white;
  font-size: 16px;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
}

.top-checkbox input {
  align-self: flex-start;
  margin: 3px 10px 0 0 !important;
}

small {
  font-size: 12px!important;
}


a:visited {
  color: #9bacc4!important;
}

a:hover {
  color: #FFC000!important;
}

a:active {
  color: #9bacc4!important;
}

.text-yellow {
  color: #FFC000!important;
}

.ClassyCountdown-wrapper > div {
    display: inline-block;
    position: relative;
    width: calc(25% - 20px);
    margin: 10px;
}

.ClassyCountdown-wrapper .ClassyCountdown-value {
    width: 100%;
    line-height: 1em;
    position: absolute;
    top: 50%;
    text-align: center;
    left: 0;
    display: block;
}



.darkmode-switch2 {
  display: inline-block;
  width: 45px;
  height: 25px;
  bottom: -9px;
  left: 9px;
  border-radius: 34px;
  position: relative;
  background-color: #ccc;
  cursor: pointer;
  transition: .4s;
  border: 2px solid #eee;
  background-color: #2196F3;
  background-image: radial-gradient(circle, #fefefe 20%, transparent 30%), radial-gradient(circle, #fefefe 20%, transparent 30%), radial-gradient(circle, #fefefe 20%, transparent 30%), radial-gradient(circle, #fefefe 20%, transparent 30%), radial-gradient(circle, #fefefe 20%, transparent 30%), radial-gradient(circle, #fefefe 20%, transparent 30%);
  background-size: 50% 50%, 60% 60%, 40% 40%, 40% 40%, 50% 50%, 40% 40%;
  background-position: 60% 82%, 80% 80%, 82% 80%, 110% 20%, 134% 12%, 130% 20%;
  background-repeat: no-repeat;
}
.darkmode-switch2:before {
  content: "";
  bottom:11.7647059%;
  height: 76.4705882%;
  width: 43.3333333%;
  left: 6.666666667%;
  position: absolute;
  background-color: #fff;
  transition: .4s;
  border-radius: 50%;
  background-color: #ffeb3b;
  background-image: radial-gradient(circle, #ffc107 15%, #ffeb3b 100%);
  box-shadow: 0px 0px 20px 10px rgba(255, 235, 255, 0.4);
  transition: transform ease-in .2s;
  border-radius: 50%;
  background-repeat: no-repeat;
}
.darkmode .darkmode-switch2 {
  background-color: #66bb6a;
  background-color: #023660;
  background-image: radial-gradient(circle, #fff 10%, transparent 30%), radial-gradient(circle, #fff 10%, transparent 30%), radial-gradient(circle, #fff 10%, transparent 30%), radial-gradient(circle, #fff 10%, transparent 30%), radial-gradient(circle, #fff 10%, transparent 30%), radial-gradient(circle, #fff 10%, transparent 30%), radial-gradient(circle, #fff 10%, transparent 30%), radial-gradient(circle, #fff 10%, transparent 30%), radial-gradient(circle, #fff 10%, transparent 30%);
  background-size: 8% 8%, 7% 7%, 6% 6%, 8% 8%, 8% 8%, 6% 6%, 6% 6%, 8% 8%, 7% 7%;
  background-position: 20% 20%, 45% 30%, 25% 55%, 20% 90%, 40% 60%, 5% 50%, 58% 10%, 58% 60%, 50% 80%;
  background-repeat: no-repeat;
}
.darkmode .darkmode-switch2:before {
  transform: translateX(100%);
  background-color: #ddd;
  background-image: radial-gradient(circle, #c4c4c4 50%, transparent 50%), radial-gradient(circle, #c9c9c9 50%, transparent 50%), radial-gradient(circle, #c9c9c9 50%, transparent 50%), radial-gradient(circle, #c9c9c9 50%, transparent 50%);
  background-size: 40% 40%, 25% 25%, 50% 50%, 30% 30%;
  background-position: 20% 20%, 65% 30%, 120% 100%, 20% 80%;
  box-shadow: 0px 0px 20px 10px rgba(255, 255, 255, 0.2);
}

a {
    color: #f2f3f6!important;
}