/*------------*\
  Annual Reports Override
\*------------*/
.gstl_50 {
    line-height:1;
}
.gsc-search-button {
    margin-top: 0.45em !important;
    width: auto !important;
    height: 29px !important;
}
.gsc-selected-option-container {
    width: 8em;
}

/*------------*\
  DWG'S CHANGES
\*------------*/
.radio-custom input[type=checkbox] + label {
    display: block;
}
.radio-custom input[type='checkbox'] + label:before {
    display: inline-block;
    font-family: "Font Awesome 5 Free";  /* updated font-family */
    font-weight: 900; /* solid style/weight */
    font-style: normal;
    font-size: 1.47em;
/*    font-weight: normal;*/
    line-height: 1em;
    padding-right: 8px;
    padding-left: 2px;
    color: #636363;
    margin-top: -1px;
    vertical-align: middle;
}
.radio-custom input[type="checkbox"] + label:before {
    content: "\f1db"; /* Radio Unchecked */
    font-family: "Font Awesome 5 Free";  /* updated font-family */
    font-weight: 900; /* solid style/weight */
    color: #a9a6a0;
/*    font-weight: 200;*/
}
.radio-custom input[type="checkbox"]:checked + label:before {
    content: "\f058"; /* Radio Checked */
    font-family: "Font Awesome 5 Free";  /* updated font-family */
    font-weight: 900; /* solid style/weight */
    color: #636363;
}

.llgc_homepage_latest {
    font-size: 12px;
}

.llgc_landing_search_login {
    font-size: 0.9em;
}

.homepage-search-hr {
    border-top: 1px dashed #d7dcdc;
    margin: 0.1em 0 .25em 0;
    overflow: auto;
    display: inline-block;
    width: 100%;
}

.llgc_landing_search_login {
    margin-top: 0.75em;
    margin-left: .5em;
    padding: 0;
}

.llgc_discover_list {
    font-size: 0.9em;
    padding: 0.5em 0.5em 0 0.5em;
    /* padding: 1em 0.5em 0 0.5em; */
}

.radio-custom, .checkbox-custom {
    margin-top: 0;
    margin-bottom: 0;
}

.llgc_neges {
    background-color: #be3c41;
    padding: 10px;
    color: #fff;
    overflow: hidden;
    height: 21.5em;
    margin: -10px -10px 10px -10px;
}

@media (min-width: 992px) {
    .llgc_neges {
        height: 20em;
    }
    #llgc_homepage_search_catalogue {
        height: 25em !important;
    }
    #llgc_landing_search_homepage:not(:first-child) .llgc_discover_list {
        margin-top: 4em;
    }
}
@media (min-width: 1200px) {
    .llgc_neges {
        height: 21.5em;
    }
    #llgc_homepage_search_catalogue {
        height: 27.1em !important;
    }
}


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

/* Fix social share display for Typo3 CE wrapper */
#c44201, #c44208 {
    display: inline-block;
}

a {
    color: #810000;
}
a:hover,
a:focus {
    color: #601414 !important;
    text-decoration: none;
}


/*-- text underline exceptions

#colour-box a, #llgc_footer_nav a, #llgc_address a, #links-social a, #llgc_top_nav_items a, #llgc_left_sidebar a, #llgc_right_sidebar a, #llgc_language_choice a {
        text-decoration: none !important;
}
--*/

#llgc_main_content a {
    color: #810000;
    text-decoration: underline;
}

body {
    background-color: #d7dcdc;
    color: #484848;
    font-family: 'Roboto', sans-serif;
    margin-top: 20px;
}

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

table.tx-filelist-pi1-table th td {
    display: none !important;
}

hr 	{
    border: #d7dcdc 1px dotted;
}
.homepage-hr {
    border-top: 1px dashed #999999;
    margin: .75em 0;
    overflow: auto;
    display: inline-block;
    width: 100%;
}

.dropdown-toggle-active {
    text-decoration: none;
    background-color: #EEE;
}

label {
    font-weight: normal;
}
label:hover {
    cursor: pointer;
}

.nav-item-active > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

#llgc_main_content form input[type=text],
#llgc_main_content form input[type=password],
#llgc_main_content form textarea {
    display: inline;
    background-color: #d7dcdc;
}

#llgc_top_nav {
    border-bottom: 1px solid #999999;
    height: 37px;
    margin-top: 1em;
}
#llgc_top_nav_items ul li a {
    display: block;
}
#llgc_top_nav_items .dropdown-toggle {
    padding: 5px 10px;
}
#llgc_top_nav_items .dropdown-toggle .caret {
    margin-left: 5px;
    color: #8A8A8A;
}
#llgc_top_nav_items .dropdown-menu h4 {
    font-size: 1.1em;
    margin-bottom: 0.5em;
}

.btn-circle {
    border-radius: 50%;
    font-size: 12px;
    height: 30px;
    line-height: 1.42857;
    padding: 6px 0px;
    text-align: center;
    width: 30px;
}

/* Custom override for tx_form */

.csc-mailform ol {
    list-style-type: none !important;
}

.csc-form-element ol li {
    margin-bottom: 1em;
}

div.csc-mailform ol li {
    overflow: hidden;
    margin-bottom: 1em;
}

.csc-mailform-field {
    width: 500px;
    margin-bottom: 1em;
    clear: both;
}

.csc-mailform-field label {
    width: 10em;
    float: left;
    padding-bottom: 1em;
}

.csc-mailform-field input {
    float: left;
}


/* Custom override for default Bootstrap button (PRIMARY) */
.btn-custom {
    color: #fff !important;
}
.btn-custom {
    background-color: #B16060;
    color: #FFF;
    border-color: #B16060;
}
.btn-custom:hover,
.btn-custom .open {
    background-color: #A53535;
    color: #fff;
    border-color: #727272;
}

/* Custom Bootstrap xs buttons */
.input-xs {
    height: 22px;
    padding: 5px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

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

/* Custom radio buttons and checkboxes using FontAwesome */
.radio-custom input[type=radio],
.radio-custom input[type=checkbox],
.checkbox-custom input[type='checkbox'] {
    display: none;
}
.radio-custom input[type=radio] + label {
    display: block;
}
.checkbox-custom input[type='checkbox'] + label:before,
.radio-custom input[type='radio'] + label:before {
    display: inline-block;
    font-family: "Font Awesome 5 Free";  /* updated font-family */
    font-weight: 900; /* solid style/weight */
    font-style: normal;
    font-size: 1.47em;
/*    font-weight: normal;*/
    line-height: 1em;
    padding-right: 8px;
    padding-left: 2px;
    color: #636363;	margin-top: -1px;
    vertical-align: middle;
}
.radio-custom input[type="radio"] + label:before {
    content: "\f1db"; /* Radio Unchecked */
    font-family: "Font Awesome 5 Free";  /* updated font-family */
    font-weight: 900; /* solid style/weight */
    color: #a9a6a0;
/*    font-weight: 200;*/
}
.radio-custom input[type="radio"]:checked + label:before {
    content: "\f058"; /* Radio Checked */
    font-family: "Font Awesome 5 Free";  /* updated font-family */
    font-weight: 900; /* solid style/weight */
    color: #636363;
}
.checkbox-custom-multi input[type="checkbox"] + label:before {
    content: "\f096"; /* Checkbox Unchecked */
    font-family: "Font Awesome 5 Free";  /* updated font-family */
    font-weight: 900; /* solid style/weight */
    color: #a9a6a0;
/*    font-weight: 300;*/
}
.checkbox-custom-multi input[type="checkbox"]:checked + label:before {
    content: "\f14a"; /* Checkbox Checked */
    font-family: "Font Awesome 5 Free";  /* updated font-family */
    font-weight: 900; /* solid style/weight */
    color: #636363;
}
.checkbox-custom label,
.radio-custom label {
    padding-left: 0;
}

.llgc_header_search_aquabrowser {
    display: none;
}

/* Styles for five columns in a row */
@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

/* Adjust default Bootstrap padding */
@media (min-width: 991px) {
    div[class^="col"] {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    div[class^="col"] {
        padding-left: 5px;
        padding-right: 5px;
    }

    #llgc_homepage_grid .col-md-4 a div {
        margin-right: 5px !important;
    }
}





/*------------------------------------*\
    $HEADER
\*------------------------------------*/

#llgc_footer_social img,
#social-share img {
    height: 28px;
    width: auto;
}

