/* ==========================================================================
Project: Sunoco LP
Date: 11/08/2024 - File created
Created by: Third Wave Digital (www.thirdwavedigital.com)
========================================================================== */
/* ==========================================================================
Colors
========================================================================== */
:root {
--body: #212529;
--white: #fff;
--orange: #F04B34;
--dark-orange: #E42A11;
--yellow: #FFD100;
--dd-level-2-blue: #303A55;
--dd-level-3-blue: #3D4969;
--dd-level-4-blue: #4C597D;
--dark-blue: #262F47;
--darker-blue: #2D3652;
--light-blue: #74CDD7;
--lightest-grey: #f7f7f7;
--light-grey: #EAEAEA;
--grey: #ccc;
--darker-grey: #8b8688;
--darkest-grey: #666;
--black: #000;
}
/* ==========================================================================
Transitions
========================================================================== */
@view-transition {
navigation: auto;
}
/* ==========================================================================
Typograpy
========================================================================== */
body,p, h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {font-family: "Inter", serif;font-weight: 400; font-optical-sizing: auto;font-style: normal;margin-bottom: 1rem;}
body {font-weight: 400;margin-bottom: 0; font-size: .913rem}
h1, .h1, h2, .h2, h5, .h5, h6, .h6 {font-weight: 700;}
h3, .h3, .h4, h4 {font-weight: 600}
main p {line-height: 1.7}
.font-weight-extrabold {font-weight: 800}
.font-weight-extrabold sup {font-weight: 400; font-size: 40%; vertical-align: top; margin-right: 5px; top: 20px}
.h1-large {font-size: 4rem; line-height: 1}
.h4-large {font-size: 1.75rem; line-height: 1.2; font-weight: 600}
/* ==========================================================================
Main Layout
========================================================================== */
body {background: var(--lightest-grey); overflow-x:hidden}
/* Skip */
.skip {position:absolute;top:-1000px;left:15px;width:auto;height:auto;text-align:center;overflow:hidden;transition:.25s;background:var(--dark-orange); width:auto;height:auto;overflow:visible;padding:10px;color:var(--white);font-weight:600;font-size:.875rem;z-index:9999;text-decoration:underline}
.skip:active,.skip:focus,.skip:hover{left:15px;top:15px;color: var(--white); background:var(--dark-orange)}
/* Header */
.header-wrapper {box-shadow: 0px 0px 10px 0px rgba(0,0,0,.3);position: fixed; top: 0px; left: 0px; margin-bottom: -1px; transition: top 250ms ease; width: 100%; z-index:2;height: 96px}
.header-wrapper .bg-dark-blue {padding: 10px 0px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,.5);position: relative; z-index: 1}
.header-wrapper .bg-light-grey { position: relative; z-index: 0; margin-top: -1px}
.header-wrapper .quicklinks, .header-wrapper .mainmenu {margin: 0px; padding: 0px}
.header-wrapper .quicklinks li, .header-wrapper .mainmenu li {display: inline-block}
.header-wrapper .quicklinks li {margin-left: 20px; font-size: .875rem;font-weight: 600;}
.header-wrapper .quicklinks a, .header-wrapper .quicklinks .btn {color: var(--white);transition: opacity 250ms ease;}
.header-wrapper .quicklinks .btn {padding: 5px; font-size: .875rem;}
.header-wrapper .quicklinks a:hover, .header-wrapper .quicklinks a:focus, .header-wrapper .quicklinks .btn:hover, .header-wrapper .quicklinks .btn:focus {opacity: .75}
.header-wrapper .quicklinks a {text-decoration: none;}
.header-wrapper .mainmenu li:not(:first-child) {margin-left: 45px;}
.header-wrapper .mainmenu a:not(.btn):hover, .header-wrapper .mainmenu a:not(.btn):focus {color: var(--dark-blue)}
.header-wrapper .mainmenu .btn, .header-wrapper .mainmenu a:not(.btn) {height: 48px; display:flex; align-items:center}
.header-wrapper .mainmenu .btn[id], .header-wrapper .mainmenu a:not(.btn) {border:none; background:none; padding: 0px; font-weight: 700; font-size: .938rem; position: relative; text-decoration: none;}
.header-wrapper .mainmenu .btn[id]::after, .header-wrapper .mainmenu a::after {content:""; position: absolute; bottom: -1px; left: 0px; right: 0px; margin: auto; width: 60px; background: var(--orange); height: 2.5px;opacity:0; transition: opacity 250ms ease;}
.header-wrapper .mainmenu .btn[id]:hover::after, .mainmenu .btn[id].active::after, .header-wrapper .mainmenu a:not(.btn):hover::after, .header-wrapper .mainmenu a:not(.btn):focus::after, .header-wrapper .mainmenu a:not(.btn).active::after, .header-wrapper .mainmenu li.active .btn::after, .header-wrapper .mainmenu li.active a::after {opacity:1}
.btn-toggle-offcanvas {border-radius: 0px; height: 36px;margin:0;padding:5px;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity;text-transform:none;color:inherit;border:0;}
.hamburger-box {position: relative;display: inline-block;width: 24px;height: 24px;}
.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:24px;height:3px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:3.5px;background-color:var(--white); right: 0px}
.hamburger-inner{top:50%;display:block;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s;}
.hamburger-inner:after,.hamburger-inner:before{display:block;content:"";}
.hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in; top:-8px;}
.hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.685,.19); bottom:-8px;}
.btn-toggle-offcanvas.active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}
.btn-toggle-offcanvas.active .hamburger-inner:before{top:0;transition:top .1s ease,opacity .1s ease .12s;opacity:0; width: 100%;}
.btn-toggle-offcanvas.active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(90deg);width: 100%;}
/* Header Dropdowns */
.dd-wrapper {position: relative;z-index: -1; opacity: 0; transition: opacity 250ms ease;}
.dd-wrapper.active {opacity: 1}
.dd-wrapper::after {content:""; display:block; pointer-events:none; background: rgba(0,0,0,.5);opacity: 0; backdrop-filter: blur(4px); transition: opacity 600ms ease; z-index: -1; position: fixed; top: 0px; left: 0px; right: 0px; height: 100vh;}
.dd-wrapper.active::after {opacity: 1; }
.header-wrapper .dd {border-left: 3px solid var(--orange);width: 100%; display:flex}
.header-wrapper .dd div[data-dd-level] { position: relative; height: 100vh; padding: 15px 15px 15px 20px; width: 240px;filter: drop-shadow(10px 0px 10px rgba(0,0,0,.25));}
.header-wrapper .dd div[data-dd-level="1"] {background: var(--dark-blue); z-index: 4}
.header-wrapper .dd div[data-dd-level="2"] {background: var(--dd-level-2-blue); z-index: 3}
.header-wrapper .dd div[data-dd-level="3"] {background: var(--dd-level-3-blue); z-index: 2}
.header-wrapper .dd div[data-dd-level="4"] {background: var(--dd-level-4-blue); z-index: 1}
.header-wrapper .dd li:not(:last-child) {margin-bottom: 20px}
.header-wrapper .dd li.active .btn, .header-wrapper .dd li.active a {background: rgba(0,0,0,.3); padding: 5px 7.5px;border-radius: 4px;}
.header-wrapper .dd a:not(.btn), .header-wrapper .dd .btn[id] {color: var(--white); transition: opacity 200ms ease; text-decoration: none;font-weight: 600; font-size: .813rem; display: flex; justify-content: space-between;}
.header-wrapper .dd a:hover, .header-wrapper .dd a:focus, .header-wrapper .dd .btn[id]:hover, .header-wrapper .dd .btn[id]:focus {opacity: .75}
.header-wrapper .dd p {margin-bottom: 20px; color: var(--light-blue); font-size: .913rem;}
.header-wrapper .dd .btn-close-dd {margin-bottom: 15px}
.header-wrapper .dd .btn[id] {background:none; text-align:left; border:none; padding: 0px;display:flex; justify-content: space-between; width: 100%}
.header-wrapper .dd .icon-close {height: 15px; width: 15px; position: relative; display: flex;flex-direction: column;justify-content: center;}
.header-wrapper .dd .icon-close::before,.header-wrapper .dd .icon-close::after { position: absolute;content: "";width: 100%;height: 2px;background-color: var(--white);}
.header-wrapper .dd .icon-close::before {transform: rotate(45deg)}
.header-wrapper .dd .icon-close::after {transform: rotate(-45deg)}
.header-wrapper .dd .icon-angle-right { margin: 5px 5px -5px 0px; border: 1px solid var(--white);width: 9px; height: 9px;border-width: 0px 0px 2px 2px;display:block; transform: rotate(-135deg);}
/* Search */
.search-wrapper {height: 50px;position: fixed; top: -50px; left: 0px; width: 100%; transition: top 250ms ease;z-index: 2}
.search-open .search-wrapper {top: 0px}
.search-open .header-wrapper {top: 50px}
.search-wrapper input {font-weight: 600; font-size: .913rem; border: none; background:var(--lightest-grey); color: var(--dark-blue); height: 50px; padding: 0px 15px; width: 100%}
.search-wrapper input:focus {outline:none}
.search-wrapper input::placeholder {color: rgba(38,47,71,.75)}
.search-wrapper input::-ms-input-placeholder {color: rgba(38,47,71,.75)}
.search-wrapper button[type="submit"] {color: var(--dark-blue);position: absolute; opacity: .7; transition: opacity 250ms ease; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 25px; font-size: .875rem; }
.search-wrapper button[type="submit"]:hover, .search-wrapper button[type="submit"]:focus {opacity: 1}
/* Main */
main {position: relative; z-index: 0}
/* Footer */
.footer-wrapper {position: relative; z-index: 1}
.footer-wrapper a {text-decoration: none;}
.footer-wrapper a:hover, .footer-wrapper a:focus {text-decoration: underline;}
.footer-wrapper hr {height: 1.5px; background: var(--white)}
.footer-wrapper .list-unstyled li {margin-bottom: 10px; font-size: .875rem; font-weight: 500}
.footer-wrapper .small, .footer-wrapper .small a {color: var(--darkest-grey)}
/* Cookie */
.cookie-wrapper {position: fixed; bottom: 0px; left: 0px; width: 100%; z-index:2}
/* ==========================================================================
CMS Classes
========================================================================== */
/* Text */
.text-orange {color: var(--orange)}
.text-blue {color:var(--dark-blue) }
.text-light-blue {color:var(--light-blue)}
.eyebrow {position: relative;font-weight: 700; font-size: .688rem; margin-bottom: 5px; text-transform: uppercase; letter-spacing: 3px; color: var(--darker-grey); opacity: .75}
.eyebrow::after {content:""; font-family: "Font Awesome 5 Free"; color: var(--darker-grey); opacity: .75; font-weight: 900; content: "\f105"; display:inline-block; padding: 0px 0px 0px 10px; vertical-align: top;}
.text-center .eyebrow::after, .text-center.eyebrow::after {content:none}
.text-shadow-lg {text-shadow: 0px 0px 15px rgba(0,0,0,.75)}
.text-xxs {font-size: .688rem;}
.text-xs {font-size: .75rem;}
.text-sm {font-size: .875rem}
.text-md {font-size: 1.063rem;}
.text-lg {font-size: 1.125rem;}
.text-light-grey {color: var(--light-grey)}
.text-lightest-grey {color: var(--lightest-grey)}
.text-grey {color: var(--grey)}
.text-dark-grey, .text-darker-grey {color: var(--darker-grey)}
/* Links */
a {color: var(--dark-blue);text-decoration: underline; transition: color 300ms ease}
a:hover { text-decoration: none;color: var(--dark-orange)}
.page-wrapper a:focus, .page-wrapper input:focus, .page-wrapper select:focus, .page-wrapper button:focus-visible {outline: 5px auto var(--light-blue);}
.page-wrapper button:focus {box-shadow:none}
.text-decoration-none:hover, .text-decoration-none:focus {text-decoration: underline !important;}
.arrow-link, .arrow-link-down, .arrow-link-white {position: relative;font-weight: 700;text-decoration: none;transition: all 250ms ease; padding: 5px 20px 5px 0px; text-decoration: underline;text-decoration-color: var(--grey);text-underline-offset: 4px;text-decoration-thickness: 1.5px;}
.arrow-link:hover, .arrow-link:focus {text-decoration: underline;text-decoration-color: var(--grey);}
.arrow-link::after {content:""; font-family: "Font Awesome 5 Free"; color: var(--dark-orange); font-weight: 900; content:"\f101"; display:block; position: absolute; right: 0px; top: calc(50% + 1px); -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.arrow-link-light {font-weight:normal;}
.arrow-link-down::after {-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg);transform: rotate(90deg); padding: 0px; margin: 0px 0px 0px 10px;}
.arrow-angled-link {position: relative;font-weight: 700;text-decoration: none;}
.arrow-angled-link::after {content: "";background: url(/img/icon-arrow-angled.svg) center center no-repeat; background-size: cover; width: 13px; height: 13px; position: absolute; top: 5px; right: -20px}
.arrow-curved-link {position: relative;white-space: nowrap;font-size: .813rem;display:block; padding-top: 45px}
.arrow-curved-link::before { content: "";background: url(/img/icon-arrow-curved.png) -2px -2px no-repeat var(--dark-blue);background-size: cover;width: 40px;height: 40px;border-radius: 20px;position: absolute; top: 0px;right: 0px;left: 0px;margin:auto}
.arrow-link-white {color: var(--white); font-size: .813rem;}
.arrow-link-white::after {content:""; font-family: "Font Awesome 5 Free"; color: var(--grey); font-weight: 900; content: "\f101"; display:block; font-size: .75rem;position: absolute; right: 0px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%)}
.arrow-link-white:hover, .arrow-link-white:focus {color: var(--grey);text-decoration: underline; text-decoration-thickness: 1.5px;}
/* Buttons */
.btn-orange, .btn-white, .btn-blue, .cms-form .btn-primary, .cms-slideshow .btn-primary {font-family: "Inter", serif;font-weight: 700; font-size: .813rem; position: relative;border:none;text-decoration: none;white-space: nowrap; transition: opacity 250ms ease; opacity: .95;border-radius: 0px 6px 0px 6px; padding: 10px 25px}
.btn-orange, .cms-slideshow .btn-primary {background: var(--orange); color: var(--white);border-left: 4px solid var(--dark-orange);}
.btn-orange:hover, .btn-orange:focus, .cms-slideshow .btn-primary:hover, .cms-slideshow .btn-primary:focus, .cms-slideshow .btn-primary:active {background:var(--dark-orange) !important; color: var(--white) !important;outline: none !important; box-shadow: none !important; -webkit-outline: none !important}
.btn-orange.btn-slanted:active {scale: 1}
.btn-orange.btn-slanted {transition: background 250ms ease}
.btn-white {background: var(--white); color: var(--dark-blue);border-left: 4px solid var(--orange);}
.btn-white:hover, .btn-white:focus {background: var(--white); color: var(--dark-blue); opacity: 1;}
.btn-blue, .cms-form .btn-primary {background: var(--dark-blue); color: var(--white);border-left: 4px solid var(--light-blue); }
.btn-blue:hover, .btn-blue:focus, .cms-form .btn-primary:hover, .cms-form .btn-primary:focus { color: var(--white);background: var(--dark-blue); opacity: 1}
.btn-blue:disabled, .cms-form .btn-primary:disabled {opacity: .1; background: var(--darker-blue); }
.btn-sm {padding: 4px 10px 4px 10px; font-size: .75rem;}
.btn-slanted {clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);padding-left: 20px; padding-right: 20px; border-radius: 0px}
.btn-slanted:active {scale: 1}
.btn-white:active, .btn-blue:active, .btn-orange:active, .cms-form .btn-primary:active, .cms-slideshow .btn-primary:active {scale: .95}
/* Spacing */
.pb-6 {padding-bottom: 3.5rem}
.pt-6 {padding-top: 3.5rem}
.py-6 {padding-top: 3.5rem;padding-bottom: 3.5rem}
.pb-7 {padding-bottom: 5rem}
.pt-7 {padding-top: 5rem}
.py-7 {padding-top: 5rem;padding-bottom: 5rem}
.mb-6 {margin-bottom: 3.5rem}
.mt-6 {margin-top: 3.5rem}
.my-6 {margin-top: 3.5rem;margin-bottom: 3.5rem}
.mb-7 {margin-bottom: 5rem}
.mt-7 {margin-top: 5rem}
.my-7 {margin-top: 5rem;margin-bottom: 5rem}
/* Lists */
.list-checkmarks {font-weight: 700;list-style:none; padding: 0px;}
.list-checkmarks > li {padding-left: 40px; margin-bottom: 1rem; position: relative;}
.list-checkmarks > li::before {content:""; height: 24px; width: 24px; background: url(/img/icon-checkmark.svg) center center no-repeat; background-size: contain; position: absolute; top: 1px; left: 0px}
.list-checkmarks ul {margin-top: 10px}
.list-circles {padding-left: 15px; list-style-type: circle; list-style-position: outside;font-weight: 700;}
.list-dots {padding-left: 25px;}
.list-dots li {margin-bottom: 10px}
.list-orangedots {padding-left: 1rem}
.list-orangedots li {margin-bottom: 15px; font-weight: 600}
.list-orangedots li::marker {color: var(--orange)}
/* Images */
.dropshadow-none {box-shadow:none}
/* ==========================================================================
Components
========================================================================== */
/* Backgrounds */
.bg-light-blue {background:var(--light-blue)}
.bg-blue, .bg-dark-blue {background: var(--dark-blue);}
.bg-blue .text-muted {color: var(--darker-grey) !important}
.bg-blue-75 {background:rgba(38,47,71,.75) }
.bg-orange {background: var(--orange);}
.bg-grey, .bg-lightest-grey {background:var(--lightest-grey)}
.bg-light-grey {background: var(--light-grey)}
.bg-black {background: var(--black)}
.bg-gradient-bottom {position: relative; z-index: 0; overflow:hidden}
.bg-gradient-bottom::before,.bg-gradient-bottom::after {position: absolute;bottom: -100px; left: -1000px; width: calc(100% + 2000px);height:200px;content:"";z-index: -1;}
.bg-gradient-bottom::before {background-image: linear-gradient(0deg, var(--lightest-grey), var(--light-grey), var(--lightest-grey));}
.bg-gradient-bottom.bg-white .row::before {background-image: linear-gradient(0deg, var(--white), var(--light-grey), var(--white));}
.bg-gradient-bottom::after {background-color: var(--light-grey); mask-image: url(/img/bg-guilloche.svg);mask-size: 20px 20px;mask-repeat: repeat;mix-blend-mode:overlay;}
/* Radii */
.rounded-xl {border-radius: 10px}
/* Borders */
.border-left-orange {border-left: 4px solid var(--orange);}
.border-top-orange {border-top: 4px solid var(--orange)}
.border-bottom-orange {border-bottom: 4px solid var(--orange)}
h1.border-left-orange {border-left: 4px solid var(--orange);}
.border-orange {border: 1.5px solid var(--orange) }
.border-left-blue {border-left: 4px solid var(--light-blue); padding-left: 12px;}
.border-left-dark-blue {border-left: 4px solid var(--dark-blue); padding-left: 12px;}
.border-right-orange {border-right: 4px solid var(--orange); padding-left: 12px}
.border-teal {border: 1px solid var(--light-blue)}
/* Horizontal Rules */
hr[class*="my-"] {border-top: 2px solid rgba(165,163,162,0.25);}
/* Heros */
.hero-img-wrapper {position: relative;}
.hero-img-wrapper h1 { padding: 12px 0px 12px 24px}
.hero-img-wrapper .hero p:has(img) {margin: 0px;display:inline} /* CKeditor might have wrapped the image with a <p> tag */
.hero-img-wrapper img {width: 100%; height: 100%; object-fit:cover; }
.hero-80vh {height: 80vh; z-index: -1; position: relative;}
.hero-80vh .hero-caption { color: var(--white); max-width: 650px; position: relative; z-index: 1}
.hero-80vh h1 {text-shadow: 0px 0px 15px rgba(0,0,0,.75)}
.hero-80vh .hero-img {position: absolute; top: 0px; left: 0px; width: 100%; height: 80vh; object-fit:cover; z-index: -1}
.hero-80vh .btn-scroll {bottom: 20px; left: 50%;-webkit-transform: translateX(-50%); transform: translateX(-50%)}
.hero-80vh .angle-down {opacity: .5; border: 1px solid var(--white); transition: opacity 250ms ease; border-width: 3px 3px 0px 0px;width: 18px; height:18px;display:block;-webkit-transform: rotate(135deg); -ms-transform: rotate(135deg);transform: rotate(135deg);}
.hero-80vh .angle-down:hover, .hero-80vh .angle-down:focus {opacity: 1}
.hero-slideshow {overflow:hidden;}
.hero-slideshow, .hero-slideshow .slick-list, .hero-slideshow .slick-track, .hero-slideshow .container-fluid, .hero-slideshow .hero-slide {height: 100%;}
.hero-slideshow .hero-slide::before {content:""; position: absolute; z-index: 0; top: 0px; left: 0px; width: 100%; height: 150px; background: linear-gradient(0deg, rgba(38,47,71,0) 0%, var(--dark-blue) 100%); }
.hero-slideshow .hero-slide::after {content:""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100vh; background: rgba(38,47,71,.75);z-index: 0}
.hero-slideshow .slick-prev, .hero-slideshow .slick-next {opacity: .5; transition: opacity 250ms ease; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 35px; height:35px; position: absolute; z-index: 1; background:none; border: none}
.hero-slideshow .slick-prev {left:30px;}
.hero-slideshow .slick-next {right:30px;}
.hero-slideshow .slick-prev::after, .hero-slideshow .slick-next::after {content: ""; border: 1px solid var(--white);border-width: 0px 0px 3px 3px;width: 18px; height:18px;display:block;}
.hero-slideshow .slick-prev::after {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.hero-slideshow .slick-next::after {-webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
.hero-slideshow .slick-prev:hover,.hero-slideshow .slick-prev:focus,.hero-slideshow .slick-next:hover,.hero-slideshow .slick-next:focus {opacity: 1}
.hero-slideshow .slick-dots {padding:0px; margin:0px; position: absolute; left: 17px; width: 100%; overflow:hidden; bottom: 20px; z-index:0;}
.hero-slideshow .slick-dots li {display:inline-block; padding:0px; margin: 0px! important}
.hero-slideshow .slick-dots button { opacity: .5; margin: 0px 3px; width: 5px; height: 5px; border-radius: 50%;border:none; padding: 0px; background: var(--white)}
.hero-slideshow .slick-dots .slick-active button {opacity: 1}
.hero-slideshow .h1 {font-weight: 600}
.hero-txt-wrapper {background: var(--white); padding-bottom: 4rem; padding-top: 3rem}
.hero-txt-wrapper .h4 { text-transform: uppercase; font-size: .913rem;margin-bottom: .5rem !important; letter-spacing: 4px;font-weight: 700}
.hero-txt-wrapper *:last-child:not(.btn) {padding-bottom: 0px !important; margin-bottom: 0px !important}
.hero-gradient {position: relative; display: flex; align-items: center;color: var(--white)}
.hero-gradient::before {content:""; position: absolute; z-index: 0; top: 0px; left: 0px; width: 80%; height: 100%; background: linear-gradient(90deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 100%);}
.hero-gradient .hero-img {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit:cover; z-index: -1}
.hero-gradient div[class*="container"] {position: relative; z-index: 1}
.hero-grey {background: var(--light-grey); position: relative;overflow:hidden;}
.hero-grey::before, .hero-grey::after {content:""; position: absolute; z-index: 0;}
.hero-grey::before {top: 0px; left: 0px; width: 600px; height: 236px; background: url(/img/bg-lights.webp) center center no-repeat; background-size: 100% 100%; mix-blend-mode: color-dodge;opacity: .3}
.hero-grey::after {left: 50%; top: 50%; width: 400px; height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: radial-gradient(circle farthest-side, var(--white) 0%, var(--light-grey) 100%); mix-blend-mode:lighten;}
.hero-grey div[class*="container"] {position: relative; z-index: 1}
.hero-offset {position: relative}
.hero-offset .hero-img {position: absolute; top: 0px; left: 0px; width: 90%; height: 100%; object-fit:cover; z-index: -1}
.hero-offset .bg-white-blurred { backdrop-filter: blur(15px);background: rgba(255, 255, 255, .75);}
/* Breadcrumbs */
.breadcrumb-wrapper {padding-top: 30px;padding-bottom: 0px;position: relative; z-index: 1;}
.terminal-locations .breadcrumb-wrapper, .q4-news .breadcrumb-wrapper {padding-bottom:25px}
.breadcrumb {background:none; padding: 0px 0px 0px 32px;margin: 0px; position: relative;}
.breadcrumb .active {font-weight: 700; color: var(--dark-blue)}
.breadcrumb li {margin-bottom: 3px}
.breadcrumb li:first-child {position: absolute; top: 0px; left: 0px;}
.breadcrumb li:first-child a {background: var(--lightest-grey); border-radius: 50%; font-size: .688rem; padding: 10px; color: var(--dark-blue)}
/* Cards */
.card-blue, .card-white {border:none; border-radius: 0px;height: 100%}
.card-blue a, .card-white a {word-break:break-all}
.card-blue {background:var(--dark-blue); color: var(--white); border-bottom:10px solid var(--orange);}
.card-white {background: var(--white); border-bottom: 10px solid var(--light-blue); box-shadow: 0px 16px 40px -40px var(--dark-blue)}
/* Card Slideshows */
.card-slideshow .slick-dots {position: relative; list-style:none; display: flex; justify-content: center;padding: 0px;margin:0px auto}
.card-slideshow .slick-track {display: flex !important;}
.card-slideshow .slick-slide {height: inherit !important}
.card-slideshow .slick-dots li {margin: 0px 2px}
.card-slideshow .slick-dots button {width: 5px; height: 5px; padding: 0px; background: var(--body); opacity: .5; border:none; border-radius: 50%}
.card-slideshow .slick-dots .slick-active button {opacity: 1}
.card-slideshow .h-100 {position: relative;}
.card-slideshow .btn {position: static}
.card-slideshow .btn::after { position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0);}
.card-slideshow div[class*="col"]:hover h3 {text-decoration: underline; text-underline-offset:5px; text-decoration-thickness: 2px; text-decoration-color: var(--grey);}
.card-slideshow div[class*="col"]:has(.img-overlay):hover h3 {text-decoration-color: var(--orange)}
.card-slideshow .arrow-link {position: static}
.card-slideshow .arrow-link::after {content:none}
.card-slideshow .arrow-link::before { position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0);}
/* Images */
img {max-width: 100%; height: auto}
.img-fit img {position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; object-fit:cover;}
.img-fit-contain img {object-fit:contain}
.img-fit p:has(img) {margin: 0px;display:inline} /* CKeditor might have wrapped the image with a <p> tag */
.img-fit-top-center img {object-position: top center; }
.img-fit-bottom-center img {object-position: bottom center; }
.img-fit-center-center img {object-position: center center; }
.img-fit-right-center img {object-position: right center; }
.img-fit-left-center img {object-position: left center; }
.img-height-220 {height: 220px; align-self: flex-start}
.img-height-155 {height: 155px; align-self: flex-start}
.img-height-120 {height: 120px; align-self: flex-start}
.img-height-65 {height: 65px; align-self: flex-start}
.img-height-55 {height: 55px; align-self:flex-start}
.img-height-50 {height: 50px; align-self:flex-start}
.img-height-25 {height: 25px; align-self:flex-start}
.img-width-150 {width: 150px;}
.img-width-75p {width: 75%}
.aspect-ratio-3-2 {aspect-ratio: 3 / 2; object-fit: cover; width: 100%}
.aspect-ratio-16-10 {aspect-ratio: 16 / 10; object-fit: cover; width: 100%}
.img-overlay {position: relative;}
.img-overlay h3 {text-shadow: 0px 0px 15px rgba(0,0,0,.75); position: absolute; bottom: 0px; left: 0px; z-index: 1; padding: 10px; color: var(--white);margin: 0px; background: linear-gradient(0deg, rgba(38,47,71,1) 0%, rgba(38,47,71,0) 100%); width: 100%}
.img-bg {object-fit:cover; width: 100%; height: 100%;position: absolute; top: 0px; left: 0px; z-index: -1}
.img-cover {height: 100%; width: 100%; object-fit: cover}
/* Columns */
.columns-2 {columns: 2;}
/* Indices */
.z-n1 {z-index: -1}
.z-0 {z-index: 0}
.z-1 {z-index: 1}
/* Accordions */
.cms-accordion {}
.cms-accordion .card {background:none; border-radius: 0px; border: none; border-bottom: 1.5px solid rgba(0,0,0,.1) !important;}
.cms-accordion .card-header {transition: color 250ms ease; transition-delay: 600ms;position: relative;border-radius: 0px; background:none;border:none; padding: 25px 50px 25px 0px!important;color: var(--dark-blue); font-weight: 700;}
.cms-accordion .card-header:hover, .cms-accordion .card-header:focus {text-decoration:none}
.cms-accordion .card-header::before {transition: transform 250ms ease; transition-delay: 600ms; width: 36px; height: 36px; border: 1.5px solid var(--grey); color: var(--dark-blue); border-radius: 4px; font-family: "Font Awesome 5 Free";font-weight: 900;font-size: .913rem;display:flex; align-items: center; justify-content: center; content: "\f067"; position: absolute; right: 0px; top: calc(50% - 2px); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.cms-accordion .card-header[aria-expanded=true]::before {color: var(--orange);content: "\f068"; }
.cms-accordion .card-body {padding: 0px 30px 30px 0px; margin-bottom: 20px;position: relative; margin-top: 20px; overflow:hidden /* This last property will grow this element with it's floated children */ }
.cms-accordion .card-body *:last-child {margin-bottom: 0px}
.cms-accordion .collapsing {transition-duration: 750ms; transition-timing-function: ease-in-out;}
/* Solutions that Move */
.stm-wrapper {position: relative; margin: -100px 0px}
.stm-wrapper img {height: 100%; width: auto; max-width:none; position: absolute; top: 50%; right: 0px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
/* Sun Oils */
.sun-oils {position: relative;overflow:hidden;}
.sun-oils img { max-width: none; position: absolute; top:-130px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
/* Cta */
.cta-wrapper {background: var(--dark-blue); position: relative;color: var(--white); overflow:hidden;padding: 5rem 0;}
.cta-wrapper::before, .cta-wrapper::after {content:""; position: absolute; z-index: 0;}
.cta-wrapper::before {top: 0px; left: 0px; width: 600px; height: 236px; background: url(/img/bg-lights.webp) center center no-repeat; background-size: 100% 100%; mix-blend-mode: color-dodge;}
.cta-wrapper div[class*="container"] {position: relative; z-index: 1}
/* Stock Prices */
.performance-wrapper {background: var(--dark-blue); position: relative; color: var(--white);font-size: .913rem}
.performance-wrapper::before {position: absolute; bottom: 0px; right: 0px; width: 600px; height: 236px; content:""; background: url(/img/bg-lights.webp) center center no-repeat; background-size: 100% 100%; mix-blend-mode: color-dodge;-webkit-transform: scale(-1);transform: scale(-1);}
.performance-wrapper a:not(.btn) {color: var(--white);}
.performance-wrapper .list-orangedots a {text-decoration: none;}
.stock-table:not(.table-borderless) {border-bottom: 1px solid var(--lightest-grey)}
.stock-table th {font-weight: normal}
.stock-table td {text-align:right}
.unit-wrapper {}
.unit-wrapper .unit-price {color: var(--light-blue)}
.unit-wrapper .unit-price span:nth-child(1) { font-size: 24px;display: inline;vertical-align: top;}
/* Interstitials */
.interstitial-wrapper {position: relative;max-height: 450px;box-shadow: rgba(0,0,0,.2) 0px 0px 6px -3px, rgba(0,0,0,.2) 0px 2px 6px 2px;}
.interstitial-wrapper p:has(img) {margin: 0px;display:inline} /* CKeditor might have wrapped the image with a <p> tag */
/* Slanted Content */
.slanted {position: relative;box-shadow:none}
.slanted .content-inner {width: 100%}
.slanted .container, .slanted .container-fluid {position: relative; z-index:1}
.slanted-top-blue::before, .slanted-bottom-blue::after, .slanted-top-grey::before { content:""; position: absolute; left: 0px; width: 100%; background-size: 100% 100px;height: 100px;z-index: 1;}
.slanted-top-grey::before {top: -1px;transform: rotateY(180deg);background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmN2Y3ZjciPjxwYXRoIGQ9Ik0xMjgwIDE0MFYwSDBsMTI4MCAxNDB6Ii8+PC9nPjwvc3ZnPg==);}
.slanted-top-blue::before, .slanted-bottom-blue::after {background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiMyNjJmNDciPjxwYXRoIGQ9Ik0wIDB2MTQwaDEyODBMMCAweiIvPjwvZz48L3N2Zz4=);}
.slanted-top-blue::before {top: -100px;transform: rotateY(180deg); }
.slanted-bottom-blue::after {bottom: -100px;transform: rotateX(-180deg);}
.slanted .img-history-date {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 0; object-position: center center; object-fit: contain;}
/* Terminal & Pipeline Maps */
.terminal-map-wrapper {}
.terminal-map-wrapper p, .pipeline-map-wrapper p {display:inline;margin: 0px}
.terminal-map-wrapper iframe, .pipeline-map-wrapper iframe {border: none;width: 100%; height: 100%}
/* Terminal Maps 2023 Update */
.terminal-minisearch {max-width: 275px;}
.terminal-search {max-width: 680px}
.terminal-search .custom-control-input:checked~.custom-control-label::before {background-color: var(--orange); border-color: var(--orange)}
.terminal-search .custom-control-label {line-height: 1.4}
.terminal-results {opacity: 0;pointer-events:none; position: absolute; margin-top: 50px; width: 100%;}
.terminal-results.active { transition: all 500ms ease; opacity: 1;position: relative; pointer-events: all;margin-top: 0px}
.terminal-results a {transition: all 250ms ease;}
.terminal-results a:hover {background: var(--lightest-grey)}
.terminal-locator .no-results {max-width: 700px}
.marker-label {color: var(--white);background-color: var(--dark-orange); padding: 2px;border-radius: 50%; font-size: .75rem;font-weight: 700; z-index: 0; line-height: 1; pointer-events: none;}
/* Animations - AOS */
[data-aos=zoom-in] {transform: scale(.95); opacity: .9;}
/* Masthead */
.masthead-wrapper {box-shadow: rgba(0, 0, 0, 0.075) 0px 15px 20px -5px; padding: 3rem 0; position: relative; z-index: 1}
.masthead-wrapper h1 {margin-bottom: 0px}
/* Shadows */
.shadow {box-shadow: 0px 16px 40px -40px var(--dark-blue) !important}
/* Logos Slideshow */
.logos-slideshow {position: relative;}
.logos-slideshow .slick-dots {padding:0px; margin:0px; position: absolute; left: 50%; height: 25px; width: 100%; overflow:hidden; bottom: -30px; z-index:0;text-align:center; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.logos-slideshow .slick-dots li {display:inline-block; padding:0px}
.logos-slideshow .slick-dots button { opacity: .5; margin: 0px 5px; width: 7px; height: 7px; border-radius: 7px;border:none; padding: 0px; background: var(--light-blue)}
.logos-slideshow .slick-dots .slick-active button {opacity: 1;}
.logos-slideshow .slick-controls {pointer-events:none; z-index: 1; position: absolute; height: 35px; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.logos-slideshow .slick-prev, .logos-slideshow .slick-next {pointer-events: auto; transition: all 300ms ease-in-out; opacity: 0; position: absolute; top: 0px; background:none; border: none; width: 35px; height:35px; padding:0px; width: 45px; height: 45px;}
.logos-slideshow .slick-prev {left:-30px;}
.logos-slideshow .slick-next {right:-30px;}
.logos-slideshow .slick-prev:hover .angle, .logos-slideshow .slick-next:hover .angle {border-color: var(--dark-blue)}
.logos-slideshow .angle {border: 1px solid var(--dark-blue);border-width: 0px 0px 3px 3px;width: 18px; height:18px;display:block;}
.logos-slideshow .angle-left {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);transform: rotate(45deg);margin-left: 18px;}
.logos-slideshow .angle-right {-webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg);transform: rotate(-135deg);margin-left: 11px;}
.logos-slideshow:hover .slick-prev {left: -15px;opacity: 1;}
.logos-slideshow:hover .slick-next {right: -15px;opacity: 1;}
/* Tables */
.table-striped-white {}
.table-striped-white tbody tr:nth-of-type(odd) {background: var(--white)}
.table-striped-white th, .table-striped-white td {vertical-align: middle;}
table a:has(img) {border: 1.5px solid transparent}
table a:has(img) {padding:7.5px 5px 10px 5px; }
.table-striped-white a:has(img) {padding:5px; }
table a:has(img):hover,table a:has(img):focus {border: 1.5px dashed var(--orange)}
.cms-table-pagination {font-size: .875rem;}
.cms-table-pagination a {text-decoration: none;}
.cms-table-pagination .disabled, .cms-table-pagination .disabled a {color: var(--darker-grey);pointer-events:none}
.cms-table-pagination .active {font-weight: 700}
/* Forms */
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration {-webkit-appearance:none;}
.custom-form {}
.custom-form input[type="text"], .custom-form input[type="email"], .custom-form option, .custom-form textarea, .custom-form select,.cms-form input[type="text"], .cms-form textarea, .cms-form select {border: 1px solid rgba(165,163,162,0.5); background: var(--white); width: 100%;color: var(--dark-blue); padding: 7px 20px; border-radius: 0px;}
.custom-form select, .cms-form select {padding: 7px 20px;-webkit-appearance: none;-moz-appearance: none;background: var(--white) url(/img/icon-chevron-down.svg) no-repeat right 10px center;background-size: 9px 9px;border: 1px solid rgba(165,163,162,0.5);border-bottom: 2px solid var(--light-blue);}
.custom-form input[type="checkbox"]:not(.custom-control-input),.custom-form input[type="radio"]:not(.custom-control-input), .cms-form input[type="checkbox"]:not(.custom-control-input), .cms-form input[type="radio"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.custom-form .form-check label, .cms-form .form-check label {user-select: none;cursor: pointer;position: relative;padding-left: 35px;margin-top: 8px;display: block;}
.custom-form .form-check label::before, .cms-form .form-check label::before {content: "";display: inline-block;width: 24px;height: 24px;margin-right: 8px;line-height: 1;border: 1px solid rgba(165,163,162,0.5);background-color: var(--white);position: absolute;left: 0;top: 50%;transform: translate(0, -50%);}
.custom-form .form-check.radio label::before, .cms-form .form-check.radio label::before {border-radius: 12px;}
.custom-form input[type="checkbox"]:not(.custom-control-input):checked+label:before,
.custom-form input[type="radio"]:not(.custom-control-input):checked+label:before {width: 24px;height: 24px;border-width: 4px;border-color: var(--dark-blue);}
.cms-form .custom-control-input:checked~.custom-control-label::before {border-color: var(--dark-blue); background-color: var(--dark-blue)}
.custom-form .row, .cms-form .row {margin-right: -.5rem; margin-left: -.5rem;}
.custom-form div[class*="col-"], .cms-form div[class*="col-"] {padding-left: .5rem; padding-right: .5rem;}
.custom-form *::-webkit-input-placeholder, .cms-form *::-webkit-input-placeholder {color:var(--body)}
.custom-form *:-ms-input-placeholder, .cms-form *:-ms-input-placeholder {color:var(--body)}
.custom-form *::placeholder, .cms-form *::placeholder, .custom-form select {color:var(--body)}
.custom-form-lg input[type="text"], .cms-form input[type="text"], .custom-form-lg textarea, .cms-form textarea {border: 1px solid rgba(112,112,112,0.5);padding: 24px 14px;font-size: 18px}
.custom-form-lg select, .cms-form select {height: 50px; background: var(--white) url(/img/icon-caret-down.svg) no-repeat right 10px center;background-size: 11px 11px;-webkit-appearance: none; appearance: none;border-top: 1px solid rgba(112,112,112,0.5);border-left: 1px solid rgba(112,112,112,0.5);border-right: 1px solid rgba(112,112,112,0.5);}
.custom-form .formcontrol-width-400 {max-width: 400px}
.custom-form .formcontrol-width-50 {max-width: 50px}
.custom-form input[type="text"],.custom-form input[type="email"], .custom-form textarea {padding: 19px;border-bottom: 2px solid var(--light-blue);}
.cms-form label span {font-weight: 400}
/* Partner Form Page */
.partner-form-page {}
.partner-form-page .ss-main{position:relative;display:inline-block;user-select:none;color:var(--darkest-grey);width:100%}.partner-form-page .ss-main .ss-single-selected{display:flex;cursor:pointer;width:100%;height:38px;padding:6px;border:1px solid var(--lightest-grey);border-radius:0px;background-color:var(--white);outline:0;box-sizing:border-box;transition:background-color .2s}.partner-form-page .ss-main .ss-single-selected.ss-disabled{background-color:var(--lightest-grey);cursor:not-allowed}.partner-form-page .ss-main .ss-single-selected.ss-open-above{border-top-left-radius:0;border-top-right-radius:0}.partner-form-page .ss-main .ss-single-selected.ss-open-below{border-bottom-left-radius:0;border-bottom-right-radius:0}.partner-form-page .ss-main .ss-single-selected .placeholder{flex:1 1 100%;text-align:left;width:calc(100% - 30px);line-height:1em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.partner-form-page .ss-main .ss-single-selected .placeholder,.partner-form-page .ss-main .ss-single-selected .placeholder *{display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.partner-form-page .ss-main .ss-single-selected .placeholder *{width:auto}.partner-form-page .ss-main .ss-single-selected .placeholder .ss-disabled{color:var(--lightest-grey)}.partner-form-page .ss-main .ss-single-selected .ss-deselect{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;margin:0 6px;font-weight:700}.partner-form-page .ss-main .ss-single-selected .ss-deselect.ss-hide{display:none}.partner-form-page .ss-main .ss-single-selected .ss-arrow{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;margin:0 6px}.partner-form-page .ss-main .ss-single-selected .ss-arrow span{border:solid var(--darkest-grey);border-width:0 2px 2px 0;display:inline-block;padding:3px;transition:transform .2s,margin .2s}.partner-form-page .ss-main .ss-single-selected .ss-arrow span.arrow-up{transform:rotate(-135deg);margin:3px 0 0}.partner-form-page .ss-main .ss-single-selected .ss-arrow span.arrow-down{transform:rotate(45deg);margin:-3px 0 0}.partner-form-page .ss-main .ss-multi-selected{display:flex;flex-direction:row;cursor:pointer;min-height:38px;width:100%;padding:0 0 0 3px;border:1px solid rgba(165,163,162,.3);background-color:var(--white);outline:0;box-sizing:border-box;transition:background-color .2s}.partner-form-page .ss-main .ss-multi-selected.ss-disabled{background-color:var(--lightest-grey);cursor:not-allowed}.partner-form-page .ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled{color:var(--darkest-grey)}.partner-form-page .ss-main .ss-multi-selected.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}.partner-form-page .ss-main .ss-multi-selected.ss-open-above{border-top-left-radius:0;border-top-right-radius:0}.partner-form-page .ss-main .ss-multi-selected.ss-open-below{border-bottom-left-radius:0;border-bottom-right-radius:0}.partner-form-page .ss-main .ss-multi-selected .ss-values{display:flex;flex-wrap:wrap;justify-content:flex-start;flex:1 1 100%;width:calc(100% - 30px)}.partner-form-page .ss-main .ss-multi-selected .ss-values .ss-disabled{display:flex;padding:4px 5px;margin:2px 0;line-height:1em;align-items:center;width:100%;color:var(--darkest-grey);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.partner-form-page .ss-main .ss-multi-selected .ss-values .ss-value{display:flex;user-select:none;align-items:center;font-size:12px;padding:3px 5px;margin:3px 5px 3px 0;color:var(--white);background-color:var(--dark-blue);animation-name:scaleIn;animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:both}.partner-form-page .ss-main .ss-multi-selected .ss-values .ss-value.ss-out{animation-name:scaleOut;animation-duration:.2s;animation-timing-function:ease-out}.partner-form-page .ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete{margin:0 0 0 5px;cursor:pointer}.partner-form-page .ss-main .ss-multi-selected .ss-add{display:flex;flex:0 1 3px;margin:13px 12px 0 5px}.partner-form-page .ss-main .ss-multi-selected .ss-add .ss-plus{display:flex;justify-content:center;align-items:center;background:var(--darkest-grey);position:relative;height:10px;width:2px;transition:transform .2s}.partner-form-page .ss-main .ss-multi-selected .ss-add .ss-plus:after{background:var(--darkest-grey);content:"";position:absolute;height:2px;width:10px;left:-4px;top:4px}.partner-form-page .ss-main .ss-multi-selected .ss-add .ss-plus.ss-cross{transform:rotate(45deg)}.partner-form-page .ss-content{position:absolute;width:100%;margin:-1px 0 0;box-sizing:border-box;border:1px solid var(--lightest-grey);z-index:1010;background-color:var(--white);transform-origin:center top;transition:transform .2s,opacity .2s;opacity:0;transform:scaleY(0)}.partner-form-page .ss-content.ss-open{display:block;opacity:1;transform:scaleY(1)}.partner-form-page .ss-content .ss-search{display:flex;flex-direction:row;padding:8px 8px 6px}.partner-form-page .ss-content .ss-search.ss-hide,.partner-form-page .ss-content .ss-search.ss-hide input{height:0;opacity:0;padding:0;margin:0}.partner-form-page .ss-content .ss-search input{display:inline-flex;font-size:inherit;line-height:inherit;flex:1 1 auto;width:100%;min-width:0;height:30px;padding:6px 8px;margin:0;border:1px solid var(--lightest-grey);border-radius:0;background-color:var(--white);outline:0;text-align:left;box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-appearance:textfield}.partner-form-page .ss-content .ss-search input::placeholder{color:var(--darkest-grey);vertical-align:middle}.partner-form-page .ss-content .ss-search input:focus{box-shadow:0 0 5px var(--dark-blue)}.partner-form-page .ss-content .ss-search .ss-addable{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;font-size:22px;font-weight:700;flex:0 0 30px;height:30px;margin:0 0 0 8px;border:1px solid var(--lightest-grey);border-radius:4px;box-sizing:border-box}.partner-form-page .ss-content .ss-addable{padding-top:0}.partner-form-page .ss-content .ss-list{max-height:200px;overflow-x:hidden;overflow-y:auto;text-align:left}.partner-form-page .ss-content .ss-list .ss-optgroup .ss-optgroup-label{padding:6px 10px;font-weight:700}.partner-form-page .ss-content .ss-list .ss-optgroup .ss-option{padding:6px 6px 6px 25px}.partner-form-page .ss-content .ss-list .ss-optgroup-label-selectable{cursor:pointer}.partner-form-page .ss-content .ss-list .ss-optgroup-label-selectable:hover{color:var(--white);background-color:var(--dark-blue)}.partner-form-page .ss-content .ss-list .ss-option{padding:6px 10px;cursor:pointer;user-select:none}.partner-form-page .ss-content .ss-list .ss-option *{display:inline-block}.partner-form-page .ss-content .ss-list .ss-option.ss-highlighted,.partner-form-page .ss-content .ss-list .ss-option:hover{color:var(--white);background-color:var(--dark-orange)}.partner-form-page .ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;color:var(--lightest-grey);background-color:var(--white)}.partner-form-page .ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected{color:var(--darkest-grey);background-color:rgba(88,151,251,.1)}.partner-form-page .ss-content .ss-list .ss-option.ss-hide{display:none}.partner-form-page .ss-content .ss-list .ss-option .ss-search-highlight{background-color:var(--white)}
.partner-form-page select[data-ssid] {pointer-events: none;opacity: 0;display: flex !important;position: absolute;height: 38px;width: auto;}
/* Partner Form Popup */
.partner-form-popup {font-size: .913rem; line-height: 1.4;border: 1px solid var(--grey); background: var(--white); position: fixed; z-index: 3;pointer-events:none;overflow:hidden; opacity: 0; width: 0px; height: 0px; right: 15px; bottom: 210px; border-radius: 5px}
.partner-form-popup.active {width: 300px; height: 550px; pointer-events:all; opacity: 1}
.partner-form-popup .overflow-y {height: 480px; overflow-y:auto;overflow-x:hidden;position: relative;padding-top: 30px; padding-left: 5px; padding-right: 5px}
.partner-form-popup .overflow-y::-webkit-scrollbar {-webkit-appearance: none;width:5px;}
.partner-form-popup .overflow-y::-webkit-scrollbar-track-piece {margin: 10px 0px 10px 0px;}
.partner-form-popup .overflow-y::-webkit-scrollbar-thumb {border-radius: 4px;background: rgba(0,0,0,.3);}
.partner-form-popup .overflow-y .bg-sms {padding: 0px 20px 0px 45px; position: relative;margin-bottom: 20px; }
.partner-form-popup .overflow-y .bg-sms::before {content:""; position: absolute; top: -8px; left: 33px; width: calc(100% - 40px); height: calc(100% + 20px); background: var(--lightest-grey); z-index: -1; border-radius: 5px 20px}
.partner-form-popup .overflow-y .d-flex:first-child {position: absolute; top: 0px; left: 0px;}
.partner-form-popup .step:not(.active) {display:none}
.partner-form-popup .custom-select, .partner-form-popup .form-control {font-size: .83rem }
.partner-form-popup .custom-select[size]:not([size="1"]) {padding: 5px;height: 300px}
.partner-form-popup option {padding: 2.5px 5px 2.5px 5px;}
.partner-form-popup .step:not(.active) {display:none}
.partner-form select::-webkit-scrollbar, .partner-form-popup .ss-content .ss-list::-webkit-scrollbar {-webkit-appearance: none;width:5px;}
.partner-form select::-webkit-scrollbar-track-piece, .partner-form-popup .ss-content .ss-list::-webkit-scrollbar-track-piece {margin: 10px 0px 10px 0px;}
.partner-form select::-webkit-scrollbar-thumb, .partner-form-popup .ss-content .ss-list::-webkit-scrollbar-thumb {border-radius: 4px;background: rgba(0,0,0,.3);}
.partner-form-popup .grecaptcha-badge { visibility: hidden; }
.partner-form-popup .btn-back {position: absolute; left: 10px; top: 4px;width: 25px; height: 25px;background:none; border: none}
.partner-form-popup .btn-back::after {content: ""; font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 1.25rem; color: var(--white); content: "\f105";position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%) scaleX(-1);-ms-transform: translate(-50%,-50%) scaleX(-1);transform: translate(-50%,-50%) scaleX(-1);}
.partner-form-popup .btn-back:hover::after, .partner-form-popup .btn-back:focus::after {color:var(--dark-blue) }
.partner-form-popup *:focus {box-shadow:none}
.btn-toggle-partner-form {position: fixed; bottom: 150px; right: 0px; z-index: 2;}
.partner-form-welcome { width: 150px; position: fixed; bottom: 215px; right:16px; z-index:2}
.partner-form-welcome .btn-open-partner-form {border: none; background: var(--white); box-shadow: 0px 3px 5px 0px rgba(0,0,0,.08);font-size: .913rem; line-height: 1.4;border-radius: 5px; }
.partner-form-welcome .btn-open-partner-form:hover, .partner-form-welcome .btn-open-partner-form:focus {border:none}
.partner-form-welcome .btn-close-welcome {width: 25px; height: 25px; background:var(--dark-blue); color: var(--white); opacity: .9; border-radius: 50%; position: absolute; top: -30px; right: 0px;font-size: 1rem; padding: 0px 0px 2px 0px}
.partner-form-welcome .btn-close-welcome:hover, .partner-form-welcome .btn-close-welcome:focus {opacity: 1}
.partner-form-popup .ss-main .ss-multi-selected,.partner-form-popup .ss-main .ss-single-selected{transition:background-color .2s;width:100%;background-color:#fff;outline:0;box-sizing:border-box}.partner-form-popup .ss-main{font-size:.83rem;position:relative;display:inline-block;user-select:none;color:#666;width:100%}.partner-form-popup .ss-main .ss-single-selected{display:flex;cursor:default;pointer-events: none; height:38px;padding:6px;border:1px solid #dcdee2;border-radius:0}.partner-form-popup .ss-main .ss-multi-selected.ss-disabled,.partner-form-popup .ss-main .ss-single-selected.ss-disabled{background-color:#dcdee2;cursor:not-allowed}.partner-form-popup .ss-main .ss-multi-selected.ss-open-above,.partner-form-popup .ss-main .ss-single-selected.ss-open-above{border-top-left-radius:0;border-top-right-radius:0}.partner-form-popup .ss-main .ss-multi-selected.ss-open-below,.partner-form-popup .ss-main .ss-single-selected.ss-open-below{border-bottom-left-radius:0;border-bottom-right-radius:0}.partner-form-popup .ss-main .ss-single-selected .placeholder{flex:1 1 100%;text-align:left;width:calc(100% - 30px);line-height:1em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.partner-form-popup .ss-main .ss-single-selected .placeholder,.partner-form-popup .ss-main .ss-single-selected .placeholder *{display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.partner-form-popup .ss-main .ss-single-selected .placeholder *{width:auto}.partner-form-popup .ss-main .ss-single-selected .placeholder .ss-disabled{color:#dedede}.partner-form-popup .ss-main .ss-single-selected .ss-deselect{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;margin:0 6px;font-weight:700}.partner-form-popup .ss-content .ss-list .ss-option.ss-hide,.partner-form-popup .ss-main .ss-single-selected .ss-deselect.ss-hide{display:none}.partner-form-popup .ss-main .ss-single-selected .ss-arrow{display:none}.partner-form-popup .ss-main .ss-single-selected .ss-arrow span{border:solid #e42a11;border-width:0 1px 1px 0;display:inline-block;padding:3px;transition:transform .2s,margin .2s}.partner-form-popup .ss-main .ss-single-selected .ss-arrow span.arrow-up{transform:rotate(-135deg);margin:3px 0 0}.partner-form-popup .ss-main .ss-single-selected .ss-arrow span.arrow-down{transform:rotate(45deg);margin:-3px 0 0}.partner-form-popup .ss-main .ss-multi-selected{display:flex;flex-direction:row;cursor:pointer;min-height:38px;padding:0 0 0 3px;border:1px solid rgba(165,163,162,.3)}.partner-form-popup .ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled{color:#666}.partner-form-popup .ss-main .ss-multi-selected.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}.partner-form-popup .ss-main .ss-multi-selected .ss-values{display:flex;flex-wrap:wrap;justify-content:flex-start;flex:1 1 100%;width:calc(100% - 30px)}.partner-form-popup .ss-main .ss-multi-selected .ss-values .ss-disabled{display:flex;padding:4px 5px;margin:2px 0;line-height:1em;align-items:center;width:100%;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.partner-form-popup .ss-main .ss-multi-selected .ss-values .ss-value{display:flex;user-select:none;align-items:center;font-size:12px;padding:3px 5px;margin:3px 5px 3px 0;color:#fff;background-color:#262f47;animation-name:scaleIn;animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:both}.partner-form-popup .ss-main .ss-multi-selected .ss-values .ss-value.ss-out{animation-name:scaleOut;animation-duration:.2s;animation-timing-function:ease-out}.partner-form-popup .ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete{margin:0 0 0 5px;cursor:pointer}.partner-form-popup .ss-main .ss-multi-selected .ss-add{display:flex;flex:0 1 3px;margin:13px 12px 0 5px}.partner-form-popup .ss-main .ss-multi-selected .ss-add .ss-plus{display:flex;justify-content:center;align-items:center;background:#666;position:relative;height:10px;width:2px;transition:transform .2s}.partner-form-popup .ss-main .ss-multi-selected .ss-add .ss-plus:after{background:#666;content:"";position:absolute;height:2px;width:10px;left:-4px;top:4px}.partner-form-popup .ss-main .ss-multi-selected .ss-add .ss-plus.ss-cross{transform:rotate(45deg)}.partner-form-popup .ss-content{position:absolute;width:100%;margin:-1px 0 0;box-sizing:border-box;border:1px solid #dcdee2;z-index:1010;background-color:#fff;transform-origin:center top;transition:transform .2s,opacity .2s;opacity:0;transform:scaleY(0)}.partner-form-popup .ss-content.ss-open{display:block;opacity:1;transform:scaleY(1); height: 260px;}.partner-form-popup .ss-content .ss-search{display:flex;flex-direction:row;padding:8px 8px 6px}.partner-form-popup .ss-content .ss-search.ss-hide,.partner-form-popup .ss-content .ss-search.ss-hide input{height:0;opacity:0;padding:0;margin:0}.partner-form-popup .ss-content .ss-search input{display:inline-flex;font-size:inherit;line-height:inherit;flex:1 1 auto;width:100%;min-width:0;height:30px;padding:6px 8px;margin:0;border:1px solid #dcdee2;border-radius:0;background-color:#fff;outline:0;text-align:left;box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-appearance:textfield}.partner-form-popup .ss-content .ss-search input::placeholder{color:#8a8a8a;vertical-align:middle}.partner-form-popup .ss-content .ss-search input:focus{box-shadow:0 0 5px #262f47}.partner-form-popup .ss-content .ss-search .ss-addable{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;font-size:22px;font-weight:700;flex:0 0 30px;height:30px;margin:0 0 0 8px;border:1px solid #dcdee2;border-radius:4px;box-sizing:border-box}.partner-form-popup .ss-content .ss-addable{padding-top:0}.partner-form-popup .ss-content .ss-list{max-height:260px;overflow-x:hidden;overflow-y:auto;text-align:left}.partner-form-popup .ss-content .ss-list .ss-optgroup .ss-optgroup-label{padding:6px 10px;font-weight:700}.partner-form-popup .ss-content .ss-list .ss-optgroup .ss-option{padding:6px 6px 6px 25px}.partner-form-popup .ss-content .ss-list .ss-optgroup-label-selectable{cursor:pointer}.partner-form-popup .ss-content .ss-list .ss-optgroup-label-selectable:hover{color:#fff;background-color:#262f47}.partner-form-popup .ss-content .ss-list .ss-option{padding:6px 10px;cursor:pointer;user-select:none}.partner-form-popup .ss-content .ss-list .ss-option *{display:inline-block}.partner-form-popup .ss-content .ss-list .ss-option.ss-highlighted,.partner-form-popup .ss-content .ss-list .ss-option:hover{color:#fff;background-color:#e42a11}.partner-form-popup .ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;color:#dedede;background-color:#fff}.partner-form-popup .ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected{color:#666;background-color:rgba(88,151,251,.1)}.partner-form-popup .ss-content .ss-list .ss-option .ss-search-highlight{background-color:#fffb8c}.partner-form-popup select[data-ssid]{pointer-events:none;opacity:0;display:flex!important;position:absolute;height:38px;width:auto}
.partner-form-popup .ss-multi-selected + .ss-content.ss-open {height: 289.5px}
.partner-form-popup .ss-multi-selected + .ss-content .ss-list {max-height: 288px}
.accept-cookies .partner-form-popup {bottom: 65px}
.accept-cookies .partner-form-welcome {bottom: 70px}
.accept-cookies .btn-toggle-partner-form {bottom: 8px}
.pipeline-security-phone-wrapper select {max-width: 250px}
/* Jarallax */
.jarallax { position: relative;z-index: 0; }
.jarallax .jarallax-img {position: absolute;object-fit: cover; top: 0;left: 0;width: 100%;height: 100%; z-index: -1;}
/* PDF 2htmlEX */
#page-container .h1,#page-container .h2,#page-container .h3,#page-container .h4,#page-container .h5,#page-container .h6, #page-container h1, #page-container h2, #page-container h3, #page-container h4, #page-container h5, #page-container h6{margin-bottom: auto;font-weight: normal;line-height:auto}
div#pf1 {box-shadow:none !important; margin: auto !important; max-width: 1200px;}
#page-container .table-responsive-md {font-size: .813rem}
/* News Articles */
.border-bottom-dbl {border-bottom: var(--body)000 4px double;}
.border-bottom-strong {border-bottom: var(--body)000 solid 2px; padding-bottom: 12px;}
.news-datatable {font-size: 14px;border: 1pt none; border-collapse: collapse; }
.news-datatable, .news-datatable span, .news-datatable p {font-size: 12px !important}
.news-datatable td {border: 1pt none; padding: 4px; vertical-align: bottom;text-align:right}
.news-datatable td[colspan="3"],.news-datatable td[colspan="42"],.news-datatable td[colspan="17"] {text-align:left}
.news-datatable p {margin: 0px;}
.news-datatable .border-bottom {border-bottom: 1.5px solid var(--black)}
.news-bordertable {font-size: 14px;}
.news-pretable {font-size:14px;border: 1pt none; border-collapse: collapse; font-family: monospace; line-height: 2;}
.news-pretable, .news-pretable th, .news-pretable td {font-size: 14px; font-weight: normal;}
table p {margin: 0rem 0rem 0rem 0.33rem; padding: 0rem 0.33rem 0rem 0.17rem;}
/* Modals */
.modal-wrapper {box-shadow: 0px 0px 25px 0px rgba(0,0,0,.25); position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index:-1; background: var(--white); border: 1px solid var(--darker-grey); width: 80%; max-width: 500px;opacity: 0; visibility: hidden; transition: opacity 300ms ease; pointer-events:none}
.modal-open body {overflow:hidden}
.modal-open body::before {z-index: 1; content:""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(255,255,255,.5);}
.modal-open .modal-wrapper {visibility: visible; opacity: 1; z-index: 2; pointer-events: all;}
.modal-wrapper .btn-close-modal {position: absolute; top: 15px; right: 15px; padding: 0px; height: 25px; width: 25px;border-radius: 50%; border: 1px solid var(--darkest-grey); }
.modal-wrapper .btn-close-modal::before { content: '';height: 12px;border-left: 2px solid var(--darkest-grey);position: absolute;-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);left: 10.5px;top: 6px;}
.modal-wrapper .btn-close-modal::after { content: '';height: 12px;border-left: 2px solid var(--darkest-grey);position: absolute;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);left:10.5px;top: 6px}
.modal-wrapper img {width: 80%;max-width: 300px}
/* Indexes */
.z-index-0 {z-index: 0}
.z-index-1 {z-index: 1}
/* Containers */
.container-fluid {max-width: 1360px}
.container-fluid-1600 {max-width: 1600px}
/* Flex */
.flex-1 {flex: 1}
/* Tabs */
.cms-tabs {}
.cms-tabs .nav {justify-content: center; }
.cms-tabs .nav p:hover {cursor: pointer}
.cms-tabs .nav-pills .nav-link {background: var(--dark-blue); color: var(--white); order:none; font-weight: 700; padding: 7.5px 20px;}
.cms-tabs .nav-pills .nav-link.active, .cms-tabs.nav-pills .show>.nav-link {background: var(--orange); color: var(--white); }
/* SEC Datatables */
.sec-filings input[type="text"] {height: 40px; border-radius: 0px; color: var(--darker-grey); font-size: 1rem; padding: 7px 20px; border-bottom: 2px solid var(--light-blue)}
div[id*="datatable_wrapper"] .dataTables_filter {display:none}
div[id*="datatable_wrapper"] label {font-weight: 700 !important; }
.dataTables_empty {padding-bottom: 1rem !important;}
.sec-filings .pagination {justify-content: center !important;font-size: .813rem;}
.sec-filings .page-item .page-link {color: var(--darker-grey); padding: 5px}
.sec-filings .page-link {background:none !important; border:none}
/* Asset Map */
#assets-map {height: 500px;}
.homepage .assets-map {height: 600px}
.pipelinemgr .assets-map, .terminalmgr .assets-map {height: 500px}
.assets-map .container-fluid, .pipelinemgr .assets-map .container-fluid, .terminalmgr .assets-map .container-fluid {pointer-events:none; }
.homepage .assets-map .nav {pointer-events: all}
.homepage #assets-map, .pipelinemgr #assets-map, .terminalmgr #assets-map {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 0; height: 100%}
.assets-map .col-lg.bg-blue {max-width: 200px}
.assets-map .gm-style-iw {background:var(--lightest-grey); color: var(--dark-blue); border-radius: 0px; max-width: 350px !important}
.assets-map .gm-style-iw button {border-radius: 0px; top: 0px !important; right: 0px !important;}
.assets-map .gm-style-iw button:focus {outline:none}
.assets-map .gm-style-iw button span {width: 20px !important; height: 20px !important;margin: 5px !important}
.assets-map .gm-style-iw .h4 {font-size:1.25rem}
.assets-map .gm-style .gm-style-iw-tc::after {background:var(--lightest-grey)}
.assets-map .gm-style-iw-d {overflow:hidden !important; max-height: none !important; padding: 0px 20px 10px 10px}
.assets-map .gm-style-iw-d p {margin-bottom: 0px}
.assets-map .gm-style-iw-d p.pt-2 {margin-top: 15px}
.assets-map .gm-style-iw-ch {padding: 0px}
.assets-map .gm-style-iw-chr button {width:34px !important; height:34px !important}
.assets-map .custom-control-input:not(:disabled):active~.custom-control-label::before {background:none; border:none;}
.assets-map .custom-control-input:checked~.custom-control-label::before {border-color: rgba(0,0,0,.75); background: rgba(0,0,0,.75);}
.assets-map .custom-control-label::before { background: rgba(0,0,0,.75);}
.assets-map .custom-control-label::after {top: 3px;}
.assets-map .dropdown {width: 100% !important}
.assets-map .dropdown-menu {border-radius: 0px;}
.assets-map .dropdown-menu .inner {max-height: 200px !important}
.assets-map .dropdown-toggle {background: white; border-radius: 0px; border: 1px solid rgba(165,163,162,0.5);}
.assets-map .dropdown-item {transition: none}
.assets-map .dropdown-item.active, .assets-map .dropdown-item:active {color: var(--dark-blue);}
.assets-map .dropdown-menu input {border-radius: 0px}
.assets-map .bootstrap-select .bs-ok-default:after {border-width: 0px 3px 3px 0px}
.assets-map .btn-reset::after {content:none}
.assets-map .dropdown-item.active, .assets-map .dropdown-item:active {background: none;}
.assets-map .dropdown-item:not(.active):hover, .assets-map .dropdown-item:not(.active):focus {color: var(--dark-orange)}
.assets-map .dropdown-toggle, .assets-map select {border-bottom: 2px solid var(--light-blue);}
.assets-map .bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {color: var(--dark-blue)}
#terminal-markers:not(.animated) canvas {opacity: 0; transform: scale(0); animation: markerScaleOnce 1s ease-in-out forwards, markerFadeOnce 1s ease-in-out forwards; animation-iteration-count: 1}
@keyframes markerScaleOnce {
0% {transform: scale(.25);}
100% {transform: scale(1);}
}
@keyframes markerFadeOnce {
0% {opacity: 0;}
100% {opacity: 1}
}
#terminal-markers canvas:hover {background-color: rgba(255,255,255,.5)}
.assets-map .nav-pills .nav-link {background: var(--white); color: var(--dark-blue); padding: 5px 20px}
/* Wrappers */
.content-wrapper, .grid-wrapper {padding: 4rem 0;}
.content-wrapper img {box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;}
.content-wrapper img[role=presentation], .content-wrapper img.dropshadow-none {box-shadow:none}
.content-wrapper table {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.content-wrapper.position-relative {box-shadow:rgba(0,0,0,.3) 0px 0 30px}
.content-wrapper.position-relative img {box-shadow:none}
.grid-wrapper p:has(.arrow-link) {margin-bottom: 0px}
.grid-wrapper {overflow:hidden;}
.grid-wrapper .row {align-items: center;position: relative;}
.grid-wrapper .row:last-child::before,.grid-wrapper .row:last-child::after {position: absolute;bottom: -150px; left: -1000px; width: calc(100% + 2000px);height:200px;content:"";z-index: -1;}
.grid-wrapper .row:last-child::before {background-image: linear-gradient(0deg, var(--lightest-grey), var(--light-grey), var(--lightest-grey));}
.grid-wrapper.bg-white .row:last-child::before {background-image: linear-gradient(0deg, var(--white), var(--light-grey), var(--white));}
.grid-wrapper .row::after {background-color: var(--light-grey); mask-image: url(/img/bg-guilloche.svg);mask-size: 20px 20px;mask-repeat: repeat;mix-blend-mode:overlay;}
.grid-wrapper .row:not(:last-child) { margin-bottom: 4rem}
.grid-wrapper .row.aos-animate::after { animation: gridRowBackground 2s ease forwards;}
@keyframes gridRowBackground {
0% {
mask-position: center 80%;
}
100% {
mask-position: center center;
}
}
.grid-wrapper img, .grid-wrapper iframe {box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;}
/* ==========================================================================
Media Queries
========================================================================== */
@media (max-width: 767px) {
/* PDF 2htmlEX */
#page-container .table-responsive-md {border: 1px solid var(--grey); padding: 15px;}
}
@media (min-width: 0px) {
/* Heros */
.hero-img-wrapper-lg .hero {height: 240px;}
.hero-img-wrapper-md .hero {height: 300px}
.hero-img-wrapper-sm .hero {height: 300px}
.hero-img-wrapper-xs .hero {height: 200px}
.hero-img-wrapper img {object-position: center right;}
.hero-img-wrapper-bottom-right img {object-position: bottom right; }
.hero-img-wrapper-center-center img {object-position: center center; }
.hero-img-wrapper-reorder-none .hero {position: absolute; top: 0px; left: 0px;height: 100%}
/* Cards */
.card-blue,.card-white {padding: 30px;}
/* Solutions that Move */
.stm-wrapper {height: 480px}
/* Sun Oils */
.sun-oils {height: 300px}
.sun-oils img {width: 1300px;}
/* Terminal & Pipeline Maps */
.terminal-map-wrapper, .pipeline-map-wrapper {height: 300px}
/* Terminal Maps 2023 Update */
.terminal-map, .pipeline-map {height: 300px}
/* Interstitials */
.interstitial-wrapper {height: 300px}
.interstitial-wrapper-xl {height: 550px}
/* Stock Prices */
.unit-wrapper .unit-price span:nth-child(1) {line-height: 38px;}
.unit-wrapper .unit-price span:nth-child(2) {font-size: 48px;line-height: 48px}
.historical-unit-lookup {height: 570px}
/* Tables */
.cms-responsive-table thead {display:none}
.cms-responsive-table tr td {display:block; padding: 5px 24px}
.cms-responsive-table tr td:first-child {padding-top: 17px}
.cms-responsive-table tr td:last-child {padding-bottom: 17px}
/* Tabs */
.cms-tabs .nav-item {margin: 0px 5px 10px 5px; width: 100%}
.cms-tabs .nav-pills .nav-link {border-radius: 0px}
/* Grids */
.grid-wrapper .row:not(:last-child) {margin-bottom: 4rem}
.grid-wrapper .row .col-lg-6:not(.order-1):has(img), .grid-wrapper .row .col-lg-6:not(.order-1):has(iframe) {margin-bottom: 2rem}
}
@media (min-width: 576px) {
/* Typography */
.h4-twolines {min-height: 60px}
/* Spacing */
.pb-sm-6 {padding-bottom: 3.5rem!important}
.pt-sm-6 {padding-top: 3.5rem!important}
.py-sm-6 {padding-top: 3.5rem!important;padding-bottom: 3.5rem!important}
.pb-sm-7 {padding-bottom: 5rem!important}
.pt-sm-7 {padding-top: 5rem!important}
.py-sm-7 {padding-top: 5rem!important;padding-bottom: 5rem!important}
.mb-sm-6 {margin-bottom: 3.5rem!important}
.mt-sm-6 {margin-top: 3.5rem!important}
.my-sm-6 {margin-top: 3.5rem!important;margin-bottom: 3.5rem!important}
.mb-sm-7 {margin-bottom: 5rem!important}
.mt-sm-7 {margin-top: 5rem!important}
.my-sm-7 {margin-top: 5rem!important;margin-bottom: 5rem!important}
/* Columns */
.columns-sm-0 {columns: unset}
.columns-sm-3 {columns: 3}
/* Tabs */
.cms-tabs .nav-item {width: auto}
.cms-tabs .nav-pills .nav-link {border-radius: 2px}
/* Cta */
.cta-wrapper::after {left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: radial-gradient(circle farthest-side, rgba(62,75,109,1) 0%, var(--dark-blue) 100%); mix-blend-mode:lighten;}
.cta-wrapper.aos-animate::after {animation: heroGradient 2s ease forwards;}
@keyframes heroGradient {
0% {
width: 0px;
height: 0px;
opacity: 0;
}
100% {
width: 400px;
height: 400px;
opacity: 1;
}
}
}
@media (min-width: 768px) {
/* Typography */
h1, .h1 {font-size: 3rem}
h2, .h2 {font-size: 2.25rem}
.text-md-white {color: var(--white)}
/* Heros */
.hero-img-wrapper-xs, .hero-img-wrapper-xs .row {min-height: 400px}
.hero-img-wrapper-sm .hero {position: absolute; top: 0px; left: 0px;height: 100%}
.hero-img-wrapper-sm .content-inner {padding-top: 80px; padding-bottom: 80px;}
.hero-img-wrapper-lg .hero {height: 440px}
.hero-img-wrapper-md .hero {height: 400px}
.hero-img-wrapper-short .hero {height: 240px;}
/* Cards */
.card-blue,.card-white {padding: 50px;}
.col-xl .card-blue, .col-xl .card-white {padding: 50px 20px}
/* Columns */
.columns-md-0 {columns: unset}
.columns-md-1 {columns: 1;}
.columns-md-3 {columns: 3;}
/* Solutions that Move */
.stm-wrapper {height: 560px}
.stm-wrapper .h1 {font-size: 48px}
/* Sun Oils */
.sun-oils {height: 400px}
.sun-oils img {width: 1600px;}
/* Interstitials */
.interstitial-wrapper {height: 400px}
.interstitial-wrapper-xl {height: 550px}
/* Spacing */
.pb-md-6 {padding-bottom: 3.5rem!important}
.pt-md-6 {padding-top: 3.5rem!important}
.py-md-6 {padding-top: 3.5rem!important;padding-bottom: 3.5rem!important}
.pb-md-7 {padding-bottom: 5rem!important}
.pt-md-7 {padding-top: 5rem!important}
.py-md-7 {padding-top: 5rem!important;padding-bottom: 5rem!important}
.mb-md-6 {margin-bottom: 3.5rem!important}
.mt-md-6 {margin-top: 3.5rem!important}
.my-md-6 {margin-top: 3.5rem!important;margin-bottom: 3.5rem!important}
.mb-md-7 {margin-bottom: 5rem!important}
.mt-md-7 {margin-top: 5rem!important}
.my-md-7 {margin-top: 5rem!important;margin-bottom: 5rem!important}
/* Masthead */
.masthead-wrapper .container {padding-top: 20px; padding-bottom: 20px}
/* Forms */
.custom-form .formcontrol-width-md-300 {max-width: 300px}
/* Tables */
.cms-responsive-table thead {display:table-header-group}
.cms-responsive-table tr td {display:table-cell; padding: .75rem}
.cms-responsive-table tr td:first-child, .cms-responsive-table tr td:last-child {padding: .75rem}
/* Terminal Maps 2023 Update */
.terminal-map {height: 450px}
.terminal-list {height: 450px;overflow-y:auto}
.terminal-list::-webkit-scrollbar {-webkit-appearance: none;width:5px;}
.terminal-list::-webkit-scrollbar-track-piece {margin: 5px 0px 5px 0px;}
.terminal-list::-webkit-scrollbar-thumb {border-radius: 4px;background: rgba(0,0,0,.3);}
/* Assets Map */
.col-md-200 {flex: none; width: 200px; flex-grow: 0;}
}
@media (max-width: 991px) {
/* Header */
body:not(.homepage) {padding-top: 56px;}
.header-wrapper {height: 56px;}
.header-wrapper .bg-dark-blue {box-shadow: 0px 0px 10px 0px rgba(0,0,0,.25)}
.header-wrapper .mainmenu li {margin-bottom: 20px}
.header-wrapper .mainmenu li:not(:first-child) { margin-left: 0px}
.header-wrapper .mainmenu li,.header-wrapper .dd div[data-dd-level] {width: 100%;}
.header-wrapper .mainmenu .btn {height: auto; display: block;}
.header-wrapper .mainmenu a:not(.btn) {height: auto;}
.header-wrapper .mainmenu .btn[id], .header-wrapper .mainmenu a:not(.btn), .header-wrapper .dd a:not(.btn), .header-wrapper .dd .btn[id] {color: var(--dark-blue)}
.header-wrapper .mainmenu .btn[id]::after, .header-wrapper .mainmenu a:not(.btn)::after {content: none}
.header-wrapper .mainmenu li:last-child {padding-top: 25px; border-top: 1.5px solid var(--lightest-grey);}
.header-wrapper .dd {border: none}
.header-wrapper .dd .d-flex {border-bottom: 1.5px solid var(--lightest-grey);padding-bottom: 5px;margin: -10px 0px 25px 0px;}
.header-wrapper .dd div[data-dd-level] {padding:30px; background: var(--light-grey); border-left: 3px solid var(--orange);height: calc(100vh - 56px);}
.header-wrapper .dd div[data-dd-level]:not([data-dd-level="0"]) {position: absolute; top: 0px; left: 0px; width: 100%; }
.header-wrapper .dd div[data-dd-level].active {z-index: 99}
.header-wrapper .dd p {color: var(--orange)}
.header-wrapper .dd .icon-angle-right {border-color: var(--dark-blue);margin: -4px 5px -5px 0px}
.header-wrapper .dd + .dd .icon-angle-right {margin: 5px 5px -5px 0px}
.header-wrapper .dd .icon-close::before, .header-wrapper .dd .icon-close::after {background-color: var(--dark-blue)}
.header-wrapper .dd .btn-prev {background:none; border:none; padding: 0px;margin-bottom:0px; font-size: .875rem}
.header-wrapper .dd .btn-close-dd {margin-right: -13px}
.header-wrapper .dd .icon-angle-left { border: 1px solid var(--dark-blue);width: 9px; height: 9px;border-width: 0px 0px 2px 2px;display:block; transform: rotate(45deg);}
.header-wrapper .mainmenu form {position: relative;margin-bottom: 25px;}
.header-wrapper .mainmenu form input {width: 100%; border:none; padding: 5px 30px 5px 5px}
.header-wrapper .mainmenu form .btn {position: absolute; top: 0px; right: 0px; font-size: .875rem; height: 100%}
.header-wrapper .dd li.active .btn, .header-wrapper .dd li.active a {background: none; border-radius: none; padding: 0px;position: relative;text-decoration: underline;text-underline-offset: 5px;text-decoration-thickness: 1.5px; text-decoration-color: var(--light-blue)}
.header-wrapper .dd .btn-orange {display:inline-block}
}
@media (min-width: 992px) {
/* Typography */
.text-lg-unset {color: unset !important}
.text-lg-white {color: var(--white)}
/* Header */
body:not(.homepage) {padding-top: 96px;}
.mainmenu-fixed body:not(.homepage) {padding-top:96px}
.mainmenu-fixed .header-wrapper {top: -54px;}
.mainmenu-fixed .header-wrapper .bg-dark-blue {box-shadow: 0px 0px 5px 0px rgba(0,0,0,.25)}
.mainmenu-fixed .search-wrapper {display:none !important}
/* Header - Homepage */
.mainmenu-over-hero.homepage .header-wrapper .bg-dark-blue, .mainmenu-over-hero.homepage .header-wrapper .bg-light-grey, .mainmenu-over-hero.homepage .header-wrapper {background:none; box-shadow: none;transition: background 250ms ease;}
.mainmenu-over-hero.homepage .header-wrapper .mainmenu .btn[id], .mainmenu-over-hero.homepage .header-wrapper .mainmenu a:not(.btn) {color: var(--white)}
.mainmenu-over-hero.homepage .header-wrapper .mainmenu .btn-orange {height: 36px; transition: height 250ms ease;}
.mainmenu-over-hero.homepage .header-wrapper .quicklinks {opacity: .75}
.mainmenu-open .homepage .header-wrapper .bg-dark-blue {background: var(--dark-blue)}
.mainmenu-open .homepage .header-wrapper .bg-light-grey, .mainmenu-fixed .homepage .header-wrapper .bg-light-grey {background: var(--light-grey)}
.mainmenu-open .homepage .header-wrapper .mainmenu .btn[id], .mainmenu-open .homepage .header-wrapper .mainmenu a:not(.btn), .mainmenu-fixed .homepage .header-wrapper .mainmenu .btn[id], .mainmenu-fixed .homepage .header-wrapper .mainmenu a:not(.btn) {color: var(--dark-blue)}
.mainmenu-open .homepage .header-wrapper .bg-dark-blue {box-shadow: 0px 0px 10px 0px rgba(0,0,0,.5);}
.mainmenu-open .homepage .header-wrapper {box-shadow: 0px 0px 10px 0px rgba(0,0,0,.3);}
.mainmenu-open .homepage .header-wrapper .mainmenu .btn-orange {height: 48px}
.mainmenu-open .homepage .header-wrapper .quicklinks {opacity: 1}
/* Heros */
.hero-img-wrapper-xs, .hero-img-wrapper-xs .row {min-height: 460px}
.hero-img-wrapper-sm, .hero-img-wrapper-sm .row {min-height: 500px}
.hero-img-wrapper-md, .hero-img-wrapper-md .row {min-height: 560px;}
.hero-img-wrapper-lg, .hero-img-wrapper-lg .row {min-height: 560px;}
.hero-img-wrapper-xl, .hero-img-wrapper-xl .row {min-height: 640px}
.hero-img-wrapper .hero {position: absolute; top: 0px; left: 0px;height: 100%}
.hero-img-wrapper img {object-position: left bottom;}
.hero-img-wrapper-bottom-right img {object-position: bottom right; }
.hero-img-wrapper-center-center img {object-position: center center; }
.hero-img-wrapper-xs .content-inner {padding-top: 55px; padding-bottom: 55px; padding-left: 55px; max-width: 50%}
.hero-img-wrapper-md .content-inner {padding-top: 80px; padding-bottom: 80px;max-width: 50%}
.hero-img-wrapper-lg .content-inner {width: 58%; max-width: 580px;}
.hero-img-wrapper-xl .content-inner {width: 58%; max-width: 670px;}
.hero-img-wrapper-reorder-none .content-inner {max-width: 70%; padding-top: 0px; padding-bottom: 0px;}
.hero-img-wrapper-xs .hero {min-height: 460px}
.hero-img-wrapper {box-shadow:rgba(0,0,0,.3) 0px 0 30px}
.hero-txt-wrapper .container {width: 60%; max-width: 800px}
.hero-txt-wrapper .container-lg {max-width: 880px}
.hero-txt-wrapper .container-xl {width: 75%}
/* Grids */
.grid-wrapper [class*="content-inner"] {padding-left: 50px; padding-right: 50px;}
.grid-wrapper .row .col-lg-6:not(.order-1):has(img), .grid-wrapper .row .col-lg-6:not(.order-1):has(iframe) {margin-bottom: 0px}
/* Columns */
.columns-lg-0 {columns: unset}
.columns-lg-1 {columns: 1;}
.columns-lg-3 {columns: 3;}
.columns-lg-5 {columns: 5;}
/* Solutions that Move */
.stm-wrapper {height: 600px}
.stm-wrapper .h1 {font-size: 56px}
/* Sun Oils */
.sun-oils {height: 500px}
.sun-oils img {width: 1900px;}
/* Terminal & Pipeline Maps */
.terminal-map-wrapper, .pipeline-map-wrapper {height: 500px}
/* Terminal Maps 2023 Update */
.terminal-map, .pipeline-map {height: 500px}
/* Interstitials */
.interstitial-wrapper {height: 600px}
.interstitial-wrapper-xl {height: 550px}
/* Spacing */
.pb-lg-6 {padding-bottom: 3.5rem!important}
.pt-lg-6 {padding-top: 3.5rem!important}
.py-lg-6 {padding-top: 3.5rem!important;padding-bottom: 3.5rem!important}
.pb-lg-7 {padding-bottom: 5rem!important}
.pt-lg-7 {padding-top: 5rem!important}
.py-lg-7 {padding-top: 5rem!important;padding-bottom: 5rem!important}
.mb-lg-6 {margin-bottom: 3.5rem!important}
.mt-lg-6 {margin-top: 3.5rem!important}
.my-lg-6 {margin-top: 3.5rem!important;margin-bottom: 3.5rem!important}
.mb-lg-7 {margin-bottom: 5rem!important}
.mt-lg-7 {margin-top: 5rem!important}
.my-lg-7 {margin-top: 5rem!important;margin-bottom: 5rem!important}
/* Widths */
.w-lg-auto {width: auto !important}
.w-0 {width: 0px}
/* Backgrounds */
.bg-lg-none {background: none !important}
.bg-blue-lg-75 {background:rgba(38,47,71,.75) }
/* Stock Prices */
.unit-wrapper .unit-price span:nth-child(1) {line-height: 48px;}
.unit-wrapper .unit-price span:nth-child(2) {font-size: 72px;line-height: 72px;}
.historical-unit-lookup {height: 360px}
/* Unit Lookup */
.unit-lookup {background: var(--white); box-shadow: 0 20px 80px -10px rgb(0 0 0 / 20%); padding: 40px 80px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;justify-content: space-between;align-items:center;}
.unit-lookup .d-flex {border-left: 4px solid var(--light-blue); padding: 0px 15px}
/* Masthead */
.masthead-wrapper .container {padding-top: 0px; padding-bottom: 0px}
/* Forms */
.custom-form .formcontrol-width-lg-120 {width: 130px;}
.custom-form .formcontrol-width-lg-230 {width: 230px;}
/* Wrappers */
.content-wrapper .content-inner {padding-left: 50px; padding-right: 50px}
}
@media (min-width: 1200px) {
/* Typography */
.h4-twolines {min-height: 90px}
/* Interstitials */
.interstitial-wrapper-xl {height: 650px}
}
@media (min-width: 1400px) {
/* Bootstrap */
.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1360px;}
}
@media (min-width: 1500px) {
/* Typography */
.h4-twolines {min-height: 60px}
}
@media (min-width: 1600px) {
/* Grid */
.col-xxl-2 {-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%;}
/* Margins */
.mb-xxl-0 {margin-bottom: 0px !important}
/* Header */
.mainmenu-over-hero.homepage .header-wrapper .mainmenu .btn-orange {height: 42px}
/* Buttons */
.btn-orange, .btn-white, .btn-blue, .cms-form .btn-primary, .cms-slideshow .btn-primary {font-size: 1rem}
}
@media (min-width: 2500px) {
/* Text */
body {font-size: 1.25rem}
h1, .h1 {font-size: 4rem}
h2, .h2 {font-size: 2.25rem}
h3, .h3 {font-size: 2rem}
h4, .h4 {font-size: 1.75rem}
h5, .h5 {font-size: 1.5rem}
h6, .h6 {font-size: 1.25rem}
.text-xxs {font-size: .813rem}
.text-xs, .header-wrapper .dd a:not(.btn), .header-wrapper .dd .btn[id], .header-wrapper .quicklinks li {font-size: .913rem}
.text-sm, .header-wrapper .mainmenu .btn[id], .header-wrapper .mainmenu a:not(.btn) {font-size: 1rem}
.text-md {font-size: 1.15rem;}
.text-lg {font-size: 1.25rem;}
.eyebrow {font-size: .813rem}
/* Scaling */
.hero-80vh .hero-caption {max-width: 850px}
}
@media (orientation: landscape) and (min-width: 768px) and (max-height: 500px) {
}
@media (prefers-reduced-motion: reduce) {
* { animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important;transition: none !important}
}