body,
html {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

strong,
b,
h1,
h2,
h3,
h4,
h5,
h6,
.font-weight-bold {
    font-weight: normal !important;
    font-family: 'UniversLTStd-Bold', Helvetica, Arial, sans-serif
}

a {
    color: #b4003d;
    font-weight: normal;
    transform: all .33s;
    text-decoration: none;
}

a:hover {
    color: #555;
    text-decoration: underline;
    transition: all .33s
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 20px 0
}

p:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
    margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #b4003d
}

.hidden-item {
    display: none !important
}

body {
    background-color: #f2f2f2;
    color: #555;
    font-family: 'UniversLTStd', Helvetica, Arial, sans-serif;
    background-image: url('/media/nitlb2cm/backgroud-top-red.png');
    background-size: 100%;
    background-position: top 249px center;
    background-repeat: no-repeat;
    font-size: 1rem
}

body.DC {
    background-image: url('/media/imdpfdpj/background-top-purple.png')
}

body.DC .sub-navigation {
    background: #621e66
}

body.DC .sub-navigation a {
    color: #fff
}

body.DC .sub-navigation a:hover {
    color: #621e66
}

body.DC .sub-navigation a.active:after {
    border-top: solid 7.5px #621e66
}

body.DC .sub-sub-navigation .nav-item a {
    color: #621e66
}

body.DC .sub-sub-navigation .nav-item a:hover {
    box-shadow: inset 0 -2px 0 #621e66
}

body.DC .sub-sub-navigation .nav-item a.active {
    box-shadow: inset 0 -2px 0 #621e66
}

body.DC main {
    background-image: url('/media/2zud5323/background-bottom-purple.png')
}

body.DC h1,
body.DC h2,
body.DC h3,
body.DC h4,
body.DC h5,
body.DC h6 {
    color: #621e66
}

body.DC a {
    color: #621e66
}

body.DC a:hover {
    color: #555
}

body.DC .page-title {
    border-bottom-color: #621e66
}

body.DC .page-title h1 {
    color: #621e66
}

body.DC .page-title h2 {
    color: #555
}

body.DC ul li::marker {
    color: #621e66
}

body.DC .collapsible-list .card .card-header h5 .btn {
    color: #621e66
}

body.DC table th {
    background-color: #621e66
}

body.DC .child-links,
body.DC .child-links-mobile {
    background: #fff
}

body.DC .child-links .row,
body.DC .child-links-mobile .row {
    background: #e9dfe9
}

body.DC .child-links .text-center a.active,
body.DC .child-links-mobile .text-center a.active {
    box-shadow: inset 0 -2px 0 #621e66
}

body.DC .child-links .text-center a:hover,
body.DC .child-links-mobile .text-center a:hover {
    box-shadow: inset 0 -2px 0 #621e66
}

body.DC .child-links .btn,
body.DC .child-links-mobile .btn {
    background: #e9dfe9
}

body.DC .child-links .btn:focus,
body.DC .child-links-mobile .btn:focus,
body.DC .child-links .btn.active,
body.DC .child-links-mobile .btn.active {
    background: #e9dfe9
}

body.DC .child-links .btn:focus:active,
body.DC .child-links-mobile .btn:focus:active,
body.DC .child-links .btn.active:active,
body.DC .child-links-mobile .btn.active:active,
body.DC .child-links .btn:focus:focus,
body.DC .child-links-mobile .btn:focus:focus,
body.DC .child-links .btn.active:focus,
body.DC .child-links-mobile .btn.active:focus {
    color: #621e66
}

body.DC .child-links .dropdown-menu a,
body.DC .child-links-mobile .dropdown-menu a {
    background: #e9dfe9
}

body.DC .child-links .dropdown-menu a.active,
body.DC .child-links-mobile .dropdown-menu a.active {
    background: #621e66
}

body.DC .btn-group .btn.active {
    color: #621e66
}

body.DC .btn-group .btn:hover {
    color: #621e66
}

body.DC .view-group .item .thumbnail {
    border-color: #621e66
}

body.DC .view-group.downloads .item .thumbnail .list-group-item-text {
    color: #621e66
}

body.DC .view-group.downloads .item .thumbnail a {
    background: #621e66
}

body.DC .view-group.downloads .item .thumbnail a:hover {
    background: #555
}

body.DB {
    background-image: url('/media/cdnilf5n/background-violet-top.png')
}

body.DB .sub-navigation {
    background: #880d54
}

body.DB .sub-navigation a {
    color: #fff
}

body.DB .sub-navigation a:hover {
    color: #880d54
}

body.DB .sub-navigation a.active:after {
    border-top: solid 7.5px #880d54
}

body.DB .sub-sub-navigation .container .nav-item a {
    color: #880d54
}

body.DB .sub-sub-navigation .container .nav-item a:hover {
    box-shadow: inset 0 -2px 0 #880d54
}

body.DB .sub-sub-navigation .container .nav-item a.active {
    box-shadow: inset 0 -2px 0 #880d54
}

body.DB main {
    background-image: url('/media/1u0jvzhr/background-violet-bottom.png')
}

body.DB h1,
body.DB h2,
body.DB h3,
body.DB h4,
body.DB h5,
body.DB h6 {
    color: #880d54
}

body.DB a {
    color: #880d54
}

body.DB a:hover {
    color: #555
}

body.DB .page-title {
    border-bottom-color: #880d54
}

