@import "variables.css";

/** header **/
header{
    background-color: #000;
}

.lang-witch{
    position: absolute;
    right: 50px;
}

header .menu{
    padding: 1em 0;
}

header .menu ul{
    padding: 0;
    margin: 0;
}

header .menu ul li{
    display: inline-block;
    margin: 0.5em 1.5em;
}

header .menu ul li a{
    color: #fff;
    font-size: 1em;
}

/** carousel **/
.carousel-indicators .active {
    width: 100px;
}

#mainCarousel .carousel-caption {
    position: absolute;
    left: unset;
    bottom: 1.25rem;
    right: 15%;
    text-align: center;
    background-color: #000;
    padding: 1em 3em;
    font-size: 1.1em;
    color: #fff;
    border-bottom: 4px solid var(--primaryColor);
}

#mainCarousel .carousel-caption a{
    color: #fff;
}

/** sky **/
.sky{
    background-color: var(--secondaryColor);
    padding: 2em 1em;
}

.sky .text{
    position: absolute;
    right: -35px;
    top: 35px;
}

.sky .text h3{
    font-size: 3em;
    color: #fff;
}

.sky .text p{
    font-size: 2em;
    color: var(--primaryColor);
}

/** newest **/
.newest{
    background-image: linear-gradient(
        180deg,
        hsl(0deg 0% 16%) 0%,
        hsl(30deg 4% 18%) 21%,
        hsl(23deg 8% 20%) 30%,
        hsl(23deg 11% 23%) 39%,
        hsl(25deg 15% 25%) 46%,
        hsl(23deg 19% 27%) 54%,
        hsl(23deg 22% 30%) 61%,
        hsl(24deg 26% 32%) 69%,
        hsl(24deg 30% 34%) 79%,
        hsl(24deg 34% 37%) 100%
    );
}

.newest .title h3{
    color: #fff;
    font-size: 3em;
    font-weight: bold;
}

.newest .title a{
    color: #fff;
    border-bottom: 1px solid #fff;
    padding: 0.5em 0;
}

.newest-slider .item .title{
    color: #fff;
}

.newest-slider .item .description{
    color: #d1d1d1;
    font-size: 0.9em;
}


/** born-for-more **/
.born-for-more{
    background-image: linear-gradient(
        0deg,
        hsl(0deg 0% 16%) 0%,
        hsl(30deg 4% 18%) 21%,
        hsl(23deg 8% 20%) 30%,
        hsl(23deg 11% 23%) 39%,
        hsl(25deg 15% 25%) 46%,
        hsl(23deg 19% 27%) 54%,
        hsl(23deg 22% 30%) 61%,
        hsl(24deg 26% 32%) 69%,
        hsl(24deg 30% 34%) 79%,
        hsl(24deg 34% 37%) 100%
    );
}

.born-for-more h3{
    color: #fff;
    font-size: 3.5em;
}

.born-for-more .posts .item .title{
    color: #fff;
    position: absolute;
    right: 30px;
    bottom: 16px;
    font-size: 1.5em;
}

.born-for-more .posts .item .item-hover{
    position: absolute;
    background: rgba(0,0,0,0.95);
    top: 0;
    height: 100%;
    color: #fff;
    text-align: center;
    opacity: 0;
}

/** footer **/
footer{
    background-color: #282828;
    border-top: 1px solid #2f2f2f;
}

footer .menu ul{
    padding: 0;
    margin: 0;
}

footer .menu ul li{
    display: inline-block;
    margin: 0.5em 5em;
}

footer .menu ul li a{
    color: #fff;
    font-size: 1em;
}