/*
Theme Name: metro2025
Theme URI: https://metrograph.com
Author: Peter Gerard
Author URI: https://pgerard.com
Description: Metrograph block-based theme.
Version: 1.0.59
Requires at least: 5.2
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: metro2025

*/

/* blue #2a317d red #ec2027 cream #fff3e3 gold #8f824c */

/* Typography - Font Imports (GT Pressura, Fugue, Darleston) */
@import url("fonts/fonts.css");

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
i, cite, em, var, address, dfn {
    font-style: italic;
}
b, strong {
    font-weight: bold;
}
html {
    scroll-behavior: smooth;
}
body {
    font-family: 'Fugue', Helvetica, Arial, sans-serif;
    background-color: #fff3e3;
    color: #2a317d;
}
input, select {
    font-family: 'Fugue', Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6, 
#header a#myaccount,
legend,
.wp-element-button,
input[type="submit"],
.wp-block-button__link,
a.button,
button {
    font-family: 'GT Pressura', Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}
h1 {
    font-size: 300%;
}
h2 {
    font-size: 240%;
}
h3 {
    font-size: 190%;
}
h4 {
    font-size: 150%;
}
h5 {
    font-size: 120%;
}


a {
    text-decoration: none;
    text-decoration-skip-ink: auto;
    color: #ec2027;
}
a:hover {
    color: #2a317d;
}
a.metrograph-blue:hover {
    color: #ec2027!important;
}
a[href^="tel"] {
    color: inherit;
    text-decoration: none;
}
button {
    outline: 0;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}
q {
    display: inline;
    font-style: italic;
}
q:before {
    content: '"';
    font-style: normal;
}
q:after {
    content: '"';
    font-style: normal;
}
textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="search"],
input[type="password"] {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
th,
td {
    padding: 2px;
}
big {
    font-size: 120%;
}
small,
sup,
sub {
    font-size: 80%;
}
sup {
    vertical-align: super;
}
sub {
    vertical-align: sub;
}
dd {
    margin-left: 20px;
}
kbd,
tt {
    font-family: courier;
    font-size: 12px;
}
ins {
    text-decoration: none
}
del,
strike,
s {
    text-decoration: line-through;
}
dt {
    font-weight: bold;
}
address,
cite,
var {
    font-style: italic;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}
.sticky {
}
.bypostauthor {
}
.wp-caption {
}
.wp-caption-text {
}
.gallery-caption {
}
.alignright {
    text-align: right;
}
.alignleft {
    text-align: left;
}
.aligncenter {
    text-align: center;
}
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    word-break: normal;
}
.screen-reader-text:focus {
    background-color: #f7f7f7;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #007acc;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    right: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}
.skip-link {
    left: -9999rem;
    top: 2.5rem;
    z-index: 999999999;
    text-decoration: underline;
}
.skip-link:focus {
    display: block;
    left: 6px;
    top: 7px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    line-height: normal;
    padding: 15px 23px 14px;
    z-index: 100000;
    right: auto;
}
.visually-hidden:not(:focus):not(:active),
.form-allowed-tags:not(:focus):not(:active) {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
}

/* main wrapper */


#wrapper > div#container {
    max-width: 1200px;
    margin: auto;
}
#wrapper > div#container main#content {
    font-size: 17px;
}

/* header */

header#header {
    padding-top: 15px;
    margin-bottom: 30px;
    position: sticky;
    top: 0;
    z-index: 1000;
    background-color: #fff3e3;
    transition: box-shadow 0.3s ease;
}
body.scrolled {
    padding-bottom: 48px;
}

#header ul.sub-menu,
#header div#header-inner,
#header nav#menu {
    max-width: 1200px;
    margin: auto;
}
#header div#header-inner {

    position: relative;
    margin-bottom: 1em;
}

#header #header-right {
    position: absolute;
    right: 0;
    top: 10px;
    transition: top 0.3s linear;
    display: flex;
    gap: 10px;
}
.scrolled #header #header-right {
    top: 5px;
}
#header #header-right .cart {
    display: block;
    width: 30px;
    padding-top: 2px;
}
#header #header-right .cart img {
    width: 20px;
    height: 20px;
    display: block;
}

/* Add border when scrolled */
.scrolled #header {
    border-bottom: 1px solid #2a317d;
    box-shadow: 0 2px 4px rgba(42, 49, 125, 0.1);
}

#header #branding a {
    display: block;
    margin: auto;
}
#header #branding a,
#header #branding img {
    max-width: 340px;
    transition: max-width 0.3s linear;
    height: auto;
}
.scrolled #header #branding a,
.scrolled #header #branding img {
    max-width: 220px;
}
#header a#myaccount {
    color: #2a317d;
}

#header.search-open a#myaccount {
    display: none;
}
@media (max-width: 768px) {
    #header.search-open #header-right .cart  {
        display: none;
    }
}
#header input[type="search"] {
    display: none;
}
#header.search-open input[type="search"] {
    display: inline-block;
}

#header #search {
    text-align: right;
}
#header .search-field {
    width: 120px;
}
#header #search input[type="submit"] {
    background: url(images/metrograph_searchicon.png) center center / 20px 20px no-repeat;
    border: 0;
    display: inline-block;
    height: 25px;
    width:  25px;
    color: transparent;
    overflow: hidden;
    padding: 5px 2px;
}

