/*
 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*****/

/* Typography */
h1, h2, h3, h4 {font-family:'Raleway', sans-serif;}
h1 {font-size:90px;}
h2 {font-size:30px; font-weight:600;}
h3 {text-transform:uppercase; font-weight:300; font-size:24px;}
h4 {text-transform:uppercase; font-size:32px; font-weight:800; letter-spacing:1px;}
h5, .cursive {font-family: 'Caveat', cursive; font-size:100px; font-weight:800;}
h6 {}
.cursive.accent {font-size:60px; color:#c63836;}

#primary-nav .et_pb_menu__menu {margin-top:-50px;}
nav .et_pb_more_button {margin-top:0px;}

/* 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;
}

.hide-form-field {display:none;}

/* Form Style - Outline */
body .form-style_outline .gform_wrapper .gform_body .gform_fields .gfield input,
body .form-style_outline .gform_wrapper .gform_body .gform_fields .gfield textarea {
	background:transparent; 
	border-bottom:1px solid #000;
}

/*place button modules next to each other in the same column*/
.inline-btns .et_pb_button_module_wrapper {display: inline-block;}
.inline-btns-right .et_pb_button_module_wrapper {display: inline-block; float:right;}

/*grand opening page inline buttons*/
.pa-inline-buttons .et_pb_button_module_wrapper { display: inline-block;}
.pa-inline-buttons { text-align: center !important;}
/*
.qgiv-embed-container iframe .qgiv-form-container .user-html-content.form-footer-content .sidebar {display:none;}
.sidebar {text-align:center}
*/
/* Blog Archive */
.dgbm_blog_module .over-image-bottom {left:auto;}
#blog-categories .widget_categories {width:100%; text-align:center;}
#blog-categories .wp-block-categories-list {display:inline;}
/*#blog-categories .wp-block-categories-list:before {content:'all'}*/
#blog-categories .wp-block-categories-list .cat-item {display:inline-block; border:2px solid #CD1B24; padding:7px 15px; margin:10px 10px 10px 10px;}
#blog-categories .wp-block-categories-list .cat-item:hover {background-color:#CD1B24;}
#blog-categories .wp-block-categories-list .cat-item a {color:#CD1B24;}
#blog-categories .wp-block-categories-list .cat-item:hover a {color:#fff;}
#blog-categories .wp-block-categories-list .cat-item.current-cat {border:2px solid #CD1B24; background-color:#CD1B24;}
#blog-categories .wp-block-categories-list .cat-item.current-cat a {color:#fff;}

#bargain-video .mejs-video {bottom:0;}

/* SVG Timeline Animation */
svg#line-ball {
  overflow: visible;
  width: 100%;
  height: 100vh;
}

svg#svg-path {max-width:100%; height:auto; width:100%; position:absolute; z-index:100;}
.animate {animation: reveal 1s forwards;}
@keyframes reveal {
	from {
		opacity:0;
		transform: translateX(-180px);
	}
	to {
		opacity:1;
		transform: translateX(0);
	}
}


/* MEDIA QUERIES */
@media only screen and (max-width:767px) {
	h1 {font-size:32px;}
	h2 {font-size:28px;}
	h3 {font-size:18px;}

	.et_pb_column_1_3 h2, .et_pb_column_1_4 h2, .et_pb_column_1_5 h2, .et_pb_column_1_6 h2, .et_pb_column_2_5 h2 {font-size:28px;}
	

}

@media only screen and (max-width:980px) {
	.mobile-3col .et_pb_column {width:30%;}
	.mobile-3col .et_pb_column:nth-of-type(2) {margin:0 5%;}
}

@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;
}
 
}