/*************
 * Theme CSS *
 *************/

/*
 * Nav
 */

.nav-banner {
  height: 100px;
}

.nav-button {
  border-radius: 30px;
  font-size: 13px;
  font-weight: 900;
  line-height: 30px;
  min-height: 30px;
  text-transform: uppercase;
}

.nav-button + .nav-button {
  margin-left: 10px;
}

.nav-donate {
  background-color: #d2303b;
  color: #fff;
}

.nav-donate:hover,
.nav-donate:visited {
  background-color: rgba(210, 48, 59, 0.8);
  border-color: rgba(210, 48, 59, 0.8);
  color: #fff;
}

.nav-careers {
  background-color: #5465a9;
  color: #fff;
}

.nav-careers:hover,
.nav-careers:visited {
  background-color: rgba(84, 101, 169, 0.8);
  border-color: rgba(84, 101, 169, 0.8);
  color: #fff;
}

.nav-bar {
  background-color: #5164ae;
  height: 50px;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.nav-bar li > a > img {
  height: 12px;
  width: 12px;
}

.uk-navbar-toggle {
  font-size: 20px;
  color: #fff;
  text-decoration: none;
}
.uk-navbar-toggle:after {
  background: transparent;
  content: "\f0c9";
  display: inline-block;
  height: 20px;
  line-height: 20px;
  width: 20px;
}

.alert-banner a { color: #fff; }
.alert-banner_close:hover { cursor: pointer; }

/*
 * Mobile Nav
 */

.uk-offcanvas-bar {
  background: #fff;
}
.uk-offcanvas .uk-panel a:not([class]),
.uk-navbar .uk-parent i {
  color: #666;
}
.uk-nav-offcanvas .uk-parent > div > a:hover,
.uk-nav-offcanvas .uk-parent > .uk-nav-sub a:hover {
  color: #adadad !important;
  text-decoration: none;
}
.uk-nav-offcanvas .uk-parent i:hover {
  color: #adadad;
  cursor: pointer;
  /*transform: rotateX(180deg);*/
  /*transition: 0.2s;*/
}
.uk-nav-offcanvas .uk-parent.uk-active i {
  transform: rotateX(180deg);
}
.uk-nav-offcanvas .uk-parent > .uk-nav-sub {
  display: none;
}
.uk-nav-offcanvas .uk-parent.uk-active > .uk-nav-sub {
  display: block;
}
.offcanvas-hr {
  color: #bababa;
  margin: 15px 0;
}

/*
 * Page and Posts
 */

.uk-article {}

.uk-article-title {}

.uk-article-meta {}

#blogposts .uk-panel { z-index: 10; }

.staff .bio-image_container {
  display: flex;
  flex-direction: row;
}
.staff .bio-image_container img { min-width: 200px; }

.staff .name-title_container {
  padding: 30px 0 0 30px;
}
.staff .bio-blurb {
  color: #666;
  font-weight: 600;
  margin-bottom: 0;
  padding-bottom: 0 !important;
}

/*
 * Hero, Top, and Main Positions
 */

#tm-hero.uk-block.uk-cover-background,
#tm-hero.uk-block.uk-cover-background > .uk-container,
#tm-top,
#tm-above-content,
#tm-below-content,
#tm-main {
  /* hero, top, and main regions */
  padding: 0 !important;
  max-width: 100%;
}
#tm-main { overflow-x: hidden !important; }
#tm-main main > article p:last-of-type { padding-bottom: 25px; } /* add space under content with sidebar matching total height */

/*
 * Home Page
 */

.home-page_ghost-logo {
  position: absolute;
  bottom: 0;
}
.home-page_ghost-logo-left { left: 0; }
.home-page_ghost-logo-right { right: 0; }

.whats-new_parent-container { padding-top: 50px; }
.uk-block-purple .find-your-circle { padding-bottom: 50px; }

.uk-block-purple .whats-new_parent-container > .uk-panel-title,
.uk-block-purple .find-your-circle > h3 {
  color: #fff;
  font-size: 35px;
  line-height: 1.5;
  margin-top: 25px;
  text-align: center;
  text-transform: uppercase;
}

/*
 * Sidebar
 */

aside > .uk-article {
  background-color: #f5edda;
  position: relative;
}

aside > .uk-article:after {
  content: "";
  display: block;
  background-color: #f5edda;
  left: 100%;
  top: 0;
  height: 100%;
  z-index: 0;
  width: 300%;
  position: absolute;
}

aside > .uk-article .uk-panel-title {
  color: #bf9236;
}

aside .rounded-button {
  border: 2px solid #000;
  color: #000;
}

/*
 * Button
 */

.uk-button {}

.uk-button-primary {}

.rounded-button {
  border: 2px solid #fff;
  border-radius: 30px;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  line-height: 36px;
  text-transform: uppercase;
}

.black-button {
  border: 2px solid #000;
  color: #000;
}

/*
 * Icons
 */

.uk-icon-hover {
  color: #5164ae !important; /* custom */
}
.uk-icon-hover:hover{
  color: rgba(81, 100, 174, 0.8) !important;
}

/*
 * Custom Grids
 */

.uk-grid-no-padding > * {
  padding-left: 0 !important;
}

.uk-grid > * > .uk-panel + .uk-panel {
  margin-top: 0 !important;
}

/*
 * Tertiary Page Styles
 */

.tertiary-label i {
  color: #bf9236;
}

.tertiary .tm-main .uk-article {
  margin-left: auto;
  max-width: 980px;
}

.tertiary .tm-main .uk-article-title {
  color: #000;
  font-size: 52px;
  line-height: 1;
}

.tertiary .tm-main li {
  list-style-type: disc;
}

.find-out-more {
  background-color: #f5edda;
  margin-bottom: 35px !important;
}

.find-out-more > .uk-panel-title {
  color: #c39225;
  margin-bottom: 5px;
}
.find-out-more a {
  line-height: 4;
  text-decoration: underline;
}

/*
 * Theme Colors
 */

html, em { color: #000; } /* override uikit default */

.uk-block-purple {
  background: #5164ae; /* uikit uses the background shorthand property for the color */
}

.uk-block-red {
  background: #d2303b;
}

.uk-block-green {
  background: #204320;
}

.uk-block-gold {
  background: #c79019;
}

.uk-block-gray {
  background: #5a5a5a;
}

/*
 * Category Colors
 */

.blog-category-1 i, .blog-category-1 a {
  color: #d2303b;
}

.blog-category-2 i, .blog-category-2 a {
  color: #c79019;
}

.blog-category-3 i, .blog-category-3 a {
  color: #5164ae;
}

.blog-category-4 i, .blog-category-4 a {
  color: #204320;
}

.blog-category-5 i, .blog-category-5 a {
  color: #5a5a5a;
}

/*
 * Widget Colors
 */

.uk-panel-box {
  box-shadow: none !important;
}

.uk-panel-box-red {
  background-color: #d2303b;
  color: #fff;
  padding: 0;
}

.uk-panel-box-green {
  background-color: #204320;
  color: #fff;
  padding: 0;
}

.uk-panel-box-gold {
  background-color: #c79019;
  color: #fff;
  padding: 0;
}

.uk-panel-box-gray {
  background-color: #5a5a5a;
  color: #fff;
  padding: 0;
}

.uk-panel-box-sidebar {
  background-color: transparent;
}

/*
 * Site Footer
 */

#tm-footer {
  /*height: 400px;*/
}

.footer-columns {
  margin-bottom: 25px;
}

.footer-columns > h5,
.footer-columns > .uk-h5 {
  color: #5164ae;
  font-weight: 900;
  margin: 0;
  text-align: left;
  text-transform: uppercase;
}

.footer-columns > ul > li > ul {
  padding: 0;
}

.footer-columns > ul > li,
.footer-columns > ul > li > ul > li {
  line-height: 1.4;
  padding: 0;
  text-align: left;
}

.footer-columns > ul > li > a,
.footer-columns > ul > li > ul > li > a {
  color: #5164ae;
  font-size: 14px;
  padding: 0;
  text-align: left;
}

.footer-columns > ul > li > a:first-child:not(:only-child) {
  font-weight: 900;
  font-size: 16px;
  line-height: 26px;
  text-transform: uppercase;
}

.footer-columns > .uk-nav > li > a:hover,
.footer-columns > .uk-nav-side > li.uk-active > a {
  background: none; /* remove visited and hover background color */
}

/*
 * Media Queries
 */

@media (max-width: 768px) {

}

@media (max-width: 624px) {
  .rounded-button {
    font-size: 13px;
    line-height: 40px;
  }
  .staff .bio-image_container {
    flex-direction: column;
  }
  .staff .name-title_container {
    padding-left: 0;
  }
}

@media (max-width: 480px) {
  .uk-block-purple .whats-new_parent-container > .uk-panel-title,
  .uk-block-purple .find-your-circle > h3 {
    font-size: 30px;
  }
  .rounded-button {
    border: 1px solid #fff;
    line-height: 30px;
    min-height: 30px;
  }
  .black-button {
    border: 1px solid #000;
    line-height: 30px;
    min-height: 30px;
  }
  .footer-columns:nth-of-type(1), .footer-columns:nth-of-type(2) {
    margin-bottom: 5px;
  }
}