/*
 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: 1149px) { 
	#et_mobile_nav_menu { 
		display: block;
		}	 
	#top-menu { 
		display: none; 
	}
}


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

@media (max-width: 1149px) {
.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------------------*/
#top-menu li li a{
   width: 240px;
}

.nav li ul {
    width: 260px!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: #ffffff !important; 
        font-size:50px !important;
    }

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


/*------------------ Set Scroll Top Anchor Color & Position -----------------*/
.et_pb_scroll_top.et-pb-icon {
    background: #467fdb none repeat scroll 0 0;
    bottom: 130px;
    color: #ffffff;
    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 #2f4859;
}

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

/*-----Setting a sidebar divider & color on blog page----- */
#sidebar .et_pb_widget { 
    border-bottom: 2px solid #2f4858; 
    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: #2f4858;
	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;
}

/*--------------------------Gravity Forms Styling---------------------------------*/

/*--------------Align Gravity Forms Button left when using GF Divi styling add-on-------------------*/
body .gform_wrapper .gform_footer input[type="send"], body .gform_wrapper .gform_page_footer .button.gform_next_button, body .gform_wrapper .gform_page_footer input.button.gform_button[type="send"] {
	float: left;
	border-radius: 0!important;
	border: 2px solid #ffffff;
}

body .gform_wrapper .gform_footer input[type="send"], body .gform_wrapper .gform_page_footer .button.gform_next_button, body .gform_wrapper .gform_page_footer input.button.gform_button:hover[type="send"] {
	float: left;
	color: #ffffff;
	background-color:#b14d38;
	border-radius: 0!important;
	border: 2px solid #b14d38;
	
}

/*----------------Field Background and Text Color--------------*/
body .gform_wrapper input[type="email"], body .gform_wrapper input[type="number"], body .gform_wrapper input[type="password"], body .gform_wrapper input[type="tel"], body .gform_wrapper input[type="text"], body .gform_wrapper input[type="url"], body .gform_wrapper textarea.textarea {

    border: 2px solid #2f4858;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-size: 16px!important;
	font-weight: 700!important;
    color: #000000!important;
	background-color: rgba(0,0,0,.06)!important;
}

/*--------------Border Around Fields--------------------*/
body .gform_wrapper .gform_body .gform_fields .gfield input {
	border: 2px solid #2f4858!important;
    font-size: 16px!important;
	font-weight: 700!important;
}
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_select {
	border: 0px solid #2f4858!important;
    font-size: 16px!important;
	font-weight: 700!important;
}
body .gform_wrapper .gform_body .gform_fields .gfield textarea {
	border: 2px solid #2f4858!important;
    font-size: 16px!important;
	font-weight: 700!important;
}

body .gform_wrapper .gform_body .gform_fields .gfield select {
	border: 2px solid #2f4858!important;
    font-size: 16px!important;
	font-weight: 700!important;
}

/*--------Home Page Specialty Section Sizing------*/

@media only screen and (min-width: 981px) {

    /* Keep the specialty section wide */
    .book-showcase.et_section_specialty > .et_pb_row {
        width: 95% !important;
        max-width: none !important;
    }

    /* Keep Divi's original specialty column proportions */
    .book-showcase .et_pb_row_inner {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Distribute four book columns evenly */
    .book-showcase .et_pb_row_inner > .et_pb_column_1_6 {
        width: 22.75% !important;
        margin-right: 3% !important;
    }

    /* Remove the margin after the fourth book */
    .book-showcase .et_pb_row_inner > .et_pb_column_1_6:last-child {
        margin-right: 0 !important;
    }

}