

/***************************************/
/****			News				****/
/***************************************/
#pid7 #fc-1 .frame-space-after-extra-small,
#pid7 #fc-1 				{ padding-bottom:0; }
#pid7 #fc-2 				{ padding-top:50px; }
.tag-title,
.cat-title 					{ display:block; font:900 1.5em/1.125em "Roboto", sans-serif; margin-bottom:10px; }
.news .checkbox,
.news .tag 					{ display:inline-block; height:32px; border:1px solid var(--sgray); border-radius:16px; padding:0 15px; }
.news .tag:not(:last-of-type),
.news .checkbox:not(:last-of-type) 	{ margin-right:10px; }
.news .tag label,
.news .checkbox label 		{ cursor:pointer; font:400 1.25em/32px "Roboto", sans-serif; color:var(--sgray); position:relative; }
.news .tag input,
.news .checkbox input 		{ display:none; }
.news .c-active 			{ border-color:var(--yellow); }
.news .tag label.active,
.news .checkbox label.active 	{ color:var(--yellow); }
/*.news .checkbox label:before 		{ display:block; position:absolute; top:.2em; left:0; content:""; width:1em; height:1em; background:white; border-radius:5px; transition:all 0.25s ease; }*/
.news .tag label.active:before,
.news .checkbox label.active:before 	{ display:inline-block; width:1.25em; height:1em; content:"\f00c"; font:900 1em/1.3em "Font Awesome 6 Free"; text-align:left; color:var(--yellow); }
.news .tag label.active:hover:before,
.news .checkbox label.active:hover:before { content:"\f00d"; line-height:1em; }
.btn.btn-primary 			{ display:inline-block; display:none; cursor:pointer; position:relative; font:400 1.125em/1.333em "Roboto", sans-serif; border-radius:54px; border:1px solid var(--yellow); line-height:1em; padding:15px 40px 15px 40px; text-decoration:none; color:var(--yellow); background:transparent; transition:all 0.3s ease; margin-top:20px; }
.btn.btn-primary:hover 		{ background-color:var(--yellow); text-decoration:none; color:var(--sblue); }
.form-group 				{ padding:20px 0; }
.news-list-view 			{ width:calc(100% + 40px); margin-left:-20px; font-size:0; }
.news-list-view .frame 		{ display:inline-block; vertical-align:top; width:calc(25% - 40px); padding:20px; }
.news-list-view .teaser-desc { padding-bottom:10px; }
.news .more 				{ display:inline-block; text-decoration:none; font:400 1em/1.125em "Roboto", sans-serif; color:var(--yellow); }
.news .more.m-back:before,
.news .more:after 			{ display:inline-block; width:1.25em; height:1em; content:"\f061"; font:900 1em/1.3em "Font Awesome 6 Free"; text-align:left; transition:all 0.35s ease; }
.news .more:hover:after 	{ padding-left:5px; }
.news .news-list-category,
.news .news-list-date 		{ display:inline-block; padding:30px 0 20px 0; text-decoration:none; font:400 1.125em/1.125em "Roboto", sans-serif; }
.news .more.m-back 			{ margin-top:2em; font-size:1.25em; transition:all 0.35s ease; }
.news .more.m-back:before 	{ transform:rotate(180deg); vertical-align:bottom; transition:none; }
.news .more.m-back:after 	{ display:none; }
.news .more.m-back:hover 	{ color:var(--yellow)!important; }

.news.news-single .frame-news	{ max-width:860px; }
.news .cat-list-item 		{ display:inline-block; }
.news .cat-list-item:not(:last-of-type):after	{ display:inline-block; content:"/"; padding:0 5px; }
.news .news-list-category 	{ padding-left:20px; }
.news .outer 				{ display:inline-block; width:50%; vertical-align:top; }
.news .outer .ce-column 	{ width:calc(100% - 40px); }
.news .outer .ce-column img	{ width:100%; display:block; height:auto; }
.news .outer .ce-gallery[data-ce-columns="2"] 	{ margin-left:-20px; }
.news .news-list-view img 	{ border-radius:5px; overflow:hidden; }
.news .outer .ce-gallery 	{ width:100%; }
.news .news-img-caption 	{ font-size:0.8rem; width:calc(100% - 30px); }

.news-list-view h3 			{ font-size:1.375em; }
.news-list-view p 			{ font-size:1.125em; }
.news .more[target="_blank"]:after 	{ content:"\f08e"; margin-left:5px; }

