/*!
Theme Name: Topps Education by Lighthouse Creative
Theme URI: http://underscores.me/
Author: e. james ford
Author URI: http://web.ejimford.com
Description: Custom theme for Topps Education by Lighthouse Creative
Version: 1.5.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: topps-education
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Topps Education by Lighthouse Creative is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
        ### Menu Button
# Accessibility
# Alignments
# Clearings
# Widgets
# Header
# Content
	## Posts and pages
	## Comments
# Footer
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
    margin: 0;
    overflow-x: hidden;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
    border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
    display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
@font-face {
    font-family: "Mori";
    src: url("fonts/mori/PPMori-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Mori";
    src: url("fonts/mori/PPMori-RegularItalic.woff2") format("woff2");
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: "Mori";
    src: url("fonts/mori/PPMori-SemiBold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "Mori";
    src: url("fonts/mori/PPMori-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Mori";
    src: url("fonts/mori/PPMori-ExtraBold.woff2") format("woff2");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: "Right Serif Compact Black";
    src: url("fonts/right-serif/PP-Right-Serif-Compact-Black.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Right Serif Normal";
    src: url("fonts/right-serif/PP-Right-Serif-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Right Serif";
    src: url("fonts/right-serif/PP-Right-Serif-Compact-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Right Serif Spatial Black";
    src: url("fonts/right-serif/PP-Right-Serif-Spatial-Black.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Right Serif Tight Medium";
    src: url("fonts/right-serif/PP-Right-Serif-Tight-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Right Serif Wide Black";
    src: url("fonts/right-serif/PP-Right-Serif-Wide-Black.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Formula Condensed";
    src: url("fonts/formula-condensed/PPFormula-CondensedRegular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Formula Condensed";
    src: url("fonts/formula-condensed/PPFormula-CondensedLight.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Formula Condensed";
    src: url("fonts/formula-condensed/PPFormula-CondensedBold.woff2") format("woff2");
    font-weight: 700;
    font-style: bold;
}

body:not(.wp-admin),
button,
input,
select,
optgroup,
textarea {
    color: #333;
    font-family: "Mori", "Hevetica", "Arial", sans-serif;
    font-size: 16px;
    font-size: 1em;
}

h1 {
    font-family: "Right Serif Compact Black", serif;
    font-weight: 900;
    font-size: 64px;
    line-height: 57px;
    margin-top: 0;
    transition: all 0.55s linear;
}

body:is(.page-template-page-ripped-merchandise, .page-template-page-header-image) h1 {
    font-size: 56px;
    line-height: 52px;
}

html :where(.editor-styles-wrapper) h1 {
    font-weight: 900;
}

h2 {
    font-family: "Mori", "Hevetica", "Arial", sans-serif;
    font-weight: 600;
    font-size: 1.5em;
    margin-top: 0;
    clear: both;
}
.editor-styles-wrapper div.wp-block-acf-hero-image + h2,
.entry-content.first-block-coreimage h2 {
    clear: none;
}

h3 {
    font-family: "Right Serif Tight Medium", serif;
    font-weight: 500;
    font-size: 2.4em;
    margin-top: 0;
    margin-bottom: 12px;
    clear: both;
}

h4 {
    font-family: "Right Serif Wide Black", serif;
    font-weight: 900;
    font-size: 2.4em;
    margin-top: 0;
    margin-bottom: 12px;
}

h5 {
    font-family: "Mori", "Hevetica", "Arial", sans-serif;
    font-weight: 500;
    font-size: 1.6em;
    margin-top: 0;
    margin-bottom: 4px;
}

h6 {
    font-family: "Right Serif Wide Black", serif;
    font-weight: 900;
    font-size: 1.5em;
    margin-top: 0;
}

p {
    margin-top: 0px;
    line-height: 160%;
}
p.nospace {
    margin-bottom: 0 !important;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

@media only screen and (min-width: 430px) {
    body:is(.page-template-page-ripped-merchandise, .page-template-page-header-image) h1 {
        font-size: 60px;
        line-height: 54px;
    }
}

@media only screen and (min-width: 575px) {
    body:is(.page-template-page-ripped-merchandise, .page-template-page-header-image) h1 {
        font-size: 74px;
        line-height: 68px;
    }
}

@media only screen and (min-width: 600px) {
    h1 {
        font-size: 96px;
        line-height: 86px;
    }
    .page-template-default h1,
    .definition-template-default h1 {
        font-size: 96px;
        line-height: 86px;
    }
}

@media only screen and (min-width: 768px) {
    body:is(.page-template-page-ripped-merchandise, .page-template-page-header-image) h1 {
        font-size: 90px;
        line-height: 82px;
    }
}

@media only screen and (min-width: 1024px) {
    .entry-content p,
    .entry-content ul,
    .entry-content ol {
        font-size: 20px;
    }
    body:is(.page-template-page-ripped-merchandise, .page-template-page-header-image) h1 {
        font-size: 90px;
        line-height: 82px;
    }
}

@media only screen and (min-width: 1280px) {
    h1 {
        font-size: 112px;
        line-height: 110px;
    }
    .page-template-default h1,
    .definition-template-default h1 {
        font-size: 100px;
        line-height: 98px;
    }
    body:is(.page-template-page-ripped-merchandise, .page-template-page-header-image) h1 {
      font-size: 90px;
        line-height: 88px;
    }
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}

body {
}

*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    /* Fallback for when there is no custom background color defined. */
}

hr {
    background-color: #ddd;
    border: 0;
    height: 10px;
    margin-bottom: 1.5em;
}

.site-content ul,
.site-content ol {
    margin: 0 0 1.5em 2em;
}

.site-content ul {
    list-style: disc;
}

.site-content ol {
    list-style: decimal;
}

.site-content li > ul,
.site-content li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}

figure {
    margin: 1em 0;
    /* Extra wide images within figure tags don't overflow the content area. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

.hide-ripped {
    display: none !important;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.site-content button,
.site-content input[type="button"],
.site-content input[type="reset"],
.site-content input[type="submit"],
div:is(.site, .editor-styles-wrapper) button,
.site-content .btn-wrapper a,
.site-content a:is(.button, .post-edit-link, .wp-block-button__link),
.site-content .wp-block-button.is-style-outline > .wp-block-button__link,
.wp-block-button .wp-block-button__link.is-style-outline {
    display: inline-block;
    border: 1px solid #000;
    border-radius: 0px;
    line-height: 1;
    padding: 13px 18px 12px;
    text-decoration: none;
    margin: 0px;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
    text-align: center;
    max-width: 200px;
}

.site-content a.button.center {
    display: block;
    margin: 0px auto;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.button:hover,
a.post-edit-link:hover {
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus,
a.button:active,
a.button:focus,
a.post-edit-link:active,
a.post-edit-link:focus {
}

.wp-block-button {
    text-align: center;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #000;
    border: 1px solid #abb8c3;
    border-radius: 0px;
    padding: 12px 18px 11px;
    font-size: 14px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #000;
    border: 2px solid #000;
    border-radius: 0px;
}

select {
    border: 1px solid #ccc;
}

textarea {
    width: 100%;
}

/*--------------------------------------------------------------
# Site Header
--------------------------------------------------------------*/

.topps-corp-notification-bar {
    display: none;
}

.site-header {
    transition: all 0.25s ease-out;
}

.site-header.invisible {
    opacity: 0;
}
#site-header-fixed {
    display: none;
}

.site-header-inner {
    max-width: 1280px;
    margin: 0px auto;
    padding: 0px 0 0px 0;
}

.site-branding {
    width: 240px;
    max-width: 240px;
    margin: 12px 0px 12px -4px;
    transition: all 0.5s ease-out;
}

.site-branding img {
    width: 100%;
    height: auto;
}

.site-title {
    font-size: 24px;
}

