/****************************************************************
 *
 *  Name: Theme Styles
 *  Author: Samantha Pasch
 *  Author URI: http://www.samanthapasch.com/
 *  Description: CSS file for theme specific content. 
 *
****************************************************************/

/*===============================================================
 *
 *  1) WORDPRESS
 *  WordPress specific styles.
 *
===============================================================*/

/* A) Gutenberg Block Colours
=================================*/

.has-monte-black-color { color: #000000; }
.has-monte-dark-grey-color { color: #151515; }
.has-monte-mink-color { color: #0B0704; }
.has-monte-shiitake-color { color: #221C17; }
.has-monte-matsutake-color { color: #322921; }
.has-monte-bark-color { color: #3A2C23; }
.has-monte-briar-color { color: #372C1D; }
.has-monte-marmot-color { color: #3D2A12; }
.has-monte-stoat-color { color: #5B4437; }
.has-monte-clay-color { color: #685849; }
.has-monte-sand-color { color: #BDB1A1; }
.has-monte-limestone-color { color: #D6CCC0; }
.has-monte-honey-color { color: #605229; }
.has-monte-hive-color { color: #82744D; }
.has-monte-moss-color { color: #22240F; }
.has-monte-fern-color { color: #343720; }
.has-monte-grove-color { color: #393524; }
.has-monte-stone-color { color: #292B21; }
.has-monte-walnut-color { color: #382D0F; }
.has-monte-tourmaline-color { color: #593D08; }
.has-monte-goldenrod-color { color: #865F12; }
.has-monte-hosackia-color { color: #B89B60; }
.has-monte-agate-color { color: #E8D5AD; }
.has-monte-yarrow-color { color: #E6DDCA; }
.has-monte-gorse-color { color: #9B9680; }
.has-monte-enoki-color { color: #A7AB91; }
.has-monte-barley-color { color: #B6AF98; }
.has-monte-oat-color { color: #DBD5CC; }
.has-monte-oyster-color { color: #D4D4C5; }
.has-monte-toadstool-color { color: #DBD9D5; }
.has-monte-linen-color { color: #E6E4D5; }
.has-monte-milkweed-color { color: #E6E5E2; }
.has-monte-cotton-color { color: #FAFAF7; }
.has-monte-white-color { color: #FFFFFF; }

.has-monte-black-background-color { background-color: #000000; }
.has-monte-dark-grey-background-color { background-color: #151515; }
.has-monte-mink-background-color { background-color: #0B0704; }
.has-monte-shiitake-background-color { background-color: #221C17; }
.has-monte-matsutake-background-color { background-color: #322921; }
.has-monte-bark-background-color { background-color: #3A2C23; }
.has-monte-briar-background-color { background-color: #372C1D; }
.has-monte-marmot-background-color { background-color: #3D2A12; }
.has-monte-stoat-background-color { background-color: #5B4437; }
.has-monte-clay-background-color { background-color: #685849; }
.has-monte-sand-background-color { background-color: #BDB1A1; }
.has-monte-limestone-background-color { background-color: #D6CCC0; }
.has-monte-honey-background-color { background-color: #605229; }
.has-monte-hive-background-color { background-color: #82744D; }
.has-monte-moss-background-color { background-color: #22240F; }
.has-monte-fern-background-color { background-color: #343720; }
.has-monte-grove-background-color { background-color: #393524; }
.has-monte-stone-background-color { background-color: #292B21; }
.has-monte-walnut-background-color { background-color: #382D0F; }
.has-monte-tourmaline-background-color { background-color: #593D08; }
.has-monte-goldenrod-background-color { background-color: #865F12; }
.has-monte-hosackia-background-color { background-color: #B89B60; }
.has-monte-agate-background-color { background-color: #E8D5AD; }
.has-monte-yarrow-background-color { background-color: #E6DDCA; }
.has-monte-gorse-background-color { background-color: #9B9680; }
.has-monte-enoki-background-color { background-color: #A7AB91; }
.has-monte-barley-background-color { background-color: #B6AF98; }
.has-monte-oat-background-color { background-color: #DBD5CC; }
.has-monte-oyster-background-color { background-color: #D4D4C5; }
.has-monte-toadstool-background-color { background-color: #DBD9D5; }
.has-monte-linen-background-color { background-color: #E6E4D5; }
.has-monte-milkweed-background-color { background-color: #E6E5E2; }
.has-monte-cotton-background-color { background-color: #FAFAF7; }
.has-monte-white-background-color { background-color: #FFFFFF; }



/*===============================================================
 *
 *  2) GENERAL
 *  Root and global styles.
 *
===============================================================*/

:root {

    font-size: 100%;
    --vh: vh;
    --topbar-height: 3.5rem;

}

img {
    pointer-events: none!important;
}

header {
    position: relative;
    margin: 1.25rem 0rem;    
}



/*===============================================================
 *
 *  3) HERO STYLES
 *  Global Hero Image styles.
 *
===============================================================*/

/* A) Hero Spacers
=================================*/

@media (min-height: 451px) {

    .hero-home-spacer {
        width: 0!important;
        height: var(--hero-home-portrait-height)!important;
        margin: 0!important;
        padding: 0!important;
        vertical-align: middle!important;
    }

    .hero-single-spacer {
        width: 0!important;
        height: var(--hero-single-portrait-height);
        margin: 0!important;
        padding: 0!important;
        vertical-align: middle!important;
    }

    .hero-page-spacer {
        width: 0!important;
        height: var(--hero-page-portrait-height);
        margin: 0!important;
        padding: 0!important;
        vertical-align: middle!important;
    }

}

@media (max-height: 450px) {

    .hero-home-spacer {
        width: 0!important;
        height: var(--hero-home-landscape-height)!important;
        margin: 0!important;
        padding: 0!important;
        vertical-align: middle!important;
    }

    .hero-single-spacer {
        width: 0!important;
        height: var(--hero-single-landscape-height);
        margin: 0!important;
        padding: 0!important;
        vertical-align: middle!important;
    }

    .hero-page-spacer {
        width: 0!important;
        height: var(--hero-page-landscape-height);
        margin: 0!important;
        padding: 0!important;
        vertical-align: middle!important;
    }

}



/*===============================================================
 *
 *  4) AD BANNER
 *  AD Banner styles.
 *
===============================================================*/

/* A) AD Banner Colours
=================================*/

body .ad-banner-bg-colour {
    background-color: var(--ad-banner-bg);
}

body .ad-banner-text-colour,
body .ad-banner-text-colour a,
body .ad-banner-text-colour button {
    color: var(--ad-banner-colour);
}

body .ad-banner-font {
    font-family: var(--ad-banner-font);
    font-style: var(--ad-banner-style);
    font-weight: var(--ad-banner-weight);
    font-size: var(--ad-banner-size);
    text-transform: var(--ad-banner-transform);
    letter-spacing: var(--ad-banner-spacing);
}



/*===============================================================
 *
 *  5) COOKIE CONSENT
 *  Cookie Consent Pop-up styles.
 *
===============================================================*/

#cookie-policy-notice {
    color: var(--cookies-colour);
    background-color: var(--cookies-bg);
    border-top-width: 0.063rem;
    border-top-style: solid;
    border-top-color: var(--cookies-border);
}

body .cookie-consent-font {
    font-family: var(--cookies-font);
    font-style: var(--cookies-style);
    font-weight: var(--cookies-weight);
    font-size: var(--cookies-size);
    text-transform: var(--cookies-transform);
    letter-spacing: var(--cookies-spacing);
}

body .cookie-consent-button-font {
    font-family: var(--cookies-button-font);
    font-style: var(--cookies-button-style);
    font-weight: var(--cookies-button-weight);
    font-size: var(--cookies-button-size);
    text-transform: var(--cookies-button-transform);
    letter-spacing: var(--cookies-button-spacing);
}



/*===============================================================
 *
 *  6) BRANDING & LOGOS
 *  Topbar Logo and Header Logo styles.
 *
===============================================================*/

/* A) Topbar Logo (Navigation)
=================================*/
#client-logo-img {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

#client-logo-small-img {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    max-width: var(--topbar-logo-img-width);
    height: var(--topbar-logo-img-height);
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.menu-topbar #client-logo-small-svg,
.menu-topbar .client-logo-small-svg {
  font-size: 1.125rem;
}

#client-logo-small-svg > svg g, #client-logo-small-svg > svg *,
#client-logo-small-svg > svg ~ g, #client-logo-small-svg > svg ~ *,
.client-logo-small-svg > svg g, .client-logo-small-svg > svg *,
.client-logo-small-svg > svg ~ g, .client-logo-small-svg > svg ~ * {
    fill: inherit!important;
}

#client-logo-small-svg,
.client-logo-small-svg {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

#client-logo-small-svg > svg,
.client-logo-small-svg > svg {
    max-width: var(--topbar-logo-svg-width);
    height: var(--topbar-logo-svg-height);
}

#client-logo-small-text > * {
    font-family: var(--topbar-logo-font);
    font-style: var(--topbar-logo-style);
    font-weight: var(--topbar-logo-weight);
    font-size: var(--topbar-logo-size);
    text-transform: var(--topbar-logo-transform);
    letter-spacing: var(--topbar-logo-spacing);
    vertical-align: middle!important;
}



/*===============================================================
 *
 *  7) FRONT PAGE
 *  Styles for the Front Page blocks and sections.
 *
===============================================================*/

/* A) Feaured Post
=================================*/
    
html body .uncovered-animation-1.text-fade-in {
    -webkit-transition: opacity 1200ms ease-in-out 500ms;
    -moz-transition: opacity 1200ms ease-in-out 500ms;
    -o-transition: opacity 1200ms ease-in-out 500ms;
    transition: opacity 1200ms ease-in-out 500ms;
    opacity: 0;
}

html body.content-uncovered .uncovered-animation-1.text-fade-in {
    opacity: 1;
}

html body .uncovered-animation-2.text-blur-in {
    -webkit-transition: opacity 125ms ease-in-out 0ms, filter 125ms ease-in-out 620ms;
    -moz-transition: opacity 125ms ease-in-out 0ms, filter 125ms ease-in-out 620ms;
    -o-transition: opacity 125ms ease-in-out 0ms, filter 125ms ease-in-out 620ms;
    transition: opacity 125ms ease-in-out 0ms, filter 125ms ease-in-out 620ms;
    opacity: 0;
}

html body.content-uncovered .uncovered-animation-2.text-blur-in {
    opacity: 1;
    -webkit-filter: blur(0px)!important;
    -moz-filter: blur(0px)!important;
    -ms-filter: blur(0px)!important;
    -o-filter: blur(0px)!important;
    filter: blur(0px)!important;
}

html body .uncovered-animation-3.text-fade-in {
    -webkit-transition: opacity 1200ms ease-in-out 740ms;
    -moz-transition: opacity 1200ms ease-in-out 740ms;
    -o-transition: opacity 1200ms ease-in-out 740ms;
    transition: opacity 1200ms ease-in-out 740ms;
    opacity: 0;
}

html body.content-uncovered .uncovered-animation-3.text-fade-in {
    opacity: 1;
}

@media (min-width: 1021px) {

    #fp-featured-post .fp-featured-headline.headline-font {
        font-size: 2rem;
    }

}

@media (min-width: 768px) and (max-width: 1020px) {

    #fp-featured-post .fp-featured-headline.headline-font {
        font-size: 1.75rem;
    }

}

@media (max-width: 767px) {

    #fp-featured-post .fp-featured-headline.headline-font {
        font-size: 1.625rem;
    }

}


/* B) Recent Posts
=================================*/

#fp-posts .fp-posts-item-title.headline-font-look {
    font-style: normal;
    font-size: 1.375rem;
    text-transform: none;
    letter-spacing: 0em;
}

@media (min-width: 1021px) {

    #fp-posts .fp-posts-headline.headline-font {
        font-size: 2rem;
    }

}

@media (min-width: 768px) and (max-width: 1020px) {

    #fp-posts .fp-posts-headline.headline-font {
        font-size: 1.75rem;
    }

}

@media (max-width: 767px) {

    #fp-posts .fp-posts-headline.headline-font {
        font-size: 1.625rem;
    }

}


/* C) Curated Exhibition 
===============================*/

#fp-exhibition .fp-exhibition-spacer {
    position: relative;
    top: -0.063rem;
    width: 100%;
    height: 1px;
    margin: 0rem 0.625rem;
    background-color: currentColor;
}

@media (min-width: 1021px) {

    #fp-exhibition .fp-exhibition-headline.headline-font {
        font-size: 2rem;
    }

    #fp-exhibition .fp-exhibition-title.headline-font {
        font-size: 2rem;
    }

}

@media (min-width: 768px) and (max-width: 1020px) {

    #fp-exhibition .fp-exhibition-headline.headline-font, {
        font-size: 1.75rem;
    }

    #fp-exhibition .fp-exhibition-title.headline-font {
        font-size: 1.625rem;
    }

}

@media (max-width: 767px) {

    #fp-exhibition .fp-exhibition-headline.headline-font {
        font-size: 1.625rem;
    }

    #fp-exhibition .fp-exhibition-title.headline-font {
        font-size: 1.625rem;
    }

}


/* D) Articles Pages
=================================*/

#fp-articles .fp-articles-item-title.headline-font-look {
    font-style: normal;
    font-size: 1.375rem;
    text-transform: none;
    letter-spacing: 0em;
}

@media (min-width: 1021px) {

    #fp-articles .fp-articles-headline.headline-font {
        font-size: 2rem;
    }

}

@media (min-width: 768px) and (max-width: 1020px) {

    #fp-articles .fp-articles-headline.headline-font {
        font-size: 1.75rem;
    }

}

@media (max-width: 767px) {

    #fp-articles .fp-articles-headline.headline-font {
        font-size: 1.625rem;
    }

}


/* E) Memo Block
=================================*/

#fp-memo .fp-memo-spacer {
    display: inline-block;
    position: relative;
    top: -0.063rem;
    width: 100%;
    height: 1px;
    background-color: #C6C6C6;
}


/* F) Mood Board 
=================================*/

#fp-board .print-photo-width {
    width: calc( 100% - 5% );
}

#fp-board .aspect-print-photo {
    top: 0.188rem;
    height: 0!important;
    padding-bottom: calc( 136.83% - 4.5% )!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#fp-board .print-photo-inset {
    position: relative;
    width: calc( 100% - 5% );
    margin-left: 1.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#fp-board .aspect-print-frame {
    height: 0!important;
    padding-bottom: 136.83%!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#fp-board .toned-photo-inset {
    position: relative;
    width: calc( 100% - 45% );
    height: calc( 100% - 45% );
}

#fp-board .toned-card-width {
    margin-top: 15%;
    margin-right: 5%;
    width: calc( 100% - 60% );
}

#fp-board .toned-card-body {
    margin-top: 10%;
}

#fp-board .project-board-headline-1 span,
#fp-board .project-board-headline-2 span,
#fp-board .project-board-headline-3 span,
#fp-board .project-board-tagline-1 span {
    color: transparent;
    background-color: #000000;
    text-shadow: 2px 2px 3px rgba(51, 86, 55, 0.5);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    background-clip: text;
}

#fp-board .project-board-headline-4 span,
#fp-board .project-board-tagline-2 span,
#fp-board .project-board-description span,
#fp-board .project-board-number span {
    color: transparent;
    background-color: #000000;
    text-shadow: 2px 2px 3px rgba(255, 255, 228, 0.5);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    background-clip: text;
}

#fp-board .project-board-count span {
    color: transparent;
    background-color: #5D5D5D;
    text-shadow: 2px 2px 3px rgba(255, 255, 228, 0.5);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    background-clip: text;
}

@media (min-width: 1021px) {

    #fp-board .toned-card-size {
        padding: 3.75rem;
    }

    body .text-size-32-shrink {
        font-size: calc(1rem + (12.5 - 1) * ((100vw - 250px) / (1600 - 250)));
    }

    body .text-size-22-shrink {
        font-size: calc(0.75rem + (9.375 - 0.75) * ((100vw - 250px) / (1600 - 250)));
    }

    body .text-size-16-shrink {
        font-size: 1rem;
    }

    body .text-size-12-shrink {
        font-size: 0.75rem;
    }

}

@media (min-width: 768px) and (max-width: 1020px) {

    #fp-board .toned-card-size {
        padding: 1.875rem;
    }

    body .text-size-32-shrink {
        font-size: calc(1rem + (12.5 - 1) * ((100vw - 250px) / (1600 - 250)));
    }

    body .text-size-22-shrink {
        font-size: calc(0.75rem + (9.375 - 0.75) * ((100vw - 250px) / (1600 - 250)));
    }

    body .text-size-16-shrink {
        font-size: calc(0.625rem + (6.25 - 0.625) * ((100vw - 250px) / (1600 - 250)));
    }

    body .text-size-12-shrink {
        font-size: calc(0.5rem + (3.125 - 0.5) * ((100vw - 250px) / (1600 - 250)));
    }

}

@media (max-width: 767px) {

    #fp-board .toned-card-size {
        padding: 0.938rem;
    }

    body .text-size-32-shrink {
        font-size: calc(0.625rem + (12.5 - 0.625) * ((100vw - 250px) / (1600 - 250)));
    }

    body .text-size-22-shrink {
        font-size: calc(0.5rem + (9.375 - 0.5) * ((100vw - 250px) / (1600 - 250)));
    }

    body .text-size-16-shrink {
        font-size: calc(0.375rem + (3.125 - 0.375) * ((100vw - 250px) / (1600 - 250)));
        line-height: 1.06em!important;
    }

    body .text-size-12-shrink {
        font-size: calc(0.375rem + (1.563 - 0.375) * ((100vw - 250px) / (1600 - 250)));
    }

}


/* E) Woo
=================================*/

/* Cart
content: url('data:image/svg+xml,<svg style="width: 1.2em;" fill="rgba(0,0,0,1)" x="0px" y="0px" width="100%" height="100%" version="1.1" viewBox="0 19 28 8" enable-background="new 0 19 28 8" xmlns="http://www.w3.org/2000/svg"><path d="M26.2,22.5l-3-2.9l0,0l0.6-0.6l4.2,4l-4.2,4l-0.6-0.6l0,0l3-2.9H0v-1L26.2,22.5z"></path></svg>');
*/

.menu-topbar .topbar-right-menu #menu-woo-cart i[aria-label="Cart"]::before {
    content: url('data:image/svg+xml,<svg style="width: 1.2em;" fill="var(--primary-colour)" x="0px" y="0px" width="27" height="21" viewBox="0 0 900.000000 702.000000" enable-background="new 0 0 900.000000 702.000000" xmlns="http://www.w3.org/2000/svg" version="1.0" preserveAspectRatio="xMidYMid meet"><g transform="translate(0.000000,702.000000) scale(0.100000,-0.100000)" stroke="none"><path d="M3171 6955 c-31 -11 -121 -99 -121 -118 0 -4 -34 -53 -75 -107 -41 -54 -75 -102 -75 -105 0 -5 -66 -96 -123 -169 -12 -16 -24 -34 -26 -40 -2 -6 -24 -37 -48 -68 -23 -31 -43 -60 -43 -65 0 -4 -14 -21 -30 -37 -17 -16 -30 -33 -30 -38 0 -5 -20 -36 -45 -68 -25 -32 -45 -62 -45 -67 0 -4 -14 -21 -30 -37 -17 -16 -30 -33 -30 -38 0 -5 -20 -36 -45 -68 -25 -32 -45 -62 -45 -67 0 -4 -14 -21 -30 -37 -17 -16 -30 -33 -30 -38 0 -5 -19 -35 -43 -66 -24 -31 -46 -65 -50 -74 -3 -10 -11 -18 -17 -18 -5 0 -10 -5 -10 -10 0 -6 -5 -16 -10 -23 -31 -37 -107 -145 -113 -159 -3 -10 -11 -18 -17 -18 -5 0 -10 -6 -10 -14 0 -8 -7 -16 -15 -20 -8 -3 -15 -10 -15 -16 0 -7 -20 -38 -45 -70 -25 -32 -45 -61 -45 -65 0 -3 -33 -50 -73 -103 -41 -53 -76 -102 -78 -108 -2 -6 -14 -24 -27 -40 -12 -16 -45 -60 -72 -99 -134 -190 -199 -281 -245 -343 l-51 -67 -617 -5 -617 -5 -42 -42 -42 -43 -1 -77 c0 -67 3 -82 24 -110 14 -18 30 -33 37 -33 6 0 17 -7 24 -15 10 -13 50 -15 239 -15 242 0 251 -2 251 -49 1 -15 7 -37 15 -51 8 -14 15 -41 15 -60 0 -19 7 -46 15 -60 8 -14 15 -38 15 -55 0 -16 7 -41 15 -55 8 -14 15 -41 15 -60 0 -19 7 -46 15 -60 8 -14 15 -38 15 -55 0 -16 7 -41 15 -55 8 -14 15 -41 15 -60 0 -19 7 -46 15 -60 8 -14 15 -38 15 -55 0 -16 7 -41 15 -55 8 -14 15 -41 15 -60 0 -19 7 -46 15 -60 8 -14 15 -38 15 -55 0 -16 7 -41 15 -55 8 -14 15 -41 15 -60 0 -19 7 -46 15 -60 8 -14 15 -38 15 -55 0 -16 7 -41 15 -55 8 -14 15 -41 15 -60 0 -19 7 -46 15 -60 8 -14 15 -38 15 -55 0 -16 7 -41 15 -55 8 -14 15 -41 15 -60 0 -19 7 -46 15 -60 8 -14 15 -38 15 -55 0 -16 7 -41 15 -55 8 -14 15 -41 15 -60 0 -19 7 -46 15 -60 8 -14 15 -38 15 -55 0 -16 7 -41 15 -55 8 -14 15 -41 15 -60 0 -19 7 -46 15 -60 8 -14 15 -38 15 -55 0 -16 7 -41 15 -55 8 -14 15 -41 15 -60 0 -19 7 -46 15 -60 8 -14 15 -38 15 -55 0 -16 7 -41 15 -55 8 -14 15 -41 15 -60 0 -19 7 -46 15 -60 8 -14 15 -38 15 -55 0 -16 7 -41 15 -55 8 -14 14 -39 15 -56 0 -18 7 -45 15 -60 8 -16 15 -42 15 -59 1 -16 7 -41 15 -55 8 -14 15 -41 15 -60 0 -19 7 -46 15 -60 8 -14 15 -38 15 -55 0 -16 7 -41 15 -55 8 -14 15 -41 15 -60 0 -19 7 -46 15 -60 8 -14 15 -38 15 -55 0 -16 7 -41 15 -55 8 -14 15 -41 15 -60 0 -19 7 -46 15 -60 8 -14 14 -35 15 -47 0 -12 7 -34 15 -50 7 -15 23 -48 35 -73 34 -72 96 -161 157 -225 39 -40 131 -118 152 -128 9 -4 30 -16 46 -27 17 -11 37 -22 45 -26 8 -3 27 -12 42 -20 14 -8 34 -14 45 -14 10 0 27 -7 37 -15 11 -8 34 -15 52 -15 17 0 51 -7 74 -15 37 -13 316 -15 2270 -15 1954 0 2233 2 2270 15 23 8 57 15 74 15 17 0 40 7 50 15 11 8 28 15 39 15 10 0 31 6 45 14 15 8 34 17 42 20 8 4 29 15 45 26 17 11 39 24 50 29 11 5 40 28 65 50 25 23 48 41 52 41 8 0 134 157 153 191 7 13 23 44 35 69 12 25 28 57 36 72 8 14 14 37 14 50 1 12 7 34 15 48 8 14 15 39 15 55 0 17 7 41 15 55 8 14 15 41 15 60 0 19 7 46 15 60 8 14 15 39 15 55 0 17 7 41 15 55 8 14 15 41 15 60 0 19 7 46 15 60 8 14 15 39 15 55 0 17 7 41 15 55 8 14 15 41 15 60 0 19 7 46 15 60 8 14 15 39 15 55 0 17 7 41 15 55 8 14 15 41 15 60 0 19 7 46 15 60 8 14 15 39 15 55 0 17 7 41 15 55 8 14 15 41 15 60 0 19 7 46 15 60 8 14 15 39 15 55 0 17 7 41 15 55 8 14 15 41 15 60 0 19 7 46 15 60 8 14 15 39 15 55 0 17 7 41 15 55 8 14 15 41 15 60 0 19 7 46 15 60 8 14 15 39 15 55 0 17 7 41 15 55 8 14 15 41 15 60 0 19 7 46 15 60 8 14 15 39 15 55 0 17 7 41 15 55 8 14 15 41 15 60 0 19 7 46 15 60 8 14 15 39 15 55 0 17 7 41 15 55 8 14 15 41 15 60 0 19 7 46 15 60 8 14 15 39 15 55 0 17 7 41 15 55 8 14 15 41 15 60 0 19 7 46 15 60 8 14 15 39 15 55 0 17 7 41 15 55 8 14 15 41 15 60 0 19 7 46 15 60 8 14 15 39 15 55 0 17 7 41 15 55 8 14 15 41 15 60 0 19 7 46 15 60 8 14 15 39 15 55 0 17 7 41 15 55 8 14 15 41 15 60 0 19 7 46 15 60 8 14 15 39 15 55 0 17 7 41 15 55 8 14 14 39 15 56 0 53 5 54 247 54 245 0 255 2 305 65 19 25 23 41 23 107 l0 78 -43 42 -42 43 -612 3 c-609 3 -613 3 -635 24 -13 12 -23 27 -23 33 0 6 -13 25 -30 41 -16 16 -30 33 -30 37 0 5 -20 35 -45 67 -25 32 -45 63 -45 68 0 5 -13 22 -30 38 -16 16 -30 33 -30 37 0 5 -20 34 -43 65 -24 31 -46 62 -48 68 -2 6 -14 24 -26 40 -54 69 -120 160 -124 170 -2 6 -14 24 -26 40 -55 70 -123 164 -123 168 0 3 -33 51 -72 105 -40 55 -107 147 -148 205 -41 58 -109 152 -150 210 -41 57 -109 152 -150 210 -41 58 -109 152 -150 210 -41 57 -109 152 -150 210 -41 58 -99 138 -128 178 -30 40 -73 102 -97 138 -24 36 -55 76 -69 89 -28 26 -87 51 -122 51 -49 0 -144 -56 -144 -86 0 -6 -7 -17 -15 -24 -21 -17 -19 -94 3 -133 9 -18 29 -48 45 -68 15 -20 27 -41 27 -46 0 -5 13 -23 30 -39 16 -16 30 -33 30 -37 0 -5 20 -35 45 -67 25 -32 45 -63 45 -68 0 -5 13 -22 30 -38 16 -16 30 -33 30 -37 0 -5 20 -34 43 -65 24 -31 46 -62 48 -68 2 -6 14 -24 26 -40 54 -69 120 -160 124 -170 2 -6 14 -24 26 -40 57 -73 123 -164 123 -169 0 -3 34 -51 75 -105 41 -54 75 -101 75 -104 0 -3 33 -51 73 -105 39 -55 106 -147 147 -205 41 -58 109 -152 150 -210 41 -57 109 -152 150 -210 41 -58 106 -147 143 -198 70 -95 97 -139 97 -158 0 -12 -5346 -14 -5354 -2 -8 13 26 72 106 181 68 93 110 151 298 415 41 58 110 154 152 213 43 59 105 146 138 193 33 47 101 141 150 210 49 69 117 163 150 210 33 47 95 134 138 193 42 59 111 155 152 213 41 58 101 142 134 187 87 120 146 207 146 216 0 5 7 14 15 21 24 20 19 103 -9 148 -29 47 -49 63 -95 79 -43 15 -74 15 -120 -2z m4827 -2872 c2 -24 -4 -55 -12 -72 -9 -16 -16 -43 -16 -58 -1 -15 -7 -39 -15 -53 -8 -14 -15 -41 -15 -60 0 -19 -7 -46 -15 -60 -8 -14 -15 -38 -15 -55 0 -16 -7 -41 -15 -55 -8 -14 -15 -41 -15 -60 0 -19 -7 -46 -15 -60 -8 -14 -15 -38 -15 -55 0 -16 -7 -41 -15 -55 -8 -14 -15 -41 -15 -60 0 -19 -7 -46 -15 -60 -8 -14 -15 -38 -15 -55 0 -16 -7 -41 -15 -55 -8 -14 -15 -41 -15 -60 0 -19 -7 -46 -15 -60 -8 -14 -15 -38 -15 -55 0 -16 -7 -41 -15 -55 -8 -14 -15 -41 -15 -60 0 -19 -7 -46 -15 -60 -8 -14 -15 -38 -15 -55 0 -16 -7 -41 -15 -55 -8 -14 -15 -41 -15 -60 0 -19 -7 -46 -15 -60 -8 -14 -15 -38 -15 -55 0 -16 -7 -41 -15 -55 -8 -14 -15 -41 -15 -60 0 -19 -7 -46 -15 -60 -8 -14 -15 -38 -15 -55 0 -16 -7 -41 -15 -55 -8 -14 -15 -41 -15 -60 0 -19 -7 -46 -15 -60 -8 -14 -15 -38 -15 -55 0 -16 -7 -41 -15 -55 -8 -14 -15 -41 -15 -60 0 -19 -7 -46 -15 -60 -8 -14 -15 -38 -15 -55 0 -16 -7 -41 -15 -55 -8 -14 -15 -41 -15 -60 0 -19 -7 -46 -15 -60 -8 -14 -15 -38 -15 -55 0 -16 -7 -41 -15 -55 -8 -14 -15 -41 -15 -60 0 -19 -7 -46 -15 -60 -8 -14 -15 -38 -15 -55 0 -16 -7 -41 -15 -55 -8 -14 -15 -41 -15 -60 0 -19 -7 -46 -15 -60 -8 -14 -15 -38 -15 -55 0 -16 -7 -41 -15 -55 -8 -14 -15 -41 -15 -60 0 -19 -7 -46 -15 -60 -8 -14 -14 -38 -15 -53 0 -16 -5 -38 -12 -50 -6 -12 -15 -42 -19 -67 -7 -45 -20 -88 -44 -145 -7 -16 -16 -37 -19 -45 -15 -34 -35 -62 -77 -107 -74 -80 -119 -110 -239 -160 -43 -17 -131 -18 -2290 -18 -2166 0 -2247 1 -2290 19 -123 51 -178 88 -254 174 -37 42 -96 155 -96 185 -1 12 -7 33 -15 47 -8 14 -15 39 -15 55 0 17 -7 41 -15 55 -8 14 -15 41 -15 60 0 19 -7 46 -15 60 -8 14 -15 41 -15 60 0 19 -7 44 -15 54 -8 11 -15 36 -15 55 -1 20 -7 47 -15 61 -8 14 -15 39 -15 55 0 17 -7 41 -15 55 -8 14 -15 41 -15 60 0 19 -7 46 -15 60 -8 14 -15 39 -15 55 0 17 -7 41 -15 55 -8 14 -15 41 -15 60 0 19 -7 46 -15 60 -8 14 -15 39 -15 55 0 17 -7 41 -15 55 -8 14 -15 41 -15 60 0 19 -7 46 -15 60 -8 14 -15 39 -15 55 0 17 -7 41 -15 55 -8 14 -15 41 -15 60 0 19 -7 46 -15 60 -8 14 -15 39 -15 55 0 17 -7 41 -15 55 -8 14 -15 41 -15 60 0 19 -7 46 -15 60 -8 14 -15 39 -15 55 0 17 -7 41 -15 55 -8 14 -15 41 -15 60 0 19 -7 46 -15 60 -8 14 -15 39 -15 55 0 17 -7 41 -15 55 -8 14 -15 41 -15 60 0 19 -7 46 -15 60 -8 14 -15 39 -15 55 0 17 -7 41 -15 55 -8 14 -15 41 -15 60 0 19 -7 46 -15 60 -8 14 -15 39 -15 55 0 17 -7 41 -15 55 -8 14 -15 41 -15 60 0 19 -7 46 -15 60 -8 14 -15 39 -15 55 0 17 -7 41 -15 55 -8 14 -15 41 -15 60 0 19 -7 46 -15 60 -8 14 -15 39 -15 55 0 17 -7 41 -15 55 -8 14 -15 41 -15 60 0 19 -7 46 -15 60 -8 14 -15 39 -15 55 0 17 -7 41 -15 55 -8 14 -15 41 -15 60 0 19 -7 46 -15 60 -15 26 -20 92 -8 103 3 4 1582 6 3507 5 l3501 -3 3 -42z"/><path d="M4428 3476 c-41 -18 -77 -56 -99 -105 -18 -42 -19 -75 -19 -1126 0 -1063 0 -1083 20 -1128 11 -25 38 -59 59 -76 34 -27 47 -31 103 -31 56 0 68 4 100 30 20 16 46 49 57 73 21 43 21 48 21 1136 0 1090 0 1092 -21 1134 -44 88 -141 129 -221 93z"/><path d="M2988 2939 c-20 -11 -49 -37 -65 -57 l-28 -37 0 -595 c0 -577 1 -596 20 -628 35 -59 79 -76 187 -73 29 1 45 10 82 47 l46 46 0 602 c0 550 -1 604 -17 626 -21 31 -39 45 -85 70 -46 25 -92 24 -140 -1z"/><path d="M5848 2938 c-21 -11 -51 -37 -68 -58 l-30 -38 0 -590 c0 -571 1 -592 20 -624 35 -60 72 -79 151 -79 75 0 97 11 142 68 l22 28 0 600 0 600 -28 37 c-34 44 -96 78 -140 77 -18 0 -49 -9 -69 -21z"/></g></svg>');
    position: relative;
    top: 4px;
}

.menu-topbar .topbar-right-menu #menu-woo-cart .menu-cart-count {
    position: relative;
    top: 0;
    font-family: var(--meta-info-font);
    font-style: var(--meta-info-style);
    font-weight: var(--meta-info-weight);
    font-size: var(--meta-info-size);
    text-transform: var(--meta-info-transform);
    letter-spacing: 0;
    color: var(--primary-colour);
}


/* Gallery */
html body .woocommerce-product-gallery {
    display: block!important;
    position: relative!important;
    overflow: visible!important;
    height: 100%!important;
    transition: none!important;
    cursor: pointer!important;
    pointer-events: none!important;
}

/*html body .flex-viewport {
    display: block!important;
    position: relative!important;
    overflow: visible!important;
    width: 100%!important;
    height: 100%!important;
    transition: none!important;
    cursor: pointer;
    pointer-events: none!important;
}*/

html body.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
    width: 100%!important;
    transition-duration: 0!important;
    transform: none!important;
}

html body.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
    transition: none!important;
    margin: 0;
    padding: 0;
}

html body.woocommerce #content div.product div.images,
html body.woocommerce div.product div.images,
html body.woocommerce-page #content div.product div.images,
html body.woocommerce-page div.product div.images {
    width: 100%!important;
    float: none!important;
}

/*html body.woocommerce div.product div.images .flex-control-nav.flex-control-thumbs {
    display: none!important;
    visibility: hidden!important;
    opacity: 0!important;
}

html body.woocommerce div.product div.images .flex-control-thumbs li {
    width: 100%;
    float: none;
}*/

/* Summary */
html body.woocommerce #content div.product div.summary,
html body.woocommerce div.product div.summary,
html body.woocommerce-page #content div.product div.summary,
html body.woocommerce-page div.product div.summary {
    width: 100%!important;
}

html body.woocommerce-page div.product div.summary div.product-inner div.display-block:nth-of-type(2) {
    margin: 1.25rem 0rem 2.5rem 0rem;
}

html body.woocommerce-page div.product div.summary div.product-inner div.display-block:nth-of-type(3) {
    margin-bottom: 1.25rem;
}

html body.woocommerce-page div.product div.summary div.product-inner div.display-block:nth-of-type(4) {
    margin-bottom: 2.5rem;
}

html body.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product h1.cs-post-title {
    margin-bottom: 1.25rem;
}

html body.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,
html body.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price,
html body.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.woocommerce-Price-amount.amount {
    font-family: var(--headline-font);
    font-weight: var(--headline-weight);
    font-size: 1rem;
    color: var(--primary-colour);
}

html body.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price > ins,
html body.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price > ins {
    text-decoration: none;
}

html body.woocommerce div.product p.stock,
html body.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.stock {
    font-family: var(--meta-info-small-font);
    font-style: var(--meta-info-small-style);
    font-weight: var(--meta-info-small-weight);
    font-size: var(--meta-info-small-size);
    text-transform: var(--meta-info-small-transform);
    letter-spacing: var(--meta-info-small-spacing);
    color: var(--primary-colour);
    margin: 0!important;
}

html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce div.product form.cart {
    margin-bottom: 2.5rem;
}

html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt,
html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt,
html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,
html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt,
body :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt,
body :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt,
body :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt,
body :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 1rem 3.375rem;
    line-height: 1em!important;
    text-align: center;
    font-family: var(--buttons-font);
    font-style: var(--buttons-style);
    font-weight: var(--buttons-weight);
    font-size: var(--buttons-size);
    text-transform: var(--buttons-transform);
    letter-spacing: var(--buttons-spacing);
    border-width: 0.063rem;
    border-style: solid;
    border-color: var(--buttons-dark-border);
    border-radius: 0!important;
    background-color: var(--buttons-dark-bg);
    color: var(--buttons-dark-colour);
    -webkit-transition: background-color 300ms cubic-bezier(.42,0,.58,1) 0ms, border-color 300ms cubic-bezier(.42,0,.58,1) 0ms, color 300ms cubic-bezier(.42,0,.58,1) 0ms;
    -moz-transition: background-color 300ms cubic-bezier(.42,0,.58,1) 0ms, border-color 300ms cubic-bezier(.42,0,.58,1) 0ms, color 300ms cubic-bezier(.42,0,.58,1) 0ms;
    -o-transition: background-color 300ms cubic-bezier(.42,0,.58,1) 0ms, border-color 300ms cubic-bezier(.42,0,.58,1) 0ms, color 300ms cubic-bezier(.42,0,.58,1) 0ms;
    transition: background-color 300ms cubic-bezier(.42,0,.58,1) 0ms, border-color 300ms cubic-bezier(.42,0,.58,1) 0ms, color 300ms cubic-bezier(.42,0,.58,1) 0ms;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 0;
}

html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover,
html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover,
html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover,
html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover,
html body :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover,
html body :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover,
html body :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover,
html body :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover {
    border-color: var(--buttons-dark-hover-border);
    background-color: var(--buttons-dark-hover-bg);
    color: var(--buttons-dark-hover-colour)!important;
}

html body.woocommerce a.added_to_cart {
    display: none;
}

html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled,
html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled,
html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled],
html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled,
html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled,
html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled],
html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled,
html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled,
html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled],
html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled,
html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled,
html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled],
html body :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt.disabled,
html body :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled,
html body :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled[disabled],
html body :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled,
html body :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled,
html body :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled],
html body :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled,
html body :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled,
html body :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled],
html body :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled,
html body :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled,
html body :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled],
html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover,
html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover,
html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover,
html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover,
html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover,
html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover,
html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover,
html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover,
html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover,
html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover,
html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover,
html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover,
html body :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt.disabled:hover,
html body :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled:hover,
html body :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover,
html body :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled:hover,
html body :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled:hover,
html body :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled]:hover,
html body :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled:hover,
html body :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled:hover,
html body :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled]:hover,
html body :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled:hover,
html body :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled:hover,
html body :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled]:hover {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 1rem 3.375rem;
    line-height: 1em!important;
    text-align: center;
    font-family: var(--buttons-font);
    font-style: var(--buttons-style);
    font-weight: var(--buttons-weight);
    font-size: var(--buttons-size);
    text-transform: var(--buttons-transform);
    letter-spacing: var(--buttons-spacing);
    border-width: 0.063rem;
    border-style: solid;
    border-color: var(--buttons-dark-hover-border);
    border-radius: 0!important;
    background-color: var(--buttons-dark-hover-bg);
    color: var(--buttons-dark-hover-colour);
    -webkit-transition: background-color 300ms cubic-bezier(.42,0,.58,1) 0ms, border-color 300ms cubic-bezier(.42,0,.58,1) 0ms, color 300ms cubic-bezier(.42,0,.58,1) 0ms;
    -moz-transition: background-color 300ms cubic-bezier(.42,0,.58,1) 0ms, border-color 300ms cubic-bezier(.42,0,.58,1) 0ms, color 300ms cubic-bezier(.42,0,.58,1) 0ms;
    -o-transition: background-color 300ms cubic-bezier(.42,0,.58,1) 0ms, border-color 300ms cubic-bezier(.42,0,.58,1) 0ms, color 300ms cubic-bezier(.42,0,.58,1) 0ms;
    transition: background-color 300ms cubic-bezier(.42,0,.58,1) 0ms, border-color 300ms cubic-bezier(.42,0,.58,1) 0ms, color 300ms cubic-bezier(.42,0,.58,1) 0ms;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: 1;
    z-index: 0;
}

html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.loading::after,
html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading::after,
html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.loading::after,
html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.loading::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.loading::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.loading::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.loading::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.loading::after {
    content: none;
    vertical-align: top;
    top: auto;
    right: auto;
}

html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.added::after,
html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.added::after,
html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.added::after,
html body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.added::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.added::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.added::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.added::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.added::after {
    font-style: normal!important;
    font-size: var(--meta-info-small-size)!important;
    margin-left: 0.8em!important;
    -webkit-animation: none!important;
    -moz-animation: none!important;
    -ms-animation: none!important;
    -o-animation: none!important;
    animation: none!important;
    -webkit-transform: translateY(-50%)!important;
    -moz-transform: translateY(-50%)!important;
    -ms-transform: translateY(-50%)!important;
    -o-transform: translateY(-50%)!important;
    transform: translateY(-50%)!important;
}


html body.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product div.summary div.woocommerce-product-details__short-description {
    text-align: justify;
}

html body.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product div.summary form.cart div.quantity {
    display: block;
    position: relative;
    width: auto;
    margin: 0.625rem 0rem 0.625rem 0rem;
}

html body.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product div.summary form.cart div.quantity input[type=number]::-webkit-inner-spin-button,
html body.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product div.summary form.cart div.quantity input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    margin: 0; 
}

html body.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product div.summary form.cart div.quantity button.qty-minus,
html body.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product div.summary form.cart div.quantity button.qty-plus {
    font-family: "Arimo", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    text-transform: none;
    letter-spacing: 0rem;
    color: var(--primary-colour);
}

html body.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product div.summary form.cart div.quantity input.qty {
    width: 3.125rem;
    font-family: var(--body-font);
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    text-transform: none;
    letter-spacing: 0rem;
    color: var(--primary-colour);
}

html body.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product div.summary form.cart div.quantity button.qty-minus[inert*="inert"],
html body.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product div.summary form.cart div.quantity button.qty-plus[inert*="inert"] {
    display: none;
}

html body.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product div.summary div.product_meta span,
html body.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product div.summary div.product_meta span > a {
    font-family: var(--meta-info-small-font);
    font-style: var(--meta-info-small-style);
    font-weight: var(--meta-info-small-weight);
    font-size: var(--meta-info-small-size);
    text-transform: var(--meta-info-small-transform);
    letter-spacing: var(--meta-info-small-spacing);
    color: var(--primary-colour);
}


html body.woocommerce div.product span.sku_wrapper,
html body.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.sku_wrapper {
    font-family: var(--meta-info-small-font);
    font-style: var(--meta-info-small-style);
    font-weight: var(--meta-info-small-weight);
    font-size: var(--meta-info-small-size);
    text-transform: var(--meta-info-small-transform);
    letter-spacing: var(--meta-info-small-spacing);
    color: var(--primary-colour);
    margin: 0!important;
}


html body.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0;
    margin: 0rem 0rem 0.625rem 0rem;
}

html body.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    content: none;
    border: 0;
    z-index: 0;
}

html body.woocommerce div.product .woocommerce-tabs ul.tabs li {
    padding: 0rem 0.313rem 0rem 0.313rem;
    border: none;
    border-radius: none;
    background-color: transparent;
    color: var(--primary-colour);
}

html body.woocommerce div.product .woocommerce-tabs ul.tabs li:nth-of-type(1) {
    margin-right: 1.25rem;
}

html body.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    border: none;
    background-color: transparent;
    color: var(--primary-colour);
}

html body.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
html body.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    content: none;
    width: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

html body.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    position: relative;
    padding: 0;
    font-family: var(--meta-info-font);
    font-style: var(--meta-info-style);
    font-weight: var(--meta-info-weight);
    font-size: var(--meta-info-size);
    text-transform: var(--meta-info-transform);
    letter-spacing: var(--meta-info-spacing);
    color: var(--primary-colour);
    -webkit-transition: opacity 250ms ease 0ms;
    -moz-transition: opacity 250ms ease 0ms;
    -ms-transition: opacity 250ms ease 0ms;
    -o-transition: opacity 250ms ease 0ms;
    transition: opacity 250ms ease 0ms;
}

html body.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    color: var(--primary-colour);
    opacity: .6;
}

html body.woocommerce div.product div.woocommerce-Tabs-panel > h2 {
    display: none;
    visibility: hidden;
    opacity: 1;
    clear: both;
}

html body.woocommerce table.shop_attributes {
    border: none;
    margin: 0;
}

html body.woocommerce table.shop_attributes th {
    padding: 0.313rem 0rem 0.313rem 0rem;
    font-family: var(--body-font);
    font-style: normal;
    font-weight: var(--body-weight);
    font-size: var(--body-size);
    text-transform: none;
    letter-spacing: 0;
    line-height: 1.4em;
    border: none;
}

html body.woocommerce table.shop_attributes td {
    padding: 0.313rem 0rem 0.313rem 0rem;
    font-family: var(--body-font);
    font-style: normal;
    font-weight: var(--body-weight);
    font-size: var(--body-size);
    text-transform: none;
    letter-spacing: 0;
    line-height: 1.4em;
    border: none;
}

html body.woocommerce table.shop_attributes tbody > tr:first-child > th:nth-child(1),
html body.woocommerce table.shop_attributes tbody > tr:first-child > td:nth-child(2) {
    padding-top: 0;
}

html body.woocommerce table.shop_attributes tbody > tr:last-child > th:nth-child(1),
html body.woocommerce table.shop_attributes tbody > tr:last-child > td:nth-child(2) {
    padding-bottom: 0;
}

html body.woocommerce table.shop_attributes tr:nth-child(odd) td,
html body.woocommerce table.shop_attributes tr:nth-child(odd) th,
html body.woocommerce table.shop_attributes tr:nth-child(even) td,
html body.woocommerce table.shop_attributes tr:nth-child(even) th {
    background-color: transparent;
}



/*===============================================================
 *
 *  8) CATEGORY & ARCHIVE PAGES
 *  Category and archive page styles.
 *
===============================================================*/

/* A) Archive Posts Content
=================================*/

body .archive-post-content {
    vertical-align: bottom!important;
}

#archive-posts .ac-posts-item-title.headline-font-look {
    font-style: normal;
    font-size: 1.375rem;
    text-transform: none;
    letter-spacing: 0em;
}


/* B) Archive Pages Content
=================================*/

#archive-pages .ac-pages-item-title.headline-font-look {
    font-style: normal;
    font-size: 1.375rem;
    text-transform: none;
    letter-spacing: 0em;
}

#archive-parent-pages .ac-parent-pages-item-title.headline-font-look {
    font-style: normal;
    font-size: 1.375rem;
    text-transform: none;
    letter-spacing: 0em;
}


/* C) Archive Tags
=================================*/

#archive-tags .ac-tags-item-title.headline-font-look {
    font-style: normal;
    font-size: 1.375rem;
    text-transform: none;
    letter-spacing: 0em;
}


/* D) Archive Search
=================================*/

#archive-search .ac-search-item-title.headline-font-look {
    font-style: normal;
    font-size: 1.375rem;
    text-transform: none;
    letter-spacing: 0em;
}

#hero-page-search #search-bar .search-placeholder input:placeholder-shown {
    white-space: nowrap;
    text-overflow: ellipsis;
}


/* ) Category Styles 
===============================*/

/* ADD CLASS ".post-meta-grammatical"
 * Separate post categories with a comma. */

.archive-post-meta.post-meta-grammatical ul.post-categories li a {
    color: currentColor;
    opacity: 1;
}

.archive-post-meta.post-meta-grammatical ul.post-categories {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative;
    width: auto;
}

.archive-post-meta.post-meta-grammatical ul.post-categories li a::after {
    display: inline-block;
    position: relative;
    content: ", ";
    padding-right: .4em;
}

.archive-post-meta.post-meta-grammatical ul.post-categories li a:hover::after {
    color: currentColor;
    opacity: 1!important;
}

/* If there are more than 2 categories, add the '&' to the second last child. */
.archive-post-meta.post-meta-grammatical ul.post-categories li:nth-last-child(2) a::after {
    display: inline-block;
    position: relative;
    content: " & "!important;
    padding: 0em .28em;
}

.archive-post-meta.post-meta-grammatical ul.post-categories li:last-child a::after {
    display: none;
}


/* ADD CLASS ".post-meta-bullet"
 * Separate post categories with a bullet. */
.archive-post-meta.post-meta-bullet ul.post-categories li a {
    font-family: var(--meta-info-font);
    font-style: italic;
    font-size: 0.75rem;
    font-weight: var(--meta-info-weight);
    color: var(--primary-colour);
    opacity: 1;
}

.archive-post-meta.post-meta-bullet ul.post-categories {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.archive-post-meta.post-meta-bullet ul.post-categories li {
    display: inline-block;
    position: relative;
    width: auto;
}

.archive-post-meta.post-meta-bullet ul.post-categories::before {
    display: inline-block;
    position: relative;
    content: "(Category) •";
    padding-right: 0em;
    font-family: var(--meta-info-font);
    font-style: italic;
    font-size: 0.75rem;
    font-weight: 300!important;
    color: currentColor;

}

.archive-post-meta.post-meta-bullet ul.post-categories li a::after {
    display: inline-block;
    position: relative;
    content: "&";
    padding-left: .3em;    
    font-weight: bold;
}

.archive-post-meta.post-meta-bullet ul.post-categories li a:hover::after {
    color: currentColor;
    opacity: 1!important;
}

.archive-post-meta.post-meta-bullet ul.post-categories li:last-child a::after {
    display: none;
}


/* ) Pagination
=================================*/

#archive-pagination ul.pagination li#pagination-prev,
#archive-pagination ul.pagination li#pagination-next {
    display: inline-flex;
    position: relative;
    flex: 1 2 0rem;
}

li#pagination-prev .pagination-prev span,
li#pagination-next .pagination-next span,
li.pagination-number a {
    font-size: 0.75rem!important;
    color: var(--primary-colour);
}

#archive-pagination ul.pagination li#pagination-prev {
    justify-content: flex-start;
}

#archive-pagination ul.pagination li#pagination-next {
    justify-content: flex-end;
}

#archive-pagination ul.pagination .pagination-number {
    padding: 0rem 0.313rem;
    font-style: normal;
    font-weight: 400;
    font-size: 0.75rem;
    text-transform: uppercase;
    line-height: 1.4em;
    letter-spacing: 0em;
}

#archive-pagination ul.pagination .pagination-number a {
    color: var(--primary-colour);
    opacity: 0.6;
}

#archive-pagination ul.pagination .pagination-number.is-active {
    cursor: text;
}

#archive-pagination ul.pagination .pagination-number.is-active a {
    opacity: 1;
    pointer-events: none!important;
}

#archive-pagination ul.pagination .pagination-number:first-child {
    padding-left: 0rem;
}

#archive-pagination ul.pagination .pagination-number:last-child {
    padding-right: 0rem;
}



/*===============================================================
 *
 *  9) SINGLE POST CONTENT
 *  Styles for the Post Content, tags, comments, and share links.
 *
===============================================================*/

/* A) Single Content
=================================*/

#content-featured-section .desktop-view .cs-post-title.headline-font {
    font-size: 2rem;
}

#content-featured-section .tablet-view .cs-post-title.headline-font {
    font-size: 1.75rem;
}

#content-featured-section .mobile-view .cs-post-title.headline-font {
    font-size: 1.625rem;
}

