﻿@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap");

/*NEWS MAIN*/
#layout.news-list #istcontents #pagecontent{grid-gap:0!important}

/*NEWS LIST*/
#news-lst,
div.news-filters,
div.news-container{width:100%;clear:both}
div.news-filters,
div.news-filters div.fields,
div.news-container{display:flex;flex-flow:row wrap}

/*engine*/
div.news-filters{grid-gap:var(--cnt-margin-1);margin-bottom:var(--cnt-margin-1)}
div.news-filters div.fields{width:250px}
div.news-filters input,
div.news-filters select{
	height:var(--fld-height-2);
	font-size:var(--fnt-smaller-1);
	color:var(--c-grey-50);
	line-height:var(--fld-height-2);
	-webkit-appearance:none!important;
	box-sizing:border-box;
	border-radius:var(--fld-radius);
	border:1px solid var(--c-grey-90);
	background-color:var(--c-grey-96)!important
}
div.news-filters div.fld-text input.txt-search{
	width:calc(100% - var(--fld-height-2));
	padding:0 var(--fld-padding-1);
	border-top-right-radius:0!important;
	border-bottom-right-radius:0!important;
	border-right:none!important
}
div.news-filters div.fld-text input.txt-search::-webkit-input-placeholder{color:var(--c-grey-50);opacity:1!important}
div.news-filters div.fld-text input.txt-search:-moz-placeholder{color:var(--c-grey-50);opacity:1!important}
div.news-filters div.fld-text input.txt-search::-moz-placeholder{color:var(--c-grey-50);opacity:1!important}
div.news-filters div.fld-text input.txt-search:-ms-input-placeholder{color:var(--c-grey-50)!important;opacity:1!important}
div.news-filters div.fld-text input.txt-search:focus::-webkit-input-placeholder{color:transparent}
div.news-filters div.fld-text input.txt-search:focus:-moz-placeholder{color:transparent}
div.news-filters div.fld-text input.txt-search:focus::-moz-placeholder{color:transparent}
div.news-filters div.fld-text input.txt-search:focus:-ms-input-placeholder{color:transparent}
div.news-filters div.fld-text input.btn-search{
	width:var(--fld-height-2);
	text-indent:-9999px;
	cursor:pointer;
	border-top-left-radius:0!important;
	border-bottom-left-radius:0!important;
	border-left:none!important;
	background:url(/Layout/img/ico-search-grey.png) no-repeat center center;
	background-size:auto 50%
}
div.news-filters div.fld-select select{
	width:100%;
	padding:0 calc(var(--fld-padding-1) * 3) 0 var(--fld-padding-1);
	background:url(/Layout/img/ico-arrow-dwn-grey.png) no-repeat calc(100% - var(--fld-padding-1)) center;
	background-size:var(--sel-arrow-1)
}

/*list*/
div.news-container{grid-gap:30px}
div.nws-itm{
	width:calc(33.33% - ((30px * 2) / 3));
	position:relative;
	border-radius:var(--boxes-radius);
	background:var(--c-grey-96)
}
div.nws-itm > div.nws-itm,
div.nws-itm a.nws-img,
div.nws-itm a.nws-img img,
div.nws-itm div.nws-txt{width:100%!important}
div.nws-itm > div.nws-itm{border-radius:0!important;background:none!important}
div.nws-itm a.nws-img{display:block}
div.nws-itm a.nws-img img{height:auto;float:left}

