/* 
 Theme Name:     mrfixer-divi-child-theme
 Author:         markhendriksen.com
 Author URI:     https://www.markhendriksen.com
 Template:       Divi
 Version:        1.0
*/ 

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


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

/* ##### MAVEROS SERVICES GRID CSS START ##### */
/*NOTE: This CSS includes reduced top margin for the H3 Header Text on hover and the 20px side padding for the hover text so it looks better on mobile. */
/* Button Color-Red */
.blurbs_block .et_pb_column_1_3 .blurb_hover a {
	background-color: #d52730;
	padding: 7px 15px;
    text-transform: uppercase;
    box-shadow: none;
    margin-top: 10px;
    display: inline-block;
    border-radius: 15px;
    color: #fff;
} 
/* Button Hover Color-Darker Red */
.blurbs_block .et_pb_column_1_3 .blurb_hover a:hover {
	background-color: #af1f22;
}
/* H3 Header text NO padding-bottom */
.blurbs_block .et_pb_column_1_3 .et_pb_blurb_container .et_pb_module_header {
		padding-bottom: 0px!important;
}
/* DESKTOP Blurb Container Margin-top on HOVER (contains H3 and text) */
@media only screen and (min-width: 981px) {
.blurbs_block .et_pb_column_1_3 .blurb_hover .et_pb_blurb_container {
    margin-top: 0px!important;
}}
/* MOBILE Blurb Container (contains H4 and text) HOVER Margin-top */
@media only screen and (max-width: 980px) {
.blurbs_block .et_pb_column_1_3 .blurb_hover .et_pb_blurb_container {
    margin-top: 0px!important;
	/*align-items: center;*/
}
/* MOBILE Description Text Size */
.blurbs_block .et_pb_column_1_3 .blurb_hover .et_pb_blurb_container .et_pb_blurb_description p {
		font-size: 15px!important;
		line-height: 1.2em!important;
}}
.blurbs_block .et_pb_column_1_3 .et_pb_blurb_content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 200px;
}
.blurbs_block .et_pb_column_1_3 .blurb_hover,
.blurbs_block .et_pb_column_1_3:hover .blurb_active {
-webkit-transition: all .3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.blurbs_block .et_pb_column_1_3:hover .blurb_active {
	visibility:hidden;	
}
.blurbs_block .et_pb_column_1_3 .blurb_hover {
	top:0;
	opacity:0;
	position:absolute;
	visibility:hidden;
	width: 100%;
}
.blurbs_block .et_pb_column_1_3:hover .blurb_hover {
	visibility:visible;
	opacity:1;
}
@media only screen and (min-width: 981px) {
.et_pb_blurb.row_1_tile_left_border {
	border-right: 5px solid #fff !important;
}}

@media only screen and (max-width: 980px) {
.et_pb_blurb.row_1_tile_left_border {
	border-bottom: 5px solid #fff !important;
}}

/* ##### END SERVICES GRID CSS END ##### */

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

/* ######## TITLE LINES CSS START ######### */

.title_line h1:before,
.title_line h1:after,
.title_line h2:before,
.title_line h2:after,
.title_line h3:before,
.title_line h3:after {
  background: #d52730;
}

.title_line_white h2:before,
.title_line_white h2:after,
.title_line_white h3:before,
.title_line_white h3:after {
  background: #fff;	
}
/* ## Title_Line w/ Centered text CSS START ## */
.title_line h1,
.title_line h2,
.title_line h3 {
  display: inline-block;
  padding: 0 15px;
  position: relative;
}
.title_line h1:before,
.title_line h1:after,
.title_line h2:before,
.title_line h2:after,
.title_line h3:before,
.title_line h3:after {
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  top: 50%;
  width: 400%;
}
.title_line h1:before,
.title_line h2:before,
.title_line h3:before {
  right: 100%;
}
.title_line h1:after,
.title_line h2:after,
.title_line h3:after {
  left: 100%;
}
.title_line {
  overflow: hidden;
  text-align: center;
}
/* ######## TITLE LINES CSS END ######### */
/* ######### END COLORS ########## */

.custom_button_full_width .et_pb_button_module_wrapper {
	padding-left: 25px;
    padding-right: 25px;
}
/* ######## BADGE ######### */

@media (min-width: 981px) {
.image_badge {
	position: absolute;
}
.image_badge img {
    bottom: 71px;
	left: 60px;
}}
@media (max-width: 980px) {
.bottom_cta .et_pb_text_inner {
	text-align: center;
}}
.blurb_click:hover {
	cursor: pointer;
}
/* ##### TOP HEADER ##### */
#main-header {
	display: none;
}
#page-container {
	padding-top: 0px !important;
}
.top_phone_number h3 {
	padding-bottom: 3px;
}
@media (max-width: 980px) {
.cta_home_below_image {
    margin-bottom: 0px;
}}
.phone_button_header .et_pb_button_module_wrapper {
	margin-bottom: 0px;
}
@media (min-width: 981px) and (max-width: 1200px) {
.phone_number_button  {
	font-size: 24px !important;
}}
/* ##### CUSTOM ROW ##### */

@media (min-width: 981px) and (max-width: 1250px) {
.et_pb_section .custom_row_95 {
	max-width: 95%!important;
    width: 95% !important;
}}
@media (min-width: 981px) and (max-width: 1650px) {
#main-content .custom_special_section_row_95 .et_pb_row {
	max-width: 95%!important;
    width: 95% !important;
}
.et_pb_column .home_project_title h2 {
	font-size: 20px;
}
.home_project_big_text p {
	font-size: 34px;
}
.custom_footer_location_column .et_pb_column {
	padding-left: 0px;		
}}
.home #page-container {
	overflow-y: unset !important;
}

/* ##### SERVICE BLOCKS CUSTOM SHADOW ##### */
/*.custom_block_shadow {
	box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.25);
}
*/
.home_services_blocks {
	border: 5px solid #fff;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.projects_shadow_home {
	box-shadow: 10px 10px 40px 0px rgba(13, 14, 14, 0.25);	
}
.button_project a {
    padding: 7px 15px;
    border-radius: 2px;
}