/* 
 Theme Name:     homepro-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 ### */

/* ### Phone text color right from logo ### */
.phone_cta .phone_text,
.phone_cta_sub .phone_text {
	color: #c6a579;
}

/* ### Drop down arrow icon color ### */
ul.sub-menu li a .fa-chevron-right {
	color: #c6a579;
}

/* ### Mobile "MENU" text color ### */
.et_mobile_nav_menu .mobile_menu_bar:before {
	color: #ffffff !important;
}

/* ### Mobile menu icon color ### */
.et_mobile_nav_menu .mobile_menu_bar:after {
	color: #c6a579 !important;
}

/* ### Back to top background color ### */
.et_pb_scroll_top.et-visible {
    background-color: #f68121 !important;
}

/* ### Widget background and border color ### */
.et_pb_widget {
	background-color: rgba(0,0,0,0.57);
	border: 1px solid #07697a;
}

/* ### Search widget input field background and border color ### */
.widget_search input#s {
    border: 1px solid #c6a579;
	background-color: #07697a !important;
}

/* ### Search widget button background, text and border color ### */
.widget_search input#searchsubmit {
	background-color: #c6a579;
	border: 1px solid #c6a579;
    color: #fff;
}

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


/* ### IMAGE GRID 1 ### */
.main_bg_imagegrid.image_grid_1_hover {
background-image: url(INSERT_IMAGE_URL_HERE);
}

/* ### IMAGE GRID 2 ### */
.main_bg_imagegrid.image_grid_2_hover {
background-image: url(INSERT_IMAGE_URL_HERE);
}

/* ### IMAGE GRID 3 ### */
.main_bg_imagegrid.image_grid_3_hover {
background-image: url(INSERT_IMAGE_URL_HERE);
}

/* ### IMAGE GRID 4 ### */
.main_bg_imagegrid.image_grid_4_hover {
background-image: url(INSERT_IMAGE_URL_HERE);
}

/* ### IMAGE GRID 5 ### */
.main_bg_imagegrid.image_grid_5_hover {
background-image: url(INSERT_IMAGE_URL_HERE);
}

/* ### IMAGE GRID 6 ### */
.main_bg_imagegrid.image_grid_6_hover {
background-image: url(INSERT_IMAGE_URL_HERE);
}

/* ### IMAGE GRID 7 ### */
.main_bg_imagegrid.image_grid_7_hover {
background-image: url(INSERT_IMAGE_URL_HERE);
}

/* ### IMAGE GRID 8 ### */
.main_bg_imagegrid.image_grid_8_hover {
background-image: url(INSERT_IMAGE_URL_HERE);
}


/* ### PRELOAD IMAGES 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);
}

.current_image_grid {
	color: #c6a579 !important;
}

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


/* ### HEADER ### */

.custom_menu.et_pb_fullwidth_menu .et-menu>li, .custom_menu.et_pb_menu .et-menu>li {
    padding-right: 35px;
    padding-left: 35px;
}

.custom_menu.et_pb_fullwidth_menu--with-logo .et_pb_menu__menu>nav>ul>li>a, .custom_menu.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
    margin-top: 40px;
}

.phone_cta .phone_text,
.phone_cta_sub .phone_text {
	font-size: 36px !important;
}

@media only screen and (min-width: 981px) {
.phone_cta .et_pb_module_header,
.phone_cta_sub .et_pb_module_header {
	padding-top:35px;
}}

@media only screen and (max-width: 479px) {
.phone_cta .phone_text,
.phone_cta_sub .phone_text	{
	font-size: 26px !important;
}

.phone_cta .et_pb_main_blurb_image {
	display: none;	
}}

@media only screen and (min-width: 981px) and (max-width: 1400px) {
.custom_menu.et_pb_fullwidth_menu .et-menu>li, .custom_menu.et_pb_menu .et-menu>li {
    padding-right: 15px;
    padding-left: 15px;
}}

@media only screen and (min-width: 981px) and (max-width: 1200px) {
.header_quote {
	font-size: 16px !important;	
}
	
a.header_quote_button  {
	font-size: 12px !important;	
}}


/* ### DROPDOWN MENU ### */

@media only screen and (min-width: 981px) {
ul.sub-menu li a {
	border-bottom: 1px solid #c6a579;
	padding-left: 0px !important;
	font-size: 14px !important;
}}

ul.sub-menu li a .fa-chevron-right {
	padding-right: 7px;
}

.et_mobile_nav_menu .mobile_menu_bar:before {
    content: "MENU";
    font-family: arial !important;
	font-size: 28px;
}

.et_mobile_nav_menu .mobile_menu_bar:after {
	content: "\61";
	font-family: "ETmodules"!important;
	font-size: 40px;
	position: absolute;
    top: 15px;
}

.et_mobile_nav_menu {
	margin-left: -28px !important;
	padding-top: 15px;
}


/* ### HOME PAGE ### */

@media only screen and (min-width: 981px) and (max-width: 1400px) {
.custom_width_95 {
	width: 100% !important;
	max-width: 95% !important;
}

.testimonial_home {
	transform: translateX(0px) translateY(-50px) !important;	
}}

@media only screen and (min-width: 981px) {
.et_pb_image.testimonial_home_image {
	position: absolute;
    bottom: 0px;
}}

.et_pb_image.testimonial_home_image {
    margin-bottom: 0px !important;	
}

/* ##### TESTIMONIAL PAGE ##### */

.custom_testimonial .et_pb_testimonial_description {
	float: right;
    display: inline-block;
    width: 50%;
    text-align: right;
}

.custom_testimonial .et_pb_testimonial_portrait {
    display: block;
    float: left;
}

@media (min-width: 981px) and (max-width: 1300px) {
.custom_testimonial .et_pb_testimonial_portrait {
    text-align: center;
    float: none;
}

.custom_testimonial .et_pb_testimonial_description {
	float: none;
    width: 100%;
    text-align: center;
}}

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

.custom_blog .et_pb_post p {
	font-size: 16px !important;
	padding-bottom: 15px;
}

.custom_blog .et_overlay {
    border: none;
}

/* ### SINGLE BLOG POST ### */

.et_pb_widget {
    padding-left: 25px;
    padding-top: 25px;
	padding-bottom:15px;
}

.widget_search input#s {
    height: 40px!important;
    margin: 0;
    padding: .7em;
    color: #fff;
    font-size: 14px;
    line-height: normal!important;
}

.widget_search {
	background-color: rgba(0,0,0,0) !important;
	padding-left: 0px;
	padding-right: 0px;
    padding-top: 0px;
	padding-bottom:0px;
}