#single-comments-loop {
    margin-top: 0rem;;
    color: currentColor;
}

#single-post-loop #single-post-content {
    display: block; 
    position: relative;
    width: 100%;
}

#single-post-loop #single-post-content > p:first-of-type::first-letter {
    -webkit-initial-letter: 2 2;
    -moz-initial-letter: 2 2;
    -ms-initial-letter: 2 2;
    -o-initial-letter: 2 2;
    initial-letter: 2 2;
}

#single-post-content .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-section:first-child .elementor-widget-text-editor p:first-of-type::first-letter {
    -webkit-initial-letter: 2 2;
    -moz-initial-letter: 2 2;
    -ms-initial-letter: 2 2;
    -o-initial-letter: 2 2;
    initial-letter: 2 2;
}

#single-post-loop #single-post-content p {
    max-width: 37.5rem;
    margin: 0rem auto 1rem auto;
}

#single-post-loop #single-post-content p li,
#single-post-loop #single-post-content ul li,
#single-post-loop #single-post-content p ul li {
    list-style: initial!important;
    list-style-position: inside!important;
}

/* B) Related Post Content
=================================*/

#related-posts .cs-post-related-title.headline-font-look {
    font-style: normal;
    font-size: 1.375rem;
    text-transform: uppercase;
    letter-spacing: 0em;
}


