/*
Theme Name: Age of Mythology Heaven
Version: 1.1.2
Requires at least: 4.7
Requires PHP: 5.2.4
Author: HeavenGames
Description: Theme for Age of Mythology Heaven.
*/
body {
	margin: 0;
	padding: 0;
    color: #000;
    background: #e9dfbe url(images/cbkg.png);
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    line-height: 1.1;
}

/* Header: logo and banner */
header.site-header {
	height: 125px;
	text-align: center;
    background:
        url(images/logo_hgx.gif) no-repeat center right 10px,
        #813517 url(images/bkg_topbar.jpg) repeat-x top left;
    position: relative;
}
.header-logo {
    z-index: 1;
    width: 193px;
    height: 193px;
    position: absolute;
    top: 0;
    background: url(images/header_image_zeus.jpg) no-repeat top left;
}
.header-logo.zeus { background-image: url(images/header_image_zeus.jpg) }
.header-logo.poseidon { background-image: url(images/header_image_poseidon.jpg) }
.header-logo.hades { background-image: url(images/header_image_hades.jpg) }
.header-logo.ra { background-image: url(images/header_image_ra.jpg) }
.header-logo.isis { background-image: url(images/header_image_isis.jpg) }
.header-logo.set { background-image: url(images/header_image_set.jpg) }
.header-logo.odin { background-image: url(images/header_image_odin.jpg) }
.header-logo.thor { background-image: url(images/header_image_thor.jpg) }
.header-logo.loki { background-image: url(images/header_image_loki.jpg) }
.header-logo.kronos { background-image: url(images/header_image_kronos.jpg) }
.header-logo.gaia { background-image: url(images/header_image_gaia.jpg) }
.header-logo.oranos { background-image: url(images/header_image_oranos.jpg) }
.header-logo.fuxi { background-image: url(images/header_image_fuxi.jpg) }
.header-logo.nuwa { background-image: url(images/header_image_nuwa.jpg) }
.header-logo.shennong { background-image: url(images/header_image_shennong.jpg) }

h1.site-logo, h1.site-logo a {
    width: 458px;
    height: 125px;
}
h1.site-logo {
	margin: 0 0 0 193px;
}
h1.site-logo a {
    background: url(images/aomh.jpg) no-repeat;
	display: block;
}
h1.site-logo a span {
	display: none;
}

.ad-banner-top {
    padding-bottom: 5px;
    padding-left: 193px;
    height: 90px;
    background: #615D5C url(images/bkg_ad.jpg) repeat top left;
}
.ad-banner-bottom {
    padding-top: 10px;
    margin: 0 -20px;
    clear: both;
}
.ad-leaderboard, .ad-bottom {
    margin: auto;
}
.ad-skyscraper-wrap {
    background: #615D5C url(images/bkg_ad.jpg) repeat top left;
    padding-bottom: 10px;
}
.ad-skyscraper {
    margin: 0 auto;
}

/* Main area: sidebars and content */
#main {
    display: flex;
}
#left-bar {
    width: 176px;
    flex: none;
    background:
        url(images/lhsbottom.jpg) no-repeat bottom left,
        url(images/lhstop.jpg) no-repeat top left,
        #929A9D url(images/bkg_lhs.jpg) repeat-y top left;
}
#right-bar {
    width: 176px;
    flex: none;
    background:
        url(images/rhsbottom.jpg) no-repeat bottom right,
        url(images/rhstop.jpg) no-repeat top right,
        #929A9D url(images/bkg_rhs.jpg) repeat-y top right;
}
nav.sidebar-nav {
    padding: 20px 15px 15px;
}

nav.secondary-nav {
    background: url(images/rhstop.jpg) no-repeat top right;
}