/* nav menus */

#header nav#menu ul {
    display: flex;
    justify-content: center;
    gap: 10px;
}
#header nav#menu ul li {
    flex: 1 1 0px;
    max-width: 100px;
    padding-bottom: 15px;
}
#header nav#menu li, 
#footer nav li {
    display: inline-block;
    margin-right: 10px;
}
#header nav#menu li a,
#footer nav li a {
    color: #2a317d;
}
#header nav#menu li a:hover,
#footer nav li a:hover {
    color: #ec2027;
}
#header nav a,
#footer nav a {
    text-decoration: none;
}
#header nav#menu a {
    display: grid;
    grid-template-rows: 32px auto;
    transition: grid-template-rows 0.3s linear;
    justify-items: center;
    gap: 2px;
}
.scrolled #header nav#menu a {
    grid-template-rows: 0px auto;
    gap: 0px;
}

#header nav#submenu {
    background-color: #2a317d;
    grid-column-start: 1;
    grid-column-end: span end;
}
#header nav#submenu ul {
    width: 100%;
    display: grid;
    justify-items: center;
    padding: 6px;
}
#header nav#submenu a {
    color: #fff3e3;
}
#header nav#submenu li {
    display: block;
    text-align: center;
    grid-row: 1;
}
#header nav#menu li.current-menu-item a,
#header nav#menu li.current-menu-parent a,
#footer nav li.current-menu-item a,
#footer nav li.current-menu-parent a,
#header nav#menu li a[aria-current="page"],
#footer nav li a[aria-current="page"] {
    text-decoration: underline;
    color: #ec2027;
}
#header nav#submenu li.current-menu-item a,
#header nav#submenu li.current-menu-parent a,
#header nav#submenu li a[aria-current="page"] {
    text-decoration: underline;
}
#header nav#menu li.current-menu-item.menu-item-has-children,
#header nav#menu li.current-menu-parent.menu-item-has-children {
    text-decoration: underline;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='98.73' height='49.36' viewBox='0 0 98.73 49.36'><polygon fill='%232a317d' points='98.73 49.36 0 49.36 49.36 0 98.73 49.36'/></svg>");
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center calc(100% + 2px);
}

/* Mobile Navigation */
#mobile-nav {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff3e3;
    border-top: 1px solid #2a317d;
    z-index: 1001;
    box-shadow: 0 -2px 10px rgba(42, 49, 125, 0.1);
}

#mobile-nav ul {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0;
    padding: 0 20px;
}

#mobile-nav li {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 10px 0;
}
#mobile-nav li.current-menu-item.menu-item-has-children,
#mobile-nav li.current-menu-parent.menu-item-has-children {
    text-decoration: underline;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 98.7 49.4'><polygon fill='%232a317d' points='0 0 98.7 0 49.4 49.4 0 0'/></svg>");
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center calc(0% - 1px);
}
#mobile-nav li .sub-menu {
    display: none;
}

#mobile-nav a {
    color: #2a317d;
    text-decoration: none;
    font-size: 12px;
    padding: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

#mobile-nav a:hover {
    color: #ec2027;
}

#mobile-nav .current-menu-item a,
#mobile-nav .current-menu-parent a {
    color: #ec2027;
    text-decoration: underline;
}

#mobile-nav .nav-icon,
#header nav#menu .nav-icon {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#header nav#menu .nav-icon {
    width: 32px;
    height: 32px;
    transition: width 0.3s linear, height 0.3s linear;
}
.scrolled #header nav#menu .nav-icon {
    width: 0px;
    height: 0px;
}

#header nav#menu .icon-camera .nav-icon,
#mobile-nav .icon-camera .nav-icon {
    background-image: url(images/camera-blue.svg);
}
#header nav#menu .icon-tv .nav-icon,
#mobile-nav .icon-tv .nav-icon {
    background-image: url(images/tv-blue.svg);
}
#header nav#menu .icon-martini .nav-icon,
#mobile-nav .icon-martini .nav-icon {
    background-image: url(images/martini-glass-blue.svg);
}
#header nav#menu .icon-key .nav-icon,
#mobile-nav .icon-key .nav-icon {
    background-image: url(images/key-blue.svg);
}
#header nav#menu .icon-book .nav-icon,
#mobile-nav .icon-book .nav-icon {
    background-image: url(images/book-blue.svg);
}
#header nav#menu .icon-bag .nav-icon,
#mobile-nav .icon-bag .nav-icon {
    background-image: url(images/shopping-bag-blue.svg);
}

#header nav#menu .current-menu-item.icon-camera .nav-icon,
#mobile-nav .current-menu-item.icon-camera .nav-icon,   
#header nav#menu .current-menu-parent.icon-camera .nav-icon,
#mobile-nav .current-menu-parent.icon-camera .nav-icon,
#header nav#menu .icon-camera a:hover .nav-icon,
#mobile-nav .icon-camera a:hover .nav-icon {
    background-image: url(images/camera-red.svg);
}

