/*
Theme Name: SFMC_Green
Author: Scott Anderson
Author URI: https://www.ezpzinfotech.com.au
Version: 1.0
*/

html {
	padding: 0;
	margin: 0;
}

body {
	padding: 0;
	margin: 0;
	font-size: 12px;
	color: #333;
	background-color: rgb(241, 241, 239, 0.5);
	background-image: url(images/apple_stroke_white.png);
	background-size: 50px 50px;
}

.site-header {
	position: -webkit-sticky; /* Safari */
  	position: sticky;
	max-width: 1364px;
	top: 0;
}
article.post.page.margin {
	margin-top: 0;
}

a:link,
a:visited {
	color: #46CCC3;
	font-family: bpreply, FredokaOne-Regular;
}
ul {
	font-family: bpreply, FredokaOne-Regular;
}
p {
	line-height: normal;
	margin: 0 0 1em 0;
	font-family: Station; 
	letter-spacing: 1px;
}
p.thin {
	font-family: gotham-condensed-thin;
}
p.thin a:hover {
	cursor: pointer;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 1em 0;
	font-weight: normal;
	font-variant: normal;
	font-family: bpreply, FredokaOne-Regular;
	color: #2B1858;
	letter-spacing: 2px;
}

/* General Layout */
div.container {
	max-width: 1364px;
	margin: 0 auto;
	padding: 0;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background-color: #fff;
}

/* Content Area */
article.post {
	margin-bottom: 0px;
	height: 449px;
}

article.post:last-of-type {
	border-bottom: none;
}

.doctors h1 {
	width: 60%;
	font-size: 300%;
	color: #2B1858;
	margin-top: 62px;
	margin-bottom: 0;
	margin-left: 50px;
}

.doctors p {
	width: 60%;
	margin-left: 50px;
	text-align: left;
	padding-bottom: 20px;
}

/* Translate */
.dropdown {
	float: right;
	margin-top: -65px;
	margin-right: 50px;
}
/* Translate */

/* Header */
.nav-page,
.site-header {
	margin-bottom: 0px;
	padding: 0px 0 0 0;
	z-index: 1;
}

.logo {
	margin: 15px;
	margin-left: 30px;
}

div.burger {
	float: right;
	margin: 0px;
	display: none;
}

div.hamburger {
	height: 5px;
	width: 30px;
	margin: 5px;
	background-color: #2B1858;
	border-radius: 10px;
}

.site-header h1 {
	margin: 0;
}

.site-header h1 a:link,
.site-header h1 a:visited {
	text-decoration: none;
}

.site-header h5 {
	margin: 0;
}

.header2 {
	height: 85px;
}

/* Standard Nav Menu */
.nav-page ul,
.site-nav ul {
	margin: 0;
	padding: 0;
	margin-top: 30px;
	margin-left: 5px;
	color: #2B1858;
}

.nav-page ul:before, .site-nav ul:after,
.site-nav ul:before, .site-nav ul:after { content: ""; display: table; }
.nav-page ul:after,
.site-nav ul:after { clear: both; }
.nav-page ul,
.site-nav ul { *zoom: 1; }

.nav-page ul li,
.site-nav ul li {
	list-style: none;
	float: left;
}

.nav-page ul li a:link,
.nav-page ul li a:visited,
.site-nav ul li a:link,
.site-nav ul li a:visited {
	display: block;
	text-decoration: none;
}

/* Header Nav Menu */
.nav-page nav,
.site-header nav {
	margin-top: 0;
}

.nav-page nav ul li,
.site-header nav ul li {
	margin-left: 5px;
}

.nav-page nav ul li a:link,
.nav-page nav ul li a:visited,
.site-header nav ul li a:link,
.site-header nav ul li a:visited {
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	color: #2B1858;
	font-weight: bold;
}

.buttonBC a {
	font-size: 11px;
}

#menu-item-124 a:link, 
#menu-item-124 a:visited,
#menu-item-125 a:link,
#menu-item-125 a:visited {
	color: white;
	font-family: FredokaOne-Regular;
	letter-spacing: 1px;
}
li.buttonBC.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-124 a,
li.buttonBC.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-125 a {
	color: #fff;
}

li.buttonBC.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-124 a:hover,
li.buttonBC.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-125 a:hover {
	background-color: #2B1858;
}

.buttonBC a:link,
.buttonBC a:visited {
	background-color: #46CCC3;
	border-radius: 15px;
	font-family: FredokaOne-Regular;
	letter-spacing: 1px;
	color: white;
}
.buttonBC a:hover {
	color: white;
}

#menu-item-124 a:hover, 
#menu-item-125 a:hover {
	background-color: #2B1858;
}

.nav-page nav ul li a:hover,
.site-header nav ul li a:hover {
	color: #46CCC3;
}

.nav-page nav ul li.current-menu-item a:link,
.nav-page nav ul li.current-menu-item a:visited,
.nav-page nav ul li.current-page-ancestor a:link,
.nav-page nav ul li.current-page-ancestor a:visited,
.site-header nav ul li.current-menu-item a:link,
.site-header nav ul li.current-menu-item a:visited,
.site-header nav ul li.current-page-ancestor a:link,
.site-header nav ul li.current-page-ancestor a:visited {
	font-weight: bold;
	color: #46CCC3;
}

/* Submenu */
.sub-menu {
	display: none;
	width: 150px;
	position: absolute;
	top: 25px;
	z-index: 1;
}

.nav-page nav ul li:hover .sub-menu,
.site-header nav ul li:hover .sub-menu {
	display: inline-block;
	background-color: #fff;
	border-bottom: solid 1px grey;
}

.nav-page nav ul ul li a:hover,
.site-header nav ul ul li a:hover {
	color: #46CCC3;
}
.site-header nav ul li.current-menu-item a:hover,
.site-header nav ul li.current-page-ancestor a:hover {
	color: #2B1858;
}
#mobile-menu {
	background-color: #fff;
}

/* Home slideshow */
div.slideshow-container {
	position: relative;
	height: 450px;
	margin: auto;
}

.mySlides1, mySlides2 {
	height: inherit;
	width: auto;
	display: none;
}

.mySlides1 h1 {
	color: #2B1858;
	font-size: 200%;
	width: 60%;
	padding-top: 50px;
    padding-left: 50px;
}

.mySlides1 p {
	width: 60%;
	text-align: left;
	padding-left: 50px;
	margin: 0;
}

.mySlides2 p {
	padding-top: 270px;
    width: 60%;
    margin-left: 160px;
	text-align: left;
}

