/*
Theme Name: Bay Dital -  Phillip Island Vibe

/*------------------------------------ */

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}

#background-image, #above-footer{
	position: relative;
}

#background-image{
	height: 100%;
}

.content .business li img:hover, .home .col_3c.white img:hover{
	transition: all .45s ease-in-out;
	   -moz-transition: all .45s ease-in-out;
	   -webkit-transition: all .45s ease-in-out;

}

nav a, #menu-dropdown > ul li a, .categories a, h2 a{
		transition: all .15s ease-in-out;
	   -moz-transition: all .15s ease-in-out;
	   -webkit-transition: all .15s ease-in-out;
	}


@media only screen and (min-width: 0px) {

	.home .col_3c.white{
		padding: 5px;
	}

	/*------------------------------------ */
	/* Layout */

	.home #background-image > div{
		width: 100%;
	}

	.logo-section.col_1{
		margin-bottom: 0;
	}

	.container{
		width: 90%;
		margin: 0 5%;
	}

	.white, .business-wrapper{
		background: #ffffff;
		padding: 20px;
		-webkit-box-shadow: 2px 2px 5px -2px rgba(0,0,0,0.20);
		-moz-box-shadow: 2px 2px 5px -2px rgba(0,0,0,0.20);
		box-shadow: 2px 2px 5px -2px rgba(0,0,0,0.20);
		border-radius: 2px;

	}

	.padding-t-b{
		background: transparent;
		padding: 20px 0px;
	}

	/*------------------------------------ */
	/* Header */

	a#logo{
		margin: 15px auto 0 auto;
		display: block;
	}

	#logo h3{
		display: none;
	}


	#background-image{
		background: url(img/background.jpg) no-repeat center top; 
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;;
	}

	/*------------------------------------ */
	/* Navigtion */

	nav{
		display: none;
	}

	nav a{
		text-transform: uppercase;
		color: #ffffff;
		font-size: 16px;
		font-weight: 600;
	}

	nav a:hover, #menu-dropdown > ul li a:hover, .categories a:hover, h2 a:hover{
		color: #364389;
	}

  /* ------------------------------------
	Mobile Menu
  ------------------------------------*/

  	nav.mobile{
  		display: block;
  		padding: 15px 0;
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #ffffff;
		margin: 10px 0;
		text-align: center;
  	}

	/* Nav Menu */

	#menu-dropdown .sub-menu{
		display: none;
	} 

	#menu-dropdown{
		position: fixed;
		height: 100%;
		width: 100%;
		left: 0;
		top: 0;
		background: #ffffff;
		z-index: 99999;
		display: none;	
	}

	#menu-dropdown > ul{
		margin-top: 40px;
	}

	#menu-dropdown > ul a{
		list-style:none;
	}

	#menu-dropdown > ul li{
		float: left;
		padding: 20px;
		text-align: center;
		border-bottom: 1px solid #ddd;
		width: 80%;
		margin: 0 10%;
	}

	#menu-dropdown > ul li a{
		font-size: 18px;
		font-weight: 500;
		margin: 20px 0 0 ;
		padding: 10px;
		width: 100%;
		color: #222222;
		text-align: center;
	}

	#menu-dropdown ul ul li, #menu-dropdown > ul li:first-child a{
		border: none;
	}

	#menu-dropdown-toggle{
		text-align: center;
		color: #ffffff;
		font-size: 30px;
		cursor: pointer;
	}

	#menu-dropdown-toggle span{
		margin-right: 15px;
	}

	#menu-dropdown i{
		position: absolute;
		right: 5px;
		top: 5px;
		padding: 10px;
		font-size: 17px;
		cursor: pointer;
	}


	/*------------------------------------ */
	/* Homepage */


	.content .business li img:hover, .home .col_3c.white img:hover{
		opacity: 0.7;
	}

	.intro{
		padding: 35px;
	}

	.intro h1, h1.title{
		padding: 10px 0 10px 0;
		margin: 0 0 10px 0;
		text-align: left;
		text-transform: uppercase;
	}

	.intro h1:after, h1.title:after{
		content: "";
		display: block;
		background: #abdc55;
		width: 100px;
		height: 4px;
		margin: 25px 0 15px 0;
	}

	.facebook a{
		background: #246fb5;
		color: #ffffff;
		display: block;
		padding: 20px;
		text-align: center;
		text-transform: uppercase;
	}


	/*------------------------------------ */
	/* Business */

	.content .business .row{
		margin-left: 10px;
		position: relative;
	}

	.content .business section > li{
		list-style: none;
		margin: 0;
		padding-bottom: 25px;
		background: transparent;
		width: 230px;
		float: left;
		display: none;
	}

	.content .business li img{
		max-width: 100%;
	}

	.business-wrapper{
		padding: 10px;
	}

	.content .post-categories li{
		list-style: none;
		margin: 0;
		font-size: 14px;
		font-weight: bold;
	}

	.content .post-categories li a{
		color: #acacac;
	}	


	.categories.padding-t-b-35{
		padding: 0 0 20px 0;
	}

	.categories a{
		display: block;
		clear: both;
		text-align: center;
	}


	.categories a{
		 color: #333;
	    font-weight: normal;
	    margin-left: 15px;
	    font-size: 17px;
	    padding: 12px;
	    background-color: #fefefe;
	    border: 1px solid #ffffff;
	    width: auto;
	    border-radius: 5px;
	    margin-top: 10px;
	}

	.categories a:hover{
		background: #eeeeee;
		color: #333;
	}


	/*------------------------------------ */
	/* Single */

	.single h1.title:after{
		height: 0;
		margin: 0;
	}

	.single .content i, .contact-us .content i{
		margin-right: 10px;
	}

	.single .content p.link, .single .content a{
		padding: 5px 0;
		font-size: 19px;
	}


	/*------------------------------------ */
	/* Forms */


	div.wpcf7{
		display: block;
		margin-bottom: 30px;
	}

	.wpcf7 i{
		display: block;
		position: absolute;
		z-index: 9999;
		padding: 11px;
		color: #666666;
	}

	input, textarea{
		width: 100%;
		border: 1px solid #ddd;
		background-color: #ffffff;
		padding: 10px 10px 10px 50px;
		display: block;
		border-radius: 2px;
		background-image: url(img/contact-inputs-bg.png);
		background-position: left top;
		background-repeat: repeat-y;
		color:#aaaaaa;
		font-size: 14px;
	}

	input[type=submit]{
		cursor: pointer;
		width: 150px;
		background: #572120;
		color: #444444;
		padding: 13px 30px;
		float: left;
		border-radius: 4px;
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
	}

	div.wpcf7-mail-sent-ok{
		color: #cfe08d;
		border: none;
		font-size: 14px;
	}


	/*------------------------------------ */
	/* wordpress core */

	.alignleft{
		float: left;
		padding: 0 15px 0 0;
	}

	.alignright{
		float: right;
		padding: 0 0 0 15px;
		clear: right;
	}

	/*------------------------------------ */
	/* Images */

	img{
		max-width: 100%;
	}


	/*------------------------------------ */
	/* Fonts */

	.content ul{
		margin-bottom: 10px;
	}

	.content li{
		list-style:disc;
		margin-left: 20px;
		line-height: 1.5;
	}

	body{
		color: #6e6e6e;
		line-height: 2;
		font: 17px arial;
	}

	p{
		margin-bottom: 15px;
		color: #6e6e6e;
	}

	b, strong{
		font-weight: bold;

	}

	/* Links */

	a, .link{
		color: #222222;	
	}

	/* Headers */

	h1,h2,h3,h4,h5{
		padding: 10px 0;
	}

	h1{
	font-size: 24px;
  	  letter-spacing: 1px;
	}

	h3{
	font-size: 21px;
  	  letter-spacing: 1px;
	}

	h3{
	font-size: 18px;
  	  letter-spacing: 1px;
	}

}





