/*VIEWS*/
@import url('views/navigation.css');
@import url('views/footer.css');

/*COMPONENTS*/
@import url('components/hero_box.css');
@import url('components/feature.css');
@import url('components/button.css');

/*FONTS*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Italiana&display=swap');

@font-face {
    font-family: "FontAwesome Light";
    src: url('../webfonts/fa-light-300.eot');
    src: url('../webfonts/fa-light-300.eot') format('embedded-opentype'),
         url('../webfonts/fa-light-300.woff2') format('woff2'),
         url('../webfonts/fa-light-300.woff') format('woff'),
         url('../webfonts/fa-light-300.ttf') format('truetype');
  }

:root{
    --grace-blue: #081340;
    --grace-blue-1: #1a3294;
    --grace-gray: #ACA9BB;
    --grace-gray-1: #777586;
    --grace-gray-2: #474555;
    --grace-red: #702C2D;
    --grace-red-1: #3C0000;
}

html, body{
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 62.5%;
}

body{
    font-size: 1.5rem;
    color: var(--grace-gray-2);
    background-color: #ededed;
}

#pageContent{
    position: relative;
}

#loading{
    display: none;
    height: 100vh;
    background: #fff;
    z-index: 9999999;
}

.site_enter__container{
    position: absolute; 
    bottom: 12vh; 
    left: 50%; 
    transform: translateX(-50%);
    display: flex;
}

.enter__button{
    padding: 10px 20px;
    color: #FFF;
    border: 1px solid #FFF;
    background-color: var(--grace-gray-2);
    font-family: 'Italiana', sans-serif;
    text-decoration: none;
    transition: .2s all;
    text-transform: uppercase;
}

.enter__button:hover{
    background-color: var(--grace-gray-1);
    transition: .2s all;
}

/********************/
/*** SLICK SLIDER ***/
/********************/

.slick-prev, .slick-next{
    z-index: 999;
}

.slick-prev::before, .slick-next::before {
    font-size: 60px;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, .8);
    line-height: 0;
}

.slick-prev::before {
    content: '‹';
}

.slick-next::before {
    content: '›';
}

.slider__prev, .slider__next{
    font-size: 3rem;
    color: #FFF; 
    text-align: center; 
    line-height: 40px; 
    cursor: pointer;
    transition: .2s all;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-shadow: 0 0 5px #000;

}

.slider__prev{
    left: 20px;
}

.slider__prev::before{
    content: "\f053";
    font-family: 'FontAwesome Light';
}

.slider__next{
    right: 20px;
}

.slider__next::before{
    content: "\f054";
    font-family: 'FontAwesome Light';
}





h1{
    font-family: 'Italiana', sans-serif;
    color: var(--grace-blue);
}