@import url(http://fonts.googleapis.com/css?family=Martel+Sans:400,800);
@import url(https://fonts.googleapis.com/css?family=Lato:400,900);
@import url(https://fonts.googleapis.com/css?family=Slabo+27px);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:300,400);

body {
  background: #28774A;
  color: #535252;
  line-height: 1;
     }

a {
  text-decoration: none !important;
  outline: none !important;
  color: #8A9BA6;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
a:focus, a:visited {
  color: #5D6973;
}
a:hover {
  color: #28774A;
}
  
body, p, a {
    font-family: 'Roboto Slab', sans-serif;
    font-weight: 300; }
    
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-family: 'Roboto Slab', sans-serif;
    font-weight: 400;
}
    
h1, h2, h3, h4, h5, h6 {
	color: #1C5233;
}

h1, h2 {
	font-weight: 900;
	text-transform: capitalize;
}

p{
	font-size: 1.1rem;
}

.row {
	max-width: 75rem;
}

/* HEADER */
#masthead {
  /*background: #B51A19;*/
}

.site-title {
  margin: 0;
  line-height: 1em; }

.site-title a {
  display: block;
  background: url('images/header.png') center;
  margin: 0 auto;
  width: 1200px;
  height: 271px;
  text-indent: -99999px; }
  
/* NAV */
#site-navigation-container {
	/*margin-top: 93px;*/
	float: none;
}

#site-navigation {
  /*background: #D91E12 url('images/menu-back.png') repeat top left;*/
  
    width: 100%;
    padding: 0;
    position: relative;
    background-color: #fff;
    /*border: 1px solid #f1f1f1;*/
  
    -webkit-box-shadow: 0 7px 8px -5px rgba(12,12,12,.1);
    -moz-box-shadow: 0 7px 8px -5px rgba(12,12,12,.1);
    box-shadow: 0 7px 8px -5px rgba(12,12,12,.1);
  
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    
    /*border-radius: 10px;
    -moz-border-radius: 10px;*/
 	}
  
.top-bar-section ul li > a {
	zoom: 1; /* IE7 */
	padding: 0 15px;
	line-height: 60px;
	font-family: 'Martel Sans', serif;
	font-size: 15px;
	/*font-weight: 700;*/
	font-style: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #36393b;
    }
  
/* Remove Foundation 5 Styling on top-bar class */  
.top-bar,
.top-bar-section ul,
.top-bar-section li:not(.has-form) a:not(.button) {
  background: none; }
.top-bar-section li:not(.has-form) a:not(.button):hover{
	background: #8A9BA6;
}  
.top-bar-section ul li {
    background: none; }
    
.top-bar-section {
	margin-left: 10px;
}
/*----------------------------------------------*/

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button){
	background: #5D6973;
}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button):hover{
	background: #8A9BA6 ;
}

.top-bar-section .has-dropdown > a::after {
	border: inset 5px;
	content: "";
	display: block;
	height: 0;
	width: 0;
	border-color: rgba(0, 0, 0, 0.4) transparent transparent transparent;
	border-top-style: solid;
	margin-top: -2.5px;
	top: 1.40625rem; 
}

/* dropdown parent when hovering a child item */
.top-bar-section ul li:hover:not(.has-form) > a 
{
    background: #8A9BA6;
    color: #fff;
}

.left-small {
	border-right: none; }
.left-off-canvas-menu, .tab-bar, .left-submenu, .left-submenu .back > a {
	background: #8A9BA6}
.left-off-canvas-menu ul {
  margin: 0; }
ul.off-canvas-list li a{
	    border-bottom: 1px solid #fff;
}
.left-off-canvas-menu li a {
  display: block;
  padding: 12px 10px;
  border-bottom: 1px #545454 solid;
  color: #fff; }
  
  .left-off-canvas-menu li a:hover, .left-submenu .back > a:hover {
  	background: #5D6973;
  	color: #fff;
  }
  
.shopmenu{
	background: #113320;
	height: 1.5rem;
} 

#shop-menu a {
	zoom: 1; /* IE7 */
	padding: 0 15px;
	line-height: 1.5rem;
	font-family: 'Martel Sans', serif;
	font-size: 15px;
	/*font-weight: 700;*/
	font-style: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #fff;
    } 
 
/* CONTENT */
#content {
	background: #f6f6f6;
}

.main-content{
	background: #ffffff;
	margin-top: 10px;
	-webkit-box-shadow: 0 7px 8px -5px rgba(12,12,12,.1);
	-moz-box-shadow: 0 7px 8px -5px rgba(12,12,12,.1);
	box-shadow: 0 7px 8px -5px rgba(12,12,12,.1);
	margin-bottom: 10px;
}
  
