/*
Theme Name: papercute
Template: onigiri
Author: Paper Cute
Version: 1.0.1
Updated: 2016-06-10 00:17:02
*/



@charset "utf-8";
body{font-family: 'Open Sans', sans-serif}
a:hover{text-decoration: none;}

#infinite-handle span:hover, .jetpack-portfolio-shortcode .entry-header h2.entry-title a:hover, a.more-link:hover, .entry-content a:hover, .nav-previous a span:hover, .nav-next a span:hover{border-bottom:0;}


/*/////////////// HEADER //////////////*/



#masthead{z-index:1000; text-align:center; padding: 20px 0 30px 0;}

#headWrap{position:fixed; width:100%; top:0;}


 
#pc-title {font-family: 'EB Garamond', serif; font-size:1.7rem; margin:18px 0 0 0;}
#pc-title a{ position:relative; z-index:998; border:0;}
/*#pc-title a:hover{border-bottom:solid 3px #000;}*/

.nav-wrap {margin-top:0px;}
#site-nav{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999;
	background: rgba(255, 255,255,0.9);
	padding-top: 55px;
}
#site-nav ul li a {margin: 5px 0;}
#site-nav ul li li a {margin: 5px 0;}
#mobile-menu-toggle {
	border-bottom: 0;
	position: fixed;
	right:10px;
	z-index: 1000;
}
.bar1, .bar2, .bar3 {
  width: 35px;
  height: 2px;
  background-color: #333;
  margin: 6px 0;
  transition: 0.4s;
}

.change .bar1 {
  transform: translate(0, 8px) rotate(-45deg);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  transform: translate(0, -8px) rotate(45deg);
}



#searchform {height:28px;}
#searchform .screen-reader-text, #searchform #searchsubmit, #search-btn {display:none;}

#searchform input.search-field {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: -moz-use-text-color -moz-use-text-color #000;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 2px;
    font-size: 1rem;
    line-height: 1.56;
    margin-top: 3px;
    padding: 0;
    width: 230px;
}
#searchform input.search-field {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 2px solid transparent;
    margin-top: -2px;
    padding: 0;

    transition: all 0.25s ease-in-out 0s;
    width: 70px;
}
#searchform input.search-field:active, #searchform input.search-field:focus {
    border-bottom: 2px solid #000;
   /*display: block;*/
    width: 230px;
}





/*/////////////// CONTENT //////////////*/


.site-content .page{text-align:left;}

.entry-header, .entry-content, .entry-meta {
  max-width: 800px;
  margin: 0 auto;
}
.entry-content p, .entry-content p.standard-text, .entry-content ul, .entry-content ol, .entry-content .wide-content {
	font-size: 1rem;
	line-height: 1.5;
}

.contact-mail, .contact-phone, .entry-tags, .entry-header .entry-details, #comments .comment-reply, h3.further-projects, #primary h1.archive-title, h4, #primary .sharedaddy h3.sd-title, .archive-header .taxonomy-description p {font-family:'Open Sans', sans-serif;}

.single-jetpack-portfolio .entry-header h1.entry-title a{border-bottom: 0;}
.archive-header{max-width:100%;}

