/*!
Theme Name: standalone
Theme URI: http://standalonecomics.com/
Author: Jeremy Tani
Author URI: https://jeremytani.com/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: standalone
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

standalone is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/


/* ============================== 
BOOTSTRAP OVERRIDES
============================== */
.container-fluid{
	margin:0 auto;
	padding:0;
	width:calc(100% - 60px);
}

.row{
	padding-left:0;
	padding-right:0;
}

/* ============================== 
STYLE MIN OVERRIDES
============================== */
.wp-block-image{
	margin:0;
}

.wp-block-gallery .blocks-gallery-image figcaption, 
.wp-block-gallery .blocks-gallery-item figcaption{
	background:none;
	display:none;
	padding:0;
	pointer-events:none;
}

.page-posts #posts .row li.blocks-gallery-item,
#default .row li.blocks-gallery-item{
	display:inline-block;
	margin-top:0;
	margin-bottom:12px;
	padding:0;
}

.mfp-content figcaption{
	display:block;
}

/* ============================== 
GENERAL
============================== */
html,body{
	font-family: agency-fb, sans-serif;
}

img{
	display:block;
}

iframe{
	border:none;
}

ul{
	padding:0;
}

ul li{
	list-style-type: none;
}

h1,
h2,
h3,
p{
	margin:0;
}

p{
	font-size:1.2em;
	letter-spacing:0.03em;
	line-height:1.2em;
}

h2 small{
	font-weight:400;
}

.max-width{
	padding-left:0;
	padding-right:0;
}
/* ============================== 
HEADER
============================== */
header .no-padding{
	padding-left:0;
	padding-right:0;
}

header .no-padding .row{
	margin-left:0;
	margin-right:0;
}

header .no-padding .image-container{
	padding-left:0;
	padding-right:0;
}

header .image-container img{
	width:100%;
}

header .header-rollover{
	left:0;
	opacity:0;
	position: absolute;
	top:0;
	transition:500ms opacity;
	z-index:1;
}

header .header-rollover.displayed{
	opacity:0;
}

header .header-rollover.onpage{
	opacity:1 !important;
	z-index:0 !important;

}

/* ============================== 
NAV
============================== */
nav{
	height:40px;
	margin-bottom:3px;
	overflow:hidden;
	position: absolute;
	width:100%;
	z-index:1;
}

nav.open{
	height:auto;
}


nav .row{
	background:black;
}

nav .toggle-mobile{
	background:black;
	cursor:pointer;
	display:block;
	height:40px;
	position: relative;
	top:0px;
	width:40px;
}

nav .toggle-mobile:before,
nav .toggle-mobile:after{
	background:white;
	content:'';
	height:1px;
	left:50%;
	position: absolute;
	top:50%;
	transform:translateX(-50%) translateY(-50%);
	width:20px;
}

nav .toggle-mobile:before{
	transform:translateX(-50%) translateY(-50%) rotate(90deg);
	transition:500ms transform;
}

nav.open .toggle-mobile:before{
	transform:translateX(-50%) translateY(-50%) rotate(0deg);
}


nav .toggle-mobile span{
	color:white;
	left:45px;
	position: absolute;
	top:50%;
	transform:translateY(-50%);
}

nav .nav-btn{
	background:black;
	color:white;
	cursor:pointer;
	display:block;
	font-size:1.5em;
	padding-bottom:0.4em;
	padding-top:0.4em;
	position: relative;
	text-align:left;
	text-transform: uppercase;
	width:100%;
}

nav .nav-btn span{
	pointer-events:none;
}

nav .nav-btn .subnav{
	margin-left:10px;
	margin-top:0.4em;
	overflow:hidden;
	text-align:left;
	transition:500ms max-height;
	width:calc(100% - 10px);
}

nav .nav-btn .subnav.collapsed{
	margin-top:0;
}

nav .nav-btn:link,
nav .nav-btn:active,
nav .nav-btn:visited{
	color:white;
	margin-left:15px;
	text-decoration:none;
	width:calc(100% - 30px);
}

