/*
Theme Name: Sktthemes Doctor Jane Doe
Theme URI: http://www.sktthemes.com/
Author: The SKT Team
Author URI: http://www.sktthemes.com/
Description: Sktthemes Doctor theme for WordPress by SKT Themes Team.
Version: 1.0
Tags: Sktthemes Doctor, Dental themes
Text Domain: sktthemes
*/
/*  =Notes

This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

 Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

 Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

 Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/*  =Reset */
@import url(//fonts.googleapis.com/css?family=Stint+Ultra+Condensed);
@import url(//fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,200,300,700);
@import url(//fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(//fonts.googleapis.com/css?family=Bitter:400,700,400italic);

* { margin: 0; padding: 0; outline:0; }
body {background: #e6dfc2 url(images/body-bg.jpg) repeat left top; margin:0; padding:0; font: normal 12px Arial, Helvetica, sans-serif; color:#707070;  }
img{border:0; padding:0; margin:0; max-width:100%;}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right; float:right;}
.left{text-align:left; float:left;}
.clear{clear:both;}
a{outline:none; text-decoration:none;}
a{ color: #207720;}
a:link {color: #207720; text-decoration: none;}
a:hover { color:#000;}

h1,h2,h3,h4,h5,h6{ font-family: 'Oswald', sans-serif; font-weight:300; margin-bottom:10px; padding:0;}
h1{font-size:33px; color:#7f4c2b;}
h2{font-size:28px; color:#7f4c2b;}
h3{font-size:24px; color:#fff;}
h4{font-size:18px; color:#fff;  font-family: 'Yanone Kaffeesatz', sans-serif; text-transform:uppercase;}
h5{font-size:16px; color:#ffc207;}
h6{font-size:14px; color:#ffc207;}
h4.get_touch{background:url(images/icon_ph.png) no-repeat left 7px; padding:0 0 0 20px; margin:0; line-height:36px;}
h2.inner-title{font-size:20px; color:#7f4c2b; border-bottom:1px dotted #bebebe; padding-bottom:5px; margin-bottom:20px;}
a h4{color:#666666; text-decoration:none; font-weight:400;}
a h4:hover{color:#97c096; text-decoration:none;}

p{ padding:0; line-height:19px; margin:5px 0 15px;} 


.space5{ height:5px;}
.space10{ height:10px;}
.space15{ height:15px;}
.space18{ height:18px;}
.space20{ height:20px;}
.space25{ height:25px;}
.space30{ height:30px;}
.space35{ height:35px;}
.space40{ height:40px;}
.space45{ height:45px;}
.space50{ height:50px;}
.space60{ height:60px;}
.space70{ height:70px;}
.space80{ height:80px;}
.space90{ height:90px;}
.space100{ height:100px;}
.spacer5 { height:5px; font:normal 0px/0px arial; clear:both}
.spacer10 {height:10px; font:normal 0px/0px arial; clear:both}
.spacer15 {height:15px; font:normal 0px/0px arial; clear:both}
.spacer20 {height:20px; font:normal 0px/0px arial; clear:both}

/* color And Fonts size*/
.red{color:#ed130f;}
.blue{color:#369;}
.grey{color:#999; font-family:Oswald; font-size:22px;}
.cyan{color:#ed130f;}
.font8{font-size:8px;}
.font9{font-size:9px;}
.font10{font-size:10px;}
.font11{font-size:11px;}
.font12{font-size:12px;}
.font13{font-size:13px;}
.font14{font-size:14px;}
.font15{font-size:15px;}
.font16{font-size:16px;}
.font17{font-size:17px;}
.font18{font-size:18px;}
.font20{font-size:20px;}
.font22{font-size:22px;}
.font24{font-size:24px;}
.font30{font-size:30px;}
.capital{text-transform:uppercase;}


/***** MW CHANGES *****/
.logo img {width: 100px; margin-bottom: 10px;}
.nav li:hover a, .nav li.current_page_item a, .nav li.current_page_parent a, a:link {color: #207720;} 
.footer_wrap span, a:link {color: #207720;}
#menu-top-menu li a:hover,
#menu-top-menu li.current_page_item a:hover {color: #52AF52 !important}
#menu-top-menu li a,
#menu-top-menu li.current_page_item a {color: #fff !important;}