/*
Theme Name: About Esportes
Author: Pedro Estarque
Author URI: https://pedro.estarque.com.br
Description: Tema About Esportes para <a href="https://www.agenciamotiva.com.br/">Agência Motiva</a>
Version: 3
*/

html, body { height: 100%; width: 100%; scroll-behavior: smooth;}
* {border: 0px;margin: 0px;padding: 0px;vertical-align: baseline;/* outline:none; */outline-color: gray;box-sizing: border-box;-webkit-text-size-adjust:100%;} 

:root {
    --about-cor1: #09CC8A;
    --about-roxo: #333374;
    --about-creme: #FFF1CC;
    --about-vermelho: #F23827;
}

body {
    background-color: #F5F5F5;
    font-family: 'bornaregular', sans-serif;
    font-size: 16px;
    background-image: url(images/bg3.svg);
    background-size: 4000px;
    background-position-x: -1000px;
    background-position-y: 70vh;
    background-repeat: no-repeat;
}

h1, h2, h3, h4, b, strong {
    font-family: 'bornamedium', sans-serif;
}

a { color: #333; text-decoration: none;}

ul {
  list-style-type: none;
}

#logo {
    position: absolute;
    left: 50px;
    top: 50px;
    width: 190px;
    height: 78px;
    background-image: url(images/logo_aboutesportes_white.svg);
    background-size: cover;
    z-index: 1;
    background-repeat: no-repeat;
}

body:not(.page-template-home-esportes) #logo {
    filter: invert() brightness(0);
}

.menu-container {
    position: absolute;
    z-index: 1;
    left: 395px;
    top: 64px;
}

.menu {
    list-style-type:none;
    display: flex;
    gap: 35px;
    font-size: 20px;
    font-family: 'bornabold';
    text-transform: uppercase;
}

.menu a {
    color: white;
}

.menu a:hover {
    text-decoration: underline;
}

.menu-mobile+button {
    display: none;
}

.social-header {
    position: absolute;
    display: flex;
    gap: 20px;
    right: 3vw;
    top: 64px;
    z-index: 1;
}

.social-header a, footer .social a {
    width: 30px;
    height: 30px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: 0.3s all;
}

.social-header a:hover, footer .social a:hover {
    transform: scale(1.1);
}

body.page-template-home-esportes section.banner {
    position: relative;
    color: white;
}

body.page-template-home-esportes section.banner:before {
    content: "";
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, transparent, var(--about-roxo));
    mix-blend-mode: multiply;
}

body.page-template-home-esportes section.banner:after {
    content: "";
    position: absolute;
    bottom: -4.15vw;
    width: 62vw;
    height: 8vw;
    background-image: url(images/pattern.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

body.page-template-home-esportes section.banner img {
    width: 100%;
    display: block;
}

body.page-template-home-esportes section.banner img.mobile {
    display: none;
}

body.page-template-home-esportes section.banner h1 {
    position: absolute;
    font-size: 6.1vw;
    font-weight: bold;
    font-family: 'bornabold', sans-serif;
    /* right: 4.6vw; */
    left: 47vw;
    bottom: 15vw;
    text-shadow: 0 4px 8px rgb(0 0 0 / 16%);
}

body.page-template-home-esportes section.banner h3 {
    position: absolute;
    max-width: 49vw;
    left: 47vw;
    bottom: 8vw;
    font-size: 2.7vw;
    line-height: 3.1vw;
    font-weight: normal;
    font-family: 'bornabold';
    text-transform: uppercase;
}

body.page-template-home-esportes section.banner .about-button {
    position: absolute;
    right: 13.3vw;
    font-size: 1.4vw;
    min-width: 19vw;
    bottom: -2.15vw;
    text-align: center;
    height: 4vw;
    transition: 0.3s all;
    text-transform: uppercase;
    font-family: 'bornamedium';
}

body.page-template-home-esportes section.banner .about-button:hover {
    background: var(--about-cor1);
    padding-top: 8px;
    color: var(--about-roxo);
    border-color: var(--about-roxo);
}

body.page-template-home-esportes section.banner .about-button:active {
    background: var(--about-cor1);
    padding-top: 8px;
    color: white;
    border-color: var(--about-cor1);
}

body.page-template-home-esportes section.banner a+a {
    position: absolute;
    bottom: -2.15vw;
    right: 3vw;
    width: 4.7vw;
    height: 4vw;
    background: url(images/bimbo_icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.about-button{
    padding: 1vw 1.5vw;
    border-radius: 50px;
    border: 3px solid var(--about-cor1);
    color: var(--about-roxo);
    background: white;
}

body.page-template-home-esportes section+section {
    margin: 20px auto;
    max-width: 1800px;
    padding: 20px;
    position: relative;
}

body.page-template-home-esportes section#sobre {
    margin: 300px auto 120px auto;
    max-width: 1350px;
    display: flex;
    gap: 130px;
    align-items: flex-start;
}

body.page-template-home-esportes section#sobre p {
    font-size: 20px;
    margin-bottom: 35px;
}


footer #muitos-abouts {
    transform: translateY(-150px);
}

footer #muitos-abouts h2 {
    font-size: 32px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

footer #muitos-abouts h2:before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 35px;
    margin-right: 15px;
    background: url(images/Bimbo.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

footer #muitos-abouts h2:after {
    content: "";
    display: inline-block;
    width: 37px;
    height: 32px;
    margin-left: 15px;
    background: url(images/arrow_about.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

footer #muitos-abouts > div {
    display: flex;
    gap: 15px;
    padding: 40px 30px;
    overflow: scroll;
    margin-left: -30px;
    scrollbar-width: none;
}

footer #muitos-abouts > div > a {
    position: relative;
    transition: 0.3s all;
}

footer #muitos-abouts > div p {
    position: absolute;
    font-size: 44px;
    line-height: 53px;
    font-family: 'bornabold';
    color: white;
    top: 145px;
    left: 40px;
}

