/*
 Theme Name: Haven
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.13
*/


/* Mobile Menu */
.ha-primary-menu-mobile-container li:first-child {
    margin-top: 0vh !important;
}

.ha-primary-menu-mobile-container li {
    margin-bottom: 2vh !important;
}

.ha-primary-menu-mobile-container  li:nth-last-child(2){
    margin-bottom: 3vh !important;    
}

.ha-primary-menu-mobile-container  li:last-child{
    margin-bottom: 2vh !important;    
}

.ha-primary-menu-mobile-container .et_mobile_menu {
    position: fixed;
    top: 100% !important;
    left: 0 !important;    
    border-top: none;
}

.ha-primary-menu-mobile-request-btn {
    margin: 4vh 0px 4vh !important;
    padding: 0px 0px;
    color: #000 !important;
    background-color: #cbf1e3 !important;
    border-color: #cbf1e3;
    /*font-size: 20px !important;*/
    font-family: 'Roboto Condensed', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 700;
    line-height: 1.4285;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap !important;
    border: 0px solid transparent;
    border-radius: 6px;
    box-shadow: inset 0 -4px 0px -0px rgba(4, 65, 86, 0.25) !important;
    transition: all 300ms ease 0ms;
}

.mobile_nav .et_mobile_menu .ha-primary-menu-mobile-request-btn > a  {
    color: #000 !important;
    /*padding-top: 0.5vh !important;
    padding-bottom: 0.5vh !important;*/
}

/*Request a Stay button has to have a hardcoded color. :( */
#menu-item-1653 > a {
   color: #000 !important;
}

.ha-primary-menu-mobile-signup-btn {
    margin: 2vh 0px 3vh !important;
    padding: 0px 0px;
    border: 2px solid #cbf1e3;
    border-color: #cbf1e3;
    border-radius: 6px;
    /*font-size: 20px !important;*/
    font-family: 'Roboto Condensed', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 700;
    line-height: 1.4285;
    text-align: center;
    cursor: pointer;
}

.mobile_nav .et_mobile_menu .ha-primary-menu-mobile-signup-btn > a {
    color: #CBF1E3 !important;
    /*padding-top: 0.5vh !important;
    padding-bottom: 0.5vh !important;*/
}

.current-menu-item {
    text-decoration: underline !important;
    text-decoration-color: #CBF1E3 !important;
    text-underline-offset: 8px !important;
    text-decoration-thickness: 3px !important;
}

/*[sibwp_form id=2]*/
#ha_newsletter_container{
    width: 100% !important;
    margin-top:-10px !important;
}

#ha_newsletter_fields {
    width:40% !important;
	margin-right: 20px;
}

#ha_newsletter_submit {
    /*width: 40%;*/
}

.sib-country-flg {
  border-radius: 6px 0px 0px 6px !important;
}

#ha_newsletter_fields .sib-FIRSTNAME-area,
#ha_newsletter_fields .sib-LASTNAME-area,

#ha_newsletter_fields .sib-email-area {
     border: 1px solid #bbb;
     border-radius:6px !important;
     height: auto;
     margin: 5px 0 0 0;
     padding: 6px 12px;
}

#ha_newsletter_fields .sib-sms {
     border: 1px solid #bbb;
     border-radius: 0px 6px 6px 0px !important;
     height: auto;
     margin: 5px 0 0 0;
     padding: 6px 12px;
}

.sib-SMS-area label {
    font-family: 'Jost', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 300;
    font-size: 17px;
    font-style: italic;
    line-height: 25px;
    color: white;
}

.sib-SMS-area {
    padding-top: 10px;
    padding-bottom: 0px;
}

.sib-country-block {
  height: calc(100% + 2px) !important;
  top: -1px !important;
}

#ha_sib_sms {
    display:block;
    float:right;
    width: calc(20vw - 50px);
}

#ha_newsletter_submit {
    white-space: nowrap !important
}

#ha_newsletter_submit .sib-default-btn {
	  /*position: relative;
     float: right; padding: .3em 2em .3em .7em; */
     margin: 5px 0px;
     padding: .3em .7em;
     color:#000;
     background-color: #cbf1e3 !important;
     border-color: #cbf1e3;
     font-size: 22px;
     font-family: 'Roboto Condensed', Helvetica, Arial, Lucida, sans-serif !important;
     font-weight: 700;
     line-height: 1.4285;
     text-align: center;
     cursor: pointer;
     vertical-align: middle;
     -webkit-user-select:none;
     -moz-user-select:none;
     -ms-user-select:none;
     user-select:none;
     white-space: nowrap !important;
     border: 0px solid transparent;
     border-radius: 6px;
     box-shadow: inset 0 -4px 0px -0px rgba(4, 65, 86, 0.25) !important;
     transition: all 300ms ease 0ms;
}

