body
{
	font-family:verdana,sans;
	font-size:12px;
	margin:0;
	background-color:white;
}
html
{
    margin: 0;
    padding: 0;	
}
ul, li, form, p, h1, h2, h3, h4, h5 ,h6
{
	margin:0;
	list-style:none;
	padding:0px;
}

a, a:hover, a:visited, a:active, a:focus {
    text-decoration: none;
}

.clearfix:after
{
	content:" ";
	clear:both;
	visibility:hedden;
	display:block;
	height:0px;
}
.clsWrapper
{
	width:100%;
	margin:0px auto;
}
.clsSp_txt_wh_lft h1
{
	color:white;
    font-family: 'Fjalla One', sans-serif;
    font-size:40px;
    line-height:50px;
    text-align: left;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: normal;
}
.clsSp_txt_wh_lft h2
{
	color:white;
    font-family: 'PT Sans', sans-serif;
    font-size:30px;
    line-height:40px;
    text-align: left;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: normal;
}
.clsSp_txt_wh_lft h3
{
	color:white;
    font-family: 'PT Sans', sans-serif;
    font-size:20px;
    line-height:30px;
    text-align: left;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: normal;
}
.clsSp_txt_wh_lft h4
{
	color:white;
    font-family: 'PT Sans', sans-serif;
    font-size:18px;
    line-height:25px;
    text-align: left;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: bold;
}
.clsSp_txt_wh_lft h5
{
	color:white;
    font-family: 'PT Sans', sans-serif;
    font-size:15px;
    line-height:20px;
    text-align: left;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: bold;
}
.clsSp_txt_wh_lft p
{
	color:white;
    font-family: 'PT Sans', sans-serif;
    font-size:15px;
    line-height:20px;
    text-align: left;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: normal;
}




.clsSp_txt_bl_lft h1
{
	color:#000000;
    font-family: 'Fjalla One', sans-serif;
    font-size:40px;
    line-height:50px;
    text-align: left;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: normal;
}
.clsSp_txt_bl_lft h2
{
	color:#000000;
    font-family: 'PT Sans', sans-serif;
    font-size:30px;
    line-height:40px;
    text-align: left;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: normal;
}
.clsSp_txt_bl_lft h3
{
	color:#000000;
    font-family: 'PT Sans', sans-serif;
    font-size:20px;
    line-height:30px;
    text-align: left;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: normal;
}
.clsSp_txt_bl_lft h4
{
	color:#000000;
    font-family: 'PT Sans', sans-serif;
    font-size:18px;
    line-height:25px;
    text-align: left;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: bold;
}
.clsSp_txt_bl_lft h5
{
	color:#000000;
    font-family: 'PT Sans', sans-serif;
    font-size:15px;
    line-height:20px;
    text-align: left;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: bold;
}
.clsSp_txt_bl_lft p
{
	color:#616161;
    font-family: 'PT Sans', sans-serif;
    font-size:15px;
    line-height:20px;
    text-align: left;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: normal;
}



.clsSp_txt_wh_center h1
{
	color:white;
    font-family: 'Fjalla One', sans-serif;
    font-size:45px;
    line-height:50px;
    text-align: center;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: normal;
}
.clsSp_txt_wh_center h2
{
	color:white;
    font-family: 'PT Sans', sans-serif;
    font-size:30px;
    line-height:40px;
    text-align: center;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: normal;
}
.clsSp_txt_wh_center h3
{
	color:white;
    font-family: 'PT Sans', sans-serif;
    font-size:20px;
    line-height:30px;
    text-align: center;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: normal;
}
.clsSp_txt_wh_center h4
{
	color:white;
    font-family: 'PT Sans', sans-serif;
    font-size:18px;
    line-height:25px;
    text-align: center;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: bold;
}
.clsSp_txt_wh_center h5
{
	color:white;
    font-family: 'PT Sans', sans-serif;
    font-size:15px;
    line-height:20px;
    text-align: center;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: bold;
}
.clsSp_txt_wh_center p
{
	color:white;
    font-family: 'PT Sans', sans-serif;
    font-size:15px;
    line-height:20px;
    text-align: center;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: normal;
}