/* ===== == = === (768px) === = == ===== */
@media only screen and (min-width: 768px) {
    .site-header {
    }
    .site-header-inner {
        padding: 12px 0 12px 0;
    }
    #site-header-fixed {
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        opacity: 0;
        top: -120px;
        z-index: 9999;
    }
    #site-header-fixed.scrolled {
        opacity: 1;
        top: 0px;
    }
    body.admin-bar #site-header-fixed.scrolled {
        top: 32px;
    }

    .site-header-inner {
        padding: 0px 20px;
    }

    .site-branding {
        margin: 20px 0px 12px -24px;
        float: left;
    }
    #site-header-fixed .site-branding {
        opacity: 0;
    }

    #site-header-fixed.scrolled .site-branding {
        transform: scale(0.75);
        opacity: 1;
        margin: 8px 0px 8px -52px;
    }
}

@media only screen and (min-width: 1024px) {
    .site-header {
    }

    .site-branding {
        width: 340px;
        max-width: 340px;
    }
    body.page-template-default #site-header-fixed .site-branding {
    }
}

@media only screen and (min-width: 1280px) {
    .site-branding {
        width: 320px;
        max-width: 320px;
    }
}

@media only screen and (min-width: 1328px) {
    .site-branding {
        margin-left: -48px;
    }
}

@media only screen and (min-width: 1428px) {
    .site-branding {
        margin-left: -98px;
    }
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

h2 a,
h3 a,
h4 a {
    text-decoration: none;
    color: inherit;
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
    display: block;
    position: fixed;
    bottom: -150%;
    right: 0px;
    width: 80%;
    height: auto;
    transition: all 0.25s ease-in-out;
    z-index: 9998;
    text-transform: uppercase;
}

.main-navigation.is-open {
    bottom: 52px;
    background-color: #fff;
}

.main-navigation ul {
    list-style: none;
    margin: 0;
    padding: 24px 0px 36px;
    font-family: "Mori", "Hevetica", "Arial", sans-serif;
    font-size: 16px;
    text-align: left;
}

.main-navigation li {
    padding: 0px 24px;
    display: block;
}

.main-navigation a {
    padding: 13px 8px 12px;
    display: block;
    text-decoration: none;
    font-weight: 600;
    color: #000;
    border-bottom: 1px solid #000;
    transition: all 0.25s ease-in-out;
}

.main-navigation ul ul {
    display: none;
}

.main-navigation ul ul li {
    padding: 0px 0px;
}

.main-navigation li.focus ul {
    display: block;
}

.main-navigation li.focus > a {
    display: block;
}

.main-menu-clear {
    display: none;
}

@media screen and (max-width: 767px) {
    .main-navigation li.focus ul {
        padding-top: 0px;
    }
}

@media screen and (min-width: 768px) and (max-width: 960px) {
    #wp-admin-bar-wpengine_adminbar {
        display: none !important;
    }
}

@media screen and (min-width: 768px) {
    .main-navigation,
    .main-navigation.is-open {
        position: relative;
        float: right;
        right: initial;
        top: initial;
        bottom: initial;
        height: auto;
        width: auto;
        padding: 0;
        background-color: transparent;
        transition: all 0.25s linear;
    }

    .main-navigation ul {
        display: block;
        font-size: 14px;
        padding: 0;
        margin-top: 24px;
        transition: all 0.25s linear;
    }

    .main-navigation li {
        padding: 0;
        float: left;
        transition: all 0.25s linear;
    }

    .main-navigation a {
        padding: 12px 20px 10px 20px;
        border-bottom: none;
        line-height: 1;
        transition: all 0.25s linear;
    }
    .main-navigation ul > li:first-child,
    .main-navigation ul > li:first-child > a {
        padding-left: 0 !important;
    }
    .main-navigation li.menu-search a {
        overflow: hidden;
        text-indent: -9999999px;
        background-image: url(images/icons/search.svg);
        background-size: 16px;
        background-repeat: no-repeat;
        background-position: top 10px center;
        margin-right: 18px;
    }

    .glossary-search-container input {
        background-image: url(images/icons/search.svg);
        background-size: 16px;
        background-repeat: no-repeat;
        background-position: center left 8px;
    }
    .main-navigation li.menu-button a {
        border: 1px solid #000;
    }

    .main-navigation ul ul {
        float: none;
        position: absolute;
        top: 98%;
        left: -999em;
        z-index: 99999;
    }

    .header-widgets {
        float: right;
        max-height: 26px;
    }

    .header-widgets a {
        padding: 21px 1px 0px 1px;
    }

    .main-navigation ul ul ul {
    }

    .main-navigation ul ul li:hover > ul,
    .main-navigation ul ul li.focus > ul {
    }

    .main-navigation ul ul a {
        width: 247px;
        line-height: 1em;
        color: #fff;
        font-weight: normal;
        font-size: 13px;
        line-height: 15px;
        text-transform: uppercase;
        padding: 0px 20px 20px 20px;
        margin-top: 0px;
        display: inline-block;
    }

    .main-navigation ul li.focus > ul {
        left: -25%;
        columns: 3;
        padding: 24px;
    }

    .main-navigation ul ul li {
        text-align: left;
        float: none;
    }

    .header-widgets {
        display: block;
    }
    .main-navigation ul.primary-menu {
        clear: both;
    }
    .main-navigation ul.secondary-menu {
        float: right;
    }
    .main-menu-clear {
        width: 100%;
        clear: both;
        height: 0;
        font-size: 0;
        line-height: 0;
    }
    #site-header-fixed .main-navigation ul {
        margin-top: 8px;
    }
    #site-header-fixed .main-menu-clear {
        display: block;
        height: 8px;
    }
}
@media only screen and (min-width: 1024px) {
    #site-header-fixed .main-navigation ul {
        margin-top: 16px;
    }
    .main-navigation a {
        padding: 12px 24px 10px 24px;
    }
    #site-header-fixed .main-menu-clear {
        height: 4px;
    }
}

@media screen and (min-width: 1200px) {
    .main-navigation ul.primary-menu li {
        padding: 0 10px;
    }
    .main-navigation ul.secondary-menu {
        float: right;
        padding-right: 24px;
    }
}
@media screen and (min-width: 1280px) {
    .main-navigation ul.primary-menu li {
        padding: 0 20px;
    }
    #site-header-fixed .main-navigation ul {
        margin-top: 16px;
    }
    #site-header-fixed .main-menu-clear {
        height: 0px;
    }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

/*--------------------------------------------------------------
## Mobile Navigation
--------------------------------------------------------------*/
.mobile-navigation {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.25);
    background-color: #fff;
    gap: 10px;
    padding: 6px 0px;
}

.mobile-navigation a,
.mobile-navigation .button-container {
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-size: 36px;
    color: #fff;
    font-weight: bold;
}

a.logo-mobile {
    display: block;
    text-indent: -9999999px;
    background-image: url(images/topps-ripped-logo-final.svg);
    background-size: 112px;
    background-repeat: no-repeat;
    background-position: center left 12px;
    height: 36px;
    width: 46.875%;
}

.mobile-navigation .button-container button,
.mobile-navigation .button {
    border: none;
    color: #fff;
    font-weight: 700;
    max-width: none;
}

.mobile-navigation .hamburger-container {
    width: 46.875%;
}

.mobile-navigation .button-container button.hamburger {
    display: block;
    width: 36px;
    height: 30px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
    padding: 0;
    background: transparent;
    float: right;
    margin-right: 60px;
}
.mobile-navigation .button-container button.hamburger span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #000;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}
.mobile-navigation .button-container button.hamburger span:nth-child(1) {
    top: 6px;
}

.mobile-navigation .button-container button.hamburger span:nth-child(2),
.mobile-navigation .button-container button.hamburger span:nth-child(3) {
    top: 15px;
}

