/*
Theme Name: Destination Nation Theme
Theme URI: https://hodessy.com/works/destination-nation
Author: Hodessy, LLC and Stephen Osunwale
Author URI: https://hodessy.com
Description: This theme is created specifically to server Destination Nation.
Requires at least: 6.1
Tested up to: 6.1
Requires PHP: 5.6
Version: 1.0.8b
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: destinationnation
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news
*/
@media screen and (max-width: 48em) {
    .hide-on-mobile {
        display: none !important;
    }
  .is-property-sidebar {
    position: static;
    width: 100%;
}
    .centered-logo {
        position: relative !important;;
        /*width: 106px;*/
        left: 0 !important;;
        top: 0 !important;;
        transform: none !important;
    }
    .diable-gradient-bg {
        background: unset !important;
    }
    /* Property Listing */
    .wp-container-1544-5.wp-container-1544-5 > * + * {
        margin-block-start: 10px !important;
        margin-block-end: 0;
    }

  }
/*
HTML RESET
*/
  pre {
    white-space: normal;
    font-family: inherit;
}
ul.mphb-room-rates-list {
    list-style: none;
    padding: 0;
}
input.button, .jet-form-builder__action-button.jet-form-builder__submit.submit-type-ajax {
    padding: 18px 33px;
    background: var(--wp--preset--color--base);
    color: var(--wp--preset--color--tertiary);
    transition-duration: 0.3s;
    transition-property: transform;
}
input[type="submit"] {
    padding: 20px;
}
input.button:hover, .jet-form-builder__action-button.jet-form-builder__submit.submit-type-ajax:hover {
    transform: scale(1.1);
}
.jet-form-builder__action-button.jet-form-builder__submit.submit-type-ajax {
    border:unset;
}
button.jet-form-builder__submit {
    display: inline-flex;
    justify-content: flex-start;
    padding: 18px 20px;
    font-size: 16px;
    font-family: 'Lato';
    font-weight: 600;
    border: none;
    background: var(--wp--preset--color--base);
    color: var(--wp--preset--color--tertiary);
}
.breadcrumb {
 	padding-inline-start: 0; 
}
/* Style Jet map listings popup*/
[class^='jet-map-popup'], div[class*=' jet-map-popup']{
    position: inherit;
}
/*Stype Apartment Type Children*/
.has-position-relative {
 	position: relative; 
}
.is-child-apart-price-wrapper {
  position: absolute;
  width: max-content;
   right: 8px; 
}
.is-child-apart-price {
  	padding: 8px;
    color: var(--wp--preset--color--base);
    background: var(--wp--preset--color--contrast);
}
/*	Post Excerpt Length*/
.terminate-excerpt .wp-block-post-excerpt__excerpt {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	}
.wp-block-post.podcast.type-podcast, .wp-block-post.post.type-post {
    display: flex;
}
 .wp-block-quote {
    border-width: 2px;
    border-left: solid;
    padding-right: var(--wp--preset--spacing--30);
    padding-left: var(--wp--preset--spacing--30);
    padding-top: .6rem;
    padding-bottom: .6rem;
}
/*
##################################################
*/
.wp-site-blocks {
    padding-top: 0;
    padding-bottom: 0;
}
footer.wp-block-template-part {
    margin-block-start: unset;
}
.mphb_sc_search-adults select, .mphb_sc_search-children select, select.mphb-rooms-quantity {
    padding: 14px;
}
p.mphb-rooms-quantity-wrapper.mphb-rooms-quantity-multiple {
    display:none;
}
p.post-thumbnail.mphb-loop-room-thumbnail {
    width: auto;
}
.with-block-shadow {
    box-shadow: 0px 0px 30px 0px rgb(35 87 132 / 6%);
}
.with-block-shadow:hover {
    box-shadow: 0 5px 30px 0 rgb(35 87 132 / 8%);
}
.post-image-border-radius-8 img{
    border-radius: 8px 0 0 8px;
}
/* Make Header Template Part Stay above hero sections in all cases */
.wp-block-template-part {
    z-index: 1;
    position: relative;
}

input,
textarea {
  padding: 0.4rem;
  width: 100%;
  border: 1px solid;
}
select {
    padding: .85rem;
}
/*
MBHB Search Result Page
*/
ul.mphb-recommendation-details-list {
    padding: 0;
    list-style-image: url(/wp-content/themes/destinationnation/assets/images/check.webp);
}
span.mphb-recommendation-item-count {display: none;}
form.mphb_sc_checkout-form {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}
section#mphb-booking-details {

    width: 60%;
}
.nav-custom a.wp-block-navigation-item__content {
        color: #f9f9f9;
    }
section#mphb-price-details {
    width: 30%;
}

section#mphb-customer-details {
    width: 100%;
}
.mphb-room-type-title a {
    text-decoration: underline;
}
form#mphb-recommendation {
    padding: 24px 48px;
    background: #f7fafd;
    border-radius: 11px;
}
.post-meta-icon .wp-block-coblocks-icon__inner  {
    width: 16px !important;
    height: 16px !important;
    margin-block-start: 0;
    margin-block-end: 1em;
}
.header-icon .wp-block-coblocks-icon__inner{width: 24px !important;
    height: 24px !important; margin-block-start: 0;
    margin-block-end: .25em;}
