article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
}

audio, canvas, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

a {
    background: transparent
}

a:focus {
    outline: thin dotted
}

a:active, a:hover {
    outline: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code, kbd, pre, samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: \201C \201D \2018 \2019
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

.videoframe iframe {
	    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button, input {
    line-height: normal
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

body, figure {
    margin: 0
}

legend, button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

/* 2. Defaults
   ----------------------------------------------------------------------------*/


html {
    font-size: 16px;
    /* 10px browser default */
    line-height: 1.8;
}

body {
    background: linear-gradient(90deg, #220040 0%, #00435B 100%);
    color: #ffffff;
    font-family: sans-serif;
    line-height: 1.8;
    overflow-x: hidden;
	overscroll-behavior: none;
}

a {
    color: #BB4789;
    text-decoration: none;
}

.entry-content a {
    border-bottom: 1px solid #BB4789;
}

.entry-content .toplist-item .logo a, .minireview-middle a, .minireview-block .buttons .visbutton, .toplist-container .visbutton, .authorblock a {
    border-bottom: none;
}

/*
.toplist-item a, .main-header a, .sidebar li a, .handcta a, .main-footer a, .bottomfooter a, .authorblock a, #breadcrumbs a, .reviewtoppart a {
    border-bottom: none;
}
*/

a:hover {
    color: #999;
}

ol,
ul {
    margin: 0;
    padding: 0;
}

p {
    margin: 0 0 20px 0;
    padding: 0;
}

img {
    border: 0;
}

.clearboth {
    clear: both;
}

span.hilite {
    color: #990000;
    font-weight: 700;
}

hr {
    padding: 10px 0 0 0;
    margin-bottom: 25px;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

a.fulllink {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    display: block;
}

/* Headings
   -----------------------------------------*/


h1,
h2,
h3,
h4,
h5,
h6 {
    color: #fff;
    font-weight: bold;
    line-height: 1.1em;
    margin: 0 0 20px;
}

h1 {
    font-size: 1.9em;
    margin: 0 0 28px;
    font-weight: 700;
}

h2 {
    font-size: 1.6em;
    padding: 15px 0 15px 30px;
    border-left: 8px solid #B72565;
    margin: 30px 0;
}

@media screen and (max-width: 768px) {
	
	h1 {
		  font-size: 1.5em;
	}
	
	h2 {
		margin: 20px 0 10px;
	}
}

h3 {
    font-size: 1.4em;
}

h4 {
    font-size: 1.2em;
}

h5 {
    font-size: 1.1em;
}

h6 {
    font-size: 1.1em;
    font-weight: normal;
}

h1.entry-title,
h2.entry-title {
    margin-bottom: 8px;
}

h1.altheading, h2.altheading, h3.altheading {
    background: #2293d1;
    color: #fff;
    padding: 10px 12px;
    margin-bottom: 16px;
    font-weight: 600;
}

.h-toc {
    scroll-margin-top: 3em;
}

.logged-in header#headstick {
    margin-top: 32px;
}

/* 3. Site Layout and Structure
   ----------------------------------------------------------------------------*/

#outerwrap {
    width: 100%;
    margin: 0 auto;
}

.wrap {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.main-header .wrap {
    max-width: 1280px;
}

.main-header>.wrap {
    display: grid;
    grid-template-columns: 185px 1fr;
}

#main .wrap {
    display: block;
}

.breadcrumb-bar .wrap {
    max-width: 1280px;
    padding-top: 25px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid #FFFFFF;
}

/*
.main-header > .wrap {
    display: grid;
    grid-template-columns: 185px 1fr;

}
*/

.header-author {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

/* 4. Common Classes
   ----------------------------------------------------------------------------*/

/* Flytonic Buttons */
a.visbutton {
    background: #f68a1f;
    /* for non-css3 browsers */
    color: #000 !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    line-height: 1em;
    padding: 13px 12px;
    text-align: center;
    text-decoration: none !important;
    display: inline-block;
    margin: 0 .5em 0 .5em;
    font-size: 15px !important;
    text-transform: uppercase;
    font-weight: 600;
}

a.flybutton.lgt {
    color: #000 !important;
}

a.visbutton.gray {
    background: #8f8f8e;
    /* for non-css3 browsers */
}

a.visbutton.size1 {
    padding: 7px 0;
    width: 80px;
    margin: 0 !important;
}

a.visbutton.fullbutton {
    width: 100%;
    margin: 0;
    padding: 12px 0;
    ;
}


a.visbutton.lg {
    padding: 16px 0;
    display: block;
    margin: 0;
    width: 200px;
    font-size: 16px !important;
}

a.visbutton.sm {
    padding: 14px 0;
    font-size: 12px !important;
    width: 75px;
    margin-top: 5px;
}

a.visbutton.cent {
    margin: 0 auto;
    text-align: center;
    display: block;
}

a.visbutton:hover, a.visbutton:active, a.visbutton:visited {
    opacity: 0.85;
    box-shadow: 0 0 0 3px #B72565, 0 0 0 6px #B72565;
}

a.visbutton.marb {
    margin-bottom: 6px !important;
}

a.visbutton.fright {
    margin: 0 !important;
    float: right;
}

/* Rating Stars */

span.rate {
    display: block;
    height: 16px;
    width: 98px;
    background: url(https://onlinegamblingguru.com/wp-content/themes/spread2/images/ratestars.png) -2px -19px;
}

span.ratetotal {
    display: block;
    height: 16px;
    width: 98px;
    background: url(images/ratestars.png) -2px -2px;
}

span.rate.ratecen {
    margin: 0 auto;
}

span.rate.mbottom {
    margin-bottom: 8px;
}

/*
span.rate.reviewrate{
	float:right;
}
*/

/* Excerpts */
.excerptlist {
    line-height: 1.5em;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
    margin: 25px 0 25px 0;
}

.articleexcerpt p {
    margin: 0;
    padding: 0;
    line-height: 1.5em;
}

.articleexcerpt {
    background: #fff;
    border: 2px solid #7335AC;
    box-shadow: 0px 4px 24px -1px rgb(183 37 101 / 75%);
    border-radius: 5px;
}

.articleexcerpt:hover {
    background: #f2f2f2;
}

.articleexcerpt a {
    padding: 20px 10px 20px 15px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
    border-bottom: none;
}

.excerptleft {
    position: relative;
}

.articleexcerpt img {
    display: block;
    width: 100%;
    height: auto;
}

.articleexcerpt h3 {
    margin: 0 0 5px;
    padding: 0;
    color: #111;
    font-size: 17px;
    font-weight: 600;
}

.articleexcerpt .bylines {
    font-size: 12px;
    margin: 0 0 14px;
    color: #fff;
    line-height: 1.2em;
}

.catcontainer {
    position: absolute;
    background: #B72565;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    padding: 2px 6px;
    top: 0;
    left: 0;
}

.loadmore {
    display: table;
    margin: 0 auto 30px;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    background-color: #B72565;
}

.loadmore:hover {
    opacity: 0.7;
}

.no-more-post {
    color: #000;
    border: 1px solid #000;
    display: table;
    margin: 0 auto 30px;
    border-radius: 5px;
    font-weight: 700;
    padding: 10px 20px;
    cursor: no-drop;
}

.articleexcerpt p {
    color: #000;
}

.articleexcerpt .title.bottomtitle {
    color: #000;
}


/* post widget sidebar */
.widgetpostcontainer .articleexcerpt {
    background: transparent;
    border: none;
    border-radius: unset;
}

.widgetpostcontainer .articleexcerpt a {
    padding: 0px 15px 15px 15px;
    width: 100%;
    height: auto;
    display: block;
}

.widgetpostcontainer .articleexcerpt img {
    margin: 0 8px 0 0;
    display: block;
    float: left;
    max-width: 120px;
    height: auto;
    min-height: 90px;
}

.widgetpostcontainer .articleexcerpt .title.bottomtitle {
    color: #444;
    background: none;
    text-align: left;
    padding: 0;
    text-transform: none;
    font-size: 16px;
}

/* sidebar banner widget */
.widget .textwidget {
    margin-bottom: 0;
    padding: 10px 20px 0;
}

.widget .textwidget p a {
    width: 100%;
    height: auto;
    display: block;
}

.widget .textwidget img {
    max-width: 100%;
    width: 100%;
    height: auto;
    /*	max-height: 144px;*/
}

/* Other Common Classes */
.bylines {
    font-size: 13px;
    margin-bottom: 20px;
    color: #fff;
}

.home .bylines-review.sc {
    margin-bottom: 10px;
    margin-top: -10px;
}

.page-template-default h1 {
    margin-bottom: 0;
}

blockquote {
    margin: 10px 20px 20px;
    padding: 10px 10px 5px 10px;
    border-left: 2px solid #ddd;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #777;
    background: #f5f5f5;
    font-style: italic;
    border-radius: 5px;
    font-size: 1.1em;
}

blockquote {
    background-color: transparent;
    border: solid 4px #F6BA1F;
    display: block;
    margin-bottom: 35px;
    padding: 1em;
    position: relative;
    padding-left: 40px;
    padding-bottom: 10px;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 30px;
}

blockquote:before {
    content: "\201C";
    position: absolute;
    left: -23px;
    top: -20px;
    font-size: 100px;
    color: #F68A1F;
    background-color: #f4faff;
    width: 56px;
    height: 46px;
    z-index: 17;
    line-height: 0.9;
    text-shadow: 2px 2px 4px grey;
}

blockquote:after {
    content: "\201C";
    position: absolute;
    right: -25px;
    bottom: -20px;
    font-size: 100px;
    color: #F68A1F;
    background-color: #f4faff;
    width: 58px;
    height: 47px;
    z-index: 17;
    line-height: 0.9;
    transform: rotate(180deg);
    text-shadow: -1px -3px 4px grey;
}

blockquote p {
    margin: 0 0 10px;
    color: #111111;
}

.text-wrap {
    background: linear-gradient(220deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
    backdrop-filter: blur(42px);
    border-radius: 16px;
    padding: 24px;
    margin: 60px 0;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.main-content .bannerwidget {
    display: block;
    margin: 20px auto;
    float: none;
    text-align: center;
}

.breadcrumb {
    margin-bottom: 10px;
    font-size: 1.1em;
    padding: 10px;
    color: #999;
    background: #FFF;
    border: 1px solid #ccc;
}

.current_crumb {
    font-weight: normal;
}

/** Pagination **/

.pagination {
    font-weight: bold;
    font-size: 14px;
    display: flex;
    height: auto;
    justify-content: center;
}

.pagination span, .pagination a {
    display: block;
    float: left;
    margin: 2px 7px 2px 0;
    padding: 9px 9px 9px 9px;
    text-decoration: none;
    width: auto;
    color: #B72565;
    text-decoration: none;
}

.pagination a:hover {
    color: #fff;
    background: #B72565;
}

.pagination .current {
    padding: 9px 9px 9px 9px;
    background: #B72565;
    color: #fff;
}

.pagination a.last {
    background: #999;
    color: #FFF;
}

.pagination a.last:hover {
    background: #333;
    color: #FFF;
}

/* Images */

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignleft {
    margin: 5px 20px 5px 0;
}

img.alignright {
    margin: 5px 0 5px 20px;
}

img.aligncenter {
    margin: 5px auto;
}

img.alignnone {
    margin: 5px 0;
}

.main-content img[class*="align"],
img[class*="wp-image-"] {
    height: auto;
    /* Make sure images with WordPress-added height and width attributes are scaled correctly */
    max-width: 100%;
}

.main-content img.size-full {
    max-width: 100%;
    width: auto;
    /* Prevent stretching of full-size images with height and width attributes in IE8 */
}

img.wp-smiley,
.rsswidget img {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
    vertical-align: top;
}

/* Captions */

.wp-caption {
    margin-bottom: 20px;
    border: 1px solid #ccc;
    max-width: 96%;
}

.wp-caption.alignleft {
    margin: 5px 10px 5px 0;
}

.wp-caption.alignright {
    margin: 5px 0 5px 10px;
}

.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
    color: #666;
    font-size: 12px;
    font-weight: 300;
    background: #f5f5f5;
    padding: 10px 20px;
    margin: 0;
    border-top: 1px solid #ddd;
}

.wp-caption.alignleft+ul,
.wp-caption.alignleft+ol {
    list-style-position: inside;
}

.gallery {
    margin: 0 0 20px 0;
    overflow: hidden;
}

.gallery-item {
    float: left;
    padding: 0 12px 5px 12px;
    text-align: center;

}

.gallery-columns-4 .gallery-icon img {
    width: 120px;
    height: 120px;
}

.gallery-columns-1 .gallery-icon img, .gallery-columns-2 .gallery-icon img {
    width: 260px;
    height: 195px;
}

.gallery .gallery-caption {
    border: 0;
    padding: 2px;
    background: #f1f1f1;
    font-style: italic;
    font-size: 11px;
    margin: 0;
}

.gallery .gallery-icon img {
    border: 1px solid #ccc;
    padding: 4px;
}


/******************* Flytonic Comments ****************************************/

#comments {
    padding-top: 30px;
}

#respond:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#commentform {
    padding: 10px 0 0 0;
    margin: 0;
}

#commentform input, #commentform textarea, #commentform .rateinput {
    width: 200px;
    padding: 5px;
    margin: 0;
    border: 2px solid #DDD;
    color: #888;
    display: block;
    font-size: 11px;
}

#commentform textarea {
    width: 95%;
}

#commentform label {
    color: #555;
    font-weight: bold;
    font-size: 11px;
}

#commentform label span {
    font-weight: normal;
    color: #777;
}

