/*
Theme Name: Inspiro Blocks
Theme URI: https://www.wpzoom.com/themes/inspiro-blocks/
Author: WPZOOM
Author URI: https://www.wpzoom.com/
Description: Inspiro Blocks is a Block theme that is fully compatible with the new Full Site Editor. The theme includes unique page templates, block patterns, and color styles that can be customized to create a beautiful website. With Inspiro Blocks, you can easily build and design a website by simply dragging and dropping blocks into pages. The theme offers a modern and minimalist design that is perfect for bloggers, photographers, creatives, and small businesses. Inspiro Blocks is also an excellent choice for portfolio sites as it includes video and portfolio integration. This makes it easy for users to showcase their work and create a professional portfolio website. With the portfolio integration feature, users can display their projects in a grid or masonry layout. These features make Inspiro Blocks a great option for photographers, videographers, designers, and other creatives who want to showcase their work in a visually appealing way. The theme is fully GDPR-compliant and doesn't use any external Google Fonts. All fonts are locally hosted. The theme bundles 6 Color Schemes and 20+ Block Patterns. DEMO CONTENT & Documentation can be found here:       ➔       https://www.wpzoom.com/documentation/inspiro-blocks/
Tags: blog, block-styles, grid-layout, one-column, two-columns, three-columns, four-columns, featured-images, full-width-template, custom-colors, custom-menu, custom-logo, editor-style, sticky-post, translation-ready, threaded-comments, wide-blocks, block-patterns, full-site-editing, template-editing, e-commerce
Requires at least: 6.1
Tested up to: 6.9
Requires PHP: 7.4
Version: 1.1.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: inspiro-blocks

Inspiro Blocks WordPress Theme, (C) 2023 WPZOOM.
Inspiro Blocks is distributed under the terms of the GNU GPL.
*/


/* Defaults
---------------------------------------------------------------------------- */

html {
    box-sizing: border-box;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    max-width: 100%;
    overflow-x: clip;
}

body {
    max-width: 100%;
    overflow-x: clip;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

a,
button,
input:focus,
input[type="button"],
input[type="submit"],
textarea:focus,
.wp-block-button__link {
    transition: all 0.2s ease-in-out;
}

a,
a:not(.wp-element-button),
a:focus,
a:hover {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    text-decoration-thickness: 2px;
}

.wp-block-comment-template .wp-block-comment-content a,
.entry-content a {
    text-decoration: underline;
}

.wp-block-comment-template .wp-block-comment-content a:hover,
.entry-content a:hover {
    text-decoration: none;
}

.wp-block-heading a,
.wp-block-post-title a,
.entry-content a.wp-element-button {
    text-decoration: none;
}

.wp-block-heading a:hover,
.wp-block-post-title a:hover {
    text-decoration: underline;
}

ol,
ul {
    margin: 0;
    padding: 0;
}

b,
strong {
    font-weight: var(--wp--custom--font-weight--bold);
}

blockquote {
    margin: 0;
}

img {
    max-width: 100%;
    height: auto;
}

/*
 * Alignment Styles - Originally from TT2.
 * These rules are temporary, and should not
 * be relied on or modified too heavily by
 * themes or plugins that build on inspiro-blocks.
 * These are meant to be a precursor to a
 * global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
---------------------------------------------*/

body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-cover.alignfull,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-site-blocks {
    padding-left: var(--wp--custom--spacing--outer);
    padding-right: var(--wp--custom--spacing--outer);
}

.block-editor-block-list__layout.is-root-container > .alignfull,
.is-root-container > .wp-block-cover,
.is-root-container > .wp-block-group.has-background,
.is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background {
    margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
    margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
    width: unset;
}

/* Blocks
---------------------------------------------------------------------------- */

/* Button
--------------------------------------------- */

input[type="button"],
input[type="submit"],
.wp-block-post-comments input[type=submit],
.wp-block-search__button {
    border-radius: 3px;
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--background);
    cursor: pointer;
    font-size: var(--wp--preset--font-size--small);
    font-weight: var(--wp--custom--font-weight--medium);
    padding: 10px 25px;
    text-decoration: none;
    white-space: normal;
    width: auto;
    border: 0;
}

input[type="button"]:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover,
.wp-block-search__button:hover {
    background-color: var(--wp--preset--color--foreground);
    color: var(--wp--preset--color--light-background);
    text-decoration: none;
}

.wp-block-button__link.has-background:hover {
    color: var(--wp--preset--color--background);
    filter: brightness(110%);
}

.wp-block-button__link.has-black-color.has-background:hover {
    color: var(--wp--preset--color--foreground);
}


/* Button - Outline
--------------------------------------------- */
.wp-block-button.is-style-outline .wp-block-button__link {
    background-color: transparent;
    border: 2px solid;
    border-color: var(--wp--preset--color--lightgrey);
    color: var(--wp--preset--color--foreground);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
    background-color: transparent;
    border-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--primary);
}



.wpzoom-blocks_portfolio-block .wpz-portfolio-button__link {
    border-radius: 0;
    font-family: var(--wp--preset--font-family--montserrat);
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 14px;
    transition: .2s ease all;
}


.has-secondary-background-color .wpzoom-blocks_portfolio-block .wpz-portfolio-button__link,
.portfolio-dark .wpzoom-blocks_portfolio-block .wpz-portfolio-button__link {
    background-color: transparent;
    border: 2px solid;
    border-color: var(--wp--preset--color--tertiary);
    color: var(--wp--preset--color--foreground);
}

