/* ==========================================================================
   Table Of Content
   ========================================================================== 
   1.Fonts
   2.Typo
   3.General
   4.Buttons
   5.Top Search
   6.Navigation
   7.Homepage
   8.Listing template
   9.Listing Thumbnail
   10.Login / Register form 
   11.CMS Pages / Blog / FAQ
   12.User Dashboard
   13.Checkout
   14. Form
   15.Footer

/* ==========================================================================
  1. Fonts
========================================================================== */ 

@import url('https://fonts.googleapis.com/css?family=Poppins:200,400,700&display=swap');


/* ==========================================================================
  2. Typo
========================================================================== */ 

h1, h2, h3, body, p, a, span {font-family: 'Poppins', sans-serif;}

article.post_item, .post_link {
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    display: flex;
}

#cldrMngct .list-inline{
  display:flex;
  align-items:center;
  gap: 2rem;
}


#cldrMngct .list-inline li:last-child{
  flex:auto;
}


.white-box.store-link.active,
#refLst img{
  display:none;
}

ul.secondary-menu li.wishlist_item.current-menu-item a:before {
    background-color: #ff000000 !important;
    height: auto;
    width: auto;
    top: 0;
    right: 0;
    left: 0;
    color: #4D4D4D !important;
    bottom: 0;
    content:"Favorieten";
}

ul.secondary-menu li.wishlist_item.current-menu-item a:after {
    background-color: #484848 !important;
    bottom: 3px;
    content: "";
    display: block;
    height: 4px;
    left: 22px;
    position: absolute;
    right: 22px;
    top: auto;
    width: auto;
}

.post_item .img_cover {
    height: auto;
    width: 100%;
    position: relative;
}


.post_item .img_cover img {
    aspect-ratio: 16 / 9;
}
.post_item .img_cover img {
    width: 100%;
}
.post_item .img_cover img {
    border-radius: 1rem;
}
.post_item .img_cover img {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.post_item .img_cover img {
    -o-object-fit: cover;
    object-fit: cover;
}

@media (min-width: 1024px) {
    .post_item .img_cover img {
        aspect-ratio: 3 / 2;
    }
}
@media (min-width: 640px) {
    .post_item .img_cover img {
        aspect-ratio: 2 / 1;
    }
}

.dashboard-body .input-group-btn button.btn{
    min-height: 50px;
    background: #1b56cb !important;
    border-color: #1b56cb !important;
    color: #FFF !important;
}

.post_details {
    font-size: 0.75rem;
    line-height: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    align-items: center;
    display: flex
;
    margin-top: 1rem;
}

.svg-logo-footer{
    width: auto;
    height: 200px;
}

.post_date {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
}

.post_category {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
    font-weight: 500;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
    border-radius: 9999px;
    position: relative;
}

.post_link .post-title {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
    line-height: 1.5rem;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-top: 0.75rem;
}

.featured-posts-section .post-summary {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
    line-height: 1.5rem;
    font-size: 0.875rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.alert.alert-warning.vendor_kyc_alert p:last-child a{
  display:block !important;
}


.alert.alert-warning.vendor_kyc_alert p:last-child{
  color:transparent;
}

#booking-date-title i{
  display:none;
}

#order_message_section .white-box h2,
.wishlist-index .breadcrumb li:last-child,
.wishlist-index h1,
.status_info.on,
.status_info.off,
.standard.cldrMngt,
#booking-date-title strong,
.order-info .price span,
#booking-subtotal strong,
.alert.alert-warning.vendor_kyc_alert p:last-child a,
.alert.alert-warning.vendor_kyc_alert p:first-child,
label[for="StartTimeInput"],
label[for="StartOnlyDatePicker"],
aside.pictures-list .file_container .uppercase,
.profile_gallery_uploader label,
.profile_description_textarea label[for="description"],
.menu-item.wishlist_item a, 
.report_listing_link,
.report_listing_link:hover,
label[for="EndDatePicker"],
label[for="StartDatePicker"],
.booking_by_period .text-left.hidden-xs,
.see_more_details a{
  color: transparent;       
  position: relative;

}

#order_message_section .white-box h2:before,
.wishlist-index .breadcrumb li:last-child:before,
.wishlist-index h1:before,
.status_info.off:after,
.status_info.on:after,
.standard.cldrMngt:before,
#booking-date-title strong:before,
#booking-subtotal strong:before,
.order-info .price span:before,
.alert.alert-warning.vendor_kyc_alert p:last-child a:before,
.alert.alert-warning.vendor_kyc_alert p:first-child:before,
label[for="StartTimeInput"]:before,
label[for="StartOnlyDatePicker"]:before,
aside.pictures-list .file_container .uppercase:before,
.profile_gallery_uploader label:before,
.profile_description_textarea label[for="description"]:before,
.menu-item.wishlist_item a:before, 
.report_listing_link:before,
.booking_by_period .text-left.hidden-xs:before,
.see_more_details a:before{
  position: absolute;
  left: 0;
  top: 0;
}




label[for="EndDatePicker"]:before,
label[for="StartDatePicker"]:before{
  position: absolute;
  left: 20px;
  top: 0;
}

.dropdown-menu.no-border.message_preview_item .view_all_cta{
  display:none;
}

.status_info.off{
  display:block;
  width:100%;
}

#order_message_section .white-box h2:before{
  content:"Stuur een bericht over deze klus";
  color:#4D4D4D;
}


.wishlist-index h1:before{
  content:'Favorieten';
  color:#4D4D4D;
}


