html {
    /* Matches the height of your fixed navigation bar */
    scroll-padding-top: 160px;
    scroll-behavior: auto; /* Optional: add a 'smooth' transition */
}

.menu_nodisplay{
    display:none !important;
}

@media(max-width:58.5rem) {
    html {
        scroll-padding-top: 238px;
    }
}

@media(max-width:48rem) {
    html {
        scroll-padding-top: 80px;
    }
}

img {
    display: initial;
}

.lgd-header__toggle-icon--secondary {
    mask-image: url(images/chevron.svg);
}



main {
    background-color: #ffffff;
    min-height: calc(100vh - 200px);
    padding-bottom: 2rem;
}

.main-menu__submenu-item::before {
    background-color: var(--color-accent);
    background-size: cover;
    content: "";
    height: 0.625rem;
    top: 0.3rem;
    width: 1.0925rem;
    left: 0;
    mask: url(images/chevron.svg) no-repeat center;
    -webkit-mask: url(images/chevron.svg) no-repeat center;
}


.pagebody {
    max-width: min(calc(100% - 20px), 1250px);
    margin: 0 auto;
}

@media(max-width:48rem) {
    .pagebody {
        max-width: min(calc(100% - 10px), 1250px);
    }
}

.apptitle {
    background-color: var(--color-accent-2);
}

.lgd-header__mobile-search--active {
    background-color: white;
}

.region-secondary-menu .menu-item::before {
    background: url(images/chevron.svg) 0% 0% / cover;
}

.lgd-header__custom-toggle--mobile-search::before {
    mask-image: url(images/search-icon.svg);
    -webkit-mask-image: url(images/search-icon.svg);
}

.lgd-region--search .form-actions::before, .lgd-region--mobile-search .form-actions::before {
    background-image: url(images/search-icon.svg);
}

.lgd-header__toggle--primary::before {
    mask-image: url(images/hamburger-menu.svg);
}

.lgd-header__toggle--primary.lgd-header__toggle--active::before, .lgd-header__custom-toggle--mobile-search--active::before {
    mask-image: url(images/chevron.svg);
    -webkit-mask-image: url(images/chevron.svg);
}

.breadcrumbs, .breadcrumbs__last {
    color: #FFFFFF;
}

.breadcrumbs__item + .breadcrumbs__item::before {
    mask-image: url(/images/chevron.svg);
    -webkit-mask-image: url(images/chevron.svg);
}



.lgd-page-title-block {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}

.lgd-footer {
    margin-top: 0px;
}



.lgd-region__inner--footer {
    gap: 0rem;
}


@media screen and (max-width:760px) {
    .lgd-header__toggle--secondary {
        display: flex;
        padding-left: 0px;
        padding-bottom: 0px;
    }
}

.field--type-text-with-summary {
    margin-bottom: 40px;
    margin-left: 30px;
}

.menu-item-hidden {
    display: none;
}

@media screen and (max-width: 48rem) {
    .field--type-text-with-summary {
        margin-top: -60px;
        margin-left: 0px;
    }
    .lgd-region--mobile-search .form-submit {
        margin-right: 22px;
    }

    .lgd-region--mobile-search .form-actions::before {
        left: 40%;
    }
}

.addressfinderpcode {
    width: 95px;
}


/*--- Web Ratings ---*/
.webratings {
    display: block;
    margin-top: 20px;
    background-color: #223266;
    width: 100%;
}

    .webratings ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .webratings li {
        display: inline-block;
    }

    .webratings .ratingtitle {
        display: inline-block;
        font-size: 20px;
        padding-bottom: 14px;
        color: #FFFFFF;
        margin-top: -2px;
    }

    .webratings .ratingbutton {
        background-color: #FDFDFD;
        border-color: #2d3695;
        border-radius: 8px;
        border-style: solid;
        border-width: 2px;
        display: inline-block;
        margin-right: 10px;
        margin-left: 10px;
        padding: 8px;
    }

        .webratings .ratingbutton:hover .rating, .webratings .ratingbutton:focus .rating {
            font-weight: bold;
        }

    .webratings a:hover {
        background-color: #EEEEEE;
    }

    .webratings .screenread {
        display: inline-block;
        height: 1px;
        overflow: hidden;
        width: 1px;
    }

    .webratings .rategood {
        color: #00AA00;
    }

    .webratings .rateok {
        color: #ff6a00;
    }

    .webratings .ratepoor {
        color: #FF0000;
    }

    .webratings .appholder {
        width: 100%;
        max-width: 1260px;
        margin: 0 auto;
    }

.webratings__buttons {
    display: inline-block;
}

