/*
 Theme Name:   OES UeLEX
 Description:  Theme for the OES UeLEX Plugin
 Author:       Maren Welterlich-Strobl
 Version:      2.0
 Template:     oes
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

@font-face {
    font-family: 'Noto Serif';
    font-style: normal;
    font-weight: 400;
    src: url('assets/fonts/noto-serif-v20-latin-ext_latin_greek_cyrillic-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('assets/fonts/noto-serif-v20-latin-ext_latin_greek_cyrillic-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('assets/fonts/noto-serif-v20-latin-ext_latin_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('assets/fonts/noto-serif-v20-latin-ext_latin_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */ url('assets/fonts/noto-serif-v20-latin-ext_latin_greek_cyrillic-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('assets/fonts/noto-serif-v20-latin-ext_latin_greek_cyrillic-ext_cyrillic-regular.svg#NotoSerif') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Noto Serif';
    font-style: italic;
    font-weight: 400;
    src: url('assets/fonts/noto-serif-v20-latin-ext_latin_greek_cyrillic-ext_cyrillic-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('assets/fonts/noto-serif-v20-latin-ext_latin_greek_cyrillic-ext_cyrillic-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('assets/fonts/noto-serif-v20-latin-ext_latin_greek_cyrillic-ext_cyrillic-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('assets/fonts/noto-serif-v20-latin-ext_latin_greek_cyrillic-ext_cyrillic-italic.woff') format('woff'), /* Modern Browsers */ url('assets/fonts/noto-serif-v20-latin-ext_latin_greek_cyrillic-ext_cyrillic-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('assets/fonts/noto-serif-v20-latin-ext_latin_greek_cyrillic-ext_cyrillic-italic.svg#NotoSerif') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Noto Serif';
    font-style: normal;
    font-weight: 700;
    src: url('assets/fonts/noto-serif-v20-latin-ext_latin_greek_cyrillic-ext_cyrillic-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('assets/fonts/noto-serif-v20-latin-ext_latin_greek_cyrillic-ext_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('assets/fonts/noto-serif-v20-latin-ext_latin_greek_cyrillic-ext_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */ url('assets/fonts/noto-serif-v20-latin-ext_latin_greek_cyrillic-ext_cyrillic-700.woff') format('woff'), /* Modern Browsers */ url('assets/fonts/noto-serif-v20-latin-ext_latin_greek_cyrillic-ext_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('assets/fonts/noto-serif-v20-latin-ext_latin_greek_cyrillic-ext_cyrillic-700.svg#NotoSerif') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Noto Serif';
    font-style: italic;
    font-weight: 700;
    src: url('assets/fonts/noto-serif-v20-latin-ext_latin_greek_cyrillic-ext_cyrillic-700italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('assets/fonts/noto-serif-v20-latin-ext_latin_greek_cyrillic-ext_cyrillic-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('assets/fonts/noto-serif-v20-latin-ext_latin_greek_cyrillic-ext_cyrillic-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('assets/fonts/noto-serif-v20-latin-ext_latin_greek_cyrillic-ext_cyrillic-700italic.woff') format('woff'), /* Modern Browsers */ url('assets/fonts/noto-serif-v20-latin-ext_latin_greek_cyrillic-ext_cyrillic-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('assets/fonts/noto-serif-v20-latin-ext_latin_greek_cyrillic-ext_cyrillic-700italic.svg#NotoSerif') format('svg'); /* Legacy iOS */
}

html {
    min-height: 100%; /* make sure it is at least as tall as the viewport */
    position: relative;
    font-size: 18px;
    line-height: 1.7;
}

body {
    height: 100%;
    font-family: 'Noto Serif', serif;
    color: var(--oes-text-black);
    background-color: var(--oes-page-color);
    line-height: 1.7;
}

a {
    color: #00589c;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color: var(--oes-primary) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.sans {
    font-family: "Noto", sans-serif;
    color: var(--oes-text-black);
    scroll-margin-top:10px;
}

p {
    margin-bottom: 1.5rem;
}

.oes-main-content {
    padding-bottom: 50px;
}

/* ---------------------------------------------------------------------------------------------------------------------
-- HEADER --------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------*/

header {
    border: none;
    padding-bottom: 50px;
}

.oes-home-logos {
    display: none;
}

header .navbar-nav {
    flex-wrap: wrap;
}

header ul.oes-nav li {
    font-weight: 700;
}

.oes-search-panel-background {
    background: rgba(230, 230, 230, 0.9);
    opacity: 1;
}

.oes-search-panel-front {
    z-index: 200;
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0;
    padding: 115px 1rem 1rem;
}

.oes-search-panel-form {
    padding-top: 70px;
}
.oes-search-panel-form form#oes-search-form {
    position: relative;
}

.oes-search-panel-form h1 {
    font-size: 3rem;
    color: black;
    padding: 1rem 0;
    font-weight: 700;
}

.oes-search-panel-form input {
    font-size: 2rem;
    padding: 10px 60px 10px 30px;
    width: 100%;
    color: var(--oes-contrast);
    position: relative;
}

.oes-search-panel-form button {
    font-size: 2rem;
    background-color: transparent;
    border: none;
    position: absolute;
    top: .6rem;
    right: .3rem;
}

form#oes-search-form button:after {
    background-color: #111111;
}

.btn.oes-close-contrast {
    float: right;
    font-size: 2rem;
    border: none;
    background-color: transparent;
}

.btn.oes-close-contrast::after {
    content: "\00d7";
    color: #111111;
}

.oes-body-wrapper {
    padding-top: 0;
}


/* ---------------------------------------------------------------------------------------------------------------------
-- MEDIA ---------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------*/

figure.oes-panel-figure figcaption {
    color: var(--oes-dark);
    font-family: "Noto", sans-serif;
    padding: 0;
    font-size: 1rem;
    line-height: 1.7;
    margin-top: 20px;
}

figure.oes-panel-figure .fa-expand,
figure.oes-panel-figure .fa-maximize {
    position: absolute;
    bottom: 0;
    top: unset;
    right: 0;
    margin-right: 26px;
    margin-bottom: 22px;
    color: white;
    background-color: var(--oes-contrast);
    opacity: 100%;
    padding: 12px;
}

/* Panel */

.oes-accordion-panel {
    margin-bottom: 1rem;
}

.oes-panel-container .oes-panel-header label {
    display: none;
}

.oes-panel-container .oes-panel-title {
    background-color: var(--oes-darker);
}

.oes-caption-title {
    width: 100%;
}

.oes-panel-header span {
    color: var(--oes-dark);
    font-size: 1rem;
    font-weight: 700;
}

.oes-panel-header span a:hover {
    text-decoration: none;
}

.oes-toggle-down-after {
    display: none;
}

.oes-panel-container  {
    background-color: var(--oes-page-color);
}

.oes-panel-container .oes-modal-toggle{
    padding: 1rem 1rem .5rem;
}

.oes-panel-container figure.oes-panel-figure figcaption {
    padding: .5rem 1rem 1rem;
}

.oes-modal-close .fa-close {
    display: none;
}

.oes-sidebar .oes-panel-container,
.oes-sidebar .oes-panel-image.oes-modal-toggle{
    background-color: transparent;
}

.oes-sidebar .oes-panel-container .oes-modal-toggle,
.oes-sidebar .oes-panel-container figure.oes-panel-figure figcaption {
    padding: 0;
}

/* ---------------------------------------------------------------------------------------------------------------------
-- SINGLE --------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------*/


.oes-front-page .container,
.oes-archive-container,
.oes-single-post {
    background-color: #fff;
}

.oes-single-post {
    margin-top: 0;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 0;
}

.page .oes-page-title,
.page .oes-subheader .oes-page-title,
.single .oes-subheader .oes-page-title,
.archive .oes-subheader .oes-page-title,
.page .oes-sub-subheader .oes-single-title,
.single .oes-sub-subheader .oes-single-title,
.archive .oes-sub-subheader .oes-single-title,
.oes-archive-header.oes-page-title,
.oes-page-title {
    font-family: "Noto", sans-serif;
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--oes-text-black);
    margin-top: 0;
    text-transform: none;
}

table.is-style-oes-default {
    font-size: 1rem;
}

table.is-style-oes-default tr th {
    width: auto;
}

.oes-index-connections .oes-content-table-header {
    color: var(--oes-text-black);
}

/* ---------------------------------------------------------------------------------------------------------------------
-- INDEX ---------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------*/

.oes-index-table-wrapper,
table.oes-simple-table tr,
table.oes-simple-table tr:last-child {
    border: none;
}

table.oes-simple-table tr th,
table.oes-simple-table tr td {
    font-family: "Noto", sans-serif;
    font-size: 1rem;
    padding: 0;
    border: none;
}

.oes-index-page .oes-post-filter-wrapper {
    font-family: "Noto", sans-serif;
    padding: 0;
}

.oes-index-page .oes-archive-plus.oes-toggle-down-before {
    margin-left: 0;
}

.oes-index-page .oes-archive-plus.oes-toggle-down-before:before,
.oes-index-page .oes-archive-plus.oes-toggle-down-before:after {
    display: none;
}


/* ---------------------------------------------------------------------------------------------------------------------
-- SIDEBAR -------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------*/

.oes-sidebar {
    padding-top: 16px;
    padding-left: 24px;
    margin-bottom: 2rem;
}

.oes-sidebar a {
    color: var(--oes-primary);
}

@media (min-width: 992px) {

    header .collapse,
    #uelex-sidebar.collapse {
        display: block !important;
    }
}

.uelex-archive-filter li.widget {
    list-style: none;
}

.oes-subheader-alphabet {
    padding-bottom: 1rem;
}

ul.oes-alphabet-list li {
    padding: .25rem .5rem;
    text-transform: uppercase;
}

ul.oes-alphabet-list li span,
ul.oes-alphabet-list li a.oes-disabled-link,
ul.oes-alphabet-list li a.oes-disabled-link:hover {
    color: var(--oes-background);
}

ul.oes-alphabet-list li a.active {
    color: var(--oes-dark);
}

.oes-filter-component {
    text-transform: uppercase;
    padding-top: 1rem;
}

ul.oes-filter-list-container ul.oes-filter-list,
#oes-filter-component-lifespan {
    margin-bottom: 30px;
    padding-bottom: 0 !important;
}

ul.oes-filter-list-container {
    list-style: none;
    padding-left: 0;
}

ul.oes-filter-list-container > li,
.oes-index-archive-filter-wrapper .oes-vertical-list li,
.search-results .oes-post-type-list li {
    background-color: transparent;
    font-size: 1rem;
    padding: 5px 0;
    margin: 0;
}

ul.oes-filter-list-container > li {
    padding: 5px 0;
}

.oes-index-archive-filter-wrapper .oes-vertical-list li{
    padding: 0;
    margin: 0;
}

ul.oes-filter-list-container .inactive a {
    color: var(--oes-dark);
}

ul.oes-filter-list-container .oes-archive-filter-item a,
ul.oes-filter-list-container li.active .oes-filter-item-count {
    display: block;
}

ul.oes-filter-list-container li.active a {
    color: var(--oes-primary);
    pointer-events: auto !important;
}

ul.oes-active-filter.is-style-oes-default li:after {
    content: "oder";
}

.search-results .oes-post-type-list li {
    padding: 0;
}

ul.oes-vertical-list > li a.active {
    color: var(--oes-dark) !important;
}

ul.oes-filter-list-container ul.oes-filter-list,
.oes-filter-list {
    font-size: 1rem;
    padding: 0 .5rem 1.5rem;
    list-style: none;
    background-color: transparent;
}

.oes-archive-filter-item a {
    display: block;
}

.oes-filter-item-count {
    padding: 0;
    margin: 0;
    float: right;
}

/* range filter */
.irs--flat .irs-grid-text {
    color: var(--oes-dark)
}

.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single,
.irs--flat .irs-bar,
.irs--flat .irs-handle > i:first-child {
    background-color: var(--oes-primary);
}

.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
    border-top-color: var(--oes-primary);
}