.clsSp_txt_bl_center h1
{
	color:#000000;
    font-family: 'Fjalla One', sans-serif;
    font-size:40px;
    line-height:50px;
    text-align: center;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: normal;
}
.clsSp_txt_bl_center h2
{
	color:#000000;
    font-family: 'PT Sans', sans-serif;
    font-size:30px;
    line-height:40px;
    text-align: center;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: normal;
}
.clsSp_txt_bl_center h3
{
	color:#000000;
    font-family: 'PT Sans', sans-serif;
    font-size:20px;
    line-height:30px;
    text-align: center;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: normal;
}
.clsSp_txt_bl_center h4
{
	color:#000000;
    font-family: 'PT Sans', sans-serif;
    font-size:18px;
    line-height:25px;
    text-align: center;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: bold;
}
.clsSp_txt_bl_center h5
{
	color:#000000;
    font-family: 'PT Sans', sans-serif;
    font-size:15px;
    line-height:20px;
    text-align: center;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: bold;
}
.clsSp_txt_bl_center p
{
	color:#616161;
    font-family: 'PT Sans', sans-serif;
    font-size:15px;
    line-height:20px;
    text-align: center;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: normal;
}

.clsMenu_top
{
}
.clsMenu_JV.navbar.navbar-default
{
	background:transparent;
	border:0px;
}
.clsMenu_JV.navbar-default .navbar-nav > .active2 > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus
{
	background-color: #ff8400;
    color:white;
	border-radius:1px;
}
.clsMenu_JV.navbar
{
	margin:0px;
}
.clsMenu_JV.navbar-default .navbar-nav > li > a 
{
	padding:15px 20px;
	font-size:13px;
	font-family: 'Lato', sans-serif;
	font-weight:bold;
	border-radius:0px;
	color:white;
}

.clsLogo_img
{
	padding:20px;
}

.clsCal_bg_img {
    background: transparent url("../images/icons/cal_ico.png") no-repeat scroll center top;
    height: 200px;
}

.btn-warning.btn_edt {
    background-color: #8da700;
    border-color: #8da700;
    color: #fff;
	font-family: 'PT Sans', sans-serif;
	border-radius:8px;
}
.btn-warning.btn_edt2 {
    background-color: #c9002c;
    border-color: #c9002c;
    color: #fff;
	font-family: 'PT Sans', sans-serif;
	border-radius:8px;
}
.btn-warning.btn_edt3 {
    background-color: #f18200;
    border-color: #f18200;
    color: #fff;
	font-family: 'PT Sans', sans-serif;
	border-radius:8px;
}

.clsVid_Bg {
    background: white url("../images/icons/play_ico.png") no-repeat scroll center center;
    border: 6px solid white;
    border-radius: 1px;
}




.clsMargin
{
	margin:4%;
}
.clsPadding_sm
{
	padding:10px 30px;
}
.clsPadding_md
{
	padding:30px 30px;
}
.clsPadding_lg
{
	padding:60px 30px;
}
.clsMenu_bar
{
	background:#919191;
}



.clsBg1
{
	background:transparent url('../images/background/bg1.jpg') no-repeat fixed center top;
}
.clsBg2
{
	background:transparent url('../images/background/bg2.jpg') no-repeat fixed center top;
}
.clsBg_white
{
	background:white;
}
.clsBg_black
{
	background:#000000;
}
.clsBg_yellow
{
	background:#045a96;
}

.paymentbuttons
{
    width:830px;
    max-width:100%;
    text-align: center;
    margin: 0 auto;
    font-family:Arial, Helvetica, sans-serif;
}

.paymentbutton
{
    width:250px;
    height:240px;
    max-width:100%;
    display: inline-block;
    margin: 10px;
    border: 1px solid black;
    border-radius: 10px;
    font-size: 14px !important;
    overflow: hidden;
}

.attention
{
    width:830px;
    max-width:100%;
    text-align: center;
    margin: 20px auto;
    font-family:Arial, Helvetica, sans-serif;
    font-size:18px;
    color:red;
    border: 2px solid red;
    padding:5px;
    
}

.paymentbutton .instructions
{
    padding: 10px;
    height: 110px;
}

.logo {
    height: 60px;
    margin-bottom:5px;
    padding:5px;
    border-bottom: 1px solid black;
}

.paymentbutton img {
    max-width:100%;
    max-height: 100%;
}

.paymentbutton button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

