/*
Theme Name: Homey Child
Theme URI: http://themeforest.net/user/favethemes/
Author: Favethemes
Author URI: http://themeforest.net/user/favethemes/
Description: Homey is a powerful booking platform that lets you run a residential or commercial
rental business online with no hassle
Version: 1.0.0
Tags: right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, post-formats, theme-options, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: homey
Template: homey
*/


/* Your CSS code goes here
-------------------------------------- */
.woocommerce-terms-and-conditions-wrapper .input-checkbox {
    display: inline-block;
    margin-left: -5px;
    position: relative;
    text-align: center;
    margin-top: 6px;
    margin-right: 0;
}
div#homey_halfmap_listings_container .item-grid-view .item-media-thumb a img,.slick-track .item-grid-view .item-media-thumb a img{
	    height: 250px !important;
    object-fit: cover;
    width: 100% !important;
    display: block;
    margin: auto;
}
#listing-cursor-container {
    position: absolute;
    top: 10px;
    right: 30px;
    z-index: 1000; /* Ensures buttons appear above the map */
    width: auto; /* Override the row width */
  }
  
  #listing-cursor-container .col-6 {
    width: auto;
    padding: 0 2px;
    display: inline-block;
  }
  
  #listing-cursor-container .btn-listing {
    margin: 0;
    white-space: nowrap;
  }
.mapboxgl-popup {
    max-width: 300px !important;
    max-height: 400px !important;
    overflow-y: auto;
    width: 100% !important;
}
.mapboxgl-popup-content {
    padding: 0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 15px rgba(0,0,0,0.2) !important;
    width: 100% !important;
    max-width: 100% !important;
}
.mapboxgl-popup-close-button {
    font-size: 24px !important;
    font-weight: 300 !important;
    color: white !important;
    background: rgba(0,0,0,0.3) !important;
    border-radius: 50% !important;
    width: 30px !important;
    height: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    top: 5px !important;
    right: 5px !important;
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 2 !important;
}
.mapboxgl-popup-close-button:hover {
    background: rgba(0,0,0,0.5) !important;
    color: white !important;
}
.modern-infobox {
    display: flex;
    font-family: 'Arial', sans-serif;
    overflow: hidden;
    min-height: 120px;
}
/* Image container */
.modern-info-image {
    position: relative;
    width: 40%; /* Take 40% of the popup width */
    overflow: hidden;
    flex-shrink: 0; /* Prevent image from shrinking */
}

.modern-info-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.modern-map-popup {
    transition: opacity 0.2s ease;
    z-index:1000;
}

.modern-map-popup .mapboxgl-popup-content {
    padding: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
}
/* Add hover state for popup itself */
.modern-map-popup:hover {
    z-index: 999 !important;
}
/* Price overlay on image */
.modern-info-price {
    position: absolute;
    bottom: 10px;
    left: 5px;
    background: rgba(36, 36, 36, 0.9);
    padding: 5px 8px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 16px;
    color: #ffffff;
    z-index: 1;
}

/* Content container */
.modern-info-container {
    padding: 12px;
    background: white;
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Property title */
.modern-info-title {
    margin-bottom: 8px;
}

.modern-info-title h3 {
    margin: 0 0 8px 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    line-height: 1.2;
}

.modern-info-title h3 a {
    color: #333;
    text-decoration: none;
}

.modern-info-title h3 a:hover {
    color: #5a6dff;
}
.mapboxgl-marker {
    /* Base marker styles */
    z-index: 1;
    transition: z-index 0.2s;
}

.mapboxgl-marker.highlight-marker {
    z-index: 999 !important;
}

.gm-marker {
    transition: transform 0.3s ease, filter 0.3s ease;
    transform-origin: bottom center;
    background-color:transparent;
    border-color: transparent;
    padding:0px!important;
}

.highlight-marker .gm-marker {
    transform: scale(1.2);
    filter: brightness(1.3) drop-shadow(0 0 5px rgba(0,0,0,0.5));
}

.gm-marker-price {
    /* Your existing price styling */
    color: rgb(34, 34, 34);
    background-color: #f7f7f7;
    padding: 5px 10px;
    border-radius: 3px;
    font-weight: bold;
}
.highlight-marker .gm-marker-price {
    /* Highlighted price styling */
    background-color: rgb(34, 34, 34);
    color:#f7f7f7;
    font-weight: bolder;
}
/* Location styling */
.modern-info-location {
    color: #777;
    font-size: 13px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Features section with icons */
.modern-info-features {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: auto; /* Push to bottom */
}
.modern-feature {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #555;
    font-size: 13px;
}
.modern-info-features .clearfix {
    display: none;
}
.modern-feature i {
    color: #777;
    font-size: 15px;
}
.hover-effect:before {
	    background-image: none !important;
}
.pricebottom {
	position:relative;
	margin-top: 5px;
}
.pricebottom .item-media-price {
    padding-left: 0px;
    position: relative;
}
.pricebottom .item-media-price span {
   color: #3b4249;
}
.pricebottom .top-left{
	position: absolute;
    right: 10px !important;
    top: 5px;
    text-align: right;
    width: 100%;
    left: 0px;
}
.property-item{
    padding:10px;
}
.pricebottom .item-price {
	font-size: 24px;
}
#overlayz{  
  position: fixed;
  top: 0;
  z-index: 1000;
  width: 100%;
  height:100%;
  display: none;
  background: #fff;
}
#overlayz .cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;  
}
#overlayz .spinner {
  width: 40px !important;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #e53b48 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}
