body[data-pagetype="issue"] main {
    padding-top: 0;
}
/*=================player-container=============*/
.player-container {
    position: relative;
    width: 100%;
}
.player-container #waveform {
    cursor: pointer;
    width: calc(100% - 4.5rem);
}
.player-container button#playPause {
    background-color: var(--primary);
    width: 3.5rem;
    height: 3.5rem;
    cursor: pointer;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all ease-in-out .35s;
    -o-transition: all ease-in-out .35s;
    transition: all ease-in-out .35s;
    position: absolute;
    left: 0;
    top: calc(100px - 5rem);
}

.player-container .controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
}


.player-container button#playPause svg {
    width: 60%;
    height: 60%;
}

.player-container button#playPause:hover {
    background-color: var(--yellow);
}
/*=================player-container=============*/
/*=================fullGrid=============*/
section.fullGridSection {
    overflow: hidden;
}
:root {
    --page-padding: 0.5rem;
    --grid-gap: var(--page-padding);
}
section.fullGridSection.content {
    position: relative;
    min-height: 100dvh;
    -ms-flex-line-pack: center;
    align-content: center;
}

section.fullGridSection.content--padded {
    padding: var(--page-padding);
}

section.fullGridSection.content--full {
    display: -ms-grid;
    display: grid;
    height: 100vh;
    place-items: center;
    grid-template-areas: 'main';
    -ms-grid-rows: 100%;
    grid-template-rows: 100%;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
}


section.fullGridSection .grid {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: main;
    display: -ms-grid;
    display: grid;
    width: 100%;
    height: 100%;
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5,1fr);
    -ms-grid-rows: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
}


section.fullGridSection .grid > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}


section.fullGridSection .grid > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}


section.fullGridSection .grid > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}


section.fullGridSection .grid > *:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
}


section.fullGridSection .grid > *:nth-child(5) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
}


section.fullGridSection .grid > *:nth-child(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
}


section.fullGridSection .grid > *:nth-child(7) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
}


section.fullGridSection .grid > *:nth-child(8) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
}


section.fullGridSection .grid > *:nth-child(9) {
    -ms-grid-row: 2;
    -ms-grid-column: 4;
}


section.fullGridSection .grid > *:nth-child(10) {
    -ms-grid-row: 2;
    -ms-grid-column: 5;
}


section.fullGridSection .grid > *:nth-child(11) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}


section.fullGridSection .grid > *:nth-child(12) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
}


section.fullGridSection .grid > *:nth-child(13) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
}


section.fullGridSection .grid > *:nth-child(14) {
    -ms-grid-row: 3;
    -ms-grid-column: 4;
}


section.fullGridSection .grid > *:nth-child(15) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
}

section.fullGridSection .grid--spaced {
    gap: var(--grid-gap);
}








.ar-wide {
    aspect-ratio: 4/3;
}

.ar-narrow {
    aspect-ratio: 2/3;
}

.ar-rect {
    aspect-ratio: 1;
}

.span-2 {
    grid-column: auto / span 2;
}

.span-3 {
    grid-column: auto / span 3;
}

.grid--small {
    -ms-grid-columns: (1fr)[9];
    grid-template-columns: repeat(9,1fr);
    grid-auto-rows: 1fr;
}

.grid--tiny {
    height: 60vh;
    -ms-grid-columns: (1fr)[14];
    grid-template-columns: repeat(14,1fr);
    grid-auto-rows: auto;
}

.grid--wide {
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5,1fr);
    -ms-grid-rows: (1fr)[4];
    grid-template-rows: repeat(4,1fr);
}

.grid--wide > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.grid--wide > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}

.grid--wide > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.grid--wide > *:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
}

.grid--wide > *:nth-child(5) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
}

.grid--wide > *:nth-child(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
}

.grid--wide > *:nth-child(7) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
}

.grid--wide > *:nth-child(8) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
}

.grid--wide > *:nth-child(9) {
    -ms-grid-row: 2;
    -ms-grid-column: 4;
}

.grid--wide > *:nth-child(10) {
    -ms-grid-row: 2;
    -ms-grid-column: 5;
}

.grid--wide > *:nth-child(11) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}

.grid--wide > *:nth-child(12) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
}

.grid--wide > *:nth-child(13) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
}

.grid--wide > *:nth-child(14) {
    -ms-grid-row: 3;
    -ms-grid-column: 4;
}

.grid--wide > *:nth-child(15) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
}

