body {
    font-family: Lato, Arial, sans-serif;
    background-color: #f9f5ee;
    margin: 0;
    padding: 0;
}
section {
    padding: 50px 20px;
    text-align: left;
    position: relative;
}
/* OMIT changing background color per SECTION
section:nth-child(odd) {background-color: #f2e9db;}
*/
/* 3 shades for light natural bg color: f9f5ee, f2e9db, ebdec6 */
/* light brown gray for "body" text: ede7de, e5dccd, dcd0bc - based on f6f3ee */

/* This is where the CSS is for the background image that gets placed ABOVE the previous DIV in a relatively responsive manner. */
section#mailchimp-section > div.uk-container::before {
  background: url(/images/daoyin-practicing-figure-1.png) no-repeat center; /* ACTUAL IMAGE SIZE: 600 x 900 */ /* example ACTUAL IMAGE SIZE: 646 x 591 */
  background-size: 60px 90px; /* example: 350px 320px */
  content: '';
  display: block;
  height: 90px; /* example: 320px */
  /* left: 0;
  opacity: .4; */
  right: 0;
  opacity: .6;
  pointer-events: none;
  position: absolute;
  /* transform: translate(-55%,-70%); */
  transform: translate(-1%,-99%);
  top: 0;
  width: 60px; /* example: 350px */
  z-index: 0;
  }

footer {
    background-color: #555;
    color: #fff;
    padding: 20px;
    text-align: center;
}

a.footer-link {color: #fff;}
a.footer-link:hover, .uk-link-toggle:hover .footer-link {color: #ebdec6;}

a.h1-text-link {color: #009933;}
a.h1-text-link:hover, .uk-link-toggle:hover .h1-text-link {color: #00b33c;} /* lighter #00b33c - darker #00802b */

/* iconnav */
.uk-iconnav > * > a {color: #fff; font-size: 16px;}
/* Hover */
.uk-iconnav > * > a:hover {color: #ebdec6; font-size: 16px;}
/* Active */
.uk-iconnav > .uk-active > a {color: #ebdec6; font-size: 16px;}

/* main nav mods */
nav .uk-navbar-nav {}
@media (max-width: 520px) {
  nav .uk-navbar-right {margin-left: 10px; margin-right: 10px;}
}
@media (max-width: 639px) {
  nav .uk-navbar-left {margin-left: 20px; margin-right: 20px;}
}

.uk-navbar-nav > li > a,
.uk-navbar-item,
.uk-navbar-toggle {
  min-height: 72px;
}
.uk-navbar-nav > li > a {
  padding: 0 10px;
  /* color: #999; */
  text-transform: none;
  font-weight: bold;
}
/* Hover */
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a[aria-expanded="true"] {
  /* color: #666; */
  background-color: #ddd; /* #f2e9db; -- #ebdec6; #dcd0bc */
}
/* OnClick */
.uk-navbar-nav > li > a:active {
  /* color: #333; */
}
/* Active */
.uk-navbar-nav > li.uk-active > a {
  /* color: #333; */
}
.uk-navbar-nav > li > a > div > div.uk-nav-subtitle {
  font-weight: normal;
}

/* font specifications - See uikit.min.css for original unchanged updatable specifications. */
/* also see: body */
.uk-logo {
    font-family: Lato, Arial, sans-serif;
}
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
    font-family: Lato, Arial, sans-serif;
}
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-3xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
    font-family: Lato, Arial, sans-serif;
}
.display-font1 {
  font-family: "New Rocker", Georgia, Palatino, serif;
  font-weight: 400;
  font-style: normal;
}
.display-font2 {
  font-family: "UnifrakturCook", Georgia, Palatino, serif;
  font-weight: 700;
  font-style: normal;
}
/* custom font colors */
.text-wood {color: #008000 !important;} /* TCM green; -success color: #32d296; (spearmint green) */
.text-fire {color: #ff0000 !important;} /* TCM red; -danger color: #f0506e (dark pink) */
.text-earth {color: #8b4513 !important;} /* TCM brown; -warning color: #faa05a (light orange) */
.text-metal {color: #808080 !important;} /* TCM gray; -muted color: #999 (60% gray) */
.text-water {color: #0000ff !important;} /* TCM blue; -primary color: #1e87f0 (medium soft blue) */
.text-white {color: #fff !important;}

/* Navigation */
.uk-navbar-left {
    margin-left: 30px;
}
.uk-navbar-right, .uk-navbar-toggle {
    margin-right: 30px;
}
.uk-offcanvas-bar {
    background: #555;
}

/*
  Responsive Width Breakpoints
  https://getuikit.com/docs/width#responsive-width

.uk-width-*@s
.uk-child-width-*@s

*@s   640px
*@m   960px
*@l   1200px
*@xl  1600px

The End */