a, .uk-button-link {
  color: #35a2cf; }
  a:hover, .uk-button-link:hover {
    color: #4bb062; }

a.alt {
  color: #4bb062; }
  a.alt:hover {
    color: #3c8c4e; }

a.alt2 {
  color: #f7c241; }
  a.alt2:hover {
    color: #f5b210; }

.eli-login-register {
  color: #181d37;
  font-weight: bold;
  border: 1px solid #ddd;
  background: #fff;
  font-size: 18px; }
  .eli-login-register .uk-button {
    font-size: 17px; }

.uk-button-primary {
  background-color: #47B8B2; }
  .uk-button-primary:hover {
    background: #4bb062; }

.uk-form-success,
.uk-form-success:focus {
  color: #2883a9;
  border-color: #35a2cf; }

.uk-nav.uk-nav-default {
  font-size: 1rem; }
  .uk-nav.uk-nav-default > li.uk-parent > a,
  .uk-nav.uk-nav-default > li.uk-active > a,
  .uk-nav.uk-nav-default .uk-nav-sub > li.uk-active > a {
    color: #35a2cf;
    font-weight: bold; }
  .uk-nav.uk-nav-default > li > a,
  .uk-nav.uk-nav-default .uk-nav-sub > li > a {
    color: #4bb062; }
    .uk-nav.uk-nav-default > li > a:hover,
    .uk-nav.uk-nav-default .uk-nav-sub > li > a:hover {
      color: #f7c241; }

.uk-pagination {
  margin-left: 0 !important; }
  .uk-pagination li {
    padding-right: 5px;
    padding-left: 0; }
    .uk-pagination li a {
      padding: 5px 12px;
      background: #4bb062;
      display: inline-block;
      color: #fff; }
      .uk-pagination li a:hover, .uk-pagination li a:active {
        color: #fff;
        background: #35a2cf; }
    .uk-pagination li.uk-active a {
      background: #f7c241; }

#masthead-logo {
  width: 50%;
  margin-top: 20px; }
  @media screen and (max-width: 959px) {
    #masthead-logo {
      width: 60%; } }
  @media screen and (max-width: 767px) {
    #masthead-logo {
      width: 90%; } }

#masthead-nav {
  background: #181d37;
  color: #fff;
  padding: 0 10px;
  font-size: 20px;
  font-weight: bold; }
  #masthead-nav a {
    color: #fff;
    margin-right: 30px;
    display: inline-block;
    padding: 10px 0; }
    #masthead-nav a:hover {
      color: #f7c241;
      text-decoration: none; }
  #masthead-nav .uk-search {
    margin-top: 5px;
    color: #fff; }
    #masthead-nav .uk-search .uk-icon {
      color: #fff; }
  #masthead-nav .uk-search-input {
    color: #fff;
    font-size: 20px;
    margin: 0; }
    #masthead-nav .uk-search-input::placeholder {
      color: #fff;
      opacity: 1; }
  @media screen and (max-width: 639px) {
    #masthead-nav .uk-search {
      max-width: 80%; }
    #masthead-nav .eli-helper {
      margin: 0;
      width: 1px; } }
  @media screen and (min-width: 640px) and (max-width: 960px) {
    #masthead-nav a {
      margin-right: 15px;
      margin-left: 15px; } }

.eli-indent-col {
  padding-left: 40px; }
  @media screen and (max-width: 960px) {
    .eli-indent-col {
      padding-left: 0; } }

.eli-outdent-col {
  padding-right: 40px; }
  @media screen and (max-width: 960px) {
    .eli-outdent-col {
      padding-right: 0; } }

.eli-find-row {
  margin-bottom: 5px; }

.eli-products-list {
  border-top: 1px solid #333; }
  .eli-products-list .title a {
    font-weight: bold; }
  .eli-products-list .eli-products-item {
    clear: both;
    margin: 20px 0;
    border-bottom: 1px solid #333;
    padding-bottom: 20px; }
    .eli-products-list .eli-products-item .meta .field {
      display: block; }
  .eli-products-list img {
    max-width: 25px;
    float: right;
    margin-left: 4px; }

.eli-products-list-buttons {
  text-align: right; }
  .eli-products-list-buttons .uk-button {
    color: #4bb062; }

#sidebar .eli-products-list-buttons {
  text-align: left; }

#footer {
  border-top: 3px solid #181d37;
  padding-top: 30px;
  text-align: center; }
  #footer .eli-logo {
    max-width: 130px;
    display: block;
    margin: 0 auto 1em auto; }
    #footer .eli-logo + a {
      margin-left: 20px; }
  #footer a, #footer .copyright {
    margin-left: 10px;
    margin-right: 10px; }
  #footer .copyright {
    display: block; }

#html-body, h1, h2, h3, h4, h5 {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; }

h1 {
  font-size: 3rem;
  font-weight: 300; }
  @media screen and (max-width: 768px) {
    h1 {
      font-size: 2.3rem;
      font-weight: 400; } }

h2, h3 {
  color: #555; }

button, .uk-pagination a {
  font-weight: 600 !important; }

#edit-page {
  /* the edit page link that appears when page is editable */
  position: absolute;
  top: 20px;
  right: 80px; }

#offcanvas-toggle {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #f7c241; }

#offcanvas-nav .uk-search-input {
  width: 100%; }

/****************************************************************
 * Bodycopy text and images
 *
 */
.align_left {
  /* for images placed in rich text editor */
  float: left;
  margin: 0 1em 0.5em 0;
  position: relative;
  top: 0.5em;
  max-width: 50%; }

.align_right {
  /* for images placed in rich text editor */
  float: right;
  margin: 0 0 0.5em 1em;
  max-width: 50%; }

.align_center {
  /* for images placed in rich text editor */
  display: block;
  margin: 1em auto;
  position: relative;
  top: 0.5em; }

figure {
  display: table;
  width: 1px;
  margin: 1em 0; }

figure img {
  display: table-row;
  margin-bottom: 0.5em; }

figure figcaption {
  display: table-row;
  font-size: smaller;
  color: #777;
  line-height: 1.4em; }

/**
 * Forms
 */
#main .InputfieldForm.FormBuilder .InputfieldColumnWidth + .Inputfield:not(.InputfieldColumnWidthFirst) {
  border-left: 5px solid #fff; }
  @media screen and (max-width: 768px) {
    #main .InputfieldForm.FormBuilder .InputfieldColumnWidth + .Inputfield:not(.InputfieldColumnWidthFirst) {
      border-left: none; } }
#main .InputfieldForm.FormBuilder .Inputfield {
  padding: 20px;
  margin-bottom: 5px;
  background: #eee; }
  #main .InputfieldForm.FormBuilder .Inputfield .InputfieldHeader {
    font-weight: bold;
    font-size: 16px;
    padding-left: 0; }
  #main .InputfieldForm.FormBuilder .Inputfield .InputfieldContent {
    padding-left: 0; }
#main .InputfieldForm.FormBuilder .InputfieldSubmit {
  background: none;
  text-align: center; }

/*********************************************************************
 * Media queries for responsive layout
 *
 */
@media only screen and (max-width: 767px) {
  /* mobile layout */
  .align_left, .align_right, .align_center {
    display: block;
    float: none;
    margin: 1em auto;
    max-width: 100%; } }

/*# sourceMappingURL=main.css.map */