/*
Theme Name: Coffs Coast Sports Physiotherapy
Description: Custom theme for Coffs Coast Sports Physiotherapy
Version: 1.0
Author: Giant Media
*/

/* ### RESET ### */
html, body, div, span, h1, h2, h3, h4, p, a, img, strong, ol, ul, li, form, label, table, tr, th, td, iframe { margin: 0; padding: 0; border: 0; background: transparent; }
html, body {height: 100%;} body, #pFrame, .hCanvas, .pCanvas, .fCanvas {width:100%; } 
ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } a { outline:none; } a img { border: none; }
h1, h2, h3, h4 {color:#00adef; font-style:italic; font-family:"Times New Roman", Times, serif; font-weight:normal;}
/* ### PAGE ### */
body { background:#FFF; font-family: Helvetica Neue, Helvetica, "Helvetica 55 Roman", "HelveticaNeue-Roman", Arial, sans-serif; font-size:15px; color:#666;}
/* ### HEAD ### */
.hCanvas {height:105px; border-bottom:1px solid #A2A2A2;}
 .hBody { width:1000px; margin:0 auto;}
 .hLogo { width:320px; height:70px; margin:17px 0; }
 .hLogo a { width:320px; height:70px; background:url(images/ccsp-logo.png) top left no-repeat; display:block;  }
 .hLogo h1 {display:none;}
 .hNav { height:20px; margin:45px 0 0 0; padding:0 0 0 60px; }
 .ddsmoothmenu{ height:23px;}
 .ddsmoothmenu ul{ z-index:100; list-style-type: none; font-weight:bold; font-family:Arial, sans-serif;}
 .ddsmoothmenu ul li{ position: relative; display: inline; float:left; padding:0 10px 7px 15px; height:23px; }
 .ddsmoothmenu ul li.lastItem {padding:0 0 0 15px!important;}
 .ddsmoothmenu ul li a{ display: block; text-decoration: none; font-size:16px; color:#666;  }
 .ddsmoothmenu ul li a:hover {text-decoration:none; color:#00adef;}
 * html .ddsmoothmenu ul li a{ /display: inline-block; }
 .ddsmoothmenu ul li ul{ position: absolute; left: 0; display: none; visibility: hidden; background:#ECECEC; margin:0; border:1px solid #A2A2A2; padding:0; }
 .ddsmoothmenu ul li ul li{ display: list-item; float: none; border:0; padding:0; margin:0; height:auto; }
 .ddsmoothmenu ul li ul li a{ width: 215px; padding:10px 0 10px 15px; font-size:14px; margin:0;}
 .ddsmoothmenu ul li ul li a:hover {background:#E3E3E3;}
 * html .ddsmoothmenu{height: 1%;} 
/* ### BODY ### */
.pCanvas {background:#ECECEC; border-top:1px solid #CFCFCF; border-bottom:1px solid #CFCFCF; min-height:600px; padding:0 0 50px 0;}
/* ### SLIDER ### */
 .pFeat { width:1000px; height:285px; margin:0 auto; position:relative; }
 #slider {position:relative; width:1000px; height:285px; background:url(images/loading.gif) no-repeat 50% 50%; }
 #slider img {position:absolute;top:0px;left:0px;display:none;}
 #slider a {border:0;display:block;}
 .callNow { width:276px; height:61px; background:url(images/call-now-bg.png) top left no-repeat; position:absolute; left:20px; bottom:10px; z-index:120;}
 .callNow h3 { font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-style:normal; padding:10px 0 0 30px;}
/* ### MAIN ### */
 .pBody {width:998px; border:1px solid #DCDCDC; margin:0 auto; background:#FFF; border-top:0;}
 .pBody a, .pFoot a, .pFootSub a{color:#00adef; text-decoration:none;}
 .pBody a:hover, .pFoot a:hover, .pFootSub a:hover {color:#00729D;} 
 .pBodyI { width:996px; border:1px solid #C3C3C3; min-height:500px; background:#FFF; padding:40px 0 10px 0;}
 .pBodyM { width:560px; padding:0 20px; border-right:1px solid #a8a8a8; min-height:1050px; }
 .pBodyM h1 { font-size:36px; margin:0 0 20px 0;}
 .pBodyM h2 { font-size:26px; margin:20px 0 10px 0;}
 .pBodyM h3 { font-size:22px; padding:10px 0 9px 0;}
 .pBodyM h4 { font-size:16px; padding:0 0 20px 0; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
 .pBodyM p { margin:0 0 19px 0; line-height:20px;}
 .pBodyM ul { padding:10px 0; }
 .pBodyM ul li { margin:0 0 10px 20px; list-style:square; padding:0 0 0 5px; line-height:20px;}
 .pBodyM ol { padding:10px 0; margin:0 0 0 10px; }
 .pBodyM ol li { margin:0 0 15px 20px; list-style:decimal; padding:0 0 0 5px; line-height:20px;}
 .pBodyM table { width:100%; margin:15px 0 30px 0; font-size:14px; border-collapse: collapse; }
 .pBodyM th { padding:12px 0; background:#ffde46; color:#000; }
 .pBodyM td { padding:10px 0 10px 5px; background:#f05423; color:#FFF; border-top:3px solid #FFF;; }
 .pBodyM td.priceCol { text-align:center;}
 .pBodyM input, .pBodyM textarea, .pBodyM select { background:#ECECEC; border:1px solid #a8a8a8; padding:8px 3px; font-family: Arial, sans-serif; font-size:14px; color:#000; width:350px; }
 .pBodyM input[type="submit"] { padding:8px 15px!important; width:90px!important}
 .pBodyM input.CAPTCHA { padding:8px 15px!important; width:70px!important}
/* ### SIDE ### */
 .pBodyS { width:355px; padding:0 20px; }
 .pBodySU { border-bottom:1px solid #dcdcdc; margin:0 0 20px 0;padding:0 0 10px 0; font-size:13px;}
 .pBodySU h2 { font-size:32px; margin:0 0 15px 0;}
 .pBodySU h3 { font-size:20px; margin:8px 0; }
 .pBodySU p {margin:0 0 17px 0; line-height:20px; }
 .pBodySU table {width:100%; margin:0 0 10px 0;}
 .pBodySU td { width:170px; padding:0 3px 20px 3px; vertical-align:middle; text-align:center; }
 .pBodySULast { margin:0; padding:0; border:0;}
 .newsImg { position:relative; width:355px; }
 .newsDate { width:60px; padding:5px; background:#00adef; position:absolute; top:0; left:0; color:#FFF; text-align:center; }
 .newsDate h3, .newsDateFl h3 {color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:36px; font-style:normal; font-weight:bold;}
 .newsDate h3 span, .newsDateFl h3 span { font-size:10px;}
 .newsDateFl { width:60px; padding:5px; background:#00adef; float:left; display:inline; color:#FFF; text-align:center; margin:0 15px 15px 0; }
 .patient { width:100%; padding:20px 30px; box-sizing:border-box; background:#00adef; float:left; display:inline; color:#FFF !important; text-align:left; margin:0 15px 15px 0; font-style: italic;font-family: "Times New Roman", Times, serif;font-weight: normal;font-size: 20px;margin-bottom: 20px;}
.patient:hover { background:#0099d4; }

/* ### FOOTER ### */
.fCanvas {border-top:1px solid #A2A2A2;}
 .pFoot { width:1000px; margin:0 auto; padding:15px 0; border-bottom:1px solid #dcdcdc;}
 .pFootU { width:300px; padding:15px; border-right:1px solid #a8a8a8;}
 .pFootU p {margin: 0 0 20px 0;}
 .pFootU table {width:100%; margin:20px 0 0 0; font-style:italic; font-size:18px;}
 .pFootU td {vertical-align:top; font-family:"Times New Roman", Times, serif; padding:0 0 10px 0;}
 .pFootU td.label {color:#00adef; width:30%; padding:0 0 10px 10px}
 .pFootSub { width:1000px; margin:25px auto 20px auto; font-size:10px; text-align:center; color:#AAA; }
/* ### SUNDRIES ### */
 .tBuff130 {margin:130px 0 0 0;}
 .bBuff15 {margin:0 0 15px 0;}
 .bBuff30 {margin:0 0 30px 0;}
 .rBuff30 {margin:0 30px 0 0;}
 .pad10R {padding-right:10px;}
 .pad10L {padding-left:10px;}
 .aCenter {text-align:center;}
 .aLeft { text-align:left;}
 .aRight { text-align:right;}
 .noBorder {border:0!important;}
 .flLeft { float:left; display:inline;}
 .flRight { float:right; display:inline;}
 a.editLink {color:#FF0000!important; font-weight:bold; font-size:11px; }
 a:hover.editLink {color:#6A0000!important; text-decoration:underline;}
 .dateLine {margin:0 0 12px 0; font-size:10px; text-transform:uppercase;}
 .catThumb {float:right; display:inline; margin:5px 0 10px 20px;}
 .newsBreak { height:1px; border-top:1px solid #dcdcdc; margin:10px 0 20px 0; }
 .pagiLinks { width:250px; float:left; display:inline; font-size:12px; font-weight:bold; text-transform:uppercase;}
 h3.newsHead {padding:0 0 10px 0!important;}
 .disclaimerTxt { font-size:12px; font-style:italic;}
/* ### GALLERY ### */
.gallery { margin: auto; /* gallery clearing*/ overflow: hidden; width: 100%; }
.gallery .gallery-item {float: left;margin: 0 0 20px 0;text-align: center;}
.gallery img {border: 1px solid #848484;}
.gallery .gallery-caption { margin-left: 0;}
.gallery br { clear: both }
/* available Columns */
.col-2 { width: 50% }
.col-3 { width: 33.333% }
.col-4 { width: 25% }
.col-5 { width: 20% }
.col-6 { width: 16.666% }
.col-6R { width: 83.334%}
.col-7 { width: 14.285% }
.col-8 { width: 12.5% }
.col-9 { width: 11.111% }

.patientform p { margin-bottom:10px; }
.patientform .wpcf7-list-item { display: block; margin:0; }
.patientform .first { margin-top:5px; }
.patientform input, .patientform textarea, .patientform select { background:#ECECEC; border:1px solid #a8a8a8; padding:8px 3px; font-family: Arial, sans-serif; font-size:14px; color:#000; width:100%; box-sizing:border-box; max-height: 100px;}
#wpcf7_signature-signed_clear { font-size:13px; margin-top:5px; width:100% !important; background:red; color:#fff; cursor:pointer; padding:10px 30px !important; box-sizing:border-box; border-color:red; max-width:100px; text-align:center; }
.patientform input[type="submit"] { margin-top:10px; width:100% !important; background:#00adef; color:#fff; cursor:pointer; padding:15px 30px !important; box-sizing:border-box; border-color:#00adef; }
.patientform input[type="button"] { margin-top:10px; width:100% !important; cursor:pointer; padding:15px 30px !important; box-sizing:border-box; }
.patientform input[type="radio"], .patientform input[type="checkbox"] { display:inline-block; width:auto; }
.patientform .col { margin-top:0; margin-bottom:0; }
.wpcf7-form-control-signature-wrap { border: 1px solid #a8a8a8; }
.wpcf7-response-output { margin:0 !important; display: block !important; position: relative !important; float:left; width: 100%;box-sizing: border-box;text-align: center;padding: 20px !important;}
.MB0 { margin-bottom:0 !important; }

/*  GRID COLUMN SETUP   ==================================================================== */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col { margin: 1% 0 1% 0%;}
}
/*  GRID OF TWELVE   ============================================================================= */
.span_12_of_12 { width: 100%; }
.span_11_of_12 { width: 91.53%; }
.span_10_of_12 { width: 83.06%; }
.span_9_of_12 {	width: 74.6%; }
.span_8_of_12 {	width: 66.13%; }
.span_7_of_12 {	width: 57.66%; }
.span_6_of_12 {	width: 49.2%; }
.span_5_of_12 {	width: 40.73%; }
.span_4_of_12 {	width: 32.26%; }
.span_3_of_12 {	width: 23.8%; }
.span_2_of_12 {	width: 15.33%; }
.span_1_of_12 {	width: 6.86%; }
@media only screen and (max-width: 720px) {
.span_12_of_12, .span_11_of_12, .span_10_of_12, .span_9_of_12, .span_8_of_12, .span_7_of_12, .span_6_of_12, .span_5_of_12, .span_3_of_12, .span_4_of_12, .span_2_of_12, .span_1_of_12, .homeU { width: 100% !important; margin: 13px 0px; }
}
@media only screen and (max-width: 480px) {
  .span_12_of_12, .span_11_of_12, .span_10_of_12, .span_9_of_12, .span_8_of_12, .span_7_of_12, .span_6_of_12, .span_5_of_12, .span_4_of_12, .span_3_of_12, .span_2_of_12, .span_1_of_12, .homeU { width: 100%!important; margin:13px 0px; padding:0px; }
}