body.DB .page-title h2 {
    color: #555
}

body.DB ul li::marker {
    color: #880d54
}

body.DB .collapsible-list .card .card-header h5 .btn {
    color: #880d54
}

body.DB table th {
    background-color: #880d54
}

body.DB .child-links,
body.DB .child-links-mobile {
    background: #fff
}

body.DB .child-links .row,
body.DB .child-links-mobile .row {
    background: #eddbe6
}

body.DB .child-links .text-center a.active,
body.DB .child-links-mobile .text-center a.active {
    box-shadow: inset 0 -2px 0 #880d54
}

body.DB .child-links .text-center a:hover,
body.DB .child-links-mobile .text-center a:hover {
    box-shadow: inset 0 -2px 0 #880d54
}

body.DB .child-links .btn,
body.DB .child-links-mobile .btn {
    background: #eddbe6
}

body.DB .child-links .btn:focus,
body.DB .child-links-mobile .btn:focus,
body.DB .child-links .btn.active,
body.DB .child-links-mobile .btn.active {
    background: #eddbe6
}

body.DB .child-links .btn:focus:active,
body.DB .child-links-mobile .btn:focus:active,
body.DB .child-links .btn.active:active,
body.DB .child-links-mobile .btn.active:active,
body.DB .child-links .btn:focus:focus,
body.DB .child-links-mobile .btn:focus:focus,
body.DB .child-links .btn.active:focus,
body.DB .child-links-mobile .btn.active:focus {
    color: #880d54
}

body.DB .child-links .dropdown-menu a,
body.DB .child-links-mobile .dropdown-menu a {
    background: #eddbe6
}

body.DB .child-links .dropdown-menu a.active,
body.DB .child-links-mobile .dropdown-menu a.active {
    background: #880d54
}

body.DB .btn-group .btn.active {
    color: #880d54
}

body.DB .btn-group .btn:hover {
    color: #880d54
}

body.DB .view-group .item .thumbnail {
    border-color: #880d54
}

body.DB .view-group.downloads .item .thumbnail .list-group-item-text {
    color: #880d54
}

body.DB .view-group.downloads .item .thumbnail a {
    background: #880d54
}

body.DB .view-group.downloads .item .thumbnail a:hover {
    background: #555
}

body.small {
    font-size: 16px
}

body.medium {
    font-size: 18px
}

body.large {
    font-size: 20px
}

.btn:focus,
.btn.focus {
    box-shadow: none
}

header {
    background: #fff;
    padding: 15px 0
}

header .navbar {
    padding: 0
}

header .navbar .navbar-brand img {
    max-height: 35px
}

header .navbar .navbar-collapse {
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 15px;
    width: calc(100% + 30px)
}

header .navbar .navbar-toggler {
    border: none;
    padding: 0;
    margin: .25rem .75rem
}

header .navbar .navbar-toggler .navbar-toggler-icon {
    width: 34px;
    height: 33px;
    background-image: url('/img/menu.svg');
    margin-bottom: 2px
}

header .navbar .navbar-toggler .navbar-toggler-icon img {
    display: none
}

header .navbar .navbar-toggler .navbar-toggler-icon.open {
    background-image: none
}

header .navbar .navbar-toggler .navbar-toggler-icon.open img {
    display: block
}

header .navbar .navbar-toggler .menu {
    display: block;
    font-size: .625rem
}

header .navbar .navbar-toggler .menu.closed {
    display: none;
    transition: all 1s
}

header .navbar .navbar-toggler .close-menu {
    display: none;
    font-size: .625rem
}

header .navbar .navbar-toggler .close-menu.open {
    display: block
}

header .navbar .navbar-nav .dropdown-menu {
    border: none;
    border-radius: 0;
    margin-top: 0;
    padding: 0
}

header .navbar .nav-item .nav-link {
    font-family: 'UniversLTStd', Helvetica, Arial, sans-serif;
    color: #b4003d;
    line-height: 1.25em;
    padding: 15px
}

header .navbar .nav-item .nav-link.dropdown-toggle {
    position: relative
}

header .navbar .nav-item .nav-link.dropdown-toggle:after {
    content: "";
    font-family: "Font Awesome 5 Free";
    border: none;
    vertical-align: 0;
    transition: all .33s;
    transform-style: preserve-3d;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 0;
    transform-origin: 50% 25%
}

header .navbar .nav-item .nav-link.active {
    color: #b4003d
}

header .navbar .nav-item .nav-link.active:hover {
    color: #555
}

header .navbar .nav-item.login {
    text-align: center
}

header .navbar .nav-item.login .login-button {
    background: #b4003d;
    font-family: 'UniversLTStd-Bold', Helvetica, Arial, sans-serif;
    border-radius: 0;
    box-sizing: border-box;
    padding: 15px 15px;
    line-height: 1.25em;
    color: #fff;
    width: calc(100% - 30px);
    margin: 0 auto 10px;
    font-size: 1em
}

header .navbar .nav-item.login .login-button:hover {
    background: #555;
    color: #fff
}

header .navbar .nav-item.login .login-button img {
    margin-top: -3px
}

header .navbar .nav-item.search {
    width: calc(100% - 30px);
    margin: 0 auto 10px
}

header .navbar .nav-item.search form .form-group {
    margin: 0;
    width: 100%
}

header .navbar .nav-item.search form .form-group input {
    width: calc(100% - 30px);
    border-radius: 0;
    border-color: #ccc
}

