/*------------------------------------*\
    $GENERAL STYLES
\*------------------------------------*/

a {
    color: #0D5154;
}
a:hover,
a:focus {
    color: #00696D;
}

body {
    background: #ddd;
    font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
}

h1 {
    font-size: 1.4em;
    margin: .25em 0;
    color: #666157;
}

h2 {
    font-size: 1.2em;
    margin: .5em 0;
}
h2.result-title {
    font-size: 1.5em;
    margin-top: 0;
}

.section-header {
    margin: .5em 0;
    font-size: 1.8em;
    text-align: center;
    color: #918d86;
}

h2 a {
    color: #fff;
    font-size: .8em;
}
h2 a:hover,
h2 a:focus {
    color: #D5E4E5;
}

label {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#calendar-key {
    float: left;
}
#calendar-key h1 {
    font-size: 1.2em;
    font-weight: 600;
}
#calendar-key span {
    color: #fff;
    padding: .25em;
    margin: .5em 0;
}
#calendar-key .panel-body,
#calendar-key .panel-heading {
    padding: .25em .5em;
}
#calendar-key .panel-heading {
    font-weight: 600;
}

/* Circular button (used for language switcher for xs view) */
.btn-circle {
    border-radius: 50%;
    font-size: 12px;
    height: 30px;
    line-height: 1.428571429;
    padding: 6px 0;
    text-align: center;
    width: 30px;
}
.btn-circle .btn-lg {
    width: 40px;
    height: 40px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
}
.btn-circle .btn-xl {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    font-size: 24px;
    line-height: 1.33;
}
/* Custom override for default Bootstrap button (PRIMARY - white on teal) */
.btn-custom {
    color: #fff !important;
}
.btn-custom,
.dropdown-menu {
    background-color: #128085;
    color: #fff;
    border-color: #35A1A5;
}
.btn-custom:hover,
.btn-custom .open {
    background-color: #35A1A5;
    color: #fff;
    border-color: #35A1A5;
}
/* Custom override for default Bootstrap button (SECONDARY - black on white) */
.btn-secondary {
    color: #fff;
}
.btn-secondary {
    background-color: #4F5F60;
    color: #fff;
    border-color: #6A9193;
}
.btn-secondary:hover {
    background-color: #6D8182;
    color: #fff;
    border-color: #6A9193;
}

.calendar-key-single {
    background-color: #6BB1B2;
}
.calendar-key-multi {
    background-color: #369496;
}

/* Custom radio buttons and checkboxes using FontAwesome */
.checkbox input[type=radio],
.checkbox input[type='checkbox'] {
    display: none;
}
.checkbox input[type=radio] + label {
    display: block;
}
.checkbox input[type='checkbox'] + label:before,
.checkbox input[type='radio'] + label:before {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 8px;
    width: 20px;
    color: #128085;
}
.checkbox-single input[type="checkbox"] + label:before {
    content: "\f111"; /* Radio Unchecked */
    color: #a9a6a0;
    font-weight: 200;
}
.checkbox-single input[type="checkbox"]:checked + label:before {
    content: "\f058"; /* Radio Checked */
    color: #128085;
    font-weight: 900;
}
.checkbox-multi input[type="checkbox"] + label:before {
    content: "\f0c8"; /* Checkbox Unchecked */
    color: #a9a6a0;
    /*font-weight: 900;*/
}
.checkbox-multi input[type="checkbox"]:checked + label:before {
    content: "\f14a"; /* Checkbox Checked */
    color: #128085;
    font-weight: 900;
}
.checkbox label,
.radio label {
    padding-left: 0;
}

.chosen-container:focus,
.form-control:focus {
    border-color: #9EC1C1;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(185, 229, 229, .6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(185, 229, 229, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(185, 229, 229, .6);
}
.chosen-single span {
    color: grey;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 2px 0;
    overflow: hidden;
    background-color: #35A1A5;
}
.dropdown-menu label {
    padding-left: 10px;
}
.dropdown-menu li {
    color: #8DBDBF;
}
.dropdown-menu li a {
    color: #fff;
    white-space: normal;
}
.dropdown-menu li a:hover {
    background-color: #35A1A5;
    color: #fff;
}
.dropdown-menu li input[type="radio"] {
    display: none;
}
.dropdown-menu li input[type="radio"]:checked+label {
    font-weight: bold;
    color: #fff;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover {
    background-color: #35A1A5;
}

.header, .footer {
    background: #ddd;
    margin-top: 1em;
    margin-bottom: .5em;
}

.input-xs {
    height: 22px;
    padding: 0 .5em;
    font-size: 12px;
}
.input-xs input {
    border-radius: 3px 0 0 3px !important;
}
.input-xs .btn {
    border-radius: 3px;
}

/* Ion Range Slider */
.irs {
    margin: 2em 0;
}
.irs-min,
.irs-max,
.irs-single,
.irs-from,
.irs-to {
    font-size: .85em;
}
.irs-from,
.irs-to,
.irs-single {
    background-color: #128085 !important;
}
.irs-from:after, .irs-to:after, .irs-single:after {
    border-color: #128085 transparent transparent !important;
}
.slider-single .irs {
    margin: .75em 0;
}
.slider-single .irs-bar,
.slider-single .irs-bar-edge {
    display: none;
}

.navbar-collapse a {
    color: #fff;
}

.no-padding {
    padding: 0;
}
.no-padding-left {
    padding-left: 0;
}
.no-padding-right {
    padding-right: 0;
}

.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Classes for quick margins or removing Bootstrap's default element padding */
.margin-bot-0 {
    margin-bottom: 0;
}
.margin-bot-1 {
    margin-bottom: 1em;
}
.margin-top-1 {
    margin-top: 1em;
}