nav .nav-btn .subnav .btn:active,
nav .nav-btn .subnav .btn:link,
nav .nav-btn .subnav .btn:visited{
	background:#9dbfd8;
	border-bottom:2px solid #fff;
	color:white;
	display:block;
	font-size:0.9em;
	padding:0.3em 0.5em;
	text-decoration: none;
	text-transform: uppercase;
}

nav .nav-btn .subnav .btn:active,
nav .nav-btn .subnav .btn:link,
nav .nav-btn .subnav .btn:visited{
	background:#88bde5;
	padding: 0.3em 0.5em;
}


/* ============================== 
BODY CONTENT
============================== */
#page{
	margin-top:43px;
}

.site-content .row{
	background:black;
	color:white;
	padding-bottom:20px;
}

.site-content .content-container{
	display:block;
	position: relative;
	width:100%;
}

.site-content .content-container img{
	width:100%;
}

.subheader{
	display:block;
	margin-left: 20px;
	width:calc(100% - 40px);
}

.subheader h2{
	margin-bottom:0;
}


/* ============================== 
DEFAULT PAGE
============================== */
.page-template-default #default-page .row{
	padding:20px;

}

.page-template-default #default-page .row h3,
.page-template-default #default-page .row p{
	background:#111926;
	padding:10px;

}

.page-template-default #default-page .row ul{
	display:none;
	margin-bottom:2px;
	margin-top:2px;
	padding:0px;
}

.page-template-default #default-page .row .quarter.open .recent ul{
	display:block;
}

.page-template-default #default-page .row li{
	background:#111926;
	margin-bottom:2px;
	margin-top:2px;
	padding:10px 10px;
}

.page-template-default #default-page .row .motto{
	display:none;
}

.page-template-default #default-page .row .quarter.open .motto{
	display:block;
}

.page-template-default #default-page .content-container{
	display:flex;
	flex-wrap:wrap;
}

.page-template-default #default-page .row .quarter{
	display: block;
	margin-bottom:15px;
	margin-left:0px;
	order:1;
	vertical-align:top;
	width:100%;
}

.page-template-default #default-page .row .quarter #expand-btn{
	background:#111926;
	height:41px;
	position: absolute;
	left:0;
	top:0;
	width:40px;
}

.page-template-default #default-page .row .quarter #expand-btn:before,
.page-template-default #default-page .row .quarter #expand-btn:after{
	background:white;
	content:'';
	left:50%;
	height:1px;
	position:absolute;
	top:50%;
	width:20px;
}

.page-template-default #default-page .row .quarter #expand-btn:before{
	transform:translateX(-50%) translateY(-50%) rotate(90deg);
	transition:500ms transform;
}

.page-template-default #default-page .row .quarter .recent.open #expand-btn:before{
	transform:translateX(-50%) translateY(-50%);
	transition:500ms transform;
}

.page-template-default #default-page .row .quarter #expand-btn:after{
	transform:translateX(-50%) translateY(-50%);
}

.page-template-default #default-page .row .quarter .recent h3{
	margin-left:40px;
	width:calc(100% - 40px);
}

.page-template-default #default-page .row .quarter a,
.page-template-default #default-page .row .quarter a:active,
.page-template-default #default-page .row .quarter a:link,
.page-template-default #default-page .row .quarter a:visited{
	color:white;
}

.page-template-default #default-page .row .three-quarters{
	display: block;
	margin-left:0px;
	order:2;
	width:100%;
}


.page-template-default #default-page .row .three-quarters a,
.page-template-default #default-page .row .three-quarters a:active,
.page-template-default #default-page .row .three-quarters a:link,
.page-template-default #default-page .row .three-quarters a:visited{
	color:white;
}

.page-template-default #default-page .row .three-quarters .post-item{
	margin-top:15px;
}

.page-template-default #default-page .row .three-quarters .post-item:first-child{
	margin-top:0px;
}

.page-template-default #default-page .row .three-quarters .post-item .post-content{
	background:#3a424f;
	margin-top:2px;
	padding:10px;
}

.page-template-default #default-page .row .three-quarters .post-item .post-content h2{
	margin-bottom:10px;
}

.page-template-default #default-page .row .three-quarters .post-item .post-content p{
	background:none;
	padding:0;
}