.has-secondary-background-color .wpzoom-blocks_portfolio-block .wpz-portfolio-button__link:hover,
.portfolio-dark .wpzoom-blocks_portfolio-block .wpz-portfolio-button__link:hover {
    background-color: transparent;
    border-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--primary) !important;
}

.wpzoom-blocks_portfolio-block.layout-grid .wpzoom-blocks_portfolio-block_item-bgvid,
.wpzoom-blocks_portfolio-block.layout-masonry .wpzoom-blocks_portfolio-block_item-bgvid {
    aspect-ratio: 3 / 2;
    min-height: 260px;
    background-color: var(--wp--preset--color--secondary);
    background-position: center;
    background-size: cover;
}

.wpzoom-blocks_portfolio-block .wpzoom-blocks_portfolio-block_item-bgvid .wp-video,
.wpzoom-blocks_portfolio-block .wpzoom-blocks_portfolio-block_item-bgvid .mejs-container,
.wpzoom-blocks_portfolio-block .wpzoom-blocks_portfolio-block_item-bgvid video {
    height: 100% !important;
    width: 100% !important;
}

.wpzoom-blocks_portfolio-block .wpzoom-blocks_portfolio-block_item-bgvid video {
    object-fit: cover;
}

.wpzoom-blocks_portfolio-block .wpzoom-blocks_portfolio-block_item-bgvid .wp-video,
.wpzoom-blocks_portfolio-block .wpzoom-blocks_portfolio-block_item-bgvid .mejs-container {
    opacity: 0;
    transition: opacity .25s ease;
}

.wpzoom-blocks_portfolio-block .portfolio_item:hover .wpzoom-blocks_portfolio-block_item-bgvid .wp-video,
.wpzoom-blocks_portfolio-block .portfolio_item:hover .wpzoom-blocks_portfolio-block_item-bgvid .mejs-container,
.wpzoom-blocks_portfolio-block .portfolio_item:focus-within .wpzoom-blocks_portfolio-block_item-bgvid .wp-video,
.wpzoom-blocks_portfolio-block .portfolio_item:focus-within .wpzoom-blocks_portfolio-block_item-bgvid .mejs-container {
    opacity: 1;
}

.wpzoom-blocks_portfolio-block .wpzoom-blocks_portfolio-block_item-bgvid .mejs-overlay,
.wpzoom-blocks_portfolio-block .wpzoom-blocks_portfolio-block_item-bgvid .mejs-controls {
    display: none !important;
}

.wpzoom-blocks_portfolio-block .portfolio_item {
    cursor: pointer;
}

.wpzoom-blocks_portfolio-block .wpzoom-blocks_portfolio-block_item-bgvid::after {
    align-items: center;
    border: 4px solid rgba(255, 255, 255, .72);
    border-radius: 50%;
    color: var(--wp--preset--color--white);
    content: "\25B6";
    display: flex;
    font-size: 26px;
    height: 72px;
    justify-content: center;
    left: 50%;
    line-height: 1;
    padding-left: 6px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: border-color .2s ease, background-color .2s ease, transform .2s ease;
    width: 72px;
    z-index: 5;
}

.wpzoom-blocks_portfolio-block .portfolio_item:hover .wpzoom-blocks_portfolio-block_item-bgvid::after,
.wpzoom-blocks_portfolio-block .portfolio_item:focus-within .wpzoom-blocks_portfolio-block_item-bgvid::after {
    background-color: rgba(0, 0, 0, .18);
    border-color: var(--wp--preset--color--white);
    transform: translate(-50%, -50%) scale(1.06);
}

.wpzoom-blocks_portfolio-block.layout-grid .wpzoom-blocks_portfolio-block_items-list .wpzoom-blocks_portfolio-block_item .wpzoom-blocks_portfolio-block_item-details,
.wpzoom-blocks_portfolio-block.layout-masonry .wpzoom-blocks_portfolio-block_items-list .wpzoom-blocks_portfolio-block_item .wpzoom-blocks_portfolio-block_item-details {
    bottom: auto;
    justify-content: center;
    padding: 0 20px;
    top: calc(50% + 48px);
}

.wpzoom-blocks_portfolio-block.layout-grid .wpzoom-blocks_portfolio-block_items-list .wpzoom-blocks_portfolio-block_item .wpzoom-blocks_portfolio-block_item-details .wpzoom-blocks_portfolio-block_item-title,
.wpzoom-blocks_portfolio-block.layout-masonry .wpzoom-blocks_portfolio-block_items-list .wpzoom-blocks_portfolio-block_item .wpzoom-blocks_portfolio-block_item-details .wpzoom-blocks_portfolio-block_item-title {
    background-color: rgba(0, 0, 0, .42);
    border-radius: 0;
    padding: 8px 14px;
}

