/*!
Theme Name: ICPB
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */

/* zoom en pantalles grans */
@media (min-width: 1600px)
{
    body
    {
        zoom: 1.20;
    }
}

/* Transitions */
@view-transition
{
    navigation: auto;
}

/*  Kadence css “fixings” */
body
{
    text-wrap: pretty;
}

/* header mobile */
.drawer-content .site-header-item
{
    overflow-y: auto;
    max-width: 90vh;
}

.mobile-navigation
{
    max-height: 100%;
}

.kt-btn-width-type-auto
{
    width: auto;
}

.kb-adv-form-message.kb-adv-form-warning
{
    padding: 0.1em 1em;
}

.new-row-diferent-height .kt-inner-column-height-full:not(.kt-row-layout-row)
{
    grid-auto-rows: unset;
}

@media (max-width: 1024px)
{
    #block-8 figure
    {
        margin: 0 auto;
    }

    .kt-inner-column-height-full.kt-tab-layout-equal,
    .kt-inner-column-height-full:not(.kt-tab-layout-inherit):not(.kt-tab-layout-row)
    {
        grid-auto-rows: unset;
    }
}

/* typo */
.single-content p
{
    margin-bottom: 13px;
}

a
{
    text-underline-offset: .25em;
    text-decoration: none;
}

.text-truncat-multilinea
{
    display: -webkit-box;
    -webkit-line-clamp: 4;
    /* número de línies */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.square-num
{
    width: 80px;
    height: 80px;
    padding: 12px;
    background: var(--global-palette8);
    font-size: 60px;
    line-height: 1;
    text-align: center;
    color: var(--global-palette1);
    margin-bottom: 15px !important;
}

/* header */

#masthead
{
    margin-bottom: 15px;
}

.main-navigation .primary-menu-container>ul li.menu-item>a
{
    display: flex;
    align-items: flex-end;
}

.main-navigation .primary-menu-container>ul li.menu-item:hover>a,
.main-navigation .primary-menu-container>ul li.menu-item.current-menu-item>a,
.main-navigation .primary-menu-container>ul li.menu-item.current-page-ancestor>a,
.wp-block-kadence-navigation.private-menu-wrapper .menu-container>.menu>.menu-item:hover>.kb-link-wrap>.kb-nav-link-content,
.wp-block-kadence-navigation.private-menu-wrapper .menu-container>.menu>.menu-item.current-menu-item>.kb-link-wrap>.kb-nav-link-content
{
    text-decoration: underline;
}

.wp-block-kadence-navigation.private-menu-wrapper .menu-container>.menu>.menu-item:hover>.kb-link-wrap>.kb-nav-link-content,
.wp-block-kadence-navigation.private-menu-wrapper .menu-container>.menu>.menu-item.current-menu-item>.kb-link-wrap>.kb-nav-link-content {
    color: var(--global-palette1);
}

.secondary-navigation .secondary-menu-container>ul>li.menu-item>a
{
    border: 1px solid var(--global-palette10);
    border-top: 0;
    border-left: 0;
    padding: 15px;
    line-height: 1;
}

.secondary-navigation .secondary-menu-container>ul>li.menu-item:first-child>a
{
    border-left: 1px solid var(--global-palette10);
}

.secondary-navigation .secondary-menu-container>ul>li.menu-item.lang-item.lang-item-first>a
{
    border-right: 0;
    position: relative;
}

.secondary-navigation .secondary-menu-container>ul>li.menu-item.lang-item>a
{
    color: var(--global-palette10);
    background-color: var(--global-palette9);
}

.secondary-navigation .secondary-menu-container>ul>li.menu-item.lang-item.current-lang>a,
.secondary-navigation .secondary-menu-container>ul>li.menu-item.lang-item>a:hover
{
    color: var(--global-palette1);
    background-color: var(--global-palette9);
}

.secondary-navigation .secondary-menu-container>ul>li.menu-item.lang-item.lang-item-first>a::after
{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 50%;
    background-color: var(--global-palette10);
}


.secondary-navigation .secondary-menu-container>ul>li.menu-item.kadence-menu-has-icon>a
{
    padding-top: 11.5px;
    padding-bottom: 12px;
}

.kadence-breadcrumbs
{
    color: var(--global-palette9);
    margin-bottom: -35px;
    position: relative;
    z-index: 2;
    padding: 0 50px;
}

#main-header .site-main-header-wrap.item-is-fixed
{
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important;
}

@media (max-width: 768px)
{
    .kadence-breadcrumbs
    {
        margin-bottom: -75px;
        padding: 0 34px;
    }
}

.mobile-secondary-navigation .menu {
    display: flex;
    gap: 20px;
    align-items: center;
}

.mobile-secondary-navigation .menu-item-24461 svg {
    width: 18px;
    height: 18px;
}
.mobile-secondary-navigation .menu-item-21374 .menu-label-icon-wrap {
    font-size: 1.2em !important;
}

.wp-block-kadence-navigation .menu-container .menu-item--toggled-on .sub-menu {
    display: block;
}

.private-mobile-modal .kt-modal-container {
    min-height: 100vh;
}

.private-mobile-modal .kb-btn-global-custom:hover,
.private-mobile-modal .kb-btn-global-custom:active,
.private-mobile-modal .kb-btn-global-custom:focus {
    box-shadow: none !important;
}


/**
 * Mobile Mega Menu - Full Screen Styles
 * Aprofita el comportament natiu de Kadence
 */

@media (max-width: 1024px) {

    .popup-drawer .drawer-inner {
        color: var(--global-palette3);
    }
    
    /* Submenu en mode fullscreen quan està actiu */
    #mobile-menu .kadence-menu-mega-enabled .sub-menu.show-drawer {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: #fff;
        z-index: 99999;
        overflow-y: auto;
        padding: 60px 20px 20px;
        margin: 0;
    }
    
    /* Ajustar contingut del mega-menu */
    #mobile-menu .kadence-menu-mega-enabled .sub-menu.show-drawer .kb-row-layout-wrap {
        display: block !important;
        max-width: 100% !important;
        padding: 0 !important;
    }
    
    #mobile-menu .kadence-menu-mega-enabled .sub-menu.show-drawer .kt-row-column-wrap {
        display: block !important;
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }
    
    #mobile-menu .kadence-menu-mega-enabled .sub-menu.show-drawer .wp-block-kadence-column {
        width: 100% !important;
        margin-bottom: 30px;
    }
    
    /* Imatges responsive */
    #mobile-menu .kadence-menu-mega-enabled .sub-menu.show-drawer img {
        max-width: 100%;
        height: auto;
    }
    
    /* Special menu dins del submenu */
    #mobile-menu .kadence-menu-mega-enabled .sub-menu.show-drawer .special-menu {
        margin-top: 20px;
    }
    
    #mobile-menu .kadence-menu-mega-enabled .sub-menu.show-drawer .special-menu .menu-item {
        border-bottom: 1px solid #eee;
    }

    #mobile-menu .kadence-menu-mega-enabled .sub-menu.show-drawer .special-menu .menu-item:last-child {
        border-bottom: 0;
    }
    
    #mobile-menu .kadence-menu-mega-enabled .sub-menu.show-drawer .special-menu .menu-item a {
        padding: 12px 0;
        display: block;
    }
    
    /* Títols i textos */
    #mobile-menu .kadence-menu-mega-enabled .sub-menu.show-drawer .kt-adv-heading {
        margin-top: 0;
    }
    
    /* Botons */
    #mobile-menu .kadence-menu-mega-enabled .sub-menu.show-drawer .kb-button {
        display: inline-block;
        margin-top: 15px;
    }
}

