/*
Theme Name: Safety Centre
Theme URI: 
Author: GIANT
Author URI: 
Description: Twenty Twenty Five child theme for Safety Centre
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: safety-centre
Tags: 


----- Table of Contents ----
- Vertical Accordion
- Gutenberg Slider Styling 
- Main Page Banner 
- Meet the Team Slider
- Media Queries
*/




/* GENERAL */

.wp-block-button a {
    text-box-trim: trim-end;
}

a,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    text-box-trim: trim-end ! important;
}

/* header */

.site-header {
    background-color: rgba(255, 255, 255, 1);
    position: sticky;
    top: 0;
    z-index: 9999;
    /* high z-index to ensure it stays on top */
    transition: all 0.3s ease-in-out;
    /* animate the scaling */
}

.site-header.scrolled {
    transform: scale(0.6);
    /* scale down by around 40% */
}

.site-header.scrolled {
    padding-top: 15px;
    padding-bottom: 15px;
}

:root {
    --scroll-threshold: 200px;
    /* adjust this value to change the scroll threshold */
}

.site-header {
    padding-top: calc(30px - var(--scroll-threshold) * 0.1);
    padding-bottom: calc(30px - var(--scroll-threshold) * 0.1);
    transition: all 0.3s ease-in-out;
}

/* Cover Blocks */
.wp-block-column.hp-cta-img {
    /* margin-top: -50px; */
}

.wp-block-cover.hp-cta-bg {
    overflow: visible;

}

.volunteer-cta-img img {
    margin-top: 9% !important;
    height: 105%;
    width: auto;
}

/* Footer */

footer {
    margin-block-start: unset !important;
}

footer a {
    text-decoration: none;
}

.foot-menu a {
    font-weight: 300;
}

/* Guten slider indicators */

.swiper-pagination-clickable .swiper-pagination-bullets span.swiper-pagination-bullet {
    content: '' !important;
    background-image: url(https://safetycentre.tempurl.host/wp-content/uploads/2025/05/indicator_active.svg) !important;
    border-bottom-left-radius: unset !important;
    border-bottom-right-radius: unset !important;
    border-top-left-radius: unset !important;
    border-top-right-radius: unset !important;
    color: unset !important;
    height: 20px !important;
    width: 20px !important;
}


/* Gutenberg Slider Styling Start  */

.wp-block-eedee-block-gutenslider .swiper-pagination-clickable .swiper-pagination-bullet {
    padding: 9px 0px;
    border-radius: 10px;
    transform: rotate(-30deg);
    margin-right: 10px !important;
}

.wp-block-button.scenario-arrow-button {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.wp-block-button.scenario-arrow-button.green {
    background-image: url('/public_html/wp-content/uploads/2025/05/arrow_btn_green.svg');
}

.wp-block-button.scenario-arrow-button.orange {
    background-image: url('/public_html/wp-content/uploads/2025/05/arrow_btn_orange.svg');
}

.wp-block-button.scenario-arrow-button.grey {
    background-image: url('/public_html/wp-content/uploads/2025/05/arrow_btn_grey.svg');
}

.wp-block-button.scenario-arrow-button.red {
    background-image: url('/public_html/wp-content/uploads/2025/05/arrow_btn_red.svg');
}

.wp-block-button.scenario-arrow-button.blue {

    background-image: url('/public_html/wp-content/uploads/2025/05/arrow_btn_dark_green.svg');
}

.wp-block-button.scenario-arrow-button a {
    color: #fff;
    min-width: 200px;
}

/* Gutenberg Slider Styling End  */


/* - Main Page Banner  Start  */

#main-page-banner {
    position: relative;
}

#main-page-banner.wp-block-cover .wp-block-cover__inner-container,
#main-page-banner .wp-block-columns,
#main-page-banner .wp-block-cover {
    position: unset !important;
}

