/*
Theme Name: Flat Bootstrap Child
Description: Child theme for ShowMe Echo
Author: Fishline Media
Version: 1.4
License: GNU General Public License
License URI: http://www.opensource.org/licenses/GPL-3.0
Template: flat-bootstrap
Template Version: 1.4
Text Domain: flat-bootstrap-child
*/

/* COLORS
 * Light gray - #f9f9f9
 * Body text - #111
 * Mizzou Gold - #badefc
 */

/* Import Bootstrap */
@import url("../flat-bootstrap/style.css");

@font-face {
  font-family: Janson;
  src: url("fonts/JansonTextLTStd-Roman.otf");
}

@font-face {
  font-family: "proximanova-regular";
  src: url("fonts/proximanova-regular-webfont.eot"),
    /* IE9 Compat Modes */ url("fonts/proximanova-regular-webfont.woff2")
      format("woff2"),
    /* Super Modern Browsers */ url("fonts/proximanova-regular-webfont.woff")
      format("woff"),
    /* Pretty Modern Browsers */ url("fonts/proximanova-regular-webfont.ttf")
      format("truetype"); /* Safari, Android, iOS */
}

/* BASE STYLES FOR DEPARTMENTS
   * These should be universal for all departments. Create a new section above this one for any child theme that requires specific style changes
  */

body {
  font-family: "proximanova-regular", "Segoe UI", Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #111;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
}

.breakout {
  background-color: #f5f5f5;
  padding: 3em;
}

.donate_button {
  float: right;
  vertical-align: middle;
  position: absolute;
  top: 35px;
  font-weight: bold;
}

.donate_button button {
  font-weight: bold !important;
  position: relative;
  top: 10px;
}

.btn-primary {
  background-color: #badefc !important;
  border-color: #dfeedf !important;
}

.btn-primary a:hover {
  background-color: #dfeedf !important;
}

#row1 .container {
  background-color: #dfeedf;
  width: 100%;
  padding: 30px 50px 30px 50px;
}

#row1 h2 {
  color: #073a87 !important;
  font-weight: bold;
  font-size: 24px;
}

#row1 a:link,
#row1 a,
#row1 a:visited {
  color: #073a87 !important;
}

#row1 div.first {
  float: left;
  width: 25%;
}

#row1 div.second {
  float: left;
  width: 70%;
  padding-left: 40px;
  color: #073a87 !important;
}

#row2 .container {
  background-color: #fefcd2;
  width: 100%;
  padding: 30px 50px 30px 50px;
}

#row2 h2 {
  color: #000 !important;
  font-weight: bold;
  font-size: 24px;
}

#row2 a:link,
#row2 a,
#row2 a:visited {
  color: #000 !important;
}

#row2 img {
  width: 275px;
  position: relative;
  right: 15px;
}

#row2 div.first {
  float: left;
  width: 75%;
}

#row2 div.second {
  float: left;
  width: 25%;
  padding-left: 0px;
}

#row3 .container {
  background-color: #857873;
  width: 100%;
  padding: 30px 50px 30px 50px;
}

#row3 h2 {
  color: #fff !important;
  font-weight: bold;
  font-size: 24px;
}

#row3 a:link,
#row3 a,
#row3 a:visited {
  color: #fff !important;
}

#row3 img {
  width: 275px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-top: 0px !important;
}

#row3 div.first {
  float: left;
  width: 25%;
}

#row3 div.second {
  float: left;
  width: 75%;
  padding-left: 40px;
  color: #fff;
}

#row4 .container {
  background-color: #edebf0;
  width: 100%;
  padding: 30px 50px 30px 50px;
}

#row4 h2 {
  color: #000 !important;
  font-weight: bold;
  font-size: 24px;
}

#row4 a:link,
#row4 a,
#row4 a:visited {
  color: #000 !important;
}

#row4 img {
  width: 350px;
}

#row4 div.first {
  float: left;
  width: 45%;
}

#row4 div.second {
  float: left;
  width: 45%;
  padding-left: 100px;
  float: right;
}

#row5b .container {
  background-color: #dce3e5;
  width: 100%;
  padding: 0px;
  margin-top: 50px;
}

#row5b img {
  width: 100%;
  box-shadow: none;
  margin-top: 0px !important;
  padding: 0;
}

#rowEducation .container {
  background-color: #e6dcc3;
  width: 100%;
  padding: 30px 50px 30px 50px;
}

#rowEducation h2 {
  color: #000 !important;
  font-weight: bold;
  font-size: 24px;
}

#rowEducation a:link,
#rowEducation a,
#rowEducation a:visited {
  color: #000 !important;
}

#rowEducation img {
  width: 275px;
}

#rowEducation div.first {
  float: left;
  width: 25%;
}

#rowEducation div.second {
  float: left;
  width: 70%;
  padding-left: 40px;
  color: #000 !important;
}

#rowTestimonials .container {
  background-color: #5ea3ce;
  width: 100%;
  padding: 30px 50px 30px 50px;
}

#rowTestimonials h2 {
  color: #000 !important;
  font-weight: bold;
  font-size: 24px;
}

#rowTestimonials a:link,
#rowTestimonials a,
#rowTestimonials a:visited {
  color: #000 !important;
}

#rowTestimonials img {
  width: 350px;
}

#rowTestimonials div.first {
  float: left;
  width: 50%;
}

#rowTestimonials div.second {
  float: left;
  width: 40%;
  padding-left: 100px;
  float: right;
}

.wptww-testimonials-slidelist.design-1 .fa-quote-left,
.wptww-testimonials-list.design-1 .fa-quote-left,
.wptww-testimonials-slide-widget.design-1 .fa-quote-left {
  display: none;
}

#row5 .container {
  background-color: #000;
  width: 100%;
  padding: 15px 50px 10px 50px;
  color: #fff;
  text-align: center;
  line-height: 11px;
}

#row5 .container p {
  line-height: 15px;
}

#row5 h2 {
  color: #fff !important;
  font-weight: bold;
  font-size: 24px;
}

#row5 a:link,
#row5 a,
#row5 a:visited {
  color: #fff !important;
}

#row6 {
  text-align: center;
  padding: 25px;
}

#row6 img {
  width: 400px;
}

.page-title {
  font-size: 40px !important;
}

.site-content {
  background-color: #fff;
}

