@import '/Areas/SBC/css/constants.css';

[class*="score"] .container {
    max-width: 100%
}

.new-nav .nav.navbar-nav, .new-nav .navbar .container, .new-header .navbar, [class*="score"] .container, .popover .nav {
    display: block
}

header.new-header, header.mobile-logo-fix {
    height: auto
}

.new-header nav {
    padding: 0
}

@media (min-width: 991px) {
    .new-nav [class*="collpase-icon"], .new-nav .level-two {
        display: none !important;
    }
}

.new-nav .dropdown.layout-3.show .dropdown-menu, .new-nav .layout-3.show.score-megamenu-dropdown .dropdown-menu, .new-nav .dropdown.layout-4.show .dropdown-menu, .new-nav .layout-4.show.score-megamenu-dropdown .dropdown-menu {
    width: 100%
}

@media(min-width: 991px) {
    .new-nav .dropdown.layout-3.show .dropdown-menu, .new-nav .layout-3.show.score-megamenu-dropdown .dropdown-menu, .new-nav .dropdown.layout-4.show .dropdown-menu, .new-nav .layout-4.show.score-megamenu-dropdown .dropdown-menu {
        top: 165px;
        left: 50%;
        transform: translate(-50%,0)
    }
}

@media(min-width: 1200px) {
    .new-nav .dropdown.layout-3.show .dropdown-menu, .new-nav .layout-3.show.score-megamenu-dropdown .dropdown-menu, .new-nav .dropdown.layout-4.show .dropdown-menu, .new-nav .layout-4.show.score-megamenu-dropdown .dropdown-menu {
        top: 98px;
    }
}

@media(min-width: 1281px) {
    .new-nav .dropdown.layout-3.show .dropdown-menu, .new-nav .layout-3.show.score-megamenu-dropdown .dropdown-menu, .new-nav .dropdown.layout-4.show .dropdown-menu, .new-nav .layout-4.show.score-megamenu-dropdown .dropdown-menu {
        width: 1310px
    }
}

@media (min-width: 1023px) and (max-width: 1200px) {
    .new-header .navbar-right {
        display: inline-block !important;
    }
}

@media (min-width: 991px) and (max-width: 1330px) {
    .new-nav .free-quote-nav-btn {
        margin: 10px 0 0 15px;
    }

    .new-nav .navbar-nav > li > a, .new-nav .navbar-nav > li.dropdown > a {
        padding: 17px 18px 25px;
    }
}

@media (max-width: 767.98px) {
    header.new-header, header.mobile-logo-fix {
        height: auto
    }

    /* Workaround for the social media icons hide, override to move up a bit */
    footer > .score-stripe > .score-page-layout-column2 > .score-column2 {
        margin-bottom: 40px;
    }
}

@media (max-width: 991px) {
    header.score-header.new-header {
        position: sticky;
        top: 0;
        background: white;
    }
}

header.score-header.mobile-logo-fix{
    display:none;
}

.utility-nav {
    display: none;
}

    .utility-nav .dropdown-toggle::after {
        display: none;
    }

.search-toggle, header .utility-nav .score-button-group a.search-toggle {
    display: none !important;
}

.country-selector > a {
    display: none !important;
}

.new-nav .show a .arrow {
    border-color: orange;
    margin-bottom: 3px;
    transform: rotate(-45deg)
}

.new-nav .dropdown.show, .new-nav .show.score-megamenu-dropdown {
    z-index: 3 !important
}

    .new-nav .dropdown.show > a, .new-nav .show.score-megamenu-dropdown > a {
        background: white !important;
        z-index: 2
    }

.new-nav .dropdown.layout-3.show, .new-nav .layout-3.show.score-megamenu-dropdown,
.new-nav .dropdown.layout-4.show,
.new-nav .layout-4.show.score-megamenu-dropdown {
    position: static;
}

@media(min-width: 991px) {
    .new-nav .dropdown.show > a, .new-nav .show.score-megamenu-dropdown > a {
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        box-shadow: 0 -8px 13px rgba(183,183,183,0.2);
        border-top: 3px solid teal !important
    }
}