@media screen and (max-width: 1180px) {
    .wpzoom-blocks_portfolio-block.layout-grid.columns-4 .wpzoom-blocks_portfolio-block_items-list {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 900px) {
    .wpzoom-blocks_portfolio-block.layout-grid.columns-4 .wpzoom-blocks_portfolio-block_items-list,
    .wpzoom-blocks_portfolio-block.layout-grid.columns-3 .wpzoom-blocks_portfolio-block_items-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 620px) {
    .wpzoom-blocks_portfolio-block.layout-grid.columns-4 .wpzoom-blocks_portfolio-block_items-list,
    .wpzoom-blocks_portfolio-block.layout-grid.columns-3 .wpzoom-blocks_portfolio-block_items-list,
    .wpzoom-blocks_portfolio-block.layout-grid.columns-2 .wpzoom-blocks_portfolio-block_items-list {
        grid-template-columns: repeat(1, 1fr);
    }
}

.inspiro-video-modal-open {
    overflow: hidden;
}

.inspiro-video-modal {
    align-items: center;
    background: rgba(0, 0, 0, .88);
    bottom: 0;
    display: none;
    justify-content: center;
    left: 0;
    padding: 32px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100000;
}

.inspiro-video-modal.is-open {
    display: flex;
}

.inspiro-video-modal__dialog {
    max-width: 1100px;
    position: relative;
    width: min(100%, 1100px);
}

.inspiro-video-modal__frame {
    aspect-ratio: 16 / 9;
    background-color: #000;
    box-shadow: 0 24px 90px rgba(0, 0, 0, .45);
    width: 100%;
}

.inspiro-video-modal__frame iframe,
.inspiro-video-modal__frame video {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
}

.inspiro-video-modal__frame video {
    object-fit: contain;
}

.inspiro-video-modal__close {
    align-items: center;
    background: rgba(0, 0, 0, .65);
    border: 1px solid rgba(255, 255, 255, .75);
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 32px;
    height: 44px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    position: absolute;
    right: -54px;
    top: -54px;
    width: 44px;
}

.inspiro-video-modal__close::before {
    content: "\00d7";
    font-size: 32px;
    line-height: 1;
    transform: translateY(-1px);
}

.inspiro-video-modal__close {
    font-size: 0;
}

.inspiro-video-modal__close:hover,
.inspiro-video-modal__close:focus {
    background: rgba(0, 0, 0, .9);
    border-color: #fff;
}

@media screen and (max-width: 700px) {
    .inspiro-video-modal {
        padding: 18px;
    }

    .inspiro-video-modal__close {
        right: 0;
        top: -56px;
    }
}

section#hero a.wpzoom-video-popup-block,
#hero a.wpzoom-video-popup-block {
    align-items: center;
    background: rgba(0, 0, 0, .24);
    border: 3px solid rgba(255, 255, 255, .82);
    border-radius: 50%;
    color: #fff;
    display: flex;
    height: 86px;
    justify-content: center;
    margin: 0 auto;
    min-height: 0;
    overflow: visible;
    padding: 0;
    width: 86px;
}

section#hero a.wpzoom-video-popup-block:hover,
section#hero a.wpzoom-video-popup-block:focus,
#hero a.wpzoom-video-popup-block:hover,
#hero a.wpzoom-video-popup-block:focus {
    background: rgba(0, 0, 0, .42);
    border-color: #fff;
    color: #fff;
    outline: none;
    transform: scale(1.04);
}

section#hero a.wpzoom-video-popup-block .wpzoom-video-popup-block_icon,
#hero a.wpzoom-video-popup-block .wpzoom-video-popup-block_icon {
    align-items: center;
    color: inherit;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
}

section#hero a.wpzoom-video-popup-block .wpzoom-video-popup-block_icon:empty::before,
#hero a.wpzoom-video-popup-block .wpzoom-video-popup-block_icon:empty::before {
    border-bottom: 15px solid transparent;
    border-left: 24px solid currentColor;
    border-top: 15px solid transparent;
    content: "";
    display: block;
    margin-left: 7px;
}

section#hero a.wpzoom-video-popup-block svg,
#hero a.wpzoom-video-popup-block svg {
    height: 42px;
    width: 42px;
}

section#hero a.wpzoom-video-popup-block:hover svg,
section#hero a.wpzoom-video-popup-block:hover path,
#hero a.wpzoom-video-popup-block:hover svg,
#hero a.wpzoom-video-popup-block:hover path {
    color: #fff;
    fill: #fff;
}



/* Calendar
--------------------------------------------- */

.wp-block-calendar table caption,
.wp-block-calendar table tbody {
    color: var(--wp--preset--color--foreground);
}

.wp-block-calendar table th {
    background-color: var(--wp--preset--color--foreground);
    color: var(--wp--preset--color--background);
}

.wp-block-calendar tbody td,
.wp-block-calendar th {
    border: 1px solid var(--wp--preset--color--foreground);
    padding: 10px;
}

/* Code
--------------------------------------------- */

.wp-block-code code {
    overflow-wrap: normal;
    overflow-x: scroll;
    tab-size: 4;
    white-space: pre !important;
}

*:not(.wp-block-code) > code,
kbd {
    background-color: var(--wp--preset--color--foreground);
    color: var(--wp--preset--color--background);
    font-size: var(--wp--preset--font-size--small);
    padding: 5px 8px;
    position: relative;
    top: -1px;
}

/*
 * When inline code is selected, the Editor applies contextual styling. Since
 * our code color is near white, we need to reset to the default text color.
 */
.rich-text:focus > code[data-rich-text-format-boundary],
.rich-text:focus > kbd[data-rich-text-format-boundary] {
    color: currentColor;
}

/* Comments
--------------------------------------------- */

.wp-block-comment-template li {
    margin-left: 0;
}

.wp-block-post-comments-form input:not([type=submit]),
.wp-block-post-comments-form textarea {
    border-color: var(--wp--preset--color--lightgrey);
}

.wp-block-post-comments-form input[type=submit] {
    border: none;
}

.wp-block-post-comments-form .form-submit {
    margin-bottom: 0;
}

/* Group
--------------------------------------------- */

.wp-block-group.is-style-full-height {
    align-items: center;
    display: grid;
    min-height: 100vh;
}

.wp-block-group.is-style-shadow {
    box-shadow: 0 0 50px rgb(0 0 0 / 10%);
}

.wp-block-group.is-style-border{
    border: 1px solid var(--wp--preset--color--lightgrey);
}

/* Column
--------------------------------------------- */

