.main > .gallery { position: relative; padding-left: var(--padding); padding-right: var(--padding); padding-top: calc(var(--section_space) + 50px); padding-bottom: calc(var(--section_space) + 50px); display: inline-block; width: 100%; }
@media (max-width: 1079px) { .main > .gallery { padding-left: var(--padding-tablet); padding-right: var(--padding-tablet); } }
@media (max-width: 699px) { .main > .gallery { padding-left: var(--padding-mobile); padding-right: var(--padding-mobile); } }
@media (max-width: 1079px) { .main > .gallery { padding-top: calc(var(--section_space) + 20px); padding-bottom: calc(var(--section_space) + 20px); } }
@media (max-width: 699px) { .main > .gallery { padding-top: calc(var(--section_space) + 0px); padding-bottom: calc(var(--section_space) + 0px); } }
.main > .gallery .wrap { max-width: var(--wrap-regular); margin-left: auto; margin-right: auto; }
.main > .gallery .gallery-filter { padding-top: 20px; padding-bottom: 20px; }
.main > .gallery .gallery-filter .gallery-filter-trigger { cursor: pointer; }
.main > .gallery .gallery-filter .gallery-filter-options { margin-left: 5px; }
.main > .gallery .gallery-filter .gallery-filter-options a { padding: 0 10px; }
.main > .gallery .gallery-filter .gallery-filter-options a.active { color: var(--highlight-darker); }
.main > .gallery .gallery-wrap { margin-left: -10px; margin-right: -10px; margin-top: -10px; display: flex; flex-wrap: wrap; }
.main > .gallery .gallery-item { transition: all ease-in-out 0.3s; width: 20%; padding: 10px; }
@media (max-width: 1079px) { .main > .gallery .gallery-item { width: 25%; } }
@media (max-width: 699px) { .main > .gallery .gallery-item { width: 50%; } }
.main > .gallery .gallery-item .inner { width: 100%; padding-bottom: 100%; overflow: hidden; border: solid var(--border) 1px; position: relative; display: block; }
.main > .gallery .gallery-item .inner img { width: 100%; height: 100%; object-position: center; object-fit: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(1); display: block; transition: all ease-in-out 0.3s; display: block; }
.main > .gallery .gallery-item:hover .inner img { transform: scale(1.1); }