/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


.site-content p {
    margin-bottom: 15px;
}
.stats-page .match-stats-table {
    border-collapse: collapse;
    width: 100%;
    overflow: auto;
    color: #000;
}
.stats-page .rs-tab-bottom {
    background: #f2f2f2;
    border: 1px solid #ccc;
    color: #203342;
    border-radius: 0 0 6px 6px;
    border-top: 0;
    padding: 0 16px 16px;
}

.stats-page  .match-stats-table thead th {
    background: #022e4a !important;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-style: italic;
    font-weight: 700;
    height: 50px;
    top: 0;
    white-space: nowrap;
    z-index: 2;
    vertical-align: middle;
    text-align: center;
}

.stats-page .match-stats-table tbody tr:nth-child(odd) {
    background: #f5f5f5; /* Rândurile impare vor avea fundal gri deschis */
    border: 0;
}

.stats-page .match-stats-table tbody tr:nth-child(even) {
    background: #ffffff; /* Rândurile pare vor avea fundal alb */
    border: 0;
}

.stats-page  .match-stats-table tbody td {
    min-height: 50px;
    vertical-align: middle;
}
td.matsta_cell {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    border: 0;
}
td.matsta_cell, th.matsta_header {
    padding: 0 6px 0 6px !important;
    text-align: center;
    position: relative;
}

.match-tips-page .ms_market, .match-tips-page .ms_submarket, .date_start, .time_start  {
    display: block;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #3e3e3f;
}
td.matsta_cell.matsta_team, td.matsta_cell.matsta_player, td.matsta_cell.matsta_referee, td.matsta_cell.matsta_match, th.matsta_header.matsta_team, th.matsta_header.matsta_player, th.matsta_header.matsta_referee, th.matsta_header.matsta_match {
    text-align: left !important;
}

