/* 
 Theme Name:     roofing-divi-child-theme
 Author:         Mark Hendriksen
 Author URI:     https://markhendriksen.com
 Template:       Divi
 Version:        1.0
 Description:    A Divi Child Theme 
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/* ###### CHANGE COLORS ###### */

/* ###### CURRENT AND HOVER MENU BACKGROUND COLOR ###### */
@media all and (min-width: 981px) {
.custom_menu li.current-menu-item,
.custom_menu li:hover	{
	background-color: #af3731;
}

/* ###### CURRENT AND HOVER MENU TEXT COLOR ###### */	
.custom_header .et_pb_menu.et_pb_module ul li.current-menu-item a,
.custom_header .et_pb_menu.et_pb_module ul li:hover a{
    color: #fff!important;
	opacity: 1;
}

/* ###### CURRENT MOBILE BACKGROUND COLOR ###### */
.et_mobile_menu .current-menu-item a {
	background-color: #af3731;
}

/* ###### CURRENT MOBILE TEXT COLOR ###### */	
.custom_header .custom_menu.et_pb_menu ul.et_mobile_menu li.current-menu-item a {
	color: #fff !important;
}
	
/* ##### WIDGET TITLE BACKGROUND AND TEXT COLOR ##### */
h4.widgettitle {
	background-color: #af3731;
    color: #fff !important;
}

/* ##### WIDGET BACKGROUND COLOR ##### */	
.et_pb_widget {
	background-color: #ffffff;
}

/* ##### SEARCH WIDGET BACKGROUND, BORDER AND TEXT COLOR ##### */		
.et_pb_widget #searchsubmit {
	background-color: #af3731;
    color: #fff !important;
    border: 1px solid #af3731;
}	

/* ########## END COLORS ########### */

	
	
/* ################################## */
/* ########## GRID IMAGES ########### */
/* ################################## */

#main-content .image_grid_1_hover {
    background-image: url(INSERT_IMAGE_URL_HERE)!important;
}

#main-content .image_grid_2_hover {
    background-image: url(INSERT_IMAGE_URL_HERE)!important;
}

#main-content .image_grid_3_hover {
    background-image: url(INSERT_IMAGE_URL_HERE)!important;
}

#main-content .image_grid_4_hover {
    background-image: url(INSERT_IMAGE_URL_HERE)!important;

}

#main-content .image_grid_5_hover {
    background-image: url(INSERT_IMAGE_URL_HERE)!important;
}

#main-content .image_grid_6_hover {
    background-image: url(INSERT_IMAGE_URL_HERE)!important;
}


/* ### PRELOAD IMAGES AND ICONS GRID ### */

.home .clearfix:after{
    width:0; height:0; overflow:hidden; z-index:-1;
    content:	url(INSERT_IMAGE_URL_HERE) 
				url(INSERT_IMAGE_URL_HERE) 
				url(INSERT_IMAGE_URL_HERE) 
				url(INSERT_IMAGE_URL_HERE)
				url(INSERT_IMAGE_URL_HERE)
				url(INSERT_IMAGE_URL_HERE)
				url(INSERT_IMAGE_URL_HERE) 
				url(INSERT_IMAGE_URL_HERE) 
				url(INSERT_IMAGE_URL_HERE) 
				url(INSERT_IMAGE_URL_HERE)
				url(INSERT_IMAGE_URL_HERE)
				url(INSERT_IMAGE_URL_HERE);
}



/* ########################### */
/* ########## GRID ########### */
/* ########################### */

/* ### GRID 1 ### */

.image_grid_1_hover .image_grid_2.et_pb_blurb,
.image_grid_1_hover .image_grid_3.et_pb_blurb,
.image_grid_1_hover .image_grid_4.et_pb_blurb, 
.image_grid_1_hover .image_grid_5.et_pb_blurb,
.image_grid_1_hover .image_grid_6.et_pb_blurb {
	background-color: rgba(181, 37, 44, 0) !important;
}