.grid--wide > *:nth-child(16) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
}

.grid--wide > *:nth-child(17) {
    -ms-grid-row: 4;
    -ms-grid-column: 2;
}

.grid--wide > *:nth-child(18) {
    -ms-grid-row: 4;
    -ms-grid-column: 3;
}

.grid--wide > *:nth-child(19) {
    -ms-grid-row: 4;
    -ms-grid-column: 4;
}

.grid--wide > *:nth-child(20) {
    -ms-grid-row: 4;
    -ms-grid-column: 5;
}

.pos-1 { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: 1 / 1; }
.pos-2 { -ms-grid-row: 1; -ms-grid-column: 3; grid-area: 1 / 3; }
.pos-3 { -ms-grid-row: 1; -ms-grid-column: 4; grid-area: 1 / 4; }
.pos-4 { -ms-grid-row: 1; -ms-grid-column: 5; grid-area: 1 / 5; }
.pos-5 { -ms-grid-row: 2; -ms-grid-column: 1; grid-area: 2 / 1; }
.pos-6 { -ms-grid-row: 2; -ms-grid-column: 2; grid-area: 2 / 2; }
.pos-7 { -ms-grid-row: 2; -ms-grid-column: 3; grid-area: 2 / 3; }
.pos-8 { -ms-grid-row: 2; -ms-grid-column: 4; grid-area: 2 / 4; }
.pos-9 { -ms-grid-row: 3; -ms-grid-column: 1; grid-area: 3 / 1; }
.pos-10 { -ms-grid-row: 3; -ms-grid-column: 2; grid-area: 3 / 2; }
.pos-11 { -ms-grid-row: 3; -ms-grid-column: 4; grid-area: 3 / 4; }
.pos-12 { -ms-grid-row: 3; -ms-grid-column: 5; grid-area: 3 / 5; }

.grid__img {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    pointer-events: none;
    will-change: transform;
    -webkit-transform: translateZ(0.1px);
    transform: translateZ(0.1px);
    opacity: 0;
}
.pin-spacer .grid__img {
    opacity: 1;
}
.grid--columns .grid__img {
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    aspect-ratio: 2 / 3;
}








/*@media (max-aspect-ratio: 16/9) {*/
/*    .grid:not(.grid--zoomed) {*/
/*        width: 100%;*/
/*        height: auto;*/
/*        aspect-ratio: 16/9;*/
/*    }*/
/*}*/


/*=================fullGrid=============*/
.issueMainBox-container {
    margin-bottom: 12rem;
}
section.issueMainBox-container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50% ,-50%);
    -ms-transform: translate(-50% ,-50%);
    transform: translate(-50% ,-50%);
    width: 100%;
}
.issueMainBox {
    width: 30%;
    margin: 0 auto 2rem;
    text-align: center;
    border-radius: 0.9375rem;
    background: rgba(var(--white-rgb), 0.50);
    -webkit-backdrop-filter: blur(7.5px);
    backdrop-filter: blur(7.5px);
    padding: 1.56rem 3rem;
}

