/*
Theme Name: Jackie Cheetham Child Theme
Theme URI: https://jackiecheethamartist.com/
Template: astra
Author: 404 Marketing
Author URI: https://404marketing.co.uk/
Description: This is a child theme of Astra. It has been developed for the sole use on https://jackiecheethamartist.com/.
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.7.3.1722429059
Updated: 2024-07-31 12:30:59

*/

.grecaptcha-badge {visibility: hidden !important;}
body{ 
    max-width: 1920px;
    margin: auto;
}
html {scroll-behavior: smooth;}
.site-content {overflow-x: hidden !important;}

:root {
    --wp--preset--shadow--deep: 0px 0px 20px rgba(0, 0, 0, 0.4) !important;
}

/* MAIN MENU */
.ast-below-header-bar.ast-below-header.site-header-focus-item {
    max-width: 90%;
    margin: auto;
    text-align: center;
}

/* SIDE BAR */
.ast-container {
    padding-left: 0px;
    padding-right: 0px;
}
.ast-right-sidebar #primary {
    padding-right: 0px;
    border-right: 0px;
    width: 100%;
}
.ast-right-sidebar #secondary {
    position: absolute;
    z-index: 100;
    right: 0%;
    top: calc(100vh / 2);
    width: 5%;
    padding-left: 0px;
    border-left: 0px;
    margin: 0px;
}
.wp-block-social-links {
    position: fixed;
    right: 34px;
}
#secondary li {margin-bottom: 0px;}
#secondary li svg {transform: scale(1.5);}

/* NEWSLETTER CTA */
.newsletter-cta {max-width: 90% !important;}
.newsletter-cta h4 {font-size: 35px;}
input#form_email_1 {font-family: 'Poppins';}
#mailpoet_form_1 form.mailpoet_form {
    display: flex;
    justify-content: space-between;
    gap: 5%;
}
.mailpoet_paragraph {width: 100%;}
.mailpoet_paragraph.last {width: 30% !important;}
#mailpoet_form_1 .mailpoet_submit {
    height: 40px;
    border-radius: 5px;
    background-color: var(--ast-global-color-7);
    font-weight: bold;
    font-family: 'Poppins';
    color: var(--ast-global-color-4);
    border: 1px solid var(--ast-global-color-7)
} 
#mailpoet_form_1 .mailpoet_submit:hover {
    background-color: transparent;
    color: var(--ast-global-color-7);
    border: 1px solid var(--ast-global-color-7) !important;
}
#mailpoet_form_1 .mailpoet_message, .parsley-errors-list.filled {padding: 0px !important;}

/* MAILPOET PAGES */
.type-mailpoet_page {padding: 5% !important;}

/* SMALL CTA */
.small-cta {max-width: 90% !important;}

/* UPCOMING & RECENT EXHIBITIONS */
.exhibitions-section {max-width: 90% !important;}
/* home page */
.page-id-14 .wp-block-cb-carousel .slick-slide {
    padding-left: 0px !important;
    padding-right: 5% !important;
}
.page-id-14 .slick-prev {left: -50px !important;}
.page-id-14 .slick-next {right: -50px !important;}
/* about */
.my-studio-section .slick-prev {
    left: 5px !important;
    z-index: 1;
}
.my-studio-section .slick-next {right: 5px !important;}
.my-studio-section .wp-block-cb-carousel .slick-slide {padding: 0px !important;}
.my-studio-section .wp-block-cb-carousel .slick-next:before, .my-studio-section .wp-block-cb-carousel .slick-prev:before {
    color: #fff;
    opacity: .5 !important;
}

/* HOME PAGE HERO SLIDER */
div#n2-ss-2 {
    max-width: 90%; 
    margin: auto; 
    border: 10px solid #FFFFFF;
    box-shadow: var(--wp--preset--shadow--deep);
    z-index: 1;
}
div#n2-ss-2 .n2-ss-slider-1 {height: 75vh !important;}
div#n2-ss-2 .n-uc-1b33bb20d7718-inner {padding: 5% !important;}

