/*      FONTS       */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800');

/*      ADDITIONAL CLASSES          */
.d-inline-block{
    display: inline-block;
}

/*      HEADER      */
html{
    height: 100%;
}
body{
    background-color: #373636!important;
    min-height: 100vh;
}
.header{
    background-color: #373636;
    box-shadow: 0px 11px 10px rgba(0,0,0,0.2);
    height: auto;
}
.header-logo__img{
    width: 70px;
    height: 70px;
    margin-top: 0px;
}
.header__gallery-title{
    height: 100px;
}
.header__menu--content a{
    color: #f1f1f1!important;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
}
.header__spacer--grey{
    height: 75px;
    width: 100%;
    display: block;
    background-color: #373636;

}
.header__spacer--white{
    height: 75px;
    width: 100%;
    display: block;
    background-color: #f1f1f1;
}
/*      GALLERY         */
/* definicje stylów znajdują się w głównym pliku site.css*/
.front-title--gallery {
  /*  margin: -50px 0 75px 0;*/
  margin: 35px 0 75px 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 32px;
    color: #f1f1f1;
}
.gallery__photo{
    box-shadow: -8px 11px 10px rgba(0,0,0,0.2);
    transition: all .5s ease;
    overflow: hidden;
}
.gallery__photo:hover{
    box-shadow: -8px 16px 13px rgba(0,0,0,0.12);
    transition: all .5s ease;
}
.gallery-symu__alt{
    position: absolute;
    display: inline-block;
    bottom: 0;
    width: 100%;
    height: 30px;
    background-color: rgba(55,54,54,0.8);
    color: #f1f1f1;
    font-family: 'Open Sans', sans-serif;
    padding: 15px;
    transition: all .5s ease;
    pointer-events: none;
}
.gallery-symu__alt--bottom-text {
    display: block;
    position: absolute;
    bottom: 2.5%;
    left: 2.5%;
    width: 95%;
    height: 31px;
    padding: 10px;
    transition: all .5s ease;
}
.gallery__photo:hover .gallery-symu__alt--bottom-text{
    transition: all .5s ease;
    height: 45%;
}
.gallery__one-photo:after {
    content: '';
    position: absolute;
    top:100%;
    bottom: 2.5%;
    left: 2.5%;
    opacity: 0;
    height: 0%;
    width: 95%;
    transition: all .5s ease;
    border: 3px solid #fff;
    z-index: 100;
}
.gallery__photo:hover .gallery__one-photo:after {
    opacity: 1;
    transition: all .5s ease;
    height: 95%;
    top: 2.5%;
}

.gallery__photo:hover .gallery__one-photo:before{
    content: '';
    display: none;
}
.gallery__photo:hover .gallery-symu__alt{
    height: 100%;
    transition: all .5s ease;
    background-color: rgba(246,10,85,0.95);
}
.gallery__photo:hover .gallery__one-photo{

    
}
.gallery__photo svg{
    pointer-events: none;
}
/*      FOOTER      */
.footer{
    background-color: #373636;
    position: relative;
    width: 100%;
    bottom: 0px;
    
}
.footer-icons__details{
    font-family: 'Open Sans', sans-serif;
    color: #f1f1f1;
}
.footer-icons__details-title{
    text-align: left;
    font-weight: 700;
    font-size: 12px;
    margin-top: 5px;   
}
.footer__spacer-1{
    height: 75px;
    display: block;
}
.footer__bottom{
    font-family: 'Open Sans', sans-serif;
    color: #373636;
}
.footer__bottom a{
    color: #f1f1f1;
}

svg path{
        fill: rgb(255,255,255)!important;
}







/*@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... }
@media (min-width: @screen-lg-min) { ... }*/