/*
12 Media Queries
---------------------------------------------------------------------------------------------------- */

.mobile-nav {
	display:none;
	background-color:#fff;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	position: fixed;
	z-index: 2;
	width: 100%;	
}

.toggle-switch span {
	font-size: 0;
}

.toggle-switch{
	display: block;
	width: 100%;
	padding: 25px 0;
	text-align: left;
	text-decoration: none;
	position: relative;
	text-indent: 20px;
}

.toggle-switch:after{
	content: "";
	background: url(../lib/images/mobile_button_manova.png) no-repeat;
	position: absolute;
	height: 60px;
	width: 60px;
	top: 20px;
	right: 15px;
}

.primary .toggle-switch,
.secondary .toggle-switch {
	/*background: -webkit-linear-gradient(#4d4c4c 0%, #ffffff 100%);*/
	/*background: -webkit-linear-gradient(rgba(22,22,22,1) 0%, rgba(78,78,78,1) 100%)*/
	background-color:#fff;
}	   


/* Mobile Menu */
.genesis-nav-menu.menu-mobile {
  display: none;
}
.genesis-nav-menu.menu-mobile .menu-item {
  display: none;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 14px;
  width: 100%;
}
.genesis-nav-menu.menu-mobile .menu-item:hover {
  position: static;
  display: block;
}
.genesis-nav-menu.menu-mobile .menu-item:hover > .sub-menu {
  font-size: 14px;
  display: block;
  top: 0;
}

.genesis-nav-menu.menu-mobile a:hover {
	color: #007a45;
	background-color: #fff;
}
.genesis-nav-menu.menu-mobile .sub-menu {
  left: 0;
  margin: 0;
  opacity: 1;
  padding: 0;
  position: relative;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  width: 100%;
  z-index: 99;
  display: none;
  background-color: #666666;
}
.genesis-nav-menu.menu-mobile .sub-menu .sub-menu {
  margin: 0 0 0 10px;
}

.genesis-nav-menu.menu-mobile .menu-item a {
	display: block;
	text-align: center;
	padding: 1em 0;
	position: relative;
	letter-spacing: 2px;
	font-weight: normal;
}
	
/*
14 Media Queries
---------------------------------------------------------------------------------------------------- */

/* Desktops, laptops and iPads (landscape) ----------- */

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

	.wrap {
		padding: 0 10px;
	}	

}

