/*
Theme Name: Plotter USA
Theme URI: https://plotter-usa.com
Template: twentytwentyone
Author: Intertrend
Author URI: https://intertrend.com
Description: Plotter USA theme
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 1.4.1629224823
Updated: 2021-08-17 11:27:03

*/
/*@font-face {
    font-family: 'Plantin MT Pro';
    src: url('assets/fonts/PlantinMTPro-Bold.woff2') format('woff2'),
        url('assets/fonts/PlantinMTPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Plantin MT Pro';
    src: url('assets/fonts/PlantinMTPro-Regular.woff2') format('woff2'),
        url('assets/fonts/PlantinMTPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Minion Pro';
    src: url('assets/fonts/minionproregular.woff2') format('woff2'),
        url('assets/fonts/minionproregular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'berthold_akzidenz';
    src: url('assets/fonts/berthold-akzidenz-grotesk-be-regular-webfont.woff2') format('woff2'),
         url('assets/fonts/berthold-akzidenz-grotesk-be-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'berthold_akzidenz';
    src: url('assets/fonts/berthold-akzidenz-grotesk-be-bold-webfont.woff2') format('woff2'),
         url('assets/fonts/berthold-akzidenz-grotesk-be-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}*/
@font-face{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('assets/fonts/slick.eot');
    src: url('assets/fonts/slick.eot?#iefix') format('embedded-opentype'), url('assets/fonts/slick.woff') format('woff'), url('assets/fonts/slick.ttf') format('truetype'), url('assets/fonts/slick.svg#slick') format('svg');
}
:root {
    --global--color-background: var(--global--color-white);
    /* responsive widths */
    --global--spacing-horizontal: 25px;
    --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
	--responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
	--responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
	--responsive--alignfull-width: 100%;
	--responsive--alignright-margin: var(--global--spacing-horizontal);
	--responsive--alignleft-margin: var(--global--spacing-horizontal);
    /* colors */
    --global--color-primary: var(--global--color-black);
    --global--color-orange: #ea5530;
    --global--color-beige: #F9F8F3;
    --global--color-gray: #999;
    /* Font Family */
	--global--font-primary: minion-pro, serif;
	--global--font-secondary: aktiv-grotesk, 'Helvetica Neue', sans-serif;
    --heading--font-family: var(--global--font-primary);
    /* fonts */
    --global--font-size-base: 1.125rem;
    --primary-nav--font-weight: 700;
    --primary-nav--font-family: var(--global--font-secondary);
    --primary-nav--font-family-mobile: var(--primary-nav--font-family);
    --primary-nav--font-size-mobile: 1rem;
    --entry-content--font-family: var(--global--font-primary);
    --global--font-size-page-title: var(--heading--font-size-h1);
    --heading--font-size-h3: 1rem;
    --heading--font-size-h2: 1.25rem;
    --heading--font-size-h1: 1.5rem;
    --heading--line-height-h2: 1.25;
    --heading--line-height-h1: 1.5;
    --list--font-family: var(--global--font-primary);
    --button--font-family: var(--global--font-secondary);
    --global--line-height-body: 1.5;
    /* form elements */
    --form--border-width: 1px;
    /* Spacing */
	--global--spacing-unit: 20px;
	--global--spacing-zero: 0;
	--global--spacing-horizontal: 25px;
	--global--spacing-vertical: 30px;
    /* footer */
    --footer--color-text: var(--global--color-white);
	--footer--color-link: var(--global--color-white);
	--footer--color-link-hover: var(--global--color-white);
    }
    @media only screen and (min-width: 652px) {

        :root {
            --global--font-size-xl: 2.5rem;
            --global--font-size-xxl: 6rem;
            --global--font-size-xxxl: 9rem;
        }
    }
    body {
        /*font-size: var(--global--font-size-base);
        font-weight: normal;
        text-align: left;*/
        color:var(--global--color-primary);
        background-color: var(--global--color-background);
        font-family: var(--global--font-primary);
    }

    .font-sansserif{
        font-family: var(--global--font-secondary);
    }
    h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
        font-weight: var(--heading--font-weight);
        font-family: var(--heading--font-family);
        letter-spacing: normal;
    }
    footer h1, footer .h1, footer h2, footer .h2, footer h3, footer .h3, footer h4, footer .h4, footer h5, footer .h5, footer h6, footer .h6 {
        font-weight: var(--primary-nav--font-weight);
        font-family: var(--global--font-secondary);
    }
    h1, .h1 {
        font-size: var(--heading--font-size-h1);
        line-height: var(--heading--line-height-h2);
    }
    h2, .h2 {
        font-size: var(--heading--font-size-h2);
    }
    a{
        text-decoration: none;
    }
    a:hover {
        color:var(--global--color-black);
        text-decoration-style:solid;
    }
    .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
        background: rgba(255, 255, 255, 0);
        color: var(--wp--style--color--link, var(--global--color-black));
    }
    .has-background-white .site a.btn:focus:not(.wp-block-button__link):not(.wp-block-file__button){
        background: var(--global--color-beige);
    }
    .has-background-white .site footer a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
        color: var(--wp--style--color--link, var(--global--color-white));
    }
    .has-background-white .site header a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
        background: rgba(0, 0, 0, 0);
        /*color: var(--wp--style--color--link, var(--global--color-white));*/
    }
    .primary-navigation {
        left: 0;
        z-index: 999;
    }
    .primary-navigation > .primary-menu-container,.primary-navigation-open .menu-button-container{
        background-color:var(--global--color-black);
    }
    .primary-navigation a {
        padding:0;
    }
    .primary-navigation .mega-sub-menu a:focus {
        color: var(--primary-nav--color-link-hover)!important;
    }
    .primary-navigation a:hover, .primary-navigation .current-menu-item > a:first-child:hover, .primary-navigation .current_page_item > a:first-child:hover, .pagination .nav-links > *:not(.dots):not(.current):hover, .comments-pagination .nav-links > *:not(.dots):not(.current):hover {
        text-decoration-style: solid;
    }
    .bi-search{
        cursor: pointer;
    }

    /* pagination */
