/*
 * Widget Page Structure (Mobile)
 *
 * Loaded for widget pages via a media query link tag.
 * This file exists to keep responsive/mobile overrides separate from
 * files/css/front/widget_page_structure.css (desktop/base styles).
 */

/* Incentive Page Styles Mobile */
@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: flex-start;
	}
	.hero_kba_container {
		margin-top: 2rem;
	}
	.hero_kba_block, .banner_two_kba_block {
		width: 100%;
		height: auto;
		justify-content: flex-start;
	}
*/

}
/* Incentive Page Styles Mobile */

/* Incentive Cards: responsive column breakdown (4 → 3 → 2 → 1) */
@media screen and (max-width: 1280px) {
	.incentive_cards li {
		width: calc((100% - 4rem) / 3);
	}
}

@media screen and (max-width: 960px) {
	.incentive_cards li {
		width: calc((100% - 2rem) / 2);
	}
}

@media screen and (max-width: 500px) {
	.incentive_cards li {
		width: 100%;
	}
}

/* Charging Map Key & Charging Description */

/* Global Widget Mobile (from sitemobile.css) */

/*
	Header / nav mobile responsiveness (legacy from sitemobile.css)
	Commented out for now until we confirm if it's still needed.

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

		Header
		.header {
			height: auto;
			flex-wrap: wrap;
		}
		.m_nav_dropdown_container {
			display: flex;
			margin-left: auto;
			align-items: center;
			cursor: pointer;
		}
		.m_nav_dropdown_button {
			width: auto;
			height: 86px;
			background: transparent;
			background-color: transparent;
			border: none;
		}
		.menu-icon {
			width: 2.5em;
			height: 2.5em;
			fill: #0071eb;
		}
		nav {
			display: none;
			width: 100%;
			flex-basis: 100%;
			height: auto;
			justify-content: flex-start;
			background-color: #222 !important;
			margin-bottom: 30px;
		}
		nav ul {
			width: 95%;
			height: auto;
			margin: 0px auto;
		}
		nav li {
			margin-left: 0px;
			width: 100%;
			height: auto;
			display: flex;
		}
		.with_dropdown {
			width: 100%;
			height: auto;
			display: flex;
			flex-direction: column;
		}
		.nav-item {
			width: 100%;
			height: auto;
		}
		.is-opened > .nav-item-span {
			box-shadow: 0 0px 0 0 #0071eb;
		}
		.nav_dropdown_container {
			display: none;
			position: static;
			top: initial;
			left: initial;
			z-index: initial;
			min-width: 100%;
		}
		.carrot_indicator {
			display: none;
		}
		.nav_dropdown_wrap {
			width: 100%;
		}
		.nav_dropdown li a:hover {
			color: #0071eb;
		}
		Header

	}

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

	}

	True Mobile Size
	@media screen and (max-width: 500px) {
	.header_logo img {
		width: 50vw;
	}
	}
	True Mobile Size
*/

/* Global Widget Mobile (from sitemobile.css) */

/* Widget Hero (port from EV Hub widget mobile rules) */
@media screen and (max-width: 1000px) {
	/* Section Hero */
	.wp_hero_container {
		padding-bottom: 3rem;
		width: 100%;
		height: auto;
		position: relative;
	}
	/*
	.hero_title .wp_hero_title_overlay {
		display: none;
	}
	*/
	.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;
		background-repeat: no-repeat;
	}
	#incentives_banner_image {
		background: url(../../../../../../cm_jdp_ev_assets/widget_page_banners/incentives_banner_rebrand.jpg) no-repeat center center;
	}
	#charging_stations_banner_image {
		background: url(../../../../../../cm_jdp_ev_assets/widget_page_banners/charging_stations_banner_rebrand.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_rebrand.jpg) no-repeat center center;
	}
	#route_planner_banner_image {
		background: url(../../../../../../cm_jdp_ev_assets/widget_page_banners/route_planner_banner_rebrand.jpg) no-repeat center center;
	}
	#savings_calculator_banner_image {
		background: url(../../../../../../cm_jdp_ev_assets/widget_page_banners/savings_calculator_banner_rebrand.jpg) no-repeat center center;
	}
	#maps_banner_image {
		background: url(../../../../../../cm_jdp_ev_assets/widget_page_banners/range_map_banner_rebrand.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;
		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 */
}
/* Widget Hero */

/* Widget Articles (match Hybrid/EV Hub responsive behavior) */
@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;
	}
}
@media screen and (max-width: 800px) {
	.w_articles_section {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}
	.news_articles_container {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}
}

/* Mobile */


@media screen and (max-width: 900px) {
	.charging_description_items {
		flex-direction: column;
		column-gap: 2rem;
	}
}
@media screen and (max-width: 700px) {
	.charging_pin_small {
		margin-right: .3rem;
		width: 18px;
	}
	.map_key_item h3 {
		font-size: 3vw;
		line-height: 2rem;
	}
	.map_key_item h3 a:link, .map_key_item h3 a:visited {
		margin-top: 1rem;
		font-size: 2vw;
		line-height: 1rem;
	}
	.article_link_preview h4 a:link,
	.article_link_preview h4 a:visited {
		font-size: 4vw;
	}
}
@media screen and (max-width: 500px) {
	.charging_pin_small {
		margin-right: .3rem;
		width: 12px;
	}
	.map_key_item h3 {
		font-size: 3vw;
		line-height: 2rem;
	}
	.map_key_item h3 a:link, .map_key_item h3 a:visited {
		margin-top: 1rem;
		font-size: 1.5vw;
		line-height: 1rem;
	}
}
/* Mobile */

/* Charging Map Key & Charging Description */