@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------------*/
/* 11. Gallery
/*-----------------------------------------------------------------------------------*/
.gallery-wrapper { /* custom Gallery */
margin: -10px;
}
.gallery[class*="gallery-size-"] { /* default WP Gallery */
margin: 0 -10px;
}
/* Default spacing */
.gallery-wrapper.xlarge-tn .gallery-item {
width: 520px;
}
.gallery-wrapper.large-tn .gallery-item {
width: 340px;
}
#main-content.page-left-col .gallery-wrapper.large-tn .gallery-item {
width: 240px;
}
#main-content.page-right-col .gallery-wrapper.large-tn .gallery-item {
width: 260px;
}
.gallery-wrapper.medium-tn .gallery-item {
width: 250px;
}
#main-content.page-left-col .gallery-wrapper.medium-tn .gallery-item {
width: 175px;
}
#main-content.page-right-col .gallery-wrapper.medium-tn .gallery-item {
width: 190px;
}
.gallery-wrapper.small-tn .gallery-item {
width: 196px;
}
#main-content.page-left-col .gallery-wrapper.small-tn .gallery-item {
width: 136px;
}
#main-content.page-right-col .gallery-wrapper.small-tn .gallery-item {
width: 148px;
}
.gallery-item {
position: relative;
float: left;
}
.gallery-wrapper:not(.masonry) .gallery-item {
margin: 9px;
}
/* Minimal spacing */
.gallery-wrapper.min-spacing {
margin: -1px;
}
.gallery-wrapper.min-spacing.large-tn .gallery-item {
width: 352px;
}
#main-content.page-left-col .gallery-wrapper.min-spacing.large-tn .gallery-item {
width: 252px;
}
#main-content.page-right-col .gallery-wrapper.min-spacing.large-tn .gallery-item {
width: 272px;
}
.gallery-wrapper.min-spacing.medium-tn .gallery-item {
width: 263px;
}
#main-content.page-left-col .gallery-wrapper.min-spacing.medium-tn .gallery-item {
width: 188px;
}
#main-content.page-right-col .gallery-wrapper.min-spacing.medium-tn .gallery-item {
width: 203px;
}
.gallery-wrapper.min-spacing.small-tn .gallery-item {
width: 210px;
}
#main-content.page-left-col .gallery-wrapper.min-spacing.small-tn .gallery-item {
width: 150px;
}
#main-content.page-right-col .gallery-wrapper.min-spacing.small-tn .gallery-item {
width: 162px;
}
.gallery-wrapper.min-spacing .gallery-item {
margin: 1px;
}
.gallery-item .item-label {
position: absolute;
display: block;
left: 0;
bottom: 0;
color: #fff;
background-color: #000;
background: rgba(0, 0, 0, 0.25);
padding: 3px 10px;
cursor: default;
z-index: 11;
}
/* Default WP Gallery */
.gallery[class*="gallery-size-"]:before,
.gallery[class*="gallery-size-"]:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.gallery[class*="gallery-size-"]:after {
clear: both;
}
.gallery[class*="gallery-size-"] .gallery-item {
width: 135px;
margin: 10px;
}
.gallery-item .wp-caption-text {
display: none; /* Hidden. Set to "block" to make it visible. */
position: absolute;
left: 0;
bottom: 0;
color: #fff;
background-color: #000;
background: rgba(0, 0, 0, 0.25);
padding: 3px 8px;
margin: 0;
text-align: left;
}
/* Masonry Gallery */
.gallery-wrapper.masonry {
margin-top: 0;
margin-bottom: 0;
}
.gallery-wrapper.masonry .gallery-item {
margin-bottom: 20px;
overflow: hidden;
}
.gallery-wrapper.masonry .s1 .item-picture {
width: 340px;
height: 226px;
}
.gallery-wrapper.masonry .s2 .item-picture {
width: 340px;
height: 472px;
}
.gallery-wrapper.masonry .s4 .item-picture {
width: 700px;
height: 472px;
}
.gallery-wrapper.masonry img {
position: absolute;
left: 0;
top: 0;
max-width: 101%;
}
.gallery-wrapper.masonry .item-picture[data-type=text] div {
padding: 25px 30px;
}
/* Tablet Landscape size + Desktop & Laptop 1024 pixels wide
---------------------------------------------------------------------- */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
.gallery-wrapper.large-tn .gallery-item {
width: 300px;
}
#main-content.page-left-col .gallery-wrapper.large-tn .gallery-item {
width: 212px;
}
#main-content.page-right-col .gallery-wrapper.large-tn .gallery-item {
width: 228px;
}
.gallery-wrapper.min-spacing.large-tn .gallery-item {
width: 312px;
}
#main-content.page-left-col .gallery-wrapper.min-spacing.large-tn .gallery-item {
width: 224px;
}
#main-content.page-right-col .gallery-wrapper.min-spacing.large-tn .gallery-item {
width: 240px;
}
.gallery-wrapper.xlarge-tn .gallery-item {
width: 460px;
}
.gallery-wrapper.medium-tn .gallery-item {
width: 220px;
}
#main-content.page-left-col .gallery-wrapper.medium-tn .gallery-item {
width: 154px;
}
#main-content.page-right-col .gallery-wrapper.medium-tn .gallery-item {
width: 166px;
}
.gallery-wrapper.min-spacing.medium-tn .gallery-item {
width: 233px;
}
#main-content.page-left-col .gallery-wrapper.min-spacing.medium-tn .gallery-item {
width: 167px;
}
#main-content.page-right-col .gallery-wrapper.min-spacing.medium-tn .gallery-item {
width: 179px;
}
.gallery-wrapper.small-tn .gallery-item {
width: 172px;
}
#main-content.page-left-col .gallery-wrapper.small-tn .gallery-item {
width: 119px;
}
#main-content.page-right-col .gallery-wrapper.small-tn .gallery-item {
width: 128px;
}
.gallery-wrapper.min-spacing.small-tn .gallery-item {
width: 186px;
}
#main-content.page-left-col .gallery-wrapper.min-spacing.small-tn .gallery-item {
width: 133px;
}
#main-content.page-right-col .gallery-wrapper.min-spacing.small-tn .gallery-item {
width: 143px;
}
}
/* Tablet Portrait size (devices and browsers)
---------------------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.responsive .gallery-wrapper.medium-tn .gallery-item {
width: 364px;
}
.responsive .gallery-wrapper.xlarge-tn .gallery-item {
width: 364px;
}
.responsive #main-content.page-left-col .gallery-wrapper.medium-tn .gallery-item {
width: 152px;
}
.responsive #main-content.page-right-col .gallery-wrapper.medium-tn .gallery-item {
width: 168px;
}
.responsive .gallery-wrapper.min-spacing.medium-tn .gallery-item {
width: 248px;
}
}
/* Mobile Landscape Size (devices and browsers)
---------------------------------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.responsive .gallery[class*="gallery-size-"] .gallery-item { /* default Gallery */
width: 126px;
}
.responsive .gallery-wrapper.thumbnail-img-size { /* Gallery with small-size square images without video in lightbox */
margin: -10px;
}
.responsive .gallery-wrapper.thumbnail-img-size .gallery-item {
width: 200px !important;
margin: 10px;
}
.responsive .gallery-wrapper {
margin: -10px 60px;
}
.responsive .gallery-wrapper.min-spacing {
margin: -1px 60px;
}
.responsive .gallery-wrapper.min-spacing.thumbnail-img-size {
margin: -1px;
}
.responsive .gallery-wrapper .gallery-item {
width: 300px !important;
margin: 10px 0;
}
.responsive .gallery-wrapper.min-spacing .gallery-item {
margin: 1px 0;
}
.responsive .gallery-wrapper.min-spacing.thumbnail-img-size .gallery-item {
width: 209px !important;
margin: 1px;
}
}
/* Mobile Portrait Size (devices and browsers)
---------------------------------------------------------------------- */
@media only screen and (max-width: 479px) {
.responsive .gallery-wrapper.thumbnail-img-size { /* Gallery with small-size square images without video in lightbox */
margin: -10px;
}
.responsive .gallery-wrapper.thumbnail-img-size .gallery-item {
width: 140px !important;
margin: 10px;
}
.responsive .gallery-wrapper {
margin: -10px 0;
}
.responsive .gallery-wrapper.min-spacing {
margin: -1px 0;
}
.responsive .gallery-wrapper.min-spacing.thumbnail-img-size {
margin: -1px;
}
.responsive .gallery-wrapper .gallery-item {
width: 300px !important;
margin: 10px 0;
}
.responsive .gallery-wrapper.min-spacing .gallery-item {
margin: 1px 0;
}
.responsive .gallery-wrapper.min-spacing.thumbnail-img-size .gallery-item {
width: 149px !important;
margin: 1px;
}
}