@media screen and (min-width:768px) {
    .pagi{
        grid-column: 1/span 2;
        text-align: center;
    }
}
@media screen and (min-width:1024px) {
    .pagi{
        grid-column: 1/span 3;
        text-align: center;
    }
} 
    .navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: var(--global--color-black);
    text-decoration:none;
}
 
.navigation li {
    display: inline;
}
 
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled,
.navigation .page-numbers,
.navigation a.page-numbers:hover,
.navigation .page-numbers.current,
.navigation .page-numbers.disabled {
    background-color: transparent;
    border-radius: 0px;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
}
 
.navigation li a:hover,
.navigation li.active a,
.navigation a.page-numbers:hover,
.navigation .page-numbers.current {
    /*color: var(--global--color-orange);*/
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* back to top button */
#anchortop {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 20px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: rgba(0,0,0,0.5); /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 10px 15px; /* Some padding */
    font-size: 18px; /* Increase font size */
  }
  
  #anchortop:hover {
    background-color: rgba(0,0,0,1);; /* Add a dark-grey background on hover */
  }
    /* mega menu */
    .mega-sub-menu ul.menu{
        padding-left: 0;
        list-style: none;
    }
    ul.mega-sub-menu a:hover {
        text-decoration-color: var(--global--color-orange);
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title{
        font-family: var(--primary-nav--font-family);
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu,#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
        top: 158%;
    }
    #mega-menu-wrap-primary .mega-menu-toggle{
        background:transparent!important;
    }
    .site-content{
        margin-top: var(--global--spacing-vertical);
    }
    .page-template-template-no-header-page .site-content, .page-template-template-home .site-content{
        margin-top: 0;
    }
    .page-header{
        border:0;
    }
    .site-branding{
        z-index: 9999;
    }
    .site-title{
        margin-bottom: 0;
    }
    @media only screen and (min-width: 482px) {
    .site-branding {
    margin-top: 0;
        }
    }
    .site-header:before, .site-header:after{
        content:none;
    }
    .site-header {
        background-color: var(--global--color-black);
        max-width: 100vw;
        padding-top: calc(0.33 * var(--global--spacing-vertical));
        padding-bottom: calc(0.33 * var(--global--spacing-vertical));
        padding-left: calc(0.75 * var(--global--spacing-vertical));
        padding-right: calc(0.75 * var(--global--spacing-vertical));
        justify-content: space-between;
        display: grid;
        grid-gap: 1rem;
        grid-auto-flow: column;
        align-items: center;
    }
    @media only screen and (min-width: 769px) {
        .site-header {
            padding-top: calc(0.75 * var(--global--spacing-vertical));
            padding-bottom: calc(0.75 * var(--global--spacing-vertical));
			padding-left: calc(1.7 * var(--global--spacing-vertical));
        	padding-right: calc(1.7 * var(--global--spacing-vertical));
            /*padding-left: calc(3 * var(--global--spacing-vertical));
            padding-right: calc(3 * var(--global--spacing-vertical));*/
        }
    }
    /*@media only screen and (min-width: 482px) {
        .site-header {
            padding-bottom: calc(.5 * var(--global--spacing-vertical));
        }
    }*/
    .site-title img, .site-footer .site-name img {
        width: 127px;
        max-width: 127px;
    }
    /*.primary-navigation a:hover, .primary-navigation a:link, .primary-navigation a:visited {
        color: var(--global--color-white);
    }*/

