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

.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%;
}

.range-slider .irs-from:after,
.range-slider .irs-to:after {
    border-top-color: #6E7D84;
}

.range-slider .irs-bar,
.range-slider .irs-from,
.range-slider .irs-to {
    background: #6E7D84;
}

.doc-preview {
    max-height: 16em;
    margin: 0 15px 15px 0px;
}

#dist-graph {
    width: 100%;
    height: 210px;
    margin-bottom: 3em;
}

#dist-graph a {
    font-weight: 500;
}

b, strong {
    font-weight: 500;
}

label {
    font-weight: 500;
}

.selectize-dropdown .optgroup-header, .selectize-dropdown [data-selectable] {
    text-transform: capitalize;
}

.selectize-dropdown, .selectize-input, .selectize-input input {
    font-size: inherit;
    text-align: left !important; /* Added by PLM, 2019-10-21 to make Places dropdown work like Journals */
}

.selectize-input {
    min-height: 34px;
    padding: .5em .8em;
}

::selection {
    background: #004363; /* WebKit/Blink Browsers */
    color: #fff;
}

::-moz-selection {
    background: #004363; /* Gecko Browsers */
    color: #fff;
}

a {
    color: #1D518C;
    text-decoration: none;
    font-weight: 500;
}

a:hover,
a:focus {
    color: #699CB7;
    text-decoration: underline;
}

a:visited {
    color: #78898A;
}

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

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

h1 {
    margin: .1em 0;
    font-size: 1.6em;
    color: #fff;
    line-height: 1.4em;
}

h2 {
    margin: 0 0 .5em 0;
    font-size: 1.8em;
    color: #7b766d;
    font-weight: 500;
}

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

h2 a {
    color: #2F7DA2;
    font-size: .8em;
}

h2 a:hover,
h2 a:focus {
    color: #D5E4E5;
}

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

label,
.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;
}

.btn {
    text-decoration: none;
}

.btn.focus, .btn:focus, .btn:hover {
    color: #ccc;
    text-decoration: none;
}

.btn:visited {
    color: #fff;
}

/* 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;
}

.btn-custom,
.dropdown-menu {
    background-color: #33637A;
    color: #fff;
    border-color: #699CB7;
}

.btn-custom:hover,
.btn-custom.active,
.btn-custom .open {
    background-color: #699CB7;
    color: #fff;
    border-color: #699CB7;
}

/* Custom override for default Bootstrap button (SECONDARY - black on white) */
.btn-secondary {
    color: #fff;
}

.btn-secondary {
    background-color: #4F5F60;
    color: #fff;
    border-color: #699CB7;
}

.btn-secondary:hover {
    background-color: #6D8182;
    color: #fff;
    border-color: #699CB7;
}

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

