/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/@wordpress/scripts/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/blocks/top-real-money-casinos/style.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.wp-block-wlc-top-real-money-casinos {

    width: 100%;

    max-width: 100%;

    border-width: 1px;

    border-style: solid;

    --tw-border-opacity: 1;

    border-color: rgb(219 222 225 / var(--tw-border-opacity, 1))
}

.trmc__header {

    width: 100%;

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));

    padding-left: 0.75rem;

    padding-right: 0.75rem;

    padding-top: 1rem;

    padding-bottom: 1.5rem
}

@media (min-width: 1024px) {

    .trmc__header {

        padding-left: 1rem;

        padding-right: 1rem
    }
}

.trmc__header {

    display: flex;

    align-items: center;

    gap: 1rem
}

@media (min-width: 768px) {

    .trmc__header {

        align-items: center;

        justify-content: center;

        gap: 2rem
    }
}

@media not all and (min-width: 768px) {

    .trmc__header {

        flex-direction: column
    }

    .trmc__header  > div {

        width: 100%
    }
}

.trmc__logo-wrapper {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 2.5rem
}

@media (min-width: 768px) {

    .trmc__logo-wrapper {

        flex-direction: column;

        gap: 1rem
    }
}

.trmc__logo-wrapper img {

    max-height: 5rem;

    width: 100%;

    max-width: 10rem;

    -o-object-fit: contain;

       object-fit: contain
}

.trmc__ratings-wrapper {

    display: flex;

    align-items: center;

    gap: 0.5rem
}

.trmc__rating {

    height: 100%;

    min-height: 7.5rem;

    width: 100%;

    --tw-bg-opacity: 1;

    background-color: rgb(244 244 244 / var(--tw-bg-opacity, 1));

    padding: 1.25rem;

    text-align: center
}

@media (min-width: 768px) {

    .trmc__rating {

        min-width: 9.625rem
    }
}

.trmc__rating {

    display: flex;

    flex-direction: column;

    justify-content: center;

    gap: 1.25rem
}

.trmc__rating .rating-wlc-wrapper {

    justify-content: center
}

:is(.trmc__rating .rating-wlc-wrapper) .rating-wlc-number {

    font-size: 1.5rem;

    line-height: 2rem;

    font-weight: 700;

    --tw-text-opacity: 1;

    color: rgb(37 37 37 / var(--tw-text-opacity, 1))
}

.trmc__rating-value {

    font-size: 1.125rem;

    line-height: 1.75rem;

    font-weight: 700;

    --tw-text-opacity: 1;

    color: rgb(37 37 37 / var(--tw-text-opacity, 1))
}

.trmc__rating-title {

    font-size: 0.75rem;

    line-height: 1rem;

    font-weight: 600;

    text-transform: uppercase;

    --tw-text-opacity: 1;

    color: rgb(37 37 37 / var(--tw-text-opacity, 1))
}

.trmc__casino-review-link {

    display: block;

    width: 100%;

    text-align: center;

    font-size: 0.75rem;

    line-height: 1rem;

    font-weight: 600;

    --tw-text-opacity: 1;

    color: rgb(219 0 47 / var(--tw-text-opacity, 1));

    text-decoration-line: underline
}

.trmc__casino-link {

    text-wrap: nowrap;

    text-align: center;

    text-decoration-line: none
}

@media not all and (min-width: 768px) {

    .trmc__casino-link {

        display: block;

        width: 100%
    }
}

.trmc__bonus-text,
.trmc__bonus-text p {

    padding-top: 0px;

    text-align: center;

    font-size: 1.125rem;

    line-height: 1.75rem;

    font-weight: 700;

    --tw-text-opacity: 1;

    color: rgb(0 0 0 / var(--tw-text-opacity, 1))
}

.is-style-button-bonus-code button {

    margin-left: auto;

    margin-right: auto;

    margin-top: 1rem;

    display: flex;

    align-items: center;

    gap: 0.25rem;

    border-radius: 0.25rem;

    border-width: 1px;

    border-style: solid;

    --tw-border-opacity: 1;

    border-color: rgb(198 0 43 / var(--tw-border-opacity, 1));

    padding-top: 0.25rem;

    padding-bottom: 0.25rem;

    padding-left: 0.5rem;

    padding-right: 0.5rem;

    font-size: 0.75rem;

    line-height: 1rem;

    font-weight: 600;

    --tw-text-opacity: 1;

    color: rgb(198 0 43 / var(--tw-text-opacity, 1))
}

:is(.is-style-button-bonus-code button) svg {

    width: 1rem;

    height: 1rem;

    min-width: 1rem
}

:is(:is(.is-style-button-bonus-code button) svg) path {

    fill: #c6002b
}

.trmc__box-wrapper {

    display: grid;

    grid-auto-columns: auto
}

@media (min-width: 768px) {

    .trmc__box-wrapper {

        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width: 1024px) {

    .trmc__box-wrapper {

        grid-template-columns: 1fr 1.2fr 1.4fr 1.1fr
    }
}

.trmc__box {

    display: flex;

    height: 100%;

    width: 100%;

    align-items: center;

    justify-content: center;

    gap: 0.5rem;

    padding-left: 1.5rem;

    padding-right: 1.5rem;

    padding-top: 1rem;

    padding-bottom: 1rem
}

@media not all and (min-width: 640px) {

    .trmc__box {

        justify-content: flex-start
    }
}

@media (min-width: 1024px) {

    .trmc__box {

        padding-left: 0.5rem;

        padding-right: 0.5rem
    }
}

.trmc__box {

    border-top-width: 1px;

    border-style: solid;

    --tw-border-opacity: 1;

    border-color: rgb(219 222 225 / var(--tw-border-opacity, 1))
}

@media (min-width: 768px) {

    .trmc__box {

        border-right-width: 1px
    }
}

.trmc__box {

    font-size: 0.875rem;

    line-height: 1.25rem;

    font-weight: 500;

    --tw-text-opacity: 1;

    color: rgb(37 37 37 / var(--tw-text-opacity, 1))
}

.trmc__box span {

    font-weight: 600
}

@media (min-width: 768px) {

    .trmc__box:nth-child(even) {

        border-right-width: 0px
    }
}

@media (min-width: 1024px) {

    .trmc__box:nth-child(even) {

        border-right-width: 1px
    }

    .trmc__box:last-child {

        border-right-width: 0px
    }
}

.trmc__footer {

    width: 100%;

    --tw-bg-opacity: 1;

    background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1));

    padding-top: 0.75rem;

    padding-bottom: 0.75rem;

    padding-left: 1.25rem;

    padding-right: 1.25rem
}

.trmc__footer p {

    padding-top: 0px;

    font-size: 0.625rem;

    font-weight: 400;

    line-height: 0.875rem;

    --tw-text-opacity: 1;

    color: rgb(80 80 80 / var(--tw-text-opacity, 1))
}


/*# sourceMappingURL=index.css.map*/