.wp-block-post-author__avatar img {
    width: 100%;
    height: 100%;
}
.login-link {
    cursor: pointer;
}
.wp-block-post-author, .wp-block-post-author__avatar {width:100%;}
.hide-authour-avater .wp-block-post-author__content {display: none;}
/*.mphb_sc_search-adults, .mphb_sc_search-children {display: none;}*/


  body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"], body .ui-dialog[aria-describedby="ajax-login-register-dialog"] {
    padding: 50px 40px 50px 40px;
    background: #f9f9f9;
    border-radius: 0;
}
.ui-dialog-titlebar {
  background: transparent;
  border-bottom: none;
  border-radius: 0;
  padding: 10px 20px 10px 20px;
}
.ui-dialog-title {
  font-weight: bold;
  text-shadow: 1px 1px 0 #fff;
  font-size: 2.5rem;
}
.ui-widget-header {
  color: #252a2e;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .ui-widget label, .ui-widget-header, .zm_alr_ul_container {
font-family: var(--wp--preset--font-family--dm-sans);
}
.ui-dialog-titlebar .ui-button {
color: #AE2323;
position: absolute;
top: 10px;
right: 10px;
}
#zm_alr_login_submit_button:hover {
    color: white;
  }/*
.main-menu-overlay-button .wp-block-navigation__responsive-container-open.always-shown {
    background: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--base);
    padding: 6px;
  }
*/
/* map search popup */
.map-card-property {
    width: 300px;
    height: auto;
    overflow-y: visible;
}
/*
Header
*/
  .transparent-header {
    position: absolute;
    top: 0;
    width: 100%;
    justify-content: space-between; 
    z-index: 10;
  }
  /* .transparent-header *, .transparent-header > * {
  z-index: unset;
  } */
  .transparent-header .nav-custom > * a .wp-block-navigation-item__label {
	color: #fff;
}
  
.admin-bar .transparent-header {
	top: 32px !important;
}
  .centered-logo {
    position: absolute;
    left: 50%;
   /* top: 1.5%;*/
    transform: translate(-50%);
  }
  button.wp-block-navigation__responsive-container-open.always-shown {
    padding: 10px !important;
    z-index: 1 !important;
    background: var(--wp--preset--color--base);
}
#profile-nav {
    list-style:none inside;
    margin:0;
    padding:0;
    text-align:center;
    padding: 0 15px;
    z-index: 50;
    }
    #profile-nav li {
    display:block;
    position:relative;
    float:left;
    margin-block-end: 5px;
    }
    #profile-nav ul {
    position:absolute;
    padding: 6px 12px;
    background: var(--wp--preset--color--base);
    right:0;
    display:none; /* hides sublists */
    }
    #profile-nav li:hover ul ul {display:none;} /* hides sub-sublists */
    #profile-nav li:hover ul {display:block;} /* shows sublist on hover */
    #profile-nav li li:hover ul {
    display:block; /* shows sub-sublist on hover */
    margin-top:-35px; /* aligns top of sub menu with top of list item */
    }
    ul#profile-nav a {
        color: white;
    }
    .tiny-icon {
        width: 28px;
        height: 28px;
      }
      .profile-link-container {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        align-items: center;
        gap: 8px;
      }
/* 
Property
*/
.taxonomy-amenity.wp-block-post-terms a::before {
    content: '';
    height: 24px;
    width: 24px;
    padding: 0 12px;
    background-image: url(/wp-content/themes/destinationnation/assets/images/check-mm.webp);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center;
  }

  .is-type-tag-in-hero {
    font-size: 14px;
    color: white;
    background-color: unset;
    /*display: inline-block;*/
}

.apartment-page-nav {
    position: sticky;
    position: -webkit-sticky;
    top:    1rem;
    z-index: 10;
}
.apartment-page-nav a:hover {
    color: var(--wp--preset--color--base);
}

.is-property-type-child {
    position: relative;
  }
  .NOis-property-type-child .jet-listing-grid__item {
    padding: 30px;
    box-shadow: 0 0 20px 0 #a9a9a94d;
    width: 100%;
}
  .mphb_sc_search-wrapper.is-style-horizontal-form form > * select {
    padding: 18px;
}

.mphb_sc_search-submit-button-wrapper input.button{
    border-radius: 0 !important;
    padding: 18px 33px !important;
}
.transparent-header.wp-block-template-part a {
    color: whitesmoke;
}
/*
.property-title-column {
    margin-block-start: -5rem;
    margin-inline-start: 3rem;
}
*/
.taxonomy-mphb_room_type_facility.wp-block-post-terms, .taxonomy-amenity.wp-block-post-terms {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: auto;
    gap: 0px;
    height: auto;
}
.taxonomy-amenity.wp-block-post-terms a{
    text-decoration: none;
    pointer-events: none;
}
.taxonomy-mphb_room_type_facility .wp-block-post-terms__separator, .taxonomy-amenity .wp-block-post-terms__separator {
    display: none;
}
/*.is-hero-search-form-wrapper-white */
.is-hero-search-input .wpgb-facet .wpgb-input, .is-hero-search-input .wpgb-select {
    height: auto !important;
}