.page-template-default #default-page .row .three-quarters .post-item p{
	padding:10px 10px;
}

.page-template-default #default-page .row .three-quarters .post-item .post-date p{
	background:#3a424f;
	color:#9ca0a9;
	padding:4px 10px;
}

.page-template-default #default-page .row .three-quarters .post-item .post-credits{
	background:#3a424f;
	margin-top:2px;
	padding:10px;
}

.page-template-default #default-page .row .three-quarters .post-item .post-credits p{
	background:none;
	font-size:1em;
	padding:0;
}

/* ============================== 
HOME
============================== */

.page-home .site-content .row{
	padding-bottom:0px;
}

.page-home .slide{
	border:none;
	position: relative;
	outline:none;
}

.page-home .slide .slide-bg{
	position: relative;
	width:170%;
}

.page-home .slide .info-box{
	height:auto;
	padding:10px;
	position:relative;
	right:auto;
	top:auto;
	width:100%;
}

.page-home .slide .info-box .relative-container{
	height:100%;
	position: relative;
	width:100%;
}

.page-home .slide .info-box .scroll-container{
	height:100%;
	overflow:auto;
	padding:10px;
}

.page-home .slide .info-box .background{
	height:100%;
	left:0;
	opacity:0.75;
	position: absolute;
	top:0;
	width:100%;
}

.page-home .slide .info-box .slide-title,
.page-home .slide .info-box .slide-authors,
.page-home .slide .info-box .slide-description{
	position: relative;
	z-index:1;
}

.page-home .slide .info-box .slide-description{
	margin-top:1em;
	text-align:justify;
}

.page-home .slide .info-box .slide-description p{
	margin-top:1em;
}

.page-home .slide .info-box .slide-description a:link,
.page-home .slide .info-box .slide-description a:visited,
.page-home .slide .info-box .slide-description a:active{
	color:#fff;
	display:inline-block;
	margin-top:1em;
}

.page-home .slick-arrow{
	background:none;
	border:none;
	color:white;
	cursor:pointer;
	font-size:3em;
	outline:none;
	position: absolute;
	top:25%;
	transform:translateY(-50%);
	transition:250ms transform, 250ms color, 250ms text-shadow;
	z-index:4;
}

.page-home .slick-arrow:hover{
	color:#ccc;
	text-shadow: 0px 0px 0px #000;
}

.page-home .slick-prev{
	left:0;
	text-shadow: 5px 0px 0px #000;
}

.page-home .slick-next{
	right:0;
	text-shadow: -5px 0px 0px #000;
}

/* ============================== 
COMICS
============================== */
.page-comics h1,
.page-comics h2,
.page-comics h3,
.page-comics p{
	margin:0;
}

.page-comics .comic-item{
	display: inline-block;
	width:100%;
}

.page-comics .comic-item .third{
	display:inline-block;
	padding:20px 20px 0 20px;
	position: relative;
	vertical-align: top;
	width:33%;
}

.page-comics .comic-item .third img{
	width:100%;
}

.page-comics .comic-item .two-thirds{
	display:inline-block;
	padding:20px 20px 0 0;
	position: relative;
	vertical-align: top;
	width:67%;
}

.page-comics .comic-item .two-thirds .comic-description{
	margin-top:15px;
	text-align:justify;
}

.page-comics .comic-item .two-thirds a:link,
.page-comics .comic-item .two-thirds a:active,
.page-comics .comic-item .two-thirds a:visited,
.page-comics .comic-item .two-thirds a:focus{
	color:white;
	display: inline-block;
	margin-top:1em;
}

/* ============================== 
COMIC PROJECT
============================== */
.post-template-wpb-single-post .info{
	padding:15px;
}

.post-template-wpb-single-post .site-content .row{
	width:calc(100% + 28px);	
}


/* ============================== 
CREATORS
============================== */
.page-creators .subheader{
	margin-top:4em;
	position: relative;
}
.page-creators .subheader:before{
	background:#fff;
	bottom:0;
	content:'';
	height:1px;
	left:0;
	position: absolute;
	width:100%;
}

.page-creators .row .creator-content{
	margin-top:40px;
}