footer {
    position: relative;
    background: black;
    padding: 0 50px 250px 50px;
    margin-top: 450px;
}

footer .logo {
    position: absolute;
    left: 10vw;
    top: 634px;
    width: 190px;
    height: 78px;
    background: url(images/logo_aboutesportes_white.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

footer .social {
    position: absolute;
    right: 10vw;
    top: 665px;
    display: flex;
    gap: 20px;
    color: white;
}

footer .social > p {
    position: absolute;
    right: 0;
    top: -35px;
    font-size: 19px;
    font-family: 'bornabold';
}

body.single-registro > .content {
    max-width: 100%;
}

#galeria-about {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

#galeria-about a {
    max-width: 350px;
    height: 200px;
    display: flex;
    justify-content: center;
    transition: 0.3s all;
    margin: auto;
}

#galeria-about a:hover {
    transform: scale(1.05);
    filter: saturate(1.1);
}

#galeria-about img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

body.single-registro h1.title {
    text-align: center;
    font-size: 100px;
    margin-bottom: 70px;
}

body.single-registro .data {
    font-size: 32px;
    color: var(--about-roxo);
    font-family: 'bornamedium';
    margin-top: 70px;
}

body.single-registro .data span {
    text-transform: capitalize;
}

body.post-type-archive-novidade .content {
    max-width: 1400px;
}

body.page-template-home-esportes .case {
    position: relative;
    padding-bottom: 140px;
}

