/*   
Theme Name: ComicPress Amatum
Description: A mod of ComicPress for www.mare-amatum.com
Author: David Gräfrath
Template: comicpress
*/

@import url('https://fonts.googleapis.com/css?family=Alegreya+SC:400,700');

/*
	Scaffolding
*/
body {
	background-color: #031b49;
	background-image: url(images/bg.jpg);
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

a:link {
	color: #0080bb;
}

.menu ul li a:link,
.menu ul li a:visited,
.mininav-prev a,
.mininav-next a {
	color: #f1c347;
}

h1, h2, h3 {
	font-family: 'Alegreya SC', serif;
}

h4, h5, h6 {
	margin-top: 10px;
}

#header {
	width: 830px;
	height: 171px;
	background-image: url(images/header.png);
	background-position: center top;
	background-repeat: no-repeat;
}

#header a {
	display: block;
	width: 830px;
	height: 171px;
	padding: 0;
	text-indent: -9999px;
}

.header-info, .header-info h1 {
	padding: 0;
}

#menubar-wrapper {
	background-color: #0080bb;
	background-image: url(images/menubar.jpg);
	padding: 0 60px;
	font-family: 'Alegreya SC', serif;
	text-transform: none;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
}

#content-wrapper {
	background-color: #d7be96;
	background-image: url(images/content-bg.jpg);
	padding: 20px 60px 0 60px;
}

#footer {
    height: 89px;
    background-image: url(images/footer.png);
}

/*
	Font Helpers
*/
.ma-nice-font {
	font-family: 'Alegreya SC', serif;
}

.ma-nice-font-upper {
	text-transform: uppercase;
}

.ma-nice-font-thick {
	font-size: 18px;
	font-weight: bold;
}

/* The 'entry' class is required to make the selector more specific than the global anchor
style set by the parent theme. */
.entry a.ma-nice-font-black {
	color: #000 !important;
}

/*
	Spacers
*/
.ma-spacer-sm {
	margin: 10px 0;
}

.ma-spacer-md {
	margin: 20px 0;
}

.ma-spacer-lg {
	margin: 30px 0;
}

.ma-spacer-xl {
	margin: 40px 0;
}

.ma-spacer-spiral {
	background-image: url(images/spiral-left.png);
	background-position: center top;
	background-repeat: no-repeat;
	height: 26px;
}

.ma-spacer-spiral-half {
	background-image: url(images/spiral-left-half.png);
	background-position: center top;
	background-repeat: no-repeat;
	height: 13px;
}

/*
	Text Utilities
*/
.ma-text-hyphenation {
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
	    -ms-hyphens: auto;
	        hyphens: auto;
}

.ma-text-justify-left {
	text-align: justify;
	text-align-last: left;
}

.ma-text-justify-right {
	text-align: justify;
	text-align-last: right;
}

/*
	6 Column Grid
*/
.ma-grid-row {
	margin-left: -10px;
	margin-right: -10px;
	box-sizing: border-box;
}

.ma-grid-row::after {
	content: '';
	display: table;
	clear: both;
}

.ma-grid-col-6,
.ma-grid-col-5,
.ma-grid-col-4,
.ma-grid-col-3,
.ma-grid-col-2,
.ma-grid-col-1 {
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	box-sizing: border-box;
}

.ma-grid-col-6 {
	width: 100%;
}

.ma-grid-col-5 {
	width: 83.33333333%;
}

.ma-grid-col-4 {
	width: 66.66666667%;
}

.ma-grid-col-3 {
	width: 50%;
}

.ma-grid-col-2 {
	width: 33.33333333%;
}

.ma-grid-col-1 {
	width: 16.66666667%;
}

.ma-grid-col-offset-6 {
	margin-left: 100%;
}

.ma-grid-col-offset-5 {
	margin-left: 83.33333333%;
}

.ma-grid-col-offset-4 {
	margin-left: 66.66666667%;
}

.ma-grid-col-offset-3 {
	margin-left: 50%;
}

.ma-grid-col-offset-2 {
	margin-left: 33.33333333%;
}

.ma-grid-col-offset-1 {
	margin-left: 16.66666667%;
}

/*
	Social Media Buttons
	
	Source: https://colorlib.com/wp/free-flat-social-media-icons-sets/
*/
.menunav-social {
	width: 24px;
	height: 24px;
	background-size: 24px;
	margin: 3px;
}

.menunav-social:hover {
	background-position: 0;
}

.menunav-deviantart {
	background-image: url(images/social-1_logo-deviantart.mod-094561.svg);
}

.menunav-facebook {
	background-image: url(images/social-1_logo-facebook.mod-094561.svg);
}

.menunav-instagram {
	background-image: url(images/social-1_logo-instagram.mod-094561.svg);
}

.menunav-tumblr {
	background-image: url(images/social-1_logo-tumblr.mod-094561.svg);
}

.menunav-twitter {
	background-image: url(images/social-1_logo-twitter.mod-094561.svg);
}

.menunav-rss2 {
	background-image: url(images/social-1_logo-rss.mod-094561.svg);
}

/*
	Posts
*/
.post-info {
	text-align: center;
}

/*
	Static Pages
*/
.page-template-default article.page h2,
.page-template-default article.page h3 {
    text-transform: uppercase;
}

.page-template-default article.page h2 {
	margin: 20px 0 10px 0;
}

.page-template-default article.page h2.page-title {
    font-size: 34px;
    margin: 0;
	text-align: center;
    opacity: 0.85;
}

.page-template-default article.page h2.page-title::before {
    content: url(images/spiral-left.png);
    vertical-align: -12%;
}

.page-template-default article.page h2.page-title::after {
    content: url(images/spiral-right.png);
    vertical-align: -12%;
}

/*
	Artwork Thumb Grid
*/
.ma-thumb-grid {
    text-align: center;
}

.ma-thumb-grid-floating {
    width: 728px;
    margin: 0 auto;
    text-align: center;
}

.ma-thumb-grid-floating > img {
    display: block;
    float: left;
    width: 100px;
    height: 120px;
    margin: 2px;
}

.ma-thumb-grid-floating::after {
    content: '';
    display: table;
    clear: both;
}

/*
	Dirty Hacks
*/
body.archive #comic-wrap {
    display: none;
}