/* Home Page */
/* Hero Section */
@media screen and (max-width: 1465px) {
	.welcome_hero_content {
		height: 100vh;
		flex-direction: column;
		justify-content: center;
	}
	.hero_left_column {
		width: 100%;
		height: auto;
	}
	.hero_right_column {
		width: 100%;
		height: auto;
	}
	.video_controls {
		justify-content: center;
	}
	.hero_kba_container {
		margin-top: 2rem;
	}
	.hero_text_block h1 {
		text-align: center;
	}
	.hero_text_block {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.welcome_hero h2 {
		margin-bottom: 0rem;
		text-align: center;		
	}
	.video_controls .hero_button {
		width: auto;
		justify-content: center;
	}
	.hero_kba_block {
		height: auto;
	}
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 900px) {

	.welcome_hero_overlay_bottom {
		height: 100vh;
		background: linear-gradient(360deg, rgba(8, 7, 15, .9) 50%, rgba(0, 0, 0, 0) 100%);
	}
	.hero_overlay_fill {
		display: block;
	}
	.welcome_hero_content {
		margin-top: 0%;
	}
	.bold_hero_text {
		width: 100%;
		font-weight: 600;
	}
	.thin_hero_text {
		width: 100%;
		font-weight: 200;
		font-size: 10vw;
	}
	.welcome_hero h2 {
		font-size: clamp(1rem, 4vw, 1.125rem);
		line-height: 1.7;
		max-width: 90vw;
	}
	.video_controls {
		display: none;
	}
	.kba_margy_left {
		margin-left: 3%;
	}
	.hero_kba_block, .banner_two_kba_block {
		width: 100%;
		height: auto;
		justify-content: center;
	}
	.hero_kba_item {
		margin-top: 2rem;
	}
}

/* Match Hybrid breakdown: add hero content block background + stacked CTAs */
@media screen and (max-width: 870px) {
	.hero_content_block_bg {
		width: 100%;
		height: auto;
		padding-top: 3rem;
		padding-bottom: 3rem;
		background-color: rgb(0,0,0, .5);
	}
	.hero_kba_container {
		width: 90%;
		height: auto;
		margin: 0px auto;
	}
	.hero_kba_container .hero_kba_block {
		flex-direction: column;
		align-items: stretch;
	}
	.hero_kba_item {
		width: 100%;
	}
	.hero_kba_container .hero_kba_block .hero_kba_item.kba_margy_left {
		margin-top: 4rem;
	}
	.hero_kba_container .hero_kba_block .kba_margy_left {
		margin-left: 0;
	}
	.kba_primary {
		display: flex;
		justify-content: center;
		width: 100%;
	}
	.kba_primary a:link, .kba_primary a:visited {
		width: 100%;
		justify-content: center;
		font-family: 'NeulisSans', sans-serif !important;
		font-weight: 900;
	}
}
@media screen and (max-width: 800px) {

	/* General Page styles */
	.shape {
		display: none;
	}
	/* General Page Styles */
}
@media screen and (max-width: 700px) {
	.hero_text_block h1 {
		font-size: 10vw;
        line-height: 10vw;
	}
	.welcome_hero_content p {
		margin-left: 0rem;
		font-size: 3vw;
		line-height: 6vw;
		font-weight: bold;
	}
	.hero_kba_container {
		width: 90%;
		height: auto;
		margin: 0px auto;
	}
	.hero_kba_block {
        flex-direction: column;
    }
	.hero_kba_container .hero_kba_block {
		align-items: stretch;
	}
	.welcome_kbas {
		margin-left: 0rem;
		display: block;
	}
	.welcome_kba a:link,
	.welcome_kba a:visited {
		padding-top: 3%;
		padding-bottom: 3%;
		font-size: 2vw;
	}
	.hero_kba_container .hero_kba_block .kba_margy_left {
		margin-left: 0;
	}
	.kba_primary {
		display: flex;
		justify-content: center;
		width: 100%;
	}
	.kba_primary a:link, .kba_primary a:visited {
		width: 100%;
		justify-content: center;
		font-family: 'NeulisSans', sans-serif !important;
		font-weight: 900;
	}
	.kba_margy_left {
		margin-left: 0%;
	}
	.breadcrumbs_content P {
		font-size: 1.2rem;
	}
	#ev_apps_list {
		gap: 0rem;
	}
}
@media screen and (max-width: 600px) {
	.welcome_hero_content p {
		margin-left: 0rem;
		font-size: 4vw;
		line-height: 6vw;
		font-weight: bold;
	}
	.hero_kba_block, .banner_two_kba_block {
		flex-direction: column;
	}
	.kba_margy_left {
		margin-left: 0px;
	}
	.kba_transparent_red {
		width: 100%;
	}
	.kba_transparent_red a:link, .kba_transparent_red a:visited {
		padding-left: 0rem;
		padding-right: 0rem;
		width: 100%;
		justify-content: center;
	}
	.kba_transparent_red a:link, .kba_transparent_red a:visited {
		padding-left: 0rem;
		padding-right: 0rem;
		width: 100%;
		justify-content: center;
	}
}
@media screen and (max-width: 500px) {
	#hero_video {
		display: none;
	}
	.welcome_hero_overlay_left_side {
		opacity: 1;
	}
	.hero_overlay_fill {
		background: rgb(0, 0, 0, .7);
	}
	.welcome_hero_image { 
		display: block;
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: -2;
		width: 100vw;
		height: 100vh;
		overflow: hidden;
	}
	.welcome_hero_image img { 
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}
@media screen and (max-width: 400px) {
	.kba_icon img {
		width: auto;
		height: auto;
		max-width: 52px;
		max-height: 52px;
	}
	.top_text {
		font-size: 4.5vw;
	}
	.bottom_text {
		font-size: 6.6vw;
	}
}

