/*
    Theme Name:   flixita-child
    Theme URI:
    Description:
    Author:
    Author URI:
    Template:     flixita
    Version:      1.0

/* == Add your own styles below this line ==
--------------------------------------------*/

:root {
    --background-color: #f5f7fa;
    --default-color: #2b2d42;
    --heading-color: #1b263b;
    --accent-color: #ff5d00;
    --dark-background: #1a213e;
    --surface-color: #ffffff;
    --contrast-color: #ffffff;
    --headings-default: #01012f;

    --nav-color: #37474f;
    --nav-hover-color: #ff3300;
    --nav-mobile-background-color: #f5f7fa;
    --nav-dropdown-background-color: #ffffff;
    --nav-dropdown-color: #37474f;
    --nav-dropdown-hover-color: #ff3300;

    --cta-btn-color: var(--accent-color);
    --bonus-color: #0093ff;

    --tables-header-color: var(--accent-color);
    --rev-el-bg: #fdf1e9;
}

body,html{scroll-behavior: smooth;overflow-x: hidden;}
.breadcrumb-area{background: url('/images/banner.jpg');background-position: center;}
.hamburger-menu span {display:block;height: 3px;width: 100%;margin: 0 0 5px;background: var(--bs-white);}

.hamburger-menu span:first-child {
    margin-top: 0px;
}

.hamburger-menu span:last-child {
    margin-bottom: 0;
}

