@charset "UTF-8";

header{
    height:100vh;
}

header #mainSwiper{
    height:inherit;
}

header #mainSwiper .swiper-wrapper{
    height:inherit;
}

header #mainSwiper .swiper-wrapper .swiper-slide{
    height:inherit;
    position: relative;
}

header #mainSwiper .swiper-wrapper .swiper-slide figure,
header #mainSwiper .swiper-wrapper .swiper-slide .solar,
header #mainSwiper .swiper-wrapper .swiper-slide .content{
    position:absolute;
    top:0;
    left:0;
    height:inherit;
}

header #mainSwiper .swiper-wrapper .swiper-slide figure{
    z-index:0;
}

header #mainSwiper .swiper-wrapper .swiper-slide figure img{
    object-fit:cover;
    width:100%;
    height:inherit;
}

header #mainSwiper .swiper-wrapper .swiper-slide .solar{
    z-index:1;
}

header #mainSwiper .swiper-wrapper .swiper-slide .content{
    z-index:2;
    display:flex;
    flex-flow: row wrap;
    align-items:center;
}

header #mainSwiper .swiper-wrapper .swiper-slide .content h1,
header #mainSwiper .swiper-wrapper .swiper-slide .content h6,
header #mainSwiper .swiper-wrapper .swiper-slide .content p{
    color:#fff;
}

header #mainSwiper .swiper-wrapper .swiper-slide .content h1{
    text-transform:capitalize;
    font-family:var(--primary-font);
}

header #mainSwiper .swiper-wrapper .swiper-slide .content h6{
    margin-top:4rem;
    font-weight:500;
    text-transform:uppercase;
    letter-spacing:1px;
}

/*header{
    height:100vh;

    & #mainSwiper{
        height:inherit;

        & .swiper-wrapper{
            height:inherit;

            & .swiper-slide{
                height:inherit;
                position: relative;

                & figure,
                & .wrapper,
                & .content{
                    position:absolute;
                    top:0;
                    left:0;
                    height:inherit;
                }

                & figure{
                    z-index:0;

                    & img{
                        object-fit:cover;
                        width:100%;
                        height:inherit;
                    }
                }

                & .wrapper{
                    z-index:1;
                    background-color:rgba(0,0,0,0.6);
                }

                & .content{
                    z-index:2;
                    display:flex;
                    flex-flow: row wrap;
                    align-items:center;

                    & h1,
                    & h6,
                    & p{
                        color:#fff;
                    }

                    & h1{
                        text-transform:capitalize;
                        font-family:var(--primary-font);
                    }

                    & h6{
                        margin-top:4rem;
                        font-weight:500;
                        text-transform:uppercase;
                        letter-spacing:1px;
                    }
                }
            }
        }
    }
}*/

#homeServices .box{
    padding:1.5rem 1rem;
    border:2px dashed #eee;
    border-radius:10px;
    transition:border-color 0.3s ease-in;
}

#homeServices .box img{
    margin-bottom:1.5rem;
    transition:transform 0.3s ease-in-out;
}

#homeServices .box h5{
    color:#333;
    transition:color 0.3s ease-in;
}

#homeServices .box p{
    margin-bottom:0;
}

#homeServices .box:hover,
#homeServices .box:focus,
#homeServices .box:active{
    border-color:var(--primary);
}

#homeServices .box:hover h5,
#homeServices .box:focus h5,
#homeServices .box:active h5{
    color: var(--primary);
}

#homeServices .box:hover img,
#homeServices .box:focus img,
#homeServices .box:active img{
    transform: scale(1.2);
}

/*#homeServices{
    & .box{
        padding:1.5rem 1rem;
        border:2px dashed #eee;
        border-radius:10px;
        transition:border-color 0.3s ease-in;

        & img{
            margin-bottom:1.5rem;
            transition:transform 0.3s ease-in-out;
        }

        & h5{
            color:#333;
            transition:color 0.3s ease-in;
        }

        & p{
            margin-bottom:0;
        }

        &:hover,
        &:active,
        &:focus{
            border-color:var(--primary);

            & h5{
                color: var(--primary);
            }

            & img{
                transform: scale(1.2);
            }
        }
    }
}*/

#homeBanner .row .col:last-child{
    background-color:#fff;
}

#homeBanner .row .col figure{
    padding:3rem;
}

#homeBanner .row .col h6{
    color:var(--tertiary);
}

#homeBanner .row .col form input,
#homeBanner .row .col form textarea,
#homeBanner .row .col form select{
    border-width:2px;
    transition:border-color 0.3s ease;
}

#homeBanner .row .col form input:focus,
#homeBanner .row .col form textarea:focus,
#homeBanner .row .col form select:focus{
    border-color:var(--primary);
}