@media only screen and (min-width: 482px) {
    .primary-navigation {
        margin-left: unset;
        position: absolute;
    }
}
@media only screen and (min-width: 769px) {
    .primary-navigation {
        position: relative;
    }
}
    .menu-button-container #primary-mobile-menu {
        color: var(--global--color-white);
    }
@media only screen and (min-width: 482px) {
    .primary-navigation a {
        display: block;
        font-family: var(--primary-nav--font-family);
        font-size: var(--global--font-size-xs);
        font-weight: var(--primary-nav--font-weight);
    }
}
@media only screen and (max-width: 768px) {
    /*.menu-button-container {
        display: flex;
    }
    .primary-navigation-open .primary-navigation > .primary-menu-container {
        height: 100vh;
        overflow-x: hidden;
        overflow-y: auto;
        border: 2px solid transparent;
        }
        .primary-navigation > div > .menu-wrapper {
        padding-bottom: 100px;
        padding-left: 0;
        }
        .primary-navigation-open .primary-navigation {
        width: 100%;
        position: fixed;
        }
        /*.menu-button-container {
        display: block;
        }*/
        /*.primary-navigation > .primary-menu-container {
        visibility: hidden;
        opacity: 0;
        position: fixed;
        padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px);
        padding-left: var(--global--spacing-unit);
        padding-right: var(--global--spacing-unit);
        padding-bottom: var(--global--spacing-horizontal);
        background-color: var(--global--color-background);
        transition: all 0.15s ease-in-out;
        transform: translateY(var(--global--spacing-vertical));
        }
        .primary-navigation > div > .menu-wrapper li {
        display: block;
        position: relative;
        width: 100%;
        }*/
}
.site-main {
    padding-top: var(--global--spacing-zero);
    padding-bottom: var(--global--spacing-zero);
}
.site-main > * {
    margin-top: var(--global--spacing-zero); 
    margin-bottom: var(--global--spacing-zero); 
}
.subnav{
    border-top:1px solid;
    border-bottom:1px solid;
    font-family: var(--global--font-primary);
}
.subnav li {
    border-right: 1px solid #000;
    padding-right: 1.5rem;
}
.subnav li:last-child {
    border-right: 0px;
    padding-right: 0;
}
.subnav .list-inline-item:not(:last-child) {
    margin-right: 1rem;
}
.post-type-archive-plaza .subnav li,.tax-plaza_category .subnav li {
    padding-right: .75rem;
}
/*.subnav li:not(:last-child) {
    border-right: 1px solid #000;
    margin-right: 1.25rem;
}
.subnav li:not(:first-child) {
    margin-left: 1.25rem;
}*/
.subnav.mobile li:not(:last-child) {
    border-right: 0px solid #000;
}
.subnav.mobile li {
    padding: .5rem 1.5rem;
}
.subnav .active a{
    color:var(--global--color-orange);
}
.post-type-archive-plaza .subnav .active a, .tax-plaza_category .subnav .active a{
    color:var(--global--color-white);
}
.post-type-archive-plaza .subnav .active, .tax-plaza_category .subnav .active{
    background-color:var(--global--color-primary);
}
.wp-block-columns.has-background {
    padding: 6rem 2.375rem;
}
.two-col .wp-block-column:not(:only-child) {
    flex-basis: calc(50% - 18px)!important;
    flex-grow: 0;
}
/*.two-col{
    justify-content: center;
}*/
ul.list-unstyled{
    /*padding-left: 0;*/
    list-style: none;
}
.grid{
    display:grid;
    grid-gap:1.2rem;
}
.grid-2-col,.grid-4-col{
    grid-gap: 3rem;
    grid-template-columns: 1fr;
}
.grid-3-col{
    grid-gap: 2rem;
    grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 499px) {
    .grid-2-col{
        grid-gap: 2rem;
        grid-template-columns: 1fr 1fr;
    }
}
@media (min-width: 499px) {
    .grid-4-col{
        grid-gap: 2rem;
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media (min-width: 1024px) {
    .grid-4-col{
        grid-gap: 2rem;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}
@media (min-width: 768px) {
    .grid-3-col{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 1024px) {
    .grid-3-col{
        grid-template-columns: repeat(3, 1fr);
    }
}
/* pages */
.singular .entry-header {
    border-bottom: 0px solid var(--global--color-border);
    margin-bottom: calc(2 * var(--global--spacing-vertical))!important;
    margin-top: calc(2 * var(--global--spacing-vertical))!important;
    padding-bottom: 0 !important;
}
h1.entry-title {
    font-weight: var(--heading--font-weight);
    /*text-align:center;*/
}
h1.entry-title {
    text-align:center;
}
.singular .entry-title{
    font-family: var(--global--font-secondary);
    font-weight: var(--primary-nav--font-weight);
}
hr.wp-block-separator, hr {
    border-bottom: 0;
}
/* title divider */

.divider_container {
    padding: 4vw 0;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
}

.divider_container .divider, .divider_container h1 {
    grid-row: 1;
    /*grid-column: 1;*/
}
.divider_container h1 {
    /* font-weight: normal; 
    background: #fff;*/
    padding: 0 4vw;
    /* line-height: 36px; */
    /* top: 19px; */
    margin: 0 auto;
    /* position: relative; */
    text-align: center;
    z-index: 9;
}
.divider_container .divider {
    background-image: linear-gradient(to right, #000 100%, rgba(255,255,255,0) 0%);
    background-position: center;
    background-size: 15px 1px;
    background-repeat: repeat-x;
    height: 36px;
}
/* blocks */
.alignwide, .wp-block-cover__inner-container {
    max-width: 1200px!important;
}
@media (max-width:499px){
.latestStories .border-end, .page-template-template-qa-page .border-end{
    border:0!important;
}
}
/* sets size for mobile compass icon */
@media (max-width:499px){
    .compass figure {
        max-width: 32px;
    }
}
/*page cover blocks */
@media (max-width:499px){
.wp-block-cover.coverimg {
    min-height: 25vh;
}
}
/* for sizes reuseable block */
.sizes .wp-block-image figcaption{
    font-size: var(--global--font-size-md);
}
/*.alignfull [class*=inner-container] > .alignwide{
    width:var(--responsive--alignfull-width);
}*/
.svg-size:hover img, .svg-size:hover figcaption {
    filter: invert(0.28) sepia(1) saturate(15) hue-rotate(353deg);
}
@media only screen and (min-width: 482px) {
    .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
        padding: calc(1.25 * var(--global--spacing-vertical));
    }
}
@media only screen and (min-width: 482px) {
    .wp-block-media-text .wp-block-media-text__content > * {
        margin-bottom: calc(0.5 * var(--global--spacing-vertical));
    }
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button){
    text-decoration: none;
}
.btn-check:focus+.btn-dark, .btn-dark:focus, .btn-check:active+.btn-dark:focus, .btn-check:checked+.btn-dark:focus, .btn-dark.active:focus, .btn-dark:active:focus, .show>.btn-dark.dropdown-toggle:focus{
    box-shadow: unset;
}
.logo_width img{
    max-width: 312px;
}
/*.post-type-archive-plaza .logo_width img, .tax-plaza_category .logo_width img{
    max-width: 312px;
}*/
@media screen and (min-width:482px) {
    .logo_width img {
        max-width: 412px;
    }
}
.newsletter{
    background-color:var(--global--color-beige);
}
/* bootstrap */
.swp-variant-style-buttons .swp-clear-selections {
    top: 0!important;
}
button[data-is-variant-selected="true"]{border: var(--button--border-width) solid transparent !important;}
.bg-dark {
    background-color: var(--global--color-black)!important;
}
.btn-warning {
    background-color: var(--global--color-orange);
    border-color: var(--global--color-orange);
    color: var(--global--color-white);
}
.btn-check:active+.btn-warning, .btn-check:checked+.btn-warning, .btn-warning.active, .btn-warning:active, .show>.btn-warning.dropdown-toggle,.btn-check:focus+.btn-warning, .btn-warning:focus,.btn-warning:hover,.btn-check:active+.btn-warning:focus, .btn-check:checked+.btn-warning:focus, .btn-warning.active:focus, .btn-warning:active:focus, .show>.btn-warning.dropdown-toggle:focus{
    border-color: var(--global--color-orange)!important;
    background-color: var(--global--color-orange)!important;
    box-shadow: none;
}
.btn, .wp-block-button .wp-block-button__link{
    border-radius:0;
    font-family: var(--global--font-secondary);
    font-weight: var(--primary-nav--font-weight);
}
.btn-dark {
    background-color: var(--global--color-black);
    border-color: var(--global--color-black);
}
hr{
    opacity: 1;
}
.transparent .dropdown-menu{
    border: 0;
    border-radius: 0;
    width: 100%;
    transform: translate3d(0px, 38px, 0px)!important;
    text-align: center;
}
.transparent .btn,.has-background-white .site .transparent a.btn:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    background-color: transparent;
    border: 0;
    color: var(--global--color-black);
}
.transparent .btn-check:focus+.btn, .btn:focus {
    box-shadow: none;
}
.transparent .dropdown-item.active, .transparent .dropdown-item:active{
    background-color: transparent;
}
.transparent .dropdown-item.active a, .transparent .dropdown-item:active a{
    color: var(--global--color-orange);
}
.accordion.dark .accordion-button, .accordion.dark .accordion-item{
    background-color: transparent;
    color: var(--global--color-white);
}
.accordion.dark .accordion-item{
    border:0;
}
.accordion-button:focus{
    border-color: #4e4e4e;
}
.accordion-button:not(.collapsed) {
    color: #000000;
    background-color: #f5f5f5;
}
.accordion-button:not(.collapsed)::after {
    filter: brightness(0);
}
/*.accordion.dark .accordion-button {
    border-bottom: 1px solid rgba(255,255,255,1);
}*/
.accordion.dark .accordion-button:focus {
border-color: var(--global--color-white);
box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);
}
.accordion.dark .accordion-button::after{
    filter: invert(1);
}
.accordion.dark .accordion-button, .accordion.dark .accordion-body {
    padding: 1rem 0rem;
}
.accordion.dark .accordion-button:not(.collapsed)::after {
    filter: grayscale(1) brightness(0) invert(1);
}
/* form elements */
input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea, .wps-add-to-cart{
    border-radius:0 !important;
}
input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, .site textarea:focus,input[type=checkbox]:focus,.site .button:focus, button:focus, input[type=submit]:focus, input[type=reset]:focus, .wp-block-search .wp-block-search__button:focus, .wp-block-button .wp-block-button__link:focus, .wp-block-file a.wp-block-file__button:focus {
    outline: 2px solid var(--form--border-color);
}
input[type=submit]{
    font-weight: var(--primary-nav--font-weight);
    padding: .375rem .75rem;
}
input[type=submit]:hover{
    color:var(--global--color-white);
}


/* wp shopify */

.wps-btn-cart{
    /*top:0 !important;*/
    padding: 0 10px;
    background: url(./assets/icon-bag.svg) no-repeat;
    width: 30px;
    height: 30px;  
}
.wps-btn-cart.wps-cart-is-empty{
    top:0 !important;
}
.swp-input:checked:after {
    content: "✔";
    color: #000;
    font-size: 25px;
    position: absolute;
    left: 2px;
    top: -3px;
    transform: rotate(0deg);
    width: 25px;
    height: 25px;
    border: 0;
}

.css-1g7ucmu-ProductImageSoldOutLabelCSS{
    background: var(--global--color-gray)!important;
    font-family: var(--global--font-secondary)!important;
}
.css-pzmmdu-buttonCSS-checkoutButtonCSS:disabled {
    cursor: not-allowed;
    color: rgb(255, 255, 255);
    background-color: rgb(207, 207, 207);
}
.css-pzmmdu-buttonCSS-checkoutButtonCSS{
border-radius: 0!important;
}
.css-1rsjbrg-counterCSS-customCounterCSS-CartCounter {
    top: -4px!important;
    right: -10px!important;
    width: 18px!important;
    height: 18px!important;
}
.wps-cart-is-empty .wps-cart-counter {
    display: none;
}
.css-1yswgsl-CartNotesCSS .wps-input{
    min-height: 50px!important;
}
.swp-icon-cart {
    width: 28px;
    height: 28px;
    display: none;
}
/* this hide the img icon inside the button. cart icon set as a bg image in the above */
.css-10wbo10-IconCSS {
    display: none;
}
@media (max-width:599){
.wps-items-list{
    /*set minimum height to help anchor ID links */
    min-height:80vh;
}
}
.css-12u55n6-termsInputCSS:checked::after {
    content: "✔";
    color: black;
    font-size: 15px;
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    transform: none;
    border: 0;
}
/* cart drawer text size */
.css-1e5sx84-CartTitleCSS,.css-1pobru0-AddSomethingCSS,.css-1xtnj6f-cartTitleCSS,.css-1yswgsl-CartNotesCSS label,.css-56gymu-lineItemTitle,.css-xcwbnj-lineItemPriceCSS {
    font-size: 1rem!important;
}
.css-g86wah-CartFooterSubtotalAmountCSS,.css-1a7qhkb-CartFooterCSS .wps-total-prefix,.css-pzmmdu-buttonCSS-checkoutButtonCSS {
    font-size: 1.5rem!important;
}
/* fix equal columns if single item in collection */
.css-k53xcv-PaginationItemsCSS {
    grid-template-columns: repeat(2, 1fr)!important;
    max-width: 1100px!important;
}
.single_products .css-k53xcv-PaginationItemsCSS {
    display: block;
}
@media (min-width:800px){
    .css-k53xcv-PaginationItemsCSS {
        grid-template-columns: repeat(4, 1fr)!important;
    }
}
/* stop variant price and addtocart animation */
.css-e3l6ib-priceCSS {
    transform: translateX(0px)!important;
}
.wps-add-to-cart {
    transform: scale(1)!important;
}
.wps-icon-cart{
    width: 30px;
}
.css-jaudgy-ProductWrapperCSS {
    display: block!important;
}
.css-3njco4-featThumbStyles, .css-g4kiyi-thumbnailStyles:focus, .css-g4kiyi-thumbnailStyles:active,.css-1w2xumv-ThumbnailCSS:hover img, .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
    outline: rgba(0, 0, 0,.25) solid 1px !important;
}
.css-13a73u8-buttonCSS-addToCartCSS-AddButton.css-13a73u8-buttonCSS-addToCartCSS-AddButton {
    background-color: var(--global--color-black);
}
.css-13a73u8-buttonCSS-addToCartCSS-AddButton:hover {
    background-color: var(--global--color-orange)!important;
}
.css-tdqsle-buttonCSS-checkoutButtonCSS, .css-1yswgsl-CartNotesCSS .wps-input {
    border-radius: 0px!important;
}
/* align prices */
.swp-l-baseline,.css-1ccapp0-ProductPricesCompareAtCSS,.css-b1b9of-ProductPricesCompareAtCSS{
    align-items: center!important;
}
.single-wps_products .css-b1b9of-ProductPricesCompareAtCSS {
    align-items: start!important;
}
.css-15phv5x-priceWrapperCSS {
    margin: 0!important;
}
.css-smxsve-thumbnailsWrapperCSS{
    /*this is for the product thumbnail slick slider */
    display:block !important;
}
@media (max-width: 1100px) {
.css-smxsve-thumbnailsWrapperCSS > div {
    width: 100%!important;
}
}
/*.wps-products-title, .wps-modal .wps-products-title{
    font-size: 34px!important;
}*/
/* checkbox input */
.css-u344zp-flexRowCSS-termsWrapperCSS-CartTerms .wps-input {
    width: 25px!important;
}
/* disable thumbnail link */
.wps-thumbnails-wrapper.css-smxsve-thumbnailsWrapperCSS .wps-products-link {
    pointer-events: none;
}
/* cart icon */
#cartIcon{
    position: relative;
    z-index: 999;
    top: 0;
	display:none;
}
@media (max-width: 482px) {
    #cartIcon {
        position: relative;
        z-index: 999;
        right: 0px;
        /*top: 0;*/
    }
    .nav-icons {
        position: relative;
        right: 20px;

    }
    .bi-search {
        position: relative;
        z-index: 999;
        top: 0px;
    }
}
@media (max-width: 768px) {
.css-1bdanyb-cartIconCSS-cartIconFixedCSS-CartButton{
    /*right: 40px!important;*/
    padding: 0;
}
#cartIcon {
    position: relative;
    z-index: 999;
    /*right: 50px;*/
    top: 3px;
}
.nav-icons {
    position: relative;
    right: 20px;
    z-index: 999;
}
.bi-search {
    position: relative;
    z-index: 999;
    top: 2px;
}
}
/* search */
.no-results.not-found > *:first-child {
    margin-bottom: 0;
}
.search-no-results .page-content {
    margin-top:0;
    margin-bottom: calc(3 * var(--global--spacing-vertical))!important;
}
/* modal */
.ReactModal__Content.ReactModal__Content--after-open {
    background: #fff!important;
    border-radius: 0 !important;
}
@media (max-width: 600px) {
   .wps-items-list {
        grid-template-columns: repeat(2, 1fr)!important;
    }
    
}
.wps-products-title{
    font-size: var(--global--font-size-base);
    text-align: center;
}
.wps-modal .wps-items-wrapper h2.wps-products-title {
    font-size: 34px;
}
.single-wps_products .wps-component-products-title .wps-products-title,.wps-modal .wps-products-title {
    text-align: left;
    font-family: var(--global--font-secondary)!important;
    font-weight: var(--primary-nav--font-weight)!important;
}
.wps-component-products-description{
    line-height: var(--global--line-height-body)!important;
    font-size: var(--global--font-size-base)!important;
}
/*.wpshopify-variant-buttons-group .wpshopify-variant-buttons button[data-is-variant-selected="true"] {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
 }*/
