/*==================================================
FRESHNEWS PRO
HOME.CSS
==================================================*/

body{
    background:#F5F7FA;
    font-family:Arial,Helvetica,sans-serif;
    color:#222;
}

.container{
    width:100%;
    max-width:1300px;
    margin:0 auto;
    padding:0 15px;
    box-sizing:border-box;
}

/*==================================================
TOP GRID
==================================================*/



/*==================================================
SIDE COLUMNS
==================================================*/

.news-column{

    background:#fff;

    border:1px solid #E5E7EB;

    border-radius:10px;

    overflow:hidden;

    box-shadow:0 4px 18px rgba(0,0,0,.05);

}

.column-title{

    padding:15px 18px;

    color:#fff;

    font-size:18px;

    font-weight:700;

    text-transform:uppercase;

}

.column-title.red{

    background:#D60000;

}

.column-title.blue{

    background:#0057B8;

}

/*==================================================
MAIN HEADLINE AREA
==================================================*/

.homepage-headlines{

    background:#fff;

}

.main-headline{

    position:relative;

    overflow:hidden;

    border-radius:12px;

    box-shadow:0 8px 24px rgba(0,0,0,.08);

    margin-bottom:20px;

    background:#fff;

}

.main-headline img{

    width:100%;

    height:560px;

    display:block;

    object-fit:cover;

    object-position:center 20%;

}

.headline-overlay{

    position:absolute;

    left:0;

    right:0;

    bottom:0;

    padding:36px;

    background:linear-gradient(
        transparent,
        rgba(0,0,0,.90)
    );

}

.headline-tag{

    display:inline-block;

    padding:6px 12px;

    background:#0057B8;

    color:#fff;

    font-size:12px;

    font-weight:700;

    border-radius:4px;

    margin-bottom:14px;

    text-transform:uppercase;

}

.headline-overlay h2{

    margin:0;

    font-size:34px;

    line-height:1.35;

    font-weight:800;

}

.headline-overlay h2 a{

    color:#fff;

    text-decoration:none;

}

.headline-excerpt{

    margin-top:15px;

    color:#F3F4F6;

    font-size:16px;

    line-height:1.8;

}

.headline-readmore{

    display:inline-block;

    margin-top:20px;

    padding:12px 22px;

    background:#0057B8;

    color:#fff;

    text-decoration:none;

    border-radius:6px;

    font-size:13px;

    font-weight:700;

    transition:.3s;

}

.headline-readmore:hover{

    background:#003A75;

}

/*==================================================
HEADLINE SMALL STORIES
==================================================*/

















/*==================================================
TRENDING COLUMN
==================================================*/

.trending-list{

    background:#fff;

}

.trending-item{

    display:grid;

    grid-template-columns:42px 72px 1fr;

    gap:14px;

    align-items:center;

    padding:16px;

    border-bottom:1px solid #ECECEC;

    transition:.25s;

}

.trending-item:last-child{

    border-bottom:none;

}

.trending-item:hover{

    background:#F8FAFC;

}

.trending-number{

    width:38px;

    height:38px;

    border-radius:50%;

    background:#0057B8;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:18px;

    font-weight:700;

}

.trending-thumb img{

    width:72px;

    height:72px;

    border-radius:8px;

    display:block;

    object-fit:cover;

    object-position:center 20%;

}

.trending-content h4{

    margin:0 0 6px;

    font-size:15px;

    line-height:1.45;

}

.trending-content h4 a{

    color:#111827;

    text-decoration:none;

}

.trending-content h4 a:hover{

    color:#D60000;

}

.trending-content small{

    color:#6B7280;

    font-size:12px;

}

/*==================================================
LATEST COLUMN
==================================================*/

.side-news{

    padding:15px;

}

.side-news-item{

    display:grid;

    grid-template-columns:72px 1fr;

    gap:14px;

    padding:16px 0;

    border-bottom:1px solid #ECECEC;

}

.side-news-item:last-child{

    border-bottom:none;

}

.side-thumb img{

    width:72px;

    height:72px;

    border-radius:8px;

    display:block;

    object-fit:cover;

    object-position:center 20%;

}