ol.commentlist {
    border-top: solid 1px #ddd;
    margin: 0 0 35px 0 !important;
    padding: 0 !important;
}

ol.commentlist li {
    position: relative !important;
    ;
    min-height: 50px !important;
    ;
    padding: 10px 10px 10px 82px !important;
    list-style: none !important;
    border-bottom: 1px solid #ddd !important;
    ;
}

ol.commentlist li .avatar {
    padding: 4px;
    text-align: center;
    background: #fff;
    border: solid 1px #ccc;
    position: absolute;
    left: 10px;
    top: 10px;
}

ol.commentlist li span.avatar img {
    margin: 5px;
}

ol.commentlist ul.children {
    margin: 10px 0 0 0 !important;
    border-top: solid 1px #ddd;
    padding: 0;
}

ol.commentlist .thread-odd {
    background: #f8f8f8;
}

ol.commentlist .thread-even .even {
    background: #fff;
}

ol.commentlist .thread-even .odd {
    background: #f8f8f8
}

ol.commentlist .thread-odd .odd {
    background: #fff;
}

ol.commentlist .thread-odd .even {
    background: #f8f8f8
}

.bypostauthor {
    border-top: 2px solid #2293d1;
}

ol.commentlist .bypostauthor span.avatar {
    border: solid 2px #2293d1;
}

.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
}

div.comment-author {
    font-size: 1.1em;
    line-height: 1em;
}

b.fn {
    font-weight: normal;
}

span.says {
    display: none;
}

div.comment-metadata {
    font-size: .8em;
    margin-bottom: 10px;
    color: #888;
}

div.comment-metadata a, div.comment-metadata a:visited {
    color: #888;
}

div.comment-metadata a:hover {
    color: #000;
}

.reply {
    text-align: right;
}

/** Comment Buttons **/

div.reply a.comment-reply-link, div.reply a.comment-reply-link:visited {
    background: #2293d1;
    color: #fff;
    padding: 4px;
    font-size: .8em;
    font-family: Arial, Helvetica, sans-serif;
}

div.reply a.comment-reply-link:hover {
    background: #999;
    color: #fff;
}

#commentform #submit {
    background: #2293d1;
    color: #fff;
    border: 0;
    padding: 8px;
    text-align: center;
    display: block;
    width: 100px;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

#commentform #submit:hover {
    background: #999;
    cursor: pointer;
}


/* 5. Header
   ----------------------------------------------------------------------------*/


header.main-header {
    width: 100%;
    /* padding: 10px 0px; */
    /* background: #123448; */
    background: linear-gradient(90deg, #220040 0%, #00435B 100%);
    position: fixed;
    top: 0;
    transition: all .3s ease;
    z-index: 999;
}

header.main-header.hide {
    top: -139px;
}

/*
.header-logo { 
	float:left;  
	padding:0 20px 0 15px;
	}
*/
.header-logo img {
    max-width: 255px;
    margin: 7px 0 0px -16px;
    width: 255px;
}

.header-logo h1 {
    line-height: 1.1em;
    font-size: 30px;
    padding: 10px 0 0 10px;
    margin: 0;
    text-transform: uppercase;
}

.header-logo h1 a {
    color: #222;
}

.header-logo h1 a:hover {
    color: #333;
}

.headerwidgets {
    overflow: hidden;
}

.headerwidgets .widget {
    float: right;
    padding: 5px 15px 5px 5px;
}

.headerwidgets .bannerwidget {
    float: right;
    padding: 5px 15px 5px 5px;
}

.headerwidgets .bannerwidget img {
    max-width: 100%;
    height: auto;
}


/* Navigation
   ------------------------------*/

nav.navbar {
    background: #3ca4dd;
    background-image: -moz-linear-gradient(top, #3ca4dd 33%, #198dcc 100%);
    background-image: -webkit-linear-gradient(top, #3ca4dd 33%, #198dcc 100%);
    clear: both;
    padding: 0;
}

.nav {
    /*
	height:46px;
	display: block; 
	margin:0; 
	float:left;
*/
}

.nav,
.nav ul {
    line-height: 34px;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
    margin-top: 39px;
}

.nav li {
    /*	float: left;*/
    display: inline-block;
    font-size: 15px;
    margin: 0;
    /*	font-weight:600;*/
    text-transform: uppercase;
    /*
	border-right:1px solid #0377b3;
	border-left:1px solid #48b4e2;
*/
}

.nav li:first-child {
    /*	border-left:none;*/
}

.nav li:last-child {
    border-right: none;
}

.nav li a, .nav li a:visited {
    color: #fff;
    display: block;
    padding: 8px 8px;
}

.nav li a:hover, .nav li a:active {
    background: #0377b3;
    color: #B72565;
}

.nav li ul {
    position: absolute;
    left: -999em;
    width: 160px;
    margin: 0 0 0 -1px;
    line-height: 17px;
    background: #fff;
    z-index: 10;
}

.nav li li {
    width: 160px;
    margin: 0;
    border: 0;
    border-bottom: none;
    font-size: 1.0em;
    font-weight: normal;
}

.nav li li a, .nav li li a:visited {
    color: #000;
    background: none;
    border-right: 0;
}

.nav li li a:hover, .nav li li a:active {
    background: #B72565;
    color: #fff !important;
}

.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul {
    left: auto;
}

.nav li.current-menu-item a, .nav li.current-menu-parent a {
    color: #B72565;
}

.nav li.current-menu-item ul {
    margin-top: -1px;
}

.nav li li ul, .nav li.current_menu_item li ul, .nav li.current_menu_parent li ul {
    margin: -30px 0 0 160px;
    visibility: hidden;
    font-size: 1.0em;
}

.nav li li:hover ul {
    visibility: visible;
}

#mobile-menu-btn {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10000;
    padding: 0 3px;
}

#mobile-menu {
    display: none;
}

#mobile-menu .menu-item-has-children .arrow {
    display: none;
}


/* 6. Content Area
   ----------------------------------------------------------------------------*/


.container, #main {
    overflow: hidden;
    background: linear-gradient(90deg, #220040 0%, #00435B 100%);
    clear: both;
    /*    padding-top: 60px;*/
}

/*
.single-casino #main, .page #main {
    padding-top: 114px;;
}
*/

/*
.home .container, .home #main {
    padding-top: 106px;
}
*/

.main-content {
    font-size: 16px;
    line-height: 1.7;
    margin-top: 20px;
}

.leftside .main-content {
    float: right;
}

.main-content.fullwidth {
    width: 1100px;
}

.main-content ul, .main-content ol {
    margin: 0;
    padding: 0 0 25px 0px;
}

.main-content ul li {
    padding: 0 0 12px 0;
    list-style: disc inside;
    text-indent: -.9em;
}

.main-content ol {
    margin-left: 1em;
}

.main-content ol li {
    padding-left: 2.2em;
    margin: 0;
    margin-bottom: 30px;
    list-style: decimal;
    list-style-position: outside;
    position: relative;
    counter-increment: li;

}

.main-content ol li::marker {
    content: none;
}

.main-content ol li::before {
    content: counter(li) " ";
    position: absolute;
    left: -25px;
    top: 0;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: #B72565;
}

.main-content h2.title {
    margin: 20px 0 12px 0;
}

.main-content img.bannerAd {
    max-width: 100%;
    height: auto;
}

/**Slider **/

.top-slider {
    display: block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    overflow: hidden;
    border: 1px solid #eaeaea;
    margin-bottom: 25px;
}

.top-slider .slides, .top-slider ul, .top-slider ul.slides {
    padding: 0;
    margin: 0;
}

.top-slider ul li, .slides li {
    text-indent: 0;
    list-style: none;
    margin: 0;
    padding: 0
}

.slide-item {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 10px;
}

.top-slider .banner-image {
    float: left;
    width: 274px;
}

.banner-content {
    float: left;
    width: 400px;
    margin-left: 20px;
}

.banner-content h2 {
    font-size: 32px;
    margin-bottom: 10px;
}

.banner-content p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
}

.white-btn {
    background: #fff;
    border-radius: 4px;
    color: #606162 !important;
    display: inline-block;
    font-size: 15px !important;
    font-weight: 600;
    line-height: 1em;
    margin-top: 10px;
    padding: 10px 12px;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    border: 1px solid #bababb;
}

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

.white-btn.lg {
    padding: 13px 30px;
    font-size: 16px;
}

.top-slider .flex-control-nav {
    position: absolute;
    right: 0;
    bottom: 20px;
    text-align: right;
    margin: 0;
    padding: 0 20px;
}

.top-slider .flex-control-nav li {
    margin-left: 5px;
}

.top-slider .flex-control-nav a {
    font-size: 0;
}


/**Featured Table **/

.featuredsite {
    overflow: hidden;
    margin-bottom: 25px;
    border: 2px solid #7335AC;
    border-radius: 5px;
    background-color: #ffffff;
    padding: 30px 45px;
}

span.lowlite {
    margin-top: 20px;
    display: block;
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 26px;
    color: #000;
}

.featinner {
   	display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 40px;
}

.featright_bottom {
    /*
    border-top: 1px solid #4879A3;
    margin-top: 17px;
*/
    display: block;
    /*    padding-top: 7px;*/
}

.featright img.logocomp {
    width: 100%;
    height: auto;
    max-height: 110px;
    display: block;
}

.featuredsite .bonus {
    margin-top: 30px;
}

.featuredsite span.rate.ratecen {
    margin: 5px 0 10px 0;
}

.featbottom .buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.featuredsite span.hilite {
    border-bottom: 2px solid #B72565;
    padding-bottom: 5px;
    /*    margin-bottom: 15px;*/
}

.entry-content .featuredsite a {
    color: #000000;
    border-bottom: none;
    font-size: 26px;
    font-weight: 600;
}



.featbottom a.visbutton {
    font-weight: 500;
    font-size: 30px !important;
    line-height: 27px;

}

.featbottom a.rev_link {
    color: #B72565;
    font-weight: 500;
    font-size: 24px;
    line-height: 27px;
    font-weight: 700;
    text-align: center;
    border-bottom: 2px solid #B72565;
	margin-top: 0px;
	    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
	text-transform: uppercase;
}

.feat_heading h4 {
    float: left;
    margin: 0;
    font-size: 24px;
}

.main-content .featright_bottom ul {
    padding: 4px 0 0 4px;
    margin: 0;
}

.main-content .featright_bottom li {
    margin: 0 0 4px;
    padding: 0 0 4px;
    border-bottom: 1px solid #e5e5e5;
    list-style: none;
    text-indent: 0;
    font-size: 14px;
    color: #777;
}

.main-content .featright_bottom li:last-child {
    margin: 0;
    padding: 0;
    border: 0;
}

.featbleft span {
    display: block;
    color: #000000 !important;
    font-weight: 500;
    font-size: 24px;
    line-height: 27px;
}

.featbright {
    float: right;
    padding-top: 15px;
    width: 150px;
}

.featright_bottom a.visbutton {
    display: block;
    margin: 0;
    padding: 15px 0;
    font-size: 18px !important;

}

@media screen and (max-width:520px) {
	.entry-content .featuredsite a 
	{
		font-size: 22px;
		line-height: 1.2;
		display: block;
	}
}
 
/** Game List **/
.gamelist_item_container {
    margin: 25px 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 25px;
}

.gamelist_item {
    text-align: center;
    position: relative;
}

.gamelist_item img {
    width: 100%;
    height: auto;
    display: block;
    box-shadow: 0px 4px 24px -1px rgba(183, 37, 101, 0.5);
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    min-height: 175px;
    max-height: 175px;
}

.gamelist_item .gameitem_img-text {
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    background: #B72565;
    line-height: 2.5;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 0;
    padding: 0 10px;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0;
    display: inline-block;
    width: 100%;
}

.gamelist_item h3 {
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    background: #B72565;
    line-height: 2.5;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 0;
    padding: 0 10px;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0;
}

/** Comparison Table **/

.comptable {
    font-size: 15px;
    line-height: 1.1em;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 30px;

}

.comptable tr.topcomp {
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    background: #999;
}

.comptable th {
    color: #000;
    padding: 15px 2px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1em;
}

.comptable td {
    text-align: center;
    color: #666;
    line-height: 1.1em;
    padding: 8px 2px;
    font-weight: 700;
}

.comptable tr:nth-child(2n+1) td {
    background: #f9f9f9;
}

.comptable img.logocomp {

    display: block;
    margin: 0 auto;
    width: 150px;
    height: auto;
    max-width: 100%;
}


.rankcir {
    background: #2293d1;
    color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    -moz-border-radius: 25px;
    font-size: 28px;
    line-height: 46px;
    font-weight: bold;
    margin: 0 auto;
    display: block;
}

.comptable .rankcol {
    width: 10%;
}

.comptable .casinocol {
    width: 25%;
}

.comptable .bonuscol {
    width: 24%;
}

.comptable .ratecol {
    width: 23%;
}

.comptable .visitcol {
    width: 18%;
}

.comptable a.visbutton {
    display: block;
    width: 120px;
    margin: 0 auto 8px;
}

/* Review Top part */

