/*
	Theme Name:   shapeSpace
	Theme URI:    https://shapespace.io/
	Description:  WordPress Theme Template
	Author:       Jeff Starr
	Author URI:   https://monzillamedia.com/
	Version:      2.7
	Requires PHP: 5.6
	Tested up to: 6.1
	License:      GNU General Public License v3 or later
	License URI:  https://www.gnu.org/licenses/gpl-3.0.html
	Tags:         one-column, two-columns, threaded-comments, post-formats, full-width-template, featured-images, editor-style, custom-menu
	Text Domain:  shapespace
	Domain Path:  /languages
	Copyright:    2011-2023 Monzilla Media
*/

/*  Base */

html { margin: 0; padding: 0; overflow-y: scroll; }
body { 
	margin: 0; padding: 0; color: #464646; 
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; 
	}

.box  { box-sizing: border-box; width: 100%; overflow: hidden; }
.wrap { box-sizing: border-box; width: 100%; overflow: hidden; max-width: 960px; margin: 0 auto; padding: 20px 10px; }

/*
	
	2 columns
	
	<div class="cols">		
		<div class="cols-2"></div>
		<div class="cols-2"></div>		
	</div>
	
	3 columns
	
	<div class="cols">		
		<div class="cols-3"></div>
		<div class="cols-3"></div>
		<div class="cols-3"></div>			
	</div>
	
	4 columns
	
	<div class="cols">		
		<div class="cols-4"></div>
		<div class="cols-4"></div>
		<div class="cols-4"></div>
		<div class="cols-4"></div>		
	</div>

*/

.cols { width: 100%; overflow: hidden; }
.cols-2, .cols-3, .cols-4 { box-sizing: border-box; float: left; padding: 20px; }
.cols-2 { width: 50%; }
.cols-3 { width: 33.333%; }
.cols-4 { width: 25%; }

@media (max-width: 980px) {
	
	.cols-2, .cols-3, .cols-4 { width: 100%; float: none; }
	
}



/* Clearing */

.clear:before,
.clear:after { content: ''; display: table; }
.clear:after { clear: both; }



/* Effects */

.shdw1 { -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5); box-shadow: 0 0 10px 0 rgba(0,0,0,0.5); } /* both thin */
.shdw2 { -webkit-box-shadow: 0 0 16px 0 rgba(0,0,0,0.9); -moz-box-shadow: 0 0 16px 0 rgba(0,0,0,0.9); box-shadow: 0 0 16px 0 rgba(0,0,0,0.9); } /* both thick */
.shdw3 { -webkit-box-shadow: 0 3px 5px  rgba(0,0,0,0.3); -moz-box-shadow: 0 3px 5px  rgba(0,0,0,0.3); box-shadow: 0 3px 5px  rgba(0,0,0,0.3); } /* bottom thin */



/* Elements */

h1, h2, h3, h4, h5, h6 {}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }

table { border-collapse: separate; border-spacing: 0; table-layout: fixed; width: 100%; }

