/*   
Theme Name: Seven Seas Entertainment v3.5
Theme URI: http://gomanga.com
Description: Custom theme created for Seven Seas Entertainment
Version: 4
*/

body { background-color: #FFFFFF; background-image: url('images/SevenSeas-boat.png'); background-repeat: no-repeat; background-position: bottom right; background-attachment: fixed; overflow-x: hidden; margin: 0; font-family: 'Open Sans', sans-serif; font-size: 0.9em; color: #333; padding: 0; line-height: 165%; }

img { height: auto!important; }
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

#BG-nav { background: #FFFFFF; background-size: contain; background-repeat: no-repeat; background-position: left; padding-top: 10px; height: 50px; color: #FFFFFF; width: 100%; margin: 0; position: fixed; top: 0; z-index: 1030; border-top: 30px solid #23282d;
-webkit-box-shadow: 0px 1px 19px 0px rgba(77,109,184,0.65);
-moz-box-shadow: 0px 1px 19px 0px rgba(77,109,184,0.65);
box-shadow: 0px 1px 19px 0px rgba(77,109,184,0.65); }

#header { width: 90%; max-width: 1500px; margin: 45px auto 0 auto; }
#banner { margin-bottom: 10px; }

.container { width: 100%; max-width: 1500px; margin: 15px auto 25px auto; }

#content { width: 67%; float: left; padding: 15px 25px 25px 25px; }
#sidebar { width: 25%; float: right; margin-top: -97px; padding: 25px; }

#grad { width: 100%; height: 20px; margin-top: 2px; background-image: linear-gradient(#CECECE, white); }

#facebook { overflow-y: hidden; }
/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;
}

#sidebar h2 { border-bottom: 1px solid #f69534; padding: 0 10px 5px 0; max-width: 100%; margin: 0 auto 0 auto; color: #333333; text-transform: uppercase; }
#sidebar .widget { margin-bottom: 35px; }
#sidebar li { list-style-type: none; }
#sidebar .post-date { display: block; margin-bottom: 15px; }
#outgoingad { text-align: center; line-height: 100%; font-size: 12px;}
#outgoingad img { margin-bottom: 5px; }
#icon { float: left; margin: -1px 5px 0 0; }

#SS-survey { width: 309px; max-width: 100%; height: 148px; border: solid #CECECE 1px; background-image: url("https://www.sevenseasentertainment.com/wp-content/themes/gomanga2017/images/SS-survey-BG.png"); font-size: 25px; font-weight: bold; text-decoration: none; }
#SS-survey-link { text-decoration: none; color: #000000; font-family: Impact, Anton, Arial; }
#SS-survey-link span { margin: 85px 0 0 15px; display: block; line-height: 100%;
  -webkit-text-stroke-width: 0.5px; font-weight: bold;
  -webkit-text-stroke-color: #FFFFFF; }

#searchform { display: block; margin: -7px auto 25px auto; }
#searchform input { box-sizing: border-box; color: #CECECE;
    border: 2px solid #ccc; padding: 7px; width: 70%;
    border-radius: 4px!important;
    font-size: 14px; }
#searchform .input[type=text] {
    width: 70%; color: #CECECE;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width .4s ease-in-out; }
#searchsubmit { display: none!important; }


/* When the input field gets focus, change its width to 100% */
input[type=text]:focus {
    width: 100%;
}

#header-bar { width: 105%; display: block; background: #2b9cde; margin: 20px auto 0 auto; height: 45px; margin-left: -3%; }

#social-media { color: #FFFFFF; font-size: 11px; display: block; width: 89%; text-align: right; margin: -35px 0 0 0; max-width: 1800px;  }
#social-media a { color: #FFFFFF; }