#overlayz .overlayzptext{
    position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 100%);
  font-size: 20px;
}
@keyframes sp-anime {
  100% { 
    transform: rotate(360deg); 
  }
}
.is-hide{
  display:none;
}
.max250{
  max-height:250px;
  overflow:hidden;
  padding-bottom:0px;
}
.max100{
  max-height:100px;
  overflow:hidden;
  padding-bottom:0px;
}
#readmorepost,#readmorecp{
  cursor:pointer;
}
#readmorecp{
margin-bottom: 20px;
display: block;
}
.wpcf7-form ul,.agentlgnform ul {
	 padding-left: 0px;
	    list-style-type: none;
}
.wpcf7-form ul li,.agentlgnform ul li{
	 margin-bottom:10px;
}
article#post-8537 .article-detail table tbody td {
    border: 0;
}
article#post-8536 form.wpcf7-form,.agentlgnform {
    max-width: 400px;
    display: block;
    margin: auto;
}
.agbtn{
    background: #e63b49;
    border: 0;
    width: 100%;
    padding: 10px;
    border-radius: 4px;
    color: #fff;
}
.agloginlink{
	display:block;
	margin-top:-30px;
}
article#post-8537,article#post-8536{
	background:transparent;
}
article#post-8537 .article-detail.block-body,article#post-8536 .article-detail.block-body {
    padding-top: 0px;
}
.page-id-8537 .page-title,.page-id-8536 .page-title {
    display: none;
}
.underlink,.underlink:hover{
	text-decoration:underline;
}
.wpcf7-form ::placeholder,.agentlgnform ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #949ca5;
  opacity: 1; /* Firefox */
}
/*Fix for Dropdown and advanced filter issue*/
.bootstrap-select.btn-group .dropdown-menu {
    z-index: 7;
}