.wishlist-index .breadcrumb li:last-child:before{
  content:"/Favorieten";
  color:#4D4D4D;
}
.status_info.off:after{
  content:'Niet beschikbaar';
  color:red;
  left:17px;
}
.status_info.on:after{
  content:'Beschikbaar';
  color:#8BC34A;
  left:17px;
}

.standard.cldrMngt:before{
  content:"Beheer je beschikbaarheid";
  color:#222;
}

#booking-date-title strong:before{
  content:"Datums";
  color:#4D4D4D;
}
#booking-subtotal strong:before{
  content:"Totaal";
  color:#4D4D4D;
}


.order-info .price span:before{
  content:"Totaal:";
  color:#222;
}

.alert.alert-warning.vendor_kyc_alert p:last-child a:before{
  content:"Klik hier om de vereiste informatie in te vullen.";
  color:#1D53CB;
  text-decoration:underline;
  margin:0 auto;
  width:100%;
}

.alert.alert-warning.vendor_kyc_alert p:first-child:before{
  content:"Je hebt een vermelding toegevoegd met betaling. Echter, je hebt je betalingsgegevens nog niet bevestigd. Om de betaling te ontvangen, moet je je juridische gegevens bevestigen.";
  color:#8a6d3b;
}
label[for="StartTimeInput"]:before{
  content:"Kies een tijd";
  color:#878b8f;
}
.see_more_details a:before{
  content:'Meer details +';
  color:#8D9EA7;
}


.booking_by_period .text-left.hidden-xs:before{
  content:'Kies een datum';
  color:#4D4D4D;
}

label[for="StartOnlyDatePicker"]:before{
  content:'Kies een datum';
  color:#878b8f;
}

label[for="StartDatePicker"]:before{
  content:'Startdatum';
  color:#878b8f;
}

label[for="EndDatePicker"]:before{
  content:'Einddatum';
  color:#878b8f;
}

.report_listing_link:before{
  content:'Probleem melden';
  color:#464646;
  display:block;
  width:100%;
}

.menu-item.wishlist_item a:before{
  content:'Favorieten';
  color:#4D4D4D;
  padding: 17px 14px;
}

.profile_description_textarea label[for="description"]:before{
  content:'Beschrijving';
  color:#4D4D4D;
}

.profile_gallery_uploader label:before{
  content:'Foto\'s';
  color:#4D4D4D;
}

aside.pictures-list #uploadPhoto-0 .uppercase:before{
  content:'Coverfoto';
  color:#4D4D4D;
  width:100%;
}

aside.pictures-list #uploadPhoto-1 .uppercase:before{
  content:'Foto 2';
  color:#4D4D4D;
  width:100%;
}

aside.pictures-list #uploadPhoto-2 .uppercase:before{
  content:'Foto 3';
  color:#4D4D4D;
  width:100%;
}

aside.pictures-list #uploadPhoto-3 .uppercase:before{
  content:'Foto 4';
  color:#4D4D4D;
  width:100%;
}

aside.pictures-list #uploadPhoto-4 .uppercase:before{
  content:'Foto 5';
  color:#4D4D4D;
  width:100%;
}


aside.pictures-list #uploadPhoto-5 .uppercase:before{
  content:'Foto 6';
  color:#4D4D4D;
  width:100%;
}

#booking-subtotal {
  display: flex;
    align-items: center;
    gap: 1rem;
}

.report{
  text-align:center;
}

.see_more_details a:hover:before{
  color:#000;
}

@media(max-width:991px){
  label[for="StartDatePicker"],
  label[for="EndDatePicker"]{
    width:100%;
    text-align:center;
  }
  label[for="StartDatePicker"]:before,
  label[for="EndDatePicker"]:before{
    display:block;
    margin:0 auto;
    width: 100%;
  }
  .date_range_box{
    border:0 none !important;
  }
  .date_range_box .form-control{
    border-radius:0.5rem !important;
  }
}

/* ==========================================================================
  3. General
========================================================================== */ 
.listing-add:before{
  content:none !important;
}

.featured-posts-section .section-header h2{
  color:#121212;
}

.featured-posts-section .subtitle{
  text-align:left;
}

.fc-day-grid .fc-row, .fc-row .fc-highlight-skeleton {
    z-index: 99 !important;
}

.rate .fa.fa-star, .rate .fa.fa-star-half-o, .rate .fa.fa-star-o {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
}
.rate .fa.fa-star-o {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity));
}

.fa-star-o:before {
    content: "\f005";
}

@media(max-width:480px){
    #calendarAvailabilities .fc-right{
        width: 100%;
    }
    #calendarAvailabilities .fc-right .btn-group {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    #calendarAvailabilities .fc-prev-button, #calendarAvailabilities .fc-next-button {
        flex:1;
        margin-top: 10px;
        border-radius:5px !important;
        margin-left: 10px;
        margin-right: 10px;
    }
}

.listing-show .a2a_default_style:not(.a2a_flex_style) a span {
    --kr-bg-opacity:0.1;
    background: rgba(var(--p), var(--kr-bg-opacity)) !important;
    border-radius: 99% !important;
    width: 30px !important;
    line-height: 30px !important;
    height: 30px !important;
    padding: 8px;
}

#cldrMng{
    margin-bottom:0;
}

#cities .section-header h2{
  color:#121212;
}

.attribute-box.listing-attribut-listing_video_link{
    display:none;
}

.listing-show .a2a_default_style:not(.a2a_flex_style) a span svg path {
    --kr-cl-opacity:0.5;
    fill: rgba(var(--p), var(--kr-cl-opacity)) !important;
}


a.btn.btn-primary.btn-sm.listing-add:hover, a.btn.btn-primary.btn-sm.listing-add:focus{
  color:rgb(var(--pc)) !important;
}

