@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=4df355f5-26f5-43ad-8738-4eddb658fa61");
@font-face {
  font-family: "Avenir LT W01_45 Book O1475514";
  src: url("../fonts/476612d9-282d-4f76-95cd-b4dd31e7ed21.woff2") format("woff2"), url("../fonts/f1ebae2b-5296-4244-8771-5f40e60a564a.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Avenir LT W01_55 Roman1475520";
  src: url("../fonts/b290e775-e0f9-4980-914b-a4c32a5e3e36.woff2") format("woff2"), url("../fonts/4b978f72-bb48-46c3-909a-2a8cd2f8819c.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Avenir LT W01_65 Medium1475532";
  src: url("../fonts/17b90ef5-b63f-457b-a981-503bb7afe3c0.woff2") format("woff2"), url("../fonts/c9aeeabd-dd65-491d-b4be-3e0db9ae47a0.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Avenir LT W01_95 Black1475556";
  src: url("../fonts/c78eb7af-a1c8-4892-974b-52379646fef4.woff2") format("woff2"), url("../fonts/75b36c58-2a02-4057-a537-09af0832ae46.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Avenir LT W01_35 Light1475496";
  src: url("../fonts/0078f486-8e52-42c0-ad81-3c8d3d43f48e.woff2") format("woff2"), url("../fonts/908c4810-64db-4b46-bb8e-823eb41f68c0.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Avenir LT W01_35 Light_1475502";
  src: url("../fonts/a59168c1-917d-4de9-a244-0316c057c357.woff2") format("woff2"), url("../fonts/6dc0e7d8-9284-44e1-8f05-984a41daa3a4.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Avenir LT W01_45 Book1475508";
  src: url("../fonts/065a6b14-b2cc-446e-9428-271c570df0d9.woff2") format("woff2"), url("../fonts/65d75eb0-2601-4da5-a9a4-9ee67a470a59.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Avenir LT W01_55 Obliqu1475526";
  src: url("../fonts/1a7173fa-062b-49ad-9915-bc57d3bfc1f5.woff2") format("woff2"), url("../fonts/cdda031e-26e9-4269-83d1-5a218caa10db.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Avenir LT W01_65 Medium1475538";
  src: url("../fonts/deb5e718-7abb-4df3-9365-edfa95317090.woff2") format("woff2"), url("../fonts/04801919-17ee-4c6b-8b17-eb1965cb3ed6.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Avenir LT W01_85 Heavy1475544";
  src: url("../fonts/d513e15e-8f35-4129-ad05-481815e52625.woff2") format("woff2"), url("../fonts/61bd362e-7162-46bd-b67e-28f366c4afbe.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Avenir LT W01_85 Heavy_1475550";
  src: url("../fonts/3c210c80-960f-4684-850b-25390b4d08af.woff2") format("woff2"), url("../fonts/cb5c71ad-e582-4d00-929c-67fbfaeb1c27.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Avenir LT W01_95 Black_1475562";
  src: url("../fonts/a2477e08-09d9-4d4b-97a9-23a1e22cb44c.woff2") format("woff2"), url("../fonts/19d12bba-92b1-43ad-9bab-cd36a4195c2a.woff") format("woff");
  font-display: swap;
}

.font-av-medium {
  font-family: "Avenir LT W01_65 Medium1475532";
}

.orange {
  color: #ec7808;
}

.orange-light {
  color: #fcebda;
}

.green {
  color: #2eb68c;
}

a {
  color: #ec7808;
}

h1,
h2,
h3,
h4,
.h1,
.h2,
.h3,
.h4 {
  color: #ec7808;
}

.h3 {
  color: #ec7808;
}

h4 {
  font-size: 1.25rem;
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Avenir LT W01_55 Roman1475520';
  font-size: 100%;
  color: #000;
  height: 100vh;
  line-height: 1.7;
}

.main {
  padding-top: 4rem;
  padding-bottom: 5rem;
}

@media (min-width: 768px) {
  .main {
    padding-top: 8rem;
    padding-bottom: 5rem;
  }
}

#main-menu {
  position: relative;
}

#main-menu ul {
  margin-left: auto;
  margin-right: auto;
}

.top-nav {
  font-size: 0.85rem;
  color: #FFF;
  top: -0.5rem;
  right: 0;
}

.top-nav a {
  color: #FFF;
  text-decoration: none;
}

.top-nav .top-nav-register-location,
.top-nav .top-nav-registe,
.top-nav #location-btn {
  display: none;
}

.top-nav .dropdown .dropdown-menu {
  background: none;
  background-image: url("../images/bg-search.svg");
  background-size: cover;
  background-position: right top;
  border: 0;
  border-radius: 0;
  padding-top: 1.5rem;
}

.top-nav .dropdown .dropdown-menu li a {
  color: #2eb68c;
  transition: all 0.25s ease-out;
}

.top-nav .dropdown .dropdown-menu li a .btn {
  color: #2eb68c;
}

.top-nav .dropdown .dropdown-menu li:hover a {
  color: #2eb68c;
}

.top-nav .dropdown .dropdown-menu .btn {
  text-align: left;
  white-space: nowrap;
}

.top-nav .fa-circle-user {
  display: inline-block;
  font-size: 1.5rem;
}

.top-nav .language-switcher {
  padding: 0.25rem;
}

.top-nav .language-switcher img {
  border: 2px solid #FFF;
  border-radius: 50%;
  width: 30px;
  height: 30px;
}

.top-nav .dropdown-toggle:after {
  display: none;
}

.top-nav .dropdown-menu[data-bs-popper] {
  top: 28px;
}

.top-nav .top-nav-user {
  display: flex;
  padding: 0.25rem;
}

.top-nav .top-nav-user img {
  width: 30px;
  height: 30x;
  background-color: #FFF;
  border-radius: 50%;
  border: 2px solid #FFF;
}

.top-nav .top-nav-faq {
  fill: #FFF;
}

.top-nav .top-nav-faq button {
  padding: 0.25rem;
}

.top-nav .top-nav-faq svg {
  width: 30px;
  height: 30px;
}

@media screen and (min-width: 1400px) {
  .top-nav .top-nav-register-location,
  .top-nav .top-nav-register,
  .top-nav #location-btn {
    display: inline-block;
  }
  .top-nav .fa-circle-user {
    display: none;
  }
}

.header {
  background: #2eb68c;
  border-bottom: 3px solid #ec7808;
}

#logo {
  width: 160px;
  max-width: 100%;
  height: 40px;
  transition: all 0.25s ease-out;
}

@media screen and (min-width: 768px) {
  #logo {
    width: 220px;
    height: 60px;
  }
}

#navbar {
  padding: 0.5rem 1rem;
}

#navbar .container-xxxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}

@media screen and (min-width: 768px) {
  #navbar {
    padding: 0.25rem 1.5rem;
  }
  #navbar .navbar-nav {
    margin-top: 2rem;
  }
}

#mobile-menu {
  background: #FFF;
  padding: 1rem;
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 999999;
  top: 69px;
  /* hide close when burger shown */
}

#mobile-menu .navbar-nav {
  height: 100vh;
}

