/* @override 
	https://k12coalition.com/wp-content/themes/wp-k12coalition-2025/assets/css/news.css?* */

/* @group News Filters */

.news-filter-nav{
display:flex;
justify-content:space-between;
margin-bottom:50px;
align-items: center;
position:relative;
gap:20px;
z-index:1000 !important;

}



.news-filter-nav .cat-search{
display:flex;
border-radius: 8px;
border: 2px solid rgba(17, 0, 69, 0.15);
background: #FFF;
padding:3px;
position:relative;
max-width: 450px;
}

.news-filter-nav .cat-selector{
display:flex;
position:relative;
border-radius: 8px;
border: 2px solid #E0F5FE;
background: #EFFAFF;
z-index:100;
}



.news-filter-nav .select-selected {
	overflow:hidden;
}
.news-filter-nav .cat-selector:before {

content: "";
width:50px;
height:50px;
display:block;
position:absolute;
top: 0px;
background-repeat: no-repeat;
background-size: 18px;
background-position:center;
background-image: url(/wp-content/themes/wp-k12coalition-2025/assets/images/icon-search-magnify.svg);
z-index:140;
left:-5px;
top: -7px;
}




.news-filter-nav .cat-selector:after{
content:"";
width: 7px;
height:7px;
position:absolute;
display:block;
border-right:2px solid;
border-bottom:2px solid;
right: 12px;
transform: rotate(45deg);
top: 50%;
margin-top:-4px
}

.news-filter-nav .cat-selector {
padding-left:35px
}

.news-filter-nav .cat-selector select{
appearance:none;
border:none;
background:none
}
.news-filter-nav .cat-search {
	position:Relative;
	z-index:1000
}
.news-filter-nav .cat-search > * {
width:50%;
}
.news-filter-nav .cat-search input{
border: none;
background:transparent;
text-align:center;
min-width:none;
max-width:none
}

.news-filter-nav .nsearch {
display:flex;
}