.page-creators .row .creator-content:first-child{
	margin-top:20px;
}

.page-creators .row .creator-content:last-child{
	margin-bottom:15px;
}

.page-creators .row .creator-content a:link,
.page-creators .row .creator-content a:active,
.page-creators .row .creator-content a:visited{
	color:white;
	display:inline-block;
	position: relative;
	transition:250ms color;
}

.no-touchevents .page-creators .row .creator-content a:hover{
	color:#d4d4d4;
}

.page-creators .creator-info,
.page-creators .creator-photo{
	display: inline-block;
	vertical-align: top;
	width:calc(100% - 30px);
}

.page-creators .creator-photo{
	margin-left:15px;
	padding-top:100%;
}

.page-creators .creator-info{
	margin-left:15px;
	text-align:justify;
}

.page-creators .additional-creator{
	display:inline-block;
	width:calc(50% - 11px);
}

.page-creators .additional-creator .creator-info{
	max-width:800px;
	width:calc(100% - 40px);
}

.page-creators .creator-info p{
	margin-left:0;
	margin-top:1em;
}

.page-creators .creator-info .creator-name{
	margin-top:15px;
}

.page-creators .row .creator-content.quarter p{
	width:calc(100% - 10px);
}

/* ============================== 
CONTACT
============================== */
.page-contact #contact .row{
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
}

.page-contact #contact .row h3{
	font-size:1.5em;
	font-weight:100;
	margin-bottom:10px;
}

.page-contact #contact .row .quarter{
	background:#9dbfd8;
	display:inline-block;
	margin-bottom:20px;
	padding:10px;
	position: relative;
	text-align:justify;
	vertical-align: top;
	width:100%;
}

.page-contact #contact .row .quarter h3{
	text-align:left;
}

.page-contact #contact .row .three-quarters{
	background:#9dbfd8;
	display:inline-block;
	margin-left:0px;
	padding:10px;
	position: relative;
	text-align:justify;
	vertical-align: top;
	width:100%;
}

.page-contact #contact .row .three-quarters form{
	position: relative;
}

.page-contact #contact .row .three-quarters .error{
	color:#c52121;
	display:none;
	margin-bottom:10px;
}

.page-contact #contact .row .three-quarters .error.display{
	display: block;
}


.page-contact #contact .row .three-quarters #user_name,
.page-contact #contact .row .three-quarters #user_email,
.page-contact #contact .row .three-quarters #user_phone,
.page-contact #contact .row .three-quarters #user_message{
	border:none;
	font-size:16px;
	padding:8px 8px;
	margin-bottom:10px;
}

.page-contact #contact .row .three-quarters #user_name.error,
.page-contact #contact .row .three-quarters #user_email.error,
.page-contact #contact .row .three-quarters #user_phone.error,
.page-contact #contact .row .three-quarters #user_message.error{
	background:red;
}

.page-contact #contact .row .three-quarters input::placeholder,
.page-contact #contact .row .three-quarters #user_message::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #9dbfd8;
  opacity: 1; /* Firefox */
}

.page-contact #contact .row .three-quarters input:-ms-input-placeholder,
.page-contact #contact .row .three-quarters #user_message:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #9dbfd8;
}

.page-contact #contact .row .three-quarters input::-ms-input-placeholder,
.page-contact #contact .row .three-quarters #user_message::-ms-input-placeholder { /* Microsoft Edge */
  color: #9dbfd8;
}

.page-contact #contact .row .three-quarters #user_name,
.page-contact #contact .row .three-quarters #user_email{
	display: inline-block;
	width:calc(50% - 5px);
}

.page-contact #contact .row .three-quarters #user_email{
	margin-left: 10px;
}

.page-contact #contact .row .three-quarters #user_phone,
.page-contact #contact .row .three-quarters #user_message{
	width:100%;
}

.page-contact #contact .row .three-quarters #user_message{
	margin-bottom:0;
	min-height:8em;
}

.page-contact #contact .row .three-quarters #submit_btn{
	background:#66a6d6;
	border:none;
	color:white;
	margin-top:1em;
	padding:8px 16px;
	text-transform: uppercase;
	transition:250ms color, 250ms background;
}

