/*! noto webfont */
/*!
font-family: 'noto_sansthin', sans-serif;
font-family: 'noto_sansthin_italic', sans-serif;
font-family: 'noto_sanslight', sans-serif;
font-family: 'noto_sanslight_italic', sans-serif;
font-family: 'noto_sansregular', sans-serif;
font-family: 'noto_sansitalic', sans-serif;
font-family: 'noto_sansbold', sans-serif;
font-family: 'noto_sansbold_italic', sans-serif;
font-family: 'theano_didotregular', sans-serif;
*/

@font-face {
    font-family: 'noto_sansthin';
    src: url('../fonts/notosans-thin-webfont.woff2') format('woff2'),
         url('../fonts/notosans-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'noto_sansthin_italic';
    src: url('../fonts/notosans-thinitalic-webfont.woff2') format('woff2'),
         url('../fonts/notosans-thinitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'noto_sanslight';
    src: url('../fonts/notosans-light-webfont.woff2') format('woff2'),
         url('../fonts/notosans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'noto_sanslight_italic';
    src: url('../fonts/notosans-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/notosans-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'noto_sansregular';
    src: url('../fonts/notosans-regular-webfont.woff2') format('woff2'),
         url('../fonts/notosans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'noto_sansitalic';
    src: url('../fonts/notosans-italic-webfont.woff2') format('woff2'),
         url('../fonts/notosans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'noto_sansbold';
    src: url('../fonts/notosans-bold-webfont.woff2') format('woff2'),
         url('../fonts/notosans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'noto_sansbold_italic';
    src: url('../fonts/notosans-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/notosans-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'theano_didotregular';
    src: url('../fonts/theanodidot-regular-webfont.woff2') format('woff2'),
         url('../fonts/theanodidot-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*! custom styles */
.header {
    color: rgb(255, 255, 255);
    background: rgb(31, 31, 31);
}

nav {
    font-family: 'noto_sansthin', sans-serif;
    text-transform: uppercase;
}

.header {
	background: rgba(0,0,0,.3);
}

#footer {
    display: none;
    visibility: hidden;
}

html {
    font-family: 'noto_sansregular';
}

body {
    font-family: 'noto_sansregular';
}

h1, h2, h3 {
    font-family: 'theano_didotregular', sans-serif;
    text-transform: uppercase;
}

h4, h5, h6 {
    font-family: 'noto_sansregular';
}


.notices {
    padding: 1px 1px 1px 30px;
    margin: 15px 0;
}

/*! styles for mobile-menu hamburger and text */
.mobile-menu .button_container span {
    background: #fff;
}
.treemenu li a, .treemenu li a.active, .treemenu li a:focus, .treemenu li a:hover {
    font-family: 'noto_sanslight', sans-serif;
    color: #fff !important;
}

/*! styles for header image */
.modular-hero #to-start {
  bottom: 1.5rem;
  color: #fff;
  font-size: 1.5rem;
}

/*! styles for notices */
.notices p {
}

.notices.yellow {
    border-left: 10px solid #f0ad4e;
    background: #fcf8f2;
    color: #df8a13;
}

.notices.red {
    border-left: 10px solid #d9534f;
    background: #fdf7f7;
    color: #b52b27;
}

.notices.blue {
    border-left: 10px solid #5bc0de;
    background: #f4f8fa;
    color: #28a1c5;
}

.notices.green {
    border-left: 10px solid #5cb85c;
    background: #f1f9f1;
    color: #3d8b3d;
}