div.nws-itm div.nws-txt{clear:both;padding:20px 25px}
div.nws-itm div.nws-txt h3{
	font-size:var(--fnt-bigger-4)!important;
	font-weight:var(--w-bold)!important;
	line-height:130%!important;
	margin-bottom:8px!important
}
div.nws-itm div.nws-txt h4{
	font-size:var(--fnt-smaller-3)!important;
	font-weight:var(--w-light)!important;
	color:var(--c-white)!important;
	line-height:100%!important;
	text-transform:uppercase;
	display:flex;
	flex-flow:row nowrap;
	align-items:center;
	grid-gap:0 6px;
	position:absolute;
	top:10px;
	margin-bottom:0!important;
	padding:6px;
	border-radius:var(--fld-radius);
	background:var(--c-black-rgba-60)
}
div.nws-itm div.nws-txt h4.cat{left:10px}
div.nws-itm div.nws-txt h4.dat{right:10px}
div.nws-itm div.nws-txt h4 img{width:auto;height:var(--ico-size-8)}
div.nws-itm div.nws-txt p,
div.nws-itm div.nws-txt a.go-to-news{font-size:var(--fnt-smaller-1)!important}
div.nws-itm div.nws-txt p{width:100%;margin-bottom:10px!important}
div.nws-itm div.nws-txt a.go-to-news{
	width:auto;
	font-weight:var(--w-semibold);
	text-transform:uppercase;
	text-decoration:none!important;
	float:right;
	padding-right:12px;
	background:url(/Layout/img/ico-arrow-double-blue.png) no-repeat center right;
	background-size:auto 8px
}
div.nws-itm div.nws-txt a.go-to-news:hover{color:var(--c-grey-14);background-image:url(/Layout/img/ico-arrow-double-grey.png)}

/*BACKOFFICE*/
body.cke_editable > div.swiper-slide.news{
	width:60%;
	padding:10px!important;
	background:var(--c-white)
}
body.cke_editable > div.swiper-slide.news > a{border-radius:var(--boxes-radius)}

body.cke_editable > div.nws-itm,
body.cke_editable > div.nws-itm div{overflow:hidden;box-sizing:border-box}
body.cke_editable > div.nws-itm{width:400px;margin:10px}
body.cke_editable > div.nws-itm div.nws-txt h3{color:var(--c-blue)}
body.cke_editable > div.nws-itm div.nws-txt p{line-height:160%}
body.cke_editable > div.nws-itm div.nws-txt a.go-to-news{color:var(--c-blue)}
body.cke_editable > div.nws-itm div.nws-txt a.go-to-news:hover{color:var(--c-grey-14)}

/*RESPONSIVITY*/
@media only screen and (min-width:320px) and (max-width:1024px) {
	/*news list*/
	div.news-filters div.fields{width:210px}
	div.news-container{grid-gap:15px}
	div.nws-itm{width:calc(33.33% - ((15px * 2) / 3))}
	div.nws-itm div.nws-txt{padding:14px 20px}
	div.nws-itm div.nws-txt h3{margin-bottom:4px!important}
	div.nws-itm div.nws-txt h4{
		grid-gap:0 4px;
		top:7px;
		padding:4px 5px
	}
	div.nws-itm div.nws-txt h4.cat{left:7px}
	div.nws-itm div.nws-txt h4.dat{right:7px}
	div.nws-itm div.nws-txt p{margin-bottom:6px!important}
	div.nws-itm div.nws-txt a.go-to-news{padding-right:10px;background-size:auto 6px}
}

@media only screen and (min-width:1025px) and (max-width:1280px) {
	/*news list*/
	div.news-filters div.fields{width:210px}
	div.news-container{grid-gap:15px}
	div.nws-itm{width:calc(33.33% - ((15px * 2) / 3))}
	div.nws-itm div.nws-txt{padding:14px 20px}
	div.nws-itm div.nws-txt h3{margin-bottom:4px!important}
	div.nws-itm div.nws-txt h4{
		grid-gap:0 4px;
		top:7px;
		padding:4px 5px
	}
	div.nws-itm div.nws-txt h4.cat{left:7px}
	div.nws-itm div.nws-txt h4.dat{right:7px}
	div.nws-itm div.nws-txt p{margin-bottom:6px!important}
	div.nws-itm div.nws-txt a.go-to-news{padding-right:10px;background-size:auto 6px}
}

