@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');


@import url('customer_profile.css');
@import url('qr_orders.css');
@import url('grid_view.css');
@import url('list_view.css');
@import url('qr_code_scanner.css');
@import url('banner.css');
@import url('menus_top_menu.css');
@import url('branch_info_card.css');
@import url('users_order_details.css');
@import url('users_order_cart_modal.css');
@import url('qr_popup_modal.css');
@import url('qr_popup_modal_carousel.css');
@import url('number_pad.css');
@import url('spinner.css');

@font-face {
    font-family: 'Gabriola';
    font-style: normal;
    font-weight: normal;
    src: local('Gabriola'), url('gabriola Font Download.woff') format('woff');
}
.banner-static .banner-text .banner-cell h1 {
    font-family: 'Gabriola';
    font-weight: bolder;
}
h2.block-title {
    font-family: 'Gabriola';
    font-weight: 600;
}

h2.ft-title.color-white.text-center {
    font-family: 'Gabriola';
    font-weight: 600;
}
.footer-box h3 {
    font-family: 'Gabriola';
    font-weight: 600
}

body {
    background: rgb(37, 37, 37);
    background-color: #000000;
    background-image: url("https://www.transparenttextures.com/patterns/skulls.png");
    /* background-repeat: no-repeat; */
    background-attachment: fixed;
}

.shadow {
    box-shadow: 0px 0px 40px rgba(0,0,0,0.10),
                0px 5px 40px rgba(0,0,0,0.05),
                0px 10px 40px rgba(0,0,0,0.05),
                0px 15px 40px rgba(0,0,0,0.05);
}
.shadow_2 {
    box-shadow: 0px 0px 7px #888888;
}
.text_violet {
    color: #6200ff !important;
}
.w_100 {
    /* width: 100vw !important; */
    max-width:250px;
    width:100vw;
    height:auto;
}
.ml_3p {
    margin-left: 3px;
}
._mr-2 {
    margin-right: 2rem;
}
._mb-O2 {
    margin-bottom: 0.2rem !important;
}
._mb-1 {
    margin-bottom: 1rem;
}
._mb-2 {
    margin-bottom: 2rem;
}


._flex {
    display: flex;
    justify-content: space-around;
}
._flex_i_1 {
    flex: 1;
}
._flex_i_2 {
    flex: 2;
}
._flex_row {
    display: flex;
    flex-direction: column;
}
.f_15 {
    font-size: 15px;
}

.dsp_none{
    display: none !important;
}

.nav-logged-in-btn {
    color: white !important;
    font-size: 2.5rem;
    margin: 0 !important;
    top: 20px !important;
}

/* Toastr margin */
.toast-top-center {
    top: 12px !important;
}


@media(max-width: 992px) {
    .orangeBtn {
        background-color: #E75B1E;
    }
}