/* active filter */
ul.oes-active-filter {
    display: grid;
}

ul.oes-active-filter li a {
    color: var(--oes-contrast);
    background-color: var(--oes-background);
    padding: 6px 12px;
    border: none;
}

.oes-active-filter-item:after {
    border: none;
}

ul.oes-active-filter li:after {
    content: 'oder';
}


/* ---------------------------------------------------------------------------------------------------------------------
-- ARCHIVE -------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------*/

.oes-post-filter-wrapper {
    padding: .25rem 0;
}

.oes-archive-container-index .oes-post-filter-wrapper {
    padding: .25rem 0;
}

.fa-oes-list {
    color: var(--oes-link);
    padding-right: 10px;
    min-width: 32px;
}

.oes-archive-wrapper {
    padding-bottom: 0;
}

.oes-archive-wrapper .oes-alphabet-initial {
    font-size: 1.1rem;
    color: var(--oes-text-black);
}

.oes-alphabet-container {
    padding-bottom: 2rem;
}

.oes-main-content ul.oes-vertical-list li {
    padding: 0;
}

.oes-archive-plus:before {
    display: none;
}

/* ---------------------------------------------------------------------------------------------------------------------
-- SEARCH --------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------*/


#uelex-loading-spinner {
    margin: 200px auto;
    height: 100px;
    text-align: center;
    font-size: 10px;
    z-index: 1005;
    position: absolute;
    top: 250px;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 100%;
}