.mobile-navigation .button-container button.hamburger span:nth-child(4) {
    top: 24px;
}

.mobile-navigation .button-container button.hamburger.is-active span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.mobile-navigation .button-container button.hamburger.is-active span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mobile-navigation .button-container button.hamburger.is-active span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mobile-navigation .button-container button.hamburger.is-active span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.mobile-navigation .custom-logo-link {
    text-align: left;
    padding-left: 24px;
    padding-top: 12px;
}

.mobile-navigation .custom-logo-link img {
    width: 64px;
}

@media screen and (min-width: 768px) {
    .mobile-navigation {
        display: none;
    }
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.site {
    position: relative;
    transition: all 0.35s linear;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.5em;
    /* Make sure select elements fit in widgets. */
}

.widget select {
    max-width: 100%;
}

.widget ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}

.updated:not(.published) {
    display: none;
}

.site-content {
    padding: 0px 0px;
    max-width: 1160px;
    margin: 0px auto;
    min-height: 100vh;
}
.fp-enabled .site-content {
    min-height: none;
}

.page-header,
.entry-header {
    width: 100%;
    padding: 48px 20px 0 20px;
    transition: all 0.25s ease-in-out;
}
.entry-header.short-title-extra-padding {
    padding: 72px 20px 0 20px;
}
.page-template-default .entry-header.short-title-extra-padding,
.page-template-default .entry-header.short-title-extra-padding,
.definition-template-default .entry-header.short-title-extra-padding {
    padding: 104px 20px 0 20px;
}

.page-title,
.entry-title,
.entry-meta,
.entry-footer {
    max-width: 1200px;
    width: 100%;
    margin: 0px auto;
    padding: 0px 0px;
}
.page-title,
.entry-title {
}

.category-title-prefix {
    font-family: "Formula Condensed";
    display: block;
    font-size: 18px;
    line-height: 18px;
}

.page-content,
.entry-content,
.entry-summary {
    padding: 8px 0px 40px 0px;
    margin: 0;
}

.page-content > *,
.entry-content > *,
.entry-summary > * {
    padding: 0px 20px;
}

.entry-content > ul,
.entry-content > ol {
}

.entry-content > ul > li,
.entry-content > ol > li {
    line-height: 160%;
    margin-bottom: 8px;
}

.entry-content > .wp-block-group.has-background {
    width: 100vw;
    margin-bottom: 36px;
}

.entry-content > .wp-block-group.has-background .wp-block-group__inner-container {
    padding: 20px 20px;
    max-width: 1160px;
    margin: 0px auto;
}

.wp-block-separator {
    border-top: none;
    border-bottom: none;
}
/*
.entry-content > figure {
  max-width: 100%;
  width: 100%;
}
*/
.entry-content > figure img {
    max-width: 100%;
    width: 100%;
    height: auto;
    display: block;
}

