﻿.tagscheda-wrapper {margin-bottom:40px;}
.tagscheda-wrapper .tagscheda-label {margin-bottom:20px; font-size:0.95em;}
.tagscheda-wrapper .tagscheda-label > span { margin-right: 8px; line-height:1.5em; }
.tagscheda-wrapper .tagscheda-label > span > span {  display: inline-block; background-color: #F4F4F4; padding: 4px 10px; border-radius: 5px; color: #000; }
.tag-parent-wrapper { margin-bottom: 50px; }
.tag-parent-wrapper:last-child { margin-bottom: 0px; }
.tag-parent-wrapper .tag-document-title { color: #333535; width: 100%; text-align: center; padding: 0px 0 30px 0; }
.tag-parent-wrapper .tag-document-title H4 { display: inline-block; background: transparent; line-height:1.4em; text-transform: uppercase; margin-bottom: 0px; border-bottom: 1px solid #000; font-size: 1.1em; font-weight: 400; padding: 10px 13px 10px 13px; }
.tag-document-wrapper { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; }
.tag-document-wrapper > div { width: 23.404255319148934%; margin-left: 2.127659574468085%; margin-bottom: 40px; }
.tag-document-wrapper > div:nth-child(4n+1) { margin-left: 0; }
.tag-document-wrapper > div > a > span.tag-image-wrapper { display: block; position: relative; height: 0; overflow: hidden; }
.tag-document-wrapper > div > a > span.tag-image-wrapper > img { position: absolute; top: 50%; left: 50%; max-width: inherit; max-height: inherit; height: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); opacity: 0.25; transition: 1s opacity ease-out; -webkit-transition: 1s opacity ease-out; -moz-transition: 1s opacity ease-out; -ms-transition: 1s opacity ease-out; }
.tag-document-wrapper > div > a > span.tag-image-wrapper[data-orientation="portrait"] > img { height: auto; width: 100%; }
.tag-document-wrapper > div > a > span.tag-image-wrapper > img.lazyloaded {  opacity: 0.8; }
html:not(.touch) .tag-document-wrapper > div > a:hover > span.tag-image-wrapper > img.lazyloaded { opacity: 1; }
.tag-document-wrapper > div > a > span.tag-title { padding-top: 10px; display: block; font-size: 1em; color: #515151; }

@supports (display: grid) {
    .tag-document-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 20px; grid-row-gap: 40px; }
    .tag-document-wrapper > div { width: 100%; margin-left: 0; margin-bottom: 0; }

    @media (max-width:1200px) {
        .tag-document-wrapper { grid-template-columns: repeat(3, 1fr); }
    }

    @media (max-width:1023px) {
        .tag-document-wrapper { grid-template-columns: repeat(2, 1fr); }
    }
}

@media (max-width:600px) {
    .tag-document-wrapper { display: block; }
    .tag-document-wrapper > div { width: 100%; margin-left: 0%; margin-bottom:40px; }
}