/* Fonts & Base */
body {
  font-family: Roboto, sans-serif;
  background: #fff;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: Arial, sans-serif;
  color: #0a74b7 !important;
}
h3, .h3 {
  font-size: 1.2rem;
}
a {
  color: #0a74b7;
  text-decoration: none;
}

/* Layout Helpers */
.container-fluid,
.carousel-div, .introduction-div, .news-div {
  width: 100%;
  padding: 0;
  margin: 0 auto;
}
/* Backgrounds */
.background-white,
div.sf-accordion-toggle.sf-style-none a,
div.sf-accordion-toggle.sf-style-none a.sf-expanded,
ul.sf-menu.sf-style-none.sf-accordion li.sf-expanded {
  background-color: #fff;
}
.introduction-div, .news-div {
  background-color: #0a74b7;
  color: #fff !important;
}
#footer {
  background: #444;
  color: #fff !important;
  padding: 30px 0 50px;
}
#footer h2, #footer h5 {
  font-size: 1.2rem !important;
  color: grey !important;
}
#copyright {
  background: #333;
  color: #ddd;
  padding: 10px 0 20px;
}
#menu {
  /* Placeholder for menu background if needed */
}

/* Typography Custom */
.introduction-div h1,
.news-div h2,
.page-home {
  font-size: 2.5rem;
  text-align: center;
  color: #fff !important;
}
.logo-div h2,
.region-research h2 {
  font-size: 2.5rem;
  text-align: center;
}
#footer h2 {
  font-size: 1.2rem;
  color: grey;
}
#footer a, #footer a:hover,
#footer a:active, #footer a:visited {
  color: #eee;
}

/* Superfish Menu */
ul.sf-menu {
  line-height: 3.5;
}
ul.sf-menu.sf-style-none {
  margin-bottom: 0;
}
ul.sf-menu.sf-style-none a,
ul.sf-menu.sf-style-none a:visited,
ul.sf-menu.sf-style-none span.nolink {
  border: 0;
  padding: 0 1.6em;
}
ul.sf-menu a,
ul.sf-menu span.nolink {
  font-weight: 700;
}
#superfish-main li.active-trail {
  background-color: #ddd;
}

/* Accordion Toggle */
div.sf-accordion-toggle.sf-style-none a {
  border: 1px solid #0a74b7;
  color: #0a74b7;
  display: inline-block;
  font-weight: bold;
  padding: 1em 3em 1em 1em;
  position: relative;
  width: 100%;
}
div.sf-accordion-toggle > a:after {
  content: "≡";
  font-size: 5em;
  top: 40%;
}

/* Header */
#header {
  background: url("/sites/krg.drupal/files/header.jpeg") repeat-x;
}
#main {
  margin: 20px 0;
}

/* Images */
img {
  padding: 0 10px 10px 0;
}
.carousel-div img {
  padding: 0;
}


/* Field Display */
.field--label-inline {
  padding-top: 20px;
}
.field--label-above .field__label {
  color: #0a74b7;
  font-weight: normal;
  font-size: 1.6rem;
  padding-top: 10px;
}
.field--name-field-gallery div {
  float: left;
  padding: 2px;
}