/*Discount Voucher Section*/
.discount_section{
    margin-top: 10px;
}
.pr-0{
    padding-right: 0px !important;
}
.pl-0 {
    padding-left: 0px !important;
}
input#discount_button,input#discount_button_mbl{
    text-align: center;
    cursor: pointer;
}
#bottombooknow{
	display:none;
    position: fixed;
    bottom: 0;
	right:180px;
    width: 100px;
    z-index: 999;
    padding: 15px;
    background-color: transparent;
    border-top: 0px;
	
}
#bottomcallnow{
	display:none;
    position: fixed;
    bottom: 0;
    right: 50px;
    width: 100px;
    z-index: 999;
    padding: 15px;
    background-color: transparent;
    border-top: 0px;
	
}
.page-id-7696 #bottomcallnow,.page-id-7700 #bottomcallnow{
    display:block;
}
#bottombooknow span,#bottomcallnow span{
	color: #ffffff;
    background-color: #e53c4a;
    border-color: #e53c4a;
    display: block;
    width: 125px;
    margin: auto;
    font-weight: 700;
    line-height: 40px;
    padding: 0 15px;
    text-align: center;
    border-radius: 4px;
    font-size: 14px;
}
.slick-listing-slider .slick-prev,.slick-listing-slider .slick-next {
    color: #e53c4a;
    border: 1px solid #fff;
    height: 25px;
    background-color: #fff;
    width: 25px;
    border-radius: 50%;
}
.slick-listing-slider .slick-prev:before,.slick-listing-slider .slick-next:before {
    display: inline-block;
    font-size: 10px;
    content: "?";
    font-family: Fontawesome;
}
.slick-listing-slider .slick-prev {
    left: 7px;
    position: absolute;
    top: 50%;
    font-size: 0 !important;
    line-height: 0 !important;
}
.slick-listing-slider .slick-next {
    right: 7px;
    position: absolute;
    top: 50%;
    font-size: 0 !important;
    line-height: 0 !important;
}
.slick-listing-slider .slick-prev:before {
  content: "\f053";
  font-family: Fontawesome;
}
.slick-listing-slider .slick-next:before {
  content: "\f054";
  font-family: Fontawesome;
}
.slick-listing-slider.slick-dotted{
    margin-bottom: 0px;
}
.slick-listing-slider .slick-dots {
    bottom: 5px;
}
.slick-listing-slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0;
}
.slick-listing-slider .slick-dots li button:before {
    opacity: .5;
    color: #fff;
}
.slick-listing-slider .slick-dots li.slick-active button:before {
    opacity: .75;
    color: #fff;
}
.only-checkout {
    text-decoration: none !important;
    font-weight: 600 !important;
}
.searchbar form{
margin-top: 19px;
}
.searchbar input{
       height: 46px;
    width: calc(100% - 40px);
    border: 1px solid #d8dce1;
    border-left: 0px solid;
    padding: 0px 10px;
    border-radius: 4px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    color: #4f5962;
    margin-top: -1px !important;
}
.header-comp-center {
    width: calc(100% - 820px);
    display: block;
    padding-left: 30px;
    max-width: 400px;
    margin-left: 200px;
}.searchbar button{
    height: 46px;
    width: 40px;
    border: 1px solid #d8dce1;
    background: #fff;
    border-right: 0;
    padding: 0px 10px;
    border-radius: 4px;
        border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.searchbar button i{
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #3b4249;
}
.header-comp-center{
        width: calc(100% - 820px);
    display: block;
    margin: auto;
    padding-left:30px;
    max-width: 400px;
}
html[lang="el"] .header-comp-center {
    width: calc(100% - 900px);
}
#keyword-search{
	width:200px;
	display:inline-block;
}
#suggesstion-box{
	position: absolute;
    display: none;
    left: 0px;
    background: #fff;
    width: 240px;
    top: 40px;
}
ul.searchlist {
    padding-left: 0px;
    text-align: left;
    list-style-type: none;
    max-height: 200px;
    margin-bottom: 0px;
    overflow-x: hidden;
    overflow-y: auto;
}
ul.searchlist li {
    border-bottom: 1px solid #ccc;
	padding:10px;
}
.pos-relative{
		position:relative;
	}
	.homeicontext{
		    position: absolute;
    top: 19px;
    left: 18px;
    width: 18px !important;
    line-height: initial;
    color: #3b4249 !important;
    height: 18px !important;
	}