.news-tags {
display:flex;
flex-wrap: wrap;
gap:15px
}
.news-tags button{
border-radius: 100px;
border: 2px solid rgba(231, 202, 242, 0.50);
background: linear-gradient(90deg, #F9E9FF 0%, rgba(249, 233, 255, 0.50) 100%);
color:black;
font-size: 14px;
font-weight:600
}




.news-tags button:nth-child(1){

border: 2px solid rgba(255, 149, 89, 0.25);
background: linear-gradient(90deg, rgba(255, 149, 89, 0.20) 0%, rgba(255, 149, 89, 0.10) 100%);
}
.news-tags button:nth-child(2){
border: 2px solid rgba(252, 224, 138, 0.50);
background: linear-gradient(90deg, rgba(251, 239, 191, 0.50) 0%, rgba(251, 239, 191, 0.25) 100%);
}
.news-tags button:nth-child(3){

border: 2px solid #BCEFEB;
background: linear-gradient(90deg, rgba(188, 239, 235, 0.50) 0%, rgba(188, 239, 235, 0.25) 100%);
}

.news-tags button:nth-child(4){

border: 2px solid #C0EBFF;
background: linear-gradient(90deg, #DCF5FF 4.26%, rgba(220, 245, 255, 0.50) 96.1%);
}

.news-tags button:nth-child(5){

border: 2px solid rgba(231, 202, 242, 0.50);	
background: linear-gradient(90deg, #F9E9FF 0%, rgba(249, 233, 255, 0.50) 100%);

}

.news-tags button:hover, .news-tags button.active{
border: 2px solid #3F3B86;
background: #3F3B86;
color: white;

}



@media(max-width:1024px) {


.news-filter-nav{
flex-direction:column
}

.news-tags {
display:flex;
justify-content:center;
margin:30px 0 0
}

.news-filter-nav .select-selected,
.news-filter-nav .nsearch .news-search{
font-size: 14px;

}

}







/* @group Deluxe Select Button */




.deluxe-select .select-items {
	position:fixed !important;
	border:1px solid;
	height:auto;
	overflow:visible!important;
	width:200px;
	max-height: 200px;
	overflow-y: scroll !important;
	background-color: #EFFBFE;
	border:1px solid #E0F5FE;
	border-radius:8px;
	padding:10px;
	z-index: 1000;

}

.deluxe-select .select-items div:nth-child(1){
	display:none
}


.deluxe-select .select-items::-webkit-scrollbar,
.deluxe-select .select-items::scrollbar {
	width: 7px;
	border-radius: 50px;
	background: #8BD8EF;
}

.deluxe-select .select-items::-webkit-scrollbar-track,
.deluxe-select .select-items::scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: white; 
}

.deluxe-select .select-items::-webkit-scrollbar-thumb,
.deluxe-select .select-items::scrollbar-thumb {
   -webkit-border-radius: 10px;
   border-radius: 10px;
   background: #ADADAD;
}


html .deluxe-select select {
  display: none; /*hide original SELECT element: */
}




/* style the items (options), including the selected item: */
 html .select-selected {
  text-align: left;
  border:1px solid #000;
  width:100%;
  color: var(--dp-color-primary);
  padding: 3px 26px 0px 5px;
  border: 1px solid transparent;
    font-family: var(--dp-font-primary);
  cursor: pointer;
  font-size: 14px;
  font-family: "Avenir Next";
    font-weight: 600 !important;
 	overflow:hidden;
 	margin-right:0px;
 	max-width:calc(100% - 23px);;
 	white-space:normal!important;
 
 	}

html .deluxe-select .select-selected {
    font-weight: bold;
  text-align: left;
  display:flex;
  align-items: center;

  white-space:nowrap;
  line-height:1.1em;

  }



/* Hide the items when the select box is closed: */
html body .deluxe-select .select-hide {
  display: none;
}
html body .deluxe-select .select-items div {
	transition: all .3s ease;
	font-size: 14px;
	font-family: "Avenir Next";
	font-weight: 500;
	padding:8px 15px;
	cursor:pointer;
}



@media (hover: hover) {
	html body .deluxe-select .select-items div:hover {
		
	background-color:#8BD8EF40;
	border-radius:5px;

	}

}

/* @end */

/* @group Deluxe Select Repsonsive states */

@media(max-width:1024px) {
	html body .select-form .deluxe-select{
		width:100%;
	}
	
	

	
	html body deluxe-select,html body .has-deluxe-select .select-form select{
		margin-left:0 !important;
		padding-left:0!important;
		margin-top: 10px;;
	}
	
	html body .select-selected {
		font-size: 18px;
		padding-right:35px;
	}
	
	html body .deluxe-select .select-items{
		font-size: 18px;
	
	}
	
	html  .deluxe-select .select-selected:after {
		width: 18px;
		top: 17px;
	}
	
	
}
/* @end */


/* @end */






/* @group News Index */


.news-index {
display:flex;
flex-wrap: wrap;
margin-bottom:50px!important;
gap:60px 31px
}

.news-index .post-thumb{
 aspect-ratio: 450 / 263;
	overflow:hidden!important
}

.news-index .news-post {
border-radius: 15px;
background: #FFF;

/* news drop shadow */
box-shadow: 0 5px 30px 0 rgba(139, 216, 239, 0.20);
}
.news-index .post-thumb img{
 height:100%;
 width:100%;
 object-fit:cover;
 transition:all 1s;
	transform-origin: center;
}
.news-index >div {
width: 31%;
overflow:hidden!important
}

@media(min-width:1024px) {

.news-index >div {
width: 31.4%;
overflow:hidden!important
}
}
.post-info {
padding:20px
}
.news-index * {
overflow:visible;
}
.news-index .news-post h3{
color: #110045;
font-family: "Avenir Next";
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 34px; /* 141.667% */
}


.news-index .news-post .date{

color: #110045;
text-align: center;
font-feature-settings: 'liga' off, 'clig' off;
font-family: "Avenir Next";
font-size: 13px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 184.615% */
letter-spacing: 1px;
text-transform: uppercase;
}

.news-index .news-post p{
color: #110045;
font-family: "Avenir Next";
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 22px; /* 157.143% */

}

.news-index .news-post .post-link{
color: #110045;
font-family: "Avenir Next";
font-size: 16px;
font-style: normal;
font-weight: 600;
margin:0 !important;
line-height: 150%; /* 24px */
line-height:1em !important

}
.featured-news-post .post-link {
	display:flex;
	justify-content:center;
	align-items: center;
	padding-right:70px;
	
}
.featured-news-post .post-link:after{
display:inline-block;
content: "";
width: 25px;
height:25px;
top: 50%;

margin-top: -14px;
margin-left:10px;
position:absolute;
background-image: url("/wp-content/themes/wp-k12coalition-2025/assets/images/icon-arrow-right.svg");
}

.featured-news-post .post-link {
	background-color: #110045 !important;
	transition: background-color .3s ease;
}
.featured-news-post  a.post-link:hover{
	background-color: #336!important;
	color:white !important

}

.news-post .post-hit {

	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.news-post:hover .post-thumb img{
	width: 120%;
	height:120%
}

@media(max-width:768px) {

	.news-index >div {
		margin:0 -20px;
		width:120%!important;
	}

}

/* @end */

/* @group News posts and Index Responsive states*/




.news-archive{
	
	background: linear-gradient(0deg, #E0F5FE 0%, #ffffff 100%);
}

.news-archive:before {
	position:absolute;
	top: 0;
	left:0;
	right: 0;
	bottom: 0;
	background-image: url("/wp-content/themes/wp-k12coalition-2025/assets/images/cloud-stack.webp"); 
	background-position:center bottom !important;
	background-size:100%;
	opacity:1 !important
}
.news-archive *{
	position:Relative;
	z-index:2
}



.news-post-feat-img {
	aspect-ratio: 1368 / 493;
	margin-top: 75px;
	margin-bottom:80px!important;
	box-shadow: 0 15px 0px 0 rgba(139, 216, 239, 0.30)!important;
	
}


.news-article {
	width:100% ;
	border-radius: 20px !important;
	padding:50px !important


}

@media(min-width:1024px) {
	
	
	.news-aside {
		width:calc(100% - 750px)!important
	}
}
@media(min-width:1025px) and (max-width:1125px) {
	
	
	.news-aside {
		width:calc(30%)!important
	}
	
	.news-article{
		width:calc(70%)!important
	}
}



.news-post-links article {
   flex-direction: row !important;
	background-color: white;
	border-radius:10px!important;
	box-shadow: 0 5px 30px 0 rgba(139, 216, 239, 0.20);
}

@media(max-width:768px) {
	.news-post-links article{
		flex-direction: column;
	}
}

.news-aside .news-post-links article {
	flex-direction: row-reverse !important;
}



.related-press h3+a {
	position:Relative;
}


.news-aside .news-post-links article .elementor-post__text{
	position:relative;
}

.related-press h3+a:after {
	content:"";
	width:6px;
	height:6px;
	display:block;
	position:absolute;
	border-right: 1px solid;
	border-bottom:1px solid;
	transform:rotate(-45deg);
	top: 7px;
	right:-10px
	
}

.news-index .news-post  .post-link {
	position: relative;
	display:inline-block;
	padding-right:15px;
}
.news-index .news-post  .post-link:after {
	content:"";
	width:8px;
	height:8px;
	display:block;
	position:absolute ;
	border-right: 2px solid;
	border-bottom:2px solid;
	transform:rotate(-45deg);
	position: absolute;
	top: 3px;
	right: 0;
	
}


.news-link-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	border-radius:5px !important;
	overflow:hidden;
	align-self: stretch;
	background-color: white;
	/* news drop shadow */
	box-shadow: 0 5px 30px 0 rgba(139, 216, 239, 0.20);
}

.news-link-container .post-thumb {
	width:130px !important;
	border-radius: 0 5px 5px 0;
	
	
}
.news-link-container .post-thumb img{

	height:100%!important;
	object-fit:cover
	
}


.news-link-container .post-title {
	

color: #110045;
font-family: "Avenir Next";
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 28px; /* 155.556% */

}
.news-post-content {
	padding:20px !important;
	max-width:calc(100% - 130px)
	
}

	

.news-post-links article .elementor-post__thumbnail{

	border-radius:0;
	display:flex;
	height:100%;


}

 .news-link-container .readmore {

color: #110045;
/* Body Small */
font-family: "Avenir Next";
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 22px; /* 157.143% */
position:Relative;
padding-right:10px;

}

 .news-link-container .readmore:after {
	content:"";
	width:5px;
	height:5px;
	display:block;
	position:absolute ;
	border-right: 1px solid;
	border-bottom:1px solid;
	transform:rotate(-45deg);
	position: absolute;
	top: 7px;
	right: 0px;
}

.news-index  .news-post:hover .post-link{
 color: #3F3B86
 }


.news-aside  .news-link-container .readmore {
	display:none
 	}

.news-post-links article a {
	margin:0!important;
	width: 124px!important;
}

.news-post-links article  h3{
	color: #110045;
	font-family: "Avenir Next";
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px; /* 155.556% */

}


.news-post-links article  .elementor-post__text {
	padding:30px 25px
}
 .news-post-links article .elementor-post__text {
	width:calc(100% - 124px)!important;
}




.related-press .news-link-container .e-con-inner{
		 display:flex;
		 flex-direction: row-reverse !important;
		 gap:0 !important
		
	}
	
.related-press .news-post-links article a {
	margin:0!important;
	width: 124px!important;
}

.related-press	.news-post-links article .elementor-post__text {
	width:calc(100% - 124px)!important;
}


.related-press .news-link-container .post-thumb {
	width:130px !important;
	border-radius: 5px 0px 0px 5px;
	
	
}


	
@media(max-width:864px) {
	

}

.single-k_news [data-elementor-type="single-post"] {
	color:#110045
}
	
.single-k_news [data-elementor-type="single-post"] {
	background: linear-gradient(0deg, #E0F5FE 0%, #E0F5FE 100%);
	
}
.single-k_news [data-elementor-type="single-post"] >div:not(.news-aside):before {
	position:absolute;
	top: 0;
	left:0;
	right: 0;
	bottom: 0;
	background-image:  
	background-position:center top!important;
	background-repeat: no-repeat;
	background-size:100%;
	opacity:1 !important;
	content:"";

	background-image:url("/wp-content/themes/wp-k12coalition-2025/assets/images/cloud-stack.webp"), linear-gradient(0deg, #d6ecf8 0%, #dbedf6 100%);
	background-position: center top;
}


.featured-news-post .news-post{
	display:flex;
	width:100%;
	justify-content:Center;
	align-items:stretch;
	border-radius:20px;
	overflow:hidden;
	flex-direction: row;
	overflow:hidden;
	background: linear-gradient(108deg, rgba(224, 245, 254, 0.50) 2.41%, rgba(195, 235, 249, 0.50) 100.97%);
	
}


.featured-news-post .news-post .post-thumb img {
	height:100%;
	width:100%;
	object-fit:cover;
	object-position:center top!important
}

.featured-news-post .post-info{
	padding:50px;
}

.featured-news-post .news-post h3{
	font-size: 32px;	
	font-weight: 600;

}
	
.featured-news-post  .post-thumb {
	position:relative;
	overflow:hidden;
}
.featured-news-post  .post-thumb:before {
	content:"Featured Press";
	position:absolute;
	z-index:1000;
	top: 0;
	left: 0;
	border-radius: 20px 0;
	background: linear-gradient(90deg, #FCE08A 0%, #FBEFBF 100%);
	display: flex;
	padding: 15px 25px;
	align-items: center;
	gap: 10px;
	font-weight: bold;
	text-transform:uppercase;
}

.featured-news-post .news-post .post-meta {
	font-size: 20px;
	font-weight: 600;
	margin-bottom:20px
}

.featured-news-post .news-post .post-link {
	margin-top: 18px;
	display:inline-block;
	
}

@media(min-width:864px) {
	.featured-news-post{margin-bottom:75px;}
}

@media(max-width:768px) {
	.featured-news-post .news-post{
		flex-direction: column!important;
	}
	.featured-news-post {
		margin-bottom:30px
	}
	
	.featured-news-post .post-thumb{
			aspect-ratio: 380 / 263 !important
		}
}





#img-holder  >div img{
	height: 100% !important;
	width:100% !important;
	object-fit:cover;
}

#img-holder.Center >div img{

	object-position:center
}


#img-holder.Top >div img{

	object-position:top
}

#img-holder.Bottom >div img{

	object-position:bottom
}



	.news-aside.mob {
		position:relative;
	}
	.news-aside.mob .in-news-header{
		position:absolute;
		border-radius:0;
		padding:15px 20px;
		background-image: linear-gradient(45deg, #C3EBF9 0%, #C3EBF900 50%) !important;
	
	}
	
	
	.news-aside.mob .in-news-header h2{
		
		font-size: 11px !important;
		
	}
	
	.news-aside.mob .news-post-links article{
		flex-direction:row-reverse !important;
			border-radius:0px !important
	}
	
	.news-aside.mob .news-post-links  article .elementor-post__text{
		padding:  55px 20px 20px!important;
		background-color: none!important;
		background-image: linear-gradient(45deg, #C3EBF980 0%, #C3EBF900 80%) !important;
		background-color: #fff;
	
		
	}
	html body .news-aside.mob .news-post-links article .elementor-post__text h3{
		font-size: 14px;
		line-height:1.5em;
		
	}
	html body .news-aside.mob .news-post-links article .elementor-post__thumbnail__link{
		width:124px !important;
		position:Relative;
		
	}
	
	html body .news-aside.mob .news-post-links article .elementor-post__thumbnail__link:after{
		content:"";
		position:Absolute;
		left: 0;
		top: 0;
		bottom:0;
		width: 40px;
		background-image: linear-gradient(45deg, #fff 10px, #ffffff00 90%) !important;
	}


@media(max-width:864px) {
	.news-index {
		padding:0 10px
	}
	.news-index  >div{ 
			width: 47%;
	
	}
}
	@media(max-width:600px) {
	
	.news-index  >div {
			width: 100%;
	
	}
}

.news-article .news-post-content {
	padding-left:0!important;
	padding-right:0!important;
}

.news-article .news-post-content p {
	font-size: 18px !important;
}
@media(max-width:768px) {
	.featured-news-post .news-post{
		flex-direction:column;
	}
	.news-post .post-info{
		padding:10px 30px 40px;
	}
	
	  .news-post .post-info .post-link{
		display:block;
		max-width:400px;
		margin:auto;
		}
		
		.featured-news-post  .post-link{
		
			padding-left:20px;
			padding-right:20px
			
		}
		
		.news-post-feat-img {
			aspect-ratio: 400 / 292;
			gap:0 !important;
			margin:20px 0 30px !important
		}
		
		.news-post-feat-img img{
			height:100%!important
		}
		
		.news-article {
			padding:40px 30px !important
		}
		
		.news-aside {
			width:100% !important
		}
		
		.news-aside .news-post-links article{
			flex-direction:column!important;
			background:transparent!important;
			box-shadow:none!important
		}
		.news-post-links article a {
			width:100% !important
		}
		
		.news-post-links article .elementor-post__text {
			width:100% !important
		}
		.news-post-links article .elementor-post__text p{
			width:100% !important
		}
		.news-post-links article .elementor-post__text{
			padding:0 !important;
		}
		
		.related-press .elementor-post__thumbnail__link {
			width:150px !important
		}	
		
}
/* @end */