body {
    margin: 0;
}

html,
body {
    height: 100%;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 400;
    font-style: normal;
}

body .entry-content {
    font-family: 'Titillium Web', sans-serif;
}

@keyframes fromFog {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 2;
    }
}

video {
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
}

#info-txt {
    position: absolute;
    z-index: 10;
    top: 75%;
    left: 34%;
    width: 52%;
    height: 100px;
    text-align: center;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: opacity 2s ease-out, visibility 0s 2s;
}

#info-txt2 {
    position: absolute;
    z-index: 10;
    top: 68%;
    left: 34%;
    width: 52%;
    height: 25%;
    text-align: center;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: opacity 2s ease-out, visibility 0s 2s;
    display: flex;
    flex-direction: column;
    justify-content: top;
    align-items: center;
}

#popup {
    width: 90%;
    max-width: 300px;
    height: 110px;
    min-height: 200px;
    position: fixed;
    top: 50%;
    left: 10px;
    transform: translate(0, -50%);
    background-color: #ffffff85;
    border: 0;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    display: none;
    padding: 10px;
    text-align: center;
    z-index: 90;
    border-radius: 35px;
}

.popup-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.popup-inner span {
    font-size: 2rem;
    margin-bottom: 1.5rem;
}

#close-btn {
    position: absolute;
    top: 21px;
    right: 21px;
    cursor: pointer;
    font-weight: bold;
    color: #888;
}

#popup form.cart {
    display: flex;
}

#popup input[type="number"] {
    width: 88px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    border-width: 0;
    text-align: center;
    line-height: 100%;
}

#popup button.button {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    background-color: #568136;
    color: #fff;
    font-size: 1.6rem;
    padding: 1em 1.44em;
    line-height: 100%;
}

#popup button.button:hover {
    text-decoration: none;
    background-color: #44662a;
    color: #fff;
}

#popup .woocommerce.add_to_cart_inline {
    border: 0 !important;
}


@media (max-width: 970px) {
    #popup {
        width: 97%;
        max-width: 800px;
        height: 110px;
        min-height: 150px;
        top: 111px;
        left: 5px;
        transform: translate(0, 0);
    }

    #info-txt2 {
        position: absolute;
        z-index: 10;
        bottom: 0;
        left: 0;
        width: 98%;
        height: 25%;
        text-align: center;
        color: #fff;
        opacity: 0;
        visibility: hidden;
        transition: opacity 2s ease-out, visibility 0s 2s;
        display: flex;
        flex-direction: column;
        justify-content: top;
        align-items: center;
    }

    #info-txt {
        position: absolute;
        z-index: 10;
        top: 75%;
        left: 0;
        width: 98%;
        height: 100px;
        text-align: center;
        color: #fff;
        opacity: 0;
        visibility: hidden;
        transition: opacity 2s ease-out, visibility 0s 2s;
    }
}

@media (max-width: 570px) {
    #popup {
        width: 97%;
        max-width: 320px;
        height: 110px;
        min-height: 150px;
        top: 111px;
        left: 5px;
        transform: translate(0, 0);
    }
}

#info-txt,
#info-txt2 {
    font-size: 1.8rem;
}

@media (min-width: 1920px) {

    #info-txt,
    #info-txt2 {
        font-size: 3.2rem;
    }
}

#info-txt.visible,
#info-txt2.visible {
    opacity: 1;
    visibility: visible;
    transition: opacity 2s ease-out, visibility 0s;
}

#bgmap {
    position: absolute;
    z-index: 11;
    top: 48%;
    left: 35%;
    width: 50%;
    height: 23%;
    background-color: transparent;
}

#info-txt p {
    line-height: 1.5;
    margin: 0 0 0.5em 0;
    text-shadow: 0px 0px 5px #000, 0px 0px 12px #000;
}

#site-header {
    background: transparent;
}

#site-header .header-titles {
    display: none;
}

header .header-navigation-wrapper {
    display: none;
}

header .header-inner .toggle {
    align-items: center;
    display: flex;
    overflow: visible;
    padding: 0 2rem;
}

header .mobile-nav-toggle {
    display: flex !important;
}

header .header-titles-wrapper {
    margin-right: 0;
    max-width: 100%;
}

header .header-titles-wrapper {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

#site-header button.toggle {
    color: #25411e;
    background: #466f4194;
    border-radius: 100%;
}

.menu-modal.active {
    left: 0;
    opacity: 1;
    right: 0;
    transition: opacity 0.25s ease-out;
}

.menu-modal.show-modal {
    display: flex;
}