.is-motopress-accomodation-cover-image  .wp-block-cover__inner-container {
    width: 100% !important;;
}
.wpgb-number-label input.wpgb-number.wpgb-input {
    height: auto;
    padding: 18.5px 22px !important;
	 background: transparent !important;
	
}
.wp-block-navigation__responsive-container.is-menu-open {
    animation: overlay-menu__fade-in-animation .45s ease-out;
}
/*########################################################################################*/

.is-hero-search-input .wpgb-number.wpgb-input {
    border: white solid 1px !important;
    color: white !important;
}
.has-reforma-1969-blanca-font-family {
    /* font-family: "Reforma 1969 Blanca" !important; */
}
/*
Default HTML
*/
html {
  scroll-behavior: smooth;
}

/* End Default HTML */
.wp-block-button:hover {
    transform: scale(1.1);
}
.wp-block-buttons>.wp-block-button {
    transition-duration: 0.2s;
}
/*
JetForms
*/
.layout-column .jet-form-builder__field:not(.checkboxes-field):not(.radio-field):not(.range-field) {
    padding: 18px 12px;
    background: transparent;
}
/*
Property Listing
*/
.prop-listing-image-effect {
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(0,.33,.07,1.03);
    -o-transition-timing-function: cubic-bezier(0,.33,.07,1.03);
    transition-timing-function: cubic-bezier(0,.33,.07,1.03);
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}

.footer-link a {
    color: white !important;
    font-size: 14px !important;
}
@media screen and (min-width: 50em) {
    /*
    MPHB Search Result/Availability
    */
        .mphb-room-type {
            margin-top: 0 !important;
            padding: 20px;
            width: 50%;
        }
        .mphb_sc_search_results-wrapper  {
            display: flex;
            flex-wrap: wrap;
        }
        .mphb_sc_search_results-info, .mphb-recommendation-title, form#mphb-recommendation, form#mphb-reservation-cart {
            width: 100%;
        }
        .wp-block-navigation__responsive-container .hidden-by-default .has-text-color .has-white-color .has-background .is-menu-open .has-modal-open, div#modal-10 {
            left: auto;
            /*transform: translate(-20%);*/
        }
        div#modal-10  {
            height: 100%;
            width: 25%;
            overflow:auto;
        }
        .main-nav .wp-block-navigation__responsive-container {
            height: 100%;
            width: 25%;
            overflow:auto;
            left: auto;
        }
        .is-hero-content-column {
            height: 100vh;
            overflow-y: scroll;
            scroll-snap-type: y proximity;
            -webkit-scroll-snap-type: proximity;
            -webkit-scroll-snap-points-y: repeat(100%);
            scroll-snap-points-y: repeat(100%);
        }
        /* Hide scrollbar for Chrome, Safari and Opera */
        .is-hero-content-column::-webkit-scrollbar, .is-hero-content-column-child::-webkit-scrollbar, .property-content-group::-webkit-scrollbar, .property-content-group-child::-webkit-scrollbar {
            display: none;
        }
  
        /* Hide scrollbar for IE, Edge and Firefox */
        .is-hero-content-column, is-hero-content-column-child, .property-content-group, .property-content-group-child {
            -ms-overflow-style: none;  /* IE and Edge */
            scrollbar-width: none;  /* Firefox */
        }
        .is-hero-content-column-child {
            height: 100vh;  
            position: relative;
        }
        .is-hero-content-column > .is-hero-content-column-child {
            scroll-snap-align: start; 
            scroll-snap-align: center;
        }

        .taxonomy-mphb_room_type_facility.wp-block-post-terms, .taxonomy-amenity.wp-block-post-terms, .form-amenities-checkbox .jet-form-builder__fields-group.checkradio-wrap {
            display: grid;
            grid-template-rows: auto;
            grid-template-columns: 1fr 1fr 1fr;
            gap: 20px;
            height: auto;
        }
        .prop-listing-descr {
            margin-block-start: 20px;
            margin-block-end: 20px;
            border-right: solid 0.5px var(--wp--preset--color--contrast); 
        }
        .prop-listing-price-column {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-end;
            
        }
        .sticky-sidebar {
            top: calc(0px + var(--wp-admin--admin-bar--height, 0px));
            position: -webkit-sticky;
            position: sticky;
            z-index: 10;
        }
  		.is-group-sticky	{
          top: calc(0px + var(--wp-admin--admin-bar--height, 0px));
          position: -webkit-sticky;
          position: sticky;
          z-index: 10;
  		}
        .min-height-500 {
            min-height: 500px;
        }
        .has-position-relative {
          position: relative;
      	}
        .is-property-sidebar {
            height: 100%;
            min-height: 100vh;
            width: 28%;
            top: calc(0px + var(--wp-admin--admin-bar--height, 0px));
            position: -webkit-sticky;
            position: sticky;
            z-index: 10;
        }
        .property-content-wrapper {
            width: 72%
        }
 }