#mobile-menu .navbar-nav a.nav-link {
  color: #ec7808 !important;
  font-size: 1.5rem;
}

#mobile-menu .navbar-nav a.nav-link:hover {
  color: #ec7808 !important;
}

#mobile-menu .dropdown-menu.show {
  position: relative !important;
  border: none;
  transform: none !important;
  color: #ec7808 !important;
}

#mobile-menu .btn {
  border: none !important;
}

#mobile-menu .btn-check:checked + .btn,
#mobile-menu :not(.btn-check) + .btn:active,
#mobile-menu .btn:first-child:active,
#mobile-menu .btn.active,
#mobile-menu .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: none !important;
}

#mobile-menu .language-selector {
  margin: 0.575rem 1.25rem 0 0;
}

#mobile-menu .language-selector img {
  border: 2px solid #FFF;
  border-radius: 50%;
  height: 2rem;
  margin-left: 0;
  margin-right: 0.5rem;
  vertical-align: -.125em;
}

#mobile-menu .language-selector .dropdown-toggle:after {
  display: none;
}

#mobile-menu .navbar-toggler.collapsed .close-nav {
  display: none;
}

#mobile-menu .navbar-toggler:not(.collapsed) .open-nav {
  display: inline;
}

#mobile-menu .nav-icon {
  height: 2rem;
  margin-right: 0.5rem;
}

#mobile-menu .icon-orange {
  fill: #ec7808;
}

#account-menu {
  padding-left: 0;
}

#account-menu .nav-icon {
  height: 2rem;
  margin-right: 0.5rem;
}

#account-menu .icon-orange {
  fill: #ec7808;
}

#mobile-bottom-menu {
  position: fixed;
  z-index: 99999;
  bottom: 0;
  padding: 0.5rem 0;
  width: 100%;
  background: #FFF;
  box-shadow: 0.25rem rgba(0, 0, 0, 0.75);
}

@media only screen and (orientation: landscape) {
  .portfolio #mobile-bottom-menu {
    z-index: 999;
  }
}

@media (min-width: 992px) {
  #mobile-bottom-menu {
    display: none;
  }
}

.mobile-menu-nav-item {
  display: flex;
  flex-direction: column;
}

.mobile-menu-icon {
  width: 20%;
  text-align: center;
}

.mobile-menu-icon a {
  color: #999;
  font-size: 0.75rem;
  text-decoration: none;
  transition: all 0.25s ease-out;
}

.mobile-menu-icon a:hover,
.mobile-menu-icon a:hover > *, .mobile-menu-icon a.active {
  color: #ec7808 !important;
}

.mobile-menu-icon a:hover .svg-icon,
.mobile-menu-icon a:hover > * .svg-icon, .mobile-menu-icon a.active .svg-icon {
  fill: #ec7808 !important;
}

.mobile-menu-icon a:visited {
  color: #999;
}

.mobile-menu-icon a:visited:hover {
  color: #ec7808 !important;
}

.mobile-menu-icon a:visited:hover .svg-icon {
  fill: #ec7808 !important;
}

.mobile-menu-icon a .svg-icon {
  height: 40px;
  padding: 0.25rem;
  fill: #999;
  fill-rule: evenodd;
  stroke-width: 0px;
  transition: all 0.25s ease-out;
}

.mobile-menu-icon a .svg-icon:hover {
  fill: #ec7808 !important;
  stroke-width: 0px;
}

header.navbar {
  font-size: 1.25rem;
}

.navbar-toggler {
  line-height: 1;
  color: #FFF;
  background-color: transparent;
  border: none;
  font-size: 1.75rem;
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  border: none;
  box-shadow: 0 0 0 0;
}

.navbar-collapse {
  height: 100vh;
}

@media (min-width: 768px) {
  .navbar-collapse {
    height: auto;
  }
  .navbar-collapse .btn-close {
    display: none;
  }
}

.nav-item {
  margin: 0.25rem;
}

.nav-item a {
  padding: 0.1rem 0.5rem;
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0);
  transition: background-color 0.25s ease-out;
}

.nav-item a:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.75);
}

.nav-item.current-menu-item a {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.75);
}

#location-btn {
  color: #2eb68c;
  background: #FFF;
  padding: .375rem .5rem;
  font-size: 0.85rem;
  font-weight: 400;
  line-height: 1.5;
  border: 1px solid #FFF;
  border-radius: 0;
  margin-left: 0.5rem;
  transition: all 0.25s ease-out;
}

#location-btn:hover {
  color: #FFF;
  background: #2eb68c !important;
}

#aanmelden-btn {
  color: #FFF !important;
  padding: .375rem .5rem;
  font-size: 0.85rem;
  font-weight: 400;
  line-height: 1.5;
  border: 1px solid #2eb68c;
  border-radius: 0;
  margin-left: 0.5rem;
}

#main-menu .dropdown-menu {
  background-color: #FFF;
  background-size: cover;
  background-position: right top;
  border: 0;
  border-radius: 0;
  margin-top: 1.25rem;
}

#main-menu .dropdown-menu li a.dropdown-item {
  color: #2eb68c;
  padding: 0.5rem;
  transition: all 0.25s ease-out;
}

#main-menu .dropdown-menu li:hover a.dropdown-item {
  color: #2eb68c;
}

.dropdown-menu[data-bs-popper] {
  top: 40px;
}

.footer {
  background: #2eb68c;
  border-top: 5px solid #ec7808;
  color: #FFF;
  padding: 1rem 0 110px;
  margin-top: 100%;
}

@media (min-width: 992px) {
  .footer {
    padding: 1rem 0;
  }
}

.footer-bg {
  background-image: url("../images/bg-footer.svg");
  background-repeat: no-repeat;
  background-position: left center;
}

.footer .nav {
  width: auto;
}

.footer .nav li {
  display: flex;
}

.footer .nav li .nav-link {
  color: #FFF !important;
  text-decoration: none;
  transition: all 0.25s ease-out;
  padding: 0.25rem;
  background: none !important;
  border: none !important;
}