header .navbar .nav-item.search form .form-group input:focus {
    box-shadow: none;
    border-color: #555
}

header .navbar .nav-item.dropdown .dropdown-menu[aria-labelledby="Defined-Contribution-Section-ABF"] a {
    color: #fff;
    background-color: #621e66;
    border-bottom: solid 1px #fff
}

header .navbar .nav-item.dropdown .dropdown-menu[aria-labelledby="Defined-Contribution-Section-ABF"] a.active {
    color: #fff !important;
    background-color: #621e66 !important
}

header .navbar .nav-item.dropdown .dropdown-menu[aria-labelledby="Defined-Contribution-Section-ABF"] .dropdown-submenu .dropdown-menu a {
    color: #621e66
}

header .navbar .nav-item.dropdown .dropdown-menu[aria-labelledby="Defined-Benefit-Section-ABF"] a,
header .navbar .nav-item.dropdown .dropdown-menu[aria-labelledby="Defined-Benefit-Section-British-Sugar"] a {
    color: #fff;
    background: #880d54;
    border-bottom: solid 1px #fff
}

header .navbar .nav-item.dropdown .dropdown-menu[aria-labelledby="Defined-Benefit-Section-ABF"] a.active,
header .navbar .nav-item.dropdown .dropdown-menu[aria-labelledby="Defined-Benefit-Section-British-Sugar"] a.active {
    color: #fff !important;
    background-color: #880d54 !important
}

header .navbar .nav-item.dropdown .dropdown-menu[aria-labelledby="Defined-Benefit-Section-ABF"] .dropdown-submenu .dropdown-menu a,
header .navbar .nav-item.dropdown .dropdown-menu[aria-labelledby="Defined-Benefit-Section-British-Sugar"] .dropdown-submenu .dropdown-menu a {
    color: #880d54
}

header .navbar .nav-item.dropdown.show .nav-link.dropdown-toggle:after {
    transform: rotate(180deg);
    transition: all .33s;
    transform-style: preserve-3d
}

header .navbar .nav-item.dropdown a {
    padding: 15px
}

header .navbar .nav-item.dropdown a#Defined-Contribution-Section-ABF {
    background: #621e66;
    color: #fff
}

header .navbar .nav-item.dropdown a#Defined-Contribution-Section-ABF.open {
    background: #fff;
    color: #621e66 !important
}

header .navbar .nav-item.dropdown a#Defined-Benefit-Section-British-Sugar,
header .navbar .nav-item.dropdown a#Defined-Benefit-Section-ABF {
    background: #880d54;
    color: #fff
}

header .navbar .nav-item.dropdown a#Defined-Benefit-Section-British-Sugar.open,
header .navbar .nav-item.dropdown a#Defined-Benefit-Section-ABF.open {
    background: #fff;
    color: #880d54 !important
}

header .navbar .nav-item .dropdown-submenu {
    position: relative;
    font-size: .875rem
}

header .navbar .nav-item .dropdown-submenu .dropdown-toggle.open {
    background: #555 !important
}

header .navbar .nav-item .dropdown-submenu a:after {
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: .8em
}

header .navbar .nav-item .dropdown-submenu .dropdown-submenu,
header .navbar .nav-item .dropdown-submenu .dropdown-menu {
    font-size: .875rem
}

header .navbar .nav-item .dropdown-submenu .dropdown-submenu a,
header .navbar .nav-item .dropdown-submenu .dropdown-menu a {
    background-color: #f2f2f2 !important;
    border-bottom: solid 1px #555 !important
}

header .navbar .nav-item .dropdown-submenu .dropdown-submenu .dropdown-menu,
header .navbar .nav-item .dropdown-submenu .dropdown-menu .dropdown-menu {
    font-size: .875rem;
    top: 0;
    left: 100%;
    margin-left: .1rem;
    margin-right: .1rem
}

header .text-resizer {
    display: none
}

.sub-navigation,
.sub-sub-navigation {
    display: none
}

main {
    background-image: url('/media/wyuckd3t/background-bottom-red.png');
    background-size: 100%;
    background-position: bottom -5px center;
    background-repeat: no-repeat;
    padding: 25px 0
}

main .page-title {
    background: #fff;
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: #b4003d
}

main .page-title h1 {
    font-size: 2em;
    margin-bottom: 0
}

main .page-title h2 {
    font-family: 'UniversLTStd', Helvetica, Arial, sans-serif;
    font-size: 1.25em;
    margin-top: 15px;
    color: #555
}

main .page-title.news .text-left {
    font-family: 'UniversLTStd-Bold', Helvetica, Arial, sans-serif;
    display: flex;
    align-items: center;
    justify-content: center
}

main .page-title.news h1 {
    margin: 10px 0 15px
}

main .page-title.news .text-right {
    display: flex;
    align-items: center;
    justify-content: center
}

main .page-title.news .text-right .btn {
    background: #b4003d;
    color: #fff;
    font-family: 'UniversLTStd-Bold', Helvetica, Arial, sans-serif;
    border-radius: 0;
    border: solid #b4003d 2px;
    box-sizing: border-box;
    padding: 7.5px 15px
}

main .page-title.news .text-right .btn:hover {
    background: #fff;
    color: #b4003d
}

main .page-title.news .subscribe-form {
    text-align: left
}

main .page-title.news .subscribe-form .umbraco-forms-container {
    padding: 0
}

