/*
Theme Name: Cultithrive Child
Description: Divi child theme adding a Vehicle custom post type, filterable showroom listing, vehicle detail pages, and a system-cron API sync. Built per docs/wordpress-cpt-port-plan.md.
Author: Cultithrive
Template: Divi
Version: 1.3.0
Text Domain: cultithrive-child
*/

/* Intentionally minimal. Every colour/font/type-scale value lives in inc/theme-config.php
   as CSS custom properties (see docs/wordpress-cpt-port-plan.md §5) — nothing is declared
   here so there is exactly one place to rebrand the site. */
/* Pre-owned Pagination Styling*/
.woocommerce nav.woocommerce-pagination ul{
	border: 0px;
}
.woocommerce nav.woocommerce-pagination ul li{
	margin: 5px;
	border: 0px;
	border-radius: 3px;
}
.woocommerce nav.woocommerce-pagination ul li:hover{
	margin: 5px;
	border: 0px;
	border-radius: 3px;
}

/* DE Filter and Listing Fixes*/
.woocommerce ul.products li.product h3{
	font-size: 1em !important;
}
.et_pb_de_mach_filter_posts_0_tb_body .et_pb_contact_field_options_title{
	font-size: 1em !important;
}
.irs--round .irs-handle{
	background-color: #e31837 !important;
}

.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single{
	background-color: #e2e2e2 !important;
}

/* CSS for Calculator */
body .paymentcalc {
    padding: 20px;
    color: white;
    font-family: Lato;
    font-weight: 300;
}

#loanCalc input {
    padding: 10px;
    display: block;
}
.paymentCalc {
    padding: 15px;
    overflow: auto;
}

.cd_field {
    border: 1px solid white;
    border-radius: 5px;
    width: 100%;
}

.cd_field_term {
    border: 1px solid white;
    border-radius: 5px;
    width: 100%;
    padding: 10px;

}

.cd_form_sec {
    padding: 5px;
}

.calcBtn {
    display: inline-block;
    color: #fff;
    text-align: center;
    padding: 10px 20px;
    margin-top: 20px;
    width: 100%;
	background: linear-gradient(0deg, hsla(351, 82%, 33%, 1) 41%, hsla(351, 81%, 49%, 1) 100%);
background: -moz-linear-gradient(0deg, hsla(351, 82%, 33%, 1) 41%, hsla(351, 81%, 49%, 1) 100%);
background: -webkit-linear-gradient(45deg, hsla(351, 82%, 33%, 1) 41%, hsla(351, 81%, 49%, 1) 100%);
clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%) !important;
}

#paymentResults{
    display: none;
    background: #e31837;
    padding: 30px 60px 36px 60px;
    border: 1px solid #e31837;
    border-radius: 5px;
    margin-top: 35px;
}

.form-group {
    margin: 10px;
}

/*collpse and set the height of the toggle text*/
@media only screen and (max-width: 980px) {
	.pa-toggle-text .et_pb_text_inner {
	max-height: 40vh;
	transition: max-height 0.3s ease-out;
	overflow: hidden;
}
}
/*style the expand text link*/

.pa-toggle-text .pa-text-expand-button {
	padding: 0.5em;
	text-align: center;
	color: #e31837!important;
}

@media only screen and (min-width: 980px){
	.pa-toggle-text .pa-text-expand-button {
	padding: 0.5em;
	text-align: center;
	color: #e31837!important;
	display: none;
}
}


/*change the curor to a pointed when hovering over the expand text link*/

.pa-toggle-text .pa-text-expand-button span {
	cursor: pointer;
}


/*define the font family for the toggle icon*/

.pa-toggle-text .pa-text-expand-button .pa-text-toggle-icon {
	font-family: ETMODULES, "sans-serif";
}


/*set the max height and transition of the expanded toggle*/

.pa-toggle-text .pa-text-toggle-expanded {
	max-height: 2000px;
	transition: max-height 0.3s ease-in;
}

/* Specials Carousel Arrow*/

.swiper-button-next, .swiper-button-prev {
	border-radius: 50px;
}

@media only screen and (max-width: 980px) {
	.swiper-button-next, .swiper-button-prev {
	border-radius: 50px;
	background-color: #fff !important;
}
}

ul.et_pb_tabs_controls:after{
	border-top: 0px solid black !important;
}
.dsm-tab-subtitle {
font-size: 0.5em;
}