.no-touchevents .page-contact #contact .row .three-quarters #submit_btn:hover{
	background:white;
	color:#66a6d6;
}


.page-contact #contact .row .three-quarters form .success_message,
.page-contact #contact .row .three-quarters form .unsuccess_message{
	background:rgba(255, 255, 255, 0.8);
	display:none;
	height:100%;
	left:0;
	position: absolute;
	top:0;
	width:100%;
}

.page-contact #contact .row .three-quarters form .success_message.display,
.page-contact #contact .row .three-quarters form .unsuccess_message.display{
	display:block;
}

.page-contact #contact .row .three-quarters form .success_message p,
.page-contact #contact .row .three-quarters form .unsuccess_message p{
	color:black;
	left:10px;
	position: absolute;
	text-align:center;
	top:50%;
	transform:translateY(-50%);
	width:calc(100% - 20px);
}


/* ============================== 
POSTS
============================== */
.page-posts #posts .row,
#default .row{
	padding:20px;

}

.page-posts #posts .row h3,
.page-posts #posts .row p,
#default .row h3,
#default .row p{
	background:#111926;
	padding:10px;

}

.page-posts #posts .row ul,
#default .row ul{
	display:none;
	margin-bottom:2px;
	margin-top:2px;
	padding:0px;
}

.page-posts #posts .row .quarter.open .recent ul,
#default .row .quarter.open .recent ul{
	display:block;
}

.page-posts #posts .row li,
#default .row li{
	background:#111926;
	margin-bottom:2px;
	margin-top:2px;
	padding:10px 10px;
}

.page-posts #posts .row .motto,
#default .row .motto{
	display:none;
	text-align:justify;
}

.page-posts #posts .row .quarter.open .motto,
#default .row .quarter.open .motto{
	display:block;
}

.page-posts #posts .content-container,
#default .content-container{
	display:flex;
	flex-wrap:wrap;
}

.page-posts #posts .row .quarter,
#default .row .quarter{
	display: block;
	margin-bottom:15px;
	margin-left:0px;
	order:1;
	vertical-align:top;
	width:100%;
}

.page-posts #posts .row .quarter #expand-btn,
#default .row .quarter #expand-btn{
	background:#111926;
	height:41px;
	position: absolute;
	left:0;
	top:0;
	width:40px;
}

.page-posts #posts .row .quarter #expand-btn:before,
.page-posts #posts .row .quarter #expand-btn:after,
#default .row .quarter #expand-btn:before,
#default .row .quarter #expand-btn:after{
	background:white;
	content:'';
	left:50%;
	height:1px;
	position:absolute;
	top:50%;
	width:20px;
}

.page-posts #posts .row .quarter #expand-btn:before,
#posts .row .quarter #expand-btn:before{
	transform:translateX(-50%) translateY(-50%) rotate(90deg);
	transition:500ms transform;
}

.page-posts #posts .row .quarter .recent.open #expand-btn:before,
#default .row .quarter .recent.open #expand-btn:before{
	transform:translateX(-50%) translateY(-50%);
	transition:500ms transform;
}

.page-posts #posts .row .quarter #expand-btn:after,
#default .row .quarter #expand-btn:after{
	transform:translateX(-50%) translateY(-50%);
}

.page-posts #posts .row .quarter .recent h3,
#default .row .quarter .recent h3{
	margin-left:40px;
	width:calc(100% - 40px);
}

.page-posts #posts .row .quarter a,
.page-posts #posts .row .quarter a:active,
.page-posts #posts .row .quarter a:link,
.page-posts #posts .row .quarter a:visited,
#default .row .quarter a,
#default .row .quarter a:active,
#default .row .quarter a:link,
#default .row .quarter a:visited{
	color:white;
}

.page-posts #posts .row .three-quarters,
#default .row .three-quarters{
	display: block;
	margin-left:0px;
	order:2;
	width:100%;
}


.page-posts #posts .row .three-quarters a,
.page-posts #posts .row .three-quarters a:active,
.page-posts #posts .row .three-quarters a:link,
.page-posts #posts .row .three-quarters a:visited,
#default .row .three-quarters a,
#default .row .three-quarters a:active,
#default .row .three-quarters a:link,
#default .row .three-quarters a:visited{
	color:white;
}

