/*

green - recreation and accents
406C7e 70919f a0b6bf cfdadf ecf1f3
365c6b 30515F 20363F 101B20 060B0D

green - accordion
E6ECEE EDF1F3 F3F6F7 F9FAFB FDFEFE
C4C9CA ADB1B3 737677 3A3B3C 171818

yellow - protection
e0af3b E8C36C F0D89E f7ebce FCF8EC
BE9532 A8832C 70581E 382C0F 161206

pink - learning
800080 A040A0 C080C0 dfbfdf f3e6f3
6D006D 600060 400040 200020 0D000D

grey - default
AFB3BC C3C6CD D8DADE EBECEE F8F8F9
9598A0 83868D 585A5E 2C2D2F 121213

rust-brown - links
922724 aE5D5B C99492 E4C9C8 F5EAEA
7C211F 6E1D1B 491412 250A09 0F0404

NEW PRIMARY COLORS:

green - FOREST (293318)
293318 5F6652 959A8C C9CCC5 EAEBE8
232B14 1F2612 151A0C 0A0D06 040502

gold SUNSHINE (E0BC42)
E0BC42 E8CD72 F0DEA1 F7EED0 FCF9ED
BEA038 A88D32 705E21 382F11 161307

tan SAND (EADFCE)
EADFCE F0E7DB F5F0E7 FAF7F3 FDFCFB 
C7BEAF B0A79B 757067 3B3834 171615

lime GRASS (A7B238)
A7B238 BDC66A D4D99C E9ECCD F7F8EC
8E9730 7D862A 54591C 2A2D0E 111206

marine WATER (02A991)
02A991 42BFAD 81D5C9 C0E9E3 E6F7F5
02907B 027F6D 015549 012A24 00110F

NEW SECONDARY COLORS:

orange SUNSET (E9902C)
E9902C EFAC61 F5C896 F9E3CA FDF4EA
C67A25 AF6C21 754816 3A240B 170E04

pink BLOOM (C565A7)
C565A7 D48CBD E3B3D4 F0D8E9 FAF0F7
A7568E 944C7D 633354 31192A 140A11

tables, accordions, sidebox, backing (green)
7F8C76 9FA999 C0C6BB DFE2DD F3F4F2 => F0F1EF
6C7764 5F6959 40463B 20231E 0D0E0C

*/

body {
  font-family: "Open Sans", sans-serif;
  color: #444444;
  font-size: 1em;
  background-color: #FFFFFF;
}

a {
  color: #944C7D;
  text-decoration: underline;
}

a:hover {
  color: #C565A7;
  text-decoration: none;
}

a.anchor {
  display: block;
  position: relative;
  top: 100px;
  visibility: hidden;
}

h1, h2, h3, h4, h5, h6, .font-primary {
  font-family: "Roboto", sans-serif;
  color: #293318;
  font-weight: normal;
}

h1 a {
  color: #293318;
  text-decoration: none;
}

h2 a {
  color: #293318;
  text-decoration: none;
}

h3 a {
  color: #293318;
  text-decoration: none;
}

h4 a {
  color: #293318;
  text-decoration: none;
}

h5 a {
  color: #293318;
  text-decoration: none;
}

h6 a {
  color: #293318;
  text-decoration: none;
}

h1 {
  font-weight: 400;
  font-size: 1.4em;
  padding-bottom: 8px;
}

h2 {
  font-weight: 400;
  font-size: 1.2em;
}

h3 {
  font-size: 1.05em;
  font-weight: normal;
  text-align: left;
}

h4 {}

h5 {
  font-size: .8em;
  font-weight: normal;
  text-align: center;
}

.breadcrumbs {
  padding: 0 0;
  background-color: #DFE2DD; /*EFF2EF*/
  min-height: 27px; /* raise and lower this to see the bottom line */
}

.caption {
  font-size: .85em;
  font-style: italic;
  padding-top: 4px;
  color: #707070;
  text-align: left;
}

.caption a {
  color: #8d615f;
}

.caption-normal {
  font-size: .85em;
  padding-top: 4px;
  color: #707070;
  text-align: left;
  margin-left: 4px;
  margin-bottom: -8px;
}

.caption-credit {
  font-size: .75em;
  padding-top: 4px;
  color: #707070;
  text-align: left;
  margin-left: 4px;
  margin-bottom: -8px;
}

.caption-credit a {
  color: #8d615f;
}

.caption-movie {
  font-size: .9em;
  font-style: italic;
  padding-top: 10px;
  color: #808080;
  text-align: left;
}

.caption-movie a {
  color: #42BFAD;
}

.caption-more-italic {
  font-style: italic;
  font-size: .85em;
  padding-top: 4px;
  color: #808080;
  text-align: left;
}

.caption-more-normal {
  font-size: .75em;
  font-style: normal;
  padding-top: 4px;
  color: #808080;
  text-align: left;
}

.caption-centered {
  font-size: .8em;
  font-style: italic;
  padding-top: 4px;
  color: #808080;
  text-align: center;
}

.centered {
  position: absolute;
  padding: 4px;
  bottom: 8px;
  left: 50%;
  transform: translate(-50%, -10px);
  background-color: rgba(0, 0, 0, .5);
  border-radius: 0px;
  width: 90%;
}

.centered a {
  color: #FAF7F3;
  text-decoration: none;
}

.committees {
	display:inline;
}

.committees a {
  text-decoration: none;
  color: #444444;
}

.committees a:hover {
  text-decoration: underline;
}

.container-centered {
  position: relative;
  text-align: center;
  color: #FFFFFF;
  font-size: .9em;
}

.content-detail .more {
  display: inline;
  font-size: .83em;
}

.content-detail .more a {
  text-decoration: none;
}

