/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .container-yith-wcbk-booking-search-form{
    padding: 10px 50px;
}
 .container-yith-wcbk-booking-search-form{
    margin: 0px;
 }

 .hotel-template .yith-wcbk-booking-search-form-row-categories{
   display: none;
 }

 .elementor-25674 .elementor-element.elementor-element-55585aa .elementor-button {
   background-color: #FF7043;
   font-family: "Montserrat", Sans-serif;
   font-size: 12px;
   font-weight: 600;
   letter-spacing: 2px;
   border-radius: 50px 50px 50px 50px;
}
.sub-arrow{

}

.dialog-close-button{
  position: relative;
}

.dialog-close-button::before{
  content: "\f00d";
  height: 1em;
  width: 1em;
  position: absolute;
  right: 0;
  left: auto;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: var(--e-global-color-accent);
}

.sub-arrow{
  position: relative;
}

.sub-arrow::before{
  content: "\f0d7";
  height: 1em;
  width: 1em;
  position: relative;
  display: inline-block;
  right: 0;
  left: auto;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: var(--e-global-color-accent);
}

.dialog-message .e-con-inner .elementor-widget-container img{
  margin: 0 auto;
  display: block;

}

.elementor-25674 .elementor-element.elementor-element-55585aa .elementor-button:hover, .elementor-25674 .elementor-element.elementor-element-55585aa .elementor-button:focus {
   background-color: #E64A19;
}

.layout-from{
   text-align: center;
}

.layout-prices h3{
   font-weight: 600;
   font-size: 1.2rem;
}

/* Style the dropdown button */
.dropdown .dropbtn {
   background-color: transparent;
   color: #0B0B0B;
   padding: 0px;
   font-size: 1rem;
   border: none;
   cursor: pointer;
 }

 .elementor-24824 .dropdown .dropbtn{
  color: #fff;
 }


 .dropdown .dropbtn:after {
  content: "\f107";
  display: inline-block;
  font: normal normal normal 14px / 1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: 0;
  border-top: 0;
  top: 25%;
  margin-left: 10px;
}

 /* Dropdown container - position it relative to the button */
 .dropdown {
   position: relative;
   display: inline-block;
 }

 /* Dropdown content (hidden by default) */
 .dropdown .dropdown-content {
   display: none;
   position: absolute;
   background-color: #f9f9f9; /* Light gray background */
   min-width: 160px;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); /* Shadow effect */
   z-index: 1; /* Ensures it appears on top of other content */
 }

 /* Links inside the dropdown */
 .dropdown .dropdown-content button {
   color: black;
   padding: 10px 16px;
   background-color: transparent;
   text-decoration: none;
   border: none;
   display: block; /* Makes links take the full width */
   text-align: left;
 }

 /* Change color of dropdown links on hover */
 .dropdown .dropdown-content button:hover {
   background-color: #f1f1f1;
 }

 /* Show the dropdown menu when the user hovers over the dropdown container */
 .dropdown:hover .dropdown-content {
  display: flex;
  flex-direction: column;
 }

 /* Change the background color of the dropdown button when the dropdown content is shown */
 .dropdown:hover .dropbtn {
   background-color: transparent; /* Darker green background on hover */
   color: #0B0B0B;
 }


 .wpml-ls-legacy-list-vertical ul{
  margin: 0;
  padding: 0;
  list-style: none;
 }

.elementor-kit-24790 a:focus,
.elementor-kit-24790 a:hover{
  text-decoration: none;
 }

 .elementor-element-6d454ed{
  display: none;
 }


 footer {
  margin-top: 50px;
 }

 .shortcode-breadcrumb{
  margin: 50px 0;
  display: block;
  text-align: center;
 }

 .breadcrumbs{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  gap: 10px;
  flex-direction: row;
  overflow: hidden;
  overflow-x: auto;
 }
 .shortcode-breadcrumb span{
  display: block;
  width: auto;
  white-space: nowrap;
}

.shortcode-breadcrumb > span{
  white-space: nowrap;
}
 .shortcode-breadcrumb span +i{
  margin: 0 0px;
 }



 .shortcode-breadcrumb span a>i{
  display: none;
 }

 .shortcode-breadcrumb .breadcrumbs span:first-child{
  display: block;
  width: 18px;
  height: 23px;
 }

 .shortcode-breadcrumb .breadcrumbs span:first-child a span{
  display: none;
 }
 .shortcode-breadcrumb .breadcrumbs span:first-child a i{
  display: inline-block;
 }

 .shortcode-breadcrumb .breadcrumbs span a{
    white-space: nowrap;
 }


.shortcode-breadcrumb .breadcrumbs span a{
  color: #00A1C5;
}

 /* /////////////////////////////////////////////////////////////
RESPONSIVE
/////////////////////////////////////////////////////////////*/


@media (min-width: 992px) and (max-width: 1399.98px) {
  .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li a{
    font-size: 12px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media (max-width: 991.98px) {
  .shortcode-breadcrumb{
    margin: 25px 15px;
  }
}

@media (max-width: 767.98px) {

}

@media (max-width:575.98px) {
  .breadcrumbs{
    justify-content: flex-start;
  }
}