body .related-post-bg-colour {
    background-color: var(--related-post-bg);
}


/* C) Comment Thread
=================================*/

#single-comments-thread {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 1.875rem;
    margin-bottom: 5rem;
}

#single-comments-thread #single-comment-message {
    margin: 1rem 0rem;
}

#single-comments-thread .single-comment-message a {
    color: var(--accent-colour);
}

#single-comments-thread ul.children {
    margin-left: 1.25rem;
    margin-bottom: 0.625rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* D) Comment Form
=================================*/

#single-comments .cs-comments-headline.headline-font-look {
    font-style: normal;
    font-size: 1.375rem;
    text-transform: uppercase;
    letter-spacing: 0em;
}

#single-comments h3#comments-headline span#comments-count {
    padding-left: 0.313rem;
    font-size: 0.5rem;
}

#single-comment-form {
    margin-top: 1.875rem;
}

#single-comment-form textarea#comment {
    position: relative;
    height: 125px;
    background-image: linear-gradient(0deg, var(--primary-colour) 2.3%, transparent 2.3%, transparent 51%, var(--primary-colour) 51%, var(--primary-colour) 52.3%, transparent 52.3%, transparent 100%);
    background-size: 49px 49px;
    background-position: 0px -50px;
    resize: none;
    color: currentColor;
}

