/* Homepage */
body.home footer {
    display: none;
}

html, body {
    overflow: hidden;
}

/* Projects carousel */
.project-carousel-section {
    height: calc(100vh - 96px);
}

@media all and (max-width:980px) {
    .project-carousel-section {
        height: calc(100vh - 80px);
    }
}

.project-carousel-section .et_pb_row {
    height: 100%;
}

.featured-projects-carousel.with-pagination {
    height: calc(100% - 38px);
}

.featured-projects-carousel.with-pagination.featured-project-admin-view {
    height: calc(100% - 38px - 32px);
}

.project-carousel-section .et_pb_column, .project-carousel-section .et_pb_code, .project-carousel-section .et_pb_code_inner, .project-carousel-section .featured-carousel-wrapper, .featured-projects-carousel.no-pagination {
    height: 100%;
}

.featured-projects-carousel a {
    height: 100%;
    display: block;
}

.featured-projects-carousel img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

/* Pagination dots */
.swiper-pagination {
    bottom: unset!important;
    top: unset!important;
    position: relative;
    margin-top: 20px;
    height: 18px;
    max-height: 18px;
    min-height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    background: #d9d9d9;
    opacity: 1;
    margin: 0 6px;
}

.swiper-pagination-bullet-active {
    background: var(--gcid-primary-color, #f29400);
}

/* Pagination arrows */
.swiper-button-prev, .swiper-button-next {
    color: #ffffff;
}

/* Swiper Overlay */
.featured-projects-carousel .swiper-overlay-project {
    position: absolute;
    padding: 10px;
    z-index: 5;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: end;
}

.featured-projects-carousel .swiper-overlay-project h2 {
    background: rgba(0, 0, 0, 0.5);
    /*background: linear-gradient( to right, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.4) 80%, rgba(0, 0, 0, 0.15) 100% );*/

    font-size: 16px!important;
    font-family: var(--et_global_heading_font, 'NorDem'), 'Helvetica', 'Arial', sans-serif;
    color: #ffffff;
    border-radius: 4px;
    padding: 10px;
}

/*.featured-projects-carousel .swiper-slide-active .swiper-overlay-project h2 {
    font-family: var(--et_global_heading_font, 'NorDem'), 'Helvetica', 'Arial', sans-serif;
}*/

.featured-carousel-wrapper p.no-swiper {
    font-size: var(--gvid-cw0ayfw2g2, clamp(1.13rem, calc(1.19rem + -0.34vw), 0.94rem));
}

/* Intro Slider */

#intro-slider {
    position: fixed;
    top: 0; left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
    background: black;
    overflow: hidden;
    transition: transform 1s ease-in-out;
    cursor: pointer;
}

#intro-slider.hidden {
    transform: translateY(-100%);
    pointer-events: none;
}

.intro-swiper, .intro-swiper .swiper-slide {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.intro-swiper .swiper-slide {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.intro-swiper .swiper-slide img.intro-slider-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
}

.caption {
    position: absolute;
    font-size: var(--gvid-cw0ayfw2g2, clamp(1.13rem, calc(1.19rem + -0.34vw), 0.94rem));
    bottom: 10%;
    color: #FFFFFF;
    background: linear-gradient( to right, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.4) 80%, rgba(0, 0, 0, 0.15) 100% );
    /*background: linear-gradient(
  90deg,
  transparent,
  rgba(0, 0, 0, 0.4) 15%,
  rgba(0, 0, 0, 0.4) 85%,
  transparent
);*/
    padding: .5rem 1.5rem!important;
    max-width: 95%;
    border-radius: 4px;
    opacity: 0;
    transition: opacity 1.5s ease-in-out;
}

.caption.show {
    opacity: 1;
}

#intro-slider svg {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 30px;
}

#intro-slider .swiper-admin svg {
    top: 52px;
}