.content-detail .more-italics {
  font-size: .9em;
  font-style: italic;
  padding-bottom: 12px;
  margin-top: -4px;
  text-align: right;
}

.content-detail .more-italics a {
  text-decoration: none;
}

.fancy-line {
  /* gradient shining border */
  border-style: solid;
  border-width: .5px;
  border-image: linear-gradient(to left, #EAEBE8 1%, #5F6652 50%, #EAEBE8 100%) 100% 0 100% 0/3px 0 3px 0 stretch;
  text-align: center;  
}

:focus {
  outline: 0;
}

.gly-rotate-180 {
  display: inline-block;
  transform: rotate(180deg);
  /*filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.5);*/
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.more {
  display: inline;
  font-size: .83em;
}

.more a {
  text-decoration: none;
}

.more-italics {
  font-size: .9em;
  font-style: italic;
  padding-bottom: 12px;
  margin-top: -4px;
  text-align: right;
}

.more-italics a {
  text-decoration: none;
}

.notes {
  font-size: .9em;
  font-style: normal;
}

.notes-italic {
  font-size: .9em;
  font-style: italic;
}

.references {
  margin-bottom: 10px;
}

.selected {
  cursor:pointer;
}

.point {
  cursor:pointer;
}

.simple-detail .more {
  display: inline;
  font-size: .83em;
}

.simple-detail .more a {
  text-decoration: none;
}

.simple-detail .more-italics {
  font-size: .9em;
  font-style: italic;
  padding-bottom: 12px;
  margin-top: -4px;
  text-align: right;
}

.simple-detail .more-italics a {
  text-decoration: none;
}

.social-links a {
  font-size: 18px;
  display: inline-block;
  background-color: #C9CCC5;
  color: #000;
  line-height: 1px;
  padding: 4px 0px;
  margin-right: 4px;
  border-radius: 20%;
  text-align: center;
  width: 28px;
  height: 28px;
  transition: 0.3s;
}

.social-links a:hover {
  background-color: #959A8C;
  color: #000000;
  text-decoration: none;
}

.subText {
  font-size: .9em;
  margin-top: -2px;
  margin-bottom: 10px;
}

.subtext-h1 {
  font-size: .9em;
  margin-top: -12px;
  padding-bottom: 12px;
}

.subtext-h2 {
  font-size: .85em;
  margin-top: -6px;
  padding-bottom: 10px;
}

.subtext-h2-ul {
  font-size: .85em;
  margin-top: -6px;
  padding-bottom: 0px;
}

.subtext-h3 {
  font-size: .85em;
  margin-top: -4px;
  padding-bottom: 10px;
}

.subtext-h4 {
  font-size: .8em;
  margin-top: -4px;
  padding-bottom: 10px;
}

.tip {
  cursor: pointer;
  border-bottom: 1px dotted #000000;
  text-decoration: none;
  color: #444444;
}

.unlist {
  margin-bottom: 8px;
}

.visually-hidden { 
  position: absolute !important;
  height: 1px; 
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap; /* added line */
}

/* ------------------------------------------ MAIN CAROUSEL ------------------------------------------ */

.middle-centered {
  background-color: rgba(0, 0, 0, .3);
  padding: 8px;
}

.middle-centered .caption-title-lg {
  color: #FAF7F3;
}

@media (min-width: 0px) {
  .middle-centered .caption-title-lg  {
    font-size: 1.4em;
  }
}

@media (min-width: 992px) {
  .middle-centered .caption-title-lg  {
    font-size: 1.5em;
  }
}

@media (min-width: 1200px) {
  .middle-centered .caption-title-lg  {
    font-size: 1.6em;
  }
}

@media (min-width: 1800px) {
  .middle-centered .caption-title-lg  {
    font-size: 1.7em;
  }
}

.middle-centered .caption-subtitle-lg {}

@media (min-width: 0px) {
  .middle-centered .caption-subtitle-lg  {
    font-size: 1em;
  }
}

@media (min-width: 992px) {
  .middle-centered .caption-subtitle-lg  {
    font-size: 1.1em;
  }
}

@media (min-width: 1200px) {
  .middle-centered .caption-subtitle-lg  {
    font-size: 1.2em;
  }
}

@media (min-width: 1800px) {
  .middle-centered .caption-subtitle-lg  {
    font-size: 1.3em;
  }
}

.middle-centered .caption-title-sm {}

@media (min-width: 320px) {
  .middle-centered .caption-title-sm  {
    font-size: .8em;
  }
}

@media (min-width: 320px) {
  .middle-centered .caption-title-sm  {
    font-size: .9em;
  }
}

@media (min-width: 576px) {
  .middle-centered .caption-title-sm  {
    font-size: 1.1em;
  }
}

.random-blurb {
  font-size: 1em;
  color: #FAF7F3;
}

@media (min-width: 0px) {
  .random-blurb {
    font-size: 1.4em;
  }
}

@media (min-width: 1024px) {
  .random-blurb {
    font-size: 1.4em;
  }
}

.random-sm-title {
  font-weight: bold;
  color: #FAF7F3;
}

@media (min-width: 0px) {
  .random-sm-title {
    font-size: .7em;
  }
}

@media (min-width: 321px) {
  .random-sm-title {
    font-size: 1.4em;
  }
}

@media (min-width: 600px) {
  .random-sm-title {
    font-size: 1.8em;
  }
}

/* ------------------------------------------ MY CAROUSEL ------------------------------------------ */

#myCarousel .carousel-control-prev {}
@media (min-width: 0px) {
  #myCarousel .carousel-control-prev {
    margin-left: 10px;
    top: 50%;
    bottom: 50%;
  }
}

@media (min-width: 768px) {
  #myCarousel .carousel-control-prev {
    margin-left: -4px;
    top: 50%;
    bottom: 50%;
  }
}