.footer .nav li .nav-link:hover, .footer .nav li .nav-link:visited {
  color: #FFF !important;
}

@media (min-width: 767px) {
  .footer .nav li .nav-link {
    padding: 0.5rem;
  }
}

/* Footer legal links - restore original styling with proper accessibility */
.footer #menu-footer-nav-bottom {
  display: inline;
  padding: 0;
  margin: 0 0 1rem;
  list-style: none;
}

.footer #menu-footer-nav-bottom .legal-item {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer #menu-footer-nav-bottom .legal-link {
  display: inline;
  padding: 0;
  margin: 0;
  color: #FFF;
  /* Restore original white color */
  text-decoration: none;
  font-size: inherit;
  font-weight: inherit;
}

.footer #menu-footer-nav-bottom .legal-link:hover {
  color: #FFF;
  text-decoration: none;
  padding-left: 0;
  /* Restore original hover behavior */
}

/* CSS separators to maintain original pipe appearance */
.footer #menu-footer-nav-bottom .legal-item:not(:last-child)::after {
  content: " | ";
  margin: 0 0.25rem;
  color: #FFF;
}

.menu-icon {
  height: 20px;
  margin-right: 0.2rem;
}

.locatie-menu-icon {
  height: 20px;
  margin-right: 0.25rem;
  margin-bottom: 0.125rem;
  color: #ec7808;
}

.footer .faq {
  text-align: right;
}

.footer .faq img {
  width: 25px;
  height: 25px;
}

.footer .arrow-right {
  width: auto;
}

.content {
  margin-top: 1rem;
  padding: 1rem;
}

@media (min-width: 992px) {
  #sticky-sidebar {
    min-height: 100vh;
  }
}

#modal-search-filter .modal-dialog {
  background: #FFF;
  padding: 0 1rem;
  margin: 0;
  width: 100%;
}

.modal-backdrop {
  --bs-backdrop-opacity: 0.75;
}

.front-page-test .modal-backdrop {
  --bs-backdrop-opacity: 0.75;
}

#modal-slideshow .modal-dialog {
  width: 100%;
  height: 100vh;
  margin: 0;
  padding: 0;
}

#modal-slideshow .modal-content {
  height: 100vh;
  width: 100%;
  background-color: #2d2e32;
}

.carousel {
  position: static !important;
}

.carousel-control-prev,
.carousel-control-next {
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 1;
  transition: opacity 0.15s ease;
}

.carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0 !important;
}

.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0 !important;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  border: 2px solid #FFF;
  border-radius: 50%;
  background-size: 50%;
  padding: 1.25rem;
}

@media (orientation: portrait) and (max-width: 991px) {
  .carousel-control-prev,
  .carousel-control-next {
    display: none;
  }
}

.front-page {
  background-image: url("../images/bg/bg-home.webp");
  background-size: cover;
  background-attachment: fixed;
  background-position: bottom;
  height: 100vh;
}

.front-page .main {
  margin-top: 50%;
}

@media (min-width: 768px) {
  .front-page .main {
    margin-top: 15%;
  }
}

.front-page .footer {
  position: relative;
  width: 100%;
  top: 55%;
}

.front-page .filter-grid {
  --bs-gutter-x: 0;
}

.front-page-search h1 {
  font-size: 36px;
  font-weight: 700;
  text-shadow: 0 6.7rem 8rem rgba(0, 0, 0, 0.117), 0 2rem 2.4rem rgba(0, 0, 0, 0.158), 0 0.8rem 1rem rgba(0, 0, 0, 0.218), 0 0.3rem 0.35rem rgba(0, 0, 0, 0.39);
}

@media screen and (min-width: 992px) {
  .front-page-search {
    background-color: #FFF;
  }
}

.location-sidebar .page-title {
  font-size: 1.25rem;
  line-height: 1.5;
}

.location-sidebar .page-title.h3 {
  font-size: 1.25rem;
}

.location-sidebar a {
  text-decoration: none;
}

.location-sidebar h4 .locatie-menu-icon {
  max-width: 20px;
}

.single-location img {
  max-width: 100%;
}

.single-location-img {
  position: relative;
}

.icon-favourite {
  position: absolute;
  top: 0.65rem;
  left: 0.65rem;
  height: 20px;
  z-index: 999;
}

.location-navigation {
  color: #2d2e32;
  text-align: center;
  margin-bottom: 1rem;
  justify-content: space-between;
  font-size: 1.5rem;
  background-color: #FFF;
  padding-top: 5px;
  display: flex;
  flex-direction: row;
  overflow: auto;
}

.location-navigation.sticky-top {
  top: 69px;
  z-index: 999;
}

.location-navigation .nav-link {
  display: inline-block;
  transition: all 0.25s ease-out;
}

.location-navigation .nav-link.active, .location-navigation .nav-link:hover {
  color: #ec7808;
}

.location-navigation .nav-link.disabled {
  opacity: 0.35;
}

.location-navigation div,
.location-navigation .carousel-cell {
  width: 20%;
  min-width: 80px;
}

.location-navigation div div,
.location-navigation .carousel-cell div {
  width: 100%;
  font-size: 0.7rem;
  text-align: center;
}

.location-navigation .carousel-cell {
  width: 20%;
  margin-right: 10px;
  background: #8C8;
  min-height: 80px;
  counter-increment: carousel-cell;
}

.location-navigation .fa-light {
  font-size: 1.5rem;
}

.location-navigation a {
  color: #2d2e32;
  text-decoration: none;
}

.location-navigation a:hover {
  color: #ec7808;
}

@media (min-width: 1024px) {
  .location-navigation {
    overflow-x: auto;
  }
}

.single-location .offcanvas {
  z-index: 99999;
  padding-top: 119px;
}

.single-location .offcanvas .offcanvas-header .btn-close {
  position: absolute;
  right: 20px;
  margin-top: 0;
}

#modal-fotos-kiezen .location-navigation.sticky-top {
  top: -17px;
}

.modal {
  --bs-modal-margin: 0;
  --bs-modal-border-radius: 0;
}

.modal-dialog {
  width: 100%;
}

.modal-content {
  max-width: 600px;
  margin: 0 auto;
}

.modal-xl .modal-content {
  max-width: 1400px;
}

.modal-dialog-centered {
  --bs-modal-margin: 0.5rem;
}

.modal-fullscreen {
  max-width: 100%;
  z-index: 999999;
}

.modal-fullscreen img {
  width: 100%;
}

