/* Custom CSS here */

:root {
    --blue-0: #001a2b;
    --blue-1: #00395e;
    --blue-2: #183769;
    --blue-3: #00578c;
    --blue-4: #0084be;
    --blue-5: #008bb4;
    --blue-6: #b3d4fc;
    --yellow: #c5a436;
    --yellow-darker: #977d24;

    --green: #98bd86;
    --deep-green: #6eb54b;
    --red: #c61e29;
    --orange: #e94d0e;

    --white: #fff;
    --grey-1: #f7f4f4;
    --grey-2: #ebebeb;
    --grey-3: #8d8d8d;
    --grey-4: #242424;
    --black: #000;

    --primary-color: var(--blue-3);
    --secondary-color: var(--yellow);
    --waring-color: var(--orange);
    --text-color: var(--black);
    --text-color-dark: var(--white);
    --background-hue-1: #eee;
    --background-hue-2: #f0f0f0;
    --background-hue-3: #e3e3e3;
    --background-hue-4: #000000;
    --background-hue-5: #ffffff;
    --overlay-background: #00568cef;
    --card-shadow: 0 1px 4px #00000029;

    --banner-background: url('../../images/televizier_banner_bg.jpg');
    --banner-background-color: var(--primary-color);

    --color-heading: var(--primary-color);
    --color-paragraph: var(--text-color);

    --page-background: var(--grey-1);
    --page-text-color: var(--text-color);

    --post-background-color: #f8f7f8;

    --button-background: var(--primary-color);
    --button-text-color: var(--text-color-dark);
    --button-background-hover: var(--secondary-color);
    --button-text-hover-color: var(--text-color-dark);

    --link-color: var(--primary-color);
    --link-hover-color: var(--secondary-color);

    --card-link-color: var(--primary-color);
    --card-link-hover-color: var(--secondary-color);

    --toolbar-background: var(--banner-background-color);
    --toolbar-text-color: var(--text-color-dark);
    --toolbar-link-color: var(--text-color-dark);
    --toolbar-link-hover-color: var(--yellow);
    --toolbar-link-underline-hover-color: transparent;

    --header-background: var(--white);
    --header-text-color: var(--blue-0);
    --header-title-color: var(--blue-0);
    --header-link-color: var(--black);
    --header-link-hover-color: var(--yellow);
    --header-link-underline-hover-color: transparent;

    --header-nav-button-background-color: transparent;
    --header-nav-button-text-color: var(--white);
    --header-nav-button-hover-background-color: var(--blue-2);
    --header-nav-button-hover-text-color: var(--white);

    --header-search-button-background-color: transparent;
    --header-search-button-mobile-background-color: transparent;
    --header-search-button-text-color: var(--grey-2);
    --header-search-button-hover-background-color: var(--blue-2);
    --header-search-button-hover-text-color: var(--white);

    --header-nav-menu-odd-tint: #fff0;
    --header-nav-menu-even-tint: #fff0;
    --header-nav-menu-item-background-color: var(--white);
    --header-nav-menu-item-hover-text-color: var(--text-color-dark);
    --header-nav-menu-item-hover-background-color: var(--blue-2);

    --footer-background: var(--blue-3);
    --footer-text-color: var(--text-color);
    --footer-title-color: var(--primary-color);
    --footer-link-color: var(--text-color);
    --footer-link-hover-color: var(--yellow);

    --contact-box-background: var(--blue-3);
    --contact-box-text-color: var(--text-color-dark);

    --spoorboek-timeline: var(--yellow);
    --spoorboek-timeline-shadow: transparent;

    --spoorboek-button-background-color: var(--white);
    --spoorboek-button-text-color: var(--text-color);
    --spoorboek-button-hover-background-color: var(
        --spoorboek-button-background-color
    );
    --spoorboek-button-hover-text-color: var(--spoorboek-button-text-color);

    --spoorboek-button-raised-background-color: var(--yellow);
    --spoorboek-button-raised-text-color: var(--text-color-dark);
    --spoorboek-button-raised-hover-background-color: var(--yellow-darker);
    --spoorboek-button-raised-hover-text-color: var(
        --spoorboek-button-raised-text-color
    );

    --spoorboek-program-card-inactive-background-color: var(--grey-3);
    --spoorboek-program-card-inactive-text-color: var(--grey-6);
    --spoorboek-program-card-border-color: var(--page-background);
    --spoorboek-program-card-background: var(--white);
    --spoorboek-program-card-text-color: var(--text-color);
    --spoorboek-program-card-seperator-color: var(--page-background);
    --spoorboek-program-card-button-background-color: var(--grey-1);
    --spoorboek-program-card-button-text-color: var(--white);
    --spoorboek-program-card-button-hover-background-color: var(--grey-5);
    --spoorboek-program-card-button-hover-text-color: var(--grey-2);

    --modal-primary-color: var(--primary-color);
    --modal-secondary-color: var(--white);
    --modal-text-color: var(--text-color);
    --modal-background-color: var(--white);
}

