/* 
Navigation

***************************************************/




/*
	Search form
 */
nav.main .search-form .screen-reader-text
,nav.main .search-form .search-submit
{
	display:none;
}

nav.main .search-form
{
	margin: 0.4rem 0;
	border:1px solid #ccc;
	padding-left:1.5rem;
	padding-right:1.5rem;
	position:relative;
}

nav.main .search-form .search-field
{
	border:none;
	width:100%;
	line-height:1.5;
	color:#333;
}

nav.main .search-form .search_options
{
	position:absolute;
	background-color:#f0f0f0;
	left:0;
	right:0;
}

nav.main .search-form .search_options label
{
	display:block;
	padding:0.5rem 1rem;
}

nav.main .search-form .search_options button
{
	float:right;
	margin:1rem;
}


/*
	Main menus
 */
nav.main .main_nav a
{
	font-family: 'Lato', sans-serif;
	font-size:1.7rem;
	font-weight: normal;
	color:#000;
	padding: 0 1.9rem;
	display:block;
	line-height:3.4rem;
}

nav.main .main_nav a:hover
{
	text-decoration: none;
}

nav.main .main_nav a:before
{
	font-family:FontAwesome;
	content:"\f0c8";
	font-size:1rem;
	padding-right:0.5rem;
	position:relative;
	top:-.25rem;
}

nav.main .main_nav li
{
	overflow:hidden;
}

nav.main .main_nav .menu
{
	padding:0 1rem;
}



/*
	archive page menu
 */
nav.archive a
{
	display:inline-block;
	padding:0.75rem
}

nav.archive .prev:before
{
	font-family:FontAwesome;
	content:'\f0d9  ';
}

nav.archive .next:after
{
	font-family:FontAwesome;
	content:' \f0da';
}

nav.archive a:after:hover
{
	text-decoration:none!important;
}




/*
	Collapsable main menu
 */

nav.main .collapsable_link
{
	cursor:pointer;
	line-height:3.4rem;
}

nav.main .col_collapsable_link
{
  display:none;
}

nav.main .main_nav.collapsable
{
	background-color:#e0e0e0;
	padding-top:1rem;
	padding-bottom:1rem;
	display:none;
}


/* 
Breakpoints
*/
@media only screen and (max-width: 725px)
{
	/*
		navigation
	 */
	nav.main .col_nav
	{
		width:100%;
	}
	
	nav.main .col_search
	{
		width:66%;
	}

	
	
	/*
	 Show collapsed menu
	*/
	nav.main .main_nav
	{
		display:none;
	}
	
	nav.main .col_collapsable_link
	{
		display:block;
	}
}





@media only screen and (max-width: 380px)
{
	nav.main .collapsable_link .text
	{
		display:none;
	}
	
	nav.main .collapsable_link
	{
		padding-right:0;
	}	
	nav.main .col_search
	{
		width:80%;
	}
	
	nav.main .col_collapsable_link
	{
		width:20%;
	}
}