/*
Theme Name: Coffs Harbour Podiatry
*/

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;}
header, footer, article, section, hgroup, nav, figure {display:block;margin:0px;padding:0px;}
img {border: 0 none;height: auto;max-width: 100%;vertical-align:middle;transition: all 0.5s ease-in-out 0s;}
ul {list-style-type:none;padding:0px;margin:0px;}
a, button{text-decoration:none;outline:none;transition: all 0.5s ease-in-out 0s;color:#000;border:none;outline:none;cursor:pointer;}
i.fa{transition: all 0.5s ease-in-out 0s;}
p, td, input, label, form, h1, h2, h3, h4, h5, h6, a {padding:0px;margin:0px;border:none;text-decoration:none;font-weight:normal;}
h1, h2, h3, h4, h5, h6{font-family: 'Open Sans', sans-serif; font-weight:600;}
input[type="text"],input[type="button"],input[type="submit"],input[type="email"],input[type="tel"] ,textarea {  -webkit-appearance: none;  -webkit-border-radius: 0;  -webkit-appearance: none;transition: all 0.5s ease-in-out 0s;outline:none;resize: none; font-family: 'Open Sans', sans-serif; font-weight:400;}
input[type="submit"], input[type="button"], input[type="reset"]{outline:none;cursor:pointer; font-family: 'Open Sans', sans-serif; font-weight:400;}
.clear {clear: both; }
.vm{ vertical-align: middle; }
.relative{ position: relative; }
.left{ float: left;}
.right {float:right !important;}
/*placeholder css*/
::-webkit-input-placeholder {opacity:1 !important;}
::-moz-placeholder {opacity:1 !important;}
:-ms-input-placeholder {opacity:1 !important;}
:-moz-placeholder {opacity:1 !important;}
/*ends css*/

body{margin:0;padding:0;font-size:16px;line-height:normal;color:#000; font-family: 'Open Sans', sans-serif; font-weight:400; overflow-x:hidden;}

/*======= Common CSS =======*/
p{color:#000;font-size:16px;line-height:24px;padding-bottom:15px;}
h1{color:#000;font-size:60px;line-height:72px;margin-bottom:15px;}
h2{font-size:48px;margin-bottom:20px;}
h3{font-size:36px;margin-bottom:12px;}
h4{font-size:28px;margin-bottom:10px;}
h5{font-size:22px;margin-bottom:5px;}
h6{font-size:18px;} 
strong{color:#000;font-size:18px;font-weight:700;}


/**
 * 8.0 - Alignments
 */

.alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
}

.alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 20px auto 10px;
}

blockquote.alignleft {
	margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}

blockquote.alignright {
	margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}

blockquote.aligncenter {
	margin-bottom: 1.473684211em;
}


/**
 * 9.0 - Clearings
 */

.clear:before,
.clear:after,
blockquote:before,
blockquote:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.site-main > article:before,
.site-main > article:after,
.primary-menu:before,
.primary-menu:after,
.social-links-menu:before,
.social-links-menu:after,
.textwidget:before,
.textwidget:after,
.content-bottom-widgets:before,
.content-bottom-widgets:after {
	content: "";
	display: table;
}

.clear:after,
blockquote:after,
.entry-content:after,
.entry-summary:after,
.comment-content:after,
.site-content:after,
.site-main > article:after,
.primary-menu:after,
.social-links-menu:after,
.textwidget:after,
.content-bottom-widgets:after {
	clear: both;
}


.btn_default{width:100%;height:38px;line-height:38px; padding:0 10px; color:#fff;background:#8589c3; font-size:16px;font-weight:400;  display:inline-block;border:none;cursor:pointer;text-decoration:none; font-family: 'Open Sans', sans-serif; font-weight:600; text-transform:uppercase;}
.btn_default:hover{background:#113898;}

.txt-default{width:100%;border:none;border-radius:5px;height:44px;line-height:normal;background:#f0f0f0;padding:0 10px;color:#b8b4b5;font-size:14px;-webkit-border-radius:5px !important; font-family: 'Open Sans', sans-serif;}

.txtarea-default{width:100%;border:none;border-radius:5px;height:94px;line-height:normal;background:#f0f0f0;padding:10px;color:#b8b4b5;font-size:14px;-webkit-border-radius:5px !important; font-family: 'Open Sans', sans-serif; }


/*Default Select CSS*/
select.select3 {position:relative;  margin:0; z-index:10;width:99% !important;font-size:16px; 	cursor:pointer;height: 55px;    line-height: 53px;color:#000;font-size:16px;}
span.select3:after{position:absolute;right:10px;top:0;bottom:0;margin:auto; background:url(images/down_arrow.png) no-repeat;width:20px;height:13px;content:"";}
span.select3 {position:absolute;  bottom:0;float:left;left:0;padding:0px;text-indent:8px;cursor:default;z-index:1;top:0;margin:0px !important;text-align:left;border:2px #fff solid;border-radius:8px;height:55px;line-height:normal;background:none;padding:0 10px;color:#000;font-size:16px;width:100%;line-height:53px;color:#fff;}	


/*******Header Section******/

.header{width:100%; height:auto; position:absolute; border-top:10px solid rgba(255, 255, 255, 0.5); margin-top:40px; border-bottom:10px solid rgba(255, 255, 255, 0.5); left:0px; right:0px; margin:0 auto; min-height:154px;
 top:40px; z-index: 1; }
.header .fixed-wrapper:after{ height:134px;width:7000px;position:absolute;right:100%;top:0;content:""; background:#fff; }
.header .fixed-wrapper:before{ height:135px;width:7000px;position:absolute;left:100%;top:0;content:""; background: #8589c3 url(images/right-banner.png) repeat-x; }
.navigation-res{display:none !important;}
.navigation{width:100%; float:left; margin-top:9px;}
.navigation ul{ width:auto; float:right;}
.navigation ul li{ display:inline-block; margin-left:10px; position:relative;}
.navigation ul li:first-child{ margin-left:0px;}
.navigation ul li span {position: absolute;right: -11px;top: 30%;}
.navigation ul li a{ font-size:16px; color:#fff; text-decoration:none; display:block; padding:17px 0;}
.navigation ul li a:hover{ background:url(images/hoverarrow.png) no-repeat center bottom;}
.navigation ul li a:hover:after{background:#20449f; height:3px; content:""; position:absolute; bottom:0px; left:0px; right:0px; width:100%;}


.navigation ul ul{        /* Second Level */
    display:none !important;
    background:#113898;
} 

.navigation li:hover ul{display:block !important;z-index:99999;position:absolute;width:225px; background:#113898;
}

.navigation ul li ul li {line-height:20px;width:225px; border-top:1px solid #fff; float:left; margin:0;
 padding-left:10px; padding-right:10px; }
 .navigation ul li ul li:hover{background:#8589c3;}
 
.navigation li:hover ul ul{display:none;}
.navigation li ul li a{display:block; border-bottom:none !important; padding:14px 0;}

.navigation li ul li:hover > a{color:#fff;border-bottom:none !important;}


/* third menu */
 .navigation ul ul ul.sub-menu {display: none !important;} 

.navigation .rightside-menu{right:0 !important;}

.navigation li ul li:hover ul.sub-menu{display:block !important ;width:225px; position:absolute;left:100%;top:0;
background:#113898;}
.navigation li ul li ul li:hover a{color:#fff;} 

.navigation ul li ul li.menu-item-has-children {
  background: url("images/downarrow-second.png") no-repeat scroll 94% 21px;
}

.navigation ul li ul li a:hover::after {
 background:none !important; content:none !important;
}
.navigation ul li ul li a:hover {
  background:none !important;
} 



/*******Header Section End******/

#wrapper{width:100%;float:left;}
.banner{width:100%; float:left; height:auto;}
.banner img{width:100%; float:left;}
.logo{float:left;  background:#fff; padding:17px 10px 17px 0; width:30%; min-height:134px;}
.fixed-wrapper{max-width:1210px;width:96%;margin:0 auto;height:auto; position:relative;}
.topright{width:70%; float:right; background:#8589c3; padding-top:11px; min-height:134px;}
.topsec{width:100%; float:left; background:#113898; padding:5px 0;}
.topsec-in{ max-width:750px; float:right;}

/*
.search{ background:#8589c3; height:46px; width:46px; float:right; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align:center; vertical-align: middle; display: table;}
*/

/*.search span {display: table-cell; height: 100%; vertical-align: middle;} */
.social{ width:auto; float:left; padding:8px 0 0 0; margin:0 20px;}
.social ul{ width:100%; float:left; display:table}
.social ul li{ float:left;}
.social ul li a{display:block;}
.topnav{ width:auto; float:left; padding-top:12px;}
.topnav ul{ float:left; width:auto;}
.topnav ul li{ display:inline-block; position:relative; padding:0 20px;}
.topnav ul li:after{ content:"|"; position:absolute; left:-5px; color:#fff; top:-1px;}
.topnav li:first-child::after {display: none;}
.topnav ul li a{ text-decoration:none; color:#fff; font-size:16px;}
.topnav ul li a:hover{ color:#8589c3;}

/*******Services Section Css Star******/

.services{width:100%; float:left; padding:60px 0;}
.services .box h3:after{background:#8094c8; width:38px; content:""; position:absolute; left:0px; right:0px; margin:0 auto; bottom:0px; height:3px;}
.services .box h3{color:#8589c3; padding-bottom:15px; font-size:22px; position:relative; text-transform:uppercase;}
.services .box{width:30%; float:left; height:auto; padding:0; text-align:center; padding:0 15px;}
.services p{color:#919598; line-height:24px; font-size:16px;}
.services .box-md{ width:40%;}
.services .box h2{font-weight:600; font-size:22px; text-transform:uppercase; position:relative; padding-bottom:15px; color:#008096;}
.services .box h2:after{background:#8094c8; width:38px; content:""; position:absolute; left:0px; right:0px; margin:0 auto; bottom:0px; height:3px;}
.services .box .icon{ width:100%; float:left; padding:20px 0;}
.services .box .info{ width:100%; float:left; text-align:center;}
.services .box p a{ color:#8589c3; text-decoration:none; font-size:14px;}
.services .box p a:hover{ color:#14afcb; text-decoration:underline;}
.services .box-md p a{ color:#14afcb; text-decoration:none; font-size:14px;}
.services .box-md p a:hover{ color:#8589c3; text-decoration:underline;}

/*******Services Section CSS End******/

/*******Children Feet Section CSS Start******/

/* .children-feet{width:100%; float:left; background:url(images/paralex.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
background-size: cover; padding:60px 0;} */


.children-feet{width:100%; float:left; background:url(images/paralex.jpg) no-repeat fixed 50% 0; 
-webkit-background-size: cover; 
-moz-background-size:cover;
 -o-background-size: cover;
background-size: cover;
 padding:60px 0;}



.children-feet p{ color:#fff; line-height:26px; color:#16px; padding-bottom:20px;}
.children-feet .left-sec{width:56%; float:left;}
.children-feet .right-sec{width:43%; float:right; padding:0 0 0 30px;}
.children-feet .right-sec img{border:solid 2px #008096;}
.children-feet h5{color:#fff; font-size:35px; text-align:center; position:relative; padding-bottom:15px; text-transform:uppercase; margin-bottom:45px;}
.children-feet h5:after{content:""; position:absolute; width:38px; height:3px; color:#9dcfd8; margin:0 auto; bottom:0px; left:0px; right:0px; background:#9dcfd8;}
.children-feet .readmorebtn{float:left; width:170px; position:relative; margin-top:15px;}
.children-feet .readmorebtn:after{ background:url(images/arrow.png) no-repeat left; width:55px; height:46px; position:absolute; content:""; right:0px; top:0px;}
.children-feet .readmorebtn a{background:#ffffff; display:block; text-decoration:none; font-size:16px; color:#136372; padding-left:15px; line-height:46px;}
.children-feet .readmorebtn a:hover{ background:#8589c3; color:#fff;}
.children-feet .readmorebtn:hover:after{background:url(images/arrow-hover.png) no-repeat left; width:55px; height:46px; position:absolute; content:""; right:0px; top:0px;}

/*******Children Feet Section CSS End******/


/*******Foot- care Section CSS Start******/

.foot-care{ width:100%; float:left; padding:60px 0;}
.foot-care .fc-box{width:33.33%; float:left; padding:0 15px; margin-top:20px;}
.foot-care .fc-box .img{ width:100%; float:left; padding:15px 0;}
.foot-care .fc-box .dis{ width:100%; float:left;}
.foot-care h5{ font-size:35px; color:#000000; text-align:center; text-transform:uppercase; position:relative; margin-bottom:15px; padding-bottom:15px;}
.foot-care h5:after{content:""; position:absolute; width:38px; height:3px; bottom:0px; left:0px; right:0px; margin:0 auto; background:#7f7f7f;}
.foot-care  p{color:#a7aaad; line-height:26px; font-size:16px; text-align:center;}
.foot-care .fc-box h6{ font-size:20px; color:#008096; position:relative; padding:15px 0; text-transform:uppercase;}
.foot-care .fc-box p{ font-size:16px; color:#919598; line-height:24px; text-align:left; padding:15px 0 0 0;}
.foot-care .fc-box p a{ text-decoration:none; color:#8589c3; font-size:14px; font-weight:600;}
.foot-care .fc-box p a:hover{ text-decoration:underline; color:#008096;}
.foot-care .fc-box h6:after{content:""; position:absolute; width:38px; height:3px; bottom:0px; left:0px; background:#7f7f7f;}
.foot-care .fc-box .img img{border:solid 1px #d3d3d3;}

/*******Foot- care Section CSS End******/

/*******Footer Section CSS Start******/

.footer{ width:100%; background:#383838; float:left; padding-top:35px;}
.footer h6{ font-size:20px; font-weight:600; color:#fff; text-transform:uppercase; position:relative; margin-bottom:25px; padding-bottom:15px;}
.footer h6:after{content:""; position:absolute; width:38px; height:3px; bottom:0px; left:0px; background:#008096;}
.footer-col-1{ width:30%; padding:10px 15px 30px 15px; float:left;}
.footer-col-2{ width:65%; padding:10px 0 30px 0; float:right;}

.footer-col-2 .col-1-f{width:33.33%; padding:0 11px; float:left;}
.footer-col-2 .col-1-f .c-1{width:100%; margin-bottom:10px; float:left;}

.footer .address{width:100%; float:left; background:url(images/location.png) no-repeat left 2px; font-size:14px; font-size:14px; color:#919598; padding-left:33px;}
.footer .phone{width:100%; float:left; background:url(images/phoneicon.png) no-repeat left; font-size:14px; font-size:14px; padding-left:33px; color:#919598; line-height:25px; margin-top:15px;}
.footer .phone a{color:#919598}

.copyright{ width:100%; float:left; color:#919598; text-align:center; padding:20px 0; font-size:14px; text-align:center; background:#fff;}

.notitle{display:none;}




.banner .metaslider { max-width: 100% !important; width: 100% !important; }

.services .box .textwidget { float: left; width: 100%;  text-align: center;}
.services .box img { padding: 20px 0; }
.children-feet .textwidget img { border: 2px solid #008096; }
.foot-care .fc-box .textwidget { float: left; width: 100%; padding-top:15px;}
.foot-care .fc-box img{ border: 1px solid #d3d3d3; }


div.wpcf7-response-output{ clear: both;  color: #fff;}
div.wpcf7-validation-errors, div.wpcf7-spam-blocked { border: medium none; color: #f00; }
div.wpcf7-mail-sent-ok { border: medium none; color: #398f14; }
span.wpcf7-not-valid-tip { padding: 5px 0;}

 .search-form label .screen-reader-text {
    display: none;
}
/*.Search-form {
    display: table;
    float: right;
} */

.search-form {
	background: #8589c3 none repeat scroll 0 0;
    border-radius: 50%;
    display: table;
    float: right;
    height: 46px;
    text-align: center;
    vertical-align: middle;
    width: 46px;
}

.search-field {
	background-color: transparent;
	background-image: url('images/search.png');
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border: none;
	cursor: pointer;
	height: 37px;
	margin: 3px 0;
	padding: 0 0 0 34px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:width 400ms ease, background 400ms ease;
	width: 0;
}

.search-field:focus {
	background-color: #fff;
	border: 2px solid #8589c3;
	cursor: text;
	outline: 0;
	width: 230px;
}


.search-submit,.mobile-search{  display: none; }

input[type="search"] {  -webkit-appearance: textfield; }

.wpcf7-form-control.wpcf7-captchar.txt-default {  margin-left: 5%; width: 50%; }

/* Add 15-9 */
.navigation ul li.menu-item-has-children {
  background-image: url("images/downarrow.png"); background-origin: padding-box; background-position: left 100% center;padding-right: 15px; background-repeat: no-repeat; background-size: auto auto;}

.banner .flex-direction-nav .flex-next { right: 2px !important;}
.banner .flex-direction-nav .flex-next {
	background: rgba(0, 0, 0, 0) url("images/arro-right.png") no-repeat;
height: 50px;  right: 20px !important;  width: 50px;}

.banner .flex-direction-nav .flex-prev {
	background: rgba(0, 0, 0, 0) url("images/arro-left.png") no-repeat;
height: 50px;  left: 20px !important;  width: 50px;} 
.banner .flex-direction-nav a{top:60%;}


.banner .metaslider .caption-wrap {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  line-height: 40px !important;opacity: 1;top: 55%; width: 100%;}

.banner .metaslider .caption {margin: 0 auto;  max-width: 735px !important;opacity: 1;
  padding: 18px 50px !important; text-align: center !important; width: 96%; 
  background:rgba(133, 137, 195, 0.3);}

.banner .metaslider .caption h2 {font-size: 42px;font-weight:bold; line-height: 30px;text-transform: uppercase; margin:0;}

.min-search{display:none;}
.search-field:focus.search-form{background:none !important;}

/* Inner Page */
.inner-middle{margin:50px 0 30px 0; padding:0; float:left; width:100%;}
.inner-left{margin:0; padding:0; float:left; width:68%;}
.inner-left h2 { color: #113898;  font-size: 36px; line-height:43px;} 
.inner-left h3 { font-size: 24px; }
.inner-left ul, .inner-left ol { margin-left: 25px; padding-bottom: 15px; }
.inner-left ul{list-style:disc;}
.inner-left li { padding-left: 10px; }
.inner-left a { color: #8589c3 } 
.inner-left a:hover { text-decoration: underline; }
.inner-left .arconix-faq-wrap{border: medium none;}

.inner-right{margin:0; padding:10px 0 20px; float:right; width:28%; background: #fbfbfb;}
.inner-middle .inner-right .foot-care{float: left; padding:0; width: 100%;}
.inner-right .foot-care .fc-box{float: left; margin-top: 0px; padding-bottom: 0; padding-left: 15px; padding-right: 15px;  padding-top: 0;  width: 100%;}

.inner-left .wpcf7-form-control-wrap input , .inner-left .wpcf7-form-control-wrap textarea {
    border: 1px solid #d3d3d3;
    padding: 10px;
	width:100%;
	font-size: 16px;
}
.inner-left .wpcf7-form-control-wrap.your-name {
    display: inline-block;
    margin-right: 2%;
    width: 49%;
}
.inner-left .wpcf7-form-control-wrap.your-email {
    display: inline-block;
    width: 49%;
}
.inner-left .wpcf7-submit.btn_default {  width: auto; }
.inner-left .captcha-897 { display: inline-block; width: 30%;   margin-left: 2%;}
.inner-left  .wpcf7-form-control.wpcf7-captchac { vertical-align: top;   padding: 10px 0 0;}
.captcha-wrap {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    display: inline-block;
    height: 44px;
    padding: 7px 0;
    text-align: center;
    vertical-align: top;
}

.inner-right .foot-care .fc-box h6{margin-bottom:15px;}


.inner-right .foot-care .fc-box p a {
  background: #8589c3 none repeat scroll 0 0;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  padding: 5px 10px;
  text-decoration: none;
}
.inner-right .foot-care .fc-box p a:hover{
	 background: #113898;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  padding: 5px 10px;
  text-decoration: none;
}


.inner-right .foot-care .fc-box {
  border-bottom: 1px solid #cccccc;
  float: left;
  margin-top: 0;
  padding: 0 15px 20px;
  width: 100%;
}

.inner-right .foot-care .fc-box:last-child {
  border-bottom: medium none;
}

.inner-right .foot-care .fc-box h6{padding: 0 0 15px;}
.inner-right .foot-care  img{ width:100%;}


.arconix-faq-title {
  color: #008096 !important;
  font-weight: bold !important;

}

.search .inner-left h2 a{font-size:26px;}
.search .inner-left .more-link span{display:none;}
.search .more-link{color:#008096;}

.inner-left .header_sticky {box-shadow: unset;}
.search .footer span {display: unset;}
.search .page-title span {display: inline !important; vertical-align: inherit !important;}
.inner-left iframe {height: 320px !important;}
.wpcf7-captcha-captcha-897 {padding-top: 5px !important; width: 100px;}
.inner-left .wpcf7-form {margin: 20px 0;}
.inner-left img.wpcf7-captchac{display:inline;}
div.wpcf7-response-output {margin: 0 !important; padding: 0.2em 0em !important;} 

.inner-left table {
  border-collapse: collapse;
  border-spacing: 0;
  margin:5px 0; 
  width: 100%;
}
.inner-left table thead tr {
  background: #113898;
  color: #fff;
}

.inner-left table th, .inner-left table td {
  border: 1px solid #8589c3;
  box-sizing: content-box;
  padding: 0.25em;
  text-align: left;
}

.inner-left table .alignleft{margin:0; display: inline-block;float: none;}
.inner-left table img {margin-right: 5px !important; width: 20px;}

.hide-page{display:none !important;} 
.footer .social{display:none;}
/* 13-10 */

.copyright span {float: left;}
.developby{float: right;}
.developby > a:hover {text-decoration: underline; color:#000;}
.developby > a {color: #919598;}

.banner-section {float: left; width: 100%;}

.bannerimage {display: none;}

/** Developer css**/

.inner_banner_image{
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
  
  font-weight: 700;
 
  width: 100%;
}
./*image_banner
{background-image:url("images/banner-inner.jpg");
}*/