.entry-footer {
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

.wp-block-column > *:first-child,
.wp-block-column > .wp-block-group.has-background > .wp-block-group__inner-container > *:first-child {
    margin-top: 0px;
}

.entry-content > .is-style-inline-callout,
.entry-content > .wp-block-group.is-style-inline-callout.has-background {
    padding: 16px;
    border: 1px solid;
}
/* .single-definition-content-blocks > p:last-of-type::after, */
.single-post .entry-content > p:last-of-type::after {
    content: " ";
    display: inline-block;
    background-color: #ff5077;
    width: 18px;
    height: 18px;
    margin-left: 12px;
    font-size: 0;
    line-height: 0;
}

.hero-container,
.hero-container img {
    width: 100%;
}

.hero-container {
    max-height: 560px;
    overflow: hidden;
}
.site-content.scrolled .hero-container {
}

.category-brands > .hero-container {
    display: flex;
    align-items: center;
}

.video-container {
    position: relative;
    height: 82vh;
    max-height: none;
}

.wp-block-video .video-button,
.video-container .video-button {
    position: absolute;
    top: 42%;
    right: 0;
    width: 100%;
    max-width: 100%;
    height: 72px;
    background-image: url(images/icons/play.svg);
    background-position: center;
    background-size: 60px;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
    overflow: hidden;
    z-index: 20;
    text-indent: -99999999999px;
}

.video-container.autoplay .video-button {
    display: block;
}
.wp-block-video .video-button.active,
.video-container .video-button.active,
.video-container.autoplay .video-button.active {
    top: auto;
    bottom: 0;
    background-image: url(images/icons/pause.svg);
    background-size: 30px;
    display: none;
}

video::-webkit-media-controls-panel {
    background: linear-gradient(to top, #ff5077, #ff5077 80px, transparent 80px, transparent);
    margin: 0px auto;
}

.video-container video::-webkit-media-controls-panel {
}

.video-container video {
    display: block;
    margin: 0px auto;
    z-index: 10;
    position: relative;
    width: auto;
    height: 98%;
    aspect-ratio: 9 / 16;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 1);
}

.video-container video[poster] {
    object-fit: cover;
}

.widget-shop-this-post {
    border: 1px solid #000;
    max-width: 248px;
    margin: 0px auto;
    padding: 16px 16px 24px 16px;
}
.widget-shop-this-post h3 {
    text-align: center;
}

.widget-shop-this-post img {
    display: block;
    margin: 0px auto;
    max-width: 160px;
    height: auto;
}

.share-links {
    text-align: center;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 4px;
    width: 160px;
    margin: 0px auto;
}
.share-links a {
    display: block;
    background: #ff5077 !important;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    margin: 0px 2px;
    padding: 6px;
}
.share-links a img {
    width: 24px;
}
.share-links a.share-twitter {
    padding: 8px 5px 4px 6px;
}
.share-links a.share-twitter img {
    width: 21px;
}
.share-links a.share-reddit img {
    width: 26px;
}
.share-links a.share-linkedin img {
    width: 21px;
}

div:is(.site) button:is(.slick-arrow, .slick-next, .slick-prev) {
    display: block;
    overflow: hidden;
    text-indent: -999999px;
    font-size: 0;
    line-height: 0;
    padding: 0;
    background-image: url(images/icons/arrow.svg);
    background-position: center;
    background-size: 6px 12px;
    background-repeat: no-repeat;
    background-color: #fff;
    width: 28px;
    height: 28px;
    z-index: 20;
}
div:is(.site) button.slick-next {
    right: -20px;
}
div:is(.site) button.slick-prev {
    left: -20px;
    transform: rotate(180deg);
    top: 44%;
}

div:is(.site) .entry-content > .wp-block-group.has-background button:is(.slick-arrow, .slick-next, .slick-prev) {
    background-color: transparent;
}

div:is(.site) .widget-shop-this-post button.slick-next {
    top: 100px;
    right: -36px;
}
div:is(.site) .widget-shop-this-post button.slick-prev {
    top: 86px;
    left: -36px;
}

.post-list-related {
    border: 1px solid #000;
    max-width: 248px;
    margin: 0px auto;
    padding: 16px 16px 0px 16px;
}
.post-list-related h3 {
    margin-bottom: 16px;
}
.post-list-related-single {
    margin-bottom: 24px;
}

.post-list-related a {
    text-decoration: none;
    color: #000;
}

.post-list-related-single-date {
    font-family: "Formula Condensed";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 4px;
}

@media only screen and (min-width: 600px) {
    .page-header,
    .entry-header {
        padding: 40px 20px 0 20px;
    }

    .page-template-default .page-header,
    .page-template-default .entry-header,
    .definition-template-default .entry-header {
        padding: 92px 20px 0 20px;
    }
    .page-template-default .entry-header.short-title-extra-padding,
    .page-template-default .entry-header.short-title-extra-padding,
    .definition-template-default .entry-header.short-title-extra-padding,
    .search-results .page-header {
        padding: 160px 20px 0 20px;
    }
}

@media screen and (min-width: 768px) {
    .page-header,
    .entry-header {
        padding: 98px 0px 0 40px;
        margin-bottom: 40px;
    }

    .body-first-block-hero .entry-header {
        width: 60%;
        max-width: 60%;
        float: left;
    }

    .page-template-default .page-header,
    .page-template-default .entry-header,
    .definition-template-default .entry-header {
        padding: 69px 0px 0 40px;
    }

    .single-post .entry-header.short-title-extra-padding,
    .page-template-default .entry-header.short-title-extra-padding,
    .page-template-default .entry-header.short-title-extra-padding,
    .definition-template-default .entry-header.short-title-extra-padding {
        padding: 152px 0px 0 40px;
    }

    .page-template-default .entry-content,
    .definition-template-default .entry-content {
        clear: both;
    }
    .entry-content > * {
        padding-left: 40px;
        padding-right: 0;
        width: 60%;
        max-width: 60%;
        float: left;
    }

    body:is(
            .page-template-default,
            .definition-template-default,
            .page-template-page-personal-collection,
            .page-template-page-ripped-merchandise,
            .page-template-page-header-image
        )
        .entry-content
        > * {
        width: 100%;
        max-width: 1160px;
        margin: 0px auto 24px auto;
        float: none;
        padding-right: 40px;
    }
    body:is(
            .page-template-default,
            .definition-template-default,
            .page-template-page-personal-collection,
            .page-template-page-ripped-merchandise,
            .page-template-page-header-image
        )
        .entry-content
        > ul,
    body:is(
            .page-template-default,
            .definition-template-default,
            .page-template-page-personal-collection,
            .page-template-page-ripped-merchandise,
            .page-template-page-header-image
        )
        .entry-content
        > ol {
        padding-left: 96px;
    }
    body:is(
            .page-template-default,
            .definition-template-default,
            .page-template-page-personal-collection,
            .page-template-page-ripped-merchandise,
            .page-template-page-header-image
        )
        .entry-content
        > ul
        > li,
    body:is(
            .page-template-default,
            .definition-template-default,
            .page-template-page-personal-collection,
            .page-template-page-ripped-merchandise,
            .page-template-page-header-image
        )
        .entry-content
        > ol
        > li {
    }

    .page-template-default.body-first-block-hero .entry-content > * {
        padding-left: 40px;
        padding-right: 0;
        width: 60%;
        max-width: 60%;
        float: left;
    }

    .entry-content > .wp-block-group.has-background {
        max-width: none;
        padding-left: 0px;
        padding-right: 0px;
        float: none;
        clear: both;
    }
    .entry-content > .wp-block-group.has-background .wp-block-group__inner-container {
        padding-left: 40px;
        padding-right: 40px;
    }

    .entry-content > .is-style-inline-callout,
    .entry-content > .wp-block-group.is-style-inline-callout.has-background {
        margin-right: 6%;
        margin-left: 0;
        padding: 0;
        width: 25%;
        max-width: 25%;
        float: right;
        clear: none;
    }

    .entry-content > .hero-container,
    .page-template-default.body-first-block-hero .entry-content > .hero-container {
        width: 32%;
        max-width: 32%;
        position: absolute;
        top: 108px;
        right: 20px;
    }
    .video-container {
        max-height: 420px;
        padding-left: 0;
    }
    .single-post .category-video .entry-content {
        min-height: 1100px;
    }
    .video-container video {
        box-shadow: none;
        border: 1px solid #000;
    }
    .wp-block-video .video-button,
    .video-container .video-button {
        top: 30%;
    }
}

@media screen and (min-width: 1024px) {
    .page-header,
    .entry-header {
        padding: 148px 0 0 40px;
    }
    .page-template-default .page-header,
    .page-template-default .entry-header,
    .definition-template-default .entry-header {
        padding: 140px 0 0 40px;
    }

    .page-template-default .page-header.short-title-extra-padding,
    .page-template-default .entry-header.short-title-extra-padding,
    .definition-template-default .entry-header.short-title-extra-padding {
        padding: 132px 0 0 40px;
    }

    .single-post.body-first-block-hero .entry-header-has-category.short-title-extra-padding {
        padding: 208px 0 0 40px;
    }

    .category-title-prefix {
        font-size: 24px;
        line-height: 24px;
    }

    .entry-content > .hero-container,
    .page-template-default.body-first-block-hero .entry-content > .hero-container {
        width: 35%;
        max-width: 35%;
    }
    .video-container {
        max-height: 560px;
    }

    .video-container video {
        height: 100%;
    }

    .wp-block-video .video-button,
    .video-container .video-button {
        top: 47%;
    }
}

@media only screen and (min-width: 1160px) {
    .entry-content > .wp-block-group.has-background {
        margin-left: calc(-100vw / 2 + 1160px / 2);
        margin-right: calc(-100vw / 2 + 1160px / 2);
    }
    .entry-content > .is-style-inline-callout,
    .entry-content > .wp-block-group.is-style-inline-callout.has-background {
        margin-right: 6%;
        margin-left: 0;
    }
}

@media screen and (min-width: 1280px) {
    .page-header,
    .entry-header {
        padding: 120px 0 0 0;
    }

    .body-first-block-hero .entry-header {
        padding: 168px 0 0 0;
        width: 668px;
        max-width: 668px;
    }
    .single.body-first-block-hero .category-checklist-spotlight .entry-header,
    .single.body-first-block-hero .category-brands .entry-header,
    .single.body-first-block-hero .category-behind-the-design .entry-header,
    .single.body-first-block-hero .category-inside-the-box .entry-header,
    .single.body-first-block-hero .category-how-to-collect .entry-header {
        padding-top: 160px;
    }
    .single.body-first-block-hero .entry-header h1.entry-title {
        font-size: 108px;
        line-height: 106px;
    }
    .single.body-first-block-hero .category-checklist-spotlight .entry-header h1.entry-title,
    .single.body-first-block-hero .category-brands .entry-header h1.entry-title,
    .single.body-first-block-hero .category-behind-the-design .entry-header h1.entry-title,
    .single.body-first-block-hero .category-inside-the-box .entry-header h1.entry-title,
    .single.body-first-block-hero .category-how-to-collect .entry-header h1.entry-title {
        font-size: 96px;
        line-height: 94px;
    }

    .page-template-default .page-header,
    .page-template-default .entry-header,
    .definition-template-default .entry-header {
        padding: 64px 0 0 20px;
    }
    .page-template-default .page-header.short-title-extra-padding,
    .page-template-default .entry-header.short-title-extra-padding,
    .definition-template-default .entry-header.short-title-extra-padding {
        padding: 132px 0 0 20px;
    }
    .single-post.body-first-block-hero .entry-header-has-category.short-title-extra-padding {
        padding: 252px 0 0 0;
    }

    .entry-content {
        padding-left: 0;
    }

    .entry-content > * {
        width: 668px;
        max-width: 668px;
        padding-left: 0px;
    }
    .search-results .entry-content > * {
        width: auto;
    }

    .page-template-default.body-first-block-hero .entry-content > * {
        width: 668px;
        max-width: 668px;
        padding-left: 0px;
    }

    .site-content {
        padding: 0px 0px 0px 80px;
        max-width: 1280px;
        position: relative;
    }

    .entry-content > .wp-block-group.has-background {
        margin-left: calc(-100vw / 2 + 1120px / 2);
        margin-right: calc(-100vw / 2 + 1120px / 2);
    }
    .entry-content > .wp-block-group.has-background .wp-block-group__inner-container {
        padding-left: 20px;
        padding-right: 40px;
    }
    .entry-content > .is-style-inline-callout,
    .entry-content > .wp-block-group.is-style-inline-callout.has-background {
        margin-right: 6%;
        margin-left: 0;
        margin-right: 118px;
        width: 248px;
        max-width: 248px;
        padding: 16px;
    }
    .entry-content > .wp-block-group.is-style-inline-callout.has-background .wp-block-group__inner-container {
        padding: 0;
    }

    .entry-content > .hero-container,
    .page-template-default.body-first-block-hero .entry-content > .hero-container {
        width: 400px;
        max-width: 400px;
        top: 0;
        right: 40px;
    }
}

/*--------------------------------------------------------------
## Header Image Template
--------------------------------------------------------------*/
body:is(.page-template-page-ripped-merchandise, .page-template-page-header-image) #masthead {
    position: relative;
    background-color: transparent !important;
}

