/*
Theme Name: KPB12
Theme URI: 
Author: Nilo Vélez
Author URI: 
Description: 
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kpb12
Tags: 
*/

.screen-reader-text {
    display: none;
}

.svgicon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}

/* Main and side column widths */
.main-col { width: 75%; }
.side-col { width: 25%; }

@media (max-width: 1280px) {
    .main-col { width: 66%; }
    .side-col { width: 34%; }
}
@media (max-width: 1023px) {
    .layout-cols { flex-direction: column; }
    .main-col { width: 100%; }
    .side-col { width: 100%; }
}

.has-text-align-center { text-align: center; }
.has-text-align-left { text-align: left; }
.has-text-align-right { text-align: right;}


h1,
h2 {
    border-bottom-style: solid;
}
body.home h1,
.entry-content h2 {
    border-bottom: none;
}


/* Fixes the grid layout for the post grid block on different screen sizes */
@media (max-width: 1023px) {
    .wp-block-post-template-is-layout-grid {
        grid-template-columns: 1fr 1fr 1fr !important;
    }
}
@media (max-width: 600px) {
    .wp-block-post-template-is-layout-grid {
        grid-template-columns: 1fr 1fr !important;
    }
}
@media (max-width: 479px) {
    .wp-block-post-template-is-layout-grid {
        grid-template-columns: 1fr !important;
    }
}


.head-search-desktop .wp-block-search__inside-wrapper {
    padding: 0;
    border-radius: 10px;
}
.head-search-desktop .wp-block-search__input {
    padding: 0.5rem 1rem;
    border-top-left-radius: 9px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 0;
}

.head-search-desktop .wp-block-search__button {
    padding: 0.5rem 1rem;
    border-top-left-radius: 0;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 9px;
}

.head-search-mobile .wp-block-search__inside-wrapper {
    padding: 0;
    border-radius: 5px;
}
.head-search-mobile .wp-block-search__input {
    padding: 0.25rem 0 0.25rem 1rem;
    border-top-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 0;
}

.head-search-mobile .wp-block-search__button {
    padding: 0.25rem 1rem;
    border-top-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 4px;
}

.head-search-mobile {
    display: none;
}

@media (max-width: 767px) {
    .head-search-desktop {
        display: none;
    }
    .head-search-mobile {
        display: block;
    }
}

/* mark current menu item */
header .current-menu-item::before,
body.post-type-archive-book header .books-navigation-link::before {
    content: '';
    display: block;
    background-color: rgba(0, 0, 0, 0.20);
    border-radius: 8px;
    position: absolute;
   
    bottom: calc(-1 * var(--wp--preset--spacing--20));
    left: -10px;
    right: -10px;
    top: calc(-1 * var(--wp--preset--spacing--20));
}
.has-modal-open .wp-block-navigation-item {
    font-size: var(--wp--preset--font-size--large) !important;
}

/* breadcrumbs */
#breadcrumbs {
    margin-top: var(--wp--preset--spacing--20);
}

/* buttons sidebar */
.kpb-btn-group .wp-block-button__link{
    text-align: left;
    position: relative;
    padding-left: 70px;
}
.kpb-btn-group .wp-block-button__link .svgicon {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
}



#home-cats>.wp-block-group {
    border-bottom-style: solid;
}
/* Tablet styles */
@media (max-width: 1023px) {
    #home-cats>.wp-block-group {
        grid-column: span 2
    }
}
/* Mobile styles */
@media (max-width: 767px) {
    #home-cats>.wp-block-group {
        grid-column: span 4;
        position: relative;
    }
    #home-cats>.wp-block-group h3,
    #home-cats>.wp-block-group p {
        padding-right: 100px !important;
    }
    #home-cats>.wp-block-group figure {
        position: absolute;
        top: 0;
        right: 0;
        width: 100px;
        height: 100px;
        border-bottom: none;
    }
    #home-cats img {
        background-color: transparent;
        background-image: none;
    }
}

.kpb-subcategory-list {
    width: 100%;
    list-style: none;
    font-size: var(--wp--preset--font-size--medium);
    padding: 0;
}

