/*Spod Gallery Default Styles****/

.spod-gallery ul {display:-webkit-box;display:-ms-flexbox;display:flex;list-style-type:none;padding:0;margin:0;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;text-align:center;}
.spod-gallery ul li{background:none;list-style-type:none;padding:0;text-align: center;width: 50%;-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;line-height:0;}
.spod-gallery img {-o-object-fit: cover;object-fit: cover;-o-object-position: center center;object-position: center center;height:200px;width:100%;} 
.spod-gallery-btn{text-align:center;margin-top:2em;}
.spod-gallery-btn a{padding: .7rem 1.5rem;border-radius: 0; font-size: 1rem; font-weight: 800;line-height: 1;position: relative;text-decoration: none;text-transform: uppercase;-webkit-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;z-index: 2;white-space: normal;color: #fff!important;background-color:#1878f1;border-color: #1878f1;}
.spod-gallery-btn a:hover{background-color:#004398;border-color: #004398;}
.spod-blue-cover {height: 100%;width: 100%; position: absolute; z-index: 99;bottom:-200px;-webkit-transition:all linear 0.2s;-o-transition:all linear 0.2s;transition:all linear 0.2s;}
.spod-gallery-item-inner {margin:4px;}
.spod-gallery-item a:hover .spod-blue-cover { background: rgb(33 150 243 / 55%); position: absolute;bottom:0;-webkit-transition:all linear 0.2s; -o-transition:all linear 0.2s;transition:all linear 0.2s;}
.spod-gallery-item a {position: relative; width: 100%;height: 100%;display: block;overflow:hidden;}
.spod-blue-cover svg{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.spod-blue-cover svg path {fill: #fff;}
.spod-gallery-mb {margin-bottom: 3em;}

@media (min-width: 768px) {
 	 .spod-gallery ul {-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;text-align:center;}
}

@media (min-width: 992px) {
    .spod-gallery ul li {width: 33.33333%;-webkit-box-flex: 0;-ms-flex: 0 0 33.33333%;flex: 0 0 33.33333%;}
}

@media (min-width: 1200px) {
   .spod-gallery ul li {width: 25%;-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%;}
}

.spod-gallery li {display: none;}