/* 404 PAGE */
.error-page-hero-image {
    max-width: 90% !important; 
    margin: auto; 
    box-shadow: var(--wp--preset--shadow--deep);
    z-index: 1;
    padding: 5% !important;
}
.error-page-hero-image 
.wp-block-button .wp-block-button__link {
    border-color: var(--ast-global-color-4);
    background-color: var(--ast-global-color-4);
    color: var(--ast-global-color-7);
}
.error-page-hero-image 
.wp-block-button .wp-block-button__link:hover {
    border-color: var(--ast-global-color-7);
    background-color: var(--ast-global-color-7);
    color: var(--ast-global-color-4);
}

/* PAINTING IMAGE HOVER */
.painting-custom-image {
    opacity: 0;
    margin: 0;
    transition: 0.3s ease-in-out;
}
.painting-custom-cover {min-height: initial !important;}
.painting-custom-cover:hover .painting-custom-image {opacity: 1;}

/* HOME PAGE ABOUT SECTION */
.home-page-about-section {justify-content: center;}
.home-page-bio-text-column {position: relative;}
.jacks-polaroid {
    position: absolute;
    width: 50%;
    bottom: -10%;
    left: -15%;
    transform: rotate(-5deg);
    border-top: 10px solid #ffffff;
    border-right: 10px solid #ffffff;
    border-left: 10px solid #ffffff;
    border-bottom: 45px solid #ffffff;
    box-shadow: var(--wp--preset--shadow--deep);
}
.home-page-jack-bio {margin-top: 10%;}
.home-page-jack-bio p {font-size: 16px;}

/* GALLERY */
.uagb-tabs__wrap .uagb-tabs__body-container {padding: 0px;}
.uagb-tabs__wrap {margin-top: 0px;}
.uagb-tabs__wrap.uagb-tabs__vstyle6-tablet ul.uagb-tabs__panel {
    flex-direction: row;
    padding-bottom: 35px;
}
.uagb-block-a4b3acbc.uagb-tabs__hstyle2-desktop ul.uagb-tabs__panel {border-bottom-width: 0px;}
ul.uagb-tabs__panel.uagb-tabs__align-left::before {
    content: 'Pages:';
    font-family: 'Poppins'; 
    font-weight: 500;
}
.uagb-tabs__wrap ul.uagb-tabs__panel li.uagb-tab a {padding: 0px 12px;}
.uagb-tabs__wrap.uagb-tabs__hstyle2-desktop .uagb-tab {margin: 0px;}
.uagb-tabs__wrap.uagb-tabs__vstyle6-tablet .uagb-tabs__body-wrap {max-width: 100% !important;}
.uagb-tabs__active {border-bottom: 1px solid !important;}

/* MY STUDIO */
.my-studio-section .wp-block-column, .my-studio-section .wp-block-cover {min-height: 47vh;}

/* FINDING MY WAY VIDEO */
.wp-block-video video {box-shadow: var(--wp--preset--shadow--deep);}

/* CONTACT FORM */
button#wpforms-submit-91 {
    background: var(--ast-global-color-7) !important;
    color: var(--ast-global-color-4) !important;
    border: 1px solid var(--ast-global-color-7) !important;
} 
button#wpforms-submit-91:hover {
    background-color: transparent !important;
    color: var(--ast-global-color-7) !important;
    border: 1px solid var(--ast-global-color-7) !important;
}

/* PRIVACY POLICY */
.page-id-3 .site-content {padding: 5%;}
.cky-audit-table-element h3 {font-size: 20px;}


@media only screen and (max-width: 1440px) {
/* sidebar */
    .wp-block-social-links {right: 15px;}
/* scroll to top */
    #ast-scroll-top {right: 15px;}     
/* home page about section */    
    .jacks-polaroid {bottom: -5%;}      
}