.kpb-subcategory-list li {
    padding: 0.15rem var(--wp--preset--spacing--40);
    border-top: 1px solid var(--wp--preset--color--accent-5);
    display: flex;
    justify-content: space-between;
}
.kpb-subcategory-list li a {
    text-decoration: none;
}

.kpb-card,
.kpb-heading-card,
.kpb-categories-card {
    border-radius: 10px;
    border-bottom: 1px solid var(--wp--preset--color--accent-4);
}

.kpb-card figure,
.kpb-categories-card figure {
    border-bottom: 2px solid var(--wp--preset--color--contrast);
}

.kpb-card img,
.kpb-card figure,
.kpb-categories-card img,
.kpb-categories-card figure {
    max-width: none;
    height: auto;
    margin: 0;
    box-sizing: border-box;
}

.kpb-card img, 
.kpb-card figure,
.kpb-categories-card img,
.kpb-categories-card figure {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    width: 100%;  
}
.type-book .kpb-card figure {
    border-bottom: none;
}


.kpb-card h3 a,
.kpb-categories-card h3 a {
    text-decoration: none;
    font-weight: 600;
}

@media (max-width: 479px) {
    .kpb-card {
        display: flex;
        flex-direction: row;
    }
    .kpb-card figure {
        width: 162px !important;
    }
     .kpb-card figure {
        border-right: 2px solid var(--wp--preset--color--contrast);
        border-bottom: none;
        border-radius: 10px 0 0 10px;
    }
    .kpb-card img {
        width: 160px !important;
    }
    .kpb-card img {
        border-radius: 10px 0 0 10px;
    }
    .kpb-card-content {
        width: 100%;
    }
}




@media (max-width: 886px) {
    .kpb-parent-cat-heading > .wp-block-group {
       grid-column: span 2;
    }
}

@media (max-width: 670px) {
    .kpb-parent-cat-heading {
        grid-template-columns: 1fr;
        column-gap: 0;
    }
    .kpb-parent-cat-heading figure {
        text-align: center;
        width: 100% !important;
    }
    .kpb-parent-cat-heading img {
        width: 100%;
        max-width: 400px;
    }
}



.kpb-heading-card.has-image {
    display: grid !important;
    grid-template-columns: 200px 1fr;
}

.kpb-heading-card.has-big-image {
    display: grid !important;
    grid-template-columns: 400px 1fr;
}

.kpb-heading-card.has-image figure,
.kpb-heading-card.has-big-image figure {
    width: 100%;
}
.kpb-heading-card.has-image img {
    width: 200px;
}
.kpb-heading-card.has-big-image img {
    width: 400px;
}

@media (max-width: 767px) {
    .kpb-heading-card.has-image {
       grid-template-columns: 150px 1fr;
    }
    .kpb-heading-card.has-image img {
        width: 150px;
    }
    .kpb-heading-card.has-big-image {
       grid-template-columns: 300px 1fr;
    }
    .kpb-heading-card.has-big-image img {
        width: 300px;
    }
}
@media (max-width: 600px) {
    .kpb-heading-card.has-image,
    .kpb-heading-card.has-big-image {
        grid-template-columns: 1fr;
    }
    .kpb-heading-card.has-image figure,
    .kpb-heading-card.has-big-image figure {
        text-align: center;
        width: 100% !important;
    }
    .kpb-heading-card.has-image img,
    .kpb-heading-card.has-big-image img {
        width: 100%;
        max-width: 400px;
    }
    body.archive.tag .kpb-heading-card.has-image figure {
        display: none;
    }
}





.kpb-heading-card-content {
    max-width: 100%;
    overflow: hidden;
}

.kpb-heading-card-title {
    border-bottom: 2px solid var(--wp--preset--color--contrast);
}
.kpb-heading-card-title h1 {
    border-bottom: none;
    line-height: 1;
}

