/* @ todo: Remove vertical-align this is now handled by Bootstrap */
.vertical-align-top {
    top: 0px;
    padding: 0px;
    position: absolute;
    margin-right: -50%;
}

.vertical-align-middle {
    padding: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.vertical-align-bottom {
    bottom: 0px;
    padding: 0px;
    position: absolute;
    margin-right: -50%;
}

.page-sub-panel {
    position: relative;
}

.page-sub-panel .text-column img {
    height: auto;
    max-width: 100%;
}

/* Slider Panel */
.page-sub-panel.slider .slide{
    position: relative;
    width:100%;
}

.page-sub-panel.slider .slick-slide img {
    max-width: 100%;
}

/*
.page-sub-panel.slider .slick-slide {
    opacity: .3;
    transition: opacity .5s ease-in-out;
}
.page-sub-panel.slider .slick-current {
    opacity: 1;
    transition: opacity .5s ease-in-out;
}
.page-sub-panel.slider .slick-active{
    opacity: 1;
    transition: opacity .5s ease-in-out;
}
*/

.page-sub-panel.slider .armour-slider .slick-dots {
    bottom: 25px;
    z-index: 10;
}

.page-sub-panel.slider .armour-slider .slick-dotted.slick-slider {
    margin-bottom: 0;
}

.page-sub-panel.slider .armour-slider .slick-next{
    right: 25px;
    z-index:10;
}
.page-sub-panel.slider .armour-slider .slick-prev{
    left: 25px;
    z-index:10;
}
.page-sub-panel.slider .armour-slider .slide .slide-overlay {
    padding: 20px;
    width: 100%;
}

.page-sub-panel.slider .armour-slider .slide .slide-content {
    padding: 20px;
}



.custom-gallery .grid-container {
    margin: 0 auto;
}
.custom-gallery .cols {
    margin: 0 auto;
}
.custom-gallery .col {
    width: 33%;
    height: 250px;
    float: left;
    margin: 0;
    padding: 10px;
}
.custom-gallery .col .item-inner {
    width: 100%;
    height: 100%;
}
.custom-gallery .col img {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
@supports (display: -ms-grid) or (display: grid) or (display: -ms-grid) {
    .custom-gallery .grid-area {
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
        grid-auto-rows: 200px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .custom-gallery .col {
        width: 100%;
        height: 100%;
        float: none;
        padding: 10px;
        -ms-grid-column-span: 2;
        grid-column-end: span 2;
        -ms-grid-row-span: 2;
        grid-row-end: span 2;
    }
}

/* Media queries for other screen widths */
@media screen and (max-width: 650px) {
    .custom-gallery .col {
        -ms-grid-row-span: unset;
        grid-row-end: unset;
        -ms-grid-column-span: unset;
        grid-column-end: unset;
        height: 250px;
    }
    .custom-gallery .grid-area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}