@media screen and (max-width: 376px) {
	.hero_apps_container {
		justify-content: flex-start;
	}
}
/* Hero Section */

/* Tools & Resources Section */
@media screen and (max-width: 1465px) {
	.tool_cards li {
		width: 47%;
	}
	.tool_card_header_inner {
		height: 300px;
	}
	.tool_card_text {
		height: auto;
	}
}
@media screen and (max-width: 1109px) {
	.article_column_left {
		width: 100%;
	}
	.article_frame_texture {
		display: none;
	}
	.article_image {
		width: 100%;
		max-width: 100%;
		height: auto;
	}
	.article_image::after {
		top: auto;
		bottom: 0;
		left: 0;
		right: 0;

		width: 100%;
		height: 20%; /* bottom 20% coverage */

		background: linear-gradient(
		to top,                     /* fade upward */
		rgba(255,255,255,1) 0%,     /* white at VERY bottom */
		rgba(255,255,255,0) 100%    /* fade to transparent */
		);
	}
	.article_column_right {
		width: 100%;
	}
	.tool_cards_container {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}
	.section_title h2 {
		text-align: center;
	}
	.tools_resources_wrap {
		width: 100%;
		max-width: 1030px;
		height: auto;
		margin: 0px auto;
	}
	.article_flex_col {
		flex-direction: column;
	}
	.article_preview_text h2 {
		text-align: center;
		margin-top: 0rem;
    	margin-left: 0px;
	}
	.article_preview_text p {
		margin-top: 1rem;
	}

	.tools_resources_container {
		padding-top: 5rem;
	}
	.tools_resources_page {
		margin-top: 0rem;
		padding-top: 0rem;
	}
	.tool_cards_container {
		padding-top: 0rem;
		padding-bottom: 0rem;
	}
	.view_all_app_cards_container {
		padding-bottom: 1rem;
	}

}
@media screen and (max-width: 1030px) {
	.page_intro_block {
		padding-top: 5rem;
	}
}
@media screen and (max-width: 800px) {
	.tool_cards_container {
		margin-top: 0rem;
	}
	.tool_cards ul {
		flex-direction: column;
	}
	.tool_cards li {
		width: 100%;
	}
	.tool_cards li a:link, .tool_cards li a:visited {
		height: inherit;
	}
	.tool_card_flex {
		background: linear-gradient(360deg, rgba(8, 7, 15, .9) 10%, rgba(0, 0, 0, 0) 100%);
	}
	.tool_card_header_inner {
		flex-direction: column;
		height: 100;
	}
	.tool_card_icon_container {
		justify-content: center;
	}
	.tool_card_icon {
		width: 80px;
		height: 80px;
		background-color: #1A1A1A;
		isolation: isolate;
		box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
		background-size: 60px 216px;
	}
	.tool_card_text {
		margin-top: 1rem;
		margin-left: 0px;
		align-items: center;
	}
	.tool_card_text h3 {
		text-align: center;
	}
	.tool_card_text p {
		text-align: center;
	}
	#load_more_apps {
		font-size: inherit;
	}
}
@media screen and (max-width: 700px) {
	.tools_resources_container .section_title h2 {
			font-size: 10vw;
			line-height: 10vw;
	}
	.article_preview_text h2 {
		font-size: 10vw;
    	line-height: 10vw;
	}
	.articles li {
		padding-bottom: 2rem;
	}
	.article_preview_tag_name {
		margin-top: 1.5rem;
	}

	.article_preview_tag_name h3 {
		font-size: 1.4rem;
		text-transform: uppercase;
	}
}
/* Tools & Resources Section */
/* Banner Two */
@media screen and (max-width: 1462px) {
	.featured_image_container {
		display: none;
	}
	.banner_para {
		width: 100%;
	}
	.banner_para h2,
	.banner_para h3 {
		text-align: center;
	}
	.banner_para p {
		text-align: center;
	}
	.banner_two_kba_block {
		margin-top: 2rem;
		display: flex;
		flex-direction: column;
		gap: 1.5rem;
		justify-content: center;
		align-items: center;
    }
}
@media screen and (max-width: 1200px) {
	.banner_two {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.banner_two h1 {
		font-size: 8.5vw;
		line-height: normal;
	}
	.banner_para p {
		width: 100%;
	}
	.banner_two_columns {
		flex-direction: column;
	}
	.banner_para {
		display: block;
		width: 100%;
	}
	/* Banner Two */
}
@media screen and (max-width: 700px) {
	.banner_para h2 {
		font-size: 10vw;
        line-height: 10vw;
	}
}
@media screen and (max-width: 600px) {
	.large_ad_container {
		width: 100%;
		height: 110vh;
		background-color: #000;
		position: relative;
		background: url(../../../../../../cm_jdp_ev_assets/backgrounds/banner_two.jpg) no-repeat center center fixed;
		-webkit-background-size: auto 100%;
		-moz-background-size: auto 100%;
		-o-background-size: auto 100%;
		background-size: auto 100%;
	}
}
/* Banner Two */
/* Common EV Questions Section */
@media screen and (max-width: 1285px) {
}
@media screen and (max-width: 900px) {
	.large_ad_container {
		padding-top: 5rem;
		padding-bottom: 5rem;
		height: auto;
	}
	.large_ad_overlay_bottom {
		height: 100%;
		background: #102330;
		background: linear-gradient(360deg, rgba(16, 35, 48, 0.9) 5%, rgba(16, 35, 48, 0) 100%);
	}
	.banner_two {
		height: auto;
	}
	.hero_kba_item {
		height: auto;
		flex-direction: column;
	}
	.c_hero_overlay_bottom {
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 3;
		width: 100%;
		height: inherit;
		background: rgb(0, 0, 0);
		background: linear-gradient(360deg, rgba(8, 7, 15, 1) 0%, rgba(3, 3, 3, 0) 50%);
		opacity: 1;
	}
}
@media screen and (max-width: 1030px) {
	.large_ad_container {
	    background: url(../../../../../../cm_jdp_ev_assets/backgrounds/banner_two.jpg) no-repeat 78% center;	
		-webkit-background-size: auto 100%;
		-moz-background-size: auto 100%;
		-o-background-size: auto 100%;
		background-size: auto 100%;
	}
	.cq_video_title p {
		width: 100%;
	}
/* Not Sure About This Code */
	#na_title:after {
		width: 18rem;
	}
	.common_questions_content_layer {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	.cq_container_bg {
		margin-top: 3rem;
	}
	.cq_question_content {
		flex-direction: column;
	}
	.question_video_container {
		width: 100%;
	}
	.cq_content_container {
		margin-top: 3rem;
		width: 100%;
	}
	.cq_content {
		margin-left: 0%;
		width: 100%;
		height: auto;
		position: relative;
	}
	.safety_list_item:first-child {
		margin-top: 0px;
	}
	.sl_title {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
/* Not Sure About This Code */
}
@media screen and (max-width: 900px) {
}
@media screen and (max-width: 700px) {
	.sl_text {
    	width: 80%;
	}
	.section_title h2 {
		font-size: 10vw;
		line-height: 10vw;
	}
	.common_questions_container .section_title h2 {
		font-size: 10vw;
		line-height: 10vw;
	}
	.tr_button_wrap {
		max-width: auto;
		width: 95%;
	}
	.q_a_video_wrap {
		width: 300px;
		height: auto;
		margin: 0px auto;
	}
	.cq_video_title p {
		font-size: 6vw;
	}
}
@media screen and (max-width: 400px) {
	.q_a_video_wrap {
		width: 100%;
		height: auto;
		margin: 0px auto;
	}
}
/* Common EV Questions Section */

/* News & Articles Section */
@media screen and (max-width: 1150px) {
	.section_nav_dark {
		box-shadow: none;
	}
	.section_nav {
		background-color: unset;
	}
	.section_nav ul {
		display: none;
	}
	.section_nav_selector {
		text-decoration: none;
		display: inline-block;
		padding-left: 1rem;
		padding-right: 3rem;
		height: 35px;
		text-transform: capitalize;
		font-weight: normal;
		font-size: 1.5rem;
		color: #fff;
		background-color: #1A1A1A;
		border: 1px solid rgba(255, 255, 255, .2) !important;
		border-radius: 5px;
	}
	.section_nav_option {
		font-weight: normal;
		font-size: 1.2rem;
		color: #fff;
		background-color: #212121;
		cursor: pointer;
	}
}
@media screen and (max-width: 1030px) {
	.articles {
		margin-top: 0px;
	}
	.articles li {
		margin-top: 2rem;
		width: 100%;
		height: auto;
	}

	.article_preview {
		flex-direction: column;
	}
	.article_content_ts {
		width: 100%;
	}
	.article_preview_title {
		width: 100%;
	}
	.article_preview_media {
		width: 100%;
		height: auto;
	}
	.article_preview_tag_name {
		top: 1rem;
	}
	.articles_wrap_preview_inner {
		padding-top: 2rem;
		padding-bottom: 2rem;
		width: 100%;
	}
	.article_preview > .articles_wrap_preview_inner {
		margin-left: 0px;
	}
	.article_link_wrap {
		width: 100%;
	}
	.article_link_preview h4 a:link,
	.article_link_preview h4 a:visited {
		width: 100%;
		font-size: 2vw;
	}
	.view_all_articles_container {
		display: none;
	}
}
@media screen and (max-width: 700px) {
	#see_articles, #hide_articles {
		margin-top: 2rem;
		display: block;
		width: 100%;
		height: auto;
		padding-top: 10px;
		padding-bottom: 6px;
		transition: .4s ease;
		outline: none;
		outline-style: none;
		text-decoration: none;
		text-transform: capitalize;
		text-align: center;
		background-color: #3d3c3d;
		color: #fff;
		font-size: 1.6rem;
		font-weight: normal;
		border-radius: 5px;
		opacity: .5;
		cursor: pointer;
	}
	#see_articles:hover {
		opacity: 1;
	}
	.section_header {
		flex-direction: column;
	}
	.article_preview_title h2 {
		font-size: 8vw;
		line-height: 8vw;
		text-transform: uppercase;
		font-weight: 700;
	}
	.section_nav {
		margin-left: 0%;
		justify-content: center;
	}
	.section_nav_selector {
		width: 100%;
	}
	.article_see_more {
		width: 20px;
	}
	#hide_articles {
		display: none;
	}
	.articles li {
		width: 100%;
	}
	.news_articles_container .section_title h2 {
		font-size: 10vw;
		line-height: 10vw;
	}
	.article_link_preview h4 a:link,
	.article_link_preview h4 a:visited {
		font-size: 4vw;
	}
}
/* News & Articles Section */
/* Patrons */
@media screen and (max-width: 1030px) {
	.patrons_container {
	   /* background: url(../../../../../../cm_jdp_ev_assets/backgrounds/kia_featured-content_desktop_inspired-to-move.jpg) no-repeat center center fixed; */
	    background: url(../../../../../../cm_jdp_ev_assets/patrons/cev_bg.jpg) no-repeat 78% center;
		-webkit-background-size: auto 100%;
		-moz-background-size: auto 100%;
		-o-background-size: auto 100%;
		background-size: auto 100%;
	}
	#p_slide_1 {
		padding-top: 4rem;
		padding-bottom: 4rem;
		height: auto;
	}
	.p_content_layer {
		height: auto;
	}
	.p_content_text {
		height: auto;
	}
}
@media screen and (max-width: 900px) {
	.patrons_header h1 {
		font-size: 8vw;
		line-height: 12vw;
		font-weight: 200;
	}
	.patrons_header h2 {
		font-size: 6vw;
	}
	.patrons_header p {
		width: 90%;
	}
}
@media screen and (max-width: 700px) {
	.patrons_header h2 {
		font-size: 10vw;
		line-height: 10vw;
	}
	.p_content_text h3 {
		font-size: 8vw;
	}
	.patrons_header p {
		margin-top: 1rem;
		color: #fff;
		font-weight: normal;
		font-size: 1.6rem;
		line-height: 2.8rem;
	}
	.p_content_text h6 a:link,
	.p_content_text h6 a:visited {
		padding-top: 3%;
		padding-bottom: 3%;
		font-size: 5vw;
	}
}
@media screen and (max-width: 700px) {
	.modal {
		padding: 50px;
		width: 70% !important;
	}
	.wp_hero_container {
		background-position-y: 0px;
	}
}
/* Patrons */
/* Home Page */

