/** GLENFERRIE DERMATOLOGY - OUR PEOPLE **/
/** CARBON DATA SOLUTIONS - http://www.carbondata.com.au  **/

/** COLOURS **/
/** FOOTER BACKGROUND #202020 **/
/** ORANGE #e7540e **/
/** YELLOW #f6b221 **/
/** GREY WRITING #6f6f6e **/
/**  PALE GREY #f8f8f8 **/

/**----------- DOCTOR IN VIEW - RESPONSIVE ------------**/

.doctorInView {
	overflow: hidden;
	}

.doctorInViewImage p {
	padding: 0px;
	height: 56px;
	font-family: 'BrandonGrotesqueRegularRg'; /* REGULAR */
	font-size: 1.4em;
	line-height: 0px;
	text-align: center;
	color: #000000;
	background-image: url('../images/ourpeople/white80percent.png');
	background-color: #ffffff;
	background-repeat: repeat;	
	}

.doctorInViewImage p .doctorName {
	font-family: 'BrandonGrotesqueMediumRegular'; /* MEDIUM */
	font-size: 1.14em;
	line-height: 40px;	
	}

.doctorInViewImage .photo {
	width: 100%;
	/* height: 480px; */
	height: 600px;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-position: center center;
	}

.doctorInView h2 {
	font-family: 'BrandonGrotesqueMediumRegular';
	}

@media all and (max-width:660px) {
	
	.doctorInViewImage {
		display: none;	
		}
	
	}

@media all and (min-width:661px) and (max-width:1040px) {

	.doctorInView h2 { 
		margin-left: 51.5%;
		}
		
	.doctorInView .regular {
		margin-left: 51.5%;
		}
	
	.doctorInViewImage {
		float: left;
		background-color: purple;
		width: 48.5%;
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		-o-background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;			
		}
		
	#helenSaunders, #helenSaunders .photo {
		background-image: url('../images/ourpeople/helenPortrait.jpg');	
		}
		
	#alexChamberlain, #alexChamberlain .photo {
		background-image: url('../images/ourpeople/alexPortrait.jpg');	
		}

	#markCicchiello, #markCicchiello .photo {
		background-image: url('../images/ourpeople/markPortrait.jpg');	
		}

	#anitaLasocki, #anitaLasocki .photo {
		background-image: url('../images/ourpeople/anitaPortrait.jpg');	
		}

	#jenniferCahill, #jenniferCahill .photo {
		background-image: url('../images/ourpeople/jenniferPortrait.jpeg');	
		}	

	#dianaNorris, #dianaNorris .photo {
		background-image: url('../images/ourpeople/dianaPortrait.jpeg');	
		}
		
	}

@media all and (min-width:1041px) {
	
	.doctorInView h2 { 
		margin-left: 480px;
		}
		
	.doctorInView .regular {
		margin-left: 480px;
		}
	
	.doctorInViewImage {
		float: left;
		width: 456px;
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		-o-background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;	
		margin-bottom: 24px;
		}
	
	#helenSaunders, #helenSaunders .photo {
		background-image: url('../images/ourpeople/helenPortrait.jpg');	
		}
		
	#alexChamberlain, #alexChamberlain .photo {
		background-image: url('../images/ourpeople/alexPortrait.jpg');	
		}

	#markCicchiello, #markCicchiello .photo {
		background-image: url('../images/ourpeople/markPortrait.jpg');	
		}

	#anitaLasocki, #anitaLasocki .photo {
		background-image: url('../images/ourpeople/anitaPortrait.jpg');	
		}

	#jenniferCahill, #jenniferCahill .photo {
		background-image: url('../images/ourpeople/jenniferPortrait.jpeg');	
		}	

	#dianaNorris, #dianaNorris .photo {
		background-image: url('../images/ourpeople/dianaPortrait.jpeg');	
		}

	}

/**----------- MEET THE TEAM - RESPONSIVE ------------**/

.meetTheTeam {
	overflow: hidden;
	margin-top: 24px;
	}

.mainDoctors {
	overflow: hidden;
	padding-top: 12px;
	}

#alex, #alex .photo {
	background-image: url('../images/ourpeople/alexPortrait.jpg');
	}

#helen, #helen .photo {
	background-image: url('../images/ourpeople/helenPortrait.jpg');
	}

#mark, #mark .photo {
	background-image: url('../images/ourpeople/markPortrait.jpg');	
	}