@media only screen and (min-width:1281px) and (max-width:1500px) {
	/*news list*/
	div.news-filters div.fields{width:230px}
	div.news-container{grid-gap:18px}
	div.nws-itm{width:calc(33.33% - ((18px * 2) / 3))}
	div.nws-itm div.nws-txt{padding:18px 22px}
	div.nws-itm div.nws-txt h3{margin-bottom:6px!important}
	div.nws-itm div.nws-txt h4{
		grid-gap:0 5px;
		top:8px;
		padding:5px
	}
	div.nws-itm div.nws-txt h4.cat{left:8px}
	div.nws-itm div.nws-txt h4.dat{right:8px}
	div.nws-itm div.nws-txt p{margin-bottom:8px!important}
	div.nws-itm div.nws-txt a.go-to-news{padding-right:11px;background-size:auto 7px}
}

@media only screen and (min-width:1501px) and (max-width:1950px) {
	/*news list*/
	div.news-filters div.fields{width:230px}
	div.news-container{grid-gap:27px}
	div.nws-itm{width:calc(33.33% - ((27px * 2) / 3))}
	div.nws-itm div.nws-txt{padding:18px 22px}
	div.nws-itm div.nws-txt h3{margin-bottom:6px!important}
	div.nws-itm div.nws-txt h4{padding:5px}
	div.nws-itm div.nws-txt p{margin-bottom:8px!important}
	div.nws-itm div.nws-txt a.go-to-news{padding-right:11px;background-size:auto 7px}
}

/*TABLET*/
@media only screen and (min-device-width:744px) and (max-device-width:1024px) {
	/*news list*/
	div.news-filters div.fields{width:200px}

	/*backoffice*/
	body.cke_editable > div.swiper-slide.news{width:100%}
}

@media only screen and (min-device-width:744px) and (max-device-width:1024px) and (orientation:portrait) {
	/*news list*/
	div.news-filters div.fields{width:calc(33.33% - 10px)}
	div.news-container{grid-gap:12px}
	div.nws-itm{width:calc(33.33% - ((12px * 2) / 3))}
	div.nws-itm div.nws-txt{padding:10px 12px}
	div.nws-itm div.nws-txt h4{right:5px!important}
	div.nws-itm div.nws-txt h4.cat{top:8%;left:initial}
	div.nws-itm div.nws-txt h4.dat{top:5px}
}

@media only screen and (min-device-width:744px) and (max-device-width:1024px) and (orientation:landscape) {
	
}

/*SMARTPHONE*/
@media only screen and (min-device-width:320px) and (max-device-width:743px) {
	/*news list*/
	div.news-filters{grid-gap:calc(var(--cnt-margin-1) - 1px)}
	div.news-filters div.fields{width:calc(33.33% - 6px)}
	div.news-container{grid-gap:10px}
	div.nws-itm{width:calc(50% - ((10px * 2) / 3))}
	div.nws-itm div.nws-txt{padding:10px 12px}
	div.nws-itm div.nws-txt h4{right:5px!important}
	div.nws-itm div.nws-txt h4.cat{top:9%;left:initial}
	div.nws-itm div.nws-txt h4.dat{top:5px}

	/*backoffice*/
	body.cke_editable > div.swiper-slide.news{width:100%}
	body.cke_editable > div.nws-itm{width:calc(100% - 10px);margin:5px}
}

@media only screen and (min-device-width:320px) and (max-device-width:743px) and (max-aspect-ratio:13/9) {
	/*news list*/
	div.nws-itm[data-id="58"] h3 br{display:none}
	div.nws-itm div.nws-txt a.go-to-news{padding-right:9px;background-size:auto 5px}
}

@media only screen and (min-device-width:320px) and (max-device-width:743px) and (min-aspect-ratio:13/9) {
	/*news main*/
	div.swiper-slide.news div.caption{width:50%}
}