/*
Theme Name: Formfolio 2
Description: Timeless Wordpress Portfolio Template
Author: Simon Schmidt
Author URI: http://schmidtsimon.com/
*/

/* css reset start */
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;
}
/* HTML5 display-role reset for older browsers */
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;
}

/* css reset end */

/* latin-ext */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(./fonts/maven-pro_latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(./fonts/maven-pro_latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html{
	background-color:rgb(250,250,250);
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	scroll-behavior:smooth;
	}

@media (prefers-reduced-motion: reduce){
	html{
		scroll-behavior:auto;
	}
}

body{
	font-family: 'Maven Pro', sans-serif;
	font-size:14px;
	width:100%;
	line-height:17px;
	}	
	
::selection {
  background: #e6e6e6;
}
::-moz-selection {
  background: #e6e6e6;
}

p{
	color:rgb(50,50,50);
	line-height:1.5;
}
	
a{
	text-decoration:none;
	color:grey;
	transition:color .3s;
	-webkit-transition:color .3s;
	}
	
a:visited{
	text-decoration:none;
	color:grey;
	}
	
a:hover{
	text-decoration:none;
	color:rgb(50,50,50);
	}
	
#logo_text{
	text-transform:uppercase;
	font-size:large;
	display:inline-block;
	margin-bottom:70px;
	font-weight:bold;
	}
	
h1{
	text-transform:uppercase;
	font-weight:bold;
	font-size:x-large;
	margin-bottom:7px;
	line-height:25px;
	color:rgb(50,50,50);
	}
	
h2{
	text-transform:uppercase;
	font-weight:bold;
	font-size:large;
	margin-bottom:7px;
	line-height:25px;
	color:rgb(50,50,50);
	}
	
h3{
	text-transform:uppercase;
	font-size:large;
	display:inline-block;
	font-weight:bold;
	}
	
h4{
	margin-top:17px;
	font-size:14px;
	line-height:17px;
	color:grey;
	}
	
h5{
	font-size:14px;
	line-height:17px;
	color:grey;
	}
	
strong{
	font-weight:bold;
	}
	
.majuscule{
	text-transform:uppercase;
	}

.framed{
	width:75%;
	max-width:1240px;
	margin:70px auto 140px;
	text-align:left;
	color:grey;
	position:relative;
	}
	
#logo{
	height:100px;
	margin-bottom:20px;
	}
	
#logo_text{
	color:rgb(50,50,50);
	}

.w25percent{
	width:25%;
	margin:0 auto;
	}
	
.w25percent img{
	width:100%;
	height:auto;
	margin-top:25px;
	}
	
.w50percent{
	width:50%;
	float:left;
	}
	
.clear:after{
	content:".";
	clear:both;
	visibility:hidden;
	height:0px;
	line-height:0;
	display:block;
	}
	
.pages_nav{
	float:right;
	width:300px;
	}
	
.nav, .post_title, #logo_text{
	letter-spacing:5px !important;
}

.nav{
	display:inline;
}

.nav li{
	display:inline;
}

.nav li a{
    padding:00;
	/*line-height:10px;*/
	display:inline-block;
	}

#main{
	display:flex;
	justify-content:space-between;
}
	
.current-cat a{
	color:rgb(50,50,50) !important;
	font-weight:500;
	}
	
.current_page_item a{ 
	color:rgb(50,50,50) !important;
	font-weight:500;
	}
	
#postwall{
	display:table;
	}
	
	#single-postwall{
		display:table;
		width:100% !important;
		margin:25px 0;
		}
	
.post_box{
	height: 0px;
	width: calc(94% / 3);
	padding-bottom: calc(94% / 3);
	float: left;
	background-size: contain;
	-webkit-background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin: 1%;
	}

.fancybox-inner {
	height: 80% !important;
	width: 80% !important;
	margin: 10%;
	}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: auto;
	}

.fancybox-inner {
	overflow: hidden;
	height: 80% !important;
	width: 80% !important;
	margin: 10% !important;
	}

.fancybox-next {
	right: 10% !important;
	}

.fancybox-prev {
	left: 10% !important;
	}

.fancybox-close {
	top: 2.5% !important;
	right: calc(50% - 18px) !important;
	text-align: center;
	line-height: 36px;
	}

	.fancybox-item.fancybox-close:after {
		content: "+";
		transform: rotate(45deg);
		position: absolute;
		height: 36px;
		width: 36px;
		left: 0;
		text-align: center;
		line-height: 36px;
		font-size:72px;
		font-weight:100;
		font-family:'Times New Roman', Times, sans-serif;
		}


	.single-content{
		max-width:600px;
		margin:0 auto;
	}

	.single-meta{
		color:grey;
		margin-top:25px;
		margin-bottom:25px;
	}

.attachment-post-thumbnail{
	margin-top:25px;
	margin-bottom:50px;
	width:100%;
	height:auto;
}
	
.art_image{
	height:0px;
	padding-bottom:50%;
	background-size:contain;
	-webkit-background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	width:50%;
	}
	