.listing-add:hover:before{
  content:none;
}

.list_row {
    margin-left:0;
}
.grey-bg{
  background:#f9f9f9;
}

.breadcrumb, 
.breadcrumb li a {
  font-size: 12.5px;
}

.absolute {
    position: absolute;
}
.inset-0 {
    inset: 0px;
}



.label-primary {
    color: #fff !important;
    background-color: rgb(var(--s)) !important;
    border-color: rgb(var(--s)) !important;
}

.modal-content {
    border-radius: 12px !important;
}

.modal-footer {
    border: none;
    padding-top:0;
}

@media(min-width:992px){
    .homepage-body .navbar-inverse span, .homepage-body .inbox.inbox_notification_menu .dropbtn {
    color:#FFF !important;
	}

}

/* ==========================================================================
  4. Buttons
========================================================================== */ 


.btn {
    white-space: normal;
}

.btn-primary{
    background-color: rgb(var(--p)) !important;
    border-color: rgb(var(--p)) !important;
    color: rgb(var(--pc));
}

.btn-primary:hover,
.btn-primary:focus{
    --kr-bg-opacity:0.8;
    background-color: rgba(var(--p), var(--kr-bg-opacity)) !important;
    border-color: rgba(var(--p), var(--kr-bg-opacity)) !important;
}

.btn-secondary{
    background-color: rgb(var(--s)) !important;
    border-color: rgb(var(--s)) !important;
    color:rgb(var(--sc)) !important;
}

.btn-secondary.line{
    background-color: rgb(var(--sc)) !important;
    border-color: rgb(var(--s)) !important;
    color:rgb(var(--s)) !important;
}

.btn-secondary.line:hover,
.btn-secondary.line:focus{
    background-color: rgb(var(--s)) !important;
    border-color: rgb(var(--s)) !important;
    color:rgb(var(--sc)) !important;
}

.btn-secondary:hover,
.btn-secondary:focus{
    --kr-bg-opacity:0.8;
    background-color: rgba(var(--s), var(--kr-bg-opacity)) !important;
    border-color: rgba(var(--s), var(--kr-bg-opacity)) !important;
    color:rgb(var(--sc)) !important;
}

.btn.btn-primary.line {
    color: rgb(var(--p));
    border-color: rgb(var(--p));
    background:rgb(var(--pc)) !important;
}

.btn-primary.line:hover,
.btn-primary.line:focus{
    background-color: rgb(var(--p)) !important;
    border-color: rgb(var(--p)) !important;
    color:rgb(var(--pc)) !important;
}

.btn.btn-primary.black-line {
    background: rgb(var(--ac)) !important;
    border-color: rgb(var(--a)) !important;
    color: rgb(var(--a));
    
}
.btn.btn-primary.white {
    background: #FFF !important;
    border-color: #FFF !important;
    color: #484848;
    padding: 10px 25px;
    border-radius: 5px;
}

