/*
 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: "Bon Vivant Script"; src: url("") format("truetype");}
@font-face {font-family: "Bon Vivant Serif"; src: url("BonVivantSerif.ttf") format("truetype");}

/* Typography */
h1, h2 {font-family:'Bon Vivant Serif',Helvetica,Arial,Lucida,sans-serif; letter-spacing:4px;}
h1, h2, h3 {text-transform:uppercase;}
h1 {font-size:56px;}
h2 {font-size:50px;}
h3 {font-family:'Lato',Helvetica, Arial, Lucida, sans-serif; font-size:16px; letter-spacing:2px;}
h4 {}
h5 {font-family:'Bon Vivant Script',Helvetica,Arial,Lucida,sans-serif; font-size:36px;}
h6 {}
.script {font-family:'Bon Vivant Script', Helvetica,Arial,Lucida,sans-serif; font-size:36px;}
.p-large {font-family:'Bon Vivant Serif',Helvetica,Arial,Lucida,sans-serif; font-size:30px; font-weight:600; line-height:1; color:#333;}
.btn-underline {border-bottom:2px solid #fff; display:inline-block; padding:0;}

/* Listing Archive Results */
#search-filter-form-8353>ul {padding-left:0;}
#search-filter-form-8353>ul li.sf-field-taxonomy-project_category {max-width:350px; position:relative;}
#search-filter-form-8353>ul li.sf-field-taxonomy-project_category:after {content:'\25BE'; position:absolute; right: 10px; z-index:-1;}
#search-filter-form-8353>ul li select {border:none; border-bottom:1px solid #333; border-radius:0px; appearance: none; -webkit-appearance: none; font-size:18px; width:350px; background-color:transparent;}

.archive-card-main {box-shadow:2px 1px 10px -3px rgba(0,0,0,.15);}
.search-filter-results {margin-top:-40px;}
.search-filter-results .pagination {display:inline-block; width:100%; padding-right:20px;}
.listing-page-count {display:flex; justify-content:space-between; padding-right:20px; margin-bottom:15px; font-size:16px;}

.showcase-archive-container {display:flex; flex-wrap:wrap; column-gap:5%;}
.showcase-archive-container .archive-column {width:30%; display:flex; flex-direction:column; justify-content:space-between; padding-top:25px;}
.archive-column {margin-bottom:25px;}



/* Sticky Button */
.single-project .sticky-divi-button {display:none;}
.sticky-divi-button {transform: rotate(-90deg); color: #000000; font-family: Forum,serif; font-weight:500; font-size: 18px; letter-spacing: 3px; text-transform:uppercase; z-index: 1; position: fixed; top: 50%; left: -8%;}
.sticky-divi-button .fixed-social-icon {font-family:ETmodules; color:#fff; line-height:32px; background-color:#747C67; border-radius:50%; display:inline-block; height:32px; width:32px; text-align:center; vertical-align:middle; margin-right:10px;}
.sticky-divi-button .fixed-social-ig:before {content:"\e09a"; display:inline-block; width:35px;}
.sticky-divi-button .fixed-social-fb:before {content:"\e093"; display:inline-block; width:35px;}

/* Main Navigation */
#main-nav.et_pb_menu .et_pb_menu__wrap .et_pb_menu__menu {display:none;}
#main-nav.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu {display:flex;}
#main-nav.et_pb_menu .et_mobile_nav_menu .et_mobile_menu, #main-nav.et_pb_menu .et_mobile_nav_menu .et_mobile_menu ul{list-style:none!important;}

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

/* Form Theme - Light */
#form-theme_light .et_pb_dcgd_gravity_divi_module .ginput_container_radio .gfield_radio .gchoice label, 
#form-theme_light .et_pb_dcgd_gravity_divi_module .ginput_container_checkbox label {color:#fff;} 

/* Inline Buttons */
.inline-btns .et_pb_button_module_wrapper {display:inline-block;}

/*Branding Showcase Buttons*/
.inline-buttons {
    text-align: center !important;
}

/* Inline Images */
.inline-img .et_pb_column {display:flex; flex-flow:row; align-items:center;}
.inline-img .et_pb_image {display:inline-block;}

/* Branding Showcase */
.vertical-align .et_pb_row {align-items:center;}
#branding-portfolio .swiper-container .swiper-wrapper .dsm_card_carousel_child .dsm_card_carousel_child_image_wrapper img {height:465px; box-shadow:0px 0px 10px rgba(0,0,0,0.1); margin:0 auto;}

/* Retainer Page Cusomizations */
.landing-page-video .et_pb_section_video_bg .mejs-video{
display: flex !important;
flex-direction: column;
justify-content: center;
}

/* Home Page Customizations */
#home-portfolio .swiper-container .swiper-wrapper .dsm_card_carousel_child .dsm_card_carousel_child_image_wrapper {box-shadow:0px 0px 10px rgba(0,0,0,0.1);}

/* Custom Websites Page */
#custom-websites-slider.dsm_image_carousel .swiper-container {margin-bottom:0px;}

/* Monthly Marketing Page */
#marketing-form #gform_1 .gform_fields .gfield_label, 
#marketing-form #gform_1 .gform_fields .gfield .ginput_container_checkbox label, 
#marketing-form #gform_1 .gform_fields .gfield .ginput_container_radio label {color:#fff !important;}

/*--------------Fullwith Specialty Section----------------------*/
.ds-fullwidth-specialty> .et_pb_row {
min-width: 100% !important;
}

.testimonials h3 {margin-top:15px;}

/* MEDIA QUERIES */
@media only screen and (max-width:767px) {
	h1 {font-size:32px;}
	h2 {font-size:34px;}
	h3 {font-size:14px;}
	p, div {font-size:18px; line-height:1.25em;}
	
	.sticky-divi-button {display:none;}
	
	form input[type="checkbox"] {float:none !important; margin-top:5px !important;}

	.archive-column {margin-bottom:0px;}
	#search-filter-form-8353>ul li select {font-size:14px; width:100%;}
	
	.inline-img .et_pb_column {flex-flow:column;}
}

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

@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row, .custom_row .et_pb_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;
}
 
}