.phone {
	height: 55px;
	margin-top: 20px;
	background-image: url(images/phoneySmall.png);
	background-position: 10% 0%;
  	background-repeat: no-repeat, repeat;
	background-size: 40px 55px;
}
.tele {
	position: absolute;
    height: 450px;
    width: 100%;
    background-image: url(images/phoneyBig.png);
    background-position: 50% 35%;
    background-repeat: no-repeat, repeat;
    background-size: 140px 200px;
    margin: 0px 0px 0px 0px;
}
.atsi {
	height: 70px;
	float: left;
	width: 70px;
	margin: 20px 0px 0px 50px;;
	background-image: url(images/atsi_flag_small.png);
	background-position: 10% 0%;
  	background-repeat: no-repeat, repeat;
	background-size: 65px 50px;
}
.atsi2 {
	height: 50px;
	margin: 20px 0px 0px 110px;
	background-image: url(images/aboriginal_flag_small.png);
	background-position: 10% 0%;
  	background-repeat: no-repeat, repeat;
	background-size: 65px 50px;
}

.bFlag1 {
	position: absolute;
	height: 225px;
	width: 100%;
	background-image: url(images/aboriginal_flag_big.png);
	background-position: 50% 35%;
	background-repeat: no-repeat, repeat;
	background-size: 180px 120px;
	margin: 145px 0px 0px 0px;
}

.bFlag2 {
	position: absolute;
	height: 225px;
	width: 100%;
	background-image: url(images/atsi_flag_big.png);
	background-position: 50% 35%;
  	background-repeat: no-repeat, repeat;
	background-size: 180px 120px;
	margin: 0px 0px 0px 0px;
}

.pillheart {
	height: 75px;
	margin: 20px 0px 0px 5px;
	background-image: url(images/thinMedaL.png);
	background-position: 10% 0%;
  	background-repeat: no-repeat, repeat;
	background-size: 50px 75px;
}

.bpillHeart {
	position: absolute;
	height: 450px;
	width: 100%;
	background-image: url(images/thinMedaL.png);
	background-position: 50% 35%;
  	background-repeat: no-repeat, repeat;
	background-size: 130px 210px;
	margin: 0px 0px 0px 0px;
}
.pillSmall {
	height: 70px;
	margin: 20px 0px 0px 5px;
	background-image: url(images/pill_big.png);
	background-position: 10% 0%;
  	background-repeat: no-repeat, repeat;
	background-size: 70px 60px;
}

.homeSlide1 {
	background-image: url(images/phone_apple.png);
	background-position: 100% 40%;
  	background-repeat: no-repeat, repeat;
	background-size: 149px 242px;
}
.homeSlide2 {
	background-image: url(images/atsi_flag_apple.png);
	background-position: 100% 39%;
  	background-repeat: no-repeat, repeat;
	background-size: 149px 246px;
}
.homeSlide3 {
	background-image: url(images/medals.png);
	background-position: 100% 40%;
  	background-repeat: no-repeat, repeat;
	background-size: 149px 237px;
}
.homeSlide4 {
	background-image: url(images/worPharmacy_apple.png);
	background-position: 100% 40%;
  	background-repeat: no-repeat, repeat;
	background-size: 149px 236px;
}
.prev, .next {
	cursor: pointer;
	position: absolute;
	top: 90%;
	width: auto;
	margin-top: -22px;
	padding: 17px;
	transition: 0.6s ease;
	user-select: none;
}

.pill {
	background-image: url(images/pill_big.png);
	background-repeat: no-repeat, repeat;
	background-size: 35%;
	background-position: 50% 35%;
}

.prev {
	left: 90%;
	background-image: url(images/arrow_white_left.png);
	background-repeat: no-repeat, repeat;
}

.next {
	right: 90%;
	background-image: url(images/arrow_green_right.png);
	background-repeat: no-repeat, repeat;
}
.prev:hover {
	background-image: url(images/arrow_purple_left.png);
}
.next:hover {
	background-image: url(images/arrow_purple_right.png);
}

.fade {
	-webkit-animation-name: fade;
  	-webkit-animation-duration: 1.5s;
  	animation-name: fade;
  	animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  	from {opacity: .4} 
  	to {opacity: 1}
}

@keyframes fade {
  	from {opacity: .4} 
  	to {opacity: 1}
}

/* /Home slideshow */

div.post.page.white p a {
	color: #46CCC3;
	text-decoration: none;
}

/* Footer */
.site-footer {
	width: 100%;
	padding-top: 1px;
	padding-bottom: 15px;
	font-size: 85%;
	background-color: #2B1858;
}

/* Footer Nav Menu */
.site-footer nav {
	margin: 0px 0 25px 0;
	padding-top: 0px;
}
nav.footerNav ul {
	margin-top: 30px;
}

.site-footer nav ul li {
	margin-left: 10px;
	padding-left: 10px;
	margin-top: 0;
	padding: 10px;
}
.site-footer nav ul ul {
	position: absolute;
	margin-top: 5px;
}
.site-footer p {
	color: #fff;
}

/* Page Layout */
article.page h2 {
	font-size: 225%;
	margin-bottom: 15px;
}
article.full-page {
	margin: 0px;
	padding-bottom: 0px;
	height: 450px;
	display: block;
}

div.green {
	background-color: #46CCC2;
	height: 450px;
}

div.white {
	background-color: white;
	height: 450px;
}
p.copy {
	padding-top: 20px;
}

/* Pages*/
/* Home top 3rd */
.apple-green-right {
	background-image: url(images/apple_green_half.png);
	background-position: 0% 20%;
  	background-repeat: no-repeat, repeat;
	background-size: 149px 289.5px;
}
p.hoverPharmacy {
	display: none;
	padding-top: 50px;
	cursor: pointer;
}
.pill-image:hover p.hoverPharmacy{
	display: block;
}

/* doctors about */
.doctors {
	background-image: url(images/sitPhamApple.png);
	background-position: 100% 35%;
	background-size: 153px 237px;
	background-repeat: no-repeat, repeat;
	height: 300px;
}
.doctorSmall {
	width: 50px;
	height: 50px;
	background-image: url(images/our_team_small.png);
	background-size: 40px 50px;
	background-repeat: no-repeat, repeat;
	margin: 10px 50px;
}

.doctor-team {
	width: 100%;
	height: 450px;
	background-image: url(images/our_team_big.png);
	background-size: 20%;
	background-position: 50% 35%;
	background-repeat: no-repeat, repeat;
	margin: 0px 0px;
}

article.doctor {
	height: 1800px;
	background-color: #46CCC3;
}

.doctor-list {
	background-color: #46CCC3;
	min-height: 450px;
	max-width: 1024px;
    margin: auto;
}

.doc-card {
	width: 200px;
	height: 300px;
	margin: 45px;
	margin-right: 0px;
	float: left;
}

.drImage {
	width: 170px;
	height: 170px;
	margin: auto;
	border-radius: 50%;
}

.doc-vincentia {
	width: 175px;
	height: 175px;
	margin-left: 10px;
	margin-top: 10px;
	background-image: url(images/vinWarp.png);
	background-position: 100% 100%;
  	background-repeat: no-repeat, repeat;
	background-size: 65%;
}

