/*
 Theme Name:  Divi Child Theme
 Theme URI:    https://divilife.com
 Description:  Child Theme for Divi
 Author:       Tim Strifler
 Author URI:   https://divilife.com
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/
@font-face {font-family: "Brittany"; src: url("/wp-content/themes/Divi-Child-Theme/fonts/BrittanySignature.ttf") format("truetype");}

@font-face {font-family: "Edosz"; src: url("/wp-content/themes/Divi-Child-Theme/fonts/edosz.ttf") format("truetype");}

/* remove Pre-loader */
.et_pb_preload, .et_pb_section.et_pb_section_video.et_pb_preload {background-image: url(/wp-content/uploads/2020/07/video-still.jpg)!important; background-size:cover !important;}
.et_pb_preload:before {display: none!important;}

/* Typography */
h1 {font-family: 'Open Sans', sans-serif; font-size:46px; font-weight:700; letter-spacing:2px; line-height:1.1em; text-transform:uppercase;}
h2 {font-family: 'Open Sans', sans-serif; font-size:38px; font-weight:700; letter-spacing:2px; line-height:1em; text-transform:uppercase;}
h3 {font-family: 'Open Sans', sans-serif; font-size:30px; font-weight:500; letter-spacing:2px; line-height:1em;}
h4 {font-family: 'Lora', serif; font-style:italic; font-size:18px;}
h5 {font-family:'Brittany', 'Lora', serif;}
h6 {font-family: 'Edosz', 'Permanent Marker', 'Open Sans', sans-serif; font-size:42px;}
p {}



/* Buttons */
.et_pb_button_module_wrapper a.et_pb_button, .et_pb_button_module_wrapper a.et_pb_button:hover {padding:1em 2em !important;}
form .gform_footer button[type="submit"], form .gform_footer button[type="submit"]:hover {padding:1em 2em !important;}

/* Main Nav */
#menu-main-navigation li a {font-family: sofia-pro, sans-serif; letter-spacing:1px;}
.et_header_style_left #et-top-navigation nav>ul>li.nav-btn a {color:#fff;}

#menu-main-navigation .et_pb_button.et_pb_more_button {margin-top:0px;}
#menu-main-navigation .et_pb_button.et_pb_more_button.nav-btn-secondary {background-color:#727d45;}
#et-top-navigation a.et-cart-info {display:none;}
 
#gform_22 input[type=tel] {background-color:#eee; border:none;}

nav li ul.sub-menu {width:250px !important;}
.sub-menu li, .sub-menu li a {width:215px !important;}

/* Footer */
#footer-menu ul {display:inline;}

/* Blog Post Header */
.et_pb_post_title .et_pb_title_container {margin-bottom:25px}

/* Blog Post Headings */
.single #main-content .et_pb_post_content h2 {font-size:32px; letter-spacing:0px; text-transform:none;}
.single #main-content .et_pb_post_content h3 {font-size:28px; letter-spacing:0px;}

/* Blog Post Sidebar */
#blog-sidebar #recent-posts-2.widget_recent_entries ul li {border-bottom:1px solid #f5f5f5; padding-bottom:15px; margin-bottom:15px;} 

/* Horizontal Box (Image + Text) */
.horizontal-box>.et_pb_image {width:25%; float:left; margin-right:5%; height:100%;}
.horizontal-box>.et_pb_text {display:flex; width:70%;}
.horizontal-box .et_pb_image .et_pb_image_wrap {display:flex; height: 100%;}
.horizontal-box .et_pb_image .et_pb_image_wrap img {object-fit:cover; height:100%; position:absolute; width:100%}

/* Our Process */
#our-process .et_pb_main_blurb_image {margin-bottom:0;}


/* GF Checkbox Fix */
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio input[type=radio],
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox input[type=checkbox] {
	width: auto;
}

/* Media Queries */
@media only screen and (max-width:767px) {
	h1 {font-size:40px;}
	h2 {font-size:30px;}
	h3 {font-size:18px;}
	
	
}

@media only screen and (max-width:991px) {
	/* Horizontal Box (Image + Text) */
	.horizontal-box>.et_pb_image {width:100%; float:none; margin-right:0%; height:150px;}
	.horizontal-box>.et_pb_text {display:flex; width:100%;}
}

@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
 
}

/*** About logo scrolling animation ***/
#logoAnimContainer {
	height: 100vh;
}

#logoAnimContainer > div:first-of-type {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#logoAnimContainer .logoAnimDesc {
	position: absolute;
	bottom: -175px;
	opacity: 0;
}

#logoAnimSVG {
	transform: skew(-15deg, -15deg);
}

#logoAnimSVG path#logoOutline, #logoAnimSVG path.line {
	fill: #eee;
	stroke-width: 5px;
	stroke: #fff;
}

#logoAnimSVG path#goldStripe {
	fill: #fff;
}

#logoAnimSVG #logoShadow {
	opacity: 0;
}

@media all and (max-width: 980px) {
	#logoAnimContainer > div:first-of-type {
		height: 100vh;
    display: flex;
    flex-direction: column;
	}

	#logoAnimSVG {
		height: 75px;
	}
}

/* make percent a dollar sign*/
.dollar .percent-value:before { content:'$';}