/*
Theme Name: Divi Child Theme
Version: 1.0
Description: Custom styles for Divi parent theme.
Author: Mindflint
Author URI: https://mindflint.com
Template: Divi
*/

/* TEXT */
.entry-content a {color:#00587c;}
.entry-content a:hover {color:#3b3b3b;}
.entry-content p:not(.has-background):last-of-type {padding-bottom: 1em;}

/* HEADER */
#logo {-webkit-transform: initial;}
.nav li li {line-height: 1.3em;}
#top-menu li li a {margin-top:3px; margin-bottom: 3px;}
/* @media all and (min-width: 981px) { #et_top_search {margin-top: 10px;} } */

    /* NAV HIGHLIGHT BUTTON */
    
    .nav-highlightbutton a {
    color: #fff !important;
        line-height: 9px;
        font-weight: 600;
        padding: 13px 16px !important;
        text-transform: uppercase;
        border-radius: 24px;
        -webkit-border-radius: 24px;
        -moz-border-radius: 24px;
        display: block;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        background-color: #00587c;
    }

    .nav-highlightbutton a {color: #fff !important;}

    .nav-highlightbutton a:hover {
        opacity: 1 !important;
        background-color: #74C8AF;
    }

    .et-fixed-header #top-menu .nav-highlightbutton a:hover {
        background-color: #74C8AF;
        color:#fff !important;
    }

    .et-fixed-header #top-menu .nav-highlightbutton a {
        color: #fff !important;
        background-color:#00587c;
    }
    .et-fixed-header.et_highlight_nav #top-menu .nav-highlightbutton a {
        background-color: #00587c;
        color: #fff !important;
        border: 2px solid #00587c;
        animation: highlight-nav .8s ease;
        -webkit-animation: highlight-nav .8s ease;
    }

