Album: Wood Vases

/* ----------------------------------------- */ /* WordPress Archive slug: archive-for-albums - start */ /* ----------------------------------------- */ .materials-filter .form-check {display: inline-block; margin: 2px 8px;} .materials-filter .form-check input {} .materials-filter input[checked="checked"] + .form-check-label { border-bottom: 2px solid; } .materials-filter .form-check-label:hover {color: red; border-bottom: 2px solid;} /* ----------------------------------------- */ /* WordPress Archive slug: archive-for-albums - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: loop-item-in-archive-for-albums - start */ /* ----------------------------------------- */ @media (min-width: 34em) { .card-columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media (min-width: 48em) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } .work-grid-post-image.card {border: none; border-radius: 0;} .work-grid-post-image a.work-gallery-link { border: 1px solid rgba(223, 198, 163, 0.5); display: block; position: relative; } .work-gallery-link:hover .work-gallery-text-wrap { filter: alpha(opacity = 100); opacity: 1; background-color: rgba(51,51,51,0.5); color: #fff; } .work-gallery-link img {width: 100%;} .work-gallery-text-wrap { position: absolute; top: 0; bottom: 0; z-index: 2; width: 100%; height: 100%; padding: 0 20px; text-align: center; filter: alpha(opacity = 0); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .work-gallery-text, .work-gallery-link:hover .work-gallery-text { -webkit-transform: translate3d(-50%,-50%,0); -moz-transform: translate3d(-50%,-50%,0); -ms-transform: translate(-50%,-50%); transform: translate3d(-50%,-50%,0); } .work-gallery-text { position: absolute; top: 50%; left: 50%; display: block; width: 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; font-size: 13px; } .work-gallery-text h3 {color: #fff !important; font-size: 16px; margin: 0;} /* ----------------------------------------- */ /* Content Template: loop-item-in-archive-for-albums - end */ /* ----------------------------------------- */