/*
 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 {font-family:'Lato', sans-serif; text-transform:uppercase; letter-spacing:2px; font-weight:600; color:#D02436}
h1 {font-size:30px;}
h2 {font-size:25px;}
h3 {font-size:20px;}
h4 {font-size:22px; font-weight:600; letter-spacing:2px; color:#D02436}
h5 {}
h6 {}
p, body {font-weight:400;}

footer #gform_4 input, footer #gform_4 textarea {background-color:transparent; border:1px solid #fff;}

/* Blog Post Typography */
.single h1 {font-size:38px; font-weight:600;}
.single h2 {font-size:30px; font-weight:bold;}
.single h3 {font-size:24px; font-weight:bold;}


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

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

/* Inline Buttons */
.inline-btns .et_pb_button_module_wrapper {display:inline-block; margin:0 10px;}
.center-inline-btns {text-align:center;}

/* "Read More" Toggle */
.divi-toggle-text .et_pb_text_inner {max-height: 200px; /*=define the height of your text module=*/ transition: max-height 0.3s ease-out; overflow: hidden;}
.divi-toggle-text .et_pb_text_inner:after {content: ""; display: inline-block; position: absolute; pointer-events: none; height: 100px; width: 100%; left: 0; right: 0; bottom: 0; background-image: linear-gradient(0deg, #fff 10%, transparent);}
.divi-toggle-text .divi-text-expand-button {padding: 0.5em; text-align: center; color: #000 !important; font-weight: bold;}
.divi-toggle-text .divi-text-expand-button span {cursor: pointer;}
.divi-toggle-text .divi-text-expand-button .divi-text-toggle-icon {font-family: ETMODULES, "sans-serif";}
.divi-toggle-text .divi-text-toggle-expanded {max-height: 2000px; transition: max-height 0.3s ease-in;}
.divi-toggle-text .divi-text-toggle-expanded.et_pb_text_inner:after {background: none;}

.bw-hover-filter {-webkit-filter: grayscale(100%); filter: grayscale(100%); position:relative; top:0; transition:all 0.2s ease-in-out;}
.bw-hover-filter:hover {-webkit-filter: grayscale(0%); filter: grayscale(0%); position:relative; top:-20px; }

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

@media only screen and (max-width:991px) {
	
}

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