/*@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,400i,500,500i,600,600i,700,700i&display=swap';
@import 'https://fonts.googleapis.com/css?family=Inter:400,400i,500,500i,600,600i,700,700i&display=swap';
@import 'https://fonts.googleapis.com/css?family=Oswald:400,500,600,700&display=swap';
@import url('https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap');*/


/* default */

* {
  padding: 0;
  margin: 0;
  border: 0;
  background: center/cover;
}

html {
  position: relative;
}

body {
  font-family: 'Open Sans', 'Tahoma';
  font-size: 17px;
  line-height: 1.5;
  color: #212529;
}

.area-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.card,
.wp-post {
  position: relative;
}

a {
  text-decoration: none;
  color: inherit;
	transition: .3s;
  position: relative;
}

p a,
.content-block li a,
.content-block td a {
  font-weight: 600;
  text-decoration: underline;
  color: #01676E;
}

.content-block > table.football-odds-comparison {
    th {
      text-align: center !important;
    }
}

.content-block > table:not(.payment-methods) {
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    td,th {
        padding: 12px
    }

    th {
        text-align: left
    }

    tr {
        &:first-child {
            font-weight:700
        }

        &:nth-child(even) {
            background: #f5f6f8
        }
    }

    @media (max-width: 1199px) {
        &:has(td:nth-child(4)) {
            display:block;
            overflow: auto;
            white-space: nowrap
        }
    }
}

p a:hover,
.content-block li a:hover {
  color: #00ACAD;
}

.betting-tips-archive-template .hero p a,
.betting-tips-sport-archive-template .hero p a {
  color: #FFF;
}

.betting-tips-archive-template section.recent .cards h2,
.betting-tips-sport-archive-template section.recent .cards h2 {
  font-family: 'Oswald', 'Arial Narrow' !important;
  font-weight: 700;
  font-size: 24px;
  line-height: 115%;
  color: #01676E;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
  font-size: 0;
  transition: .3s;
}

iframe {
  display: block;
  width: 100%;
}

/*  */

/* .h_iframe {
  position: relative;
  padding-bottom: 80%;
}

@media (max-width: 1199px) {
  .h_iframe {
    position: relative;
    padding-bottom: 110%;
  }
} */

.h_iframe iframe {
  border-radius: 6px;
}

.h_iframe.youtube iframe {
  height: 500px;
}

.h_iframe.facebook iframe {
  height: 870px;
}

.h_iframe.one-football iframe {
  height: 500px;
}

.h_iframe.tiktok iframe {
  width: 320px;
  height: 740px;
}

.h_iframe.instagram iframe {
  width: 320px;
  height: 600px;
}

@media (max-width: 1199px) {
  .h_iframe.youtube iframe {
    height: 200px;
    margin-left: -15px;
    width: 100vw;
  }

  .h_iframe.facebook iframe {
    height: 500px;
    margin-left: -15px;
    width: 100vw;
  }

  .h_iframe.one-football iframe {
    height: 290px;
    margin-left: -15px;
    width: 100vw;
  }
}

/*  */

table {
  width: 100%;
  border-collapse: collapse;
}

ul, ol {
  list-style: none;
}

input,
textarea,
select,
button {
  font-family: inherit;
  color: inherit;
  font-size: 1em;
	transition: .3s;
  display: block;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
  transition: background-color 600000s 0s, color 600000s 0s;
}

*:focus {
  outline: none;
}

*::placeholder {
  color: inherit;
  opacity: .5;
}

.button {
	transition: .3s;
  position: relative;
}

@media (max-width: 1199px) {
  body {
    font-size: 1rem;
  }
}

@media (max-width: 360px) {
  p {
    word-break: break-word;
  }
}

/*  */

@media (min-width: 1054px) {
  .container {
    max-width: 1054px;
  }
}

main section:not(.hero, .breadcrumb, .event.table, .event.table .left, .event.table .middle, .event.table .right, .event.table .odd) {
  padding-bottom: 3rem;
}

/* .hero strong {
  color: #FFF;
} */

strong {
  color: #000002;
}

a strong {
  color: inherit;
}

a.os-ms.green {
  color: #008000;
}

h1 {
  font-size: 28px;
  line-height: 120%;
  font-family: 'Oswald', 'Arial Narrow';
}

h2 {
  font-weight: 600;
  font-size: 24px;
  line-height: 115%;
  color: #000002;
  font-family: 'Oswald', 'Arial Narrow';
}

h3 {
  font-size: 17px;
  line-height: 160%;
  color: #212529;
  font-family: 'Oswald', 'Arial Narrow';
}

section.content h2,
section.content h3 {
  font-family: 'Open Sans', 'Tahoma';
}

.content-block:not(:last-child) {
  margin-bottom: 1rem;
}

div.content h2:not(:last-child),
.introduction > .title:not(:last-child) {
  padding-bottom: 12px;
}

div.content h3:not(:last-child),
div.content p:not(:last-child),
div.content ul:not(:last-child),
div.content ol:not(:last-child) {
  padding-bottom: 1rem;
}

div.content {
  ul {
    padding-left: 24px;
    list-style: disc;
  }

  ol {
    padding-left: 24px;
    list-style: decimal;
  }
}

.bold {
  font-weight: 700;
}

.content-block ol {
  padding-left: 20px;
  list-style: decimal;
}

.content-block ol li:not(:last-child) {
  padding-bottom: 4px;
}

.content-block ul li:not(:last-child) {
  margin-bottom: 1rem;
}

.content-block p img {
  width: 100%;
}

@media (max-width: 1199px) {
  h1 {
    font-size: 24px;
    font-weight: 500;
  }

  h2 {
    font-size: 20px;
  }

  h3 {
    font-size: 1rem;
  }

  div.content h3:not(:last-child),
  div.content p:not(:last-child),
  div.content ul:not(:last-child),
  div.content ol:not(:last-child) {
    padding-bottom: 12px;
  }

  main > section {
    padding-bottom: 2rem;
  }
}

/*  */

footer {
  padding: 3rem 0;
  color: #FFF;
  background: #01676E;
  font-size: 14px;
  line-height: 145%;
  border-bottom: 4px solid #00ACAD;
}

footer .container {
  > .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 40px;
  }

  > .middle {
    padding-bottom: 28px;
    margin-bottom: 28px;
    border-bottom: 1px solid #DFE2E61A;

    @media (max-width: 1199px) {
      margin-bottom: 24px;
    }

    ul {
      display: flex;
      justify-content: space-between;
      color: #FFF;
      font-size: 16px;
      font-weight: 600;
      line-height: 150%;
      text-decoration-line: underline;

      @media (max-width: 1199px) {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px 38px;
        font-size: 14px;
      }
    }

    a:hover {
      color: #E5F7F7;
    }
  }
}

footer .top .left {
  display: flex;
  align-items: center;
  gap: 8px;
}

footer .top .right > .social-media {
  display: flex;
  align-items: center;
  gap: 8px;
}

footer .top .right > .social-media a {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

footer .top .right .social-media.facebook a {
  background: #3F5D96;
}

footer .top .right .social-media.instagram a {
  background: #DC6357;
}

footer .top .right .social-media.twitter a {
  background: #000000;
}

footer .top .right .social-media.youtube a {
  background: #A73A38;
}

footer .top .right .social-media.rss a {
  background: #DF6E4A;
}

.disclaimer {
  color: #FFFFFFA6;
}

.disclaimer strong {
  color: #FFF;
}

.disclaimer p a {
  font-weight: 400;
  color: inherit;
}

.compliance {
  display: flex;
  justify-content: flex-end;
  gap: 0 24px;
}

footer .bottom .top {
  padding-bottom: 24px;
}

footer .bottom .bottom {
  display: flex;
  justify-content: space-between;
}

footer .useful-links a {
  text-decoration: underline;
}

@media (max-width: 767px) {
  footer {
    padding: 2rem 0;
  }

  footer .container > .top {
    flex-direction: column;
    gap: 20px;
    padding-bottom: 28px;
  }

  footer .bottom .bottom {
    flex-direction: column;
    gap: 2rem;
    text-align: center;
  }

  footer .top .right > .social-media {
    gap: 20px;
  }

  .disclaimer {
    font-size: 12px;
    line-height: 150%;
  }

  .compliance {
    justify-content: flex-start;
  }

  footer .bottom .top {
    grid-template-columns: repeat(1, 1fr);
    gap: 24px 0;
  }
}

@media (max-width: 400px) {
  footer .top .right > .social-media {
    gap: 10px;
  }
}

/*  */

header {
  position: sticky;
  top: 0;
  z-index: 4;
}

header > .top {
  background: #000002;
  padding: 12px 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 135%;
  color: #CED4DA;
}

header .sponsor {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

header > .bottom {
  padding: 20px 0;
  background: #FFFFFF;
  box-shadow: 0px 3px 16px rgba(110, 110, 110, 0.15);
}

.action-search {
  .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background: #F4F7F8;
    border-radius: 80px;
    cursor: pointer;
  
    @media (max-width: 1199px) {
      background: none;
      
      img {
        width: 40px;
        aspect-ratio: 1;
      }
    }
  }

  @media (max-width: 1199px) {
    .input {
      padding: 0;
      width: 40px;
      justify-content: center;

      input {
        display: none;
      }
    }
  }
}

header > .bottom:not(.close) .action-search .icon,
header > .bottom.close .action-search .input {
  display: none;
}

header .wrapper {
  display: flex;
  align-items: center;
  gap: 0 2rem;
}

header .wrapper > .left,
header .wrapper > .right {
  flex: 1;
  display: flex;
  align-items: center;

  &:is(.right) {
    justify-content: flex-end;
    gap: 0 32px;
  }

  &:is(.left) {
    gap: 0 16px;

    @media (min-width: 1200px) {
      ul::before {
        content: '';
        display: block;
        width: 1px;
        height: 16px;
        background: #8B8888;
      }
    }
  }
}

header .wrapper ul {
  display: flex;
  gap: 0 16px;
  font-weight: 600;
  font-size: 16px;
  align-items: center;

  @media (max-width: 1199px) {
    font-size: 12px;
  }

  a {
    display: flex;
    flex-direction: row-reverse;
    gap: 0 8px;
    align-items: center;
    transition: none;
  
    img {
      transition: none;
      filter: brightness(0);
    }
  
    &:hover {
      color: #00B0A8;
  
      img {
        filter: invert(50%) sepia(57%) saturate(1806%) hue-rotate(140deg) brightness(90%) contrast(100%);
      }
    }

    @media (max-width: 1199px) {
      & {
        flex-direction: column-reverse;
        gap: 2px 0;
      }

      img {
        width: 24px;
        aspect-ratio: 1;
      }
    }
  }

  .current a {
    @media (min-width: 1200px) {
      padding: 9px 16px 9px 10px;
      color: #FFF;
      background: #01676E;
      border-radius: 80px;
      
      img {
        filter: brightness(0) invert(1);
      }

      &:hover {
        background: #00B0A8;
      }
    }

    @media (max-width: 1199px) {
      img {
        filter: brightness(0);
      }
    }
  }
}

footer .useful-links ul {
  display: flex;
  gap: 2rem;
}

.action-mega-menu.toggle {
  .title {
    cursor: pointer;
    color: #444444;
    font-size: 16px;
    font-weight: 600;
  
    &:hover {
      transition: 0.3s;
      color: #00B0A8;
  
      img {
        transition: 0.3s;
        filter: invert(50%) sepia(57%) saturate(1806%) hue-rotate(140deg) brightness(90%) contrast(100%);
      }
    }
  }
  
  div {
    display: flex;
    align-items: center;
    gap: 0 8px;
    flex-direction: row-reverse;
  }

  img {
    width: 20px;
    aspect-ratio: 1;
  }

  @media (max-width: 1199px) {
    & {
      width: 40px;
    }

    div {
      justify-content: center;
    }

    span {
      display: none;
    }
  }
}

header > .bottom.close .center,
header > .bottom.close .left-menu,
header > .bottom.close .right-menu {
  display: none;
}

header > .bottom.close .wrapper > .left {
  flex: 0 1 auto;
}

header > .bottom.close .wrapper > .right {
  gap: 26px;
}

header > .bottom:not(.close) .search {
  display: none;
}

header .search {
  flex: 1;
  transition: .3s;
}

header .input {
  height: 40px;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: 0 4px;
  background: #F4F7F8;
  border-radius: 80px;
  padding: 0 24px;

  img {
    width: 20px;
    aspect-ratio: 1;
  }
}

@media (min-width: 1200px) {
  header .action-search.toggle .input {
    width: 270px;
  }
}

header .input input {
  flex: 1;
  width: 100%;
  font-size: 14px;
  margin-left: 8px;
}

@media (max-width: 1199px) {
  header {
    .logo img {
      width: 28px;
      height: 32px;
      object-fit: cover;
      object-position: left;
    }

    .wrapper {
      gap: 0 16px;

      > .right,
      > .left {
        gap: 0 16px !important;
        min-height: 44px;
      }
    }

    > .bottom {
      padding: 10px 0;

      &.close {
        .wrapper {
          > .left {
            display: none;
          }

          > .right {
            flex-direction: row-reverse;
          }
        }
      }
    }

    .left-menu {
      li:not(.green) {
        display: none;
      }
    }

    .left-menu,
    .right-menu {
      flex: 1;
      
      ul {
        justify-content: center;
      }
    }
  }

  footer .useful-links ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 21px;
    text-align: left;
  }
}

/*  */

body.mega-menu-open {
  overflow: hidden;
}

body.mega-menu-open::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00000075;
  z-index: 4;
}

section.mega-menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  width: 280px;
  height: 100vh;
  overflow: auto;
  background: #FFF;
  transition: .3s;
  display: flex;
  flex-direction: column;
}

section.mega-menu.close {
  width: 0;
  overflow: hidden;
}

section.mega-menu::-webkit-scrollbar {
  width: 0;
}

.mega-menu .bottom {
  position: sticky;
  bottom: 0;
  padding: 12px 0;
  background: #EEE;
  margin-top: auto;
}

.mega-menu .social > .social-media {
  display: flex;
  gap: 0 8px;
  align-items: center;
  justify-content: center;

  img {
    width: 25px;
    aspect-ratio: 1;
  }

  a {
    display: flex;
    width: 40px;
    aspect-ratio: 1;
    justify-content: center;
    align-items: center;
  }

  .facebook a {
    background: #3F5D96;
  }

  .instagram a {
    background: #DC6357;
  }

  .twitter a {
    background: #000;
  }

  .youtube a {
    background: #A73A38;
  }

  .rss a {
    background: #DF6E4A;
  }
}

.mega-menu .top {
  padding: 12px 24px;
  background: #01676E;
  font-family: 'Open Sans', 'Verdana';
  font-weight: 500;
  font-size: 18px;
  line-height: 145%;
  text-transform: uppercase;
  color: #FFFFFF;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;

  .icon {
    cursor: pointer;
  }
}

div.mega-menu {
  font-size: 15px;
  line-height: 150%;
  font-weight: 500;
  color: #292929;
  padding: 10px 0 24px;

  a {
    padding: 6px 52px 6px 24px;
    display: block;
    transition: none;
  }

  > ul > li {
    &:nth-child(n+2) {
      padding-top: 24px;
    }

    > .menu-item a {
      font-weight: 700;
      color: #000000;
    }

    & > .menu-item > div {
      display: none;
    }
  }

  > ul > li > ul > li:not(.opened) {
    > .menu-item a {
      &:hover {
        background: #DDDDDD;
      }
    }
  }

  ul ul a:hover {
    background: #DDDDDD;
    color: #01676E;
  }

  .menu-item {
    position: relative;

    > div {
      position: absolute;
      right: 24px;
      top: 50%;
      translate: 0 -50%;
      cursor: pointer;
    }
  }

  ul ul ul {
    display: none;
  }

  li.opened {
    position: absolute;
    top: 0;
    left: 0;
    width: 256px;
    height: 100%;
    background: #FFF;
    z-index: 5;

    &::before {
      content: '';
      position: absolute;
      top: 0;
      right: -24px;
      width: 24px;
      height: 100%;
      background: #000000B3;
    }

    ul {
      display: flex;
      flex-direction: column;
      gap: 8px 0;
      padding-top: 16px;
    }

    > .menu-item {
      a {
        color: #FFF;
        font-family: 'Oswald', 'Arial Narrow';
        font-size: 18px;
        font-weight: 500;
        line-height: 145%;
        text-transform: uppercase;
        background: #01676E;
        padding: 16px 52px 16px 24px;
      }

      img {
        rotate: 180deg;
        filter: brightness(0) invert(1);
      }
    }
  }
}

/*  */
/*

.homepage-template,
.page.index-template,
.casinos-template,
.apps-template,
.betting-tips-archive-template,
.betting-tips-sport-archive-template,
.odds-template,
.no-deposit-bonus-template,
.casino-no-deposit-bonus-template,
.payment-method-review-template,
.sportsbooks-template,
.sportsbooks-sport-template {
  .hero {
    color: #FFF;
    position: relative;
    overflow: hidden;
    padding: 3rem 0;
    margin-bottom: 3rem;

    .introduction {
      max-width: 600px;

      & > .title {
        padding-bottom: 20px;
      }
    }

    p {
      color: rgba(255, 255, 255, 0.85);

      & * {
        color: inherit;
      }
    }
  }
}

.page.index-template,
.payment-method-review-template {
  .hero .introduction {
    padding-bottom: 2rem;
  }
}

@media (min-width: 767px) and (max-width: 1199px) {
  .homepage-template,
  .page.index-template,
  .casinos-template,
  .apps-template,
  .betting-tips-archive-template,
  .betting-tips-sport-archive-template,
  .odds-template,
  .no-deposit-bonus-template,
  .casino-no-deposit-bonus-template,
  .payment-method-review-template,
  .sportsbooks-template,
  .sportsbooks-sport-template {
    .hero {
      padding: 2rem 0;
      margin-bottom: 2rem;

      .introduction {
        max-width: 450px;

        & > .title {
          padding-bottom: 8px;
        }
      }
    }
  }
}

@media (max-width: 767px) {
  .homepage-template .hero,
  .page.index-template .hero,
  .casinos-template .hero,
  .apps-template .hero,
  .betting-tips-archive-template .hero,
  .betting-tips-sport-archive-template .hero,
  .odds-template .hero,
  .no-deposit-bonus-template .hero,
  .casino-no-deposit-bonus-template .hero,
  .payment-method-review-template .hero,
  .sportsbooks-template,
  .sportsbooks-sport-template {
    .hero {
      margin-bottom: 24px;

      .introduction {
        text-align: left;
      }
    }
  }
  
  .casinos-template,
  .apps-template,
  .betting-tips-archive-template,
  .betting-tips-sport-archive-template,
  .odds-template,
  .no-deposit-bonus-template,
  .casino-no-deposit-bonus-template,
  .sportsbooks-template,
  .sportsbooks-sport-template {
    .hero .introduction {
      padding-bottom: 24px;
    }
  }
}
*/

/*  */

.homepage-template .hero .image {
  position: absolute;
  top: -5rem;
  right: 4rem;
}

.homepage-template .hero .left {
  z-index: 1;
  position: relative;
}

@media (max-width: 1199px) {
  .homepage-template .hero .image {
    right: 0;
  }
}

@media (max-width: 767px) {
  .homepage-template .hero .image {
    display: none;
  }
}

/*  */

.read-more a,
.show-more a,
.show-more div,
.load-more div {
  font-weight: 700;
  font-size: 14px;
  line-height: 135%;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 4px;
}

.read-more a:hover,
.show-more a:hover,
.show-more div:hover,
.load-more div:hover {
  color: #000002;
}

.show-more,
.load-more {
  margin-top: 40px;
}

.show-more.hide,
.load-more.hide,
.no-results.hide {
  display: none;
}

.show-more a,
.show-more div,
.load-more div {
  transition: .3s;
  justify-content: center;
  cursor: pointer;
}

@media (min-width: 768px) {
  .show-more.responsiveness,
  .load-more.responsiveness {
    display: none;
  }

  .read-more.responsiveness {
    display: none;
  }
}

@media (max-width: 1199px) {
  .show-more,
  .load-more {
    margin-top: 2rem;
  }
}

@media (max-width: 767px) {
  .show-more,
  .load-more {
    margin-top: 20px;
  }

  /*.show-more a,
  .show-more div,
  .load-more div {
    justify-content: space-between;
  }*/
}

/*  */

.advertiser-geographical-area.horizontal.medium:nth-child(n+2) {
  margin-top: 1rem;
}

.advertiser-geographical-area.horizontal.medium {
  border: 1px solid #EEF1F3;
  border-radius: 4px;
  background: #FFF;
  color: #212529;
}

.advertiser-geographical-area.horizontal.medium.hide {
  display: none !important;
}

.advertiser-geographical-area.horizontal.medium .tag {
  display: none !important;
}