/* MOBILE MENU */
.mobile_nav.opened .mobile_menu_bar:before { content: '\4d'; }
#main-header .et_mobile_menu .menu-item-has-children>a {background-color: inherit;}
#main-header .et_mobile_menu li a {font-size:12px; font-weight:600; text-transform: uppercase; text-align: center;}
#main-header .et_mobile_menu li ul {display:none !important;}
.et_pb_fullwidth_menu .mobile_menu_bar:before {color:#fff;}
.et_pb_fullwidth_menu .et_mobile_menu {border:none;}

/* FULLWIDTH MENUS */
.fullwidth-menu li {padding-right: 16px;}
.fullwidth-menu li>a {padding: 6px 8px; margin-bottom: 24px;}
.fullwidth-menu .current-menu-item a:hover {opacity: 1;}
.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul>li>a {padding-bottom: 8px;}

/* SIDEBAR */
.sidebar-block p {padding-bottom:2em;}
.sidebar-nav ul {padding: 0; list-style-type: none; font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif; text-transform: uppercase; font-size:13px; border-top:1px solid #d5e4c2;}
.sidebar-nav ul li {padding: 8px 0; border-bottom:1px solid #d5e4c2; margin-bottom: 0;}
.widget_categories ul, widget_recent_entries ul {border-top:1px solid #dedede;}
.widget_categories ul li, widget_recent_entries ul li {padding: 8px 0; border-bottom:1px solid #dedede; margin-bottom: 0;}
.widgettitle {padding-bottom: 20px;}

@media (min-width: 981px) { #main-content .container:before {background: none;} }

/* FOOTER */
#footer-bottom {display: none;}
#main-footer {color:#bcbcbc; font-size:12px; font-weight:600; line-height: 1.6em; font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;}
#main-footer a {color:#fff;}
#main-footer a:hover {color:#bcbcbc;}
#breadcrumb-bar {background:#f5f5f5; font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;  font-size:12px; font-weight:600; color:#838383;}
#breadcrumb-bar .et_pb_row {padding-top:15px; padding-bottom: 15px;}
#breadcrumb-bar p {padding-bottom: 0;}

/* MISC */
.notice-bar p {padding-bottom: 0 !important;}
#comment-wrap .form-submit .et_pb_button, #comment-wrap .comment-reply-link {color:#fff;}

/* CONTACT FORM */

    /*** REMOVE LABEL ON FIELDS USING PLACEHOLDER ***/
    .gform_wrapper .top_label .gfield_label,
    .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
     display: none;
    }
    /*** FIELD STYLING ***/
    input[type=text],
    textarea {
     background: #eee;
     border: none;
     border-radius: 0;
     color: #333 !important;
     padding: 15px !important;
    }
    /*** BUTTON STYLING ***/
    .gform_wrapper .gform_footer input.button {
     float: left;
     border: 0;
     font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
     background: #00587c;
     color:#fff;
     padding: 12px 23px;
     border-radius: 24px;
     text-transform: uppercase;
        letter-spacing: 1px;
     cursor: pointer;
    }
    /*** BUTTON HOVER STYLING ***/
    .gform_wrapper .gform_footer input.button:hover {
     background: rgba(0, 88, 124, 0.9);
     border: 0;
    }

.gform_confirmation_message {padding: 25px; background: #ebf5df;}

/*-----------------------------------------------*/ 
/*-----Scrolling Module Carousel ----*/ 
/*-----------------------------------------------*/


/*Carousel settings, adjust these values only*/

:root {
    --ds-module-number: 44; /*Your TOTAL number of modules, so if you have 8 modules duplicated, this number should be 16*/
    --ds-columns-desktop: 5; /*The number of modules you want displayed at any one time on desktop*/
    --ds-columns-tablet: 3; /*The number of modules you want displayed at any one time on tablet*/
    --ds-columns-mobile: 2; /*The number of modules you want displayed at any one time on mobile*/
    --ds-speed-desktop: 30s; /*The speed you want your carousel to move on desktop (increase value for slower, decrease for faster)*/
    --ds-speed-tablet: 30s; /*The speed you want your carousel to move on tablet (increase value for slower, decrease for faster)*/
    --ds-speed-mobile: 30s; /*The speed you want your carousel to move on mobile (increase value for slower, decrease for faster)*/
}

/**************************************************/
/*You do not need to edit anything below this line*/
/**************************************************/

/*Variables for desktop*/

@media all and (min-width: 981px) {
    :root {
        --ds-column-width: auto;
        --ds-module-width: calc(100vw / var(--ds-columns-desktop));
        --ds-column-animation: calc(var(--ds-module-width) - (var(--ds-module-width) * 2));
        --ds-scroll-speed: var(--ds-speed-desktop);
    }
}


/*Variables for tablets*/

@media all and (max-width: 980px) {
    :root {
        --ds-column-width: auto;
        --ds-module-width: calc(100vw / var(--ds-columns-tablet));
        --ds-column-animation: calc(var(--ds-module-width) - (var(--ds-module-width) * 2));
        --ds-scroll-speed: var(--ds-speed-tablet);
    }
}


/*Variables for mobile*/

@media all and (max-width: 479px) {
    :root {
        --ds-module-width: calc(100vw / var(--ds-columns-mobile));
        --ds-scroll-speed: var(--ds-speed-mobile);
    }
}


/*Hide the row overflow*/

.ds-carousel {
    overflow: hidden;
}


/*Define the grid and apply animation*/

.ds-carousel .et_pb_column {
    display: grid;
    grid-template-columns: repeat(var(--ds-module-number), var(--ds-module-width));
    width: var(--ds-column-width);
    -webkit-animation: scroll var(--ds-scroll-speed) linear infinite;
    animation: scroll var(--ds-scroll-speed) linear infinite;
}


/*Apply the module width*/

.ds-carousel .et_pb_module {
    width: var(--ds-module-width) !important;
}


/*Define the animation*/

@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(calc(var(--ds-column-animation) * (var(--ds-module-number) / 2)));
        transform: translateX(calc(var(--ds-column-animation) * (var(--ds-module-number) / 2)));
    }
}

@keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(calc(var(--ds-column-animation) * (var(--ds-module-number) / 2)));
        transform: translateX(calc(var(--ds-column-animation) * (var(--ds-module-number) / 2)));
    }
}


/*Pause animation on hover*/

.ds-carousel .et_pb_column:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

/*-----------------------------------------------*/ 
/*---End Scrolling Module Carousel --*/ 
/*-----------------------------------------------*/