.reviewTop {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.reviewTop-image {
	position: relative;
}

.reviewTop-image img {
	width: 100%;
	height: auto;
	border-radius: 5px;
}

.reviewTop-image-float {
	position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 120px;
	
}

.reviewTop-image-float img {
	max-width: 120px;
	opacity: .7;
}

.reviewTop-descr {
	color: #FFF;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
}

.reviewTop-banner {
	border-radius: 5px;
	border: 1px solid #6B00BF;
	background: rgba(255, 255, 255, 0.50);
	padding: 10px;
	margin-top: 10px;
}

.reviewTop-banner .reviewTop-banner-txt {
	color: #FFF;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.reviewTop-banner-btn a {
	border-radius: 100px;
	border: 1px solid #B72565;
	background: #E03ED9;
	color: #FFF;
	font-size: 16px;
	font-weight: 600;
	line-height: normal;
	padding: 10px;
	width: 100%;
	text-align: center;
	max-width: 450px;
	margin:0 auto;
	display: block;
}

@media screen and (max-width: 768px) {
	.reviewTop {
		grid-template-columns: 1fr ;
	}
	
	.reviewTop-image-float img {
		max-width: 80px;
	}
}

/* END Review Top part */

/* Review Table */
.reviewTable {
	margin: 20px 0;
	border-radius: 5px;
	overflow: hidden;
}

.reviewTable-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	border-radius: 5px;
	border: 1px solid #410075;
}



.reviewTable-row .reviewTable-row-txt {
	padding: 10px;
	background: #F4EDF0;
	color: #000;
	font-size: 14px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.408px;
	border-right: 2px solid #410075;
}

.reviewTable-row .reviewTable-row-descr {
	background: #FFF;
	color: #000;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.408px;
	padding: 10px;
}

.payment-images-img {
	    border-radius: 3px;
    border: 1px solid #1b7dbb;
    background-color: #def4ff;
    display: inline-flex;
    align-items: center;
    justify-content: start;
    gap: 7px;
    margin-right: 4px;
	padding: 5px 0;
	margin-bottom: 5px;
}

.payment-images-img img {
    max-height: 19px;
    margin-left: 2px;
}

.payment-images-img span {
    margin-right: 10px;
    margin-left: -2px;
    font-size: 10px;
	line-height: 1.7em;
}

.payment-images-show {
	display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    background: #def4ff;
    border: 1px solid #1b7dbb;
    border-radius: 3px;
    cursor: pointer;
    vertical-align: top;
	padding: 6px;
}

.payment-images-show span {
    margin-right: 10px;
    margin-left: -2px;
    font-size: 10px;
	line-height: 1.7em;
}

.payment-images-withdrawal .payment-images-show {
	border: 1px solid #009821;
	background: #E4FFEA;
}

.payment-images-withdrawal .payment-images-img {
	border: 1px solid #009821;
	background: #E4FFEA;
}

@media screen and (max-width: 768px) {

	.reviewTable-row {
		grid-template-columns: 1fr;
	}
	
	.reviewTable-row .reviewTable-row-txt {
		border-right: 0;
	} 
}



/* END Review Table */

.rev-cencontent .widget-title-square h2 {
    font-size: 20px;
}

.toppart {
    float: left;
    width: 100%
}

.toppart h1 {
    color: #000;
    margin-bottom: 0;
}

.toppart .alth1 {
	color: #000;
    margin-bottom: 0;
	font-size: 1.9em;
    margin: 0 0 28px;
    font-weight: 700;
}

.toppart h2 {
    color: #000;
    margin-bottom: 0;
}
.authorimage img {
    width: 50px;
    height: 50px;
    border-radius: 50vw;
}

.bylines-review {
    color: #fff;
    font-size: 13px;
}

.bylines-review a {
    color: #fff;
    text-decoration: underline;
}

.newbyline {
    display: grid;
    grid-template-columns: 50px 1fr;
    gap: 20px;
    margin: 25px 0;
}

.newbyline .authorimage {
    margin: auto;
    display: flex;
}

.newbyline span {
    font-size: 16px;
}

.newbyline .bylines-review.sc {
    font-size: 14px;
    font-weight: 300;
}

span.rate.reviewrate {
    margin-top: 4px;
}


.pro-cons-icon .fa-thumbs-up::before, .rev-widget-pros ul li:before {
    color: green;
}

.pro-cons-icon .fa-thumbs-down::before, .rev-widget-cons ul li:before {
    color: red;
}

ul.prosconslist {
    background-color: #fff;
    border: 1px solid #4879A3;
    border-radius: 4px;
    padding: 15px 15px 6px 25px !important;
}

.reviewmidpart {
    margin-bottom: 40px;
}

.rev-widget-pros .pro-cons-icon {
    margin: -66px auto 0 auto;
    width: 62px;
    height: 31px;
    border: 2px solid #812C94;
    border-radius: 50% 50% 0 0 / 100% 100% 0 0;
    -moz-border-radius: 50%;
    background: #fff;
    border-bottom-color: #fff;
    text-align: center;
    border-bottom: none;
}

.rev-widget-pros .pro-cons-icon img {
    width: 35px;
    margin-top: 10px;
    height: auto;
}

.rev-widget-pros h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    color: #3b3a3a;
    margin: 13px 0;
}

.rev-widget-pros ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.rev-widget-pros ul li {
    display: block;
    margin: 0 0 5px;
    padding: 0 0 0 25px;
    color: #111111;
    position: relative;
    list-style: none;
    text-indent: 0;
}

.noborder {
    border: none !important;
}

.rev-widget-pros ul li:before {
    content: '\f147';
    font-family: 'Dashicons';
    font-size: 24px;
    position: absolute;
    left: 2px;
    top: 9px;
    margin: 0;
    padding: 0;
    line-height: 14px;
}

/*
.rev-widget-cons {
	float: right;
}
*/

.rev-widget-cons ul li:before {
    content: '\f158';
    font-family: 'Dashicons';
    font-size: 24px;
    position: absolute;
    left: 2px;
    top: 9px;
    margin: 0;
    padding: 0;
    line-height: 14px;
}

.bottomrev {
    /*
	background: #fff;
	padding: 15px;
*/
    width: 100%;
    margin-top: 25px;
    clear: both;
    overflow: hidden;
}


.rev-image-info {
    /*	float:left; */
    display: block;
    /*	width:50%;*/
}

.single-casino .rev-image-info .buttons {
    margin-top: 20px;
}

.rev-image-info img {
    width: 100%;
    height: auto;
}

.rev-image-info .weburl-link {
    clear: both;
    display: block;
    padding: 5px 10px;
    background: #efefef;
    color: #696969;
    text-align: center;
    font-size: 14px;
}

.rev-rightcontent a img {
    width: auto;
    height: auto;
    max-width: 200px;
    max-height: 80px;
}

.rev-rightcontent a img {
    /*
    width: 100%;
    height: auto;
*/
    /* max-width: 200px; */
    /* max-height: 80px; */
    /*
    transform: scale(0.2);
    transform-origin: top left;
    margin-bottom: calc((0.2 - 1) * 100%);
*/
}

.reviewsummary {
    width: 100%;
    color: #000;
    border-collapse: separate;
    border-spacing: 10px !important;
    display: table;
    border-radius: 4px;
    font-size: 16px;
}

.reviewsummary th {
    text-align: left;
    background: #ffffff;
    border: 1px solid #37007D;
    padding: 5px 10px;
    border-radius: 4px;
    /*	min-width: 260px;*/
}

.reviewsummary td {
    background: #FFF;
    border: 1px solid #37007D;
    padding: 5px 10px;
    border-radius: 4px;
}

.reviewsummary td.bonus {
    font-size: 1.3em;
    font-weight: bold;
}

.reviewsrow {
    border: 1px solid #811A3C;
    background: rgba(183, 37, 101, 0.1);
    border-radius: 5px;
    margin-bottom: 8px;
    padding: 6px 8px 6px 8px;
    display: block;
}

/*      Game Review      */

.single-casino-game #main {
    padding-top: 0;
}

.game_wrap {
    background: #fff;
    border: 2px solid #812C94;
    border-radius: 10px;
    margin-bottom: 20px;
}

/*
.game_wrap h1{
	margin:0 0 15px;
	padding:8px 15px;
	background:#2293d1;
	color:#fff;
	border:0;
	font-size:22px;
}
*/
.btn.btn-playnow {
    background-color: #fff;
    border: 1px solid #B72565;
    color: #B72565;
    padding: 10px 14px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.game-topimage {
    background-color: #646464;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 400px;
    background-position: center bottom;
    background-blend-mode: multiply;
    padding: 0 20px;
}

.single-casino .game-topimage {
    background-blend-mode: normal;
}

.single-game .game-topimage {
    background-blend-mode: normal;
}

.banner-box {
    width: 100%;
    max-width: 460px;
    background-color: rgba(255, 255, 255, 0.9);
    margin: 50px auto;
    border-radius: 8px;
    padding: 40px 10px;
}

.page .banner-box {
    width: 100%;
}

.topbanner-txt {
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
}

.topbanner-txt span {
    display: block;
    color: #000;
}

.banner-box .buttons {
    padding: 0 60px;
}

.game_detblock {
    padding: 20px;
    overflow: hidden;
}

.game_detblock_col1 {
    float: left;
    width: 50%;
}

.game_screen {
    background: #1a1a1a;
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
}

.gamefeat_site {
    overflow: hidden;
    padding: 10px;
    background: #ddd;
}

.gamefeat_site .left_featgm {
    float: left;
    width: 36%
}

.gamefeat_site .left_featgm img {
    max-width: 100%;
    height: auto;
}

.gamefeat_site .right_featgm {
    float: right;
    width: 58%;
}

.gamefeat_site .right_featgm span {
    display: block;
    font-weight: bold;
    font-size: 18px;
    padding-bottom: 8px;
}

.game_screen .gmrate_area {
    padding: 10px;
    overflow: hidden;
}

.game_screen .gmrate_text {
    display: block;
    float: left;
    padding-right: 5px;
    font-weight: 700;
}

.game_screen img {
    display: block;
    width: 100%;
    height: auto;
}

.game_detblock_col2 {
    float: right;
    width: 46%;
}

.game_detblock_col2 h4 {
    margin: 0 0 15px;
    font-size: 18px;
    padding: 0;
    border: 0;
}

ul.game_list1 li {
    display: block;
    color: #747272;
    position: relative;
    padding: 8px 0 8px 20px;
    list-style: none;
    text-indent: 0;
}

ul.game_list1 li::before {
    color: green;
    font-size: 24px;
    font-family: 'Dashicons';
    content: '\f147';
    position: absolute;
    left: 0;
    top: -3px;
}

ul.game_list1 {
    margin: 0 0 15px;
    padding: 0 0 15px;
    border-bottom: 1px solid #812C94;
    border-top: 1px solid #812C94;
    padding-top: 15px !important;
    margin-top: 20px !important;
    padding-bottom: 15px !important;
    margin-bottom: 26px !important;
}

ul.game_list1 li:last-child {
    border-bottom: none;
}

ul.game_list2 {
    margin: 0;
    padding: 0 !important;
}

ul.game_list2 li {
    margin: 0 0 6px;
    padding: 0;
    list-style: none;
    color: #555;
    text-indent: 0;
}

ul.game_list2 li span {
    font-weight: bold;
}

.desc {
    margin-top: 20px;
    color: #000;
}

.game_demoblock {
    background: #fff;
    overflow: hidden;
    border: 2px solid #812C94;
    border-radius: 10px;
    margin-bottom: 25px;
}

.game_demoarea {
    text-align: center;
    background: #000;
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.game_demoarea iframe, .game_demoarea object, .game_demoarea embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}

.game_demoblock h4 {
    margin: 0 0 10px;
    font-size: 22px;
    padding: 0;
    border: 0;
}

.gamedemo_casino {
    padding: 0 20px 10px;
    overflow: hidden;
}


.gamedemo_casino .gamedemo_logo {
    float: left;
    width: 20%;
}

.gamedemo_casino .gamedemo_logo img {
    max-width: 100%;
    height: auto;
}

.gamedemo_casino .gamedemo_bonus {
    float: left;
    width: 55%;
    padding: 10px 0 0 20px;
    font-weight: 700;
    font-size: 26px;
}

.gamedemo_casino .gamedemo_play {
    float: left;
    width: 25%;
    padding: 10px 0 0 20px;
}

/* 7. Sidebar
   ----------------------------------------------------------------------------*/


.sidebar {
    /*	float:left;*/
    font-size: 15px;
    margin: 0;
    /*	width:330px;*/
    /*	background:#f3f3f3;*/
    /*	padding:10px;*/
    /*
	border-radius:5px;
	-moz-border-radius:5px;
*/
    line-height: 1.4em;
}

.sidebar li a {
    color: #4b4c4c;
}

.sidebar li a:hover {
    color: #666;
}

.sidebar h3 {
    margin: 0;
    font-size: 16px;
    padding: 0 0 10px;
    margin: 0 0 12px;
    color: #37a1da;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 2px solid #d3d3d3;
}

.sidebar h3.blue {
    background: #04045E;
}

.sidebar ul, .sidebar ol {
    margin: 0;
    padding: 0;
}

.sidebar ul li {
    padding: 0 0 12px 0;
    margin: 0px 0px 12px 0;
    list-style: none;
    border-bottom: 1px solid #e8e8e8;
    font-weight: 600;
}

.sidebar ul li:last-child {
    border: 0;
    margin-bottom: 0;
}

.sidebar ol li {
    padding: 0 0 8px 0;
    margin: 0px 0px 8px 0;
    list-style: decimal inside;
    background: none;
}

.sidebar .widget {
    border: 2px solid #812C94;
    border-radius: 10px;
    -moz-border-radius: 10px;
    margin: 0 0 25px;
    background: #FFF;
    padding: 10px;
}

.sidebar .bannerAd {
    margin: 10px auto;
    text-align: center;
    display: block;
}

.textwidget,
.tagcloud {
    margin-bottom: 0;
}


/* Calendar Widget */

#wp-calendar {
    margin: 0 auto;
}