#search--input {
    background-color: var(--grey-1) !important;
}

#subnavigation__wrapper,
.navigation__mobile {
    background: var(--banner-background) no-repeat top center;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    background-color: var(--banner-background-color);
    color: var(--toolbar-text-color);
}

.badge--blue {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(var(--blue-2)),
        color-stop(10%, var(--blue-2)),
        color-stop(52%, var(--blue-5)),
        color-stop(59%, var(--blue-3)),
        to(var(--blue-2))
    );
    background: -webkit-linear-gradient(
        left,
        var(--blue-2),
        var(--blue-2) 10%,
        var(--blue-5) 52%,
        var(--blue-3) 59%,
        var(--blue-2)
    );
    background: -moz-
        oldlinear-gradient(
            left,
            var(--blue-2),
            var(--blue-2) 10%,
            var(--blue-5) 52%,
            var(--blue-3) 59%,
            var(--blue-2)
        );
    background: -o-linear-gradient(
        left,
        var(--blue-2),
        var(--blue-2) 10%,
        var(--blue-5) 52%,
        var(--blue-3) 59%,
        var(--blue-2)
    );
    background: linear-gradient(
        to right,
        var(--blue-2),
        var(--blue-2) 10%,
        var(--blue-5) 52%,
        var(--blue-3) 59%,
        var(--blue-2)
    );
}

.inline-title {
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        from(var(--blue-2)),
        color-stop(10%, var(--blue-2)),
        color-stop(52%, #008bb4),
        color-stop(59%, var(--blue-3)),
        to(var(--blue-2))
    );
    background-image: -webkit-linear-gradient(
        left,
        var(--blue-2),
        var(--blue-2) 10%,
        var(--blue-5) 52%,
        var(--blue-3) 59%,
        var(--blue-2)
    );
    background-image: -moz-
        oldlinear-gradient(
            left,
            var(--blue-2),
            var(--blue-2) 10%,
            var(--blue-5) 52%,
            var(--blue-3) 59%,
            var(--blue-2)
        );
    background-image: -o-linear-gradient(
        left,
        var(--blue-2),
        var(--blue-2) 10%,
        var(--blue-5) 52%,
        var(--blue-3) 59%,
        var(--blue-2)
    );
    background-image: linear-gradient(
        to right,
        var(--blue-2),
        var(--blue-2) 10%,
        var(--blue-5) 52%,
        var(--blue-3) 59%,
        var(--blue-2)
    );
    padding: 4px 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    position: relative;
}

.search--button {
    background-color: var(--yellow);
}

.search--button,
.search-submit {
    background-color: var(--yellow);
}

html {
    background-color: var(--page-background);
    color: var(--page-text-color);
}

.site-content {
    background-color: var(--white);
    color: var(--text-color);
}

.site-main {
    background-color: var(--offwhite);
    color: var(--text-color);
}

/* Footer */

.footer-header-text {
    font-family: 'Open Sans', sans-serif;
    color: var(--footer-title-color);
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}

:is(.site-main, .editor-styles-wrapper) .block {
    background-color: var(--page-background);
    color: var(--page-text-color);
}

/* Navigation */

.search--toggle {
    background-color: var(--header-search-button-background-color);
    color: var(--header-search-button-text-color);
}

.search--toggle:hover {
    background-color: var(--header-search-button-hover-background-color);
    color: var(--header-search-button-hover-text-color);
}

