/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

:root{
    --theme-narrow-container-max-width: 1112px;
}

body{
    font-weight: 400;
}

summary {
    list-style: none;
}

summary::marker {
    position: relative;
    content: none;
}

summary::-webkit-details-marker {
    display: none;
}

.ct-search-form[data-form-controls=inside] input[type='search'] {
    border-color: #000000;
    border-radius: 25px;
    border-start-end-radius: 25px;
    border-end-end-radius: 25px;
    border-inline-end: 1px solid #000000;
    padding-left: 35px;
}

.ct-search-form[data-form-controls=inside] button.wp-element-button {
    border: 0;
}

.ct-no-results .ct-search-button-content {
    width: 15px;
    height: 15px;
}

header.ct-header .ct-search-box {
    max-width: 180px;
}

.ct-no-results .ct-search-form .ct-search-form-controls{
    position: absolute;
    left: 0;
    top: 0;
}

@media(min-width: 768px){
    .ct-header .ct-search-box  .ct-search-form{
        justify-content: flex-end;
    }

    .ct-header .ct-search-form .ct-search-form-controls{
        position: absolute;
        left: 0;
        top: 0;
    }
}

#search-modal input{
    padding-right: 50px;
}

.ct-footer li.menu-item + li.menu-item {
    margin-top: 15px;
}

a.read-more,
a.stk-block-posts__readmore{
    text-decoration: underline;
    font-size: 14px;
    @media(max-width: 767px){
        font-size: 12px;
    }
}

.post-list {
    list-style: none;
    padding: 0;
    margin: 20px 0 0;
}

.post-item {
    padding: 15px 45px 15px 50px;
    border-bottom: 1px solid #D9D9D9;
    position: relative;
    @media(max-width: 767px){
        padding: 15px 30px 15px 35px;
    }
}

.post-item-number{
    position: absolute;
    left: -50px;
    top: 0;
    font-size: 24px;
    font-weight: 500;
    color: var(--theme-headings-color);
    @media(max-width: 767px){
        font-size: 1rem;
        left: -30px;
    }
}

.post-item .post-title{
    position: relative;
    margin-bottom: 0;
    font-weight: 500;
    @media(max-width: 767px){
        font-size: 1rem;
    }
}

.post-item .post-title a{
    text-decoration: none;
}

.post-item .post-category{
    color: var(--theme-text-color);
    font-size: 16px;
    display: block;
    @media(max-width: 767px){
        font-size: .87rem;
        padding-bottom: .2em;
    }
}

.post-item:last-child {
    border-bottom: none;
}

/* Most Popular Questions Block */
.most-popular-questions {
    margin: 20px 0;
}

.popular-questions-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.popular-question-item {
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}

.popular-question-item:last-child {
    border-bottom: none;
}

.question-category {
    display: inline-block;
    background: #f0f0f0;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.8em;
    margin-bottom: 8px;
}

.popular-question-item h4 {
    margin: 0;
}

/* Trending Topics Block */
.trending-topics {
    margin: 20px 0;
}

.no-content{
    font-size: 1rem;
}

body:not(.home) .no-content{
    text-align: center;
}

.content-card-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

@media (max-width: 768px) {
    .content-card-grid {
        grid-template-columns: 1fr;
    }
}

.content-card-item {
    padding: 20px 0;
    background: #fff;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
}

.content-card-item .category-icon {
    margin-bottom: 15px;
    width: 30%;
    max-width: 149px;

    @media(max-width: 767px){
        max-width: 100px;
    }
}

.content-card-image{
    width: 150px;
}

.content-card-content{
    flex: 1;
}

@media (max-width: 768px) {
    .content-card-item{
        padding: 5px 0;
    }

    .content-card-image{
        width: 25%;
    }
}

.content-card-content h5 {
    margin: 0 0 10px 0;
    font-weight: 500;
    line-height: 1.2;
    color: #233487;
    @media(max-width: 767px){
        font-size: 1.15em;
    }
}

.content-card-content p{
    font-size: 0.9em;
    color: #000000;
    @media(max-width: 767px){
        font-size: 1em;
    }
}

.content-card-content > a{
    text-decoration: underline;
    font-size: 14px;
    @media(max-width: 767px){
        font-size: 12px;
    }
}

.brief-description {
    color: #666;
    margin: 10px 0;
    font-size: 20px;
    line-height: 1.3;
}

.content-card-grid--subcategory{
    gap: 20px 0;
}

/* Block Editor Preview */
.block-preview {
    padding: 20px;
    background: #f8f9fa;
    border: 1px dashed #ccc;
    text-align: center;
}

.faqs .stk-block-accordion{
    padding-bottom: 25px;
    font-size: 20px;
}

.faqs .stk-block-accordion summary{
    padding: 10px 45px;
    background: var(--theme-palette-color-9);
    color: var(--theme-palette-color-5);
    font-weight: 500;
    border-radius: 5px;
    font-size: 1.2em;

    @media(max-width: 767px){
        padding: 10px 55px 10px 25px;
        font-size: .8em;
    }
}

.faqs .stk-accordion-content{
    border: 1px solid var(--theme-palette-color-8);
    border-radius: 5px;
    background: var(--theme-palette-color-1);
    padding: 20px 45px;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    line-height: 1.3;
    font-size: 0.9em;

    @media(max-width: 767px){
        padding: 20px;
        font-size: .7em;
    }
}

