html{
    -webkit-font-smoothing: antialiased;
    scroll-behavior: smooth;
}
body{
    background-color:#e0e0e0;
    font-family: 'EMprintRegular', Arial;
}

.shadow-container{
    box-shadow:0 4px 16px 0 rgba(0,0,0,.3);
    max-width:1400px;
    margin:0 auto;
    background: white;
}

.container{
    max-width:1400px;
}

/***** GENERAL VARIABLES *****/

h1{
    font-size:3.125rem;
    font-family: EMprintLight,Arial;
}

h2{
    font-size:2.5rem;
    font-family: 'EMprintLight', Arial;
}

h3{
    font-size:2rem;
    font-family: 'EMprintLight', Arial;
}

a:hover{
    transition: ease-in-out 0.2s all;
}

.btn-primary{
    background:#0e469b;
    color: white;
    font-size:1.125rem;
    padding:.625rem 3.125rem;
    border-radius: 0;
    margin:.125rem;
    border:0;
    font-family: 'EMprintSemibold' , Arial;
}

a{
    color:#0c479d;
}

strong{
    font-family: 'EMprintSemibold' , Arial;
}

/***** HEADER ****/

header{
    border-bottom:10px solid #0e469b;
}

.top-bar{
    background-color:#f0f0f0;
    height:40px;
}

.top-bar-col{
    height:40px;
}

.top-bar-ul{
    list-style:none;
    padding-left:0;
    height:inherit;
}
.top-bar-ul li a{
    font-family: 'EMprintSemibold' , Arial;
    font-weight:700;
    color:#454545;
    font-size:.8125rem;
    white-space:nowrap;
    text-decoration: none;
    display:block;
    padding:0.625rem 1.6rem;
}

.top-bar-ul li a:hover{
    background-color:#d9d9d9;
}

.bullet-list{
    align-content:center;
    margin-left:-4px;
    margin-right:-4px;
    color:#d6d6d6;
}
.socials-header{
    padding-left:0;
    list-style:none;
}

/** Start customized stylings **/
/* Adding class name changes to make this stylings support for fontawesome icons  */
/* Adding background url changes to support linking assets files on october */

.fab.fa-x-twitter{
    width:22px;
    height:22px;
    display:block;
    background:url("../images/twitter.png");
    background-size:cover;
}

.nav-link {
    font-weight: bold;
}

.fab.fa-x-twitter:hover{
    width:22px;
    height:22px;
    display:block;
    background:url("../images/twitter-hover.png");
    background-size:cover;
}

.fab.fa-facebook-f{
    width:22px;
    height:22px;
    display:block;
    background:url("../images/facebook.png");
    background-size:cover;
}

.fab.fa-facebook-f:hover{
    width:22px;
    height:22px;
    display:block;
    background:url("../images/facebook-hover.png");
    background-size:cover;
}

/** End customized stylings **/

.socials-header li{
    padding:.5525rem;
}

.country-selector{
    list-style:none;
    padding-right:.6215rem;
}

.country-selector li a{
    display:block;
    padding:0.625rem 1rem;
    font-family: 'EMprintSemibold' , Arial;
    color:#454545;
    white-space: nowrap;
    font-size:.825rem;
    text-decoration: none;
}

.country-selector li a:hover{
    background-color:#d9d9d9;
}

.globe-icon{
    /*background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.5,16A7.5,7.5,0,1,1,16,8.5,7.508,7.508,0,0,1,8.5,16Zm0-14A6.5,6.5,0,1,0,15,8.5,6.508,6.508,0,0,0,8.5,2Z" fill="currentColor"></path><rect x="4" y="5" width="9" height="1" fill="currentColor"></rect><rect x="4" y="11" width="9" height="1" fill="currentColor"></rect><rect x="3" y="8" width="11" height="1" fill="currentColor"></rect><rect x="8" y="3" width="1" height="11" fill="currentColor"></rect><path d="M5.156,13.318,4.6,11.384a10.49,10.49,0,0,1,0-5.769l.552-1.934.962.275L5.565,5.89a9.5,9.5,0,0,0,0,5.22l.553,1.934Z" fill="currentColor"></path><path d="M11.844,13.318l-.962-.275.553-1.934a9.5,9.5,0,0,0,0-5.22l-.553-1.934.962-.275L12.4,5.616a10.49,10.49,0,0,1,0,5.769Z" fill="currentColor"></path></svg>') no-repeat center center;*/
    width:16px;
    height:16px;
    background-size:cover;
    display:inline-block;
    margin:0 0.5rem 0 0;
    fill:#7d7d7c;
}

.country-selector li{
    position:relative;
}

.country-selector li::after{
    content:"|";
    position:absolute;
    right:0;
    top:48%;
    transform:translateY(-50%);
    right:-1px;
}

.country-selector li:hover::after{
    opacity:0;
}

.language-selector{
    list-style: none;
}

.language-selector li a{
    font-family: 'EMprintSemibold' , Arial;
    color:#454545;
    white-space: nowrap;
    font-size:.825rem;
    text-decoration: none;
    font-weight: bold;
    margin:0 .225rem;
    position:relative;
}

