/*--------------------------------------------------------------
LAYOUT CONFIGURATION
---------------------------------------------------------------
Purpose : Defines layout settings 
Updated : April 2025
Author  : Electricity Ratings
--------------------------------------------------------------*/

/* base theming 
-----------------------------------------------*/
:root {
	--big-display-font: "Barlow Condensed", sans-serif;
	--widget-icon-font: 'Material Symbols Outlined';
	--icon-star-size-lg-screen: 20px;
	--icon-arrow-down: '\e313';
    --icon-arrow-right: '\e5e1';
    --icon-x: '\e5cd';
    --icon-pin: '\f14d';
    --icon-checkbox: '\e835';
    --icon-checkbox-checked: '\e834';
    --icon-minus: '\e15b';
    --icon-plus: '\e145';
    --icon-electric: '\ea0b';
    --icon-gas: '\f16a';
    --icon-sort: '\e8d5';
    --icon-filter: '\e429';
    --icon-search: '\e8b6';
    --icon-lock: '\e897';
    --icon-calendar: '\e614';
    --icon-calendar-dates: '\ebcc';
    --icon-star: '\f0ec';
    --icon-star-half: '\ec45';
    --icon-star-hollow: '\f0ec';
    --icon-sheet: '\e873';
    --icon-etf: '\f5a2';
    --icon-contract: '\f5a0';
    --icon-mrc: '\eb70';
    --icon-info: '\e88e';
    --icon-bill-sheet: '\f1b6';
	--icon-bill-bag:'\f3ee';
	--modal-zindex: 1100;
	--modal-content-zindex: 10;
	--modal-background: rgba(0, 0, 0, .25);
	--lotus-box-shadow: 0 0 .5rem rgba(9, 27, 80, .125);
	--box-shadow: 0 0.275rem 1.25rem rgba(11, 15, 25, 0.05), 0 0.25rem 0.5625rem rgba(11, 15, 25, 0.03);
	--filter-box-shadow: var(--box-shadow);
	--widget-icon-font: 'Material Symbols Outlined';
	--bigimpactfont: 'Bebas Neue';
    --iconfont: 'Material Symbols Outlined';
    --iconboxicons: 'Boxicons';
    --bigimpactfont: 'Bebas Neue';
    --slabfont: 'Roboto Slab';
    --basefont: 'Roboto', arial, helvetica, 'sans-serif';
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 600;
}
.btn {
    --si-btn-padding-x: 1.75rem;
    --si-btn-padding-y: 0.625rem;
    --si-btn-font-weight: 600;
    --si-btn-line-height: 1.6;
    --si-btn-bg: transparent;
    --si-btn-border-width: 1px;
    --si-btn-border-color: transparent;
    --si-btn-hover-border-color: transparent;
    --si-btn-box-shadow: unset;
    --si-btn-disabled-opacity: 0.65;
    --si-btn-focus-box-shadow: 0 0 0 0 rgba(var(--si-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--si-btn-padding-y) var(--si-btn-padding-x);
    font-family: var(--si-btn-font-family);
    font-weight: var(--si-btn-font-weight);
    line-height: var(--si-btn-line-height);
    color: var(--si-btn-color);
	background-color: var(--si-btn-bg);
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--si-btn-border-width) solid var(--si-btn-border-color);
    border-radius: var(--si-btn-border-radius);
    box-shadow: var(--si-btn-box-shadow);
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out;
}

.card-row-simple .btn,
.simple-grid-row .btn {
    --si-btn-padding-x: 1.75rem !important;
    --si-btn-padding-y: 0.625rem !important;
}
.btn.primary-btn {	
	font-weight: 600;
}
.btn.cyan-btn-hollow {
	border-style: solid;
	border-radius:var(--primary-btn-border-radius);
	border-width: 2px;
	transition: all .25s;
	cursor: pointer;
}
.plan-name {
	padding: 0;
}
.hidden {
	display: none;
}
.hidden-plan, .filtered-plan {
	display: none;
}
.card-row-simple
{
    flex-direction: row;
}
input.hidden {display: none;}


/* corrections 
-----------------------------------------------*/
.tab-content.showtabs {
	display: block;
}
.plan a {text-decoration: none;}

/* lightning overrides 
-----------------------------------------------*/
.plan-row:not(.plan-row-header):hover {box-shadow: none;}

/* zip input 
-----------------------------------------------*/
.zip-widget-container {}
	.zip-widget-container #zipSearch {
		border-radius: var(--zipbox-border-radius);
		padding: 20px;
	}
		.zip-widget-container #zipSearch form#zipForm {}
			.zip-widget-container #zipSearch .input-group {
				display: flex;
				flex-direction: row;
				grid-column-gap: 20px;
				align-items: center;
				justify-content: space-between;
				flex-wrap: wrap;
				grid-row-gap: 10px;
			}
				.zip-widget-container #zipSearch .input-group label,
				.zip-widget-container #zipSearch .input-group input {
					width: 45%;
					flex-grow: 0;
				}
				.zip-widget-container #zipSearch .input-group label,
				.zip-widget-container #zipSearch .input-group input,
				.zip-widget-container #zipSearch .input-group button.btn {
					border-radius: var(--zipbox-border-radius);
					line-height: 100%;
					padding: 0 15px;
					text-align: center;
					height: 45px;
				}
				.zip-widget-container #zipSearch .input-group label {
					display: flex;
					justify-content: center;
					align-items: center;
					padding: 0;
				}
				.zip-widget-container #zipSearch .input-group input {
				}
				.zip-widget-container #zipSearch .input-group button.btn {
					width: 100%;
				}
					.zip-widget-container #zipSearch .input-group button.btn::before {
						font-family: var(--widget-icon-font);
						content: var(--icon-search);
						margin-right: 10px;
					}
@media (min-width:768px){}
@media (min-width:992px){
	.zip-widget-container #zipSearch .input-group {
		width: 50%;
		margin: auto;
		flex-wrap: nowrap;
	}
	section.lotus_two_col .zip-widget-container #zipSearch .input-group {
		width: 100%;
	}
	.zip-widget-container #zipSearch .input-group label,
	.zip-widget-container #zipSearch .input-group input,
	.zip-widget-container #zipSearch .input-group button.btn {
		width: auto;
		flex-grow: 1;
	}
	.zip-widget-container #zipSearch .input-group label {
		white-space: nowrap;
	}
}
@media (min-width:1200px){
	.zip-widget-container #zipSearch .input-group {
		margin: auto;
	}
}
@media (min-width:1400px){}


/* modal 
-----------------------------------------------*/
.zip-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	transform: scale(0,0);
}
.zip-modal.modal-active {
	transform: scale(1,1);	
}
	.zip-modal .modal-content {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		z-index: 1000000;
		width: 600px;
	}
		.zip-modal .modal-content .market-button-list {
			list-style: none;
			padding: 0;
			margin: 0;
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			grid-row-gap: 10px;
			grid-gap: 10px;
		}
			.zip-modal .modal-content .market-button-list li {
				text-align: center;
				padding: 4px 8px;
				font-weight: 600;
				transition: all .25s;
				cursor: pointer;
				border: 2px solid var(--erllcblue);
				border-radius:var(--modal-btn-border-radius);
			}
			
			.zip-modal .row{
				padding-top: 0;
			}
	.zip-modal .modal-shade {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 100000;
		display: block;
	}
	
	@media (max-width:980px){
		.zip-modal .modal-content{
			width: 90%;
		}
	}
	@media (max-width:768px){
		.zip-modal .modal-content .market-button-list {
			grid-template-columns: 1fr;
		}
	}
	

/* grid container layout 
----------------------------------------------*/
.grid-outer-container {
	padding: 10px;
	border-radius: var(--grid-border-radius);
}
	.grid-container {
		border-radius: var(--grid-border-radius);		
	}
	.more-plans {}
		.more-plans .btn-container {
			display: flex;
			justify-content: center;
		}
			.more-plans .btn.cyan-btn-hollow {
				border-radius: var(--grid-border-radius);
			}
			.more-plans .btn.cyan-btn-hollow:hover {
			}
	.rates-date {
		text-align: center;
		padding: 20px 0 0 0;
	}
.grid-outer-container:has(> div > div.plan-row) {
	padding: 10px 0;
	background-color: transparent;
}
@media (min-width:768px){
	.grid-outer-container {
	}
}
/* additional */
.plan-row {
	border-width: 0;
	box-shadow: var(--lotus-box-shadow);
}
	.plan-row .plan-item {
		padding: 10px 20px;
		border-radius: 0;
		border-top-width: 2px;
		border-top-style: solid;
	}
	.plan-row .plan-item:first-child {
		border-top-width: 0 !important;
	}
.planCall a.btn {
	width: 40px;
	height: 40px;
	overflow: hidden;
	text-transform: capitalize;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	grid-column-gap: 5px;
	padding: 5px;
	margin: 0;
}
	.planCall a.btn::before {
		font-family: var(--iconfont); 
		content: '\e0b0';
		font-size: 150%;
		text-indent: 0;
	}
	.plan-row-inner-container .plan-name-features{
		justify-content: start !important;
		margin-top: 5px;
	}
	.planCall a.btn:hover span{
		text-decoration: underline !important;
	}
.plan-row .plan-details-link{
	font-weight: var(--font-weight-600);
	display: flex;
	justify-content: center;
}
	.plan-row .plan-details-link:hover{
	}
.rates-date em{
	font-style: normal;
}
.plan-details-action label.btn i {
	margin-right: 5px;
}
.plan-save-percentage strong{
	padding-right: 5px;
}
.card-row-simple .plan-save-percentage{
	position: absolute;
	text-align: center;
    width: 100%;
    left: 0;
    bottom:40px;
}
	.plan-save-percentage .material-symbols-outlined {
		font-size: 14px;
	}
	.card-row-simple .plan-save-percentage strong{
		font-weight: normal;
		position: relative;
		padding-left:20px;
	}
	.card-row-simple .plan-save-percentage strong::before{
		content: var(--icon-bill-bag);
		display: block;
		font-family: var(--widget-icon-font);
		position: absolute;
		left:0px;
		top:1px;
	}
	.plan-save-percentage .material-symbols-outlined{
		margin-right: 5px;
	}