body:is(.page-template-page-ripped-merchandise, .page-template-page-header-image) #masthead .site-header-inner {
    padding: 0px 60px;
}

body:is(.page-template-page-ripped-merchandise, .page-template-page-header-image) .ripped-header-image {
    height: 400px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    width: 100%;
}

body:is(.page-template-page-ripped-merchandise, .page-template-page-header-image) .ripped-header-image .ripped-header-gradient {
    width: 100%;
    height: 100%;
}

body:is(.page-template-page-ripped-merchandise, .page-template-page-header-image) .site-content {
    position: relative;
}

body.page-template-page-header-image .entry-header:not(.short-title-extra-padding) {
    max-width: 70%;
    padding: 164px 0px 0px 40px;
}
body.page-template-page-ripped-merchandise .entry-header {
    padding: 288px 20px 0 20px;
}

.page-template-page-header-image .entry-content {
    position: relative;
}

body.page-template-page-header-image .fancybox-container .fancybox-toolbar {
    opacity: 1 !important;
    visibility: visible !important;
    top: -16px !important;
    right: -16px !important;
}

body.page-template-page-header-image .fancybox-button {
    background-color: #68ec93 !important;
    border-radius: 8px !important;
    color: #000;
}

body.page-template-page-header-image .fancybox-container .fancybox-image {
    max-height: 548px;
    width: auto;
}

@media only screen and (min-width: 430px) {
    body.page-template-page-header-image .entry-header:not(.short-title-extra-padding) {
        max-width: 56%;
        padding: 146px 0px 0px 40px;
    }
}

@media only screen and (min-width: 575px) {
    body:is(.page-template-page-ripped-merchandise, .page-template-page-header-image) .ripped-header-image {
        height: 380px;
        background-size: cover;
    }
    body.page-template-page-ripped-merchandise .entry-header {
        padding: 256px 20px 0 20px;
    }

    body.page-template-page-header-image .entry-header:not(.short-title-extra-padding) {
        max-width: 88%;
        padding: 232px 0px 0px 40px;
    }
}
@media only screen and (min-width: 768px) {
    body.page-template-page-header-image .entry-header:not(.short-title-extra-padding) {
        max-width: 92%;
        padding: 184px 40px 0px 40px;
    }
    body.page-template-page-ripped-merchandise .entry-header {
        padding: 248px 40px 0 40px;
    }
}

@media only screen and (min-width: 1024px) {
    body:is(.page-template-page-ripped-merchandise, .page-template-page-header-image) .ripped-header-image {
        height: 440px;
    }

    body.page-template-page-header-image .entry-header:not(.short-title-extra-padding) {
        max-width: 72%;
        padding: 228px 40px 0px 40px;
    }
    body.page-template-page-ripped-merchandise .entry-header {
        padding: 308px 40px 0 40px;
    }
}

@media only screen and (min-width: 1280px) {
    body:is(.page-template-page-ripped-merchandise, .page-template-page-header-image) .ripped-header-image {
        height: 520px;
    }

    body.page-template-page-header-image .entry-header:not(.short-title-extra-padding) {
        padding: 288px 40px 0px 40px;
        max-width: 60%;
    }
    body.page-template-page-ripped-merchandise .entry-header {
        padding: 384px 20px 0 20px;
    }
}

/*--------------------------------------------------------------
## Merchandise Page Template
--------------------------------------------------------------*/
body.page-template-page-ripped-merchandise #site-header-fixed,
body.page-template-page-ripped-merchandise #mobile-navigation,
body.page-template-page-ripped-merchandise .main-navigation li:not(.menu-button) {
    display: none !important;
}

body.page-template-page-ripped-merchandise .site-branding {
    width: 100%;
    margin: 12px 0px;
    padding: 0px 20px;
}

body.page-template-page-ripped-merchandise .site-branding .custom-logo-link {
    background-image: url("images/ripped-fanatics-logo.svg");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    height: 57px;
    width: 243px;
    max-width: 243px;
}

body.page-template-page-ripped-merchandise .site-branding img {
    opacity: 0;
}

.page-template-page-ripped-merchandise .entry-content h2 {
    font-family: "Right Serif Normal";
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    /* 48px */
    margin-top: 60px;
    background: linear-gradient(
        180deg,
        white 0%,
        white 47.88%,
        rgba(112, 245, 228, 0.9) 47.88%,
        rgba(112, 245, 228, 0.9) 53.12%,
        white 53.12%,
        white 100%
    );
    padding-left: 0px;
}

.page-template-page-ripped-merchandise .entry-content h2 .header-inner {
    display: inline-block;
    background-color: #fff;
    padding-right: 24px;
    padding-left: 20px;
}

/* NOTE: custom-gallery-links styles for template >> custom block styles */

.page-template-page-ripped-merchandise .site-footer .wp-block-image.ripped-logo {
    background-image: url("images/ripped-fanatics-logo.svg");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    height: 57px;
    width: 200px;
    max-width: 243px;
}

.page-template-page-ripped-merchandise .site-footer .wp-block-image.ripped-logo img {
    opacity: 0;
}

@media only screen and (min-width: 700px) {
    .page-template-page-ripped-merchandise .entry-content h2 .header-inner {
        padding-left: 40px;
    }
}

@media only screen and (min-width: 1280px) {
    .page-template-page-ripped-merchandise .entry-content h2 .header-inner {
        padding-left: 0px;
    }
}

/*--------------------------------------------------------------
## Definitions
--------------------------------------------------------------*/
.entry-content .single-definition-content p {
    font-size: 24px;
}

.definition-cards .single-definition {
    width: 280px;
    height: 200px;
    margin: 0px auto 30px;
    perspective: 1000px;
    background-color: transparent;
}