.wp-block-column.is-style-shadow {
    box-shadow: 0 1px 12px rgb(0 0 0 / 7%);
    border-radius: 20px;
}

.wp-block-column.is-style-border {
    border: 1px solid var(--wp--preset--color--lightgrey);
}

.wp-block-column.is-style-pull-right,
.wp-block-column.is-style-pull-left {
    box-shadow: 0 14px 12px rgb(0 0 0 / 7%);
    border-radius: 20px;
}

.wp-block-column.is-style-pull-right {
    margin-bottom: -50px;
    margin-left: -20px;
    margin-right: 60px;
    position: relative;
    z-index: 10;
}

.wp-block-column.is-style-pull-left {
    margin-right: -20px;
    margin-top: -50px;
    margin-left: 60px;
    position: relative;
    z-index: 10;
}

/* Cover */

.wp-block-cover.is-style-round-corners,
.wp-block-cover.is-style-round-corners img,
.wp-block-cover.is-style-round-corners .wp-block-cover__background {
    border-radius: 20px;
}


/* Image
--------------------------------------------- */

.wp-block-image.aligncenter {
    margin-left: auto !important;
    margin-right: auto !important;
}

.wp-block-image.alignleft {
    margin-right: 30px !important;
}

.wp-block-image.alignright {
    margin-left: 30px !important;
}

.wp-block-image.is-style-shadow {
    box-shadow: 0 0 50px rgb(0 0 0 / 10%);
}

/* List
--------------------------------------------- */

ol li:where(:not([class*='block'])),
ol li:where(.wp-block-list),
ul li:where(:not([class*='block'])),
ul li:where(.wp-block-list) {
    /*margin-left: 30px;*/
}

.is-style-no-disc li {
    list-style-type: none;
    margin-left: 0;
}

.wp-block-categories-list li {
    list-style-type: none;
}


.entry-content ol,
.entry-content ul {
    margin: 0;
    padding: 0;
    list-style-position: inside;
    margin-bottom: 25px;
}

.entry-content li ul:not(.wp-block-gallery),
.entry-content li ol {
  margin-bottom: 0;
  margin-left: 30px; }


.editor-styles-wrapper ol,
.editor-styles-wrapper ul {
    padding-left: 30px;
    margin-bottom: 25px;
}

.editor-styles-wrapper li ul,
.editor-styles-wrapper li ol {
    margin-bottom: 0;
}



/* Media & Text
--------------------------------------------- */

.wp-block-media-text.is-style-shadow-media img {
    box-shadow: 0 0 50px rgb(0 0 0 / 10%);
}

/* Navigation
--------------------------------------------- */

.wp-block-group.inspiro-header-actions {
    align-items: flex-start;
}

@media (min-width:600px) {

    .wp-block-navigation .wp-block-navigation-item a:hover {
        opacity: .7;
    }

    .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item > .current-menu-item,
    .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.current-menu-item > a {
        border-bottom: 1px solid rgba(255,255,255,.4);
    }

    .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.current-menu-item > a:hover {
        border-bottom: 1px solid transparent;
    }

    .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.current-menu-item.has-child:hover > a,
    .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.current-menu-item.has-child > a:hover {
        border-bottom: 1px solid transparent;
    }

    .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.current-menu-item svg {
        stroke: var(--wp--preset--color--white);
    }

}

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open,
.wp-block-navigation__responsive-container.is-menu-open {
    padding: 30px var(--wp--custom--spacing--outer);
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    font-size: var(--wp--preset--font-size--max-36);
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
    font-size: var(--wp--preset--font-size--large);
    padding-top: 0 !important;
 }

.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
    height: 33px;
    width: 33px;
}

.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .current-menu-item,
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .current-menu-item a{
    color: var(--wp--preset--color--white);
    opacity: .8;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
    gap: 10px;
}

.has-background .wp-block-navigation__responsive-container-open:focus,
.has-background .wp-block-navigation__responsive-container-open:hover {
    color: var(--wp--preset--color--white);
}

.wp-block-navigation:not([style*=text-decoration]) a,
.wp-block-navigation:not([style*=text-decoration]) a:focus,
.wp-block-navigation:not([style*=text-decoration]) a:hover {
    text-decoration: none;
}

/* Navigation Submenu
--------------------------------------------- */

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    background-color: var(--wp--preset--color--primary);
    border: var(--wp--preset--color--foreground);
    color: var(--wp--preset--color--light-background);
    padding: 10px;
    border-radius: 4px;

}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid var(--wp--preset--color--primary);
    position: absolute;
    top: -7px;
    left: 14px;
    z-index: 470;
}