#single-comment-form textarea#comment.reviews-comment {
    position: relative;
    height: 73px;
    background-image: linear-gradient(0deg, var(--primary-colour) 2.3%, transparent 2.3%, transparent 51%, var(--primary-colour) 51%, var(--primary-colour) 52.3%, transparent 52.3%, transparent 100%);
    background-size: 49px 49px;
    background-position: 0px -50px;
    resize: none;
    color: currentColor;
}

#single-comments-thread span.single-comment-author,
#single-comments-thread span.single-comment-author a {
    color: currentColor;
}

#single-comments-thread span.single-comment-on {
    padding: 0rem 0.313rem;
    font-size: 0.625rem;
    text-transform: none!important;
}

#single-comments-thread .single-comment-reply,
#single-comments-thread .single-comment-reply a.comment-reply-link,
#single-comments-thread .single-comment-edit,
#single-comments-thread .single-comment-edit a.comment-edit-link {
    color: currentColor;
    opacity: 1;
    -webkit-transition: opacity 250ms ease 0s;
    -moz-transition: opacity 250ms ease 0s;
    -o-transition: opacity 250ms ease 0s;
    transition: opacity 250ms ease 0s;
}

#single-comments-thread .single-comment-reply a.comment-reply-link:hover,
#single-comments-thread .single-comment-edit a.comment-edit-link:hover {
    opacity: .6;
}