.advertiser-geographical-area.horizontal.medium .logo {
  background: #EEE;
  border-radius: 4px;
  flex: 0 0 4rem;
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.advertiser-geographical-area.horizontal.medium .logo img {
  width: 56px;
  max-height: 56px;
}

.advertiser-geographical-area.horizontal.medium .rank {
  font-weight: 700;
  font-size: 12px;
  line-height: 135%;
  width: 40px;
  text-align: center;
}

.advertiser-geographical-area.horizontal.medium .stars {
  display: flex;
  gap: 2px;
}

.advertiser-geographical-area.horizontal.medium .sportsbook-name {
  font-weight: 700;
  line-height: 135%;
  color: #000002;
  padding-bottom: 5px;
}

.advertiser-geographical-area.horizontal.medium .composed .bold {
  color: #000002;
}

.advertiser-geographical-area.horizontal.medium .bonus .prefix {
  font-weight: 700;
  font-size: 12px;
  line-height: 150%;
  text-transform: uppercase;
  padding-bottom: 8px;
  color: #7F7F7F;
}

.advertiser-geographical-area.horizontal.medium .bonus .offer {
  font-weight: 500;
  line-height: 150%;
  color: #000002;
  font-size: 14px;
}

.advertiser-geographical-area.horizontal.medium .bonus .offer br ~ br {
  display: none;
}

.advertiser-geographical-area.horizontal.medium .bonus .value {
  font-weight: bold;
}

.advertiser-geographical-area .bonus .value {
  font-weight: bold;
}

.advertiser-geographical-area.horizontal.medium li {
  padding-left: 0;
  margin-bottom: 0;
}

.advertiser-geographical-area.horizontal.medium li::before {
  content: none;
}

.advertiser-geographical-area.horizontal.medium .features {
  width: 215px;
}

.advertiser-geographical-area.horizontal.medium .features .prefix,
.advertiser-geographical-area.horizontal.medium .features .title {
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  padding-bottom: 5px;
  color: #7F7F7F;
}

.advertiser-geographical-area.horizontal.medium .feature {
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  color: rgba(0, 0, 2, 0.7);
  padding-left: 24px;
  background: url(https://apostas.gazetaesportiva.com/static/wp/icone-check-verde.svg) left 1px no-repeat;
}

.advertiser-geographical-area.horizontal.medium li:not(:last-child) .feature {
  margin-bottom: 6px;
}

.advertiser-geographical-area.horizontal.medium .string {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
}

.advertiser-geographical-area.horizontal.medium li a + span {
  margin-left: -3px;
}

.advertiser-geographical-area.horizontal.medium.not-recommended .donation-link > *{
  display: flex;
  align-items: center;
  padding: 0 32px;
  gap: 10px;
  height: 40px;
  background: #F4F7F8;
  border-radius: 4px;
  font-family: 'Oswald', 'Arial Narrow';
  font-size: 14px;
  line-height: 150%;
  text-transform: uppercase;
  color: #8B8888;
  margin-bottom: 11px;
  justify-content: center;
  cursor: not-allowed;
}

.advertiser-geographical-area.horizontal.medium .donation-link a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  background: #DD2D12;
  border-radius: 4px;
  font-family: 'Oswald', 'Arial Narrow';
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 8px;
  padding: 0 2rem;
  white-space: nowrap;
}

.advertiser-geographical-area.horizontal.medium .donation-link a:hover {
  background: #DD513B;
}

.advertiser-geographical-area.horizontal.medium .review > * {
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: center;
  font-weight: 700;
  font-size: 10px;
  line-height: 135%;
  text-transform: uppercase;
}

.advertiser-geographical-area.horizontal.medium .review > *:hover {
  color: #000002;
}

.advertiser-geographical-area.horizontal.medium .wrapper > .top {
  display: flex;
  align-items: center;
}

.advertiser-geographical-area.horizontal.medium .middle {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 20px;
  padding-left: 20px;
  border-left: 1px solid #EEF1F3;
  align-items: center;
  flex: 1;
}

.advertiser-geographical-area.horizontal.medium .middle .bonuses {
    flex: 1;
}

.advertiser-geographical-area.horizontal.medium .left .bottom {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0 20px;
}

.advertiser-geographical-area.horizontal.medium .top > .right {
  align-self: stretch;
  padding: 20px 40px;
  display: flex;
  align-items: center;
  border-left: 1px solid #EEF1F3;
  gap: 4rem;
}

.advertiser-geographical-area.horizontal.medium .tc-excerpt {
  padding: 14px 40px;
  font-size: 12px;
  line-height: 150%;
  color: rgba(33, 37, 41, 0.6);
  background: #F8F9FA;
}

.advertiser-geographical-area.horizontal.medium .toggle .icon {
  cursor: pointer;
  position: absolute;
  bottom: calc(100% + 8px);
  right: 0;
  width: 36px;
  height: 36px;
  background: #FFFFFF;
  box-shadow: 0px 38px 48px -10px rgba(33, 37, 41, 0.06);
  border: 1px solid #EEF1F3;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.advertiser-geographical-area.horizontal.medium .tag {
  margin-bottom: 8px;
  background: rgba(0, 172, 173, 0.10);
  padding: 5px 3px;
  color: #01676E;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  line-height: 150%;
  text-transform: uppercase;
}

.advertiser-geographical-area.horizontal.medium .buttons {
  width: 200px;
}

.advertiser-geographical-area.horizontal.medium .copy {
  border-radius: 4px;
  border: 1px dashed rgba(139, 136, 136, 0.20);
  cursor: pointer;
  position: relative;
  max-width: 100px;
  height: fit-content;
}

.advertiser-geographical-area.horizontal.medium .copy > div {
  transition: .3s;
}

.advertiser-geographical-area.horizontal.medium .copy > div:not(.active) {
  display: none;
}

.advertiser-geographical-area.horizontal.medium .copy > div > div {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
  gap: 0 4px;
  color: #DD2D12;
  font-size: 10px;
  font-weight: 600;
  line-height: 150%;
  text-transform: uppercase;
  height: 30px;
  padding: 0 4px;
}

.advertiser-geographical-area.horizontal.medium .apps .items {
  display: grid;
  gap: 7px 0;
  color: #212529;
  font-size: 12px;
  font-weight: 600;
  line-height: 135%;
}

.advertiser-geographical-area.horizontal.medium .apps .icon div {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
  gap: 0 8px;
}

.advertiser-geographical-area.horizontal.medium .apps img {
  height: 1rem;
  aspect-ratio: 1;
}

@media (min-width: 768px) {
  .advertiser-geographical-area.horizontal.medium .review span {
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .advertiser-geographical-area.horizontal.medium.responsiveness {
    display: block;
  }

  .advertiser-geographical-area.horizontal.medium .bonus ~ div {
    margin-top: 8px;
  }

  .advertiser-geographical-area.horizontal.medium .buttons.responsiveness,
  .advertiser-geographical-area.horizontal.medium .tag.responsiveness {
    display: none;
  }

  .advertiser-geographical-area.horizontal.medium .composed {
    font-size: 14px;
    line-height: 150%;
  }

  .advertiser-geographical-area.horizontal.medium .middle {
    margin-right: 20px;
  }
}

@media (min-width: 768px) {
  .advertiser-geographical-area.horizontal.medium .feature.responsiveness,
  .advertiser-geographical-area.horizontal.medium .rating.responsiveness {
    display: none;
  }

  .advertiser-geographical-area.horizontal.medium .review span {
    max-width: 130px;
  }
}

@media (max-width: 767px) {
  .advertiser-geographical-area.horizontal.medium .logo {
    flex-basis: 56px;
    width: 56px;
    height: 56px;
  }

  .advertiser-geographical-area.horizontal.medium .logo img {
    width: 3rem;
    max-height: 3rem;
  }

  .advertiser-geographical-area.horizontal.medium .middle {
    padding-left: 0;
    border-left: 0;
    grid-template-columns: auto 1fr;
  }

  .advertiser-geographical-area.horizontal.medium .left .bottom {
    align-items: center;
  }

  .advertiser-geographical-area.horizontal.medium .top > .right {
    padding: 20px 2rem;
    gap: 20px;
    width: 55%;
  }

  .advertiser-geographical-area.horizontal.medium .features {
    flex: 1;
  }

  .advertiser-geographical-area.horizontal.medium .donation-link a {
    padding: 0 24px;
  }

  .advertiser-geographical-area.horizontal.medium .review .responsiveness {
    display: none;
  }

  .advertiser-geographical-area.horizontal.medium .rating:not(.responsiveness),
  .advertiser-geographical-area.horizontal.medium .sportsbook-name {
    display: none;
  }

  .advertiser-geographical-area.horizontal.medium .rating.responsiveness img {
    margin: 0 auto 4px;
  }

  .advertiser-geographical-area.horizontal.medium .tc-excerpt {
    font-size: 10px;
  }

  .advertiser-geographical-area.horizontal.medium .buttons {
    width: auto;
  }

  .advertiser-geographical-area.horizontal.medium .tag {
    position: absolute;
    transform: translateY(calc(-100% - 2px));
  }
}

@media (max-width: 767px) {
  .advertiser-geographical-area.horizontal.medium.responsiveness-hide {
    display: none;
  }

  .advertiser-geographical-area.horizontal.medium .wrapper > .top {
    display: block;
    padding: 1rem 20px;
  }

  .advertiser-geographical-area.horizontal.medium .rank {
    width: auto;
    text-align: left;
    position: absolute;
    top: 28px;
  }

  .advertiser-geographical-area.horizontal.medium .logo {
    flex-basis: 40px;
    width: 40px;
    height: 40px;
  }

  .advertiser-geographical-area.horizontal.medium .logo img {
    width: 2rem;
    max-height: 2rem;
  }

  .advertiser-geographical-area.horizontal.medium .sportsbook-name {
    display: block;
    padding-bottom: 0;
    line-height: 1.5;
  }

  .advertiser-geographical-area.horizontal.medium .top > .right {
    margin-top: 10px;
    padding: 0;
    border-left: 0;
    display: block;
    width: auto;
  }

  .advertiser-geographical-area.horizontal.medium .features {
    display: none;
  }

  .advertiser-geographical-area.horizontal.medium .donation-link a {
    margin-bottom: 0;
  }

  .advertiser-geographical-area.horizontal.medium .review {
    display: block;
  }

  .advertiser-geographical-area.horizontal.medium .tc-excerpt {
    font-size: 9px;
    padding: 12px 1rem;
  }

  .advertiser-geographical-area.horizontal.medium .bonus .prefix {
    font-size: 10px;
    padding-bottom: 0;
  }

  .advertiser-geographical-area.horizontal.medium .middle {
    display: block;
  }

  .advertiser-geographical-area.horizontal.medium .left .bottom {
    gap: 0 12px;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #EEF1F3;
    padding-left: 24px;
    padding-right: 20px;
    position: relative;
  }

  .advertiser-geographical-area.horizontal.medium .tag:not(.responsiveness) {
    display: none;
  }

  .advertiser-geographical-area.horizontal.medium .tag {
    position: static;
    transform: none;
    margin-bottom: 0;
    font-size: 10px;
    padding: 0 4px;
  }

  .advertiser-geographical-area.horizontal.medium .rating {
    position: absolute;
    top: 0;
    right: 0;
  }

  .advertiser-geographical-area.horizontal.medium .buttons:not(.responsiveness) .bottom {
    display: none;
  }

  .advertiser-geographical-area.horizontal.medium .middle .right {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0 8px;
  }

  .advertiser-geographical-area.horizontal.medium .buttons.responsiveness {
    flex-direction: column;
    gap: 12px 0;
    display: flex;
  }

  .advertiser-geographical-area.horizontal.medium .apps .items {
    grid-template-columns: repeat(2, 1fr);
    gap: 0 40px;
    padding-bottom: 24px;
  }

  .advertiser-geographical-area.horizontal.medium .bonus + .copy {
    display: none;
  }
}

/*  */

/* @media (max-width: 1199px) and (min-width: 768px) {
  .advertiser-geographical-area.horizontal.featured .wrapper > .top {
    padding: 20px 0;
  }

  .advertiser-geographical-area.horizontal.featured .top > .right {
    padding-left: 0;
    border-left: 0;
  }

  .advertiser-geographical-area.horizontal.featured .features {
    display: none;
  }
} */

/*  */

/* .advertiser-geographical-area.horizontal.apps .logo img {
  width: auto;
  max-height: none;
}

@media (max-width: 1199px) and (min-width: 768px) {
  .advertiser-geographical-area.horizontal:is(.apps, .payment) .features,
  .advertiser-geographical-area.horizontal:is(.apps, .payment) .buttons {
    width: auto;
  }

  .advertiser-geographical-area.horizontal:is(.apps, .payment) .donation-link a {
    font-size: 12px;
    line-height: 1.5;
    padding: 0 24px;
  }

  .advertiser-geographical-area.horizontal:is(.apps, .payment) .top > .right {
    padding-left: 2rem;
  }

  .advertiser-geographical-area.horizontal:is(.apps, .payment) .column {
    display: none;
  }

  .advertiser-geographical-area.horizontal:is(.apps, .payment) .middle {
    grid-template-columns: auto 1fr;
  }

  .advertiser-geographical-area.horizontal:is(.apps, .payment) .middle .right {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr auto;
    padding-right: 2rem;
  }

  .advertiser-geographical-area.horizontal:is(.apps, .payment) .stars {
    justify-content: center;
  }

  .advertiser-geographical-area.horizontal:is(.apps, .payment) .left .bottom {
    display: block;
  }

  .advertiser-geographical-area.horizontal:is(.apps, .payment) .logo {
    width: 56px;
    height: auto;
    aspect-ratio: 1;
  }

  .advertiser-geographical-area.horizontal:is(.apps, .payment) .rating.responsiveness {
    display: block;
  }

  .advertiser-geographical-area.horizontal.payment .top > .right {
    gap: 0 24px;
    padding: 20px;
  }

  .advertiser-geographical-area.horizontal.payment .middle .right {
    padding-right: 20px;
  }

  .advertiser-geographical-area.horizontal.payment .middle {
    padding-left: 0;
    border-left: 0;
  }

  .advertiser-geographical-area.horizontal.payment li:first-child {
    display: none;
  }

  .advertiser-geographical-area.horizontal.payment .features {
    width: 200px;
  }
}

@media (max-width: 767px) {
  .advertiser-geographical-area.horizontal:is(.payment, .apps) .review,
  .advertiser-geographical-area.horizontal:is(.payment, .apps) .copy {
    display: none;
  }

  .advertiser-geographical-area.horizontal:is(.payment, .apps) .top > .right {
    margin-top: 0;
  }

  .advertiser-geographical-area.horizontal:is(.payment, .apps) .features {
    display: block;
    width: auto;
  }

  .advertiser-geographical-area.horizontal:is(.payment, .apps) .rating.responsiveness {
    top: 1rem;
    right: 20px;
  }

  .advertiser-geographical-area.horizontal.payment ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 40px;
    padding-bottom: 14px;
  }

  .advertiser-geographical-area.horizontal.payment li:first-child {
    display: none;
  }

  .advertiser-geographical-area.horizontal.payment li:not(:last-child) .feature {
    margin-bottom: 0;
  }

  .advertiser-geographical-area.horizontal.apps .features .prefix {
    display: none;
  }

  .advertiser-geographical-area.large:is(.payment, .apps) .bonus {
    margin-bottom: 1rem;
  }
} */

/*  */

.action-tooltip,
.meta .info {
  position: relative;
}

.action-tooltip:not(:hover) .tooltip {
  opacity: 0;
  visibility: hidden;
}

@media (min-width: 1200px) {
  .meta .info:not(:hover) .tooltip {
    opacity: 0;
    visibility: hidden;
  }
}

@media (max-width: 1199px) {
  .meta .info.close .tooltip {
    opacity: 0;
    visibility: hidden;
  }
}

.action-tooltip .tooltip,
.meta .info .tooltip {
  position: absolute;
  width: 186px;
  padding: 6px 12px;
  box-shadow: 0px 8.5px 17px -8.5px rgba(19, 22, 25, 0.08);
  background: #FFFFFF;
  border-radius: 6px;
  bottom: calc(100% + 5px);
  left: calc(50% - 93px);
  transition: .3s;
  font-weight: 600;
  font-size: 14px;
  line-height: 145%;
  color: #13161A;
}

.action-tooltip .tooltip::after,
.meta .info .tooltip::after {
  content: '';
  width: 8px;
  height: 8px;
  background: #FFF;
  transform: rotate(45deg);
  position: absolute;
  bottom: -4px;
  left: calc(50% - 4px);
}

.action-tooltip {
  display: inline;
  color: #01676E;
  font-weight: 700;
}

.action-tooltip .tooltip span:nth-child(even) {
  margin-left: -3px;
}

.meta .info .tooltip {
  width: 126px;
  left: calc(50% - 63px);
}

.meta .info .tooltip span {
  display: block;
}

.meta .info .tooltip span:last-child {
  opacity: 0.7;
  padding-top: 4px;
}

/*  */

.faq-card {
  border-bottom: 1px solid rgba(139, 136, 136, 0.1);
}

.faq-card h3 {
  padding-bottom: 0 !important;
  font-weight: 600;
  color: #000002;
  flex: 1;
}

.faq-card .content p:not(:last-child) {
  padding-bottom: 8px;
}

.faq-card .question,
.faq-card .content {
  padding: 1rem 12px;
}

.faq-card .content {
  border-top: 1px solid rgba(139, 136, 136, 0.1);
  transition: .3s;
}

.faq-card .question {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.faq-card.close .content {
  height: 0;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
  border-width: 0;
}

.faq-card.close .toggle img {
  transform: rotate(180deg);
}

/*  */

.col-xl-8 > div:not(:last-child) {
  padding-bottom: 40px;
}

.col-xl-8 > div > div:not(:last-child) {
  margin-bottom: 24px;
}

.partnership .cards {
  background: #F5F9F9 url(https://apostas.gazetaesportiva.com/static/wp/card-element-green.svg) right top no-repeat;
  border-radius: 5px;
  padding: 40px;
}

.partnership .cards h3 {
  font-size: 16px;
  line-height: 135%;
  text-transform: uppercase;
  color: #212529;
  max-width: 214px;
}

.partnership .cards .introduction {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding-bottom: 2rem;
}

.partnership .cards .features {
  display: grid;
  grid-template-rows: repeat(3, minmax(0, 1fr));
  grid-auto-flow: column;
  gap: 1rem 2.8rem;
}

.partnership .cards .feature div {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 12px;
  font-weight: 500;
}

.partnership .cards .feature img {
  align-self: flex-start;
  margin-top: 2px;
}

.partnership .cards .gallery {
  display: flex;
}

.partnership .cards .gallery img {
  width: 42px;
  aspect-ratio: 1;
  border: 2px solid #F5F9F9;
  border-radius: 50%;
  object-fit: cover;
}

.partnership .cards .gallery .image:nth-child(n+2) {
  margin-left: -12px;
}

.partnership .cards .gallery .image:nth-child(1) {
  z-index: 3;
}

.partnership .cards .gallery .image:nth-child(2) {
  z-index: 2;
}

.partnership .cards .gallery .image:nth-child(3) {
  z-index: 1;
}

@media (max-width: 1199px) {
  .partnership .cards .introduction {
    padding-bottom: 20px;
  }

  .partnership .cards .gallery {
    display: none;
  }

  .partnership .cards h3 {
    max-width: none;
    font-size: 14px;
  }

  section.middle .col-xl-8 + .col-xl-4 {
    padding-top: 40px;
    margin-top: 40px;
    position: relative;
  }

  section.middle .col-xl-8 + .col-xl-4::before {
    content: '';
    position: absolute;
    top: 0;
    left: calc(50% - 50vw);
    width: 100vw;
    height: 1px;
    background: #F4F7F8;
  }
}

@media (max-width: 767px) {
  .partnership .cards {
    display: none;
  }
}

/*  */

.betting-tips .cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 40px 2rem;
}

.articles .cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem;
}

.betting-tip.vertical.small,
.article.vertical.small {
  color: #282828;

  .area-link {
    z-index: 1;
  }
}

.betting-tip.vertical.small .top,
.article.vertical.small .top {
  height: 160px;
  margin-bottom: 1rem;
  border-radius: 8px;
  overflow: hidden;
}

.betting-tip.vertical.small .featured-image,
.article.vertical.small .featured-image {
  height: 100%;
  transition: .3s;
  position: relative;
}

.betting-tip.vertical.small:hover .featured-image,
.article.vertical.small:hover .featured-image {
  transform: scale(1.1);
}

@media (max-width: 1199px) {
  .articles .cards {
    gap: 24px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .betting-tips .cards {
    gap: 26px 1rem;
  }
}

/* @media (min-width: 768px) and (max-width: 1199px) {
  .article.vertical.small:last-child {
    display: none;
  }
} */

@media (max-width: 767px) {
  .betting-tips .cards,
  .articles .cards {
    display: flex;
    overflow: auto;
    gap: 1rem;
    padding: 0 15px 5px;
    width: 100vw;
    margin-left: calc(50% - 50vw);
  }

  .betting-tips .cards > div,
  .articles .cards > div {
    flex: 0 0 300px;
    width: 300px;
  }
  
  /* .betting-tip.vertical.small .top,
  .article.vertical.small .top {
    height: 140px;
  } */
}

/*  */

.right-sidebar > div:not(:last-child) {
  margin-bottom: 40px;
}

.widget h3 {
  font-family: 'Oswald', 'Arial Narrow' !important;
  font-weight: 700;
  font-size: 24px;
  line-height: 115%;
  color: #01676E;
  padding-bottom: 1rem;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .right-sidebar > div:not(:last-child) {
    margin-bottom: 0;
  }

  .right-sidebar {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px 25px;
  }

  .right-sidebar > div:first-child,
  .right-sidebar > div:nth-child(2) {
    grid-column: span 2;
  }
}

/*  */

.widget-event .event-card {
  background: #FFFFFF;
  /* box-shadow: 0px 3px 16px rgba(110, 110, 110, 0.15);
  border: 1px solid #8B888820;
  border-radius: 4px; */
  padding: 24px;
  overflow: hidden;
}

.widget-event .competition {
  font-weight: 700;
  line-height: 135%;
  text-transform: uppercase;
  color: #000002;
  padding-bottom: 4px;
  text-align: center;
}

.widget-event .datetime {
  font-weight: 400;
  line-height: 135%;
  text-transform: uppercase;
  color: #8B8888;
  text-align: center;
  padding-bottom: 1rem;
}

.widget-event .teams {
  padding-bottom: 20px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.widget-event .separator {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #888;
  margin-bottom: 12px;
}

.widget-event .team {
  font-weight: 600;
  line-height: 135%;
  color: #000002;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.widget-event .team .name {
  white-space: nowrap;
}

.widget-event .team img {
  height: 50px;
  margin: 0 auto 8px;
}

.widget-event .odds-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding-bottom: 1rem;
}

.widget-event .odd-card {
  position: relative;
  display: flex;
  padding: 8px 14px;
  gap: 8px;
  align-items: center;
  justify-content: center;
  background: #F1F3F5;
  border-radius: 5px;
  transition: .3s;
  color: #01676E;
}

.widget-event .odd-card .label {
  font-weight: 700;
  font-size: 12px;
  line-height: 150%;
  color: #7F7F7F;
  text-transform: lowercase;
  transition: .3s;
}

.widget-event .odd-card .odd {
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
}

.widget-event .odd-card:hover {
  background: #01676E;
  color: #FFF;
}

.widget-event .odd-card:hover .label {
  color: rgba(255, 255, 255, 0.75);
}

.widget-event .stadium div {
  display: flex;
  gap: 4px;
  justify-content: center;
  align-items: center;
  flex-direction: row-reverse;
  font-weight: 700;
  font-size: 12px;
  line-height: 135%;
  text-transform: uppercase;
  color: #8B8888;
  padding-bottom: 24px;
}

.widget-event .advertiser img {
  height: 16px;
}

.widget-event .advertiser .prefix,
.widget-event .countdown .prefix {
  padding-bottom: 4px;
  font-weight: 600;
  font-size: 12px;
  line-height: 135%;
  color: #8B8888;
}

.widget-event .countdown .time {
  display: flex;
  gap: 5px;
  font-weight: 600;
  font-size: 14px;
  line-height: 135%;
}

.widget-event {
  .advertiser-countdown {
    display: flex;
    justify-content: space-between;
    padding-bottom: 24px;
  }

  .button a {
    display: flex;
    height: 36px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: #DD2D12;
    color: #FFF;
    font-family: 'Oswald', 'Arial Narrow';
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    text-transform: uppercase;
    transition: .3s;
    cursor: pointer;

    &:hover {
      background: #F25941;
    }
  }
}

/*  */

.article.horizontal.small:not(:last-child) {
  margin-bottom: 1rem;
}

.article.horizontal.small .wrapper {
  display: flex;
  gap: 1rem;
  color: #282828;
}

.article.horizontal.small .title {
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.article.horizontal.small .left {
  flex: 0 0 113px;
  width: 113px;
  height: 94px;
  border-radius: 4px;
  align-self: flex-start;
  overflow: hidden;
}

.article.horizontal.small .featured-image {
  height: 100%;
  transition: .3s;
  z-index: -1;
  position: relative;
}

.article.horizontal.small:hover .featured-image {
  transform: scale(1.1);
}

.article.horizontal.small .rank {
  padding-bottom: 4px;
  font-family: 'Oswald', 'Arial Narrow';
  font-weight: 500;
  line-height: 135%;
  color: #8B8888;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .article.horizontal.small:not(:last-child) {
    margin-bottom: 0;
  }

  .widget-articles .cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 24px;
  }
}

/*  */

/* .menu-navigation-items ul > *:not(:last-child) {
  margin-bottom: 8px;
}

.menu-navigation-items li {
  position: relative;
}

.menu-navigation-items .wrapper {
  display: flex;
  align-items: center;
  padding: 1rem 24px;
  gap: 24px;
  background: #FFFFFF;
  border: 1px solid #EEF1F3;
}

.menu-navigation-items .right {
  display: flex;
  align-items: center;
  font-weight: 600;
  line-height: 135%;
  color: #000002;
  flex: 1;
}

.menu-navigation-items .title {
  flex: 1;
}

.menu-navigation-items .button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 80px;
}

.menu-navigation-items li:hover .button {
  background: rgba(221, 81, 59, 0.1);
}

@media (min-width: 768px) and (max-width: 1199px) {
  .menu-navigation-items ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 24px;
  }
  .menu-navigation-items ul > *:not(:last-child) {
    margin-bottom: 0;
  }
}

@media (max-width: 1199px) {
  .menu-navigation-items .wrapper {
    padding: 12px 24px;
  }
} */

/*  */
.betting.index-template .hero,
.calculator.index-template .hero {
  padding-bottom: 0;
  height: 495px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: #FFF;
  margin-bottom: 40px;
  position: relative;

  .featured-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }

  > .middle,
  > .bottom {
    position: relative;
  }
}


.betting.index-template .hero h1,
.calculator.index-template .hero h1 {
  font-weight: 400;
  font-size: 42px;
  line-height: 120%;
}

.betting.index-template .hero .category span,
.calculator.index-template .hero .category span {
  color: inherit;
  font-family: 'Oswald', 'Arial Narrow';
  position: relative;
  font-weight: 400;
  font-size: 21px;
  line-height: 120%;
}

.betting.index-template .hero h2,
.calculator.index-template .hero h2 {
  color: inherit;
  position: relative;
  font-weight: 400;
  font-size: 21px;
  line-height: 120%;
}

.betting.index-template .hero .category,
.calculator.index-template .hero .category {
  position: relative;
  display: inline-block;
  padding: 8px 20px 8px 0;
}

.betting.index-template .hero .category::before,
.calculator.index-template .hero .category::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100vw;
  background: rgba(1, 103, 110, 0.7);
}

.betting.index-template .hero .bottom,
.calculator.index-template .hero .bottom {
  padding: 2rem 0;
  background: rgba(13, 36, 53, 0.88);
}

.betting.index-template .hero .introduction .title,
.calculator.index-template .hero .introduction .title {
  padding-bottom: 24px;
}