.paymentbutton input[type=submit] {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}


.buynow {
  background-color:black; 
  width:500px;
  max-width:100%;
  border: none;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: block;
  font-size: 26px;
  margin: 35px auto;
  cursor: pointer;
  font-family:Arial, Helvetica, sans-serif;
  font-weight: bold;
}

/* footer scrolling text */
.scroll-container {
    --gap: 30rem;
    position: relative;
    display: flex;
    user-select: none;
    gap: var(--gap);
    border: 3px solid black;
    border-radius: 5px;
    overflow: hidden;
    background: black;
    font-size: 22px;
    font-weight: bold;
    color:#FBCE05;
  }
  
  .scroll-text {
    white-space: nowrap;
    flex-shrink: 0;
    display: flex;
    justify-content: space-around;
    gap: var(--gap);
    min-width: 100%;
  
    /* animation properties */
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    
    -moz-animation: footer-scroll-animation 120s linear infinite;
    -webkit-animation: footer-scroll-animation 120s linear infinite;
    animation: footer-scroll-animation 120s linear infinite;
  }
  
  /* for Firefox */
  @-moz-keyframes footer-scroll-animation {
    from { -moz-transform: translateX(0); }
    to { -moz-transform: translateX(calc(-100% - var(--gap)));}
  }
  
  /* for Chrome */
  @-webkit-keyframes footer-scroll-animation {
    from { -webkit-transform: translateX(0); }
    to { -webkit-transform: translateX(calc(-100% - var(--gap))); }
  }
  
  @keyframes footer-scroll-animation {
    from {
      -moz-transform: translateX(0);
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      -moz-transform: translateX(calc(-100% - var(--gap)));
      -webkit-transform: translateX(calc(-100% - var(--gap)));
      transform: translateX(calc(-100% - var(--gap)));
    }
  }
  /* end footer scrolling text */
  /* ==========================================================
   EMPOWERED AD TRAFFIC — ONE-PASTE CSS FIX PACK (GLOBAL)
   Paste this at the BOTTOM of /css/style.css
   ========================================================== */

/* Fix broken clearfix (your file has "visibility: hedden") */
.clearfix:after{
  content:"";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
}

/* Your current hover rule was invalid:
   a:hover, a:hover span { background-color: !important; }
   That can break layout / parsing in some browsers.
*/
a:hover,
a:hover span{
  background-color: transparent !important;
  color: inherit !important;
}

/* Make sure wrapper behaves */
.clsWrapper{
  width:100%;
  margin:0 auto;
}

/* JOIN NOW button (sitewide) */
.join-now{
  background-color:#a80000 !important;
  color:#ffffff !important;
  font-weight:bold;
  font-size:50px;
  padding:20px;
  border:2px solid #000000;
  border-radius:10px;
  display:inline-block;
  text-decoration:none !important;
  line-height:1;
}
.join-now:hover{
  filter: brightness(1.05);
  text-decoration:none !important;
}

/* Announcement line animation used on homepage */
@keyframes scroll-left{
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

/* ==========================================================
   TEXT ADS BLOCK FIX (Homepage + anywhere #TEXTAD# appears)
   Fixes: odd formatting, blue text, nested backgrounds, etc.
   ========================================================== */
.textads{
  line-height:1.45;
  font-size:16px;
  margin:0 auto;
  text-align:center;
  display:block;
  max-width:820px;
  width:100%;
  color:#fff !important;
}

/* Force nested markup inside the token to not inject weird colors */
.textads *{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  outline:0 !important;
  color:#fff !important;
}

/* Clean tables inside ad blocks */
.textads table,
.textads tr,
.textads td{
  background:transparent !important;
  border:0 !important;
  text-align:center !important;
  color:#fff !important;
}

/* Each top-level chunk gets same dark panel background */
.textads > *{
  display:block;
  padding:10px 12px;
  border-radius:6px;
  margin:0;
  background:rgba(0,0,0,0.72) !important;
  color:#fff !important;
}

/* Links stay white (overrides old <font color=blue> etc) */
.textads a{
  color:#fff !important;
  text-decoration:none !important;
}
.textads a:hover{
  color:#fff !important;
  text-decoration:underline !important;
}

/* Bootstrap row/cols inside token: ensure text stays centered */
.textads .row{
  margin-left:0 !important;
  margin-right:0 !important;
  text-align:center !important;
}
.textads [class*="col-"]{
  float:none;            /* helps when token HTML is messy */
  display:inline-block;
  vertical-align:top;
  text-align:center;
}

/* Banner images inside token: keep them contained */
.textads img{
  max-width:100% !important;
  height:auto !important;
  display:block;
  margin:0 auto;
}

/* ==========================================================
   FOOTER LINK FIXES (your footer has invalid target quotes)
   This CSS keeps it readable even if HTML is messy
   ========================================================== */
.clsBg_black a{
  color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.8) !important;
}
.clsBg_black a:hover{
  color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.8) !important;
  text-decoration:underline !important;
}
/* ================================
   Empowered Ad Traffic - Home fixes
   Paste at bottom of /css/style.css
================================== */

