/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/*** PROTECTION PACKAGE PAGE ***/
.elementor-icon-box-title { margin: 0 !important; }
.pp-icon-box .elementor-icon { background: #CF0A2C; border-radius: 5px; padding: 10px; }
.hiw-box span { background: #FAFAFA; border-radius: 25px; padding: 10px; }
.dowc-details-box ul li::marker { color: #CF0A2C; }
span.most-popular {
	font-size: 12px;
	background: #CF0A2C;
	color: #FFF;
	border-radius: 5px;
	padding: 5px 10px;
}

/*** GLOBAL ***/
input, select, textarea { outline: none !important; box-shadow: none !important; }
.red-links a { color: #CF0A2C; text-decoration: none !important; }
@media only screen and (min-width: 1024px) { .red-links a:hover { text-decoration: underline !important; } }
.basic-link a:hover { text-decoration: underline; }

.gform_required_legend { display: none !important; }
#gform_1 input, #gform_1 select, #gform_1 textarea, #gform_2 input, #gform_3 input, #gform_3 select, #gform_3 textarea { box-shadow: none; }
#gform_1 input /*Contact*/, #gform_3 input /*Credit App*/, #gform_3 select /*Credit App*/ { height: 50px; margin-bottom: 0; }
#gform_2 input /*Newsletter*/ { height: 40px; }
h3.gsection_title { padding-top: 10px; }
input[type="submit"] { outline: none !important; border: none !important; }
.gform-theme--framework { --gf-form-spinner-fg-color: #CF0A2C !important; }

.filter-by-make { max-height: 70px !important; }
.search-filter-component-range-slider__range-text { justify-content: space-between !important; }

/*** TOP LEASE SPECIALS ***/
@media only screen and (min-width: 1024px) {
	.lease-title h3 { font-size: 20px !important; text-align: center !important; }
	.lease-info li {
		font-size: 16px !important;
		line-height: 18px !important;
		justify-content: center !important;
	}
}

.lease-sidebar button:focus { border: 1px solid #bbbbbb; box-shadow: none !important; }

/*** EXPERTISE & SERVICE ***/
.icon-box .elementor-icon-box-icon { margin-top: -50px; }
.icon-box .elementor-icon-box-description { text-align: justify; }
.icon-box path, .icon-box rect, .icon-box polygon { fill: #CF0A2C; }

/*** HOW IT WORKS ***/
.vm-logos img { max-width: 80%; }

/*** FOOTER ***/
.footer-bottom .copyright .elementor-widget-container, .footer-bottom p, .footer-bottom p a { font-size: 11px; color: #BBB; }
.footer-bottom .e-con-inner { padding-top: 0; }
#footer-menu ul li { width: 150px; padding-bottom: 15px; justify-content: flex-end; }

.footer-links li a { padding-left: 20px !important; padding-right: 20px !important; }
.footer-links li a:first-child { padding-left: 0 !important; }

#copyright {
	font-family: 'Switzer' !important;
	font-size: 13px;
	color: #F3F3F3;
}

/* Footer - Newsletter */
.footer-newsletter { max-width: 500px !important; }
#gform_fields_2 { row-gap: 0; }
#gform_2 .gform-footer { margin: 0; }

/*** CONTACT ***/
#gform_fields_1 { row-gap: 20px; }
span.uael-gf-select-custom::after { opacity: 0 !important; }
@media only screen and (min-width: 768px) { .contact-message textarea { align-content: flex-end; } }
@media only screen and (max-width: 768px) { #gform_fields_2 { row-gap: 15px; } }

/*** PRIVACY / TERMS ***/
.legal h3 { padding-top: 15px; }

/*** CREDIT APP ***/
#gform_3 button { border: none; outline: none; }
#gform_3 input:focus, #gform_3 select:focus, #gform_3 textarea:focus { border: 1px solid #e5e5e5; }
#gform_3 input[type="button"]:focus { border: none; outline: none; }
#gform_save_3_2_link { font-family: 'Plein'; text-transform: uppercase; }
#input_3_11_4, #input_3_14 { padding-top: 6px; }

/*** ERROR 404 ***/
.error404 .elementor-location-header, .error404 .elementor-location-footer { display: none !important; }
.error404 .ast-container { max-width: 100% !important; padding: 0 !important; }
.error404 .ast-container .primary { margin-top: 0 !important; }
.links-404 p a { font-weight: 600; text-decoration: underline; }

/*** LINKS PAGE ***/
.page-id-2495 .elementor-location-header, .page-id-2495 .elementor-location-footer { display: none !important; }

/* FORCE "The Formula" heading above the timeline on mobile */
@media (max-width: 767px) {

  /* Outer section */
  .elementor-element-b55a6e7 > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
  }

  /* Inner content container that holds heading + timeline */
  .elementor-element-c4fa0c4 {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  /* Heading wrapper */
  .elementor-element-c4fa0c4 > .elementor-element-8bf0ac3 {
    order: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    display: block !important;
    margin: 0 0 24px !important;
  }

  /* The title itself */
  .elementor-element-c4fa0c4 .elementor-element-8bf0ac3 .elementor-heading-title {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 !important;
  }

  /* Timeline wrapper */
  .elementor-element-c4fa0c4 > .elementor-element-c1da2dd {
    order: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    min-width: 0 !important;
    display: block !important;
  }

  /* Kill any inline row behavior inside the widget wrapper */
  .elementor-element-c4fa0c4 .elementor-widget-wrap,
  .elementor-element-c4fa0c4 .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  /* Optional: hide overflow caused by the timeline widget */
  .elementor-element-b55a6e7,
  .elementor-element-c4fa0c4 {
    overflow-x: hidden !important;
  }
}