/*
Theme Name: Custom Forest Products 2018
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("../customforest2018/structure.css");
@import url("../customforest2018/access.css");


/* RESPONSIVE */





@media (max-width: 1300px)	{


.header_right	{
				margin-top: 55px;
				font-size: 1em !important;
				}

}



@media (max-width: 1200px)	{


	.logo_row	{ 
				width: 90%;
				}

   .logoWrapper	{
				width: 100%;
				}

.header_right	{
				margin-top: 53px;
				font-size: 1em !important;
				}

}





@media (max-width: 1024px)	{

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

.header_right	{
				margin-top: 56px;
				font-size: 1em;
				}

	#navbar		{
				width: 500px;
				margin: 45px 0 0 0;
				}

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

	#slider		{
				width: 100%;
				height: 400px;
				}


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

	h1.hero		{
				font-size: 1.5em;
				margin-bottom: 20px;
				}

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


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

	#secondary 	{
				display: block;
				float: left;
				margin: 20px 0 0 0;
				width: 100%;
				padding-bottom: 50px;
				}

	.secondary 	{
				width: 100%;
				box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
				}

	.widget 	{
				padding: 0 0 0 10px;
				margin: 0 0 25px 0;
				font-family: Arial, sans-serif;
				font-size: .9em;
				color: #333;
				}


}




@media (max-width: 960px)	{


.header_right	{
				margin-top: 25px;
				font-size: 1em;
				margin-right: 8%;
				}

	h1.hero		{
				font-size: 1.25em;
				line-height: 1em;
				margin-bottom: 20px;
				}


}






@media (max-width: 569px)	{


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

	.logo_image,
	.logo_image.scroll	{
				width: 90%;
				display: block;
				float: none;
				margin-left: 0%;
				margin: 0 auto;
				text-align: center;
				}


	.header_right.scroll,
	.header_right	{
					width: 90%
					padding: 0 0 0 0px; 
					margin: 0 auto;
					margin-right: 0%;
					display: block;
					float: none;
					text-align: center;
					clear: both;
					}

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


.hero-content 		{
					font-size: .9em;
					line-height: 1.45em;
					}

	#slider		{
				width: 100%;
				height: 200px;
				}


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

#home-video 	{
				margin: 0 auto 20px;
				width: 95%;
				height: 200px;
				}

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

.difference-icon	{
					display: block;
					width: 90%;
					margin: 0 auto;
					clear: both;
					}

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

	#secondary 	{
				display: block;
				float: left;
				margin: 20px 0 0 0;
				width: 100%;
				padding-bottom: 50px;
				}

	.site-footer 	{
					text-align: center;
					}

	.footer-col-1,
	.footer-col-2,
	.footer-col-3	{
					float: none;
					width: 90%;
					margin: 0 auto 20px;
					padding: 0 0 0 0;
					font-size: 1em;
					text-align: center;
					}

a.big-button:link,
a.big-button:visited	{
						font-size: 1em;
						padding: 15px 30px 15px 30px;
						}


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

   .social-icon img	{
					width: 100%;
					height: auto;
					}


}