/* Announcement reel (make readable on dark bg) */
.eat-announcement{
  max-width:900px;
  margin:0 auto 18px;
  overflow:hidden;
  white-space:nowrap;
  font-size:14px;
  color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.8);
}
.eat-announcement-inner{
  display:inline-block;
  padding-left:100%;
  animation:scroll-left 22s linear infinite;
  color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.8) !important;
  font-weight:600;
  text-shadow:0 1px 2px rgba(0,0,0,0.55);
}
@keyframes scroll-left{
  0%{ transform:translateX(0); }
  100%{ transform:translateX(-100%); }
}

/* Hero + underline */
.eat-hero{
  background:linear-gradient(90deg, #1a3d7c, #3f6fd1);
  color:#fff;
  padding:18px 28px;
  font-size:30px;
  font-weight:800;
  border-radius:10px;
  box-shadow:0 4px 10px rgba(0,0,0,0.2);
  width:100%;
  max-width:850px;
  margin:0 auto;
}
.eat-hero-underline{
  width:320px;
  height:4px;
  background:#d32f2f;
  margin:14px auto 18px;
  border-radius:3px;
}

/* Sub text = WHITE (your request) */
.eat-subtext{
  font-size:17px;
  line-height:1.6;
  margin:0 auto;
  max-width:720px;
  color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.8) !important;
  text-shadow:0 1px 2px rgba(0,0,0,0.55);
}

/* Red bars */
.eat-redbar{
  background:#d32f2f;
  color:#fff;
  padding:16px 26px;
  font-size:20px;
  font-weight:700;
  border-radius:8px;
  box-shadow:0 3px 6px rgba(0,0,0,0.15);
  width:100%;
  max-width:850px;
  margin:0 auto 14px;
  text-align:center;
}

/* Panel */
.eat-panel{
  max-width:850px;
  margin:0 auto;
  text-align:center;
  padding:20px;
  background:#f0f0f0 url('https://www.transparenttextures.com/patterns/cubes.png');
  border-radius:10px;
  box-shadow:0 2px 6px rgba(0,0,0,0.1);
  overflow:hidden;
}

/* LeadsLeap wrapper */
.eat-llwrap{
  margin-top:14px;
  border-radius:10px;
  overflow:hidden;
  padding:6px;
  background:rgba(0,0,0,0.72);
}

/* ==== TEXT ADS token normalization ==== */
.textads{
  line-height:1.45;
  font-size:16px;
  margin:0 auto;
  text-align:center;
  display:block;
  max-width:820px;
  width:100%;
  color:#fff !important;
}

/* Kill old <font color=blue> and other forced colors inside token */
.textads font{ color:#fff !important; }
.textads a{ color:#fff !important; text-decoration:none !important; }
.textads a:hover{ text-decoration:underline !important; }

/* Make all inner content behave */
.textads *{
  background:transparent !important;
  color:#fff !important;
}

/* Make each "row block" look consistent like your first row */
.textads > table,
.textads > div,
.textads > p{
  background:rgba(0,0,0,0.72) !important;
  border-radius:6px;
  padding:10px 12px;
  margin:10px 0;
}

/* Fix your “3rd row under banners” by forcing full-width blocks */
.textads .row{
  margin-left:0 !important;
  margin-right:0 !important;
  width:100% !important;
  display:block !important;
}
.textads [class*="col-"]{
  float:none !important;
  display:inline-block !important;
  vertical-align:top;
  width:32% !important;          /* keeps it like the first 3-across row */
  min-width:220px;
  text-align:center !important;
}

/* Banner images stay clean */
.textads img{
  max-width:100% !important;
  height:auto !important;
  display:block;
  margin:0 auto;
}
/* ===== HOME PAGE READABILITY FIXES ===== */
.clsMenu_bar .clsWrapper > div[style*="text-align:center"][style*="padding:24px"]{
  color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.8) !important;
}

/* Announcement reel text white */
.clsMenu_bar .clsWrapper > div[style*="text-align:center"][style*="padding:24px"] > div[style*="overflow:hidden"][style*="white-space:nowrap"]{
  color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.8) !important;
}

