/*
Theme Name: CB1 Arch
Author: deVOL
Description: 
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

:root{
    --green-light:#d4d8d7;
    --green:#4B5E5C;
}

* { box-sizing:border-box;font-family:"Josefin Sans"; }


.list__content-container-img { aspect-ratio: 1/1;object-fit: cover;border-radius:100%;max-width:250px;margin:0 auto; }
.list__content { text-align:center; }

.container { width:100%;max-width:1200px;margin:0 auto;padding:5rem 1rem; }


a.button, button.filter-item {     background: var(--darkgreen);
    border: 1px solid var(--darkgreen);
    border-radius: 10rem;
    color: #fff;
    padding: 13px 30px 10px;
    transition: background .3s ease-in-out;
    display:inline-block;
}
a.button.small { font-size:1rem;padding:0.6rem 0.9rem;}
a.button.invert { background:#fff;color:Var(--darkgreen) }

a.button:hover, button.filter-item:hover { background:#fff;color:var(--darkgreen); }
a.button.invert:hover { background:var(--darkgreen);color:#fff; }

.profile-container { display:grid;grid-template-columns:350px auto;gap:2rem; }
.profile-container img { width:100%;border-radius:1rem; }
.profile-container hr { margin:2.2rem 0; }
.profile-container .statement { font-size:1.2rem; }
.profile-container .stats { display:grid;gap:3rem;grid-template-columns:1fr 1fr; }
.profile-container .stats ul { padding-left:1rem; }



.video-archive-grid { display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem;row-gap:3rem;margin-top:3rem; }
.video-archive-grid .grid-item img { width:100%;display:block;margin-bottom:1rem; }

.video-filter { display:flex;gap:1rem;margin:4rem auto 1.5rem;justify-content: center;flex-wrap:wrap; }

.post-grid { display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem;width:100%; }
.post-grid .grid-item { width:100%; }
.post-grid .grid-item img { width:100%;aspect-ratio:4/3;object-fit: cover; }
.grid-item .card { display:flex;flex-wrap:wrap;gap:1rem; }
.card-title { width:100%;max-width:300px; }
.team-grid { display:flex;flex-wrap:wrap;gap:2rem;row-gap:4rem;width:100%;max-width:1200px;margin:2rem auto 0;justify-content: center; }

.list .row { justify-content: center;; }
.team-card { display:grid;grid-template-columns:1fr;gap:1rem;text-align:center;max-width:250px;margin:0 auto; }

.team-card span { width:100%;text-align:center;display:inline-block }
.name { font-size:1.5rem;margin-bottom:0.5rem; }
.qualifications { font-size:1rem;margin-bottom:1.5rem; }
.role { font-size:1.2rem;margin-bottom:1rem; }

.video-filter a { display:inline-block;background:var(--darkgreen);color:#fff;border-radius:100rem;padding:0.5rem 1rem;border:1px solid var(--darkgreen); }
.video-filter a:hover { background:#fff;color:var(--darkgreen); }
.video-filter a.active { background:var(--yellow);color:var(--darkgreen); }

h1 { font-size:3rem;}
h2 { font-size:2.8rem; }
h3 { font-size:2rem; }
h4 { font-size:1.4rem; line-height:110% !important; }


.blog-search__input { border:1px solid var(--darkgreen);padding:0.75rem 0.75rem;border-radius:100rem;font-size:1rem; }
.blog-search__button { border:1px solid var(--darkgreen);background:var(--green);color:#fff;padding:0.3rem 0.6rem;border-radius:100rem;font-size:1rem;white-space: nowrap;font-weight:300; }
.blog-search__button:hover { background:#fff;color:var(--darkgreen); }
.blog-search__button:hover svg path { stroke:var(--darkgreen); }


.blog-wrapper { display:grid;grid-template-columns:340px auto;width:100%;gap:2rem; }

.blog-grid { display:grid;grid-template-columns: repeat(2, 1fr);gap:2rem;row-gap:4rem;padding:0 1rem; }
.blogdate { font-size:0.8rem; }
.blog-grid-item { display:grid;grid-template-columns:1fr;gap:1rem; }
.blog-grid-item img { aspect-ratio:5/3;object-fit: cover; }

.pagination { align-items:center;}
.pagination a, .pagination span { background:var(--darkgreen);color:#fff;border-radius:100rem;border:1px solid var(--darkgreen);display:inline-block;padding:0.4rem 0.6rem 0.2rem;}
.pagination a:hover { background:#fff;color:var(--darkgreen); }
.pagination span { background:var(--yellow);color:var(--darkgreen); }

.blog-single__container-img { max-height:600px; }
.blog-single__container-txt--content { background:rgba(0,0,0,0.5);padding:0 1rem; }
.blog-single__container-txt  .px-3 { padding:0 !important;}
.blog-single__container { overflow: hidden;}
.blog-single__content { padding-top:0rem;}

.blog-search__wrap { margin-bottom:2rem;grid-column:span 2;display:flex;gap:0.5rem; }
.blog-search__input { width:100%; }
.blog-single__content .row > div { width:70%; }
.wp-block-embed-youtube, .wp-block-embed-youtube iframe { width:100%;aspect-ratio:16/9; }
.wp-block-embed__wrapper, .wp-block-embed__wrapper iframe { height:100%; }

.filter-group { padding:2rem 0;border-top:1px solid var(--darkgreen); }
.filter-options { padding:1rem 0; }
.filter-group label { width:100%;display:block;margin-bottom:0.5rem; }
.filter-title { font-size:1rem;font-weight:400; }
.nothingfound { grid-column:span 2;}
.blog-wrapper { margin-bottom:3rem;}
.blog-filter { margin-bottom:3rem;}

.filter-profession { text-align:left; }
.prof-filter { padding:1rem 0 0; }
 
/* Container spacing */
.prof-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* Base pill button */
.prof-filter label,
.filter-options label {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    border: 2px solid #ccc;
    border-radius: 999px;
    cursor: pointer;
    user-select: none;
    font-size: 15px;
    background: #fff;
    transition: all 0.2s ease;
}
.author-filter { padding:1rem 0;}
.author-filter label { padding:0.3rem 0; }