.listing-show a.btn.btn-inbox {
    background: none !important;
    border: 0 none !important;
    box-shadow: none;
}
.listing-show a.btn.btn-inbox {
    border-radius: 3px;
    display:flex;
    align-items:center;
    gap:1rem;
    text-transform:none;
    letter-spacing:0;
    margin-top:0.3rem;
    color:#222 !important;
    min-height:48px;
}
.listing-show a.btn.btn-inbox {
    border: 0 none;
    background: none;
}
.listing-show a.btn.btn-inbox:hover,
.listing-show a.btn.btn-inbox:focus{
    border-radius:60px;
}
.listing-show a.btn.btn-inbox:before {
  content: "";
  display: inline-block;
  width: 16px; /* Taille de ton SVG */
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chat-right' viewBox='0 0 16 16'%3E%3Cpath d='M2 1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h9.586a2 2 0 0 1 1.414.586l2 2V2a1 1 0 0 0-1-1zm12-1a2 2 0 0 1 2 2v12.793a.5.5 0 0 1-.854.353l-2.853-2.853a1 1 0 0 0-.707-.293H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.btn-inbox-make-offer:focus:after, .btn-inbox-make-offer:hover:after, .btn-inbox:focus:after, .btn-inbox:hover:after {
    content: "";
    background: currentcolor;
    border: 1px solid;
    bottom: 0;
    display: block;
    height: 100%;
    width: 100%;
    left: 0;
    opacity: .05;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: inherit;
}


/* ==========================================================================
  5. Top search
========================================================================== */ 


.header button.btn-search.header button.btn-search, 
.home-search button[type="submit"] {
    color: #fff !important;
    background-color: rgb(var(--p)) !important;
    border-color: rgb(var(--p)) !important;
}

.header button.btn-search.header button.btn-search:hover, 
.home-search button[type="submit"]:hover,
.header button.btn-search.header button.btn-search:focus, 
.home-search button[type="submit"]:focus{
    --kr-bg-opacity:0.8;
    background-color: rgba(var(--p), var(--kr-bg-opacity)) !important;
    border-color: rgba(var(--p), var(--kr-bg-opacity)) !important;
}


.top_search_cta{
    border-left: 1px solid;
    padding-left: 20px;
}


/* ==========================================================================
  6. Navigation
========================================================================== */ 

.navbar-inverse .navbar-brand {
    color: rgb(var(--p));
    font-weight:bold;
}

.navbar-brand > img {
  margin-top: 0;
}

.cbp-hrmenu ul{
    margin-left:0;
    margin-right:0;
}

.cbp-hrmenu>ul>li.cbp-hropen a:hover,
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover span, .navbar-inverse .navbar-nav > li > a:focus span{
    color:rgb(var(--p)) !important;
}

.listind-add:hover,
.listind-add:hover{
  color:rgb(var(--pc)) !important;
}

@media (min-width: 992px){
    .navbar-inverse .navbar-nav > li > a:hover:before {
      visibility: visible;-webkit-transform: scaleX(0.9);
      transform: scaleX(0.9);
    }
    .navbar-inverse .navbar-nav > li > a:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 2px;
      bottom: 10px;
      left: 0;
      background-color: rgb(var(--p));
      visibility: hidden;
      -webkit-transform: scaleX(0);
      transform: scaleX(0);
      -webkit-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s;
    }
    .navbar-inverse .navbar-nav > li > a.dropdown-toggle:before{
      background:none;
    }
    .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }
    .homepage-body .navbar-inverse .navbar-nav > li > a {
        color: #fff;
    }
    .homepage-body .cbp-hrmenu>ul>li>a.univers-link:hover, .homepage-body .cbp-hrmenu>ul>li>a.univers-link:focus {
        --kr-bg-opacity: 0.5;
        background-color: rgba(var(--p), var(--kr-bg-opacity)) !important;
    }
    .homepage-body .cbp-hrmenu>ul>li>a.univers-link {
        background: #ffffff54;
    }
    .homepage-body ul.mega_menu {
        border: none;
        padding-bottom: 0;
        padding-top: 0;
    }
    .homepage-body .cbp-hrmenu>ul>li>a.univers-link {
        border-radius: 60px;
        padding: 5px 20px;
        margin: auto 10px;
    }
    .cbp-hrmenu .cbp-hrsub-inner {
        text-align: left;
        width: auto;
    }
    .cbp-hropen .cbp-hrsub:before {
        content: "";
        display: block;
        position: absolute;
        top: -8px;
        left: 40px;
        border-color: #fff;
        border-left: 8px solid #fff;
        border-bottom: 8px solid #fff;
        border-right: 8px solid #0000;
        border-top: 8px solid #0000;
        transform: translateX(-50%) rotate(135deg);
        box-shadow: -2px 2px 3px rgb(57 73 76 / 10%);
    }
    .cbp-hrmenu .cbp-hrsub-inner {
        padding-top: 15px;
    }
    .cbp-hrmenu .cbp-hrsub-inner {
        padding-left: 0;
        padding-right: 0;
    }
    .cbp-hrmenu>ul>li {
        position: relative;
    }
    .cbp-hropen .cbp-hrsub {
        top: 54px;
        border-radius: 6px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        min-width: 250px;
        color: #fff;
        font-size: 13px;
        letter-spacing: 0.1px;
        box-shadow: 0 0 10px 2px #001e0026;
    }
        .cbp-hrmenu .cbp-hrsub-inner ul {
        background: 0 0;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
        .cbp-hrmenu .cbp-hrsub-inner li a {
        margin-bottom: 0px;
        display: block;
        line-height: 1.5em;
        padding-left: 1.5em;
        padding-right: 1.5em;
        padding-top: 9px;
        padding-bottom: 9px;
    }
    .homepage-body .cbp-hrmenu>ul>li>a.univers-link {
        color: #FFF !important;
    }
    .homepage-body .cbp-hrmenu, .cbp-hrmenu ul {
        color: #FFF !important;
        background-color: transparent !important;
        border: 0 none;
    }
     .navbar-brand > img {
         height: 30px;
     }
    .homepage-body .navbar.navbar-inverse{
        position: absolute;
        width: 100%;
        background: none;
        height: 85px;
        box-shadow: none;
    }
    
    .homepage-body .main-content {
        margin-top: 0px;
    }
    
    .container.clear_menu {
      display: flex;
      align-items: center;
      width: 100%;
    }
  .container.clear-menu {
    padding-left:0;
    padding-right:0;
  }
}

@media(max-width:991px){
    .cbp-hropen .cbp-hrsub {
        background: #fafafa;
    }
    .cbp-hrmenu ul{
        margin-bottom:0;
        padding-bottom:0;
    }
}

@media (min-width: 768px){
  .navbar-right {
    margin-left: auto;
  }
}

@media (max-width: 991px) {
    .navbar-brand img {
        max-height: 20px;
    }
  .navbar-header{
        align-items: center;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        width: 100%;
        gap: 1rem;
    }
  .navbar-inverse .navbar-brand{
    flex:1;
  }
  .container.clear_menu{
    padding-left:0;
    padding-right:0;
  }
}

/* ==========================================================================
  7. Homepage
========================================================================== */ 

.home_edito_section .row.custom_sect_content.flexbox {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
}
.effect-1 .features_cat_img:after {
    content: none;
}

.row.text-center.home-search-wrapper {
    margin: 0;
}

.effect-1 .features_cat_img {
    height: 100%;
}

figure.hover--effect.effect-1 figcaption {
    justify-content: center;
}

.fc-row .fc-bg {
    z-index: unset !important;
}

.home_edito_section img {

    display: none;
}

.home_edito_section .flexbox{
    border-radius:12px;
}

.fc-row .fc-content-skeleton {
    position: relative;
    z-index: 1 !important;
}
.poster, .hero-container .overlay-filter {
    left:0;
    top:0;
}

.home-search button[type="submit"] {
  border-radius:5px;
}
.home-search input,
.home-search select{
    margin-right: 0;
    color: #cacaca;
    background-color: #fff;
    border-radius:5px !important;
}

.home-search input::-webkit-input-placeholder {
    color: #cacaca !important;
}


.home_featured_collection h2, 
.home_featured_listings h2, 
.section-header h2 {
  text-align: left;
}


.home_featured_collection h2, 
.home_featured_listings h2, 
.section-header h2 {
  text-transform:none;
  font-weight:bold;
  letter-spacing:0;
}