#keyword-search{
	background: url(https://halu.travel/wp-content/uploads/2023/05/home.png) no-repeat scroll 7px 11px;
padding-left:30px; overflow: hidden;
    width:240px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	background-size:18px;
    display: inline;
    float: left;
}
.page-id-9201 .search-destination.with-select button.btn.dropdown-toggle.btn-default,.page-id-10302 .search-destination.with-select button.btn.dropdown-toggle.btn-default {
        pointer-events: none;
        touch-action: none;
    }
    .affdiv{
    margin-top: 60px;
}
.selcheckout {
    font-weight: 800;
    color: #e53b49;
}
header .account-login .homey-icon-circle:before {
    content: "|";
    font-weight: 800;
}
.bouncetext{
    display: block;
    position: absolute;
    width: max-content;
    transform: translate(-50%, 100%);
    margin-top: -20px;
    background: #b4dbe2 !important;
    color: #38828f !important;
    border-color: #b4dbe2 !important;
    white-space: normal;
    padding: 10px;
    line-height: 24px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 700;
}
.bdtop {
    border: 0;
    border-top: 1px dotted #d8dce1;
    padding: 10px 0 10px;
}
.ecstxt{
     overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.bouncetextwhite{
         display: block;
    position: absolute;
    width: max-content;
    margin-top: -20px;
       transform: translate(-50%, 100%);
    background: #b4dbe2 !important;
    color: #38828f !important;
    border-color: #b4dbe2 !important;
    white-space: normal;
    padding: 10px;
    line-height: 24px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 700;
}
.homey-booking-block-body-1 label[for=phone] {
    display: block;
}
.homey-booking-block-body-1 .iti--show-flags {
    width:100%;
}
.prev-dates{
    text-decoration: line-through!important;
    color: #949ca5!important;
    font-weight: 300!important;
    cursor: not-allowed;
}
body .single-listing-booking-calendar-js .days li.prev-dates:hover {
    background-color: transparent !important;
}
.gallery-grid-left-wrap img{
        height:405px;
        width:100%;
        object-fit:cover;
    }
    
    .gallery-grid-right-wrap img{
        height:197.64px;
        width:100%;
        object-fit:cover;
    }

span.smallztext {
    font-size: 14px;
}
.paycardimg{
    width: 80%;
    display:block;
    margin:auto;
    margin-bottom: 10px;
}
#cc{

    padding-left: 50px;
    background: url(https://halu.travel/wp-content/uploads/2023/05/stripe-payment-logo.png) no-repeat scroll 4px -3px;
    background-size: 46px;
}
.affdiv .shinebtn,a.trigger-overlay.shinebtn{
    border-radius: 4px;
    font-family: "alfabet", Sans-serif;
}

.pt-0{
    padding-top: 0px !important;
}
#coupbanner{
    background: #1a6c7a;
    color: #fff;
    text-align: center;
}
#coupbanner p {
    margin: 0px;
    padding: 4px;
}
#carouselbanner{
    background: #1a6c7a;
    color: #fff;
    height: 30px;
    text-align: center;
}
#carouselbanner div{
    margin: 0px;
    padding: 4px;
    height: 30px;
}
.mobile-main-nav i.fa.fa-bars {
    color: #e53c4a;
}
.booking-page .listing-title{
    width: 100%;
}
.mb-5{
    margin-bottom: 10px;
}
.stripecustomdiv{
    padding: 0px;
}
.sitelogo img {
    height: 40px !important;
    display: block;
    margin: auto;
}
.padding-0{
    padding:0px;
}
.stripenow-method {
    /*background: url(https://halu.travel/wp-content/uploads/2023/05/New-Payment-2_Apple-Google-Klarna_IAM-1-3.png) no-repeat 93% center;
    background-size: 42%;*/
}
.stripenow-method .control-text{
   width: 100%;
   display: inline-block;
}
.stripenow-method .ptext{
  float: left;
  width: 50%;
  margin-top: 10px;
}
.stripenow-method .pimage p{
 margin-bottom: 10px !important;
 margin-top: 10px !important;
}
.stripenow-method .pimage{
  float: left;
  width: 50%;
}
.stripenow-method .gpayimg{
  height: 40px;
  object-fit: contain;
}
.stripenow-method .klarnaimg{
  height: 32px;
  object-fit: contain;
}
.stripenow-method .lrnmorelink {
    font-size: 10px;
    position: relative;
    z-index: 99;
    color:#222;
}
.payment-method-block .radio-tab{
    padding-right: 25px !important;
}
.marlft3 {
    margin-left: 15px;
}
#klarnabanner{
    background:#FAFCFF;
    color: #222;
    text-align: center;
}
#klarnabanner p {
    margin: 0px;
    padding: 6px;
}
#klarnabanner img {
   height: 24px;
}
.weight300{
    font-weight: 300;
}
body.single-listing textarea[name="guest_message"] {
    display: none;
}
.delcolor{
    color:#717171;
}

/*New code CSS*/
.listing-title{
    font-family: "alfabet", Sans-serif;
    font-size: 32px;
    font-weight: 800;
    color: #262a35;
    margin-top: 10px;
}
.detail-property-page-header-area-v6,.detail-property-page-v6{
       background: #f5f5f5;
    margin-top: 0px;
    padding-top: 20px;
}
.mtop20{
    margin-top: 20px;
}
.mtop10{
    margin-top: 10px;
    display: block;
}
.listingfea p{
      font-family: objektiv-mk1, sans-serif;
      color: #000;
}
.aboutcontent,.aboutcontent p,.aboutcontent li{
      font-family: objektiv-mk1, sans-serif !important;
      font-weight: 400;

}
.abimg{
    float: left;
    margin-right: 10px;
}
.locimg{
    float: left;
    margin-right: 10px;
    height: 40px;
}
img.tgicon {
    width: 30px;
}
.detail-property-page-v6 .sidebar-booking-module ,.detail-property-page-v5 .sidebar.right-sidebar {
    margin: 20px !important;
}
.sidebar-booking-module-body input[type=text],.sidebar-booking-module-body input#discount_voucher,.sidebar-booking-module-body input#discount_button,.sidebar-booking-module-body button,.affdiv a {
    border-radius: 14px !important;
}
.sidebar-booking-module-body input#discount_voucher{
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.sidebar-booking-module-body input#discount_button{
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;    
}
ul.detail-list li{
      font-family: objektiv-mk1, sans-serif;
      font-weight: 300;
      font-size: 16px;
}
img.amicon {
       width: 36px;
    margin-right: 5px;
    float: left;
    height: 36px;
    object-fit: contain;
}
img.hmicon {
    width: 30px;
    height: 30px;
    object-fit: contain;
}
.headtext{
        font-family: 'objektiv-mk1' !important;
    font-weight: bold;
    font-size: 20px;
}
.fontobjektiv,.breadcrumb li,.licontxt .txtval,.sidebar-booking-module-body input,.btn,.text-small,.modern-info-container,.modern-info-title h3,.half-map-search-inner-wrap input,.bootstrap-select li,.half-map-search-buttons input,.list-inline li{
        font-family: 'objektiv-mk1' !important;    
}
.fontalfabet,.gm-marker-price{
    font-family: "alfabet", Sans-serif !important;    
}
.fwlight{
    font-weight: 300 !important;
}
.font20{
    font-size: 20px !important;
}
.fwidthimg{
    width: 100% !important;
}
.detail-property-page h2,.detail-property-page .title,.detail-property-page dt{
        font-family: 'objektiv-mk1' !important;
}
.custom-tabs {
      border-radius: 30px;
      overflow: hidden;
      display: inline-block;
      background: #fcfcfc;
      border: 1px solid #fcfcfc !important;
      width: 90%;
    }