.plan-row .plan-save-percentage{
	grid-area: savePercentage;
	flex-direction: column;
	align-items: start !important;
	justify-content: start !important;
	position: relative;
}
	.plan-row .plan-item {
		position: relative;
	}
	
	.plan-row .plan-item:has(.plan-save-percentage){
		padding-bottom: 25px;
	}
	
	.plan-row .plan-save-percentage strong{
		text-transform: uppercase;
		font-weight: 600;
	}
	.plan-row .plan-save-percentage span:last-child{
		position: relative;
		padding-left:20px
	}
	.plan-row .plan-save-percentage span:last-child::before{
		content: var(--icon-bill-bag);
		display: block;
		font-family: var(--widget-icon-font);
		position: absolute;
		left:0px;
		top:1px;
	}

/* filter layout 
-----------------------------------------------*/
.tab-content {border: none; padding: 0;}
.filter-container {
	position: relative;
	z-index: 1000;
}
.commodity-options ul li::marker{
	content: none;
}
	.commodity-options ul{
		padding-left: 0;
	}
.filter-container * {transition: all .25s}
.grid-head-filter-sort {
	border-radius: var(--filter-container-border-radius);
	padding: 5px 10px;
	margin-bottom: 10px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-areas: 'gridHeadMarket gridHeadMarket'
	'filterLabelTop gridHeadSort';
	grid-row-gap: 10px;
	grid-column-gap: 10px;
	overflow: visible;
}

	section.lotus_two_col .grid-head-filter-sort label span{display: none;}
	ul.grid-head-segment {
		list-style: none;
		display: flex;
		flex-direction: row;
		grid-column-gap: 10px;
		padding: 0;
		margin: 0;
		padding-right: 10px;
	}
	section.lotus_two_col ul.grid-head-segment {
		flex-direction: column;
	}
	section.lotus_two_col ul.grid-head-segment.grid-head-filter {
		flex-direction: row;
	}
	ul.grid-head-market {
		grid-area: gridHeadMarket;
		width: 100%;
		justify-content: center;
		align-items: center;
	}
	ul.grid-head-filter {
		grid-area: gridHeadFilter;
		transform: scale(1,0) translateY(100%) translateX(-50%);
		transform-origin: bottom;
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 100%;
		z-index: 1000;
		border-radius:var(--filter-container-border-radius);
		justify-content: center;
		padding: 5px 10px;
	}
	input:checked +	label.filter-label-top + ul.grid-head-filter {
		transform: scale(1,1) translateY(100%) translateX(-50%);
		bottom: -10px;
	}
	ul.grid-head-sort {
		grid-area: gridHeadSort;
		display: block;
	}
		ul.grid-head-sort label.filter-label {display: block;}
		li.filter-sort-item {
			position: relative;
		}
			label.filter-label-top,
			li.filter-sort-item label {
				position: relative;
				transition: all .25s;
				height: 22px;
				line-height: 22px;
			}
			label.filter-label-top,
			li.filter-sort-item label.filter-label {
				cursor: pointer;
				padding: 0 25px 0 15px;
				border-radius: var(--filter-zip-input-border-radius);
			}
				li.filter-sort-item label.filter-label em {
					transition: none;
					font-style: normal;
				}
			label.filter-label-top {
				display: inline-block;
				position: relative;
				grid-area: filterLabelTop;
			}
			li.filter-sort-item label label#sortLabel {display: none;}
				label.filter-label-top::after,
				li.filter-sort-item label.filter-label::after {
					font-family: var(--widget-icon-font);
					content:var(--icon-arrow-down);
					position: absolute;
					top: 50%;
					transform: translateY(-50%);
					right:5px;
					transition: all .25s;
				}
				label.filter-label-top::after {
					content: var(--icon-filter);
				}
				ul.grid-head-sort li.filter-sort-item label.filter-label::after {
					content:var(--icon-sort);
				}
			li.filter-sort-item.filter-item-disabled label.filter-label {
				border: none;
				padding: 0;
				cursor: default;
			}
			li.filter-sort-item.filter-item-disabled label.filter-label:hover {
			}
				li.filter-sort-item.filter-item-disabled label.filter-label::after {display: none;}
				li.filter-sort-item label.filter-label:hover::after {
					font-size: 125%;
					right: 2px;
				}
					li.filter-sort-item .filter-sort-list {
						position: absolute;
						top: 32px;
						right:0;
						z-index: 1000;
						width: 200px;
						padding: 10px 5px;
						transform: scale(1,0);
						transform-origin: top right;
						transition: all .25s;
						box-shadow: var(--filter-box-shadow);
					}
					li.filter-sort-item .filter-sort-list {}
					li.filter-sort-item label#marketLabel + .filter-sort-list {
						width: 350px;
					}
					
					.filter-sort-list:has(.electricity-market),
					.filter-sort-list:has(.gas-market) {
						width: auto !important;
						min-width: 230px;
					}
					.commodity-options .filter-sort-list:has(.electricity-market),
					.commodity-options .filter-sort-list:has(.gas-market) {
						width: 180px !important;
						min-width: 180px;
					}
						li.filter-sort-item .filter-sort-list h6 {display: none;}
						li.filter-sort-item .filter-sort-list ul {
							list-style: none;
							padding: 0;
							margin: 0;
						}
								li.filter-sort-item .filter-sort-list label {
									cursor: pointer;
									padding: 3px 5px 3px 25px;
									position: relative;
									display: flex;
									align-items: center;
									height: auto;
									border-radius:var(--filter-label-border-radius);
									transition: all .25s;
									line-height: 120%;
								}
								li.filter-sort-item .filter-sort-list label:hover {
								}
									li.filter-sort-item .filter-sort-list label::before {
										font-family: var(--widget-icon-font);
										content:var(--icon-checkbox);
										position: absolute;
										left: 5px;
										top:50%;
										transform: translateY(-50%);
										font-size: 16px;
									}
									li.filter-sort-item .filter-sort-list input:checked + label::before {
										content:var(--icon-checkbox-checked);
									}
									li.filter-sort-item .filter-sort-list .filter-group.container {
										max-width: 100%;
										padding: 0;
									}
										li.filter-sort-item .filter-sort-list .filter-group.container a {
										}
								li.filter-sort-item .filter-sort-list ul#filterMarketList label {}
									li.filter-sort-item .filter-sort-list ul#filterMarketList label::after,
									li.filter-sort-item .filter-sort-list label.gas-market::after,
									li.filter-sort-item .filter-sort-list label.electricity-market::after {
										font-family: var(--widget-icon-font);
									}
									li.filter-sort-item .filter-sort-list ul#filterMarketList label.electricity-market::after,
									li.filter-sort-item .filter-sort-list .electricity-market::after {
										content: var(--icon-electric);
									}
									li.filter-sort-item .filter-sort-list ul#filterMarketList label.gas-market::after,
									li.filter-sort-item .filter-sort-list label.gas-market::after {
										content: var(--icon-gas);
									}
									li.filter-sort-item .filter-sort-list ul#filterMarketList label em,
									li.filter-sort-item .filter-sort-list label.gas-market em,
									li.filter-sort-item .filter-sort-list label.electricity-market em {
										font-style: normal;
										padding-left: 5px;
									}
					#filter-label-market-2 li.filter-sort-item .filter-sort-list{
						width: auto;
    					padding: 10px;
					}
					li.filter-sort-item input:checked + label.filter-label {
						border-radius: var(--filter-zip-input-border-radius) var(--filter-zip-input-border-radius) 0 0;
						z-index: 10000;
					}
						li.filter-sort-item input:checked + label.filter-label::after {
							content:var(--icon-x);

						}
					li.filter-sort-item input:checked + label + .filter-sort-list {
						transform: scale(1,1);
					}
				li.filter-sort-item.filter-item-disabled input:checked + label {
					
				}
					li.filter-sort-item.filter-item-disabled input:checked + label + .filter-sort-list {
						display: none;
					}
		li.filter-sort-item.filter-zipcode {
			display: flex;
			flex-direction: row;
			align-items: start;
			grid-column-gap: 5px;
			padding-right:0;
		}
			li.filter-sort-item.filter-zipcode::after {
				
			}
			li.filter-sort-item.filter-zipcode input[type=text] {
				width: 65px;
				text-align: center;
				border: var(--filter-zip-input-border);
				border-radius: var(--filter-zip-input-border-radius);
				position: relative;
				z-index: 10;
			}
			li.filter-sort-item.filter-zipcode .btn.zip-icon {
				width: 25px;
				height: 25px;
				border-radius: 100vw;
				padding: 0;
				position: absolute;
				right:1rem;
				top:50%;
				transform: translateY(-50%);
				z-index: 1;
				transition: all .25s;
			}
				li.filter-sort-item.filter-zipcode .btn.zip-icon::after {
					font-family: var(--widget-icon-font);
					content: var(--icon-arrow-right);
					position: absolute;
					top:50%;
					left: 50%;
					transform: translateY(-50%) translateX(-40%);
				}
				li.filter-sort-item.filter-zipcode .btn.zip-icon::after {
					font-family: var(--widget-icon-font);
					content: var(--icon-arrow-right);
					position: absolute;
					top:50%;
					left: 50%;
					transform: translateY(-50%) translateX(-40%);
				}
				li.filter-sort-item.filter-zipcode .btn.zip-icon span {
					display: inline-block;
					max-width: 0;
					opacity: 0;
					overflow: hidden;
					white-space: nowrap;
					transition: all 0.3s ease;
					margin-left: 4px;
					padding-top: 1px;
    				text-transform: uppercase;
				}
				li.filter-sort-item.filter-zipcode .zipcontainer:hover .btn.zip-icon,
				li.filter-sort-item.filter-zipcode input[type=text]:focus + .btn.zip-icon {
					right:1rem;
				}
				
			li.filter-sort-item.filter-zipcode .btn.zip-icon.show-filter-btn-text {
				width: 60px;
				right: -1rem;
				transform: translateY(-50%);
				padding: 0 10px 0 0px;
				transition: all 0.3s ease-in-out;
			}
				li.filter-sort-item.filter-zipcode .zipcontainer:hover .btn.zip-icon.show-filter-btn-text,
				li.filter-sort-item.filter-zipcode input[type=text]:focus + .btn.zip-icon.show-filter-btn-text {
					right:-1rem;
				}
				li.filter-sort-item.filter-zipcode .btn.zip-icon.show-filter-btn-text span {
					max-width: 100px;
					opacity: 1;
				}
				li.filter-sort-item.filter-zipcode .btn.zip-icon.show-filter-btn-text::after {
					left: 82%;
				}
				
			li.filter-sort-item .usage-selector-container {
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;
					grid-row-gap: 5px;
				}
					li.filter-sort-item .usage-selector-container h6 {
						display: flex;
						padding: 0;
						margin: 0;
					}
					li.filter-sort-item .usage-selector-container .kwh-usage {
						font-weight: 600;
					}
					li.filter-sort-item .usage-selector-container .usage-selector {
						display: flex;
						flex-direction: row;
						justify-content: center;
						align-items: center;
						grid-column-gap: 10px;
						grid-row-gap: 10px;
					}
						li.filter-sort-item .usage-selector-container .usage-selector .selector-btn {
							border: 2px solid var(--erllcblue);
							padding: 0;
							margin: 0;
							height: 20px;
							width: 20px;
							position: relative;
							transition: all .25s;
						}
						li.filter-sort-item .usage-selector-container .usage-selector .selector-btn:hover {
						}
							li.filter-sort-item .usage-selector-container .usage-selector .selector-btn i.bx {display: none;}
							li.filter-sort-item .usage-selector-container .usage-selector .selector-btn::before {
								position: absolute;
								top: 50%;
								left: 50%;
								transform: translateY(-50%) translateX(-50%);
								font-family: var(--widget-icon-font);
								font-weight: 600;
							}
						li.filter-sort-item .usage-selector-container .usage-selector .selector-btn.btn-negative::before {
							content: var(--icon-minus);
						}
						li.filter-sort-item .usage-selector-container .usage-selector .selector-btn.btn-positive::before {
							content: var(--icon-plus);
						}
						.filter-container .commodity-options ul{
							padding-left:0;
							list-style-type: none;
						}
						.filter-container .commodity-options ul,
						.superwidget-container .filter-sort-item,
						.superwidget-container .grid-head-filter,
						.container.long-content-section .superwidget-container ul{
							margin-bottom: 0;
						}

