/* Logo styling for mobile devices (less than 768px) */
@media (max-width: 767px) {
    .mkdf-normal-logo {
        margin-left: -40px;
    }
}

/* Text resizing for tablet and mobile - Outlined text */
@media screen and (max-width: 768px) {
    #homepage-outlined { 
        font-size: 55px !important;
        -webkit-text-stroke: 1px #ffffff !important;
        text-align: center !important;
    }

    #homepage-outlined-neon { 
        font-size: 55px !important;
        -webkit-text-stroke: 1px #3beec4 !important;
        text-align: center !important;
    }

    .contact-outlined-left-neon { 
        font-size: 55px !important;
        -webkit-text-stroke: 1px #3beec4 !important;
        margin-top: -135px;
        margin-bottom: 45px;
        letter-spacing: 0.5px;
        text-align: left !important;
    }

    #contact-icon-text {
        text-align: left !important;
        font-size: 55px !important;
    }
}

@media screen and (min-width: 769px) {
    .contact-outlined-left-neon { 
        font-size: 70px;
        -webkit-text-stroke: 1.5px #3beec4;
        letter-spacing: 0.5px;
        text-align: left; 
    }
}

/* Text resizing for tablet and mobile - Normal text, non-outlined */
@media screen and (max-width: 768px) {
    .mkdf-grid-col-9 {
        margin-right: 0;
        width: 100%; 
    }

    .mkdf-grid-col-3 {
        width: 100%; 
    }

    #homepage-icon-text {
        font-size: 55px !important;
        text-align: center !important;
        padding-top: 10px;
        width: 100%; 
        display: flex;
        justify-content: center; 
    }

    #homepage-outlined, #homepage-outlined-neon {
        font-size: 55px !important;
        text-align: center !important;
        padding-top: 10px;
        width: 100%; 
        display: flex;
        justify-content: center; 
    }
}

/* Default styles for larger screens */
.mkdf-grid-col-9 {
    margin-right: -80px;
}

.mkdf-grid-col-3 {
    width: 400px;
}

/* Media query for tablets (typically screens between 768px and 1200px) */
@media (max-width: 1400px) {
    .mkdf-grid-col-9 {
        margin-right: -40px;
    }

    .mkdf-grid-col-3 {
        width: 100%;
    }
}

/* Media query for mobile devices (typically screens less than 768px) */
@media (max-width: 768px) {
    .mkdf-grid-col-9 {
        margin-right: 0;
    }

    .mkdf-grid-col-3 {
        width: 100%;
    }

    .mkdf-grid-col-3 h1 {
        font-size: 55px;
        line-height: 58px;
        margin-top: -30px;
    }
}

/* Styling en hover - Button homepage */
.mkdf-btn-text {
    font-family: 'Gotham';
    font-size: 18px;
    padding: 12px;
}

/* Hover effect - Button header */
.mkdf-button-widget .mkdf-btn-text:hover {
    background-color: black;
    color: inherit;
    border-color: inherit;
}

/* Styling en hover - Button header */
.mkdf-button-widget .mkdf-btn-text {
    font-family: 'Gotham';
    font-size: 18px;
    padding: 12px;
    transition: background-color 0.3s ease;
}

/* Hover effect - Button homepage */
.mkdf-btn-text:hover {
    color: inherit;
    border-color: inherit;
}

/* Styling en hover voor button op portfolio single pages */
.mkdf-portfolio-single-holder .mkdf-btn {
    margin: 50px 0 0 0 !important;
    transition: background-color 0.3s ease;
}

/* Hover effect voor button op portfolio single pages */
.mkdf-portfolio-single-holder .mkdf-btn:hover {
    background-color: black;
    color: inherit;
    border-color: inherit;
}

.entry-title {
    text-align: center;
    font-family: 'Gotham';
}

#jp-relatedposts img {
    width: 300px;
    height: 300px;
}

#jp-relatedposts {
    font-family: 'Gotham';
    margin-top: 20px;
}

#homepage-outlined {
    color: transparent;
    -webkit-text-stroke: 2px #ffffff;
    text-shadow: none; 
    letter-spacing: 0.5px;
}