/* ==============================================
   BASIC TYPOGRAPHY
   ============================================== */
p {
  margin-bottom: 1em;
  line-height: 1.5em;
  font-size: 16px;
  line-height: 26px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  font-family: "proximanova-regular", "Segoe UI", Helvetica, sans-serif;
  color: #343434;
  line-height: 1;
}

.entry-content h1 {
  font-size: 2.25em;
  margin: 0em 0em 0.67em 0em;
}

.entry-content h2 {
  font-size: 40px;
  font-weight: 200;
  margin: 0em 0em 0.5em 0em;
  line-height: 1.25em;
  font-family: "proximanova-regular", "Segoe UI", Helvetica, sans-serif;
}

.entry-content h3 {
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.25;
  margin: 0em 0em 0.5em 0em;
}

.entry-content h4 {
  font-size: 1.1em;
  font-weight: 700;
  line-height: 1.5;
  margin: 0em 0em 0.5em 0em;
}

page.entry-content {
  padding-top: 0;
}

h3.bold {
  font-weight: bold;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-weight: normal;
  line-height: 1;
  color: #343434 !important;
  font-size: 0.8em;
}

.header-home {
  margin-top: 0.5em !important;
  margin-bottom: 0.5em !important;
  font-weight: 200;
  font-size: 39px !important;
}

.header-hmi {
  margin-top: 0 !important;
  margin-bottom: 0.5em !important;
  font-weight: 400;
  font-size: 42px !important;
}

.dropcap {
  float: left;
  color: #555;
  font-size: 75px;
  line-height: 60px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px;
}

.published {
  font-weight: bold;
}

small {
  font-size: 85%;
  line-height: 85%;
  color: #111 !important;
}

.large {
  font-size: 120%;
  margin-bottom: 0.5em;
}

.page-title {
  font-family: "proximanova-regular", "Segoe UI", Helvetica, sans-serif;
  font-size: 2em;
  font-weight: 400;
}

.page-subtitle {
  font-size: 1.25em;
}

.title-subhead {
  font-family: "proximanova-regular", "Segoe UI", Helvetica, sans-serif;
  font-weight: 200;
  font-size: 1.1em;
  margin-top: -1em;
}

/* ==============================================
   LINK STYLES
   ============================================== */

/* Bootstrap uses "active" style on the <li>, but WordPress paginate_links() uses 
 * "current" in a <span> tag on the link. Also set the hover to match the primary button
 * color. 
 */

button:hover,
button:focus,
html input[type="button"]:hover,
html input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
  color: #073a87 !important;
  background-color: #badefc !important;
  border-color: #16a085;
}

.pagination > li > a,
.pagination > li > span,
span.page-numbers.current {
  color: #073a87 !important;
}

a {
  color: #111;
  text-decoration: underline;
}

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

a:active {
  color: #073a87 !important;
}

#content a:focus {
  color: #073a87 !important;
}

.entry-content a {
  color: #111;
  text-decoration: underline;
}

.entry-content a:hover {
  text-decoration: none;
  color: #111;
}

a.no-underline {
  text-decoration: none;
}

a.overlay {
  color: #fff;
}

abbr[title] {
  border-bottom: 1px dotted;
}
f ::selection {
  /* Highlighted text color */
  color: #000;
  color: rgba(0, 0, 0, 0.85);
  background: rgba(238, 183, 66, 0.5);
}
/*Change the default button color from green to Gold. Also removed link underline*/
.btn-success {
  background-color: #073a87;
  border: none;
}

a.btn.btn-success.btn-lg {
  text-decoration: none;
}

.btn-success:hover {
  background-color: #f9e4b6;
}

input.wpcf7-form-control.wpcf7-submit {
  background-color: #073a87;
  border: none;
}

.wpcf7-form-control.wpcf7-submit:hover {
  background-color: #073a87;
}

/* ==============================================
   LIST STYLES
   ============================================== */

ul,
ol {
  margin: 0 0 1em;
  padding-left: 1.5em;
  line-height: inherit;
}

ol li {
  margin-bottom: 0em;
  margin-left: 1em;
}

dl.course-listing {
  border: 1px solid #cccccc;
  background-color: #fff;
  padding: 1em;
}

dt.course-number {
  color: #590000;
  margin: 0;
  font-weight: bold;
  font-size: 26px;
}
dt.course-name {
  color: #666666;
  margin-bottom: 0.5em;
  padding: 0 0 0.5em 0 !important;
  font-weight: 200;
  font-size: 26px;
  border-bottom: 1px solid #cccccc;
}

dl.course-listing dd {
  line-height: 26px;
  margin-bottom: 0.5em;
}

dl.course-listing dd.first {
}

.entry-content li {
  line-height: 1.5em;
}

.list-spaced li {
  margin-top: 1em;
}

#main-grid li {
  margin-bottom: 6px;
}

.dropdown-menu {
  z-index: 9999 !important;
  position: relative;
}

.nav-tabs li {
  margin-bottom: 0 !important;
}

.section-nav {
  margin: 0px 0px 24px;
  margin: 0rem 0rem 1.5rem;
  max-width: 1000px;
}
.section-nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: block;
  margin-left: 1px;
}
.section-nav ul:before,
.section-nav ul:after {
  content: "";
  display: table;
}
.section-nav ul:after {
  clear: both;
}
.section-nav ul li {
  display: inline;
}
.section-nav ul a {
  text-decoration: none;
  display: block;
  float: left;
  padding: 8px 16px;
  padding: 0.5rem 1rem;
  color: #eeeeee;
  font-size: 15px;
  font-size: 1em;
  line-height: 1;
  background-color: #444444;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  margin-right: 8px;
  margin-right: 0.5rem;
  border-radius: 3px;
  -webkit-font-smoothing: antialiased;
}
.section-nav ul a:hover,
.section-nav ul a:focus {
  color: #badefc;
  text-decoration: none;
}

/* ==============================================
   HEADER AND MASTHEAD STYLES
   ============================================== */

#masthead {
  background-color: #f1b82d !important;
}

.site-title {
  /*margin-top: 35px;*/
  margin-left: 3.25em;
  font-family: "Janson", "Times New Roman", serif;
  line-height: 25px;
  font-weight: 400;
}

.site-title a {
  color: #fff;
  font-size: 32px;
}

.site-title a:hover {
  color: #f7d583;
}