.special-menu-column > .kt-inside-inner-col.gradient-active {
    background-image: linear-gradient(90deg, var(--global-palette9) 50%, var(--global-palette7) 50%) !important;
}

.kt-modal-overlay .kt-modal-close,
#mobile-drawer .drawer-header .drawer-toggle, #mobile-drawer .drawer-header .drawer-toggle:focus {
    background-image: url(img/x-mark.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.kt-modal-overlay .kt-modal-close {
    top: 22px;
    right: 26px;
    width: 2.5em;
    height: 2.5em;
}

.kt-modal-overlay .kt-modal-close svg,
.popup-drawer.active .drawer-toggle .toggle-close-bar {
    display: none !important;
}

/* megamenu */
.header-menu-container ul.menu>li.kadence-menu-mega-enabled>ul .special-menu .menu-item>ul.sub-menu
{
    position: absolute;
    top: 0;
    right: unset !important;
    left: 50% !important;
    width: 50%;
    display: none;
}

.header-menu-container ul.menu>li.kadence-menu-mega-enabled>ul .special-menu .menu-item.menu-item-has-children
{
    position: relative;
}

.header-menu-container ul.menu>li.kadence-menu-mega-enabled>ul .special-menu .menu-item.menu-item-has-children::after
{
    content: "";
    position: absolute;
    top: 50%;
    left: calc(50% - 40px);
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url(img/chevron-right.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.header-menu-container ul.menu>li.kadence-menu-mega-enabled>ul .special-menu .menu-item:hover>ul.sub-menu
{
    display: block;
    margin-top: -20px;
}

.header-navigation .header-menu-container ul ul li.menu-item,
.header-menu-container ul.menu>li.kadence-menu-mega-enabled>ul>li.menu-item>a
{
    background: transparent;
}

.secondary-navigation .secondary-menu-container>ul>li.menu-item.menu-item-24461>a
{
    padding: 12px;
}

.secondary-navigation .secondary-menu-container>ul>li.menu-item.menu-item-24461>a svg
{
    width: 22px;
    height: 22px;
    vertical-align: middle;
}

/* slider */
.kb-splide .splide__pagination__page
{
    opacity: 1;
    background-color: #aaaaaa;
}

.kb-splide .splide__pagination__page.is-active
{
    background-color: var(--global-palette1);
}

.kb-splide .splide__arrow
{
    width: 65px;
    height: 65px;
    padding: 17px;
    border-radius: 0;
    opacity: 1;
    background-image: url(img/arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 38px;
}

.splide .splide__arrow:hover,
.splide .splide__arrow:focus
{
    background-image: url(img/arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 38px;
}

.kb-splide .splide__arrow.splide__arrow--prev
{
    transform: rotate(180deg) translateY(50%);
}

.kb-splide .splide__arrow svg
{
    display: none !important;
}

.kb-splide .splide__pagination,
.kb-splide ul.splide__pagination.splide__pagination
{
    bottom: -45px;
}

/* lists */
.wp-block-kadence-iconlist ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap .kt-svg-icon-list-single
{
    padding-top: 8px;
}

/* SC: child_pages */
.child-pages-title
{
    font-style: normal;
    font-weight: 600;
    font-size: 34px;
    line-height: 1.2;
    color: var(--global-palette3);
    margin-bottom: .5em;
    margin-top: 0;
}

.child-pages-grid
{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 15px;
    margin-bottom: 20px;
}

.page-card
{
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 15px 16px;
    background: var(--global-palette9);
    border: 1px solid var(--global-palette8);
    border-radius: 0px;
    text-decoration: none;
    transition: all 0.3s ease;
    color: var(--global-palette3);
}

.page-card.active,
.page-card:hover
{
    border-color: var(--global-palette1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.page-name
{
    font-size: 18px;
    font-weight: 600;
    color: var(--global-palette3);
    text-align: center;
}

.page-card .page-description
{
    font-size: 14px;
    color: var(--global-palette5);
    margin: 0;
    line-height: 1.4;
}

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

/* SC: acords */
.acords-list .item .item__content
{
    display: grid;
    grid-template-columns: 280px auto;
    gap: 80px;
    align-items: center;
    margin-bottom: 60px;
}

.acords-list .item .item__content .img-mitjans img
{
    width: 100%;
    height: auto;
    display: block;

}

/* twitter */
#ctf .ctf-tweets .ctf-item
{
    border: 1px solid var(--global-palette10) !important;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 10px;
}

/* Paginació */
.mmkt-paginacio
{
    display: flex;
    justify-content: flex-end;
    gap: 40px;
    align-items: center;
    padding: 20px 0;
    flex-wrap: wrap;
}

.mmkt-paginacio a
{
    text-decoration: none;
}

.mmkt-paginacio-info
{
    font-size: 16px;
    font-weight: 400;
    color: var(--global-palette1);
}

.mmkt-paginacio-numeros
{
    display: flex;
    gap: 5px;
    align-items: center;
}

.mmkt-pagina-num,
.mmkt-pagina-next
{
    min-width: 36px;
    height: 36px;
    line-height: 36px;
    padding: 0;
    background: var(--global-palette1);
    border: 1px solid var(--global-palette1);
    color: var(--global-palette9);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    text-align: center;
}

.mmkt-pagina-next
{
    font-size: 22px;
    line-height: 1;
}

a.mmkt-pagina-next 
{
    line-height: 32px;
}

.mmkt-pagina-num:hover,
.mmkt-pagina-next:hover,
.mmkt-pagina-num.active
{
    background: var(--global-palette2);
    border-color: var(--global-palette2);
    color: var(--global-palette9);
}

.mmkt-paginacio-dots
{
    padding: 0 5px;
    font-size: 16px;
}

@media (max-width: 820px) {
    .acords-list .item .item__content {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

@media (max-width: 480px)
{
    .mmkt-paginacio
    {
        flex-direction: column;
        justify-content: center;
        gap: 20px;
    }
}

/* forms */
.help-text-under-label .kb-adv-form-field
{
    display: flex;
    flex-direction: column;
}

.help-text-under-label .kb-adv-form-label
{
    order: 1;
}

.help-text-under-label .kb-adv-form-help
{
    order: 2;
    font-style: normal;
    font-size: 12px;
}

.help-text-under-label .kb-field
{
    order: 3;
}

/* Blog */
.blog .content-area,
.archive .content-area {
    margin-top: 0;
}

.blog .content-wrap,
.archive .content-wrap {
    margin-top: 5rem;
}