#wp-calendar caption {
    font-size: 14px;
    margin: 0;
}

#wp-calendar th,
#wp-calendar td {
    padding: 5px;
    text-align: center;
}


/* Category Widget */

.fly_cat .thumb {
    float: left;
    margin: 0 10px 2px 0;
    width: 100px;
    height: 100px;
}

.fly_cat.right .thumb {
    float: right;
    margin: 0 0 2px 10px;
}

.fly_cat h4 {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0;
    margin-bottom: 4px;
}

.fly_cat .posttitlespan {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0;
    margin-bottom: 4px;
}

.fly_cat span {
    display: block;
    color: #2b2b2b;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.3em;
}

.fly_cat {
    overflow: hidden;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    padding-left: 10px;
    padding-right: 10px;
}


/* Social Media Widget */

ul.smedia {
    padding: 0 10px;
    margin: 0;
    overflow: hidden;
}

ul.smedia li {
    display: block;
    float: left;
    padding: 6px;
    list-style: 0;
    background: 0;
    margin: 0;
    border: 0;
}

/************************** Top Sites Widget 1 ***********************/

.topsiteswidget {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.topsiteswidget th {
    background: #8f8f8e;
    color: #000;
    padding: 10px 4px;
    font-weight: normal;
    text-transform: uppercase;
}

.topsiteswidget td {
    padding: 10px 4px;
    border-bottom: 1px solid #812C94;
    line-height: 1.1em;
}

.topsiteswidget tr:last-child td {
    padding: 10px 4px;
    border-bottom: 0;
}

a.revlink {
    text-decoration: underline;
    display: block;
    text-align: center;
    padding: 16px 0;
    color: #666;
    margin-top: 5px;
}

a.revlink:hover {
    text-decoration: none;
    color: #666;
}

.ts_casinocol {
    width: 30%;
}

.ts_bonusocol {
    width: 35%;
}

.topsiteswidget img.ts_logo {
    width: 100%;
    height: auto;
    display: block;
    max-height: 50px;
    max-width: 150px;
}

/************************** Top Sites Widget 2 ***********************/


.topsiteswidget_v2 {
    padding: 15px 0;
    overflow: hidden;
    border-bottom: 1px solid #d7d7d7;
    position: relative;
}

.topsiteswidget_v2:last-child {
    border: 0;
}

.topsiteswidget_v2:hover {
    background: #eee;
}

.topsiteswidget_v2 .ts_logo {
    display: block;
    width: 100%;
    height: auto;
}

.ts_left {
    width: 60%;
    float: left;
}

.ts_left a.revlink {
    text-align: left;
}

.ts_left h4 {
    font-size: 18px;
    margin: 0px 0px 4px 0px;
}

.ts_right {
    width: 30%;
    float: right;
}



/************************** Feat Widget 1 ***********************/


.featsites {
    font-size: 16px;
    padding: 20px;
    background: #eee;
    border-radius: 5px;
    -moz-border-radius: 5px;
    position: relative;
}

.featsites span.hilite {
    display: block;
    padding: 16px 0;
    font-size: 20px;
    text-align: center;
}

.midtop {
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: -10px;
    left: 0;
    right: 0;
}

.featsites h4 {
    margin: -10px auto 10px;
    text-align: center;
}

.featsites .logocol img {
    display: block;
    max-width: 80%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    border: 4px solid #fff;
}


/* Search Widget */

.searchform {
    position: relative;
}

.searchinput {
    width: 100%;
    border: 1px solid #00315A;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px;
    background: #fff;
    min-height: 30px;
    line-height: 30px;
    color: #000;
}

.searchsubmit {
    position: absolute;
    right: 10px;
    top: 0px;
    font-size: 0 !important;
    background: url(images/search-icon.png) center center no-repeat;
    width: 35px;
    height: 40px;
    border: 0;
    filter: brightness(0.4);
}

.searchbar {
    display: block;
    position: absolute;
    top: 100%;
    background: #B72565;
    width: 100%;
    color: #00315A;
    padding: 20px 0;
    z-index: 9090999999;
}

::placeholder {
    color: #00315A;
    font-weight: bold;
}

.search-results .searchinput {
    background: #fff;
    color: #123448;
}

.search-results .searchform {
    margin-top: 15px;
}

.search-results ::placeholder {
    color: #123448;
    font-weight: bold;
}

.search-results .searchsubmit {
    position: absolute;
    right: 10px;
    top: 0px;
    font-size: 0 !important;
    background: url(images/search-icon.png) center center no-repeat;
    width: 35px;
    height: 40px;
    border: 0;
    filter: brightness(0.5);
}

li.search.search-wpb {
    margin-left: 10px;
    cursor: pointer;
}

/*
i.fa.fa-search {
    color: #fff;
}
*/
.dashicons-search {
    vertical-align: -4px;
}

/* 8. Footer
   ----------------------------------------------------------------------------*/


footer.main-footer {
    width: 100%;
    background: linear-gradient(90deg, #220040 0%, #00435B 100%);
    padding: 40px 15px 10px;
    overflow: hidden;
}

footer .wrap {
    max-width: 1280px;
}

.main-footer a {
    color: #fff;
    text-decoration: none;
    padding: 12px 0;
    display: block;
}

.main-footer .smedia a {
    padding: 0;
}

.main-footer .smedia li {
    margin-right: 15px;
}

.main-footer a:hover {
    color: #fff;
    text-decoration: underline;
}

.footerwidget {
    float: left;
    width: 25%;
    padding: 10px 8px 10px;
    color: #fff;
    font-size: 14px;
    line-height: 1.4em;
}

.footerwidget h3 {
    margin: 0 0 15px;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

.footerwidget ul {
    padding-bottom: 8px;
}

.footerwidget li {
    list-style: none;
    margin: 0;
}


.bottomfooter {
    width: 100%;
    text-align: center;
    padding: 15px;

    font-size: 14px;
    color: #fff;
    line-height: 1.5em;
}

.bottomfooter a,
.bottomfooter a:visited {
    color: #fff;
}

.footerlogos {
    display: inline-block;
}

.achttien {
    max-width: 32px;
    height: auto;
}

.begambleaware {
    max-width: 250px;
    height: auto;
}

/* H-TAG FIX */
.collapseomatic {
    background-position-y: 4px;
}

.collapseomatic_excerpt, .collapseomatic_content {
    margin-left: 0;
}

.main-content ul li {
    text-indent: -1.4em !important;
}

.procons {
    display: block;
}

.title.bottomtitle {
    display: block;
    line-height: 1.1em;
    margin: 0 0 5px;
    padding: 0;
    color: #111;
    font-size: 17px;
    font-weight: 600;
}

.wtitle {
    display: block;
    line-height: 1.1em;
    font-size: 16px;
    padding: 15px 20px 15px;
    margin: 0 0 12px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    background-color: transparent;
    text-align: left;
    border-bottom: 2px solid #812C94;
}

/*
.wtitle {
    display: block;
    line-height: 1.1em;
    font-size: 16px;
    padding: 15px 0 15px;
    margin: 0 0 12px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #3b698e;
    text-align: center;
}
*/
.wtitle a {
    color: #fff;
}

.casmonth {
    font-size: 24px;
}

.archivetitle {
    display: block;
    line-height: 1.1em;
    margin: 0 0 5px;
    padding: 0;
    color: #111;
    font-size: 17px;
    font-weight: 600;
}

.conclusiontitle {
    display: block;
    font-weight: bold;
    line-height: 1.1em;
    font-size: 24px;
    color: #3b3a3a;
    margin: 0 0 10px;
    text-align: left;
}

.reviewdescription {
    border-top: 1px solid #811A3C;
    margin-top: 10px;
    padding-top: 10px;
    color: #111111;
    border-bottom: 1px solid #811A3C;
    margin-bottom: 20px;
    padding-bottom: 17px;
}

.reviewfeatures ul {
    padding-bottom: 5px !important;
}

.reviewbonus {
    font-weight: 700;
}

.reviewtoppart .reviewbonus {
    margin-top: 10px;
    color: #111111;
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
}

.middletitle {
    display: block;
    line-height: 1.1em;
    font-size: 24px;
    color: #3b3a3a;
    margin: 0;
    font-weight: bold;
    text-align: center;
}

.proscons {
    display: block;
    font-weight: 600;
    line-height: 1.1em;
    text-align: center;
    font-size: 24px;
    color: #fff;
    margin: 26px 0 12px 0;
    background-color: #17B384;
    padding: 11px 0;
    border-radius: 4px;
    width: 100%;
}

.proscons.conss {
    background-color: #B60645;
}

.main-content .rev-widget-pros ul {
    padding: 0;
}

.single-casino .main-content ul li {
    text-indent: 0.1em !important;
}

.single-game .main-content ul li, .single-casino-game .main-content ul li {
    text-indent: 0.1em !important;
}

.single-game .main-content ul.game_list2 li, .single-casino-game .main-content ul.game_list2 li {
    border: 1px solid #37007D;
    border-radius: 4px;
    padding: 5px 10px !important;
    margin-bottom: 10px;
}

.feattitle, .infotitle {
    display: block;
    color: #333;
    font-weight: bold;
    line-height: 1.1em;
    margin: 30px 0 15px;
    font-size: 18px;
    padding: 0;
    border: 0;
}


/* END H-TAG FIX */

.sidebar .widget .pis-ul img {
    width: 100%;
    height: auto;
}

.review-topcontent.offline .review-right {
    width: 125px;
}

.review-topcontent.offline .review-middle p {
    color: #700;
    margin-bottom: 10px;
}

/* scroll to top */
.button-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 100;
    width: 60px;
    height: 60px;
    border: 0;
    border-radius: 10px;
    box-shadow: none;
    background: #4879A3;
    color: #fff;
    font-size: 26px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    pointer-events: none;
    opacity: 0;
    transition: opacity .18s ease;
    padding-bottom: 5px;
}

.button-top-visible {
    opacity: 0.8;
    pointer-events: auto;
}

.up-arrow {
    background-image: url(/wp-content/uploads/2022/07/up-arrow.svg);
    width: 20px;
    height: 12px;
    background-size: 20px 12px;
    text-align: center;
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/* social icons */
ul.smedia {
    padding-left: 0px !important;
    margin-left: -2px;
}

ul.smedia li:first-child {
    padding-left: 0;
}


/* Sticky CTA button */
.cta-sticker {
    display: none;
    width: 100%;
    text-align: center;
    background-color: #ffffff;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999999999;
    padding: 0 13%;
    border-top: 5px solid #7335AC;
}

	/* NEW CTA BUTTON */
	.cta-wrapper a {
		width: 100%;
		background: transparent;
		display: grid;
		grid-template-columns: 1fr 5fr;
		padding: 0;
		gap:25px;
	}
	.cta-wrapper .cta-btn-wrap {
		display: table-cell;
		vertical-align: middle;
		padding: 8px 0;
	}
	.cta-wrapper img {
		max-width: 100px;
		height: auto;
		align-self: center;
		padding: 10px 0;
	}
	.cta-wrapper .cta-btn {
		background: #B72565 !important;
		box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #B72565;
		color: #fff !important;
		border-radius: 4px;
		padding: 12px 30px;
		font-size: 15px;
		cursor: pointer;
		position: relative;
		transition: 0.2s ease-in-out;
		/* height: 46px; */
    margin-top: 15px;
    margin-bottom: 15px;
		border: none;
		font-weight: bold;
		/* animation: jittery 4s infinite; */
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.cta-wrapper .cta-btn:hover {
		opacity: 0.8;
	}
	.cta-wrapper .cta-img-wrap {
		display: grid;
	}
	.cta-wrapper span {
		display: block;
		font-size: 19px;
		line-height: 23px;
	}
	.cta-wrapper span:first-child {
		font-weight: bold;
	}
		@media screen and (min-width:1px) and (max-width:1099px) {
			.cta-wrapper a {
				grid-template-columns: 1fr 3fr;
				gap: 10px;
			}
			.cta-wrapper .cta-btn-wrap {
				padding: 5px 7px;
			}
			.cta-wrapper span {
				font-size: 13px;
				line-height: 18px;
			}
			.cta-wrapper img {
				max-width: 100%;
				height: auto;
			}
		}
	/* END NEW CTA BUTTON */

.cta-left {
    /*background-color: rgba(255,255,255,0.3);*/
    float: left;
    /*	max-width: 80px;*/
    /*padding: 5px 15px;*/
    position: relative;
}

.dummy {
    padding-top: 7%;
    /* forces 1:1 aspect ratio */
}

.cta-center {
    /* max-width: 40%; */
    /* margin: 0 auto; */
    display: inline-block;
    /* position: relative; */
}

.cta-center span {
    color: #000000;
    font-weight: bold;
    font-size: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 40%;
    line-height: 1.4;
}

.cta-center span p {
	margin-bottom: 0;
}

.cta-right {
    float: right;
}

.cta-right .cta {
    background-color: #f68a1f !important;
    padding: 14px 30px;
    color: #000000 !important;
    font-weight: bold;
    display: block;
    margin-top: 30px;
    margin-bottom: 25px;
}

.cta-right .cta:hover {
    opacity: 0.8;
}

.cta-img-container {
    /*position: absolute;*/
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    /* Align center inline elements */
    font: 0/0 a;
}

.cta-img-container:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.cta-img-container img {
    vertical-align: middle;
    display: inline-block;
    max-height: 80px;
    /* width: auto; */
}

.stickycta .bottomfooter {
    padding-bottom: 123px;
}

.stickycta .button-top {
    bottom: 120px;
}

@media screen and (min-width:1px) and (max-width:1099px) {
    .cta-sticker {
        padding: 0 2%;
    }

    .cta-left {
        max-width: 80px;
        padding: 5px 10px 5px 10px;
    }

    .cta-center span {
        color: #000000;
        font-weight: bold;
        font-size: 11.2px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: 40%;
        line-height: 1.4;
        margin-left: -8px !important;
    }

    .cta-right .cta {
        font-size: 12px !important;
        padding: 10px 5px;
    }

    .cta-img-container img {
        max-width: 80px;
        margin-top: 19%;
        height: auto;
        max-height: 45px;
    }

    .cta-sticker.squarelogo .cta-img-container img {
        margin-top: 0;
    }

    .stickycta .bottomfooter {
        padding-bottom: 99px;
    }

    .dummy {
        padding-top: 20%;
    }
}

/* End Sticky CTA button */

/* Flags in menu */
.menu-flag img {
    max-width: 20px;
    vertical-align: -1px;
    margin-right: 5px;
}

.sub-menu img {
    margin-right: 5px;
}

.footerwidget #menu-network {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 15px;
}

/* End Flags in menu */

/* Mega Menu */
@media screen and (min-width: 768px) {
    .has-mega-menu {
        position: static;
    }

    .menu-item-has-children>a:after {
        content: "\f347";
        display: inline-block;
        font: normal 16px/1 'dashicons';
        padding-left: 4px;
        vertical-align: -3px;
        color: #fff;
    }

    .menu-item-has-children.current-menu-item>a:after {
        color: #fff;
    }

    .nav li:hover>a:after {
        color: #fff !important;
    }

    .nav .menu-item-has-children.current-menu-item>a:after {
        color: #fff !important;
    }

    .nav li.current-menu-item ul a, .nav li.current-menu-parent ul a {
        color: #000;
    }

    .nav .menu-item-has-children.current-menu-item ul li>a:after {
        color: #fff !important;
    }

    .nav #menu-item-3571 a:after {
        color: #fff !important;
    }

    .sub-menu-wrapper a:after {
        content: "";
    }

    .nav li ul li {
        width: 100%;
        float: left;
        clear: both;
        text-align: left;
    }

    li.has-mega-menu .sub-menu {
        width: 100%;
        position: absolute;
        top: 89px;
        /*insert the needed value*/
        z-index: 100;
        left: -999em;
        right: 0px;
        background: #f4faff;
        padding: 0 10px;
        text-align: left;
    }

    .sub-menu .sub-menu {
        padding-left: 0 !important;
    }

    li.has-mega-menu:hover>.sub-menu {
        left: 50%;
        right: 50%;
        transform: translate(-50%);
        width: 100vw;
    }

    .sub-menu-wrapper {
        display: flex;
        gap: 15px;
        padding: 20px;
        max-width: 1280px;
        margin: 0 auto;
    }

    .sub-menu .sub-menu {
        position: relative !important;
        display: block;
        margin: 0;
        visibility: visible;
        top: 5px !important;
    }

    .sub-menu .sub-menu li {
        float: none;
        width: 100%;
        border-bottom: 0;
    }

    .nav .has-mega-menu .sub-menu li:last-child {
        border-right: none !important;
    }

    .mega-menu-column>a {
        font-weight: 900;
        text-decoration: underline;
    }

    .nav .sub-menu li:last-child {
        border-right: none;
        text-align: left;
    }
}

@media screen and (min-width: 600px) {
    li.mega-menu-column {
        width: 100%;
        max-width: 100%;
        min-height: 1px;
        padding: 0;
        flex: 1 0 calc(50%);
    }
}

@media screen and (min-width: 992px) {
    li.mega-menu-column {
        flex: 1 0 calc(33.333%);
    }
}

@media screen and (min-width: 1200px) {
    li.mega-menu-column {
        flex: 1 0 calc(25%);
    }
}

#mobile-menu ul li {
    padding: 10px 0 !important;
}

#mobile-menu li a {
    padding-left: 10px !important;
}

