/*
 Theme Name:     Divi Child
 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.0
*/ 
 

/* =Theme customization starts here
------------------------------------------------------- */

.contact7_half{
    width: 50%;
    float: left!important;
    padding: 0 20px 0px 20px!important;
    margin: 0 0 20px 0!important;

}

.contact7_half input{
    width: 100%;
    height: 51px;
    background-color: #eee!important;
    font-size: 14px;
    padding: 16px!important;
    border-color: #d8d4d4!important;
}

.contact7_half textarea{
    width: 100%;
    height: 200px;
    background-color: #eee!important;
    font-size: 14px;
    padding: 16px!important;
    border-color: #d8d4d4!important;
}

.contact7_full{
    width: 100%;
    float: none!important;
    padding: 0 20px 0px 20px!important;
    margin: 0 0 20px 0!important;

}

.contact7_full input{
    width: 100%;
    height: 51px;
    background-color: #eee!important;
    font-size: 14px;
    padding: 16px!important;
    border-color: #d8d4d4!important;

}

.contact7_full textarea{
    width: 100%;
    height: 200px;
    background-color: #eee!important;
    font-size: 14px;
    padding: 16px!important;
    border-color: #d8d4d4!important;
}

.contact7_submit {
    display:block;
    clear: both;
    float: right;
    margin: 0 20px 20px 20px!important;
    color: #206f90;
    font-family: inherit;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
    padding: .3em 1em;
    line-height: 1.7em!important;
    background-color: transparent;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 2px solid;
    border-radius: 3px;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: all!important;
    transition-property: all!important;
}

.contact7_submit:hover{
    background-color: #d4d4d4;
}



@media only screen and (max-width: 768px) {
  .contact7_half{
    width: 100%;
    float: left!important;
    padding: 0 20px 0px 20px!important;
    margin: 0 0 20px 0!important;

}
}


/* =============================================
   Bestill time - menu button styling
   ============================================= */

/* Flex layout on top-menu so button sits inline */
#top-menu {
    display: flex;
    align-items: baseline;
}

/* The li itself becomes the pill button */
#top-menu li.bestill-time.in-header {
    background-color: #7f8d7a;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    margin-top: -8px;
    margin-bottom: -8px;
    padding: 0 !important;
    transition: background-color 0.3s ease, padding 0.3s ease, margin 0.3s ease;
}

#top-menu li.bestill-time.in-header > a {
    color: #ffffff !important;
    padding: 8px 22px !important;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 1.4;
    white-space: nowrap;
    transition: padding 0.3s ease, font-size 0.3s ease;
}

/* Remove Divi's default hover underline/color on the link */
#top-menu li.bestill-time.in-header > a:hover {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Hover effect on the pill */
#top-menu li.bestill-time.in-header:hover {
    background-color: #6b7968;
}

/* --- Fixed / scrolled header (smaller header) --- */
.et-fixed-header #top-menu li.bestill-time.in-header {
    margin-left: 12px;
}

.et-fixed-header #top-menu li.bestill-time.in-header > a {
    padding: 5px 18px !important;
    font-size: 13px;
}

/* =============================================
   Responsive: switch to mobile nav at 1099px
   (Divi default is 980px)
   ============================================= */

@media only screen and (max-width: 1099px) {
    /* Hide desktop nav and search at ALL widths below 1099 */
    #top-menu-nav,
    #et_top_search {
        display: none !important;
    }

    /* Show mobile hamburger menu */
    #et_mobile_nav_menu {
        display: block !important;
    }

    /* Remove nav padding so hamburger sits right */
    .et_header_style_left #et-top-navigation {
        padding-left: 0 !important;
    }

    /* Style bestill-time in mobile menu */
    #mobile_menu li.bestill-time.in-header {
        background-color: #7f8d7a;
        border-radius: 100px;
        margin: 10px 20px;
        text-align: center;
    }

    #mobile_menu li.bestill-time.in-header > a {
        color: #ffffff !important;
        font-weight: 600;
        padding: 10px 20px !important;
    }

    /* Make mobile menu scrollable when taller than viewport */
    .et_mobile_menu {
        max-height: calc(100vh - 80px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
}