@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');:root {
    --light-grey: #F3F4F5;
    --grey: #ECF1F7;
    --mid-grey: #989898;
    --light-green: #AFC84A;
    --dark-green: #338052;
    --mid-green: #5ABA80;
    --very-dark-green: #006A67;
    --mid-blue: #244275;
    --light-blue: #0BA4BB;
    --menu-hover: #1B8FD2;
    --dark-blue: #17435C;
    --mid-grey: #4A4A4A;
    --dark-grey: #404040;
    --orange: #FF6E00;
    --font-family-raleway: "Raleway", sans-serif;
    --font-style-normal: normal;
    --font-weight-medium: 700;
    --font-weight-bold: 900;
    --font-size-base: 18px;
    --font-size-20: 20px;
    --font-size-26: 26px;
    --character-spacing-0: 0px;
    --character-spacing--0-26: -0.26px;
    --line-spacing-normal: 1.25em;
    --line-spacing-24: 24px;
    --line-spacing-26: 26px;
    --menu-color: #244275;
    --font-color: #244275;
    --container-top: 3em;
    --container-bottom: 3em;
    --container-left: 3em;
    --container-right: 3em;
    --container-all: 3em;
    --grid-gap: 12em;
    --default-gap: 2em;
    --hr: 2px solid var(--mid-grey);
    --rmSlide-Background: #fff;
    --RIA-Diagonals: url(images/RIA_Diagonals.svg);
    --card-min-width: 18em;
    --card-bg: var(--neutral-1);
    --card-title-colour: var(--brand-2-bg);
    --card-subtitle-colour: var(--brand-1-bg);
    --card-gap: var(--default-gap);
    --card-title-font-size: 1.3em;
    --card-title-line-height: 1.3em;
    --card-title-margin-bottom: 1.3em;
    --card-description-font-size: 0.8em;
    --card-description-font-weight: 400;
    --card-description-line-height: 1.2em;
    --card-action-align: left;
    --card-border-radius: var(--default-border-radius);
    --card-shadow: var(--default-box-shadow);
    --card-image-height: 50%;
    --card-image-height-horz: 60%;
    --card-image-height-textonimage: 100%;
    --card-details-height: auto;
    --card-description-height: auto;
    --card-date-font-weight: 600;
    --card-circular-width: 40%;
    --card-circular-width-horz: 60%;
    --card-circular-shadow: 0 0.5em 2em rgba(0, 0, 0, 0.3);
    --card-circular-border: solid 0.25em var(--card-bg);
    --card-alt-row-direction: row-reverse;
    --card-default-row-text-align: left;
    --card-alt-row-text-align: right;
}

.backToTop {
    background: var(--light-grey) url("images/RIA_ResponsiveHeaderSprite.png") 5px -223px no-repeat;
}

body:not(.Wrapper-HomePage) .header:before {
    background: transparent;
}

header#hd {
    padding-top: 2em;
}

.carousel-control, .carousel-indicators, .header-background-container, header.header .home-page-header-container {
    display: none;
}

.panel-body, .PanelBody {
    padding: 0;
}

.panel {
    border: 0
}

body {
    background: transparent;
    line-height: var(--line-spacing-normal);
}

.home-page-design .overlay-top {
    position: relative;
    top: -100px;
    z-index: auto;
}

@media(max-width: 991px) {
    .home-page-design .overlay-top {
        top: 0
    }
}

:not.home-page-design .banner-container {
    display: grid;
    grid-template-columns: 1fr 4fr 1fr;
    grid-template-rows: repeat(4, 1fr);
    gap: 0px 0px;
    grid-auto-flow: row;
}

.background-container {
    grid-area: 1 / 1 / 4 / 4;
}

.overlay-top {
    grid-area: 2 / 2 / 5 / 3;
    z-index: 1001
}

img {
    border-radius: 20px;
}

@media(max-width: 992px) {
    #mainContentWrapper {
        padding: 1em;
    }
}

li {
    padding-bottom: .5em;
}

.line-clamp p, .EventDescription {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
}

:is(.line-clamp-3, .EventTitle) :is(h2, h3, h4, h5, .PanelTitle) {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
}

:is(.line-clamp-2) :is(p, h1, h2, h3, h4, h5, .PanelTitle) {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.HideContent {
    display: none;
}

label, .Label, .PanelFieldLabelFont {
    color: var(--mid-blue);
}

@media(max-width: 767px) {
    .HideMobile {
        display: none;
    }
}

body {
    font-family: var(--font-family-raleway);
    font-weight: var(--font-weight-base);
    font-size: var(--font-size-base);
    color: var(--dark-grey);
}

body:not(.Wrapper-HomePage) .header {
    min-height: 130px;
}

h1, h2, h3, blockquote {
    color: var(--mid-blue)
}

#masterHeaderImage {
    background-image: url("images/RIA_LOCKUP_WORDMARK_TAGLINE_RGB.png");
    width: 250px;
}

