/*--- Clipper App CSS Batch 2 > MIG > 4.8.21 --- */ 

@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

html {
    scroll-behavior: smooth;
}

.primary-bold {
    color: #006298;
    font-weight:900;
}

ol.register-clipper-card li::marker {
    color: #006298;
    font-weight: 900;
    font-size: 1.25rem;
    padding-right: 1rem;
    vertical-align: top;
}

ol.register-clipper-card li {
    padding-left:1rem;
}

.list-unstyled li {
    padding-left: 0;
}

ol.register-clipper-card dl {
    padding-left:1.5rem;
}

#apple-pay-page a.border-btm {
    padding-bottom:4px;
    border-bottom: solid #369ece 1px;
}

#apple-pay-page a.border-btm:hover {
    padding-bottom: 4px;
    border-bottom: solid #369ece 1px;
}

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

/* Apple Pay */ 

a.ap-back-to-top span:before {
    font-size: 2.5rem;
    position: relative;
}

a.ap-back-to-top:hover {
    color: #43B3E6!important;
}

.apple-pay-section-2,
.apple-pay-section-3,
.apple-pay-section-4,
.apple-pay-section-5,
.apple-pay-section-6,
.apple-pay-section-7,
.apple-pay-section-8,
.apple-pay-section-9,
.apple-pay-section-10 {
    padding-top:3rem;
    padding-bottom: 3rem;
}

.apple-pay-section-5 h3,
.apple-pay-section-6 h3,
.apple-pay-section-10 h2 {
    color: #006298;
    font-weight: 900;
    font-size: 1.25rem;
    letter-spacing: .0625rem;
    margin-bottom: .5rem;
}

.apple-pay-section-3 .region-3 p {
    text-align:left;
}

.apple-pay-section-3 h2.h1,
.apple-pay-section-4 h2.h1,
.apple-pay-section-5 h2.h1,
.apple-pay-section-6 h2.h1,
.apple-pay-section-7 h2.h1,
.apple-pay-section-8 h2.h1,
.apple-pay-section-9 h2.h1 {
    color: #006298;
    font-family: "utopia-std",serif;
    font-weight: 900;
    letter-spacing: .0625rem;
    text-align: left;
    padding-top:0;
}

.coyp-in-lang h2.h1 {
    color: #006298;
    font-family: "utopia-std",serif;
    font-weight: 900;
    letter-spacing: .0625rem;
    text-align: left;
    padding-top:0;
    font-size:2rem;
}

.coyp-in-lang h3 {
    color: #006298;
    font-family: Montserrat, sans-serif;
    font-weight: 900;
    font-size: 1.5rem;
    letter-spacing: .0625rem;
}

.coyp-in-lang .in-lang-question a {
    font-size:1.25rem;

}

.coyp-in-lang .in-lang-question a:hover {
    color: #43B3E6!important;
    border-bottom:1px solid #43B3E6!important;
}

.font-size-sm {
    font-size: 1rem!important;
}

.apple-pay-section-2 button {
    background: transparent;
    transition: all 0.3s ease 0s;
    border-radius: 0;
}

.apple-pay-question {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}

.in-lang-question {
    width: 100%;
    padding-left: 0;
    padding-right: 1rem;
}

.apple-pay-question .fa-angle-down:before {
    color:#006298;
}

.apple-pay-question a,
.in-lang-question a {
    text-decoration: none;
}

.apple-pay-question a,
.in-lang-question a {
    color: #006298!important;
    font-size:1rem;
    font-weight:900;
    white-space: normal !important;
    border-bottom:1px solid transparent!important;
}

.apple-pay-question a:hover {
    color: #43B3E6!important;
    border-bottom:1px solid #43B3E6;
}

.apple-pay-section-2 .question-text:hover {
    border-bottom:1px solid #006298;
}

.btn-disabled-outline {
    background: #EFF0F1;
    border: 2px solid #5A5B5E;
    color: #5A5B5E;
    text-transform: uppercase;
    border-radius: .25rem;
    padding: 1rem;
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    border-bottom: 2px solid #5A5B5E!important;
}

.btn-disabled-outline:hover,
.btn-disabled-outline:focus {
    background: #767676;
    border: 2px solid #5A5B5E;
    color:white!important;
}
  
.black-tooltip .tooltip-inner {
    padding: 0.5rem 1.5rem;
    color: #fff;
    font-size: .9rem!important;
    font-weight:900;
    text-align: left;
    background-color: #313133 !important;
    border: solid #313133 1px!important;
    border-radius: 0.25rem;
    text-transform:uppercase;
    min-width:none;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow-black::before, .bs-tooltip-bottom .arrow-black::before {
bottom: 2px;
content: url('../img/tooltip-bottom-black.png')!important;
}

.bs-tooltip-auto[x-placement^=top] .arrow-black::before, .bs-tooltip-top .arrow-black::before {
top: 2px;
content: url('../img/tooltip-top-black.png')!important;
}

.bs-tooltip-auto[x-placement^=left] .arrow-black::before, .bs-tooltip-left .arrow-black::before {
left: 2px;
}

.bs-tooltip-auto[x-placement^=right] .arrow-black::before, .bs-tooltip-right .arrow-black::before {
right: 2px;
content: url('../img/tooltip-right-black.png')!important;
}

div.light-gray-bg-hdr {
    background: #FAFAFA;
    border: 0px;
    padding: 2rem 0 2rem 3rem;
    margin-left: -3rem;
    margin-top: 0;
}

/* End ALL */ 

/* ----------- XS devices  ----------- */

@media (max-width: 575px) {  

    .apple-pay-img {
        display: block;
        margin: auto;
    }

    img.apple-pay-logo {
        padding-top: 1rem;
        width: 33%;
    }

    a.ap-back-to-top {
        position: relative;
        margin:auto;
    }

}

/* ----------- SM devices  ----------- */

@media (min-width: 576px) {  

    img.apple-pay-logo {
        padding-top:2rem;
        width: 20%;
    }

    a.ap-back-to-top {
        position: relative;
        float:right;
        top: 2rem;
        right: 1rem;
        border-bottom: none!important;
        color: #006298!important;
    }

}

/* ----------- iPad only devices  ----------- */

@media (min-width: 768px) and (max-width:991px) { 



} 

/* ----------- Medium devices  ----------- */

@media (min-width: 768px) {  

    .light-gray-bg-hdr.nav-tabs a {
        padding: 1rem 1.25rem;
        font-size: .75rem;
        margin-right: 1rem;
    }

    .apple-pay-question a {
        font-size:1.125rem;
    }

}

/* End MD */

/* ----------- Large devices ----------- */
@media (min-width: 992px) {

    .apple-pay-hero {
        background-image: url('../img/b2_apple-pay-hero_2025.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: 2400px 500px;
        background-position: 50% 100%;
        overflow: hidden;
        padding-bottom: 2rem;
    }

    .light-gray-bg-hdr.nav-tabs a {
        padding: 1rem 2rem;
        font-size: 1rem;
    }


}
  
  /* End LG */
  
  /* ----------- XL devices ----------- */
  
@media (min-width: 1200px) {

    .apple-pay-question a {
        font-size:1.25rem;
    }

    .apple-pay-hero .region-1 h1 {
        margin-bottom:2rem;
    }

    .btn-disabled-outline {
        padding: 1rem 2rem;
    }

}