/* Menu */
body.fp-viewing-AdjustablePower #menu #projectMenu:hover ul li:nth-child(1) a p,
body.fp-viewing-Context #menu #projectMenu:hover ul li:nth-child(2) a p,
body.fp-viewing-Working #menu #projectMenu:hover ul li:nth-child(3) a p,
body.fp-viewing-ExplodedView #menu #projectMenu:hover ul li:nth-child(4) a p,
body.fp-viewing-Pedernal #menu #projectMenu:hover ul li:nth-child(5) a p,
body.fp-viewing-PedernalAction #menu #projectMenu:hover ul li:nth-child(5) a p,
body.fp-viewing-Turntable #menu #projectMenu:hover ul li:nth-child(6) a p,
#menu #projectMenu ul li a:hover p {
    color: #fc3000 !important;
    opacity: 1;
}

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

body.fp-viewing-AdjustablePower #menu #projectMenu ul li:nth-child(1) a span span,
body.fp-viewing-Context #menu #projectMenu ul li:nth-child(2) a span span,
body.fp-viewing-Working #menu #projectMenu ul li:nth-child(3) a span span,
body.fp-viewing-ExplodedView #menu #projectMenu ul li:nth-child(4) a span span,
body.fp-viewing-Pedernal #menu #projectMenu ul li:nth-child(5) a span span,
body.fp-viewing-PedernalAction #menu #projectMenu ul li:nth-child(5) a span span,
body.fp-viewing-Turntable #menu #projectMenu ul li:nth-child(6) a span span {
    width: 10px;
    height: 10px;
    background: rgba(250, 46, 0, 0);
    border-width: 2px;
}

#langSwitch .checkLayer {
    background-color: rgba(250, 46, 0, 0) !important;
}

#langSwitch:hover .checkLayer {
    background-color: rgba(250, 46, 0, 1) !important;
}


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

#pedernal-p {
    display: none;
}

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


#qlicProject #sectionContext .fp-bg {
    display: flex;
    justify-content: center;
}

#qlicProject #sectionExplodedView .fp-bg iframe {
    width: 100%;
    height: 100%;
    max-width: 230vh;
    max-height: 100vh;
}

body.fp-viewing-AdjustablePower #sectionProject h2:nth-child(1),
body.fp-viewing-Context #sectionProject h2:nth-child(2),
body.fp-viewing-Working #sectionProject h2:nth-child(3),
body.fp-viewing-ExplodedView #sectionProject h2:nth-child(4),
body.fp-viewing-Pedernal #sectionProject h2:nth-child(5),
body.fp-viewing-PedernalAction #sectionProject h2:nth-child(5),
body.fp-viewing-Turntable #sectionProject h2:nth-child(6) {
    transform: translateX(0%);
    clip-path: inset(0 0 0 0%);
    opacity: 1;
}

body.fp-viewing-AdjustablePower #elementsProject .elementsCanvas #elementsSection1,
body.fp-viewing-Pedernal #elementsProject .elementsCanvas #elementsSection5 {
    opacity: 1;
    transition: all 1s ease-in-out;
}

body.fp-viewing-AdjustablePower .elementsCanvas #elementsSection1 .element,
body.fp-viewing-Pedernal .elementsCanvas #elementsSection5 .element {
    opacity: 1;
    filter: blur(0);
    transition: all 1.2s .7s ease-in-out;
}

body.fp-viewing-ExplodedView #elementsProject .elementsCanvas {
    visibility: hidden;
}

.elementsCanvas #elementsSection1 .element {
    top: unset;
    bottom: 46vh;
    transform: translateX(-21vw);
    right: unset;
}

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


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

    #sectionAdjustablePower .fp-bg video,
    #sectionWorking .fp-bg video,
    #sectionTurntable .fp-bg video {
        height: 100vh;
    }

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

    #sectionPedernal .fp-bg img {
        object-position: -7vw;
    }

    .elementsCanvas #elementsSection1 .element {
        transform: translateX(-23vw);
    }

    .elementsCanvas #elementsSection5 .element {
        bottom: 5vh;
    }
}

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

    #sectionAdjustablePower .fp-bg video,
    #sectionWorking .fp-bg video,
    #sectionTurntable .fp-bg video {
        height: 100vh;
    }

    #sectionContext .fp-bg img,
    #sectionWorking .fp-bg video {
        object-fit: cover !important;
        object-position: -30vw;
    }

    #pedernal-p {
        display: block;
        object-fit: cover !important;

    }

    #pedernal-l {
        display: none;
    }

    #sectionPedernal .fp-bg img {
        object-position: 7vw;
    }

    .elementsCanvas #elementsSection1 .element {
        bottom: unset;
        top: -20vh;
        transform: translateX(0);
    }

    .elementsCanvas #elementsSection5 .element {
        bottom: -25vh;
    }
}

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

    #sectionPedernal .fp-bg img {
        object-fit: cover !important;
        object-position: unset;
    }



    .elementsCanvas #elementsSection5 .element {
        bottom: 10vh;
    }
}


/* Phone portrait */
@media screen and (max-width: 500px) and (orientation: portrait) {
    #sectionContext .fp-bg img {
        object-position: -175vw;
    }

    #sectionWorking .fp-bg video {
        object-fit: cover !important;
        object-position: -55vw;
    }

    #pedernal-p {
        display: block;
        object-fit: cover !important;
    }

    #pedernal-l {
        display: none;
    }

    .elementsCanvas #elementsSection1 .element {
        bottom: unset;
        top: -20vh;
        transform: translateX(0);
    }


}