/*
Theme Name: Randburg Counselling Centre Child Theme
Theme URI: https://randburgcounsellingcentre.com/
Template: astra
Author: 404 Marketing Ltd
Author URI: https://404marketing.co.uk/
Description: This is a child theme developed for the sole use on https://randburgcounsellingcentre.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.11.7.1753125465
Updated: 2025-07-21 19:17:45

*/

/* FONTS */
.entry-title {
    font-size: 60px !important;
    margin-bottom: 5%;
}

/* NARROW PAGE */
.ast-plain-container .site-content {padding: 5%;}
.ast-plain-container .site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
    padding: 5% !important;
    max-width: 90%;
    margin: auto;
    border-top: 1px solid var(--ast-global-color-0);
}

/* HEADER */
.ast-desktop .ast-primary-header-bar.main-header-bar .ast-container {padding: 0px;}

/* HOME PAGE */
.home-page-hero-section {
    min-height: 100vh;
    margin: auto;
}

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

/* SERVICES SECTION */
.counselling-services-section {
    position: relative;

    h5 {
        font-family: "Playfair-display";
        font-weight: 600;
    }

    ul {
        list-style: none;
        padding-left: 0px;
    }

    li {
        font-size: 14px;
        padding: 5px 0px;
    }

    .wp-block-column {text-align: center;}

}
.counselling-services-section::after {
    content: '';
    background-color: var(--ast-global-color-7);
    height: 60%;
    width: 100%;
    position: absolute;
    z-index: -1;
    bottom: 0px;
    left: 0px;
}

/* WHY COUNSELLING SECTION */
.why-counselling-section {min-height: 100vh;}
.uagb-faq-questions-button, .uagb-faq-content {padding-left: 0px !important;}
.uagb-question {
    font-family: 'Inter' !important;
    font-size: 20px !important;
    font-weight: 500 !important;
}

/* CLIENT TESTIMONIAL SECTION */
.client-testimonials-section {
    min-height: 100vh;
    align-content: center;
}
.client-testimonials-section .swiper {max-width: 80%;}

/* FOOTER */
.site-below-footer-wrap {
    max-width: 90%;
    margin: auto;
}

/* LANGUAGE SELECTOR */
.gt_switcher_wrapper {
    background-color: #ffffff;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid var(--ast-global-color-0); 
}

@media only screen and (max-width: 1440px) {
/* HOME PAGE */
.home-page-hero-section 
    h2 {font-size: 60px !important}
}

@media only screen and (max-width: 1200px) {
/* SERVICES SECTION */
.counselling-services-section {
    flex-wrap: wrap !important;

    .wp-block-column {flex-basis: 45% !important;}
    }
}


@media only screen and (max-width: 1080px) {
/* HOME PAGE */
.home-page-hero-section {
    flex-direction: column;
    padding: 0% !important;
    text-align: center;
    background-image: url(https://randburgcounsellingcentre.com/wp-content/uploads/2025/07/Counselling-1.jpg) !important;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;

    .wp-block-column:first-child {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-height: 100vh;
        background-color: rgba(0, 0, 0, 0.3) !important;
    }

    .wp-block-column:last-child {display: none;}

    h5 {
        font-size: 20px;
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .wp-block-buttons {justify-content: center;}
}
}

@media only screen and (max-width: 921px) /* TABLET */ {
/* FONTS */
.entry-title, .home-page-hero-section h2 {font-size: 50px !important;}

}
@media only screen and (max-width: 781px) {}
@media only screen and (max-width: 600px) {}
@media only screen and (max-width: 544px) /* MOBILE */ {
/* FONTS */
.entry-title, .home-page-hero-section h2 {font-size: 40px !important;}

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