.spinner-border {
    border: .5em solid var(--oes-primary) !important;
    border-right-color: transparent !important;
}

form#oes-search-form input {
    padding: 5px;
    font-family: "Noto", sans-serif;
}

.search .oes-archive-plus {
    text-decoration: none !important;
    color: var(--oes-primary) !important;
    margin-left: -20px;
}

.search .oes-archive-plus:after {
    font-family: "FontAwesome", serif;
    content: "\f067";
    color: var(--oes-primary);
    padding-right: .5rem;
}

.search .oes-archive-plus:hover:after {
    color: var(--oes-primary)
}

.search .oes-archive-plus.active:after,
.search .oes-archive-plus[aria-expanded="true"]::after
{
    font-family: "FontAwesome", serif;
    content: "\f068";
    color: var(--oes-primary);
    padding-right: .5rem;
}

.oes-search-wrapper {
    font-family: "Noto", sans-serif;
}

.oes-search-wrapper thead th {
    color: var(--oes-dark);
    text-transform: uppercase;
    font-weight: 400;
}

.oes-search-wrapper tbody,
.oes-search-wrapper>:not(:first-child) {
    border: none;
}

.oes-search-wrapper th {
    border-bottom-color: var(--oes-dark);
}

.oes-search-wrapper td {
    border-bottom-color: var(--oes-page-color);
}

table.oes-search-wrapper td.oes-search-occurrences-wrapper {
    text-align: right;
}

.oes-search-occurrence-type-container,
.oes-read-more-button {
    font-size: smaller;
}

.oes-search-data-row td .oes-search-occurrence-type-container {
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: var(--oes-dark);
}

.oes-search-highlighted-note a,
.oes-search-highlighted-note a:hover,
.oes-search-highlighted {
    color: black !important;
    background-color: #CCC;
    padding: 0 5px;
}

.oes-dot-dot-dot {
    font-family: "Noto", sans-serif;
    color: white !important;
    background-color: var(--oes-primary);
    border: none;
    margin: 1rem 0 2rem;
    padding: .5rem 15px;
    text-transform: uppercase;
}

.oes-dot-dot-dot:after {
    content: "Weiterlesen";
}

.oes-search-highlighted {
    font-weight: normal;
}