/*
 Theme Name: Oil Nut Bay
 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.1.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

h4 { 
    padding: 20px 0 10px 0;
}

hr {
    margin:20px 0 40px 0;
}

#legacy .left_col { 
    width:42%;
    margin-right:3.5% !important;
}

#legacy .right_col { 
    width:49.5%;
}

#slick-slider-1 .slick-dots {
    bottom: -68px;
}

#slick-slider-1 .dot, #slick-slider-2 .dot {
    display:block;
    background-color:#00758d;
    height:5px;
    width:31px;
    border-radius:20px;
    transition: width .25s;
}

#slick-slider-1 .slick-dots li, #slick-slider-2 .slick-dots li {
    width:31px;
    margin-right:0px;
    transition: width .25s; 
}

#slick-slider-1 .slick-dots .slick-active, #slick-slider-2 .slick-dots .slick-active {
    width:61px;
    margin-right:0px;
    transition: width .25s; 
}

#slick-slider-1 .slick-active .dot, #slick-slider-2 .slick-active .dot {
    width:61px;
    transition: width .25s; 
}

.slick-slide img {
  display: block;
  width: 100%;
  height: auto;
}


#slick-slider-2 { 
    margin-bottom:75px;
}

#slick-slider-2 .slick-dots {
    bottom: -85px;
}

#family_memories_overlay {
    position:absolute;
    top: 45%;
    transform: translateY(-45%);
    right:0;
    width:35%;  
    margin-right:9%; 
    background-color:#ffffff !important;;
    padding:50px !important;
    z-index:10;
    min-width:510px;
}

#amenities_overlay {
    position:absolute;
    top: 50%;
    transform: translateY(-50%);
    right:0;
    width:35%;  
    margin-right:9%; 
    background-color:#ffffff !important;;
    padding:50px !important;
    z-index:10;
    min-width:510px; 
/*  min-height:70%; */
}

#amenities_overlay p:nth-child(1) {
    font-family: 'Nunito Sans', Helvetica, Arial, Lucida, sans-serif;
    letter-spacing: 2px;
    padding-bottom: 20px !important;
    margin-bottom: 0px !important;
    color:#000000;
}

#amenities_overlay h2 {
    font-family: 'Ivy Ora', Georgia, "Times New Roman", serif;
    font-size: 32px;
    margin-bottom:20px;
    color:#000000;
}

#amenities_overlay p:nth-child(3) {
    font-family: 'Nunito Sans', Helvetica, Arial, Lucida, sans-serif;
    font-size: 16px;
    line-height: 1.75em;
    margin-bottom:50px;
    color:#000000;
}

#amenities_overlay a {
/*    position:absolute;
    bottom:0;  */
    color: #00758d !important;
    border-width: 2px !important;
    border-color: #00758d;
    border-radius: 0px;
    letter-spacing: 1px;
    font-size: 16px;
    background-color: #FFFFFF;
    margin-top:40px; 
    margin-bottom:50px;
    padding-top: 10px !important;
    padding-right: 30px !important;
    padding-bottom: 10px !important;
    padding-left: 30px !important;
}

#amenities_overlay a:hover {
    transition:background-color .25s;
    background-color:#00758d;
    color:#ffffff !important;
}

#amenities_overlay a::after {
    opacity:0;
}

.gform-theme--foundation .gform_fields {
    row-gap: 20px;
}

.gform-theme--foundation .gfield input.large, .gform-theme--foundation .gfield select, .gform-theme--foundation .gfield textarea.small {
    border:0;
    border-radius:0;
    background-color: #f5f4f0;
    color:#000000;
    font-size:16px;
    padding: 25px 10px;
    box-shadow: none;
}

.gform-theme--foundation .gfield select {
    padding:0;
    height:50px;
    padding-left:10px;
    padding-top:5px;
}

.gform-theme--foundation .gfield textarea.small {
    padding:10px;
}

.gform-theme--framework .gfield--type-choice .gfield_checkbox, .gform-theme--framework .gfield--type-choice .gfield_radio {
    flex-direction: row !important;
}

.gform-theme--framework .gform-field-label {
    float:left;
    margin-right:20px;
}

#field_1_14 > div.ginput_container.ginput_container_consent > label, #field_2_14 > div.ginput_container.ginput_container_consent > label  {
    font-weight:700;
    font-size:16px;
}

#field_1_14, #field_1_15, #field_2_14, #field_2_15  {
    text-align:center;
}

#gform_submit_button_1, #gform_submit_button_2 {
    margin:0 auto;
    color: #FFFFFF !important;
    border-width: 0 !important;
    border-radius: 0px;
    letter-spacing: 1px;
    font-size: 16px;
    background-color: #333333;
    margin-bottom:50px;
    padding-top: 15px !important;
    padding-right: 30px !important;
    padding-bottom: 15px !important;
    padding-left: 30px !important;
}

#contact .gform-theme--foundation .gfield input.large, #contact .gform-theme--foundation .gfield select, #contact .gform-theme--foundation .gfield textarea.small {
    background-color: #FFFFFF;
}


#contact .gform-theme--foundation .gform_fields {
    display:block;    
}

#contact .gform-theme--foundation .gform_fields input, #contact .gform-theme--foundation .gform_fields select, #contact .gform-theme--foundation .gform_fields textarea {
    margin-bottom:15px;
}

#contact .ginput_container_consent {
    margin-top:15px;
}

#contact .gform-theme--framework .gform-field-label {
    float:none;
    text-align:left;
}

#contact .gfield_html {
    /*
    position:absolute;
    width:fit-content;
    right:0;
    margin-top:35px;
    */
}

.gform-theme--foundation .gform_footer {
    margin-top:10px;
}


.gform-theme--framework .gfield_consent_description { 
    max-width: 660px;
    text-align: left;
    margin: 0 auto;
    border:0 !important;
}

.policy_text ul { 
    padding-top:20px;
    margin-left:10px;
}

.policy_text ul li { 
    padding-bottom:10px;
}

#footer-links a {
    color:#000000;
    text-decoration:none;
}


@media screen and (max-width: 1250px) {
    #family_memories_overlay, #amenities_overlay {
        top: 20%;
        transform: translateY(-20%);
        right:0;
        width:40%;  
        margin-right:5%; 
        min-width:510px;
    }
}


@media screen and (max-width: 1000px) {
    #legacy .left_col { 
        width:100%;
        margin-right:0% !important;
    }
    #legacy .right_col { 
        width:100%;
    }
     #family_memories_overlay, #amenities_overlay {
        position:relative;
        top:35px;
        width:80%;  
        transform:none;
        margin:0 auto; 
        background-color:#ffffff !important;;
        z-index:10;
        min-width:auto;
        padding:0 0 40px 0 !important;
    }       
    #amenities_overlay h2 {
        font-size: 28px;
    }
    #amenities_overlay a {
        position: relative;
        margin: 0 0 10px 0;
        display: block;
        width: fit-content;
    }
    .gform-theme--framework .gform-field-label {
        float:none;
        margin-right:0;
        text-align:left;
    }
    #field_1_12 .ginput_container_radio {
        width:100%;
        text-align:left;
        margin:0 auto;
    }
    #slick-slider-2 .slick-dots {
        padding-left:0;
        padding-right:0;
    }    
    .gform-theme--framework .gfield_consent_description { 
        text-align:left;
    }
}