main .page-title.news .subscribe-form .umbraco-forms-navigation .col-md-12 {
    padding: 0
}

main .page-title.news .subscribe-form label {
    line-height: 1rem;
    font-size: 1rem
}

main .page-title.news .subscribe-form input.text {
    padding: 7.5px;
    margin-bottom: 10px;
    width: 100%;
    border: solid 1px #ccc
}

main .page-title.news .subscribe-form select {
    width: 100%;
    padding: 7.5px;
    margin-bottom: 10px;
    border: solid 1px #ccc
}

main .page-title.news .subscribe-form .recaptcha {
    margin-bottom: 15px
}

main .page-title.news .subscribe-form .field-validation-error {
    color: #b4003d;
    font-size: .875rem
}

main .page-title.news .subscribe-form .dataconsent label {
    width: calc(100% - 23px);
    font-size: .875rem;
    line-height: 1.125rem
}

main .page-title.news .subscribe-form .dataconsent input {
    vertical-align: top
}

main .page-title.news .subscribe-form .dataconsent .umbraco-forms-label {
    display: none
}

main .page-title.news .subscribe-form .btn.primary {
    background: #b4003d;
    font-family: 'UniversLTStd-Bold', Helvetica, Arial, sans-serif;
    color: #fff;
    margin-top: 5px;
    border-radius: 0;
    width: 100%
}

main .page-title.news .subscribe-form .btn.primary:hover {
    background-color: #fff;
    color: #b4003d
}

main .page-content {
    background: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 25px auto 0;
    min-height: 500px
}

main .page-content a {
    font-family: 'UniversLTStd-Bold', Helvetica, Arial, sans-serif
}

main .page-content.contact .form-select {
    max-width: 600px;
    background: #f2f2f2;
    padding: 30px 15px;
    margin: 50px auto 0;
    width: 100%
}

main .page-content.contact .form-select select {
    padding: 10px
}

main .page-content.contact .forms-container {
    display: none
}

main .page-content.contact .forms-container .contactform,
main .page-content.contact .forms-container .contactformdbabf,
main .page-content.contact .forms-container .contactformdbbritishsugar,
main .page-content.contact .forms-container .contactformnotamember {
    display: none
}

main .home-content {
    padding-top: 25px;
    padding-bottom: 25px
}

main .home-content h1 {
    font-size: 2em;
    color: #b4003d
}

main .home-content p {
    font-size: 1.125em
}

main .home-content ul li::marker {
    color: #b4003d
}

main .home-link-pods {
    margin-top: 25px
}

main .home-link-pods [class^="col-"] {
    margin-top: 25px
}

main .home-link-pods [class^="col-"] a {
    color: #fff
}

main .home-link-pods [class^="col-"] a:hover {
    text-decoration: none
}

main .home-link-pods [class^="col-"] .text-center {
    padding: 2rem;
    min-height: 165px;
    position: relative;
    transition: all .33s;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap
}

main .home-link-pods [class^="col-"] .text-center h4 {
    font-size: 1.25em;
    margin-bottom: 10px;
    color: #fff
}

main .home-link-pods [class^="col-"] .text-center p {
    font-size: 1em
}

main .home-link-pods [class^="col-"] .text-center.grey {
    background: #555;
    color: #fff
}

main .home-link-pods [class^="col-"] .text-center.grey .btn {
    background: #fff;
    color: #555;
    padding: .5rem 1.5rem;
    border: solid 2px #fff
}

main .home-link-pods [class^="col-"] .text-center.grey .btn:hover {
    color: #fff
}

main .home-link-pods [class^="col-"] .text-center.purple {
    background: #621e66;
    color: #fff
}

main .home-link-pods [class^="col-"] .text-center.purple .btn {
    background: #621e66;
    color: #880d54;
    padding: .5rem 1.5rem;
    border: solid 2px #fff
}

main .home-link-pods [class^="col-"] .text-center.purple .btn:hover {
    color: #fff
}

main .home-link-pods [class^="col-"] .text-center.red {
    background: #b4003d;
    color: #fff
}

main .home-link-pods [class^="col-"] .text-center.red .btn {
    background: #fff;
    color: #b4003d;
    padding: .5rem 1.5rem;
    border: solid 2px #fff
}

main .home-link-pods [class^="col-"] .text-center.red .btn:hover {
    color: #fff
}

main .home-link-pods [class^="col-"] .text-center.violet {
    background: #880d54;
    color: #fff
}

main .home-link-pods [class^="col-"] .text-center.violet .btn {
    background: #fff;
    color: #880d54;
    padding: .5rem 1.5rem;
    border: solid 2px #fff
}

main .home-link-pods [class^="col-"] .text-center.violet .btn:hover {
    color: #fff
}

main .home-link-pods [class^="col-"] .text-center.white {
    background: #fff;
    border: solid 2px #b4003d;
    color: #555
}

main .home-link-pods [class^="col-"] .text-center.white h4 {
    color: #b4003d
}

main .home-link-pods [class^="col-"] .text-center.white:hover {
    background: #b4003d !important;
    color: #fff
}

main .home-link-pods [class^="col-"] .text-center.white:hover h4 {
    color: #fff
}

main .home-link-pods [class^="col-"] .text-center:hover {
    background: #555
}

main .collapsible-list {
    margin-top: 25px
}

main .collapsible-list .faq-group {
    margin-bottom: 20px
}

