/*
Theme Name: Helibasket
Theme URI: http://wordpress.org/
Description: Child Theme for Twenty Fifteen
Author URI: 
Template: twentyfifteen
Version: 1.1
*/

@import url("../twentyfifteen/style.css");
@import url("../helibasket/structure.css");
@import url("../helibasket/access.css");


/* RESPONSIVE */



@media (max-width: 3000px)	{


body		{
			/* background-image: url(images/helibasket-bg.jpg); */
			background-repeat: no-repeat;
			background-position: top center;
			/* background-height: 737px; */
			}

#slider 	{
			position: relative;
			margin: 0 auto;
			/* height: 737px; */
			/* background-image: url(images/helibasket-hero-3.jpg); */
			background-repeat: no-repeat;
			background-position: center;
			background-size: 1500px;
			background-color: none !important;
			}

#hero-content-wrap	{
					width: 100%;

					margin: 0 auto;
					text-align: center;
					position: absolute;
					top: 45%;
  					transform: translateY(-55%);
					}

#hero-content	{
				float: left;
				width: 38%;
				margin: 0 0 0 10%;
				text-align: left;
				color: white;
				font-family: 'Montserrat', sans-serif;
				}


}



@media (max-width: 1200px)	{


#slider 	{
			position: relative;
			margin: 0 auto;
			/* height: 650px; */
			background-size: cover;
			}

.top-nav-menu li a 	{
			padding: 15px 10px;
			}

.column-wrap-blue	{
			width: 100% !important;
			padding: 0 0 30px 0 !important;
			}

.full-column-blue	{
			width: 100%;
			padding-bottom: 30px;
			}

}


@media (max-width: 1024px)	{




	#navbar		{
				float: left;
				width: 40%;
				margin: 10px 0 0 2%;
				text-align: center;
				}

	.header_right	{
					width: 20%;
					float: right;
					padding: 0 0 0 0; 
					margin-top: 10px; /* 45 */
					margin-right: 3%;
					text-align: right;
					}


		#slider 	{
					position: relative;
					width: 100%;
					margin: 0 auto;
					/* height: 400px; */
					}

#hero-content-wrap	{
					width: 100%;
					margin: 0 auto;
					text-align: center;
					position: absolute;
					top: 45%;
  					transform: translateY(-55%);
					}

	#hero-content	{
					float: left;
					width: 50%;
					margin: 0 0 0 8%;
					padding: 0 0% 0 0%;
					font-size: .9em;
					line-height: 1em;
					}


	.logo_row	{ 
				width: 100%;
				padding: 20px 0;
				}

	.logo_image	{
				width: 30%;
				float: left;
				margin-top: 5px;
				margin-left: 3%;
				}

	.logo_image img	{
					height: auto;
					}

.top-nav-menu li a 	{
			font-size: 15px;
			line-height: 1;
			padding: 15px 10px;
			}

	.hero-title	{
			font-size: 2.5em;
			line-height: 1em;
			}

	#page-photo 	{
			width: 100%;
			height: 200px;
			}

	.site-main 	{
			width: 100%; /* 90 */
			float: none;
			margin: 0% auto;
			padding: 5% 0;
			}

	.site-content 	{
			/* width: 95% !important; */
			}

	.column-half	{
			display: inline-block;
			float: none;
			width: 40%;
			margin: 20px 20px 20px 20px;
			}

	.site-footer 	{
			width: 95% !important;
			text-align: center;
			padding: 2% 0% 2% 0%;
			}

	.site-info 	{
			/* width: 90%; */
			margin: 0 auto;
			padding: 2% 0% 2% 0%;
			}

	p.column	{
			font-size: .9em;
			}

	h1		{
			font-size: 2em;
			line-height: 1.125em;
			margin-bottom: 20px;
			letter-spacing: -1px;
			}

.full-column		{
			width: 90%;
			margin: 0 auto;
			padding-bottom: 30px;
			}

.full-column-splash	{
			width: 90%;
			margin: 0 auto 3em;
			padding-bottom: 30px;
			}

.full-column-splash-shadow	{
				width: 90%;
				margin: 0 auto 3em;
				padding-bottom: 30px;
				box-shadow: 0px 0px 25px #d8d8d8;
				}

.column-wrap-blue	{
			width: 100%;
			padding-bottom: 30px;
			}

.full-column-blue	{
			width: 100%;
			padding-bottom: 30px;
			}

#home-video		{
			width: 90%;
			margin: 0 auto 3em;
			}

#video			{
			display: block;
			float: none;
			margin: 0px auto 20px;
			width: 90%;
			height: 280px;
			}

