/*--- Global CSS --- */
/* Global ALL */

ul, ol {
    padding-left: 15px;
    margin-bottom: 1.5rem;
}

ol li,
ul.bullets li {
    margin-bottom: 1rem;
    line-height: 1.75rem;
    margin-left: .5rem;
}

ol li {
    padding-left: .5rem;
}

select {
    height: auto !important;
}

/* iOS/VO demands <a> tags be around non-whitespace to focus properly */
a.anchor-tag {
    all: inherit !important;
    color: #006298 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

a:active {
    text-decoration: none;
}

a, a span {
    transition: all 0.3s ease 0s;
}

a.no-border {
    border: none !important;
}

a.border-underline,
.border-underline {
    color: #4f4d51;
    border-bottom: 1px solid #369ece;
    text-decoration: none;
    padding-bottom: 2px;
    /* color: #006298 !important; */
}

a.border-underline:hover,
a.border-underline:active,
.border-underline:hover,
.border-underline:active {
    color: #369ece !important;
    border-bottom: 1px solid #369ece;
    cursor: pointer;
}

a.external-link {
    color: #4f4d51;
    text-decoration: none;
    padding-bottom: 4px;
}

a.external-link:hover {
    color: #006298;
    text-decoration: none;
    padding-bottom: 2px;
}

a.external-link:hover:after,
a.external-link:focus:after,
a.external-link:active:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    content: "\f14c";
    position: relative;
    left: 4px;
    font-size: .875rem;
    padding-right: 4px;
}

a.more-about {
    color: #006298 !important;
    letter-spacing: 0.125rem;
    font-size: 0.875rem;
    font-weight: 700;
    padding-bottom: 4px;
}

.more-about span {
    padding-bottom: 2px;
    border-bottom: 1px solid #fff;
}

a.more-about:hover span {
    text-decoration: none;
    color: #006298;
    border-bottom: 1px solid #369ece;
    padding-bottom: 2px;
}

a[aria-describedby="download-link-description"] {
    padding-top: 1rem !important;
}
/* Region 1 ALL */


.terms-conditions h2 {
    font-size: 1rem;
    font-weight: 900;
    margin-top: 2rem;
}

p.term-condition span {
    padding-right: .5rem;
}

p.term-condition {
    margin-bottom: .25rem;
}

/* .region-1a-content label{ */

legend,
.form-label {
    color: #4F4D51;
    font-size: 1.0rem;
    font-weight: 600;
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.5rem;
}

.form-check-input {
    margin-left: -1.5rem;
}

.region-6-content {
    background-color: #E8F6FC;
    color: #4F4D51;
    border: solid #43B3E6 1px;
    font-size: .875rem;
}


.vertical-align-text {
    padding: 5% 0%;
}

.fa-clipper {
    padding-right: 2px;
    font-size: 1rem;
    color: #3096C5;
}

.fal.fa-clipper {
    font-weight: 400 !important;
}

.btn-cancel {
    background-color: #ffffff !important;
    color: #737373 !important;
    text-transform: uppercase;
    border-radius: .25rem;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 1.5px;
    margin-right: .5rem;
}

.btn-secondary {
    background: #FFF;
    color: #006298;
    border-radius: 0.25rem;
    border: 1px solid #006298;
    font-size: 1rem;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: 1.5px;
    margin-right: 0.5rem;
    height: 54px;
    /* text-transform: capitalize;*/
}


.btn-clipper,
.btn-clipper-modal {
    background-color: #006298 !important;
    color: #fff !important;
    text-transform: uppercase;
    border-radius: .25rem;
    padding: 1rem 2rem;
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    /*text-transform: capitalize;*/
}

.btn-clipper-disabled {
    cursor: not-allowed;
    background-color: #8b989e !important;
    color: #fff !important;
    border-radius: .25rem;
    padding: 1rem 2rem;
    font-size: 1rem;
    font-weight: 600;
    height: 54px;
    /* text-transform: capitalize;*/
}

.btn-clipper-light {
    background-color: #369ece !important;
    color: #fff !important;
    border-radius: .25rem;
    padding: 1rem 2rem;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    height: 54px;
    /* text-transform: capitalize;*/
}

.btn-cancel,
.btn-secondary {
    background: #FFF;
    color: #006298;
    border-radius: .25rem;
    border: 1px solid #006298;
    font-size: 1rem;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: 1.5px;
    margin-right: .5rem;
    height: 54px;
    text-transform: capitalize;
}


.btn-cancel:hover,
.btn-cancel:active,
.btn-cancel:focus {
    background-color: #fff !important;
    border: 1px #9e9999 solid;
}


.btn-clipper:hover,
.btn-clipper:active {
    background-color: #369ece !important;
}

/* Button focus */