#mobile-menu ul ul a {
    padding-left: 10px !important;
}

/* END Mega Menu */

/* NEW HOMEPAGE LAYOUT */
.home h1 {
    margin: 90px 0;
    color: #ffffff;
    font-weight: 700;
    font-size: 56px;
    line-height: 64px;
    font-weight: 700;
    padding: 5px;
    text-align: center;
    text-shadow: 2px 0 0 #000, 0 -2px 0 #000, 0 2px 0 #000, -2px 0 0 #000;
    position: relative;

}

.banner-heading {
    position: relative;
    z-index: 1;
}

#main .wrap.t-image {
    grid-template-columns: 1fr;
    max-width: 1040px;
    width: 100%;
    gap: 75px;
    display: grid;
}

.page #main .wrap.t-image, .single-casino #main .wrap.t-image, .single-game #main .wrap.t-image, .single-post #main .wrap.t-image, .single-casino-game #main .wrap.t-image {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.home #main .wrap.t-image {
    grid-template-columns: 1fr;
    gap: 75px;
}

.topheadertext {
    margin: auto;
    color: #fff;
    font-size: 18px;
    line-height: 23px;
    position: relative;
}

.topheadertext-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(89.89deg, rgba(183, 37, 101, 0.54) 5.14%, rgba(183, 37, 101, 0.9) 18.7%, rgba(183, 37, 101, 0.9) 78.12%, rgba(183, 37, 101, 0.558) 94.2%);
    filter: blur(40px);
    z-index: 0;
}

.topheadertext h1 {
    color: #fff;
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 15px;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    text-shadow: 2px 0 0 #000, 0 -2px 0 #000, 0 2px 0 #000, -2px 0 0 #000;
}

.topheadertext span {
    position: relative;
    z-index: 1;
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
}

