*, *:before, *:after {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
section.medias {margin-top:3rem}
.media-box-content{background:#f6f6f6; border:1px dotted gray; padding:1rem 0 2rem 1rem;}
.media-box-image div[data-thumbnail], .media-box-image div[data-popup] {background-color: #f6f6f6; border-left:1px dotted gray; border-top:1px dotted gray; border-right:1px dotted gray; padding:1rem;}
.media-box-text {color:#6B6B6B; line-height:21px;}
.media-box-categories {text-align: center; margin:0px 0px 13px 0px;}
.media-box-categories span {font-size:.56rem;color: #e54e53; text-transform:uppercase; letter-spacing:.125rem; border-bottom:1px solid #e54e53; padding-bottom:.125rem;}
.media-box-title {text-align:center; font-size:1.25rem; font-weight:100; line-height:1.4rem;}
.media-box-title span {font-size:1rem; font-style:italic; font-weight:400}
.media-box-date {font-size:.687rem; line-height:inherit; margin-top:0; margin-bottom:.375rem; margin-bottom:.875rem; text-align:center}
.btn {display:block; letter-spacing:inherit; height:inherit; line-height:inherit; border:none; border-radius:.125rem; text-decoration:none; text-transform:uppercase; text-align:center; background-color:#92b992; color:white; -webkit-tap-highlight-color: transparent; outline:0; box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);}
.btn-very-small {font-size:.8rem; padding:.45rem 2.1rem; letter-spacing:.06rem;}
.waves-effect {position:relative; cursor:pointer;overflow:hidden; user-select:none; -webkit-tap-highlight-color: transparent; vertical-align:middle; z-index:1; -webkit-transition: .3s ease-out; transition: .3s ease-out;}
.media-box-content .btn {margin:0 auto} 
.btn:hover{background-color:#2bbbad; box-shadow:0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2);}
.thumbnail-overlay {background: #ebebeb; background-color: rgb(179 174 174 / 60%); color:inherit}