.side-content h4{

    margin:0 0 6px;

    font-size:15px;

    line-height:1.45;

}

.side-content h4 a{

    color:#111827;

    text-decoration:none;

}

.side-content h4 a:hover{

    color:#0057B8;

}

.side-content span{

    color:#6B7280;

    font-size:12px;

}

/*==================================================
CATEGORY BLOCK
==================================================*/

.category-section{

    background:#fff;

    margin:45px 0;

    padding:24px;

    border-radius:12px;

    border:1px solid #E5E7EB;

    box-shadow:0 4px 16px rgba(0,0,0,.04);

}

.section-header{

    position:relative;

    display:flex;

    justify-content:center;

    align-items:center;

    margin-bottom:30px;

}

.section-header::before{

    content:"";

    position:absolute;

    left:0;

    right:0;

    height:2px;

    background:#0057B8;

}

.section-header h2{

    position:relative;

    z-index:2;

    background:#0057B8;

    color:#fff;

    padding:8px 24px;

    border-radius:30px;

    font-size:14px;

    text-transform:uppercase;

    letter-spacing:1px;

}

.category-grid{

    display:grid;

    grid-template-columns:48% 52%;

    gap:26px;

    align-items:start;

}

/*==================================================
FEATURED STORY
==================================================*/

.category-featured{

    background:#fff;

    border:1px solid #E5E7EB;

    border-radius:10px;

    overflow:hidden;

    transition:.3s;

}

.category-featured:hover{

    transform:translateY(-3px);

    box-shadow:0 10px 24px rgba(0,0,0,.08);

}

.category-featured img{

    width:100%;

    height:320px;

    display:block;

    object-fit:cover;

    object-position:center 20%;

}

.category-featured .freshnews-no-thumbnail{
    width:100%;
    height:320px;
}

.featured-content{

    padding:20px;

}

.category-featured h3{

    margin:0 0 12px;

    font-size:22px;

    line-height:1.45;

}

.category-featured h3 a{

    color:#111827;

    text-decoration:none;

}

.category-featured h3 a:hover{

    color:#0057B8;

}

.category-featured p{

    margin-bottom:18px;

    color:#4B5563;

    line-height:1.75;

}

.read-more-btn{

    display:inline-block;

    padding:10px 18px;

    background:#0057B8;

    color:#fff;

    text-decoration:none;

    border-radius:6px;

    font-size:13px;

    font-weight:700;

}

.read-more-btn:hover{

    background:#003A75;

}

/*==================================================
RIGHT SIDE STORIES
==================================================*/

.category-small-posts{

    display:flex;

    flex-direction:column;

}

.small-post{

    display:grid;

    grid-template-columns:95px 1fr;

    gap:15px;

    align-items:center;

    padding:16px 0;

    border-bottom:1px solid #ECECEC;

}

.small-post:last-child{

    border-bottom:none;

}

.small-post img{

    width:95px;

    height:75px;

    border-radius:8px;

    object-fit:cover;

    object-position:center 20%;

}

.small-post h4{

    margin:0 0 6px;

    font-size:16px;

    line-height:1.45;

}

.small-post h4 a{

    color:#111827;

    text-decoration:none;

}

.small-post h4 a:hover{

    color:#0057B8;

}

.small-post small{

    color:#6B7280;

    font-size:12px;

}

.category-more{

    margin-top:22px;

    padding-top:20px;

    border-top:1px solid #ECECEC;

    text-align:right;

}

.category-more a{

    display:inline-block;

    background:#0057B8;

    color:#fff;

    text-decoration:none;

    padding:11px 20px;

    border-radius:30px;

    font-size:13px;

    font-weight:700;

}

.category-more a:hover{

    background:#003A75;

}

/*==================================================
EDITOR'S PICKS
==================================================*/



















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





.latest-post{

    background:#fff;

    border:1px solid #E5E7EB;

    border-radius:10px;

    overflow:hidden;

    transition:.3s;

}

