/*
Theme Name: Casino Reports
Theme URI: https://www.casinoreports.ca/
Description: Casino Reports Theme
Author: Pavel Stoychev
Author URI: https://www.casinoreports.ca/
Template: tribune
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: casinoreports

This is custom style for casino reviews pages
*/

/* FIX STYLE HERE THEN MINIFY NEW STYLE INTO casino-reviews.min.css DELETE OLD MIN CSS  */

/*
-------------------------------------------------------------
                    CASINO HEADING
-------------------------------------------------------------
*/

.page .entry-content .casinoBonuses p {
    margin: 0;
}

.entry-header .casino-title {
    display: flex;
    margin-bottom: 0.8rem;
}

.entry-header .casino-title h1 {
    margin:0;
}

.entry-header .casino-title div {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 0.4rem;
}

.entry-content .review-container {
    display: flex;
}

.review-container .gallery {
    width: 50%;
}

.review-container .gallery .gallery-item {
    border: none;
}


.entry-content div.casino-heading {
    display: flex;
    width: 50%;
    flex-direction: column;
    text-align: left;
    padding: 0 10px;
}

.casino-heading div.casino-restrictions {
    margin-top: 0.2rem;
    padding: 0.6rem;
    background-color: #f7f7f7;
}
.casino-heading div.casino-restrictions.casino-restrictions_closed{
    text-align: center;
    font-size: 14px;
    text-transform: none;
    background-color: #cf3e1c;
    border-radius: 5px;
    margin-bottom: 10px;
}
.casino-heading div.casino-restrictions.casino-restrictions_closed p{
    color: #fff;
    font-size: 500;
}
.casino-restrictions .casino-allowed {
    font-weight: bold;
    color: #03A678;
    font-size: 0.8rem;
}

.casino-restrictions .casino-restricted {
    font-weight: bold;
    color: #c00610;
    font-size: 0.8rem;
}

.casino-restrictions p {
    color: #2E343B;
    font-size: 0.8rem;
    margin: 0 !important;
}

