/* 
Theme Name:		 tuesday.story
Description:	 tuesday.story is a child theme of Hamilton, created by ChildTheme-Generator.com
Author:			 Hendrik Möhler
Template:		 hamilton
Version:		 1.0.0
Text Domain:	 tuesday-story
*/


/*
__________________________________________________________  
Header
__________________________________________________________  

*/
.site-header .site-title {
	margin-left:-50px;
}


.site-header {
    margin: 0 auto ;
    max-width: 1800px;
    width: 100%;
    z-index: 10000;
}

.section-inner {
	padding-top:1%;
    margin: 0 auto;
    max-width: 1800px;
    width: 100%;
}

.page-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto 20px auto;
    max-width: 100%;
    min-height: 1%;
    text-align: center;
}



/*
__________________________________________________________  
Navigation
__________________________________________________________  

*/


.nav-toggle {
    cursor: pointer;
    height: 50px;
    position: absolute;
	    right: 2%;

    top: calc( 10% - 15px );
    width: 60px;
	position:fixed;
	margin-top:-40px;
}

.nav-toggle .bar {
    background-color: rgba( 33, 42, 52, 1 );
    display: block;
    height: 2px;
    margin-top: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: calc( 50% - 1px );
    transform: rotate( 0deg );
    transition: transform .1s ease-in 0s, margin 0.1s ease-in 0.1s, opacity 0s ease-in 0.1s;
    width: 60px;
    z-index: 1;
}

.nav-toggle .bar:nth-child(1) {
    margin-top: -25px;
	height:5px;
}

.nav-toggle .bar:nth-child(2) {
    margin-top: -1px;
		height:5px;

}

.nav-toggle .bar:nth-child(3) {
    margin-top: 25px;
		height:5px;

}

.site-nav {
    background: #fff;
    opacity: 0;
    padding: 150px 0 120px;
    position: fixed;
    bottom: 0;
    left: -99999px;
    right: 99999px;
    top: 0;
    transform: translateY( 1rem );
    transition: opacity .3s ease-in-out, transform .3s ease-in-out, left 0s .3s, right 0s .3s;
    z-index: 9999;
}




.site-nav li {
    display: block;
    font-size: 60px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.1;
    width: 100%;
	padding-left:10px;
}

.site-nav .menus {
    overflow: hidden;
    max-height: 100%;
}

.site-nav .menus > ul {
    float: left;
	color:white;
    width: calc( 50% - 10px );
}



#menu-footer-menu-1{display:block;}



/*
__________________________________________________________  
Content
__________________________________________________________  

*/

.entry-content{
	padding:0;
	margin:0;
}

.section-inner {
    margin: 0 auto;
    max-width: 1800px;
    width: 70%;
	margin-top:0px;
}

.post-preview {
    display: block;
    padding: 10px;
    position: relative;
    transition: none;
    width: 31%;
	margin-right:2.35%;
}

.preview-image:after {
	background: rgba(0, 0, 255, 0.8);

}

.section-inner.thin {
    max-width: 1800px;
}

#video .section-inner{
	border-bottom:1px solid black;
}

.vp-video-wrapper {
    
	width:100%;
}



.video-wrapper{
	position:relative;
	width:100%;
	margin-bottom:150px;
}


.related-posts-wrapper {
    margin-top: 80px;
		border-top:2px solid black;
	padding-top:50px;

}

.related-posts .post-preview {
    width: 33.3%;
	width:50%;
	margin-right:0%;
}

.related-posts .excerpt p{
    font-size:15px;
	line-height:20px;
}

.related {
	max-width:1800px;
	position:relative;}

.excerpt {
	margin-bottom:20px;
	margin-top:20px;
}

/*
__________________________________________________________  
Footer
__________________________________________________________  

*/
.site-footer {
    padding:0;
    padding-top: 10px;
	padding-bottom: 20px;
	position:fixed;
	bottom:0;
	background:white;
	width:100%;
	
	
	
}

.site-footer {font-size:14px;}

.site-footer a{line-height:1.3em;}

.site-footer a:hover {color:blue;text-decoration:none;border-bottom-color:blue;}



/*
__________________________________________________________  
Images
__________________________________________________________  

*/
.alignnone, .size-full{
    margin: 0%;
max-width:1800px;
width:100%;}

.entry-content .alignnone, .entry-content .aligncenter, .entry-content .alignwide, .entry-content .alignfull {
    margin: 0em auto;
}

#related-posts .preview-image{
	width:100%;
	height:500px;
	background-position: center; 
}


.preview-image{
	width:100%;
	background-position: center; 

}


img{padding-bottom:100px;}

