/*
Theme Name: Muslims Guardian Premium
Version: 18.0 Ultra Premium Newsroom
Author: Mamun
*/

/* ==================================
RESET
================================== */

*,
*::before,
*::after{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{

font-family:
'SolaimanLipi',
'Hind Siliguri',
sans-serif;

font-size:17px;
line-height:1.8;

background:#f4f7fb;
color:#1f2937;

overflow-x:hidden;

-webkit-font-smoothing:antialiased;

}

img{
display:block;
max-width:100%;
height:auto;
}

a{
text-decoration:none;
color:inherit;
transition:.25s;
}

ul,
ol{
list-style:none;
}

button,
input,
textarea,
select{
font:inherit;
}

/* ==================================
ROOT
================================== */

:root{

--primary:#d40000;
--primary-dark:#a80000;

--green:#0f8a2a;

--sky:#5aa7b5;

--dark:#041b34;

--text:#1f2937;

--muted:#6b7280;

--border:#e5e7eb;

--radius:18px;

--shadow:
0 5px 20px rgba(0,0,0,.06);

--shadow-lg:
0 15px 40px rgba(0,0,0,.12);

--container:1500px;

}

/* ==================================
LAYOUT
================================== */

.container{

width:100%;

max-width:1500px;

margin:0 auto;

padding-left:20px;
padding-right:20px;

}

main,
.site-main,
.homepage{

width:100%;

display:block;

}

/* ==================================
TYPOGRAPHY
================================== */

h1,
h2,
h3,
h4,
h5,
h6{

font-weight:800;

line-height:1.3;

color:var(--dark);

}

.section-header{

display:flex;

align-items:center;

justify-content:space-between;

margin-bottom:25px;

}

.section-header h2{

font-size:30px;

font-weight:900;

}

/* ==================================
TOPBAR
================================== */

.topbar{

background:var(--sky);

color:#fff;

padding:10px 0;

font-size:14px;

}

.topbar-flex{

display:flex;

justify-content:space-between;

align-items:center;

gap:20px;

}

.top-left,
.top-right{

display:flex;

align-items:center;

gap:12px;

}

.live-dot{

width:10px;
height:10px;

background:red;

border-radius:50%;

animation:pulse 1.5s infinite;

}

@keyframes pulse{

0%{opacity:1;}
50%{opacity:.4;}
100%{opacity:1;}

}

.top-right a{

color:#fff;

}

/* ==================================
HEADER
================================== */

.main-header{

position:sticky;

top:0;

z-index:9999;

background:
rgba(15,138,42,.96);

backdrop-filter:blur(12px);

box-shadow:
0 4px 20px rgba(0,0,0,.08);

}

.navbar{

display:flex;

justify-content:space-between;

align-items:center;

gap:25px;

padding:15px 0;

}

.custom-logo{

max-height:90px;

width:auto;

}

/* ==================================
NAVIGATION
================================== */

.main-nav{

flex:1;

}

.nav-menu{

display:flex;

justify-content:center;

align-items:center;

gap:28px;

}

.nav-menu a{

color:#fff;

font-weight:700;

font-size:16px;

}

.nav-menu a:hover{

color:#ffe082;

}

/* ==================================
HEADER ACTIONS
================================== */

.header-actions{

display:flex;

align-items:center;

gap:12px;

}

.search-btn,
.mobile-toggle{

background:none;

border:none;

color:#fff;

font-size:18px;

cursor:pointer;

}

.live-btn{

padding:10px 18px;

background:#d40000;

color:#fff;

border-radius:50px;

font-size:14px;

font-weight:700;

}

.mobile-toggle{

display:none;

}

/* ==================================
SEARCH OVERLAY
================================== */

.search-overlay{

position:fixed;

inset:0;

background:
rgba(0,0,0,.85);

display:none;

z-index:99999;

}

.search-overlay.active{

display:flex;

align-items:center;

justify-content:center;

}

.search-box{

background:#fff;

width:90%;

max-width:700px;

padding:30px;

border-radius:20px;

position:relative;

}

.close-search{

position:absolute;

top:10px;

right:15px;

font-size:30px;

border:none;

background:none;

cursor:pointer;

}

/* ==================================
BREAKING NEWS
================================== */

.breaking-news{

background:#d40000;

overflow:hidden;

border-bottom:3px solid red;

}

.breaking-flex{

display:flex;

align-items:center;

height:50px;

overflow:hidden;

}

.breaking-label{

background:#920000;

color:#fff;

font-weight:900;

padding:0 18px;

height:50px;

display:flex;

align-items:center;

flex-shrink:0;

}

.breaking-ticker{

flex:1;

overflow:hidden;

}

.ticker-track{

display:flex;

align-items:center;

gap:70px;

white-space:nowrap;

width:max-content;

padding-left:100%;

animation:tickerMove 55s linear infinite;

}

.ticker-track a{

color:#fff;

font-weight:700;

}

@keyframes tickerMove{

0%{
transform:translateX(0);
}

100%{
transform:translateX(-100%);
}

}

/* ==================================
CATEGORY BADGE
================================== */

.category{

display:inline-block;

background:#d40000;

color:#fff;

padding:6px 14px;

border-radius:50px;

font-size:12px;

font-weight:800;

margin-bottom:12px;

}

/* ==================================
HERO SECTION
================================== */
.hero-section{
display:grid;
grid-template-columns:2fr 2fr;
gap:20px;
align-items:start;
display: flex;
	flex-direction: column;
}
.hero{
margin-top:20px;
margin-bottom:20px;
}
.hero-grid{
display:grid;
grid-template-columns:
minmax(0,2.8fr)720px;
gap:20px;
align-items:start;
}
.hero-main
.most-read-section{
position:relative;
overflow:hidden;
border-radius:20px;
background:#fff;
box-shadow:var(--shadow-lg);
}
.hero-image{
width:100%;
height:720px;
object-fit:cover;
}
.overlay{
position:absolute;
left:0;
right:0;
bottom:0;
padding:40px;
background:
linear-gradient(
to top,
rgba(0,0,0,.92),
rgba(0,0,0,.45),
transparent
);

color:#fff;

}

.overlay h1{

font-size:46px;

color:#fff;

margin:14px 0;

}

.overlay p{

font-size:18px;

color:#f1f1f1;

}

.hero-btn{

display:inline-block;

margin-top:15px;

background:#d40000;

color:#fff;

padding:10px 18px;

border-radius:8px;

font-weight:700;

}

/*===== Tending=====*/

.trending-topics{
margin:25px 0;
}

.topics-grid{
display:flex;
gap:10px;
flex-wrap:wrap;
}

.topics-grid a{
padding:10px 18px;
background:#fff;
border-radius:30px;
text-decoration:none;
font-weight:600;
border:1px solid #ddd;
}
/* ==================================
SIDEBAR
================================== */
.site-sidebar,
.sidebar-widget
{
display;
flex-direction;
gap:25px;
background:#fff;
padding:18px;
border-radius:14px;
box-shadow:0 2px 8px rgba(0,0,0,.05);
}

margin-bottom:22px;

}

