@import url("https://fonts.googleapis.com/css?family=Open+Sans");
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
/* =Global
-------------------------------------------------------------- */
html {
  height: 100%;
}

html,
button,
input,
select,
textarea {
  color: #222;
}

body {
  height: 100%;
  margin: 0;
  font-size: 1.8em;
  font-family: "Open Sans", sans-serif;
  text-rendering: optimizelegibility;
}

.wrap {
  min-height: 100%;
  margin: 0 auto -50px;
  margin-bottom: 120px;
}

b, strong {
  font-weight: bold;
  line-height: 138% !important;
}

a {
  color: #1e80c3;
}

a:visited {
  color: rgb(157, 157, 157);
}

a:hover {
  color: rgb(60, 181, 249);
}

section .newscontainer img:first-child {
  margin: 0px;
}

.newsitem {
  background-color: #efefef;
  margin-bottom: 20px;
  padding: 15px;
  vertical-align: top;
}

.newsitem:hover {
  background-color: #e8e8e8;
}

.newsimage {
  height: 292px !important;
  background-color: #fff !important;
}

.newsitem a, h2 {
  color: #1e80c3;
}

.newsitem p {
  color: rgb(80, 80, 80);
  margin-bottom: 25px;
}

section p:last-child {
  margin-bottom: 25px !important;
}

.newsitem:hover a {
  color: rgb(60, 181, 249);
}

.newsitem:hover p {
  color: rgb(80, 80, 80);
}

#mentoring {
  top: -30px;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

section .sectionrow > div > h1 {
  padding-bottom: 20px;
}

.sectionnav {
  padding-top: 25px;
}

p, ul, li {
  line-height: 26px;
}

p.auto {
  text-align: justify;
  -webkit-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}

li.auto {
  text-align: justify;
  -webkit-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}

h2 {
  font-size: 1.3em;
}

h3 {
  font-size: 1.1em;
  font-weight: 600;
}

.initial-section {
  margin-top: 120px;
}

/* ============================== ============================================
   Author's custom styles test
   ========================================================================== */
section {
  padding: 60px 0;
}
section h1 {
  font-weight: 700;
  margin-bottom: 10px;
}
section p {
  margin-bottom: 15px;
}
section p:last-child {
  margin-bottom: 0;
}
section.color {
  background-color: #3cb5f9;
  color: rgb(255, 255, 255);
}
section.grey {
  background-color: #efefef;
  color: rgb(80, 80, 80);
}
section.yellow {
  background-color: rgba(249, 217, 0, 0.3);
  color: rgb(80, 80, 80);
}
section.white {
  background-color: rgb(255, 255, 255);
  color: rgb(80, 80, 80);
}
section .sectionrow {
  padding-top: 0;
  padding-bottom: 0;
}
section .sectionrow > div > h1 {
  margin-top: 18px;
  margin-bottom: 0;
  padding-left: 0px !important;
}

.aDark {
  color: rgb(157, 157, 157) !important;
  text-decoration: underline;
  cursor: pointer;
  cursor: hand;
}

.aDark:hover {
  color: #343434 !important;
  text-decoration: underline;
}

.aWhite {
  color: rgb(255, 255, 255);
  text-decoration: underline;
}

.aWhite:hover {
  color: rgb(255, 255, 255);
  text-decoration: none;
}

header .navbar-default {
  border-width: 0 0 1px !important;
  background-color: #1e80c3 !important;
  border-color: #1e80c3;
  border-radius: 0;
}
header .navbar-default #navitems-collapse {
  margin-top: 35px !important;
}
header .navbar-default .navbar-brand > img {
  display: block;
  height: 70px;
  margin-top: 0;
}
header .navbar-default .container {
  padding-left: 0;
}
header .navbar-default .container-fluid {
  background-color: #1e80c3 !important;
  padding-left: 0;
}
header .navbar-default .navbar-brand {
  color: #ecf0f1;
}
header .navbar-default .navbar-brand:hover, header .navbar-default .navbar-brand:focus {
  color: #ffee04;
}
header .navbar-default .navbar-text {
  color: #ecf0f1;
}
header .navbar-default .navbar-nav > li > a {
  color: #ecf0f1;
}
header .navbar-default .navbar-nav > li > a:hover, header .navbar-default .navbar-nav > li > a:focus {
  color: #ffee04;
}
header .navbar-default .navbar-nav > .active > a, header .navbar-default .navbar-nav > .active > a:hover, header .navbar-default .navbar-nav > .active > a:focus {
  color: #ffee04;
  background-color: #3cb5f9;
}
header .navbar-default .navbar-nav > .open > a, header .navbar-default .navbar-nav > .open > a:hover, header .navbar-default .navbar-nav > .open > a:focus {
  color: #ffee04;
  background-color: #3cb5f9;
}
header .navbar-default .navbar-toggle {
  border-color: #3cb5f9;
}
header .navbar-default .navbar-toggle:hover, header .navbar-default .navbar-toggle:focus {
  background-color: #3cb5f9;
}
header .navbar-default .navbar-toggle .icon-bar {
  background-color: #ecf0f1;
}
header .navbar-default .navbar-collapse,
header .navbar-default .navbar-form {
  border-color: #ecf0f1;
}
header .navbar-default .navbar-link {
  color: #ecf0f1;
}
header .navbar-default .navbar-link:hover {
  color: #ffee04;
}
header .navbar-default .language-picker a {
  font-size: 100%;
  color: #ecf0f1;
}
header.smaller .navbar-brand > img {
  margin-top: -18px !important;
}
header.smaller #navitems-collapse {
  margin-top: 0 !important;
}
header.smaller .navbar-brand > img {
  display: block;
  height: 38px;
}