.news.news-single .frame-news.frame-case-study	{ max-width:initial; }
.frame-case-study .news-img-wrap { display:inline-block; width:33.333%; vertical-align:top; margin-top:-10px; }
.frame-case-study .news-img-wrap .outer { width:100%; }
.frame-case-study .bodytext { display:inline-block; width:66.666%; }
.frame-case-study .frame { width:100%; padding:0; clear:both; }
.frame-case-study .frame-layout-190 { width:66.666%; float:right; }

.frame-case-study .frame.frame-space-before-extra-small     { padding-top:0px; }
.frame-case-study .frame.frame-space-after-extra-small      { padding-bottom:0px; }
.frame-case-study .frame.frame-space-before-small           { padding-top:40px; }
.frame-case-study .frame.frame-space-after-small            { padding-bottom:40px; }
.frame-case-study .frame.frame-space-before-medium          { padding-top:75px; }
.frame-case-study .frame.frame-space-after-medium           { padding-bottom:75px; }
.frame-case-study .frame.frame-space-before-large           { padding-top:100px; }
.frame-case-study .frame.frame-space-after-large            { padding-bottom:100px; }
.frame-case-study .frame.frame-space-before-extra-large     { padding-top:140px; }
.frame-case-study .frame.frame-space-after-extra-large      { padding-bottom:140px; }

.news .outer .mediaelement-video 				{ width:calc(100% - 40px); padding:20px; height:auto; display:block; }
.news .outer .mediaelement-video iframe 		{ width:100%; margin-left:-20px; max-height:100%; display:block; }

#pid18 .news-list-date { display:none; }
#pid18 .n-text { padding-top:1em; }
#pid54 #fc-1 	{ padding-bottom:0; }
/***************************************/
/****			RESPONSIVE			****/
/***************************************/

@media screen and (max-width:1599px){
	
}
@media screen and (max-width:1279px){
	.tag-title,
	.cat-title 			{ font-size:1.25em; }
	.news-list-view h3 { font-size:1.125em; }
	.news .tag label,
	.news .checkbox label,
	.news .news-list-category,
	.news .news-list-date,
	.news-list-view p { font-size:1em; }
}

/***************************************/
/****			Tablet				****/
/***************************************/

@media screen and (max-width:1023px){
	.news-list-view .frame { width:calc(50% - 40px); }
}
@media screen and (max-width:799px){
	.news-list-view h3 { font-size:1em; }
	.news .more,
	.news-list-view p { font-size:.9em; }
	.frame-case-study .bodytext,
	.frame-case-study .news-img-wrap { width:100%; }
	.news .frame-case-study .outer .ce-gallery { width:calc(100% + 40px); }
	
	.frame-case-study .ce-image.ce-above .ce-gallery[data-ce-columns="1"],
	.frame-case-study .ce-textpic.ce-below .ce-gallery[data-ce-columns="1"],
	.frame-case-study .ce-textpic.ce-above .ce-gallery[data-ce-columns="1"],
	.frame-case-study .ce-image.ce-above .ce-gallery[data-ce-columns="2"],
	.frame-case-study .ce-textpic.ce-below .ce-gallery[data-ce-columns="2"],
	.frame-case-study .ce-textpic.ce-above .ce-gallery[data-ce-columns="2"] { width:calc(100% + 20px); margin:0 0 0 -10px; }
	.frame-case-study .frame-layout-190 { width:100%; float:none; }
	.frame-case-study .frame.frame-layout-140 .ce-textpic { padding-bottom:20px; padding-top:20px; }
	.frame-nim { display:none; }
	.news .tag:not(:last-of-type) { margin-bottom:10px; }
}

/***************************************/
/****			Mobile				****/
/***************************************/

@media screen and (max-width:569px){
	
}
@media screen and (max-width:479px){
	.news-list-view .frame { width:calc(100% - 40px); }
	.news .frame-case-study .outer .ce-gallery { width:calc(100% + 20px); }
	.frame-case-study .frame-type-textpic.frame-layout-190 .ce-bodytext,
	.frame-case-study .frame.frame-layout-140 .ce-textpic.ce-left.ce-intext .ce-bodytext,
	.frame-case-study .frame.frame-layout-140 .ce-intext .ce-bodytext { width:calc(100% - 40px); padding:30px 20px; }
}
@media screen and (max-width:399px){
	
}