.filter-container .filter-zipcode .filter-zipcode-form{
		width: 200px;
	}

@media (max-width:768px){
	.grid-container .plan-row-inner-container.plan-row-details-container {
		grid-template-areas:
		''
		'' ;
	}
}
@media (min-width:576px){
	.grid-head-filter-sort {
		display: flex;
		align-items: start;
		justify-content: center;
		flex-direction: row;
	}
	ul.grid-head-market {
		width: auto;
	}
	ul.grid-head-filter {	
	}
		label.filter-label-top {}
		input:checked +	label.filter-label-top {
		}
			input:checked +	label.filter-label-top::after {
				content: var(--icon-x);
				font-size: 125%;
				right: 3px;
			}
			input:checked +	label.filter-label-top + ul.grid-head-filter {}
}
@media (min-width:768px){}
@media (min-width:992px){
	.grid-head-filter-sort {
		grid-column-gap: 15px;
	}
	label.filter-label-top,
	li.filter-sort-item label {
		height: 32px;
		line-height: 32px;
	}
	li.filter-sort-item.filter-zipcode input[type=text] {
		height: 32px;
	}
	.grid-head-filter-sort:has(#filter-label-show-2) .zipcontainer .zip-icon{
		top: 45%;
	}

}
@media (min-width:1200px){
	label.filter-label-top {display: none;}
	input:checked +	label.filter-label-top + ul.grid-head-filter,
	ul.grid-head-filter {
		transform: none;
		width: auto;
		position: relative;
		bottom: auto;
		top: auto;
		left: auto;
		padding: 0;
	}

}
@media (min-width:1400px){
	.grid-head-filter-sort label span {display: inline;transition: none;}

}
/* plan layout 
-----------------------------------------------*/
.grid-container .plan-item {
	padding: 10px 20px;
}
.grid-container .plan-item.plan-even {
}
.grid-container .plan-item.plan-odd {
	border-radius: 0;	
}
	.grid-container .plan-item input.unfold-checkbox {
		display: none;
	}
		.plandetails-unfold {
			transform: scale(1, 0);
			transform-origin: top;
			transition: all .35s;
			max-height: 0;
			opacity: 0;
		}
		.plan-row-inner-container + .plandetails-unfold {}
		.grid-container .plan-item input.unfold-checkbox:checked + .plan-row-inner-container + .plandetails-unfold {
			transform: scale(1, 1);
			max-height: 1000px;
			opacity: 1;
			margin-top: 20px;
		}
			.plandetails-unfold-content {
				padding: 20px;
				box-shadow: var(--unfold-card-shadow);
				border-radius: var(--unfold-card-radius);
				box-shadow: none;	
				text-align: left;	
			}
			.plan-odd .plandetails-unfold-content {
			}
				.plandetails-container .plan-details-section {
					padding-bottom: 20px;
					margin-bottom: 20px;
				}
				.plandetails-container .plan-details-section h6{
					
				}
				.plandetails-container .plan-details-section:last-child {
					padding: 0;
					margin: 0;
					border: none;
				}
			.plandetails-container .plan-details-section ul {
				list-style: none;
				display: flex;
				padding: 0;
				margin: 0;
				grid-column-gap: 10px;
				flex-wrap: wrap;
			}
				.plandetails-container ul li,
				.plandetails-container ul li a {
					display: flex;
					flex-direction: row;
					align-items: center;
				}
				
				.plandetails-container .plan-credits-fees ul li {
					white-space: nowrap;
				}
				.plandetails-container ul li::before,
				.plandetails-container ul li a::before {
					font-family:var(--widget-icon-font);
					margin-right: 5px;
				}
				
					.plandetails-container .plan-yrac a::before,
					.plandetails-container .plan-tos a::before,
					.plandetails-container .plan-efl a::before,
					.plan-details-section .plan-document a::before{
						content: var(--icon-sheet);
					}
					.plandetails-container .plan-etf::before {
						content:var(--icon-etf);
					}
					.plandetails-container .plan-mrc::before {
						content: var(--icon-mrc);
					}
					.plandetails-container .plan-contract::before {
						content: var(--icon-contract);
					}
					.plandetails-container .plan-length::before {
						content: var(--icon-calendar-dates);
					}
		.plan-details-section .plan-document{}
			.plandetails-container .plan-document a,
			.plan-details-section .plan-document a{
				text-decoration: underline;
				margin-left: 17px;
				position: relative;
				background-image: none;
			}
			.plandetails-container .plan-document a::before{
				position: absolute;
				left: -17px;
			}
		.plandetails-container .plan-credits-fees em {
		}
	.plandetails-container table.table.table-striped tr th {
		
	}
	.plandetails-container table.table.table-striped tr:last-child td {
		border-bottom: none;
	}
	.plan-odd .plandetails-container table.table.table-striped tr td {
		
	}
	.plan-even .plandetails-container table.table.table-striped tr td {
		
	}
	.grid-container .plan-row-inner-container {
		display: grid;
		grid-column-gap: 10px;
		grid-row-gap: 5px;
		grid-template-columns:1fr 1fr 1fr;
		grid-template-areas: 
		'planProvider planProvider planProvider'
		'planNameFeatures planNameFeatures planNameFeatures'
		'planPrice planTerm planBill'
		'planAction planAction planAction';
	}
	.grid-container .plan-row-inner-container.plan-row-details-container {
		grid-template-columns: 1fr .5fr .5fr 1fr;
		grid-template-areas:
		'planProvider planRating planNameFeatures planNameFeatures'
		'planPrice planViewDetails planAction planAction';
		grid-column-gap: 20px;
	}
		.grid-container .plan-row-inner-container.plan-row-details-container .plan-term,
		.grid-container .plan-row-inner-container.plan-row-details-container .plan-bill {display: none;}

		.plan-row-inner-container .plan-rating,
		.plan-row-inner-container .plan-provider,
		.plan-row-inner-container .plan-name-features,
		.plan-row-inner-container .plan-action {
			display: flex;
			align-items: center;			
		}
		.plan-row-inner-container .plan-provider {}
		.plan-row-inner-container .plan-rating {}
			.card-row-simple .card-body .company-rating,
			.plan-row-inner-container .plan-rating .company-rating {
				width: 100%;
			}
				.card-row-simple .card-body .company-rating .stars-container,
				.plan-row-inner-container .plan-rating .stars-container {
					display: flex;
					flex-direction: row;
					width: 50%;
					height: 15px;
				}
					.card-row-simple .card-body .company-rating i,
					.plan-row-inner-container .plan-rating .stars-container i {
						flex-grow: 1;
						text-align: center;
						font-style: normal;
						line-height: 100%;
					}
					.card-row-simple .card-body .company-rating i::before,
					.plan-row-inner-container .plan-rating .stars-container i::before {
						content: var(--icon-star);
						font-family: var(--widget-icon-font);
						font-size: var(--icon-star-size);
					}
					.card-row-simple .card-body .company-rating i.half-star::before,
					.plan-row-inner-container .plan-rating .stars-container i.half-star::before {
						content: var(--icon-star-half);
						-webkit-background-clip: text;
					}
					.card-row-simple .card-body .company-rating i.no-star::before,
					.plan-row-inner-container .plan-rating .stars-container i.no-star::before {
					}
		.plan-row-inner-container .plan-name-features {
			grid-area:planNameFeatures;
			display: flex;
			flex-direction: column;
			align-items: start;
			justify-content: start;
			text-align: left;
		}
			.plan-row-inner-container .plan-name-features h3.h4 {
				margin: 0;
				text-align: right;
				font-weight: var(--font-weight-600);
			}
			.plan-row-inner-container .plan-name-features .plan-description {display: none;}
				.plan-row-inner-container .plan-name-features .plan-description ul {
					list-style: none;
					margin: 0;
					padding: 0;
					display: flex;
					flex-direction: row;
					flex-wrap: wrap;
					grid-column-gap: 10px;
				}
					.plan-row-inner-container .plan-name-features .plan-description ul li {
						white-space: nowrap;
					}
		.plan-row-inner-container .plan-pricing {
			grid-area:planPricing;
			justify-content: center;
			align-items: center;
		}
			.plan-row-inner-container .plan-pricing em,
			.plan-row-inner-container .plan-pricing h6 {
				font-weight: normal;
				padding-bottom: 4px;
			}
			.plan-row-inner-container .plan-pricing h6 {
				padding: 0;
				margin: 0;
			}
			.plan-row-inner-container .plan-pricing em {
				font-style: normal;
			}
			.plan-row-inner-container .plan-pricing strong {
				padding: 0;
				margin: 0;
			}
			.plan-row-inner-container.plan-row-details-container .plan-pricing strong {
			}
		.plan-row-inner-container .plan-provider {grid-area:planProvider;}
		.plan-row-inner-container .plan-rating {grid-area: planRating;}
		.plan-row-inner-container .plan-price {grid-area:planPrice;}
		.plan-row-inner-container .plan-term {grid-area:planTerm;}
		.plan-row-inner-container .plan-bill {grid-area:planBill;}
		.plan-row-inner-container .plan-action {grid-area:planAction;}
			.plan-row-inner-container .plan-action.btn-container {
				width: 100%;

			}.plan-row-inner-container .plan-action.btn-container form {
				width: 100%;
			}
			.plan-row-inner-container .plan-action .btn {
				width: 100%;
			}			
		.plan-row-inner-container .plan-view-details {
			grid-area:planViewDetails;
			align-items: flex-start;
			display: flex;
		}
			.plan-row-inner-container .plan-view-details .btn-container .btn,
			.plan-row-inner-container .plan-view-details .btn-container {
				width: 100%;
			}
			.plan-row-inner-container .plan-view-details .btn-container .btn span {
				margin-right: 5px;
			}
			.plan-row-inner-container .plan-view-details .btn-container .btn span:last-child {
				margin-right: 0;
			}
			.plan-row-inner-container .plan-view-details .btn-container label.btn::after {
				content: var(--icon-info);
				font-family: var(--widget-icon-font);
				margin-left: 5px;
			}
			input:checked + .plan-row-inner-container .plan-view-details .btn-container .btn span.show_plan_details_btn_txt,
			.plan-row-inner-container .plan-view-details .btn-container .btn span.hide_plan_details_btn_txt {display: none;}
			input:checked + .plan-row-inner-container .plan-view-details .btn-container .btn span.hide_plan_details_btn_txt {display: inline-block;}