.modal .modal-body {
    max-height: 420px;
    overflow-y: auto;
}
.modal-title {
    color: #fff !important;
}

.padding-left {
    padding-left: 2em;
}
.padding-right {
    padding-right: 2em;
}

.pagination {
    margin: 0;
    padding: 0;
}
.pagination li a {
    padding: .15em .8em;
}
.pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #107887;
    border-color: #107887;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #107887;
    border-color: #107887;
}

::selection {
    background: #00ACB2; /* WebKit/Blink Browsers */
    color: #fff;
}
::-moz-selection {
    background: #00ACB2; /* Gecko Browsers */
    color: #fff;
}

.sticky.sticky-active {
    position: fixed;
    top: 0;
}

#llgc_footer_social img, #share-icons img {
    height: 28px;
}

#illustration-types ul,
.illustration ul {
    list-style: none;
}

.fa-wikipedia:before {
    font-family: "Times New Roman", Times, serif;
    font-weight: 400;
    content: "VV";
    letter-spacing: -0.45em;
    margin-right: 0.5em;
}

.unavailable-options {
    padding: 5px;
}





/*------------------------------------*\
    $HOME/HOME-VIEW.PHP
\*------------------------------------*/

.error-page h1 {
    font-size: 2em;
}
.error-page .detailed {
    margin-bottom: 2em;
}

.error-image {
    box-shadow: 0px 0px 0.5em #939393;
    border-radius: 5px;
    border: 1em solid #fff;
    transform: rotate(6deg);
    width:80%;
}

.irs-slider:hover {
    cursor: pointer;
}





/*------------------------------------*\
    $DOCUMENT/HEADER-VIEW.PHP
\*------------------------------------*/

.icon-share {
    font-size: 1.5em;
    color: #858585;
    top: 0.2em;
    position: relative;
    border-left: 1px solid #F2F7F7;
    padding-left: 0.2em;
    margin-left: 0.2em;
}

.icon-social {
    width: 2em;
}
.social-media a:hover {
    text-decoration: none;
    cursor: pointer;
}

.popover-content .fa-ul {
    margin-bottom: 0;
}
.popover-content .fa-twitter {
    color: #50ABF1 !important;
}
.popover-content .fa-facebook {
    color: #3B5998;
}
.popover-content .fa-google-plus {
    color: #DF4A32;
}

#header-links {
    font-size: .8em;
}

#header-menu {
    margin-bottom: .5em;
    list-style: none;
}

#history-menu {
    min-width: 20em;
}

#message-pop {
    background: #ed1b2f;
    padding: 0;
}

#share-icons a {
    padding: 0 .1em;
}
#share-icons a:hover {
    text-decoration: none;
}

.clear-history {
    font-weight: 600;
}

.search-submit {
    background: none;
    border: none;
    font-size: 1.1em;
    /*line-height: 1.1em;*/
    position: absolute;
    right: 1px;
    color: #127570;
    z-index: 5; /* PLM, dunno why 20190515 */
}
.search-submit-mobile {
    font-size: 1.1em;
    position: absolute;
    bottom: 1px;
}

.timespan {
    float: right;
    font-size: .8em;
    font-style: italic;
}





/*------------------------------------*\
    $DOCUMENT/FOOTER-VIEW.PHP
\*------------------------------------*/

address {
    margin-bottom: 10px;
}
footer {
    width: 960px;
    border-top: 1px solid #999999;
    font-size: .9em;
    margin-bottom: 10px;
}
footer span {
    display: block;
}

#llgc_footer_nav {
    border-top: 1px dashed #999999;
    margin-bottom: 10px;
    padding-top: 10px;
    clear: both;
    height: 20px;
}
#llgc_footer_nav a {
    color: #000;
}
#llgc_footer_social a:hover {
    text-decoration: none;
}
#llgc_footer_social img {
    margin: 10px 0;
}
#llgc_address {
    margin-top: 7px;
}
#llgc_address span {
    display: block;
}
#llgc_opening_times {
    margin-top: 7px;
}

.footer .panel-title {
    font-size: 1em;
}

.logo-erdf,
.logo-wg {
    width: 153px;
    height: auto;
    margin: 10px;
}
.logo-erdf {
    min-height: 9em;
}






/*------------------------------------*\
    $HOME/HOME-VIEW.PHP
\*------------------------------------*/

#article-type-filter .form-group,
#language-filter .form-group {
    margin: 0;
}

#container-main {
    box-shadow: 0 0 5px #999;
    background: #fff;
    /*overflow: hidden;*/
}

#content-header {
    color: #fff;
    background-color: #128085;
    background-image: url('../../assets/img/headpapur.png');
    background-repeat: no-repeat;
    background-position: top right;
}
#content-header > a,
#content-header .btn {
    margin-top: 1em;
}
#content-header p {
    margin: 0 0 5px;
}

#content-browse {
    background-color: #F9F9F9;
    box-shadow: 21px 0 19px -10px rgba(158, 151, 145, .12) inset;
    padding-bottom: 2em;
}

#content-search,
#content-browse {
    font-size: .96em;
}

#dist-graph {
    width: 100%;
    max-width: 350px;
    height: 180px;
}

#dropdown-browse-titles {
    margin-bottom: none;
    z-index: 100;
}

