/* ---------- Color Module Styles ----------- */
 /* ----- HEX CODE COLOR OPTIONS
 #2f67b2 - dk blue
 #5689C8 - lt blue - header
 #ffcb66 - yellow
 #0cbde9 - lt blue - button
 ---------------------------*/
body {
  color: #333333;
  background: #2f67b2;
}

#page,
#main-wrapper,
.region-primary-menu .menu-item a.is-active,
.region-primary-menu .menu-item--active-trail a {
  background-color: #fff;
}
.tabs ul.primary li a.is-active {
  background-color: #fff;
}

.tabs ul.primary li.is-active a {
  background-color: #fff;
  border-bottom-color: #fff;
}

/*#navbar-top {
  background-color: #ffcb66;
}*/

#navbar-main {
  background-color: transparent;
}
.navbar-nav > li.nav-item a {
    color: #5689C8;
  }
.navbar-nav > li.nav-item.active > a {
  background-color: #ffcb66 /* yellow */ !important;
  color: #2f67b2;
}
.btn {
  border: none;
  color: #ffffff;
}

.btn a {
  color: #ffffff;
}

.btn-default:hover,
.btn-default.focus {
  background-color: #ffcb66
    /*yellow*/
    !important;
}
h1.page-header,
h2.pane-title,
h3,
h2 {
  color: #2f67b2
    /*blue*/
  ;
}
a,
.link {
  color: #0071b3;
}

a:hover,
a:focus,
.link:hover,
.link:focus {
  color: #018fe2;
}

a:active,
.link:active {
  color: #23aeff;
}

h1, h1.page-header, h2.pane-title, h3, h2 {
    color: #2f67b2;
}
.page-item.active .page-link {
  background-color: #0071b3;
  border-color: #0071b3;
}

.page-link,
.page-link:hover {
  color: #0071b3;
}
.jumbotron {
  background-color: #ffcb66;
  padding: 2rem 1rem;
}
.before-footer {
  background-color: #ffcb66 /*yellow*/;
}
.site-footer a {
  color: #ffffff;
}
.site-footer h4 {
  color: #ffcb66;
}
.site-footer .block {
  border-left-color: rgba(255,203,102);
}

.btn-link {
  color: #2f67b2;
}
.btn-primary {
  background-color: #2f67b2;
  border-color: #2f67b2;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #5689C8;
}

.site-footer {
  background: #2f67b2;
}

.region-header,
.region-header a,
.region-header li a.is-active,
.region-header .site-branding__text,
.region-header .site-branding,
.region-header .site-branding__text a,
.region-header .site-branding a,
.region-secondary-menu .menu-item a,
.region-secondary-menu .menu-item a.is-active {
  color: #fffeff;
}

.sidebar_first, .sidebar_first aside.section div#block-featuredcontentblock {
  background-color: #ffffff;
  border-color: #ffffff !important;
}
.node--view-mode-teaser h2 a {
  color: #2f67b2;
}
.node--view-mode-teaser img {
  border: 4px solid #ffcb66;
}
.card {
  margin-bottom: 8px;
}
/* --------------- Featured Podcast -------------- */
.featured-podcast {
  background: linear-gradient(#2e6eb5, #18b9e4);
  border-color: #fff;
}
.featured-podcast a span {
  color: #fff;
}
/* ---------- Color Form ----------- */

[dir="rtl"] .color-form .color-palette {
  margin-left: 0;
  margin-right: 20px;
}

[dir="rtl"] .color-form .form-item label {
  float: right;
}

[dir="rtl"] .color-form .color-palette .lock {
  right: -20px;
  left: 0;
}