/*
Theme Name: Divi-child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Description: Child theme for the Divi theme
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Template: Divi
Version: 1.0.0
*/


/* ---------------------------------------------------------------------------------------------- */
/* ------ Start - Move the reCAPTCHA graphic to top of the page with z-index for viewing -------- */
/* ---------------------------------------------------------------------------------------------- */

body.et_pb_recaptcha_enabled .grecaptcha-badge {z-index: 9 !important;}

/* ---------------------------------------------------------------------------------------------- */
/* ------ Start - Set the style for the navigation menu system for DESKTOPS ONLY ---------------- */
/* ---------------------------------------------------------------------------------------------- */

@media all and (min-width: 1200px) {

    #top-menu .sub-menu li a {
    	font-size: 16px; /* Font size dropdown */
    }
    
    /* Style the navigation sub-menus */
    .sub-menu .current_page_item {
    	background-color: #25313a; /* Current menu item color dropdown */
    }
    
    .nav ul li a:hover {
    	opacity: 1;
    	background-color: rgba(63,70,75,0.3);
    }

}


/* ---------------------------------------------------------------------------------------------- */
/* ------ Start - Animated effect on FREE QUOTE Graphic ----------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */

.free_quote.et_pb_image img {
	transform: scale(1.0);
	transition: transform 0.5s, opacity 0.5s;
	opacity: 1;
	overflow: hidden;
}

.free_quote.et_pb_image img:hover {
	transform: scale(1.10);
	transition: transform 0.5s, opacity 0.5s;
	opacity: 1;
	overflow: hidden;
}


/* ---------------------------------------------------------------------------------------------- */
/* ------ Start - Animated effect on 4 homepage graphics (granite, quartz, tile, cabinets) ------ */
/* ---------------------------------------------------------------------------------------------- */

.homepage-hover-expand.et_pb_image img {
	transform: scale(1.0);
	transition: transform 0.5s, opacity 0.5s;
	opacity: 1;
	overflow: hidden;
}

.homepage-hover-expand.et_pb_image img:hover {
	transform: scale(1.10);
	transition: transform 0.5s, opacity 0.5s;
	opacity: 1;
	overflow: hidden;
}

/* ---------------------------------------------------------------------------------------------- */
/* ------ Start - DIVI GALLERY ------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------- */

.et_overlay {
	display: none;
}

.mfp-title {
	display: none;
}

.et_pb_gallery_image.landscape {
    overflow: hidden;
}

.et_pb_gallery_grid .et_pb_gallery_item img {
	transform: scale(1.03);
	transition: transform 0.5s, opacity 0.5s;
}

.et_pb_gallery_grid .et_pb_gallery_item img:hover {
	transform: scale(1.70);
	opacity: 1;
}

.et_pb_gallery_grid .et_pb_gallery_item {
	padding: 2px;
	width: 20% !important;
	/*height: 190px !important;*/
	/*clear: right!important;*/
}

.et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_title {
	text-align: center;
}

/* ---------------------------------------------------------------------------------------------- */
/* ------ Start - Blurbs as Tabs Custom Styling on Seen on Homepage ----------------------------- */
/* ---------------------------------------------------------------------------------------------- */

/* Style the Blurbs Tabs */
#blurb-tabs .et_pb_column {
 display:flex;
 align-items:center;
 justify-content:center;
 flex-wrap:wrap;
}
#blurb-tabs .tab-title {
 width:33.33%;
}

/* Hover Styles for Blurb Tabs - Titles */
#blurb-tabs .tab-title {
 transition:all .3s ease-in-out;
}
#blurb-tabs .tab-title:hover {
 cursor:pointer;
 background: rgba(63,70,75,0.9); /* Tab hover background color */
}
#blurb-tabs .tab-title.active-tab {
 background:#D9DFE2; /* Active tab background color */
}
#blurb-tabs .tab-title.active-tab .et_pb_blurb_container h4 a {
 color:#000; /* Active tab title color */
}
#blurb-tabs .tab-title.active-tab .et-pb-icon {
 color:#666!important; /* Active tab icon color */
}

/* Tab Titles Mobile Styles */
@media (max-width: 767px ) {
 #blurb-tabs .tab-title {
 	width:50%;
 }

 #blurb-tabs .tab-title .et_pb_main_blurb_image {
 	margin-bottom:10px; /* Reduce icon bottom margin */
 }

}

@media (max-width: 479px ) {
 #blurb-tabs .tab-title {
 	width:100%;
 }

 #blurb-tabs .tab-title .et_pb_blurb_content { /* This moves icon to the right */
 	display:flex;
 	align-items:center;
 	justify-content:flex-start;
 }

 #blurb-tabs .tab-title .et_pb_main_blurb_image { /* Fix icon margins on mobile */
 	margin-bottom:0;
 	margin-right:30px;
 }

}

/* Hide the tabs content/sections */
.tab-content {
 display:none;
}

/* ---------------------------------------------------------------------------------------------- */
/* ------ Stop - Blurbs as Tabs Custom Styling on Homepage -------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


/********************** STAND-ALONE MOBILE CUSOMIZATIONS *********************************************************************************************/


/* This media fix is to switch all galleries from 4 columns to 2 columns. The ".two-col-grid" wording at the beginning is added in advanced the advanced section for the gallery under CSS ID & Classes. This additional word group is unique and will ensure other elements with similar css titles will not be effected. */

@media all and (max-width: 767px) {
	.two-col-grid.et_pb_gallery .et_pb_gallery_item.et_pb_grid_item {
		width: 50%!important;
		margin: 0!important;
	}
}

/* End of media fix for galleries */