.home_about_you.section-spacing {
    margin-bottom: 0;
    border-radius: 12px;
    margin-left: 15px;
    margin-right: 15px;
    width: auto;
}

figure.hover--effect.effect-1 h2,
figure.hover--effect.effect-1 p{
    transform:none;
    transition:none;
    letter-spacing:0;
}

figure.hover--effect.effect-1 figcaption,
figure.hover--effect.effect-1 figcaption h2,
figure.hover--effect.effect-1 figcaption p,
figure.hover--effect.effect-1 figcaption a{
    text-align:left;
}

figure.hover--effect.effect-1:hover img {
    transform: none;
    filter: none;
}




.city:hover .overlay {
    opacity:0;
}
.city{
    -moz-transition-duration: 0.9s;
    -o-transition-duration: 0.9s;
    -webkit-transition-duration: 0.9s;
    transition-duration: 0.9s;
}
.city a {
    color: inherit;
    text-decoration: none;
    display: block;
    font-size: 1.3rem;
    font-weight: 400;
    text-transform: uppercase;
}

.city a:hover {
    color: inherit;
}


.city h5 {
    text-align: center;
    font-size: 1.2rem;
    color: #FFF;
    font-weight:bold;
    bottom: 0;
    margin: 0;
    width: 100%;
    padding: 1em;
}

.city h5 small{
    color: #FFF;
    font-weight:bold;
}

.city {
    display: flex;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 350px;
    color: inherit;
    justify-content: center;
    align-items: end;
    position: relative;
    margin-top: 15px;
    border-radius: 12px;
}

#cities {
    padding: 50px 0;
    width:100%;
}

#cities .section-header {
  text-align: left;
}

.city .overlay {
    border-radius:5px;
}    

.love-icon {
    z-index: 1;
}

.love-icon img {
    width:50px;
}


@media(max-width:991px){
    .home_featured_collection .col-md-4{
      width:100%;
    }
    .feat_item figure h2{
      color:#FFF !important;
      font-weight:bold;
    }
    .hero-container .overlay-filter {
      background: #000;
    }
      .home_featured_collection .col-md-4 {
        width: 100%;
        flex: 0 0 auto;
        display: flex;
        flex-direction: column;
        box-shadow: none;
        border-radius: 12px;
        width: 245px;
        background: #fff;
        padding: 0;
        z-index: 0;
    }
    figure.hover--effect {
        margin-top: 0;
        border-radius: 12px;
    }
    .effect-1 .features_cat_img:after {
        content: '';
        background: linear-gradient(to top, #39393a 0, #636363 35%, transparent 100%, transparent 100%);
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        opacity: .5;
        overflow: hidden;
    }
    figure.hover--effect.effect-1 figcaption {
        padding: 2em;
    }
        figure.hover--effect.effect-1 figcaption p {
        opacity: 1;
        color: #FFF !important;
        padding: 0;
    }
    figure.hover--effect figcaption::after {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transform: none;
        transform-origin: unset;
        height: 100%;
        width: 100%;
        z-index: -1;
        border-radius: 12px;
        background: #0006;
        opacity: 1;
    }
}
@media(max-width:480px){
    figure.hover--effect.effect-1 figcaption p {
        opacity:1;
        
        padding:0;
    }
      .home_featured_collection .col-md-4 {
        margin-left: 11px;
    }
}



@media(min-width:481px){
  figure.hover--effect.effect-1{
      display:flex;
      align-items:center;
  }

    figure.hover--effect.effect-1 figcaption p {
        font-size: 0.85em;
        margin-top: 5px;
        color: #4b4b4b;
        line-height: 1.5;
    }
  figure.hover--effect.effect-1 h2{
      font-size:1em;
  }
  figure.hover--effect.effect-1 a.featured_cat_home_cta{
      display:none;
  }
  
  figure.hover--effect.effect-1 img {
        max-width: 100%;
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: inline-block;
    }

  figure.hover--effect.effect-1 .features_cat_img {
      position:relative;
  }

  figure.hover--effect.effect-1 figcaption,
  figure.hover--effect.effect-1 figcaption h2,
  figure.hover--effect.effect-1 figcaption p,
  figure.hover--effect.effect-1 figcaption a{
      
      opacity:1;
      padding:0;
      
  }

  figure.hover--effect.effect-1 figcaption,
  figure.hover--effect.effect-1 figcaption h2,
  figure.hover--effect.effect-1 figcaption p,
  figure.hover--effect.effect-1 figcaption a{
        padding-left: 15px;
        padding-right: 15px;
  }
  figure.hover--effect.effect-1 figcaption p{
      margin-top: 5px;
     
  }
  figure.hover--effect.effect-1 {
      box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
      border-radius: 12px;
  }
}

@media (min-width: 992px){
    .city:hover,
    .city:focus{
        -o-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-filter: brightness(120%);
        filter: brightness(120%);
    }
    figure.hover--effect.effect-1 figcaption {
      position:relative;
  }
  .col-md-12.home-banner-content {
      width: 45%;
      text-align: left;
      color: #FFF;
      border-radius: 10px;
      padding: 35px 50px;
  }
  .scope{
    border-left: 2px solid #00b764;
  }
  .welcome-message{
    background-attachment:fixed
  }
  .welcome-message h1,
  .welcome-message h2{
      letter-spacing: 0;
  }

  .welcome-message h2 {
      color: #FFF !important;
      font-size: 1.2em;
      line-height: 1.5em !important;
      font-weight: 400;
  }
  .welcome-message h1{
      color: #FFF!important;
      font-weight: 700;
      font-size: 30px;
      line-height: 1.3em;
  }

  .home-search{
      display:block;
      margin:0;
      padding:0;
  }
  .home-search {
      width: 100%;
      margin-left: 0px;
    }
    
    .homepage-body .narrow_pad {
      padding-left: 0;
      padding-right: 0;
      width: 100%;
      margin-bottom: 10px;
  }
}


@media (min-width: 768px){
  .home_about_you {
     margin-right: 80px !important;
     margin-left: 80px !important;  
     width:auto;
  }
  .home_about_you .container{
     width:100%;
     padding:0;
  }
  .container{
     width:100%;
     padding-right:80px;
     padding-left:80px;
  }

  .home_about_you{
     display: block;
     float: unset;
     padding: 5em;
  }

  .homepage-body .main-content,
  .homepage-body .section-spacing{
     float:unset;
  }
}


/* ==========================================================================
  8. Listing Template
========================================================================== */ 

.listing-show select.form-control {
    border-radius: 5px !important;
}

.publish_on_date{
   display:none;
}


a.btn.btn-primary.btn-live-preview {
  background: #eee;
  color: #000;
  border-color: #e4e7ea;
  font-size: 0.8em;
  margin-top: 20px;
}

.listing-tags-item a::after {
  background: #f9f9f9 !important;
}

.wishlist-btn.add-to-wishlist,
.wishlist-btn.remove-from-wishlist{
  background: none;
  border: none;
    
}


a.add-to-favorite {
  width:100%
}

a.add-to-favorite:hover,
a.add-to-favorite:focus {
  color: #FFF!important;
  background-color: rgb(var(--p)) !important;
  border-color: rgb(var(--p));
}
.social-share{
  margin-top:10px;
}
.social-share .social-block, 
.social-share, 
.social-share-links {
  text-align:center;
}

.social-block, .social-share-title {
  display: inline-block;
}

.social-block ul {
  margin:0;
}

.social-share-title{
  margin:0 15px 0 0 !important;
}

.social-share-links, 
.report, 
.tags {
  text-align: center;
  margin-top: 5px;
  padding-top: 5px;
}

a.report_listing_link {
  font-size: 15px;
  display:block;
}

.listing_container .btn-inbox {
    width: 100%;
}

.msg_to_supplier {
    float:left;
    margin-top: 15px;
    border: 1px solid;
    padding: 10px 20px;
    display: block;
    text-align: center;
    text-decoration: none;
    width:100%;
}

.date_range_box {
    border: 1px solid #cccccc;
}

.listing-show select{
    border-color: #cccccc !important;
}

select#qty_select {
    border: 1px solid #cccccc;
    width: auto;
    padding: 0 50px !important;
}


