/* 
Title: DrMuffitJensen.com
Author: team A design 
www.GoTeamA.com
*/

@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,400;0,700;1,400;1,700&family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* reset
------------------------------------------------------------------*/

* { margin:0; padding:0; list-style:none; text-decoration:none; border:0; outline:none; }

.clearfix:after { content:"."; display:block; height:0; line-height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hide from IE Mac \*/
 .clearfix { display:block; }
/* End hide from IE Mac */
* html .clearfix { height:1%; }

.hidden { display:none; }
.clear { clear:both; }
.center { text-align:center; }
.left { float:left }
.right { float:right }

/* general structure
------------------------------------------------------------------*/

body { background:#b9cc95 url(img/bg/bg-pattern.jpg) repeat; color:#454d38; } 

#page { width:940px; position:relative; margin:0 auto; padding:0 10px; }

#header { height:180px; margin:20px 0; background:url(img/logo/dr-muffit-jensen.png) no-repeat center; }

#navbar { 
background:#f5f9dc;
border-top:1px solid #fff;
border-bottom:1px solid #dae6a1;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
text-align:center;
}

#main { margin:20px 0; }

#content { float:left; width:596px; padding:10px; border:2px solid #dbebbe; background:#d5e1ba; }

#content.wide { width:916px; }

#sidebar { width:300px; float:right; }

#footer-wrapper { clear:both; margin-top:100px; padding:65px 0 0; width:100%; background:url(img/bg/footer-top.png) repeat-x; }

#footer { clear:both; width:100%; background:#728161 url(img/bg/footer-bg.png) repeat; padding-bottom:40px; }

.wrap { width:940px; position:relative; margin:0 auto; padding:0 10px; }

/* general typography
------------------------------------------------------------------*/
body { font-size:100%; font-family:"Philosopher", Arial, Helvetica, Verdana, sans-serif; }

#page { font-size:1em; line-height:1.5em; } /* 18px base font size with a 20px line height */

#main { font-size: 1.1em; }

h1, h2, h3, h4, h5, h6 { font-family:"Philosopher", Arial, Helvetica, Verdana, sans-serif; font-weight:normal; color:#fcffee; text-shadow:1px 1px 1px #92a249; }

#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 { color:#454d38; text-shadow:1px 1px 1px #fcffee; }

h1 { font-size:2em; line-height:1em; }
h1 small { font-size:.5em; }
h2 { font-size:1.5em; line-height:1em; }
h3, h4, h5, h6 { font-size:1em; line-height:1.25em; }

p, #content ul, #content ol { margin:0 0 1em; clear:both; }

#content h1 { font-size:1.5em; line-height:1em; margin-bottom:.5em; }
#content h2 { font-size:1.25em; line-height:1em; margin-bottom:.75em; }
#content h3 { text-transform:uppercase; font-weight:bold; margin-bottom:5px; }

#main p { text-shadow:1px 1px 1px #fcffee; } 

.col p { margin:0 0 .25em; }

small { font-size:.875em; }

p.cite { text-align:right; font-style:italic; border-bottom:2px solid #dbebbe; padding-bottom:1em; margin-right:20px; }
p.cite.last { border-bottom:none; padding-bottom:0; }

.social { line-height:24px; font-variant:small-caps; }
.social img { vertical-align:text-bottom; }
.social a { border:none; }

/* links
------------------------------------------------------------------*/

a { border-bottom:1px solid; }
a:link { color:#454d38; }
a:visited { color:#454d38; }
a:hover, a:focus { color:#809f45; }
a:active { color:#809f45; }

/* header
------------------------------------------------------------------*/

#header div { width:400px; }

#header div.left { margin-top:56px; }
#header div.right { margin-top:64px; }


#header h1 {  }

#header h2 { } 

#header p { text-align:right; color:#fcffee; text-shadow:1px 1px 1px #92a249; font-size:1.125em; line-height:1.5em; margin:0; }

#header a { color:#fcffee; border:none; }
#header a:hover { color:#454d38; }

/* navigation
------------------------------------------------------------------*/

#nav li { display:inline; text-transform:uppercase; font-size:1em; line-height:
2em; padding:4px 10px; }

#nav a { border:none; padding:3px; }
#nav a:link, #nav a:visited { color:#809f45; }
#nav a:hover, a:focus, #nav a:active { color:#454d38; }
#nav li.active a { color:#454d38; background:url(img/bg/nav-bg.gif) repeat-x bottom; }


/* content
------------------------------------------------------------------*/

#content li { list-style:outside disc none; margin-left:40px; }

/* sidebar
------------------------------------------------------------------*/

#sidebar h2 { background:url(img/bg/sidebar-header-bg.png) no-repeat bottom center; text-align:center; color:#454d38; text-shadow:1px 1px 1px #fcffee; font-size:1.125em; line-height:1.4em; font-variant:small-caps; margin-bottom:1em; }

#sidebar ul li { list-style:outside disc none; margin:5px 0 10px 40px; }
#sidebar p { margin-left:20px; }

/* footer
------------------------------------------------------------------*/

#footer { color:#fdfff4; }

#footer a { border:none; }

#footer-nav a:link, #footer-nav a:visited { color:#b9cc96; }
#footer-nav a:hover, #footer-nav a:focus, #footer-nav a:active { color:#fdfff4; }

#footer ul { margin-bottom:40px; }

#footer li { display:inline; margin-right:40px; }

#footer-info { background:url(img/logo/dr-muffit-jensen-footer.png) no-repeat left top; padding-left:100px; padding-top:10px; }
#footer-info p { margin-bottom:6px; }
#footer-info a { color:#fdfff4; }
#footer-info em { font-style:normal; color:#a1ac93; }