#llgc_homepage_header_nav {
    font-size: .8em;
    margin-bottom: 5px;
}

#llgc-logo {
    height: 36px;
    width: auto;
}

#llgc_top_nav_items a {
    color: #000 !important;
}

.llgc_header_search .dropdown-menu {
    padding: 0;
}

.llgc_header_search_website,
.llgc_header_search_aquabrowser {
    margin-bottom: 0;
}

.llgc_dropdown_current,
.llgc_header_search .dropdown-menu,
.llgc_header_search_item {
    background-color: #494949;
    color: #fff !important;
}
.llgc_dropdown_current:hover,
.llgc_dropdown_current:focus,
.llgc_header_search_item:hover,
.llgc_header_search_item:focus,
.open > .dropdown-toggle.btn-default {
    background-color: #636363 !important;
    color: #fff !important;
}
.llgc_header_search_item {
    padding: 0px 10px;
    border-radius: 2px;
}

.llgc_dropdown_current:after {
    content:"\f0d7";
    font-family: "Font Awesome 5 Free";  /* updated font-family */
    font-weight: 900; /* solid style/weight */
}

.search-submit {
    z-index: 99;
    background: none repeat scroll 0% 0% transparent;
    border: medium none;
    font-size: 1em;
    position: absolute;
    right: 1px;
 /*   bottom: 1px;
    color: #B31212;*/
}





/*------------------------------------*\
    $COOKIE BANNER
\*------------------------------------*/

#llgc_cookie_banner {
    background-color: #ed1b2f;
    height: 101px;
    display: none;
}

#llgc_cookie_wrapper {
    margin:0 auto;
    width: 840px;
}

.llgc_cookie_notice{
    float: left;
    width: 400px;
    color: #fff;
    padding: 10px;
    cursor: pointer;
    height: 81px;
}
.llgc_cookie_notice span {
    width: 374px;
    height: 58px;
    display: block;
    margin-bottom: 10px;
    line-height: 1.1em;
    font-size: .9em
}
.llgc_cookie_notice:hover {
    background-color: #F85050;
}
.llgc_cookie_notice a {
    color: #fff;
    display: block;
    text-decoration: underline;
    margin-left: 15px;
    font-size: .9em
}
.llgc_cookie_notice img {
    float: left;
    position: relative;
    top: 4px;
}
.llgc_cookie_notice h4 {
    margin: 0 0 4px 0;
    font-size: 1.2em;
}





/*------------------------------------*\
    $FOOTER
\*------------------------------------*/

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

#llgc_address,
#llgc_opening_times {
    margin-top: 7px;
}
#llgc_address address * {
    display: block;
}
#llgc_address span,
#llgc_opening_times span {
    display: block;
}

#llgc_footer_nav {
    border-top: 1px dashed #999999;
    padding-top: 10px;
    margin-top: 10px;
    height: 2.9em;
}
#llgc_footer_nav ul li {
    float: left;
    margin-right: 10px;
}

#llgc_footer_logos img,
#llgc_footer_social img {
    margin: 10px 0;
}
#llgc_footer_logos img {
    max-width: 164px;
    height: auto;
}

.llgc_footer_sub {
    display: none;
    border-top: 1px solid #999;
}
.llgc_footer_sub a {
    display: block;
    color:#000;
    padding: 3px 0;
    font-size: .9em;
    line-height: 12px;
}
.llgc_footer_sub ul {
    margin: 10px 0;
}

.llgc_active_link_footer {
    background-image: url(/fileadmin/templates/assets-2015/img/rollover.svg);
    background-repeat: no-repeat;
    background-position: 50% 21px;
    height: 30px !important;
}





/*------------------------------------*\
    $HOMEPAGE
\*------------------------------------*/

#llgc_homepage_first_level,
#llgc_homepage_second_level,
#llgc_homepage_third_level {
    overflow: auto;
}
#llgc_homepage_third_level {
    margin-bottom: 10px;
}

h2 {
    margin: .25em 0 .5em 0;
    font-size: 1.2em;
}

.llgc_homepage_grid_item {
    height: 13em;
}
.llgc_homepage_grid_item:nth-of-type(-n+3) {
    margin-bottom: 15px;
}

.llgc_homepage_grid_text {
    padding: .5em;
    font-size: .9em;
    color: #fff;
    background-color: rgba(43, 43, 43, .7);
    position: absolute;
    height: 5.16em;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 10px;
    word-wrap: break-word;
    overflow: hidden;
}
.llgc_homepage_grid_text h3 {
    margin: 0;
    margin-bottom: .25em;
    font-size: 1.1em;
    font-weight: 600;
}
#llgc_homepage_grid .col-md-4 a div * {
    display: block;
}

#llgc_discover_aquabrowser_form_homepage {
    display: block;
}

.llgc_discover_form .dropdown-toggle {
    border-radius: 0;
    padding: 3px 12px;
}

/* Fixed heights for homepage feed images */
.img-responsive-landscape {
    height: 140px;
    overflow: hidden;
    position: relative;
}
.img-responsive-landscape img {
    position: absolute;
    top: 0;
    left: 0;
}
.img-responsive-portrait {
    height: 140px;
    overflow: hidden;
    position: relative;
}
.img-responsive-portrait img {
    position: absolute;
    top: 0;
    left: 0;
}

.llgc_homepage_feed_text {
    height: 80px;
    word-wrap: break-word;
    overflow: hidden;
}
.llgc_homepage_feed_text * {
    display: block;
}
.llgc_homepage_feed_text p {
    margin: 0;
    margin-bottom: 5px;
}
.llgc-twitter-heading a:last-of-type {
    float: right;
}

/* Important message box */
.llgc_neges {

}
.llgc_neges h1 {
    font-size: 1.46em;
    margin-top: 0;
    padding: .5em 1em .6em .8em;
    line-height: 1.2em;
}
.llgc_neges h4 {
    font-size: 1em;
    margin-top: 0;
    padding: .5em 1em .6em .8em;
    line-height: 1.2em;
}
.llgc_neges p {
    line-height: 1.18em;
}
.llgc_neges a {
    color: #fff;
}
.llgc_neges a:hover {
    color: #fff;
    text-decoration: underline;
}

.llgc_discover_form_homepage {
    display: none;
}

/* TWITTER */
.llgc_homepage_feed_text{
    background-color: #fff;
    font-size: .8em;
    padding: .5em;
}

.llgc_tweet {
    background-color: #fff;
    padding: .5em;
    margin-bottom: 5px;
    height: 70px;
    font-size: .8em;
    line-height: 15px
}
.llgc_tweet p {
    margin: 0;
    height: 5.5em;
}
.llgc_tweet span {
    position: relative;
    bottom: 15px;
}

.llgc_homepage_feed_text a {
    position: absolute;
    bottom: 0px;
    margin: 5px;
    right: 10px;
}

#colour-box {
    margin-top: -10px;
}
#colour-box h2 {
    color: #fff;
    font-size: 1.6em;
    padding: 5px;
}
#colour-box div {
    background-size: 100% 100%;
}
#llgc_homepage_whatson {
    background-image: url('/fileadmin/templates/assets-2015/img/colour-boxes/whatson.png');
}
#llgc_homepage_keepintouch {
    background-image: url('/fileadmin/templates/assets-2015/img/colour-boxes/keepintouch.png');
}
#llgc_homepage_getinvolved {
    background-image: url('/fileadmin/templates/assets-2015/img/colour-boxes/getinvolved.png');
}
#llgc_homepage_donations {
    background-image: url('/fileadmin/templates/assets-2015/img/colour-boxes/donations.png');
}
#llgc_homepage_register {
    background-image: url('/fileadmin/templates/assets-2015/img/colour-boxes/register.png');
}
#llgc_homepage_enquiries {
    background-image: url('/fileadmin/templates/assets-2015/img/colour-boxes/enquiries.png');
}