.wp-block-navigation :where(.wp-block-navigation__submenu-container) a {
    padding: 2px 10px;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container a:hover {
    color: var(--wp--preset--color--light-background);
    opacity: .8;
}

/* Header Button */

.wpz-alt-button .wp-block-button__link,
.wpz-alt-button.wp-block-button__link {
    color: var(--wp--preset--color--white);
}

.wpz-alt-button .wp-block-button__link:hover,
.wpz-alt-button.wp-block-button__link:hover {
    background-color: var(--wp--preset--color--light-background) !important;
    color: var(--wp--preset--color--foreground);
}


/* Paragraph
--------------------------------------------- */

p.has-background {
    padding: 20px 30px;
}

/* Preformatted
--------------------------------------------- */

.wp-block-preformatted {
    overflow-wrap: normal;
    overflow-x: scroll;
    white-space: pre;
}

/* Pullquote
--------------------------------------------- */

.wp-block-pullquote p:last-of-type {
    margin-bottom: 0;
}

.wp-block-pullquote cite {
    display: block;
    font-size: var(--wp--preset--font-size--small);
    color: var(--wp--preset--color--tertiary);
    font-style: inherit;
    margin-top: 10px;
    text-transform: inherit;
}

/* Quote
--------------------------------------------- */

.wp-block-quote {
    border-color: var(--wp--preset--color--lightgrey);
}

.wp-block-quote p:last-of-type {
    margin-bottom: 0;
}

.wp-block-quote cite {
    display: block;
    font-size: var(--wp--preset--font-size--small);
    font-style: inherit;
    margin-top: 10px;
    text-align: inherit;
}

/* Separator
--------------------------------------------- */

.wp-block-separator,
.wp-block-separator.has-css-opacity {
    opacity: 1;
}

.wp-block-separator.is-style-dots:before {
    font-family: inherit;
    font-size: var(--wp--preset--font-size--large);
    letter-spacing: 10px;
    padding-left: 10px;
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
    width: 100px;
}

.wp-block-separator:not(.is-style-dots),
.wp-block-separator.has-background:not(.is-style-dots) {
    border-bottom: 1px solid currentColor;
    border-top: none;
    height: 1px;
}

/* Site Title
--------------------------------------------- */

.wp-block-site-title a {
    text-decoration: none;
}

.wp-block-site-title a:hover {
    opacity: .7;
}

/* Page List */

.wp-block-page-list li {
    list-style-type: none;
}

/* Pagination */

.wp-block-query-pagination-numbers:first-child {
    margin-left: auto !important;
    margin-right: auto !important;
}

.wp-block-query-pagination-numbers .page-numbers {
    margin: 0 5px;
}


/* Read More button */
.wp-block-read-more:hover {
    border-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--primary);
}


/* Table
--------------------------------------------- */

.wp-block-table.is-style-stripes {
    border-bottom: none;
}

.wp-block-table table {
    border-collapse: collapse;
}

.wp-block-table thead {
    border-bottom: 3px solid var(--wp--preset--color--foreground);
}

.wp-block-table tfoot {
    border-top: 3px solid var(--wp--preset--color--foreground);
}

.wp-block-table td,
.wp-block-table th,
.wp-block-table tr,
.wp-block-table.is-style-stripes td,
.wp-block-table.is-style-stripes th,
.wp-block-table.is-style-stripes tr {
    border: 1px solid var(--wp--preset--color--foreground);
}

.wp-block-table th {
    font-weight: var(--wp--custom--font-weight--medium);
}

.wp-block-table td,
.wp-block-table th {
    padding: 5px;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: #eee;
}

/* Custom
---------------------------------------------------------------------------- */

.editor-styles-wrapper a.wpzoom-video-popup-block,
a.wpzoom-video-popup-block {
    align-items: center;
    background: inherit;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    display: flex;
    font-family: inherit;
    font-size: 2rem;
    font-style: inherit;
    font-weight: inherit;
    gap: 1rem;
    height: auto;
    justify-content: center;
    letter-spacing: inherit;
    line-height: inherit;
    min-height: 100px;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-decoration: none;
    text-transform: inherit;
    transition: .3s ease all;
}

a.wpzoom-video-popup-block:hover svg,
a.wpzoom-video-popup-block:hover path {
    color: var(--wp--preset--color--primary);
    fill: var(--wp--preset--color--primary);
    transition: .3s ease all;
}

.editor-styles-wrapper a.wpzoom-video-popup-block *,
a.wpzoom-video-popup-block * {
    box-sizing: border-box
}

.editor-styles-wrapper a.wpzoom-video-popup-block .wpzoom-video-popup-block_icon,
a.wpzoom-video-popup-block .wpzoom-video-popup-block_icon {
    color: inherit;
    cursor: pointer;
    display: block;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    height: 1.5em;
    letter-spacing: inherit;
    line-height: inherit;
    text-transform: inherit;
    width: 1.5em
}

.editor-styles-wrapper a.wpzoom-video-popup-block .wpzoom-video-popup-block_icon svg,
a.wpzoom-video-popup-block .wpzoom-video-popup-block_icon svg {
    color: inherit;
    cursor: pointer;
    display: block;
    height: 100%;
    width: 100%
}


/* WooCommerce */

.woocommerce div.product p.price, .woocommerce div.product span.price,
.woocommerce ul.products li.product .price {
    color: var(--wp--preset--color--primary) !important;
}

.woocommerce div.product .summary .product_meta {
    display: flex;
    gap: 30px;
    order: 2;
    margin: 0 0 20px;
}

.woocommerce div.product .summary .woocommerce-product-details__short-description {
    order: 3;
    margin: 0 0 20px;
}

.woocommerce div.product .summary ins {
    color: #101010;
}

.woocommerce div.product .summary .price {
    order: 4;
    font-size: 24px;
    font-weight: 500;
}


.woocommerce-message {
    border-top-color: var(--wp--preset--color--primary) !important;
}

.woocommerce-message::before {
    color: var(--wp--preset--color--primary) !important;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: var(--wp--preset--color--white);
    border-radius: 5px;
}

.woocommerce .quantity .qty{
    padding: 11px 8px;
}

.woocommerce nav.woocommerce-pagination {
    margin-bottom: 40px;
}