/* hide clear selection variant link */
.css-l4lfs5-ClearSelectionsCSS-ClearSelections{ display: none;}

 .wps-component-products-title .producttype{
    text-align: center;
}
.css-xvbvsr-PaginationItemsCSS{
    grid-gap:60px!important;
}
/* changes product type text alignment in modal */
.ReactModalPortal .wps-component-products-title .producttype, .single-wps_products .wps-component-products-title .producttype{
    text-align: left;
}
 .wps-add-to-cart span{
    font-family: var(--global--font-secondary);
    text-transform: uppercase;
    font-weight: 700;
    color:var(--global--color-white);
}
.wps-thumbnails-wrapper{
    max-width: unset!important;
}
.wps-items-wrapper h2.wps-products-title {
    font-size: 1.1rem;
}
.single-wps_products .wps-product-single-content {
    flex: 0 0 50% !important;
    max-width: unset!important;
}
@media screen and (max-width: 480px){
    .single-wps_products .wps-product-single-content {
        width: 100%!important;
    }
}
.css-1slqcu6-buttonCSS-addToCartCSS-AddButton.css-1slqcu6-buttonCSS-addToCartCSS-AddButton {
    background-color: var(--global--color-black)!important;
}
.css-1slqcu6-buttonCSS-addToCartCSS-AddButton:hover{
    background-color: var(--global--color-orange)!important
}
/* posts */ 
.archive, .category, .single-post, .blog, .page-template-template-magazine-page, .magazine-bg,.page-template-template-magazine-all-page{
    background-image: url('./assets/tex_grid.png');
    background-color: #ede9e3 !important;
}
.rounded-card{
    border-radius: 15px;
    overflow: hidden;
}
.archive.post-type-archive-plaza,.archive.post-type-archive-plaza .category,.single-plaza,.tax-plaza_category, .tax-plaza_category .category{
    background-image: none;
    background-color:#ea5532 !important;
}
.plaza_card{
    background-color: #FFFEF2;
    padding: 1.5vw 2.5vw;
}
.post-type-archive h5.postcard-title, .tax-plaza_category h5.postcard-title{
    /*font-family: var(--global--font-secondary) !important;*/
    font-weight: bold;
}
.single-plaza .plaza_card .entry-header{
    margin-top:0 !important;
}
.archive.post-type-archive-plaza .post-card .post-card{
    display: none;
}
.post-meta{
    font-family: var(--global--font-primary);
}
.post-thumbnail .wp-post-image, .post-thumbnail {

    margin-top: 0;
}
article.post,article.plaza{
    margin: 0 auto;
}
@media screen and (min-width:822px) {
    article.post{
        /*max-width: 75vw;*/
        margin: 0 auto;
    }
}
/*@media screen and (min-width: 1200px) {
article.post {
    max-width: 50vw;
}
}*/
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
    width: 100%;
}
p.step{
    margin-bottom: 0!important;
}
.post-card{
    background-color: var(--global--color-beige);
    font-family: var(--global--font-primary);
    /*height: 50%;*/
}
.narrow {
    max-width: 90vw!important;
}
@media screen and (min-width:600px){
.narrow {
    max-width: 75vw!important;
}
}
@media screen and (min-width:1025px){
    .narrow {
        max-width: 60vw!important;
    }
    }