.faqs .stk-accordion-content-more-info{
    margin-left: auto;
    padding-top: 10px;
    @media (max-width: 767px) {
        font-size: .86em;
    }
}

.faqs .stk-block-accordion summary {
    position: relative;
}

.faqs .stk-block-accordion summary::marker {
    content: none;
}

.faqs .stk-block-accordion summary::after {
    content: "";
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 12px;
    height: 12px;
    border-right: 3px solid var(--theme-palette-color-2);
    border-bottom: 3px solid var(--theme-palette-color-2);
    transition: transform 0.3s ease;
}

.faqs .stk-block-accordion details[open] summary::after {
    transform: translateY(-50%) rotate(-135deg);
}

@media(min-width: 768px){
    .home .faqs,
    .home .latest-faq{
        padding-left: 3.5vw;
        padding-right: 3.5vw;
    }
}


.faqs-filter{
    display: flex;
    gap: 20px;
    padding: 30px 0;
    flex-wrap: wrap;
    @media (max-width: 767px) {
        gap: 10px;
        padding:15px 0 30px;
        flex-wrap: nowrap;
        overflow-x: scroll;
    }
}

.faq-filter-btn{
    padding: 5px 30px;
    border-radius: var(--theme-button-border-radius, 3px);
    cursor: pointer;
    color: var(--theme-button-background-initial-color);
    border: 1px solid var(--theme-button-background-initial-color);
    background: var(--theme-button-text-initial-color);
    font-weight: 500;
    font-size: 1.2em;
    max-width: 50%;
    @media (max-width: 767px) {
        padding: 5px 15px;
        max-width: none;
        font-size: 1em;
        align-self: flex-start;
        overflow-x: scroll;
        min-width: 180px;
    }
}


.faq-filter-btn:hover,
.faq-filter-btn:not(:hover).--active,
.faq-filter-btn:not(:focus).--active{
    background: var(--theme-button-background-initial-color);
    color: var(--theme-button-text-initial-color);
}

.faqs-list{
    min-height: 90vh;
}

.stk-block-posts__items :is([class*=stk-block-posts__],.stk-img-wrapper):not(.stk-block-posts__item).stk-block-posts__title{
    margin-bottom: 5px;
}

.latest-articles-list .stk-block-posts__items :is([class*=stk-block-posts__],.stk-img-wrapper):not(.stk-block-posts__item){
    margin-bottom: 0;
}

.latest-articles-list .stk-block-posts__item:first-of-type{
    display: none;
}


.single .entry-content.is-layout-constrained {
    color: #000000;
}

.single .entry-content.is-layout-constrained h1,
.single .entry-content.is-layout-constrained h2,
.single .entry-content.is-layout-constrained h3,
.single .entry-content.is-layout-constrained h4,
.single .entry-content.is-layout-constrained h5,
.single .entry-content.is-layout-constrained h6 {
    color: #000000;
}
.single .entry-content ul{
    padding: 0 0 0 1.2em;
    margin: 0;
}
.wp-singular .entry-content.is-layout-constrained .related-articles {
    display: none;
}

div.entries > article.entry-card:last-child div.entry-divider {
    display: none;
}

div.card-content ul.entry-meta li.meta-categories a::before {
    display: none;
}

div.related-articles-section {
    margin-top: 60px;
}

div.related-articles-section>h2 {
    padding-left: var(--card-inner-spacing, 15px);
    padding-right: var(--card-inner-spacing, 15px);
    @media (max-width: 767px) {
        font-size: 2rem;
    }
}

.ct-breadcrumbs{
    padding: 30px 0 0;
}

.ct-breadcrumbs a{
    text-decoration: underline;
    color: #000000;
}

.ct-breadcrumbs > span{
    text-transform: capitalize;
    font-size: 1rem;
    color: #000000;
    @media (max-width: 767px) {
        font-size: 0.75rem;
    }
}

pre, code, samp, kbd {
    background: #f9f8f8 !important;
}

.wp-singular .entry-content.is-layout-constrained ul>li::marker {
    font-size: 130% !important;
}

.wp-singular .entry-content.is-layout-constrained small {
    font-size: 14px !important;
}

.wp-singular .entry-content.is-layout-constrained small * {
    width: var(--theme-block-width);
    max-width: var(--wp--style--global--content-size);
    margin-left: auto !important;
    margin-right: auto !important;
}

.entry-card .entry-meta time{
    @media (max-width: 767px) {
        font-size: .85em;
    }
}

#main-container .ct-breadcrumbs[data-source=default]>span{
    display: inline;
}

@media (max-width: 991px) {
    .ct-header .ct-panel-actions {
        position: absolute;
        top: var(--menu-item-padding, 21px);
        right: 20px;
        padding-top: 0;
        padding-inline: 0;
        z-index: 2;
    }
}

.ct-panel-content[data-device="mobile"] .ct-panel-content-inner{
    padding: 0;
}

.ct-panel-content[data-device="mobile"] .ct-panel-content-inner .mobile-menu > ul {
    border-top: 0;
}

.ct-panel-content[data-device="mobile"] .ct-panel-content-inner .mobile-menu > ul li {
    padding-left: var(--panel-padding, 35px);
    padding-right: var(--panel-padding, 35px);
    z-index: 1;
}

.ct-panel-content[data-device="mobile"] .ct-panel-content-inner .mobile-menu > ul > li:not(:first-of-type) .ct-menu-link:not(:empty) {
    padding: 7px 0;
}