#myCarousel .carousel-control-next {}
@media (min-width: 0px) {
  #myCarousel .carousel-control-next {
    margin-right: 10px;
    top: 50%;
    bottom: 50%;
  }
}

@media (min-width: 768px) {
  #myCarousel .carousel-control-next {
    margin-right: -4px;
    top: 50%;
    bottom: 50%;
  }
}

#myCarousel .carousel-control-prev-icon,
#myCarousel .carousel-control-next-icon {
  background-size: 60%, 60%;
  background-color: #000000;
  border: 1px solid #000000;
  border-radius: 50%;
}

@media (min-width: 0px) {
  #myCarousel .carousel-control-prev-icon,
  #myCarousel .carousel-control-next-icon {
    height: 50px;
    width: 50px;
  }
}

@media (min-width: 768px) {
  #myCarousel .carousel-control-prev-icon,
  #myCarousel .carousel-control-next-icon {
    height: 30px;
    width: 30px;
  }
}

.carousel .carousel-item {
	text-align: center;
	overflow: hidden;
	/*height: 180px;*/
}

.carousel .carousel-item .img-box {
	background-color: #EAEBE8;
	padding: 6px 6px 5px 6px;
	/*box-shadow: 0 6px 20px -6px rgba(0,0,0,0.4);*/
}

.carousel .carousel-item img {
	margin: 0 auto;
}

.carousel .carousel-control-next {
  top: 45%;
  bottom: 55%;
}

.overlay-white {
  color: #FAF7F3;
  text-align: center;
}

@media (min-width: 0px) {
  .overlay-white {
    font-size: .6em;
  }
}

@media (min-width: 321px) {
  .overlay-white {
    font-size: 1em;
  }
}

@media (min-width: 1024px) {
  .overlay-white {
  font-size: 1.1em;
  }
}

/* ------------------------------------------ CONTAINERS ------------------------------------------ */

#main {
  margin-top: 80px;
}

#wrapper {
  margin-top: 40px;
  margin-bottom: 40px;
}

.backing-about {
  /* background-color: #FDFCFB; tan */
  background-color: #EFF2EF; /* green */
  border: 1px solid #D5DED5;
  /*padding: 6px 4px 4px 4px;*/
  padding-top: 32px;
  padding-bottom: 32px;
}

.backing-activity {
  background-color: #EAEBE8; /* grey */
  padding: 8px 8px 8px 8px;
  color: #444444;
  margin-bottom: 12px;
}

.backing-exchange {
  background-color: #EFF2EF; /* green */
  border: 1px solid #D5DED5;
  border-radius: 2px;
  padding: 10px 10px 0px 10px;
  color: #444444;
}

.backing-adventures {
  background-color: #EFF2EF; /* green */
  border: 1px solid #D5DED5;
  padding: 12px 18px 18px 12px;
}

.backing-adventures-list {
  background-color: #EFF2EF; /* green */
  border: 1px solid #D5DED5;
  padding: 6px 10px 10px 10px;
  margin-top: 10px;
}

.backing-volunteering {
  background-color: #EFF2EF; /* green */
  border: 1px solid #D5DED5;
  padding: 12px 18px 4px 12px;
}

.backing-volunteering-more {
  background-color: #EFF2EF; /* green */
  border: 1px solid #D5DED5;
  padding: 12px 18px 4px 12px;
}

.backing-events {
  background-color: #EFF2EF; /* green */
  border: 1px solid #D5DED5;
  padding: 12px 18px 0px 12px;
}

.backing-protection {
  background-color: #EFF2EF; /* green */
  border: 1px solid #D5DED5;
  padding: 12px 18px 0px 12px;
}

.lined-paper {
  background-color: #D5DED5; /* green */
  background-image:
  linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px), linear-gradient(90deg, rgba(252,251,250,.3) 1px, transparent 1px);
  linear-gradient(rgba(252,251,250,.3) 1px, transparent 1px), linear-gradient(90deg, rgba(252,251,250,.3) 1px, transparent 1px);
  background-size: 10px 10px, 10px 10px, 10px 10px, 10px 10px;
  background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px;
}

/* ------------------------------------------ CONTENT-SIMPLE ------------------------------------------ */

.content-simple ul {
  list-style: none;
  padding: 0;
}

.content-simple ul li {
  padding-bottom: 10px;
}

.content-simple ul i {
  font-size: 20px;
  padding-right: 4px;
  color: #959A8C;
}

.content-simple p:last-child {
  margin-bottom: 0;
}

.content-simple .tags {
  margin-bottom: -10px;
}

.content-simple .tags ul {
  list-style: none;
  padding: 0px;
}

.content-simple .tags ul li {
  display: inline-block;
  font-size: 11px;
  padding: 2px 8px 2px 8px;
  border: 1px solid #959A8C;
  border-radius: 2px;
  background-color: #EAEBE8;
  color: #293318;
}

.content-simple .tags ul a {
  color: #293318;
  transition: 0.3s;
}

.content-simple .tags ul a:hover {
  color: #0A0D06;
  /*border: 1px solid #959A8C;*/
  /*background-color: #959A8C;*/
}

.content-simple .searchBoxSmall {
  text-align: left;
  margin-top: 8px;
  margin-bottom: -12px;
}

.content-simple .searchBoxLarge {
  text-align: right;
}

/* ------------------------------------------ CONTENT-DETAIL ------------------------------------------ */

.content-detail {
  padding: 40px 0px 20px 0px;
}

.content-detail .sidebar {
  padding: 30px;
  margin: 0px 0px 0px 00px;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
}

.content-detail .sidebar .sidebar-title {
  font-size: 20px;
  font-weight: 700;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 15px 0px;
  color: #293318;
  position: relative;
}