main .collapsible-list .faq-group h3 {
    margin-bottom: 10px;
    margin-top: 15px
}

main .collapsible-list .faq-group:first-child {
    margin-top: -15px
}

main .collapsible-list .card {
    border-radius: 0;
    background: #f2f2f2;
    border: none;
    margin-bottom: 10px
}

main .collapsible-list .card .card-header {
    padding: 0;
    background: #f2f2f2;
    border-bottom: 0
}

main .collapsible-list .card .card-header h5 .btn {
    color: #b4003d;
    font-size: 1em;
    width: 100%;
    text-align: left;
    padding: 1rem 2.75rem 1rem 1.25rem;
    border: none;
    position: relative;
    transition: all .25s linear;
    text-decoration: none;
}

main .collapsible-list .card .card-header h5 .btn:after {
    content: "";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    right: 1.25rem;
    top: 50%;
    line-height: 1.5;
    height: 30px;
    text-align: center;
    transition: transform .25s linear;
    transform-origin: center center;
    transform-style: preserve-3D;
    transform: translateY(-50%)
}

main .collapsible-list .card .card-header h5 .btn:after:hover {
    text-decoration: none
}

main .collapsible-list .card .card-header h5 .btn.open:after {
    transform: rotate(45deg) translateX(-66%) translateY(-33%)
}

main .collapsible-list .card .card-header h5 .btn.open.collapsed:after {
    transform: rotate(0) translateY(-50%)
}

main .collapsible-list .card .card-header h5 .btn:hover {
    text-decoration: none;
    background: #d9d9d9;
    transition: all .25s
}

main .collapsible-list .card .card-header h5 .btn:focus {
    text-decoration: none
}

main .collapsible-list .card .card-body {
    padding-top: 0
}

main .collapsible-list .card:last-of-type {
    margin-bottom: 0
}

main .scheme-section-grid {
    margin-top: 30px
}

main .scheme-section-grid a:hover {
    text-decoration: none
}

main .scheme-section-grid [class^="col-"] div {
    padding: 1rem;
    margin-bottom: 20px;
    position: relative;
    transition: all .33s
}

main .scheme-section-grid [class^="col-"] div img {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    max-width: 45px;
    max-height: 45px
}

main .scheme-section-grid [class^="col-"] div:hover {
    background: #555;
    transition: all .33s
}

main .scheme-section-grid [class^="col-"] div p {
    max-width: calc(100% - 60px);
    font-family: 'UniversLTStd', Helvetica, Arial, sans-serif
}

main .scheme-section-grid h4 {
    font-size: 1.25em
}

main .scheme-section-grid .grey {
    background: #555;
    color: #fff
}

main .scheme-section-grid .grey h4 {
    color: #fff
}

main .scheme-section-grid .grey h4:hover {
    text-decoration: none
}

main .scheme-section-grid .grey:hover {
    background: #000 !important
}

main .scheme-section-grid .red {
    background: #b4003d;
    color: #fff
}

main .scheme-section-grid .red h4 {
    color: #fff
}

main .scheme-section-grid .red h4:hover {
    text-decoration: none
}

main .scheme-section-grid .violet {
    background: #880d54;
    color: #fff
}

main .scheme-section-grid .violet h4 {
    color: #fff
}

main .scheme-section-grid .violet h4:hover {
    text-decoration: none
}

main .scheme-section-grid .purple {
    background: #621e66;
    color: #fff
}

main .scheme-section-grid .purple h4 {
    color: #fff
}

main .scheme-section-grid .purple h4:hover {
    text-decoration: none
}

main .scheme-section-grid .white {
    border: solid 2px #b4003d
}

main .scheme-section-grid .white h4 {
    color: #b4003d
}

main .scheme-section-grid .white:hover {
    background: #b4003d !important
}

main .scheme-section-grid .white:hover h4 {
    color: #fff
}

main .related-links {
    background: #f2f2f2;
    padding: 2rem 2rem calc(2rem - 25px);
    margin-top: 25px
}

main .related-links h4 {
    font-size: 1.25em;
    color: #555 !important;
    margin-bottom: 25px
}

main .related-links a {
    margin: 0 0 25px 0;
    display: block;
    font-family: 'UniversLTStd', Helvetica, Arial, sans-serif
}

main .child-links {
    background: #fff;
    display: none
}

main .child-links .row {
    background: #f7e5eb
}

main .child-links .text-center {
    display: flex;
    padding: 0 .25rem;
    justify-content: center
}

main .child-links a {
    margin: 0;
    display: block;
    padding: .5rem 0;
    font-size: .875em;
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'UniversLTStd-Bold', Helvetica, Arial, sans-serif
}

main .child-links a.active {
    box-shadow: inset 0 -2px 0 #b4003d
}

main .child-links a:hover {
    text-decoration: none;
    box-shadow: inset 0 -2px 0 #b4003d
}

main .child-links .column-7 {
    -ms-flex: 0 0 calc(100%/7.01);
    flex: 0 0 calc(100%/7.01);
    max-width: calc(100%/7.01)
}

main .child-links .column-8 {
    -ms-flex: 0 0 calc(100%/8);
    flex: 0 0 calc(100%/8);
    max-width: calc(100%/8)
}

main .child-links .column-9 {
    -ms-flex: 0 0 calc(100%/9);
    flex: 0 0 calc(100%/9);
    max-width: calc(100%/9)
}