#llgc_homepage_siop {
    background-image: url('/fileadmin/templates/assets-2015/img/colour-boxes/sioparlein.png');
}

#links-social img {
    width: 2em;
}
#links-social-share {
    font-size: 1.5em;
    color: #858585;
    top: .2em;
    position: relative;
    border-left: 1px solid #F2F7F7;
    padding-left: .2em;
    margin-left: .2em;
}

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

#llgc_discover_aquabrowser_form {
    display: block;
}

#llgc_homepage_search_catalogue {
    padding: 10px;
    overflow: hidden;
}
#llgc_homepage_search_catalogue {
    background-color: #fff;
}
.llgc_homepage_latest li {
    list-style: disc;
    margin-left: 1em;
    margin-bottom: .5em;
}

#llgc_landing_search {
    height: 303px;
    overflow: hidden;
    border: 1px solid #D7DCDC;
    border-bottom: 0;
}

#llgc_landing_search_homepage h3,
.llgc_homepage_latest h3 {
    margin-top: 0;
    font-size: 1.3em;
}
#llgc_landing_search_homepage button[type=submit] {
    font-size: 21px;
    line-height: 21px;
    padding: 0 8px !important;
    height: 30px;
}
#llgc_landing_search_homepage select {
    display: none !important;
}

.llgc_discover_form {

}


.llgc_landing_search_login span {
    font-weight: 600;
}
.llgc_landing_search_login span:before {
    content:"\f02e";
    font-family: "Font Awesome 5 Free";  /* updated font-family */
    font-weight: 900; /* solid style/weight */
    font-size: 1em;
    display: inline-block;
    width: 1.2em;
    color: #ccc;
}



/*------------------------------------*\
    $CONTENT PAGES
\*------------------------------------*/

#llgc_content {
    margin-top: 10px;
}

#llgc_content a {
   color: #810000;
}

#llgc_main_content_wrapper {
    background-color: #fff;
}
#llgc_main_content {
    padding: 10px;
    margin-left: -3px;
    border-left: 3px solid #d7dcdc;
    #overflow:auto;
}
#llgc_main_content h2 {
    margin-top: 1em;
}

#llgc_main_content h1,
#llgc_no_side_content h1 {
    font-size: 1.5em;
    margin-top: .3em;
}
#llgc_main_content h2,
#llgc_no_side_content h2 {
    font-size: 1.2em;
}
#llgc_main_content h3,
#llgc_no_side_content h3 {
    font-size: 1.1em;
}
#llgc_main_content h4,
#llgc_no_side_content h4 {
    font-size: 1em;
}

#llgc_main_content ul li,
#llgc_main_content ol li,
#llgc_no_side_content ul li,
#llgc_no_side_content ol li {
    margin-left: 2em;
}





/*------------------------------------*\
    $CONTENT ELEMENTS
\*------------------------------------*/

/* File Content Element */
.llgc_ffeiliau li {
    list-style-type: none;
    list-style-image: url(/fileadmin/templates/images/download.png);
}

/* Information sessions */
#llgc_booking_wrapper ul,#llgc_booking_wrapper h1 {
    margin: 0 0 5px 0;
    padding: 0px;
}
#llgc_booking_wrapper h1 {
    padding: 10px;
    font-size: 1.2em;
}
#llgc_booking_wrapper li,
li.session_type {
    list-style: none;
}
.booking_days1,
.session_type,
li.booking_days2,
li.booking_days3 {
    padding: 10px;
}

li.booking_days1,
li.booking_days2,
li.booking_days3,
li.session_type,
li.app_hours,
li.llgc_booking_status_0,
li.llgc_booking_status_1,
li.llgc_booking_status_2,
li.llgc_booking_status_3 {
    float: left;
    border: 1px solid #BA7777;
    margin: 0px 5px 5px 0px;
}

li.llgc_booking_status_0,
li.llgc_booking_status_0:hover,
li.llgc_booking_status_1,
li.llgc_booking_status_1:hover,
li.llgc_booking_status_3,
li.llgc_booking_status_3:hover,
li.booking_days2 {
    border: 1px solid #d7dcdc;
    background-color: #d7dcdc !important;
    color: #fff !important;
}

#date_clicked_was,
#available_times,
#choose_day,
#fill_form,
#llgc_booking_session h1 {
    background-color: #333333;
    color: #fff;
    padding: 10px;
    margin: 0px;
}
#fill_form{
    margin-bottom: 10px;
    font-size: 1.4em
}
li.booking_days1:hover,
.session_type:hover {
    cursor: pointer;
    background-color:  #BA7777;
    color: #fff;
}
.active_date,
.active_sess,
.active_hours,
.active_day {
    background: #B16060;
    color: #fff;
}
#llgc_booking_times,
#llgc_booking_form,
#llgc_booking_days,
#llgc_booking_about_sess {
    clear: both;
}
#llgc_booking_about_sess0,
#llgc_booking_about_sess1,
#llgc_booking_about_sess2,
#llgc_booking_about_sess3,
#llgc_booking_about_sess4,
#llgc_booking_about_sess5,
#llgc_booking_about_sess8 {
    border: 1px solid #d7dcdc;
    padding: 10px;
    margin-bottom: 10px;
    display: none;
    margin-top: 10px;
    background-color: #d7dcdc;
}
#llgc_booking_form {
    padding: 10px 0 0 0;
}
#all_available_times li {
    padding:5px;
    width:212px;
}
#all_available_times li:hover {
    cursor:pointer;
    background-color: #BA7777;
    color:#fff;
}
#llgc_booking_form_submit {
    border:1px solid #ccc;
    padding:10px;
}
#llgc_booking_form_submit input,
#llgc_booking_form_submit textarea {
    display:block;
    margin:10px 0;
}

#llgc_booking_day_wrapper {
    height: 18em;
    width: 100%;
    overflow: hidden;
}
.llgc_booking_day_blocks {
    float: left;
}
.llgc_booking_day_blocks li {
    width: 100%;
}
#llgc_booking_day_wrapper_inner {
    width: 2500px;
}
#llgc_booking_day_buttons {
    margin-bottom:10px;
}

#llgc_booking_error {
    color: #ed1c2e;
    font-weight: 500;
    font-style: italic;
}


.surgery_lengend {
    float:left;
    width:200px;
    padding:10px;
    margin-bottom:10px;
    font-size: 15px;
    display:none;
}
.legend_booked {
    border: 1px solid #333333;
    background-color: #d7dcdc !important;
    color: black !important;
    display:none;
}
.legend_free {
    margin-left:8px;
    border: 1px solid #1190F1;
    display:none;
}
ul.surgery-list-about li {
    list-style-type:circle !important;
    margin: 0 0 0 0px;
}

.session_type {
    margin: 6px 6px 0px 0px !important;
}

ul #list_of_days li {
    padding: 5px;
}

ul #all_available_times li {
    margin: 10px 6px 0px 0px;
}






/*
#llgc_main_content form input,
#llgc_main_content form textarea {
        display: block;
}
*/

#llgc_main_content ul,
#llgc_no_side_content ul,
#llgc_main_content ol,
#llgc_no_side_content ol {
    margin: 5px;
}

#llgc_main_content ul,
#llgc_no_side_content ul {
    list-style-type: square;
    padding: 0 .5em;
}

#llgc_main_content ol,
#llgc_no_side_content ol {
    list-style-type: decimal;
}

#llgc_left_sidebar {
    border-right: 3px solid #d7dcdc;
    overflow: auto;
}

#llgc_left_sidebar h3 {
    margin-right: 10px;
    margin-bottom: 0;
    font-size: 1em;
    border-bottom: 1px solid #B1B3B3;
}

#llgc_left_sidebar a {
    color:#333333;
}

#llgc_left_sidebar ul {
    margin: 5px 10px;
    font-size: 1em;
    color: #333333;
}