.content-detail .sidebar .sidebar-item {
  margin-bottom: 30px;
}

.content-detail .sidebar .search-form form {
  background-color: #FDFCFB;
  border: 1px solid #FAF7F3;
  padding: 3px 10px;
  position: relative;
}

.content-detail .sidebar .search-form form input[type=text] {
  border: 0;
  padding: 4px;
  /*border-radius: 4px;*/
  width: calc(100% - 40px);
}

.content-detail .sidebar .search-form form button {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  border: 0;
  background: none;
  font-size: 1em;
  padding: 0px 15px;
  margin: -1px;
  background: #829D82;
  color: #FAF7F3;
  transition: 0.3s;
  border-radius: 0px 4px 4px 0px;
  line-height: 0px;
}

.content-detail .sidebar .search-form form button i {
  line-height: 0px;
}

.content-detail .sidebar .search-form form button:hover {
  background: #D5DED5;
}

.content-detail .sidebar .categories ul {
  list-style: none;
  padding: 0px;
}

.content-detail .sidebar .categories ul li + li {
  padding-top: 10px;
}

.content-detail .sidebar .categories ul a {
  color: #293318;
  transition: 0.3s;
}

.content-detail .sidebar .categories ul a:hover {
  color: #959A8C;
}

.content-detail .sidebar .categories ul a span {
  padding-left: 5px;
  color: #aaaaaa;
  font-size: 14px;
}

.content-detail .sidebar .recent-posts .post-item + .post-item {
  margin-top: 15px;
}

.content-detail .sidebar .recent-posts img {
  width: 80px;
  float: left;
}

.content-detail .sidebar .recent-posts h4 {
  font-size: 15px;
  margin-left: 95px;
  font-weight: bold;
  margin-bottom: 2px;
}

.content-detail .sidebar .recent-posts h4 a {
  color: #293318;
  transition: 0.3s;
}

.content-detail .sidebar .recent-posts h4 a:hover {
  color: #959A8C;
}

.content-detail .sidebar .recent-posts time {
  display: block;
  margin-left: 95px;
  /*font-style: italic;*/
  font-size: 14px;
  color: #aaaaaa;
}

.content-detail .sidebar .recent-posts .read-more {
  -moz-text-align-last: right;
  text-align-last: right;
}

.content-detail .sidebar .recent-posts .read-more a {
  display: inline-block;
  background-color: #959A8C;
  color: #FAF7F3;
  padding: 6px 20px;
  transition: 0.3s;
  font-size: 14px;
}

.content-detail .sidebar .recent-posts .read-more a:hover {
  background-color: #7aafcb;
}

.content-detail .sidebar .tags {
  margin-bottom: -10px;
}

.content-detail .sidebar .tags ul {
  list-style: none;
  padding: 0px;
}

.content-detail .sidebar .tags ul li {
  display: inline-block;
  font-size: 11px;
  padding: 2px 8px 2px 8px;
  border: 1px solid #959A8C;
  border-radius: 2px;
  background-color: #EAEBE8;
  color: #293318;
  /*margin: 0px 0px 0px 0px;*/
}

.content-detail .sidebar .tags ul a {
  color: #293318;
  transition: 0.3s;
}

.content-detail .sidebar .tags ul a:hover {
  color: #0A0D06;
  /*border: 1px solid #959A8C;*/
  /*background-color: #959A8C;*/
}

.content-detail .sidebar .resources-blurb {
  font-size: .94em;
}

/* ------------------------------------------ HEADER ------------------------------------------ */

#header {
  height: 76px;
  transition: all 0.5s;
  z-index: 997;
  transition: all 0.5s;
  background-color: #293318;
  margin-top: 26px; /*20 with AMC button */
}

#header.header-transparent {
  background: none;
}

#header.header-scrolled {
  /* background-color: rgba(95, 102, 82, 0.8); 5F6652 */
  background-color: rgba(41, 51, 24, 0.8);
  height: 66px;
}

#header .logo h1 {
  font-size: 22px;
  margin: 0px;
  padding: 0px 0px;
  line-height: 1px;
  font-weight: 400;
  letter-spacing: 3px;
  text-transform: uppercase;
}

#header .logo h1 a, #header .logo h1 a:hover {
  color: #FAF7F3;
  text-decoration: none;
}

#header .logo h1 a, #header .logo h1 a:hover {
  color: #FAF7F3;
  text-decoration: none;
}

#header .logo img {
  padding: 0px;
  max-height: 80px;
  margin-left: -4px;
  margin-top: -4px;
  margin-bottom: 0px;
}

/* ------------------------------------------ NAVIGATION ------------------------------------------ */

.fixed-top {}

.fixed-top a {
  text-decoration: none;
}

.top-bar {
  background-color: #C9CCC5;
  font-size: .7em;
  padding: 5px 24px 4px 0px;
  border-bottom: 1px solid #5F6652;
  color: #444444;
}

.top-bar a {
  color: #444444;
}

.top-bar a:hover {
  transition: .5s;
  color: #444444;
}
  
/* desktop navigation */

.navbar {
  padding: 0px;
}

.navbar ul {
  margin: 0px;
  padding: 0px;
  display: flex;
  list-style: none;
  align-items: center;
  outline: none;
}

.navbar li {
  position: relative;
}

.navbar a, .navbar a:focus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0px 10px 20px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #FAF7F3;
  white-space: nowrap;
  transition: 0.3s;
  text-decoration: none;
}

.navbar a i, .navbar a:focus i {
  font-size: 12px;
  line-height: 0px;
  margin-left: 5px;
}

.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
  transition: 1s;
  color: #BDC66A;
}