#header nav#menu .current-menu-item.icon-tv .nav-icon,
#mobile-nav .current-menu-item.icon-tv .nav-icon,
#header nav#menu .current-menu-parent.icon-tv .nav-icon,
#mobile-nav .current-menu-parent.icon-tv .nav-icon,
#header nav#menu .icon-tv a:hover .nav-icon,
#mobile-nav .icon-tv a:hover .nav-icon {
    background-image: url(images/tv-red.svg);
}

#header nav#menu .current-menu-item.icon-martini .nav-icon,
#mobile-nav .current-menu-item.icon-martini .nav-icon,
#header nav#menu .current-menu-parent.icon-martini .nav-icon,
#mobile-nav .current-menu-parent.icon-martini .nav-icon,
#header nav#menu .icon-martini a:hover .nav-icon,
#mobile-nav .icon-martini a:hover .nav-icon {
    background-image: url(images/martini-glass-red.svg);
}

#header nav#menu .current-menu-item.icon-key .nav-icon,
#mobile-nav .current-menu-item.icon-key .nav-icon,
#header nav#menu .current-menu-parent.icon-key .nav-icon,
#mobile-nav .current-menu-parent.icon-key .nav-icon,
#header nav#menu .icon-key a:hover .nav-icon,
#mobile-nav .icon-key a:hover .nav-icon {
    background-image: url(images/key-red.svg);
}

#header nav#menu .current-menu-item.icon-book .nav-icon,
#mobile-nav .current-menu-item.icon-book .nav-icon,
#header nav#menu .current-menu-parent.icon-book .nav-icon,
#mobile-nav .current-menu-parent.icon-book .nav-icon,
#header nav#menu .icon-book a:hover .nav-icon,
#mobile-nav .icon-book a:hover .nav-icon {
    background-image: url(images/book-red.svg);
}

#header nav#menu .current-menu-item.icon-bag .nav-icon,
#mobile-nav .current-menu-item.icon-bag .nav-icon,
#header nav#menu .current-menu-parent.icon-bag .nav-icon,
#mobile-nav .current-menu-parent.icon-bag .nav-icon,
#header nav#menu .icon-bag a:hover .nav-icon,
#mobile-nav .icon-bag a:hover .nav-icon {
    background-image: url(images/shopping-bag-red.svg);
}


/* footer */

footer#footer {
    border-top: 0.5px solid #2a317d;
    width: 100%;
    display: grid;
    grid-template-columns: 45% 10% 45%;
    padding-top: 1em;
    padding-bottom: 1em;
    align-items: center;
    font-size: 80%;
    margin-top: 2em;
}
footer#footer nav li {
    margin-right: 20px;
}
footer#footer nav li:last-child {
    margin-right: 0;
}
footer#footer #footer_mail_list_social {
    text-align: center;
    display: grid;
    grid-template-columns: 60% 40%;
    align-items: center;
}

footer#footer #footer_mail_list_social .social {
    display: flex;
    justify-content: space-evenly;
}
footer#footer #footer_mail_list_social .social img {
    display: block;
    width: 18px;
    height: 18px;
}
footer#footer #footer_mail_list_social .mailing_list {
    text-align: center;
}
footer#footer #footer_menu {
    text-align: center;
}
footer#footer #copyright {
    text-align: center;
}
footer#footer #copyright img {
    display: block;
    margin: 0px auto;
}
@media (max-width: 768px) {
    footer#footer {
        display: block;
    }
    footer#footer #footer_menu {
        padding: 0px 15px;
    }
    footer#footer #footer_mail_list_social {
        display: block;
        padding: 0px 15px;
    }
    footer#footer #footer_mail_list_social .mailing_list {
        margin-bottom: 1em;
    }
    footer#footer #footer_mail_list_social .mailing_list form {
        margin: 0px auto;
    }
    footer#footer #copyright img {
        margin: 1em auto;
    }
    footer#footer nav li {
        margin-bottom: 1em;
    }
}

/* block styles */

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


.is-style-tight-columns .wp-block-column > p,
.is-style-tight-columns .wp-block-column > h1,
.is-style-tight-columns .wp-block-column > h2,
.is-style-tight-columns .wp-block-column > h3,
.is-style-tight-columns .wp-block-column > h4,
.is-style-tight-columns .wp-block-column > h5,
.is-style-tight-columns .wp-block-column > h6,
.is-style-tight-columns .wp-block-column > ul {
    margin-left: 15px;
    margin-right: 15px;
}

.wp-block-column > p:first-child,
.wp-block-column > h1:first-child,
.wp-block-column > h2:first-child,
.wp-block-column > h3:first-child,
.wp-block-column > h4:first-child,
.wp-block-column > h5:first-child,
.wp-block-column > h6:first-child,
.wp-block-column > ul:first-child,
.wp-block-column > div:not(.wp-block-cover):first-child {
    margin-top: 15px;
}

.wp-block-column > p:last-child,
.wp-block-column > h1:last-child,
.wp-block-column > h2:last-child,
.wp-block-column > h3:last-child,
.wp-block-column > h4:last-child,
.wp-block-column > h5:last-child,
.wp-block-column > h6:last-child,
.wp-block-column > ul:last-child,
.wp-block-column > div:not(.wp-block-cover):last-child {
    margin-bottom: 15px;
}

p {
    margin-bottom: 0.75em;
}
ul.wp-block-jetpack-sharing-buttons {
    margin: 0.5em 0px;
}

