﻿.wdg-box {display:flex;flex-flow:row wrap;}
.wdg-box__entry {flex:0 0 100%;margin:0 0 2.5rem;}
.wdg-box__figure {height:100%;margin:0;}
.wdg-box__figure img {margin:0 auto 1.5rem;}
.wdg-box__figcaption h2,
.wdg-box__figcaption h3,
.wdg-box__figcaption h4,
.wdg-box__figcaption h5 {color:#6e7176;}
.wdg-box__figcaption a {color:#6e7176;text-decoration-thickness:.1rem;text-underline-offset:.2rem;}
.wdg-box__figcaption>*:last-child {margin:0;}
.wdg-box--dark-blue .wdg-box__figure {background:#36647a10;}
.wdg-box--dark-blue .wdg-box__figcaption h2, 
.wdg-box--dark-blue .wdg-box__figcaption h3, 
.wdg-box--dark-blue .wdg-box__figcaption h4, 
.wdg-box--dark-blue .wdg-box__figcaption h5 {color:#36647a;}
.wdg-box--dark-purple .wdg-box__figure {background:#5c446f10;}
.wdg-box--dark-purple .wdg-box__figcaption h2, 
.wdg-box--dark-purple .wdg-box__figcaption h3, 
.wdg-box--dark-purple .wdg-box__figcaption h4, 
.wdg-box--dark-purple .wdg-box__figcaption h5 {color:#5c446f;}
.wdg-box--dark-green .wdg-box__figure {background:#5c6f6a10;}
.wdg-box--dark-green .wdg-box__figcaption h2, 
.wdg-box--dark-green .wdg-box__figcaption h3, 
.wdg-box--dark-green .wdg-box__figcaption h4, 
.wdg-box--dark-green .wdg-box__figcaption h5 {color:#5c6f6a;}
.wdg-box--green .wdg-box__figure {background:#42762910;}
.wdg-box--green .wdg-box__figcaption h2, 
.wdg-box--green .wdg-box__figcaption h3, 
.wdg-box--green .wdg-box__figcaption h4, 
.wdg-box--green .wdg-box__figcaption h5 {color:#427629;}
.wdg-box--white .wdg-box__figure {background:#fff;}
.wdg-box--bordered .wdg-box__figure {padding:2.5rem;border-radius:2rem;box-shadow:.2rem .3rem .7rem 0 #66666632;}
.wdg-box--rounded-image img {border-radius:2rem;}

@media(min-width:768px) {
	.wdg-box--col-2 .wdg-box__entry {flex:0 0 50%;}
	.wdg-box--col-2 .wdg-box__entry:nth-child(2n+1) {padding:0 .75rem 0 0;}
	.wdg-box--col-2 .wdg-box__entry:nth-child(2n+2) {padding:0 0 0 .75rem;}
	.wdg-box--col-3 .wdg-box__entry {flex:0 0 50%;}
	.wdg-box--col-3 .wdg-box__entry:nth-child(2n+1) {padding:0 .75rem 0 0;}
	.wdg-box--col-3 .wdg-box__entry:nth-child(2n+2) {padding:0 0 0 .75rem;}
}
@media(min-width:992px) {
	.wdg-box--col-3 .wdg-box__entry {flex:0 0 33.3333%;}
	.wdg-box--col-3 .wdg-box__entry:nth-child(3n+1) {padding:0 1rem 0 0;}
	.wdg-box--col-3 .wdg-box__entry:nth-child(3n+2) {padding:0 .5rem;}
	.wdg-box--col-3 .wdg-box__entry:nth-child(3n+3) {padding:0 0 0 1rem;}
}