/* Widget Pages */
@media screen and (max-width: 1000px) {
	/* Section Hero */
	.wp_hero_container {
		padding-bottom: 3rem;
		width: 100%;
		height: auto;
		position: relative;
	}
	.wp_hero_wrap {
		width: 100%;
	}
	/* Banner */
	.wp_banner_content_wrap {
		width: 90%;
	}
	.wp_hero_text {
		justify-content: center;
	}
	.hero_banner_image {
		display: none;
	}
	.mobile_banner_image {
		display: block;
		width: 100%;
		height: 275px;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		position: relative;
	}
	#incentives_banner_image {
		background: url(../../../../../../cm_jdp_ev_assets/widget_page_banners/incentives_banner_mobile.jpg) no-repeat center center;
	}
	#charging_stations_banner_image {
		background: url(../../../../../../cm_jdp_ev_assets/widget_page_banners/charging_stations_banner_mobile.jpg) no-repeat center center;
	}
	#emissions_calculator_banner_image {
		background: url(../../../../../../cm_jdp_ev_assets/widget_page_banners/emissions_calculator_banner_mobile.jpg) no-repeat center center;
	}
	#home_chargers_banner_image {
		background: url(../../../../../../cm_jdp_ev_assets/widget_page_banners/home_chargers_banner_mobile.jpg) no-repeat center center;
	}
	#range_map_banner_image {
		background: url(../../../../../../cm_jdp_ev_assets/widget_page_banners/range_map_banner_mobile.jpg) no-repeat center center;
	}
	#route_planner_banner_image {
		background: url(../../../../../../cm_jdp_ev_assets/widget_page_banners/route_planner_banner_mobile.jpg) no-repeat center center;
	}
	#savings_calculator_banner_image {
		background: url(../../../../../../cm_jdp_ev_assets/widget_page_banners/savings_calculator_banner_mobile.jpg) no-repeat center center;
	}
	#maps_banner_image {
		background: url(../../../../../../cm_jdp_ev_assets/widget_page_banners/maps_banner_mobile.jpg) no-repeat center center;
	}
	.wp_hero_overlay_bottom_mobile {
		display: block;
		position: absolute;
		bottom: 0px;
		left: 0px;
		z-index: 1;
		width: 100%;
		height: 100%;
		background: rgb(0, 0, 0);
		background: linear-gradient(360deg, rgba(0, 0, 0, .5) 9%, rgba(0, 0, 0, 0) 100%);
	}
	.wp_hero_text h1 {
		font-family: 'NeulisSans', sans-serif !important;
		font-size: 10vw;
		line-height: 10vw;
		font-weight: 400;
		letter-spacing: 0;
		text-align: center;
		color: #fff;
	}
	.bold_hero_text {
		display: block;
	}
	.wp_hero_text h2 {
		margin-bottom: 1rem;
		text-align: center;
		color: #fff;
	}
	/* Banner */

	.wp_hero_content_layer {
		position: relative;
		top: unset;
		left: unset;
		z-index: 3;
		height: auto;
	}
	.wp_hero_icon_image {
		margin-bottom: 1rem;
	}
	/* Section Hero */

	/* Three Col Section */
	.three_col_sec {
		padding-top: 1rem;
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
	}
	.three_col_sec > div {
		width: 33.3%;
		min-height: 60px;
		height: auto;
	}
	.hero_breadcrumbs P {
		text-align: center;
	}
	.hero_bread_kba P {
		text-align: center;
	}
	/* Three Col Section */
	/* Icon Nav */
	.icon_nav_bg {
		padding-bottom: 0px;
	}
	.hero_apps_container {
		padding-top: 1rem;
		padding-bottom: 3rem;
		overflow-x: scroll;
		overflow-y: hidden;
		width: auto;
	}
	/*
	.hero_apps_container {
		padding-top: 1rem;
		padding-bottom: 3rem;
		justify-content: center;
	}
	*/
	/* Icon Nav */

	/* Section Widget Application */
	.incentive_cards ul {
		flex-direction: column;
	}
	.incentive_cards li {
		width: 100%;
	}
	/* Section Widget Application */
}

/* Sales Funnel */
@media screen and (max-width: 1600px) {

	.sales_funnel_contaner {
		height: auto;
	}
	.sales_funnel_block {
		justify-content: center;
	}
	.funnel_content {
		height: auto;
	}
	.funnel_vehicle {
		display: none;
	}
	.funnel_logo_bg {
		margin-top: 0%;
	}
	.funnel_logo {
		flex-direction: column;
	}
	.funnel_jdp_category_page_title p a:link, .funnel_jdp_category_page_title p a:visited {
		display: block;
		width: 100%;
		text-align: center;
	}
	.funnel_content h2 {
		width: 100%;
		text-align: center;
	}
	.thin_funnel_text {
		margin-top: 2rem;
		display: block;
		line-height: 3rem;
	}
	.funnel_kba_block {
		width: 100%;
	}
}
/* Sales Funnel */
/* Widget Pages */