#modal-delen-bevestigen .modal-content {
  background-color: transparent !important;
  background-image: url("../images/bg-logo.svg");
  background-size: cover;
  background-position: left top;
  border: 0;
  border-radius: 0;
  padding-top: 1.5rem;
}

#modal-delen-bevestigen .modal-body {
  background-color: transparent;
}

#modal-delen-bevestigen a {
  text-decoration: none;
}

#modal-downloaden,
#modal-delen {
  z-index: 999999;
}

#modal-locatie-aanvragen,
#modal-fotos-kiezen,
#modal-favorieten-map-aanmaken,
#modal-favorieten-kopieren,
#modal-slideshow,
#modal-downloaden-selectie,
#modal-delen-selectie,
#modal-favorieten-map-submap {
  z-index: 999999;
}

#modal-favorieten-nieuw-album,
#modal-favorieten-nieuw-project {
  z-index: 9999999;
}

#modal-slideshow {
  width: 100%;
  max-width: 100%;
}

#modal-slideshow .modal-content {
  max-width: 100%;
}

#modal-fotos-kiezen .modal-dialog-scrollable .modal-content {
  max-height: auto;
  padding-bottom: 180px;
}

#modal-favorieten .modal-dialog-scrollable .modal-content {
  max-height: auto;
  padding-bottom: 180px;
}

.nieuw-project img {
  max-width: 156px;
  width: 100%;
  transition: filter 0.25s;
}

.nieuw-project img:hover {
  filter: contrast(90%);
}

.confirm-cancel {
  position: fixed;
  width: 100%;
  max-width: 528px;
  bottom: 0;
  background-color: #FFF;
  padding: 1.5rem 3rem 1.5rem 0;
  z-index: 99999;
}

.confirm-cancel h4 {
  color: #000;
  font-weight: 700;
}

@media only screen and (min-width: 576px) {
  .confirm-cancel {
    padding: 1.5rem 0;
  }
}

.favorieten .img-fluid {
  width: 100%;
}

.empty-favourite img {
  cursor: pointer;
}

.back-button {
  height: 20px;
  line-height: 1.5;
}

.download-upload img {
  height: 24px;
}

.download-upload img:first-child {
  margin-right: 0.25rem;
}

.folder-name {
  margin-bottom: 0;
  line-height: 1;
}

.folder-amount {
  color: #CCC;
  line-height: 1;
  font-size: 0.875rem;
}

#edit-favourite-options,
#select-project-rename {
  display: none;
}

#close-edit-favourites,
#close-copy-favourites,
#close-delete-favourites {
  display: none;
}

#edit-favourite-options.show,
#close-edit-favourites.show,
#close-copy-favourites.show,
#close-delete-favourites.show {
  display: block;
}

#edit-favourite-options .btn {
  font-size: 0.85rem;
  padding: 0.5rem;
  max-width: 200px;
}

#edit-favourites,
#close-edit-favourites {
  color: #000;
  transition: color 0.25s;
  cursor: pointer;
  text-decoration: underline;
}

#edit-favourites:hover,
#close-edit-favourites:hover {
  color: #ec7808;
}

#new-project,
.new-album,
#upload-photos-link,
.favourite-manager-options {
  text-decoration: underline;
  cursor: pointer;
  transition: color 0.25s;
}

#new-project:hover,
.new-album:hover,
#upload-photos-link:hover,
.favourite-manager-options:hover {
  color: #ec7808;
}

#select-project-copy,
#select-project-delete {
  display: none;
}

#select-project-copy.show,
#select-project-delete.show {
  display: block;
}

.share-link a {
  cursor: pointer;
  background-color: rgba(236, 120, 8, 0.5);
  border: none;
  color: #FFF;
  transition: all 0.25s;
}

.share-link a:hover {
  background-color: #ec7808;
  color: #FFF;
}

.fa-circle {
  font-size: 1.25rem !important;
  --fa-primary-color: white;
  /* outer circle color */
  --fa-secondary-color: #000;
  /* inner circle color */
  --fa-secondary-opacity: 0.4;
  /* opacity for inner circle */
  transition: all 0.25s;
  cursor: pointer;
}

.fa-circle.show {
  display: block;
}

.fa-circle:hover, .fa-circle.selected {
  fill: none !important;
  --fa-primary-color: white !important;
  --fa-secondary-color: #ec7808 !important;
  --fa-secondary-opacity: 0.8 !important;
}

.col-6.favorieten-project {
  position: relative;
}

.col-6.favorieten-project img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  object-position: center;
}

.col-sm-6.favorieten-project,
.col-sm-12.favorieten-project {
  position: relative;
}

.col-sm-6.favorieten-project img,
.col-sm-12.favorieten-project img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  object-position: center;
}

.col-sm-6.favorieten-album,
.col-sm-12.favorieten-album {
  position: relative;
}

.col-sm-6.favorieten-album img,
.col-sm-12.favorieten-album img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  object-position: center;
}

.favorieten-ctas {
  width: 100%;
  padding-right: 1rem;
  position: absolute;
}

.favorieten-ctas div {
  margin: 0.5rem;
}

.favorieten-bewerken div {
  margin: 0.5rem;
  width: 100%;
  text-align: right;
}

.folder-title a {
  color: #000;
}

.load-modal-album-option {
  cursor: pointer;
}

/* Favorite Count Circle */
.favorite-count-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  background-color: white;
  border-radius: 50%;
  font-size: 13px;
  font-weight: bold;
  margin-right: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  position: relative;
}