/* site-block colors and backgrounds */
.has-light-bg {
    background-color: var(--background-hue-2);
}

/* custom component/block site specific styling */

:is(.site-main, .editor-styles-wrapper) .hero-cta-button {
    background-color: var(--button-background);
    color: var(--button-text-color);
}

:is(.site-main, .editor-styles-wrapper) .hero-cta-button:hover {
    background-color: var(--button-background-hover);
    color: var(--button-text-hover-color);
}

:is(.site-main, .editor-styles-wrapper) .banner--desktop {
}

:is(.site-main, .editor-styles-wrapper) .banner--desktop h2 {
    color: var(--primary-color);
}

:is(.site-main, .editor-styles-wrapper) .block--button button,
:is(.site-main, .editor-styles-wrapper) .column__card--button button,
s-wrapper .block__wrapper form button,
:is(.site-main, .editor-styles-wrapper) .block__wrapper form button {
    background-color: var(--button-background);
}

:is(.site-main, .editor-styles-wrapper) .faq__subject--wrapper,
.site-main .faq__subject--wrapper {
    background-color: var(--button-background);
    color: var(--button-text-color);
}

:is(.site-main, .editor-styles-wrapper) .faq__subject--row :is(h1, h2, h3) {
    color: var(--button-text-color);
}

.editor-styles-wrapper .faq__QandA--row--question h3,
.site-main .faq__QandA--row--question h3 {
    color: var(--primary-color);
}

:is(.site-main, .editor-styles-wrapper) .block--button button:hover,
:is(.site-main, .editor-styles-wrapper) .column__card--button button:hover,
s-wrapper .block__wrapper form button:hover,
:is(.site-main, .editor-styles-wrapper) .block__wrapper form button:hover {
    background-color: var(--button-background-hover);
}

:is(.site-main, .editor-styles-wrapper) .faq__subject--row {
    background-color: var(--button-background);
    color: var(--button-text-color);
}

:is(.site-main, .editor-styles-wrapper) .column__card--alert,
:is(.site-main, .editor-styles-wrapper) .activeSubject,
:is(.site-main, .editor-styles-wrapper) .faq__subject--row:hover {
    background-color: #b08738;
}

:is(.site-main, .editor-styles-wrapper) .block__wrapper h2,
:is(.site-main, .editor-styles-wrapper) .faq__QandA--row .expansionIndicator,
:is(.site-main, .editor-styles-wrapper) .block__wrapper h1 {
    color: var(--yellow);
}

:is(.site-main, .editor-styles-wrapper) .faq__QandA--toprow,
:is(.site-main, .editor-styles-wrapper) .faq__subject--toprow {
    background-color: var(--primary-color);
}

/* bottom_bar coloring for website: */
/* :is(.site-main, .editor-styles-wrapper) .bottombar-color-1 { background-color: #51ac3c; }
:is(.site-main, .editor-styles-wrapper) .bottombar-color-2 { background-color: #51ac3c; }
:is(.site-main, .editor-styles-wrapper) .bottombar-color-3 { background-color: #2f9ecc; }
:is(.site-main, .editor-styles-wrapper) .bottombar-color-4 { background-color: #2f9ecc; }
:is(.site-main, .editor-styles-wrapper) .bottombar-color-5 { background-color: #d61e4a; }
:is(.site-main, .editor-styles-wrapper) .bottombar-color-6 { background-color: #d61e4a; } */

:is(.site-main, .editor-styles-wrapper) .banner--desktop__inner__bottombar {
    display: none;
}

/* the colors for navigation and footer */
.site-footer .footer_title {
    color: var(--white);
}

.site-title img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 38px;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

/* toolbar styling */
#subnavigation__wrapper {
    background-color: var(--toolbar-background);
    color: var(--toolbar-text-color);
}

#subnavigation__wrapper #submenu li a {
    color: var(--toolbar-link-color);
}

#subnavigation__wrapper #submenu li a:hover {
    color: var(--toolbar-link-hover-color);
    box-shadow: inset 0 -2px 0 var(--toolbar-link-underline-hover-color);
}

/* header navigation styling */

.site-header {
    background-color: var(--header-background);
}

