/*

Theme Name: Townsville GP Superclinic

Theme URI: http://townsvillegpsuperclinic.com.au

Author: Above and Beyond Web Design

Author URI: http://abpages.com

Description: Base Theme

Version: 1.0

Text Domain: abpages

*/



/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

1.0 Normlize

2.0 Typography

3.0 Elements

4.0 Forms

5.0 Navigation

	5.1 Links

	5.2 Menus

6.0 Accessibility

7.0 Alignments

8.0 Clearings

9.0 Widgets

10.0 Content

	10.1 Posts and pages

	10.2 Asides

	10.3 Comments

11.0 Infinite scroll

12.0 Media

	12.1 Captions

	12.2 Galleries

--------------------------------------------------------------*/



/*--------------------------------------------------------------

1.0 normlize

--------------------------------------------------------------*/

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;
	
	;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}



/*--------------------------------------------------------------

2.0 Typography

--------------------------------------------------------------*/



@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);





@font-face {font-family: 'signica'; 

src: url('fonts/signika-bold-webfont.eot');

    src: url('fonts/signika-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/signika-bold-webfont.woff2') format('woff2'),

         url('fonts/signika-bold-webfont.woff') format('woff'),

         url('fonts/signika-bold-webfont.ttf') format('truetype'),

         url('fonts/signika-bold-webfont.svg#signikabold') format('svg');

    font-weight: 700;

    font-style: normal;



}



@font-face {

    font-family: 'signica';

    src: url('fonts/signika-regular-webfont.eot');

    src: url('fonts/signika-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/signika-regular-webfont.woff2') format('woff2'),

         url('fonts/signika-regular-webfont.woff') format('woff'),

         url('fonts/signika-regular-webfont.ttf') format('truetype'),

         url('fonts/signika-regular-webfont.svg#signikaregular') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'signica';

    src: url('fonts/signika-light-webfont.eot');

    src: url('fonts/signika-light-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/signika-light-webfont.woff2') format('woff2'),

         url('fonts/signika-light-webfont.woff') format('woff'),

         url('fonts/signika-light-webfont.ttf') format('truetype'),

         url('fonts/signika-light-webfont.svg#signikalight') format('svg');

    font-weight: 400;

    font-style: normal;



}



@font-face {

    font-family: 'signica';

    src: url('fonts/signika-semibold-webfont.eot');

    src: url('fonts/signika-semibold-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/signika-semibold-webfont.woff2') format('woff2'),

         url('fonts/signika-semibold-webfont.woff') format('woff'),

         url('fonts/signika-semibold-webfont.ttf') format('truetype'),

         url('fonts/signika-semibold-webfont.svg#signikasemibold') format('svg');

    font-weight: 500;

    font-style: normal;



}



/*--------------------------------------------------------------

3.0 Elements

--------------------------------------------------------------*/



body {

    font-family: 'Open Sans', sans-serif;

}

html {

    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */

}

h1 {

  font-size: 40px;

  line-height: 70px;

  font-weight: 500;

  padding: 0 0 20px 0;

  color: #0663a1;

}



h2 {

  font-size: 35px;

  line-height: 44px;

  font-weight: 700;

  padding-bottom: 15px;

}



h3 {

  font-size: 30px;

  font-weight: 500;

  padding-bottom: 15px;

}



h4 {

  font-size: 25px;

  font-weight: 500;

  padding-bottom: 15px;

}



h5 {

  font-size: 20px;

  font-weight: 500;

  padding-bottom: 15px;

}



h6 {

  font-size: 16px;

  font-weight: 500;

  padding-bottom: 15px;

}

p {

  font-size: 14px;

  line-height: 25px;

  padding-bottom: 15px;

  text-align: justify; 



}

p em{font-style: italic;}



strong, b {

font-weight:700;

}



ol {

    list-style-type: decimal;

}

ul {

    list-style-type: disc;

}

ul, ol {

    margin: 0 0 0 0;

    padding:0 0 20px 20px;

}

ul ul , ol ol, ul ol, ol ul {

 padding:15px 0 0 15px; 

}

li {

  padding-bottom: 10px;

  font-size: 14px;

}



a {

  color: #005895;

  text-decoration: none;

}

a:hover {

  color: #bc3b14;

}



/*--------------------------------------------------------------

4.0 Forms

--------------------------------------------------------------*/





/*--------------------------------------------------------------

5.0 Navigation

--------------------------------------------------------------*/

/* ===== Top ===== */

.translator{

    bottom: 0px;

    position: absolute;

    right: 10px;

    z-index: 999999999;

}

.translator h5{

   display: none;

}

.translator ul {

  list-style:none;

  padding: 0px;

}

.translator ul li{

  float: left;

  margin-left: 10px;

}

.appointment{

    color: #fff;

    font-weight: bold;

    position: absolute;

    right: 320px;

    top: 0px;

    z-index: 99999999;

    background: #034759;

    border-radius: 0px 0px 8px 8px;

    padding: 7px 15px;

    line-height: 21px;

}

.appointment:hover{

color: #FFF;

}

.header-menu ul {

  list-style:none;

  margin: 40px 0 0;

  padding:0;

  z-index: 597;

  float: left;

}