sup { display: inline-block; padding: 0 3px 3px 3px; line-height: 0; font-size: 10px; color: #777; }
del { opacity: 0.8; text-decoration: line-through; }
ins { text-decoration: underline; }

address { font-style: italic; }
hr { border: 0; height: 1px; margin: 40px 0; }
abbr[title], acronym[title], cite[title], time[title] { cursor: help !important; border-bottom: 1px dotted #777 !important; text-decoration: none !important; }

blockquote { margin: 30px 60px; padding: 0; }
blockquote p { font: bold italic 16px/24px Georgia, serif; color: #777; }

pre, code { color: #777; white-space: pre; font-family: Consolas, Monaco, monospace; }
pre { max-width: 100%; overflow-x: auto; overflow-y: hidden; margin: 20px 0; padding: 10px; }

li > ul, li > ol { margin-bottom: 0; }

a { color: #21759b; text-decoration: none; background-color: transparent; }
a:hover, a:focus, a:active {}
a:hover, a:active { outline: none; }
a:focus { outline: 1px dotted; }

img { display: inline-block; height: auto; max-width: 100%; vertical-align: middle; border: 0; }
a img { display: block; }

embed, iframe, object, video { max-width: 100%; vertical-align: middle; }
audio, canvas, progress { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
svg:not(:root) { overflow: hidden; }



/* Header */

.header {}
.header .wrap {}
.header-menu { margin: 40px 0 0 0; }
.header-menu ul { margin: 0; padding: 0; }
.header-menu li { display: inline-block; margin: 0 10px 0 0; }
.header-menu a { display: inline-block; padding: 10px; }



/* Content */

.content-main { box-sizing: border-box; width: 620px; padding: 10px; float: left; margin: 0 0 20px 0; }
.content-side { box-sizing: border-box; width: 310px; padding: 10px; float: right; margin: 0; }
.content-post { width: auto; overflow: hidden; word-wrap: break-word; }
.content-post:last-child { margin-bottom: 20px; }

@media (max-width: 980px) {
	
	.content-main { width: 100%; }
	.content-side { width: 100%; }
	
}



/* Posts */

.post-author {}
.post-thumbnail a { display: block; margin: 20px 0 0 0; }
.content-post:first-child .post-thumbnail a { margin: 0; }
.post-sticky { font-style: italic; }
.post-meta { width: auto; overflow: hidden; clear: both; margin: 40px 0; }



/* Sidebar */

.widget:last-child { margin-bottom: 20px; }
.tagcloud { padding: 0 0 20px 0; }



/* Comments */

.comments { box-sizing: border-box; padding: 10px; margin: 40px 0 0 0; }
.comments-list { list-style: none; margin: 0; padding: 0; }
.comments-list .comment { margin: 10px 0; padding: 10px; }
.children { list-style: none; }

.comment-text ul, .comment-text ol { width: auto; overflow: hidden; }
.comment-meta, .comment-reply, .comment-notes, .logged-in-as { font-size: 90%; }
.required { color: #cc0000; }
.avatar { 
	float: left; width: 72px; height: 72px; margin: 0 20px 20px 0; 
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.3); -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.3); box-shadow: 0 3px 5px rgba(0,0,0,0.3);
	}

.comment-form p { margin: 10px 0; }
.comment-form .comment-notes { margin: 20px 0; }
.comment-form label, .comment-form input[type='email'], .comment-form input[type='text'], .comment-form input[type='url'], .comment-form textarea { box-sizing: border-box; display: block; width: 70%; font-size: 14px; }
.comment-form input, .comment-form textarea { padding: 5px; }
.comment-form textarea { width: 90%; }
.comment-form label { margin: 0 0 2px 0; }
.depth-2 .comment-respond { margin: 0 0 20px 0; }



/* Footer */

.footer {}
.footer .wrap {}
.footer-credits {}
.footer-credits .fa { margin: 0 0 0 5px; }
.footer-credits .fa:first-child { margin: 0; }



/* Navigation */

.nav-archive, .nav-attachment { margin: 40px 0 0 0; }
.nav-prev, .nav-next, .nav-paged, .nav-parent { display: inline-block; margin: 0 10px 0 0; }
.nav-prev a, .nav-next a, .nav-paged a, .nav-paged span, .nav-parent a { display: inline-block; padding: 10px; }

.nav-comments { margin: 40px 0; }
.nav-comments a, .nav-comments span { display: inline-block; padding: 10px; }
.nav-comments .prev { margin: 0 10px 0 0; }
.nav-comments .next { margin: 0 0 0 10px; }



/* Archives */

.archive-view { margin: 20px 0; }
.archive-view h2 {}
.archive-view p {}
.archive-page { margin: 20px 0; }

.archive-view-author { width: auto; overflow: hidden; margin: 0 0 20px 0; padding: 10px 0; }
.archive-view-author h2 { margin: 10px 0 20px 0; font-size: 120%; font-weight: bold; }
.archive-view-author p {}
.archive-view-author ul { width: auto; overflow: hidden; }



/* Author */

.author-info { width: auto; overflow: hidden; margin: 40px 0; }
.author-avatar {}
.author-description {}
.author-description h3 { margin-top: 10px; }
.author-description h4 { margin: 10px 0; }
.author-description p {}

.author-list {}



/* Search */

.search-form { margin: 20px 0; }
.search-label { display: none; }
.search-input { display: block; width: 70%; max-width: 300px; padding: 5px; }
.search-submit { display: none; }
.search-results-list { margin: 40px 0; }


/* Attachments */

.attachment-meta { margin: 40px 0 0 0; }
.attachment-large { margin: 10px 0; }
.attachment-downloads {}
.attachment-url {}



/* Scroll Top */

.top { 
	position: fixed; z-index: 999; bottom: 20px; right: 20px; width: 40px; height: 40px; 
	font-size: 16px; font-weight: 700; line-height: 40px; text-align: center; text-transform: uppercase;
	border: 0; border-radius: 40px; color: #000; background-color: #fff; opacity: 0.3; cursor: pointer;
	}
.top:hover { border: 0; opacity: 1.0; }



/* Mobile Menu */

.header-select { display: none; }

@media (max-width: 980px) {
	
	.header-menu ul { display: none; } 
	.header-select { display: inline-block; }
	
}



/* Front Page */

.front-page-template { text-align: center; }
.front-page-template .cols ul { text-align: left; }

.nav-main { position: fixed; top: 0; z-index: 9999; width: 100%; height: 32px; line-height: 32px; font-size: 13px; background-color: #000; background-color: rgba(0,0,0,0.7); }
.nav-main ul { height: 100%; margin: 0; padding: 0; }
.nav-main li { height: 100%; display: inline-block; margin: 0; padding: 0; }
.nav-main a  { height: 100%; display: inline-block; padding: 0 10px; color: #eee; text-decoration: none; }
.nav-main a:hover, nav .current { background-color: #222; background-color: rgba(255,255,255,0.1); }
.nav-main a:active { background-color: #21759b; }

.nav-main-select { display: none; }

@media (max-width: 980px) {
	
	.nav-main-menu { display: none; } 
	.nav-main-select { display: inline-block; position: relative; top: -1px; border-color: #777; }
	
}

.header-alt { height: 400px; background-image: url(img/bg-header-01.jpg); }
.header-alt .header-brand { margin: 100px 0 50px 0; }
.header-alt .header-button a { display: inline-block; padding: 20px 40px; color: #fff; background-color: #21759b; }

.section { position: relative; z-index: 10; padding: 20px 0 40px 0; }
.section-01 {}
.section-02 {}
.section-03 {}

.bg-full {
	background-position: center center; background-repeat: repeat; background-attachment: fixed; 
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; 
	}
	.safari .bg-full { background-attachment: scroll; }

@media (max-width: 850px) {
	
	.bg-full { background-attachment: scroll; }
	
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	
	.bg-full { background-attachment: scroll; }
	
}

.sep { position: relative; z-index: 1; height: 300px; text-align: center; }
.sep-text {
	position: absolute; top: 50%; width: 100%; font-size: 20px; text-transform: uppercase; color: #fff;
    -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%);
	}
.bg-sep-01 { background-image: url(img/bg-sep-01.jpg); }
.bg-sep-02 { background-image: url(img/bg-sep-02.jpg); }
.bg-sep-03 { background-image: url(img/bg-sep-03.jpg); }

.footer-alt { color: #ddd; background-image: url(img/bg-darker.png); text-align: center; }
.footer-alt a { color: #ddd; }



/* Placeholders */

::-webkit-input-placeholder {}
:-moz-placeholder {}
::-moz-placeholder {}
:-ms-input-placeholder {}



/* Text Select */

*::-webkit-selection { background-color: #21759b; color: #fff; text-shadow: none; }
*::-moz-selection    { background-color: #21759b; color: #fff; text-shadow: none; }
*::selection         { background-color: #21759b; color: #fff; text-shadow: none; }



/* WP Defaults */

.sticky {}
.wp-caption {}
.bypostauthor {}
.wp-caption-text {}
.custom-logo {}

.alignleft { float: left; margin: 5px 10px 10px 0; }
.alignright { float: right; margin: 5px 0 10px 10px; }
.aligncenter { clear: both; display: block; margin: 0 auto; }

.wp-smiley { border: 0; margin: 0; padding: 0; }

.screen-reader-text {
	position: absolute !important; height: 1px; width: 1px; overflow: hidden; 
	clip: rect(1px,1px,1px,1px); word-wrap: normal !important;
	}
.screen-reader-text.skip-link {
	/* sync with /wp-includes/css/admin-bar.css */
	top: -9999em; left: -9999em; padding: 15px 23px 14px; outline: none; border: 0; 
	color: #21759b; background-color: #f1f1f1; box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
	text-decoration: none; text-transform: none; font-size: 14px; font-weight: bold; 
	}
.screen-reader-text.skip-link:focus { 
	clip: auto; width: auto; height: auto; left: 6px; top: 7px; z-index: 100000; line-height: normal; 
	}
.logged-in .screen-reader-text.skip-link {
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
	}
	
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {}

.gallery-item { display: inline-block; width: 100%; max-width: 33.33%; padding: 0 1.1400652% 2.2801304%; text-align: center; vertical-align: top; }

.gallery-icon img { margin: 0 auto; }

.gallery-caption { display: block; padding-top: 10px; }

.gallery-columns-1 .gallery-item { max-width: 100%; }
.gallery-columns-2 .gallery-item { max-width: 50%; }
.gallery-columns-4 .gallery-item { max-width: 25%; }
.gallery-columns-5 .gallery-item { max-width: 20%; }
.gallery-columns-6 .gallery-item { max-width: 16.66%; }
.gallery-columns-7 .gallery-item { max-width: 14.28%; }
.gallery-columns-8 .gallery-item { max-width: 12.5%; }
.gallery-columns-9 .gallery-item { max-width: 11.11%; }

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption { display: none; }



/* Print */

@media print {
	
	form, button, input, select, textarea, .nav, .sidebar, .content-side, .post-meta, .comments { display: none; }
	.content-main { width: 100%; }
	
}



/* Layout Guides */

.ss                      { background-color: #fff; }
.ss .box                 { background-color: #eee; }
.ss .wrap                { background-color: #ddd; }
.ss .cols                {}
.ss .cols-2              {}
.ss .cols-3              {}
.ss .header              { background-color: #ccc; }
.ss .header .wrap        { background-color: #efefef; }
.ss .header-menu ul      { background-color: #dfdfdf; }
.ss .header-menu li      { background-color: #fff; }
.ss .content             { background-color: #bbb; }
.ss .content .wrap       { background-color: #dfdfdf; }
.ss .content-main        { background-color: #fff; }
.ss .content-side        { background-color: #fff; }
.ss .footer              { background-color: #ccc; }
.ss .footer .wrap        { background-color: #efefef; }
.ss .nav-post, 
.ss .nav-comments        { background-color: #ddd; }
.ss .nav-prev, 
.ss .nav-next, 
.ss .nav-paged,
.ss .nav-parent          { background-color: #fff; }
.ss .nav-prev a, 
.ss .nav-next a, 
.ss .nav-paged a,
.ss .nav-paged span,
.ss .nav-parent a,
.ss .nav-comments a,
.ss .nav-comments span   { background-color: #eee; }
.ss .comments            { background-color: #f9f9f9; }
.ss .comments-list       { background-color: #efefef; }
.ss .children            { background-color: #dfdfdf; }
.ss ul .children         { background-color: #ccc; }
.ss .archive-view-author { background-color: #eee; }



/* ALL YOUR CODE ARE BELONG TO POETRY */