/*
__________________________________________________________  
Typography
__________________________________________________________  

*/
body {font-family: Arial Narrow, Arial, sans-serif;}
h1{ font-family: Helvetica Neue;font-size:3vw; font-weight:400;}
h2{ font-family: Arial Narrow, Arial, sans-serif;}

h3{ font-family: Arial Narrow, Arial, sans-serif;}
h5{ font-family: Arial Narrow, Arial, sans-serif;font-size:5vh;	text-decoration:underline;}



.site-title a {
    font-size: 7vh;
	margin-left:-9%;
    font-family: Helvetica Neue;
	position:fixed;
}




.excerpt p{
	background:white;
	font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace; 
	font-size: 1.6vh; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: 100; 
	line-height: 2.4vh; 
}

.title {
	    font-size: 50px;

    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 1;
	margin-bottom:20px;
	color:black;
}

.post-preview h2 {
	    font-size: 25px;

    color: black;
    line-height: 1;
    text-align: left;
    width: 100%;
    word-break: break-word;
}

.entry-content p {
	font-family:helvetica neue;
	font-size:2vw;
    line-height: 1.4;
	margin-top: 35px;
	font-weight:200;
    margin-bottom: 35px;
	letter-spacing:0.7px;
}

.entry-content h1 {
	font-family:helvetica neue;
	font-size:3vw;
    line-height: 1.4;
	margin-top: 180px;
	font-weight:400;
    margin-bottom: 35px;
	letter-spacing:0.7px;
}


.quotes {
	display:block;
	position:relative;
	height:auto;
	font-size:33px;
	width:100%;
	margin-bottom:50px;
}

.entry-content h2 {
    font-size: 30px;
}

.title h2 {
    font-size: 35px;
}

.site-header .site-title  {
    font-size: 5vw;
    font-weight: 500;
	position:fixed;
	margin-left:0;
		margin-left:-160px;

}



/* Links ----------------------------- */


body a:hover {
    text-decoration: none;
}
 a:hover { 
	border-bottom-color: rgba( 0, 0, 0, .9 ); 
	color: rgba( 0, 0, 0, .9 );
	text-decoration: none;
	border-bottom-color:black;}

.site-nav a:hover {

	text-decoration:none;
}

.site-nav ul a {
    border-bottom: 0px solid black;
}


.site-nav ul a:hover {
    color:blue;
}






/*
__________________________________________________________  
Display None
__________________________________________________________  

*/

.nav-toggle, .title

{background-color:yellow;display:none;}

#menu-footer-menu {display:none;}

.comments, .post-preview header, .menu-footer-menu,
h7, .meta, #commentform, #reply-title{display:none;}


/*
__________________________________________________________  
iPhone 6, 7, & 8 Media Queries Portrait&Landscape
__________________________________________________________  

*/