.header-menu ul li{

  float:left;

}

/* ===== First Level ===== */ 

.header-menu ul li {

  position:relative;

  padding:0;

  margin:0 5px 0 0;

  font: normal 19px 'signica', 'Open Sans', sans-serif;

}

.header-menu ul ul li {

  border:none;

  

  margin: 0;

}

.header-menu ul li a {

  display:block;

  text-decoration:none;

  font-size:18px;

  color:#282828;

  padding:10px 11px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  background:#fff;

  font-weight: normal;

  padding:10px 10px\9;

}

.header-menu ul li:hover a, .current-menu-item a, .current-page-parent a {

  position:relative;

  background:#bc3b14 !important;

  color: #fff !important;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px; 

}

.header-menu ul ul, .header-menu ul li:hover ul ul {

  position:absolute;

  display:none;

}

.header-menu ul ul li:hover ul, .header-menu ul li:hover ul li:hover ul {

  display:block;

  top:0px;

  left: 100%;

}

/* ===== Second and Third Level ===== */

.header-menu ul li:hover ul {

  display:block;

  position:absolute;

  left:0;

  top:100%;

  width:auto;

  height:auto;

  margin:0;

  padding:0;

}

.header-menu ul ul {

 margin-top: -3px !important;

}

.header-menu ul ul ul {

  margin-left:-14px;



}

.header-menu ul ul li a {

  float:none;

  width:180px;

  line-height:normal;

  font-variant:normal;

  font-weight:normal;

  font-size:14px;

  color:#282828;

  text-transform:none;

  padding:8px 10px;

  -webkit-border-radius: 0 !important;

  -moz-border-radius: 0 !important;

  border-radius:0 !important;

}

.header-menu ul ul ul li a {

color:#282828;

font-weight:bold;

}

.header-menu ul ul li:hover>a, .header-menu .sub-menu .current-menu-item a {

  background:#701a00 !important;

}

.header-menu ul ul ul li:hover>a {

  color: #282828 !important;

}



















/*--------------------------------------------------------------

5.1 Links

--------------------------------------------------------------*/







/*--------------------------------------------------------------

5.2 Menus

--------------------------------------------------------------*/





/*--------------------------------------------------------------

6.0 Accessibility

--------------------------------------------------------------*/







/*--------------------------------------------------------------

7.0 Alignments

--------------------------------------------------------------*/

.alignleft {

	display: inline;

	float: left;

	margin-right: 1.5em;

}



.alignright {

	display: inline;

	float: right;

	margin-left: 1.5em;

}



.aligncenter {

	clear: both;

	display: block;

	margin: 0 auto;

}

.left {

  float: left;

}

.right {

  float: right;

}



/*--------------------------------------------------------------

8.0 Clearings

--------------------------------------------------------------*/



.clearfix:before,

.clearfix:after {

  content: ".";    

  display: block;    

  height: 0;    

  overflow: hidden; 

}

.clearfix:after {clear: both;}

.clearfix {zoom: 1;}



/*--------------------------------------------------------------

9.0 Widgets

--------------------------------------------------------------*/





/*--------------------------------------------------------------

10.0 Content

--------------------------------------------------------------*/

#header {

  background: url("images/bg-header.png") no-repeat center center;

  height: 40px;

}

.container {

  margin: 0 auto;

  width: 1080px;

  position: relative;

}

#primary {

  min-height: 300px;

}

#header p {

  color: #fff;

  font: normal 14px 'signica', 'Open Sans', sans-serif;

  padding: 10px 0;

  text-align: center;

}

#header p img.phone {

  padding-top:2px;

}

#header p img {

  vertical-align: top;

}

#header p a {

  color:#fff;

  text-decoration: none;

}

.header-menu {

  

}

.brand {

  float: right;

  margin-bottom: 6px;

  margin-top: 28px;

}

#footer {

  background: url("images/bg-footer.png") no-repeat center center;

  height: 50px;

}

.disclaim{

  padding-right:20px;

}

.divider{

   padding-left:15px;

}

#footer p {

  color: #fff;

  font: normal 17px 'signica', 'Open Sans', sans-serif;

  padding: 10px 0 0 0;

  text-align: center;

}

#footer p.right {

  padding: 14px 0 0 0;

}

#footer p a {

  color:#fff;

  text-decoration: none;

}

p.wheelchair{

  margin-left: 40px;

}

p.wheelchair span , div.sec03 span{

 color: #fff;

 font-weight: bold;

 font-size: 18px;

 padding-left: 12px;

}

div.sec03 span{

padding-bottom:10px;

display:block;

padding-left:0px;

}

.social img {

  vertical-align: middle;

  margin-left: 12px;

}

.footer-wrap {

margin-bottom: 22px;

min-height: 292px;

float: left;

}

.sec03 p img{



}

.secondaryfooter {

  background: #282828;

  min-height: 340px;

  margin-top: 30px;  

}

.secondaryfooter h5 {

  font-family: 'signica', 'Open Sans', sans-serif;  

}





.sec01 {

  float: left;

  width: 360px;

}