.post_box_layer{
	background:rgba(250,250,250,.0);
	height:0%;
	padding-top:100%;
	width:100%;
	color:transparent;
	transition:background .3s, color .3s;
	-webkit-transition:background .3s, color .3s;
	}
	
.post_box_layer p{
	color:transparent;
	}
	
.index .post_box_layer:hover{
	background:rgba(250,250,250,1);
	color:rgb(100,100,100);
	}
	
	
.index .post_box_layer:hover p{
	color:rgb(100,100,100);
	}


.index .post_box_layer:hover h3{
	color:rgb(50,50,50);
	}
	
.art_box_layer{
	background:rgba(250,250,250,0);
	height:0%;
	padding-top:100%;
	width:100%;
	color:transparent;
	transition:background .3s, color .3s;
	-webkit-transition:background .3s, color .3s;
	}
	
.art_box_layer:hover{
	background:rgba(230,230,230,0);
	height:0%;
	padding-top:100%;
	width:100%;
	color:#555555;
	}
	
#next{
float:right;
width:25%;
text-align:left;
margin-top:25%;
}

#next a{
margin-left: 70px;
filter:alpha(opacity = 50);
opacity:.5;
transition:color .3s;
-webkit-transition:color .3s;
	}
	
#next a:hover{
filter:alpha(opacity = 100);
opacity:1;
}

#previous{
float:left;
width:25%;
text-align:right;
margin-top:25%;
}

#previous a{
margin-right: 70px;
filter:alpha(opacity = 50);
opacity:.5;
transition:color .3s;
-webkit-transition:color .3s;
	}
	
#previous a:hover{
filter:alpha(opacity = 100);
opacity:1;
}
	
.post_box_content{
	margin:-58% 25px 0px;
    text-align:center;
	}
		
.post_box_content_art{
	margin-top:-100%;
	padding:25%;
	}
	
/*.left_arrow{
	border-left:0px solid grey;
	border-top:0px solid grey;
	width:25%;
	height:0;
	padding-bottom:25%;
	transition:all .3s;
	-webkit-transition:all .3s;
	}
	
.right_arrow{
	border-right:0px solid grey;
	border-bottom:0px solid grey;
	width:25%;
	margin-left:75%;
	height:0;
	padding-bottom:25%;
	margin-top:50%;
	transition:all .3s;
	-webkit-transition:all .3s;
	}*/
	
.post_box_content_art:hover .left_arrow{
	border-left:1px solid grey;
	border-top:1px solid grey;
	width:25%;
	height:0;
	padding-bottom:25%;
	}
	
.post_box_content_art:hover .right_arrow{
	border-right:1px solid grey;
	border-bottom:1px solid grey;
	width:25%;
	margin-left:75%;
	height:0;
	padding-bottom:25%;
	margin-top:50%;
	}
	
.post_title{
	line-height:30px;
	}
	
#bottom{
	font-size:14px;
	padding:5px;
	margin-bottom:70px;
	}
	
#single_title{
	margin-left:12.5% !important;
	text-align:right;
	float:left;
	padding-right:25px;  
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top:22px;
	}
	
#single_content{
	margin-top:50px;
	margin-left:37.5%;
	padding-left:3px;
	float:none !important;
	width:35%;
	}
	
#single_photography_title{
	margin-left:12.5% !important;
	text-align:right;
	float:left;
	padding-right:25px;  
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top:50px;
	}
	
#single_photography_content{
	margin-top:50px;
	margin-left:50%;
	padding-left:3px;
	float:none !important;
	}	
	
.gallery_thumb_layer{
	background:rgba(250,250,250,.8);
	height:0%;
	padding-top:100%;
	width:100%;
	color:transparent;
	transition:background .3s;
	-webkit-transition:background .3s;
	}
	
.slick-center .gallery_thumb_layer{
	background:rgba(250,250,250,.0);
	height:0%;
	padding-top:100%;
	width:100%;
	color:transparent;
	transition:background .3s;
	-webkit-transition:background .3s;
	}
	
#page_thumb_layer{
	height:100%;
	border-left: #8ECBA7 solid 0px;
	border-right: #8ECBA7 solid 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	
#contact_facts{
	text-align:right;
	margin-top:17px;
	color:grey;
	}
	
#contact_facts a{
	text-decoration:none;
	transition:color .3s;
	-webkit-transition:color .3s;
	color:grey;
	}
	
#contact_facts a:visited{
	text-decoration:none;
	color:grey;
	}
	
#contact_facts a:hover{
	text-decoration:none;
	color:rgb(50,50,50) !important;
	}
	
form input{
	font-family: 'Maven Pro', sans-serif;
	font-size:14px;
	width:100%;
	line-height:17px;
	margin-bottom:20px;
	height:49px;
	background: #f2f2f2;
	border:none;
	padding-left:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color:rgb(50,50,50);
}

form textarea{
	font-family: 'Maven Pro', sans-serif;
	font-size:14px;
	width:100%;
	line-height:17px;
	margin-bottom:20px;
	height:196px;
	background: #f2f2f2;
	border:none;
	padding-left:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color:rgb(50,50,50);
	padding-top:15px;
}