.filter-options label { width:fit-content; }

.prof-filter label:hover,
.filter-options label:hover { 
    background:#b9b9b9;
}

/* Hide native checkbox */
.prof-filter input[type="checkbox"],
.filter-options input[type="checkbox"],
.author-filter input[type="radio"] {
    display: none;
}

/* Icon circle */
.prof-filter label::before,
.filter-options label::before {
    content: "";
    width: 0px;
    background:transparent;
    height: 16px;
    border-radius: 50%;
    /* border: 2px solid #ccc; */
    transition: all 0.2s ease;
    mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path d="M6.173 12.414L2.05 8.293l1.414-1.414 2.708 2.707 6.364-6.364 1.414 1.414-7.778 7.778z"/></svg>') center/16px no-repeat;
}

.author-filter label::before {
    content: "";
    width: 24px;
    background:transparent;
    height: 24px;
    border-radius: 50%;
    transition: all 0.2s ease;
    border:1px solid var(--darkgreen);
    display:inline-block;
    position:relative;
    top:7px;
    margin-right:3px;
}
.author-filter label:has(input:checked)::before,
.author-filter label:has(input:checked)::before{
    border:7px solid var(--darkgreen);
}

.prof-filter input[type="checkbox"]:checked ~ label,
.prof-filter label:has(input:checked),
.filter-options input[type="checkbox"]:checked ~ label,
.filter-options label:has(input:checked) {
    background: #d4d8d7;
    border-color: #4b5e5c;
    color: #4b5e5c;

}

/* Selected icon (tick) */
.prof-filter label:has(input:checked)::before,
.filter-options label:has(input:checked)::before {
    background: #4b5e5c;
    border-color: #fff;
    width:16px;
    
    margin-right:5px;
}

/* Clear filter special styling */
.clear-filter-wrap {
    border-color: #edf0f8 !important;
    background:#edf0f8 !important;
}





