.node.node--type-photogallery.clearfix::after { display: none; }
.view.view-fotogalereya.view-id-fotogalereya .view-content.row { margin: 0 -15px; row-gap: 30px; }
.view.view-fotogalereya.view-id-fotogalereya .view-content.row .views-row { padding: 0 15px; }
@media screen and (max-width: 991px) {
    .view.view-fotogalereya.view-id-fotogalereya .view-content.row { margin: 0 -8px; row-gap: 16px; }
    .view.view-fotogalereya.view-id-fotogalereya .view-content.row .views-row { padding: 0 8px; }
}

/*============================== VIEW BLOCK ==============================*/
.view.view-fotogalereya.view-id-fotogalereya.view-display-id-block_1 .view-content {
    display: grid;
    grid-template-columns: repeat(6, auto);
    grid-template-rows: repeat(2, auto);
    gap: 30px;
}

.view.view-fotogalereya.view-id-fotogalereya.view-display-id-block_1 .view-content > * { grid-column: span 2; }
.view.view-fotogalereya.view-id-fotogalereya.view-display-id-block_1 .view-content > *:nth-child(-n + 2) { grid-column: span 3; }

.view.view-fotogalereya.view-id-fotogalereya.view-display-id-block_1 .view-footer { display: flex; flex-direction: column; align-items: center; margin-top: 64px; }
.view.view-fotogalereya.view-id-fotogalereya.view-display-id-block_1 .view-footer a { font: 600 18px / 1.3 var(--font-family); color: #5834b4; display: flex; align-items: center; }
.view.view-fotogalereya.view-id-fotogalereya.view-display-id-block_1 .view-footer a::after { 
    content: '';
    background-color: #5834b4;
    -webkit-mask: url(/sites/all/themes/vesta_theme/image/icons/arrow-link.svg) no-repeat center;
    mask: url(/sites/all/themes/vesta_theme/image/icons/arrow-link.svg) no-repeat center;
    mask-size: 8px;
    width: 8px;
    height: 8px;
    margin-left: 12px;
    transition: all 0.3s ease;
}
.view.view-fotogalereya.view-id-fotogalereya.view-display-id-block_1 .view-footer a:hover { color: var(--primary-color); }
.view.view-fotogalereya.view-id-fotogalereya.view-display-id-block_1 .view-footer a:hover::after { background-color: var(--primary-color); }


@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 991px) {
    .view.view-fotogalereya.view-id-fotogalereya.view-display-id-block_1 .view-content { gap: 16px; }
    .view.view-fotogalereya.view-id-fotogalereya.view-display-id-block_1 .view-footer { margin-top: 24px; }
}
@media screen and (max-width: 767px) {
    .view.view-fotogalereya.view-id-fotogalereya.view-display-id-block_1 .view-content > *:nth-child(n) { grid-column: span 3; }
}
@media screen and (max-width: 575px) {
    .view.view-fotogalereya.view-id-fotogalereya.view-display-id-block_1 .view-content > *:nth-child(n) { grid-column: span 6; }
}
/*========================================================================*/

/*============================== TEASER ==============================*/
.node.node--type-photogallery.node--view-mode-teaser { position: relative; border-radius: 14px; overflow: hidden; }
.node.node--type-photogallery.node--view-mode-teaser .field.field--name-field-gallery img { width: 100%; height: auto; object-fit: cover; }
.node.node--type-photogallery.node--view-mode-teaser .field.field--name-node-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    font: 600 14px / 1.6 var(--font-family);
    color: #fff;
    opacity: 0;
    transition: all 0.3s ease;
    pointer-events: none;
}
.node.node--type-photogallery.node--view-mode-teaser:hover .field.field--name-node-title { opacity: 1; }


@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 991px) {
    .node.node--type-photogallery.node--view-mode-teaser .field.field--name-node-title { opacity: 1; }
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 575px) {
    .node.node--type-photogallery.node--view-mode-teaser .field.field--name-field-gallery img { max-height: 120px; }
}
/*====================================================================*/

/*============================== FULL ==============================*/
.node.node--type-photogallery.node--view-mode-full .field.field--name-body { margin-bottom: 16px; }
.node.node--type-photogallery.node--view-mode-full .field.field--name-field-gallery.row { margin: 0 -15px; row-gap: 30px; }
.node.node--type-photogallery.node--view-mode-full .field.field--name-field-gallery.row .field__item { padding: 0 15px; }
.node.node--type-photogallery.node--view-mode-full .field.field--name-field-gallery .field__item a { display: block; border-radius: 14px; overflow: hidden; }
.node.node--type-photogallery.node--view-mode-full .field.field--name-field-gallery .field__item a img { width: 100%; height: auto; object-fit: cover; transition: all 0.3s ease; }
.node.node--type-photogallery.node--view-mode-full .field.field--name-field-gallery .field__item a:hover img { scale: 1.1; }
@media screen and (max-width: 991px) {
    .node.node--type-photogallery.node--view-mode-full .field.field--name-field-gallery.row { margin: 0 -8px; row-gap: 16px; }
    .node.node--type-photogallery.node--view-mode-full .field.field--name-field-gallery.row .field__item { padding: 0 8px; }
}
/*==================================================================*/