/*	Gallery 1
/*----------------------------------------------------*/

/* Gallery Item
 * -------------------------- */

 @import url(http://fonts.googleapis.com/css?family=Raleway:800,700,400);
 @import url(http://fonts.googleapis.com/css?family=Signika:400,600);

.gallery-item-wrapper{
    max-height: auto;
    border: none;
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    overflow: hidden;
}
.gallery-details {
    background: inherit;
}
.gallery-thumb{
    border: 1px solid #e0e0e0;
    border-radius: 1.4rem;
}
.gallery-thumb img{
    width: fit-content;
   /* border-radius: 1.4rem;*/
    padding-left: 0% !important;
}
.gallery-item .gallery-details {
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: column;
    height: 70%;
    width: calc(100% - 30px);
    padding: 0.1remrem;
    box-sizing:border-box;
    position:absolute;
    bottom: 0;
    /*border-radius: 1.4rem;*/
   /* background: linear-gradient(35deg , rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.9) 100%);*/
   background: #004161;
    transform: translateY(70%);
    transition: transform 500ms ease;
}
.gallery-item:hover .gallery-details{
    transform: translateY(0);
}
.gallery-item .gallery-details h4{
    font-size: 1.1em;
    color: rgb(240, 240, 240);
    text-transform: uppercase;
}
.gallery-item .gallery-details p {
   font-size: 18px;
    opacity: 1;
    /* letter-spacing: .1em; */
    color: rgb(255 135 56);
    text-transform: capitalize;
}
.gallery-item .gallery-details p, .gallery-item .gallery-details h4{
    margin-block: 1.8rem !important;
    font-weight: 600;
}
.gallery-item .gallery-details .button{
    text-decoration: none;
    padding-inline: 1rem;
    padding-block: .8rem;
    border-radius: .4rem;
    font-weight: 600;
    border: 1px solid #d3d3d3;
    color: #d3d3d3;
    font-family: 'Raleway', sans-serif;
    margin-bottom: 12px !important;
    transition: all 500ms ease-in-out;
}
.gallery-item .gallery-details .button:hover{
    /* background-color: #2580e6; */
    background-color: #1463c4;
    color: #ececec;
    border: 1px solid transparent;
}

 /* Gallery Filter
  * -------------------------- */

 /*	Gallery 1 MEDIA QUERIES
 /*----------------------------------------------------*/
 
 /* Small Devices, Tablets */
 @media only screen and (min-width : 768px) {
     
         
     
 }
 
 /* Medium Devices, Desktops */
 @media only screen and (min-width : 992px) {
     
 
     
 }
 
 /* Large Devices, Wide Screens */
 @media only screen and (min-width : 1200px) {
     
     
     
 }