@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { 
	
/*
__________________________________________________________  
Navigation
__________________________________________________________  

*/
	
.site-header .site-title {
	margin-left:0px;
}
	
.nav-toggle .bar {
    background-color: rgba( 33, 42, 52, 1 );
    display: block;
    height: 1px;
    margin-top: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: calc( 50% - 1px );
    transform: rotate( 0deg );
    transition: transform .1s ease-in 0s, margin 0.1s ease-in 0.1s, opacity 0s ease-in 0.1s;
    width: 45px;
    z-index: 1;
}

.nav-toggle .bar:nth-child(1) {
    margin-top: -19px;
	height:4px;
}

.nav-toggle .bar:nth-child(2) {
    margin-top: -4px;
		height:4px;

}

.nav-toggle .bar:nth-child(3) {
    margin-top: 10px;
		height:4px;

}
	
	
	
	
/*
__________________________________________________________  
Content
__________________________________________________________  

*/	
	
.post-preview header {
    bottom: 10px;
    left: 10px;
    right: 10px;
    top: 10px;
}
	
	
	
	
.section-inner {
  
    max-width: 100%;
    width: 100%;
    margin-top: 10px;
	padding-left:3%;
}
	
	
	
	.post-preview {
    
    width: 100%;
	margin-right:0;
}
	
.site-title a {
    font-size: 8vh;
    font-family: Helvetica Neue;
    position: fixed;
	margin-left:-1.3%;
	    margin-top: -15px;

}
	
	
.title {
    font-size: 25px;

}

.nav-toggle {
    cursor: pointer;
    position: absolute;
    right: 2%;
    top: calc( 10% - 15px );
    width: 30px;
    position: fixed;
    margin-top: -35px;
}

	
	
.site-nav.active {
    left: 0%;
    right: 0;
    opacity: 1;
    transform: translateY( 0 );
    transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}
	
	
.site-nav li {
    display: block;
    font-size: 1vh;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1;
    width: 100%;
	padding-left:3%;
}
	
.site-nav ul:first-child li {
    font-size: 24px;
}
	
	

	
.section-inner .section-inner {
    width: 97%;
	margin-top:40px;
}
	
.related {
    padding:2%;
	padding-top:20px;
}	
	
.post-preview {
    width: 100%;
    margin-right: 0%;
    padding-left: 0%;
	margin:0;
}	
	
	.preview-image{width:100%;}
	
	
.related-posts-wrapper {
    padding:0%;
	width:100%;
}
	
.related-posts {
    margin: 0px;
	padding:0;
}	
	

.related-posts .post-preview {
    width: 100%;
    margin-right: 0%;
	padding:2%;
	padding-left:2%;
}
.related-posts .post-preview {
    float: left;
}
	
	
	
	
.entry-content {
    margin:0; padding:0;
	width:100%;
}
	
	
	
.site-footer {
   
	width:99%;
	
	
	
}
	
	.site-footer {
		font-size:12px;
		line-height:17px;
    padding:0;
    padding-top: 0px;
	padding-bottom: 5px;
		padding-left:3%;
		text-align:left;
	
	
	
}
	
	
	
	
	/*
__________________________________________________________  
Typography
__________________________________________________________  

*/
	
.site-title a {
    font-size: 3vh;
	margin-left:0%;
	position:fixed;
	margin-top:2%;
}

	
	
strong{font-weight:500;}
	
h2{ display:block;
	font-size:2.7vh;}

	
	
.entry-content p {
	font-size:2.4vh;
}
	
.excerpt p{

	font-size: 16px; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: 100; 
	line-height: 23px; 
}	

.entry-content h1 {
    font-family: helvetica neue;
    font-size: 5vw;
    line-height: 1.4;
    margin-top: 100px;
    font-weight: 400;
    margin-bottom: 35px;
    letter-spacing: 0.7px;
}
	
	
	/*
__________________________________________________________  
Images iphone 6,7,8 Portrait
__________________________________________________________  

*/
.alignnone, .size-full{
    margin: 0%;
max-width:1800px;
width:100%;}

.entry-content .alignnone, .entry-content .aligncenter, .entry-content .alignwide, .entry-content .alignfull {
    margin: 0em auto;
}

#related-posts .preview-image{
	width:100%;
	height:500px;
	background-position: center; 
}


.preview-image{
	width:100%;
	background-position: center; 

}


img{padding-bottom:300px;}

	
	.site-footer {
		font-size:10px;
		line-height:10px;
    padding-right:1%;
    padding-top: 0px;
	padding-bottom: 5px;
		padding-left:3%;
		text-align:left;
		width:99%;
	
	
	
}
	
	

}

/*
__________________________________________________________  
iPhone 6, 7, & 8 Media Queries Landscape
__________________________________________________________  

*/


@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { 
	

.site-header .site-title {
	margin-left:0px;
}
	
	
.site-header{height:40px;padding:0;}
	
.site-nav li + li {
    margin-top: 10px;
	
}	
	
	
.site-nav {padding:0;
		margin:0;
		padding-top:15px;
	padding-bottom:50px;
	}
		
.nav-toggle {
  
    margin-top: -15px;
}
	
	#menu-menu-2{background:white;padding-top:20px;
		}	
	
#menu-menu-2 a{font-size:18px;}
	

.section-inner {
    width: 97%;
} 
	
	
.post-preview {

    width: 50%;
	margin-right: 0%;
    
}
	
.entry-content p {
    font-size: 2.5vw;
    line-height: 1.4;
    margin-top: 25px;
    
}
	
	
	
.excerpt p{

	font-size: 14px; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: 100; 
	line-height: 19px; 
}	
	
.related-posts .post-preview {
    width: 50%;
    margin-right: 0%;
	padding:1%;
}
	
	
	
	
	
.site-title a {
    font-size: 9vh;
	margin-top: -5px;
	margin-left:0%;

}
	
	
	.site-footer {
   
	width:98%;
	
	
	
}
	
	
	
	
	.site-footer {
		font-family: Arial Narrow, Arial, sans-serif;
		position:relative;
		padding-left:2%;
	
	
	
}
	
	
	/* Images ----------------------------- */


	
	
	
	
	

}







/*
__________________________________________________________  
iPad in portrait Media Queries
__________________________________________________________  

*/




@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

.site-header .site-title {
	margin-left:0px;
}
.site-title a {
    font-size: 7vh;
	margin:0;

}
	
	
	
.nav-toggle {
  
    margin-top: -60px;
}
	
	
.section-inner {

    width: 97%;
}
	
	
.post-preview {

    width: 98%;
	margin-right: 0%;
    
}
	
	
	
	

}