/* "Get your offers..." paragraph white */
.clsMenu_bar .clsWrapper > div[style*="text-align:center"][style*="padding:24px"] p[style*="font-size:17px"]{
  color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.8) !important;
}
/* ==========================================================
   HOME PAGE TEXT COLOR FIX (SAFE + ISOLATED)
   Does NOT affect admin, ads logic, or layout
   ========================================================== */

/* Hero + marketing text */
.clsWrapper p,
.clsWrapper .eat-sub,
.clsWrapper .eat-hero,
.clsWrapper .eat-reel,
.clsWrapper .eat-reel-inner {
  color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);
}

/* Announcement reel specifically */
.clsWrapper .eat-reel,
.clsWrapper .eat-reel-inner {
  font-weight:600;
}

/* Any remaining inline gray text inside home wrapper */
.clsWrapper p[style*="color:#444"],
.clsWrapper p[style*="color:#555"],
.clsWrapper p[style*="color:#616161"] {
  color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8) !important;
}

/* Links inside hero text stay white */
.clsWrapper p a {
  color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.8) !important;
  text-decoration:underline;
}
/* =====================================================
   GLOBAL SITE BACKGROUND (WHITE)
   ===================================================== */
html,
body {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #000000;
}

/* =====================================================
   ANNOUNCEMENT BAR (BLACK BACKGROUND)
   ===================================================== */
.announcement-wrap {
  width: 100%;
  background: #000000;
  overflow: hidden;
  white-space: nowrap;
  padding: 8px 0;
}

.announcement-scroll {
  display: inline-block;
  padding-left: 100%;
  animation: scroll-left 22s linear infinite;

  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  text-shadow: 0 1px 2px rgba(0,0,0,.8);
}

/* Scroll animation */
@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

/* Pause scrolling on hover (optional but recommended) */
.announcement-wrap:hover .announcement-scroll {
  animation-play-state: paused;
}

/* =====================================================
   SAFETY OVERRIDES (DO NOT TURN SITE DARK)
   ===================================================== */
.container,
.wrapper,
.page-content,
.main-content {
  background: transparent !important;
  color: #000000;
}

/* Ensure links stay readable */
a {
  color: #0066cc;
}

a:hover {
  color: #003366;
}

/* =====================================================
   END – SAFE THEME OVERRIDES
   ===================================================== */
   
/* Announcement bar: tight + same width vibe as the blue banner */
.announcement-wrap{
  display:block;
  width:100%;
  max-width:850px; /* adjust to match your blue banner width */
  margin:10px auto 14px; /* center it + spacing */
  background:rgba(0,0,0,0,50);
  border-radius:10px;
  padding:6px 10px; /* "tighter" black background */
  overflow:hidden;
  white-space:nowrap;
  box-sizing:border-box;
}

.announcement-scroll{
  display:inline-block;
  padding-left:100%;
  animation:announcement-left 18s linear infinite;
  color:#fff;
  text-shadow:0 1px 2px rgba(0,0,0,.8);
  font-size:13px; /* slightly smaller = tighter */
  line-height:1.2;
}

@keyframes announcement-left{
  0%{transform:translateX(0);}
  100%{transform:translateX(-100%);}
}
/* ============================
   LAYOUT CONTAINER (matches your blue banner max-width)
============================ */
.page-max {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

/* ============================
   ANNOUNCEMENT SCROLLER (tight, black, same width as blue banner)
============================ */
.announcement-wrap {
  max-width: 850px;
  margin: 0 auto 14px;
  background: #000;
  border-radius: 10px;
  overflow: hidden;
  padding: 6px 10px; /* tighter */
}

.announcement-scroll {
  color: #fff;
  font-weight: 700;
  white-space: nowrap;
  display: inline-block;
  animation: scroll-left 18s linear infinite;
  font-size: 14px;
}

@keyframes scroll-left {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-120%); }
}