.has-red-color.has-text-color {
  color: #ec2027!important;
}
.has-red-color.has-text-color:not(.wp-block-heading) a:not(.wp-block-button__link) {
    color: #2a317d!important;
}
.has-red-color.has-text-color:not(.wp-block-heading) a:not(.wp-block-button__link):hover {
    color: #ec2027!important;
}

.has-blue-color.has-text-color {
  color: #2a317d!important;
}

.has-cream-color.has-text-color {
  color: #fff3e3!important;
}

.has-white-color.has-text-color {
  color: #fff!important;
}
.has-white-color.has-text-color:not(.wp-block-heading) a:not(.wp-block-button__link),
.has-cream-color.has-text-color:not(.wp-block-heading) a:not(.wp-block-button__link) {
    color: #ec2027!important;
}
.has-white-color.has-text-color:not(.wp-block-heading) a:not(.wp-block-button__link):hover,
.has-cream-color.has-text-color:not(.wp-block-heading) a:not(.wp-block-button__link):hover {
    color: #8f824c!important;
}

.has-black-color.has-text-color {
  color: #000!important;
}

.has-gold-color.has-text-color {
  color: #8f824c!important;
}

.has-gold-color.has-text-color:not(.wp-block-heading) a:not(.wp-block-button__link),
.has-black-color.has-text-color:not(.wp-block-heading) a:not(.wp-block-button__link),
.has-blue-color.has-text-color:not(.wp-block-heading) a:not(.wp-block-button__link) {
    color: #ec2027!important;
}
.has-black-color.has-text-color:not(.wp-block-heading) a:not(.wp-block-button__link):hover,
.has-gold-color.has-text-color:not(.wp-block-heading) a:not(.wp-block-button__link):hover,
.has-blue-color.has-text-color:not(.wp-block-heading) a:not(.wp-block-button__link):hover {
    color: #2a317d!important;
}


.has-black-background-color.has-background {
    color: #fff3e3;
}

.has-blue-background-color.has-background {
    background-color: #2a317d;
    color: #fff3e3;
}

a.has-blue-background-color.has-background:hover {
    background-color: #ec2027!important;
}

.wp-block-button.is-style-outline--1 .wp-block-button__link.has-red-color.has-text-color:hover {
    background-color: #ec2027!important;
    color: #fff3e3!important;
}