.sidebar-story{

display:flex;

gap:10px;

padding:8px;

align-items:center;

background:#fff;

border-radius:12px;

min-height:70px;

}

.sidebar-thumb{

width:90px;

flex-shrink:0;

}

.sidebar-thumb img{

width:100%;

height:70px;

object-fit:cover;

border-radius:8px;

}
.site-sidebar, 
.widget-title{
font-size:22px;
font-weight:700;
margin-bottom:15px;
position;
padding-left:12px;}
.sidebar-content{
flex:1;
display:flex;
align-items:center;
padding:8px;
}
.site-sidebar,
.widget-title{
content:"";
position;
left:0;
top:0;
width:4px;
height:100%;
background:#D50000;
border-radius:4px;
}
.sidebar-content h3{
font-size:12px;
line-height:1.30;
}
.popular-sidebar{
position:sticky;
top:100px;
align-self:start;
}
/*-- fllow-up --*/

.follow-us-widget{
background:#fff;
padding:20px;
border-radius:12px;
box-shadow:0 2px 10px rgba(0,0,0,.08);
}

.widget-title{
font-size:20px;
font-weight:700;
margin-bottom:15px;
}

.social-box{
display:flex;
align-items:center;
justify-content:space-between;
padding:12px;
margin-bottom:10px;
border:1px solid #eee;
border-radius:8px;
}

.social-box i{
font-size:20px;
width:30px;
}

.social-box a{
padding:6px 14px;
border-radius:6px;
background:#0D47A1;
color:#fff;
text-decoration:none;
font-size:13px;
}