.woocommerce nav.woocommerce-pagination ul {
     border: none;
     font-size: 18px;
}
 .woocommerce nav.woocommerce-pagination ul li {
     border: none;
     border-radius: 3px;
     margin: 0 6px;
}
 .woocommerce nav.woocommerce-pagination ul li a,
 .woocommerce nav.woocommerce-pagination ul li span {
     padding: 13px 16px;
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover {
     background: none;
     box-shadow: none;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
     background: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border-radius: 0;
  margin: 0 5px;
  border-color: var(--wp--preset--color--lightgrey);
  background: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  text-transform: uppercase;
  font-weight: normal;
  font-size: 16px;
  color: var(--wp--preset--color--tertiary);
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
  border-color: var(--wp--preset--color--lightgrey);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after {
  display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
  display: none;
}


.woocommerce #content input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page #content input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
    background-color: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--background);
    border-color: #ca0606 !important;
    font-weight: var(--wp--custom--font-weight--medium);
}

.woocommerce #content input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page #content input.button.alt:hover,
.woocommerce-page #respond input#submit.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce-page input.button.alt:hover {
    background-color: var(--wp--preset--color--foreground)  !important;
    color: var(--wp--preset--color--light-background);
    border-color: #ca0606 !important;
}

.woocommerce #content input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page #content input.button:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover {
    background-color: var(--wp--preset--color--foreground)  !important;
    color: var(--wp--preset--color--light-background);
    border-color: #ca0606 !important;
}

.woocommerce #content input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page #content input.button.alt:hover,
.woocommerce-page #respond input#submit.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce-page input.button.alt:hover {
    background-color: var(--wp--preset--color--foreground)  !important;
    color: var(--wp--preset--color--light-background);
    border-color: #ca0606 !important;
}


/* Forms
--------------------------------------------- */

input,
select,
textarea,
.wp-block-search__input {
    background-color: var(--wp--preset--color--white);
    border: 1px solid var(--wp--preset--color--lightgrey);
    border-radius: 3px;
    color: var(--wp--preset--color--secondary);
    font-family: var(--wp--preset--font-family--inter);
    font-size: var(--wp--preset--font-size-small);
    font-weight: var(--wp--custom--font-weight--regular);
    line-height: var(--wp--custom--line-height--body);
    padding: 10px 20px;
    width: 100%;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
    width: auto;
}


input[type="button"],
input[type="email"],
input[type="search"],
input[type="submit"],
input[type="text"],
textarea {
    -webkit-appearance: none;
}

input[type="button"],
input[type="email"],
input[type="submit"],
input[type="text"],
textarea {
    margin-bottom: 20px;
}

::placeholder {
    font-size: var(--wp--preset--font-size--small);
    opacity: 0.6;
}

.nf-field-container {
    margin-bottom: 10px;
}



/* Experimental Styles
--------------------------------------------- */

.is-root-container h1 + *,
.is-root-container h2 + *,
.is-root-container h3 + *,
.is-root-container h4 + *,
.is-root-container h5 + *,
.is-root-container h6 + *,
.wp-block-post-content h1 + *,
.wp-block-post-content h2 + *,
.wp-block-post-content h3 + *,
.wp-block-post-content h4 + *,
.wp-block-post-content h5 + *,
.wp-block-post-content h6 + *,
.wp-block-query-title + * {
    margin-top: 10px !important;
}

.wp-block-spacer + * {
    margin-top: 0 !important;
}


.map-grayscale iframe {
    filter: grayscale(100%);
}


/* Media Queries
---------------------------------------------------------------------------- */

@media only screen and (min-width: 800px) {

    /* Navigation
    --------------------------------------------- */

    .wp-block-navigation-item.is-style-fill a,
    .wp-block-navigation-item.is-style-fill-background a,
    .wp-block-navigation-item.is-style-outline a,
    .wp-block-navigation-item.is-style-outline-background a {
        padding: 5px 15px;
    }

    .wp-block-navigation-item.is-style-fill a,
    .wp-block-navigation-item.is-style-outline a:hover {
        background-color: var(--wp--preset--color--foreground);
    }

    .wp-block-navigation-item.is-style-fill-background a,
    .wp-block-navigation-item.is-style-outline-background a:hover {
        background-color: var(--wp--preset--color--background);
    }

    .wp-block-navigation-item.is-style-fill a,
    .wp-block-navigation-item.is-style-outline a {
        border: 1px solid var(--wp--preset--color--foreground);
    }

    .wp-block-navigation-item.is-style-fill-background a,
    .wp-block-navigation-item.is-style-outline-background a {
        border: 1px solid var(--wp--preset--color--background);
    }

    .wp-block-navigation-item.is-style-fill a:hover,
    .wp-block-navigation-item.is-style-fill-background a,
    .wp-block-navigation-item.is-style-outline a,
    .wp-block-navigation-item.is-style-outline-background a:hover {
        color: var(--wp--preset--color--foreground);
    }

    .wp-block-navigation-item.is-style-fill a,
    .wp-block-navigation-item.is-style-fill-background a:hover,
    .wp-block-navigation-item.is-style-outline a:hover,
    .wp-block-navigation-item.is-style-outline-background a {
        color: var(--wp--preset--color--background);
    }

    .wp-block-navigation-item.is-style-fill a:hover,
    .wp-block-navigation-item.is-style-fill-background a:hover,
    .wp-block-navigation-item.is-style-outline a,
    .wp-block-navigation-item.is-style-outline-background a {
        background-color: transparent;
    }

    /* Pullquote
    --------------------------------------------- */

    .wp-block-pullquote.alignleft,
    .wp-block-pullquote.alignright {
        max-width: 300px;
    }

    .wp-block-pullquote.alignleft {
        float: left;
        margin-right: 30px !important;
    }

    .wp-block-pullquote.alignright {
        float: right;
        margin-left: 30px !important;
    }

    /* Pull out margins */

    .wp-block-column.is-style-pull-right,
    .wp-block-column.is-style-pull-left {
        margin-top: 60px;
        position: relative;
        z-index: 10;
    }

    .wp-block-column.is-style-pull-right {
        margin-right: -120px;
    }

    .wp-block-column.is-style-pull-left {
        margin-left: -120px;
    }


}


