/*
Theme Name: Hamilton Child
Template: hamilton
Author: Anders Norén
Author URI: http://www.andersnoren.se
Description: Hamilton is a clean WordPress portfolio theme for creatives. It displays posts in a beautiful image grid that can be set to either two or three columns, which makes it a perfect fit for photographers, illustrators or graphic designers looking for a theme for their portfolio. It also features a dark mode, custom background color support, a resume page template, responsive design, Jetpack infinite scroll support, editor styling, and much more. Demo: http://andersnoren.se/themes/hamilton/
Tags: blog,two-columns,three-columns,custom-menu,featured-images,threaded-comments,translation-ready,grid-layout,custom-background,custom-logo,editor-style,sticky-post,theme-options,portfolio,photography
Version: 1.17.1521457593
Updated: 2018-03-19 11:06:33

*/

/* -------------------------------------------------------------------------------- */
/*	3.	Header
/* -------------------------------------------------------------------------------- */



.site-header {

    padding: 50px 0 0 20px;

}

.site-header .site-title {
	
	font-size: 94px;
	font-weight: 500;
	text-shadow: 2px 2px #FC0;
}


.nav-toggle .bar {
    background-color: rgb(255, 250, 4);
    height: 3px;
    
    width: 35px;

}

/* Page Header ----------------------------- */

.page-header {
		
		margin: 0 auto 40px auto;
		max-width: 100%;
		min-height: 140px;
		text-align: center;
		width: 560px;
}

.preview-image:after {
	background: none; 
	
}
/* Base Typography ----------------------------- */

.title {
	font-size: 40px;
	font-weight: bolder;
	letter-spacing: -0.025em;
	line-height: 1.35;
	
	text-transform: uppercase;
	background-color: #FFFF00;
}

.post-preview h2 {
	color: #fff;
	line-height: 1.25;
	text-align: center;
	width: 100%;
	word-break: break-word;
}

.post-preview h2 {
	color: #000;
	
}

.meta {	
	color:#000;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #FFFF00;
	font-size: 18px;
	margin-top: 30px;
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}


/* -------------------------------------------------------------------------------- */
/*	6.	Entry Content
/* -------------------------------------------------------------------------------- */


.entry-content p {
	background-color:#FFFF00;
}

/* -------------------------------------------------------------------------------- */
/*	11.	Media Queries
/* -------------------------------------------------------------------------------- */

/* 400 PX */

@media ( max-width: 400px ) {
    
    
     .site-header {

    padding: 20px 0 0 20px;

}

.site-header .site-title {
	
	font-size: 40px;
	font-weight: 500;
	text-shadow: 2px 2px #FC0;
} 
   
/* Navigation ----------------------------- */
	
.site-nav {
		padding-top: 170px;
		padding-bottom: 40px;
	}
        
.site-nav ul:first-child li {
		 font-size: 40px;
		text-align: center;
	}
	

}


/* 320px */
@media ( max-width: 320px ) {
    
   .site-header {

    padding: 20px 0 0 20px;

}

.site-header .site-title {
	
	font-size: 40px;
	font-weight: 500;
	text-shadow: 2px 2px #FC0;     
} 
   
.site-nav {
		padding-top: 90px;
		padding-bottom: 40px;
	}
	.site-nav ul:first-child li {
		 font-size: 24px;
		text-align: center;
	}
    
	/* -------------------------------------------------------------------------------- */
/*	X.	Site Navigation
/* -------------------------------------------------------------------------------- */



}