/*
 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: 'futura-pt', sans-serif;}
h1 {font-size:82px; text-transform:uppercase; font-weight:500; letter-spacing:1px}
h2 {font-size:46px; text-transform:uppercase; font-weight:500; letter-spacing:1px}
h3 {font-size:28px; text-transform:uppercase; font-weight:700; letter-spacing:1px}
h4 {font-size:22px; text-transform:uppercase; font-weight:700; letter-spacing:1px}
h5 {font-size:20px; text-transform:uppercase; font-family:'Open Sans', sans-serif; letter-spacing:2px; font-weight:300; color: #916888}

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

/* Discussion Boards */
.ctdb-login-form-wrapper #ctdb-login-wrap form input#ctdb_user_login,
.ctdb-login-form-wrapper #ctdb-login-wrap form input#ctdb_user_pass {width:100%; max-width:300px;}

#new-topic input, 
#new-topic textarea,
#ctdb_login_form input, 
#ctdb_registration_form input {
	padding:15px;
}
#new-topic input[type="submit"],
#ctdb_login_form input[type="submit"],
#ctdb_registration_form input[type="submit"],
#commentform input[type="submit"] {
	background-color:#E1A221; color:#fff; padding:15px; border:none; border-radius:5px; text-transform:uppercase; font-weight:600; font-size:20px;
}

/* Media Queries */
@media only screen and (max-width:767px) {
	h1 {font-size:40px;}
	h2 {font-size:34px;}
	h3 {font-size:18px;}
	
	.dgbm_blog_module.dgbm_blog_module_2 .dgbm_post_item .content-wrapper {margin-left:0 !important; margin-right:0 !important; padding-left:15px !important; padding-right:15px !important;}
}
@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;
}
}