.kpb-pattern img {
    background-color: var(--wp--preset--color--accent-4);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAABLBAMAAADe9fk4AAAAFVBMVEWsrJ2trZ6vr6Cvr6GxsaKxsaOysqTAV1c0AAABjUlEQVR42rWVTW6EMAxGremQNZWqWaMueoQ5whyha8hIuf8RShzw79clWaCIBw5xnjG11oju+3UprY+FiJrMiHEnVOTumLT5xL+tbSeugrcDf/BLB26C3wcussKI2eRBxi8OtOOVOE6/dxd8Gx/E+Hnim+DHmDF+nbjwRx7rrBSCnzc1BTveviymiP3G5hjc401wVbxS2HeTLz9C7tdv3Vgd77gTI5LTsVkjylhybvAk6wwbPLZHQrx4wtXoUDNeokwOV+faEnClyweSX7a8QPkZT1ZfJz+DfhCf9ADymyNB8usxQfn1kKH8WhpQfi0NKL/am+R/+78Dkj/jmBYTPMlvdEDymxJE8vcHbVUH+fvsabLm5M85D/LrzwzKr6UB5Wf8w08i+bU0CMnP4DzSCweSv7huYLcz+b6A5DcOhFRS6AtQ/uJXjPKrvVB+LQ0ov5YGlN8Hd3uwfWEOaUl9wTvi+0JKS+oL7DTZv4MrDSh/Cf07yK+CQfk9TvJnXHFfgPInvP3TF6D8Bl85/gD+gvF0731ougAAAABJRU5ErkJggg==);
}

.kpb-card .taxonomy-plan_author a {
    text-decoration: none;
}

.kpb-plan-tags a {
    transition: all 0.3s ease;
    display: inline-block;
    margin-bottom: 0.3rem;
    padding: 0.25rem 0.75rem;
    border-radius: 5px;
    border: 1px solid var(--wp--preset--color--accent-4);
    background-color: var(--wp--preset--color--base);
    color: var(--wp--preset--color--contrast);
    text-decoration: none;
    font-weight: 600;
    font-size: var(--wp--preset--font-size--small);
}

.kpb-plan-tags a:hover {
    background-color: var(--wp--preset--color--accent-4);
    border-color: var(--wp--preset--color--accent-4);
    color: var(--wp--preset--color--base);
}

.kpb-plan-tags a:active {
    background-color: var(--wp--preset--color--accent-3);
    color: var(--wp--preset--color--base);
}


.kpb-plan-links {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}



.kpb-plan-url-link,
.kpb-plan-mirror-link {
    display: block;
    font-size: var(--wp--preset--font-size--small);
    padding: 0.5rem 1rem 0.5rem 60px;
    border-radius: 10px;
    position: relative;
    color: var(--wp--preset--color--base);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.kpb-plan-url-link .svgicon,
.kpb-plan-mirror-link .svgicon {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
}

.kpb-plan-url-link strong,
.kpb-plan-mirror-link strong {
    font-weight: 600;
    font-size: var(--wp--preset--font-size--large);
}

a.kpb-plan-url-link,
a.kpb-plan-mirror-link {
    text-decoration: none;
    background-color: var(--wp--preset--color--accent-1);
}
/* broken link */
span.kpb-plan-url-link,
span.kpb-plan-url-link strong {
    background-color: var(--wp--preset--color--accent-4);
}


a.kpb-plan-url-link:hover,
.kpb-plan-mirror-link:hover,
a.kpb-plan-url-link:hover strong,
.kpb-plan-mirror-link:hover strong {
    background-color: var(--wp--preset--color--accent-2);
}

a.kpb-plan-url-link:active,
.kpb-plan-mirror-link:active {
    background-color: var(--wp--preset--color--accent-2);
}


.wp-block-query-pagination-numbers .page-numbers:not(.dots) {
    text-decoration: none;
    border-radius: 5px;
    border: 1px solid var(--wp--preset--color--accent-4);
    background-color: var(--wp--preset--color--base);
    color: var(--wp--preset--color--contrast);
    padding: 0.25rem 0.75rem;
    font-weight: 600;
    font-size: var(--wp--preset--font-size--small);
}
.wp-block-query-pagination-numbers a.page-numbers:hover,
.wp-block-query-pagination-numbers a.page-numbers:active {
    background-color: var(--wp--preset--color--accent-4);
    color: var(--wp--preset--color--base);
}
.wp-block-query-pagination-numbers .page-numbers.current {
    background-color: var(--wp--preset--color--accent-1);
    border-color: var(--wp--preset--color--accent-2);
    color: var(--wp--preset--color--base);
}