/*
Theme Name: footandankle
Theme URI: http://www.footandankle.com.au/
Author: Reynan
Author URI: http://www.footandankle.com.au/
Description: Theme for footandankle.com.au
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: footandankle
Tags:

*/
@import url(http://fonts.googleapis.com/css?family=Oswald|Roboto|Open+Sans:300);
@import url('base.css');
BODY{ line-height:normal; font-family: 'Roboto', Arial; }
A{ color: #0c96d5; text-decoration:none; }
A:visited{ color: #0c96d5; }
A:hover{ color: #066691; }
H1, H2, H3, H4, H5, H6{ font-weight:300; }
#breadcrumbs{margin: 0; text-align: right;  padding: 8px 15px; font-size: 12px;font-weight: 300; background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 94%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(94%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 94%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 94%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 94%, rgba(237,237,237,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 94%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 ); }

.site{ width: 100%; margin:0 auto; }
.site-branding, .main-navigation, #content, footer .footer-widgets, .site-info P{ max-width:1024px; margin:0 auto; }
.main-navigation{ float:none; }
@media screen and (max-width: 768px){ .site{ width: 90%; } }
.site-header{  }
.site-branding{ position:relative; }
.header-social-info{ position:absolute; top:30px; font-size:26px; }
.header-social-info P{ font-size: 16px; margin: 0px 0; }
.site-title{ text-align:right; font-size:1em; margin:0; }
.site-title A{ background: transparent url('images/logo.jpg') no-repeat 50% 50%; display:inline-block; width: 634px; height:115px; font-size:0px; }
.site-description{ display:none; }

.menu-main-menu-container{ text-align:center; width: 100%; margin:0 auto; border-bottom:1px solid #ccc; border-top:1px solid #ccc; }
.menu-main-menu-container > ul{ display:inline-block; line-height:1; margin: 0;  }
.menu-main-menu-container > UL > LI A{ display:inline-block; padding: 10px 15px; font-family: Arial, 'Oswald'; letter-spacing: 1px; color:#333;font-weight:300; text-align:left; }
.menu-main-menu-container > UL > LI > A{ padding: 18px 20px; text-align:center; }
.menu-main-menu-container > UL > LI A:hover{ color: #000;  }
.main-navigation ul ul{ background: #fff; top: 3.2em; padding:.50em 0 1em; }

.entry-title{ font-family: 'Open Sans','Roboto'; letter-spacing:1px; font-size:1.5em; margin: 0 0 .50em; font-size:32px; color:#000; }
.widget-title{  font-family: 'Open Sans',Arial ;font-size: 1.20em; }

#primary, #secondary{ margin-top:30px; }
#primary{ float:left; width:70%; margin-top: 0px;   }
#primary.full-width{ float:none; width:100%; }
#secondary{ float:right; width:30%; padding: 0px 0px 30px 30px; }

.page-content, .entry-content, .entry-summary{ margin-top:0px; }
.entry-content P{ font-size: 1em; color:#333; line-height:1.5em; }
.entry-content UL, .entry-content OL{ margin-left:0px; }
.entry-content LI{ margin-bottom:8px; }
.entry-content-blog{ display: block; padding-bottom:20px; margin-bottom:20px; border-bottom: 1px solid #ccc; }
.entry-content-blog .post-thumb{ float:left; width: 24%; }
.entry-content-blog .post-thumb IMG{ width:100%; }
.entry-content-blog .post-content{ float: right; width:74%; }
.entry-content-blog .post-content P{ display: block; margin:0px; }
.entry-content-blog .post-content .su-button{ display:block !important; width:120px; margin: 15px 0; }
.page .entry-content H3, .page .entry-content H4{ text-transform: uppercase !important; }


.home #primary{ }
.home .entry-header{ display:none; }
.hp-blocks{ text-align:center; display:block; }
.hp-block{ display:inline-block; width:47%; margin: 1% 1% 2%; }
.hp-block IMG{ width:100%; height:auto; }
.hp-block H2{ margin:0; padding:0; line-height:100%; text-align:left; font-size:20px; line-height:150%; }

FOOTER.site-footer{ margin-top:50px; padding: 20px 0; background:
radial-gradient(black 15%, transparent 16%) 0 0,
radial-gradient(black 15%, transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color:#282828;
background-size:16px 16px; color:#fff;  }
.footer-widgets{ display:block; overflow: hidden; margin: 25px 0 0 0; }
.footer-widget{ float:left; width: 24.25%; margin: 0 1% 0 0; }
.footer-widget:last-child{ margin-right:0px; }
.footer-widget UL{ margin:0; padding:0; list-style:none; }
.site-info P{ font-size:12px; padding: 10px 0; text-align:right; }


#secondary UL{ margin:0; padding:0; list-style:none; }
.medical-conditions, .list-entry, .list-entry H2, .list-entry H3{ margin:0; padding:0; }
.medical-conditions LI, .list-entry{ list-style:none; background: transparent url('images/bullet.png') no-repeat left 50%;
-webkit-transition: all 100ms ease-out 100ms;  -moz-transition: all 100ms ease-out 100ms;
 -o-transition: all 100ms ease-out 100ms; transition: all 100ms ease-out 100ms; }
.medical-conditions LI:hover, .list-entry:hover{ background-position: 8px 50%; }
.medical-conditions LI A, .list-entry A{ display:inline-block; padding:10px 0 10px 20px; text-transform:uppercase; font-size:12px; }
.list-entry H2, .list-entry H3{ line-height:100%; font-weight: 300; }




.referral-form{ display:block; clear:both; overflow:hidden; }
.rf-row{ display:block; margin-bottom:10px; overflow:hidden; }
.rfr-col{ float:left; width:46%; margin-right:2%; }
.rfr-col:nth-child(2){ float:right; margin-right:0px; }
.rfr-col10{ width:98%; margin-right:2% }
.rfr-col7{ width:53%; margin-right:2% }
.rfr-col3{ width:45%; margin-right:0px; float:right; }
.rf-row .wpcf7-list-item{ display:inline-block; margin-bottom:5px; width: 48%; margin: 5px 0 !important; }
.rf-row LABEL{ font-weight:bold; font-size:16px; display:block; margin:5px 0 3px; }
.rf-row INPUT[type="text"], .rf-row input[type="date"]{ width:98%; }
.rf-row INPUT[type="submit"], .appointment-form INPUT[type="submit"]{font-size: 16px;border: 0px; background: #41a9d5;box-shadow: none; color: #fff; padding: 15px 30px; margin: 30px 0 20px;}
.rfr-col LABEL{ display:inline; }
.rf-row TEXTAREA{ height:80px !important; }
.referral-form18 LABEL{ font-weight: bold;
    font-size: 11px;
    margin: 5px 0;
    text-transform: uppercase;
    color: #666;
    letter-spacing: 1px; }
.referral-form18 .rf-row .wpcf7-list-item{ font-size: 12px; text-transform: uppercase; }
.page-id-305 .entry-header, .page-id-139 .entry-header{ display:none; }

.appointment-form{ padding: 20px; position: absolute; top: 50px; right: 0px; background-color: lightblue; border-bottom-left-radius: 15px; border-top-left-radius: 5px; border: 1px solid #999; box-shadow: 0px 2px 10px #666; width:300px; z-index:999;}
.appointment-form H2{ text-align: center;text-shadow: 1px 1px 1px #fff; margin:5px 0 15px 0; }
.appointment-form INPUT[type="submit"], .appointment-form INPUT[type="text"], .appointment-form TEXTAREA{ width:97%; margin: 0 0 8px 0; }
.appointment-form TEXTAREA{  }
.appointment-form span.wpcf7-not-valid-tip{ display: block; font-size: 12px; color: red; margin-bottom: 8px;}
.appointment-form  div.wpcf7-validation-errors{    border: 0px solid red;font-style: italic;font-size: 14px;color: red; margin: 0px 0; }
.appointment-form span.close{ position: absolute; top: 4px; left: 5px; font-size: 10px; font-weight: bold; border: 1px solid #fff; padding: 3px 8px; background-color: steelblue; border-radius: 12px; color: #fff; cursor: pointer; opacity: .54;}


@media screen and (max-width: 480px){ 
	#primary, #primary.full-width, #secondary, .footer-widget, .site-info P{ float:none; display:block; width:100%;   }
	#secondary{ padding: 0px 0px 30px 0px; }
	.footer-widgets{ margin-bottom:25px; margin: 0 auto; width:90%; }
	.site-info P{ text-align:center; }
	.main-navigation{ display:none; }
	.header-social-info{ position:relative; text-align:center; top:0; margin:20px 0; }
	.site-title A{ width:100%; background-size:cover; height:60px; }
	.hp-block P{ margin: 0px; } .hp-block H2{ font-size: 14px; }
}