input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition: background-color 0s 600000s, color 0s 600000s;
}

.text-login .forgot-password:focus,
.how-to-improve-clipper a:focus,
#login-group-email input#input-email:focus,
.region-3-content .btn-help:focus,
#login-group-password input#input-password:focus,
.register-account:focus,
button.input-group-text.upper-case.password-toggle:focus {
    outline: 3px solid #59BBE8;
}

/* fix arguement with login.css */
.region-register button.input-group-text.upper-case.password-toggle:focus {
    outline: 2px solid #006298;
    z-index: 20;
}

.bg-white .btn-clipper:hover {
    background-color: #369ece !important;
}

.bg-white .btn-clipper:focus,
.region-1a-content #contact-form .btn-clipper:focus {
    outline: 3px solid #006298;
    background-color: #369ECE !important;
    /*  background-color: #43B3E6; !important */
    border: 1px solid #006298;
}

.btn-clipper.border-white:focus,
#login-form .btn-login:focus,
#login-form .btn-create:focus {
    outline: 3px solid #ffffff;
}

/* End Focus */

.normal {
    font-size: 1.0rem;
}

.big {
    font-size: 1.5rem !important;
}

.bigger {
    font-size: 2rem;
}

.biggest {
    font-size: 3rem;
}

.wide {
    letter-spacing: 1px;
}

.font-700 {
    font-weight: 700;
}

/* Forms */

input, textarea {
    color: #4F4D51 !important;
}

input::placeholder,
textarea::placeholder,
option.placeholder {
    color: #76747B !important;
}

input.combobox {
    margin: 0 !important;
}

.combobox-container li.active,
.combobox-container li.active .dropdown-item {
    background-color: #006298;
    color: #fff;
    font-weight: 500;
}

.input-group > .form-control::placeholder {
    color: #76747B !important;
}

.form-control {
    color: #76747B;
}

/* End Login */

.accordion .card {
    border: none;
}

.accordion a,
.accordion a:hover,
.accordion a:active {
    color: #006298 !important;
    border: none !important;
    cursor: pointer;
    text-decoration: none;
}

.faq-answer a {
    color: #4f4d51 !important;
    border-bottom: 1px solid #369ece !important;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    padding-bottom: 2px;
}

.faq-answer a:hover,
.faq-answer a:active {
    color: #369ece !important;
    border-bottom: 1px solid #369ece !important;
    text-decoration: none;
}

.callout-clipper {
    background-color: #E8F6FC;
    color: #006298;
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding: 1.75rem;
    border: solid #43B3E6 1px;
    font-size: .875rem !important;
    text-align: left;
    line-height: 1.5rem !important;
}

ul.callout-bullets {
    margin-left: .25rem;
    margin-bottom: 0rem;
}


ul.callout-bullets a {
    color: #006298;
}

.callout-clipper a {
    color: #006298;
}

header nav {
    background-color: #F1F1F2;
}
nav#agency-nav {
    margin-bottom: 2rem;
}

.checkmark-thing {
    width: 100px;
    height: 100px;
    text-align: center;
}

.weight-400 {
    font-weight: 400 !important;
}

.form-instructions {
    padding: 0;
    font-size: .875rem;
    font-weight: 400;
    font-style: italic;
}

.alert-danger {
    color: #4f4d51;
    background-color: #F7D7DA;
    border-color: #C56463;
    padding: .75rem 1rem;
    border-radius: 0;
    margin-top: .25rem;
    margin-bottom: .5rem;
    font-weight: 400;
    font-size: .875rem;
}

#alert-message {
    Line-height: 1.5;
    font-family: “Montserrat”, sans-serif;
    Font-weight: 400;
    Font-size: .9rem;
}

#alert-message a {
    padding-bottom: 2px;
}

#alert-message .alert-system a {
    color: #444 !important;
}

.alert i {
    position: relative;
    top: 1px;
    margin-right: 1px;
}

.alert-system {
    text-align: center;
    color: #444;
    background-color: #FEDA73;
    border-color: #FEDA73;
}

.fa-system:before {
    content: "\f05a";
}

/* Urgent alert */

.alert-urgent {
    text-align: center;
    color: #fff;
    background-color: #B2001A;
    border-color: #B2001A;
}

.alert.alert-urgent a {
    color: #fff !important;
    border-bottom: solid #fff 1px !important;
}

.fa-urgent:before {
    content: "\f06a";
}

/* Promo alert */

.alert-promo {
    text-align: center;
    color: #fff;
    background-color: #006298;
    border-color: #006298;
}

.alert.alert-promo a {
    color: #fff !important;
    border-bottom: solid #fff 1px !important;
}

.fa-promo:before {
    content: "\f005";
}