.facebook i{color:#1877F2;}
.youtube i{color:#FF0000;}
.instagram i{color:#E4405F;}
.telegram i{color:#0088CC;}
.twitter i{color:#000;}

/*-- NEWSLETTER-WIDGET--*/

.newsletter-widget{
background:#0D47A1;
color:#fff;
padding:25px;
border-radius:14px;
margin-bottom:25px;
}

.newsletter-header h3{
font-size:24px;
margin-bottom:10px;
font-weight:700;
}

.newsletter-header p{
font-size:14px;
opacity:.9;
margin-bottom:20px;
line-height:1.6;
}

.newsletter-form input{
width:100%;
height:50px;
border:none;
border-radius:8px;
padding:0 15px;
margin-bottom:12px;
}

.newsletter-form button{
width:100%;
height:50px;
background:#D50000;
color:#fff;
border:none;
border-radius:8px;
font-weight:700;
cursor:pointer;
transition:.3s;
}

.newsletter-form button:hover{
opacity:.9;
}

.newsletter-success{
background:#16a34a;
padding:10px;
border-radius:8px;
margin-bottom:15px;
}

/* ==================================
HOMEPAGE LAYOUT
================================== */

.homepage-grid{

display:grid;

grid-template-columns:
minmax(0,1fr)
320px;

gap:24px;

}

.homepage-sidebar{

position:sticky;

top:100px;

align-self:start;

}
/* ==================================
MOST READ SECTION
================================== */

.most-read-section{

margin-bottom:60px;

}

.most-read-grid{

display:grid;

grid-template-columns:
repeat(4,minmax(0,1fr));

gap:20px;

}
/*============prayer time ============*/
.prayer-widget{
background:#fff;
border:1px solid #e5e7eb;
border-radius:14px;
padding:20px;
margin-bottom:25px;
}

.prayer-widget .widget-title{
font-size:22px;
font-weight:700;
margin-bottom:15px;
border-left:4px solid #16a34a;
padding-left:10px;
}

.prayer-list{
display:flex;
flex-direction:column;
gap:10px;
}

.prayer-item{
display:flex;
justify-content:space-between;
align-items:center;
padding:12px;
background:#f8fafc;
border-radius:8px;
}

.prayer-item span{
font-weight:600;
}

.prayer-item strong{
color:#16a34a;
}

/* ==================================
LATEST NEWS
================================== */

.news-section{

margin-bottom:60px;

}

.news-grid{

display:grid;

grid-template-columns:
repeat(4,minmax(0,1fr));

gap:24px;

}

/* ==================================
FEATURED REPORTS
================================== */

.video-section{

margin-bottom:60px;

}

.video-grid{

display:grid;

grid-template-columns:
repeat(4,minmax(0,1fr));

gap:24px;

}

/* ==================================
CARD SYSTEM
================================== */

.card,
.news-card,
.video-card{

background:#fff;

border-radius:18px;

overflow:hidden;

box-shadow:var(--shadow);

display:flex;

flex-direction:column;

height:100%;

transition:
transform .3s ease,
box-shadow .3s ease;

}

.card:hover,
.news-card:hover,
.video-card:hover{

transform:translateY(-5px);

box-shadow:
0 15px 40px rgba(0,0,0,.12);

}

.card a,
.news-card a,
.video-card a{

display:block;

height:100%;

}

.card img,
.news-card img,
.video-card img{

width:100%;

aspect-ratio:16/9;

object-fit:cover;

}

/* ==================================
MOST READ IMAGE
================================== */

.most-read-grid .news-card img{

height:180px;

object-fit:cover;

}

/* ==================================
CARD CONTENT
================================== */

.card-content,
.news-content,
.video-content{

padding:18px;

display:flex;

flex-direction:column;

flex:1;

}

.card-content h3,
.news-content h3,
.video-content h3{

font-size:18px;

line-height:1.5;

font-weight:800;

margin-bottom:10px;

color:var(--dark);

}

.card-content p,
.news-content p{

font-size:15px;

line-height:1.7;

color:var(--muted);

margin-bottom:12px;

}

/* ==================================
POST META
================================== */

.post-meta{

display:flex;

justify-content:space-between;

align-items:center;

gap:10px;

margin-top:auto;

font-size:13px;

color:var(--muted);

}

/* ==================================
SECTION TITLE
================================== */

.section-title{

font-size:30px;

font-weight:900;

color:var(--dark);

margin-bottom:24px;

}

/* ==================================
EMPTY STATE
================================== */

.empty-state{

background:#fff;

padding:50px;

border-radius:18px;

text-align:center;

box-shadow:var(--shadow);

}

.empty-state h2{

font-size:28px;

margin-bottom:10px;

}

.empty-state p{

color:var(--muted);

}

/* ==================================
SIDEBAR
================================== */

.sidebar,
.single-sidebar{

display:flex;

flex-direction:column;

gap:20px;

}

.sidebar-box,
.sidebar-widget,
.widget{

background:#fff;

padding:20px;

border-radius:18px;

box-shadow:var(--shadow);

}

.sidebar-box h3,
.sidebar-widget h3,
.widget-title{

font-size:20px;

font-weight:800;

margin-bottom:15px;

color:var(--dark);

}

/* ==================================
SIDEBAR NEWS
================================== */

.sidebar-news{

display:flex;

align-items:center;

gap:12px;

padding:12px 0;

border-bottom:1px solid var(--border);

}

.sidebar-news:last-child{

border-bottom:none;

}

.sidebar-news a{

display:flex;

align-items:center;

gap:12px;

width:100%;

}

.sidebar-news img{

width:90px;

height:65px;

object-fit:cover;

border-radius:8px;

flex-shrink:0;

}

.sidebar-news span{

font-size:14px;

font-weight:700;

line-height:1.5;

}

/* ==================================
SEARCH WIDGET
================================== */

.widget_search .search-form{

display:flex;

gap:10px;

}

.widget_search input[type="search"]{

flex:1;

height:48px;

padding:0 15px;

border:1px solid var(--border);

border-radius:10px;

outline:none;

}

.widget_search button{

height:48px;

padding:0 18px;

border:none;

background:var(--primary);

color:#fff;

border-radius:10px;

cursor:pointer;

}

/* ==================================
CATEGORY WIDGET
================================== */

.widget_categories ul,
.widget_recent_entries ul,
.widget_archive ul{

display:flex;

flex-direction:column;

gap:10px;

}

.widget_categories li,
.widget_recent_entries li,
.widget_archive li{

line-height:1.6;

}

/* ==================================
PAGINATION
================================== */

.pagination{

margin-top:40px;

display:flex;

justify-content:center;

}

.pagination .page-numbers{

display:inline-flex;

align-items:center;

justify-content:center;

min-width:42px;

height:42px;

padding:0 14px;

margin:0 4px;

background:#fff;

border-radius:10px;

box-shadow:var(--shadow);

font-weight:700;

}

.pagination .current{

background:var(--primary);

color:#fff;

}

/* ==================================
ARCHIVE HEADER
================================== */

.archive-header{

margin-bottom:30px;

}

.archive-title{

font-size:42px;

font-weight:900;

margin-bottom:10px;

}

.archive-description{

font-size:16px;

line-height:1.8;

color:var(--muted);

max-width:900px;

}

/* ==================================
ARCHIVE PAGE
================================== */

.archive-page{

padding:40px 0 60px;

}

.archive-content{

min-width:0;

}
/* ==================================
SINGLE POST
================================== */

.single-post{

padding:30px 0 60px;

}

.single-layout{

display:grid;

grid-template-columns:
minmax(0,1fr)
320px;

gap:30px;

align-items:start;

}

/* ==================================
ARTICLE CARD
================================== */

.article-card{

background:#fff;

padding:30px;

border-radius:20px;

box-shadow:var(--shadow);

overflow:hidden;

}

/* ==================================
POST HEADER
================================== */

.post-top-meta{

display:flex;

justify-content:space-between;

align-items:center;

gap:15px;

flex-wrap:wrap;

margin-bottom:20px;

}

.post-category{

display:inline-flex;

align-items:center;

padding:8px 14px;

background:var(--primary);

color:#fff;

border-radius:50px;

font-size:13px;

font-weight:700;

}

.post-title{

font-size:42px;

font-weight:900;

line-height:1.25;

margin-bottom:25px;

color:var(--dark);

}

/* ==================================
FEATURED IMAGE
================================== */

.featured-image{

margin-bottom:30px;

overflow:hidden;

border-radius:18px;

}

.featured-img{

width:100%;

height:auto;

display:block;

}

/* ==================================
ENTRY CONTENT
================================== */

.entry-content{

font-size:18px;

line-height:1.95;

color:#222;

}

.entry-content p{

margin-bottom:22px;

}

.entry-content h2{

font-size:32px;

margin:40px 0 18px;

}

.entry-content h3{

font-size:26px;

margin:35px 0 15px;

}

.entry-content h4{

font-size:22px;

margin:30px 0 12px;

}

.entry-content ul,
.entry-content ol{

margin:20px 0 25px 25px;

}

.entry-content ul{

list-style:disc;

}

.entry-content ol{

list-style:decimal;

}

.entry-content li{

margin-bottom:10px;

}

.entry-content blockquote{

margin:30px 0;

padding:20px 25px;

background:#f8fafc;

border-left:5px solid var(--primary);

border-radius:10px;

font-style:italic;

}

.entry-content img{

margin:25px auto;

border-radius:12px;

}

.entry-content table{

width:100%;

border-collapse:collapse;

margin:25px 0;

}

.entry-content table td,
.entry-content table th{

border:1px solid var(--border);

padding:10px;

}

.entry-content table th{

background:#f8fafc;

}

/* ==================================
PAGE LINKS
================================== */

.page-links{

margin-top:30px;

display:flex;

gap:10px;

flex-wrap:wrap;

}

.page-links a,
.page-links span{

padding:8px 14px;

background:#f5f5f5;

border-radius:8px;

font-weight:700;

}

/* ==================================
SHARE BOX
================================== */

.share-box{

margin-top:40px;

padding:25px;

background:#f8fafc;

border-radius:16px;

}

.share-box h3{

margin-bottom:15px;

font-size:22px;

}

.share-buttons{

display:flex;

gap:12px;

flex-wrap:wrap;

}

.share-buttons a{

padding:10px 18px;

background:var(--primary);

color:#fff;

border-radius:8px;

font-size:14px;

font-weight:700;

}

.share-buttons a:hover{

background:var(--primary-dark);

}

/* ==================================
AUTHOR BOX
================================== */

.author-box{

margin-top:35px;

padding:25px;

background:#f8fafc;

border-radius:16px;

}

.author-box h3{

margin-bottom:10px;

font-size:22px;

}

.author-box p{

font-weight:700;

margin-bottom:10px;

}

.author-bio{

color:var(--muted);

line-height:1.8;

}

/* ==================================
POST NAVIGATION
================================== */

.post-navigation{

margin-top:40px;

padding-top:25px;

border-top:1px solid var(--border);

display:flex;

justify-content:space-between;

gap:20px;

}

.post-navigation a{

font-weight:700;

color:var(--dark);

}

.post-navigation a:hover{

color:var(--primary);

}

/* ==================================
COMMENTS
================================== */

.comments-area{

margin-top:50px;

padding-top:30px;

border-top:1px solid var(--border);

}

.comment-list{

margin-top:20px;

}

.comment{

margin-bottom:20px;

padding-bottom:20px;

border-bottom:1px solid var(--border);

}

.comment-author{

font-weight:700;

margin-bottom:5px;

}

.comment-meta{

font-size:13px;

color:var(--muted);

margin-bottom:10px;

}

/* ==================================
RELATED NEWS
================================== */

.related-news{

padding:60px 0;

}

.related-news .section-title{

margin-bottom:25px;

}

/* ==================================
SINGLE SIDEBAR
================================== */

.single-sidebar{

position:sticky;

top:100px;

align-self:start;

}

/* ==================================
RESPONSIVE SINGLE
================================== */

@media(max-width:1100px){

.single-layout{

grid-template-columns:1fr;

}

.single-sidebar{

position:static;

}

.post-title{

font-size:34px;

}

}

@media(max-width:768px){

.article-card{

padding:20px;

}

.post-title{

font-size:28px;

}

.entry-content{

font-size:17px;

}

.share-buttons{

flex-direction:column;

}

.post-navigation{

flex-direction:column;

}

}
/* ==================================
FOOTER
================================== */

.footer{

background:#041b34;

color:#fff;

padding:70px 0 0;

margin-top:70px;

}

.footer-grid{

display:grid;

grid-template-columns:
repeat(4,minmax(0,1fr));

gap:30px;

}

.footer-widget h3{

color:#fff;

font-size:22px;

margin-bottom:18px;

}

.footer-widget p{

color:#cbd5e1;

line-height:1.8;

}

.footer-widget ul{

display:flex;

flex-direction:column;

gap:10px;

}

.footer-widget ul li a{

color:#cbd5e1;

}

.footer-widget ul li a:hover{

color:#fff;

}

/* ==================================
FOOTER LOGO
================================== */

.footer-logo{

margin-bottom:15px;

}

.footer-logo img{

max-height:70px;

width:auto;

}

/* ==================================
FOOTER SOCIAL
================================== */

.footer-social{

display:flex;

gap:12px;

margin-top:20px;

}

.footer-social a{

width:42px;

height:42px;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

background:
rgba(255,255,255,.1);

color:#fff;

font-size:16px;

}

.footer-social a:hover{

background:var(--primary);

}

/* ==================================
FOOTER MENU
================================== */

.footer-menu{

display:flex;

flex-direction:column;

gap:10px;

}

/* ==================================
FOOTER BOTTOM
================================== */

.footer-bottom{

margin-top:50px;

padding:20px 0;

border-top:
1px solid rgba(255,255,255,.1);

}

.footer-bottom-wrap{

display:flex;

justify-content:space-between;

align-items:center;

gap:20px;

flex-wrap:wrap;

}

.footer-bottom p{

color:#cbd5e1;

}

.footer-bottom-links{

display:flex;

gap:18px;

flex-wrap:wrap;

}

.footer-bottom-links a{

color:#cbd5e1;

}

.footer-bottom-links a:hover{

color:#fff;

}

/* ==================================
BACK TO TOP
================================== */

.back-top{

position:fixed;

right:20px;

bottom:20px;

width:48px;

height:48px;

border:none;

border-radius:50%;

background:var(--primary);

color:#fff;

font-size:18px;

cursor:pointer;

z-index:999;

box-shadow:
0 10px 25px rgba(0,0,0,.2);

}

.back-top:hover{

background:var(--primary-dark);

}

/* ==================================
WIDGETS
================================== */

.widget{

margin-bottom:20px;

}

.widget ul{

display:flex;

flex-direction:column;

gap:10px;

}

.widget li{

line-height:1.6;

}

.widget a:hover{

color:var(--primary);

}

/* ==================================
TABLET
================================== */

@media(max-width:1100px){

.hero-grid{

grid-template-columns:1fr;

}

.homepage-grid{

grid-template-columns:1fr;

}

.homepage-sidebar{

position:static;

}

.most-read-grid{

grid-template-columns:
repeat(2,1fr);

}

.news-grid{

grid-template-columns:
repeat(2,1fr);

}

.video-grid{

grid-template-columns:
repeat(2,1fr);

}

.footer-grid{

grid-template-columns:
repeat(2,1fr);

}

}

/* ==================================
MOBILE
================================== */

@media(max-width:768px){

.topbar{

display:none;

}

.container{

padding-left:15px;

padding-right:15px;

}

.navbar{

padding:12px 0;

}

.custom-logo{

max-height:60px;

}

/* MOBILE MENU */

.mobile-toggle{

display:block;

}

.main-nav{

display:none;

}

.main-nav.active{

display:block;

position:absolute;

top:100%;

left:0;

width:100%;

background:var(--green);

padding:20px;

}

.nav-menu{

flex-direction:column;

align-items:flex-start;

gap:14px;

}

/* HERO */

.hero-image{

height:320px;

}

.overlay{

padding:20px;

}

.overlay h1{

font-size:28px;

}

.overlay p{

font-size:15px;

}

.side-news{

gap:12px;

}

/* GRIDS */

.most-read-grid{

grid-template-columns:1fr;

}

.news-grid{

grid-template-columns:1fr;

}

.video-grid{

grid-template-columns:1fr;

}

/* SIDEBAR */

.sidebar-news{

align-items:flex-start;

}

.sidebar-news img{

width:80px;

height:60px;

}

/* FOOTER */

.footer-grid{

grid-template-columns:1fr;

}

.footer-bottom-wrap{

flex-direction:column;

align-items:flex-start;

}

.footer-bottom-links{

gap:12px;

}

.back-top{

right:15px;

bottom:15px;

width:44px;

height:44px;

}

}

/* ==================================
SMALL MOBILE
================================== */

@media(max-width:480px){

.section-title{

font-size:24px;

}

.archive-title{

font-size:30px;

}

.overlay h1{

font-size:24px;

}

.post-title{

font-size:24px;

}

.hero-image{

height:260px;

}

}

/* ==================================
PERFORMANCE
================================== */

.card img,
.news-card img,
.video-card img,
.hero-image,
.featured-img{

transform:translateZ(0);

backface-visibility:hidden;

}

/* ==================================
FINAL FIXES
================================== */

body{

overflow-x:hidden;

}

.homepage,
.site-main,
main{

width:100%;

}

.container{

max-width:1500px;

margin-left:auto;

margin-right:auto;
}