/*
Theme Name: Vets in Melbourne
Theme URI: http://www.awd.com.au
Author: AWD
Author URI: 
Description: Theme created for Vets in Melbourne
Version: 1.0
License: MIT
License URI: http://opensource.org/licenses/MIT
Text Domain: vets-melbourne
Domain Path: /languages/
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, front-page-post-form, post-formats, threaded-comments, translation-ready

This theme built with Twitter Bootstrap v.3. It is basic theme with basic style for build new theme with Bootstrap.

aqua - 008da9

*/
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');

@keyframes fadeInSlide {
  0% {
    opacity:0;
	transform: translateX(-20px);
  }
  100% {
    opacity:1;
	transform: translateX(0);
  }
}
@-webkit-keyframes fadeInSlide {
  0% {
    opacity:0;
	transform: translateX(-20px);
  }
  100% {
    opacity:1;
	transform: translateX(0);
  }
}

@-moz-keyframes fadeInSlide {
  0% {
    opacity:0;
	transform: translateX(-20px);
  }
  100% {
    opacity:1;
	transform: translateX(0);
  }
}

@-o-keyframes fadeInSlide {
  0% {
    opacity:0;
	transform: translateX(-20px);
  }
  100% {
    opacity:1;
	transform: translateX(0);
  }
}











