/*

Theme Name: Webcrunch Theme

Theme URI: http://www.webcrunch.com.au/

Description: A theme by Webcrunch Website Design

Author: Scott Zonneveldt

Author URI: http://www.webcrunch.com.au/

Version: 1.0

Tags: 

License:

License URI:



General comments.

*/

/* 

==========================================================================

   Additions to bootstrap

   ========================================================================== */



body{

	color: #454545;

	

}

.btn-custom {

  background-color: hsl(204, 69%, 82%) !important;

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#b1d7f0");

  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#b1d7f0));

  background-image: -moz-linear-gradient(top, #ffffff, #b1d7f0);

  background-image: -ms-linear-gradient(top, #ffffff, #b1d7f0);

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #b1d7f0));

  background-image: -webkit-linear-gradient(top, #ffffff, #b1d7f0);

  background-image: -o-linear-gradient(top, #ffffff, #b1d7f0);

  background-image: linear-gradient(#ffffff, #b1d7f0);

  border-color: #5493be;

  color: #333 !important;

  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.29);

  -webkit-font-smoothing: antialiased;

}



.small {

	font-size: 0.9em;

}



.clearfix {

	clear:both;	

}



/* ==========================================================================

   Implementing required Wordpress CSS classes

   ========================================================================== */



.alignnone {

    margin: 5px 20px 20px 0;

}



.aligncenter,

div.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}



.alignright {

    float:right;

    margin: 5px 0 20px 20px;

}



.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}



a img.alignright {

    float: right;

    margin: 5px 0 20px 20px;

}



a img.alignnone {

    margin: 5px 20px 20px 0;

}



a img.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



a img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto

}



.wp-caption {

    background: #fff;

    border: 1px solid #dddddd;

    max-width: 96%; /* Image does not overflow the content area */

    padding: 5px 3px 5px;

    text-align: center;

}



.wp-caption.alignnone {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignleft {

    margin: 5px 13px 20px 0;

}



.wp-caption.alignright {

    margin: 5px 0 20px 20px;

}



.wp-caption img {

    border: 0 none;

    height: auto;

    margin: 0;

    max-width: 98.5%;

    padding: 0;

    width: auto;

}



.wp-caption p.wp-caption-text {

    font-size: 11px;

    line-height: 17px;

    margin: 0;

    padding: 4px 4px 2px;

}



/* ==========================================================================

   Links

   ========================================================================== */

   

.link-table td{

	width: 50%;	

	border: 0;

	font-size: 14px;

	line-height: 20px;

}

.link-table tr {

	border: 0;	

}





table.link-table {

	border: 0;

	width: 100%;

	margin-bottom: 10px;

}

/* ==========================================================================

   shortcode collapsible section

   ========================================================================== */   



	.collapsible{

		padding-left: 2em;

		color: #666;

		position:relative;

		margin: 2px 0;



	}

	.collapsible-title:hover {

		cursor: pointer;

	}

	.collapsible .collapsible-content{

		padding-bottom: 16px;

	}

	.collapsible.closed .collapsible-content {

		display:none;

		margin:0;



		

	}

	.collapsible-title{

		margin:0;

	}

	.collapsible:hover .collapsible-title{

		color: #999;

	}



	.collapsible.has-title h3 {

		font-family: inherit;

		font-size: 15px;

		margin-top: 0px;

	}

 .collapsible:before {

    content: '>';

    color: #3dc1d2;

    position: absolute;

    font-size: 20px;

    

    margin-left: -24px;

		transform: rotate(90deg);

		transition: all 300ms ease;

 }

 .collapsible.closed:before {

		transform: rotate(0);

 }

   

/* ==========================================================================

   Basic Elements

   ========================================================================== */

.page-content h2,

.page-content h3,

.page-content h4 {

	margin-top: 30px;

}

.page-content h4 {

	font-family: sans-serif;

	color: #3dc1d2;

	font-size: 22px;

	font-weight: bold;

}

.page-content h5 {

	font-family: sans-serif;

	color: #3dc1d2;

	font-size: 16px;

	font-weight: bold;

	margin-top: 22px;

}

.page-content h6 {

	font-size: 16px;

	font-weight: bold;

	font-family: sans-serif;

	margin-top: 22px;

}



a {

		color: #3dc1d2;	   

}



a:hover {

		color: #7DAF77;	

}



h1, h2 {

	font-family: 'CharifaSerifLight', serif;

	color: #3dc1d2;	



}



h1 {

	font-size: 32px;



}

h2{

	font-size: 24pt;

}

h3 {

		font-family: 'CharifaSerifLight', serif;

	font-size: 24px;

	line-height: 34px;

	margin: 20px 0 5px 0;



	

}

h4, h4 a {

	font-size: 18px;

	margin: 20px 0 10px;

}

h5 {

	font-weight: bold;

	font-size: 15px;



}

h5, h6 {

	font-family: sans-serif;	

	color: #333;

	margin-bottom: 3px;

}

hr {

	clear:both;	

}



.page-content h1 {

	line-height: 47px;

}

.light {

	color: #aaa;	

}



.alternative-subtitle.light {

	color: #aaa;	

}



.alternative-subtitle {

	font-family: 'CharifaSerifLight', serif;

	font-size: 14pt;

	color: #666;

}



a, p {

	font-family: Arial, sans-serif;

}

/* ==========================================================================

   Header

   ========================================================================== */

.page-banner {

	position: relative;	

	padding: 20px 0 18px 0;

}



.page-banner h1, .page-banner h2 {

	margin: 0;

	padding-top: 30px;



}



.page-banner h3{

	margin-top: -7px;

	

}



.page-banner .logo {

	margin: 0 auto;

	display: block;

	text-align: center;

}



.page-banner .logo h1, .page-banner .logo h2 {

	text-align: center;

	padding-top:0;

	margin-top:0;

}



#header-info {

	text-align:right;

	position: absolute;

	right: 0px;

	top: 0px;

}



#header-info img{

	margin-bottom: 11px;

}



