/* Non-header/footer specifics */

@font-face {
    font-family: "LA28-Normal";
    src: url(../../../fonts/ole-la//LA28-Normal.woff) format("woff");
    font-display: swap;
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "LA28-Bold";
    src: url(../../../fonts/ole-la/LA28-Bold.woff) format("woff");
    font-display: swap;
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "LA28-Black";
    src: url(../../../fonts/ole-la/LA28-Black.woff) format("woff");
    font-display: swap;
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: "LA28-Display";
    src: url(../../../fonts/ole-la/LA28Display-Regular.woff) format("woff");
    font-display: swap;
    font-weight: 800;
    font-style: normal
}

iframe.iframe-form{
    margin-top: 0px !important;
}

.snow button, .snow input, .snow optgroup, .snow select, .snow textarea{
    font-family: var(--font-primary) !important;
}

.payment > * {
    font-family: "LA28-Normal", sans-serif;
}
@media (min-width: 992px) {
    .payment {
        margin-top: 250px;
    }
}
.payment .title-main {
    font-family: "LA28-Normal", sans-serif;
    color: #000;
    border-radius:25px;
}

.payment .title {
    color: #fff;
    background-color: #00AAF2;
    border-radius: 8px !important;
}

.payment .row .col-sm-6.col-md-6.col-lg-6.col-xl-6.align-right span {
    font-family: "LA28-bold", sans-serif;
}

.payment .payment-row .payment-col.align-right {
    font-family: "LA28-bold", sans-serif;
}

.payment .btn-wrapper{
    display:flex;
    justify-content: center;
    align-items: center;
}

.payment .btn-wrapper button:first-child {
    font-family: "LA28-Bold" sans-serif;
    background: #fff !important;
    color: #00AAF2 !important;
    border-radius: 25px !important;
    border: 2px solid #00AAF2 !important;
}

.payment .btn-wrapper button:first-child:hover {
    background: rgba(24, 147, 219, 0.20) !important;
    color: #00AAF2 !important;
    border-radius: 25px !important;
    border: 2px solid #00AAF2 !important;
}

.payment .btn-wrapper button:nth-child(2) {
    font-family: "LA28-Bold" sans-serif;
    background: #00AAF2 !important;
    color: #fff !important;
    border-radius: 25px !important;
    border: unset !important;
}

.payment .btn-wrapper button:nth-child(2):hover {
    background: #0398d8 !important;
    color: #fff !important;
    border-radius: 25px !important;
    border: unset !important;
}

button.btn-back-home,
button.btn-try-again {
    background-color: #91CBEB !important;
    color: #ffffff !important;
    border: 2px solid #91CBEB !important;
    font-weight: 700;
    border-radius: 4px !important;
    width: 160px !important;
    height: auto !important;
    padding: 8px !important;
    font-family: "LA28-Bold", sans-serif !important;
    font-size: 20px !important;
    margin:0px !important;
}

.btn-back-home:hover,
.btn-try-again:hover {
    background: #91CBEB !important;
    color: #ffffff !important;
}

/*Adyn styles */

.payment-container {
    background-color: #F5F5F5 !important;
}

#dropin-container {
    font-family: "LA28-Normal", sans-serif !important;
    border: 1px solid rgba(102, 102, 102, 0.32) !important;
}

.back-btn-payment {
    font-family: "LA28-Normal", sans-serif !important;
    color: #000000 !important;
}

.back-btn-payment i {
    color: #000000 !important;
}

.payment-wrapper .lang-btn {
    font-family: "LA28-Normal", sans-serif !important;
    background-color: #91CBEB !important;
}

.payment-details {
    font-family: "LA28-Normal", sans-serif !important;
    background-color: #91CBEB !important;
    color: #000000 !important;
}

.payment-details h1{
    font-family: "LA28-Bold", sans-serif !important;
}

.payment-details h2,
.payment-details p {
    font-size: 16px;
}

#dropin-container .dropin-header {
    font-family: "LA28-Bold", sans-serif !important;
    color: #000000 !important;
}

#dropin-container .dropin-header span img{
    filter: brightness(0) invert(0);
}

#dropin-container .adyen-checkout__field .adyen-checkout__label .adyen-checkout__label__text {
    font-family: "LA28-Bold", sans-serif !important;
    font-size: 16px !important;
    font-weight: normal;
}

#dropin-container .adyen-checkout__payment-methods-list .adyen-checkout__payment-method--card .adyen-checkout__payment-method__details__content .adyen-checkout__button {
    font-family: "LA28-Normal", sans-serif !important;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 1px;
    background-color: #91CBEB !important;
    color: #fff !important;
}

#dropin-container .adyen-checkout__payment-methods-list .adyen-checkout__payment-method--card .adyen-checkout__payment-method__details__content .adyen-checkout__button .adyen-checkout__button__icon {
    height: 20px;
}

#dropin-container .adyen-checkout__field--cardNumber .adyen-checkout__label .adyen-checkout__input-wrapper .adyen-checkout__input,
#dropin-container .adyen-checkout__field:not(.adyen-checkout__field--cardNumber) .adyen-checkout__label .adyen-checkout__input-wrapper {
    border: 1px solid rgba(102, 102, 102, 0.50) !important;
}

#dropin-container .adyen-checkout__field .adyen-checkout__label .adyen-checkout__label__text.adyen-checkout__label__text--error {
    color: #FF5D5D !important;
}

#dropin-container .adyen-checkout__field--cardNumber.adyen-checkout__field--error .adyen-checkout__label .adyen-checkout__input-wrapper .adyen-checkout__input, #dropin-container .adyen-checkout__field:not(.adyen-checkout__field--cardNumber).adyen-checkout__field--error .adyen-checkout__label .adyen-checkout__input-wrapper {
    border: 1px solid #FF5D5D !important;
}

#dropin-container .adyen-checkout__field.adyen-checkout__field--error .adyen-checkout__label .adyen-checkout__input-wrapper::after,
#dropin-container .adyen-checkout__field.adyen-checkout__field--error::after {
    color: #FF5D5D !important;
}

.payment-wrapper .lang-btn .language-selector #language-select {
    color: #fff !important;
}

.payment-wrapper .lang-btn .language-selector #language-select option {
    color: #FF5D5D;
    background-color: white;
}


.payment-wrapper .lang-btn .language-selector #language-select:focus {
    outline: 1px solid #000000;
}

/* ------------------ New success and faliure styles -----------------------------*/

.payment-success-new,
.payment-fail-new {
    font-family: "LA28-Normal", sans-serif !important;
    background-color: #F5F5F5 !important;
}

.payment-success-new-top h1,
.payment-fail-new-top h1 {
    font-family: "LA28-Black", sans-serif !important;
    color: #000000 !important;
    text-transform: uppercase;
}

.payment-success-new-wrapper p,
.payment-fail-new-wrapper p {
    color: #666 !important;
}