/* MASTER SLIDER */
.ms-layer h3{
	color: #53c4ef;
	/*font-size: 200%;*/
}  
.ms-info{
	/*color: #fff; */
}

/* PANEL */
.panel {
	padding: 0;
}

.accordion .accordion-navigation > a, .accordion dd > a {
	font-family: 'Martel Sans', sans-serif;
	color: #28774A;
	/*background-color: #BDDAF2;*/
	background: none;
	border-bottom: 1px solid #90BBDE;
	font-size: 1.2em;
	padding: 0.6rem;
}
    
/* HOME PAGE */
.home-page p{
	color: #53c4ef;
	text-align: center;
}

  
/* FOOTER */
#colophon {
  background-color: #1C5233;
  padding: 1.5em 0 2em;
  color: #fff; }

#colophon a {
  color: #fff;
  text-decoration: none; }
  
#colophon p, #colophon h1, #colophon h2, #colophon h3, #colophon h4, #colophon h5, #colophon h6, #colophon label {
	color: #fff;
}

#colophon p{
	font-size: 0.785rem;
}

.footer-box {
	-webkit-box-shadow: 0 7px 8px -5px rgba(12,12,12,.1);
	-moz-box-shadow: 0 7px 8px -5px rgba(12,12,12,.1);
	box-shadow: 0 7px 8px -5px rgba(12,12,12,.1);
}
a img{
	border: 2px solid #28774A;
}
/* FORMS */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
	border: 4px solid #8A9BA6;
}

.comment-form input[type="text"], .comment-form input[type="password"], .comment-form input[type="date"], .comment-form input[type="datetime"], .comment-form input[type="datetime-local"], .comment-form input[type="month"], .comment-form input[type="week"], .comment-form input[type="email"], .comment-form input[type="number"], .comment-form input[type="search"], .comment-form input[type="tel"], .comment-form input[type="time"], .comment-form input[type="url"], .comment-form input[type="color"], .comment-form textarea {
	border: 4px solid #8A9BA6;
	width: 50%;
}

button, .button, input[type="button"], input[type="reset"], input[type="submit"]{
	display: -moz-inline-stack;
	  display: inline-block;
	  vertical-align: top;
	  zoom: 1;
	  *display: inline;
	
	  padding: 7px 14px;
	  margin: 0px auto 0 auto;
	  background: #28774A;
	  color: #fff;
	  border: none;
	  color: #fff;
	  text-decoration: none;
	  font-size: 13px;
	  line-height: 1.5;
	
	  -moz-border-radius: 4px;
	  -webkit-border-radius: 4px;
	  border-radius: 4px;
	
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	  
	  box-shadow: none;
	  text-shadow: none;
	  
	  font-family: 'Martel Sans', sans-serif;
}
button:hover, .button:hover, .button:focus, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{
	filter: alpha(opacity=85);
    opacity: 0.85;
    box-shadow: none;
    text-shadow: none;
    background: #28774A;
}

textarea[rows] {
	height: 80px;
}

/* CONTENT */
.entry-title,
.page-title {
  /*font-size: 2rem;*/
  font-weight: 700;
  margin: 0; }

.entry-title a,
.page-title a {
  color: #535252; }

.entry-summary {
  margin: 1em 0 0; }

.entry-meta {
  margin-bottom: 1rem;
  text-align: center;
}

#primary,
#secondary {
  margin: 2.5em 0; }
  
#secondary{
	background: #ffffff;
	margin-top: 10px;
	-webkit-box-shadow: 0 7px 8px -5px rgba(12,12,12,.1);
	-moz-box-shadow: 0 7px 8px -5px rgba(12,12,12,.1);
	box-shadow: 0 7px 8px -5px rgba(12,12,12,.1);
	margin-bottom: 10px;
	padding: 5px;
}

.sidebar {
  background: #f2f2f2;
  /*border-left: 1px solid #dedede;
  border-right: 1px solid #dedede; */}

.widget-title,
.widgettitle,
#reply-title {
  font-size: 1.4rem;
  font-weight: 700; }

.vcard {
  display: inline;
  border: 0;
  margin: 0;
  padding: 0; }

.vcard .fn {
  font-weight: normal;
  font-size: 1rem; }

code {
  color: royalblue; }

.wp-post-image {
  width: 100%;
  height: auto;
  margin-bottom: 1rem; }
  
  

/* MEDIA QUERIES */
@media only screen and (max-width: 40em) {
  #wpadminbar {
    position: fixed; }
  .site-title a {
    display: block;
    background: url(images/logo.png);
    margin: 0 auto;
    width: 270px;
    height: 95px;
    text-indent: -99999px; }
  .sidebar {
    border-left: none;
    border-right: none;
    border-top: 1px solid #dedede; } }