/*!
Theme Name: Roulette Games
Theme URI:
Author: PK
Author URI:
Description: Casino Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: roulettegames
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
## Links
## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
## Posts and pages
## Comments
# Infinite scroll
# Media
## Captions
## Galleries
--------------------------------------------------------------*/
/*@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400i,700,700i|Roboto:400,400i,700,700i');*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
body {
overflow-x: hidden;
}
h1 {
font-size: 1.7em;
margin: 0.67em 0;
color: #363538;
font-weight: bold;
}
@media screen and (max-width: 580px) {
h1 {
font-size: 1.4em;
}
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 5px;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
color: #4d4d4d;
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
}
h2 {
font-size: 1.5rem;
color: #666;
font-weight: bold;
margin-top: 15px;
}
.blog h2 {
margin: 0.67em 0;
}
h3 {
font-size: 1.25rem;
font-weight: bold;
color: #666;
}
p {
margin-bottom: 1.5em;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code, kbd, tt, var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
box-sizing: inherit;
}
body {
background: #fff;
/* Fallback for when there is no custom background color defined. */
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul, ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: none;
padding: 0;
margin: 0 0 1.5em 1.5em;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto;
/* Make sure images are scaled correctly. */
max-width: 100%;
/* Adhere to container width. */
}
figure {
margin: 1em 0;
/* Extra wide images within figure tags don't overflow the content area. */
}
table {
margin: 0 0 1.5em;
width: 100%;
}
caption {
caption-side: top;
}
.video-js {
margin-bottom: 20px;
}
a.yt-video-preloader,
.videojs-holder {
position: relative;
display: block;
cursor: pointer;
margin-bottom: 1.5em;
}
a.yt-video-preloader:after,
.videojs-holder:before {
content: url(images/yt-play-button.png);
position: absolute;
left: calc(50% - 50px);
top: calc(50% - 35.5px);
}
.videojs-holder:hover:before {
z-index: -1;
}
.videojs-holder:hover img {
opacity: 0.75;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0; width: 100%;
height: 100%;
}
.important {
margin: 15px 0;
padding: 15px;
border: 2px solid #1EB2D6;
background: #f5edd2;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
padding: 10px;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
outline: none;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
width: 100%;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
outline: none;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}
.search-form-wrapper {
position: absolute;
top: 15px;
right: 60px;
margin: 0 auto;
}
ul.language-switcher {
margin: 0;
padding: 0;
position: absolute;
top: 15px;
right: 15px;
}
ul.language-switcher li {
display: inline-block;
}
ul.language-switcher li a img {
border: 1px solid #FFF;
}
form.search-form label {
margin-bottom: 0;
float: left;
}
.search-form input[type="search"] {
border: none;
border-radius: 4px;
position: relative;
z-index: 1;
padding: 3px 3px 3px 6px;
color: #ffffff;
background: none;
width: 175px;
}
input.search-submit {
border: none;
height: 25px;
width: 25px;
margin-left: 6px;
border-radius: 0;
position: relative;
z-index: 1;
background: url(/wp-content/themes/roulettegames/images/search-icon.png) no-repeat center/ contain;
cursor: pointer;
opacity: 0.8;
text-indent: -9999px;
}
input.search-submit:hover {
opacity: 1;
}
.comments-input::-webkit-input-placeholder {
color: #999;
}
.comments-input::-moz-placeholder {
color: #999;
}
.comments-input:-moz-placeholder {
color: #999;
}
.comments-input:-ms-input-placeholder {
color: #999;
}
.comments-input::-ms-input-placeholder {
color: #999;
}
.comments-input::placeholder {
color: #999;
}
.comments-input:placeholder-shown {
color: #999;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #c4f3ff;
}
::-moz-placeholder { /* Firefox 19+ */
color: #c4f3ff;
}
:-ms-input-placeholder { /* IE 10+ */
color: #c4f3ff;
}
:-moz-placeholder { /* Firefox 18- */
color: #c4f3ff;
}
.form-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px;
}
.justify-center {
justify-content: center;
}
.input-group-prepend {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: .375rem .75rem;
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
text-align: center;
white-space: nowrap;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: .25rem;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right: 0;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.btn-general {
display: inline-block;
color: #333 !important;
font-weight: bold;
background-color: #eaf9fe;
border-color: #eaf9fe;
padding: 10px 15px;
margin: 0 5px;
}
.btn-general:hover {
opacity: 0.8;
}
.vjs-playing .vjs-big-play-button {
display: none;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
color: #20B2D6;
}
a:visited {
}
a:hover, a:focus, a:active {
color: #04A8CE;
text-decoration: none;
}
a:focus {
outline: none;
}
a:hover, a:active {
outline: 0;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
clear: both;
display: block;
float: left;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
background: #1EB2D6;
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
padding: 5px 0;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%;
}
.main-navigation ul ul li {
margin-right: 0px;
}
.main-navigation ul ul a {
width: 200px;
color: #fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.main-navigation ul ul a:hover {
background: #4a1010;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation li {
float: left;
position: relative;
margin-right: 5px;
padding-left: 0;
}
.main-navigation li:last-child {
margin-right: 0;
}
.main-navigation a {
font-family: Arial, sans-serif;
display: block;
text-decoration: none;
color: #fff;
font-size: 13px;
padding: 5px 3px;
text-transform: uppercase;
font-weight: bold;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
box-shadow: inset 0 0 0 0 #C4F3FF;
-webkit-transition: all ease 0.8s;
-moz-transition: all ease 0.8s;
transition: all ease 0.8s;
}
.main-navigation li:hover > a,
.main-navigation li.focus > a {
box-shadow: inset 0 -47px 0 0 #C4F3FF;
color: #20B2D6;
}
.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a, .main-navigation .current-menu-ancestor > a {
box-shadow: inset 0 -47px 0 0 #C4F3FF;
color: #20B2D6;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
display: block;
}
.menu-toggle {
width: 100%;
background: #FF893A;
border: none;
font-size: 16px;
font-weight: bold;
border-radius: 0;
margin-top: 10px;
color: #FFF;
text-transform: uppercase;
text-shadow: 1px 1px 0 #f77824;
}
.menu-toggle::before {
content: '';
width: 24px;
height: 24px;
background: url(/wp-content/themes/roulettegames/images/icon-mobile-menu.svg);
background-size: cover;
margin-right: 2px;
display: inline-block;
margin-bottom: -6px;
margin-top: -3px;
}
@media screen and (min-width: 768px) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: block;
}
}
.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}
/*--------------------------------------------------------------
## Table of contents
--------------------------------------------------------------*/
.container-table-of-contents {
background-color: #f6f6f6;
border: 2px solid #eee;
position: relative;
top: -5px
}
.container-table-of-contents.fixed {
height: 23px;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 99
}
.container-table-of-contents .show-table-of-contents {
background: #20B2D6;
border-radius: 8px;
color: #fff;
display: block;
margin: 5px auto;
max-width: 160px;
padding: 3px 5px;
text-align: center;
z-index: 100
}
.container-table-of-contents .show-table-of-contents:after {
bottom: 2px;
left: -36px;
right: auto;
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.container-table-of-contents .show-table-of-contents:before {
bottom: 2px;
left: auto;
right: -36px;
-webkit-transform: rotate(-90deg) scaleX(-1);
transform: rotate(-90deg) scaleX(-1)
}
.container-table-of-contents .table-of-contents {
max-height: 0;
opacity: 0;
top: 0;
visibility: hidden
}
.container-table-of-contents .table-of-contents.show {
max-height: 100%;
opacity: 1;
visibility: visible
}
.container-table-of-contents .table-of-contents.show .list-table-of-contents {
background-color: #f6f6f6;
border: 1px solid #ccc;
border-radius: 8px;
-webkit-box-shadow: 0 0 12px rgba(0,0,0,.1);
box-shadow: 0 0 12px rgba(0,0,0,.1)
}
.container-table-of-contents .table-of-contents .list-table-of-contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
line-height: 1.8;
list-style: none;
margin: 0;
padding: 20px
}
.container-table-of-contents .table-of-contents .list-table-of-contents li {
line-height: 1.2;
margin: 10px 5px;
text-align: center
}
.container-table-of-contents .table-of-contents .list-table-of-contents li a {
color: var(--bs-body-color)
}
.container-table-of-contents .table-of-contents .list-table-of-contents li a .ico {
display: block;
background-size: contain;
height: 40px;
margin: auto auto 5px;
width: 40px
}
@media(min-width: 1200px) {
.container-table-of-contents .table-of-contents .list-table-of-contents li {
font-size:10px
}
}
@media(min-width: 1025px) {
.container-table-of-contents {
left:50%;
margin-left: -50vw;
position: relative;
width: 100vw;
margin-top: 15px;
}
.container-table-of-contents.fixed {
height: auto!important;
left: 50%;
position: relative!important;
width: 100vw
}
.container-table-of-contents .show-table-of-contents {
display: none
}
.container-table-of-contents .table-of-contents {
left: 0;
max-height: 100%;
opacity: 1;
position: relative;
top: 0;
-webkit-transform: none;
transform: none;
visibility: visible;
width: 100%
}
.container-table-of-contents .table-of-contents .list-table-of-contents {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
justify-content: center;
padding: 5px
}
.container-table-of-contents .table-of-contents .list-table-of-contents li {
font-size: 9px;
margin: 8px 2px;
width: calc(6.25% - 4px)
}
}
@media(max-width: 1024px) {
.container-table-of-contents {
background-color:transparent;
border: none;
-webkit-box-shadow: none;
box-shadow: none
}
.list-table-of-contents li {
width: calc(16.66% - 10px)
}
}
@media(max-width: 768px) {
.list-table-of-contents {
max-height:65vh;
overflow-y: scroll
}
.list-table-of-contents li {
width: calc(25% - 10px)
}
}
@media(max-width: 480px) {
.list-table-of-contents li {
width:calc(50% - 10px)
}
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
margin-bottom: 1em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
margin-bottom: 1em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1em;
}
.alignnone {
margin-bottom: 1em
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0;
/* Make sure select elements fit in widgets. */
}
.widget select {
max-width: 100%;
}
#secondary {
margin-top: 1.5em;
margin-bottom: 1.5em;
}
#secondary ul {
list-style: none;
margin: 0;
padding: 0;
}
#secondary ul li {
display: block;
padding: 5px 0 5px 4px;
}
#secondary ul li:hover {
background: #efefef;
}
#secondary ul li a {
display: block;
color: #555;
font-size: 18px;
}
.widget-title {
display: block;
padding: 2px;
padding-right: 28px;
font-size: 16px;
text-transform: uppercase;
color: #666;
font-weight: bold;
border-bottom: 2px solid #F3F3F8;
position: relative;
}
.widget-title:after {
content: '';
position: absolute;
right: 0;
width: 28px;
height: 28px;
background: transparent no-repeat center/contain;
}
#custom_html-2 .widget-title:after {
background-image: url(/wp-content/uploads/2018/07/roulette.svg);
}
#custom_html-3 .widget-title:after {
background-image: url(/wp-content/uploads/2018/07/slots.svg);
}
#custom_html-4 .widget-title:after {
background-image: url(/wp-content/uploads/2018/07/blackjack.svg);
}
#custom_html-5 .widget-title:after {
background-image: url(/wp-content/uploads/2018/07/video-poker.svg);
}
#custom_html-6 .widget-title:after {
background-image: url(/wp-content/uploads/2018/07/live-dealer.svg);
}
.sb-main-guide-page .widget-title:after, .sb-inner-guide-page .widget-title:after {
background-image: url(/wp-content/uploads/2018/07/favicon-150x150.webp);
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.site-header {
position: relative;
background: #20B2D6;
}
.logo-text a {
display: none;
}
.site-branding {
text-align: center;
}
img.custom-logo {
width: 206px;
height: 93px;
margin: 10px 0;
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;
}
.hentry {
margin: 0 0 1.5em;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
#primary {
margin-top: 1.5em;
}
.blog article {
position: relative;
}
.entry-content p {
text-align: justify;
}
ul.top-section-list {
margin: 0 0 10px;
}
ul.top-section-list li {
display: inline-block;
margin-right: 5px;
}
/*.home ul.top-section-list li {
font-size: 12px;
}*/
ul li {
position: relative;
font-size: 16px;
}
ul.sub li {
color: #565656;
margin-bottom: 5px;
text-align: justify;
}
.entry-content ul li {
text-align: justify;
margin-bottom: 10px;
}
.entry-content ul li:before {
content: "\2714\FE0E";
display: inline-block;
color: #20B2D6;
line-height: 100%;
text-align: center;
font-size: 15px;
margin: auto;
margin-right: 6px;
}
.gamesDescription ul.guide-list,
.wh-widget ul.guide-list {
margin: 7px 0 1em;
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-width: 200px;
-webkit-column-width: 200px;
column-width: 200px;
}
.gamesDescription ul.guide-list li,
.wh-widget ul.guide-list li {
display: block;
margin-bottom: 5px;
}
.fw-content {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
clear: both;
}
.flex-center {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: center;
}
.flex-start {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: flex-start;
}
.flex-end {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: flex-end;
}
#breadcrumbs {
font-size: 14px;
margin: 10px 0;
}
#breadcrumbs a {
color: #4d4d4d;
}
.top-section, .img-header-section {
background: url(/wp-content/uploads/2018/07/background.svg);
background-position: top center;
background-size: cover;
background-repeat: no-repeat;
padding: 20px 0;
position: relative;
overflow: hidden;
}
.img-header-section {
background-image: url(/wp-content/themes/roulettegames/images/img-header-section.svg);
}
.img-header-section h1 {
margin-top: -10px;
padding-bottom: 23%;
}
.top-section .container {
z-index: 1;
}
.top-section:before {
content: '';
position: absolute;
bottom: 0;
right: 77%;
width: 440px;
height: 266px;
background: url(/wp-content/themes/roulettegames/images/cloud-left.svg) no-repeat;
}
.top-section:after {
content: '';
position: absolute;
width: 590px;
height: 356px;
bottom: 0;
left: 69%;
background: url(/wp-content/themes/roulettegames/images/cloud-right.svg) no-repeat 0 30px;
}
.top-section h1 {
margin-top: 0;
text-align: center;
color: #666;
margin-bottom: 12px;
}
.top-section-list li:before {
content: "\2714\FE0E";
display: inline-block;
color: #20B2D6;
line-height: 100%;
text-align: center;
font-size: 24px;
margin: auto;
margin-right: 3px;
}
.author-box {
margin-top: 10px;
}
.author-content {
float: left;
width: calc(100% - 127px);
}
.author-p {
font-size: 14px;
font-style: italic;
border-left: none;
text-align: justify;
padding-right: 10px;
position: relative;
background: #eafbff;
padding: 5px 15px;
border-top: 5px solid #fff;
border-bottom: 5px solid #fff;
border-right: 5px solid #fff;
border-left: 5px solid #fff;
-webkit-border-top-right-radius: 30px;
-moz-border-radius-topright: 30px;
border-top-right-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
-moz-border-radius-bottomleft: 30px;
border-bottom-left-radius: 30px;
}
.author-p:after {
content: '';
position: absolute;
left: 0;
top: 52px;
width: 0;
height: 0;
border: 50px solid transparent;
border-right-color: #fff;
border-left: 0;
border-top: 0;
margin-top: -57px;
margin-left: -50px;
}
.author-p p {
margin-bottom: 5px;
}
.author-img {
float: left;
background: url(/wp-content/themes/roulettegames/images/mascot.svg) no-repeat;
width: 127px;
height: 191px;
border: none;
border-radius: 0;
background-size: contain;
margin-right: 0;
}
/* WH Widgets */
.wh-widget {
padding: 30px 0;
}
.wh-widget.full-width {
width: 100vw;
position: relative;
margin-left: -50vw;
left: 50%;
}
.wh-widget:not(.full-width) {
padding: 20px;
}
.wh-widget.white {
background: #fff;
color: #4d4d4d;
}
.wh-widget.light-blue {
background: #f0fcff;
color: #4d4d4d;
}
.wh-widget.orange {
background: #ff8939;
color: #fff;
}
.wh-widget.blue ul li:before,
.wh-widget.orange ul li:before {
color: #fff;
}
.wh-widget .timeline .timeline-item ul li:before {
color: #4d4d4d;
}
.wh-widget .timeline .timeline-item:last-child ul li:before {
color: #fff;
}
.wh-widget.blue {
background: #20b2d6;
color: #fff;
}
.wh-widget h2 a,
.wh-widget h3 a {
text-decoration: none !important;
}
.wh-widget.blue h2,
.wh-widget.blue h3,
.wh-widget.orange h2,
.wh-widget.orange h3 {
color: #fff;
}
.wh-widget.white h2,
.wh-widget.white h3,
.wh-widget.faq-section-items h2,
.wh-widget.faq-section-items h3 {
color: #4d4d4d;
}
.wh-widget.blue a,
.wh-widget.orange a {
color: #fff;
text-decoration: underline;
}
.wh-widget ul.guide-list a {
display: inline-block;
padding: 4px 12px;
background: #FFF;
color: #20b2d6 !important;
text-decoration: none !important;
border-radius: 6px;
list-style: none !important;
border: 2px solid #20b2d6;
}
.wh-widget ul.guide-list a:hover {
background: #FF8939;
color: #fff !important;
border: 2px solid #FFF;
}
/* WH Widget - About us page section */
.wh-widget.page-about-us-section h2 {
margin-bottom: 25px;
font-weight: normal;
}
.wh-widget.page-about-us-section h2 sub {
display: block;
bottom: -10px;
}
.wh-widget.page-about-us-section .item-left h2 {
text-align: right;
}
/* WH Widget - Contact us page section */
.wh-widget.page-contact-us-section .title {
font-weight: bold;
font-size: 18px;
color: #FF8938;
}
.wh-widget.page-contact-us-section .email {
opacity: 0.7;
}
/* WH Widget - Cards Content Section */
.wh-widget.cards-content-section .section-items .item {
font-weight: bold;
text-align: center;
margin-bottom: 15px;
cursor: pointer;
}
.wh-widget.cards-content-section .section-items .item img {
display: block;
margin: 0 auto 5px auto;
}
.wh-widget.cards-content-section .section-items .item span:before {
content: 'â–¼';
}
.wh-widget.cards-content-section .section-items .item.active span:before {
content: 'â–²';
}
/* WH Widget - Cards W/O Content Section */
.wh-widget.cards-section .section-items .item {
margin-bottom: 15px;
text-decoration: none;
}
.wh-widget.cards-section .section-items a.item {
color: #fff;
}
.wh-widget.cards-section .section-items .item .item-content {
border: 3px solid #fff;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
overflow: hidden;
text-align: center;
}
.wh-widget.cards-section .section-items .item .item-content .title {
font-size: 16px;
padding: 7px 5px;
background: #ff8939;
text-shadow: 1px 1px solid #666;
line-height: 20px;
}
.wh-widget.cards-section.orange .section-items .item .item-content .title {
background: #20b2d6;
}
/* WH Widget - FAQ Section */
.wh-widget.faq-section-items .faq-box {
margin-top: 10px;
border: 1px solid #e6e6e6;
background: #fff;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.wh-widget.faq-section-items .faq-box .faq-item {
padding: 25px;
border-bottom: 1px solid #e6e6e6;
}
.wh-widget.faq-section-items .faq-box .faq-item:last-child {
border: none;
}
.wh-widget.faq-section-items .faq-box .showMore {
cursor: pointer;
}
.wh-widget.faq-section-items .faq-box .faqMore {
background: transparent !important;
padding: 0;
}
.wh-widget.faq-section-items .faq-box .faqMore:after {
content: none;
}
.wh-widget.faq-section-items .faq-box .faqMore h3 {
font-size: 20px;
font-weight: normal;
}
.wh-widget.faq-section-items .faq-box .faqMore h3:before {
content: '';
background: url(/wp-content/themes/roulettegames/images/faq-icon.svg);
width: 25px;
height: 25px;
display: inline-block;
background-size: contain;
position: relative;
bottom: -5px;
margin-right: 5px;
}
.wh-widget.faq-section-items .faq-box .showMore.active h3:before {
background: url(/wp-content/themes/roulettegames/images/faq-icon-active.svg);
background-size: contain;
}
.wh-widget.faq-section-items .faq-box .showMoreText {
color: #4d4d4d;
background: transparent;
}
/* WH Widget - People Also Ask */
.wh-widget.people-ask-section-items p.highlighted {
background: #c6f9f24a;
border: 1px solid #0e0e0e1c;
border-radius: 4px;
padding: 5px;
}
.wh-widget.people-ask-section-items .people-ask-box .people-ask-item {
padding: 25px;
border: 1px solid #e6e6e6;
margin-bottom: 15px;
border-radius: 15px;
}
.wh-widget.people-ask-section-items .people-ask-box .people-ask-item .ask-data .ask-meta,
.wh-widget.people-ask-section-items .people-ask-box .people-ask-item .answer-data .answer-meta {
font-size: 15px;
color: #777;
}
.wh-widget.people-ask-section-items .people-ask-box .people-ask-item .ask-data .ask-meta span,
.wh-widget.people-ask-section-items .people-ask-box .people-ask-item .answer-data .answer-meta span {
font-weight: bold;
}
.wh-widget.people-ask-section-items .people-ask-box .people-ask-item .answer-data .answer-content {
padding: 16px;
background: #e9e9e9;
border-radius: 15px;
margin-bottom: 10px;
text-align: justify;
}
.wh-widget.people-ask-section-items .people-ask-box .people-ask-item .answer-data .answer-meta {
text-align: left;
margin-bottom: 10px;
}
/* WH Widget - Timeline Section */
.wh-widget.timeline-section-items .timeline,
.wh-widget.tabs-section-items .tabs,
.wh-widget.compare-section-items .compare-section-content {
background: #fff;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
overflow: hidden;
color: #4d4d4d;
}
.wh-widget.blue.timeline-section-items .timeline h2,
.wh-widget.blue.timeline-section-items .timeline h3,
.wh-widget.orange.timeline-section-items .timeline h2,
.wh-widget.orange.timeline-section-items .timeline h3,
.wh-widget.blue.tabs-section-items .tabs h2,
.wh-widget.blue.tabs-section-items .tabs h3,
.wh-widget.orange.tabs-section-items .tabs h2,
.wh-widget.orange.tabs-section-items .tabs h3,
.wh-widget.blue.compare-section-items .compare-section-content h2,
.wh-widget.blue.compare-section-items .compare-section-content h3,
.wh-widget.orange.compare-section-items .compare-section-content h2
.wh-widget.orange.compare-section-items .compare-section-content h3 {
color: #4d4d4d;
}
.wh-widget.timeline-section-items .timeline a,
.wh-widget.tabs-section-items .tabs a,
.wh-widget.compare-section-items .compare-section-content a {
color: #20B2D6;
}
.wh-widget.timeline-section-items .timeline .wh-widget-title,
.wh-widget.tabs-section-items .tabs .wh-widget-title,
.wh-widget.compare-section-items .compare-section-content .wh-widget-title {
background: #ff8939;
text-transform: uppercase;
font-size: 24px;
color: #fff;
padding: 20px 0;
line-height: 1.3;
margin: 0 0 25px 0;
}
.wh-widget.blue.timeline-section-items .timeline .wh-widget-title,
.wh-widget.blue.tabs-section-items .tabs .wh-widget-title,
.wh-widget.blue.compare-section-items .compare-section-content .wh-widget-title {
color: #fff;
background: #ff8939;
}
.wh-widget.orange.timeline-section-items .timeline .wh-widget-title,
.wh-widget.orange.tabs-section-items .tabs .wh-widget-title,
.wh-widget.orange.compare-section-items .compare-section-content .wh-widget-title {
color: #fff;
background: #20b2d6;
}
.wh-widget.timeline-section-items .timeline .timeline-item {
border-left: 5px solid #20b2d6;
margin-left: 30px;
padding-right: 50px;
padding-left: 20px;
}
.wh-widget.timeline-section-items .timeline .timeline-item:last-child {
background: #20b2d6;
border: none;
margin-left: 0;
padding-right: 20px;
padding-left: 55px;
padding-top: 15px;
color: #fff;
}
.wh-widget.timeline-section-items .timeline .timeline-item:last-child a {
color: #fff;
text-decoration: underline;
}
.wh-widget.timeline-section-items .timeline .timeline-item:last-child ul li:before {
color: #fff;
}
.wh-widget.timeline-section-items .timeline .timeline-item h3 {
position: relative;
}
.wh-widget.timeline-section-items .timeline .timeline-item h3 .item-idx {
left: -38px;
top: -3px;
line-height: 1.2;
position: absolute;
background: #fff;
border: 3px solid #20b2d6;
color: #ff8939;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display: block;
width: 30px;
height: 30px;
text-align: center;
}
.wh-widget.timeline-section-items .timeline .timeline-item:last-child h3 {
color: #fff;
}
.wh-widget.timeline-section-items .timeline .timeline-item:last-child h3 .item-idx {
top: 0;
border-color: #ff8939;
}
/* WH Widget - Tabs Section */
.wh-widget.tabs-section-items .tabs .wh-widget-title {
margin-bottom: 0;
}
.wh-widget.tabs-section-items .tabs .tabs-container {
border-right: 2px solid #ff8939;
padding-top: 2px;
}
.wh-widget.tabs-section-items .tabs h3.tab-title {
color: #fff;
margin: 0 -15px;
padding: 15px;
border: 2px solid #fff;
background: #20b2d6;
color: #fff;
text-transform: uppercase;
font-weight: normal;
font-size: 16px;
cursor: pointer;
}
.wh-widget.tabs-section-items .tabs .tab-title.active {
background: #fff;
color: #ff8939;
border: 2px solid #ff8939;
margin-right: -17px;
border-right: 2px solid #fff;
}
.wh-widget.tabs-section-items .tabs .tab-content {
overflow: hidden;
position: relative;
background: transparent;
-webkit-transition: max-height .35s;
-o-transition: max-height .35s;
transition: max-height .35s;
max-height: 400px;
}
.wh-widget.tabs-section-items .tabs .tab-content.hidden {
max-height: 0 !important;
}
.wh-widget.tabs-section-items .tabs .tab-content .viewMore {
position: absolute;
cursor: pointer;
bottom: 0;
left: 0;
right: 0;
padding-left: 15px;
height: 80px;
line-height: 120px;
background: rgba(255,255,255,0.3);
background: -moz-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,1) 65%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.3)), color-stop(65%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,1) 65%);
background: -o-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,1) 65%);
background: -ms-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,1) 65%);
background: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%, rgba(255,255,255,1) 65%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}
/* WH Widget - Comparison Section */
.wh-widget.compare-section-items .compare-section-content .comparison-table {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
overflow: hidden;
max-width: calc(100% - 30px);
border: 1px solid #e6e6e6;
margin-bottom: 15px;
}
.wh-widget.compare-section-items .compare-section-content .col-left,
.wh-widget.compare-section-items .compare-section-content .col-right {
position: relative;
}
.wh-widget.compare-section-items .compare-section-content .col-left:after {
content: '';
border-left: 1px solid #e6e6e6;
position: absolute;
top: -15px;
bottom: -15px;
right: 0;
}
.wh-widget.compare-section-items .compare-section-content .comparison-table-header .col-left,
.wh-widget.compare-section-items .compare-section-content .comparison-table-header .col-right {
color: #fff;
text-transform: uppercase;
font-size: 24px;
padding-top: 30px;
padding-bottom: 30px;
}
.wh-widget.compare-section-items .compare-section-content .comparison-table-header .col-left {
background: #20b2d6;
}
.wh-widget.compare-section-items .compare-section-content .comparison-table-header .col-right {
background: #ff8939;
}
.wh-widget.compare-section-items .compare-section-content .comparison-table-row {
text-align: justify;
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #e6e6e6;
}
.wh-widget.compare-section-items .compare-section-content .comparison-table-row.last {
border: none;
}
.wh-widget.compare-section-items .compare-section-content .comparison-table-row .col-left .check-icon,
.wh-widget.compare-section-items .compare-section-content .comparison-table-row .col-right .check-icon {
width: 40px;
float: left;
margin-right: 5px;
}
.wh-widget.compare-section-items .compare-section-content .comparison-table-row .col-left .col-content,
.wh-widget.compare-section-items .compare-section-content .comparison-table-row .col-right .col-content {
display: inline-block;
width: calc(100% - 45px);
}
.wh-widget.compare-section-items .compare-section-content .comparison-table-row .col-left p:last-child,
.wh-widget.compare-section-items .compare-section-content .comparison-table-row .col-right p:last-child {
margin: 0;
}
.wh-widget.compare-section-items .compare-section-content .comparison-table-footer {
text-align: justify;
padding-top: 15px;
padding-bottom: 15px;
border-top: 1px solid #e6e6e6;
}
/* WH Widget - Best Casinos List */
.wh-widget.wh-best-casinos-list {
margin-bottom: 15px;
}
.wh-widget.wh-best-casinos-list .brand-list {
padding: 0;
margin: 0;
list-style: none;
counter-reset: cnt;
}
.wh-widget.wh-best-casinos-list .brand-list li h3:before {
counter-increment: cnt;
content: counter(cnt)".";
margin-right: 5px;
color: #1EB2D6;
}
.wh-widget.wh-best-casinos-list .brand-list .row {
border: 1px solid #ccc;
border-top: 4px solid #1EB2D6;
padding-top: 10px;
margin: 0;
}
.wh-widget.wh-best-casinos-list .brand-list .row.bcl-summary {
border: none;
margin: auto;
padding-top: 0;
}
.wh-widget.wh-best-casinos-list .brand-list .bcl-row-normal {
margin: 0 -15px;
height: 100%;
}
.wh-widget.wh-best-casinos-list .brand-list .row .brand-logo-wrapper {
background: #000;
}
.wh-widget.wh-best-casinos-list .brand-list .bcl-summary,
.wh-widget.wh-best-casinos-list .brand-list .bcl-summary ul li {
font-size: 12px;
}
.wh-widget.wh-best-casinos-list .brand-list .bcl-summary .item {
margin-bottom: 15px;
}
.wh-widget.wh-best-casinos-list .brand-list .bcl-summary .item .title {
font-weight: bold;
text-transform: uppercase;
}
.wh-widget.wh-best-casinos-list .brand-list .bcl-summary .item img {
max-width: 34px;
}
.wh-widget.wh-best-casinos-list .brand-list ul.bcl-features {
margin: 15px 0;
column-count: 2;
}
.wh-widget.wh-best-casinos-list .brand-list ul.bcl-features li {
text-align: left;
line-height: 1.2;
font-size: 14px;
}
.wh-widget.wh-best-casinos-list .brand-list .bcl-text {
font-size: 15px;
position: relative;
}
.wh-widget.wh-best-casinos-list .brand-list .bcl-text:after {
content: '';
position: absolute;
bottom: -12px;
left: -20px;
width: calc(100% + 40px);
height: 2px;
background: #ccc;
}
@media screen and (max-width: 640px) {
.wh-widget.wh-best-casinos-list .brand-list .bcl-summary .item .title {
font-size: 12px;
}
.wh-widget.wh-best-casinos-list .brand-list .bcl-summary,
.wh-widget.wh-best-casinos-list .brand-list .bcl-summary ul li {
font-size: 10px;
line-height: 1.4;
}
.wh-widget.wh-best-casinos-list .brand-list .bcl-summary .item img {
max-width: 30px;
display: inline;
}
.wh-widget.wh-best-casinos-list .brand-list ul.bcl-features li {
font-size: 12px;
}
}
/* WH Widget - Latest News List */
.wh-widget.latest-news .item {
padding: 10px;
height: 100%;
border-radius: 8px;
background: #fff;
color: #4d4d4d;
border: 2px solid #e6e6e6;
}
.wh-widget.latest-news .item a {
color: #4d4d4d;
}
.wh-widget.latest-news .item img {
border-radius: 8px;
}
.wh-widget.latest-news .item h3 {
margin-top: 15px;
font-size: 18px;
font-weight: bold;
}
.wh-widget.latest-news .item .data {
font-size: 14px;
}
/* Games Content W2P */
.wh-games-content-where-to-play {
margin-bottom: 15px;
margin-top: -1.5em;
background: #f5f5f5;
}
.wh-games-content-where-to-play .row {
padding: 10px 0;
}
.wh-games-content-where-to-play .logo {
background: #000;
height: 100%;
}
.wh-games-content-where-to-play .logo img {
display: block;
}
.wh-games-content-where-to-play .bns-main {
text-transform: uppercase;
color: #666;
font-weight: bold;
}
.wh-games-content-where-to-play .bns-sub {
color: #888;
line-height: 1.2;
}
.wh-games-content-where-to-play .bns-sub img {
max-width: 24px;
}
.wh-games-content-where-to-play .bns-tc {
font-size: 10px;
color: #999;
line-height: 1;
text-align: justify;
margin: 5px 0;
}
.wh-games-content-where-to-play .main-btn {
width: 100%;
display: block;
}
.wh-games-content-where-to-play .read-review {
display: block;
text-align: center;
color: #666;
border-bottom: 1px dotted black;
font-size: 14px;
margin-bottom: 5px;
}
/* Games Sidebar W2P */
.wh-games-sb-where-to-play .item {
margin: 10px 0;
padding: 10px;
background: #f5f5f5;
}
.wh-games-sb-where-to-play .item:nth-child(2n+1) {
background: #eaf9fe;
}
.wh-games-sb-where-to-play .item .logo {
background: #000;
}
.wh-games-sb-where-to-play .bns-main {
font-weight: bold;
color: #666;
font-size: 18px;
}
.wh-games-sb-where-to-play .bns-main img {
max-width: 24px;
}
.wh-games-sb-where-to-play .bns-tc {
font-size: 10px;
color: #999;
line-height: 1;
text-align: justify;
margin: 5px 0;
}
.wh-games-sb-where-to-play .main-btn {
width: 100%;
display: block;
}
.wh-games-sb-where-to-play .read-review {
display: inline-block;
text-align: center;
color: #666;
border-bottom: 1px dotted black;
font-size: 14px;
margin-bottom: 5px;
}
/* Tables */
.reviewTableWrapper, .guideTableWrapper {
max-height: 700px;
overflow-y: scroll;
overflow-x: scroll;
}
table.reviewTable caption, table.guideTable caption {
font-weight: bold;
text-transform: uppercase;
background-color: #FF8939;
color: #fff;
text-align: center;
text-shadow: 1px 1px 0 #ED6507;
}
table.reviewTable tr th, table.guideTable tr th {
background: #FF6602;
color: #fff;
text-shadow: 1px 1px 0 #bb4b02;
}
table.tableSummary tr th .post-ratings {
width: auto;
float: right;
font-size: 10px;
font-weight: normal;
text-align: center;
}
table.tableSummary tr th .post-ratings img {
width: 14px;
}
table.reviewTable tr:nth-child(2n) td, table.guideTable tr:nth-child(2n) td {
background: #fbfbfb;
}
table.reviewTable tr:nth-child(2n+1) td, table.guideTable tr:nth-child(2n+1) td {
background: #d5f0f7;
}
table.reviewTable td img.logo, table.guideTable td img.logo {
margin: 5px 0;
padding: 5px 15px;
background: #000;
}
/* Table Summary */
table.reviewTable tr th, table.guideTable tr th, table.tableSummary tr th {
color: #fff;
/*background: #FF6602;*/
/*text-shadow: 1px 1px 0 #bb4b02;*/
background: #1EB2D6;
text-shadow: 1px 1px 0 #0b5263;
font-size: 18px;
}
table.tableSummary.in-widget tr th {
background: #FF6602;
text-shadow: 1px 1px 0 #bb4b02;
}
.tableSummary td:first-of-type {
font-size: 14px;
line-height: 20px;
padding: 9px 12px;
background-color: #cdf5ff;
font-weight: bold;
}
.tableSummary.in-widget td:first-of-type {
background-color: #ff8f44;
text-shadow: 1px 1px 0 #ff6701;
}
.tableSummary td {
font-size: 15px;
line-height: 18px;
padding: 9px 12px;
background-color: #c6f9f24a;
text-align: left;
}
.tableSummary.in-widget td {
background-color: #fda970;
text-shadow: 1px 1px 0 #ff6701;
}
.tableSummary td, .tableSummary th {
border-bottom: 1px solid #0e0e0e1c;
}
.tableSummary.in-widget td, .tableSummary.in-widget th {
border-bottom: 1px solid #b14802;
}
.guideTable.baccaratTable th, .guideTable.baccaratTable td {
text-align: center;
}
.guideTable.baccaratTable .commission {
background: #90FCAC;
color: #40454a;
border: 1px solid #C3FED3;
}
.guideTable.baccaratTable .free-baccarat {
border: 1px solid #FFCAC3;
background: #FF9F92;
color: #40454a;
}
/* Swipe Section */
.swiper {
position: relative;
text-align: center;
}
.swiper-heading {
display: block;
font-size: 24px;
color: #666;
margin-top: 10px;
margin-bottom: 10px;
font-weight: bold;
text-align: center;
}
.swiper .r-card {
display: inline-block;
/*width: 18%;
max-width: 146px;*/
width: 31%;
max-width: 80px;
margin: 0 0.5%;
padding: 8px 0;
position: relative;
background-repeat: no-repeat;
background-size: contain;
background-position: top center;
}
.swiper .r-card:hover {
-webkit-filter: hue-rotate(170deg);
filter: hue-rotate(170deg);
}
.swiper .r-card span {
display: block;
color: #4d4d4d;
text-transform: uppercase;
font-weight: bold;
/*font-size: 16px;*/
font-size: 10px !important;
margin-top: 5px;
}
body.it_IT .swiper .r-card span {
font-size: 9px !important;
}
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
}
.swiper-button-prev {
left: -30px;
width: 0;
height: 0;
border-style: solid;
border-width: 30px 30px 30px 0;
border-color: transparent #363538 transparent transparent;
}
.swiper-button-next {
right: -30px;
width: 0;
height: 0;
border-style: solid;
border-width: 30px 0 30px 30px;
border-color: transparent transparent transparent #363538;
}
.swiper-button-next span, .swiper-button-prev span {
position: absolute;
top: 50%;
width: 0;
height: 0;
border-style: solid;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.swiper-button-prev span {
left: 18px;
border-width: 12px 12px 12px 0;
border-color: transparent #fbe8a6 transparent transparent;
}
.swiper-button-next span {
right: 18px;
border-width: 12px 0 12px 12px;
border-color: transparent transparent transparent #fbe8a6;
}
.swiper-content {
position: relative;
overflow: hidden;
padding: 5px 0 15px;
height: 159px;
}
.swiper-pagination {
text-align: center;
line-height: 0.5;
margin: 10px 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.swiper-pagination-bullet {
width: 7px;
height: 7px;
display: inline-block;
border-radius: 100%;
background: #363538;
margin: 0 5px;
cursor: pointer;
}
.swiper-pagination-bullet :target {
background: #bfdce0;
}
input.swipe-radio {
display: none;
}
div.swipe-this {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
/*height: 88px;*/
}
input.swipe-radio:not(:checked) + div.swipe-this{
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
}
input.swipe-radio:checked ~ div.swipe-this {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
input.swipe-radio:checked + div.swipe-this {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
}
.blog article .swiper {
display: none;
}
.blog article:first-of-type .swiper {
display: block;
}
.casino-list {
border: 5px solid #1D722D;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin-bottom: 1.5em;
}
.text-bonus > span:first-child {
display: block;
font-size: 17px;
color: #ddd;
line-height: 100%;
}
.text-bonus .big {
font-size: 21px;
line-height: 100%;
}
.text-bonus {
text-transform: uppercase;
color: #fff;
margin-bottom: 10px;
}
.casino-list-image {
margin-bottom: 20px;
}
.casino-list-image img {
margin-bottom: 0px;
}
.casino-list-box {
padding: 15px;
flex-direction: column;
}
.casino-list p {
margin-bottom: 0;
}
.casino-list-box ul {
counter-reset: li-counter;
margin-bottom: 10px;
margin-left: 15px;
}
.casino-list-box ul li {
font-size: 13px;
color: #434343;
}
.entry-content .casino-list-box ul li:before {
content: counter(li-counter);
counter-increment: li-counter;
width: 15px;
height: 15px;
font-size: 11px;
color: #434343;
border: 1px solid #434343;
background: none;
}
.box1 {
text-align: center;
background: #1D722D;
position: relative;
}
.box1:after {
content: '';
position: absolute;
left: 100%;
width: 0;
height: 0;
border-style: solid;
border-width: 90px 0 90px 15px;
border-color: transparent transparent transparent #1D722D;
top: 0;
bottom: 0;
margin: auto;
}
.box3 {
background: #eef2f5;
border-left: 1px solid #d9e0e4;
}
.box-info {
padding: 10px 0;
text-align: center;
text-transform: uppercase;
border-bottom: 2px solid #d7dee3;
height: 33.33%;
}
.box-info .small {
display: block;
font-size: 13px;
color: #8f9ca9;
}
.box-info:last-child {
border-bottom: none;
}
.box-info .big {
font-size: 26px;
color: #5bb000;
line-height: 100%;
}
.box-info .big span {
font-size: 13px;
}
.casino-list-title {
display: block;
font-size: 30px;
line-height: 100%;
text-transform: uppercase;
font-weight: bold;
color: #4a1010;
}
.mid-title-list {
font-size: 15px;
line-height: 100%;
color: #24aa1d;
margin: 0 0 2px;
}
.casino-deposit {
border: 1px solid #24aa1d;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 0 10px;
}
.casino-deposit img {
margin: 5px 0;
}
.main-btn, .playNow {
font-family: 'Roboto Condensed', 'Roboto', sans-serif;
display: inline-block;
font-size: 22px;
line-height: 1.2;
font-weight: bold;
background: #ffb219;
color: #fff !important;
text-shadow: 1px 1px 0 #e5a016;
text-transform: uppercase;
box-shadow: 3px 3px 3px #eee;
text-align: center;
padding: 10px 8px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.aff-table.single .main-btn {
width: 100%;
}
.playNow {
display: block;
width: 100%;
/*background: #04A8CE;*/
}
.main-btn .sub, .playNow .sub {
color: #ffeabf;
text-transform: none;
font-size: 15px;
display: block;
font-weight: normal;
}
.main-btn:hover, .playNow:hover {
background: #e5a016;
color: #fff;
}
.btn-disabled {
text-decoration: line-through !important;
opacity: 0.5 !important;
cursor: not-allowed !important;
user-select: none;
}
a.list-read {
font-size: 12px;
line-height: 100%;
color: #fff;
border-bottom: 1px solid #fff;
}
.roulette-system-btn {
display: inline-block;
padding: 5px;
font-size: 16px;
background: rgba(0, 0, 0, 0.1);
margin: 5px;
}
.roulette-system-btn a {
display: block;
background: #1E9D9E;
color: #fff;
padding: 10px 25px;
line-height: 100%;
-webkit-box-shadow: 0px 1px 2px 0px rgb(64, 64, 64);
-moz-box-shadow: 0px 1px 2px 0px rgb(64, 64, 64);
box-shadow: 0px 1px 2px 0px rgb(64, 64, 64);
}
.roulette-system-btn a:hover {
box-shadow: none;
background: #177D7D;
}
/*----------- Casinos in pages -----------*/
.casino-list-page {
border: 2px solid #1D722D;
margin-bottom: 1em;
overflow: hidden;
}
.casino-list-page .casino-list-box {
padding: 5px 15px;
}
.casino-list-page .casino-list-image {
margin-bottom: 15px;
}
.casino-list-page .main-btn {
font-size: 18px;
}
.casino-list-page .main-btn a {
padding: 10px 25px;
}
.casino-list-page .casino-list-box ul {
margin-bottom: 0;
}
.casino-list-page .box-info {
padding: 4px 0;
}
.casino-list-page .box-info .big {
font-size: 18px;
}
.casino-list-page .box-info .small {
font-size: 12px;
}
/*----------- Tabs -----------*/
.rp-tab > input {
display: none;
}
#tab1:checked ~ section .tab1,
#tab2:checked ~ section .tab2,
#tab3:checked ~ section .tab3,
#tab4:checked ~ section .tab4 {
display: block !important;
}
#tab1:checked ~ nav .tab1,
#tab2:checked ~ nav .tab2,
#tab3:checked ~ nav .tab3,
#tab4:checked ~ nav .tab4 {
color: red;
}
.rp-tab {margin-bottom: 1.5em;border: 1px solid #23afb1;padding: 5px;}
.rp-tab ul {
list-style: none;
margin: 0;
padding: 0;
}
.entry-content .rp-tab ul li:before {
content: none;
}
.rp-tab ul li label {
float: left;
padding: 15px 10px;
background: #23afb1;
color: #fff;
width: 25%;
text-align: center;
font-size: 20px;
border-right: 1px solid #fff;
position: relative;
cursor: pointer;
}
.rp-tab ul li.tab2 label {
background: #1e9d9e;
}
.rp-tab ul li.tab3 label {
background: #1b8d8e;
}
.rp-tab ul li.tab4 label {
background: #177d7d;
}
.rp-tab ul li label:hover {
background: #61bcbd;
}
.rp-tab ul li label:active {
background: #ffffff;
color: #23afb1;
}
.rp-tab ul li:last-child label{
border-right:none;
}
.rp-tab ul li:not(:last-child) label {
/*border-right-width: 0;*/
}
.rp-tab section {
clear: both;
padding-top: 15px;
}
.rp-tab section > div {
width: 100%;
background: #fff;
line-height: 1.5em;
letter-spacing: 0.3px;
color: #444;
}
.rp-tab section div h2 {
margin: 0;
letter-spacing: 1px;
color: #34495e;
}
.rp-tab p {
margin-bottom: 0;
}
#tab1:checked ~ nav .tab1 label,
#tab2:checked ~ nav .tab2 label,
#tab3:checked ~ nav .tab3 label,
#tab4:checked ~ nav .tab4 label {
background: white;
color: #23afb1;
position: relative;
}
#tab1:checked ~ nav .tab1 label:before,
#tab2:checked ~ nav .tab2 label:before,
#tab3:checked ~ nav .tab3 label:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 100%;
width: 0;
height: 0;
border-style: solid;
border-width: 30px 0 30px 10px;
border-color: transparent transparent transparent #ffffff;
z-index: 1;
margin: auto;
}
#tab1:checked ~ nav .tab1 label:after,
#tab2:checked ~ nav .tab2 label:after,
#tab3:checked ~ nav .tab3 label:after,
#tab4:checked ~ nav .tab4 label:after {
content: '';
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #ffffff;
left: 0;
bottom: -1px;
}
.img-game {
display: block;
height: 102px;
background: #000;
position: relative;
margin-bottom: 10px;
overflow: hidden;
}
.img-game img {
height: 102px;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
a.r-game {
display: block;
background: #f1f1f1;
padding: 10px 10px 5px;
text-align: center;
color: #4a1010;
margin: 0 15px 15px;
}
a.r-game:hover img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.img-game:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 0;
height: 0;
border-style: solid;
border-width: 0 16px 8px 16px;
border-color: transparent transparent #f1f1f1 transparent;
}
.rp-tab .swiper-button-prev {
left: -20px;
border-width: 30px 15px 30px 0;
}
.rp-tab .swiper-button-prev span {
left: 1px;
border-width: 30px 15px 30px 0;
}
.rp-tab .swiper-button-next {
right: -20px;
border-width: 30px 0 30px 15px;
}
.rp-tab .swiper-button-next span {
right: 1px;
border-width: 30px 0 30px 15px;
}
.rp-tab .swiper-button-prev span:before, .rp-tab .swiper-button-next span:before {
content: '';
position: absolute;
top: 50%;
width: 0;
height: 0;
border-style: solid;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.rp-tab .swiper-button-prev span:before {
left: 5px;
border-width: 25px 15px 25px 0;
border-color: transparent #23afb1 transparent transparent;
}
.rp-tab .swiper-button-next span:before {
right: 5px;
border-width: 25px 0 25px 15px;
border-color: transparent transparent transparent #23afb1;
}
/*----------- Pages Guide ----------*/
.shadow-effect {
border: solid 1px #CCC;
-moz-box-shadow: 1px 1px 5px #999;
-webkit-box-shadow: 1px 1px 5px #999;
box-shadow: 1px 1px 5px #999;
}
.casino-prm-border {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.provider-style {
color: rgb(122,0,0);
font-size: 20px;
display: block;
margin-bottom: 6px;
text-align: left;
font-weight: bold;
margin-left: 5px;
}
.list-of-games-heading {
font-size: 24px;
font-weight: bold;
margin-left: 5px;
margin-bottom: 5px;
display: block;
}
/*----------- Single ----------*/
.single #primary {
margin-top: 0;
}
.single #main .entry-meta {
margin-bottom: 15px;
}
.single #main .entry-meta .byline {
margin-right: 10px;
}
.single #main .entry-meta .byline img {
max-width: 30px;
border-radius: 50%;
margin-right: 5px;
}
.single #main .entry-meta .posted-on {
border-bottom: 1px dotted #ccc;
}
.single #main .entry-meta .watermark {
display: inline-block;
margin-left: 5px;
}
@media ( max-width: 576px ) {
.single #main .entry-meta .watermark {
display: block;
margin-top: 5px;
}
}
/*----------- Games Guide ----------*/
.flash-game iframe {
border: none;
width: 100%;
height: 558px;
margin: 20px 0;
}
/*----------- Table Guide ----------*/
.overflow-scroll {
overflow-x: auto;
}
.roulette-guides {
table-layout: fixed;
}
.roulette-guides caption {
caption-side: top;
background: #FAFAFA;
color: #9C1010;
font-weight: bold;
text-align: center;
border: 1px solid #E3E5E6;
border-bottom: none;
}
.roulette-guides th {
background: #FAFAFA;
color: #9C1010;
text-align: center;
padding: 5px 0;
border: 1px solid #E3E5E6;
}
.roulette-guides td {
color: #444;
background: #fff;
border: 1px solid #E3E5E6;
text-align: center;
padding: 2px;
}
.roulette-guides td:nth-child(2n+2) {
background: #DBF2F2;
}
.roulette-guides td:first-child {
color: #4A1010;
}
.roulette-guides td.red-background {
background: #D20D0D !important;
color: #fff !important;
}
.roulette-guides td.red {
color: #D20D0D !important;
background: #fff !important;
}
.roulette-guides td.black-background {
background: #444 !important;
color: #fff !important;
}
.roulette-guides td.black {
color: #444 !important;
background: #fff !important;
}
.roulette-guides td.green-background {
background: #1D722D !important;
color: #fff !important;
}
.roulette-guides td.green {
color: #1D722D !important;
background: #fff !important;
}
.roulette-guides td.white-background {
background: #fff !important;
color: #444 !important;
}
/*----------- Countries -----------*/
.cntr {
border: 1px solid #e8e8e8;
padding-bottom: 30px;
text-align: center;
margin-bottom: 1.5em;
border-radius: 0 0 7px 7px;
}
.cntr-title {
position: relative;
font-size: 22px;
color: #fff;
background: #23afb1;
border-radius: 7px 7px 0 0;
padding: 16px 0;
text-align: center;
text-transform: uppercase;
margin-bottom: 30px;
line-height: 100%;
}
.cntr-title:after {
content: '';
position: absolute;
bottom: -17px;
left: 0;
right: 0;
margin: auto;
width: 0;
height: 0;
border-style: solid;
border-width: 17px 20px 0 20px;
border-color: #23afb1 transparent transparent transparent;
}
.cntr-box {
border-right: 1px solid #dadada;
}
.cntr-box a {
color: #666;
}
.cntr-box:last-child {
border-right: none;
}
.cntr-flag {
display: block;
width: 95px;
height: 95px;
background: url(/wp-content/themes/roulettegames/images/flag-sprite.png) no-repeat;
margin: auto;
background-size: 600% 100%;
-webkit-filter: grayscale(0);
filter: grayscale(0);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.cntr-box a:hover .cntr-flag {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.cntr-flag.usa {
background-position: 20% 0;
}
.cntr-flag.uk {
background-position: 40% 0;
}
.cntr-flag.au {
background-position: 60% 0;
}
.cntr-flag.it {
background-position: 80% 0;
}
.cntr-flag.es {
background-position: 100% 0;
}
a.app, .home-box {
display: block;
padding: 30px 10px;
text-align: center;
font-size: 18px;
position: relative;
overflow: hidden;
border: 1px solid #d2d2d2;
color: #4a1010;
margin-bottom: 1.5em;
}
.home-box {
font-size: 16px;
}
.home-box p {
margin-bottom: 0;
}
.home-box a {
color: #4a1010;
}
.app:after, .home-box:after {
content: '';
position: absolute;
bottom: 11px;
left: -71px;
width: 190px;
height: 60px;
background: #f1f1f1;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
z-index: -1;
}
.app-img {
display: block;
margin: auto;
width: 100px;
height: 100px;
background: url(/wp-content/themes/roulettegames/images/app-sprite.png) no-repeat;
margin-bottom: 10px;
background-size: 300% 100%;
-webkit-filter: grayscale(0);
filter: grayscale(0);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.app-img2, .app-img4 {
background-position: 50% 0;
}
.app-img3 {
background-position: 100% 0;
}
.app:hover .app-img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
/*----------- Chart -----------*/
.chart-providers {
border: 1px solid #e8e8e8;
border-radius: 0 0 7px 7px;
margin-bottom: 1.5em;
}
.crt-title {
display: block;
position: relative;
font-size: 22px;
color: #fff;
background: #23afb1;
border-radius: 7px 7px 0 0;
padding: 16px 0;
text-align: center;
text-transform: uppercase;
line-height: 100%;
}
.crt-sbtitle {
text-align: center;
font-size: 20px;
}
.crt-row {
padding-top: 15px;
padding-bottom: 15px;
margin-left: 0;
margin-right: 0;
}
.crt-row:nth-child(2n+1){
background: #f7f7f7;
}
.crt-bar {
padding: 3px 7px;
background: #dadada;
text-align: left;
border-radius: 10px;
}
.crt-bar span {
display: block;
vertical-align: top;
height: 22px;
background: #9fd247;
border-radius: 8px;
}
.crt-bar span.green-yellow {
background: #cad247;
}
.crt-number {
text-align: center;
}
.crt-img {
max-width: 100%;
background-size: 100%;
background-image: url('/wp-content/themes/roulettegames/images/providers-sprite.png');
}
.crt-img.playtech { background-position: 0 0%; background-size: 100%; }
.crt-img.rtg { background-position: 0 33.333333%; background-size: 100%; }
.crt-img.microgaming { background-position: 0 64.912281%; background-size: 114.197531%; }
.crt-img.netent { background-position: 0 100%; background-size: 174.528302%; }
/* Providers Games List */
.game-list {
background: #FAFAFA;
padding: 15px 15px 0;
border-radius: 7px;
border: 1px solid #E5E5E5;
counter-reset: a;
margin: 15px 0;
display: table;
}
.game-list h3 {
color: #444;
font-size: 22px;
margin-bottom: 20px;
font-weight: bold;
}
.game-list .game-list-text {
margin: 20px 0;
text-align: justify;
}
.game-list .game-list-text p {
margin-bottom: 1.5em;
}
.game-list .game-list-text a{
color: #9C1010;
font-weight: bold;
}
.game-list .game-list-text .main-btn a {
color: #fff;
font-weight: normal;
}
.game-list .game-list-text .main-btn.review-btn a{
background: #23AFB1;
}
.game-list .game-list-text .main-btn.review-btn a:hover {
background: #117879;
}
/* Jump to section */
.jump-to-section {
margin: 0 0 10px 0;
padding: 10px 0;
overflow-x: scroll;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
white-space: nowrap;
position: relative;
height: 48px;
}
.jump-to-section::-webkit-scrollbar {
display: none;
}
.jump-to-section button {
content: '‹';
position: sticky;
left: 0;
padding: 2px 9px;
font-size: 20px;
border-radius: 50%;
color: #333;
background: #A8EDFF;
line-height: 1;
z-index: 99;
}
.jump-to-section button.next {
content: '›';
right: 0;
left: auto;
}
.jump-to-section: button:hover {
cursor: pointer;
}
.jump-to-section li {
display: inline-block;
margin: 0 5px;
}
.jump-to-section li a {
font-size: 14px;
color: #fff;
background: #20B2D6;
border-radius: 6px;
padding: 5px;
}
.jump-to-section li a:hover {
opacity: 0.8;
}
/* FAQ */
.faq-box p {
margin-bottom: 5px;
}
.faq {
background: #dbf2f2;
padding: 15px 15px 0;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
border: 1px solid #61bcbd;
counter-reset: a;
margin: 15px 0;
}
.faq h2, .faq .heading {
color: #4a1010;
font-size: 26px;
margin-bottom: 20px;
}
.faq h3 {
color: #23afb1;
font-size: 22px;
font-weight: bold;
}
.faq .faq-text {
margin: 20px 0;
}
.faq .faq-text p {
margin-bottom: 1.5em;
}
.faq .faq-text a{
font-weight: bold;
}
.tab {
position: relative;
margin-bottom: 1px;
width: 100%;
overflow: hidden;
}
.faq input {
position: absolute;
opacity: 0;
z-index: -1;
}
.faq label {
position: relative;
display: block;
padding: 0 2em 0 2.5em;
line-height: 3;
cursor: pointer;
margin-bottom: 0;
color: #23afb1;
border-top: 2px solid #fff;
text-transform: uppercase;
font-size: 18px;
font-weight: normal;
}
.tab-content {
max-height: 0;
overflow: hidden;
background: #dbf2f2;
-webkit-transition: max-height .35s;
-o-transition: max-height .35s;
transition: max-height .35s;
}
.faq p {
margin-bottom: 0;
}
.tab-content p {
margin: 1em;
}
/* :checked */
.faq input:checked ~ .tab-content {
max-height: 30em;
}
/* Icon */
.faq label:before {
counter-increment: a;
content: counter(a);
font-size: 18px;
height: 30px;
line-height: 25px;
width: 30px;
text-align: center;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
border: 2px solid #23afb1;
border-radius: 100%;
}
.faq label::after, .faq h3 label::after {
position: absolute;
right: 0;
top: 0;
display: block;
width: 3em;
height: 3em;
line-height: 3;
text-align: center;
-webkit-transition: all .35s;
-o-transition: all .35s;
transition: all .35s;
}
.faq input[type=checkbox] + label::after, .faq input[type=checkbox] ~ h3 label::after {
content: "+";
}
.faq input[type=radio] + label::after {
content: "\25BC";
}
.faq input[type=checkbox]:checked + label::after, .faq input[type=checkbox]:checked ~ h3 label::after {
transform: rotate(315deg);
}
.faq input[type=radio]:checked + label::after {
transform: rotateX(180deg);
}
.faq.two-col-faq ul {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
/* --- All Guides List --- */
.guide-category > div {
margin-bottom: 30px;
}
.guide-category-title {
border: 1px solid #23afb1;
padding: 5px;
margin-bottom: 15px;
text-align: center;
position: relative;
color: #23afb1;
}
.guide-category-title:before {
content: '';
position: absolute;
bottom: -15px;
left: 0;
right: 0;
margin: auto;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 20px 0 20px;
border-color: #23afb1 transparent transparent transparent;
}
.guide-category-title:after {
content: '';
position: absolute;
bottom: -13px;
left: 0;
right: 0;
margin: auto;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 20px 0 20px;
border-color: #ffffff transparent transparent transparent;
}
.guide-category > div {
margin-bottom: 30px;
}
.guide {
background: #fafafa;
height: 100%;
text-align: justify;
border-bottom: 2px solid #23afb1;
-webkit-box-shadow: 0px 1px 5px 1px rgba(229,229,229,1);
-moz-box-shadow: 0px 1px 5px 1px rgba(229,229,229,1);
box-shadow: 0px 1px 5px 1px rgba(229,229,229,1);
}
.guide-thmb {
display: block;
margin-bottom: 10px;
}
.guide-thmb img {
object-fit: cover;
width: 100%;
height: 200px;
}
.guide-title a {
color: #23afb1;
display: inline-block;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 10px;
font-weight: normal;
}
.guide p {
margin-left: 15px;
margin-right: 15px;
}
.guide-category-title:nth-of-type(2), .guide-category:nth-of-type(3) .guide-title a, .guide-category:nth-of-type(3) a.read-more {
color: #ef5f0e;
}
.guide-category-title:nth-of-type(2), .guide-category:nth-of-type(3) .guide {
border-color: #ef5f0e;
}
.guide-category-title:nth-of-type(2):before {
border-color: #ef5f0e transparent transparent transparent;
}
a.read-more {
display: inline-block;
margin-left: 10px;
color: #23afb1;
}
.roulette-games-datatable {
border: 1px solid #d9e0e4;
}
.roulette-games-datatable tr:nth-child(2n+1) {
background: #eef2f5;
}
.roulette-games-datatable th {
position: relative;
color: #fff;
padding: 10px 15px;
font-size: 18px;
font-weight: normal;
}
.roulette-games-datatable th:nth-child(1) {
background: #23afb1;
width: 20%;
}
.roulette-games-datatable th:nth-child(2) {
background: #1e9d9e;
}
.roulette-games-datatable th:nth-child(3) {
background: #1b8d8e;
}
.roulette-games-datatable th:nth-child(4) {
background: #177d7d;
}
.roulette-games-datatable th:nth-child(1):before , .roulette-games-datatable th:nth-child(2):before , .roulette-games-datatable th:nth-child(3):before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 100%;
width: 0;
height: 0;
border-style: solid;
border-width: 22px 0 22px 10px;
z-index: 1;
margin: auto;
}
.roulette-games-datatable th:nth-child(1):before {
border-color: transparent transparent transparent #23afb1;
}
.roulette-games-datatable th:nth-child(2):before {
border-color: transparent transparent transparent #1e9d9e;
}
.roulette-games-datatable th:nth-child(3):before {
border-color: transparent transparent transparent #1b8d8e;
}
.roulette-games-datatable td {
padding: 5px;
}
a.games-read-more {
display: inline-block;
padding: 5px;
background: rgba(0, 0, 0, 0.1);
}
a.games-read-more span {
display: block;
background: #1D722D;
color: #fff;
padding: 10px 25px;
line-height: 100%;
-webkit-box-shadow: 0px 1px 2px 0px rgb(64, 64, 64);
-moz-box-shadow: 0px 1px 2px 0px rgb(64, 64, 64);
box-shadow: 0px 1px 2px 0px rgb(64, 64, 64);
}
a.games-read-more span:hover {
box-shadow: none;
background: #9fd247;
}
.roulette-games-datatable td p {
margin-bottom: 0;
}
.roulette-games-datatable a {
color: #4a1010;
}
.game-list-text a:hover img {
opacity: 1;
-webkit-animation: flash 2.5s;
animation: flash 2.5s;
}
@-webkit-keyframes flash {
0% { opacity: .4; }
100% { opacity: 1; }
}
@keyframes flash {
0% { opacity: .4; }
100% { opacity: 1; }
}
/* --- Review Box --- */
.review-box {
border: 1px solid #23afb1;
padding-bottom: 5px;
}
.review-box .row {
margin-left: 0;
margin-right: 0;
}
.review-box [class*=col] {
padding-left: 5px;
padding-right: 5px;
}
.review-box-heading {
background: #23afb1;
color: #fff;
padding: 5px 0;
}
.review-box .img-holder {
background: #fff;
height: 80px;
padding: 5px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.review-title {
display: block;
font-size: 22px;
text-transform: uppercase;
font-weight: bold;
}
.bonus-row span {
display: block;
text-align: center;
line-height: 26px;
}
.bonus-row span:first-child {
font-size: 26px;
}
.bonus-row span:last-child {
font-size: 20px;
}
.review-box-content {
margin: 10px 0;
text-align: center;
}
.review-box-app .app-img {
width: 30px;
height: 30px;
display: inline-block;
margin-right: 5px;
margin-bottom: auto;
}
.review-box-app .app-img:last-child {
margin-right: 0;
}
.text-deposit {
display: inline-block;
color: #23afb1;
margin-right: 5px;
}
.review-box .main-btn {
width: 100%;
text-align: center;
}
.review-box-rating span {
display: inline-block;
color: #FC0;
font-size: 26px;
}
.review-box-rating span.empty {
color: #bbb;
position: relative;
}
.review-box-rating span.rate {
position: absolute;
top: 0;
left: 0;
height: 100%;
overflow: hidden;
}
.review-box .left-content {
border-right: 1px solid #e5e5e5;
flex-direction: column;
margin-bottom: 10px;
}
.review-box .item {
margin-bottom: 10px;
}
.review-box .item-title {
font-size: 12px;
font-weight: bold;
}
.review-box .item-icon {
width: 33px;
height: 33px;
display: block;
margin: 0 auto 5px;
background: url(/wp-content/uploads/2018/01/review-icons.png) no-repeat;
}
.review-box .item-icon-games {
background-position: 0 -33px;
}
.review-box .item-icon-flag {
background-position: 0 -66px;
}
/* AFF Table */
.aff-table {
margin-bottom: 20px;
padding-left: 15px;
padding-right: 15px;
counter-reset: img-nmbr;
}
.aff-table.single {
background: #f1f1f1;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.aff-table ol {
margin: 0;
padding: 0;
}
.aff-table .flex-center,
.widget-calc-table .flex-center {
flex-direction: column;
}
.aff-table p {
margin-bottom: 0;
}
.aff-table-heading {
color: #fff;
background: #20b2d6;
text-transform: uppercase;
text-align: center;
padding: 15px 0;
font-weight: bold;
border-bottom: 2px solid #F3F3F8;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
margin-bottom: 5px;
}
.aff-table-row {
padding: 10px 0;
background: #f5f5f5;
margin-top: 5px;
margin-bottom: 5px;
}
.aff-table-row:nth-child(2n) {
background: #e8faff;
}
.aff-table-row:nth-child(2n) {
background: #eaf9fe;
}
.aff-table-img-box {
margin-left: 50px;
width: calc(100% - 50px);
position: relative;
}
.aff-table-img-box.black {
background: #000;
}
.aff-table-img-box.dark-red {
background: #480604;
}
.aff-table-img-box.purple {
background: #55217d;
}
.aff-table-img-box.pink {
background: #c42956;
}
.aff-table-img-box.orange {
background: #fe6a00;
}
.aff-table-img-box a {
display: block;
width: 100%;
padding: 20px 0;
text-align: center;
box-shadow: 3px 3px 3px #eee;
}
.aff-table-img-box:before {
counter-increment: img-nmbr;
content: counter(img-nmbr);
position: absolute;
left: -40px;
font-size: 28px;
top: calc(50% - 24px);
color: #666;
font-weight: bold;
}
.aff-table-row:nth-child(2n) .aff-table-img-box:before {
color: #20b2d6;
}
.aff-table-row:nth-child(10) .aff-table-img-box:before {
left: -50px;
}
.aff-table-rating {
text-align: center;
}
@media (min-width: 992px) {
.aff-table-rating {
display: flex !important;
}
}
.aff-table-rated-by {
color: #999;
font-size: 13px;
}
.aff-table-bonus {
display: block;
font-size: 13px;
line-height: 26px;
text-align: center;
font-weight: bold;
color: #666;
}
.aff-table.single .aff-table-bonus {
font-size: 16px;
line-height: 44px;
color: #656565;
}
.aff-table-bonus span {
display: block;
font-size: 30px;
min-width: 90px;
}
.aff-table.single .aff-table-bonus span {
font-size: 34px;
padding-left: 22px;
line-height: 22px;
background: url(/wp-content/themes/roulettegames/images/icon-gift.png) no-repeat left bottom/ 22px;
}
.aff-table .playNow {
padding: 20px 15px;
}
.aff-table-review {
display: block;
text-align: center;
color: #666;
border-bottom: 1px dotted black;
font-size: 14px;
margin-bottom: 5px;
}
.aff-table-review:hover {
color: #ff8939;
}
.aff-table-feat {
margin: 5px 0;
padding: 0;
}
.aff-table-feat li {
font-size: 13px;
color: #4d4d4d;
position: relative;
text-align: left !important;
margin-bottom: 0 !important;
}
ul.aff-table-feat li:before {
content: url(/wp-content/themes/roulettegames/images/features-icon.svg);
width: 20px;
height: 20px;
position: relative;
top: 4px;
}
.aff-table-link {
display: block;
margin-bottom: 5px;
color: #20B2D6;
}
/* HTML Tooltip */
.aff-table-tooltip {
position: relative;
display: block;
border-bottom: 1px dotted #FF8939;
font-weight: normal;
line-height: 1.5;
}
.aff-table-tooltip .aff-table-tooltip-text {
visibility: hidden;
overflow: hidden;
width: 280px;
color: #676767;
text-align: justify;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
padding: 5px 0;
border: 1px solid #e6e6e6;
background: #fff;
font-size: 13px;
padding: 10px;
line-height: 1.4;
box-shadow: 3px 3px 3px #eee;
cursor: initial;
/* Position the tooltip */
position: absolute;
z-index: 1;
top: 100%;
left: 50%;
margin-left: -140px;
}
.aff-table-tooltip .aff-table-tooltip-brand {
background: #000;
margin: -10px -10px;
text-align: center;
padding: 15px 0;
}
.aff-table-tooltip .aff-table-tooltip-offer {
text-align: center;
margin: 20px 0 10px 0;
font-weight: bold;
font-size: 20px;
}
.aff-table-tooltip .aff-table-tooltip-offer-info {
margin: 0 0 10px 0;
}
.aff-table-tooltip:hover {
color: #ff8939;
cursor: pointer;
}
.aff-table-tooltip:hover .aff-table-tooltip-text {
visibility: visible;
}
/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
position: relative;
z-index: 2;
cursor: help;
border-bottom: 1px dotted;
}
/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
pointer-events: none;
}
/* Position tooltip above the element */
[data-tooltip]:before {
position: absolute;
bottom: 150%;
left: 50%;
margin-bottom: 5px;
margin-left: -80px;
padding: 7px;
width: 160px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #000;
background-color: hsla(0, 0%, 20%, 0.9);
color: #fff;
content: attr(data-tooltip);
text-align: center;
font-size: 14px;
line-height: 1.2;
}
/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
position: absolute;
bottom: 150%;
left: 50%;
margin-left: -5px;
width: 0;
border-top: 5px solid #000;
border-top: 5px solid hsla(0, 0%, 20%, 0.9);
border-right: 5px solid transparent;
border-left: 5px solid transparent;
content: " ";
font-size: 0;
line-height: 0;
}
/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
/*********************
* Widget Bonus Calc *
*********************/
.widget-calc-table {
background: #F0FCFF;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
padding-bottom: 15px;
margin-bottom: 20px;
padding-left: 15px;
padding-right: 15px;
counter-reset: img-nmbr;
}
.widget-calc-table-heading {
color: #fff;
background: #20b2d6;
text-transform: uppercase;
text-align: center;
padding: 15px 0;
font-weight: bold;
border-bottom: 2px solid #F3F3F8;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
margin-bottom: 5px;
}
.widget-calc-table-heading img {
width: 20px !important;
margin-top: -4px;
}
.widget-calc-table .form-row .main-btn {
width: 100%;
padding: 8px;
margin-top: -8px;
-webkit-border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-topleft: 0;
-moz-border-radius-bottomleft: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
font-size: 17px;
}
.widget-calc-table .form-row #bankrollAmount {
padding: 5px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border-right: 0;
}
.widget-calc-table ol {
margin: 0;
padding: 0;
background: #fff;
border: 1px solid #e6e6e6;
}
.widget-calc-table-row {
padding: 10px 0;
margin-top: 5px;
margin-bottom: 5px;
margin: 5px 0;
border-bottom: 1px solid #e6e6e6;
}
.widget-calc-table-row:last-child {
border: none;
}
.widget-calc-table-row .main-btn {
font-size: 18px;
padding: 20px;
display: block;
width: 100%;
}
.widget-calc-table-img-box {
background: #000;
position: relative;
width: 100%;
}
.widget-calc-table-img-box a {
display: block;
width: 100%;
padding: 20px 0;
text-align: center;
box-shadow: 3px 3px 3px #eee;
}
.widget-calc-table-brand-name {
text-transform: uppercase;
width: 100%;
color: #555;
}
.widget-calc-table-brand-name::before {
counter-increment: img-nmbr;
content: counter(img-nmbr)'.';
}
.widget-calc-table-brand-name img {
max-height: 20px;
margin-top: -3px;
max-width: 20px;
}
.widget-calc-table-bonus {
display: block;
font-size: 13px;
line-height: 26px;
text-align: center;
font-weight: bold;
color: #FF8939;
margin: 5px 0 0px 0;
}
.widget-calc-table-bonus span {
font-size: 26px;
}
.widget-calc-table-bonus-text {
color: #666;
line-height: 1.2;
font-size: 13px;
font-weight: bold;
}
.widget-calc-table-bonus .aff-table-tooltip-offer-info {
font-weight: normal;
}
.widget-calc-table-review {
display: block;
text-align: center;
color: #666;
border-bottom: 1px dotted black;
font-size: 14px;
margin-bottom: 5px;
}
/***********
* Filters *
************/
.entry-content .casino-filters {
display: none;
}
.entry-content .side-filters .casino-filters {
display: block;
}
.casino-filters .btn-light {
color: #333 !important;
font-weight: bold;
background-color: #eaf9fe;
border-color: #eaf9fe;
}
.casino-filters .btn-light.bs-placeholder {
color: #666 !important;
font-weight: normal;
}
.casino-filters .dropdown {
margin-bottom: 10px;
}
.casino-filters .bootstrap-select .dropdown-menu .inner {
background: transparent;
}
.casino-filters .bootstrap-select .dropdown-menu .inner:before {
content: none;
}
.casino-filters .bootstrap-select .dropdown-menu li:before {
content: none;
}
.casino-filters .bootstrap-select .dropdown-menu li a {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.casino-filters .dropdown-item {
display: block;
width: 100%;
padding: .25rem 1.5rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
}
.casino-filters .dropdown-item.active, .casino-filters .dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #20B2D6;
}
.casino-filters .btn-clear-filters {
background: #FF8939;
color: #fff;
font-weight: bold;
text-transform: uppercase;
max-width: calc(100% - 30px);
margin-left: 15px;
}
.casino-filters .btn-clear-filters:hover {
opacity: 0.9;
}
@media (max-width: 767px) {
.entry-content .casino-filters {
display: block;
}
.entry-content .side-filters .casino-filters {
display: none;
}
.entry-content #sb-quick-links ul {
margin-left: 0;
}
.entry-content #sb-quick-links ul li {
width: 49.5%;
display: inline-block;
}
}
/***************
* Brand Cards *
****************/
.cardsList {
margin-top: 20px;
margin-bottom: 20px;
padding: 0;
list-style: none;
counter-reset: brand;
}
.cardsList .cardsItem {
counter-increment: brand;
margin-bottom: 15px;
}
.cardsList .cardsItem .cardsItemBody {
background: #656565;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.cardsList .cardsItem a,
.cardsList .cardsItem span.itemPlay {
color: #fff;
cursor: pointer;
}
.cardsList .cardsItem .itemName {
text-align: center;
background: #333;
padding: 10px 0;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.cardsList .cardsItem .itemName::before {
content: counter(brand)'.';
margin-right: 5px;
color: #fff;
}
.cardsList .cardsItem .itemLogo {
background: #000;
text-align: center;
padding: 5px 0;
margin: 0 0 5px 0;
}
.cardsList .cardsItem .itemReadReview {
text-align: center;
color: #ffb061;
text-transform: uppercase;
font-size: 14px;
}
.cardsList .cardsItem .itemInfo {
color: #fff;
font-size: 12px;
padding: 10px 5px;
}
.cardsList .cardsItem .itemInfo .itemInfoEl {
margin: 2px 0;
padding: 2px 5px;
clear: both;
border-bottom: 1px solid #555;
}
.cardsList .cardsItem .itemInfo .itemInfoEl span {
float: right;
font-weight: bold;
}
.cardsList .cardsItem .itemPlay {
display: block;
padding: 10px 0;
background: #e85151;
text-transform: uppercase;
text-align: center;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.cardsList .cardsitem .itemPlay:hover {
background: #D32B2B;
}
@media (max-width: 992px) {
.author-p:after {
display: none;
}
.cardsList .cardsItem .itemReadReview {
font-size: 10px;
}
.cardsList .cardsItem .itemInfo {
font-size: 8px;
}
.widget-calc-table .form-row #bankrollAmount {
width: 150px;
}
.widget-calc-table-img-box a {
padding: 15px 0;
}
}
/***********
* Footer *
***********/
.back-to-top {
position: fixed;
right: 15px;
bottom: 15px;
background: rgba(0, 0, 0, 0.5);
background: rgba(244, 151, 108, 0.5);
width: 50px;
height: 50px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.back-to-top:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 20px 10px;
border-color: transparent transparent rgba(255, 255, 255, 0.5) transparent;
}
.site-footer {
background: #20B2D6;
padding: 20px 0;
color: #fff;
}
.site-footer a {
color: #fff;
}
.text-footer {
font-size: 13px;
text-align: justify;
border-bottom: 1px solid;
padding-bottom: 5px;
margin-bottom: 5px;
}
.gamble-aware{
float: right;
text-align: right;
}
footer .widget_nav_menu ul {
margin: 0;
}
footer .widget_nav_menu ul li {
display: inline-block;
margin-right: 10px;
}
footer .widget_nav_menu ul li:last-child {
margin-right: 0;
}
footer .widget_nav_menu ul li a:hover {
opacity: 0.85;
}
/* Pagination */
.pagination {
clear:both;
position:relative;
font-size:11px;
line-height:13px;
float:right;
}
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
-webkit-transition: background .15s ease-in-out;
-moz-transition: background .15s ease-in-out;
-ms-transition: background .15s ease-in-out;
-o-transition: background .15s ease-in-out;
transition: background .15s ease-in-out;
}
.pagination a:hover{
color:#fff;
background: #23afb1;
}
.pagination .current{
padding:6px 9px 5px 9px;
background: #23afb1;
color:#fff;
}
ul.pagination li:before {
content: none;
}
/* --- Casino Reviews --- */
.review-jump-to-section {
background: #fff;
padding: 5px 5px;
text-align: center;
border: 1px solid #23AFB1;
counter-reset: a;
margin: 15px 0;
}
ul.review-jump-to-section li {
display: inline-block;
}
ul.review-jump-to-section li:after {
content: '|';
}
ul.review-jump-to-section li:before, ul.review-jump-to-section li:last-child:after {
content: none;
}
ul.review-jump-to-section li a {
color: #23AFB1;
font-weight: bold;
}
.important-note {
border: 1px solid #e1e0e5;
margin: 10px 0;
}
.inner {
display: block;
position: relative;
background: #eee;
padding: 10px;
border: 1px solid #fff;
text-align: justify;
}
.inner:before {
display: block;
content: '';
width: 64px;
height: 64px;
float: left;
margin-right: 10px;
}
.inner h3 {
clear: none;
}
.inner p:last-child {
margin-bottom: 0;
}
/* btgam.css */
.brdrgd img.alignnone {
display: block;
margin-left: auto;
margin-right: auto;
}
.brdrgd img, .multipleCol img {
width: 200px;
}
.brdrgd .extra-width-image {
width: 250px;
}
.brdrgd .roulette-image-full-width {
width: 606px;
}
.brdrgd h3 {
max-width: 606px;
}
h3.hdnggd {
text-align: left;
}
.multipleCol h3 {
margin-bottom: 0;
padding: 5px;
margin-left: auto;
margin-right: auto;
text-align: center
}
h3.hdnggd a {
color: inherit;
}
.seeMore {
color: #336699;
font-size: 18px;
text-align: center;
position: relative;
margin-bottom: 20px;
text-transform: uppercase;
clear: both;
}
.multipleCol .seeMore {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 5px auto;
}
.seeMore a {
display: inline-block;
padding: 5px 20px;
cursor: pointer;
background: #04A8CE;
border-radius: 4px;
border-bottom-right-radius: 0;
color: #fff;
position: relative;
}
.seeMore a.readReviewButton {
margin-left: 20px;
background: #E08347;
}
.seeMore a.readReviewButton:after {
border-color: #E08347 transparent transparent transparent;
}
.seeMore a:after {
/*content: '';*/
position: absolute;
top: 100%;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 8px 40px 0 80px;
border-color: #04A8CE transparent transparent transparent;
}
.seeMore a:hover, .seeMore a.active, .showMore.active .faqMore {
color: #fff;
background: #20B2D6;
}
.seeMore a:hover:after, .seeMore a.active:after {
border-color: #20B2D6 transparent transparent transparent;
}
.seeMore a.readReviewButton:hover, .seeMore a.readReviewButton.active {
color: #fff;
background: #FFA970;
}
.seeMore a.readReviewButton:hover:after, .seeMore a.readReviewButton.active:after {
border-color: #FFA970 transparent transparent transparent;
}
.showMoreText {
background: #eaf9fe;
color: #363538;
padding-top: 7px;
padding-bottom: 1px;
margin: 10px auto;
}
.hdngShowMore {
font-size: 20px;
color: #ffffff;
text-align: center;
display: block;
background: #FFA970;
padding: 0 1px;
position: relative;
margin-bottom: 5px;
margin-left: -32px;
margin-right: -32px;
}
.hdngShowMore:after {
content: "";
position: absolute;
right: 0;
width: 0;
height: 0;
bottom: -34px;
border-top: 25px solid #E08347;
border-right: 17px solid transparent;
padding-bottom: 9px;
}
.hdngShowMore:before {
content: "";
position: absolute;
left: 0;
width: 0;
height: 0;
bottom: -34px;
border-top: 25px solid #e08347;
border-left: 17px solid transparent;
padding-bottom: 9px;
}
p.equalHeight {
margin-bottom: 3em;
}
.faqMore {
position: relative;
background: #20B2D6;
padding: 7px 25px 7px 10px;
cursor: pointer;
border-radius: 4px;
color: #fff;
}
.faqMore:after {
position: absolute;
width: 17px;
height: 17px;
right: 10px;
top: 0;
bottom: 0;
margin: auto;
content: '';
display: block;
background: url('/wp-content/uploads/2017/08/plus-hover-symbol.png');
opacity: 0.8;
}
.faqMore h3 {
font-size: 16px;
margin-bottom: 0;
color: #fff;
}
.showMore.active .faqMore:after {
opacity: 1;
}
.hdngShowMore.eurograndTitle {
background: #FFDF43;
margin-top: 10px;
color: #000;
}
.hdnggd.eurograndTitle {
color: #FFDF43;
}
.hdngShowMore.eurograndTitle:before {
border-top: 25px solid rgb(191, 166, 41);
}
.hdngShowMore.eurograndTitle:after {
border-top: 25px solid rgb(191, 166, 41);
}
.hdnggd.yakoTitle {
color: #662D91;
}
.hdngShowMore.yakoTitle {
background: #662D91;
color: #fff;
margin-top: 10px;
}
.hdngShowMore.yakoTitle:before {
border-top: 25px solid rgb(50, 19, 74);
}
.hdngShowMore.yakoTitle:after {
border-top: 25px solid rgb(50, 19, 74);
}
.hdngShowMore.royalPandaTitle {
background: #9D0D17;
color: #fff;
margin-top: 10px;
}
.hdnggd.royalPandaTitle {
color: #9D0D17;
}
.hdngShowMore.royalPandaTitle:before {
border-top: 25px solid rgb(103, 11, 17);
}
.hdngShowMore.royalPandaTitle:after {
border-top: 25px solid rgb(103, 11, 17);
}
.hdnggd.codetaTitle {
color: #C80A13;
}
.hdngShowMore.codetaTitle {
background: #C80A13;
color: #fff;
margin-top: 10px;
}
.hdngShowMore.codetaTitle:before {
border-top: 25px solid rgb(144, 6, 12);
}
.hdngShowMore.codetaTitle:after {
border-top: 25px solid rgb(144, 6, 12);
}
.hdngShowMore.redTitle {
background: #FC0134;
color: #fff;
margin-top: 10px;
}
.hdnggd.redTitle {
color: #FC0134;
}
.hdngShowMore.redTitle:before {
border-top: 25px solid rgb(195, 8, 46);
}
.hdngShowMore.redTitle:after {
border-top: 25px solid rgb(195, 8, 46);
}
.hdnggd.williamHillTitle {
color: #01133B;
}
.hdngShowMore.williamHillTitle {
background: #01133B;
color: #EFDD0D;
margin-top: 10px;
}
.hdngShowMore.williamHillTitle:before {
border-top: 25px solid rgb(35, 76, 117);
}
.hdngShowMore.williamHillTitle:after {
border-top: 25px solid rgb(35, 76, 117);
}
.hdngShowMore.leoVegasTitle {
background: #F16846;
color: #fff;
margin-top: 10px;
}
.hdnggd.leoVegasTitle {
color: #F16846;
}
.hdngShowMore.leoVegasTitle:before {
border-top: 25px solid rgba(86, 40, 35, 0.8);
}
.hdngShowMore.leoVegasTitle:after {
border-top: 25px solid rgba(86, 40, 35, 0.8);
}
.hdnggd.casinoComTitle {
color: #FF8A00;
}
.hdngShowMore.casinoComTitle {
background: #FF8A00;
color: #FFFFFD;
margin-top: 10px;
}
.hdngShowMore.casinoComTitle:before {
border-top: 25px solid rgba(86, 40, 35, 0.8);
}
.hdngShowMore.casinoComTitle:after {
border-top: 25px solid rgba(86, 40, 35, 0.8);
}
.hdnggd.karambaTitle {
color: #b7b6bb;
}
.hdngShowMore.karambaTitle {
background: #b7b6bb;
color: #4E4992;
margin-top: 10px;
}
.hdngShowMore.karambaTitle:before {
border-top: 25px solid rgb(104, 102, 111);
}
.hdngShowMore.karambaTitle:after {
border-top: 25px solid rgb(104, 102, 111);
}
.hdnggd.betTitle {
color: #14805E;
}
.hdngShowMore.betTitle {
background: #14805E;
color: #FFE500;
margin-top: 10px;
}
.hdngShowMore.betTitle:before {
border-top: 25px solid rgb(18, 80, 61);
}
.hdngShowMore.betTitle:after {
border-top: 25px solid rgb(18, 80, 61);
}
.hdnggd.cherryCasinoTitle {
color: #303839;
}
.hdngShowMore.cherryCasinoTitle {
background: #303839;
color: #F0EED7;
margin-top: 10px;
}
.hdngShowMore.cherryCasinoTitle:before {
border-top: 25px solid rgb(32, 38, 39);
}
.hdngShowMore.cherryCasinoTitle:after {
border-top: 25px solid rgb(32, 38, 39);
}
.hdnggd.videoSlotsTitle {
color: #C8C8C8;
}
.hdngShowMore.videoSlotsTitle {
background: #C8C8C8;
color: #A77C21;
margin-top: 10px;
}
.hdngShowMore.videoSlotsTitle:before {
border-top: 25px solid rgb(146, 142, 142);
}
.hdngShowMore.videoSlotsTitle:after {
border-top: 25px solid rgb(146, 142, 142);
}
.hdnggd.allBritishCasinoTitle {
color: #1E4F98;
}
.hdngShowMore.allBritishCasinoTitle {
background: #1E4F98;
color: #fff;
margin-top: 10px;
}
.hdngShowMore.allBritishCasinoTitle:before {
border-top: 25px solid rgb(13, 52, 109);
}
.hdngShowMore.allBritishCasinoTitle:after {
border-top: 25px solid rgb(13, 52, 109);
}
.hdnggd.gutsTitle {
color: #000;
}
.hdngShowMore.gutsTitle {
background: #E9E5E2;
color: #EF002A;
margin-top: 10px;
}
.hdngShowMore.gutsTitle:before {
border-top: 25px solid rgb(146, 142, 142);
}
.hdngShowMore.gutsTitle:after {
border-top: 25px solid rgb(146, 142, 142);
}
.hdnggd.casumoTitle {
color: #000000
}
.hdngShowMore.casumoTitle {
background: #000000;
color: #FFFFFF;
margin-top: 10px;
}
.hdngShowMore.casumoTitle:before {
border-top: 25px solid rgb(66, 64, 64);
}
.hdngShowMore.casumoTitle:after {
border-top: 25px solid rgb(66, 64, 64);
}
.hdnggd.energyTitle {
color: #000000;
}
.hdngShowMore.energyTitle {
background: #000000;
color: #FDD106;
margin-top: 10px;
}
.hdngShowMore.energyTitle:before {
border-top: 25px solid rgb(66, 64, 64);
}
.hdngShowMore.energyTitle:after {
border-top: 25px solid rgb(66, 64, 64);
}
.hdngShowMore.betfairTitle {
background: #FFB80C;
color: #000;
margin-top: 10px;
}
.hdnggd.betfairTitle {
color: #FFB80C;
}
.hdngShowMore.betfairTitle:before {
border-top: 25px solid rgb(183, 131, 7);
}
.hdngShowMore.betfairTitle:after {
border-top: 25px solid rgb(183, 131, 7);
}
.hdngShowMore.interCasinoTitle {
background: #023141;
color: #fff;
margin-top: 10px;
}
.hdnggd.interCasinoTitle {
color: #023141;
}
.hdngShowMore.interCasinoTitle:before {
border-top: 25px solid rgb(1, 31, 41);
}
.hdngShowMore.interCasinoTitle:after {
border-top: 25px solid rgb(1, 31, 41);
}
.hdngShowMore.mrGreenTitle {
background: #18723C;
color: #fff;
margin-top: 10px;
}
.hdnggd.mrGreenTitle {
color: #18723C;
}
.hdngShowMore.mrGreenTitle:before {
border-top: 25px solid #10542C;
}
.hdngShowMore.mrGreenTitle:after {
border-top: 25px solid #10542C;
}
.hdnggd.ladbrokesTitle {
color: #E82E1B;
}
.hdngShowMore.ladbrokesTitle {
background: #E82E1B;
color: #fff;
margin-top: 10px;
}
.hdngShowMore.ladbrokesTitle:before {
border-top: 25px solid #BB1A09;
}
.hdngShowMore.ladbrokesTitle:after {
border-top: 25px solid #BB1A09;
}
.hdngShowMore.unibetTitle {
background: #3AAA35;
color: #fff;
margin-top: 10px;
}
.hdnggd.unibetTitle {
color: #3AAA35;
}
.hdngShowMore.unibetTitle:before {
border-top: 25px solid #147B45;
}
.hdngShowMore.unibetTitle:after {
border-top: 25px solid #147B45;
}
.hdngShowMore.paddyPowerTitle {
background: #006B57;
color: #fff;
margin-top: 10px;
}
.hdnggd.paddyPowerTitle {
color: #006B57;
}
.hdngShowMore.paddyPowerTitle:before {
border-top: 25px solid #005340;
}
.hdngShowMore.paddyPowerTitle:after {
border-top: 25px solid #005340;
}
.hdnggd.betSpinTitle {
color: #F1605C;
}
.hdngShowMore.betSpinTitle {
background: #F1605C;
color: #E6E3D2;
margin-top: 10px;
}
.hdngShowMore.betSpinTitle:before {
border-top: 25px solid #9E2B27;
}
.hdngShowMore.betSpinTitle:after {
border-top: 25px solid #9E2B27;
}
.hdnggd.netBetTitle {
color: #C62026;
}
.hdngShowMore.netBetTitle {
background: #C62026;
color: #fff;
margin-top: 10px;
}
.hdngShowMore.netBetTitle:before {
border-top: 25px solid #6D1114;
}
.hdngShowMore.netBetTitle:after {
border-top: 25px solid #6D1114;
}
.hdnggd.rizkTitle {
color: #EF4136;
}
.hdngShowMore.rizkTitle {
background: #EF4136;
color: #FFE500;
margin-top: 10px;
}
.hdngShowMore.rizkTitle:before {
border-top: 25px solid #6D1114;
}
.hdngShowMore.rizkTitle:after {
border-top: 25px solid #6D1114;
}
.hdnggd.betsafeTitle {
color: #A10000;
}
.hdngShowMore.betsafeTitle {
background: #A10000;
color: #fff;
margin-top: 10px;
}
.hdngShowMore.betsafeTitle:before {
border-top: 25px solid #6D1114;
}
.hdngShowMore.betsafeTitle:after {
border-top: 25px solid #6D1114;
}
.hdnggd.casinolandTitle {
color: #041A25;
}
.hdngShowMore.casinolandTitle {
background: #041A25;
color: #fff;
margin-top: 10px;
}
.hdngShowMore.casinolandTitle:before {
border-top: 25px solid #00080C;
}
.hdngShowMore.casinolandTitle:after {
border-top: 25px solid #00080C;
}
.hdnggd.videoslotsTitle {
color: #B40000;
}
.hdngShowMore.videoslotsTitle {
background: #B40000;
color: #fff;
margin-top: 10px;
}
.hdngShowMore.videoslotsTitle:before {
border-top: 25px solid #860505;
}
.hdngShowMore.videoslotsTitle:after {
border-top: 25px solid #860505;
}
.hdnggd.miamiClubCasinoTitle {
color: #9B63B8;
}
.hdngShowMore.miamiClubCasinoTitle {
background: #9B63B8;
color: #F8F1EA;
margin-top: 10px;
}
.hdngShowMore.miamiClubCasinoTitle:before {
border-top: 25px solid #6E4086;
}
.hdngShowMore.miamiClubCasinoTitle:after {
border-top: 25px solid #6E4086;
}
.hdnggd.uptownAcesTitle {
color: #000;
}
.hdngShowMore.uptownAcesTitle {
background: #000;
color: #12CA95;
margin-top: 10px;
}
.hdngShowMore.uptownAcesTitle:before {
border-top: 25px solid #272626;
}
.hdngShowMore.uptownAcesTitle:after {
border-top: 25px solid #272626;
}
.hdnggd.casinoMaxTitle {
color: #AE7C31;
}
.hdngShowMore.casinoMaxTitle {
background: #AE7C31;
color: #fff;
margin-top: 10px;
}
.hdngShowMore.casinoMaxTitle:before {
border-top: 25px solid #795012;
}
.hdngShowMore.casinoMaxTitle:after {
border-top: 25px solid #795012;
}
.hdnggd.casinoActionTitle {
color: #000;
}
.hdngShowMore.casinoActionTitle {
background: #000;
color: #FFD912;
margin-top: 10px;
}
.hdngShowMore.casinoActionTitle:before {
border-top: 25px solid #292B06;
}
.hdngShowMore.casinoActionTitle:after {
border-top: 25px solid #292B06;
}
.hdnggd.intertopsTitle {
color: #E72D2F;
}
.hdngShowMore.intertopsTitle {
background: #E72D2F;
color: #fff;
margin-top: 10px;
}
.hdngShowMore.intertopsTitle:before {
border-top: 25px solid #8E1617;
}
.hdngShowMore.intertopsTitle:after {
border-top: 25px solid #8E1617;
}
.hdnggd.goldenTigerTitle {
color: #820E0D;
}
.hdngShowMore.goldenTigerTitle {
background: #820E0D;
color: #ECCA28;
margin-top: 10px;
}
.hdngShowMore.goldenTigerTitle:before {
border-top: 25px solid #5F1414;
}
.hdngShowMore.goldenTigerTitle:after {
border-top: 25px solid #5F1414;
}
.hdnggd.casinoExtremeTitle {
color: #070707;
}
.hdngShowMore.casinoExtremeTitle {
background: #070707;
color: #E8E9EA;
margin-top: 10px;
}
.hdngShowMore.casinoExtremeTitle:before {
border-top: 25px solid #171515;
}
.hdngShowMore.casinoExtremeTitle:after {
border-top: 25px solid #171515;
}
.hdnggd.luxuryCasinoTitle {
color: #0A0A0A;
}
.hdngShowMore.luxuryCasinoTitle {
background: #0A0A0A;
color: #F4F4F4;
margin-top: 10px;
}
.hdngShowMore.luxuryCasinoTitle:before {
border-top: 25px solid #231F1F;
}
.hdngShowMore.luxuryCasinoTitle:after {
border-top: 25px solid #231F1F;
}
.hdnggd.ignitionCasinoTitle {
color: #363636;
}
.hdngShowMore.ignitionCasinoTitle {
background: #363636;
color: #E0E0E0;
margin-top: 10px;
}
.hdngShowMore.ignitionCasinoTitle:before {
border-top: 25px solid #252424;
}
.hdngShowMore.ignitionCasinoTitle:after {
border-top: 25px solid #252424;
}
.hdnggd.slotslvTitle {
color: #D60056;
}
.hdngShowMore.slotslvTitle {
background: #D60056;
color: #fff;
margin-top: 10px;
}
.hdngShowMore.slotslvTitle:before {
border-top: 25px solid #980540;
}
.hdngShowMore.slotslvTitle:after {
border-top: 25px solid #980540;
}
.hdnggd.slotasticTitle {
color: #000;
}
.hdngShowMore.slotasticTitle {
background: #000;
color: #EBCB44;
margin-top: 10px;
}
.hdngShowMore.slotasticTitle:before {
border-top: 25px solid #212020;
}
.hdngShowMore.slotasticTitle:after {
border-top: 25px solid #212020;
}
.hdnggd.bovadaTitle {
color: #000;
}
.hdngShowMore.bovadaTitle {
background: #000;
color: #CC0000;
margin-top: 10px;
}
.hdngShowMore.bovadaTitle:before {
border-top: 25px solid #212020;
}
.hdngShowMore.bovadaTitle:after {
border-top: 25px solid #212020;
}
.hdnggd.slotoCashTitle {
color: #000;
}
.hdngShowMore.slotoCashTitle {
background: #000;
color: #fff;
margin-top: 10px;
}
.hdngShowMore.slotoCashTitle:before {
border-top: 25px solid #212020;
}
.hdngShowMore.slotoCashTitle:after {
border-top: 25px solid #212020;
}
.hdnggd.yakoTitle a:hover {
color: #FBD532;
}
.hdnggd.slotslvTitle a:hover {
color: #DDD3DE;
}
.hdnggd.casinoMaxTitle a:hover {
color: #B70E16;
}
.hdnggd.ignitionCasinoTitle a:hover {
color: #FF4400;
}
.hdnggd.eurograndTitle a:hover {
color: #736413;
}
.hdnggd.cherryCasinoTitle a:hover {
color: #D4A19D;
}
.hdnggd.videoSlotsTitle a:hover {
color: #FFFF98;
}
.hdnggd.goldenTigerTitle a:hover {
color: #fff;
}
.hdnggd.luxuryCasinoTitle a:hover {
color: #9C9BA0;
}
.hdnggd.casinoActionTitle a:hover {
color: #fff;
}
.hdnggd.jackpotCityTitle {
color: #A40DA8;
}
.hdngShowMore.jackpotCityTitle {
background: #A40DA8;
color: #DEDFDE;
margin-top: 10px;
}
.hdngShowMore.jackpotCityTitle:before {
border-top: 25px solid #700473;
}
.hdngShowMore.jackpotCityTitle:after {
border-top: 25px solid #700473;
}
.hdnggd.betwayTitle {
color: #0055A5;
}
.hdngShowMore.betwayTitle {
background: #0055A5;
color: #fff;
margin-top: 10px;
}
.hdngShowMore.betwayTitle:before {
border-top: 25px solid #023B71;
}
.hdngShowMore.betwayTitle:after {
border-top: 25px solid #023B71;
}
.hdnggd.spinPalaceTitle {
color: #02122C;
}
.hdngShowMore.spinPalaceTitle {
background: #02122C;
color: #B2B7BF;
margin-top: 10px;
}
.hdngShowMore.spinPalaceTitle:before {
border-top: 25px solid #212020;
}
.hdngShowMore.spinPalaceTitle:after {
border-top: 25px solid #212020;
}
.hdnggd.mansionCasinoTitle {
color: #C60D11;
}
.hdngShowMore.mansionCasinoTitle {
background: #C60D11;
color: #FAF6F6;
margin-top: 10px;
}
.hdngShowMore.mansionCasinoTitle:before {
border-top: 25px solid #860609;
}
.hdngShowMore.mansionCasinoTitle:after {
border-top: 25px solid #860609;
}
.netEntTitle {
text-align: center;
color: #5B8B15;
margin-top: 10px;
}
.playtechTitle {
text-align: center;
color: #1F2C4F;
margin-top: 10px;
}
.microgamingTitle {
text-align: center;
color: #58B8D1;
margin-top: 10px;
}
.igtTitle {
text-align: center;
color: #fccc03;
margin-top: 10px;
}
.tableGuide {
width: 100%;
color: #193754;
font-size: 14px;
}
.tableGuide caption {
background: #A3C8EC;
color: #163C63;
text-align: center;
font-size: 15px;
padding: 5px;
font-weight: bold;
}
.tableGuide th {
color: #1F4E7D;
font-weight: bold;
font-size: 14px;
}
.tableBlackjackStrategy {
width: 100%;
color: #10315E;
}
.tableBlackjackStrategy caption {
color: #363538;
text-align: center;
font-size: 15px;
padding: 5px;
font-weight: bold;
caption-side: top;
}
.tableBlackjackStrategy th {
color: #363538;
font-weight: bold;
}
.tableBlackjackStrategy td:first-child, tr.tableSubheading {
color: #363538;
font-weight: bold;
}
.tableBlackjackStrategy td, .tableBlackjackStrategy th {
text-align: center;
}
.tableBlackjackStrategy tr:nth-child(2n) {
background: rgb(234, 249, 254);
}
.tableGuide td, .tableGuide th {
text-align: center;
}
.tableSubheading td:nth-child(2n) {
background: rgb(251, 251, 251) none repeat scroll 0 0;
}
.bjhit {
background: #FFDE92;
color: #40454a;
border: 1px solid #FFEDC3;
}
.bjstand {
background: #90FCAC;
color: #40454a;
border: 1px solid #C3FED3;
}
.bjdbl {
border: 1px solid #FFCAC3;
background: #FF9F92;
color: #40454a;
}
.bjsplit {
background: #92E6FA;
color: #40454a;
border: 1px solid #C4F3FE;
}
.bjplustwo {
background: #199A19;
color: #363B40;
}
.bjminustwo {
background: #E63939;
color: #363B40;
}
.tableBaccaratRules th, .tableBaccaratRules td {
text-align: center;
border-bottom: 1px solid #0e0e0e1c;
}
.tableBaccaratRules th {
background: #1EB2D6;
color: #fff;
}
.tableBaccaratRules td {
background-color: #c6f9f24a;
}
.tableBaccaratRules .heading {
background-color: #cdf5ff;
}
.tableBaccaratRules td.card-value {
background: #FFDE92;
color: #40454a;
border: 1px solid #FFEDC3;
}
.tableBaccaratRules td.hit {
background: #FF9F92;
color: #40454a;
border: 1px solid #FFCAC3;
}
.tableBaccaratRules td.stand {
background: #90FCAC;
color: #40454a;
border: 1px solid #C3FED3;
}
.page-id-56668 ul.intrlnkng {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.intrlnkng li {
list-style: none;
position: relative;
padding: 5px 0 0 0;
border-bottom: 1px solid #e3a77f;
}
.intrlnkng li.tickpg {
background: url(/wp-content/uploads/2017/09/tick-symbol.png) no-repeat left;
}
.intrlnkng li:before {
content: "";
width: 18px;
height: 18px;
top: 0;
bottom: 0;
left: 0;
background: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin: auto;
position: absolute;
}
.intrlnkng li:hover:before {
background-image: url(/wp-content/uploads/2019/01/checkmark.png);
}
ul.intrlnkng {
position: relative;
padding: 50px 20px 20px 20px;
margin: 20px 0;
background: url(/wp-content/uploads/2019/01/chips.svg) no-repeat center/cover #f7e3d6;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
}
ul.intrlnkng div {
display: block;
text-align: center;
font-size: 24px;
color: #FFA970;
font-weight: 500;
}
ul.intrlnkng:after {
/*content: "";*/
position: absolute;
background: url(/wp-content/uploads/2017/09/pen-symbol.png) no-repeat center/contain;
top: 0;
bottom: 0;
right: 0;
width: 60px;
height: 69px;
}
ul.intrlnkng li.title {
background-image: none;
border-bottom: none;
text-align: center;
font-weight: bold;
color: #92400c;
position: absolute;
top: 7px;
left: 0;
right: 0;
}
ul.intrlnkng li.title::before {
display: none;
}
#main ul.intrlnkng li.title {
font-size: 20px;
}
#main ul.intrlnkng li a {
color: #92400c;
margin-left: 23px;
}
#main ul.intrlnkng li.active {
background: url(/wp-content/uploads/2017/09/tick-symbol.png) no-repeat left;
}
#main ul.intrlnkng li.active a {
font-weight: bold;
color: #AAA;
}
.optn {
padding: 6px 0;
font-size: 16px;
display: flex;
color: #336699;
font-weight: bold;
}
.starfull {
background: url(/wp-content/uploads/2017/09/starfull.png) no-repeat left center/ contain;
height: 22px;
width: 40%;
display: block;
margin-left: 8px;
}
.starhalf {
background: url(/wp-content/uploads/2017/09/starhalf.png) no-repeat left center/ contain;
height: 22px;
width: 40%;
display: block;
margin-left: 8px;
}
.not-available-brand {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-align: justify;
padding: 10px;
background: #FFE7E5;
border: 1px solid #FFB4A8;
}
.not-available-brand a {
color: #1EB2D6;
font-weight: bold;
}
.csinf {
background: #fbe8a6;
border: 1px solid #D3BC6B;
margin: 10px 0;
padding: 6px;
text-align: center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.ftr {
color: #363538;
font-size: 16px;
font-weight: bold;
border-right: 1px solid #D3BC6B;
padding: 0 10px;
display: inline-block;
}
.ftr:last-child {
border-right: none;
}
.bx-wrapper, .bx-viewport {
max-height: 300px !important;
}
.bx-viewport {
left: 1px;
width: calc(100% - 2px) !important;
}
.bx-viewport .bxslider li a img {
width: 100%;
}
ul.bxslider {
margin: 0;
height: 300px;
overflow: hidden;
top: -5px;
margin-bottom: 20px;
}
ul.bxslider li:before {
content: none;
}
@media screen and (max-width: 540px) {
ul.bxslider {
height: 200px;
}
.bx-wrapper, .bx-viewport {
max-height: 200px !important;
}
}
/** — Deposit Methods Table — **/
.depositTitle {
font-weight: normal;
border-bottom: 2px solid #FFA970;
margin-bottom: 8px;
}
.depositTitle a {
font-size: 22px;
}
/** — Casino Games Table — **/
.gamesTitle {
font-weight: normal;
border-bottom: 2px solid #FFA970;
margin-bottom: 8px;
margin-top: 15px;
padding-bottom: 7px;
}
.gamesTitle a {
font-size: 22px;
}
.gamesDescription {
text-align: justify;
}
.gamesTable {
margin-bottom: 1.5em;
}
.gamesTable img:hover {
opacity: 0.85;
}
@media screen and (max-width: 580px) {
.ftr {
display: block;
border-right: none;
text-align: left;
}
}
/* WIDGETS */
/* widget-igaming-top-table */
#widget-igaming-top-table table {
width: 100%;
}
#widget-igaming-top-table table thead {
color: #fff;
background: #336699;
margin-bottom: 5px;
padding: 5px 0;
text-align: center;
text-shadow: 0 1px 0 #0c2c5f;
font-size: 14px;
font-weight: bold;
}
#widget-igaming-top-table table td {
vertical-align: middle;
padding: 7px 2px;
}
#widget-igaming-top-table table td img {
max-width: 100px;
vertical-align: middle;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#widget-igaming-top-table table tbody tr td:nth-child(2) {
text-align: center;
}
#widget-igaming-top-table a {
color: #252324;
}
#widget-igaming-top-table a.button {
display: inline;
color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 14px;
padding: 3px 7px;
text-align: center;
margin-bottom: 10px;
}
#widget-igaming-top-table a.button.open-account {
background: #f54706;
background: -moz-linear-gradient(top, #ffffff 0%, #fcb75d 5%, #f54706 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(5%,#fcb75d), color-stop(100%,#f54706));
background: -webkit-linear-gradient(top, #ffffff 0%,#fcb75d 5%,#f54706 100%);
background: -o-linear-gradient(top, #ffffff 0%,#fcb75d 5%,#f54706 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#fcb75d 5%,#f54706 100%);
background: linear-gradient(to bottom, #ffffff 0%,#fcb75d 5%,#f54706 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f54706',GradientType=0 );
border: 1px solid #f97b1f;
}
#widget-igaming-top-table a.button.open-account:hover {
background: #f54706;
opacity: 0.9;
}
@media (max-width: 867px) and (min-width: 801px) {
#widget-igaming-top-table table td img {
display: block;
}
}
/* widget-igaming-recommended */
#widget-igaming-recommended {
position: relative;
line-height: 1.5;
}
#widget-igaming-recommended h5.widget-title {
color: #fff;
background: #336699;
margin-bottom: 5px;
padding: 5px 0;
text-align: center;
text-shadow: 0 1px 0 #0c2c5f;
}
#widget-igaming-recommended ul.features-list {
font-family: 'Roboto Condensed','PT Sans', Arial, sans-serif;
float: left;
list-style: none;
margin: 5px 0;
padding: 0;
}
#widget-igaming-recommended ul.features-list li:before {
content: url('/wp-content/themes/roulettegames/images/sb-feature-bullet.png');
margin-right: 5px;
}
#widget-igaming-recommended ul.features-list li {
font-weight: bold;
font-size: 14px;
}
#widget-igaming-recommended ul.features-list li span.highlighted {
color: #ff7700;
font-size: 16px;
}
#widget-igaming-recommended .rbEl {
position: relative;
padding-top: 10px;
}
#widget-igaming-recommended .rbEl.mid {
background: #f2f2f2;
margin: 0 -10px;
padding: 10px;
}
#widget-igaming-recommended .sb-button-container {
position:absolute;
bottom:0;
right:0;
}
#widget-igaming-recommended .rbEl.mid .sb-button-container {
right: 10px;
}
#widget-igaming-recommended a.button {
color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: inline-block;
width: 110px;
font-size: 14px;
padding: 3px 0;
text-align: center;
margin-bottom: 10px;
}
#widget-igaming-recommended a.button.open-account {
background: #f54706;
background: -moz-linear-gradient(top, #ffffff 0%, #fcb75d 5%, #f54706 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(5%,#fcb75d), color-stop(100%,#f54706));
background: -webkit-linear-gradient(top, #ffffff 0%,#fcb75d 5%,#f54706 100%);
background: -o-linear-gradient(top, #ffffff 0%,#fcb75d 5%,#f54706 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#fcb75d 5%,#f54706 100%);
background: linear-gradient(to bottom, #ffffff 0%,#fcb75d 5%,#f54706 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f54706',GradientType=0 );
border: 1px solid #f97b1f;
}
#widget-igaming-recommended a.button.open-account:hover {
background: #f54706;
opacity: 0.9;
}
#widget-igaming-recommended a.button.read-review {
background: #0c2c5f;
background: -moz-linear-gradient(top, #ffffff 0%, #6898bf 5%, #0c2c5f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(5%,#6898bf), color-stop(100%,#0c2c5f));
background: -webkit-linear-gradient(top, #ffffff 0%,#6898bf 5%,#0c2c5f 100%);
background: -o-linear-gradient(top, #ffffff 0%,#6898bf 5%,#0c2c5f 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#6898bf 5%,#0c2c5f 100%);
background: linear-gradient(to bottom, #ffffff 0%,#6898bf 5%,#0c2c5f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0c2c5f',GradientType=0 );
border: 1px solid #153a6d;
}
#widget-igaming-recommended a.button.read-review:hover {
background: #0c2c5f;
opacity: 0.9;
}
.hidden {
display: none;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
ol.comment-list {
margin-left: 0;
}
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.comments-area {
padding: 10px;
background: #f0fcff;
margin-bottom: 40px;
}
.comments-area .comment-form-author, .comments-area .comment-form-email {
width: 49%;
float: left;
margin-bottom: 20px;
}
.comments-area .comment-form-author {
margin-right: 2%;
}
.comments-area input[type="submit"] {
font-family: 'Roboto Condensed', 'Roboto', sans-serif;
display: inline-block;
font-size: 14px;
line-height: 1.2;
font-weight: bold;
background: #ffb219;
color: #fff !important;
text-shadow: 1px 1px 0 #e5a016;
text-transform: uppercase;
box-shadow: 3px 3px 3px #eee;
text-align: center;
padding: 10px 15px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.comments-area input[type="submit"]:hover {
background: #e5a016;
color: #fff;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
/* Theme Footer (when set to scrolling) */
display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
display: inline-block;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}
.show-on-mobile {
display: none;
}
/* --- Roulette Layout --- */
.roulette-layout {
position: relative;
margin: 20px 0;
}
.roulette-layout input {
display: none;
}
.roulette-layout label {
margin-bottom: 0;
}
.roulette-layout-in label, .roulette-layout-out .b-out label, .roulette-layout-out label.square2-1 {
cursor: pointer;
}
.roulette-layout-in label:hover:before, .roulette-layout-out .b-out label:hover:before, .roulette-layout-out label.square2-1:hover:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 25px;
height: 25px;
background: #fff;
border-radius: 50%;
border: 4px dashed #23afb1;
z-index: 2;
}
.rl-box {
background: #2f4312;
padding: 10px 10px 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.roulette-layout .row {
margin: 0;
}
.roulette-layout .col-rl {
width: 14.162%;
position: relative;
border-top: 7px solid #fff;
}
.roulette-layout .col-custom {
width: 7.952%;
position: relative;
border-left: 7px solid #fff;
border-top: 7px solid #fff;
}
.roulette-layout .col-custom:first-child {
width: 7.082%;
}
.roulette-layout .col-custom .square {
width: 100%;
border-bottom: 7px solid #fff;
margin-bottom: 0;
height: 57px;
}
.roulette-layout .col-custom:before {
content: '';
position: absolute;
top: 100%;
display: block;
width: 100%;
height: 7px;
background: #fff;
}
.roulette-layout .col-custom:after {
content: '';
position: absolute;
width: 7px;
height: 7px;
background: #ffffff;
top: 100%;
right: 100%;
}
.roulette-layout .col-c2 {
border-right: 7px solid #fff;
}
.roulette-layout .col-c2 .square:last-child {
border-bottom: none;
height: 50px;
}
.roulette-layout .col-c2 .square:last-child:after {
content: '';
position: absolute;
width: 7px;
height: 7px;
background: #ffffff;
top: 100%;
left: 100%;
}
.square {
display: block;
background: #ce2007;
float: left;
width: 43.86%;
height: 50px;
position: relative;
line-height: 50px;
text-align: center;
font-size: 26px;
color: #fff;
}
.roulette-layout .col-custom .square-zero {
display: table;
background: #476817;
height: 164px;
border-bottom: none;
}
.square-zero span {
display: table-cell;
vertical-align: middle;
}
.square.black {
background: #101403;
}
.square2-1 {
background: #476817;
}
.line3 {
width: 50%;
height: 7px;
background: #fff;
position: relative;
}
.bottom-line3 {
position: absolute;
top: 100%;
width: 50%;
height: 7px;
background: #fff;
}
.bottom-line3-2 {
right: 0;
}
.line {
display: block;
background: #fff;
width: 7px;
max-width: 7px;
height: 50px;
float: left;
position: relative;
}
.mid-line, .mid-line-l, .bottom-mid-line, .bottom-mid-line-l, .bottom-line, .bottom-line-l {
position: absolute;
width: 7px;
height: 7px;
background: #eaeaea;
z-index: 999;
margin: auto;
}
.mid-line {
top: 50px;
left: 7px;
right: 0;
}
.mid-line-l {
top: 50px;
left: 0;
}
.bottom-mid-line {
top: 107px;
left: 7px;
right: 0;
}
.bottom-mid-line-l {
top: 107px;
left: 0;
}
.bottom-line {
top: 100%;
left: 7px;
right: 0;
}
.bottom-line-l {
top: 100%;
left: 0;
}
.b-out {
width: 85.84%;
margin-top: 7px;
margin-left: 7.082%;
border-right: 7px solid #fff;
}
.rect {
display: block;
background: #476817;
float: left;
width: 16.667%;
height: 50px;
line-height: 43px;
position: relative;
text-align: center;
font-size: 26px;
color: #fff;
border-bottom: 7px solid #fff;
border-left: 7px solid #fff;
}
.rect-12 {
width: 33.334%;
}
.rect-red {
background: #ce2007;
}
.rect-black {
background: #000;
}
/* --- Hover Light Areas --- */
.roulette-layout-in.act .mid-line-z:hover ~ .mid-square1, .roulette-layout-in.act .bottom-mid-line-z:hover ~ .bottom-square1,
.roulette-layout-in.act .bottom-line-z:hover ~ .square-l, .roulette-layout-in.act .line2:hover + .square, .act .square:not(.square2-1):hover,
.roulette-layout-in.act .line3-1:hover ~ .mid-square1, .roulette-layout-in.act .line3-2:hover ~ .mid-square2,
.roulette-layout-in.act .b-line3-1:hover ~ .bottom-square1, .roulette-layout-in.act .b-line3-2:hover ~ .bottom-square2,
.roulette-layout-in.act .bottom-line3-1:hover ~ .square-l, .roulette-layout-in.act .bottom-line3-2:hover ~ .square-r,
.roulette-layout-in.act .mid-line:hover ~ .mid-square, .roulette-layout-in.act .mid-line:hover ~ .top-square,
.roulette-layout-in.act .mid-line-l:hover ~ .top-square.square-l, .roulette-layout-in.act .mid-line-l:hover ~ .mid-square.square-l,
.roulette-layout-in.act .bottom-mid-line-l:hover ~ .mid-square.square-l, .roulette-layout-in.act .bottom-mid-line-l:hover ~ .bottom-square.square-l,
.roulette-layout-in.act .bottom-line-l:hover ~ .square-l, .roulette-layout-in.act .bottom-line:hover ~ .square,
.roulette-layout-in.act .bottom-mid-line:hover ~ .mid-square, .roulette-layout-in.act .bottom-mid-line:hover ~ .bottom-square,
#s21-r1:hover ~ .rl-box .s2-r1, #s21-r2:hover ~ .rl-box .s2-r2, #s21-r3:hover ~ .rl-box .s2-r3,
#rect-1st12:hover ~ .rl-box .st12, #rect-2nd12:hover ~ .rl-box .nd12, #rect-3rd12:hover ~ .rl-box .rd12,
#rect-black:hover ~ .rl-box .square.black, #rect-red:hover ~ .rl-box .square:not(.black):not(.square2-1):not(.square-zero),
#rect-18-1:hover ~ .rl-box .s-18-1, #rect-18-2:hover ~ .rl-box .s-18-2,
#rect-even:hover ~ .rl-box .even, #rect-odd:hover ~ .rl-box .odd,
.roulette-layout-in.act .line-z:hover + .square-zero,
.roulette-layout.static .line-z.chip + .square-zero,
.roulette-layout.static .mid-line-z.chip ~ .mid-square1, .roulette-layout.static .bottom-mid-line-z.chip ~ .bottom-square1, .roulette-layout.static .bottom-line-z.chip ~ .square-l,
.roulette-layout.static .line2.chip + .square, .square.chip:not(.square2-1),
.roulette-layout.static .line3-1.chip ~ .mid-square1, .roulette-layout.static .line3-2.chip ~ .mid-square2,
.roulette-layout.static .b-line3-1.chip ~ .bottom-square1, .roulette-layout.static .b-line3-2.chip ~ .bottom-square2,
.roulette-layout.static .bottom-line3-1.chip ~ .square-l, .roulette-layout.static .bottom-line3-2.chip ~ .square-r,
.roulette-layout.static .mid-line.chip ~ .mid-square, .roulette-layout.static .mid-line.chip ~ .top-square,
.roulette-layout.static .mid-line-l.chip ~ .top-square.square-l, .roulette-layout.static .mid-line-l.chip ~ .mid-square.square-l,
.roulette-layout.static .bottom-mid-line-l.chip ~ .mid-square.square-l, .roulette-layout.static .bottom-mid-line-l.chip ~ .bottom-square.square-l,
.roulette-layout.static .bottom-line-l.chip ~ .square-l,
.roulette-layout.static .bottom-line.chip ~ .square,
.roulette-layout.static .bottom-mid-line.chip ~ .mid-square, .roulette-layout.static .bottom-mid-line.chip ~ .bottom-square,
.chip:not(.line):not(.line3):not(.line-z) {
-webkit-box-shadow: inset 0px 0px 20px 5px rgb(224, 204, 167);
-moz-box-shadow: inset 0px 0px 20px 5px rgb(224, 204, 167);
box-shadow: inset 0px 0px 20px 5px rgb(224, 204, 167);
}
.roulette-layout-in.act .mid-line-z:hover ~ .mid-square1:after, .roulette-layout-in.act .bottom-mid-line-z:hover ~ .bottom-square1:after,
.roulette-layout-in.act .line3-1:hover ~ .mid-square1:after, .roulette-layout-in.act .line3-2:hover ~ .mid-square2:after,
.roulette-layout-in.act .b-line3-1:hover ~ .bottom-square1:after, .roulette-layout-in.act .b-line3-2:hover ~ .bottom-square2:after,
.roulette-layout-in.act .line-z:hover + .square-zero:after,
.roulette-layout.static .mid-line-z.chip ~ .mid-square1:after, .roulette-layout.static .bottom-mid-line-z.chip ~ .bottom-square1:after,
.roulette-layout.static .line3-1.chip ~ .mid-square1:after, .roulette-layout.static .line3-2.chip ~ .mid-square2:after,
.roulette-layout.static .b-line3-1.chip ~ .bottom-square1:after, .roulette-layout.static .b-line3-2.chip ~ .bottom-square2:after,
.roulette-layout.static .line-z.chip + .square-zero:after {
content: '';
position: absolute;
margin-bottom: 7px;
left: 0;
bottom: 100%;
width: 100%;
height: 100%;
-webkit-box-shadow: inset 0px 0px 20px 5px rgb(224, 204, 167);
-moz-box-shadow: inset 0px 0px 20px 5px rgb(224, 204, 167);
box-shadow: inset 0px 0px 20px 5px rgb(224, 204, 167);
}
.roulette-layout-in.act .mid-line-z:hover ~ .top-square.square-l:after, .roulette-layout-in.act .bottom-mid-line-z:hover ~ .mid-square.square-l:after,
.roulette-layout-in.act .bottom-line-z:hover ~ .bottom-square.square-l:after,
.roulette-layout-in .line2:hover + .square:after,
.roulette-layout-in.act .mid-line-l:hover ~ .top-square.square-l:after, .roulette-layout-in.act .mid-line-l:hover ~ .mid-square.square-l:after,
.roulette-layout-in.act .bottom-mid-line-l:hover ~ .mid-square.square-l:after, .roulette-layout-in.act .bottom-mid-line-l:hover ~ .bottom-square.square-l:after,
.roulette-layout-in.act .bottom-line-l:hover ~ .square-l:after,
.roulette-layout.static .mid-line-z.chip ~ .top-square.square-l:after, .roulette-layout.static .bottom-mid-line-z.chip ~ .mid-square.square-l:after,
.roulette-layout.static .bottom-line-z.chip ~ .bottom-square.square-l:after,
.roulette-layout.static .line2.chip + .square:after,
.roulette-layout.static .mid-line-l.chip ~ .top-square.square-l:after, .roulette-layout.static .mid-line-l.chip ~ .mid-square.square-l:after,
.roulette-layout.static .bottom-mid-line-l.chip ~ .mid-square.square-l:after, .roulette-layout.static .bottom-mid-line-l.chip ~ .bottom-square.square-l:after,
.roulette-layout.static .bottom-line-l.chip ~ .square-l:after {
content: '';
position: absolute;
margin-right: 7px;
right: 100%;
width: 100%;
height: 100%;
-webkit-box-shadow: inset 0px 0px 20px 5px rgb(224, 204, 167);
-moz-box-shadow: inset 0px 0px 20px 5px rgb(224, 204, 167);
box-shadow: inset 0px 0px 20px 5px rgb(224, 204, 167);
}
.info {
visibility: hidden;
clear: both;
max-height: 0;
}
#square:hover ~ ul .info1, #line:hover ~ ul .info2, #line-3:hover ~ ul .info3, #line-4:hover ~ ul .info4,
#line-5:hover ~ ul .info5, #line-6:hover ~ ul .info6,
#s21-r1:hover ~ ul .info2-1, #s21-r2:hover ~ ul .info2-1, #s21-r3:hover ~ ul .info2-1,
#rect-1st12:hover ~ ul .info12, #rect-2nd12:hover ~ ul .info12, #rect-3rd12:hover ~ ul .info12,
#rect-18-1:hover ~ ul .info18, #rect-18-2:hover ~ ul .info18,
#rect-even:hover ~ ul .info-eo, #rect-odd:hover ~ ul .info-eo,
#rect-red:hover ~ ul .info-rb, #rect-black:hover ~ ul .info-rb {
visibility: visible;
max-height: 30em;
}
.roulette-layout.roulette-layout-in .line1:hover + .s2-r1:after, .roulette-layout.roulette-layout-in .mid-line-z:hover ~ .top-square.square-l:after,
.roulette-layout-in.static .line1.chip + .s2-r1:after, .roulette-layout-in.static .mid-line-z.chip ~ .top-square.square-l:after {
height: 164px;
}
.roulette-layout.roulette-layout-in .line1:hover + .s2-r2:after, .roulette-layout.roulette-layout-in .bottom-mid-line-z:hover ~ .mid-square.square-l:after,
.roulette-layout-in.static .line1.chip + .s2-r2:after, .roulette-layout-in.static .bottom-mid-line-z.chip ~ .mid-square.square-l:after {
top: -57px;
height: 164px;
}
.roulette-layout.roulette-layout-in .line1:hover + .s2-r3:after, .roulette-layout.roulette-layout-in .bottom-line-z:hover ~ .bottom-square.square-l:after,
.roulette-layout-in.static .line1.chip + .s2-r3:after, .roulette-layout-in.static .bottom-line-z.chip ~ .bottom-square.square-l:after {
bottom: 0;
height: 164px;
}
.roulette-layout-in .mid-line-z, .roulette-layout-in .bottom-mid-line-z, .roulette-layout-in .bottom-line-z {
position: absolute;
width: 7px;
height: 7px;
background: #eaeaea;
z-index: 999;
left: 0;
right: auto;
}
.roulette-layout-in .mid-line-z {
top: 50px;
}
.roulette-layout-in .bottom-mid-line-z {
top: 107px;
}
.roulette-layout-in .bottom-line-z {
top: 100%;
}
.roulette-layout-in .rect, .roulette-layout-in .square2-1,
.roulette-layout-out:not(.all) .square:not(.square2-1) {
cursor: default;
}
.roulette-layout-out:not(.all) .square:not(.square2-1):hover {
box-shadow: none;
}
.roulette-layout-in .rect:hover:before, .roulette-layout-in .square2-1:hover:before,
.roulette-layout-out:not(.all) .square:not(.square2-1):hover:before {
content: none;
}
/* --- American --- */
.american-layout .rl-box {
background: #253859;
}
.american-layout .square {
background: #c50e10;
}
.american-layout .rect, .american-layout .square2-1 {
background: #355483;
}
.american-layout .rect-red {
background: #c50e10;
}
.american-layout .rect-black, .american-layout .square.black {
background: #05060a;
}
.american-layout .col-custom .square-zero {
height: 78px;
}
.american-layout .line-z {
width: 100%;
height: 7.5px;
background: #fff;
position: relative;
display: flex;
z-index: 2;
}
.roulette-layout-in.american-layout .line1:hover + .s2-r1:after, .roulette-layout-in.american-layout .line1:hover + .s2-r3:after,
.roulette-layout-in.american-layout .mid-line-z:hover ~ .top-square.square-l:after,
.roulette-layout-in.american-layout.static .line1.chip + .s2-r1:after, .roulette-layout-in.american-layout.static .line1.chip + .s2-r3:after,
.roulette-layout-in.american-layout.static .mid-line-z.chip ~ .top-square.square-l:after {
height: 79px;
}
.roulette-layout-in.american-layout .bottom-mid-line-z:hover ~ .mid-square.square-l:after,
.roulette-layout-in.american-layout.static .bottom-mid-line-z.chip ~ .mid-square.square-l:after {
top: 29px;
height: 79px;
}
.roulette-layout-in.american-layout .line-z:hover + .square-zero:after,
.roulette-layout-in.american-layout.static .line-z.chip + .square-zero:after {
margin-bottom: 7.5px;
}
/* --- Static --- */
.roulette-layout.static .rl-box {
padding-bottom: 10px;
}
.roulette-layout.static label {
cursor: default;
}
.roulette-layout.static label:not(.chip):hover:before {
content: none;
}
.roulette-layout.static .chip:before {
content: '1';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 25px;
height: 25px;
background: #fff;
border-radius: 50%;
border: 4px dashed #23afb1;
font-size: 12px;
line-height: 16px;
text-align: center;
font-weight: bold;
color: #101403;
z-index: 2;
}
.roulette-layout.static .chip-2:before {
content: '2';
border-color: #af70d8;
}
.roulette-layout.static .line:hover ~ label:after {
content: none;
}
@media screen and (min-width: 576px) {
.desc {
background: #2f4312;
padding: 10px;
padding-left: 27px;
color: #fff;
margin: 0 0 20px;
}
.american-layout .desc {
background: #253859;
}
}
@media screen and (max-width: 1199px) {
.square {
width: 42.6%;
font-size: 20px;
}
.rect {
font-size: 20px;
}
}
@media screen and (max-width: 991px) {
.aff-table-links {
margin-top: 15px;
}
.roulette-layout .col-rl {
width: 13.88%;
}
.roulette-layout .col-custom {
width: 8.37%;
}
.roulette-layout .col-custom:first-child {
width: 6.94%;
}
.square {
width: 39.71%;
}
.rect {
font-size: 16px;
}
}
@media screen and (max-width: 575px) {
.aff-table-bonus {
font-size: 18px;
margin: 15px 0;
}
.aff-table-bonus span {
display: inline;
font-size: inherit;
min-width: auto;
color: #FF8939;
font-size: 22px;
}
.info {
visibility: visible;
max-height: none;
}
.rl-box {
display: none;
}
}
/* --- Roulette Layout End --- */
/* --- Media --- */
@media screen and (min-width: 992px) {
}
@media screen and (max-width: 1199px) {
.swiper .r-card span {
font-size: 14px;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.box-info .big {
font-size: 18px;
}
}
@media screen and (min-width: 576px) {
.game-list-title {
text-align: center;
width: 220px;
}
.show-mobile {
display: none;
}
}
@media screen and (min-width: 768px) {
.fw-content {
width: 100vw;
position: relative;
left: 67%;
margin-left: -50vw;
}
body.home .left-top-section {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
padding: 0;
}
}
@media screen and (max-width: 991px) {
.app-img {
width: 83px;
height: 83px;
}
.hide-on-mobile {
display: none;
}
.show-on-mobile {
display: block;
}
.aff-table-heading-play {
display: none;
}
.swiper .r-card span {
font-size: 12px;
}
}
@media screen and (max-width: 767px) {
.top-section h1 {
text-align: center;
}
.search-form-wrapper {
position: static;
}
.main-navigation {
display: block;
padding: 0;
}
.main-navigation li {
float: none;
margin-right: 0;
}
.main-navigation a {
margin-right: 0;
position: relative;
margin-bottom: 2px;
text-indent: 15px;
}
.main-navigation ul ul {
width: 100%;
float: none;
}
.main-navigation li:hover ul, .main-navigation li.focus ul {
position: relative;
}
.main-navigation ul ul a{
width: 100%;
}
li.menu-item-has-children > a:after {
content: '';
display: inline-block;
margin-left: 5px;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 5px 0 5px;
border-color: #FF893A transparent transparent transparent;
}
.top-section {
padding-top: 20px;
}
.mascot-img {
margin: auto;
}
.mascot-img img {
width: 100px;
height: auto;
}
.box1:after {
border-width: 15px 90px 0 90px;
border-color: #1D722D transparent transparent transparent;
top: 100%;
bottom: auto;
margin: auto;
left: 0;
right: 0;
}
.cntr-box {
margin-bottom: 10px;
}
.cntr-flag {
width: 70px;
height: 70px;
}
.rp-tab ul li label {
font-size: 15px;
}
.box-info {
width: 33.33%;
float: left;
border-bottom: none;
border-right: 2px solid #d7dee3;
height: auto;
}
.box-info:last-child {
border-right: none;
}
.casino-list-box.box3 {
padding: 0;
}
.casino-list-page .casino-list-box.box2 {
padding-top: 15px;
}
.review-box .main-btn {
margin-top: 10px;
}
.playNow-smaller {
font-size: 16px;
margin-top: 5px;
}
.seeMore {
font-size: 18px;
}
}
@media screen and (max-width: 575px) {
img.alignleft, img.alignright {
display: block;
float: none;
margin-right: auto;
margin-left: auto;
}
.hide-mobile {
display: none;
}
}
@media screen and (max-width: 540px) {
.swiper {
margin: 0;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
}
.swiper .r-card {
width: 85px;
}
.swiper-button-prev {
left: -18px;
border-width: 30px 18px 30px 0;
}
.swiper-button-prev span {
left: 10px;
border-width: 12px 8px 12px 0;
}
.swiper-button-next {
right: -18px;
border-width: 30px 0 30px 18px;
}
.swiper-button-next span {
right: 10px;
border-width: 12px 0 12px 8px;
}
.playNow-smaller {
font-size: 14px;
}
.widget-calc-table-bonus span {
font-size: 20px;
}
.wh-widget.compare-section-items .compare-section-content .comparison-table-row .check-icon {
display: none;
}
.wh-widget.compare-section-items .compare-section-content .comparison-table-row .col-content {
width: 100% !important;
}
}