#single-comments .cs-comments-replying,
#single-comments .cs-comments-replying a  {
    font-size: 0.625rem;
    color: currentColor;
    opacity: 1;
    -webkit-transition: opacity 250ms ease 0s;
    -moz-transition: opacity 250ms ease 0s;
    -o-transition: opacity 250ms ease 0s;
    transition: opacity 250ms ease 0s;
}

#single-comments .cs-comments-replying a:hover {
    opacity: .6;
}

#single-comments .cs-comments-replying-cancel,
#single-comments .cs-comments-replying-cancel a {
    color: currentColor;
    opacity: 1;
    -webkit-transition: opacity 250ms ease 0s;
    -moz-transition: opacity 250ms ease 0s;
    -o-transition: opacity 250ms ease 0s;
    transition: opacity 250ms ease 0s;
}

#single-comments .cs-comments-replying-cancel a:hover {
    opacity: .6;
}

#single-comments #commentform .cs-comments-logged-in,
#single-comments #commentform .cs-comments-logged-in a {
    color: currentColor;
    opacity: 1;
    -webkit-transition: opacity 250ms ease 0s;
    -moz-transition: opacity 250ms ease 0s;
    -o-transition: opacity 250ms ease 0s;
    transition: opacity 250ms ease 0s;
}

#single-comments #commentform .cs-comments-logged-in a:hover {
    opacity: .6;
}

#single-comments #commentform #comment-form-author,
#single-comments #commentform #comment-form-email {
    position: relative;
    width: 100%;
}

#single-comments #commentform #comment-form-author input,
#single-comments #commentform #comment-form-email input {
    position: relative;
    width: 100%;
    border-bottom-width: 0.063rem;
    border-bottom-style: solid ;
    border-color: var(--primary-colour);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: currentColor;
}

#single-comments #commentform #comment-form-cookies label {
    padding-left: 0.313rem;
}

##single-comments #commentform #comment-form-cookies #wp-comment-cookies-consent {
    position: relative;
    top: 0.094rem;
    padding-right: 0.5rem;
}

#single-comments #commentform #comment-form-cookies small {
    padding-left: 0.5rem;
}

@media (min-width: 1021px) {

    #single-comments #commentform .comment-form-group.form-column-author {
        padding-right: 1.25rem; }

    #single-comments #commentform .comment-form-group.form-column-email {
        padding-left: 1.25rem; }

}

@media (min-width: 768px) and (max-width: 1020px) {

    #single-comments #commentform .comment-form-group.form-column-author {
        padding-right: 1.25rem; }

    #single-comments #commentform .comment-form-group.form-column-email {
        padding-left: 1.25rem; }

}


