/*
 Theme Name:   Mays Divi
 Theme URI:    https://ad-mays.com
 Description:  Child Theme for Divi
 Author:       Mays and Asssociates
 Author URI:   https://ad-mays.com
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/
@import url("CSS/global.css");
@import url("CSS/header-footer.css");
@import url("CSS/staging.css");
/*----- Mobile Styles -----*/
@media (max-width: 1400px){
	.nav-section .et_pb_menu .et-menu>li{
		padding-left: 1vw;
		padding-right: 1vw;
	}
	.connect-cta:after{
		top: 107%;
	}
}
@media (max-width: 1200px){
	.certifications-row img{
		max-width: 100%;
	}
	#page-container .nav-section{
		position: absolute !important;
	}
	 .et_pb_menu .et_pb_menu__menu {
        display: none;
    }
    .et_mobile_nav_menu {
        display: block;
    }
	.et_mobile_menu, .et_mobile_menu li {
		list-style-type: none !important;		
	}

	.et_mobile_menu li a {
		border-bottom: none;
		font-size: 20px;
		color: var(--black);
		padding: 10px 0%;
		font-family: "agency-fb", sans-serif !important;
	}

	.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul.sub-menu {
		background-color: transparent !important;
	}
	.nav-section .et_pb_image{
		margin-left: auto;
		margin-right: auto;
	}
	.nav-section .et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before{
		color: var(--white);
	}
	.et_mobile_menu {
		border-top: 3px solid var(--secondary);
    	max-width: 400px;
    	margin: 0 auto;
		position: relative;
		padding: 0 0 15px !important;
	}
	
	.et_mobile_menu .menu-item-has-children>a, .nav-section .menu-item-113 a {
    	color: var(--primary) !important;
		background: transparent;
	}
	
	ul.sub-menu {
		padding: 0 !important;	
	}
	ul.sub-menu a{
		font-size: 18px;
	}
	
	.et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before {
		color: white !important;
	}
	
	.et_pb_menu_inner_container {
		display: block !important;
	}
	.sub-menu li{
		padding: 0 15px !important;
	}
	.nav-section .et_pb_row .et_pb_column{
		flex-direction: column;
	}
	.nav-section .main-nav{
		width: 100% !important;
		order: 3;
	}
	.nav-section .socials{
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		text-align: center;
	}
	.et_pb_menu .et_mobile_nav_menu {
	    width: 100%;
    	justify-content: center;
		margin-top: 10px;
		text-align: center;
	}
	.et_mobile_menu {
        min-width: clamp(250px, 75vw, 400px);
    }
	.et_pb_menu .et_mobile_menu, .et_pb_menu .et_mobile_menu li ul  {
        text-align: center !important;
    }
	.text-row{
		display: flex;
		flex-direction: column;
	}
	.text-row .et_pb_column{
		width: 100% !important;
		margin-bottom: 0 !important;
	}
	.sub-page-section, .scroll-section{
		background-size: cover !important;
		background-position: top center !important;
	}
	.sub-page-section{
		background-blend-mode: exclusion !important;		
	}
}
@media (min-width: 980px) and (min-height: 800px){
		.scroll-section {
	  height: 100vh;
	  scroll-snap-align: start;
	}
}
@media (min-width: 980px){
	.blog-grid-custom .column.size-1of3{
		width:30% !important;
		margin-right: 5% !important;
	}
	.blog-grid-custom .column.size-1of3:nth-child(3n){
		margin-right: 0 !important;
	}
}
@media (max-width: 980px){
	.hero-section h1{
	font-size: 55px !important;
	}
	.hero-section h2{
		color: var(--white);
		font-size: 45px !important;
	}
	h1{
		font-size: 50px !important;
		text-align: center;
	}

	h2{
		font-size: 40px !important;
		text-align: center;
	}

	h3{
		font-size: 35px !important;
		text-align: center;
	}

	h4{
		font-size: 22px !important;
		text-align: center;
	}

	h5 {
		font-size: 20px !important;
		text-align: center;
	}
	.title-text:after{
		left: 50% !important;
   		transform: translatex(-50%) !important;
	}
	html body{
		font-size: 17px !important;
	}

	a{
		font-size: 17px !important;
	}
	.hero-home .et_pb_module{
		text-align: center;
		font-size: 20px;
	}
	.community-img{
		background-position: 10% 50% !important;
	}
	.inline-list{
		width: 100%;
	}
	.et_pb_code_inner .inline-list:first-child{
		margin-bottom: 10px;
	}
	.nav-section .et_pb_row .et_pb_column:first-child .et_pb_image, .nav-section .et_pb_social_media_follow{
		position: relative;
	}
	.nav-section .et_pb_row, .home-special-row, .service-row{
		display: flex;
		flex-direction: column;
	}
	.about-tim:before{
		opacity: .5;
	}
}

@media (max-width: 650px){
	html body{
		font-size: 14px !important;
	}

	a{
		font-size: 14px !important;
	}
	.hero-section h1{
	font-size: 35px !important;
	}
	.hero-section h2{
		font-size: 32px !important;
	}
	h1, h1 a{
		font-size: 24px !important;
		text-align: center;
	}

	h2, h2 a{
		font-size: 24px !important;
		text-align: center;
	}

	h3, h3 a{
		font-size: 20px !important;
		text-align: center;
	}

	h4, h4 a{
		font-size: 20px !important;
		text-align: center;
	}

	h5, h5 a{
		font-size: 20px !important;
		text-align: center;
	}


	.et_pb_button_module_wrapper{
		text-align: center;
	}
	.custom-gallery .et_pb_gallery_item{
		width: 100% !important;
	}
	.hero-home:after{
		opacity: 0;
	}
	.bx-wrapper{
		margin: 0 auto !important;
	}
}