body:not(.loaded) .main-menu > li,
body:not(.loaded) .header-social .social-link,
body:not(.loaded) .desktop-search .interactive-search-form,
body:not(.loaded) .site-logo{opacity:0;}
.header-burger, .header-spacer, .mobile-social-wrapper, .mobile-social, .mobile-search, .primary-article .below-title{display:none !important;}
html{scroll-padding-top:var(--logo-width-desktop);}
.site-wrapper{min-height:100vh;display:flex;flex-direction:column;background-image:linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.8)), url(//www.rovespieros.gr/wp-content/themes/Rovespieros/images/palestine.webp);background-repeat:no-repeat;background-position:center top;background-size:cover;background-attachment:fixed;}
.site-header{padding:0;position:sticky;top:0;height:var(--logo-width-desktop);width:100%;color:#fff;z-index:9999;background-color:var(--header-bg-default);box-shadow:var(--box-shadow-light);transition:padding 0.4s ease, box-shadow 0.4s ease, background-color 0.4s ease, height 0.2s ease;will-change:padding, box-shadow, background-color;}
.header-inner{display:grid;grid-template-columns:0px var(--logo-width-desktop) 1fr 200px;align-items:stretch;gap:0.5rem;max-width:1200px;margin:0 auto;padding:0;}
.site-logo{grid-column:2;width:var(--logo-width-desktop);height:auto;display:flex;position:relative;align-items:center;justify-content:center;transition:width 0.3s ease;}
.site-logo .logo-img{display:block;width:var(--logo-width-desktop);height:auto;transition:all 0.3s ease;}
.site-nav{grid-column:3;display:flex;width:100%;}
.main-menu{list-style:none;display:grid;grid-template-columns:repeat(4, auto);grid-template-rows:repeat(2, auto);row-gap:0;column-gap:0.3rem;justify-content:center;align-items:center;width:100%;max-width:100%;overflow-x:visible;margin:0;padding:0;}
.main-menu li:nth-child(1){grid-column:1;grid-row:1;}
.main-menu li:nth-child(2){grid-column:2;grid-row:1;}
.main-menu li:nth-child(3){grid-column:3;grid-row:1;}
.main-menu li:nth-child(4){grid-column:4;grid-row:1;}
.main-menu li:nth-child(5){grid-column:1;grid-row:2;}
.main-menu li:nth-child(6){grid-column:2;grid-row:2;}
.main-menu li:nth-child(7){grid-column:3;grid-row:2;}
.main-menu li:nth-child(8){grid-column:4;grid-row:2;}
.main-menu li{position:relative;transition:transform 0.3s ease, opacity 0.3s ease;}
.main-menu li a{display:inline-block;position:relative;font-size:1rem;color:#fff;text-decoration:none;padding:0.3rem 0.6rem;font-weight:700;text-transform:uppercase;white-space:nowrap;transition:color 0.4s ease;}
.main-menu li a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background-color:var(--color-red);transform:scaleX(0);transform-origin:left;transition:transform 0.3s ease;}
.main-menu li a:hover, .main-menu li a:focus{color:var(--color-yellow);}
.main-menu li a:hover::after, .main-menu li a:focus::after{transform:scaleX(1);}
.header-social-wrapper{grid-column:4;display:flex;flex-direction:column;gap:1.5rem;padding-top:2.5rem;height:fit-content;}
.header-social{display:flex;flex-direction:row;align-items:center;align-self:flex-end;gap:1rem;padding-right:2.7rem;transform:translateY(0);transition:transform 0.3s ease;}
.header-social .social-link{display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;text-decoration:none;opacity:0.85;transition:transform 0.2s ease, opacity 0.2s ease;}
.header-social .social-link:hover{transform:scale(1.1);opacity:1;}
.desktop-search{position:relative;max-width:var(--search-expanded-width);display:flex;justify-content:flex-end;align-items:center;height:100%;transform:translateY(0);transition:transform 0.3s ease;}
.desktop-search  .interactive-search-form{display:flex;align-items:center;justify-content:flex-end;gap:0;position:relative;transition:all 0.2s ease;}
.desktop-search  .interactive-search-field{width:0;opacity:0;visibility:hidden;pointer-events:none;border:1px solid transparent;height:var(--search-size);box-sizing:border-box;background:#fff;color:#111;margin-right:0.2rem;transition:width 0.3s ease, opacity 0.3s ease, visibility 0.3s ease, border 0.3s ease;}
.desktop-search  .interactive-search-form.active .interactive-search-field, .desktop-search  .interactive-search-form:focus-within .interactive-search-field, .desktop-search  .interactive-search-submit:hover .interactive-search-field, .desktop-search  .interactive-search-submit:focus .interactive-search-field{width:var(--search-expanded-width);padding:0.6rem 0.8rem;opacity:1;visibility:visible;pointer-events:auto;border:1px solid #eee;line-height:1.2;}
.desktop-search  .interactive-search-submit{width:var(--search-size);min-width:var(--search-size);height:var(--search-size);padding:0;border-radius:4px;background:transparent;color:#fff;border:none;cursor:pointer;font-size:1rem;display:flex;flex-shrink:0;justify-content:center;align-items:center;transition:all 0.2s ease;}
.site-header.shrink{height:var(--logo-width-mobile);background-color:var(--header-bg-shrink);box-shadow:var(--box-shadow-dark);transition:all 0.2s ease;}
.site-header.shrink .site-logo{align-self:flex-start;padding:0;margin:0;}
.site-header.shrink .site-logo .logo-img{width:var(--logo-width-mobile);}
.site-header.shrink .logo-overlay{font-size:0.75rem;font-weight:normal;}
.site-header.shrink .header-social{transform:translateY(-1rem);}
.site-header.shrink .desktop-search{transform:translateY(-1rem);}
.footer-grid{grid-template-columns:repeat(3, 1fr);}
.thumbnail-overlay{position:absolute;top:0;left:0;right:0;padding:0 2rem;background:linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent 60%);text-align:center;border-radius:4px;pointer-events:none;}
.single-post .entry-title{font-size:var(--font-size-title);margin:1.5rem 0 0.5rem;color:#000;line-height:1.3;}
.overlay-title{font-size:2rem;color:#fff !important;background-color:rgba(0, 0, 0, 0.6);display:inline-block;padding:1.2rem;border-radius:6px;line-height:1.4;text-shadow:0 2px 6px rgba(0, 0, 0, 0.5);backdrop-filter:blur(2px);}
@media(min-width:891px){ .single-post .entry-content img, .page .entry-content img, .single-post .wp-caption img, .page .wp-caption img, .single-post figure.wp-block-image img, .page figure.wp-block-image img{max-width:800px;}
.animate-in{opacity:0;transform:translateY(40px);transition:opacity 0.6s ease-out, transform 0.6s ease-out;}
.animate-in.in-view{opacity:1;transform:translateY(0);}
} @media(max-width:890px){ .primary-article .overlay-title, .tertiary-articles .tertiary-article:nth-child(3) { display: none;} .site-header {
height: 150px;
}
.header-inner {
grid-template-columns: 0px 150px 1fr 150px;
gap: 0.3rem;
}
.site-logo {
width: 150px;
}
.site-logo .logo-img {
width: 150px;
}
.main-menu li a {
font-size: 0.85rem;
padding: 0.3rem;
}
.main-menu {
gap: 0.2rem;
}
.header-social-wrapper {
padding-top: 1.7rem; 
padding-right: 0.8rem; 
}
.header-social {
padding-right: 0.4rem; 
}
.desktop-search .interactive-search-form.active .interactive-search-field, .desktop-search .interactive-search-form:focus-within .interactive-search-field, .desktop-search .interactive-search-submit:hover .interactive-search-field, .desktop-search .interactive-search-submit:focus .interactive-search-field {
width: 100px;
}
.site-header.shrink .site-logo {
align-self: center;
justify-content: center;
margin: 0 auto;
padding: 0;
}
.site-header.shrink .site-logo .logo-img {
width: var(--logo-width-mobile);
transform: none;
}  .primary-article .below-title {
display: block !important;
text-align: center;
font-size: 1.1rem;
color: #000;
font-weight: bold;
}
.secondary-article {
margin-top: 4rem;
} .magazine-grid-block .grid-articles {
grid-template-columns: repeat(2, 1fr) !important; 
} .grid-3posts .article-card:nth-child(n+3) {
display: none;
}
}