/*#homeBanner{
    & .row{
        & .col{
            & figure{
                padding:3rem;
            }

            & h6{
                color:var(--tertiary);
            }

            & form{
                & input,
                & textarea{
                    border-width:2px;
                    transition:border-color 0.3s ease;

                    &:focus{
                        border-color:var(--primary);
                    }
                }
            }

            &:last-child{
                background-color:#fff;
            }
        }
    }
}*/

#homeBlog .box{
    width:100%;
    height:250px;
}

#homeBlog a.box{
    display:block;
    position:relative;
    border-radius:5px;
}

#homeBlog a.box figure{
    width:inherit;
    height:inherit;
    border-radius:inherit;
    position:absolute;
    top:0;
    left:0;
    z-index:0;
    overflow:hidden;
}

#homeBlog a.box figure img{
    width:inherit;
    height:inherit;
    object-fit: cover;
    border-radius:inherit;
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    transition:transform 0.3s ease-in-out;
}

#homeBlog a.box .solar{
    width:inherit;
    height:inherit;
    border-radius:inherit;
    position:absolute;
    top:0;
    left:-100%;
    z-index:2;
    background-color:rgba(0,0,0,0.3);
    transition:left 0.3s ease-in-out;
}

#homeBlog a.box span{
    display:inline-block;
    width:auto;
    height:auto;
    position:absolute;
    top:1rem;
    left:1rem;
    z-index:3;
    padding:0.5rem 1rem;
    background-color:var(--primary);
    font-weight:500;
    color:#fff;
    border-radius:inherit;
}

#homeBlog a.box:hover img,
#homeBlog a.box:focus img,
#homeBlog a.box:active img{
    transform:scale(1.2);
}

#homeBlog a.box:hover .solar,
#homeBlog a.box:focus .solar,
#homeBlog a.box:active .solar{
    left:0;
}

#homeBlog div.box{
    padding:1.5rem;
    width:100%;
    height:250px;
    border:2px dashed #eee;
    border-radius:5px;
    transition:border-color 0.3s ease-in;
}

#homeBlog div.box:hover,
#homeBlog div.box:focus,
#homeBlog div.box:active{
    border-color:var(--primary);
}

#homeBlog div.box span{
    display:block;
    color:#666;
    letter-spacing:1px;
}

#homeBlog div.box span i{
    color:var(--secondary);
}

#homeBlog div.box a{
    display: block;
    margin:1rem 0;
    font-size:1.25rem;
    font-weight:800;
    color:#333;
    text-decoration:none;
    text-transform:uppercase;
    transition:color 0.3s ease-in;
}

#homeBlog div.box a:hover,
#homeBlog div.box a:focus,
#homeBlog div.box a:active{
    color:var(--primary);
}

#homeBlog div.box p{
    color:#333;
}

/*#homeBlog{
    & .box{
        width:100%;
        height:250px;
    }

    & a.box{
        display:block;
        position:relative;
        border-radius:5px;

        & figure{
            width:inherit;
            height:inherit;
            border-radius:inherit;
            position:absolute;
            top:0;
            left:0;
            z-index:0;
            overflow:hidden;

            & img{
                width:inherit;
                height:inherit;
                object-fit: cover;
                border-radius:inherit;
                position:absolute;
                top:0;
                left:0;
                z-index:1;
                transition:transform 0.3s ease-in-out;
            }
        }

        & .solar{
            width:inherit;
            height:inherit;
            border-radius:inherit;
            position:absolute;
            top:0;
            left:-100%;
            z-index:2;
            background-color:rgba(0,0,0,0.3);
            transition:left 0.3s ease-in-out;
        }
        
        & span{
            display:inline-block;
            width:auto;
            height:auto;
            position:absolute;
            top:1rem;
            left:1rem;
            z-index:3;
            padding:0.5rem 1rem;
            background-color:var(--primary);
            font-weight:500;
            color:#fff;
            border-radius:inherit;
        }

        &:hover,
        &:focus,
        &:active{
            & img{
                transform:scale(1.2);
            }

            & .solar{
                left:0;
            }
        }
    }

    & div.box{
        padding:1.5rem;
        width:100%;
        height:250px;
        border:2px dashed #eee;
        border-radius:5px;
        transition:border-color 0.3s ease-in;

        & span{
            display:block;
            color:#666;
            letter-spacing:1px;

            & i{
                color:var(--secondary);
            }
        }

        & a{
            display: block;
            margin:1rem 0;
            font-size:1.25rem;
            font-weight:800;
            color:#333;
            text-decoration:none;
            text-transform:uppercase;
            transition:color 0.3s ease-in;

            &:hover,
            &:focus,
            &:active{
                color:var(--primary);
            }
        }

        & p{
            color:#333;
        }

        &:hover,
        &:focus,
        &:active{
            border-color:var(--primary);
        }
    }
}*/