/* Classes for quick margins or removing Bootstrap's default element padding */
.no-padding {
    padding: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.margin-bot-0 {
    margin-bottom: 0;
}

.margin-bot-1 {
    margin-bottom: 1em;
}

.margin-top-1 {
    margin-top: 1em;
}

.margin-top-3 {
    margin-top: 3em;
}

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

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

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

.input-xs input {
    border-radius: 3px 0 0 3px;
}

.input-xs .btn {
    border-radius: 3px;
}

.search-submit {
    background: none;
    border: none;
    font-size: 1.2em;
    line-height: 1.1em;
    position: absolute;
    right: 2px;
    color: #127570;
    z-index: 5;
}

.search-submit-mobile {
    font-size: 1.1em;
    position: absolute;
    bottom: 1px;
}

/*------------------------------------*\
    $HOME/HOME-VIEW.PHP
\*------------------------------------*/
.selectize-control {
    position: static !important;
}

.container-main {
    box-shadow: 0 0 5px #999;
    background: #fff;
}

.llgc_wjo_intro {
    font-weight: 500;
    font-size: 1.16em;
    color: #33637a;
}

.content-header {
    color: #fff;
    min-height: 4em;
    background-color: #33637A;
    /* background-image: url('../../assets/img/wpo_header.png'); */
    background-repeat: no-repeat;
    background-position: top right;
}

.content-header > a,
.content-header .btn {
    margin-top: .8em;
}

.content-header p {
    margin: 0 0 5px;
    line-height: 1.1em;
}

.content-introduction {
    display: inline-block;
    padding: 1em 5em;
}

.content-introduction h1:first-child {
    margin-top: 0;
}

/*.content-home {
    background-image: url('../img/bg.png') !important;
    background-repeat: no-repeat;
}*/

.header-title {
    font-size: 1.6em;
    color: #fff;
}

.header-title a {
    color: #fff;
    line-height: 1.4em;
    text-decoration: none;
}

.header-title a:hover {
    text-decoration: underline;
}

.header-title sup {
    font-size: .65em;
    text-transform: uppercase;
    color: #d2d2d2;
}

.header-title i {
    margin-right: 0.3em;
}

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

h2.search-alignment {
    margin-bottom: -8px;
}

.icon-searchtip {
    font-size: 1.4em;
}


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

header {
    margin-top: 1em;
    margin-bottom: .5em;
}

.icon-share {
    font-size: 1.5em;
    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 {
    text-decoration: none;
}

.social-media a:hover {
    text-decoration: none;
    cursor: pointer;
}

.history-menu {
    min-width: 20em;
    z-index: 9999;
}

.history-item {
    padding: 3px 20px;
}

.history-menu > li > a {
    color: #fff;
}

.history-menu > li > a:hover {
    background-color: #699CB7;
    color: #fff;
}

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


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

address {
    margin-bottom: 10px;
}

address strong {
    display: block;
}

.footer-details {
    border-top: 1px solid #999999;
    font-size: .9em;
    margin-bottom: 10px;
}

.footer-details 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-europeana,
.logo-erdf,
.logo-jisc,
.logo-wg {
    width: auto;
    margin: 5px;
}

.logo-jisc,
.logo-wg {
    height: 4.5em;
}

.logo-europeana {
    height: 9em;
}

.logo-erdf {
    height: 10em;
}


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


/*------------------------------------*\
    $SEARCH/RESULTS-VIEW.PHP
\*------------------------------------*/
.pagination-mobile {
    width: 5em;
    background-color: #33637A;
    border: transparent;
}

.result:nth-child(2n+1) {
    background: #F5F5F5;
}

.result {
    padding: 0.8em;
}

.result-metadata {
    color: rgb(144, 144, 144);
    font-size: 0.9em;
}

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

.dropdown-menu input[type="radio"]:checked + label::before {
    width: 1em;
    float: left;
    margin-right: .75em;
    font-family: "Font Awesome 5 Free"; /* updated font-family */
    font-weight: 900; /* solid style/weight */
    content: "\f058";
    font-size: 1.1em;
    padding-right: 0.5em;
    color: #fff;
}

.dropdown-menu input[type="radio"] + label::before {
    width: 1em;
    float: left;
    margin-right: .75em;
    font-family: "Font Awesome 5 Free"; /* updated font-family */
    font-weight: 900; /* solid style/weight */
    content: "\f111";
    font-size: 1.1em;
    padding-right: 0.5em;
    color: #ccc;
    font-weight: 300;
}

.facet-panel {
    background: #E5E3E0;
    overflow: auto;
    margin-bottom: .5em;
}

.facet-panel h2 {
    font-size: .96em !important;
    padding: .3em .4em;
    background: #BCBAB7;
    font-weight: 500;
    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;
}

[id^="filter-facets-"] {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #DDD;
    border-radius: 3px;
    font-size: .9em;
    padding: .2em .25em .2em .75em;
}

#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%;
}

#facet-reset-3 {
    margin: 0 0 0.5em 0.6em !important;
}

#facet-reset-4 {
    margin: 0 0 0.5em 0.6em !important;
}

#filterList {
    margin-bottom: 0;
}

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

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

#facets-component .panel-body label {
    width: 100%;
    padding: 0 .75em;
    font-weight: 400;
    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"; /* updated font-family */
    font-weight: 400; /* regular style/weight */
    content: "\f14a";
    font-size: 1.1em;
    padding-right: 0.5em;
    color: #A9A6A0;
}