/* Position the favorite icon and count properly */
.location-favourite {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.page-login,
.page-aanmelden,
.page-register,
.page-lost-password,
.page-reset-password {
  background-image: url("../images/bg/bg-login.webp");
  background-attachment: fixed;
  background-size: cover;
}

.login,
.aanmelden,
.register,
.lost-password,
.reset-password {
  width: 100%;
  max-width: 400px;
  background: #FFF;
}

.login hr,
.aanmelden hr,
.register hr,
.lost-password hr,
.reset-password hr {
  border-color: #666 !important;
  width: 50%;
}

/*
.login-link,
.aanmeld-link {
	text-decoration: none;
	padding: 0.75rem;
	background: #fcebda;
	border-left: 2px solid #ec7808;
	color: #ec7808;
}
	*/
.login-linkedin {
  text-decoration: none;
  color: #000;
}

.fa-linkedin {
  font-size: 1.5rem;
}

.sign-up {
  color: #ec7808;
}

.page-contact {
  background-image: url("../images/bg/bg-login.webp");
  background-size: cover;
  background-attachment: fixed;
}

.page-contact .main .container {
  max-width: 900px;
}

.fa-image {
  font-size: 3rem;
  color: #ec7808;
}

.informatie {
  background-image: url("../images/bg/bg-informatie.webp");
  background-size: cover;
  background-attachment: fixed;
}

.page-opdrachtgevers {
  background-image: url("../images/bg/bg-opdrachtgevers.webp");
  background-size: cover;
  background-attachment: fixed;
}

.page-opdrachtgevers .main .container {
  max-width: 900px;
}

.page-location-owners,
.page-locatiehouders {
  background-image: url("../images/bg/bg-locatiehouders.webp");
  background-size: cover;
  background-attachment: fixed;
}

.page-location-owners .main .container,
.page-locatiehouders .main .container {
  max-width: 900px;
}

.page-about-us,
.page-over-ons {
  background-image: url("../images/bg/bg-over-ons.webp");
  background-attachment: fixed;
  background-size: cover;
}

.page-about-us .main .container,
.page-over-ons .main .container {
  max-width: 900px;
}

.register-location,
.page-locatie-aanmelden {
  background-image: url("../images/bg/bg-locatie-aanmelden.webp");
  background-size: cover;
  background-attachment: fixed;
}

.register-location .main .container,
.page-locatie-aanmelden .main .container {
  max-width: 900px;
}

.locaties {
  background: #FFF;
}

div.filter {
  font-size: 0.875rem;
  border: 1px solid #CCC;
  padding: 2px 8px;
  margin-bottom: 0.25rem;
  word-break: keep-all;
  display: inline-block;
}

div.filter .fa-xmark {
  color: #ec7808;
  cursor: pointer;
}

.filter-icon-wrap {
  text-align: center;
  padding: 0 0 0 0.5rem;
  cursor: pointer;
}

.filter-icon-wrap div {
  font-size: 13px;
  text-align: center;
  color: #ec7808;
}

.search-filter {
  width: 50px;
  padding: 0 10px;
}

#modal-search-filter {
  z-index: 999999999;
}

#modal-search-filter .modal-dialog-scrollable .modal-content {
  overflow: scroll;
}

.filter-sidebar {
  background: #eef7f3;
}

.filter-sidebar a {
  text-decoration: none;
}

.filter-sidebar .btn {
  width: 100%;
}

.filter-list-wrapper {
  overflow-y: scroll;
  height: 100vh;
}

.filter-sub-nav {
  padding-left: 1rem;
  list-style-type: none;
  list-style-image: none;
}

.single-location-grid {
  position: relative;
}

.single-location-grid img {
  position: relative;
  margin-bottom: 0.5rem;
  border-bottom: 5px solid #ec7808;
  width: 100%;
  max-width: 100%;
  height: 255px;
}

.single-location-grid-photos {
  position: relative;
}

.single-location-grid-photos img {
  width: 100%;
  max-width: 100%;
}

.single-location .row.filter-grid.grid.row > * {
  padding-left: 0;
  padding-right: 0;
}

.carousel-cell img {
  display: block;
}

.location-name {
  font-weight: 500;
}

.location-ctas {
  position: absolute;
  z-index: 999;
  left: 1rem;
  right: 1rem;
  padding: 0.6rem 0.25rem;
}

.location-ctas .fa-solid,
.location-ctas .fa-duotone,
.location-ctas .fa-circle-heart {
  font-size: 1.5rem;
  color: #ffffff;
  opacity: 0.85;
  transition: all 0.25s ease-out;
  --fa-primary-color: #fff;
  --fa-primary-opacity: 0.65;
  --fa-secondary-color: #FFF;
  --fa-secondary-opacity: 1;
}

.location-ctas .fa-solid .fa-primary,
.location-ctas .fa-duotone .fa-primary,
.location-ctas .fa-circle-heart .fa-primary {
  fill: #FFF;
}

.location-ctas .fa-solid .fa-secondary,
.location-ctas .fa-duotone .fa-secondary,
.location-ctas .fa-circle-heart .fa-secondary {
  fill: #FFF;
  opacity: 0.65;
}

.location-ctas .fa-solid:hover,
.location-ctas .fa-duotone:hover,
.location-ctas .fa-circle-heart:hover {
  --fa-primary-color: #000;
  --fa-secondary-color: #FFF;
  color: #ec7808;
  opacity: 1;
}

.fa-trash,
.fa-circle-dot {
  cursor: pointer;
  font-size: 1.5rem;
  color: #ffffff;
  opacity: 0.7;
  transition: all 0.25s ease-out;
  --fa-primary-color: #fff;
  --fa-secondary-color: #FFF;
}

.fa-trash:hover,
.fa-circle-dot:hover {
  --fa-primary-color: #000;
  --fa-secondary-color: #ec7808;
  color: #ec7808;
}

.fa-trash {
  --fa-primary-color: #fff;
  --fa-secondary-color: #000;
}

.fa-trash:hover {
  --fa-primary-color: #000;
  --fa-secondary-color: #ec7808;
  color: #ec7808;
}

.selected .fa-circle-dot {
  --fa-primary-color: #000;
  --fa-secondary-color: #ec7808;
  color: #ec7808;
}

.location-selected .fa-circle-dot {
  --fa-primary-color: #000;
  --fa-secondary-color: #ec7808;
  color: #ec7808;
}

.location-up-down {
  display: flex;
  font-size: 1.25rem;
  line-height: 0;
  cursor: pointer;
}

.location-up-down svg {
  color: rgba(255, 255, 255, 0.7);
  transition: all 0.25s ease-out;
}

.location-up-down svg:hover {
  color: rgba(236, 120, 8, 0.7);
}

.location-up-down svg:visited {
  color: rgba(255, 255, 255, 0.7);
}

.location-up-down svg:visited:hover {
  color: rgba(236, 120, 8, 0.7);
}

.location-up-down .fa-solid,
.location-up-down .fa-duotone {
  margin-right: 0.25rem;
}

.location-price {
  margin-bottom: 1rem;
  color: #999;
}

.favorite-icon {
  cursor: pointer;
}

.favorite-icon .favorite-icon-fill {
  fill: #000;
  opacity: .4;
  stroke-width: 0px;
  transition: all 0.25s ease-out;
}

.favorite-icon .favorite-icon-stroke {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 1.3px;
}

.favorite-icon:hover .favorite-icon-fill {
  fill: rgba(236, 120, 8, 0.8);
  opacity: 1;
}

.location-favourite:hover .favorite-icon-fill {
  fill: rgba(236, 120, 8, 0.8);
  opacity: 1;
}