.wp-block-columns .wp-block-column > *,.wp-block-media-text .wp-block-media-text__content > * {
    margin-top: 0!important;
}
@media (min-width: 782px) {
    .fullwidth .wp-block-column:not(:first-child) {
        margin-left: 0em;
    }
}
/* creates narrow column for text blocks on desktop */
@media screen and (min-width:822px) {
    .narrow .wp-block-group__inner-container {
        max-width: 50vw;
    }
}

/* entry */
.single-post .entry-content a,.single-plaza .entry-content a{ color:var(--global--color-orange); }
.entry-content, .entry-summary {
    font-family: var(--entry-content--font-family);
}
/* slick slider */
.slick-prev:before, .slick-next:before { display:none; }
section:not(.wp-block-acf-hero-slider) .slick-initialized .slick-slide {
    padding: 10px;
}
.wp-block-acf-hero-slider .slick-slide img {
    max-width: unset!important;
    width: 100vw!important;
}
@media (max-width:786px){
    .wp-block-acf-hero-slider .slick-slide img {
        height: 100%!important;
        object-fit: cover;
    }
    .hero figure {
        height: 50vh;
    }
}
.slick-dots{
    bottom:-10px!important;
}
.slick-dots li button{
    background-color:transparent!important;
}
.slick-dots li button:before,.slick-dots li button:hover:before{
    font-size:10px!important;
    opacity:.25!important;
}
.slick-dots li.slick-active button:before{
    opacity:1!important;
}
.slick-dots li button:before{
	scale:.5;
}
.has-background button.slick-arrow:not(:hover):not(:active):not(.has-background){
    background: transparent;
}
.slick-next {
    right: -25px!important;
}
.slick-prev {
    left: -25px!important;
}
.slick-prev, .slick-next {
    z-index:9;
}
.slick-prev:before, .slick-next:before{
    color: black!important;
}
.wp-block-acf-hero-slider .slick-dots li button:before {
    color: var(--global--color-white)!important;
    opacity: 1!important;
    font-size: 11px;
}
.wp-block-acf-hero-slider .slick-dots li.slick-active button:before {
    opacity: 1!important;
    color: var(--global--color-black)!important;
}
.wp-block-acf-hero-slider .slick-dots {
    position: absolute;
    bottom: 20px!important;
}
.wp-block-acf-carousel .slick-prev:before, .wp-block-acf-carousel .slick-next:before {
    opacity: 1!important;
    color: var(--global--color-black);
}
.slick-dotted.slick-slider {
    margin-bottom: 0px!important;
}
@media (max-width:480px){
.sizes .slick-slide{ opacity: .25;transition: opacity .25;}
.sizes .slick-slide.slick-active{ opacity: 1;}
.sizes .slick-next {
    right: 15px!important;
}
.sizes .slick-prev {
    left: 15px!important;
}
}