.date_range_box .fa {
    color: #222;
}

.gr__yourbnb_mykreezalid_com .bootstrap-datetimepicker-widget table td.active{
    background-color: rgb(var(--p)) !important;
}

.single_date_booking select {
  border-radius:5px !important;
}

.date_range_box{
    border-radius:5px;
}

.listing_main_body .slick-prev, 
.listing_main_body .slick-next {
  top:40%;
}

.listing-category small {
  background: rgb(var(--s));
  color: #FFF;
  padding: 3px 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.listing_description h2:after {
    margin: 20px 0;
}
.listing_container .btn-inbox {
    width: 100%;
    border: 2px solid #878b8f;
    border-color: #f1f1f1 !important;
    background: #f1f1f1 !important;
    color: #878b8f !important;
}


.listing_details_list_location a, 
a.vendor_name {
  color:#484848;
}

.listing_description h2 {
    text-transform: none;
    font-size: 1.5em;
    letter-spacing: 0;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 30px;
    text-align: left;
}

.add-to-cart.btn.btn-rounded.btn-primary {
    border-radius:60px;
    margin-top:1rem;
    background-image: radial-gradient(circle, rgb(28 97 203) 0%, #1d43cb 27.5%, #0f1fd8bd 40%, rgb(80 5 216) 57.5%, rgb(80 4 217) 75%, rgb(80 4 217) 100%);
    background-position-x: 50.5%;
    background-position-y: 45.8333%;
    background-size: 200% 200%;
    color:#FFF;
    letter-spacing: 0;
    font-size: 1.2em;
    text-transform: none;
    border:0 none;
    min-height: 48px;
}

@media (min-width: 992px){
  .listing_description .attribute-box {
      width: 49%;
    }
    .attribute-box p.listing_attr_title {
      display: inline-block;
    }
    .listing_info_sidebar {
      margin-top: 0;
    }
    .product_info .listing-supplier-avatar {
      position: absolute;
      right: 10px;
      bottom: 100px;
  }
  
}

/* ==========================================================================
  9. Listing Thumbnail
========================================================================== */ 



.listing-city {
    font-size: 0.85em;
    color: #9e9e9e;
    font-weight: 200;
    margin-left: 5px;
}

.listing-city:before {
    content: "\f041";
    font-family: Fontawesome;
    margin-right: 5px;
}


/* ==========================================================================
  10. Login / Register form
========================================================================== */ 


.login h1, .register h1 {
  font-size: 20px;
  font-weight: 700;
}

.register .form-control,
.register select.form-control{
  border-radius:5px !important;
}
.gray2-wrapper.login, 
.register.gray2-wrapper {
  background:#FFF;
  margin-bottom:0px;
}
.login .workbook-content,
.register .workbook-content{
  text-align: right;
  margin-left: 0;
  width: 100%;
  font-size: 0.9em;
}
.register .form-step{
  font-size: 0.9em;
}
.login .workbook-content a,
.register .workbook-content a{
  color:#484848;
}
.login .wh-part-head,
.register .wh-part-head{
  padding:0;
  border:0 none;
}

.login .form-group{
  margin-bottom:0;
}
.login .forgot_password{
  color:#484848;
}
.form-control.login-password {
  border-top:0;
}
.form-control.login-email {
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-color:#b0b0b0;
}

.form-control.login-password {
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-color:#b0b0b0;
}

.login .btn.btn-primary,
.register .btn.btn-primary{
  /*background: linear-gradient(to right, #E61E4D 0%, #E31C5F 50%, #D70466 100%) !important;*/
  background: linear-gradient(to right, rgb(var(--p)) 0%, rgb(var(--pl)) 50%, rgb(var(--pd)) 100%) !important;
  border:0 none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin-top :15px;
  padding-top: 13px;
  padding-bottom: 13px;
  -webkit-transition: opacity 1.25s !important;
  -moz-transition: opacity 1.25s !important;
}

.login .btn.btn-primary:hover,
.register .btn.btn-primary:hover{
  opacity:1;
}

#tosLabelMessage a{
  color:rgb(var(--p));
  text-decoration:underline;
}

@media(min-width:991px) and (min-width:1679px){
  .login.col-md-6,
  .register.col-md-6 {  
    margin-left: 32.5%;
    width: 35%;
  }
}

@media(min-width:992px){
  .login.col-md-6,
  .register.col-md-6{  
    border:1px solid #e4e4e4;
    margin-bottom: 60px;
  }
  .registration_redirect{
    margin-bottom:0px;
  }
}


/* ==========================================================================
  11. CMS Pages / Blog / FAQ
========================================================================== */ 

.page-header.cms-page h1,
.page-header.faq-header h1,
.page-header.blog-index-head h1{
  color: #FFF !important;
  line-height: 1.27;
  font-size: 44px;
  font-weight: bold;
}

.cms-page h2 {
  font-size: 1.5em;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 1.5em;
}
.cms-page h3{
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.5em;
}


.cms-page img {
  border-radius:8px;
}

.page-header.blog-index-head {
  background-position: top center !important;
}

.faq-header,
.blog-index-head{
  background-color: rgb(var(--s)) !important;
}

.page-header.cms-page,
.page-header.faq-header,
.page-header.blog-index-head{
  height: 565px;
  position: relative;
  padding-bottom: 0;
  padding-top: 0;
}

.page-header.blog-index-head .breadcrumb > li a, 
.page-header.blog-index-head .breadcrumb li a,
.page-header.blog-index-head .breadcrumb > .active,
.page-header.blog-index-head .breadcrumb li,
.page-header.blog-index-head .breadcrumb > *:before,
.page-header.faq-header .breadcrumb > li a, 
.page-header.faq-header .breadcrumb li a,
.page-header.faq-header .breadcrumb > .active,
.page-header.faq-header .breadcrumb li,
.page-header.faq-header .breadcrumb > *:before,
.page-header.cms-page .breadcrumb > li a, 
.page-header.cms-page .breadcrumb li a,
.page-header.cms-page .breadcrumb > .active,
.page-header.cms-page .breadcrumb li,
.page-header.cms-page .breadcrumb > *:before{
  color: #FFF !important;
}
.page-header.cms-page .container,
.page-header.faq-header .container,
.page-header.blog-index-head .container{
  z-index:1;
  text-align: left !important;
}

.page-header.cms-page:before,
.page-header.faq-header:before,
.page-header.blog-index-head:before{
  content:'';
  position:absolute;
  width:100%;
  opacity:0.5;
  height:100%;
}

.faq-content h3:before,
.tos h2:before{
  content:'\f05d';
  color:rgb(var(--p));
  font-family:FontAwesome;
  margin-right:15px;
  font-size:1.5em;
    
}
a.category-tag {
  background: rgb(var(--s));
  color: rgb(var(--sc));
}
.blog-categories-grid .post-count {
  color: rgb(var(--s));
}
.tos .page-header,
.cms-page .page-header{
  background-color: rgb(var(--s)) !important;
}

.testimony-start {
  color: #FDB32B !important;
  font-size: 60px !important;
  display:block;
  font-weight: bold !important;
  letter-spacing: 0px !important;
  padding: 0px !important;
  margin-left: 0px !important;
  margin-top: 35px !important;
  line-height: 0 !important;
}
.faq-content h3 {
  font-weight: 700;
}
.faq-content {
  background: #f1f1f1;
}
.faq-content .panel-title>a{
  font-weight:400;
}

.faq-content .col-md-10{
  margin-left:0;
  width:100%;
}

img.founder-picture {
  width: 80px !important;
  border-radius: 99% !important;
}

#about-us-testimony img{
  width:100%;
}