@media only screen and (max-width: 768px) {

    .wpz-header-cover .wp-block-spacer {
        max-height: 100px;
    }

    .wpz-header-cover .wp-block-cover,
    .wpz-header-cover .wp-block-cover-image {
        min-height: 300px;
    }
}


@media only screen and (max-width: 700px) {

    .wpz-header-button {
        display: none !important;
    }

}


@media screen and (max-width: 640px) {
    .wpz-hide-mobile {
        display: none !important;
    }
}


/* Hua Hin Stories
---------------------------------------------------------------------------- */

:root {
    --hhs-gold: #8f6724;
    --hhs-ink: #141414;
    --hhs-muted: #68645f;
    --hhs-line: #ece7dd;
    --hhs-soft: #f7f5f1;
}

body {
    --wp--preset--color--primary: #8f6724;
}

.hhs-header {
    position: relative;
    z-index: 20;
}

.hhs-header__inner {
    align-items: center;
    display: grid !important;
    gap: 24px;
    grid-template-columns: minmax(120px, 178px) minmax(0, 1fr) minmax(96px, auto);
    width: 100%;
}

.hhs-nav-logo {
    margin: 0 !important;
}

.hhs-nav-logo img {
    display: block;
    max-height: 56px;
    object-fit: contain;
}

.hhs-nav-logo--light img {
    filter: invert(1);
}

.hhs-primary-nav {
    justify-content: center;
}

.hhs-primary-nav .wp-block-navigation__container,
.hhs-primary-nav .wp-block-page-list {
    gap: 26px;
}

.hhs-primary-nav a {
    font-size: 12px;
    letter-spacing: 0;
}

.hhs-header-social {
    justify-content: flex-end;
}

.hhs-header--light {
    box-shadow: 0 1px 0 rgba(20, 20, 20, .04);
}

.hhs-hero {
    border-radius: 0 !important;
    min-height: min(100vh, 760px);
}

.hhs-home > .alignfull {
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    max-width: none !important;
    width: auto !important;
}

.hhs-hero .hhs-header.alignfull {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
}

@supports not (overflow: clip) {
    html,
    body {
        overflow-x: hidden;
    }
}

.hhs-hero video,
.hhs-hero .wp-block-cover__image-background,
.hhs-hero .wp-block-cover__background {
    border-radius: 0 !important;
}

.hhs-hero .wp-block-cover__inner-container {
    display: flex;
    flex-direction: column;
    min-height: inherit;
    width: 100%;
}

.hhs-hero .wp-block-cover__background {
    background: linear-gradient(180deg, rgba(0, 0, 0, .50) 0%, rgba(0, 0, 0, .22) 42%, rgba(0, 0, 0, .62) 100%) !important;
    opacity: 1 !important;
}

.hhs-hero-logo {
    margin: 0 auto 18px !important;
    max-width: min(680px, 86vw);
}

.hhs-hero-logo img {
    filter: invert(1);
    width: 100%;
}

.hhs-hero-copy {
    color: #fff;
    font-family: var(--wp--preset--font-family--montserrat);
    font-size: clamp(13px, 1.6vw, 18px);
    font-weight: 500;
    letter-spacing: 0;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 620px;
    text-transform: uppercase;
}

.hhs-scroll-indicator {
    color: #fff;
    height: 34px;
    margin: 28px auto 0 !important;
    position: relative;
    width: 34px;
}

.hhs-scroll-indicator::before {
    border-bottom: 1px solid currentColor;
    border-right: 1px solid currentColor;
    content: "";
    display: block;
    height: 13px;
    left: 10px;
    position: absolute;
    top: 6px;
    transform: rotate(45deg);
    width: 13px;
}

.hhs-section {
    margin-top: 0 !important;
    padding-bottom: clamp(56px, 7vw, 96px) !important;
    padding-top: clamp(56px, 7vw, 96px) !important;
}

.hhs-section--soft {
    background: var(--hhs-soft);
}

.hhs-section-kicker {
    color: var(--hhs-gold);
    font-family: var(--wp--preset--font-family--montserrat);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
    margin-bottom: 12px !important;
    text-transform: uppercase;
}

.hhs-section-heading {
    color: var(--hhs-ink);
    font-family: var(--wp--preset--font-family--libre-baskerville);
    font-size: clamp(28px, 4vw, 46px) !important;
    font-weight: 400 !important;
}

.hhs-gold-rule {
    background: var(--hhs-gold) !important;
    border: 0 !important;
    color: var(--hhs-gold) !important;
    height: 2px !important;
    margin: 18px 0 24px !important;
    width: 64px !important;
}

.hhs-feature-layout {
    align-items: center !important;
    gap: clamp(28px, 5vw, 70px);
}

.hhs-video-thumb {
    display: block;
    margin: 0 auto !important;
    position: relative;
}

.hhs-video-thumb a {
    display: block;
    margin: 0 !important;
    position: relative;
}

.hhs-video-thumb {
    background: #1b1b1b;
    overflow: hidden;
}

.hhs-video-thumb-wide {
    aspect-ratio: 16 / 9;
}

.hhs-video-thumb-portrait,
.hhs-reel-card .wp-block-image,
.hhs-movie-card .wp-block-image {
    aspect-ratio: 9 / 16;
}

.hhs-video-thumb a {
    height: 100%;
    width: 100%;
}

.hhs-video-thumb img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

/* The supplied Baan Itsara poster is letterboxed inside the image itself. */
.hhs-video-thumb img[src*="/photorealistic.jpg"] {
    transform: scale(1.36);
}