#anita, #anita .photo {
	background-image: url('../images/ourpeople/anitaPortrait.jpg');	
	}

#jennifer, #jennifer .photo {
	background-image: url('../images/ourpeople/jenniferPortrait.jpeg');	
	}

#diana, #diana .photo {
	background-image: url('../images/ourpeople/dianaPortrait.jpeg');	
	}

.mainDoctor, .mainDoctorSelected {
	background-repeat: no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-position: center center;
	}

.mainDoctor .photo, .mainDoctorSelected .photo { 
	width: 100%;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-position: center center;
	}

.mainDoctorFooter {
	background-color: #ffffff;
	padding-left: 12px; padding-right: 12px;
	padding-top: 12px;
	}

.mainDoctor .mainDoctorFooter {
	border-bottom: 2px solid #ededed;
	}

.mainDoctorSelected .mainDoctorFooter {
	border-bottom: 2px solid #e7540e;
	}

.mainDoctorFooter p {
	text-align: center;
	padding: 0px;
	}

.mainDoctor .drlink, .mainDoctorSelected .drlink {
	font-family: 'BrandonGrotesqueRegularRg'; /* REGULAR */
	font-weight: 400;
	padding: 0px;
	font-size: 1.4em;
	line-height: 0px;
	text-align: center;
	height: 56px;	
	}
	
.mainDoctor .drlink .doctorName, .mainDoctorSelected .drlink .doctorName {
	font-family: 'BrandonGrotesqueMediumRegular'; /* MEDIUM */
	font-size: 1.14em;
	line-height: 40px;	
	}

.mainDoctor .drlink a, .mainDoctorSelected .drlink a {
	display: block;
	width: 100%;
	height: 100%;
	}

.mainDoctor .drlink a:link, .mainDoctor .drlink a:visited {
	color: #000000;
	background-image: url('../images/ourpeople/white80percent.png');
	background-color: #ffffff;
	background-repeat: repeat;	
	}

.mainDoctorSelected .drlink a:link, .mainDoctorSelected .drlink a:visited {
	color: #000000;
	background-image: url('../images/ourpeople/orange80percent.png');
	background-repeat: repeat;
	background-color: #e7540e;	
	}
	
.mainDoctor .drlink a:hover, .mainDoctor .drlink a:active, .mainDoctor .drlink a:focus, .mainDoctorSelected .drlink a:hover, .mainDoctorSelected .drlink a:active, .mainDoctorSelected .drlink a:focus {
	color: #000000;
	background-image: url('../images/ourpeople/yellow80percent.png');
	background-repeat: repeat;	
	background-color: #f6b221;
	}

.doctorInView {
	border-bottom: 1px solid #ededed;
	padding-bottom: 10px;
	}

@media all and (max-width:576px) {
	
	#alex {
		margin-bottom: 24px;	
		}
	
	.mainDoctor, .mainDoctorSelected {
		/*padding-top: 112px;*/
			
		}
	
	.mainDoctor .drlink, .mainDoctorSelected .drlink {
		/*margin-top: 144px;*/	
		}
	
	.mainDoctors {
		overflow: hidden;	
		}
		
		
	.mainDoctorFooter {
		height: 84px;
		}
		
		.mainDoctor .photo, .mainDoctorSelected .photo {  
			/* height: 300px; */ height: 480px;
		}
	
	}
	
@media all and (min-width:577px) and (max-width:800px) {

	.mainDoctors {
		overflow: hidden;	
		}
	
	.mainDoctor, .mainDoctorSelected {
		float: left;
		width: 31.3%;
		/*height: 364px;*/	
		}
	
	#helen, #mark, #anita, #jennifer {
		margin-left: 3%;	
		}
	
	.mainDoctor .photo, .mainDoctorSelected .photo {
		/* height: 300px; */ height: 240px;	
		}
		
	.mainDoctor .drlink, .mainDoctorSelected .drlink {	
		/*margin-top: 196px; */
		/* margin-top: 244px; */	
		}

	.mainDoctorFooter {
		height: 98px;
		}
		
	}