#header-info p {

	margin: 0;	

}



.app-links {

	margin-top: 5px;

}



/*.header {

	border-bottom: 	5px solid #dbeac7;

}

*/

.container {

	

	background-color: #fff;

}

/* ==========================================================================

   sidebar

   ========================================================================== */

/* contact */

#wpcf7-f59-p18-o1{

	float:left;

	margin-right: 30px;	

}



/* ==========================================================================

   front page

   ========================================================================== */ 

	#fp-row {

		margin: 1em 1.5em 1em;

	}



	.featured-post-hp {

		margin: 2em 0;



	}

	.hp-posts {

		position:relative;

		padding: 36px;

		padding-bottom: 10px;

		margin-bottom: 2em;

		

	}







	.hp-posts .featured-post{

		background-color: white;

		padding:0;

	}

	@media (min-width: 768px){

		.hp-posts .read-more{

				position:absolute;

				bottom:0;

			}



		.hp-posts {

			padding: 36px 0 10px;

			display:flex;

			flex-direction: row;

			justify-content: space-between;

		}

		.hp-posts .featured-post{

			width: 64%;

			box-sizing: border-box;

			padding: 0 36px 36px;

			border-right: 1px solid #ccc;

		}	

		



		.hp-about-section{

			width:36%;

			padding-left: 36px;

			padding-right: 36px;

			padding-bottom: 36px;

			box-sizing:border-box;

		}

		.featured-lib-post h4,

		.hp-about-section h4 {

			margin-top:0;

		}

	}



	#main .feature-image-area{

		position:relative;	

		text-align:right;



	}



	.sub-menu, #fpmenu ul.sub-menu{

		display:none;

		margin-top: 0;

		margin-left: 1em;

	}



	#menu-primary-menu .sub-menu li {

		margin-left: 0em;



	}

	#fpmenu.menu {

		text-align:left;

		position: absolute;

		top: 0px;

		height: 424px;

		padding: 0 40px 0 30px;

		border-left: 8px solid #3dc1d2;

    padding-left: 35px;

	}



	#fpmenu ul li {

		color: #fff;

		list-style-type: none;

		padding: 7px 0 4px 1em;

	}

	#fpmenu ul {

		margin: 27px 0 0 0;

	}

	#fpmenu a {

		color: #fff;

		font-size: 14pt;

		font-family: CharifaSerifMedium;

		

		opacity: 1;

	}

	

	.col-inner {

    padding: 0 18px 8px 18px;

	}

	#front-intro {

		width: 66.66%;

		float: left;

		margin-top: 0.5em;

	}

	

	#opening-hours {

		float: left;

		width: 33.33%;

	}



	#opening-hours dt {

		float: left;

		width: 45%;

		font-weight: normal;

	}

	

	.sidebar #opening-hours dt {

		width: 35%;	

	}



	#opening-hours dt {

		font-weight: bold;

	}

	#opening-hours dd, #opening-hours dt {

		font-size: 12px;

		line-height: 20px;

	}

	#opening-hours dl {

		margin-bottom: 20px;

		margin-top: 20px;

	}

	#opening-hours .col-inner {

		

		padding: 1em 2em 0em 4em;

	}



	

	.fp-shadow {

    position: absolute;

	}

	

	.container {

		position:relative;	

		max-width: 960px;

		width:100%;

	}

	

	.page.container {

		min-height: 700px;	

	}

	

	#lshadow {

		left: -31px;

		top: 366px;

	}

	#rshadow {

		right: -30px;

		top: 366px;

	}

	.page #rshadow {

		right: -30px;

		top: 70px;

	}

	

	.page #lshadow {

		left: -31px;

		top: 70px;

	}

	.subpage-banner{

		position: absolute;	

		left: 0;

	}

	.sidebar {

		position: relative;

		top: 20px;

		left: 30px;	

		float:left;

	}

	#pagemenu {

		width: 263px;

	}

	

	#pagemenu ul li {

		margin-left: 25px;

		padding: 2px 0 2px 1em;	

	}

	

	#pagemenu .nav, #pagemenu ul {

		margin: 0;	

		list-style-type: none;

	}

	

	#pagemenu a {

		color: #fff;

		font-weight: bold;

	}

	

	#pagemenu a:hover{

		color: #ccc;

		text-decoration: none;

	}

	#fpmenu a:hover {

		color: #3dc1d2;

		text-decoration: none;

	}

	

	#menu-main{

		background-color: #3dc1d2;

    color: #000;

    padding: 21px 0;

	}

	

	#menu-top{

		background: url('images/round-corners-dark-top.png') top left;	

		width: 263px;

		height: 25px;	

	}

	

	#menu-bottom {

		background: url('images/round-corners-dark-bottom.gif') bottom left;

		width: 263px;

		height: 23px;

	}

	

	.sidebar #opening-hours {

		width: 263px;	

		margin-bottom:20px;

	}

	.sidebar-item {

		margin-top: 20px;	

	}

	#opening-main{

		background-color: #eaeaea;	

		margin-bottom: 30px;

		padding: 1px 1px 1px 35px;

	}

	

	#opening-top{

		background: url('images/round-corners-light-top.gif') top left;	

		width: 263px;

		height: 20px;	

	}

	

	#opening-bottom {

		background: url('images/round-corners-light-bottom.gif') bottom left;

		width: 263px;

		height: 17px;

	}

	/* ==========================================================================

   alert

   ========================================================================== */ 