.image_grid_1_hover .image_grid_2.et_pb_blurb .et_pb_blurb_content,
.image_grid_1_hover .image_grid_3.et_pb_blurb .et_pb_blurb_content,
.image_grid_1_hover .image_grid_4.et_pb_blurb .et_pb_blurb_content, 
.image_grid_1_hover .image_grid_5.et_pb_blurb .et_pb_blurb_content,
.image_grid_1_hover .image_grid_6.et_pb_blurb .et_pb_blurb_content {
	opacity: 0;
}



/* ### GRID 2 ### */

.image_grid_2_hover .image_grid_1.et_pb_blurb,
.image_grid_2_hover .image_grid_3.et_pb_blurb,
.image_grid_2_hover .image_grid_4.et_pb_blurb, 
.image_grid_2_hover .image_grid_5.et_pb_blurb,
.image_grid_2_hover .image_grid_6.et_pb_blurb {
	background-color: rgba(181, 37, 44, 0) !important;
}

.image_grid_2_hover .image_grid_1.et_pb_blurb .et_pb_blurb_content,
.image_grid_2_hover .image_grid_3.et_pb_blurb .et_pb_blurb_content,
.image_grid_2_hover .image_grid_4.et_pb_blurb .et_pb_blurb_content, 
.image_grid_2_hover .image_grid_5.et_pb_blurb .et_pb_blurb_content,
.image_grid_2_hover .image_grid_6.et_pb_blurb .et_pb_blurb_content {
	opacity: 0;
}

/* ### GRID 3 ### */

.image_grid_3_hover .image_grid_1.et_pb_blurb,
.image_grid_3_hover .image_grid_2.et_pb_blurb,
.image_grid_3_hover .image_grid_4.et_pb_blurb, 
.image_grid_3_hover .image_grid_5.et_pb_blurb,
.image_grid_3_hover .image_grid_6.et_pb_blurb {
	background-color: rgba(181, 37, 44, 0) !important;
}

.image_grid_3_hover .image_grid_1.et_pb_blurb .et_pb_blurb_content,
.image_grid_3_hover .image_grid_2.et_pb_blurb .et_pb_blurb_content,
.image_grid_3_hover .image_grid_4.et_pb_blurb .et_pb_blurb_content, 
.image_grid_3_hover .image_grid_5.et_pb_blurb .et_pb_blurb_content,
.image_grid_3_hover .image_grid_6.et_pb_blurb .et_pb_blurb_content {
	opacity: 0;
}

/* ### GRID 4 ### */

.image_grid_4_hover .image_grid_1.et_pb_blurb,
.image_grid_4_hover .image_grid_2.et_pb_blurb,
.image_grid_4_hover .image_grid_3.et_pb_blurb, 
.image_grid_4_hover .image_grid_5.et_pb_blurb,
.image_grid_4_hover .image_grid_6.et_pb_blurb {
	background-color: rgba(181, 37, 44, 0) !important;
}

.image_grid_4_hover .image_grid_1.et_pb_blurb .et_pb_blurb_content,
.image_grid_4_hover .image_grid_2.et_pb_blurb .et_pb_blurb_content,
.image_grid_4_hover .image_grid_3.et_pb_blurb .et_pb_blurb_content, 
.image_grid_4_hover .image_grid_5.et_pb_blurb .et_pb_blurb_content,
.image_grid_4_hover .image_grid_6.et_pb_blurb .et_pb_blurb_content {
	opacity: 0;
}

/* ### GRID 5 ### */

.image_grid_5_hover .image_grid_1.et_pb_blurb,
.image_grid_5_hover .image_grid_2.et_pb_blurb,
.image_grid_5_hover .image_grid_3.et_pb_blurb, 
.image_grid_5_hover .image_grid_4.et_pb_blurb,
.image_grid_5_hover .image_grid_6.et_pb_blurb {
	background-color: rgba(181, 37, 44, 0) !important;
}