#illustration-types {
    padding: 2.25em 0;
}
#illustration-types i {
    position: absolute;
    left: 2px;
    top: 4px;
    font-size: 1.2em;
    padding-left: .3em;
    color: #E3ECED;
}
#illustration-types li {
    height: 1.5em;
    margin: 1px 0;
    border-radius: 2px;
    background-color: #e5e3e0;
}
#illustration-types li:hover {
    background-color: #ebebeb;
}
#illustration-types li span {
    padding: 0 .3em;
    height: 1em;
    color: #026063;
    font-size: 1em;
}
#illustration-types .illustration-icon {
    background-color: #128085;
    height: 1.5em;
    border-radius: 2px 0 0 2px;
}

#illustration-type-all {
    color: #128085;
    font-weight: 600;
}

#header-title {
    margin: .1em 0;
    font-size: 2em;
}

#home-help,
#home-feedback {
    background-color: #fff;
    border-top: 1px solid #F0EFEE;
    padding: .5em 1em;
    color: #8E8B84;
}

#select-titles {
    margin-top: 0;
}

.highcharts-series-group {
    margin-top: -2em;
}

.highcharts-tooltip span {
    font-size: 3em;
    box-shadow: none;
}

.mapbox-shrink {
    width: 100%;
    max-height: 12em;
    margin: 1.5em 0;
}

.space-panel {
    padding: 0 4em;
}





/*------------------------------------*\
    $BROWSE/ISSUE-LIST-VIEW.PHP
\*------------------------------------*/

#publication-rights {
    font-size: .7em;
    margin-bottom: 0;
}
#publication-rights-img {
    float: left;
    height: 2em;
    width: auto;
}

#search-toggle span {
    text-decoration: underline;
    cursor: pointer;
}
#search-toggle:after {
    font-family: 'Font Awesome 5 Free';
    content:"\f303";
    text-decoration: none;
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
}
#search-toggle-input {
    margin-top: -.2em;
    display: inline-block;
    width: 10em;
}
#search-toggle-parent {
    margin-top: -.5em;
    display: inline-block;
    width: 10em;
}

.active-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.active-list li {
    color: #fff;
    background: #107887;
    padding: .25em 0 0 1em;
    margin: .2em .2em;
}
.active-list li > .glyphicon {
    margin-left: -.8em;
}

.issues-list a {
    padding: .75em 1em;
}

.row-select li {
    float: right;
}

.search-list {
    border-top: 1px solid white;
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 12em;
    overflow-y: scroll;
}
.search-list li {
    padding: .25em 0 0 1em;
}

.standby {
    background: #F2F0ED;
    border-radius: 4px;
}

.lesser-context {
    font-size: .65em;
    margin-left: .65em;
}





/*------------------------------------*\
    $BROWSE/PUBLICATION-VIEW.PHP
\*------------------------------------*/

th {
    text-align: center;
}

#calendar-year {
    background-color: #7F7F7F;
    color: #fff;
    font-weight: 600;
    border: 1px solid #FFF;
    padding: .2em;
}

#meta-modal th {
    text-align: left;
    padding: .5em;
}
#meta-modal td {
    padding: .5em;
}

#publication-copyright {
    font-size: .9em;
}

#publication-meta {
    margin-top: .5em;
}
#publication-meta div {
    margin-bottom: .5em;
}
#publication-subtitle {
    color: #888;
    font-style: italic;
    font-size: 1em;
    margin-top: 0;
}

#year-display {
    font-size: 1.2em;
}

.close {
    color: #FFF;
    font-size: 28px;
    text-shadow: 0 1px 0 rgba(0, 34, 38, 0.47);
    opacity: 1;
}

.day-header {
    font-size: .9em;
}

.modal-footer {
    padding: .75em;
}
.modal-header {
    color: #fff;
    background-color: #128085;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.publication-data h2 {
    margin: .25em 0;
}
.publication-data p {
    margin: .15em 0;
}

.result-img {
    max-height: 10em;
    width: auto;
    float: left;
    margin-right: 1em;
}

.table-spacer {
    background-color: #F2F0ED;
    text-align: center;
}





/*------------------------------------*\
    $BROWSE/PUBLICATIONS-VIEW.PHP,
    $BROWSE/ISSUE-LIST-VIEW.PHP &
    $BROWSE/REGION-VIEW.PHP
\*------------------------------------*/

.sequential-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.sequential-list li:nth-child(odd) {
    background: #F2F0ED;
}
.sequential-list li a {
    display: block;
}





/*------------------------------------*\
    $BROWSE/REGION-VIEW.PHP
\*------------------------------------*/

.region-list li {
    padding: .75em 1em;
}





/*------------------------------------*\
    $IMAGES/IMAGE-VIEW.PHP
\*------------------------------------*/

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: #35A1A5;
}

.illustration {
    font-size: .85em;
}
.illustration:hover {
    text-decoration: none;
}
.illustration img {
    height: 10em;
}
.illustration ul {
    padding: .25em;
    margin-bottom: 1em;
}
.illustration .count {
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(255, 255, 255, .9);
    border-radius: 0 0 0 .25em;
    box-shadow: -.1em .1em .5em silver;
    padding: .2em .5em;
}

.issue-list-edition {
    display: inline-block;
}

.thumbnail {
    margin-bottom: 0;
}





/*------------------------------------*\
    $IMAGES/IMAGES-VIEW.PHP &
    $SEARCH/RESULTS-VIEW.PHP
\*------------------------------------*/






/*------------------------------------*\
    $SEARCH/ADVANCED-VIEW.PHP
\*------------------------------------*/

.add-field,
.remove-field {
    width: auto; /* Was 2em, changed during DC 20190516 - PLM */
    margin-top: .4em;
}





/*------------------------------------*\
    $SEARCH/RESULTS-VIEW.PHP
\*------------------------------------*/

#facet-reset {
    margin-top: 1em;
}