footer {
  background-color: #6a6a6a;
  color: #fff;
  padding: 20px;
}
footer a {
  color: #fff;
  text-decoration: underline;
}
footer a:visited {
  color: #ffee04;
  text-decoration: none;
}
footer a:hover {
  color: #fff;
  text-decoration: none;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
/* Prevent callout */
.nocallout {
  -webkit-touch-callout: none;
}

.pressed {
  background-color: rgba(0, 0, 0, 0.7);
}

/* A hack for HTML5 contenteditable attribute on mobile */
textarea[contenteditable] {
  -webkit-appearance: none;
}

/* A workaround for S60 3.x and 5.0 devices which do not animated gif images if
   they have been set as display: none */
.gifhidden {
  position: absolute;
  left: -100%;
}

/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0;
  direction: ltr;
  display: block;
  overflow: hidden;
  text-align: left;
  text-indent: -999em;
}

.ir br {
  display: none;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/**
 * Clearfix helper
 * Used to contain floats: h5bp.com/q
 */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media (min-width: 320px) {
  blockquote, h1, h2 {
    text-align: left;
  }
  section {
    padding: 20px 0;
  }
  section .sectionnav {
    padding-top: 0;
  }
  .initial-section {
    margin-top: 120px;
  }
  h3 {
    font-size: 100%;
  }
  section img:first-child {
    margin-top: 20px;
  }
  section p:last-child {
    margin-bottom: 45px;
  }
  footer > .container > .row > div:nth-child(2) {
    padding-top: 10px;
  }
  footer > .container > .row > div:nth-child(3) {
    padding-top: 10px;
  }
  footer > .container > .row > div:nth-child(4) {
    padding-top: 10px;
  }
  /* smartphones, iPhone, portrait 480x320 phones */
  header #navitems-collapse {
    margin-top: 0 !important;
  }
  header .navbar-nav {
    margin: 0;
  }
  header .navbar-default {
    width: 100%;
  }
  header .navbar-default a {
    font-size: 100%;
  }
  header .navbar-default .img-responsive {
    margin-top: 10px;
    margin-left: 40px !important;
  }
  header .navbar-default .language-picker a {
    font-size: 100%;
    color: #ecf0f1;
    float: right;
    padding: 0 5px 20px;
  }
  header .navbar-default .navbar-toggle {
    margin-right: 25px;
  }
  header .navbar-default .navbar-brand {
    float: none;
  }
  header.smaller .navbar-default a {
    padding-left: 15PX;
    font-size: 100%;
  }
  header.smaller .navbar-default .img-responsive {
    margin-left: 40px !important;
  }
  header.smaller .navbar-brand {
    float: none;
  }
}
@media (min-width: 641px) {
  /* tablet, landscape iPad, lo-res laptops ands desktops */
  .initial-section {
    margin-top: 114px;
  }
  section .sectionnav {
    padding-top: 25px;
  }
  header .navbar-default #w0 {
    margin-left: 50px;
  }
  header .navbar-default ul {
    padding: 0 0 0 0;
  }
  header .navbar-default .navbar-left > li > a, header .navbar-default header .navbar-default .navbar-right > li > a {
    padding-left: 10px;
  }
  header .navbar-default a {
    font-size: 100%;
  }
  header .navbar-default .language-picker a {
    font-size: 100%;
    color: #ecf0f1;
    float: right;
    padding: 0 5px 20px;
  }
  header.smaller .navbar-header {
    height: 50px;
  }
  header.smaller .navbar-default a {
    font-size: 100%;
  }
  header.smaller .language-picker a {
    font-size: 100%;
    color: #ecf0f1;
    float: right;
    padding: 15px 0 15px 0;
  }
}
@media (min-width: 961px) {
  /* tablet, landscape iPad, lo-res laptops ands desktops */
  .initial-section {
    margin-top: 121px;
  }
  section .sectionnav {
    padding-top: 25px;
  }
  header .navbar-default #w0 {
    margin-left: 50px;
  }
  header .navbar-default ul {
    padding: 0 0 0 0;
  }
  header .navbar-default .navbar-left > li > a, header .navbar-default header .navbar-default .navbar-right > li > a {
    padding-left: 10px;
  }
  header .navbar-default a {
    font-size: 100%;
  }
  header .navbar-default .language-picker a {
    font-size: 100%;
    color: #ecf0f1;
    float: right;
    padding: 0 5px 20px;
  }
  header .navbar-default .navbar-toggle {
    margin: 20px;
  }
  header.smaller .navbar-header {
    height: 47px;
  }
  header.smaller .navbar-default a {
    font-size: 100%;
  }
  header.smaller .language-picker a {
    font-size: 100%;
    color: #ecf0f1;
    float: right;
    padding: 15px 0 15px 0;
  }
}
@media (min-width: 1025px) {
  /* big landscape tablets, laptops, and desktops */
}
@media (min-width: 1281px) {
  /* hi-res laptops and desktops */
}
.sectionnav {
  text-align: right !important;
}/*# sourceMappingURL=main.css.map */