.site-title h1 {
  margin: 0;
  padding: 0;
  border: 0;
}

/* Adjust site-title for Tablet - Portrait
   ============================================== */
@media (max-width: 767px) {
  .site-title {
    vertical-align: top;
    line-height: 0.65em;
    margin-top: 35px;
  }
}

/* Adjust site-title for Phone - Landscape
   ============================================== */
@media (max-width: 569px) {
  .site-title a {
    vertical-align: top;
    line-height: 5px;
    font-size: 25px !important;
    line-height: 25px;
    margin-top: 25px;
  }
}

/* Adjust site-title for Phone - Portrait
   ============================================== */

@media (max-width: 321px) {
  .site-title a {
    margin-bottom: 0px;
    font-size: 25px !important;
    line-height: 5px;
  }
}

.site-description {
  margin-top: 10px;
  margin-bottom: 25px;
  font-size: 20px;
  width: 400px;
  color: #fff;
  text-decoration: none !important;
}

.site-description a:hover {
  text-decoration: none !important;
  color: #dedede;
}

#header-inline {
  padding: 0px;
}

#inline li {
  display: inline;
  list-style-type: none;
  margin-left: 10px;
  padding-bottom: 0px;
}

#inline li a {
  color: #fff;
}

#inline li a:hover {
  color: #111;
  text-decoration: none;
}

.logo-swap {
  float: left;
  width: 59px;
  height: 65px;
  background-image: url(img/bg-mu-logo.png);
  background-position: 0 0;
  cursor: pointer;
  margin-top: 16px;
  margin-bottom: 15px;
}

@media (max-width: 321px) {
  .logo-swap {
    width: 59px;
    height: 65px;
    cursor: pointer;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 1em;
  }
}

.logo-swap:over {
  background-position: 0 100%;
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px;
}

/* ==============================================
   ALERTS
   ============================================== */

.alert-success {
  padding: 12px;
  margin-bottom: 28px;
}

/* ==============================================
   IMAGE STYLES
   ============================================== */

@media screen and (min-width: 1200px) .section-image, .section-image-overlay {
  padding-top: 3em;
  padding-bottom: 3em;
}

.resident-photo {
  max-height: 250px;
  float: right;
  clear: both;
  margin: 0px 0px 1em 1em;
  border: 2px solid #fae5b3;
  padding: 7px;
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
  .resident-photo {
    max-height: 250px;
    float: left;
    clear: right;
    margin: 0px 1em 1em 0em;
  }
}

.section-image a {
  color: #fff;
  text-decoration: underline;
}
.section-image a:hover {
  color: #fff;
  text-decoration: none;
}

.year {
  font-size: 120%;
  color: gray;
}

.resident-wrap {
  padding-top: 8px;
}
.resident-name {
  margin-top: 0px;
  margin-bottom: 5px !important;
  font-size: 28px !important;
}

.soliloquy-bg {
  background-color: #232323;
}

.img-thumbnail {
  padding: 1px;
  line-height: 1.428571429;
  background-color: #dddddd;
  border: 1px solid #ddd;
  border-radius: 1px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.header-image-title {
  text-align: left;
  vertical-align: bottom;
  margin-left: 5px;
}

.gallery-caption {
  font-weight: normal !important;
  font-size: 14px;
  text-align: center;
  padding: 5px;
}

dl.gallery-item {
  padding-left: 0px;
}

.gallery .gallery-icon img:hover {
  border: 2px solid #badefc !important;
}

.thumbnail {
  float: left;
  padding: 0px;
  border-radius: 0px;
  margin: 0.25em 1.5em 0 0;
}

.wp-caption-text {
  text-shadow: none;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  padding: 5px;
  color: #333;
  margin-bottom: 0px;
}

.forty-img {
  max-width: 100% !important;
  float: right;
  margin: 0px 0px 12px 18px;
}

.percent-img {
  max-width: 40% !important;
  float: right;
  margin: 0px 0px 0px 1em;
}

@media (min-width: 768px) {
  .section-image,
  .section-image-overlay {
    min-height: 262px;
  }
}

.cover-image,
.cover-image-overlay {
  min-height: 350px;
}

.alignright {
  margin-left: 30px;
}

.custom-header-image {
  padding: 20px 0 0 0;
  position: relative;
  right: 15px;
}

/* ==============================================
   NAVIGATION STYLES
   ============================================== */

#myTabContent {
  margin-bottom: 1.5em;
}

.widget a {
  line-height: 1.5em;
}

.widget .current-menu-item a {
  font-weight: bold;
}

#nav-wrap {
  background-color: #badefc;
}

#page,
.navbar,
.after-footer {
  max-width: 100%;
  margin: 0 auto;
}

.navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #3d3d3d;
  background-color: #badefc;
  text-decoration: none;
}

.current_page_parent2 {
  color: #3d3d3d;
  background-color: #badefc;
  text-decoration: none;
}

.current_page_ancestor2 {
  color: #3d3d3d;
  background-color: #badefc;
  text-decoration: none;
}

.navbar-nav > li > a {
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 16px;
  text-decoration: none;
}

.navbar-default .navbar-nav > li > a {
  color: #3d3d3d;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #000;
  background-color: #badefc;
  font-size: 16px;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #badefc;
  font-size: 16px;
}

.navbar-default .navbar-toggle {
  border-color: #badefc;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #badefc;
  color: #000;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #000;
  background-color: #badefc;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-weight: bold;
  font-size: 16px;
  background-color: #badefc !important;
  opacity: 0.97;
  color: #000 !important;
  border: none;
  border-radius: none !important;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: bold !important;
  line-height: 1.828571429;
  color: #000 !important;
  white-space: nowrap;
  text-decoration: none;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #fff;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  text-decoration: underline !important;
  background-color: #8099af !important;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
span.page-numbers.current {
  z-index: 2;
  color: #fff;
  background-color: #e8a515;
  border-color: #e8a515;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: white;
    line-height: 2em;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    text-decoration: underline !important;
  }
}

.pagination > li > a {
  color: #222;
}

.pager a {
  padding-left: 0;
  margin: 22px 0;
  list-style: none;
  text-align: center;
  text-decoration: none;
}

.nav > li > a {
  position: relative;
  display: block;
  font-size: 15px;
  padding: 15px 12px;
}