#filter-facets {
    font-size: .9em;
    padding: .2em .25em .2em .75em;
}

#result-meta-date > span {
    display: block;
    line-height: 1.25em;
}

#results-dropdown button,
#sorting-dropdown button {
    font-size: .9em;
}
#results-dropdown li label,
#sorting-dropdown li label {
    cursor: pointer;
    font-weight: 500;
    font-size: .9em;
}
.dropdown-menu input[type="radio"]:checked + label:before,
.dropdown-menu input[type="radio"]:checked + label:before {
    width: 1em;
    float: left;
    margin-right: .75em;
    font-family: "Font Awesome 5 Free";
    content: "\f058";
    font-size: 1.1em;
    padding-right: 0.5em;
    color: #fff;
    font-weight: 200;
}
.dropdown-menu input[type="radio"] + label:before,
.dropdown-menu input[type="radio"] + label:before {
    width: 1em;
    float: left;
    margin-right: .75em;
    font-family: "Font Awesome 5 Free";
    content: "\f111";
    font-size: 1.1em;
    padding-right: 0.5em;
    color: #ccc;
    font-weight: 200;
}

#search-canvas {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#search-menu {
    width: 250px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -250px;
    padding: 15px;
    padding-top: 0;
}

#search-pagination-xs .pagination {
    margin-top: 0;
}

#search-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
}
#search-wrapper.show-nav #search-canvas {
    -webkit-transform: translateX(250px);
    -moz-transform: translateX(250px);
    -ms-transform: translateX(250px);
    -o-transform: translateX(250px);
    transform: translateX(250px);
}

.facet-panel {
    background: #E5E3E0;
    overflow: auto;
    margin-bottom: .5em;
}
.facet-panel h2 {
    font-size: .96em !important;
    padding: .3em .4em;
    background: #BCBAB7;
    font-weight: 600;
    color: #2D2D2B;
    margin: 0 !important;
}
.facet-panel h2 i {
    float: right;
    margin-right: .5em;
    text-shadow: 0 1px 0 #CCCAC7;
    color: #877F75;
}
.facet-panel input {
    width: 100%;
    padding: .2em;
    margin: 0em;
    border: 1px solid #E5E3E0;
}
.facet-panel input[type='checkbox'] {
    display: none;
}
.facet-panel input[type='checkbox']:checked + label {
    background: #128085;
    color: #fff;
}
.facet-panel input[type='checkbox']:checked:hover + label {
    background: #20888C;
}
.facet-panel label {
    font-weight: normal;
    font-size: .9em;
    background: #E5E3E0;
    width: 100%;
    cursor: pointer;
    padding: .4em .25em .4em .75em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    margin: 0;
}
.facet-panel label:hover {
    background: #EBEBEB;
}
.facet-panel ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.facet-panel .facet-title {
    font-size: 1.25em
}

.facet-count {
    float: right;
    font-size: .8em;
    color: #A9A6A0;
}

.facet-options {
    max-height: 10em;
    overflow-x: hidden;
}
.facet-options input[type="checkbox"] {
    display: none;
}


#filter-facets {
    border: 0;
    border-bottom: 1px solid #DDD;
    border-radius: 3px;
}

#facets-component .panel-heading {
    padding: 5px;
}
#facets-component .panel-title {
    font-size: 1em;
}
#facets-component .panel-body {
    padding: 0;
}
#facets-component li {
    list-style: none;
}
#facets-component input[type=checkbox] {
    display: none;
}
#facets-component ul {
    padding: 0;
}
#facets-component label {
    width: 100%;
}
#filter-facets {
    width: 100%;
}

#filterList {
    margin-bottom: 0;
}

#facets-component .panel-body label {
    width: 100%;
    padding: 0 .75em;
    font-weight: 500;
    margin-bottom: 0;
    font-size: .9em;
    cursor: pointer;
}

.facet-options input[type="checkbox"]:checked + label:before {
    width: 1em;
    float: left;
    margin-right: .75em;
    font-family: "Font Awesome 5 Free";
    content: "\f14a";
    font-size: 1.1em;
    padding-right: 0.5em;
    color: #A9A6A0;
    font-weight: 900;
}
.facet-options input[type="checkbox"] + label:before {
    width: 1em;
    float: left;
    margin-right: .75em;
    font-family: "Font Awesome 5 Free";
    /*content:"\f096";*/
    content:"\f0c8";
    font-size: 1.1em;
    padding-right: 0.5em;
    color: #A9A6A0;
    font-weight: 400;
}
.facet-options li {
    padding: .15em 0;
}
#facets-component #search-toggle:after {
    content: "";
}
#facets-component .facet-options {
    margin-bottom: 0;
}

.edition-statement {
    display: block;
    color: #999;
    font-size: .9em;
    line-height: 1.5em;
}

.meta-title a,
.meta-additional {
    color: #128085;
}

.result {
    padding: .8em;
    height:auto!important;
    overflow: auto;
}
.result a:hover {
    text-decoration: none;
}
.result:nth-child(odd) {
    background: #F5F5F5;
}

.results-header > div > span {
    display: inline-block;
}

.result-meta {
    padding: .6em 0 0 0;
    margin: 0;
    font-size: .75em;
    color: #7F7F7F;
    list-style: none;
}
.result-meta a {
    vertical-align: middle;
}
.result-meta li {
    display: inline;
    font-size: 1.2em;
    line-height: 1em;
}

.result-title {
    margin: .25em 0;
    font-weight: 600;
}
.result-title a {
    color: #1e6976;
}
.result-title a:hover {
    color: #128085;
    text-decoration: underline;
}
.result-title a:visited {
    color: #666157;
    text-decoration: underline;
}

