/*---------------------------------------------------------------------------------

 Theme Name:   ERS
 Theme URI:    http://erscompany.com/
 Description:  A WordPress child theme for ERS
 Author:       Planet Studio, LLC
 Author URI:   https://www.planetstudio.com/
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/* Contact Us Button */

.sticky-divi-button {
	color: #ffffff; 
	font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
	font-size: 14px;  
	background-color: #F40009; 
	border-radius: 4px;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 12px 1.5%;
	z-index: 10;
	position: fixed;
	bottom: 20px;
	right: 20px;
	
	-webkit-box-shadow: 0px 25px 28px -21px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 25px 28px -21px rgba(0,0,0,0.3);
	box-shadow: 0px 25px 28px -21px rgba(0,0,0,0.3);
}

.sticky-divi-button:hover {
	animation-duration: 0.5s;
	background-color: #a80006; 
}






/*header recoloration not working through traditional sense*/
.et_pb_text_3 h2 {
	color: black !important; 
} 





/*---------------------------------------------------------------------------------
 * Media Queries
---------------------------------------------------------------------------------*/

/* Desktop and up catch-all  */

@media only screen and (min-width: 981px) {
	
	#main-header {
		top: 0 !important;	
	}
	
	#top-header {
		margin-top: 68px !important;
		z-index: 1000;
	}
	
	#top-menu .menu-item {
		max-width: 116px;
		text-align: center;
	}
}

/* Tablet and below catch-all */

@media only screen and (max-width: 980px) {
	/* Hide secondary menu in mobile nav */
	.menu-item-1366 {display: none !important;}
	.menu-item-1367 {display: none !important;}
	.menu-item-1368 {display: none !important;}
	.menu-item-1369 {display: none !important;}
	.menu-item-1370 {display: none !important;}
}

/* Fix for Top menu - enable mobile menu early to prevent menu from wrapping */

@media only screen and ( min-width: 981px ) and ( max-width: 1170px ) { 
	#et_mobile_nav_menu {
		display: block;
	}
	
	#top-menu-nav {
		display: none;
	}
	
	.et_header_style_left .mobile_menu_bar {
		padding-bottom: 50px;
	}
}


/* Additional Media Queries for more granular control */

/* Large screens (1405px upwards) */

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

/* Laptops and desktops (1100-1405px) */

@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) { 
	
}

/* Tablets in landscape mode (981-1100px) */

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

}

/* Tablets in portrait mode (768-980px) */

@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
	#top_header {
		display: none !important;
	}
}

/* Smartphones in landscape mode (480-768px) */

@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
    #top_header {
		display: none !important;
	}
}

/* Smartphones in portrait mode (0-479px) */

@media only screen and ( max-width: 479px ) {
    #top_header {
		display: none !important;
	}
}