#ha_newsletter_fields .sib-FIRSTNAME-area,#ha_newsletter_fields .sib-LASTNAME-area, #ha_newsletter_fields .sib-email-area {
    width: 100% !important;
}

#ha_newsletter_submit .sib-EMAIL-area:hover {
     padding-right: 20px !important;
     background-color: #cbf1e3 !important;
}

#ha_newsletter_submit:after{
	 transition: all 300ms ease 0ms;
     color: #000 !important;
     margin-top:9px;
     font-size: 32px;
     line-height: 1em;
     font-family: ETmodules !important;
     content: "\35";
     opacity: 0;
     position: absolute;
     margin-left: -1.5em;
     -webkit-transition: all .2s;
     text-transform: none;
     -webkit-font-feature-settings: "kern" off;
     font-variant: none;
     font-style: normal;
     font-weight: 400;
     text-shadow: none;
}
 #ha_newsletter_submit:hover:after {
     opacity: 1;     
     margin-left: -40px !important;
     margin-top: 9px;
     margin-bottom:auto;
}

div#ha_newsletter_fields {
    width: 50%;
}

input.sib-default-btn:hover {
    padding-right: 40px !important;
}

/* ha-newsletter-modal */
/* Modal Background Overlay (specific to modal only) */
#ha-newsletter-modal-container  {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh !important;/*changed % to vh*/
    background-color: rgb(4,65,81,0.6);
    backdrop-filter: blur(3px);
    z-index: 9999;
    display: none;
    justify-content: center;
    align-items: center;
}

/* Make room for the 'X' to close the modal 
#ha-newsletter-modal-container #ha-newsletter-content {*/
    /*padding-top: 8% !important;
    padding-top: 60px !important;*/
    /* margin: 0; Remove percentage margin completely */
    /*max-height: 90vh;  Ensure the modal doesn’t overflow vertically */
    /*overflow-y: auto;  Handle any extra content gracefully 
}*/

/* Modal Content Box (specific to modal only)
#ha-newsletter-modal-container #ha-newsletter-content  {
    background-color: #2e5d73!important;
    border-radius: 10px;
    box-shadow: 0 8px 15px rgba(0,0,0,0.2);
    padding: 25px;
    /*margin: 15%;*//* FIX 2 *//*
    margin:0;
    max-width: 600px;
    width: 90%;
    position: relative;
} */
#ha-newsletter-modal-container #ha-newsletter-content {
    background-color: #2e5d73 !important;
    border-radius: 10px;
    box-shadow: 0 8px 15px rgba(0,0,0,0.2);
    padding: 40px 25px 25px 25px !important; /* top padding fixed at 60px, others 25px */
    margin: 0;
    max-width: 600px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
}


/* Close Button (specific to modal only) */
#ha-newsletter-modal-container #close-ha-newsletter-modal  {
    position: absolute;
    top: 8px;
    right: 12px;
    background: transparent;
    border: none;
    font-size: 1.4rem;
    cursor: pointer;
    color: #FFF;
}

#ha-newsletter-modal-container #close-ha-newsletter-modal {
    color: #000;
}

/* Responsive Adjustments (specific to modal only) */
@media (max-width: 768px) {
    #ha-newsletter-modal-container #ha-newsletter-content {
       padding: 25px;
       /*margin: 15%;*//* FIX 1 */
         margin: 0;
       width: 95%;
    }
}

#ha-newsletter-modal-title {
    font-family: 'Roboto Condensed', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 700;
    font-size: 26px;
    color: #FFFFFF !important;
    line-height: 1.2em;
    justify-self: center;
    margin-top: 0px;
    margin-bottom: 1vh;
}

#ha-newsletter-modal-container .sib-SMS-area label {
    color: #FFF !important;
}

#ha-newsletter-modal-container #ha_newsletter_fields {
    width: 90% !important;
}

#ha-newsletter-modal-container #ha_sib_sms {
    width: calc(100% - 45px);
}

#ha-newsletter-modal-container #close-ha-newsletter-modal {
    /*color:  #cbf1e3 !important;*/
    color:  #FFF !important;
}

#ha-newsletter-modal-container #ha_newsletter_submit {
    display: flex;
    justify-content: center;    
}