.result-summary {
    font-size: .9em;
    margin: 0;
    line-height: 1.4em;
    overflow: hidden;
}
.result-summary > span > em {
    background: #edd2a3;
    border-radius: 2px;
    padding: 0 .1em;
    font-style: normal;
}

.results-viewing {
    display: inline-block !important;
}

#facets-component .panel-heading a:after {
    font-family: "Font Awesome 5 Free";
    content: "\f077";
    float: right;
    color: #969696;
    line-height: 0;
    margin-top: -.5em;
    font-weight: 900;
}
#facets-component .panel-heading a.collapsed:after {
    font-family: "Font Awesome 5 Free";
    content: "\f078";
    float: right;
    color: #969696;
    line-height: 0;
    margin-top: -.5em;
    font-weight: 900;
}






/*------  $MEDIA QUERIES ------*/

@media (max-width: 340px) {

    #advanced-search-form div,
    #advanced-search-form h4,
    #article-type-filter div,
    #language-filter div
    {
        padding: 0;
    }

    #language-filter checkbox:first-child, #article-type-filter checkbox:first-child {
        padding-bottom: 0;
    }

    .clndr-month {
        width: 100%;
    }

    .space-panel {
        padding: 0 1em;
    }

}





/*------------------------------------*\
    XS
    <1200px
\*------------------------------------*/