.location-favourite.favourite-selected .favorite-icon-fill {
  fill: #ec7808;
  opacity: 1;
}

.location-sidebar {
  background: #eef7f3;
}

@media (min-width: 992px) {
  .location-sidebar {
    height: 100%;
  }
}

.location-sidebar a {
  text-decoration: none;
}

.location-sidebar ul {
  list-style-type: none;
  padding: 0;
}

.location-sidebar ul li {
  word-break: break-all;
}

.location-sidebar ul li::after {
  content: '-';
}

.location-sidebar ul li:last-child::after {
  content: '';
}

.location-sidebar .salient-points-list li,
.location-sidebar .atmosphere-list li {
  display: inline-block;
}

.location-remove-favourite {
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
}

.location-remove-favourite .fa-circle-fa-circle-dot {
  font-size: 1.5rem;
  --fa-secondary-color: #FFF;
  transition: --fa-secondary-color 0.25s ease-out;
  cursor: pointer;
}

.location-remove-favourite .fa-circle-fa-circle-dot:hover {
  --fa-secondary-color: #ec7808;
}

.location-remove-favourite .fa-circle-fa-circle-dot:visited {
  --fa-secondary-color: #FFF;
}

.location-remove-favourite .fa-circle-fa-circle-dot:visited:hover {
  --fa-secondary-color: #ec7808;
}

#modal-favoriet-kopieren-bevestigen,
#modal-favoriet-map-kopieren-bevestigen {
  z-index: 9999999;
}

.modal-dialog-centered {
  --bs-modal-border-width: 0;
}

.carousel-cell {
  width: 100%;
}

.carousel-cell img {
  display: block;
  max-height: 100%;
}

.carousel.is-fullscreen .carousel-cell {
  height: 100%;
}

.flickity-button {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.main-carousel:hover .flickity-button {
  opacity: 1;
}

.flickity-prev-next-button {
  width: 30px;
  height: 30px;
  padding: 7px;
}

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: 22px;
  display: block;
  white-space: nowrap;
  font-size: 0;
}

.flickity-page-dots .dot {
  background: 0;
  margin: 0 3px;
  display: inline-block;
}

.flickity-page-dots .dot::before {
  content: '';
  background: #FFF;
  border-radius: 50%;
  display: block;
  width: 10px;
  height: 10px;
}

.flickity-page-dots--overflow {
  left: 50%;
  width: 112px;
  margin-left: -56px;
  overflow: hidden;
  text-align: left;
  text-indent: 32px;
  transition: all .2s .15s;
  height: 10px;
}

.flickity-page-dots--overflow .dot::before {
  transition: transform .1s .15s;
}

.flickity-page-dots--overflow [data-dot="dot--prev"]::before,
.flickity-page-dots--overflow [data-dot="dot--next"]::before {
  transform: scale(0.7);
}

.flickity-page-dots--overflow [data-dot="dot--prev-prev"]::before,
.flickity-page-dots--overflow [data-dot="dot--next-next"]::before {
  transform: scale(0.4);
}

.flickity-page-dots--overflow [data-dot="dot--offscreen"]::before {
  transform: scale(0.2);
}

.favorieten-album .main-carousel {
  margin-bottom: 10px;
  /* Set a fixed height for the carousel */
  height: 250px;
  /* Adjust this value to your needs */
}

.favorieten-album .carousel-cell {
  width: 100%;
  height: 100%;
}

.favorieten-album .carousel-cell img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* This ensures images cover the area without distortion */
}

.fullscreen-slider .modal {
  margin: 0 !important;
}

.locatie .modal-fullscreen {
  background: #000;
}

.modal .carousel-cell {
  width: 100%;
  max-width: 1620px;
  height: 70vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal .carousel-cell .carousel.is-fullscreen .carousel-cell {
  height: 100%;
}

#modal-slideshow .modal-fullscreen .modal-body {
  display: flex;
}

#modal-slideshow .modal-fullscreen .modal-body .container {
  align-self: center;
}

#modal-slideshow .modal-dialog {
  max-width: 100% !important;
}

.slider-wrapper {
  display: flex;
  flex-direction: column !important;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  height: 100%;
  padding: 1rem;
}

.slider-wrapper .location-ctas {
  left: .5rem;
  right: .5rem;
}

@media only screen and (orientation: landscape) and (min-width: 992px) {
  .slider-wrapper {
    width: 70%;
  }
}

@media only screen and (orientation: portrait) and (max-width: 991px) {
  .slider-wrapper {
    width: 100%;
  }
}

#carouselExampleControls {
  width: 100%;
}

.form-control,
.form-select {
  border: 1px solid #ec7808;
  border-radius: 0;
}

.front-page-search .form-control,
.front-page-search.form-select {
  border-right: 0;
}

.file-drop-area {
  position: relative;
  max-width: 100%;
  padding: 25px;
  border: 1px solid #ec7808;
  border-radius: 3px;
  transition: 0.2s;
}

.choose-file-button {
  color: #ec7808;
  background: #fcebda;
  border-radius: 0;
  display: inline-block;
  border: 0;
  transition: all 0.25s ease-out;
}

.file-message {
  font-size: small;
  font-weight: 300;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.file-input {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  opacity: 0;
}

#search-btn {
  color: #FFF;
  background: #ec7808;
  border-radius: 0;
}

#login-btn {
  color: #ec7808;
  background: #fcebda;
  border-radius: 0;
  width: 100%;
  display: block;
  border: 0;
  transition: all 0.25s ease-out;
}

#login-btn:hover {
  color: #FFF;
  background: #ec7808;
}

#contact-btn {
  color: #ec7808;
  background: #fcebda;
  border-radius: 0;
  border: 0;
  width: 100%;
  display: block;
  transition: all 0.25s ease-out;
}

#contact-btn:hover {
  color: #FFF;
  background: #ec7808;
}

.btn-theme {
  display: inline-flex;
  line-height: 1;
  text-decoration: none;
  border: 1px solid #FFF;
  border-radius: 0;
  padding-top: 0;
  padding-bottom: 0;
  color: #FFF;
  background: #ec7808;
  transition: all 0.25s ease-out;
}

.btn-theme:hover {
  color: #ec7808;
  background: #fcebda;
  cursor: pointer;
}

.btn-theme span {
  padding: 0.375rem 0.5rem;
}

.btn-theme img {
  height: 30px;
  padding: 0.375rem 0.75rem;
  padding-left: 0.75rem;
  border-left: 1px solid;
}