.OnePlace #masterHeaderImage {
    background-image: url("images/OnePlaceLogo.svg");
    width: 250px;
}

@media (max-width: 991px) {
    #masterHeaderImage {
        width: 70px;
        background-size: cover;
        position: relative;
    }
}

li::marker {
    color: var(--menu-hover);
}

.AlignRightEdge {
    position: relative;
    right: -4.5em;
}

.AlignLeftEdge {
    position: relative;
    left: -4.5em;
}

:is(.AlignLeftEdge, .AlignRightEdge) img {
    width: 100% !important;
}

.ContentRecordPageAnchor img {
    max-width: 25px !important;
    border-radius: 0 !important
}

.container-right-padding {
    margin-right: 15%;
}

.center-top-container .container-left-padding {
    margin-right: 25%;
}

.container-left-padding {
    margin-left: 15%
}

@media(max-width: 767px) {
    .container-right-padding {
        margin-right: 0;
    }

    .container-left-padding {
        margin-left: 0;
    }
}

.RadMenu .rmItem {
    line-height: 2em;
}

.RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup {
    padding: 20px;
}

#masterHeaderBackground, .header {
    border-bottom: 0 solid transparent;
}

.UtilitySearch #SimpleSearchBlock .search-field {
    border: 2px solid var(--mid-blue);
    border-radius: 25px;
}

.RadMenu.RadMenu_Coffee .rmToggle, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle {
    width: auto;
    height: 100%;
    position: relative;
    left: -50%;
    transform: translate(50%, 0);
}

.RadMenu.RadMenu_Coffee .rmToggle .rmIcon, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle .rmIcon, .RadMenu.RadMenu_Coffee .rmExpanded.rmLink>.rmToggle>.rmIcon {
    background: #ffffff url("images/down-chevron-blue.svg") center center no-repeat;
    background-size: contain;
}

.RadMenu.RadMenu_Coffee .rmRootLink {
    font-size: 105%;
}

@media(max-width: 991px) {
    a.UtilitySection.UtilityAuthenticationLink.sign-out-link {
        background-color: transparent;
        background-image: url("images/RIA_ResponsiveHeaderSprite.png");
        background-position: 0 -115px;
        height: 40px;
        text-indent: -999999px;
    }

    button.navbar-toggle.collapsed.menu-toggle {
        background-image: linear-gradient(to left, #1B8FD2, #244275);
        border-radius: 50%;
        border: 1px solid var(--menu-hover);
        background-size: contain;
        padding-left: 6px !important;
        padding-right: 7px !important;
    }

    .navbar-toggle .icon-bar {
        background-color: #fff;
        border-radius: 3px;
        width: 27px;
    }

    .RadMenu.RadMenu_Coffee .rmToggle .rmIcon, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle .rmIcon {
        margin-top: 6px;
        margin-bottom: 0;
    }

    .RadMenu.RadMenu_Coffee .rmToggle, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle {
        right: 0;
        transform: translate(0);
        left: calc(-100% + 10px);
    }
}

@media (min-width: 992px) {
    .RadMenu.RadMenu_Coffee .rmSlide .rmItem {
        line-height: 2.5em;
    }

    .RadMenu.RadMenu_Coffee .rmToggle, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle {
        grid-area: rmToggle;
        display: block;
        clear: both;
    }
}

@media (max-width: 991px) {
    .RadMenu.RadMenu_Coffee .rmItem {
        height: 50px;
    }
}

.BgGrey, .GreyBg, .carousel-inner.bg-img>.item.BgGrey {
    background-color: var(--light-grey);
}

.BgMidGrey {
    background-color: var(--mid-grey);
}

.BgBlue, .headerOnly.BGBlue {
    background-color: var(--mid-blue);
}

.BgBlue20 {
    background-color: rgba(36, 66, 117, .2);
}

:is(.BgBlue, .BlueGr, .BlueTDGr) :is(body, p, h1, h2, h3, h4, h5, h6, .panel-body, .panel-title, a, .TextButton), .headerOnly.BGBlue .panel-title {
    color: #fff;
}

#ft .BlueGr {
    background: url(images/RIA_Diagonals.svg) right bottom no-repeat, url(images/DkBlueDLGr.svg) top right repeat;
    background-size: 50% 125%;
}