@media (min-width:576px){
	.grid-container .plan-row-inner-container {
		grid-template-areas: 
		'planProvider planNameFeatures planNameFeatures planNameFeatures'
		'planPrice planTerm planBill planAction';
	}
	.plan-row-inner-container .plan-name-features {
		align-items: flex-start;
		text-align: left;
	}
}
@media (max-width:768px){
	.plan-row-inner-container .plan-view-details .btn-container label.btn {
		overflow: hidden;
		width: 40px;
		height: auto;
		text-indent: -1000px;
		padding: 0;
		margin: 0;
		position: relative;
	}
	.plan-row-inner-container .plan-view-details .btn-container label.span {display: none;}
	.plan-row-inner-container .plan-view-details .btn-container label.btn::after {
		position: absolute;
		display: block;
		top: 50%;
		left: 50%;
		transform:translateY(-50%) translateX(-50%);
		margin: 0;
		text-indent: 0;
		font-size: 150%;
	}

}
@media (min-width:768px){
	section.lotus_two_col .grid-container .plan-row-inner-container {
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-template-areas: 
		'planProvider planNameFeatures planNameFeatures planNameFeatures'
		'planPrice planTerm planBill planAction';
	}
	.grid-container .plan-row-inner-container {
		grid-template-areas:
		'planProvider planNameFeatures planPrice planTerm planBill'
		'planProvider planNameFeatures planAction planAction planAction';
		grid-template-columns:1.25fr 1.25fr .75fr .75fr .75fr;
	}
	.grid-container .plan-row-inner-container.plan-row-details-container {
		grid-template-columns: .7fr .5fr 1fr 1fr 1fr;
		grid-template-areas:'planProvider planRating planTerm planBill planPrice'
		'planViewDetails planViewDetails planNameFeatures planNameFeatures planAction';
	}
	.grid-container .plan-row-inner-container.plan-row-details-container:has(.plan-save-percentage) {
        grid-template-areas:
        'planProvider planRating planTerm planBill planPrice'
        'planViewDetails planViewDetails planNameFeatures savePercentage planAction';
    }
	
	.grid-container .plan-row-inner-container.plan-row-details-container .plan-pricing {
		display: flex;
		flex-direction: column;
		grid-row-gap: 5px;
		align-items: flex-start;
		justify-content: center;
	}
		.grid-container .plan-row-inner-container.plan-row-details-container .plan-pricing .h3,
		.grid-container .plan-row-inner-container.plan-row-details-container .plan-pricing strong sup,
		.grid-container .plan-row-inner-container.plan-row-details-container .plan-pricing em {
			line-height: 100%;
		}
		.grid-container .plan-row-inner-container.plan-row-details-container .plan-pricing em {
			display: flex;
			flex-direction: row;
			grid-column-gap: 5px;

		}
			.grid-container .plan-row-inner-container.plan-row-details-container .plan-pricing em::before {
				font-family: var(--widget-icon-font);
			}
			.grid-container .plan-row-inner-container.plan-row-details-container .plan-bill em::before {content: var(--icon-calendar);}
			.grid-container .plan-row-inner-container.plan-row-details-container .plan-term em::before {content: var(--icon-lock);}
		.grid-container .plan-row-inner-container.plan-row-details-container .plan-pricing strong,
		.grid-container .plan-row-inner-container.plan-row-details-container .plan-pricing strong span {
			line-height: 90%;
		}
		.grid-container .plan-row-inner-container.plan-row-details-container .plan-pricing strong {
			display: flex;
			flex-direction: row;
			align-items: flex-end;
			text-align: left;
		}
	.grid-container .plan-row-inner-container.plan-row-details-container .plan-pricing.plan-price {
		flex-direction: row;
		justify-content: center;
		align-items: flex-end;
	}
		.grid-container .plan-row-inner-container.plan-row-details-container .plan-pricing.plan-price strong {		
		}
			.grid-container .plan-row-inner-container.plan-row-details-container .plan-pricing.plan-price strong sup {
				margin-top:0;
				top: -15px;
			}
	.plan-row-inner-container .plan-provider {
		align-items: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: baseline;
	}
	.plan-row-inner-container .plan-name-features {text-align: left;}
	.plan-row-inner-container .plan-action {justify-self:center;}
	.card-row-simple .card-body .company-rating i::before,
	.plan-row-inner-container .plan-rating .stars-container i::before {font-size: var(--icon-star-size-lg-screen);}
	.plan-row-inner-container .plan-name-features .plan-description {display: block;}
	.plan-row-inner-container .plan-name-features h3.h4 {
		text-align: left;
	}
}
@media (min-width:992px){
	.grid-container .plan-row-inner-container {
		grid-template-areas:'planProvider planNameFeatures planPrice planTerm planBill planAction';
		grid-template-columns: 1fr 2.25fr .5fr .5fr .5fr 1.25fr;
	}
	.plan-row-inner-container .plan-action {justify-self:flex-end;align-items: center;display: flex;}
}
@media (min-width:1200px){
	.grid-container .plan-row-inner-container {
		
		grid-template-columns: 1fr 2.5fr .5fr .5fr .5fr 1fr;
	}
}
@media (min-width:1400px){
	.grid-container .plan-row-inner-container {
		
	}
}