.single-definition-inner {
    position: relative;
    width: 100%;
    height: 100%;
    border: 1px solid;
    text-align: left;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.definition-cards .single-definition:hover .single-definition-inner {
    transform: rotateY(180deg);
}

.single-definition-front,
.single-definition-back {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 8px 16px;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
}

.single-definition-front {
    background-color: #fff;
    color: #000 !important;
    font-family: "Right Serif Tight Medium";
    font-size: 54px;
    line-height: 100%;
}

/* Style the back side */
.single-definition-back {
    color: #000;
    transform: rotateY(180deg);
}

.single-definition-back .single-definition-back-title,
.single-definition-back .single-definition-back-title a {
    font-family: "Right Serif Tight Medium";
    font-size: 52px;
    margin-bottom: 0px;
    text-decoration: none;
    color: #000;
    font-weight: 500;
    line-height: 100%;
}

.single-definition-back .single-definition-back-excerpt {
    font-size: 11px;
    line-height: 130%;
    font-weight: 400;
}
.single-definition-back .single-definition-back-excerpt a {
    color: #000;
}

.single-definition-icon {
    position: absolute;
    bottom: 0px;
    left: 8px;
    width: 64px;
}

.entry-content .glossary-search-container,
.entry-content .gallery-search-container {
    clear: both;
    margin-bottom: 60px !important;
}
.glossary-search-container input,
.gallery-search-container input {
    width: 100%;
    padding: 10px 4px 8px 36px;
    background-image: url(images/icons/search.svg);
    background-position: left 8px top 8px;
    background-repeat: no-repeat;
    background-size: 20px;
}
.glossary-search-container input::placeholder {
    color: #000;
}

.entry-content .single-definition-post-title-icon {
    float: none;
    width: 160px;
    display: none;
}
.entry-content .single-definition-post-title-icon img {
    width: 150px;
    height: auto;
}
.wp-block-tag-cloud a {
    display: block;
    line-height: 90%;
    font-family: "Right Serif Tight Medium";
    color: #000;
    text-decoration: none;
    margin-bottom: 40px;
}

.topics-link {
    display: block;
}

@media only screen and (min-width: 375px) {
    .definition-cards .single-definition {
        width: 335px;
        height: 240px;
    }
}

@media only screen and (min-width: 390px) {
    .definition-cards .single-definition {
        width: 350px;
        height: 250px;
    }
    .single-definition-front,
    .single-definition-back .single-definition-back-title,
    .single-definition-back .single-definition-back-title a {
        font-size: 58px;
        margin-bottom: 16px;
    }
    .single-definition-back .single-definition-back-excerpt {
        font-size: 12px;
    }
}

@media only screen and (min-width: 575px) {
    .definition-cards {
        display: grid;
        column-gap: 2%;
        row-gap: 30px;
        width: auto;
        height: auto;
        grid-template-columns: 47% 47%;
    }
    .definition-cards .single-definition {
        max-width: none;
        margin: 0;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        aspect-ratio: 5 / 7;
        width: 100%;
        height: auto;
    }
    .single-definition-front,
    .single-definition-back .single-definition-back-title,
    .single-definition-back .single-definition-back-title a {
        font-size: 70px;
    }
    .single-definition-back .single-definition-back-excerpt {
        font-size: 13px;
    }
    .entry-content .single-definition-post-title-icon {
        float: right;
        width: 160px;
        margin-left: 20px;
        display: block;
    }

    .entry-content .glossary-search-container,
    .entry-content .gallery-search-container {
        padding-right: 40px;
    }
}
@media only screen and (min-width: 768px) {
    .definition-cards {
        padding-right: 20px;
        grid-template-columns: 32% 32% 32%;
    }
    .single-definition-front,
    .single-definition-back .single-definition-back-title,
    .single-definition-back .single-definition-back-title a {
        font-size: 58px;
    }
    .single-definition-back .single-definition-back-excerpt {
        font-size: 12px;
    }

    .entry-content .glossary-search-container,
    .entry-content .gallery-search-container {
        padding-right: 40px;
    }

    .wp-block-tag-cloud {
        columns: 2;
    }
    .wp-block-tag-cloud a {
        padding-right: 20px;
    }
}

@media only screen and (min-width: 1024px) {
    .definition-cards .single-definition {
        aspect-ratio: 7 / 5;
    }

    .wp-block-tag-cloud {
        columns: 3;
    }
}

@media only screen and (min-width: 1200px) {
    .single-definition-front,
    .single-definition-back .single-definition-back-title,
    .single-definition-back .single-definition-back-title a {
        font-size: 70px;
    }
    .single-definition-back .single-definition-back-excerpt {
        font-size: 13px;
    }
}

/*--------------------------------------------------------------
## Blog and Archive
--------------------------------------------------------------*/

body:is(.blog, .archive) .site-main article:first-of-type {
}

body:is(.blog, .archive) .page-header {
    margin-bottom: 40px;
    padding: 72px 20px 0 20px;
    max-width: none;
    width: 100%;
}

.archive-listing-container {
    clear: left;
    display: grid;
    grid-template-columns: 100%;
    row-gap: 24px;
    padding: 0;
}

.archive-listing-container article {
    clear: both;
    display: grid;
    grid-template-columns: 70% 30%;
    align-items: center;
    row-gap: 32px;
    padding: 0px 20px;
}

.archive-listing-container article .archive-entry-text {
    padding-right: 4px;
}

.entry-header.entry-header-archive {
    background-color: transparent !important;
    margin: 0 0 0 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
}

.entry-header.entry-header-archive a {
    color: #333;
    text-decoration: none;
}

.entry-header.entry-header-archive .entry-title {
    font-size: 20px;
    text-shadow: none;
    text-transform: none;
    margin: 2px 0 8px 0;
}

.entry-header.entry-header-archive .entry-meta,
.entry-header.entry-header-archive .entry-meta a {
    font-family: "Formula Condensed";
    font-size: 12px;
    color: #333;
    text-transform: uppercase;
}

body:is(.blog, .archive) .entry-content {
    padding: 0;
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    line-height: 140%;
    width: 100%;
    max-width: none;
}

body:is(.blog, .archive, .search-results) .entry-content > * {
    float: none;
    clear: none;
    max-width: none;
}

body.search-results .entry-content {
    float: none;
    clear: both;
    width: 100%;
}

.archive-entry-thumbnail {
    display: block;
}

.archive-entry-thumbnail img {
    width: 100%;
    height: auto;
    border: 1px solid #333;
}

body:is(.blog, .archive) .site-content {
    padding-bottom: 60px;
}

@media only screen and (min-width: 575px) {
    .archive-listing-container {
        grid-template-columns: 50% 50%;
        row-gap: 30px;
        padding: 0;
    }

    .archive-listing-container article {
        display: grid;
    }

    .archive-listing-container article:nth-child(odd) {
        padding: 0px 10px 0px 20px;
    }

    .archive-listing-container article:nth-child(even) {
        padding: 0px 20px 0px 10px;
    }

    .entry-header.entry-header-archive .entry-meta,
    .entry-header.entry-header-archive .entry-meta a {
        font-size: 10px;
    }

    .entry-header.entry-header-archive .entry-title {
        font-size: 16px;
    }

    body:is(.blog, .archive) .entry-content {
        font-size: 12px;
    }
}

@media only screen and (min-width: 768px) {
    body:is(.blog, .archive) .page-header {
        padding: 72px 20px 0 20px;
    }

    .archive-listing-container article:nth-child(odd) {
        padding: 0px 20px 0px 20px;
    }

    .archive-listing-container article:nth-child(even) {
        padding: 0px 20px 0px 20px;
    }

    .entry-header.entry-header-archive .entry-meta,
    .entry-header.entry-header-archive .entry-meta a {
        font-size: 12px;
    }

    .entry-header.entry-header-archive .entry-title {
        font-size: 20px;
    }

    body:is(.blog, .archive) .entry-content {
        font-size: 14px;
        display: block;
    }
}

@media only screen and (min-width: 1024px) {
    .archive-listing-container article:nth-child(odd) {
        padding: 0px 24px 0px 20px;
    }

    .archive-listing-container article:nth-child(even) {
        padding: 0px 20px 0px 24px;
    }

    .entry-header.entry-header-archive .entry-title {
        font-size: 28px;
    }

    body:is(.blog, .archive) .page-header {
        padding: 60px 20px 0 20px;
    }
}

@media only screen and (min-width: 1100px) {
    .entry-header.entry-header-archive .entry-title {
        font-size: 32px;
    }

    .archive-listing-container article .archive-entry-text {
        padding-right: 8px;
        align-self: flex-start;
        padding-top: 16px;
    }
}

@media only screen and (min-width: 1280px) {
    body:is(.blog, .archive) .page-header {
        padding: 48px 20px 0 20px;
    }
}

/*--------------------------------------------------------------
## Accordion
--------------------------------------------------------------*/
ul.accordion {
    margin: 0px 0px 24px 0px;
    list-style-type: none;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

ul.accordion > li {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
}

ul.accordion > li::before {
    display: block;
    width: 24px;
    height: 24px;
    content: " ";
    background-image: url("images/icons/plus.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center left;
    position: absolute;
    top: 0px;
    left: 0px;
    transition: all 500ms ease-in;
}

ul.accordion > li.active::before {
    background-image: url("images/icons/minus.svg");
    transform: rotate(360deg);
}

ul.accordion ul {
    display: none;
    margin: 0;
    list-style-type: none;
    padding: 0;
}

ul.accordion ul.accordion-reveal {
    margin-bottom: 24px;
}

ul.accordion ul.accordion-reveal li {
    border-left: 4px solid #ddd;
    background-color: #eee;
    padding: 10px 0px 8px 12px;
}

/*--------------------------------------------------------------
## Personal Collections
--------------------------------------------------------------*/

.content-area-pc .entry-header {
    width: 270px;
    padding-right: 0px;
    padding-top: 28px;
}

.content-area-pc .entry-title {
    font-size: 45px;
    line-height: 1;
}

.content-area-pc .entry-content {
    margin-top: 180px;
}

.content-area-pc .gallery-search-container {
    display: none;
}

.personal-collection-thumbnail {
    position: absolute;
    right: 0px;
    top: 136px;
    width: 288px;
    height: auto;
}

.pc-spacer {
    width: 48vw;
    display: block;
    font-size: 1px;
    line-height: 1px;
    opacity: 0;
    float: right;
    clear: right;
    height: 22px;
    padding: 0;
    margin: 0;
}
.pc-spacer.pc-spacer-2 {
    width: 36vw;
}

.pc-spacer.pc-spacer-3 {
    width: 12vw;
}

.pc-spacer.pc-spacer-4 {
    display: none;
    width: 12vw;
}

@media only screen and (min-width: 600px) {
    .content-area-pc .entry-header {
        width: 432px;
        padding-top: 80px;
    }

    .content-area-pc .entry-title {
        font-size: 52px;
    }

    .content-area-pc .entry-content {
        margin-top: 136px;
    }

    .personal-collection-thumbnail {
    }
}

@media only screen and (min-width: 768px) {
    .content-area-pc .entry-header {
        width: 572px;
        padding-top: 72px;
    }

    .content-area-pc .entry-title {
        font-size: 64px;
    }

    .content-area-pc .entry-content {
        margin-top: 120px;
    }

    .content-area-pc .entry-content > * {
        padding-right: 0px;
    }

    .content-area-pc .entry-content > .wp-block-gallery {
        width: 100%;
        max-width: 1160px;
        margin: 0px auto 24px auto;
        float: none;
        padding-right: 40px;
    }

    .pc-spacer {
        display: none;
    }
}

@media only screen and (min-width: 1024px) {
    .content-area-pc .entry-header {
        width: 660px;
        padding-top: 60px;
    }

    .content-area-pc .entry-title {
        font-size: 72px;
    }

    .content-area-pc .entry-content {
        margin-top: 112px;
    }

    .personal-collection-thumbnail {
        top: 69px;
        width: 378px;
    }
}
@media only screen and (min-width: 1280px) {
    body.page-template-page-personal-collection .site-content {
        position: unset;
    }

    .content-area-pc .entry-header {
        width: 780px;
    }

    .content-area-pc .entry-title {
        font-size: 90px;
    }

    .content-area-pc .entry-content {
        margin-top: 148px;
    }
    .content-area-pc .entry-content > .wp-block-gallery {
        margin-top: 140px;
    }
    .personal-collection-thumbnail {
        top: 69px;
        width: 480px;
    }
}

@media only screen and (min-width: 1440px) {
    .personal-collection-thumbnail {
        top: 26px;
        width: 540px;
    }
}

@media only screen and (min-width: 2500px) {
    .content-area-pc .entry-header {
        width: 1100px;
    }

    .content-area-pc .entry-title {
        font-size: 140px;
    }

    .personal-collection-thumbnail {
        top: 26px;
        width: 680px;
    }
}

/*--------------------------------------------------------------
## Sidebar Posts and Pages
--------------------------------------------------------------*/
.sidebar-area {
    margin: 0px 20px 0px 0px;
    max-width: 1160px;
}

/* ===== == = === (768px) === = == ===== */
@media only screen and (min-width: 768px) {
    .sidebar-area {
        position: absolute;
        right: 4px;
        width: 30%;
    }
    #sidebar-area-single-post-first {
        top: 480px;
    }
    #sidebar-area-single-post-second {
        top: 580px;
    }
    .single-post .category-video #sidebar-area-single-post-first {
        top: 560px;
    }
    .single-post .category-video #sidebar-area-single-post-second {
        top: 660px;
    }
}