.issueMainBox.border-gradient:before {
    border-radius: 0.9375rem;
}
.issueMainBox .info-cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1.25rem;
}
.issueMainBox .info-cta > * {
    margin: 0;
}
.issueMainBox .info-cta .preTitle {
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
}
.issueMainBox .info-cta .title {
    color: var(--black);
}
.issueMainBox .info-cta .des {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 300;
}
.issueMainBox .info-cta .cta {
    font-weight: 700;
    width: 100%;
}
section.pageFullMedia {
    position: relative;
    width: 100%;
    height: calc(100dvh - var(--headerHeight));
}
/*section.pageFullMedia .playIcon {*/
/*    width: 7rem;*/
/*    height: 7rem;*/
/*}*/
/*section.pageFullMedia .playIcon img{*/
/*    width: 1.5rem;*/
/*    height: 1.5rem;*/
/*}*/
.magazineItems {
    -ms-grid-columns: (minmax(0, 1fr))[3];
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.magazineRowTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 12rem;
    margin: 1.25rem 0;
}
.magazineRowTitle > * {
    display: block;
    color: var(--lightPrimary);
    font-weight: 850;
}
.magazineRowTitle .date{
    font-size: 8rem;
    opacity: .2;
}
/*.magazineItems .magazineItem .media {*/
/*    height: 50vh;*/
/*}*/
/*===============================single-support=================================*/
body[data-pagetype="single-issue"] .hasBackground:before {
    background-image: url("../img/raad-background-02.webp");
}
.singleIssueHero-container .raadIntroItem {
    -ms-grid-columns: 1.5fr 1fr;
    grid-template-columns: 1.5fr 1fr;
}
.singleIssueHero-container .raadIntroItem > .media {
    border-radius: unset;
    height: auto;
    width: 80%;
    margin-right: auto;
}
/*=====================================section.tab-container*/
section.tab-container {
    margin-top: 7rem;
}
/*=====================================section.tab-container*/
/*=====================================section.issueSlider*/
section.issueSlider {
    margin: 11.5rem auto 6.5rem;
}
.issueSliderItem {
    width: 100%;
    height: auto;
}
.raadSlider-arrow {
    margin: 3rem auto 0;
}
/*=====================================section.issueSlider*/
/*=====================================section.content*/
/*section.content {*/
/*    width: calc((100% / 3) + var(--spaceX)* 2);*/
/*    margin: 4rem auto 12rem;*/
/*}*/
/*=====================================section.content*/
/*=====================================section.related*/
aside.related > .title{
    margin-bottom: 2.75rem;
}
/*=====================================section.related*/
/*===============================single-support=================================*/
/*=====================================skeleton */
.skeleton {
    position: relative;
}
.skeleton:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    left: 0;
    border-radius: 1.875rem;
    background: -o-linear-gradient(350deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, 0) 60%) #ededed;
    background: linear-gradient(100deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, 0) 60%) #ededed;
    background-size: 200% 100%;
    background-position-x: 180%;
    -webkit-animation: 1s loading ease-in-out infinite;
    animation: 1s loading ease-in-out infinite;
    pointer-events: none;
    opacity: 1;
}
@-webkit-keyframes loading {
    to {
        background-position-x: -20%
    }
}
@keyframes loading {
    to {
        background-position-x: -20%
    }
}
/*=====================================skeleton */
.loadMore {
    margin: 2.5rem auto 0;
}