.news {

	background-color: #FFD500;

	padding: 10px 40px 25px;
	

}

.news {
	
    flex-shrink: 1;
    flex-basis: 320px;
    box-sizing: border-box;
    flex-grow: 1;
}

.news h3 {

	font-weight: bold;

	color: #3dc1d2;

	margin-bottom: 0.51em;

}

/* ==========================================================================

   booking

   ========================================================================== */ 

.booking-button-home .online-booking{

	margin-bottom: 45px;

	margin-left: 20px;

}

.online-booking {



	background-color: #FFD500;

	-webkit-border-top-left-radius:2px;

	-moz-border-radius-topleft:2px;

	border-top-left-radius:2px;

	-webkit-border-top-right-radius:2px;

	-moz-border-radius-topright:2px;

	border-top-right-radius:2px;

	-webkit-border-bottom-right-radius:2px;

	-moz-border-radius-bottomright:2px;

	border-bottom-right-radius:2px;

	-webkit-border-bottom-left-radius:2px;

	-moz-border-radius-bottomleft:2px;

	border-bottom-left-radius:2px;

	display:inline-block;

	padding:20px;

	text-decoration:none;

	text-align:center;

	color: #265926;

	width: 225px;

	font-weight:700;

	font-size:18px;

	margin-bottom: ;

}

.online-booking:hover {

	background-color:#FF8F00;

	color:white;

	text-decoration: none;

}

.online-booking:active {

	text-decoration: none;

	position:relative;

	top:1px;

}		





	.page-content {

		float: right;

		width: 600px;

		position: relative;

		margin-top: 100px;

		padding-right: 35px;	

    padding-bottom: 30px;

	}

	

/* ==========================================================================

   body

   ========================================================================== */ 

#main {

	/*background: #fff url('images/green-gradient.gif') top left repeat-x;*/

	background-color: #f5f5f5;

}

/* ==========================================================================

   Tables

   ========================================================================== */ 

thead, .table-header{

	background-color: #9ecae9;

	color: #000;

}

thead {

	

}



table {

	font-size: 8pt;	

	border: 1px solid #ccc;

	line-height:normal;

}



table td p {

	margin-bottom: 2px;	

}

table ul {

	list-style-position: inside;

	margin:0;

	line-height:normal;	

}



table ul li {

	line-height: normal;	

}



table small {

	font-size: 7px;	

}

/* ==========================================================================

   Footer

   ========================================================================== */   

   