/* recommended plans layout 
----------------------------------------------*/
.card-row-simple .plan-card {
    box-shadow: none;
    height: auto;
    margin: 0;
    border-radius: 0;
    height: 100%;
}
	
	.card-row-simple .plan-topper {
		padding-bottom: 5px;
		font-family: var(--plan-topper-font);
		font-weight: 700;
		text-align: center;
	}
		.card-row-simple .plan-topper span {
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			line-height: 100%;	
		}
		.card-row-simple .plan-topper span::before {
			margin-right: 5px;
			font-family: var(--widget-icon-font);
			line-height: 100%;
			font-size: 110%;
			margin-top: -2px;
		}
			.card-row-simple .plan-topper span.lowrate::before {
				content: '\f041';
			}
			.card-row-simple .plan-topper span.new::before {
				content: '\e266';
			}
			.card-row-simple .plan-topper span.respected::before {
				content: '\ef76';
			}
			.card-row-simple .plan-topper span.lowbill::before {
				content: var(--icon-bill-sheet);
			}
			.card-row-simple .plan-topper span.fixed::before {
				content: '\e897';
			}
			.card-row-simple .plan-topper span.respected::before {
				content: '\ef76';
			}
	.plan-card-inner-container {
		display: grid;
		grid-template-columns: 1fr 3fr;
		grid-template-areas: 'planProvider planFeatures';
		grid-column-gap: 10px;
		padding: 0;
		margin-bottom: 40px;
	}
	.card-row-simple .card-body {
		border-radius: var(--grid-border-radius);
	}
		.plan-details-action {position: absolute;}
		.card-row-simple .container.plan-inner-container.plan-card-inner-container {
			width: 100%;
			max-width: 100%;
		}
		.card-row-simple .card-body .plan-provider {
			grid-area: planProvider;
			display: flex;
			flex-direction: column;
			grid-row-gap: 10px;
			justify-content: center;
			align-items: center;
		}
			.card-row-simple .card-body .plan-provider .company-logo picture,
			.simple-grid-row .plan-provider .company-logo picture{
				height: 50px;
				display: flex;
				align-items: center;
			}
				.card-row-simple .card-body .plan-provider .company-logo img,
				.simple-grid-row .plan-provider .company-logo picture img{
					height:auto;
				}
		.card-row-simple .card-body .plan-price-action-features-container {grid-area: planFeatures;}
		.card-row-simple .plan-static-content .plan-pricing {grid-area: cardPlanPricing;}
		.card-row-simple .plan-static-content .plan-name {grid-area: cardPlanName;}
		.card-row-simple .plan-static-content .plan-action {grid-area: cardPlanAction; text-align: center; font-weight: 700;}
		.card-row-simple .plan-static-content .price-term-bill-mrc {grid-area: cardPlanTermMrc;}
		.card-row-simple .card-body .company-rating {
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: center;
			margin: 0 auto;
			padding: 0;
			position: relative;
			width: inherit;
			width: 50%;
		}
		.card-row-simple .card-body .company-rating .stars-container {}
			.card-row-simple .card-body .company-rating i.star-item {}
				.card-row-simple .card-body .company-rating i.star-item::before {}
	.card-row-simple .card-body strong.h3 {
		font-size: 60px;
		line-height: 100%;
		display: flex;
		flex-direction: row;
		justify-content: center;
		margin: 0;
	}
	.card-row-simple .card-body .plan-pricing em {
		text-align: center;
		font-style: normal;
		display: block;
	}
	.card-row-simple .card-body .plan-pricing sup {
		line-height: 100%;
		top: auto;
	}
	.card-row-simple .plan-static-content {
		margin-bottom: 5px;
	}
	.card-row-simple .plan-static-content .plan-name {
		grid-area: cardPlanName;
	}
		.card-row-simple .card-body .plan-name h3 {
			padding: 10px 0;
			font-weight: 700;
			text-align: right;
		}
	.card-row-simple .plan-static-content .plan-action {
		grid-area: cardPlanAction;
		flex-direction: column;
	}
		.card-row-simple .plan-static-content .plan-action .btn {
			width: 100%;
		}
			.card-row-simple .plan-static-content .plan-action .btn.blue-btn-hollow:hover {
				border-color: transparent;
				color: inherit;
				background-color: transparent;
			}
		/* only if there is no .primary-btn button */
		.plan-action:has(.planCall):not(:has(.primary-btn)) .planCall a {
		}
			.plan-action:has(.planCall):not(:has(.primary-btn)) .planCall a:hover {
				border-radius: var(--si-btn-border-radius);
			}
		
	.card-row-simple .plan-static-content .price-term-bill-mrc {
		grid-area: cardPlanTermMrc;
		display: flex;
		justify-content: center;
	}
		.card-row-simple .price-term-bill-mrc ul {
			display: flex;
			flex-direction: row;
			list-style: none;
			padding: 0;
			margin: 0;
			grid-column-gap: 5px;
		}
			.card-row-simple .price-term-bill-mrc ul li strong,
			.card-row-simple .price-term-bill-mrc ul li strong span,
			.card-row-simple .price-term-bill-mrc ul li span{
				font-size: 12px;
			}
			.card-row-simple .price-term-bill-mrc ul::before {
				font-family: var(--widget-icon-font);
			}
			.card-row-simple .price-term-bill-mrc ul.plan_term::before {
				content: var(--icon-calendar-dates);
			}
			.card-row-simple .price-term-bill-mrc ul.plan_avgbill::before {
				content: var(--icon-bill-sheet);
			}
	.card-row-simple .price-term-bill-mrc {
		display: flex;
		flex-direction: row;
	}
	.plan-details-action {
		width: 100%;
		position: absolute;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}
		.plan-details-action label.btn {
			width: 100%;
			font-weight: normal;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.plan-details-action label.btn:hover {
		}
			.plan-details-action label.btn i {
				font-style: normal;
			}
@media (max-width: 768px) {
	.card-row-simple {
		grid-row-gap: 20px;

	}
	/*change layout*/
	.plan-card-inner-container {
		display: grid;
		grid-template-columns: 1fr 3fr;
		grid-template-areas: 'planProvider planFeatures';
		grid-column-gap: 10px;
		padding: 0;
		margin-bottom: 40px;
	}
	.card-row-simple .plan-topper{
		height:31px;
		padding-top:5px;
		padding-bottom:5px;
	}
		.card-row-simple .recommended-plan-card {
			top: -31px;
		}
	.card-row-simple .card-body {
		box-shadow: var(--box-shadow);
	}
	.card-row-simple .plan-static-content {
		display: grid;
		grid-template-areas:
		'cardPlanTermMrc cardPlanPricing'
		'cardPlanName cardPlanName';
	}
	.card-row-simple .plan-details-action {
		bottom: 15px;
		left: 1rem;
		width: 25%;
	}
			.card-row-simple .plan-details-action label.btn {
				border-radius: var(--primary-btn-border-radius);
				display: flex;
				flex-direction: row;
				grid-column-gap: 5px;
			}
			.card-row-simple .plan-details-action label.btn::before {
				font-family: var(--widget-icon-font);
				content: var(--icon-info);
			}
			.card-row-simple .plan-details-action label.btn i {display: none;}
	.card-row-simple .plan-action form {
		width: 100%;
	}
		
	.card-row-simple .plan-pricing {
		position: relative;
	}
	.card-row-simple .plan-pricing em {
		
	}
	.card-row-simple .plan-pricing em span {display: none;}
	.card-row-simple .plan-static-content .plan-action {
		display: flex;
		flex-direction: row-reverse;
		grid-column-gap: 7px;
		position: absolute;
		bottom: 15px;
		right: 10px;
		width: calc(75% - 2.5rem);
		/*
		*/

	}
	.card-row-simple .plan-static-content .plan-action .btn{
		--si-btn-padding-x: 0;
		line-height: 1.5; 
	}
	.card-row-simple .price-term-bill-mrc {
		display: flex;
		flex-direction: column;
		grid-row-gap: 10px;
	}
		.card-row-simple .price-term-bill-mrc ul {
		}
			.card-row-simple .price-term-bill-mrc ul .plan-term-short,
			.card-row-simple .price-term-bill-mrc ul .avg-bill-short{display: none;}
	
}
@media (min-width: 768px) {
	.xl-hide{
		display: none !important;
	}
	.card-row-simple .card-body {
		padding-bottom: 45px;
	}
	.plan-card-inner-container {
		display: flex;
		grid-row-gap: 10px;
		flex-direction: column;
		margin-bottom: 25px;
	}
		.card-row-simple .card-body .plan-provider {
			flex-direction: row;
			grid-column-gap: 10px;
		}
		   .card-row-simple .price-term-bill-mrc, .card-row-simple .plan-action a.btn.phone-btn {
				white-space: nowrap;
			}
		.card-row-simple .price-term-bill-mrc {
			padding-top: 10px;
		}
		.card-row-simple .price-term-bill-mrc.month-bill {
			justify-content: space-between;
		}
				
				.card-row-simple .price-term-bill-mrc .plan_avgbill span.avg-bill-short,
				.card-row-simple .price-term-bill-mrc .plan_term span.plan-term-short {
					display: inline;
				}
				.card-row-simple .price-term-bill-mrc .plan_avgbill span.avg-bill-long,
				.card-row-simple .price-term-bill-mrc .plan_term span.plan-term-long {
					display: none;
				}
	.plan-details-action {
		width: 100%;
		left: 0;
		bottom: 0;
		text-align: center;
	}
		.plan-details-action label.btn {
			border-radius:0 0 var(--primary-btn-border-radius) var(--primary-btn-border-radius);
		}
		.plan-details-action label.btn::before {
			font-family: var(--widget-icon-font);
			content: var(--icon-info);
			margin-right: 5px;
		}
		.card-row-simple .card-body .plan-name h3 {
			text-align: center;
		}
	.card-row-simple .plan-topper span {
		line-height: 25px;		
	}
	.plan-row .plan-save-percentage strong{
		line-height: 100%;
	}
	

}
@media (min-width: 1200px) {
				.card-row-simple .price-term-bill-mrc .plan_avgbill span.avg-bill-short,
				.card-row-simple .price-term-bill-mrc .plan_term span.plan-term-short {
					display: none;
				}
				.card-row-simple .price-term-bill-mrc .plan_avgbill span.avg-bill-long,
				.card-row-simple .price-term-bill-mrc .plan_term span.plan-term-long {
					display: inline;
				}
}

/* recommended modal layout 
----------------------------------------------*/
input.modal-plan-check {display:none;}
.plandetails-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: var(--modal-zindex);
	transform: scale(0,0);
	transition: all .5s;
}
input.modal-plan-check:checked + .plan-card + .plandetails-modal {
	transform: scale(1,1);
}
.plandetails-modal-back {
	position: absolute;
	top:0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: none;
	z-index: var(--modal-back-zindex);
	transition-timing-function: ease-in-out;
	transition-duration:0;
	transition-delay:0;
}
input.modal-plan-check:checked + .plan-card + .plandetails-modal .plandetails-modal-back {
	transition-duration: 1s;
    transition-delay: .25s;
}
.plandetails-modal-content {
	z-index: var(--modal-content-zindex);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	transition: all .25s;
	height: 90vh;
	padding:0;
}
	.plandetails-modal .modal-order-container{
		display: flex;
		justify-content: center;
	}
