/*
 Theme Name:   Gaming News CoZA Theme
 Theme URI:    https://www.gamingnews.co.za/
 Description:  Theme for Gaming News
 Author:       Topboss Group
 Author URI:   https://www.topbossgroup.com
 Template:     astra
 Version:      2026.01
*/

h1, h2, h3, h4, h5, h6 { font-family: 'royal',Verdana, Geneva, sans-serif; letter-spacing: normal; }
.site-content img {border-radius: 3px;}
header#masthead .ast-builder-html-element *:not(a) {
  color: #fff;
  text-align: center;
}


.site-name-header {
	color: #fff;
	text-align: center;
	font-family: 'royal',Verdana, Geneva, sans-serif;
	letter-spacing: normal;
	color: var(--ast-global-color-8);
	color: var(--ast-global-color-8);
	font-size: 64px;
	font-size: 4rem;
	line-height: 1.4em;
}



.ast-builder-menu-1 nav.site-navigation ul.sub-menu {
  border: 1px solid #000;
  box-shadow: 3px 3px 10px #000 !important;
  border-radius: 10px;
}
.ast-builder-menu-1 nav.site-navigation ul.sub-menu li {
  border-bottom: 1px solid rgba(0,0,0,0.5);
}
.ast-builder-menu-1 nav.site-navigation ul.sub-menu li:last-child {
  border-bottom: none;
}
.ast-builder-menu-1 nav.site-navigation ul.sub-menu a,
.ast-builder-menu-1 nav.site-navigation ul.sub-menu li.current-menu-item a {
  color: #000;
  font-size: 0.95rem;
  transition: all 0.3 ease-in-out;
  padding-top: 5px;
  padding-bottom: 5px;
}
.ast-builder-menu-1 nav.site-navigation ul.sub-menu li {
  background-color: transparent;
  transition: all 0.93 ease-in-out;
}
.ast-builder-menu-1 nav.site-navigation ul.sub-menu li:hover {
  background-color: rgba(0,0,0,0.07);
}
.ast-builder-menu-1 nav.site-navigation ul.sub-menu li:hover a {
  color: #333;
}
#page {
  background: #000 url(img/gaming-news-bg.webp) center bottom no-repeat fixed;
  background-size: contain;
}
#secondary {
  margin-top: 1.5em;
}
body #content.site-content .ast-container {
  background-color: #ffffff;
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 5px;
  box-shadow: 2px 2px 15px #666;
}
body:not(.home) .e-con-inner {
	margin-top: 20px;
	margin-bottom: 20px;
}
body:not(.home) .e-con-inner > * {
  margin: 20px;
}
.ast-breadcrumbs-inner {
	color: #ccc;
}
nav.post-navigation {
	border-top: 1px solid #ccc !important;
}
.elementor-widget-button,
.wp-element-button,
.wp-block-search__button {
	animation: all 0.3s ease-in-out;
}

@media (min-width: 993px) {
  .ast-separate-container #primary, .ast-separate-container.ast-left-sidebar #primary, .ast-separate-container.ast-right-sidebar #primary {
    margin: 0;
  }
}
@media (min-width: 1201px) {
  .ast-separate-container .ast-article-single:not(.ast-related-post) {
    padding-left: 0;
    padding-right: 0;
  }
}
p.gn-info-block,
div.gn-info-block,
p.bg-info,
div.bg-info {
  width: 90%;
  min-height: 48px;
  margin: 10px auto;
  padding: 8px 12px 8px 52px;
  position: relative;
  background: rgba(0, 255, 0, 0.3);
  border: 1px solid #000;
  border-radius: 5px;
  box-shadow: 2px 2px 3px #000;
  color: #111;
  text-align: center;
}

p.gn-info-block:before,
div.gn-info-block:before,
p.bg-info:before,
div.bg-info:before {
  content: "i";
  width: 34px;
  height: 34px;
  position: absolute;
  top: 7px;
  left: 7px;
  border: 2px solid #00aa00;
  border-radius: 50%;
  color: #00aa00;
  background: rgba(255, 255, 255, 0.8);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  text-shadow: 0 0 5px #fff;
}

p.gn-warning-block,
div.gn-warning-block,
p.bg-warning,
div.bg-warning {
  width: 90%;
  min-height: 48px;
  margin: 10px auto;
  padding: 8px 12px 8px 52px;
  position: relative;
  background: rgba(255, 0, 0, 0.5);
  border: 1px solid #000;
  border-radius: 5px;
  box-shadow: 2px 2px 3px #000;
  color: #111;
  font-weight: 700;
  text-align: center;
}

p.gn-warning-block:before,
div.gn-warning-block:before,
p.bg-warning:before,
div.bg-warning:before {
  content: "i";
  width: 34px;
  height: 34px;
  position: absolute;
  top: 7px;
  left: 7px;
  border: 2px solid #cc0000;
  border-radius: 50%;
  color: #cc0000;
  background: rgba(255, 255, 255, 0.8);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  text-shadow: 0 0 5px #fff;
}