footer {

    border-top:  15px solid #f5faef;



    background-color:  #E2E8D9;

    padding-top: 15px;

}

footer .container {

    background-color: inherit;

}







/* ==========================================================================

   iFrame Code for Appointment Widget

   ========================================================================== */   



.iframe-container-doctor{

}



.iframe-wrapper-doctor {

	left: 0;

	top: 0;

	margin-bottom: 50px;

}





.iframe-wrapper-doctor iframe,

.iframe-wrapper-doctor embed,

.iframe-wrapper-doctor object {

	width: 100%;

	min-height: 1050px;

	height:auto;

	left: 0;

	top: 0;

	overflow:hidden;

	margin-bottom:50px;

}



.iframe-container-all{

}



.iframe-wrapper-all {

}





.iframe-wrapper-all iframe,

.iframe-wrapper-all embed,

.iframe-wrapper-all object {

        min-height:1550px;

	width:100%;

	height:auto;

	left: 0;

	top: 0;

	overflow:hidden;

	margin-bottom:40px;

}

/*END of iFRAME*/





.booking-button-home {

background-color: #3A503F;

padding: 10px 40px 25px;

margin: 0;

color: white;

}



.first-column {

}



.last-column {

float: right;

}



.booking-button-home h3 {

font-size: 25px;

font-weight: 600;

margin-bottom: 20px;

}



/* responsive alteration */



@media (max-width: 980px) {



	body {

		padding-left:0 !important;

		padding-right:0 !important;

	}

	.header{

		text-align:center;

	}

	.logo {

		float:none;

		margin:0;

	}

	.page-banner h1 {

		padding-top: 14px;

	}

	.page-banner h3 {

    margin-top: 0px;

	}

	.alternative-subtitle {

		float:none;



	}

	#header-info {

		float:none;

		position:static;

		text-align:center;

		margin-top:20px



	}

	#fpmenu {

		display:none;

	}



	#front-intro {

		float:none;

		width:100%;

	}



	#opening-hours{

		float:none;

		width:100%;

	}

	#front-intro .col-inner, #opening-hours .col-inner{

		padding:0

	}



	.last-column{

		float:none;

	}



	.booking-button-home{

		padding: 30px 0;

		text-align:center;

	}



	.news-entry {

		margin-top: 20px;

	}



	#lshadow, #rshadow {

		display:none;

	}



	footer {

		text-align:center;

	}

	footer .pull-left, footer .pull-right {

		float:none;

	}

	.subpage-banner {

		position:static;

		

	}

 	.sidebar{

 		display:none;

 		

 	}



 	.container.page {

 		background-color: #f1f1f1;

 	}



	.page-content {

		margin:0;

		padding: 0 20px;

		width: auto;



	}

	.wpcf7{

		float:none;

		margin-right: 0;

		width:100%;

	}



	.wpcf7 input, .wpcf7 textarea{

		width: 100%;

	}

}



#fpmenu ul li {

    color: black;

}



#fpmenu a {

    color: black;

}



h1, h2 {

    color: #3dc1d2;

}



h4 {

    color: #3dc1d2;

    line-height: 26px;

}



a {

    color: #3dc1d2;

}



a:hover {

	color: #3197a5;

}



.booking-button-home {

    background-color: #eaeaea;

}



.booking-button-home h3 {

    color: #3dc1d2;

}



.booking-button-home {

    color: black;

}



.online-booking {

    color: black;

    background-color: white;

    border: 1px solid #cccccc;

}



.online-booking:hover{

	background-color: #3dc1d2;

	color:white;

}



.alternative-subtitle {

    color: #3dc1d2;

}



footer {

    background-color: #eaeaea;

    border-top-color: #eaeaea;

}



.CharifaSerifLight { 

	font-family: CharifaSerifLight;

	font-weight: normal;

	font-style: normal;

}

.CharifaSerifMedium { 

	font-family: CharifaSerifMedium;

	font-weight: normal;

	font-style: normal;

}

.CharifaSerifRegular { 

	font-family: CharifaSerifRegular;

	font-weight: normal;

	font-style: normal;

}

.call-to-action a.appointment-button {

    display: inline-block;

    background-color: white;

    color: #6f6f6f;

    font-family: CharifaSerifMedium;

    padding: 13px 20px;

    font-size: 14pt;

}



.call-to-action  {

    position: absolute;

    bottom: 40%;

    right: 25px;

}



.feature-image-address {

    position: absolute;

    bottom: 20px;

    color:white;

    right: 25px;

}



@media(max-width:500px){

	.feature-image-address {

	    bottom: 15px;

	    right: 15px;

	}

	.feature-image-address p {

		margin:0;

	}

	.call-to-action  {

    bottom:50px;

    right: 15px;

	}

}



