svg#logo {
    --fill-color: #fff;
    height: 2.4em;
}
.footer-logo svg#logo {
    height: 7em;
}
.footer-logo {
    margin-bottom: 20px;
}

svg#logo.horizontal .name {
    transform: translateX(75px) translateY(-500px) scale(3.8);
}
.sticky-header svg#logo.horizontal .name {
    transform: translateX(75px) translateY(-470px) scale(3.6);
}

svg#logo.vertical {
    transform-origin: top left;
    transform: scale(2);
}

svg#logo.dark {
    --fill-color: black;
}


/**
 * overrides 
 */
.header-lawer-left .logo {
    padding: 20px 0px 15px 15px;
}
.sticky-header .logo {
    padding: 20px 0 8px;
}


/* custom */
.single-price-box .inner-box {
    height: 100%;
    cursor: pointer;
}
.single-price-box.hidden,
.single-price-box.hidden .inner-box .layer-outer {
    opacity: 1 !important;
}
.single-price-box.hidden .top,
.single-price-box.hidden .price-list,
.single-price-box.hidden .btn-box {
    visibility: hidden !important;
    transition: none !important;
    display: none;
}
.single-price-box video {
    border-radius: 10px;
    pointer-events: none;
}

.single-price-box {
    counter-reset: footnote footnote-ref;
}

.single-price-box span.txt.footnote,
li.footnote {
    counter-increment: footnote;
}

.single-price-box span.txt.footnote::after,
h2.footnote::after,
li.footnote:not(.hidden)::after {
    vertical-align: super;
    font-size: var(--font-size, .9em);
    opacity: 0.5;
    margin: 0 0.2em;
}

.single-price-box span.txt.footnote::after,
li.footnote:not(.hidden)::after {
    content: counter(footnote);
}

h2.footnote::after {
    content: "*";
    --font-size: .4em;
    opacity: .6;
}

small.footnote {
    opacity: .3;
}
small.footnote:not(.symbol) {
    counter-increment: footnote-ref;
}

small.footnote::before {
    vertical-align: super;
    font-size: var(--font-size, .9em);
    opacity: 0.5;
    margin: 0 0.2em;
}

small.footnote:not(.symbol)::before {
    content: counter(footnote-ref);
}
small.footnote.star.symbol::before {
    content: "*";
}


.btn-primary {
    background-color: #f3b969;
    border-color: #f3b969;
}

.btn-primary:hover {
    background-color: transparent;
    border-color: black;
    color: black;
}

.btn-danger { 
    background-color: black;
    border-color: black;
}

.btn-danger:hover {
    background-color: transparent;
    border-color: black;
    color: black;
}

#tray {
    height: 70px;
    width: 70px;
    background-color: #f3b969;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    position: fixed;
    left: 25px;
    bottom: 25px;
    box-shadow:0 0 10px rgba(0, 0, 0, .5);
    z-index: 500;
    transition: opacity 0.5s;
}

#tray:hover {
    box-shadow:0 0 10px #8d8d8d
}

#tray i {
    color: #fff;
    margin-top: 18px;
    font-size: 30px
}
[data-cart-items-total]::after {
    content: attr(data-cart-items-total);
}
#tray::after {
    content: attr(data-cart-items-total);
    position: absolute;
    background-color: black;
    color: #fff;
    font-weight: 300;
    padding: 0 0.75em;
    clip-path: circle(40% at 50% 50%);
    font-family: Lora, serif;
    margin-top: -0.7em;
    margin-left: -0.3em;
    left: 0;
}

[data-action="add-to-cart"] * {
    pointer-events: none;
}

.yellow.modal-header {
    background-color: #f3b969;
    background-image: url(../images/pattern/pattern-bg-2.png); 
}

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

.modal {
    z-index: 1000001;
}
.modal-backdrop.show {
    z-index: 1000000;
}

.single-testimonial-style1.underaged h2::after {
    content: "*";
    font-size: 0.5em;
    vertical-align: super;
}

.single-testimonial-style1 small::before {
    content: "*";
    font-size: 1em;
    vertical-align: super;
}

.single-testimonial-style1 small {
    opacity: .5;
    font-size: .6em;
}

.leaflet-attribution-flag {
    opacity: 0;
}