@charset "UTF-8";

header.swiper{
    height:100vh;
    min-height:600px;

    & .swiper-wrapper{
        height:inherit;
        min-height:inherit;

        & .swiper-slide{
            --skew-width:50px;
            height:100%;
            overflow:hidden;

            &::before{
                content:"";
                width:var(--skew-width);
                height:inherit;
                min-height:inherit;
                background-color:rgba(var(--primary-color-rgb),0.5);
                transform:skewX(-25deg);
                position:absolute;
                top:0;
                left:25%;
                z-index:0;
            }

            &::after{
                content:"";
                width:calc(var(--skew-width) * 5);
                height:inherit;
                background-color:rgba(var(--primary-color-rgb),0.3);
                transform:skewX(-25deg);
                position:absolute;
                top:0;
                left:calc(25% + 50px);
                z-index:0;
            }

            & .background,
            & .solar{
                height:inherit;
                min-height:inherit;
                position:absolute;
                top:0;
                left:0;
            }

            & .background{
                z-index:-1;

                & > img{
                    filter:brightness(0.5);
                }
            }

            & .solar{
                z-index:1;

                & h1{
                    margin-top:var(--navigation-h-1);
                    font-weight:400;
                    color:#fff;
                }

                & p{
                    margin-bottom:1.5rem;
                    color:#fff;
                    font-size:1.1rem;
                }
            }
        }
    }

    & .social{
        width:50px;
        position:absolute;
        top:50%;
        right:var(--zeta-density-2);
        transform:translateY(-50%);
        z-index:1;

        & a{
            margin:.25rem 0;
        }
    }
}

#homeAbout{
    & .row{
        & .col{
            &:first-child{
                & figure{
                    text-align:center;

                    & img{
                        max-width:500px;
                    }
                }
            }

            &:last-child{
                & .text-align{
                    margin-top:2.5rem;
                }
            }
        }
    }
}

#homeTestimonials{
    & .row{
        & .col{

            &:last-child{
                & figure{
                    text-align:center;

                    & img{
                        max-width:500px;
                    }
                }
            }

            &:first-child{
                & .button{
                    margin-top:2rem;
                }
            }
        }
    }
}

#homeContact{
    & .box{
        min-height:150px;

        & h5{
            margin-top:.75rem;
        }
    }
}

@media(min-width:1400px){
    header.swiper{
        & .social{
            right:calc(calc(100% - 1400px) / 2);

            & a{
                width:60px;
                height:60px;
                font-size:1.75rem;
            }
        }
    }
}

@media(max-width:767px){
    header.swiper{
        & .social{
            right:var(--zeta-density-1);
        }
    }

    #homeAbout{
        & .row{
            & .col{
                &:last-child{
                    & .text-align{
                        &.right{
                            text-align:center;
                        }
                    }
                }
            }
        }
    }
}

@media(max-width:575px){
    header.swiper{
        & .swiper-wrapper{
            & .swiper-slide{
                & .solar{
                    text-align:center;

                    & p{
                        font-size:1rem;
                    }
                }
            }
        }

        & .social{
            width:auto;
            top:auto;
            right:50%;
            bottom:var(--zeta-density-1);
            transform:translateX(50%);
        }
    }

    #homeAbout{
        text-align:center;

        & .row{
            & .col{
                &:last-child{
                    & figure{
                        & img{
                            margin-bottom:1rem;
                        }
                    }
                }
            }
        }
    }

    #homeTestimonials{
        text-align:center;
    }

    #homeContact{
        & .box{
            text-align:center;
        }
    }

    .parallax{
        text-align:center;;
    }
}