/*
 Theme Name:   Dynamic Divi Child Theme
 Theme URI:    https://diviengine.com/
 Description:  Dynamic Divi Child Theme
 Author:       Divi Engine
 Author URI:   https://diviengine.com/
 Template:     Divi
*/

 
/*---------Theme customization starts right here-------------*/

/*---------▼ Make links bold sitewide ▼ -------------*/

a {
    font-weight: 700;
}

/*----------------------MOBILE MENU STYLING-----------------------*/

/*-----Setting the breakpoint of the DIVI mobile menu----- */

@media only screen and (max-width: 980px) {
    .et_pb_menu .et_pb_menu__menu {
        display: none;
    }
    .et_mobile_nav_menu {
        display: block;
    }
}

/*----------MAKE THE MENU STICKY WHEN ON MOBILE DISPLAY----------*/

@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed !important; } }
.et_mobile_menu {
    overflow: scroll !important;
    max-height: 83vh;
}

/*----------------Secondary Menu Dropdown width------------------*/
#et-secondary-nav li > ul {
    width: 270px;
}


/*---------------- Mobile Menu Logo Size -----------------------*/

    @media only screen and (max-width: 980px) {
    #logo {
        height: 80% !important;
        width: auto;
        max-width: 100% !important;
        }
    }



/*-----------------------Vertical Align Text---------------------------*/
    .vertical-align { 
        display: flex; 
        flex-direction: column; 
        justify-content: center;
    }

/*----------MOBILE MENU HAMBURGER CHANGES TO "X" ON CLICK----------*/
        
		div.mobile_nav.opened .mobile_menu_bar:before {
        font-family: "ETmodules";
        content: "\4d"; 
    }

/*------------Color and size of both the open and close hamburgers-----------------*/
    div.mobile_nav.opened .mobile_menu_bar:before, div.mobile_nav.closed .mobile_menu_bar:before {
        color: #002a5c; 
        font-size:40px !important;
    }

/*-------------------------END MOBILE MENU STYLING-------------------------*/


/*------------------ Set Scroll Top Anchor Color & Position -----------------*/
.et_pb_scroll_top.et-pb-icon {
    background: #002a5c none repeat scroll 0 0;
    bottom: 130px;
    color: #92b0d6;
    cursor: pointer;
    display: none;
    font-size: 30px;
    padding: 5px;
    position: fixed;
    right: 0;
    text-align: center;
    text-decoration: none;
    z-index: 99999;
}

/*----------------Hide Divi Gallery Image Titles In Lightbox----------------*/

.mfp-title {display: none;}

/*----------------Hide Divi Gallery Image Titles------------------------*/
.et_pb_gallery_title, .mfp-gallery .mfp-title { display: none; }

/*------------Remove Main Header Bottom Shadow-----------------------*/

#main-header{
    -webkit-box-shadow:none !important;
    -moz-box-shadow:none !important;
    box-shadow:none !important;
}

/*----------Remove Fixed Header Bottom Shadow---------------------------*/
#main-header.et-fixed-header {
    box-shadow: none !important;
}

/*----------Set a colored border on bottom of the main header--------*/
#main-header {
    border-bottom: 2px solid #92b0d6;
}

/*----------Set a colored border on bottom of the fixed header--------*/
#main-header.et-fixed-header {
    border-bottom: 2px solid #002a5c;
}

/*-----Setting a sidebar divider & color on blog page----- */
#sidebar .et_pb_widget { 
    border-bottom: 2px solid #a0a1a5; 
    padding-bottom: 20px; 
    margin-bottom: 20px; 
}

/*------Set Color & Width Of Vertical Divider On Blog Page & Default Pages-------*/
#main-content .container::before {
	position: absolute;
	top: 0;
	width: 2px;
	height: 100%;
	background-color: #a0a1a5;
	content: "";
}

/*----------Make Footer Widgets Full Width-------------*/

#footer-bottom .container, #main-footer .container{

margin-right: 1.8%;

margin-left: 1.8%;

width:97%!important;

max-width: 97%;

}

/*-----Adjust Padding & Gutters On Footer Widgets--------*/
#footer-widgets {
    padding: 30px 0px 0px;
}
.et_pb_gutters3 .footer-widget {
margin: 0 5.5% 2.5% 0;
}


/*-----------------------Center Footer Menu Links-----------------------*/
.bottom-nav {
text-align: center;
}


/*-----------------------Center Blog Category Menu 0 Links-----------------------*/
.et_pb_fullwidth_menu_0.et_pb_fullwidth_menu {
    text-align: center;
}

/*-----------------------Center Blog Category Menu 1 Links-----------------------*/
.et_pb_fullwidth_menu_1.et_pb_fullwidth_menu {
    text-align: center;
}