.latest-post:hover{

    transform:translateY(-4px);

    box-shadow:0 12px 24px rgba(0,0,0,.08);

}

.latest-post img{

    width:100%;

    aspect-ratio:16/9;

    object-fit:cover;

    object-position:center 20%;

    display:block;

}













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

.category-page{

    max-width:1100px;

    margin:40px auto;

}

.archive-header{

    margin-bottom:35px;

    border-bottom:3px solid #0057B8;

    padding-bottom:15px;

}

.archive-header h1{

    margin:0;

    font-size:34px;

    font-weight:800;

    color:#111827;

    text-transform:uppercase;

}

.archive-header p{

    margin-top:10px;

    color:#6B7280;

}

/*==================================================
GLOBAL CARD HOVER
==================================================*/

.news-column,
.category-section,
.category-featured,
.latest-post{

    transition:.3s;

}

.news-column:hover,
.category-section:hover{

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

}

/*==================================================
RESPONSIVE DESIGN
==================================================*/

@media (max-width:1200px){

    

}

@media (max-width:1024px){

    

    .category-grid{

        grid-template-columns:1fr;

    }

    

    

    


}

@media (max-width:768px){

    .container{

        padding:0 15px;

    }

    

    .main-headline img{

        height:300px;

    }

    .headline-overlay{

        padding:20px;

    }

    .headline-overlay h2{

        font-size:24px;

    }

    .headline-excerpt{

        display:none;

    }

    

    

    .category-featured img{

        height:240px;

    }

    .small-post{

        grid-template-columns:80px 1fr;

    }

    .small-post img{

        width:80px;

        height:65px;

    }


    .trending-item{

        grid-template-columns:34px 60px 1fr;

    }

    .trending-thumb img{

        width:60px;

        height:60px;

    }

}

@media (max-width:600px){

    

    .headline-overlay h2{

        font-size:21px;

    }

    .category-featured h3{

        font-size:20px;

    }

    .archive-header h1{

        font-size:28px;

    }


}

@media (max-width:480px){

    .main-headline img{

        height:250px;

    }

    .headline-overlay{

        padding:18px;

    }

    .headline-overlay h2{

        font-size:19px;

        line-height:1.4;

    }

    .headline-readmore{

        padding:8px 14px;

        font-size:12px;

    }

    .section-header h2{

        font-size:12px;

        padding:8px 18px;

    }

    .category-section{

        padding:18px;

    }

    .featured-content{

        padding:16px;

    }

    

}

/*==================================================
IMAGE QUALITY
==================================================*/

img{

    max-width:100%;

    height:auto;

}

.wp-post-image{

    display:block;

}

/*==================================================
SMOOTH TRANSITIONS
==================================================*/

a,
button,
input,
.news-column,
.category-featured,
.latest-post{

    transition:all .25s ease;

}

/*==================================================
DESKTOP SIDE-STORY TITLE SAFETY
==================================================*/
@media (min-width:1025px){

    .trending-item,
.side-news-item{
        align-items:start;
        height:auto;
        min-height:78px;
        overflow:visible;
    }

    .trending-content,
.side-content{
        min-width:0;
        height:auto;
        overflow:visible;
    }

    .trending-content h4,
.side-content h4{
        height:auto;
        max-height:none;
        overflow:visible;
        white-space:normal;
        overflow-wrap:anywhere;
        word-break:normal;
        margin:0 0 5px;
    }

}

/*==================================================
FRESHNEWS COMPACT NEWSROOM OVERRIDES
==================================================*/

.menu-toggle{
	display:none;
	flex:0 0 42px;
	width:42px;
	height:42px;
	padding:0;
	border:0;
	border-radius:6px;
	background:#0057B8;
	color:#fff;
	cursor:pointer;
	align-items:center;
	justify-content:center;
	position:relative;
	z-index:100001;
}

.menu-toggle span{
	display:block;
	width:22px;
	height:2px;
	background:#fff;
	margin:4px auto;
	border-radius:2px;
	transition:transform .2s ease, opacity .2s ease;
}