/* ============================
   TEXT ADS PANEL (your dark rows) - keep readable
============================ */
.textads {
  max-width: 850px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}

/* Force all nested junk transparent so row background shows */
.textads * {
  background: transparent !important;
  border: 0 !important;
}

/* Row background blocks: same shade everywhere */
.textads > * {
  background: rgba(0,0,0,0.72) !important;
  border-radius: 8px;
  padding: 10px 12px;
  margin: 0 0 10px 0;
}

/* IMPORTANT: don't force all links white globally,
   only inside dark boxes */
.textads a { color: #fff !important; text-decoration: none; }
.textads a:hover { text-decoration: underline; }

/* ============================
   BANNER ROWS (true 468x60 centered)
   Works with your existing Bootstrap row/col output
============================ */
.textads .row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px; /* spacing between banners */
  margin: 10px 0;
}

.textads .row > [class*="col-"] {
  float: none !important;
  width: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  flex: 0 0 auto;
}

/* Banner images: keep size, don’t stretch */
.textads .row img {
  width: 468px !important;
  max-width: 100% !important; /* allows shrink on small screens */
  height: auto !important;
  display: block;
  margin: 0 auto;
  object-fit: contain !important;
}

/* Stack banners on smaller screens */
@media (max-width: 992px) {
  .textads .row {
    flex-direction: column;
  }
  .textads .row img {
    width: 100% !important;
    max-width: 468px !important;
  }
}

/* ============================
   TOP + BOTTOM TEXT COLORS (keep site white background, black text)
============================ */
body { background: #fff; color: #111; }

/* Make paragraph text dark unless it’s inside your dark panels */
.page-max p {
  color: #222 !important;
  text-shadow: none !important;
}

/* Your footer area stays black with white text */
.clsBg_black, .clsBg_black * { color: #fff !important; }

/* Page width to match your blue banner */
.page-max { max-width: 850px; margin: 0 auto; }

/* Announcement */
.announcement-wrap{
  max-width: 850px;
  margin: 0 auto 14px;
  background: #000;
  border-radius: 10px;
  overflow: hidden;
  padding: 6px 10px;
}
.announcement-scroll{
  color:#fff;
  font-weight:700;
  white-space:nowrap;
  display:inline-block;
  animation: scroll-left 18s linear infinite;
  font-size:14px;
}
@keyframes scroll-left{
  0%{ transform: translateX(100%); }
  100%{ transform: translateX(-120%); }
}

/* Join button */
.join-now{
  background-color:#a80000 !important;
  color:#fff !important;
  font-weight:bold;
  font-size:50px;
  padding:20px;
  border:2px solid #000;
  border-radius:10px;
  display:inline-block;
  text-decoration:none !important;
}
.join-now:hover{ opacity:.92; }

/* Textads container */
.textads{
  max-width:850px;
  margin:0 auto;
  text-align:center;
  color:#fff;
  line-height:1.45;
  font-size:16px;
}

/* remove forced <font color=blue> effects inside dark panels */
.textads font { color:#fff !important; }

/* Make all nested stuff transparent */
.textads *{
  background:transparent !important;
  border:0 !important;
}

/* Row shading (dark) */
.textads > *{
  background: rgba(0,0,0,0.72) !important;
  border-radius: 8px;
  padding: 10px 12px;
  margin: 0 0 10px 0;
}

/* Links inside ads */
.textads a{ color:#fff !important; text-decoration:none; }
.textads a:hover{ text-decoration:underline; }

/* Banner rows: true 468 side-by-side centered */
.textads .row{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:16px;
  margin:10px 0;
}
.textads .row > [class*="col-"]{
  float:none !important;
  width:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
  flex:0 0 auto;
}
.textads .row img{
  width:468px !important;
  max-width:100% !important;
  height:auto !important;
  display:block;
  margin:0 auto;
  object-fit:contain !important;
}

/* Stack banners on smaller screens */
@media (max-width: 992px){
  .textads .row{ flex-direction:column; }
  .textads .row img{ width:100% !important; max-width:468px !important; }
}