#llgc_left_sidebar ul li a {
    display: block;
    width: 90%;
    padding: .25em 0;
    font-size: .95em;
}

#llgc_right_sidebar {
    margin-top: 10px;
}

.llgc_sidebar_widget {
    background-color: #d7dcdc;
    width: 180px;
    margin: 0 0 2px 0;
    padding: 10px;
}
.llgc_sidebar_widget a {
    color:#000;
    margin-left: 10px;
}
.llgc_sidebar_widget img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.llgc_sidebar_widget span {
    text-align: center;
    font-weight: bold;
    padding-top: 10px;
    display: block;
}

.llgc_active_li {
    color: #ed1b2f;
    border-bottom: 2px solid #d7dcdc;
}

#llgc_sidebar_padding {
    margin: 20px 0;
}

.llgc_image_caption {
    border:1px solid #ccc;
    background-color: #f1f1f1;
}
.llgc_image_caption span {
    padding: 10px 5px;
    display: block;
}
.llgc_image_caption img {
    display: block;
}



.llgc_sidebar_input  {
    width: 69px;
}

.llgc_button {
    background: #000;
    color: #fff !important;
    font-weight: bold;
    padding: 5px;
    margin-left: 0px !important;
    text-decoration: none !important;
}

.llgc_button:hover {
    background-color: #525252;
}

.llgc_button:active {
    background-color: #727272;
}

#llgc_sidebar_notice {
    background-color: #be3c41;
    padding: 10px;
    width: 180px;
    color: #fff;
    margin: 10px 0;
}
#llgc_sidebar_notice h3 {
    font-size: 1em;
    padding: 5px 0px 20px 0;
    margin: 0px;
    line-height: 0px;
}

#llgc_sub_landing {
    margin-bottom: 10px;
    clear: both;
}

#llgc_landing_search_strapline {
    margin: -20px 0 0 24px;
    padding: 0 0 2em 0;
    color: #666;
    font-weight: bold;
    font-size: .9em;
}

/* Sidebar styles */
.activeLink {
    border-bottom: 2px solid #B1B3B3;
}
.activeLink a  {
    color: #be3c41 !important;
    font-weight: 500;
}

.llgc_tooltip {
    cursor: pointer;
    border-bottom: 1px solid #be3c41;
    padding: 0 .3em;
}



/* LlGC Swyddi */
.tx-llgcswyddi-pi1 {
    border: 1px solid #D7DCDC;
    margin: 1em 0;
}
.tx-llgcswyddi-pi1 h2 {
    background-color: #D7DCDC;
    margin: 0 !important;
    padding: 1em !important;
}
.tx-llgcswyddi-pi1 ul {
    margin: 1em 0 !important;
}
.tx-llgcswyddi-pi1 li {
    list-style-type: none;
    padding: 0 0 0 33px;
    margin: 0 !important;
}
.tx-llgcswyddi-pi1 span {
    font-weight: bold;
    display: inline-block;
    width: 100px;
}

.swydd:before {
    content: '\f019';
    font-family: "Font Awesome 5 Free";  /* updated font-family */
    font-weight: 900; /* solid style/weight */
    font-size: .85em;
    display: inline-block;
    width: 1.2em;
    margin-left: -1.2em;
}

.widget-button {background-color: #D7DCDC; border: none;}

/* Styles the images in the button */
#llgc-image-gallery img { border: 2px solid white; margin-bottom: 10px;}

.modal-header { height: 20px; border-bottom: none !important; }

.gallery-close { color: #fff !important; }

@media (min-width: 1024px) {
    .carousel {
        width: 80%;
    }
}

.carousel-inner { 
 opacity: 1; 
}

.tx-llgcsyllwr-pi1 {
    margin-bottom: 5px;
}

#llgc-gallery-modal {float: left; display: none; background-color: #2B2C2C; }

#llgc-gallery-carousel { width: 660px; float: left; }

#llgc-gallery-carousel img { border: 8px solid rgba(255,255,255, .8); border-radius: 15px; margin: 0 auto; opacity: 1; }

#llgc-carousel-side { width: 200px; float: left; }

.llgc-gallery-caption { margin: 1em; background-color: #ffffff; height: 100%; opacity: .85; }

.llgc-gallery-caption h4 { padding: 10px 15px; font-size: .9em; width: 90%; margin: 0 0 0 0; }

#llgc-gallery-header { width: 660px; margin: 0; padding: 0; clear: right; float: left; text-align: center; height: 40px; }

#llgc-gallery-header button { margin: 0 .5em; }

#llgc-gallery-header img { margin: 0 0 .1em 0; }

span.copyright a img { border: none !important; border-radius: 0 !important; padding: 0 5px 0 0; margin: 0; }

span.copyright img { border: none !important; border-radius: 0 !important; padding: 0 5px 0 0; margin: 0; }

#gallery-buttons { margin: 0 0 .5em 80px; }

#scrolling-thumbs { width: 200px; max-height: 400px; overflow: auto; overflow: hidden; margin-left: 1em; border-top: 4px solid rgba(255,255,255, .8); border-left: 4px solid rgba(255,255,255, .8); border-bottom: 4px solid rgba(255,255,255, .8); border-radius: 15px; }

ul.gallery-thumbnails { margin: 0 auto; width: 175px; }

.gallery-chwith { background: url('/fileadmin/templates/images/widgets/arrow-white-left.png') no-repeat; height: 16px; width: 21px; border: 0; }

.gallery-dde { background: url('/fileadmin/templates/images/widgets/arrow-white-right.png') no-repeat; height: 16px; width: 21px; border: 0; }

.gallery-fyny { background: url('/fileadmin/templates/images/widgets/arrow-white-up.png') no-repeat; height: 31px; width: 41px; border: 0; }

.gallery-lawr { background: url('/fileadmin/templates/images/widgets/arrow-white-down.png') no-repeat; height: 31px; width: 41px; border: 0;
}



#llgc_search_catalogue input{background-color: #d7dcdc;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;border: none;-moz-box-shadow:none;-webkit-box-shadow: none;box-shadow: none;display: inline !important;}

#llgc_search_catalogue input[type=submit]{background: #d7dcdc url(/fileadmin/templates/images/magnifying_glass.png) no-repeat 0 4px !important;background-repeat: no-repeat;cursor: pointer;height: 28px;margin-left: -5px;margin-top: -10px;width: 27px;border: 1px solid #d7dcdc;background-position: 0px 4px;display: inline;}


/* carousel left + right buttons */

a.carousel-control span.glyphicon {

 color: white;

}


/* INHERITED styling ar gyfer y collapsing frame option */

.llgc_tr_border{border-bottom: 1px solid #000 !important;display: block !important;}

.COLappsable .contenttable {
    display: none;
}

.COLappsable
{
    background-color: #fff !important;
    margin : 0.5em 0 !important;
}

.COLappsable p, .COLappsable ul
{
    margin: 0.6em;
    display: none;
}
.COLappsable>.csc-header > h1
{
    background-color:#DE0B0B !important;
    margin: 0 !important;
    padding: 0.2em 0.2em 0.4em 0.4em !important;
    color: white !important;
    height:auto !important;
    font-size:1.2em !important;
    font-weight:bold !important;
    cursor:pointer !important;
}

.COLappsable > h1
{
    background-repeat:no-repeat;
    background-position:left;
    padding: 0px 0px 0px 0px !important;
    margin-bottom: 0;
    cursor: pointer;
}

.COLappsable h1
{
    background: #d7dcdc url(https://www.llgc.org.uk/fileadmin/templates/assets/img/collapse_plus.png) no-repeat center right;
    color: #333333 !important;
    font-size: 1.1em !important;
    padding: 0.6em 0 0.6em 0.6em !important;
}

.colminus
{
    background: #333333 url(https://www.llgc.org.uk/fileadmin/templates/assets/img/collapse_minus.png) no-repeat center right !important;
    margin-right: 0em;

}

h1.colminus
{
    color: #fff !important;
    padding: 0.6em 0 0.6em 0.6em !important;

}

/* Collaspable styling newydd - dwj */
.frame-collapsable header h2 {
    background: #d7dcdc url(https://www.llgc.org.uk/fileadmin/templates/assets/img/collapse_plus.png) no-repeat center right;
    color: #333333;
    font-size: 1.1em !important;
    padding: 0.6em 0 0.6em 0.6em !important;
}

.frame-collapsable .tx-llgc-first-extension, .frame-collapsable table, .frame-collapsable p {
    display: none;
}

.frame-collapsable div p {
    display: block;
}

.frame-collapsable-selected h2 {
    background: #333333 url(https://www.llgc.org.uk/fileadmin/templates/assets/img/collapse_minus.png) no-repeat center right !important;
    margin-right: 0em;
    color: #fff !important;
}

/* Styling i newid footnotes ar y drych i tooltips yn lle */

.footnote_drych {
    display: inline;
    position: relative;
}

.footnote_drych a, a:hover, a:visited, a:link {
    text-decoration: none;
}

.footnote_drych:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 260px;
}

.footnote_drych:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}

/* Styling text with image */
.csc-textpic-text {
    font-size: .9em;
    min-height: 170px;
    padding: 1em .6em 0 .6em ;
    border-bottom: 3px solid white;
    background-color: #e5ebeb
}

.csc-textpic-text h3 {
    margin-top: 0;
}

.no-bg-color .csc-textpic-text {
    background-color: #fff;
}

a.llgc_booking_scroll_day {
    background-color: #8D8D8D;
    color: #fff !important;
    margin-right: 1em;
    min-width: 15em;
}
a.llgc_booking_scroll_day:hover {
    background-color: #919191;
}

/**************************************************************/


/* PBSurvey */
#frmPbSurvey input[type="checkbox"] {
    margin:4px 15px 1px 2px !important;
    padding-bottom: 10px !important;
}
#frmPbSurvey input[type="radio"] {
    margin:4px 15px 1px 2px !important;
    padding-bottom: 10px !important;

}
.questionComment {
    margin-bottom:10px;
}
.question{
    margin-top:10px;
    line-height: 25px;
    padding-top: 10px;
}