@media all and (min-width:801px) and (max-width:1040px) {
	
	.mainDoctor, .mainDoctorSelected {
		/* height: 364px;*/	
		}
	
	.mainDoctors {
		overflow: hidden;	
		}
	
	.mainDoctor, .mainDoctorSelected {
		float: left;
		width: 32%;	
		}
	
	#helen, #mark, #anita, #jennifer {
		margin-left: 2%;	
		}

	.mainDoctor .photo, .mainDoctorSelected .photo {
		/* height: 300px; */ height: 320px;	
		}
	
	.mainDoctor .drlink, .mainDoctorSelected .drlink {	
		/* margin-top: 224px; */
		/* margin-top: 244px; */	
		}
	
	.mainDoctorFooter {
		height: 70px;
		}
	
	}

@media all and (min-width:1041px) {
	
	.mainDoctor, .mainDoctorSelected {
		/* height: 364px; */	
		}
	
	.mainDoctors {
		overflow: hidden;	
		}
	
	.mainDoctor, .mainDoctorSelected {
		float: left;
		width: 296px;	
		}
	
	#helen, #mark, #anita, #jennifer {
		margin-left: 24px;	
		}

	.mainDoctor .photo, .mainDoctorSelected .photo {
		/* height: 300px; */ height: 400px;
		}
	
	.mainDoctor .drlink, .mainDoctorSelected .drlink {	
		/* margin-top: 224px; */
		/* margin-top: 244px; */	
		}
	
	.mainDoctorFooter {
		height: 70px;
		}	
	
	}

/*------------------------ ASSOCIATES - RESPONSIVE ------------------------*/

#associates {
	overflow: hidden;
	}

.associate {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	}

#associate1 {
	background-image: url('../images/ourpeople/associate1.jpg');
	}

#associate2 {
	background-image: url('../images/ourpeople/associate2.jpg');
	}

#associate3 {
	background-image: url('../images/ourpeople/associate3.jpg');
	}

#associate4 {
	background-image: url('../images/ourpeople/associate4.jpg');
	}

.associate p {
	/* REGULAR */
	font-family: 'BrandonGrotesqueRegularRg';
	padding: 0px;
	font-size: 1.4em;
	line-height: 12px;
	text-align: center;
	height: 44px;	
	margin-top: 116px;	
	}
	
.associate p .doctorName {
	/* MEDIUM */
	font-size: 1.14em;
	line-height: 24px;	
	}
	
.associate p a {
	display: block;
	width: 100%;
	height: 100%;	
	}
	
.associate p a:link, .associate p a:visited {
	color: #000000;
	background-image: url('../images/ourpeople/white80percent.png');
	background-repeat: repeat;
	background-color: #ffffff;	
	}
	
.associate p a:hover, .associate p a:active, .associate p a:focus {
	color: #000000;
	background-image: url('../images/ourpeople/yellow80percent.png');
	background-repeat: repeat;
	background-color: #f6b221;	
	}

/** COLOURS **/
/** FOOTER BACKGROUND #202020 **/
/** ORANGE #e7540e **/
/** YELLOW #f6b221 **/
/** GREY WRITING #6f6f6e **/
/**  PALE GREY #f8f8f8 **/

@media all and (max-width:512px) {
	
	#associates {
		margin-top: 24px;
		margin-bottom: 40px;	
		}
	
	.associate {
		overflow: hidden;
		height: 160px;	
		}

	#associate2, #associate3, #associate4 {
		margin-top: 24px;		
		}
		
	}

@media all and (min-width:513px) and (max-width:800px) {
	
	#associates {
		margin-top: 24px;
		margin-bottom: 40px;	
		}
	
	.associate {
		width: 48%;
		height: 160px;
		float: left;	
		}

	#associate3 {
		clear: left;			
		}

	#associate2, #associate4 {
		margin-left: 4%; 	
		}	
	
	#associate3, #associate4 { 
		margin-top: 24px;
		}
	
	}

@media all and (min-width:801px) and (max-width:1040px) {
	
	#associates {
		margin-top: 24px;
		margin-bottom: 40px;	
		}
	
	.associate {
		width: 22.75%;
		height: 160px;
		float: left;	
		}

	#associate2, #associate3, #associate4 {
		margin-left: 3%;	
		}			
		
	}

@media all and (min-width:1041px) {
	
	#associates {
		margin-top: 24px;
		margin-bottom: 40px;	
		}
	
	.associate {
		width: 216px;
		height: 160px;
		float: left;	
		}

	#associate2, #associate3, #associate4 {
		margin-left: 24px;	
		}
	
	}