.menu-toggle.active span:nth-child(1){
	transform:translateY(6px) rotate(45deg);
}
.menu-toggle.active span:nth-child(2){
	opacity:0;
}
.menu-toggle.active span:nth-child(3){
	transform:translateY(-6px) rotate(-45deg);
}

.search-form{
	display:flex;
	align-items:center;
	width:260px;
	max-width:100%;
	border:1px solid #D9DEE7;
	border-radius:7px;
	background:#fff;
	overflow:hidden;
	box-shadow:0 1px 3px rgba(15,23,42,.06);
}


.news-column{
	border-radius:7px;
	box-shadow:0 2px 10px rgba(0,0,0,.045);
}

.column-title{
	padding:11px 14px;
	font-size:15px;
}

.side-news{
	padding:8px 12px;
}

.side-news-item{
	grid-template-columns:64px 1fr;
	gap:10px;
	padding:10px 0;
}

.side-thumb img{
	width:64px;
	height:58px;
	border-radius:5px;
}

.side-content h4{
	font-size:13px;
	line-height:1.35;
	margin:0 0 4px;
}

.side-content span{
	font-size:11px;
}

.trending-item{
	grid-template-columns:30px 58px 1fr;
	gap:9px;
	padding:10px 12px;
}

.trending-number{
	width:28px;
	height:28px;
	font-size:14px;
}

.trending-thumb img{
	width:58px;
	height:58px;
	border-radius:5px;
}

.trending-content h4{
	font-size:13px;
	line-height:1.35;
	margin-bottom:4px;
}

.trending-content small{
	font-size:11px;
}

.main-headline{
	margin-bottom:0;
	border-radius:7px;
	box-shadow:0 2px 12px rgba(0,0,0,.06);
}

.main-headline img{
	height:390px;
}

.headline-overlay{
	padding:24px;
}

.headline-overlay h2{
	font-size:27px;
	line-height:1.25;
}

.headline-excerpt{
	margin-top:10px;
	font-size:14px;
	line-height:1.55;
}

.headline-readmore{
	margin-top:12px;
	padding:9px 16px;
	font-size:12px;
}

.category-section{
	margin:28px 0;
	padding:18px;
	border-radius:7px;
	box-shadow:0 2px 10px rgba(0,0,0,.035);
}

.section-header{
	margin-bottom:18px;
}

.section-header h2{
	padding:6px 18px;
	font-size:12px;
}

.category-grid{
	grid-template-columns:42% 58%;
	gap:18px;
}

.category-featured img{
	height:230px;
}

.featured-content{
	padding:14px;
}

.category-featured h3{
	font-size:18px;
	line-height:1.35;
	margin-bottom:8px;
}

.category-featured p{
	margin-bottom:12px;
	font-size:13px;
	line-height:1.55;
}

.read-more-btn{
	padding:8px 14px;
	font-size:12px;
}

.small-post{
	grid-template-columns:70px 1fr;
	gap:10px;
	padding:9px 0;
}

.small-post img{
	width:70px;
	height:58px;
	border-radius:5px;
}

.small-post h4{
	font-size:13px;
	line-height:1.35;
	margin-bottom:4px;
}

.small-post small{
	font-size:11px;
}

.category-more{
	margin-top:14px;
	padding-top:12px;
}

.category-more a{
	padding:8px 15px;
	font-size:12px;
}

.menu-wrapper .primary-menu > li > a{
	padding:13px 14px;
	font-size:13px;
}

/* Mobile menu overlay */
.menu-overlay{
	position:fixed;
	inset:0;
	background:rgba(15,23,42,.42);
	opacity:0;
	visibility:hidden;
	transition:opacity .25s ease, visibility .25s ease;
	z-index:99998;
}

.menu-overlay.active{
	opacity:1;
	visibility:visible;
}

.mobile-menu.active + .menu-overlay{
	opacity:1;
	visibility:visible;
}

@media (max-width:1200px){
	
	.menu-wrapper .primary-menu > li > a{
		padding-left:10px;
		padding-right:10px;
		font-size:12px;
	}
}