#homepage-outlined-neon {
    color: transparent;
    -webkit-text-stroke: 2px #3beec4;
    text-shadow: none; 
    letter-spacing: 1px;
}

.bottom-icon {
    margin-top: 60px;
}

.getbookedbutton {
    font-family: 'Gotham';
    font-size: 18px;
    padding: 12px;
}

.getbooked-bloktext {
    color: #ffffff;
    font-size: 16px;
    line-height: 1.8;
}

.getbooked-bloktext-black {
    color: #000000;
    font-size: 16px;
    line-height: 1.8;
    margin-top: -100px;
    padding-bottom: 100px;
}

@media (max-width: 768px) {
    .mkdf-iwt-title {
        font-size: 26px;
    }
}

.mkdf-page-footer {
    margin-top: -40px;
}

.mkdf-grid-col-4 {
    padding-left: 75px;
    padding-top: 100px;
    padding-bottom: 50px;
}

@media (min-width: 1600px) {
    .mkdf-grid-col-4 { 
        margin-left: -40px;
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

.mkdf-icon-widget-holder {
    display: block;
    width: 100%;
}

.mkdf-icon-widget-holder .mkdf-icon-text {
    color: white;
    font-family: 'Gotham';
}

/* Footer styling for tablets (between 768px and 1200px) */
@media (min-width: 768px) and (max-width: 1200px) {
    .mkdf-page-footer img {
        max-width: 250px; 
    }

    .mkdf-grid-col-4 {
        margin-left: 100px; 
        padding-bottom: 0; 
    }
}

/* Footer styling for mobile devices (less than 768px) */
@media (max-width: 767px) {
    .mkdf-page-footer .mkdf-icon-widget-holder, 
    .wp-block-jetpack-contact-info, 
    .mkdf-page-footer {
        padding-left: 10px; 
        font-size: 14px;
        margin-bottom: -260px;
    }
}

.getbooked-icon-text {
    margin-top: 50px;
}

@media (min-width: 992px) {
    .mkdf-ps-image-inner {
        width: 800px;
    }
}

.mkdf-ps-navigation .mkdf-ps-back-btn {
    display: none;
}

@media (max-width: 600px) {
    .name-smaller {
        font-size: 45px !important;
        line-height: 52px !important;
        margin-top: -30px;
    }
}

/* Text Column settings (Desktop) */
.wpb_text_column {
    padding-left: 420px;
    padding-right: 420px;
}

/* Text Column settings for tablets (between 768px and 1024px) */
@media (max-width: 1250px) and (min-width: 768px) {
    .wpb_text_column {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* Text Column settings for mobile (less than 768px) */
@media (max-width: 767px) {
    .wpb_text_column {
        font-size: 16px;
        padding-left: 2px;
        padding-right: 2px;
    }
}

/* Icon Text Column settings (Desktop) */
.mkdf-iwt-text {
    padding-left: 400px;
    padding-right: 400px;
}

/* Icon Text Column settings for tablets (between 900px and 1400) */
@media (max-width: 1400px) and (min-width: 900px) {
    .mkdf-iwt-text {
        padding-left: 150px;
        padding-right: 150px;
    }
}

/* Icon Text Column settings for mobile (less than 900px) */
@media (max-width: 899px) {
    .mkdf-iwt-text {
        font-size: 16px;
        padding-left: 1px;
        padding-right: 1px;
    }
}

.icon-home-margin {
    margin-top: 55px;
}

.text-block-left {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: left !important;
}

/* Spinner Contact 7 Form upload */
.spinner-wrapper {
    text-align: center;
    margin-top: 10px;
}

.spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-left-color: #000;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.presskit-post-excerpt {
    font-size: 11pt;
    line-height: 1.1; 
    padding-bottom: 5px;
    padding-right: 10px;
}

.mkdf-footer-bottom-column-1 .widget_block {
    display: inline-block !important;
    vertical-align: top;
    margin-right: 12px;
}

.mkdf-footer-bottom-column-1 {
    white-space: nowrap;
}

.mkdf-footer-bottom-column-1 .wp-block-button {
    width: auto !important;
    flex: none !important;
}

.mkdf-footer-bottom-column-1 .wp-block-button__link {
    white-space: nowrap;
    display: inline-block;
    padding: 10px 20px;
    line-height: 1.2;
    box-sizing: border-box;
    text-align: center;
    border-radius: 0 !important;
}

.mkdf-footer-bottom-column-1 .wp-block-button__link:hover {
    background-color: #ffffff !important;
    color: #3beec4 !important;
}

@media (max-width: 767px) {
    .mkdf-footer-bottom-column-1 {
        margin-top: 80px !important;
        margin-left: 10px !important;
    }

    .mkdf-page-footer {
        padding-bottom: 140px !important;
    }

    .mkdf-page-footer .wp-block-jetpack-contact-info {
        margin-top: 170px !important;
    }

    .wp-block-jetpack-address {
        display: none;
    }
}

.mkdf-iwt-title a {
    text-decoration: none;
}

.mkdf-btn {
    text-decoration: none !important;
}

.mkdf-ps-info-title { display: none; } 
.mkdf-ps-info-tag { display: none; }

.bookartistclass h3 {
    text-align: center;
}

.bookartistclass {
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 70px;
}

/* Zorg dat de naam-sectie altijd dezelfde hoogte heeft */
.mkdf-portfolio-list-holder article.mkdf-pl-item .mkdf-pli-text-holder {
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -2%;
}

/* Forceer de titel zelf naar een voorspelbare uitlijning */
.mkdf-portfolio-list-holder article.mkdf-pl-item .mkdf-pli-title {
    margin: 0;
    line-height: 1.2;
    text-align: center;
    width: 100%;
}

#blocktext-center p {
    text-align: center;
    padding-left: 120px;
    padding-right: 120px;
}

/* Mobiel */
@media (max-width: 768px) {
    #blocktext-center p {
        padding-left: 0px;
        padding-right: 0px;
    }
}

/* HIDE TITLE FOR 'COMING SOON'*/
.post-6492 .mkdf-pli-title {
    display: none !important;
}

/* FIX SPACING BELOW SLIDER SINGLE ARTIST PAGE */
.mkdf-owl-slider .owl-dots {
    margin: 0 !important;
}

.mkdf-content .mkdf-content-inner>.mkdf-container>.mkdf-container-inner, 
.mkdf-content .mkdf-content-inner>.mkdf-full-width>.mkdf-full-width-inner { 
    padding-top: 20px;
}

.wpb_video_widget.vc_video-aspect-ratio-169 .wpb_video_wrapper { 
    padding-top: 0%;
}

/* DESKTOP: 120px padding */
@media screen and (min-width: 1025px) {
    .vc_column_container:has(.mkdf-portfolio-list-holder) > .vc_column-inner {
        padding-left: 120px !important;
        padding-right: 120px !important;
    }
}

/* MOBILE/TABLET: 50px padding */
@media screen and (max-width: 1024px) {
    .vc_column_container:has(.mkdf-portfolio-list-holder) > .vc_column-inner {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }
}

@media screen and (min-width: 1025px) {
    #blocktext-center-artistpage {
        padding-left: 140px !important;
        padding-right: 140px !important;
    }
}

.vc_do_custom_heading {
    margin-bottom: -1% !important;
}

.wp-block-jetpack-phone a {
    padding-top: 30px;
}

.mkdf-ps-navigation {
    display: none;
}

/* ======================================================= */
/* LINKTREE PAGE - BUTTONS STYLING  */
/* ======================================================= */
/* Forceer de WPBakery row met de linktreebuttons binnen de normale breedte */
.vc_row.linktreebuttons {
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

/* Zorg dat de kolom erin ook strak op 100% breedte staat */
.vc_row.linktreebuttons .vc_column_container,
.vc_row.linktreebuttons .wpb_wrapper {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Zorg dat de knoppen zelf netjes gecentreerd 100% breed zijn */
.vc_row.linktreebuttons a.mkdf-btn {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    box-sizing: border-box !important;
}