.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  margin: 0px;
  padding: 10px 0px;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background-color: #F0F1EF;
  /*background-color: #EAEBE8;*/
  box-shadow: 0px 0px 30px rgba(149, 154, 140, 0.25);
  transition: 0.3s;
}

.navbar .dropdown ul li {
  min-width: 200px;
}

.navbar .dropdown ul a {
  padding: 5px 20px;
  font-size: 14px;
  text-transform: none;
  color: #293318; 
}

.navbar .dropdown ul a i {
  font-size: 12px;
}

.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
  color: #293318; /*8e9ca3*/
  background-color: #DFE2DD;
}

.navbar .dropdown:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.navbar .dropdown .dropdown ul {
  top: 0px;
  left: calc(100% - 30px);
  visibility: hidden;
}

.navbar .dropdown .dropdown:hover > ul {
  opacity: 1;
  top: 0px;
  left: 100%;
  visibility: visible;
}

@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }
  .navbar .dropdown .dropdown:hover > ul {
    left: -100%;
  }
}

/* mobile navigation */

.mobile-nav-toggle {
  color: #FAF7F3;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}

@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block;
  }
  .navbar ul {
    display: none;
  }
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  background-color: rgba(31, 38, 18, 0.9);
  transition: 0.3s;
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0px;
  background-color: #F0F1EF;
  overflow-y: auto;
  transition: 0.3s;
}

.navbar-mobile a, .navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color: #293318;
}

.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
  color: #293318;
}

.navbar-mobile .getstarted, .navbar-mobile .getstarted:focus {
  margin: 15px;
}

.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0px;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background-color: #FDFCFB;
  box-shadow: 0px 0px 30px rgba(149, 154, 140, 0.25);
}

.navbar-mobile .dropdown ul li {
  min-width: 200px;
}

.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {
  color: #293318;
}

.navbar-mobile .dropdown > .dropdown-active {
  display: block;
}

/* ------------------------------------------ MINI SEARCH ------------------------------------------ */

.mini-search-box input {
  border-color: #959A8C;        
  margin-top: -20px;
  box-shadow: none;
}

.mini-search-box, .mini-search-box .btn {
  min-height: 38px;
  border-radius: 2px;
}

/* ------------------------------------------ MAIN SEARCH ------------------------------------------ */

.search-box {
  width: 100%;
  position: relative;
}	

.search-box input {		
  border-color: #FAF7F3;    
  box-shadow: none
}

.search-box input, .search-box .btn {
  min-height: 38px;
  border-radius: 2px;
}

.input-group-append .btn, .input-group-append .btn:active {
  border-color: #02A991;
  background-color: #02A991 !important;
}

.navbar .nav-item i {
  font-size: 18px;
  line-height: 16px;
}

.navbar .search-dropdown .dropdown-toggle::after {
  display: none;
}

.navbar .dropdown-menu {
  border-radius: 1px;
  border-color: #e5e5e5;
  box-shadow: 0 2px 8px rgba(0,0,0,.05);
}

.navbar .dropdown-menu a {
  padding: 6px 20px;
}

.navbar .search-dropdown .dropdown-menu {
  width: 400px;
  padding: 20px;
  left: auto;
  right: 0px;
  font-size: 14px;
}

@media (max-width: 768px){
  .navbar .navbar-right .dropdown-menu {
	width: 100%;
	background: transparent;
	padding: 10px 20px;
  }
  .navbar .input-group {
	width: 100%;
  }
}

.basic-addon2 {
  background-color: #02A991;
  color: #FAF7F3;
}

.search {
  font-size: 1.05em;
  padding-top: 8px;
  padding-bottom: 0px;
}

.search-small01 {
  font-size: .8em;
  margin-top: 0px;
  margin-bottom: 8px;
  color: #707070;
}

.search-small02 {
  font-size: .8em;
  margin-top: -2px;
  margin-bottom: 0px;
  color: #707070;
}

.search-short {
  font-size: .95em;
  margin-top: 0px;
  padding-bottom: 4px;
}

/* ------------------------------------------ MARGINS ------------------------------------------ */

.ml-3,.mx-3 {
  margin-left: 1rem!important;
}

.float-none {
  float: none!important;
}

.float-left {
  float: left!important;
}

.float-right {
  float: right!important;
}

@media (min-width:576px) {
  .float-sm-left {
    float: left!important;
  }
  .float-sm-right {
    float: right!important;
  }
  .float-sm-none {
    float: none!important;
  }
}

@media (min-width:768px) {
  .float-md-left {
    float: left!important;
  }
  .float-md-right {
    float: right!important;
  }
  .float-md-none {
    float: none!important;
  }
}

@media (min-width:992px) {
  .float-lg-left {
    float: left!important;
  }
  .float-lg-right {
    float: right!important;
  }
  .float-lg-none {
    float: none!important;
  }
}

@media (min-width:1200px) {
  .float-xl-left {
    float: left!important;
  }
  .float-xl-right {
    float: right!important;
  }
  .float-xl-none {
    float: none!important;
  }
}

/* ------------------------------------------ SIDEBAR ------------------------------------------ */

.sideBox-header {
  text-align: center;
  font-size: 1.15em;
  line-height: 1.35em;
  color: #FFFFFF;
  background-color: #5F6959;
  padding: 8px;
}

.sideBox-content {
  background-color: #F0F1EF;
  border: 1px solid #DFE2DD;
  padding: 12px 18px 12px 18px;;
  color: #444444;
  font-size: .9em;
}

/*.sideBox-content a {
  font-weight: bold;
}

.sideBox-content a:hover {
  font-weight: bold;
}*/

ul.bullets-sidebar {
  list-style-type: square;
  padding-top: 0px;
}

ul.bullets-sidebar li {
  line-height: 16px;
  margin-left: -10px;
  padding-bottom: 8px;
  font-size: .9em;
}