a { color: #2b9cde; text-decoration: none; }
a:hover { color: #4fade1; }

#colon { font-family: OpenSans; font-weight: bold; }

.company { margin: 0 0 0 75px; float: left; }
h1 { font-family: 'Anton', sans-serif; font-size: 2.75em; letter-spacing: 1px; margin: 0 0 10px 0;  }
h1 a { color: #000000; }
h1 a:hover { color: #2a2f35; }
#logo { position: absolute; margin: -25px auto auto 15px; }
#SS-meta { font-size: 0.75em; }

h2 { font-family: 'Oswald', sans-serif; color: #2b9cde; margin: 0 0 25px 9px; font-weight: normal; }
.post-title { color: #333; font-size: 24px; line-height: 110%; margin: 0!important; }
.topper { font-size: 26px; }
h3 { font-size: 18px; font-weight: normal; line-height: 17px; font-family: 'Oswald', sans-serif; }
h3.header { background: #f58020; color: #FFFFFF; padding: 5px 5px 5px 10px; }

h3.gold-wide { background: #f69534; color: #FFFFFF; padding: 10px 0 10px 10px; max-width: 100%; margin: 0 auto 10px auto; }
h3.blue-wide { background: #2b9cde; color: #FFFFFF; padding: 10px 0 10px 10px; max-width: 100%; margin: 0 auto 10px auto; }

h3.gold-narrow { font-size: 24px; padding: 0 10px 10px 0; max-width: 100%; margin: -5px auto 25px auto;  line-height: 22px; text-transform: uppercase; border-bottom: 1px solid #f69534; padding-top: 10px; }
h3.blue-narrow { font-size: 24px; padding: 0 10px 10px 0; max-width: 100%; margin: -5px auto 25px auto;  line-height: 22px; border-bottom: 1px solid #2b9cde; text-transform: uppercase; }

#post-483 h3 { margin-top: 30px; }

#mobile-menu { display: none; }

.topnav { overflow: hidden; background-color: #2b9cde; margin-top: 20px; }
.topnav-inner { width: 70%;  max-width: 1400px; display: block; margin: auto; }

.topnav a { float: left; display: block; color: #f2f2f2;  text-align: center; padding: 14px 30px; text-decoration: none;
font-weight: bold; font-size: 17px; }

.topnav a:hover { background-color: #67bced; }

.topnav a.active { background-color: #4CAF50; color: white; }

.topnav .icon {
  display: none;
}

@media screen and (max-width: 600px) {
.topnav a:not(:first-child) {display: none;}
  .topnav a.icon { float: right; display: block; }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

#slider { width: 100%; margin: -5px auto 0 auto; padding-bottom: 30px; height: auto; }
#slider img { width: 100%; }
#sidebar-slider { width: auto; margin: 0 auto 0 auto; padding-bottom: 20px; height: auto; }

.sub-link-buttons { margin-bottom: 25px; }
.sub-link-buttons a { font-weight: bold; padding: 5px 15px 5px 15px; text-align: center; }

#newsletter { margin: 15px auto 15px auto; }

#newsletter input[type=submit] {
  border-radius: 0; border-style: none;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  background: #f69534;
  padding: 3px 10px 3px 10px;
  text-decoration: none;
}
#newsletter input[type=submit]:hover {
  background: #328dc1;
  text-decoration: none;
}

#edit-link { font-size: 12px; font-weight: normal; }
#edit-link a { color: #FFFFFF; }


/*----- Gomanga Network -----*/

#network-bar { background: #23282d; font-size: 14px; height: 40px; color: #7c7c7c; width: 100%; top: 0; z-index: 1030; text-align: right; }
#network-bar a { color: #dddddd; }
#network-bar #inside-left { margin-top: 10px; float: left; text-align: left; padding-left: 45px; }
#network-bar #inside-right { margin-top: 10px; float: right; text-align: right; padding-right: 45px; }

/*----- Ghost Ship -----*/

#GS-block { background: #2f2f2f; border: 1px solid #CECECE; text-transform: uppercase; margin: 0 0 5px 0!important; }
#GS-block a { color: #FFFFFF; }
#GS-block a:hover { color: #FFFFFF; }

#steam-con, #ghost-con { }

.ghostship-BG { background: url('images/ghostship-BG-texture.png'), url('images/ghostship-BG-texture-bottom.png') #FFFFFF; background-size: contain; background-repeat:   no-repeat; background-position: top center, bottom center; }

.steamship-BG { background: url('images/steam-BG.png') #FFFFFF; background-repeat: no-repeat; background-position: top right; }

.ghostship-BG a { color: #c82163; }
.ghostship-BG a:hover { color: #ed3e84; }

#ghostship-series { margin: 20px auto 0 auto; width: 85%; }
#ghostship-series img { -webkit-box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.75);
box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.75); }

#sidebar-GS { width: 25%; margin-top: 15px; float: right; }
#sidebar-GS .widget { margin-bottom: 35px; }

h3.dash-bottom { font-size: 22px; color: #000000;
    padding: 10px 10px 10px 0px; max-width: 100%;
    margin: -5px auto 10px auto; line-height: 19px;
    border-bottom: 2px dashed #000000; }

h3.pink-bottom { font-size: 22px; color: #000000;
    padding: 10px 10px 10px 0px; max-width: 100%;
    margin: -5px auto 10px auto; line-height: 19px;
    border-bottom: 1px solid #aa154a; }

#footer-steam { background: #aa154a; min-height: 4em; color: #FFFFFF; clear: both; margin: 50px auto 25px auto; text-align: center; padding-top: 2em;
	color: #FFFFFF; width: 100%; }
#footer-ghost {
	clear: both; margin: 225px auto 25px auto; text-align: center;
	color: #FFFFFF; width: 100%; height: 15px; }
#footer-steam, #footer-ghost a { color: #FFFFFF; }


/*----- Light Novels -----*/

#AS-block { background: #d3aacb; border: 1px solid #CECECE; text-transform: uppercase; margin: 0 0 5px 0!important; }
#AS-block a { color: #FFFFFF; }
#AS-block a:hover { color: #FFFFFF; }

#LN-con { margin-top: 65px!important; max-width: 1113px; }

#banner { width: 100%; height: 200px; background-image: url('images/airship-site-banner.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; margin-bottom: 20px; }

.lightnovel-BG { background: url('images/SS-LN-BG.jpg') #FFFFFF; background-size: fill; background-repeat: no-repeat; background-position: top center; background-attachment: fixed; }

#lightnovel-series { margin: auto; width: 90%; }
#lightnovel-series img { -webkit-box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.75);
box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.75); }

#white-box { max-width: 100%; margin: -5px auto 25px auto; background: #FFFFFF; padding-bottom: 5px; }
#white-box h4 { width: 85%; margin: 10px auto 20px auto; padding: 25px 25px 15px 25px; text-align: center; font-size: 1.85em; color: #bb6790; border-bottom: 3px solid #bb6790; }

#white-box-inner { padding: 20px 60px 40px 60px; }
#white-box-right { width: 30%; float: right; margin: 20px 50px 0 0; }
#white-box-left { width: 60%; float: left; margin-left: 25px; }

#orange-box { max-width: 100%; min-height: 135px; margin: -5px auto 20px auto; background: #ff9a50; padding: 10px 10px 10px 20px; color: #FFFFFF; font-size: 1.15em; }
#orange-box .feather { margin-right: 20px; float: left; }

#LN-line { text-transform: uppercase; }

#white-box .series-volume { width: 20%; }

#footer-LN {
	clear: both; margin: 25px auto 25px auto; text-align: center;
	color: #000000; width: 100%; height: 15px; }
#footer-LN a { color: #bb6790; }



#HW-block { background: #ffb300; border: 1px solid #CECECE; text-transform: uppercase; margin: 0 0 5px 0!important; }
#HW-block a { color: #FFFFFF; }
#HW-block a:hover { color: #FFFFFF; }

#SS-block { background: #372f72; border: 1px solid #CECECE; text-transform: uppercase; margin: 0 0 5px 0!important; }
#SS-block a { color: #FFFFFF; }
#SS-block a:hover { color: #FFFFFF; }

#danmei-block { background: #48c2c5; border: 1px solid #CECECE; text-transform: uppercase; margin: 0 0 5px 0!important; }
#danmei-block a { color: #FFFFFF; }
#danmei-block a:hover { color: #FFFFFF; }


/*----- News Post -----*/

#post-img { float: left; margin: 0 15px 10px 0; }
h3#news { font-size: 22px; margin: 10px 0 10px 0; line-height: 24px; }
.meta { margin:0 0 10px 0; padding-bottom: 13px; }
#front-slim { height: 1px; border: 0; background: #CECECE; width: 70%; margin: -5px auto 0 auto; }
#frontpage-thumb { float: left; margin: 0 15px 15px 0; }
#frontpage-thumb img { width: 140px; height: auto; }
.postmetadata { margin-bottom: 15px; }

#frontpage-releases { max-width: 100%; height: auto; display: block; }
#frontpage-releases #book { width: 16%; height: auto; float: left; margin-right: 3px; }
#frontpage-releases #book img { max-width: 100%; height: auto; opacity: .9; }
#frontpage-releases #book img:hover { opacity: 1; }

.navigation { font-size: 18px; font-weight: bold; }

/*----- Series Index -----*/

#series-block { }

#series-index #series-rec { display: none; } 
#series { width: 134px; height: 160px; float: left; margin: 0 15px 15px 15px; }
#series-index-img { width: 134px; height: 89px; background: #CECECE; margin-bottom: 5px; }
#series:hover a { color: #f69534!important; }
#series img { width: 134px; height: 89px; }
#series h3 { text-align: center; font-size: 12px; margin: 0; line-height: 12px; font-family: 'Open Sans', sans-serif; font-weight: bold; }

#series-meta .age-rating { font-weight: bold; text-align: center; max-width: 100%; padding: 5px; margin: 0 0 10px 0; color: #FFFFFF; }

#series-meta #allages { background: #0ba80b; border: 1px solid #CECECE; }
#series-meta #allages:after { content:"ALL AGES"; }

#series-meta #tenplus { background: #0398b6; border: 1px solid #CECECE; }
#series-meta #tenplus:after { content:"AGES 10+"; }

#series-meta #teen { background: #0092ef; border: 1px solid #CECECE; }
#series-meta #teen:after { content:"TEEN"; }

#series-meta #olderteen15 { background: #e5a700; border: 1px solid #CECECE; }
#series-meta #olderteen15:after { content:"OLDER TEEN (15+)"; }

#series-meta #olderteen17 { background: #e55c00; border: 1px solid #CECECE; }
#series-meta #olderteen17:after { content:"OLDER TEEN (17+)"; }

#series-meta #forreaders17 { background: #e55c00; border: 1px solid #CECECE; }
#series-meta #forreaders17:after { content:"FOR READERS 17+"; }

#series-meta #olderteen { background: #e55c00; border: 1px solid #CECECE; }
#series-meta #olderteen:after { content:"OLDER TEEN"; }

#series-meta #mature { background: #ea0000; border: 1px solid #CECECE; }
#series-meta #mature:after { content:"MATURE"; }

#sidebar #series { margin: 0 13px 0 3px; }

.subhead-links { text-align: center; margin-bottom: 35px; padding-top: 3px; font-weight: bold; }
.subhead-links a { font-weight: bold; color: #FFFFFF; background-color: #f69534; padding: 5px 20px 5px 20px; width: 15%; display: inline-block; margin-bottom: 15px; }
.subhead-links a:hover { color: #FFFFFF; }

.subhead-links #no-link a { color: #000000; background-color: #FFFFFF; text-align: right; }
.subhead-links #youarehere a { color: #FFFFFF; background-color: #CECECE; padding: }
.subhead-links #links-ghostship a { color: #FFFFFF; background-color: #2f2f2f; }
.subhead-links #links-airship a { color: #FFFFFF; background-color: #d3aacb; }
.subhead-links #links-hiveworks a { color: #FFFFFF; background-color: #ffb300; }
.subhead-links #links-danmei a { color: #FFFFFF; background-color: #48c2c5; }
.subhead-links #links-steamship a { color: #FFFFFF; background-color: #372f72; }

.footer-link { float: right; clear: both; font-weight: bold; font-size: 16px; }

#gray-subtitle { font-size: 12px; color: #858585; text-align: right; padding-right: 10px; }

#post-2993 #single-book-retailers { display: none; }
#post-6859 #single-book-retailers { display: none; }
#post-6882 #single-book-retailers { display: none; }
#post-6881 #single-book-retailers { display: none; }
#post-6878 #single-book-retailers { display: none; }
#post-6880 #single-book-retailers { display: none; }
#post-6879 #single-book-retailers { display: none; }
#post-6877 #single-book-retailers { display: none; }
#post-6876 #single-book-retailers { display: none; }
#post-6875 #single-book-retailers { display: none; }
#post-6874 #single-book-retailers { display: none; }
#post-6873 #single-book-retailers { display: none; }
#post-6872 #single-book-retailers { display: none; }
#post-5274 #single-book-retailers { display: none; }
#post-175 #series-meta { display: none; }

#post-2044 #single-book-retailers { display: none; }
#post-2045 #single-book-retailers { display: none; }
#post-2050 #single-book-retailers { display: none; }
#post-2054 #single-book-retailers { display: none; }
#post-2028 #single-book-retailers { display: none; }
#post-2029 #single-book-retailers { display: none; }
#post-2031 #single-book-retailers { display: none; }
#post-2033 #single-book-retailers { display: none; }
#post-1381 #single-book-retailers { display: none; }
#post-5274 #single-book-retailers { display: none; }
#post-1434 #single-book-retailers { display: none; }
#post-1435 #single-book-retailers { display: none; }

#post-4571 #single-book-retailers-digital { display: none; }
#post-4572 #single-book-retailers-digital { display: none; }
#post-1436 #single-book-retailers-print { display: none; }
#post-1437 #single-book-retailers-print { display: none; }
#post-1438 #single-book-retailers-print { display: none; }
#post-5307 #single-book-retailers-print { display: none; }
#post-5304 #single-book-retailers-print { display: none; }
#post-1439 #single-book-retailers-print { display: none; }

#post-1432 #single-book-retailers-print { display: none; }
#post-1433 #single-book-retailers-print { display: none; }
#post-10654 #single-book-retailers-print { display: none; }

  .parent { margin: auto; width: 95%; }
  .box { display: inline; padding: 15px; }

#post-483 hr { width: 75%; background-color: #CECECE; margin: 25px auto 25px auto; }

/*----- Genre Index -----*/

.genres { list-style-type: none; float: left; margin: 10px; text-align: center; }
.genre-img { width: 180px; height: 100px; background: #CECECE; margin-bottom: 5px; }

.genres:hover a { color: #f69534!important; }
.genres h3 { text-align: center; font-family: OpenSans, sans-serif; font-weight: bold; font-size: 12px; margin: 0;  }

/*----- Creator Page -----*/

#creators-index { width: 134px; height: 135px; float: left; margin: 0 15px 15px 15px; }
#creators-index img { width: 134px; height: 90px; opacity: 0.85; }
#creators-index img:hover { opacity: 1; }
#creator-img { width: 134px; height: 90px; background: #CECECE; border: 2px solid #CECECE; margin-bottom: 5px; }
#creators-index h3 { text-align: center; font-size: 12px; margin: 0; }

#creatorimg { float: left; margin: 10px 10px 10px 0; }
#creatorimg img { max-width: 250px; }

.creator:first-child { margin-left: -.4em; }
.creator:empty { display: none; }
.creator:not(:first-child):before { content: ", "; color: #FFFFFF; }

/*----- Table Sorting -----*/

#releasedates { width: 100%; margin: auto; border-spacing: 5px; }
#releasedates td { margin: 5px; padding: 5px; }
#releasedates tr:nth-child(even) { background-color: #e1e1e1; }
#releasedates .header { background: #f58020; font-weight: bold; color: #FFFFFF; width: 100%; }
#releasedates .date { padding: 5px; width: 110px; }
#releasedates .title { padding: 5px; width: 302px; }
#releasedates .format { padding: 5px; width: 50px; text-align: center; }
#releasedates .ISBN { padding: 5px; width: 130px; text-align: center; }
#releasedates #volumes td { padding: 0 0 5px 0; }

#listview { width: 100%; margin: auto; border-spacing: 5px; }
#listview td { margin: 5px; padding: 5px; }
#listview tr:nth-child(even) { background-color: #e1e1e1; }
#listview .header { background: #f58020; font-weight: bold; color: #FFFFFF; }
#listview .agerating-td { padding: 5px; width: 20%; }
#listview .status { padding: 5px; width: 20%; }
#listview .title { padding: 5px; width: 65%; }

#listview #allages:after { content:"ALL AGES"; }
#listview #tenplus:after { content:"AGES 10+"; }
#listview #teen:after { content:"TEEN"; }
#listview #olderteen15:after { content:"OLDER TEEN (15+)"; }
#listview #olderteen17:after { content:"OLDER TEEN (17+)"; }
#listview #olderteen:after { content:"OLDER TEEN"; }
#listview #forreaders17:after { content:"FOR READERS 17+"; }
#listview #mature:after { content:"MATURE"; }


/*----- Series Page -----*/

#originaltitle { }
#series-volume img { border: 1px solid #CECECE; }
#series-call { margin: 0 0 5px 10px; float: right; }
#series-call a { font-weight: bold; font-size: 16px; }
#series-img { max-width: 100%; height: auto; margin: 15px auto 15px auto; text-align: center; }
#series-img img { width: 100%; border: 1px solid #CECECE; }
#series-meta { padding: 0 10px 10px 0; float: left; display: block; min-height: 225px; margin: 0 15px 10px 0; border-right: 2px solid #CECECE; width: 200px; }
#copyright { color: #a8a8a8; font-size: 12px; font-style: oblique; margin-bottom: 10px; }
.series-volume { width: 16%; min-height: 375px; float: left; font-size: 11px; margin: 0 10px 20px 20px; display: block;
line-height: 130%; }
.series-volume h3 { font-weight: bold; margin: 0; font-size: 14px; color: #1A5589; font-family: 'Open Sans', sans-serif; }


/*----- Menu Outline -----*/
.series-volume .menu-wrap { max-width:100%; }
.series-volume .menu { height: 28px!important; margin: 0 auto 10px auto; font-size: 14px; background:#f58020; padding: 0 0 0 6px; }
.series-volume .menu .retailers { margin-top: -7px!important; }
.series-volume .menu li { margin:0px; color: #FFFFFF; font-weight: bold; list-style:none; cursor: pointer; cursor: hand; }
.series-volume .menu a {transition:all linear 0.15s; color:#ffffff; }
.series-volume .menu li:hover > a, .menu .current-item > a { text-decoration:none; color:#ffffff; }
.series-volume .menu .arrow { font-size:11px; line-height:0%; }
ul, menu, dir {-webkit-padding-start: 0px;}

/*----- Top Level -----*/
.series-volume .menu > ul > li { float:left; display:inline-block; position:relative; }
.series-volume .menu > ul > li > a { padding:0px; display:inline-block; }
.series-volume .menu > ul > li:hover > a, .menu > ul > .current-item > a { }
 
/*----- Bottom Level -----*/
.series-volume .menu li:hover .sub-menu { z-index:1; opacity:1; }
.series-volume .sub-menu { width:135px; padding: 0; position:absolute; margin: 0 0 0 -6px; top:100%; left:0px; z-index:-1; opacity:0; transition:opacity linear 0.15s; background:#f58020; }
.series-volume .sub-menu li { display:block; }
.series-volume .sub-menu li a { padding:5px 10px; font-weight: normal; line-height: 150%; display:block; font-size: 13px; }
.series-volume .sub-menu li a:hover, .sub-menu .current-item a { background:#f69534; font-weight: normal; line-height: 150%; font-size: 13px; }


/*----- Book Index -----*/

#volume-cover { float: left; max-width: 100%; margin: 0 20px 15px 0; }
#volume-cover img { outline: 1px solid #CECECE; }
#volume-meta { }
#volume-meta p { margin-top: 0; }

#volume-cover .age-rating { font-weight: bold; text-align: center; max-width: 100%; padding: 5px; margin: 0 0 10px 0;  color: #FFFFFF; }

#volume-cover #allages { background: #8cc75f; border: 1px solid #CECECE; }
#volume-cover #allages:after { content:"ALL AGES"; }

#volume-cover #teen { background: #76b8e4; border: 1px solid #CECECE; }
#volume-cover #teen:after { content:"TEEN (13+)"; }

#volume-cover #olderteen { background: #f29440; border: 1px solid #CECECE; }
#volume-cover #olderteen:after { content:"OLDER TEEN"; }

#volume-cover #olderteen15 { background: #e5a700; border: 1px solid #CECECE; }
#volume-cover #olderteen15:after { content:"OLDER TEEN (15+)"; }

#volume-cover #olderteen17 { background: #e55c00; border: 1px solid #CECECE; }
#volume-cover #olderteen17:after { content:"OLDER TEEN (17+)"; }

#volume-cover #forreaders17 { background: #e55c00; border: 1px solid #CECECE; }
#volume-cover #forreaders17:after { content:"FOR READERS 17+"; }

#volume-cover #mature { background: #da1c33; border: 1px solid #CECECE; color: #FFFFFF; }
#volume-cover #mature:after { content:"MATURE"; }

#volume-cover #tenplus { background: #95d7e7; border: 1px solid #CECECE; }
#volume-cover #tenplus:after { content:"AGES 10+"; }


/* Clearfix */	
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
.clearfix:after { display:block; clear:both; }

#footer {
	clear: both; margin: 35px auto 25px auto; 
	text-align: left; 
	padding: 10px;
	color: #000000;
	width: 80%;
}

#footer a { padding: 25px; }

@media (max-width:1280px) {
.topnav a { padding: auto 20px }
#sidebar { margin-top: 0px; width: 22%; }
	img { max-width: 100%; height: auto!important; }
}

@media (max-width:1200px) {
	body { overflow-x: hidden; }
	img { max-width: 100%; height: auto!important; }
	
#mobile-menu { display: block; width: 80%; padding: 20px; margin: auto; }
#mobile-menu select { font-size: 16px; margin: auto; text-align: center; display: inline-block; box-sizing: border-box;
    border: 2px solid #ccc; padding: 7px; 
    border-radius: 4px!important;
    font-size: 14px; }
.topnav { display: none; }
#grad { display: none; }

.SS-meta { font-size: 1.25em; }
#volume-cover { float: none; margin: auto; text-align: center; }

#BG-nav { background-image: none!important; background: #FFFFFF; height: 125px; position: absolute; }
	.container { width: 98%; overflow: hidden; }
	
h1 { float: none; width: 95%; text-align: center; margin: 0 auto; padding: 0; line-height: 1em; font-size: 2.5em; }
h2 { max-width: 90%; margin: 0 0 5% 5%; font-size: 12px; }
.topper { font-size: 2em; line-height: 1.25em; color: #2b9cde; }
.container { margin-top: -55px; }
#logo { display: none; }
#header-bar { padding-bottom: 25px; }
#mobile-menu { float: none; display: block; margin-bottom: 20px; }
#mobile-menu select { width: 100%; margin: 15px auto 35px auto; }
#header-bar { background: #FFFFFF; margin-top: 0; }

.SS-meta { text-align: center; }
.company { margin: 0 auto 0 auto; float: none; }

#frontpage-thumb { float: none; }
#post-img { float: none; }

#mobile-hide { display: none!important; }
#facebook { display: none!important; }

#sidebar { float: none; width: 90%; margin: 20px auto 5px auto; }
#sidebar-GS { float: none; width: 90%; margin: 20px auto 5px auto; }
#content { float: none; width: 90%; margin: auto; }

#series { margin: 0 5px 15px 0; }
#series-meta { border: 0; clear: both; }
#series-rec { margin-bottom: 25px; }
#series-rec #series { margin-bottom: 10px; }
.series-volume { width: 85%; min-height: 210px; margin: 0 auto 25px auto; }

.wp-block-image .alignleft { float: none!important; }

#network-bar { display: none; }

#white-box-right { width: 80%; float: none; margin: auto; }
#white-box-left { width: 80%; float: none; margin: auto; }

	#footer-links { display: none;}

#orange-box .feather { margin-right: 20px; float: none; }

}