#video-content		{
			display: block;
			float: none;
			margin: 0 auto;
			padding: 20px 40px 20px 40px;
			width: 90%;
			height: auto;
			}


}


@media (max-width: 800px)	{


	.header_right,
	#navbar,
	.top-navbar,
	.top-nav-menu,
	.top-navigation {
					display: none;
					}


	h1			{
				font-size: 2em;
				line-height: 1.125em;
				margin-bottom: 20px;
				letter-spacing: -1px;
				}

	.hero-title	{
				font-size: 2em;
				line-height: 1em;
				}

	#navbar		{
				display: none;
				}

.column-wrap-blue	{
					width: 100%;
					padding-bottom: 30px;
					}

.full-column-blue	{
					width: 100%;
					padding-bottom: 30px;
					}

.column-third		{
					display: inline-block;
					width: 250px;
					margin: 15px 20px 15px 20px;
					text-align: center;
					font-size: 1em;
					line-height: 1.25em;
					vertical-align: top;
					}

}




@media (max-width: 569px)	{


		#slider 	{
					position: relative;
					width: 100%;
					margin: 0 auto;
					}

#hero-content-wrap	{
					width: 100%;
					margin: 0 auto;
					text-align: center;
					position: absolute;
					top: 45%;
  					transform: translateY(-55%);
					}

	.hero-title		{
					font-size: 1.15em;
					line-height: 1em;
					}

	#hero-content	{
					float: left;
					width: 50%;
					margin: 0 0 0 8%;
					padding: 0 0% 0 0%;
					font-size: .9em;
					line-height: 1em;
					}

	#hero-content p	{
					font-size: 1em;
					}

	.site-content 	{
					width: 100% !important;
					}

	.logo_row	{ 
				width: 100%;
				padding: 20px 0;
				}

.learn-more		{
				display: block;
				width: 140px;
				padding: 10px 25px 10px 25px;
				border: 1px solid #00b4ff; /* aqua blue */
				}

	.logo_image	{
			width: 75%;
			display: block;
			float: left;
			margin-left: 5%;
			text-align: center;
			}

	.header_right,
	#navbar,
	.top-navbar,
	.top-nav-menu,
	.top-navigation {
			display: none;
			}


	#page-photo 	{
			width: 100%;
			height: 150px;
			}

	.site-main 	{
			width: 90%;
			float: none;
			margin: 0% auto;
			padding: 5% 0;
			}

.site-main-splash	{
			width: 90%;
			}

.full-column-splash	{
			width: 100%;
			margin: 0 auto 2em;
			padding-bottom: 30px;
			}

.full-column-splash-shadow	
			{
			width: 85%;
			margin: 0 auto 2em;
			padding-bottom: 30px;
			box-shadow: 0px 0px 25px #d8d8d8;
			}

.full-column-blue	{
			width: 100%;
			}

	#home-video	{
			width: 100%;
			margin: 0 auto 2em;
			}

	#video		{
			float: none;
			margin: 20px auto;
			width: 90%;
			height: 200px;
			}

    #video-content	{
			float: none;
			margin: 0 auto;
			padding: 10px 30px 20px 30px;
			width: 90%;
			height: auto;
			}

	.site-footer 	{
			width: 100% !important;
			text-align: center;
			}

	.footer-left,
	.footer-right	{
			float: none;
			width: 90%;
			margin: 20px auto;
			text-align: center;
			}

	h1		{
			font-size: 1.5em;
			line-height: 1em;
			margin-bottom: 20px;
			letter-spacing: -1px;
			}

.column-wrap-testimonials,
.column-wrap-numbers	{
						margin-bottom: 30px;
						padding-bottom: 20px;
						}

	.column-third	{
			display: block;
			width: 90%;
			margin: 0 auto;
			}

	.column-fourth	{
			display: block;
			width: 80%;
			margin: 20px auto;
			font-size: 1em;
			line-height: 1.25em;
			}

	.column-half	{
			float: none;
			width: 90%;
			margin: 0 auto;
			}

	.mobile-hide	{
					display: none;
					}

	.product-thumb	{
			float: left;
			width: 200px;
			height: 200px;
			margin: 10px 30px 10px 0;
			}

     .product-content	{
			float: left;
			width: 95%;
			margin: 10px 0 0 0;
			}

	.social-icon	{
			display: inline-block;
			float: none;
			width: 40px;
			height: 40px;
			margin: 0 5px 0 5px;
			border-radius: 1.75em;
			}

.footer-logo img	{
					width: 80%;
					height: auto;
					}


.footer-logo		{
					margin-top: 10px;
					}

	.address-line	{
					display: block;
					width: 100%;
					margin: 0 auto;
					clear: both;
					}

.headerWrapper.none	{
					position: static;
					}


}