/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/***************************************************************
These styles are subject to the license agreement(s) provided when you purchased the license(s).

	https://store.typenetwork.com/cart/eula/type-network

***************************************************************/

.stainlesscondensedblack {
    font-family: "Stainless Cond Bla";
    font-display: swap;
    font-style: normal;
    font-weight: normal;
}

.stainlesscondensedbold {
    font-family: "Stainless Cond Bd";
    font-display: swap;
    font-style: normal;
    font-weight: normal;
}

.stainlesscondensedregular {
    font-family: "Stainless Cond Reg";
    font-display: swap;
    font-style: normal;
    font-weight: normal;
}

:root {
    --stainless-bold: "Stainless Cond Bd";
    --stainless-black: "Stainless Cond Bla";
    --stainless-regular: "Stainless Cond Reg";
}

/* Algemeen */
/* Menu */
/* Uitgelicht item grid */
/* Nieuws grid - just text */
/* Nieuws grid - w/ image */
/* Home */
/* Roda JC Club shop */
/* Download App */
/* Footer */
/* Header Detail pagina */
/* Wedstrijden Fast Menu */
/* Berichten template */

/* Responsive Queries */

/* Algemeen */
body h1, body h2, body h3, body h4{
    font-family: var(--stainless-black);
    font-display: swap;
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
}

.fa-linkedin:before {
    content: "\f0e1";
}

.fa-facebook:before {
    content: "\f39e";
}

.w-btn{
    font-family: var(--stainless-black) !important;
    font-display: swap !important;
    font-style: normal !important;
    font-weight: normal !important;
}

.w-btn.us-btn-style_2,
.w-btn.us-btn-style_7,
.w-btn.us-btn-style_6,
.w-btn.us-btn-style_1,
.frm_button_submit{
    padding: 0rem;
    display: inline-flex;
    border-radius: 6px;
}

button[type=submit]:not(.w-btn) {
    border-radius: 6px;
}

.w-btn.us-btn-style_1 .w-btn-label,
.w-btn.us-btn-style_2 .w-btn-label,
.w-btn.us-btn-style_6 .w-btn-label,
.w-btn.us-btn-style_7 .w-btn-label {
    padding: 8px 1rem;
    display: inline-block;
    line-height: 2;
}

.frm_button_submit .w-btn-label {
    padding: 7px 9px 0px 10px;
    display: inline-block;
    line-height: 2;
}

.frm_style_formidable-stijlen.with_frm_style .frm_submit button {
    padding: 0px !important;
}

.l-subheader-cell.at_right .us-btn-style_6 .w-btn-label {
    line-height: 1.8;
}

header.id_119 .l-subheader.at_middle .l-subheader-cell.at_left, 
header.id_119 .l-subheader.at_middle .l-subheader-cell.at_right {
    flex-grow: 1 !important;
}

header.id_119 .l-subheader-cell.at_center {
    flex-grow: 0 !important;
    margin-left: -2rem;
}


.w-btn.us-btn-style_1 i,
.w-btn.us-btn-style_2 i,
.w-btn.us-btn-style_6 i,
.w-btn.us-btn-style_7 i,
.frm_button_submit i {
    margin-left: 0;
}

.w-btn.us-btn-style_1 i:before,
.w-btn.us-btn-style_2 i:before,
.w-btn.us-btn-style_6 i:before,
.w-btn.us-btn-style_7 i:before {
    padding: 0.6rem 0.6rem;
    line-height: 3;
    margin-right: 5px;
    border-radius: 4px;
}

.frm_button_submit i {
    padding: 0.5rem 0.5rem;
    line-height: 2;
    margin-right: 0px;
    border-radius: 4px;
}

.w-btn.us-btn-style_2 i:before,
.w-btn.us-btn-style_7 i:before {
    color: var(--color-zwart);
}

.w-btn.us-btn-style_7 i:before,
.w-btn.us-btn-style_2 i:before,
.frm_style_formidable-stijlen-zwart .frm_button_submit i:before{
    background-color: var(--color-geel);  
}

.w-btn.us-btn-style_1 i:before,
.w-btn.us-btn-style_6 i:before{
    background-color: var(--color-zwart);  
}

.frm_style_formidable-stijlen .frm_button_submit i:before{
    background-color: var(--color-zwart);  
}

.w-btn.us-btn-style_1 i,
.w-btn.us-btn-style_6 i,
.frm_button_submit i {
    color: var(--color-wit);
}

body button.frm_button_submit.frm_final_submit {
    font-family: var(--stainless-black) !important;
}

.mc--afb-schuin .post_image  {
    transform: skewX(-12deg);
}

.mc--afb-schuin .post_image img {
    transform: skewX(12deg) scale(1.3);
}

div:not(.mc--box) .wpb_text_column h2 strong,
div:not(.mc--box) .wpb_text_column h3 strong,
div:not(.mc--box) .wpb_text_column h4 strong  {
    color: var(--color-geel);
}

/* icons */
i.far.fa-cup-straw:before {
    content: "\e363";
}

.w-tabs-section-header.with_icon .w-tabs-section-title{
    margin-inline-start: 1.6em;
}

.w-tabs button.w-tabs-section-header.with_icon i {
    background: #2d2f2d;
    border-radius: 12px;
    color: var(--color-geel);
    width: 50px;
    height: 50px;
    font-size: 1.4rem;
    line-height: 2.5rem;
    text-align: center;
}

/* Menu */
.fa-ticket:before {
    content: '\e63e';
}

.w-nav-arrow:before {
    color: var(--color-geel);
}

.w-nav-control {
    background-color: var(--color-geel);
    border-radius: 6px;
    width: 50px;
    height: 46px;
}

.w-nav-control .w-nav-icon {
    color: var(--color-zwart);
    width: 100%;
}

.w-nav-control {
    padding: 0 0.4rem;
}

/* a.w-btn i.far.fa-ticket:before {
    transform: rotate(-30deg);
    display: block;
} */

.l-subheader-cell .w-nav a{
    font-family: var(--stainless-black);
    font-display: swap;
    font-style: normal;
    font-weight: 200;
    font-size: 18px;
    text-transform: uppercase;
}
.header_hor .l-subheader-cell.at_right>* {
    margin-left: 1rem;
}

.l-subheader-cell.at_right .w-btn span{
    font-size: 18px;
}

.l-subheader-cell.at_right .us-btn-style_4 i {
    font-size: 0.8rem;
    line-height: 2.3;
    color: var(--color-geel);
}

.mc--menu-bottom i{
    color: var(--color-geel);
    margin-right: 10px;
}

.mc--menu-bottom {
    padding-top: 0px;
    border-bottom: solid 0.7px #bebebe;
}

.mc--menu-bottom a.w-nav-anchor.level_1 {
    padding-left: 4rem;
}

li#menu-item-246 {
    margin-top: 9rem;
}

.w-nav.type_mobile.m_layout_panel .w-nav-list.level_1 {
    overflow: scroll;
}

.mc--menu-bottom .w-nav-title {
    font-size: 0.9rem;
}

.mc--menu-bottom:hover a::after,
.mc--menu-bottom:hover a {
    text-decoration: none;
}

.mc--menu-bottom:hover {
    background-color: var(--color-geel);
}

.mc--menu-bottom:hover *,
.mc--menu-bottom:hover a::after {
    color: var(--color-zwart);
}

.mc--menu-bottom a::after {
    content: '\f08e';
    font-family: FontAwesome;
    font-size: 0.9rem;
    margin-left: 5px;
}

@media (min-width: 1381px) {
    .l-subheader.at_middle .l-subheader-cell.at_left, .l-subheader.at_middle .l-subheader-cell.at_right{
        flex-basis: 700px !important
    }
}
.l-header.sticky .ush_image_1 {
    margin-top: 0em !important;
}

.l-subheader.at_middle .type_mobile.mc--hamburger-menu .w-nav-list.level_1 {
    background: #1D1D1B;
    margin-top: 90px;
    padding: 3rem 0rem;
}
.mc--hamburger-menu .w-nav-control.active{
    color: var(--color-geel) !important;
}

.mc--hamburger-menu span.w-nav-title {
    width: 270px;
    display: inline-block;
}

.mc--hamburger-menu .w-nav-arrow {
    color: var(--color-geel);
}

.mc--hamburger-menu .menu-item.level_1 {
    padding-left: 5rem;
    padding-right: 5rem;
}

.mc--radio-roda:after{
    content: url('/wp-content/uploads/2025/01/stream-tag.svg');
    position: absolute;
    bottom: -20px;
    left: 10px;
    transform: scale(1.2);
}

.mc--hamburger-menu.w-nav.type_mobile.m_align_none .w-nav-anchor.level_2, 
.mc--hamburger-menu.w-nav.type_mobile.m_align_left .w-nav-anchor.level_2 {
    padding-bottom: 0px;
    font-family: var(--stainless-regular);
    text-transform: none;
    text-transform: uppercase;
}


ul.w-nav-list.level_2 {
    margin-bottom: 10px;
}


/* Uitgelicht item grid */
.mc--uitgelicht-content{
    font-family: var(--stainless-bold);
    font-display: swap;
    font-style: normal;
    font-weight: normal;
}

/* Nieuws grid - just text */
.mc--nieuwsgrid-categorie{
    font-family: var(--stainless-bold);
    font-display: swap;
    font-style: normal;
    font-weight: normal;
}
.layout_151 article.w-grid-item:before {
    border-left: 1px solid var(--color-geel);
    content: '';
    position: absolute;
    left: -10%;
    height: 100%;
    transform: rotate(10deg);
}

/* Nieuws grid - w/ image */
.layout_156 h2 a{
    font-family: elza !important;
    font-weight: 700;
}
.layout_156 h2{
    margin-top: .5em;
}
.layout_156 .usg_hwrapper_1{
    line-height: 1;
    margin-top: 1.5em;
}
.layout_156 .usg_post_taxonomy_1,
.layout_156 .usg_post_taxonomy_2{
    color: var(--color-geel);
    text-transform: uppercase;
    font-size: 12px;
    font-family: var(--stainless-bold);
}
.layout_156 .usg_post_date_1{
    color: var(--color-content-faded) !important;
    font-size: 12px !important;
    line-height: 1 !important;
}

.w-filter.state_desktop.mod_dropdown .w-filter-item-title {
    background-color: var(--color-zwart);
    padding: 0px;
    min-height: auto;
    height: auto;
    line-height: 3;
}

.layout_156 .wedstrijd h2 {
    font-family: 'Elza', sans-serif;
    font-weight: bold;
    margin-top: .5em;
    padding-top: 0;
}

.mc--filter-blog {
    width: 200px;
    float: right;
}

.mc--filter-blog * {
    font-family: var(--stainless-black);
    text-transform: uppercase !important;
}


.w-filter.state_desktop.mod_dropdown .w-filter-item-title:after {
    content: '\f107';
    font-family: fontawesome;
    border: 0px;
    top: 0px;

}

button.w-filter-item-title.us-field-style_default {
    font-size: 13px !important;
}

.w-filter-item-value-label {
    font-size: 13px !important;
}

.w-filter.state_desktop.mod_dropdown .has_value .w-filter-item-title {
    border: 0px;
    background: transparent;
    box-shadow: none;
}

.mc--search input[type="text"]{
    border-radius: 6px;
    background-color: #131413;
    font-weight: 300;
    font-size: 15px;
}

.mc--search {
    max-width: 300px;
}

.mc--search.w-search.layout_simple .w-btn i {
    font-weight: 200;
    font-size: 14px;
}

/* Home */
.mc--wedstrijd-info{
    background: linear-gradient(180deg, rgba(13,13,12,1) 0%, rgba(13,13,12,1) 81%, rgba(0,0,0,1) 100%);
}
.mc--full-width-img img{
    width: 100vw !important;
    padding-left: 2em;
    padding-right: 2em;
}
.mc--advertentie img{
    border-radius: 10px;
}

.home .l-header:not(.sticky) .l-subheader.at_middle {
    background: linear-gradient(180deg, rgba(13,13,12,1) 0%,rgb(13 13 12) 100%);
}

.mc--uitgelicht-content.usg_vwrapper_1 {
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    background: linear-gradient(0deg, rgba(13, 13, 12, 0.65), rgba(0, 0, 0, 0)) !important;
    padding: 5rem 8% 2rem 8% !important;
}

.mc-uitgelicht-slide .w-grid-item-h {
    border-radius: 1.5rem;
    overflow: hidden;
}

.mc-uitgelicht-slide h1 a{
    color: var(--color-wit); 
    text-decoration: none !important;
}

.mc-uitgelicht-slide h1 { 
    line-height: 1.2;
    font-size: 3.5rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin-bottom: 0.5rem !important;
    animation-name: afb !important;
    animation-delay: .25s !important;     
}

.mc-uitgelicht-slide .update-datum {
    text-transform: uppercase;
    color: var(--color-geel);
}

/* Wedstrijden - Stand */
.mc--stand th,
.mc--stand td {
    padding-left: 0;
}

.mc--stand th {
    text-transform: uppercase;
    font-family: var(--stainless-black);
}

.mc--stand thead tr{
    color: var(--color-zwart);
    background-color: var(--color-donkergeel);
}

.mc--stand td {
    font-family: var(--stainless-regular);
    text-transform: uppercase;
    color: var(--color-zwart);
}

.l-section.mc--stand-bg {
    margin-top: 3rem;
}

.mc--stand-bg h1 {
    font-size: 3rem;
}

img.gelijk {
    margin-left: 6px;
}

.mc--stand .roda-jc{
    /* background-color: #ECC302; */
    background-color: #000;
}

.mc--stand .roda-jc td {
    color: #fff;
    font-family: "Stainless Cond Bla", sans-serif;
}

.mc--stand td img {
    object-fit: contain;
}

.mc--stand tr td:nth-child(1) {
    padding-left: 2rem;
}

/* Home wedstrijden stand */
.stand-top-5 tr th:nth-child(5),
.stand-top-5 tr th:nth-child(6),
.stand-top-5 tr th:nth-child(7),
.stand-top-5 tr th:nth-child(9),
.stand-top-5 tr td:nth-child(5),
.stand-top-5 tr td:nth-child(6),
.stand-top-5 tr td:nth-child(7),
.stand-top-5 tr td:nth-child(9) {
    display: none;
}

.stand-top-5 .w-vwrapper {
    margin-bottom: 1.5rem;
}
.stand-top-5 .w-btn {
    font-size: 1.33rem;
    margin-bottom: .5rem;
}

.mc--rang-logo img{
    max-width: 100px;
}

.stand-top-5 .w-btn.us-btn-style_3:hover {
    color: var(--color-zwart) !important;
}

.stand-top-5 .w-btn.us-btn-style_3 i{
    transition: ease all .4s;
}

.stand-top-5 .w-btn.us-btn-style_3:hover i{
    transform: translateX(10px);
}

/* Roda JC Club shop */
.mc--club-shop .w-btn{
    margin-top: -2em;
}

.mc--club-shop .w-image-h{
    border-radius: 1rem;
    overflow: hidden;
}

.mc--club-shop .w-vwrapper:hover img {
    transform: scale(1.2);
}

.mc--club-shop .w-vwrapper img {
    transition: all ease .5s;
}

.mc--club-shop .owl-carousel.navstyle_circle .owl-nav button,
.owl-carousel.navpos_outside button {
    height: 3rem;
    width: 2.5rem;
    border: 1.5px solid var(--color-geel);
    border-radius: 0 !important;
    transform: skewX(350deg);
}
.mc--club-shop .owl-carousel.navpos_outside .owl-prev {
    right: 4%;
    left: unset;
    top: -30%;
}
.owl-prev:after{
    content: '\f060';
    font-weight: 200;
    color: var(--color-geel);
    transform: skewX(10deg);
}
.mc--club-shop .owl-carousel.navpos_outside .owl-next {
    right: 0%;
    left: unset;
    top: -30%;
}
.owl-next:after{
    content: '\f061';
    font-weight: 200;
    color: var(--color-geel);
    transform: skewX(10deg);
}

/* Grids - Team/Spelers/Staff */
.mc--grid-speler-staff .mc--rugnummer,
.mc--grid-speler .mc--rugnummer{
    font-family: var(--stainless-black);
}

.mc--grid-speler-staff article::before{
    content: '';
    background-color: var(--color-zwart);
    width: 87%;
    height: 86%;
    transform: skew(-6deg);
    position: absolute;
}

