/* ----------------- Header ----------------- */

.head {
    display: flex;
    margin: 0;
    width: 100%;
    height: 9.7rem;
    background-color: var(--clr-brown);
    align-items: center;
    justify-content: center;
    z-index: 60;
}

.head .logo {
    width: 11.3rem;
    height: 7.7rem;
    background-image: url('/public/images/soutez/logo.png?v=1');
}


/* ----------------- Top ----------------- */

.top {
    width: 100%;
    height: 56.0rem;
    z-index: 60;
}

.top * {
    z-index: 60;
}

.top .background {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-position: bottom center;
    background-image: url("/public/images/soutez/assets/bg-top-notext.jpg");
    /*background-image: url("/public/images/soutez/assets/bg-top.jpg");*/
    background-size: cover;
}


.top .topContent {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    font-family: 'Poplar Kozel', sans-serif;
    text-transform: uppercase;
}

.top .topContent > * {
    position: absolute;
}

.top .topContent .line1 {
    top: 3.1rem;
    left: 13.5rem;
    color: var(--clr-orange);
    font-size: 4.0rem;
    line-height: 4.0rem;
}

.top .topContent .line2 {
    top: 7.8rem;
    left: 7.8rem;
    color: var(--clr-brown);
    font-size: 6.5rem;
    line-height: 5.0rem;
}

.top .topContent .line3 {
    top: 13.8rem;
    left: 14.1rem;
    color: var(--clr-brown);
    font-size: 6.5rem;
    line-height: 5.0rem;
}

.top .topContent .line4 {
    top: 19.3rem;
    left: 14.8rem;
    color: var(--clr-orange);
    font-size: 3.5rem;
    line-height: 3.5rem;
}

.top .topContent .line5 {
    top: 23.8rem;
    left: 10.8rem;
    color: var(--clr-orange);
    font-size: 2.0rem;
    line-height: 2.0rem;
}

.top .topContent .circle {
    display: flex;
    bottom: 14.2rem;
    right: 0.3rem;
    height: 12.2rem;
    width: 12.2rem;
    color: var(--clr-cream);
    font-size: 2.5rem;
    line-height: 2.5rem;
    background-color: var(--clr-orange);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.top .topContent .underageIcon {
    left: 1.0rem;
    bottom: 1.8rem;
    height: 12.8rem;
    width: 2.0rem;
    background-image: url('/public/images/soutez/assets/underage-white.svg?v=1');
}


.top .buttonLink {
    top: 46.5rem;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
}

.top .buttonBackground {
    width: 22.2rem;
}


/* ----------------- Footer ----------------- */

footer,
.footer {
    padding: 0 0 3.6rem 0;
    margin: 0;
    width: 100%;
    color: var(--clr-cream);
    background-color: var(--clr-brown);
}

footer .inner,
.footer .inner {
    padding: 0;
}

footer .footerText,
footer .footerText a,
.footer .footerText,
.footer .footerText a {
    color: var(--clr-cream);
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    text-transform: uppercase;
}

footer .footerText .item,
.footer .footerText .item {
    margin-bottom: 2.0rem;
    text-decoration: underline;
}

footer .footerText a,
.footer .footerText a {
    text-decoration: underline;
    opacity: 1;
}


footer .logo,
.footer .logo {
    position: relative;
    margin: 3.6rem auto;
    padding: 0;
    width: 100%;
    height: 10.2rem;
    background-image: url("/public/images/soutez/logo-footer.svg?v=1");
    z-index: 10;
}


footer .footerCredentials a,
.footer .footerCredentials a {
    color: var(--clr-cream);
    text-decoration: underline;
    opacity: 1;
}

footer .footerCredentials .created,
.footer .footerCredentials .created {
    margin-top: 1.4rem;
    color: var(--clr-cream);
    font-size: 1.4rem;
    font-weight: 500;
    text-transform: none;
}

footer .footerCredentials .laws,
.footer .footerCredentials .laws {
    margin-top: 1.4rem;
    color: var(--clr-cream);
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 300;
    text-transform: none;
}


footer .social,
.footer .social {
    margin-top: 3.0rem;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: 2.2rem;
}

footer .social .item,
.footer .social .item {
    height: 2.9rem;
    width: 2.9rem;
}

footer .social .ing,
.footer .social .ing {
    background-image: url("/public/images/soutez/icons/social-ing.svg?v=1");
}

footer .social .web,
.footer .social .web {
    background-image: url("/public/images/soutez/icons/social-web.svg?v=1");
}

footer .social .fb,
.footer .social .fb {
    background-image: url("/public/images/soutez/icons/social-fb.svg?v=1");
}

footer .napivosrozumem,
.footer .napivosrozumem {
    margin: 1.8rem auto 1.2rem auto;
    height: 5.2rem;
    width: 24.3rem;
    background-image: url("/public/images/soutez/napivosrozumem.svg?v=1");
}

footer .legalInfo,
.footer .legalInfo {
    margin-bottom: 3.0rem;
    color: var(--clr-black);
    color: var(--clr-cream);
    font-size: 1.3rem;
    line-height: 2.5rem;
    font-weight: 400;
    text-transform: none;
}