main .child-links .column-10 {
    -ms-flex: 0 0 calc(100%/10);
    flex: 0 0 calc(100%/10);
    max-width: calc(100%/10)
}

main .child-links-mobile {
    background: #fff
}

main .child-links-mobile .col-12 {
    padding: 0
}

main .child-links-mobile .btn {
    width: 100%;
    background-color: rgba(180, 0, 61, .1);
    border: none;
    border-radius: 0;
    padding: .75rem 1rem;
    font-family: 'UniversLTStd-Bold', Helvetica, Arial, sans-serif;
    text-align: left
}

main .child-links-mobile .btn:focus,
main .child-links-mobile .btn:active {
    background-color: rgba(180, 0, 61, .1);
    border: none;
    color: #b4003d
}

main .child-links-mobile .dropdown-menu {
    margin-top: 0;
    border: none;
    border-radius: 0;
    width: calc(100% + 5px);
    padding: 0;
    background: #fff
}

main .child-links-mobile .dropdown-menu a {
    padding: .5rem 1.5rem;
    background-color: rgba(180, 0, 61, .1)
}

main .child-links-mobile .dropdown-menu a.active {
    background: #b4003d;
    color: #fff
}

main .child-links-mobile .dropdown-toggle:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1rem;
    content: "";
    font-family: "Font Awesome 5 Free";
    border: none
}

main .child-links-mobile .dropdown-toggle:focus {
    box-shadow: none !important
}

main .contactform,
main .contactformdbabf,
main .contactformdbbritishsugar,
main .contactformnotamember {
    max-width: 600px;
    background: #f2f2f2;
    padding: 30px;
    margin: 50px auto 0;
    width: 100%
}

main .contactform label,
main .contactformdbabf label,
main .contactformdbbritishsugar label,
main .contactformnotamember label {
    line-height: 1rem
}

main .contactform input.text,
main .contactformdbabf input.text,
main .contactformdbbritishsugar input.text,
main .contactformnotamember input.text {
    padding: 5px;
    margin-bottom: 5px;
    width: 100%;
    border: solid 1px #ccc
}

main .contactform input[type="checkbox"],
main .contactformdbabf input[type="checkbox"],
main .contactformdbbritishsugar input[type="checkbox"],
main .contactformnotamember input[type="checkbox"] {
    vertical-align: top
}

main .contactform .field-validation-error,
main .contactformdbabf .field-validation-error,
main .contactformdbbritishsugar .field-validation-error,
main .contactformnotamember .field-validation-error {
    color: #b4003d;
    font-size: .875rem
}

main .contactform textarea,
main .contactformdbabf textarea,
main .contactformdbbritishsugar textarea,
main .contactformnotamember textarea {
    padding: 5px;
    width: 100%;
    margin-bottom: 5px;
    min-height: 100px;
    border: solid 1px #ccc
}

main .contactform .btn.primary,
main .contactformdbabf .btn.primary,
main .contactformdbbritishsugar .btn.primary,
main .contactformnotamember .btn.primary {
    background: #b4003d;
    font-family: 'UniversLTStd-Bold', Helvetica, Arial, sans-serif;
    color: #fff;
    margin-top: 10px;
    border-radius: 0
}

main .contactform .btn.primary:hover,
main .contactformdbabf .btn.primary:hover,
main .contactformdbbritishsugar .btn.primary:hover,
main .contactformnotamember .btn.primary:hover {
    background-color: #555
}

main .contactform .dataconsent label,
main .contactformdbabf .dataconsent label,
main .contactformdbbritishsugar .dataconsent label,
main .contactformnotamember .dataconsent label {
    max-width: calc(100% - 25px);
    line-height: 1.25rem;
    margin: -2px 0 10px 5px
}

main .contactform .dataconsent label.umbraco-forms-label,
main .contactformdbabf .dataconsent label.umbraco-forms-label,
main .contactformdbbritishsugar .dataconsent label.umbraco-forms-label,
main .contactformnotamember .dataconsent label.umbraco-forms-label {
    margin: 0 0 10px !important
}

main .contactform .recaptcha2 label,
main .contactformdbabf .recaptcha2 label,
main .contactformdbbritishsugar .recaptcha2 label,
main .contactformnotamember .recaptcha2 label {
    display: none
}

main .subscribe {
    max-width: 600px;
    background: #f2f2f2;
    padding: 30px 15px;
    margin: 0 auto;
    width: 100%
}

main .subscribe label {
    line-height: 1rem
}

main .subscribe input.text {
    padding: 5px;
    margin-bottom: 5px;
    width: 100%;
    border: solid 1px #ccc
}

main .subscribe select {
    width: 100%;
    padding: 7.5px;
    margin-bottom: 10px;
    border: solid 1px #ccc
}

main .subscribe textarea {
    padding: 5px;
    width: 100%;
    margin-bottom: 5px;
    min-height: 100px;
    border: solid 1px #ccc
}

main .subscribe .field-validation-error {
    color: #b4003d;
    font-size: .875rem
}

main .subscribe .dataconsent {
    margin-top: 15px
}

main .subscribe .dataconsent label {
    width: calc(100% - 23px);
    font-size: .875rem;
    line-height: 1.125rem
}

main .subscribe .dataconsent input {
    vertical-align: top
}

main .subscribe .dataconsent .umbraco-forms-label {
    display: none
}

