/*
Theme Name: eCheck
Author: Epik Media
Version: 1.0
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

@charset "utf-8";
/*======================================
                DATE:2010-05-14
=======================================*/
body{
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    text-align:center;
    color:#001C39;
    background:#002846 url(images/body_bg.jpg) no-repeat center top;
    position:relative;
    padding-bottom:34px;
}
.rgt_echeck{
    width:205px;
    height:205px;
    display:block;
    position:absolute;
    right:0;
    top:0;
}

/*======= Common Styles ============*/
/**{margin:0; padding:0}*/
img,fieldset{border:0}
.hide{display:none; visibility:hidden}
a{text-decoration:none; outline:none; color:#007EFF}
a:hover{text-decoration:underline}
ul{list-style:none}
p{line-height:28px; padding-bottom:19px}

.wrap{
    width:979px;
    padding-bottom:7px;
    margin:0 auto;
    text-align:left;
}
/*-----header----*/
.header{
    width:953px;/*979*/
    height:127px;/*140*/
    padding:13px 0 0 26px;
}
/*------main_nav-----*/
ul.main_nav{
    width:969px;/*979*/
    height:39px;/*43*/
    padding:2px 0 2px 10px;
    margin:0;
    background:url(images/nav_bg.png) no-repeat;
    position:relative;
    z-index:1;
}
ul.main_nav li{
    height:39px;
    padding:0 8px;
    float:left;
    background:url(images/border_1.png) no-repeat left center;
}
ul.main_nav li.fstNav{background:none}

ul.main_nav li a{
    float:left;
    font-size:14px;
    line-height:38px;
    color:#fff;
    font-weight:bold;
}
ul.main_nav li a i{color:#63E37D; font-style:normal}

/*-----footer-----*/
.footer{
    width:971px;/*984*/
    height:171px;/*181*/
    padding:10px 13px 0 0;
    margin:0 auto;
    background:url(images/footer_bg.png) no-repeat;
    text-align:left;
}
.footerIn{
    width:218px;/*246*/
    padding:0 14px;
    float:left;
    background:url(images/border_2.png) repeat-y right top;
    color:#fff;
}
.footerIn h3{
    font-size:14px;
    line-height:18px;
    text-indent:10px;
    background:url(images/bullet_1.png) no-repeat 1px center;
}
.footerIn p{
    font-size:12px;
    line-height:14px;
    padding:8px 0 7px;
}
.footerIn2{
    width:221px;
    float:right;
    padding:14px 0 0;
}
#footer_logo{
    width:213px;
    height:86px;
    display:block;
}
.footerIn2 span{
    display:block;
    padding-top:17px;
    text-align:center;
    font-size:10px;
    line-height:12px;
    color:#fff;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.footerIn2 span a{color:#fff; text-decoration:underline}
.footerIn2 span a:hover{text-decoration:none}

/*-----main_cont-----*/
.main_cont{
    width:100%;
    margin:12px 0 0;
    background:url(images/main_contBg.gif) no-repeat;
}
.main_contIn{
    width:979px;
    padding:13px 0 7px;
    background:url(images/main_contInBg.gif) no-repeat left bottom;
}
.main_contInner{
    width:952px;/*979*/
    padding: 0 14px 10px 13px; /*0 14px 0 13px;*/
    background:url(images/main_contInnerBg.gif) repeat-y;
}
.main_cont h1{
    width:952px;
  max-width:100%;
    height:32px;
    margin-bottom:10px;
    font-size:16px;
    line-height:32px;
    color:#fff;
    text-indent:30px;
    background:url(images/title_bg.gif) no-repeat;
}
.main_cont h1 i{color:#63E37D; font-style:normal}

.heading{
    width:952px;
    height:32px;
    margin-bottom:10px;
    font-size:16px;
    line-height:32px;
    color:#fff;
    text-indent:30px;
    background:url(images/title_bg.gif) no-repeat;
}
.heading em {color:#5bcf7b;}
.main_cont h1 span {color:#5bcf7b;}
/*----welcome----*/
.welcome{
    width:950px;/*952*/
    border:1px solid #C0E1F1;
    background:#EDF9FF;
    margin-bottom:10px;
}
.welcomeIn{
    width:926px;/*950*/
    border:1px solid #fff;
    padding:14px 11px 0;
}
.welcome2{margin:0}
.welcome2 .welcomeIn{padding-bottom:12px}

/*----post_cont--*/
.post_cont{
    width:812px;/*832*/
    height:149px;/*180*/
    padding:31px 10px 0;
    margin:17px 0 0 44px;
    background:url(images/post_bg.png) no-repeat;
    position:relative;
    text-align:center;
    font-size:18px;/*original size 21px*/
    line-height:26px;
    color:#111;
}
.post_cont img{
    position:absolute;
    left:-4px;
    top:-30px;
}
.post_cont a{
    color:#111;
    display:inline-block;
    margin:0 20px 18px;
}

/*----top_cont----*/
.top_cont{
    /*width:950px;*/
    border:1px solid #C0E1F1;
    margin-bottom:10px;
}
.top_contIn{
    /*width:948px;*/
    border:1px solid #fff;
    padding:0;
    overflow:hidden;
    background:url(images/top_contBg.gif) repeat-x left bottom;
}
.top_contleft{
    width:565px;/*565*/
    float:left;
    padding:0;
    background:#DDEBF3 url(images/top_contleftBg.gif) no-repeat;
}
.top_contleft1{
    width:565px;/*565*/
    padding:4px 0;
}
.top_contleft1In{
    width:555px;/*565*/
    padding:0 2px 0 8px;
    overflow:hidden;
    background:url(images/border_3.gif) repeat-y 255px top;
}
ul.list_1{
    width:240px;
    float:left;
    padding:12px 0 0;
    margin:0;
}
ul.list_1 li{
    width:205px;/*248*/
    float:left;
    padding:0 0 15px 43px;
    line-height:29px;
    font-weight:bold;
    word-spacing:-1px;
    background:url(images/bullet_2.png) no-repeat;
    list-style: none;
}

ul.list_2{
    width:304px;
    float:right;
    margin:0;
}
ul.list_2 li{
    list-style: none;
    width:288px;/*304*/
    float:left;
    padding:0 9px 2px 7px;
    line-height:36px;
    background:url(images/border_4.gif) repeat-x left bottom;
}
ul.list_2 li.lastLi{background:none}

ul.list_2 li label{float:left; padding-left:8px; background:url(images/bullet_1.png) no-repeat left center}
ul.list_2 li span, ul.list_2 li a{float:right}
ul.list_2 li a{color:#007EFF}

.top_contleft2{
    width:526px;/*565*/
    height:51px;
    padding:5px 30px 0 9px;
    background:url(images/top_contleft2Bg.gif) no-repeat;
}
.top_contleft2 img{float:left; margin-right:21px}
a.butn_play{
    width:248px;
    height:38px;
    float:right;
    margin-top:5px;
    text-indent:-1000px;
    overflow:hidden;
    background:url(images/butn_play.png) no-repeat;
}

img.mac{float:right; margin:10px 60px 0 0}

/*----best_cont----*/
.best_cont{
    width:950px;/*952*/
    border:1px solid #F9F4B4;
 }
.best_contIn{
    width:946px;/*950*/
    border:1px solid #fff;
    padding:2px 2px 2px 0;
    background:#FBFCD4;
}
.best_contInner{
    width:946px;/*946*/
    overflow:hidden;
    background:url(images/border_5.gif) repeat-y 617px top;
}
ul.best_list{
    width:609px;
    float:left;
}
ul.best_list li{
    width:600px;/*609*/
    float:left;
    line-height:30px;
    padding:0 0 2px 9px;
    background:url(images/border_6.gif) repeat-x left bottom;
}
ul.best_list li.lastLi{background:none}

ul.best_list li i{color:#1AC65A; font-style:normal}
ul.best_list li img{position:relative; top:3px}

.best_contLeft {
    float: left;
    display: inline-block;
    width: 67%;
}

.best_contRgt{
    /*width:326px;*/
    width: 33%;
    float:left;
    display: inline-block;
}
.best_contRgt span{
    /*width:290px;326*/
    height:82px;
    display:block;
    padding:0 0 8px 36px;
}
.best_contRgt span img{float:left; margin-right:12px}
.best_contRgt h2{
    font-size:18px;
    line-height:30px;
    text-indent:7px;
    background:#FCF7BF;
}
ul.option_list{
    /*width:320px;326*/
    padding:11px 0 0 6px;
    overflow:hidden;
}
ul.option_list li{
    /*width:160px;*/
    padding:0 0 7px 0;
    /*float:left;*/
    line-height:23px;
    font-weight:bold;
}
ul.option_list li a{
    float:left;
    padding-left:30px;
    color:#001C3E;
    background:url(images/bullet_3.gif) no-repeat;
}

/*------[page:inner-pg.html]-----*/
.tbl_cont{
    width:952px;
    margin-bottom:9px;
    background:url(images/tbl_contBg.gif) repeat-y;
}
.tbl_cont h2{
    font-size:18px;
    line-height:34px;
    text-indent:15px;
    background:url(images/title_bg2.gif) no-repeat;
}
.tbl_contIn{
    width:949px;/*952*/
    padding:0 2px 0px 1px;
    background:url(images/tbl_contInBg.gif) no-repeat left bottom;
}
.tbl_poker tr td{
    border-top:1px solid #fff;
    border-bottom:1px solid #D1EAF6;
    padding:3px 0 4px;
}
.tbl_poker tr.trLast td{border-bottom:0}
.tbl_poker tr td.td_2{padding-left:33px; background:url(images/bullet_4.png) no-repeat 3px center}
.tbl_poker tr td.td_3{padding-left:20px; background:url(images/bullet_4.png) no-repeat left center}

.tbl_poker tr td.td_1 a{
    width:123px;
    display:block; 
    margin:3px auto 0;
}
.tbl_poker tr td.td_2 h3{
    width:100%;
    padding-bottom:4px;
    overflow:hidden; 
    font-size:14px;
    line-height:16px;
}
.tbl_poker tr td.td_2 h3 a{float:left; margin-right:25px; color:#007AC1}
.tbl_poker tr td.td_2 h3 img{float:left; margin-right:5px}
.tbl_poker tr td.td_2 p{
    font-size:12px;
    line-height:14px;
    font-weight:bold;
    padding:0;
}
a.butn_playnow{
    width:119px;
    height:43px;
    margin:0 auto;
    display:block;
    text-indent:-1000px;
    overflow:hidden;
    background:url(images/butn_playnow.png) no-repeat;
}

.blue {
    background: none repeat scroll 0 0 #EDF9FF;
    border: 1px solid #C0E1F1;
    margin-bottom: 10px;
    width: 930px;padding:10px;
}


/*** KEF'S HACK TO FIX YARPP ***/
.yarpp-related {
    margin-bottom: 10em;
}

#cookie-notice {
text-shadow: none!important;
}

.max100 img {
max-width:100% !important;
  height:auto;
}

@media (max-width: 768px) {
    figure {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        text-align: center;
    }
}
.responsive-table {
    overflow-x: auto;
    margin: 20px 0; /* Add some margin for spacing */
    border: 1px solid #ddd; /* Optional: border for the container */
    border-radius: 5px; /* Rounded corners for a smooth look */
}

.responsive-table table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

.responsive-table thead th {
    background-color: #f2f2f2;
    border-bottom: 2px solid #ddd;
    padding: 10px;
}

.responsive-table tbody td {
    border-bottom: 1px solid #ddd;
    padding: 10px;
}

.responsive-table th,
.responsive-table td {
    text-align: left;
    white-space: nowrap; /* Prevent text wrapping */
}
ol.cta-notelist {
    border: 1px solid #fff;
    background: #FBFCD4;
    padding: 20px;
}
ol.cta-notelist li {
    margin-bottom:20px;
}
ol.cta-notelist li:last-child {
    margin-bottom:0
}


  .chart-container {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    font-family: Arial, sans-serif;
  }
  .chart {
    display: flex;
    justify-content: space-around;
    height: 300px;
    align-items: flex-end;
    margin-bottom: 20px;
    border-bottom: 2px solid #333;
  }
  .bar-group {
    width: 18%;
    text-align: center;
  }
  .bar {
    background-color: #4CAF50;
    width: 100%;
    position: relative;
  }
  .bar-label {
    font-size: 14px;
    padding: 5px 0;
  }
  .percentage {
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 14px;
  }

/* New eCheck Table */
.echeck-ease-icon {
    width:30px;
    margin-right:5px;
}
td[data-label="eCheck Ease"] {
    font-size:16px !important;
}
.table-container {
    width: 100%;
    overflow: hidden;
    margin-bottom: 40px;
    left: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
  margin-top:40px;
}

.table-container header img {
    width: 100%;
    height: auto;
}

.casino-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 auto;
    margin-top: -12px;
}

.casino-table th, .casino-table td {
    padding: 5px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.casino-table th {
    padding: 15px 10px;
    text-align: center;
    background: url('https://echeckcasinos.ca/wp-content/uploads/2024/07/desktop-green-background.png') repeat-x;
    color: #fff;
    font-weight: bold;
    font-size: 1.2em;
    text-shadow: 1px 1px 2px #000;
    line-height: 0;
}

.casino-table th:nth-child(1) {
    text-align: center;
}

.casino-table th:not(:last-child)::after {
content: '';
    position: absolute;
    top: 16px;
    right: 0;
    width: 5px;
    height: 100%;
    background: url(https://echeckcasinos.ca/wp-content/uploads/2024/07/desktop-dotted-divider.png);
    background-size: 3px;
    background-repeat: no-repeat;
}

.casino-table thead {
    background: url('https://echeckcasinos.ca/wp-content/uploads/2024/07/desktop-green-background.png') repeat-x;
    color: #fff;
    border-bottom:1px solid #000;
}
.casino-table th {
    position: relative;
}
.casino-table th:last-child {
    text-align: center;
}
.casino-table tbody {
    background: url('https://echeckcasinos.ca/wp-content/uploads/2024/07/tablebg-scaled.jpg') repeat;
    background-size: cover;
}

.casino-table tbody tr {
    position: relative;
}

.casino-table tbody tr:after {
    content: '';
    position: absolute;
    left: 2px;
    right: 2px;
    top: 0;
    height: 4px;
    background: linear-gradient(to bottom, #0053CB 50%, black 50%);
    z-index: 1;
}
.casino-table tbody tr:nth-child(1):after {
    content:none;
}
.casino-table a.read-review-btn {
    color: #00F983;
    text-decoration: none;
    font-weight: bold;
    text-shadow: 1px 1px 2px #000;
    font-size: 12px;
    margin-top:10px;
    position: relative;
}

.casino-table a.read-review-btn:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #00F983;
    position: absolute;
    bottom: -2px;
    left: 0;
    transition: width 0.3s;
}

.casino-table a.read-review-btn:hover:after {
    width: 100%;
    background: #00F983;
}

.casino-table img {
    max-height: 26px;
}

.casino-table tbody tr img {
    max-height: 50px;
}

.casino-table tbody tr td:nth-child(7) img {
    max-height: 40px;
}
.casino-table tbody tr td:nth-child(1) img {
    max-height: 68px;
}
.casino-table tbody tr td:nth-child(2) img,
.casino-table tbody tr td:nth-child(3) img {
    max-height: 25px;
}

.casino-table tbody tr td:nth-child(6) img {
    max-height: 45px;
}

.casino-table tbody tr td:nth-child(6) {
    font-weight: bold;
    font-size: 13px;
}

.casino-table td img {
    vertical-align: middle;
}

.casino-table td {
    vertical-align: middle;
}

.casino-table .play-now-button img {
    max-width: 150px;
}

img.table-icon {
    transform: translateY(-13px);
}

img.table-icon.table-icon-centered {
    transform: none;
    margin-right: 30px;
}

.mgr20 {
    margin-right: 20px;
}
.show-mobile {
    display: none;
}
.casino-table td .casino-url-link {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    display: inline-block !important;
    text-align: center !important;
    font-style: normal !important; /* Added italic */
}

.casino-table td .casino-url-link:hover {
    background-color: rgba(255, 255, 255, 0.15) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
}

.casino-info-table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 0 !important;
    background: #004880 !important;
    border-radius: 8px !important;
    padding: 15px !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.casino-info-table td {
    color: #ffffff !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    padding: 8px 20px !important; /* More horizontal spacing */
}

.info-label {
    width: 120px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 14px !important;
}

a.casino-url-link {
    display: inline !important;
    white-space: nowrap !important;
    color: #0088ff !important; /* Clickable blue */
    font-size: 14px !important;
    background: rgba(255, 255, 255, 0.15) !important;
    padding: 4px 12px !important;
    border-radius: 4px !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

a.casino-url-link:hover {
    background: rgba(255, 255, 255, 0.2) !important;
}

a.casino-url-link br {
    display: none !important;
}

.alternatives-table {
    width: 100% !important;
    margin: 30px 0 !important;
}

.casino-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}

.casino-card {
    background: #004880 !important;
    border-radius: 8px !important;
    padding: 15px !important;
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    position: relative !important;
    overflow: hidden !important;
    max-width: 800px !important;
    margin: 0 auto !important;
}

.casino-card::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 200% !important;
    height: 100% !important;
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0.2) 0%,
        rgba(255, 255, 255, 0.05) 40%,
        rgba(255, 255, 255, 0) 50%
    ) !important;
    transform: rotate(45deg) !important;
    pointer-events: none !important;
}

.casino-logo img {
    max-width: 123px !important;
    height: auto !important;
}

.casino-info {
    flex: 1 !important;
    color: #ffffff !important;
}

.casino-rating {
    color: #ffd700 !important;
    font-size: 18px !important;
    margin-bottom: 8px !important;
}

.casino-info h3 {
    margin: 0 0 8px 0 !important;
    font-size: 18px !important;
    color: #ffffff !important;
}

.casino-info p {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
}

.casino-url-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: rgba(255, 255, 255, 0.3) !important; /* Increased from 0.2 */
    padding: 8px 16px !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important; /* Increased from 0.3 */
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important; /* Added text shadow */
}

.casino-url-link:hover {
    background: rgba(255, 255, 255, 0.4) !important; /* Increased from 0.25 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; /* Added hover effect */
}

/* Mobile Responsive */
@media screen and (max-width: 768px) {
    .casino-card {
        flex-direction: column !important;
        text-align: center !important;
        padding: 12px !important;
        gap: 10px !important;
    }

    .casino-logo img {
        max-width: 120px !important;
    }

    .casino-info {
        text-align: center !important;
        margin: 5px 0 !important;
    }

    .casino-cta {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
    }
}



.element {
    display: none;
}
.casino-table th img {
    max-height: 25px;
}
.casino-table tbody tr td:nth-child(5) img {
    max-height: 25px;
}
@media only screen and (max-width: 768px) {
    .casino-table tbody tr td:nth-child(5) img {
        max-height: 35px;
        transform: translateY(-3px);
    }
    .casino-table th {
        line-height: 1;
    }
    .casino-table tbody tr td:nth-child(1) img,
    .casino-table tbody tr td:nth-child(7) img {
        max-height: 100%;
    }

    .element {
        display: block;
        width: 100%; /* Adjust as needed */
        height: 10px; /* Adjust height to match the border thickness */
        position: relative;
        background-color: #1E90FF; /* Light blue color */
    }

    .element::after {
        content: '';
        position: absolute;
        top: 50%; /* This places the black border in the middle */
        left: 0;
        width: 100%;
        height: 2px; /* Adjust thickness of the black border */
        background-color: black;
        transform: translateY(-50%); /* Centers the black border vertically */
    }

    .show-desktop {
        display: none;
    }
    .show-mobile {
        display: block;
    }
    .casino-table, .casino-table tbody, .casino-table tr, .casino-table td {
        display: block;
    }

    .casino-table thead {
        display: none;
    }

    .casino-table tbody {
        background: none;
        display: flex;
        flex-direction: column;
    }

    .casino-table tr {
        margin-bottom: 20px;
        background: #012E55;
        padding: 15px;
        border-radius: 10px;
        border: 4px solid white !important;
        position: relative;
        display: block;
        box-shadow: 0px 5px 11px 0px #000000cf;
        background: url(https://echeckcasinos.ca/wp-content/uploads/2024/07/desktop-background.png);
        background-repeat: no-repeat;
        background-position: 47% 53%;
		position: relative !important;
        transform: translateZ(0); /* Add this to force GPU rendering */
    }

    .casino-table td {
        text-align: center;
        font-size: 18px;
        border-bottom: none;
        position: relative;
        padding-top: 0;
        padding-bottom: 0;
    }

    .casino-table td img {
        margin: 5px 0;
        max-width: 80%;
    }

    .casino-table a.read-review-btn {
        font-size: 14px;
        margin-top: 10px;
    }

    .casino-table .play-now-button img {
        max-width: 80%;
        margin-top: 10px;
    }

    .casino-table td::before {
        content: '';
        display: block;
        margin-bottom: 5px;
    }

    .casino-table td[data-label="eCheck Ease"] {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    /* Pseudo-elements for headings */
    .casino-table td[data-label="eCheck Ease"]::before {
        width: 150px;
                height: 25px;
        background-size: contain;
        background-repeat: no-repeat;
        content: '';
    }

    .casino-table td[data-label="eCheck Ease"]::before {
        background-image: url(https://echeckcasinos.ca/wp-content/uploads/2024/07/desktop-echeck-ease-1.png);
                background-size: 190px;
                width: 183px;
                margin-right: 20px;
    }
    img.echeck-ease-icon {
        margin-right: 5px;
    }

    table.casino-table {
        background: #014286;
        padding: 20px;
        padding-top: 50px;
        margin-top: -37px;
    }
    .casino-table tbody tr {
        position: relative;
    }

    /* Common styles for rows */
    .casino-table tr {
        position: relative;
    }

    /* ROC flag */
    .casino-table tr::before {
        content: url(https://echeckcasinos.ca/wp-content/uploads/2024/07/mobile-roc.png);
        position: absolute;
        top: -7px;
        left: 17px;
        transform: scale(0.6);
        transform-origin: top left;
    }

    /* ON flag */
    .casino-table tr::after {
        content: url('https://echeckcasinos.ca/wp-content/uploads/2024/07/mobile-on.png') !important;
        position: absolute !important;
                top: -7px !important;
                left: inherit !important;
                right: 16% !important;
                transform: scale(0.6) !important;
                transform-origin: top right !important;
    }
    .casino-table td:nth-child(1) {
        padding: 0;
        margin-top: 40px;
    }
    .casino-table td:nth-child(1) img {
       width: 300px;
       max-height: 100%;
       max-width: 100%;
    }
    .casino-table td:nth-child(2) {
                position: absolute;
        top: -11px;
        width: 30px;
        left: 35%;
    
    }
    .casino-table td:nth-child(3) {
        position: absolute;
        top: -11px;
        width: 30px;
        right: 5%;
    }
    .casino-table td {
        position: relative;
    }
    .casino-table td:nth-child(4) {
        padding-top:20px;
    }
    .casino-table tbody tr td:nth-child(6) img {
        max-height: 65px; !important;
    }
    .casino-table td:nth-child(4):after {
        content: '';
        position: absolute;
        left: -14px;
        right: -14px;
        top: 0;
        height: 4px;
        background: linear-gradient(to bottom, #0053CB 50%, black 50%);
        z-index: 1;
    }
    .casino-table td:nth-child(6) {
        padding-top:30px;
    }
    .casino-table td:nth-child(6):after {
        content: '';
        position: absolute;
        left: -14px;
        right: -14px;
        top: 0;
        height: 4px;
        background: linear-gradient(to bottom, #0053CB 50%, black 50%);
        z-index: 1;
        margin-top:20px;
    }
    /* Status icons for ROC (left) */
    .casino-table tr[data-roc="yes"] .roc-status,
    .casino-table tr[data-roc="no"] .roc-status {
        position: absolute;
        top: 0;
        left: 50px; /* Space after the ROC flag */
        transform: scale(0.5);
        transform-origin: top left;
    }

    .casino-table tr[data-roc="yes"] .roc-status::before {
        content: url('https://echeckcasinos.ca/wp-content/uploads/2024/07/desktop-red-tick.png');
    }

    .casino-table tr[data-roc="no"] .roc-status::before {
        content: url('https://echeckcasinos.ca/wp-content/uploads/2024/07/desktop-red-tick.png');
    }

    /* Status icons for ON (right) */
    .casino-table tr[data-on="yes"] .on-status,
    .casino-table tr[data-on="no"] .on-status {
        position: absolute;
        top: 0;
        right: 60px; /* Space after the ON flag */
        transform: scale(0.5);
        transform-origin: top right;
    }

    .casino-table tr[data-on="yes"] .on-status::before {
        content: url('https://echeckcasinos.ca/wp-content/uploads/2024/07/desktop-green-tick.png');
    }

    .casino-table tr[data-on="no"] .on-status::before {
        content: url('https://echeckcasinos.ca/wp-content/uploads/2024/07/desktop-green-cross.png');
    }
}

.box {
  background-color: transparent;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 16px;
  width: auto;
  margin: 20px auto;
}
.box-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.box-header h3 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  font-size: 16px;
}
.box-header .toggle-symbol {
  font-size: 24px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}
.box-content {
  display: none;
  margin-top: 16px;
}
.med-cta__inner {
  margin-top: 16px;
}
.med-cta__item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 16px;
}
.med-cta__item img {
  margin-right: 16px;
}
.box .med-cta__item a {
  font-weight: bold;
}
.med-cta__item p {
  margin: 4px 0;
}
.box-content ol {
  padding-left: 5px;
}
.box-content ol li {
  margin-bottom: 16px;
}
.box ol {
  list-style: none !important;
}
@media only screen and (max-width: 767px) {
    .box {
        background: -webkit-linear-gradient(to bottom, #f7f7ba, #fffefa);
		background: linear-gradient(to bottom, #f7f7ba, #fffefa);
    }
}
.max100 {
  max-width:100% !important;
  height:auto !important;
}

/* Updated top mac cta */
/*----top_cont----*/
.enable-mobile-cta .top_cont {
    border: 1px solid #C0E1F1;
    margin-bottom: 10px;
}

.enable-mobile-cta .top_contIn {
    border: 1px solid #fff;
    padding: 0;
    overflow: hidden;
    background: url(images/top_contBg.gif) repeat-x left bottom;
}

.enable-mobile-cta .top_contleft {
    width: 565px;
    float: left;
    padding: 0;
    background: #DDEBF3 url(images/top_contleftBg.gif) no-repeat;
}

.enable-mobile-cta .top_contleft1 {
    width: 565px;
    padding: 4px 0;
}

.enable-mobile-cta .top_contleft1In {
    width: 555px;
    padding: 0 2px 0 8px;
    overflow: hidden;
    background: url(images/border_3.gif) repeat-y 255px top;
}

.enable-mobile-cta ul.list_1 {
    width: 240px;
    float: left;
    padding: 12px 0 0;
    margin: 0;
}

.enable-mobile-cta ul.list_1 li {
    width: 205px;
    float: left;
    padding: 0 0 15px 43px;
    line-height: 29px;
    font-weight: bold;
    word-spacing: -1px;
    background: url(images/bullet_2.png) no-repeat;
    list-style: none;
}

.enable-mobile-cta ul.list_2 {
    width: 304px;
    float: right;
    margin: 0;
}

.enable-mobile-cta ul.list_2 li {
    list-style: none;
    width: 288px;
    float: left;
    padding: 0 9px 2px 7px;
    line-height: 36px;
    background: url(images/border_4.gif) repeat-x left bottom;
}

.enable-mobile-cta ul.list_2 li.lastLi {
    background: none;
}

.enable-mobile-cta ul.list_2 li label {
    float: left;
    padding-left: 8px;
    background: url(images/bullet_1.png) no-repeat left center;
}

.enable-mobile-cta ul.list_2 li span,
.enable-mobile-cta ul.list_2 li a {
    float: right;
}

.enable-mobile-cta ul.list_2 li a {
    color: #007EFF;
}

.enable-mobile-cta .top_contleft2 {
    width: 526px;
    height: 51px;
    padding: 5px 30px 0 9px;
    background: url(images/top_contleft2Bg.gif) no-repeat;
}

.enable-mobile-cta .top_contleft2 img {
    float: left;
    margin-right: 21px;
}

.enable-mobile-cta a.butn_play {
    width: 248px;
    height: 38px;
    float: right;
    margin-top: 5px;
    text-indent: -1000px;
    overflow: hidden;
    background: url(images/butn_play.png) no-repeat;
}

.enable-mobile-cta img.mac {
    float: right;
    margin: 10px 60px 0 0;
}

/* Mobile Adjustments */
@media (max-width: 768px) {
.top_cont.spincta.enable-mobile-cta {
    display: block !important;
  }

  /* Change order: iMac image first */
  .enable-mobile-cta .top_contIn {
    display: flex;
    flex-direction: column-reverse;
  }

  .enable-mobile-cta .top_contleft {
    width: 100%;
    padding: 0;
    background: #DDEBF3;
    display: flex;
    flex-direction: column;
  }

  .enable-mobile-cta .top_contleft1 {
    width: 100%;
    padding: 4px 0;
  }

  .enable-mobile-cta .top_contleft1In {
    width: calc(100% - 20px);
    padding: 0 10px;
    overflow: hidden;
    background: none;
  }

  .enable-mobile-cta ul.list_1 {
    width: 100%;
    padding: 12px 0 0;
    display: flex;
    flex-direction: column;
  }

  .enable-mobile-cta ul.list_1 li {
    width: calc(100% - 35px);
    padding: 0; /* Only one padding rule to avoid conflicts */
    line-height: 24px;
    background: url(images/bullet_2.png) no-repeat;
    background-size:24px;
    padding-left: 35px;
  }
  .enable-mobile-cta ul.list_1 li {
    list-style:none;
  }
  /* Hide .list_2 on mobile */
  .enable-mobile-cta ul.list_2 {
    display: none;
  }

  .enable-mobile-cta .top_contleft2 {
    width: calc(100% - 20px);
    display: flex;
    flex-direction: column;
    align-items: center;
    background:none;
    padding-bottom: 8px;
    padding-right: 0;
  }

  .enable-mobile-cta .top_contleft2 img {
    display: none; /* Remove this if you don't intend to hide all images */
  }

  /* Keep Play Now button at bottom */
  .enable-mobile-cta a.butn_play {
    width: 100%;
    max-width: 100%;
    height: 38px;
    margin-top: 10px;
    text-indent: -1000px;
    overflow: hidden;
    background: url(images/butn_play.png) no-repeat;
    background-size:contain;
    align-self: center;
    order: 2;
    background-position: center;
  }

  /* iMac image comes first */
  .enable-mobile-cta img.mac {
    width: 100%;
    max-width: 400px;
    margin: 0 auto 20px;
    order: 1;
  }
}
.mobile-tbl-heading,
.mobile-tbl-star-rating {
	display: none;
}
@media only screen and (max-width: 647px) { 
  .med-cta {
    margin-top:30px;
  }

   .med-cta__item img {
      max-width: 30px !important;
      height: auto;
      margin-right: 5px;
  } 
  .med-cta h3 {
  	font-size: 1.15em;
    text-align: left;
    margin-top: 0 !important;
        position: static !important;
  }
  .med-cta__item a {
  	    font-size: 0.9rem;
  }
}
@media (max-width: 768px) {
  .tbl_cont a.butn_playnow {
    padding: 0;
    margin: 0 auto;
  }
  .tbl_cont .no-mobile {
    display: none;
  }
  .tbl_cont .mobile-tbl-heading,
	.mobile-tbl-star-rating {
    display: block;
  }
  .tbl_cont, .tbl_contIn {
    width: 100%;
  }

  .tbl_poker {
    display: block;
    padding:10px;
    box-sizing: border-box;
  }

  .tbl_poker tr {
    display: block;
    margin-bottom: 20px;
    border: none;
    border:2px solid #d2e6f3;
    border-radius:10px;
    box-sizing: border-box;
  }

  .tbl_poker tr td {
    display: block;
    width: 100%;
    border: none;
    padding: 10px;
    box-sizing: border-box;
  }

  .tbl_poker tr td.td_1,
  .tbl_poker tr td.td_3 {
    text-align: center;
  }
  .tbl_poker tr td.td_1 {
    padding-top:0;
    padding-bottom:0;
  }  
  .tbl_poker tr td.td_3 {
    padding-left:10px;
    padding-top:0;
    background: none;
  }
  .tbl_poker tr td.td_2 {
    padding-left: 10px;
    background: none;
    text-align: center;
    padding-top:0;
    padding-bottom:0;
  }

  .butn_playnow {
    margin-top: 10px;
    display: block;
    text-align: center;
  }
  .tbl_cont h2 {
        padding: 20px;
    padding-bottom: 0;
  }
  .tbl_cont h3 {
	font-size: 17px;
  }
}
@media (max-width: 647px) {
    body.home .main_cont ul li {
      list-style: disc !important;
    }
}

@media screen and (max-width: 640px) {
    [style*="grid-template-columns"] {
        grid-template-columns: 1fr !important;
    }
}
.casino-grid a:hover { 
    transform: translateY(-2px) !important; 
    box-shadow: 0 4px 12px rgba(66, 153, 225, 0.15) !important; 
}
.casino-grid a:hover .casino-name { 
    text-decoration: underline; 
}

.postid-8381 .vip-program-container {
    background: #f8faff;
    border: 1px solid #e1e8f5;
    border-radius: 12px;
    padding: 16px 24px 24px 24px;
    margin: 15px auto;
    max-width: 700px;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.postid-8381 .vip-program-title {
    color: #1e293b;
    margin: 0 0 20px 0;
    text-align: center;
    font-size: 20px;
}

.postid-8381 .casino-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.postid-8381 .casino-card {
    display: block;
    background: white;
    padding: 20px;
    border-radius: 8px;
    text-decoration: none;
    border: 1px solid #e5e7eb;
    transform: translateY(0);
    transition: all 0.2s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.postid-8381 .casino-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(66, 153, 225, 0.15);
}

.postid-8381 .casino-name {
    color: #3b82f6;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 15px;
}

.postid-8381 .casino-feature {
    color: #4b5563;
    font-size: 15px;
    margin-bottom: 8px;
}

.postid-8381 .casino-cta {
    padding-top: 12px;
    border-top: 1px solid #e5e7eb;
}

.postid-8381 .cta-button {
    display: inline-block;
    font-size: 14px;
    color: #2563eb;
    background: #f1f5ff;
    padding: 6px 12px;
    border-radius: 4px;
}

.postid-8381 @media screen and (max-width: 640px) {
    .casino-grid {
        grid-template-columns: 1fr;
    }
} 

.show-more-btn {
    display: block;
    margin: 20px auto;
    padding: 10px 20px;
    background-color: #007BFF;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
}

.show-more-btn:hover {
    background-color: #0056b3;
}

@media (max-width: 375px) and (max-height: 812px) {
    .casino-table td .casino-url-link {
        font-size:3vw !important;
    }
    .casino-table tr::before,
    .casino-table tr::after {
        transform: scale(0.5) !important;
    }
    .casino-table td:nth-child(2),
    .casino-table td:nth-child(3) {
        transform: scale(0.7);
    }
  .casino-table td[data-label="eCheck Ease"]::before {
  	        background-size: 76px;
        background-position: 50%;
        width: 100%;
        margin-right: 20px;	
  }
  
}

.bonus-icon {
  animation: subtle-shake 30s ease-in-out infinite;
}

@keyframes subtle-shake {
  0%, 97% { transform: rotate(0deg); }
  97.5% { transform: rotate(-4deg); }
  98% { transform: rotate(4deg); }
  98.5% { transform: rotate(-4deg); }
  99% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
}

@media (max-width: 647px) {
    .main_cont {
        padding-top:115px;
        margin-top: 0;
    }
    .header {
        position: fixed !important;
        left: 0;
        right: 0;
      z-index:99999;
    }
    body {
        margin-top: 0 !important;
    }
    ul.main_nav {
        left: 0;
        padding-top: 120px;
        right: -1px;
        position: fixed !important;
    }
}
a#cn-accept-cookie {
    display: none !important;
}
.before-chatbot {
  bottom:120px !important;
}
#scrollUp {
  bottom:65px !important;
  z-index:100;
}
img {
  max-width:100% !important;
}

/* code that was inline on the homepage */
.echeck-table {
    width: 100%;
    border-collapse: collapse;
    margin: 25px 0;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.echeck-table thead tr {
    background-color: #0056b3;
    color: #ffffff;
    text-align: left;
}
.echeck-table th,
.echeck-table td {
    padding: 12px 15px;
    border-bottom: 1px solid #dddddd;
}
.echeck-table tbody tr {
    border-bottom: 1px solid #dddddd;
}
.echeck-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}
.echeck-table tbody tr:last-of-type {
    border-bottom: 2px solid #0056b3;
}
.echeck-table tbody tr:hover {
    background-color: #f1f7ff;
}
.echeck-table .casino-name {
    color: #0056b3;
}
.echeck-table .echeck-type {
    color: #006400;
}
.echeck-table .release-date {
    color: #555;
    white-space: nowrap;
}
.echeck-table .key-feature {
}
.table-caption {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #333;
}
.table-footer {
    font-style: italic;
    color: #666;
    margin-top: 10px;
    font-size: 14px;
}
/* Responsive design */
@media screen and (max-width: 600px) {
    .echeck-table {
        border: 0;
        box-shadow: none;
    }
    
    .echeck-table thead {
        display: none;
    }
    
    .echeck-table tr {
        margin-bottom: 20px;
        display: block;
        border: 1px solid #ddd;
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }
    
    .echeck-table td {
        display: block;
        text-align: right;
        font-size: 14px;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }
    
    .echeck-table td:before {
        content: attr(data-label);
        position: absolute;
        left: 15px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        color: #0056b3;
    }
    
    .echeck-table td:last-child {
        border-bottom: 0;
    }
}
.wp-image-responsive {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
@media (max-width: 768px) {
    .wp-image-responsive {
        width: 95%; /* Slightly smaller on mobile for better viewing */
    }
    
    .wp-element-caption {
        font-size: 14px;
    }
}
.echeck-pros-cons {
    border: 1px solid #ddd;
    padding: 20px;
    margin: 20px 0;
    border-radius: 8px;
}
.echeck-pros-cons h4 {
    color: #006400;
    margin: 15px 0 10px;
}
.echeck-pros-cons ul {
    list-style-type: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}
.echeck-pros-cons li {
    margin-bottom: 8px;
    padding-left: 0;
    display: block;
}

.casino-loyalty-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-family: Arial, sans-serif;
}

.casino-loyalty-table th {
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 10px;
    border: 1px solid #ddd;
}

.casino-loyalty-table td {
    padding: 10px;
    border: 1px solid #ddd;
    vertical-align: middle;
}

.casino-loyalty-table tr:nth-child(even) {
    background-color: #f9f9f9;
}

.casino-loyalty-table .feature-name {
    font-weight: bold;
    max-width: 250px;
}

.casino-loyalty-table .feature-description {
    font-size: 0.9em;
    color: #666;
    display: block;
    margin-top: 5px;
}

.casino-loyalty-table .check {
    color: green;
    font-weight: bold;
    text-align: center;
    font-size: 1.2em;
}

.casino-loyalty-table .cross {
    color: red;
    font-weight: bold;
    text-align: center;
    font-size: 1.2em;
}

.casino-loyalty-table .casino-logo {
    text-align: center;
    max-width: 80px;
}

.casino-loyalty-table .casino-name {
    font-weight: bold;
    text-align: center;
}

.casino-loyalty-table .go-back {
    text-align: center;
    padding: 15px;
    background-color: #f2f2f2;
}

.casino-loyalty-table .go-back-button {
    display: inline-block;
    padding: 8px 20px;
    background-color: #333;
    color: white;
    text-decoration: none;
    border-radius: 4px;
}

@media screen and (max-width: 768px) {
    .casino-loyalty-table {
        font-size: 14px;
    }
    
    .casino-loyalty-table td, 
    .casino-loyalty-table th {
        padding: 8px 5px;
    }
    
    .casino-loyalty-table .feature-name {
        max-width: 150px;
    }
}
.tpgb-stylist-list {
  display: none;
}
html[lang="fr-CA"] .main_cont h1 {
  float:left;
}

html[lang="fr-CA"] ul.main_nav {
  overflow:hidden;
}