.cms-page small{
  color: #999;
  font-size: 0.9em;
}

.fancy-list li:before {
  margin-left: 0;
}

div#about-service {
  border: 1px solid;
  padding: 2em 2em;
  border-radius: 8px;
  text-align: center;
}


div#about-faq{
  background: #222; 
  padding: 60px 30px; 
  border-radius: 6px; 
  color: #fff;
  text-align:center;
}

.cms-page-content {
  margin-left: 0;
  width:100%;
}


@media (min-width: 1200px){
    .cms-page .container,
    .faq-header .container,
    .faq-content .container,
    .page-header.blog-index-head .container,
    .blog-index.container{
        width: 1170px;
        padding-right: 15px;
        padding-left: 15px;
    }
}
@media (min-width: 992px){
  .cms-page .container,
  .faq-header .container,
  .faq-content .container,
  .page-header.blog-index-head .container,
  .blog-index.container{
    width: 970px;
    padding-right: 15px;
    padding-left: 15px;
  }
}

/* ==========================================================================
  12. User Dashboard
========================================================================== */ 


.secondary-menu-wrapper {
  background-color: #f9f9f9 !important;
}
ul.secondary-menu > li.current-menu-item > a:before {
  background-color: #484848 !important;
}
.dashboard-body a {
  color: #484848 !important;
}
.dashboard-body .delete_listing,
.dashboard-body .delete_listing a{
  color:rgb(var(--p)) !important;
}