/* ------------------------------------------ READ MORE ------------------------------------------ */

.nav-toggle {
	display: inline;
	cursor: pointer;
	font-family: Helvetica;
    font-size: .7em;
	text-align: center;
	color: #000000;
	background-color: #293318;
	background: -webkit-gradient(linear, left top, left bottom, from(#C9CCC5), to(#EAEBE8));
	background: -moz-linear-gradient(top, #C9CCC5, #EAEBE8);
	border: 1px solid #959A8C;
	padding: 4px 4px 4px 4px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.nav-toggle-t {
	display: inline;
	font-family: Helvetica;
    font-size: .7em;
	text-align: center;
	color: #000000;
	background-color: #293318;
	cursor: pointer;
	padding: 4px 4px 4px 4px;
	border: 1px solid #0060ac;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: -webkit-gradient(linear, left top, left bottom, from(#959A8C), to(#EAEBE8));
	background: -moz-linear-gradient(top, #959A8C, #EAEBE8);
}

.readMore {
   border: none;
   font-size: .9em;
   padding-top: 4px;
   font-style: normal;
}

.readMore-button {
  margin-bottom: -8px;
  margin-top: 12px;
  border-radius: 4px;
}

/* ------------------------------------------ ACCORDION ------------------------------------------ */

.accord {
   border: 1px solid #c8d7dd;
   font-size: .9em;
   font-style: italic;
}

.sideBox-accordion {
  background-color: #F0F1EF;
  border: 1px solid #DFE2DD;
  padding: 10px;
}

.accordion-green {
  background-color: #F0F1EF;
  padding: 10px;
}

.card-style {
  font-size: .95em;
  padding: 12px;
}

.card-green {
  margin-bottom: 8px;
  border-top: 1px solid #DFE2DD;
  border-radius: 0;
}

.card-header-green {
  border: none;
}

/* horizontal line */

.collapsible-link::before {
  display: block;
  content: '';
  position: absolute;
  top: calc(50% - 1px);
  right: 1rem;
  width: 14px;
  height: 2px;
  background-color: #333333;
  transition: height 0.6s;
}

@media (prefers-reduced-motion) {
  .collapsible-link::before {
    /*transition: dissolve;*/
  }
}

/* vertical line */

.collapsible-link::after {
  display: block;
  content: '';
  position: absolute;
  top: calc(50% - 7px);
  right: calc(1rem + 6px);
  width: 2px;
  height: 14px;
  background-color: #333333;
  transition: all 0.3s;
  transition: height 0.6s;
}

@media (prefers-reduced-motion) {
  .collapsible-link::after {
    /*transition: dissolve;*/
  }
}

.collapsible-link[aria-expanded='true']::after {
	transform: rotate(90deg) translateX(-1px);
}

.collapsible-link[aria-expanded='true']::before {
	transform: rotate(180deg);
}

/* ------------------------------------------ FLIP CARDS ------------------------------------------ */

.image-flip:hover .backside, .image-flip.hover .backside {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

.image-flip:hover .frontside, .image-flip.hover .frontside {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.image-flip {
  margin-bottom: 200px;
  width: 240px;
  height: 260px;
}

.mainflip {
  -webkit-transition: 1s;
  -webkit-transform-style: preserve-3d;
  -ms-transition: 1s;
  -moz-transition: 1s;
  -moz-transform: perspective(1000px);
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transition: 1s;
  transform-style: preserve-3d;
  position: relative;
}

.frontside, .backside {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 1s;
  -webkit-transform-style: preserve-3d;
  -moz-transition: 1s;
  -moz-transform-style: preserve-3d;
  -o-transition: 1s;
  -o-transform-style: preserve-3d;
  -ms-transition: 1s;
  -ms-transform-style: preserve-3d;
  transition: 1s;
  transform-style: preserve-3d;
  position: absolute;
  top: 0;
  left: 0;
}

.frontside {
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  z-index: 2;
}

.backside {
  background-color: #FDFCFB;
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  border-right: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}

.card, .card-img-top {
  border-radius: 0;
}

.card-body {
  margin-bottom: -10px;
  /*background-color: #FAF7F3;*/
  border-top: 1px solid #F5F0E7;
}

.card-header {
  border-top: 1px solid #F5F0E7;
  border-bottom: 1px solid #F5F0E7;
}

.card-footer {
  font-size: .85em;
  border-top: 1px solid #F5F0E7;
  border-bottom: 1px solid #F5F0E7;
}

.card-title-front {
  font-size: 1em;
  margin-top: -8px;
  margin-left: -8px;
  font-weight: 600;
}

.card-title-back {
  font-size: 1em;
  margin-top: -12px;
  margin-left: -8px;
  margin-bottom: -10px;
  text-align: left;
  margin-top: -15px;
  color: #293318;
  font-weight: 600;
}

.card-text-front {
  font-size: .8em;
  margin-top: 2px;
  line-height: 1.4em;
  margin-left: -8px;
  color: #293318;
}

.card-visit-front {
  font-size: .8em;
  margin-top: 8px;
  margin-left: -8px;
  color: #293318;
}

.card-visit-back {
  font-size: .8em;
  margin-top: 8px;
  margin-left: -8px;
  color: #293318;
}

.card-link-back {
  font-size: .8em;
  margin-top: 14px;
  margin-left: -8px;
  color: #293318;
}
    
/* ------------------------------------------ TABLES ------------------------------------------ */

/* green */

.contentTable table {
  width: 100%;
}

.contentTable th {
  text-align: center;
  vertical-align: top;
  font-size: 1em;
  line-height: 1.2;
  background-color: #5F6959;
  border-top: 1px solid #40463B;
  border-bottom: 1px solid #40463B;
  color: #FFFFFF;
  padding: 6px 6px;
  font-weight: normal;
}

.contentTable td {
  text-align: left;
  vertical-align: top;
  font-size: .9em;
  line-height: 1.2;
  background-color: #EFF1EE; /* light */
  border: 1px solid #DFE2DD;
  padding: 6px 6px;
  color: #000000;
}

.contentTable tr.odd td {
  background-color: #DFE2DD; /* dark */
}

.contentTable tr.disabled td {
  color: #FAF7F3;
  background-color: #5F6959; /* table row spacer */
}

.contentTable tr.rowspacer td {
  color: #FAF7F3;
  background-color: #5F6959; /* table row spacer */
}

.contentTable tr.end td {
  color: #FAF7F3;
  background-color: #C0C6BB; /* dark */
}

.contentTable tr.end td a {
  color: #FAF7F3;
  background-color: #C0C6BB; /* dark */
}

.contentTable td a:link, #content .contentTableGreenSmall td a:visited {}

.contentTable td a:hover {}

/* ------------------------------------------ GALLERY ------------------------------------------ */

.gallery-box {
  height: 100%;
  background-color: #FAF7F3;
  border: 1px solid #D8DADE;
  padding-bottom: 12px;
}
.gallery-title {
  text-align: center;
  font-size: .85em;
  line-height: 1.3;
  padding-bottom: 0px;
  margin-top: 4px;
  margin-left: 18px;
  margin-right: 18px;
}

.gallery-details {
  text-align: center;
  font-size: .7em;
  color: #606060;
  margin-left: 18px;
  margin-right: 18px;
}

.gallery-box-image {
  padding: 8px;
}

.gallery-box:hover {
  background-color: #EAEBE8!important;
}

/* ------------------------------------------ LIGHTBOX ------------------------------------------ */

.lb-dataContainer {
  margin-top:8px;
}

.lb-number {
  margin-top:4px;
}

/* ------------------------------------------ IMAGES ------------------------------------------ */

blockquote {
  font-size: 1.1em;
  padding: 8px 12px;
  margin-bottom: 10px;
  /*font-style: italic;*/
}

blockquote p {
  margin: 0px;
  line-height: 1.4em;
  color: #343434;
  font-size: .9em;
}

blockquote.bg-green {
  font-size: 1.2em;
  border-top: none;
  border-bottom: none;
  border-right: none;
  border-left: 5px solid #293318;
  margin-left: 12px;
  margin-right: 12px;
  margin-bottom: 2px;
  margin-top: 8px;
}

blockquote.bg-yellow {
  font-size: 1.2em;
  border-top: none;
  border-bottom: none;
  border-right: none;
  border-left: 5px solid #E0BC42;
  margin-left: 12px;
  margin-right: 12px;
  margin-bottom: 2px;
  margin-top: 8px;
}

blockquote.bg-pink {
  font-size: 1.2em;
  border-top: none;
  border-bottom: none;
  border-right: none;
  border-left: 5px solid #C565A7;
  margin-left: 12px;
  margin-right: 12px;
  margin-bottom: 2px;
  margin-top: 8px;
}

blockquote.bg-grey { /* changed to green */
  font-size: 1.2em;
  border-top: none;
  border-bottom: none;
  border-right: none;
  border-left: 5px solid #293318;
  margin-left: 12px;
  margin-right: 12px;
  margin-bottom: 2px;
  margin-top: 8px;
}

/* small screen blockquotes */

blockquote.bg-green-sm {
  font-size: 1.2em;
  border-top: none;
  border-bottom: none;
  border-right: none;
  border-left: 5px solid #293318;
  margin-left: 12px;
  margin-right: 12px;
  margin-bottom: 2px;
}

blockquote.bg-yellow-sm {
  font-size: 1.2em;
  border-top: none;
  border-bottom: none;
  border-right: none;
  border-left: 5px solid #E0BC42;
  margin-left: 12px;
  margin-right: 12px;
  margin-bottom: 2px;
}

blockquote.bg-pink-sm {
  font-size: 1.2em;
  border-top: none;
  border-bottom: none;
  border-right: none;
  border-left: 5px solid #C565A7;
  margin-left: 12px;
  margin-right: 12px;
  margin-bottom: 2px;
}

blockquote.bg-grey-sm { /* changed to green */
  font-size: 1.2em;
  border-top: none;
  border-bottom: none;
  border-right: none;
  border-left: 5px solid #293318;
  margin-left: 12px;
  margin-right: 12px;
  margin-bottom: 2px;
}

.img-thumbnail {
  border-radius: 0px!important;
}

/* corner banner */
.ribbon {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px; 
  text-align: right;
}

.ribbon span {
  font-size: 10px;
  color: #FAF7F3; 
  text-transform: uppercase; 
  text-align: center;
  font-weight: bold; line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg); /* Needed for Safari */
  width: 100px; display: block;
  background: #000000;
  background: linear-gradient(#000 0%, #404040 100%); /* light to dark */
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}

.ribbon span::before {
  content: '';
  position: absolute; 
  left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #79A70A;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}

.ribbon span::after {
  content: '';
  position: absolute; 
  right: 0%; top: 100%;
  z-index: -1;
  border-right: 3px solid #79A70A;
  border-left: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}

/* ------------------------------------------ VIDEOS ------------------------------------------ */

.video-overlay {
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin-bottom: -7px;
  width: 100%;
}

.video-overlay::before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '\f04b';
  z-index: 5;
  transform: translate( -50%, -50% );
  padding: 4px 10px 2px 12px;
  color: #dddddd;
  font-family: 'FontAwesome';
  font-size: 18px !important;
  background-color: rgba(23, 35, 34, 0.4);
  border-radius: 5px 5px 5px 5px;
}

.video-overlay:hover:before {
  color: #FAF7F3;
  opacity: 1;
}

/* ------------------------------------------ FORMS ------------------------------------------ */

input[type='radio'] {
  -webkit-appearance:none;
  width: 17px;
  height: 17px;
  border: 1px solid darkgray;
  border-radius: 50%;
  outline: none;
  box-shadow: 0px 0px 5px 0px #cccccc inset;
  margin-bottom: -4px;
}

input[type='radio']:hover {
  box-shadow:0px 0px 5px 0px #d0e7d4 inset;
}

input[type='radio']:before {
  content:'';
  display: block;
  width: 60%;
  height: 60%;
  margin: 20% auto;    
  border-radius: 50%;    
}

input[type='radio']:checked:before {
  background-color: #577281;
}

input[type='radio']:checked:before {
  background-color: #577281;
}

.form-control {
  background-color: #EAEBE8;
  border: 1px solid #959A8C;
}

.form-control:focus {
  background-color: #EAEBE8;
  border: 1px solid #959A8C;
}

textarea:active, 
input:active, 
textarea:focus, 
input:focus,
button:focus,
button:active,
label:focus,
.btn:active,
.btn.active {
  outline: 0px !important;
  -webkit-appearance: none;
  box-shadow: none !important;
}

textarea:hover, 
input:hover, 
button:hover {
  outline: 0px !important;
  -webkit-appearance:none;
  box-shadow: none !important;
}

/* ------------------------------------------ BUTTONS ------------------------------------------ */

.button {
  display: inline;
  background: #293318;
  background: -webkit-gradient(linear, left top, left bottom, from(#D5DED5), to(#EFF2EF));
  background: -moz-linear-gradient(top, #D5DED5, #EFF2EF);
  color: #444444;
  font-family: Helvetica;
  font-size: .75em;
  text-align: center;
  cursor: pointer;
  border: 1px solid #C9CCC5;
  padding: 5px 6px 4px 6px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.button:hover {
  background: #D5DED5;
  color: #444444;
}

.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
  background-color: #5F6652;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: 24px;
  color: #FAF7F3;
  line-height: 0;
}

.back-to-top:hover {
  background-color: #5F6652;
  color: #FAF7F3;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/* ------------------------------------------ SPACERS ------------------------------------------ */

.spacer01 { /* ex lg */
  padding-top: 24px;
}

.spacer02 { /* md */
  padding-top: 12px;
}

.spacer03 { /* sm */
  padding-top: 8px;
}

.spacer04 { /* lg */
  padding-top: 18px;
}

.spacer05 { /* ex sm */
  padding-top: 4px;
}

/* ------------------------------------------ BULLETS ------------------------------------------ */

ol.bullets01 {
  padding-bottom: 12px;
}

ol.bullets01 li {
  padding-top: 4px;
}

ul.bullets-none {
  list-style-type: none;
  padding-top: 0px;
  margin-bottom: -2px;
}

ul.bullets-none li {
  margin-left: -30px;
  padding-bottom: 8px;
  font-size: .95em;
  line-height: 18px;
}

ul.bullets-none-simple {
  list-style-type: none;
  padding-top: 0px;
  margin-bottom: 12px;
}

ul.bullets-none-simple li {
  margin-left: 0px;
  padding-bottom: 8px;
  font-size: .95em;
  line-height: 18px;
}

ul.bullets01 {
  list-style-type: square;
  padding-top: 16px;
  padding-bottom: 4px;
  padding-left: 30px;
  font-size: 1em;
}

ul.bullets01 li {
  padding-bottom: 4px;
}

ul.bullets02 {
  list-style-type: square;
  padding-top: 8px;
  padding-left: 30px;
  margin-bottom: 4px;
  font-size: 1em;
}

ul.bullets02 li {
  padding-bottom: 4px;
}

ul.bullets_h3 {
  list-style-type: square;
  padding-bottom: 4px;
  padding-left: 30px;
  padding-top: 4px;
}

ul.bullets_h3 li {
  padding-bottom: 4px;
}

ul.arrows {}

ul.arrows li {
  list-style-type: none;
  position: relative;
  margin-left: -30px;
  font-size: .9em
}
ul.arrows li:before {
  content: '➢ ';
  font-size: 17px;
  color: #be9532;
}

/* ------------------------------------------ FOOTER ------------------------------------------ */

#footer {
  background-color: #293318;
  padding: 0 0 30px 0;
  color: #FAF7F3;
  font-size: 14px;
}

#footer .footer-nav a:hover {
  transition: 1s;
  color: #BDC66A;
}

#footer .footer-top {
  background-color: #293318;
  border-top: 1px solid #232B14;
  border-bottom: 1px solid #232B14;
  padding: 20px 0px 20px 0px;
}

#footer .footer-top a {
  color: #FAF7F3;
  text-decoration: none;
}

#footer .footer-top a:hover {
  transition: 1s;
  color: #BDC66A;
}

#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background-color: #1F2612;
  color: #FAF7F3;
  line-height: 1px;
  padding: 8px 0px;
  margin-right: 4px;
  margin-top: 20px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
  background-color: #577281;
  color: #FAF7F3;
  text-decoration: none;
}

#footer .footer-top .footer-contact {}

#footer .footer-top .footer-contact p {
  line-height: 20px;
}

#footer .copyright {
  text-align: left;
  padding-top: 0px;
  margin-top: -10px;
}

#footer .credits {
  margin-top: 4px;
  margin-bottom: -14px;
  text-align: left;
  font-size: 12px;
  color: #FAF7F3;
}

#footer .credits a {
  color: #FAF7F3;
}

#footer .menu-footer {
  font-size:.85em;
}