#article strong{ letter-spacing: 0.08em; font-size: 1.05em; font-weight: 700; }
#articles li{ color: #e9e9e9; align-items: center; }
#articles li p {
  margin-bottom: 0;
  margin-top: 6px;
  width: 100%;
}
#articles li span{ width: 100px; margin-right: 10px;  display: block }
#st-1 {
	font-family: 'Sansita', sans-serif !important;
	font-size: 1em;
	top: unset !important;
	bottom: 0 !important;
}
.bg-light{ background: #FFF; color: #333 !important; }
.bg-light *{ color: #333 !important; }
#st-1 .st-toggle{ background: #575757 !important; height:30px; }
#articles figure { margin: 0 !important; }
#articles figure *{ color: #FFF; margin: 0; }
#articles figure.title *{	color: #303D2C; }
#articles figure.title {
	background: #FFF3EB;
	min-height: 150px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
#articles .long figure.title{ 
	background: #eaffbc;
}
#articles figure.title img{ width:auto; height: auto; max-height: 100px;  }
#articles figure.body, #articles figure.title {
	position: relative;
	padding: 20px 40px;
}
#articles figure.body {
	padding-top: 40px;
	min-height: 400px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}
#articles .title + figure.body *{ position: relative;z-index:99;}
#articles .title + figure.body:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	left: 0;
	top: 0;
	z-index: 9;
}
#articles figure.body .author-name{ color: #000; }
#articles .caption figure.body {
	height: 100%;
	display: flex;
	left: 10vw;
	right: 10vw;
	top: 0;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	min-height: unset;
}
#articles .caption figure.body h1{ font-size: 1.72em; }
#articles .caption img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
#articles .caption .col-12{ min-height: 500px; max-height: 70vh; }
#article p a{
  color: inherit;
  opacity: 0.75;
  text-decoration: underline;
}
#article p a:hover{
  color: #ffa500;
  opacity: 1;
  text-decoration: none;
}
a span.author-name:hover{ text-decoration: underline; }
@media (max-width:1024px){
	#st-1 .st-btn{ height: 32px !important; padding: 5px !important; }
}
.highlighted-values-80px {
	font-size: 80px;
	line-height: 90px;
	display: block;
	margin-top: -5px;
}
.hint{ 
	background: #D9D9D9;
	display: flex;
	align-items: center;
	border-radius: 10px;
	padding: 1% 4% 1% 2%;
	max-width: 600px;
}
.hint:before{
	background: #D9D9D9; border-radius: 5px;
}
.numbered-list-bigger-number{
  list-style-type: none;
  counter-reset: css-counter 0;
}
.numbered-list-bigger-number > p {
	counter-increment: css-counter 1;
	position: relative;
	margin-bottom: 3em;
}
.numbered-list-bigger-number > p::before {
  content: counter(css-counter) " ";
  display: block;
  font-size: 4em;
  position: absolute;
  top: 18px;
}
.numbered-list-bigger-number > p span {
  display: block;
  margin-left: 3.5em;
}
figure.with-caption{ position:relative; }
figure.with-caption .caption{ position:absolute;width:100%;background: rgba(0,0,0,0.2);color:#FFF;padding:15px 10%;top:0;left:0;display:flex;align-items:flex-end;flex-direction:row;justify-content:start;}