.ms-league {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding-bottom: 3px;
    white-space: nowrap;
    color: #3e3e3f;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

td.matsta_match .matsta_localteam, td.matsta_match .matsta_visitorteam, td.matsta_match .matsta_league {
    display: inline-flex;
    grid-template-columns: 24px auto;
    padding: 5px 0 0 0;
    align-items: center;
    gap: 9px;
}

.match-tips-page table td.matsta_odds .odds_label.odd_active, .fixtures-and-best-odds table td.fbo_odds .odds_label.odd_active {
    display: block;
}
table td.matsta_odds .fixture-odd-wrapper, .fixtures-and-best-odds table td.fbo_odds .fixture-odd-wrapper {
    align-items: center;
    background: #022e4a;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    padding: 4px 4px 26px;
    position: relative;
    color: #fff;
}

table td.matsta_odds .fixture-odd-bookie, .fixtures-and-best-odds table td.fbo_odds .fixture-odd-bookie {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    bottom: 0;
    height: 26px;
    position: absolute;
    right: 0;
    width: 100%;
}

 table td.matsta_odds .fixture-odd-wrapper a, .fixtures-and-best-odds table td.fbo_odds .fixture-odd-wrapper a {
    flex-direction: column;
    text-decoration: none;
}
.odds_labels {
    padding: 5px;
}
.ms-team {
    font-weight: bold;
}

.finalodds {
    font-size: 14px;
    text-align: right;
    font-weight: bold;
    text-transform: uppercase;
}

.p-4 {
    padding: 1rem;
}
.rounded-tr-\[32px\] {
    border-top-right-radius: 32px;
}
.rounded-tl-lg {
    border-top-left-radius: .5rem;
}
.rounded-b-\[32px\] {
    border-bottom-left-radius: 32px;
    border-bottom-right-radius: 32px;
}
.overflow-hidden {
    overflow: hidden;
}
.justify-between {
    justify-content: space-between;
}
.items-center {
    align-items: center;
}
.flex {
    display: flex
;
}

@media (min-width: 576px) {
    .sm\:w-\[93\%\] {
        width: 93%;
    }
}
.bg-opacity-20 {
    --tw-bg-opacity: 0.2;
}
.bg-\[\#1c1c1c\] {
    --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / 20%);
}
.skew-x-\[330deg\] {
    --tw-skew-x: 330deg;
}
.rotate-45, .skew-x-\[330deg\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.w-\[77\%\] {
    width: 77%;
}
.top-0 {
    top: 0;
}
.left-\[50px\] {
    left: 50px;
}
.bottom-0 {
    bottom: 0;
}
.absolute {
    position: absolute;
}
.max-w-\[53px\] {
    max-width: 53px;
}

.text-white {
    color: #fff !important;
}
.leading-3 {
    line-height: .75rem;
}
.font-medium {
    font-weight: 500;
}
.text-\[8px\] {
    font-size: 8px;
}


@media (min-width: 1400px) {
    .\32xl\:flex-row {
        flex-direction: row;
    }
}
@media (min-width: 1400px) {
    .\32xl\:justify-start {
        justify-content: flex-start;
    }
}
@media (min-width: 1400px) {
    .\32xl\:w-full {
        width: 100%;
    }
}

@media (max-width: 767px) {
   td.matsta_match .matsta_localteam, td.matsta_match .matsta_visitorteam, td.matsta_match .matsta_league {
    display: block;
    grid-template-columns: 24px auto;
    padding: 5px 0 0 0;
    align-items: center;
    gap: 9px;
}

.odds_labels {
    padding: 5px;
    min-width: 80px;
}
}

@media (max-width: 991px) {
     table td.matsta_odds .odds_label {
        font-size: 14px;
    }
}

@media (max-width: 991px) {
    td.matsta_match .matsta_localteam, .match-tips-page td.matsta_match .matsta_visitorteam {
        grid-template-columns: 18px auto;
    }
}

@media (max-width: 991px) {
    table td.matsta_odds, .match-tips-page table td.matsta_odds .fixture-odd-bookie {
        height: 32px;
    }
    
}

@media (min-width: 1400px) {
    .\32xl\:mt-0 {
        margin-top: 0;
    }
}
@media (min-width: 1200px) {
    .xl\:w-full {
        width: 100%;
    }
}
@media (min-width: 1200px) {
    .xl\:mt-4 {
        margin-top: 1rem;
    }
}
@media (min-width: 768px) {
    .md\:w-auto {
        width: auto;
    }
}
@media (min-width: 768px) {
    .md\:mt-0 {
        margin-top: 0;
    }
}
@media (min-width: 360px) {
    .xs\:w-full {
        width: 100%;
    }
}
@media (min-width: 360px) {
    .xs\:mt-4 {
        margin-top: 1rem;
    }
}
.flex-col {
    flex-direction: column;
}
.flex {
    display: flex
;
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}
.font-bold {
    font-weight: 700;
}
.text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
}
.py-2\.5 {
    padding-bottom: .625rem;
    padding-top: .625rem;
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.bg-primary {
    background-color: rgb(0 232 137);
    color: #022e4a;
        font-size: 12px;
}
.rounded-\[32px\] {
    border-radius: 32px;
}
.whitespace-nowrap {
    white-space: nowrap;
}
.justify-center {
    justify-content: center;
}
.items-center {
    align-items: center;
}
.flex {
    display: flex
;
}
.mb-1 {
    margin-bottom: .25rem;
}
.z-\[2\] {
    z-index: 2;
}

.justify-center {
    justify-content: center;
}
.items-center {
    align-items: center;
}
.max-w-\[53px\] {
    max-width: 53px;
}
.h-auto {
    height: auto;
}

.mr-2 {
    margin-right: .5rem;
}


.widget-area img {
    margin: 0 auto;
    text-align: center;
}

.widget-area .gbp-card {
    align-items: flex-start;
    background-color: var(--base-3);
    box-shadow: 0px 0px 30px -10px rgba(77, 93, 128, 0.1);
    height: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
    border-radius: .25rem;
    padding: 2.5rem 1.5rem 2.5rem 1.5rem;
}


.footer-widgets .widget :last-child, .sidebar .widget :last-child {
    margin-bottom: 0;
    text-align: center;
}

.category ul {
    position: relative;
    margin: 0;
}
.text-center {
    text-align: center;
}
@media (min-width: 1400px) {
    .\32xl\:w-auto {
        width: auto;
    }
}
@media (min-width: 1400px) {
    .\32xl\:mt-0 {
        margin-top: 0;
    }
}

.nomatch {
    background: #f4f8fc;
	color: #000;
    padding: 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.iconmatch {
    margin-right: 10px;
}


#casino-list {
    position: relative;
}
.casino-list {
    width: 100%;
}

.centered-content {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.top-card-general-container {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
    gap: 20px;
    align-items: center;
    grid-template-areas: "cardLogo cardBonus cardCta";
    margin-bottom: 16px;
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    padding: 0px;
    position: relative;
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.flex-row {
    display: flex;
    flex-direction: row;
}


.top-card-logo {
    grid-area: cardLogo;
}


.casino-logo {
    grid-area: logo;
    width: auto;
    max-width: 11vw;
    height: auto;
    max-height: 6vw;
    justify-self: center;
    align-self: center;
}

.top-card-logo img {
    height: auto;
    object-fit: contain;
    margin: auto;
    max-width: 100%;
    min-height: 150px;
    max-width: 150px;
    width: 100%;
}

.top-card-bonus_bigTitle {
    font: normal normal 600 20px / 28px Open Sans, sans-serif !important;
    letter-spacing: 0px;
    color: #022e4a;

}

.top-card-pro_title {
    position: relative;
    margin-bottom: 8px;
}

.top-card-pro {
    grid-area: cardPro;
    text-align: left;
    font-size: 14px;
    margin-left: 0px;
}

.top-card-cta {
    grid-area: cardCta;
    padding-right: 25px;
}

.offer-link-button {
    border-radius: 40px;
    background: #022e4a;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 36px;
    height: 56px;
    font: normal normal bold 16px / 22px Open Sans, sans-serif;
    letter-spacing: 0px;
    color: #fff;
    text-transform: uppercase;
}

.offer-link-button:hover {
    border-radius: 40px;
    background: #00e889;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 36px;
    height: 56px;
    font: normal normal bold 16px / 22px Open Sans, sans-serif;
    letter-spacing: 0px;
    color: #022e4a;
    text-transform: uppercase;
}


.top-card-pro ul {
    list-style: none; /* Elimină bullet-urile implicite */
    padding-left: 0; /* Elimină indentarea implicită */
}

.top-card-pro ul li {
    position: relative; /* Pentru a poziționa icon-ul */
    padding-left: 25px; /* Adaugă spațiu pentru icon */
     margin: 0;
}

.top-card-pro ul li:before {
    content: "\f147"; /* Codul Unicode pentru fa-check */
    font-family: "Dashicons";
    font-weight: 900; /* Setează greutatea potrivită (de obicei Solid) */
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); /* Centrare verticală */
    color: #28a745; /* Schimbă culoarea după preferințe */
}

.top-card-pro ul {
    margin: 0 !important;
}

.vezi-recenzie {
        font-size: 14px;
    color: #000;
    text-decoration: underline;
}

@media screen and (max-width: 992px) {
  .top-card-general-container {
    grid-template-columns: 1fr;
    grid-template-areas:
      "cardLogo cardLogo"
      " cardBonus cardBonus"
      " cardPro cardScore "
      "cardCta cardCta";
    padding-bottom: 20px;
  }

  .license-container {
    align-items: center;
    gap: 5px;
    border-radius: 15px 15px 0 0;
    left: 50%;
    transform: translate(-50%);
    right: inherit;
  }

  .star-score,
  .star-row {
    display: none;
  }

  .top-card-logo img {
    min-height: auto !important;
    height: auto !important;
  }

  .centered-content.introduction {
    text-align: left;
    padding: 40px 10px 10px;
  }

  .centered-content.introduction h1 {
    font-size: 20px !important;
    line-height: 24px !important;
  }

  .centered-content.introduction p {
    font-size: 14px !important;
    line-height: 20px !important;
  }
}

@media only screen and (max-width: 768px) {
    .casino-logo {
        /* width: 26vw; */
        /* margin-top: -10vw; */
        max-width: unset;
        max-height: unset;
    }
    
    .top-card-cta {
    grid-area: cardCta;
    padding-right: 0px;
}

.top-card-bonus, .top-card-pro,.top-card-cta {
    padding: 0px 15px;
}

.top-card-pro {
    grid-area: cardPro;
    text-align: left;
    font-size: 15px;
    margin-left: 0px; 
}
}


@media screen and (max-width: 520px) {
    
    td.matsta_cell.matsta_team, td.matsta_cell.matsta_player, td.matsta_cell.matsta_referee, td.matsta_cell.matsta_match, th.matsta_header.matsta_team, th.matsta_header.matsta_player, th.matsta_header.matsta_referee, th.matsta_header.matsta_match {
    text-align: center !important;
}
  #casino-list:after {
    content: none;
  }
  .introduction .main-heading,
  .introduction .testing-class {
    font-size: 16px;
  }

  .t-and-c-content .centered-content.introduction p {
    display: none;
  }

  .home-tags {
    gap: 10px !important;
    margin: 20px 0 5px !important;
  }

  .top-card-bonus_bigTitle {
    font: normal normal 600 21px/26px Open Sans, sans-serif !important;
                margin: 10px 0px;
  }

  .top-card-bonus_smallTitle {
    font: normal normal 500 16px/20px Open Sans, sans-serif !important;
  }

  .top-card-logo img {
    max-width: 115px;
    width: 115px;
  }

  .top-card-general-container {
    gap: 10px;
  }
}