/* FEATURE ELEMENT */
.cs-feature{font-size:1.6rem;margin-bottom:3em}
.cs-feature .cs-feature-thumb{width:100%;text-align:center;position:relative}
.cs-feature .cs-feature-thumb .cs-feature-image{background-color:var(--cs-poster-bkg);box-shadow:0 1px 5px 0 rgba(0,0,0,0.3);margin:0;padding:2rem;border-radius:0.4rem;border:0;min-width:164px;max-width:164px;min-height:164px;max-height:164px}
.cs-feature .cs-feature-thumb .cs-feature-image.round{position:relative;padding:0;border-radius:50%;border:0;margin:5px}
.cs-feature .cs-feature-thumb .cs-feature-image.rect{min-width:100%;max-width: 100%;object-fit:contain}
.cs-feature .cs-feature-thumb:has(.cs-feature-image.round)::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-image:url(../img/cs_icon_empty.png);background-repeat:no-repeat;background-size:contain;background-position:center;pointer-events:none}
.cs-feature .cs-feature-content{width:100%;text-align:center;border:0}
.cs-feature .cs-feature-title{text-align:center;padding:0}
.cs-feature .cs-feature-title>a{font-weight:400;display:inline-block}
.cs-feature .cs-feature-title:has(>a){margin-top:0.4em;margin-bottom:1em}
.cs-feature .cs-feature-text{color:var(--cs-feature-text-color);text-align:justify}
.cs-feature .cs-feature-text a{font-family:'NotesEsa';font-size:1.1em}
.cs-feature .cs-feature-btn{display:block;background:rgb(255 255 255/50%);border-color:var(--cs-esa-color);color:var(--cs-esa-color);border-radius:0;border-width:0.2rem;border-style:solid;outline:0;box-shadow:none;text-align:center;font-size:1.4rem;font-weight:400;line-height:1.2em;letter-spacing:0.1rem;text-transform:uppercase;text-decoration:none;height:unset;width:fit-content;min-width:15em;padding:1.5rem 2rem;margin-left:auto;margin-right:auto;margin-top:2rem}
.cs-feature .cs-feature-btn:hover{background:var(--cs-esa-color);text-decoration:none;color:white}
.cs-feature .cs-feature-btn:active{background:var(--cs-color-hover);border-color:var(--cs-color-hover);color:white}

/* CONFIGURE AS ROW */
.cs-feature.cs-feature-row{display:flex;align-items:center}
.cs-feature.cs-feature-row .cs-feature-thumb{width:25%;display:flex;flex-direction:column;justify-content:center}
.cs-feature.cs-feature-row .cs-feature-title{text-align:left}
.cs-feature.cs-feature-row .cs-feature-text{font-style:italic}
.cs-feature.cs-feature-row .cs-feature-content{width:75%;border-left:6px solid var(--cs-esa-bkg);padding:0 0 0 3em;margin:0}
.cs-feature.cs-feature-row .cs-feature-content>*:first-child{margin-top:0}
.cs-feature.cs-feature-row .cs-feature-content>*:last-child{margin-bottom:0}
.cs-feature.cs-feature-row.row-reverse{display:flex;flex-direction:row-reverse}

/* LARGE FEATURE */
.cs-feature.cs-feature-large{margin-bottom:0}
.cs-feature.cs-feature-large .cs-feature-thumb,
.cs-feature.cs-feature-large .cs-feature-content{width:50%;border:0;padding-right:15px;padding-left:15px}
.cs-feature.cs-feature-large .cs-feature-thumb .cs-feature-image{min-width:100%;max-width:100%;min-height:100%;max-height:100%}
.cs-feature.cs-feature-large .cs-feature-title{position:relative;font-size:4rem;line-height:1.1em;overflow:hidden;padding-bottom:1.5rem;margin-bottom:1.5rem}
.cs-feature.cs-feature-large .cs-feature-title::after{content:"";display:block;height:2px;background-color:var(--cs-esa-color);width:20rem;position:absolute;bottom:0}
.cs-feature.cs-feature-large .cs-feature-text{font-style:normal}
.cs-feature.cs-feature-large .cs-feature-text+.cs-feature-btn{margin-left:0;margin-right:0}
.cs-feature.cs-feature-large.cs-feature-row{align-items:flex-start}