/*#frmPbSurvey {
        border-style:solid !important;
        border-width:1px !important;
        border-color: #cccccc !important;;
}*/

.survey_item {

    padding-bottom:15px	!important;
    padding-left:25px	!important;
    padding-right:25px	!important;
    text-align: left;
}
.survey_item p {
    padding-top: 15px;
    text-align: justify;

}
#frmPbSurvey fieldset {
    padding: 1em;
}

.surveyrow_odd {
    background: #d7dcdc;
}

.formbuttons input[type="submit"] {
    -moz-box-shadow:inset 0px 1px 0px 0px #cfcecd;
    -webkit-box-shadow:inset 0px 1px 0px 0px #cfcecd;
    box-shadow:inset 0px 1px 0px 0px #cfcecd;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(.05, #bab7b3), color-stop(1, #9c9a97) );
    background:-moz-linear-gradient( center top, #bab7b3 5%, #9c9a97 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bab7b3', endColorstr='#9c9a97');
    background-color:#bab7b3;
    -webkit-border-top-left-radius:20px;
    -moz-border-radius-topleft:20px;
    border-top-left-radius:20px;
    -webkit-border-top-right-radius:20px;
    -moz-border-radius-topright:20px;
    border-top-right-radius:20px;
    -webkit-border-bottom-right-radius:20px;
    -moz-border-radius-bottomright:20px;
    border-bottom-right-radius:20px;
    -webkit-border-bottom-left-radius:20px;
    -moz-border-radius-bottomleft:20px;
    border-bottom-left-radius:20px;
    text-indent:0;
    border:1px solid #cccccc;
    display:inline-block;
    color:#ffffff;
    font-size:15px;
    font-weight:bold;
    font-style:normal;
    height:30px;
    line-height:30px;
    width:100px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #adacab;
    margin-bottom:20px;
    margin-left:40px;
}

legend.question {
    font-size: 1.1em;
    line-height: 1.14em;
    font-weight: bold;
    margin-bottom: -10px;
    padding-top: 10px;
}

.bartext {
    font-size: .98em;
    padding: 0 0 .6em 0;
    color: fff;
}

/* Questionpoint submission form styling */
.qp_form_layout input, .qp_form_layout textarea {
    display: block;
    width: 90%;
    float: left;
    margin-bottom: 10px;
    text-align: left;
}

.qp_form_layout label {
    display: block;
    width: 90%;
    float: left;
    margin-bottom: 10px;
    text-align: left;
    padding-right: 10px;

}

.qp_form_layout legend {
    line-height: 1em;
    font-size: 1.2em;
}

.qp_form_layout br {
    clear: left;
}

.qp_form_layout input[type="radio"]{
    width: auto;
}

.qp_sendbutton_layout {
    width: 6em !important;
    background-color: #333333;
    color: white;
    text-align: center !important;
}

@media (max-width: 768px) {

.qp_sendbutton_layout {
    width: 6em !important;
    background-color: #333333;
    color: white;
    text-align: center !important;
    margin-top: -2.2em; 
}
    .qp_form_layout label {
            display: block;
            width: 100%;
        float: left;
            margin-bottom: 10px;
            text-align: left;
            padding-right: 10px;
    }
    .qp_form_layout input, .qp_form_layout textarea {
         display: block;
            width: 100%;
            float: left;
            margin-bottom: 10px;
            text-align: left;
    }
}

/* Questionpoint submission form styling WILLS ERROR FORM ONLY*/

.qp_willsform_layout input {
    display: block;
    width: 320px;
    float: left;
    margin-bottom: 10px;
    text-align: left;
}

.qp_willsform_layout textarea {
    display: block;
    width: 320px;
    float: left;
    margin-bottom: 10px;
    text-align: left;
}

input#qp_willsbutton_layout {
    display: block;
    width: 120px !important;
    margin: 1em 0 0 30em;
    text-align: center;
}

.qp_willsform_layout label {
    display: block;
    width: 200px;
    float: left;
    margin-bottom: 10px;
    text-align: left;
    padding-right: 10px;

}

.qp_willsform_layout legend {
    line-height: 1em;
    font-size: 1.2em;
}

.qp_willsform_layout br {
    clear: left;
}

.qp_willsform_layout input[type="radio"]{
    width: auto;
}


/** Questionpoint chat widget 'qpwidget' - embedded into enquiries pages **/

    .llgc_qpwidget {
        height: 300px;
        width: 400px;
    }



.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}


/* primo wills search form start */

#searchForm {
    margin: 2em 0;
}
#searchForm label {
    font-weight: bolder;
}

.btn-primary {
    background-color: #333333 !important;
    border-color: #333333;
}

.input-group-sm>.form-control {
    font-size: 1em !important;
}

ul.rhestrplwyfi {
    margin: 0.5em 0 0 0.1em !important;
    padding: 0 !important;
    border: 0px solid grey;
    width: 31em;
}

.rhestrplwyfi li {
    width: 31em;
    list-style: none;
    margin: 0 !important;
    padding: 0 0 0 0.5em !important;
    background-color: #d7dcdc;

}

.rhestrplwyfi li:hover {
    background-color: white;
    width: 31em;
}

/* MD */
@media (min-width: 992px) {

    .wills-form-control {
        width:auto;
        display:inline-block;
    }

}


/* end primo wills search form */

/* Wills search form styling */

.llgc_wills_extraSearch {
 
 margin-left: 16.2%;

}

/* Collection FUnd Button STyling */

#llgc_membership_select {

 margin-right: 4px;

}


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