@media (max-width:992px){
	.menu-toggle{
		display:flex;
	}
	
	
	
	
	.main-headline img{
		height:360px;
	}
	.header-search .search-form{
		width:210px;
	}
}

@media (max-width:768px){
	
	
	.main-headline img{
		height:270px;
	}
	.headline-overlay{
		padding:18px;
	}
	.headline-overlay h2{
		font-size:21px;
	}
	.headline-excerpt{
		display:none;
	}
	.header-search{
		display:none;
	}
	.category-section{
		margin:20px 0;
		padding:14px;
	}
	.category-grid{
		grid-template-columns:1fr;
		gap:12px;
	}
	.category-featured img{
		height:210px;
	}
}

@media (max-width:480px){
	.main-headline img{
		height:235px;
	}
	.category-section{
		padding:12px;
	}
}

/*==================================================
FRESHNEWS FINAL COMPACT HOMEPAGE OVERRIDES
==================================================*/







.main-headline{
	margin:0;
	border-radius:8px;
	box-shadow:0 4px 16px rgba(0,0,0,.07);
}

.main-headline img{
	height:380px;
}

.headline-overlay{
	padding:24px;
}

.headline-overlay h2{
	font-size:27px;
	line-height:1.3;
}

.headline-excerpt{
	margin-top:10px;
	font-size:14px;
	line-height:1.55;
}

.headline-readmore{display:none;}

.side-news{padding:8px 12px;}
.side-news-item{grid-template-columns:64px 1fr;gap:10px;padding:11px 0;}
.side-thumb img{width:64px;height:58px;border-radius:6px;}
.side-content h4{font-size:14px;line-height:1.35;margin-bottom:4px;}
.side-content span{font-size:11px;}

.trending-item{grid-template-columns:34px 60px 1fr;gap:9px;padding:11px 12px;}
.trending-number{width:32px;height:32px;font-size:15px;}
.trending-thumb img{width:60px;height:58px;border-radius:6px;}
.trending-content h4{font-size:14px;line-height:1.35;margin-bottom:4px;}
.trending-content small{font-size:11px;}

.category-section{
	margin:28px 0;
	padding:16px;
	border-radius:8px;
}

.category-section .section-header{margin-bottom:16px;}
.category-section .section-header h2{padding:6px 16px;font-size:13px;}
.category-grid{grid-template-columns:minmax(260px, 38%) minmax(0, 62%);gap:18px;}
.category-featured{border-radius:7px;}
.category-featured img{height:245px;}
.featured-content{padding:14px;}
.category-featured h3{font-size:19px;line-height:1.3;margin-bottom:8px;}
.category-featured p{font-size:13px;line-height:1.5;margin-bottom:10px;}
.read-more-btn{padding:8px 13px;font-size:12px;}
.category-small-posts{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	column-gap:18px;
	row-gap:0;
}
.small-post{grid-template-columns:72px 1fr;gap:10px;padding:10px 0;min-width:0;}
.small-post img{width:72px;height:58px;border-radius:6px;}
.small-post h4{font-size:14px;line-height:1.3;margin-bottom:4px;}
.small-post small{font-size:11px;}
.category-more{margin-top:12px;padding-top:12px;}
.category-more a{padding:8px 14px;font-size:12px;}

@media (max-width:1100px){
	
	.main-headline img{height:340px;}
}

@media (max-width:900px){
	
	.main-headline img{height:360px;}
	.category-grid{grid-template-columns:1fr;}
	.category-featured img{height:260px;}
}

@media (max-width:700px){
	
	.main-headline img{height:270px;}
	.headline-overlay{padding:16px;}
	.headline-overlay h2{font-size:22px;}
	.headline-excerpt{display:none;}
	.category-small-posts{grid-template-columns:1fr;}
}

/*==================================================
FRESHNEWS FINAL HOMEPAGE POLISH
==================================================*/







.latest-column-box{
	height:100%;
}

.side-news,
.trending-list{
	display:flex;
	flex-direction:column;
}

.side-news-item,
.trending-item{
	min-height:78px;
	height:78px;
	align-items:center;
}

.side-news-item{padding:9px 0;}
.trending-item{padding:9px 12px;}