.site-header .menu-item a {
    color: var(--header-link-color);
}

.site-header .menu-item a:hover {
    color: var(--header-link-hover-color);
    box-shadow: inset 0 -2px 0 var(--header-link-underline-hover-color);
}

/* mobile navigation */

.navigation__mobile {
    color: var(--header-text-color);
    box-shadow: var(--card-shadow);
    border-radius: 2px;
}

.mobile-menu-items .menu-item:nth-child(2n-1) {
    background-color: var(--header-nav-menu-odd-tint);
}

.mobile-menu-items .menu-item:nth-child(2n) {
    background-color: var(--header-nav-menu-even-tint);
}

@media screen and (max-width: 1029px) {
    .menu-item a {
        border-top: 0;
    }
}

:is(.mobile-menu-items .menu-item):hover {
    background-color: var(--header-nav-menu-item-hover-background-color);
    color: var(--header-nav-menu-item-hover-text-color);
}

.navigation__mobile .mobile--search__wrapper {
    background-color: var(--header-search-button-mobile-background-color);
    color: var(--header-search-button-text-color);
}

.navigation__mobile .mobile--search__wrapper:hover {
    background-color: var(--header-search-button-hover-background-color);
    color: var(--header-search-button-hover-text-color);
}

:is(.navigation__mobile .mobile--hamburgermenu__wrapper) {
    background-color: var(--header-nav-button-background-color);
    color: var(--header-nav-button-text-color);
}

:is(.navigation__mobile .mobile--hamburgermenu__wrapper):hover {
    background-color: var(--header-nav-button-hover-background-color);
    color: var(--header-nav-button-hover-text-color);
}

.mobile-menu-items {
    background-color: var(--header-nav-menu-item-background-color);
    color: var(--header-text-color);
}

.mobile-menu-items .menu-item {
    color: var(--header-nav-menu-item-text-color);
}

.mobile-menu-items :is(.menu-item, .menu-item:last-child) a {
    color: var(--header-nav-menu-item-text-color);
}

.mobile-menu-items :is(.menu-item, .menu-item:last-child):hover a {
    color: var(--header-nav-menu-item-hover-text-color);
}

.mobile-menu-items .menu-item.active a {
    color: var(--header-nav-menu-item-active-text-color);
}

/* footer styling */
.menu-item > a:hover {
    color: var(--header-link-hover-color);
}

.site-footer {
    background-color: var(--footer-background);
}

.site-footer li a,
.site-footer li a.nav-link {
    color: var(--white);
}

.site-footer li a:hover {
    color: var(--footer-link-hover-color);
}

/* contact box styles */

:is(.site-main, .editor-styles-wrapper) .contact--blackbox {
    background-color: var(--contact-box-background);
    color: var(--contact-box-text-color);
}

:is(.site-main, .editor-styles-wrapper) .contact--blackbox :is(p, h1, h2, h3) {
    color: var(--contact-box-text-color) !important;
}

/* link styling */

.site-main a {
    color: var(--link-color);
    text-decoration: none;
}

.site-main a:hover {
    color: var(--link-hover-color);
}

.post__card--content--cta a {
    color: var(--card-link-color);
}

.post__card--content--cta a:hover {
    color: var(--card-link-hover-color);
}

/* button styling */
.site-main a.wp-block-button__link {
    background-color: var(--button-background);
    color: var(--button-text-color);
}

.site-main a.wp-block-button__link:hover {
    background-color: var(--button-background-hover);
}

/* text styling */

:is(.editor-styles-wrapper .block-hero, .site-main .block-hero) :is(h1, p) {
    color: var(--color-paragraph);
}

:is(.editor-styles-wrapper, .hero-block, .site-main .column__card)
    :is(h1, h2, h3) {
    color: var(--primary-color);
}

:is(.editor-styles-wrapper, .hero-block, .site-main .column__card)
    :is(h4, h5, h6) {
    color: var(--secondary-color);
}

.editor-styles-wrapper .column__card,
.site-main .column__card {
    background-color: var(--white);
}

/* button color overwrites for title */

/* header and tekst color overwrites for title*/

/* single page */

:is(.site-main, .editor-styles-wrapper) .single__page--label {
    background-color: var(--primary-color);
    max-width: unset;
}