.casino-heading .rating-info {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
.rating-info.rating-info_closed{
    align-items: center;
}
.rating-info .casino-star-rating {
    text-align: center;
    margin-top: 0.2rem;
}

.rating-info .casino-star-rating span {
    color: #ff9f1a;
}

.rating-info .casino-star-rating .ontario-tc-note {
    color: #2e343b;
    font-size: 12px;
    font-style: italic;
}

.review-container .casino-screenshot {
    width: 50%;
}

/*
---------------------------------------------------
                CASINO DETAILS
---------------------------------------------------
*/

.content-area .casinoreview.prosConsBorder {
    border-top: 2px solid #5A90C1;
}

.content-area .schema-table.casino-details-table table {
    table-layout: fixed;
}

.content-area .schema-table.casino-details-table table th span {
    padding-left: 5px;
}


.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

/*
--------------------------------------------------
               CASINO BONUSES
--------------------------------------------------
*/

.entry-content .casinoBonuses {
    display: flex;
}

.casinoBonuses .casinoBonus-review {
    width: 33%;
    border: 1px solid #efefef;
    flex: 1 1 27%;
    max-width: 33%;
    padding: 15px;
    display: inline-table;
    min-height: 290px;
}

.casinoBonus-review .imgFlag {
    max-width: 22px;
    max-height: 22px;
}

.casinoBonuses .details-close {
    font-family: sans-serif;
    cursor: pointer;
    float: right;
    color: #323648;
    width: 33%;
}

.casinoBonus-review .bonus-box-body {
    margin-top: 20px;
}

.casinoBonus-review .bonus-box-body,
.casinoBonus-review .bonus-box-footer {
    text-align: center;
}

.casinoBonus-review .bonus-box-body p:first-of-type {
    display: block;
    margin: 5px auto 0 auto;
    line-height: 1.2;
}


.bonus-box-body p:first-of-type {
    min-height: 45px;
}

.casinoBonus-review .bonus-box-body p {
    color: #999;
    font-size: 14px;
    height: 30px;
    font-family: sans-serif;
    margin-left: 23%;
}


.casinoBonus-review .bonus-box-body p {
    margin: 0;
    text-align: center;
    font-weight: 400;
    font-size: 15px;
    text-transform: uppercase;
}

.casinoBonus-review .bonus-box-body p {
    height: 27px;
}

.casinoBonus-review .bonus-box-body .lead {
    min-height: 20px;
}

.casinoBonus-review .bonus-box-body .lead,
.casinoBonus-review .bonus-box-body .lead-sec,
.casinoBonus-review .bonus-box-body .lead-free,
.casinoBonus-review .bonus-box-body .exclusive-lead,
.casinoBonus-review .bonus-box-body .exclusive-lead-free {
    font-size: 20px;
}

.bonus-box-body {
    min-height: 150px;
}

.casinoBonus-review .bonus-box-footer {
    min-height: 88px;
}

.casinoBonuses .code ul li,
.wr ul li,
.OneBonus .oneBonus-code ul li,
.oneBonus-wr ul li {
    font-size: 16px;
    color: #0e6bbf;
    line-height: 1;
    list-style-type: none;
    font-family: sans-serif;
}

.code ul, .wr ul {
    padding: 0;
}

.casinoBonus-review .code ul li:before,
.casinoBonus-review .wr ul li:before,
.casinoBonus-review .oneBonus-code ul li:before,
.casinoBonus-review .oneBonus-wr ul li:before {
    content: none !important;
}

.bonus-box-header .playBtn,
.casinoBonus-mobile .playBtn,
.OneBonus .playBtn {
    border: 1px solid transparent;
    border-radius: 4px;
    min-width: 80%;
    height: 30px;
    margin: 0 auto;
    display: -webkit-box;
    background-color: #0e6bbf;
    color: #fff;
    font-family: sans-serif;
    font-weight: 500;
    cursor: pointer;
    font-size: 0.8rem;
}

.bonus-box-header .playBtn {
    height: 45px;
    font-size: 1rem;
}

.casinoBonus-review.exclusiveBonus {
    min-height: 362px;
}

.casinoBonus-mobile.exclusiveBonus .casinoBonus-mobile-details .code {
    margin-top: 1rem;
}

.OneBonus .playBtn {
    padding: 0;
}

.casinoDetails {
    display: none;
    text-align: center;
    margin-top: 20px;
    min-height: 258px;
    font-size: 12px;
    /* overflow: scroll; */
    overflow-x: hidden;
    max-height: 196px;
}

.bonusDescription-mobile {
    font-size: 0.8rem;
    float: left;
    text-align: justify;
    padding: 10px;
    margin-top: 10%;
    width: 285%;
    margin-left: -103%;
}

.casinoBonuses ul.custom-tc-gb > li > a {
    font-size: 11px;
    color: #0e6bbf;
    font-weight: bold;
}

.casinoBonuses ul.custom-tc-gb > li > a:hover {
    color: #f08946;
}

.casinoBonuses .casinoBonus-mobile-details .custom-tc-gb {
    margin-top: 16px;
}

/*
------------------------------------------
           ONE CASINO BONUS
------------------------------------------
*/
.casinoBonuses .oneBonus-code ul,
.oneBonus-wr ul {
    margin: 0;
}

.OneBonus, .casinoBonus-mobile {
    box-sizing: border-box;
    border: 1px solid #efefef;
    width: 100%;
    display: table;
}

.oneBonus-offer, .oneBonus-info {
    width: 17%;
    text-align: center;
}
.oneBonus-offer, .oneBonus-details, .oneBonus-info {
    display: table-cell;
    padding: 1%;
    vertical-align: middle;
}

.oneBonus-offer span:first-of-type {
    color: #999;
    font-size: 14px;
    font-weight: bold;
}
.oneBonus-offer span {
    font-size: 20px;
}

.oneBonus-offer span {
    float: left;
}

.OneBonus.exclusiveBonus .oneBonus-offer span {
    float: none;
    color: #999;
}

.OneBonus.exclusiveBonus .oneBonus-offer span.exclusive-lead-sec {
    display: block;
}

.casinoBonuses .OneBonus .lead,
.casinoBonuses .OneBonus .lead-sec,
.casinoBonuses .OneBonus .lead-free {
    padding: 0;
    margin: 0;
    float: left;
}

.casinoBonuses .OneBonus .lead-sec,
.casinoBonuses-mobile .casinoBonus-mobile-offer .lead-sec,
.casinoBonuses-mobile .casinoBonus-mobile-offer .lead,
.casinoBonuses-mobile .casinoBonus-mobile-offer .lead-free,
.casinoBonuses .OneBonus .exclusive-lead-sec,
.casinoBonuses-mobile .casinoBonus-mobile-offer .exclusive-lead-sec,
.casinoBonuses-mobile .casinoBonus-mobile-offer .exclusive-lead,
.casinoBonuses-mobile .casinoBonus-mobile-offer .exclusive-lead-free{
    clear: both;
    width: 100%;
    text-align: center;
}

.oneBonus-description {
    line-height: 1.4;
    font-size: 12px;
    color: #999;
    text-align: left;
}

.casinoBonuses .oneBonus-code ul li,
.casinoBonuses .oneBonus-wr ul li {
    font-size: 13px;
}

.OneBonus-description {
    line-height: 1.4;
    font-size: 12px;
    color: #999;
    text-align: left;
}

/*
-----------------------------------------
      CASINO BONUSES MOBILE STYLE
-----------------------------------------
*/

.casinoBonus-mobile {
    padding: 1%;
    display: flex;
}

.casinoBonus-mobile-offer,
.casinoBonus-mobile-details,
.casinoBonus-mobile-info {
    width: 33%;
}

.casinoBonus-mobile-offer {
    line-height: 1.3;
}

.casinoBonus-mobile-offer {
    line-height: 1.3;
}

.casinoBonus-mobile-offer span,
.casinoBonus-mobile-details span {
    display: block;
}

.casinoBonus-mobile-offer span:first-of-type, .casinoBonus-mobile-offer span:first-of-type {
    color: #999;
    font-size: 14px;
    font-weight: bold;
}

.casinoBonus-mobile-offer span:first-of-type {
    text-align: center;
    margin-bottom: 8%;
}

.casinoBonus-mobile-details {
    display: inline;
    margin: 0 auto;
    text-align: center;
}

.casinoBonus-mobile-details .imgFlag {
    margin-right: 5%;
}

.casinoBonuses-mobile .casinoBonus-mobile ul {
    margin: 0;
}

.casinoBonuses-mobile .casinoBonus-mobile .casinoBonus-mobile-details ul li {
    font-size: 15px;
    margin: 0;
    padding: 1% 0;
}


.casinoBonus-mobile-info .playBtn {
    margin-top: 20%;
    padding: 0;
}

.exclusiveBonus .casinoBonus-mobile-info .playBtn {
    margin-top: 10%;
    padding: 0;
}

a.details-mobile {
    font-size: 0.9rem;
    margin-bottom: 5%;
    cursor: pointer;
    color: #0e6bbf;
}

/*
--------------------------------------------------
               CASINO EXCLUSIVE BONUSES
--------------------------------------------------
*/
.casinoBonus-review .bonus-box-body .exclusive-lead {
    min-height: 20px;
}

.casinoBonus-review .bonus-box-body .exclusive-lead,
.casinoBonus-review .bonus-box-body .exclusive-lead-sec,
.casinoBonus-review .bonus-box-body .exclusive-lead-free{
    display: block;
    color: #999;
    font-weight: bold;
    font-family: sans-serif;
}

.casinoBonus-review .bonus-box-body .up-to {
    text-transform: uppercase;
    font-size: 85%;
}

.casinoBonus-review .bonus-box-body .exclusive-type,
.casinoBonus-mobile .casinoBonus-mobile-offer .exclusive-type,
.OneBonus .oneBonus-offer .exclusive-type {
    color: #bf0e13;
    font-weight: 600;
}

.casinoBonus-mobile .casinoBonus-mobile-offer .up-to {
    display: inline;
    color: #000;
}

.casinoBonus-mobile .casinoBonus-mobile-offer .exclusive-lead,
.casinoBonus-mobile .casinoBonus-mobile-offer .exclusive-lead-sec,
.casinoBonus-mobile .casinoBonus-mobile-offer .exclusive-lead-free {
    font-weight: bold;
}

.OneBonus .oneBonus-offer .exclusive-lead,
.OneBonus .oneBonus-offer .exclusive-lead-sec,
.OneBonus .oneBonus-offer .exclusive-lead-free {
    font-size: 13px;
    font-weight: bold;
}

.OneBonus .oneBonus-offer .up-to {
    float: unset;
    display: inline;
    color: #000;
}

/*
-------------------------------------------------------------------------
                        BANKING OPTIONS TABLE
-------------------------------------------------------------------------
*/
.schema-table.banking-options table {
    background-color: #f7f7f7;
}

.schema-table.banking-options table th:first-child {
    width: 60%;
}

.schema-table.banking-options table th:nth-child(2),
.schema-table.banking-options table th:last-child {
    width: 20%;
}

.schema-table.banking-options table th,
.schema-table.banking-options table td:not(:first-child){
    text-align: center;
}

.schema-table.banking-options table td {
    padding: 0.7rem 1.2rem;
}

.schema-table.banking-options table td:first-child span {
    margin-left: 1rem;
}

/*
-------------------------------------------------------------------------
                        MEDIA QUERIES
-------------------------------------------------------------------------
*/

@media only screen and (min-width: 769px) {
    .casinoBonus-mobile {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    /* media queries casino heading */

    .entry-content .review-container {
        flex-direction: column;
    }

    .entry-content div.casino-heading {
        width: 100%;
    }

    .review-container .gallery {
        width: 100%;
    }

    /* media queries casino details */

    .schema-table.casino-details table {
        font-size: 0.8rem;
    }

    /* media queries bonuses */

    .casinoBonuses .casinoBonus-review, .OneBonus {
        display: none;
    }
    .casinoBonuses.casinoBonuses-mobile {
        display: block;
    }

    .casinoBonus-mobile-offer p {
        margin: 0;
    }

    /* media queries banking options */

    .schema-table.banking-options table th:first-child {
        width: 80%;
    }

    .schema-table.banking-options table th:nth-child(2),
    .schema-table.banking-options table th:last-child {
        width: 10%;
    }
}

@media screen and (max-width: 425px) {
    /* media queries banking options */
    .schema-table.banking-options table td:first-child img {
        display: none;
    }
    .schema-table.banking-options table td:first-child span {
        float: left;
    }
}

.hidden-video {
    display: none;
}
.video-review-holder{
    width: 50%;
    padding-bottom: 28.125%;
    background-size: cover !important;
    background-position: center !important;
    position: relative;
    cursor: pointer;
}
.video-review-holder::before{
    content: '\f144';
    font-family: 'FontAwesome';
    color: #fff;
    z-index: 1;
    font-size: 46px;
    filter:drop-shadow(0 0 5px rgba(0,0,0, .5));
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .3s all ease-in-out;
    opacity: 1;
}
.video-review-holder:hover::before{
    opacity: .9;
    transform: translate(-50%, -50%) scale(1.2);
}
.video-review-holder iframe{
    z-index: 2;
    position: absolute;
    inset: 0;
    border: none;
    width: 100%;
    height: 100%;
}