.side-thumb img,
.trending-thumb img{
	width:60px;
	height:56px;
	object-fit:cover;
}

.side-news-item{grid-template-columns:60px minmax(0,1fr);}
.trending-item{grid-template-columns:30px 60px minmax(0,1fr);}

.trending-number{
	width:28px;
	height:28px;
	font-size:13px;
}

.side-content h4,
.trending-content h4{
	font-size:13px;
	line-height:1.28;
	margin-bottom:3px;
}

.side-content span,
.trending-content small{
	font-size:10px;
}

.main-headline{
	margin:0;
	border-radius:8px;
}

.main-headline img{
	height:380px;
}

.headline-overlay{
	padding:22px;
}

.headline-overlay h2{
	font-size:26px;
	line-height:1.28;
}

/* Keep the area below the top news row tight. */
.category-section:first-of-type{
	margin-top:12px;
}

.category-section{
	margin:22px 0;
}

/* Nine-story category layout: one main + eight compact stories. */
.category-grid{
	grid-template-columns:minmax(270px,38%) minmax(0,62%);
	gap:18px;
}

.category-small-posts{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	column-gap:18px;
	row-gap:0;
}

.small-post{
	grid-template-columns:68px minmax(0,1fr);
	gap:9px;
	padding:9px 0;
	min-height:76px;
}

.small-post img{
	width:68px;
	height:56px;
}

.small-post h4{
	font-size:13px;
	line-height:1.3;
}

.category-featured img{height:235px;}
.category-featured h3{font-size:19px;}

@media (max-width:900px){
	
	.main-headline img{height:330px;}
}

@media (max-width:700px){
	
	.side-news-item,
.trending-item{
		height:72px;
		min-height:72px;
	}
	.main-headline img{height:250px;}
	.category-small-posts{grid-template-columns:1fr;}
}


/*==================================================
FRESHNEWS v4 HOMEPAGE
==================================================*/







.main-headline{
	margin-bottom:0;
	border-radius:9px;
}

.main-headline img{
	height:390px;
}

.headline-overlay{
	padding:24px;
}

.headline-overlay h2{
	font-size:28px;
	line-height:1.25;
}

.headline-excerpt{
	margin-top:10px;
	font-size:14px;
	line-height:1.55;
}

.headline-readmore{
	margin-top:12px;
	padding:9px 16px;
}

.news-column{
	border-radius:8px;
	box-shadow:0 2px 10px rgba(0,0,0,.04);
}

.column-title{
	padding:11px 14px;
	font-size:15px;
}

.side-news{
	padding:0 13px;
}

.side-news-item,
.trending-item{
	grid-template-columns:64px minmax(0,1fr);
	gap:11px;
	min-height:78px;
	padding:10px 0;
	box-sizing:border-box;
}

.trending-item{
	grid-template-columns:30px 58px minmax(0,1fr);
}

.trending-number{
	width:28px;
	height:28px;
	font-size:13px;
}

.side-thumb img,
.trending-thumb img{
	width:58px;
	height:58px;
	border-radius:6px;
}

.side-content,
.trending-content{
	min-width:0;
	overflow:hidden;
}

.side-content h4,
.trending-content h4{
	margin:0 0 4px;
	font-size:13px;
	line-height:1.3;
}

.side-content span,
.trending-content small{
	font-size:11px;
}

.trending-item{
	align-items:center;
}

.category-section{
	margin:28px 0;
	padding:18px;
	border-radius:9px;
}

.section-header{
	margin-bottom:20px;
}

.category-grid{
	grid-template-columns:42% 58%;
	gap:20px;
}

.category-featured img{
	height:260px;
}

.category-featured h3{
	font-size:20px;
}

.small-post{
	grid-template-columns:78px minmax(0,1fr);
	gap:12px;
	padding:10px 0;
}

.small-post img{
	width:78px;
	height:62px;
	border-radius:6px;
}

.small-post h4{
	font-size:14px;
	line-height:1.35;
}

@media (max-width:1100px){
	
	.main-headline img{height:340px;}
}

