:root {
    --go--max-width: 38rem;
    --go--max-width--alignwide: 80rem;
    --go--viewport-basis: 850;
    --go--spacing--header: 27;
    --go--spacing--horizontal: 55;
    --go--spacing--paragraph: 15;
    --go--color--text: #000;
    --go--font-family: "Noto Sans", sans-serif;
    --go--font-size--small: 82.5%;
    --go--font-size--smallest: 78%;
    --go--font-size: 1.1rem;
    --go--line-height: 1.9;
    --go--type-ratio: 1.2;
    --go-heading--button-spacing: 1.75rem;
    --go-heading--color--text: #000;
    --go-heading--font-family: "Trocchi", sans-serif;
    --go-heading--font-weight: 400;
    --go-heading--line-height: 1.325;
    --go-heading--margin-bottom: 1.25rem;
    --go-caption--color--text: #6e6e6e;
    --go-caption--font-size: .85rem;
    --go-caption--text-align: center;
    --go--hyperlink--color--text: #000;
    --go--hyperlink--color--text: var(--go-heading--color--text);
    --go--hyperlink-interactive--color--text: var(--go--color--primary);
    --go-quote-large--font-size: var(--go--type-scale-4);
    --go-outline--color--text: var(--go--color--primary);
    --go-selection--color--background: #000;
    --go-selection--color--background: var(--go-heading--color--text);
    --go-selection--color--text: var(--go--color--white);
    --go-button--font-size: .725rem;
    --go-button--padding--x: 1.85rem;
    --go-button--padding--y: 1.65rem;
    --go-button--border-radius: 0;
    --go-button--text-transform: uppercase;
    --go-button--letter-spacing: 3px;
    --go-button--font-weight: 600;
    --go-label--font-size: .9rem;
    --go-label--font-size: var(--go-navigation--font-size);
    --go-label--font-weight: 400;
    --go-label--font-weight: var(--go-navigation--font-weight, 400);
    --go-label--letter-spacing: normal;
    --go-label--letter-spacing: var(--go-navigation--letter-spacing, normal);
    --go-label--margin-bottom: .5rem;
    --go-label--text-transform: uppercase;
    --go-input-interactive--color--border-color: var(--go--color--tertiary);
    --go-input--border: 2px solid #000;
    --go-input--border: var(--go-input--border-width, 2px) var(--go-input--border-style, solid) var(--go-input--border-color, var(--go-heading--color--text));
    --go-input--color--text: #6e6e6e;
    --go-input--color--text: var(--go-caption--color--text);
    --go-input--font-size: 1.1rem;
    --go-input--margin-bottom: 2rem;
    --go-input--padding--x: 1.35rem;
    --go-input--padding--y: 1rem;
    --go-input-interactive--color--text: #000;
    --go-input-interactive--color--text: var(--go-heading--color--text);
    --go-input-interactive--color--background: var(--go--color--tertiary);
    --go-site-title--color--text: #000;
    --go-site-title--color--text: var(--go-heading--color--text);
    --go-site-title--font-size: 1.5rem;
    --go-site-title--letter-spacing: .033em;
    --go-site-title--font-weight: 400;
}

:root {
    --go-site-description--color--text: #000;
    --go-site-description--color--text: var(--go-heading--color--text);
    --go-site-description--font-family: "Source Code Pro", monospace;
    --go-site-description--font-size: .9rem;
    --go-site-description--font-family-weight: 400;
    --go-site-description--opacity: 1;
    --go-navigation--color--text: #000;
    --go-navigation--color--text: var(--go-heading--color--text);
    --go-navigation--font-family: "Source Code Pro", monospace;
    --go-navigation--font-size: .9rem;
    --go-navigation-mobile--font-size: 1rem;
    --go-search-button--color--text-interactive: var(--go--color--secondary);
    --go-search-button--color--background: var(--go--color--primary);
    --go-search-button--color--background-interactive: #000;
    --go-search-button--color--background-interactive: var(--go-heading--color--text);
    --go-footer--color--background: var(--go--color--tertiary);
    --go-footer--color--text: #8c8c8c;
    --go-footer--font-family: "Source Code Pro", sans-serif;
    --go-footer-3--border-color: var(--go--color--white);
    --go-footer-heading--color--text: var(--go--color--white);
    --go-footer-navigation--color--text: var(--go--color--white);
    --go-social--color--text: var(--go--color--white);
    --go-social--size: 1.5rem;
    --go-social--padding: .5rem;
}

:root {
    --go-meta--color--text: #000;
    --go-meta--color--text: var(--go-heading--color--text);
    --wp-block-coblocks-gallery-carousel--overlay--opacity: 0;
    --editor-max-w-base: 638px;
    --editor-max-w-wide: 1118px;
}