@media (max-width: 768px) {
  .nav > li > a {
    position: relative;
    display: block;
    font-size: 15px;
    padding: 15px 9px;
  }
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #111;
}

.submenu {
  background-color: #efefef;
  margin-bottom: 18px;
}

.sub-menu-sidebar {
  position: relative;
  top: -25px;
}

header.content-header,
.green-pattern {
  background-color: #243242;
  background-image: URL("img/bg-green-pattern.jpg");
  background-position: center;
  color: #fff;
  min-height: 90px;
  padding-top: 5px;
  padding-bottom: 5px;
}

@media (min-width: 768px) .cover-image, .cover-image-overlay {
  min-height: 500px;
}

@media (min-width: 768px) .cover-image img, .cover-image-overlay img {
  max-height: 500px;
  background-position: center;
}

.nav-tabs {
  border-bottom: 1px solid #ececec;
  margin-bottom: 1.5em;
  font-size: 90%;
}

.nav-tabs > li > a {
  background-color: #f9f9f9;
  border-top: 3px solid #dedede;
  border-right: 1px solid #ececec;
  border-left: 1px solid #ececec;
  text-decoration: none;
  border-radius: 0 0;
  color: #343434;
}
.nav-tabs > li > a:hover {
  color: inherit;
  border-bottom: 1px solid #f9f9f9;
  border-top: 3px solid #badefc;
  background-color: #f9f9f9;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: inherit;
  background-color: #f9f9f9;
  border-top: 3px solid #badefc;
  border-bottom: none;
}

.sub-menu {
  display: none;
}
.current_page_item .sub-menu,
.current_page_parent .sub-menu,
.current_page_ancestor .sub-menu {
  display: block;
}

.menu .current_page_item a,
.menu .current_page_item a:visited {
  font-weight: bold;
  color: #d39a0e;
}

.menu .page_item ul li a,
.menu .page_item ul li a:visited {
  font-weight: normal;
}

.menu .page_item .current_page_item a,
.menu .page_item .current_page_item a:visited {
  font-weight: bold;
}

.breadcrumbs {
  font-size: 90%;
  padding: 1em 0 1em 15px;
  background-color: white;
}

/* ==============================================
   PANELS
   ============================================== */

.panel-title p {
  font-size: 18px;
  color: inherit;
  font-weight: bold;
}

.panel-title {
  line-height: 1em;
  margin: 0em 0em 0em 0em !important;
}

.panel-default > .panel-heading {
  color: #2f2f2f;
  background-color: rgba(238, 183, 66, 0.5);
  border-color: #ddd;
}

.panel-body ul {
  margin-bottom: 0.5em;
}

.panel-body p {
  margin-bottom: 1.5em;
}

.panel-default {
  margin-bottom: 1.5em;
}

.panel-default p {
  margin-bottom: 0.5em;
}

.box {
  min-width: 320px;
  display: table;
  border: 1px solid #dedede;
  background-color: #fff;
  padding: 1em;
  border-radius: 6px;
  margin-bottom: 1.5em;
}

.box span.title {
  font-size: 19px;
  white-space: nowrap;
  margin-bottom: 1px !important;
  color: #7b0404;
}

.box span.text {
  font-size: 90%;
  white-space: normal;
  margin-bottom: 0px;
  color: #000;
}

.leadership {
  background-color: #eeeeee;
  display: block;
}

/* ==============================================
   PEOPLE LIST
   ============================================== */

#gray {
  background-color: #f9f9f9;
}

.people-list .person {
  margin: 1.5em 0;
}

.people-list .person:after,
.people-list .person:before {
  content: "";
  display: table;
}
.people-list .person:after {
  clear: both;
}
.people-list .person img {
  float: left;
  width: 25%;
  padding-left: 0;
  padding-right: 0;
  width: 125px;
  height: 150px;
}

@media (max-width: 321px) {
  .people-list .person img {
    float: left;
    width: 25%;
    padding-left: 0;
    padding-right: 0;
    width: 70px !important;
    height: 84px;
  }
}

.people-list .person figcaption {
  float: left;
  width: 75%;
  padding-left: 1.2em;
  padding-right: 0;
  font-size: 1.1em;
}

.people-list .person figcaption h2 {
  font-size: 1em;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 0.5em;
}

.people-list .person figcaption h2 a {
  display: block;
}
.people-list .person figcaption p {
  margin-bottom: 0.5em;
  font-size: 16px;
}
.people-list .person figcaption .title {
  line-height: 0.75;
  font-size: 0.9em;
}
.people-list .person figcaption .button {
  font-size: 0.8em;
  margin-top: 0.5em;
  border-width: 1px;
}

/* PLACES */

.places-list .place {
  margin: 1.5em 0;
}

.people-list .place:after,
.places-list .place:before {
  content: "";
  display: table;
}
.places-list .place:after {
  clear: both;
}
.places-list .place img {
  float: left;
  width: 50%;
  padding-left: 0;
  padding-right: 0;
  width: 225px;
  height: 176px;
  border: 2px solid #eeeeee;
}
.places-list .place figcaption {
  float: left;
  width: 62%;
  padding-left: 1.2em;
  padding-right: 0;
  font-size: 1.1em;
}

.places-list .place figcaption h2 {
  font-size: 1em;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 0.5em;
}

.places-list .place figcaption h2 a {
  display: block;
  margin-top: -25px;
}

.places-list .place figcaption p {
  margin-bottom: 1.5em;
  font-size: 14px;
  line-height: 23px;
}
.places-list .place figcaption .title {
  line-height: 0.75;
  font-size: 0.9em;
}
.places-list .place figcaption .button {
  font-size: 0.8em;
  margin-top: 0.5em;
  border-width: 1px;
}
@media (max-width: 600px) {
  .places-list .place figcaption h2 a {
    display: block;
    margin-top: 1em;
  }

  .places-list .place figcaption {
    float: left;
    width: 100%;
    padding-left: 0em;
    padding-right: 0;
    font-size: 1.1em;
  }
}

/*
@media screen and (max-width:400px) {
    .people-list .person figcaption {
    float: left;
    width: 75%;
    padding-left: 1em;
    padding-right: 0;
    font-size: 1em;
}

/* ==============================================
   POST STYLES
   ============================================== */
article.post {
  margin-bottom: 1em;
}