body.archive #primary {padding:0;}
h1{margin:0 0 20px;}
#primary h1.archive-title span{border-bottom: 0; margin: 0 0 30px;}
h3.sep{font-family: 'EB Garamond', serif; font-size: 2rem; width:60%; margin:30px auto 30px; text-align: center; border-top : solid 1px #ccc;}
#primary, .template-portfolio #primary, .blog #primary{padding:30px 30px 0; width:100%; margin: 0 auto;}
.jetpack-portfolio-shortcode{margin:0 auto;}
.grid-wrapper{margin:0 auto;}
.jetpack-portfolio-shortcode.are-images-unloaded {opacity: 0;}
.jetpack-portfolio-shortcode .jetpack-portfolio, .grid-wrapper .post {width:300px; margin:0 0 30px 0;}
.jetpack-portfolio-shortcode .entry-thumbnail:hover, .jetpack-portfolio-shortcode a.portfolio-featured-image:hover {opacity: 1;}
.title-wrap {height:100%; position:absolute; width:100%; top:0; left:0; z-index: 100; background-color: #fff; opacity: 0;}
.title-row{position:absolute; top:50%; -ms-transform: translateY(-50%); transform: translateY(-50%);padding: 0 30px;}
.title-link{position:absolute; top:0; lef:0; width: 100%; height: 100%; z-index:101; }
.jetpack-portfolio-shortcode .entry-header{text-align: left; margin: 0;}
.jetpack-portfolio-shortcode .entry-header h2.entry-title{font-family: 'EB Garamond', serif; font-size: 1.65rem; padding: 0;}
.jetpack-portfolio-shortcode .entry-header h2.entry-title a{border-bottom:0;}

.jetpack-portfolio-shortcode .entry-header, .jetpack-portfolio-shortcode .pc-PrDtls{opacity:0;}
/*.jetpack-portfolio-shortcode .entry-thumbnail:hover + div header h2 a, .jetpack-portfolio-shortcode a.portfolio-featured-image:hover + div header h2 a, .jetpack-portfolio-shortcode .entry-header h2.entry-title a:hover{border-bottom:solid 2px #000;}*/
.portfolio-type-links a:hover{color: #aaa;}
.entry-header h2.entry-title, .entry-header h1.entry-title, .entry-content h1{padding: 0; font-family: 'EB Garamond', serif;}

.entry-header h1.entry-title{font-size:2rem; line-height: 1.3;}
.entry-content h1{font-size:1.5rem;}
.entry-header .entry-details{padding:0;}
.entry-thumbnail{opacity:1;}
.title-link:hover + .title-wrap{
	opacity:0.8;
	-webkit-transition: .2s, opacity .2s .25s;
	-moz-transition: .2s, opacity .2s .25s;
	-ms-transition: .2s, opacity .2s .25s;
	-o-transition: .2s, opacity .2s .25s;
	transition: .2s, opacity .2s .25s;}
.title-link:hover + .title-wrap .entry-header, .title-link:hover + .title-wrap .pc-PrDtls{
	opacity: 1;
	-webkit-transition: .2s, opacity .2s .25s;
	-moz-transition: .2s, opacity .2s .25s;
	-ms-transition: .2s, opacity .2s .25s;
	-o-transition: .2s, opacity .2s .25s;
	transition: .2s, opacity .2s .25s;
}
.jetpack-portfolio-shortcode .entry-header h2.entry-title a:hover{border-bottom: 0;}
.site-content .jetpack-portfolio, .jetpack-portfolio-shortcode .jetpack-portfolio{text-align: left;}

.portfolio-type-links{font-size:0.85rem; font-weight:normal;}
.gallery .gallery-item {width:100%; margin-bottom: 22px;}


/*.entry-header .entry-details{font-family:"Merriweather",​Georgia,​serif;}*/
body.archive #primary{padding-top:30px;}
.archive-header{padding:0;}
#primary h1.archive-title{font-family:'EB Garamond', serif; font-size: 1rem; line-height: 1.5; text-transform: none; }
h3.further-projects {margin: 30px 0 50px;}

.blog .entry-header h2.entry-title {padding: 10px 0 0;}
.entry-thumbnail {padding-bottom: 0;}
.single .category-news .entry-thumbnail{max-width:580px;}
.single #primary{padding-top:30px;}
.grid-wrapper .post{padding: 0 0 0;}
.portfolio-gutter-size{width: 30px;}
.nav-previous{display: none;}
.infinite-wrap{display: none;}
/* Loader */

.loader-ellips {
  font-size: 15px; /* change size here */
  position: relative;
  width: 4em;
  height: 1em;
  margin: 10px auto;
}

.loader-ellips__dot {
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  background: #555; /* change color here */
  position: absolute;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
  left: 0;
}
.loader-ellips__dot:nth-child(3) { left: 1.5em; }
.loader-ellips__dot:nth-child(4) { left: 3em; }


@keyframes reveal {
  from { transform: scale(0.001); }
  to { transform: scale(1); }
}

@keyframes slide {
  to { transform: translateX(1.5em) }
}

.loader-ellips__dot:nth-child(1) {
  animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
  animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
  animation-name: reveal;
  animation-direction: reverse;
}

.infinite-scroll-last, .infinite-scroll-error{text-align:center; margin-top:30px;}

#isBt{width:100%; text-align:center;}
#site-nav{font-family: 'EB Garamond', serif;}
#site-nav ul li a {font-size:1.5rem; line-height:1;}
#site-nav ul li li a {font-size: 1.2rem;}
#site-nav li li:hover > a {color: #aaa;}


.archive-header #banner{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height:30vh;
	position:relative;
	/*background-position: auto 50%;
	padding-top: 70%;*/
	text-align: center;
	margin-bottom: 100px;
}
.archive-header #banner .taxonomy-description p{
	font-size: 1.8rem;
	position:absolute;
	bottom: -90px;
	width: 100%;
	font-family: 'EB Garamond', serif;
	font-weight: 300;
	line-height: 1.5;
}




#toTop{
	position: fixed;
	bottom:30px;
	right:10px;
	opacity:0;
	display:none;
	-webkit-transition: .2s, opacity .2s .25s;
	-moz-transition: .2s, opacity .2s .25s;
	-ms-transition: .2s, opacity .2s .25s;
	-o-transition: .2s, opacity .2s .25s;
	transition: .2s, opacity .2s .25s;
}
#toTop.show{
	display: block;
	opacity:1;
}