@media only screen and (min-width: 500px) {

	/*------------------------------------ */
	/* Header */

	#logo h3{
		text-transform: uppercase;
		letter-spacing: 10px;
		color: #d5f0ff;
		font-size: 20px;
		padding: 0;
		display: block;
	}

	a#logo{
		width: 500px;
	}

	.logo-section.col_1{
		margin-bottom: 20px;
	}


	.home .col_3c.white{
		padding: 20px;
	}

}



@media only screen and (min-width: 768px) {


	/*------------------------------------ */
	/* Navigtion */

	nav.mobile{
		display: none;
	}

	nav{
		width: 100%;
		padding: 0;
		display: block;
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #ffffff;
	}

	.nav-table{
		display: table;
	}

	nav li a:first-child{
		margin-left: 0;
	}

	nav li a{
		padding: 15px;
		margin: 0;
		display: inline-block;
	}

	nav li{
		float: left;
		padding: 0;
		margin: 0;
	}

	nav ul{
		display: table-cell;
	}

	.nav-table{
		margin: 0 auto;
	}

	/* NAV CHILD */

	nav ul ul {
	    position:absolute;
	    left:-9999px; 
	 	width: 230px;
	    z-index: 999999;
	    margin: 0;
	    padding: 0 15px;
	    background:#fefefe;
	    border-right: 1px solid #ffffff;
	    border-left: 1px solid #ffffff;
	    border-bottom: 1px solid #ffffff;
	    -webkit-border-bottom-right-radius: 2px;
		-webkit-border-bottom-left-radius: 2px;
		-moz-border-radius-bottomright: 2px;
		-moz-border-radius-bottomleft: 2px;
		border-bottom-right-radius: 2px;
		border-bottom-left-radius: 2px;
		-webkit-box-shadow: 2px 2px 21px -8px rgba(0,0,0,0.75);
		-moz-box-shadow: 2px 2px 21px -8px rgba(0,0,0,0.75);
		box-shadow: 2px 2px 21px -8px rgba(0,0,0,0.75);
	}

	nav ul ul li{
		padding: 0;
	}

	nav ul ul li a{
	 	width: 200px; 
	 	display: block;
	 	padding: 15px 20px;
	 	text-align: left;
	 	font-weight: 600;
	 	font-size: 15px;
	 	text-transform: capitalize;
	 	color: #333333;
	 	border-bottom: 1px solid #eeeeee;
	}

	nav ul li:hover > ul {
	 	left:auto;
	}

	nav .menu-item-has-children > a:after {
		display: block !important;
		font-family: 'FontAwesome';
		font-size: 100%;
		margin-left: 10px;
		width: 10px;
		font-size: 16px;
		margin-top: 0px;
		content: "\f107" !important;
		float: right;
	}



	.categories a{
		display: inline-block;
		clear: none;
		text-align: center;
	}


		/*------------------------------------ */
	/* padding */

	.padding-l-10{
		background: transparent;
		padding-left: 10px;
	}

	.padding-l-20, .padding-l-5{
		background: transparent;
		padding-left: 20px;
	}

	.padding-l-5{
		padding-left: 5px;
	}

	.padding-r-20, .padding-r-5{
		background: transparent;
		padding-right: 20px;
	}

	.padding-r-5{
		padding-right: 5px;
	}

	.padding-t-b-35{
		background: transparent;
		padding: 35px 0px;
	}

	.padding-25{
		padding: 25px;
	}

	.padding-35{
		padding: 35px;
	}

	/*------------------------------------ */
	/* margin */

	.margin-b-35{
		margin-bottom: 35px
	}


}

@media only screen and (min-width: 800px) {



}




@media only screen and (min-width: 1100px) {

	/*------------------------------------ */
	/* Layout */

	.content{
		min-height: 500px;
	}

	.container{
		width: 1000px;
		margin: 0 auto;
	}


}