/* XS */
@media (max-width: 767px) {
    body {
        padding: 0;
        margin: 0;
        overflow-x: hidden;
    }

    .col-sm-5ths {
        width: 20%;
        float: left;
    }

    .navbar {
        margin-bottom: 0;
    }
    .navbar-header {
        color: #fff !important;
        background-color: #5F5F5F;
    }
    .navbar-header a {
        color: #fff !important;
				width: 100%;
    }

    .nav .col-xs-6 {
        padding: .5em 1em;
    }

    #colour-box div {
        background-image: none;
    }

    #llgc_left_sidebar {
        border-right: 0;
    }

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

    #header-xs i {
        padding: .4em;
        font-size: 1.8em;
    }

    #colour-box,
    #colour-box div {
        padding: 0;
        font-size: .9em;
    }

    #llgc_homepage_whatson {
        background-color: #FFA000;
    }
    #llgc_homepage_keepintouch {
        background-color: #29B6F6;
    }
    #llgc_homepage_getinvolved {
        background-color: #66BB6A;
    }
    #llgc_homepage_donations {
        background-color: #FF7043;
    }
    #llgc_homepage_register {
        background-color: #EC407A;
    }
    #llgc_homepage_enquiries {
        background-color: #00BFA5;
    }
    #llgc_homepage_siop {
        background-color: #EC407A;
    }

    #llgc_footer_logos img {
        max-width: 140px;
        height: auto;
    }

    .llgc_homepage_latest h3 {
        padding: .25em;
        border-top: 1px solid #EAEAEA;
        border-bottom: 1px solid #EAEAEA;
    }
    .llgc_homepage_latest h3:after {
        position: absolute;
        right: 0;
        padding: 0 .5em;
        content:"\f077";
        font-family: "Font Awesome 5 Free";  /* updated font-family */
        font-weight: 900; /* solid style/weight */
        color: #ccc;
    }
    .llgc_homepage_latest .collapsed h3:after {
        content:"\f078";
        font-family: "Font Awesome 5 Free";  /* updated font-family */
        font-weight: 900; /* solid style/weight */
    }
    .llgc_homepage_latest .collapsed h3:after {
        content:"\f078";
        font-family: "Font Awesome 5 Free";  /* updated font-family */
        font-weight: 900; /* solid style/weight */
    }

    #colour-box div[id^="llgc_homepage"] h2:after {
        position: absolute;
        right: 0;
        padding: 0 .5em;
        font-family: "Font Awesome 5 Free";  /* updated font-family */
        font-weight: 900; /* solid style/weight */
    }

    #colour-box #llgc_homepage_whatson h2:after {
        content:"\f073";
        color: #FFC074;
    }
    #colour-box #llgc_homepage_keepintouch h2:after {
        content:"\f0e6";
        color: #81CEF9;
    }
    #colour-box #llgc_homepage_getinvolved h2:after {
        content:"\f0c0";
        color: #9ED1A0;
    }
    #colour-box #llgc_homepage_donations h2:after {
        content:"\f067";
        color: #FFA38C;
    }
    #colour-box #llgc_homepage_register h2:after {
        content:"\f02e";
        color: #F28BA9;
    }
    #colour-box #llgc_homepage_siop h2:after {
        content:"\f291";
        color: #F28BA9;
    }

    #colour-box #llgc_homepage_enquiries h2:after {
        content:"\f128";
        color: #74D4C3;
    }

    .llgc_header_search {
        margin-top: 1em;
        width: 100% !important;
    }
    .llgc_header_search .search-submit {
        font-size: 1.5em;
        top: -2px;
    }
    .llgc_header_search input[type=text],
    .llgc_dropdown_current {
        height: 30px;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 0 3px 3px 0 !important;
    }

    #lang-switch-mobile {
        color: #fff !important;
        height: 25px;
        width: 25px;
        font-weight: 600;
        font-size: 1em;
        line-height: .7em;
        background-color: #656565;
        padding: .5em 0em;
        margin: .25em 0em;
    }

    #footer-xs .panel,
    #footer-xs .panel-heading,
    #footer-xs .panel-body,
    #footer-xs .panel-body div[class^="col"]{
        background-color: #D7DCDC !important;
        border: 0px none;
        box-shadow: none;
        padding: 0 !important;
    }
    #footer-xs .llgc_footer_logos img:nth-of-type(1) {
        float: left !important;
        border:5px solid red;
    }
    #footer-xs .panel-title {
        font-size: 1em;
    }
    #footer-xs .panel-heading a:after {
        content: "\f077";
        font-family: "Font Awesome 5 Free";  /* updated font-family */
        font-weight: 900; /* solid style/weight */
        float: right;
        color: #ccc;
        line-height: 2em;
        margin-top: -2.3em;
    }
    #footer-xs .panel-heading a:after {
        color: #808080;
    }
    #footer-xs .panel-heading a.collapsed:after {
        content: "\f078";
        font-family: "Font Awesome 5 Free";  /* updated font-family */
        font-weight: 900; /* solid style/weight */
    }

    /*#llgc_left_sidebar {
        top: -110px;
        left: -315px;
        position: absolute;
        padding-top: 1em;
        overflow-y: auto;
        z-index: 100;
        width: 16em;
        color: #fff;
        background-color: #414445;
        padding: 1em 2em !important;
        height: 32em;
    }
    #llgc_left_sidebar ul li {
        line-height: 1.5em;
    }
    #llgc_left_sidebar a {
        color: #ccc !important;
    }
    #llgc_left_sidebar h3:first-of-type {
        margin-top: 0;
    }
    #llgc_left_sidebar h3 {
        margin-bottom: .5em;
    }

    .close-menu {
        position: absolute;
        top: 0.7em;
        right: 0.7em;
        cursor: pointer;
        font-size: 1.25em !important;
    }*/

    #llgc_main_content {
        padding: 0;
        border-left: none;
        overflow:auto;
    }
    #llgc_content {
        padding: 0 1em;
    }

		/* ------------------------------------------------------------ *\
     |* ------------------------------------------------------------ *|
     |* Template
     |* ------------------------------------------------------------ *|
     \* ------------------------------------------------------------ */
    #llgc_main_content_wrapper,
    #llgc_main_homepage_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%;
    }

    /* ------------------------------------------------------------ *\
    |* ------------------------------------------------------------ *|
    |* Menus
    |* ------------------------------------------------------------ *|
    \* ------------------------------------------------------------ */
    /* general style for all menus */
    nav.menu {
        color: #fff;
        font-size: 1.1em;
        position: fixed;
        z-index: 1050;
        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.push-menu-left {
        top: 0;
        width: 300px !important;
        height: 100%;
    }
    nav.push-menu-left li {
        display: block;
    }
    nav.push-menu-left li:first-child {
        border-top: none
    }
    nav.push-menu-left li:last-child {
        border-bottom: none
    }
    nav.push-menu-left a {
        display: block;
        padding: .25em 0;
    }
    nav.push-menu-left button.close-menu {
        margin: 10px 0;
        padding: 10px 30px;
        background-color: #3184a1;
        color: #fff;
    }
    nav.push-menu-left {
        left: -300px;
    }
    body.pml-open nav.push-menu-left {
        left: 0;
    }
    /*body.pml-open #llgc_main_content_wrapper,
    body.pml-open #llgc_main_homepage_wrapper {
        left: 300px;
    }*/

    .nav-toggler {
        display: inline-block;
        font-size: 1.5em;
        float: left;
        line-height: 2.3em;
    }

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

    .llgc_homepage_latest h3 {
        margin-left: .5em;
    }

}

/* XS & SM */
@media (max-width: 991px) {
    .llgc_homepage_grid_text {
        margin: 0 5px !important;
    }

    #header-xs-menu i {
        color: #656565 !important;
    }

}

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

    #llgc_homepage_grid .col-sm-4:nth-child(-n+4) {
        margin-bottom: 10px;
    }

    #llgc_homepage_search_catalogue {
        height: 35.8em;
    }

    .llgc_homepage_grid_item {
        height: 11.44em !important;
    }

    .llgc_homepage_grid_text {
        font-size: .85em !important;
        height: 8em !important;
    }

    .llgc_homepage_feed_item {
        margin-bottom: 10px;
    }

    #colour-box {
        height: 6.25em;
    }
    #colour-box div {
        height: 80px;
    }

    #llgc_language_choice {
        float: right;
    }

    .llgc_header_search .input-group {
        width: 10em;
        float: right;
    }

}