/* POSTER FEATURE */
.cs-feature.poster .cs-feature-content{border:0;padding-left:0}
.cs-feature.poster .cs-feature-title{padding-bottom:2rem;margin-bottom:2rem;width:100%;color:var(--cs-poster-color);font-size:x-large;border-bottom:1px solid var(--cs-page-border)}
.cs-feature.poster .cs-feature-content a{text-align:left;font-size:2.4rem;font-family:'NotesEsa'}
.cs-feature.poster .cs-feature-thumb .cs-feature-image{box-shadow:none;opacity:0.5;cursor:default}
.cs-feature.poster .cs-feature-thumb:has(.cs-feature-image.round)::after{display:none}

/* INVERTED */
.inverted .cs-feature .cs-feature-content{border-color:rgb(255 255 255 / 70%)}
.inverted .cs-feature-title,.inverted .cs-feature-title>*{color:rgb(255 255 255/90%)}
.inverted .cs-feature-text{color:rgb(255 255 255/70%)}
.inverted .cs-feature .cs-feature-btn{background:var(--cs-esa-color);border-color:white;color:white}
.inverted .cs-feature .cs-feature-btn:hover{background:white;border-color:white;color:var(--cs-esa-color)}
.inverted .cs-feature .cs-feature-btn:active{background:rgb(255 255 255/90%);border-color:rgb(255 255 255/90%);color:var(--cs-esa-color)}

/* MISC */
.flex-content{display:flex;flex-direction:column}
.flex-content.is-reversed{flex-direction:column-reverse}
.flex-content.is-reversed>*:first-child{margin-top:2rem}
.cs-feature-icon-doc::before{content:"";display:inline-block;height:2em;width:2em;margin:0 0.5em;vertical-align:sub;background-repeat:no-repeat;background-size:contain;background-image:url(../img/tm-logo.png)}
.cs-feature-icon-doc.cs-feature-icon-survey::before{background-image:url(../img/cs_icon_survey.png)}
.cs-feature-icon-doc.cs-feature-icon-link::before{background-image:url(../img/cs_icon_link.png)}
.cs-feature-icon-doc.cs-feature-icon-pdf::before{background-image:url(../img/cs_icon_pdf.png)}

@media screen and (max-width: 999px) {
	.cs-feature.cs-feature-large.cs-feature-row{flex-direction:column-reverse}
	.cs-feature.cs-feature-large .cs-feature-thumb,
	.cs-feature.cs-feature-large .cs-feature-content{width:100%;padding:0}
	.cs-feature.cs-feature-row .cs-feature-thumb,
	.cs-feature.cs-feature-row .cs-feature-content{width:100%;margin-top:2rem}
}
@media screen and (max-width: 767px) {
	.cs-feature.cs-feature-row{flex-direction:column}
	.cs-feature.cs-feature-row .cs-feature-content{border:0;padding:0}
	
	.cs-feature.cs-feature-row .cs-feature-title{text-align:center}
	.cs-feature.cs-feature-large .cs-feature-title{text-align:left;font-weight:700}
	/*.cs-feature .cs-feature-thumb .cs-feature-image{min-width:256px;max-width:256px;min-height:256px;max-height:256px}*/
	/*.cs-feature .cs-feature-thumb .cs-feature-image.round{margin:10px}*/
	.cs-feature .cs-feature-thumb .cs-feature-image.rect{min-height:unset}
	
	.cs-feature:has(.cs-feature-image.rect){width:48%;margin:0 1%;float:left}
	.cs-feature .cs-feature-thumb .cs-feature-image.rect{min-height:7em;max-height:7em}
}
@media screen and (max-width: 450px) {
	.cs-feature .cs-feature-thumb .cs-feature-image{padding:1rem}
	.cs-feature .cs-feature-thumb .cs-feature-image.round{min-width:60%;max-width:60%;min-height:60%;max-height:60%;margin:2%}
	.cs-feature .cs-feature-thumb .cs-feature-image.rect{min-height:5em;max-height:5em}
	.cs-feature .cs-feature-title{font-size:2.5rem;font-weight:400}
	.cs-feature .cs-feature-btn{min-width:50%}
	.cs-feature .cs-feature-title>a{font-size:2rem}
}