/* E) Comment Form Pagination
=================================*/

#comment-thread-pagination {
    margin-top: calc( 1rem + 0.875rem );
    margin-bottom: 1.25rem;
}

#comment-thread-pagination .page-numbers {
    padding: 0rem 0.313rem;
    line-height: 1.4em;
    letter-spacing: 0em;
}


#comment-thread-pagination a.page-numbers {
    color: currentColor;
    opacity: 1;
    -webkit-transition: opacity 250ms ease 0s;
    -moz-transition: opacity 250ms ease 0s;
    -o-transition: opacity 250ms ease 0s;
    transition: opacity 250ms ease 0s;
}

#comment-thread-pagination a.page-numbers:hover,
#comment-thread-pagination .page-numbers.current {
    opacity: .6;
}

#comment-thread-pagination .prev.page-numbers {
    display: -webkit-inline-box!important;
    display: -moz-inline-box!important;
    display: -ms-inline-flexbox!important;
    display: -webkit-inline-flex!important;
    display: inline-flex!important;
    position: relative;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: auto;
    margin-right: 0.625rem;
    text-align: left;
}

#comment-thread-pagination a.next.page-numbers {
    display: -webkit-inline-box!important;
    display: -moz-inline-box!important;
    display: -ms-inline-flexbox!important;
    display: -webkit-inline-flex!important;
    display: inline-flex!important;
    position: relative;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    width: auto;
    margin-left: 0.625rem;
    text-align: right;
}

#comment-thread-pagination [aria-current="page"]:first-child::before {
    content: "Prev";
    display: -webkit-inline-box;
    display: -moz-inline-box!impotant;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    width: auto;
    margin-right: 0.625rem;
    padding: 0rem 0.313rem;
    text-align: right;
    font-family: var(--meta-info-font);
    font-style: var(--meta-info-style);
    font-weight: var(--meta-info-weight);
    font-size: var(--meta-info-size);
    text-transform: var(--meta-info-transform);
    letter-spacing: var(--meta-info-spacing);
    cursor: text;
    color: currentColor;
}

#comment-thread-pagination [aria-current="page"]:last-child::after {
    content: "Next";
    display: -webkit-inline-box;
    display: -moz-inline-box!impotant;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    width: auto;
    margin-left: 0.625rem;
    padding: 0rem 0.313rem;
    text-align: right;
    font-family: var(--meta-info-font);
    font-style: var(--meta-info-style);
    font-weight: var(--meta-info-weight);
    font-size: var(--meta-info-size);
    text-transform: var(--meta-info-transform);
    letter-spacing: var(--meta-info-spacing);
    cursor: text;
    color: currentColor;
}


/* F) Tags
=================================*/

#single-post-loop .archive-post-tag-list li,
#single-page-loop .archive-post-tag-list li {
    padding: 0rem 0.313rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* G) Share Links
=================================*/

#archive-share-links #share-links-link li {
    padding: 0rem 0.313rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#archive-share-links #share-links-link li a {
    color: currentColor;    
}


/* H) Adjacent Next/Prev Posts
=================================*/

@media (min-width: 0px) and (max-width: 1249px) {

    #archive-adjacent-posts {
        display: none;
        opacity: 0;
        visibility: hidden; 
    }

}

@media (min-width: 1250px) {

    /* NEXT */

    #adjacent-next.adjacent-block-sticky {
        display: block;
        position: fixed;
        max-width: 18.75rem;
        height: auto;
        top: 0;
        bottom: 0;
        left: 0;
        margin-left: auto;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity 250ms ease 0ms, visibility 250ms ease 0ms;
        -moz-transition: opacity 250ms ease 0ms, visibility 250ms ease 0ms;
        -ms-transition: opacity 250ms ease 0ms, visibility 250ms ease 0ms;
        -o-transition: opacity 250ms ease 0ms, visibility 250ms ease 0ms;
        transition: opacity 250ms ease 0ms, visibility 250ms ease 0ms;
    }

    html.scroll-content #adjacent-next.adjacent-block-sticky {
        opacity: 1;
        visibility: visible;
    }

    #adjacent-next .adjacent-block-inner {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 10;
    }

    #adjacent-next .adjacent-next-text {
        position: absolute;
        left: 0.625rem;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: left top 0;
        -moz-transform-origin: left top 0;
        -ms-transform-origin: left top 0;
        -o-transform-origin: left top 0;
        transform-origin: left top 0;
        z-index: 12;
        cursor: pointer;
    }

    #adjacent-next .adjacent-block-content {
        position: absolute;
        width: 18.75rem;
        top: 50%;
        padding: 1.25rem 1.25rem 1.25rem 2.5rem;
        background-color: #F6F6F6;
        border-top: 1px solid #E1E1E1;
        border-right: 1px solid #E1E1E1;
        border-bottom: 1px solid #E1E1E1;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: opacity 250ms cubic-bezier(.25,.01,.42,.56) 150ms, visibility 250ms cubic-bezier(.25,.01,.42,.56) 175ms;
        -moz-transition: opacity 250ms cubic-bezier(.25,.01,.42,.56) 150ms, visibility 250ms cubic-bezier(.25,.01,.42,.56) 175ms;
        -ms-transition: opacity 250ms cubic-bezier(.25,.01,.42,.56) 150ms, visibility 250ms cubic-bezier(.25,.01,.42,.56) 175ms;
        -o-transition: opacity 250ms cubic-bezier(.25,.01,.42,.56) 150ms, visibility 250ms cubic-bezier(.25,.01,.42,.56) 175ms;
        transition: opacity 250ms cubic-bezier(.25,.01,.42,.56) 150ms, visibility 250ms cubic-bezier(.25,.01,.42,.56) 175ms;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #adjacent-next .adjacent-block-trigger:hover .adjacent-block-content {
        opacity: 1;
        visibility: visible;
    }

    #adjacent-next .ac-adjacent-next-item-title {
        font-style: normal;
        font-size: 1.375rem;
        text-transform: none;
        letter-spacing: 0em;
    }

    #adjacent-next .adjacent-block-content .archive-post-meta.post-meta-bullet span:nth-child(1) {
        font-family: var(--meta-info-font);
        font-style: italic;
        font-size: 0.75rem;
        color: var(--primary-colour);
        font-weight: 300!important;
    }

    #adjacent-next .adjacent-block-content .archive-post-meta.post-meta-bullet span:nth-child(2) {
        font-family: var(--meta-info-font);
        font-style: italic;
        font-size: 0.75rem;
        font-weight: var(--meta-info-weight);
        color: var(--primary-colour);        
    }

    /* PREVIOUS */

    #adjacent-prev.adjacent-block-sticky {
        display: block;
        position: fixed;
        max-width: 18.75rem;
        height: auto;
        top: 0;
        bottom: 0;
        right: 0;
        margin-right: auto;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity 250ms ease 0ms, visibility 250ms ease 0ms;
        -moz-transition: opacity 250ms ease 0ms, visibility 250ms ease 0ms;
        -ms-transition: opacity 250ms ease 0ms, visibility 250ms ease 0ms;
        -o-transition: opacity 250ms ease 0ms, visibility 250ms ease 0ms;
        transition: opacity 250ms ease 0ms, visibility 250ms ease 0ms;
    }

    html.scroll-content #adjacent-prev.adjacent-block-sticky {
        opacity: 1;
        visibility: visible;
    }

    #adjacent-prev .adjacent-block-inner {
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 10;
    }

    #adjacent-prev .adjacent-prev-text {
        position: absolute;
        top: 1rem;
        right: 0.625rem;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: right top 0;
        -moz-transform-origin: right top 0;
        -ms-transform-origin: right top 0;
        -o-transform-origin: right top 0;
        transform-origin: right top 0;
        z-index: 12;
        cursor: pointer;
    }

    #adjacent-prev .adjacent-block-content {
        position: absolute;
        width: 18.75rem;
        top: 50%;
        right: 0;
        padding: 1.25rem 2.5rem 1.25rem 1.25rem;
        background-color: #F6F6F6;
        border-top: 1px solid #E1E1E1;
        border-left: 1px solid #E1E1E1;
        border-bottom: 1px solid #E1E1E1;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: opacity 250ms cubic-bezier(.25,.01,.42,.56) 150ms, visibility 250ms cubic-bezier(.25,.01,.42,.56) 175ms;
        -moz-transition: opacity 250ms cubic-bezier(.25,.01,.42,.56) 150ms, visibility 250ms cubic-bezier(.25,.01,.42,.56) 175ms;
        -ms-transition: opacity 250ms cubic-bezier(.25,.01,.42,.56) 150ms, visibility 250ms cubic-bezier(.25,.01,.42,.56) 175ms;
        -o-transition: opacity 250ms cubic-bezier(.25,.01,.42,.56) 150ms, visibility 250ms cubic-bezier(.25,.01,.42,.56) 175ms;
        transition: opacity 250ms cubic-bezier(.25,.01,.42,.56) 150ms, visibility 250ms cubic-bezier(.25,.01,.42,.56) 175ms;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #adjacent-prev .adjacent-block-trigger:hover .adjacent-block-content {
        opacity: 1;
        visibility: visible;
    }

    #adjacent-prev .ac-adjacent-prev-item-title {
        font-style: normal;
        font-size: 1.375rem;
        text-transform: none;
        letter-spacing: 0em;
    }

    #adjacent-prev .adjacent-block-content .archive-post-meta.post-meta-bullet span:nth-child(1) {
        font-family: var(--meta-info-font);
        font-style: italic;
        font-size: 0.75rem;
        color: var(--primary-colour);
        font-weight: 300!important;
    }

    #adjacent-prev .adjacent-block-content .archive-post-meta.post-meta-bullet span:nth-child(2) {
        font-family: var(--meta-info-font);
        font-style: italic;
        font-size: 0.75rem;
        font-weight: var(--meta-info-weight);
        color: var(--primary-colour);
    }

}



/*===============================================================
 *
 *  10) PAGE CONTENT
 *  Styles for the Pages Content and other custom page templates.
 *
===============================================================*/

/* A) Archive Pages 
=================================*/

/* ADD CLASS ".post-meta-bullet"
 * Separate post categories with a bullet. */
.archive-post-meta.post-meta-bullet .archive-page-meta:nth-child(2) {
    font-family: var(--meta-info-font);
    font-style: italic;
    font-size: 0.75rem;
    font-weight: var(--meta-info-weight);
    text-transform: capitalize;
    color: var(--primary-colour);
    opacity: 1;
}


.archive-post-meta.post-meta-bullet .archive-page-meta:nth-child(1) {
    display: inline-block;
    position: relative;
    padding-right: 0em;
    font-family: var(--meta-info-font);
    font-style: italic;
    font-size: 0.75rem;
    font-weight: 300!important;
    text-transform: capitalize;
    color: currentColor;

}


/* B) Single Page Content 
=================================*/

#content-page-featured-section .desktop-view .style-anchor.headline-font {
    font-size: 2rem;
}

#content-page-featured-section .tablet-view .style-anchor.headline-font {
    font-size: 1.75rem;
}

#content-page-featured-section .mobile-view .style-anchor.headline-font {
    font-size: 1.625rem;
}


/* C) Single Content
=================================*/

#single-page-loop #single-page-content > p:first-of-type::first-letter {
    -webkit-initial-letter: 2 2;
    -moz-initial-letter: 2 2;
    -ms-initial-letter: 2 2;
    -o-initial-letter: 2 2;
    initial-letter: 2 2;
}

#single-page-content .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-section:first-child .elementor-widget-text-editor p:first-of-type::first-letter {
    -webkit-initial-letter: 2 2;
    -moz-initial-letter: 2 2;
    -ms-initial-letter: 2 2;
    -o-initial-letter: 2 2;
    initial-letter: 2 2;
}


