.t3-header {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #fff;
  color: #ffffff;
}

.j40 .jviewport-height60,
.j42 .jviewport-height60 {
  height: 60vh;
}

.j40 .wf-media-wrapper .jviewport-height60 {
  height: calc(100% - 57px);
}

@media (min-width: 768px) and (max-width: 991px) {
.logo .toggle-button {
    display: block !important;
} 
}

.dropdown-menu {
background-color: #000000
}

.navbar-default {
background-color: #1d1e23;
color: #1be7c3;
}

.navbar-default .navbar-nav > li > a {
color: #1be7c3;
}

}

.t3-megamenu .dropdown-menu .mega-group .mega-nav > li.active > a {
  color: #1be7c3;
}

.t3-megamenu .mega-nav > li a, .t3-megamenu .dropdown-menu .mega-nav > li a {
    color: #1be7c3;
    padding: 10px 0;
}

@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #1be7c3;
}
}

@media (max-width: 991px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #1be7c3;
  }
}
.t3-header input[type="text"], .t3-header input[type="search"] {
    border: 1px solid !important;
    color: lightgrey !importnat;
}

/* ================================
   Custom Ad Zone Styles (MeetMeWorld.net)
   Added by Tom Skipton - Nov 2025
   ================================ */
   
/* Content zones: hide all by default */
.ad-728x90, .ad-300x250, .ad-300x100 {
  display: none;
}

/* Desktop: show 728x90 */
@media (min-width: 900px) {
  .ad-728x90 { display: block; }
}

/* Tablet: show 300x250 */
@media (min-width: 600px) and (max-width: 899px) {
  .ad-300x250 { display: block; }
}

/* Mobile: show 300x100 */
@media (max-width: 599px) {
  .ad-300x100 { display: block; }
}

/* PF1 */
.pf1-300x250, .pf1-300x100 { display: none; }
@media (min-width: 900px) { .pf1-300x250 { display: block; } }
@media (max-width: 899px) { .pf1-300x100 { display: block; } }

/* PF2 */
.pf2-300x250, .pf2-300x100 { display: none; }
@media (min-width: 900px) { .pf2-300x250 { display: block; } }
@media (max-width: 899px) { .pf2-300x100 { display: block; } }

/* PF3 */
.pf3-300x250, .pf3-300x100 { display: none; }
@media (min-width: 900px) { .pf3-300x250 { display: block; } }
@media (max-width: 899px) { .pf3-300x100 { display: block; } }

/* Footer zone: hide all by default */
.ad-728x90, .ad-300x250, .ad-300x100 {
  display: none;
}

/* Desktop: show 728x90 */
@media (min-width: 900px) {
  .ad-728x90 { display: block; }
}

/* Tablet: show 300x250 */
@media (min-width: 600px) and (max-width: 899px) {
  .ad-300x250 { display: block; }
}

/* Mobile: show 300x100 */
@media (max-width: 599px) {
  .ad-300x100 { display: block; }
}