.doc-worrigee {
	width: 175px;
	height: 175px;
	margin-left: 10px;
	margin-top: 10px;
	background-image: url(images/woWarp.png);
	background-position: 100% 100%;
  	background-repeat: no-repeat, repeat;
	background-size: 65%;
}

.doc-basin {
	width: 175px;
	height: 175px;
	margin-left: 10px;
	margin-top: 10px;
	background-image: url(images/bvWarp.png);
	background-position: 100% 100%;
  	background-repeat: no-repeat, repeat;
	background-size: 65%;
}

.doc-culburra {
	width: 175px;
	height: 175px;
	margin-left: 10px;
	margin-top: 10px;
	background-image: url(images/culWarp.png);
	background-position: 100% 100%;
  	background-repeat: no-repeat, repeat;
	background-size: 65%;
}

.drNames {
	text-align: center;
	width: 65%;
	margin: 10px auto;
	color: #2B1858;
}

.drNames p {
	margin-top: -10px;
}

.learn-book {
	width: 100px;
	margin: auto;
	margin-top: 10px;
	padding: 10px;
	color: #2B1858;
	background-color: #fff;
	border-radius: 25px;
	font-size: 135%;
	text-decoration: none;
}
.learn-book a {
	text-decoration: none;
	margin: auto;
	color: #2B1858;
	padding: 9px 0px;
}

.learn-book:hover,
.learn-book a:hover {
	color: #fff;
	background-color: #2B1858;
}

/* Doctor bio slideshow */
.slide1, .slide2, .slide3, .slide4 {
	display: none;
}

a.left, a.right {
	height: 34px;
	width: 34px;
	padding: 17px;
}

.left, .right {
	top: 0px;
	cursor: pointer;
	position: relative;
  	transition: 0.6s ease;
  	border-radius: 0 3px 3px 0;
  	user-select: none;
}

.left {
	background-image: url(images/arrow_purple_left.png);
	background-repeat: no-repeat, repeat;
	left: 2%
}

.right {
	right: -92%;
	background-image: url(images/arrow_purple_right.png);
	background-repeat: no-repeat, repeat;
}

.right:hover {
  	background-image: url(images/arrow_white_right.png);
	background-repeat: no-repeat, repeat;
}
.left:hover {
	background-image: url(images/arrow_white_left.png);
	background-repeat: no-repeat, repeat;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 5px;
  border: 1px solid #888;
  width: 80%;
}
.modal-content img {
	width: 150px;
	height: auto;
	float: right;
	padding: 25px;
}
.modalFooter {
	clear: both;
}
.modal-content p {
	padding: 15px 25px;
}
.modalHead, .modalFooter {
	height: 50px;
	background-color: #46CCC3;
}
.modalHead p, .modalFooter p {
	text-align: left;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/*  Bio Images Vincentia*/
.val {
	background-image: url(images/bio/vin/val.jpg);
  	background-repeat: no-repeat, repeat;
	background-size: 170px 170px;
}

.pham {
	background-image: url(images/bio/vin/pham2.jpg);
  	background-repeat: no-repeat, repeat;
	background-size: 170px 170px;
}

.trev {
	background-image: url(images/bio/vin/smith2.jpg);
  	background-repeat: no-repeat, repeat;
	background-size: 170px 170px;
}

.chamindah {
	background-image: url(images/bio/vin/chaminda2.jpg);
  	background-repeat: no-repeat, repeat;
	background-size: 170px 170px;
}

.induni {
	background-image: url(images/bio/vin/induni2.jpg);
  	background-repeat: no-repeat, repeat;
	background-size: 170px 170px;
}

.ranil {
	background-image: url(images/bio/vin/perrera2.jpg);
  	background-repeat: no-repeat, repeat;
	background-size: 170px 170px;
}

.dip {
	background-image: url(images/bio/vin/malakar2.jpg);
  	background-repeat: no-repeat, repeat;
	background-size: 170px 170px;
}

.mariyam {
	background-image: url(images/bio/vin/mariyamwalls.jpg);
  	background-repeat: no-repeat, repeat;
	background-size: 170px 170px;
}

.bruce {
	background-image: url(images/bio/vin/white2.jpg);
  	background-repeat: no-repeat, repeat;
	background-size: 170px 170px;
}

.thomaz {
	background-image: url(images/bio/vin/delboni2.jpg);
  	background-repeat: no-repeat, repeat;
	background-size: 170px 170px;
}

.duminda {
	background-image: url(images/bio/vin/dumindaruwan.jpg);
  	background-repeat: no-repeat, repeat;
	background-size: 170px 170px;
}

.srisenthan {
	background-image: url(images/bio/vin/saraniya2.jpg);
  	background-repeat: no-repeat, repeat;
	background-size: 170px 170px;
}

.raed {
	background-image: url(images/bio/vin/rayhaddad.jpg);
  	background-repeat: no-repeat, repeat;
	background-size: 170px 170px;
}

/*  /Bio Images Vincentia */

/*  Bio Images Worrigee*/
.christine {
	background-image: url(images/bio/wor/christine2.jpg);
  	background-repeat: no-repeat, repeat;
	background-size: 170px 170px;
}
.abu {
	background-image: url(images/bio/wor/abu2.jpg);
  	background-repeat: no-repeat, repeat;
	background-size: 170px 170px;
}
.sajia {
	background-image: url(images/bio/wor/sajia2.jpg);
  	background-repeat: no-repeat, repeat;
	background-size: 170px 170px;
}
.irina {
	background-image: url(images/bio/wor/irina2.jpg);
  	background-repeat: no-repeat, repeat;
	background-size: 170px 170px;
}
.nalliah {
	background-image: url(images/bio/wor/sasi2.jpg);
  	background-repeat: no-repeat, repeat;
	background-size: 170px 170px;
}
.wah {
	background-image: url(images/cross.png);
    background-repeat: no-repeat, repeat;
    background-size: 170px 170px;
}
.matulip {
	background-image: url(images/bio/wor/Mutalip2.jpg);
  	background-repeat: no-repeat, repeat;
	background-size: 170px 170px;
}
.mariana {
	background-image: url(images/bio/wor/santos2.jpg);
  	background-repeat: no-repeat, repeat;
	background-size: 170px 170px;
}
.kokila {
	background-image: url(images/bio/wor/kokila2.jpg);
  	background-repeat: no-repeat, repeat;
	background-size: 170px 170px;
}
.islam {
	background-image: url(images/bio/wor/islam.jpg);
  	background-repeat: no-repeat, repeat;
	background-size: 170px 170px;
}
.kaw {
	background-image: url(images/bio/wor/kaw.png);
  	background-repeat: no-repeat, repeat;
	background-size: 170px 170px;
}
.munay {
	background-image: url(images/bio/wor/munay.jpg);
  	background-repeat: no-repeat, repeat;
	background-size: 170px 170px;
}

/*  /Bio Images Worrigee*/

/*  Bio Images Culburra */
.kelly {
	background-image: url(images/bio/cb/kelley2.jpg);
  	background-repeat: no-repeat, repeat;
	background-size: 170px 170px;
}
.prasad {
	background-image: url(images/bio/cb/prasad2.jpg);
  	background-repeat: no-repeat, repeat;
	background-size: 170px 170px;
}
.james {
	background-image: url(images/bio/cb/james.jpg);
  	background-repeat: no-repeat, repeat;
	background-size: 170px 170px;
}
.pradeep {
	background-image: url(images/bio/cb/sekar2.jpg);
  	background-repeat: no-repeat, repeat;
	background-size: 170px 170px;
}
.renali {
	background-image: url(images/bio/cb/renali2.jpg);
  	background-repeat: no-repeat, repeat;
	background-size: 170px 170px;
}
.jocelyn {
	background-image: url(images/bio/cb/jocelyn.jpg);
  	background-repeat: no-repeat, repeat;
	background-size: 170px 170px;
}
.eltokhy {
	background-image: url(images/bio/cb/eltokhy.jpg);
  	background-repeat: no-repeat, repeat;
	background-size: 170px 170px;
}

/*  /Bio Images Culburra */

/*  Bio Images Basin View */
.kim {
	background-image: url(images/bio/bv/kim2.jpg);
  	background-repeat: no-repeat, repeat;
	background-size: 170px 170px;
}
.sithara {
	background-image: url(images/bio/bv/bogoda2.jpg);
  	background-repeat: no-repeat, repeat;
	background-size: 170px 170px;
}
.chaminda {
	background-image: url(images/bio/bv/chamindah.jpg);
  	background-repeat: no-repeat, repeat;
	background-size: 170px 170px;
}
.hoa {
	background-image: url(images/bio/bv/hoa2.jpg);
  	background-repeat: no-repeat, repeat;
	background-size: 170px 170px;
}
.pauline {
	background-image: url(images/bio/bv/pauline.jpg);
  	background-repeat: no-repeat, repeat;
	background-size: 170px 170px;
}

/*  /Bio Images Basin View */

/* /Doctor bio slideshow */

/* Home Green*/
.post.page.green {
	background-image: url(images/apple_stroke_white.png);
	background-position: 50% 20%;
  	background-repeat: no-repeat, repeat;
	background-size: 250px 260px;
}

.post.page.green h1, p {
	text-align: center;
	margin: auto;
	color: #2B1858;
	font-weight: bold;
}

.post.page.green h1 {
	width: 80%;
	word-spacing: 30px;
	padding-top: 110px;
	font-size: 300%;
	padding-bottom: 20px;
}

.post.page.green p {
	font-size: 130%;
	width: 80%;
}

#land {
	padding-top: 60px;
	font-size: 120%;
}
#land2 {
	font-size: 120%;
}

