@view-transition
{
navigation: auto;
} body
{
text-wrap: pretty;
} .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;
}
} .h1
{
font-style: normal;
font-weight: 500;
font-size: 44px;
line-height: 1.1;
color: var(--global-palette9);
}
.mailpoet_form .mailpoet-heading
{
font-family: var(--global-body-font-family);
font-style: normal;
font-weight: 400;
font-size: 34px;
line-height: 1.2;
color: var(--global-palette3);
margin-bottom: .5em;
}
.site .mailpoet_form>p
{
font-family: var(--global-body-font-family);
font-size: 22px;
} .drupal-import-img
{
margin-bottom: 1em;
} .kb-search,
.kb-search form
{
width: 100%;
} .site-branding
{
background-color: var(--global-palette9);
} .tnp-field label
{
display: none !important;
}
.tnp-subscription input[type=text], .tnp-subscription input[type=email], .tnp-subscription input[type=submit], .tnp-subscription select, .tnp-subscription textarea, .tnp-profile input[type=text], .tnp-profile input[type=email], .tnp-profile input[type=submit], .tnp-profile select, .tnp-profile textarea {
font-size: 18px;
} .blog-query-grid {
position: relative;
}
.blog-query-grid .taxonomy-category {
position: absolute;
top: 5px;
left: 5px;
background-color: var(--global-palette9);
padding: 2px 10px 0 !important;
z-index: 1;
}
.blog-query-grid .taxonomy-category a {
text-decoration: none;
font-size: 14px;
}
.category-ressenyes .wp-block-kadence-image img {
object-fit: contain;
background: #f6f6f6;
} .top-categories-title
{
font-style: normal;
font-weight: 400;
font-size: 26px;
line-height: 1.2;
color: var(--global-palette3);
margin-bottom: .5em;
margin-top: 0;
}
.categories-grid
{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 15px;
margin-bottom: 20px;
}
.category-card
{
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);
}
.category-card:hover
{
border-color: var(--global-palette1);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
transform: translateY(-2px);
}
.category-name
{
font-size: 18px;
font-weight: 400;
color: var(--global-palette3);
text-transform: capitalize;
}
.category-count
{
font-size: 18px;
color: var(--global-palette3);
}
.view-all-categories
{
text-align: center;
margin-top: 20px;
}
.btn-view-all
{
display: inline-block;
width: 100%;
padding: 12px 24px;
background: var(--global-palette1);
color: var(--global-palette9);
font-size: 18px;
text-decoration: none;
border-radius: 0px;
font-weight: 400;
transition: background 0.3s;
}
.btn-view-all:hover
{
background: var(--global-palette2);
color: var(--global-palette9);
}
@media (max-width: 820px)
{
.category-card
{
flex-direction: column;
}
.top-categories-title {
font-size: 28px;
}
}
@media (max-width: 768px)
{
.categories-grid
{
grid-template-columns: 1fr;
}
} .all-categories-list
{
margin: 40px 0;
}
.categories-columns
{
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 20px;
}
.category-item a
{
display: block;
padding: 15px;
background: var(--global-palette8);
border-radius: 6px;
transition: background 0.3s;
text-decoration: none;
color: var(--global-palette1);
font-size: 16px;
}
.category-item a:hover
{
text-decoration: none;
background: var(--global-palette7);
}
.category-item.back-to-blog a
{
background: var(--global-palette1);
color: var(--global-palette9);
}
.category-item.back-to-blog a:hover
{
background: var(--global-palette2);
color: var(--global-palette9);
}
.category-item .count
{
color: var(--global-palette3);
font-size: 14px;
margin-left: 5px;
}
.category-description
{
margin: 8px 0 0 0;
font-size: 14px;
color: var(--global-palette3);
}
@media (max-width: 768px)
{
.categories-columns
{
grid-template-columns: 1fr;
}
} .post-categories-wrapper
{
margin: 2em 0;
}
.post-categories-wrapper .post-categories-title
{
font-style: normal;
font-weight: 400;
font-size: 34px;
line-height: 1.2;
color: var(--global-palette3);
margin-bottom: .5em;
}
.post-categories-wrapper .post-categories-list
{
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
}
.post-categories-wrapper .post-category-tag
{
display: inline-block;
padding: 0.5em 1.25em;
background-color: var(--global-palette8);
color: var(--global-palette3);
text-decoration: none;
font-size: 1rem;
border-radius: 0px;
transition: background-color 0.2s ease;
border-bottom: 2px solid var(--global-palette1);
text-transform: capitalize;
}
.post-categories-wrapper .post-category-tag:hover
{
background-color: var(--global-palette2);
color: var(--global-palette9);
border-color: var(--global-palette2);
} .post-meta .post-categories
{
text-transform: uppercase;
font-size: 16px;
} .share-social-wrapper
{
display: flex;
align-items: center;
gap: 1rem;
margin: 0 0 var(--global-kb-spacing-lg);
padding: 1.5em;
background-color: var(--global-palette8);
border-radius: 0px;
}
.share-social-title
{
font-weight: 400;
font-size: 1.5rem;
color: var(--global-palette3);
}
.share-social-buttons
{
display: flex;
gap: 0.75rem;
}
.share-btn
{
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: var(--global-palette9);
color: #333;
text-decoration: none;
font-size: 1.2rem;
transition: all 0.2s ease;
border: 1px solid var(--global-palette8);
}
.share-icon
{
display: flex;
;
}
.share-btn:hover
{
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.share-x:hover
{
background-color: #000;
color: #fff;
border-color: #000;
}
.share-facebook:hover
{
background-color: #1877f2;
color: #fff;
border-color: #1877f2;
}
.share-linkedin:hover
{
background-color: #0077b5;
color: #fff;
border-color: #0077b5;
}
.share-email:hover
{
background-color: #666;
color: #fff;
border-color: #666;
}
@media (max-width: 768px)
{
.share-social-wrapper {
flex-direction: column;
}
} .monthly-archive-title
{
font-style: normal;
font-weight: 400;
font-size: 26px;
line-height: 1.2;
color: var(--global-palette3);
margin-bottom: .5em;
margin-top: 0;
}
.monthly-archive-grid
{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 15px;
margin-bottom: 20px;
}
.month-card
{
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);
}
.month-card:hover
{
border-color: var(--global-palette1);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
transform: translateY(-2px);
}
.month-name
{
font-size: 18px;
font-weight: 400;
text-transform: capitalize;
color: var(--global-palette3);
}
.month-count
{
font-size: 18px;
color: var(--global-palette3);
}
.view-all-archive
{
text-align: center;
margin-top: 20px;
}
@media (max-width: 820px)
{
.month-card
{
flex-direction: column;
}
.btn-view-all
{
font-size: 16px;
padding-left: 5px;
padding-right: 5px;
}
.monthly-archive-title {
font-size: 28px;
}
}
@media (max-width: 768px)
{
.monthly-archive-grid
{
grid-template-columns: 1fr;
}
} .all-monthly-archive-list
{
margin: 40px 0;
}
.archive-back-to-blog
{
margin-bottom: 30px;
}
.btn-back
{
display: inline-block;
padding: 12px 24px;
background: var(--global-palette1);
color: var(--global-palette9);
text-decoration: none;
border-radius: 0px;
font-weight: 400;
transition: background 0.3s;
}
.btn-back:hover
{
background: var(--global-palette2);
color: var(--global-palette9);
}
.archive-year-section
{
margin-bottom: 40px;
}
.archive-year-title
{
font-size: 28px;
font-weight: 700;
color: var(--global-palette1);
margin-bottom: 20px;
border-bottom: 2px solid var(--global-palette8);
padding-bottom: 10px;
}
.archive-months-grid
{
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 15px;
}
.archive-month-item a
{
display: block;
padding: 15px;
background: var(--global-palette8);
border-radius: 0px;
transition: background 0.3s;
text-decoration: none;
color: var(--global-palette1);
font-size: 16px;
}
.archive-month-item a:hover
{
text-decoration: none;
background: var(--global-palette7);
}
.archive-month-item .count
{
color: var(--global-palette3);
font-size: 14px;
margin-left: 5px;
}
@media (max-width: 768px)
{
.archive-months-grid
{
grid-template-columns: repeat(2, 1fr);
}
} .child-pages-title
{
font-style: normal;
font-weight: 400;
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: 2px solid var(--global-palette3);
border-radius: 0px;
text-decoration: none;
transition: all 0.3s ease;
color: var(--global-palette3);
}
.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: 22px;
font-weight: 400;
color: var(--global-palette3);
}
.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;
}
} .persones-grid
{
display: grid;
gap: 18px;
}
.persona-card
{
display: grid;
grid-template-columns: 220px 1fr;
gap: 30px;
padding: 16px;
background: var(--global-palette9);
border: 1px solid var(--global-palette8);
border-radius: 0;
align-items: start;
}
.persona-photo .persona-img
{
width: 100%;
height: auto;
display: block;
object-fit: cover;
}
.persona-img--placeholder
{
width: 100%;
aspect-ratio: 4 / 5;
background: var(--global-palette8);
}
.persona-title
{
margin: 0 0 .35em 0;
font-weight: 400;
font-size: 28px;
color: var(--global-palette3);
}
.persona-text
{
color: var(--global-palette3);
line-height: 1.4;
}
@media (max-width: 768px)
{
.persona-card
{
grid-template-columns: 1fr;
}
}