.entry-title {
  font-size: 24px;
  font-family: "proximanova-regular", "Segoe UI", Helvetica, sans-serif;
  font-weight: 600;
  line-height: 1.25em;
  margin: 0em 0 0.5em 0;
}

.entry-title a {
  text-decoration: none;
}

.entry-title a:hover {
  color: #d39a0e;
  text-decoration: none;
}

.entry-header h3 {
  line-height: inherit;
  margin: 0px 0em 12px 0em;
}

.entry-header {
  text-decoration: none;
}

.entry-summary {
  margin-bottom: 1em;
}

.entry-summary p {
  line-height: 1.5em;
  margin-bottom: 50px;
}

.entry-summary hr {
  display: none;
}

.wp-post-image {
  margin-bottom: 22px;
  float: left;
}

/* ==============================================
   FONTAWESOME SOCIAL ICONS
   ============================================== */

.fa-envelope,
.fa-phone,
.fa-exclamation-triangle {
  margin-right: 8px;
}

.social-icons .fa {
  font-size: 23px; /*Change icons circle size and color here*/
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.social-icons.icon-circle .fa {
  border-radius: 0;
}
.social-icons.icon-rounded .fa {
  border-radius: 5px;
}
.social-icons.icon-flat .fa {
  border-radius: 0 !important;
}

.social-icons .fa:hover,
.social-icons .fa:active {
  color: #fff;
  -webkit-box-shadow: 1px 1px 3px #333;
  -moz-box-shadow: 1px 1px 3px #333;
  box-shadow: 1px 1px 3px #333;
}
.social-icons.icon-zoom .fa:hover,
.social-icons.icon-zoom .fa:active {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.social-icons .fa-facebook,
.social-icons .fa-facebook-square {
  background-color: #3c599f;
}
.social-icons .fa-google-plus,
.social-icons .fa-google-plus-square {
  background-color: #cf3d2e;
}
.social-icons .fa-instagram {
  background-color: #a1755c;
}
.social-icons .fa-pinterest,
.social-icons .fa-pinterest-square {
  background-color: #cc2127;
}
.social-icons .fa-twitter,
.social-icons .fa-twitter-square {
  background-color: #32ccfe;
}
.social-icons .fa-youtube,
.social-icons .fa-youtube-play,
.social-icons .fa-youtube-square {
  background-color: #c52f30;
}

.pluginButton {
  background: #4c69ba;
  background: -webkit-linear-gradient(#4c69ba, #3b55a0);
  background: linear-gradient(#4c69ba, #3b55a0);
  border: none;
  border-radius: 0px !important;
  color: #fff;
  cursor: pointer;
  font-size: 15px;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  padding: 0;
  text-shadow: 0 -1px 0 #354c8c;
  white-space: nowrap;
}

.pluginButton .pluginButtonLabel {
  padding: 0 10px 0 0;
  position: relative;
  vertical-align: top;
}

.fb_iframe_widget {
  display: inline-block;
  position: relative;
  margin-bottom: 1.5em;
}

/* ==============================================
   EVENT LISTING PLUGIN OVERRIDES
   ============================================== */
.event-details {
  font-size: 12px;
  line-height: 19px;
}

.event-details p {
  font-size: 12px;
  line-height: 19px;
}

.single-day {
  margin-bottom: 30px !important;
}

.event-title h3 {
  clear: none;
  font-size: 16px;
  color: #222;
  margin: 0 !important;
  padding: 0;
}

.event-list .start-date,
.event-list .end-date {
  text-align: center;
  width: 3.2em;
  border-radius: 0px !important;
  background-color: #2a2a2a !important;
  color: #fff;
}

div.filterbar ul.hlist li + li:before {
  content: "" !important;
  padding: 0 12px !important;
  font-size: 18px !important;
}

ul.hlist li {
  margin-right: 20px;
}

/* ==============================================
   TEAM PROFILES (Grid listing)
   ============================================== */
.resident-listing {
  margin-bottom: 0px;
  background-image: URL("img/bg-columns.jpg") !important;
  background-position: center;
  font-size: 26px;
  text-shadow: 3px 3px #333;
}

.faculty-listing {
  margin-bottom: 35px;
}

.profiles {
  margin-bottom: -20px;
}
.intro {
  padding-left: 140px;
}
.intro h2 {
  margin: 0 0 7px;
}
.intro .lead {
  line-height: 120%;
  font-size: 1.1em;
  font-style: italic;
  margin: 0 0 35px;
}
.department {
  font-weight: bold;
}
.profile {
  position: relative;
  margin: 0 0 1.5em;
  min-height: 180px;
}
.profile:nth-child(even) {
  clear: left;
}

.profile-header {
  position: absolute;
  top: 0;
}

.profile-header img {
  float: left;
}

.profile-align {
  padding-left: 0px !important;
}

.profile-content2 {
  margin-left: 100px !important;
  padding: 18px 0px 0 0 !important;
  font-size: 13px;
  line-height: 1.4em;
}

.profile-content2 h3 {
  margin: 0;
  font-size: 19px;
  line-height: 1.25em;
}

.profile-content2 .lead {
  font-size: 1.2em;
  color: rgb(77, 77, 77);
  line-height: 1.25em;
  font-weight: 400;
  margin: 0 0 1em 0em;
}

.profile-content2:before {
  content: "";
  width: 36px;
  height: 3px;
  background: #dedede;
  position: absolute;
  top: 0;
}

.profile-content2 p {
  margin: 0 0 10px;
  line-height: 18px;
}

.profile-content {
  font-size: 14px;
  padding: 18px 20px 0 0;
  line-height: 1.4em;
  margin: 0 0 32px 135px;
}

.profile-content a {
  text-decoration: none;
}

.profile-content a:hover {
  text-decoration: underline;
}

.profile-content h3 {
  margin: 0;
  font-size: 22px;
  line-height: 1.25em;
}

.profile-content a:hover {
  color: #d39a0e;
  text-decoration: none;
}

.profile-content .lead {
  font-size: 16px;
  color: rgb(77, 77, 77);
  line-height: 1.25em;
  font-weight: 400;
  margin: 0 0 1em 0em;
}

.profile-content:before {
  content: "";
  width: 36px;
  height: 3px;
  background: #dedede;
  position: absolute;
  top: 0;
}

.profile-content p {
  margin: 0 0 10px;
  line-height: 20px;
  font-size: 14px;
}

.profile-footer {
  position: absolute;
  top: 121px;
  width: 100px;
  text-align: center;
}
.profile-footer a {
  line-height: 18px;
  margin: 0 3px;
  display: inline-block;
}
.profile-footer a:hover i {
  color: #595959;
}
.profile-footer a:active i {
  color: #000;
}
.profile-footer i {
  font-size: 18px;
  position: relative;
}
.profile-footer i.icon-envelope {
  font-size: 16px;
  top: -1px;
}
.profile-footer i.icon-linkedin {
  font-size: 16px;
  top: -1px;
}

.profile-header img {
  float: left;
  width: 120px;
}

/* ==============================================
   SEARCH & FILTER PROFILE STYLES
   ============================================== */

.filter-wrap {
  padding: 0px 0px 18px 0px;
  border-bottom: 1px solid #eeeeee;
  margin: 0px 0px 18px 0px;
  min-height: 145px;
  clear: both;
}

.results-wrap {
  display: block;
  overflow: hidden;
  padding-bottom: 9px;
}

#profile-name {
  text-decoration: none;
  font-weight: bold;
  margin-bottom: 0px !important;
  overflow: hidden;
}

.profile-thumb img {
  float: left;
  width: 100px !important;
  height: 120px !important;
  display: block;
  margin: 3px 18px 0px 0px;
}

#profile-link {
  font-size: 16px !important;
}

.profile-fields {
  font-size: 14px;
  margin-bottom: 0.5em;
  display: block;
  overflow: hidden;
}

.excerpt p {
  line-height: 1.5em;
  font-size: 14px;
  overflow: hidden;
  margin-bottom: 0;
}

/* ==============================================
   FACULTY PROFILE STYLES
   ============================================== */

#profile-photo img {
  margin-bottom: 20px;
  width: 200px;
  height: 250px;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}

hr.faculty-profile {
  border-color: #e8e8e8;
}

p.profile-position {
  margin-bottom: 0px !important;
  line-height: 18px;
  font-size: 95%;
}

p.profile-department,
.profile-email {
  margin-bottom: 0px !important;
  line-height: 17px;
  font-size: 90%;
}

p.profile-phone {
  margin-bottom: 0px !important;
  line-height: 1.3em;
  font-size: 110%;
}

p.profile-email fa,
p.profile-phone.fa {
  margin-right: 0.5em;
}

.profile-sidebar {
  max-width: 205px;
}

.main-directory {
  background-color: #232323;
  color: #ccc;
  padding-top: 5px;
}

.main-directory li a {
  margin-right: 15px;
}

/* ==============================================
   SEARCH
   ============================================== */

#search-topbar {
  padding: 0px;
  font-size: 14px;
  position: relative;
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-weight: 400;
  z-index: 1;
  background-color: #232323;
  max-width: 100%;
  margin: 0 auto;
}