.language-selector li a:hover{
    border-bottom:1px solid #828282;
}

.current-lang{
    border-bottom:1px solid #828282;
}

.nav-link{
    font-family: 'EMprintSemibold' , Arial;
    color:#454545;
    font-size:.9375rem;
    padding:2.112rem 20px !important;
    position:relative;
}

.nav-link:hover{
    color:#0e469b;
    background-color:#f4f4f4;
    box-shadow:inset 0 3px 0 0 #0e469b;
}

.search-link{
    width:75px;
    text-align: center;
}

/** Start customized stylings **/
/* Adding background url changes to support linking assets files on october */

.search-icon{
    background:url(../images/search.png) no-repeat center center;
    width:15px;
    height:15px;
    background-size:cover;
    vertical-align: middle;
    display: inline-block;
}

.search-icon-mobile{
    background: url(../images/search-icon-mobile.png) no-repeat center center;
    width: 23px;
    height: 23px;
    background-size: cover;
    vertical-align: middle;
    display: inline-block;
}

/** End customized stylings **/


#myTooltip{
    font-family: 'EMprintSemibold' , Arial;
    background:transparent;
    border:0;
    color:#454545;
    font-size:.825rem;
    padding:0;
}

.min-width-auto{
    min-width:auto;
}

.search-header-wrapper{
    border-top:1px solid #d4d4d4;
}

.search-header-wrapper::before{
    content: "";
    background:url('data:image/svg+xml,<svg alt="Search" class="search-button-img" focusable="false" enable-background="new 0 0 20 20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><g fill="212, 212, 212"><path class="coveo-magnifier-circle-svg" d="m8.368 16.736c-4.614 0-8.368-3.754-8.368-8.368s3.754-8.368 8.368-8.368 8.368 3.754 8.368 8.368-3.754 8.368-8.368 8.368m0-14.161c-3.195 0-5.793 2.599-5.793 5.793s2.599 5.793 5.793 5.793 5.793-2.599 5.793-5.793-2.599-5.793-5.793-5.793"></path><path d="m18.713 20c-.329 0-.659-.126-.91-.377l-4.552-4.551c-.503-.503-.503-1.318 0-1.82.503-.503 1.318-.503 1.82 0l4.552 4.551c.503.503.503 1.318 0 1.82-.252.251-.581.377-.91.377"></path></g></svg>');
    position:absolute;
    left:15px;
    top:50%;
    width:35px;
    height:35px;
    transform:translateY(-50%);
    filter: invert(93%) sepia(0%) saturate(976%) hue-rotate(220deg) brightness(85%) contrast(111%);
    background-repeat: no-repeat;
}

.search-header-input{
    font-size:2.1875rem;
    padding-left:4.5rem;
    border: 0;
    font-family: 'EMprintRegular' , Arial;
}

.search-header-input::placeholder{
    color:#5a5a5a;
}

.card-body{
    border:0;
}

.search-header-button{
    font-size: 1.365rem;
    border-left:1px solid #d4d4d4;
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
    padding:0.625rem 4rem;
    background:transparent;
}

/***** HOMEPAGE STYLING *****/

.pe-custom{
    padding-right:15px;
}

.ps-custom{
    padding-left: 15px;
}

.pe-30{
    padding-right:30px;
}

.ps-30{
    padding-left:30px;
}

.px-custom{
    padding:0 6px;
}

.p-custom{
    padding:6px;
}

.text-box{
    position: absolute;
    top:34px;
    left:34px;
    max-width:38%;
    background:rgb(255, 255, 255);
    padding:.9375rem 1.25rem;
}

.news-link{
    position:relative;
    color:#0e469b;
    font-family: 'EMprintSemibold' , Arial;
}

/** Start customized stylings **/
/* Adding background url changes to support linking assets files on october */

.news-link::after{
    content:"";
    position:absolute;
    right:-15px;
    background:url(../images/chevron.png) no-repeat center right;
    width:10px;
    height:10px;
    background-size:cover;
    top: 60%;
    transform: translateY(-50%);
}

/** End customized stylings **/

.news-title{
    font-size:1.25rem;
    font-family: 'EMprintSemibold' , Arial;
}

.custom-bottom-padding{
    padding-bottom:50px;
}

/***** FOOTER *****/

.pt-custom{
    padding-top:35px;
}

.pb-custom{
    padding-bottom:60px;
}

.top-footer-wrapper{
    background:#383838;
}

.footer-ul{
    list-style: none;
}

.footer-ul li a{
    color:#d4d4d4;
    margin-right:.9375rem;
    text-decoration: none;
    font-size:.875rem;
    font-family: 'EMprintSemibold' , Arial;
    white-space: nowrap;
}

.footer-ul li a:first-child{
    padding-right:0.938rem;
}

.footer-ul li.bullet-list{
    margin-left:-14px;
    margin-right:0.938rem;
    color:#606060;
}

.footer-ul li a:hover{
    text-decoration: underline;
}

.footer-search-wrapper{
    min-width:400px;
    background: #262626;
    height:45px;
}