/* top image */
.topimage {
    display: block;
    max-height: 476px;
    margin-bottom: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

@media screen and (min-width: 1900px){
     .topimage {
		background-position: center -130px !important
	}
}

/* End top image */
/* New toplist layout 3 column */


.toplist-container.three-column .toplist-item:nth-child(1) .score {
    background-image: url('/wp-content/uploads/2022/01/medal-1st.svg');
}

.toplist-container.three-column .toplist-item:nth-child(2) .score {
    background-image: url('/wp-content/uploads/2022/01/medal-2nd.svg');
}

.toplist-container.three-column .toplist-item:nth-child(3) .score {
    background-image: url('/wp-content/uploads/2022/01/medal-3rd.svg');
}

.score {
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    top: -2px;
    width: 32px;
    height: 50px;
    transform: translate(-50%, -50%);
    background-size: 32px;
}

.description span {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    display: block;
    color: #000;
}

.logo, .description, .bonus {
    margin-bottom: 15px;
}

.bonus {
    align-self: center;
}

.description {
    align-self: center;
}

.toplist-item .buttons {
    align-self: end;
}


/* END New toplist layout */
/* New toplist layout 2 column */

.bonbar {
    background: rgba(183, 37, 101, 0.1);
    margin-bottom: 8px;
    border-radius: 3px;
    text-align: left;
    padding: 4px;
    display: grid;
    grid-template-columns: 40px 1fr;
    align-items: center;
    justify-items: center;
}

.bonbar span {
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    color: #000;
    justify-self: start;
}

.bonbar span p {
	margin-bottom: 0;
}

.bonbar.pros {
    background: transparent;
    display: block;
    border-radius: 0;
    padding-bottom: 10px;
}

.bonbar.pros.cons {
    margin-top: 10px;
}

.prositem {
    display: grid;
    grid-template-columns: 30px 1fr;
}

.paymenticons {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 7px;
}

.paymenticons img {
    width: 100%;
    height: auto;
}

.buttons .visbutton {
    background: #B72565;
    color: #ffffff !important;
    display: block;
    margin: 0;
    font-size: 16px !important;
    font-weight: 500;
    border-radius: 3px;
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #B72565;
    box-sizing: border-box;
    width: calc(100% - 12px);
    margin-left: 6px;
    margin-top: 6px;
    margin-bottom: 15px;
}

.buttons .rev_link {
    background: transparent;
    border: 2px solid #B72565;
    border-radius: 5px;
    display: block;
    font-weight: 500;
    font-size: 16px;
    padding: 6px;
    margin-top: 10px;
    color: #000;
}

.toplist-item .buttons .visbutton {
    margin-top: 15px;
    margin-bottom: 5px;
}

/*
.article-row-top .buttons .rev_link {
    padding: 7px;
	text-align: center;
	position: relative;
	background: #F5EAFF;
	border: 1px solid #7335AC;
	border-radius: 5px;
	font-size: 14px;
}
*/

.article-row-top .buttons .rev_link {
    padding: 7px;
    text-align: center;
    position: relative;
    background: transparent;
    border-radius: 0;
    font-size: 14px;
    border: none;
    border-bottom: 1px solid #7335ac !important;
    width: auto;
    white-space: nowrap;
    display: inline-block;
    margin-left: 50%;
    transform: translateX(-50%);
}

.article-row-top .buttons .rev_link:hover {
	opacity: .85;
}

span.dashicons.dashicons-update {
    margin-left: 0;
    color: #2D9CDB;
    font-size: 22px;
    justify-self: center;
}

/* END New toplist layout */

/* New search */
span.searchtext {
    margin-top: 10px;
    display: block;
    font-weight: bold;
    font-size: 17px;
    color: #fff;
}
.searchbar ul {
    margin-top: 12px;
}
.searchbar ul li {
    display: inline-block;
    margin-right: 10px;
}
.searchbarmob ul li {
    display: inline-block;
    margin-right: 10px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 10px;
}
.searchbar ul li a {
    background-color: #7335AC;
    color: #fff;
    padding: 10px 15px;
    border-radius: 20px;
}
.searchbarmob ul li a {
    background-color: #7335AC;
    color: #fff;
    padding: 10px 10px;
    border-radius: 20px;
    font-size: 13px;
}
.searchbar ul li a:hover {
    opacity: 0.7;
}
.wpdreams_asl_results .results div.asl_image {
    background-size: contain !important;
}
.mobmenu-right-panel li, .rightmtop, .rightmtop {
    padding-left: 5% !important;
    padding-right: 5% !important;
}
.mobmenu-right-panel .widgettitle {
    display: none;
}
.rightmtop .textwidget {
    padding: 0;
}
.rightmtop .widget_text {
    margin-top: 0;
    padding-top: 0 !important;
}
div.asl_r.vertical {
    z-index: 99999999 !important;
}
.mobmenu-content {
    margin-top: 60px !important;
}
.mobmenu-content li a {
    padding: 10px 10px !important;
}
.menu-main-menu-container {
    margin-top: 25px;
}
.results .asl_nores .asl_keyword {
    font-weight: normal !important;
    background-color: #7335AC;
    color: #ffffff;
    border-radius: 20px;
    padding: 10px 15px !important;
    display: inline-block;
    margin-top: 8px;
    margin-right: 5px;
    text-align: left;
}
div.asl_r .results .asl_nores {
    text-align: left !important;
}
/* End New search */


/* New sidebar casino widget */
.topsiteswidget_v3 {
    padding: 0 20px 20px;
}

.topsiteswidget_v3 ul li {
    padding: 0;
    margin: 0;
    border-bottom: 0;
}

.topsiteswidget_v3 ul li:hover {
    background-color: #f2f2f2;
}

.topsiteswidget_v3 .arrowright {
    width: 10px;
}

.topsiteswidget_v3 .ts_logo {
    max-width: 100%;
    height: auto;
}

.topsiteswidget_v3 a {
    display: grid;
    grid-template-columns: 52px 1fr 10px;
    align-items: center;
    height: 35px;
}

.topsiteswidget_v3 span {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    margin-left: 15px;
    margin-right: 10px;
}

.topsiteswidget_v3 img {
    width: auto;
    height: auto;
    max-height: 30px;
}

/* END New sidebar casino widget */

/* New mobile menu */

.mob-menu-header-holder {
    width: auto !important;
}
/* .mobmenu-right-panel {
    background-color: #B72565 !important;
} */

.mobmenu-right-panel li, .rightmbottom, .rightmtop {
    padding-left: 5% !important;
    padding-right: 0px !important;
}
/* 
.mobmenu-content #mobmenuright li:hover, .mobmenu-content #mobmenuright > li > a:hover {
    background-color: #fff !important;
}
#mobmenuright li a, #mobmenuright li a:visited, .show-nav-right .mob-menu-copyright, .show-nav-right .mob-expand-submenu i {
    color: #fff !important;
} */

.mob-icon-down-open-2:before {
    font-size: 15px !important;
    vertical-align: 5px !important;
}

.mob-icon-up-open-2:before {
    font-size: 15px !important;
    vertical-align: 4px !important;
}

/* New affiliate button - Sticky CTA */
.handcta a {
    color: #ffffff;
	text-transform: uppercase;
}

.handcta button {
    background: #B72565 !important;
    box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #B72565;
    color: #fff !important;
    border-radius: 4px;
    padding: 12px 30px;
    font-size: 15px;
    cursor: pointer;
    position: relative;
    transition: 0.2s ease-in-out;
    height: 46px;
    margin-top: 30px;
    margin-bottom: 25px;
    border: none;
    font-weight: bold;
}

.button__wrapper {
    display: inline-block;
    position: relative;
    width: 200px;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button-jittery button {
    animation: jittery 4s infinite;
}

.button-jittery button:hover {
    animation: heartbeat 0.2s 4;
}

@keyframes jittery {
    5%, 50% {
        transform: scale(1);
    }

    10% {
        transform: scale(0.9);
    }

    15% {
        transform: scale(1.15);
    }

    20% {
        transform: scale(1.15) rotate(-5deg);
    }

    25% {
        transform: scale(1.15) rotate(5deg);
    }

    30% {
        transform: scale(1.15) rotate(-3deg);
    }

    35% {
        transform: scale(1.15) rotate(2deg);
    }

    40% {
        transform: scale(1.15) rotate(0);
    }
}

@keyframes heartbeat {
    50% {
        transform: scale(1.1);
    }
}

@media screen and (min-width: 1px) and (max-width: 1099px) {
    .cta-right button {
        font-size: 12px !important;
        padding: 10px 5px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    @keyframes jittery {
        5%, 50% {
            transform: scale(1);
        }

        10% {
            transform: scale(0.7);
        }

        15% {
            transform: scale(1);
        }

        20% {
            transform: scale(1) rotate(-5deg);
        }

        25% {
            transform: scale(1) rotate(5deg);
        }

        30% {
            transform: scale(1) rotate(-3deg);
        }

        35% {
            transform: scale(1) rotate(2deg);
        }

        40% {
            transform: scale(1) rotate(0);
        }
    }
}

/* END New affiliate button - sticky cta */


/* New mini reviews casino toplist */
.minireview-item {
    background-color: #fff;
    margin-bottom: 30px;
    display: block;
    border: 2px solid #7335AC;
    border-radius: 5px;
    padding: 30px 45px;
}

.minireview-top {
 	display: grid;
    grid-template-columns: 3fr 1fr;
    grid-gap: 20px;
    margin-bottom: 20px;
}

.minireview-top .minireview-image {
    width: 100%;
    height: auto;
}

.minireview-stars .rate.reviewrate {
    float: none;
}

.minireview-stars .rate.reviewrate {
    float: left;
    margin-top: 6px;
}

.starstext {
    margin-left: 20px;
}

.minireview-right .paymenticons {
    margin-top: 16px;
}

.minireview-right .paymenticons img {
    width: 55px;
    height: auto;
    box-sizing: border-box;
    margin: 0px 7px 0px 0;
    border-radius: 7px;
}

.minireview-buttons {
    width: 100%;
    display: block;
}

.minireview-buttons a.tlhomeaffbut {
    display: inline-block;
}

.minireview-buttons {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 17px 0;
}

.minireview-buttons a {
    margin: 0 15px;
}

h1.altheading, h2.altheading, h3.altheading, h4.altheading {
    background: #ffffff;
    color: #000000;
    padding: 10px 12px;
    margin-bottom: 16px;
    font-weight: 600;
}

.minireview-block h2.altheading, h2.altheading.minireviewsection {
    background-color: #000000 !important;
    color: #ffffff;
}

.minireview-block h3.altheading {
    background: #aa9281;
}

.minireview-block h4.altheading {
    background: #ffffff;
    border: 2px dashed #aa9281;
    line-height: 1.4;
}

.minireviewintro {
    padding: 0 10px;
}

.minireviewintro a {
    text-decoration: underline;
    color: #000;
}

.minireview-block .affbutton {
    margin: 0 5px 15px;
}

.minireview-block .affbutton>i {
    padding: 16px 6px 16px 8px;
}

.minireview-logo img {
    width: auto;
    height: auto;
    max-width: 250px;
    max-height: 110px;
}

.minireview-middle {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
}

.minireview-boxes {
    width: 100%;
    border: 1px solid #B72565;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 16px;
	color: #000;
}

.divider.purple {
    border: 0.5px solid #B72565;
    margin: 25px 0 13px 0;
}

.minireview-text {
	color: #000;
}

.minireview-block .buttons {
    /*
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
	margin-top: 20px;
*/
}

.minireview-block .buttons .rev_link {
    margin-top: 0;
    text-align: center;
    line-height: 39px;
    height: 64px;
}

.minireview-middle a {
    color: #000;
    text-decoration: underline;
}

.sidebar ul.display-posts-listing li.listing-item {
    border-bottom: none !important;
    margin-top: 0;
    margin-bottom: 10px;
    padding-bottom: 0;
}

.minireview-tc {
    text-align: center;
    font-size: 16px;
    margin-bottom: 10px;
}

.minireview-logo {
    text-align: center;
}

.minireview-name {
    font-size: 26px;
    font-weight: bold;
	color: #000;
}

.minireview-bonus .bonus {
    margin-top: 15px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
}

.minireview-bonus {
  	margin-top: 10px;
    margin-bottom: 15px;
    display: block;
    color: #000000 !important;
    font-weight: 500;
    font-size: 24px;
    line-height: 27px;
	    border-bottom: 2px solid #B72565;
	padding-bottom: 5px;
}

.minireview-welcome {
    border-bottom: 1px solid #4879A3;
    padding-bottom: 15px;
}



@media screen and (min-width:1px) and (max-width:1099px) {
    h2.altheading {
        line-height: 1.4;
    }

    .minireview-top {
        grid-template-columns: 1fr;
    }

    .minireview-buttons {
        grid-template-columns: 1fr;
        margin: 17px 0;
    }
}

/* Tables */
table {
    font-family: inherit !important;
    font-size: 14px !important;
    border-spacing: 17px 8px !important;
    background-color: transparent !important;
    border: none !important;
}

/*
.semantic_ui .ui.table {
    background-color: transparent !important;
    border: none !important;
}
*/
.semantic_ui .ui.celled.table tr td:first-child, .semantic_ui .ui.celled.table tr th:first-child {
    border: 1px solid #37007D !important;
    background-color: #fff;
    border-radius: 4px;
    word-break: break-word;
    white-space: pre-wrap;
}

.semantic_ui .ui.celled.table tr td, .semantic_ui .ui.celled.table tr th {
    border: 1px solid #37007D !important;
    background-color: #fff;
    border-radius: 4px;
    word-break: break-word;
    white-space: pre-wrap;
}

.halfwidth {
    max-width: 50% !important;
}

.centeralign td {
    text-align: center !important;
}

.centertable {
    margin: 0 auto !important;
}

.faq-container .tab {
    background-color: #ffffff !important;
    color: #111111 !important;
}

.faq-container .tab:last-child .tab-label {
    border-bottom: 0;
}

.faq-container input:checked+.tab-label {
    background: transparent !important;
}

.main-content .listpurple {
    background-color: #fff;
    border: 16px solid rgba(96, 12, 115, 0.3);
    padding: 20px 30px !important;
    max-width: 100%;
    margin-bottom: 20px !important;
}

.main-content .listpurple li {
    margin-bottom: 10px;
}

.main-content .listpurple li:last-child {
    margin-bottom: 0;
}

/* In-between text CTA */
.affinpage {
    position: relative;
    margin-bottom: 20px;  
    margin: 40px 60px;
	border-radius: 5px;
    border: 1px solid #6B00BF;
    background: rgba(255, 255, 255, 0.50);
    padding: 20px;
}

.affinpage .affbonustxt {
    text-align: center;
    margin-bottom: 20px;
    color: #fff;
    font-weight: 500;
    font-size: 26px;
    line-height: 27px;
}

.affinpage .flyspan {
    font-size: 1.6rem;
    font-weight: bold;
}

.affinpage a.visbutton.cent {
    width: 70%;
    padding: 20px 0px;
    border-radius: 100px;
    border: 1px solid #b72565;
    background: #e03ed9;
    font-weight: 500 !important;
    font-size: 30px !important;
    border-bottom: none;
    color: #fff !important;
	border-radius: 100px;
}

.affinpage a.visbutton.cent:hover {
    box-shadow: none;
}

h2.noborder {
    background: none;
    border: none;
    margin-bottom: 0;
    padding: 0;
}

h3 {
    position: relative;
}

/*
h3:after {
    position: absolute;
    bottom: -11px;
    left: 0;
    width: 100%;
    height: 7px;
    content: '';
    background-image: -webkit-repeating-linear-gradient(135deg, #000, #000 1px, transparent 2px, transparent 5px);
    background-image: repeating-linear-gradient(-45deg, #000, #000 1px, transparent 2px, transparent 5px);
    background-size: 7px 7px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
*/
h4 {
    position: relative;
}

/*
h4:after {
    position: absolute;
    bottom: -11px;
    left: 0;
    width: 100%;
    height: 4px;
    content: '';
    background-image: -webkit-repeating-linear-gradient(135deg, #000, #000 1px, transparent 2px, transparent 5px);
    background-image: repeating-linear-gradient(45deg, #000, #000 1px, transparent 2px, transparent 5px);
    background-size: 7px 7px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
*/
.footerwidget h3:after {
    height: 0;
}


/*
.kk-toggle-text {
    background: none;
    padding-left: 20px;
    cursor: pointer;
    background-color: #EF9B15;
    padding: 10px 20px;
    border-radius: 10px;
    color: #ffffff;
    position: relative;
    display: block;
    width: 160px;
    text-align: center;
    margin: 0 auto;
    text-transform: uppercase;
}
.kk-toggle-text:after {
    background-image: url(/assets/arrow-down.png);
    content: " ";
    width: 12px;
    height: 14px;
    position: absolute;
    top: 19px;
    filter: brightness(100);
}
*/

/*
span.kk-toggle-text {
    background-color: #fff;
    box-shadow: 0px 4px 24px -1px rgba(183, 37, 101, 0.75);
    backdrop-filter: blur(40px);
    border-radius: 4px;
    color: #000000;
    padding: 5px 10px;
    display: block;
    width: 120px;
    text-align: center;
    background-image: none;
    margin: 20px auto 40px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
}

.kk-toggle-text.show {
    background-image: none;
    display: none;
}
*/

.toplistbanner {
    background-color: #F6BA1F;
    color: #000000;
    width: auto;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 0 10px;
    text-align: center;
    font-size: 14px;
    border-top-left-radius: 2px;
}


/* 9. Blog posts
   ----------------------------------------------------------------------------*/

.post {
    background: linear-gradient(220deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
    backdrop-filter: blur(42px);
    border-radius: 16px;
    padding: 24px;
    margin: 30px 0;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.post h2 {
    border: none;
    padding: 0;
}

.post p {
    margin: 0 0 10px 0;
}

.post .entry-title a {
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    line-height: 26px;
}

/* 9.5 Blog Roll
   ----------------------------------------------------------------------------*/

.blogroll .postlink {
    display: grid;
    grid-template-columns: 2fr 4fr;
    gap: 25px;
}
.blogroll .postleft img {
    width: 100%;
    height: auto;
}
.blogroll .postright h2 {
    margin-top: 5px;
}
.blogroll .postright p {
    color: #fff;
}
.postlink:hover ~ .postright p {
	color: #BB4789;
}

.searchbar .fa-search:before {
    content: "";
}

.search .container ul a {
    display: inline-block;
    border-bottom: none;
    margin-left: 15px;
}

.kk-toggle-text {
    background: url("/wp-content/uploads/2023/04/arrow-down.png") no-repeat 2px center;
    padding-left: 20px;
    cursor: pointer;
}
.kk-toggle-text.show {
    background-image: url("/wp-content/uploads/2023/04/arrow-up.png");
}


/* New table */
.dm-table {
    width: 100%;
}
.dm-table tr {
    border-bottom: 1px solid #b7b7b7;
	height: 3.1em;
}
.dm-table tr th {
	background-color: #00cec9;
	color: #fff;
	text-align: left;
	padding-left: 10px;
	border-left: 0;
}
.dm-table tr td {
	background-color: #fff;
	color: #7b7b7b;
	padding-left: 10px;
}

.footerwidget img {
    max-width: 250px !important;
}


/* 10. Media Queries
   ----------------------------------------------------------------------------*/

@media screen and (min-width:1px) and (max-width:1099px) {


    .navbar {
        display: none;
    }

    #mobile-menu-btn {
        display: block;
        background: #444;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        -moz-border-radius: 5px;
    }

    #mobile-menu-btn:focus {
        outline: none;
    }

    #mobile-menu-btn i {
        display: block;
        width: 22px;
        height: 3px;
        background: #eee;
        margin: 4px 0;
        padding: 0;
    }

    #mobile-menu {
        display: none;
        position: relative;
        top: 0;
        right: 0;
        z-index: 9999;
        width: 100%;
        background: #252525;
        box-shadow: 0px 0px 12px 0px #333;
    }

    #mobile-menu .logomobile {
        color: #fff;
        font-size: 26px;
        font-weight: 700;
        font-family: 'Arial', sans-serif;
        padding: 10px 5px 10px 10px;
        text-align: center;
        line-height: 1em;
    }

    #mobile-menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #mobile-menu ul li {
        border-top: 1px solid #3d3e3e;
        position: relative;
        padding: 10px;
    }

    #mobile-menu .menu-item-has-children .arrow {
        content: "\25bc ";
        position: absolute;
        display: block;
        border-left: 1px solid #3d3e3e;
        top: 0;
        right: 0;
        color: #fff;
        padding: 10px;
        cursor: pointer;
    }

    #mobile-menu .menu-item-has-children .arrow.up {
        display: none;
    }

    #mobile-menu .menu-icon-up>.arrow.down {
        display: none !important;
    }

    #mobile-menu .menu-icon-up>.arrow.up {
        display: block !important;
        background-color: #3c3c3c;
    }

    #mobile-menu ul li a {
        position: relative;
        color: #eee;
        text-decoration: none;
        font-family: 'Arial', sans-serif;
        font-size: 14px;
        font-weight: bold;
        line-height: 1.2em;
        z-index: 99999;
    }

    #mobile-menu a:hover {
        color: #008268;
    }

    #mobile-menu ul ul {
        display: none;
        padding-left: 15px;
    }

    #mobile-menu ul ul a {
        padding-left: 30px;
    }

    #mobile-menu .open {
        display: block;
    }

    .home #main .wrap.t-image {
        gap: 0;
    }

    .toplist-container.three-column {
        display: block;
    }

    .toplist-container.three-column .toplist-item {
        display: block;
    }

    .toplist-flip {
        margin-bottom: 80px;
    }

    .featlogoarea {
        float: none;
        margin: 0 auto 15px;
    }

    .mainfeat {
        padding: 15px;
        overflow: hidden;
    }

    .comptable .depcol, .comptable .payoutcol, .comptable .bonuscol2 {
        display: none;
    }

    .faq-container .dm-q {
        font-size: 18px;
    }

    .topsites .left {
        float: none;
        width: 100px;
        margin: 0 auto 5px;
    }

    .topsites .right {
        float: none;
        width: 100%;
        margin-left: 0;
        text-align: center;
    }

    .top-slider .banner-image, .top-slider .banner-content {
        width: 100%;
        margin: 0
    }

    .review-topcontent .review-middle {
        padding: 15px 4%;
        width: 92%;
    }

    .review-topcontent img {
        float: none;
        margin: 0 auto;
        text-align: center;
        display: block;
    }

    .review-topcontent p, .review-topcontent h2 {
        text-align: center;
    }

    .rev-image-info, .rev-rightcontent {
        width: 100%;
        float: none;
    }

    .rev-rightcontent {
        padding: 15px 0 0;
    }

    .rev-widget-pros {
        margin: 0 0 60px 0;
        float: none;
        width: 100%;
    }

    .rev-widget-cons {
        float: none;
        margin: 0 0 25px 0;
    }


    .review-topcontent .review-right {
        float: none;
        border: 0;
        width: 100%;
        padding: 10px 10px;
        margin: 0;
        clear: both;
    }

    .rev-rightcontent ul {
        float: none;
        display: block;
        width: 100%;
        padding: 0;
        margin-bottom: 0px;
    }

    .review-topcontent img.reviewlogo {
        float: none;
        margin: 0 auto 10px;
    }

    .review-topcontent .review-middle {
        float: none;
        padding: 5px 15px;
        width: 100%;
    }

    .review-topcontent .review-middle h3 {
        text-align: center;
    }

    .review-right a.visbutton {
        width: 250px;
        padding: 15px 0;
        margin: 0 auto;
        display: block;
        font-size: 20px !important;
    }

    .game_detblock_col1, .game_detblock_col2 {
        float: none;
        width: 100%;
    }

    .game_detblock_col1 {
        margin-bottom: 20px;
    }

    /* NEW LAYOUT MOBILE */
    .topimage {
        margin-top: 45px;
		margin-bottom: 5px;
    }

    .home h1 {
		font-size: 1.4em;
		padding: 15px;
		margin: 0;
		line-height: 40px;
	}
	
	.newbyline {
		grid-template-columns: 1fr;
	}
	
	.newbyline .authorimage {
		display: none;
	}
	
	.home .header-author {
		padding: 0 !important;
	}	

	span.functionname {
		display: none;
	}
	
    .toplist-container.three-column .toplist-item:nth-child(2),
    .toplist-container.three-column .toplist-item:nth-child(3) {
        margin: 0;

    }

    .carousel-cell {
        width: 85%;
        height: auto;
        margin-right: 15px !important;
        margin-top: 50px !important;
    }

    .flickity-slider {
        margin: 0 7%;
    }

    #main .wrap {
        gap: 15px;
        display: block;
    }

    .mobmenur-container {
        top: 22px !important;
    }

    .excerptlist {
        display: block;
    }

    .articleexcerpt {
        margin-bottom: 10px;
    }

    .gamelist_item_container {
        display: block;
    }

    h2 {
        padding: 10px 0 10px 10px;
        line-height: 1.4;
        font-size: 1.2em;
    }

    .toplist-container.two-column .toplist-item {
        grid-template-columns: 1fr;
        grid-template-areas: "logo"
            "description"
            "bonus"
            "procons"
            "payment"
            "buttons";
        margin-bottom: 20px;
    }

    .toplist-container.two-column .buttons {
        margin-top: 30px;
    }

    .paymenticons {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

    /* minireviews */
    .minireview-middle {
        grid-template-columns: 1fr;
    }

    .minireview-boxes {
        line-height: 1.4;
    }

    .minireview-name {
        display: none;
    }

    .minireview-top {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .entry-content p .fullmobile {
        width: 100%;
    }
}

@media screen and (min-width:1px) and (max-width:1300px) {
    .wrap, .header-author{
        padding: 0 10px;
    }
}

@media screen and (min-width:1px) and (max-width:768px) {
    .minireview-top {
        display: flex;
        flex-wrap: wrap;
    }

    .minireview-topright {
        order: -1;
        width: 100%;
    }

    .minireview-bonus .bonus {
        grid-template-columns: 1fr;
    }
	
    .minireview-middle {
        grid-template-columns: 1fr;
    }

    .minireview-buttons {
        grid-template-columns: 1fr;
        margin: 17px 0;
    }
    .rev-image-info {
        grid-area: lpart;
    }

    .rev-rightcontent {
        grid-area: rpart;
        padding-top: 0;
    }

    .rev-cencontent {
        padding: 20px;
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
        grid-template-areas: "rpart"
            "lpart";
    }

    .reviewsummary {
        border-spacing: 0 !important;
    }

    .bottomrev {
        padding: 0;
    }
	.banner-box {
		margin: 10px auto;
		padding: 20px 10px;
	}
	.reviewtop {
		padding: 0 10px;
	}
	.topheadertext p {
		margin-bottom: 0;
	}
}

@media screen and (min-width:768px) and (max-width:1099px) {


    #outerwrap {
        width: 100%;
    }

    #mobile-menu {
        position: absolute;
        top: 60px;
        width: 50%;
    }

    .wrap, .main-content.fullwidth {
        width: 100%;
    }


    .main-content {
        width: 100%;
        padding: 10px 20px;
    }

    .header-logo img {
        max-width: 100%;
    }

    .headerwidgets .bannerwidget {
        float: none;
    }

    .headerwidgets {
        width: 68%;
    }

    .sidebar {
        margin-left: 5px;
        width: 250px;
    }


    .featlmidarea {
        width: 260px;
    }

    .leftbanner {
        padding: 0 10px 30px 40px;
        width: 380px;
    }



    .rightbanner {
        width: 360px;
    }

    .gamelist_item {
        width: 50%;
    }

    .gameitem_img {
        height: 150px;
    }

    .gameitem_img img {
        min-height: 150px;
    }



}

