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

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


/* RESPONSIVE */


@media (max-width: 1200px)	{


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

	.logoWrapper	{
			margin: 0 auto;
			max-width: 100%;
			}

	.logo_image	{
			width: 300px;
			display: block;
			float: left;
			margin: 0 0 0 2%;
			margin-left: 5%;
			text-align: left;
			}

    .logo_image img	{
			width: 100%;
			height: auto;
			}

	.header_right	{
			width: 60%;
			padding: 0 0 0 0px; 
			margin: 0 0 0 0;
			margin-right: 2%;
			display: block;
			float: right;
			text-align: center;
			}

}


@media (max-width: 1024px)	{

	#top-links,
	#navbar		{
			display: none;
			}

	#tagline	{
			width: 400px;
			margin: 20px 0 0 20px;
			font-size: 1.35em;
			line-height: 1.15em;
			}

	#phone		{
			width: 300px;
			margin: 20px 0 0 20px;
			font-size: 2em;
			line-height: 2em;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			-khtml-border-radius: 3px;
			border: 2px solid #5e84b8;
			}

	#navbar		{
			width: 100%;
			}

.top-nav-menu li a 	{
			font-size: 14px;
			padding: 15px 0px;
			margin: 0 0 0 10px;
			}

	#slider 	{
			width: 100%;
			/* height: 300px; */
			}

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

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

	.column-full	{
			margin: 0 auto;
			width: 100%;
			}

	.home-feature	{
			float: left;
			width: 30%;
			margin: 10px 0px 20px 20px;
			padding-bottom: 20px;
			text-align: center;
			}

	.feature-photo	{
			width: 100%;
			margin: 15px auto 20px;
			background-color: silver;
			border: 3px solid white;
			}

	.feature-title	{
			font-family: Arial, sans-serif;
			font-weight: bold;
			font-size: 1.25em;
			}

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

	.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;
			}

.hydraulic-button-text	{
			font-size: 2em;
			line-height: 1.2em;
			float: right;
			margin-right: 10px;
			}

	#video		{
			width: 90%;
			height: 300px;
			float: left;
			margin: 10px 0 30px 20px;
			}

	.site-info 	{
			width: 100%;
			padding: 3% 0% 3% 0%;
			}

	.site-footer 	{
			max-width: 100% !important;
			width: 100% !important;
			float: none;
			margin: 0 auto;
			}

	.footer-col-1	{
			float: left;
			width: 40%;
			margin: 0 50px 0 0%;
			font-size: 1em;
			}

	.footer-col-2	{
			float: left;
			width: 45%;
			box-sizing: border-box;
			margin: 20px 0 0 0;
			font-size: 1em;
			}

	#footer-bottom	{
			margin: 0 auto;
			width: 90%;
			}



}





@media (max-width: 569px)	{


	#top-links,
	#navbar		{
			display: none;
			}

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

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

    .logo_image img	{
			width: 70%;
			height: auto;
			}

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

	#slider	 	{
			width: 100%;
			height: auto;
			padding-top: 20px;
			padding-bottom: 20px;
			background-position: center;
			}

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

	#tagline	{
			width: 90%;
			float: none;
			margin: 0 auto;
			font-size: .9em;
			line-height: 1.25em;
			}

	#phone		{
			width: 90%;
			float: none;
			margin: 20px auto;
			font-size: 1.75em;
			line-height: 1.125em;
			clear: both;
			padding: 15px 0 10px 0;
			}

	#phone:hover	{
			border: 2px solid #f6cf02 !important;
			background-color: #d4b103; /* dark yellow */
			}

	.tel-icon img	{
			width: 20px;
			height: auto;
			}

#hydraulic-buttons	{
			width: 90%;
			float: none;
			margin: 0px auto;
			font-size: 1.5em;
			line-height: 1.15em;
			text-align: right;
			}

	.column-full	{
			margin: 0 auto;
			width: 90%;
			}

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

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

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

	.page-id-42 #secondary,
	.page-id-47 #secondary,
	.page-id-49 #secondary,
	.page-id-40 #secondary,
	.page-id-51 #secondary,
	.page-id-912 #secondary,
	.page-id-55 #secondary,
	.page-id-53 #secondary,
	.page-id-57 #secondary,
	.page-id-964 #secondary,
	.page-id-8 #secondary
			{
			display: none;
			}

	.site-info 	{
			width: 100%;
			padding: 3% 0% 3% 0%;
			}

	.site-footer 	{
			max-width: 100% !important;
			width: 100% !important;
			float: none;
			margin: 0 auto;
			padding: 0 0 0 0;
			}

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

	.footer-col-1,
	.footer-col-2	{
			float: left;
			width: 90%;
			margin: 0 0 0 20px;
			padding: 0 0 0 0;
			font-size: 1em;
			}

#hydraulic-buttons	{
			width: 100%;
			float: right;
			margin: 20px 0px 20px 0;
			}

.hydraulic-button-wrap	{
			width: 100%;
			float: right;
			margin: 0 0 5px 0;
			background: none;
			}

.hydraulic-button	{
			float: left;
			width: 100%;
			}

.hydraulic-button-text	{
			float: right;
			margin-right: 10px;
			font-size: 1.35em;
			line-height: 1em;
			float: right;
			}

.hydraulic-button:hover	{
			width: 100%;
			}

.hydraulic-button-art	{
			display: none;
			}

	.home-feature	{
			float: left;
			width: 90%;
			margin: 0px 0 0 10px;
			}

	.feature-photo	{
			float: left;
			width: 100%;
			margin: 20px 0 20px 0;
			border: 3px solid white;
			clear: both;
			}

	#video		{
			width: 90%; /* 300px */
			/* height: 150px; */
			float: none;
			margin: 0px auto; /* 10px 0 30px 0 */
			}

 	.entry-title	{
			font-size: 2em;
			margin-bottom: 1em;
			padding-top: 20px;
			}

 .entry-title-white	{
			font-size: 1.5em;
			margin-bottom: 10px;
			}


	#footer-bottom	{
			font-family: Arial, sans-serif;
			font-weight: bold;
			margin: 0 auto;
			padding-top: 15px;
			padding-bottom: 25px;
			width: 90%;
			line-height: 1.25em;
			}

	.anab-asr-logos	{
			float: left;
			width: 100%;
			text-align: left;
			clear: both;
			margin-bottom: 10px;
			}

	h3		{
			font-size: 1.25em;
			line-height: 1.1em;
			margin-bottom: 20px;
			}

.site-main-one-col	{
			padding: 3% 0 3% 3%;
			}

	.team-photo-bio	{
			margin-right: 50px !important;
			clear: both !important;
			}	

		pre 	{
			font-family: Arial, sans-serif; /* Inconsolata, monospace */
			font-size: .8em;
			line-height: 2em !important;
			-webkit-hyphens: none;
			-moz-hyphens: none;
			-ms-hyphens: none;
			hyphens: none;
			}


}