@media (max-width:900px){
	
	
	
	
	.main-headline img{height:360px;}
}

@media (max-width:600px){
	
	
	.main-headline img{height:270px;}
	.headline-overlay{padding:18px;}
	.headline-overlay h2{font-size:22px;}
	.headline-excerpt{display:none;}
	.category-grid{grid-template-columns:1fr;}
}

html.freshnews-dark .category-section{
	background:transparent;
}
html.freshnews-dark .category-featured,
html.freshnews-dark .latest-post{
	border-color:#263244;
}


/*==================================================
FRESHNEWS V10 - HOMEPAGE ORDER / COMPACT NEWS ROWS
==================================================*/







.side-news-item,
.trending-item{
    display:grid !important;
    align-items:center !important;
    min-height:72px;
    overflow:hidden;
}

.side-news-item{grid-template-columns:64px minmax(0,1fr) !important;gap:10px;padding:9px 0 !important;}
.trending-item{grid-template-columns:30px 64px minmax(0,1fr) !important;gap:9px;padding:9px 10px !important;}

.side-thumb,
.trending-thumb{
    display:block;
    width:100%;
    aspect-ratio:16/10;
    overflow:hidden;
    border-radius:5px;
}

.side-thumb img,
.trending-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.side-content,
.trending-content{min-width:0;overflow:hidden;}
.side-content h4,
.trending-content h4{
    margin:0;
    font-size:14px;
    line-height:1.28;
}
.side-content span,
.trending-content small{display:block;margin-top:4px;font-size:10px;color:#6B7280;}

.main-headline{position:relative;overflow:hidden;border-radius:8px;}
.main-headline img{width:100%;height:350px;object-fit:cover;display:block;}

@media(max-width:1100px){
    
    .main-headline img{height:320px;}
}

@media(max-width:900px){
    
    .main-headline img{height:330px;}
}

@media(max-width:700px){
    
    .main-headline img{height:250px;}
}


/*==================================================
MOBILE HOMEPAGE ORDER
==================================================*/

@media (max-width:700px){
    
}

/* FULL HEADLINES - NO ELLIPSIS */
.side-content h4,
.trending-content h4,
.small-content h4,
.category-featured h3{
 overflow:visible;text-overflow:clip;white-space:normal;word-break:normal;overflow-wrap:break-word;display:block;
}
.side-content h4,
.trending-content h4{font-size:13px;line-height:1.35;margin:0;}
.small-content h4{font-size:13px;line-height:1.35;margin:0 0 4px;}

@media(max-width:900px){.side-content h4,
.trending-content h4,
.small-content h4{font-size:13px;line-height:1.35;}}

/*==================================================
FRESHNEWS DESKTOP SIDE-NEWS OVERLAP FIX

Only desktop/tablet-large is changed here. The phone and tablet
responsive rules above remain untouched.
==================================================*/
@media (min-width: 1200px){
    

    

    

    
}

/*==================================================
FRESHNEWS DESKTOP MICRO-ADJUSTMENT
Only the PC Trending/Latest rows are adjusted.
Typography, image sizes and mobile/tablet layouts stay unchanged.
==================================================*/
@media (min-width:1200px){
    

    

    

    
}



/*==================================================
FRESHNEWS v12.8 - PC SPACE ONLY
Do not resize, taper, reflow, or change headline typography.
Only closes the small gap between the top news grid and the first category.
==================================================*/
@media (min-width:1200px){
    

    
}

/* ==================================================
   FLEXIBLE CATEGORY LAYOUTS — v13.1
   These rules add the requested 4 x 2 landscape layout
   without changing the existing standard category layout.
================================================== */
.category-landscape-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
}
.category-landscape-card{
    min-width:0;
    background:#fff;
    border:1px solid #E5E7EB;
    border-radius:10px;
    overflow:hidden;
}
.category-landscape-card img{
    width:100%;
    aspect-ratio:16/9;
    height:auto;
    display:block;
    object-fit:cover;
}

