a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}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:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
html,body { font-family: arial, Helvetica, Verdana, sans-serif; font-size: 16px; color: #2e2e2e; background-color: #f2f2f2; }
a { text-decoration:none; color: #007cc2;   }
p { margin: 20px 0; line-height: 28px; } 
h1,h2,h3,h4,h5,h6 { font-weight: bold; color: #007cc2;}
h1 { font-size: 28px; }
h2 { font-size: 23px; }
h3 { font-size: 18px; }
strong { font-weight: bold; }
strong a, a.sub { color: #2e2e2e; }
em,i { font-style: italic; }
.wide { position: relative; overflow: hidden; max-width: 1200px; margin: 0 auto; padding: 5px 0; }
header, header .wide { background-color: #007cc2; position: relative; color: #FFF; position: relative; }
header .wide { padding: 0 20px 15px 20px; }
header .logo { margin-left: 10px; }
header ul.nav { margin-top: 45px; position: absolute; top:0; right:0; font-size: 21px; font-weight: bold;  text-transform: uppercase;  }
header ul.nav li { display: inline; padding: 0 5px; letter-spacing: -.5px; }
header ul.nav li:last-child { padding-right:0; }
header a { color: #FFF; }
header ul a:hover , header ul.nav li.current a{ border-bottoms: 2px solid #96c4e8; }
header ul.nav { margin-right: 10px; }
header ul.nav li.current a  { color: #96c4e8;  }
header .contact { position: absolute; bottom:0; right:0; color: #96c4e8; text-transform: uppercase; margin: 0 10px 25px 0;  }
header .contact span { font-size: 11px; padding: 10px 0 10px 30px; margin-left: 20px; background-image: url(//www.northernpodiatry.com.au/wp-content/themes/northernpod/img/contact.png); background-repeat: no-repeat; }
header .contact span a { color: #96c4e8;  }
header .contact span.phone { background-position: -5px 0px; }
header .contact span.fax { background-position: -5px -34px; }
header .contact span.email { background-position: -5px -68px; }
header .contact span.fb { background: url(//www.northernpodiatry.com.au/wp-content/themes/northernpod/img/icon-fb.png) 0 center no-repeat; background-size: 20px auto; }
header .contact.bottom { margin: 0 10px  5px  0; }
header .line { position: absolute; bottom:0; left:0; height:2px; width: 100%; background-color: #96c4e8; margin-bottom: 56px; }
main {  background: #FFF url(//www.northernpodiatry.com.au/wp-content/themes/northernpod/img/bg-blk.png) right 0 no-repeat; }
main .wide { padding: 45px 20px; }
main aside { width: 32%; float: left; overflow: hidden; margin-left: 10px; }
main aside .cycle-slideshow { max-height: 300px; overflow: hidden; }
main aside .notice, main .notice.bottom {  margin-top: 30px;  background: #007cc2; color: #FFF; padding: 30px; }
main aside .notice h2, main .notice.bottom h2 , main aside .notice a, main .notice.bottom a { color: inherit;   }
body.home main .notice.bottom { display: none; clear: both;  padding: 20px; }
main .subheading { background: #f2f2f2; text-transform: uppercase; }
main .subheading .wide { overflow: auto; padding: 20px; }
main .subheading h1 { float: left; }
main .subheading ul { float: right; font-size: 14px; color:#b7b7b7; padding: 5px 0;}
main .subheading ul a { color: inherit; }
main .subheading ul  a:hover { color: #007cc2 !important; }
main .subheading ul li { display: inline; }
main .subheading ul li:after { content: "»";  margin: 0 10px; }
main .subheading ul li:last-child:after { content: "";  margin: 0; }
main article.fullwidth { float: none; width: 100%; }
main article.content { overflow:auto; margin: 30px 0; }
main article.content p { margin: 20px 0; }
main article.content ul, .popcontainer .box ul { margin: 20px 20px 40px 40px; list-style-type: disc;  line-height: 36px; }
main article.content ul li, .popcontainer .box ul li { padding-left: 20px; }
main article.content hr { margin: 30px 0; border:0; height: 1px; background: #f2f2f2; clear: both; }
main article .addtoany_share_save_container { margin-top: 80px; }
main article .posts .addtoany_share_save_container { margin-top: 0px; }
main article.content h2, main article.content h3, main article.content h4, main article.content h5 { color: #5bbaea;}
main article.content h2 { margin-bottom: 30px; }
main.blog section.post .post-content ul { list-style-type: disc; margin:  25px 20px; line-height: 30px; }
main .home-banner { background: url(//www.northernpodiatry.com.au/wp-content/themes/northernpod/img/group-nothernpodiatry-au.jpg) top center no-repeat;  background-size: cover; height: 600px;  }
main .home-banner img { display: none; }
main article.content.home { margin-top:0; }
main article.content.home img.aligncenter { width: 100%; height: auto; margin-bottom: 50px; }
.gmap-wide { width: 100%; height: 400px; margin-bottom: -5px; margin-top: -30px; }
.home-contents { float: left; width: 65%; } 
.home-content a.booknow { display: block; color: #FFF; padding: 10px 30px; background: #007cc2;  text-align: center; text-transform: uppercase;  font-size: 21px;  letter-spacing: 2px; margin-top: 30px; } 
.home-content a.booknow:hover {  background:#5bbaea; } 
.home-slider { float: right; width: 30%; margin-left: 5%; } 
main article .home-content .addtoany_share_save_container { display: none; }
body.home main article.content  { margin-bottom: 30px; }
.closeable-msg .wrapper { margin: -10px 0 -30px 0; border: 2px solid red;position: relative; line-height: 32px; background: yellow; text-align: center; font-weight: 700;}
.closeable-msg .wrapper button {  position: absolute; right:0; top:0; bottom:0; border:0; background: red; color: #FFF;  padding: 5px 20px; text-transform: uppercase; font-size: 18px; cursor: pointer; }
.closeable-msg .wrapper .header { position: relative; padding: 5px; background: red; color: #FFF; letter-spacing: 2px; }
.closeable-msg .wrapper .msg { padding: 20px; }
ul.popdesc li span { display: none; }
ul.popdesc li strong { cursor: pointer; }
.popcontainer { position: fixed; top:0; left:0; right:0; bottom:0; background: rgba(0,0,0,0.9); overflow: auto; }
.popcontainer .box { position: relative; max-width: 600px; padding: 20px; background: #FFF; margin: 50px auto;  }
.popcontainer .box .title { font-weight: 700; text-transform: uppercase; font-size: 18px; margin: 30px 0 0 0; text-align: center; }
.popcontainer .box button { cursor: pointer;  position: absolute; top:0; right:0; font-size: 10px; width: 20px; height: 20px; background: red; color: #FFF; border:0; padding: 5px 0;  text-align: center; }
.popcontainer .box img { display: block; text-align: center; margin: 0 auto; max-width: 600px; width: 100%; height: auto; }
.popcontainer .box img.img2 { margin-top: 10px;}
.popcontainer .box .imgs-all { display: none; }
.popcontainer .box.dual-img { position: relative; overflow: auto;  max-width: 90%; }
.popcontainer .box.dual-img img.img1 { float: left; width: 25%; }
.popcontainer .box.dual-img img.img2 { float: right; width: 25%; }
.popcontainer .box.dual-img .content { float: left; width: 46%; margin: 0 2% 0 2%; }
ul#show_profile { margin: 0 0 50px 0; padding: 10px 0 0 0;  clear: both; }
ul#show_profile li { display: inline; font-size: 21px; line-height: 21px;  padding: 10px 20px;  margin-right: 20px;  background: #f2f2f2;  text-transform: uppercase; cursor: pointer; letter-spacing: 1px; }
ul#show_profile li.current , ul#show_profile li:hover{ background-color:  #007cc2; color: #FFF; }
article.content.profiles .profile h3 { text-align: center; }
article.content.profiles .profile img { text-align: center; display: block; margin: 0 auto; }
main article.content ul.services-list {list-style-type: none; margin: 30px 0 100px 0;  }
main article.content ul.services-list > li { position: relative; overflow: visible;  clear: both; padding: 10px 0; border-top: 1px solid #f2f2f2; }
main article.content ul.services-list > li strong { color: #5bbaea; }
main article.content ul.services-list > li ul { list-style-type: none; margin: 0;}
main article.content ul.services-list > li ul li:before { content: ">"; margin-right: 10px; }
ul.services-list li img { float: left; width: 150px; height: auto; margin: 0 20px 10px 0;}
main article.content.contact {  padding:0; }
main article.content.contact iframe { float: right; width: 50%; height: 500px; margin-left: 5%; } 
main article.content.contact .contact-info { float: left; width: 45%; } 
main article.content.contact .contact-info p { line-height: 24px; } 
main article.content.contact .images { padding-top: 50px;  clear: both;} 
main article.content.contact .images p { margin: 20px 0; } 
main article.content.contact a.booknow { letter-spacing: 2px;float: right; padding: 12px 20px; font-size: 21px; text-transform: uppercase; background: #007cc2; color: #FFF; margin: 0; }
main article.content.contact a.booknow:hover  {  background:#5bbaea; } 
main article.content.faq .logos img { max-height: 60px; width: auto; margin: 0 5px; }
main article { width: 65%; float: right; margin-right: 10px; }
main.blog article { width: 100%; float: none; margin-right: 0; }
main article img, main aside img { max-width: 100%; height: auto; }
main .wide.full article { width: 100%; float:none; }
main article.news { margin-top: 20px; }
main article.news h2.title { background: #FFFCD6; padding: 10px; text-align: center; }
main article.news h2.title span { background: url(//www.northernpodiatry.com.au/wp-content/themes/northernpod/img/icon-announce.png) 5px center no-repeat; padding-left: 50px; line-height: 30px;  }
main article.news h2.title span em { white-space: nowrap; }
aside small { font-size: 11px;   background-color: #f2f2f2; padding: 5px 10px; }
ul.slide { width: 95%; height: 300px; overflow: hidden; }
ul.slide li { height: 300px; width: 100%; background-color: #FFF; text-align:center; background-repeat: no-repeat; background-size: cover; }
ul.slide li img { width: 100%; height: auto; }
.floatcenter,.aligncenter { clear: both; margin: 10px auto; text-align:center;  display: block; }
.floatright, .alignright { float: right; margin: 10px 0 20px 20px; }
.floatleft, .alignleft { float: left; margin: 10px 10px 10px 0; }
article.h2list h1 { margin-bottom: 20px; }
article.h2list h2 { margin-top: 35px;  }
article.h2list h2, article.h2list h2 a { color: #28B4E4;  }
article.h2list h2 span { font-size: 13px; color: #2e2e2e; display: block; font-weight: 300; padding-top: 5px; }
article.h2list p { margin-top: 10px; }
.wide.podiatrists h2 { text-align:center; margin: 70px 0 20px 0; }
.wide.podiatrists h2 img { margin-bottom: 5px; border: 6px solid #DDD; }
.product { margin: 20px 0; }
.product h2.title { }
.product .imgs { margin-bottom: 50px; }
.product .imgs .cycle-slideshow { max-height: 300px; overflow: hidden;   }
.product .imgs img { max-height: 300px; display: block; }
.product .imgs p { font-style: italic; font-size: 12px; }
ul.list { list-style-type: disc; margin: 10px 0 10px 20px; padding:0; }
ul.list li { margin:15px 0; }
img.thumb { height: 150px; width: auto; border: 5px solid #DDD; }
main img { max-width: 100%; height: auto; }
main article section.post h1.page-title {text-align: left; }
main section.posts, main section.post { padding: 50px 0; }
main section.posts section.post { padding: 20px 0; }
main section.post .post-meta { font-size: 12px; opacity: 0.6;  margin: 10px 0; }
main section.post .post-meta span { margin-right: 10px; }
main section.post p  { line-height: 28px; margin: 20px 0; }
#comments {  margin-top: 100px; }
#comments h2.comments-title { margin-bottom: 20px; }
#comments ol.comment-list { margin-bottom: 40px;  font-size: 14px;}
#comments ol.comment-list li { border: 1px solid #efefef; padding: 20px; margin-bottom: -1px; }
#comments ol.comment-list ol.children { margin-top: 30px; }
#comments .vcard { font-weight: 600; margin-bottom: 5px;  color: #467bc4;  }
#comments .vcard a { color: inherit; }
#comments .comment-meta { opacity: 0.7;  padding: 5px 0; }
#comments a.comment-reply-link { background-color: #717171; color: #FFF; padding: 5px 10px; font-size: 14px; text-transform: uppercase; }
#comments a.comment-reply-link:hover { background-color: #467bc4; }
#comments p.comment-form-comment label { display: block; font-weight: 600; }
#comments p.comment-form-comment textarea { width: 80%; padding: 20px; font-family: inherit; font-weight: inherit; font-size: inherit; }
#comments form label { min-width: 150px; font-weight: 600; display: inline-block;  }
#comments input[type=text], #comments input[type=email], #comments input[type=url] { padding: 5px 10px; font-family: inherit; font-weight: inherit; font-size: inherit; }
#comments p.form-submit { padding-top: 20px; }
#comments #submit { background-color: #467bc4; font-family: inherit; font-weight: inherit; color: #FFF; padding: 5px 20px; font-size: inherit; text-transform: uppercase; border:0; cursor: pointer; } nav.navigation .page-numbers  { padding: 5px 10px; background-color: #FFF; color: #838383; border: 1px solid #838383; white-space: nowrap;  margin-right: 5px; } 
nav.navigation .page-numbers:hover, nav.navigation .page-numbers.current   { background-color: #007cc2; color: #FFF; border-color: #007cc2; } 
p.notice { padding: 5px 15px; color: #FFF; font-size: 14px; }
p.notice.error { background-color: #E33636; }
p.notice.ok { background-color: #9ED66F; }
footer { font-size: 12px; color: #979797; padding: 20px 0 30px 0; line-height: 18px; position: relative;  }
footer a { color: #777777; font-weight: bold; }
footer .visit { display: block; color: #BABABA; position: absolute; padding-top: 5px; margin-right: 10px; right:0; top:0;}
footer .footnote { margin-left: 10px;}
footer .keywords { padding-top: 10px; text-align: center;  color: #CCCCCC; }
footer .keywords a {  color: #CCCCCC; } .banner_home { border: 1px solid #53b4e7; padding: 30px;max-width: 600px; margin: 50px auto; text-align: center; }
.banner_home h2 { color:#007cc2 !important; margin: 0 0 10px 0 !important; }
.banner_home h3 { color: black !important; font-weight: normal; line-height: 26px; }
.banner_home.covid { margin-bottom: -30px;  padding: 20px 30px;  border-color: red !important;  }
.banner_home.covid h2 { margin:0 !important; }
.banner_home.covid h2 a { color: red;  display: block; }
@media (max-width: 1200px) {
header .logo { margin:0 auto; text-align: center; display: block; }	
header ul.nav { position: relative; top:auto; right:auto; margin: 20px auto 30px auto; text-align: center; }
header .line {  position: relative; margin: 10px 0; }
header .contact { position: relative; bottom:auto; right:auto; margin: 0 auto 10px auto; text-align: center;  }
header .contact.bottom { margin-top: -10px;  }
header .contact span { margin:0 10px 0 0; }
header .contact span:last-child { margin:0; }
main .home-banner { height: 400px;  }
}
@media (max-width: 1024px) {	
main, main .wide { background: #FFF url(//www.northernpodiatry.com.au/wp-content/themes/northernpod/img/bg-blk.png) right 0 no-repeat; }
article.contact, main article.wide {  padding: 0 20px; width: auto; }
article.contact .text { float: left;  margin:0; padding: 0; }
article.contact .form { float: right;  margin:0; padding:0; overflow: hidden;  }
article.contact .map { float: none; clear: both; margin:0 auto; padding: 15px 0 0 0; display: block; width: 100%;overflow: hidden;  text-align: center; }
article.contact .map iframe { width: 100%; margin:0; padding:0;overflow: hidden;  }
}
@media (max-width: 991px) {		
main article { width: 62%; margin-right: 10px; margin-left: 3%; }
.popcontainer .box.dual-img { position: relative; overflow: auto;  max-width: 90%; }
.popcontainer .box.dual-img .imgs-side { display: none; }
.popcontainer .box.dual-img .imgs-all { display: block; position: relative; overflow: auto; }
.popcontainer .box.dual-img .imgs-all img.img1, .popcontainer .box.dual-img  .imgs-all img.img2 { float: left; width: 49%;  margin:0; }
.popcontainer .box.dual-img .imgs-all img.img2 { float: right; } .popcontainer .box.dual-img .content { float: none; width: 100%; margin: 0; }
}
@media (max-width: 768px) {
main .home-banner { background:none;  height: auto;  }
main .home-banner img  { display: block;  }
article h1 { text-align: center; }
header ul.nav { font-size: 20px; }	
header .contact span { font-size: 12px; }
main aside { display: none; }
body.home main .notice.bottom { display: block; }
main article { width: auto; margin: 0 20px; float: none; }
main article.content.contact { margin-top: -40px; padding:0; }
main article.content.contact iframe { float: none; width: 100%; height: 500px; margin:0 0 -20px 0; } 
main article.content.contact .contact-info { position: relative; float: none; width: 100%; padding:0; margin:0; } 
footer { padding-bottom: 20px; }
footer .visit, footer .footnote { display: block; position: relative; right: auto; top: auto; text-align: center; padding: 5px; }
}
@media (max-width: 650px) {			
article.contact .text,article.contact .form { float: none; clear: both; margin:0 auto; padding: 15px 0 0 0; display: block; width: 100%;  }
article.contact .text, 	article.contact .form { text-align: center; } 
footer { font-size: 14px; }
footer .footnote > span { display: block;  }
.aligncenter, .alignright, .alignleft { clear: both;float: none; margin: 10px auto; text-align:center;  display: block; }	
}
@media (max-width: 600px) {		
header ul.nav { line-height: 26px; margin: 15px 0; }
header .line { display: none;}
header .contact { border-top: 1px solid  #96c4e8;  }
header .contact.bottom { border: none;;  }
header .contact span { display: inline-block; text-align: left; padding-top:5px; padding-bottom:0;}
main .subheading h1 { float: none; }
main .subheading ul { float: none;  padding: 10px 0;}
.popcontainer .box {margin: 0;  }
.popcontainer .box.dual-img { max-width: 100%;}
.popcontainer .box.dual-img .imgs-all img.img1, .popcontainer .box.dual-img  .imgs-all img.img2 { float: none; width: 100%; margin-bottom: 10px;  }
ul#show_profile li { display: block;  margin-right: 0; }
}
@media (max-width: 500px) {
main h1 span { display: block; }
.popcontainer .box.dual-img .imgs-all { float: none; width: 100%;  }
.popcontainer .box.dual-img .content { float: none; width: 100%; margin: 0; }
}
@media (max-width: 550px) {		
footer .footnote  span { display: block;  }
}
@media (max-width: 400px) {		
header .logo img { max-width: 80%; height: auto; }
.floatleft, .floatright, .alignright, .alignleft { float: none; margin: 10px auto; display: block; text-align: center; }
main article.news h2.title { text-align: left; }
footer .keywords { font-size: 10px; }
main article.content.contact .contact-info { padding-bottom: 50px; }
main article.content.contact a.booknow { float: none; display: block; text-align: center; padding: 12px 20px; margin: 5px 0; position: absolute; bottom:0; left:0; right:0; }
.closeable-msg .wrapper { font-size: 14px;  line-height: 26px; }
.closeable-msg .wrapper button {  font-size: 16px; }
.closeable-msg .wrapper .msg { padding: 10px; }
}