.RIA-Diagonals-Centre {
    background: var(--RIA-Diagonals) center bottom no-repeat;
}

.RIA-Diagonals-Right {
    background: var(--RIA-Diagonals) 75% bottom no-repeat;
}

.RIA-Diagonals-left {
    background: var(--RIA-Diagonals) 25% bottom no-repeat;
}

.BgOrange {
    background: var(--orange)
}

.OnePlaceBgRoutes {
    background-image: url(images/OnePlageLogo.svg) top right no-repeat;
}

.OnePlaceBgRoutes:before {
    background-color: var(--grey);
}

.NoPadding [class$="Bg"] {
    padding-top: 0%;
    padding-bottom: 0%;
}

.NoPaddingTop [class$="Bg"] {
    padding-top: 0%;
}

.NoPaddingBottom [class$="Bg"] {
    padding-bottom: 0%;
}

.center-top-container {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 2.1fr 0.1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
}

.container-left-padding {
    grid-area: 1 / 2 / 4 / 4;
}

.AlignRightEdge {
    grid-area: 1 / 5 / 4 / 8;
}

.AlignLeftEdge {
    grid-area: 8 / 4 / 5 / 1;
}

.AlignCenterTop {
    grid-area: 2 / 4 / 3 / 6;
    border-radius: 25px;
    position: relative;
    left: -15%;
    top: -75vh;
    width: 50%;
}

@media(max-width: 767px) {
    .AlignRightEdge {
        right: 0;
    }

    .AlignLeftEdge {
        left: 0;
    }

    .AlignCenterTop {
        grid-area: 2 / 4 / 3 / 6;
        border-radius: 25px;
        position: relative;
        left: 0;
        top: -45vh;
        width: 90%;
    }

    .AlignRightEdge {
        position: relative;
        right: 0;
    }
}

