@import url('https://fonts.googleapis.com/css?family=Fira+Sans');
/***********************************************************************************************************************
	* RESET
***********************************************************************************************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
/***********************************************************************************************************************
	* STANDARD
***********************************************************************************************************************/
.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left;margin:5px 20px 20px 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#eee;clip:auto!important;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
/***********************************************************************************************************************
	* MAIN.CSS
***********************************************************************************************************************/
body{
	font-family: 'Fira Sans', sans-serif;
	overflow-y: scroll;
	font-size: 1em;
	line-height: 1.5em;
}
p, ul, li{
	margin: .5em;
}
img{
	max-width: 100%;
	height: auto;
	padding: 0;
}
.based{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	padding-bottom: 2px;
}
strong{
	font-weight: bold;
}
.center{
	text-align: center;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.container{
	max-width: 1024px;
	margin: 0 auto;
}
body > main > article{
	font-size: 1.2em;
}
/***********************************************************************************************************************
	* COLORS
***********************************************************************************************************************/
.alt.comment, .dark, a.dark{		color: #032E52;}
.article, article{	border-color: #032E52; }
.lite, a.lite, .dark-bg a{		color: #EDD298;}
.article, article, .article footer, article footer, .wp-caption{	border-color: #EDD298; }
.white, a.white{		color: #EDEDE6;}
.easy-wp-page-nav .current, a, .accent, a.accent, button{	color: #D6293D;}
button, .easy-wp-page-nav{	border-color: #D6293D;	}
.alt, a.alt{		color: #6AAEB3;}
.dark-bg{	background-color: #032E52; }
.easy-wp-page-nav .current, .lite-bg{	background-color: #EDD298;}
.white-bg,.wp-caption{	background-color: #EDEDE6;}
.accent-bg{	background-color: #D6293D;}
.alt-bg, .the_category{	background-color: #6AAEB3;}
/***********************************************************************************************************************
	* Buttons
***********************************************************************************************************************/
.button, 
.comment-list .comment-body .reply a,
.comment-body .reply a{
	border: none;
	padding: 0 1em;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-radius: .3em;
	font-size: 1em;
}
.button,
.comment-body .reply a{
	border-width: 1px;
	border-style: solid;
}
/***********************************************************************************************************************
	* LAYOUT
***********************************************************************************************************************/
main, section{
	max-width: 1024px;
	margin: auto;
	transition: all .5s;
}

main{
	min-width: 60%;
}

.to-gallery.image main{
	max-width: 100%;
	display: block;
	grid-template-columns: auto;
	grid-gap: 1em;
	align-items: center;
}

.to-gallery section a:visited img,
.to-gallery main a:visited img,
.to-gallery aside a:visited img{
	border-bottom-color: #EDD298;
}

.to-gallery .social a{
	font-size: .7em;
}

aside,
footer aside,
.comments-area-wrapper{
	margin: .5em;
	max-width: 960px;
	transition: all .5s;
}
.padded{
	padding: .5em;
}
main > h2,
main > h3, 
section > h3{
	font-size: 1.5em;
	padding: .5em 0 0 0;
	text-align: center;
}
aside > h3{
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	padding: .5em 0 0 0;
}
/*******************************************************************************
	//	GENERAL STYLES
*******************************************************************************/
a,a:focus,a:hover,a:visited,a:active{
	text-decoration: underline;
}
article blockquote{
	border-left-width: 5px;
	border-left-style: solid;
	padding-left: 0px;
	margin-left: 20px;
	font-size: .9em;
	font-style: italic;
}
.burger{
	position: fixed;
	right: .5em;
	top: .3em;
	font-size: 1em;
	border-radius: .3em;
	text-align: center;
	font-weight: bold;
	height: 2em;
	width: 2em;
	z-index: 1500;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
	cursor: pointer;
}
.burger.slide-menu-open{
	top: .3em;
}
.burger.rss{
	right: 3em;
}
.burger.search-open{
	right: 3em;
}
.burger.close{
	right: auto;
	left: .3em;
}
.burger.top{
	top: auto;
	bottom: .5em;
}
.burger, .burger:active, .burger:focus, .burger:hover{
	text-decoration: none;
}
.article footer,
article footer{
	border-top-width: 1px;
	border-top-style: solid;
	font-size: .8em;
	line-height: 1.2em;
	font-style: italic;
}
small,
.small{
	font-size: .7em;
}
.italic{
	font-style: italic;
}
strong{
	font-weight: bold;
}
em{
	font-style: italic;
}
.article h2, 
.article h3,
article h2, 
article h3{
	font-weight: bold;
}
/*******************************************************************************
	//	HEADER
*******************************************************************************/
body > header{
	text-transform: uppercase;
	padding: .5em 10%;
	font-size: 1.3em;
	font-weight: bold;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 1001;
	line-height: 30px;
}
body > header nav a{
	font-size: .8em;
}
body > header a{
	text-decoration: none;
}

body header .technotaku-logo{
	width: 80px;
	float: left;
}

/***********************************************************************************************************************
	* ARTICLE
***********************************************************************************************************************/
.article,
article{
	border-width: 1px;
	border-style: solid;
	margin: .5em;
	padding: .5em;
	position: relative;
}


.date-separator{
	padding: .3em 1em;
	border-radius: 5px;
	font-size: .8em;
}

.single article header{
	padding: 1em;
}
.article-visual{
	width: 100%;
}
article header h1{
	padding-bottom: .5em;
	font-size: 1.3em;
	line-height: 1.5em;
	font-weight: bold;
}
article header .meta{
	font-size: .8em;
	font-style: italic;
}

article ul li{
	list-style-position: inside;
	list-style-type: disc;
	border-bottom: 1px dashed #CCC;
}
article ol li{
	list-style-position: outside;
	list-style-type: decimal;
	border-bottom: 1px dashed #CCC;
}
article ol{
	padding-left: 40px;
}
article h2,
article h3,
article h4,
article h5,
article h6{
	font-weight: bold;
	padding: .5em;
}
.tiled-gallery{
	max-width: 98%;
	display: inline-block;
}
.gallery-group,
.gallery-row,
.tiled-gallery-item,
.gallery-group,
.tiled-gallery-item img{
	width: auto !important;
	height: auto !important;
	display: inline-block;
	padding: .5em;
	margin: 0;
	max-width: 99%;
}
.wp-caption {
/*    background: #fff;*/
	border-width: 1px;
	border-style: solid;
    max-width: 99%;
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone, .alignnone, a img.alignnone{
	margin: .5em auto;
}
.thumbnail img{
	width: 48%;
}
a.thumbnail:last-child:nth-child(odd) img{
	width: 96.5%;
}

.thumbnail{
	width: 100%;
	height: auto;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
article footer img{
	float: right;
	border-radius: 50px;
	width: 70px;
	height: 70px;
}
article .content{
	font-size: .8em;
}
article.article-main{
	position: relative;
}

.article .the_category,
article .the_category{
	font-size: .8em;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: .2em .5em;
	border-radius: 0 0 10px 0;
}
.article .the_category a,
article .the_category a{
	color: white;
}
.the_category.category-badge-anime{
	background-color: #00aedb;
}
.the_category.category-badge-jpop{
	background-color: #d11141;
}
.the_category.category-badge-idol{
	background-color: #F960A3;
}
.the_category.category-badge-gravure-idol{
	background-color: #F3021A;
}
.the_category.category-badge-video-juegos{
	background-color: #f37735;
}
.the_category.category-badge-hello-project{
	background-color: #D5006A;
}
.the_category.category-badge-manga{
	background-color: #00b159;
}



/***********************************************************************************************************************
	* SOCIAL MENU
***********************************************************************************************************************/
.share-comment,
.iframe-popup{
	text-align: center;
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	z-index: 1100;
	box-shadow: 0 0 5px #999;
}
.share-comment aside{
	display: inline-block;
}
button{
	background: none;
	border-width: 1px;
	border-style: solid;
	height: 2em;
	font-size: 1em;
	cursor: pointer;
}
a.button{
	background: none;
	border-width: 1px;
	border-style: solid;
	cursor: pointer;
	margin: 0px;
	padding: 0px 5px;
}

button.twitter,
button.tumblr,
button.pinterest,
button.facebook,
button.sign-in,
a.tumblr,
a.pinterest,
a.twitter,
a.facebook,
a.sign-in{
	width: 2em;
}
.share-comment button.comments{
	padding: 0 .5em;
}
/***********************************************************************************************************************
	* MOBILE MENU
***********************************************************************************************************************/
.menu-main-menu-container ul li{
	padding: .3em;
	margin: .3em;
	font-size: 1.5em;
}

.technotaku-logo img{
	padding: 1em;
}

/***********************************************************************************************************************
	* ALIGNS
***********************************************************************************************************************/
.floatleft{		float:left;}
.floatright{	float: right;}

/***********************************************************************************************************************
	* COMMENTS
***********************************************************************************************************************/
.comments-area button{
	width: 100%;
	font-weight: bold;
	font-size: 1.1em;
}
.comments-area h3{
	padding: 1em;
}
.comments-area h4{
	padding: .3em;
}
.comments-area .comment-list ol li, .comments-area .comment-list ul li{
	margin: 0 0 .5em 1em;
}
.comments-area .comment-list ul{
	padding: 0;
	margin: 0;
}
.comment-list .comment-body{
	border-radius: 5px;
	padding: .5em;
}
.comment-respond,
.comment-body{
	padding: 1em;
}
.comment-author img{
	border-radius: 32px;
}
label{
	display: block;
	font-size: .8em;
	font-style: italic;
}

.comment-author.vcard .avatar.photo{
	float: right;
}
.comment-meta.commentmetadata{
	font-size: .7em;
	font-style: italic;
}
li.comment{
	border-left-width: 1px;
	border-left-style: solid;
	border-radius: 20px 0 0 0;
}
.comment-list .comment-body .reply a.comment-reply-link{
	border-width: 1px;
	border-style: solid;
	border-radius: 10px;
}

/*** Comment Form ***/

.comment-form-wrapper{
	position: relative;
}
.comment-form{
/*	display: none;*/
	padding: 1em;
/*	position: absolute;
	top: 0px;
	bottom: 0;
	left: 10%;
	width: 80%;
	overflow: hidden;
	overflow-y: auto;*/
	z-index: 1110;
	box-shadow: 0 0 5px #999;
}
.comment-body .comment-form{
	margin-top: 1em;
}
input[type="text"], 
.comment-form input[type="text"], 
.comment-form input[type="number"], 
.comment-form input[type="email"], 
.comment-form input[type="submit"],
.comment-form textarea,
textarea{
	width: 96%;
	border-width: 1px;
	border-style: solid;
	height: 2em;
	padding: 1%;
	display: block;
	font-family: 'Fira Sans', sans-serif;
	font-size: 1em;
	resize: none;
}
p.form-submit{
	text-align: center;
}
.comment-form input[type="submit"]{
	width: 96%;
	height: 3em;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
}
.comment-form input[type="checkbox"]{
	display: inline;
}

.comment-form textarea,
textarea{
	height: 6em;
}
.comment-notes{
	font-size: .8em;
	font-style: italic;
}

/***********************************************************************************************************************
	* Search
***********************************************************************************************************************/
.searchform input{
	border-width: .5em;
	padding: 1em;
}


/***********************************************************************************************************************
	* FOOTER
***********************************************************************************************************************/
body > footer{
	padding-bottom: 4em;
	margin-top: 4em;
}
/***********************************************************************************************************************
	* MEDIA
***********************************************************************************************************************/
.iframe-video, .embed-youtube {
	display: block;
	height: 0;
	margin: 5px 0 10px 0;
	overflow: visible;
	padding-bottom: 56.2%;
	position: relative;
	text-align: left !important;
	width: 100%;
}
.iframe-video.soundcloud{
	padding-bottom: 100%;
}
.iframe-video iframe, .embed-youtube iframe {
	height: 100%;
	position: absolute;
	width: 100%;
}
.wp-embedded-content{
	position: relative !important;
	max-width: 100%;
	border-width: .2em;
	border-radius: .5em;
	border-style: dashed;
}
.video-splash,
.iframe-video{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	cursor: pointer;
}
.video-splash,
.iframe-video,
article img:not('.home img'){
	border-style: solid;
	border-width: 5px; 
}
.fb-post.fb_iframe_widget{
	max-width: 98%;
}
.fb-post.fb_iframe_widget span,
.fb-post.fb_iframe_widget span iframe{
	max-width: 100%;
}

/*******************************************************************************
	//	Archives
*******************************************************************************/
/*
.archive .attachment-thumbnail,
.blog .attachment-thumbnail,
.archive .attachment-post-thumbnail,
.blog .attachment-post-thumbnail{
	border-radius: 100px;
	width: 100px;
	float: right;
	margin-left: 1em;
}
*/
/*******************************************************************************
	//	Navegation
*******************************************************************************/
.easy-wp-page-nav{
	border-width: 1px;
	border-style: solid;
	text-align: center;
}
.easy-wp-page-nav li,
.easy-wp-page-nav a{
	display: inline-block;
}
.easy-wp-page-nav a{
	width: 30px;
	height: 30px;
	margin: 0;
}
.easy-wp-page-nav .jumpnav{
	margin-left: 20px;
}
.easy-wp-page-nav .current{
	padding: 1em;
	border-width: 1px;
	border-style: solid;
}
/***********************************************************************************************************************
	* EXTRAS
***********************************************************************************************************************/
.hidden{
	display: none;
}

/***********************************************************************************************************************
	* MODAL
***********************************************************************************************************************/
.modal{
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1002;
	padding: 20% 5%;
	background-color: rgba(0,0,0,.8);
}

/***********************************************************************************************************************
	* GALLERY
***********************************************************************************************************************/
.to-gallery main{
	max-width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
	grid-gap: 1em;
	justify-content: space-between;
}
.to-gallery aside{
	max-width: 100%;
	display: grid;
	grid-template:
		[row1-start] "span span span" auto [row1-end]
		/ auto 50px auto;
	grid-gap: 1em;
}
.to-gallery section{
/*
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	align-items: stretch;
*/
}

.to-gallery > section > span,
.to-gallery > section > h3{
	width: 100%;
	float: left;
	display: block;
}


.to-gallery aside span{
	display: none;
}
.to-gallery aside span.mobile{
	display: inline-block;
}
main.padded a,
.top a{
	position: relative;
}
.views{
	position: absolute;
	font-size: .5em;
	bottom: 0;
	left: 0;
}
main.padded a .views{
	position: absolute;
	font-size: .5em;
	top: 0;
	right: 0;
}
/***********************************************************************************************************************
	* Icons
***********************************************************************************************************************/
.flag{
	display: inline-block;
	width: 1.5em; 
	height: 1em;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

/************************************************************************************************
	//	Navigation
************************************************************************************************/
.social_button i{
	font-size: 20px;
	margin-right: 10px;
}

/***********************************************************************************************************************
	* LARGE
***********************************************************************************************************************/
@media (min-width: 970px) {
	body{
		display: grid;
		grid-template:
		[row1-start] "header header header header" auto [row1-end]
		[row2-start] ". aside main ." auto [row2-end]
		[row3-start] "footer footer footer footer" auto [row3-end]
		/ minmax(50px, 1fr) 350px auto minmax(50px, 1fr);
	}
	body.to-gallery{
		display: grid;
		grid-template:
		[row1-start] "header header header" auto [row1-end]
		[row2-start] "nav nav nav" auto [row2-end]
		[row3-start] "aside aside aside" auto [row3-end]
		[row4-start] "main main main" auto [row4-end]
		[row5-start] "footer footer footer" auto [row5-end]
		/ auto auto auto;
	}
	body.to-gallery.main-page{
		display: grid;
		grid-template:
		[row1-start] "header header header header" auto [row1-end]
		[row2-start] "nav nav nav nav" auto [row2-end]
		[row3-start] "aside aside aside aside" auto [row3-end]
		[row4-start] "main gallerytop gallerytop gallerytop" auto [row4-end]
		[row5-start] "footer footer footer footer" auto [row5-end]
		/ auto 150px 150px 150px;
	}
	body.to-gallery nav ul{
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
		justify-content: flex-start;
	}
/*
	body > header{
		text-align: center;
	}
*/
	body.home{
		display: grid;
		grid-template:
		[row1-start] "header header header header header" auto [row1-end]
		[row2-start] ". slider slider slider ." auto [row2-end]
		[row3-start] ". main section section ." auto [row3-end]
		[row4-start] "footer footer footer footer footer" auto [row4-end]
		/ auto 350px 30% 30% auto;
		justify-content: space-between;
	}
	body > header{
		grid-area: header;
	}
	body > nav{
		grid-area: nav;
	}
	body > main{
		grid-area: main;
		width: auto;
		margin: 0;
	}
	body > aside{
		grid-area: aside;
		width: auto;
		margin: 0;
	}
	body > section{
		grid-area: section;
		grid-column: 3;
		width: auto;
		margin: 0;
	}
	body.to-gallery > section.top{
		grid-area: gallerytop;
		grid-column: auto;
		width: auto;
		margin: 0;
	}
	.burger{
		font-size: 1.5em;
	}
	/*******************************************************************************
		* NAV
	*******************************************************************************/
	nav .logo{
		padding-bottom: 30%;
	}

	
	/*******************************************************************************
		//	Slider
	*******************************************************************************/
	.slider{
		clear: both;
		overflow: hidden;
		grid-area: slider;
		display: grid;
		grid-template:
		[row1-start] "slide slide slide" auto [row1-end]
		/ 33.3% 33.3% 33.3%;
		justify-content: space-between;
	}
	.slider .article:first-child{ grid-column: 1; }
/*	.slider article:last-child{ grid-column: 3; }*/
	.slider .article img{
		height: 0px;
		margin-top: 30px;
		padding-bottom: 52.5%;
	}
	/*******************************************************************************
		//	ARTICLE
	*******************************************************************************/
	article .thumbnail img{
		width: 200px;
		height: 200px;
		padding: .3em;
		margin-left: .3em;
		border-width: 1px;
		border-style: solid;
	}
	/*******************************************************************************
		//	POPULAR
	*******************************************************************************/
	body > section.popular{
		grid-column: 4;
		width: auto;
		margin: 0;
/*		border-top-width: 1px;
		border-top-style: solid;
		border-left-width: 1px;
		border-left-style: solid;*/
	}
	body > footer{
		grid-area: footer;
		display: grid;
		grid-template:
		[row1-start] ". widget widget widget ." auto [row1-end]
		/ 30% 30% 30%;
		justify-content: space-between;
	}
	footer > aside:first-child{
		grid-column: 1;
	}
	footer > aside:last-child{
		grid-column: 3;
	}
	.home > main > .container{
		margin: 0;
		padding: 0;
	}

	/*******************************************************************************
		//	Latest
	*******************************************************************************/
	.home main{
/*		border-top-width: 1px;
		border-top-style: solid;
		border-right-width: 1px;
		border-right-style: solid;*/
	}
	.home main .article{
	/*
		display: grid;
		grid-template:
		[row1-start] "thumbnail header" auto [row1-end]
		[row2-start] "footer footer" auto [row2-end]
		/ 40% 55%;
		justify-content: space-evenly;
	*/
		padding-top: 30px;
	}
	.home main .article header{
		grid-area: header;
	}
	.home main .article header h3{
		font-weight: normal;
		font-size: .9em;
	}
	.home main .article img{
		grid-area: thumbnail;
		height: 0;
		width: 100%;
		padding-bottom: 52.5%;
	}
	.home main .article .content{
		grid-area: content;
		display: none;
	}
	.home main .article footer{
		grid-area: footer;
	}
	/*******************************************************************************
		//	Featured
	*******************************************************************************/
	.home section .article img{
		height: auto;
		padding-bottom: 0%;
	}
	section.featured .article img{
		height: 0;
		padding-bottom: 52.5%;
	}
	section.featured .content{
		display: none;
	}
	/*******************************************************************************
		//	Sticky
	*******************************************************************************/
	.slider article .content{
		display: none;
	}
	a.thumbnail:last-child:nth-child(odd) img {
	    width: 200px;
	}
	/***********************************************************************************************************************
		* Archive
	***********************************************************************************************************************/
	body.search,
	body.archive,
	body.blog,
	body.error404{
		display: grid;
		grid-template:
		[row1-start] "header header header" auto [row1-end]
		[row2-start] ". main ." auto [row2-end]
		[row3-start] "footer footer footer" auto [row3-end]
		/ minmax(50px, 1fr) auto minmax(50px, 1fr);
	}
	body.error404 main,
	body.search main,
	body.blog main,
	body.archive main{
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
		grid-gap: 1em;
		align-items: stretch;
	}
	.menu-main-menu-container ul{
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
		grid-gap: 1em;
		align-items: stretch;
	}
	body.error404 main article:first-child,
	body.search main .easy-wp-page-navigation,
	body.blog main .easy-wp-page-navigation,
	body.archive main .easy-wp-page-navigation{
		grid-column: span 3;
		grid-row: span 1;
	}
	body.search main h2,
	body.blog main h2,
	body.archive main h2{
		grid-column: span 2;
		grid-row: span 1;
	}
	body.search main .page,
	body.archive main .page,
	body.blog main .page{
		grid-column: span 1;
		grid-row: span 1;
		padding: .5em;
		text-align: center;
		margin: 0 .5em;
	}
	/***********************************************************************************************************************
		* MODAL
	***********************************************************************************************************************/
	.modal{
		padding: 20% 15%;
	}

	/***********************************************************************************************************************
		* GALLERY
	***********************************************************************************************************************/
	.to-gallery aside span{
		display: inline-block;
	}
	.to-gallery aside{
		grid-template:
			[row1-start] "span span span span span span span span span span span span span" auto [row1-end]
			/ auto auto auto auto auto auto 50px auto auto auto auto auto auto;
	}


}