body {
                font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
                font-display: swap;
                -moz-osx-font-smoothing: grayscale
            }

            @font-face {
                font-family: 'Gabarito';
                font-style: normal;
                font-weight: 400;
                font-display: swap;
                src: url(https://fonts.gstatic.com/s/gabarito/v8/QGYwz_0dZAGKJJ4t3FFkc3Q8AkNP9Pj248K0Fg.ttf) format('truetype');
            }

            @font-face {
                font-family: 'Gabarito';
                font-style: normal;
                font-weight: 500;
                font-display: swap;
                src: url(https://fonts.gstatic.com/s/gabarito/v8/QGYwz_0dZAGKJJ4t3FFkc3Q8AkNP9Pj20cK0Fg.ttf) format('truetype');
            }

            @font-face {
                font-family: 'Gabarito';
                font-style: normal;
                font-weight: 600;
                font-display: swap;
                src: url(https://fonts.gstatic.com/s/gabarito/v8/QGYwz_0dZAGKJJ4t3FFkc3Q8AkNP9Pj2PcW0Fg.ttf) format('truetype');
            }

            @font-face {
                font-family: 'Gabarito';
                font-style: normal;
                font-weight: 700;
                font-display: swap;
                src: url(https://fonts.gstatic.com/s/gabarito/v8/QGYwz_0dZAGKJJ4t3FFkc3Q8AkNP9Pj2BMW0Fg.ttf) format('truetype');
            }

            :root {
                --header-font: "Gabarito",sans-serif
            }

            h1,h2,h3,h4,h5,h6,.hf {
                font-family: var(--header-font);
                font-weight: bold;
                -moz-osx-font-smoothing: grayscale
            }

            :root {
                --grv-bg: 255,255,255;
                --grv-body: 255,255,255;
                --grv-text: 0,0,0;
                --grv-light-text: 118,118,118;
                --grv-lighter-text: 160,160,160;
                --grv-panel: 249,249,249;
                --grv-panel-bold: 241,241,241;
                --grv-panel-strong: 200,200,200;
                --primary-color: 10,10,10;
                --primary-text: 255,255,255;
                --primary-accent: 0,0,0;
                --secondary-color: 0,0,0;
                --secondary-text: 255,255,255;
                --footer: 0,0,0;
                --heading: 10,10,10;
                --menu-text: 255,255,255;
                --link: 10,10,10;
                --link-accent: 20,20,20;
                --button: 10,10,10;
                --button-text: 255,255,255;
                --fom-icon: 23,23,23;
                --fom-sticky-header-text: 23,23,23;
                --fom-sticky-header-bg: 255,255,255;
                --fom-title: 0,0,0;
                --fom-panel-title: 255,255,255;
                --fom-vert-music: 26,71,40;
                --fom-bg-vert-music: 26,71,40;
                --fom-vert-film: 122,5,5;
                --fom-bg-vert-film: 122,5,5;
                --fom-vert-art: 160,67,34;
                --fom-vert-travel: 150,121,0;
                --fom-txt-vert-music: 255,255,255;
                --fom-txt-vert-film: 255,255,255;
                --fom-bg-vert-art: 160,67,34;
                --fom-txt-vert-art: 255,255,255;
                --fom-bg-vert-travel: 150,121,0;
                --fom-txt-vert-travel: 255,255,255;
                --fom-vert: 22,22,22;
                --fom-bg-vert: 22,22,22;
                --fom-txt-vert: 255,255,255;
                --c-arrow: 0,0,0;
                --c-button: 241,241,241;
                --menu-accent-text: 255,255,255;
                --header: 10,10,10;
                --header-text: 255,255,255;
                --primary-accent-text: 255,255,255;
                --terms: 0,0,0;
                --terms-text: 255,255,255;
                --menu: 10,10,10;
                --menu-accent: 0,0,0;
                --footer-text: 255,255,255;
                --button-accent: 0,0,0;
                --button-accent-text: 255,255,255;
            }

            html {
                line-height: 1.15;
                -webkit-text-size-adjust: 100%
            }

            body {
                margin: 0
            }

            main {
                display: block
            }

            h1 {
                font-size: 2em;
                margin: .67em 0
            }

            hr {
                box-sizing: content-box;
                height: 0;
                overflow: visible
            }

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

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

            b,strong {
                font-weight: bolder
            }

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

            small {
                font-size: 80%
            }

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

            sub {
                bottom: -0.25em
            }

            sup {
                top: -0.5em
            }

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

            button,input {
                overflow: visible
            }

            button,select {
                text-transform: none
            }

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

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

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

            fieldset {
                padding: .35em .75em .625em
            }

            legend {
                box-sizing: border-box;
                display: table;
                max-width: 100%;
                padding: 0;
                white-space: normal
            }

            progress {
                vertical-align: baseline
            }

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

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

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

            ::-webkit-file-upload-button {
                -webkit-appearance: button;
                font: inherit
            }

            details {
                display: block
            }

            summary {
                display: list-item
            }

            :root {
                --page-margin: 1.6rem;
                --minus-page-margin: -1.6rem;
                --page-width: 120rem;
                --grv-ad-sticky: 5px;
                --taboola-h: 1000px;
                --taboola-single-h: 390px;
                --related-h: 1538px;
                --latest-h: 3960px
            }

            @media(min-width: 500px) {
                :root {
                    --taboola-h:790px;
                    --taboola-single-h: 350px
                }
            }

            @media(min-width: 576px) {
                :root {
                    --related-h:1155px;
                    --latest-h: 1440px;
                    --taboola-h: 810px;
                    --taboola-single-h: 370px
                }
            }

            @media(min-width: 768px) {
                :root {
                    --page-margin:2.5rem;
                    --minus-page-margin: -2.5rem;
                    --related-h: 1386px;
                    --latest-h: 1729px;
                    --taboola-h: 940px;
                    --taboola-single-h: 450px
                }
            }

            @media(min-width: 992px) {
                :root {
                    --page-margin:3.8rem;
                    --minus-page-margin: -3.8rem;
                    --taboola-h: 840px;
                    --taboola-single-h: 380px
                }
            }

            @media(min-width: 1200px) {
                :root {
                    --taboola-h:1000px;
                    --taboola-single-h: 460px
                }
            }

            h1,h2,h3,h4,h5,h6 {
                line-height: 1.3
            }

            h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
                font-family: inherit
            }

            a {
                color: rgb(var(--grv-text))
            }

            .caption {
                position: absolute;
                right: 0;
                bottom: 0;
                background: rgba(var(--grv-text), 0.4);
                color: rgb(var(--grv-body));
                display: inline-block;
                text-align: right;
                padding: .25em
            }

            figcaption {
                color: rgb(var(--grv-light-text));
                font-size: .8em;
                font-style: italic
            }

            .banner-grad {
                background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.25) 100%);
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0
            }

            .post-meta {
                display: flex;
                align-items: center;
                gap: .5em;
                line-height: 1
            }

            .post-meta svg {
                width: 1em;
                height: 1em;
                display: block;
                flex: 0 0 1em
            }

            .post-date {
                color: rgb(var(--grv-light-text));
                position: relative
            }

            .post-list .post-date {
                width: 50%;
                overflow: hidden
            }

            .post-list .post-date time {
                --clamp-height: 1;
                display: -webkit-box;
                -webkit-line-clamp: var(--clamp, 1);
                -webkit-box-orient: vertical;
                overflow: hidden;
                min-height: calc(var(--clamp-height, 1.3em)*var(--clamp, 1))
            }

            .post-author a {
                text-decoration: none
            }

            .button {
                display: inline-block;
                border-radius: .25em;
                text-decoration: none;
                padding: .5em 1em;
                white-space: nowrap;
                text-align: center;
                color: rgb(var(--button-text));
                background-color: rgb(var(--button))
            }

            .input-group {
                border-radius: 1em 0 0 1em;
                display: flex;
                align-items: center;
                background: rgb(var(--grv-body));
                padding-left: 1em;
                gap: 1em
            }

            .input-group svg {
                display: block;
                width: 2em;
                height: 2em
            }

            .input-group input[type=text] {
                flex: 1;
                outline: 0;
                border: none;
                background: rgb(var(--grv-body));
                color: rgb(var(--grv-text))
            }

            .input-group button {
                padding: 1em 2em;
                text-transform: uppercase;
                background: rgb(var(--button));
                color: rgb(var(--button-text));
                border-width: 0
            }

            .wp-block-getty-images-media>div,.wp-block-image>div {
                position: relative
            }

            article a img {
                width: 100%;
                height: 100%;
                object-fit: cover
            }

            .wp-block-getty-images-media img,.wp-block-image img,img.size-full,img.size-large,.single-article>p>img {
                max-width: 100% !important;
                height: auto;
                display: block;
                margin: 0 auto
            }

            .wp-block-gallery {
                display: block
            }

            .videoData {
                display: none
            }

            #sidebar .GRVMpuWrapper,#sidebar .GRVAd {
                margin: 2em auto
            }

            #sidebar .GRVMpuWrapper .GRVAd {
                margin: 0 auto
            }

            .GRVAd.leaderboard-fixed {
                transform: translateY(300px) !important
            }

            .GRVAd.leaderboard-fixed.GRVAdHidden .GRVAdWrap {
                transform: translateY(0) !important
            }

            .GRVAd.leaderboard-fixed:not(.GRVAdHidden) .GRVAdWrap {
                transform: translateY(-300px) !important
            }

            body .GRVMpuWrapper {
                background: rgb(var(--grv-panel-bold))
            }

            body .GRVAdBG {
                background: rgba(var(--grv-body), 0.8)
            }

            body .GRVAdBBG {
                fill: rgba(var(--grv-body), 0.8)
            }

            body .GRVAd[data-ad-type=inimage] {
                padding: 0 !important;
                margin: 0;
                box-sizing: content-box;
                position: absolute;
                width: 100%;
                bottom: 0;
                z-index: 2;
                background: none;
                border-bottom-width: 0
            }

            body .GRVAd[data-ad-type=inimage]>div {
                transform-origin: top left;
                margin: 0 auto
            }

            body .GRVAd[data-ad-type=inimage] iframe {
                margin: 0 !important
            }

            .grv-revcontent>:first-child {
                background: #fff
            }

            .post-list a {
                text-decoration: none
            }

            .post-list h2 {
                font-size: 1.4em;
                letter-spacing: -0.4px
            }

            .post-list>article:first-of-type {
                margin-top: 0 !important
            }

            .post-list>:last-child {
                margin-bottom: 0 !important
            }

            .post-list .topic-title+h2 {
                margin-top: 0
            }

            .post-list article {
                margin: 2em 0
            }

            .post-list .article-content:not(.inline)>:first-child {
                margin-top: 0 !important
            }

            .post-list .article-content:not(.inline)>:last-child {
                margin-bottom: 0 !important
            }

            .post-list .article-image {
                height: 0;
                padding-bottom: 56.25%;
                position: relative;
                background-color: rgb(var(--grv-panel-bold))
            }

            .post-list .article-image>a,.post-list .article-image img {
                display: block;
                width: 100%;
                height: 100%;
                position: absolute
            }

            .post-list .article-image img {
                object-fit: cover
            }

            .post-list .article-excerpt {
                color: rgb(var(--grv-light-text))
            }

            .post-list .no-posts p {
                font-size: 1.6em
            }

            .post-list .topic-title a {
                color: rgb(var(--grv-lighter-text));
                font-weight: 700
            }

            .related-list h2 {
                margin: .5em 0;
                --clamp: 3;
                display: -webkit-box;
                -webkit-line-clamp: var(--clamp, 1);
                -webkit-box-orient: vertical;
                overflow: hidden;
                min-height: calc(var(--clamp-height, 1.3em)*var(--clamp, 1))
            }

            .related-list .article {
                margin: 0
            }

            .related-list .article-content {
                margin-top: .7em
            }

            @media(min-width: 576px) {
                .related-list .is-feature .article-image>a {
                    position:absolute;
                    display: block;
                    left: 0;
                    right: 0;
                    top: 0;
                    bottom: 0;
                    border: 3px solid rgb(var(--terms));
                    border-radius: .5em;
                    overflow: hidden;
                    box-sizing: border-box
                }
            }

            .related-list .terms {
                padding-top: 1em
            }

            .sidebar .related-list .terms {
                font-size: .8em
            }

            .related-list .terms>div {
                margin-left: -2em
            }

            .related-list .terms a {
                padding-left: 3.5em;
                padding-right: 1.5em
            }

            .related-list .terms a:hover {
                background: rgb(var(--terms))
            }

            .related-list .terms span {
                padding-left: 0;
                padding-right: 0
            }

            #dots-svg circle {
                fill: rgb(var(--grv-body))
            }

            .load-list {
                position: relative;
                overflow: hidden
            }

            .load-list:before {
                position: absolute;
                display: flex;
                align-items: center;
                justify-content: center;
                content: "";
                font-size: 3em;
                background-color: rgb(var(--grv-panel-bold));
                inset: 0;
                border-radius: .33em;
                color: rgb(var(--grv-body));
                font-weight: bold;
                text-align: center;
                padding: 1em;
                margin: 0 var(--page-margin)
            }

            .load-list .loading {
                position: absolute;
                display: block;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                opacity: .75
            }

            .load-list .article-details {
                height: 1em
            }

            #sidebar .article-details {
                display: flex;
                gap: 1em
            }

            #sidebar .related-list {
                overflow: hidden;
                display: grid;
                grid-template-columns: 1fr;
                gap: 2em
            }

            .archive-list .article-content {
                margin: 1em var(--page-margin);
                font-size: 1.4em
            }

            .archive-list .article-content p {
                font-size: .95em
            }

            .archive-list .article-details {
                display: flex;
                align-items: center;
                gap: 1em;
                margin-top: 1em
            }

            .latest-posts.title>:first-child {
                font-size: 2.4em
            }

            @media(min-width: 576px) {
                .post-list .article-image {
                    border-radius:.5em;
                    overflow: hidden
                }

                .load-list:before {
                    margin: 0
                }

                .archive-list .article {
                    display: flex;
                    gap: 2em
                }

                .archive-list .article-image {
                    flex: 0 0 14em;
                    width: 14em;
                    height: 14em;
                    padding-bottom: 0
                }

                .archive-list .article-content {
                    margin: 0
                }
            }

            @media(min-width: 768px) {
                .archive-list .article-content p {
                    font-size:.8em
                }

                .archive-list .article-details {
                    font-size: .8em
                }
            }

            .author-bio .grv-lp-image {
                width: 12em
            }

            .author-social {
                font-size: 1.6em;
                list-style: none;
                padding: 0;
                display: flex;
                justify-content: center;
                gap: 1em
            }

            .author-social svg {
                display: block;
                width: 2em;
                height: 2em
            }

            .author-social svg path {
                fill: rgb(var(--grv-panel-strong))
            }

            @media(min-width: 576px) {
                .author-bio .grv-lp-image {
                    width:10em
                }
            }

            @media(min-width: 768px) {
                .author-social {
                    justify-content:unset
                }
            }

            .widget-nn {
                margin-bottom: 1.5em;
                background: #555
            }

            .widget-nn>a {
                font-size: .9em;
                display: flex;
                align-items: center;
                color: #fff
            }

            .widget-nn>a>:last-child {
                margin: 0 1em
            }

            .widget-nn img {
                display: block
            }

            html {
                font-size: 62.5%
            }

            body {
                background: rgb(var(--grv-bg));
                color: rgb(var(--grv-text));
                font-size: 14px;
                font-size: 1.4rem;
                line-height: 1.5;
                position: relative
            }

            .content,#page-header,#hero-header {
                font-size: 1rem;
                background-color: rgb(var(--grv-body))
            }

            @media(min-width: 768px) {
                .content,#page-header,#hero-header {
                    font-size:1.2rem
                }
            }

            .header-spacing>:first-child {
                margin-top: 0 !important
            }

            .header-spacing>:last-child {
                margin-bottom: 0 !important
            }

            .header-spacing>* {
                margin: 1.5em var(--page-margin)
            }

            .header-spacing .terms,.header-spacing #hero {
                margin-left: 0;
                margin-right: 0
            }

            #page-header {
                padding-bottom: 2em
            }

            #page-header.has-hero {
                padding-top: 0 !important;
                padding-bottom: 0 !important
            }

            .header-full #page-header {
                padding-top: 2em
            }

            @media(min-width: 992px) {
                #page-header {
                    padding-top:2em
                }
            }

            #hero-header {
                padding-top: 2em;
                padding-bottom: 2em
            }

            .page-container,.header {
                position: relative
            }

            .content {
                display: grid;
                grid-template-areas: "main" "sidebar";
                grid-template-columns: 1fr;
                padding-top: 0;
                padding-bottom: 4em
            }

            .grv-page-open+.content {
                padding-top: 2em
            }

            @media(max-width: 767px) {
                .header-full .grv-page-open+.content.no-margin {
                    padding-top:0
                }
            }

            @media(max-width: 991px) {
                #page:not(.header-full) .grv-page-open+.content {
                    padding-top:0
                }
            }

            .content.is-single.is-banner {
                padding-bottom: 0
            }

            .content.is-single.is-banner+.content {
                padding-top: 4em
            }

            @media(min-width: 992px) {
                .content.has-sidebar {
                    grid-template-columns:auto 30rem;
                    grid-template-rows: auto;
                    column-gap: var(--page-margin);
                    padding-right: var(--page-margin)
                }
            }

            .separator {
                height: 1px;
                background-color: rgb(var(--grv-panel-strong))
            }

            .main {
                max-width: 100%;
                min-width: 100%
            }

            .main>* {
                margin: 2em var(--page-margin)
            }

            @media(min-width: 992px) {
                .has-sidebar .main>* {
                    margin-right:0
                }
            }

            .main>.post-list+.post-list {
                margin-top: 4em
            }

            @media(max-width: 767px) {
                .main .banner,.main .banner-deluxe {
                    margin-left:0;
                    margin-right: 0
                }
            }

            .main>:first-child {
                margin-top: 0 !important
            }

            .main>:last-child {
                margin-bottom: 0 !important
            }

            .main .title,.main .pagination {
                margin-top: 4em
            }

            .main>.description {
                font-size: 1.4em;
                margin-top: .5em;
                margin-bottom: .5em
            }

            @media(max-width: 575px) {
                .main .post-list {
                    margin-left:0;
                    margin-right: 0
                }
            }

            @media(max-width: 991px) {
                .main .single-article {
                    margin-left:0;
                    margin-right: 0
                }
            }

            @media(prefers-color-scheme: dark) {
                body .header-logo img.light {
                    display:none
                }

                body .header-logo img.dark {
                    display: block
                }
            }

            #sidebar .sidebar-inner {
                position: sticky;
                top: var(--grv-ad-sticky, 0)
            }

            #sidebar .sidebar-inner>:first-child {
                margin-top: 0 !important
            }

            @media(max-width: 991px) {
                #sidebar {
                    display:none
                }
            }

            .breadcrumbs a,.terms a {
                text-decoration: none;
                color: rgb(var(--grv-text));
                text-transform: uppercase;
                letter-spacing: -0.4px;
                font-weight: 700
            }

            .breadcrumbs>*,.terms a {
                font-size: 1.2em
            }

            .terms {
                overflow: hidden;
                padding-right: var(--page-margin)
            }

            .terms>div {
                margin: 0 0 -0.24em -1rem
            }

            .terms a {
                display: inline-block !important;
                margin: 0 .25em .2em 0;
                transform: skewX(-35deg);
                font-weight: 300;
                color: rgb(var(--terms-text));
                background-color: rgba(var(--terms), 1);
                padding: 0 var(--page-margin)
            }

            .terms span {
                padding: .25em 1rem;
                display: block;
                transform: skewX(35deg)
            }

            .terms .topic {
                color: rgb(var(--grv-text));
                background-color: rgba(var(--grv-panel-strong), 0.85)
            }

            .terms .home {
                background-color: rgb(var(--grv-text)) !important;
                color: rgb(var(--grv-body)) !important
            }

            .title {
                margin-top: 1em;
                margin-bottom: 1em;
                display: flex;
                align-items: center;
                gap: 1em;
                text-transform: uppercase
            }

            .title a {
                color: rgb(var(--grv-text));
                text-decoration: none
            }

            .title>:first-child {
                margin: 0;
                font-size: 2em
            }

            body.home .title>:first-child {
                font-size: 2.4em
            }

            .title span {
                flex: 1;
                height: 5px;
                background-color: rgb(var(--heading))
            }

            .more-in {
                font-size: 1.6em
            }

            @media(min-width: 768px) {
                .more-in {
                    font-size:1.4em
                }
            }

            .page-description {
                font-size: 1.4em
            }

            .page-description>:first-child {
                margin-top: 0 !important
            }

            .page-description>:last-child {
                margin-bottom: 0 !important
            }

            .page-description p {
                margin: 1em 0
            }

            .page-description a:not(.button),.grv-lp a:not(.button) {
                color: rgb(var(--link))
            }

            .search-page-form {
                font-size: 1.2em
            }

            .search-page-form .input-group,.search-page-form .input-group input {
                background-color: rgb(var(--grv-panel-bold))
            }

            .search-page-form svg path {
                fill: rgb(var(--grv-text))
            }

            .search-form,.banner-container,.gutter-container,.mega-menu {
                display: none
            }

            @media(min-width: 1200px) {
                #page {
                    margin:0 auto;
                    max-width: var(--page-width)
                }
            }

            .page-footer {
                color: rgb(var(--footer-text));
                background-color: rgb(var(--footer))
            }

            .footer {
                margin: 0 auto;
                max-width: var(--page-width);
                padding: 2em var(--page-margin) 10rem;
                box-sizing: border-box
            }

            .footer>div {
                display: grid
            }

            .footer>div>div {
                padding: 1em
            }

            .footer ul,.footer ol {
                list-style: none;
                padding: 0
            }

            .footer svg,.footer img {
                display: block;
                margin: 0 auto
            }

            .footer a {
                color: rgb(var(--footer-text))
            }

            .footer-logo>a:first-child {
                margin-bottom: 2em
            }

            .footer-logo a {
                display: block
            }

            .footer-social {
                text-align: center
            }

            .footer-social ul {
                line-height: 1;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-wrap: wrap
            }

            .footer-social ul a {
                display: block;
                margin: .25em .5em
            }

            .footer-social ul svg {
                width: 2em;
                height: 2em
            }

            .footer-menu ul {
                margin: 0
            }

            .footer-menu ul li {
                padding: .25em 0;
                border-bottom: 1px solid rgba(var(--footer-text), 0.1)
            }

            .footer-menu ul li:before {
                content: "›";
                font-size: 1.2em;
                padding-right: .5em
            }

            .footer-menu ul li:last-child {
                border-bottom-width: 0
            }

            .footer-menu ul li a {
                text-transform: uppercase;
                font-size: .9em;
                text-decoration: none
            }

            .footer-menu ul li button {
                color: rgb(var(--footer-text, #fff));
                text-transform: uppercase;
                font-size: .9em;
                cursor: pointer;
                background: none;
                border: none;
                padding: 0
            }

            .footer-grv li {
                text-align: center;
                line-height: 1.6
            }

            .footer-grv ul {
                margin: 0
            }

            .footer-grv .grv-logo>* {
                height: auto;
                margin-top: .5em;
                margin-bottom: .5em
            }

            .footer-menu .menu li {
                display: none
            }

            .footer-menu .menu li.menu-item {
                display: list-item
            }

            @media(max-width: 359px) {
                .footer svg,.footer img {
                    max-width:100%
                }
            }

            @media(min-width: 360px) {
                .footer>div>div {
                    padding:1em 2em
                }

                .footer-logo svg,.footer-logo img {
                    max-width: 270px;
                    max-height: 130px
                }

                .footer-grv svg,.footer-grv img {
                    max-width: 26rem
                }
            }

            @media(min-width: 768px) {
                .footer {
                    padding-bottom:14rem
                }
            }

            @media(min-width: 992px) {
                .footer>div {
                    grid-template-columns:repeat(3, 1fr)
                }

                .footer-social {
                    text-align: left
                }

                .footer-social ul {
                    justify-content: flex-start
                }
            }

            @media(min-width: 1200px) {
                .footer-logo a {
                    text-align:left
                }
            }

            .archive-list .is-featured {
                position: relative;
                padding: 2em var(--page-margin);
                padding-top: 3em;
                margin-bottom: 3em;
                background-color: rgb(var(--primary-accent))
            }

            .archive-list .is-featured a,.archive-list .is-featured p,.archive-list .is-featured .post-date {
                color: rgb(var(--primary-text))
            }

            .archive-list .is-featured .article-image {
                border-radius: .5em;
                overflow: hidden
            }

            .archive-list .is-featured .article-image,.archive-list .is-featured .article-content {
                margin: 0;
                position: relative
            }

            .archive-list .is-featured:before {
                display: block;
                content: "";
                inset: 0;
                position: absolute;
                background-color: rgb(var(--primary-color));
                transform: translate(0, 1em)
            }

            @media(min-width: 576px) {
                .archive-list .is-featured {
                    background-color:rgb(var(--primary-accent));
                    margin-left: var(--minus-page-margin);
                    margin-right: var(--minus-page-margin)
                }
            }

            @media(min-width: 768px) {
                .archive-list .is-featured {
                    padding-top:3em;
                    margin-bottom: 3em
                }

                .archive-list .is-featured:before {
                    transform: translate(1em, 1em);
                    right: 1em
                }
            }

            @media(min-width: 992px) {
                .archive-list .is-featured {
                    margin-right:-1em;
                    padding-right: 1em
                }

                .archive-list .is-featured:before {
                    right: 0
                }
            }

            .header {
                font-size: 1.1em
            }

            .header a {
                color: rgb(var(--menu-text))
            }

            .header a:hover {
                color: rgb(var(--menu-accent-text))
            }

            .header .header-search path {
                fill: rgb(var(--menu-text))
            }

            .header .header-menu-icon>div,.header .header-menu-icon:before,.header .header-menu-icon:after {
                background: rgb(var(--menu-text))
            }

            .header .header-fix {
                --menu-text: var(--fom-sticky-header-text);
                --menu-accent-text: var(--fom-sticky-header-text)
            }

            .header>div {
                max-width: 1200px;
                margin: 0 auto
            }

            .header:before {
                content: "";
                display: block;
                border-bottom: 1px solid rgb(var(--menu-text));
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                height: 3.5em
            }

            body:not(.home):not(.landing-page) .header {
                position: relative;
                background-color: rgb(var(--primary-color));
                background-image: var(--fom-bg);
                background-repeat: repeat;
                z-index: 999
            }

            body:not(.home):not(.landing-page) .header:before {
                z-index: 1
            }

            body:not(.home):not(.landing-page) .header>div {
                position: relative;
                z-index: 1
            }

            .header svg,.header img {
                display: block
            }

            .header a {
                text-transform: uppercase;
                text-decoration: none
            }

            .header ul {
                list-style: none;
                padding: 0;
                margin: 0;
                display: flex
            }

            body.home .header-bg,body.landing-page .header-bg {
                background-color: rgb(var(--primary-color));
                background: var(--fom-bg);
                width: 100%;
                top: 0;
                height: 20rem;
                display: block;
                position: absolute;
                background-repeat: repeat;
                z-index: -1
            }

            .header-grid {
                height: 3.5em;
                padding: 0 var(--page-margin);
                display: flex;
                letter-spacing: 1px;
                align-items: center;
                width: 100%;
                box-sizing: border-box;
                position: relative
            }

            .header-grid .header-menu-icon.open {
                visibility: hidden
            }

            .header-grid>div {
                margin-right: 2em
            }

            .header-grid>div:last-child {
                margin-right: 0
            }

            @media(max-width: 450px) {
                .header-grid>div {
                    margin-right:1em
                }
            }

            .header-grid .header-logo {
                margin-right: 0
            }

            .header-menu {
                margin-left: 1em
            }

            .header-menu a {
                display: block;
                padding: .5em 1em;
                font-weight: bold;
                white-space: nowrap
            }

            @media(max-width: 991px) {
                .header-menu {
                    display:none
                }
            }

            .header-social {
                min-width: 4.8em
            }

            @media(min-width: 451px) {
                .header-social {
                    min-width:5.8em
                }
            }

            .header-social ul {
                display: flex;
                justify-content: flex-end;
                gap: 1em
            }

            .header-social svg {
                width: 1.4em;
                height: 1.4em
            }

            @media(max-width: 575px) {
                .header-social li {
                    display:none
                }

                .header-social li.facebook,.header-social li.instagram {
                    display: block
                }
            }

            .header-spacer {
                flex: 1
            }

            @media(max-width: 575px) {
                .header-spacer {
                    flex:0;
                    margin: 0 !important
                }
            }

            .header-grid .header-logo>a {
                display: flex;
                gap: 1em
            }

            @media(max-width: 575px) {
                .header-grid .header-logo {
                    flex-grow:1;
                    margin-left: -0.5em;
                    margin-right: -0.5em
                }

                .header-grid .header-logo>a {
                    justify-content: center
                }
            }

            .header-logo a>* {
                height: 1.4em;
                width: auto
            }

            .header-logo a:not(.split-logo)>*:not(:last-child) {
                display: none
            }

            .header-logo div {
                background: rgb(var(--menu-text));
                width: 1px
            }

            .header-menu .menu-btn a {
                border: 2px solid #fff;
                padding: .25em .75em
            }

            body:not(.home) .large-logo {
                display: none
            }

            .header-fix {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                height: 3em;
                transform: translateY(-3em);
                transition: transform .5s ease-in-out;
                background: rgb(var(--fom-sticky-header-bg));
                box-shadow: 4px 4px 8px rgba(0,0,0,.25);
                padding: 0 calc(50% - 600px);
                z-index: 9
            }

            .sticky .header-fix {
                transform: translateY(0)
            }

            .header-fix .header-grid {
                height: 3em
            }

            .header-fix .menu-btn a {
                border: 2px solid rgb(var(--menu-text))
            }

            .header-fix .header-social svg path {
                fill: rgb(var(--menu-text))
            }

            @media(min-width: 992px) {
                .header-fix .header-logo {
                    padding-right:0;
                    margin-right: 0
                }
            }

            .flyout-menu.mob-hide {
                display: none
            }

            .flyout-menu .sub-menu {
                display: none
            }

            .header-submenu>div {
                overflow: auto
            }

            .header-submenu ul {
                padding-left: calc(var(--page-margin) - 1.5em);
                margin: .5em 0
            }

            .header-submenu a {
                display: block;
                padding: .5em 1.5em;
                font-size: .9em;
                letter-spacing: 1px
            }

            .header-submenu li {
                white-space: nowrap
            }

            .header-menu-icon {
                width: 1.4em;
                height: 1.4rem;
                cursor: pointer;
                position: relative;
                outline: none
            }

            .header-menu-icon>div,.header-menu-icon:before,.header-menu-icon:after {
                content: "";
                position: absolute;
                width: 100%;
                left: 0;
                height: 2px;
                background: rgb(var(--menu-text));
                transition: all .32s
            }

            .header-menu-icon>div {
                top: 6px
            }

            .header-menu-icon:before {
                top: 0
            }

            .header-menu-icon:after {
                bottom: 0
            }

            .header-search {
                cursor: pointer
            }

            .header-search svg {
                width: 1.3em;
                height: 1.3em
            }

            .archive-list .article-content {
                font-size: 1.15em
            }

            .post-list .topic-title>a {
                font-size: 1.2rem !important
            }

            .post-list .article-content p {
                font-size: 1.3rem !important
            }

            .post-list h2 {
                font-size: 1.6em
            }

            .post-list .post-author {
                display: none !important
            }

            .post-list .post-date:after {
                height: 1px
            }

            .post-list .topic-title>a {
                font-weight: 500;
                letter-spacing: .6px;
                text-transform: uppercase
            }

            .post-list .article-content {
                display: flex;
                flex-direction: column;
                gap: .5em
            }

            .post-list .article-content>* {
                margin-top: 0 !important;
                margin-bottom: 0 !important
            }

            .post-list .article-content .article-details {
                margin-top: 1em !important
            }

            .post-list .article-content .topic-title {
                margin-bottom: -0.25em !important
            }

            .post-list .article-excerpt>:first-child {
                margin-top: 0 !important
            }

            .post-list .article-excerpt>:last-child {
                margin-bottom: 0 !important
            }

            .post-list .article-image {
                overflow: hidden
            }

            .post-list .article-image img {
                transition: all 1s
            }

            .post-list .article-image:hover img {
                transform: scale(1.1)
            }

            .post-list .article-image .topic-title {
                position: absolute;
                top: 0;
                left: 0;
                background-color: #000;
                padding: .5em 1em;
                font-size: 1.2em
            }

            .post-list .article-image .topic-title a {
                color: #fff
            }

            .post-list .article-details {
                display: flex;
                align-items: flex-end;
                flex: 1;
                margin-top: 1em
            }

            .post-list .article.full h2 {
                font-size: 3em
            }

            .post-list .post-date {
                width: 100%;
                text-transform: uppercase;
                color: rgb(var(--grv-text))
            }

            .post-list .post-date:before {
                content: "Updated"
            }

            .post-list .post-date:after {
                content: "";
                height: 1px;
                background: rgb(var(--grv-text));
                flex: 1
            }

            .sidebar .post-list .article {
                display: flex;
                flex-direction: column;
                gap: .5em
            }

            .sidebar .post-list .article-excerpt p {
                --clamp: 2;
                display: -webkit-box;
                -webkit-line-clamp: var(--clamp, 1);
                -webkit-box-orient: vertical;
                overflow: hidden
            }

            .fom-sidebar-list {
                display: grid !important;
                flex-grow: 1;
                gap: 2em
            }

            .fom-sidebar-list .article {
                margin: 0 !important
            }

            .topic-stars {
                display: flex;
                position: relative;
                gap: .1em;
                background-color: #000;
                padding: .25em .75em !important;
                width: 5.5em
            }

            .topic-stars svg {
                width: 1em;
                height: 1em;
                display: block;
                margin: .1em 0
            }

            .stars-overlay {
                position: absolute;
                top: 0;
                right: .75em;
                background-color: rgba(0,0,0,.8);
                height: 100%
            }

            @media(max-width: 575px) {
                .post-list h2 {
                    font-size:2rem !important
                }
            }

            @media(min-width: 576px) {
                .archive-list .article {
                    display:grid;
                    grid-template-columns: 14em auto
                }

                .archive-list .article-image {
                    height: 100%
                }

                .archive-list .article-image:after {
                    content: "";
                    display: block;
                    padding-bottom: 85%
                }
            }

            .breadcrumbs a,.post-list .topic-title a,.article-meta .post-author a:first-child,.lets-review-block__final-score .score__wrap .score-overlay-wrap__icon>*:not(.score-overlay) {
                color: rgb(var(--fom-vert))
            }

            .article-tags .terms a {
                background-color: rgb(var(--fom-bg-vert));
                color: rgb(var(--fom-txt-vert))
            }

            .has-more ul li a:hover {
                border-bottom: 5px solid rgb(var(--fom-vert))
            }

            body {
                --link: var(--fom-vert)
            }

            #list-arrow-svg path {
                fill: rgb(var(--c-arrow))
            }

            .c-buttons>* {
                background-color: rgba(var(--c-button), 0.9)
            }

            .c-buttons>*:hover {
                background-color: rgba(var(--c-button), 1)
            }

            body {
                font-family: var(--font-fom-body)
            }

            .header-grid,.header-submenu,#incontent-container h1,.article-tags,.breadcrumbs a,.post-meta {
                font-family: var(--header-font)
            }

            .post-list h2,.article-title h1,.article-meta .post-author,.single-article h2,.single-article h3 {
                font-family: var(--font-fom-subheader)
            }

            #popup-frame h2 {
                font-family: var(--font-fom-popup);
                letter-spacing: 1
            }

            h3,.more-in .button {
                letter-spacing: 1.6px
            }

            .post-list .post-meta,.content-panel .post-meta {
                text-transform: uppercase
            }

            .content-static {
                position: static !important
            }

            .article-image {
                border-radius: 0 !important
            }

            .button {
                border-radius: 0;
                text-transform: uppercase
            }

            .sidebar>:first-child {
                margin-top: 0
            }

            .sidebar .title {
                margin-top: 1em
            }

            .sidebar .title+hr {
                margin-bottom: 1.5em
            }

            .sidebar .sidebar-inner {
                top: var(--grv-ad-sticky) !important
            }

            @media(min-width: 768px) {
                .footer {
                    padding-bottom:6em
                }
            }

            .footer .footer-social {
                margin-bottom: 1em
            }

            .footer .footer-social ul {
                justify-content: center !important
            }

            .footer-logo svg,.footer-logo img {
                width: 270px;
                height: auto
            }

            .main .title+p {
                display: none
            }

            #incontent-container h1 {
                text-transform: uppercase;
                letter-spacing: 4px
            }

            #incontent-container p {
                text-align: center
            }

            .title>:first-child {
                letter-spacing: 1.6px;
                line-height: 1
            }

            .title span {
                height: 3px
            }

            .c-buttons>* {
                position: absolute;
                display: flex;
                top: 50%;
                transform: translateY(-50%);
                height: 5em;
                width: 5em;
                border-radius: 100%;
                z-index: 1;
                cursor: pointer;
                align-items: center;
                justify-content: center;
                margin: 0 1.5em
            }

            .c-buttons svg {
                width: 50%;
                height: 50%
            }

            .c-buttons .prev {
                left: 0
            }

            .c-buttons .prev svg {
                transform: scaleX(-1)
            }

            .c-buttons .next {
                right: 0
            }

            .has-text-align-center {
                text-align: center
            }

            figure.wp-block-embed.wp-block-embed-spotify .wp-block-embed__wrapper {
                padding-bottom: 56.25%
            }

            figcaption {
                text-align: center
            }

            .GRVPrimisVideo .GRVVideo-wrapper {
                padding: 0 !important
            }

            .GRVVideo::before,.GRVPrimisVideo::before {
                display: none !important
            }

            .GRVMpuWrapper .GRVAd {
                top: var(--grv-ad-sticky) !important
            }

            .timeline-content {
                border-top: 1px solid #000;
                padding-top: .5em;
                padding-bottom: .5em
            }

            .timeline-content img {
                max-width: 100%
            }

            #popup-container .popup-content {
                background: url(/wp-content/themes/far-out-magazine/img/tiled-bg.jpg) #fff !important;
                filter: brightness(1.6)
            }

            #popup-container .popup-content>* {
                filter: brightness(0.7)
            }

            #popup-container .popup-content p {
                font-weight: bold
            }

            #swipebox-overlay {
                display: none !important
            }

            .wp-block-grv-media-grv-inline-post {
                display: none
            }

            .article.full {
                min-height: 450px
            }

            .panel-sub-menu li a:hover {
                cursor: pointer
            }

            .content-panel .title {
                font-size: 2em;
                margin-bottom: 0 !important;
                border-color: rgb(var(--fom-title));
                border-style: solid;
                border-width: 3px 0
            }

            .content-panel .title h2,.content-panel .title h3 {
                padding: .25em 0
            }

            .content-panel .title span {
                display: none
            }

            .content-panel .title h3,.content-panel .title h3 a {
                color: rgb(var(--fom-title))
            }

            .content-panel article {
                display: flex;
                flex-direction: column;
                gap: .5em
            }

            @media(max-width: 767px) {
                .content-panel article {
                    gap:1em
                }
            }

            body:not(.archive) .content-panel:not(.content-panel-home,.content-panel-landing,.content-list) article {
                margin: 0 !important
            }

            .content-panel .article-content {
                flex: 1;
                margin-top: 0 !important;
                margin-bottom: 0 !important
            }

            .content-panel .post-meta {
                letter-spacing: .6px
            }

            .content-panel article.full .article-image,.content-panel .panel-k .article-image {
                height: 100%;
                padding-bottom: 0
            }

            .content-panel article.full .article-image:after,.content-panel .panel-k .article-image:after {
                content: "";
                display: block;
                padding-bottom: 56.25%
            }

            .content-panel article.full .topic-stars,.content-panel .panel-k .topic-stars {
                margin: 0 auto
            }

            @media(max-width: 575px) {
                .content-panel .post-list article:nth-of-type(n+6) {
                    display:none
                }

                .content-panel .post-list h2 {
                    font-size: 1.6rem
                }

                .content-panel .post-list .article.full h2 {
                    font-size: 2.4em !important
                }

                .content-panel .archive-list .article-content,.content-panel .archive-list .article-content p {
                    font-size: 1.2rem;
                    line-height: 1.2
                }

                .content-panel .post-meta {
                    font-size: 1.1rem;
                    line-height: 1
                }

                .content-panel .article.full {
                    min-height: 65vh
                }
            }

            .fom-panel-title {
                background: rgba(0,0,0,0) !important
            }

            .fom-panel-title .main>:first-child {
                margin-top: 1em !important
            }

            .fom-panel-title:before {
                position: absolute;
                width: 100%;
                max-width: 1200px;
                left: 0;
                line-height: 1.3;
                font-size: 2em;
                height: 10.8em;
                padding-bottom: 1px;
                background: var(--fom-bg);
                background-repeat: repeat;
                z-index: -1;
                content: ""
            }

            @media(min-width: 1200px) {
                .fom-panel-title:before {
                    left:calc(50% - 600px)
                }
            }

            .fom-panel-title .title {
                border-color: rgb(var(--fom-panel-title));
                border-top-width: 0
            }

            .fom-panel-title .title h3,.fom-panel-title .title h3 a {
                color: rgb(var(--fom-panel-title))
            }

            article.full {
                position: relative;
                min-height: 450px
            }

            article.full .article-content {
                text-align: center;
                width: 100%;
                bottom: 4em;
                top: auto;
                box-sizing: border-box;
                position: absolute;
                padding: 1.5em 2em;
                margin: 0 !important;
                background-color: rgba(0,0,0,.7)
            }

            article.full a,article.full .article-excerpt,article.full .post-date {
                color: #fff !important
            }

            article.full .topic-title {
                font-size: 1.2em
            }

            article.full p {
                margin: 0
            }

            article.full .post-date {
                justify-content: center
            }

            article.full .post-date:after {
                display: none
            }

            .title.has-more {
                justify-content: space-between
            }

            .title.has-more h3 {
                font-size: 2em
            }

            @media(min-width: 576px) {
                .title.has-more h3 {
                    flex-shrink:0
                }
            }

            .title.has-more ul {
                list-style-type: none;
                font-size: .7em;
                height: 1.5em;
                width: 100%;
                margin: 0 0 -0.8em 0;
                padding: 0;
                overflow-y: hidden;
                display: flex;
                flex-wrap: wrap;
                gap: 1em
            }

            .title.has-more ul li {
                white-space: nowrap
            }

            .title.has-more ul li a {
                color: rgb(var(--fom-title));
                font-weight: bold
            }

            .fom-panel-title .title.has-more ul li a {
                color: rgb(var(--fom-panel-title))
            }

            .title.has-more ul li:nth-of-type(n+7) {
                display: none
            }

            @media(max-width: 575px) {
                .title.has-more ul {
                    display:none
                }
            }

            .more-in {
                font-size: 2em
            }

            .title .more-in {
                font-size: 1em
            }

            .more-in .button {
                font-size: 2em;
                color: rgb(var(--fom-title)) !important;
                background-color: rgba(0,0,0,0) !important;
                text-transform: uppercase;
                font-weight: bold;
                display: flex;
                align-items: center;
                justify-content: flex-end;
                gap: .25em;
                padding: 0
            }

            .fom-panel-title .more-in .button {
                color: rgb(var(--fom-panel-title)) !important
            }

            .more-in .button>div {
                font-size: .7em;
                font-weight: 400;
                display: none
            }

            @media(min-width: 768px) {
                .more-in .button>div {
                    display:block
                }
            }

            .more-in .button svg {
                display: block;
                width: .6em;
                height: .6em
            }

            .more-in .button svg path {
                stroke: rgb(var(--fom-title))
            }

            .fom-panel-title .more-in .button svg path {
                stroke: rgb(var(--fom-panel-title))
            }

            .show-all .button {
                display: none
            }

            @media(max-width: 767px) {
                .show-all .button {
                    justify-content:center;
                    font-size: 1.4rem;
                    margin: 0 var(--page-margin);
                    text-transform: uppercase;
                    border-radius: 0;
                    font-size: 1.6rem;
                    font-weight: 600;
                    cursor: pointer;
                    color: rgb(var(--primary-text));
                    background-color: rgb(var(--primary-color))
                }

                .post-list.show-all~.show-all .button {
                    display: flex
                }
            }

            .show-more {
                display: none
            }

            @media(max-width: 575px) {
                .show-more {
                    display:flex;
                    align-items: flex-end;
                    justify-content: center;
                    font-size: 1.4rem
                }

                .show-more .button {
                    width: 100%;
                    text-transform: uppercase;
                    border-radius: 0;
                    font-size: 1.2em;
                    font-weight: 600;
                    cursor: pointer
                }
            }

            @media(max-width: 575px)and (min-width: 768px) {
                .show-more {
                    display:none
                }
            }

            @media(max-width: 575px) {
                .show-all .show-more {
                    display:none
                }

                .show-all article {
                    display: flex !important
                }

                .show-all .article-column {
                    display: block !important
                }
            }

            .content-panel-home {
                background: rgba(0,0,0,0) !important
            }

            .tagline-logo {
                max-width: 100%;
                margin: 0 auto
            }

            @media(max-width: 991px) {
                .tagline-logo {
                    display:none
                }
            }

            .panel-home {
                display: grid;
                grid-template-columns: auto 33rem;
                column-gap: var(--page-margin)
            }

            .panel-home .content-inner {
                display: flex;
                gap: 1.5em
            }

            .panel-home .left-sidebar {
                flex: 0 0 16rem
            }

            @media(max-width: 991px) {
                .panel-home {
                    grid-template-columns:1fr
                }
            }

            @media(max-width: 767px) {
                .panel-home .left-sidebar {
                    display:none
                }
            }

            .panel-home .GRVMpuWrapper {
                position: sticky;
                top: var(--grv-ad-sticky)
            }

            .panel-home .GRVMpuWrapper .GRVAd {
                position: relative !important;
                top: 0 !important
            }

            .panel-home .banner {
                margin-top: 0
            }

            @media(max-width: 575px) {
                .panel-home .banner .article-image {
                    padding-bottom:100%;
                    margin: 0 var(--page-margin)
                }
            }

            @media(max-width: 767px) {
                .panel-home .banner {
                    margin-bottom:1em
                }
            }

            .panel-home .article-excerpt p {
                --clamp: 1;
                display: -webkit-box;
                -webkit-line-clamp: var(--clamp, 1);
                -webkit-box-orient: vertical;
                overflow: hidden
            }

            @media(max-width: 575px) {
                .panel-home .home-content article:not(:first-of-type) .article-excerpt {
                    display:none
                }
            }

            @media(max-width: 575px) {
                .panel-home .panel-list {
                    margin-left:var(--page-margin);
                    margin-right: var(--page-margin)
                }
            }

            .panel-home .panel-list .article-content {
                margin: 0 !important
            }

            .panel-home .panel-list article {
                display: grid;
                grid-template-columns: 12em auto;
                gap: 2em
            }

            .panel-home .panel-list .article-image {
                width: 12em !important;
                height: 100% !important;
                padding-bottom: 0 !important
            }

            .panel-home .panel-list .article-image:after {
                content: "";
                display: block;
                padding-bottom: 100% !important
            }

            .panel-home .panel-list .article:first-of-type {
                grid-template-columns: initial !important
            }

            .panel-home .panel-list .article:first-of-type h2 {
                font-size: 2.5em !important
            }

            .panel-home .panel-list .article:first-of-type .article-image {
                display: none
            }

            @media(max-width: 767px) {
                .panel-home .panel-list .article:not(:first-of-type) h2 {
                    font-size:1.8rem !important
                }
            }

            .panel-home .sidebar {
                display: block !important
            }

            @media(max-width: 575px) {
                .panel-home .sidebar {
                    margin:0 var(--page-margin)
                }
            }

            @media(max-width: 991px) {
                .panel-home .sidebar {
                    margin-top:4em
                }

                .panel-home .sidebar .title {
                    padding-top: 1em
                }

                .panel-home .sidebar .sidebar-inner {
                    margin-top: 2em
                }

                .panel-home .sidebar hr {
                    display: none
                }

                .panel-home .sidebar .post-list {
                    margin-top: 2em
                }

                .panel-home .sidebar .post-list h2 {
                    font-size: 2rem !important
                }
            }

            @media(min-width: 992px) {
                .panel-home .sidebar:before {
                    display:none !important
                }

                .panel-home .sidebar .title {
                    font-size: 1.2em;
                    padding: .5em 0;
                    border-width: 0
                }
            }

            .panel-home .sidebar hr {
                margin-bottom: 0;
                height: 0;
                border-bottom: 1px solid rgb(var(--fom-panel-title))
            }

            .panel-home .sidebar .title {
                margin-top: 0
            }

            .panel-home .sidebar .article-image {
                padding-bottom: 75%
            }

            .content-panel-m .main {
                position: relative;
                object-fit: cover;
                background-size: cover
            }

            .content-panel-m .main .panel-m {
                margin-bottom: 2em !important
            }

            .content-panel-m .title {
                position: absolute;
                z-index: 1;
                background: rgba(0,0,0,.85);
                margin: 0 !important;
                padding: 0 var(--page-margin)
            }

            .content-panel-m .title h3,.content-panel-m .title a {
                color: #fff !important
            }

            .content-panel-m div.cat-desc {
                position: absolute;
                height: auto;
                font-size: 1.6em;
                width: 50%;
                top: 4em
            }

            .content-panel-m div.cat-desc p {
                position: relative;
                color: #fff;
                height: auto;
                --clamp: 10;
                display: -webkit-box;
                -webkit-line-clamp: var(--clamp, 1);
                -webkit-box-orient: vertical;
                overflow: hidden;
                margin-bottom: 4em
            }

            .content-panel-m div.cat-desc a {
                position: absolute;
                bottom: 0;
                border-radius: 0
            }

            @media(max-width: 575px) {
                .content-panel-m div.cat-desc {
                    width:auto
                }
            }

            .panel-m {
                position: relative
            }

            .panel-m .post-list {
                overflow-x: auto;
                overflow-y: hidden;
                display: flex;
                flex-wrap: nowrap;
                gap: 1.5em;
                margin-top: 44em !important;
                scrollbar-width: none
            }

            .panel-m .post-list::-webkit-scrollbar {
                display: none
            }

            .panel-m .article {
                width: 30.25em;
                flex-shrink: 0;
                display: flex;
                flex-direction: column
            }

            .panel-m .article-image {
                padding-bottom: 75%
            }

            .panel-m .hide {
                display: none
            }

            .panel-m .article:not(.full) .topic-stars {
                display: none
            }

            .panel-m .article-image {
                padding-bottom: 100%
            }

            .panel-m .article-content a {
                color: #fff !important
            }

            .panel-m .article-content .post-meta svg {
                color: #fff
            }

            .panel-m .article-content .post-date {
                color: #fff
            }

            .panel-m .article-content .post-date:after {
                background: #fff
            }

            .panel-m .article-excerpt {
                color: #fff
            }

            .fom-panel-b {
                position: relative;
                overflow-x: hidden
            }

            .fom-panel-b .post-list {
                overflow-x: auto;
                overflow-y: hidden;
                display: flex;
                flex-direction: row;
                gap: 1.5em;
                scrollbar-width: none
            }

            @media(max-width: 575px) {
                .fom-panel-b .post-list {
                    display:block
                }

                .fom-panel-b .post-list div.article-column:nth-of-type(n+3) {
                    display: none
                }

                .fom-panel-b .post-list article {
                    width: auto
                }

                .fom-panel-b .post-list .article-content {
                    min-height: 0px;
                    margin-bottom: 3em !important
                }

                .fom-panel-b .post-list article:nth-of-type(n+3) {
                    display: none
                }
            }

            .fom-panel-b .post-list::-webkit-scrollbar {
                display: none
            }

            .fom-panel-b .article {
                width: 30em;
                flex-shrink: 0;
                margin: 0
            }

            .fom-panel-b .article h2 {
                --clamp: 3;
                display: -webkit-box;
                -webkit-line-clamp: var(--clamp, 1);
                -webkit-box-orient: vertical;
                overflow: hidden;
                min-height: calc(var(--clamp-height, 1.3em)*var(--clamp, 1))
            }

            .fom-panel-b .post-list>.article {
                gap: 1.5em !important
            }

            .fom-panel-b .article-image {
                padding-bottom: 75%
            }

            .fom-panel-b .article-content {
                min-height: 10.4em
            }

            .fom-panel-b .hide {
                display: none
            }

            @media(max-width: 575px) {
                .fom-panel-b .c-buttons {
                    display:none
                }
            }

            .fom-panel-c {
                position: relative
            }

            .fom-panel-c .post-list {
                overflow-x: auto;
                overflow-y: hidden;
                display: flex;
                flex-wrap: nowrap;
                gap: 1.5em;
                scrollbar-width: none
            }

            .fom-panel-c .post-list::-webkit-scrollbar {
                display: none
            }

            .fom-panel-c .article {
                width: 22.3rem;
                flex-shrink: 0;
                margin: 0
            }

            @media(min-width: 768px) {
                .fom-panel-c .article {
                    width:26.8rem
                }
            }

            .fom-panel-c .article-image {
                padding-bottom: 75%
            }

            .fom-panel-c .hide {
                display: none
            }

            .content-panel-j .title h3 {
                padding: .35em 0
            }

            .content-panel-j .show-more {
                display: none
            }

            .panel-j {
                transition: opacity .5s,height .2s;
                display: grid;
                grid-template-columns: 100%;
                grid-template-areas: "a" "b" "c" "d" "e" "f" "g" "h";
                gap: 1.5em
            }

            .panel-j[hidden] {
                display: none
            }

            .panel-j .article:nth-of-type(1) {
                grid-area: b
            }

            .panel-j .article:nth-of-type(1) h2 {
                font-size: 2.4em
            }

            .panel-j .article:nth-of-type(4) {
                grid-area: e
            }

            .panel-j .article:nth-of-type(4) h2 {
                font-size: 2.4em
            }

            .panel-j .article:nth-of-type(7) {
                grid-area: h
            }

            .panel-j .article:nth-of-type(7) h2 {
                font-size: 2.4em
            }

            .panel-j .article:nth-of-type(n+8) {
                display: none
            }

            .panel-j .article .article-content .topic-stars {
                display: none
            }

            .panel-j .article-sticky {
                grid-area: a
            }

            .panel-j .article-sticky .article {
                position: sticky;
                top: calc(11.4em + 4px);
                height: calc(100vh - 11.5em);
                max-height: 768px
            }

            @media(max-width: 575px) {
                .panel-j .article-sticky .article {
                    height:65vh
                }

                .panel-j .article-sticky .article:after {
                    content: "";
                    margin: 0 var(--page-margin);
                    height: 1em;
                    border-bottom: 1px solid rgb(var(--fom-icon))
                }
            }

            @media(max-width: 575px) {
                .panel-j.post-list {
                    grid-template-areas:"a" "b"
                }

                .panel-j.post-list article:nth-of-type(n+4) {
                    display: none
                }

                .panel-j.post-list .show-more {
                    display: flex
                }

                .panel-j.post-list.show-all article:nth-of-type(n+4) {
                    display: flex
                }

                .panel-j.post-list.show-all .show-more {
                    display: none
                }
            }

            @media(min-width: 768px) {
                .panel-j {
                    grid-template-columns:2fr 1fr 1fr;
                    grid-template-areas: "a b b" "a c d" "a e e" "a f g" "a h h"
                }

                .content-panel-j .title {
                    position: sticky;
                    top: 1.75em;
                    z-index: 8;
                    background-color: rgb(var(--grv-body))
                }
            }

            .content-panel-k:before,.content-panel-k:after {
                height: 4.3em;
                padding-bottom: 1px
            }

            @media(max-width: 575px) {
                .content-panel-k:before,.content-panel-k:after {
                    height:calc(350px + 3.3em)
                }
            }

            .fom-panel-title .main>.panel-k {
                margin-top: 0 !important
            }

            .panel-k .article {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 2em
            }

            @media(max-width: 575px) {
                .panel-k .article {
                    grid-template-columns:1fr;
                    display: block;
                    gap: 0
                }
            }

            .panel-k .article-image {
                margin-top: 2em;
                height: auto !important
            }

            @media(max-width: 575px) {
                .panel-k .article-image {
                    margin-top:0;
                    height: 350px
                }

                .panel-k .article-image:after {
                    padding-bottom: 0
                }
            }

            .panel-k .article-content {
                margin-top: 2em !important;
                text-align: center;
                gap: 1em
            }

            @media(max-width: 575px) {
                .panel-k .article-content {
                    margin-top:0 !important;
                    margin-left: var(--page-margin);
                    margin-right: var(--page-margin)
                }
            }

            .panel-k .article-content .topic-title {
                margin: 1em 0 !important
            }

            .panel-k .article-content .topic-title>a {
                font-size: 1.4em !important
            }

            .panel-k .article-content .article-more .button {
                width: 100%;
                text-transform: uppercase;
                border-radius: 0;
                font-size: 1.2em;
                font-weight: 600
            }

            .panel-k h2 {
                font-size: 2.6em
            }

            .panel-k h2 a {
                display: block;
                margin: 0
            }

            .panel-k h3 {
                font-size: 2em;
                margin: 0;
                padding: 1em 0;
                color: #fff;
                text-transform: uppercase;
                border-color: #fff;
                border-style: solid;
                border-width: 1px 0 0 0
            }

            .panel-k .article-excerpt {
                order: 3;
                flex: 1;
                display: flex;
                flex-direction: column
            }

            .panel-k .article-excerpt>p {
                font-size: 1.2em !important
            }

            .panel-k .article-more {
                display: flex;
                align-items: flex-end;
                justify-content: center;
                margin-top: 1em;
                order: 4;
                flex-grow: 1
            }

            .content-panel-l:before {
                display: none
            }

            .panel-l {
                display: grid;
                grid-template-columns: 1fr;
                gap: 1.5em
            }

            .panel-l .article {
                margin: 0;
                height: calc(100vh - 11.5em);
                max-height: 768px
            }

            .panel-l .article-image {
                height: auto
            }

            .panel-l .article.full .article-content {
                display: none;
                text-align: left;
                top: 10%;
                bottom: auto
            }

            @media(min-width: 768px) {
                .panel-l {
                    grid-template-columns:1fr 1fr 1fr
                }
            }

            body.home .title>:first-child {
                font-size: 2em
            }

            body.home .header-bg {
                height: 36rem
            }

            .header-main .header-logo {
                flex-grow: 1
            }

            .header-main .header-logo a {
                justify-content: center
            }

            .header-main .header-logo .split-logo>:nth-child(n+2) {
                display: none
            }

            .header-main .header-logo a:not(.split-logo)>:first-child {
                display: block !important
            }

            .header-main .header-logo a:not(.split-logo)>:not(.last-child) {
                display: none
            }

            .header-main .header-spacer {
                flex: 0;
                margin: 0 !important
            }

            .header-main .header-menu {
                margin-left: 0
            }

            @media(min-width: 992px) {
                .header-main .header-logo {
                    display:none
                }

                .header-main .header-spacer {
                    flex: 1
                }
            }

            .large-logo {
                height: 0;
                margin: 2em var(--page-margin);
                margin-bottom: 0
            }

            .large-logo a {
                display: block
            }

            .large-logo img {
                height: 3.5em;
                width: auto;
                max-width: 100%;
                position: relative;
                z-index: 1
            }

            @media(min-width: 992px) {
                .large-logo {
                    padding-left:3em;
                    padding-bottom: .5em
                }

                .large-logo a {
                    font-size: 1.4em
                }
            }

            .vert-music-news-reviews-updates-listings-category,.vert-music {
                --fom-vert: var(--fom-vert-music);
                --fom-bg-vert: var(--fom-bg-vert-music);
                --fom-txt-vert: var(--fom-txt-vert-music)
            }

            .vert-film-category-news-updates,.vert-film {
                --fom-vert: var(--fom-vert-film);
                --fom-bg-vert: var(--fom-bg-vert-film);
                --fom-txt-vert: var(--fom-txt-vert-film)
            }

            .vert-art {
                --fom-vert: var(--fom-vert-art);
                --fom-bg-vert: var(--fom-bg-vert-art);
                --fom-txt-vert: var(--fom-txt-vert-art)
            }

            .vert-travel {
                --fom-vert: var(--fom-vert-travel);
                --fom-bg-vert: var(--fom-bg-vert-travel);
                --fom-txt-vert: var(--fom-txt-vert-travel)
            }

            .large-logo {
                margin-top: 0
            }

            @media(min-width: 992px) {
                .large-logo {
                    padding-left:1.25em
                }
            }