.custom-tabs.exptabs{
    width: 60%;
}
.custom-tabs.listingtabs{
    width: 90%;
}
.custom-tabs.instancetabs{
    width: 40%;
    margin-left: 30%;
    background: #e0e0e0;
    color: #a9a9a9;
    margin-bottom: 30px;
}

    .custom-tabs > li {
      float: left;
      width: 33.3%;
      border-right: 1px solid #eee;
    }
    .custom-tabs.exptabs > li{
    width: 50%;
}
.custom-tabs.listingtabs > li{
    width: 33%;
}
.custom-tabs.instancetabs > li{
    width: 50%;
      border-right: 0;
}

    .custom-tabs > li:last-child {
      border-right: none;
    }

    .custom-tabs > li > a {
      border: none !important;
      text-align: center;
      box-shadow: none !important;
      color: #919191 !important;
      padding: 3px 30px;
      background-color: transparent;
      font-family: objektiv-mk1, sans-serif;
      border-radius: 30px;
      font-size: 12px;
    }
     .custom-tabs > li > button {
        width: 100%;
        height: 40px;
        text-decoration: none !important;
      border: none !important;
      text-align: center;
      box-shadow: none !important;
      color: #919191 !important;
      padding: 3px 30px;
      background-color: transparent;
      font-family: objektiv-mk1, sans-serif;
      border-radius: 30px;
      font-size: 12px;
      font-weight: 600;
    }
    .custom-tabs > li:hover > button {

      background: #2c2b3c !important;
      color: #fff !important;
    }

    .custom-tabs > li.active > a,.custom-tabs > li:hover > a ,.nav-tabs > li.active > a:focus{
      background-color: #2c2b3c !important;
      color: white !important;
    }
     .custom-tabs.instancetabs > li.active > a,.custom-tabs.instancetabs > li:hover > a ,.custom-tabs.instancetabs > li.active > a:focus{
      background-color: #fcfcfc !important;
      color: #262a35 !important;
      border: 1px solid #eee !important;
      border-right: 0 !important;
    }
    .nobottombr{
        border-bottom: 0 !important;
    }
    .detail-list.detail-list-4-cols {
   display: block;
   column-count: 1;
}
.detail-list.detail-list-4-cols li{
   display: block;
   width: 25%;
    min-height: 30px;
   float: left;
}
.single-listing .detail-list {
    margin-bottom: 10px !important;
}
.loctextinfo{
    display: inline-block;
    margin-left: 50px;
    font-weight: 300;
    color: #8b8a8a;
}
.licontxt {
    display: inline-block;
    width: max-content;
    float: left;
}
.licontxt .txtval{
    margin-left: 0 !important;
}
.mx20 {
    margin-top: 20px;
    margin-bottom: 20px;
}
.mx5 {
    margin-top: 5px;
    margin-bottom: 5px;
}
.loctextall{
        font-family: 'objektiv-mk1' !important;
        margin-top: 12px;
        font-size: 18px;
        color: #000;
}

