/* UTILITY */
.hide-on-desktop{
  display:none !important;
}
.hide-on-mobile{
  display: inline-block !important;
}

@media screen and (max-width:768px){
  .hide-on-desktop{
    display: inline-block !important;
  }
  .hide-on-mobile{
    display:none !important;
  }
}

/* NAVIGATION */
#navbar-wrap{
  background: #ffffff;
}

#navbar-wrap .utility-menu{
  background: #004F71;
}

#navbar-wrap .main-menu .container{
  padding-bottom:1.5rem;
}
@media screen and (max-width:768px){
  #navbar-wrap .main-menu .container{
    padding-bottom:0;
  }
}

#navbar-wrap #main-menu .menu-item .nav-link{
  color:#004F71;
}

#navbar-wrap #main-menu .menu-item>a:after{
  border-color: #00B398
}

#navbar-wrap .dropdown-menu{
  border-bottom: 2px solid #00B398;
}

#navbar-wrap .dropdown-menu a{
  color: #004f71;
}
#navbar-wrap .dropdown-menu a:hover{
  color:#002839;
}
#navbar-wrap #searchform #searchsubmit i{
  color:#00B398;
}
#navbar-wrap .utility-menu #utility-menu .menu-item .nav-link:hover{
  color:#A9EE8A;
}
#navbar-wrap .utility-menu #utility-menu .menu-item>a:after{
  border-color:#A9EE8A;
  border-width: 0;
}

.navbar-toggler-icon{
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23002839' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* BUTTONS */
.btn-primary{
  background-color: #004F71;
}

.btn-primary:hover{
  background-color: #002839;
}

.btn-primary:focus{
  box-shadow: none !important;
}

.btn-primary:not(:disabled):not(.disabled):active{
  background-color: #004F71;
}

/* VIDEO */
.video-overlay{
  padding:0;
}
.video-overlay p{
  color:#004f71;
}

/* UNDER VIDEO BLOCK */
.uv-block{
  width: 100vw; 
  height:10vw;
  background-image: url('../images/gpe-background-shapes-v1.svg'), url('../images/gpe-mid-bg-pattern-v1.jpg');
  background-position: right bottom, left bottom;
  background-repeat: no-repeat, repeat;
  background-size: 80%, auto;
  display: flex;
}

.uv-container{
  width:400px;
  margin: auto;
}

.uv-container p{
  margin-bottom:0px !important;
}

.uv-text{
  color:#A9EE8A !important;
  padding-bottom: 30px;
}

.uv-button{
  width:4em;
  background-color: #ffffff;
  color:#004f71;
  font-weight: 700;
}

.uv-button:hover{
  text-decoration: none;
  color:#00B398;
}

@media screen and (max-width:1000px){
  .uv-button{
    padding:5px 20px !important;
    margin-top:10px !important;
    font-size:12pt;
  }

  .uv-text{
    margin:0 0 10px 0 !important;
    font-weight: 500 !important;
    padding-bottom:20px;
  }
}

@media screen and (max-width:1200px){
  .uv-block{
    height: 150px;
    background-size: 140%, auto;
  }
}

@media screen and (max-width:768px){
  .uv-block{
    background-image: url('../images/gpe-mid-bg-pattern-v1.jpg');
    background-repeat: repeat;
    background-size: auto;
    height: 80%;
    padding:3% 3% 5% 3%;
  }
  .uv-container{
    width:300px;
  }

  .uv-subhead{
    padding: 2em;
  }
}

/* HOMEPAGE MIDDLE SECTIONS */
.wrapper.home .stat-container .col-lg-4 .stat-number{
  color:#002839;
}
.wrapper.home .stat-container .col-lg-4 .stat-descript{
  color:#004F71;
}
.post-cta-bar{
  background-color:#004F71;
}
.home h5 a{
  color:#004f71;
}
.global-news .home-news-cat i{
  color:#004f71;
}
.global-news .home-news-cat span{
  color:#004f71;
}
a:link{
  color:#004f71;
}
a:visited{
  color:#004f71;
}
.wrapper.home .stat-container .col-lg-4:hover:before{
  background-color: #00B398 !important;
}

@media screen and (max-width:786px){
  .wrapper.home .homepage-intro{
    padding:0;
  }
}
/* FOOTER */
footer .footer-top-wrap{
  background-color:#004F71;
}
footer .footer-bottom-wrap{
  background-color:#002839;
}

/* SUBPAGE MIDDLE SECTIONS */
.ldr-img figcaption h5{
  color:#004f71;
}
#page-wrapper a:link, a:link{
  color:#004f71;
}
.archive article h2.entry-title a{
  color:#004f71;
}
.fuel-benefits{
  background-color:#004f71;
}
ul.hop-benefits li{
  list-style-image: url("/wp-content/uploads/2024/02/HOP_Bullet_Green20x25.png");
}
#main .proprietary-terminals #region-links ul li{
  background-color:#004f71;
}
.entry-content figure figcaption{
  background: #e2e5e6;
}
footer .footer-top-menu a:hover, footer .footer-bottom-menu a:hover{
  color:#A9EE8A;
}