.page-posts #posts .row .three-quarters .post-item,
#default .row .three-quarters .post-item{
	margin-top:20px;
}

.page-posts #posts .row .three-quarters .post-item:first-child,
#default .row .three-quarters .post-item:first-child{
	margin-top:0px;
}

.page-posts #posts .row .three-quarters .post-item .post-content,
#default .row .three-quarters .post-item .post-content{
	background:#3a424f;
	margin-top:2px;
	padding:10px;
	text-align:justify;
}

.page-posts #posts .row .three-quarters .post-item .post-content h2,
#default .row .three-quarters .post-item .post-content h2{
	margin-bottom:10px;
}

.page-posts #posts .row .three-quarters .post-item .post-content p,
#default .row .three-quarters .post-item .post-content p{
	background:none;
	padding:0;
}

.page-posts #posts .row .three-quarters .post-item p,
#default .row .three-quarters .post-item p{
	padding:10px 10px;
}

.page-posts #posts .row .three-quarters .post-item .post-date p,
#default .row .three-quarters .post-item .post-date p{
	background:#3a424f;
	color:#9ca0a9;
	padding:4px 10px;
}

.page-posts #posts .row .three-quarters .post-item .post-credits,
#default .row .three-quarters .post-item .post-credits{
	background:#3a424f;
	margin-top:2px;
	padding:10px;
}

.page-posts #posts .row .three-quarters .post-item .post-credits p,
#default .row .three-quarters .post-item .post-credits p{
	background:none;
	font-size:1em;
	padding:0;
}

/* ============================== 
STORE
============================== */
.page-store #store .content-container .full-width{
	margin-left:20px;
	margin-top:20px;
	position: relative;
	width:calc(100% - 40px);
}


/* ============================== 
COMIC POST
============================== */
.comic-post .row{
	padding:20px;

}

.comic-post .row .description-text{
	margin:10px 0;
}

.comic-post .content-container{
	display:flex;
	flex-wrap:wrap;
}

.comic-post .content-container .comic-pages{
	font-size:0;
	margin-top:20px;
}

.comic-post .content-container .comic-page{
	display:inline-block;
	margin-left:12.5px;
	position: relative;
	vertical-align:middle;
	width:calc(20% - 10px);
}

.comic-post .content-container .comic-page:first-child{
	margin-left:0;
}

.comic-post .content-container .comic-page img{
	width:100%;
}



/* ============================== 
ARCHIVE
============================== */
.archive #category-page .row{
	padding:15px;

}

.archive #category-page .row h3,
.archive #category-page .row p{
	background:#111926;
	padding:10px;

}

.archive #category-page .row ul{
	display:none;
	margin-bottom:2px;
	margin-top:2px;
	padding:0px;
}

.archive #category-page .row .quarter.open .recent ul{
	display:block;
}

.archive #category-page .row li{
	background:#111926;
	margin-bottom:2px;
	margin-top:2px;
	padding:10px 10px;
}

.archive #category-page .row .motto{
	display:none;
}

.archive #category-page .row .quarter.open .motto{
	display:block;
}

.archive #category-page .content-container{
	display:flex;
	flex-wrap:wrap;
}

.archive #category-page .row .quarter{
	display: block;
	margin-bottom:15px;
	margin-left:0px;
	order:1;
	vertical-align:top;
	width:100%;
}

.archive #category-page .row .quarter #expand-btn{
	background:#111926;
	height:41px;
	position: absolute;
	left:0;
	top:0;
	width:40px;
}

.archive #category-page .row .quarter #expand-btn:before,
.archive #category-page .row .quarter #expand-btn:after{
	background:white;
	content:'';
	left:50%;
	height:1px;
	position:absolute;
	top:50%;
	width:20px;
}

.archive #category-page .row .quarter #expand-btn:before{
	transform:translateX(-50%) translateY(-50%) rotate(90deg);
	transition:500ms transform;
}

.archive #category-page .row .quarter .recent.open #expand-btn:before{
	transform:translateX(-50%) translateY(-50%);
	transition:500ms transform;
}