/* iPads (portrait) ----------- */

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

	.wrap {
		padding: 0 2%;	
	}

	.archive-page,
	.footer-widgets .widget-area,
	.wrap,
	.site-footer .creds,
	.site-footer .gototop,
	.site-header .widget-area,
	.site-inner,
	.title-area,
	.site-container .sidebar,
	.site-container .content,
	.site-container .content-sidebar-wrap,
	.site-container .sidebar-secondary,
	.header-image .site-title,
	.header-image .title-area,
	.genesis-nav-menu.menu-mobile .sub-menu .sub-menu,
	.genesis-nav-menu.menu-mobile .sub-menu a
 	{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.header-image .site-title, 
	.header-image .title-area {
		min-height: 50px;
	}

	.header-image .site-title a {
		margin:auto;
	}

	.genesis-nav-menu li,
	.site-footer .creds,
	.site-footer .gototop,
	.site-header ul.genesis-nav-menu,
	.site-header .search-form {
		float: none;
	}

	.genesis-nav-menu,
	.site-description,
	.site-footer .creds,
	.site-footer .gototop,
	.site-header .search-form,
	.site-title,
	.title-area {
		text-align: center;
	}

	.genesis-nav-menu a {
		padding: 1.25rem 1rem;
	}

	.genesis-nav-menu .sub-menu a {
		background-color: #ccc;
		border: none;
	}

	.genesis-nav-menu .sub-menu a:hover {
		background-color: #007a45;
		color: #fff;
	}

	.site-title {
		margin: 1rem 0;
	}

	.site-header .search-form {
		margin: 2rem auto 0;
		width: 50%;
	}

	.menu li.right {
		display: none;
	}

	.partner {
		padding: 20px;
	}

	.site-footer .wrap {
		padding: 1.5rem 0;
	}

	.site-footer-widgets .widget-area {
		margin: 0;
	}
	
	.site-footer .footer-left,
	.site-footer .footer-right {
		text-align: center;
		width: 100%;
		float: none;
		padding: 0 0 .75rem;
	}
	
	.gototop {
		float: none;
	}
	
	.nav-primary,
	.nav-secondary {
		display: none;
	}
	
	.genesis-nav-menu.menu-mobile {
		display: none;
		background: #fff;
		border-bottom: 4px solid #ccc;
		text-align: center;
		margin: 0;
	}	

	.genesis-nav-menu.menu-mobile .menu-item {
		display: block;
		margin: 0;
		padding: 0;
		text-align: left;
		font-size: 14px;
		width: 100%;
	}
	
	.genesis-nav-menu.menu-mobile a {
	}
	
	
	
	/* Mobile Nav */
	
	.mobile-nav {
		display: block;
		box-shadow: 0px 0px 10px 0px #000;
	}
	
	#logo a{
		margin-top: -20px;
		position: fixed;
		z-index: 3;
	}
	
	#logo img,
	#logo.fixed img {
		width: 65px;
		height: 65px;
	}
	
	.site-footer .one-half {
		margin-left: 0;
	}

	
	/* Mobile Login Area */
	
	.login-toggle {
		display: inline-block; 
	}
	
	.login-area.slide-up{
		margin-top: -160px;
		}
	
	.login-area.slide-down {
		margin-top: 0px;
		}

	.login-area, 
	.mobile-login-area {
		display: block;
		position: fixed;
		z-index: 4;
		width:100%;
		text-align: center;
		height: 160px;
	}
	
	.login-area h4 {
		display:block;
		padding: 0;
		margin: 0;
	}

	.login-area .wrap, 
	.mobile-login-area .wrap {
		padding:0;
	}
	

	.login-area .login-wrap, 
	.mobile-login-area .login-wrap {
		display: block;
		background: #fff;
		height: 160px;
		overflow: hidden;
		border-bottom: 1px solid #ccc;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		}
	

	.login-area form 
	.mobile-login-area form {
		display: inline-block;
		width: 100%;
	}
	
	.login-area input,
	.mobile-login-area input {
		width: 49%;
		}
	
	.login-area .send_login,
	.mobile-login-area .send_login {
		display: inline-block;
		margin: 10px 0;
		width: 100%;
	}
	
	.login-area .send_login input,
	.mobile-login-area .send_login input {
		display: block;
		width: 100%;
	}
	
	.login-area .pw_reset,
	.mobile-login-area .pw_reset {
		display: block;
		width: 100%;
	}
		
	.login-toggle {
		display: inline-block;
		width: auto;
		padding: 2px 10px;
		background: #fff;
		border: 1px solid #eee;
		border-top: none;
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
		text-transform: uppercase;
		z-index: 3;
		margin: 0 auto;
		
	}


	/* Page Title / Features */ 

	.webmark_project,
	.webmark_product {
		margin-top: 50px;
	}
	
	.webmark_project .content, .webmark_product .content {
		padding: 20px;
	}
	
	.pagetitle {
		margin-top: 50px;
	}

	.webmark_project .pagetitle,
	.webmark_product .pagetitle {
		margin-top: 0px;
		}
	
	.webmark-product h3,
	.pagetitle h3 {
		padding: 30px 0 0 30px;
		font-size: 2.5rem;
	}

	.feature {
		position: relative;
		max-width: none;
		width: 100%;
	}

	.feature:nth-of-type(2),
	.feature:nth-of-type(4),
	.right.feature,
	.left.feature {
		left: auto;
		top: auto;
		right: auto;
		bottom: auto;
	}

	.feature:before,
	.feature:after {
		display: none;
	}
	
	
	/* Product boxes */
	
	#products .one-fourth {
		margin: 0;
		width: 50%;
		margin-bottom: 50px;
	}
	
	#products .komp-textarea {
		position: relative;
		}
	
	#products .komp-text {
		max-height: none;
		}
		
	#products .box:before {
		display: none;
		}
	
	
	/* Content */

	.site-inner {
		padding-top: 0;
	}

	.content-block {
		padding: 40px 0;
		padding: 4rem 0;
	}

	.page-subnav {
		margin: 0;
	}


	.clients .one-sixth {
		width: 33.3%;
	}

	.clients .one-sixth:nth-of-type(4) {
		clear: both;
		margin-left: 0;
	}

	/* Align everything center */
	.alignright,
	img.alignright,
	.aligncenter,
	img.aligncenter,
	.alignleft,
	img.alignleft {
		display: block;
		margin: 0 auto 24px;
		float:none;
	}

/* Align Simple Social Icons Centered */
	.simple-social-icons ul.alignright,
	.simple-social-icon ul.alignleft {
		text-align: center;
	}

	.simple-social-icons ul.alignright li,
	.simple-social-icons ul.alignleft li {
		display: inline-block;
		float: none;
	}

	/*.site-header .widget_text {
		display:none;
	}*/



/* iPhones (portrait and landscape) ----------- */

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

	html {
		font-size: 57.5%; 
	}

	.site-header .search-form {
		width: 100%;
	}

	.five-sixths,
	.four-fifths,
	.four-sixths,
	.one-fifth,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fifths,
	.three-fourths,
	.three-sixths,
	.two-fifths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		margin: 0;
		width: 100%;
	}
	
	#products .one-fourth {
		margin: 0;
		width: 100%;
		margin-bottom: 20px;
	}
	
	.pagetitle h3 {
		font-size: 2.2rem;
	}

}