@media only screen and (max-width: 1024px) {
/* UPCOMING & RECENT EXHIBITIONS */
    .page-id-14 .wp-block-cb-carousel .slick-slide {padding-right: 2% !important;}
/* home page */
    .page-id-14 .slick-prev {left: -35px !important;}
    .page-id-14 .slick-next {right: -35px !important;}
/* home page about me */
    .home-page-about-section {
        flex-wrap: wrap !important;
        flex-direction: column-reverse;
    }
    .home-page-bio-text-column {
        background-color: var(--ast-global-color-2) !important;
        padding: 0% !important;
    }    
    .jacks-polaroid {
        position: relative;
        left: 0%;
        width: 75%;
    }
    .home-page-jack-bio p {font-size: 20px;}
/* gallery */    
    .uagb-tabs__wrap.uagb-tabs__vstyle6-tablet {flex-direction: column;}    
}

@media only screen and (max-width: 921px) {
/* gutenberg block */
    .tablet-break-point.wp-block-columns {flex-wrap: wrap !important;}
    .tablet-break-point .wp-block-column {flex-basis: 100% !important;}    
    .column-reverse {flex-direction: column-reverse !important;}   
    .hide-on-mobile {display: none;}     
/* home page & 404 page menu */
    .page-id-14 .ast-below-header-bar, .page-id-694 .ast-below-header-bar {border-bottom-width: 0px;}  
/* sidebar */    
    .ast-right-sidebar #secondary {display: none;}
/* social media mobile menu */
    .ast-mobile-popup-content .ast-builder-layout-element.ast-flex.site-header-focus-item {
        width: 100%;
        height: 80px;
        position: absolute;
        bottom: 0px;
        background-color: var(--ast-global-color-7);
        justify-content: center;
    }
/* newsletter cta */
    .newsletter-cta {flex-wrap: wrap !important;}
    .newsletter-cta .wp-block-column {flex-basis: 100% !important;}
    .newsletter-cta .wp-block-column:last-child {padding: 5% !important;}
    .newsletter-cta .wp-block-column:first-child .wp-block-cover {
        border-top-right-radius: 15px !important;
        border-bottom-left-radius: 0px !important
    }
/* UPCOMING & RECENT EXHIBITIONS */
/* home page */
    .page-id-14 .slick-prev {left: -30px !important;}
    .page-id-14 .slick-next {right: -30px !important;}
/* home page about me */
    .home-page-jack-bio p {font-size: 18px;}
/* my studio */
    .my-studio-section.wp-block-columns {flex-wrap: wrap !important;}
    .my-studio-section .wp-block-column {flex-basis: 100% !important;}
    .my-studio-section .wp-block-column:nth-child(2) {
        margin-top: 5%;
        margin-bottom: 5%;
        min-height: 100% !important;
    }
}

@media only screen and (max-width: 781px) {}

@media only screen and (max-width: 767px) {
/* gallery */    
    .uagb-tabs__wrap.uagb-tabs__stack1-mobile {display: flex;}
    .uagb-tabs__wrap.uagb-tabs__stack1-mobile ul.uagb-tabs__panel .uagb-tab {margin-bottom: 0px;}
    .uagb-tabs__wrap.uagb-tabs__stack1-mobile ul.uagb-tabs__panel .uagb-tab {width: auto;}
}

@media only screen and (max-width: 600px) {
/* UPCOMING & RECENT EXHIBITIONS */
    .exhibitions-section {padding: 10% !important;}
/* home page */
    .page-id-14 .slick-prev {left: -35px !important;}
    .page-id-14 .slick-next {right: -35px !important;}
}

@media only screen and (max-width: 521px) {
/* newsletter cta */
    .newsletter-cta .wp-block-column:first-child {margin-bottom: 0px !important;}
    .newsletter-cta .wp-block-column:last-child {padding: 10% !important;}
    #mailpoet_form_1 form.mailpoet_form {flex-wrap: wrap;}
    #mailpoet_form_1 .mailpoet_paragraph.last {width: 100% !important;}

}
@media only screen and (max-width: 425px) {}
@media only screen and (max-width: 375px) {}