.GreenGr {
    background: transparent linear-gradient(90deg, var(--dark-green) 0%, var(--light-green) 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
}

.BlueGrCurved {
    background: transparent linear-gradient(90deg, var(--dark-blue) 0%, var(--light-blue) 100%) 0% 0% no-repeat padding-box;
}

.BlueGr {
    background: url(images/RIA_Diagonals.svg) right bottom no-repeat, url(images/DkBlueDLGr.svg) top right repeat;
    background-size: 25% 20%, 100%;
}

.GreenTDGr {
    background: transparent url(images/Green-TDGr.svg) no-repeat padding-box;
    padding: 1em;
    background-size: cover;
    color: #fff;
}

.BlueTDGr, .footer-banner {
    background: transparent url('images/BlueTDGr.svg') 0% 0% no-repeat padding-box;
    padding-bottom: 1em;
    background-size: cover;
}

:is(.header-carousel.BlueGr, .header-carousel.GreenTDGr, .header-carousel.BlueTDGr, .BlueTDGr, .BlueGrCurved, .GreenTDGr, .footer-banner) :is(body, h1, h2, h3, h4, h5, h6, a, p, .InfoBox, ul, ol, li::marker, label, .Label, .PanelFieldLabelFont, .PanelFieldValue, .Left .PanelFieldValue, .Right .PanelFieldValue, .PanelFieldLabel, .Left .PanelFieldLabel, .Right .PanelFieldLabel) {
    color: #fff;
}

:is(.GreenGr, .GreenTDGr, .BlueGr, .BlueTDGr).Curved, .BlueGrCurved {
    border-radius: 25px;
    padding: 2em;
    color: #fff;
}

.GreenTDGr li::marker {
    color: #fff;
}

:is(.header-carousel.GreenTDGr) .PrimaryButton {
    background-color: #fff;
    color: transparent;
}

:is(.banner-container, .internal-banner-container) :is(.GreenTDGr, .BlueTDGr) {
    margin-top: -1em;
    padding-top: 7vh;
    color: #fff;
}

.EventButton a.btn.PrimaryButton.Medium.Button, .EventButton a.btn.PrimaryButton.MediumButton {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    padding: 7px 25px
}

.EventItem {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr .25fr .25fr;
    grid-template-rows: .5fr .5fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas: "EventImage EventImage EventImage EventImage EventImage EventImage" "EventDetails EventDetails EventDetails EventDetails EventDetails EventDetails";
}

.EventSmallDate {
    grid-area: EventSmallDate;
}

.EventImage {
    display: grid;
    grid-template-columns: 5.5fr .25fr .25fr;
    grid-template-rows: .25fr .25fr .25fr .25fr .25fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas: ". . ." ". , ." ". . ." ". . ." ". MemberEvent EventSmallDate";
    grid-area: EventImage;
}

:is(.ESContainer, .ESContainer-Single) tbody tr:first-child .EventItem .EventImage {
    grid-template-rows: .1fr .25fr .25fr .25fr .25fr;
}

.MemberEvent {
    grid-area: MemberEvent;
}

.EventDetails {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 2.25fr .25fr .25fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas: "EventTitle EventTitle EventTitle" "EventDate EventDate EventDate" "EventButton EventButton EventButton";
    grid-area: EventDetails;
}

.EventTitle {
    grid-area: EventTitle;
}

.EventDate {
    grid-area: EventDate;
}

.EventDescription {
    grid-area: EventDescription;
}

.ESContainer-Inner .EventDescription {
    display: none;
}

.EventButton {
    grid-area: EventButton;
}

.DatePostition {
    position: absolute;
    top: 25%;
    left: 35%;
    -webkit-transform: translate(-25% -50%);
}

.fontWhite :is(body, p, h1 h2, h3, h4, h5, h6, .Panel-Title, a, .btn), :is(body, p, h1 h2, h3, h4, h5, h6, .Panel-Title, a, .btn).fontWhite {
    color: #fff;
}

.fontBlue :is(body, p, h1 h2, h3, h4, h5, h6, .Panel-Title, a, .btn), :is(body, p, h1 h2, h3, h4, h5, h6, .Panel-Title, a, .btn).fontBlue {
    color: var(--mid-blue)
}

.fontGreen :is(body, p, h1 h2, h3, h4, h5, h6, .Panel-Title, a, .btn), :is(body, p, h1 h2, h3, h4, h5, h6, .Panel-Title, a, .btn).fontGreen {
    color: var(--mid-green)
}

.header-carousel {
    display: grid;
}

.carousel h1, .carousel h2, .carousel h3, .carousel h4, .carousel h5 {
    color: #ffffff;
    font-weight: 500;
    width: 75%;
    text-align: left;
    font-family: var(--font-family-raleway);
}

.carousel h1 {
    font-size: 3.5em !important;
}

.header-carousel {
    position: relative;
}

.overlay {
    position: relative;
    top: -20%;
    left: 50%;
    transform: translate(-50%, 20%);
}

:not(.banner-container, .internal-banner-container) .row .iMIS-WebPart:first-child {
    padding-top: 7vh;
}

:not(.banner-container, .internal-banner-container) .row .iMIS-WebPart:last-child {
    padding-bottom: 5vh;
}

@media (max-width: 767px) {
    :not(.banner-container, .internal-banner-container) .row .iMIS-WebPart:first-child {
        padding-top: 0;
    }

    :not(.banner-container, .internal-banner-container) .row .iMIS-WebPart:last-child {
        padding-bottom: 0;
    }
}

.overlay-top .row .iMIS-WebPart:first-child, .banner-container .row .iMIS-WebPart:first-child, .internal-banner-container .row .iMIS-WebPart:first-child, .banner-container .row .iMIS-WebPart:last-child, .internal-banner-container .row .iMIS-WebPart:last-child {
    padding-top: 0;
    padding-bottom: 0;
}

.banner-image {
    padding-top: 7vh;
    background: linear-gradient(0deg, #fff 20%, #F3F4F5 0%);
}

.overlay-image img {
    max-height: 400px;
}

@media screen and (max-width: 417px) {
    .carousel h1, .carousel h2, .carousel h3, .carousel h4, .carousel h5 {
        width: auto;
    }
}

.PrimaryButton, input.TextButton, .PrimaryButton:hover, .PrimaryButton:focus {
    background: transparent linear-gradient(90deg, var(--dark-green) 0%, var(--light-green) 100%) 0% 0% no-repeat padding-box;
    border-radius: 25px;
    opacity: 1;
    color: #fff !important;
    text-decoration: none !important
}

input.TextButton {
    min-width: 100px;
}

.InfoBox, :is(.BlueGr .InfoBox) :is(body, p, h1, h2, h3, h4, h5, h6, a, .TextButton) {
    height: 60%;
    background: #ffffff;
    Overflow: hidden;
    border-radius: 25px;
    padding: 10px;
    color: var(--font-color);
}

.overlay .InfoBox {
    background: transparent;
}

.TextButton, .TextButton:hover, .TextLink, .TextLink:hover {
    font-size: 110%;
    border: none;
    background-color: transparent;
    text-decoration: none;
    color: var(--dark-blue)
}

:not(.GreenTDGr, .GreenGr, .BlueTDGr, .BlueGr) :is(.TextButton::after, .TextLink::after) {
    content: "\2192";
    height: 2em;
    width: 2em;
    border-radius: 50%;
    border: 1px solid var(--dark-green);
    margin-left: 1em;
    text-decoration: none;
    padding: 2px 5px 3px;
    color: var(--dark-green)
}

:is(.GreenTDGr, .GreenGr, .BlueTDGr, .BlueGr) .TextButton::after, .TextLink::after {
    content: "\2192";
    height: 2em;
    width: 2em;
    border-radius: 50%;
    border: 1px solid #fff !important;
    margin-left: 1em;
    text-decoration: none;
    padding: 2px 5px 3px;
    color: #fff !important;
}

:is(.BlueGr >.InfoBox) :is(.TextButon::after, .TextLink::after) {
    color: var(--mid-blue);
    border-color: var(--mid-blue) !important;
}

:is(.BlueGr) :is(.TextButon::after, .TextLink::after) {
    color: #fff;
    border-color: #fff !important;
}

:is(.BlueGr) :is(.TextButon::after, .TextLink::after) {
    color: var(--mid-blue);
}

:is(.BlueGr, .BlueTDGr, .GreenGr, .GreenTDGr) :is(.Text-Link, .TextButton) {
    color: #fff;
    border: 1px solid white;
}

.TextButtonMenu ul {
    list-style: none;
}

.TextButtonMenu li {
    border-top: var(--hr);
}

.TextButtonMenu li:last-child {
    border-bottom: var(--hr)
}

img:not(.carousel) {
    border-radius: 25px
}

.NewsContainer .TaggedListPanel, .EventsContainer .TaggedListPanel {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 2em;
    padding: 1.5vh;
    list-style: none;
}

.NewsContainer-3up .TaggedListPanel {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    align-items: start;
    gap: 2em;
}

.NewsContainer-3up.AlternateRow .TaggedListPanel {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    align-items: start;
    gap: 2em;
}

.NewsContainer-3up.Simple .TaggedListPanel {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: start;
    gap: 2em;
}

:is(.NewsContainer, .NewsContainerSingle) .TaggedListPanel .NewsItem:not(first-child) .NewsImage {
    display: none;
}

:is(.NewsContainer, .NewsContainerSingle) .TaggedListPanel .NewsItem:not(first-child) {
    border-top: var(--hr);
}

:is(.NewsContainer, .NewsContainerSingle) .TaggedListPanel .NewsItem:first-child {
    border-top: 0;
}

:is(.NewsContainer, .NewsContainerSingle) .TaggedListPanel .NewsItem:first-child .NewsImage {
    display: block;
}

:is(.NewsContainer, .NewsContainerSingle) .TaggedListPanel .NewsItem:last-child {
    border-bottom: var(--hr);
}

.TaggedListPanel .NewsItem:first-child .NewsImage {
    display: block;
}

.TaggedListPanel .NewsItem .NewsTitle {
    font-size: var(--font-size-20)
}

:is(.NewsContainer, .NewsContainer-3up) .TaggedListPanel .NewsItem:first-child .NewsTitle {
    font-size: var(--font-size-26);
}

:is(.NewsContainer-3up.AlternateRow, .NewsContainer-3up.Simple) .TaggedListPanel .NewsItem:first-child .NewsTitle {
    font-size: var(--font-size-20);
}

:is(.NewsContainer-3up.AlternateRow) .TaggedListPanel .NewsItem:nth-child(3) .NewsTitle {
    font-size: var(--font-size-26);
}

:is(.NewsContainer-3up.Simple) .TaggedListPanel .NewsItem:nth-child(3) .NewsTitle {
    font-size: var(--font-size-20);
}

.NewsContainer .TaggedListPanel .NewsItem:first-child {
    grid-row: 1/4
}

.container-right-padding img {
    border-radius: 25px 0 0 25px;
    margin-left: 1em
}

.NewsTitle a {
    text-decoration: none;
}

.NewsTitle a:hover {
    text-decoration: underline;
}

.NewsContainer-3-up.Simple .NewsDate {
    display: none;
}

.ESContainer thead, .ESContainer-Inner thead {
    display: none;
}

:is(.ESContainer) tbody {
    display: Flex;
    grid-template-columns: repeat(auto-fill, minmax(18vw, 1fr));
    align-items: start;
    gap: .8em;
}
:is(.ESContainer-Inner) .rgMasterTable tbody {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: start;
    gap: 1em;
    margin-right: 5px;
}

:is(.ESContainer-Inner) .rgMasterTable {
    background: transparent;
}

:is(.ESContainer-Inner) .rgRow {
    background: #fff;
}
:is(.ESContainer-Inner) :is(.rgRow, .rgAltRow) {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    box-sizing: border-box;
}
@media(min-width: 992px) {
    :is(.ESContainer-Inner) :is(.EventTitle, .PageTite) {
        min-width: 100%;
    }
}

@media(max-width: 767px) {
    :is(.ESContainer, .ESContainer-Inner) tbody, :is(.NewsContainer, .NewsContainer-3up, .NewsContainer-3up.Simple) .TaggedListPanel {
        display: block;
        padding: 10px;
    }

    .NewsItem, .PageItem {
        margin-bottom: 3em;
    }
}

:is(.EScontainer, .EScontainer-Inner .rgMasterTable) :is(.RadGrid.RadGrid_MetroTouch .rgActiveRow td, .RadGrid.RadGrid_MetroTouch .rgActiveRow td.rgSorted, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgActiveCell, .RadGrid.RadGrid_Metro .rgActiveRow td, .RadGrid.RadGrid_Metro .rgActiveRow td.rgSorted, .RadGrid.RadGrid_Metro .rgSelectedRow td, .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_Metro .rgMasterTable .rgActiveCell, .RadGrid.RadGrid_MetroTouch .rgGroupPanel, .RadGrid.RadGrid_MetroTouch .rgGroupPanel caption, .RadGrid.RadGrid_Metro .rgGroupPanel, .RadGrid.RadGrid_Metro .rgGroupPanel caption) {
    background: transparent;
}

.EventTitle {
    display: -webkit-box;
    -webkit-linke-clamp: 2;
    --webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ESContainer .rgRow:nth-child(1) .EventTitle {
    font-size: 150%;
}

.EventSmallDate {
    background: #fff;
    width: 15%;
    text-align: center;
    border-radius: 12px;
    padding-top: .1em;
    height: 100px;
    width: 100px;
    margin: 0 10px 10px 10px;
}

@media(max-width: 991px) {
    .EventSmallDate {
        height: 75px;
        width: 75px;
        left: calc(100% - 90px);
    }

    .EventSmallDate h3, .BlueGr>.EventSmallDate h3 {
        font-size: .75em
    }

    .EventSmallDate h4, .BlueGr>.EventSmallDate h4 {
        font-size: 1.2em;
    }
}

.EventDate {
    font-weight: 600;
}

.EventImage {
    aspect-ratio: 101/55;
    border-radius: 20px;
    text-align: center;
}

.EventImage .ImageLink img {
    max-height: 200px;
}

.EventSmallDate h3, .BlueGr>.EventSmallDate h3 {
    font-size: 100%;
    margin-bottom: 0;
    font-weight: 600;
    color: var(--dark-blue) !important;
}

.EventSmallDate h4, .BlueGr>.EventSmallDate h4 {
    font-size: 160%;
    color: var(--menu-hover) !important;
    padding: 0;
}

.EventMember {
    border-radius: 50%;
    position: relative;
    right: 2%;
    bottom: 2%;
    background: #fff;
    color: transparent;
    font-weight: 900;
    font-size: var(--font-size-26)
}

:is(.ESContainer) :is(.RadGrid.RadGrid_MetroTouch .rgMasterTable, .RadGrid.RadGrid_Metro .rgMasterTable, .RadGrid_MetroTouch .rgAltRow, .RadGrid_MetroTouch) {
    background-color: transparent;
    border: 0 solid transparent;
}

.ESContainer-Inner .RadGrid_MetroTouch {
    border: 0 solid transparent
}

.ESContainer-Inner .RadGrid_MetroTouch .rgAltRow, .ESContainer-Inner .RadGrid_MetroTouch .rgRow {
    border-radius: 25px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); /* Adjust values as needed */
  margin-bottom: 5px; /* Add spacing between rows, optional */
  padding: 10px; /* Add padding inside each row, optional */
}

@media(max-width: 767px) {
    .ESContainer tr:nth-child(3) .ContentHtml:nth-child(1), .ESContainer tr:nth-child(3) .ContentHtml:nth-child(2) {
        width: 100% !important;
        float: none;
    }

    .center-top-container, .ESContainer-Inner .rgMasterTable tbody {
        display: block;
    }
}

:is(.ESContainer-Single) :is(.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell, .RadGrid_MetroTouch .rgSelectedRow, .RadGrid_MetroTouch td.rgEditRow .rgSelectedRow, .RadGrid_MetroTouch .rgSelectedRow td.rgSorted) {
    color: var(--font-color) !important;
}

:is(.ESContainer-Single) :is(.RadGrid_MetroTouch, .RadGrid.RadGrid_MetroTouch .rgMasterTable, .RadGrid.RadGrid_Metro .rgMasterTable) {
    color: transparent;
}

.ESContainer-Single .RadGrid_MetroTouch {
    background: transparent;
    border: 0
}

:is(.ESContainer-Single) th.rgHeader {
    display: none;
}

.RadGrid_MetroTouch .rgAltRow {
    background: transparent;
}

ul.list-link {
    list-style: none;
    text-indent: 0%;
    margin-right: -2em;
    margin-left: -2em;
    background: var(--light-grey);
    padding: 1em;
    border-radius: 25px;
}

.list-link li {
    border-bottom: 2px solid var(--mid-grey);
    line-height: 3em;
    padding-top: 1em;
}

.list-link a {
    color: var(--mid-blue);
    text-decoration: none;
    font-size: var(--font-size-26);
}

.list-link li a::after, .arrow-link:after {
    content: "\2192";
    height: 1.5em;
    width: 1.5em;
    line-height: 1em;
    text-align: center;
    border-radius: 50%;
    border: 1px solid var(--dark-green);
    margin-left: 1em;
    text-decoration: none;
    padding: 2px 5px 3px;
    color: var(--dark-green);
    float: right !important;
}

@media (max-width: 991px) {
    ul.list-link {
        margin: 1em;
    }

    .list-table .col-sm-6 {
        display: block;
        width: 100%;
    }

    .arrow-link {
        display: block;
        line-height: 1.5em;
        width: 90%
    }
}

:is(.GreenGr, .GreenTDGr)> :is(.TextButton::after, .TextLink::after) {
    border: 1px solid #fff !important;
    color: #fff !important;
}

footer#ft .BlueGr {
    padding-top: 5vh;
    padding-bottom: 5vh;
}

#ft {
    clear: both;
    background: rgba(36, 73, 153, .25);
}