.archive #category-page .row .quarter #expand-btn:after{
	transform:translateX(-50%) translateY(-50%);
}

.archive #category-page .row .quarter .recent h3{
	margin-left:40px;
	width:calc(100% - 40px);
}

.archive #category-page .row .quarter a,
.archive #category-page .row .quarter a:active,
.archive #category-page .row .quarter a:link,
.archive #category-page .row .quarter a:visited{
	color:white;
}

.archive #category-page .row .three-quarters{
	display: block;
	margin-left:0px;
	order:2;
	width:100%;
}


.archive #category-page .row .three-quarters a,
.archive #category-page .row .three-quarters a:active,
.archive #category-page .row .three-quarters a:link,
.archive #category-page .row .three-quarters a:visited{
	color:white;
}

.archive #category-page .row .three-quarters .post-item{
	margin-top:15px;
}

.archive #category-page .row .three-quarters .post-item:first-child{
	margin-top:0px;
}

.archive #category-page .row .three-quarters .post-item .post-content{
	background:#3a424f;
	margin-top:2px;
	padding:10px;
}

.archive #category-page .row .three-quarters .post-item .post-content h2{
	margin-bottom:10px;
}

.archive #category-page .row .three-quarters .post-item .post-content p{
	background:none;
	padding:0;
}

.archive #category-page .row .three-quarters .post-item p{
	padding:10px 10px;
}

.archive #category-page .row .three-quarters .post-item .post-date p{
	background:#3a424f;
	color:#9ca0a9;
	padding:4px 10px;
}

.archive #category-page .row .three-quarters .post-item .post-credits{
	background:#3a424f;
	margin-top:2px;
	padding:10px;
}

.archive #category-page .row .three-quarters .post-item .post-credits p{
	background:none;
	font-size:1em;
	padding:0;
}



/* ============================== 
FOOTER
============================== */
footer{
	margin-top:3px;
}

footer p{
	font-size:0.8em;
	margin:0;
}

footer .row{
	background:black;
	color:white;
	padding:0.8em 1em;
}

@media (min-width:600px){
	.page-creators .creator-info,
	.page-creators .creator-photo{
		display: inline-block;
		vertical-align: top;
		width:calc(50% - 30px);
	}

	.page-creators .creator-photo{
		margin-left:20px;
		padding-top:50%;
	}

	.page-creators .creator-info{
		margin-left:20px;
	}

	.page-creators .creator-info .creator-name{
		margin-top:0;
	}

	.page-creators .row .creator-content.quarter{
		display: inline-block;
		position: relative;
		width:25%;
	}

	.page-creators .creator-content.quarter .creator-info{
		display: inline-block;
		vertical-align: top;
		width:calc(100% - 15px);
	}
}

@media (min-width:650px){
	.page-home .slick-arrow{
		top:50%;
	}
}