:is(.site-main, .editor-styles-wrapper) .single__page--title {
    color: var(--primary-color);
}

/* body {
  background: red;
} */

.search--overlay {
    background-color: var(--overlay-background);
}

/* Spoorboekje */

.gids__channel--row--card--dropdown--select {
}

.gids__channel--row--card--colored {
    background-color: var(--spoorboek-button-raised-background-color);
    color: var(--spoorboek-button-raised-text-color);
}

.gids__channel--row--card--colored:hover {
    background-color: var(--spoorboek-button-raised-hover-background-color);
    color: var(--spoorboek-button-raised-hover-text-color);
}

.gids__channel--row--card {
    background-color: var(--spoorboek-button-background-color);
    color: var(--spoorboek-button-text-color);
}

.gids__channel--row--card span {
    color: var(--spoorboek-button-text-color);
}

.gids__channel--row--card:hover {
    background-color: var(--spoorboek-button-hover-background-color);
    color: var(--spoorboek-button-hover-text-color);
}

.site .spoorboekje select {
    background-color: var(--spoorboek-button-raised-background-color);
    color: var(--spoorboek-button-raised-text-color);
}

.site .spoorboekje select:hover {
    background-color: var(--spoorboek-button-raised-hover-background-color);
    color: var(--spoorboek-button-raised-hover-text-color);
}

.gids__channel--row--pointer__left,
.gids__channel--row--pointer__right {
    color: var(--text-color);
}

:is(
    .gids__channel--row--pointer__left,
    .gids__channel--row--pointer__right
):hover {
    color: var(--primary-color);
}

.offsetblock--footer {
    border-color: var(--spoorboek-program-card-seperator-color);
    background-color: var(--spoorboek-program-card-inactive-background-color);
    color: var(--spoorboek-program-card-inactive-text-color);
}

.offsetblock--footer p {
    color: var(--spoorboek-program-card-inactive-text-color);
}

.gids__channel__program--list {
    border-color: var(--spoorboek-program-card-seperator-color);
    color: var(--spoorboek-program-card-text-color);
}

.gids__channel__program--list--item {
    background-color: var(--spoorboek-program-card-background);
    color: var(--spoorboek-program-card-text-color);
    border-color: var(--spoorboek-program-card-seperator-color);
}

.gids__channel__program--list--item
    .gids__channel__program--list--item--content {
    border-color: var(--spoorboek-program-card-border-color);
}

.gids__channel__program--list--item--content .click__indicator {
    background-color: var(--spoorboek-program-card-button-background-color);
}

.gids__channel__program--list--item--content
    .click__indicator
    .click__indicator--circle {
    background-color: var(--spoorboek-program-card-button-text-color);
}

.gids__channel__program--list--item--content .click__indicator:hover {
    background-color: var(
        --spoorboek-program-card-button-hover-background-color
    );
}

.gids__channel__program--list--item--content
    .click__indicator:hover
    .click__indicator--circle {
    background-color: var(--spoorboek-program-card-button-hover-text-color);
}

.spoorboekje .curr_time_incicator {
    background-color: var(--spoorboek-timeline);
    filter: drop-shadow(0px 1px var(--spoorboek-timeline-shadow));
}

.spoorboekje .curr_time_incicator:before {
    border-color: #0000 var(--spoorboek-timeline) #0000 #0000;
}

.spoorboekje .curr_time_incicator:after {
    border-color: #0000 #0000 #0000 var(--spoorboek-timeline);
}

/* Modal */

.modal__container {
    background-color: var(--overlay-background);
}

.modal__content {
    background-color: var(--modal-background-color);
    color: var(--modal-text-color);
}

.modal__content p {
    color: var(--modal-text-color);
}

.modal__content .modal__close svg {
    color: var(--modal-secondary-color);
}

.modal__content .modal__close:hover svg {
    color: var(--deep-green);
}

.modal__content .modal__title {
    color: var(--modal-primary-color);
}

.modal__content .modal__end-time,
.modal__start-time {
    color: var(--modal-text-color);
}

.modal__content .bold--text {
    color: var(--modal-primary-color);
}