.post.page.white h1 {
	text-align: center;
	margin: 0;
	padding-bottom: 15px;
	padding-top: 30px;
	color: #46CCC3;
	font-size: 300%;
}

.post.page.white p {
	font-size: 130%;
}

/* Clearfix */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* Two Column Title Layout */
div.column-container-bar {
	height: 85px;
	display: block;
}
div.column-container {
	height: 450px;
}
div.column-container-head {
	height: 85px;
}
div.title-column {
	width: 50%;
	float: left;
	background-color: #46CCC2;
	height: inherit;
}

div.title-column3 {
	width: 50%;
	float: left;
	background-color: #ffffff;
	height: inherit;
}

div.text-column {
	width: 50%;
	float: right;
	height: inherit;
}

/* Four column layout */
div.four-row {
	box-sizing: border-box;
	max-width: 1024px;
	margin: auto;
}

p.places-white {
	font-size: 90%;
	color: white;
}

div.four-row.four-columns.places p {
	color: #ffffff;
}

div.places {
	width: 165px;
	padding: 10px 5px;
	background-color: #46CCC2;
	border-radius: 40px;
	margin-left: -20px;
	margin-top: -15px;
}

div.places p,
div.places h2
{
	padding: 0;
	margin: 0;
	color: white;
}

.post.page.white div.four-columns p {
	color: #46CCC3;
}

div.place h2 {
	font-size: 120%;
}

p.top {
	padding-top: 5px;
}

p.bottom {
	padding-top: 10px;
}

div.four-column-container {
	padding-left: 7px;
}
	/* Float four columns side by side */

div.four-column-container {
	max-width: 1024px;
}

div.four-columns {
	float: left;
	width: 20%;
	padding: 0 10px;
	height: 188px;
	margin: 30px 10px;
	border-radius: 50%;
}

div.four-columns a:link {
	text-decoration: none;
}

div.four-column-container {
	margin: 0 -5px;
}

	/* Clear floats after the columns */
div.four-row:after {
  content: "";
  display: table;
  clear: both;
}

	/* Style the counter cards */
div.four-columns {
  padding: 15px;
  text-align: center;
  background-color: #2B1858;
}

div.pill-image {
	height: 50px;
	background-image: url(images/pill_small_round_bg.png);
	background-position: 100% 100%;
  	background-repeat: no-repeat, repeat;
	background-size: 50px 50px;
}

/* /four column layout */

/* Info Box Styles */
div.info-box {
	width: 30%;
	float: right;
	margin: 0 0 30px 30px;
	padding: 20px;
	background-color: #EEE;
}

div.info-box h4 {
	margin-bottom: 6px;
}

div.info-box p {
	font-size: 85%;
}

/* Children Links */
.children-links {
	margin-bottom: 20px;
	font-size: 80%;
}

.children-links a:link,
.children-links a:visited {
	text-decoration: none;
	padding-bottom: 2px;
}

.children-links ul {
	float: right;
}

.children-links li {
	margin-left: 20px;
}

.children-links, .parent-link {
	float: right;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 1px solid #DDD;
	font-size: 120%;
	font-weight: bold;
}

.children-links .parent-link a:link,
.children-links .parent-link a:visited {
	color: #333;
}

.children-links .current_page_item a:link,
.children-links .current_page_item a:visited {
	border-bottom: 1px solid #DDD;
	color: #333;
	cursor: default;
}

/* Services Pages */
article.post.page.services {
	background-color: #46CCC3;
	height: 450px;
}
div.heading-services h1 {
	font-size: 300%;
	text-align: center;
	color: #2B1858;
	padding-top: 35px;
	padding-bottom: 12px;
	margin: 0;
}

div.heading-services p {
	font-size: 130%;
	width: 400px;
	padding-bottom: 30px;
}

.slide-services {
	display: none;
}

div.block-services {
	width: 90%;
	margin: auto;
}


.block-column {
	float: left;
	width: 25%;
	height: 170px;
}

.block {
	width: 95%;
	height: 53px;
	margin: auto;
	margin-bottom: 15px;
	background-color: #2B1858;
	border-radius: 18px;
	cursor: pointer;
}