@media (max-width: 1199px) {

    h3 {
        margin-top: 0;
        padding-top: 0;
    }

    footer {
        border: none;
        margin-bottom: 0;
    }

    nav.slide-menu-left a,
    nav.slide-menu-right a,
    nav.push-menu-left a,
    nav.push-menu-right a {
        padding: 10x !important;
        font-size: 14px !important;
    }

    #facets-component #facet-close {
        position: absolute;
        top: .7em;
        right: .7em;
        cursor: pointer;
        font-size: 1.25em;
    }

    #facets-component .panel,
    #facets-component .panel-title,
    #facets-component .panel-default > .panel-heading {
        background-color: #414445 !important;
        border: 0;
    }
    #facets-component .panel-group .panel + .panel {
        margin-top: 0;
    }
    #facets-component .panel-body,
    #facets-component .panel-heading {
        padding: 0;
    }
    #facets-component .panel-group .panel-heading + .panel-collapse .panel-body {
        border-top: 0;
    }

    #facets-component .panel-body label {
        width: 100%;
        padding: 0 .75em;
        font-weight: 500;
        margin-bottom: 0;
    }

    select[multiple]  {
        margin-bottom: 1em;
    }


    #article-type-filter,
    #language-filter {
        margin: 0;
        margin-left: 1em;
        padding: .5em;
    }
    #article-type-filter .form-group:first-of-type .checkbox:last-child {
        margin-bottom: 0;
    }
    #article-type-filter .form-group:nth-of-type(2) .checkbox:first-child {
        margin-top: 0;
    }

    #article-types-first {
        margin-bottom: 0;
        margin-left: 2em;
    }
    #article-types-second {
        margin-top: -4px;
        margin-left: 2em
    }
    #article-types-second .checkbox:first-of-type {
        margin-top: 0;
    }

    #calendar-key span {
        display: block;
    }

    #content-canvas,
    #content-wrapper {
        height: 500px;
    }

    #content-search,
    #content-browse {
        font-size: .97em;
    }
    #content-search {
        padding-bottom: 2em;
    }

    #facet-reset {
        background-color: #969696;
        border: 1px solid #333;
        color: #333;
    }

    #header-xs {
        padding: .2em;
    }
    #header-xs i {
        color: #05676B;
    }

    #header-xs-menu {
        margin-top: .1em;
        font-size: 1.5em;
    }

    #home
    #zoom-in,
    #zoom-out {
        display: none;
    }

    #irs-1 {
        margin-top: 1em;
    }

    #lang-switch-mobile {
        height: 25px;
        width: 25px;
        font-weight: 600;
        font-size: 0.6em;
        line-height: .8em;
        background-color: #05676B;
    }

    #llgc_footer_text > * {
        display: block;
    }

    #search-titles-chosen .search-choice-disabled {
        background-color: #FFF !important;
        border: 0px none;
        color: #9B9A9A !important;
    }

    #filter-facets {
        background-color: #414445;
        color: #fff;
        border: 0.5px solid #D3D3D3;
        border-radius: 3px;
    }

    .logo-nlw {
        max-height: 30px;
        max-width: 30px;
        margin: .25em;
    }

    .site-search input {
        border-radius: 4px 0 0 4px;
    }

    #publication-buttons a {
        width: 100%;
    }

    .article-type-filter {
        margin-top: 2.75em;
    }

    .btn-lang {
        color: #fff;
        background-color: #35A1A5;
    }
    .btn-lang:hover {
        background-color: #248D91;
        color: #fff;
        border-color: #248D91;
    }

    .checkbox input[type='checkbox'] + label:before,
    .checkbox input[type='radio'] + label:before {
        font-size: 1.25em;
    }
    .checkbox-multi {
        margin-bottom: .75em;
    }

    .keyword-fields .form-group:first-child {
        margin-bottom: 1em;
    }

    .results-header h1 {
        margin-top: 0em;
    }

    .lang-type {
        margin: 0 !important;
        padding: .2em 0;
    }

    .navbar {
        position: relative;
        margin-bottom: -110px;
    }

    .navbar-fixed-top,
    .navbar-fixed-bottom {
        z-index: 0 !important;
    }

    .navbar-toggle {
        border: 0;
        margin-top: 1em;
        padding: 0;
    }
    .navbar,
    .navbar-header,
    .navbar-collapse {
        background-color: #128085;
    }
    .navbar-inverse,
    .navbar-collapse {
        border: none;
        box-shadow: none;
    }
    .navbar-inverse .navbar-toggle:hover {
        background-color: #eee;
    }
    .navbar-inverse .navbar-toggle:focus {
        background-color: #ddd;
    }
    .navbar-inverse .navbar-brand {
        color: #fff;
    }
    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #128085;
    }

    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:hover,
    .navbar-inverse .navbar-nav > .active > a:focus {
        background-color: #C6C6C6;
    }
    .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a:focus {
        background-color: #C6C6C6;
        color: #128085;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #128085;
    }

    .navbar .container {
        background-color: #ddd;
    }

    .navbar-nav > li > a {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 1.5em;
    }

    .navigator {
        display: none !important;
    }

    .pagination li a {
        padding: 4px 12px;
    }

    .pagination-links {
        margin: 0 auto;
        display: block;
    }

    .panel-heading,
    .panel-title {
        padding-top: 0;
        padding-bottom: 0;
        line-height: 2.3em;
    }
    .panel, .panel-title, .panel-default > .panel-heading {
        background-color: #ddd;
    }
    .panel-heading a:after {
        font-family: "Font Awesome 5 Free";
        content: "\f106";
        float: right;
        color: #ccc;
        line-height: 2em;
        margin-top: -.5em;
        font-weight: 900;
    }
    .footer .panel-heading a:after {
        color: #808080;
    }
    .panel-heading a.collapsed:after {
        font-family: "Font Awesome 5 Free";
        content: "\f107";
        font-weight: 900;
    }
    .panel-group .panel {
        border-radius: 0;
        border-bottom: 1px solid #565656;
    }
    .radio, .checkbox-single, .checkbox-multi {
        padding-left: 0;
    }

    .search-header {
        font-size: 1.1em;
        text-align: center;
        margin: .5em 0;
    }

    .space-panel {
        padding: 0 2em;
    }

    .year-dropdown {
        margin-bottom: .5em;
    }
    .year-dropdown label {
        padding: .5em 0;
    }

    .mask {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 15;
        width: 100%;
        height: 100%;
    }

    /* general style for all menus */
    nav.menu {
        color: #fff;
        background-color: #414445;
        overflow: hidden;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    nav.menu ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    nav.menu a {
        font-weight: 300;
        color: #fff;
    }
    button.close-menu {
        background-color: #3184a1;
        color: #fff;
    }
    button.close-menu:focus {
        outline: none
    }





    nav.slide-menu-left button.close-menu,
    nav.slide-menu-right button.close-menu,
    nav.push-menu-left button.close-menu,
    nav.push-menu-right button.close-menu {
        margin: 10px 0;
        padding: 10px 30px;
        background-color: #3184a1;
        color: #fff;
    }


    body.sml-open nav.slide-menu-left,
    body.pml-open nav.push-menu-left {
        left: 0
    }
    body.smr-open nav.slide-menu-right,
    body.pmr-open nav.push-menu-right {
        right: 0
    }

    /* slide menu top and bottom */
    nav.slide-menu-top,
    nav.slide-menu-bottom,
    nav.push-menu-top,
    nav.push-menu-bottom {
        left: 0;
        width: 100%;
        height: 100px;
    }
    nav.slide-menu-top ul,
    nav.slide-menu-bottom ul,
    nav.push-menu-top ul,
    nav.push-menu-bottom ul {
        text-align: center;
        padding: 25px 0 0 0;
    }
    nav.slide-menu-top li,
    nav.slide-menu-bottom li,
    nav.push-menu-top li,
    nav.push-menu-bottom li {
        display: inline-block;
        margin: 0;
        vertical-align: middle;
    }
    nav.slide-menu-top a,
    nav.slide-menu-bottom a,
    nav.push-menu-top a,
    nav.push-menu-bottom a {
        display: block;
        line-height: 50px;
        padding: 0 10px;
        font-size: 18px;
    }
    nav.slide-menu-top button.close-menu,
    nav.slide-menu-bottom button.close-menu,
    nav.push-menu-top button.close-menu,
    nav.push-menu-bottom button.close-menu {
        display: block;
        line-height: 50px;
        margin: 0;
        padding: 0 10px;
    }
    nav.slide-menu-top,
    nav.push-menu-top {
        top: -100px
    }
    nav.slide-menu-bottom,
    nav.push-menu-bottom {
        bottom: -100px
    }
    body.smt-open nav.slide-menu-top,
    body.pmt-open nav.push-menu-top {
        top: 0
    }
    body.smb-open nav.slide-menu-bottom,
    body.pmb-open nav.push-menu-bottom {
        bottom: 0
    }
    body.pmt-open #wrapper {
        top: 100px
    }
    body.pmb-open #wrapper {
        top: -100px
    }

}





/*------------------------------------*\
    XS & SM
    <991px
\*------------------------------------*/

@media (max-width: 991px) {

    #article-panel-container {
        width: 290px;
        right: -290px;
    }

    #content-search,
    #content-browse {
        height: auto;
    }

    #content-wrapper.show-nav #article-panel-container {
        -webkit-transform: translateX(-290px);
        -moz-transform: translateX(-290px);
        -ms-transform: translateX(-290px);
        -o-transform: translateX(-290px);
        transform: translateX(-290px);
    }

    #filter-facets {
        font-size: 1em;
    }

    #publication-buttons a {
        margin-bottom: .5em;
    }

    .footer .panel,
    .footer .panel-heading {
        background-color: #ddd;
        border: 0;
        box-shadow: none;
    }
    .footer .panel-heading {
        font-weight: 600;
    }

    .logo-erdf,
    .logo-wg {
        width: 125px;
        height: auto;
        margin: 10px;
    }
    .logo-erdf {
        float: left !important;
    }
}