/* buttons */
a.btn.btn-primary {
    display: inline-block;
    padding: 0.5em 1em;
    font-family: 'GT Pressura', Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    margin-bottom: 0.5em;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button,
a.btn.btn-primary {
    background-color: #ec2027;
    color: #fff3e3;
    border-radius: 6px;
    border: none;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover,
a.btn.btn-primary:hover {
    background-color: #2a317d;
    color: #fff3e3;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt,
.wp-element-button, input[type="submit"] {
    background-color: #2a317d;
    color: #fff3e3;
    border-radius: 6px;
    border: none;
}

.woocommerce a.button.alt:hover,
.wp-element-button:hover, 
input[type="submit"]:hover {
    background-color: #ec2027;
    color: #fff3e3;
}

.wp-block-button__link {
    background-color: #ec2027;
    color: #fff3e3;
    border-radius: 6px;
}
.wp-block-button__link:hover {
    background-color: #2a317d;
    color: #fff3e3;
}
.wp-block-button.is-style-outline--2 .wp-block-button__link {
    color: #ec2027;
    background-color: transparent;
}
.wp-block-button.is-style-outline--2 .wp-block-button__link:hover {
    color: #2a317d;
}

.wp-block-woocommerce-product-button.has-small-font-size button,
.wp-block-woocommerce-product-button.has-small-font-size a.wp-block-button__link {
    padding: calc(0.3em + 2px) calc(0.6em + 2px);
}

@media (max-width: 768px) {
    .wp-block-cover, .wp-block-cover-image {
        min-height: 56.25vw;
    }
}


/* inputs */

input[type="text"], input[type="number"], input[type="search"], input[type="email"], select {
    border: 1px solid #8f824c;
    border-radius: 6px;
    padding: 2px 6px;
    color: #2a317d;
}

input, select {
    background-color: #fff;
    font-size: 100%;
}

/* post */
article.post.type-post:not(.category-press-release), 
article.post.type-post:not(.category-press-release) p,
article.post.type-post:not(.category-press-release) .wp-block-list li,
.wp-block-latest-posts {
    font-family: 'Ionic Modern Micro', 'Times New Roman', Times, serif;
}

body.archive.author #content header.header,
body.archive.author #content header.header p {
    font-family: 'Ionic Modern Micro', 'Times New Roman', Times, serif;
}


article.post.type-post:not(.category-press-release) h1,
article.post.type-post:not(.category-press-release) h2,
article.post.type-post:not(.category-press-release) h3,
article.post.type-post:not(.category-press-release) h4,
article.post.type-post:not(.category-press-release) h5,
article.post.type-post:not(.category-press-release) h6,
article.post.type-post:not(.category-press-release) .wp-block-heading {
    font-family: 'HB Goblet A Text', Helvetica, Arial, sans-serif;
    text-transform: none;
    line-height: 1.1em;
}


body.archive.author #content header.header h1,
body.archive.author #content header.header h2,
body.archive.author #content header.header h3,
body.archive.author #content header.header h4,
body.archive.author #content header.header h5,
body.archive.author #content header.header h6 {
    font-family: 'HB Goblet A Text', Helvetica, Arial, sans-serif;
    text-transform: none;
}


article.post.type-post h1 {
    font-size: 200%;
    margin: 0.4em 0px;
}
article.post.type-post h2 {
    font-size: 175%;
}
article.post.type-post h3 {
    font-size: 150%;
}
article.post.type-post h4 {
    font-size: 125%;
}
article.post.type-post h5 {
    font-size: 110%;
}


ul.wp-block-list, 
ol.wp-block-list {
    margin-left: 2em;
    margin-bottom: 1em;
}
ul.wp-block-list {
    list-style-type: disc;
}
ol.wp-block-list {
    list-style-type: decimal;
}
.wp-block-list li {
    margin-bottom: 0.5em;
    line-height: 1.6em;
}

blockquote.wp-block-quote {
    margin-left: 2em;
    margin-bottom: 1em;
    font-style: italic;
}


.post.type-post header.essay-post,
.post.type-post .content-and-sidebar {
    display: grid;
    grid-template-columns: auto 250px;
    gap: 1em;
}
.post.type-post header.list-post {
    text-align: center;
}
.post.type-post header {
    position: relative;
    margin-bottom: 1em;
    align-items: center;
}
.post.type-post header .author {
    margin: 1em 0px;
}
.post.type-post header h1 {
    font-size: 250%;
}
.post.type-post header img.wp-post-image {
    max-width: 100%;
    height: auto;
}

.post.type-post .single-content p,
.post.type-post header .excerpt {
    margin-bottom: 1em;
    line-height: 1.6em;
}
.post.type-post header .share {
    font-style: italic;
}
.post.type-post header .post-edit-link {
    position: absolute;
    right: 0px;
    top: 0px;
    font-style: italic;
    font-size: 50%;
}
.post.type-post:not(.category-press-release) .single-content figcaption {
    color: #ec2027;
    font-family: 'HB Goblet A Text', Helvetica, Arial, sans-serif;
}
.post.type-post .single-content .about-author {
    border-bottom: 0.5px solid #2a317d;
    border-top: 0.5px solid #2a317d;
    padding: 1.5em 0px;
    text-align: center;
    margin-bottom: 2em;
    margin-top: 2em;
}
.post.type-post .single-content .about-author p {
    margin: 0px;
}

article.post.type-post p.wp-block-post-author__byline {
    font-family: 'HB Goblet A Text', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1em;
    line-height: 1.1em;
    margin-bottom: 0px;
    cursor: pointer;
}
.wp-block-post-author-name__link {
    color: #2a317d;
}
a.wp-block-post-author-name__link:hover {
    color: #ec2027;
    text-decoration: underline;
}
.wp-block-post-author__bio {
    font-size: 1em;
}
/* hide the name from screen readers */
article.post.type-post .wp-block-post-author .wp-block-post-author__name {
    position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  white-space: nowrap; /* Prevents line breaks which can affect screen reader parsing */

}


.wp-block-latest-posts__post-author,
.wp-block-query .wp-block-post-author-name {
    font-size: 110%;
}
.wp-block-latest-posts__list.is-grid {
    text-align: left;
}
.wp-block-latest-posts__list li {
    margin-top: 15px;
}

.wp-block-latest-posts.is-grid li {
    margin-bottom: 0px;
}

/* since theme.js makes these clickable */
.wp-block-latest-posts__list.wp-block-latest-posts li,
.wp-block-query li.wp-block-post {
    cursor: pointer;
}

.popular-posts {
    text-align: center;
}
.popular-posts h2 {
    color: #ec2027;
    margin-bottom: 0.5em;
}
.popular-posts .wpp-author a {
    color: #2a317d;
}

a.wp-block-latest-posts__post-title,
.wpp-post-title {
    font-family: 'HB Goblet A Text', Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-decoration: none;
    color:#2a317d;
    font-size: 120%;
    display: block;
    margin-bottom: 4px;
}
a.wp-block-latest-posts__post-title:hover {
    color: #ec2027;
}
a.wp-block-latest-posts__post-title {
    font-size: 150%
}
.is-grid a.wp-block-latest-posts__post-title,
h2.entry-title {
    font-size: 120%
}
.entry-summary img {
    max-width: 100%;
    height: auto;
}

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

/* sharing */
.post.type-post .single-content .wp-block-group.is-content-justification-center p {
    margin-bottom: 0px;
}

.post.type-post .single-content .wp-block-post-author-name {
    margin-bottom: 1em;
}

/* archive */

body.category #container header.header .entry-title,
body.category #container header.header .archive-meta {
    text-align: center;
}
body.category #container header.header img {
    margin: 0 auto;
}
body.category #container header.header .archive-meta {
    margin-top: 1em;
}

.archive.is-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1em;
    margin-bottom: 1em;
}
.archive.is-grid img.wp-post-image,
.archive.is-grid .thumbnail-holder img {
    width: 100%;
    height: auto;
}
.archive .entry-title a,
.archive .category-link,
.wp-block-create-block-primary-category-block a,
.wp-block-post-title a {
    color: #2a317d;
}

