.spotlights>section{display:-moz-flex;display:-webkit-flex;display:-ms-flex;display:flex;-moz-flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;min-height:22.5em}body.is-ie .spotlights>section{min-height:0}.spotlights>section>.image{background-position:center center;background-size:cover;border-radius:0;display:block;position:relative;width:25em}.spotlights>section>.image img{border-radius:0;display:block}.spotlights>section>.image:before{-moz-transition:opacity 1s ease;-webkit-transition:opacity 1s ease;-ms-transition:opacity 1s ease;transition:opacity 1s ease;background:#375449;content:"";display:block;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.spotlights>section>.content{padding:4em 5em 2em;display:-moz-flex;display:-webkit-flex;display:-ms-flex;display:flex;-moz-flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-moz-justify-content:center;-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;width:50em;-ms-flex:1}
.spotlights>section>.content>.inner{-moz-transform:translateX(0) translateY(0);-webkit-transform:translateX(0) translateY(0);-ms-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);-moz-transition:opacity 1s ease,-moz-transform 1s ease;-webkit-transition:opacity 1s ease,-webkit-transform 1s ease;-ms-transition:opacity 1s ease,-ms-transform 1s ease;transition:opacity 1s ease,transform 1s ease;opacity:1}.spotlights>section:nth-child(2n - 1){background-color:rgba(145,161,155,.05)}.spotlights>section:nth-child(2n){background-color:rgba(145,161,155,.1)}.spotlights>section.inactive>.image:before,body.is-preload .spotlights>section>.image:before{opacity:1}.spotlights>section.inactive>.content>.inner,body.is-preload .spotlights>section>.content>.inner{-moz-transform:translateX(-1em);-webkit-transform:translateX(-1em);-ms-transform:translateX(-1em);transform:translateX(-1em);opacity:0}@media screen and (max-width:1680px){.spotlights>section>.content{padding:4em 4em 2em}}@media screen and (max-width:980px){.spotlights>section{display:block}
.spotlights>section>.image{width:100%;height:50vh}.spotlights>section>.content{width:100%}.spotlights>section.inactive>.content>.inner,body.is-preload .spotlights>section>.content>.inner{-moz-transform:translateY(1em);-webkit-transform:translateY(1em);-ms-transform:translateY(1em);transform:translateY(1em)}}@media screen and (max-width:736px){.spotlights>section>.image{height:50vh;min-height:15em}.spotlights>section>.content{padding:3em 2em 1em}}