/* Mobile Icon Bar Columns */
@media only screen and (max-width: 980px) {
.three-columns .et_pb_column  {
width: 25%!important;
}
}
@media only screen and (max-width: 980px) {
.two-columns .et_pb_column  {
width: 50%!important;
}
}
/* Scroll Snapping DO NOT REMOVE!!*/ 
@media screen and (max-width: 980px){
.sec {
  max-height: 100vh;
  overflow-y: scroll;
  scroll-snap-points-y: repeat(3rem);
  scroll-snap-type: y mandatory;
 }
}
.sub_sec{
	scroll-snap-align: start;
    scroll-snap-stop: always;
}

/*icon bar steering wheel styling */
@media (max-width:980px){
	.wheel-blurb .et_pb_image_wrap {
    width: 8vw;
}
}

/* Promo Skewed Text */
.cd-skewed-bg {
	background-color: #E21937;
	transform: skew(-30deg);
	width: 60%;
	color: #ffffff !important;
	text-align: center;
	margin: 0 auto;
	padding-top: 15px;

}

@media (max-width: 980px){
	.cd-skewed-bg {
	background-color: #E21937;
	transform: skew(-20deg);
	width:80%;
	color: #ffffff !important;
	text-align: center;
	margin: 0 auto;
	padding-top: 15px;
		
}
}

/* Form styling*/
.gform_title {
	display:none;
}

body .gform_wrapper .gform_body .gform_fields .gfield .name_first input {
	border: 1px solid white; 
	border-radius: 5px;
	color: black;
	font-family: Lato;
	font-weight: 300;
	
}

body .gform_wrapper .gform_body .gform_fields .gfield .name_last input {
	border: 1px solid white; 
	border-radius: 5px;
	color: black;
	font-family: Lato;	
	font-weight: 300;
}

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_email input {
	border: 1px solid white; 
	border-radius: 5px;
	color: black;
	font-family: Lato;	
	font-weight: 300;
}

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_phone input {
	border: 1px solid white; 
	border-radius: 5px;
	color: black;
	font-family: Lato;	
	font-weight: 300;
}

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_textarea textarea {
	border: 1px solid white; 
	border-radius: 5px;
	color: black;
	font-family: Lato;	
	font-weight: 300;
}
.gfield_consent_label{
	color: white;
	font-family: Lato;	
	font-weight: 300;
}

.gfield_consent_label a:hover{
	text-decoration: underline;
}

.gform_wrapper .gfield_required{
	color: white !important;
}

.gform_wrapper.gravity-theme #field_submit input, .gform_wrapper.gravity-theme .gform_footer input{
	color: white;
	padding: 10px 25px;
	border-radius: 0px;
	font-family: Lato;
	font-weight: 600;
	font-size: 15px;
	width: 100%;
	background: linear-gradient(0deg, hsla(351, 82%, 33%, 1) 41%, hsla(351, 81%, 49%, 1) 100%);
background: -moz-linear-gradient(0deg, hsla(351, 82%, 33%, 1) 41%, hsla(351, 81%, 49%, 1) 100%);
background: -webkit-linear-gradient(45deg, hsla(351, 82%, 33%, 1) 41%, hsla(351, 81%, 49%, 1) 100%);
clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%) !important;
border: 0px;
	

}


body .gform_wrapper .gform_body .gform_fields .gfield select {
	border: 1px solid white; 
	border-radius: 5px;
	color: black;
	font-family: Lato;	
	font-weight: 300;
}

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_number input {
	border: 1px solid white; 
	border-radius: 5px;
	color: black;
	font-family: Lato;
	font-weight: 300;
}

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_button_select_files{
	background-color: #e00f2f;
	color: white;
	padding: 10px 25px;
	border-radius: 5px;
	border: solid 1px #e00f2f;
	font-family: Lato;
	font-weight: 600;
	font-size: 15px;
	transition: color 0.5s, background-color 0.5s, border 0.5s;
	
}

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_button_select_files:hover{
	background-color: #2e2e2e;
	color: white;
	padding: 10px 25px;
	border-radius: 5px;
	border: solid 1px white;
	font-family: Lato;
	font-weight: 600;
}

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_text input[type=text]{
	border: 1px solid white; 
	border-radius: 5px;
	color: black;
	font-family: Lato;
	font-weight: 300;
}
.gform_wrapper.gravity-theme .gfield_label{
	font-family: Lato;
	font-weight: 300;
}
/* End of Gravity Forms Styling*/

/* New Gallery Two Columns*/ 
@media (max-width: 980px){
.col-width .et_pb_gallery_item {
width: 50% !important; /*two columns*/
clear: none !important;
}
}

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

body .gform_wrapper .gform_body .gform_fields .gfield .name_first input {
	margin-bottom: 8px;
}
w
body .gform_wrapper .gform_body .gform_fields .gfield .name_last input {
	margin-bottom: -8px;
}
}