a[rel="author"] {
    text-decoration: none;
    color: #2a317d;
}
.archive .entry-title a:hover,
.archive .category-link:hover,
a[rel="author"]:hover,
.wp-block-create-block-primary-category-block a:hover,
.wp-block-post-title a:hover {
    color: #ec2027;
}

.entry-meta {
    margin-bottom: 0.5em;
}

#container header.header {
    margin-bottom: 1em;
}

.widescreen_video_holder {
    width: 100%;
    padding:56.25% 0 0 0;
    position: relative;
    overflow: hidden;
    background-color: #000;
}
.widescreen_video_holder iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}
.category_featured_image {
    width: 100%;
    text-align: center;
}
.category_featured_image img {
    max-width: 100%;
    height: auto;
    margin: auto;
}

.nav-links {
    display: flex;
    justify-content: center;
    gap: 2em;
}
.nav-links .nav-next {
    order: 1;
}
.nav-links .nav-previous {
    order: 2;
}

/* woocommerce */

nav.woocommerce-breadcrumb {
    display: none;
}

.woocommerce-account.woocommerce-page h1.entry-title {
    text-align: center;
    padding-bottom: 0.25em;
    margin-bottom: 0.25em;
    border-bottom: 0.5px solid #2a317d;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border-color: #8f824c;
}
nav.woocommerce-MyAccount-navigation, .woocommerce-MyAccount-content {
    margin-bottom: 2em;
}
nav.woocommerce-MyAccount-navigation li {
    padding-bottom: 1em;
    font-family: 'GT Pressura', Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}
nav.woocommerce-MyAccount-navigation li a {
    text-decoration: none;
}
nav.woocommerce-MyAccount-navigation li a:hover {
    text-decoration: underline;
}
nav.woocommerce-MyAccount-navigation li a[aria-current="page"] {
    color: #2a317d;
}
.woocommerce-MyAccount-content p {
    margin-bottom: 1em;
}
.woocommerce-MyAccount-content h2 {
    font-size: 150%;
}

.woocommerce-error {
    border-top-color: #ec2027;
}
.woocommerce-error::before {
    color: #ec2027;
}
.woocommerce-message, .woocommerce-info {
    border-top-color: #2a317d;
}
.woocommerce-message::before, .woocommerce-info::before {
    color: #2a317d;
}


.woocommerce span.onsale {
    background-color: #ec2027;
}


.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    text-align: center;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    padding: 0.25em 0px;
}
.woocommerce ul.products li.product a img {
    margin-bottom: 0.1em;
}

/* hide downloads from my account */
.woocommerce-MyAccount-navigation-link--downloads {
    display: none;
}

.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    transition: transform 0.3s ease-in-out;
}
.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail:hover {
    transform: scale(1.04);
}

/* woo product */

.woocommerce div.product .product_title {
    line-height: 1.04em;
    font-size: 190%;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background-color: transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    color: #2a317d;
    border-bottom-color: #fff3e3;
}
.woocommerce-Tabs-panel h2:first-child {
    display: none;
}

.sku_wrapper, .product_meta {
    display:none;
}
.single_add_to_cart_button {
    background-color: #ec2027!important;
}
.single_add_to_cart_button:hover {
    background-color: #2a317d!important;
}

.woocommerce ul.products li.product .price .from,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: #2a317d;
}

.woocommerce ul.products li.product .onsale, 
.woocommerce-page ul.products li.product .onsale, 
.woocommerce span.onsale,
.woocommerce-page span.onsale {
    color: #fff;
    background: #2a317d;
    font-size: 13px;
    font-weight: normal;
    left: 10px;
    margin: 0;
    padding: 2px 13px;
    right: auto;
    text-shadow: none;
    top: 10px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.wc-block-components-product-sale-badge {
    background-color: #2a317d !important;
    color: #fff3e3 !important;
    border-radius: 0 !important;
    font-weight: normal !important;
    border: none !important;
    text-transform: none !important;
}

.woocommerce div.product p.stock.in-stock {
    display: none;
}

section.related.products {
    border-top: 0.5px solid #8f824c;
    margin-top: 1em;
    padding-top: 1em;
    clear: both;
}
section.related.products h2 {
    font-size: 150%;
    margin-bottom: 0.25em;
}

.woocommerce .back-link {
    margin-bottom: 1em;
    display: block;
}

.woocommerce .cart-link,
.woocommerce-page .cart-link,
a.float-right.cart-link {
    font-family: 'GT Pressura', Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    background: url(images/Shopping-Cart-icon-small.svg) no-repeat right center;
    padding-right: 35px;
    float: right;
    display: block;
}

/* Cart */

/* re-order checkout and cart - coupon gift card etc */
.wp-block-woocommerce-checkout-order-summary-block, .wp-block-woocommerce-cart-order-summary-block {
    display: flex;
    flex-direction: column;
}
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-wrapper,
.wp-block-woocommerce-cart-order-summary-block > div {
  order: 3;
}
.wp-block-woocommerce-checkout-order-summary-block .wp-block-woocommerce-checkout-order-summary-cart-items-block,
.wp-block-woocommerce-cart-order-summary-block .wp-block-woocommerce-cart-order-summary-heading-block {
  order: 1;
}
.wp-block-woocommerce-checkout-order-summary-block .wp-block-woocommerce-checkout-order-summary-totals-block,
.wp-block-woocommerce-cart-order-summary-block .wp-block-woocommerce-cart-order-summary-totals-block {
  order: 2;
}

/* empty cart */

.wc-block-cart__empty-cart__title.with-empty-cart-icon:before {
  display: none!important;
}

.home-welcome-wrapper {
    border: 0.5px solid #8f824c;
    padding: 1em;
}

.cart-member-upsell .metrograph-script-font {
    font-size: 200%;
    margin-bottom: 0.1em;
}
.cart-member-upsell .member_purchase_buttons {
    margin-top: 0.5em;
}
@media (min-width: 769px) {
    .home-welcome-wrapper {
        width: 500px;
        margin: auto;
    }
}


/* CHECKOUT */

.woocommerce-checkout h3,
h3#ship-to-different-address {
    font-size: 125%;
}
input#ship-to-different-address-checkbox { 
    height:1em;
    width: 1em;
}