p.phone.alternative-subtitle {

    color: white;

    font-weight: bold;

}



.call-to-action a.appointment-button:hover {

    color: #3dc1d2;

    text-decoration: none;

}



.call-to-action .app-store-link{

	text-align:center;

	margin-top: 20px;

}



.call-to-action .app-store-link a{

	color: white;

	font-size: 16px;

}



.desktopbg {

	display:none;

}



@media(min-width: 980px ){

	.mobilebg{

		display:none;

	}

	.desktopbg {

		display:inline-block;

	}

}





/*for allied health page*/

.post-711 .entry-content a[target="_blank"] {

    font-size: 12px;

    display: block;

    margin-top: 5px;

    margin-bottom: 4px;

    font-weight: bold;

}

.post-711 h5{

	margin-bottom:0;

	margin-top: 20px;

}



body #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow{

	background-color: transparent;

	border:none;

}



/*health resource library*/



.featured-post{

	background-color: #f6f6f6;

	padding: 1.7em;

}



.featured-post h3{

	font-size: 16px;

	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;

	color: #777;

	margin:0;

}



.featured-post h2{

	margin-top:0;

	font-size: 24px;

}



.featured-post h2 a {

	font-family: 'CharifaSerifLight', serif;

}

.featured-post h2 a:hover {

	text-decoration: none;

}



.featured-post img.attachment-thumbnail {

	float:left; 

	margin-right: 1.5em;

}



.featured-post-content {

	overflow: auto;

}



.featured-post .more-link,

.featured-post a.read-more,

a.read-more.new {

	color:black;

	text-transform: uppercase;

	border: 1px solid #333;

	padding: 0.5em 2em;

	display:inline-block;

	margin-top: 1em;

}

.featured-post .more-link:hover,

.featured-post a.read-more:hover

a.read-more.new:hover{

	text-decoration: none;

	background-color: #3dc1d2;

	color:white;

}



.post-list .cat-heading{

	font-size: 16px;

	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;

	color: #777;

	border-bottom: 1px solid #3dc1d2;

	text-transform: uppercase;

}

@media (min-width: 600px){

	.post-list {

		max-width: 48%;

		width:48%;

		display:block;



	}

}

.post-list{

	width: 100%;

}

.post-list a:hover {

	text-decoration: none;

	color: #444;

}

.post-list a {

	color:black;

	margin-bottom: 0.2em;

	display:block;

}



.post-list a:before{

	content: '>';

	padding-right:1em;

	color: #3dc1d2;

	font-weight:700;

}

.article-index{

	display:flex;

	flex-wrap:wrap;

	justify-content: space-between;

}



/* post style */

.article-style h1{

	margin-bottom: 5px;

}



.author-line {

	margin:0;

	font-weight: 700;

	color: #888;

}

.article-style h2,

.article-style h3,

.article-style h4{

	font-family: 'CharifaSerifLight', serif;

	margin: 20px 0 15px;

}

.article-style h2,

.article-style h4{

	color: #3dc1d2;

}

.wp-caption img{

	max-width: 100%;

}

.wp-caption.alignleft,

.wp-caption.alignright,

.wp-caption.aligncentre {

	margin:0;

}



.wp-caption {

	border:0;

	padding:0;

	max-width: 100%;

}



.wp-caption-text{

	text-align: left;

}



.header-search form {

	

	text-align:center;

	margin-top: 1em;

	position:relative;

}



.header-search input[type="text"]{

	border: 1px solid #ccc;

  border-radius: 0;

	vertical-align: middle;



	margin-right: 7px;

}



.header-search input {

	margin-bottom:0;

}

input.header-search-button {

	vertical-align: bottom;

	width: 24px;

	opacity: 0.35;

	

}



.header-search-button:hover {

	

	opacity: 0.8;

	

}



.header-search label {

	font-size: 11px;

	color: #aaa;

}

.header-display-search-button{

	display:none;

}

@media (min-width: 768px){

	.header-search{

		text-align:left;

		position: absolute;

    right: 0;

    bottom: 0;

	}



	.header-search input[type="text"]{

			width: 147px;

	}





	.header-search form {

		visibility: hidden;

		text-align:left;

	}



	.header-display-search-button{

		display: inline-block;

		cursor: pointer;

		position:absolute;

		width: 24px;

		opacity: 0.35;

		bottom:20px;

		right:0;

	}	

}





@media(min-width: 1000px){

		.header-search input[type="text"]{

			width: 200px;

	}



}

/*fix form field height */
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	height: 32px;
}