.pbottom0{
    padding-bottom: 0 !important;
}
.borderblock {
    border-radius: 8px;
    border: 1px solid #ddd;

}
 .booking-card {
            border: 1px solid #ddd;
            border-radius: 8px;
            padding: 15px;
            max-width: 100%;
            background-color: #fff;
            margin: auto;
            overflow: hidden;
             font-family: 'objektiv-mk1';
        }
        .booking-card img {
            width: 100px;
            height: 100px;
            border-radius: 8px;
            object-fit: cover;
        }
        .booking-details {
            padding-left: 15px;
             font-family: 'objektiv-mk1';
        }
        .booking-title {
            font-weight: bold;
            font-size: 16px;
            margin-bottom: 5px;
             font-family: 'objektiv-mk1';
        }
        .booking-meta {
            color: #888;
            font-size: 13px;
             font-family: 'objektiv-mk1';
        }
        .booking-total {
            border-top: 1px solid #ddd;
            margin-top: 10px;
            padding-top: 10px;
            font-weight: bold;
             font-family: 'objektiv-mk1';
        }
        .text-right {
            text-align: right;
        }
        .page-template-template-instance-booking #section-body{
                background: #f5f5f5;
    padding-top: 40px;
    padding-bottom: 1px;
    margin-bottom: 0px !important;
        }
    .btnredhalu{
    margin: 0;
    background: #f4002a !important;
    border: 1px solid #f4002a !important;
    border-radius: 24px;
     font-family: 'objektiv-mk1';

    }
    #paystripe,#paystripenow{
    margin: 0;
    background: #f4002a !important;
    border: 1px solid #f4002a !important;
    border-radius: 24px;
    }
     .btnblackhalu{
    margin: 0;
    background: #262a35 !important;
    border: 1px solid #262a35 !important;
    border-radius: 24px;
     font-family: 'objektiv-mk1';
    }
    .page-template-template-instance-booking #section-body .block-body {
    padding: 15px 20px;
    width: 100%;
}
 .page-template-template-instance-booking #section-body label {
 font-family: 'objektiv-mk1' !important;
}
 .page-template-template-instance-booking #section-body #step3 {
    margin-bottom: 40px;
}
 .page-template-template-instance-booking #section-body #step1 .continue-block-button{
    margin: 0px 20px;
}
#continuestep2 i{

    font-family: "Font Awesome 5 Free" !important;
}
.disabledlink{
    pointer-events: none;
}
div#homey_booking_cost li,.payment-list-price-detail-total-price,.payment-list-price-detail-note {
    font-family: 'objektiv-mk1';
    font-weight: 300;
    font-size: 20px;
}
div#homey_booking_cost li,.payment-list-price-detail-total-price,.payment-list-price-detail-note {
    font-family: 'objektiv-mk1';
    font-weight: 300;
    font-size: 16px;
}
div#homey_booking_cost li.homey_price_first{
    letter-spacing: 0 !important;
}
.page-id-156 div#homey_booking_cost{
    margin-top: 35px;
}

.sidebar-booking-module div#homey_booking_cost li,.sidebar-booking-module .payment-list-price-detail-total-price{
    font-size: 16px;
}
.sidebar-booking-module .payment-list-price-detail-note {
    font-size: 14px;
}
#homey_booking_cost li:nth-child(2){
    margin-bottom: 10px;
}
.page-id-156 #homey_booking_cost li:nth-child(2){
    margin-bottom: 20px;
}
.payment-list-price-detail-total-price{
    font-weight: 800;
}
button#continuestep1{
    margin-top: 30px;
}
 .content-preview {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  transition: all 0.3s ease;
}

.content-preview.expanded {
  -webkit-line-clamp: unset;
  display: block;
}

.toggle-content {
  display: inline-block;
  margin-top: 10px;
  color: #0073aa;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
}
.search-banner {
    font-family: 'objektiv-mk1';
}
.homey-booking-block-body-1 input{
    font-family: 'objektiv-mk1';
}
.stripenow-method label.control.control--radio.radio-tab{
        padding-top: 20px !important;
    padding-bottom: 15px !important ;   
}