.block.missing {
	background-color: #46CCC3;
}
.block.missing:hover {
	background-color: #46CCC3;
	cursor: none;
}

.block:hover {
	background-color: #fff;
}


.block p {
	padding: 18px 0px;
	font-size: 100%;
}

.block p a {
	text-decoration: none;
	color: #fff;
	padding: 18px 0px;
}

.block p a:hover {
	color: #2B1858;
}

.right-arrow {
	background-image: url(images/arrow_purple_right.png);
  	background-repeat: no-repeat, repeat;
	background-size: 30px 30px;
	padding: 17px;
	left: -35%;
	top: 240px;
	position: relative;
	cursor: pointer;
}
.right-arrow:hover {
	background-image: url(images/arrow_white_right.png);
}

.left-arrow {
	background-image: url(images/arrow_purple_left.png);
  	background-repeat: no-repeat, repeat;
	background-size: 30px 30px;
	padding: 17px;
	left: -60%;
	top: 240px;
	position: relative;
	cursor: pointer;
}

.left-arrow:hover {
	background-image: url(images/arrow_white_left.png);
}

article.full-page.service-description {
	min-height: 700px;
	padding-bottom: 100px;
	background-image: url(images/services_bg.jpg);
  	background-repeat: no-repeat, repeat;
	background-size: 1364px 600px;
	text-align: left;
	background-color: #46CCC3;
}
.pharmacy2 {
	float: left;
	width: 50%;
}
.pharmacy::after {
  content: "";
  clear: both;
  display: table;
}
div.services-writeUp {
	width: 50%;
	margin: auto;
	margin-top: 30px;
	color: #2B1858;
	display: none;
}
div.services-writeUp ul {
	padding: 0;
	margin: 0;
	list-style-position: inside;
	padding-bottom: 15px;
	font-size: 110%;
}
a.laser {
	color: #2B1858;
	text-decoration: none;
	font-size: 150%;
}
a.laser:hover {
	color: #fff;
}

div.services-writeUp h1 {
	font-size: 300%;
	margin-bottom: 15px;
}

div.services-writeUp p {
	font-size: 140%;
	text-align: left;
	margin-bottom: 15px;
	font-family: gotham-condensed-thin;
}
ul.fRight {
	float: right;
}
.services-arrow {
	background-image: url(images/arrow_purple_left.png);
  	background-repeat: no-repeat, repeat;
	background-size: 30px 30px;
	padding: 17px;
	left: 19%;
	top: 70px;
	position: relative;
	cursor: pointer;
}
.services-arrowR {
	background-image: url(images/arrow_purple_right.png);
  	background-repeat: no-repeat, repeat;
	background-size: 30px 30px;
	padding: 17px;
	left: 74%;
	top: 70px;
	position: relative;
	cursor: pointer;
}

.services-arrow:hover {
	background-image: url(images/arrow_white_left.png);
}
.services-arrowR:hover {
	background-image: url(images/arrow_white_right.png);
}

p.back-services {
	margin-top: 30px;
}

a.back-Services {
	text-decoration: none;
	background-color: #fff;
	padding: 12px 15px;
	border-radius: 25px;
}
a.back-Services:link,
a.back-Services:visited {
	color: #2B1858;
}

a.back-Services:hover {
	background-color: #2B1858;
	cursor: pointer;
	color: #fff;
}
.post.page.green.back-services p:hover {
	color: #fff;
}
#asthma {
	padding: 18px 60px;
}
#diabetes {
	padding: 18px 1px;
}
#gip {
	padding: 18px 34px;
}
#atsi {
	padding: 18px 66px;
}
#drug {
	padding: 18px 3px;
}
#home {
	padding: 18px 30px;
}
#chronic {
	padding: 18px 7px;
}
#dva {
	padding: 18px 73px;
}
#holter {
	padding: 18px 46px;
}
#complex {
	padding: 18px 2px;
}
#childhood {
	padding: 18px 38px;
}
#immunisations {
	padding: 18px 60px;
}
#kidneys {
	padding: 18px 23px;
}
#nutritionist {
	padding: 18px 69px;
}
#podiatry {
	padding: 18px 77px;
}
#laser {
	padding: 18px 21px;
}
#pain {
	padding: 18px 46px;
}
#employment {
	padding: 18px 22px;
}
#meds {
	padding: 18px 24px;
}
#pathology {
	padding: 18px 71px;
}
#psychology {
	padding: 18px 67px;
}
#minor {
	padding: 18px 47px;
}
#pharmacy {
	padding: 18px 73px;
}
#smoke {
	padding: 18px 43px;
}
#social {
	padding: 18px 58px;
}
#tele {
	padding: 18px 70px;
}
#travel {
	padding: 18px 52px;
}
#women {
	padding: 18px 54px;
}

/* /Services Pages */

/* Privacy Policy */
article.post.page.privacy {
	background-color:  #46CCC3;
	height:	auto;
	color: #2B1858;
	text-align: center;
}
div.privacyHead h1 {
	font-size: 320%;
	margin-bottom: 15px;
	padding-top: 70px;
}
div.privacyHead p {
	width: 60%;
}
div.twoPolicy {
	text-align: left;
	column-count: 2;
	padding: 60px 0px;
	margin: 0 20px;
}
div.twoPolicy h1 {
	margin: 0;
	font-family: Station;
	font-size: 150%;
}
div.twoPolicy p {
	text-align: left;
	padding-bottom: 15px;
	font-family: Sans-serif, gotham-condensed-thin;
	font-size: 100%;
}
div.privacyBlue {
	width: 60%;
	height: auto;
	margin: 25px auto;
	background-color: #2B1858;
	border-radius: 25px;
}
div.privacyBlue p {
	color: #FFF;
	padding: 15px;
	font-size: 110%;
	width: 90%;
}
/* /Privacy Policy */

/* Practice Information */
div.twoPolicy ul {
	padding: 0;
    list-style-position: inside;
    margin-top: 0;
    margin-bottom: 15px;
	padding-right: 20px;
}
div.twoPolicy p {
	padding-right: 20px;
}
div.uniWhite {
	width: 330px;
	height: 130px;
	background-image: url(images/UWA.png);
	background-repeat: no-repeat, repeat;
	background-size: 315px 100px;
}
div.practiceBlue {
	background-color: #2B1858;
	width:97%;
	margin: auto;
	height: auto;
	border-radius: 20px;
	margin-bottom: 20px;
	margin-left: -5px;
}
div.privacyWhite {
	background-color: #FFF;
	width:95%;
	margin: auto;
	height: auto;
	border-radius: 20px;
	margin-bottom: 20px;
	margin-left: -5px;
}
div.practiceBlue p {
	color: #FFF;
	padding: 15px 13px;
}
div.privacyWhite p {
	color: #46CCC3;
	padding: 10px;
}
h1.largeH {
	font-size: 200%;
	padding-bottom: 20px;
}
div.gpa {
	width: 320px;
	height: 100px;
	margin: 10px 0px;
	background-image: url(images/QPA.png);
	background-repeat: no-repeat, repeat;
	background-size: 315px 100px;
}
div.twoPolicy a {
	color: #2B1858;
}
/* /Practice Information */