@media(min-width: 768px) {
    footer.footer {
        padding-top: 0;
    }

    .wrapper .main-container {
        margin-bottom: 0;
    }
}

.Feature {
    position: relative;
    top: 4em;
}

.FeatureLink {
    text-indent: 22px;
    text-decoration: none;
}

.FeatureLink:hover {
    text-decoration: underline;
}

.FeatureLink:before {
    border-radius: 50%;
    border: 1px solid var(--dark-green);
    content: "+";
    color: var(--menu-color);
    margin-right: .5em;
    padding: 0 .25em;
    width: 26px;
    height: 26px;
    font-size: 2em;
}

@media (min-width: 992px) {
    .Feature {
        top: 2em;
    }
}

:is(.HideHeader) :is(.rtsLevel.rtsLevel1, thead) {
    display: none;
}

.nav-secondary {
    display: none;
}

.QuoteBlock {
    background: transparent url(images/quoteblock.png) 0% 125% no-repeat;
}

.card-group {
    display: flex;
    flex-direction: column;
}

.card-group-card {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 991px) {
    #masterHeaderImage {
        background-size: contain;
        position: relative;
        height: 50px;
    }
}

@media (min-width: 992px) {
    .internal-banner-container .carousel-caption {
        top: 0;
    }

    .caption-expand .carousel-caption {
        width: 75%;
    }
}

