/*
	============================================================

             	Custom theme for Cascade Garden
	
					  ©2017 INVISIBLE INK
					  Author: Chris Duren
					  www.invisibleink.com

			Increase your visibility with Invisible Ink™
			
	============================================================
*/

html {min-width: 320px;}

.tab a {padding: 15px;}
	
.copy .vp	{padding: 60px;}
	
h2	{font-size: 1.85em;}

h3	{
	padding: 25px;
	font-size: 1.65em;
	}
	
h4	{font-size: 1.45em;}
	
.type2 li	{font-size: 1.25em;}

@media screen and (max-width: 975px) { 

	h2	{font-size: 1.75em;}
	
	h3	{
		padding: 20px;
		font-size: 1.5em;
		}
			
	h4	{font-size: 1.35em;}
	
	h5	{font-size: 1.15em;}
	
	h6	{font-size: 1em;}
	
	.menu h1	{
		display: block; 	
		margin: 0 auto;
		}
	
	.toggleMenu	{display: block;}
	.toggleMenu span	{position: relative;}

	.toggleMenu span:before	{
		content: "";
		position: absolute;
		top: 37%;
		left: 50%;
		margin-left: -60px;
		width: 16px;
		height: 2px;
		border-top: 6px double #fff;
		border-bottom: 2px solid #fff;
		}
	
	#navigation	{
		max-width: none;
		padding: 0;
		}
	
	.nav	{
		background: #e5e5e5; 
		text-align: center;
		padding: 0;
		}

	.tab 	{width: 100%;}

	.tab a {
		font-size: 1em;
		padding: 12px 15px;
		/* disable desktop current tab styles */
		color: #696969 !important;
		background: none !important;
		}
	
	.tab a:hover, .nav > li.hover > a, .tab a:active 	{
		color: #fff !important;
		background: #999 !important;
		}
	
	.nav > li.hover > ul {
		width: 100%;
		position: static;
		}

	.sub {
	    position: relative;
		top: auto;
		width: 100%;
		padding: 0;
		margin: 0;
		box-shadow: 0 0 0 0;
		}
	
	.sub li	{float: none;}
	
	.sub li a {
		width: 100%;
		padding: 10px;
		color: #6e9f41 !important;	
		background: #fff !important;
		text-align: center;
		}

	.sub li a:hover	{
		color: #6e9f41 !important;
		background: #fff !important;
		}

#search	{
	position: relative;
	top: auto;
	right: auto;
	margin: 0 auto;
	padding: 20px;
    }
	
#search input	{
	width: 100%;
	max-width: 350px;
	padding: 10px 40px 10px 15px;
	background: #799d4c;
	}

#search button	{background: url(../img/icons.png) -260px -160px no-repeat;}
	
	.header h2	{font-size: 4em;}
	
}

@media screen and (max-width: 900px) { 

	.header h2	{font-size: 3.5em;}

	.gallery_item	{
		width: 49%;
		transform: none;
		}
	
}

@media screen and (max-width: 775px) { 

	.header h2	{
		position: relative;
		top: auto;
		transform: none;
		padding: 100px 50px;
		font-size: 3em;
		}
	
	.type2 ul	{columns: 1;}

	.type2 li	{
		padding: 12px 15px;
		font-size: 1.25em;
		}

}

@media screen and (max-width: 650px) { 

	#jump2top	{
		position: relative;
		bottom: auto;
		right: auto;
		margin: 0 auto;
		}
	
	#jump2top:hover	{bottom: auto;}

}

@media screen and (max-width: 550px) { 
	
	.header h2	{
		padding: 50px 30px;
		font-size: 2.5em;
		}

	.copy .vp	{padding: 20px;}

	.gallery_item	{
		display: block;
		width: 100%;
		}
	
}

@media screen and (max-width: 450px) { 
	
	.menu h1	{
		box-sizing: border-box;
		width: 100%;
		height: auto;
		padding: 15px;
		}

	.menu h1 a	{	
		width: auto;
		height: auto;
		background: none;
		text-indent: 0;
		text-align: center;
		overflow: visible;
		font-family: "Amarante", sans-serif;
		font-weight: normal;
		font-size: 1.5em;
		line-height: 1;
		text-transform: uppercase;
		color: #6e9f41;
		text-decoration: none;
		}

}