#send{
   color:rgb(50,50,50);
	transition:color .3s;
	-webkit-transition:color .3s;
	}
	
#send:hover{
color:grey;
}

::-webkit-input-placeholder {
   color:grey;
}

:-moz-placeholder { /* Firefox 18- */
   color:grey;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color:grey;  
}

:-ms-input-placeholder {  
   color:grey;  
}

#contact_facts table{
	width:100%;
	margin-bottom:17px;
	/*border-right:1px solid black;*/
}

#menue{
	overflow: hidden;
	transition:max-height .5s ease;
	-webkit-transition:max-height .5s ease;
}

#menue_button{
  display:none;
  font-size:60px;
  position: absolute;
  right:0;
  top:-5px;
}

#line{
	width:12.5%; 
	margin:0px auto; 
	height:50px;
	display:none;
}

@media(max-width:1510px) {

	
.nav{
	letter-spacing:0px !important;
}
    
.nav li a {
    padding-left: 0 ;
}
    
}

@media(max-width:1040px) {


#line{
display:none
}

.nav{
	letter-spacing:5px !important;
}

#main{
	display:flex;
	justify-content:flex-start;
	flex-direction:column;
}

#nav-seperator{
	display:none !important;
}

.nav li{
margin:0;
display:block;
width:100%;
}

.nav li a{
margin:0;
padding:0 0 20px 0;
width:100%;
display:block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.current-cat a{
background-color:#fafafa;
border-bottom: 0;
}

.current-cat{
border:0px !important;
}
	
.current_page_item a{ 
	color:rgb(50,50,50) !important;
background-color:#fafafa;
	}

.current_page_item{
border:0px !important;
}

#menue{
	max-height:0;
	margin-top:25px;
}

#menue.open{
	max-height:500px;
}

#menue_button{
display:block;
}

.pages_nav {
float: none;
width: auto;
}

.framed{
margin-bottom:0px;
}

#categories:after{
display:none;
}


.post_box{
	width:48%;
	padding-bottom:48%;
	margin:1%;
	margin-bottom:3%;
	}
	
	.post_box_layer{
	background: rgba(250,250,250,0.8);
	color:rgb(100,100,100)
	}

	.post_box_layer p{
		color:rgb(100,100,100);
	}

	.post_box_layer h3{
		color:rgb(50,50,50);
	}
	
	.index .post_box_layer:hover{
		background:rgba(250,250,250,.8);
		}
	
/*	.post_box:hover .post_box_layer{
	background: rgba(0,0,0,0);
	}

.post_box_content{
	margin:-65% 25px 0px;
	text-align:center;
	color:rgb(100,100,100)
	}*/
	
/*.index a.post_box{
	background-image:none !important;
	-webkit-background-image:none !important;
	}*/

}

@media(min-width:1041px){

	#menue{
		max-height:none !important;
		overflow:visible;
	}

}

@media(max-width:1050px) {

h3{
font-size:medium;
}

}


@media(max-width:940px) {



	.fancybox-close {
		top: -2.5% !important;
		}

		.fancybox-item.fancybox-close:after{
			font-size:64px;
		}

h3{
	font-size:large;
	}

/*.nav li{
margin:0 auto 8px;
display:block;
width:66.6%;
}

.nav li a{
padding:10px;
width:100%;
display:block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}*/

.current-cat a{
background-color:#fafafa;
}

.current-cat{
border:0px !important;
}
	
.current_page_item a{ 
	color:rgb(50,50,50) !important;
background-color:#fafafa;
	}

.current_page_item{
border:0px !important;
}

#menue_button{
display:block;
}

.pages_nav {
float: none;
width: auto;
}

.framed{
margin-bottom:0px;
}

#categories:after{
display:none;
}

#previous{
width:11.7%;
text-align:left;
margin:33.3% 0 0 5%;
}

#previous a{
margin:0;
}

#next{
width:11.7%;
text-align:right;
margin:33.3% 5% 0 0;
}

#next a{
margin:0;
}

.art_image{
padding-bottom:66.6%;
width:66.6%;
}

}


@media(max-width:790px) {

h3{
font-size:medium;
}

.framed{
	width:84%;
}

}

@media(max-width:640px) {

.post_box_content {
margin: -60% 25px 0px;
}

.post_box{
width:100%;
/*max-width:350px;*/
padding-bottom:100%;
margin:0;
margin-bottom:5%;
}

h3{
font-size:large;
}
	
.post_title {
line-height: 30px;
}

#bottom .w50percent{
text-align:center !important;
width:100%;
float:none;
line-height:150%;
}

#single_content{
margin:10px auto;
width:75%;
}

.w25percent{
width:auto;
}

#contact_facts{
text-align:left;
}

#single_title{
text-align:left;
float:none;
}

.nav li{
width:100%;
}

#previous{
width:15%;
margin:50% 0 0 -15%;
}

#next{
width:15%;
margin:50% -15% 0 0;
}

.art_image{
padding-bottom:100%;
width:100%;
}

}

@media(max-width:400px) {

h3{
font-size:medium;
}
    
.post_box_content {
margin: -65% 25px 0px;
}

}