input.modal-plan-check:checked + .plan-card + .plandetails-modal .plandetails-modal-content {
	transform: translateX(-50%) translateY(-50%);
	transition: all .5s;
}
	.plandetails-modal-content .card {
		display: flex;
		flex-direction: column;
		height: 100%;
		overflow: hidden;
	}
		.plandetails-modal-content .modal-plan-head {
			text-align: center;
		}
			.plandetails-modal-content .modal-plan-head h5.h3 {
				margin: 0;
			}
		.plandetails-modal-content .plan-details-internal {
			position: relative;
			height: 100%;
			width: 100%;
		}
			.plandetails-modal-content .card-body {
				position: relative;
				overflow: auto;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}
			.plandetails-modal-content a {
				text-decoration: none;
			}
			.plandetails-modal-content a:hover {
			}
		.modal-order-footer {
			text-align: center;
		}
		.plandetails-modal-content label.modal-close {
			position: absolute;
			width: 30px;
			height: 30px;
			top:5px;
			right:5px;
			z-index: 100;
			cursor: pointer;
			transition: all .25s;
		}
		.plandetails-modal-content label.modal-close:hover {
			
		}
		.plandetails-modal-content label.modal-close::before {
			font-family: var(--widget-icon-font);
			content: var(--icon-x);
			position: absolute;
			top: 50%;			
			left: 50%;
			transform: translate(-50%,-50%);
			font-size: 150%;
		}
		.plandetails-modal-content label.modal-close:hover::before {
		}
@media (min-width:768px){
	.card-row-simple .card-body {
		padding-bottom: 45px;
	}
}

/* recommended Plan Cards
-----------------------------------------------*/
.card > .card-body {
    padding-top: 35px;
	position: relative;
}
.recommended-plan-card{
	position: absolute;
    top: 0;
    left: 0;
	font-family: var(--plan-price-font);
	text-transform: uppercase;
	font-weight: 600;
	padding: 5px 25px 5px 15px; /* Add more padding */
    clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%); /* Creates a triangular effect */
}	
	.card-row-simple .recommended-plan-card p{
		margin-bottom: 0;
		font-weight: 500;
		font-size: 14px;
	}
/* sponsored and recommeded
-----------------------------------------------*/
.plan-row .plan-badge{
    border-radius: var(--lotus-card-radius-sm);
    padding: 0 8px;
	margin-top: 10px;
	top:0;
	left:0;
	height:auto;
	display: flex;
	justify-content: center;
}
.plan-row .plan-badge__text {
	position: static;
	width: auto;
	padding-left: 0;
	line-height: auto;
	text-transform: uppercase;
}
	.plan-row .sponsored{
	}
	.plan-row .recommended{
	}
		.plan-row .recommended .plan-badge__text { 
		}
		
.card-row-simple .plan-card{
	border:0;
}
.card-row-simple{
	flex-direction: row;
	padding:0 0 20px;
}
	.card-row-simple .col{
		
	}
@media (min-width: 769px) {
    .planCall a.btn {
        width: 100%;
        border: 0;
        text-transform: capitalize;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        grid-column-gap: 5px;
        text-indent: 0;
    }
	.plan-row .plan-badge{
		min-width: 80px;
		max-width: 90px;
	}
	.card-row-simple{
		flex-direction: row;
	}
}
/* notice
-----------------------------------------------*/
li .notice-electric-btn::after,
li .notice-gas-btn::after {
    content: var(--icon-gas);
	font-family: var(--widget-icon-font);
	display: block;
	font-size: 25px;
	color: var(--black);
	margin-left: 5px;
}
li .notice-electric-btn::after{
    content: var(--icon-electric);
}
li .notice-gas-btn::after {
    content: var(--icon-gas);
}

	
/* responsive
-----------------------------------------------*/
@media (min-width: 882px) {
	li.filter-sort-item label[for="filter-label-market-2"].gas-market,
	li.filter-sort-item label[for="filter-label-market-2"].electricity-market{
		max-width: 180px;
		overflow: hidden;
	}
}
@media (min-width:882px) and (max-width:1399px) {
	#filter-element .xs-hide {
        display: none;
    }
	li.filter-sort-item label[for="filter-label-market-2"].electricity-market{
		max-width: 120px;
	}
	li.filter-sort-item label.filter-label {
		padding: 0 25px 0 5px;
	}
}

