/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 15 2026 | 14:39:50 */
/* CMJ: this is a snippets file to house specific one-off blocks of css */ 

/* Used on network page */
.seeLocations {margin: 20px 0;}
.seeLocations ul {margin: 0; padding: 0;}
.seeLocations ul li {list-style-type:none; display: inline-block;}
.seeLocations ul li:first-child:after {content: " | "; padding: 0 5px;}
.seeLocations ul li a {border-bottom: 1px solid #F37721;}
.seeLocations ul li a:hover {border-bottom: 1px solid #ccc;}

/* Used for the Store Locator listing sidebar */
.storeLocation {position: relative;}
.storeLocation .section {margin-bottom: 10px;}
.storeLocation .section .label {font-weight: 600; color: #147350;}

.storeLocation #fuelbrandLogo {position: absolute; top: 10px; right: 0;}
.storeLocation #fuelbrandLogo img {max-width: 120px;}

.storeLocation #mainStoreData {}
.storeLocation #mainStoreData .storeNum {background: #147350; color: #fff; padding: 2px 10px;}
.storeLocation #mainStoreData .address {padding: 0px 10px;}
.storeLocation #mainStoreData .address2 {padding: 0px 10px;}
.storeLocation #mainStoreData .cityStZip {padding: 0px 10px;}
.storeLocation #mainStoreData .country {padding: 0px 10px;}

.storeLocation #contactDetails {padding: 2px 10px;}
	.storeLocation #contactDetails .label {padding-right: 4px;}
	.storeLocation #contactDetails .data {}

.storeLocation #distanceDirections {padding: 2px 10px;}

.storeLocation #hwyExit {padding: 2px 10px;}
	.storeLocation #hwyExit .label {padding-right: 4px;}
	.storeLocation #hwyExit .data {}
	.storeLocation #hwyExit .hwy {}
	.storeLocation #hwyExit .exit {}

.storeLocation #customDetails {width: 98%; margin: 0 auto;}
	.storeLocation #customDetails .flex {display:flex; flex-wrap: wrap; justify-content: flex-start; gap: 20px 0px; margin-bottom: 10px;text-align:center;}
    .storeLocation #customDetails .label {font-weight: 300; font-size: 90%;}
    .storeLocation #customDetails .data {font-weight: 700; display: block;}
	.storeLocation #customDetails .customImg {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 14px 0;}

		.storeLocation #customDetails .customImg .cImg {width: 32%;}
			.storeLocation #customDetails .customImg .cImg span {display: block;}
			.storeLocation #customDetails .customImg .cImg img {max-width: 50px; margin: 0 auto;}
            .storeLocation #customDetails .customImg #iDEF.cImg .data {display: none;}
            .storeLocation #customDetails .customImg #iCAT.cImg .data {display: none;}
            .storeLocation #customDetails .customImg #iRest.cImg .data {display: none;}
            .storeLocation #customDetails .customImg #iPark.cImg {}
            .storeLocation #customDetails .customImg #iFuel.cImg {}

	.storeLocation #customDetails .restOptions {}
		.storeLocation #customDetails .restOptions .label {}
		.storeLocation #customDetails .restOptions .data {}
			.storeLocation #customDetails .restOptions .data p {margin: 0;}

	.storeLocation #customDetails .fuelStatus {}
		.storeLocation #customDetails .fuelStatus .label {}
		.storeLocation #customDetails .fuelStatus .data {}

	.storeLocation #moreInfo {} /* hold */



#wpsl-wrap #wpsl-result-list li { border-bottom: 1px solid #fefefe !important;}
#wpsl-direction-details .wpsl-direction-txt b {color: #147350;}
#wpsl-direction-details .wpsl-direction-after {font-size: 80%; text-align:center; color: #ddd;}

#wpsl-search-btn {
    border: 1px solid #147350 !important;
    border-radius: 15px !important;
    padding: 7px 20px;
    line-height: 1.428571429;
    font-weight: 400;
    color: #fff;
    background-color: #147350 !important; background-image: -moz-linear-gradient(top,#147350,#e6e6e6);
    background-repeat: repeat-x;
    background-image: none;
    box-shadow: 0 1px 2px rgba(64,64,64,.1);
    text-transform: none !important;
    transition: all .3s;
}


.contactForm {margin: 15px; padding: 15px;}
.contactForm .row {margin-bottom: 20px;}
.contactForm .col {}
.contactForm .col input {width: 100%; padding: 4px 4px;}
.contactForm label {font-weight: 600; padding-bottom: 4px;}

/*  response  */
@media screen and (min-width: 600px) {
.contactForm {margin: 15px 0; margin-top: 0; padding: 15px 0; padding-top: 0;}
.contactForm .row {overflow: auto;}
.contactForm .col {width: 30%; float: left; margin-right: 12px;}
.contactForm .col.left {float: left;}
.contactForm .col.right {float: right;}

}


.notFound {text-align:center; padding: 30px; margin: 25px 10px 100px 10px; background-color: var( --e-global-color-fcd3b9e ); border: 1px solid #cfcfcf; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; border-radius: 10px 10px 10px 10px;}
.notFound i {font-size: 170%; color: var( --e-global-color-0b137e6 );}

.podLocBlock {margin: 20px;}
.podLocBlock .listing {border: 1px solid #cfcfcf; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; border-radius: 10px 10px 10px 10px; background: #fff; overflow: auto; margin-bottom: 25px;}

.podLocBlock .listing .locState {background-color: var( --e-global-color-0b137e6 );}
.podLocBlock .listing .locState h3 {margin: 0; padding: 15px 0; font-size: 2rem; color: #fff; text-transform: uppercase; font-weight: 500; text-align:center; font-family: "RightGrotesk-CompactDark", Arial, sans-serif !important;}

.podLocBlock .listing .locIcon {display: none;}

.podLocBlock .listing .locOut {padding: 15px;}
.podLocBlock .listing .locOut .lStorenumber {font-weight: 600;}
.podLocBlock .listing .locOut .lAddressBlock {}
.podLocBlock .listing .locOut .lAddressBlock span.locStateX {}


.podLocBlock .listing .locAlt { padding: 15px; background-color: var( --e-global-color-fcd3b9e );}
.podLocBlock .listing .locAlt .inside {}
.podLocBlock .listing .locAlt .inside strong {text-transform: uppercase; font-weight: 500; font-size: 1em; font-family: "RightGrotesk-CompactDark", Arial, sans-serif !important;}
.podLocBlock .listing .locAlt .inside div {font-size: 90%;}
.podLocBlock .listing .locAlt .inside div p {margin: 0;}

/*  response  */
@media screen and (min-width: 1200px) {
	.podLocBlock .listing .locState {float: left; width: 120px; min-height: 120px; }
    .podLocBlock .listing .locState h3 {padding: 0; padding-top: 32%;}
	.podLocBlock .listing .locIcon {float: left; width: 70px; text-align:center; display: block;}
	.podLocBlock .listing .locIcon i {color: var( --e-global-color-25cd1bb ); font-size: 24px; margin-top: 44px;}
	.podLocBlock .listing .locOut {float: left; width: 30%; padding: 15px 0;}
	.podLocBlock .listing .locAlt {float: right; width: 50%;  min-height: 120px;}
}