main#site-content {
    flex: 1;
    overflow: auto;
    padding: 20px;
    color: #000;
    line-height: 1.3;
    background:
        url(images/cf_tr.jpg) no-repeat top right,
        url(images/cf_tl.jpg) no-repeat top left,
        url(images/cf_br.jpg) no-repeat bottom right,
        url(images/cf_bl.jpg) no-repeat bottom left,
        url(images/cf_r.jpg) repeat-y right top,
        url(images/cf_l.jpg) repeat-y left top,
        url(images/cf_b.jpg) repeat-x left bottom,
        url(images/cf_t.jpg) repeat-x left top;
}

.nav-trigger, .nav-trigger-label {
    display: none;
}

/* Footer */
.copyright {
    margin-top: 10px;
    padding-top: 15px;
    background: url(images/fancy_hr.png) no-repeat center top;
    line-height: 120%;
    font-size: 8pt;
}

@media screen and (max-width: 749px) {
    header.site-header {
        background: #813517 url(images/bkg_topbar.jpg) repeat-x -193px top;
    }
    div.header-logo {
        display: none;
    }
    h1.site-logo {
        margin: 0;
    }
    .ad-banner-top {
        padding-left: 0px;
    }
    #main {
        display: block;
    }
    #left-bar {
        width: auto;
        background: url(images/bkg_ad.jpg);
    }
    #right-bar {
        display: none;
    }
    .main-nav {
        position: absolute;
        margin-left: -200px;
        transition: margin-left 0.5s;
        z-index: 10;
        width: 140px;
        background:
            url(images/lhsbottom.jpg) no-repeat bottom left,
            url(images/lhstop.jpg) no-repeat top left,
            url(images/bkg_lhs.jpg) repeat-y top left;
    }
    .nav-trigger + .nav-trigger-label:before {
        content: "Show ";
    }
    .nav-trigger:checked + .nav-trigger-label:before {
        content: "Hide ";
    }
    .nav-trigger:checked ~ .main-nav {
        margin-left: 0;
    }
    .nav-trigger-label {
        width: 132px;
        padding: 15px 20px;
        display: inline-block;
        color: #000;
        font-weight: bold;
        background:
            url(images/lhsbottom.jpg) no-repeat bottom left,
            url(images/lhstop.jpg) no-repeat top left,
            url(images/bkg_lhs.jpg) repeat-y top left;
    }
    .nav-trigger-label:hover {
        cursor: pointer;
    }
}
@media screen and (max-width: 458px) {
    header.site-header {
        background: #813517 url(images/bkg_ad.jpg) repeat top left;
    }
    h1.site-logo, h1.site-logo a {
        width: auto;
        background-size: contain;
        background-position: center;
    }
}
/* Content styles */
h1,h2,h3,h4,h5,h6 {
    font-weight: bold;
}

h1 {
    line-height: normal;
    margin: 0 0 .25ex 0;
    font-size: 140%;
}
#site-content h1 {
    background: url(images/fancy_hr.png) no-repeat center bottom;
    text-align: center;
    padding-bottom: 15px;
}

h2 {
    line-height: normal;
    margin: 0.75ex 0 .25ex 0;
    font-size: 125%;
}

h3 {
    line-height: normal;
    margin: 0.75ex 0 .25ex 0;
    font-size: 110%;
}