.Social-Icons img {
    max-width: 40px;
    margin-left: 2em;
}

.Social-Icons {
    justify-content: space-between;
    text-align: right;
    margin-bottom: 2em;
}

td .btn.PrimaryButton.MediumButton {
    color: #fff;
    text-decoration: none;
}

td .btn.PrimaryButton.MediumButton:hover {
    background: transparent linear-gradient(90deg, var(--dark-green) 0%, var(--light-green) 100%) 0% 0% no-repeat padding-box;
    text-decoration: none;
}

.Two-per-row tbody {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 2em 2em;
    grid-template-areas: ". .";
}

.Four-per-row tbody, .Four-per-row .TaggedListPanel {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 2em 2em;
    grid-template-areas: ". .";
}

.VariableWidth .TaggedListPanel, .VariableWidth .RadGrid .rgMasterTable tbody {
    display: flex !important;
    flex-wrap: wrap;
    gap: 2em;
    border: none;
}

.VariableWidth .RadGrid thead {
    display: none;
}

.VariableWidth .rgAltRow {
    background: transparent;
}

.VariableWidth .RadGrid_MetroTouch .rgAltRow, .VariableWidth .rgRow {
    border: 1px solid #f5f5f5;
    border-radius: 20px;
    background: transparent;
}

.VariableWidth .iFinityCardItem, .VariableWidth tr {
    flex: 1 1 calc(100% / 3 - 2em);
    box-sizing: border-box;
    padding: 20px;
    text-align: left;
    margin-bottom: 2em;
    border: 1px solid #ddd;
    border-radius: 25px;
}

