@font-face {
    font-family: 'SummerFavourite';
    src: url('/Fonts/SummerFavourite.otf');
}

@font-face {
    font-family: 'Chicago';
    src: url('/Fonts/Chicago.ttf');
}

@font-face {
    font-family: 'ChicagoNeon';
    src: url('/Fonts/ChicagoNeon.ttf');
}

@font-face {
    font-family: 'NeonLightRegular';
    src: url('/Fonts/NeonLightRegular.ttf');
}

@font-face {
    font-family: 'Tonight';
    src: url('/Fonts/Tonight.ttf');
}

@font-face {
    font-family: 'NeonSans';
    src: url('/Fonts/NeonSans.ttf');
}

@font-face {
    font-family: 'ChicagoFlat';
    src: url('/Fonts/ChicagoFlat.ttf');
}

@font-face {
    font-family: 'NeonRetro';
    src: url('/Fonts/NeonRetro.otf');
}

@font-face {
    font-family: 'NeonGoodshine';
    src: url('/Fonts/NeonGoodshine.otf');
}

@font-face {
    font-family: 'Poppins-Black';
    src: url('/Fonts/Poppins-Black.ttf');
}

@font-face {
    font-family: 'Poppins-Bold';
    src: url('/Fonts/Poppins-Bold.ttf');
}

@font-face {
    font-family: 'Poppins-ExtraBold';
    src: url('/Fonts/Poppins-ExtraBold.ttf');
}

/*****************************************/
/********** element level style **********/
/*****************************************/

textarea:focus, input:focus, button:focus {
    outline: none;
}

input[type="text"]::placeholder, input[type="tel"]::placeholder, input[type="email"]::placeholder {
    text-align: right;
}

* {
    position: relative;
}

/*******************************************************/
/********** measurement and color definitions **********/
/*******************************************************/

.text-white {
    color: white;
}

.text-green-007F0E {
    color: #007F0E;
}

.text-red-EB5457 {
    color: #EB5457;
}

.background-black {
    background-color: black;
}

.background-red-EB5457 {
    background-color: #EB5457;
}

.background-orange-FBCC62 {
    background-color: #FBCC62;
}

.background-green-007F0E {
    background-color: #007F0E;
}

.background-green-E0EECA {
    background-color: #E0EECA;
}

.background-green-E8F3D8 {
    background-color: #E8F3D8;
}

.background-green-04AA6D {
    background-color: #04AA6D;
}

.background-lightgray {
    background-color: lightgray;
}

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

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

.text-size-1d5rem {
    font-size: 1.5rem;
}

.width-100 {
    width: 100%;
}

.width-50 {
    width: 50%;
}

.width-auto {
    width: auto;
}

.height-100 {
    height: 100%;
}

.h1-title {
    /*font-size: 2em;*/
    font-size: 40px;
    font-weight: bold;
}

.h2-title {
    font-size: 32px;
    font-weight: bold;
}

.h3-title {
    font-size: 28px;
    font-weight: bold;
}

.h4-title {
    font-size: 24px;
    font-weight: bold;
}

.h5-title {
    font-size: 20px;
    font-weight: bold;
}

.vertical-margin-20 {
    margin: 20px 0;
}

/*************************************/
/********** general display **********/
/*************************************/

.break-word {
    word-break: break-all;
}

.no-padding {
    padding: 0;
}

.no-margin {
    margin: 0;
}

.no-border {
    border: none;
}

.no-shadow {
    box-shadow: none;
}

.no-decoration {
    text-decoration: none;
}

.margin-overlap {
    margin: -1px;
}

.absolute-bottom-overlap {
    bottom: -2px;
}

.fade-in-top {
    transform: translateY(-100px);
    opacity: 0;
    transition: 1s all ease;
}

    .fade-in-top.active {
        transform: translateY(0);
        opacity: 1;
    }

