/*
Theme Name: System21
Theme URI: 
Author: GetDigital
Author URI: https:/agenciagedigital.com
Description: Template System21
Version: 1.0
Text Domain: system21
*/

body{background: #fff; font-family: 'Inter', sans-serif !important; font-size: 16px !important;}

.btn{height: initial !important}

.img-cover{object-fit: cover; width: 100%; height: 100%;}
.responsive-container{position:relative;padding-bottom:56.23%;padding-top:0px;height:0;overflow:hidden;margin-bottom:50px;}
.responsive-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.fs-12{font-size: 12px !important;}
.fs-16{font-size: 16px !important;}
.fs-24{font-size: 24px !important;}
.fs-20{font-size: 20px !important;}
.text-white-50{text-shadow: 2px 0px 4px rgba(0,0,0,1) !important;}
/* Header */
header{background: #000;}

.search-wrapper { justify-content: space-between; }

#hamburger-icon { cursor: pointer; }
#hamburger-icon:hover svg{fill: white;}
#overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 2; }
#menu {position: fixed; top: 0; right: -100%; width: 80%; height: 100%; background-color: black; color: white; transition: right 0.5s ease-in-out; overflow-y: auto; z-index: 3; }
#close-icon { font-size: 30px; color: #ED1C24; cursor: pointer; position: absolute; top: 25px; right: 10px; }
body.no-scroll { overflow: hidden; }

.hidden { display: none; }
#search-form-container { position: absolute; top: 85px; right: 0px; border: 1px solid #707070; padding: 2px 0px 0px 10px; z-index: 999; border-radius: 4px; width: 100%; height: 40px; line-height: 32px; background: #000; font-size: 16px; filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.90)); }
#arrow-up { width: 10px; height: 10px; position: absolute; top: -10px; left: 10px; background-color: transparent; border-style: solid; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #707070; border-top: 0; }
#arrow-up::after { content: ""; position: absolute; top: 2px; left: -10px; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #000; }
#search-input { width: 85%; text-align: left; background-color: transparent; border:0px; color: #676767; }
#search-input:focus,.search-input:focus {outline: none;}
#search-btn { width: 13%; background-color: transparent; cursor: pointer; text-align: right; border: 0px; padding-right: 12px; border: 0; margin-top: 0px; }


a{color: inherit; text-decoration: none; transition: all ease-in-out 0.2s;}
a:hover{color: inherit; }
.social-icons a { flex-grow: 1; margin-right: 13px; text-align: center; }
.social-icons a:hover path { fill: #fff !important;}

.btn-border-white{border: 1px solid #fff; height: 40px; padding: 7px 20px; font-weight: 700; text-transform: uppercase; color: #fff;}
.btn-border-white:hover{background: #fff; color: #000;}

.btn-background-red{border: 1px solid transparent; background: #ED1C24; height: 40px; padding: 7px 20px; font-weight: 700; text-transform: uppercase; color: #fff;}
.btn-background-red:hover{background: #fff; color: #000;}

.btn-hoverblack:hover{background: #000 !important; color: #fff !important;}


.background-hero{padding-bottom: 100px !important; background-color: #000; background-size: contain; background-repeat: no-repeat; background-position: top right; position: relative}
.background-hero-pages{background-position: top center !important; background: #000; background-size: cover !important; position: relative;}
.background-hero-casino { position: relative; background-size: cover;  background-position: center;}
.background-hero-casino::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(-90deg, rgba(0, 0, 0, 0.9) -53.41%, rgba(0, 0, 0, 0.9) -19.42%, rgba(0, 0, 0, 0.7) 16.05%, rgba(0, 0, 0, 0.7) 46.59%); }


h1.main-title{font-weight: 900; font-size: 50px; line-height: 54px; position: relative; z-index: 1;}
h1.main-title-post{font-weight: 900; font-size: 50px; line-height: 54px;}

h1.main-title span, h1.main-title-post span {color: #ED1C24;}

h1.subtitle{font-weight: 900; font-size: 50px; line-height: 54px;}
h1.subtitle span{color: #ED1C24;}

h2.subtitle{font-weight: 900; font-size: 40px;line-height: 44px;}
h2.subtitle-white, h4.subtitle-white{color: #fff;}
h2.subtitle span,h4.subtitle span{color: #ED1C24;}

h4.subtitle{font-weight: 900; font-size: 30px; line-height: 34px;}


.list li { display: flex; align-items: center; font-size: 20px; line-height: 30px;  position: relative; z-index: 1; }
.list li strong{margin-right: 5px;}
.list li::before { content: ''; display: inline-block; height: 27px; align-self: center; width: 26px; margin-right: 10px; background-image: url('data:image/svg+xml;utf8,<svg width="26" height="27" viewBox="0 0 26 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.0004 11.9037V13.0077C24.9974 18.3222 21.4991 23.0017 16.4027 24.5085C11.3063 26.0154 5.82581 23.9906 2.93324 19.5322C0.0406733 15.0739 0.425094 9.24398 3.87804 5.20403C7.33099 1.16409 13.0299 -0.123505 17.8843 2.0395" stroke="%23ED1C24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M25.0006 3.40753L13.0004 15.4197L9.40039 11.8197" stroke="%23ED1C24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'); background-size: cover; background-repeat: no-repeat; }

.intro {font-size: 20px; line-height: 30px; font-weight: 400; color: rgba(255, 255, 255, 0.45);  position: relative; z-index: 1;}

.btn-red-big{ position: relative; z-index: 1; background: #ED1C24; color: #FFF; font-weight: 700; min-height: 60px; line-height: 45px; font-size: 20px; padding-left: 30px; padding-right: 30px;}
.btn-red-big:hover{background: #fff; color: #000;}

/* Menu */
.border-top{border-color: #1c1c1c !important;}

ul.menu li{ padding-right: 18px; padding-left: 0px;}
ul.menu li a{color: #fff; opacity: 0.5; padding-bottom: 19px; border-bottom: 2px solid transparent; font-size: 15px; font-weight: 400;}
ul.menu li a:hover{border-bottom: 2px solid #ED1C24; opacity: 1; border-radius: 9999;}
ul.menu li.current_page_item a{border-bottom: 2px solid #ED1C24; opacity: 1; border-radius: 9999;color: #fff;}

.search-input {color: #fff; opacity: 0.5;}


/* Casino List */
.coins { position: relative; }
.coins::before, .coins::after { content: ""; position: absolute; width: 220px; height: 220px; z-index: -1; background-size: contain; background-repeat: no-repeat; }
.coins::before { background-image: url('images/red_chips.svg'); top: 30%; right: 5%; }
.coins::after { background-image: url('images/black_chips.svg'); top: 70%; left: 10%; }

.bg-grey-smooth{background: linear-gradient(0deg, rgba(111,111,111,0.15029761904761907) 0%, rgba(255,255,255,0.10547969187675066) 50%);}

.casino-list{position: relative; background: #fff;}
.casino-list:hover{}
.border-red{border: 1px solid #FFC1C4}
.border-grey{border: 1px solid #c8c8c8}

.mb-100{margin-bottom: 100px !important}
.mt-80{margin-top: 80px !important}

.mt-100{margin-top: 100px !important;}

.pt-100{padding-top: 100px !important}
.pb-100{padding-bottom: 100px !important}

.position-red{background: linear-gradient(0deg, rgba(119,14,18,1) 0%, rgba(237,28,36,1) 50%) !important;}
.casino-position{width: 60px; height: 50px; line-height: 50px; font-weight: 700; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; font-size: 24px; border-top-right-radius: 10px;background: linear-gradient(0deg, rgb(122, 122, 122) 0%,rgb(102, 102, 102) 50%); position: absolute; top: -51px; color: #fff; text-align: center; left: 12px;}
.casino-before-title{font-size: 16px;line-height: 24px;}
.casino-title{font-size: 32px;line-height: 40px; font-weight: 700;}
.casino-after-title{font-size: 24px;line-height: 30px;}
.casino-after-title-info{font-size: 14px;line-height: 20px; color: #00000080;}

.casino-full-info{font-size: 12px; color: #000; opacity: 0.35; line-height: 18px;}

.casino-rating{font-weight: 700; font-size: 20px;}
.casino-stars svg path{color: #FFE419}
.above-stars-info small{font-size: 10px;}

.casino-play-now{background: #ED1C24; height: 60px; color: #fff; line-height: 48px; border: 1px solid transparent; font-weight: 700; text-transform: uppercase;}
.casino-play-now svg{margin-top: -2px; margin-left: 6px;}
.casino-play-now:hover{background: #a00d12; height: 60px; color: #fff; border: 1px solid transparent; font-weight: 700; text-transform: uppercase;}
.casino-read-more{background: #fff; border: 1px solid #707070;  line-height: 48px;  height: 60px; color: #000; padding-left: 4px; padding-right: 4px; font-weight: 700; text-transform: uppercase;}
.casino-read-more svg{margin-top: -2px; margin-left: 6px;}
.casino-read-more:hover{background: #ebebeb; color: initial; border: 1px solid #707070;}


/* block text */
.block-text p, .block-text ul li, .block-text ol li{font-weight: 400; color:rgba(0, 0, 0, 0.50); font-size: 20px; padding-bottom: 15px;margin-top: 20px;line-height: 30px;}
.block-text p a, .block-text ul li a{color: #ED1C24; text-decoration: underline; opacity: 1 !important;}
.block-text p a:hover, .block-text ul li a:hover{color: #ac0e13; text-decoration: underline; opacity: 1 !important;}
.block-text-white p{font-weight: 400; color: #fff; opacity: 0.5;font-size: 20px; line-height: 30px;}

/* Mini Casino */
.mini-casino{}

.border-red-dark{border: 1px solid #5D2023;}
.mini-casino:hover{border: 1px solid #89464a;}
.mini-casino-title{font-size: 24px;}
.mini-casino-text{font-size: 15px; line-height: 18px; color: #fff; opacity: 0.5;}
.casino-play-now-mini{min-height: 40px !important; padding-left: 2px; padding-right: 2px; font-size: 15px !important; line-height: 28px;}
.casino-read-more-mini{min-height: 40px !important; border: 1px solid #707070; background: transparent; color: #fff; padding-left: 5px; padding-right: 5px;font-size: 15px !important; line-height: 28px;}
.casino-read-more-mini:hover{height: 40px !important; background: transparent; color: #707070;}

.bg-red-dark{background: #000;position: relative;z-index: 0;}
.bg-red-dark::after{ content: ""; position: absolute; top: 0; z-index: -1; left: 0; width: 100%; height: 100%; opacity: 0.5; background: linear-gradient(270deg, rgba(237, 28, 36, 0) 44.93%, rgba(119, 14, 18, 0.447059) 50%); }

.big-casino{}
.big-casino h3{font-size: 28px; line-height: 54px; margin-bottom: 0px; padding-bottom: 0px; font-weight: 700;}
.big-casino-text{color: #000; opacity: 0.5; font-size: 16px; line-height: 24px;}
.big-casino-image {min-height: 320px;object-fit: cover;}
.big-casino-image:hover {opacity: 0.8;}

.post-list-image img:hover, .post-home:hover img, .mini-casino img:hover, .bonuses-image img:hover{opacity: 0.8;}

/* post home */
.related-post-title, .post-home h3{font-size: 24px;line-height: 35px; font-weight: 600;}
.related-post-title:hover, .post-home:hover h3{color: #777;}
.post-home-category{display: block; float: left; padding: 5px 15px; margin-left: 15px; color: #fff; font-size: 16px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;background: linear-gradient(-90deg, rgba(119,14,18,1) 0%, rgba(237,28,36,1) 50%); }


/* post list */
.post-list h3{font-size: 28px;line-height: 35px; font-weight: 800;}
.post-list-category{display: block; float: left; padding: 5px 15px; margin-left: 15px; color: #fff; font-size: 16px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;background: linear-gradient(-90deg, rgba(119,14,18,1) 0%, rgba(237,28,36,1) 50%); }
.post-list-excerpt{font-size: 20px; line-height: 26px;}

.post-list-read-more{background: #fff; border: 1px solid #707070;  line-height: 30px;  height: 44px; color: #000; font-weight: 700; text-transform: uppercase;}
.post-list-read-more svg{margin-top: -2px; margin-left: 6px;}
.post-list-read-more:hover{background: #ebebeb; color: initial; border: 1px solid #707070;}


.list-posts-mini{}
.list-posts-mini a{transition: all ease-in-out 0.2s;}
.list-posts-mini a:hover{opacity: 0.5;}


/* Cashback */
.bg-red-dark-ltr{background: #000;position: relative;z-index: 0;}
.bg-red-dark-ltr::after{ content: ""; position: absolute; top: 0; z-index: -1; left: 0; width: 100%; height: 100%; opacity: 0.5; background: linear-gradient(-90deg, rgba(237, 28, 36, 0) 44.93%, rgba(119, 14, 18, 0.447059) 50%); }


/* Bonus */
.bonuses{position: relative; padding-bottom: 30px !important;}
.bonuses:hover{background: linear-gradient(90deg, rgba(237, 28, 36, 0) 0%, rgba(180, 28, 34, 0.27451) 43.84%, rgba(38, 7, 8, 0.537255) 100%); border: 1px solid #5D2023; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.160784);}
.bonuses-image{width: 142px; position: relative; display: inline-block; margin-top: -60px; padding: 5px;}
.bonuses-ribbon {position: relative; font-size: 20px;line-height: 30px; color: #fff; opacity: 0.5;}
.bonuses h3{font-size: 24px; color: #fff; font-weight: 700; line-height: 31px;}
.bonuses-text{font-size: 16px;line-height: 24px; color: #fff; opacity: 0.5;}

.border-dash { border: 1px dashed rgba(255, 255, 255, 0.45); }
.ribbon-bonus { transform: translate(-50%, -50%); background: #180404;font-size: 12px; line-height: 15px; color: #ffffff80; }
.code-text{font-size: 24px;line-height: 34px;color: #fff; font-weight: 700;}
.bonuses-validation{font-size: 12px;line-height: 15px; color: rgba(255, 255, 255, 0.35);}

.posts-home-image{width: 300px;border-radius: 10px; height: 300px; overflow: hidden; position: relative;}
.related-title{font-size: 40px; line-height: 48px; font-weight: 900;}

.articleb:hover .img-cover{transform: scale(1.1);}
.articleb:hover .overlay-title, .articleb:hover h3{opacity: 0.8;}
.h-840{height: 840px;}
.img-cover{width: 100%; height: 100%; transition: transform 0.3s ease-in-out; object-fit: cover; overflow: hidden; position:relative;}

.overlay-text{background: linear-gradient(0deg, rgba(95, 30, 28, 1), rgba(95, 30, 28, 0.9) 40%, rgba(95, 30, 28, 0.5) 70%,  rgba(95, 30, 28, 0.3) 90%, transparent); color: white; }
.overlay-text p{color: #fff; opacity: 0.5;}
.overlay-text h3{font-size: 24px;line-height: 30px;font-weight: 700;}
.overlay-title,h3.overlay-title-big{font-size: 32px !important;line-height: 35px;font-weight: 700;}

.post-category{display: inline-block; padding: 5px 15px; color: #fff; font-size: 16px; background: linear-gradient(-90deg, rgba(119,14,18,1) 0%, rgba(237,28,36,1) 50%); }
.post-meta{font-size: 16px;}
.post-meta svg{margin-top: -4px;}


/* Footer */
.copyright-text{font-size: 13px; color: #fff; opacity: 0.5;}
.copyright-text a:hover{opacity: 0.5;}


/* Single */
.content h1{font-weight: 900; font-size: 40px; margin-bottom: 30px; line-height: 64px;}
.content h2{font-weight: 900; font-size: 40px; margin-top: 60px; margin-bottom: 20px; line-height: 54px;}
.content h2 span{color: #ED1C24;}
.content p, .content ul li{padding: 0px 0px 15px 0px;}


/* Single Casino */
.casino-single-title{font-weight: 600; font-size: 50px; line-height: 64px;}
.average{color: #fff; font-size: 20px; font-weight: 400;}

.title-pros-cons{font-size: 32px; font-weight: 700; line-height: 47px; color: #000;}
.intro-single{font-size: 24px; line-height: 30px; font-weight: 400; color: rgba(255, 255, 255, 0.45);}

.pros {padding: 49px 38px; position: relative; overflow: hidden; background: #FFFFFF; border: 1px solid #7AE5AB; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.160784); border-radius: 20px; }
.pros::after { content: ''; position: absolute; bottom: -17%; right: 4%; width: 207px; height: 205px; background-image: url('images/pros-big.svg'); background-repeat: no-repeat; }

.cons{padding: 49px 38px; position: relative; overflow: hidden; background: #FFFFFF;border: 1px solid #FFC1C4;box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.160784);border-radius: 20px;}
.cons::after { content: ''; position: absolute; bottom: -17%; right: 4%; width: 207px; height: 205px; background-image: url('images/cons-big.svg'); background-repeat: no-repeat; }

.pros li, .cons li { display: flex; align-items: center; font-size: 24px; line-height: 28px; color: #676767; }
.pros li::before {flex-shrink: 0; content: ''; display: inline-block; height: 27px; align-self: center; width: 27px; margin-right: 10px; background-image: url('images/pros.svg'); background-size: cover; background-repeat: no-repeat; }
.cons li::before { flex-shrink: 0; content: ''; display: inline-block; height: 27px; align-self: center; width: 27px; margin-right: 10px; background-image: url('images/cons.svg'); background-size: cover; background-repeat: no-repeat; }

.black-card, .red-card { display: inline-flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 700; border: 1px solid #ED1C24; height: 26px; width: 50px; color: #000; border-radius: 3px; }
.red-card { color: #ED1C24; } .black-card img, .red-card img { height: auto; max-width: 100%; margin-left: 8px;}

.bg-details{background: #F0F0F0; font-size: 20px; color: rgba(0, 0, 0, 0.50)}
.details-title{font-size: 20px;line-height: 22px;font-weight: 600;}
.details-title img{margin-right: 5px;}
.casino-details-bonus{background: #1cc872; color: #fff; display: block;padding: 5px 15px; border-radius: 6px;}
.casino-details-bonus:hover{background: #333; color: #fff; }
.details-icon{background: #ED1C24; padding: 10px;}
.details-icon-grey{background: #505050 !important;}


.hr-light{color: #707070 !important; margin-top: 12px !important}

.bonus-area{ background: linear-gradient(90deg, rgba(244, 240, 240, 0.5), rgba(191, 191, 191, 0.5));}
.rating-name,.rating-star{font-size: 20px;}
.average-big{color: #ED1C24; font-size: 80px; font-weight: 700; line-height: 60px;}
.average-overall{font-size: 20px;}

.bg-grey-smooth{background: linear-gradient(90deg, #ffffff17 0%, #6f6f6f18 100%);}


.accordion-button:focus { outline: none; box-shadow: none; }
.accordion-button{ background: #fff; color: #000; font-size: 18px; font-weight: 700; }
.accordion-button:not(.collapsed){ background: #f1f1f1; color: #000; font-size: 18px; font-weight: 700; }

/* Pagination */
.pagination { text-align: center; padding: 20px 0; margin: 0 auto; margin-left: auto; margin-right: auto; width: fit-content; }
.pagination .next, .pagination .prev{ background:#fff; border: 1px solid #999; }
.pagination .next svg{ margin-top: -2px; margin-left: 1px; }
.pagination .prev svg{ margin-top: -2px; margin-right: 1px; transform: rotate(-180deg); }
.pagination .next svg path, .pagination .prev svg path{ stroke: #888; }
.pagination .next:hover svg path, .pagination .prev:hover svg path{ stroke: #fff; }
.pagination a { color: #999; padding: 6px 14px; margin: 0 2px; border-radius: 4px; border: 1px solid #999; text-decoration: none; transition: background-color 0.3s; }
.pagination a:hover { background-color: #ED1C24; color: #fff; border: 1px solid transparent; }
.pagination .current { color: #fff; padding: 6px 14px; margin: 0 2px; border-radius: 4px; background-color: #ED1C24; border: 1px solid #ED1C24; pointer-events: none; }

/* --------------------------- */
/* ----- MOBILE -------------- */
/* --------------------------- */

@media (max-width: 370px){

    .casino-play-now svg, .casino-read-more svg{display: none; }

}

@media (max-width: 991px){

    p#breadcrumbs{font-size: 12px;}
    ul.menu {margin-top: 30px;}
    ul.menu li{padding-left: 0px; margin-bottom: 23px;}
    ul.menu li a{color: #fff; opacity: 0.5; padding-bottom: 0px; border-bottom: 2px solid transparent; font-size: 16px; font-weight: 400;}
    ul.menu li a:hover{border-bottom: 2px solid #ED1C24; opacity: 1; border-radius: 9999;}
    ul.menu li.current_page_item a{border-bottom: 2px solid #ED1C24; opacity: 1; border-radius: 9999;color: #fff;}
    
    .post-home-category{font-size: 12px;}

    .coins::before { background-image: url('images/red_chips.svg'); top: 30%; right: 5%; max-width: 100px; }
    .coins::after { background-image: url('images/black_chips.svg'); top: 70%; left: 10%;  max-width: 100px; }

    .social-icons a { flex-grow: 1; margin-right: 15px; margin-left: 15px; text-align: center; }

    .background-hero-pages::before, .background-hero::before {
        content: "";
        position: absolute;
        background: rgba(0,0,0,0.7);
        height: 100%;
        width: 100%;
        z-index: 0;
        margin-left: -12px;
    }


    .background-hero{
        background-size: cover !important;
    }

    .logo-mobile{max-height: 75px; }

    .mt-70{margin-top: 70px !important;}

    .pb-100{padding-bottom: 50px !important;}
    .pt-100{padding-top: 50px !important;}

    .mb-100{margin-bottom: 50px !important;}
    .mt-100{margin-top: 50px !important;}
    
    h1.main-title{font-size: 35px; line-height: 40px; margin-top: 20px;}
    .content h2{font-size: 24px !important; line-height: 32px !important; margin-top: 20px;}
    h1.main-title-post{font-size: 35px; line-height: 40px; margin-top: 20px;}
    .intro{font-size: 14px; line-height: 20px;}
    .list li{font-size: 14px; line-height: 30px;}
    .list li::before { height: 21px; width: 20px; }

    .btn-red-big {margin-top: 20px !important; min-height: 40px; font-size: 17px; width: 100%; line-height: 28px;}

    .casino-stars img {width: 17px !important; height: 17px !important;}

    h2.subtitle{font-size: 32px; line-height:35px;}
    h1.subtitle{font-weight: 900; font-size: 30px; line-height: 44px;}

    .block-text-white p, .block-text ul li{font-size: 14px; line-height: 20px; margin: 10px 0px 20px;}
    .block-text h1{font-size: 30px; line-height: 38px}
    .casino-before-title{font-size: 14px; line-height: 24px;}
    .casino-title{font-size: 24px;}
    .casino-after-title{font-size: 20px;}
    .above-stars-info small{font-size: 12px;}
    .casino-play-now, .casino-read-more,.casino-play-now:hover, .casino-read-more:hover{ line-height: 18px !important; margin: 0px !important; padding-left: 4px; padding-right: 4px;font-size: 14px; }
    .casino-full-info{font-size: 10px; line-height: 18px;}

    .block-text p{font-size: 14px; line-height: 20px;}

    .big-casino h3{font-size: 24px;}

    .big-casino-text{font-size: 14px; line-height: 23px;}

    .bonuses-ribbon{font-size: 14px;}

    .bonuses h3{font-size: 20px; line-height: 31px;}

    .bonuses-text{font-size: 14px; line-height: 24px; margin-top: 10px; margin-bottom: 30px;}

    .code-text{font-size: 20px;}
    
    .background-hero{background-color: #000; background-size: contain; background-repeat: no-repeat; background-position: bottom center; position: relative;}
    .casino-before-title{margin-top: 20px;}
    .casino-rating{float: left; margin-right: 20px;}
    .casino-stars{margin-top: 0px !important;}
    .rating{border-top: 1px solid #ccc; margin-top: 20px; border-left: 0px !important; padding: 20px 15px !important; }
    
    /* posts */
    .overlay-title,h3.overlay-title-big{font-size: 14px !important; line-height: 17px !important;}
    .post-meta{font-size: 10px;}
    .post-category{font-size: 10px;}
    .overlay-text p{font-size: 14px !important; line-height: 18px !important;}

    /* single casino */
    .average{font-size: 16px;}
    .star-icon-single{width: 15px; height: 15px;}
    .casino-single-title{font-size: 40px;}
    .intro-single{font-size: 16px; line-height: 22px;}

    .post-list-excerpt{font-size: 14px; line-height: 20px;}
    .post-list h3{font-size: 20px;}
    .post-list-read-more{font-size: 14px; height: 40px; line-height: 26px;}

    .list-posts-mini a{font-size: 16px; font-weight: 700;}
    .time{font-size: 10px !important; }
    .time svg{width: 16px; height: 16px;}

    .title-pros-cons{font-size: 24px;}
    .pros,.cons {padding: 29px 18px 80px;}
    .pros li, .cons li {font-size: 16px; line-height: 22px; margin-bottom: 22px;}

    .block-text-mobile p{font-size: 16px; line-height: 24px;}

    .details-title{font-size: 15px; line-height: 30px; margin-bottom: 10px;}
    .details-icon{width: 40px; height: 40px;}
    .casino-details-content{font-size: 14px;}
    .casino-details-bonus{font-size: 14px; padding: 5px 10px;}
    

    .bg-details{font-size: 14px;}

    .rating-name,.rating-star{font-size: 14px;}

    .text-white-50{color: rgba(255,255,255,1) !important}

    .related-post-title, .post-home h3,.post-list h3{font-size: 20px;line-height: 25px;}

    header{ position: fixed; top: 0; width: 100%; z-index: 99999; }
    body{margin-top: 123px;}

    .accordion-button{font-size: 16px !important;}
}