.case:after {
    content: "";
    position: absolute;
    bottom: -5.4vw;
    width: 41vw;
    height: 8vw;
    left: 0;
    right: 0;
    margin: auto;
    background-image: url(images/pattern.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.case.bottom:after {
    content: "";
    position: absolute;
    bottom: unset;
    top: -2.55vw;
    width: 41vw;
    height: 8vw;
    left: 0;
    right: 0;
    margin: auto;
    background-image: url(images/pattern.svg);
    background-size: contain;
    background-repeat: no-repeat;
}


.potencialize:before {
    content: "";
    background: url(images/symbol.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -120px;
    left: 0;
    width: 668px;
    height: 570px;
    transition: 0.3s all;
}

.potencialize:hover:before {
    transform: scale(1.1);
}

.case .bg.multiply {
  mix-blend-mode: multiply;
  background: #522F84;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
}

.case .content {
    position: relative;
    padding: 100px;
    z-index: 0;
}

.case .header {
    display: flex;
    gap: 60px;
    margin-left: 60px;
}

body.page-template-home-esportes .case.lart {
    padding-bottom: 0;
    padding-top: 100px;
}

.case .sobre {
    display: flex;
    margin-top: 140px;
    color: white;
    gap: 40px;
}

.case.lart .sobre,
.case.lart .header {
    display: none;
}

.case .sobre h2 {
    font-size: 64px;
    line-height: 77px;
    max-width: 664px;
    text-transform: uppercase;
    color: #0ACC8A;
    font-family: 'bornasemibold';
}

.case .sobre h3 {
    font-size: 52px;
    line-height: 62px;
    font-family: 'bornaregular';
}

.case .sobre > div {
    max-width: 664px;
}

.case.lart .sobre p {
    margin: 20px 0 60px 0;
    font-size: 20px;
}

.case .sobre button {
    background: #0ACC8A;
    color: white;
    font-family: 'bornamedium';
    font-size: 28px;
    border-radius: 45px;
    padding: 24px 50px;
    position: relative;
}

.case .sobre button:hover {
  color: #333374;
}

.case .servicos {
    color: white;
    /* margin-top: 230px; */
}

.case .servicos h2 {
    font-size: 62px;
    font-family: 'bornaregular';
    letter-spacing: 1px;
}

.case .servicos > div {
    display: flex;
    gap: 130px;
    margin-top: 310px;
    flex-direction: column;
    align-items: center;
}

.potencialize {
    position: relative;
    font-size: 64px;
    font-family: 'bornamedium';
    text-transform: uppercase;
    max-width: 664px;
    text-align: center;
}

.potencialize p {
    position: relative;
}

.servicos button {
    position: relative;
    margin-top: 230px;
    font-size: 28px;
    font-family: 'bornamedium';
    padding: 20px 50px;
    border-radius: 45px;
    background: white;
    border: 2px solid #0ACC8A;
    cursor: pointer;
}

.servicos button.mobile {
    display: none;
}

.servicos button:hover {
    background: #0ACC8A;
    color: white;
}

.servicos button:active {
    top: 10px;
}

.case .servicos ul {display: flex;justify-content: space-evenly;}

.case .servicos li {
    font-size: 20px;
    max-width: 360px;
    text-align: center;
    position: relative;
}

.case .servicos li b {
    font-size: 32px;
    display: block;
    margin-bottom: 15px;
    line-height: 1.2;
}

.case .servicos li:before {
    content: "";
    width: 175px;
    height: 150px;
    display: block;
    background-image: url(images/campanhas.svg);
    background-size: contain;
    margin: 20px auto;
}

.case .servicos li + li {
}

.case .servicos li + li:before {
    background-image: url(images/cobertura.svg);
}

.case .servicos li + li + li {
}

.case .servicos li+li+li:before {
    background-image: url(images/suporte.svg);
}

body.page-template-home-esportes .producoes {
    margin-top: 200px;
}

body.page-template-home-esportes .producoes h2 {
    font-size: 64px;
    white-space: pre-line;
    color: #522F84;
    text-transform: uppercase;
    margin-bottom: 120px;
    margin-left: 100px;
}

body.page-template-home-esportes .producoes .videos {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
}

body.page-template-home-esportes .videos > div {
    cursor: pointer;
}

body.page-template-home-esportes .videos img {
    width: 100%;
    height: 326px;
    object-fit: cover;
    display: block;
    mix-blend-mode: multiply;
}

body.page-template-home-esportes .producoes .videos h4 {
    font-size: 32px;
    color: #522F84;
    margin: 30px 20px 15px 20px;
}

body.page-template-home-esportes .producoes .videos p {
    font-size: 20px;
    margin: 0 20px;
}

body.page-template-home-esportes .videos picture {
    display: block;
    position: relative;
    background: linear-gradient(0deg, #333374, transparent);
    /* width: 554px; */
    /* height: 326px; */
}

body.page-template-home-esportes .videos picture:before {
    content: "";
    width: 155px;
    height: 133px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    background-image: url(images/oval.svg);
    background-size: contain;
    transition: 0.3s all;
    opacity: 0.85;
}

body.page-template-home-esportes .videos > div:hover picture:before {
    opacity: 1;
}

body.page-template-home-esportes .videos picture:after {
    content: "";
    width: 46px;
    height: 53px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    background-image: url(images/play.svg);
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateX(5px);
}

.aboutplayer {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: hsl(265deg 47% 35% / 80%);
    z-index: 3;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.aboutplayer iframe {
    width: 90%;
    height: 90%;
}

body.page-template-home-esportes .linha-do-tempo {
    margin-top: 120px;
}

body.page-template-home-esportes .linha-do-tempo h2 {
    font-size: 64px;
    color: #522F84;
    text-transform: uppercase;
    margin-left: 100px;
    white-space: pre-line;
    margin-bottom: 40px;
}

body.page-template-home-esportes .linha-do-tempo h3 {
    font-size: 32px;
    display: flex;
    gap: 20px;
    align-items: center;
    font-family: 'bornasemibold';
    margin-left: 100px;
    white-space: pre-line;
}

body.page-template-home-esportes .linha-do-tempo h3:before {
    content: "";
    width: 106px;
    height: 93px;
    display: inline-block;
    background-image: url(images/Bimbo_Oculos.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

body.page-template-home-esportes .eventos {
    max-width: 100%;
    display: flex;
    justify-content: space-evenly;
    background-image: url(images/timeline.svg);
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 100px;
}

body.page-template-home-esportes .eventos span {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

body.page-template-home-esportes .eventos h4 {
    width: 110px;
    height: 92px;
    background-image: url(images/oval.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    font-family: 'bornabold';
    color: white;
    margin-top: -50px;
    margin-bottom: 50px;
}

body.page-template-home-esportes .eventos p {
    font-size: 24px;
    font-family: 'bornasemibold';
    margin-bottom: 20px;
}

body.page-template-home-esportes .eventos span:last-of-type h4 {
    background-image: url(images/oval-selected.svg);
    width: 125px;
    height: 108px;
    margin-bottom: 34px;
    transform: translateY(-8px);
}

.case.goldengoal {
    margin-top: 220px;
    /* height: calc(100% - 410px); */
    /* margin-bottom: 520px; */
    padding-top: 100px;
}

.case.goldengoal .multiply {
    bottom: 480px;
}

.case.goldengoal .header {
    margin: 0;
    margin-top: -30px;
    margin-bottom: 100px;
}

.case.goldengoal .header > img {
    max-height: 100px;
}

.case.goldengoal h2 {
    color: #FFEF0D;
}

.case.goldengoal .videos {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 1130px;
    gap: 20px;
    color: white;
    margin-bottom: 130px;
}

.case.goldengoal .videos h4 {
    font-size: 32px;
    margin-top: 20px;
}

.case.goldengoal .sobre {
    margin-top: 0;
    margin-bottom: 100px;
}

.case.goldengoal .time h2 {
    font-size: 64px;
    color: #0ACC8A;
    text-transform: uppercase;
    margin-top: 70px;
}

.jogajunto {
    display: flex;
    gap: 30px;
    margin-top: 120px;
    flex-direction: column;
    align-items: center;
}

.jogajunto h3 {
    font-size: 64px;
    text-transform: uppercase;
    color: white;
    min-width: 440px;
}

.jogajunto .galeria {
  width: 1130px;
  height: 740px;
}

.galeria img {
    max-width: 100%;
    display: block;
    border-radius: 30px;
    max-height: 630px;
    margin: auto;
}

.galeria .slick-slide {
    display: flex;
    align-content: center;
    align-items: center;
    height: 730px;
}

.galeria.slick-initialized .slick-slide {
    display: flex;
}
section.depoimentos h2 {
    font-size: 64px;
    color: #522F84;
    margin-bottom: 130px;
    margin-left: 100px;
}

section.depoimentos > div {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px;
    /* display: flex; */
}

section.depoimentos > div > div {
    display: flex;
    background: white;
    padding: 25px;
    border-radius: 24px;
    flex-direction: column;
    position: relative;
    padding-top: 90px;
    font-size: 20px;
    text-align: center;
    height: fit-content;
}

section.depoimentos > div > div:after {
    content: "";
    position: absolute;
    top: -45px;
    width: 108px;
    height: 92px;
    background-image: url(images/comment.svg);
    left: 50%;
    transform: translateX(-50%);
}

section.depoimentos p {
    margin-bottom: 35px;
}

section.depoimentos b {
    margin-bottom: 5px;
}

section.depoimentos b, section.depoimentos span {
    font-size: 14px;
}

body.page-template-home-esportes .case.cta {
    margin-top: 360px;
    padding-bottom: 0;
}

body.page-template-home-esportes .case.cta .content {
    display: flex;
    gap: 90px;
    padding-top: 140px;
    padding-bottom: 140px;
    flex-direction: column;
}

body.page-template-home-esportes .case.cta .content:before {
    content: "";
    width: 370px;
    height: 326px;
    display: block;
    background-image: url(images/bimbo-verde.svg);
    flex-shrink: 0;
    margin-top: 35px;
}

body.page-template-home-esportes .case.cta h2 {
    font-size: 100px;
    color: white;
    line-height: 120px;
}

body.page-template-home-esportes .case.cta p {
    font-size: 28px;
    color: #0ACC8A;
    margin: 50px 0;
    font-family: 'bornamedium';
}

body.page-template-home-esportes .case.cta button {
    font-size: 28px;
    font-family: 'bornamedium';
    background: white;
    color: #333374;
    padding: 20px 50px;
    border-radius: 45px;
    border: 2px solid #0ACC8A;
}

body.page-template-home-esportes .case.cta button:hover {
    background: #0ACC8A;
    color: white;
}

body.page-template-home-esportes .case.cta button:active {
    background: #0ACC8A;
    color: white;
    border: 2px solid white;
}


@media (max-width:1000px) {
    
    #logo {
        width: 57px;
        height: 50px;
        background-image: url(images/Bimbo.svg);
        filter: invert() brightness(2);
        left: 20px;
        top: 20px;
    }

    .social-header {
        display: none;
    }

    html.menu-open .social-header {
        display: flex;
        z-index: 1;
        left: 47px;
        /* transform: translateX(50%); */
        top: 500px;
    }

    .menu-container {
        display: none;
    }

    html.menu-open .menu-container {
        display: block;
        left: 50%;
        transform: translateX(-50%);
        top: 105px;
        z-index: 2;
    }

    body.page-template-home-esportes section.banner {
        height: 100vh;
        width: 100%;
    }
    
    body.page-template-home-esportes section.banner img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 26% 0;
    }

    body.page-template-home-esportes section.banner img.desktop {
        display: none;
    }

    body.page-template-home-esportes section.banner img.mobile {
        display: block;
    }

    body.page-template-home-esportes section.banner > div {
        position: absolute;
        bottom: 130px;
        font-size: 10.5vw;
        left: 20px;
    }

    body.page-template-home-esportes section.banner h1 {
        font-size: 45px;
        /* font-size: 11.5vw; */
        font-size: 100%;
        left: auto;
        right: auto;
        /* text-align: center; */
        position: relative;
        bottom: auto;
        margin-bottom: 10px;
    }

    body.page-template-home-esportes section.banner h3 {
        left: auto;
        right: auto;
        margin: auto;
        font-size: 32px;
        /* font-size: 6vw; */
        /* font-size: 60%; */
        max-width: 100%;
        position: relative;
        bottom: auto;
        line-height: 1.2;
        font-family: 'bornasemibold';
    }

    body.page-template-home-esportes section.banner:after {
        width: 100vw;
        bottom: 0;
        height: 100px;
        background-size: cover;
        left: 0;
    }

    body.page-template-home-esportes section.banner a+a {
        display: none;
    }

    body.page-template-home-esportes section.banner .about-button {
        position: relative;
        right: auto;
        bottom: auto;
        display: flex;
        padding: 20px 30px;
        max-width: fit-content;
        margin: 90px auto;
        font-size: 18px;
        border-width: 2px;
        align-items: center;
    }

    body.page-template-home-esportes section#sobre {
        flex-direction: column;
        gap: 60px;
        margin: 200px auto 0 auto;
    }

    body.page-template-home-esportes section#sobre img {
        width: 80%;
        max-width: 100%;
    }

    body.page-template-home-esportes section+section {
        margin: 100px auto;
    }
    
    footer #muitos-abouts h2 {
        font-size: 27px;
        font-family: 'bornabold';
    }

    footer #muitos-abouts h2:before {
        width: 36px;
        height: 32px;
    }

    footer #muitos-abouts h2:after {
        width: 33px;
        height: 29px;
    }
    
    footer #muitos-abouts {
        /* transform: translateY(-100px); */
    }

    footer {
        padding: 20px;
        margin-top: 240px;
    }

    footer .logo {
        position: relative;
        left: auto;
        top: -50px;
        display: block;
        margin: auto;
    }

    footer .social {
        position: relative;
        right: auto;
        top: auto;
        margin: 120px auto;
        display: flex;
        justify-content: center;
    }

    footer .social > p {
        /* position: relative; */
        right: 0;
        left: 0;
        top: -50px;
        margin: auto;
        text-align: center;
    }

    .menu-mobile {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 90px;
        height: 75px;
        background: var(--about-cor1);
        z-index: 1;
        border-radius: 47%;
        cursor: pointer;
        transition: 0.3s all cubic-bezier(0,0.8,0.2,2);
    }

    html.menu-open .menu-mobile {
        transform: scale(14);
    }

    .menu-mobile+button {
        appearance: none;
        background: none;
        position: absolute;
        width: 90px;
        height: 75px;
        top: 20px;
        right: 20px;
        z-index: 1;
        display: block;
    }

    .menu-mobile+button i {
        width: 50px;
        height: 4px;
        border-radius: 5px;
        background: white;
        transition: 0.3s all;
        opacity: 1;
        display: block;
        position: absolute;
        left: 20px;
        top: 35px;
    }

    html.menu-open .menu-mobile+button i {
        width: 0;
        /* opacity: 0; */
    }

    .menu-mobile+button i:before, .menu-mobile+button i:after {
        content: "";
        position: absolute;
        width: 50px;
        height: 4px;
        border-radius: 5px;
        left: 0;
        top: -15px;
        transition: 0.3s all;
        background: white;
    }

    .menu-mobile+button i:after {
        top: 15px;
    }

    html.menu-open .menu-mobile+button i:before {
        transform: translateY(10px) rotate(45deg);
     }

    html.menu-open .menu-mobile+button i:after {
        transform: translateY(-20px) rotate(-45deg);
    }

    .menu {
        display: flex;
        flex-direction: column;
        font-size: 40px;
        font-family: 'bornabold';
        gap: 20px;
    }

    body > .content > h1.title {
        font-size: 40px;    
    }

    body.admin-bar #logo,
    body.admin-bar .menu-mobile,
    body.admin-bar .menu-mobile+button {
        margin-top: 46px;
    }

    body.page-template-home-esportes .case {
        padding: 70px 30px;
    }

    body.page-template-home-esportes .case.lart {
        padding: 70px 30px;
    }

    .case .content {
      padding: 0;
    }

    .case .header {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: auto;
    }

    .case .header > img {
      max-width: 230px;
    }

    .case .sobre {
        flex-direction: column;
        align-items: center;
    }

    .case .servicos ul {flex-direction: column;gap: 50px;margin-top: 150px;margin-bottom: 60px;}

    .case .sobre h2 {
      font-size: 37px;
      line-height: 1.2;
    }

    .case .sobre h3 {
        font-size: 36px;
        line-height: 1.2;
    }

    .case .sobre button {
        margin: auto;
        display: block;
        font-size: 24px;
    }

    .case .servicos h2 {
        font-size: 28px;
    }

    .potencialize {
        max-width: 100%;
        font-size: 8vw;
    }

    .potencialize:before {
        width: 100%;
        top: -16vw;
        height: 80vw;
    }

    .case .servicos > div {
        margin-top: 30vw;
        gap: 0;
    }

    .potencialize button {
        display: none;
    }

    .case:after {
        width: 100%;
        height: 50px;
        background-repeat: repeat-x;
    }

    .servicos button.mobile {
        display: block;
        margin-top: 0;
        font-size: 20px;
    }

    body.page-template-home-esportes .producoes h2,
    body.page-template-home-esportes .linha-do-tempo h2,
    section.depoimentos h2 {
        margin: auto;
        font-size: 28px;
        margin-bottom: 75px;
    }

    body.page-template-home-esportes .producoes .videos {
        grid-template-columns: 1fr;
        margin-top: 50px;
        gap: 50px;
        justify-items: center;
    }

    body.page-template-home-esportes .videos img {
        max-width: 100%;
    }

    body.page-template-home-esportes .linha-do-tempo h3 {
        margin: 20px auto;
        font-size: 28px;
        white-space: normal;
    }

    body.page-template-home-esportes .eventos {
        display: flex;
        flex-direction: column-reverse;
        gap: 50px;
        background-image: url(images/timeline-mobile.svg);
    }

    body.page-template-home-esportes .eventos h4 {
        margin: auto;
        margin-bottom: 40px;
    }

    .case.bottom:after {
        height: 40px;
        width: 100%;
        background-repeat: repeat-x;
    }

    body.page-template-home-esportes .case.goldengoal {
        padding-top: 150px;
        margin-top: 100px;
    }

    .case.goldengoal .header {
        gap: 20px;
    }

    .case.goldengoal .videos {
        grid-template-columns: 1fr;
        justify-items: center;
    }

    .case.goldengoal .time h2 {
        font-size: 44px;
    }

    .jogajunto {
    flex-direction: column;
    margin-top: 50px;
    }

    .jogajunto h3 {
        font-size: 37px;
        min-width: auto;
    }

    .jogajunto .galeria {
        width: 100%;
        margin-top: 25px;
        height: 330px;
    }

    .case.goldengoal .multiply {
        bottom: 270px;
    }

    section.depoimentos > div {
        grid-template-columns: 1fr;
        margin-top: 100px;
        gap: 100px;
    }

    body.page-template-home-esportes .case.cta .content {
        flex-direction: column;
        align-items: center;
        padding-top: 10px;
    }

    body.page-template-home-esportes .case.cta h2 {
        font-size: 58px;
        line-height: 68px;
    }

    body.page-template-home-esportes .case.cta button {
        display: block;
        margin: auto;
        font-size: 20px;
    }

    .case .servicos {
        /* margin-top: 100px; */
    }

    body.page-template-home-esportes .producoes {
        margin-top: -20px;
    }
    
    .aboutplayer iframe {
    max-width: 90vw;
    max-height: 90vh;
    }

    body.page-template-home-esportes .case.cta .content:before {
        width: 220px;
        height: 200px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    body.page-template-home-esportes .linha-do-tempo h3:before {
        width: 75px;
        flex-shrink: 0;
    }

    .galeria img {
        border-radius: 15px;
    }

    .galeria .slick-slide {
        height: 350px;
    }

    .galeria .slick-prev, .galeria .slick-next {
        width: 23px;
        height: 43px;
        margin-top: -10px;
    }

    .galeria .slick-prev {
        left: 15px;
    }

    .galeria .slick-next {
        right: 20px;
    }

    body.page-template-home-esportes .videos > div {
    max-width: 553px;
    }
    
}

/* tablets vertical */

@media (500px <= width <= 1000px) {
  
  .jogajunto .galeria {
    height: 600px;
  }

  .jogajunto .galeria .slick-slide {
    height: 600px;
  }

  .jogajunto .galeria img {
    max-height: 100%;
  }

}


/* large screen */
@media ( min-width: 1001px ) {
    #logo:hover {
        background-image: url(images/logo_aboutesportes_white-blink.svg);
    }
    body:not(.page-template-home-esportes) .menu a {
        color: #121212;
    }
    body:not(.page-template-home-esportes) .social-header a {
        filter: invert();
    }

    .case .sobre button {
        margin-left: 120px;
    }
    
    .case .sobre button:before {
      content: "";
      width: 96px;
      height: 82px;
      position: absolute;
      left: -120px;
      top: 0;
      background-image: url(images/bimbo-button.svg);
      background-size: contain;
    }
}

/* larger screens */

@media (min-width:1800px) {

  .case .servicos > div {
    flex-direction: row;
    gap: 240px;
    align-items: normal;
  }

  .case .servicos ul {
    margin-top: -330px;
    display: block;
  }

  .case .servicos li {
    font-size: 20px;
    max-width: 360px;
    text-align: center;
    position: relative;
    top: 100px;
    left: 20px;
  }

  .case .servicos li + li {
    left: 360px;
    top: -30px;
  }

  .case .servicos li + li + li {
    left: -90px;
    top: -90px;
  }

  body.page-template-home-esportes .case.lart {
    /* height: 100%; */
  }

  .case .sobre {
    gap: 140px;
  }

  .jogajunto, body.page-template-home-esportes .case.cta .content {
      flex-direction: row;
      align-items: unset;
  }

}


i[title=fechar] {
    width: 30px;
    height: 30px;
    position: fixed;
    top: 20px;
    right: 20px;
    background: black;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotate(45deg);
    cursor: pointer;
}

i[title=fechar]::before,
i[title=fechar]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: white;
  transform: translate(-50%, -50%);
}

i[title=fechar]::before {
  width: 12px;
  height: 2px;
}

i[title=fechar]::after {
  width: 2px;
  height: 12px;
}