body{
	font-family: 'Lato', sans-serif;
	background:url(img/footer-img.jpg) no-repeat;
	background-position:right bottom;
	background-attachment: fixed;
}
h1,h2,h3,h4,h5,h6{
	color:#008da9;
	
	font-weight:700;
}
h1,
h2.title,
h3.title{
	font-size:28px;
	position:relative;
	display:inline-block;
	margin:0 auto;
	margin-bottom:30px;
	line-height:1.3;
}
h1.nomargin,
h2.nomargin,
h3.nomargin{
	margin-bottom:0;
}
.title:before{
	border-top:2px solid #f0f0f0;
	position:absolute;
	left:-120px;
	top:50%;
	width:100px; 
	content:"";
}
.title:after{
	border-top:2px solid #f0f0f0;
	position:absolute;
	right:-120px;
	top:50%;
	width:100px; 
	content:"";
}
/*header*/
header{position:relative;}
.blue-bkgrd{
	background:#008da9;
	position:absolute;
	width:100%;
	top:0;
	left:0;
	height:360px;
}
.site-branding{
	margin-bottom:20px;
}
.site-title{margin-top:10px; margin-bottom:20px;}
#logo img{
	width:50%;
	height:auto;
}
/*navigation*/
.navbar-default{
	background-image:none;
	box-shadow:none;
	border-radius:0;
	background:none;
	border:none;
	text-align:right;
	margin-bottom:0;
}
.page-header-top-right{
	margin-top:-77px;
}
ul#menu-main-menu{
	display:inline-block;
	float:none;
}
.navbar{
	min-height:0;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .open > a{
	box-shadow:none;
	background:transparent;
	text-shadow:none;
	color:#333;
}
.navbar-default .navbar-nav > li > a:after{
	content:"";
	border-bottom:4px solid #008da9;
	position:absolute;
	bottom:0;
	left:0;
	width:0;
	transition:0.2s all;
}
.navbar-default .navbar-nav > li > a:hover{
	color:#333;
}
.navbar-default .navbar-nav > li > a:hover:after{
	width:100%;
}
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{
	box-shadow:none;
	background:transparent;
	text-shadow:none;
	color:#333;
}
.navbar-nav > li {
	padding:0 5px;
}
.navbar-nav > li > a{
	padding-top:2px;
	padding-bottom:2px;
	font-weight:600;
	font-size:17px;
	position:relative;
}
.navbar-default .navbar-nav > li > a{
	color:#333;
}
.navbar-brand, .navbar-nav > li > a{
	text-shadow:none;
}

/*drop down menu*/
.navbar-collapse{
	position:absolute;
	z-index:2;
	background:rgba(255,255,255,0.9);
	width:100%;
	border:none;
	margin-top:19px;
}
.navbar-collapse ul,
.navbar-collapse ul li,
.navbar-collapse ul li a{
	width:100%;
	text-align:center;
	margin:0;
}
.navbar-collapse ul li a{
	padding-top:15px;
	padding-bottom:15px;
	font-weight:normal;
	border-top:1px dotted #ccc;
}
.navbar-default .navbar-toggle .icon-bar{
	background-color:#fff;
}
/*banner*/
.banner-holder{
	border-bottom:10px solid #008da9;
/*	border-color:#024a58; */
}
.banner-holder img, 
.banner-holder .metaslider .slides img{
	width:700px;
	margin-left:-350px;
	left:50%;
	position:relative;
	height:auto;
}

.metaslider .caption{
	position:absolute;
	padding:12px 0;
	font-size:16px;
	font-weight:600;
	bottom:0;
	background:rgba(255,255,255,0.8);
	border-bottom:none;
	text-align:center;
	width:100%;
	opacity:0;
		-webkit-animation: fadeInSlide 1s ease 1s forwards;
       -moz-animation: fadeInSlide 1s ease 1s forwards;
         -o-animation: fadeInSlide 1s ease 1s forwards;
            animation: fadeInSlide 1s ease 1s forwards;	
	
	
}



.container.nopadding-xs{
	padding:0;
	overflow:hidden;
}

/*page heading*/
.page-title{overflow:hidden;}





/*location panels*/
.location-panel{
	padding:20px 10px;
	margin-bottom:30px;
	min-height:200px;
	transition:0.5s all;
	background:#fff;
	border:1px solid #ccc;
}
.location-panel a{
	color:#333;
}

.location-image {
	margin-bottom:15px;
}
.location-image img{
	width:100%;
	height:auto;
}
.location-image-wrapper{
	position:relative;
}
.location-logo-holder{
	width:33%;
	position:absolute;
	right:0px;
	bottom:0px; 
	background:rgba(255,255,255,0.8)
}
.address,
.phone,
.email,
.website{
	position:relative;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:24px;
}
.address:before,
.phone:before,
.email:before,
.website:before{
	color:#008da9;
    font-family: FontAwesome;
    left:0px;
    position:absolute;
    top:2px;
}
.address:before{
	content: "\f278";
}
.phone:before{
	content: "\f095";
}
.email:before{
	content: "\f003";
}
.website:before{
	content: "\f2d0";
}
.location-panel:hover{background-color:#00afd2; color:#fff;}
.location-panel:hover a{
	color:#fff;
}
.location-panel:hover h3,
.location-panel:hover .address:before,
.location-panel:hover .phone:before,
.location-panel:hover .email:before,
.location-panel:hover .website:before
{color:#fff;}

.table{
	display:table;
}
.table-cell{
	display:table-cell;
	float:none;
}
.row.nomargin{
	margin-left:-15px;
	margin-right:-15px;
}
.gallery-holder{
	border-bottom:3px solid #fff;
}
.gallery1{
	height:300px;
}
.gallery1,
.gallery2,
.gallery4{
	border-right:3px solid #fff;
}
.gallery2{
	border-bottom:3px solid #fff;
}
.gallery2,
.gallery3,
.gallery4,
.gallery5{
	height:150px;
}
/*footer contact*/
.footer-contact{
	height:auto;
	background-position:center top !important;
}
.footer-contact-right{height:200px;}
.bkgrd-aqua h3.gform_title{
	color:#fff;
}
.form-holder{
	padding:20px 15px;
}
.form-holder .gform_wrapper{
	width:100%;
	max-width:100%;
}
.form-holder .gform_wrapper h3.gform_title{
	font-size:28px;
}
#field_1_1 div,
#field_1_2 div,
#field_1_4 div,
#field_1_5 div{
	position:relative;
}
#field_1_1 div:before,
#field_1_2 div:before,
#field_1_4 div:before,
#field_1_5 div:before{
	color:#fe7e00;
    font-family: FontAwesome;
    left:10px;
    position:absolute;
    top:3px;
	font-size:26px;
	opacity:0;
	transition:0.5s all;
}
/*name*/
#field_1_1 div:before{content:"\f007";}
/*phone*/
#field_1_2 div:before{content:"\f095";}
/*email*/
#field_1_4 div:before{
	content:"\f003";
	font-size:20px;
}
/*enquiry*/
#field_1_5 div:before{
	content:"\f27b";
	font-size:22px;
}

