.bgorange {background-color:#ffbc00;}
.bgbrown {background-color:#2e2305;}
.bggrassgreen {background-color:#69bf18;}
.bgwhite {background-color:#FFFDF8;}
.bgdarkgreen {background-color:#2c6000;}
 
body {background:#FFFDF8;color:#2e2305;} 
#container{}
/* header */
header {
	background: transparent  url(../images/tree-bg.jpg) no-repeat center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-bottom:2px solid #ffbc00;
	margin-bottom:2rem;box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);}

/* logo, intro */
.row.logo {color:#fff; padding-top: 1.4rem;}
.logoimg{
		padding:0rem 0rem 1.4rem 0rem;
		display: block;
    margin-left: auto;
    margin-right: auto}
.row.logo .intro{text-align: center;font-weight:bold;text-shadow: 1px 1px 2px #444;}
.row.logo p{margin-bottom:.4rem;}
.row.logo p.flag-phone{font-size:150%;}

/* menu */
.title-bar, .top-bar { background-color: rgba(46,35,5,.8);}
.top-bar ul {background-color:  transparent;}
.title-bar, .top-bar a {color:#ffbc00;} 
.menu {font-size:92%;}
.menu .active > a {color: ##fff; background-color: rgba(46,35,5,.9);}

/* headers */
h1, h2, h3, h4, h5, h6 { font-family: 'Bitter', Georgia, serif; font-weight: bold; font-style: normal; color: #2e2305; text-rendering: optimizeLegibility;}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #3A2F28; line-height: 0; } 

/* link */
a {color: #547BAF;}
a:hover, a:focus {color: #1585cf; }
a.noline:hover {border: none;}

/* homepage */
.row.featured p{margin-top:1rem;}
.callout.homeintro {
	border: 1px solid rgba(10, 10, 10, 0.10);
  border-radius: 0px;
  background-color: #FFF9E9;
	margin-top:1rem;
	}
.callout.homeintro h1 span{letter-spacing:2px;}
.callout.homeintro h1 { text-shadow: 1px 1px 2px #655D47;}  
.callout.featured {
  border: 1px solid rgba(10, 10, 10, 0.10);
  border-radius: 0px;
  background-color: #FFF9E9;
  color: #2e2305; }
.callout.featured img {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 12px 0 rgba(0, 0, 0, 0.19);}


/* order CTA */
.callout.toorder {
  border: 1px solid rgba(10, 10, 10, 0.10);
  border-radius: 0px;
  background-color: #FFD767;
  color: #2e2305; 
  margin-top:2rem;
} 
p.placeanorder {
	font-family: 'Bitter', Georgia, serif; 
	font-weight: bold; 
	font-style: normal; 
	color: #2e2305;
	font-size: 1.4rem;}

.button.alert {
  	border: 1px solid rgba(10, 10, 10, 0.10);
  	border-radius: 0px;
    background-color: #ED0506;
    color: #2e2305; }
.button.alert:hover, .button.alert:focus {
      background-color: #9e0c0f;
      color: #fefefe; } 
       
/* footer callout */  
.callout.bottom {
	background: transparent  url(../images/tree-bg.jpg) no-repeat center bottom;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
  border: 1px solid rgba(10, 10, 10, 0.9);
  border-top:2px solid #ffbc00;
  border-radius: 0px;
  background-color: #2e2305;
  color: #FFFDF8;
  font-weight: bold;
  text-shadow: 1px 1px 2px #655D47;
  margin-top: 2.4rem;
  }
 .callout.bottom h3 {color:#FFFDF8; } 
 .callout.bottom .logo { 
 		padding-top:1rem;
 		display: block;
    margin-left: auto;
    margin-right: auto;
	} 	
	
	/* news article highlight */ 
.row.newsitem .columns{
	background-color: #FFFEFD;
	border: 1px solid #2e2305;
	padding: 1em;
	margin:1em 0
}
  
/* image slider */ 
button.orbit-previous, button.orbit-next {font-size:200%;}
 
.instock-container {position:relative;} 
 .instock{
  position: absolute;
  bottom: 0;
  width: 100%;
  max-width: 330px;
  margin-bottom: 0;
  padding: .4rem;
  background-color: rgba(105, 191, 24, 0.5);
  color: #fefefe;
  color:#fff;
  font-weight:bold; 
 }
 .outstock{
  position: absolute;
  bottom: 0;
  width: 100%;
  max-width: 330px;
  margin-bottom: 0;
  padding: .4rem;
  background-color: rgba(201, 87, 112, 0.5);
  color: #fefefe;
  color:#fff;
  font-weight:bold; 
 }
div.imgbox {margin-bottom:1.5rem;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 6px 0 rgba(0, 0, 0, 0.19);} 
span.signature {font-family: Georgia, serif; font-weight: bold; font-style: italic;}
p.caption{padding-top:1rem; font-size:1.125rem;}
.pricenote{font-weight: bold;color:#FD3C08;}
p.pagedate{margin-bottom:.5em;font-size:75%;}
blockquote, blockquote p {color:#534A31} 

/*  orange */
.button.primary {
    background-color: #ffbc00;
    color: #0a0a0a; }
.button.primary:hover, .button.primary:focus {
    background-color: #FF8C00;
    color: #0a0a0a; }

/* green */      
.button.secondary{
    background-color: #69bf18;
    color: #0a0a0a; }
.button.secondary:hover, .button.secondary:focus {
    background-color: #7cff00;
    color: #0a0a0a; }
      
      
/*  Small: any screen.
Medium: any screen 640 pixels or wider.
Large: any screen 1024 pixels or wider.
*/

/* Small only */
@media screen and (max-width: 39.9375em) {}

/* Medium and up */
@media screen and (min-width: 40em) {
	
	h1 {
    font-size: 2.5rem; }
  h2 {
    font-size: 1.9375rem; }
  h3 {
    font-size: 1.5625rem; }
  h4 {
    font-size: 1.25rem; }
  h5 {
    font-size: 1.15rem; }
  h6 {
    font-size: 1rem; }
    
	.row.logo {color:#FFFDF8; padding-top: 4rem;background-color:transparent;}
	.row.logo p.flag-phone{font-size:200%;}
	.logoimg{padding:0rem 1rem 4rem 1rem;}
	.row.logo .intro{text-align: right;}
	 div.imgbox {float: right !important;margin-left:1.5rem;margin-bottom:1.5rem;}
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}