#single-page-loop #single-page-content {
    display: block; 
    position: relative;
    width: 100%;
}

#single-page-loop #single-page-content p {
    margin: 0rem auto 1rem auto;
}


/* D) About Page: About
=================================*/

@media (min-width: 1021px) {

    body .max-width-calc {
        max-width: calc(9rem + (137.5 - 9) * ((100vw - 250px) / (1600 - 250))); 
    }

}

@media (min-width: 768px) and (max-width: 1020px) {

    body .max-width-calc {
        max-width: calc(8.75rem + (250 - 8.75) * ((100vw - 250px) / (1600 - 250))); 
    }

}

@media (max-width: 767px) {

    body .max-width-calc {
        max-width: calc(4.5rem + (250 - 4.5) * ((100vw - 250px) / (1600 - 250))); 
    }

}


/* E) Product Pages
=================================*/

#product-group .product-inner {
    display: block;
    position: static;
    max-width: 500px;
    margin: 0 auto;
}

@media (min-width: 1021px) {

    #product-group .product-wrapper .product-inner {
        padding: 0rem 1.25rem;
    }

}

@media (min-width: 768px) and (max-width: 1020px) {

    #product-group .product-wrapper .product-inner {
        padding: 0rem 1.25rem;
    }

}

#product-group #product-reviews-meta .product-reviews-quote > span:nth-child(2) {
    padding: 0rem 0.313rem;
    font-size: 0.625rem;
    text-transform: none !important;
}

body .slinkie-group {
    display: block;
    position: relative;
    width: 100%;
}

body .slinkie-group .slinkie-item {
    display: block;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #C6C6C6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body .slinkie-group .slinkie-item:nth-child(1) {
    margin-bottom: 1.25rem;
}

body .slinkie-group .slinkie-label {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 0.25rem;
    cursor: pointer;
}

body .slinkie-group .slinkie-label:after {
    content: "₊";
    display: inline-block;
    position: relative;
    width: auto;
    margin-bottom: 0.25rem;
    padding-left: 0.625rem;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: var(--body-size);
    line-height: 1.4em!important;
    float: right;
}

body .slinkie-group .slinkie-item.is-active .slinkie-label:after {
    content: "₋";
    display: inline-block;
    position: relative;
    width: auto;
    margin-bottom: 0.25rem;
    padding-left: 0.625rem;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: var(--body-size);
    line-height: 1.4em!important;
    float: right;
}

body .slinkie-group .slinkie-content {
    max-height: 0;
    padding-inline-start: 0px;
    overflow: hidden;
    -webkit-transition: max-height 445ms cubic-bezier(.42,0,.58,1) 0ms;
    -moz-transition: max-height 445ms cubic-bezier(.42,0,.58,1) 0ms;
    -ms-transition: max-height 445ms cubic-bezier(.42,0,.58,1) 0ms;
    -o-transition: max-height 445ms cubic-bezier(.42,0,.58,1) 0ms;
    transition: max-height 445ms cubic-bezier(.42,0,.58,1) 0ms;
}

body .slinkie-group .slinkie-content > * {
    margin: 0.625rem 0rem;
}


/* F) Search Page
=================================*/

#hero-page-search form.common-search {
    display: block;
    position: relative;
    padding-bottom: 3px;
    width: 100%;
    border-bottom: 1px solid var(--overlay-colour);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#hero-page-search form.common-search #search-bar-button {
    margin-left: 0.625rem;
}


/* G) Error Page
=================================*/

@media (min-width: 1021px) {

    #hero-page-error .cs-error-title.headline-font-look {
        font-size: 6rem;
    }

}

@media (min-width: 768px) and (max-width: 1020px) {

    #hero-page-error .cs-error-title.headline-font-look {
        font-size: 4.25rem;
    }

}

@media (max-width: 767px) {

    #hero-page-error .cs-error-title.headline-font-look {
        font-size: 3.375rem;
    }

}


/* H) Site Map
=================================*/

#single-page-map #map-container {
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-behavior: smooth;
    cursor: grab;
}

#single-page-map #map-container.grab-slide {
  -webkit-user-select: none; 
  -ms-user-select: none; 
  user-select: none;
  cursor: grabbing;
}

#single-page-map #map-container::-webkit-scrollbar {
    height: 0rem;
    background-color: #E5E6D6;
}

#single-page-map #map-buttons .map-button-spacer {
    position: relative;
    top: 2px;
    width: 12px;
    height: 1px;
    margin: 0rem 0.375rem;
    background-color: currentColor;
}

#single-page-map #map-buttons #map-button-left,
#single-page-map #map-buttons #map-button-right {
    -webkit-transition: opacity 250ms ease 0ms;
    -moz-transition: opacity 250ms ease 0ms;
    -ms-transition: opacity 250ms ease 0ms;
    -o-transition: opacity 250ms ease 0ms;
    transition: opacity 250ms ease 0ms;
    opacity: 1;
}

#single-page-map #map-buttons #map-button-left:hover,
#single-page-map #map-buttons #map-button-right:hover,
#single-page-map #map-buttons #map-button-left.is-active,
#single-page-map #map-buttons #map-button-right.is-active {
    opacity: .6;
}

#single-page-map #map-index {
    white-space: nowrap;
}

#single-page-map #map-index li,
#single-page-map #map-index li a {
    color: var(--primary-colour);
    -webkit-font-smoothing: antialiased;
}

/* Categories */
#single-page-map #map-index .map-index-item {
    padding: 0rem 1.25rem;
    -webkit-flex-flow: column wrap;
    -moz-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    -o-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    white-space: wrap;
}

#single-page-map #map-index .map-index-item:first-child {
    padding-left: 0rem!important;
}

#single-page-map #map-index .map-index-item:last-child {
    padding-right: 0rem!important;
}

#single-page-map #map-index .map-index-item > a {
    display: block;
    position: relative;
    margin-bottom: 1.25rem;
    font-family: var(--headline-font);
    font-style: var(--headline-style);
    font-weight: var(--headline-weight);
    font-size: var(--headline-size);
    text-transform: var(--headline-transform);
    letter-spacing: var(--headline-spacing);
}

#single-page-map #map-index .map-children-group-1,
#single-page-map #map-index .map-children-group-2 {
    position: relative;
    width: auto;
    height: 100%;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

#single-page-map #map-index .map-children-group-1 > .map-list-set-2 {
    position: relative;
    margin-bottom: 1.25rem;
}

#single-page-map #map-index .map-children-group-1 > .map-list-set-2 > a {
    position: relative;
    margin-bottom: 0.625rem;
    font-family: var(--meta-info-font);
    font-style: var(--meta-info-style);
    font-weight: var(--meta-info-weight);
    font-size: var(--meta-info-size);
    text-transform: var(--meta-info-transform);
    letter-spacing: var(--meta-info-spacing);
}

#single-page-map #map-index .map-category-posts > .map-list-set-3 {
    display: inline-block;
    position: relative;
    width: auto;
    font-family: var(--meta-info-font);
    font-style: normal;
    font-weight: 400;
    font-size: var(--meta-info-size);
    text-transform: none;
    letter-spacing: 0em;
    counter-increment: counter;
}

#single-page-map #map-index .map-category-posts > .map-list-set-3::before {
    content: counter(counter, lower-roman);
}

#single-page-map #map-index .map-category-posts > .map-list-set-3 > a {
    font-family: var(--meta-info-font);
    font-style: normal;
    font-weight: var(--meta-info-weight);
    font-size: var(--meta-info-size);
    text-transform: none;
    letter-spacing: 0em;
}



/*===============================================================
 *
 *  9) NAVIGATION
 *  Style adjustments for the navigation menus.
 *
===============================================================*/

body .topbar-font {
    font-family: var(--topbar-font);
    font-style: var(--topbar-style);
    font-weight: var(--topbar-weight);
    font-size: var(--topbar-size);
    text-transform: var(--topbar-transform);
    letter-spacing: var(--topbar-spacing);
    line-height: 1.4em;
}


/* A) Mobile Menu Styles
=================================*/

/* Level 1: Parent */
body.slide-nav-css .menu-sidebar [id*="menu-accordion-menu"] .nav-parent-font {
    font-family: var(--mobile-font);
    font-style: var(--mobile-style);
    font-weight: var(--mobile-weight);
    font-size: var(--mobile-size);
    text-transform: var(--mobile-transform);
    letter-spacing: var(--mobile-spacing);
    line-height: 1.4em;
    color: var(--mobile-menu-colour);
}


/* Level 2: Parent > Children */
body.slide-nav-css .menu-sidebar [id*="menu-accordion-menu"] .nav-submenu-font {
    font-family: var(--mobile-sub-font);
    font-style: var(--mobile-sub-style);
    font-weight: var(--mobile-sub-weight);
    font-size: var(--mobile-sub-size);
    text-transform: var(--mobile-sub-transform);
    letter-spacing: var(--mobile-sub-spacing);
    line-height: 1.4em;
    color: var(--mobile-menu-colour);
}


/* Drawer Footer: Additional Links */
body.slide-nav-css .menu-sidebar .drawer-footer a.nav-links-font {
    font-family: var(--mobile-links-font);
    font-style: var(--mobile-links-style);
    font-weight: var(--mobile-links-weight);
    font-size: var(--mobile-links-size);
    text-transform: var(--mobile-links-transform);
    letter-spacing: var(--mobile-links-spacing);
    line-height: 1.4em;
    color: var(--mobile-menu-colour);
}


/* C) Transitions
=================================*/

/* C.1) Topbar Item Overlay Colours
/* Overlay to change on scroll.
=================================*/

html.on-post body.global-nav-css #main-navigation .topbar-wrapper .topbar-font,
html.on-index body.global-nav-css #main-navigation .topbar-wrapper .topbar-font {
    color: var(--overlay-colour);
    -webkit-transition: color 250ms ease 300ms;
    -moz-transition: color 250ms ease 300ms;
    -ms-transition: color 250ms ease 300ms;
    -o-transition: color 250ms ease 300ms;
    transition: color 250ms ease 300ms;
}

html.on-post body.global-nav-css #main-navigation .topbar-wrapper #client-logo-img,
html.on-index body.global-nav-css #main-navigation .topbar-wrapper #client-logo-img,
html.on-post body.global-nav-css #main-navigation .topbar-wrapper #client-logo-small-img,
html.on-index body.global-nav-css #main-navigation .topbar-wrapper #client-logo-small-img {
    -webkit-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(131deg) brightness(104%) contrast(103%);
    -moz-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(131deg) brightness(104%) contrast(103%);
    -ms-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(131deg) brightness(104%) contrast(103%);
    -o-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(131deg) brightness(104%) contrast(103%);
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(131deg) brightness(104%) contrast(103%);
    -webkit-transition: filter 250ms ease 300ms;
    -moz-transition: filter 250ms ease 300ms;
    -ms-transition: filter 250ms ease 300ms;
    -o-transition: filter 250ms ease 300ms;
    transition: filter 250ms ease 300ms;
}

html.on-post body.global-nav-css #main-navigation .topbar-wrapper #client-logo-small-svg > svg,
html.on-index body.global-nav-css #main-navigation .topbar-wrapper #client-logo-small-svg > svg {
    fill: var(--overlay-colour);
    -webkit-transition: fill 250ms ease 300ms;
    -moz-transition: fill 250ms ease 300ms;
    -ms-transition: fill 250ms ease 300ms;
    -o-transition: fill 250ms ease 300ms;
    transition: fill 250ms ease 300ms;
}

html.on-post body.global-nav-css #main-navigation .topbar-wrapper #client-logo-small-text,
html.on-index body.global-nav-css #main-navigation .topbar-wrapper #client-logo-small-text {
    color: var(--overlay-colour);
    -webkit-transition: color 250ms ease 300ms;
    -moz-transition: color 250ms ease 300ms;
    -ms-transition: color 250ms ease 300ms;
    -o-transition: color 250ms ease 300ms;
    transition: color 250ms ease 300ms;
}