/* hide store credit discounts */
.checkout.woocommerce-checkout .acfw-store-credits-checkout-ui {
    display: none;
}

/* hide cart subtotal */
.woocommerce-checkout tr.cart-subtotal {display: none;}

.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info,
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info {
    background-color: transparent;
    border: none;
    color: #2a317d;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 1em;
}
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info {
    margin-bottom: 0em;
}
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info::before,
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info::before {
    display: none;
}
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon,
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info a.showlogin {
    background-color: #2a317d;
    color: #fff3e3;
    border-radius: 6px;
    border: none;
    padding: 5px 10px;
    margin-right: 1em;
    margin-left: 1em;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'GT Pressura', Helvetica, Arial, sans-serif;
    font-weight: bold;
}
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info a.showlogin {
    background-color: #ec2027;
}
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon:hover {
    background-color: #ec2027;
    color: #fff3e3;
}
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info a.showlogin:hover {
    background-color: #2a317d;
    color: #fff3e3;
}


/* typography */

.has-darleston-font-family, .metrograph-script-font {
    font-family: 'Darleston', Helvetica, Arial, sans-serif;
    text-transform: none!important;  
    font-weight: normal!important;
}

.has-ionic-font-family, .has-ionic-font-family p {
    font-family: 'Ionic Modern Micro', 'Times New Roman', Times, serif;
    text-transform: none!important;
}