@media only screen and (min-width: 880px) {
    .sidebar-area {
        right: 10px;
    }
    #sidebar-area-single-post-first {
        top: 520px;
    }
    #sidebar-area-single-post-second {
        top: 620px;
    }
    .single-post .category-video #sidebar-area-single-post-first {
        top: 590px;
    }
    .single-post .category-video #sidebar-area-single-post-second {
        top: 690px;
    }
}

@media only screen and (min-width: 940px) {
    #sidebar-area-single-post-first {
        top: 560px;
    }
    #sidebar-area-single-post-second {
        top: 660px;
    }
    .single-post .category-video #sidebar-area-single-post-first {
        top: 640px;
    }
    .single-post .category-video #sidebar-area-single-post-second {
        top: 740px;
    }
}

@media only screen and (min-width: 1024px) {
    #sidebar-area-single-post-first {
        top: 600px;
    }
    #sidebar-area-single-post-second {
        top: 700px;
    }
    .single-post .category-video #sidebar-area-single-post-first {
        top: 700px;
    }
    .single-post .category-video #sidebar-area-single-post-second {
        top: 800px;
    }
}

@media only screen and (min-width: 1120px) {
    #sidebar-area-single-post-first {
        top: 640px;
    }
    #sidebar-area-single-post-second {
        top: 740px;
    }
}

@media only screen and (min-width: 1200px) {
    #sidebar-area-single-post-first {
        top: 680px;
    }
    #sidebar-area-single-post-second {
        top: 780px;
    }
}
@media only screen and (min-width: 1280px) {
    .sidebar-area {
        right: 30px;
    }
    #sidebar-area-single-post-first,
    .single-post .category-video #sidebar-area-single-post-first {
        top: 600px;
    }
    #sidebar-area-single-post-second,
    .single-post .category-video #sidebar-area-single-post-second {
        top: 700px;
    }
}

/*--------------------------------------------------------------
## Front Page
--------------------------------------------------------------*/
body.home .entry-header {
    display: none;
}

body.home .entry-content > .home-lead-section {
    padding: 0px;
}