@media(min-width: 991px) {
    .new-nav .dropdown.medium-blue.show > a, .new-nav .medium-blue.show.score-megamenu-dropdown > a {
        border-top: 3px solid #1b75bc !important
    }

    .new-nav .dropdown.teal.show > a, .new-nav .teal.show.score-megamenu-dropdown > a {
        border-top: 3px solid #00a88e !important
    }

    .new-nav .dropdown.orange.show > a, .new-nav .orange.show.score-megamenu-dropdown > a {
        border-top: 3px solid #f7931e !important
    }

    .new-nav .dropdown.green.show > a, .new-nav .green.show.score-megamenu-dropdown > a {
        border-top: 3px solid #8dc13f !important
    }

    .new-nav .dropdown.light-blue.show > a, .new-nav .light-blue.show.score-megamenu-dropdown > a {
        border-top: 3px solid #6dcff6 !important
    }

    .new-nav .show .dropdown-toggle::after, .new-nav .dropdown:first-child .dropdown-toggle::after, .new-nav .score-megamenu-dropdown:first-child .dropdown-toggle::after {
        background: transparent
    }
}

.new-nav .dropdown-toggle::after, .utility-nav .dropdown-toggle::after {
    border: 0
}

@media(max-width: 991px) {

    .navbar-nav .show .dropdown-menu {
        left: 0;
        box-sizing: border-box;
        z-index: 999;
        background-color: white;
        transition: .3s ease-out;
        width: 100%;
        top: 80px;
        padding: 0 20px;
        display: block;
        overflow: auto;
        padding-bottom: 30px;
        height: calc(100vh - 126px)
    }

    .dropdown.show .dropdown-menu-1, .show.score-megamenu-dropdown .dropdown-menu-1 {
        overflow: hidden;
        margin-left: -20px;
        margin-right: -20px;
        padding: 7px 20px 10px 20px !important
    }
}

@media(max-width: 991px) {
    .navbar-default .navbar-nav .show .dropdown-menu > li > a, .score-main-menu-spider .navbar-nav .show .dropdown-menu > li > a, .score-megamenu .navbar-nav .show .dropdown-menu > li > a {
        color: #777
    }
}

body.modal-open {
    padding-right: 0 !important
}

body {
    padding-right: 0 !important;
    font-family: var(--irm-font-family-medium) !important;
}

.show {
    -webkit-transition: none !important;
}

/*.bundle-price-selected-before-tax .contract-type-price-zero, .bundle-price-selected .contract-type-price-zero, .tax-amount .contract-type-price-zero, .promoAppliedSavings .contract-type-price-zero {
    font-size: 16px !important;
}

.bundle-price-total-before-tax, .total-price {
    font-size: 22px !important;
}*/

.tooltip {
    font-family: 'Inter Medium' !important;
}

.tooltip-inner {
    max-width: 440px !important;
    background-color: #484848 !important;
}

@media (min-width: 991px) and (max-width: 1330px) {
    .new-nav .navbar-nav > li > a, .new-nav .navbar-nav > li.dropdown > a {
        padding: 17px 18px 25px;
    }
}

header {
    -webkit-box-shadow: none;
    box-shadow: none
}

.new-nav.navbar-default.affix, .new-nav.affix.score-main-menu-spider, .new-nav.affix.score-megamenu {
    box-shadow: none;
}



/*Sierra overrides*/
h1,
h2,
h3,
/*h4,*/
h5,
h6 {
    font-family: var(--irm-font-family-medium) !important;
    color: var(--dark-color) !important;
}

h6 {
    font-size: 15px !important;
}

button, input, select, textarea {
    font-family: var(--irm-font-family-medium) !important;
    font-size: 16px !important;
}

.body-container {
    font-family: var(--irm-font-family-medium) !important;
    font-size: 15px !important;
}

    .body-container h1 {
        font-family: var(--irm-font-family-medium) !important;
        color: var(--dark-color) !important;
    }

.checkout-header {
    font-family: "Geometria", "Arial", sans-serif !important;
    font-style: normal;
    font-weight: 300;
    color: #3E3E3E !important;
    letter-spacing: .5px;
    font-size: 24px;
}

.btn-group {
    display: inline-flex !important;
}

.font-size-small {
    font-size: 14px;
}

