:root {
--cookieadmin-primary-color: #001d39;
--cookieadmin-primary-hover-color: #985e23;
--cookieadmin-secondary-color: #0046b2;
--cookieadmin-secondary-hover-color: #0065ff;
--cookieadmin-txcolor: #0f172a;
--cookieadmin-green-txtcolor: #3a8356;
--cookieadmin-warning-txtcolor: #9c7930;
--cookieadmin-red-txtcolor: #b55355;
--cookieadmin-green-color: #15a448;
--cookieadmin-warning-color: #e9b306;
--cookieadmin-red-color: #dd2727;
} .cookieadmin_law_container,
.cookieadmin_cookie_modal,
.cookieadmin_reconsent_wrap{
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 16px;
font-weight: 400;
font-style: normal;
line-height: 1.5;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-align: left;
color: #1f2937;
} .cookieadmin_cookie_modal label, .cookieadmin_cookie_modal input {
padding: 5px;
margin-right: 5px;
font-size: 15px;
}
.cookieadmin_cookie_modal label{
font-weight: 501;
}
.cookieadmin_bottom{
bottom:20px;
}
.cookieadmin_top{
top: 20px;
}
.cookieadmin_right{
right: 15px;
}
.cookieadmin_left{
left:15px;
} @keyframes cookieadmin_slideUp {
from {
transform: translateY(100%);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@keyframes cookieadmin_slideSide {
from {
transform: translateX(-100%);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}   .cookieadmin_law_container{
position: fixed;
width: 25%;
box-sizing: border-box;
z-index: 99999;
display: none;
}
.cookieadmin_law_container:focus{
outline: none;
}
.cookieadmin_consent_btns{
align-content: center;
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
gap: 8px;
} .cookieadmin_box{ width: 25%;
max-width: 440px;
box-sizing: border-box;
display: none;
}
.cookieadmin_notice_group{
display: flex;
flex-direction: column;
gap: 10px; align-items: flex-start;
}
.cookieadmin_consent_inside{
color: #1f2937;
background-color: #ffffff;
border: 1px solid #ffffff;
padding:15px;
border-radius: 4px;
box-shadow:1px 3px 10px rgba(0, 0, 0, 0.2);
} .cookieadmin_law_container p#cookieadmin_notice_title{
margin: 0 0 6px;
padding: 0;
font-size: 16px;
font-weight: 700;
line-height: 1.4;
}
.cookieadmin_law_container p#cookieadmin_notice{
margin: 0;
padding: 0;
font-size: 14px;
line-height: 22px;
}
.cookieadmin_notice_con{
padding: 0;
flex: 1;
} .cookieadmin_consent_inside > .cookieadmin_consent_btns{
margin-top: 12px;
}
.cookieadmin_cookie_modal{
display: none;
flex-direction: column;
position: fixed;
max-height: 80vh;
background-color: #FFFFFF;
border: 1px solid #F4F4F4;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
z-index: 999999;
}
.cookieadmin_center{
top: 10%;
left: 22%;
max-width: 60vw;
}
.cookieadmin_side{
flex-direction: column;
position: fixed;
width: 35vw;
bottom: 0px;
animation: 0.5s ease-out forwards cookieadmin_slideSide;
max-height: 100vh;
left: 0px;
top: 0px;
border-radius: 0px;
}
.cookieadmin_down{
position: fixed;
max-width: 100%;
max-height: 55vh;
bottom: 0px;
animation: 0.5s ease-out forwards cookieadmin_slideUp;
}
.cookieadmin_cookie_modal:focus{
outline: none;
}
.cookieadmin_modal_overlay{
display: none; 
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4); 
z-index: 1000;
} .cookieadmin_mod_head{
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
padding: 14px 20px;
border-bottom: 1px solid #CCCCCC;
} .cookieadmin_cookie_modal .cookieadmin_mod_head button.cookieadmin_close_pref{
all: unset;
display: inline-block;
position: relative;
flex-shrink: 0;
width: 32px;
height: 32px;
border-radius: 4px;
color: #6b7280;
font-size: 0;
cursor: pointer;
transition: color .15s, background-color .15s;
}
.cookieadmin_cookie_modal .cookieadmin_mod_head button.cookieadmin_close_pref::before,
.cookieadmin_cookie_modal .cookieadmin_mod_head button.cookieadmin_close_pref::after{
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 2px;
background-color: currentColor;
border-radius: 1px;
transform: translate(-50%, -50%) rotate(45deg);
}
.cookieadmin_cookie_modal .cookieadmin_mod_head button.cookieadmin_close_pref::after{
transform: translate(-50%, -50%) rotate(-45deg);
}
.cookieadmin_cookie_modal .cookieadmin_mod_head button.cookieadmin_close_pref:hover{
color: #111827;
background-color: rgba(0, 0, 0, 0.06);
}
.cookieadmin_cookie_modal .cookieadmin_mod_head button.cookieadmin_close_pref:focus-visible{
outline: 2px solid var(--cookieadmin-secondary-color);
outline-offset: 2px;
}
.cookieadmin_preference_title{
margin: 0;
font-size: 20px;
font-weight: 700;
line-height: 1.3;
} .cookieadmin_preference_details{
padding: 0px 5px;
} .cookieadmin_preference{
padding: 10px 0px;
font-size: 14px;
line-height: 28px;
overflow-wrap: break-word;
} .cookieadmin_cookie_modal .cookieadmin_preference p{
margin: 0 0 8px;
padding: 0;
font-size: inherit;
line-height: inherit;
}
.cookieadmin_cookie_modal .cookieadmin_preference p:last-child{
margin-bottom: 0;
}
.cookieadmin_cookie_modal .cookieadmin_preference a{
color: inherit;
text-decoration: underline;
}
.cookieadmin_details_wrapper{
padding: 0px 15px;
height: calc(100% - 6%);
overflow: auto;
scrollbar-width: thin;
}
.cookieadmin_types{
padding: 10px 10px;
border-top: 1px solid #CCCCCC;
}
.cookieadmin_header{
display: flex;
justify-content: space-between;
} .cookieadmin_header label[for]{
cursor: pointer;
} .cookieadmin_header label.stitle{
display: inline;
}
.cookieadmin_header .cookieadmin_remark{
display:none;
justify-self:right;
}
.cookieadmin_header .cookieadmin_act{
display: inline;
color: #1863dc;
} .cookieadmin-modal-cookies-list{
display:none;
margin: 8px 20px 4px;
font-size: 14px;
text-align: left;
}
.cookieadmin-modal-cookies-list .cookieadmin-nocookie-cat{
display: block;
padding: 4px 0;
font-size: 13px;
font-weight: 600;
text-align: center;
opacity: 0.7;
}
.cookieadmin_desc{
padding:5px 20px;
font-size: 15px;
padding-right: 4rem;
}
.cookieadmin_footer{
left: 0px;
padding: 15px;
flex-wrap: wrap;
width: 100%;
} .cookieadmin_modal_footer{
display: flex;
padding: 14px 20px;
flex-wrap: wrap;
gap: 8px;
border-top: 1px solid #CCCCCC;
} .cookieadmin_modal_footer > :not(.cookieadmin_btn){
flex-basis: 100%;
} .cookieadmin_side .cookieadmin_modal_footer{
flex-direction: column;
flex-wrap: nowrap;
}
.cookieadmin_cookie_modal.cookieadmin_side .cookieadmin_modal_footer > *{
flex: none;
} .cookieadmin_law_container button.cookieadmin_btn,
.cookieadmin_cookie_modal button.cookieadmin_btn{
display: inline-flex;
align-items: center;
justify-content: center;
flex: 1 1 0;
min-height: 40px;
margin: 0;
padding: 8px 16px;
background-color: transparent;
background-image: none;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 4px;
box-shadow: none;
color: #1863dc;
font-family: inherit;
font-size: 14px;
font-weight: 600;
line-height: 1;
letter-spacing: normal;
text-align: center;
text-decoration: none;
text-shadow: none;
text-transform: none;
text-wrap: auto;
cursor: pointer;
transition: filter .15s;
} .cookieadmin_modal_footer button.cookieadmin_btn{
flex: 1 1 auto;
} .cookieadmin_consent_inside > .cookieadmin_consent_btns button.cookieadmin_btn{
flex: 1 1 auto;
padding-left: 12px;
padding-right: 12px;
}
.cookieadmin_law_container button.cookieadmin_btn:hover,
.cookieadmin_cookie_modal button.cookieadmin_btn:hover{
filter: brightness(0.92);
}
.cookieadmin_law_container button.cookieadmin_btn:focus-visible,
.cookieadmin_cookie_modal button.cookieadmin_btn:focus-visible{
outline: 2px solid var(--cookieadmin-secondary-color);
outline-offset: 2px;
} .cookieadmin_types .cookieadmin_header button.cookieadmin_show_pref_cookies{
all: unset;
display: inline-flex;
align-items: center;
gap: 8px;
padding: 5px 0;
color: inherit;
font: inherit;
font-size: 15px;
font-weight: 700;
line-height: 1.4;
cursor: pointer;
}
.cookieadmin_types .cookieadmin_header button.cookieadmin_show_pref_cookies::before{
content: "";
flex-shrink: 0;
width: 7px;
height: 7px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(-45deg);
transition: transform .2s;
}
.cookieadmin_types .cookieadmin_header button.cookieadmin_show_pref_cookies.dwn::before{
transform: rotate(45deg);
} .cookieadmin_types .cookieadmin_header button.cookieadmin_show_pref_cookies:focus-visible{
outline: 2px solid var(--cookieadmin-secondary-color);
outline-offset: 2px;
border-radius: 2px;
} button.cookieadmin_re_consent,
body .cookieadmin_reconsent_wrap button.cookieadmin_re_consent{
all: unset;
display: none;
position: fixed;
bottom: 15px;
left: 15px;
z-index: 99999;
box-sizing: border-box;
width: 50px;
height: 50px;
padding: 5px;
border-radius: 50%;
background-color: #374FD4;
box-shadow: -4px 5px 10px rgba(0, 0, 0, 0.4);
cursor: pointer;
transition: filter .15s;
}
button.cookieadmin_re_consent:hover,
body .cookieadmin_reconsent_wrap button.cookieadmin_re_consent:hover{
filter: brightness(0.92);
}
button.cookieadmin_re_consent:focus-visible,
body .cookieadmin_reconsent_wrap button.cookieadmin_re_consent:focus-visible{
outline: 2px solid var(--cookieadmin-secondary-color);
outline-offset: 3px;
} .cookieadmin_re_consent img.cookieadmin_reconsent_img{
display: block;
width: 40px;
height: 40px;
max-width: none;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
box-shadow: none;
} .cookieadmin-cookie-card {
margin: 0 0 8px;
padding: 12px 14px;
border: 1px solid rgb(187 187 187 / 12%);
border-radius: 4px;
text-align: left;
}
.cookieadmin-cookie-header {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 2px 12px;
font-size: 14px;
}
.cookieadmin-cookie-name {
font-weight: 600;
word-break: break-word;
overflow-wrap: anywhere;
}
.cookieadmin-cookie-duration {
font-size: 13px;
opacity: 0.75;
}
.cookieadmin-cookie-duration > b {
font-weight: 600;
} .cookieadmin-cookie-card p.cookieadmin-cookie-description {
margin: 6px 0 0;
padding: 0;
font-size: 13px;
line-height: 1.5;
}
.cookieadmin-cookie-tags {
display: flex;
gap: 8px;
margin-top: 8px;
}
.cookieadmin-tag {
background: rgba(0, 0, 0, 0.06);
padding: 2px 8px;
border-radius: 4px;
font-size: 12px;
} #cookieadmin_dpdp_contact {
margin: 4px 0 12px;
padding: 12px 14px;
background: rgba(0, 0, 0, 0.04);
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 4px;
box-shadow: none;
font-family: inherit;
font-size: 14px;
line-height: 1.5;
text-align: left;
}
#cookieadmin_dpdp_contact a {
color: inherit;
text-decoration: underline;
} #cookieadmin_dpdp_contact > a {
display: inline-block;
margin-top: 6px;
font-weight: 600;
}   .cookieadmin_toggle,
.cookieadmin_cookie_modal .cookieadmin_toggle {
position: relative;
display: inline-block;
flex-shrink: 0;
width: 34px;
height: 21px;
margin: 0;
padding: 0;
} .cookieadmin_toggle input,
.cookieadmin_cookie_modal .cookieadmin_toggle input{ position: absolute;
opacity: 0;
width: 0;
height: 0;
margin: 0;
padding: 0;
} .cookieadmin_sr_only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
} .cookieadmin_show_pref_cookies:focus-visible{
outline: 1px solid #000;
}
.cookieadmin_toggle input:focus + .cookieadmin_slider {
outline: 1px solid #000;
}  .cookieadmin_slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 21px;
width: 34px;
background-color: gray;
transition: .4s;
border-radius: 34px;
} .cookieadmin_slider:before {
position: absolute;
content: "";
height: 15px;
width: 15px;
left: 3.2px;
bottom: 3.2px;
background-color: white;
transition: .2s;
border-radius: 50%;
} input:checked+.cookieadmin_slider {
background-color: #3582c4;
} input:checked+.cookieadmin_slider:before {
transform: translateX(13px);
} .cookieadmin_law_container .cookieadmin-poweredby{
margin-top: 10px;
}
.cookieadmin_modal_footer_links .cookieadmin-poweredby{
margin-left: auto;
}
.cookieadmin-poweredby a img{
height: 15px;
}
.cookieadmin-poweredby a{
color : unset;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
font-size: 11px;
gap: 2px;
text-decoration: none;
}
.cookieadmin_modal_footer .cookieadmin-poweredby a{
justify-content: end;
}
#cookieadmin-gpc-toast{
display:flex;
visibility: hidden;
position: fixed;
bottom: 24px;
right: 24px;
color: #ffffff;
padding: 10px 14px;
border-radius: 6px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
align-items: center;
justify-content: space-between;
gap: 10px;
font-size: 14px;
z-index: 99999;
opacity: 0;
transform: translateY(20px);
transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s 0.3s;
line-height:1.5;
}
#cookieadmin_gpc_override{
padding-bottom:10px;
} .cookieadmin_policy_link_box{
display: flex;
justify-content: space-around;
gap: 4px 16px;
margin-top: 8px;
font-size: 13px;
flex-wrap: wrap;
} .cookieadmin_law_container .cookieadmin_policy_link_box a{
color: inherit;
text-decoration: underline;
}
.cookieadmin_modal_policy_link_box{
display: flex;
gap: 4px 16px;
font-size: 13px;
flex-wrap: wrap;
} .cookieadmin_cookie_modal .cookieadmin_modal_policy_link_box a{
color: inherit;
text-decoration: underline;
} .cookieadmin_modal_footer_links{
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content:space-between;
gap: 8px 16px;
margin-top: 4px;
} .cookieadmin_modal_footer_links:not(:has(*)){
display: none;
} @media (max-width: 767px) {
.cookieadmin_center{
top: 10%;
left: 5%;
max-width: 90vw;
}
.cookieadmin_show_pref_cookies{
font-size: 14px;
} .cookieadmin_box{
left: 16px;
right: 16px;
width: auto;
max-width: none;
}
.cookieadmin_side{
width: 100%;
}
} @media (min-width: 768px) and (max-width: 991px) {
.cookieadmin_box{
width: 45%;
}
} @media (min-width: 992px) and (max-width: 1199px) {
.cookieadmin_box{
width: 35%;
}
} @media (min-width: 1200px) and (max-width: 1360px) {
.cookieadmin_box{
width: 30%;
}
} @media (min-width: 768px) {
.cookieadmin_notice_group {
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.cookieadmin_notice_con {
flex: 1; }
.cookieadmin_consent_btns {
flex-shrink: 0;
} .cookieadmin_footer .cookieadmin_consent_btns button.cookieadmin_btn{
flex: 0 0 auto;
}
}
@media (max-width:480px){
.cookieadmin_preference_title{
font-size: 18px;
} .cookieadmin_preference{
line-height: 22px;
}
.cookieadmin_law_container button.cookieadmin_btn,
.cookieadmin_cookie_modal button.cookieadmin_btn,
.cookieadmin_consent_inside > .cookieadmin_consent_btns button.cookieadmin_btn{
flex-basis: 100%;
}
.cookieadmin_modal_footer{
padding: 12px 16px;
}
}
@media (prefers-reduced-motion: reduce){
.cookieadmin_law_container *, .cookieadmin_cookie_modal *{
transition: none !important;
}
}:root{
--site-width:1300px;
--sidebar-left:240px;
--sidebar-right:280px;
--gap:40px;
--radius:8px;
--border:#e6e6e6;
--background:#ffffff;
--surface:#fafafa;
--text:#222;
--title:#111;
--link:#1e73be;
--muted:#777;
--globbos-category-hover-bg:#edf5ee;
--shadow:0 10px 30px rgba(0,0,0,.08);
} *,
*::before,
*::after{
box-sizing:border-box;
}
html{
scroll-behavior:smooth;
}
body{
margin:0;
background:var(--background);
color:var(--text);
font-family:Inter,"Segoe UI",Arial,sans-serif;
font-size:16px;
line-height:1.7;
}
img{
display:block;
max-width:100%;
height:auto;
}
.screen-reader-text{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0, 0, 0, 0);
white-space:nowrap;
clip-path:inset(50%);
border:0;
}
.skip-link{
position:fixed;
z-index:1000;
top:12px;
left:12px;
padding:10px 16px;
transform:translateY(calc(-100% - 16px));
background:#111;
color:#fff;
}
.skip-link:focus,
.skip-link:focus-visible{
transform:translateY(0);
outline:3px solid #f5e8ab;
outline-offset:3px;
}
a{
color:var(--link);
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
h1,h2,h3,h4,h5,h6{
margin:0 0 18px;
color:var(--title);
line-height:1.25;
}
p{
margin:0 0 22px;
} .container{
width:calc(100% - 40px);
max-width:var(--site-width);
margin:auto;
} .site-header{
border-bottom:1px solid var(--border);
padding:10px 0;
}
.category-navigation{
position:relative;
z-index:9;
border-bottom:1px solid var(--border);
background:var(--background);
}
.category-navigation__list{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:0 8px;
margin:0;
padding:0;
list-style:none;
}
.category-navigation__item{
position:relative;
display:flex;
flex-wrap:wrap;
align-items:center;
min-width:0;
border-right:1px solid var(--border);
transition:background-color .18s ease;
}
.category-navigation__item:hover,
.category-navigation__item:focus-within{
background-color:var(--globbos-category-hover-bg);
}
.category-navigation__item:last-child{
border-right:0;
}
.category-navigation__link,
.category-navigation__toggle{
min-height:44px;
color:var(--text);
transition:background-color .18s ease, color .18s ease;
}
.category-navigation__link{
display:inline-flex;
align-items:center;
max-width:100%;
padding:8px 10px;
font-size:13px;
font-weight:600;
overflow-wrap:anywhere;
}
.category-navigation__toggle{
display:none;
align-items:center;
justify-content:center;
width:40px;
padding:8px;
border:0;
background:transparent;
cursor:pointer;
}
@media (hover:hover) and (pointer:fine){
.category-navigation__toggle{
display:inline-flex;
position:absolute;
top:50%;
left:100%;
z-index:2;
opacity:0;
pointer-events:none;
transform:translateY(-50%);
}
.category-navigation__toggle:focus-visible{
opacity:1;
pointer-events:auto;
}
}
@media (hover:none), (pointer:coarse){
.category-navigation__toggle{
display:inline-flex;
}
}
.category-navigation__toggle svg{
width:16px;
height:16px;
fill:none;
stroke:currentColor;
stroke-linecap:round;
stroke-linejoin:round;
stroke-width:1.6;
transition:transform .15s ease;
}
.category-navigation__toggle[aria-expanded="true"] svg{
transform:rotate(180deg);
}
.category-navigation__link:hover,
.category-navigation__link:focus-visible,
.category-navigation__toggle:hover,
.category-navigation__toggle:focus-visible{
color:var(--link);
background-color:var(--globbos-category-hover-bg);
}
.category-navigation__link:focus-visible,
.category-navigation__toggle:focus-visible,
.category-navigation__submenu a:focus-visible{
outline:2px solid var(--link);
outline-offset:-2px;
}
.category-navigation__submenu{
position:absolute;
top:100%;
left:0;
z-index:1;
width:max-content;
min-width:100%;
max-width:min(320px, calc(100vw - 40px));
margin:0;
padding:6px 0;
border:1px solid var(--border);
background:var(--background);
list-style:none;
overflow-wrap:anywhere;
}
.category-navigation__submenu.is-edge-aligned{
right:0;
left:auto;
}
.category-navigation__submenu[hidden]{
display:none;
}
.category-navigation__submenu li{
margin:0;
}
.category-navigation__submenu a{
display:block;
min-height:44px;
padding:9px 14px;
color:var(--text);
font-size:13px;
line-height:1.5;
transition:background-color .18s ease, color .18s ease;
}
.category-navigation__submenu a:hover,
.category-navigation__submenu a:focus-visible{
color:var(--link);
background-color:var(--globbos-category-hover-bg);
}
.site-branding{
min-width:0;
margin:0;
}
.site-title{
display:block;
color:var(--title);
font-size:28px;
font-weight:900;
letter-spacing:-.06em;
line-height:1;
white-space:nowrap;
}
.site-title:hover,
.site-title:focus-visible{
text-decoration:none;
}
.site-branding .custom-logo-link{
display:block;
}
.site-branding .custom-logo{
width:auto;
max-width:180px;
max-height:44px;
object-fit:contain;
}
.site-description{
color:var(--muted);
margin:0;
} .site-header__inner{
position:relative;
display:flex;
align-items:center;
justify-content:space-between;
gap:22px;
min-height:42px;
}
.site-navigation{
flex:1 1 auto;
min-width:0;
}
.site-navigation[hidden]{
display:none;
}
.site-header__menu-toggle[hidden]{
display:none;
}
.primary-menu{
display:flex;
align-items:center;
justify-content:center;
flex-wrap:nowrap;
gap:6px clamp(8px, 1vw, 16px);
list-style:none;
margin:0;
padding:0;
}
.primary-menu li{
margin:0;
}
.primary-menu a{
color:var(--text);
font-size:12px;
font-weight:600;
white-space:nowrap;
}
.primary-menu a:hover,
.primary-menu a:focus-visible{
color:var(--link);
}
.site-header__controls{
display:flex;
flex:0 0 auto;
align-items:center;
gap:10px;
}
.site-header .search-form{
display:flex;
align-items:center;
border-bottom:1px solid var(--border);
}
.site-header .search-form__input{
width:100px;
min-width:0;
border:0;
padding:5px 2px;
color:var(--text);
background:transparent;
font:inherit;
font-size:13px;
}
.site-header .search-form__input:focus{
outline:2px solid var(--link);
outline-offset:2px;
}
.site-header .search-form__submit,
.site-header__menu-toggle{
display:inline-flex;
align-items:center;
justify-content:center;
width:32px;
height:32px;
padding:6px;
border:0;
color:var(--title);
background:transparent;
cursor:pointer;
}
.site-header__menu-toggle{
display:none;
}
.site-header .search-form__submit svg,
.site-header__menu-toggle svg,
.site-social svg{
display:block;
width:19px;
height:19px;
fill:none;
stroke:currentColor;
stroke-linecap:round;
stroke-linejoin:round;
stroke-width:1.8;
}
.site-header__menu-toggle:hover,
.site-header__menu-toggle:focus-visible,
.site-header .search-form__submit:hover,
.site-header .search-form__submit:focus-visible{
color:var(--link);
}
.site-social__list{
display:flex;
align-items:center;
gap:7px;
margin:0;
padding:0;
list-style:none;
}
.site-social a{
display:inline-flex;
align-items:center;
justify-content:center;
width:21px;
height:26px;
color:var(--text);
}
.site-social a:hover,
.site-social a:focus-visible{
color:var(--link);
}
.site-social a[aria-label="Facebook"] svg,
.site-social a[aria-label="TikTok"] svg{
fill:currentColor;
stroke:none;
}
@media(max-width:1100px){
.site-header__menu-toggle{
display:inline-flex;
}
.site-header__inner{
justify-content:space-between;
}
.site-navigation{
position:absolute;
z-index:10;
top:calc(100% + 10px);
right:0;
left:0;
width:100%;
padding:14px;
border:1px solid var(--border);
background:var(--background);
box-shadow:var(--shadow);
}
.primary-menu{
justify-content:flex-start;
gap:12px 20px;
}
.site-header__controls{
margin-left:auto;
}
}
@media(max-width:600px){
.category-navigation__list{
align-items:stretch;
gap:0;
}
.category-navigation__item{
flex:1 1 50%;
border-right:0;
border-bottom:1px solid var(--border);
}
.category-navigation__link{
flex:1 1 0;
min-width:0;
padding:8px;
}
.category-navigation__toggle{
display:inline-flex;
flex:0 0 44px;
width:44px;
}
.category-navigation__submenu,
.category-navigation__submenu.is-edge-aligned{
position:static;
flex:0 0 100%;
width:100%;
min-width:0;
max-width:100%;
border:0;
border-top:1px solid var(--border);
padding:4px 0 4px 10px;
}
.site-header{
padding:8px 0;
}
.site-header__inner{
gap:8px;
min-height:38px;
}
.site-title{
font-size:24px;
}
.site-branding .custom-logo{
max-width:130px;
max-height:36px;
}
.site-header__controls{
gap:3px;
}
.site-header .search-form__input{
width:40px;
}
.site-social{
display:block;
}
.site-social__list{
gap:3px;
}
.site-social a{
width:16px;
}
.site-header .search-form__submit,
.site-header__menu-toggle{
width:28px;
height:30px;
padding:4px;
}
.site-header .search-form__submit svg,
.site-header__menu-toggle svg,
.site-social svg{
width:16px;
height:16px;
}
}
@media(max-width:380px){
.site-title{
font-size:20px;
}
.site-branding .custom-logo{
max-width:105px;
}
.site-header .search-form__input{
width:30px;
}
.site-header .search-form__submit,
.site-header__menu-toggle{
width:24px;
}
.site-social__list{
gap:2px;
}
.site-social a{
width:14px;
}
.site-social svg{
width:14px;
height:14px;
}
} .site-content{
padding:50px 0;
} .editorial-layout{
display:grid;
grid-template-columns:
var(--sidebar-left)
minmax(0,1fr)
var(--sidebar-right);
gap:var(--gap);
align-items:start;
}
.single-editorial-layout{
display:grid;
grid-template-columns:minmax(180px, 220px) minmax(0, 1fr) minmax(180px, 220px);
gap:clamp(18px, 2.4vw, 32px);
align-items:start;
}
.single-post-main,
.single-post-rail,
.sidebar{
min-width:0;
}
.single-post-rail--left{
position:sticky;
top:30px;
}
.single-post__header,
.single-post__content,
.single-post__media{
min-width:0;
max-width:100%;
}
.single-post__title{
margin-top:0;
font-size:clamp(30px, 3.2vw, 42px);
overflow-wrap:anywhere;
}
.single-post__content{
overflow-wrap:anywhere;
}
.single-post__content img.aligncenter,
.entry-content img.aligncenter,
.single-post__content .wp-block-image.aligncenter,
.entry-content .wp-block-image.aligncenter,
.single-post__content .wp-block-image.aligncenter img,
.entry-content .wp-block-image.aligncenter img{
margin-left:auto;
margin-right:auto;
}
.single-post__content pre,
.single-post__content table{
max-width:100%;
overflow-x:auto;
}
.single-post__content iframe,
.single-post__content video,
.single-post__content embed{
max-width:100%;
}
.single-post__content h2,
.single-post__content h3{
scroll-margin-top:24px;
}
.article-tools,
.single-post-sidebar__section{
margin-bottom:26px;
padding-bottom:20px;
border-bottom:1px solid var(--border);
}
.article-reading-progress__time{
margin:0 0 14px;
color:var(--text);
font-size:14px;
font-weight:600;
}
.article-reading-progress__label{
display:block;
margin-bottom:6px;
color:var(--muted);
font-size:12px;
}
.article-reading-progress__bar{
width:calc(100% - 38px);
height:5px;
display:inline-block;
overflow:hidden;
border:0;
border-radius:0;
background:var(--border);
color:#d8b52c;
accent-color:#d8b52c;
vertical-align:middle;
}
.article-reading-progress__bar::-webkit-progress-bar{
background:var(--border);
}
.article-reading-progress__bar::-webkit-progress-value{
background:#d8b52c;
}
.article-reading-progress__bar::-moz-progress-bar{
background:#d8b52c;
}
.article-reading-progress__value{
display:inline-block;
width:32px;
margin-left:2px;
color:var(--muted);
font-size:12px;
line-height:5px;
text-align:right;
vertical-align:middle;
}
.article-outline{
margin-top:22px;
}
.article-outline__title,
.single-post-sidebar__title{
margin:0 0 14px;
font-size:16px;
}
.article-outline__list{
margin:0;
padding:0;
list-style:none;
}
.article-outline__item{
margin:0;
padding:6px 0;
border-bottom:1px solid var(--border);
font-size:13px;
line-height:1.45;
}
.article-outline__item--level-3{
padding-left:12px;
}
.article-outline__item a{
color:var(--text);
}
.article-outline__item a:hover,
.article-outline__item a:focus-visible{
color:var(--link);
}
.single-post-sidebar__empty{
margin:0;
color:var(--muted);
font-size:13px;
}
.author-card__identity{
display:flex;
align-items:center;
gap:14px;
margin-bottom:14px;
}
.entry-author a{
color:inherit;
}
.author-card__avatar-link{
flex:0 0 72px;
width:72px;
height:72px;
}
.author-card__avatar{
display:block;
width:72px;
height:72px;
border-radius:50%;
object-fit:cover;
}
.author-card__name{
margin:0;
font-size:17px;
overflow-wrap:anywhere;
}
.author-card__name a{
color:var(--title);
}
.author-card__biography{
color:var(--muted);
font-size:14px;
line-height:1.6;
}
.author-card__biography > :last-child{
margin-bottom:0;
}
.author-card__posts-link{
display:inline-block;
margin-top:12px;
padding-bottom:2px;
border-bottom:1px solid #d8b52c;
color:var(--text);
font-size:13px;
font-weight:600;
}
.related-posts__list{
display:grid;
gap:12px;
}
.related-posts .card-mini{
align-items:flex-start;
min-width:0;
}
.related-posts .card-mini .card__media{
flex:0 0 56px;
width:56px;
}
.related-posts .card-mini .card__body{
min-width:0;
padding:0 0 0 10px;
}
.related-posts .card-mini .card__title{
font-size:14px;
overflow-wrap:anywhere;
}
.single-post-social .site-social__list{
justify-content:flex-start;
gap:10px;
}
.single-post-social .site-social a{
width:32px;
height:32px;
border:1px solid var(--border);
}
.single-post-newsletter .widget{
margin-bottom:0;
}
.single-post-newsletter input:not([type="submit"]),
.single-post-newsletter select,
.single-post-newsletter textarea{
max-width:100%;
}
.content-area{
min-width:0;
}
.category-archive-header{
margin-bottom:18px;
padding:12px 0 14px;
border-top:3px solid var(--link);
border-bottom:1px solid var(--border);
}
.category-archive-header .archive-title{
margin:0;
font-size:clamp(24px, 2.5vw, 32px);
line-height:1.2;
overflow-wrap:anywhere;
}
.category-archive-header__description{
max-width:75ch;
margin-top:6px;
color:var(--muted);
font-size:14px;
line-height:1.55;
}
.category-archive-header__description > :last-child{
margin-bottom:0;
}
.author-archive-header{
display:flex;
align-items:flex-start;
gap:28px;
margin-bottom:32px;
padding:24px 0 28px;
border-top:3px solid var(--link);
border-bottom:1px solid var(--border);
}
.author-archive-header__avatar{
flex:0 0 144px;
width:144px;
height:144px;
}
.author-archive-header__image{
display:block;
width:100%;
height:100%;
border-radius:var(--radius);
object-fit:cover;
}
.author-archive-header__content{
min-width:0;
}
.author-archive-header__eyebrow{
margin:0 0 8px;
color:var(--link);
font-size:12px;
font-weight:700;
letter-spacing:.09em;
text-transform:uppercase;
}
.author-archive-header__name{
margin:0 0 12px;
color:var(--title);
font-size:clamp(28px, 3vw, 38px);
line-height:1.15;
overflow-wrap:anywhere;
}
.author-archive-header__biography{
max-width:75ch;
color:var(--text);
font-size:16px;
line-height:1.7;
overflow-wrap:anywhere;
}
.author-archive-header__biography > :first-child{
margin-top:0;
}
.author-archive-header__biography > :last-child{
margin-bottom:0;
}
.author-archive-header__count{
margin:14px 0 0;
color:var(--muted);
font-size:13px;
}
.author-archive-posts-title{
margin:0 0 20px;
color:var(--title);
font-size:24px;
line-height:1.3;
overflow-wrap:anywhere;
}
.featured-content{
margin-bottom:var(--gap);
}
.editorial-grid{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:var(--gap);
align-items:stretch;
}
.recent-news{
margin-bottom:28px;
padding:10px 0;
background:var(--background);
border-top:1px solid var(--border);
border-bottom:1px solid var(--border);
}
.recent-news__layout{
display:grid;
grid-template-columns:28px minmax(0, 1fr);
gap:12px;
align-items:stretch;
}
.recent-news__header{
display:flex;
justify-content:center;
align-items:center;
border-right:1px solid var(--link);
}
.recent-news__title{
margin:0;
color:var(--title);
font-size:11px;
font-weight:700;
letter-spacing:.14em;
line-height:1;
writing-mode:vertical-rl;
transform:rotate(180deg);
}
.recent-news__content{
min-width:0;
}
.recent-news__link{
display:block;
width:fit-content;
max-width:100%;
margin:8px 0 0 auto;
font-size:14px;
font-weight:600;
}
.recent-news .recent-news__grid{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:10px;
}
.recent-news .recent-news__grid > .card-mini{
display:flex;
align-items:stretch;
min-width:0;
padding:8px;
background:#fff;
border:1px solid var(--border);
}
.recent-news .card-mini .card__media{
display:block;
flex:0 0 46%;
width:46%;
aspect-ratio:4 / 3;
align-self:center;
}
.recent-news .card-mini .card__media img{
display:block;
width:100%;
height:auto;
aspect-ratio:4 / 3;
object-fit:cover;
}
.recent-news .card-mini .card__media--placeholder{
aspect-ratio:4 / 3;
background:linear-gradient(135deg, var(--surface), var(--border));
}
.recent-news .card-mini .card__body{
flex:1 1 auto;
min-width:0;
padding:2px 4px 2px 10px;
}
.recent-news .card-mini__date{
display:block;
margin-bottom:2px;
color:var(--muted);
font-size:10px;
line-height:1.2;
}
.recent-news .card-mini .card__title{
display:-webkit-box;
overflow:hidden;
margin:0 0 4px;
font-size:14px;
line-height:1.3;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
}
.recent-news .card-mini .card__excerpt{
font-size:12px;
line-height:1.35;
}
.recent-news .card-mini .card__excerpt p{
display:-webkit-box;
overflow:hidden;
margin:0;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.recent-news .recent-news__link{
margin-top:10px;
}
.page-layout{
display:grid;
grid-template-columns:
minmax(0,1fr)
var(--sidebar-right);
gap:var(--gap);
} .sidebar{
position:sticky;
top:30px;
}
.widget{
margin-bottom:35px;
}
.sidebar .widget,
.single-post-rail .widget{
min-width:0;
max-width:100%;
}
.sidebar .widget iframe,
.sidebar .widget video,
.sidebar .widget embed,
.sidebar .widget object,
.single-post-rail .widget iframe,
.single-post-rail .widget video,
.single-post-rail .widget embed,
.single-post-rail .widget object{
max-width:100%;
}
.sidebar .widget .wp-block-embed,
.sidebar .widget .wp-block-embed__wrapper,
.single-post-rail .widget .wp-block-embed,
.single-post-rail .widget .wp-block-embed__wrapper{
min-width:0;
max-width:100%;
}
.widget-title{
margin-bottom:15px;
font-size:18px;
} .card{
display:flex;
min-width:0;
background:var(--surface);
border:1px solid var(--border);
border-radius:var(--radius);
overflow:hidden;
}
.card__media{
display:block;
background:var(--border);
overflow:hidden;
}
.card__media img{
width:100%;
aspect-ratio:3 / 2;
object-fit:cover;
transition:transform .25s ease;
}
.card__media:hover img,
.card__media:focus-visible img{
transform:scale(1.03);
}
.card__body{
min-width:0;
padding:24px;
}
.card__title{
margin:8px 0 12px;
font-size:24px;
}
.card__title a{
color:var(--title);
}
.card__title a:hover,
.card__title a:focus-visible{
color:var(--link);
}
.card__excerpt{
color:var(--muted);
}
.card__excerpt p:last-child{
margin-bottom:0;
}
.entry-meta{
color:var(--muted);
font-size:14px;
line-height:1.4;
}
.card-featured{
display:block;
margin-bottom:var(--gap);
}
.card-featured .card__media img{
aspect-ratio:16 / 9;
}
.card-featured .card__body{
padding:30px;
}
.card-featured .card__title{
font-size:clamp(30px, 4vw, 48px);
}
.card-horizontal{
align-items:stretch;
}
.card-horizontal .card__media{
flex:0 0 34%;
}
.card-horizontal .card__media img{
height:100%;
}
.card-vertical{
display:block;
height:100%;
}
.card-vertical .card__media img{
aspect-ratio:4 / 3;
}
.card-mini{
align-items:center;
background:transparent;
border:0;
border-radius:0;
}
.card-mini .card__media{
flex:0 0 88px;
}
.card-mini .card__media img{
aspect-ratio:1;
}
.card-mini .card__body{
padding:12px 0 12px 16px;
}
.card-mini .card__title{
margin:0;
font-size:17px;
}
.card-mini .card__title a{
color:var(--text);
} .featured-post{
margin-bottom:60px;
}
.entry-title{
margin-top:25px;
font-size:34px;
line-height:1.25;
}
.entry-media{
margin:24px 0;
}
.entry-media img{
width:100%;
height:auto;
}
.page-links{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:8px;
margin-top:28px;
padding-top:14px;
border-top:1px solid var(--border);
}
.page-links__label{
color:var(--muted);
}
.entry-excerpt{
margin-top:20px;
}
.share-post{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:10px;
margin:16px 0;
padding:5px 0;
border-top:1px solid var(--border);
border-bottom:1px solid var(--border);
}
.share-post__label{
color:var(--muted);
font-size:11px;
font-weight:700;
letter-spacing:.1em;
text-transform:uppercase;
}
.share-post__list{
display:flex;
flex-wrap:wrap;
margin:0;
padding:0;
list-style:none;
}
.share-post__list li{
margin:0;
border-left:1px solid var(--border);
}
.share-post__action{
display:inline-flex;
align-items:center;
justify-content:center;
width:38px;
height:38px;
padding:0;
border:0;
color:#4b4b4b;
background:transparent;
cursor:pointer;
transition:color .25s ease;
}
.share-post__action svg{
display:block;
width:17px;
height:17px;
}
.share-post__action:focus-visible{
outline:2px solid var(--link);
outline-offset:-3px;
}
.share-post__action--facebook:hover,
.share-post__action--facebook:focus-visible{
color:#1877f2;
}
.share-post__action--x:hover,
.share-post__action--x:focus-visible{
color:#000;
}
.share-post__action--whatsapp:hover,
.share-post__action--whatsapp:focus-visible{
color:#25d366;
}
.share-post__action--telegram:hover,
.share-post__action--telegram:focus-visible{
color:#229ed9;
}
.share-post__action--email:hover,
.share-post__action--email:focus-visible,
.share-post__action--copy:hover,
.share-post__action--copy:focus-visible,
.share-post__action--copy.is-copied{
color:#a58400;
}
.share-post__status{
color:var(--muted);
font-size:12px;
}
.share-post__fallback{
flex:1 1 220px;
min-width:0;
padding:5px 8px;
border:1px solid var(--border);
color:var(--text);
background:var(--background);
font:inherit;
font-size:13px;
}
.share-post__fallback[hidden]{
display:none;
}
.comments-area{
margin-top:40px;
padding:28px 0 0;
border-top:1px solid var(--border);
}
.comments-area__header{
margin-bottom:24px;
padding-left:14px;
border-left:3px solid #d8b52c;
}
.comments-area__title{
margin:0;
font-size:22px;
}
.comments-area__empty,
.comments-area__closed{
color:var(--muted);
}
.comment-list,
.comment-list .children{
margin:0;
padding:0;
list-style:none;
}
.comment-list > .comment,
.comment-list .children > .comment{
margin:0;
}
.comment-list .comment-body{
padding:20px 0;
border-bottom:1px solid var(--border);
}
.comment-list .comment-author .avatar{
float:left;
width:48px;
height:48px;
margin:0 14px 8px 0;
border-radius:50%;
}
.comment-list .comment-author,
.comment-list .comment-metadata{
min-height:24px;
}
.comment-list .comment-author .fn{
color:var(--title);
font-style:normal;
font-weight:700;
}
.comment-list .comment-metadata{
color:var(--muted);
font-size:13px;
}
.comment-list .comment-content{
clear:both;
padding-top:8px;
}
.comment-list .comment-content > :last-child{
margin-bottom:0;
}
.comment-list .reply{
margin-top:10px;
font-size:14px;
}
.comment-list .children{
margin-left:28px;
padding-left:20px;
border-left:1px solid var(--border);
}
.comment-respond{
margin-top:32px;
}
.comment-reply-title{
margin-bottom:8px;
font-size:20px;
}
.comment-form{
display:grid;
gap:14px;
}
.comment-form p{
margin:0;
}
.comment-form label{
display:block;
margin-bottom:5px;
color:var(--text);
font-size:14px;
font-weight:600;
}
.comment-form input:not([type="checkbox"]):not([type="submit"]),
.comment-form textarea{
width:100%;
max-width:100%;
padding:10px 12px;
border:1px solid var(--border);
border-radius:4px;
background:var(--background);
color:var(--text);
font:inherit;
}
.comment-form textarea{
min-height:140px;
resize:vertical;
}
.comment-form input[type="submit"]{
padding:10px 18px;
border:1px solid #d8b52c;
border-radius:4px;
background:#f5e8ab;
color:var(--title);
font:inherit;
font-weight:700;
cursor:pointer;
}
.comment-form input[type="submit"]:hover,
.comment-form input[type="submit"]:focus-visible{
background:#eedb82;
} .site-footer{
margin-top:80px;
border-top:1px solid var(--border);
padding:50px 0;
} @media(max-width:1100px){
.editorial-layout,
.page-layout{
grid-template-columns:1fr;
}
.sidebar{
position:static;
}
.card-featured .card__title{
font-size:36px;
}
.editorial-grid{
grid-template-columns:1fr;
}
.recent-news .recent-news__grid{
grid-template-columns:repeat(2, minmax(0, 1fr));
}
}
@media(max-width:1050px){
.single-editorial-layout{
grid-template-columns:minmax(0, 1fr) minmax(220px, .58fr);
gap:28px;
}
.single-post-rail--left{
position:static;
grid-column:1 / -1;
}
.article-tools{
display:grid;
grid-template-columns:minmax(180px, .6fr) minmax(0, 1fr);
gap:24px;
}
.article-outline{
margin-top:0;
}
.article-outline__list{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
column-gap:20px;
}
}
@media(max-width:720px){
.single-editorial-layout{
grid-template-columns:minmax(0, 1fr);
gap:20px;
}
.single-post-main{
grid-row:1;
}
.single-post-rail--left{
grid-column:auto;
grid-row:2;
}
.single-post-rail--right{
grid-row:3;
}
.article-tools{
grid-template-columns:minmax(0, 1fr);
gap:0;
}
.article-outline{
margin-top:18px;
}
.article-outline__list{
grid-template-columns:minmax(0, 1fr);
}
.single-post__title{
font-size:30px;
}
.single-post__content table{
display:block;
width:100%;
overflow-x:auto;
}
.single-post-rail--right{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(min(100%, 240px), 1fr));
gap:20px;
}
.single-post-sidebar__section{
margin-bottom:0;
}
}
@media(max-width:768px){
.author-archive-header{
flex-direction:column;
gap:16px;
margin-bottom:24px;
padding:18px 0 22px;
}
.author-archive-header__avatar{
flex-basis:104px;
width:104px;
height:104px;
}
.author-archive-header__name{
margin-bottom:10px;
font-size:30px;
}
.author-archive-header__biography{
font-size:15px;
}
.author-archive-posts-title{
margin-bottom:16px;
font-size:22px;
}
.entry-title{
font-size:28px;
}
.card-horizontal{
display:block;
}
.card-horizontal .card__media{
width:100%;
}
.card-horizontal .card__media img{
height:auto;
}
.card-featured .card__body{
padding:24px;
}
.card-featured .card__title{
font-size:30px;
}
.editorial-layout{
gap:24px;
}
.recent-news .recent-news__grid{
grid-template-columns:1fr;
}
.recent-news__layout{
grid-template-columns:24px minmax(0, 1fr);
gap:8px;
}
.recent-news__header{
justify-content:center;
border-right:1px solid var(--link);
border-bottom:0;
padding:0;
}
.recent-news__title{
writing-mode:vertical-rl;
transform:rotate(180deg);
}
.comments-area{
margin-top:28px;
padding-top:22px;
}
.comment-list .children{
margin-left:12px;
padding-left:12px;
}
.share-post{
gap:6px;
}
.share-post__action{
width:42px;
height:42px;
}
}
@media(prefers-reduced-motion:reduce){
.share-post__action{
transition:none;
}
}