/*! Trendy: Button */

.wp-block-button__link:not(.wp-block-coblocks-social__button),
.wp-block-search__button {
    -webkit-box-shadow: -0.4em .4em 0 0 rgba(0, 0, 0, .075);
            box-shadow: -0.4em .4em 0 0 rgba(0, 0, 0, .075);
    overflow: hidden;
}

.wp-block-button__link:not(.wp-block-coblocks-social__button):after,
.wp-block-search__button:after {
    content: "→";
    display: inline-block;
    opacity: 0;
    overflow: hidden;
    position: relative;
    top: 1px;
    -webkit-transition: width .1s cubic-bezier(.7, 0, .3, 1) .1s,
                        opacity .2s cubic-bezier(.7, 0, .3, 1),
                        margin .2s cubic-bezier(.7, 0, .3, 1) .1s;
            transition: width .1s cubic-bezier(.7, 0, .3, 1) .1s,
                opacity .2s cubic-bezier(.7, 0, .3, 1),
                margin .2s cubic-bezier(.7, 0, .3, 1) .1s;
    width: 0;
}

.wp-block-button__link:not(.wp-block-coblocks-social__button):focus:after,
.wp-block-button__link:not(.wp-block-coblocks-social__button):hover:after,
.wp-block-search__button:focus:after, .wp-block-search__button:hover:after {
    margin-right: 10px;
    opacity: 1;
    width: 10px;
}

.header .site-search .search-input__button {
    -webkit-box-shadow: -0.4em .4em 0 0 rgba(0, 0, 0, .075);
            box-shadow: -0.4em .4em 0 0 rgba(0, 0, 0, .075);
}

/*! Trendy: CoBlocks Carousel */

.wp-block-coblocks-gallery-carousel .has-carousel:not(.has-aligned-cells) .coblocks-gallery--item {
    -webkit-transition: opacity .75s, -webkit-transform .75s;
            transition: opacity .75s, -webkit-transform .75s;
            transition: opacity .75s, transform .75s;
            transition: opacity .75s, transform .75s, -webkit-transform .75s;
}

.wp-block-coblocks-gallery-carousel .has-carousel:not(.has-aligned-cells) .coblocks-gallery--item:not(.is-selected) {
    -webkit-transform: scale(.9);
            transform: scale(.9);
}

.wp-block-coblocks-gallery-carousel .coblocks-gallery--figure:before {
    display: none;
}

.wp-block-coblocks-gallery-carousel .flickity-button {
    background: var(--go--color--background);
    border: 2px solid #000 !important;
    border: 2px solid var(--go-heading--color--text) !important;
    border-radius: 0;
    -webkit-box-shadow: -0.4em .4em 0 0 rgba(0, 0, 0, .075);
            box-shadow: -0.4em .4em 0 0 rgba(0, 0, 0, .075);
    height: 120px;
    -webkit-transition: all .2s cubic-bezier(.7, 0, .3, 1);
            transition: all .2s cubic-bezier(.7, 0, .3, 1);
    width: 65px;
}

.wp-block-coblocks-gallery-carousel .flickity-button:after {
    background-color: transparent;
    background-image: url(../../../dist/images/design-styles/trendy/carousel-arrow.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 0;
    content: "";
    display: inline-block;
    height: 32px;
    right: 15px;
    position: absolute;
    top: calc(50% - 16px);
    -webkit-transition: -webkit-transform .2s cubic-bezier(.7, 0, .3, 1);
            transition: -webkit-transform .2s cubic-bezier(.7, 0, .3, 1);
            transition: transform .2s cubic-bezier(.7, 0, .3, 1);
            transition: transform .2s cubic-bezier(.7, 0, .3, 1),
                -webkit-transform .2s cubic-bezier(.7, 0, .3, 1);
    width: 32px;
}

.wp-block-coblocks-gallery-carousel .flickity-button:active,
.wp-block-coblocks-gallery-carousel .flickity-button:focus,
.wp-block-coblocks-gallery-carousel .flickity-button:hover {
    border-color: var(--go--color--secondary) !important;
}

.wp-block-coblocks-gallery-carousel .flickity-button .flickity-button-icon {
    display: none;
}

.wp-block-coblocks-gallery-carousel .flickity-button.previous:after {
    right: 15px;
    -webkit-mask-image: unset;
    left: auto;
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
}

.wp-block-coblocks-gallery-carousel .flickity-button.next:after {
    right: auto;
    -webkit-mask-image: unset;
    left: 15px;
}

@media (min-width:782px) {
    :root {
        --go-site-title--font-size: 2rem;
    }
    :root {
        --go-social--size: 1.65rem;
        --go-social--padding: 1rem;
    }
}