@media (max-width: 1199px) {
  .betting.index-template .hero .category span,
  .calculator.index-template .hero .category span {
    font-size: 20px;
  }

  .betting.index-template .hero h2,
  .calculator.index-template .hero h2 {
    font-size: 20px;
  }

  .betting.index-template .hero .bottom,
  .calculator.index-template .hero .bottom {
    padding: 24px 0;
  }

  .betting.index-template .hero .category,
  .calculator.index-template .hero .category {
    padding-right: 1rem;
  }

  .betting.index-template .hero .introduction .title {
    padding-bottom: 1rem;
  }

  .betting.index-template .hero h1,
  .calculator.index-template .hero h1 {
    font-size: 24px;
  }

  .betting.index-template .hero,
  .calculator.index-template .hero {
    height: 420px;
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .betting.index-template .hero,
  .calculator.index-template .hero {
    height: 350px;
  }
}
/*  */

.meta {
  display: grid;
  gap: 8px 0;
  font-size: 14px;
  line-height: 145%;
  font-weight: 500;
}

@media (max-width: 767px) {
  body.index-template .meta {
      flex-direction: column;
      gap: 8px;
      align-items: flex-start;
  }
}

@media (min-width: 1200px) {
  body.index-template .meta {
    display: flex;
    gap: 0 40px;
  }
}

.meta .author {
  display: flex;
  align-items: center;
  gap: 4px;
}

.meta .author > span {
  font-weight: 600;
  color: #01676E;
}

.meta .author .prefix {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: 8px;
}

.meta .author img {
  width: 16px;
  height: 16px;
  border-radius: 50%;
}

.meta .publish-date {
  display: flex;
  align-items: center;
  gap: 4px;
}

/* .meta .publish-date .info img {
  margin-left: 4px;
}

.meta .publish-date > span {
  opacity: .7;
} */

.meta .publish-date > div:first-child {
  display: flex;
  flex-direction: row-reverse;
  gap: 8px;
  align-items: center;
}

.meta .publish-date > div:first-child img {
  filter: brightness(0) invert(1);
  opacity: .7;
}

@media (max-width: 767px) {
  .meta {
    display: flex;
    gap: 0;
    align-items: center;
    justify-content: space-between;
  }

  section.hero .meta .author .prefix>span,
  section.hero .meta .publish-date .prefix>span {
    display: none;
  }

  .meta .info .tooltip {
    width: 126px;
    left: calc(50% - 103px);
  }
}

/*  */

section.introduction .meta {
  color: #000;
}

section.introduction .meta .publish-date .info img,
section.introduction .meta .publish-date > div:first-child img {
  filter: none;
}

@media (min-width: 1200px) {
  section.introduction .meta {
    display: flex;
    gap: 0 40px;
  }
}

/*  */

.index-template .meta .publish-date .info img,
.single-betting-tip-template .meta .publish-date .info img {
  filter: grayscale(1);
}

/*  */

.hero > .container > .meta {
  display: flex;
  align-items: center;
  gap: 0 12px;

  &:not(:last-child) {
    padding-bottom: 24px;
  }

  .author img {
    width: 40px;
    aspect-ratio: 1;
    height: auto;
    object-fit: cover;
  }

  .writer,
  .editor {
    .prefix + span,
    .prefix + a {
      font-weight: 600;
      color: #01676E;
    }
  }

  @media (min-width: 768px) {
    .column > div {
      display: flex;
      align-items: center;
      gap: 0 20px;
      font-size: 14px;
      line-height: 145%;
      font-weight: 500;

      > div:nth-child(n+2) {
        position: relative;
  
        &::before {
          content: '';
          position: absolute;
          top: calc(50% - 2px);
          left: -12px;
          width: 4px;
          aspect-ratio: 1;
          background: #8B888833;
        }
      }
    }
  }

  @media (max-width: 767px) {
    & {
      display: block;
      position: relative;
    }

    .top {
      padding: 0 0 0 48px;
    }

    .bottom {
      color: #646669;
      padding: 0 0 0 48px;
    }

    .author {
      position: absolute;
      top: 0;
      left: 0;
    }
  }
}

/*  */

.col-xl-10 > div:not(:last-child) {
  margin-bottom: 40px;
}

.navigation h2 {
  font-family: 'Open Sans', 'Tahoma';
  font-size: 19px;
  line-height: 135%;
  padding-bottom: 24px;
}

.col-xl-8 .navigation h2 {
  padding-bottom: 0;
}

.navigation .cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2rem;
  align-items: flex-start;
}

.navigation .cards > div {
  position: relative;
}

.navigation .cards > div:hover {
  color: #000002;
}

.navigation .cards .wrapper {
  display: flex;
  padding: 1rem 24px;
  border: 1px solid #F4F7F8;
  align-items: center;
  gap: 24px;
  transition: .3s;
}

.navigation .cards .title {
  flex: 1;
  font-weight: 500;
  line-height: 135%;
}

.navigation .cards .previous:hover img {
  transform: translateX(-4px);
}

.navigation .cards .next img {
  transform: rotate(180deg);
}

.navigation .cards .next:hover img {
  transform: rotate(180deg) translateX(-4px);
}

.navigation .cards .next .wrapper {
  flex-direction: row-reverse;
}

@media (max-width: 767px) {
  .navigation .cards {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
}

/*  */

.wp-author.horizontal.large {
  padding: 24px 0;
  border: solid #F4F7F8;
  border-width: 1px 0px;
  display: flex;
  gap: 2rem;
}

.wp-author.horizontal.large .avatar {
  width: 56px;
  overflow: hidden;
  border-radius: 50%;
}

.wp-author.horizontal.large .avatar img {
  aspect-ratio: 1;
}

.wp-author.horizontal.large .name {
  font-weight: 700;
  line-height: 140%;
  color: #282828;
}

.wp-author.horizontal.large .biography {
  padding-bottom: 8px;
}

.wp-author.horizontal.large .right > .social-media > .social-media {
  display: flex;
  gap: 8px;
}

@media (max-width: 767px) {
  .wp-author.horizontal.large {
    gap: 1rem;
  }

  .wp-author.horizontal.large .avatar {
    width: 40px;
  }
}

/*  */

.col-xl-2 .sidebar {
  width: 56px;
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.col-xl-2 .sidebar img {
  width: 24px;
}

.col-xl-2 :is(.social-sharing > *, .likes) {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin-left: -1px;
  border-left: 2px solid transparent;
  transition: .3s;
  cursor: pointer;
}

.col-xl-2 :is(.social-sharing > *, .likes):hover {
  border-color: #00ACAD;
}

.col-xl-2 :is(.social-sharing a, .likes .icon) {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.col-xl-2 .likes {
  position: relative;
}

.col-xl-2 .likes span {
  position: absolute;
  top: 4px;
  right: 4px;
  color: #01676E;
  font-size: 12px;
  font-weight: 700;
  line-height: 150%;
}

@media (max-width: 1199px) {
  .col-xl-2 .sidebar {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    box-shadow: 0px 3px 16px rgba(110, 110, 110, 0.15);
    margin-bottom: 24px;
    border: 0;
    /* display: grid;
    grid-template-columns: 80% 20%; */
  }

  .col-xl-2 .social-sharing {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }

  .col-xl-2 .social-sharing > * {
    border-right: 1px solid #F2F2F2;
  }

  .col-xl-2 :is(.social-sharing > *, .likes) {
    width: auto;
    margin-left: 0;
    border-left: 0;
  }
}

/*  */

section.articles .introduction {
  padding-bottom: 20px;
}

/*  */

section.bottom .container > div:not(:last-child) {
  margin-bottom: 40px;
}

/*  */

/* .category-template .hero h1,
.category-template .featured h1 {
  padding: 3rem 0;
  text-align: center;
  font-weight: 600;
  font-size: 32px;
  line-height: 115%;
  color: #000002;
}

.category-template .widget h3 {
  font-family: 'Oswald', 'Arial Narrow';
  font-size: 18px;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid rgba(139, 136, 136, 0.2);
}

section.latest h1 {
  font-weight: 600;
  font-size: 24px;
  line-height: 115%;
  color: #000002;
}

section.latest .title + .cards {
  margin-bottom: 2rem;
}

@media (min-width: 1200px) {
  .category-template .hero .container::after {
    content: '';
    display: block;
    padding-bottom: 3rem;
    border-bottom: 1px solid rgba(139, 136, 136, 0.1);
  }
}

@media (max-width: 1199px) {
  .category-template .hero h1, .category-template .featured h1 {
    padding: 40px 0 24px;
    font-size: 24px;
  }
} */

/*  */

.article.vertical.large .top {
  height: 322px;
  margin-bottom: 24px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  z-index: -1;
}

.article.vertical.large .featured-image {
  height: 100%;
  transition: .3s;
}

.article.vertical.large:hover .featured-image {
  transform: scale(1.1);
}

.article.vertical.large .tag {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 9px 30px;
  background: #01676E;
  border-radius: 0 5px 0 0;
  font-family: 'Oswald', 'Arial Narrow';
  font-size: 18px;
  line-height: 120%;
  text-transform: uppercase;
  color: #FFFFFF;
}

.article.vertical.large .title {
  padding-bottom: 4px;
  font-family: 'Open Sans', 'Tahoma';
  font-weight: 600;
  font-size: 24px;
  line-height: 150%;
  color: #000002;
}

.article.vertical.large .datetime {
  padding-top: 12px;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  color: #7F7F7F;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .article.vertical.large .top {
    height: 186px;
    margin-bottom: 12px;
  }

  .article.vertical.large .tag {
    font-size: 1rem;
    padding: 6px 24px;
  }

  .article.vertical.large .datetime {
    font-size: 12px;
  }
}

/*  */

.wp-post.horizontal.medium:not(.navigation):not(:last-child) {
  margin-bottom: 2rem;
}

.wp-post.horizontal.medium:not(.navigation) {
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(139, 136, 136, 0.2);
}

.wp-post.horizontal.medium:not(.navigation) .wrapper {
  display: grid;
  grid-template-columns: 230px auto;
  gap: 20px;
}

.wp-post.horizontal.medium:not(.navigation) .left {
  height: 128px;
  border-radius: 5px;
  overflow: hidden;
}

.wp-post.horizontal.medium:not(.navigation) .featured-image {
  height: 100%;
  transition: .3s;
  position: relative;
  z-index: -1;
}

.wp-post.horizontal.medium:not(.navigation):hover .featured-image {
  transform: scale(1.1);
}

.wp-post.horizontal.medium:not(.navigation) .title {
  font-family: 'Open Sans', 'Tahoma';
  font-size: 20px;
  line-height: 130%;
  color: #000002;
  padding-bottom: 6px;
  font-weight: 600;
}

.wp-post.horizontal.medium:not(.navigation) .datetime {
  padding-bottom: 16px;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  color: #7F7F7F;
  text-transform: uppercase;
}

@media (max-width: 1199px) {
  .wp-post.horizontal.medium:not(.navigation) {
    padding-bottom: 24px;
  }

  .wp-post.horizontal.medium:not(.navigation):not(:last-child) {
    margin-bottom: 24px;
  }

  .wp-post.horizontal.medium:not(.navigation) .wrapper {
    grid-template-columns: 216px auto;
  }
}

@media (max-width: 767px) {
  .wp-post.horizontal.medium:not(.navigation) .wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px 0;
  }

  .wp-post.horizontal.medium:not(.navigation) .left {
    height: 198px;
  }

  .wp-post.horizontal.medium:not(.navigation) .datetime {
    padding-bottom: 4px;
  }

  .wp-post.horizontal.medium:not(.navigation) .title {
    font-size: 18px;
  }
}

/*  */

.wp-post.horizontal.medium .social-sharing {
  display: flex;
  gap: 8px;
}

.wp-post.horizontal.medium .social-sharing img {
  width: 32px;
}

/*  */

.cards + .bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cards + .bottom .tag,
.cards + .bottom .title {
  font-family: 'Oswald', 'Arial Narrow';
  font-size: 20px;
  line-height: 130%;
  color: #01676E;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .cards + .bottom {
    flex-direction: column;
    gap: 8px;
  }

  .cards + .bottom .tag,
  .cards + .bottom .title {
    font-size: 18px;
  }
}

/*  */
/*
.bonus-review-template .hero,
.app-review-template .hero,
.sportsbook-review-template .hero,
.child-sportsbook-review-template .hero,
.casino-review-template .hero {
  padding: 40px 0 1px;
  margin-bottom: 100px;
  color: #FFFFFF;
}

.bonus-review-template .hero .advertiser-geographical-area.horizontal,
.app-review-template .hero .advertiser-geographical-area.horizontal,
.sportsbook-review-template .hero .advertiser-geographical-area.horizontal,
.child-sportsbook-review-template .hero .advertiser-geographical-area.horizontal,
.casino-review-template .hero .advertiser-geographical-area.horizontal {
  margin-bottom: -53px;
}

.sportsbook-review-template .advertiser-geographical-area.horizontal .review,
.casino-review-template .advertiser-geographical-area.horizontal .review {
  display: none;
}

.bonus-review-template .hero h1,
.app-review-template .hero h1,
.sportsbook-review-template .hero h1,
.child-sportsbook-review-template .hero h1,
.casino-review-template .hero h1 {
  padding-bottom: 2rem;
  max-width: 500px;
}

@media (max-width: 1199px) {
  .bonus-review-template .hero,
  .app-review-template .hero,
  .sportsbook-review-template .hero,
  .child-sportsbook-review-template .hero,
  .casino-review-template .hero {
    margin-bottom: 80px;
  }

  .bonus-review-template .hero h1,
  .app-review-template .hero h1,
  .sportsbook-review-template .hero h1,
  .child-sportsbook-review-template .hero h1,
  .casino-review-template .hero h1 {
    padding-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .bonus-review-template .hero,
  .app-review-template .hero,
  .sportsbook-review-template .hero,
  .child-sportsbook-review-template .hero,
  .casino-review-template .hero {
    margin-bottom: 180px;
    padding-top: 24px;
  }

  .bonus-review-template .hero .advertiser-geographical-area.horizontal,
  .app-review-template .hero .advertiser-geographical-area.horizontal,
  .sportsbook-review-template .hero .advertiser-geographical-area.horizontal,
  .child-sportsbook-review-template .hero .advertiser-geographical-area.horizontal,
  .casino-review-template .hero .advertiser-geographical-area.horizontal {
    margin-bottom: -150px;
  }
}

/*  */

/*
section.introduction .bottom,
.sportsbook-review-template section.introduction .container,
.app-review-template section.introduction .container,
.bonus-review-template section.introduction .container,
.payment-method-review-template .hero .container,
.sportsbooks-template .hero .container,
.sportsbooks-sport-template .hero .container,
.casinos-template .hero .container,
.apps-template .hero .container,
.odds-template .hero .container,
.betting-tips-sport-archive-template .hero .container,
.betting-tips-archive-template .hero .container,
.no-deposit-bonus-template .hero .container,
.casino-no-deposit-bonus-template .hero .container {
  display: grid;
  grid-template-columns: 65% 23%;
  justify-content: space-between;
}

.payment-method-review-template .hero .container,
.sportsbooks-template .hero .container,
.sportsbooks-sport-template .hero .container,
.casinos-template .hero .container,
.apps-template .hero .container,
.odds-template .hero .container,
.betting-tips-sport-archive-template .hero .container,
.betting-tips-archive-template .hero .container,
.no-deposit-bonus-template .hero .container,
.casino-no-deposit-bonus-template .hero .container {
  align-items: flex-end;
}

@media (max-width: 1199px) {
  section.introduction .bottom,
  .sportsbook-review-template section.introduction .container,
  .app-review-template section.introduction .container,
  .bonus-review-template section.introduction .container,
  .payment-method-review-template .hero .container,
  .sportsbooks-template .hero .container,
  .sportsbooks-sport-template .hero .container,
  .casinos-template .hero .container,
  .apps-template .hero .container,
  .odds-template .hero .container,
  .betting-tips-sport-archive-template .hero .container,
  .betting-tips-archive-template .hero .container,
  .no-deposit-bonus-template .hero .container,
  .casino-no-deposit-bonus-template .hero .container {
    grid-template-columns: auto 215px;
    gap: 26px;
  }
}

@media (max-width: 767px) {
  section.introduction .bottom,
  .sportsbook-review-template section.introduction .container,
  .app-review-template section.introduction .container,
  .bonus-review-template section.introduction .container,
  .payment-method-review-template .hero .container,
  .sportsbooks-template .hero .container,
  .sportsbooks-sport-template .hero .container,
  .casinos-template .hero .container,
  .apps-template .hero .container,
  .odds-template .hero .container,
  .betting-tips-sport-archive-template .hero .container,
  .betting-tips-archive-template .hero .container,
  .no-deposit-bonus-template .hero .container,
  .casino-no-deposit-bonus-template .hero .container {
    display: block;
  }
}

/*  */

.betting-tips-archive-template section.introduction .content,
.betting-tips-sport-archive-template section.introduction .content {
  border-bottom: 1px solid #F4F7F8;
}
/*  */

.information-card {
  padding-bottom: 2rem;
  border-bottom: 1px solid #8B888833;
}

