/* user.css is loaded last from Joomla. Other override .css files are not loaded - that's why we use @import '.css'; */

@import 'global.css';

@import 'menu.css';


.hero-image {
    overflow: hidden;
    position: relative;
}

.hero-image img {
    width: 100%;
    height: auto;
    transform-origin: center;
    animation: heroZoom 8s ease-out forwards;
}

@keyframes heroZoom {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.12); /* колко да се приближи */
    }
}





/* галерията */
.portfolio-grid .portfolio-img {
    width: 100%;
    height: 270px;       
    object-fit: cover;   
    display: block;
}






.pg-item-box-image img {
    width: 100%;
    height: 400px;   
    object-fit: cover;
}


.pg-item-box {
    padding: 4px;
    margin: 0;
}












.pswp__caption,
.pswp__top-bar,
.pswp__item{
  background-color: #fff!important;
}


.pswp__caption__center {
  color: rgba(54, 54, 54, 1) !important;
}




.contact-link {
    color: inherit;           
    text-decoration: none; 
}

.contact-link:hover {
    text-decoration: underline; 
}