//@import '~bootstrap/scss/bootstrap';

@import url('https://fonts.googleapis.com/css?family=Nunito:400,600,700&display=swap');
@font-face {
    font-family: 'Futura';
    src: url(/fonts/FuturaMediumBT.woff?303d918d0daf475a8eb82d05a7cdc04f) format("WOFF");
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'futurabold';
    src: url(/fonts/futurabold-webfont.woff2?190cc742fc02469b5b89950ff4e23f7c) format("woff2"), url(/fonts/futurabold-webfont.woff?5d143ef80630635ec662137c5267bce5) format("woff"), url(/fonts/FuturaBold.ttf?4c62644b159530ff6214336f8cfb1d32) format("truetype");
    font-weight: normal;
    font-style: normal;
    letter-spacing: 0.3px;
}


$font-family: "Futura", 'Nunito', Helvetica, Arial, sans-serif;
$font-family-bold: "futurabold", 'Nunito', Helvetica, Arial, sans-serif;

$primary: #03237F;


$bg-color: #FBFBFB; //rgb(50,50,50);
$font-color: #000;
$white-font-color: #fff;
$header-font-color: #fff;
$footer-font-color: #fff;
$purple: #CF9AD8;

$yellow: rgb(245, 202, 60);
$black: #000;
$blue-light: #2b96af;
$blue-dark: #095B92;
$btn-green: #00FF00;

$error-color: red;

$header-title-color: $font-color;

$navbar-brand-color: $white-font-color;
$navbar-menulinks-color: $white-font-color;
$hambuger_menubars-color: $white-font-color;

$voucher_card-bg: #FBFBFB;
$voucher_card-color: #222222;
$voucher_card-title-color: $blue-dark;

$voucher_card-claimable_button-bg: $purple;
$voucher_card-claimable_button-color: $white-font-color;
$voucher_card-unclaimable_button-bg: grey;
$voucher_card-unclaimable_button-color: #D9D9D9;

$voucher_card-usable_button-bg: $blue-light;
$voucher_card-usable_button-color: $white-font-color;
$voucher_card-unusable_button-bg: grey;
$voucher_card-unusable_button-color: #D9D9D9;

$voucher_usage-bg: $primary;
$voucher_usage-color: $white-font-color;
$voucher_usage-button-bg: $btn-green;
$voucher_usage-button-color: $black;

$register-modal-bg: $primary;
$register-modal-color: $bg-color;
$register-modal-title-color: $white-font-color;
$register-modal-button-bg: $yellow;
$register-modal-button-color: $black;

#use_voucher-modal,
#warning-modal{

    .modal-content {
        background: $voucher_usage-bg;
        color: $voucher_usage-color;
        box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
    }


    .modal-header {
        padding-bottom: 0em;
        border-bottom: 0;
    }

    .modal-footer {
        display: block;
        text-align: center;
        border-top: 0;
    }

    .modal-body {
        padding-top: 0em;
        padding-bottom: 0;
    }

    .use_voucher-codes {
        margin: 1.5em auto 1em auto;

        .use_voucher-barcode {
            display: none;
            margin-bottom: 0.5em;
        }

        .use_voucher-digits {
            font-size: 2rem;
            font-weight: 600;
            letter-spacing: 4px;
            word-break: break-all;
            line-height: 1;
        }
    }

    .use_voucher-message {
        margin-top: 0.5em;
        color: $voucher_usage-button-bg;
    }

    .btn {
        background: $voucher_usage-button-bg;
        color: $voucher_usage-button-color;

        &.claimed {
            background-color: grey;
            color: #D9D9D9;
        }
    }
    .close {
        color: $white-font-color;
    }

}

//#voucher_single {
//    .voucher_single-image {
//        max-height: 100%;
//        max-width: 100%;
//        //width: 40vh;
//        display: block;
//        margin: 0 auto;
//        // max-height: 40vh;
//        // background-size: cover;
//        // background-position: center center;
//
//        // @media screen and (max-width: 575px) {
//        //     height: calc(70vw - 1em);
//        // }
//
//        // @media screen and (max-width: 479px) {
//        //     height: 100vw;
//        // }
//    }
//
//    .voucher_single-claimable, .voucher_single-unclaimable {
//        color: $bg-color;
//        background-color: $blue-light;
//        padding: 1em;
//        text-align: center;
//        font-size: 14px;
//        cursor: pointer;
//        font-weight: bold;
//        letter-spacing: 1px;
//    }
//
//    .voucher_single-unclaimable {
//        background-color: $voucher_card-unclaimable_button-bg;
//        color: $voucher_card-unclaimable_button-color;
//    }
//
//    .voucher_single-title {
//        color: $blue-dark;
//        font-size: 1.1rem;
//        font-weight: 600;
//    }
//
//    .voucher_single-location, .voucher_single-expiry {
//        font-size: 0.85rem;
//        color: rgba($font-color, 0.8);
//    }
//
//    .voucher_single-tc {
//        margin-top: 0.8em;
//    }
//
//
//}


.img-responsive.mobile {
    display: none;
}

.carousel.mobile {
    display: none;
}

.navbar.mobile {
    display: none;
}

.header {
    width: 100%;
}

@media only screen and (max-width: 992px) {
    .img-responsive {
        display: none;
    }
    .img-responsive.mobile {
        display: block;
    }
    .carousel {
        display: none;
    }
    .carousel.mobile {
        display: block;
    }

    .navbar.desktop {
        .navbar-collapse {
            display: none;
        }
    }

}
@media only screen and (max-width: 991px){

.navbar.mobile {
    display: block;
    padding: 0;
}
}

@media only screen and (max-width: 576px) {

    .header-right-div, .search-input-div {
        width: 100%;
        max-width: 100%;
    }
    .desktop-only{
        display: none;
    }
}