.fade-in-bottom {
    position: relative;
    transform: translateY(100px);
    opacity: 0;
    transition: 1s all ease;
}

    .fade-in-bottom.active {
        transform: translateY(0);
        opacity: 1;
    }

.center-absolute-X {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.center-absolute-Y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.center-absolute {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.flex-main-axis-center {
    /*display: flex;*/
    justify-content: center;
}

.flex-cross-axis-center {
    /*display: flex;*/
    align-items: center;
}

/*.box-all-axis-center {
    
    align-items: center;
    justify-content: center;
}*/

.flex-box-full-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.center-all-axis {
    /*display: flex;*/
    align-items: center;
    justify-content: center;
}

.flex-cross-axis-start {
    /*display: flex;*/
    align-items: start;
}

.flex-cross-axis-stretch {
    /*display: flex;*/
    align-items: stretch;
}

.center-margin {
    margin: 0 auto;
}

.center-text {
    text-align: center;
}

.right-text {
    text-align: right;
}

.left-text {
    text-align: left;
}

.flip-horizontal {
    transform: scaleX(-1);
}

.flip-vertical {
    transform: scaleY(-1);
}

.pointer {
    cursor: pointer;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.fixed {
    position: fixed;
}

.stick-bottom {
    bottom: 0;
}

.hide {
    display: none;
    /*display: none !important;*/
}

.show {
    display: initial;
}

.non-visible {
    visibility: hidden;
}

.visible {
    visibility: visible;
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.flex-box {
    display: flex;
}

.column-flex-box {
    display: flex;
    flex-direction: column;
}

.flex-direction-column {
    flex-direction: column;
}

.flex-item-grow {
    flex-grow: 1;
}

.flex-item-shrink {
    flex-grow: 0;
}

.item-cross-axis-center {
    align-self: center;
}

.item-cross-axis-top {
    align-self: start;
}

/*::placeholder {
    opacity: 0.3 !important;
    color: white !important;
}*/

.preserve-sentence {
    white-space: nowrap;
}

.align-top {
    vertical-align: top;
}

.align-middle {
    vertical-align: middle;
}

.full-grid-row {
    grid-column: 1 / -1;
}

.fit-content {
    width: fit-content;
}

.hide-overflow {
    overflow: hidden;
}

.auto-overflow {
    overflow: auto;
}

.blending-mode {
    /*mix-blend-mode: color-burn;*/
    /*mix-blend-mode:luminosity;*/
    /*mix-blend-mode: difference;*/
}

/*******************************/
/********** bootstrap **********/
/*******************************/

/*.form-control {
    border: none;
}*/

[data-role=quantity-container] input-group-btn,
[data-role=quantity-container] [data-input=quantity] {
    margin-left: 0 !important;
}

/******************************************/
/********** page global elements **********/
/******************************************/

.shape-divider {
    width: calc(100% + 1.3px);
    height: 130px;
    margin: -1px;
}

.anchor-point {
    position: relative;
    bottom: var(--main-menu-computed-height);
}

.elliptical-background {
    background-color: #E0EECA;
    padding: 100px 0;
    border-bottom-left-radius: 100% 70%;
    border-bottom-right-radius: 100% 70%;
}

.message-page-header {
    /*color: white;*/
    color: #007F0E;
    font-weight: bold;
    text-align: center;
}

.message-page-content {
    color: green;
    margin-bottom: 70px;
}

.portrait-ticket-overlay {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    /*background-color: #EB5457;
    border-radius: 50px;
    color: white;*/
    position: fixed;
    left: 10px;
    bottom: 10px;
    padding: 10px 20px;
    text-decoration: none;
    z-index: 12;
}

.green-button {
    background-color: #007F0E;
    color: white;
    width: fit-content;
}

.block-layer {
    /*display:flex;
    justify-content: center;
    align-items: center;*/
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    /*overflow: auto hidden;*/
    overflow: auto;
    /*border-radius: 0.5rem;*/
}

/*.page-frame {
    position: relative;
    
}*/