/*
 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: 'Alata', sans-serif;}
h1 {font-size:82px; font-weight:500; letter-spacing:1px}
h2 {font-size:70px; font-weight:800; letter-spacing:1px}
h3 {font-size:28px; font-weight:700; letter-spacing:1px}
h4 {font-size:22px; font-weight:700; letter-spacing:1px}
h5 {font-size:20px; font-family:'Open Sans', sans-serif; letter-spacing:2px; font-weight:300;}
body {font-size: 20px; font-weight:500;}


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


/* Sticky Button */
.sticky-divi-button {color: #ffffff; font-family: 'Barlow',Helvetica,Arial,Lucida,sans-serif!important; font-weight:600; font-size: 16px; background-color: #bf000c; border-radius: 50px; letter-spacing: 1px; text-decoration: none; box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.1); padding:10px 20px; z-index: 10; position: fixed; bottom: 50px; right: 50px;}
.sticky-divi-button:hover {background-color: #bf000c; box-shadow: none;}

/* MEDIA QUERIES */
@media only screen and (max-width:767px) {
	h1 {font-size:32px;}
	h2 {font-size:40px;}
	h3 {font-size:18px;}
	.et_pb_text_3 h2, .et_pb_text_11 h2, .et_pb_text_9 h2, .et_pb_text_5 h2, .et_pb_text_7 h2,
	.et_pb_text_4 h2, .et_pb_text_12 h2, .et_pb_text_10 h2, .et_pb_text_8 h2, .et_pb_text_6 h2 {
		font-size:40px;
	}
	p {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;
}
 
}