#field_1_1 div:hover:before,
#field_1_2 div:hover:before,
#field_1_4 div:hover:before,
#field_1_5 div:hover:before{
	opacity:1;
}
#field_1_1 div:hover input,
#field_1_2 div:hover input,
#field_1_4 div:hover input,
#field_1_5 div:hover textarea{
	border-left:38px solid #fff;
}

/*placeholder styling*/
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #89cad7;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #89cad7;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #89cad7;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #89cad7;
}


.form-holder .gform_wrapper .top_label input.large,
.form-holder .gform_wrapper .top_label select.large,
.form-holder .gform_wrapper .top_label textarea.textarea{
	width:100%;
	background:transparent;
	border:1px solid #fff;
	transition:0.5s all;
	font-size:16px;
	padding:10px;
}
body .form-holder .gform_wrapper ul li.gfield{
	margin-top:0;
}
body .form-holder .gform_wrapper .top_label div.ginput_container{
	margin-top:20px;
}
.form-holder .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]){
	padding:10px;
	margin:0;
}
.form-holder .gform_wrapper .top_label .gfield_label{
	display:none;
}
.form-holder .gform_wrapper .top_label input.large:focus,
.form-holder .gform_wrapper .top_label select.large:focus,
.form-holder .gform_wrapper .top_label textarea.textarea:focus{
	background:#00768e;
}
.form-holder .gform_footer.top_label{
	position:relative;
}
.form-holder .gform_wrapper .gform_footer input.button,
.form-holder .gform_wrapper .gform_footer input[type="submit"],
.form-holder .gf_browser_ie.gform_wrapper .gform_footer input.button{
	background:#fe7e00;
	color:#fff;
	border:none;
	padding:15px 40px 15px 50px;
	font-size:17px;
	transition:0.5s all ease-in-out;
}
.form-holder .gform_wrapper .gform_footer input.button:hover,
.form-holder .gform_wrapper .gform_footer input[type="submit"]:hover{
	background:#fe5a00;
}
.form-holder .gform_footer.top_label:before{
	font-size:23px;
    font-family: FontAwesome;
    left:17px;
    position:absolute;
    top:11px;
	content:"\f1b0";
}

.form-holder .gform_wrapper .gform_footer{
	padding:0;
}