/* SM & Above */
@media (min-width: 768px) {

    .llgc_homepage_feed_item,
    .tx-llgchomepagetwitterfeed-pi1 {
        height: 250px;
    }

    .dropdown-menu.multi-column {
        padding: 5px 20px 15px;
        width: 500px;
    }

}


/* MD */
@media (min-width: 992px) and (max-width: 1199px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }

    #llgc_homepage_grid .col-md-4 {
        overflow: hidden;
    }
    #llgc_homepage_grid img {
        height: 12em;
        width: auto;
    }
    #llgc_landing_search_homepage h3,
    .llgc_homepage_latest h3 {
        margin: 0 0 .2em 0;
        font-size: 1.2em;
    }
    #llgc_homepage_grid .col-md-4 a div {
        height: 105px;
    }
    #llgc_homepage_feed_text a {
        position: absolute;
        bottom: 5px;
        right: 15px;
    }

    .llgc_homepage_grid_item {
        height: 12em;
    }

    .llgc_homepage_grid_text {
        height: 8.2em;
    }
    .llgc_tweet span {
        position: relative;
        bottom: 15px;
    }

    #colour-box {
        height: 7.75em;
    }
    #colour-box div {
        height: 100px;
    }

}

/* MD & Above */
@media (min-width: 992px) {
    #llgc_language_choice {
        float: left;
    }
    #llgc_homepage_search_catalogue {
        height: 27em;
    }

    .llgc_header_search .input-group {
        width: 15em;
        float: right;
    }
}

/* LG */
@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }

    #llgc_language_choice {
        margin-left: 4em;
    }

    .dropdown-menu.multi-column {
        padding: 5px 20px 15px 20px;
        width: 750px;
    }
    .dropdown-menu.multi-column a {
        padding: .2em 0;
        font-size: .975em;
    }

    #llgc_homepage_grid .col-md-4:nth-child(-n+3) {
        margin-bottom: 1em;
    }

    #colour-box {
        height: 9.5em;
    }
    #colour-box div {
        height: 125px;
    }
}

/*** TICKETSOURCE EXTENSION ***/

/* Simon's ticketsource css */

.ticketSourceContainer {
    clear: both;
    display: block;
    line-height: 21px;
    height: 100%;
    padding: 0px;
}


.llgc_ticketSource_text_container {
    padding-top: 0;
}

@media screen and (min-width: 1024px){
    .llgc_ticketSource_text_container{
        margin-top: -35px;
    }
}


.eventContainer {
    
    height: 526px;
    text-align: left;
    background-color: white;
    border: #d7dcdc;
    border-style: solid;
    border-width: thin;
    padding:0 !important;
    position: relative;
    margin-bottom: 8px !important;
}

.llgc_ticketSource_row {
    margin-left: 0px !important;
}

.llgc_ticketSource_dateTime{
    font-size: 14px !important;
    padding-bottom: 0.2em;
}

.llgc_event_title {
    font-size: 16px !important;
}

.llgc_event_title a, .llgc_event_title a:link  {
   /* font-size: 16px !important;*/
    text-decoration: none !important;
}

.llgc_event_title a:hover {
   /* font-size: 16px !important;*/
    text-decoration: underline;
}

.llgc_TicketSource_p {
    margin: 0;
    padding-top: 1em;
}

.llgc_TicketSource_p > p {
    font-size: 14px;
    text-align: left;
    margin: 0;
/*    padding-top: 5px;*/
    line-height: normal;
}

.llgc_TicketSource_img {
    position: relative;
    overflow: hidden;
    height: 300px !important;
}

.llgc_TicketSource_img > img {
    display: block;
    margin: auto;
    width: auto;
    height: auto;
    max-height: 100%;
}
/*reducing the gap between the image and text on smaller devices*/
@media screen and (min-width: 320px) and (max-width: 375px){
    .llgc_TicketSource_img {
        height: 300px !important;
    }
    .llgc_ticketSource_dateTime {
        padding-top: 0.5em;
    }
}
@media screen and (min-width: 375px) and (max-width: 425px){
    .llgc_ticketSource_dateTime {
        padding-top: 1em;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px){
    .llgc_TicketSource_img {
        height: 226px !important;
    }
    .llgc_ticketSource_dateTime {
        padding-top: 0;
    }
}

.llgc-TicketSource_dateRange {
    margin-top: 0;
    margin-bottom: -15px;
    font-size: 1.14em !important;
}
@media screen and (min-width: 320px) and (max-width: 425px){
    .llgc-TicketSource_dateRange {
        margin-top: 10px;
    }
}

@media (max-width: 768px) {
    .llgc_TicketSource_img {
        width: 100%;
    }

    .llgc_TicketSource_img > img {
        width: 100%;
    }

}

a.llgc_ticketSource_button {
    left: 0rem;
    right: 0rem;
    bottom: 31px;
    text-align: center;
    background-color: #555;
    position: absolute;
    display: inline-block;
    /*height: 2rem;*/
    line-height: 1.2 !important;
    text-decoration: none !important;
    border-radius: 0;
    color: #fff !important;
}

a.llgc_ticketSource_button:hover {
    background-color: #cccaca;
    color: #555 !important;
    font-weight: 500;
    }

/*a.llgc_ticketSource_button_alt {
    color: #fff !important;
    text-decoration: underline;
}*/


a.llgc_ticketSource_button_alt {
    left: 0rem;
    right: 0rem;
    bottom: 0px;
    text-align: center;
    background-color: #e57200;
    /*border: 1px !important;*/
    /*border-style: solid !important;*/
    /*border-color: black !important;*/
    color: #fff !important;
    position: absolute;
    display: inline-block;
    /*height: 2rem;*/
    line-height: 1.2 !important;
    text-decoration: none !important;
    border-radius: 0;
}

a.llgc_ticketSource_button_alt:hover {
    background-color: #f4c494;
    color: #555 !important;
    font-weight: 500;
    }

@media (max-width: 425px) {

.row {
   margin-left: 0px!important;
   margin-right: 0px!important;
}

}



/* END Simon's ticketsource css */


/* COOKIE CONTROL STYLING szw 02-2017 */

.ccc-dark .ccc-inner a { color: white !important;}

#ccc-hdricon, #cccwr .ccc-close a {color: #fff !important}

#ccc-hdricon, #cccwr .ccc-close {
    color: #fff !important;
}

#cccwr .ccc-gr, #cccwr .ccc-gr:hover {
    background: #be3c41 !important;
}

#cccwr .ccc-or, #cccwr .ccc-or:hover {
    background: #be3c41 !important;
}

#ccc-icon a {
    color: #636264 !important;
}

.ccc-ab {

    display: none !important;

}
#ccc-hdricon {

    visibility: hidden !important;

}

.ccc-close:hover {
    background: #be3c41 !important;
}

#cccwr .ccc-or {
    line-height: 22px !important;
}

#cccwr .ccc-gr {
    line-height: 22px !important;
}


/* Modal choice styling */