main .subscribe .btn.primary {
    background: #b4003d;
    font-family: 'UniversLTStd-Bold', Helvetica, Arial, sans-serif;
    color: #fff;
    margin-top: 5px;
    border-radius: 0;
    width: 100%
}

main .subscribe .btn.primary:hover {
    background-color: #fff;
    color: #b4003d
}

main .feedbacksurvey {
    max-width: 800px;
    background: #f2f2f2;
    padding: 30px 15px;
    margin: 0 auto 0;
    width: 100%
}

main .feedbacksurvey label {
    line-height: 1.375em;
    font-family: 'UniversLTStd-Bold', Helvetica, Arial, sans-serif;
    font-size: 1.125em
}

main .feedbacksurvey .umbraco-forms-field {
    margin-bottom: 15px
}

main .feedbacksurvey .radiobuttonlist label {
    font-family: 'UniversLTStd', Helvetica, Arial, sans-serif;
    font-size: 1em
}

main .feedbacksurvey legend {
    font-size: 1.375em;
    padding: 0 15px;
    font-family: 'UniversLTStd-Bold', Helvetica, Arial, sans-serif;
    margin-bottom: 20px;
    line-height: 1.875rem
}

main .feedbacksurvey input.text {
    padding: 5px;
    margin-bottom: 5px;
    width: 100%;
    border: solid 1px #ccc
}

main .feedbacksurvey input[type="checkbox"] {
    vertical-align: top
}

main .feedbacksurvey .field-validation-error {
    color: #b4003d;
    font-size: .875rem
}

main .feedbacksurvey textarea {
    padding: 5px;
    width: 100%;
    margin-bottom: 5px;
    min-height: 100px;
    border: solid 1px #ccc
}

main .feedbacksurvey .btn.primary {
    background: #b4003d;
    font-family: 'UniversLTStd-Bold', Helvetica, Arial, sans-serif;
    color: #fff;
    margin-top: 10px;
    border-radius: 0
}

main .feedbacksurvey .btn.primary:hover {
    background-color: #555
}

main .feedbacksurvey .dataconsent label {
    max-width: calc(100% - 25px);
    line-height: 1.25rem;
    margin: -2px 0 10px 5px
}

main .feedbacksurvey .dataconsent label.umbraco-forms-label {
    margin: 0 0 10px !important
}

main .feedbacksurvey .recaptcha2 label {
    display: none
}

main .fund-calculator {
    max-width: 700px;
    background: #f2f2f2;
    padding: 30px;
    margin: 30px auto 0;
    width: 100%
}

main .fund-calculator input {
    width: 100%;
    text-align: center;
    font-family: 'UniversLTStd-Bold', Helvetica, Arial, sans-serif
}

main .fund-calculator input[type="submit"] {
    margin-top: 20px;
    background: #621e66;
    color: #fff;
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.125rem;
    transition: all .25s
}

main .fund-calculator input[type="submit"]:hover {
    background: #555;
    color: #fff;
    transition: all .25s
}

main .fund-calculator label {
    margin: 0
}

main .ticket_message {
    max-width: 730px;
    padding: 0 15px;
    margin: 20px auto 0
}

main table {
    width: 100%;
    margin-bottom: 20px;
    border: solid 1px #f2f2f2;
    border-collapse: collapse
}

main table th {
    background: #b4003d;
    color: #fff;
    font-family: 'UniversLTStd-Bold', Helvetica, Arial, sans-serif;
    padding: .5rem 1rem;
    border-right: solid 1px #f2f2f2;
    border-bottom: solid 1px #f2f2f2
}

main table td {
    border-right: solid 1px #f2f2f2;
    border-bottom: solid 1px #f2f2f2;
    padding: .5rem 1rem
}

main table tr:nth-child(odd) {
    background: #f7f7f7
}

.btn-group .btn {
    color: #555;
    background: #f2f2f2;
    border: solid 1px #ccc;
    font-size: .875em;
    border-radius: 0;
    padding: 8px 12px
}

.btn-group .btn.active {
    color: #b4003d;
    background: #fff
}

.btn-group .btn:hover {
    color: #b4003d;
    background: #fff
}

.view-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0
}

.view-group .item .thumbnail {
    margin-bottom: 30px;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 100%;
    border-color: #b4003d;
    min-height: 185px;
}

.view-group .item .thumbnail a {
    font-size: 1.125em;
    margin-right: 10px
}

.view-group .item .thumbnail span {
    display: block
}

.view-group .item .thumbnail span.date {
    font-size: .875em
}

.view-group .item .thumbnail .list-group-item-text {
    margin-bottom: 15px
}

.view-group .item .caption {
    padding: .75rem 1rem
}

.view-group .item.list-group-item {
    float: none;
    width: 100%;
    margin-bottom: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 1rem;
    border: 0;
    margin-bottom: 0;
}

.view-group .item.list-group-item .img-event {
    float: left;
    width: 30%
}

.view-group .item.list-group-item .list-group-image {
    margin-right: 10px
}

.view-group .item.list-group-item .thumbnail {
    margin-bottom: 0;
    display: inline-block;
    min-height: 0!important;
}

.view-group .item.list-group-item .caption {
    float: left;
    width: 100%;
    margin: 0
}

.view-group .item.list-group-item span {
    display: inline-block
}

.view-group .item.list-group-item .synopsis {
    /*display: none*/
}

.view-group .item.list-group-item .list-group-item-text {
    margin-bottom: 0
}