/*------------------------------------*\
    SM
    >768px <991px
\*------------------------------------*/

@media (min-width: 768px) and (max-width: 991px) {

    #article-panel-container-test {
        top: 172px;
    }

    #content-search {
        padding-bottom: 2em;
    }

    #results-header-row {
        padding: 0 15px;
    }

    #page-controls {
        text-align: center;
    }

    #results-component {
        padding: 0 15px;
    }

    .results-header {
        padding: 0 15px;
    }

    .year-dropdown {
        padding: 0;
    }
    .year-dropdown:first-child {
        padding-right: 1em;
    }
    .year-dropdown:nth-child(2) {
        padding-left: 1em;
    }

}





/*------------------------------------*\
    SM & MD
    >768px <992px
\*------------------------------------*/

@media (min-width: 768px) and (max-width: 991px) {

    .container {
        width: 100%;
    }

    #calendar .clndr .days-container .events {
        position: absolute;
        left: 800px;
    }
    #calendar .clndr .days-container.show-events .days {
        left: -800px;
    }

}





/*------------------------------------*\
    SM, MD & LG
    >768px
\*------------------------------------*/

@media (min-width: 768px) {

    #content-search,
    #content-browse {
        letter-spacing: -.03em;
    }

    .logo-nlw[src$='.svg'] {
        width: auto;
        height: 35px;
    }

    .site-search {
        margin-top: .5em;
    }
    .site-search input {
        padding-right: 2em;
        border-radius: 4px !important;
    }

    .search-header span .hidden-xs {
        display: inline-block;
    }

}





/*------------------------------------*\
    MD
    >992px <1200px
\*------------------------------------*/

@media (min-width: 991px) and (max-width: 1199px) {

    #calendar .clndr .days-container .days .day,
    #calendar .clndr .days-container .days .empty {
        width: 12% !important;
    }

    #content-search,
    #content-browse {
        padding: 0 2em;
    }

    #illustration-types i {
        font-size: 1.2em;
        padding-left: 0;
        line-height: .7em;
    }

}





/*------------------------------------*\
    MD & LG
    >992px
\*------------------------------------*/

@media (min-width: 991px) {

    #illustration-types i {
        left: 0;
    }

    #search-wrapper.show-nav #search-canvas {
        -webkit-transform: translateX(-290px);
        -moz-transform: translateX(-290px);
        -ms-transform: translateX(-290px);
        -o-transform: translateX(-290px);
        transform: translateX(-290px);
    }
    #search-menu {
        left: 0;
        position: relative;
        width: 25%;
    }

    .results-header h4 {
        margin-bottom: 1.2em;
    }

    .no-js #search-menu {
        position: absolute;
    }

    #select-titles {
        height: 7em;
    }

}

/*** Design Consolidation Quirks n' Tweaks ***/

/* Wider container to match all branded site widths */

@media (min-width: 1200px) {
    .container {
        min-width: 85em !important;
        width: 75% !important;
    }
}

/* Radios and checks on frontpage and adv search: lifted directly from existing local Bootstrap v3.0.3 */
.radio, .checkbox {
    /*padding-left: 20px;*/
}

/*------------------------------------*\
    Search Module
\*------------------------------------*/
.llgc_search_module_title {
    background-color: #383838;
    color: #fff;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
}

.llgc_search_module_body {
    background-color: #dfe5e5;
    padding-top: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #383838;
}

@media (max-width: 768px) {
    .llgc_search_module_body {
        padding-top: 0.4rem;
        padding-bottom: 0.4rem;
    }
}

.llgc_search_module_body a {
    font-size: 1.2em;
    font-weight: normal;
}

@media (max-width: 768px) {
    .llgc_search_module_body a {
        font-size: 1em;
        font-weight: normal;
    }
}

.llgc_search_module_image {
    padding-right: 0.5em;
    padding-bottom: 0.5em;
}


.llgc_search_module_feedback {
    border: 1px solid #128085;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    font-size: 0.9em;
}


/*------------------------------------*\
    Design Con Changes
\*------------------------------------*/

@media only screen /* adding only query */
    /*and (min-width: 768px)*/
and (max-width: 1199px) {
    .Llgc_navbar_title {
        float: none;
        margin-right: -15px !important;
        margin-left: -15px !important;
        padding-left: 1em;
    }
    .container {
        width: 100% !important;
    }
    .col-md-6 {
        width: 100%;
    }

    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: none;
    }
    .llgc_header_xs_buttons {
        float: left;
        margin: 0;
        background-color: #128085;
        color: #FFF !important;
        padding: 0.5em;
    }
    .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
        background-color: #128085 !important;
        border-color: #128085 !important;
        color: white !important;
    }

    .llgc_header_xs_buttons:nth-of-type(2) {
        border-right: 1px white solid;
        border-left: 1px white solid;
    }

    .llgc_header_xs_buttons > .btn-default {
        background-color: #128085;
        border-color: #128085;
        color: white;
    }

    select.form-control.chosen.chosen-select.chosen-href {
        background-color: #128085;
        border-color: #128085;
        color: white;
    }

    #resultsPagination{
        padding-top: 0.75em;
    }

    .llgc_xs_dropdown-menu {
        float: left;
        overflow: hidden;
        width: 100%;
        padding: 1em 3em;
        border-radius: 0em !important;
    }

    #search-results-component{
        padding-top: 1em;
    }

    #dropdown-results-right {
        padding-top: 2.2em;
    }

    #mobile_pagination_button{
        line-height: 0.6rem !important;
    }

    #mobile_pagination_button > .float-right > select:nth-child(1) {
        background-color: #128085 !important;
        border: none !important;
        color: white;
    }
}