.half-map-right-wrap{
    height: auto !important;
}
.half-map-left-wrap .item-grid-view .item-wrap{
    max-height: 380px;
}
.modern-info-price sup,.modern-info-price sub {
    top: auto !important;
    bottom: auto !important;
    font-size: 100% !important;
}
.modern-info-price sub {
    font-size: 75% !important;
}
.label-featured {
    font-family: 'objektiv-mk1' !important;
    background: #c7e6db !important;
    color: #262a35 !important;
}
/*New code CSS*/
/*Desktop CSS*/
@media (min-width: 992px) {
  
	.header-inner li#menu-item-8667{
		display:none;
	}
	.page-template-template-search  .half-map-search.main-search-wrap{
		    position: absolute;
    		z-index: 9;
		width:100%;
	}
	.page-template-template-search  .half-map-wrap .sort-wrap,.page-template-template-search div#half-map-search-collapse {
		margin-top: 125px;
	}
	.page-template-template-search  .half-map-wrap .sort-wrap.topzero{
		margin-top:0px;
	}
    .half-map-search-buttons #keyword-search{
    margin-right:10px;
    vertical-align: bottom;
}
	.home-keyword #keyword-search {
    width: 100%;
    display: inline-block;
    padding-top: 22px;
    padding-right: 0;
    padding-bottom: 20px;
    padding-left: 50px;
    height: 56px;
    font-size: 15px;
    margin-top: 10px;
    background: url(https://halu.travel/wp-content/uploads/2023/05/home.png) no-repeat scroll 16px 17px;
    background-size: 18px;
}
	.home-keyword #suggesstion-box {
	   width: 100% !important;
        left: 0px !important;
        border: 1px solid #ccc;
        margin-top: 66px;
        top: unset !important;
	}
    .hidedesktop {
        display: none;
    }
    .textcarousel, .textcarousel2, .textcarousel3 {
        display: block;
        float: left;
    }
    .mapboxgl-popup {
        max-width: 280px !important;
    }
    
    .modern-info-image {
        height: 120px;
    }
    
    .modern-info-price {
        font-size: 14px;
        padding: 4px 6px;
    }
    .modern-info-title h3 {
        font-size: 14px;
        margin-bottom: 5px;
    }
    
    .modern-info-container {
        padding: 8px;
    }
    
    .modern-feature {
        font-size: 12px;
    }
    
    .modern-feature i {
        font-size: 14px;
    }
    .modern-infobox{
        height: 100px;
    }
    .modern-info-location {
        font-size: 12px;
        margin-bottom: 5px;
    }
  .prmd0{
    padding-right: 0;
  }
  .plmd0{
    padding-left: 0;
  }
  .hidedesktop{
    display: none !important;
  }
}
/*Desktop CSS*/
@media (min-width: 1800px) {
	.page-id-7885  .main-content-area{
		margin-bottom:100px;
		margin-top:100px;
	}
}
/*Desktop CSS*/
@media (min-width: 1800px) {

		.page-id-7883  .main-content-area{
		margin-bottom:200px;
		margin-top:200px;
	}
}

/*MobileCSS*/
@media (max-width: 992px) {
	#bottombooknow,#bottomcallnow{
	display:block; 
	}
.discount_section {
    margin-top: 10px;
    margin-bottom: 10px;
}
#single-listing-date-range .search-date-range-depart {
    margin-left: 0px;
}

div#errorcoupmbl{
    position: inherit;
}
.mobile-nav-wrap .searchbar input {
    width: calc(100% - 40px);
    border: 1px solid #d8dce1;
    border-left: 0px solid;
    padding: 0px 10px;
}
.mobile-nav-wrap .searchbar form{
margin-top: 0px;
    
}
    .mobile-nav-wrap .searchbar{
        max-width: 95%;
    display: block;
    margin: auto;
    }
	.page-id-7696 #bottombooknow,.page-id-7700 #bottombooknow,.page-template-template-instance-booking #bottombooknow{
		display:none;
	}
	#keyword-search-mbl {
    width: 100%;
    display: inline-block;
    height: 56px;
    font-size: 15px;
    margin-bottom: 10px;
}
	#suggesstion-box-mbl{
	    position: absolute;
    display: none;
    left: 20px;
    background: #fff;
    width: 90%;
}
.search-calendar .days li {
    padding: 7px 0 !important;
}
.bouncetext{
        display:none;
    }
    #overlayz .overlayzptext{
        font-size: 16px;
    }
    html[lang="el"] #bottombooknow span,html[lang="el"] #bottomcallnow span{
        padding: 0 5px;
    }
	.single-experience .content-area {
    padding: 15px !important;
}
.single-experience #bottombooknow,.single-experience #bottomcallnow{
    display: none;
}
.single-experience .overlay-booking-btn{
        background: transparent;
    border: 0;
}
 ul.mobullang {
    padding: 0;
    display: inline-block;
    list-style: none;
    vertical-align: bottom;
}