#search-topbar section {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  zoom: 1;
  padding: 8px 0 8px 0;
}

#search-topbar ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
}

#search-topbar ul a {
  text-decoration: none;
}

#search-topbar ul a:hover {
  text-decoration: underline;
  color: #badefc;
}

#search-topbar ul li:first-child {
  padding-left: 0;
}

#search-topbar ul li {
  float: left;
  padding: 0 6px 0 0;
  margin: 7px 0 1px;
  line-height: 16px;
}

#search-topbar ul .search-container {
  min-width: 240px;
  margin-top: 0;
}

.search {
  position: relative;
  background-color: #fff;
  height: 24px;
  right: 0;
  border: solid 1px #badefc;
  margin: 4px 0px 8px 0px;
}

input.search-field {
  width: 178px;
  height: 24px;
  border: none;
  padding: 0 2%;
  margin: 0 !important;
  background: 0 0;
  font-size: 13px;
  position: absolute;
  left: 0;
  color: #343434;
}

input.search-button {
  font-size: 14px;
  width: 55px;
  height: 22px;
  padding: 0px;
  margin: 0;
  position: absolute;
  right: 0;
  color: #222;
  font-weight: 400;
  line-height: 1;
  background: #badefc;
}

.form-control {
  display: block;
  width: 200px;
  height: 25px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.428571429;
  color: #e0e0e0;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0px !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

@media (max-width: 321px) {
  .form-control {
    padding-right: 0px;
  }
}

@media (max-width: 321px) {
  .search {
    margin: 5px 0 5px 0px;
  }
}

.form-group {
  width: 100%;
}

.searchform {
  height: 24px;
  padding: 0px 6px;
  border-radius: 0px !important;
}

/* ==============================================
   FOOTER SPECIFIC STYLES
   ============================================== */

#footer-wrap {
  background-color: #232323;
}

#site-credits {
  font-size: 90%;
}

#site-credits a {
  color: #ffffff;
}

#site-credits a:hover {
  color: #ffffff;
}

.after-footer {
  border-top: 3px solid #073a87;
  color: white;
  font-size: 14px;
}

.footer-links {
  font-size: 1em;
  line-height: 1.7em;
}

@media (max-width: 767px) {
  .footer-links {
    font-size: 15px;
    line-height: 1.7em;
    text-align: center;
  }
}

.source-org {
  line-height: 24px;
  margin: 10px 0 35px 0;
  font-size: 14px;
}

.footer-links a,
.footer-links a:link,
.footer-links a:visited {
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
}

.footer-links a:hover {
  color: #fff;
  text-decoration: none;
}

.footer-logo {
  max-width: 275px;
  margin-bottom: 1em;
  margin-top: 8px;
}

@media (max-width: 768px) {
  .footer-logo {
    display: block;
    margin: auto;
  }
}

.social-media {
  text-align: right;
}

@media (max-width: 768px) {
  .social-media {
    margin-right: 0px;
  }
}

@media (max-width: 768px) {
  .social-media {
    text-align: center;
  }
}

#address p {
  text-align: right;
  color: #fff;
  line-height: 26px;
  margin: 10px 0;
}

#phone {
  text-align: right;
  color: #fff;
}

#emergency {
  text-align: right;
}

@media (max-width: 768px) {
  #address p {
    text-align: center;
    color: #fff;
    line-height: 26px;
    margin: 10px 0;
  }

  #phone {
    text-align: center;
    color: #fff;
  }

  #emergency {
    text-align: center;
  }
}

/* ==============================================
   BUTTON STYLES
   ============================================== */