#facet-reset-2{
    padding-top: 1em !important;
}

/* Search Results*/

.input-group[class*=col-] {
    padding-right: 15px;
}

/* 610px - 899px */
@media only screen /* adding only query */
and (min-width: 610px)
and (max-width: 899px) {
    .results-viewing.col-xs-7 {
        width: 47%;
    }
}

/* 900px - 1199px */
@media only screen /* adding only query */
and (min-width: 900px)
and (max-width: 1199px) {
    .results-viewing.col-xs-7 {
        width: 42%;
    }
}

/*Dropdown Styling*/

/*Titles - white*/
ul.list-unstyled:nth-child(1) > div:nth-child(1) > h3:nth-child(1) {
    color: white !important;
}

ul.list-unstyled:nth-child(2) > div:nth-child(2) > h3:nth-child(1) {
    color: white;
}

/* md */
@media only screen /* adding only query */
and (min-width: 624px)
and (max-width: 1199px) {
    ul.dropdown-menu {
        width: 100% !important;
    }
}

/* =>lg */
@media only screen /* adding only query */
and (min-width: 1199px) {
    ul.dropdown-menu {
        width: 33em !important;
    }
}


/* < 399px */
@media only screen /* adding only query */
    /*and (min-width: 327px)*/
and (max-width: 326px) {
    .dropdown-menu {
        width: 23em;
        left: -6em;
    }
}

/* < 399px */
@media only screen /* adding only query */
and (min-width: 327px)
and (max-width: 398px) {
    .dropdown-menu {
        width: 26em;
        left: -6em;
    }
}

/* < 449px */
@media only screen /* adding only query */
and (min-width: 399px)
and (max-width: 448px) {
    .dropdown-menu {
        width: 29em;
        left: -7em;
    }
}

/* < 484px */
@media only screen /* adding only query */
and (min-width: 449px)
and (max-width: 484px) {
    .dropdown-menu {
        width: 31em;
        left: -7em;
    }
}

/* < 510px */
@media only screen /* adding only query */
and (min-width: 485px)
and (max-width: 509px) {
    .dropdown-menu {
        width: 34em;
        left: -8em;
    }
}

/* < 566px */
@media only screen /* adding only query */
and (min-width: 510px)
and (max-width: 565px) {
    .dropdown-menu {
        width: 36em;
        left: -9em;
    }
}

/* < 625px */
@media only screen /* adding only query */
and (min-width: 566px)
and (max-width: 625px) {
    .dropdown-menu {
        width: 38em;
        left: -10em;
    }
}

.navbar-header a {
    color: white;
}

#bottom-pagination{
    padding-right: 2em;
}

#results h2{
    margin: 0 0 .5em 0;
    font-size: 1.8em;
    color: #7b766d;
    font-weight: 500;
}
/* */
@media only screen /* adding only query */
and (max-width: 1199px) {
    .navbar-brand {
        font-size: 24px;
        font-weight: 500 !important;
    }
}

/* xs > lg  facet menu styling*/
@media only screen /* adding only query */
and (max-width: 1199px) {
    #facets-component .panel-body label{
        font-weight: 600;
    }
    .facet-options li {
        padding: .40em 0;
    }
    #facets-component .panel-heading a:after{
        color: white;
        position: relative;
        bottom: 0.9em;
    }
    #facets-component .panel-heading a.collapsed:after{
        color: white;
        position: relative;
        bottom: 0.9em;
    }
    #facets-component .panel-title {
        font-weight: 500;
    }
    .facet-count{
        color: white;
    }
}

/* Calender Key */
@media only screen /* adding only query */
and (max-width: 1199px) {
    #calendar-key-heading {
        background-color: #ddd !important;
    }
}

/* Calender Key */
@media only screen /* adding only query */
and (max-width: 1199px) {

    #llgc_wno_regionalHeading{
        float: left !important;
        width: 73%;
        padding-right: 0;
    }

    #llgc_wno_regionalMobilePagination {
        float: right;
        width: 27%;
        padding-left: 0;
        padding-top: 0.3em;
        padding-bottom: 0.3em;
    }
}



/* Slide in Facet Menu */

@media only screen /* adding only query */
and (max-width: 1199px) {
    #facet-close-button {
        font-size: 2em;
        padding: 0.5em;
    }

    #facets-component .panel-title {
        font-size: 18px;
    }

    .panel-heading, .facet-options {
        background-color: #414445 !important;
    }

    .panel {
        border: #414445
    }

    #llgc_slidein_search_results{
        padding: 1em 1em 1em 1.5em;
    }

    #llgc_slidein_search_results h2{
        color: white !important;
        font-size: 2em;
    }
    ::placeholder {
        color: white;
        opacity: 1; /* Firefox */
    }
}

span.checkbox.checkbox-multi.article-type{
    margin-top: 0;
}

#advanced-search-title {
    margin: 0 0 .5em 0;
    font-size: 1.3em;
    color: #7b766d;
    font-weight: 500;
}
#keywordSearchTitle{
    font-size: 1.3em;
}

/* Select2 box*/
.select2-selection {
    border: 1px solid rgb(204, 204, 204) !important;
    border-image-source: initial !important;
    border-image-slice: initial !important;
    border-image-repeat: initial !important;
    border-radius: 4px !important;
    padding: 3px 5px !important;
    font-size: 14px !important;
}

span.select2-selection.select2-selection--single{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}


#page-controls-mobile {
    z-index: 1;
}