.sec02 {

  float: left;

  width: 205px;

}

.sec03 {

  float: left;

  width: 280px;



}

.sec04 {

  float: left;

  width: 260px;



}

.secondaryfooter h5 {

  color: #fff;

  padding:44px 0 27px 0;

  font-size: 20px;

  font-weight: normal;

}

.sec01 p {

  color: #fff;

  font-size: 14px;

  padding: 0 30px 40px 0;

  line-height: 20px;

}

.sec02 h5 {

  margin-left: 20px;

}

.sec02 ul {

  list-style: none;

  margin:3px 0 0;

  padding: 0;

}

.sec02 li {

  margin:0 0 15px 20px;

  color: #fff;

  font-size: 14px;

  padding:0;

}

.sec02 li a {

  color: #fff;

  text-decoration: none;

}

.sec02 li a:hover {

  color: #ccc;

}

.sec03 p {

  padding: 0 0 15px 0;

  color: #fff;

  font-size: 14px;

  line-height: 20px;

}

.sec03 p .frmin {

  width: 237px;

  background: #2d2d2d;

  border: 1px solid #4f4f4f;

  padding: 10px;

  color: #fff;

  font-size: 14px;

}

.sec03 p .btnsubmit {

  background: #bc3b14;

  border: 1px solid #bc3b14;

  width: auto !!important;

  padding: 10px;

  cursor: pointer;

  color: #fff;



}



/*--------------------------------------------------------------

10.1 Posts and pages

--------------------------------------------------------------*/



.home #primary h3 {

    color: #0f6ba9;

    font-size: 37px;

    line-height: 39px;

    margin:34px 0 0;

    padding: 0;

    text-align: center;

}

.home #primary h5 {

    color: #7e7e7e;

    font-size: 24px;

    line-height: 39px;

    margin: 5px 0;

    padding: 0;

    text-align: center;

}

.home #primary h4 {

    font-size: 30px;

    line-height: 39px;

    margin: 32px 0 15px;

    padding: 0;

    color: #282828;

    font-weight: 600;

}

.home #primary p {

    color: #282828;

    font-size: 15px;

    line-height: 23px;

    margin: 0;

    padding: 0 0 25px;

}

.home #primary .BlockContainer {

  margin-bottom: 32px;

  margin-top: 26px;

  display: inline-block;

}

.home #primary .BlockContainer .Block {

  width:252px;

  padding-left: 18px;

  float: left;

  text-align: center;

  background: url('images/seperator.png') no-repeat left center transparent;

}

.home #primary .BlockContainer .Block:first-child {

  background: none;

} 

.home #primary .Block h4 {

  font-size: 24px;

  line-height: 39px;

  color: #282828 !important;

  margin: 22px 0 5px;

  font-weight: normal;

  letter-spacing: 0.5px;

}

.home #primary .Block p {

  font-size:15px;

  line-height: 23px;

  color: #282828;

  margin: 0 0 28px;

  text-align: center;

}

.home #primary .Block a {

  background: #093747;

  color: #fff;

  text-decoration: none;

  font: normal 16px 'signica', 'Open Sans', sans-serif;

  padding: 10px 20px;

}

.home #primary .Block a:hover {

  background: #022633

}



/*--------------------------------------------------------------

10.2 Asides

--------------------------------------------------------------*/

.wp-caption {

  max-width: 100%; /* Keep wide captions from overflowing their container. */

  padding: 4px;

}

.wp-caption .wp-caption-text,

.gallery-caption,

.entry-caption {

  font-style: italic;

  font-size: 12px;

  font-size: 0.857142857rem;

  line-height: 2;

  color: #757575;

}

img.alignleft,

.wp-caption.alignleft {

  margin: 12px 24px 12px 0;

  margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;

  text-align: left;

}

img.alignright,

.wp-caption.alignright {

  margin: 12px 0 12px 24px;

  margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;

  text-align: right;

}

img.aligncenter,

.wp-caption.aligncenter {

  clear: both;

  margin-top: 12px;

  margin-top: 0.857142857rem;

  margin-bottom: 12px;

  margin-bottom: 0.857142857rem;

  text-align: center;

}





.wpcf7-text {

  padding: 10px;

  width:400px;

}

.wpcf7-textarea {

  padding: 10px;

  width:400px;

  height: 100px;

}

.wpcf7-submit {

    background: none repeat scroll 0 0 #bc3b14;

    border: 1px solid #bc3b14;

    color: #fff;

    cursor: pointer;

    padding: 10px;

}



.slicknav_menu {

	display:none;

}

.OnlineButtons a{
	background: #d95405;
	/* width: 200px; */
	border: 0px none;
	color: #FFF;
	/* font-family: 'oswaldbook'; */
	font-size: 14px;
	line-height: 19px;
	/* float: right; */
	cursor: pointer;
	/* margin:-100px 17px 0 0px; */
	/* display: block; */
	padding: 15px 11px;
}





@media only screen and (max-width: 479px){ 

div.sec03 span{

 text-align:center!important;

}

.disclaim{

   display:block;
 
}

}
.responsive-banner img
 {  height: auto;
    width: 100%;
  }