/*
	Theme Name: Bay Digital
	Theme URI: http://baydigital.com.au
*/

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

	html, body, .wrapper, iframe, .content-main, .content{
		 width: 100%;
	}


/*-------HIDE-------*/


	.desktop, .content-sidebar, .slogan,
	.wp-forecast-curr, .footer-weather, .member-login .top-image-background,
	.member-login .content-main h1{
		display: none;
	}

	.member-login .content-wrapper{
		padding-top: 1px;
	}


/*-------ABOVE HEADER-------*/


	.above-header{
		text-align: right;
		position: relative;	
	}

	a.member-icon, a.social-icon{
		display: none;
	}

	/* Member Login */

	a.member-icon{
		padding: 10px 20px;
		margin-left: 10px;
		margin-top: -1px;
		background: #8db93f;
		color: #ffffff;
		text-align: center;
	}

	a.member-icon:hover{
		background: #8bcd16;
	}

	a.members-above-header{
	    padding: 10px;
	    width: 200px;
	    text-align: center;
	}

	/* Phone */

	a.phone-above-header{
		text-align: center;
		margin: 5px 0 7px 0;
		display: block;
	}

	#social-details{
		margin: 10px auto;
		width: 340px;
		min-height:65px;
	}

	#social-details a {
		float: right;
		}

	#social-details > div{
		float: right;
	}



	/*-------HEADER-------*/


	.header{
		-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);
		width: 100%;
		z-index: 9999;
		position: relative;
		padding-bottom: 50px;
	}

	/* logo */

	.logo, .slogan{
		width: 145px;	
		float: left;
	}

	.logo{
		width: 100%;
	}

	.logo a{
		width: 125px;
		margin: 5px auto 10px auto;
	}

	.slogan{
		width: 330px;
		padding: 25px 0;
		margin-left: 25px;
	}


	/*-------CONTENT-------*/


	/* Content headers */

	.archive .content h1, .single .content h1, .content-main h1{
		display: block;
		padding: 15px;
		margin-top: -84px;
	}

	.archive .post{
		border-bottom: 1px solid #dddddd;
    	margin: 20px 0;	
	}

	.page-numbers{
		margin: 0 3px;
	}

	/* Content */

	.wrapper{
		margin:0 auto;
		position:relative;
	}

	.content{
		padding: 30px;
	}

	.content-wrapper{
		padding: 5px 0;
	}

	.single .content-main{
		margin-top: 0;
	}

	.home .content{
		padding: 0 30px 0 30px;
	}

	.member-login .content{
		padding: 30px 0;
	}



	/* Page */

	.top-image{
		background-repeat: no-repeat;
		background-position: top center;
		background-attachment: fixed;
		 min-height: 225px;
		-webkit-background-size: initial;
	 	-moz-background-size: initial;
		-o-background-size: initial;
		background-size: initial;
	}

	.member-login .top-image{
		min-height: 67px;
	}

	.image_link_title a{
		background: rgba(255, 255, 255, 0.5);
		display: block;
		margin-top: -79px;
		position: relative;
		padding: 10px;
		z-index: 98;
		font-weight: bold;
		font-size: 16px;
	}



	/*------------------------------------ */
	/* BLOG */

	.type-post p{
		margin:0 0 20px 0;
	}


	/*-------ABOVE FOOTER-------*/


	.above-footer{
		padding: 45px 0;
		background: #022c42;
	}

	.above-footer .wrapper a{
		width: 90%;
		margin: 2.5% 5%;
		float: left;
		overflow: hidden;
	}

	.above-footer .wrapper span{
		background: rgba(255, 255, 255, 0.5);
		display: block;
		margin-top: -44px;
		position: relative;
		padding: 10px;
		z-index: 98;
		font-weight: bold;
		font-size: 16px;
	}

	.above-footer .wrapper a img {
		transition: all 1s ease;
		-moz-transition: all 1s ease;
		-webkit-transition: all 1s ease;
	}

	.above-footer .wrapper a:hover img{
		ms-transform: scale(1.05, 1.05); /* IE 9 */
	   	 -webkit-transform: scale(1.05, 1.05); /* Safari */
	   	 transform: scale(1.05, 1.05);
	}



	.content-main .mailchimp{

	}

	.content-main #mc_embed_signup{

	}


	/* Mailchimp */

	.footer .mailchimp{
		padding: 45px 0;
		background: #ffffff;
		width: 100%;
		display: block;
		border-bottom: #c7d7df solid 1px;
	}

	.footer .mailchimp.wrapper{
		padding-bottom: 30px;
		padding-top: 20px;
	}

	.footer .mailchimp h2{
		text-align: center;
		padding-bottom: 10px;
	}

	.footer .mailchimp #mc-embedded-subscribe{
		float: left;
		clear: none;
	}

	.footer #mc_embed_signup{
		background: transparent;
		display: block;
		margin: 0 auto;
	}

	.footer #mc_embed_signup form{
		padding: 0;
	}

	.footer #mc_embed_signup label{
		display: none!important
	}

	.footer #mc_embed_signup input.email, #mc_embed_signup .button{
		height: 40px!important;
	}

	.footer #mc_embed_signup .button, #mc_embed_signup .button:hover{
		font-weight: bold!important;
		letter-spacing: 0px!important;
	}

	/*------------------------------------ */
	/* FOOTER */


	.footer-details{
		background: #ffffff;
		padding: 10px 0;
		-webkit-box-shadow: 0px -2px 11px 7px rgba(0,0,0,0.10);
		-moz-box-shadow: 0px -2px 11px 7px rgba(0,0,0,0.10);
		box-shadow: 0px -2px 11px 7px rgba(0,0,0,0.10);
	}

	.footer-details-wrapper div{
		display: block;
		clear: both;
		margin: 40px 0;
	}

	.footer-details img{
		margin: -3px 10px 0 10px;
		float: left;
	}


	/*------------------------------------ */
	/* WEATHER */


	.footer-weather{
		min-height: 100px;
		background: #eeeeee;
	}

	div.wp-forecast-fc-oneday{
		width: 20%;
		float: left;
	    -ms-transform: scale(0.95, 0.95);
	    -webkit-transform: scale(0.95, 0.95);
	    transform: scale(0.95, 0.95);
	    padding: 0 10px;
	}

	.wp-forecast-curr-head div{
		 font-size: 11px;
	    padding: 3px;
	    text-align: left;
	    margin-left: auto;
	    margin-right: auto;
	}

	.wp-forecast-fc{
		float: left;
	}