.metrograph-blue {
    color: #2a317d!important;
}
.metrograph-red {
    color: #ec2027!important;
}
.metrograph-cream {
    color: #fff3e3!important;
}
.metrograph-black {
    color: #000000!important;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}

/* animation styles for blocks: */

@keyframes wipe-enter {
	0% {
		transform: scale(0, .025);
	}
	50% {
		transform: scale(1, .025);
	}
}

@keyframes slide-up {
  0% {
    top: 1000px;
    height: 0%;
  }
  30% {
    top: 1000px;
    height: 0%;
  }
}

.is-style-slide-up-rows > .wp-block-group__inner-container > div, 
.is-style-slide-up-rows > .wp-block-group__inner-container > p, 
.is-style-slide-up-rows > .wp-block-group__inner-container > h1,
.is-style-slide-up-rows > .wp-block-group__inner-container > h2,
.is-style-slide-up-rows > .wp-block-group__inner-container > h3,
.is-style-slide-up-rows > .wp-block-group__inner-container > h4,
.is-style-slide-up-rows > .wp-block-group__inner-container > h5,
.is-style-slide-up-rows > .wp-block-group__inner-container > h6
 {
  position: relative;
  height: 100%;
  top: 0px;
  overflow: hidden;
}


@media (prefers-reduced-motion: no-preference) {
  .block-wipe-animate {
    animation: wipe-enter 1s 1;
  }
  
  .is-style-slide-up-rows > .wp-block-group__inner-container > div, 
  .is-style-slide-up-rows > .wp-block-group__inner-container > p, 
  .is-style-slide-up-rows > .wp-block-group__inner-container > h1,
  .is-style-slide-up-rows > .wp-block-group__inner-container > h2,
  .is-style-slide-up-rows > .wp-block-group__inner-container > h3,
  .is-style-slide-up-rows > .wp-block-group__inner-container > h4,
  .is-style-slide-up-rows > .wp-block-group__inner-container > h5,
  .is-style-slide-up-rows > .wp-block-group__inner-container > h6
 {
    animation-name: slide-up;
    animation-duration: 4s;
  }
  
  .is-style-slide-up-rows > .wp-block-group__inner-container > div:nth-child(1), 
  .is-style-slide-up-rows > .wp-block-group__inner-container > p:nth-child(1), 
  .is-style-slide-up-rows > .wp-block-group__inner-container > h1:nth-child(1),
  .is-style-slide-up-rows > .wp-block-group__inner-container > h2:nth-child(1),
  .is-style-slide-up-rows > .wp-block-group__inner-container > h3:nth-child(1),
  .is-style-slide-up-rows > .wp-block-group__inner-container > h4:nth-child(1),
  .is-style-slide-up-rows > .wp-block-group__inner-container > h5:nth-child(1),
  .is-style-slide-up-rows > .wp-block-group__inner-container > h6:nth-child(1)
 {
    animation-duration: 2s;
  }
  .is-style-slide-up-rows > .wp-block-group__inner-container > div:nth-child(2), 
  .is-style-slide-up-rows > .wp-block-group__inner-container > p:nth-child(2), 
  .is-style-slide-up-rows > .wp-block-group__inner-container > h1:nth-child(2),
  .is-style-slide-up-rows > .wp-block-group__inner-container > h2:nth-child(2),
  .is-style-slide-up-rows > .wp-block-group__inner-container > h3:nth-child(2),
  .is-style-slide-up-rows > .wp-block-group__inner-container > h4:nth-child(2),
  .is-style-slide-up-rows > .wp-block-group__inner-container > h5:nth-child(2),
  .is-style-slide-up-rows > .wp-block-group__inner-container > h6:nth-child(2)
 {
    animation-duration: 2.5s;
  }
  .is-style-slide-up-rows > .wp-block-group__inner-container > div:nth-child(3), 
  .is-style-slide-up-rows > .wp-block-group__inner-container > p:nth-child(3), 
  .is-style-slide-up-rows > .wp-block-group__inner-container > h1:nth-child(3),
  .is-style-slide-up-rows > .wp-block-group__inner-container > h2:nth-child(3),
  .is-style-slide-up-rows > .wp-block-group__inner-container > h3:nth-child(3),
  .is-style-slide-up-rows > .wp-block-group__inner-container > h4:nth-child(3),
  .is-style-slide-up-rows > .wp-block-group__inner-container > h5:nth-child(3),
  .is-style-slide-up-rows > .wp-block-group__inner-container > h6:nth-child(3)
 {
    animation-duration: 3s;
  }
  .is-style-slide-up-rows > .wp-block-group__inner-container > div:nth-child(4), 
  .is-style-slide-up-rows > .wp-block-group__inner-container > p:nth-child(4), 
  .is-style-slide-up-rows > .wp-block-group__inner-container > h1:nth-child(4),
  .is-style-slide-up-rows > .wp-block-group__inner-container > h2:nth-child(4),
  .is-style-slide-up-rows > .wp-block-group__inner-container > h3:nth-child(4),
  .is-style-slide-up-rows > .wp-block-group__inner-container > h4:nth-child(4),
  .is-style-slide-up-rows > .wp-block-group__inner-container > h5:nth-child(4),
  .is-style-slide-up-rows > .wp-block-group__inner-container > h6:nth-child(4)
 {
    animation-duration: 3.5s;
  }
}

/* end block animation styles */

@media (max-width: 1200px) {
    #header ul.sub-menu,
    #header div#header-inner,
    #header nav#menu,
    #wrapper > div#container {
        margin-right: 20px;
        margin-left: 20px;
    }

    #header #header-right {
        padding-right: 10px;
    }
}

/* Desktop responsive breakpoints */
@media (min-width: 769px) {
    .mobile-only {
        display: none;
    }
}

/* Mobile responsive breakpoints */
@media (max-width: 768px) {
    .hide-on-mobile {
        display: none;
    }
    /* reverse columns on mobile */
    .wp-block-columns.mobile-reversed .wp-block-column:nth-child(1) {
        order: 2;
    }
    .wp-block-columns.mobile-reversed .wp-block-column:nth-child(2) {
        order: 1;
    }

    #mobile-nav {
        display: block;
    }
    
    /* Hide desktop nav on mobile */
    #header nav#menu {
        display: none;
    }

    #header nav#submenu {
        position: fixed;
        bottom: 78px;
        width: 100%;
    }
    
    /* Adjust header layout for mobile */
    #header div#header-inner {
        display: grid;
        margin-bottom: 1em;
        grid-template-columns: 200px auto;
        gap: 15px;
        padding: 0 10px;

    }
    #header a#myaccount {
        text-align: right;
    }
    #header nav#menu {
        grid-template-columns: auto auto;
    }

    #header #header-right,
    .scrolled #header #header-right {
        top: 2px;
    }
    
    #header #branding img,
    .scrolled #header #branding img {
        max-width: 180px;
    }

    /* Add bottom padding to prevent content from being hidden behind mobile nav */
    body, body.scrolled {
        padding-bottom: 100px;
    }
    
    /* Adjust wrapper for mobile */
    #wrapper > div#container {
        max-width: 100%;
        padding: 0 20px;
    }

    #header ul.sub-menu,
    #header div#header-inner,
    #header nav#menu,
    #wrapper > div#container {
        margin-right: 0px;
        margin-left: 0px;
    }

    .archive.is-grid {
        display: block;
    }

    .wp-block-latest-posts.is-grid li {
        margin-right: 0px;
    }
    .wp-block-latest-posts__featured-image img {
        width: 100%;
    }
}

@media (max-width: 480px) {
    #mobile-nav ul {
        padding: 0 10px;
    }
    
    #mobile-nav a {
        font-size: 10px;
    }
    
    #mobile-nav .nav-icon {
        width: 28px;
        height: 28px;
        font-size: 16px;
    }
}

.back-link:before {
    content: "←";
    margin-right: 0.5em;
}




.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
  }