footer{
	color:#999;
	font-size:13px;
	text-align:center;
}
footer .container{
/*	background:url(img/footer-img.jpg) right no-repeat;
	background-size:contain; */
	padding-top:150px;
	padding-bottom:20px;
}
footer ul{
	list-style:none;
	padding:0;
	margin:0;
}
footer ul li{float:left; border-left:1px solid #999; padding:0 15px;}
footer ul li:first-child{border-left:none;}
footer ul li a{color:#999;}
.footer-right{padding-top:20px;}
.footer-right span{display:block;}
.footer-right.text-right{text-align:center;}




.spacer{
	margin-top:75px;
	margin-bottom:75px;
}
.spacer-xs-top{
	margin-top:0px;
	margin-bottom:75px;
}
.spacer-lesstop{
	margin-top:35px;
	margin-bottom:75px;
}
.bkgrd-aqua{
	background:#008da9;
	color:#fff;
}
.text-center{
	text-align:center;
}




/*
Required WordPress CSS
*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.bypostauthor {
}


/* WordPress gallery */
.gallery-caption {
}
.gallery {
	margin-bottom: 1.6em;
}
.gallery-item {
	display: inline-block;
	padding: 1.79104477%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-icon img {
	margin: 0 auto;
}
.gallery-caption {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}


.sticky {
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
		h1,
		h2.title,
		h3.title{
			font-size:32px;
		}
		/*page heading*/
		.page-title{overflow:visible;}
		#logo img{
			width:200px;
		}
		.blue-bkgrd{height:300px;}
		.site-title{margin-bottom:0;}
		.page-header-top-right{
			margin-top:57px;
		}
		.banner-holder img, 
		.banner-holder .metaslider .slides img{
			width:100%;
			margin-left:0;
			left:0;
			position:relative;
			height:auto;
		}
		.metaslider .caption{
			padding:12px 20px;
			font-size:20px;
			font-weight:600;
			bottom:10px;
			border-bottom:5px solid #fe7e00;
			text-align:left;
			width:auto;
		}
		/*drop down menu*/
		.navbar-collapse{
			position:relative;
			z-index:2;
			background:transparent;
			width:100%;
			border:none;
			margin-top:0px;
			padding-right:0;
			padding-left:0;
		}
		.navbar-collapse ul,
		.navbar-collapse ul li,
		.navbar-collapse ul li a{
			width:auto;
			text-align:center;
			margin:0;
		}
		.navbar-collapse ul li{
			float:left;
			padding-left:21px;
			padding-right:21px;
		}
		.navbar-collapse ul li a{
			padding-top:15px;
			padding-bottom:15px;
			font-weight:normal;
			border-top:none;
			font-size:16px;
			font-weight:600;
			padding-left:3px;
			padding-right:3px;
		}
		.navbar-default .navbar-nav > .active > a:hover,
		.navbar-default .navbar-nav > .active > a:focus,
		.navbar-default .navbar-nav > li > a,
		.navbar-default .navbar-nav > a,
		.navbar-default .navbar-nav > li > a:hover,
		.navbar-default .navbar-nav > a:hover,
		.navbar-default .navbar-nav > .active > a,
		.navbar-default .navbar-nav > .open > a{
			color:#fff;
		}
		.navbar-default .navbar-nav > li > a:after{
			border-color:#01bce1;
		}
		.navbar-default .navbar-nav > .active > a:after{
			width:100%;
		}
		#location-list{background:#eee; padding:15px 0 5px;}
		
		.row.nomargin{
			margin-left:0;
			margin-right:0;
		}
		footer .container{
			background-size:auto;
			text-align:left;
		}
		.footer-right{padding-top:0;}
		.footer-right .text-right{text-align:right;}
		.footer-right span{display:inline;}
		.gallery1{
			height:490px;
		}
		.gallery2,
		.gallery3,
		.gallery4,
		.gallery5{
			height:245px;
		}
		.gallery2,
		.gallery3{
			border-bottom:3px solid #fff;
		}
		.spacer-xs-top{
			margin-top:75px;
		}
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
		#main-content{font-size:16px;}
		.blue-bkgrd{height:335px;}
		.metaslider .caption{
			padding:12px 20px;
			font-size:24px;
			bottom:25px;
			border-bottom:5px solid #ee5a34;
		}
		.form-holder{padding:20px 30px;}
		.location-panel{
			min-height:395px;
		}
		.footer-contact{
			height:590px;
		}
		
    }
	@media(min-width:1170px){
		.blue-bkgrd{height:370px;}
		.metaslider .caption{
			padding:12px 20px;
			font-size:28px;
			bottom:50px;
			border-bottom:5px solid #ee5a34;
		}
	}
	@media(min-width:1400px){
		body{font-size:16px;}
		.blue-bkgrd{height:430px;}
		#logo img{width:240px;}
		h1, h2.title, h3.title{font-size:36px;}
		.metaslider .caption{
			padding:12px 20px;
			font-size:32px;
			bottom:70px;
			border-bottom:8px solid #ee5a34;
		}
		.container{width:1370px;}
		.page-header-top-right{margin-top:75px;}
		.form-holder{padding:20px 50px;}
		.location-panel{
			min-height:200px;
		}
		.navbar-collapse ul li a{
			font-size:18px;
		}
	}