.facet-options input[type="checkbox"] + label:before {
    width: 1em;
    float: left;
    margin-right: .75em;
    font-family: "Font Awesome 5 Free"; /* updated font-family */
    font-weight: 400; /* regular style/weight */
    content: "\f0c8";
    font-size: 1.1em;
    padding-right: 0.5em;
    color: #A9A6A0;
}

.facet-options li {
    padding: .15em 0;
}

#facets-component #search-toggle:after {
    content: "";
}

#facets-component .facet-options {
    margin-bottom: 0;
}

.table-metadata {
    font-size: .75em;
    margin: 2em 0;
}

.table-metadata > tbody > tr > td {
    padding: 0;
}

.table-metadata > tbody > tr > td:first-child {
    font-weight: 500;
}

.result-title > a > em,
.result-summary > span > em {
    background: #fbf6c4;
    border-radius: 2px;
    padding: 0 .1em;
    font-style: normal;
}

.pagination {
    margin: 0;
    padding: 0;
}

.pagination li a {
    padding: .15em .8em;
}

.pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #33637A;
    border-color: #33637A;
}

.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: #33637A;
    border-color: #33637A;
}

.pagination > li > a, .pagination > li > span {
    color: #33637A;
}

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

#facet-reset {
    margin-bottom: -3em;
}

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

#ocr p {
    margin: 1em 0;
}

#ocr button {
    background-color: #33637A;
}

#uv {
    width: 100%;
    height: 768px;
}

.autocompleteText {
    color: #000;
}

.searchText {
    color: #000;
}

.iiif-metadata-component .groups .group .items .item .label {
    font-size: 1em;
    width: 100%;
    display: block;
    text-align: left;
    padding-left: 0;
}

.uv .footerPanel .searchOptions .label {
    font-size: 1em;
    line-height: normal;
}

.uv .footerPanel .searchResults .label.right {
    font-size: 1em;
}

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

/*------------------------------------*\
    XS
    <1199px
\*------------------------------------*/

@media (max-width: 1199px) {

    .dropdown-menu {
        width: 100%;
    }

    .no-padding-xs {
        padding: 0;
    }

    .text-right-xs {
        text-align: right;
    }

    .llgc_footer_logos {
        text-align: center;
    }

    .results-header {
        padding: .5em 1em 0 1em;
    }

    .content-search,
    .content-browse,
    .content-introduction {
        padding: 0 3em;
    }

    .content-introduction {
        margin: 1em 0;
    }

    .alert {
        margin: 1em 2em;
    }

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

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


    #advanced-search-title {
        padding-left: 0;
    }

    #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: #33637A;
    }

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

    #lang-switch-mobile {
        height: 25px;
        width: 25px;
        font-weight: 500;
        font-size: 0.6em;
        line-height: .8em;
        background-color: #33637A;
    }

    #llgc_footer_text > * {
        display: block;
    }

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

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

    .btn-lang {
        color: #fff;
        background-color: #76A47B;
    }

    .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;
    }

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

    .container-nav {
        height: 100px;
    }

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

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

    .navbar-toggle {
        border: 0;
        margin-top: 1em;
        padding: 0;
    }

    .navbar,
    .navbar-header,
    .navbar-collapse {
        background-color: #33637A;
    }

    .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: #33637A;
    }

    .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: #33637A;
    }

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

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

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

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

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


    .facet-options li {
        padding: 0.25em 0;
    }


    input[id^="filter-facets-"] {
        background-color: #414445;
        color: #fff;
        border: 0.5px solid #D3D3D3;
        border-radius: 3px;
    }

    .facet-panel h2 {
        background: #414445;
        color: #fff;
    }

    .facet-panel label {
        background: #414445;
        color: #fff;
    }

    .facet-panel label:hover {
        background: #545D60;
    }

    #facets-component .panel-heading {
        padding: 5px;
    }

    /* Slide menu CSS:
    http://callmenick.com/post/slide-and-push-menus-with-css3-transitions; */
    #wrapper {
        position: relative;
        top: 0;
        left: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

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

    /* general style for all menus */
    nav.menu {
        color: #fff;
        /*position: fixed;*/
        z-index: 0;
        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
    }
}