.VariableWidth .RadGrid_MetroTouch {
    border: none;
}

@media (max-width: 600px) {
    flex: 1 1 calc(100% / 2 - 1em);
}

@media (max-width: 400px) {
    flex: 1 1 calc(100% / 1 - 1em);
}

:is(.Row-cards .RadGrid_MetroTouch) :is(.rgRow, .rgAltRow) {
    border-radius: 25px;
}

@media (min-width: 992px) {
    :is(.caption-right) :is(.carousel .carousel-caption, .carousel2 .carousel-caption, .HomePageFullWidthArea .carousel-caption) {
        right: 11%;
        left: 0;
        margin-right: 0;
    }

    :is(.caption-right) :is(.carousel h1, .carousel h2, .carousel h3, .carousel h4, .carousel h5) {
        margin-right: auto;
        margin-left: auto;
        text-align: right;
    }
}

:is(.FontBlack) :is(body, p, a, .carousel, h1, h2, h3, h4, h5, h6) {
    color: #000 !important;
}

.FontBlue .carousel-caption h1 {
    font-size: 4.5em !important;
}

:is(.FontBlue) :is(body, p, a, .carousel, h1, h2, h3, h4, h5, h6) {
    color: var(--font-color) !important;
}

.FontBlack .carousel-caption h1 {
    font-size: 4.5em !important;
}