/* Change colour on scroll. */
html.on-post body.global-nav-css #main-navigation.fade-in .topbar-wrapper .topbar-font,
html.on-index body.global-nav-css #main-navigation.fade-in .topbar-wrapper .topbar-font {
    color: var(--primary-colour);    
}

html.on-post body.global-nav-css #main-navigation.fade-in .topbar-wrapper #client-logo-img,
html.on-index body.global-nav-css #main-navigation.fade-in .topbar-wrapper #client-logo-img,
html.on-post body.global-nav-css #main-navigation.fade-in .topbar-wrapper #client-logo-small-img,
html.on-index body.global-nav-css #main-navigation.fade-in .topbar-wrapper #client-logo-small-img {
    -webkit-filter: invert(0%) sepia(0%) saturate(19%) hue-rotate(342deg) brightness(83%) contrast(104%);
    -moz-filter: invert(0%) sepia(0%) saturate(19%) hue-rotate(342deg) brightness(83%) contrast(104%);
    -ms-filter: invert(0%) sepia(0%) saturate(19%) hue-rotate(342deg) brightness(83%) contrast(104%);
    -o-filter: invert(0%) sepia(0%) saturate(19%) hue-rotate(342deg) brightness(83%) contrast(104%);
    filter: invert(0%) sepia(0%) saturate(19%) hue-rotate(342deg) brightness(83%) contrast(104%);
}

html.on-post body.global-nav-css #main-navigation.fade-in .topbar-wrapper #client-logo-small-svg > svg,
html.on-index body.global-nav-css #main-navigation.fade-in .topbar-wrapper #client-logo-small-svg > svg {
    fill: var(--primary-colour);    
}

html.on-post body.global-nav-css #main-navigation.fade-in .topbar-wrapper #client-logo-small-text,
html.on-index body.global-nav-css #main-navigation.fade-in .topbar-wrapper #client-logo-small-text {
    color: var(--primary-colour);    
}


/* C.2) Topbar Item Colours
/* No transition on scroll.
=================================*/

html.on-page body.global-nav-css #main-navigation .topbar-wrapper .topbar-font {
    color: var(--primary-colour);    
}

html.on-page body.global-nav-css #main-navigation .topbar-wrapper #client-logo-img,
html.on-page body.global-nav-css #main-navigation .topbar-wrapper #client-logo-small-img {
    -webkit-filter: invert(0%) sepia(0%) saturate(19%) hue-rotate(342deg) brightness(83%) contrast(104%);
    -moz-filter: invert(0%) sepia(0%) saturate(19%) hue-rotate(342deg) brightness(83%) contrast(104%);
    -ms-filter: invert(0%) sepia(0%) saturate(19%) hue-rotate(342deg) brightness(83%) contrast(104%);
    -o-filter: invert(0%) sepia(0%) saturate(19%) hue-rotate(342deg) brightness(83%) contrast(104%);
    filter: invert(0%) sepia(0%) saturate(19%) hue-rotate(342deg) brightness(83%) contrast(104%);
}

html.on-page body.global-nav-css #main-navigation .topbar-wrapper #client-logo-small-svg > svg {
    fill: var(--primary-colour);    
}

html.on-page body.global-nav-css #main-navigation .topbar-wrapper #client-logo-small-text {
    color: var(--primary-colour);    
}



/*===============================================================
 *
 *  11) SUBSCRIBE
 *  Subscribe/Newsletter pop-up styles.
 *
===============================================================*/

/* A) Subscribe Modal
=================================*/

body .subscribe-text-colour,
body .subscribe-text-colour a,
body form .subscribe-text-colour > input,
body form .subscribe-text-colour > input::placeholder {
    color: var(--subscribe-text-colour);
}

body .subscribe-bg-colour {
    background-color: var(--subscribe-bg-colour);
}

#form-subscribe .subscribe-policy {
    display: block;
    position: relative;
    line-height: 1.4em;
    color: currentColor;
}

#form-subscribe .subscribe-policy a {
  text-decoration: underline;
  text-decoration-style: solid;
  color: var(--subscribe-text-colour);
}

#form-subscribe .subscribe-exit-button {
  font-family: var(--meta-info-small-font);
  font-style: italic;
  font-weight: var(--meta-info-small-weight);
  font-size: 0.75rem;
  text-transform: none;
  letter-spacing: 0em;
}


/* B) JetPack Subscribe
=================================*/

#form-subscribe .wp-block-jetpack-subscriptions.wp-block-jetpack-subscriptions__supports-newline .wp-block-jetpack-subscriptions__form, 
#form-subscribe .wp-block-jetpack-subscriptions.wp-block-jetpack-subscriptions__supports-newline form {
    display: -webkit-box!important;
    display: -moz-box!important;
    display: -ms-flexbox!important;
    display: -webkit-flex!important;
    display: flex!important;
    -webkit-flex-flow: row wrap!important;
    -ms-flex-flow: row wrap!important;
    flex-flow: row wrap!important;
    position: relative!important;
    width: 100%!important;
    border-bottom-width: 0.063rem!important;
    border-bottom-style: solid!important;
    border-color: var(--subscribe-text-colour)!important;
}

#form-subscribe .wp-block-jetpack-subscriptions.wp-block-jetpack-subscriptions__supports-newline:not(.wp-block-jetpack-subscriptions__use-newline) .is-not-subscriber .wp-block-jetpack-subscriptions__form-elements {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-flow: row wrap !important;
    -ms-flex-flow: row wrap !important;
    flex-flow: row wrap !important;
    position: relative!important;
    width: 100%!important;
}

#form-subscribe #subscribe-form-jetpack #subscribe-email {
    display: -webkit-inline-box!important;
    display: -moz-inline-box!important;
    display: -ms-inline-flexbox!important;
    display: -webkit-inline-flex!important;
    display: inline-flex!important;
    -webkit-flex: 1 1 auto!important;
    -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important;
    -webkit-flex-flow: column nowrap!important;
    -ms-flex-flow: column nowrap!important;
    flex-flow: column nowrap!important;    
    position: relative!important;
    height: 100%!important;
    padding-bottom: 3px!important;
}

#form-subscribe #subscribe-form-jetpack #subscribe-email input {
    width: 100%!important;
    padding: 0rem!important;
    font-family: var(--meta-info-font)!important;
    font-style: var(--meta-info-style)!important;
    font-weight: var(--meta-info-weight)!important;
    font-size: var(--meta-info-size)!important;
    text-transform: var(--meta-info-transform)!important;
    letter-spacing: var(--meta-info-spacing)!important;
    line-height: 1em!important;
    color: var(--subscribe-text-colour)!important;
    border: none!important;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
    box-shadow: none!important;
    background-color: transparent!important;
    text-indent: 0px!important;
}

#form-subscribe #subscribe-form-jetpack #subscribe-submit {
    display: -webkit-inline-box!important;
    display: -moz-inline-box!important;
    display: -ms-inline-flexbox!important;
    display: -webkit-inline-flex!important;
    display: inline-flex!important;
    -webkit-flex: 0 1 auto!important;
    -ms-flex: 0 1 auto!important;
    flex: 0 1 auto!important;
    -webkit-flex-flow: column nowrap!important;
    -ms-flex-flow: column nowrap!important;
    flex-flow: column nowrap!important;
    position: relative!important;
    width: auto!important;
    height: 100%!important;
    margin-top: 0!important;
    margin-left: 0.625rem!important;
    margin-bottom: 0!important;
    margin-right: 0!important;
}

#form-subscribe #subscribe-form-jetpack #subscribe-submit button {
    position: relative;
    width: auto!important;
    text-align: center;
    padding: 0!important;
    margin: 0!important;
    font-family: var(--meta-info-font)!important;
    font-style: var(--meta-info-style)!important;
    font-weight: var(--meta-info-weight)!important;
    font-size: var(--meta-info-size)!important;
    text-transform: var(--meta-info-transform)!important;
    letter-spacing: var(--meta-info-spacing)!important;
    line-height: 1.4em!important;
    color: var(--subscribe-text-colour);
    border-radius: 0!important;
    border-width: 0rem!important;
    border-style: solid!important;
    border-color: transparent!important;
    background-color: transparent!important;
    opacity: 1!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

#form-subscribe #subscribe-form-jetpack #subscribe-submit button:hover {
    background-color: transparent!important;
    border-color: transparent;!important;
    color: var(--subscribe-text-colour)!important;
    opacity: 1!important;
}



/*===============================================================
 *
 *  12) FOOTER
 *  Styles for elements within the Footer.
 *
===============================================================*/

/* A) Footer Info
=================================*/

#footer #footer-info .mc-footer-info-title.headline-font-look {
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0em;
}

@media (max-width: 767px) {

    #footer #footer-info .mc-footer-info-title.headline-font-look {
        font-size: 1.625rem;
    }

}


#footer #footer-info .mc-footer-info-notice {
    font-style: italic;
    font-size: 0.75rem;
}


/* B) Footer Credits
=================================*/

#footer #footer-credits {
   -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html body #credits-wrap,
html body #copyright-credits,
html body #copyright-credits a {
    display: inline-block!important;
    opacity: 1!important;
    visibility: visible!important;
}


/* C) Social Feed
=================================*/

#data-socials-group .data-socials-item {
    margin-right: 0.313rem;
    margin-left: 0.313rem;
}

#data-carousel {
    position: relative;
    overflow: hidden;
}

#data-carousel * {
    white-space: nowrap;
}

#data-carousel-inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#data-carousel[data-direction="left"] [data-carousel-content="loop"] {
    -webkit-animation-name: carousel-left;
    -moz-animation-name: carousel-left;
    -ms-animation-name: carousel-left;
    -o-animation-name: carousel-left;
    animation-name: carousel-left;
}

[data-carousel-content="loop"] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
   -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -ms-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
    will-change: transform;
}

/* Slide Left */
@-webkit-keyframes carousel-left {
    0% { -webkit-transform: translateZ(0); }
    100% {-webkit-transform: translate3d(-100%,0,0); }
}

@-moz-keyframes carousel-left {
    0% { -moz-transform: translateZ(0); }
    100% { -moz-transform: translate3d(-100%,0,0); }
}

@-ms-keyframes carousel-left {
    0% { -ms-transform: translateZ(0); }
    100% { -ms-transform: translate3d(-100%,0,0); }
}

@-o-keyframes carousel-left {
    0% { -o-transform: translateZ(0); }
    100% { -o-transform: translate3d(-100%,0,0); }
}

@keyframes carousel-left {
    0% { transform: translateZ(0); }
    100% { transform: translate3d(-100%,0,0); }
}

#data-carousel-item {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.data-carousel-image {
    width: 200px;
    height: 200px;
    margin: 10px;
}

.data-carousel-image > [data-carousel-height] > div {
    height: 100%;
}

.data-carousel-image .data-carousel-overlay {
    opacity: 0;
    background-color: rgba(0, 0, 0, .6);
    -webkit-transition: opacity 460ms ease 0s;
    -moz-transition: opacity 460ms ease 0s;
    -o-transition: opacity 460ms ease 0s;
    transition: opacity 460ms ease 0s;
}

.data-carousel-image:hover .data-carousel-overlay {
    opacity: 1;
}

.data-carousel-image .data-carousel-overlay .data-carousel-icon {
    fill: var(--overlay-colour);
    width: 1.75em;
    height: 1.75em;
    opacity: 0;
}

.data-carousel-image .data-carousel-overlay .data-carousel-icon {
    fill: var(--overlay-colour);
    width: 1.75em;
    height: 1.75em;
    opacity: 0;
}























#query-dropdown .query-sort-drown {
    display: block;
    position: relative;
}


#query-dropdown input.query-srot-trigger {
    display: none;
}

#query-dropdown .query-date-asc-label,
#query-dropdown .query-date-desc-label {
    display: inline-block;
    position: relative;
}