.site-content div.wpcf7{margin:0;}

.grecaptcha-badge{display:none;}

@media screen and (min-width: 768px) {
	#mobile-menu-toggle{display: block;}
	#site-nav{display: none;}
	
	.archive-header #banner{
		height:50vh;
		position:relative;
	}
	.archive-header #banner .taxonomy-description p{
		font-size: 3em;
		position:absolute;
		bottom: -65px;
		width: 100%;
		font-family: 'EB Garamond', serif;
		font-weight: 300;
		line-height: 1.5;
	}
}

@media screen and (min-width: 1023px){
	#pc-title{margin:40px 0 30px 0;}
	#pc-title a{z-index: 1000; }
	
	#mobile-menu-toggle{display: none;}
	
	#primary {padding: 0;}
	body.single-jetpack-portfolio #primary, body.archive #primary{padding-top:124px;}
	
	h3.sep{display:none;}
	.archive-header #banner .taxonomy-description p{padding-top:-65px;}
	#primary, .template-portfolio #primary, .blog #primary{padding:124px 0 0; width:70%; margin: 0 auto;}
	#masthead {padding:0;}
	#site-nav{width:100%; overflow:visible; position:absolute; background:rgba(255, 255, 255, 0); display: block !important; padding-top: 30px;}
	
	.menu-container{left:0;  position:relative; bottom:0; width: 100%; height: 100%;}
	#menu1{position:absolute; left:2%; text-align:left; width: 15%;}
	#menu3, #menu4{position:fixed; bottom:45px;}
	#menu3{left:2%;}
	#menu4{right:2%;}
	#menu2{position:absolute; right:2%; text-align:right; width: 15%;}
	#menu1, #menu1 ul, #menu2, #menu2 ul{list-style: none;}
	#menu2, #menu2 ul, #menu2 ul ul, #menu2 ul li a, #menu2 ul ul li a{text-align: right;}
	#menu1 ul, #menu1 ul ul{text-align: left;}
	#site-nav ul ul.sub-menu{height:auto;}
	#site-nav ul li a{margin:0;}
	/*#menu2:first-child{width:}*/
	/*#site-nav li{list-style: inside;}
	#site-nav ul li a {padding:0; text-decoration: none; border-bottom: 0;}
	#site-nav ul#menu-menu1{text-align:left;}
	#site-nav ul#menu-menu2{text-align:right;}
	#site-nav ul#menu-menu1 li {padding-left: 20px; padding-right:0;}
	#site-nav ul ul.sub-menu{height:auto;}
	#site-nav ul{list-style:none;}
	#site-nav ul ul.sub-menu, #site-nav ul ul.children {top:20px; position:absolute;}
	/*#site-nav ul ul.sub-menu{max-width:none;}*/
	/*#site-nav ul ul li{display: block;}
	#menu2 ul ul{list-style: inside; tetx-align:right;}
	/*#site-nav ul.sub-menu li{padding-top:15px;}
	/*#site-nav ul li:hover > ul {display: inline; left:0; width:800px;}*/
	/*#site-nav ul.sub-menu li ul li{padding-top:5px;}
	
	#site-nav ul ul li{ display:block; float:left;}*/
	#site-nav ul.sub-menu li{padding-top:5px;}
	#site-nav ul ul.sub-menu, #site-nav ul ul.children {top:40px; position: absolute;}
	#menu2 ul.sub-menu{right:0;}
	#site-nav ul li ul li:hover > ul {}
	#site-nav li > a {color: #000;}
	#site-nav ul li a, #site-nav ul.sub-menu a{display: inline-block;}
	#site-nav li:hover > a {color:#000; border-bottom:0;}
	#site-nav li li > a{width:auto; }
	#site-nav ul.children a {border-bottom:none; }
	#site-nav li li:hover > a {color:#666; border-bottom:0;}
	
	#site-nav ul li {position:relative; display:block; margin: 0; padding: 0 ;}
	#site-nav ul ul.sub-menu, #site-nav ul ul.children {display: none;}
	#site-nav ul li li a {margin:0}

	#site-nav ul li a.activated{color:#aaa;}
	#site-nav ul ul.activated{
		display: block;
		padding: 0;
		opacity: 1;
		-webkit-transition: opacity ease-in-out 0.3s;
		-moz-transition: opacity ease-in-out 0.3s;
		-o-transition: opacity ease-in-out 0.3s;
		transition: opacity ease-in-out 0.3s;
	}
	#site-nav ul ul a.activated{border-bottom: 0;}
	#site-nav ul li:hover > ul {
		display: block;
		padding: 0;
		opacity: 1;
		-webkit-transition: opacity ease-in-out 0.3s;
		-moz-transition: opacity ease-in-out 0.3s;
		-o-transition: opacity ease-in-out 0.3s;
		transition: opacity ease-in-out 0.3s;
	}
	.entry-header h1.entry-title{font-size:3rem; }
	#toTop{bottom:40px; right:12%;}
}
@media screen and (max-width: 1024px){
	#site-nav ul ul.sub-menu {
		display: none;
	}
	#site-nav ul ul.sub-menu{top:30px;}
}
@media screen and (min-width: 1150px) {
	#site-nav li:hover > a{border-bottom: 0;}
	#site-nav ul ul ul.sub-menu{position:relative; top:0; }
	#site-nav #menu-menu2 ul ul.submenu{right:25px;}
	#site-nav #menu-menu1  ul ul.submenu{left:25px;}
	#site-nav ul li a{border-bottom: 0;}
	#site-nav ul.sub-menu a, #site-nav ul.children a{padding:0;}
	#site-nav ul li a.activated{color:#aaa;}
	#site-nav ul.activated{
		display: block;
		padding: 0;
		opacity: 1;
		-webkit-transition: opacity ease-in-out 0.3s;
		-moz-transition: opacity ease-in-out 0.3s;
		-o-transition: opacity ease-in-out 0.3s;
		transition: opacity ease-in-out 0.3s;
	}
	#site-nav ul li a,   #site-nav ul.sub-menu a{display: inline-block;}
}

@media screen and (max-width: 768px) {#site-nav ul ul.sub-menu{display:none;}
}