.category-landscape-card .freshnews-no-thumbnail{
    width:100%;
    aspect-ratio:16/9;
}
.category-landscape-content{
    padding:12px 14px 14px;
}
.category-landscape-content h3{
    margin:0 0 6px;
    font-size:16px;
    line-height:1.4;
}
.category-landscape-content h3 a{
    color:#111827;
}
.category-landscape-content small{
    color:#6B7280;
    font-size:12px;
}
@media (max-width:1024px){
    .category-landscape-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:600px){
    .category-landscape-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
    .category-landscape-content{padding:10px;}
    .category-landscape-content h3{font-size:14px;line-height:1.35;}
}

.category-compact-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}
.category-compact-card{
    min-width:0;
    display:grid;
    grid-template-columns:100px minmax(0,1fr);
    gap:12px;
    align-items:center;
    padding:10px;
    background:#fff;
    border:1px solid #E5E7EB;
    border-radius:8px;
}
.category-compact-card img{
    width:100px;
    height:72px;
    object-fit:cover;
    border-radius:7px;
}

.category-compact-card .freshnews-no-thumbnail{
    width:100px;
    height:72px;
    border-radius:7px;
}
.category-compact-card h3{
    margin:0 0 4px;
    font-size:15px;
    line-height:1.4;
}
.category-compact-card h3 a{color:#111827;}
.category-compact-card small{color:#6B7280;font-size:11px;}
@media (max-width:1024px){.category-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:600px){.category-compact-grid{grid-template-columns:1fr;}}

/* ==================================================
   FRESHNEWS v15.6 — HOMEPAGE MODULE BALANCE
   Desktop: Latest | Center Headline | Trending
   Mobile:  Headline | Latest | Trending
   The Site Builder still controls the desktop module order.
================================================== */
.homepage-top-modules{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);
    gap:var(--freshnews-home-gap,14px);
    align-items:stretch;
    margin-bottom:18px;
}
.homepage-module{
    min-width:0;
}
.homepage-module .news-column,
.homepage-module .homepage-headlines{
    height:100%;
}
.homepage-module .main-headline{
    height:100%;
}
.homepage-module .main-headline img{
    width:100%;
    height:350px;
    object-fit:cover;
    object-position:center center;
}
.homepage-module-headline{min-width:0;}
.homepage-module-latest,
.homepage-module-trending{min-width:0;}

@media (max-width:1024px){
    .homepage-top-modules{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .homepage-module-headline{
        grid-column:1 / -1;
        grid-row:1;
    }
    .homepage-module-latest{
        grid-column:1;
        grid-row:2;
    }
    .homepage-module-trending{
        grid-column:2;
        grid-row:2;
    }
    .homepage-module .main-headline img{
        height:320px;
    }
}

@media (max-width:700px){
    .homepage-top-modules{
        display:flex;
        flex-direction:column;
        gap:12px;
    }
    .homepage-module-headline{order:1;}
    .homepage-module-latest{order:2;}
    .homepage-module-trending{order:3;}
    .homepage-module .main-headline img{
        height:250px;
        object-fit:cover;
    }
}


/* ==================================================
   FRESHNEWS 1.6.8 — FINAL HOMEPAGE ORDER
   Desktop: Trending | Center Headline | Latest
   Mobile:  Center Headline | Latest | Trending
   The Site Builder still controls the saved module order; this only
   establishes the intended responsive presentation for the standard set.
================================================== */
@media (min-width:1025px){
    .homepage-top-modules{
        grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);
    }
    .homepage-module-trending{grid-column:1;grid-row:1;}
    .homepage-module-headline{grid-column:2;grid-row:1;}
    .homepage-module-latest{grid-column:3;grid-row:1;}
    .homepage-module-headline .main-headline img{
        width:100%;
        height:350px;
        object-fit:cover;
        object-position:center center;
    }
}
@media (max-width:1024px){
    .homepage-module-headline .main-headline img{
        width:100%;
        max-width:100%;
        height:320px;
        object-fit:cover;
    }
}
@media (max-width:700px){
    .homepage-module-headline .main-headline img{
        height:250px;
        max-height:250px;
        object-fit:cover;
    }
}