.modal .btn-theme,
.modal .btn-submit {
  display: flex;
  margin-bottom: 0.25rem;
}

.modal .btn-theme img,
.modal .btn-submit img {
  align-self: end;
}

.btn-modal span {
  padding: 0.375rem 0;
}

.btn-primary {
  display: block;
  line-height: 1;
  text-decoration: none;
  border: 1px solid #FFF;
  border-radius: 0;
  padding: 0.75rem;
  color: #FFF;
  background-color: #ec7808;
  transition: all 0.25s ease-out;
}

.btn-primary:hover {
  color: #ec7808;
  background-color: rgba(236, 120, 8, 0.5);
  border: 1px solid #fcebda;
  cursor: pointer;
}

.btn-primary img {
  height: 30px;
  padding: 0.375rem 0.75rem;
  padding-left: 0.75rem;
  border-left: 1px solid;
}

.btn-submit {
  display: flex;
  width: 100%;
  line-height: 1;
  text-decoration: none;
  border: 1px solid #FFF;
  border-radius: 0;
  padding: 0.75rem 3rem 0.75rem 0.75rem;
  color: #FFF;
  background-color: rgba(236, 120, 8, 0.5);
  background-image: url("../images/icons/arrow-right.svg");
  background-repeat: no-repeat;
  background-position: right;
  transition: background-color 0.25s, color 0.25s;
  cursor: pointer;
}

.btn-submit:hover, .btn-submit:focus {
  color: #fcebda;
  background-color: #ec7808;
  border: 1px solid #fcebda;
}

.btn-submit:hover a, .btn-submit:focus a {
  color: #FFF;
}

.btn-submit span {
  text-align: center;
  flex-grow: 1;
  padding-right: 42px;
}

.btn-submit a {
  flex-grow: 1;
  text-decoration: none;
  text-align: center;
}

.btn-danger {
  display: flex;
  width: 100%;
  line-height: 1;
  text-decoration: none;
  border: 1px solid #FFF;
  border-radius: 0;
  padding: 0.75rem 3rem 0.75rem 0.75rem;
  background-color: #f7e3da;
  background-image: url("../images/icons/arrow-right-danger.svg");
  background-repeat: no-repeat;
  background-position: right;
  color: #cc3f2f;
}

.btn-danger:hover, .btn-danger:focus {
  color: #fcebda;
  background-color: #cc3f2f;
}

.btn-aanvragen {
  display: flex;
  width: auto;
  line-height: 1.5;
  text-decoration: none;
  border: none;
  border-radius: 0;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  color: #ec7808;
  background-color: #fcebda;
  background-image: url("../images/icons/arrow-right.svg");
  background-repeat: no-repeat;
  background-position: right;
  transition: background-color 0.25s, color 0.25s;
}

.btn-aanvragen:hover, .btn-aanvragen:focus {
  color: #fcebda;
  background-color: #ec7808;
  border: none;
  cursor: pointer;
}

.btn-aanvragen span {
  text-align: center;
  flex-grow: 1;
  padding-right: 42px;
}

.account-pages .btn-danger,
.account-pages .btn-submit {
  width: auto;
}

.account-sidebar {
  background: #eef7f3;
  height: 100%;
}

.account-sidebar .nav-item {
  padding: 0;
  margin: 0.5rem 0;
}

.account-sidebar .accordion-header {
  padding: 0;
  background: none;
}

.account-sidebar .accordion-collapse {
  background-color: #FFF;
  padding: 0.5rem 0;
}

.account-sidebar .accordion-button {
  padding: 0.5rem 0.5rem 0.5rem 0.75rem;
  border: none;
}

.account-sidebar .accordion-button.collapsed {
  border: none;
  border-radius: 0;
  background: none;
}

.account-sidebar .accordion-button:not(.collapsed) {
  border: none;
  background: #FFF;
}

.account-sidebar .accordion-item {
  border: none;
  border-radius: 0;
  background: none;
}

.account-sidebar .accordion-item:last-of-type {
  border: none;
  border-radius: 0;
  background: none;
}

.account-sidebar .accordion-item:first-of-type .accordion-button {
  border: 0;
  border-radius: 0;
}

.btn-account {
  display: flex;
  align-items: center;
  text-decoration: none;
  border-radius: 0;
  color: #000;
  transition: background-color 0.25s, color 0.25s;
}

.btn-account:hover, .btn-account:focus {
  color: #000;
  background: #fff;
  cursor: pointer;
}

.btn-account img {
  height: 2rem;
  margin-right: 0.5rem;
}

.btn-close2 {
  position: absolute;
  right: 0.75rem;
  font-size: 2rem;
  line-height: 1;
  text-decoration: none;
  border-radius: 0;
  padding: 0.75rem;
  color: #FFF;
  transition: all 0.25s ease-out;
  z-index: 999999;
}

.btn-close-2 {
  font-size: 2rem;
  line-height: 1;
  text-decoration: none;
  border-radius: 0;
  padding: 0;
  background: #FFF;
  color: #ec7808;
  transition: all 0.25s ease-out;
}

.btn-close-3 {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  font-size: 2rem;
  line-height: 1;
  text-decoration: none;
  border-radius: 0;
  padding: 0.75rem;
  color: #FFF;
  transition: all 0.25s ease-out;
  z-index: 999999;
}

.photo {
  opacity: 0;
  width: 0.1px;
  height: 0.1px;
  position: absolute;
}

.photo-input label {
  position: relative;
  display: block;
  line-height: 1;
  text-decoration: none;
  border: 1px solid #FFF;
  border-radius: 0;
  padding: 0.75rem;
  color: #FFF;
  background: #ec7808;
  transition: all 0.25s ease-out;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.photo-input label:hover {
  color: #ec7808;
  background: #fcebda;
  border: 1px solid #fcebda;
  cursor: pointer;
}

.photo-input input:focus + label {
  outline: 1px solid #000;
}

.codedropz-btn-wrap {
  display: none;
}

.breadcrumbs {
  font-size: 1rem;
  text-transform: capitalize;
}

.breadcrumbs a {
  text-decoration: none;
}

.breadcrumbs a:hover {
  text-decoration: underline;
}

.portfolio-grid {
  display: flex;
  flex-wrap: wrap;
}

.portfolio-grid-item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}

.portfolio-grid-item figure {
  margin: 0;
  height: 100%;
}

.portfolio-grid-item .bg-image {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.portfolio-grid-item .bg-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-attachment: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  transition: background 0.25s ease-out;
  cursor: pointer;
}

.mask:hover {
  background-color: rgba(0, 0, 0, 0);
}