/* Patient Information */
div.post.page.green.patient {
	background-image: none;
}
div.post.page.green.patient h1 {
	word-spacing: 5px;
	padding-top: 70px;
}
div.commBlue {
	height: auto;
	background-color: #2B1858;
	margin: auto;
	margin-bottom: 15px;
	width: 50%;
	border-radius: 25px;
}
div.after {
	padding: 45px 30px;
	height: 250px;
	text-align: left;
	background-image: url(images/adminApple.png);
	background-repeat: no-repeat, repeat;
	background-size: 154px 239px;
	background-position: 100% 83px;
}
div.after p {
	padding-bottom: 15px;
	text-align: left;
	width: 65%;
	margin-left: 0;
}
div.after h1 {
	color: #2B1858;
	font-size: 250%;
}
div.clock {
	width: 44px;
	height: 44px;
	background-image: url(images/clock_small.png);
	background-repeat: no-repeat, repeat;
	background-size: 44px 44px;
}
div.bClock {
	width: 220px;
	height: 220px;
	background-image: url(images/clock_big.png);
	background-repeat: no-repeat, repeat;
	background-size: 220px 220px;
	margin: 65px 0px 80px 105px;
}
div.bill {
	padding: 70px 30px;
	height: 200px;
	text-align: left;
	background-image: url(images/medicare.png);
	background-repeat: no-repeat, repeat;
	background-size: 145px 237px;
	background-position: 100% 83px;
}
div.bill p {
	padding-bottom: 15px;
	text-align: left;
	width: 65%;
	margin-left: 0;
}
div.bill h1 {
	color: #2B1858;
	font-size: 250%;
}
div.clock {
	width: 44px;
	height: 44px;
	background-image: url(images/clock_small.png);
	background-repeat: no-repeat, repeat;
	background-size: 44px 44px;
}
div.paper {
	width: 44px;
	height: 44px;
	background-image: url(images/bill_small.png);
	background-repeat: no-repeat, repeat;
	background-size: 44px 44px;
}
div.bClock {
	width: 100%;
	height: 375px;
	background-image: url(images/clock_big.png);
	background-repeat: no-repeat, repeat;
	background-size: 220px 220px;
	background-position: 50% 60%;
	margin: 0px 0px 0px 0px;
}
div.bBill {
	width: 100%;
	height: 450px;
	background-image: url(images/bill_big.png);
	background-repeat: no-repeat, repeat;
	background-size: 220px 220px;
	background-position: 50% 35%;
	margin: 0px 0px 0px 0px;
}
div.p p {
	width: 285px;
	text-align: right;
	font-size: 130%;
	margin-right: 25px;
}

div.post.page.green.patient p {
	padding-bottom: 10px;
}

div.post.page.green .commBlue p {
	color: #FFF;
	padding: 15px;
	width: 95%;
}
a.blueA {
	color: #2B1858;
	text-decoration: none;
}
a.blueA:hover {
	color: #fff;
}

a.feedBack {
	padding: 15px 25px;
    color: #FFF;
    text-align: center;
    margin: auto;
    background-color: #2B1858;;
    border-radius: 25px;
	text-decoration: none;
	line-height: 7;
}
a.feedBack:hover {
	background-color: #FFF;
	color: #2B1858;
}

/* /Patient Information */

/* Centres */
article.post.page.centresRow {
	height: auto;
}
.centresColumn {
	height: auto;
	float:left;
	width: 20%;
}
.centresNav ul {
	font-size: 190%;
	list-style-type: none;
	margin: 20px;
	margin-top: 60px;
  	padding: 0;
}
.centresNav ul li {
	margin-bottom: 10px;
}
.centresNav ul li a {
	color: #2B1858;
}
.centresNav ul li a:hover {
	cursor: pointer;
	color: #46CCC3;
}
.centresNav ul li a:link,
.centresNav ul li a:visited,
.centresNav ul li a:active {
	color: #46CCC3;
}
.columnCentres {
	height: auto;
	float: left;
	width: 80%;
}
.centresRow:after {
  	content: "";
  	display: table;
  	clear: both;
}
.slideCentres {
	display: none;
}

.splitCentres {
	margin: 50px 0px;
	height: auto;
	float: left;
	width: 75%;
}
.splitCentres p {
	text-align: left;
    font-size: 120%;
    padding: 7px 25px;
	color: #2B1858;
	font-family: Sans-serif, gotham-condensed-thin;
}
.centresSplit {
	margin-top: 60px;
	height: 450px;
	float: left;
	width: 25%;
}
.centresSplit a {
	font-size: 85%;
	padding: 8px 10px;
    background-color: #46CCC3;
    border-radius: 25px;
	cursor: pointer;
	color: #fff;
	margin: 0px;
	text-decoration: none;
	font-family: FredokaOne-Regular;
	letter-spacing: 1px;
}
.centresSplit a:hover {
	background-color: #2B1858;
}
.centresSplit p {
	font-size: 150%;
    text-align: left;
	padding-left: 5px;
	font-family: gotham-condensed-thin;
}
.pdf {
	padding: 20px 5px;
}
.slideCentres:after {
	content: "";
  	display: table;
  	clear: both;
}
.mapDiv {
	width: 190px;
	height: 190px;
	margin-top: 30px;
}

.mapDiv:hover {
	width: 750px;
	height: 500px;
	margin-left: -650px;
	margin-top: -250px;
}

.leaflet-touch .leaflet-bar a {
    width: 5px;
    height: 5px;
    line-height: 5px;
}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
    font-size: 10px;
}

