/********************************************
   OCCASIONAL MEDIA - PUBLIC GALLERY STYLES 
 *******************************************/
/* TARGET PAGES WITH GALLERIES - EXPAND CONTAINER */
.om-gallery ~ .post-inner,
.post-inner:has(.om-gallery) {
    width: 974px !important;
    max-width: 100% !important;
    padding: 2.5% 0 !important;
}

.entry.post.single:has(.om-gallery),
.entry.page:has(.om-gallery) {
    /* Your styles here */
    background: #f2f2f2 !important;
}

.post-title .om-gallery{
	Margin: 0 0px 40px 20px;
}

/* GALLERY STYLES - FIXED LANDSCAPE MATH */
.entry-content .om-gallery,
.main-content .om-gallery, 
.content-area .om-gallery {
    --gallery-width: 974px;
    --columns: 5;
    --gutter: 5px;
/*    --column-width: calc((var(--gallery-width) - (var(--gutter) * (var(--columns) - 1))) / var(--columns));
*/	--column-width: calc((var(--gallery-width) - (var(--gutter) * var(--columns))) / var(--columns));    
    margin: 0 auto;
    width: var(--gallery-width);
    max-width: var(--gallery-width);
	background-color: #000000db}

.entry-content .om-sizer,
.main-content .om-sizer,
.content-area .om-sizer {
    width: var(--column-width);
}

.entry-content .om-gutter-sizer,
.main-content .om-gutter-sizer,
.content-area .om-gutter-sizer {
    width: var(--gutter);
}

.entry-content .om-gallery-item,
.main-content .om-gallery-item,
.content-area .om-gallery-item {
    width: var(--column-width);
    margin-bottom: 5px;
}

.entry-content .om-gallery-item.landscape,
.main-content .om-gallery-item.landscape,
.content-area .om-gallery-item.landscape {
    width: calc((var(--column-width) * 2) + var(--gutter));
}

.entry-content .om-gallery-item img,
.main-content .om-gallery-item img,
.content-area .om-gallery-item img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 0;
}

.entry-content .om-gallery-item img,
.main-content .om-gallery-item img,
.content-area .om-gallery-item img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 0;
    max-height: calc(var(--column-width) * 2); /* NEW CONSTRAINT */
}

/* SHUFFLE BUTTON - BLOG TITLE STYLING */
.om-shuffle-controls {
    text-align: right;
    margin: -45px 0 35px 0;
    padding: 0;
    position: relative;
    z-index: 10;
}

.om-shuffle-btn {
    display: inline-block;
    padding: 6px 12px;
	margin: 20px;
    border: 2px solid #333;
    font-size: 13px;
    line-height: 150%;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #333;
    background: transparent;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
}

.om-shuffle-btn:hover {
    background: #333;
    color: #fff;
}

/* RESPONSIVE */
@media (max-width: 1200px) {
    .om-gallery {
        column-count: 4;
    }
}

@media (max-width: 768px) {
    .om-gallery {
        column-count: 3;
    }
}

@media (max-width: 480px) {
    .om-gallery {
        column-count: 1;
    }
}