/*********************************************************************************************
Theme Name: Online Casino
Version: 0.1.47
Author: Tom
**********************************************************************************************/
/* */
:root {
--theme-body-width: 100%;
--theme-body-margin: 7%;
--theme-body-margin-factor: 1.5;
--theme-color-bg-body: white;
--theme-color-bg-container: white;
--theme-color-bg-border: white;
--theme-color-border: #cccccc;
--theme-color-font: #3c424f;
--theme-color-blue: #582f8e;
--theme-color-green: #582f8e;
--theme-button-green-light: #582f8e;
--theme-button-green-dark: #CB1DA8;
--theme-button-blue-light: #ffad33;
--theme-button-blue-dark: #e89822;
--theme-block-bg: #05012c05;
--theme-table-bg: #05012c05;
--theme-font-size: 1.1rem;
--theme-line-height: 1.6em;
--theme-block-margin: 30px;
--theme-block-radius: 4px;
}
/* */
/* */
/* */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-300.eot');
src: local('Open Sans Light'), local('OpenSans-Light'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-300.eot?#iefix') format('embedded-opentype'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-300.woff2') format('woff2'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-300.woff') format('woff'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-300.ttf') format('truetype'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-300.svg#OpenSans') format('svg');
font-display: swap;
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300;
src: url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-300italic.eot');
src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-300italic.eot?#iefix') format('embedded-opentype'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-300italic.woff2') format('woff2'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-300italic.woff') format('woff'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-300italic.ttf') format('truetype'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-300italic.svg#OpenSans') format('svg');
font-display: swap;
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-regular.eot');
src: local('Open Sans Regular'), local('OpenSans-Regular'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-regular.woff2') format('woff2'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-regular.woff') format('woff'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-regular.ttf') format('truetype'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-regular.svg#OpenSans') format('svg');
font-display: swap;
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
src: url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-italic.eot');
src: local('Open Sans Italic'), local('OpenSans-Italic'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-italic.eot?#iefix') format('embedded-opentype'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-italic.woff2') format('woff2'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-italic.woff') format('woff'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-italic.ttf') format('truetype'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-italic.svg#OpenSans') format('svg');
font-display: swap;
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-600.eot');
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-600.eot?#iefix') format('embedded-opentype'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-600.woff2') format('woff2'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-600.woff') format('woff'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-600.ttf') format('truetype'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-600.svg#OpenSans') format('svg');
font-display: swap;
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 600;
src: url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-600italic.eot');
src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-600italic.eot?#iefix') format('embedded-opentype'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-600italic.woff2') format('woff2'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-600italic.woff') format('woff'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-600italic.ttf') format('truetype'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-600italic.svg#OpenSans') format('svg');
font-display: swap;
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-700.eot');
src: local('Open Sans Bold'), local('OpenSans-Bold'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-700.eot?#iefix') format('embedded-opentype'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-700.woff2') format('woff2'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-700.woff') format('woff'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-700.ttf') format('truetype'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-700.svg#OpenSans') format('svg');
font-display: swap;
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
src: url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-700italic.eot');
src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-700italic.eot?#iefix') format('embedded-opentype'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-700italic.woff2') format('woff2'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-700italic.woff') format('woff'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-700italic.ttf') format('truetype'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-700italic.svg#OpenSans') format('svg');
font-display: swap;
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
src: url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-800.eot');
src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-800.eot?#iefix') format('embedded-opentype'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-800.woff2') format('woff2'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-800.woff') format('woff'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-800.ttf') format('truetype'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-800.svg#OpenSans') format('svg');
font-display: swap;
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 800;
src: url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-800italic.eot');
src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-800italic.eot?#iefix') format('embedded-opentype'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-800italic.woff2') format('woff2'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-800italic.woff') format('woff'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-800italic.ttf') format('truetype'),
url('/wp-content/themes/online-casino/assets/webfonts/open-sans-v18-latin-800italic.svg#OpenSans') format('svg');
font-display: swap;
}
/* */
/* */
i.oct, i.fi, i.fa {
display: inline-block;
width: 20px;
height: 18px;
}
i.oct:not(.mask), i.fi:not(.mask), i.fa:not(.mask) {
background: var(--url) 0% 0% / 18px 18px no-repeat;
opacity: 0.5;
}
i.oct.mask, i.fi.mask, i.fa.mask {
background: white;
-webkit-mask-image: var(--url);
mask-image: var(--url);
-webkit-mask-size: 100%;
mask-size: 100%;
}
i.fa {
opacity: 0.6;
background-position: 3px 3px;
background-size: 12px 12px;
}
i.fi-arrows-in, i.fi-arrows-out {
background-size: 14px 14px;
}
/* */
/* */
/* */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
background: transparent;
border: 0;
margin: 0;
padding: 0;
/*vertical-align: baseline;*/
}
* {
box-sizing: border-box;
}
body {
margin: 0;
min-height: 100vH;
min-width: 350px;
line-height: var(--theme-line-height);
font-size: var(--theme-font-size);
/*letter-spacing: -0.2px;*/
background-color: var(--theme-color-bg-body);
color: var(--theme-color-font);
/*font-family: "Trebuchet MS", "Source Sans Pro", Helvetica, Arial, sans-serif;*/
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";;
/*font-family: "Open Sans", Helvetica, Arial, sans-serif;*/
font-weight: 350;
display: grid;
grid-template-rows: 1fr auto;
grid-template-columns: 100%;
-webkit-text-size-adjust: 100%;
}
body.ua_mobile_safari {
font-weight: 300;
}
@media only screen and (max-width: 480px) {
body {
font-size: 0.91rem;
}
}
b, strong {
font-weight: 600;
}
body.ua_mobile_safari b,
body.ua_mobile_safari strong {
font-weight: 500;
}
@media (min-resolution: 192dpi) {
b, strong {
font-weight: 500;
}
}
body[data-border] {
background-image: linear-gradient(to right, var(--theme-color-bg-border) 0px, var(--theme-color-bg-border) 1px, var(--theme-color-bg-container) 1px, var(--theme-color-bg-container) calc(var(--theme-body-width) - 1px), var(--theme-color-bg-border) calc(var(--theme-body-width) - 1px), var(--theme-color-bg-border) calc(var(--theme-body-width)));
background-size: var(--theme-body-width) 10px;
background-position: 50% 0%;
background-repeat: repeat-y;
}
.bold {
font-weight: bold !important;
}
.shadow {
text-shadow: 0 1px 0 rgba(255,255,255,.75);
}
.clear {
clear: left;
}
hr {
border: none;
background: none;
border-top: 3px double #eee;
width: 100%;
height: 3px;
margin: 10px 0 30px 0;
clear: both;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-weight: 300;
padding: 10px 0 20px 0;
}
h2 + table,
h2 + a[name] + table,
h2 + .table,
h2 + a[name] + .table,
h2 + .tabs,
h2 + a[name] + .tabs,
h3 + table,
h3 + a[name] + table,
h3 + .table,
h3 + a[name] + .table,
h3 + .tabs,
h3 + a[name] + .tabs {
margin-top: 5px;
}
div.the-title {
display: block;
width: 100%;
background: #438eb0 url(/wp-content/themes/online-casino/assets/images/circles.png) center center/cover no-repeat;
background-attachment: fixed !important;
min-height: 30vmin;
position: relative;
}
body.home div.the-title {
/*background-image: linear-gradient(358deg,#303030 40%,rgba(97,142,191,.54) 100%), url(/wp-content/themes/online-casino/assets/images/Spannung_im_Tennis_Match.jpg);*/
background-image: linear-gradient(358deg,rgba(48,48,48,0.75) 20%,rgba(97,142,191,0.2) 100%), url(/wp-content/themes/online-casino/assets/images/online-casino-header.jpg);
background-position: center center, top center;
background-size: cover, cover;
background-repeat: no-repeat, no-repeat;
}
body.home.webp div.the-title {
background-image: linear-gradient(358deg,rgba(48,48,48,0.75) 20%,rgba(97,142,191,0.2) 100%), url(/wp-content/themes/online-casino/assets/images/online-casino-header.webp);
}
div.the-title h1 {
padding: 0;
margin: 0;
line-height: 25vmin;
color: white;
text-align: center;
font-weight: normal;
font-size: 5vmin;
margin-bottom: 5vmin;
text-transform: uppercase;
}
div.the-title div {
position: absolute;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
div.the-title div svg {
width: 100%;
display: flex;
justify-content: flex-end;
max-height: 10vmin;
}
@media only screen and (max-width: 1024px) {
div.the-title {
padding-left: 10px !important;
padding-right: 10px !important;
}
}
div.startpage-intro {
padding: 40px 0 55px 0;
padding-left: calc(var(--theme-body-margin-factor) * var(--theme-body-margin));
padding-right: calc(var(--theme-body-margin-factor) * var(--theme-body-margin));
color: white;
display: flex;
justify-content: center;
align-content: center;
flex-direction: column;
width: 100%;
position: relative;
/*background-image: linear-gradient(358deg,#303030 40%,rgba(97,142,191,.54) 100%), url(/wp-content/themes/online-casino/assets/images/Spannung_im_Tennis_Match.jpg);*/
background-image: linear-gradient(358deg,rgba(48,48,48,0.75) 20%,rgba(97,142,191,0.2) 100%), url(/wp-content/themes/online-casino/assets/images/online-casino-header.jpg);
/*background-attachment: fixed !important;*/
background-position: center center, center center;
background-size: cover, cover;
background-repeat: no-repeat, no-repeat;
}
body.webp div.startpage-intro {
background-image: linear-gradient(358deg,rgba(48,48,48,0.75) 20%,rgba(97,142,191,0.2) 100%), url(/wp-content/themes/online-casino/assets/images/online-casino-header.webp);
}
div.startpage-intro h1 {
padding-top: 0;
font-size: 3.3rem;
font-weight: 300;
font-style: normal;
font-size: 3.3em;
line-height: 114%;
letter-spacing: .9px;
text-transform: none;
color: #fff;
text-shadow: 0 2px rgba(0,0,0,0.25);
}
div.startpage-intro p {
line-height: 130%;
text-shadow: 0 1px rgba(0,0,0,0.25);
}
div.startpage-intro > div {
display: flex;
}
div.startpage-intro > div div {
text-align: center;
}
div.startpage-intro > div div:first-child {
padding-right: 5%;
}
div.startpage-intro > div div + div {
width: 33%;
padding-left: 5%;
}
div.startpage-intro > div div + div > :first-child {
position: relative;
display: inline-block;
z-index: 101;
top: 50%;
margin-top: -120px;
}
div.startpage-intro > div div + div > :first-child::before {
content: '';
position: absolute;
right: 13%;
left: -13%;
top: 5%;
bottom: -5%;
border: 11px solid rgba(255,255,255,0.726);
z-index: -1;
}
div.startpage-intro > div div + div > :first-child img {
width: auto;
height: 225px;
}
div.startpage-intro div.startpage-intro-buttons {
display: flex;
justify-content: center;
}
div.startpage-intro div.startpage-intro-buttons > * {
margin-right: 5px;
}
div.startpage-intro div.startpage-intro-buttons > * + * {
margin-left: 5px;
}
@media only screen and (max-width: 1024px) {
div.startpage-intro {
padding-left: 3%;
padding-right: 3%;
}
div.startpage-intro h1 {
font-size: 2.3rem;
}
div.startpage-intro > div div + div {
display: none
}
div.startpage-intro div.startpage-intro-buttons > * {
white-space: nowrap;
font-size: .8rem;
}
}
body.mobile .no-mobile,
body:not(.mobile) .no-desktop {
display: none !important;
}
/*h1 .num, h2 .num, h3 .num, h4 .num, h5 .num, h6 .num {
font-size: 0.7em;
color: #aaa;
font-weight: normal;
}*/
h1, .h1 {
font-size: 30px;
line-height: 30px;
font-weight: 500;
}
h1.block1 {
padding-top: 0;
}
h2, .h2 {
font-size: 26px;
line-height: 30px;
font-weight: 500;
}
h3, h4, h5, h6,
.h3, .h4, .h5, .h6 {
font-size: 24px;
line-height: 22px;
font-weight: 500;
}
h5, h6,
.h5, .h6 {
font-size: 20px;
}
.subtitle {
padding-bottom: 20px;
}
.subtitle, .subtitle-author, .subtitle-author > * {
display: flex;
align-items: center;
font-size: 12px;
color: #6e777f;
}
.subtitle-author, .subtitle-author:hover, .subtitle-author > * {
color: var(--theme-color-blue) !important;
}
.subtitle > * + *:not(#disclosure) {
margin-left: 0px;
}
.subtitle .subtitle-author {
font-weight: 500;
}
.subtitle a:hover {
text-decoration: underline;
}
.subtitle > * + *:not(#disclosure)::before {
content: "\A";
width: 3px;
height: 3px;
border-radius: 50%;
background: #6e777f;
display: inline-block;
margin: 0 10px;
transform: translateY(-3px);
}
.subtitle img {
width: 33px;
height: 33px;
border-radius: 50%;
border: 1px solid #b5bbbb;
padding: 2px;
background: #fff;
margin-right: 5px;
}
@media only screen and (max-width: 480px) {
h1, .h1 {
font-size: 24px;
}
h2, .h2 {
font-size: 22px;
}
h3, h4,
.h3, .h4 {
font-size: 20px;
}
h5, h6,
.h5, .h6 {
font-size: 18px;
}
}
a {
color: #ed4ac9;
}
a:hover {
color: var(--theme-color-font);
}
a,
a:hover {
text-decoration: none;
}
.contact_details a[href*="mailto:"]::before,
.contact_details a[href*="tel:"]::before {
content: '';
background: url(/media/mail.png) 0px 1px/20px 20px no-repeat;
padding-left: 25px;
}
.contact_details a[href*="tel:"]::before {
background-image: url("/media/phone-icon-20x20.png");
}
p {
margin-bottom: var(--theme-block-margin);
margin-top: 0em;
}
aside .widget:empty {
display: none;
}
@media only screen and (max-width: 1024px) {
aside #sidebar-teaser {
padding-top: 20px;
}
aside .widget > p {
margin-bottom: 10px;
}
}
ol, ul {
list-style: none;
}
ol > li, ul > li {
padding: 0 0 10px 0;
}
ul.thumbnails > li {
padding-left: 0;
}
ol > li:empty, ul > li:empty {
min-height: 25px;
}
span.block,
ol > li > .aligncenter,ol > li > .aligncenter + div,
ul > li > .aligncenter, ul > li > .aligncenter + div {
display: block !important;
}
ol > li:last-child,
ul > li:last-child {
padding-bottom: 0;
}
article ol > li > ul,
article ol > li > ol,
article ul > li > ol,
article ul > li > ul {
padding-bottom: 0 !important;
}
article ol > li > ul,
article ol > li > ol,
article ul > li > ol,
article ul > li > ul {
padding-top: 10px !important;
}
article ol > li > ol > li:first-child:not(.list-group)::before,
article ul > li > ol > li:first-child:not(.list-group)::before {
top: 11px;
}
article ol > li > ul > li:last-child,
article ol > li > ol > li:last-child,
article ul > li > ol > li:last-child,
article ul > li > ul > li:last-child {
padding-bottom: 5px !important;
}
ol {
counter-reset: step-counter;
padding: 0 0 20px 40px;
max-width: 100%;
overflow: hidden;
}
ol > li:not(.list-group) {
counter-increment: step-counter;
position: relative;
padding: 0 0 10px 0;
hyphens: auto;
max-width: 100%;
}
ol:not(.list-num-false) > li:not(.list-group)::before {
content: counter(step-counter) '.) ';
position: absolute;
left: -25px;
top: 1px;
font-size: 12px;
color: #aaa;
}
ol:not(.list-num-false) > li[data-label]:not(.list-group)::before {
content: attr(data-label);
}
.light {
font-weight: normal;
}
.ellipsis,
.block.tabs .tab-header > :not(.tab-spacer),
ul.grid > li > .button,
ul.grid > li > * > .button {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.border {
border: 1px solid #e0e1e1;
box-shadow: 0 0 3px var(--theme-block-bg);
}
picture.border,
img.border {
border: 1px solid #e0e1e1 !important;
padding: 0 !important;
background-color: white;
}
#scrollbar_measure {
width: 100px;
height: 100px;
overflow: scroll;
position: absolute;
top: -9999px;
}
/* */
/* */
main {
display: flex;
flex-direction: column;
align-items: center;
/*background-image: linear-gradient(to bottom, var(--theme-block-bg) 0px, var(--theme-block-bg) 33px, var(--theme-color-border) 33px, #e4e4e4 34px, #f7f7f7 34px, #fff 38px);*/
}
main article {
max-width: var(--theme-body-width);
padding-left: calc(var(--theme-body-margin-factor) * var(--theme-body-margin));
padding-right: calc(var(--theme-body-margin-factor) * var(--theme-body-margin));
}
main > header.mobile {
padding-left: 0;
padding-right: 0;
}
@media only screen and (max-width: 1024px) {
main {
/*background-image: linear-gradient(to bottom, var(--theme-block-bg) 0px, var(--theme-block-bg) 70px, var(--theme-color-border) 70px, #e4e4e4 71px, #f7f7f7 71px, #fff 75px);*/
background-size: 5px 145px;
}
main article {
padding-left: 20px;
padding-right: 20px;
}
main > nav:not(.breadcrumb) {
justify-content: space-between;
}
main > nav:not(.breadcrumb) .admin {
display: none;
}
}
@media only screen and (max-width: 576px) {
main article {
padding-left: 15px;
padding-right: 15px;
}
}
/* */
/* */
header {
width: 100%;
position: relative;
display: inline-block;
text-align: center;
overflow: hidden;
}
/* */
header a.anim {
display: flex;
justify-content: center;
width: 100%;
height: 100%;
min-height: 60px;
overflow: hidden;
}
@media only screen and (min-width: 768px) {
header:not(.mobile) a.anim { min-height: 325px; }
}
@media only screen and (min-width: 900px) {
header:not(.mobile) a.anim { min-height: 350px; }
}
header a.anim > span {
display: block;
width: 100%;
max-width: 1120px;
margin-top: -80px;
margin-bottom: -130px;
}
header a.static {
width: 100%;
display: flex;
justify-content: center;
padding: 35px 0 30px 0;
}
header a.static > img {
display: block;
width: 80%;
}
header a.mobile {
display: inline-block;
}
header a.mobile > img {
max-width: 100%;
float: left;
}
@media only screen and (max-width: 900px) {
header a.anim > span {
margin-bottom: -110px;
}
}
@media only screen and (max-width: 1024px) {
header {
padding-left: 0 !important;
padding-right: 0 !important;
}
header a.anim > span {
transform: scale(1.1);
margin-top: -35px;
margin-bottom: -75px;
}
header a.static > img {
width: 95%;
}
header a.static.w-mobile {
padding: 0 !important;
}
header a.static.w-mobile > img {
width: 100%;
}
}
@media only screen and (max-width: 576px) {
header a.anim > span {
margin-top: -25px;
margin-bottom: -65px;
}
}
@media only screen and (max-width: 480px) {
header a.anim > span {
margin-bottom: -40px;
margin-top: -20px;
}
}
/* */
/* */
nav {
display: flex;
justify-content: center;
}
nav:not(.breadcrumb) {
width: 100%;
max-width: 100%;
height: 275px;
margin-top: 0;
padding-top: 135px;
justify-content: flex-end;
padding-left: 73px;
padding-right: 15px;
position: relative;
background-image: url(/wp-content/themes/online-casino/assets/images/online-casino-walze.png), url(/wp-content/themes/online-casino/assets/images/online-casino-automat.png), linear-gradient(to bottom, #05012c 0px, #05012c 100%);
background-size: 700px 466px, 320px 200px, 5px 275px;
background-position: 50% 70%, 100% 41px, 0% 0%;
background-repeat: no-repeat, no-repeat, repeat-x;
}
body.webp nav:not(.breadcrumb) {
background-image: url(/wp-content/themes/online-casino/assets/images/online-casino-walze.webp), url(/wp-content/themes/online-casino/assets/images/online-casino-automat.webp), linear-gradient(to bottom, #05012c 0px, #05012c 100%);
}
@media only screen and (max-width: 1024px) {
nav:not(.breadcrumb) {
height: 150px;
padding-top: 45px;
background-image: linear-gradient(to bottom, #05012c 0px, #05012c 100%);
background-size: 5px 275px;
background-position: 0% 0%;
background-repeat: repeat-x;
}
body.webp nav:not(.breadcrumb) {
background-image: linear-gradient(to bottom, #05012c 0px, #05012c 100%);
}
}
nav:not(.breadcrumb) > a.static {
position: absolute;
left: 20px;
height: 115px;
display: flex;
align-items: center;
margin-left: 0;
}
nav:not(.breadcrumb) > a.static img {
height: 115px;
width: auto;
transform: translateY(-30px);
}
nav ul.menu {
display: flex;
justify-content: center;
margin: 0;
padding: 0;
list-style: none;
height: 40px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: #582f8e;
}
nav ul.menu li a,
nav ul.menu li a:hover {
line-height: 40px;
padding: 0 10px;
display: inline-block;
color: white;
font-size: 16px;
text-transform: uppercase;
font-weight: 500;
position: relative;
text-decoration: none !important;
padding-bottom: 1px;
letter-spacing: 1px;
}
nav ul.menu li a:hover {
/*color: var(--theme-color-blue) !important;*/
text-shadow: 0px 0px 5px var(--theme-button-green-dark);
}
nav ul.menu li a i.i {
background: white;
width: 18px;
height: 18px;
}
nav ul.menu li a:hover i.i {
/*background: var(--theme-color-blue);*/
}
nav ul.menu li a:hover i.i {
opacity: 1;
}
li a i.i {
transform: translateY(3px);
margin-right: 2px;
}
li a i.fi-arrows-in,
li a i.fi-arrows-out {
transform: translateY(3px) scale(0.8);
}
li a i.fi-arrows-in,
li a i.fi-arrows-out {
transform: translateY(3px) scale(0.8);
}
li a i.fi-lightbulb {
transform: translateY(3px);
}
nav ul.menu li a i.fi-dollar {
transform: translate(4px, 4px);
}
header {
z-index: 20;
}
header:hover {
z-index: 10;
}
header #lotti image[height="160px"] {
filter: drop-shadow(0 0 3px);
}
@media only screen and (max-width: 999px) {
nav ul.menu li a {
margin: 0;
}
}
nav div.wpml-ls > ul li + li {
margin-left: 10px !important;
}
@media only screen and (max-width: 1024px) {
nav > #menu-header {
display: none;
}
nav > select {
display: block;
}
nav div.wpml-ls {
right: 0;
}
/*nav div.wpml-ls,
nav div.wpml-ls > ul {
position: static !important;
width: auto !important;
}
nav div.wpml-ls > ul {
margin-top: 12px !important;
}
.wpml-ls-legacy-list-horizontal .wpml-ls-item {
padding-top: 10px;
}*/
nav:not(.breadcrumb) {
padding-left: 0;
padding-right: 0;
}
nav:not(.breadcrumb) > a.static {
left: 0;
right: 0;
display: flex;
justify-content: center;
}
}
#mobile-menu {
display: none;
position: relative;
z-index: 100;
margin-left: 6px;
padding-top: 7px;
-webkit-user-select: none;
user-select: none;
}
@media only screen and (max-width: 576px) {
#mobile-menu {
margin-left: 1px;
}
}
#sidebar-logos {
padding-top: 30px;
}
@media only screen and (min-width: 1024px) {
aside #select-menu {
display: none !important;
}
}
@media only screen and (max-width: 1024px) {
#mobile-menu {
position: absolute;
left: 10px;
display: block !important;
}
#sidebar-menu {
position: absolute;
background: white;
top: 94px;
left: 16px;
right: 6px;
box-shadow: 0 0 20px rgba(0,0,0,0.05);
border: 1px solid #cecece;
padding: 10px;
z-index: 99;
max-width: 400px;
}
#sidebar-menu:not(.show) {
display: none;
}
#sidebar-menu .admin, #sidebar-menu h3::before {
display: none;
}
#sidebar-logos {
padding-top: 0;
display: flex;
flex-wrap: wrap;
clear: both;
}
#sidebar-logos > * {
flex: 1 100%;
}
#sidebar-logos .widget_media_image {
flex-basis: 20%;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
#sidebar-logos .widget_media_image img {
max-width: 70% !important;
height: auto;
}
}
@media only screen and (max-width: 1024px) {
#mobile-menu {
left: 4px;
left: calc(4px + env(safe-area-inset-left));
}
#sidebar-menu {
left: 10px;
left: calc(10px + env(safe-area-inset-left));
}
}
@media only screen and (max-width: 576px) {
#sidebar-menu {
left: 5px;
left: calc(5px + env(safe-area-inset-left));
}
}
#mobile-menu div {
width: 48px;
overflow: hidden;
padding: 9px;
border: 1px solid transparent;
border-bottom-width: 0;
}
#mobile-menu div:hover {
cursor: pointer;
}
#mobile-menu div span {
display: block;
width: 30px;
height: 4px;
position: relative;
background:white;
border-radius: 3px;
z-index: 100;
transform-origin: 4px 0px;
transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
opacity 0.55s ease;
}
#mobile-menu div.active span {
background: var(--theme-color-font);
}
#mobile-menu div span:not(.s3) {
margin-bottom: 6px;
}
#mobile-menu div span.s1 {
transform-origin: 0% 0%;
}
#mobile-menu div span.s3 {
transform-origin: 0% 100%;
}
#mobile-menu div.active {
background: white;
border-color: #cecece;
}
#mobile-menu div.active span {
width: 32px;
opacity: 1;
transform: rotate(45deg) translate(3px, -3px);
}
#mobile-menu div.active span.s2 {
opacity: 0;
transform: rotate(0deg) scale(0.2, 0.2);
}
#mobile-menu div.active span.s3 {
transform: rotate(-45deg) translate(2px, 4px);
}
#menu-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0,0,0,0.125);
z-index: 21;
}
/* */
/* */
nav div.wpml-ls {
position: absolute;
top: 6px;
margin-right: 15px;
width: 100%;
max-width: var(--theme-body-width);
z-index: 20;
padding: 0;
}
nav div.wpml-ls > ul {
position: absolute;
top: 0;
right: 0;
display: flex;
}
nav div.wpml-ls > ul > li {
padding: 0 !important;
}
nav div.wpml-ls > ul > li + li {
margin-left: 7px;
}
nav div.wpml-ls li,
nav div.wpml-ls .wpml-ls-link,
nav div.wpml-ls .wpml-ls-flag {
display: inline-block;
width: 21px;
height: 16px;
}
nav div.wpml-ls .wpml-ls-flag[data-lang="en"],
nav div.wpml-ls .wpml-ls-flag[data-lang="de"] {
border-radius: 3px;
background-image: url('/wp-content/themes/online-casino/assets/images/flags/4x3/de.svg');
background-repeat: no-repeat !important;
background-position: 50% 50% !important;
background-size: 21px 16px !important;
filter: drop-shadow(0 0 2px rgba(0,0,0,.3));
}
nav div.wpml-ls .wpml-ls-flag[data-lang="en"] {
background-image: url('/wp-content/themes/online-casino/assets/images/flags/4x3/ca.svg') !important;
}
/* */
/* */
/* */
article {
position: relative;
}
nav.breadcrumb {
position: relative;
width: 100%;
max-width: 100%;
padding: 0;
font-size: 12px;
background: transparent;
left: 0;
right: 0;
top: 0;
min-height: 40px;
}
nav.breadcrumb ol {
width: 100%;
margin: 0;
padding: 0;
line-height: 30px;
list-style: none;
display: flex;
white-space: nowrap;
max-width: 100%;
position: relative;
padding: 0 0 10px 0;
}
nav.breadcrumb ol li {
overflow: hidden;
padding-bottom: 0 !important;
}
nav.breadcrumb ol li a {
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
@media only screen and (max-width: 1024px) {
section, nav.breadcrumb {
padding-left: 0 !important;
padding-right: 0 !important;
}
section, nav:not(.breadcrumb) {
padding-left: env(safe-area-inset-left)!important;
padding-right: env(safe-area-inset-right) !important;
}
nav.breadcrumb ol {
margin-top: 0;
border-top: 0;
}
nav div.wpml-ls {
right: env(safe-area-inset-right) !important;
}
}
nav.breadcrumb ol::before {
content: attr(data-label);
}
@media only screen and (max-width: 460px) {
body.mobile.home nav.breadcrumb ol::before,
body.mobile nav.breadcrumb li:first-child,
body.mobile nav.breadcrumb li:first-child + li a::before {
display: none;
}
}
nav.breadcrumb li,
nav.breadcrumb li a,
nav.breadcrumb li a:hover {
text-decoration: none;
color: #6e777f;
}
nav.breadcrumb li > * {
padding: 0 0 0 5px;
}
nav.breadcrumb li + li > *:before {
content: '\00BB';
margin-right: 5px;
}
nav.breadcrumb li a span {
position: relative;
}
nav.breadcrumb li a:hover span::after {
content: '';
position: absolute;
left: 0;
bottom: -5px;
width: 100%;
height: 2px;
background: #FF4F00;
}
/* */
/* */
section {
flex: 1;
display: grid;
grid-template-columns: 305px calc(100% - 305px);
width: 100%;
}
@media only screen and (max-width: 1024px) {
section {
display: flex;
flex-direction: column;
}
}
/* */
/* */
article {
padding: 30px 20px 0 0;
}
@media only screen and (max-width: 1024px) {
article {
width: 100%;
padding: 20px 15px 0 15px;
border-right: 0 !important;
}
}
article .box {
padding-bottom: 20px;
position: relative;
}
article .box > p {
margin: 0;
}
article .box p a {
word-wrap: break-word;
}
article .box > p:not(.grey):not(.gray) {
padding: 0;
}
article .box > p:not(.more),
article .box > div.block:not(.more),
article .box > table.block:not(.more),
article .box > p.logo img {
margin-bottom: var(--theme-block-margin);
}
article .box > p.logo {
margin-bottom: 7px;
}
article .box > p.logo img {
max-width: 200px;
height: auto;
}
@media only screen and (max-width: 576px) {
article .box > hr.logo {
margin-bottom: 15px;
}
article .box > p.logo {
text-align: center;
}
article .box > p.logo img.alignleft {
float: none !important;
margin: 0 auto;
display: block;
}
}
/* */
/* */
article .box.attachment > div {
max-width: 100%;
height: auto;
border: 1px solid #e0e1e1;
box-shadow: inset 0 0 0 1px white, 0px 0px 3px var(--theme-block-bg);
background: var(--theme-block-bg);
}
body.attachment article .box.attachment > div {
padding: 10px;
}
article .box.attachment > div img[class*="attachment"] {
max-width: 100%;
height: auto;
padding: 1px;
}
body.attachment article .box.attachment > div img[class*="attachment"] {
margin: 0 auto;
display: block;
}
article .box.attachment > div .entry-caption {
padding: 5px;
}
article .box.attachment > div .entry-caption > :last-child {
margin-bottom: 0;
}
/* */
/* */
section#goto {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 20px 20px 40px 20px;
}
section#error article > div {
display: flex;
justify-content: center;
padding-top: 40px !important;
}
section#error article,
section#goto article {
width: 100%;
flex: 1 100%;
padding: 0;
border: 0;
}
section#goto svg {
width: 100px;
height: 100px;
margin: 0 0 25px 0;
transform: translateX(20px);
}
section#error article > div,
section#goto h2 {
padding-top: 20px;
}
section#error article {
padding-bottom: 35px;
}
section#error article > div > :first-child {
padding-top: 35px;
padding-right: 20px;
text-align: right;
}
section#error article h2 {
color: #d5250b;
}
section#error article h3 {
max-width: 215px;
}
body.lang_en section#error article h3 {
max-width: 220px;
}
section#error article img {
margin-right: 10px;
}
@media only screen and (min-width: 1024px) {
section#error article h2 {
font-size: 40px;
}
section#error article h3 {
font-size: 24px;
line-height: 33px;
}
}
@media only screen and (max-width: 1024px) {
section#error article > div > :first-child {
padding-top: 10px;
}
section#error article img {
max-width: 125px;
}
section#error article h3 {
font-size: 16px;
line-height: 22px;
}
section#goto a,
section#error article p {
font-size: 12px;
}
}
/* */
/* */
aside {
min-width: 305px;
padding: 35px 30px 0 30px;
}
@media only screen and (min-width: 1024px) {
aside + article {
border-left: 1px dotted var(--theme-color-border);
}
}
aside select#select-menu {
display: none;
height: 30px;
margin-bottom: 20px;
}
aside select#select-menu {
display: none;
height: 30px;
margin-bottom: 20px;
}
@media only screen and (max-width: 1024px) {
aside {
width: 100%;
position: static;
}
aside #select-menu {
display: block;
}
aside > a.more-button {
margin-bottom: var(--theme-block-margin);
}
article > .box {
padding-bottom: 0 !important;
}
}
aside h3, aside h4,
aside .h3, aside .h4,
aside ul#select-menu::before {
font-size: var(--theme-font-size);
padding: 0 0 10px 0;
font-weight: 700;
}
aside h3, aside h4,
aside .h3, aside .h4 {
margin: 0 0 10px 0;
}
aside h3,
aside .h3,
aside ul#select-menu::before {
border-bottom: 1px dotted var(--theme-color-border);
display: block;
}
aside ul#select-menu::before {
padding-bottom: 0 !important;
}
aside h4, aside .h4, aside a, aside li, aside .textwidget, aside p {
font-size: 0.9rem;
}
aside p {
font-size: 0.8rem;
}
aside li.date {
font-size: 0.9rem;
}
aside p {
line-height: 20px;
}
aside p:not(:last-child):not(:last-of-type) {
margin-bottom: 21px;
}
aside div.sort {
width: 100%;
padding: 0 0 10px 0;
display: inline-block;
}
aside div.sort label {
width: 37%;
min-width: 85px;
display: inline-block;
float: left;
font-size: 9px;
text-transform: uppercase;
height: 30px;
line-height: 31px;
}
body.lang_en aside div.sort label {
width: 25%;
min-width: 55px;
}
aside div.sort select {
width: 63%;
display: inline-block;
float: left;
height: 30px;
line-height: 30px;
font-size: 13px;
}
body.lang_en aside div.sort select {
width: 75%;
}
aside ul {
width: 100%;
margin: 0;
position: relative;
}
body.mobile aside h3,
body.mobile aside .h3,
aside h3 ~ h3,
aside .h3 ~ .h3 {
margin-top: 20px;
}
aside #select-menu {
display: none;
}
aside ul#select-menu::before {
content: attr(data-title);
position: static;
}
aside ul#select-menu li:first-child {
margin-top: 10px;
}
aside ul#select-menu a i {
display: none;
}
aside ul li a,
aside ul li .a {
padding: 7px 0 7px 0;
position: relative;
line-height: 16px;
display: inline-block;
}
aside ul li .a:not(.admin) {
margin-left: 0;
}
aside ul:not(.bonus_asc):not(.bonus_desc):not(.free_play_desc) li .a:not(.admin) {
margin-left: 30px;
}
aside ul.free_play_desc li .a:not(.admin) {
padding-left: 0 !important;
}
aside ul li {
padding: 0 !important;
}
aside ul li:not(.closed-casinos) {
display: flex;
flex-direction: column;
}
aside ul li:not(.closed-casinos) > ul {
display: flex;
flex-direction: column;
padding-left: 20px;
}
aside ul li:not(.closed-casinos):not(.active) > ul {
display: none;
}
aside ul li .a:first-child {
flex: 1;
}
aside ul li {
position: relative;
}
aside ul:not(.bonus_asc):not(.bonus_desc):not(.free_play_desc) li:not(.date)::before {
content: '\203A';
position: absolute;
left: 10px;
top: 2px;
font-size: 18px;
color: var(--theme-color-blue);
}
aside ul li .a {
position: relative;
text-decoration: none;
}
aside ul li a.value {
display: inline-flex;
}
aside ul li a.value b {
text-align: right;
min-width: 75px;
max-width: 75px;
}
aside ul.free_play_desc li a.value b {
min-width: 95px;
max-width: 95px;
}
aside ul li a.value b + span {
padding-left: 12px;
}
aside li.date {
margin-top: 5px;
}
aside .widget {
margin-bottom: 10px;
}
aside .widget img.alignleft {
margin-right: 15px;
}
aside .widget .button:not(.small) {
height: 45px;
line-height: 45px;
background-image: url(/wp-content/themes/online-casino/assets/images/fi/fi-arrow-right-white.svg),linear-gradient(to right,var(--theme-button-green-dark) 0,var(--theme-button-green-dark) 45px,var(--theme-button-green-light) 45px,var(--theme-button-green-light) 100%);
background-position: 14px 50%,0 0;
padding-left: 56px;
}
aside .widget + .widget h3,
aside .widget + .widget h4 {
margin-top: 15px;
}
aside .widget_media_image + .widget h4:first-child {
margin-top: 40px;
}
aside .widget_media_image + .widget h4 {
margin-bottom: 0;
}
@media only screen and (max-width: 1024px) {
aside {
padding-top: 0 !important;
}
aside .widget_media_image + .widget h4 {
margin-top: 20px;
margin-bottom: 0;
}
}
aside .widget_media_image {
display: flex;
flex-direction: column;
align-items: center;
}
aside .widget_media_image img {
margin: 10px 0 0 0;
}
aside .textwidget {
font-size: 12px;
}
@media only screen and (max-width: 1024px) {
aside {
padding: 20px 15px 0 15px;
}
aside #select-menu {
display: block;
}
}
body.logged-in aside > div[id] {
min-height: 20px;
}
body.logged-in aside > div[id] .h3 > a.admin {
float: right;
}
aside #sidebar_review_list {
position: relative;
}
aside #sidebar_review_list:not(.bonus_asc):not(.bonus_desc):not(.free_play_asc):not(.free_play_desc) ul {
padding-left: 20px;
}
aside ul li .a:not(.admin) {
transform: translateX(1px);
}
aside ul.free_play_desc li .a:not(.admin) {
transform: translateX(-10px);
}
aside #sidebar_review_list span:not(.active) + ul {
display: none;
}
aside ul li.ul::before,
aside #sidebar_review_list li.closed-casinos::before {
content: '' !important;
cursor: pointer !important;
font-size: 15px !important;
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDIzMCAyMzAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyI+CiAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCg0LjE2NjY3LDAsMCw0LjE2NjY3LDAsMCkiPgogICAgICAgIDxwYXRoIGQ9Ik01NSwxMC4zMTNMNTUsNDQuNjg4QzU1LDQ3LjUyOSA1My45OTEsNDkuOTU3IDUxLjk3NCw1MS45NzVDNDkuOTU3LDUzLjk5MiA0Ny41MjgsNTUgNDQuNjg3LDU1TDEwLjMxMiw1NUM3LjQ3MSw1NSA1LjA0Miw1My45OTIgMy4wMjUsNTEuOTc1QzEuMDA4LDQ5Ljk1NyAwLDQ3LjUyOSAwLDQ0LjY4OEwwLDEwLjMxM0MwLDcuNDcyIDEuMDA4LDUuMDQzIDMuMDI1LDMuMDI2QzUuMDQyLDEuMDA5IDcuNDcxLDAgMTAuMzEyLDBMNDQuNjg3LDBDNDcuNTI4LDAgNDkuOTU3LDEuMDA5IDUxLjk3NCwzLjAyNkM1My45OTEsNS4wNDMgNTUsNy40NzIgNTUsMTAuMzEzWk00NS44MzMsMjkuNzkyTDQ1LjgzMywyNS4yMDlDNDUuODMzLDI0LjU4OCA0NS42MDYsMjQuMDUxIDQ1LjE1MywyMy41OThDNDQuNjk5LDIzLjE0NCA0NC4xNjIsMjIuOTE3IDQzLjU0MiwyMi45MTdMMzIuMDgzLDIyLjkxN0wzMi4wODMsMTEuNDU5QzMyLjA4MywxMC44MzggMzEuODU2LDEwLjMwMSAzMS40MDMsOS44NDhDMzAuOTQ5LDkuMzk0IDMwLjQxMiw5LjE2NyAyOS43OTIsOS4xNjdMMjUuMjA4LDkuMTY3QzI0LjU4Nyw5LjE2NyAyNC4wNSw5LjM5NCAyMy41OTcsOS44NDhDMjMuMTQzLDEwLjMwMSAyMi45MTYsMTAuODM4IDIyLjkxNiwxMS40NTlMMjIuOTE2LDIyLjkxN0wxMS40NTgsMjIuOTE3QzEwLjgzNywyMi45MTcgMTAuMywyMy4xNDQgOS44NDcsMjMuNTk4QzkuMzkzLDI0LjA1MSA5LjE2NiwyNC41ODggOS4xNjYsMjUuMjA5TDkuMTY2LDI5Ljc5MkM5LjE2NiwzMC40MTMgOS4zOTMsMzAuOTUgOS44NDcsMzEuNDA0QzEwLjMsMzEuODU3IDEwLjgzNywzMi4wODMgMTEuNDU4LDMyLjA4M0wyMi45MTYsMzIuMDgzTDIyLjkxNiw0My41NDJDMjIuOTE2LDQ0LjE2MyAyMy4xNDMsNDQuNyAyMy41OTcsNDUuMTU0QzI0LjA1LDQ1LjYwNyAyNC41ODcsNDUuODMzIDI1LjIwOCw0NS44MzNMMjkuNzkyLDQ1LjgzM0MzMC40MTIsNDUuODMzIDMwLjk0OSw0NS42MDcgMzEuNDAzLDQ1LjE1NEMzMS44NTYsNDQuNyAzMi4wODMsNDQuMTYzIDMyLjA4Myw0My41NDJMMzIuMDgzLDMyLjA4M0w0My41NDIsMzIuMDgzQzQ0LjE2MiwzMi4wODMgNDQuNjk5LDMxLjg1NyA0NS4xNTMsMzEuNDA0QzQ1LjYwNiwzMC45NSA0NS44MzMsMzAuNDEzIDQ1LjgzMywyOS43OTJaIiBzdHlsZT0iZmlsbDpyZ2IoMCwxMTcsMTc1KTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgIDwvZz4KPC9zdmc+Cg==");
background-size: 100%;
background-repeat: no-repeat;
background-position: 50% 50%;
display: inline-block;
width: 9px;
height: 9px;
transform: translate(-1px,9px);
}
aside #sidebar_review_list li.closed-casinos::before {
color: black;
filter: grayscale(100);
}
aside ul li.ul.active:not(.closed-casinos)::before,
aside #sidebar_review_list li.closed-casinos.active::before {
content: '' !important;
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDIzMCAyMzAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyI+CiAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCg0LjE2NjY3LDAsMCw0LjE2NjY3LDAsMCkiPgogICAgICAgIDxwYXRoIGQ9Ik01NSwxMC4zMTNMNTUsNDQuNjg4QzU1LDQ3LjUyOSA1My45OTEsNDkuOTU3IDUxLjk3NCw1MS45NzVDNDkuOTU3LDUzLjk5MiA0Ny41MjgsNTUgNDQuNjg3LDU1TDEwLjMxMiw1NUM3LjQ3MSw1NSA1LjA0Miw1My45OTIgMy4wMjUsNTEuOTc1QzEuMDA4LDQ5Ljk1NyAwLDQ3LjUyOSAwLDQ0LjY4OEwwLDEwLjMxM0MwLDcuNDcyIDEuMDA4LDUuMDQzIDMuMDI1LDMuMDI2QzUuMDQyLDEuMDA5IDcuNDcxLDAgMTAuMzEyLDBMNDQuNjg3LDBDNDcuNTI4LDAgNDkuOTU3LDEuMDA5IDUxLjk3NCwzLjAyNkM1My45OTEsNS4wNDMgNTUsNy40NzIgNTUsMTAuMzEzWk00NS44MzMsMjkuNzkyTDQ1LjgzMywyNS4yMDlDNDUuODMzLDI0LjU4OCA0NS42MDYsMjQuMDUxIDQ1LjE1MywyMy41OThDNDQuNjk5LDIzLjE0NCA0NC4xNjIsMjIuOTE3IDQzLjU0MiwyMi45MTdMMTEuNDU4LDIyLjkxN0MxMC44MzcsMjIuOTE3IDEwLjMsMjMuMTQ0IDkuODQ3LDIzLjU5OEM5LjM5MywyNC4wNTEgOS4xNjYsMjQuNTg4IDkuMTY2LDI1LjIwOUw5LjE2NiwyOS43OTJDOS4xNjYsMzAuNDEzIDkuMzkzLDMwLjk1IDkuODQ3LDMxLjQwNEMxMC4zLDMxLjg1NyAxMC44MzcsMzIuMDgzIDExLjQ1OCwzMi4wODNMNDMuNTQyLDMyLjA4M0M0NC4xNjIsMzIuMDgzIDQ0LjY5OSwzMS44NTcgNDUuMTUzLDMxLjQwNEM0NS42MDYsMzAuOTUgNDUuODMzLDMwLjQxMyA0NS44MzMsMjkuNzkyWiIgc3R5bGU9ImZpbGw6cmdiKDAsMTE3LDE3NSk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=") !important;
}
/* */
/* */
article ol#commentlist {
padding: 0;
}
article ol#commentlist li {
list-style: none;
padding: 0;
}
article ol#commentlist li::before {
display: none;
}
article ol#commentlist li div.comment-body {
padding: 10px 20px;
margin: 20px 0 0 0;
background: var(--theme-block-bg);
border: 1px solid #e0e1e1;
box-shadow: inset 0 0 0 1px white, 0px 0px 3px var(--theme-block-bg);
}
article ol#commentlist li div.comment-author {
width: 100%;
display: inline-block;
border-bottom: 1px solid #eee;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
line-height: 32px;
}
article ol#commentlist li div.comment-author img.photo {
float: left;
margin: 0 10px 0 0;
border-radius: 50%;
padding: 2px;
background: white;
box-shadow: 0 0 1px 0px rgba(0,0,0,0.2);
width: 36px;
height: 36px;
}
article ol#commentlist li div.comment-author cite {
padding: 0 4px 0 0;
line-height: 32px;
display: inline-block;
float: left;
}
article ol#commentlist li div.comment-author div.comment-meta {
float: right;
font-size: 12px;
}
article ol#commentlist li div.reply {
text-align: right;
display: inline-block;
width: 100%;
}
article ol#commentlist li div.reply a {
border: 1px solid #c5c5c5;
color: #c5c5c5;
border-radius: 4px;
padding: 8px 20px;
margin: 0 0 10px 0;
float: right;
}
article ol#commentlist li div.reply a:hover,
article ol#commentlist li.comment-author-admin div.reply a:hover {
color: var(--theme-color-blue);
border-color: var(--theme-color-blue);
}
article ol#commentlist li.comment-author-admin div.comment-body {
background: #e9ffee;
}
article ol#commentlist li.comment-author-admin div.comment-body,
article ol#commentlist li.comment-author-admin div.comment-author,
article ol#commentlist li.comment-author-admin div.reply a {
border-color: #c0efcb91;
}
article ol#commentlist li.comment-author-admin div.reply a {
color: #759f7e;
}
article div#respond {
margin: 20px 0 0 0;
}
article form#commentform {
width: 100%;
padding: 20px;
margin: 0 0 20px 0;
background: var(--theme-block-bg);
border: 1px solid #e0e1e1;
box-shadow: inset 0 0 0 1px white, 0px 0px 3px var(--theme-block-bg);
}
article form#commentform input,
article form#commentform textarea {
width: 100%;
border: 1px solid #e0e1e1;
padding: 8px;
line-height: var(--theme-line-height);
font-size: var(--theme-font-size);
color: var(--theme-color-font);
font-family: 'Source Sans Pro', arial, sans-serif;
font-weight: 400;
}
article form#commentform input[type="checkbox"] {
width: auto;
float: left;
}
article form#commentform input:focus,
article form#commentform textarea:focus {
outline: none;
border-color: var(--theme-color-blue);
}
article form#commentform input[type="submit"] {
width: auto;
clear: both;
display: table;
margin: 20px auto 0 auto;
background: var(--theme-button-green-light);
border: 1px solid var(--theme-button-green-light);
padding: 0 35px;
line-height: 46px;
border-radius: 5px;
color: #fff;
position: relative;
font-size: 18px;
cursor: pointer;
-webkit-appearance: none;
}
article form#commentform input[type="submit"]:hover {
background: var(--theme-color-blue);
border-color: var(--theme-color-blue);
}
article form#commentform p {
width: 100%;
display: inline-block;
}
article form#commentform label {
width: 100px;
float: left;
}
article form#commentform label[for="wp-comment-cookies-consent"] {
width: auto;
}
article .form-submit {
margin-bottom: 0 !important;
}
body:not(.logged-in) div[data-name="comment_author"] {
display: none;
}
/* */
/* */
div.social-buttons {
width: 100%;
border-top: 3px double #eee;
border-bottom: 3px double #eee;
padding: 10px 0 5px 0;
margin-bottom: var(--theme-block-margin);
}
div.social-buttons > span {
font-weight: bold;
}
div.social-buttons ul {
width: 100%;
margin: 10px 0 0 0;
display: inline-block;
position: relative;
}
ul::before {
position: relative;
width: 100%;
height: 40px;
line-height: 40px;
position: absolute;
left: 0;
top: 0;
font-weight: 700;
}
div.social-buttons ul li {
width: auto;
float: left;
display: inline-block;
}
div.social-buttons ul li::before {
content: '';
}
div.social-buttons ul li a {
background: #aaa;
border-radius: 2px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
display: block;
position: relative;
overflow: hidden;
margin-right: 10px;
display: flex;
justify-content: center;
align-items: center;
}
div.social-buttons ul li a.facebook {
background: #3B5998;
}
div.social-buttons ul li a.google {
background: #db4437;
}
div.social-buttons ul li a.twitter {
background: #71c9f8;
}
div.social-buttons ul li a.linkedin {
background: #0077B5;
}
div.social-buttons ul li a.pinterest {
background: #BD081C;
}
div.social-buttons ul li a span {
position: absolute;
left: -2000px;
}
div.social-buttons ul li i.i {
transform: none;
width: 30px;
height: 30px;
margin: 0 !important;
}
/* */
/* */
footer {
width: 100%;
min-height: 200px;
display: flex;
justify-content: center;
padding: 10px 0;
border-top: 1px solid #e8e8e8;
/*background-color: #2B333A;
background-image: url("/wp-content/themes/online-casino/assets/images/header-bg.png");
background-attachment: fixed;*/
background-color: #05012c;
color: white;
text-transform: uppercase;
font-size: 11px;
}
@media only screen and (max-width: 1024px) {
footer {
padding-bottom: 90px;
}
}
@media only screen and (min-width: 1024px) {
footer {
height: 200px;
}
main {
min-height: calc(100vH - 100px);
}
}
footer > div {
width: 100%;
max-width: var(--theme-body-width);
}
footer #footer-content {
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
max-width: 100%;
margin: 0 auto;
max-width: 100%;
}
footer div#footer-content {
padding-left: 5%;
padding-right: 5%;
}
footer p {
line-height: 26px;
margin: 0;
}
footer a {
color: #ed4ac9;
font-weight: 400;
}
footer a:hover {
color: var(--theme-button-green-dark);
}
footer p.copyright span.sep {
padding-left: 5px;
padding-right: 5px;
}
footer p.copyright span + span a {
text-decoration: underline;
}
@media only screen and (max-width: 1024px) {
footer p.copyright {
display: flex;
flex-direction: column;
}
footer p.copyright span.sep {
display: none;
}
footer p.copyright span + span {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding-top: 0px;
}
footer p.copyright span + span a {
white-space: nowrap;
padding: 6px;
}
footer p.copyright > span + span {
padding: 5px 0;
}
footer #footer-content {
text-align: center;
}
}
footer div.disclaimer-text figure {
margin: 0 !important;
}
footer div.disclaimer-text > :first-child {
position: relative;
}
footer div.disclaimer-text > :first-child > span,
footer div.disclaimer-text > :first-child > img {
width: auto;
height: 44px;
margin: 3px 20px 0 0;
}
footer div.disclaimer-text > :first-child > * {
display: flex;
justify-content: center;
align-items: center;
}
footer div.disclaimer-text > :first-child img {
width: auto;
height: 44px;
}
footer div.disclaimer-text,
footer div.disclaimer-text > :first-child {
display: flex;
/*justify-content: center;*/
align-items: center;
}
@media only screen and (max-width: 1024px) {
footer div.disclaimer-text{
flex-direction: column;
padding: 0 20px;
}
footer div.disclaimer-text > :first-child {
margin-top: 10px;
margin-bottom: 15px;
}
}
footer div.disclaimer-text span {
line-height: 20px;
}
#disclaimer {
position: fixed;
bottom: 16px;
width: 198px;
height: 50px;
background: #05012cbb;
backdrop-filter: blur(9px);
-webkit-backdrop-filter: blur(9px);
z-index: 999;
border-radius: 8px;
flex-direction: column;
text-transform: initial;
color: white;
display: flex;
}
@media only screen and (min-width: 1024px) {
#disclaimer {
right: 20px;
}
.back-top #disclaimer {
right: 76px;
}
}
@media only screen and (max-width: 1024px) {
#disclaimer {
left: 20px;
width: calc(100% - 40px);
}
.back-top #disclaimer {
width: calc(100% - 96px);
}
}
#disclaimer span {
padding-left: 10px;
line-height: 32px;
}
#disclaimer span + span {
padding-left: 14px;
line-height: 11px;
margin-top: -7px;
}
body.lang_en #disclaimer span {
padding-left: 0px;
text-align: center;
line-height: 50px;
}
body.lang_en #disclaimer span + span {
display: none;
}
#back-top {
position: fixed;
right: 20px;
bottom: 16px;
width: 50px;
height: 50px;
background: #05012cbb;
backdrop-filter: blur(9px);
-webkit-backdrop-filter: blur(9px);
z-index: 999;
border-radius: 8px;
}
body.mobile-button #back-top {
bottom: 75px;
}
#back-top i {
width: 50px;
height: 50px;
line-height: 47px;
text-align: center;
color: #fff;
font-size: 30px;
background-size: 20px 20px;
background-position: 50% 50%;
filter: invert(1);
opacity: 0.9 !important;
}
/* */
/* */
#cookie {
position: fixed;
background: rgba(0,0,0,0.75);
backdrop-filter: blur(9px);
-webkit-backdrop-filter: blur(9px);
left: 0;
right: 0;
bottom: 0;
height: auto;
display: flex;
flex-direction: column;
z-index: 1000;
}
#cookie, #cookie a, #cookie a:hover {
font-size: 12px;
color: white;
}
#cookie a, #cookie a:hover {
text-decoration: underline !important;
}
#cookie > p {
text-align: center;
padding: 10px;
margin: 0 !important;
line-height: 16px;
}
#cookie > span {
display: flex;
justify-content: center;
padding-bottom: 10px;
}
#cookie > span > a, #cookie > span > a:hover {
display: inline-block;
padding: 5px 15px;
text-decoration: none !important;
cursor: pointer;
border-radius: 5px;
}
#cookie > span > a + a {
margin-left: 20px;
}
#cookie > span > a.accept {
background: var(--theme-color-green);
text-transform: uppercase;
}
#cookie > span > a.deny {
background: #4a4a4a;
}
#cookie-close {
position: absolute;
right: 2px;
top: 5px;
width: 16px;
height: 16px;
opacity: 0.5;
}
#cookie-close:hover {
opacity: 1;
cursor: pointer;
}
#cookie-close:before, #cookie-close:after {
position: absolute;
left: 7px;
content: ' ';
height: 10px;
width: 2px;
background-color: white;
}
#cookie-close:before {
transform: rotate(45deg);
}
#cookie-close:after {
transform: rotate(-45deg);
}
/* */
/* */
.block.media img:not([src]) {
width: 1px !important;
height: 1px !important;
opacity: 0;
}
.seal-wrapper,
.seal.common-data-seal,
.seal img {
box-shadow: 0 0 20px rgba(0,0,0,.25);
}
.seal .payments {
padding-bottom: 6px !important;
}
.seal .payments > div {
padding: 0 0 0 13px !important;
}
.seal .payments > div > * {
margin-right: 5px !important;
}
.seal .payments > div {
margin: auto !important;
}
.seal .payments > div,
.seal .payments > div span,
.seal .payments > div span.field.center:not(.flex) {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
position: static !important;
margin: 0;
}
@media only screen and (max-width: 480px) {
.seal .payments > div,
.seal .payments > div span,
.seal .payments > div span.field.center:not(.flex) {
justify-content: center;
}
}
.seal.common-data-seal .payments img,
.seal .payments img {
width: 62px;
height: 38px;
padding: 3px !important;
box-shadow: 0 0 25px #ce7cd6 !important;
border-radius: 3px;
background: #fff;
margin-top: 6px;
object-fit: contain;
}
.seal-wrapper {
box-shadow: 0 0 20px rgba(0,0,0,.25);
}
.seal-wrapper,
.seal.common-data-seal {
max-width: 222px;
margin-bottom: 20px !important;
border-radius: 5px;
margin: 1px 1px 0 1px;
}
.seal-wrapper.alignright,
.seal.common-data-seal.alignright {
margin: 0 0 20px 20px !important;
}
.seal.common-data-seal {
border-spacing: 0;
}
.seal.common-data-seal tr {
color: white;
}
.seal.common-data-seal tr > * {
font-size: 13px;
vertical-align: middle;
border-width: 0 !important;
}
.seal.common-data-seal tr > *:not([colspan]:first-child) {
padding-left: 13px !important;
}
.seal.common-data-seal tr.bonus > th {
-webkit-hyphens: auto;
hyphens: auto;
}
.seal.common-data-seal .button {
background: #cb1da8;
width: calc(100% - 24px);
height: 34px;
line-height: 34px;
margin: 5px 0;
border-radius: 5px;
margin-bottom: 13px;
}
.seal.common-data-seal tr > th {
/*width: 120px;*/
vertical-align: top;
}
.seal-wrapper,
.seal.common-data-seal tr > [colspan] {
padding: 0px;
text-align: center;
min-height: 27px;
}
.seal.common-data-seal tr:first-child > * {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.seal.common-data-seal tr:last-child > * {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.seal.common-data-seal tr > [colspan="2"] {
line-height: 27px;
}
.seal.common-data-seal tr > .ms {
height: 102px;
}
.seal.common-data-seal tr > .ms img {
background: white;
margin-top: 11px !important;
box-shadow: 0 0 9px #fff !important;
width: calc(100% - 22px) !important;
height: 80px;
object-fit: contain;
}
.seal.common-data-seal tr > .s,
.seal.common-data-seal .img-wrapper {
height: 237px;
min-width: 222px;
position: relative;
}
.seal.common-data-seal tr > .s .img-wrapper img {
margin-top: -102px !important;
}
.seal.common-data-seal tr > .s .img-wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.seal.common-data-seal tr:first-child + tr + tr > [colspan="2"] {
background: #5e4a9f;
}
.seal.common-data-seal tr > [colspan] > a {
display: inline-block;
}
.seal-wrapper img,
.seal.common-data-seal img {
padding: 0 !important;
border: 0 !important;
box-shadow: none !important;
}
@media only screen and (max-width: 1024px) {
.seal-wrapper img {
float: none;
}
}
@media only screen and (max-width: 576px) {
.seal:not(.common-data-seal) > img {
max-width: 125px;
height: auto;
}
}
.seal-wrapper,
.seal.common-data-seal {
background-image: linear-gradient(to bottom, #CB1DA8 0px, #CB1DA8 102px, #572f8e 102px, #572f8e 100%);
background-image: linear-gradient(to bottom, #CB1DA8 0px, #CB1DA8 102px, #59328e 102px, #59328e 100%);
background-repeat: no-repeat;
}
@media only screen and (max-width: 480px) {
.seal-wrapper,
.seal.common-data-seal {
float: none;
margin: 0 auto;
width: 100%;
max-width: 100%;
}
.seal-wrapper.alignright,
.seal.common-data-seal.alignright {
margin: 0 0 20px 0 !important;
}
/*.seal img {
max-width: 175px;
}*/
}
/*@media only screen and (max-width: 375px) {
.seal img {
max-width: 150px;
}
}*/
.thumbnails li {
display: flex;
}
.thumbnails li + li {
margin-top: 0;
}
.thumbnails li > span {
min-height: 30px;
}
.thumbnails li > span.text {
padding-top: 5px;
}
.thumbnails li > span + span.text {
padding-left: 3px;
}
span.thumbnail {
display: inline-block;
}
.thumbnail img {
width: 40px;
height: 30px;
object-fit: cover;
border: 1px solid var(--theme-block-bg);
border-radius: 3px;
background: white;
padding: 1px;
margin-left: 2px;
margin-right: 2px;
object-fit: contain;
}
@media only screen and (max-width: 1024px) {
td .margin {
margin-top: 10px;
margin-bottom: 5px;
}
}
/* */
/* */
.more-button, .back_toc {
color: var(--theme-color-font);
display: inline-block;
width: 100%;
overflow: hidden;
padding: 0;
}
.more-button {
max-height: 0;
opacity: 0;
padding: 0;
margin: 0;
float: left;
}
.more-button + .block {
clear: left;
}
.more-button:last-child {
display: none;
}
.more-button:hover {
cursor: pointer;
}
.back_toc {
margin-bottom: calc(var(--theme-block-margin) / 2);
justify-content: flex-end !important;
padding-right: 5px;
}
.back_toc,
.more + .more-button,
.more + .more-button > span,
.block.media.type-picture.more a.more-button,
.block.media.type-picture.more a.more-button > span,
.more.text ~ .more-button,
.more.text ~ .more-button > span {
text-align: center;
font-size: 12px;
}
.back_toc,
.more + .more-button:not(.author),
.more + .more-button:not(.author) > span,
.block.media.type-picture.more a.more-button,
.block.media.type-picture.more a.more-button > span,
.more.text ~ .more-button:not(.author),
.more.text ~ .more-button:not(.author) > span,
.more.text ~ .more-button.author > span {
display: inline-flex;
justify-content: center;
align-items: center;
}
.back_toc,
.more + .more-button:not(.author),
.more + .more-button:not(.author) > span,
.more.text ~ .more-button:not(.author),
.more.text ~ .more-button:not(.author) > span {
width: 100%;
}
/*table.more {
border-bottom: 0 !important;
}*/
.comments.more + .more-button,
.media.more + .more-button,
.links.more + .more-button,
.compare-table.more:not(.more-expanded) + .more-button,
table.more + .more-button {
background: white;
border: 1px solid #e0e1e1;
border-top: 0;
box-shadow: 0px 0px 3px var(--theme-block-bg);
margin-top: -2px;
padding: 1px;
}
body.mobile table.more + .more-button,
body.mobile .block.table.info.layout-grid-mobile.more + .more-button,
body.mobile .block.table.top_list.layout-grid-mobile.more + .more-button {
margin-top: 1px;
border-radius: var(--theme-block-radius);
border: 1px solid #e0e1e1;
}
.media.more + .more-button,
.links.more + .more-button {
margin-bottom: var(--theme-block-margin);
}
.media.more + .more-button > span,
.links.more + .more-button > span,
table.more.layout-grid + .more-button > span,
body.mobile table.more.layout-grid-mobile + .more-button > span {
background: var(--theme-block-bg);
}
.more-button i.i, i.i[style*="chevron-up"] {
min-width: 20px;
background-size: 12px 12px;
background-position: 50% 50%;
transition: all .25s ease;
}
.more-button.more-open i.i {
transform: rotate(180deg) translateY(0px);
}
.more-button i.i + span + span,
.more-button.more-open i.i + span {
display: none;
}
.more-button.more-open i.i + span + span {
display: block;
}
@media only screen and (min-width: 1024px) {
.more + .more-button.more-desktop,
.more.text ~ .more-button.more-desktop,
.block.media.type-picture.more a.more-button.more-desktop {
padding: 1px 1px 0px 1px;
max-height: 27px;
opacity: 1;
display: inline-block;
}
.more + .more-button.more-desktop + *,
.more.text ~ .more-button.more-desktop + *,
.block.media.type-picture.more a.more-button.more-desktop + * {
clear: left;
}
.comments.more + .more-button.more-desktop:not(.author),
.more-button.text.more-desktop:not(.author),
.block.list.more + .more-button.more-desktop:not(.author),
.block.media.type-picture.more a.more-button {
background: var(--theme-block-bg);
border: 1px solid #e0e1e1;
box-shadow: inset 0 0 0 1px white, 0px 0px 3px var(--theme-block-bg);
margin-bottom: var(--theme-block-margin);
}
.block.list.more + .more-button.more-desktop {
margin-top: -3px;
padding: 2px 2px 1px 2px;
}
.block.list.more + .more-button {
margin-top: -3px;
padding: 2px 2px 1px 2px;
}
.more:not(.more-expanded) + .more-button.even-desktop > span,
.more.more-expanded + .more-button.odd-last > span {
background: var(--theme-block-bg);
border: 1px solid var(--theme-block-bg);
}
.more-hide.more-hide-desktop:not(.more-expanded), /* Texts */
.more.links:not(.more-expanded) > ul.links > li.more-desktop, /* Links */
.more.links:not(.more-expanded) > ul.links > li.more-desktop ~ li, /* Links */
.more.list:not(.more-expanded) > input.more-desktop, /* Lists */
.more.list:not(.more-expanded) > h3.more-desktop, /* Lists */
.more.list:not(.more-expanded) > div.more-desktop, /* Lists */
.more.list:not(.more-expanded) > .more-desktop + a.back_toc, /* Lists */
.more.list:not(.more-expanded) > .box-content > input.more-desktop, /* Lists */
.more.list:not(.more-expanded) > .box-content > h3.more-desktop, /* Lists */
.more.list:not(.more-expanded) > .box-content > div.more-desktop, /* Lists */
.more.list:not(.more-expanded) > .box-content > div.more-desktop + a.back_toc, /* Lists */
.more.table:not(.more-expanded) li.more-desktop, /* Toplists Grid */
.more.table:not(.more-expanded) tr.more-desktop, /* Toplists Table */
.more.table:not(.more-expanded) li.more-desktop ~ li, /* Toplists Grid */
.more.table:not(.more-expanded) tr.more-desktop ~ tr /* Toplists Table */ {
display: none !important;
}
}
.block.media.type-picture.more a.more-button {
border-top: 0 !important;
margin-top: -2px !important;
position: relative;
}
.block.media.more > .wrapper {
display: inline-flex;
flex-direction: column;
}
.block.media.more > .wrapper {
display: inline-flex;
flex-direction: column;
}
.block.media.more .more-button {
margin-bottom: var(--theme-block-margin) !important;
}
@media only screen and (max-width: 1024px) {
.more + .more-button.more-mobile,
.more.text ~ .more-button.more-mobile,
.block.media.type-picture.more a.more-button.more-mobile {
max-height: 35px;
min-height: 35px;
padding: 1px 1px 0px 1px;
opacity: 1;
display: inline-block;
}
.more + .more-button.more-mobile + *,
.more.text ~ .more-button.more-mobile + *,
.block.media.type-picture.more a.more-button.more-mobile + * {
clear: left;
}
.more + .more-button.more-mobile > span,
.more.text ~ .more-button.more-mobile > span,
.block.media.type-picture.more a.more-button.more-mobile > span {
max-height: 31px;
min-height: 31px;
}
.more + .more-button.more-mobile > span > i,
.more.text ~ .more-button.more-mobile > span > i,
.block.media.type-picture.more a.more-button.more-mobile > span > i {
margin-top: -2px;
}
.comments.more + .more-button.more-mobile:not(.author),
.more-button.text.more-mobile:not(.author),
.block.list.more + .more-button.more-mobile:not(.author),
.block.media.type-picture.more a.more-button {
background: var(--theme-block-bg);
border: 1px solid #e0e1e1;
box-shadow: inset 0 0 0 1px white, 0px 0px 3px var(--theme-block-bg);
margin-bottom: var(--theme-block-margin);
border-radius: var(--theme-block-radius);
}
.block.list.more + .more-button.more-mobile {
margin-top: -3px;
padding: 2px 2px 1px 2px;
}
.more:not(.more-expanded) + .more-button.even-mobile > span,
.more.more-expanded + .more-button.odd-last > span {
background: var(--theme-block-bg);
border: 1px solid var(--theme-block-bg);
}
aside > .more:not(.more-expanded), /* Sidebar */
.comments.more:not(.more-expanded), /* Comments */
.more-hide.more-hide-mobile:not(.more-expanded), /* Texts */
.more.links:not(.more-expanded) > ul.links > li.more-mobile, /* Links */
.more.links:not(.more-expanded) > ul.links > li.more-mobile ~ li, /* Links */
.more.list:not(.more-expanded) > input.more-mobile, /* Lists */
.more.list:not(.more-expanded) > h3.more-mobile, /* Lists */
.more.list:not(.more-expanded) > div.more-mobile, /* Lists */
.more.list:not(.more-expanded) > .more-mobile + a.back_toc, /* Lists */
.more.list:not(.more-expanded) > .box-content > input.more-mobile, /* Lists */
.more.list:not(.more-expanded) > .box-content > h3.more-mobile, /* Lists */
.more.list:not(.more-expanded) > .box-content > div.more-mobile, /* Lists */
.more.list:not(.more-expanded) > .box-content > div.more-mobile + a.back_toc, /* Lists */
.more.table:not(.more-expanded) li.more-mobile, /* Toplists Grid */
.more.table:not(.more-expanded) tr.more-mobile, /* Toplists Table */
.more.table:not(.more-expanded) li.more-mobile ~ li, /* Toplists Grid */
.more.table:not(.more-expanded) tr.more-mobile ~ tr /* Toplists Table */ {
display: none !important;
}
}
.review_compare.more-button {
display: none !important;
}
/* */
/* */
/* */
.block.button {
display: flex;
justify-content: center;
}
a.button,
a.button > * {
height: 50px;
line-height: 50px;
}
a.button {
clear: both;
background: #582f8e;
color: #fff;
position: relative;
text-decoration: none;
padding-left: 10px;
padding-right: 10px;
text-align: center;
min-height: 35px;
display: inline-block;
border-radius: 2px;
box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
max-width: 100%;
font-size: .85rem;
font-weight: 600;
}
a.button.round {
border-radius: 56px;
line-height: 47px;
padding-left: 20px;
padding-right: 20px;
}
a.button.outline {
background: #582f8e !important;
border: 1px solid #009be1;
}
a.button i {
min-width: 50px;
}
a.button.blue {
background: #0075af;
opacity: 0.8;
}
a.button.orange {
background: #e38e33 !important;
}
a.button.fixed,
a.button.goto.orange {
background: linear-gradient(to right, #bb7123 0px, #bb7123 50px, #e38e33 50px, #e38e33 100%);
}
a.button:hover {
text-decoration: none;
}
td a.button {
/*font-size: 15px;*/
}
article div.compare-table div.compare-box div.compare-wrapper a.button,
a.goto.button,
.block.button a.button {
background-image: linear-gradient(to right, var(--theme-button-green-dark) 0px, var(--theme-button-green-dark) 50px, var(--theme-button-green-light) 50px, var(--theme-button-green-light) 100%);
box-shadow: 0 0 20px rgba(0,0,0,0.25);
border-radius: 10px;
}
article div.compare-table div.compare-box div.compare-wrapper a.button {
min-height: 50px;
}
a.goto.button {
padding-left: 65px;
padding-right: 15px;
background-image: url("/wp-content/themes/online-casino/assets/images/fi/fi-arrow-right-white.svg"), linear-gradient(to right, var(--theme-button-green-dark) 0px, var(--theme-button-green-dark) 50px, var(--theme-button-green-light) 50px, var(--theme-button-green-light) 100%);
background-position: 17px 50%,0 0;
background-size: 18px 18px, 100% 100%;
background-repeat: no-repeat, no-repeat;
}
.shadow {
box-shadow: 0 0 20px rgba(0,0,0,0.1) !important;
}
.block.button a.button:hover {
/*background-image: linear-gradient(to right, var( --theme-button-blue-dark) 0px, var( --theme-button-blue-dark) 50px, var(--theme-button-blue-light) 50px, var(--theme-button-blue-light) 100%);*/
box-shadow: 0 0 20px rgba(0,0,0,0.35);
}
a.button.fixed {
position: fixed;
left: 20px;
bottom: 16px;
z-index: 999;
margin: 0;
width: calc(100% - 40px);
box-shadow: 0 0 20px rgba(0,0,0,0.3);
text-align: center;
animation-name: blink;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-duration: 2s;
animation-delay: 2s;
}
a.button.fixed > span {
flex: 1;
}
a.button.fixed + a.button.fixed {
display: none;
}
@keyframes blink {
0% {
transform: scale(1);
}
25% {
transform: scale(1.03);
}
50% {
transform: scale(1);
}
100% {
transform: scale(1);
}
}
.flex:not(.button):not(.field) {
display: flex;
justify-content: center;
align-items: center;
}
.flex:not(.button):not(.field).column {
flex-direction: column;
}
a.button.flex {
display: inline-flex;
}
ul.grid a.button {
width: 100%;
}
.block.button a.button {
margin: 15px auto 20px auto;
}
a.button > i.i {
width: 50px;
background-position: 50% 50%;
margin-left: -8px;
opacity: 1;
}
a.button > span {
padding-left: 15px;
padding-right: 15px;
white-space: nowrap;
text-shadow: 0 0 25px #ce7cd6 !important;
}
@media only screen and (max-width: 560px) {
*:not(.buttons) > a.button:not(.fixed) > span {
font-size: 3.5vw;
}
}
td a.button {
width: 100%;
}
td a.button,
td a.button:hover {
text-decoration: none;
white-space: nowrap;
}
td a.button > i.i {
display: none;
}
td a.button > span {
padding-left: 12px;
padding-right: 12px;
font-size: 15px;
}
td a.button,
td a.button > *,
.button.small,
.button.small > * {
height: 35px;
line-height: 35px;
}
/* */
/* */
.block.media {
text-align: center;
}
.block.media img {
max-width: 100%;
background: white;
}
.block.media.caption img {
border: 1px solid #eee;
}
.block.media .frame {
display: inline-flex;
flex-direction: column;
margin: 0;
max-width: 100%;
border: 1px solid #e0e1e1;
position: relative;
}
article img[src*="/seal/"],
article img[class*="wp-image"],
.block.media.type-iframe .frame,
.block.media.type-iframe .frame img,
.block.media.type-picture .frame,
.block.media.type-picture .frame img {
border-radius: var(--theme-block-radius);
}
.block.media.caption.type-picture .frame img {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.block.media.caption .frame {
background: var(--theme-block-bg);
}
.block.media.caption.type-video {
background: var(--theme-block-bg);
border: 1px solid #e0e1e1;
box-shadow: 0 0 3px var(--theme-block-bg);
border-radius: var(--theme-block-radius);
}
.block.media.type-iframe.more:not(.fullsreen) .frame,
.block.media.type-picture.more:not(.fullsreen) .frame,
.block.media.type-iframe:not(.fullsreen) .frame > .img,
.block.media.type-iframe:not(.fullsreen) .frame > .img img/*,
.block.media.type-picture:not(.fullsreen) .frame > .img*/ {
float: left;
}
.block.media .frame > .img.preview img {
margin: 0 !important;
height: 100% !important;
object-fit: cover;
}
.block.media .frame > .img.preview .privacy {
position: absolute;
bottom: 25px;
left: 0;
right: 0;
color: white;
z-index: 10;
padding: 0 10px;
}
.block.media .frame > .img.preview .play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
z-index: 10;
padding: 10px 15px 10px 40px;
border: 4px solid white;
border-radius: 10px;
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij4KICAgIDxnPgogICAgICAgIDxwYXRoIGQ9Ik0zNjYuNCwyNzcuMkw3MjIuNyw1MDBMMzY2LjQsNzIyLjdMMzY2LjQsMjc3LjJaIiBzdHlsZT0iZmlsbDp3aGl0ZTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgIDwvZz4KPC9zdmc+Cg==");
background-size: 44px;
background-repeat: no-repeat;
background-position: 0% 50%;
cursor: pointer;
font-size: 19px;
}
@media only screen and (max-width: 1024px) {
.block.media .frame > .img.preview .privacy {
bottom: 15px;
}
}
.block.media .frame > .img.preview .privacy,
.block.media .frame > .img.preview .privacy a,
.block.media .frame > .img.preview .privacy a:hover {
color: white;
font-size: 12px;
line-height: 14px;
}
.block.media .frame > .img.preview .privacy a,
.block.media .frame > .img.preview .privacy a:hover {
text-decoration: underline;
}
.block.media .frame > .img.preview.inited::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0,0,0,0.5);
border-radius: var(--theme-block-radius);
cursor: pointer;
}
.block.media .frame > .img.preview.inited:not(.company)::after {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij4KICAgIDxnPgogICAgICAgIDxwYXRoIGQ9Ik01MDAsOTkwQzIyOS40LDk5MCAxMCw3NzAuNiAxMCw1MDBDMTAsMjI5LjQgMjI5LjQsMTAgNTAwLDEwQzc3MC42LDEwIDk5MCwyMjkuNCA5OTAsNTAwQzk5MCw3NzAuNiA3NzAuNiw5OTAgNTAwLDk5MFpNNTAwLDk5QzI2NS40LDk5IDk5LjEsMjY1LjQgOTkuMSw1MDBDOTkuMSw3MzQuNSAyNjUuNCw5MDAuOSA1MDAsOTAwLjlDNzM0LjUsOTAwLjkgOTAwLjksNzM0LjUgOTAwLjksNTAwQzkwMC45LDI2NS40IDczNC41LDk5IDUwMCw5OVpNMzY2LjQsMjc3LjJMNzIyLjcsNTAwTDM2Ni40LDcyMi43TDM2Ni40LDI3Ny4yWiIgc3R5bGU9ImZpbGw6d2hpdGU7ZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=");
background-size: 64px 64px;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.block.media .frame > .img.preview img:not([src]) .privacy,
.block.media .frame > .img.preview img:not([src]) .play,
.block.media .frame > .img.preview:not(.inited) img .privacy,
.block.media .frame > .img.preview:not(.inited) img .play {
display: none;
}
.block.media.type-picture:not(.fullsreen) .frame > .img img {
display: block;
}
.block.media .img.preview img,
.block.media iframe {
width: 100% !important;
height: 100% !important;
position: absolute;
left: 0;
top: 0;
border-radius: var(--theme-block-radius);
}
.block.media .img.inited iframe:not(.loaded) {
background-color: black;
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTDUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICAgdmlld0JveD0iMCAwIDEwMCAxMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDAgMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgICA8Y2lyY2xlIGZpbGw9IiNmZmYiIHN0cm9rZT0ibm9uZSIgY3g9IjYiIGN5PSI1MCIgcj0iNiI+Cgk8YW5pbWF0ZVRyYW5zZm9ybSAKCWF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgCglkdXI9IjFzIiAKCXR5cGU9InRyYW5zbGF0ZSIgCgl2YWx1ZXM9IjAgMTUgOyAwIC0xNTsgMCAxNSIgCglyZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgCgliZWdpbj0iMC4xIi8+CiAgICA8L2NpcmNsZT4KICAgIDxjaXJjbGUgZmlsbD0iIzNlYTJkNCIgc3Ryb2tlPSJub25lIiBjeD0iMzAiIGN5PSI1MCIgcj0iNiI+Cgk8YW5pbWF0ZVRyYW5zZm9ybSAKCWF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgCglkdXI9IjFzIiAKCXR5cGU9InRyYW5zbGF0ZSIgCgl2YWx1ZXM9IjAgMTAgOyAwIC0xMDsgMCAxMCIgCglyZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgCgliZWdpbj0iMC4yIi8+CiAgICA8L2NpcmNsZT4KICAgIDxjaXJjbGUgZmlsbD0iI2ZmZiIgc3Ryb2tlPSJub25lIiBjeD0iNTQiIGN5PSI1MCIgcj0iNiI+Cgk8YW5pbWF0ZVRyYW5zZm9ybSAKCWF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgCglkdXI9IjFzIiAKCXR5cGU9InRyYW5zbGF0ZSIgCgl2YWx1ZXM9IjAgNSA7IDAgLTU7IDAgNSIgCglyZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgCgliZWdpbj0iMC4zIi8+CiAgICA8L2NpcmNsZT4KPC9zdmc+Cg==");
background-size: 100px 100px;
background-repeat: no-repeat;
background-position: calc(50% + 20px) 50%;
}
.block.media .img.inited iframe[src*="google"]:not(.loaded) {
background-color: rgba(0,0,0,0.5);
}
.block.media.caption iframe {
padding: 2px;
border: 1px solid #e0e1e1 !important;
}
.block.media.type-embed:not(.caption) .frame,
.block.media.type-iframe:not(.caption) .frame {
box-shadow: inset 0 0 0 1px white, 0px 0px 3px var(--theme-block-bg);
padding: 1px;
}
.block.media.more .frame {
padding: 1px;
}
.block.media.caption .frame,
.block.media.caption.type-embed .wp-video {
box-shadow: inset 0 0 0 1px white, 0px 0px 3px var(--theme-block-bg);
padding: 20px 20px 0 20px;
}
.block.media.type-embed .frame,
.block.media.type-embed .wp-video,
.block.media.type-iframe .frame,
.block.media.type-iframe .img {
width: 100% !important;
}
.block.media.type-embed video {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
outline: none;
background-color: black;
}
.block.media.type-embed.caption video {
width: calc(100% - 40px);
height: calc(100% - 20px);
top: 20px;
left: 20px;
}
.block.media.type-embed .frame,
.block.media.type-embed .wp-video,
.block.media.type-iframe .img {
position: relative;
display: inline-block;
padding-top: 60% !important;
}
/*.accordion-content .block.media.type-embed .frame,*/
.accordion-content .block.media.type-embed .wp-video,
.accordion-content .block.media.type-iframe .img {
padding-top: 0 !important;
}
.block.media.type-embed .wp-video {
padding-top: 56.25% !important;
width: 100%;
height: 0;
position: relative;
overflow: hidden;
display: block;
}
.caption-text {
padding-top: 10px;
font-style: italic;
}
.block.media .caption {
display: inline-block;
padding: 0px 20px 14px 20px !important;
transform: translateY(7px);
text-align: center;
font-style: italic;
}
.block.media.type-picture .img {
/*display: inline-block;*/
position: relative;
}
.block.media.type-picture .img img {
margin: 0 auto !important;
}
.block.media.type-picture.more .frame:not(.more-expanded) .img::after {
content: '';
position: absolute;
right: 0;
bottom: 0;
left: 0;
/*background: linear-gradient(to top, var(--theme-block-bg) 0px,rgba(0,0,0,0) 80px, rgba(0,0,0,0) 100%);*/
box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,0.5);
height: 11px;
}
.block.media.type-picture.more .frame.more-expanded .img {
max-height: initial !important;
}
.block.media.type-picture.more .frame:not(.more-expanded) .img {
overflow-y: hidden;
display: inline-block;
}
.block.media.type-picture.more a.more-button {
display: block;
margin: 0 auto;
border-top: 0 !important;
}
.block.media.type-picture.fullscreen {
margin-bottom: var(--theme-block-margin);
}
@media only screen and (max-width: 1024px) {
.block.media img, .block.media iframe {
max-width: 100%;
height: auto;
}
}
.block.media.type-picture.fullscreen .img:hover {
cursor: zoom-in;
}
#img-fullscreen {
background-color: rgba(0,0,0,0.5);
width: 100%;
height: 100%;
position: fixed;
z-index: 10000;
top: 0;
left: 0;
padding: 20px;
transition: all .25s ease;
}
#img-fullscreen > div {
background-image: var(--url);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 100%;
height: 100%;
filter: drop-shadow(0 0 20px rgba(0,0,0,0.5));
}
#img-fullscreen:hover {
cursor: zoom-out;
}
/* */
/* */
ul.links, ol.links {
list-style: none !important;
width: 100%;
padding: 0 !important;
margin: 0 0 0 0;
background: var(--theme-block-bg);
border: 1px solid #e0e1e1;
box-shadow: inset 0 0 0 1px white, 0px 0px 3px var(--theme-block-bg);
}
ul.links > li, ol.links > li {
padding: 9px 20px !important;
}
ul.links > li + li, ol.links > li + li {
border-top: 1px solid white;
}
/* */
/* */
.block.list {
width: 100%;
}
ol.block.list {
margin-bottom: var(--theme-block-margin);
}
.grey,
.gray,
blockquote,
div.block.list:not(.more):not(.slider):not(.box):not(.tabs) {
padding: 20px;
margin: 0 0 20px 0;
background: var(--theme-block-bg);
border: 1px solid #e0e1e1;
box-shadow: 0px 0px 3px var(--theme-block-bg);
border-radius: var(--theme-block-radius);
}
th.grey,
td.grey,
th.gray,
td.gray {
padding: 5px;
border: 0;
box-shadow: none;
}
blockquote {
box-shadow: inset 0 0 0 1px white, 0px 0px 3px var(--theme-block-bg);
}
blockquote > :last-child {
margin-bottom: 0;
}
.white {
padding: 20px;
margin: 0 0 20px 0;
background: white;
border: 1px solid #e0e1e1;
box-shadow: 0px 0px 3px var(--theme-block-bg);
}
.grey > :first-child,
.gray > :first-child,
.white > :first-child,
.tabs-content > :first-child {
margin-top: 0 !important;
}
.grey > :last-child,
.gray > :last-child,
.white > :last-child,
.tabs-content > :last-child {
margin-bottom: 0 !important;
}
.grey > ul:last-child,
.gray > ul:last-child,
.white > ul:last-child,
.tabs-content > ul:last-child {
padding-bottom: 10px !important;
}
.tabs-content > ul {
padding-left: 10px !important;
}
ol.block.list {
padding: 20px;
background: var(--theme-block-bg);
border: 1px solid #e0e1e1;
box-shadow: inset 0 0 0 1px white, 0px 0px 3px var(--theme-block-bg);
border-radius: var(--theme-block-radius);
}
@media only screen and (max-width: 1024px) {
ol.block.list {
padding: 15px 10px 15px 15px;
}
}
.block.list li {
position: relative;
}
.block.list:not(.list-num-false) ul:not(.plus):not(.minus):not(.check):not(.cross):not(.thumbnails) > li:not([role="presentation"]):not(.list-group) {
padding-left: 30px;
}
.block.list:not(.list-num-false) ul:not(.plus):not(.minus):not(.check):not(.cross):not(.thumbnails) > li:not([role="presentation"]):not(.list-group)::before {
content: attr(data-label);
position: absolute;
left: 0;
top: 1px;
font-size: 12px;
color: #aaa;
}
.block.list:not(.list-num-false) li[data-label]:not([role="presentation"]) {
margin-left: 20px;
padding-left: 7px;
}
.block.list:not(.list-num-false) li[data-label="1.)"]:not([role="presentation"]),
.block.list:not(.list-num-false) li[data-label="2.)"]:not([role="presentation"]),
.block.list:not(.list-num-false) li[data-label="3.)"]:not([role="presentation"]),
.block.list:not(.list-num-false) li[data-label="4.)"]:not([role="presentation"]),
.block.list:not(.list-num-false) li[data-label="5.)"]:not([role="presentation"]),
.block.list:not(.list-num-false) li[data-label="6.)"]:not([role="presentation"]),
.block.list:not(.list-num-false) li[data-label="7.)"]:not([role="presentation"]),
.block.list:not(.list-num-false) li[data-label="8.)"]:not([role="presentation"]),
.block.list:not(.list-num-false) li[data-label="9.)"]:not([role="presentation"]) {
margin-left: 27px;
padding-left: 0;
}
.block.list.box.box-content,
.block.list.box .box-content {
background: var(--theme-block-bg);
padding: 20px;
border: 1px solid #e0e1e1;;
box-shadow: inset 0 0 0 1px white, 0px 0px 3px var(--theme-block-bg);
border-radius: var(--theme-block-radius);
}
@media only screen and (max-width: 1024px) {
.block.list.box.box-content,
.block.list.box .box-content {
padding: 15px;
}
}
.block.list.box.box-content > :first-child,
.block.list.box .box-content > :first-child,
.block.list.box.box-content > a[name]:first-child + *,
.block.list.box .box-content > a[name]:first-child + * {
padding-top: 0;
}
.block.list.box.box-content > :last-child,
.block.list.box .box-content > :last-child {
margin-bottom: 0;
}
.block.list.box.box-content + .box-content,
.block.list.box .box-content + .box-content {
margin-top: 20px;
}
.block.list.box.box-content a.text.more-button,
.block.list.box .box-content a.text.more-button {
background: white;
}
.block.list.checklist thead tr th:first-child {
text-align: left;
}
.block.list.checklist .tr-checklist td {
background: var(--theme-block-bg);
}
.block.list.checklist .check-cross {
min-width: 50%;
}
.block.list .list-group {
padding: 10px 0 5px 0;
}
.block.list:not(.list-num-false) .list-group {
padding: 15px 0 15px 0;
}
.block.list li:not(.list-group):not([role="presentation"]) {
padding-bottom: 5px !important;
}
@media only screen and (max-width: 1024px) {
.block.list li:not(.list-group):not([role="presentation"]) {
padding-bottom: 10px !important;
}
}
.block.list li:not(.list-group):not([role="presentation"]):last-child {
padding-bottom: 0 !important;
}
@media only screen and (max-width: 1024px) {
.block.list li:not(.list-group):not([role="presentation"]) :not(:last-child) {
padding-bottom: 7px !important;
}
}
.block.list li:first-child:not([role="presentation"]) {
padding-top: 0 !important;
}
.slide {
height: 100%;
}
.owl-stage-outer {
overflow: hidden;
}
.owl-stage {
display: flex;
}
.owl-nav button,
.owl-dot {
background: none !important;
border: 0;
outline: none !important;
}
.owl-nav button span {
color: white;
font-size: 2rem;
font-weight: 100 !important;
line-height: 19px !important;
}
.slider[class*="owl"] {
position: relative;
padding-bottom: 0 !important;
}
.owl-nav {
position: absolute;
top: 0;
bottom: 40px;
left: 5px;
right: 5px;
display: flex;
justify-content: space-between;
align-items: center;
}
.owl-nav .owl-prev,
.owl-nav .owl-next {
opacity: 0;
padding: 0;
border-radius: 50% !important;
transition: opacity .25s ease;
outline: none;
}
.owl-nav .owl-prev span {
margin-left: -2px;
}
.owl-nav .owl-next span {
margin-left: 2px;
}
.owl-dots {
margin-top: 10px;
display: flex;
justify-content: center;
}
.owl-dot span {
width: 7px;
height: 7px;
background: lightgray;
display: inline-block;
border-radius: 50%;
margin: 5px;
}
ul.slider {
max-width: 100%;
overflow-x: scroll;
}
@media only screen and (max-width: 1024px) {
.owl-dot {
padding-left: 4px !important;
padding-right: 4px !important;
}
}
.slider[class*="owl"] button:hover {
cursor: pointer;
}
.owl-dot.active span {
background: grey;
}
.slick-slider {
display: flex !important;
justify-content: space-between;
padding-left: 0 !important;
}
ul.slick-slider li.slick-slide::before,
ol.slick-slider li.slick-slide::before,
.slick-dots > li::before {
display: none !important;
}
.slick-slider > div.slick-list {
flex: 1 1;
max-width: calc(100% - 100px) !important;
}
.block.list.slider {
padding-bottom: 40px;
}
.slider-wrapper-content > :last-child {
margin-bottom: 0 !important;
}
ul.slider .slick-slide, ol.slider .slick-slide,
div.block.slider:not(.fullscreen) .slick-slide,
div.slider:not(.block) .owl-item, ul.slider .owl-item, ol.slider .owl-item,
div.block.slider:not(.fullscreen) .owl-item {
border: 1px solid #dddddd;
padding: 17px 20px 20px 20px !important;
box-sizing: border-box;
margin-top: 0px !important;
box-shadow: inset 0 0 0 1px white, 0px 0px 3px var(--theme-block-bg);
background: var(--theme-block-bg);
border: 1px solid #e0e1e1;
height: auto !important;
border-radius: var(--theme-block-radius);
}
div.slider:not(.block) {
margin-bottom: var(--theme-block-margin);
}
ul.slider .slick-slide, ol.slider .slick-slide img,
div.block.slider:not(.fullscreen) .slick-slide img,
div.slider:not(.block) .owl-item img, ul.slider .owl-item img, ol.slider .owl-item img,
div.block.slider:not(.fullscreen) .owl-item img {
max-width: 100%;
height: auto;
}
div.slider:not(.block) .owl-item > div > img, ul.slider .owl-item > div > img, ol.slider .owl-item > div > img {
display: block;
margin: 0 auto;
}
body.mobile .slick-slider > div.slick-list,
.slick-slider.fullscreen > div.slick-list {
width: 100% !important;
max-width: 100% !important;
}
body.mobile div.block.slider,
div.block.slider.fullscreen {
position: relative !important;
}
body.mobile div.block.slider .slick-prev,
div.block.slider.fullscreen .slick-prev,
body.mobile div.block.slider .slick-next,
div.block.slider.fullscreen .slick-next {
position: absolute !important;
opacity: 0;
z-index: 100;
top: calc(50% - 40px) !important;
}
body.mobile div.block.slider:hover .slick-prev,
div.block.slider.fullscreen:hover .slick-prev,
body.mobile div.block.slider:hover .slick-next,
div.block.slider.fullscreen:hover .slick-next,
.owl-nav:hover .owl-prev,
.owl-nav:hover .owl-next {
opacity: 1;
}
body.mobile div.block.slider .slick-prev,
div.block.slider.fullscreen .slick-prev,
body.mobile div.block.slider .slick-next,
div.block.slider.fullscreen .slick-next,
.owl-nav .owl-prev,
.owl-nav .owl-next {
box-shadow: 0px 0px 3px var(--theme-block-bg);
}
body.mobile div.block.slider .slick-prev,
div.block.slider.fullscreen .slick-prev {
left: 0;
}
body.mobile div.block.slider .slick-next,
div.block.slider.fullscreen .slick-next {
right: 0;
}
body.mobile div.block.slider:not(.fullscreen) .slick-prev {
left: 5px;
}
body.mobile div.block.slider:not(.fullscreen) .slick-next {
right: 5px;
}
.slick-slider > button,
.owl-nav .owl-prev,
.owl-nav .owl-next {
flex: 0 1 100px;
align-self: center;
background: var(--theme-button-green-light) !important;
border-radius: 50%;
width: 40px;
max-width: 40px;
height: 40px;
text-align: center;
/*border: 2px solid var(--theme-block-bg);
box-shadow: 0 0 0 1px #c6c6c6;*/
color: white !important;
margin: 2px;
}
.slick-track {
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
.slick-prev, .slick-next {
position: static !important;
-webkit-transform: translate(0, 0) !important;
-ms-transform: translate(0, 0) !important;
transform: translate(0, 0) !important;
}
.slick-prev::before,
.slick-next::before {
content: '' !important;
width: 12px;
height: 12px;
font-size: 1px;
border-top: 2px solid white;
border-right: 2px solid white;
transform: rotate(225deg);
opacity: 1 !important;
margin-left: 5px !important;
display: inline-block;
}
.slick-next::before {
transform: rotate(45deg);
margin-left: -7px !important;
}
.slick-dots {
bottom: 7px !important;
}
.slick-dots li,
.slick-dots li button {
width: 29px;
height: 30px;
margin: 0 !important;
padding: 0 !important;
position: relative;
}
.slick-dots li button::before {
font-family: initial;
content: '';
background: black;
border-radius: 50%;
width: 10px;
height: 10px;
position: absolute;
left: calc(50% - 5px);
top: calc(50% - 5px);
}
ul.slider {
padding-bottom: 40px;
}
.slick-slide img {
object-fit: contain;
max-width: 100%;
height: auto;
}
.slick-slide > div > li,
.slick-slide li > img:first-child:last-child {
float: left;
}
.block.list.tabs {
padding: 0 !important;
}
.block.list.tabs .tab-header {
display: flex;
width: 100%;
}
.block.list.tabs .tab-body {
padding: 20px 10px 10px 10px;
background: var(--theme-table-bg);
border: 1px solid #e0e1e1;
border-top: 0;
box-shadow: 0px 1px 3px -3px rgba(0,0,0,0.2);
}
@media only screen and (max-width: 1024px) {
.block.list.tabs .tab-body {
padding: 10px;
}
.block.list.tabs .tab-body ul.minus,
.block.list.tabs .tab-body ul.plus {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
}
.block.list.tabs .tab-header > * {
flex: 1;
text-align: center;
padding: 10px 9px 6px 9px;
margin: 0;
border-bottom: 2px solid transparent;
}
.block.list.tabs .tab-header > .tab-spacer {
max-width: 20px;
}
.block.list.tabs .tab-header > .active,
.block.list.tabs .tab-header > .tabs-item:first-of-type {
border-top-left-radius: var(--theme-block-radius);
}
.block.list.tabs .tab-header > .active,
.block.list.tabs .tab-header > .tabs-item:last-of-type {
border-top-right-radius: var(--theme-block-radius);
}
.block.list.tabs .tab-body {
border-bottom-left-radius: var(--theme-block-radius);
border-bottom-right-radius: var(--theme-block-radius);
}
/*.block.list.tabs .tab-header > :not(.tab-spacer) {
font-size: 1.1rem;
}*/
@media only screen and (max-width: 480px) {
/*.block.list.tabs .tab-header > :not(.tab-spacer) {
font-size: .91rem;
}*/
.block.list.tabs .tab-header > .active {
flex: initial;
}
.block.list.tabs .tab-header > .tab-spacer {
padding: 0;
max-width: 5px;
}
}
.block.list.tabs .tab-header > :not(.tab-spacer):hover {
cursor: pointer;
}
.block.list.tabs .tab-header > .active {
background: var(--theme-block-bg);
border-top: 1px solid #e0e1e1;
border-right: 1px solid #e0e1e1;
border-left: 1px solid #e0e1e1;
}
.block.list.tabs .tab-header > :not(.active) {
font-weight: normal;
border-color: var(--theme-color-blue);
}
.block.list.tabs .tab-header > :not(.active):not(.tab-spacer) {
margin-top: 8px;
padding: 6px 9px 6px 9px;
}
.block.list.tabs .tab-header > :not(.active):not(.tab-spacer) + :not(.active):not(.tab-spacer) {
margin-left: -1px;
}
.block.list.tabs .tab-header > :not(.active):not(.tab-spacer) {
box-shadow: inset 0px 0 0 1px white, 0px -1px 0px 0px rgba(0,0,0,0.075), 1px 0px 0px 0px rgba(0,0,0,0.075);
}
.block.list.tabs .tab-header > .tab-spacer + :not(.active):not(.tab-spacer) {
box-shadow: inset 0px 0 0 1px white, -1px 0px 0px 0px rgba(0,0,0,0.075), 0px -1px 0px 0px rgba(0,0,0,0.075), 1px 0px 0px 0px rgba(0,0,0,0.075);
}
.block.list.tabs .tab-body > :not(.active) {
display: none;
}
label.collapsible {
display: none;
}
.block.accordion-toggle {
opacity: 0;
position: relative;
width: 100% !important;
height: 42px !important;
margin-bottom: -42px !important;
z-index: 10;
float: left;
}
.accordion-item {
background: var(--theme-block-bg);
border: 1px solid #e0e1e1 !important;
border-bottom: 0 !important;
box-shadow: inset 0 0 0 1px white, 0px 0px 3px var(--theme-block-bg);
color: var(--theme-color-font);
font-size: 1.2rem;
cursor: pointer;
padding: 10px;
width: 100%;
text-align: left;
border: none;
outline: none;
}
.accordion-item:hover {
cursor: pointer;
}
.accordion-item + .accordion-content + .accordion-item {
margin-top: 1px;
}
/*.accordion-item.active, .accordion-item:hover {
background: #dadada;
}*/
.accordion-item + .accordion-content {
background-color: white;
border: 1px solid #eee !important;
border-top: 0 !important;
}
.accordion-item + .accordion-content:not(.accordion-content-last) {
border-bottom: 0 !important;
}
.accordion-item + .accordion-content > *:last-child {
margin-bottom: 0;
}
.accordion-item.active + .accordion-content + .accordion-item {
margin-top: -1px;
}
.accordion-item.active + .accordion-content {
padding: 15px 10px !important;
}
.accordion-item:not(.active) + .accordion-content {
max-height: 0;
overflow: hidden;
}
.accordion-item.active {
border-bottom: 1px solid #e0e1e1 !important;
}
.accordion-item + .accordion-content + .accordion-item {
margin-top: -2px !important;
}
.accordion-item:not(.active) + .accordion-content + .accordion-item {
border-top: 0 !important;
}
.accordion-item i {
float: right;
margin-top: 2px;
transition: all .25s ease;
width: 20px;
height: 20px;
}
.accordion-item.active i {
transform: rotate(90deg) translate(1px, 2px);
}
.accordion-content-last {
margin-bottom: var(--theme-block-margin);
}
/* */
/* */
.block.posts > ul:not(.pager) {
list-style: none;
padding: 0 !important;
}
.block.posts:not(.vertical) {
overflow: auto;
max-width: 100%;
}
.block.posts > ul:not(.vertical):not(.pager) {
display: flex;
overflow: auto !important;
}
.block.posts > ul:not(.pager) > li {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
padding: 0 !important;
}
.block.posts:not(.vertical) {
position: relative;
}
.block.posts:not(.vertical)::before {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 5px;
content: ' ';
}
.block.posts.overflow:not(.vertical)::before {
background: linear-gradient(to left, var(--theme-color-bg-body) 0px, transparent 100%);
}
.block.posts > ul.vertical:not(.pager) > li {
border-radius: var(--theme-block-radius);
border: 1px solid #e0e1e1 !important;
background: white;
}
.block.posts > ul:not(.vertical):not(.pager) > li {
flex-direction: column;
margin-bottom: 10px;
flex: 1 1 163px;
}
.block.posts > ul.vertical:not(.pager) > li + li {
margin-top: 30px;
}
.block.posts > ul:not(.vertical):not(.pager) > li + li {
margin-left: 30px;
}
.block.posts > ul:not(.pager) > li > * {
display: block;
}
.block.posts:not(.teaser) > ul:not(.pager) > li > .media {
max-width: 326px;
min-width: 326px;
}
.block.posts.teaser li .st {
color: var(--theme-color-font);
font-size: 15px;
text-transform: uppercase;
font-weight: 500;
}
.block.posts li {
position: relative;
}
.block.posts.teaser li .st + * {
padding-top: 0 !important;
}
.block.posts.teaser > ul:not(.pager) > li > .media {
flex-basis: calc(25% - 23px);
}
.block.posts.teaser > ul:not(.pager) > li.trust-logos > .media {
flex-basis: calc(50% - 23px);
}
.block.posts.teaser > ul:not(.pager) > li > .media + * {
flex-basis: calc(75% + 23px);
}
.block.posts.teaser > ul:not(.pager) > li.trust-logos > .media + * {
flex-basis: calc(50% + 23px);
}
.block.posts:not(.vertical):not(.teaser) > ul:not(.pager) > li > .media {
max-width: 100%;
min-width: 163px;
}
@media only screen and (max-width: 768px) {
.block.posts.teaser > ul.vertical:not(.pager) > li > .media {
max-width: 100% !important;
}
.block.posts.teaser > ul.vertical:not(.pager) > li > .media img {
border-top-right-radius: 3px;
border-bottom-left-radius: 0;
}
.block.posts:not(.teaser) > ul.vertical:not(.pager) > li > .media {
max-width: 20%;
min-width: 20%;
}
}
.block.posts > ul:not(.pager) > li > .media img {
display: inherit;
max-width: 100%;
height: 300px;
object-fit: cover;
}
.block.posts > ul.vertical:not(.pager) > li > .media img {
border-top-left-radius: var(--theme-block-radius);
border-bottom-left-radius: var(--theme-block-radius);
}
.block.posts > ul:not(.vertical):not(.pager) > li > .media img {
border-radius: var(--theme-block-radius);
}
.block.posts > ul:not(.pager) > li a.admin {
position: absolute;
right: 10px;
top: 20px;
}
.block.posts > ul:not(.pager) > li a.button {
min-height: 50px;
max-width: 350px;
}
.block.posts > ul.vertical:not(.pager) > li > div {
padding: 5px 20px 15px 20px;
display: flex;
flex-direction: column;
}
/*.block.posts > ul.vertical:not(.pager) > li > div {
min-width: calc(100% - 163px);
}*/
@media only screen and (max-width: 768px) {
.block.posts > ul:not(.pager) > li > div {
min-width: 80%;
}
.block.posts > ul:not(.pager) > li a.button {
max-width: 100%;
}
}
@media only screen and (max-width: 768px) {
.block.posts.teaser > ul:not(.pager) > li {
flex-direction: column;
}
.block.posts.teaser > ul:not(.pager) > li > .media {
max-width: 100%;
min-width: 100%;
}
.block.posts.teaser > ul:not(.pager) > li > div {
min-width: 100%;
}
.block.posts.teaser > ul:not(.pager) > li > div div.c {
padding-bottom: 20px;
}
}
.block.posts > ul:not(.vertical):not(.pager) > li > div {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.block.posts > ul:not(.pager) > li > div .subtitle {
padding-bottom: 0 !important;
}
.block.posts > ul:not(.vertical):not(.pager) > li h2 {
font-size: var(--theme-font-size);
line-height: calc(var(--theme-font-size) + 5px);
flex-grow: 1;
}
.block.posts > ul:not(.vertical):not(.pager) > li > div > div.c {
display: none;
}
.block.posts > ul:not(.pager) > li > div > div.c {
flex-grow: 1;
}
.block.posts > ul:not(.pager) > li > div > div.c > div {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: calc(4 * var(--theme-line-height));
}
.block.posts > ul:not(.pager) > li > div > div.c > :last-child {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
.block.posts > ul:not(.pager) > li > div > div.l {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
margin-top: 20px;
}
.block.posts > ul:not(.pager) > li > div > div.l img {
max-width: 100px;
width: 100%;
height: auto;
object-fit: contain;
}
.block.posts > ul:not(.pager) > li > div > div.f {
display: flex;
margin-bottom: 3px;
}
.block.posts > ul:not(.pager) > li > div > div.f .button {
position: static !important;
}
.block.posts > ul:not(.vertical):not(.pager) > li > div > div.f {
flex-direction: column;
}
.block.posts > ul:not(.pager) > li > div > div.f > * {
flex: 1 1;
}
.block.posts > ul:not(.pager) > li > div > div.f span.flex {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
line-height: 1.3;
}
.block.posts > ul:not(.pager) > li > div > div.f span.flex > :last-child {
color: var(--theme-color-font);
font-weight: 300;
font-size: 11px;
}
.block.posts > ul:not(.vertical):not(.pager) > li > div > div.f {
flex-direction: column;
}
.block.posts > ul:not(.vertical):not(.pager) > li > div > div.f .subtitle-author {
width: 100%;
}
.block.posts > ul:not(.vertical):not(.pager) > li > div > div.f .subtitle-author > .flex {
flex-direction: column;
align-items: flex-start;
}
.block.posts > ul:not(.vertical):not(.pager) > li > div > div.f span.flex {
flex-grow: 1;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.block.posts > ul:not(.vertical):not(.pager) > li > div > div.f .subtitle {
margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
/*.block.posts > ul:not(.pager) > li > .media {
max-width: 25%;
min-width: 25%;
}*/
.block.posts > ul:not(.pager) > li > div {
min-width: 75%;
}
.block.posts > ul:not(.pager) > li > div > div.c > div {
-webkit-line-clamp: 3;
max-height: calc(3 * var(--theme-line-height));
}
.block.posts > ul:not(.pager) > li > div > div.f {
flex-direction: column;
}
.block.posts > ul:not(.pager) > li > div > div.f .subtitle-author {
width: 100%;
}
.block.posts > ul:not(.pager) > li > div > div.f span.flex {
flex-grow: 1;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.block.posts > ul:not(.pager) > li > div > div.f .subtitle {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 576px) {
.block.posts > ul.vertical:not(.pager) > li > div {
padding: 0 20px 10px 20px;
}
.block.posts > ul:not(.pager) > li > div h2 {
padding-bottom: 10px;
}
.block.posts > ul:not(.pager) > li > div > div.c > div {
-webkit-line-clamp: 2;
max-height: calc(2 * var(--theme-line-height));
}
}
ul.pager {
padding: 20px 0 10px 0 !important;
display: flex;
justify-content: flex-end;
font-size: 80%;
}
ul.pager > li.dots::before {
content: '...';
margin-right: 5px;
}
ul.pager > li > * {
background: white;
border: 1px solid #e0e1e1 !important;
border-radius: var(--theme-block-radius);
padding: 2px 7px;
min-width: 32px;
display: inline-block;
text-align: center;
}
ul.pager > li + li {
margin-left: 5px;
}
ul.pager > li > span {
font-weight: bolder;
}
/* */
/* */
div.block.text.alert {
display: table;
padding: 20px 20px 0 20px;
background: #ffebed;
border: 1px solid #BF404B;
margin: 0 0 20px 0;
color: #BF404B;
border-radius: var(--theme-block-radius);
}
div.block.text.info {
display: table;
padding: 20px 20px 0 20px;
background: var(--theme-color-blue);
border: 1px solid var(--theme-color-blue);
margin: 0 0 20px 0;
color: white;
border-radius: var(--theme-block-radius);
}
p img, div[id*="attachment_"], div[id*="attachment_"] img {
max-width: 100%;
height: auto;
}
/*p img[class*="wp-image"] {
filter: drop-shadow(0 0px 1px rgba(0,0,0,0.15));
}*/
@media only screen and (max-width: 1024px) {
.wp-caption,
p img:not(.tiny) {
max-width: 100%;
height: auto;
margin: 0 auto 20px auto !important;
float: none !important;
display: block !important;
}
.frame > img:not(.tiny) {
margin: 0 auto 0 auto !important;
}
}
@media only screen and (max-width: 560px) {
p img.tiny-150 {
max-width: 100px;
height: auto;
}
}
@media only screen and (max-width: 460px) {
p img.tiny-100,
p img.tiny-150,
p img.tiny-200 {
max-width: 75px;
height: auto;
}
p img.tiny-200 {
max-width: 100px;
}
p img.tiny-300 {
max-width: 150px;
}
}
/* */
/* */
div.block.author {
clear: both;
position: relative;
}
div.block.author.about {
padding: 20px 20px 0 20px;
background: var(--theme-block-bg);
border: 1px solid #e0e1e1;
box-shadow: inset 0 0 0 1px white, 0px 0px 3px var(--theme-block-bg);
border-radius: var(--theme-block-radius);
}
div.block.author .admin {
position: absolute;
right: 5px;
top: 5px;
}
div.block.author.about .container {
display: flex;
}
div.block.author.about .container > :first-child {
flex: 1;
padding-right: 10px;
}
div.block.author.about .social-buttons,
div.block.author.about .container > :first-child > :last-child:not(.avatar) {
padding-bottom: 20px;
}
div.block.author.about .container > :first-child .quote {
flex: 1;
}
div.block.author.about .container > :first-child + div {
display: flex;
flex-direction: column;
}
div.block.author.about .container > :first-child + div a + a {
margin-top: 10px;
}
div.block.author.about .container .logo {
max-height: 70px;
}
div.block.author.about .container .button {
height: 35px;
line-height: 35px;
}
div.block.author.about img.avatar {
border: 1px solid #e0e1e1;
padding: 3px;
background: #fff;
width: 120px;
height: auto;
}
div.block.author.about img.avatar.small {
object-fit: cover;
object-position: 50% 0;
height: 120px;
}
div.block.author.about img.avatar.alignright {
margin: 0 0 20px 20px;
}
div.block.author.about img.avatar.alignleft {
margin: 0 20px 20px 0;
}
div.block.author.about .text:not(.block) {
min-height: 85px;
}
div.block.author.about .text + :not(.quote) {
font-size: var(--theme-font-size);
}
div.block.author.about .text + * .score > :first-child {
color: var(--theme-color-blue);
}
div.block.author.about .text + * .score {
/*color: #999;*/
padding-right: 10px;
}
div.block.author.about .text + * .score .s {
/*color: #999;*/
padding-left: 4px;
padding-right: 3px;
}
div.block.author.about .text + :not(.quote) {
font-weight: normal;
font-size: 15px;
}
div.block.author.about .text + * span {
font-weight: bold;
font-size: var(--theme-font-size);
}
div.block.author.about .text + * span.score,
div.block.author.about .text + * span.score span {
font-size: 20px !important;
}
div.block.author.about .text + * span.author {
padding-left: 2px;
}
body.mobile div.block.author.about .text.more-open > p.more-text-init:first-child,
body.mobile div.block.author.about .text.more-open > p.more-text-init:first-child ~ p.more-hide-mobile:not(:last-of-type),
body.mobile div.block.author.about .text.more-open > p.more-hide-mobile:last-of-type,
body:not(.mobile) div.block.author.about .text.more-open > p.more-text-init:first-child,
body:not(.mobile) div.block.author.about .text.more-open > p.more-text-init:first-child ~ p.more-hide-desktop:not(:last-of-type),
body:not(.mobile) div.block.author.about .text.more-open > p.more-hide-desktop:last-of-type,
body:not(.mobile) div.block.author.about .text.more-m:not(.more-d) > p.more-text-init:first-child,
body:not(.mobile) div.block.author.about .text.more-m:not(.more-d) > p.more-text-init:first-child ~ p.more-hide-desktop:not(:last-of-type),
body:not(.mobile) div.block.author.about .text.more-m:not(.more-d) > p.more-hide-mobile:last-of-type
{
display: inline;
}
body.mobile div.block.author.about .text.more-open > p.more-text-init:first-child::after,
body.mobile div.block.author.about .text.more-open > p.more-text-init:first-child ~ p.more-hide-mobile:not(:last-of-type)::before,
body.mobile div.block.author.about .text.more-open > p.more-text-init:first-child ~ p.more-hide-mobile:not(:last-of-type)::after,
body.mobile div.block.author.about .text.more-open > p.more-hide-mobile:last-of-type::before,
body:not(.mobile) div.block.author.about .text.more-open > p.more-text-init:first-child::after,
body:not(.mobile) div.block.author.about .text.more-open > p.more-text-init:first-child ~ p.more-hide-desktop:not(:last-of-type)::before,
body:not(.mobile) div.block.author.about .text.more-open > p.more-text-init:first-child ~ p.more-hide-v:not(:last-of-type)::after,
body:not(.mobile) div.block.author.about .text.more-open > p.more-hide-desktop:last-of-type::before,
body:not(.mobile) div.block.author.about .text.more-m:not(.more-d) > p.more-text-init:first-child::after,
body:not(.mobile) div.block.author.about .text.more-m:not(.more-d) > p.more-text-init:first-child ~ p.more-hide-desktop:not(:last-of-type)::before,
body:not(.mobile) div.block.author.about .text.more-m:not(.more-d) > p.more-text-init:first-child ~ p.more-hide-desktop:not(:last-of-type)::after,
body:not(.mobile) div.block.author.about .text.more-m:not(.more-d) > p.more-hide-mobile:last-of-type::before
{
display: none;
}
body.mobile div.block.author.about .text.more-open > a.more-button {
margin-top: var(--theme-block-margin);
}
body.mobile div.block.author.about .text > a.more-button {
margin-bottom: var(--theme-block-margin);
}
div.block.author.social {
margin-bottom: var(--theme-block-margin);
}
div.block.author.social a {
background: white;
border: 1px solid white;
box-shadow: inset 0 0 0 1px #eaeaea;
}
div.block.author.social a + a {
margin-left: 15px;
}
div.block.author.social a,
div.block.author.social a i.i {
background-size: 30px 30px;
background-position: 49% 49%;
display: inline-block;
width: 35px;
height: 35px;
}
div.block.author.social a i.i {
background-size: 20px 20px;
}
div.block.author.social a i.i {
opacity: 0.35;
}
/* */
/* */
article div#snippet-box-content {
width: 100%;
display: inline-block;
padding: 0 0 15px 0;
}
article .snippet-markup {
display: flex;
justify-content: space-between;
}
article div#snippet-box-content div.snippet-label {
display: inline-block;
float: left;
font-size: 11px;
line-height: 16px;
}
article i.fa-star.mask,
article i.fa-star-half.mask,
article i.fa-star-o.mask {
background: #ffc000;
}
article div#snippet-box-content div.snippet-label i {
color: #ffc000;
}
article div#snippet-box-content div.snippet-label span.stars {
display: inline;
}
article div#snippet-box-content div.snippet-label span.stars span {
padding: 0 0 0 5px;
}
article div#snippet-box-content div.snippet-label span.stars i {
background-size: 12px 12px;
width: 12px;
height: 12px;
transform: translateY(2px);
background: #ffc000;
-webkit-mask-size: 13px;
mask-size: 13px;
}
@media only screen and (max-width: 1024px) {
article div#snippet-box-content div.snippet-markup {
flex-wrap: wrap;
}
article div#snippet-box-content div.snippet-label {
flex-basis: 50%;
}
article div#snippet-box-content div.snippet-label + div.snippet-label + div.snippet-label {
margin-top: 10px;
}
}
/* */
/* */
/* */
div.block.table {
margin-bottom: var(--theme-block-margin);
/*overflow-x: auto;*/
max-width: 100%;
}
table {
max-width: 100%;
margin: 0 auto;
border: 1px solid #e0e1e1;
border-spacing: 1px;
border-collapse: separate;
border-radius: var(--theme-block-radius);
}
table:not(.block) {
box-shadow: 0 0 20px rgba(0,0,0,.2);
}
table tr:first-child td:first-child {
border-top-left-radius: var(--theme-block-radius);
}
table tr:first-child td:last-child {
border-top-right-radius: var(--theme-block-radius);
}
table tr:last-child td:first-child {
border-bottom-left-radius: var(--theme-block-radius);
}
table tr:last-child td:last-child {
border-bottom-right-radius: var(--theme-block-radius);
}
.table-wrapper {
margin-bottom: 10px;
}
.table-wrapper.layout-right {
z-index: 10;
}
.table-wrapper,
.table-wrapper > div {
position: relative;
max-width: 100%;
display: inline-block;
}
.table-wrapper > div {
display: block;
}
.table-wrapper:not(.layout-right) {
margin-bottom: var(--theme-block-margin);
display: block;
}
.table-wrapper-overflow-force,
.table-wrapper-overflow > div {
overflow: auto;
}
.table-wrapper-overflow {
border: 1px solid #e0e1e1 !important;
border-radius: var(--theme-block-radius);
}
body[data-scrollbar-width] .table-wrapper-overflow {
border-bottom-width: 0 !important;
}
.table-wrapper-overflow table {
border: 0 !important;
}
.table-wrapper-overflow::before,
.table-wrapper-overflow::after {
content: '';
position: absolute;
top: 1px;
bottom: 1px;
width: 15px;
z-index: 10;
height: calc(100% - var(--theme-scrollbar-width) - 1px);
background: transparent;
/*transition: opacity 0.5s cubic-bezier(0.77,0.2,0.05,1.0);*/
opacity: 0;
}
.table-wrapper-overflow::before {
left: 0;
background: linear-gradient(to right, white 0px, transparent 100%);
}
.table-wrapper-overflow::after {
right: 0;
background: linear-gradient(to left, white 0px, transparent 100%);
}
.table-wrapper-overflow:not(.table-wrapper-overflow-left)::before,
.table-wrapper-overflow:not(.table-wrapper-overflow-right)::after {
opacity: 1;
}
table tr.hightlight td,
table tr.hightlight th {
background: #ecffed80 !important;
}
div.block.table table.block:not(.layout-center):not(.layout-right) {
width: 100%;
}
table:not(.block) {
margin-bottom: var(--theme-block-margin);
}
table.default.layout-default {
width: 100%;
}
table.default td img/*.tiny:not(.tiny-300)*/ {
max-width: 100%;
height: auto;
}
/*@media only screen and (max-width: 1024px) {
table.default td img {
max-width: 100%;
height: auto;
}
}*/
table.default td img:first-child {
display: inline-block;
margin: 0 auto;
}
blockquote p img,
table td.logo.table_casino img {
object-fit: contain;
}
@media only screen and (max-width: 1280px) {
table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) thead tr {
grid-template-columns: [left] 1fr;
}
table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) thead th[data-th-hide],
table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) thead th + th {
display: none !important;
}
table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) :first-child ~ [data-th] {
padding-top: 15px !important;
}
table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) [data-th] ~ :last-child .button {
margin-bottom: 2px !important;
}
table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) [data-th] ~ :not([data-th]) {
padding-top: 7px !important;
}
table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) :first-child ~ [data-th]:not(:last-child) {
padding-bottom: 1px !important;
}
table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) :first-child ~ [data-th]::before {
content: attr(data-th);
position: absolute;
left: 0;
width: 100%;
text-align: center;
font-size: 10px;
line-height: 10px;
top: 2px;
padding: 2px;
color: #aaa;
}
table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid),
table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) thead,
table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) tbody,
table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) tfoot {
display: block;
}
.head + table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) thead tr th:first-child,
.head + table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) thead tr th:first-child + th {
border-top: 0 solid #eaeaea;
}
table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) thead tr th,
table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) tr th:not(:last-child) {
border-bottom: 1px solid #e0e1e1;
}
table:not(.top_list):not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) tr td,
table.top_list:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) tr > :first-child,
table.top_list:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) tr > :last-child {
border-bottom: 1px solid #eee;
}
table.top_list:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) tr > :not(:first-child):not(:last-child) {
border-bottom-color: transparent;
}
table.no-grid-border:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) tbody tr > :not(:last-child),
table.no-grid-border:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) tfoot tr > :not(:last-child),
table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) tbody tr:last-child > :first-child,
table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) tfoot tr:last-child > :first-child,
table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) tbody tr:last-child > :last-child,
table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) tfoot tr:last-child > :last-child {
border-bottom: 0;
}
table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) tr {
max-width: 100%;
height: auto;
}
table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) tr {
display: grid;
margin: 0rem auto;
}
table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) tbody tr:not(.grid-full):not([data-first-fields="offset"]),
table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) tfoot tr:not(.grid-full):not([data-first-fields="offset"]) {
grid-auto-flow: column;
grid-auto-rows: auto;
grid-template-columns: [left] 0.75fr [right] 1.5fr;
}
/*table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) thead tr {
background-color: var(--theme-block-bg);
}*/
table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) tbody tr:not(.grid-full):not([data-first-fields="offset"]) > :first-child,
table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) tfoot tr:not(.grid-full):not([data-first-fields="offset"]) > :first-child {
grid-column: left;
grid-row-start: 1;
grid-row-end: span 1000;
}
.top_list table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) tr > [data-fields*="logo"]:first-child {
display: flex;
justify-content: center;
align-items: center;
}
table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) tr > * {
padding-top: 4px;
padding-bottom: 4px;
}
table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) tr > :first-child ~ * {
border-left: 0 !important;
}
table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) tbody tr:not(.grid-full):not([data-first-fields="offset"]) > :first-child ~ *,
table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) tfoot tr:not(.grid-full):not([data-first-fields="offset"]) > :first-child ~ * {
grid-area: auto / right;
border-left: 1px solid #f2f2f2 !important;
}
table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) tbody tr:not(.grid-full):not([data-first-fields="offset"]) > :first-child ~ *:empty,
table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) tfoot tr:not(.grid-full):not([data-first-fields="offset"]) > :first-child ~ *:empty {
display: none;
}
table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) tr > :first-child ~ th,
table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) tr.even > :first-child ~ * {
border-left: 1px solid #e0e1e1;
}
table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) td > img {
max-width: 100%;
height: auto;
}
table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) td > img {
max-width: 100%;
height: auto;
margin-top: 5px;
margin-bottom: 5px;
}
table.top_list:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) td {
text-align: center;
}
table img {
max-width: 100%;
height: auto;
}
table img:not(.tiny-50):not([src*="/seal/"]) {
min-width: 60px;
}
}
table.block.layout-grid,
body.mobile table.block.layout-grid-mobile {
border-right: 0;
box-shadow: inset -1px 0px 0px 0px #eaeaea;
}
table.block th,
table.block.info th + td {
background-color: #eee;
border: 1px solid var(--theme-block-bg);
background: var(--theme-block-bg);
}
/*table.block:not(.info) th + td {
background-color: white !important;
}*/
table.block th[colspan] {
text-align: center;
}
table.block .center:not(.owl-item) {
text-align: center;
}
@media only screen and (max-width: 1024px) {
table.block .center-mobile {
text-align: center;
}
}
table.block th {
vertical-align: top;
}
table.block thead .admin {
width: 20px;
}
table thead tr th,
table tbody tr td,
table tbody tr th ,
table tfoot tr td {
padding: 5px;
text-align: left;
font-size: 15px;
line-height: 1.5em;
position: relative;
vertical-align: middle;
}
table thead tr th.top,
table tbody tr td.top,
table tbody tr th.top,
table tfoot tr td.top {
vertical-align: top;
}
table thead tr th > :last-child,
table tbody tr td > :last-child,
table tbody tr th > :last-child,
table tfoot tr td > :last-child {
padding-bottom: 0 !important;
}
table.block.list thead tr th + th {
min-width: 80px;
}
table.block.list thead tr th,
table.block.list tbody tr th + td,
table.block.list tbody tr td + td {
text-align: center;
}
table.block tbody tr td,
table.block tfoot tr td{
background: var(--theme-table-bg);
vertical-align: middle;
}
table.block.layout-right tbody tr td:first-child,
table.block.layout-right tfoot tr td:first-child {
vertical-align: top;
}
table.block.head tbody tr th,
table.block tbody tr.even td,
table.block tbody tr.even th,
table:not(.block) thead td,
table:not(.block) th {
background: var(--theme-block-bg);
}
table:not(.block) tr:not(:last-child) td,
table.block.default tr th,
table.block.default tr:not(:last-child) td,
table.block.top_list tr th,
table.block.top_list tr:not(:last-child) td {
border-bottom: 1px solid #eee;
}
body table.block.head {
margin-bottom: 1px !important;
}
table.block.head th,
table.block.head td {
text-align: center;
}
/*body:not(.mobile) table.block.head + table.block {
border-top: 0 !important;
}*/
table.block td span[data-field*="logo"] img {
max-width: 100px;
height: auto;
}
article ul:not(.slider):not(.social-buttons):not([class*="grid"]):not(.simple):not(.items):not(.slick-dots):not(.thumbnails) {
padding: 0 0 20px 20px;
max-width: 100%;
overflow: hidden;
}
article tr > * > ul:not(.slider):not(.social-buttons):not([class*="grid"]):not(.simple):not(.items):not(.slick-dots):not(.thumbnails) {
padding-left: 0;
}
article ul::not(.pager):not(.minus):not(.plus):not(.check):not(.cross):not(.slider):not(.grid):not([class*="grid-"]):not(.links):not(.slick-dots):not(.social-buttons):not(.common-data):not(.items):not(.slick-dots):not(.thumbnails) li:not(.minus):not(.plus):not(.check):not(.cross) {
position: relative;
padding: 0 0 10px 25px;
hyphens: auto;
max-width: 100%;
}
article ul:not(.toc):not(.quicklinks):not(.posts):not(.pager):not(.minus):not(.plus):not(.check):not(.cross):not(.slider):not(.grid):not([class*="grid-"]):not(.links):not(.slick-dots):not(.social-buttons):not(.common-data):not(.simple):not(.items):not(.slick-dots):not(.thumbnails) li:not(.minus):not(.plus):not(.check):not(.cross)::before {
content: '\203A';
position: absolute;
left: 7px;
top: -2xp;
font-size: 20px;
}
#quicklinks {
padding: 20px;
margin-bottom: var(--theme-block-margin);
background: var(--theme-block-bg);
border: 1px solid #e0e1e1;
box-shadow: inset 0 0 0 1px #fff,0 0 3px var(--theme-block-bg);
border-radius: var(--theme-block-radius);
position: relative;
}
#quicklinks a.admin {
position: absolute;
top: 5px;
right: 5px;
}
ul.quicklinks {
list-style: none;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
padding: 0 !important;
column-gap: 10px;
row-gap: 10px;
}
@media only screen and (max-width: 1024px) {
ul.quicklinks {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 768px) {
ul.quicklinks {
grid-template-columns: 1fr;
}
}
ul.quicklinks li {
display: inline-block;
padding: 5px 10px;
display: flex;
align-items: center;
position: relative;
}
ul.quicklinks li,
ul.quicklinks li::after {
background: #f7f7f7;
border: 1px solid #e0e1e1;
box-shadow: inset 0 0 0 1px #fff,0 0 3px var(--theme-block-bg);
border-radius: var(--theme-block-radius);
}
ul.quicklinks li::after {
background: white;
position: absolute;
right: 10px;
top: 50%;
margin-top: -10px;
width: 20px;
height: 20px;
border-radius: 50%;
content: '\203A';
line-height: 1;
text-align: center;
}
ul.quicklinks a {
color: var(--theme-color-font);
font-size: 15px;
text-transform: uppercase;
font-weight: 500;
padding-right: 35px;
width: 100%;
z-index: 10;
}
article ul.simple > li {
padding: 0 !important;
}
.plus,
.plus > li,
.check,
.check > li,
.minus,
.minus > li,
.cross,
.cross > li {
padding-left: 30px;
position: relative;
}
.plus::before,
.plus > li::before,
.plus::after,
.plus > li::after,
.check::before,
.check > li::before,
.cross::before,
.cross > li::before,
.cross::after,
.cross > li::after,
.minus::before,
.minus > li::before {
content: '';
position: absolute;
top: 8px !important;
left: 4px !important;
display: block;
width: 13px;
height: 3px;
border-radius: 2px;
}
.plus::after,
.plus > li::after,
.cross::after,
.cross > li::after {
top: 3px !important;
left: 9px !important;
width: 3px;
height: 13px;
}
/*.green,
.plus,
.check:not(.minus):not(.plus) {
color: var(--theme-color-green);
}*/
.plus::before,
.plus > li::before,
.plus::after,
.plus > li::after,
.check:not(.minus):not(.plus)::before,
.check:not(.minus):not(.plus) > li::before,
.check:not(.minus):not(.plus)::after,
.check:not(.minus):not(.plus) > li::after {
background-color: var(--theme-color-green);
}
/*.red,
.minus,
.cross {
color: #992424;
}*/
.minus::before,
.minus > li::before {
background-color: #992424;
width: 11px;
left: 4px !important;
}
.plus::before,
.plus > li::before,
.plus::after,
.plus > li::after,
.minus::before,
.minus > li::before {
transform: translate(0, 3px);
}
ul[class*="grid-"]:not(.block) .plus::before,
ul[class*="grid-"]:not(.block) .plus > li::before,
ul[class*="grid-"]:not(.block) .plus::after,
ul[class*="grid-"]:not(.block) .plus > li::after,
ul[class*="grid-"]:not(.block) .minus::before,
ul[class*="grid-"]:not(.block) .minus > li::before {
transform: translate(0, -2px);
}
table.block .plus::before,
table.block .plus > li::before,
table.block .plus::after,
table.block .plus > li::after,
table.block .minus::before,
table.block .minus > li::before {
transform: translate(0, 0);
}
.plus.check::before,
.plus.check > li::before,
.plus.check::after,
.plus.check > li::after,
.cross::before,
.cross > li::before,
.cross::after,
.cross > li::after {
transform: rotate(45deg) scale(1.1) translate(2px, 2px);
background-color: #992424;
}
table.block .plus.check::before,
table.block .plus.check > li::before,
table.block .plus.check::after,
table.block .plus.check > li::after,
table.block .cross::before,
table.block .cross > li::before,
table.block .cross::after,
table.block .cross > li::after {
transform: rotate(45deg) scale(1.1) translate(0, 0);
}
.minus.check::before,
.minus.check > li::before,
.check:not(.minus):not(.plus)::before,
.check:not(.minus):not(.plus) > li::before {
top: 1px !important;
left: 5px !important;
width: 6px;
height: 11px;
border-right: 3px solid var(--theme-color-green);
border-bottom: 3px solid var(--theme-color-green);
background-color: transparent;
transform: rotate(45deg);
}
table.block .minus.check::before,
table.block .minus.check > li::before,
table.block .check:not(.minus):not(.plus)::before,
table.block .check:not(.minus):not(.plus) > li::before {
top: -1px !important;
}
ul.plus::before,
ul.plus::after,
ul.minus::before,
ul.minus::after,
ul.check::before,
ul.check::after,
ul.cross::before,
ul.cross::after {
content: initial;
}
li.plus-minus {
padding-left: 16px;
}
li:not(:last-child).plus-minus {
padding-bottom: 0px;
}
@media only screen and (max-width: 1280px) {
li.plus-minus {
padding-bottom: 0px;
}
li.plus-minus::before {
display: none;
}
}
/* */
/* */
.block.table.common-data {
width: 100%;
}
.block.table.common-data tr > :first-child {
min-width: 170px;
}
.block.table.common-data .plus,
.block.table.common-data .minus {
display: inline-block;
}
.green,
.block.table.common-data .plus {
color: var(--theme-color-green);
}
.block.table.common-data .minus {
color: #992424;
}
.block.table.common-data td {
vertical-align: top;
}
.block.table.common-data ul {
padding-left: 0 !important;
}
.block.table.common-data ul:not(.plus):not(.minus) {
list-style: none !important;
}
@media only screen and (max-width: 1024px) {
.block.table.common-data thead th + th {
display: none;
}
.block.table.common-data tbody td {
display: block;
}
.block.table.common-data tbody td[data-headline]::before {
content: attr(data-headline);
display: block;
width: 100%;
height: 33px;
background: none;
color: var(--theme-color-font);
transform: none;
position: static;
line-height: 33px;
border: 1px solid var(--theme-block-bg);
background: var(--theme-block-bg);
margin-left: -5px;
padding-left: 8px;
font-weight: bold;
margin-bottom: 10px;
}
}
/* */
/* */
.block.table.review_toc {
width: 100%;
}
.block.table.review_toc tbody th,
.block.table.review_toc tbody th a {
font-weight: normal !important;
}
.block.table.review_toc tbody tr > * {
min-height: 50px;
vertical-align: middle;
padding: 3px 8px;
}
.block.table.review_toc tbody tr:first-child > * {
padding-top: 5px;
}
.block.table.review_toc tbody tr:last-child > * {
padding-bottom: 5px;
}
/*tr a.button {
min-width: 135px;
}*/
.block.table.review_toc tbody a.button {
--button-height: 31px;
height: var(--button-height);
min-height: var(--button-height);
line-height: var(--button-height);
}
.block.table.review_toc th + th,
.block.table.review_toc th + td,
.block.table.review_toc th + td + td {
text-align: center;
}
.block.table.review_toc td .admin,
.block.table.review_toc th .admin {
position: absolute;
right: 0;
z-index: 100;
}
.block.table.review_toc tr.result td {
height: 0;
padding: 0;
border-top: 3px double #e2e2e2 !important;
}
.block.table.review_toc tr.result + tr th,
.block.table.review_toc tr.result + tr td {
background-color: #ecffed80 !important;
}
@media only screen and (max-width: 1024px) {
.block.table.review_toc,
.block.table.review_toc thead,
.block.table.review_toc thead th,
.block.table.review_toc tbody,
.block.table.review_toc tbody tr {
display: block;
text-align: center;
}
.block.table.review_toc tbody tr:not(.result) > * {
flex-basis: 40%;
background: transparent;
border: 0;
padding: 0 !important;
min-height: 30px;
}
.block.table.review_toc tbody tr.result {
padding: 0 !important;
}
.block.table.review_toc tbody tr.result > * {
padding: 0 !important;
min-height: 0;
}
.block.table.review_toc thead tr,
.block.table.review_toc tbody tr {
display: flex;
flex-wrap: wrap;
}
.block.table.review_toc tbody tr {
padding: 10px 5px;
}
.block.table.review_toc tbody tr > .green {
text-align: right;
}
.block.table.review_toc tbody tr th + td {
text-align: center;
flex-basis: 20% !important;
}
.block.table.review_toc tbody tr:not(:last-child) {
border-bottom: 1px solid var(--theme-block-bg);
}
.block.table.review_toc tbody tr td:last-child {
flex: 1 100%;
}
.block.table.review_toc tbody tr a.button {
margin-top: 5px;
}
.block.table.review_toc thead th {
width: 100%;
}
.block.table.review_toc thead th + * {
display: none;
}
}
/* */
/* */
.block.table.contact_details {
/*max-width: 460px;*/
width: 100%;
margin: 0;
clear: both;
}
.block.table.contact_details th {
width: 30%;
}
@media only screen and (max-width: 480px) {
.block.table.contact_details th {
width: 40%;
}
}
.block.table.contact_details td {
display: flex;
flex-direction: column;
}
.block.table.contact_details td .info {
font-size: smaller;
}
.block.table.contact_details tbody tr + tr th,
.block.table.contact_details tbody tr + tr td {
border-top: 1px solid #e0e1e1 !important;
}
/*.block.table.contact_details tbody tr:nth-child(even) td,
.block.table.contact_details tbody tr:nth-child(even) th {
background: transparent;
}*/
/* */
/* */
div.top_list {
margin-bottom: 0 !important;
padding-bottom: calc(2 * var(--theme-block-margin));
}
.top_list.disclaimer {
margin-top: 2px;
}
table.block.table.top_list,
table.block.table.top_list tbody {
width: 100%;
}
table.block.table.top_list:not(.more-button) {
margin-bottom: 0;
}
.block.table.top_list thead th {
text-align: center;
}
table.block.table.top_list thead tr th,
table.block.table.top_list tbody tr td,
table.block.table.top_list tbody tr th ,
table.block.table.top_list tfoot tr td {
padding: 5px;
}
table.block.table.top_list[class*="layout-grid"] tr td[data-fields="logo_link"] {
padding: 0;
}
.block.table.top_list .trusts {
border: 1px solid var(--theme-block-bg);
background: #fcfcfc;
}
.block.table.top_list .c,
.block.table.top_list .center {
display: block;
}
.block.table.top_list .trusts > div {
text-align: center;
padding: 5px 10px;
color: #aaa;
font-size: 12px;
font-weight: normal;
}
.block.table.top_list .trusts > div + div {
padding-top: 0 !important;
}
.block.table.top_list .logos {
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
}
.block.table.top_list .logos img {
max-height: 45px !important;
object-fit: contain;
image-rendering: optimizequality;
}
.block.table.top_list .logos > span {
flex: 1 1 0px;
}
div.block.table table.block.layout-grid,
body.mobile div.block.table table.block.layout-grid-mobile {
border: 0 !important;
box-shadow: none !important;
}
.block.table.info.layout-grid .grid,
.block.table.top_list.layout-grid .grid,
body.mobile .block.table.info.layout-grid-mobile > tr,
body.mobile .block.table.info.layout-grid-mobile > * > tr,
body.mobile .block.table.top_list.layout-grid-mobile > tr,
body.mobile .block.table.top_list.layout-grid-mobile > * > tr,
ul.grid:not(.block),
ul[class*="grid-"]:not(.block) {
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fit, calc(25% - 1px)); /*minmax(20%, 20%));*/
grid-gap: 1px;
font-size: 15px;
border-radius: var(--theme-block-radius);
}
body.mobile .block.table.info.layout-grid-mobile,
body.mobile .block.table.info.layout-grid-mobile tbody,
body.mobile .block.table.top_list.layout-grid-mobile,
body.mobile .block.table.top_list.layout-grid-mobile tbody {
width: 100%;
display: inline-block;
}
body.mobile .block.table.info.layout-grid-mobile tr,
body.mobile .block.table.top_list.layout-grid-mobile tr,
body.mobile table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) {
box-shadow: inset 0 0 0 1px white, 0px 0px 3px var(--theme-block-bg);
}
body.mobile table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) {
padding: 1px;
}
body.mobile .block.table.top_list .trusts {
border: 0;
}
body.mobile table.block.head + table:not(.layout-grid):not(.layout-grid-mobile):not(.no-auto-grid) {
margin-top: 1px !important;
border-top: 1px solid #e0e1e1 !important;
}
ul.grid:not(.block),
ul[class*="grid-"]:not(.block) {
grid-template-columns: repeat(auto-fit, calc(25% - 10px)); /*minmax(20%, 20%));*/
grid-gap: calc(39px / 3) !important;
}
ul.grid:not(.block):not(.no-border) > li,
ul[class*="grid-"]:not(.block):not(.no-border) > li {
box-shadow: 0 0 3px var(--theme-block-bg);
border-radius: var(--theme-block-radius);
}
.block.table.info.layout-grid .grid,
.block.table.top_list.layout-grid .grid,
ul.grid:not(.block),
ul[class*="grid-"]:not(.block) {
grid-auto-rows: 1fr;
}
ul.grid:not(.block),
ul[class*="grid-"]:not(.block) {
margin-bottom: var(--theme-block-margin);
}
.grid-wrapper > ul.grid:not(.block),
.grid-wrapper > ul[class*="grid-"]:not(.block) {
margin-bottom: 0;
}
.block.table.info.layout-grid > tr,
.block.table.info.layout-grid > * > tr,
body.mobile .block.table.info.layout-grid-mobile > tr,
body.mobile .block.table.info.layout-grid-mobile > * > tr,
.grid-1 {
grid-template-columns: repeat(auto-fit, calc(100% - 1px)) !important;
}
ul.grid-1:not(.block) {
grid-template-columns: repeat(auto-fit, calc(100% - 10px)) !important;
}
.grid-2 {
grid-template-columns: repeat(auto-fit, calc(50% - 1px)) !important;
}
ul.grid-2:not(.block) {
grid-template-columns: repeat(auto-fit, calc(50% - 10px)) !important;
grid-gap: calc(19px / 1) !important;
}
.grid-3 {
grid-template-columns: repeat(auto-fit, calc((100% / 3) - 1px)) !important;
}
ul.grid-3:not(.block) {
grid-template-columns: repeat(auto-fit, calc((100% / 3) - 10px)) !important;
grid-gap: calc(29px / 2) !important;
}
/* Default .grid-4 {
grid-template-columns: repeat(auto-fit, calc(25% - 1px)) !important;
}
ul.grid-4:not(.block) {
grid-template-columns: repeat(auto-fit, calc(%25 - 10px)) !important;
}*/
.grid-5 {
grid-template-columns: repeat(auto-fit, calc(20% - 1px)) !important;
}
ul.grid-5:not(.block) {
grid-template-columns: repeat(auto-fit, calc(20% - 10px)) !important;
grid-gap: calc(49px / 4) !important;
}
.grid-6 {
grid-template-columns: repeat(auto-fit, calc((100% / 6) - 1px)) !important;
}
ul.grid-6:not(.block) {
grid-template-columns: repeat(auto-fit, calc((100% / 6) - 10px)) !important;
grid-gap: calc(59px / 5) !important;
}
.grid-7 {
grid-template-columns: repeat(auto-fit, calc((100% / 7) - 1px)) !important;
}
ul.grid-7:not(.block) {
grid-template-columns: repeat(auto-fit, calc((100% / 7) - 10px)) !important;
grid-gap: calc(69px / 6) !important;
}
.grid-8 {
grid-template-columns: repeat(auto-fit, calc((100% / 8) - 1px)) !important;
}
ul.grid-8:not(.block) {
grid-template-columns: repeat(auto-fit, calc((100% / 8) - 10px)) !important;
grid-gap: calc(79px / 7) !important;
}
.grid-9 {
grid-template-columns: repeat(auto-fit, calc((100% / 9) - 1px)) !important;
}
ul.grid-9:not(.block) {
grid-template-columns: repeat(auto-fit, calc((100% / 9) - 10px)) !important;
grid-gap: calc(89px / 8) !important;
}
.grid-10 {
grid-template-columns: repeat(auto-fit, calc(10% - 1px)) !important;
}
ul.grid-10:not(.block) {
grid-template-columns: repeat(auto-fit, calc(10% - 10px)) !important;
grid-gap: calc(99px / 9) !important;
}
@media only screen and (max-width: 1024px) {
/*.block.table.info.layout-grid.type-review .grid,
.block.table.top_list.layout-grid.type-review .grid,*/
.block.table.info.layout-grid-mobile.type-review > tr,
.block.table.info.layout-grid-mobile.type-review > * > tr,
.block.table.top_list.layout-grid-mobile.type-review > tr,
.block.table.top_list.layout-grid-mobile.type-review > * > tr,
ul.grid:not(.grid-1):not(.block),
ul[class*="grid-"]:not(.grid-1):not(.block) {
grid-template-columns: repeat(auto-fit, calc(100% - 1px)) !important;
}
/*.block.table.top_list.layout-grid:not(.type-review) .grid,*/
.block.table.top_list.layout-grid-mobile:not(.type-review) > tr,
.block.table.top_list.layout-grid-mobile:not(.type-review) > * > tr {
grid-template-columns: repeat(auto-fit, calc(50% - 1px)) !important;
}
ul.grid:not(.grid-1):not(.grid-3):not(.block),
ul[class*="grid-"]:not(.grid-1):not(.grid-3):not(.block) {
grid-template-columns: repeat(auto-fit, calc(50% - 10px)) !important;
grid-gap: calc(19px / 1) !important;
}
ul.grid:not(.block) > *,
ul[class*="grid-"]:not(.block) > * {
display: flex;
flex-direction: column;
}
body.home ul.grid-2[class*="grid-"]:not(.grid-1):not(.grid-3):not(.block) {
grid-template-columns: repeat(auto-fit, 100%) !important;
}
}
.block.table.top_list.layout-grid td.grid-wrapper {
padding: 0;
}
div.wp-caption {
padding: 5px;
border: 1px solid #e0e1e1;
background: var(--theme-block-bg);
}
.box > div.wp-caption {
border-radius: var(--theme-block-radius);
box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
div.wp-caption p {
margin: 0;
padding: 0;
}
.block.table.info.layout-grid .grid > li,
.block.table.top_list.layout-grid .grid > li,
body.mobile .block.table.info.layout-grid-mobile > tr,
body.mobile .block.table.info.layout-grid-mobile > * > tr,
body.mobile .block.table.top_list.layout-grid-mobile > tr,
body.mobile .block.table.top_list.layout-grid-mobile > * > tr,
ul.grid:not(.block) > li,
ul[class*="grid-"]:not(.block) > li {
text-align: center;
line-height: 16px;
position: relative;
min-height: 115px;
padding-top: 5px;
padding-bottom: 5px;
}
.block.table.info.layout-grid .grid > li,
.block.table.top_list.layout-grid .grid > li,
body.mobile .block.table.info.layout-grid-mobile > tr,
body.mobile .block.table.info.layout-grid-mobile > * > tr,
body.mobile .block.table.top_list.layout-grid-mobile > tr,
body.mobile .block.table.top_list.layout-grid-mobile > * > tr,
ul.grid:not(.block):not(.no-border) > li,
ul[class*="grid-"]:not(.block) > li {
padding: 5px 5px 8px 5px;
border: 1px solid #e0e1e1;
background: var(--theme-block-bg);
box-shadow: inset 0 0 0 1px white, 0px 0px 3px var(--theme-block-bg);
}
body.mobile .block.table.info.layout-grid-mobile > tr.hightlight,
body.mobile .block.table.info.layout-grid-mobile > * > tr.hightlight,
body.mobile .block.table.top_list.layout-grid-mobile > tr.hightlight,
body.mobile .block.table.top_list.layout-grid-mobile > * > tr.hightlight {
background: #ecffed80 !important;
}
body.mobile .block.table.info.layout-grid-mobile > tr.hightlight > *,
body.mobile .block.table.info.layout-grid-mobile > * > tr.hightlight > *,
body.mobile .block.table.top_list.layout-grid-mobile > tr.hightlight > *,
body.mobile .block.table.top_list.layout-grid-mobile > * > tr.hightlight > * {
background-color: transparent !important;
}
.block.table.info.layout-grid .grid > li p,
.block.table.top_list.layout-grid .grid > li p,
body.mobile .block.table.info.layout-grid-mobile > tr p,
body.mobile .block.table.info.layout-grid-mobile > * > tr p,
body.mobile .block.table.top_list.layout-grid-mobile > tr p,
body.mobile .block.table.top_list.layout-grid-mobile > * > tr p,
ul.grid:not(.block) > li p,
ul[class*="grid-"]:not(.block) > li p {
line-height: 1.6em;
}
body.mobile .block.table.info.layout-grid-mobile > tr + tr,
body.mobile .block.table.info.layout-grid-mobile > * > tr + tr,
body.mobile .block.table.top_list.layout-grid-mobile > tr + tr,
body.mobile .block.table.top_list.layout-grid-mobile > * > tr + tr {
margin-top: 1px;
}
body.mobile .block.table.info.layout-grid-mobile > tr > *,
body.mobile .block.table.info.layout-grid-mobile > * > tr > *,
body.mobile .block.table.top_list.layout-grid-mobile > tr > *,
body.mobile .block.table.top_list.layout-grid-mobile > * > tr > * {
border: 0;
background: var(--theme-block-bg);
}
.block.table.info.layout-grid .grid > li,
.block.table.top_list.layout-grid .grid > li,
body.mobile .block.table.info.layout-grid-mobile > tr > *,
body.mobile .block.table.info.layout-grid-mobile > * > tr > *,
body.mobile .block.table.top_list.layout-grid-mobile > tr > *,
body.mobile .block.table.top_list.layout-grid-mobile > * > tr > * {
display: flex;
flex-direction: column;
text-align: center;
}
ul.grid:not(.block) > li,
ul[class*="grid-"]:not(.block) > li {
min-height: 85px;
}
.block.table.top_list.layout-grid td {
padding: 0;
}
td.logo.table_casino,
.block.table.info.layout-table td[data-fields="place"],
.block.table.top_list.layout-table td[data-fields="place"],
body:not(.mobile) .block.table.info.layout-grid-mobile td[data-fields="place"],
body:not(.mobile) .block.table.top_list.layout-grid-mobile td[data-fields="place"] {
text-align: center;
}
.block.table.info.layout-grid .grid > li div[data-fields="offset"],
.block.table.top_list.layout-grid .grid > li div[data-fields="offset"],
body.mobile .block.table.info.layout-grid-mobile div[data-fields="offset"],
body.mobile .block.table.top_list.layout-grid-mobile div[data-fields="offset"],
ul.grid:not(.block) > li .offset,
ul.grid:not(.block) > li[data-label]::before,
ul[class*="grid-"]:not(.block) > li .offset,
ul[class*="grid-"]:not(.block) > li[data-label]::before {
position: absolute;
left: 0;
top: 0;
margin: 0;
width: 26px;
height: 26px;
line-height: 26px;
text-align: center;
background: var(--theme-color-blue);
color: #fff;
content: "";
border-radius: calc(var(--theme-block-radius) - 1.5px);
}
ul.grid:not(.block) > li .offset,
ul.grid:not(.block) > li[data-label]::before,
ul[class*="grid-"]:not(.block) > li .offset,
ul[class*="grid-"]:not(.block) > li[data-label]::before {
border-top-left-radius: var(--theme-block-radius);
}
ul.grid:not(.block) > li[data-label]::before,
ul:not(.block) > li[data-label]::before {
content: attr(data-label) !important;
}
.block.table.info.layout-grid .grid > li > div,
.block.table.top_list.layout-grid .grid > li > div,
body.mobile .block.table.info.layout-grid-mobile > tr > * > div,
body.mobile .block.table.info.layout-grid-mobile > * > tr > * > div,
body.mobile .block.table.top_list.layout-grid-mobile > tr > * > div,
body.mobile .block.table.top_list.layout-grid-mobile > * > tr > * > div,
ul.grid:not(.block) > li > *,
ul[class*="grid-"]:not(.block) > li > * {
margin-top: 5px;
margin-bottom: 5px;
display: inline-block;
}
ul.grid:not(.block) > li > :last-child,
ul[class*="grid-"]:not(.block) > li > :last-child {
margin-bottom: 0 !important;
}
ul.grid:not(.block) > li > v,
ul[class*="grid-"]:not(.block) > li [data-field="logo_name_link"] .a + .a {
margin-top: 10px;
}
[class*="grid"] p,
[class*="grid"] .button {
width: 100%;
}
[class*="grid"] p .button.s,
[class*="grid"] p .button.small ,
ul[class*="grid-"]:not(.block) > li > a:not(.button):last-child {
margin-bottom: 5px !important;
}
.block.table.info.layout-grid .grid > li img,
.block.table.top_list.layout-grid .grid > li img,
body.mobile .block.table.info.layout-grid-mobile img,
body.mobile .block.table.top_list.layout-grid-mobile img,
ul.grid:not(.block) > li img,
ul[class*="grid-"]:not(.block) > li img {
max-width: 100%;
object-fit: contain;
height: auto;
}
body.mobile .block.table.info.layout-grid-mobile [data-field*="logo"] img,
body.mobile .block.table.top_list.layout-grid-mobile [data-field*="logo"] img,
.block.table.info.layout-grid .grid > li [data-field*="logo"] img,
.block.table.info.layout-grid .grid-1 > li [data-field*="logo"] img,
.block.table.info.layout-grid .grid-2 > li [data-field*="logo"] img,
.block.table.info.layout-grid .grid-3 > li [data-field*="logo"] img,
.block.table.info.layout-grid .grid-4 > li [data-field*="logo"] img,
.block.table.top_list.layout-grid .grid > li [data-field*="logo"] img,
.block.table.top_list.layout-grid .grid-1 > li [data-field*="logo"] img,
.block.table.top_list.layout-grid .grid-2 > li [data-field*="logo"] img,
.block.table.top_list.layout-grid .grid-3 > li [data-field*="logo"] img,
.block.table.top_list.layout-grid .grid-4 > li [data-field*="logo"] img {
max-width: 90%;
height: 80px;
}
.block.table.top_list.layout-grid .grid-5 > li [data-field*="logo"] img {
height: 60px;
}
.block.table.top_list.layout-grid .grid-6 > li [data-field*="logo"] img {
height: 50px;
}
.block.table.top_list.layout-grid .grid-7 > li [data-field*="logo"] img {
height: 40px;
}
.block.table.top_list.layout-grid .grid-8 > li [data-field*="logo"] img {
height: 35px;
}
.block.table.top_list.layout-grid .grid-9 > li [data-field*="logo"] img {
height: 30px;
}
.block.table.top_list.layout-grid .grid-10 > li [data-field*="logo"] img {
height: 25px;
}
@media only screen and (max-width: 460px) {
.block.table.top_list .logos {
padding-left: 0 !important;
padding-right: 0 !important;
}
.block.table.top_list .trusts > div + div {
padding-top: 0 !important;
font-size: 9px;
}
.block.table.top_list .logos img {
height: 28px !important;
}
}
.block.table.top_list .trusts + .table-wrapper > table {
border-top: 0 !important;
}
.block.table.top_list td[data-field="offset"] {
width: 10px;
}
.block.table.top_list .field[data-field="logo"] img,
.block.table.top_list .field[data-field="logo_name"] img {
max-width: 100px;
height: auto;
object-fit: contain;
}
.block.table.info.layout-grid .field[data-field="logo"] img,
.block.table.info.layout-grid .field[data-field="logo_name"] img,
.block.table.top_list.layout-grid .field[data-field="logo"] img,
.block.table.top_list.layout-grid .field[data-field="logo_name"] img,
body.mobile .block.table.info.layout-grid-mobile .field[data-field="logo"] img,
body.mobile .block.table.info.layout-grid-mobile .field[data-field="logo_name"] img,
body.mobile .block.table.top_list.layout-grid-mobile .field[data-field="logo"] img,
body.mobile .block.table.top_list.layout-grid-mobile .field[data-field="logo_name"] img {
max-width: 165px;
}
.block.table.top_list td[data-fields] > ul.text:first-child > li {
font-size: 12px;
}
.join ul.join > li {
display: inline;
}
.join ul.join {
display: inline;
}
.join ul.join > li[data-join]::before {
content: attr(data-join);
}
.block.table.top_list td[data-fields="review_score"] {
font-weight: bold;
}
.block.table td.green,
.block.table.top_list td[data-fields="review_score_trans"] {
color: var(--theme-color-green);
}
.block.table.top_list td[data-field="button"] {
width: 100px;
height: 40px;
object-fit: contain;
}
@media only screen and (max-width: 1024px) {
.block.table.top_list:not(.layout-grid) tr th:empty,
.block.table.top_list:not(.layout-grid) tr td:empty {
display: none;
}
.block.table.top_list:not(.layout-grid) tr {
position: relative;
}
.block.table.top_list:not(.layout-grid) tr th[data-fields*="offset"]:first-child {
opacity: 0;
}
.block.table.top_list:not(.layout-grid) tr th[data-fields*="offset"]:first-child,
.block.table.top_list:not(.layout-grid) tr td[data-fields*="offset"]:first-child {
position: absolute;
z-index: 10;
width: 30px;
height: 30px;
background: var(--theme-color-blue) !important;
color: white;
line-height: 30px;
text-align: center;
padding: 0;
border-radius: calc(var(--theme-block-radius) - 1.5px);
}
.block.table.top_list:not(.layout-grid):not(.layout-grid-mobile) tr th[data-fields*="offset"]:first-child + th,
.block.table.top_list:not(.layout-grid):not(.layout-grid-mobile) tr.even td[data-fields*="offset"]:first-child + td {
box-shadow: -1px 0px 0px 0px var(--theme-block-bg);
}
.block.table.info.layout-grid-mobile th,
.block.table.info.layout-grid-mobile td,
.block.table.top_list.layout-grid-mobile th,
.block.table.top_list.layout-grid-mobile td {
display: block;
}
/*.block.table.top_list:not(.layout-grid-mobile) tr th[data-fields*="offset"]:first-child + * ~ *,
.block.table.top_list:not(.layout-grid-mobile) tr th:not([data-fields*="offset"]):first-child ~ * {
display: none;
}*/
}
/* */
/* */
div.compare-table {
width: 100%;
display: flex;
flex-wrap: wrap;
position: relative;
padding: 20px 0;
}
div.compare-table div.compare-box {
background: var(--theme-table-bg);
flex: 1 33.3%;
border: 1px solid #eee;
position: relative;
padding: 33px 0 20px 0;
margin: 20px 0 40px 0;
}
div.compare-table div.compare-box.place1 {
border: 3px solid var(--theme-button-green-light);
background: #fff;
z-index: 99;
margin: 0;
margin: 0 0 20px 0;
}
body:not(.mobile) div.compare-table div.compare-box.place1 {
padding: 40px 0 25px;
}
@media only screen and (min-width: 1024px) {
div.compare-table div.compare-box.place1 {
box-shadow: 0 0 20px rgba(0,0,0,0.2);
order: 2;
}
div.compare-table div.compare-box.place2 { order: 1; }
div.compare-table div.compare-box.place3 { order: 3; }
div.compare-table div.compare-box.place4 { order: 4; }
div.compare-table div.compare-box.place5 { order: 5; }
div.compare-table div.compare-box.place6 { order: 6; }
div.compare-table div.compare-box.place7 { order: 7; }
div.compare-table div.compare-box.place8 { order: 8; }
div.compare-table div.compare-box.place9 { order: 9; }
div.compare-table div.compare-box.place10 { order: 10; }
div.compare-table div.compare-box:not(.place1):not(.place2):not(.place3) {
flex: 1 100%;
padding-top: 0;
padding-bottom: 0;
margin-bottom: 10px;
}
div.compare-table div.compare-box:not(.place1):not(.place2):not(.place3) div.compare-wrapper {
flex-direction: row;
padding-left: 10px;
padding-right: 10px;
}
div.compare-table div.compare-box:not(.place1):not(.place2):not(.place3) .logo-wrapper {
align-self: center;
}
div.compare-table div.compare-box:not(.place1):not(.place2):not(.place3) .logo {
max-width: 100px;
height: auto;
object-fit: contain;
margin-left: 23px !important;
margin-top: 20px !important;
margin-bottom: 20px !important;
flex: 1;
}
div.compare-table div.compare-box:not(.place1):not(.place2):not(.place3) div.compare-wrapper p {
background: transparent !important;
padding-top: 20px;
padding-bottom: 20px;
margin-left: 10px !important;
flex: 1;
align-self: center;
}
div.compare-table div.compare-box:not(.place1):not(.place2):not(.place3) div.compare-wrapper .items {
padding-top: 20px;
padding-bottom: 20px;
flex: 1;
}
div.compare-table div.compare-box:not(.place1):not(.place2):not(.place3) div.spacer,
div.compare-table div.compare-box:not(.place1):not(.place2):not(.place3) div.meta {
display: none !important;
}
div.compare-table div.compare-box:not(.place1):not(.place2):not(.place3) div.buttons {
margin-left: 10px !important;
margin-right: 23px !important;
flex: 1;
}
div.compare-table div.compare-box.place1 {
border-radius: var(--theme-block-radius) !important;
}
div.compare-table div.compare-box.place2 {
border-top-left-radius: var(--theme-block-radius) !important;
border-bottom-left-radius: var(--theme-block-radius) !important;
}
div.compare-table div.compare-box.place3 {
border-top-right-radius: var(--theme-block-radius) !important;
border-bottom-right-radius: var(--theme-block-radius) !important;
}
div.compare-table div.compare-box.place2 div.compare-wrapper div.place {
border-top-left-radius: var(--theme-block-radius) !important;
}
}
@media only screen and (max-width: 1024px) {
div.compare-table div.compare-box {
border-radius: var(--theme-block-radius) !important;
}
div.compare-table div.compare-box div.compare-wrapper div.place {
border-top-left-radius: var(--theme-block-radius) !important;
}
div.compare-table div.compare-box {
box-shadow: 0 0 3px rgba(0,0,0,.025);
}
div.compare-table div.compare-box {
width: 100%;
}
/*
div.compare-table { margin-top: 190px; }
div.compare-table[data-active="1"] div.compare-box:not(.place1) { position: absolute; background: white; }
div.compare-table[data-active="1"] div.compare-box.place1 { position: relative; z-index: 100; }
div.compare-table[data-active="1"] div.compare-box.place2 { top: -80px; z-index: 99; }
div.compare-table[data-active="1"] div.compare-box.place3 { top: -160px; z-index: 98; }
div.compare-table[data-active="2"] div.compare-box:not(.place2) { position: absolute; background: white; }
div.compare-table[data-active="2"] div.compare-box.place2 { position: relative; z-index: 100; }
div.compare-table[data-active="2"] div.compare-box.place3 { top: -80px; z-index: 99; }
div.compare-table[data-active="2"] div.compare-box.place1 { top: -160px; z-index: 98; }
div.compare-table[data-active="3"] div.compare-box:not(.place3) { position: absolute; background: white; }
div.compare-table[data-active="3"] div.compare-box.place3 { position: relative; z-index: 100; }
div.compare-table[data-active="3"] div.compare-box.place1 { top: -80px; z-index: 99; }
div.compare-table[data-active="3"] div.compare-box.place2 { top: -160px; z-index: 98; }*/
div.compare-table div.compare-box.active {
background: white;
z-index: 200;
}
div.compare-table div.compare-box:not(.active) {
background: var(--theme-table-bg);
}
div.compare-table div.compare-box:not(.active):hover {
cursor: pointer;
}
div.compare-table {
flex-wrap: wrap;
flex-direction: column;
padding: 0;
margin-bottom: var(--theme-block-margin);
}
.compare-table.more + .more-button {
margin-bottom: 0;
margin-top: -51px;
}
.compare-table.more:not(.more-expanded) + .more-button {
margin-top: -51px;
z-index: 1000;
position: absolute;
width: calc(100% - 36px);
left: 18px;
box-shadow: none;
border: 0;
}
.compare-table.more:not(.more-expanded) + .more-button > span {
background: var(--theme-block-bg);
}
div.compare-table div.compare-box,
div.compare-table div.compare-box.place1 {
flex: 1 100%;
margin: 0 !important;
padding-bottom: 20px;
}
div.compare-table.more-expanded div.compare-box {
margin-bottom: 10px !important;
}
article div.compare-table div.compare-box div.compare-wrapper div.meta {
justify-content: space-around !important;
width: 100% !important;
}
}
div.compare-table div.compare-box div.compare-wrapper {
height: 100%;
display: flex;
flex-direction: column;
}
div.compare-table div.compare-box div.compare-wrapper > :not(.logo) {
flex: 0;
}
div.compare-table div.compare-box div.compare-wrapper > .spacer {
flex: 1;
}
div.compare-table div.compare-box.place1 div.compare-wrapper div.toplist {
background: var(--theme-button-green-light);
color: #fff;
position: absolute;
left: 10%;
width: 80%;
top: -2px;
line-height: 26px;
text-align: center;
border-radius: 0 0 2px 2px;
border-bottom-left-radius: var(--theme-block-radius) !important;
border-bottom-right-radius: var(--theme-block-radius) !important;
}
div.compare-table div.compare-box div.compare-wrapper div.place {
position: absolute;
left: 0;
top: 0;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 0 0 2px 0;
background: var(--theme-block-bg);
font-size: 12px;
}
div.compare-table div.compare-box div.compare-wrapper img.icon {
display: table;
margin: 0 auto 20px auto;
max-width: 90%;
height: auto;
}
div.compare-table div.compare-box div.compare-wrapper img.logo {
display: table;
margin: 0 auto 20px auto;
max-width: 200px;
max-height: 80px;
object-fit: cover;
height: auto;
}
article div.compare-table div.compare-box div.compare-wrapper p,
article div.compare-table div.compare-box div.compare-wrapper div.meta {
background: var(--theme-block-bg);
text-align: center;
padding: 0 0 10px 0;
font-size: 20px;
font-weight: 400;
}
article div.compare-table div.compare-box.list div.compare-wrapper div.meta {
display: none;
}
article div.compare-table div.compare-box div.compare-wrapper p {
margin: 0 !important
}
article div.compare-table div.compare-box.place1 div.compare-wrapper p {
background: var(--theme-button-green-light);
color: #fff;
font-size: 30px;
line-height: 30px;
}
article div.compare-table div.compare-box div.compare-wrapper p small,
article div.compare-table div.compare-box div.compare-wrapper div.meta > span {
font-size: 0.7rem;
font-style: italic;
width: 100%;
display: inline-block;
}
article div.compare-table div.compare-box div.compare-wrapper p small ~ small {
font-size: 18px;
}
article div.compare-table div.compare-box div.compare-wrapper div.meta {
background: none;
padding: 0;
display: flex;
justify-content: center;
text-align: left;
width: auto;
margin: 20px auto 0 auto;
line-height: 17px;
}
article div.compare-table div.compare-box div.compare-wrapper div.meta > span {
width: auto;
display: inline-flex;
align-items: flex-start;
padding: 0 20px;
}
article div.compare-table div.compare-box div.compare-wrapper div.meta > span:first-child {
padding-right: 10px;
}
article div.compare-table div.compare-box div.compare-wrapper div.meta > span:last-child {
padding-left: 10px;
}
article div.compare-table div.compare-box div.compare-wrapper div.meta > span > i.i {
background-size: 13px 13px;
background-position: 0 2px;
}
article div.compare-table div.compare-box div.compare-wrapper ul {
padding: 20px 20px 0 40px;
font-size: 12px;
line-height: 16px;
}
article div.compare-table div.compare-box div.compare-wrapper ul li {
padding: 0;
line-height: 20px;
min-height: 20px;
}
article div.compare-table div.compare-box div.compare-wrapper ul li + li {
margin-top: 5px;
}
article div.compare-table div.compare-box div.compare-wrapper ul li.check {
padding-left: 0 !important;
color: var(--theme-color-font) !important;
}
article div.compare-table div.compare-box div.compare-wrapper ul li.check::before {
left: -25px !important;
}
article div.compare-table div.compare-box div.compare-wrapper ul li img.alignleft {
margin: 0 5px 0 0;
}
article div.compare-table div.compare-box div.compare-wrapper div.buttons {
display: flex;
flex-direction: column;
min-height: 115px;
}
article div.compare-table div.compare-box div.compare-wrapper a.button {
margin: 20px auto;
}
article div.compare-table div.compare-box div.compare-wrapper a.link {
display: table;
margin: 0 auto;
text-decoration: none;
max-width: 90%;
text-align: center;
}
article div.compare-table div.compare-box div.compare-wrapper a.link > span::before {
content: '\00BB';
margin-right: 5px;
font-size: 20px;
}
div.compare-table div.compare-box.list {
width: 100%;
flex-grow: 1;
padding: 20px;
margin: 0 0 20px 0;
}
div.compare-table div.compare-box.list p > span {
width: 100%;
flex-grow: 1;
padding: 20px;
margin: 0 0 20px 0;
}
div.compare-table div.compare-box.list div.compare-wrapper img.logo {
float: left;
width: 20%;
margin: 0 0 0 0;
}
div.compare-table div.compare-box.list div.compare-wrapper div.icon {
position: absolute;
left: 20px;
top: 60%;
width: 20%;
}
article div.compare-table div.compare-box.list div.compare-wrapper p,
article div.compare-table div.compare-box.list div.compare-wrapper div.meta {
background: none;
float: left;
width: 18%;
padding: 20px 0 0 0;
}
article div.compare-table div.compare-box.list div.compare-wrapper ul {
float: left;
padding: 0 0 0 40px;
width: 30%;
}
article div.compare-table div.compare-box.list div.compare-wrapper ul li {
padding: 0;
}
article div.compare-table div.compare-box.list div.compare-wrapper div.buttons {
float: left;
width: 32%;
}
article div.compare-table div.compare-box.list div.compare-wrapper div.buttons a.button {
margin: 0 auto 10px auto;
}
article div.compare-table div.compare-box.list div.compare-wrapper div.buttons a.link {
margin: 0 auto;
}
/* */
/* */
table.block [data-field="review_payment_in"],
table.block [data-field="payment_review_in"],
table.block [data-field="review_paymdent_out"],
table.block [data-field="payment_review_out"],
table.block [data-field="review_payment_in_out"],
table.block [data-field="payment_review_in_out"] {
transform: translateY(-4px) scale(0.86);
opacity: 0.9;
}
table.block .payment-in-out i {
background: #992424;
border-radius: 50%;
padding-left: 24px;
width: 24px;
height: 25px;
display: inline-block;
transform: translateY(8px);
}
table.block .payment-in-out i.check {
background: var(--theme-color-green);
}
table.block .payment-in-out i.check::before {
transform: rotate(45deg) translate(5px, 2px);
border-color: white;
}
table.block .payment-in-out i.cross::before,
table.block .payment-in-out i.cross::after {
transform: rotate(45deg) scale(1.1) translate(3px, 1px);
background-color: white;
}
/* */
/* */
@media only screen and (min-width: 1024px) {
.table-wrapper.layout-right,
:not(.layout-right) > .block.table.default.layout-right,
.block.table.info.layout-right {
width: 300px;
max-width: 300px;
}
.table-wrapper.layout-right,
:not(.layout-right) > .block.table.default.layout-right,
div.block.table.info.layout-right {
float: right;
margin-left: 20px;
}
div.block.table.info.layout-right {
position: relative;
z-index: 1;
}
}
@media only screen and (max-width: 1024px) {
.table-wrapper.layout-right,
.block.table.layout-right {
width: 100%;
max-width: 100%;
}
}
.block.table.info th:first-child,
.block.table.info td:first-child {
min-width: 130px;
}
.block.table.info.layout-full-width th:first-child,
.block.table.info.layout-full-width td:first-child {
min-width: 275px;
}
.block.table.info.right th:first-child,
.block.table.info.right td:first-child {
width: 130px;
}
.block.table.info thead th,
.block.table.info td[colspan="2"] {
text-align: center;
}
.block.table.info th,
.block.table.info td {
vertical-align: top;
}
.block.table.info th[data-fields*="logo"],
.block.table.info td[data-fields*="logo"] {
vertical-align: middle;
}
.block.table.info thead th > * {
font-size: 15px;
line-height: 1.5em;
margin: 0;
padding: 0;
}
.block.table.info span[data-field="logo"] img {
max-width: 200px;
}
.block.table.info th[data-fields*="button"],
.block.table.info td[data-fields*="button"] {
padding: 0 !important;
}
.block.table.info th[data-fields*="button"] a,
.block.table.info td[data-fields*="button"] a {
width: 100%;
}
.block.table.info th[data-fields*="button"] a span,
.block.table.info td[data-fields*="button"] a span {
flex: 1;
}
.tab-body .block.table.info {
border: none;
box-shadow: none;
}
.tab-body .block.table.info > tbody:first-child tr:first-child:last-child > td {
background: transparent;
}
.block.table.info > tbody > tr > td[colspan="2"] .thumbnail img {
width: 65px;
height: 48px;
padding: 3px;
border: 1px solid #e6e6e6;
box-shadow: 0px 0px 3px var(--theme-block-bg);
}
.block.table.info h2,
.block.table.info h3 {
font-size: 15px;
line-height: 1.5em;
margin: 0;
padding: 0;
}
.block.table.info .field + .button {
margin-top: 5px;
}
:not(.layout-right) > .block.table.default.layout-right td + td a[href*="mailto:"],
.block.table.info.layout-right a[href*="mailto:"] {
max-width: 165px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.block.table.info.layout-right a[href*="mailto:"] {
max-width: 158px;
}
/* */
/* */
.block.table.scores table img:not([src]):not([srcset]) {
width: 1px !important;
height: 1px !important;
}
.block.table.scores th .logo {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.block.table.scores th img {
height: 45px !important;
}
.block.table.scores th img {
width: auto;
object-fit: contain;
image-rendering: optimizequality;
}
.block.table.scores td {
text-align: center;
}
/* */
/* */
/* */
.field.flex {
display: flex;
flex-direction: column;
align-items: center;
}
@media only screen and (min-width: 375px) {
.flex-child-row > .field.flex,
.field.flex.flex-row {
flex-direction: row;
justify-content: center;
}
.flex-child-row > .field.flex > * + *,
.field.flex.flex-row > * + * {
margin-left: 6px;
}
}
@media only screen and (max-width: 425px) {
.flex-child-row > .field.flex > * + *,
.field.flex.flex-row > * + * {
margin-left: 3px;
}
.flex-child-row > .field.flex > .stars > i.i,
.field.flex.flex-row > .stars > i.i {
margin-left: -1px !important;
}
.flex-child-row > .field.flex > .small,
.field.flex.flex-row > .small {
font-size: 11px !important;
}
}
@media only screen and (max-width: 1024px) {
.field.flex[data-field="review_bonus_free_spins"] {
flex-direction: row;
justify-content: center;
}
.field.flex[data-field="review_bonus_free_spins"] span + span {
margin-left: 5px;
}
.flex-child-row + .button {
margin-top: 5px;
}
}
.flex-child-row > .field.flex[data-field="review_score_stars"] > .bold,
.flex-child-row > .field.flex[data-field="review_score_rating_stars"] > .bold,
.field.flex.flex-row[data-field="review_score_stars"] > .bold,
.field.flex.flex-row[data-field="review_score_rating_stars"] > .bold {
transform: translateY(-2px);
}
.field.center:not(.flex) {
display: table;
margin:0 auto;
}
.field.green {
color: var(--theme-color-green);
font-weight: 600;
}
.field *,
.field *:hover {
text-decoration: none;
}
/*.field * {
line-height: 1.15rem;
}*/
.field .bold {
font-weight: bold;
}
.field i.oct[class*="star"], .field i.fi[class*="star"], .field i.fa[class*="star"] {
background-size: 16px 16px;
width: 16px;
height: 15px;
}
.stars {
display: flex;
flex-wrap: nowrap;
transform: translateY(-3px);
}
.field .stars + span {
margin-top: -3px;
}
td[data-fields] ul.simple li + li {
margin-top: -2px;
}
.space-around,
.space-between,
.space-even {
display: flex;
}
.space-around > *,
.space-between > *,
.space-even > * {
flex: 1 1 100%;
}
.field[data-field="logo"] + span {
position: relative;
top: -3px;
}
.arial {
font-family: Arial;
}
.i, .italic {
font-style: italic;
}
.s, .small {
font-size: 12px !important;
}
.button.s,
.button.small {
font-size: .9rem !important;
padding-left: 6px !important;
padding-right: 6px !important;
}
[class*="grid"] .button.s,
[class*="grid"] .button.small {
padding-left: 10px !important;
padding-right: 10px !important;
}
.n, .normal {
font-weight: normal !important;
}
.nw, .nowrap {
white-space: nowrap;
}
.mb, .margin-bottom {
margin-bottom: 10px;
}
.smaller img {
max-width: 190px !important;
height: auto;
}
@media only screen and (max-width: 768px) {
.smaller img {
max-width: 150px !important;
}
}
@media only screen and (max-width: 480px) {
.smaller img {
max-width: 100px !important;
}
}
.inline {
display: inline !important;
}
.float {
float: left;
}
.no-margin {
margin-bottom: 0 !important;
}
p + ul.inline {
position: relative;
top: -25px;
}
/*td:not(.default) .field {
font-size: 13px;
}*/
/* */
/* */
.wp-caption img {
margin-bottom: 5px;
padding:5px;
background-color:#FFFFFF;
}
.wp-caption-text {
color:#FFFFFF;
text-align:center;
padding-top: 5px;
padding-bottom: 5px;
width: auto;
font-weight: bold;
text-transform: uppercase;
}
code {
font: 1.1em 'Courier New', Courier, Fixed;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
margin: 5px 0 15px 20px;
display: inline;
}
img.alignright[src="/seal/"] {
margin-top: 0;
}
img.alignleft {
margin: 5px 20px 15px 0;
display: inline;
}
.alignright {
float: right;
margin-left: 15px;
}
.alignleft {
float: left;
margin-right: 15px;
}
acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
.quote {
/*display: block;*/
font-weight: normal;
font-style: italic;
margin-right: 5px;
margin-bottom: 0px;
quotes: "\201C""\201D""\2018""\2019";
font-weight: 300 !important;
}
.quote > * {
display: inline;
}
.quote > :first-child {
margin-top: 0 !important;
}
.quote > :last-child {
margin-bottom: 0 !important;
}
.quote {
position: relative;
}
.quote::before,
.quote::after {
content: open-quote;
font-weight: bold;
font-size: 1.5em;
/*line-height: 100%;*/
}
.quote::before {
position: absolute;
left: -15px;
}
.quote::after {
position: relative;
top: 2px;
content: close-quote;
}
.center:not(.owl-item) {
text-align: center;
}
.hidden {
display: none;
}
a img {
border: none;
}
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
text-align: center;
background-color: #FFF;
padding: 10px 5px 0 5px;
margin-bottom: 5px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 4px 4px 5px;
margin: 0;
background: none;
color: #333;
}
ul#noemail-tips + p {
display: none;
}
div#signup-welcome + p.view {
margin-bottom: 0 !important;
font-size: 0.9em;
}
div#signup-welcome span.h3 {
color: #ED1C24;
font-weight: normal;
padding-left: 0;
}
/* */
/* */
.widget_media_gallery {
position: relative;
display: inline-block;
}
.callbacks_nav {
margin-top: 0 !important;
background: var(--theme-color-main) !important;
border: 0 solid white;
border-right: 0 !important;
text-indent: 0 !important;
color: transparent !important;
border-top-left-radius: .3em;
border-bottom-left-radius: .3em;
width: 40px !important;
height: 60px !important;
top: calc(50% - 30px) !important;
transform: rotate(180deg);
box-sizing: border-box !important;
text-align: right;
padding-right: 10px;
padding-left: 10px;
}
.callbacks_nav + .callbacks_nav {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: .3em;
border-bottom-right-radius: .3em;
padding-right: 15px;
}
.callbacks_nav i {
line-height: 60px !important;
font-size: 35px;
color: var(--theme-color-blue);
}
.gallery-item {
width: 100% !important;
float: none !important;
}
.gallery-item img {
border: 0 !important;
}
/* */
/* */
/* */
/* */
body.ua_firefox input[type="checkbox"],
body.ua_firefox input[type="radio"] {
background: var(--theme-form-input-bg);
height: 20px;
width: 20px;
margin-top: 2px;
margin-right: 10px;
}
body.ua_firefox input[type="radio"] {
border-radius: 50%;
}
body.ua_firefox input[type="checkbox"],
body.ua_firefox input[type="checkbox"]:checked,
body.ua_firefox input[type="radio"],
body.ua_firefox input[type="radio"]:checked {
-moz-appearance:none;
outline: none;
width: 20px;
height: 20px;
overflow: hidden;
}
body.ua_firefox .title_options input[type="checkbox"],
body.ua_firefox .title_options input[type="checkbox"]:checked,
body.ua_firefox .title_options input[type="radio"],
body.ua_firefox .title_options input[type="radio"]:checked {
top: 0 !important;
}
body.ua_firefox input[type="checkbox"]:checked::before,
body.ua_firefox input[type="radio"]:checked::before {
content: '\2714';
margin-left: 5px;
font-size: 13px;
}
body.ua_firefox input[type="checkbox"]:checked::before {
font-size: var(--theme-font-size);
position: absolute;
top: -14px;
}
body.ua_firefox input[type="radio"]:checked::before {
content: "\2b24";
display: flex;
justify-content: center;
color: var(--theme-form-input-color);
line-height: 16px;
height: 20px;
width: 20px;
font-size: 11px;
margin-left: 0;
margin-top: 1px;
}
body.ua_firefox input[type="radio"]:hover,
body.ua_firefox input[type="radio"]::before:hover {
cursor: pointer;
}
body.ua_firefox input[type="checkbox"]::before,
body.ua_firefox input[type="radio"]::before {
content: '';
background: none;
display: inline-block;
height: 11px;
width: 11px;
position: absolute;
}
/* */
/* */
select {
display: block;
font-size: 15px;
color: white !important;
line-height: 1.3 !important;
width: 100%;
padding-left: 8px !important;
max-width: 100%;
box-sizing: border-box;
margin: 0;
border: 1px solid #582f8e;
/*box-shadow: 0 1px 0 1px rgba(0,0,0,.04);*/
border-radius: 2px;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: #582f8e;
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
linear-gradient(to bottom, #582f8e 0%,#582f8e 100%);
background-repeat: no-repeat, repeat;
background-position: right 8px top calc(50% + 1px), 0 0;
background-size: .65em auto, 100%;
box-shadow: 0 0 5px rgba(0,0,0,.25);
}
body.ua_firefox select {
padding-left: 4px !important;
}
select::-ms-expand {
display: none;
}
select:hover {
border-color: #888;
}
select:focus {
border-color: #aaa;
box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
box-shadow: 0 0 0 3px -moz-mac-focusring;
color: #222;
outline: none;
}
select option {
font-weight: normal;
}
body:not(.ua_firefox) input[type='checkbox']:not(.accordion-toggle),
body:not(.ua_firefox) input[type='radio'] {
margin-top: -30px;
}
body:not(.ua_firefox) input[type='checkbox']:not(.accordion-toggle),
body:not(.ua_firefox) input[type='checkbox']:not(.accordion-toggle) {
-Bit-font-smoothing: antialiased;
text-rendering: optimizeSpeed;
width: 20px;
height: 20px;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-right: 10px;
display: block;
float: left;
position: relative;
cursor: pointer;
}
body:not(.ua_firefox) input[type='checkbox']:not(.accordion-toggle)::after,
body:not(.ua_firefox) input[type='radio']::after {
content: "";
vertical-align: middle;
text-align: center;
line-height: 20px;
position: absolute;
cursor: pointer;
height: 20px;
width: 20px;
left: 0px;
top: 0px;
font-size: 10px;
background: var(--theme-form-input-bg);
border-radius: 3px;
}
body.ua_mac:not(.ua_firefox) input[type='checkbox']:not(.accordion-toggle)::after {
border-radius: 1px;
}
body:not(.ua_firefox) input[type='radio']::after {
border-radius: 50%;
}
body:not(.ua_firefox) input[type='checkbox']:not(.accordion-toggle):checked::after,
body:not(.ua_firefox) input[type='radio']:checked::after {
content:'\2714';
color: var(--theme-form-input-color);
font-size: 11px;
}
body:not(.ua_firefox) input[type='radio']::after {
left: -4px;
top: 6px;
}
body:not(.ua_firefox) input[type='radio']:checked::after {
content: "\2b24";
font-size: 21px;
display: flex;
justify-content: center;
align-items: center;
}
input[type="checkbox"]:hover,
input[type="radio"]:hover {
cursor: pointer;
}
input[type="checkbox"] + span.wpcf7-list-item-label {
position: relative;
top: -1px;
left: 3px;
}
/* */
/* */
/* */
.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
color: #D8000C;
background-color: #FFBABA;
border: 0;
padding: 10px;
}
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
color: #4F8A10;
background-color: #DFF2BF;
border: 0;
padding: 10px;
}
div.wpcf7-mail-sent-ok:before,div.wpcf7-validation-errors:before {
font: 26px/30px dashicons;
margin-right: 4px;
vertical-align: middle;
}
div.wpcf7-mail-sent-ok:before {
content: "\f147";
}
div.wpcf7-validation-errors:before {
content: "\f158";
}
/* */
/* */
/* */
/* */
.spinner-wrapper ~ * {
opacity: 1 !important;
}
#spinner {
display: none;
}
/* */
.grecaptcha-badge {
bottom: 90px !important;
box-shadow: none !important;
filter: drop-shadow(0 0 1px #c0c1c1) !important;
}
@media (min-resolution: 192dpi) {
.grecaptcha-badge {
filter: drop-shadow(0 0 0.5px #b3b3b3) !important;
}
}
#menu-header.menu-fixed {
position: fixed;
top: 0;
z-index: 10000;
}
#menu-header {
box-shadow: 0 0 20px rgba(0,0,0,.25);
}
aside figure {
margin: 0 !important;
}
table[style="border: 2px solid #582f8e;"],
table[style="border: 2px solid #582f8e;"] td {
background: #fff;
border-spacing: 0 !important;
}
table[style="border: 2px solid #582f8e;"] td + td {
padding-right: 15px;
}
#toc + p,
#toc + a + p {
margin-top: 30px !important;
}
#toc + .post,
#toc + a + .post {
margin-top: 55px !important;
}
#toc {
margin-bottom: 1em;
width: 410px;
display: table;
font-size: 95%;
background: var(--theme-table-bg);
padding: 0;
position: relative;
z-index: 20;
border: 1px solid #e0e1e1;
position: absolute;
right: 0;
background: white;
}
#toc, #toc p.toc_title {
border-top-left-radius: var(--theme-block-radius);
border-top-right-radius: var(--theme-block-radius);
}
#toc.active {
box-shadow: 0 0 5px rgba(0,0,0,.15);
border-bottom-left-radius: var(--theme-block-radius);
border-bottom-right-radius: var(--theme-block-radius);
}
.toc_wrap_right {
margin-left: 10px;
}
#toc p.toc_title {
background: var(--theme-table-bg);
color: rgba(255,0,0,0.7);
font-weight: 400;
padding: 0 30px;
text-align: center;
font-weight: 400;
margin: 0;
line-height: 30px;
opacity: 0.9;
}
#toc span.toc_toggle {
font-weight: 400;
font-size: 90%;
}
#toc p.toc_title a {
color: #7b8487;
}
#toc a {
text-decoration: none;
text-shadow: none;
margin: 2px 4px;
display: inline-block;
color: red !important;
opacity: 0.7;
}
#toc > ul {
padding-left: 10px !important;
padding-right: 10px !important;
}
#toc ul {
margin-top: 7px;
}
#toc ul ul {
margin-top: 0px;
margin-left: 0;
}
#toc p.toc_title + ul.toc_list {
margin-top: 1em;
margin: 0;
}
#toc p.toc_title {
border-top: 2px solid var(--theme-bg-dark);
border-bottom: 2px solid rgba(255,0,0,0.7);
}
#toc ul.toc_list {
padding: 20px;
margin: 0;
}
#toc.no_bullets li, #toc.no_bullets ul, #toc.no_bullets ul li, .toc_widget_list.no_bullets, .toc_widget_list.no_bullets li {
background: 0 0;
list-style-type: none;
list-style: none;
}
#toc ul.toc_list {
padding: 20px;
margin: 0;
}
#toc:not(.active) ul,
#toc:not(.active) p.toc_title a span + span,
#toc.active p.toc_title a span:first-child {
display: none;
}
#toc ul li {
padding: 0 !important;
}
#toc ul li a {
position: relative;
padding-left: 20px;
color: var(--theme-color-font);
}
#toc ul li a:hover {
color: rgba(255,0,0,0.7);
}
#toc ul li a::before {
content: '\203A';
font-style: normal;
font-weight: 400;
text-decoration: inherit;
position: absolute;
left: 0;
top: -1px;
}
#toc ul li ul li a::before {
content: '\203A';
}
@media only screen and (max-width: 768px) {
#toc {
display: none;
width: 100% !important;
margin: 0;
}
}
body:not(.mobile) article > .box > h1.list,
body:not(.mobile) article > .box > h2.list,
body:not(.mobile) article > .box > h3.list,
body:not(.mobile) article > .box > h4.list,
body:not(.mobile) article > .box > h5.list,
body:not(.mobile) article > .box > h6.list {
clear: both;
}
#disclosure {
position: absolute;
right: 0;
display: block;
float: right;
border: 1px solid #e0e1e1;
background: var(--theme-block-bg);
color: #848184;
font-size: 11px;
padding: 0px 9px 0 6px;
border-radius: var(--theme-block-radius);
}
#disclosure:hover {
cursor: pointer;
}
#disclosure > span {
display: flex;
justify-content: center;
align-items: center;
font-weight: bolder;
}
#disclosure p {
display: none;
position: absolute;
background: #05012c;
color: white;
right: 15px;
top: 40px;
z-index: 1000;
width: 260px;
padding: 8px 10px;
line-height: 16px;
border-radius: var(--theme-block-radius);
filter: drop-shadow(0 0 3px #00000080);
hyphens: auto;
}
#disclosure p::before {
content: '';
position: absolute;
top: -11.5px;
right: 32px;
border: 6px solid transparent;
border-color: transparent transparent black transparent;
}
#disclosure.show p {
display: block;
}