/*------------------------------------*\
    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);
    }

    input[id^="filter-facets-"] {
        font-size: 1em;
    }

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

    .footer .panel-heading {
        font-weight: 500;
    }
}


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

@media (min-width: 768px) and (max-width: 991px) {
    .logo-nlw[src$='.svg'] {
        margin: 0.5em 1em;
    }

    .padding-sm {
        padding: 0 15px !important;
    }
}


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

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

    .content-search,
    .content-browse {
        padding: 0 5em;
    }

    #results-map {
        height: 30em;
    }

    #results-component {
        height: 30em;
    }

    .container {
        width: 100%;
    }

}


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

@media (min-width: 768px) {

    .logo-nlw[src$='.svg'] {
        width: auto;
        height: 38px;
        margin: 0.5em 0;
    }

    .site-search {
        margin-top: .5em;
    }

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

    .padding-top-sm {
        padding-top: 0.5rem
    }

}


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

@media (min-width: 991px) and (max-width: 1199px) {
    /* @TODO: get this to work */
    .highcharts-axis-labels span:not(:first-child):not(:last-child) {
        display: none;
    }
}


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

@media (min-width: 991px) {

    #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%;
    }

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

    .content {
        /* dwj - Tynnu hwn o ma ar gyfer cael y syllwr i ddangos yn iawn. */
        /* min-height: 32.5em; */
    }

}

/*------------------------------------*\
    LG
    >1200px
\*------------------------------------*/
@media (min-width: 1200px) {

    .highcharts-axis-labels span:nth-child(2n) {
        display: none;
    }

    .content-search {
        padding-left: 3em;
        padding-right: 2em;
    }

    .content-browse {
        padding-left: 2em;
        padding-right: 3em;
    }


    .no-padding-lg {
        padding: 0 !important;
    }

}

/* PLM hacakage */
.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.results-viewing.nopadding {
    margin-bottom: 1rem !important;
    padding: 1rem !important;
    background-color: #F5F5F5;
}

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

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

    #content {
        min-height: 25em;
    }
}

/*------------------------------------*\
    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;
}

@media (max-width: 768px) {
    .llgc_search_module_image:first-of-type {
        margin-bottom: 0.4em;
    }
}

.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: #33637A;
        color: #FFF !important;
        padding: 0.5em;
    }

    .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
        background-color: #33637A !important;
        border-color: #33637A !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: #33637A;
        border-color: #33637A;
        color: white;
    }

    select.form-control.chosen.chosen-select.chosen-href {
        background-color: #33637A;
        border-color: #33637A;
        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: 3.4rem !important;
    }

    .chosen-container-single .chosen-single {
        background-color: #33637A !important;
    }

    select.form-control + .chosen-container.chosen-container-single .chosen-single {

        color: #FFF !important;
        border: none !important;
    }

}

::placeholder {
    color: grey !important;
    font-size: 1em;
}

/* Search Results*/

/* 320px > 340px */
@media only screen /* adding only query */
and (min-width: 320px)
and (max-width: 340px) {
    .llgc_header_xs_buttons > .btn {
        padding: 6px 0px !important;
    }
}

/* 340px > 425px */
@media only screen /* adding only query */
and (min-width: 340px)
and (max-width: 425px) {
    .llgc_header_xs_buttons > .btn {
        padding: 6px 4px;
    }
}


.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: 36%;
    }
}

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

/*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 (max-width: 398px) {
    .dropdown-menu {
        width: 23em;
        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: -8em;
    }
}

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

/* < 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: -9em;
    }
}

.chosen-container-active {
    width: 100%;
}

div.input-group:nth-child(2) {
    z-index: 0;
}

@media only screen /* adding only query */
and (min-width: 1200px) {
    .content {
        margin-top: 1em;
    }
}

.selectize-input {
    z-index: 0 !important;
}

/* */
@media only screen /* adding only query */
and (max-width: 1199px) {
    .navbar-brand {
        font-size: 24px;
        font-weight: 500 !important;
        padding: 0.5em 0em 1em 0em !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;
    }

    #facets-component .panel-heading a.collapsed:after {
        color: white;
    }

    #facets-component .panel-title {
        font-weight: 500;
    }

    .facet-count {
        color: white !important;
    }

    .panel {
        background-color: transparent !important;
    }
}

/* 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 */
    }
}