.image_grid_5_hover .image_grid_1.et_pb_blurb .et_pb_blurb_content,
.image_grid_5_hover .image_grid_2.et_pb_blurb .et_pb_blurb_content,
.image_grid_5_hover .image_grid_3.et_pb_blurb .et_pb_blurb_content, 
.image_grid_5_hover .image_grid_4.et_pb_blurb .et_pb_blurb_content,
.image_grid_5_hover .image_grid_6.et_pb_blurb .et_pb_blurb_content {
	opacity: 0;
}

/* ### GRID 6 ### */

.image_grid_6_hover .image_grid_1.et_pb_blurb,
.image_grid_6_hover .image_grid_2.et_pb_blurb,
.image_grid_6_hover .image_grid_3.et_pb_blurb, 
.image_grid_6_hover .image_grid_4.et_pb_blurb,
.image_grid_6_hover .image_grid_5.et_pb_blurb {
	background-color: rgba(181, 37, 44, 0) !important;
}

.image_grid_6_hover .image_grid_1.et_pb_blurb .et_pb_blurb_content,
.image_grid_6_hover .image_grid_2.et_pb_blurb .et_pb_blurb_content,
.image_grid_6_hover .image_grid_3.et_pb_blurb .et_pb_blurb_content, 
.image_grid_6_hover .image_grid_4.et_pb_blurb .et_pb_blurb_content,
.image_grid_6_hover .image_grid_5.et_pb_blurb .et_pb_blurb_content {
	opacity: 0;
}

.main_bg_imagegrid .image_grid_1_hover,
.main_bg_imagegrid .image_grid_2_hover,
.main_bg_imagegrid .image_grid_3_hover,
.main_bg_imagegrid .image_grid_4_hover,
.main_bg_imagegrid .image_grid_5_hover,
.main_bg_imagegrid .image_grid_6_hover {
	-webkit-transition: all .6s ease-in !important;
	-moz-transition: all 0.6s ease-in!important;
	-ms-transition: all 0.6s ease-in!important;
	-o-transition: all 0.6s ease-in!important;
	transition: all 0.6s ease-in!important;
}

.main_bg_imagegrid {
	-webkit-transition: all .6s ease-in !important;
	-moz-transition: all 0.6s ease-in!important;
	-ms-transition: all 0.6s ease-in!important;
	-o-transition: all 0.6s ease-in!important;
	transition: all 0.6s ease-in!important;
}	
	

.et_pb_menu .et-menu>li {
    padding-right: 25px;
    padding-left: 25px;
}

@media all and (min-width: 1650px) {
.top_bar_column_1 {
	width: 76% !important;
}

.top_bar_column_2 {
	width: 12% !important;
}

.top_bar_column_3 {
	width: 12% !important;
}}

.home_service_border {
	border: 7px solid #fff;
}

.special_list li:before {
	content: '';
    height: 8px;
    width: 8px;
    background-color: #ae3b2f;
    display: inline-block;
    margin-top: -5px;
    margin-right: 10px;
    margin-bottom: 2px; 
}

.special_list ul {
    list-style-type: none;
	padding-left: 0px;
}

.special_list ul li {
	padding-bottom: 10px;
}

/* ###### MENU ###### */
	
.et_pb_menu__logo-wrap {
	padding-top: 10px;
	padding-bottom: 10px;
}

.custom_header .et_pb_menu.et_pb_module ul li {
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}}


/* ########## DROPDOWN MENNU ########### */

.custom_menu.et_pb_menu .et-menu-nav>ul ul {
    padding: 0px 0 !important;
}