a:link { color: #009; }
a:visited { color: #4c0099; }
a:hover { color: #c00; }

hr, hr.wp-block-separator {
    border: 3px solid #DBCB95;
    border-width: 3px 0 0;
    clear: both;
}

hr.wp-block-separator.atlantean {
    border-color: #A0BF95;
}

hr.wp-block-separator.norse {
    border-color: #b7dadf;
}

hr.wp-block-separator.egyptian {
    border-color: #FFEC9C;
}

hr.wp-block-separator.titans {
    border-color: #A0BF95;
}

hr.wp-block-separator.chinese {
    border-color: #CB2B1D;
}

.post.type-post h2 {
    color: #600;
    margin: 0;
}
.post.type-post .post-meta {
    margin: 0;
    font-size: 8pt;
    color: #630;
    font-style: italic;
}
.post.type-post p {
    margin: 0 0 0.5em;
}

.hg-forum-posts-widget p {
    margin: 0 0 5px 30px;
    text-indent: -30px;
    font-size: 80%;
    line-height: 1.3;
}
.hg-forum-posts-widget a {
    font-weight: bold;
}

.hg-gallery-widget figure,
.hg-gallery-widget figcaption {
    text-align: left !important;
}

/* Navigation styles */
nav.sidebar-nav {
    font-size: 8.5pt;
    line-height: 1.3;
}

nav.sidebar-nav h2 {
    margin: 0.5em 0 2px;
    font-size: 10pt;
    color: #e8ba43;
    text-shadow: 0px 0px 4px #000;
}
nav.sidebar-nav h2.navimg {
    display: inline-block;
    background-repeat: no-repeat;
    margin: 0;
    width: 150px;
    height: 23px;
}
nav.sidebar-nav h2.navimg a {
    display: inline-block;
    width: 150px;
    height: 23px;
}
nav.sidebar-nav h2.navimg span {
    display: none;
}
h2.navimg.home { background-image: url(images/nb_home.png); }
h2.navimg.community { background-image: url(images/nb_community.png); }
h2.navimg.downloads { background-image: url(images/nb_downloads.png); }
h2.navimg.chinese-xpack { background-image: url(images/nb_taleofthedragon.png); }
h2.navimg.retold { background-image: url(images/nb_retold.png); }
h2.navimg.faq { background-image: url(images/nb_faq.png); }
h2.navimg.strategy { background-image: url(images/nb_strategy.png); }
h2.navimg.scendesign { background-image: url(images/nb_scendesign.png); }
h2.navimg.titans-xpack { background-image: url(images/nb_xpack.gif); }
h2.navimg.gameinfo { background-image: url(images/nb_gameinfo.png); }
h2.navimg.gallery { background-image: url(images/nb_gallery.png); }
h2.navimg.aomh { background-image: url(images/nb_aomh.png); }
h2.navimg.forums { background-image: url(images/nb_forums.png); }
h2.navimg.hg { background-image: url(images/nb_hg.png); }

nav.sidebar-nav ul, nav.sidebar-nav li {
    list-style: none;
    padding: 0;
    margin: 0;
}

nav.sidebar-nav ul {
    margin: 0 0 10px 10px;
}
nav.sidebar-nav li.spacer {
    padding-top: 10px;
}

nav.sidebar-nav a:link,
nav.sidebar-nav a:visited {
    color: #000 !important;
    text-decoration: none;
}

nav.sidebar-nav a:hover {
    color: #000 !important;
    text-decoration: underline;
}

.cherub {
    color : #009900;
}
.angel {
    color : #c00000;
}
.seraph {
    color : #d07500;
}
.vip {
    color : #2244aa;
}

/* Wordpress overrides */
/* Table styling */
figure.wp-block-table {
    margin: 0;
}
figure.wp-block-table table {
    width: auto;
}
figure.wp-block-table table,
figure.wp-block-table tr,
figure.wp-block-table th,
figure.wp-block-table td {
    border: 1px solid #000;
    border-collapse: collapse;
}
figure.wp-block-table td,
figure.wp-block-table th {
    padding: 1px 2px;
}

/* Custom tables */
th {
    text-align: left;
}

table.border, table.border th, table.border td {
    border: 1px solid #663300;
    border-collapse: collapse;
}

table.border th, table.border td {
    padding: 1px 2px;
}
table.border th {
    font-size: 11pt;
}

/* Images */
figcaption {
    font-size: 8.5pt;
}
figure.aligncenter figcaption {
    text-align: center;
}
.wp-block-image {
    margin-left: 0;
    margin-right: 0;
}
/* Don't squash images on small widths */
.wp-block-image img {
    height: auto;
}
/* Don't squash images in flex containers */
.wp-block-group-is-layout-flex .wp-block-image img {
    max-width: none;
    margin: 5px 0;
}

.border-titans img { 
    border: 8px solid transparent;
    padding: 0px;
    border-image: url(images/frame-titans.png) 8 round;
}

.border-egyptian img { 
    border: 8px solid transparent;
    padding: 0px;
    border-image: url(images/frame-egyptian.png) 8 round;
}

.border-greek img { 
    border: 8px solid transparent;
    padding: 0px;
    border-image: url(images/frame-greek.png) 8 round;
}

.border-norse img { 
    border: 8px solid transparent;
    padding: 0px;
    border-image: url(images/frame-norse.png) 8 round;
}

.border-gaia img { 
    border: 8px solid transparent;
    padding: 0px;
    border-image: url(images/frame-gaia.png) 8 round;
}

.border-chinese img { 
    border: 8px solid transparent;
    padding: 0px;
    border-image: url(images/frame-chinese.png) 8 round;
}

.shaded {
    background-color: #DFCE99;
    margin: 10px 0;
    padding: 0 5px;
}
.shaded.titans {
    background-color: #a0bf95;
}

.wp-block-image.blackborder img {
    border: 1px solid #000;
}
body .is-layout-flex > p {
    margin-bottom: 1em;
}

.wp-block-column .wp-block-image {
    margin-top: 5px;
}
:where(.wp-block-columns.is-layout-flex.shaded) {
    gap: 0.5em;
}

/* Overflowing items */
.scrollable, pre, .newsitem {
  overflow-x: auto;
}

/* Breadcrumbs */
.breadcrumbs {
    font-size: 8pt;
}

/* News items */
.newsitem dd, .newsitem dt {
margin: 0;
padding: 0;
}

.newsitem .subject {
font: bolder 115% Arial,Helvetica,sans-serif;
margin-top: 0.675em;
margin-bottom: 0.45em;
border-bottom:1px dotted #000000;
}

.newsitem .subject a:link, .newsitem .subject a:visited, .newsitem .subject a:hover {
color: #000;
text-decoration: none;
}

.newsitem .postline {
font-size: .8333em;
line-height: 1.8;
margin-bottom: 1.8em;
text-align: right;
font-size:10px;
}

.newsitem .newsposter, .newsitem .newsdate {
font-weight: bold;
}

.newsitem .footer {
font-size: .8333em;
line-height: 1.8;
margin-bottom: 1.8em;
text-align: right;
}


/* Newsitem Forum Formatting */

.newsitem blockquote .by-line {
font-size: .8333em;
line-height: 1.8;
margin: 0;
padding: 0;
text-align: left;
color: #666;
}

.newsitem blockquote {
border: 0px solid #666;
background:url(images/quote.gif) no-repeat;
background-position:top left;
padding-left:30px;
text-align:justify;
}
.newsitem
{
background-color:#E7DBB6;
border:1px solid #DFCF9D;
padding: 5px;
}

/* Advertisement */
.ad-leaderboard, .ad-bottom {
    width: 728px;
    height: 90px;
}
.ad-skyscraper {
    width: 160px;
    height: 600px;
}
@media screen and (max-width: 1120px) {
    .ad-bottom {
        width: 300px;
        height: 250px;
    }
}
@media screen and (max-width: 920px) {
    .ad-leaderboard {
        width: 300px;
        height: 250px;
    }
}

@media print {
    #left-bar { display: none }
    #right-bar { display: none }
    .ad-banner-wrap { display: none }
    header.site-header { height: auto }
    h1.site-logo, h1.site-logo a { width: auto; height: auto; background: none; }
    h1.site-logo a span { display: block; }
}

/* Additional styles */
kbd {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0.1em 0.5em;
    margin: 0 0.2em;
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #fff inset;
    background-color: #f7f7f7;
}

.centrehead img{
    width: 100%;
    object-fit: cover;
}

.centreimg img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.border-retold-small img {
    border: 2px solid transparent;
    padding: 0px;
    border-image: url(images/border-retold-small.png) 2 round;
}

.border-retold-frame img {
    border: 7px solid transparent;
    padding: 0px;
    border-image: url(images/border-retold-big.png) 7 round;
}

.border-retold-icon img {
  border: 7px solid transparent;
  padding: 0px;
  border-image: url(images/large_Icon_Frame.png) 7 round;
}

.border-retold-a img {
  border: 22px solid transparent;
  padding: 0px;
  border-image: url(images/border-retold-atlantean.png) 22 round;
}

.border-retold-e img { 
  border: 22px solid transparent;
  padding: 0px;
  border-image: url(images/border-retold-egyptian.png) 22 round;
}

.border-retold-n img { 
  border: 22px solid transparent;
  padding: 0px;
  border-image: url(images/border-retold-norse.png) 22 round;
}

.border-retold-g img { 
  border: 22px solid transparent;
  padding: 0px;
  border-image: url(images/border-retold-greek.png) 22 round;
}

.border-retold-ablack img { 
  border: 22px solid transparent;
  padding: 0px;
  border-image: url(images/border-retold-atlantean.png) 22 round;
	background-color: #000000;
}

.border-retold-eblack img { 
  border: 22px solid transparent;
  padding: 0px;
	background-color: #000000;
  border-image: url(images/border-retold-egyptian.png) 22 round;
}

.border-retold-nblack img { 
  border: 22px solid transparent;
  padding: 0px;
  border-image: url(images/border-retold-norse.png) 22 round;
	background-color: #000000;
}

.border-retold-gblack img { 
  border: 22px solid transparent;
  padding: 0px;
  border-image: url(images/border-retold-greek.png) 22 round;
	background-color: #000000;
}

.border-retold-godframe img { 
  border: 26px solid transparent;
  padding: 0px;
  border-image: url(images/Pantheon_God_Frame.png) 36 round;
}

.border-retold-mpframe img { 
  border: 14px solid transparent;
  padding: 0px;
  border-image: url(images/FrameMapFancy_Highlight13.png) 14 round;
}

.frame-retold-tech img { 
  border: 4px solid transparent;
  padding: 0px;
  border-image: url(images/icon_frame_tech.png) 4 stretch;
}

.frame-retold-unit img { 
  border: 4px solid transparent;
  padding: 0px;
  border-image: url(images/icon_frame_unit.png) 4 stretch;
}

.frame-retold-myth img { 
  border: 4px solid transparent;
  padding: 0px;
  border-image: url(images/icon_frame_myth.png) 4 stretch;
}

.frame-retold-special img { 
  border: 4px solid transparent;
  padding: 0px;
  border-image: url(images/icon_frame_special.png) 4 stretch;
}

.frame-retold-passive img { 
  border: 4px solid transparent;
  padding: 0px;
  border-image: url(images/icon_frame_passive.png) 4 stretch;
}

.frame-retold-command img { 
  border: 4px solid transparent;
  padding: 0px;
  border-image: url(images/icon_frame_cmd.png) 4 stretch;
}

.frame-retold-building img { 
  border: 4px solid transparent;
  padding: 0px;
  border-image: url(images/icon_frame_bldg.png) 4 stretch;
}

.frame-retold-build img { 
  border: 7px solid transparent;
  padding: 0px;
  border-image: url(images/icon_frame_build.png) 7 stretch;
}

.frame-retold-map img { 
  border: 13px solid transparent;
  padding: 0px;
  border-image: url(images/FrameMapFancy_Normal13.png) 13 stretch;
}

.frame-retold-map2 img { 
  border: 13px solid transparent;
  padding: 0px;
  border-image: url(images/FrameMapFancy_Highlight13.png) 13 stretch;
}

.frame-retold-blessing img { 
  border: 28px solid transparent;
  padding: 0px;
  border-image: url(images/blessing28.png) 28 stretch;
}