@media (min-width: 1199px) {
	.grid-head-filter-sort:has(#filter-label-show-2){
		padding:5px 10px;
	}
	.grid-head-filter-sort ul.line-height-10 {
		line-height: 10px;
	}
	.filter-container .grid-head-filter .xl-hide{
		display: none;
	}
}
@media (max-width: 1400px) {
	.card-row-simple .card-body .company-rating i::before, .plan-row-inner-container .plan-rating .stars-container i::before {
        font-size: 16px;
	}
}
@media (min-width:992px) and (max-width:1200px) {
	.card-row-simple .card-body .company-rating {
		justify-content: start;
	}
	.grid-head-filter-sort:has(#filter-label-show-2){
		padding: 5px 10px;
	}
	.grid-head-filter-sort ul.line-height-10 {
		line-height: 10px;
	}
}
@media (max-width: 1200px) {
	#filter-element .xs-hide {
        /*display: none;*/
    }
	.plan-row .plan-action .btn{
		--bs-btn-padding-x: 0.75rem;
	}
	.plan-row-inner-container .plan-action .btn{
		width: auto;
	}
	/* filter */
	.grid-head-filter-sort:has(.grid-head-sort) {
		grid-template-columns: 1fr 1fr;
		grid-template-areas: 'gridHeadMarket gridHeadMarket' 'filterLabelTop gridHeadSort';
	}
		li.filter-sort-item .filter-sort-list {
			top: 22px;
		}
		.commodity-options li.filter-sort-item .filter-sort-list{
			right: auto;
			left:0;
		}
		.grid-head-market .filter-zipcode .hide{
			display: none;
		}
		ul.grid-head-market {
			width: auto;
			justify-content: start;
		}
		.grid-head-filter-sort {
		}
	.grid-head-filter-sort {
		grid-template-columns: 1fr ;
		grid-template-areas: 'gridHeadMarket' 'filterLabelTop';
	}
	input:checked + label.filter-label-top + ul.grid-head-filter{
		bottom: 0 !important;
		padding: 10px 10px;
		border-radius: 0;
		flex-direction: column;
	}
	.m-dd li.filter-sort-item label{
		border:0;
		width: 100%;
		height: 30px;
	}
		li.filter-sort-item label#marketLabel + .filter-sort-list,
		li.filter-sort-item .filter-sort-list,
		.filter-sort-list:has(.electricity-market),
		.filter-sort-list:has(.gas-market)  {
			width: 100% !important;
		}
		li.filter-sort-item .filter-sort-list ul label {
		}
		li.filter-sort-item #filter-label-sort + .filter-label + .filter-sort-list {
			width: 300px !important;
		}
		.filter-container li.filter-sort-item{
			width: 100%;
		}
	
}
@media (max-width: 881px) {
	li.filter-sort-item label.electricity-market,
	li.filter-sort-item label.gas-market{
		max-width: 120px;
    	overflow: hidden;
	}
}
@media (max-width: 768px) {
	.ms-hide-text, .planCall span, #filter-element .xxs-hide{
		display: none;
	}
	.card-row-simple .plan-card{
		padding-bottom: 0;
	}
	.grid-outer-container {
		padding: 20px 0;
	}
		#compare-energy-rates section {
			padding: 50px 0;
		}
		.plandetails-container .plan-credits-fees ul li {
			white-space: normal;
		}
		.card-row-simple {}
			.card-row-simple .plan-action .planCall{
				width:60px;
			}
			/* only if there is no .primary-btn button */
			.plan-action:has(.planCall):not(:has(.primary-btn)) .planCall{
				width: 100%;
			}
				.plan-action:has(.planCall):not(:has(.primary-btn)) .planCall span{
					display: block;
				}
			.card-row-simple .card-body strong.h3 {
				margin-bottom:10px;
			}
			.card-row-simple .card-body .plan-pricing{
				display: block;
			}
				.plan-row-inner-container .plan-pricing em {
				}
		.simple-grid-row {} 
			.grid-container .plan-row-inner-container.plan-row-details-container {
				grid-template-columns: 1fr 1fr 1fr 1fr;
				grid-template-areas:
				'planProvider planRating planPrice planPrice'
				'planViewDetails planNameFeatures planNameFeatures planNameFeatures'
				'planAction planAction planAction planAction';
				grid-column-gap: 10px;
			}
			

			.plan-row-inner-container .plan-name-features .plan-name{
				width: 100%;
			}
				.card-row-simple .card-body .plan-name h3{
					width:70%;
					float: right;
				}
			.card-row-simple .card-body .company-rating {
				justify-content: start;
				width: 100%;
			}
				.card-row-simple .card-body .company-rating .stars-container, .plan-row-inner-container .plan-rating .stars-container{
					height: 15px;
				}
			.plan-row-inner-container .plan-price {
				justify-content: end;
				display: flex;
				align-items: end;
				text-align: right;
			}
				.plan-row-inner-container.plan-row-details-container .plan-pricing strong {
				}
			.plan-row .plan-action{
				display: grid !important;
				grid-template-columns: 60px 1fr;
			}
				.plan-row-inner-container .plan-action.btn-container{
					margin:0;
				}
				.plan-row .plan-action form,
				.plan-view-details .btn-container{
					padding:0;
					margin: auto 0;
				}
				.plan-row .plan-action .btn {
					--si-btn-padding-x: 0.5rem;
					width: 100%;
				}
				.plan-row .plan-action .planCall{
					grid-column: 1;
					grid-row: 1;
					padding:0 5px 0 0;
				}
					.simple-grid-row .planCall a.btn{
						height: 38px;
					}
					.planCall a.btn {
						padding:5px 8px;
					}
				.simple-grid-row .plan-action:not(:has(form)) {
					display: block !important;
					width: 100%;
					
				}
					.simple-grid-row .plan-action:not(:has(form)) .planCall{
						padding: 0;
					}
			.plan-row .plan-badge{
				width: 100%;
			}
	.grid-full {
		display: grid !important;
		grid-template-columns: 1fr !important;
	}

	/* >>> change layout on mobile <<< */
	.superwidget-container .xl-hide{
		display: block !important;
	} 
	.grid-container .plan-item{
		position: relative;
	}
	.card-row-simple{}
		.card-row-simple .plan-topper {
			text-align: right;
			padding-right: 10px;
			padding-top: 5px;
			font-size: 12px;
		}
			.card-row-simple .plan-topper span {
				justify-content: end;
				padding-top: 3px;
			}
		.card-row-simple .card-body .plan-provider{
			position: absolute;
			bottom: 10px;
			grid-row-gap: 0;
			align-items: start;
			padding-left:10px;
		}
		.card-row-simple .plan-card-inner-container {
			display: grid;
			grid-template-columns: 1fr;
			grid-template-areas: 
			'planFeatures'
			'planProvider';
			grid-column-gap: 10px;
			padding: 0;
			margin-bottom: 0;
		}
			.card-row-simple .plan-static-content {
				display: grid;
				grid-template-columns: 1fr 1fr 1fr;
				grid-template-areas:
				'cardPlanTermMrc cardPlanTermMrc cardPlanPricing'
				'. cardPlanName cardPlanPricing'
			}
			.card-row-simple .plan-static-content .price-term-bill-mrc{
				width: 100%;
				display: grid;
				grid-template-columns: repeat(2, 1fr);
				padding: 10px 0 0 0px;
			}
				.card-row-simple .price-term-bill-mrc ul {
					margin-left: 10px;
					flex-wrap: wrap;
				}
					.card-row-simple .price-term-bill-mrc ul.plan_avgbill::before{
						display: none;
					}
		.card-row-simple .card-body{
			border-radius: 0 0 var(--grid-border-radius) var(--grid-border-radius) !important;
			padding: 0;
		}
				.card-row-simple .card-body .plan-pricing {
					padding-top:20px;
					min-height: 230px;
				}
				.card-row-simple .card-body strong.h3 {
					font-size: 30px;
				}
				.card-row-simple .card-body .plan-name{
					padding-bottom: 35px;
				} 
					.card-row-simple .card-body .plan-name h3 {
						width: 100%;
						float:left;
						text-align: left;
						margin-top:10px !important;
						padding:0 10px 0 10px;
					}
			    .card-row-simple .plan-static-content .plan-action .btn {
					padding-left: 0;
					padding-right: 0;
				}
			.card-row-simple .plan-details-action label.btn {
				grid-column-gap: 0;
				border: 0;
				padding: 0;
			}
				.card-row-simple .planCall a{
					font-size: 16px;
				}
				.card-row-simple .plan-details-action label.btn i,
				.card-row-simple .planCall span{
					display: block;
					font-weight: 500;
				}
				.card-row-simple .planCall a span,
				.card-row-simple .planCall a.btn::before {
					display: none;
				}
				.card-row-simple .plan-details-action label.btn:hover {
					background-color: transparent !important;
				}
			
			.card-row-simple .plan-price-action-features-container{
				
			}
				.card-row-simple .plan-details-action {
					border-top:0;
					margin-left: calc((100% / 3) - 15px);
					bottom: 10px;
				}
			
				.card-row-simple .plan-details-action label.btn{
					justify-content: start;
					padding-left:10px;
					margin-left:15px;
					position: relative;
				}
					.card-row-simple .plan-details-action label.btn::before {
						position: absolute;
						left: -5px;
					}
			.card-row-simple .plan-static-content .plan-action {
				flex-direction: column;
				width: calc(100% / 3.5);
				top: 90px;
				bottom: auto;
				display: block !important;
			}
				.card-row-simple .plan-action .planCall {
					width: 100%;
				}
				.card-row-simple .planCall a.btn{
					border: 0;
				}
				.card-row-simple .plan-static-content .plan-action input.primary-btn{
					white-space: normal;
					word-break: break-word;
					padding-left:0;
					padding-right: 0;
				}
				.card-row-simple .plan-static-content .plan-action .btn {
					white-space: normal;
					word-break: break-word;
				}
				.card-row-simple .plan-static-content .plan-action .planCall .btn {
					display: block;
					overflow: visible;
				}
				.card-row-simple .plan_avgbill span,
				.card-row-simple .plan_avgbill .est_bill{
					font-weight: bolder;
				}
		.card-plan-description{
			grid-column: 1/3;
			padding: 10px 10px 10px 0;
		}
			.card-plan-description ul{
				display: block;
			}
			.card-plan-description ul li{
				list-style-type: disc;
				margin-left: 15px;
			}

	.plan-row{
		padding-bottom: 0;
	}
		.superwidget-add-xs,
		.plan-row .planCall a.btn::before{
			display: none;
		}
		.plan-row .plan-badge {
			position: absolute;
			top: 0;
			left: 0;
			font-family: var(--plan-price-font);
			text-transform: uppercase;
			font-weight: 600;
			padding: 5px 0 5px 10px;
			clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
			width: 120px;
			display: block;
			border-radius: 0;
			margin-top: 0;
			text-align: left;
		}
		.plan-row .plan-item {
			padding: 0;
		}
		.grid-container .plan-row-inner-container.plan-row-details-container .plan-term, .grid-container .plan-row-inner-container.plan-row-details-container .plan-bill,
		.plan-row .superwidget-add-xs{
			display: block;
		}
		
		.grid-container .plan-row-inner-container.plan-row-details-container {
			grid-template-columns: 1fr 1fr 1fr;
			grid-template-areas: 
			'planTerm planBill planPrice' 
			'planProvider planNameFeatures planPrice' 
			'planRating planViewDetails planPrice'
			'planAction planAction planAction';
		}
			.plan-row-inner-container .plan-name-features h3.h4,
			.grid-container .plan-row-inner-container.plan-row-details-container .plan-term, .grid-container .plan-row-inner-container.plan-row-details-container .plan-bill {
				text-align: left;
			}
			.plan-row-inner-container.plan-row-details-container .plan-price .h3 {
				font-size: 30px;
			}
			.plan-row-inner-container.plan-row-details-container .plan-pricing strong {
				font-size: 18px;
			}
			.plan-row-inner-container .plan-term em,
			.plan-row-inner-container .plan-bill em {
				font-size: 12px;
			}
			.plan-row-inner-container .plan-price {
				text-align: center;
				display: block;
				padding: 10px 0 0 0;
				min-height: 200px;
			}
				.plan-item .plan-badge + input + .plan-row-inner-container .plan-price {
					
				}
				.plan-row-inner-container .plan-pricing em {
					display: block;
					width: 100%;
				}
		.grid-container .plan-row-inner-container.plan-row-details-container .plan-bill,
		.grid-container .plan-row-inner-container.plan-row-details-container .plan-term {
			padding: 10px 0 0 10px;
			display: flex;
			flex-direction: column;
			align-items: start;
		}
		.plan-row-inner-container.plan-row-details-container .plan-term{
			justify-content: start;
		}
			.grid-container .plan-row-inner-container.plan-row-details-container .plan-bill ul,
			.grid-container .plan-row-inner-container.plan-row-details-container .plan-term ul{
				padding-left: 0;
			}
				.grid-container .plan-row-inner-container.plan-row-details-container .plan-bill ul li,
				.grid-container .plan-row-inner-container.plan-row-details-container .plan-term ul li{
					list-style-type: none;
					font-size: 12px;
				}
		.grid-container .plan-row-inner-container.plan-row-details-container .plan-bill {
			padding: 10px 0 10px 0;
		}
			.plan-row .plan-item .plan-badge + input + .plan-row-inner-container .plan-bill,
			.plan-row .plan-item .plan-badge + input + .plan-row-inner-container .plan-term {
				padding: 40px 0 0 10px;
			}
			.plan-row .plan-item .plan-badge + input + .plan-row-inner-container .plan-bill {
				padding: 40px 0 10px 0;
			}
		.plan-row .plan-row-inner-container .plan-action {
			flex-direction: column;
			width: calc(100% / 4);
			top: 70px;
			right: 10px;
			bottom: auto;
			display: block !important;
			position: absolute;
		}
			.plan-row .plan-row-inner-container .plan-action form{
				width: 100%;
			}
			.plan-row .plan-row-inner-container .plan-action input.primary-btn,
			.plan-row .plan-action .btn{
				white-space: normal;
				word-break: break-word;
				padding-left: 0;
				padding-right: 0;
			}
			.plan-row .plan-action .btn{
				padding-left:0;
				padding-right: 0;
			}
			.plan-row .plan-row-inner-container .plan-action .planCall .btn {
				display: block;
				overflow: visible;
				border:0;
				font-size: 16px;
				white-space: normal;
        		word-break: break-word;
				padding: 0;
        		line-height: 25px;
			}

		
		.plan-row-inner-container .plan-provider,
		.plan-row-inner-container .plan-rating .stars-container{
			padding-left: 10px;
		}
		.plan-row-inner-container .plan-rating {
			margin-bottom: 20px;;
		}
		.plan-row .plan-item .plan-badge + input + .plan-row-inner-container .plan-rating{
		}
		.plan-row .plan-action form, .plan-view-details .btn-container {
			margin: 0;
		}
			.plan-row-inner-container .plan-view-details .btn-container label.btn{
				width: 110px;
				text-indent: 0;
				padding-left: 15px;
				font-weight: 400;
			}
			.plan-row-inner-container .plan-view-details .btn-container label.btn::after {
				left: 7px;
				font-size: 110%;
				color: var(--plan-card-details-font-color);
			}
			.plan-row .plan-details-link {
				justify-content: start;
			}
		.plan-row .plan-view-details .ms-hide-text{
			display: block !important;
		}
		.plan-row-inner-container .plan-name-features{
			justify-content: center !important;
		}
	
	.plandetails-unfold-content {
		border-radius: 0;
	}
		
	/* end of change layout on mobile */

	/* filter */
	.m-dd li.filter-sort-item label {
        padding-top: 1%;
    }
	li.filter-sort-item.filter-zipcode .btn{
		display: block;
	}
		li.filter-sort-item.filter-zipcode .btn.zip-icon{
			display: block;
		}	
	.grid-head-filter-sort{
		padding:10px;
	}
		li.filter-sort-item.filter-zipcode {
			padding-right:10px;
		}
		li.filter-sort-item.filter-zipcode .btn.zip-icon.show-filter-btn-text {
			width: 60px;
			padding-right: 10px;
		  }
			li.filter-sort-item.filter-zipcode .btn.zip-icon,
			li.filter-sort-item.filter-zipcode .zipcontainer:hover .btn.zip-icon,
			li.filter-sort-item.filter-zipcode input[type=text]:focus + .btn.zip-icon {
				right:auto;
				right: 2rem;
			}
		.commodity-options li.filter-sort-item .filter-sort-list, .filter-sort-list:has(.electricity-market), .filter-sort-list:has(.gas-market){
			width: 150px !important;
		}
		li.filter-sort-item.filter-zipcode .btn.zip-icon.show-filter-btn-text {
			
		}
			li.filter-sort-item.filter-zipcode .btn.zip-icon.show-filter-btn-text,
			li.filter-sort-item.filter-zipcode .zipcontainer:hover .btn.zip-icon.show-filter-btn-text, li.filter-sort-item.filter-zipcode input[type=text]:focus + .btn.zip-icon.show-filter-btn-text {
				right: 0;
			}
	.card-row-simple .plan-save-percentage{
			bottom:auto;
			top:0;
		}
			.card-row-simple .card-body .plan-price-action-features-container:has(.plan-save-percentage){
				padding-top: 20px;
			}
			.card-row-simple .plan-price-action-features-container:has(.plan-save-percentage) .plan-pricing {
				padding-top: 10px;
			}
			.plan-row .plan-item:has(.plan-save-percentage){
				padding-bottom: 15px;
			}
		.plan-row .plan-save-percentage{
			position: absolute;
			text-align: center;
			width: 100%;
			left: 0;
			bottom:0;
			color: var(--si-gray-900);
			display: flex;
			align-items: center;
			justify-content: center !important;
			background-color: var(--light-green);
			flex-direction: row;
		}
			.plan-row .plan-save-percentage strong{
				position: relative;
				padding-left: 15px;
				text-transform: none;
				font-weight: normal;
			}
			.plan-row .plan-save-percentage strong::before{
				content: var(--icon-bill-bag);
				display: block;
				font-family: var(--widget-icon-font);
				position: absolute;
				left:0px;
				top:1px;
			}
			.plan-row .plan-save-percentage span:last-child{
				padding-left: 0;
			}
			.plan-row .plan-save-percentage span:last-child::before{
				display: none;
			}
	.grid-head-filter-sort{
		padding:0;
	}
		li.filter-sort-item.filter-zipcode{
			flex-direction: column;
			align-items: center;
		}
		.filter-container .filter-zipcode .filter-zipcode-form{
			align-items: center;
			margin:10px 0;
		}
		.filter-sort-list:has(.electricity-market), .filter-sort-list:has(.gas-market) {
			min-width: 180px;
		}
		li.filter-sort-item.filter-zipcode input[type=text] {
			border-width: 1px;
			border-style: solid;
		}
		li.filter-sort-item label.electricity-market, li.filter-sort-item label.gas-market{
			max-width: 150px;
		}
		label.filter-label-top, li.filter-sort-item label.filter-label {
			padding: 0 20px 0 10px;
			height: 33px;
			line-height: 30px;
		}
			li.filter-sort-item .filter-sort-list {
				top: 33px;
			}
			label.filter-label-top, li.filter-sort-item label {
				line-height: 30px;
			}
	.content-tab-wrapper-superwidget .tab-ct-content{
    	padding: 40px 0px !important; 
	}
		.content-tab-wrapper-superwidget .zip-modal .modal-content {
			top: 20%;
		}
		#gas-a .filter-label{
			display: none;
		}
	/* Except Texas */
	#filter-label-show-1 + .filter-label {
		display: none;
	}
			
}
@media (max-width: 320px){
	.xs-hide{
		display: none;
	}
	/* end of change layout on mobile */
	.card-row-simple .card-body .plan-provider .company-logo{
		width: 70px;
	}
	.superwidget-container .card-body .plan-name h3,
	.plan-row-inner-container .plan-name-features h3.h4{
		font-size: 0.8rem;
	}
	.superwidget-container .btn.primary-btn {
		font-size: 0.8rem;
	}
	.grid-container .plan-row-inner-container.plan-row-details-container {
        grid-template-columns: 1fr 70px 1fr;
	}
	.card-row-simple .plan-static-content .plan-action .planCall .btn,
	.plan-row .plan-row-inner-container .plan-action .planCall .btn{
        font-size: 12px;
        line-height: 15px;
    }
	.card-row-simple .plan-static-content .plan-action .planCall .btn,
	.plan-row-inner-container .plan-view-details .btn-container label.btn {
        font-size: 12px;
        line-height: 15px;
    }
	.content-tab-wrapper-superwidget .tab-cts {
		top: -38px !important;
	}
		
	/* filter */
	
}

