/**
*  Theme settings
*
*/


/* Fonts include here */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* Fonts end */



/**
*   HEADER
*/

.site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

.wp-block-navigation__responsive-container.is-menu-open.is-menu-open {
    background-color: var(--wp--preset--color--foreground) !important;
    color: var(--wp--preset--color--background) !important;
}
.wp-block-navigation__responsive-container.is-menu-open.is-menu-open .wp-block-navigation__responsive-container-content > ul {
    gap: 1em;
}
.wp-block-navigation__responsive-container.is-menu-open.is-menu-open .wp-block-navigation__responsive-container-content > ul > li {
    font-size: var(--wp--preset--font-size--large) !important;
}

/* SITE LOGO */
.site-logo img {
    width: 18rem;
}

/* Site navigation */
.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg {
    fill: currentColor;
    display: block;
    height: 5rem;
    pointer-events: none;
    width: 5rem;
}



/* LAYOUT */
:where(h1, h2, h3, h4, h5, h6, p) {
    text-wrap: balance;
}

.wp-block-separator.is-style-default {
    display: inline-block;
}


/** special classes */
.w100 {
    width: 100%;
}

.h100 {
    height: 100%;
}

.m0 {
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
}

.hidden {
    display: none !important;
}

.d-hidden {
    display: none;
}

.absolute {
    position: absolute !important;
}
.top {
    top: 0;
}
.bottom {
    bottom: 0;
}
.left {
    left: 0;
}
.right {
    right: 0;
}

.query-display-inline {
    display: flex;
    flex-direction: row !important;
    flex-wrap: wrap !important;
}

.shadow-product {
    filter: drop-shadow(0.5rem 0.7rem 1rem #00000044);
}

.amcary-thumbnail {
    overflow: hidden;
}
.amcary-thumbnail img {
    opacity: 0.65;
    transition: opacity 0.3s ease-in-out, transform 1s ease-in-out;
    transform: scale(1.0);
}
.amcary-thumbnail:hover img {
    opacity: 0.9;
    transform: scale(1.05);
}
.map-gray {
    filter: grayscale(0.8);
}


@media(max-width: 767px) {
    .d-hidden {
        display: revert !important;
    }

    .m-hidden {
        display: none !important;
    }

    .m-reverse {
        display: flex;
        flex-direction: column-reverse !important;
    }

    .m-justify-center.m-justify-center {
        justify-content: center;
    }
}

.relative {
    position: relative;
}

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

.ratio-1-1 {
    aspect-ratio: 1 / 1;
}

.text-nowrap {
    white-space: nowrap;
}

/* map fix */
img.sloc-map {
    object-fit: contain;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-common-c-btn.tribe-events-c-search__button {
    background-color: black !important;
}

/** Woocommerce */
.wc-block-components-notice-banner {
    align-content: flex-start;
    align-items: stretch;
    background-color: #fff;
    border: 1px solid;
    border-radius: 4px;
    box-sizing: border-box;
    color: inherit;
    display: flex;
    font-size: inherit;
    font-weight: inherit;
    gap: 2rem;
    line-height: inherit;
    margin: 2rem 0;
    padding: 3rem !important;
}
.wc-block-components-notice-banner.is-info {
    background-color: #00bed614;
    border-color: #00bed6;
}
.woocommerce-button.wp-element-button,
.woocommerce-button .wp-block-button__link,
.wp-block-woocommerce-cart .wp-element-button,
.wp-block-woocommerce-checkout .wp-element-button,
.woocommerce-Button.wp-element-button, 
.woocommerce-Button.wp-block-button__link,
.wp-block-button.wc-block-components-product-button .wp-element-button,
.wp-block-add-to-cart-form .wp-element-button,
.wc-block-grid__product-add-to-cart .wp-block-button__link,
.form-submit.wp-block-button .wp-element-button, .form-submit.wp-block-button .wp-block-button__link {
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--background);
    display: block;
    width: auto;
    white-space: nowrap;
    transition: all 0.1s ease-in-out;
    padding-block: var(--button--padding-block);
    padding-inline: var(--button--padding-inline);
    border-radius: 2em;
}
.woocommerce-button.wp-element-button:hover,
.woocommerce-button .wp-block-button__link:hover,
.wp-block-woocommerce-cart .wp-element-button:hover,
.wp-block-woocommerce-checkout .wp-element-button:hover,
.woocommerce-Button.wp-element-button:hover, 
.woocommerce-Button.wp-block-button__link:hover,
.wp-block-button.wc-block-components-product-button .wp-element-button:hover,
.wp-block-add-to-cart-form .wp-element-button:hover,
.wc-block-grid__product-add-to-cart .wp-block-button__link:hover,
.form-submit.wp-block-button .wp-element-button:hover, .form-submit.wp-block-button .wp-block-button__link:hover {
    background-color: var(--wp--preset--color--secondary);
    border-color: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--background);
}
.wc-block-components-notice-banner__content .wp-element-button {
    margin-block: 2rem;
    text-align: center;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background-color: var(--wp--preset--color--surface);
}
.woocommerce fieldset {
    padding: 0.35em 0.75em 0.625em;
    background-color: var(--wp--preset--color--surface);
}
.woocommerce input:not([type=submit]) {
    border-color: var(--wp--preset--color--secondary);
    border-width: 1px;
}
.woocommerce .star-rating {
    float: right;
    overflow: hidden;
    position: relative;
    height: 1em;
    line-height: 1;
    font-size: var(--wp--preset--font-size--medium);
    width: 5.4em;
    font-family: star;
    color: var(--wp--preset--color--primary);
}
.woocommerce .stars {
    color: var(--wp--preset--color--primary);
    font-size: var(--wp--preset--font-size--medium);
}
.woocommerce #reviews #comments ol.commentlist {
    margin: 0;
    width: 100%;
    background: 0 0;
    list-style: none;
    padding: 5rem 2rem;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0 0 0 50px;
    border: 1px solid #e1dde7;
    border-radius: 4px;
    padding: 1em 1em 0;
    background-color: rgba(0,0,0,0.05);
}
.woocommerce #review_form #respond textarea {
    box-sizing: border-box;
    width: 100%;
    padding: 0.5em;
}
.woocommerce .woocommerce-Reviews .comment-reply-title {
    font-size: var(--wp--preset--font-size--medium);
    font-weight: 700;
    color: var(--wp--preset--color--secondary);
}
.woocommerce .woocommerce-Reviews .comment-reply-title {
    font-size: var(--wp--preset--font-size--medium);
    font-weight: 700;
    color: var(--wp--preset--color--secondary);
    font-family: var(--wp--preset--font-family--secondary);
    font-size: var(--wp--preset--font-size--x-large);
    display: block;
    margin-bottom: 0.5em;
}