/* Menu */
body.fp-viewing-Concept #menu #projectMenu:hover ul li:nth-child(1) a p,
body.fp-viewing-Studio #menu #projectMenu:hover ul li:nth-child(2) a p,
body.fp-viewing-Living #menu #projectMenu:hover ul li:nth-child(3) a p,
body.fp-viewing-Turntable #menu #projectMenu:hover ul li:nth-child(4) a p,
#menu #projectMenu ul li a:hover p {
    color: #ffab8d !important;
    opacity: 1;
}

#menu #projectMenu ul li a span span {
    background: #ffab8d;
    border-color: #ffab8d;
}

body.fp-viewing-Concept #menu #projectMenu ul li:nth-child(1) a span span,
body.fp-viewing-Studio #menu #projectMenu ul li:nth-child(2) a span span,
body.fp-viewing-Living #menu #projectMenu ul li:nth-child(3) a span span,
body.fp-viewing-Turntable #menu #projectMenu ul li:nth-child(4) a span span {
    width: 10px;
    height: 10px;
    background: rgba(255, 171, 141, 0);
    border-width: 2px;
}

#langSwitch .checkLayer {
    background-color: rgba(255, 171, 141, 0) !important;
}

#langSwitch:hover .checkLayer {
    background-color: rgba(255, 171, 141, 1) !important;
}

body.fp-viewing-Concept .loaded #introProject {
    opacity: 0;
    filter: blur(50px);
    transition: all 0.75s ease-in-out;
    transform: scale(0.85);
    bottom: 15vh;
}

.ip-header .ip-loader svg path.ip-loader-circle {
    stroke: #ffab8d;
}

body.fp-viewing-Concept #elementsProject .elementsCanvas #elementsSection1,
body.fp-viewing-Studio #elementsProject .elementsCanvas #elementsSection2,
body.fp-viewing-Living #elementsProject .elementsCanvas #elementsSection3 {
    opacity: 1;
    transition: all 1s ease-in-out;
}

body.fp-viewing-Concept .elementsCanvas #elementsSection1 .element,
body.fp-viewing-Studio .elementsCanvas #elementsSection2 .element,
body.fp-viewing-Living .elementsCanvas #elementsSection3 .element {
    opacity: 1;
    filter: blur(0);
    transition: all 1.2s .7s ease-in-out;
}

.elementsCanvas #elementsSection1 {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    align-content: center;
}

.elementsCanvas #elementsSection1 .element {
    left: 10%;
    bottom: unset;
    top: unset;
    width: 30%;
}

.elementsCanvas #elementsSection5 .element {
    right: unset;
    width: fit-content;
    bottom: 120px;
}

/* Tablet landscape */
@media screen and (max-width: 1180px) and (orientation: landscape) {

    #sectionStudio .fp-bg img,
    #sectionLivingZoom .fp-bg img {
        object-fit: cover !important;
    }
}

/* Tablet portrait */
@media screen and (max-width: 850px) and (orientation: portrait) {

    #sectionStudio .fp-bg img,
    #sectionLivingZoom .fp-bg img {
        object-fit: cover !important;
    }

    #sectionLiving .fp-bg video {
        object-position: -40vw;
    }
}

/* Phone landscape */
@media screen and (max-width: 700px) and (orientation: landscape) {}

/* Phone portrait */
@media screen and (max-width: 500px) and (orientation: portrait) {

    .elementsCanvas #elementsSection1 .element {
        width: 50%;
    }

    #sectionLiving .fp-bg video {
        object-position: -80vw;
    }


}