.hhs-video-thumb-wide img {
    aspect-ratio: 16 / 9;
}

.hhs-video-thumb-portrait img,
.hhs-reel-card .wp-block-image img,
.hhs-movie-card .wp-block-image img {
    aspect-ratio: 9 / 16;
}

.hhs-movie-grid--wide .hhs-movie-card .wp-block-image img {
    aspect-ratio: 16 / 9;
}

.hhs-video-thumb a::after {
    align-items: center;
    border: 2px solid rgba(255, 255, 255, .88);
    border-radius: 50%;
    color: #fff;
    content: "\25B6";
    display: flex;
    font-size: 22px;
    height: 64px;
    justify-content: center;
    left: 50%;
    line-height: 1;
    padding-left: 5px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 64px;
}

.hhs-video-thumb a:hover::after,
.hhs-video-thumb a:focus::after {
    background: rgba(0, 0, 0, .22);
}

.hhs-filmstrip {
    display: grid !important;
    gap: 12px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin-top: 18px !important;
}

.hhs-filmstrip .wp-block-image {
    margin: 0 !important;
}

.hhs-filmstrip img {
    aspect-ratio: 16 / 9;
    display: block;
    object-fit: cover;
    width: 100%;
}

.hhs-reel-layout {
    align-items: start !important;
    gap: clamp(28px, 4vw, 52px);
}

.hhs-reel-grid,
.hhs-movie-grid {
    display: grid !important;
    gap: 18px;
}

.hhs-reel-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.hhs-movie-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.hhs-movie-grid > .hhs-movie-card {
    margin-block-start: 0;
}

.hhs-reel-card,
.hhs-movie-card {
    min-width: 0;
}

.hhs-reel-card .wp-block-image,
.hhs-movie-card .wp-block-image {
    margin-bottom: 13px !important;
}

.hhs-reel-card img,
.hhs-movie-card img {
    display: block;
    object-fit: cover;
    width: 100%;
}

.hhs-reel-card h3,
.hhs-movie-card h2,
.hhs-movie-card h3 {
    color: var(--hhs-ink);
    font-family: var(--wp--preset--font-family--montserrat);
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    margin-bottom: 5px !important;
    text-transform: uppercase;
}

.hhs-reel-card p,
.hhs-movie-card p {
    color: var(--hhs-muted);
    font-size: 13px;
    line-height: 1.45;
    margin-bottom: 0 !important;
}

.hhs-creator-layout {
    align-items: center !important;
    gap: clamp(30px, 5vw, 72px);
}

.hhs-creator-image img {
    aspect-ratio: 4 / 5;
    object-fit: cover;
    width: 100%;
}

.hhs-page-hero {
    background: var(--hhs-soft);
    border-bottom: 1px solid var(--hhs-line);
    margin-top: 0 !important;
    padding-bottom: clamp(48px, 6vw, 76px) !important;
    padding-top: clamp(48px, 6vw, 76px) !important;
}

.hhs-page-intro {
    max-width: 760px;
}

.hhs-page-intro h1 {
    font-family: var(--wp--preset--font-family--libre-baskerville);
    font-size: clamp(34px, 5vw, 58px) !important;
    font-weight: 400 !important;
}

.hhs-content-with-aside {
    align-items: start !important;
    gap: clamp(30px, 5vw, 64px);
}

.hhs-social-aside {
    border-left: 1px solid var(--hhs-line);
    padding-left: 28px;
}

.hhs-social-aside h2,
.hhs-social-aside h3 {
    font-family: var(--wp--preset--font-family--montserrat);
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}

.hhs-social-aside p {
    font-size: 14px;
    line-height: 1.65;
}

.hhs-contact-links a {
    color: var(--hhs-ink);
}

.hhs-section > .hhs-gold-rule {
    background: linear-gradient(to right, var(--hhs-gold) 0 64px, transparent 64px) !important;
    color: transparent !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: auto !important;
}

.hhs-footer-logo {
    margin-bottom: 10px !important;
}

.hhs-footer-copy {
    margin-bottom: 0 !important;
    max-width: 300px;
}

.hhs-footer__bottom p {
    margin-bottom: 0 !important;
}

.hhs-footer .has-tertiary-color {
    color: #a6a19a !important;
}

@media screen and (max-width: 1020px) {
    .hhs-header__inner {
        grid-template-columns: minmax(110px, 160px) 1fr;
    }

    .hhs-header-social {
        display: none !important;
    }

    .hhs-reel-grid,
    .hhs-movie-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media screen and (max-width: 860px) {
    .hhs-primary-nav .wp-block-navigation__responsive-container:not(.is-menu-open) {
        display: none !important;
    }

    .hhs-primary-nav .wp-block-navigation__responsive-container-open {
        display: flex !important;
    }
}

@media screen and (max-width: 760px) {
    .hhs-header__inner {
        gap: 16px;
        grid-template-columns: minmax(96px, 142px) auto;
    }

    .hhs-primary-nav {
        justify-content: flex-end;
    }

    .hhs-hero {
        min-height: 680px;
    }

    .hhs-filmstrip {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .hhs-reel-grid,
    .hhs-movie-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hhs-social-aside {
        border-left: 0;
        border-top: 1px solid var(--hhs-line);
        padding-left: 0;
        padding-top: 26px;
    }

    .hhs-footer__top,
    .hhs-footer__bottom {
        text-align: center;
    }

    .hhs-footer-logo,
    .hhs-footer-copy {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .hhs-footer-nav,
    .hhs-footer-social {
        justify-content: center !important;
    }
}