/* alert/popup info
-----------------------------------------------*/
.zip-modal{}
 .zip-modal .btn {
	margin-top: 10px;
	border-width: 2px;
 }
 .zip-modal .btn:hover {
 }


/* fix zip code form on top nav
-----------------------------------------------*/
nav .superhead-zip .btn-sm {
	border-width: 3px;
    padding: 2px 8px;
	min-height: 20px;
	font-size: 14px;
	font-weight: normal;
	line-height: 140%;
}
nav .superhead-zip .btn-smd:hover {
    border-width: 3px;
}
.cta .breadcrumb a {
	margin-top: 0;
}
@media (min-width: 768px) {
    nav .hidden-md {
        display: none;
    }
}
@media (max-width: 768px) {
	nav .markets-response{
		padding: 10px;
		margin-top: 100px;
	}
	#main-nav{
		background-color: #fff;
		box-shadow: 2px 2px 6px rgba(0, 0, 0, .25);
		font-size: 18px;

	}
}
@media only screen and (max-width: 992px) {
    nav .zip-inputs {
        display: grid;
        grid-column-gap: 20px;
		grid-auto-columns: 1fr 1fr;
        grid-template-areas:
        'ziplabel ziplabel'
        'input button';
    }
	nav .superhead-zip .hidden-sm,
	nav .hidden-md-down {
		display: none;
	}
	nav .superhead-zip .btn-sm {
		line-height: 100%;
	}
	nav .markets-response{
		position: absolute;
		margin-top: 0;
		top:0;
		width: 250px;
		border-radius: 5px !important;
	}
}

/* fix widget connected style with lightning_erllc_2022.css
-----------------------------------------------*/
.lightning_erllc_2022 .recommended-plan-card p{
	/* local fixed */
	font-size: 14px !important;
	font-weight: 500;
}
.planCall a.btn{
	/* local fixed */
	background-color: transparent;
}	
	.lightning_erllc_2022 .month-bill ul li{
		/* local fixed */
		font-size: 12px !important;
	}
	.lightning_erllc_2022 .month-bill ul li .est_bill{
		display: flex;
	}

.lightning_erllc_2022 .plan-action{
	padding:0 !important;
}
.lightning_erllc_2022 .footer{
	display: block;
}
.lightning_erllc_2022 .plan-item {
    margin: 0;
}
.lightning_erllc_2022 .container.long-content-section ul {
    margin: 0;
	align-items: start;
}
.lightning_erllc_2022 .erllc-alternating-background li {
    margin-bottom: 0;
}
.lightning_erllc_2022 .btn.primary-btn {
	padding-top: 0.6rem;
	padding-bottom: 0.6rem;
}
.erllc-alternating-background .superwidget-container #filter-element ul {
    padding: 0;
    margin: 0;
}
@media (max-width: 768px) {
	.lightning_erllc_2022 .featured-provider-grid  .plan-item {
		margin: 0 0 20px;
	}
}

/* city tab wrapper
-----------------------------------------------*/
.content-tab-wrapper-superwidget {
	position: relative;
}

	.content-tab-wrapper-superwidget .tab-cts {
		display: flex;
		justify-content: center;
		position: absolute;
		top: -45px;
		left: 0;
		right: 0;
		z-index: 10;
		font-weight: bold;
	}

	.content-tab-wrapper-superwidget .tab {
		padding: 12px 34px 12px 46px;
		cursor: pointer;
		border-bottom: none;
		background-color: transparent;
		transition: background-color 0.3s ease, transform 0.2s ease;
		position: relative;
		display: flex;
		align-items: center;
		border:0;
	}

	.content-tab-wrapper-superwidget .tab::before {
		content: "";
		width: 14px;
		height: 14px;
		border-radius: 50%;
		margin-right: 10px;
		background-color: transparent;
		display: inline-block;
		position: absolute;
		left: 20px;
	}

	.content-tab-wrapper-superwidget .tab.active {
		transform: translateY(-2px);
	}

	.content-tab-wrapper-superwidget .tab.active::before {
	}

	.content-tab-wrapper-superwidget .tab-ct-content {
		padding: 40px 20px;
		text-align: center;
		margin-top: 42px;
	}

	.content-tab-wrapper-superwidget .content {
		display: none;
		transition: opacity 0.3s ease, transform 0.3s ease;
	}

	.content-tab-wrapper-superwidget .content.active {
		display: block;
		transform: translateY(0);
	}

/* fix widget connected style with lightning_ratings_2024_base
-----------------------------------------------*/
@media (min-width: 768px) {
    .lightning_ratings_2024_base .card-row-simple .plan-save-percentage,
	.lightning_ratings_2024_twocol_sticky .card-row-simple .plan-save-percentage {
        bottom: 43px;
    }
}

/* fix general
-----------------------------------------------*/
footer nav{
    z-index: 1;
}