.btn-gold {
  margin-bottom: 0.5em; /* btn-sm uses styles from the Mizzou Framework branding guidelines */
  display: inline-block;
  text-align: center;
  padding: 0.4em 1em 0.4em;
  line-height: 1.25;
  text-decoration: none !important;
  border: 2px solid #badefc;
  color: #222;
  font-size: 1em;
  font-weight: 400;
  color: #badefc;
  font-family: "Lato", "Helvetica Neue", Arial, sans-serif;
}

.btn-gold a:hover {
  background-color: #232323;
  text-decoration: none;
  color: #900000;
}

.btn-dark {
  background-color: #fae5b3;
  text-decoration: none;
  color: #900000;
}

.btn-sm {
  margin-bottom: 0.5em; /* btn-sm uses styles from the Mizzou Framework branding guidelines */
  display: inline-block;
  text-align: center;
  padding: 0.4em 1em 0.4em;
  line-height: 1.25;
  text-decoration: none !important;
  font-size: 1em;
  font-weight: 400;
  border-radius: 0px !important;
}

.btn-sm:hover {
  background-color: #fae5b3;
  text-decoration: none;
  color: #900000;
}

.btn-lg {
  padding: 10px 16px;
  font-size: 16px;
  line-height: 1.33;
}

#giftwrap {
  margin-bottom: 1.5em;
}

.btn-gift {
  color: #343434 !important;
  border: 1px solid #badefc;
  background-color: #f7d583;
  font-size: 1.25em;
  line-height: 1.25;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  padding: 0.5em 1.5em 0.5em;
  font-weight: 400;
  border-radius: 50px;
}

.btn-gift:hover {
  color: #7b0404;
  border: 1px solid #badefc;
  background-color: #fae5b3;
  text-decoration: none !important;
}

/* New button that is inverted (hollow) so works on any dark background */
a.btn.btn-hollow,
button.btn.btn-hollow {
  color: #badefc;
  border: 2px solid #badefc;
  border-radius: 0px;
  text-decoration: none;
}
/*.btn-hollow:hover, a.btn.btn-hollow:hover {*/
.btn-hollow:hover,
btn.btn-hollow:hover,
button.btn.btn-hollow:hover {
  color: #badefc;
  background-color: #badefc;
}

.white button.btn.btn-hollow,
.white .btn.btn-hollow,
.bg-white button.btn.btn-hollow,
.bg-white .btn.btn-hollow,
.offwhite button.btn.btn-hollow,
.offwhite .btn.btn-hollow,
.bg-offwhite button.btn.btn-hollow,
.bg-offwhite .btn.btn-hollow,
.lightgray button.btn.btn-hollow,
.lightgray .btn.btn-hollow,
.bg-lightgray button.btn.btn-hollow,
.bg-lightgray .btn.btn-hollow,
.gray button.btn.btn-hollow,
.gray .btn.btn-hollow,
.bg-gray button.btn.btn-hollow,
.bg-gray .btn.btn-hollow,
.darkgray button.btn.btn-hollow,
.darkgray .btn.btn-hollow,
.bg-darkgray button.btn.btn-hollow,
.bg-darkgray .btn.btn-hollow {
  color: #badefc;
  border: 2px solid #badefc;
  background-color: transparent;
}
button.btn.btn-hollow:hover,
.btn.btn-hollow:hover {
  color: #333;
  background-color: #badefc;
}

/* New button that is partially transparent to let background color show through */
.btn-transparent {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.35);
  color: inherit;
}

.btn-transparent:hover,
.btn-transparent:focus {
  color: #fff;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.5);
}

button {
  color: #222 !important;
}

.scrollable-menu {
  height: auto;
  max-height: 300px;
  overflow-x: hidden;
}

/* ==============================================
   NAVIGATION STYLES
   ============================================== */

.site-branding {
  padding-top: 3px;
  padding-bottom: 0px;
}

#myTabContent {
  margin-bottom: 1.5em;
}

.widget .current-menu-item a {
  font-weight: bold;
}

#nav-wrap {
  background-color: #badefc;
}

#page,
.navbar,
.after-footer {
  max-width: 100%;
  margin: 0 auto;
}

.navbar-default {
  background-color: #badefc !important;
  border: none;
}

.navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #3d3d3d;
  background-color: #badefc;
  text-decoration: none;
}

.current_page_parent2 {
  color: #3d3d3d;
  background-color: #badefc;
  text-decoration: none;
}

.current_page_ancestor2 {
  color: #3d3d3d;
  background-color: #badefc;
  text-decoration: none;
}

.navbar-nav > li > a {
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 20px;
  font-weight: bold;
}

.navbar-default .navbar-nav > li > a {
  font-size: 20px;
  font-weight: bold;
  color: #3d3d3d;
  margin-right: 2vw;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #000000;
  background-color: #badefc;
  font-size: 20px;
  font-weight: bold;
  text-decoration: underline;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #badefc;
  font-size: 20px;
  font-weight: bold;
}

.navbar-default .navbar-toggle {
  border-color: #073a87;
  font-size: 20px;
  font-weight: bold;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #badefc;
  color: #000000;
  font-weight: bold;
  font-size: 20px;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #000000;
  font-weight: bold;
  font-size: 20px;
  background-color: #badefc;
}

div.navbar-collapse.collapse {
  margin-left: 0px;
  margin-right: -15px;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 16px;
  background-color: #323232;
  opacity: 0.97;
  color: #fff;
  border: none;
  border-radius: none !important;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.828571429;
  color: #fff;
  white-space: nowrap;
  text-decoration: none;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #000000;
  background-color: #badefc; /* background highlight color for current page/hover in dropdowns */
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  text-decoration: underline !important;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
span.page-numbers.current {
  z-index: 2;
  color: #fff;
  background-color: #e8a515;
  border-color: #e8a515;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: white;
    line-height: 2em;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
  }
}

.pagination > li > a {
  color: #222;
}

.pager a {
  padding-left: 0;
  margin: 22px 0;
  list-style: none;
  text-align: center;
  text-decoration: none;
}

@media (max-width: 768px) {
  .nav > li > a {
    position: relative;
    display: block;
    font-size: 15px;
    padding: 15px 9px;
  }
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #111;
}

.submenu {
  background-color: #efefef;
  margin-bottom: 18px;
}

.sub-menu-sidebar {
  position: relative;
  top: -25px;
}