.alert-dismissible .close {
    position: absolute;
    top: -1px;
    right: 0;
    padding: .5rem !important;
    color: inherit;
    height: 100%;
    text-shadow: none;
    opacity: 1.0;
}

.alert-dismissible .close:hover,
.alert-dismissible .close:focus {
    border-width: 2px;
    border-style: solid;
    outline: none;
}


@media (max-width: 767px) {

    #alert-message {
        Font-size: 1rem;
    }

    .alert-dismissible {
        padding-right: 2rem;
    }

    .alert-dismissible .close {
        right: -5px;
    }
}


/* End alerts */


.alert-danger i.fa-clipper {
    padding-right: 6px;
    font-size: 1rem;
    color: #c56463;
    font-weight: 400;
    position: relative;
    top: 1px !important;
}

h2.cardholder-title-first {
    margin-top: 0rem !important;
}

.privacy-policy h3,
.terms-of-use h3 {
    font-size: 1rem;
    font-weight: 700;
    padding-top: 1rem;
}

sup span.reg-font {
    padding-right: 0rem;
}

i.fa-long-arrow-right {
    color: #006298;
}

#skip-link {
    position: absolute;
    top: 0;
    display: inline-block;
    padding: 4px 10px;
    margin: 0 0 0 30px;
    background-color: #006298;
    color: #fff;
    font-size: .875rem;
    font-weight: 600;
}

#skip-link:focus {
    border: none;
    outline: none;
}

/* End ALL */

/* ----------- Smartphone Device Styles (XS)  ----------- */

@media (max-width: 575px) {

    #main-nav ul.navbar-nav li.nav-item a {
        font-size: 1rem;
    }

}

/* ----------- Smartphone Device Styles (XS)  ----------- */

@media (max-width: 767px) {

    .long-link {
        overflow-wrap: break-word;
    }

    .text-xs-center {
        text-align: center !important;
    }

    .accordion h3 {
        font-size: 1.0rem;
        font-weight: 900;
    }

    .xs-h1 {
        font-size: 1.5rem;
    }

    .cardholder h1,
    .cardholder h2 {
        font-size: 1rem !important;
        line-height: 1.5rem;
    }

    .cardholder p {
        font-size: .875rem;
    }

    #main-nav ul.navbar-nav li.nav-item {
        padding-bottom: .5rem;
    }

    div.full-height-mobile-image {
        overflow: hidden;
        max-width: inherit;
        position: relative;
        left: 50%;
        transform: translate(-50%, 0%);
    }

    div.full-height-mobile-image img {
        transform: translate(-5%, 0%);
    }

    #main-nav ul.navbar-nav li.nav-item {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }

    .discounts-1-background h2 {
        margin-top: 3rem;
    }

    .discounts-1-background {
        padding-bottom: 2rem;
    }

    /* This width is used on mobile only */
    .width-xs-55 {
        width: 55% !important;
    }

    .width-xs-30 {
        width: 30% !important;
    }

}

@media (max-width: 767px) and (orientation: landscape) {
    a[aria-describedby="download-link-description"] {
        padding-top: 0.5rem !important;
    }
}
@media (max-width: 767px) and (orientation: portrait) {
    a[aria-describedby="download-link-description"] {
        padding-top: 1rem !important;
    }
}
@media only screen 
    and (height: 414px) 
    and (width: 896px)  { 
        a[aria-describedby="download-link-description"] {
            padding-top: 0.3rem !important;
        }
}

/* End XS */

/* ---------------------- Tablet styles (SM)  ---------------------- */
@media (min-width: 768px) {

    .width-75 {
        width: 75% !important;
    }

    .width-50 {
        width: 50% !important;
    }

    .w-35,
    .width-35 {
        width: 35%;
    }

    .w-20,
    .width-20 {
        width: 20%;
    }

    .table-date {
        width: 33%;
    }
}

@media (min-width: 768px) and (max-width: 912px) and (orientation:portrait) {
    a[aria-describedby="download-link-description"] {
        padding-top: 0.3rem !important;
    }
    .btn-clipper{
        font-size: 0.85rem;
    }
}
@media (min-width: 844px) and (max-width: 932px) and (orientation:landscape) {
    a[aria-describedby="download-link-description"] {
        padding-top: 0.3rem !important;
    }
    .btn-clipper{
        font-size: 0.85rem;
    }
}


/* End SM */

/* ----------- Desktops and laptops (MD) ----------- */
@media (min-width: 992px) {

    /* This fixes IE11 card layout issues */
    .card.card-clipper-get,
    .card.card-iefix,
    .card.card-reload {
        flex: 0 0 33.3333333333%;
    }


}

/* End MD */

/* ----------- Large Desktops (LG) ----------- */

@media (min-width: 1200px) {
}