.custom_menu .nav li li {
	padding: 0 0px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.custom_menu .nav li ul {
   width: 340px;
}

.custom_menu .et-menu li li a {
    width: 340px !important;
	padding: 12px 20px;
}

.custom_menu .nav li li:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.custom_menu .fas {
	padding-right: 10px;
}

/* ########## OPT-IN FORM BOTTOM ########### */

@media only screen and (min-width: 981px) {
.custom_optin_form.et_pb_newsletter .et_pb_newsletter_form .et_pb_contact_field_half {
    flex-basis: 24%;
}

.custom_optin_form .et_pb_newsletter_button_wrap {
   flex-basis: 24%;
}

.custom_optin_form .et_pb_newsletter_form p.et_pb_newsletter_field {
    padding-bottom: 0em;
}

.custom_optin_form .et_pb_newsletter_form {
	padding-left: 15px !important;
}

.custom_optin_form .et_pb_newsletter_form .et_pb_newsletter_field  .input {
    padding: 10px 4%!important;
    border-radius: 2px;
    font-size: 15px;
}}

.optin_form_label_section {
	margin-top: -47px;
}

@media only screen and (min-width: 981px) and (max-width: 1500px) {
.et_pb_image.arrow_sub {
	transform: translateX(7px) translateY(-1px);
}	

.et_pb_image.arrow_home {
	transform: translateX(9px) translateY(-9px);		
}

.optin_home .et_pb_column,
.optin_sub	{
	margin-top: -9px !important;
}}

/* ########## FIXED FORM HOMEPAGE ########### */

.header_column_1 {
	width: 75% !important;
}

.header_column_2 {
	width: 24% !important;
	border: 1px solid #f5f5f5;
	padding: 0px !important;
	box-shadow: 0px 2px 25px 0px rgba(0, 0, 0, 0.2);
}

.et_pb_row .header_column_2.et_pb_column:last-child {
	margin-right: 1% !important;
}

/* ########## HOME PAGE BEFORE 1200px ########### */

@media all and (max-width: 1200px) {
.header_column_2 {
	display: none;
}

.custom_row_1200 {
	width: 100% !important;	
}

.section_981	{
	padding-left: 25px !important;
	padding-right: 25px !important;
}

.home_contact_column	{
	padding: 35px !important;
}

.coupons_home_column .et_pb_column {
	padding: 35px 35px 125px 35px !important;	
}}


@media all and (min-width: 1201px) and (max-width: 1400px) {
.fixed_form_top_title h3 {
	font-size: 32px !important;	
}

.fixed_form_bottom_title h3 {
	font-size: 34px !important;	
}}

.header_column_2 {
	max-height: 75vh !important;
	overflow-y: auto;
}

.contact_form_fixed_home .et_contact_bottom_container,
.contact_sub .et_contact_bottom_container {
	width: 100%;
}

.contact_form_fixed_home .et_pb_contact_submit,
.contact_sub .et_pb_contact_submit {
	margin-left: 3% !important;
}

@media all and (min-width: 981px) and (max-width: 1400px) {
.subpage_contact .fixed_form_top_title h3 {
	font-size: 24px !important;	
}

.subpage_contact .fixed_form_bottom_title h3 {
	font-size: 26px !important;	
}}

@media all and (min-width: 981px) and (max-width: 1200px) {
.custom_width_sub_row {
	width: 95% !important;
	max-width: 100% !important;
}}

#et-boc {
	overflow-x: hidden;
}

.et-fb #et-boc {
	overflow-x: unset !important;
}

.fa-quote-left {
	font-size: 36px;
	margin-left: -49px;
    padding-right: 7px;
}

@media only screen and (max-width: 479px) {
.blurb_home .et_pb_blurb_container {
	display: block;
}}

@media only screen and (min-width: 981px) {
.home_map, 
.home_map .et_pb_map {
	height: 100% !important;
}}

@media all and (min-width: 981px) and (max-width: 1350px) {
.bottom_contact_sub {
	padding: 25px !important;
}

.bottom_contact_sub h2 {
	font-size: 40px !important;	
}

.bottom_contact_sub .blurb_phone .et_pb_blurb_description	{
	font-size: 24px !important;		
}}

/* ##### BLOG ##### */

h4.widgettitle {
    padding: 10px 25px 10px 25px;
    margin-bottom: 15px;
}

.et_pb_widget {
	box-shadow: 0px 2px 25px 0px rgba(0,0,0,0.1);
}

.et_pb_widget ul {
	padding: 0px 25px 10px 25px !important;
}

.et_pb_widget .searchform {
	margin: 25px;
}