/*
Theme Name: TheGem Child
Description: Multi-Purpose Wordpress Theme
Author: Codex Themes.
Theme URI: http://codex-themes.com/thegem/
Author URI: http://codex-themes.com/thegem/
Template: thegem
Version: 1.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
License: GNU General Public License
License URI: license.txt
*/

/*.panel-center { font-size: 19.2px ; line-height: 1.75; }*/
/*.breadcrumbs span[itemprop=title]:before { font-family: 'thegem-icons'; width: 20px; vertical-align: middle; padding: 0 12px; content: "\f015"; }*/
.page-title-block .breadcrumbs-container { background-color: #ffffff; padding-top: 12px; }
.page-title-block .breadcrumbs .current { padding-bottom: 2px; }
.page-title-title { display: none; }
/*@media (min-width: 980px) {
	#site-header .header-main:not(.header-layout-fullwidth_hamburger):not(.logo-position-menu_center) .site-title, #site-header .header-main:not(.header-layout-fullwidth_hamburger) .primary-navigation, #site-header .header-main:not(.header-layout-fullwidth_hamburger) #perspective-menu-buttons { display: table-cell; text-align: right; }
}*/
/* Dealer Page */
.filter-top { padding-top: 20px; border-top: 1px solid #ccc; }
.list-title:before { font-family: 'thegem-icons'; /*width: 25px; */vertical-align: middle; padding-right: 5px; content: '\e604'; color: #E14227; font-size: 20px; }
.dealer-information .list .left-block .list-content { padding-left: 25px; }
.certNote { margin-bottom: 30px !important; padding-bottom: 20px; border-bottom: 1px solid #ccc; }
.certNote p { font-size: small; line-height: 1.2; }
.certNote img { max-width: 30px; float: left; margin-right: 10px; margin-bottom: 20px; }
.certNote span { font-weight: bold; }

@media screen and (max-width: 500px) {
	.certNote p { line-height: 2; }
	#dealer-results .left-block .list-content, #dealer-results .right-block { text-align: center; }
}

/**** Colors ****/
/*  Veloz Orange: #E14227
	Orange: #f9943f
	Blue: #016fbb
	Green: #399933
	Sky Blue: #71cce4
	Light Blue: #d5eff7
	Grey: #ececec
*/
.text-white, .text-white h2, .text-white h3, .text-white h4 { color: #ffffff; }

.line1-5 { line-height: 1.5; }
.text-center { text-align: center; }

/**** Headings ****/
h1,h2,h3,h4,h5,h6 { letter-spacing: normal !important; }
h3, .title-h3 { margin-bottom: 1.4%; }
h4, .title-h4 { margin-bottom: 1.38983%; }
h5, .title-h5 { margin-bottom: 1%; }
.panel-center h2 { text-align: center; margin-bottom: 35px !important; } /*margin-bottom:1.38983% !important;*/
.panel-center h2:after { content: ""; display: block; height: 5px; width: 50px; margin: 10px auto 0; position: relative; z-index: 1; background: #E14227; }/*#f9943f*/
.panel-center .text-white h2:after { background: #ffffff; }
.panel-center .hbar-green h2:after { background: #399933; }
.panel-center .hbar-blue h2:after { background: #016fbb; }
.panel-center .hbar-skyblue h2:after { background: #71cce4; }
.panel-center .hbar-lightblue h2:after { background: #d5eff7; }
.panel-center .hbar-grey h2:after { background: #ececec; }
.panel-center .hbar-orange-veloz h2:after { background: #E14227; }

.page-title-title { position: relative; z-index: 3; }

/**** Links ****/
.text-white a { color: #ffffff; text-decoration: underline; }
.text-white a:hover { color: #ffffff; text-decoration: none; }

.gem-slideshow a { color: #ffffff; }
.gem-slideshow a:hover { color: #E14227; }

a.btn {
	font-family: "Raleway";
    font-size: 125%;
    font-style: normal;
    font-weight: 800;
    background: #E14227;
    border: 1px solid #E14227;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    outline: none;
    padding: .8125rem 1rem .5625rem !important;
    margin-top: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .2s cubic-bezier(.47,0,.75,.72);
    transition: all .2s cubic-bezier(.47,0,.75,.72);
    -webkit-appearance: none;
}
a.btn:hover { background: #fff; color: #E14227; border: 1px solid #E14227; }
a.btn.p-outline { background-color: #9f1b96; border-color: #ffffff; }
a.btn.p-outline:hover { background-color: #ffffff; color: #9f1b96; }
a.btn.outline { background-color: transparent; color: #E14227; }
a.btn.outline:hover { background-color: #ffffff; }
.text-white a.btn { background-color: transparent; border-color: #ffffff; }
.text-white a.btn:hover { background-color: #ffffff; }
.panel-center a.btn, .gem-slideshow a.btn { font-size: 100%; }

/**** Lists ****/
.panel-center ul { list-style: disc; margin: 0 0 0 20px; padding: 0; }
.panel-center ul li, .panel-center .wpb_text_column ul li { padding: 0; list-style: disc; }
.panel-center .wpb_text_column ul li:before { position: relative; }

.list-box { padding: 30px 50px; }

/**** Top Area ****/
.top-area-menu .nav-menu > li { padding: 0 10px 0 15px; }
.top-area-menu .nav-menu > li a { padding-right: 5px; }
.top-area-menu .nav-menu > li.menu-item-gtranslate { padding: 0; }
/*.top-area-menu .nav-menu > li.menu-item-gtranslate select { background-color: #222222; color: #ffffff; font-size: 14px; padding: 5px; border-color: #cccccc; }*/
.top-area-menu .nav-menu > li.menu-item-gtranslate select { background-color: #ffffff; color: #9f1b96; font-size: 14px; padding: 5px; border-color: #9f1b96; }
.top-area-menu .nav-menu > li.menu-item-gtranslate a[title|="Spanish"]:before { content: "|"; margin: 0 6px; font-size: 13px; }
html:lang(auto) li.menu-item-gtranslate a[title|="English"] { color: #FBEB71; font-weight: bold; }
html:lang(es) li.menu-item-gtranslate a[title|="Spanish"] { color: #FBEB71; font-weight: bold; }
html:lang(auto) li.menu-item-gtranslate a[title|="English"]:before, html:lang(es) li.menu-item-gtranslate a[title|="Spanish"]:before { color: #ffffff; font-weight: normal; }
.top-area-socials .socials { margin-top: 0; }
.socials-item-icon { vertical-align: middle; line-height: 30px; }
@media (min-width: 1212px) {
	.top-area .container { width: 100%; }
}
@media (max-width: 500px) {
	.top-area-menu .nav-menu { padding-bottom: 10px; }
	.top-area-alignment-right .top-area-items { text-align: center; }
}

/****** Brand & Tagline ******/
.efa-tagline { font-size: 8px; text-align: right; color: #efefef; }
.efa-tagline img { height: 10px; }
footer .efa-tagline img { height: 20px; }
.fixed .efa-tagline { display: none; }
@media screen and (max-width: 979px) {
	.efa-tagline { text-align: center; }
}

/***** Main Navigation *****/
.header-style-3 #primary-menu.no-responsive > li.menu-item-current > a, .header-style-3 #primary-menu.no-responsive > li.menu-item-active > a, .header-style-4 #primary-menu.no-responsive > li.menu-item-current > a, .header-style-4 #primary-menu.no-responsive > li.menu-item-active > a, .header-style-3.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-current > a, .header-style-3.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-active > a, .header-style-4.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-current > a, .header-style-4.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-active > a, .top-area-menu .current-menu-item > a { border: 2px solid #9f1b96; }


/**** Page Title ****/
#page-title::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #666666;
    opacity: .2;

}

.page-id-24666 .page-title-block { background-position: 50% !important; }

@media (min-width: 1200px) {
	.page-id-24666 .block-content .container { padding-left: 0 !important; padding-right: 0 !important; }
}

/*@media (max-width: 767px) {
	.page-id-24666 .page-title-block { padding-bottom: 50px !important; }
} */


/***** Breadcrumbs *****/
.page-title-block .breadcrumbs-container { text-align: left; }
@media (max-width: 768px) {
	.breadcrumbs { font-size: 80%; }
}

/**** Global Layout ****/
.block-content { padding: 0 !important; }
.wpb_row { margin-bottom: 0 !important; padding-top: 50px !important; padding-bottom: 50px !important; }
.wpb_row.vc_inner { padding-top: 0 !important; padding-bottom: 0 !important; }
.home .block-content { padding-top: 0; }
.iframe-container { border: 1px solid #ccc; display: block; margin-bottom: 5.08475%; overflow: hidden; padding-top: 62.5%; position: relative; }
iframe { width: 100%; height: 100%; border: 0; position: absolute; top: 0; left: 0; }
.offset:before { display: block !important; content: " "; height: 121px; margin-top: -121px; visibility: hidden; }
.hidden { display: none !important; }

/**** Homepage ****/
#homegrid .grid-a { min-height: 610px; }
#homegrid .grid-b, #homegrid .grid-c { min-height: 300px; }
#homegrid .grid-d, #homegrid .grid-e, #homegrid .grid-f>div { min-height: 455px; }
#homebox, #homebox .grid-f { min-height: 455px; }

#homegrid h2 { font-family: Raleway, sans-serif; color: #ffffff; text-transform: uppercase; font-size: 50px; font-weight: 800; letter-spacing: normal; line-height: 1; margin-bottom: 0; text-align: left; }
#homegrid h2:after { display: none; }
#homegrid .grid-a h2 { font-size: 75px; }
#homegrid .h-grey h2 { color: #626262; }
#homegrid .h-bg-skyblue h2, #homegrid .h-bg-skyblue h3 { background-color: #71cce4; margin: -16px; padding: 18px; }
.grid-description { width: 38%; }

.grid-c a.btn { background: #ffffff; color: #E14227; }
.grid-c a.btn:hover { color: #626262; }
.grid-b a, .grid-c a { position: absolute; bottom: 20px; }
.grid-b a { right: 16px; }
.grid-c a { left: 16px; }
.refuel { position: absolute; bottom: 20px; text-align: center; width: 100%; margin-left: -1rem; }
a.btn.refuelE, a.btn.refuelH {}
a.btn.refuelE { margin-right: 20px; }
a.btn.refuelH {}
/*@media (min-width: 769px) {
	#homegrid .grid-f h2 { margin-top: 50px; }
}*/
@media (max-width: 768px) {
	#homegrid .grid-a { min-height: 310px; }
	#homegrid .grid-a h2 { font-size: 50px; }
}

/* CSS for EV Market Report Section on Homepage */
.evmr .evmrN { color: #ff4611; font-size: 200%; font-weight: bold; margin-bottom: 10px; }
.evmr .evmrL { color: #1d345e; font-size: 110%; font-weight: bold; line-height: 1.3; }
.evmrM { font-size: 80%; text-align: right; }
.evmrR a:hover { text-decoration: underline; }
@media (width: 768px) {
    .evmr .evmrN { font-size: 150%; }
    .evmr .evmrL { font-size: 90%; }
}
@media (max-width: 767px) {
    .evmr .wpb_single_image img { max-width: 80%; }
    .vLogo.wpb_single_image img { max-width: 30%; }
    .evmrM p { text-align: center; }
}

/* Benefits Icons */
.benefits-icon .wpb_single_image { min-height: 70px; }

/**** Sponsor Grids ****/
#sponsor .contrib-title, #contributor .contrib-logo { display: none; }
.contrib-title { text-align: center; }
.contrib-logo img { margin: 0 auto; }
#camber-sponsor .contrib-logo img { max-width: 70%; padding-bottom: 40px; }

/**** Forms ****/
#zipcode-form #zipcode-input { height: 38px; border-radius: 4px; margin-right: 1rem; border: 1px solid #979797; font-size: 100%; padding: 0 15px; width: 300px; }
#zipcode-form #zipcode-submit { margin: 0; }

/***** Testimonials Child Styles *****/
/* Widget */
.wpb_widgetised_column .testimonials-style-2-image, .wpb_widgetised_column .testimonials-style-1-image { height: 0; }
.wpb_widgetised_column .testimonials-style-1-item, body .wpb_widgetised_column .testimonials-style-2-item { background: #ffffff; border: 1px solid #efefef; }
.wpb_widgetised_column .testimonials-style-1-item { border-radius: 60px; }
.wpb_widgetised_column .efa-widget-testimonial .testimonials-style-1-teg { color: #ffffff; background-color: transparent; }
.wpb_widgetised_column .efa-widget-testimonial .testimonials-style-2-teg { color: #E14227; }
.efa-widget-testimonial .testimonials-style-1-teg, .efa-widget-testimonial .testimonials-style-2-teg { padding-top: 0; padding-bottom: 10px; text-align: left; }
.efa-widget-testimonial .testimonials-style-1-item .gem-testimonial-text { padding: 35px 20px 45px; border-radius: 60px; text-align: left; color: #ffffff; background-color: #9f1b96; }
.efa-widget-testimonial .testimonials-style-2-item .gem-testimonial-text { padding-top: 35px; padding-bottom: 45px; }
.efa-widget-testimonial .testimonials-style-1-item .wrap-style { top: -4px; bottom: 0; fill: #9f1b96; }
.wpb_widgetised_column .efa-widget-testimonial .testimonials-style-1-name.gem-testimonial-name, .wpb_widgetised_column .efa-widget-testimonial .testimonials-style-2-name.gem-testimonial-name  { margin-top: 114px; padding-top: 14px; }
.wpb_widgetised_column .efa-widget-testimonial .testimonials-style-1-name.gem-testimonial-name, .wpb_widgetised_column .efa-widget-testimonial .testimonials-style-2-name.gem-testimonial-name, .wpb_widgetised_column .efa-widget-testimonial .testimonials-style-1-post.gem-testimonial-position, .wpb_widgetised_column .efa-widget-testimonial .testimonials-style-2-post.gem-testimonial-position { background-color: transparent; }


.gem-widget-testimonials-navigation-style-1 .gem-widget-testimonials-prev-style-1.gem-prev::after, .gem-widget-testimonials-navigation-style-1 .gem-widget-testimonials-next-style-1.gem-next::after, .gem-widget-testimonials-navigation-style-2 .gem-widget-testimonials-prev-style-2.gem-prev::after, .gem-widget-testimonials-navigation-style-2 .gem-widget-testimonials-next-style-2.gem-next::after { background-color: transparent; top: 50%; }

.gem-widget-testimonials-navigation-style-1 .gem-widget-testimonials-prev-style-1.gem-prev::after, .gem-widget-testimonials-navigation-style-1 .gem-widget-testimonials-next-style-1.gem-next::after { color: #9f1b96; }
.gem-widget-testimonials-navigation-style-2 .gem-widget-testimonials-prev-style-2.gem-prev::after, .gem-widget-testimonials-navigation-style-2 .gem-widget-testimonials-next-style-2.gem-next::after { color: #E14227; }

.gem-widget-testimonials-navigation-style-1 .gem-widget-testimonials-prev-style-1.gem-prev:hover::after, .gem-widget-testimonials-navigation-style-1 .gem-widget-testimonials-next-style-1.gem-next:hover::after { background-color: #9f1b96; color: #ffffff; }
.gem-widget-testimonials-navigation-style-2 .gem-widget-testimonials-prev-style-2.gem-prev:hover::after, .gem-widget-testimonials-navigation-style-2 .gem-widget-testimonials-next-style-2.gem-next:hover::after { background-color: #E14227; color: #ffffff; }
/* Element */
.style1.gem-testimonials { background-color: #9f1b96; border-radius: 55px; }
.gem-testimonials.style1 .gem-testimonial-wrapper, .gem-testimonials.style2 .gem-testimonial-wrapper { padding: 0 50px; }
.gem-testimonials.style1 .gem-testimonial-wrapper p:before, .gem-testimonials.style2 .gem-testimonial-wrapper p:before { content: '\e60b'; font-family: 'thegem-icons'; font-size: 60px; height: 33px; display: block; line-height: 33px; margin-bottom: 10px; vertical-align: top; margin-left: 0; font-style: normal; font-weight: normal; }
.gem-testimonials.style1 .gem-testimonial-wrapper p:before { color: #ffffff; }
.gem-testimonials.style2 .gem-testimonial-wrapper p:before { color: #E14227; }
.gem-testimonials.style1 .gem-testimonial-item .gem-testimonial-wrapper:after, .gem-testimonials.style2 .gem-testimonial-wrapper .gem-testimonial-content p:after { display: none; }
.gem-testimonials.style1 .gem-testimonial-item.thegem_testimonial, .gem-testimonials.style2 .gem-testimonial-item.thegem_testimonial { padding: 50px 0; }
.gem-testimonials.style2 .gem-testimonial-item .gem-testimonial-content { padding-left: 0; }
.gem-testimonials.style1 .gem-testimonial-item .gem-testimonial-content .gem-testimonial-text { text-align: left; padding: 0; margin-top: 14px; }
.gem-testimonials.style2 .testimonial-meta { padding-top: 40px; }
.gem-testimonials.style1 .testimonial-meta .gem-testimonial-name, .gem-testimonials.style1 .testimonial-meta .gem-testimonial-position, .gem-testimonials.style2 .testimonial-meta .gem-testimonial-name, .gem-testimonials.style2 .testimonial-meta .gem-testimonial-position { text-align: left; }
.gem-testimonials.style1 .gem-testimonial-item .gem-testimonial-content .gem-testimonial-text, .gem-testimonials.style1 .testimonial-meta .gem-testimonial-name, .gem-testimonials.style1 .testimonial-meta .gem-testimonial-position { color: #ffffff; }
.gem-testimonials.style1 .gem-testimonials-navigation .gem-prev:after, .gem-testimonials.style1 .gem-testimonials-navigation .gem-next:after { background-color: transparent; color: #ffffff; }
.gem-testimonials.style1 .gem-testimonials-navigation .gem-prev:hover:after, .gem-testimonials.style1 .gem-testimonials-navigation .gem-next:hover:after { background-color: #ffffff; color: #9f1b96; }
.gem-testimonials.style2 .gem-testimonials-navigation .gem-prev:after, .gem-testimonials.style2 .gem-testimonials-navigation .gem-next:after { background-color: transparent; color: #ff4611; }
.gem-testimonials.style2 .gem-testimonials-navigation .gem-prev:hover:after, .gem-testimonials.style2 .gem-testimonials-navigation .gem-next:hover:after { background-color: #E14227; color: #ffffff; }
.gem-testimonials.style2 .testimonials_svg { display: none; }

@media (max-width: 600px) {
  body .efa-widget-testimonial .gem-testimonial-text, body .efa-widget-testimonial .testimonials-style-1-text { line-height: 30px; font-size: 16px; }
}
/***** End Testimonials Child Styles *****/

/**** Footer ****/
#footer-navigation, #footer-navigation li a, footer.custom-footer, footer.custom-footer li a { color: #ffffff !important; }
footer h3 { font-size: 26px; line-height: 30px; color: #fff; }
footer h3 { scroll-margin: 116px 0 0 0; scroll-snap-margin-top: 116px; scroll-margin-top: 116px; }
/*.brand-footer { border-top: 1px solid #ffffff; }*/
.footer-widget-area .widget_media_image { text-align: center; }
.textwidget img.veloz-logo { max-width: 175px; }
.footer-site-info { font-size: 80%; }
/* Subscription Styles */
.panel-text-white, .panel-text-white h3 { color: #ffffff; }
.subscription-panel h3 { font-size: 25px; line-height: 30px; margin-bottom: 0; }
footer .mc4wp-form input[type=text] { width: 100%; }
footer .mc4wp-form input[type=submit] { background-color: transparent; border: 1px solid #ffffff; width: 100%; }
footer .mc4wp-form input[type=submit]:hover { background-color: #ffffff; color: #9f1b96; }
footer .mc4wp-form .list-choices label { padding-right: 10px; }
.evNews-su { }
.su-left, .su-right { width: 50%; }
.su-left { float: left; padding: 0 20px 0 0; }
.su-right { float: right; padding: 0 0 0 20px; }
@media screen and (max-width: 767px) {
	.su-left, .su-right { float: none; width: 100%; padding: 0 0 10px 0; }
}


#menu-item-24355, #menu-item-24356, #menu-item-24357, #menu-item-24358 { display: none !important; } 
.ppt, .pp_details { display: none !important; }
.pp_content { height: auto !important; }


/***** Dealer/Vehicle Pages *****/
/*.list-title { padding-bottom: 15px; border-bottom: 1px solid #cccccc; }*/
.dealer-filter .list-title, .address-sort .list-title { font-size: 85%; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #cccccc; }
.savings .list-title, .electricity .list-title { max-width: 400px; /*float: left;*/ line-height: 2; margin-right: 40px; text-align: left; margin-bottom: 15px; /*margin-left: 40px; */}
.electricity .list-title { border-bottom: 1px solid #ffffff; }
.savings .list-title { border-bottom: 1px solid #cccccc; }
.savings .title-block form, .electricity .title-block form {text-align: left; }
.cLocation { color: #E14227; }
.savings #incentives-results { padding: 0; margin-top: 0; clear: both; }
.savings .dealerChange, .electricity .dealerChange { font-size: small; margin-bottom: 15px; }
.incentiveListprint { display: none; text-align: left;  }
/* DCBA Additions for Preferred Pricing - added 2020-11-10 */
.view-incentives img { max-width: 100%; }
.resMobile { margin-bottom: 15px; border-top: 1px solid #ccc }
.address-sort .resMobile { padding-bottom: 10px; margin-bottom: 5px; border-bottom: 1px solid #ccc; }
.dealer-info .dealer-filter .resMobile h3 { float: none; margin: 10px 0; }
.filter-top h3 { font-size: 18px; display: inline-block; margin: 0; }
.filter-top .clear-all-button { float: right; }
#which-car #car-menu #dcbaUtilBox h3, .dealer-info .dealer-filter #dcbaUtilBox h3 { margin: -15px -15px 15px -15px; background-color: #3d9ed8; padding: 10px; }

@media screen and (max-width: 1192px) and (min-width: 769px) {
	#which-car #main-content #car-list { top: -170px !important; }
}
@media screen and (min-width: 769px) {
	.resMobile { display: none; }
}
@media screen and (min-width: 600px) and (max-width: 768px) {
	.address-sort .right > div { margin-bottom: 15px !important; }
	.address-sort .right .compare-row { width: 50%; display: inline-block; }
	.compare-tooltip { text-align: left !important; }
	.address-sort .right .total-list { width: 50%; float: right; }
	.filter-top .clear-all-button { }
	#which-car #car-list { margin-top: 0 !important; }
}
@media screen and (max-width: 599px) {
	/*.filters label { display: none !important; }*/
	#which-car #car-menu .sort-filter-row .filters .budget-filter, #which-car #car-menu .sort-filter-row .filters .fuel-filter, #which-car #car-menu .sort-filter-row .filters-row select { margin-bottom: 1.69492% !important; }
	.page-id-24828 .page-title-block { padding-top: 0 !important; padding-bottom: 0 !important; }
	.page-id-24828 .page-title-block .breadcrumbs-container { position: relative; }
}
/* End DCBA Added Styles */

/* Fix for z-index issue on Incentive pop-up on Vehicle page - Logo stays on top | Mobile view */
@media screen and (max-width: 599px) {
	.page-id-24666 #main { z-index: 99 !important; }
}

/********** Vehicle Page **********/
/* Compare Function - Trigger */
.compare-row {
    width: span(12);
    display: flex;
    justify-content: center;
    margin: gutter() 0;

    .compare-tooltip {
        display: inline-block;
        margin-right: 1.0rem;
        position: relative;

        .compare-tooltip-box {
            width: 200px;
            background: rgba(0, 0, 0, 0.5);
            border-radius: 10px;
            color: #FFF;
            display: none;
            font-weight: 600;
            line-height: 1.25rem;
            margin: 10px 0 0 -100px;
            padding: 15px 10px;
            position: absolute;
                top: 100%;
                left: 50%;
            text-align: center;
            z-index: 1;
        }
    }
}

#car-list {
    width: span(12);
    display: flex;
    align-items: flex-start;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin-top: gutter();

    &:focus {
        outline: none;
    }

    .vehicle {
        width: span(4);
        height: 568px;
        align-content: center;
        background: rgba(216, 216, 216, 0.5);
        border-radius: 21px;
        display: flex;
        flex-flow: column nowrap;
        margin: 0 ((33.33333% - span(4)) / 2) 33.33333% - span(4) ((33.33333% - span(4)) / 2);
        padding: 24px;

        .vehicle-name-row {
            display: flex;
            flex-flow: row nowrap;
            justify-content: space-around;

            .vehicle-name {
                width: span(11);
                height: 56px;
                flex: 0 1 span(11);
                font-size: 1.75rem;
                margin-bottom: 0.625rem;
            }

            #compare-form {
                width: span(1);
                height: 26px;
                flex: 0 1 span(1);
                margin-top: 3px;

                input[type="checkbox"] {
                    display: none;

                    &:checked + .heart-checkbox {
                    background-image: url(../images/compare-heart-checked.png);
                    }
                }

                .heart-checkbox {
                    height: 0;
                    background-image: url(../images/compare-heart-unchecked.png);
                    background-position: center center;
                    background-repeat: no-repeat;
                    background-size: auto 100%;
                    cursor: pointer;
                    padding-left: 26px;
                    padding-top: 3px;
                }
            }
        }

        .vehicle-picture {
            width: span(12);
            height: 170px;
            text-align: center;

            img {
                height: span(12);
            }
        }

        .vehicle-fuel {
            width: span(3);
            display: block; /*display: flex;*/
            align-items: center;
            justify-content: flex-start;

            .bev, .fcev {
                height: 21px;
                margin: 0 6px 2px 0;
            }

            .phev {
                height: 15px;
                margin: 0 6px 2px 0;
            }
        }

        .vehicle-copy-row {
            display: flex;
            align-items: flex-end;
            flex-flow: row nowrap;

            .vehicle-cost {
                width: span(7);
                line-height: 1.15rem;

                .total-cost {
                    font-size: 2.0rem;
                    margin: 5px 0 -2px 0;
                }
            }

            .vehicle-seats {
                width: span(5);
                font-style: italic;
                padding-left: 1.0rem;
            }
        }

        .incentive-button-container {
            width: span(12);
            margin-top: 2.0rem;

            .incentive-button {
                width: span(7);
                background: rgba(0, 0, 0, 0.2);
                border: none;
                color: #FFF;
                cursor: pointer;
                display: inline-block;
                outline: none;
                padding: 0.5rem 0.875rem 0.3425rem 0.875rem;
                text-align: center;
                text-decoration: none;
                transition: all 200ms cubic-bezier(0.47, 0, 0.75, 0.72);
                -webkit-appearance: none;

                &:hover {
                    background: rgba(0, 0, 0, 0.4);
                    color: #FFF;
                }
            }
        }

        .vehicle-range-row {
            @include clearfix;
            display: flex;
            flex-flow: row nowrap;
            justify-content: space-around;
            margin-top: 2.0rem;

            .vehicle-electric-range {
                width: span(5);

                .total-range {
                    font-size: 1.5rem;
                    display: block;
                    margin-top: 2px;
                }
            }

            .vehicle-total-range {
                width: span(5);

                .total-miles {
                    font-size: 1.5rem;
                    display: block;
                    margin-top: 2px;
                }
            }

            .hov {
                width: span(2);
                text-align: right;

                img { height: 43px; }
            }
        }

        .configure-button {
            width: span(12);
            margin-top: gutter() * 2;
            align-self: flex-end;
            -webkit-appearance: none;
        }
    }
}

@media print {
	html, #page, .preloader { background-color: #ffffff !important; }
	#top-area, #site-header-wrapper, #page-title, .nav-container, .page-header, #zipcode-submit, .footer-left, .footer-nav, .panel .section-title:after, .list-title, .dealerChange, .custom-footer { display: none !important; }
	.car-disclaimer, #car-menu, #car-list, #colophon, #footer-socials, #footer-navigation, .scroll-top-button, #compare-car-window, #which-car #incentive-window .modal-close, .CAdvisor, .preloader, .goog-te-spinner-pos { display: none !important; }
	
	
	
	#which-car #incentive-window { width: 100%; height: 100%; padding: 0; }
	#which-car #incentive-window { position: relative; top: 0; right: auto; bottom: auto; right: auto; }
	#which-car #incentive-window .incentive-modal-window { width: 100% !important; padding: 0; border: none; box-shadow: none; }
	
	/*.container { padding: 0 50px; width: 100%; }*/
	
	article:before { content: "Electric for All | https://www.electricforall.org"; }
	.panel .section-title { font-size: 28px; }

	.incentive-box, #tax-info, #charging-info, #electricity-info, #driving-info { display: block; }
	.incentive, .incentive-row { width: 100% !important; background: none !important; margin: 0 0 15px !important; padding: 0 0 15px !important; }
	.incentive-head { height: auto !important; }
	.incentive-title { font-size: 16px !important; }
	.incentive-purchInfo { padding-top: 15px !important; }
	.incentive-saving { text-align: left !important; }
	.incentive-req { justify-content: normal !important; min-height: 0 !important; }
	.incentive-req div {}
	.incentive-req .income, .incentive-req .usedC {}
	.incentive hr, .incentive-row hr { display: none; }
	.incentive-description { height: auto !important; display: block !important; }
	.incentive-more-info a, .incentive-more-info a.btn, .incentive-more-info a.btn.outline { background-color: transparent; color: #222; text-align: left !important; border: none; padding: 0 !important; font-weight: normal !important; text-transform: none !important; margin: 0 !important; font-family: 'Raleway' !important; }
	
	.incentives-results .incentive-header, .incentive-modal-window .incentive-header { font-size: 18px !important; line-height: 1 !important; margin-top: 0; margin-left: 0 !important; margin-bottom: 5px; }
	.incentive { border-bottom: 1px solid rgba(0,0,0,.06); }
	.incentive:nth-of-type(odd) { background: none !important; }
	
	#clean-fuel-reward { border: none !important; }
	#clean-fuel-reward::after { background-color: transparent !important; color: #222222 !important; }
	.incentive-req .income, .incentive-req .usedC { background-color: transparent !important; }
	
	/*.content-row { width: 100%; max-width: 100%; margin: 0; }
	.incentive-saving, .incentive-info { float: none; width: 100%; }*/
	/*.incentive-saving { width: 30%; }
	.incentive-info { width: 68%; }*/
	#footer-new .footer-left, #footer-new .footer-right { display: block; width: 100%; float: none; }
	#footer-nav, #footer-new { background-color: #ffffff !important; padding: 0; margin: 0; color: #000000; }
	.footer-site-info, .footer-site-info a { color: #000000 !important; }
	#footer-new .footer-disclaimer { margin-top: 0; }
	
	a:link:after, a:visited:after { content:" " attr(href) " "; }
	p, .incentive-saving { font-size: 14px !important; line-height: 1.2 !important; }
	.incentiveListprint { display: block !important; float: left; text-align: left; width: 200px; margin: 0; font-size: 22px !important; }
	.savings .title-block form { float: left; max-width: 300px; }
	.savings #incentives-form #zipcode-input { border: none; font-size: 22px; height: 50px; font-family: 'IntroBold'; padding: 0; }
	.savings #incentives-results { padding-top: 10px; }
	/*.savings.wpb_row { padding-bottom: 0 !important; }*/
}