@charset "UTF-8";
/* CSS Document */

html, body {
	margin: none;
}

/* general */
.border {
	border: solid .75pt #CCCCCC;
}

/* type */
p {
	font-family: "mr-eaves-sans",sans-serif;
	text-decoration:none;
	font-size:13pt;
	color: #333;
	line-height: 18pt;
}

em {
  color: #555;
}

a {
	text-decoration: none;
	font-style: normal;
	color: #244B23;
}

/* mouse over link */
a:hover {
    color: #80A83F;
}

/* selected link */
a:active {
    color: #80A83F;
} 

.hr2 {
  /* 1 */
  box-sizing: content-box;
  height: 0;
  /* 2 */
  margin: 0 auto;
  border: 0;
  border-top: 1px solid #333;
}

/* Modifier: `uk-icon-button`
 ========================================================================== */
.uk-icon-button {
  box-sizing: border-box;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: #80A83F;
  line-height: 30px;
  color: #fff;
  font-size: 15px;
  text-align: center;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-icon-button:hover,
.uk-icon-button:focus {
  background-color: #FBCB18;
  color: #333;
  /* 2 */
  outline: none;
}
/* Active */
.uk-icon-button:active {
  background-color: #FBCB18;
  color: #333;
}

.uk-button {
	width: 100%;
	margin: 10px;
	height: auto;
}

h1 { 
	color: #244B23;
	font-family: "mrs-eaves-roman-all-petite-c",sans-serif;
	text-decoration:none;
	font-size:42px;
	
}

h2 { 
	font-family: "mrs-eaves-roman-all-petite-c",sans-serif;
	padding-left: 5px;
	color: #244B23;
	font-size:36px;
}

h3 { 
	color: #333;
	font-family: "mrs-eaves-roman-all-petite-c",sans-serif;
	text-decoration:none;
	font-size:28px;
	
}

h4 { 
	font-family: "mrs-eaves-roman-all-petite-c",sans-serif;
	text-decoration:none;
	font-size:21pt;
	color: #333;
	
}
/* header */
header {
	width: 100%;
	height: auto;
	margin: 0 auto;
	/*background:url('../images/patterns/debut_light.png') repeat;*/
	background: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
	position: absolute;
	top: 0;
	z-index: 1000;
	border: 0;
}



.headerlogo {
	padding-left: 20px;
}

/* navigation */
.uk-navbar {
  	background: none;
}

/* Sub-object: `uk-navbar-nav`
 ========================================================================== */
.uk-navbar-nav {
  margin: 0;
  padding: 0;
  padding-right: 20px;
  list-style: none;
  float: left;
}
/*
 * 1. Create position context for dropdowns
 */
.uk-navbar-nav > li {
  float: left;
  /* 1 */
  position: relative;
}
/*
 * 1. Dimensions
 * 2. Style
 */
.uk-navbar-nav > li > a {
  display: block;
  box-sizing: border-box;
  text-decoration: none;
  /* 1 */
  height: 80px;
  padding: 0 15px;
  line-height: 80px;
  /* 2 */
  color: #333;
  font-size: 24px;
  font-family: "mrs-eaves-roman-all-petite-c",sans-serif;
  font-weight: normal;
}
/* Appear not as link */
.uk-navbar-nav > li > a[href='#'] {
  cursor: text;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Also apply if dropdown is opened
 * 3. Remove default focus style
 */
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a {
  background: none;
  color: #777;
  /* 3 */
  outline: none;
}
/* OnClick */
.uk-navbar-nav > li > a:active {
  background-color: none;
  color: #777;
}
/* Active */
.uk-navbar-nav > li.uk-active > a {
  background-color: none;
  color: #777;
}
/* Sub-objects: `uk-navbar-nav-subtitle`
 ========================================================================== */
.uk-navbar-nav .uk-navbar-nav-subtitle {
  line-height: 28px;
}
.uk-navbar-nav-subtitle > div {
  margin-top: -6px;
  font-size: 10px;
  line-height: 12px;
}

.uk-icon-arrow-down {
	color: #080037;
	background: #ccb456;
}

#about {
	padding: 40px;
	background: #FAFAFA;
}

#staff {
	padding: 40px;
	background: #EBEBEB;
}

#services {
	padding: 40px;
	background: #F2F2F2;
}

#forms {
	padding: 40px;
	background: #E3E3E3;
}

#testimonials {
	padding: 40px;
	background: #FAFAFA;
}

#insurance {
	padding: 40px;
	background: #EBEBEB;
}

#contact {
	padding: 40px;
	background: #fff;
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 480px) {
		
	#about, #staff, #services, #forms, #testimonials, #insurance, #contact {
		padding: 10px;
		}
	
}