.view-group.downloads .item .thumbnail .list-group-item-text {
    font-family: 'UniversLTStd-Bold', Helvetica, Arial, sans-serif;
    color: #b4003d
}

.view-group.downloads .item .thumbnail .list-group-item-text span {
    font-family: 'UniversLTStd', Helvetica, Arial, sans-serif;
    color: #555
}

.view-group.downloads .item .thumbnail a {
    background: #b4003d;
    color: #fff;
    border-radius: 0;
    font-size: 1em;
    transition: all .25s
}

.view-group.downloads .item .thumbnail a:hover {
    background: #555;
    transition: all .25s
}

.view-group.downloads .item.list-group-item .thumbnail .list-group-item-text {
    float: left
}

.view-group.downloads .item.list-group-item .thumbnail a {
    float: right
}

.view-group.downloads .item.list-group-item:last-of-type {
    margin-bottom: 13px
}

.item.list-group-item:before,
.item.list-group-item:after {
    display: table;
    content: " "
}

.item.list-group-item:after {
    clear: both
}

#search input {
    border-radius: 0;
    border-color: #ccc
}

#search input:focus {
    box-shadow: none;
    border-color: #555
}

#search .btn {
    background: #b4003d;
    border-color: #b4003d;
    border-radius: 0;
    font-family: 'UniversLTStd-Bold', Helvetica, Arial, sans-serif;
    width: 100%
}

#search .btn:hover {
    background: #555;
    border-color: #555
}

.login-form {
    justify-content: center;
    margin-top: 40px;
    position: relative;
    margin-bottom: 10px
}

.login-form .form-control {
    padding: 5px;
    width: 100%;
    border: solid 1px #ccc;
    border-radius: 0
}

.login-form .form-control:focus {
    box-shadow: none;
    border-color: #555
}

.login-form .form-group {
    margin-bottom: 0
}

.login-form button {
    background: #b4003d;
    font-family: 'UniversLTStd-Bold', Helvetica, Arial, sans-serif;
    border-color: #b4003d;
    border-radius: 0
}

.login-form button:hover {
    background-color: #555;
    border-color: #555
}

.login-form .field-validation-error {
    position: absolute;
    color: #b4003d;
    top: 50px;
    width: 100%;
    left: 0
}

.login-form .field-validation-valid {
    display: none
}

.validation-summary-errors {
    color: #b4003d;
    position: absolute;
    width: 100%;
    left: 0
}

.validation-summary-errors ul {
    margin: 0;
    padding: 0
}

.validation-summary-errors ul li {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.maintenance {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #fff;
    z-index: 9999999;
    top: 0;
    left: 0;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    padding: 0 30px
}

.maintenance h4 {
    color: #555;
    max-width: 800px;
    margin: 10px auto 20px;
    font-size: 1.25rem;
    line-height: 1.75rem
}

.maintenance p {
    max-width: 800px;
    margin: 0 auto 20px
}

.maintenance img {
    max-width: 100%
}

.feedback-tab {
    position: fixed;
    right: -2px;
    top: 25vh;
    transform: rotate(-90deg);
    transform-origin: bottom right;
    background: #fff;
    border: solid 2px #b4003d;
    color: #b4003d;
    font-size: 1em;
    font-family: 'UniversLTStd-Bold', Helvetica, Arial, sans-serif;
    padding: 10px 15px;
    border-radius: 0;
    z-index: 9999
}

.feedback-tab:hover {
    color: #fff;
    background: #b4003d;
    border: solid 2px #b4003d
}

.modal .modal-dialog .modal-content {
    border-radius: 0
}

.modal .modal-dialog .modal-content .modal-body {
    padding: 2rem;
    position: relative;
    font-size: 1.25em
}

.modal .modal-dialog .modal-content .modal-body .btn {
    font-family: 'UniversLTStd-Bold', Helvetica, Arial, sans-serif;
    border-radius: 0;
    background: #b4003d;
    color: #fff;
    font-size: 1em
}

.modal .modal-dialog .modal-content .modal-body .btn.purple {
    background: #621e66;
    color: #fff
}

.modal .modal-dialog .modal-content .modal-body .btn.violet {
    background: #880d54;
    color: #fff
}

.modal .modal-dialog .modal-content .modal-body .btn:hover {
    background: #555
}

.modal .modal-dialog .modal-content .modal-body button.close {
    float: none;
    opacity: 1;
    position: absolute;
    top: 10px;
    right: 10px;
    background: #f2f2f2;
    color: #b4003d;
    border-radius: 50px;
    padding: 7.5px;
    font-size: 1.5rem;
    line-height: 24px;
    text-shadow: none;
    width: 40px;
    height: 40px;
    border: none;
}

.modal .modal-dialog.login-modal .modal-content .modal-body .btn {
    text-align: center;
    margin-bottom: 10px;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px
}

.modal .modal-dialog.login-modal .modal-content .modal-body .btn:last-of-type {
    margin-bottom: 0
}

footer {
    background: #555;
    color: #fff;
    padding: 25px 0
}

footer .font-weight-bold {
    font-size: 1.25em
}

footer .list-inline {
    margin-bottom: 10px
}

footer .list-inline .list-inline-item {
    font-size: .875em;
    width: 100%
}

footer .list-inline .list-inline-item a {
    color: #fff
}

footer .list-inline .list-inline-item a:hover {
    text-decoration: underline
}

.cc-revoke.cc-left {
    left: auto !important;
    right: 2em !important
}