/*-------Ipad Port-------*/
@media only screen and (min-width:820px) {


	/*-------HIDE-------*/

	.mobile{
		display: none;
	}

	.content-sidebar, .desktop, 
	a.member-icon, .slogan, a.members-above-header.mobile, .footer-weather{
		display: block;
	}

	.member-login .content-wrapper{
		padding-top: 30px;
	}



	/*-------ABOVE HEADER-------*/

	/* Social */

	.social-above-header a{
		margin: 0;
		float: left;
		margin-left: 1px;
	}

	.social-above-header{
		float: right;
	}

	/* phone */

	a.phone-above-header{
		margin: 15px 0 7px 0;
	}

	/* members */

	a.members-above-header{
		display: block;
   	 	padding:8px 0;
    	margin-top: 0;
		margin-right:1px;
    	text-align: center;
    	width: 215px;
    	float: right;
    	-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}

	a.members-above-header:hover{
		background: #69a100;
	}

	#social-details{
		width: 340px;
	
	}

	.social-above-header img{
		max-width: 40px;
	}



	/*-------HEADER-------*/

	.header{
		-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);
		width: 100%;
		z-index: 9999;
		position: relative;
		background: #022c42;
		padding: 0;
	}

	/* logo */

	.logo{
		float: left;
		width: 120px;
	}

	.logo a{
		width: auto;
	}


	/*-------TOP IMAGE-------*/

	.member-login .top-image{
		min-height: 225px;
	}

	/*-------CONTENT-------*/

	/* Template */

	.page-template-template-fullwidth .content-main, .content-main.posts-page{
		width: 100%;
	}

	/* Posts */

	.archive .content h1, .single .content h1{
		display: block;
		padding: 12px 65px;
		margin-top: 0;
		width: 40%;
		min-width: 300px;
		margin-bottom: 30px;
	}

	.single .content h1{
		width: 85%;
	}

	
	.single .content h1{
		font-size: 17px;
		padding: 14px 65px;
	}


	.single .content-main{
		margin-top: -90px;
	}

	.archive .content-main {
		margin-top: -88px;
	}

	/* Content */

	.content-main{
		margin-top: -75px;
		width: 70.5%;
	}

	.content-wrapper{
		padding-top: 40px;
	}

	.content-main h1, .archive h1{
		width: auto;
		display: inline;
		padding: 12px 65px;
		-webkit-border-top-left-radius: 2px;
		-webkit-border-top-right-radius: 2px;
		-moz-border-radius-topleft: 2px;
		-moz-border-radius-topright: 2px;
		border-top-left-radius: 2px;
		border-top-right-radius: 2px;
	}


	/*-------SIDBAR-------*/


	.content-sidebar, .content-main{
		float: left;
	}

	.content-sidebar .sidebar{
		margin-top: 25px;
	}

	.content-sidebar{
		width: 23%;
		margin-right: 6.5%;
	}

	.content-sidebar-title{
		margin-bottom: 10px;
	}

	.content-sidebar li{
		border-top: 1px solid #dddddd;
		padding: 12.5px 10px;
	}

	.content-sidebar li:last-child{
		border-bottom: none;
	}


	/*-------FOOTER-------*/

	.footer-details-wrapper div{
		width: 33.33%;
		float: left;
		clear: none;
	}

	.footer-weather{
		background: #efefef;
		padding: 20px 0;
	}


	/*-------ABOVE FOOTER------*/


	.above-footer .wrapper a{
		width: 30%;
  	  	margin: 0 1.66%;
	}

	/* mailchimp */


	.footer .mailchimp #mc-embedded-subscribe{
		margin-left: 10px!important;
		
	}

	.footer #mc_embed_signup{
		
		width: 470px!important;
		

	}


}