.modal-inner .menu-wrapper .mobile-menu {
    display: block;
}

#audio-button {
    opacity: 0;
    transition: opacity 0.25s ease-out;
    background: #466f4194;
    border-radius: 100%;
    padding: 10px 18px;
    margin-right: 12px;
}

.woocommerce-checkout h1.page-title,
.woocommerce-checkout .wc-block-components-order-summary-item__image img,
.woocommerce-checkout .wc-block-checkout__order-notes {
    display: none;
}

.woocommerce-checkout .alignwide {
    text-align: center;
}

.woocommerce-checkout .wp-block-woocommerce-checkout {
    margin: auto;
    padding-top: 0;
}

.woocommerce-checkout .wc-block-components-express-payment.wc-block-components-express-payment--checkout {
    background-color: #ffffff85;
    border: 0;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 25px;
}

.woocommerce-checkout .wc-block-components-express-payment--checkout .wc-block-components-express-payment__content {
    border: 0;
}

.woocommerce-checkout .wc-block-components-express-payment--checkout .wc-block-components-express-payment__title-container:after,
.woocommerce-checkout .wc-block-components-express-payment--checkout .wc-block-components-express-payment__title-container:before {
    border-left: 0;
    border-top: 0;
}

.woocommerce-checkout .is-large .wp-block-woocommerce-checkout-order-summary-block {
    background-color: #ffffff85;
    border: 0;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 25px;
}


@media (min-width: 1000px) {
    #site-header {
        z-index: 22;
    }
}

h1.entry-title,
h2.entry-title {
    color: #fff;
}

main#site-content {
    position: relative;
    z-index: 10;
    top: 10px;
    left: 0;
    color: #fff;
    transition: opacity 2s ease-out, visibility 0s 2s;
    border: 0;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    background-color: rgba(0, 0, 0, 0.4);
}

body.woocommerce-cart main#site-content,
body.woocommerce-checkout main#site-content {
    background-color: none;
    box-shadow: none;
}


.wc-block-components-address-address-wrapper,
.wc-block-checkout__payment-method .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted {
    background-color: #ffffff85;
    border: 0;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 25px;
}

.wc-block-components-sidebar-layout.wc-block-cart.wp-block-woocommerce-filled-cart-block.is-large {
    background-color: #ffffff85;
    border: 0;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 25px;
    padding: 21px;
}

.wc-block-components-express-payment-continue-rule.wc-block-components-express-payment-continue-rule--checkout,
p.wc-block-components-checkout-step__description,
h2.wc-block-components-title.wc-block-components-checkout-step__title,
.wc-block-checkout__terms.wc-block-checkout__terms--with-separator.wp-block-woocommerce-checkout-terms-block {
    color: #fff;
    letter-spacing: 0;
}

.singular .entry-header {
    background-color: transparent;
}

#site-content .post-inner {
    padding: 0 0 2rem 0;
}

.woocommerce-checkout.theme-twentytwenty .wc-block-components-title.wc-block-components-title {
    font-weight: 800;
    text-shadow: 1px 1px 5px #002400;
}

body.woocommerce-order-received .page-container {
    position: relative;
    z-index: 10;
    top: 10px;
    left: 0;
    color: #fff;
    transition: opacity 2s ease-out, visibility 0s 2s;
    border: 0;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    background-color: rgba(0, 0, 0, 0.4);
    padding: 25px;
    max-width: 800px;
    margin: 0 auto;
}

body.woocommerce-order-received .my-thankyou-box {
    text-align: center;
    font-weight: 700;
    text-shadow: 1px 1px 5px #000;
}

.wp-block-woocommerce-checkout-order-summary-subtotal-block.wc-block-components-totals-wrapper,
.wc-block-components-order-summary-item__individual-prices.price.wc-block-components-product-price,
span.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-product-price__valuewc-block-components-order-summary-item__individual-price,
body.woocommerce-order-received ul.woocommerce-order-overview,
body.woocommerce-order-received section.woocommerce-order-details,
body.woocommerce-order-received section.woocommerce-customer-details,
body.woocommerce-order-received .woocommerce-thankyou-order-received {
    display: none;
}

.wp-block-woocommerce-checkout-order-summary-block .wp-block-woocommerce-checkout-order-summary-totals-block {
    border-top: 0;
    padding-bottom: 0;
}

.wc-block-components-checkout-return-to-cart-button {
    padding: 12px 12px 12px 26px;
    background-color: #ffffff85;
    border-radius: 25px;
}

.home p.product.woocommerce.add_to_cart_inline {
    display: none;
}