@media screen and (max-width:1360px) {
    .webratings .appholder {
        margin-left: 40px;
    }
}

@media screen and (max-width:770px) {
    .webratings .appholder {
        margin-left: 24px;
    }
}

@media screen and (max-width:510px) {
    .webratings__buttons {
        margin-left: -10px;
    }
}

/* End of Web Ratings */

/* Left Navigation */

#leftnav {
    float: right;
    margin: 118px 0px 15px 25px;
    padding: 0 0 20px 0;
    width: 275px;
    font-size: 16px;
}

    #leftnav .sys_rcnavtitle {
        font-size: 20px;
        border-style: solid;
        border-width: 0px 0px 5px 0px;
        border-color: #4689aa;
        padding-bottom: 10px;
    }

    #leftnav .sys_simpleListMenu, .MobMenu .sys_simpleListMenu {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    #leftnav a {
        font-size: 16px;
        text-decoration: none;
        display: block;
        padding-bottom: 5px;
    }
    #leftnav .sys_simpleListMenu li {
        border-style: solid;
        border-width: 0px 0px 1px 0px;
        margin-bottom: 6px;
        padding-bottom: 2px;
        border-color: #AAAAAA;
    }
    #leftnav .sys_simpleListMenu li:last-of-type {
        border-style: none;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .MobMenu {
        display: none;
        background-color: #FFFFFF;
        font-size: 18px;
        color: #FFFFFF;
        padding: 2px 0px;
    }

    .MobMenu .sys_menu-select {
        color: #FFFFFF;
        display: block;
        text-align: right;
        font-size: 1px;
        background-color: #334581;
        padding: 2px 0px 0px 0px;
        margin-bottom: 0px;
    }

        .MobMenu .sys_menu-select a {
            color: #FFFFFF;
            text-decoration: none;
            font-size: 20px;
        }

    .MobMenu .sys_left-menu-root {
        display: none;
    }

    .MobMenu .sys_simpleListMenu {
        margin-left: 10px;
        margin-top: 10px;
    }

    .MobMenu a {
        font-size: 16px;
        text-decoration: none;
        display: block;
        padding-bottom: 5px;
    }

@media screen and (max-width:1200px) {
    #leftnav {
        display: none;
    }

    .MobMenu {
        display: block;
    }
}

/* End of Left Navigation*/


/* Style fixes*/
body {
    overflow-x: hidden;
}

.mainareadisplay, .maindisplay {
    font-size: 18px;
    margin-top: 15px;
}

    .mainareadisplay label, .maindisplay label {
        display: initial;
    }


input[type="date"], input[type="datetime-local"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], textarea, select, .select2-container--default .select2-search--dropdown .select2-search__field {
    border-width: 2px;
    font-size: 18px;
    padding: 3px 5px;
}

    input[type="date"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, textarea:focus, select:focus {
        border-color: #888888;
        border-width: 2px;
        box-shadow: unset;
        outline-width:0px;
        outline-color:transparent;
        outline-offset: 0px;
    }


input[type="submit"] {
    font-weight: normal;
    font-size: 18px;
    padding: 3px 10px;
    text-decoration: none;
}

    input[type="submit"]:hover {
        text-decoration: none;
    }


.infotext {
    margin-top: 3px;
    font-size: 14px;
}

.mainareadisplay h3, .maindisplay h3 {
    font-size: 18px;
    color: #223266;
    margin-top: 5px;
}

.mainareadisplay h2, .maindisplay h2 {
    font-size: 22px;
    color: #223266;
    margin-top: 15px;
}

.mainareadisplay h1, .maindisplay h1 {
    font-size: 24px;
    color: #223266;
}

.basketcontainer {
    margin-top: 1px;
    background-color: #222222;
    width: 100%;
    display: block;
    height: 42px;
}

    .basketcontainer .basket {
        width: 100%;
        max-width: 1260px;
        background-color: #222222;
        margin: 0 auto;
    }

@media screen and (max-width:1360px) {
    .basketcontainer .basket {
        width: calc(100% - 60px);
        margin-left: 30px;
    }
}

@media screen and (max-width:770px) {
    .basketcontainer .basket {
        width: calc(100% - 20px);
        margin-left: 10px;
    }
}

/* End of style fixes */

/* FullContent Fix */
#fullcontent, .generic-content {
    margin: 0;
    padding: 0 0 25px 0;
    width: 870px;
    font-size: .9em;
}

@media screen and (max-width: 1200px) {
    #fullcontent, .generic-content {
        width: 100%;
        border: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    /* End of FullContent Fix */