@import "/static/css/statistic_games.css";

:root {
    --plyr-color-main: #373B3E;
    --plyr-audio-control-color: #000;
    --plyr-range-thumb-height: 15px;
    --plyr-range-track-height: 10px
}


#texto .adsbygoogle {display: flex !important; justify-content: center !important; margin: 5px auto 15px auto;}

.content-head {margin-bottom: 20px}
.content-head h1 {font-weight: 700; font-size: 40px; margin: 0}
.content-head .subtitle {font-weight: 400; font-size: 18px; font-style: italic; margin: 20px 0}
/* .content-head .jornalista {background: pink} */
.content-head time {font-size: 14px; display: block; margin-top: 8px}


.content-txt p {color: #000; font-size: 18px; font-weight: 400; line-height: 27px; margin-bottom: 24px; word-break: break-word}
.content-txt ul, .content-txt ol {margin-left: 0; font-family: "Bai Jamjuree", sans-serif}
.content-txt ul li, .content-txt ol li {color: #1e1e26; font-size: 18px; font-weight: 400; line-height: 27px; margin-bottom: 5px}
.content-txt h2 {font-size: 24px; font-weight: 700}
.content-txt h3 {font-size: 20px; font-weight: 700}
.content-txt p a {color:var(--first-80); font-weight: 400; text-decoration: underline}
.content-txt p a:hover {color:var(--first-70)}

.content-txt blockquote {
    font-style: italic;
    padding: 8px;
    background: #FAFBFB;
    border-radius: 8px;
}

.content-txt blockquote p {
    margin-bottom: 0;
}

.share {position: relative}
.share .a2a_svg {display: none}
.share .a2a_kit a {color:#fff; text-align: center; background: var(--first-80); margin-left: 8px; border-radius: 32px; width: 53px; padding: 8px 0 !important;}

.ckeditor-html5-audio {border: 1px solid #000; border-radius: 6px}
.ckeditor-html5-audio .plyr--audio {border-radius: 10px}
.ckeditor-html5-audio .plyr--audio .plyr__controls {background: #efefef !important}

.content-txt table {border:0; width: 100% !important; max-width: 100% !important; margin-bottom: 20px}
.content-txt table tr td {padding: .5rem 1rem; border-bottom: 1px solid #e3e6ed}
.content-txt table tr:nth-child(2n-2){background: #eeeff0}

.content-txt  .carousel-gallery .carousel-inner img {width: 100%; height: auto}
.content-txt  .carousel-gallery .legend {color: #fff !important; background: var(--first-80); padding-left: 10px; padding-right: 10px}
.content-txt  .carousel-gallery .carousel-control-prev-icon,
.content-txt  .carousel-gallery .carousel-control-next-icon {background-color: var(--first-80); padding: 4px; border-radius: 4px}
.content-txt  .carousel-gallery .carousel-control-prev,
.content-txt  .carousel-gallery .carousel-control-next {width: 10%}

.ckeditor-html5-audio {margin-bottom: 20px}
.ckeditor-html5-video {margin-bottom: 20px}
.ckeditor-html5-video video {max-width: 100%; height: auto}

.bannerFixor {top:40px; text-align: center}

/* FOTOS E TABELAS */
.small-image-noticia {max-width: 700px;}
.small-image-noticia .credit, .big-image-noticia .credit {font-size: 12px; display: block; text-align: right;}
.small-image-noticia img, .big-image-noticia img {width: 100%; height: auto; border-radius: 8px; margin: auto; display: block;}
.small-image-noticia .legend, .big-image-noticia .legend {font-size: 12px; text-transform: uppercase; display: block; background: #fff; padding: 6px 5px 6px 0}

.big-image-noticia, .small-image-noticia {display: block; margin: auto auto 20px auto;}
.youtube-embed-wrapper {display: block; margin-bottom: 20px}

.col-right {max-width: 300px; margin: 0 auto}

.fb_iframe_widget_fluid span {width: 100% !important}

div[data-oembed-url] {margin-bottom: 24px}

.internas .shadow-sm {
    box-shadow: 0 16px 48px  rgba(0, 51, 39, 0.08) !important
}

.news-last li h2 {font:700 16px "Bai Jamjuree", sans-serif}
.news-last li h2 a {color: var(--neural-80); text-decoration: none}

.news-last-interna li:first-child {padding-right: 15px}
.news-last-interna li .img-box {width: 100%; flex: 0 0 100%; margin-bottom: 10px}
.news-last-interna li h2 {font-size: 24px}

.news-last li.bloco-banner,
.news-last-interna li.bloco-banner {
    width: 100%;
    flex: 0 0 100%;
    padding-right: 0;
    margin-bottom: 32px;
    margin-top: 12px;
}

.pager {margin: 0; padding: 0; list-style: none; border: 2px solid #F5F7F6; border-radius: 32px}
.pager li {margin: 0 8px}
.pager li:first-child,
.pager li:last-child {margin: 0}
.pager li .btn-pager {font-weight: 700; text-decoration: none; background: #fff; width: 40px; height: 40px; border-radius: 100%; display: flex; justify-content: center; align-items: center}
.pager li .active {background: #F5F7F6}
.pager li.previous .btn-pager,
.pager li.next .btn-pager {width: auto; border-radius: 32px}


.news-last-right li {width: 100%; flex: 0 0 100%}


.card-table .table {
    width: 100%;
}
.card-table .table tr {
    position: relative;
}
.card-table .table tr th {
    border-bottom: 1px solid #F4F6F4;
    padding:8px;
}
.card-table .table tr td {
    border-bottom: 2px solid #F4F6F4;
    padding: 8px;
}
.card-table .table tr:last-child td {
    border-bottom: 0;
}

.card-table .table tr th strong, .card-table .table tr td span {
    background: transparent;
    display: block;
    text-align: center;
}


.card-table .table tr .col-row1 {
    width: 40px;
}
.card-table .table tr .col-row2 {
    width: 272px;
}
.card-table .table tr .items {
    width: 60px;
}

.card-table .table tr td .name-club span {
    text-align: left !important;
    line-height: 1.2;
    flex:1;
}



.card-jogos-list {padding: 0; margin: 0; list-style: none}

.agenda-date {background: transparent; margin: 32px 0; border: 2px solid #F5F7F6; border-radius: 32px}
.agenda-date a {font-size: 14px; text-transform: uppercase; text-decoration: none; background: #FFF; text-align: center; padding: 4px 0; width: 118px; flex: 0 0 118px; border-radius: 32px}
.agenda-date a .dia {line-height: 1}
.agenda-date a.active {background: #F5F7F6}


.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}

.sep_last_news {margin-top: -12px}

.league-card h3 {font-weight: 700}
.league-card h3 a {text-decoration: none}


.banner-right {top: 20px}

.capitons span {font-size: 14px}
.capitons span svg {display: block}

.card-contat label  {
    color: #515353;
    font-weight: bold;
}
.card-contat .form-select,
.card-contat .form-control {
    border:2px solid #515353;
    border-radius: 32px;
    font-weight: bold;
}

.pages-error .shadow-sm,
.card-contat .shadow-sm {
    box-shadow: var(--shadow) !important;
}

.pages-error h1 {
    font-size: 15px;
}
.pages-error p {
    font-size: 18px;
}


@media (max-width: 768px) {
    .pagination {margin-bottom: 32px}
    .bloco-banner {margin-top: 20px}

    .post-date {flex-direction: column; align-items: start !important}
    .content-head time {margin-bottom: 10px}

    .content-txt h2 {font-size: 18px}

}

@media (max-width: 767px) {
    .news-last li a img {
        width: 100%;
    }
    .news-last-interna li h2 {
        font-size: 18px;
    }

    .news-last-interna li:first-child {
        padding-right: 0;
    }
    .news-last-interna li .img-box {
        margin-right: 0;
    }

    .content-head h1 {font-size: 28px}
    .content-head .subtitle {font-size: 16px}

    .content-txt p {font-size: 16px}


    .agenda-date {overflow-x: auto}


}

@media (max-width: 480px) {
    .table-box {border: 1px solid transparent; position: relative; overflow-x: auto}

    .card-table .table tr .col-row1 {
        background: #fff;
        position: sticky;
        left: 0;
        z-index: 100;
    }
    .card-table .table tr .col-row1 strong,
    .card-table .table tr .col-row1 span {
        width: 20px;
        text-align: center;
    }
    .card-table .table tr .col-row2 {
        background: #fff;
        position: sticky;
        left: 36px;
        z-index: 100;
    }
    .card-table .table tr .col-row2 .img-box {
        background: transparent;
    }
    .card-table .table tr .col-row2 span {
        font-size: 14px;
        width: 138px;
        text-align: left;
    }

    .card-table-goals .table tr td:nth-child(5n+3) span {
        width: 250px;
    }


    .capitons span {
        flex: 0 0 auto;
    }
    .capitons span.ult {
        flex: 1;
        word-break: break-word;
    }
}