.btn-info {
    color: #fefefe;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

    .btn-info:hover {
        color: #fefefe !important;
        background-color: #2ea8e1 !important;
        border-color: #2ea8e1 !important;
    }

.btn-submit {
    color: #5597cd !important;
    background-color: white !important;
    border-color: #5597cd !important;
    padding: 10px 40px;
}

    .btn-submit:disabled {
        color: #5597cd62 !important;
        background-color: white !important;
        border-color: #5597cd54 !important;
    }

.btn-submit-proceed {
    color: white !important;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.btn-checkout:focus, .checkoutNextBtn:focus, .custom-checkout-promo-button:focus {
    outline: 0 !important;
}

.btn-checkout {
    color: white !important;
    background-color: var(--sierra-orange) !important;
    border-color: var(--sierra-orange) !important;
    font-size: 17px !important;
}

    .btn-checkout:hover {
        color: white !important;
        background-color: var(--sierra-orange-hover) !important;
        border-color: var(--sierra-orange-hover) !important;
        font-size: 18px !important;
    }


.btn-submit-proceed {
    border-color: #69c9ff;
}

.custom-checkout-button {
    border: none !important;
    background-color: var(--sierra-orange) !important;
    color: #ffffff !important;
    text-align: center !important;
    text-decoration: none !important;
    /*display: inline-block !important;*/
    font-size: 16px !important;
}

    .custom-checkout-button:hover {
        color: white !important;
        background-color: var(--sierra-orange-hover) !important;
        border-color: var(--sierra-orange-hover) !important;
    }


.quote-build-input-txt {
    font-size: 16px !important;
}

.custom-checkout-promo-button {
    margin-top: 22px !important;
    padding: 4px !important;
}

    .custom-checkout-promo-button:hover {
        background-color: var(--primary-button-hover);
        color: #fefefe;
    }


@media (max-width: 767.98px) {
    .custom-checkout-promo-button {
        margin-top: 23px !important;
        padding: 4px !important;
    }
}

.form-control {
    height: 38px !important;
}

.custom-checkout-group {
    border-color: var(--primary-color) !important;
}
/* enable toggle hover only for desktops*/
@media (hover: hover) {
    .custom-checkout-group:hover {
        background-color: var(--primary-color) !important;
        color: #ffffff !important;
        border-color: var(--primary-color) !important;
    }

    .custom-contract-type:hover {
        background-color: var(--toggle-primary-selected) !important;
        color: #ffffff !important;
        border-color: var(--toggle-primary-selected) !important;
    }
}

.custom-contract-type {
    color: #133F6B !important;
    background-color: #ffffff !important;
    border-color: #133F6B !important;
    font-size: 16px !important;
    text-align: center !important;
}

    .custom-contract-type:not(:disabled):not(.disabled):active,
    .custom-contract-type:not(:disabled):not(.disabled).active,
    .show > .custom-contract-type.dropdown-toggle {
        color: #fff !important;
        background-color: var(--toggle-primary-selected) !important;
        border-color: var(--toggle-primary-selected) !important;
    }

.save-later-option {
    font-size: 22px;
    font-weight: 600;
}

.checkoutPlanSelect {
    font-size: 19px !important;
    color: #5597CD !important;
}

#checkoutPlanSelectWidth {
    font-size: 2.0rem !important;
}

.quote-slider-number {
    font-size: 16px !important;
}

.contract-type-price {
    font-size: 22px !important;
}

/*.contract-type-price-zero {
    font-size: 1.3rem !important;
}*/

.tax-info {
    font-size: 14px;
}

@media print {
    a[href]:after {
        content: "";
    }

    .checkout-tot-promo small {
        color: var(--sierra-orange) !important;
    }

    .checkout-tot-promo .contract-type-price-zero {
        color: var(--sierra-orange) !important;
    }

    .affix {
        position: inherit;
    }
}

.rounded-card {
    border-radius: 8px;
}

.checkout-select-group {
    font-size: 1.5rem;
}

.checkout-select {
    font-size: 1.7rem;
}

.btn[disabled] {
    cursor: not-allowed;
    opacity: .3;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.page-wrapper .score-button-group, footer .score-button-group {
    display:none;
}

footer {
    padding-top:0px;
}

/*.text-danger {
    color: #a94442 !important;
}*/