.prof-filter .clear-filter-wrap::before {
    width:16px;
    background:#4b5e5c;
   mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M4 4 L12 12 M12 4 L4 12" stroke="white" stroke-width="2" stroke-linecap="round"/></svg>') center/16px no-repeat;
-webkit-mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M4 4 L12 12 M12 4 L4 12" stroke="white" stroke-width="2" stroke-linecap="round"/></svg>') center/16px no-repeat;
    margin-right:5px;
}

.meta { display:flex;flex-wrap:wrap;gap:1.5rem;font-weight:400;}
.meta > div { display:flex;align-items: center;gap:0.5rem; }

.team-grid { justify-content: flex-start;row-gap:6rem;margin-top:6rem; }
.team-thumb img { width:75px;height:75px;object-fit: cover;border-radius:100%;margin-bottom:1rem; }
.team-item { text-align:left;display:flex;flex-wrap: wrap;flex-direction: column;gap:0.75rem;flex:0 1 250px; }
.team-item .button { width:fit-content;margin-top:1rem; }

.team-name { font-size:1.25rem;font-weight:700; }
.team-qualification { font-size:0.75rem;font-weight:400; }
.team-role { font-size:1rem;line-height:120%; }

.eligibility__section--form { height:auto; }
.forminator-ui.forminator-custom-form[data-design=flat] .forminator-pagination-footer { display:flex !important;flex-wrap:wrap; gap:2rem;}
.forminator-ui.forminator-custom-form[data-design=flat] .forminator-pagination-footer .forminator-button { flex:1 1 40%;margin:0 !important;border-radius:30rem;border:1px solid var(--darkgreen) !important;background:#fff; }
.forminator-ui.forminator-custom-form[data-design=flat] .forminator-pagination-footer .forminator-button:hover { box-shadow:none;background:#d4d8d7; }
.forminator-ui#forminator-module-8699.forminator-design--flat .forminator-radio .forminator-radio-bullet:before,
.forminator-ui#forminator-module-8699.forminator-design--flat .forminator-pagination-progress .forminator-progress-bar span { background-color:var(--darkgreen) !important; }

.forminator-ui.forminator-custom-form[data-design=flat] .forminator-pagination-footer .forminator-button.forminator-button-submit { background:var(--darkgreen);color:#fff; }
.forminator-ui.forminator-custom-form[data-design=flat] .forminator-pagination-footer .forminator-button.forminator-button-submit:hover { background:#d4d8d7;color:var(--darkgreen); }

.forminator-ui#forminator-module-8699.forminator-design--flat .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"]:focus,
.forminator-select-dropdown-container--open .forminator-custom-form-8699.forminator-dropdown--flat .select2-results .select2-results__options .select2-results__option.select2-results__option--selected, .forminator-select-dropdown-container--open .forminator-custom-form-8699.forminator-dropdown--flat .select2-results .select2-results__options .select2-results__option.select2-results__option--selected span:not(.forminator-checkbox-box),
.forminator-select-dropdown-container--open .forminator-custom-form-8699.forminator-dropdown--flat .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted { outline:1px solid var(--darkgreen) !important; }

.forminator-select-dropdown-container--open .forminator-custom-form-8699.forminator-dropdown--flat .select2-results .select2-results__options .select2-results__option.select2-results__option--selected, .forminator-select-dropdown-container--open .forminator-custom-form-8699.forminator-dropdown--flat .select2-results .select2-results__options .select2-results__option.select2-results__option--selected span:not(.forminator-checkbox-box) { background-color:var(--darkgreen) !important; }


.team-full-profile { position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999; padding:1rem;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity 0.5s ease-in-out;  }
.team-full-profile.show { opacity:1;pointer-events:all; }
.profile-background { background:rgba(75,94,92,0.5);position:absolute;top:0;left:0;width:100%;height:100%;mix-blend-mode: multiply; }

.team-profile { transform:translateY(20%);background:#fff;border-radius:1rem;position:relative;padding:4rem;width:100%;max-width:750px;transition:all 0.5s ease-in-out;opacity:0;max-height:100%; }
.team-full-profile.show .team-profile { transform:translateY(0%);opacity:1; }
.team-profile-header { display:flex;gap:2rem;padding-bottom:2rem;border-bottom:1px solid var(--darkgreen);  }
.team-profile-header-details { display:flex;flex-direction: column;justify-content:center;gap:0.5rem; }
.team-profile-body { padding-top:2.5rem;display:flex;flex-direction: column;gap:2rem; }
.team-profile-heading { font-size:1rem;font-weight:700;margin-bottom:0.75rem; }
.list-dot { width:4px;height:4px;border-radius:100%;background:var(--darkgreen);display:inline-block;margin:0 1rem 0.25rem; }
.profile-quote { font-size:1.25rem;line-height:140%;font-weight:400; }
.close-profile-icon { position:absolute;top:1rem;right:-1rem;transform:translateX(100%);background:#fff;border-radius:100%;display:block;width:48px;height:48px;padding:1rem; }
.close-profile-icon:hover { background:#d4d8d7; }
.team-profile .team-thumb img { margin:0; }





.latest-grid { display:grid;grid-template-columns:5fr 3fr;gap:6rem;margin-bottom:6rem; }
h2.small-heading { font-size:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--darkgreen);margin-bottom:2rem; }
.blog-grid-item.latest { gap:1.5rem; }

.need-grid { display:flex;flex-direction:column;gap:3rem; }
.need-item { border-bottom:1px solid var(--green);padding-bottom:3rem;display:flex;flex-direction: column;gap:1rem; }
.need-item .meta { margin-bottom:1rem;}




 
.video-thumb { width:100%;aspect-ratio:16/9;object-fit: cover; }
.video-placeholder { background:var(--green);width:100%;display:block;aspect-ratio: 16/9;margin-bottom:1rem; }
.video-archive-grid .grid-item h4 { margin-bottom:0.5rem; }

.container iframe { max-width:100%;height:auto;aspect-ratio: 16/9; }


























.container-1520 { padding:0 1rem; }
.show-filter { display:none; }



@media(max-width:1100px){
    .team-grid { grid-template-columns:repeat(3,1fr); }
    .profile-container .stats { grid-template-columns: 1fr;}
    .latest-grid { gap:2rem;row-gap:6rem; }
    .blog-grid { grid-template-columns:repeat(1, 1fr); }
    .blog-search__wrap { grid-column:span 1; }
}


@media(max-width:991px){
    .close-profile-icon { top:-1rem;right:1rem;transform:translateY(-100%); }
    .team-profile { padding:3rem; }
    .latest-grid { grid-template-columns:1fr; }
}

@media(max-width:768px){
    .team-grid { grid-template-columns:repeat(2,1fr); }
    .profile-container { grid-template-columns: 1fr;}
    .video-archive-grid, .blog-grid { grid-template-columns: 1fr 1fr; }
    .blog-single__content .row > div { width:100%;}
    .post-grid { grid-template-columns: 1fr 1fr;;}
    .team-profile { padding:3rem 2rem; }
    .blog-wrapper { grid-template-columns:1fr;}
    .blog-search__wrap { grid-column:span 2; }
    .show-filter { display:block;padding:1rem 0rem;width:100%;margin-bottom:0rem; }
    .sidebar-filter { display:none; }
    .blog-filter { margin:0;}
    .team-item { flex:0 1 175px; }
    .close-profile-icon { top:0rem;right:0rem;transform:none;}
}

@media(max-width:560px){
        .video-archive-grid, .blog-grid { grid-template-columns: 1fr; }
           .post-grid { grid-template-columns: 1fr;}
           .blog-grid { grid-template-columns:1fr;padding:0; }
           
           .blog-search__wrap { grid-column:span 1; }
           
}

@media(max-width:480px){
    .team-grid { grid-template-columns:repeat(1,1fr); }
        .video-archive-grid { grid-template-columns: 1fr; }
        .team-item { flex:0 1 200px; }
}