/* styling for winactie forms */
:is(.site-main, .editor-styles-wrapper) .contact--forms__form label {
    color: #c5a436;
}

:is(.site-main, .editor-styles-wrapper).contact--forms__form .form-check-label {
    color: var(--blue-3) !important;
}

:is(.site-main, .editor-styles-wrapper) .contact--forms__form .btn-primary {
    background-color: var(--blue-3) !important;
    color: white;
}

:is(.site-main, .editor-styles-wrapper) .contact--forms__form a {
    color: #c5a436;
}

:is(.site-main, .editor-styles-wrapper) .winactie__link a, :is(.site-main, .editor-styles-wrapper) .puzzelactie__link a {
    color: var(--yellow) !important;
    font-weight: bold;
}

:is(.site-main, .editor-styles-wrapper) .winactie__link a:hover, :is(.site-main, .editor-styles-wrapper) .puzzelactie__link a:hover {
    color: var(--yellow-darker) !important;
}

:is(.site-main, .editor-styles-wrapper) .block--button button {
    background-color: var(--blue-3) !important;
    color: white;
}

:is(.site-main, .editor-styles-wrapper) .single__content--wrapper p {
    color: var(--blue-3) !important;
}

:is(.site-main, .editor-styles-wrapper) .contact--forms__form label {
    color: var(--blue-3) !important;
}

:is(.site-main, .editor-styles-wrapper) .single__content--wrapper h3 {
    color: var(--blue-3) !important;
    margin-top: 10px;
    margin-bottom: 10px !important;
}

:is(.site-main, .editor-styles-wrapper) .single__content--wrapper h1 {
    color: var(--blue-3) !important;
}

:is(.site-main, .editor-styles-wrapper) .contact--forms__form a {
    color: #c5a436 !important;
}

:is(.site-main, .editor-styles-wrapper) .contact--forms__form select {
    background-color: unset !important;
    color: unset !important;
    border: 1px solid #e3e3e3 !important;
}

:is(.site-main, .editor-styles-wrapper) .block__form p input[type='submit'] {
    background-color: #00578c !important;
    color: white;
}

.site-main .block__form form h2 {
    color: #00578c !important;
}

.site-main .block__form h2:first-of-type {
    color: #00578c !important;
}

.site-main .single__page--hero-image img {
    filter: unset !important;
}

.site-main .banner--desktop {
    background-color: unset !important;
}

/** bezorgklachten banner **/
#hidden_bezorgklacht_text p {
    color: #000000;
}
#hidden_bezorgklacht_text a {
    text-decoration: none;
    color: #b08738;
}
#hidden_bezorgklacht_text a:hover {
    color: #815d12;
}
#hidden_bezorgklacht_text {
    background-color: #ccedff;
}

.shimmer {
    display:inline-block;
    position:relative;
    color:#fff;
    background:-webkit-gradient(linear,left top,right top,from(#bd9d68),color-stop(#a2783d),to(#bd9d68)) -4rem top;
    background:-webkit-linear-gradient(left,#bd9d68,#a2783d,#bd9d68) -4rem top;
    background:-moz- oldlinear-gradient(left,#bd9d68,#a2783d,#bd9d68) -4rem top;
    background:-o-linear-gradient(left,#bd9d68,#a2783d,#bd9d68) -4rem top;
    background:linear-gradient(to right,#bd9d68,#a2783d,#bd9d68) -4rem top;
    padding-left:5px;
    padding-right:5px;
    -webkit-animation-name:shimmer;
    -moz-animation-name:shimmer;
    -o-animation-name:shimmer;
    animation-name:shimmer;
    -webkit-animation-duration:3.6s;
    -moz-animation-duration:3.6s;
    -o-animation-duration:3.6s;
    animation-duration:3.6s;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-background-size:8rem 100%;
    -moz-background-size:8rem 100%;
    -o-background-size:8rem 100%;
    background-size:8rem 100%
}
@-webkit-keyframes shimmer {
    0% {
        background-position:-4rem top
    }
    70% {
        background-position:22.5rem top
    }
    100% {
        background-position:22.5rem top
    }
}
.shimmer a {
    color:#fff!important;
    font-family: "Inter", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 16px;
    font-weight: 700;
}