@media screen and (min-width:1px) and (max-width:767px) {

    .toplist-container.two-column {
        display: block;
        padding: 0;
    }

    .topbannerarea {
        padding-top: 20px;
    }

    .leftbanner {
        float: left;
        padding: 0 30px 30px;
        width: 100%;
        text-align: center;
    }

    .leftbanner a.visbutton.lg {
        margin: 0 auto;
    }

    .rightbanner {
        float: none;
        width: 100%;
        padding: 0;
    }

    .featlmidarea {
        width: 220px;
    }

    .sidebar {
        float: none;
        width: 100%;
        margin: 0;
    }

    .main-content.fullwidth {
        width: 100%;
        float: none;
        padding: 10px;
        margin-bottom: 30px;
    }

    .gamedemo_casino .gamedemo_logo {
        float: none;
        width: 100%;
    }

    .gamedemo_casino .gamedemo_bonus {
        float: none;
        width: 100%;
        padding: 10px 0;
        text-align: center;
    }

    .gamedemo_casino .gamedemo_play {
        float: none;
        width: 100%;
        padding: 0;
    }

    .gamedemo_casino a.visbutton, .gamefeat_site a.visbutton {
        padding: 13px 12px;
        display: block;
        margin: 0;

    }

    .gamedemo_casino .gamedemo_logo img, .gamefeat_site .left_featgm img {
        margin: 0 auto;
        display: block;
    }

    .gamefeat_site .left_featgm {
        float: none;
        width: 100%;
    }

    .gamefeat_site .right_featgm {
        float: none;
        width: 100%;
    }

    .gamefeat_site .right_featgm span {
        text-align: center;
    }

    .gamelist_item {
        width: 50%;
    }

    .gameitem_img {
        height: 150px;
    }

    .gameitem_img img {
        min-height: 150px;
    }

    th:first-child {
        width: 50%;
    }

    .affinpage {
        margin: 40px 0;
    }
}


@media screen and (min-width:481px) and (max-width:767px) {

    #outerwrap {
        width: 100%;
    }

    .wrap {
        width: 100%;
    }

    .headerwidgets .bannerwidget img {
        width: 100%;
    }


    .header-logo {
        float: none;
        margin: 0 auto;
        text-align: center;
        width: 96%;
        padding: 0 2% 5px 0;
    }

    nav.navbar {
        float: none;
        padding: 0;
    }


    /* Navigation */


    .topreview .left {
        float: none;
        width: 100%;
        margin: 0 auto;
    }

    .topreview .right {
        float: none;
        width: 100%;
        margin: 10px auto 0 auto;
    }

    /* Footer */


    .footerwidget {
        width: 44%;
        padding: 10px 3%;
        float: left;
    }


}

@media screen and (min-width: 1px) and (max-width:480px) {

    #outerwrap {
    
        width: 100%;
    }

    .headerwidgets .bannerwidget img {
        width: 100%;
    }

    .header-logo {
        float: none;
        margin: 0 auto;
        text-align: center;
        width: 96%;
        padding: 0 2% 5px 0;
    }

    nav.navbar {
        float: none;
        padding: 0;
    }

	 .mobmenur-container {
        top: 32px !important;
    }
    .topreview .left {
        float: none;
        width: 100%;
        margin: 0 auto;
    }

    .topreview .right {
        float: none;
        width: 100%;
        margin: 10px auto 0 auto;
    }

    .featlmidarea {
        float: none;
        width: 100%;
    }

    .featlbonusarea {
        float: none;
        width: 100%;
        padding-top: 15px;
    }

    /* Footer */

    .main-footer .widgetarea {
        width: 95%;
        float: none;
        padding: 0 2.5%;
        margin-bottom: 20px;
    }

    .main-footer .rightfooter {
        width: 95%;
        float: none;
        padding: 0 2.5%;
    }

    .footerwidget {
        width: 100%;
        padding: 15px 0;
        float: none;
    }

    .revecol {
        display: none;
    }

    .comptable img.logocomp {
        width: 80px;
    }

    .screenshots img {
        width: 100%;
        margin: 0 0 20px;
        float: none;
    }

    .reviewsummary td {
        padding: 5px 4px;
    }

    .single-casino #main {
        padding-top: 0;
    }

    .game_wrap, .game_detblock {
        padding: 5px;
    }

    .gamelist_item {
        width: 100%;
        float: none;
    }

    .gameitem_img {
        height: 150px;
    }

    .gameitem_img img {
        min-height: 150px;
    }

}

@media screen and (max-width: 1099px) and (min-width: 1px) {
    #mobile-menu-btn {
        display: block;
        background: #444;
        border: 0;
        cursor: pointer;
        border-radius: 5px;
        -moz-border-radius: 5px;
        right: 4px;
        top: 7px;
        padding: 6px 9px;
    }
}

@media screen and (max-width: 768px) and (min-width: 1px) {
    .page #main .wrap.t-image {
        grid-template-columns: 1fr;
        max-width: 1040px;
        width: 100%;
        gap: 30px;
        padding: 40px 0 20px;
    }
