/*
Theme Name: Divi Child By Cornerstone Web Studio
Theme URI: http://cornerstone.studio
Description: A Custom Child Theme For Divi
Author: Cornerstone Web Studio
Author URI: http://cornerstone.studio
Template: Divi
Version: Updated for Divi 4
*/


/*========================================================*/
/*                CORNERSTONE.STUDIO STYLES               */
/*========================================================*/



/*--------------------------------------------------------*/
/*                   GENERAL SITE STYLE                   */
/*--------------------------------------------------------*/


/* This needs to be fine-tuned based on the logo size and usage */
#logo {
    max-height: 60px !important;
    margin-top: 0px;
}


/*--------------------------------------------------------*/
/*                         NAV MENU                       */
/*--------------------------------------------------------*/

/* Breakpoint Transition to Mobile Menu */
@media only screen and (max-width: 1201px) {
    #top-menu, .fullwidth-menu, nav#top-menu-nav, nav.fullwidth-menu-nav {
        display: none !important;
    }
    #et_mobile_nav_menu, .et_mobile_nav_menu {
        display: none !important;
    }
}

/* Start Superfly Menu */
@media all and (min-width: 1200px) {
    .superfly-on #sfm-sidebar, .superfly-on .sfm-navicon-button {
        display: none !important;
    }
}


/* Button in Navigation */
.navBtn a {
    padding: 10px 15px 10px 15px !important;
    color: #ffffff !important;
    background-color: #000000 !important;
    margin-bottom: 2px !important;
}

.navBtn a:hover {
    background-color: #4285f4 !important;
    color: #000000 !important;
    transition: 300ms ease 0ms;
}

.et-fixed-header #top-menu .navBtn a {
    color: #ffffff !important;
}

/* Adjust Nav Padding (Only if using .navBtn) */
.et_header_style_left #et-top-navigation,
.et_header_style_left .et-fixed-header #et-top-navigation {
    padding: 30px 0 !important;
}

@media only screen and (min-width: 981px) {
    .et_header_style_left #et-top-navigation nav > ul > li > a:not(.navBtn),
    .et_header_style_split #et-top-navigation nav > ul > li > a:not(.navBtn) {
        padding-bottom: 0px !important;
    }
}

/* Mobile Dropdown Menu Accent Color */
.mobile_menu_bar:before {
    color: #4285f4 !important;
}

.et_mobile_menu {
    border-color: #4285f4 !important;
}

/* Secondary Menu as Promo Banner */
#et-secondary-menu {
    float: none;
}

#et-secondary-nav {
    width: 100%;
}

#et-secondary-nav > li:last-child {
    text-align: center;
    width: 100%;
}

.promoBannerBTN {
    padding: 0 0 12px !important;
}





/*--------------------------------------------------------*/
/*                           BODY                         */
/*--------------------------------------------------------*/

/* Changing Column Stacking Order on Mobile */
@media all and (max-width: 980px) {
    .custom_row {
        display: flex;
        flex-wrap: wrap;
    }
    .first-on-mobile { order: 1; }
    .second-on-mobile { order: 2; }
    .third-on-mobile { order: 3; }
    .fourth-on-mobile { order: 4; }
    .custom_row:last-child .et_pb_column:last-child {
        margin-bottom: 30px;
    }
}

.accentColor {
    color: #0e354a !important;
}


/*--------------------------------------------------------*/
/*                          FOOTER                        */
/*--------------------------------------------------------*/

.quicklinks ul {
    padding-left: 0 !important;
}

.quicklinks ul li {
    font-weight: 400;
    line-height: 2rem;
    list-style: none;
    padding-bottom: 6px;
    display: table-row;
}

.quicklinks ul li:before {
    content: "\f192";
    font-family: "Font Awesome 5 Free";
    padding-right: 10px;
    display: table-cell;
}



/*--------------------------------------------------------*/
/*                     PRINTING CSS                       */
/*--------------------------------------------------------*/

@media print {
    .NoPrint { display: none; }
}


/*--------------------------------------------------------*/
/*                    MEDIA QUERIES                       */
/*--------------------------------------------------------*/

/* Desktop */
@media screen and (max-width: 1200px) {
    
}

/* Tablet */
@media screen and (max-width: 980px) {
     #logo { 
		max-height: 50px !important;
	}
}

/* Mobile */
@media screen and (max-width: 480px) {
    
}