.post-type-archive-portfolio .modal,
.post-type-archive-portfolio .modal-dialog {
  width: 100%;
  max-width: 100%;
}

.post-type-archive-portfolio .modal-fullscreen,
.post-type-archive-portfolio .modal-content {
  background: #000;
  width: 100%;
  max-width: 100%;
}

.post-type-archive-portfolio .modal-dialog-centered {
  margin: 0;
  padding: 0;
}

.post-type-archive-portfolio .btn-close-3:hover {
  color: #FFF;
}

.video-wrapper {
  text-align: center;
  margin: 0 auto;
}

@media screen and (orientation: landscape) {
  .video-wrapper {
    width: 70%;
  }
}

@media screen and (orientation: portrait) {
  .video-wrapper {
    width: 100%;
  }
}

video {
  width: 100% !important;
  height: auto !important;
}

.disabled-link {
  cursor: default;
}

.disabled-link:hover, .disabled-link:active {
  background: none;
  color: inherit;
}

.need-to-login {
  position: absolute;
  z-index: 1025;
  width: 100%;
  height: 50%;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-top: 20vh;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  top: 110px;
  bottom: 0px;
  left: 0px;
  min-height: 550px;
}

.container-xxxl {
  width: 100%;
  max-width: 1600px;
  margin-right: auto;
  margin-left: auto;
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}

.sticky2 {
  position: fixed;
  top: 69px;
  right: 0;
  left: 0;
  z-index: 1030;
}

.grid {
  width: 100%;
  margin: 0 auto;
  gap: 5px;
  display: grid;
}

.grid-sizer {
  width: 50%;
}

.grid-item {
  width: 50%;
  padding: 2.5px;
  box-sizing: border-box;
}

.grid-item-inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.grid-item--width2 {
  width: 50%;
}

.grid-item--width3 {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .grid-sizer {
    width: 20%;
  }
  .grid-item {
    width: 20%;
  }
  .grid-item--width2 {
    width: 40%;
  }
  .grid-item--width3 {
    width: 60%;
  }
}

.otgs-development-site-front-end {
  display: none !important;
}

.mwl__topbar__controls__control--fullscreen {
  display: none !important;
}

.mwl {
  background: #2d2e32 !important;
}

.mwl__slider {
  position: relative;
  width: 100%;
  max-width: 1620px;
  height: 100%;
  min-height: 0;
  display: flex;
  flex: 1;
  margin: 0 auto;
}

.slider-wrapperXX {
  display: flex;
  flex-direction: column !important;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  height: 100%;
  padding: 1rem;
}

.slider-wrapperXX .location-ctas {
  left: .5rem;
  right: .5rem;
}

@media only screen and (orientation: landscape) and (min-width: 992px) {
  .mwl__slider {
    width: 70%;
  }
}

@media only screen and (orientation: portrait) and (max-width: 991px) {
  .mwl__sliderr {
    width: 100%;
  }
}

#convert-to-pdf-location-photos {
  cursor: pointer;
}

#locationsNearby {
  width: 100%;
  max-width: 900px;
}

.distance-filter {
  background: #eef7f3;
  padding: 1rem;
  border-radius: 0.5rem;
}

.range-labels {
  font-size: 0.8rem;
  color: #6c757d;
}

.range-labels span {
  position: relative;
  text-align: center;
}

.selected-distance {
  font-weight: bold;
  color: #ff6b00;
}

.form-range::-webkit-slider-thumb {
  background: #ec7808;
}

.form-range::-moz-range-thumb {
  background: #ec7808;
}

/* Styling for Webkit browsers (Chrome, Safari) */
.form-range::-webkit-slider-thumb {
  background: #ff6b00 !important;
}

/* Styling for Firefox */
.form-range::-moz-range-thumb {
  background: #ff6b00 !important;
}

/* Styling for IE/Edge */
.form-range::-ms-thumb {
  background: #ff6b00 !important;
}

/* Optional: Style the track (line) */
.form-range::-webkit-slider-runnable-track {
  cursor: pointer;
}

.form-range::-moz-range-track {
  cursor: pointer;
}

.form-range::-ms-track {
  cursor: pointer;
}

#locationsNearby .single-location-grid img {
  position: relative;
  margin-bottom: 0.5rem;
  border-bottom: 5px solid #ec7808;
  width: 100%;
  max-width: 100%;
  height: 185px;
}

.nearby-carousel {
  width: 100%;
  height: auto;
}

.nearby-carousel .carousel-cell {
  width: 100%;
  height: auto;
}

.nearby-carousel .carousel-cell a {
  display: block;
  width: 100%;
  height: 100%;
}

.nearby-carousel .carousel-cell img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* Ensure Flickity slider is visible */
.nearby-carousel .flickity-slider {
  display: flex;
  align-items: center;
}

.nearby-carousel.flickity-enabled {
  position: relative;
  visibility: visible !important;
}

.badge.rounded-pill.bg-primary {
  background-color: #ec7808 !important;
}

.bg-primary {
  background-color: #ec7808 !important;
}

.error-message {
  color: #dc3545;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}

.wpml-ls {
  display: none;
}

.main-carousel {
  margin-bottom: 1rem;
  height: 250px;
  background: #f5f5f5;
}

.main-carousel .carousel-cell {
  width: 100%;
  height: 100%;
  margin-right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.main-carousel .carousel-cell img {
  width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: contain;
  display: block;
}

.main-carousel .carousel-cell.fill-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.main-carousel .flickity-button {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.main-carousel .flickity-button:hover {
  background: white;
}

.main-carousel .flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px rgba(236, 120, 8, 0.3);
}

.main-carousel .flickity-button .flickity-button-icon {
  fill: #333;
}

.main-carousel:hover .flickity-button {
  opacity: 1;
}

.main-carousel .flickity-page-dots {
  bottom: 10px;
}

.main-carousel .flickity-page-dots .dot {
  width: 8px;
  height: 8px;
  opacity: 0.5;
}

.main-carousel .flickity-page-dots .dot.is-selected {
  opacity: 1;
  background: #ec7808;
}

.ca-toast-thumbnail {
  width: 36px;
  height: 36px;
  object-fit: cover;
  border-radius: 4px;
}

.ca-toast-undo-btn {
  /* Custom undo button styles would go here */
  font-size: 12px;
  padding: 4px 8px;
  border: 1px solid #ccc;
  color: #000;
}

.main-carousel .flickity-page-dots .dot::before {
  /* styles */
}

.main-carousel .flickity-page-dots .dot.is-selected::before {
  /* styles */
}