.cbBlue p {
	text-align: center;
	padding: 15px;
	background-color: #2B1858;
	color: #fff;
	border-radius: 25px;
	width: 85%;
}
span.close {
	z-index: 900;
}
/* Position the image container (needed to position the left and right arrows) */
.contained {
	position: relative;
  	width: 66%;
  	margin: auto;
}
div.gallery h1 {
	padding-top: 25px;
	text-align: center;
}
/* Hide the images by default */
.mySliders, .mySliders2, .mySliders3, .mySliders4 {
  display: none;
}
/* Add a pointer when hovering over the thumbnail images */
.pointer {
  cursor: pointer;
}
/* Next & previous buttons */
.prevy,
.nexty {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}
/* Position the "next button" to the right */
.nexty {
  right: 0;
  border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prevy:hover,
.nexty:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}
/* Container for image text */
.caption-containered {
	height: 35px;
	margin: auto;
	align-content: center;
	box-sizing: border-box;
	display: block;
  text-align: center;
  padding: 2px 16px;
  color: black;
	font-family: SourceSansProBold, SourceSansProRegular, serif;
}
.rowed:after {
  content: "";
  display: table;
  clear: both;
}
#captioned, #captioned2, #captioned3, #captioned4 {
	text-align: center;
}
/* Six columns side by side */
.columned {
  float: left;
  width: 16.66%;
}
/* Add a transparency effect for thumnbail images */
.demoed {
  opacity: 0.6;
}
.active,
.demoed:hover {
  opacity: 1;
}
@media screen and ( max-width: 650px ) {
	.containered {
		width: 90%;
	}
}
div.vinnyImage {
	width: 540px;
	height: 225px;
	background-image: url(images/centers/vinny.png);
	background-repeat: no-repeat, repeat;
	background-size: 540px 225px;
	margin: auto;
	margin-bottom: 20px;
}
div.culburraBeachImage {
	width: 540px;
	height: 225px;
	background-image: url(images/centers/culburrabeach.jpg);
	background-repeat: no-repeat, repeat;
	background-size: 540px 225px;
	margin: auto;
	margin-bottom: 20px;
}
div.worryImage {
	width: 540px;
	height: 225px;
	background-image: url(images/centers/worrigee.png);
	background-repeat: no-repeat, repeat;
	background-size: 540px 225px;
	margin: auto;
	margin-bottom: 20px;
}
div.basinViewImage {
	width: 540px;
	height: 225px;
	background-image: url(images/centers/basinview.png);
	background-repeat: no-repeat, repeat;
	background-size: 540px 225px;
	margin: auto;
	margin-bottom: 20px;
}

/* /Centres */

/* Book */
div.splitCentres iframe {
	width: 95%;
	height: 1350px;
}


/* /Book */

/* Vacanies */
div.train {
	padding: 25px 30px;
	height: 350px;
	text-align: left;
	background-image: url(images/docApple.png);
	background-repeat: no-repeat, repeat;
	background-size: 154px 238px;
	background-position: 100% 84px;
}
div.train h1 {
	color: #2B1858;
	font-size: 250%;
	margin-bottom: 15px;
}
div.train p {
	text-align: left;
	width: 65%;
	margin: 0;
	padding-bottom:	10px;
}
p.subWrite {
	font-family: arial;
	font-size: 75%;
}
.docDoc {
	width: 50px;
	height: 50px;
	background-image: url(images/training_small.png);
	background-repeat: no-repeat, repeat;
	background-size: 50px 44px;
	background-position: 0px 0px;
}
.bTrain {
	padding: 25px 0px;
	height: 283px;
	width: 100%;
	background-image: url(images/training_big.png);
	background-repeat: no-repeat, repeat;
	background-size: 271px 225px;
	background-position: 50% 55px;
}
.uni {
	padding-right: 50px;
	width: 170px;
	height: 50px;
	float: right;
	background-image: url(images/UWA_blue.png);
	background-repeat: no-repeat, repeat;
	background-size: 170px 50px;
	background-position: 0px 0px;
}
div.vacant {
	background-color: #46CCC3;
	text-align: center;
	color: #2B1858;
	height: 106%;
}

div.vacant a {
	text-decoration: none;
}
div.vacant h1 {
	font-size: 300%;
	padding-top: 70px;
}
p.anyway {
	margin-top: 210px;
	font-size: 150%;
	font-weight: bold;
}

div.vacancies {
	float: left;
	width: 25%;
}

div.vacancies h5 {
	width: 90%;
	font-size: 150%;
	color: #2B1858;
	text-align: left;
	margin-left: 20px;
	margin-bottom: 0px;
}
div.vacancies p {
	text-align: left;
	width: 90%;
	margin-left: 20px;
}
div.vacBlue p {
	text-align: center;
	color: #fff;
	width: 45%;
	padding: 12px 25px;
	margin-top: 15px;
	background-color: #2B1858;
	border-radius: 25px;
}
div.vacBlue p:hover {
	background-color: #fff;
}

div.vacant:after {
  content: "";
  display: table;
  clear: both;
}

/* /Vacanies */

	/* Responsive columns - one column layout (vertical) on small screens */
@media screen and (max-width: 1024px) {
	.site-header {
		width: 100%;
	}
	div.column-container-head {
		width: 100%;
	}
	div.container {
	width: 100%;
	}
	div.title-column {
		width: 100%;
	}
	footer.site-footer {
		width: 100%;
	}
	div.burger {
		display: block;
		cursor: pointer;
	}
	
	div.hamburger:hover {
		background-color: #fff;
	}
	
	#menu-item-124,
	#menu-item-125 {
		display: none;
	}
	/* Translate */
	.dropdown {
		float: none;
		margin-top: 0px;
		margin-left: 50px;
	}
/* Translate */
	div.text-column.hidden {
		display: none;
	}
	
	div.title-column,
	div.titlecolumn3,
	div.text-column {
		width: 100%;
		position: relative;
	}
	
	div.apple-green-right,
	article.full-page,
	div.column-container,
	div.post.page.green,
	article.post,
	div.post.page.white {
		height: 600px;
		display: table;
		width: 100%;
	}
	div.after p {
		color: #fff;
	}
	
	div.text-column.apple-green-right.gone {
		display: none;
	}
	
	div.four-columns {
		width: 200px;
    	display: block;
    	margin-bottom: 20px;
  	}
	
	div.four-row {
		width: 260px;
		margin: auto;
		padding-bottom: 20px;
	}
	article.full-page.fourOf {
		margin-bottom: 50px;
	}
	
	div.post.page.nav-page,
	div.column-container-bar,
	div.title-column.hidden,
	div.logo.hidden,
	div.text-column.hidden {
		display: none;
	}
	
	div.column-container-bar,
	div.post.page.nav-page {
		height: 0px;
	}
		
	div.text-column.apple-green-right:after, 
	article.full-page,
	div.post.page.green,
	div.four-row:after,
	footer.site-footer:after {
  		content: "";
  		display: table;
  		clear: both;
	}
	
	div.slideshow-container {
		height: 600px;
	}
	
	.mySlides1 h1 {
		color: #fff;
		padding-top: 150px;
	}
	
	.mySlides1 p {
		color: #fff;
	}
	
	.mySlides2 p {
		padding-top: 450px;
		margin-left: 125px;
	}
	.prev {
		left: 85%;
	}
	.post.page.green p {
		width: 80%;
	}
	
	div.text-column.apple-green-right {
		background-position: 0% 40%;
		background-size: 223.5px 434.25px;
	}
	
	.ourteam {
		background-position: 100% 40%;
		background-size: 223.5px 434.25px;
	}
	
	.pill {
		background-size: 60%;
		background-position: 30% 40%;
	}
	.bFlag1 {
		height: 170px;
		width: 275px;
		background-size: 275px 170px;
		margin: 95px 0px 20px 140px;
	}
	.bFlag2 {
		height: 170px;
		width: 275px;
		background-size: 275px 170px;
		margin: 290px 0px 20px 140px;
	}
	.bpillHeart {
		max-height: 300px;
		max-width: 390px;
		background-size: 50% 50%;
		margin: 160px 0px 20px 25%;
	}
	
	article.full.page.doctor {
		height: 3300px;
	}
	
	.doctor-list {
		height: 875px;
		width: 500px;
		margin: auto;
	}
	
	.doc-card {
		margin-left: 20px;
		width: 225px;
	}
		
	.right {
		left: 60%;
		top: 80px;
	}
	
	.left {
		left: 30%;
		top: 80px;
	}
	
	div.block-services {
		width: 100%;
	}
	
	.block p {
		font-size: 100%;
	}
	.left-arrow {
		left: 4%;
		top: 85px;
	}
	.right-arrow {
		left: 85%;
		top: 85px;
	}
	.services-arrow {
		left: 10%;
	}
	.services-arrowR {
		left: 80%;
	}
	
	.services-writeUp {
		width: 60%;
	}
	#asthma,
