.matrix-box{position:relative;width:100%;z-index:0;cursor:pointer;overflow:hidden;transition:0.5s border-radius ease-in-out, transform 0.35s ease-in-out, clip-path 0.35s ease-in-out, -ms-clip-path 0.35s ease-in-out, -webkit-clip-path 0.35s ease-in-out;border:1px solid rgba(255, 255, 255, 0.35);border-radius:2rem 2rem 2rem 0}.matrix-box:hover{border-radius:0 2rem 0 0}.matrix-box::before{content:'';display:block;padding-top:75%}.matrix-box.matrix-box-1zu1::before{padding-top:100%}.matrix-box.matrix-box-16zu9::before{padding-top:56.25%}.matrix-box.matrix-box-4zu3::before{padding-top:75%}.matrix-box.matrix-box-3zu2::before{padding-top:66.6666666667%}.matrix-box.matrix-box-2zu1::before{padding-top:50%}.matrix-box.matrix-box-3zu1::before{padding-top:33.3333333333%}.matrix-box.matrix-box-2zu3::before{padding-top:133.3333%}.matrix-box.matrix-box-3zu4::before{padding-top:150%}.matrix-box.matrix-box-1zu2::before{padding-top:200%}.matrix-box .supheadline{font-size:1.16875rem}.matrix-box .matrix-box-subheadline{opacity:0;transform:scale(0.8);transition:0.5s opacity ease-in-out, 0.5s transform ease-in-out}.matrix-box .matrix-box-title{opacity:0;transform:scale(1.03);transition:0.5s opacity ease-in-out, 0.5s transform ease-in-out}.matrix-box .matrix-box-img{transform:scale(1);transition:0.5s transform ease-in-out, 0.5s opacity ease-in-out}.matrix-box:hover .matrix-box-title,.matrix-box:hover .matrix-box-subheadline{opacity:1;transform:scale(1)}.matrix-box:hover .matrix-box-img{transform:scale(1.5)}.matrix-box-img{position:absolute;top:0;width:100%;height:100%;object-fit:cover}.matrix-box-content{position:absolute;top:0;left:0;right:0;bottom:0;padding:1.5rem;background-color:rgba(var(--bs-primary-rgb), 0.9);color:var(--bs-light)}.matrix-box-overlay .matrix-box-content{-webkit-transition:background-color 0.35s ease-in-out;-moz-transition:background-color 0.35s ease-in-out;transition:background-color 0.35s ease-in-out;background-color:rgba(162, 26, 23, 0)}.matrix-box-overlay:hover .matrix-box-content,.matrix-box-overlay.hovered .matrix-box-content{background-color:rgba(162, 26, 23, 0.6)}.matrix-box-content-zoom{top:0.5rem;left:0.5rem;right:-0.5rem;bottom:-0.5rem;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255, 255, 255, 0.35);box-shadow:2px 2px 3px rgba(0, 0, 0, 0.15);background-color:rgba(var(--bs-primary-rgb), 0);opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 0.25s ease, filter 0.25s ease, background-color 0.25s ease, transform 0.25s ease;-moz-transition:opacity 0.25s ease, filter 0.25s ease, background-color 0.25s ease, transform 0.25s ease;transition:opacity 0.25s ease, filter 0.25s ease, background-color 0.25s ease, transform 0.25s ease;-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0);-webkit-transform-origin:bottom left;-moz-transform-origin:bottom left;transform-origin:bottom left;z-index:1}.matrix-box:hover .matrix-box-content-zoom,.matrix-box:focus .matrix-box-content-zoom{background-color:rgba(var(--bs-primary-rgb), 0.35);opacity:1;filter:alpha(opacity=100);-webkit-transition:opacity 0.45s ease, filter 0.45s ease, background-color 0.45s ease, transform 0.45s cubic-bezier(0.7, 0, 0.5, 1.25);-moz-transition:opacity 0.45s ease, filter 0.45s ease, background-color 0.45s ease, transform 0.45s cubic-bezier(0.7, 0, 0.5, 1.25);transition:opacity 0.45s ease, filter 0.45s ease, background-color 0.45s ease, transform 0.45s cubic-bezier(0.7, 0, 0.5, 1.25);-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}.matrix-box-rotate3d{perspective:1000px}.matrix-box-content-rotate3d{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255, 255, 255, 0.35);box-shadow:2px 2px 3px rgba(0, 0, 0, 0.15);background-color:rgba(var(--bs-primary-rgb), 0.35);opacity:0;-webkit-transition:opacity 0.45s ease, transform 0.45s cubic-bezier(0.7, 0, 0.5, 2);-moz-transition:opacity 0.45s ease, transform 0.45s cubic-bezier(0.7, 0, 0.5, 2);transition:opacity 0.45s ease, transform 0.45s cubic-bezier(0.7, 0, 0.5, 2);-webkit-transform:rotate3d(1, 0, 0, 90deg);-moz-transform:rotate3d(1, 0, 0, 90deg);transform:rotate3d(1, 0, 0, 90deg);z-index:1}.matrix-box:hover .matrix-box-content-rotate3d,.matrix-box:focus .matrix-box-content-rotate3d{background-color:rgba(var(--bs-primary-rgb), 0.35);opacity:1;-webkit-transform:rotate3d(1, 0, 0, 0deg);-moz-transform:rotate3d(1, 0, 0, 0deg);transform:rotate3d(1, 0, 0, 0deg)}/*# sourceMappingURL=/templates/minnemedia/css/matrixbox.css.map */