.search-input::placeholder{
    color:#d4d4d4;
}

.search-button{
    background: transparent;
    border:0;
    padding:0 0.75rem;
}

.search-button-img{
    height:18px;
    width:16px;
    color:#707070;
    margin-top:-2px;
}

.search-input{
    background:transparent;
    border:0;
    color:#d4d4d4;
    padding:0 0.75rem;
    font-size:0.938rem;
    font-family: 'EMprintRegular' , Arial;
}

.footer-bottom-wrapper{
    background: #262626;
}

.footer-p{
    color:#d4d4d4;
    font-size:.75rem;
    font-family: 'EMprintSemibold' , Arial;
}

.font-sizing-small li a{
    font-size:.75rem;
}


/***** PROMOTIONS PAGE *****/

.promo-nav{
    list-style: none;
}

.promo-nav li a{
    border-bottom:1px solid #d4d4d4;
    padding:1.125rem 1.875rem;
    display:block;
    color:#0c479d;
    font-family: 'EMprintSemibold' , Arial;
    text-decoration: none;
}

.promo-nav li a:hover{
    color:#044E4E;
    text-decoration: underline;
}

.promo-nav li:last-child a { border-bottom: none; }


/***** PROMO PAGE *****/

.terms-text{
    font-size:0.813rem;
    line-height:1.5;
}

/**** FUELS PAGE *****/


.large-p{
    font-size: 1.25rem;
}


/*** ACCORDION STYLING ***/

.accordion-item{
    margin-bottom:5px;
    border:1px solid #ebebeb !important;
}

.accordion-header{
    background:#ebebeb;
}

.accordion-button{
    color:#2b2626;
    font-family: 'EMprintSemibold' , Arial;
    background:#ebebeb;
    padding-top:0.75rem;
    padding-bottom:0.75rem;
}

.accordion-button:not(.collapsed){
    background-color:white;
    color:black;
    box-shadow:none;
}

.accordion-button:focus{
    box-shadow:none;
}

/** Start customized stylings **/
/* Adding background url changes to support linking assets files on october */

.accordion-button::after{
    background-image: url("../images/plus.png");
    width: 24px;
    height: 24px;
    background-size: cover;
}

.accordion-button:not(.collapsed)::after{
    background-image: url("../images/minus.png");
    width: 24px;
    height: 24px;
    background-size: cover;
}

/** End customized stylings **/

accordion-button:active{
    color:black;
}



/***** COMMUNITY PAGE *****/


.text-box-bottom{
    position: absolute;
    bottom: 34px;
    background: white;
    padding: 12px;
    left: 34px;
    right: 34px;
}


table thead tr th{
    background:#E6E6E6 !important;
}

/*** CONTACT PAGE ***/

.box-heading{
    width: auto;
    position: absolute;
    bottom: 34px;
    left: 34px;
    background: white;
    padding: 0.938rem;
}


/*** SEARCH OVERLAY ***/

nav{
    background:white;
}

#collapseSearch .card-body{
    border-radius: 0;
}

.search-overlay {
    position: fixed;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1040;
    transition: background-color 0.5s ease-in-out;
    transform:translateX(-50%);
    max-width:1400px;
}

/* Ensure header is above overlay */
header {
    position: relative;
    z-index: 1055;
}

/* Keep search input and dropdown above overlay */
#collapseSearch {
    z-index: 1050;
    position: relative;
}

/** Start customized stylings **/
/* Adding background url changes to support linking assets files on october */

.search-active .search-link .search-icon{
    background:url(../images/close.png) no-repeat center center;
    width: 15px;
    height: 15px;
    background-size: cover;
    vertical-align: middle;
    display: inline-block;
}

/** End customized stylings **/

.search-link:hover,
.search-link.search-active {
    box-shadow: inset 0 3px 0 0 #0e469b;
}

.nav-item.search-active .search-link {
    box-shadow: inset 0 3px 0 0 #0e469b;
}

.search-active{
    color: #0e469b;
    background-color: #f4f4f4;
    box-shadow: inset 0 3px 0 0 #0e469b;
}

/** Start customized stylings **/
/* Adding background url changes to support linking assets files on october */

.search-icon-mobile.active {
    background: url('../images/close.png') no-repeat center center;
    width: 23px;
    height: 23px;
    background-size: cover;
}

/** End customized stylings **/


/** Start customized stylings **/

/* Search Pagination Styling */
.search-pagination {
    margin-top: 2rem;
    text-align: center;
}

.search-pagination .pagination {
    justify-content: center;
}

.search-pagination .page-link {
    color: #0e469b;
    border-color: #dee2e6;
}

.search-pagination .page-link:hover {
    background-color: #0e469b;
    border-color: #0e469b;
    color: #fff;
}

.search-pagination .page-item.active .page-link {
    background-color: #0e469b;
    border-color: #0e469b;
}

/* No Results Styling */
.no-results {
    text-align: center;
    padding: 3rem 1rem;
    color: #666;
}

.no-results p {
    font-size: 1.125rem;
    margin-bottom: 0;
}
/** End customized stylings **/