@media (min-width:768px){
	/* ============================== 
	HEADER
	============================== */
	header .header-rollover.displayed{
		opacity:1;
	}

	/* ============================== 
	NAVIGATION
	============================== */
	nav{
		height:auto;
		overflow:visible;
		position: relative;
	}

	nav .row{
		background:none;
	}


	nav .nav-btn:link,
	nav .nav-btn:active,
	nav .nav-btn:visited{
		color:white;
		display:inline-block;
		margin:0;
		max-height:1.8em;
		text-align:center;
		text-decoration:none;
		width:16.6%;
	}

	nav .nav-btn:last-child:link,
	nav .nav-btn:last-child:active,
	nav .nav-btn:last-child:visited{
		width:16.9%;
	}

	nav .nav-btn.selected,
	.no-touchevents nav .nav-btn:hover{
		background:#66a6d6;
	}

	nav .nav-btn .subnav,
	nav .nav-btn .subnav.collapsed{
		margin-top:0.4em;
	}

	nav .nav-btn .subnav{
		margin-left:0px;
		width:100%;
	}

	nav .subnav .btn,
	nav .subnav .btn:active{
		background:#66a6d6;
		border-bottom:1px solid white !important;
		font-size:0.8em !important;
		padding: 7px 2px 2px 5px !important;
	}

	.no-touchevents nav .subnav .btn:hover{
		background:#a6d5f9;
	}


	nav .nav-btn .subnav.collapsed{
		max-height:0 !important;
	}

	/* ============================== 
	PAGE
	============================== */
	#page{
		margin-top:0px;
	}

	/* ============================== 
	HOME
	============================== */
	.page-home .slide .info-box{
		height:calc(100% - 60px);
		position:absolute;
		right:30px;
		top:30px;
		width:33%;
	}

	.page-home .slide .slide-bg{
		margin:30px 30px;
		width:calc(100% - 60px);
	}

	/* ============================== 
	COMICS
	============================== */
	.page-comics .comic-item{
		margin-bottom:2em;
		width:50%;
	}

	/* ============================== 
	POSTS
	============================== */
	.page-template-default #default-page .content-container{
		display:block;
	}

	.page-template-default #default-page .row .quarter{
		display: inline-block;
		margin-bottom:0px;
		margin-left:15px;
		order:2;
		width:25%;

	}

	.page-template-default #default-page .row ul{
		display:block;
	}

	.page-template-default #default-page .row .motto{
		display:block;
	}

	.page-template-default #default-page .row .quarter .recent h3{
		margin-left:0px;
		width:100%;
	}

	.page-template-default #default-page .row .three-quarters{
		display: inline-block;
		margin-left:0px;
		order:1;
		width:calc(75% - 15px);
	}

	/* ============================== 
	CONTACT
	============================== */
	.page-contact #contact .row .quarter{
		display:inline-block;
		height:100%;
		width:calc(25% - 20px);
	}

	.page-contact #contact .row .three-quarters{
		margin-left:20px;
		width:75%;
	}

	/* ============================== 
	POSTS
	============================== */
	.page-posts #posts .content-container,
	#default .content-container{
		display:block;
	}

	.page-posts #posts .row .quarter,
	#default .row .quarter{
		display: inline-block;
		margin-bottom:0px;
		margin-left:20px;
		order:2;
		width:25%;

	}

	.page-posts #posts .row ul,
	#default .row ul{
		display:block;
	}

	.page-posts #posts .row .motto,
	#default .row .motto{
		display:block;
	}

	.page-posts #posts .row .quarter .recent h3,
	#default .row .quarter .recent h3{
		margin-left:0px;
		width:100%;
	}

	.page-posts #posts .row .three-quarters{
		display: inline-block;
		margin-left:0px;
		order:1;
		width:calc(75% - 20px);
	}
	#default .row .three-quarters{
		width:100%;
	}

	/* ============================== 
	POSTS
	============================== */
	.hashPosition{
		display:inline-block;
		transform:translateY(-30px);	
	}
	
	.comic-post .content-container{
		display:block;
	}

	.comic-post .row .quarter{
		display: inline-block;
		margin-bottom:0px;
		margin-left:15px;
		order:2;
		width:25%;

	}

	.comic-post .row ul{
		display:block;
	}

	.comic-post .row .motto{
		display:block;
	}

	.comic-post .row .quarter .recent h3{
		margin-left:0px;
		width:100%;
	}

	.comic-post .row .three-quarters{
		display: inline-block;
		margin-left:0px;
		order:1;
		width:calc(75% - 15px);
	}

	/* ============================== 
	ARCHIVE
	============================== */
	.archive #category-page .content-container{
		display:block;
	}

	.archive #category-page .row .quarter{
		display: inline-block;
		margin-bottom:0px;
		margin-left:15px;
		order:2;
		width:25%;

	}

	.archive #category-page .row ul{
		display:block;
	}

	.archive #category-page .row .motto{
		display:block;
	}

	.archive #category-page .row .quarter .recent h3{
		margin-left:0px;
		width:100%;
	}

	.archive #category-page .row .three-quarters{
		display: inline-block;
		margin-left:0px;
		order:1;
		width:calc(75% - 15px);
	}

	/* ============================== 
	FOOTER
	============================== */
	footer p{
		font-size:0.8em;
	}
}

@media (min-width:1200px){
	.container-fluid{
		max-width:1170px;
	}
}