/*
Theme Name: Black Fish Medical Clinic
Author: GravIT Pty Ltd
Author URI: http://www.gravit.com.au/
Description: This theme was developed for use only on the Black Fish Medical Clinic website
Version: 1.0
License: Proprietary
Text Domain: black fish
*/

@font-face{
	font-family: Trajan;
	src: url(fonts/TrajanPro-Regular.otf);
	font-weight: normal;
}
@font-face{
	font-family: Trajan;
	src: url(fonts/TrajanPro-Bold.otf);
	font-weight: bold;
}
@font-face{
	font-family: Calibri;
	src: url(fonts/Calibri.ttf);
	font-weight: normal;
}
@font-face{
	font-family: Calibri;
	src: url('fonts/Calibri Bold.ttf');
	font-weight: bold;
}
@font-face{
	font-family: Calibri;
	src: url('fonts/Calibri Italic.ttf');
	font-weight: normal;
	font-style: italic
}
@font-face{
	font-family: Calibri;
	src: url('fonts/Calibri Bold Italic.ttf');
	font-weight: bold;
	font-style: italic;
}
html, body{
	font-family: 'Calibri';
	color: #6B7a85;
	font-size: 14px;
	overflow-x: hidden
}
h1 {
	font-family: 'Trajan';
	font-size: 3em;
	color: #8c4288;
}
h2 {
	color: #8c4288;
	font-size: 1.2em;
	margin-bottom:0.1em;
}
h3 {
	color: #8c4288;
	font-size: 1.1em;
	padding-bottom:1em;
	margin-top:0px;
	line-height: 1.5em
}
h4 {
	color: #8c4288;
	font-size: 1.0em
}
p {
	line-height: 1.6em
}
.container-fluid .container {
    padding-left:0;
    padding-right:0;
}
#menu-bg{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,d2bed3+17,b28fb3+41,b28fb3+61,d2bed3+85,ffffff+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left, #ffffff 0%, #d2bed3 17%, #b28fb3 41%, #b28fb3 61%, #d2bed3 85%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ffffff 0%,#d2bed3 17%,#b28fb3 41%,#b28fb3 61%,#d2bed3 85%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ffffff 0%,#d2bed3 17%,#b28fb3 41%,#b28fb3 61%,#d2bed3 85%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
#top-bar {
	height: 1em;
	background-color: #5c6f7c
}
.header-img {
	width:100%;
	background-size: contain;
	background-repeat: no-repeat;
	height: 300px;
	margin-bottom: 4em;
}
#logo-block {
	padding-top:3em;
	padding-bottom:3em;
}
.menu ul{
	list-style-type: none;
	text-align:center;
	border-bottom:2px solid white;
	margin-bottom: 2px;
	margin-left: initial;
}
.page_item {
	line-height: initial;
	font-size: 1.1em;
	display:inline-block;
	padding-top:0.5em;
	padding-bottom:0.5em;
	padding-left:2em;
	padding-right:2em;
	border-right:2px solid white;
	color: #650860;
	width:140px;
}

.page_item a{
	color: #650860;
}
.page_item:last-child {
	border-right: none;
}
.current_page_item a{
	color: white;
}
#footer-bg{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a0639b+0,650561+52,a0639b+100 */
	background: url(images/footer-fish.png), #a0639b; /* Old browsers */
	background: url(images/footer-fish.png), -moz-linear-gradient(left, #a0639b 0%, #650561 52%, #a0639b 100%); /* FF3.6-15 */
	background: url(images/footer-fish.png), -webkit-linear-gradient(left, #a0639b 0%,#650561 52%,#a0639b 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(images/footer-fish.png), linear-gradient(to right, #a0639b 0%,#650561 52%,#a0639b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0639b', endColorstr='#a0639b',GradientType=1 ); /* IE6-9 */
	background-position: center;
	background-repeat: no-repeat;
	margin-top:5em
}
#footer-bg h1 {
	margin-top:0px;
	color: white;
	font-size: 1.5em;
}
#footer-bg p {
	color: white;
	margin-bottom: 0.15em;
}
#footer-bg p a {
	color: white;
}

.footer-fb {
	top: 6px;
	position: relative;
	left: -12px
}

.services-button {
	background-color: #DDCFDE;
	width:100%;
	margin-bottom: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-transform: uppercase;
	text-align: center
}

.services-button a {
	color: #620058;
	text-decoration:none;
}

.profile {
	background-color: #F4F5F7;
	border: 1px solid #D7DCDF;
	height: 100%;
	padding: 2em;
	padding-top: 4.5em;
	margin-top: 80px;
	position:relative;
	
}
@media (min-width: 992px) {
	.profile {
		min-height:565px
	}
}
@media (min-width: 1200px) {
	.profile {
		min-height:455px
	}
	.header-img {
		background-size: cover;
		height: 400px
	}
}
.profile-picture {
	width:79px;
	height: 79px;
	position:absolute;
	top:-40px;
	left: 50%;
	margin-left: -40px;
}

li {
	line-height: 2em
}

ul {
	padding-left:15px
}

input, textarea {
	width:100%;
	text-align:center;
	border: none;
	background: #f1f1f1;
	color:#660B58;
	margin-bottom: 6px
}

input[type="submit"]{
	margin: auto;
	border: 1px solid #c1c6c9;
	background: white;
	width:100px;
	padding-top:4px
}