@font-face {
    font-family: 'Calibre-R';
    src: url('/themes/glossary/assets/css/fonts/Calibre-R-Bold.eot');
    src: url('/themes/glossary/assets/css/fonts/Calibre-R-Bold.eot?#iefix') format('embedded-opentype'),
        url('/themes/glossary/assets/css/fonts/Calibre-R-Bold.woff') format('woff'),
        url('/themes/glossary/assets/css/fonts/Calibre-R-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Calibre-R';
    src: url('/themes/glossary/assets/css/fonts/Calibre-R-Medium.eot');
    src: url('/themes/glossary/assets/css/fonts/Calibre-R-Medium.eot?#iefix') format('embedded-opentype'),
        url('/themes/glossary/assets/css/fonts/Calibre-R-Medium.woff') format('woff'),
        url('/themes/glossary/assets/css/fonts/Calibre-R-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}


@font-face {
    font-family: 'Calibre-R';
    src: url('/themes/glossary/assets/css/fonts/Calibre-R-Regular.eot');
    src: url('/themes/glossary/assets/css/fonts/Calibre-R-Regular.eot?#iefix') format('embedded-opentype'),
        url('/themes/glossary/assets/css/fonts/Calibre-R-Regular.woff') format('woff'),
        url('/themes/glossary/assets/css/fonts/Calibre-R-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
a, button { transition: 0.3s; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-weight: bold;
    font-family: 'Calibre-R', Arial, sans-serif;
    color: #005baa;
}
body, html {
	font-family: 'Calibre-R', Arial, sans-serif;
    background-color: #fff;
}
.wrap {
    border: none;
}
.header {
    background-color: #151515;
    background-size: cover;
    position: relative;
}
.header:after {
    content:'';
    position: absolute;
    bottom: 0;
    height: 100%;
    left: 0;
    width: 100%;
    background: linear-gradient(to left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
}
.header > .container {
    height: auto;
}
.main-header .title,
.search-form .title,
.select-container {
    display: none;
}
.main-header, .footer {
    background-color: transparent;
}
.main-header > .container {
    background-color: transparent;
}
.footer {
    background-color: #151515;
    text-align: center;
}
.footer .container {
    background-color: transparent;
}
.c-intro {
    color: #fff;
    font-size: 16px;
    max-width: 500px;
}
.c-logo {
    color: #005baa;
    font-weight: bold;
    font-size: 20px;
    margin: 1.5em 0 1em;
    text-decoration: none;
    display: inline-block;
    transition: none; 
}
.c-logo span {
    transition: 0.3s;
}
.c-logo span:last-child {
    color: #ef4123;
}
.c-logo:hover span {
    color: #fff;
}


/* zoeken */

.search-form {
    position: relative;
}
.term-search button.submit {
    float: none;
    margin: 0;
    top: 0;
    height: 100%;
    background-color: #005baa;
    flex: 0 0 8em;
    height: 50px;
    font-size: 14px;
    padding-left: 20px;
    padding-right: 70px;
}
.term-search button.submit:before {
    transition: 0.3s;
    float: none;
    right: 0;
    border: 15px solid #ef4123;
    background-color: #ef4123;
    position: absolute;
    top: 0;
}
.term-search button.submit:hover:before {
    border-color: #005baa;
    background-color: #005baa;
}
.term-search button.submit:hover {
    background-color: #ef4123;
}
.term-search {
    padding: 0;
    border: none;
    position: relative;
    max-width: 500px;
    margin-bottom: 24px;
    display: flex;
}
.term-search input[name=s] {
    float: none;
    border: none;
    line-height: 1.5;
    height: 50px;
}
.page-template-front-page .content {
    margin-left: -12px;
    margin-right: -12px;
}
.term-block-container .title {
    display: none;
}
.term-block-container .list-container {
    border: none;
    background-color: #005baa;
    color: #fff;
    box-shadow: inset 0px 0px 0px 12px #fff;
}
.term-block-container .term-initial a {
    color: #fff;
}
.term-block-container .term-list a {
    color: #fff;
}
.term-block-container .term-initial a:hover {
    color: #ef4123;
}
.term-block-container .term-list a:hover {
    text-decoration: none;
}
.term-block-container {
    margin-top: 12px;
    margin-bottom: 12px;
}
.terms-recent {
    background-color: #151515;
    box-shadow: inset 0px 0px 0px 12px #fff;
}
.terms-recent .title {
    color: #fff;
    font-size: 14px;
}
.terms-recent h3, .terms-recent h3 > a, .terms-recent ul li, .terms-recent a, .terms-recent a:visited {
    color: #fff;
}
.terms-recent .title {
    float: none;
    margin: 0;
    background-color: transparent;
    padding: 27px 39px 0 33px;
}
.search-results .result {
    border: none !important;
}
@media (min-width: 894px) {
    .search-results {
        width: 50%;
    }
}
.result .term-link {
    padding: 20px;
}
.result:nth-child(odd) .term-link {
    background-color: #E6E5E3;
}
.search-results .term-link h2 {
    color: #005baa;
}
.search-results .term-link:hover h2{
    color: #ef4123;
}
.letter-filter {
    border: none;
}
.letter-filter ul {
    padding: 0;
    margin-top: 30px;
    margin-bottom: 36px;
}
.letter-filter a {
    background-color: transparent;
    color: #151515;
}
.letter-filter a:hover {
    background-color: #ef4123;
    color: #fff;
}
.letter-results li, .related-terms li {
    border: none;
}
.letter-results li a, .related-terms li a {
    padding: 14px;
    color: #005baa;
}
.related-terms li a {
    color: #ef4123;
    padding: 10px 0;
    display: inline-block;
}
.related-terms li a:hover {
    color: #005baa;
}
@media (min-width: 894px) {
    .term-single {
        width: 50%;
    }
}
.letter-results li a:after, .related-terms li a:after {
    content:'\00a0›';
}
.letter-results li a:hover { 
    background-color: #ef4123;
    color: #fff;
}
.letter-results {
    padding-bottom: 3rem;
    margin-left: -15px;
}
.letter-filter {
    margin-left: -10px;
}
.letter-filter .current a {
    color: #fff;
}
.related-terms .title {
    font-size: 24px;
}
.cant-find {
    background-color: #151515;
    color: #fff;
}
.cant-find h2, .linked-activity h2 {
    color: #fff;
    font-family: 'Calibre-R', Arial, sans-serif;
    font-weight: bold;
}
.cant-find a {
    background-color: #005baa;
    color: #fff;
    font-size: 14px;
    padding: 14px;
}
.title {
    background-color: transparent;
    padding: 0;
    color: #005baa;
    margin: 0;
    font-size: 34px;
}
.term-single .content {
    padding: 16px 0;
}
.single-term article {
    padding-top: 20px;
    padding-bottom: 20px;
}
@media (min-width: 50em) {
    .single-term article {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
.back-container {
    border: none;
    position: absolute;
    right: calc(100% + 40px);
    padding: 0;
    top: 60px;
}
.back-btn {
    padding: 0;
    background-color: #ef4123;
    color: #fff;
    font-size: 0;
    width: 50px;
    height: 50px;
}
.back-btn:after {
    content:'';
    font-size: 16px;
    display: block;
    width: 50px;
    height: 50px;
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTlweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTkgMTUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ4ICg0NzIzNSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+cGlqbHRqZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSIwLUhNR3JvdXAtaG9tZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExNjEuMDAwMDAwLCAtNjAyLjAwMDAwMCkiPgogICAgICAgIDxnIGlkPSJHcm91cC00IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5NDAuMDAwMDAwLCA1NzkuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJwaWpsdGplIiBwb2ludHM9IjIzMi43ODc1NjYgMjMuNSAyMzAuNjg4MzgzIDI1LjU5OTE4MyAyMzMuOTg2MDcxIDI4Ljg5Njg3MDcgMjIxLjMzMTE0NSAyOC44OTY4NzA3IDIyMS4zMzExNDUgMzEuODY1NTc1IDIzMy45ODYwNzEgMzEuODY1NTc1IDIzMC42ODgzODMgMzUuMTYzMTMxNyAyMzIuNzg3NTY2IDM3LjI2MjMxNDcgMjM5LjY2ODg1NSAzMC4zODEyODgzIj48L3BvbHlnb24+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=');
}
.back-btn:hover {
    background-color: #005baa;
}
.linked-activity {
    background-color: transparent;
    padding: 0;
}
.linked-activity > div {
    padding: 20px;
    background-color: #ef4123;
    color: #fff;
}
.linked-activity > div:nth-child(even) {
    background-color: #151515;
}
.linked-activity .more {
    color: #fff;
    font-size: 14px;
    padding: 14px;
    background-color: #005baa;
    position: relative;
}
.linked-activity .more:hover {
    color: #005baa;
}
.linked-activity .more:after {
    transition: 0.1s;
    content:'';
    display: block;
    position: absolute;
    left: 100%;
    top: 0;
    width: 50px;
    height: 100%;
    background-position: center;
    background-size: 18px;
    background-repeat: no-repeat;
    background-color: #fff;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABGdBTUEAALGPC/xhBQAAAOtJREFUOBGVlDsOwjAMhuOoQxcQDGxsVEzcgIluvQiM3IeLdINLdCxT2RgQsDCghljCkpXm4XqJG//+7NZJ4Vmuq970J6XMUgVsfrkChh67lQlIlE5BQonuPlAVquoKfM/vqlh8P+ZsYxuKa3KkqwNpKG8UyIVkOZSjQT7IpG7vo0ApCMIyIobWFISGFP1GKQgvHuxICqHj4+1ICuEdDUCmKqbssDU4Yj4dnsz9AQjq9mUFeGrFEAQOQLhpJ3Gc5bCVdIJ6NC8IA//O0BVZECTKZiJ7+4su9i9i2ogLndag9/ZFbhFVImQhoA8/4jl9Y1AFijMAAAAASUVORK5CYII=');
}
.linked-activity .more:hover:after {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABGdBTUEAALGPC/xhBQAAAONJREFUOBGVlD0OwjAMhZ8LbIiNjSNwAzY22OlShMQCI/dhYerS7ow9RW8QNjZWJAJGDQr5aRIvSePnz05slbCrV3jhDCln8FmZ09dVVNInyYIQX6RxTlBZVFZD4PzcV1M80UBirvyZ2kSvOoTQqrg0kAkZYZkOckEu+T0NFIAwbKiI3jUE6ZrU/0YhiJbdX1EspBsfd0WxEK0iG1RcJ79h4znhFmvd0WL/tjaoXD8gqUEChIk2iE/LzQlyvIiphOVsbhB7uLIE84MSICwlbGvR+y+KA4rsc7kDiG5xeqdKYEDHN6/FZWaHZI8fAAAAAElFTkSuQmCC');
}
div#lang_sel {
    position: absolute;
    top: -20px;
    right: 11px;
    z-index: 100;
}
@media (min-width: 50em) {
    div#lang_sel { right: 0}
}
div#lang_sel li.en > a {
    height: 32px;
}
div#lang_sel li a {
    border-color: #fff !important;
}