p{margin-bottom: 5px !important;}
h2{padding:20px 0px; color:var(--headings-default)}
.section{padding: 20px 0px;}
.dark-background {background-color: var(--dark-background);}
.dark-background p, .dark-background ul li, .dark-background h2, .dark-background h3 {color:#fff;}
.dark-background .service-02-main p, .dark-background .service-02-main h3 {color:var(--headings-default)}
.dark-background .service-02-main:hover p, .dark-background .service-02-main:hover h3 {color:#fff}
.dark-background .theme-main-heading h2 span {-webkit-text-fill-color: #ffb8b1;}
.fs-5{font-size: 25px;}
ul li::marker {color:var(--accent-color)}
.table th, .table td{vertical-align: middle !important;}
.d-iblock {display: inline-block;}
.bg-reviews{background:var(--rev-el-bg);}
.border-dashed {border:2px dashed var(--accent-color);}
.widget-contact:hover .border-dashed {border-color: #a9a9a9;}

.fw-bold {font-weight:bold;}
.hamburger-menu .meat,
.hamburger-menu .bottom-bun,
.hamburger-menu > button:hover span,
.hamburger-menu > button:focus span {width: 100%;}
.main-navbar .main-menu > li.dropdown > a:before {content: '\f0d7' !important;}
.main-footer {padding-top: 0px !important;}
.breadcrumb-heading{max-width: 100% !important;}
.text-orange{color:var(--accent-color) !important;}
.border-custom {border:2px solid var(--bonus-color)}
.th-color{background-color: var(--tables-header-color);}

[class*="bg-"] [class*="svg-"]{display:block;text-indent:-9999px;background-size:contain;background-position:center center;background-repeat:no-repeat;width:100%;height:100%;max-width: 100%;}
.brand-logo.size-150,.review-logo.size-150 { width: 150px; height: 75px; border-radius: 4px; margin: 0 auto; }
.rev-elem .elem-shape {clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%, 20px 50%);padding: 10px 30px; height: 100%;}
.drop-shadow {filter: drop-shadow(-4px 0 0 #0093ff);}
.rev-data:not(:last-child) {border-right: 1px solid #eee;}
.rev-elem .brand-bonus, .rev-elem .brand-games, .rev-elem .rev-rating {max-width: 100%; padding-top: 0px; padding-bottom: 0px;}

.primary-table .table-row.table-row-hidden { display: none; }
.primary-table .top-3-bg , .rev-elem .table-row { background: color-mix(in srgb, var(--accent-color), transparent 95%); border: 2px solid var(--accent-color) !important; }
.primary-table .top-3-bg .border-custom { border-color: var(--accent-color); }
.primary-table .top-3-bg .btn.btn-primary{background-color: var(--accent-color);border-color:var(--accent-color)}
.main-tb .btn.btn-primary{background-color: var(--default-color);border-color:var(--default-color)}
.primary-table .table-row { min-height: 110px; border: 2px solid var(--default-color); border-radius: 55px;}
.primary-table .top-3-bg { border-radius: 5px 55px 55px 55px;}
.primary-table .table-row .btn.btn-primary{border-radius: 55px 124px 5px 55px;}
.primary-table .table-row .btn.btn-primary.read-review{border-radius: 55px 5px 102px 55px;}
.primary-table .brand-logo { border-radius: 50px }
.primary-table .brand-logo [class*="svg-"] { width: 180px; margin: 0 auto; }
.primary-table .brand-rating { border-left: 1px solid #C4C4C4; }
.primary-table .brand-features { border-left: 1px solid #C4C4C4; }
.brand-rating :is(h3, .brand-score, .brand-name) { color:var(--default-color); font-size: 20px; text-transform: uppercase; font-weight: bold;}
.brand-rating h3::before { all: unset; }
.brand-score { gap: 5px; }
.rating-star { width: 17px; height: 16px; background: center / contain no-repeat var(--icon-rating-star); position: relative; top: -1px; }
.brand-bonus { color: var(--bonus-color); font-weight: 600; line-height: 1.2; min-height: 90px; }
.bonus-amount { font-size: 27px; }
.bonus-before { font-size: 22px; }
.bonus-upto{font-size: 20px;}
.bonus-after { font-size: 18px; }
.primary-table .brand-cta { gap: 8px; }
.primary-table .cta-btn {width: 235px;font-weight: 600;font-size: 14px;padding: 10px 0;text-align: center;font-weight: 600;border-radius: 6px;text-transform: uppercase;}
.cta-btn:not(.review-btn) {display: block; padding: 10px 25px; width: max-content; background: var(--cta-btn-color); color: #ffffff; text-align: center; border-radius: 5px; text-decoration: none; cursor: pointer;}
.cta-btn:not(.review-btn):hover {background: var(--cta-btn-color); color: #fff; text-decoration: none;}
.cta-btn.review-btn { background: none; border: 1px solid #C4C4C4; color: inherit; text-decoration: none; }
.cta-btn.review-btn:hover:not(.not-active) { background: #ffffff; }
.cta-btn.review-btn.not-active { border: 1px solid #E5E5E5; }
.cta-btn.cta-single {min-width: 200px;}
.special-terms {padding: 0 10px 20px; margin-top: -10px; font-size: 10px; color: #555555;}

#show-more { display: none; }
#show-more ~ #hide-btn { display: none; }
#show-more:checked + .tab-prime.casino tbody tr.row-hidden { display: table-row; }
#show-more:checked ~ #show-btn { display: none; }
#show-more:checked ~ #hide-btn { display: block !important; }
#show-btn, #hide-btn {display: block;}
#show-more:checked ~ #hide-btn, label[for=show-more] { cursor: pointer; margin-bottom: 2rem; position: relative; display: inline-block; }
.primary-table ~ #show-btn, .primary-table ~ #show-btn ~ #hide-btn { width: 285px; padding: 10px 0; border-radius: 6px; border: 2px solid var(--accent-color); background:var(--accent-color); font-weight: 600; font-size: 14px; text-align: center; }
.primary-table ~ #show-btn:hover, .primary-table ~ #show-btn ~ #hide-btn:hover { background: var(--accent-color); border-color: var(--accent-color); color: var(--default-color); }
.primary-table ~ #show-btn span, .primary-table ~ #show-btn ~ #hide-btn span { position: relative; }
.primary-table ~ #show-btn span::after, .primary-table ~ #show-btn ~ #hide-btn span::after { content: ""; position: absolute; width: 14px; height: 7px; top: 50%; transform: translateY(-50%); right: -20px; }
.primary-table ~ #show-btn span::after { background: center / contain no-repeat var(--icon-arrow-down); }
.primary-table ~ #show-btn ~ #hide-btn span::after { background: center / contain no-repeat var(--icon-arrow-up); }
.primary-table .row-hidden { display: none; }
#show-more:checked + .primary-table .row-hidden { display: flex; }

.quick-nav { gap: 10px; background: var(--dark-background);}
.quick-nav a {justify-content: center;display: flex !important;align-items: center;background: #fff;text-decoration: none;background: var(--accent-color); width: max-content; font-size: 15px; color:#fff;text-decoration: none !important; font-weight: bold;white-space: nowrap;}
.quick-nav a:hover,.quick-nav a:active {color:var(--default-color)}
.quick-nav::-webkit-scrollbar { height: 0.25rem; background: color-mix(in srgb, var(--accent-color), transparent 90%); }
.quick-nav::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--accent-color), transparent 50%); border-radius: 10px; }

.features-item {box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;}
.features-item.border-5, .pros-cons .border-5 {border-width: 5px !important;}
.features-item.border-orange, .pros-cons .border-orange{border-color:var(--accent-color) !important;}
.main_faq .answercont {max-height: none !important;transition: none !important;}

.check-list, .cross-list {list-style: none;}
.check-list li:before, .cross-list li:before { display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin-top: -3px; margin-right: 6px; font: 900 16px bootstrap-icons; }
.check-list li:before { content: var(--icon-check-circle); }
.cross-list li:before { content: var(--icon-x-circle); }

button[type=submit]:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, a:focus {outline-width: 0px !important;outline-offset: 0px !important;outline-style: none !important;text-decoration: none;}

.rev-elem .table-row {border-radius: 100px;}

.service-02-inner .service-02-btn span.service-02-button:after {content: "\f104";font-family: var(--bs-font-awesome);color: var(--bs-white);font-weight: 900;font-size: 30px;line-height: 60px;position: absolute;right: 0;left: 22px;transition: all .3s;}
.service-02-container:hover .service-02-inner h3.service-02-title {color: var(--bs-white);position: relative;}
.main-tb .table-row {position: relative;}

.main-tb .table-row.rank-1::before, .main-tb .table-row.rank-2::before, .main-tb .table-row.rank-3::before {content: '';position: absolute;left: -2%;top: 0%;transform: translateY(-50%);width: 60px;height: 60px;background-repeat: no-repeat;background-position: center;background-size: contain;}
.main-tb .table-row.rank-1::before {background-image: url('/images/top-1.svg');}
.main-tb .table-row.rank-2::before {background-image: url('/images/top-2.svg');}
.main-tb .table-row.rank-3::before {background-image: url('/images/top-3.svg');}
.btn-style-one.btn-style-one .btn.btn-primary:before, .btn-style-one.btn-style-one .btn.btn-border-white:before {transform: translate3d(0, 7em, 0) rotate(-340deg);}
.btn-style-one.btn-style-one .btn.btn-primary:after, .btn-style-one.btn-style-one .btn.btn-border-white:after {transform: translate3d(0, 7em, 0) rotate(390deg) ;}
.scrollingUp i {color: #ff5d00;font-size: 25px;}
.table-bordered>:not(caption)>*>* {border-width: 1px !important;}

.main_faq .question {color:var(--headings-default)}
.main_faq .answercont .answer p {color:var(--default-color);margin-bottom: 0px;}

@media screen and (max-width:991px) {
	.table-w-300 {width: 300% !important;}
}

@media screen and (max-width:767px) {
	.primary-table { max-width: 350px; }
	.primary-table .table-row { border-radius: 5px; }
	.primary-table .brand-logo { border-radius: 4px 4px 0 0; display: block; height: 150px;}
	.primary-table .brand-rating { border-left: none; border-top: 1px solid #C4C4C4; padding: 12px 0;}
	.primary-table .brand-bonus { padding: 12px 0; }
    .primary-table .table-row .btn.btn-primary{border-radius: 5px!important;}
	.primary-table :is(.brand-rating, .brand-bonus, .brand-cta) {max-width: 300px;}
    .cta-btn:not(.review-btn){width: auto !important;}
}