/*-------Ipad Land-------*/
@media only screen and (min-width:1024px) {


	/*----------HIDE----------*/

	#desktop-nav{
		display: block;
	}

	#mobile-nav{
		display: none;
	}

	/*-------MEMBER LOGIN-------*/

	iframe{
		overflow: visible;
	}


	/*-------HOME-------*/

	.home .content{
		margin-top: 300px;
		border:none;
	}

	.home .content .wrapper{
		margin-top: -300px;
	}


	/*-------CONTENT-------*/

	.content{
		padding: 40px 0;
		background: transparent;
		border-top: 15px solid rgba(0,0,0, 0.08);
		margin-top: -15px;
		max-width: 1800px;
		margin: -15px auto 0 auto;
	}

	.member-login .content{
		padding: 40px 0;
	}

}


/*-------Desktop-------*/
@media only screen and (min-width:1240px) {

	
	/*-------WRAPPER-------*/

	.wrapper{
		width:1040px;
	}

	.header .wrapper, .above-header .wrapper{
		width:1140px;
	}

	.above-footer .wrapper{
		width: 1200px;
	}


	/*-------TOP IMAGE-------*/

	.top-image-background{
		background: #e8eaeb;
	}

	.member-login .content{
		border-color: #ffffff;
	}



	/*-------FOOTER-------*/


	.footer-details img{
		margin-left: 45px;
	}

}