.mc--grid-speler-staff .post_image a::after{
    content: '';
    background: linear-gradient(0deg,#000000,rgba(0,0,0,0.00));
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;   
}

.mc--grid-speler-staff .post_image img{
    object-fit: contain !important;
}

.mc--grid-speler-staff .mc--positie,
.mc--grid-speler .mc--positie {
    font-family: var(--stainless-regular);
}

.mc--grid-speler-staff .mc--voornaam,
.mc--grid-speler .mc--voornaam {
    font-family: var(--stainless-regular);
    color: var(--color-geel);    
}

.w-filter-item-title {
    font-family: var(--stainless-bold);
    text-transform: uppercase;   
}

.w-filter-item.type_checkbox {
    border: solid 2px #fff;
    border-radius: 8px;
    padding: 0.3rem 1rem 0.1rem;
}

.w-filter.state_desktop.style_drop_trendy .w-filter-item-title:after {
    margin-left: 1.5rem;
}

.mc--filter {
    margin-bottom: 2rem;
}

.w-filter.state_desktop.style_drop_trendy .w-filter-item-reset {
    line-height: 3em;
    margin-right: 20px;
}

.mc--speler-bg::before {
    content: '';
    background-color: var(--color-zwart);
    width: 33%;
    left: 34%;
    height: 100%;
    transform: skew(-6deg);
    position: absolute;
}

.mc--grid-speler .owl-item.owl-item.center .post_image a::after{
    content: '';
    background: linear-gradient(0deg,rgba(0,0,0,0.7),rgba(0,0,0,0.00));
    width: 100%;
    height: 60%;
    bottom: 0;
    position: absolute; 
    transform: skew(-6deg);      
}

.mc--grid-speler .post_image img {
    object-fit: contain !important;
    padding-right: 2rem;
    object-position: bottom;
}

.mc--grid-speler .owl-item.owl-item:not(.center) .post_image img{
    transform: scale(0.9) translateY(7rem);
    opacity: 0.2;
}

.mc--grid-speler .owl-item.owl-item .post_image img,
.mc--grid-speler .owl-item.owl-item .mc--rugnummer {
    transition: all ease-out .3s;
}

.mc--grid-speler .owl-item.owl-item .mc--speler-info  {
    transition: all ease-out .5s;
    transition-delay: 250ms;    
}

.mc--grid-speler .owl-item.owl-item .w-html.usg_html_1  {
    transition: all ease-out .5s;
    transition-delay: 350ms;    
}

.mc--grid-speler .owl-item.owl-item:not(.center) .mc--rugnummer {
    opacity: 0;
    transform: scale(0);
}

.mc--grid-speler .owl-item.owl-item:not(.center) .mc--speler-info {
    opacity: 0;
    transform: translateX(-3rem);
}

.mc--grid-speler article::before{
    bottom: 0;
    height: 100% !important;    
}

.mc--grid-speler .owl-item.owl-item:not(.center) a.w-btn.us-btn-style_4.usg_btn_1.icon_atright {
    opacity: 0;
}

.mc--grid-speler .owl-item.owl-item:not(.center) .w-html.usg_html_1 {
    opacity: 0;
    transform: translateY(3rem);    
}

.mc--grid-speler .owl-item.owl-item:not(.center) .post_image a::after{
    content: '';
    background: linear-gradient(0deg,#0D0D0C,#0D0D0C00);
    width: 100%;
    height: 100%;
    bottom: 0;
    position: absolute; 
    transform: skew(-6deg);      
}

.mc--grid-speler .owl-item .mc--rugnummer span,
.mc--grid-speler-staff .mc--rugnummer span{
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px var(--color-geel) !important;
}

.layout_511 article img {
    object-position: top center;
}

.mc--titel-positie h2 {
    font-size: 4rem;
}

.mc--filter {
    margin-bottom: 0rem;
}

.mc--filter:not(.is_sticky){
    background: unset !important;
}

.mc--filter.is_sticky {
    background: linear-gradient(180deg,#000000,rgba(0,0,0,0.00)) !important;
}
.mc--filter .w-dropdown a {
    color: var(--color-wit);
    text-transform: uppercase;
    font-family: var(--stainless-black);
    font-size: 13px;
}

.mc--filter .w-dropdown{
    border: solid 2px #fff;
    border-radius: 8px;
    padding: 15px 30px;
    float: right;
}

/* Template -  Spelers/Staff */
.mc--persoon-intro .mc--voornaam{
    font-family: var(--stainless-regular);
    color: var(--color-geel); 
}

.mc--persoon-profile img{
    object-fit: contain !important;
}

.mc--persoon-profile::before{
    content: '';
    background-color: var(--color-zwart);
    width: 75%;
    height: 100%;
    transform: skew(-6deg);
    position: absolute; 
    left: 12.5%;      
}

.mc--persoon-profile .w-image img,
.mc--persoon-profile .post_image img{
    max-width: 620px;
    max-height: 700px;
    padding-top: 1rem;
}

.mc--persoon-profile .post_image::after,
.mc--persoon-profile .w-image::after{
    content: '';
    background: linear-gradient(0deg,#000000,rgba(0,0,0,0.00));
    width: 100%;
    height: 60%;
    bottom: 0;
    position: absolute; 
    left: 0%;  
}

.single-speler .mc--rugnummer {
    font-family: var(--stainless-black);
}

.mc--powered-by-title p {
    color: var(--color-zwart);
    background-color: var(--color-geel);
    transform: skew(-6deg);
    text-transform: uppercase;
    display: inline-block;
    padding: .2rem .6rem;
    font-family: var(--stainless-regular);
}

.mc--back-btn .w-btn-label{
    font-family: var(--stainless-black);
    text-transform: uppercase;
}

.mc--back-btn {
    opacity: 0.5;
    position: absolute;
    top: 0;
}

.mc--grid-partner img {
    filter: brightness(0) invert(1);
}

.mc--grid-partner .post_image{
    max-width: 150px;
    max-height: 100px;
}

.mc--persoon-intro .post_taxonomy,
.mc--persoon-intro .mc--leeftijd{
    color: var(--color-geel);
    text-transform: uppercase;
    font-family: var(--stainless-regular);
}

.mc--persoon-details .w-vwrapper .w-post-elm{
    display: flex;
}

.mc--persoon-details .w-vwrapper{
    margin-top: 9rem;
    width: 100%;
}

.mc--persoon-details .w-vwrapper .w-post-elm span{ 
    flex: 50%;
    font-size: 17px;
}

.mc--persoon-details .w-post-elm-before {
    color: #808080;
    min-width: 140px;
    display: block;
}

.mc--social-btn.w-btn {
    padding: 0.7rem;
    border-radius: 100%;
    width: 52px;
    height: 52px;
    font-size: 1.5rem;
    line-height: 1 !important;
}

.mc--social-btn.w-btn i {
    width: 1em;
}

.layout_511.w-grid .voornaam {
    text-transform: uppercase;
    font-family: var(--stainless-regular);
    line-height: 1;
    margin-top: 1rem;
} 

.layout_511.w-grid .achternaam {
    text-transform: uppercase;
    font-family: var(--stainless-bold);
    line-height: 1;
} 

/* Spelersstatistieken */
.legenddot {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 30px;
    margin-bottom: 2px;
    margin-right: 8px;
}


#myChart1, #myChart2, #myChart3 {
    width: 100px !important;
    height: 100px !important;
    float: left;
}

.mc--statistiek h3 {
    font-size: 1rem;
    margin-bottom: 1rem;
}

.mc--statistiek {
    border-radius: 1rem;
    border: solid 1px var(--color-geel);
    padding: 1.5rem;
    display: inline-block;
    width: calc(33% - 2rem);
    margin-right: 1rem;
    margin-left: 1rem;
}


.legendbox {
    width: calc(100% - 100px);
    float: right;
    padding-left: 2rem;
    padding-top: 1.2rem;
}

.legendlabel {
    font-family: var(--stainless-regular);
    color: var(--color-grijs);
    margin-left: 10px;
}

.legendbox p {
    margin-bottom: 0px;
    cursor: pointer;
    font-family: var(--stainless-bold);
    text-transform: uppercase;
}

/* Gele box */
.mc--box > .vc_column-inner > .wpb_wrapper{
    background-color: var(--color-geel);
    padding: 3rem 3rem 2rem 3rem;
    border-radius: 10px;
    color: var(--color-zwart);
}

.mc--boxes-equal-height .mc--box > .vc_column-inner > .wpb_wrapper{
    height: 100%;
}

.mc--box > .vc_column-inner {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.mc--box .w-iconbox {
    margin-bottom: 3rem; 
}

.mc--box h1,
.mc--box h2,
.mc--box h3,
.mc--box h4 {
    color: var(--color-zwart) !important;
}

.mc--boxes-4 .mc--box > .vc_column-inner > .wpb_wrapper{
    padding: 3rem 2rem 2rem 2rem;
}

.mc--boxes-4 .mc--box .w-iconbox {
    margin-bottom: 2rem;
}

.mc--box > .vc_column-inner > .wpb_wrapper .us-btn-style_3:hover {
    color: var(--color-zwart) !important;
}

.mc--box > .vc_column-inner > .wpb_wrapper .us-btn-style_3:hover .w-btn-label {
    margin-left: 15px;
}

.mc--box > .vc_column-inner > .wpb_wrapper .us-btn-style_3 .w-btn-label {
    transition: all ease .4s;
}

.mc--box li:before{
    content: '';
    background-image: url(/wp-content/uploads/2025/02/Hamers-Spray_zwart.png) !important;
    background-size: contain;
    background-position: center center;
    width: 18px;
    height: 18px;
    position: absolute;
    transform: translate(-1.7rem, 4px);
}

.mc--box ul {
    list-style-type: none;
    margin-left: 1.7rem;
}


div:not(.mc--box) .wpb_text_column ul,
.w-post-elm ul{
    list-style-type: none;
    margin-left: 1.7rem;
}

div:not(.mc--box) .wpb_text_column ul li:before,
.w-post-elm ul li:before {
    content: '';
    background-image: url(/wp-content/uploads/2025/02/Hamers-Spray_geel.png);
    background-size: contain;
    background-position: center center;
    width: 18px;
    height: 18px;
    position: absolute;
    transform: translate(-1.7rem, 4px);
}

.mc--sub-footer ul li::before {
    display: none !important;
}

.mc--box .w-iconbox-title {
    font-size: 1.4rem;
}

.mc--box .w-iconbox.iconpos_left .w-iconbox-icon {
    margin-right: 10px;
}

.mc--box .w-iconbox-icon {
    font-size: 1.6rem !important;
}

.mc--box .wpb_text_column a {
    color: var(--color-zwart);
    text-decoration: underline;
}

.mc--video-box .mc--box > .vc_column-inner > .wpb_wrapper{
    padding: 0rem !important;
}

.mc--video-box .w-vwrapper {
    padding: 3rem;
}

/* FAQ */
.w-tabs.style_default .w-tabs-section {
    border-color: var(--color-wit);
}

.w-tabs.style_default .w-tabs-section-title {
    font-family: var(--stainless-bold);
    text-transform: uppercase;
}

.w-tabs.style_default .w-tabs-section-header {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}

.w-tabs {
    margin-bottom: 1.5rem;
}

.w-tabs-sections.icon_plus>div>.w-tabs-section-header .w-tabs-section-control:before {
    border-radius: 0;
    left: .39em;
    width: .2em;
}

.w-tabs-sections.icon_plus>div>.w-tabs-section-header .w-tabs-section-control:after {
    border-radius: 0;
    top: .39em;
    height: .2em;
}

.mc--dropdown-faq .w-dropdown-item-title{
    font-family: var(--stainless-bold);
    text-transform: uppercase;
}

.mc--dropdown-faq .w-dropdown-item {
    color: var(--color-wit);    
}

.mc--dropdown-faq {
    display: inline-block;
    border-radius: 4px;
    border: solid 1px var(--color-wit);
    padding: 0.4rem .8rem;
}

/* Formulier */
.frm_primary_label {
    font-family: var(--stainless-regular);
    text-transform: uppercase;
}

.with_frm_style .frm_checkbox input[type=checkbox] {
    border-radius: 4px;
}

.with_frm_style .frm_inside_container > label {
	top: calc(-18px + .5 * var(--field-height));
	left: 5px;
}

.with_frm_style .frm_inside_container {
    padding-top: 6px;
}

.with_frm_style .frm_inside_container.frm_label_float_top > label {
    top: -2px;
    left: 21px;
    max-width: fit-content;
    padding-left: 2px;
    padding-right: 2px;
    z-index: 99;
}

.frm_style_formidable-stijlen-zwart .frm_inside_container.frm_label_float_top > label {
    background: var(--color-geel);
}

.frm_style_formidable-stijlen .frm_inside_container.frm_label_float_top > label.achternaam,
.frm_style_formidable-stijlen .frm_inside_container.frm_label_float_top > label {
    background: var(--color-zwart);
    max-width: fit-content;
}

.frm_style_formidable-stijlen-zwart .frm_checkbox a {
    color: var(--color-zwart);
    text-decoration: underline;
}

.frm_style_formidable-stijlen-zwart button.frm_button_submit.frm_final_submit  {
    background-color: var(--color-zwart) !important;
    line-height: 0 !important;
}

body .frm_style_formidable-stijlen-zwart button.frm_button_submit.frm_final_submit:hover {
    background: #666666 !important;
}

.frm_style_formidable-stijlen-zwart .frm_button_submit .w-btn-label  {
    color: var(--color-wit) !important;
}

.frm_left_container .frm_primary_label {
    font-family: var(--stainless-black);
}

.frm_style_formidable-stijlen-zwart .frm_button_submit i {
    color: var(--color-zwart);
}

.with_frm_style .frm_button_submit i:before {
    padding: 10px;
    border-radius: 3px;
}

.privacy label {
    padding-left: 25px;
}

.privacy label input{
    margin-left: -25px !important;
}

/* Wedstrijd - carousel - uitslagen */
.mc-wedstrijd-slide .team-score {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mc-wedstrijd-slide .thuisteam img,
.mc-wedstrijd-slide .uitteam img {
    max-width: 80px;
    max-height: 80px;
    height: 80px;
    margin: 8px auto !important;
    object-fit: contain !important;
}

.mc-wedstrijd-slide .team-score .thuisteam,
.mc-wedstrijd-slide .team-score .score,
.mc-wedstrijd-slide .team-score .uitteam {
    flex: 1;
    display: block;
    text-align: center;
}

.mc-wedstrijden-carousel .owl-next span,
.mc-wedstrijden-carousel .owl-prev span,
.mc-toekomstigewedstrijden-carousel .owl-next span,
.mc-toekomstigewedstrijden-carousel .owl-prev span{
    display: none !important;
}

.mc-wedstrijden-carousel .owl-next:after,
.mc-wedstrijden-carousel .owl-prev:after,
.mc-toekomstigewedstrijden-carousel .owl-next:after,
.mc-toekomstigewedstrijden-carousel .owl-prev:after {
    transform: scale(0.8);
}

.mc-wedstrijden-carousel .owl-nav,
.mc-toekomstigewedstrijden-carousel .owl-nav {
    position: absolute;
    top: -7rem;
    right: 3rem;
}

.mc-wedstrijden-carousel button.owl-next,
.mc-wedstrijden-carousel button.owl-prev,
.mc-toekomstigewedstrijden-carousel button.owl-next,
.mc-toekomstigewedstrijden-carousel button.owl-prev {
    height: 3rem;
    width: 2.5rem;
    border: 1.5px solid var(--color-geel);
    border-radius: 0 !important;
    transform: skewX(350deg);
}

.mc-wedstrijden-carousel,
.mc-toekomstigewedstrijden-carousel {
    margin-top: 4rem;
}

.mc-wedstrijden-carousel button.owl-prev,
.mc-toekomstigewedstrijden-carousel button.owl-prev {
    right: 0.5rem;
}

.mc-wedstrijden-carousel .wedstrijd-info,
.mc-toekomstigewedstrijden-carousel .wedstrijd-info{
    display: block;
    margin-top: 3rem;
}


.mc-wedstrijden-carousel .wedstrijd-info a,
.mc-toekomstigewedstrijden-carousel .wedstrijd-info a {
    display: block;
    margin: 5px auto;
}

.mc-wedstrijden-carousel .datum,
.mc-toekomstigewedstrijden-carousel .datum {
    font-family: var(--stainless-regular);
    text-transform: uppercase;
    display: block;
    text-align: center;
}

.mc-wedstrijden-carousel .team-score h4,
.mc-toekomstigewedstrijden-carousel .team-score h4 {
    font-size: 1rem;
}


/* Wedstrijden - carousel - oefenwedstrijd */
.mc--oefenwedstrijd .datum {
    font-family: var(--stainless-black);
    font-size: 2rem;
}

.mc--oefenwedstrijd .dag {
    font-family: var(--stainless-regular);
    display: block;
    font-size: 1rem;
}

.mc--oefenwedstrijd .tijd {
    text-align: center;
    font-family: var(--stainless-regular);
}

.mc--oefenwedstrijd .oefenwedstrijd-label {
    display: block;
    width: 35px;
    margin: 4px auto;
    text-align: center;
}



/* Club - tijdlijn */
.mc--tijdlijn .gebeurtenis .jaartal{
    font-family: var(--stainless-black);
    text-transform: uppercase;
}

.mc--tijdlijn .owl-item:before {
    content: '•';
    width: 100%;
    height: 1px;
    background-color: var(--color-geel);
    position: absolute;
    top: 50%;
    line-height: 4px;
    font-size: 2rem;
    left: -5px;
    color: var(--color-geel);
}

.mc--tijdlijn .owl-prev ,
.mc--tijdlijn .owl-next {
    top: -20% !important;
    height: 3rem !important;
    width: 2.5rem !important;
    border: 1.5px solid var(--color-geel) !important;
    border-radius: 0 !important;
    transform: skewX(350deg) !important;
}

.mc--jaartal-bold {
    font-family: var(--stainless-black);
    text-transform: uppercase;
}

.mc--tijdlijn .owl-item:nth-child(even) .usg_vwrapper_1 {
    flex-direction: column-reverse !important;
}

.mc--tijdlijn .owl-prev {
    left: 35% !important;
}

.mc--tijdlijn .owl-next {
    right: 59% !important;
}

.mc--tijdlijn .owl-stage-outer{
    width: 87% !important;
    margin: 0 0 0 auto;
}

/* Club -- cijfers */
.mc--roda-cijfers .mc--box-cijfer > .vc_column-inner{
    background-color: var(--color-geel);
    color: var(--color-zwart);
    padding: 1.5rem !important;
    border-radius: 0.6rem;
}

.mc--roda-cijfers .mc--box-cijfer h3:not(.w-counter-title) {
    text-align: right;
}

.mc--roda-cijfers .mc--box-cijfer h3{
    color: var(--color-zwart) !important;
}

.mc--roda-cijfers .mc--box-cijfer .w-btn i {
    margin: 0px;
    font-size: 12px;
    line-height: 28px;
}

.mc--roda-cijfers .mc--box-cijfer .w-btn {
    background-color: var(--color-zwart);
    border-radius: 100px;
    width: 30px;
    height: 30px;
    right: 20px;
    position: absolute;
}


.w-popup-box-content p img{
    border-radius: 1rem !important;
}

.mc--box-cijfer .wpb_text_column p {
    width: 75%;
}

.mc--box-cijfer .wpb_text_column:first-child {
    min-height: 160px;
}

.mc--roda-cijfers span.w-counter-value-part.type_number {
    font-family: var(--stainless-bold);
    font-size: 3.5rem;
}

.w-counter-title {
    margin: 0;
}

/* Home -- counter banner */
.banner-teamcounter {
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    display: flex;
    z-index: 11;
    position: relative;
}

.banner-titel h3 {
    font-style: italic;
    opacity: 0.055;
    font-size: 8rem;
    position: absolute;
    left: 0;
    z-index: 9;
    width: 100% !important;
}

.banner-teamcounter .thuisteam,
.banner-teamcounter .uitteam {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.banner-teamcounter .thuisteam img,
.banner-teamcounter .uitteam img{
    max-width: 100px;
    max-height: 100px;
}

.wedstrijd-bannercountdown .countdown{
    font-family: var(--stainless-black);
    font-size: 4rem;
    display: flex;
    line-height: 1;
}

.banner-divisie,
.banner-details {
    display: inline-block; 
    font-size: 0.8rem;
} 

.wedstrijd-bannercountdown {
    text-align: center;
}

.wedstrijd-bannercountdown .countdown p {
    font-size: 0.6rem;
    font-family: var(--font-family,inherit);
    display: block;
    opacity: 0.6;
    text-align: center;
    text-transform: uppercase;
}

.wedstrijd-bannercountdown .countdown div {
    margin-right: 2rem;
    text-align: center;
    width: 95px;
}

.wedstrijd-bannercountdown .thuisteam span,
.wedstrijd-bannercountdown .uitteam span {
    font-size: 0.7rem;
    margin-top: 16px;
    font-family: var(--stainless-black);
    text-transform: uppercase;
}

.wedstrijd-bannercountdown {
    background-color: var(--color-zwart);
    border-radius: 1rem;
    padding: 2rem 5rem;
}

.banner-datum, .banner-ticketlink {
    display: inline-block;
    font-size: .8rem;
    margin-right: 3rem;
    z-index: 99;
    position: relative;
    font-family: var(--stainless-black);
    text-transform: uppercase;
}

.banner-datum {
    color: var(--color-wit);
}

.banner-ticketlink {
    color: var(--color-zwart);
    background-color: var(--color-geel);
    border-radius: 100px;
    padding: 0.5rem 1rem;
}

.banner-ticketlink:hover {
    color: var(--color-wit) !important;
    border: 2px solid var(--color-geel);
    background-color: transparent;
    text-decoration: none !important;
}

.banner-ticketlink i {
    font-size: 0.7rem;
}

/* Download App */
.mc--mockup {
    max-height: 540px;
}

.mc--banner-app,
.mc--banner-app h2,
.mc--banner-app h3,
.mc--banner-app h4    {
    color:var(--color-zwart);
}

.mc--banner-app .vc_col-sm-7 {
    padding-left: 10rem;
}

.mc--banner-app ul {
    column-count: 2;
    margin-left: 0.8rem;
}

.mc--banner-app .wpb_text_column .wpb_wrapper {
    display: inline-flex;
}

.mc--banner-app .wpb_text_column img {
    margin-left: 2rem;
}

.mc--banner-app h3 {
    font-size: 2.4rem;
}

.mc--app-btn img{
    max-width: 180px;
    float: left;
    margin-right: 20px;
}

.mc--banner-app .vc_column-overlay{
    transform: skewX(-10deg) translateX(-4rem);
    height: 80%;
    margin: auto;
}

.mc--banner-app .wpb_text_column li:before {
    background-image: url('/wp-content/uploads/2025/02/Hamers-Spray_zwart.png') !important;
}

.mc--banner-app .wpb_text_column li {
    margin-right: 25px;
}


#page-content, .l-canvas {
    border-radius: 0rem 0rem 3rem 3rem;
}

/* Header Detail pagina */
.mc--roda-header .wpb_text_column{
    margin-bottom: .5em !important;
}
.mc--roda-header img,
.mc--roda-header-w-title img{
    border-radius: 20px;
}

.mc--roda-header h2{
    font-size: max(4rem, 4vw);
}

.l-section.mc--roda-header,
.l-section.mc--roda-header-w-title {
    padding-bottom: 1rem;
}

.mc--roda-header-w-title .mc--title {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    padding-bottom: 2rem;
    padding-top: 2rem;
    background: linear-gradient(0deg, rgba(13, 13, 12, 0.65) 0%, rgba(13, 13, 12, 0) 100%);
    left: 0;
}



/* Uitslagen/programma overzicht (custom grid) */
.uitslagen,
.programma {
    display: grid;
    gap: 40px;
}

.uitslagen {
    width: 100%;
}

.uitslagen h3,
.programma h3 {
    margin-bottom: 0;
    animation-name: afl !important;
}

.maand-uitslagen {
    width: 100%;
}

.maand-uitslagen,
.maand-programma {
    display: grid;
    gap: 35px;
}

.wedstrijd-uitslag,
.wedstrijd-programma {
    background-color: #000000;
    border: solid 1px var(--color-geel); 
    color: #fff; 
    display: grid;
    grid-template-columns: 160px 1fr 1fr 1fr 160px; 
    padding: 3rem 2rem;
    border-radius: 5px;
    gap: 10px;
    animation-name: afb !important;
}

.wedstrijd-uitslag .thuisteam,
.wedstrijd-uitslag .uitteam,
.wedstrijd-uitslag .score,
.wedstrijd-programma .thuisteam,
.wedstrijd-programma .uitteam {
    font-family: var(--stainless-black);
    text-transform: uppercase;
}

.wedstrijd-uitslag .thuisteam,
.wedstrijd-uitslag .uitteam,
.wedstrijd-programma .thuisteam,
.wedstrijd-programma .uitteam {
    font-size: 21px;
}

.wedstrijd-uitslag .score {
    font-size: 36px;
}

.wedstrijd-uitslag .datum{
    font-family: var(--stainless-regular);
    text-transform: uppercase;
    font-size: 13px;
    color: #fff;
    transform: translateY(-14px);
    margin-top: -10px;
}

.wedstrijd-programma .datum{
    font-family: var(--stainless-black);
    text-transform: uppercase;
    font-size: 21px;
    color: #fff;
}

.wedstrijd-programma .datum .dag,
.wedstrijd-programma .tijd {
    font-family: var(--stainless-regular);
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
}
.wedstrijd-programma .datum .dag {
    display: block;
}

.wedstrijd-programma .w-btn {
    margin-top: 20px;
}

.wedstrijd-uitslag.roda-thuis .datum,
.wedstrijd-programma.roda-thuis .datum,
.wedstrijd-programma.roda-thuis .datum .dag,
.wedstrijd-programma.roda-thuis .tijd {
    color: #000;
}

.wedstrijd-uitslag.roda-thuis,
.wedstrijd-programma.roda-thuis {
    background-color: var(--color-geel); 
    color: var(--color-zwart);
}

.wedstrijd-uitslag .editie-logo,
.wedstrijd-uitslag .thuisteam,
.wedstrijd-uitslag .uitteam,
.wedstrijd-programma .editie-logo,
.wedstrijd-programma .thuisteam,
.wedstrijd-programma .uitteam {
    display: flex;
    align-items: center;
    text-align: center;
    gap: 5px;
}

.wedstrijd-uitslag .editie-logo img,
.wedstrijd-programma .editie-logo img {
    max-width: 48px;
}

.wedstrijd-programma:not(.roda-thuis) .editie-Oefenwedstrijden:after,
.uitslagen:not(.roda-thuis) .editie-Oefenwedstrijden:after{
    content: '';
    position: absolute;
    width: 48px;
    height: 48px;
    background-image: url('/wp-content/uploads/2025/06/Koempelhamer-geel.png');
    background-size: contain;
}

.wedstrijd-uitslag .thuisteam img,
.wedstrijd-uitslag .uitteam img,
.wedstrijd-programma .thuisteam img,
.wedstrijd-programma .uitteam img {
    max-height: 55px;
    width: 90px;
    object-fit: contain;
}

.wedstrijd-uitslag .thuisteam,
.wedstrijd-programma .thuisteam {
    flex-direction: row-reverse;
}

.wedstrijd-uitslag .datum-score,
.wedstrijd-programma .datum-score {
    text-align: center;
}

.wedstrijd-uitslag .thuisteam img,
.wedstrijd-programma .thuisteam img {
    margin-left: 6px;
}

.wedstrijd-uitslag .uitteam img,
.wedstrijd-programma .uitteam img {
    margin-right: 6px;;
}

.wedstrijd-programma .datum-tijd {
    text-align: center;
}


.mc--dynamic-filter #scroll-maand,
.mc--dynamic-filter #scroll-uitslag-maand {
    font-family: var(--stainless-bold);
    text-transform: uppercase;
    background-color: transparent;
    text-transform: uppercase;
    font-size: 13px;  
}

.mc--dynamic-filter #scroll-maand:focus,
.mc--dynamic-filter #scroll-uitslag-maand:focus {
    box-shadow: none !important;
}

.mc--dynamic-filter .programma-filter,
.mc--dynamic-filter .uitslagen-filter {
    width: fit-content;
    float: right;
    border: solid 2px #fff;
    border-radius: 8px;
    padding: 0px 10px 0px 0px; 
}

/* Wedstrijden Fast Menu */
.mc--wedstrijden-menu{
    margin-top: -6.5em;
}
.mc--wedstrijden-menu .w-menu ul{
    background-color: var(--color-geel);
    padding: 0.5em;
    margin: 0 auto;
    border-radius: 6px;
}

.mc--wedstrijden-menu .w-menu {
    display: flex;
}

.mc--wedstrijden-menu .w-menu li.current-menu-item{
    background-color: #000;
    border-radius: 4px;
}

.mc--wedstrijden-menu .w-menu li:hover {
    background-color: #000;
    border-radius: 4px;
}

.mc--wedstrijden-menu .w-menu li {
    transform: all ease .4s;
}

.mc--wedstrijden-menu .w-menu a{
    font-family: var(--stainless-black);
    text-transform: uppercase;
    padding: 5px 15px !important;

}

/* Filter programma (custom) */
.maand-titel {
  scroll-margin-top: 120px; /* pas aan op basis van je headerhoogte */
}

/* Trainingen */
.mc--trainingen-info .w-vwrapper{
    background-color: var(--color-geel);
    border-radius: 10px;
    padding: 2em;
    width: 33%;
}
.mc--trainingen-info .wpb_wrapper{
    color: #000;
}
.mc--trainingen-info .wpb_wrapper a{
    text-decoration: underline;
    color: #000;
}
.mc--trainingen-info .w-iconbox-icon{
    margin-bottom: 1em;
}


article.training .w-post-elm.tijdstip,
article.training .w-post-elm.datum {
    font-family: var(--stainless-black);
    text-transform: uppercase;
    font-size: 1.2rem;
}

article.training .usg_post_taxonomy_1{
    font-size: 0.9rem;
    font-family: var(--stainless-regular);
    text-transform: uppercase;
    display: flex;
}

article.training .w-post-elm i,
article.training .usg_post_taxonomy_1 i {
    display: block;
}
 

/* Berichten template */
.mc--bt-content .w-separator{
    opacity: .5;
}
.mc--bt-content .vc_col-sm-8 .l-section{
    padding-bottom: 2rem !important;
}
.mc--bt-share{
    background-color: var(--color-geel);
    width: fit-content;
    color: #000;
    border-radius: 4px;
    padding: .5em 1em;
}
.mc--bt-share .wpb_text_column{
    margin: 0 !important;
}
.mc--bt-share p{
   font-family: var(--stainless-black);
   text-transform: uppercase; 
   margin-right: .5em;
}
.mc--bt-share .w-sharing.type_simple .w-sharing-item i {
    opacity: 1;
}
.mc--bt-share .w-sharing{
    z-index: 3;
}
.mc--bt-share .w-sharing-item{
    border-color: transparent;
}
.mc--bt-share{
    position: relative;
}
.mc--bt-share:after{
    content: '';
    width: 67%;
    height: 100%;
    background-color: var(--color-donkergeel);
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 5px;
    z-index: 1;
}
.w-sharing.type_outlined .w-sharing-item.whatsapp, .no-touch .w-sharing.type_simple .w-sharing-item.whatsapp:hover i,.w-sharing.type_outlined .w-sharing-item.linkedin, .no-touch .w-sharing.type_simple .w-sharing-item.linkedin:hover i,.w-sharing.type_outlined .w-sharing-item.twitter, .no-touch .w-sharing.type_simple .w-sharing-item.twitter:hover i,
.w-sharing.type_outlined .w-sharing-item.facebook, .no-touch .w-sharing.type_simple .w-sharing-item.facebook:hover i,.w-sharing.type_outlined .w-sharing-item.email, .no-touch .w-sharing.type_simple .w-sharing-item.email:hover i{
    color: #fff !important;
}

.single-post h1.post_title,
.single-post .mc--meta {
    width: 49%;
    margin: 0 auto;
}

.mc--post-header.l-section {
    min-height: 80vh !important;
}

span.term-6.term-uitgelicht {
    display: none;
}

.single-post .post_content img {
    border-radius: 12px;
}

.mc--youtube-popup i{
    font-size: 4rem;
    color: var(--color-wit);
    opacity: 0.8;
    transition: transform 0.15s cubic-bezier(0,0.2,0.5,3);
}

.mc--youtube-popup i:hover {
    opacity: 1;
    transform: scale(1.3);
}

.post_navigation.layout_sided .post_navigation-item-title {
    font-family: 'Elza', sans-serif;
    font-weight: bold;
}

.mfp-title {
    display: none;
}

.mc--album-slider img {
    border-radius: 1rem;
}

/* Wedstrijdverslag */
.single-wedstrijd .team-score .score {
    display: flex;
    font-family: var(--stainless-black);  
    font-size: 3rem;  
    line-height: 2;
    flex: 1;
}

.single-wedstrijd .team-score .score p {
    flex: 1;
}

.single-wedstrijd .team-score img {
    max-width: 140px;
    max-height: 100px;
    height: auto;
    width: 100%;
    object-fit: contain;
}

.single-wedstrijd .w-post-elm.post_date {
    font-family: var(--stainless-regular) !important;
}

.single-wedstrijd .team-score {
    display: flex;
    max-width: 600px;
    margin: 0 auto;
}

.single-wedstrijd .team {
    font-family: var(--stainless-bold);
    text-transform: uppercase;
    flex: 1;
}

.team-score img{
    margin: 0 auto;
}


.single-wedstrijd .mc--datum {
    font-family: var(--stainless-black);
}

.verslag-update {
    background-color: var(--color-zwart);
    margin-bottom: 2rem;
    border-radius: 0.6rem;
    display: block;
    padding: 3rem 5rem 3rem 6rem;
}

/* .verslag-update{
    animation-name: afl !important;
} */

.verslag-update:last-child {
    margin-bottom: 0rem;
}

.verslag-update td {
    border-bottom: 0px;
    padding: 0px;
    padding-right: 4rem !important;
}

.verslag-afbeelding img {
    width: 200px;
    height: 200px;
    max-width: 200px;
    object-fit: cover;
    border-radius: 0.5rem;
}

.verslag-minuut img {
    display: block;
    margin-top: 1rem;
}

td.verslag-afbeelding {
    padding: 0px;
}

.verslag-minuut {
    font-family: var(--stainless-black);
    font-size: 2rem;
    width: 180px;
}

.mc--wedstrijdverslag::before {
    content: '';
    height: 100%;
    width: 1px;
    background-color: var(--color-wit);
    position: absolute;
    left: 50%;
    opacity: 0.3;
    z-index: 9;
}

.mc--wedstrijdverslag table {
    z-index: 20;
    position: relative;
}

tr.verslag-update.doelpunt_roda {
    background-color: var(--color-geel);
    color: var(--color-zwart);
}

tr.doelpunt_roda td *{
    color: var(--color-zwart) !important;
}

tr.verslag-update.doelpunt_roda::before {
    content: url('assets/images/logo-doelpunt-roda.svg');
    position: absolute;
    left: -23px;
    transform: scale(1.2);
}

tr .verslaggeving {
    font-family: var(--font-family, inherit);
}

tr.verslag-update td.verslaggeving {
    font-size: 0.94rem;
}

tr.verslag-update h3,
tr.verslag-update h2,
tr.verslag-update h4,
tr.verslag-update h5 {
    font-size: 1.33rem;
}

tr.verslag-update.eindstand::before {
    content: url('assets/images/icon-eindstand.svg');
    position: absolute;
    left: -23px;
    transform: scale(1.2);
}

tr.verslag-update.rust,
tr.verslag-update.eindstand {
    background-color: #212121;
}

.score {
    font-family: var(--stainless-black);  
    font-size: 3rem;
}

/* 404 / zoekresultaten*/
.mc--zoekveld .w-search-form{
    border-radius: 100px;
    border: solid 1px var(--color-geel);
    margin-bottom: 2rem;
    overflow: hidden;
}


/* Wedstrijdverslag - opstelling */
.mc--opstelling .w-tabs-section-content {
    padding-top: 2rem;
}

.mc--opstelling .mc--teamnaam,
.mc--opstelling .mc--opstellingtype {
    font-family: var(--stainless-black);
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.4;
}

.mc--opstelling .speler {
    font-family: var(--stainless-black);
    text-transform: uppercase;
    position: absolute;
    text-align: center;
    transform: scale(0.8);
    width: 104px;
}

.mc--opstelling .naam{
    display: block;
    margin-top: 5px;
    font-size: 15px;
}

.mc--opstelling .speler[data-positie="1"]{
    bottom: 0px;
    left: calc(50% - 45px);
}

.mc--opstelling .rugnummer {
    border-radius: 40px;
    background-color: var(--color-geel);
    color: var(--color-zwart);
    width: 46px;
    height: 46px;
    display: block;
    text-align: center;
    line-height: 46px;
    margin: 0 auto;
}

.mc--opstelling .speler[data-positie="1"] .rugnummer{
    background-color: #CABFE9;
}

.w-tabs.style_radio2 .w-tabs-item-title {
    font-family: var(--stainless-black);
    text-transform: uppercase;   
    font-size: 15px;
}

.w-tabs.style_radio2 .w-tabs-list-h {
    border: solid 1px var(--color-geel);
}

.w-tabs.style_radio2>.w-tabs-list .w-tabs-item.active {
    background-color: var(--color-geel);
}

.w-tabs.style_radio2>.w-tabs-list .w-tabs-item.active .w-tabs-item-title {
    color: var(--color-zwart);
}

.w-tabs.style_radio2.layout_hor>.w-tabs-list .w-tabs-item {
    padding: .4em 1.8em;
}

.opstelling {
    height: 530px;
    background-image: url('/wp-content/uploads/2025/01/figuur-veld.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}

.thuisteam.reserves,
.uitteam.reserves {
    margin-top: 3rem;
}


/* Opstelling 4-3-3 */
.opstelling.\34-3-3 .speler[data-positie="2"]{
    bottom: 15%;
    left: 12%;
}

.opstelling.\34-3-3 .speler[data-positie="3"]{
    bottom: 15%;
    left: 32%;
}

.opstelling.\34-3-3 .speler[data-positie="4"]{
    bottom: 15%;
    left: 52%;
}

.opstelling.\34-3-3 .speler[data-positie="5"]{
    bottom: 15%;
    left: 72%;
}

.opstelling.\34-3-3 .speler[data-positie="6"]{
    bottom: 30%;
    left: 22%;
}

.opstelling.\34-3-3 .speler[data-positie="7"]{
    bottom: 30%;
    left: 62%;
}

.opstelling.\34-3-3 .speler[data-positie="8"]{
    bottom: 30%;
    left: 42.5%;
}

.opstelling.\34-3-3 .speler[data-positie="9"]{
    bottom: 45%;
    left: 42.5%;
}

.opstelling.\34-3-3 .speler[data-positie="10"]{
    bottom: 45%;
    left: 62%;
}

.opstelling.\34-3-3 .speler[data-positie="11"]{
    bottom: 45%;
    left: 22%;
}

/* Opstelling 4-4-2 */
.opstelling.\34-4-2 .speler[data-positie="2"]{
    bottom: 15%;
    left: 12%;
}

.opstelling.\34-4-2 .speler[data-positie="3"]{
    bottom: 15%;
    left: 32%;
}

.opstelling.\34-4-2 .speler[data-positie="4"]{
    bottom: 15%;
    left: 52%;
}

.opstelling.\34-4-2 .speler[data-positie="5"]{
    bottom: 15%;
    left: 72%;
}

.opstelling.\34-4-2 .speler[data-positie="6"]{
    bottom: 30%;
    left: 12%;
}

.opstelling.\34-4-2 .speler[data-positie="7"]{
    bottom: 30%;
    left: 32%;
}

.opstelling.\34-4-2 .speler[data-positie="8"]{
    bottom: 30%;
    left: 52%;
}

.opstelling.\34-4-2 .speler[data-positie="9"]{
    bottom: 30%;
    left: 72%;
}

.opstelling.\34-4-2 .speler[data-positie="10"]{
    bottom: 45%;
    left: 52%;
}

.opstelling.\34-4-2 .speler[data-positie="11"]{
    bottom: 45%;
    left: 32%;
}

/* Opstelling 3-4-3 */
.opstelling.\33-4-3 .speler[data-positie="2"]{
    bottom: 18%;
    left: 22%;
}

.opstelling.\33-4-3 .speler[data-positie="3"]{
    bottom: 18%;
    left: 42.5%;
}

.opstelling.\33-4-3 .speler[data-positie="4"]{
    bottom: 18%;
    left: 62%;
}

.opstelling.\33-4-3 .speler[data-positie="5"]{
    bottom: 37%;
    left: 12%;
}

.opstelling.\33-4-3 .speler[data-positie="6"]{
    bottom: 37%;
    left: 72%;
}

.opstelling.\33-4-3 .speler[data-positie="7"]{
    bottom: 32%;
    left: 52%;
}

.opstelling.\33-4-3 .speler[data-positie="8"]{
    bottom: 32%;
    left: 32%;
}

.opstelling.\33-4-3 .speler[data-positie="9"]{
    bottom: 50%;
    left: 62%;
}

.opstelling.\33-4-3 .speler[data-positie="10"]{
    bottom: 50%;
    left: 22%;
}

.opstelling.\33-4-3 .speler[data-positie="11"]{
    bottom: 54%;
    left: 42.5%;
}

/* Opstelling 4-5-1 */
.opstelling.\34-5-1 .speler[data-positie="2"]{
    bottom: 18%;
    left: 12%;
}

.opstelling.\34-5-1 .speler[data-positie="3"]{
    bottom: 18%;
    left: 32%;
}

.opstelling.\34-5-1 .speler[data-positie="4"]{
    bottom: 18%;
    left: 52%;
}

.opstelling.\34-5-1 .speler[data-positie="5"]{
    bottom: 18%;
    left: 72%;
}

.opstelling.\34-5-1 .speler[data-positie="6"]{
    bottom: 48%;
    left: 22%;
}

.opstelling.\34-5-1 .speler[data-positie="7"]{
    bottom: 48%;
    left: 62%;
}

.opstelling.\34-5-1 .speler[data-positie="8"]{
    bottom: 32%;
    left: 42.5%;
}

.opstelling.\34-5-1 .speler[data-positie="9"]{
    bottom: 40%;
    left: 32%;
}

.opstelling.\34-5-1 .speler[data-positie="10"]{
    bottom: 40%;
    left: 52%;
}

.opstelling.\34-5-1 .speler[data-positie="11"]{
    bottom: 55%;
    left: 42.5%;
}

/* Opstelling 5-3-2 */
.opstelling.\35-3-2 .speler[data-positie="2"]{
    bottom: 22%;
    left: 16%;
}

.opstelling.\35-3-2 .speler[data-positie="3"]{
    bottom: 18%;
    left: 32%;
}

.opstelling.\35-3-2 .speler[data-positie="4"]{
    bottom: 18%;
    left: 42.5%;
}

.opstelling.\35-3-2 .speler[data-positie="5"]{
    bottom: 18%;
    left: 52%;
}

.opstelling.\35-3-2 .speler[data-positie="6"]{
    bottom: 22%;
    left: 68%;
}

.opstelling.\35-3-2 .speler[data-positie="7"]{
    bottom: 38%;
    left: 58%;
}

.opstelling.\35-3-2 .speler[data-positie="8"]{
    bottom: 38%;
    left: 25%;
}

.opstelling.\35-3-2 .speler[data-positie="9"]{
    bottom: 38%;
    left: 42.5%;
}

.opstelling.\35-3-2 .speler[data-positie="10"]{
    bottom: 55%;
    left: 52%;
}

.opstelling.\35-3-2 .speler[data-positie="11"]{
    bottom: 55%;
    left: 32%;
}

/* Opstelling 5-4-1 */
.opstelling.\35-4-1 .speler[data-positie="2"]{
    bottom: 21%;
    left: 20%;
}

.opstelling.\35-4-1 .speler[data-positie="3"]{
    bottom: 16%;
    left: 32%;
}

.opstelling.\35-4-1 .speler[data-positie="4"]{
    bottom: 16%;
    left: 42.5%;
}

.opstelling.\35-4-1 .speler[data-positie="5"]{
    bottom: 16%;
    left: 52%;
}

.opstelling.\35-4-1 .speler[data-positie="6"]{
    bottom: 21%;
    left: 64%;
}

.opstelling.\35-4-1 .speler[data-positie="7"]{
    bottom: 38%;
    left: 58%;
}

.opstelling.\35-4-1 .speler[data-positie="8"]{
    bottom: 38%;
    left: 26%;
}

.opstelling.\35-4-1 .speler[data-positie="9"]{
    bottom: 32%;
    left: 36%;
}

.opstelling.\35-4-1 .speler[data-positie="10"]{
    bottom: 32%;
    left: 48%;
}

.opstelling.\35-4-1 .speler[data-positie="11"]{
    bottom: 50%;
    left: 42.5%;
}

/* Opstelling 4-2-3-1 */
.opstelling.\34-2-3-1 .speler[data-positie="2"]{
    bottom: 18%;
    left: 22%;
}

.opstelling.\34-2-3-1 .speler[data-positie="3"]{
    bottom: 18%;
    left: 36%;
}

.opstelling.\34-2-3-1 .speler[data-positie="4"]{
    bottom: 18%;
    left: 48%;
}

.opstelling.\34-2-3-1 .speler[data-positie="5"]{
    bottom: 18%;
    left: 62%;
}

.opstelling.\34-2-3-1 .speler[data-positie="6"]{
    bottom: 32%;
    left: 32%;
}

.opstelling.\34-2-3-1 .speler[data-positie="7"]{
    bottom: 32%;
    left: 52%;
}

.opstelling.\34-2-3-1 .speler[data-positie="8"]{
    bottom: 46%;
    left: 42.5%;
}

.opstelling.\34-2-3-1 .speler[data-positie="9"]{
    bottom: 46%;
    left: 25%;
}

.opstelling.\34-2-3-1 .speler[data-positie="10"]{
    bottom: 46%;
    left: 60%;
}

.opstelling.\34-2-3-1 .speler[data-positie="11"]{
    bottom: 60%;
    left: 42.5%;
}

/* Opstelling 3-5-2 */
.opstelling.\33-5-2 .speler[data-positie="2"]{
    bottom: 18%;
    left: 28%;
}

.opstelling.\33-5-2 .speler[data-positie="3"]{
    bottom: 18%;
    left: 42.5%;
}

.opstelling.\33-5-2 .speler[data-positie="4"]{
    bottom: 18%;
    left: 56%;
}

.opstelling.\33-5-2 .speler[data-positie="5"]{
    bottom: 38%;
    left: 22%;
}

.opstelling.\33-5-2 .speler[data-positie="6"]{
    bottom: 38%;
    left: 62%;
}

.opstelling.\33-5-2 .speler[data-positie="7"]{
    bottom: 35%;
    left: 52%;
}

.opstelling.\33-5-2 .speler[data-positie="8"]{
    bottom: 35%;
    left: 32%;
}

.opstelling.\33-5-2 .speler[data-positie="9"]{
    bottom: 40%;
    left: 42.5%;
}

.opstelling.\33-5-2 .speler[data-positie="10"]{
    bottom: 55%;
    left: 33%;
}

.opstelling.\33-5-2 .speler[data-positie="11"]{
    bottom: 55%;
    left: 51%;
}

/* Vacature */
.single-vacature h1.post_title,
.single-vacature .mc--meta,
.single-vacature .mc--intro,
.single-vacature .mc--post-header .w-btn-wrapper {
    width: 49%;
    margin: 0 auto;
}

.single-vacature .mc--intro {
    display: block;
    font-size: 1.2rem;
    line-height: 1.5;
}

.single-vacature .mc--meta .w-post-elm-value {
    line-height: 1.3;
}

.mc--vacature .usg_vwrapper_1 {
    display: block;
}

/* Awayday - template */
.mc--awayday-header .team-tegenstander img,
.mc--awayday-header .mc--roda-uit img {
    max-width: 150px;
    max-height: 150px;
    height: auto;
    width: 150px;
    display: block;
    margin-bottom: 0.5rem;
}

.mc--awayday-header .w-hwrapper {
    width: fit-content;
    margin: 0 auto;
}

.mc--awayday-header h6 {
    font-family: var(--stainless-black);
    text-transform: uppercase;
}

.mc--awayday-header .team-tegenstander,
.mc--awayday-header .mc--roda-uit {
    font-family: var(--stainless-bold);
    text-transform: uppercase;
}

.single-awayday .details_auto-combi .w-post-elm-before,
.single-awayday .details_bus-combi .w-post-elm-before {
    font-size: 2rem;
    font-family: var(--stainless-black);
    text-transform: uppercase;
}

.single-awayday .mc--datum-tijd {
    font-family: var(--stainless-black);
    text-transform: uppercase;
    font-size: 1.6rem;
}

.single-awayday .vervoersregeling {
    font-size: 0.8rem;
    margin-top: 10px;
    font-family: var(--stainless-black);
    text-transform: uppercase;
}

.single-awayday .vervoersregeling i {
    color: var(--color-geel);
}

.single-awayday .vervoersregeling .fa-bus:before {
    content: "\f85a";
}

.mc--uitkaart .mc--ster,
.mc--uitkaart .mc--punten {
    display: inline;
}

.mc--uitkaart .mc--punten {
    margin-left: 8px;
}

.mc--contact-awaydays .w-person {
    display: inline-flex;
}

.mc--contact-awaydays .w-image-h {
    width: 210px;
    margin: auto;
}

.mc--contact-awaydays h4 {
    font-family: var(--stainless-black);
    text-transform: uppercase;
}

.mc--scroll-btn {
    margin-top: 4rem;
    display: grid;
}


/* Countdown */
.single-awayday #countdown {
    display: flex;
    justify-content: space-evenly;
}

.single-awayday .countdown span{
    display: block;
    font-family: var(--stainless-black);
    font-size: 4rem;
    line-height: 1;
    color: var(--color-wit);
}

.single-awayday .countdown {
    text-transform: uppercase;
    font-family: 'Elza', sans-serif;
    color: rgb(187, 187, 187);
    font-size: 10px !important;
    line-height: 1;
}

.single-awayday .mc--banner-countdown h6 {
    font-style: italic;
    opacity: 0.075;
    font-size: 6.5rem;
    position: absolute;
    left: 9%;
    width: 800px;
}

.single-awayday .mc--ticket-link {
    background-color: var(--color-geel);
    padding: 0.5rem 1rem;
    border-radius: 100px;
    font-size: .8rem;
    border: 2px solid var(--color-geel);
}

.single-awayday .mc--ticket-link:hover {
    color: var(--color-wit) !important;
    border: 2px solid var(--color-geel);    
}


/* Organisatie */
.mc--grid-organisatie .post_title{
    font-family: var(--stainless-black);
    text-transform: uppercase;
}

.mc--grid-organisatie article::before{
    content: '';
    background-color: var(--color-zwart);
    width: 87%;
    height: 86%;
    transform: skew(-6deg);
    position: absolute;
}

.mc--grid-organisatie .functie {
    font-family: var(--stainless-bold);
}

.mc--grid-organisatie .post_image a::after{
    content: '';
    background: linear-gradient(0deg,#000000,rgba(0,0,0,0.00));
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;   
}

.mc--grid-organisatie .post_image img {
    object-fit: cover !important;
    object-position: bottom;
}

/* Banner app */
/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

.app-banner {
    background-color: #000;
    color: #fff; /* Tekstkleur */
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: sticky; /* Of 'sticky' als je wilt dat hij meescrolt */
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000; /* Zorg ervoor dat hij boven andere elementen ligt */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.app-banner .close-button {
    background: none;
    border: none;
    color: #666;
    font-size: 20px;
    cursor: pointer;
    margin-left: -5px;
}

.banner-content {
    display: flex;
    align-items: center;
    flex-grow: 1;
}

.banner-content img {
    height: 50px;
    width: 50px;
    margin-right: 10px;
    margin-left: 5px;
    border-radius: 10px; 
}

.app-info {
    flex-grow: 1;
}

.app-info h3 {
    margin-top: 0;
    margin-bottom: 0px;
    font-size: 14px;
    padding-right: 4rem;
}

.app-buttons a {
    display: inline-block;
    background-color: var(--color-geel);
    border: solid 2px var(--color-geel);
    color: #131413;
    padding: 6px 10px 4px 10px;
    text-decoration: none;
    border-radius: 100px;
    margin-left: 10px;
    font-size: 12px;
    font-family: 'Elza';
    font-weight: bold;
    line-height: 1;
}

.app-buttons {
    align-items: flex-end;
    display: flex;
}

.app-buttons a:hover {
    background-color: var(--color-zwart);
    color: var(--color-wit);
}

.app-info {
    display: flex;
}

/* Verberg de banner standaard */
.app-banner.hidden {
    display: none !important;
}

/* Stadion plattegrond (interactief) */
/* Custom hotstop element */
.mc_hotspot_container{
    position: relative;
    float: left;
}
.mc_hotspot_container > img {
    width: 100%;
    height: auto;
    line-height: 1;
    vertical-align: middle;
    margin-left: 2rem;
}
.mc_hotspot{
    position: absolute;
    top: 0;
    left: 0;
    min-width: 1px;
    min-height: 1px;
    line-height: 0px !important;
    cursor: pointer !important;
}

.mc_hotspot_pin {
    transform: scale(0.6);
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.mc_hotspot_pin:hover {
    transform: scale(0.8);
}

/* Event */
.single-event .datum span,
.single-event .tijd span,
.single-event .locatie span {
    line-height: 1.5;
}

/* Gezond in mijn streek */
.mc--gims-carousel .w-ibanner{
    transform: skewX(-12deg);
}

.mc--gims-carousel .w-ibanner-image {
    transform: skewX(12deg) scale(1.3) !important;
}

.mc--gims-carousel .w-ibanner-content-h {
    transform: skewX(12deg) scale(1) !important;
}

/* Accordeon | Talen */
.mc--nl-vlag .w-tabs-section-title:after{
    content: url('/wp-content/uploads/2025/03/nl.svg');
}

.mc--de-vlag .w-tabs-section-title:after{
    content: url('/wp-content/uploads/2025/03/de.svg');
}

.mc--en-vlag .w-tabs-section-title:after{
    content: url('/wp-content/uploads/2025/03/en.svg');
}

.mc--nl-vlag .w-tabs-section-title:after,
.mc--de-vlag .w-tabs-section-title:after,
.mc--en-vlag .w-tabs-section-title:after {
    margin-left: 20px;
    position: relative;
    display: inline-block;
    transform: translateY(-3px);
}

/* Samenvatting */
.mc--samenvatting-titel *{
    font-family: var(--stainless-black);
    font-size: 1.1rem;
    line-height: 1;
}

.mc--samenvatting-titel .post_title {
    margin-right: 6px;
}

.mc--samenvatting-titel .w-post-elm-before {
    margin-right: 4px;
}

/* Responsive Queries */
/* Custom*/
@media screen and (min-width: 3000px){
    .mc--banner-app .vc_col-sm-7 {
        padding-left: 38rem;
    }
}

@media screen and (min-width: 1800px){
    .single-post h1.post_title, .single-post .mc--meta {
        width: 850px;
    }

    body h1 {
        font-size: 3rem;
    }

    body h2 {
        font-size: 2.3rem;
    }

    body h3 {
        font-size: 2.1rem;
    }

    .vc_col-sm-10.wpb_column.vc_column_container.mc--banner-countdown.has_bg_color {
        max-width: 1000px;
        margin: 0 auto;
    }

    .mc--tijdlijn .owl-stage-outer {
        width: 70% !important;
    }

    .mc--tijdlijn .owl-next {
        right: 45% !important;
    }

    .mc--tijdlijn .owl-prev {
        left: 51.5% !important;
    }
}


/* Custom 1320px */
@media screen and (max-width: 1320px){
    header.id_119 .l-subheader-cell .w-nav a {
        font-size: 15px;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    header.id_119 .l-subheader-cell .w-btn .w-btn-label,
    header.id_119 .l-subheader-cell .w-btn i{
        font-size: 15px !important;
    }

    .header_hor .l-subheader-cell.at_right>* {
        margin-left: 11px !important;
    }

    .l-subheader-cell.at_right .us-btn-style_6 .w-btn-label {
        padding-left: 6px;
        padding-right: 6px;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .l-subheader-cell.at_right .w-btn.us-btn-style_6 i:before {
        padding: 0.3rem;
        line-height: 2.3;
    }

    .mc--banner-app .vc_col-sm-7 {
        padding-left: 3rem; 
    }

    .mc--persoon-details .w-vwrapper .w-post-elm {
        display: block;
    }
}

/*Custom 1180*/
@media screen and (max-width: 1180px) {
    li#menu-item-246 {
        margin-top: 1rem;
    }
}

/* Large */
@media screen and (max-width: 1200px){
    .verslag-update {
        padding: 3rem 4rem 3rem 4rem;
    }

    .verslag-update td {
        padding-right: 2rem !important;
    }

    .verslag-minuut {
        font-size: 1.5rem;
        width: 120px;
    }

    .mc--banner-app ul {
        column-count: 1;
    }

    .mc--banner-app h3 {
        margin-bottom: 0rem;
    }

    .mc--banner-app .vc_column-overlay {
        height: 100%;
    }

    .mc--oefenwedstrijd .datum {
        font-size: 1.3rem;
    }

    .mc-wedstrijd-slide .thuisteam img, .mc-wedstrijd-slide .uitteam img {
        max-width: 60px;
        max-height: 60px;
        height: 60px;
    }

    .mc--oefenwedstrijd .oefenwedstrijd-label {
        width: 30px;
    }

    .mc-wedstrijden-carousel .team-score h4 {
        font-size: 0.8rem;
        padding-top: 8px;
        padding-right: 20px;
        padding-left: 20px;
    }

    .mc--oefenwedstrijd-slider > .vc_column-inner {
        padding: 3rem !important;
    }

    .mc-toekomstigewedstrijden-carousel.mc--oefenwedstrijd .owl-nav {
        position: absolute;
        top: unset;
        right: 50%;
        bottom: -2rem;
    }

    #myChart1, #myChart2, #myChart3 {
        width: 70px !important;
        height: 70px !important;
     }
     
     .legendbox {
        padding-left: 0px !important;
        padding-top: 5px !important;
     }
}

/* Medium */
@media screen and (max-width: 1040px){
    td.verslag-afbeelding + td.verslaggeving {
        display: block;
        padding-left: 6.5rem;
        padding-top: 1rem;
    }

    tr.verslag-update.doelpunt_roda::before {
        left: -38px;
        transform: scale(0.5) translateY(-50px);
    }

    .verslag-update {
        padding: 2rem 1rem 2rem 2rem;
    }

    .verslag-minuut {
        font-size: 1.1rem;
        width: 75px;
    }

    .verslag-minuut img {
        max-width: 20px;
    }

    .verslag-update td {
        padding-right: 1rem !important;
    }

    td.verslag-afbeelding + td.verslaggeving {
        padding-left: 4.8rem;
    }

    .verslag-afbeelding img {
        width: 150px;
        height: 150px;
        max-width: 150px;
    }

    .team-score img{
       margin: auto !important;
    }

    .mc--banner-app .vc_col-sm-7 {
        padding-left: 3rem;
        width: 100%;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    
    .wedstrijd-bannercountdown .countdown {
        font-size: 2.5rem;
    }

    .banner-teamcounter .thuisteam img, .banner-teamcounter .uitteam img {
        max-width: 80px;
        max-height: 80px;
    }

    .custom-titel-banner {
        font-size: 1.5rem;
    }
    
    .banner-titel h3 {
        font-size: 6rem;
    }

    /* .wedstrijd-bannercountdown .countdown div {
        margin-right: 2rem;
        text-align: center;
        width: 55px;
        padding-left: 20px;
    } */
}

/* Custom 820px */ 
@media screen and (max-width: 820px) and (min-width: 767px) {
    .l-subheader.at_middle .type_mobile.mc--hamburger-menu .w-nav-list.level_1 {
        margin-top: 75px;
        z-index: 101;
    }

    header .ush_image_1 {
        z-index: 102;
    }

    .mc--statistiek {
        width: 75%;
        margin-left: 12.5%;
    }
}


/* Small */
@media screen and (max-width: 800px){
    .mc--footers-partners .vc_col-sm-2 {
        text-align: left;
        left: 1.5rem;
    }

    .mc--sub-footer ul {
        column-count: 2;
    }

    .mc--footer-fastmenus .wpb_text_column p {
        column-count: 2;
    }

    .mc--search.w-search.layout_simple {
        min-width: 0 !important;
    }

    /* Speler template */
    .mc--statistiek {
        width: 100%;
        margin-left: 0rem;
        margin-right: 0rem;
    }

    body .us_custom_757bc98e {
        margin-bottom: 1rem!important;
        font-size: 14px;
    }

    body .us_custom_f6958b40 {
        margin-bottom: 0px !important;
    }

    body .us_custom_e9a4d8e0 {
        font-size: 4rem !important;
        margin-top: 16rem;
    }

    body .us_custom_326b0dae,
    body .us_custom_f6958b40 {
        font-size: 1.6rem !important;
    }

    .mc--persoon-details .w-vwrapper {
        margin-top: 1rem;
    }

    .mc--social-btn.w-btn {
        padding: 0.2rem;
        width: 42px;
        height: 42px;
        font-size: 1.5rem;
        line-height: 36px !important;
        z-index: 99;
    }

    .mc--persoon-profile > .vc_column-inner {
        padding: 0 !important;
    }

    .mc--persoon-details .mc--powered-by-title p{
        font-size: 14px;
        width: 97px !important;
    }

    .mc--persoon-details .mc--powered-by-title {
        width: 96px;
    }


    .mc--grid-partner {
        width: 100%;
    }

    .mc--persoon-profile .w-image.has_ratio img {
        object-fit: cover !important;
    }

    .mc--persoon-profile .w-image-h > div {
        display: none;
    }

    .mc--persoon-profile .w-image-h img {
        max-height: 100%;
        max-width: 100%;
        position: relative !important;
    }

    .mc--persoon-intro {
        position: absolute;
        z-index: 99;
    }

    .mc--oefenwedstrijd-slider > .vc_column-inner {
        padding: 2rem!important;
        padding-bottom: 9rem !important;
    }


    /* Speler carousel */
     .mc--grid-speler .owl-item.owl-item.active .post_image img {
        transform: scale(1) translateY(0rem) !important;
    }

    .mc--grid-speler .owl-item.owl-item.active .post_image a::after {
        height: 50%;;
    }

    .mc--speler-bg::before {
        width: 75%;
        left: 12%;
    }

    .mc--grid-speler .post_image img {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .mc--grid-speler .owl-item.owl-item.active .mc--speler-info {
        opacity: 1;
        transform: translateX(2rem);
    }

    .mc--grid-speler .owl-item.owl-item.active a.w-btn.us-btn-style_4.usg_btn_1.icon_atright {
        opacity: 1;  
        transform: translateX(2rem);         
    }

    .layout_660 .usg_vwrapper_1 {
        top: unset !important;
        bottom: 4rem !important;
    }

    .layout_660 .usg_post_image_1 div{
        padding-bottom: 140% !important;
    }

    .mc--grid-speler .owl-carousel.navpos_outside .owl-prev {
        right: 40%;
        top: 7%;
    } 

    .mc--grid-speler .owl-carousel.navpos_outside .owl-next {
        left: 63%;
        top: 7%;
    }

    .mc--grid-speler .achternaam {
        margin-bottom: 0px;
    }

    .type_carousel.mc--grid-speler {
        margin-top: -3rem;
    }

    .w-grid.type_carousel.layout_801 .post_image div{
        padding-bottom: 50% !important;
    }

    .mc--grid-speler .owl-item.owl-item:not(.center) .post_image img {
        opacity: 1;
    }

    .mc--persoon-details .w-vwrapper .w-post-elm {
        display: flex;
    } 
    
    .mc-uitgelicht-slide h1 { 
        line-height: 1.2;
        font-size: 1.5rem !important;    
    }

    /* Banner counter home */
     .wedstrijd-bannercountdown {
        padding: 2rem 0rem
    }

    .banner-teamcounter {
        margin-bottom: 30px;
        flex-wrap: wrap;
    }

    .wedstrijd-bannercountdown .countdown {
        order: 1;
        font-size: 2.4rem;
        margin-top: 30px;
    }

    .banner-teamcounter .thuisteam, .banner-teamcounter .uitteam {
        width: 50%;
    }
    
    .banner-datum, .banner-ticketlink {
        margin-right: 15px;
    }

    .wedstrijd-bannercountdown .countdown div {
        width: 25%;
        margin-right: 20px;
        margin-left: 20px;
    }

    .banner-teamcounter .thuisteam img, .banner-teamcounter .uitteam img {
        max-width: 70px;
        max-height: 70px;
    }

    .wedstrijd-bannercountdown .thuisteam span, .wedstrijd-bannercountdown .uitteam span {
        margin-top: 6px;
    }

            .custom-titel-banner{
        width: 100% !important;
        top: 1rem;
        font-size: 1.3rem;
    }
    .wedstrijd-bannercountdown {
        padding: 3rem 1rem;
    }
    .wedstrijd-bannercountdown .countdown {
        font-size: 2rem;
        margin: 0 auto;
        padding-top: 2rem;
    }

    .mc--roda-header-w-title .mc--title {
        padding-bottom: 1rem;
    }

    .mc--roda-header-w-title .mc--title h1 {
        font-size: 38px;
    }
}

/* Extra Small */
@media screen and (max-width: 576px){
    .verslag-minuut {
        width: 65px;
    }

    td.verslag-afbeelding + td.verslaggeving {
        padding-left: 4rem;
    }

    td.verslaggeving {
        line-height: 1.5;
        padding-right: 0.4rem !important;
    }

    .team-score img {
        max-width: 80px;
        max-height: 70px;
    }

    .team-score img:first-child{
        margin-right: 4rem;
    }
    
    .team-score img:last-child{
        margin-left: 4rem;
    }

    /* Header menu */
    .l-subheader.at_middle .type_mobile.mc--hamburger-menu .w-nav-list.level_1 {
        margin-top: 55px;
        width: 100%;
    }

    .mc--hamburger-menu .menu-item.level_1 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .l-header .ush_image_1 {
        z-index: 99;
    }

    .mc--header-uitgelicht .post_image div,
    .mc--header-uitgelicht .w-video-h{
        padding-bottom: 100% !important;
    }

    .mc--header-uitgelicht .layout_139 .usg_post_custom_field_1 {
        font-size: 1.8rem !important;
    }

    .mc--header-uitgelicht .layout_139 .usg_post_custom_field_2,
    .mc--header-uitgelicht .layout_139 .usg_btn_1 {
        font-size: 14px !important;
    }

    .w-nav-control {
        width: 40px;
        height: 40px;
    }

    .header_hor .l-subheader-cell.at_right .w-nav:last-child .w-nav-control {
        margin-right: -0.4rem;
    }

    .header_hor .l-subheader-cell.at_left .w-nav:first-child .w-nav-control {
        margin-left: 0.5rem;
    }

    /* Home */
    .banner-titel h3 {
        opacity: 0.1;
        font-size: 6rem;
        line-height: 1;
    }

    .us_custom_9d1e26d6 {
        margin-bottom: 0px !important;
    }

    body .us_custom_5da34edb {
        padding: 0rem 2rem !important;
    }

    .mc-wedstrijd-slide .thuisteam img, .mc-wedstrijd-slide .uitteam img {
        max-width: 60px;
        max-height: 60px;
        height: 60px;
        margin: 12px auto !important;
    }

    .mc-wedstrijden-carousel,
    .mc-toekomstigewedstrijden-carousel {
        margin-top: 2rem;
    }

    .mc-toekomstigewedstrijden-carousel.mc--oefenwedstrijd {
        margin-bottom: 4rem;
    }

    .mc-wedstrijden-carousel .owl-nav,
    .mc-toekomstigewedstrijden-carousel .owl-nav{
        top: 12rem;
        right: 9.9rem;
    }

    .mc--wedstrijd-info .us-btn-style_4 {
        margin-left: 56%;
        width: 100%;
    }

    .mc-wedstrijd-slide .datum{
        font-size: 12px; 
    }

    .mc-wedstrijd-slide .team-score {
        padding-top: 0rem;
    }

    .mc-wedstrijd-slide .team-score .thuisteam, .mc-wedstrijd-slide .team-score .score, .mc-wedstrijd-slide .team-score .uitteam {
        height: 140px;
    }

    .mc-wedstrijden-carousel .team-score h4 {
        font-size: 12px;
        width: 100px;
        padding-top: 0;
    }

    .mc-wedstrijden-carousel.mc--oefenwedstrijd .wedstrijd-info {
        padding-left: 10px;
    }

    .mc-wedstrijden-carousel button.owl-next, .mc-wedstrijden-carousel button.owl-prev,
    .mc--club-shop .owl-carousel.navstyle_circle .owl-nav button, .owl-carousel.navpos_outside button,
    .mc-toekomstigewedstrijden-carousel button.owl-next, .mc-toekomstigewedstrijden-carousel button.owl-prev {
        transform: skewX(350deg) scale(.8);
    }

    .mc--oefenwedstrijd .dag,
    .mc--oefenwedstrijd .tijd {
        font-size: 14px;
    }

    .mc--oefenwedstrijd .mc-wedstrijd-slide .datum {
        font-size: 20px;
    }

    .w-content-carousel .owl-nav button, .w-content-carousel button {
        margin-top: 15px;
    }

    .mc--lastnews .w-btn-wrapper {
        width: 100% !important;
        text-align: left !important;
        margin-top: 20px;
    }

    .g-cols.wpb_row.us_custom_15f9d3f2{
        display: contents;
    }

    .mc--stand tr td:nth-child(1) {
        padding-left: 1rem;
        padding-right: 0rem;
    }

    .mc--stand td {
        font-size: 15px;
        padding-right: 10px;
    }

    .stand-top-5 .w-image-h {
        width: 50px;
        position: absolute;
        right: 0;
    }

    .stand-top-5 .mc--divisie-logo {
        position: absolute;
        top: 30px;
        right: 30px;
    }

    .stand-top-5 .w-btn {
        font-size: 1.1rem !important;
    }

    body .stand-top-5 .w-btn i{
        font-size: 0.9rem !important;
        line-height: 1.4;
    }

    .mc-wedstrijden-carousel .wedstrijd-info,
    .mc-toekomstigewedstrijden-carousel .wedstrijd-info {
            margin: -1.2rem auto;
            width: 70px;
    }

    .mc-wedstrijd-slide .score {
        font-size: 2.5rem;
    }

    .mc-wedstrijd-slide {
        padding-bottom: 3rem;;
    }

    .mc--oefenwedstrijd .oefenwedstrijd-label img{
        max-width: 30px !important;
    }

    .stand-top-5 {
        padding: 2rem;
    }

    body .mc--stand5-cta {
        width: 100% !important;
        margin-bottom: 10px !important;
    }

    .layout_156 .usg_hwrapper_2 {
        width: 80px;
        float: left;
    }

    .mc--stand5-cta > .vc_column-inner {
        padding-left: 0rem !important;
    }

    .mc--sub-stand5 p {
        font-size: 11px;
    }

    .mc--lastnews .wpb_text_column {
        width: 100% !important;
        margin-bottom: 1.5rem !important;
    }

    .layout_156 .usg_vwrapper_1 {
        width: calc(100% - 100px);
        float: right;

    }

    .layout_156 .usg_hwrapper_1 {
        margin-top: 0.5em !important;
    }
    
    body .layout_156 .usg_post_title_1 {
        font-size: 1rem !important;
    }

    .layout_156 .usg_post_taxonomy_1 {
        margin-right: 4px !important;
    }
    
    .layout_156 .post_image div{
        padding-bottom: 90% !important;
    }

    .us_custom_4a593b65 {
        margin-bottom: 0 !important;
    }

    a.w-btn.us-btn-style_4.us_custom_703b2333 {
        margin-bottom: 20px !important;
    }

    .mc--club-shop .owl-carousel.navpos_outside .owl-prev {
        right: 14%;
    }

    body .us_custom_fc6cc57f {
        left: 12% !important;
        top: 0% !important;
    }

    .mc--rodajc-app-rij .mc--banner-app .vc_column-overlay{
        height: 100%;
        transform: skewX(-7deg) translateX(-0.5rem);
    }

    .mc--banner-app .vc_col-sm-7 {
        padding-left: 1rem;
        padding-top: 4rem;
    }

    .mc--banner-app ul {
        column-count: 1;
    }

    .mc--banner-app h3 {
        margin-bottom: 0rem;
    }

    .w-image.mc--app-btn.align_none {
        width: 35%;
        display: inline-block;
        margin-right: 10px;
    }

    .mc--app-btn img {
        max-width: 100%;;
    }

    /* Eerste elftal - Staf */
    .mc--wedstrijden-menu .w-menu a {
        font-size: 12px;
    }

    .mc--wedstrijden-menu .w-menu ul {
        display: flex !important;
        justify-content: center;
    }

    body .mc--wedstrijden-menu .w-menu li {
        margin-bottom: 0 !important;
    }

    .mc--filter .w-dropdown {
        float: unset;
        margin: auto;
    }

    .mc--titel-positie h2 {
        font-size: 2.5rem;
    }

    body .mc--grid-speler-staff .w-grid-list {
        gap: 0px 10px !important;
    }

    body .layout_495 .usg_post_custom_field_1 {
        font-size: 5rem !important;
    }

    body .layout_495 .usg_post_custom_field_3,
    body .layout_495 .usg_post_custom_field_2 {
        font-size: 1.5rem !important;
    }

    /* Trainingen */
    body .layout_912 .usg_image_1,
    body .layout_912 .w-image {
        max-width: 120px !important;
        padding-right: 16px !important;
    }

    body .layout_912 .usg_vwrapper_1 {
        width: 44% !important;
    }

    article.training .w-post-elm.tijdstip, article.training .w-post-elm.datum {
        font-size: 0.8rem;
        line-height: 1.2;
    }

    article.training .w-post-elm.tijdstip {
        margin-top: 5px;
    }

    article.training .w-post-elm.datum {
        margin-bottom: 2.5px;
    }

    article.training i.far.fa-calendar {
        margin-bottom: 4px;
    }

    article.training .usg_post_taxonomy_1 {
        line-height: 1;
        font-size: 0.8rem;
    }

    .mc--trainingen-info .w-hwrapper{
        display: block;
    }

    .mc--trainingen-info .w-vwrapper {
        width: 100%;
        margin-bottom: 1.5rem;
    }

    /* Nieuws - detail */
    .mc--post-header.l-section {
        min-height: 42vh !important;
    }

    .single-post h1.post_title, .single-post .mc--meta {
        width: 100%;
        padding: 0 1.5rem;
    }

    body .us_custom_16ff34be {
        font-size: 1.8rem !important;
    }

    .single-post .post_content h2 {
        font-size: 1.6rem;
    }

    .single-post .post_content h3 {
        font-size: 1.4rem;
    }

    .single-post .post_content h4 {
        font-size: 1.2rem;
    }

    .mc--bt-content {
        padding-top: 0rem !important;
    }

    .mc--bt-share p {
        font-size: 12px;
        line-height: 1;
        margin-right: 2em;
    }

    .w-sharing-item {
        min-width: 2em;
    }

    .mc--bt-share {
        padding-right: 0rem;
    }

    .mc--gerelateerd-sectie h2 {
        font-size: 1.5rem !important;
    }

    .w-post-elm.post_navigation {
        border-radius: 1rem;
        overflow: hidden;
    }

    .post_navigation {
        margin-top: 2rem;
    }


    /* Algemeen */
    .mc--roda-header h1,
    .mc--roda-header-titel h1 {
        font-size:  max(2rem, 2vw);
        margin-top: 1rem;
    }

    .mc--roda-header .post_image div,
    .mc--roda-header .w-image-h div {
        padding-bottom: 60% !important;
    }

    body .us_custom_026d2919 /* footer logo */ {
        max-width: 80px !important;
    }

    .mc--box > .vc_column-inner > .wpb_wrapper {
        padding: 2rem 1.5rem 2rem 1.5rem;
    }

    body h2 {
        font-size: 1.6rem;
    }

    body h3 {
        font-size: 1.4rem;
    }

    .mc--roda-header h2 {
        font-size: max(2rem, 2vw);
    }

    .mc--h1-small h1 {
        font-size: 2rem;
        margin-top: 2rem;
    }

    /* Programma en uitslagen */
    .wedstrijd-uitslag .editie-logo, .wedstrijd-uitslag .thuisteam, .wedstrijd-uitslag .uitteam, .wedstrijd-programma .editie-logo, .wedstrijd-programma .thuisteam, .wedstrijd-programma .uitteam {
        display: block;
    }

    .editie-logo {
        position: absolute;
        width: 100%;
        top: 12%;
    }

    .wedstrijd-programma div:last-child:not(.tijd),
    .wedstrijd-uitslag div:last-child:not(.score) {
        position: absolute;
        bottom: 5%;
        left: 29%;
        transform: scale(.8);
    }

    .wedstrijd-uitslag, .wedstrijd-programma {
        grid-template-columns: 31% 31% 31% 0%;
        padding: 4rem 1rem 5rem 1rem;
    }

    .wedstrijd-programma .datum {
        font-size: 16px;
        line-height: 1.3;
    }

    .wedstrijd-uitslag .editie-logo img, .wedstrijd-programma .editie-logo img {
        max-height: 26px;
    }

    .wedstrijd-programma:not(.roda-thuis) .editie-Oefenwedstrijden:after, .uitslagen:not(.roda-thuis) .editie-Oefenwedstrijden:after {
        height: 26px;
        width: 26px;
        left: calc(50% - 13px);
    }

    .wedstrijd-programma .datum .dag, .wedstrijd-programma .tijd {
        font-size: 12px;
        line-height: 1.3;
    }

    .wedstrijd-programma .thuisteam, .wedstrijd-programma .uitteam {
        font-size: 14px;
        line-height: 1;
        margin-top: -20px;
    }

    .wedstrijd-uitslag .thuisteam, .wedstrijd-uitslag .uitteam {
        font-size: 14px;
        line-height: 1;
        margin-top: 35px;
    }

    .wedstrijd-uitslag .thuisteam img, .wedstrijd-uitslag .uitteam img, .wedstrijd-programma .thuisteam img, .wedstrijd-programma .uitteam img {
        max-height: 50px;
        width: 80px;
        margin-bottom: 7px;
    }

    .uitslagen, .programma {
        gap: 12px;
    }

    .uitslagen h3, .programma h3 {
        font-size: 1.2rem;
        margin-top: 20px;
    }

    .wedstrijd-uitslag .datum {
        font-size: 12px;
        transform: translateY(-16px);
        margin-top: 21px;
        line-height: 1;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    
    .wedstrijd-uitslag .score {
        margin-top: 8px;
    }

    /* Wedstrijdverslag template */
    body .us_custom_a30d269b {
        font-size: 1.8rem !important;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .mc--wedstrijdverslag-header .w-btn-wrapper .w-btn{
        font-size: 13px;
    }

    tr.verslag-update td.verslaggeving {
        font-size: 0.85rem;
    }

    tr.verslag-update h3, tr.verslag-update h2, tr.verslag-update h4, tr.verslag-update h5 {
        font-size: 1.1rem;
    }
    
    .verslag-afbeelding img {
        width: 200px;
        height: 150px;
        max-width: 200px;
    }

    .verslag-update {
        padding: 2rem 1rem 2rem 1.5rem;
    }

    /* Ranglijst */
    .l-section.mc--stand-bg {
        margin-top: 1rem;
    }

    body .us_custom_f002288c {
        padding: 0rem !important;
    }

    body .us_custom_ba389fb6 {
        padding: 1.5rem 1.5rem 0rem 1.5rem !important;
    }

    .mc--rang-logo {
        transform: scale(0.5);
        position: absolute;
        right: 0%;
        top: 0;
    }

    .mc--stand-bg h2 {
        margin-bottom: 2.5px;
    }

    .mc--stand-bg .mc--stand td {
        font-size: 14px;
    }

    .mc--stand tr td:nth-child(2) img{
        max-height: 15px;
    }

    .mc--stand tr td:nth-child(3) {
        font-size: 12px;
    }

    /* Tickets & prijze */
    .mc_hotspot_container {
        transform: translateX(-29px);
    }

    /* Wedstrijdbezoek */
    .mc--info-tabs,
    .mc--info-tabs .w-tabs{
        margin-bottom: 0rem !important;
    }

    /* Groepstarieven */
    .mc--groepstarieven tr td {
        padding: 8px 12px 8px 0px;
    }

    /* Seizoenskaart */
    .mc--video-box .w-vwrapper {
        padding: 2rem;
    }

    body .us_custom_fd9c4e78 {
        min-height: auto !important;
    }

    .mc--box .w-iconbox {
        margin-bottom: 2rem !important;
    }

    /* Organisatie */
    body .us_custom_d5237d44 {
        font-size: 1.2rem !important;
    }

    /* 404 */
    body .us_custom_55cd093b {
        width: 100% !important;
    }

    .w-search.layout_simple {
        min-width: 100% !important;
    }

    /* Awayday detail */
    .mc--awayday-header .team-tegenstander img, .mc--awayday-header .mc--roda-uit img {
        max-width: 120px;
        max-height: 100px;
        width: 120px;
    }

    .single-awayday .mc--datum-tijd {
        font-size: 1rem;
    }

    .single-awayday .countdown span{
        font-size: 2rem;
    }

    .single-awayday .mc--banner-countdown h6 {
        left: -11%;
    }

    body .us_custom_9b128c4a {
        padding-top: 1rem !important;
        padding-bottom: 0rem !important;
    }

    .single-awayday .vervoersregeling {
        width: 140px;
        line-height: 1.2;
        margin-top: 3px;
    }

    .mc--awayday-header {
        min-height: 580px !important;
        justify-content: end !important;
    }

    .mc--contact-awaydays .w-image-h {
        width: 90px;
    } 

    .mc--contact-awaydays .w-image {
        margin-right: 4px;
    }

    .mc--contact-awaydays .wpb_text_column p {
        font-size: 14px;
        line-height: 1.3;
    }

    .mc--contact-awaydays h4 {
        font-size: 1.2rem;
        margin-bottom: 3px;
    }

    .single-awayday .details_auto-combi .w-post-elm-before, .single-awayday .details_bus-combi .w-post-elm-before {
        font-size: 1.4rem !important;
    }

    body .us_custom_08911672 {
        margin-left: 0px !important;
    }

    /* Vacature detail */
    .single-vacature h1.post_title, .single-vacature .mc--meta, .single-vacature .mc--intro, .single-vacature .mc--post-header .w-btn-wrapper {
        width: inherit;
        margin: 0rem 1.5rem;
    }

    .single-vacature .mc--post-header.l-section {
        padding-top: 3rem;
    }

    .single-vacature .mc--intro {
        font-size: 1rem;
    }

    .single-vacature .us_custom_1e2c6366 {
        margin-top: 3rem !important;
        margin-bottom: 1rem !important;
    }

    .single-vacature .us_custom_081d003d {
        font-size: 2.2rem !important;
    }    

    .single-vacature .mc--bt-content {
        padding-top: 2rem !important;
    }

    /* Historie */
    body .mc--box-cijfer .wpb_text_column:first-child {
        padding: 0rem !important;
    }

    .mc--box-cijfer .wpb_text_column:first-child {
        min-height: 100px;
    }

    .mc--roda-cijfers .vc_col-sm-12 .g-cols {
        padding: 0px 10px !important;
    }

    .mc--tijdlijn .owl-stage-outer {
        width: 92% !important;
        margin: 0 0 0 auto;
    }

    .mc--tijdlijn .owl-next {
        right: 8% !important;
    }

    .mc--tijdlijn .owl-prev, .mc--tijdlijn .owl-next {
        top: -22% !important;
    }

    .mc--tijdlijn .owl-prev {
        left: 69% !important;
    }

    .mc--tijdlijn article .post_content {
        font-size: 14px;
        line-height: 1.4;
    }

    body .layout_3471 .usg_vwrapper_1 {
        padding: 1rem 3rem 1rem 0rem !important;
    }
    
    body .layout_3471 .usg_post_image_1 {
        margin-bottom: 2rem !important;
    }

    body .layout_3471 .usg_post_custom_field_1 {
        margin-top: 10px !important;
    }

    body .wpb_text_column.mc--download-app-titel {
        padding: 0rem !important;
    }

    body .g-cols.mc--download-app-box {
        margin: 0!important;
    }

    .g-cols.mc--download-app-box .w-image.mc--app-btn.align_none {
        width: 45%;
    }

    .mc_hotspot_pin {
        transform: scale(0.4);
    }

    .mc_hotspot_container > img {
        margin-top: 37px;
    }

        div#hotspot_4 {
        top: 49%!important;
    }

    li#menu-item-246 {
        margin-top: 2rem;
    }


    .mc--wedstrijd-info{
        margin: 0px 35px 0px 25px;
        padding: 0px 10px;
    }
    body .us_custom_5da34edb {
        padding: 1rem 1rem !important;

    }
    .mc--wedstrijd-info .w-btn-wrapper{
        width: 100%;
        line-height: 1;
    }
    .mc--wedstrijd-info .us-btn-style_4 {
        margin: 0 auto;
    }
    .mc-wedstrijden-carousel .wedstrijd-info,
    .mc-toekomstigewedstrijden-carousel .wedstrijd-info{
        width: 100%;
    }
    .mc-wedstrijd-slide {
        padding-bottom: 0rem;
    }
    .mc-wedstrijden-carousel .wedstrijd-info,
    .mc-toekomstigewedstrijden-carousel .wedstrijd-info {
        margin: 1rem auto;
        width: 100%;
    }
    .mc--dynamic-filter #scroll-maand{
        padding: 5px 20px; 
    }
    .wedstrijd-programma {
        padding: 3rem 1rem 3rem 1rem;
    }
    .wedstrijd-programma .thuisteam, .wedstrijd-programma .uitteam{
        margin-top: 0px;
        font-size: 14px;
    }
    .wedstrijd-programma .w-btn {
        position: relative;
        bottom: 0px;
        left: unset;
        right: unset;
        width: fit-content !important;
        text-align: center;
        margin: 0 auto;
    }
    .editie-logo {
        top: 8%;
    }
    .stand-top-5{
        padding-left: 2rem;
    }
    .wedstrijd-programma div:last-child:not(.tijd), .wedstrijd-uitslag div:last-child:not(.score) {
        width: 100%;
        position: absolute;
        bottom: 2%;
        transform: scale(.8);
        height: auto;
        left: 0;
        right: 0;
        text-align: center;
    }
    .l-section.mc--stand-bg {
        margin-top: 1rem;
        margin-left: .5rem;
        margin-right: .5rem;
    }
    body .us_custom_ba389fb6 {
        padding: 1.5rem 3.5rem 0rem 1.5rem !important;
    }
    .header_hor .l-subheader-cell.at_right>* {
        margin-left: 0px !important;
    }
    header.id_119 .l-subheader-cell.at_center{
        margin-left: 0 !important;
    }
    body .us_custom_1aeeba81{
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }

    .mc--oefenwedstrijd-slider > .vc_column-inner {
        padding: 2rem!important;
        padding-bottom: 3rem !important;
    }   
}


/* Medium Devices */
@media screen and (max-device-width: 1040px){
    .wedstrijd-bannercountdown{
        padding: 2rem 1rem;
    }
    .owl-carousel.navpos_outside .owl-next {
        left: 90%;
    }
    .header_hor .l-subheader-cell.at_left .w-nav:first-child .w-nav-control {
        margin-left: 0rem !important;
    }
    .mc--wedstrijd-info .vc_col-sm-9{
        width: 80% !important;
    }
    .mc--wedstrijd-info .vc_col-sm-3{
        width: 20% !important;
    }
    .mc--lastnews .wpb_text_column{
        width: 50%;
        float: left;
    }
    .mc--lastnews .w-btn-wrapper{
        width: 50%;
        text-align: right;
        float: left;
    }
    .mc--rodajc-app-rij .vc_col-sm-7{
        padding-top: 21%;
    }
    .wedstrijd-programma{
        padding: 2rem 2rem 4rem 2rem;
    }
    .wedstrijd-programma .w-btn{
        position: absolute;
        bottom: 10px;
        left: 0;
        right: 0;
        width: fit-content;
        text-align: center;
        margin: 0 auto;
    }
    .wedstrijd-uitslag .thuisteam, .wedstrijd-uitslag .uitteam, .wedstrijd-programma .thuisteam, .wedstrijd-programma .uitteam {
        font-size: 18px;
    }
    .wedstrijd-uitslag .editie-logo, .wedstrijd-uitslag .thuisteam, .wedstrijd-uitslag .uitteam, .wedstrijd-programma .editie-logo, .wedstrijd-programma .thuisteam, .wedstrijd-programma .uitteam{
        display: block;  
    }
    .mc--tijdlijn .owl-next {
        right: 40% !important;
    }
    .mc--tijdlijn .owl-prev {
        left: 45% !important;
    }
}


.mc--box .frm_radio label , .mc--box .frm_checkbox label{
    color: #000 !important;
}

.with_frm_style.frm_style_formidable-stijlen input[type=text], 
.with_frm_style.frm_style_formidable-stijlen input[type=password], 
.with_frm_style.frm_style_formidable-stijlen input[type=email], 
.with_frm_style.frm_style_formidable-stijlen input[type=number], 
.with_frm_style.frm_style_formidable-stijlen input[type=url], 
.with_frm_style.frm_style_formidable-stijlen input[type=tel], 
.with_frm_style.frm_style_formidable-stijlen input[type=phone], 
.with_frm_style.frm_style_formidable-stijlen input[type=search], 
.with_frm_style.frm_style_formidable-stijlen select, 
.with_frm_style.frm_style_formidable-stijlen textarea, 
.frm_form_fields_style.frm_style_formidable-stijlen, 
.with_frm_style.frm_style_formidable-stijlen .frm_scroll_box .frm_opt_container, 
.with_frm_style.frm_style_formidable-stijlen .frm-card-element.StripeElement, 
.with_frm_style.frm_style_formidable-stijlen .frm_slimselect.ss-main, 
.with_frm_style.frm_style_formidable-stijlen .frm_radio label, 
.with_frm_style.frm_style_formidable-stijlen .frm_checkbox label{
	color: #fff !important;
}



/* NEWNEWNEW VOETBALACADEMIE */


/* ============================================
   Eerstvolgende wedstrijd per team - carousel
   ============================================ */
.mc-next-match-carousel { position: relative; }
.mc-next-match-slide { position: relative; overflow: hidden; }

.mc-next-match-carousel button.disabled,
.mc-next-match-carousel button span {
    display: none !important;
}

.nm-link {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 2.2fr 1fr;
    align-items: center;
    gap: 20px;
    min-height: 220px;
    padding: 30px 70px;
    background: #000;
    color: #fff;
    text-decoration: none;
    border-radius: 14px;
}
.nm-link:hover { text-decoration: none; color: #fff; }

.nm-watermark {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    font-size: clamp(40px, 9vw, 130px);
    font-weight: normal;
    font-family: var(--stainless-black);
    font-style: italic;
    letter-spacing: 4px;
    color: rgba(255, 255, 255, 0.08);
    white-space: nowrap;
    pointer-events: none;
    z-index: 0;
}

.nm-locatie {
    margin-top: 5px;
    font-size: 14px;
    color: #9a9a9a;
    font-family: Elza;
}


.nm-team {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    text-align: center;
}
.nm-team img { width: 90px; height: 90px; object-fit: contain; }
.nm-team-naam { font-size: 13px; font-weight: normal; font-family: var(--stainless-black); text-transform: uppercase; }

.nm-center { position: relative; z-index: 1; text-align: center; }
.nm-title { font-size: clamp(16px, 2vw, 26px); font-weight: normal; margin-bottom: 18px; font-family: var(--stainless-black) ;}
.nm-title .is-roda { color: var(--color-geel); }
.nm-title .nm-dash { color: #fff; margin: 0 6px; }

.nm-countdown { display: flex; justify-content: center; gap: 50px; margin-bottom: 2rem; }
.nm-cd-block { display: flex; flex-direction: column; align-items: center; min-width: 60px; }
.nm-cd-getal { font-size: clamp(28px, 4vw, 64px); line-height: 1; font-family: var(--stainless-black);}
.nm-cd-label { font-size: 11px; text-transform: uppercase; color: #9a9a9a; margin-top: 6px; }
.nm-begonnen { font-size: 20px; font-weight: 800; color: var(--color-geel); }

.nm-afgelast {
    display: inline-block;
    margin-bottom: 14px;
    padding: 13px 26px 10px;
    font-size: clamp(20px, 3vw, 34px);
    font-weight: normal;
    font-family: var(--stainless-black);
    text-transform: uppercase;
    color: #fff;
    background: #c8102e;
    border-radius: 6px;
}

.nm-datum { font-size: 13px; font-weight: normal; font-family: var(--stainless-black); color: #fff;  }

/* Navigatiepijlen */
.mc-next-match-carousel .owl-nav { margin: 0; }
.mc-next-match-carousel .owl-nav button.owl-prev,
.mc-next-match-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 34px; height: 34px;
    display: flex; align-items: center; justify-content: center;
    background: transparent !important;
    border: 1px solid var(--color-geel) !important;
    border-radius: 4px;
}
.mc-next-match-carousel .owl-nav button.owl-prev { left: 20px; }
.mc-next-match-carousel .owl-nav button.owl-next { right: 20px; }
.nm-nav { display: inline-block; width: 8px; height: 8px; border-top: 2px solid #ffd200; border-right: 2px solid var(--color-geel); }
.nm-prev { transform: rotate(-135deg); }
.nm-next { transform: rotate(45deg); }

@media (max-width: 768px) {
    .nm-link { grid-template-columns: 1fr 1fr; gap: 16px; padding: 24px 50px; }
    .nm-link .nm-team:nth-child(2) {order: 1; grid-column: 1;
        grid-row: 1;
        width: 100% !important;
        text-align: center;}
    .nm-center { order: 3; grid-column: 1 / span 2;
        grid-row: 2;
        width: 100% !important; }
    .nm-countdown { gap: 16px; }
    .nm-title { font-size: 16px; }
    .nm-team-naam { display: none; }
    
}


/* ============================================
   Laatste uitslagen overzicht
   ============================================ */
.mc-uitslagen-overzicht { color: #fff; }

/* ===== Uitslagen-overzicht ===== */

/* Alleen de actieve speeldag tonen */
.mc-uitslagen-overzicht .mu-speeldag[hidden] {
	display: none !important;
}
.mc-uitslagen-overzicht .mu-speeldag.is-actief {
	animation: mu-fade .25s ease;
}
@keyframes mu-fade {
	from { opacity: 0; transform: translateY(4px); }
	to   { opacity: 1; transform: none; }
}
.mc-uitslagen-overzicht {
	scroll-margin-top: 120px;
}

/* Datumregel met pijlen */
.mc-uitslagen-overzicht .mu-datum {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.25rem;
}

/* Pijlknoppen in carrousel-stijl */
.mc-uitslagen-overzicht .mu-nav {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	padding: 0 !important;
	border: 1px solid var(--color-geel);
	border-radius: 4px;
	background: transparent;
	color: var(--color-geel) !important;
	font-size: 0 !important;      /* verbergt het oude ‹ › teken */
	line-height: 0;
	text-decoration: none !important;
	cursor: pointer;
	user-select: none;
	transition: background .3s, color .3s;
}
.mc-uitslagen-overzicht .mu-nav::before {
	font-family: fontawesome;
	font-weight: 200;
	font-size: 1.5rem;
	line-height: 1;
	display: inline-block;
	transform: skewX(10deg);
}
.mc-uitslagen-overzicht .mu-prev::before { content: '\f060'; }
.mc-uitslagen-overzicht .mu-next::before { content: '\f061'; }

.mc-uitslagen-overzicht .mu-nav:hover,
.mc-uitslagen-overzicht .mu-nav:focus-visible {
	background: var(--color-geel);
	color: #000 !important;
}

.mu-kop { text-align: center; margin-bottom: 28px; }
.mu-titel {
    margin: 0;
    font-size: clamp(28px, 4vw, 44px);
    font-weight: 800;
    letter-spacing: 2px;
    color: #ffd200;
    text-transform: uppercase;
}
.mu-datum {
    margin-top: 4px;
    font-size: clamp(14px, 1.6vw, 20px);
    font-weight: 800;
    letter-spacing: 1px;
    color: #fff;
}

.mu-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px 24px;
}

.mu-rij {
    display: grid;
    grid-template-columns: 1fr .5fr 1fr;
    align-items: center;
    gap: 16px;
    padding: 1.5rem;
    background: #0c0c0c;
    border: 1px solid var(--color-geel);
    border-radius: 4px;
    color: #fff;
}
.mu-rij.is-thuis {
    background: var(--color-geel);
    border-color: var(--color-geel);
    color: #111;
}

.mu-team { display: flex; align-items: center; gap: 14px; font-family: var(--stainless-black); }
.mu-home { justify-content: flex-end; }
.mu-away { justify-content: flex-start; }

.mu-naam { font-size: 13px; }

span.mu-logo {
    height: 60px;
}

.mu-logo img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    border-radius: 8px;
    padding: 5px;
    box-sizing: border-box;
}

.mu-score {
    min-width: 100px;
    text-align: center;
    font-size: clamp(20px, 2.4vw, 28px);
    font-weight: normal;
    font-family: var(--stainless-black);
    letter-spacing: -2px;
}

@media (max-width: 900px) {
    .mu-grid { grid-template-columns: 1fr; }
    .mu-team {
        display: flex;
        align-items: center;
        flex-direction: column;
        text-align: center;
        gap: 0px;
    }

    .mu-team .mu-logo {
        order: 1 !important;
        margin-bottom: 8px; 
    }

    .mu-team .mu-naam {
        order: 2 !important;
    }

    .mu-score {font-size: 24px;}
}
@media (max-width: 480px) {
    .mu-rij { padding: 12px 14px; gap: 10px; }
    .mu-naam { font-size: 12px; }
    .mu-logo img { width: 60px; height: 60px; }
}

/* Team overzicht */
@media screen and (min-width: 800px) {
    .mc--team-overzicht .w-grid-list .w-grid-item:nth-child(even) .usg_hwrapper_1 {
    flex-direction: row-reverse;
    }  
}

/* Menu hamburger */
#menu-item-1466 {
    margin-top: 2rem !important;
}

/* Sponsoring */
.layout_42884 .post_taxonomy span {
    font-family: var(--stainless-black);
    text-transform: uppercase;
}


/* Footer */
.mc--footer{
    padding-bottom: 0 !important;
}
.mc--footer h6{
    color: #fff;
    font-family: var(--stainless-black);
    text-transform: uppercase;
    font-size: 18px;
}
.mc--footer .vc_col-sm-4 h6{
    text-align: center;
}
.mc--footer .w-socials{
    text-align: center !important;
    margin-top: 2em;
    margin-bottom: 2em;
}

.mc--footer h4 a {
    color: #fff;
    font-size: 16px;
}

.mc--footer .w-socials-item-link i,
.mc--footer .w-socials-item.instagram .w-socials-item-link i {
    font-size: 19px;
}

.mc--footer .w-socials-item:hover i{
    color: var(--color-geel);
}

.mc--footer .us-btn-style_6:hover::after{
    background-color: var(--color-grijs);
}

.mc--footer-fastmenus{
    margin-top: 1.5em !important;
}
.mc--footer-fastmenus h6{
    text-align: left !important;
}
.mc--footer-fastmenus a{
    color: var(--color-grijs);
    line-height: 2;
    font-size: 0.9rem;
}


.mc--sub-footer{
    color: var(--color-donkergrijs);
    font-size: 15px;
    padding-top: 1rem !important; 
    padding-bottom: 1rem !important;

}
.mc--copyright{
    margin-bottom: 0 !important;
}
.mc--sub-footer a{
    color: var(--color-donkergrijs);
}
.mc--sub-footer ul{
    list-style: none;
    display: inline-flex;
    margin-left: 0 !important;
    column-gap: 70px;
}

@media screen and (min-width: 800px){
    .mc--footer .mc--teams-list p{
        column-count: 2;
    }
}


/* ============================================
   Uitslagen carousel per team
   ============================================ */
.mc-uitslagen-carousel { position: relative; }
.mc-uitslag-slide { position: relative; }

.us-link {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    gap: 30px;
    min-height: 280px;
    padding: 1rem;
    color: #fff;
}

.mc-uitslagen-carousel button.disabled,
.mc-uitslagen-carousel button span {
    display: none !important;
}

.us-team {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    text-align: center;
}
.us-team img {
    max-width: 80px;
    max-height: 80px;
    width: auto;
    height: auto;
    object-fit: contain;
}
.us-team-naam { font-size: 16px; font-family: var(--stainless-black); text-transform: uppercase;     height: 40px;
    line-height: 1.2; }

.us-center { text-align: center; }
.us-datum { 
    font-size: 14.5px;
    font-family: var(--stainless-regular);
    text-transform: uppercase;
    margin-bottom: 1rem;
}
.us-score { 
    font-size: 2.3rem;
    font-family: var(--stainless-black);
    text-transform: uppercase;
    margin-bottom: 1rem;
}

/* Navigatiepijlen (gecentreerd onderaan, schuin) */
.mc-uitslagen-carousel .owl-nav {
    position: absolute;
    left: 50%;
    right: auto;         
    top: auto;           
    bottom: 0px;
    width: auto;          
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    margin: 0;
}
.mc-uitslagen-carousel .owl-nav button.owl-prev,
.mc-uitslagen-carousel .owl-nav button.owl-next {
    width: 46px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent !important;
    border: 1px solid var(--color-geel) !important;
    border-radius: 0px;
    transform: skewX(-12deg);
    font-size: 20px;
    line-height: 1;
}
.mc-uitslagen-carousel .owl-nav button span {
    display: inline-block;
    transform: skewX(12deg);
    color: var(--color-geel);
}

@media (max-width: 768px) {
    .us-link { grid-template-columns: 1fr 1fr 1fr; gap: 20px; padding:1px; }
    .us-team img { width: 40px; height: 40px; }
    .us-score { font-size: 28px; }



}


/* Uitslagenoverzicht per maand (opmaak zoals andere website) */
.uitslagen { display: grid; gap: 40px; }
.uitslagen h3 { margin-bottom: 0; scroll-margin-top: 120px; }
.maand-uitslagen { display: grid; gap: 35px; }

.wedstrijd-uitslag {
    background-color: #000;
    border: solid 1px var(--color-geel);
    color: #fff;
    display: grid;
    grid-template-columns: 160px 1fr .7fr 1fr 160px;
    align-items: center;
    padding: 3rem 2rem;
    border-radius: 5px;
    gap: 10px;
}
.wedstrijd-uitslag.roda-thuis {
    background-color: #ffd200;
    color: #000;
}

.wedstrijd-uitslag .thuisteam,
.wedstrijd-uitslag .uitteam {
    display: flex;
    align-items: center;
    text-align: center;
    gap: 5px;
    font-size: 18px;
    text-transform: uppercase;
}
.wedstrijd-uitslag .thuisteam { flex-direction: row-reverse; }
.wedstrijd-uitslag .thuisteam p,
.wedstrijd-uitslag .uitteam p { margin: 0; }

.wedstrijd-uitslag .thuisteam img,
.wedstrijd-uitslag .uitteam img {
    max-height: 55px;
    width: 90px;
    object-fit: contain;
}
.wedstrijd-uitslag .thuisteam img { margin-left: 6px; }
.wedstrijd-uitslag .uitteam img { margin-right: 6px; }

.wedstrijd-uitslag .datum-score { text-align: center; }
.wedstrijd-uitslag .score { font-size: 36px; font-weight: 800; text-transform: uppercase; }
.wedstrijd-uitslag .datum {
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
}
.wedstrijd-uitslag.roda-thuis .datum { color: #000; }

/* Maandfilter */
.mc--dynamic-filter .uitslagen-filter {
    width: fit-content;
    float: right;
    border: solid 2px #fff;
    border-radius: 8px;
    padding: 0 10px 0 0;
}
.mc--dynamic-filter #scroll-uitslag-maand {
    background-color: transparent;
    border: none;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}
.mc--dynamic-filter #scroll-uitslag-maand:focus { box-shadow: none !important; }

@media (max-width: 768px) {
    .wedstrijd-uitslag {
        grid-template-columns: 1fr 1fr 1fr;
        padding: 1.5rem 1rem;
        gap: 16px;
        text-align: center;
    }
    .wedstrijd-uitslag .thuisteam,
    .wedstrijd-uitslag .uitteam { justify-content: center; }
    .wedstrijd-uitslag .editie-logo,
    .wedstrijd-uitslag .wedstrijd-actie { display: none; }

    .wedstrijd-uitslag .thuisteam, .wedstrijd-uitslag .uitteam {
        flex-direction: column !important;
        font-size: 15px;
        margin-top: 10px;
    }

    .wedstrijd-uitslag .datum {
        margin-top: 0px !important;
        transform: translateY(0px) !important;
    }

    .wedstrijd-uitslag .thuisteam p, .wedstrijd-uitslag .uitteam p {
        width: 90px;
        font-size: 13px;
    }

    .rl-competitie {
        padding: 1.5rem !important;
    }

    .rl-tabel .rl-pos{
        width: 40px !important;
    }

    .mc--stand-bg .vc_column-inner {
        padding: 0px !important;
    }

    body .mc--roda-header .w-image {
            aspect-ratio: 4/2.5!important;
    }
}


/* ============================================
   Ranglijst per team/competitie
   ============================================ */
.rl-competitie { margin-bottom: 4rem; background-color: var(--color-geel); padding: 4rem; border-radius: 1rem; color: #000;}
.rl-titel {
    margin: 0;
    font-size: clamp(18px, 2.4vw, 26px);
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000;
}
.rl-seizoen { margin: 2px 0 14px; font-size: 13px; font-family: var(--stainless-regular); text-transform: uppercase;}

.rl-tabel { width: 100%; border-collapse: collapse; }
.rl-tabel th,
.rl-tabel td {
    color: #000;
    padding: 12px 10px;
    text-align: center;
    font-size: 18px;
    white-space: nowrap;
}

.rl-tabel td {
    font-family: var(--stainless-regular);
}

.rl-tabel .is-roda td {
    font-family: var(--stainless-black);
}

.rl-tabel th {
    font-size: 18px;
    font-family: var(--stainless-black);
    text-transform: uppercase;
    background-color: var(--color-donkergeel);
}
.rl-tabel .rl-pos { width: 70px; }
.rl-tabel .rl-club { text-align: left; white-space: normal; }
.rl-club-inner { display: flex; align-items: center; gap: 10px; text-transform: uppercase; letter-spacing: .5px; font-family: var(--stainless-regular);}
.is-roda .rl-club-inner {
    font-family: var(--stainless-black);
}
.rl-club-inner img { width: 28px; height: 28px; object-fit: contain; }
.rl-tabel .rl-punten { font-weight: 800; }

/* Roda-rij duidelijk markeren */
.rl-tabel tr.is-roda td { background: #000; color: #fff;}
.rl-tabel tr.is-roda .rl-club-inner { color: #fff; }

@media (max-width: 600px) {
    .rl-tabel th, .rl-tabel td { padding: 9px 6px; font-size: 12px; }
    .rl-club-inner img { width: 22px; height: 22px; }
}


/* ============================================
   Compacte ranglijst (mini)
   ============================================ */
.mc-rl-mini {
    color: #111;
}
.mrl-head { margin-bottom: 18px; }
.mrl-comp {
    margin: 0;
    font-size: 1rem;
    font-family: var(--stainless-regular);
    letter-spacing: .5px;
    text-transform: uppercase;
    color: #111;
}

.mrl-comp {
    display: none;
}

.mrl-kop,
.mrl-rij {
    display: grid;
    grid-template-columns: 44px 1fr 48px 48px 48px;
    align-items: center;
    gap: 8px;
}
.mrl-kop {
    background: var(--color-donkergeel);
    padding: 12px 14px;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-size: 18px;
}
.mrl-rij {
    padding: 10px 14px;
    font-size: 18px;
}
.mrl-c-pos { font-family: var(--stainless-regular); }

.is-roda .mrl-c-pos { font-family: var(--stainless-black); }

/* Club: logo + naam, naam mag nooit wegvallen */
.mrl-c-club {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;          /* belangrijk: laat de flex-cel krimpen i.p.v. de naam te verbergen */
}
.mrl-c-club img { width: 34px; height: 34px; object-fit: contain; flex: none; }
.mrl-naam {
    flex: 1 1 auto;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: var(--stainless-regular);    
}

.is-roda .mrl-naam {
    font-family: var(--stainless-black);
}

.mrl-kop span {
    font-family: var(--stainless-black);
    text-transform: uppercase;
}

.mrl-c-stat { text-align: center; font-family: var(--stainless-regular); }
.is-roda .mrl-c-stat { font-family: var(--stainless-black); }
.mrl-c-p { font-weight: 900; }

/* Roda-rij: zwarte balk */
.mrl-rij.is-roda {
    background: #111;
    color: #fff;
}
.mrl-rij.is-roda .mrl-c-pos { color: #fff; }

@media (max-width: 560px) {
    .mrl-kop, .mrl-rij { grid-template-columns: 34px 1fr 38px 38px 38px; gap: 6px; padding: 9px 10px; }
    .mrl-comp { font-size: 18px; }
    .mrl-c-club img { width: 26px; height: 26px; }
    .mrl-naam { font-size: 14px; }
}


/* ============================================
   Programma-overzicht per maand + maandfilter
   ============================================ */
.programma { display: grid; gap: 40px; width: 100%;}
.programma h3 { margin-bottom: 0; scroll-margin-top: 120px; color: #ffd200; text-transform: uppercase; }
.maand-programma { display: grid; gap: 35px; }

.wedstrijd-programma {
    background-color: #000;
    border: solid 1px #ffd200;
    color: #fff;
    display: grid;
    grid-template-columns: 160px 1fr 1fr 1fr 160px;
    align-items: center;
    padding: 3rem 2rem;
    border-radius: 5px;
    gap: 10px;
}
.wedstrijd-programma.roda-thuis { background-color: #ffd200; color: #000; }

.wedstrijd-programma .editie-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: center;
}
.wedstrijd-programma .editie-logo img { max-height: 60px; width: auto; object-fit: contain; }
.wedstrijd-programma .comp-naam {
    font-size: 11px;
    text-transform: uppercase;
    line-height: 1.3;
    letter-spacing: .5px;
}

.wedstrijd-programma .comp-naam {
    color: #fff;
}

.wedstrijd-programma.roda-thuis .comp-naam {
    color: #000;
}

.wedstrijd-programma .thuisteam,
.wedstrijd-programma .uitteam {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 21px;
    font-weight: 800;
    text-transform: uppercase;
}
.wedstrijd-programma .thuisteam { flex-direction: row-reverse; }
.wedstrijd-programma .thuisteam p,
.wedstrijd-programma .uitteam p { margin: 0; }
.wedstrijd-programma .thuisteam img,
.wedstrijd-programma .uitteam img { max-height: 55px; width: 90px; object-fit: contain; }
.wedstrijd-programma .thuisteam img { margin-left: 6px; }
.wedstrijd-programma .uitteam img { margin-right: 6px; }

.wedstrijd-programma .datum-tijd { text-align: center; }
.wedstrijd-programma .competitie {
    margin-bottom: 6px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .5px;
    opacity: .7;
}
.wedstrijd-programma .datum { font-size: 22px; font-weight: 800; text-transform: uppercase; line-height: 1.2; }
.wedstrijd-programma .datum .dag { display: block; font-size: 13px; font-weight: 700; }
.wedstrijd-programma .tijd { font-size: 13px; text-transform: uppercase; margin-top: 4px; }
.wedstrijd-programma .locatie {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #fff;
    transform: translateY(1rem);
}

.wedstrijd-programma.roda-thuis .locatie {
    color: #000;
}

.wedstrijd-programma .afgelast {
    margin-top: 8px;
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    background-color:#e22222;
    border: 1px solid #e22222;
    border-radius: 4px;
    padding: 2px 8px;
    font-family: var(--stainless-black);
}
.wedstrijd-programma.roda-thuis .afgelast { color: #fff; border-color: #e22222; }

/* Maandfilter */
.mc--dynamic-filter .programma-filter {
    width: fit-content;
    float: right;
    border: solid 2px #fff;
    border-radius: 8px;
    padding: 0 10px 0 0;
}
.mc--dynamic-filter #scroll-programma-maand {
    background-color: transparent;
    border: none;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}
.mc--dynamic-filter #scroll-programma-maand:focus { box-shadow: none !important; }

@media (max-width: 768px) {
    .wedstrijd-programma {
        grid-template-columns: 1fr 1fr 1fr;
        padding: 1.5rem 1rem 3rem 1rem;
        gap: 16px;
        text-align: center;
    }
    .wedstrijd-programma .thuisteam,
    .wedstrijd-programma .uitteam { justify-content: center; flex-direction: column; }
    .wedstrijd-programma .editie-logo { display: none; }

    .wedstrijd-programma .thuisteam p, .wedstrijd-programma .uitteam p {
        margin: 0;
        font-size: 14px;
        width: 90px;
    }
}



/* Meldingen leeg programma/uitslagen */
.mc-next-match-empty, .mc-programma-empty, .mc-uitslagen-empty, .mc-ranglijst-empty {
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 4rem 2rem;
    border-radius: 1rem;
    border: solid 1px var(--color-geel);
}



/* Animeren titel nieuws carousel home */
@keyframes mcUitgelichtIn {
    from { opacity: 0; transform: translateY(30px); }
    to   { opacity: 1; transform: translateY(0); }
}
.mc-uitgelicht-slide .post_title.mc-anim {
    animation: mcUitgelichtIn .7s ease both;
}

.layout_43138 .sponsor_logo .w-post-elm-before {
    font-size: 11px;
    display: block;
    text-align: center;
}