.home-lead-section-featured-posts {
    background: linear-gradient(180deg, rgba(217, 217, 217, 0) 50%, #d9d9d9 100%);
    padding: 0 0 2px 0;
}
body.home .entry-content > .home-lead-section .post-single-featured {
    padding-left: 10px;
    padding-right: 10px;
}
body.home .entry-content > .home-lead-section .home-lead-section-extra {
    padding-left: 10px;
    padding-right: 10px;
}

body.home .entry-content > .home-lead-section .button {
    background-color: #fff !important;
}

@media only screen and (min-width: 600px) {
    body.home .site-content {
        padding-top: 48px;
    }
}

@media only screen and (min-width: 768px) {
    body.home .site-content {
        padding-top: 82px;
    }
}

@media only screen and (min-width: 782px) {
    body.home .site-content {
        padding-top: 60px;
        max-width: 100%;
        width: 100%;
    }
    body.home .entry-content > * {
        padding-left: 40px;
        padding-right: 40px;
        float: none;
        max-width: 1200px;
    }

    body.home .entry-content > .home-lead-section {
        max-width: 100%;
        padding: 0px;
        background: linear-gradient(180deg, rgba(217, 217, 217, 0) 50%, #d9d9d9 100%);
    }

    body.home .entry-content > .home-lead-section > .wp-block-group__inner-container {
        max-width: 1280px;
        padding-left: 40px;
        padding-right: 40px;
    }

    body.home .entry-content > .home-lead-section {
    }

    .home-lead-section-featured-posts {
        padding: 0;
        background: transparent;
    }
    body.home .entry-content > .home-lead-section .post-single-featured {
        padding-left: 0;
        padding-right: 0;
    }
    body.home .entry-content > .home-lead-section .home-lead-section-extra {
        padding-left: 0;
        padding-right: 0;
    }

    body.home .entry-content > .home-lead-section .button {
        background-color: #fff !important;
    }
}

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

@media only screen and (min-width: 1280px) {
    body.home .site-content {
        padding-top: 32px;
        max-width: 100%;
        width: 100%;
        padding-left: 0;
    }
    body.home .entry-content > div:is(.video-carousel, .post-carousel) {
        padding-right: 00px;
    }
}

/*--------------------------------------------------------------
## Site Search
--------------------------------------------------------------*/
.search-overlay {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0px;
    left: -100%;
    transition: opacity 0.25s linear;
    opacity: 0;
    background-color: #fe4f77;
}
.search-overlay.show-search {
    opacity: 1;
    left: 0;
}

.search-overlay-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    max-width: 1280px;
    margin: 0px auto;
}

.search-overlay form {
    width: 80%;
    max-width: 500px;
    text-align: right;
    padding-right: 20px;
}
.search-overlay input[type="search"] {
    width: 60%;
    padding: 9px 4px 10px 36px;
    background-image: url(images/icons/search.svg);
    background-position: left 9px top 8px;
    background-repeat: no-repeat;
    background-size: 20px;
}

.search-results .page-header.archive-header {
    margin-bottom: 24px;
}
.search-results .entry-summary {
    padding-bottom: 0;
}

.search-results article {
    padding-bottom: 12px;
    border-bottom: 1px solid #ccc;
    padding-top: 20px;
}

.search-results article .entry-header {
    padding-top: 0;
}

.search-results h4 a {
    color: #000;
}

@media only screen and (min-width: 768px) {
    .search-overlay {
        height: 72px;
        top: 68px;
    }

    .admin-bar .search-overlay {
        top: 114px;
    }

    .search-overlay-inner {
        align-items: center;
        justify-content: flex-end;
    }
    .search-overlay form {
        width: 80%;
        max-width: 500px;
        padding-right: 20px;
    }
    .search-results article .entry-header {
        padding-top: 12px;
        padding-left: 20px;
        margin-bottom: 4px;
        float: none;
        width: 100%;
        max-width: 100%;
    }
}

@media only screen and (min-width: 782px) {
    .admin-bar .search-overlay {
        top: 100px;
    }
}
@media only screen and (min-width: 1024px) {
    .search-results .page-header.archive-header {
        padding-top: 132px;
    }
}

@media only screen and (min-width: 1200px) {
    .search-overlay form {
        padding-right: 40px;
    }
}

@media only screen and (min-width: 1280px) {
    .search-overlay {
        height: 56px;
        top: 66px;
    }
    .admin-bar .search-overlay {
        top: 98px;
    }
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/*--------------------------------------------------------------
# Site Footer
--------------------------------------------------------------*/

.site-footer {
}

.site-footer-inner {
    max-width: 1280px;
    margin: 0px auto;
    padding: 0px 20px 72px 20px;
    font-size: 15px;
}

.site-footer p {
    margin-top: 0px;
}

.site-footer a {
    text-decoration: none;
    color: #000;
}
.site-footer a:hover {
    text-decoration: underline;
    color: #000;
}

.site-footer a i {
    font-size: 20px;
    padding: 0px 5px;
}

.footer-widgets .widget {
    text-align: left;
    margin-bottom: 0px;
}
.footer-widgets .widget figure {
    margin-top: 24px;
    max-width: 240px;
}

.footer-widgets .widget h6 {
    margin-top: 30px;
    margin-bottom: 12px;
    font-size: 1.25em;
}

.footer-widgets .widget p {
    margin-bottom: 4px;
}

.site-footer .mc4wp-name,
.site-footer .mc4wp-form label {
    display: none;
}

.site-footer .wp-block-latest-posts.wp-block-latest-posts__list {
    text-transform: uppercase;
}

.site-footer .wp-block-latest-posts.wp-block-latest-posts__list li {
    margin-bottom: 8px;
}

@media only screen and (min-width: 575px) {
    .footer-widgets {
        display: grid;
        gap: 2%;
        grid-template-columns: 49% 49%;
    }
    .footer-widgets .widget {
        padding-left: 24px;
    }

    .footer-widgets .widget:first-child {
        grid-column: 1 / span 2;
        padding-left: 0px;
    }

    .footer-widgets .widget:nth-child(4) {
        grid-column: 1 / span 2;
    }
}

@media only screen and (min-width: 768px) {
    .footer-widgets {
        display: grid;
        gap: 2%;
        grid-template-columns: 32% 32% 32%;
    }
    .footer-widgets .widget:first-child {
        grid-column: 1 / span 3;
        padding-left: 0px;
    }

    .footer-widgets .widget:nth-child(4) {
        grid-column: auto;
    }
}

@media only screen and (min-width: 1024px) {
    .footer-widgets {
        grid-template-columns: 20% 26% 17% 17%;
        gap: 6.5%;
        padding-left: 0px;
    }
    .footer-widgets .widget:first-child {
        grid-column: auto;
    }
}

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

/*--------------------------------------------------------------
## Back to Top Button
--------------------------------------------------------------*/
.back-to-top {
    position: fixed;
    width: 36px;
    height: 48px;
    opacity: 0;
    right: -50px;
    bottom: 15px;
    background-image: url(images/icons/arrow-double-up.png);
    background-size: contain;
    background-position: center right;
    background-repeat: no-repeat;
    text-indent: -99999px;
    display: block;
    transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    z-index: 999;
}

/*
.back-to-top.scrolled {
  opacity: 0.8;
  right: 16px;
  bottom: 16px;
}
*/
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

.wp-block-embed iframe {
    display: block;
    margin: 0px auto;
}
.wp-block-embed .wp-element-caption {
    text-align: center;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
    display: block;
    width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.wp-block-gallery {
    display: grid;
    grid-template-columns: 45% 45%;
    column-gap: 5%;
    row-gap: 16px;
}
.wp-block-gallery.columns-1 {
    grid-template-columns: 100%;
}

.wp-block-gallery.has-nested-images figure.wp-block-image,
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
    width: 100% !important;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    background: none;
    bottom: auto;
    color: #000;
    font-size: 14px;
    position: relative;
    text-align: center;
    padding: 16px 8px 0px 8px;
    margin: 0px;
    font-weight: 600;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption a {
    text-decoration: none;
}

.wp-block-column > .wp-block-gallery {
    width: 96%;
}
/* Fancy Caption Gallery */
.wp-block-gallery.is-style-fancy-captions figure.wp-block-image figcaption {
    color: #ff5077;
    text-align: left;
    padding: 8px 0px 0px 0px;
    font-size: 24px;
    font-family: "Right Serif";
    font-weight: 500;
}

.wp-block-gallery.is-style-fancy-captions figure.wp-block-image figcaption strong {
    font-family: "Right Serif Spatial Black";
    font-weight: 900;
    color: #000;
    display: block;
    font-size: 18px;
}

@media only screen and (min-width: 600px) {
    .wp-block-gallery.columns-3,
    .wp-block-gallery.columns-default {
        grid-template-columns: 30% 30% 30%;
    }
}

@media only screen and (min-width: 768px) {
    .wp-block-gallery.columns-4 {
        grid-template-columns: 23.5% 23.5% 23.5% 23.5%;
        column-gap: 2%;
    }
}