/*
Theme Name: Water Taxi Wordpress 2015
Theme URI: http://wordpress.org/
Description: Child Theme for Twenty Fifteen
Author URI: 
Template: twentyfifteen
Version: 1.12
*/

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


/* RESPONSIVE */


@media (max-width: 2024px)	{

	.site-info 	{
				width: 1200px;
				margin: 0 auto;
				padding: 3% 0% 3% 0%;
				color: white;
				}

}


@media (max-width: 1200px)	{


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

	.logo_image		{
					margin-left: 3%;
					}

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

	#top-bar-left	{
					margin: 5px 0 5px 0%;
					}

	#top-bar-right	{
					margin: 5px 0% 5px 0;
					}

	.header_right	{
			padding: 0 0 0 0; 
			margin-top: 20px; 
			margin-right: 4%;
			display: inline-block;
			float: right;
			text-align: right;
			}

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

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

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

	.site-info 		{
					width: 90%;
					margin: 0 auto;
					padding: 3% 0% 3% 0%;
					color: white;
					}

	.footer-col		{
					float: left;
					width: 28%;
					margin: 0 2% 0 2%;
					font-size: .9em;
					}

	.feature		{
					margin: 30px 2px 0 2px;
					width: 250px;
					vertical-align: top;
					}

	.feature-photo	{
					width: 95%;
					height: auto;
					}

}


@media (max-width: 1024px)	{
	
	
		#top-bar-left,
		#top-bar-right 		{	
							display: none;
							}
	

	.logo_image	{
				width: 250px;
				display: block;
				float: left;
				margin-left: 0%;
				margin: 0 0 0 0;
				text-align: center;
				}

	.logo_image img	{
			width: 50%;
			height: auto;
			}
	
	.top-nav-menu li a 	{
						font-size: 16px;
						line-height: 1;
						padding: 15px 0px;
						margin: 0 10px 0 10px;
						}
	
		.header_right	{
						margin-top: 30px; 
						}

	#slider,
	#page-photo {
				width: 100%;
				height: 350px;
				}


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

	.feature	{
				margin: 30px 2px 0 2px;
				width: 200px;
				vertical-align: top;
				}

.feature-photo	{
				width: 95%;
				}

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

	.site-info 	{
				width: 100%;
				margin: 0 auto;
				padding: 3% 0% 3% 0%;
				color: white;
				}

	.footer-col	{
				display: inline-block;
				float: none;
				width: 32%;
				margin: 0 0% 0 0%;
				font-size: .9em;
				vertical-align: top;
				}


}


@media (max-width: 800px)	{


	#top-bar-wrap	{
					border-top: 4px solid #ce0627; /* red */
					}

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


.gallery-columns-4 .gallery-item 
						{
						max-width: 50%;
						}

}


@media (max-width: 569px)	{
	
	
	
	.logo_image	{
				width: 300px;
				display: block;
				float: none;
				margin: 0 auto;
				text-align: center;
				}


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


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

	.header_right	{
			width: 100%;
			padding: 0 0 0 0px; 
			margin: 20px auto 0;
			margin-right: 0%;
			display: block;
			float: none;
			font-size: 1em;
			text-align: center;
			clear: both;
			}

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

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

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

.site-main-one-col	{
					width: 95%;
					margin: 0 auto;
					padding: 3% 0 0 0;
					}

	.entry-title 	{
					margin-bottom: 10px;
					}

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

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

	.footer-col		{
				float: none;
				width: 90%;
				margin: 10px auto 30px;
				font-size: 1em;
				}

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

	#features	{
				margin: -10px auto 0;
				width: 95%;
				}

	.feature	{
				display: block;
				margin: 20px auto;
				width: 80%;
				}

.feature-photo	{
				width: 100%;
				margin: 0 auto;
				}

		h1		{
				font-size: 1.5em;
				}

.entry-title	{
				font-size: 2em;
				}

  .mobile-hide	{
				display: none;
				}

#no-photo-spacer{
				height: 150px;
				}

.gallery-columns-4 .gallery-item 
				{
				max-width: 100%;
				}

}