.information-card .introduction .title div,
.pros-cons .title div {
  padding-bottom: 20px;
  display: flex;
  gap: 12px;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.information-card h2,
.pros-cons h2 {
  font-family: 'Open Sans', 'Tahoma';
  font-weight: 700;
  font-size: 20px;
  line-height: 160%;
  color: #212529;
}

.information-card .bottom {
  display: grid;
  grid-template-columns: repeat(3, minmax(auto, 1fr)); /* grid-template-columns: repeat(3, minmax(0, 1fr)); */
  gap: 2rem;
}

.information-card .bottom > div > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.information-card .bottom > div > div:not(:last-child) {
  padding-bottom: 1rem;
}

.information-card .card .label {
  color: #888;
  font-weight: 600;
}

.information-card .card .content {
  font-weight: 500;
  text-align: right;
}

.information-card .card a {
  color: #01676E;
  text-decoration: underline;
  font-weight: 600;
}

.information-card .bonus a {
  text-decoration: none;
}

.information-card .card a:hover {
  text-decoration: none;
  color: #00ACAD;
}

.information-card .apps .content {
  display: flex;
  gap: 6px;
}

.information-card .payment-methods {
  display: block !important;
}

.information-card .payment-methods img {
  max-width: 26px;
  max-height: 21px;
}

.information-card .payment-methods .content {
  display: flex;
  padding-top: 12px;
}

.information-card .payment-methods .icon,
.information-card .payment-methods .counter {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 2px solid #FFF;
  background: #01676E;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: .3s;
}

.information-card .payment-methods .icon:hover,
.information-card .payment-methods .counter:hover {
  transform: scale(1.15);
}

.information-card .payment-methods .counter {
  color: #FFF;
  font-weight: 500;
}

.information-card .payment-methods .icon:not(:last-child) {
  margin-right: -8px;
}

.information-card .payment-methods .icon:nth-child(n+11) {
  display: none;
}

.information-card .payment-methods .icon img {
  width: 24px;
  max-height: 1rem;
}

.information-card .payment-methods .icon span {
  position: absolute;
  font-weight: 600;
  font-size: 14px;
  line-height: 145%;
  color: #13161A;
  background: #FFFFFF;
  border-radius: 6px;
  padding: 6px 12px;
  bottom: calc(100% + 12px);
  left: calc(50% - 50px);
  box-shadow: 0px 8.5px 17px -8.5px rgba(19, 22, 25, 0.08);
  width: 100px;
  text-align: center;
  transition: .3s;
}

.information-card .payment-methods .icon:not(:hover) span {
  opacity: 0;
  visibility: hidden;
}

.information-card .payment-methods .icon span::after {
  content: '';
  width: 8px;
  height: 8px;
  background: #FFF;
  transform: rotate(45deg);
  position: absolute;
  bottom: -4px;
  left: calc(50% - 4px);
}

.information-card .bonus {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 0 1rem;
  align-items: center;
  padding: 8px 8px 8px 1rem;
  border-radius: 6px;
  border: 1px solid #F4F7F8;
  margin-bottom: 1rem;
}

.information-card .bonus .content {
  text-align: left;
}

.information-card .copy {
  margin-top: 4px;
  position: relative;
  font-size: 12px;
  font-weight: 700;
  line-height: 150%;
  text-transform: uppercase;
}

.information-card .copy .title div {
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 4px;
  color: #DD513B;
  border-radius: 4px;
  border: 1px dashed #E8E7E7;
  cursor: pointer;
  padding: 0 12px;
}

.information-card .copy .title div:hover {
  border: 1px dashed #DD513B;
}

.information-card .copy .success {
  transition: .3s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.information-card .copy .success:not(.active) {
  opacity: 0;
  visibility: hidden;
}

.information-card .copy .success div {
  color: #179D79;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 4px;
  border-radius: 4px;
  background: #F2FFFC;
}

@media (max-width: 1199px) {
  .information-card .bottom {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 25px;
  }

  .information-card .bottom .right {
    grid-column: span 2;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 25px;
  }

  .information-card .payment-methods {
    display: flex !important;
  }

  .information-card .payment-methods .content {
    padding-top: 0;
  }

  .information-card .payment-methods .icon,
  .information-card .payment-methods .counter {
    width: 26px;
    height: 26px;
  }

  .information-card .payment-methods .counter {
    font-size: 8px;
  }

  .information-card .payment-methods img {
    width: 18px;
    max-height: 12px;
  }

  .information-card .payment-methods .icon:not(:last-child) {
    margin-right: -6px;
  }

  .information-card .payment-methods .icon span {
    left: auto;
    right: 0;
    width: auto;
  }

  .information-card .payment-methods .icon span::after {
    left: auto;
    right: 7.5px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .information-card .bottom > .right > div:not(:last-child) {
    padding-bottom: 0;
  }
}

@media (max-width: 767px) {
  .information-card {
    padding: 24px 0;
  }

  .information-card .bottom,
  .information-card .bottom .right {
    display: block;
  }

  .information-card .bottom > div:not(:last-child) {
    padding-bottom: 1rem;
  }

  .information-card .introduction .title div,
  .pros-cons .title div {
    padding-bottom: 1rem;
  }

  .information-card .payment-methods .icon:nth-child(n+7) {
    display: none;
  }
}

@media (max-width: 575px) {
  .information-card .copy {
    display: none;
  }

  .information-card .bonus {
    display: block;
    padding: 12px;
    text-align: center;
    margin-bottom: 12px;
  }

  .information-card .bonus .content {
    text-align: center;
    padding-top: 4px;
  }

  .information-card .bonus .label {
    font-size: 14px;
    line-height: 1.45;
  }
}

/*  */

section.pros-cons .container {
  display: grid;
  grid-template-columns: repeat(2, 50%);
  color: #7F7F7F;
  gap: 16px;
}

section.pros-cons .content > div > div {
  display: flex;
  flex-direction: row-reverse;
  gap: 12px;
  justify-content: flex-end;
}

section.pros-cons .content > div:not(:last-child) {
  padding-bottom: 1rem;
}

@media (max-width: 1199px) {
  section.pros-cons .container::after {
    content: '';
    grid-column: span 2;
    display: block;
    padding-bottom: 24px;
    border-bottom: 1px solid #F4F7F8;
  }
}

@media (max-width: 767px) {
  section.pros-cons .container {
    display: block;
  }

  section.pros-cons .container > div:not(:last-child) {
    padding-bottom: 24px;
  }

  section.pros-cons .content > div:not(:last-child) {
    padding-bottom: 12px;
  }
}

/*  */

.template-404 .hero {
  padding: 2rem 0 92px;
  background: #003033 !important;
  text-align: center;
}

.template-404 .introduction .title {
  padding-bottom: 4px;
}

.template-404 .hero h1 {
  color: #FFF;
  font-family: 'Oswald', 'Arial Narrow';
  font-size: 28px;
  font-weight: 600;
  line-height: 120%;
  padding-bottom: 24px;
}

.template-404 .hero p {
  opacity: 0.7;
  max-width: 450px;
  margin: 0 auto;
}

.template-404 .hero img {
  margin: 0 auto;
}

.template-404 .hero .image {
  -webkit-mask-image: linear-gradient(#000 35%, transparent);
  mask-image: linear-gradient (#000 35%, transparent);
}

.template-404 .hero .container {
  position: relative;
}

.template-404 .hero .introduction {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.template-404 .hero .button a {
  display: block;
  margin: 0 auto;
  width: fit-content;
  padding: 10px 20px;
  border-radius: 4px;
  background: #DD2D12;
  color: #FFF;
  font-family: 'Oswald', 'Arial Narrow';
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
}

.template-404 .hero .button strong {
  font-weight: inherit;
}

@media (max-width: 575px) {
  .template-404 .hero h1 {
    font-size: 20px;
  }
}

/*  */

.after-footer {
  position: sticky;
  bottom: 0;
  width: 100%;
  z-index: 3;
  display: flex;
  flex-direction: column-reverse;
}

.after-footer .advertiser-geographical-area.horizontal {
  box-shadow: 0px 38px 48px -10px rgba(33, 37, 41, 0.06);
  margin-bottom: 24px;
}

:is(.hero, .after-footer) .advertiser-geographical-area.horizontal .middle {
  border-left: 0;
}

@media (max-width: 1199px) and (min-width: 768px) {
  :is(.hero, .after-footer) .advertiser-geographical-area.horizontal .review {
    display: none;
  }

  :is(.hero, .after-footer) .advertiser-geographical-area.horizontal .donation-link a {
    margin-bottom: 0;
    font-size: 12px;
    height: 2rem;
  }

  .after-footer .advertiser-geographical-area.horizontal .middle {
    grid-template-columns: auto 1fr;
    position: relative;
    padding-right: 60px;
  }

  .after-footer .advertiser-geographical-area.horizontal .rating.responsiveness {
    position: absolute;
    top: 50%;
    right: 20px;
    display: block;
    transform: translateY(-50%);
  }

  .after-footer .advertiser-geographical-area.horizontal .stars {
    justify-content: center;
  }

  .after-footer .advertiser-geographical-area.horizontal :is(.sportsbook-name, .rating:not(.responsiveness), .features .title) {
    display: none;
  }

  .after-footer .advertiser-geographical-area.horizontal :is(.left .bottom, .features) {
    display: block;
  }

  .after-footer .advertiser-geographical-area.horizontal :is(.features, .buttons) {
    width: auto;
  }

  .after-footer .advertiser-geographical-area.horizontal .wrapper > .top {
    padding: 0;
  }

  .after-footer .advertiser-geographical-area.horizontal .top > .right {
    border-left: 1px solid #EEF1F3;
    padding: 20px;
    gap: 0 24px;
    min-width: 40%;
    justify-content: space-between;
  }

  .after-footer .advertiser-geographical-area.horizontal .feature {
    font-size: 12px;
  }

  .after-footer .advertiser-geographical-area.horizontal .logo {
    width: 56px;
    height: auto;
    aspect-ratio: 1;
  }
}

@media (max-width: 767px) {
  .hero .advertiser-geographical-area.horizontal :is(.top ,.buttons) {
    display: block;
  }

  /*  */

  .after-footer .advertiser-geographical-area.horizontal {
    margin-bottom: 12px;
  }

  .after-footer .advertiser-geographical-area.horizontal .wrapper > .top {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0 12px;
    padding: 1rem;
  }

  .after-footer .advertiser-geographical-area.horizontal .left .bottom {
    padding: 0;
    border-bottom: 0;
    margin-bottom: 0;
    display: block;
  }

  .after-footer .advertiser-geographical-area.horizontal .top > .right {
    margin-top: 0;
    align-self: center;
  }

  .after-footer .advertiser-geographical-area.horizontal .middle {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 0 12px;
  }

  .after-footer .advertiser-geographical-area.horizontal .donation-link a {
    width: 2rem;
    height: auto;
    aspect-ratio: 1;
    padding: 0;
    position: relative;
  }

  .after-footer .advertiser-geographical-area.horizontal .donation-link a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://apostas.gazetaesportiva.com/static/wp/icone-seta-direita-cinza.svg) center no-repeat;
    filter: brightness(0) invert(1);
  }

  .after-footer .advertiser-geographical-area.horizontal :is(.middle .right, .bonus) {
    display: block;
    margin: 0 !important;
  }

  .after-footer .advertiser-geographical-area.horizontal :is(.column, .donation-link span, .top > .left, .features, .rating, .buttons.responsiveness) {
    display: none;
  }
}

/*  */

.event.shortcode {
  font-size: 14px;
  line-height: 140%;
}

.event.recent .head {
  padding: 1rem 18px;
  border-top: 1px solid rgba(139, 136, 136, 0.2);
  display: grid;
  grid-template-columns: auto 88px;
  font-weight: 600;
  color: #7F7F7F;
  font-size: 12px;
}

.event.recent .head .result {
  text-align: center;
}

.event.horizontal.medium {
  padding: 18px;
  display: grid;
  grid-template-columns: 100px auto 88px;
  align-items: center;
  border-top: 1px solid rgba(139, 136, 136, 0.2);
}

.event.horizontal.medium:nth-child(even) {
  /*background: #F4F7F8;*/
  border-radius: 4px;
}

.event.horizontal.medium .left {
  color: #7F7F7F;
}

.event.horizontal.medium .result {
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding: 8px 0;
  background: #385F99;
  border-radius: 4px;
  font-weight: 600;
  color: #FFFFFF;
}

.event.horizontal.medium .result.win {
  background: #179D79;
}

.event.horizontal.medium .result.loss {
  background: #D12929;
}

.event.horizontal.medium .middle {
  display: flex;
  justify-content: center;
  gap: 12px;
}

.event.horizontal.medium .middle > div {
  color: #7F7F7F;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.event.horizontal.medium .middle > div.win {
  color: #050505;
}

.event.horizontal.medium .middle > div .logo img {
  width: 16px;
  height: auto;
}

.event.horizontal.medium .middle > .separator {
  font-weight: 700;
  color: #050505;
}

.event.horizontal.medium .home,
.event.horizontal.medium .away {
  display: flex;
  gap: 6px;
  flex: 1;
}

.event.horizontal.medium .home-goals,
.event.horizontal.medium .away-goals {
  flex: 0 0 20px;
  width: 20px;
  text-align: center;
}

.event.horizontal.medium .home-team,
.event.horizontal.medium .away-team {
  flex: 1;
}

.event.horizontal.medium .home-team.responsiveness,
.event.horizontal.medium .away-team.responsiveness {
  text-transform: uppercase;
}

.event.horizontal.medium .home-team {
  text-align: right;
}

@media (min-width: 768px) {
  .event.horizontal.medium .result.responsiveness,
  .event.horizontal.medium .home-team.responsiveness,
  .event.horizontal.medium .away-team.responsiveness {
    display: none;
  }
}

@media (max-width: 767px) {
  .event.recent .head {
    padding: 10px 18px;
    grid-template-columns: auto 70px;
  }

  .event.horizontal.medium {
    padding: 14px 18px;
    grid-template-columns: 100px auto 70px;
  }

  .event.horizontal.medium .result {
    max-width: 28px;
    margin: 0 auto;
    line-height: 28px;
    padding: 0;
  }
  
  .event.horizontal.medium .result:not(.responsiveness),
  .event.horizontal.medium .home-team:not(.responsiveness),
  .event.horizontal.medium .away-team:not(.responsiveness) {
    display: none;
  }
}

/*  */

.tip.horizontal.medium {
  border: 1px solid rgba(139, 136, 136, 0.2);
  border-radius: 4px;
  overflow: hidden;

  .top {
    padding: 2rem;
    display: flex;
    gap: 40px;
  }

  > .bottom {
    padding: 8px 24px;
    background: #F4F7F8;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0 12px;
    align-items: center;
    
    font-size: 12px;
    line-height: 16px;
    color: #7F7F7F;

    .column {
      display: grid;
      grid-template-columns: auto 1fr;
      gap: 0 12px;
    }

    .license {
      color: #212529;
      font-weight: 700;
    }
  }
}

.tip.horizontal.medium:not(.v2) .right {
  flex: 1;
}

.tip.horizontal.medium .label {
  font-weight: 700;
  font-size: 12px;
  line-height: 150%;
  text-transform: uppercase;
  padding-bottom: 10px;
  color: #7F7F7F;
}

.tip.horizontal.medium .left .label {
  color: #01676E;
  padding-bottom: 0;
}

.tip.horizontal.medium .tip {
  font-size: 18px;
  line-height: 150%;
  font-weight: 600;
  color: #000002;
}

.tip.horizontal.medium .middle .bottom {
  display: flex;
  align-items: center;
  padding: 10px 12px;
  gap: 8px;
  background: #F4F7F8;
  border-radius: 8px;
  font-weight: 600;
  color: #282828;
}

/* */

.tip.horizontal.medium.v2 .label {
  font-size: 14px;
}

.tip.horizontal.medium.v2 .tip {
  font-size: 16px;
  font-weight: 700;
}

.tip.horizontal.medium.v2 .top {
  padding: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: end;
}

.tip.horizontal.medium.v2 .top>.right {
  display: flex;
  flex-direction: row;
  gap: 8px;
  height: 40px;
}

.tip.horizontal.medium.v2 .top>.right .left {
  border-radius: 4px;
  height: 40px;
  width: 84px;
  border: 1px solid #01676E;
  background: #FFF;
  align-items: center;
  display: flex;
  padding: 0 12px 0 8px;
  gap: 0 8px;

  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  color: #282828;

  .odd {
    flex: 1;
    text-align: right;
    font-size: 14px;
    font-weight: 700;
    color: #01676E;
  }

  img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1;
    border-radius: 4px;
  }

  &:has(a:hover) {
    background: #E5F7F7;
  }
}

.tip.horizontal.medium.v2 .bonus > span {
  min-width: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 8px 10px 8px;
  background: #DD2D12;
  border-radius: 4px;
  font-family: 'Oswald', 'Arial Narrow';
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 767px) {
  .tip.horizontal.medium.v2 {
    .top {
      padding: 20px 1rem;
      flex-direction: column;
      align-items: flex-start;
      gap: 20px 1rem;
    }
  }

  .tip.horizontal.medium.v2 .top>.right {
    width: 100%;
  }

  .tip.horizontal.medium.v2 .top>.right .right {
    width: 100%;
  }
}

/* */

.tip.horizontal.medium .logo {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  background: #000000;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tip.horizontal.medium .logo img {
  max-width: 20px;
  max-height: 20px;
}

.tip.horizontal.medium .bonus > div {
  min-width: 160px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 8px 10px 1rem;
  background: #DD2D12;
  border-radius: 4px;
  font-family: 'Oswald', 'Arial Narrow';
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 14px;
}

@media (max-width: 1199px) {
  .tip.horizontal.medium .label {
    padding-bottom: 6px;
  }

  .tip.horizontal.medium .middle .bottom,
  .tip.horizontal.medium .tip {
    font-size: 1rem;
  }
}

@media (max-width: 767px) {
  .tip.horizontal.medium {
    .top {
      padding: 20px 1rem;
      display: grid;
      grid-template-columns: auto 90px;
      gap: 20px 1rem;
    }

    > .bottom {
      padding: 12px 16px;
      align-items: center;

      .column {
        display: flex;
        flex-direction: column;
        gap: 8px 0;
      }
    }
  }
  
  .tip.horizontal.medium .label {
    padding-bottom: 4px;
  }

  .tip.horizontal.medium .right .label {
    display: none;
  }

  .tip.horizontal.medium .right {
    grid-column: span 2;
  }

  .tip.horizontal.medium .bonus {
    text-align: center;
  }
}

/*  */

@media (max-width: 1199px) {
  section.recent .col-xl-8 {
    padding-bottom: 4rem;
  }

  .category-template .hero .col-xl-4 {
    display: none;
  }

  .category-template .hero .container::after {
    content: '';
    display: block;
    padding-bottom: 2rem;
    border-bottom: 1px solid #DFE2E6;
  }
}

@media (max-width: 767px) {
  section.recent .col-xl-8 {
    padding-bottom: 3rem;
  }

  .category-template .hero .container::after {
    content: none;
  }
}

/*  */

.show-more-content div,
.show-less-content div {
  display: flex;
  align-items: center;
  gap: 0 6px;
  font-weight: 700;
  font-size: 14px;
  line-height: 135%;
  text-transform: uppercase;
  color: #212529;
  cursor: pointer;
}

.show-more-content img {
  transform: rotate(180deg);
  width: 16px;
  aspect-ratio: 1;
}

.show-more-less-content .hide {
  display: none;
}

.more-content {
  padding-bottom: 12px;
}

/*  */

.widget-content-navigation .navigation > ul > li:not(:last-child) {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #EDF3FA;
}

.widget-content-navigation ul {
  padding-right: 40px;
  font-weight: 500;
  font-size: 14px;
  line-height: 145%;
  color: #888;
}

.widget-content-navigation ul ul {
  margin-right: -40px;
}

.widget-content-navigation ul ul li {
  padding-top: 20px;
}

.widget-content-navigation a {
  display: block;
  margin-right: -40px;
  padding-right: 40px;
  border-right: 2px solid transparent;
}

.widget-content-navigation li.active > a {
  border-color: #01676E;
  color: #01676E;
  font-weight: 600;
}

@media (max-width: 1199px) {
  .widget-content-navigation {
    display: none;
  }
}

/*  */

.banner-manager {
	position: relative;
}

.banner-manager img {
	width: 100%;
}

.banner-manager .close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 12px;
	cursor: pointer;
	filter: brightness(0) invert(1);
	z-index: 1;
}

.banner-size {
	display: none;
}

@media(max-width:320px) {
	.banner-size.micro {
		display: block;
	}
}

@media(min-width:321px) and (max-width:575px) {
	.banner-size.extra_small {
		display: block;
	}
}

@media(min-width:576px) and (max-width:767px) {
	.banner-size.small {
		display: block;
	}
}

@media(min-width:768px) and (max-width:991px) {
	.banner-size.medium {
		display: block;
	}
}

@media(min-width:992px) and (max-width:1199px) {
	.banner-size.large {
		display: block;
	}
}

@media(min-width:1200px) {
	.banner-size.extra_large {
		display: block;
	}
}

/*  */

.sidebar .banner-manager img,
.right-sidebar .banner-manager img {
  border-radius: 4px;
}

/*  */

section:is(.introduction, .hero) .social-sharing .title span {
  font-weight: 600;
  font-size: 16px;
  font-family: 'Open Sans', 'Tahoma';
  line-height: 150%;
  color: #212529;
  padding-bottom: 1rem;
}

section:is(.introduction, .hero) .social-sharing a {
  display: flex;
  place-content: center center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}

section:is(.introduction, .hero) .social-sharing a:hover {
  background: #E6F7F7;
}

section:is(.introduction, .hero) .social-sharing .social-sharing {
  display: flex;
  gap: 0 20px;
}

section:is(.introduction, .hero) .social-sharing .whatsapp img {
  width: 60%;
}

@media (min-width: 768px) {
  section:is(.introduction, .hero) .social-sharing.responsive {
    display: none;
  }
}

@media (max-width: 767px) {
  section:is(.introduction, .hero) .social-sharing h3 {
    padding-bottom: 8px;
    font-size: 14px;
  }

  section:is(.introduction, .hero) .social-sharing a {
    width: 24px;
    height: 24px;
  }

  section:is(.introduction, .hero) .social-sharing .social-sharing {
    gap: 0 8px;
  }
}

/*  */

@media (max-width: 767px) {
  /* section.introduction .right {
    display: none;
  } */

  section.introduction .meta .prefix img {
    display: none;
  }

  section.introduction .meta .publish-date .info {
    display: none;
  }

  section.introduction .social-sharing.responsive {
    padding-top: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  section.introduction .social-sharing.responsive h3 {
    padding-bottom: 0;
  }
}

/*  */

section.hero .social-sharing h3 {
  color: inherit;
}

section.hero .social-sharing a {
  background: #FFFFFF1A;
  border-radius: 50%;
}

section.hero .social-sharing img {
  filter: brightness(0) invert(1);
}

@media (max-width: 767px) {
  section.hero .right:has(> .social-sharing) {
    display: none;
  }

  section.hero .social-sharing.responsive {
    padding-top: 24px;
  }
}

/*  */

/* section.content .social-sharing h3 {
  font-weight: 600;
  font-size: 17px;
  line-height: 150%;
  color: #000002;
  margin-bottom: 24px;
}

section.content .social-sharing .social-sharing {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

section.content .social-sharing .social-sharing > div {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 14px;
  line-height: 145%;
  color: #FFFFFF;
  cursor: pointer;
}

section.content .social-sharing .social-sharing .social-media {
  position: relative;
}

section.content .social-sharing .social-sharing .social-media .area-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  section.content .social-sharing .social-sharing {
    display: flex;
    flex-direction: column;
  }
} */

/* dark mode */

body.dark {
  background: #000;
  color: #FFF;
}

body.dark strong,
body.dark h2,
body.dark h3,
body.dark p a,
body.dark .wp-author.horizontal.large .name,
body.dark .navigation .cards > div:hover,
body.dark .event.recent .head,
body.dark .event.horizontal.medium .middle > div,
body.dark .event.horizontal.medium .left,
body.dark .tip.horizontal.medium .label,
body.dark .tip.horizontal.medium .tip {
  color: inherit;
}

body.dark header > .top {
  background: #212529;
}

body.dark header > .top img {
  filter: grayscale(1);
}

body.dark header > .bottom {
  background: #000000;
}

body.dark .col-xl-2 .social-sharing > *:hover {
  border-color: #000;
}

body.dark .action-mega-menu.toggle .icon,
body.dark header .logo img,
body.dark .navigation .cards img {
  filter: brightness(0) invert(1);
}

body.dark header .input input {
  color: #212529;
}

body.dark .col-xl-2 .social-sharing,
body.dark .content-block ul li::before {
  background: #FFF;
}

body.dark .col-xl-2 .social-sharing img,
body.dark .wp-author.horizontal.large .right > .social-media > .social-media img,
body.dark section.content .social-sharing .social-sharing > div img {
  filter: brightness(0);
}

body.dark.post.index-template .hero .bottom,
body.dark.page.index-template .hero .bottom,
body.dark.betting-tip.index-template .hero .bottom {
  background: rgba(63, 63, 63, 0.88);
}

body.dark.post.index-template .hero .category::before,
body.dark.page.index-template .hero .category::before,
body.dark.calculator.index-template .hero .category::before,
body.dark.betting-tip.index-template .hero .category::before,
body.dark.betting-tip.index-template .hero .tag::before {
  background: rgba(0, 0, 0, 0.7);
}

body.dark .wp-author.horizontal.large .right > .social-media > .social-media > div {
  background: #FFF;
  border-radius: 50%;
}

body.dark footer {
  background: #3F3F3F;
  border-color: #FFF;
}

body.dark .event.horizontal.medium:nth-child(even) {
  background: #3F3F3F;
}

body.dark .tip.horizontal.medium {
  border-color: #FFF;
}

body.dark .event.horizontal.medium .result,
body.dark .tip.horizontal.medium .bonus {
  background: #FFF;
  color: #000;
}

body.dark section.content .social-sharing .social-sharing > div {
  background: #FFF !important;
  color: #000;
}

/*  */

.with-pagination > .pagination {
  grid-column: 1 / -1;
}

.bottom > .pagination,
.with-pagination > .pagination,
.cards + .pagination {
  .pagination,
  .pages {
    display: flex;
  }

  .pagination {
    align-items: center;
    width: fit-content;
    margin: 0 auto;
  }

  .page > *,
  .navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    font-weight: 600;
    font-size: 15px;
    line-height: 100%;
    color: #8B8888;
    border-radius: 5px;
    cursor: pointer;
    transition: .3s;
  }

  .page:not(.dots) > *:hover,
  .navigation:hover {
    background: #F4F7F8;
    color: #212529;
  }

  .page > * img,
  .navigation:hover img {
    filter: brightness(0);
  }

  .page.current > * {
    background: #01676E !important;
    color: #FFF !important;
  }

  .page.dots > *,
  .page.current > * {
    cursor: auto;
  }

  .left img {
    transform: rotate(180deg);
  }

  .navigation.hide {
    display: none;
  }
}

/*  */

.right-sidebar-category > .widget:not(:last-child) {
  margin-bottom: 40px;
}

section.content .col-xl-4 > div {
  position: sticky;
  top: 150px;
}

/*  */

.advertiser-geographical-area.horizontal.medium .wrapper > .top {
  padding: 2rem;
}

.advertiser-geographical-area.horizontal.medium .top > .right {
  padding: 0 !important;
  border-left: 0;
  justify-content: flex-end;
}

.advertiser-geographical-area.horizontal.medium .buttons {
  width: auto;
}

.advertiser-geographical-area.horizontal.medium .middle {
  display: flex;
  padding-left: 0;
}

@media (min-width: 768px) {
  .advertiser-geographical-area.horizontal.medium .bonuses .responsiveness {
    display: none;
  }
}

@media (max-width: 767px) {
  .advertiser-geographical-area.horizontal.medium .wrapper > .top {
    padding: 20px 1rem;
  }

  .advertiser-geographical-area.horizontal.medium .top > .right {
    margin-top: 1rem;
  }

  .advertiser-geographical-area.horizontal.medium .middle {
    display: grid;
    gap: 1rem 12px;
  }

  .advertiser-geographical-area.horizontal.medium .column {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .advertiser-geographical-area.horizontal.medium .rating {
    position: static;
  }

  .advertiser-geographical-area.horizontal.medium .bonuses {
    grid-column: 1 / -1;
    border-top: 1px solid #EEF1F3;
    padding-top: 1rem;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 0 1rem;
  }

  .advertiser-geographical-area.horizontal.medium .bonus {
    display: block;
  }

  .advertiser-geographical-area.horizontal.medium .bonus .prefix {
    display: none;
  }

  .advertiser-geographical-area.horizontal.medium .bonuses .responsiveness {
    border-radius: 4px;
    background: rgba(0, 172, 173, 0.10);
    display: flex;
    width: 32px;
    aspect-ratio: 1;
    justify-content: center;
    align-items: center;
  }

  .advertiser-geographical-area.horizontal.medium .bonuses img {
    width: 1rem;
  }

  .advertiser-geographical-area.horizontal.medium .review {
    display: none;
  }
}

/*  */

body.pop-up {
  overflow: hidden;
}

section.pop-up {
  position: fixed;
  top: 0;
  left: 0;
  background: #13161Abf;
  width: 100%;
  height: 100%;
  z-index: 4;
  padding-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

section.pop-up .container {
  padding: 1px 40px 40px;
  background: #FFFFFF;
  box-shadow: 0px 32px 48px -10px rgba(33, 37, 41, 0.06);
  border-radius: 8px;
  position: relative;
}

section.pop-up .top .icon {
  width: 64px;
  aspect-ratio: 1;
  background: #F4F7F8;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -2rem auto 2rem;
}

section.pop-up .top .icon img {
  width: 2rem;
  aspect-ratio: 1;
}

section.pop-up .introduction {
  padding-bottom: 24px;
  text-align: center;
}

section.pop-up .introduction .title {
  padding-bottom: 4px;
}

section.pop-up .introduction .subtitle {
  color: #7F7F7F;
}

section.pop-up h2 {
  font-size: 20px;
  line-height: 120%;
  font-weight: 600;
  font-family: 'Oswald', 'Arial Narrow';
}

.recommended.options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 2rem;
}

section.pop-up .container > .bottom {
  text-align: center;
}

section.pop-up .container > .bottom .button a {
  display: inline-block;
  padding: 10px 60px;
  background: #DD2D12;
  border-radius: 4px;
  font-family: 'Oswald', 'Arial Narrow';
  font-size: 14px;
  line-height: 150%;
  text-transform: uppercase;
  color: #FFFFFF;
}

section.pop-up .container > .bottom .button a:hover {
  background: #DD513B;
}

section.pop-up .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

@media (max-width: 767px) {
  section.pop-up .container {
    padding: 1px 20px 20px;
    max-width: calc(100% - 30px);
  }

  .recommended.options {
    grid-template-columns: repeat(3, 245px);
    overflow: auto;
    margin: 0 -20px 1rem;
    padding: 0 20px 5px;
  }

  section.pop-up .top .icon {
    width: 48px;
    margin-top: -24px;
    margin-bottom: 1rem;
  }

  section.pop-up .top .icon img {
    width: 24px;
  }

  section.pop-up .close {
    width: 20px;
    top: 10px;
    right: 10px;
  }

  section.pop-up h2 {
    font-size: 1rem;
  }

  section.pop-up .introduction .subtitle {
    font-size: 14px;
  }

  section.pop-up .container > .bottom .button a {
    display: block;
    padding-left: 0;
    padding-right: 0;
  }
}

/*  */

.advertiser-geographical-area.vertical.small {
  padding: 20px 1rem;
  background: #FFFFFF;
  border: 1px solid #EEF1F3;
  border-radius: 4px;
  font-size: 14px;
  line-height: 135%;
  color: #000002;
  overflow: hidden;

  .tc-excerpt {
    color: #75797C;
    font-size: 12px;
    font-weight: 500;
    line-height: 135%;
    padding: 12px 1rem;
    background: #F4F7F8;
    margin: 16px -16px -20px;
  }
}

.advertiser-geographical-area.vertical.small .top {
  padding-bottom: 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid #EEF1F3;
}

.advertiser-geographical-area.vertical.small .top,
.advertiser-geographical-area.vertical.small .bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.advertiser-geographical-area.vertical.small .logo {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.advertiser-geographical-area.vertical.small .logo img {
  max-width: 24px;
  max-height: 24px;
}

.advertiser-geographical-area.vertical.small .sportsbook-name,
.advertiser-geographical-area.vertical.small .bonus .value {
  font-weight: bold;
}

.advertiser-geographical-area.vertical.small .bonus br ~ br {
  display: none;
}

.advertiser-geographical-area.vertical.small .stars img {
  margin: 0 auto 2px;
}

.advertiser-geographical-area.vertical.small .top .left {
  display: flex;
  align-items: center;
  gap: 20px;
}

.advertiser-geographical-area.vertical.small .prefix {
  font-weight: 700;
  font-size: 10px;
  line-height: 150%;
  color: #7F7F7F;
  text-transform: uppercase;
}

.advertiser-geographical-area.vertical.small .donation-link a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background: #DD2D12;
  border-radius: 4px;
  margin-left: 1rem;
}

.advertiser-geographical-area.vertical.small .donation-link img {
  filter: brightness(0) invert(1);
  width: 24px;
}

/*  */

/* .advertiser-geographical-area.horizontal.large.not-recommended .donation-link > *,
.advertiser-geographical-area.horizontal.large.not-available .donation-link > * {
  display: flex;
  align-items: center;
  padding: 0 32px;
  gap: 10px;
  height: 40px;
  background: #F4F7F8;
  border-radius: 4px;
  font-family: 'Oswald', 'Arial Narrow';
  font-size: 14px;
  line-height: 150%;
  text-transform: uppercase;
  color: #8B8888;
  margin-bottom: 11px;
  justify-content: center;
  cursor: not-allowed;
}

.advertiser-geographical-area.horizontal.large.not-recommended .not-recommended > *,
.advertiser-geographical-area.horizontal.large.not-available .not-recommended > * {
  display: flex;
  flex-direction: row-reverse;
  gap: 8px;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 12px;
  line-height: 145%;
  color: #8B8888;
  cursor: not-allowed;
} */

/*  */

.limits.table {
  font-size: 14px;
  line-height: 140%;
  color: #282828;
}

.limits.table tbody {
  border-bottom: 1px solid rgba(139, 136, 136, 0.2);
}

.limits.table th,
.limits.table td {
  background: #FFF;
}

.limits.table th {
  font-weight: 600;
  text-align: left;
  padding: 10px 0;
}

.limits.table td {
  padding: 18px 0;
}

.limits.table td:first-child > * {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: rgba(40, 40, 40, 0.85);
}

.limits.table .logo {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
}

.limits.table .logo img {
  width: 12px;
  height: 12px;
}

.limits.table.closed {
  position: relative;
  height: 500px;
  overflow: hidden;
}

.limits.table:not(.closed) .show-more {
  display: none;
}

.limits.table .show-more {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFF;
  border: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background: linear-gradient(360deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
  cursor: pointer;
}

.limits.table,
.limits.table thead,
.limits.table tbody {
  display: block;
}

.limits.table tr {
  display: flex;
}

@media (min-width: 768px) {
  .limits.table .timeframe,
  .limits.table .minimum,
  .limits.table .maximum {
    text-align: center;
  }

  .limits.table td,
  .limits.table th {
    flex: 0 0 22%;
    width: 22%;
  }

  .limits.table td:first-child,
  .limits.table th:first-child {
    flex-basis: 34%;
    width: 34%;
  }
}

@media (max-width: 767px) {
  .limits.table {
    overflow: auto;
    white-space: normal;
  }

  .limits.table th {
    padding: 8px 14px;
  }

  .limits.table td {
    padding: 12px 14px;
  }

  .limits.table tr:not(.show-more) > *:first-child {
    border-right: 1px solid #EFF0F2;
    min-width: 110px;
    flex: 1;
    position: sticky;
    left: 0;
  }

  .limits.table tr:not(.show-more) td:first-child span {
    display: none;
  }

  .limits.table th:nth-child(n+2),
  .limits.table td:nth-child(n+2) {
    white-space: nowrap;
    width: 130px;
    flex: 0 0 130px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .limits.table .logo {
    margin: 0 auto;
    width: 2rem;
    height: 2rem;
  }

  .limits.table .logo img {
    width: 18px;
    height: 18px;
  }
}

/*  */

.search-bar .bottom {
  position: fixed;
  top: 80px;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFF;
  z-index: -1;
  padding: 3rem 0;
  box-shadow: 0px 3px 16px rgba(110, 110, 110, 0.15);
  transition: .3s;
}


@media (max-width: 1199px) {
  .search-bar .bottom {
    top: 66px;
  }
}

.search-bar .bottom.hide {
  opacity: 0;
  visibility: hidden;
}

.search-bar .bottom .container {
  display: flex;
  flex-direction: column;
}

.search-bar .wp-posts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2rem 1rem;
  margin-bottom: 2rem !important;
}

.search-bar .no-results {
  grid-column: 1 / -1;
  text-align: center;
}

.search-bar .wp-post {
  display: grid;
  grid-template-columns: 40px auto;
  gap: 10px;
}

.search-bar .wp-post .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  background: #F4F7F8;
  border-radius: 80px;
}

.search-bar .wp-post .tag {
  font-size: 12px;
  line-height: 150%;
  color: #000000;
}

.search-bar .wp-post .title {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #01676E;
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.search-bar .wp-post:hover .title {
  color: #00ACAD;
}

.search-bar .wp-post .right {
  padding-bottom: 14px;
  border-bottom: 1px solid #000002;
}

.search-bar .pagination {
  align-self: center;
  border-radius: 4px;
  overflow: hidden;
}

.search-bar .pagination,
.search-bar .pagination .pages {
  display: flex;
}

.search-bar .pagination .page,
.search-bar .pagination .navigation {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  background: #F4F7F8;
  border: 1px solid #E8EBEC;
  cursor: pointer;
  font-weight: 600;
  font-size: 15px;
  line-height: 100%;
  color: #212529;
}

.search-bar .pagination .page {
  border-width: 1px 0;
}

.search-bar .pagination .page:nth-child(n+2) {
  border-left-width: 1px;
}

.search-bar .pagination .page.current {
  background: #00ACAD;
  border-color: transparent;
  color: #FFFFFF;
  cursor: auto;
}

.search-bar .pagination .left img {
  transform: rotate(180deg);
}

.search-bar .pagination .hide {
  display: none;
}

@media (min-width: 768px) {
  .search-bar .wp-post {
    min-height: 81px;
  }
}

@media (max-width: 1199px) {
  .search-bar .wp-posts {
    gap: 2rem 24px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .search-bar .bottom {
    padding: 2rem 0 1rem;
    top: 64px;
    height: 100%;
  }

  .search-bar .wp-posts {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  .search-bar .wp-post:nth-child(n+5) {
    display: none;
  }
}

@media (max-width: 400px) {
  .search-bar .pagination .page {
    display: none;
  }

  .search-bar .pagination .page.current,
  .search-bar .pagination .page.current + div,
  .search-bar .pagination .page:has(+ .current) {
    display: flex;
  }
}

/*  */

div.content table:not(:last-child) {
  margin-bottom: 1rem;
}

div.content table {
  font-size: 14px;
  line-height: 1.5;
}

div.content table h3 {
  font-size: inherit;
  line-height: inherit;
}

div.content table th,
div.content table td {
  padding: 1rem;
}

div.content table th {
  text-align: left;
  font-weight: 600;
  border-top: 1px solid rgba(139, 136, 136, 0.2);
}

div.content table tbody tr {
  border-top: 1px solid rgba(139, 136, 136, 0.2);
}

@media (max-width: 767px) {
  div.content table {
    white-space: nowrap;
    overflow: auto;
    display: block;
  }
}

/*  */

/* span.light-blue {
  color: #2EE4E5;
} */

/*  */

@media (min-width: 1200px) {
  .col-xl-10 .advertiser-geographical-area.horizontal.medium .top > .right {
    padding: 20px;
    gap: 1rem;
  }
}

/*  */

.sportsbooks-info .sportsbook .content ~ div {
  padding-top: 1rem;
}

.sportsbooks-info .sportsbook .content ~ div .title {
  color: #000002;
  font-size: 17px;
  font-weight: 700;
  line-height: 160%;
  padding-bottom: 1rem;
}

.sportsbooks-info .sportsbook li:not(:last-child) {
  margin-bottom: 1rem;
}

.sportsbooks-info .sportsbook li {
  padding-left: 24px;
  position: relative;
}

.sportsbooks-info .sportsbook li::before {
  content: '';
  position: absolute;
  top: 10px;
  left: 10px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #444;
}

.sportsbooks-info .sportsbook .introduction {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0 1rem;
  align-items: center;
  padding-bottom: 1rem;
}

.sportsbooks-info .sportsbook .rank {
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  border-radius: 80px;
  background: #F4F7F8;
  color: #000002;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}

.sportsbooks-info .sportsbook h3 {
  color: #000002;
}

.sportsbooks-info .sportsbook .brand {
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 1rem;
}

.sportsbooks-info .sportsbook .brand a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 96px;
}

.sportsbooks-info .sportsbook .brand img {
  height: 56px;
}

/*  */

@media (min-width: 1200px) {
  .mobile-menu {
    display: none;
  }
}

.mobile-menu ul {
  background: #FFF;
  padding: 0 1rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.mobile-menu a {
  display: flex;
  flex-direction: column-reverse;
  text-align: center;
  align-items: center;
  justify-content: center;
  gap: 8px 0;
  height: 72px;
  color: #212529;
  font-size: 12px;
  font-weight: 600;
  line-height: 150%;
}

.mobile-menu img {
  height: 20px;
}

.mobile-menu .current a {
  color: #00ACAD;

  img {
    filter: invert(39%) sepia(69%) saturate(1219%) hue-rotate(146deg) brightness(104%) contrast(101%);
  }
}

/*  */

/* .advertiser-geographical-area.horizontal.large.hide {
  display: none;
}

.advertiser-geographical-area.horizontal.large:nth-child(n+2) {
  margin-top: 24px;
}

.advertiser-geographical-area.horizontal.large {
  border-radius: 4px;
  border: 1px solid #F4F7F8;
  transition: .3s;
  background: #FFF;
}

.advertiser-geographical-area.horizontal.large:hover {
  border-color: #01676E;
}

.advertiser-geographical-area.horizontal.large .left > .rank {
  color: #212529;
  font-size: 14px;
  font-weight: 700;
  line-height: 145%;
}

.advertiser-geographical-area.horizontal.large .logo {
  width: 72px;
  aspect-ratio: 1;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.advertiser-geographical-area.horizontal.large .logo img {
  width: 100%;
  height: 100%;
}

.advertiser-geographical-area.horizontal.large .sportsbook-name {
  color: #000002;
  font-size: 17px;
  font-weight: 700;
  line-height: 120%;
  padding-bottom: 4px;
}

.advertiser-geographical-area.horizontal.large .composed {
  color: #7F7F7F;
  font-size: 14px;
  font-weight: 500;
  line-height: 145%;
}

.advertiser-geographical-area.horizontal.large .composed .bold {
  color: #000002;
}

.advertiser-geographical-area.horizontal.large .review a {
  display: flex;
  align-items: center;
  gap: 0 4px;
  color: #212529;
  font-size: 12px;
  font-weight: 700;
  line-height: 135%;
  text-transform: uppercase;
}

.advertiser-geographical-area.horizontal.large .bonus {
  color: #000002;
  font-size: 16px;
  line-height: 150%;
}

.advertiser-geographical-area.horizontal .bonus .offer span>span {
  margin-left: 1px;
}

.advertiser-geographical-area.horizontal.large br + br {
  display: none;
}

.advertiser-geographical-area.horizontal.large ul {
  display: grid;
  gap: 8px 0;
  color: #212529;
  font-size: 12px;
  font-weight: 600;
  line-height: 150%;

  li {
    padding-left: 0;
    margin-bottom: 0;

    &::before {
      content: none;
    }
  }
}

.advertiser-geographical-area.horizontal.large .string * {
  display: inline;
}

.advertiser-geographical-area.horizontal.large .feature {
  padding-left: 18px;
  background: url(https://apostas.gazetaesportiva.com/static/wp/icon-green-checkmark.svg) left 2px no-repeat;
}

.advertiser-geographical-area.horizontal.large .donation-link a {
  display: flex;
  height: 40px;
  padding: 0 20px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: #DD2D12;
  color: #FFF;
  font-family: 'Oswald', 'Arial Narrow';
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  white-space: nowrap;
}

.advertiser-geographical-area.horizontal.large .donation-link a:hover {
  background: #F25941;
}

.advertiser-geographical-area.horizontal.large .copy {
  margin-top: 4px;
  position: relative;
  font-size: 12px;
  font-weight: 700;
  line-height: 150%;
  text-transform: uppercase;
}

.advertiser-geographical-area.horizontal.large .copy .title div {
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 4px;
  color: #DD513B;
  border-radius: 4px;
  border: 1px dashed #E8E7E7;
  cursor: pointer;
}

.advertiser-geographical-area.horizontal.large .copy .title div:hover {
  border: 1px dashed #DD513B;
  transition: .3s;
}

.advertiser-geographical-area.horizontal.large .copy .success {
  transition: .3s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.advertiser-geographical-area.horizontal.large .copy .success:not(.active) {
  opacity: 0;
  visibility: hidden;
}

.advertiser-geographical-area.horizontal.large .copy .success div {
  color: #179D79;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 4px;
  border-radius: 4px;
  background: #F2FFFC;
}

.advertiser-geographical-area.horizontal.large .items {
  display: grid;
  gap: 6px 0;
}

.advertiser-geographical-area.horizontal.large .items .icon div {
  display: flex;
  align-items: center;
  gap: 0 4px;
  color: #212529;
  font-size: 12px;
  font-weight: 600;
  line-height: 150%;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.advertiser-geographical-area.horizontal.large .items img {
  width: 1rem;
  aspect-ratio: 1;
}

.advertiser-geographical-area.horizontal:not(.small) .toggle .icon {
  cursor: pointer;
  position: absolute;
  bottom: calc(100% + 8px);
  right: 0;
  width: 36px;
  height: 36px;
  background: #FFFFFF;
  box-shadow: 0px 38px 48px -10px rgba(33, 37, 41, 0.06);
  border: 1px solid #EEF1F3;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.advertiser-geographical-area.horizontal.large .tag {
  display: flex;
  width: fit-content;
  padding: 2px 8px;
  border-radius: 4px;
  background: #E5F7F7;
  color: #01676E;
  font-size: 10px;
  font-weight: 700;
  line-height: 150%;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.advertiser-geographical-area.horizontal.large.not-recommended .tag,
.advertiser-geographical-area.horizontal.large.not-available .tag {
  background: #FCEAE8;
  color: #DD2D12;
}

@media (min-width: 1200px) {
  .advertiser-geographical-area.horizontal.large .logo .rank,
  .advertiser-geographical-area.horizontal.large :is(.rating, .review).responsiveness {
    display: none;
  }

  .advertiser-geographical-area.horizontal.large .stars {
    display: flex;
    gap: 0 2px;
  }

  .advertiser-geographical-area.horizontal.large .wrapper > .top {
    padding: 24px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0 20px;
  }

  .advertiser-geographical-area.horizontal.large .wrapper > .top > .left:not(:has(.rank)) {
    display: none;
  }

  .advertiser-geographical-area.horizontal.large .wrapper > .top:has(.rank) {
    grid-template-columns: 20px minmax(0, 1fr) auto;
  }
  
  .advertiser-geographical-area.horizontal.large .top > .right {
    display: grid;
    grid-template-columns: 190px auto;
    gap: 0 2rem;
    align-self: center;
  }
  
  .advertiser-geographical-area.horizontal.large .middle {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 265px;
    gap: 0 20px;
    align-items: center;
  }
  
  .content-block .advertiser-geographical-area.horizontal.large .right .features {
    display: none;
  }

  .content-block .advertiser-geographical-area.horizontal.large .middle {
    grid-template-columns: minmax(0, 1fr) 140px;
  }
  
  .advertiser-geographical-area.horizontal.large .middle > .left {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0 20px;
  }
  
  .advertiser-geographical-area.horizontal.large .column .bottom {
    padding-top: 2px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0 8px;
    align-items: center;
  }

  .advertiser-geographical-area.horizontal.large .wrapper > .top:has(> .left:empty) {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .advertiser-geographical-area.horizontal.large .wrapper > .top > .left:empty {
    display: none;
  }

  .advertiser-geographical-area.horizontal.large .wrapper > .top > .left:empty + .middle {
    grid-template-columns: minmax(0, 1fr) 305px;
  }
}

@media (max-width: 1199px) {
  .advertiser-geographical-area.horizontal.large .wrapper > .top {
    padding: 20px 1rem;
  }

  .advertiser-geographical-area.horizontal.large .features:not(.apps),
  .advertiser-geographical-area.horizontal.large .left > .rank,
  .advertiser-geographical-area.horizontal.large :is(.rating, .review):not(.responsiveness) {
    display: none;
  }

  .advertiser-geographical-area.horizontal.large .middle > .right {
    margin: 1rem 0;
    padding: 12px;
    border-radius: 4px;
    background: #F4F7F8;
  }

  .advertiser-geographical-area.horizontal.large .bonus {
    text-align: center;
    font-size: 14px;
  }

  .advertiser-geographical-area.horizontal.large .buttons {
    display: flex;
    gap: 0 12px;
    align-items: center;
  }

  .advertiser-geographical-area.horizontal.large .buttons > div {
    flex: 1;
  }

  .advertiser-geographical-area.horizontal.large .review a {
    justify-content: center;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #F4F7F8;
  }

  .advertiser-geographical-area.horizontal.large .logo {
    position: relative;
    width: 40px;
  }

  .advertiser-geographical-area.horizontal.large .logo .rank {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #212529;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    background: #FFF;
    border-radius: 0 4px 0 0;
    padding: 4px 4px 0 0;
  }

  .advertiser-geographical-area.horizontal.large .sportsbook-name {
    font-size: 1rem;
    padding-bottom: 0;
  }
  
  .advertiser-geographical-area.horizontal.large .middle > .left {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0 12px;
    align-items: center;
  }

  .advertiser-geographical-area.horizontal.large .column .top {
    display: grid;
    grid-template-columns: 1fr 44px;
    gap: 0 12px;
    align-items: center;
  }

  .advertiser-geographical-area.horizontal.large .rating.responsiveness {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px 0;
  }

  .advertiser-geographical-area.horizontal.large .copy {
    margin-top: 8px;
  }

  .advertiser-geographical-area.horizontal.large .items {
    margin-bottom: 1rem;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 8px;
  }
}

.advertiser-geographical-area.horizontal.large {
  :not(:has(.action-fixed-cta.toggle)) {
    overflow: hidden;
  }

  .wrapper > .bottom {
    padding: 12px 24px;
    background: #F1F1F1;
    color: #666;
    font-size: 12px;
    font-weight: 500;
    line-height: 135%;

    .license {
      font-weight: 700;
      margin-right: 3px;
    }

    * {
      display: inline;
    }
  }

  &:hover .wrapper > .bottom {
    background: #D9EDF7;
    color: #073267;
  }
} */

/*  */

.mega-chute-banner {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  color: #FFF;
  font-family: 'Open Sans', 'Tahoma';
}

.mega-chute-banner img {
  width: auto;
}

.mega-chute-banner .area-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mega-chute-banner .area-link img {
  display: none;
}

.mega-chute-banner .top {
  padding: 20px 24px;
  background: center/cover;
}

.mega-chute-banner .subtitle {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.45;
}

.mega-chute-banner h2 {
  margin-bottom: 4px;
  color: #FFF;
  font-family: 'Oswald', 'Arial Narrow';
  font-size: 24px;
  font-weight: 600;
  line-height: 135%;
}

.mega-chute-banner .bottom {
  padding: 12px 24px;
  background: #1E254A;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* transition: .3s;
  position: relative;
  z-index: 1; */
}

/* .mega-chute-banner .bottom:hover {
  background: #12183b;
} */

.mega-chute-banner .sponsor {
  display: flex;
  align-items: center;
  gap: 0 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 145%;
}

.mega-chute-banner .button a {
  display: flex;
  align-items: center;
  gap: 0 8px;
  color: #F4F7F8;
  font-family: 'Open Sans', 'Tahoma';
  font-size: 14px;
  font-weight: 700;
  line-height: 135%;
  text-transform: uppercase;
}

@media (min-width: 1200px) {
  .mega-chute-banner :is(
    .top.responsiveness,
    .sponsor .title.responsiveness
  ) {
    display: none;
  }

  .mega-chute-banner .sponsor {
    color: #FFFFFFB2;
  }
}

@media (max-width: 1199px) {
  .mega-chute-banner :is(
    .top:not(.responsiveness),
    .sponsor .title:not(.responsiveness),
    .button span
  ) {
    display: none;
  }

  .mega-chute-banner .top {
    padding: 14px 24px;
  }

  .mega-chute-banner h2 {
    font-size: 20px;
  }
}

/*  */

.category-template.mega-chute .hero .top {
  padding: 40px 0;
  color: #FFFFFFD9;
  font-size: 1rem;
  line-height: 1.5;
}

.category-template.mega-chute .hero .top .container {
  display: grid;
  grid-template-columns: 584px auto;
  justify-content: space-between;
  align-items: flex-end;
}

.category-template.mega-chute .hero .category span {
  color: #FFF;
  font-family: 'Oswald', 'Arial Narrow';
  font-size: 24px;
  font-weight: 600;
  line-height: 135%;
}

.category-template.mega-chute .hero h2 {
  color: #FFF;
  font-family: 'Oswald', 'Arial Narrow';
  font-size: 24px;
  font-weight: 600;
  line-height: 135%;
}

.category-template.mega-chute .hero .meta {
  padding-bottom: 36px;
  color: #FFF;
}

.category-template.mega-chute .hero .meta .publish-date > span,
.category-template.mega-chute .hero .meta .publish-date > div:first-child img {
  opacity: 1;
}

.category-template.mega-chute .hero .meta .prefix {
  opacity: .7;
}

.category-template.mega-chute .hero .meta .publish-date .info img {
  filter: none;
}

.category-template.mega-chute .hero .bottom {
  padding: 21px 0;
  background: #1E254A;
  position: relative;
}

.category-template.mega-chute .hero .bottom .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.category-template.mega-chute .hero .sponsor {
  display: flex;
  align-items: center;
  gap: 0 8px;
  color: #FFFFFFB3;
  font-size: 16px;
  font-weight: 500;
  line-height: 135%;
}

.category-template.mega-chute .hero .button a {
  display: flex;
  align-items: center;
  gap: 0 8px;
  color: #F4F7F8;
  font-family: 'Open Sans', 'Tahoma';
  font-size: 14px;
  font-weight: 700;
  line-height: 135%;
  text-transform: uppercase;
}

.category-template.mega-chute .hero .container::after {
  content: none;
}

@media (min-width: 1200px) {
  .category-template.mega-chute .hero :is(
    .top.responsiveness,
    .sponsor .title.responsiveness,
    .button.responsiveness
  ) {
    display: none;
  }

  .category-template.mega-chute .hero .sponsor {
    color: #FFFFFFB2;
  }
  
  .category-template.mega-chute .show-more-content.responsiveness,
  .category-template.mega-chute .show-less-content.responsiveness {
    display: block;
  }

  .category-template.mega-chute .show-more-less-content .hide {
    display: none;
  }

  .category-template.mega-chute .more-content {
    padding-bottom: 12px;
  }
}

@media (max-width: 1199px) {
  .category-template.mega-chute .hero :is(
    .top:not(.responsiveness),
    .sponsor .title:not(.responsiveness),
    .button:not(.responsiveness)
  ) {
    display: none;
  }

  .category-template.mega-chute .hero .top {
    padding: 20px 0;
    text-align: center;
  }

  .category-template.mega-chute .hero .top .container {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 0;
  }

  .category-template.mega-chute .hero .meta {
    padding-bottom: 0;
  }

  .category-template.mega-chute .hero .meta .publish-date {
    margin-left: auto;
  }

  .category-template.mega-chute :is(.show-more-content, .show-less-content) div {
    justify-content: center;
  }

  .category-template.mega-chute .hero .bottom {
    padding: 1rem 0;
  }

  .category-template.mega-chute .hero .sponsor {
    font-size: 14px;
  }

  .category-template.mega-chute .hero .category span {
    font-size: 20px;
  }

  .category-template.mega-chute .hero h2 {
    font-size: 20px;
  }
}

/*  */

body:has(.mega-chute-pop-up:not(.hide)) {
  overflow: hidden;
}

.mega-chute-pop-up {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00000033;
  backdrop-filter: blur(10px);
  z-index: 11;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mega-chute-pop-up,
.mega-chute-pop-up > div {
  transition: .3s;
}

.mega-chute-pop-up.hide,
.mega-chute-pop-up > .hide {
  opacity: 0;
  visibility: hidden;
}

.mega-chute-pop-up > .hide {
  display: none;
}

/*  */

:is(.mega-chute-form, .mega-chute-pop-up .pop-up-container) {
  max-width: 790px;
  margin: 0 24px;
  background: #FFF;
  border-radius: 6px;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

:is(.mega-chute-form, .mega-chute-pop-up .pop-up-container) .form-container {
  display: block;
  min-height: 0;
  padding: 2rem;
}

:is(.mega-chute-form, .mega-chute-pop-up .pop-up-container) .form-container h2 {
  padding-bottom: 24px;
  color: #121315;
  font-size: 24px;
  font-weight: 600;
  line-height: 135%;
}

:is(.mega-chute-form, .mega-chute-pop-up .pop-up-container) .label {
  color: #121315;
  font-size: 16px;
  font-weight: 500;
  line-height: 145%;
  padding-bottom: 8px;
}

:is(.mega-chute-form, .mega-chute-pop-up .pop-up-container) form {
  display: grid;
  gap: 24px 0;
}

:is(.mega-chute-form, .mega-chute-pop-up .pop-up-container) form input[type=email] {
  height: 48px;
  border-radius: 6px;
  font-weight: 500;
}

:is(.mega-chute-form, .mega-chute-pop-up .pop-up-container) form input[type=button] {
  width: 100%;
  height: 48px;
  border-radius: 6px;
  background: linear-gradient(265deg, #BE1E2D -230%, #F6921E 130.13%);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-transform: none;
  transition: none;
}

:is(.mega-chute-form, .mega-chute-pop-up .pop-up-container) form input[type=button]:hover {
  background: #F6921E;
}

:is(.mega-chute-form, .mega-chute-pop-up .pop-up-container) > .content {
  display: grid;
}

:is(.mega-chute-form, .mega-chute-pop-up .pop-up-container) .content > div {
  position: relative;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #FFF;
  font-size: 24px;
  line-height: 135%;
}

:is(.mega-chute-form, .mega-chute-pop-up .pop-up-container) .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

:is(.mega-chute-form, .mega-chute-pop-up .pop-up-container) .tag {
  width: fit-content;
  height: 36px;
  display: flex;
  padding: 0 12px;
  align-items: center;
  gap: 0 10px;
  border-radius: 100px;
  background: linear-gradient(276deg, #BE1E2D -89.07%, #F6921E 110.55%);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  margin-top: 12px;
}

@media (min-width: 1200px) {
  :is(.mega-chute-form, .mega-chute-pop-up .pop-up-container) .mobile {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  :is(.mega-chute-form, .mega-chute-pop-up .pop-up-container) .desktop {
    display: none !important;
  }

  :is(.mega-chute-form, .mega-chute-pop-up .pop-up-container) {
    display: flex;
    flex-direction: column-reverse;
  }

  :is(.mega-chute-form, .mega-chute-pop-up .pop-up-container) .information {
    flex: 1;
  }

  :is(.mega-chute-form, .mega-chute-pop-up .pop-up-container) .content > div {
    padding: 1rem;
    flex-direction: row-reverse;
    align-items: flex-end;
    height: 180px;
    font-size: 20px;
  }

  :is(.mega-chute-form, .mega-chute-pop-up .pop-up-container) .logo img {
    height: 24px;
    width: auto;
  }

  :is(.mega-chute-form, .mega-chute-pop-up .pop-up-container) .tag {
    height: 30px;
    padding: 0 10px;
    font-size: 12px;
    margin-top: 8px;
  }

  :is(.mega-chute-form, .mega-chute-pop-up .pop-up-container) .tag img {
    width: 18px;
    aspect-ratio: 1;
  }

  :is(.mega-chute-form, .mega-chute-pop-up .pop-up-container) .form-container {
    padding: 20px 1rem;
  }

  :is(.mega-chute-form, .mega-chute-pop-up .pop-up-container) .form-container h2 {
    font-size: 20px;
  }
}

/*  */

.mega-chute-pop-up .pop-up-container {
  > .content {
    height: 300px;
  }

  .introduction {
    align-self: center;
    padding: 0 2rem;
  }

  & h2 {
    color: #121315;
    font-family: Inter;
    font-size: 24px;
    font-weight: 600;
    line-height: 135%;
  }

  .title {
    padding-bottom: 2rem;
  }

  .button a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    border-radius: 6px;
    background: linear-gradient(265deg, #BE1E2D -230%, #F6921E 130.13%);
    font-size: 16px;
    font-family: Inter;
    font-weight: 600;
    line-height: 24px;
    color: #FFF;
    transition: none;
  
    &:hover {
      background: #F6921E;
    }
  }

  @media (max-width: 1199px) {
    > .content {
      height: auto;
    }

    & h2 {
      font-size: 20px;
    }

    .title {
      padding-bottom: 24px;
    }

    .introduction {
      padding: 20px 1rem;
    }
  }
}

/*  */

.mega-chute-success {
  width: 100%;
  max-width: 395px;
  padding: 2rem;
  background: #FFF;
  border-radius: 6px;
  position: relative;
}

.mega-chute-success .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  filter: brightness(0) opacity(.8);
}

.mega-chute-success .icon {
  width: 128px;
  aspect-ratio: 1;
  margin: 0 auto 24px;
  background: #35895F;
  border: 12px solid #268053;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mega-chute-success .icon img {
  width: 72px;
  aspect-ratio: 1;
}

.mega-chute-success > .content {
  display: grid;
  gap: 8px 0;
  color: #595E6A;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-align: center;
  padding-bottom: 24px;
}

.mega-chute-success h2 {
  color: #121315;
  font-size: 24px;
  font-weight: 600;
  line-height: 135%;
}

.mega-chute-success .back-start a {
  border-radius: 6px;
  background: linear-gradient(265deg, #BE1E2D -230%, #F6921E 130.13%);
  font-size: 16px;
  line-height: 24px;
}

.mega-chute-success form input[type=button]:hover {
  background: #F6921E;
}

@media (max-width: 575px) {
  .mega-chute-success {
    width: calc(100% - 3rem);
  }
}

/*  */

.mega-chute-loading {
  width: 100%;
  max-width: 395px;
  height: 352px;
  background: #FFF;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mega-chute-loading img {
  animation: spin 2s linear infinite;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

@media (max-width: 575px) {
  .mega-chute-loading {
    width: calc(100% - 3rem);
  }
}

/*  */

td.odds a {
  font-weight: bold;
  color: #01676E;

  &:hover {
    color: #00ACAD;
  }
}

/*  */

.author-archive-template main {
  .articles {
    .cards {
      display: block;
    }
  }

  h3 {
    color: #01676E;
    font-family: 'Oswald', 'Arial Narrow';
    font-size: 24px;
    font-weight: 600;
    line-height: 135%;
  }

  .hero {
    padding-bottom: 0;
    margin-bottom: 48px;
    background: #01676E;
    color: #FFF;

    .container {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 0 40px;
      /* align-items: center;
      padding: 16px 0; */

      > .right {
        padding: 32px 0;
        align-self: center;
      }
    }

    .avatar {
      height: 100%;

      img {
        width: 152px;
        height: 100%;
        min-height: 208px;
        object-fit: cover;
      }
    }

    .top {
      padding-bottom: 14px;
      display: flex;
      justify-content: space-between;
      align-items: center;

      .left {
        display: flex;
        align-items: center;
        gap: 0 12px;
      }
    }

    .name {
      font-family: 'Oswald', 'Arial Narrow';
      font-size: 28px;
      font-weight: 600;
      line-height: 120%;
    }

    .tag {
      padding: 4px 8px;
      border-radius: 4px;
      background: #E5F7F7;
      color: #01676E;
      font-size: 16px;
      font-weight: 600;
      line-height: 100%;
    }

    .right > .social-media > .social-media {
      display: flex;
      gap: 0 8px;

      a {
        display: flex;
        width: 32px;
        aspect-ratio: 1;
        justify-content: center;
        align-items: center;
        border-radius: 64px;
        background: #0000001A;

        &:hover {
          background: #00000033;
        }
      }

      img {
        width: 16px;
        aspect-ratio: 1;
      }
    }
  }

  @media (max-width: 767px) {
    .hero {
      .container {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 24px 0;
        padding-bottom: 76px;
        position: relative;

        > .right {
          padding: 0;
        }
      }

      .avatar img {
        width: calc(100% + 30px);
        max-width: none;
        height: 216px;
        margin-left: -15px;
      }

      .right > .social-media > .social-media {
        position: absolute;
        bottom: 24px;
        left: 15px;

        a {
          width: 36px;
        }

        img {
          width: 18px;
        }
      }
    }

    .main .col-xl-4 {
      display: none;
    }

    .articles .cards > div {
      width: auto;
    }
  }
}

.widget-articles {
  .cards {
    display: flex;
    flex-direction: column;
    gap: 16px 0;
    padding-left: 20px;
    list-style: disc;
  }
}

.widget-betting-tips {
  .cards {
    display: flex;
    flex-direction: column;
    gap: 16px 0;
    padding-left: 20px;
    list-style: disc;
  }
}

.article.horizontal.inline,
.betting-tip.horizontal.inline {
  display: list-item;
  color: #282828;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;

  &:hover {
    color: #01676E;
  }

  &::marker {
    color: #01676E;
  }
}

/*  */

.eeat-template {
  .main {
    padding-top: 48px;

    h1 {
      color: #212529;
      font-size: 24px;
      font-weight: 600;
      line-height: 135%;
    }

    .col-xl-8 {
      > .title {
        padding-bottom: 12px;
      }

      .hero .title {
        margin-bottom: 12px;
      }
    }
  }

  @media (max-width: 1199px) {
    .main {
      padding-top: 32px;

      .col-xl-3 {
        display: none;
      }
    }
  }
}

.content-menu {
  color: #8B8888;
  font-size: 14px;
  font-weight: 500;
  line-height: 145%;
  position: sticky;
  top: 100px;

  ul {
    border-right: 2px solid #E5F7F7;
    display: flex;
    flex-direction: column;
    gap: 12px 0;
  }

  a {
    display: block;
    margin-right: -2px;
    border-right: 2px solid transparent;

    &:hover {
      color: #01676E;
      border-color: #01676E;
    }
  }
}

/*  */

.eeat-template:not(:has(.content-menu)) {
  section.main .col-xl-4 {
    display: none;
  }
}

.betting-tips-archive-template,
.betting-tips-sport-archive-template {
  h1 {
    text-align: left !important;
  }
}

.betting-tips-sport-archive-template,
.betting-tips-archive-template,
.category-template,
.authors-template,
.eeat-template {
  .hero {
    padding: 24px 0;
    background: #01676E;
    color: #FFF;

    strong {
      color: inherit;
    }

    h1 {
      color: #FFF;
      font-size: 40px;
      font-weight: 600;
      line-height: 120%;
      /*text-transform: uppercase;*/
      padding-bottom: 12px;
      text-align: center;

      @media (max-width: 1199px) {
        font-size: 28px;
        text-transform: capitalize;
      }
    }

    .show-more-content,
    .show-less-content {
      div {
        color: #FFF;
      }

      img {
        filter: brightness(0) invert(1);
      }
    }
  }

  .main {
    padding-top: 48px;

    @media (max-width: 1199px) {
      padding-top: 32px;
    }

    .show-more-content,
    .show-less-content {
      div {
        color: #01676E;
      }
    }

    .container {
      display: flex;
      flex-direction: column;
      gap: 32px 0;

      > .title:first-child,
      > .content:nth-child(4) {
        display: none;
      }
    }
  }
}

.authors.grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;

  @media (max-width: 991px) {
    gap: 16px 8px;
  }

  @media (max-width: 767px) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.wp-author.vertical.medium {
  border-radius: 8px;
  border: 1px solid #E8E7E7;
  overflow: hidden;

  &.hide {
    display: none;
  }

  .avatar {
    height: 215px;
    background: #01676E;
  }

  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .bottom {
    padding: 16px;
  }

  .name {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;

    @media (max-width: 767px) {
      font-size: 14px;
    }
  }

  .role {
    color: #000000D9;
    font-size: 14px;
    line-height: 140%;

    @media (max-width: 767px) {
      font-size: 12px;
    }
  }
}

/*  */

.betting-tip.index-template,
.betting-tip.single-betting-tip-template,
.apps-template,
.odds-template,
.payment-method-review-template,
.no-deposit-bonus-template,
.casino-no-deposit-bonus-template,
.casinos-template,
.sportsbooks-template,
.sportsbooks-sport-template,
.post.index-template,
.sportsbook-review-template,
.casino-review-template,
.app-review-template,
.bonus-review-template,
.child-sportsbook-review-template {
  /* .advertiser-geographical-area.horizontal.large {
    margin-bottom: 24px;
  } */

  section.breadcrumb {
    padding-bottom: 0;
    color: #6C757D;
    font-size: 12px;
    line-height: normal;

    a {
      color: #01676E;
      font-weight: 600;
    }

    .breadcrumb {
      padding: 32px 0 16px;
      margin-bottom: 24px;
      border-bottom: 1px solid #8B888833;
      display: flex;
      gap: 4px;
      flex-wrap: wrap;

      @media (max-width: 1199px) {
        padding: 24px 0 12px;
        margin-bottom: 16px;
      }
    }
  }

  section.hero {
    padding-bottom: 32px;

    h1 {
      padding-bottom: 24px;
      color: #202020;
      font-family: 'Open Sans', 'Tahoma';
      font-size: 40px;
      font-weight: 700;
      line-height: 120%;

      @media (max-width: 1199px) {
        font-size: 22px;
        padding-bottom: 16px;
      }
    }

    .featured-image {
      height: 400px;
      border-radius: 4px;
      margin-bottom: 24px;

      @media (max-width: 1199px) {
        margin-bottom: 16px;
        height: 218px;
      }
    }
  }

  section.introduction {
    padding-bottom: 24px;
  }

  section.content {
    .col-xl-1 {
      align-self: flex-start;
      position: sticky;
      top: 100px;
    }

    .col-xl-3 {
      align-self: flex-start;
      position: sticky;
      top: -360px;
    }
    
    .col-xl-3,
    .col-xl-1 {
      @media (max-width: 1199px) {
        display: none;
      }
    }
  
    .widget-area {
      display: flex;
      flex-direction: column;
      gap: 24px 0;
    }

    .social-sharing .social-sharing {
      display: flex;
      gap: 12px 0;
      flex-direction: column;
    
      .social-media {
        position: relative;
        width: 40px;
        aspect-ratio: 1;
        display: flex;
        align-items: center;
        justify-content: center;
      }
    
      .content {
        display: none;
      }

      @media (max-width: 1199px) {
        & {
          padding: 8px 0;
          border: solid #E8E7E7;
          border-width: 1px 0;
          flex-direction: row;
          gap: 0 24px;
          justify-content: center;
        }
      }
    }
  }
}

.homepage-template,
.odds-template {
  section.hero {
    padding: 32px 0;
    background: #01676E;
    color: #FFF;

    strong {
      color: inherit;
    }

    h1 {
      padding-bottom: 0;
      color: #FFF !important;
      font-family: 'Noto Color Emoji', 'Oswald', 'Arial Narrow';
      font-size: 40px;
      font-weight: 600;
      line-height: 120%;
      text-transform: uppercase;
    }

    .show-more-content,
    .show-less-content {
      div {
        color: #FFF;
      }

      img {
        filter: brightness(0) invert(1);
      }
    }

    @media (max-width: 1199px) {
      & {
        padding: 24px 0;
      }

      h1 {
        font-size: 28px;
      }
    }
  }
}

.odds-template {
  section.sportsbooks {
    .introduction {
      padding-bottom: 24px;
    }

    h2 {
      color: #202020;
      font-family: 'Open Sans', 'Tahoma';
      font-size: 24px;
      font-weight: 600;
      line-height: 115%;

      @media (max-width: 1199px) {
        font-size: 18px;
      }
    }
  }
}

.menu-navigation-items {
  ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  a {
    display: block;
    padding: 4px 9px;
    border-radius: 4px;
    background: #01676E;
    color: #FFF;
    font-size: 16px;
    line-height: 140%;

    &:hover {
      background: #00B0A8;
    }
  }

  .title>span {
    display: block;
    padding: 4px 9px;
    border-radius: 4px;
    background: #01676E;
    color: #FFF;
    font-size: 16px;
    line-height: 140%;

    &:hover {
      background: #00B0A8;
    }
  }

  .area-link {
    display: none;
  }
}

section.related-articles {
  padding: 48px 0;
  background: #F9F9F9;

  h2 {
    color: #01676E;
    font-size: 28px;
    font-weight: 600;
    line-height: 120%;
    padding-bottom: 24px;
  }

  .cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0 32px;

    @media (max-width: 1199px) {
      display: flex;
      flex-direction: column;
      gap: 32px 0;
    }
  }
}

section.featured {
  padding: 48px 0;

  .cards {
    display: grid;
    grid-template-columns: minmax(0, 1fr) calc(33.33% - 16px);
    gap: 32px;
  }

  .scroll-bars {
    position: absolute;
    bottom: 24px;
    left: 50%;
    translate: -50% 0;
    display: flex;
    gap: 0 8px;

    > div {
      width: 65px;
      height: 5px;
      border-radius: 15px;
      background: #FFF;

      &.active {
        background: #01676E;
      }
    }
  }

  @media (min-width: 1200px) {
    .scroll-bars {
      display: none;
    }
  }

  @media (max-width: 1199px) {
    & {
      padding: 0 0 24px;
    }

    .container {
      padding: 0;
      position: relative;
    }

    .cards {
      display: flex;
      overflow: auto;
      gap: 0;
      scroll-snap-type: x mandatory;

      > div {
        scroll-snap-align: center;
      }
    }
  }
}

.article.vertical.medium {
  background: #000;
  color: #FFF;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 8px;
  overflow: hidden;

  &:first-child {
    grid-row: span 2;
    height: 384px;
  }

  .background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .3s;
  }

  .wrapper {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 50%);
    padding: 24px;
    position: relative;
  }

  .area-link {
    z-index: 1;
  }

  @media (min-width: 1200px) {
    &:hover .background {
      scale: 1.1;
    }
  }

  @media (max-width: 1199px) {
    & {
      width: 100%;
      flex: 0 0 100%;
      border-radius: 0;
      height: 450px !important;
      font-family: 'Oswald', 'Arial Narrow';
      font-size: 28px;
      font-weight: 600;
    }

    .wrapper {
      padding-bottom: 60px;
    }
  }
}

/*  */

section.odds {
  padding: 48px 0;
  background: #F9F9F9;
  margin-bottom: 48px;

  @media (max-width: 1199px) {
    padding: 24px 0;
    margin-bottom: 24px;
  }
}

/*  */

.homepage-template {
  section.news,
  section.sportsbooks,
  section.tips,
  section.reviews,
  section.guides,
  section.casinos {
    .introduction {
      padding-bottom: 24px;
      display: flex;
      align-items: flex-end;
  
      .title {
        padding-bottom: 0;
        flex: 1;
      }
    
      h2 {
        color: #01676E;
        font-family: 'Oswald', 'Arial Narrow';
        font-size: 28px;
        font-weight: 600;
        line-height: 120%;

        @media (max-width: 1199px) {
          font-size: 24px;
        }
      }
  
      .button a {
        display: flex;
        align-items: center;
        gap: 0 4px;
        color: #212529;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        text-transform: uppercase;
      }
    }
  
    .cards {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 0 16px;
    }
  }

  section.tips,
  section.reviews,
  section.guides {
    .cards {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      gap: 0 16px;
    }
  }
  
  section.news .cards {
    gap: 0 32px;
  }

  @media (max-width: 1199px) {
    section.sportsbooks {
      .cards {
        display: flex;
        flex-direction: column;
        gap: 35px 0;
      }
    }

    /*section.news {
      .cards {
        display: flex;
        flex-direction: column;
        gap: 16px 0;
      }
    }
  
    section.news .cards {
      gap: 24px 0;
    }*/
  }

  /*@media (max-width: 767px) {
    section.tips,
    section.reviews,
    section.guides {
      .cards {
        grid-template-columns: repeat(3, 310px);
        overflow: auto;
      }
    }
  }

  @media (max-width: 575px) {
    section.tips,
    section.reviews,
    section.guides {
      .cards {
        margin: 0 -15px;
        padding: 0 15px;
      }
    }
  }*/

  @media (max-width: 767px) {
    section.tips .cards,
    section.reviews .cards,
    section.guides .cards,
    section.news .cards {
      display: flex;
      flex-wrap: nowrap;
      overflow-x: auto;
    }

    section.tips .cards > div,
    section.reviews .cards > div,
    section.guides .cards > div,
    section.news .cards > div {
      flex: 0 0 300px;
      width: 300px;
      scroll-snap-align: start;
    }
  }
}

/*  */

.article.horizontal.medium-inline {
  padding-bottom: 24px;
  border-bottom: 1px solid #8B888833;

  .published-date div {
    display: flex;
    gap: 0 8px;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-end;
    color: #282828;
    font-size: 12px;
    font-weight: 700;
    line-height: 150%;
    padding-bottom: 10px;
  }

  .title {
    color: #282828;
    font-size: 16px;
    line-height: 140%;
    overflow: hidden;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}

/*  */

.advertiser-geographical-area.vertical.medium {
  padding: 20px 16px;
  border: 1px solid #8B888833;
  border-radius: 4px;
  display: flex;
  flex-direction: column;

  .logo {
    position: relative;
    width: 40px;
    aspect-ratio: 1;
    border-radius: 4px;
    overflow: hidden;

    img {
      width: 100%;
      height: 100%;
    }
  }

  .rank {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #212529;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    background: #FFF;
    border-radius: 0 4px 0 0;
    padding: 4px 4px 0 0;
  }

  .tag {
    width: fit-content;
    padding: 2px 8px;
    border-radius: 4px;
    background: #E5F7F7;
    color: #01676E;
    font-size: 10px;
    font-weight: 700;
    line-height: 150%;
    text-transform: uppercase;
    margin-bottom: 4px;
  }

  .sportsbook-name {
    font-size: 16px;
    color: #000002;
    font-weight: 700;
    line-height: 120%;
  }

  .top {
    display: grid;
    grid-template-columns: 1fr 44px;
    gap: 0 12px;
    align-items: center;

    .right {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 4px 0;
      color: #000002;
      font-size: 14px;
      font-weight: 700;
      line-height: 145%;
    }

    .left {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 0 12px;
      align-items: center;
    }
  }

  .offer {
    margin: 1rem 0;
    padding: 12px;
    border-radius: 4px;
    background: #F4F7F8;
    color: #000002;
    font-size: 14px;
    text-align: center;
    line-height: 150%;
  }

  .bottom {
    display: grid;
    grid-template-columns: 115px 1fr;
    gap: 0 12px;
    margin-top: auto;

    @media (max-width: 1199px) {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  .bottom:not(:has(.review)) {
    grid-template-columns: 1fr;

    @media (max-width: 1199px) {
      grid-template-columns: repeat(1, 1fr);
    }
  }

  .review a {
    display: flex;
    align-items: center;
    gap: 0 4px;
    color: #212529;
    font-size: 12px;
    font-weight: 700;
    line-height: 135%;
    text-transform: uppercase;
    justify-content: center;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #F4F7F8;

    &:hover {
      border-color: #DD2D12;
    }
  }

  .donation-link a {
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: #DD2D12;
    color: #FFF;
    font-family: 'Oswald', 'Arial Narrow';
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    text-transform: uppercase;
    white-space: nowrap;

    &:hover {
      background: #F25941;
    }
  }

  .legal {
    margin: 20px -16px -21px;
    padding: 12px 16px;
    background: #F1F1F1;
    color: #666;
    font-size: 12px;
    font-weight: 500;
    line-height: 135%;

    .license {
      font-weight: 700;
      margin-right: 3px;
    }

    * {
      display: inline;
    }
  }
}

/*  */

.widget-area.homepage {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 48px 32px;

  @media (max-width: 1199px) {
    display: flex;
    flex-direction: column;
    gap: 24px 0;
  }

  .widget-banner {
    grid-column: 1 / -1;
  }

  h3 {
    text-align: center;
  }

  .event-card {
    box-shadow: none;
    padding-top: 0;
    display: flex;
    flex-direction: column;

    .button {
      margin-top: auto;
    }
  }

  .wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;

    > .title + div {
      flex: 1;
    }
  }
}

.widget-competitions .competitions {
  padding: 24px 16px;
  border-radius: 4px;
  box-shadow: 0px 3px 16px 0px rgba(110, 110, 110, 0.15);
  display: flex;
  flex-direction: column;

  select {
    height: 60px;
    width: 100%;
    padding: 0 40px 0 16px;
    border-radius: 4px;
    box-shadow: 0px 3px 16px 0px rgba(110, 110, 110, 0.15);
    color: #000;
    font-size: 16px;
    line-height: 150%;
    cursor: pointer;
    margin-bottom: 16px;
    background: url(https://apostas.gazetaesportiva.com/static/wp/icon-light-grey-arrow-down.svg) right 8px center no-repeat;
    appearance: none;
  }
}

.standings-table {
  flex: 1;
  display: flex;
  flex-direction: column;
  color: #000;
  font-size: 16px;
  line-height: 150%;

  .standings-body {
    flex: 1;
  }

  .button a {
    display: flex;
    height: 36px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: #DD2D12;
    color: #FFF;
    font-family: 'Oswald', 'Arial Narrow';
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    text-transform: uppercase;
    transition: .3s;
    cursor: pointer;

    &:hover {
      background: #F25941;
    }
  }
  
  .competition-standings {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    &:not(.active) {
      display: none;
    }
  }

  .standings-head,
  .standing {
    height: 40px;
    display: flex;
    align-items: center;
    gap: 0 8px;
    text-align: center;
    padding: 0 8px;

    > div {
      flex: 0 0 24px;
      width: 24px;

      &.team {
        flex: 1;
        width: auto;

        div {
          display: flex;
          flex-direction: row-reverse;
          gap: 0 8px;
          align-items: center;

          span {
            flex: 1;
            text-align: left;
            overflow: hidden;
            display: -webkit-box;
            line-clamp: 1;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
          }

          img {
            width: 16px;
            aspect-ratio: 1;
          }
        }
      }
    }
  }

  .standings-head {
    font-weight: 700;
    background: #F9F9F9;
    box-shadow: 0px 3px 16px 0px rgba(110, 110, 110, 0.15);

    @media (min-width: 1200px) {
      padding-right: 12px;
    }
  }

  .standings {
    margin-bottom: 16px;
    height: 200px;
    overflow: auto;
    
    @media (min-width: 1200px) {
      &::-webkit-scrollbar {
        width: 4px;
        background: #F4F7F8;
      }

      &::-webkit-scrollbar-thumb {
        background: #8B8888;
        border-radius: 2px;
      }
    }
  }
}

.voting-manager {
  padding: 24px;
  box-shadow: 0px 3px 16px 0px rgba(110, 110, 110, 0.15);
  
  > div {
    min-height: 328px;
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .error {
    display: none;

    &:not(:empty) {
      display: block;
      margin: -4px 0 8px;
      padding: 8px 24px;
      border-radius: 4px;
      border: 1px solid #F44336;
      color: #F44336;
      text-align: center;
      font-size: 12px;
      line-height: 135%;
    }
  }

  .answers {
    flex: 1;
  }

  .hide {
    display: none !important;
  }

  .image {
    img {
      height: 117px;
      object-fit: cover;
      border-radius: 4px;
      margin-bottom: 4px;
    }

    .caption {
      display: block;
      padding-bottom: 8px;
      color: #212529;
      text-align: center;
      font-size: 12px;
      line-height: 140%;
    }
  }

  .question {
    padding-bottom: 8px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 140%;

    &:has(+ .options) {
      padding-bottom: 24px;
    }
  }

  .options {
    margin-bottom: auto;
    display: flex;
    flex-direction: column;
    gap: 16px 0;

    .label {
      padding-bottom: 8px;
      color: #000;
      font-size: 14px;
      font-weight: 500;
      line-height: 140%;
    }

    .stat {
      display: flex;
      align-items: center;
      gap: 0 16px;
      color: #000;
      font-size: 12px;
      font-weight: 500;
      line-height: 16px;
    }

    .bar {
      height: 12px;
      border-radius: 2px;
      background: linear-gradient(90deg, #2094F1 0%, #1976D3 100%);
    }
  }

  .voting-back,
  .voting-tips a {
    display: flex;
    height: 36px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: #DD2D12;
    color: #FFF;
    font-family: 'Oswald', 'Arial Narrow';
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    text-transform: uppercase;
    transition: .3s;
    cursor: pointer;

    &:hover {
      background: #F25941;
    }
  }
}

.form.voting {
  height: 100%;

  form {
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .answer {
    display: flex;
    flex-direction: column;
    gap: 8px 0;
    padding-bottom: 12px;

    > div {
      height: 26px;
      padding: 0 10px;
      display: flex;
      flex-direction: row-reverse;
      gap: 0 8px;
      align-items: center;
      color: #666;
      font-size: 14px;
      line-height: 125%;
      transition: .3s;

      &:has(input:hover) {
        background: #FAFAFA;
      }
    }

    .label {
      flex: 1;
    }
  }

  input[type=radio] {
    width: 16px;
    aspect-ratio: 1;
    cursor: pointer;
  }

  .buttons {
    margin-top: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 8px;
  }

  .submit {
    display: flex;
    height: 36px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: #DD2D12;
    color: #FFF;
    font-family: 'Oswald', 'Arial Narrow';
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    text-transform: uppercase;
    transition: .3s;
    cursor: pointer;

    &:hover {
      background: #F25941;
    }
  }

  .show-results {
    color: #01676E;
    font-family: 'Oswald', 'Arial Narrow';
    font-size: 14px;
    font-weight: 500;
    line-height: 145%;
    text-transform: uppercase;
    cursor: pointer;

    div {
      display: flex;
      height: 36px;
      align-items: center;
      justify-content: center;
      gap: 0 4px;
    }
  }
}

/*  */

.wp-caption {
  max-width: 100%;
}

/*  */

body:is(.payment-method-review-template) section.sportsbooks .introduction{
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid #8B888833;
  padding: 20px 0;
  margin-bottom: 40px; 
}

body:is(.payment-method-review-template) section.sportsbooks .introduction .title{
  padding-bottom: 0;
}


body:is(.payment-method-review-template) section.sportsbooks .introduction .title > div{
  display: flex;
  gap: 8px;
}

body:is(.payment-method-review-template) section.sportsbooks .introduction .subtitle,
body:is(.payment-method-review-template) section.sportsbooks .introduction h4{
  color: #666;
}

@media screen and (max-width: 767px){
  body:is(.payment-method-review-template) section.sportsbooks .introduction .subtitle,
  body:is(.payment-method-review-template) section.sportsbooks .introduction .title > div{
    text-align: center;
  }

  body:is(.payment-method-review-template) section.sportsbooks .introduction .title > div{
    flex-direction: column-reverse;
    align-items: center;
  }
}

/*  */

main > section.not-recommended {
  .container {
    padding: 0;
    border-radius: 8px;
    border: 1px solid #E8E7E7;
    max-width: 1024px;
    overflow: hidden;

    > .bottom {
      padding: 24px 32px;
      display: flex;
      align-items: center;
      justify-content: center;
  
      .label {
        flex: 1;
      }

      h3 {
        color: #000;
        font-family: 'Open Sans';
        font-size: 18px;
        font-weight: 700;
        line-height: 160%;
      }
  
      .button a {
        display: flex;
        height: 40px;
        padding: 0 32px;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        background: #DD2D12;
        color: #FFF;
        font-family: 'Oswald', 'Arial Narrow';
        font-size: 14px;
        font-weight: 500;
        line-height: 150%;
        text-transform: uppercase;
        white-space: nowrap;
    
        &:hover {
          background: #F25941;
        }
      }
    }
  }

  .introduction {
    background: #FCEAE8;
    padding: 24px 32px;
    display: flex;
    gap: 0 24px;
    align-items: center;
    
    color: #DD2D12;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;

    .column {
      flex: 1;

      .title span {
        color: #DD2D12;
        font-family: "Open Sans";
        font-size: 20px;
        font-weight: 700;
        line-height: 160%;
      }
    }

    .icon img {
      width: 56px;
      aspect-ratio: 1;
      border-radius: 50%;
      background: #FFF;
      padding: 0 15px;
      object-fit: contain;
    }
  }

  .cards {
    padding: 32px;
    display: flex;
    gap: 0 24px;
    border-bottom: 1px solid #E8E7E7;

    > div {
      flex: 1;
    }
  }

  @media (max-width: 1199px) {
    .container {
      border-radius: 0;
      border-width: 1px 0;

      > .bottom {
        padding: 24px;
        flex-direction: column;
        gap: 16px 0;
        align-items: stretch;
        text-align: center;
      }
    }

    .introduction {
      padding: 24px;
      gap: 0 16px;
      align-items: flex-start;

      .icon img {
        width: 48px;
        padding: 0 14px;
      }

      .column .title span {
        font-size: 18px;
      }
    }

    .cards {
      padding: 32px 24px;
      flex-direction: column;
      gap: 16px 0;
    }
  }
}


.article-cards {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.article-card {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid rgba(139, 136, 136, 0.2);
  overflow: hidden;
  position: relative;
  padding: 0 0 24px 0;

  .area-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  @media (min-width: 1200px) {
    &:first-child {
      padding-top: 24px;
      border-top: 1px solid rgba(139, 136, 136, 0.2);
    }
  }
}
.article-card-image {
  flex: 1;
  max-width: 168px;
  max-height: 88px;
  overflow: hidden;
  position: relative;
  border-radius: 4px;
}
.article-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.3s ease;
}
.article-card:hover .article-card-image img {
  transform: scale(1.05);
}
.article-card-content {
  flex: 2;
  padding: 0 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.betting-category {
  color: #01676E;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 115%;
  padding-bottom: 4px;
}
.article-card-title {
  font-size: 20px;
  line-height: 120%;
  display: flex;
  gap: 0 25px;
  align-items: center;
  color: #212529;
  font-family: "Open Sans";
  font-weight: 600;
  transition: none;

  &:hover {
    text-decoration: underline 1px rgba(139, 136, 136, 0.7);
  }
}
.article-card-title > div {
 width:100%;
}
.article-card-title img {
  width: 24px;
  height: 24px;
}
@media (max-width: 768px) {
  .article-cards {
    flex-direction: row;
    gap: 0 16px;
    overflow: auto;
  }
  .article-card {
    flex: 0 0 300px;
    width: 300px;
    display: block;
    padding-bottom: 0;
    border-bottom: 0;
  }
  .article-card-image {
    max-width: none;
    max-height: none;
    width: 100%;
    height: 160px;
    margin-bottom: 14px;
  }
  .article-card-content {
    padding: 0;
  }
  .article-card-title {
    font-size: 16px;

    div {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      line-clamp: 2;
      -webkit-line-clamp: 2;
      overflow: hidden;
    }
  }
}
@media (max-width: 575px) {
  .article-cards {
    margin-left: -15px;
    margin-right: -15px;
    padding: 0 15px;
  }
}

/*  */

.match.history {
    border-radius: 8px;
    border: 1px solid #E9ECEF;
    overflow: hidden;
    background: #F4F7F8;
    font-family: 'Open Sans';
    padding-bottom: 0;

    h3 {
        font-weight: 700;
        font-size: 18px;
        line-height: 135%;
        text-align: center;
        color: #212529;

        background: #FFF;
        border-bottom: 1px solid #E9ECEF;
        padding: 20px 0;
    }

    .summary {
        padding: 32px;
        display: grid;
        grid-template-columns: minmax(0, 1fr) 128px minmax(0, 1fr);
        gap: 0 16px;

        text-align: center;

        img {
            width: 64px;
            aspect-ratio: 1;
            border-radius: 50%;
            background: #FFF;
            padding: 0 16px;
            object-fit: contain;
            margin: 0 auto 16px;

            ~ figcaption {
                font-weight: 600;
                font-size: 16px;
                line-height: 1.2;
                color: #01676E;
            }
        }

        @media (max-width: 767px) {
            .full-name {
                display: none;
            }
        }

        @media (min-width: 768px) {
            .short-name {
                display: none;
            }
        }

        table {
            margin-bottom: 0 !important;
            align-self: center;
            display: table;

            :nth-child(1) {
              font-weight: 600;

              @media (max-width: 767px) {
                .long {
                  display: none;
                }
              }

              @media (min-width: 768px) {
                .short {
                  display: none;
                }
              }
            }
        }

        tr {
            border-top: 0;

            &:first-child {
                font-weight: 700;
                font-size: 24px;
                line-height: 1.2;
                color: #212529;

                td {
                    padding-bottom: 2px;
                }
            }

            &:last-child {
                color: #444444;
            }
        }

        td {
            padding: 0;
        }
    }

    > table {
        padding: 0 32px;
        background: #FFF;
        border-radius: 16px 16px 0 0;
        display: block;
        margin-bottom: 0 !important;

        * {
            display: block;
            border-top: 0;
            padding: 0;
        }

        thead tr {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            height: 48px;
            align-items: center;

            font-weight: 700;
            font-size: 12px;
            line-height: 135%;
            color: #7F7F7F;

            th:nth-child(2) {
                text-align: center;
            }

            th:nth-child(3) {
                text-align: right;
            }
        }

        tbody tr {
            border-top: 1px solid #8B888833;
            height: 64px;
            grid-template-columns: 112px 1fr 32px 1fr 112px;
            display: grid;
            align-items: center;
            gap: 0 10px;

            font-weight: 600;
            font-size: 14px;
            line-height: 1.2;
            color: #7F7F7F;

            @media (min-width: 768px) {
                .short-name {
                    display: none;
                }
            }

            @media (max-width: 767px) {
                .full-name {
                    display: none;
                }
            }

            .date {
                text-align: right;
            }

            img {
                width: 16px;
                aspect-ratio: 1;
                object-fit: contain;
            }

            .home,
            .away {
                display: grid;
                grid-template-columns: 1fr auto;
                align-items: center;
                gap: 0 8px;

                &.home span {
                    text-align: right;
                }

                &.away {
                    grid-template-columns: auto 1fr;
                }
            }

            .home.win,
            .away.win {
                font-weight: 600;
                color: #212529;
            }

            .result {
                font-weight: 700;
                color: #212529;
                text-align: center;
            }
        }
    }

    > .bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-top: 1px solid #F4F7F8;
        background: #F2FFFC;
        padding: 16px 24px;

        .left {
            font-size: 14px;
            color: #179D79;
            line-height: 135%;
            font-weight: 600;
        }

        .right {
            display: flex;
            align-items: center;
            gap: 0 16px;
        }

        .tip {
            font-weight: 700;
            font-size: 14px;
            line-height: 1.2;
            color: #01676E;
        }

        .button {
            border-radius: 4px;
            height: 40px;
            width: 124px;
            border: 1px solid #01676E;
            background: #FFF;
            align-items: center;
            display: flex;
            padding: 0 12px 0 8px;
            gap: 0 8px;

            font-weight: 600;
            font-size: 16px;
            line-height: 150%;
            color: #282828;

            .odd {
                flex: 1;
                text-align: right;
            }

            img {
                width: 24px;
                aspect-ratio: 1;
                border-radius: 4px;
            }

            &:has(a:hover) {
                background: #E5F7F7;
            }
        }
    }

    @media (max-width: 767px) {
        h3 {
            font-size: 16px;
        }

        > .bottom {
            flex-direction: column;
            gap: 16px 0;

            .tip {
                flex: 1;
            }

            .button {
                width: 97px;
                flex: 0 0 97px;
            }

            .right {
                width: 100%;
            }
        }

        .summary {
            padding: 24px 20px;

            img {
                width: 48px;
                padding: 0 12px;
                margin-bottom: 8px;
            }

            tr:first-child {
                font-size: 20px;

                td {
                  font-size: 20px !important;
                }
            }

            tr:last-child,
            img + span {
                font-size: 14px;
            }

            table {
                padding-top: 20px;
            }
        }

        > table {
            padding: 0 16px;

            tbody tr {
                grid-template-columns: 70px 1fr 32px 1fr 70px;

                .competition,
                .date {
                    font-size: 12px;
                    white-space: wrap;
                }

                img {
                    min-width: 16px;
                }
            }
        }
    }

    @media (max-width: 360px) {
        .summary {
            grid-template-columns: 1fr 60px 1fr;
        }

        > table {
            thead {
                display: none
            }

            tbody tr {
                grid-template-columns: 1fr 32px 1fr;
                height: auto;
                padding: 10px 0;
                gap: 10px;

                &:first-child {
                    border-top: 0;
                }

                .competition {
                    order: 1;
                    grid-column: span 2;
                }

                .date {
                    order: 2;
                }

                .home {
                    order: 3;
                }

                .result {
                    order: 4;
                }

                .away {
                    order: 5;
                }
            }
        }
    }
}

.top.scorers {
    border-radius: 8px;
    border: 1px solid #E9ECEF;
    
    font-family: 'Open Sans';
    color: #212529;

    table {
        * {
            display: block;
        }

        tr {
            border-top: 0;

            display: grid;
            grid-template-columns: 32px 82px 32px;
            gap: 0 16px;

            text-align: center;
            font-weight: 700;
            font-size: 14px;
            line-height: 115%;
        }

        td {
            padding: 0;

            &:nth-child(2) {
                font-weight: 600;
                color: #868E96;
            }
        }

        tbody {
            display: flex;
            flex-direction: column;
            gap: 12px 0;

            width: fit-content;
            margin: 0 auto;
        }
    }

    h3 {
        padding: 20px 0 !important;
        border-bottom: 1px solid #E9ECEF;
        
        font-weight: 700;
        font-size: 18px;
        line-height: 135%;
        text-align: center;
        color: #212529;
    }

    .summary {
        padding: 24px;

        display: grid;
        grid-template-columns: 144px 1fr 144px;
        gap: 0 24px;
        align-items: center;

        > figure {
            figcaption {
                position: relative;
                width: fit-content;
                margin: 0 auto 16px;

                img {
                    width: 104px;
                    aspect-ratio: 1;
                    object-fit: cover;
                    border-radius: 50%;
                }
            }

            figure {
                position: absolute;
                top: 76px;
                right: 4px;

                img {
                    width: 32px;
                    aspect-ratio: 1;
                    border-radius: 50%;
                    border: 1px solid #E9ECEF;
                    background: #FFF;
                    padding: 0 4px;
                    object-fit: contain;
                }
            }

            p {
                display: block;

                font-weight: 600;
                font-size: 14px;
                line-height: 1.15;
                text-align: center;
                padding-bottom: 0;

                &:last-child {
                    font-size: 12px;
                    line-height: 135%;
                    color: #868E96;
                }
            }

            span {
                display: block;

                font-weight: 600;
                font-size: 14px;
                line-height: 1.15;
                text-align: center;

                &:last-child {
                    font-size: 12px;
                    line-height: 135%;
                    color: #868E96;
                }
            }
        }
    }

    .bottom {
        padding: 16px 24px;
        background: #F4F7F8;

        display: grid;
        grid-template-columns: 144px 1fr 144px;
        gap: 0 24px;
        align-items: center;

        .middle {
            text-align: center;
            font-weight: 600;
            font-size: 14px;
            line-height: 115%;
        }
    }

    .button {
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        color: #01676E;
        text-align: right;

        border-radius: 4px;
        padding: 8px 12px 8px 8px;
        background: #FFFFFF;
        border: 1px solid #01676E;
        transition: .3s;

        display: grid;
        grid-template-columns: auto 1fr;
        align-items: center;

        &:hover {
            background: #E5F7F7;
        }

        img {
            width: 24px;
            aspect-ratio: 1;
            border-radius: 5px;
        }
    }

    @media (max-width: 767px) {
        & {
            padding-bottom: 0;
        }

        .bottom {
            padding: 16px;

            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 16px 12px;

            .middle {
                order: -1;
                grid-column: span 2;
            }
        }

        .summary {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 20px 60px;

            padding: 20px 16px;
            position: relative;

            &::before {
                content: 'X';
                position: absolute;
                top: 60px;
                left: 50%;
                translate: -50% 0;
                z-index: 1;

                font-family: 'Inter';
                font-weight: 600;
                font-size: 70px;
                line-height: 1;
                color: #FFF;
                text-shadow: 0 0 2px #8B8888;
            }

            > figure {
                div img {
                    width: 80px;
                }

                figure {
                    top: 60px;
                    right: 0;

                    img {
                        width: 24px;
                    }
                }
            }
        }

        table {
            order: 1;
            grid-column: span 2;
            
            overflow: visible;
            margin-bottom: 0 !important;

            tbody {
                width: auto;
            }

            tr {
                gap: 0;
                justify-content: space-evenly;
            }
        }
    }
}

/*  */

.event.user.tips {
    border: 1px solid #E9ECEF;
    border-radius: 6px;
    padding-bottom: 0 !important;

    text-align: center;

    .hide {
      display: none;
    }

    h3 {
        padding: 20px 0 !important;
        border-bottom: 1px solid #E9ECEF;

        font-size: 18px;
        line-height: 135%;
    }

    .subtitle {
        font-weight: 600;
        font-size: 14px;
        line-height: 115%;
        color: #444444;

        padding-bottom: 24px;
    }

    .summary {
        padding: 32px 32px 24px;
    }

    .count {
        padding: 0 32px 32px;

        font-size: 14px;
        line-height: 115%;
        color: #8B8888;
    }

    form > .field {
        text-align: left;

        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0 8px;

        p {
            padding-bottom: 0;
        }

        input {
            display: none;
        }

        label {
            display: flex;
            align-items: center;
            gap: 0 8px;
            justify-content: center;

            border-radius: 4px;
            border: 1px solid #01676E;
            height: 48px;
            background: #F4F7F8;
            cursor: pointer;
            transition: .3s;

            font-weight: 700;
            font-size: 16px;
            line-height: 150%;
            color: #01676E;

            img {
                width: 20px;
                aspect-ratio: 1;
                object-fit: contain;
            }

            &:has(input:checked) {
                background: #01676E;
                color: #FFF;
            }
        }
    }

    .answer:nth-child(2) {
        img {
            width: 14px;
            transition: none;
        }

        &:has(input:checked) img {
            filter: brightness(0) invert(1);
        }
    }

    @media (min-width: 768px) {
        .short-name {
          display: none;
        }
    }

    @media (max-width: 767px) {
        .full-name {
          display: none;
        }

        h3 {
            font-size: 16px;
        }

        .summary {
            padding: 24px 16px;
        }

        .subtitle {
            padding-bottom: 24px;
        }

        .count {
            padding: 0 16px 24px;
        }

        form label {
            font-size: 14px;
            font-weight: 400;
        }

        .answer:nth-child(2) img {
            width: 12px;
        }
    }

    .voting-results {
        .options {
            display: flex;
            gap: 0 4px;

            padding: 32px;

            img {
                width: 32px;
                aspect-ratio: 1;
                border: 1px solid #E9ECEF;
                border-radius: 50%;
                padding: 0 6px;
                object-fit: contain;
            }

            .option {
                min-width: 63px;

                &[data-option=X] img {
                    padding: 0 10px;
                }
            }

            .bar {
                height: 8px;
                border-radius: 4px;
                background: #F4F7F8;
            }

            .label {
                padding-bottom: 8px;

                display: flex;
                align-items: center;
                gap: 0 6px;

                font-weight: 600;
                font-size: 14px;
                line-height: 135%;
                color: #7F7F7F;
            }

            .active {
                .label {
                    color: #01676E;
                }

                .bar {
                    background: #01676E;
                }
            }

            @media (max-width: 767px) {
                & {
                    padding: 24px 16px;
                }

                .label {
                    font-size: 12px;
                }

                img {
                    width: 24px;
                    padding: 0 4px;
                }

                .option[data-option=X] img {
                    padding: 0 7px;
                }
            }
        }

        .bottom {
            padding: 16px 24px;
            background: #F4F7F8;

            display: grid;
            grid-template-columns: auto 1fr;
            align-items: center;

            @media (max-width: 767px) {
                align-items: flex-start;
                padding: 16px;
            }

            .icon {
                width: 24px;
                aspect-ratio: 1;
                background: #FFF;
                border: 1px solid #F4F7F8;
                border-radius: 50%;
                margin-right: -6px;
                position: relative;
                z-index: 1;

                font-size: 14px;

                ~ div:not(.hide) {
                    display: grid;
                    grid-template-columns: 1fr auto;
                    align-items: center;

                    font-weight: 600;
                    color: #444;
                    font-size: 16px;
                    line-height: 1.2;

                    @media (max-width: 767px) {
                        display: flex;
                        flex-direction: column;
                        gap: 8px 0;
                        align-items: stretch;

                        font-size: 14px;
                        text-align: left;
                    }

                    strong {
                        color: inherit;
                    }

                    .left div {
                        display: flex;
                        flex-direction: row-reverse;
                        gap: 0 8px;
                        align-items: center;

                        > span {
                            flex: 1;
                        }

                        img {
                            width: 24px;
                            aspect-ratio: 1;
                            background: #FFF;
                            border: 1px solid #F4F7F8;
                            border-radius: 50%;
                            padding: 0 4px;
                            object-fit: contain;
                        }
                    }

                    .right {
                        display: grid;
                        grid-template-columns: 1fr auto;
                        align-items: center;
                        gap: 0 16px;

                        @media (max-width: 767px) {
                            margin-left: -18px;
                        }
                    }
                }
            }
        }

        .button {
            font-size: 14px;
            line-height: 1.5;
            text-align: right;
            font-weight: 700;
            color: #01676E;

            width: 124px;
            height: 40px;
            border: 2px solid #01676E;
            border-radius: 4px;
            padding: 0 8px;
            background: #FFF;

            display: grid;
            grid-template-columns: auto 1fr;
            align-items: center;

            &:hover {
                background: #E5F7F7;
            }

            a {
                text-decoration: none;
            }

            img {
                width: 24px;
                aspect-ratio: 1;
                border-radius: 4px;
            }
        }
    }
}

.event.multiple.tips {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #E9ECEF;
    padding-bottom: 0 !important;

    .disclaimer {
        border-top: 1px solid #E9ECEF;
        background: #F4F7F8;
        padding: 12px 24px;

        text-align: center;
        color: #7F7F7F;
        font-weight: 600;
        font-size: 12px;
        line-height: 135%;
    }

    .summary {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
        gap: 0 32px;
        align-items: center;

        padding: 24px 0;
        background: #F4F7F8;

        @media (min-width: 768px) {
            .short-name {
                display: none;
            }
        }

        @media (max-width: 767px) {
            .full-name {
                display: none;
            }
        }

        h3 {
            font-size: 16px;
            padding-bottom: 0;
        }

        img {
            width: 40px;
            aspect-ratio: 1;
            background: #FFF;
            border-radius: 50%;
            padding: 0 10px;
            object-fit: contain;
        }

        figure {
            display: flex;
            align-items: center;
            gap: 0 16px;

            font-weight: 600;
            font-size: 16px;
            line-height: 115%;
            color: #01676E;

            &:first-child {
                justify-content: flex-end;
            }
        }
    }

    table {
        font-weight: 600;
        font-size: 14px;
        line-height: 115%;
        color: #212529;
        
        margin-bottom: 0;

        th, td {
            padding: 16px;
        }

        th {
            border-top: 0;

            font-weight: 600;
            font-size: 13px;
            line-height: 135%;
            color: #7F7F7F;

            &:first-child {
                width: 180px;
            }

            &:last-child {
                width: 150px;
            }
        }

        tr {
            border-color: #E9ECEF;
            background: none !important;
        }

        td {
            font-weight: 500;
            text-align: left;

            &.tip {
                font-weight: 600;
            }
        }
    }

    .button {
        font-size: 16px;
        line-height: 1.5;
        text-align: right;

        width: 112px;
        height: 40px;
        border: 1px solid #01676E;
        border-radius: 4px;
        padding: 0 8px;

        display: grid;
        grid-template-columns: auto 1fr;
        align-items: center;

        &:hover {
            background: #E5F7F7;
        }

        a {
            text-decoration: none;
        }

        img {
            width: 24px;
            aspect-ratio: 1;
            border-radius: 4px;
        }
    }

    @media (max-width: 767px) {
        table {
            display: table;
            white-space: wrap;

            font-size: 13px;

            th, td {
                padding: 12px;
            }

            th {
                &:first-child {
                    width: 100px;
                }

                &:last-child {
                    width: 120px;
                }
            }
        }

        .summary {
            gap: 0 24px;

            h3 {
                font-size: 14px;
            }
        }

        .button {
            width: 86px;
        }
    }
}

/*  */

.event.table.moneyline.odds {
    padding: 0;
    background: none;
    border: 1px solid #E9ECEF;
    border-radius: 8px;

    tr, th {
        border-top: 0;
    }

    th, td {
        padding: 0;
    }

    table, table * {
        display: block;
    }

    tr {
        display: grid;
        grid-template-columns: 1fr repeat(3, 92px);
        gap: 0 8px;
        align-items: center;

        padding: 16px 24px;
    }

    tbody tr {
        border-top: 1px solid #E9ECEF;
    }

    th {
        font-weight: 600;
        font-size: 12px;
        line-height: 135%;
        color: #7F7F7F;

        &:nth-child(n+2) {
            text-align: center;
        }
    }

    .sportsbook div {
        display: flex;
        flex-direction: row-reverse;
        gap: 0 8px;
        align-items: center;

        font-weight: 500;
        font-size: 14px;
        line-height: 1.15;
        color: #444444;

        span {
            flex: 1;
        }

        p {
            flex: 1;
            padding-bottom: 0;
        }

        img {
            width: 24px;
            aspect-ratio: 1;
            border-radius: 4px;
            background: #000;
        }
    }

    .button {
        height: 40px;
        background: #F1F3F5;
        border: 1px solid #01676E;
        border-radius: 4px;

        display: flex;
        align-items: center;
        justify-content: center;

        font-weight: 600;
        font-size: 14px;
        line-height: 1.15;
        color: #01676E;

        a {
            text-decoration: none;
            color: inherit;
            transition: none;
            font-weight: inherit;
            display: flex;
            flex-direction: row-reverse;
            gap: 2px;
        }

        p {
          padding-bottom: 0;
        }

        &:hover {
            background: #01676E;
            color: #FFF;

            img {
              filter: brightness(0) invert(1);
            }
        }
    }

    .best .button {
        font-weight: 700;
        
        &:not(:hover) {
            background: #E5F7F7;
        }
    }

    td.block {
        grid-column: span 3;
        height: 40px;
        border-radius: 4px;
        background: #F1F3F5;

        display: flex;
        align-items: center;
        justify-content: center;
    }

    @media (max-width: 575px) {
        tr {
            padding: 16px;

            grid-template-columns: 1fr repeat(3, 64px);
        }

        .sportsbook div {
            flex-direction: column-reverse;
            align-items: stretch;
            gap: 8px 0;
        }
    }
}

/*  */

.event.table.lineup {
    border: 1px solid #E9ECEF;
    border-radius: 8px;
    padding-bottom: 0;

    .introduction {
        padding: 24px 0;
        border-bottom: 1px solid #E9ECEF;

        gap: 0 16px;
        display: flex;
        align-items: center;
        justify-content: center;

        font-weight: 600;
        font-size: 16px;
        line-height: 100%;

        figure {
            gap: 0 8px;
            display: flex;
            align-items: center;
            justify-content: center;

            font-weight: 700;
        }

        img {
            width: 16px;
            aspect-ratio: 1;
        }

        h3 {
            font: inherit;
        }
    }

    .summary {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 0 24px;

        padding: 24px;
    }

    .squad {
        font-weight: 600;
        font-size: 10px;
        line-height: 135%;
        text-align: center;
        color: #444;

        width: 336px;
        height: 369px;
        padding: 20px;

        display: flex;
        flex-direction: column;
        justify-content: space-between;

        .players {
            display: flex;
            justify-content: center;
            align-items: flex-start;

            > div {
                flex: 1;
            }
        }

        .number {
            width: 40px;
            aspect-ratio: 1;
            margin: 0 auto 4px;

            display: flex;
            align-items: center;
            justify-content: center;

            font-weight: 600;
            font-size: 12px;
            line-height: 135%;
            color: #FFF;
        }
    }

    .info {
        display: flex;
        flex-direction: column;
        gap: 32px 0;

        color: #444;
        font-weight: 600;
        font-size: 14px;
        line-height: 1.15;

        h4 {
            font-weight: 700;
            font-size: 14px;
            line-height: 1.15;
            
            padding-bottom: 8px;
        }

        .suspended, .hanging {
            .players {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        .suspended,
        .hanging {
            .players:has(.player) {
                position: relative;

                &::after {
                    content: '';
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    height: 1px;
                    background: #E9ECEF;
                }
            }

            .players:not(:has(.player)) {
                color: #8B8888;
                font-size: 12px;
                line-height: 135%;
            }

            .player {
                display: flex;
                gap: 0 4px;
                align-items: center;

                padding: 12px 0;
                border-bottom: 1px solid #E9ECEF;

                .number {
                    font-weight: 700;
                    flex: 0 0 20px;
                    width: 20px;
                }

                .name {
                    flex: 1;
                }

                &:nth-child(even) {
                    flex-direction: row-reverse;
                    text-align: right;
                }
            }
        }
    }

    @media (max-width: 767px) {
        .summary {
            display: flex;
            flex-direction: column;
            gap: 24px 0;

            padding: 20px 16px;
        }

        .squad {
            align-self: center;
            
            max-width: 295px;
            padding: 20px 0;
            background-image: url("https://apostas.gazetaesportiva.com/static/wp/field-mobile.svg") !important;
        }
    }
}

section.content :has(.no-number) {
  .event.table.lineup {
    .info .number {
      display: none;
    }

    .number span {
      display: none;
    }
  }
}

/*  */

.cards-structure .cards {
    display: flex;
    flex-direction: column;
    gap: 24px 0;

    @media (max-width: 1199px) {
        gap: 16px 0;
    }
}

.advertiser-geographical-area.horizontal.large {
    border: 1px solid #8B888833;
    border-radius: 8px;
    overflow: hidden;
    transition: .3s;

    &:hover {
        border-color: #01676E;
    }

    &.hide, .logo .rank {
        display: none;
    }

    .wrapper > .bottom {
        background: #F4F7F8;
        padding: 12px 16px;

        display: grid;
        grid-template-columns: 1fr auto;
        gap: 0 12px;
        align-items: center;

        font-weight: 600;
        font-size: 12px;
        line-height: 135%;
        color: #8B8888;

        .left {
            display: grid;
            grid-template-columns: auto 1fr;
            gap: 0 12px;
        }
    }

    .license {
        color: #444444;
    }

    .rank {
        width: 32px;
        aspect-ratio: 1;
        border-radius: 50%;
        border: 1px solid #EBEDED;

        display: flex;
        align-items: center;
        justify-content: center;

        color: #444;
        font-weight: 700;
        font-size: 14px;
        line-height: 145%;
    }

    .logo {
        width: fit-content;
        border-radius: 50%;
        overflow: hidden;

        img {
            width: 48px;
            aspect-ratio: 1;
        }
    }

    .sportsbook-name {
        color: #202020;
        font-weight: 700;
        font-size: 16px;
        line-height: 150%;
    }

    .rating {
        display: flex;
        gap: 4px;
    }

    .stars {
        display: flex;
        gap: 0 2px;
    }

    .features {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: center;

        color: #7F7F7F;
        font-weight: 600;
        font-size: 12px;
        line-height: 135%;

        &.responsiveness {
            display: none;
        }

        > div {
            display: grid;
            grid-template-columns: auto 1fr;
            gap: 0 6px;
            align-items: center;
        }

        .minimum-deposit .content {
            color: #202020;
        }

        .payment-methods .content {
            display: flex;

            .icon {
                border-radius: 50%;
                border: 1.5px solid #FFF;
                /*margin-right: -6px;*/
                position: relative;

                &:nth-child(1) {
                    z-index: 3;
                }

                &:nth-child(2) {
                    z-index: 2;
                }

                &:nth-child(3) {
                    z-index: 1;
                }

                &:hover span {
                    display: block;
                }
            }

            span {
                position: absolute;
                bottom: calc(100% + 8px);
                left: 50%;
                translate: -50% 0;

                background: #000;
                display: none;
                border-radius: 4px;
                padding: 3px 8px;

                font-family: Inter;
                font-weight: 500;
                font-size: 10px;
                line-height: 135%;
                color: #FFF;
                white-space: nowrap;

                &::after {
                    content: '';
                    position: absolute;
                    width: 6px;
                    aspect-ratio: 1;
                    background: #000;
                    bottom: -3px;
                    left: calc(50% - 3px);
                    rotate: 45deg;
                }
            }

            img {
                width: 21px;
                aspect-ratio: 1;
                padding: 0 4px;
                object-fit: contain;
            }
        }

        .apps .content {
            display: flex;
        }
    }

    .features:not(.responsiveness) {
        > div:nth-child(2) {
            grid-template-columns: auto auto;
            justify-content: right;
        }

        > div:nth-child(3) {
            grid-template-columns: auto auto;
            justify-content: right;
        }
    }

    .middle {
        background: #E5F7F7;
        padding: 16px;
        border-radius: 8px;
        min-height: 92px;
        .top {
            color: #01676E;
            font-weight: 600;
            font-size: 12px;
            line-height: 135%;
            padding-bottom: 8px;
        }

        .offer {
            color: #202020;
            font-weight: 600;
            font-size: 14px;
            line-height: 145%;
            span.cashback {
                display:inline-flex;
                    margin: 0 3px 0 0;
                 span{
                    display:inline-flex;
                    margin: 0 3px 0 0;
                }   
            }
        }

        .bottom {
            display: grid;
            grid-template-columns: 1fr auto;
            gap: 0 24px;
            align-items: center;
        }
    }

    .copy {
        position: relative;
        cursor: pointer;

        .success {
            position: absolute;
            top: 0;
            left: 0;
            display: none;
            width: 100%;

            > div {
              width: 100%;
                background: #FFF;
                border: 0;
            }

            &.active {
                display: block;
            }
        }

        > div > div {
            width: fit-content;
            height: 36px;
            padding: 0 10px;
            border: 1px dashed #01676E;
            border-radius: 4px;
            transition: .3s;
            
            color: #01676E;
            font-weight: 700;
            font-size: 12px;
            line-height: 150%;
            text-transform: uppercase;

            display: grid;
            grid-template-columns: 1fr auto;
            align-items: center;
            gap: 4px;
            &:hover {
                border-color: #00B0A8;
            }
        }

        img {
            width: 11px;
            aspect-ratio: 1;
        }
    }

    .buttons {
        display: flex;
        flex-direction: column;
        gap: 8px 0;
    }

    .donation-link a {
        display: flex;
        height: 40px;
        padding: 0 20px;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        background: #DD2D12;
        color: #FFF;
        font-family: 'Oswald', 'Arial Narrow';
        font-size: 14px;
        line-height: 150%;
        text-transform: uppercase;

        &:hover {
            background: #F25941;
        }
    }

    .tag {
        padding: 2px 8px;
        width: fit-content;
        background: #E5F7F7;
        border-radius: 4px;
        margin-top: 4px;

        color: #01676E;
        font-weight: 700;
        font-size: 12px;
        line-height: 135%;
        letter-spacing: 0%;
        text-transform: uppercase;
    }

    .review a {
        border: 1px solid #8B888833;
        height: 40px;
        border-radius: 4px;

        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0 4px;

        color: #444;
        font-weight: 700;
        font-size: 12px;
        line-height: 135%;
        text-transform: uppercase;

        &:hover {
            border-color: #DD2D12;
        }
    }

    .wrapper > .top {
        padding: 16px;

        display: grid;
        grid-template-columns: 1fr 438px 128px;
        gap: 0 24px;
        align-items: center;
    }

    .left > .top {
        padding-bottom: 16px;
        margin-bottom: 12px;
        border-bottom: 1px solid #EBEDED;

        display: grid;
        align-items: center;
        gap: 0 12px;
        grid-template-columns: auto auto 1fr auto;
    }

    @media (max-width: 1199px) {
        .wrapper > .top {
            display: flex;
            flex-direction: column;
            gap: 16px 0;
            align-items: stretch;
        }

        .left > .top {
            padding-bottom: 0;
            margin-bottom: 0;
            border-bottom: 0;
        }

        .features {
            padding-top: 16px;
            gap: 8px 0;
            flex-direction: column;
            align-items: stretch;

            &.responsiveness {
                display: flex;
            }

            &:not(.responsiveness) {
                display: none;
            }

            > div {
                grid-template-columns: 1fr auto;
            }
        }

        .middle {
            .top {
                display: none;
            }

            .bottom {
                display: flex;
                flex-direction: column;
                gap: 8px 0;
                align-items: stretch;
            }
        }

        .copy {
            .success {
                width: 100%;
            }

             > div > div {
                width: auto;
                display: flex;
                justify-content: center;
                gap: 0 8px;
            }
        }

        .offer {
            text-align: center;
        }

        .buttons {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 0 8px;
        }

        .wrapper > .bottom {
            align-items: flex-start;
            padding: 12px;

            .left {
                display: block;
            }
        }
    }
}

/*  */

.filters {
    padding-bottom: 24px;

    display: flex;
    justify-content: space-between;
    align-items: center;

    > .left {
        padding: 4px;
        border-radius: 8px;
        background: #F4F7F8;

        display: flex;

        /*font-family: Inter;*/
        font-size: 14px;
        line-height: 145%;
        color: #444;
    }

    > .left .filter {
        line-height: 36px;
        padding: 0 12px;
        border-radius: 6px;
        white-space: nowrap;
        cursor: pointer;
        font-weight: 600;

        &:hover {
            color: #01676E;
        }

        &.active {
            background: #FFF;
            box-shadow: 0 4px 16px #01676E26;
            color: #01676E;
        }
    }

    > .right {
        display: flex;
        gap: 0 8px;
        align-items: center;
    }

    .search .input {
        width: 320px;
        height: 44px;
        padding: 0 12px;
        border-radius: 8px;
        border: 1px solid #EBEDED;
        transition: .3s;

        display: grid;
        grid-template-columns: auto 1fr;
        align-items: center;
        gap: 0 8px;

        input {
            align-self: stretch;

            /*font-family: Inter;*/
            font-weight: 500;
            font-size: 14px;
            line-height: 145%;
        }

        &:has(input:focus, input:hover) {
            border-color: #01676E;
            box-shadow: 0 0 2px #E5F7F7;

            input::placeholder {
                opacity: 1;
            }
        }
    }

    .order .toggle > div {
        padding: 0 12px 0 12px !important;
    }

    .toggle > div {
        height: 44px;
        padding: 0 16px 0 12px;
        border-radius: 8px;
        border: 1px solid #EBEDED;
        cursor: pointer;
        transition: .3s;

        display: flex;
        align-items: center;
        gap: 0 8px;
        flex-direction: row-reverse;

        color: #202020;
        /* font-family: Inter; */
        font-weight: 600;
        font-size: 14px;
        line-height: 1;

        img {
            transition: none;
        }

        &:hover {
            border-color: #01676E;
            color: #01676E;

            img {
                filter: invert(13%) sepia(90%) saturate(4752%) hue-rotate(176deg) brightness(97%) contrast(104%);
            }
        }

        &.active {
            display: none;
            flex-direction: row;
            color: #01676E;
            border-color: #01676E;
            background: #E5F7F7;
            padding: 0 12px;

            .title div {
                display: flex;
                flex-direction: row-reverse;
                gap: 0 8px;
                align-items: center;
            }
            
            .close {
              z-index: 5;
            }

            img {
                filter: invert(13%) sepia(90%) saturate(4752%) hue-rotate(176deg) brightness(97%) contrast(104%);
            }

            .number {
                display: none;
            }
        }
    }

    .toggle.active {
        > div:not(.active) {
            display: none;
        }

        > div.active {
            display: flex;
        }
    }

    @media (min-width: 1200px) {
        .order.responsiveness {
            display: none;
        }
    }

    @media (max-width: 1199px) {
        & {
            display: block;
            padding-bottom: 16px;
        }

        > .left {
            display: none;
        }

        > .right {
            display: grid;
            grid-template-columns: 1fr auto auto;
        }

        .search .input {
            width: auto;
        }

        .toggle > div {
            width: 44px;
            padding: 0;
            justify-content: center;

            > span, .title span {
                display: none;
            }

            &.active {
                position: relative;
                padding: 0;

                .close {
                    display: none;
                }

                .number {
                    position: absolute;
                    top: 7px;
                    right: 4px;

                    display: block;
                    width: 14px;
                    aspect-ratio: 1;
                    border-radius: 50%;
                    border: 2px solid #E5F7F7;
                    background: #01676E;

                    color: #FFF;
                    /* font-family: Inter; */
                    font-weight: 500;
                    font-size: 9px;
                    line-height: 100%;
                }
            }
        }
    }
}

body:has(.advanced-filters.opened, .order.opened) {
    @media (max-width: 575px) {
        overflow: hidden;
    }

    &::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #00000080;
        z-index: 5;
    }
}

.advanced-filters:not(.opened) .toolbar {
    display: none !important;
}

.order.responsiveness:not(.opened) .toolbar {
    display: none !important;
}

.filters .advanced-filters .toolbar {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 5;
    box-shadow: 0px 12px 40px -8px #00000014;
    border-radius: 8px;
    background: #FFF;
    width: 375px;
    height: calc(100vh - 40px);
    overflow: auto;

    @media (max-width: 575px) {
        & {
            top: 0;
            right: 0;
            width: 100%;
            height: 100%;
            border-radius: 0;
        }
    }

    > .top, .middle > div {
        border-bottom: 1px solid #8B888833;
    }

    > .top, .middle > div:not(.opened) .items,
    > .top, .middle > div:not(.opened) .bottom {
        display: none;
    }

    .close, .toggle {
        cursor: pointer;

        img {
            width: 20px;
            aspect-ratio: 1;
        }
    }

    > .top, .middle > div.opened {
        .handle {
          position: relative;
          width: 100%;
          height: 20px;

          .overlay {
            position: absolute;
            bottom: 2px;
            left: 7px;
            width: calc(100% - 14px);
            height: 6px;
            background-color: #00B0A8;
          }

          input[type='range'] {
            width: 100%;
            position: absolute;
            bottom: 0;
            left: 0;
            /*overflow: hidden;*/
            cursor: pointer;
            outline: none;
          }

          input[type='range'],
          input[type='range']::-webkit-slider-runnable-track,
          input[type='range']::-webkit-slider-thumb {
            -webkit-appearance: none;
            background: none;
          }

          input[type='range']::-webkit-slider-runnable-track {
            height: 6px;
            background: #EBEDED;
          }

          input[type='range']:nth-child(1)::-webkit-slider-runnable-track{
            background: none;
          }

          input[type='range']::-webkit-slider-thumb {
            position: relative;
            height: 14px;
            width: 14px;
            margin-top: -6px;
            border: 2px solid #01676E;
            background-color: #fff;
            border-radius: 25px;
            z-index: 1;
          }

          input[type='range']:nth-child(1)::-webkit-slider-thumb{
            z-index: 2;
          }
        }

        .toggle {
            img {
                transform: rotate(180deg);
            }
        }
    }

    > .top, .introduction {
        height: 64px;
        padding: 0 16px;

        display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;

        .title {
            padding-bottom: 0;

            div {
                display: flex;
                flex-direction: row-reverse;
                align-items: center;
                gap: 0 8px;
            }

            img {
                width: 16px;
                aspect-ratio: 1;
            }
        }

        span {
            flex: 1;
            color: #202020;
            font-weight: 600;
            font-size: 14px;
            line-height: 145%;
        }
    }

    .introduction {
      cursor: pointer;
    }

    .introduction + .bottom {
        padding: 0 16px 18px;

        .title {
            display: flex;
            justify-content: space-between;

            padding-bottom: 8px;

            font-weight: 600;
            font-size: 14px;
            line-height: 145%;
        }

        .value {
            color: #8B8888;
        }
    }

    .items {
        padding: 0 16px 18px;

        display: flex;
        flex-direction: column;
        gap: 12px 0;

        color: #444;
        font-size: 14px;
        line-height: 1.45;
    }

    .item {
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: center;
        gap: 0 10px;
    }

    label, input[type=checkbox] {
        cursor: pointer;
    }

    input[type=checkbox] {
        appearance: none;
        width: 14px;
        aspect-ratio: 1;
        border: 1px solid #8B8888;
        border-radius: 4px;

        display: flex;
        align-items: center;
        justify-content: center;

        &:checked {
            background: #01676E;
            border-color: transparent;
        }

        &::before {
            content: '';
            display: block;
            width: 7px;
            height: 4px;
            border: solid #FFF;
            border-width: 0 0 1px 1px;
            rotate: -45deg;
            margin-top: -2px;
        }
    }

    .buttons {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0 8px;

        padding: 22px 16px;

        button {
            cursor: pointer;
        }
    }

    .submit {
        display: flex;
        height: 40px;
        padding: 0 20px;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        background: #01676E;
        color: #FFF;
        font-family: 'Oswald', 'Arial Narrow';
        font-size: 14px;
        line-height: 150%;
        text-transform: uppercase;

        &:hover {
            background: #00B0A8;
        }
    }

    .clear div {
        border: 1px solid #8B888833;
        height: 40px;
        border-radius: 4px;
        transition: .3s;

        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0 4px;

        color: #444;
        font-weight: 700;
        font-size: 12px;
        line-height: 135%;
        text-transform: uppercase;

        &:hover {
            border-color: #DD2D12;
        }
    }
}

@keyframes slideUp {
    from {
        translate: 0 100%;
    }

    to {
        translate: 0 0;
    }
}

.filters .order .toolbar {
    position: fixed;
    z-index: 5;
    bottom: 0;
    left: 0;
    background: #FFF;
    border-radius: 16px 16px 0 0;
    padding: 20px 16px 32px;
    width: 100%;
    animation: slideUp .3s linear;

    .title div {
        padding-bottom: 20px;

        display: flex;
        flex-direction: row-reverse;
        gap: 0 8px;
        align-items: center;
        justify-content: center;

        color: #202020;
        font-weight: 700;
        font-size: 16px;
        line-height: 125%;

        img {
            width: 20px;
            aspect-ratio: 1;
        }
    }

    fieldset {
        display: flex;
        flex-direction: column;
        gap: 12px 0;
    }

    input {
        margin-top: 3px;
        appearance: none;
        width: 16px;
        aspect-ratio: 1;
        border-radius: 50%;
        border: 1px solid #8B8888;

        display: flex;
        align-items: center;
        justify-content: center;

        &::before {
            content: '';
            display: block;
            width: 8px;
            aspect-ratio: 1;
            border-radius: 50%;
        }

        &:checked {
            border-color: #01676E;

            &::before {
                background: #01676E;
            }
        }
    }

    button {
        border: 1px solid #8B888833;
        border-radius: 10px;
        padding: 16px;

        display: grid;
        grid-template-columns: auto 1fr;
        gap: 0 12px;
        align-items: flex-start;

        &.active {
            border-color: #01676E;
        }

        span {
            display: block;

            text-align: left;
            font-size: 14px;
            line-height: 145%;
            color: #444;

            &:first-child {
                font-weight: 600;
                color: #202020;
            }
        }
    }
}

/*  */

.cards-structure .no-results {
    .options-cards {
        display: flex;
        flex-direction: column;
        gap: 16px 0;

        .title {
            font-family: 'Open Sans';
            font-weight: 700;
            font-size: 20px;
            line-height: 120%;
        }
    }

    > .introduction {
        margin-bottom: 32px;
        padding: 20px;
        border-radius: 4px;
        background: #FFF4F2;
        text-align: center;

        .icon img {
            margin: 0 auto 16px;
            padding: 0 12px;
            width: 48px;
            aspect-ratio: 1;
            border-radius: 50%;
            background: #FFF;
            object-fit: contain;
        }

        .title {
            padding-bottom: 4px;
        }

        
          font-family: 'Open Sans';
          font-weight: 700;
          font-size: 17px;
          line-height: 120%;
          color: #DD2D12;
        

        .content {
            color: #444;
            font-size: 12px;
            line-height: 135%;
        }
    }
}