:is(.FontWhite) :is(body, p, a, .carousel, h1, h2, h3, h4, h5, h6) {
    color: var(--font-color) !important;
}

.FontWhite .carousel-caption h1 {
    font-size: 4.5em !important;
}

.carousel-inner.bg-img>.item {
    background-position: bottom center;
}

@media(max-width: 991px) {
    .carousel-inner.bg-img>.item {
        background-position: bottom right;
        height: 200px !important;
    }

    .home-page-design .carousel-inner.bg-img>.item {
        height: 400px !important;
    }
}

.map-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

.map-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    min-height: 450px;
    position: absolute;
}

.Padding-Top {
    padding-top: 2em;
}

.banner-container {
    margin-bottom: 2em;
}

.PageItem {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas: "PageDetails";
}

.PageDetails {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 2.5fr .25fr .25fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas: "PageTitle" "PageDate" "PageButton";
    grid-area: PageDetails;
}

.PageTitle {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas: ". . ." ". . ." ". . .";
    grid-area: PageTitle;
}

.PageDate {
    grid-area: PageDate;
}

.PageButton {
    grid-area: PageButton;
}

.No-Padding-Bottom {
    padding-bottom: 0 !important;
}

.No-Padding-Top {
    padding-top: 0 !important;
}

:is(.iFinityCard) :is(.TaggedListPanel, .tbody) {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--card-min-width), 1fr));
    gap: var(--card-gap);
    margin: 0;
    padding: 0;
    list-style: none;
}

.iFinityCardItem.Left {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-template-areas: "iFinityCardImage iFinityCardDescription";
}

.iFinityCardImage {
    height: auto
}

.iFinityCardImage .contentTaggedListImageThumbnail {
    border: none;
}

.iFinityCardTitle {
    display: block;
    min-width: calc(var(--card-min-width)-20px);
    padding-top: .5em;
}

.iFinityCardTitle a {
    text-decoration: none;
}

.iFinityCardDate {
    display: block;
    font-weight: var(--card-date-font-weight);
}

.iFiniyCardDescription {
    display: block;
    height: var(--card-desciption-height);
}

.ifinityCardLink {
    display: block;
    padding: 1em;
    text-align: var(--card-action-align);
}

:is(.iFinityCard) .Two-per-row {
    grid-template-columns: 1fr 1fr;
    gap: var(--card-gap);
}

:is(.iFinityCard.NoDate) .IfinityCardDate {
    display: none;
}

.card {
    border-radius: 25px!important;
}

.card :is(.mb-3, .my-3) {
    margin-bottom: 2rem !important;
}

.NestedItem .RadMultiPage {
    border: none;
}

.NestedItem .RadTabStrip_MetroTouch {
    background-color: rgba(36, 66, 117, 0.8);
    padding: 5px;
}
.dir-img {
  height: 150px;
  padding: 1em;
}