.dashboard-body {
  font-size: 0.9em;
}

a.unread_msg_alert {
  color: #FFF !important;
}

.dashboard-body .btn.btn-rounded.btn-default,
.dashboard-body .btn.btn-rounded.btn-default:hover,
.dashboard-body .btn.btn-rounded.btn-default:focus{
  background: #FFF !important;
  color: #b9b9b9 !important;
  border-color: #ccc important;
}
.dashboard-body {
  background-color: #fff !important;
}

.dashboard-body .unread_msg_alert {
  background: rgb(var(--p));
}
.dashboard-body .btn-primary,
.dashboard-body .btn-primary.line{
  background-color: rgb(var(--ac)) !important;
  border-color: rgb(var(--nc)) !important;
  color: rgb(var(--nc)) !important;
}
.dashboard-body .btn-primary:hover,
.dashboard-body .btn-primary:focus{
  color: rgb(var(--pc)) !important;
  background-color: rgb(var(--p)) !important;
  border-color: rgb(var(--p)) !important;
}


#home_dashboard_body .white-box,
.order-sidebar .white-box{
  border-bottom: 1px solid #999;
}
.order-sidebar .bank-link.active, 
.order-sidebar .orders-link.active, 
.order-sidebar .question-link.active, 
.order-sidebar .review-link.active, 
.order-sidebar .sales-link.active, 
.order-sidebar .shipping-link.active, 
.order-sidebar .store-link.active {
  box-shadow: none;
}
.order-sidebar .bank-link, 
.order-sidebar .orders-link, 
.order-sidebar .question-link, 
.order-sidebar .review-link, 
.order-sidebar .sales-link, 
.order-sidebar .shipping-link, 
.order-sidebar .store-link {
  margin-bottom: 0;
}

.preset-1.user-attributes-grid .attribute-box {
  border-radius: 5px;
  box-shadow: 0 16px 23px rgba(0,0,0,.1), 0 4px 15px transparent;
  padding: 2em;
  text-align: center;
}
.preset-1.user-attributes-grid {
  margin-bottom: 3em;
  margin-top: 2em;
}

.shop-view .page-header:before {
  background: #00000091;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  z-index: 1;
  content: "";
}
.shop-view .page-header{
  position:relative;
  background-attachment:fixed;
}
.shop-view .page-header .container{
  z-index: 1;
}
.shop-view .page-header h1, 
.shop-view .page-header h1 small, 
.shop-view .page-header .breadcrumb > li, 
.shop-view .page-header .breadcrumb > li a, 
.shop-view .page-header .breadcrumb > *:before {
  color:#FFF;
}

@media(min-width:992px){
    div#home_dashboard_body,
    .dashboard-body .listings-list{
      border-left:1px solid #999;
    }
}

/* ==========================================================================
  13. Checkout
========================================================================== */ 


.booking_summary_box {
  margin-top: 30px;
}

/* ==========================================================================
  14. Footer
========================================================================== */ 
.fa.fa-tiktok:before{
  display: inline-block;
  content: "";
  vertical-align: -.125em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%234D4D4D' class='bi bi-tiktok' viewBox='0 0 16 16'%3E%3Cpath d='M9 0h1.98c.144.715.54 1.617 1.235 2.512C12.895 3.389 13.797 4 15 4v2c-1.753 0-3.07-.814-4-1.829V11a5 5 0 1 1-5-5v2a3 3 0 1 0 3 3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  height: 18.11px;
  width: 19.5px;
  background-position: center center;
}

.site-footer .social li a.link-tiktok:hover {
    color: rgb(var(--p));
    background-color: #FFF;
}

.site-footer .social li a.link-tiktok:hover .fa.fa-tiktok:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FF5A5F' class='bi bi-tiktok' viewBox='0 0 16 16'%3E%3Cpath d='M9 0h1.98c.144.715.54 1.617 1.235 2.512C12.895 3.389 13.797 4 15 4v2c-1.753 0-3.07-.814-4-1.829V11a5 5 0 1 1-5-5v2a3 3 0 1 0 3 3z'/%3E%3C/svg%3E");
    /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FFFFFF' class='bi bi-tiktok' viewBox='0 0 16 16'%3E%3Cpath d='M9 0h1.98c.144.715.54 1.617 1.235 2.512C12.895 3.389 13.797 4 15 4v2c-1.753 0-3.07-.814-4-1.829V11a5 5 0 1 1-5-5v2a3 3 0 1 0 3 3z'/%3E%3C/svg%3E");*/
}

.site-footer {
  border-top: 1px solid #ececec;
}

.backtotop {
    color: #fff;
    background-color: #000 !important;
    border-radius: 99%;
    box-shadow:none;
}

footer h4 {
  font-weight: bold;
  font-size: 1.1em;
}
footer, footer a {
  font-size: 13px;
}


@media(max-width:480px){
    .backtotop {
        margin-left: -15px;
    }
}

@media (max-width: 991px) {
    .navbar-nav {
        margin: 0;
    }
  .navbar-brand{
    padding:0;
    width:auto;
  }
      .navbar-inverse .navbar-toggle {
        width: auto;
        min-width: 30px;
        margin: 0;
        padding: 0;
    }
  .navbar-header {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
}