.loadMore #loadMoreBo {
    display: block;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-right: 5rem;
    padding-left: 5rem;
}
/*================================responsive================================*/
@media only screen and (max-width: 768px) {
    section.tab-container {
        margin-top: 4rem;
    }
    .player-container #waveform {
        cursor: pointer;
        width: calc(100% - 4rem);
    }
    .player-container button#playPause {
        width: 3rem;
        height: 3rem;
    }
    /*=================fullGrid=============*/
    main .grid--wide {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr;
    }
    main .grid--wide > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    main .grid--wide > *:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    }
    main .grid--wide > *:nth-child(3) {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }
    main .grid--wide > *:nth-child(4) {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
    }
    main .grid--wide > *:nth-child(5) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
    main .grid--wide > *:nth-child(6) {
        -ms-grid-row: 3;
        -ms-grid-column: 2;
    }
    main .grid--wide > *:nth-child(7) {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }
    main .grid--wide > *:nth-child(8) {
        -ms-grid-row: 4;
        -ms-grid-column: 2;
    }
    main .grid--wide > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    main .grid--wide > *:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    }
    main .grid--wide > *:nth-child(3) {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }
    main .grid--wide > *:nth-child(4) {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
    }
    main .grid--wide > *:nth-child(5) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
    main .grid--wide > *:nth-child(6) {
        -ms-grid-row: 3;
        -ms-grid-column: 2;
    }
    main .grid--wide > *:nth-child(7) {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }
    main .grid--wide > *:nth-child(8) {
        -ms-grid-row: 4;
        -ms-grid-column: 2;
    }
    section.fullGridSection .grid {
        grid-gap: 0.31rem;
        padding-bottom: 0;
        -ms-grid-columns: 1fr 0.31rem 1fr 0.31rem 1fr;
        grid-template-columns: repeat(3, 1fr);
        -ms-grid-rows: 1fr 0.31rem 1fr 0.31rem 1fr 0.31rem 1fr 0.31rem 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
    }
    section.fullGridSection .grid > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    section.fullGridSection .grid > *:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }
    section.fullGridSection .grid > *:nth-child(3) {
        -ms-grid-row: 1;
        -ms-grid-column: 5;
    }
    section.fullGridSection .grid > *:nth-child(4) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
    section.fullGridSection .grid > *:nth-child(5) {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
    }
    section.fullGridSection .grid > *:nth-child(6) {
        -ms-grid-row: 3;
        -ms-grid-column: 5;
    }
    section.fullGridSection .grid > *:nth-child(7) {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }
    section.fullGridSection .grid > *:nth-child(8) {
        -ms-grid-row: 5;
        -ms-grid-column: 3;
    }
    section.fullGridSection .grid > *:nth-child(9) {
        -ms-grid-row: 5;
        -ms-grid-column: 5;
    }
    section.fullGridSection .grid > *:nth-child(10) {
        -ms-grid-row: 7;
        -ms-grid-column: 1;
    }
    section.fullGridSection .grid > *:nth-child(11) {
        -ms-grid-row: 7;
        -ms-grid-column: 3;
    }
    section.fullGridSection .grid > *:nth-child(12) {
        -ms-grid-row: 7;
        -ms-grid-column: 5;
    }
    section.fullGridSection .grid > *:nth-child(13) {
        -ms-grid-row: 9;
        -ms-grid-column: 1;
    }
    section.fullGridSection .grid > *:nth-child(14) {
        -ms-grid-row: 9;
        -ms-grid-column: 3;
    }
    section.fullGridSection .grid > *:nth-child(15) {
        -ms-grid-row: 9;
        -ms-grid-column: 5;
    }
    .pos-1 { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: 1 / 1; }
    .pos-2 { -ms-grid-row: 1; -ms-grid-column: 2; grid-area: 1 / 2; }
    .pos-3 { -ms-grid-row: 2; -ms-grid-column: 1; grid-area: 2 / 1; }
    .pos-4 { -ms-grid-row: 2; -ms-grid-column: 2; grid-area: 2 / 2; }
    .pos-5 { -ms-grid-row: 2; -ms-grid-column: 3; grid-area: 2 / 3; }
    .pos-6 { -ms-grid-row: 3; -ms-grid-column: 1; grid-area: 3 / 1; }
    .pos-7 { -ms-grid-row: 3; -ms-grid-column: 3; grid-area: 3 / 3; }
    .pos-8 { -ms-grid-row: 4; -ms-grid-column: 1; grid-area: 4 / 1; }
    .pos-9 { -ms-grid-row: 4; -ms-grid-column: 2; grid-area: 4 / 2; }
    .pos-10 { -ms-grid-row: 4; -ms-grid-column: 3; grid-area: 4 / 3; }
    .pos-11 { -ms-grid-row: 5; -ms-grid-column: 2; grid-area: 5 / 2; }
    .pos-12 { -ms-grid-row: 5; -ms-grid-column: 3; grid-area: 5 / 3; }
    /*=================fullGrid=============*/
    .issueMainBox {
        width: 100%;
        padding: var(--spaceX);
    }

    .issueMainBox-container {
        margin-bottom: 3rem;
    }
    .issueMainBox .info-cta .preTitle {
        font-size: 1.5625rem;
    }
    section.pageFullMedia {
        height: 55vh;
    }
    .magazineRowTitle {
        display: block;
        margin: 4.25rem 0 -1rem;
    }
    .magazineRowTitle > * {
        text-align: center;
    }
    .magazineRowTitle .date {
        position: relative;
        bottom: 3.5rem;
    }
    .magazineItems {
        -ms-grid-columns: (minmax(0, 1fr))[1];
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    /*===================single=================*/
    .singleIssueHero-container .raadIntroItem {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .singleIssueHero-container .raadIntroItem > .media {
        width: 100%;
    }

    section.issueSlider {
        margin: 4.5rem auto 2.5rem;
    }

    section.content {
        width: 100%;
        margin: 3rem auto 5rem;
    }

    aside.related > .title {
        text-align: center;
    }
    /*===================single=================*/
    .skeleton:after {
        border-radius: 0.9375rem;
    }
}
@media only screen and (min-width: 640px) and (max-width: 768px){
    .issueMainBox {
        width: 70%;
    }
    .magazineItems {
        -ms-grid-columns: (minmax(0, 1fr))[2];
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media only screen and (min-width: 769px) and (max-width: 1199px){
    section.tab-container {
        margin-top: 4rem;
    }
    .issueMainBox-container {
        margin-bottom: 8rem;
    }
    .issueMainBox {
        width: 45%;
    }
    section.pageFullMedia{
        height: 60vh;
    }
    .skeleton:after {
        border-radius: 1.25rem;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .skeleton:after {
        border-radius: 1.25rem;
    }
    section.tab-container {
        margin-top: 5rem;
    }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px){
    section.tab-container {
        margin-top: 5rem;
    }
}