#mobile-menu li.trp-language-switcher-container{
    display: none;
}
.search-banner-mobile .search-destination > input {
        background: #e53b49;
   border-radius: 30px;
    color: #fff;
    text-align: center;
    padding: 0 !important;
    border:0px !important;
}
.search-banner-mobile .search-destination > input::placeholder {
    color:#fff !important;
}
.search-banner-mobile .search-destination:after{
    color: #fff !important;
}
.page-template-template-instance-booking .block-head .title span {
    top: -3px;
    line-height: 34px;
}
.hidemobile {
display: none;
}
.mblbr{
    display: block;
}
#klarnabanner p{
    font-size: 12px;
}
#klarnabanner{
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.stripenow-method .pimage {
    float: left;
    width: 60%;
}
.stripenow-method .ptext {
    float: left;
    width: 40%;
}
.payment-method-block .radio-tab{
    padding-right: 15px !important;
}
.payment-method-block .klarnaimg{
    height: 25px;
}
.stripenow-method .lrnmorelink {
    font-size: 9px;
}
/*New mobile CSS*/
.hmicon {
    width: 33px;
}
.abimg {
    float: left;
    margin-right: 10px;
    margin-top: -4px;
    width: 30px;
}
.detail-list.detail-list-4-cols li {
    display: block;
    width: 50%;
    float: left;
    font-size: 12px;
}
.detail-list.detail-list-4-cols li img{
    width: 30px;
    float: left;
}

.feasection{
    padding: 10px !important;
}
.ptxs-0{
    padding-top: 0 !important;
}
button#trigger-overlay-booking-form {
    border-radius: 24px;
}
.custom-tabs.instancetabs{
    width: 100%;
    margin-left: 0%;
}
.custom-tabs.instancetabs li a{
    padding: 10px 0px;
}
.totalblock{
        max-width: 90%;
    display: block;
    margin: auto;
}
.mtmb20{
    margin-top: 20px;
}
.mtopmb0{
    margin-top: 0px;
}
.hidemobile{
    display: none !important;
}
.search-button.pos-relative{
    margin: 0;
    padding: 0;
}
#map-container{
    height: 65vh !important;
}
.single-experience .sidebar-booking-module-footer {
    display: none;
}
.plr15mbl{
    padding-left: 15px;
    padding-right: 15px;
}
.custom-tabs.listingtabs{
    width: 100%;
}

.custom-tabs.listingtabs li{
    width: 30%;
}
.custom-tabs.listingtabs li:last-child{
    width: 40%;
}
.custom-tabs.listingtabs li a{
    width: 100%;
    text-align: center;
    height: 40px;
    padding: 0;
    line-height: 40px;
}

/* Hide submenus by default */
#mainmenu .elementor-nav-menu__container ul ul {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition: max-height 0.5s ease, opacity 0.5s ease;
    position: relative; /* Ensure it stays in flow */
}

/* When <a> has 'highlighted' class, expand its parent's submenu */
#mainmenu .elementor-nav-menu__container li:has(> a.highlighted) > ul {
    max-height: 1000px; /* High enough to accommodate submenu content */
    opacity: 1;
    visibility: visible;
}
#mainmenu .elementor-nav-menu__container li:has(> a.highlighted) > ul li a{
    border-bottom: 1px solid #ccc;
    font-size: 13px !important;
    padding: 10px;
    margin-top: 10px;
}
/* Make the link behave like a flex container */
#mainmenu .elementor-nav-menu__container a.has-submenu {
  display: flex;
  align-items: center;
  justify-content: space-between; /* Push text left, arrow right */
}

/* Optional: Prevent the arrow from collapsing too small */
#mainmenu .elementor-nav-menu__container .sub-arrow {
  margin-left: 8px; /* some spacing from text */
  display: inline-flex;
  align-items: center;
}
}

  .search-overlay {
      display: none;
      position: fixed;
      top: 0; left: 0;
      width: 100vw; height: 100vh;
      background-color: rgba(0, 0, 0, 0.9);
      justify-content: center;
      align-items: flex-start;
      padding-top: 10vh;
      z-index: 1000;
    }

    .search-overlay.active {
      display: flex;
    }

    .search-box {
      position: relative;
      width: 60%;
    }

    .search-box input[type="text"] {
      width: 100%;
      padding: 1rem 3.5rem 1rem 1rem;
      font-size: 1.5rem;
      border: none;
      border-radius: 8px;
      outline: none;
    }

    .search-box button {
        position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    width: 40px;
    height: 40px;
    font-size: 20px;
    }

    .search-box button svg {
      width: 1.8rem;
      height: 1.8rem;
      fill: #333;
    }

    /* Mobile */
    @media (max-width: 768px) {
      .search-box {
        width: 90%;
      }

      .search-box input[type="text"] {
        font-size: 1.2rem;
        padding: 0.8rem 3rem 0.8rem 1rem;
      }

      .search-box button svg {
        width: 1.5rem;
        height: 1.5rem;
      }

      .search-button {
        font-size: 0.9rem;
        padding: 0.4rem 0.8rem;
      }
    }