/* SIDEBAR */
#right-sidebar aside.widget{
  background-color: #f2f4f6;
  margin-left: -20px;
  padding:20px;

}
#right-sidebar aside.widget_nav_menu a, #right-sidebar aside ul a{
  color:#004f71;
}
#right-sidebar aside.widget_nav_menu li .sub-menu li a, #right-sidebar aside ul li .sub-menu li a{
  color:#004f71;
}
#right-sidebar aside.posts-in-sidebar h3.widget-title{
  color:#004f71;
}
#right-sidebar aside.posts-in-sidebar h3.widget-title a{
  color:#004f71;
}
#right-sidebar aside.posts-in-sidebar h3.widget-title:before{
  color:#004f71;
}
#right-sidebar .global-marketing-wrapper a{
  color:#004f71;
}
#right-sidebar aside.widget_categories a{
  color:#004f71;
}
#right-sidebar aside.posts-in-sidebar{
  background-color:#f2f4f6;
}

/* FORMS */
input{
  border-color:#004f71 !important;
}
.btn-secondary{
  background-color: #004f71 !important;
}
.btn-secondary:hover{
  background-color: #002839 !important;
}
.nf-form-content .submit-wrap .nf-field-element input.nf-element[type=submit]{
  background-color: #004f71;
  border-color:#004f71 !important;
}
.nf-form-content .submit-wrap .nf-field-element input.nf-element[type=submit]:hover{
  background-color: #002839;
}
.nf-form-content .submit-wrap .nf-field-element input.nf-element[type=submit]:not(:disabled):not(.disabled):active{
  border-color:#004f71 !important;
}
.map-form .dropdown .dropdown-toggle{
  border-color: #004f71 !important;
}
.map-form .dropdown .dropdown-toggle:after{
  color: #004f71 !important;
}
.page-template-retail-stations-interactive-map .btn-link{
  color: #004f71 !important;
}
form.map-prefill input[type=submit]{
  color: #004f71 !important;
}
.page-template-products-and-services-interactive-map .btn-link{
  color: #004f71 !important;
}
.nf-form-content .submit-wrap .nf-field-element input.nf-element[type=submit], #nf-form-4-cont .nf-form-content nf-fields-wrap nf-field:last-child .nf-field-element input{
  background-color: #004f71 !important;
}
.nf-form-content .submit-wrap .nf-field-element input.nf-element[type=submit], #nf-form-4-cont .nf-form-content nf-fields-wrap nf-field:last-child .nf-field-element input:hover{
  background-color: #002839 !important;
}
select{
  border-color: #004f71 !important;
}

/* COOKIE BANNER */
#consent_blackbar #truste-consent-track{
  background-color: #002839;
}
#consent_blackbar #truste-consent-buttons.truste-buttonsColumn button#truste-consent-button, #consent_blackbar #truste-consent-buttons.truste-buttonsColumn button#truste-consent-required{
  background-color: #004F71;
  color:#ffffff;
  border: none;
}
#consent_blackbar #truste-consent-buttons.truste-buttonsColumn button#truste-consent-button:hover, #consent_blackbar #truste-consent-buttons.truste-buttonsColumn button#truste-consent-required:hover{
  background-color: #004F71;
  color:#ffffff;
  border:none;
}