#lang-modal h2 {
  font-weight: bold;
  margin-bottom: 0;
  font-size: 0.8em;
  color: #807d7d;
}
#lang-modal .new-address-message {
  margin-bottom: .5em;
  font-size: 1.7em;
}
#lang-modal .container {
  font-weight: bold;
  max-width: 700px;
  text-align: center;
  margin-top: 5em;
}
#lang-modal .center-box {
  background-color: white;
  padding: 6em 0 1em;
  z-index: 1;
  border-radius: .5em;
}
#lang-modal .exclamation {
  font-size: 7em;
  text-align: center;
  background: none;
  z-index: 2;
  position: absolute;
  top: .27em;
  left: 0;
  float: none;
  margin: 0 auto;
}
#lang-modal a {
  text-decoration: underline;
}
div#lang-modal {
  padding-left: 0!important;
  animation: animatezoom 0.6s;
  font-size: 1.2em;
  font-family: Lato, sans-serif;
}
#lang-modal p {
  font-weight: normal;
  text-align: left;
  font-family: Roboto, sans-serif;
  font-style: italic;
  margin: 0;
  font-size: .8em;
  clear:both;
}
#lang-modal div.split:first-child p, #lang-modal div.split:first-child a.more-info {
  text-align: right;
}
#lang-modal .split {
  padding: .5em;
  margin-top: 1em;
}
#lang-modal .split:first-child .button {
  float: right;
  margin: 0 0 0 1em;
}
#lang-modal .button {
  float: left;
  font-size: 1.2em;
  text-decoration: none;
  background-color: #810000;
  border: 1px solid #810000;
  padding: .5em .2em;
  min-width: calc(100% - 3.5em);
  width: 80%;
  color: white!important;
  margin: 0 1em 0 0;
  border-radius: .3em;
}
#lang-modal .button:hover {
  text-decoration: none;
  background-color: #601414;
  border: 1px solid #810000;
  color: white;
}
/* Mobile specific classes */
/* Phones */
@media screen and (max-width: 767px){
  #lang-modal .exclamation {
    font-size: 4em;
    top: .8em;
  }
  h2 {
    margin-top: 0;
  }
  #lang-modal .center-box {
    padding-top: 4.4em;
  }
  #lang-modal div.container div.split p:first-of-type {
    margin: 1em 2em 0 2em;
  }
  #lang-modal .split p {
    font-size: 1em;
  }
  div#lang-modal {
    font-size: 1em;
  }
  #lang-modal .button {
    width: 80%;
  }
  #lang-modal div.container div.split p {
    text-align: center;
    margin: 0 1em;
  }
  #lang-modal div.container div.split a.button {
    float: none;
    margin: 0 auto;
    padding-right: 1em;
    padding-left: 1em;
    font-size: 1.4em;
  }
  #lang-modal .new-address-message {
    font-size: 1.7em;
  }
  #lang-modal .container {
    max-width: 372px;
  }
}
/* Phones and tablets */
@media screen and (max-width: 1023px){
  #lang-modal p {
    font-size: .9em;
  }
  #lang-modal .center-box {
    background-color: white;
    padding-bottom: .25em;
    z-index: 1;
  }
}
/* Tablets and bigger */
@media screen and (min-width: 767px){
  #lang-modal p {
    margin: .25em 1em 0 0;
    font-size: .8em;
  }
  #lang-modal div.split:first-child p {
    margin: .25em 0 0 1em;
  }
  #lang-modal div.container div.split p:first-of-type {
    padding-top: 1em;
  }
}
/* Tablets */
@media screen and (min-width: 767px) and (max-width: 1023px){
  #lang-modal div.container div.split p:first-of-type {
    padding-top: 1em;
  }
  #lang-modal .container {
    /*max-width: 600px;*/
    max-width: 90%;
  }
  #lang-modal .button {
    width: 90%;
  }
  #lang-modal p {
    font-size: .78em;
  }
}
/* Small phones */
@media screen and (max-width: 374px){
  #lang-modal .container {
    /*max-width: 300px;*/
    max-width: 98%;
    padding: 0 0.6em;
  }
}
/* Short screen view to reduce need for scrolling */
@media screen and (max-height:505px){
  #lang-modal .container {
    margin-top: 2em;
  }
  div#lang-modal {
    font-size: .9em;
  }
  #lang-modal p {
    font-size: .95em;
  }
  #lang-modal .exclamation {
    top: .05em;
  }
}
/* Short screen tablets and laptops */
@media screen and (max-height:505px) and (min-width:768px){
  #lang-modal .container {
    margin-top: 2em;
  }
  #lang-modal .exclamation {
    top: -.14em;
  }
}
/* Use full sized view on screens in range by reducing top margin */
@media screen and (min-height:506px) and (max-height:580px){
  #lang-modal .container {
    margin-top: 1em;
  }
  #lang-modal .exclamation {
    top: -.18em;
  }
}
/* Fix for ultra short laptop and desktop windows */
@media screen and (min-height:506px) and (max-height:580px) and (min-width:768px){
  #lang-modal .container {
    margin-top: 1em;
  }
  #lang-modal .exclamation {
    top: -.30em;
  }
}
/* Animations */
@keyframes animatezoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

/* Cyber Essentials Logo style in footer */

.celogo {
background-color: #fff;
width: 81px;
border-radius: 10px !important;
float: right;
}



/* TISC Logo style in footer */

#llgc_footer_logos .tisclogo img {
	max-height: 60px;
	margin: 10px;
}

#llgc_footer_logos div {
    text-align:right;
}

.tisclogo {
	display: inline-block;
	vertical-align: top;
}

@media screen and (max-width:767px){
	#llgc_footer_logos div {
		text-align:center;
	}
        
	.celogo {
		float:none;
		display:inline-block;
	}
}

/*** LLOYD GEORGE EXHIBITION STYLING ***/

#llgc_main_content_exhibitions {
    padding: 0 10px;
    margin-left: -3px;
}

.llgc_breadcrumb {
    margin: 10px 0 0 0;
    background-color: #f5f5f5;
    border-radius: 4px;
}

ul.llgc_breadcrumb_list ul {
    display: inline;
    list-style: none;
}

ul.llgc_breadcrumb_list  li {
    display: inline;
}

/* Add a slash symbol (/) before/behind each list item */
ul.llgc_breadcrumb_list li+li:before {
    padding: 8px;
    color: black;
    content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.llgc_breadcrumb_list li a {
    color: #0275d8;
    text-decoration: none;
}

/* Add a color on mouse-over */
ul.llgc_breadcrumb_list li a:hover {
    color: #01447e;
    text-decoration: underline;
}

/* iiif single image extension styling */

.carousel-inner>.item>a>img {
	width: auto !important;
	max-height: 370px !important;
    	margin: auto;
    	display: block;
 	padding-top: 20px;
    	padding-bottom: 60px;
}

.carousel .item {
  	background: rgba(3, 3, 3, 0.7607843137254902);
  	border-radius: 1em;	
  	border: 3px solid white;
}

.carousel {
  	margin: auto auto 1rem;
}

.carousel-caption {
	right: 10%;
	left: 10%;
    	bottom: 0%;
    	padding-bottom: 0.3em;
}

.carousel-control.left, .carousel-control.right {
    background-image: none;
}

/* HIDE DOWNLOAD IN VIEWER */

.uv .footerPanel .options . download { display: none !important;}
 
.uv .footerPanel .options.minimiseButtons a.download { display: none;}

/*** UV Styling ***/

.uv .leftPanel .closed .title {
  color: #ffffff !important;
  text-decoration: none !important;
}

.uv .rightPanel .closed .title {
  color: #ffffff !important;
  text-decoration: none !important;
}

.uv.en-gb .headerPanel .options .centerOptions .search a.go{
 color: #ffffff !important;
 text-decoration: none !important;
}

.uv .headerPanel .centerOptions .autocompleteText {
 color: black;
}

.uv.en-gb .headerPanel .rightOptions .localeToggle {
 color: black !important;
 text-decoration: none !important;
}

.uv a {

 color: #869f33 !important;

}

/*** Photoswipe Styling ***/

#llgc_photoswipe_title {

 font-size: 18px !important;
 margin-bottom: -10px !important;

}

#llgc_photoswipe_description{

 font-size: 14px !important;
 margin-bottom: -20px !important;

}

.pswp__caption__center img{

 height: 20px !important;

}

#llgc_copyright{

 color: #fff !important;
 text-decoration: none !important;

}

.pswp__caption__center a{

  color: #fff !important;
 text-decoration: none !important;

}


/*** Table ***/
 .contenttable { width: 100%; max-width: 100%; }
 .contenttable th, .contenttable td { padding: 0.5em 0.75em; vertical-align: top; }
 .contenttable thead th { font-weight: bold; border-bottom: 2px solid #dadada; }
 .contenttable th, .contenttable td { border-top: 1px solid #dadada; }
 .contenttable-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
 .contenttable-bordered th, .contenttable-bordered td { border: 1px solid #dadada; }