/* utilities */
.round{
    border-radius: 500%;
}
.min-vh-50{
    min-height: 50vh;
}
.min-vh-75-50{
    min-height: 33vw;
}
@media screen and (max-width: 488px) {
.min-vh-75-50{
    min-height: 50vh;
}
}
/* footer */
.site-footer {
    background-color: var(--global--color-black);
    max-width:100vw;
    font-family: var(--global--font-secondary);
    font-weight: var(--primary-nav--font-weight);
}
footer a{
    color: var(--global--color-white);
    text-decoration: none;
    font-family: var(--global--font-secondary);
    font-weight: var(--primary-nav--font-weight);
    font-size: var(--global--font-size-xs);
}
footer a:hover{
    color: var(--global--color-white);
    text-decoration: underline;
}

/* social share icons */
.sfsi_shortcode_container {
    float: unset!important;
}
.norm_row {
    text-align: center!important;
    width: 100%!important;
}
.sfcm.sfsi_wicon {
    filter: brightness(0);
    width:30px;
}
.addtoany_shortcode .a2a_kit{
    display: flex;
    grid-gap: 15px;
    justify-content: center;
}

.addtoany_shortcode a{
    border: 1px solid black !important;
    border-radius: 500%;
    display: flex!important;
    width: 32px;
    height: 32px;
    align-items: center;
}

/* social feed */
@media (max-width: 480px) {
#sb_instagram.sbi_col_4 #sbi_images .sbi_item {
    width:50%;
}
}