/*
Everest News Pro Matt Edition Separate Stylesheet
Theme URI:      https://nextpop.playlog.net
Author:             Matt Kan
Description:    Style for ENP: Banner Widget 1
Version:            1.1.6.2024.08.19
*/

/*Banner 1 design*/

#en-banner-lay-1 article {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-end;
	align-items: flex-start;
}

#en-banner-lay-1 article > a {
	position: absolute;
	top:0;right:0;bottom:0;left:0;
	width: 100%;
	height: 100%;
}

#en-banner-lay-1 article img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#en-banner-lay-1 article .entry-meta {
	position: static;
	padding: 13px 0 0 0;
}

#en-banner-lay-1 article .entry-meta .metas {
	position: static;
}

#en-banner-lay-1 article .entry-meta .metas li,
#en-banner-lay-1 article .entry-meta .metas li i::before {
	color: #FFF;
	z-index: 5;
}

#en-banner-lay-1 article .metas li time {
	color: #FFF;
}

#en-banner-lay-1 article .tptn_counter {
	color: #FFF;
	padding: 13px 13px  0 0;
	z-index: 5;
}

#en-banner-lay-1 article .icon-visibility {
	width: var(--icon-width);
	height: var(--icon-height);
	margin: 13px 5px 0 0;
	color: #fff;
	z-index: 5;
}

#en-banner-lay-1 .post-overlay {
	background: linear-gradient(rgba(255,255,255,0), rgba(0,0,0,.5));
	transform: none;
	top: unset;
	bottom: 0;
	padding-bottom: 15px;
}

#en-banner-lay-1 .post-overlay .post-title {
	margin: 10px 0;
	font-size: var(--title-h3);
	font-weight: 600;
}

/*Media Query Fix*/
@media screen and (max-width: 1400px) {
	#en-banner-lay-1 article .post-overlay {
		top: unset;
	}
}

/*Mobile Style*/
@media (max-width: 480px) {
    #en-banner-lay-1 .thumb {
		/*padding-top: 177.77%;9:16*/
		padding-top: 166.66%;/*3:5*/
		/*padding-top: 155.55%;9:14*/
        /*height: 350px; ENP預設*/
    }
}