#diabetes,
#gip,
#atsi,
#drug,
#home,
#chronic,
#dva,
#holter,
#complex,
#childhood,
#immunisations,
#kidneys,
#nutritionist,
#podiatry,
#laser,
#pain,
#employment,
#meds,
#pathology,
#psychology,
#minor,
#pharmacy,
#smoke,
#social,
#tele,
#travel,
#women {
	padding: 18px 0px;
}
	.block p a {
		padding: 15px 5px;
	}
	.centresColumn,
	.columnCentres,
	.splitCentres,
	.centresSplit {
		width: 95%;
	}
	.mapDiv:hover {
		width: 400px;
		height: 300px;
		margin-left: 0px;
		margin-top: -100px;
}
	.centresSplit {
		padding-left: 5%;
	}
	div.train {
		height: 500px;
		padding: 45px 40px;
		background-position: 100% 50px;
		background-size: 223.5px 434.25px;
	}
	div.train p {
		width: 90%;
	}
	.bTrain {
		height: 440px;
	 	width: auto;
		background-size: 33%;
		background-position: 50% 60%;
	}
	.uni {
		padding-right: 50px;
		width: 170px;
		height: 50px;
		float: right;
		background-image: url(images/UWA_blue.png);
		background-repeat: no-repeat, repeat;
		background-size: 170px 50px;
		background-position: 0px 0px;
	}
	div.after {
		height: 400px;
		background-size: 220px 350px;
    	background-position: 100% 72px;
	}
	div.bill {
		height: 400px;
		background-size: 220px 380px;
    	background-position: 100% 72px;
	}
	div.bBill {
		width: 300px;
    	height: 300px;
		background-size: 300px 300px;
		margin: 148px 0px 83px 130px;
	}
	div.bClock {
		width: 300px;
    	height: 300px;
		background-size: 300px 300px;
		margin: 148px 0px 83px 130px;
	}
	.doctors {
		background-position: 100% 19%;
		background-size: 200px 320px;
		height: 450px;
	}
	div.services-writeUp {
    width: 60%;
	}
	article.full-page {
		width: 100%;
	}
	.mapDiv {
    	margin: 20px;
	}
	.mapDiv:hover {
		width: 300px;
		height: 200px;
		margin-left: 0px;
		margin-top: 0px;
	}
	div.uniWhite {
		background-size: 280px 85px;
	}
	div.gpa {
		background-size: 275px 95px;
	}
	div.train p {
		color: #fff;
	}
	div.bill p {
		color: #fff;
		font-size: 120%;
	}
	ul.fRight {
	float: none;
}
}

/* Responsive columns - one column layout (vertical) on small screens */
@media screen and (max-width: 600px) {
	div.container {
		max-width: 600px;
		margin: auto;
	}
	.doc-card {
		margin-left: auto;
	}
	.doctor-list {
    	width: 250px;
		height: 900px;
	}
	article.full-page.doctor {
		height: 6325px;
	}
	.right {
    left: 80%;
    top: -732px;
	}
	.left {
    left: -20%;
    top: -732px;
	}
	div.services-writeUp {
		width: 80%;
	}
	.services-arrow {
		left: 2%;
	}
	.services-arrowR {
		left: 85%;
	}
	div.twoPolicy {
		column-count: 1;
		width: 80%;
	}
	div.privacyHead p {
		width: 100%;
	}
	div.privacyBlue {
		width: 80%;
	}
	.bpillHeart {
		background-size: 95% 95%;
		margin: 185px 0px 20px 0px;
	}
	.bFlag1, .bFlag2 {
		margin-left: 5%;
	}
	.block {
		height: 70px;
	}
	div.vacancies {
		width: 100%;
	}
	div.vacant h1 {
		margin-bottom: 0px;
	}
	div.vacancies h5 {
	margin-top: 20px; 
	}
	
	p.anyway {
		margin-top: 470px;
	}
	div.bClock {
		width: 200px;
    	height: 200px;
    	background-size: 200px 200px;
	}
	div.leaflet {
		width: 100px;
	}
	div.bClock {
		margin-left: 60px;
	}
	div.bBill {
		width: 200px;
    	height: 200px;
    	background-size: 200px 200px;
		margin-left: 60px;
	}
	div.splitCentres iframe {
		width: 109%;
	}
}
@media screen and (max-width: 450px) {
	
}

/* Responsive columns - one column layout (vertical) on small screens */
@media screen and (max-width: 400px) {
	.doc-card {
		width: 190px;
	}
	.doctor-list {
		width: 190px;
	}
	
	.drImage {
		margin: 10px;
	}
	
	.doc-vincentia, .doc-worrigee, .doc-culburra, .doc-basin {
		width: 160px;
	}
	.left {
		left: 0%;
	}
	
	.right {
		left: 65%;
	}
	div.heading-services p {
		width: 90%;
	}
	.block p a {
		padding: 10px 0px;
	}
	.block p {
		font-size: 75%;
	}
	.services-arrowR {
		left: 78%
	}
	div.services-writeUp {
		width: 70%;
	}
	div.commBlue {
		width: 70%;
	}
	.mySlides1 h1 {
    	padding-top: 35px;
	}
	.site-footer {
    	padding-top: 0px;
	}
	.site-footer nav ul li {
		font-size: 55%;
	}
	.site-footer nav ul ul li {
		font-size: 80%;
	}
	p.copy {
		font-size: 70%;
	}
	div.vacant {
		height: 110%;
	}
	div.basinViewImage, div.worryImage, div.vinnyImage, div.culburraBeachImage {
		width: 300px;
		background-size: 300px 80px;
	}
	nav.footerNav ul {
    	margin-top: 0px;
	}
}

@media screen and (max-width: 330px) {
	.doc-card {
		width: 135px;
	}
	.right {
		left: 77%;
		top: -345px;
	}
	.left {
		left: 6px;
		top: -345px;
	}
}