#main-page-banner figure {
    position: absolute;
    bottom: 0px;
    top: 0px;
    right: 0;
}

#main-page-banner figure img {
    height: 100%;
    max-width: 100%;
    width: auto;
}

/* - Main Page Banner End  */


/* Meet the Team Slider Start  */


.meet-the-team-slider .slide-content .wp-block-group:first-child {
    min-width: 250px !important;
}


/* Meet the Team Slider End  */


/* FAQ Styling Start  */
#faq summary {
    font-weight: 600;
    padding: 20px 30px;
    font-size: 26px;
    color: #244D5D;
    border-radius: 15px;
    position: relative;
    transition: 0.3s;
}

#faq .wp-block-details[open] summary {
    color: #fff;
    border-radius: 15px 15px 0px 0px;
}

#faq p {
    font-size: 20px;
    font-weight: 500;
}


.wp-block-details summary {
    background-color: #d7d7d9;
    margin: unset !important;
    padding: 10px;
    height: 60px;
    border-radius: 15px 15px 0 0;
    font-size: 1.2em;
}

.wp-block-details summary::marker {
    content: "";
}

.wp-block-details summary::before {
    content: "";
    position: absolute;
    right: 20px;
    top: 20px;
    width: 2.5rem;
    height: 2.5rem;
    background-image: url(https://safetycentre.tempurl.host/wp-content/uploads/2025/06/faq-closed.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transition: 0.3s;
}

:root :where(.wp-block-details) {
    border-radius: 15px;
}

.wp-block-details p {
    padding-inline: 20px;
}

.wp-block-details p:is(:last-child) {
    padding-bottom: 30px;
}

.wp-block-details[open] summary {
    background-color: #ee7460;
    color: white;
    margin: unset !important;
    padding: 10px;
    height: 60px;
    border-radius: 15px 15px 0 0;
    font-size: 1.2em;

}

.wp-block-details[open] summary::before {
    background-image: url(https://safetycentre.tempurl.host/wp-content/uploads/2025/06/faq-open.svg);
    transform: rotate(-90deg);
}

/* FAQ Styling End  */



/* Header Start */

.header-logo img {
    width: 120px !important;
}

/* Header End */

/* Homepage Start */

#home-hero-vid,
#home-hero-vid > video,
#home-hero-vid > span {
    border: 0 none !important;
    overflow:hidden;
}

#home-hero-vid > span {
    opacity:0;
}

#home-hero-vid > video {
    isolation:isolate;
    -webkit-mask-image: -webkit-radial-gradient(white,black);
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility: hidden;
}

/* Media Queries Start */

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

    /* .eedee-swiper-outer {
        max-height: 80px !important;
    }

    .wp-block-eedee-block-gutenslider .swiper-wrapper {
        min-height: 130px;
    } */
}

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

    .volunteer-cta-img img {
        margin-bottom: -80px;
        width: 60%;
        margin-top: 2% !important;
    }

    .wp-block-cover.hp-cta-bg {
        overflow: hidden;
    }

    .wp-block-column.hp-cta-text {
        justify-content: center;
        display: flex;
        text-align: center;
        margin: 20px;
    }
}

/* Homepage End */

/* Education & Outreach Start */


#has-background-pattern.wp-block-cover .wp-block-cover__image-background{
    object-fit: contain;
    max-width: 95%;
    margin: auto;
}
#has-background-pattern .hp-cta-img{
    position: relative;
}


/* Education & Outreach End */

/* Footer CTA DONATE Start */

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

    .donate-cta {
        margin-top: 20px !important;
    }

    .wp-block-buttons .donate-cta-button {
        margin-bottom: 20px !important;
        right: 243%;
    }

    .book-cta {
        font-size: 38px !important;
        line-height: 40px;
    }
}

/* Footer CTA DONATE End */

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

    .slide-content p {
        font-size: 20px !important;
        line-height: 24px !important;
    }

}

/* Media Queries End */