header.content-header,
.green-pattern {
  background-color: #243242;
  background-image: URL("img/bg-green-pattern.jpg");
  background-position: center;
  color: #fff;
  min-height: 90px;
  padding-top: 5px;
  padding-bottom: 5px;
}

@media (min-width: 768px) .cover-image, .cover-image-overlay {
  min-height: 500px;
}

@media (min-width: 768px) .cover-image img, .cover-image-overlay img {
  max-height: 500px;
  background-position: center;
}

.nav-tabs {
  border-bottom: 1px solid #ececec;
  margin-bottom: 1.5em;
  font-size: 90%;
}

.nav-tabs > li > a {
  background-color: #f9f9f9;
  border-top: 3px solid #dedede;
  border-right: 1px solid #ececec;
  border-left: 1px solid #ececec;
  text-decoration: none;
  border-radius: 0 0;
  color: #343434;
}
.nav-tabs > li > a:hover {
  color: inherit;
  border-bottom: 1px solid #f9f9f9;
  border-top: 3px solid #badefc;
  background-color: #f9f9f9;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: inherit;
  background-color: #f9f9f9;
  border-top: 3px solid #badefc;
  border-bottom: none;
}

.sub-menu {
  display: none;
}
.current_page_item .sub-menu,
.current_page_parent .sub-menu,
.current_page_ancestor .sub-menu {
  display: block;
}

.menu .current_page_item a,
.menu .current_page_item a:visited {
  font-weight: bold;
}

.menu .page_item ul li a,
.menu .page_item ul li a:visited {
  font-weight: normal;
}

.menu .page_item .current_page_item a,
.menu .page_item .current_page_item a:visited {
  font-weight: bold;
}

.breadcrumbs {
  font-size: 90%;
  padding: 1em 0 1em 15px;
  background-color: white;
}

.top-link {
  text-align: right;
}

/* ==============================================
   TABLE STYLES
   ============================================== */

table {
  margin-bottom: 1em;
}

.entry-content th {
  font-weight: 400;
  font-size: 1.1em;
  font-weight: bold;
  color: #343434;
  background-color: #fcf1d4;
  letter-spacing: inherit;
  line-height: inherit;
  padding: 0.5em 1em 0.5em 1em;
  text-transform: none;
  vertical-align: top;
  text-align: left;
  border: 1px solid #cccccc;
  display: table-cell;
}

.entry-content th a {
  color: inherit;
}

.entry-content th a:hover {
  text-decoration: none;
}

.content-area img {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.widget a:link,
.content-area a:link {
  color: #073a87 !important;
  font-weight: 600;
}

.widget a:hover,
.content-area a:hover {
  color: #6b8ba6 !important;
  font-weight: 600;
  text-decoration: underline !important;
}

.entry-content td {
  font-weight: 400;
  font-size: 1em;
  letter-spacing: inherit;
  line-height: inherit;
  padding: 0.5em 1em 0.5em 1em;
  text-transform: none;
  vertical-align: top;
  text-align: left;
  border: 1px solid #cccccc;
  display: table-cell;
}

.entry-content table {
  border-bottom: 1px solid #ddd;
  margin-bottom: 1.5em;
  width: 100%;
}

.entry-content td {
  border-top: 1px solid #ddd;
}

.stripe th,
.stripe td {
  background-color: #eeeeee;
}

tfoot td {
  font-size: inherit;

  border-bottom: none !important;
}

caption {
  font-weight: normal;
  color: #560000;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  font-size: 19.2px;
  font-size: 1.2em;
  font-weight: 600;
  margin: 0;
  margin-bottom: 1em;
  margin-bottom: 1em;
  text-align: left;
}

.entry-content table.hmi {
  border-bottom: none !important;
  font-size: 90%;
}

.entry-content table.hmi .fa {
  font-size: 115%;
  color: #343434;
  margin-right: 7px;
}

.entry-content table.hmi th {
  border: none;
  background-color: #fff !important;
  font-weight: 200;
  font-size: 1.5em;
  padding: 0.5em 0em 0.5em 0.5em;
}

.hmi td {
  border: none;
}

.hmi-header td {
  border-bottom: 1px solid gray;
  font-weight: bold;
}

/*Schedule alternate row colors*/

table.schedule tr:nth-child(even) {
  background-color: #f8e3b8;
}

table.schedule tr:nth-child(odd) {
  background-color: #f0b73e;
}

/* ==============================================
   WIDGET STYLES
   ============================================== */

.widget {
  margin-bottom: 10px;
  font-size: 95%;
  border-top: 3px solid #073a87 !important;
  border: 1px solid #dedede;
  background-color: #fff;
  padding: 0px 15px 15px 15px;
  border-radius: 0px;
}

#secondary aside.widget {
  margin-bottom: 30px;
  border-radius: 3px;
}

.widget a {
  text-decoration: none;
  line-height: 80%;
  cursor: pointer;
  font-size: 100%;
  font-family: "proximanova-regular", "Segoe UI", Helvetica, sans-serif;
}

.widget a:hover {
  text-decoration: none;
  color: #d39a0e;
}

.event-list .start-date,
.event-list .end-date {
  text-align: center;
  width: 50px;
  border-radius: 5px;
  background-color: rgb(230, 230, 230);
}

a.gold {
  text-decoration: none;
  line-height: 90%;
  cursor: pointer;
  font-size: 105%;
  font-family: "proximanova-regular", "Segoe UI", Helvetica, sans-serif;
  color: #7e5f15;
}

.widget-title {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.1em;
  border-bottom: 1px solid #073a87;
  margin: 1em 0 1em 0;
  padding-bottom: 0.5em;
}

.widget_nav_menu {
  background-color: #fff;
  font-size: 0.95em;
  letter-spacing: 0.05em;
}

.tweets {
  font-size: 14px;
}

.sidebar-pagebottom .widget {
  margin-bottom: 0px;
  font-size: 95%;
  background-color: #fff;
  padding: 0px;
  border-radius: 0px;
}

.bg-gray {
  margin: 0 0px 0px 0px;
  padding-bottom: 14px;
  border: none !important;
  color: white;
  background-color: #e7e7e7 !important;
  background-size: cover;
}

.bg-gray .widget-title {
  border-bottom: none !important;
  margin-bottom: 0;
  padding-top: 1em;
  color: #fff;
}