/* 	.home #main .wrap.t-image {
		padding: 0;
	} */
	
	.topheadertext h1 {
		font-size: 24px;
		line-height: 30px;
	}
	
	.topheadertext span {
		font-size: 16px;
	}
	
	.toppart .alth1 {
		font-size: 18px;
		line-height: 22px;
	}
	
	.topbanner-txt {
		font-size: 16px;
	}
	
	.home .bylines-review.sc {
		margin-top: 0;
	}
	
	.cta-wrapper .cta-btn {
		padding: 5px;
	}
	
	.single-casino .main-content ul li {
		font-size: 16px;
	}
	
	.dma-text {
		font-size: 16px;
    	line-height: 25px;
	}
	
	.featuredsite {
		padding: 15px;
	}
	
	.featbleft span {
		font-size: 18px;
	}
	
	span.lowlite {
		font-size: 18px;
	}
	
	.featbottom a.rev_link {
		font-size: 18px;
	}	
	
	.page-template-default h1 {
		font-size: 26px;
	}
	
	.main-content {
		margin-top: 5px;
	}
	
	.featbottom a.visbutton, .affinpage a.visbutton.cent {
		font-size: 18px !important;
	}
	
	.affinpage .affbonustxt {
		font-size: 20px;
	}
	
	
	.home .main-content {
		margin-top: 0;
	}
	

	h3 {
		font-size: 1.1em;
	}
	
	.game-topimage {
		padding: 0 10px;
	}
	
	.rev-rightcontent ul li {
		margin-bottom: 5px;
	}
	
    .single-casino #main .wrap.t-image,.single-game #main .wrap.t-image,.single-post #main .wrap.t-image,.single-casino-game #main .wrap.t-image {
        grid-template-columns: 1fr;
        max-width: 1040px;
        width: 100%;
        gap: 15px;
        padding: 20px 0 20px;
    }

    .page .banner-box {
        margin: 0 auto 20px;
    }
	  .featinner {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    .featright {
        order: -1;
        width: 100%;
    }
	   .mobmenur-container {
        top: 32px !important;
    }

    .featbottom a.rev_link {
        padding: 15px;
        margin-bottom: 0;
    }
    .featuredsite .bonus {
        grid-template-columns: 1fr;
    }
    .featbottom .buttons {
        grid-template-columns: 1fr;
    }
    .toplist-container.two-column .buttons {
        grid-template-columns: 1fr;
    }

}

@media screen and (max-width: 550px) and (min-width: 1px) {   

    .featinner {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 480px) and (min-width: 1px) {
    .header-logo {
        float: left;
        margin: 0 auto;
        text-align: left;
        width: 96%;
        padding: 0 2% 5px 0;
        z-index: 100;
    }

    .header-logo img {
      	max-width: 190px;
		margin-top: 11px;
		margin-bottom: 0;
		padding-left: 10px;
    }

    .page .banner-box {
        width: 100%;
        background-color: rgba(255, 255, 255, 0.8);
        margin: 0px auto;
        padding: 30px 10px;

    }

    .game-topimage {
        margin-bottom: 0;
    }

    .articleexcerpt a {
        grid-template-columns: 1fr;
        padding: 15px;
    }

    .header-author {
        display: block;
    }
    .newbyline span {
        line-height: 1.2;    
    }
    .topimage {
        background-size: auto 100%;
		margin-top:0;
    }
	.breadcrumb-bar .wrap {
		padding-top: 5px;
	}
}

/* Search page */

.main-content .search-wrap li {
	text-indent: 0 !important;
	padding: 0 !important;
	list-style: none;
}
			
.main-content .search-wrap li a {
	margin: 0;
}

.main-content .search-wrap li a p {
	margin: 0;
}

.main-content .searched-item {
    padding-bottom: 10px;
    position: relative;
    margin-left: 20px;
}

.main-content .searched-item::before {
    content: '';
    position: absolute;
    top: 12px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #fff;
    left: -16px;
}

/* ## Latest Posts Shortcode
--------------------------------------------- */

.latestposts {
    background-color: #ffff99;
    padding: 20px 35px;
    margin: 20px 0;
}

.latestposts span {
    color: #f31153;
    font-weight: 700;
    margin-right: 10px;
}

.latestposts .latestposts-link {
    color: #000;
    font-weight: 400;
    text-decoration: none;
    border-bottom: 0;
}

.latestposts .latestposts-link:hover {
    opacity: .9
}

/* NEW MOBILE MENU */

#ham-menu {
    display: none;
}

.subcheck {
    display: none;
}
li:hover > .sub-menu {
    display: block;
}
.wsmenu {
    visibility: hidden;
    transition: 0s 0.1s;
}
.wsmenu-submenu {
    transition: 0s;
}
.menu-item-has-children:hover > .wsmenu, .menu-item-has-children:hover > .wsmenu-submenu {
    visibility: visible;
    transition-delay: 0s;
}
.sub-menu a {
    color: #2a3139;
}
.sub-menu a:hover {
    color: #2a3139;
    border-bottom: 1px solid #2a3139;
}
.menu-item a {
    text-transform: uppercase;
}

.mobile-searchbar {
    display: none !important;
}

@media (max-width: 768px) {

nav {
    margin-top: 0;
}
.nav, .nav ul {
	text-align: left;
}
.title-area .custom-logo {
    margin-left: 8px !important;
}
li:hover > .sub-menu {
    display: none;
}
.wsmenu {
    visibility: visible;
}
.subcheck {
    display: block;
}
.sub-menu {
    display: none;
}
.sub-menu-toggle {
    right: 1em;
    border: 2px solid #eceef1;
    border-radius: 14px;
}
	
  .topimage {
 
		margin-top:0;
    }
	
#menuToggle {
    display: block;
    position: absolute;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%);
    z-index: 2022;
    -webkit-user-select: none;
    user-select: none;
}
#menuToggle a {
    text-decoration: none;
    transition: color 0.3s ease;
}

.overflow-hidden {
    overflow: hidden;
}

.nav li.current-menu-item a, .nav li.current-menu-parent a {
    background: #fff;
    color: #9747FF
}

#menuToggle a:hover {
    color: tomato;
}
#menuToggle #ham-menu {
    display: block;
    width: 40px;
    height: 32px;
    position: absolute;
    top: -7px;
    left: -5px;
    cursor: pointer;
    opacity: 0; /* hide this */
    z-index: 2; /* and place it over the hamburger */
    -webkit-touch-callout: none;
}
#menuToggle span {
    display: block;
    width: 33px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;
    background: #fff;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 4px 0px;
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}
#menuToggle span:first-child {
    transform-origin: 0% 0%;
}
#menuToggle span:nth-last-child(2) {
    transform-origin: 0% 100%;
}
	
#menuToggle span.dashicons-search {
		background: transparent;
	}	
#menuToggle #ham-menu:checked ~ span {
    opacity: 1;
    transform: rotate(45deg) translate(-2px, -1px);
    background: #2a3139;
}
#menuToggle #ham-menu:checked ~ span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
}
#menuToggle #ham-menu:checked ~ span:nth-last-child(2) {
    transform: rotate(-45deg) translate(0, -1px);
}

#menu-header-menu {
    position: absolute;
    width: 96vw;
    margin: -100px 0 0 -372px;
    padding: 95px 46px 70px 10px;
    background: rgba(255,255,255,1);
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    /* to stop flickering of text in safari */
    transform-origin: 0% 0%;
    transform: translate(100%, 0);
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    box-shadow: 0 0 4rem rgb(42 49 57 / 20%);
    right: -55px;
    height: 100vh;
    overflow: scroll;
}

.searchbar {
    position: relative;
}

.mobile-searchbar {
    display: block!important;
    background: #fff;
    top: 0;
}

.mobile-searchbar ul li {
    display: inline-block !important;
}

.mobile-searchbar ul li a {
    color: #fff !important;
    padding: 2px 9px;
    font-size: 12px;
    line-height: 22px;
	text-transform: none;
}

#menuToggle span.searchtext {
    width: 100%;
    height: 100%;
    color: #000;
}

.desktop-searchbar, .search-wpb {
    display: none !important;
}
#menu-header-menu li {
    padding-bottom: 7px;
    font-size: 16px;
    display: block;
    position: relative;
	background: #fff;
	z-index: 4;
}

#menu-header-menu li a {
   color: #000;
}

#menu-header-menu li a:hover {
    color: #000 !important;
    background-color: transparent;
    border-bottom: 0;
 }

#menu-header-menu li ul {
    position: relative;
    visibility: visible;
    left: 0;
    width: 100%;
    padding-left: 10px;
}

#menu-header-menu li li {
    width: 100%;
}

#menu-header-menu li li ul {
    margin: 20px 0 0;
    padding-left: 20px;
    background-color: transparent;
}

#menuToggle #ham-menu:checked ~ ul {
    transform: none;
}
#sub-1 ~ .subm-1, #sub-2 ~ .subm-2, #sub-3 ~ .subm-3, #sub-4 ~ .subm-4, #sub-5 ~ .subm-5, #sub-6 ~ .subm-6, #sub-7 ~ .subm-7, #sub-8 ~ .subm-8, #sub-9 ~ .subm-9, #sub-10 ~ .subm-10, #sub-11 ~ .subm-11, #sub-12 ~ .subm-12,  #sub-13 ~ .subm-13,  #sub-14 ~ .subm-14,  #sub-15 ~ .subm-15,  #sub-16 ~ .subm-16,  #sub-17 ~ .subm-17 ,  #sub-18 ~ .subm-18,  #sub-19 ~ .subm-19,  #sub-20 ~ .subm-20,  #sub-21 ~ .subm-21,  #sub-22 ~ .subm-22,  #sub-23 ~ .subm-23,  #sub-24 ~ .subm-24,  #sub-25 ~ .subm-25 {
    transition: all 1s ease-in-out;
}
#sub-1:checked ~ .subm-1, #sub-2:checked ~ .subm-2, #sub-3:checked ~ .subm-3, #sub-4:checked ~ .subm-4, #sub-5:checked ~ .subm-5, #sub-6:checked ~ .subm-6, #sub-7:checked ~ .subm-7, #sub-8:checked ~ .subm-8, #sub-9:checked ~ .subm-9, #sub-10:checked ~ .subm-10, #sub-11:checked ~ .subm-11, #sub-12:checked ~ .subm-12, #sub-13:checked ~ .subm-13, #sub-14:checked ~ .subm-14, #sub-15:checked ~ .subm-15, #sub-16:checked ~ .subm-16, #sub-17:checked ~ .subm-17, #sub-18:checked ~ .subm-18, #sub-19:checked ~ .subm-19, #sub-20:checked ~ .subm-20, #sub-21:checked ~ .subm-21, #sub-22:checked ~ .subm-22, #sub-23:checked ~ .subm-23, #sub-24:checked ~ .subm-24, #sub-25:checked ~ .subm-25 {
    display: block;
    transition: all 1s ease-in-out;
}
.subcheck {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    z-index: 2;
    width: 40px !important;
    height: 40px;
}
.subcheck ~ .sub-menu-toggle {
    transition: all .3s ease-in-out;
}
.subcheck:checked ~ .sub-menu-toggle {
    transform: rotate(180deg) ;
    background-color: #f1e1ff;
}
.sub-menu a {
    padding-left: 1.5em;
}
}

/* ## Menu Toggle
--------------------------------------------- */
.menu-toggle {
    display: block;
    position: relative;
    z-index: 1;
    height: auto;
    margin-right: -0.5em;
    padding: 1em 0.5em;
    color: #2a3139;
    background: transparent;
    box-shadow: none;
    cursor: pointer;
  }
  
  @media (min-width: 896px) {
    .menu-toggle {
      display: none;
    }
  }
  
  .menu-toggle:hover, .menu-toggle:focus {
    color: #2a3139;
    background: none;
    box-shadow: none;
  }
  
  .menu-toggle.activated,
  .shrink .menu-toggle {
    color: #2a3139;
  }
  
  .menu-toggle.activated span,
  .shrink .menu-toggle span {
    background: #2a3139;
  }
  
  .menu-toggle.activated span:before, .menu-toggle.activated span:after,
  .shrink .menu-toggle span:before,
  .shrink .menu-toggle span:after {
    background: #2a3139;
  }
  
  .menu-toggle span {
    display: block;
    float: right;
    position: relative;
    width: 20px;
    width: 2rem;
    height: 2px;
    border-radius: 3px;
    background: #2a3139;
  }
  
  .menu-toggle span:before, .menu-toggle span:after {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    border-radius: 3px;
    background-color: #2a3139;
    content: " ";
  }
  
  .menu-toggle span:before {
    top: -5px;
    top: -0.5rem;
    transition: top 0.2s 0.2s, transform 0.2s 0s;
  }
  
  .menu-toggle span:after {
    bottom: -5px;
    bottom: -0.5rem;
    transition: bottom 0.2s 0.2s, transform 0.2s 0s;
  }
  
  .menu-toggle.activated span {
    background: none;
  }
  
  .menu-toggle.activated span:before {
    top: 0;
    transition: top 0.2s 0s, transform 0.2s 0.2s;
    transform: rotate(45deg);
  }
  
  .menu-toggle.activated span:after {
    bottom: 0;
    transition: bottom 0.2s 0s, transform 0.2s 0.2s;
    transform: rotate(-45deg);
  }
  
  /* ## Sub Menu Toggle
  --------------------------------------------- */
  .sub-menu-toggle {
    position: absolute;
    top: 4px;
    right: 1em;
    height: auto;
    margin: 0 -1em;
    padding: 10px;
    background: none;
    box-shadow: none;
  }
  
  @media (min-width: 896px) {
    .sub-menu-toggle {
      display: none;
    }
  }
  
  .sub-menu-toggle:hover, .sub-menu-toggle:focus {
    background: none;
    box-shadow: none;
  }
  
  .sub-menu-toggle:focus {
    outline: 2px solid #eceef1;
  }
  
  .sub-menu-toggle:before {
    display: block;
    margin: 2px 0 -2px;
    margin: 0.2rem 0 -0.2rem;
    border: 4px solid transparent;
    border: 0.4rem solid transparent;
    border-top-color: #2a3139;
    content: "";
  }
  
  .sub-menu-toggle.activated:before {
    margin: -2px 0 2px;
    margin: -0.2rem 0 0.2rem;
    transform: rotate(180deg);
  }

/* END NEW MOBILE MENU */