/*========================================================================
                          Standard Style Override
========================================================================*/

@import url("https://fonts.googleapis.com/css2?family=Jost:wght@400;500&display=swap");

/***Standard Style variables***/

:root {
    /* NEUTRAL COLORS */
    --Dark: #1e1e1e;
    --Light: #fff;
    --CalloutBg: #efece5;
    --BgLight: #faf9f7;
    --Dark-70: #626262;
    --Light-70: #bbbbbb;
    --DarkHover: #4a4a49;

    /* PRIMARY ACCENT COLORS */
    --Indigo: #2e308f;
    --Green: #00a352;
    --Yellow: #ffbf00;
    --Marigold: #f5911c;
    --Vermilion: #ed4036;
    --Raspberry: #d91c5c;

    /* ERROR COLORS */
    --Error100: #ffe1de;
    --Error500: #c52a1a;
    --Error800: #7c1b10;

    /* SUCCESS COLORS */
    --Success100: #d9f2db;
    --Success500: #21812d;
    --Success800: #1b5927;

    /* WARNING COLORS */
    --Warning100: #ffe5a5;
    --Warning500: #ffbf1f;
    --Warning800: #795e16;

    /* TYPOGRAPHY */
    --PrimaryFontFam: Jost, Arial, Helvetica, sans-serif;
    --PrimaryFontColor: #000;

    /* HEADING PROPERTIES */
    --H1Color: var(--PrimaryFontColor);
    --H1FontFam: var(--PrimaryFontFam);
    --H1FontWeight: 500;
    --H1Size: 39px;
    --H1MarTop: 6px;
    --H1MarBottom: 12px;
    --H1LetterSpacing: 0.5px;
    --H1LineHeight: 45px;
    --H2Color: var(--PrimaryFontColor);
    --H2FontFam: var(--PrimaryFontFam);
    --H2FontWeight: 500;
    --H2Size: 36px;
    --H2MarTop: 4px;
    --H2MarBottom: 12px;
    --H2LetterSpacing: 0.5px;
    --H2LineHeight: 43px;
    --H3Color: var(--PrimaryFontColor);
    --H3FontFam: var(--PrimaryFontFam);
    --H3FontWeight: 500;
    --H3Size: 34px;
    --H3MarTop: 5px;
    --H3MarBottom: 12px;
    --H3LetterSpacing: 0.5px;
    --H3LineHeight: 41px;
    --H4Color: var(--PrimaryFontColor);
    --H4FontFam: var(--PrimaryFontFam);
    --H4FontWeight: 500;
    --H4Size: 30px;
    --H4MarTop: 5px;
    --H4MarBottom: 10px;
    --H4LetterSpacing: 0.5px;
    --H4LineHeight: 35px;
    --H5Color: var(--PrimaryFontColor);
    --H5FontFam: var(--PrimaryFontFam);
    --H5FontWeight: 500;
    --H5Size: 24px;
    --H5MarTop: 5px;
    --H5MarBottom: 2.5px;
    --H5LetterSpacing: 0.5px;
    --H5LineHeight: 29px;
    --H6Color: var(--PrimaryFontColor);
    --H6FontFam: var(--PrimaryFontFam);
    --H6FontWeight: 500;
    --H6Size: 21px;
    --H6MarTop: 5px;
    --H6MarBottom: 10px;
    --H6LetterSpacing: 0.5px;
    --H6LineHeight: 24px;

    /* BUTTON PROPERTIES */
    --BtnBorderRadius: 4px;
    --BtnPaddingSmall: 10px 22px 10px 17px;
    --BtnFontFam: var(--PrimaryFontFam);
    --BtnFontWeight: 500;
    --BtnLineHeight: 20px;
    --BtnLightColor: var(--Light);
    --BtnBorderColor: var(--Dark);
    --BtnBorderColorHover: var(--Dark-70);
    --BtnBgPrimary: var(--Dark);
    --BtnBgPrimaryHover: var(--Dark-70);
    --BtnGap: 4px;
}

.header {
    padding-bottom: 0px;
    min-height: 130px;
    background-color: var(--BgLight);
    border-bottom: 0px;
    padding-top: 4px;
}

.ProductDisplay {
    background-color: var(--BgForm);
    padding: 1em;
}

h1,
.h1,
.PageTitle {
    font-family: var(--H1FontFam);
    font-size: var(--H1Size);
    font-style: normal;
    font-weight: var(--H1FontWeight);
    line-height: var(--H1LineHeight);
    color: var(--H1Color);
    margin-top: var(--H1MarTop);
    margin-bottom: var(--H1MarBottom);
    -webkit-font-smoothing: antialiased;
}

h2,
.h2,
.PanelTitle {
    font-family: var(--H2FontFam);
    font-size: var(--H2Size);
    font-style: normal;
    font-weight: var(--H2FontWeight);
    line-height: var(--H2LineHeight);
    text-transform: capitalize;
    color: var(--H2Color);
    margin-top: var(--H2MarTop);
    margin-bottom: var(--H2MarBottom);
    border-bottom: none;
    -webkit-font-smoothing: antialiased;
}

h3,
.SectionTitle {
    font-family: var(--H3FontFam);
    font-size: var(--H3Size);
    font-style: normal;
    font-weight: var(--H3FontWeight);
    line-height: var(--H3LineHeight);
    color: var(--H3Color);
    margin-top: var(--H3MarTop);
    margin-bottom: var(--H3MarBottom);
    -webkit-font-smoothing: antialiased;
}

h4,
.h4,
.SectionLabel {
    font-family: var(--H4FontFam);
    font-size: var(--H4Size);
    font-style: normal;
    font-weight: var(--H4FontWeight);
    line-height: var(--H4LineHeight);
    color: var(--H4Color);
    margin-top: var(--H4MarTop);
    margin-bottom: var(--H4MarBottom);
    -webkit-font-smoothing: antialiased;
}

h5,
.h5,
.SectionLabelSmaller {
    font-family: var(--H5FontFam);
    font-size: var(--H5Size);
    font-style: normal;
    font-weight: var(--H5FontWeight);
    line-height: var(--H5LineHeight);
    color: var(--H5Color);
    margin-top: var(--H5MarTop);
    margin-bottom: var(--H5MarBottom);
    -webkit-font-smoothing: antialiased;
}

h6,
.h6 {
    font-family: var(--H6FontFam);
    font-size: var(--H6Size);
    font-style: normal;
    font-weight: var(--H6FontWeight);
    line-height: var(--H6LineHeight);
    color: var(--H6Color);
    margin-top: var(--H6MarTop);
    margin-bottom: var(--H6MarBottom);
    -webkit-font-smoothing: antialiased;
}

body {
    font-family: var(--PrimaryFontFam);
    font-size: 15px;
    line-height: 21px;
    color: var(--PrimaryFontColor);
}

p {
    font-family: var(--PrimaryFontFam);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: var(--PrimaryFontColor);
}

.jc-overline {
    font-family: var(--PrimaryFontFam);
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 1.92px;
    text-transform: uppercase;
    color: var(--PrimaryFontColor);
}

.jc-large {
    font-family: var(--PrimaryFontFam);
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    color: var(--PrimaryFontColor);
}

.jc-super-feature {
    font-family: var(--PrimaryFontFam);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: -0.072px;
    color: var(--PrimaryFontColor);
    display: inline-block;
}

.jc-feature {
    font-family: var(--PrimaryFontFam);
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.062px;
    color: var(--PrimaryFontColor);
}

.jc-small {
    font-family: var(--PrimaryFontFam);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    color: var(--PrimaryFontColor);
}

.jc-caption {
    font-family: var(--PrimaryFontFam);
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 13px;
    color: var(--PrimaryFontColor);
}

.jc-grey {
    color: var(--Dark-70);
}

input,
button,
select,
textarea {
    font-family: var(--PrimaryFontFam);
}

hr {
    margin-left: 0px;
    margin-right: 0px;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: var(--Light-70);
    margin-top: 1em;
    margin-bottom: 1em;
}

.carousel h1,
.carousel h2,
.carousel h3,
.carousel h4,
.carousel h5 {
    font-weight: inherit;
    font-family: var(--PrimaryFontFam);
    color: var(--PrimaryFontColor);
}

/* ========== BUTTON STYLES ========== */

/* BASE BUTTON */
.btn,
.TextButton,
.TextButton:visited,
.RadUpload.RadUpload .ruButton,
.RadUpload.RadUpload .ruButton:visited,
.RadUploadProgressArea.RadUploadProgressArea .ruButton,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:visited,
:is(.account-banner-bg-color-5, .account-banner-bg-color-red, .account-banner-bg-color-purple, .account-banner-bg-color-mps-2)
    :is(.account-banner, .account-banner-short)
    :is(.area-top-left, .area-top-bar-left, .area-top-bar-right)
    .TextButton:not(.PrimaryButton),
.TextButton.PrimaryButton,
.TextButton.TertiaryButton {
    display: inline-flex;
    padding: var(--BtnPaddingSmall);
    justify-content: center;
    align-items: center;
    gap: var(--BtnGap);
    border-radius: var(--BtnBorderRadius);
    font-family: var(--BtnFontFam);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--BtnFontWeight);
    line-height: var(--BtnLineHeight);
    letter-spacing: 1.12px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    margin-bottom: 10px;
}

.btn:hover::after,
.TextButton:hover::after,
.TextButton:visited:hover::after,
.RadUpload.RadUpload .ruButton:hover::after,
.RadUpload.RadUpload .ruButton:visited:hover::after,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:hover::after,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:visited:hover::after,
:is(.account-banner-bg-color-5, .account-banner-bg-color-red, .account-banner-bg-color-purple, .account-banner-bg-color-mps-2)
    :is(.account-banner, .account-banner-short)
    :is(.area-top-left, .area-top-bar-left, .area-top-bar-right)
    .TextButton:not(.PrimaryButton):hover::after,
.TextButton.PrimaryButton:hover::after,
.TextButton.TertiaryButton:hover::after {
    content: "";
    margin-right: -18px;
    right: 6px;
    width: 14px;
    height: 14px;
    -webkit-mask: url("images/template/arrow.svg") center / contain no-repeat;
    mask: url("images/template/arrow.svg") center / contain no-repeat;
    background-color: currentcolor;
}

/* SECONDARY BUTTON */
.btn,
.TextButton,
.TextButton:visited,
.RadUpload.RadUpload .ruButton,
.RadUpload.RadUpload .ruButton:visited,
.RadUploadProgressArea.RadUploadProgressArea .ruButton,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:visited,
:is(.account-banner-bg-color-5, .account-banner-bg-color-red, .account-banner-bg-color-purple, .account-banner-bg-color-mps-2)
    :is(.account-banner, .account-banner-short)
    :is(.area-top-left, .area-top-bar-left, .area-top-bar-right)
    .TextButton:not(.PrimaryButton) {
    border: 2px solid var(--BtnBorderColor);
    background: transparent;
    color: var(--BtnBorderColor) !important;
}

/* SECONDARY BUTTON HOVER STATES */
.btn:hover,
.btn:focus,
.btn:active,
.TextButton:hover,
.TextButton:focus,
.TextButton:active,
.RadUpload.RadUpload .ruButton:hover,
.RadUpload.RadUpload .ruButton:focus,
.RadUpload.RadUpload .ruButton:active,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:hover,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:focus,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:active,
:is(.account-banner-bg-color-5, .account-banner-bg-color-red, .account-banner-bg-color-purple, .account-banner-bg-color-mps-2)
    :is(.account-banner, .account-banner-short)
    :is(.area-top-left, .area-top-bar-left, .area-top-bar-right)
    .TextButton:not(.PrimaryButton):hover {
    border: 2px solid var(--BtnBorderColorHover);
    background: transparent;
    color: var(--BtnBorderColorHover) !important;
    text-decoration: none;
}

/* PRIMARY BUTTON */
.TextButton.PrimaryButton {
    background: var(--BtnBgPrimary);
    border: 2px solid var(--BtnBgPrimary);
    color: var(--Light) !important;
}

.TextButton.PrimaryButton:hover {
    background: var(--BtnBgPrimaryHover);
    border-color: var(--BtnBgPrimaryHover);
    color: var(--Light) !important;
    text-decoration: none;
}

/* TERTIARY BUTTON */
.TextButton.TertiaryButton {
    border: 2px solid transparent;
    padding-left: 0px;
    background: transparent;
    color: var(--BtnBorderColor) !important;
}

.TextButton.TertiaryButton:hover {
    background: transparent;
    color: var(--BtnBorderColorHover) !important;
    text-decoration: none;
}

/* LIGHT VARIANT - SECONDARY BUTTON */
.TextButton.jc-light {
    border: 2px solid var(--Light);
    background: transparent;
    color: var(--Light) !important;
}

.TextButton.jc-light:hover {
    border: 2px solid var(--Light-70);
    color: var(--Light-70) !important;
}

/* LIGHT VARIANT - PRIMARY BUTTON */
.TextButton.jc-light.PrimaryButton {
    background: var(--Light);
    border: 2px solid var(--Light);
    color: var(--Dark) !important;
}

.TextButton.jc-light.PrimaryButton:hover {
    background: var(--Light-70);
    border-color: var(--Light-70);
    color: var(--Dark) !important;
}

/* LIGHT VARIANT - TERTIARY BUTTON */
.TextButton.jc-light.TertiaryButton {
    border: 2px solid transparent;
    background: transparent;
    color: var(--Light) !important;
}

.TextButton.jc-light.TertiaryButton:hover {
    border: 2px solid transparent;
    color: var(--Light-70) !important;
}

/* LIGHT VARIANT - TEXT */
.jc-light,
.jc-light * {
    color: var(--Light) !important;
}

/* Large Button */
.TextButton.LargeButton {
    padding: 20px 22px 20px 17px;
}

.TextButton.ArrowAlways::after {
    content: "";
    margin-right: -18px;
    width: 14px;
    height: 14px;
    -webkit-mask: url("images/template/arrow.svg") center / contain no-repeat;
    mask: url("images/template/arrow.svg") center / contain no-repeat;
    background-color: currentcolor;
}

.btn:disabled,
.btn:disabled:hover,
.btn:disabled:focus,
.btn:disabled:active,
.btn.disabled,
.btn.disabled:hover,
.btn.disabled:focus,
.btn.disabled:active,
.btn.aspNetDisabled,
.btn.aspNetDisabled:hover,
.btn.aspNetDisabled:focus,
.btn.aspNetDisabled:active,
.TextButton:disabled,
.TextButton:disabled:hover,
.TextButton:disabled:focus,
.TextButton:disabled:active,
.TextButton.disabled,
.TextButton.disabled:hover,
.TextButton.disabled:focus,
.TextButton.disabled:active,
.TextButton.aspNetDisabled,
.TextButton.aspNetDisabled:hover,
.TextButton.aspNetDisabled:focus,
.TextButton.aspNetDisabled:active,
.RadUpload.RadUpload .ruButton:disabled,
.RadUpload.RadUpload .ruButton:disabled:hover,
.RadUpload.RadUpload .ruButton:disabled:focus,
.RadUpload.RadUpload .ruButton:disabled:active,
.RadUpload.RadUpload .ruButton.disabled,
.RadUpload.RadUpload .ruButton.disabled:hover,
.RadUpload.RadUpload .ruButton.disabled:focus,
.RadUpload.RadUpload .ruButton.disabled:active,
.RadUpload.RadUpload .ruButton.aspNetDisabled,
.RadUpload.RadUpload .ruButton.aspNetDisabled:hover,
.RadUpload.RadUpload .ruButton.aspNetDisabled:focus,
.RadUpload.RadUpload .ruButton.aspNetDisabled:active,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled:hover,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled:focus,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled:active,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled:hover,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled:focus,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled:active,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled:hover,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled:focus,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled:active {
    background-color: var(--Light-70);
}

/* ========== END BUTTON STYLES ========== */

[id*="ciMiniProfile"] .CalloutPart2 .panel-heading,
[id*="ciMiniProfile"] .CalloutPart2 .panel-body {
    background-color: var(--CalloutBg);
    max-width: 300px;
}

[id*="ciMiniProfile"] .CalloutPart2 .panel-heading {
    color: var(--Dark);
    border: none;
    padding: 0px 12px;
}

[id*="ciMiniProfile"] .CalloutPart2 .panel-heading {
    height: 0px;
    position: relative;
    top: 20px;
}

[id*="ciMiniProfile"] .CalloutPart2 .mini-profile-picture-section .panel-heading {
    height: 0px;
    position: relative;
    top: 5px;
    left: 5px;
}

[id*="ciMiniProfile"] .mini-profile-name-section .SectionLabel {
    font-size: var(--H5Size);
    color: var(--Dark);
    padding-bottom: 12px;
    display: inline-block;
    position: relative;
}

[id*="ciMiniProfile"] .mini-profile-name-section .SectionLabel::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 3px;
    background-color: var(--Raspberry);
}

[id*="ciMiniProfile"] .mini-profile-picture-section .panel-body {
    padding: 0 !important;
    text-align: center;
    background-color: var(--CalloutBg);
}

[id*="ciMiniProfile"] .mini-profile-picture-section img {
    width: 100% !important;
    height: auto;
    display: block;
}

[id*="ciMiniProfile"] .profile-picture-container {
    overflow: hidden;
}

[id*="ciMiniProfile"] .mini-profile-status-section .panel-body {
    background-color: var(--CalloutBg);
}

[id*="ciMiniProfile"] .mini-profile-status-section span.Label {
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 1.92px;
    text-transform: uppercase;
    color: var(--PrimaryFontColor);
    width: 100%;
}

[id*="ciMiniProfile"] .mini-profile-status-section .PanelFieldValue {
    font-size: 16px;
    font-weight: 400;
    color: var(--Dark-70);
}

[id*="ciMiniProfile"] .CalloutPart2 .PanelField.Left {
    display: flex;
    flex-direction: column;
}

[id*="ciMiniProfile"] .mini-profile-status-section .PanelField.Left:last-child {
    margin-bottom: 0;
}

.ProductDisplay {
    background-color: var(--BgLight);
    padding: 1em;
}

.account-banner-bg-color-2 .account-banner:before {
    background-color: var(--BgLight);
}

a,
.Link,
.RadGrid.RadGrid .rgRow a,
.RadGrid.RadGrid .rgAltRow a,
.RadGrid.RadGrid .rgEditForm a,
.k-grid.k-grid a,
.RadToolTip.RadToolTip a {
    color: var(--Dark-70);
    font-family: Jost;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

a:visited,
.Link:visited,
.RadGrid.RadGrid .rgRow a:visited,
.RadGrid.RadGrid .rgAltRow a:visited,
.RadGrid.RadGrid .rgEditForm a:visited,
.k-grid.k-grid a:visited,
.RadToolTip.RadToolTip a:visited {
    color: var(--Dark);
}

a:hover,
a:focus,
a:active,
.Link:hover,
.Link:focus,
.Link:active,
.RadGrid.RadGrid .rgRow a:hover,
.RadGrid.RadGrid .rgRow a:focus,
.RadGrid.RadGrid .rgRow a:active,
.RadGrid.RadGrid .rgAltRow a:hover,
.RadGrid.RadGrid .rgAltRow a:focus,
.RadGrid.RadGrid .rgAltRow a:active,
.RadGrid.RadGrid .rgEditForm a:hover,
.RadGrid.RadGrid .rgEditForm a:focus,
.RadGrid.RadGrid .rgEditForm a:active,
.k-grid.k-grid a:hover,
.k-grid.k-grid a:focus,
.k-grid.k-grid a:active,
.RadToolTip.RadToolTip a:hover,
.RadToolTip.RadToolTip a:focus,
.RadToolTip.RadToolTip a:active {
    color: var(--Dark-70);
    text-decoration: none;
}

.RelatedItemsHorizontalEffect li:hover {
    background-color: var(--BgLight);
    transform: scale(1.35);
    border-radius: 10px;
}

.carousel-inner.bg-img > .item {
    background-color: transparent;
}

.SearchField label {
    font-size: 14px;
    color: var(--Dark);
}

.SearchField,
.SearchResultSummary .ListItemTitle a {
    display: block;
    background-color: var(--BgLight);
    padding: 8px 12px;
}

.obo-panel {
    line-height: 1.5em;
}

.SearchResultSummary .ListItemTitle a {
    text-decoration: none;
    color: var(--Dark) !important;
    margin: -4px -7px 0;
    text-decoration: none !important;
}

.SearchResultSummary .ListItemTitle a:hover {
    background-color: var(--Dark-70);
    text-decoration: underline;
    color: var(--Light) !important;
}

.EventSummary {
    background-color: var(--Light);
}

.breadcrumb li.breadcrumb-item {
    list-style: none;
    display: inline-block;
    color: var(--Dark);
}

.ProgramItemSummary .InItinerary {
    background-color: var(--Dark);
}

.RegistrationArea div:not(.PriceOverrideForm) > .TextButton {
    width: auto;
}

.RadGrid_MetroTouch .rgHeader,
.RadGrid_MetroTouch th.rgResizeCol,
.RadGrid_MetroTouch .rgHeaderWrapper {
    background-color: var(--BgLight) !important;
}

.Wrapper-FullWidth #masterContentArea .row .row {
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.ProgramGroup .PanelHead,
.ProgramGroup .panel-heading {
    background-color: var(--BgLight);
}

.RadGrid.RadGrid input.TextButton.PrimaryButton,
.RadGrid.RadGrid a.TextButton.PrimaryButton {
    background-color: var(--BgLight);
    color: var(--Light);
}

.RadGrid.RadGrid input.TextButton.PrimaryButton:hover,
.RadGrid.RadGrid a.TextButton.PrimaryButton:hover {
    color: var(--Dark);
}

.EventDisplay .PricingData .rgRow td {
    border-bottom: 1px solid var(--Dark);
}

.CartCharges .GrandTotal .PanelField .Label {
    color: var(--Dark);
}

.CartCharges .GrandTotal .PanelField {
    color: var(--Dark);
}

html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected,
html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
    background-color: unset;
    border-color: unset;
    border-bottom: 3px solid var(--Dark) !important;
    padding-left: 0px;
    padding-right: 0px;
}

html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected .rtsTxt,
html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover .rtsTxt {
    background-color: unset;
    color: var(--Dark);
    border-color: unset;
}

.RadTabStrip .rtsUL,
.RadTabStripVertical .rtsUL {
    background-color: unset;
    padding: 0px !important;
}

.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
    border: none !important;
    background-color: unset !important;
    font-family: var(--PrimaryFontFam);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 33px;
}

.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink:hover {
    color: var(--Dark) !important;
    text-decoration: none !important;
}

.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 {
    border-color: var(--Light-70);
    border-width: 1px;
}

.wrapper:not(.has-secondary-col) .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripLeft {
    border-right: 3px solid var(--Dark);
}

.mini-profile-banner-large .mini-profile-name-section .SectionLabel,
.mini-profile-banner-small .mini-profile-name-section .SectionLabel {
    font-family: inherit;
    font-weight: 700;
    font-size: 28px;
    color: var(--Dark) !important;
}

.RadScheduler.RadScheduler_Metro .rsHeader {
    border-color: var(--Dark);
    background-color: var(--Dark);
}

.RadScheduler.RadScheduler_Metro .rsHeader ul a {
    border-color: var(--BgLight);
}

.RadScheduler_Metro .rsMonthView .rsDateBox {
    border-bottom: 1px solid var(--BgLight) !important;
    background-color: var(--BgLight) !important;
}

.RadScheduler .rsCategoryYellow .rsAptContent,
.RadScheduler .rsCategoryYellow .rsAptIn,
.RadScheduler .rsCategoryYellow .rsAptMid,
.RadScheduler .rsCategoryYellow .rsResourceMarker {
    background-color: var(--Dark) !important;
}

.RadScheduler .rsCategoryGreen .rsAptContent,
.RadScheduler .rsCategoryGreen .rsAptIn,
.RadScheduler .rsCategoryGreen .rsAptMid,
.RadScheduler .rsCategoryGreen .rsResourceMarker {
    border-color: var(--Dark) !important;
    color: var(--Dark);
    background-color: var(--Light-70) !important;
}

.RadScheduler .rsCategoryOrange .rsAptContent,
.RadScheduler .rsCategoryOrange .rsAptIn,
.RadScheduler .rsCategoryOrange .rsAptMid,
.RadScheduler .rsCategoryOrange .rsResourceMarker {
    border-color: var(--Dark) !important;
    color: var(--Dark);
    background-color: var(--BgLight) !important;
}

.ProgressTracker2 .ProgressTrackerPanel {
    background-color: var(--Dark);
}

.ProgressTracker2 .ProgressBar,
.ProgressTracker_Dashboard .ProgressBar {
    background-color: var(--Dark);
}

.ProgressTracker2 .ProgressBar > span,
.ProgressTracker_Dashboard .ProgressBar > span,
.ProgressTracker_Dashboard_Overview .ProgressBar > span {
    display: block;
    height: 100%;
    background-color: var(--Dark);
    position: relative;
    overflow: hidden;
}

.ProgressTracker2 .ProgressTrackerPanel .count {
    color: var(--Light);
    font-family: inherit;
    font-weight: 900;
    font-size: 39px;
}

.touch-radio-binary input[type="radio"]:checked + label,
.touch-radiobuttons input[type="radio"]:checked + label {
    background: var(--BtnBgPrimary);
    border-color: var(--BtnBgPrimary);
    color: var(--Light);
}

.CartCharges {
    background-color: var(--BgLight);
}

.CalloutPart2 .panel-heading,
.CalloutPart2 .panel-body {
    background-color: var(--BgLight);
}

.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage,
.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage,
.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage:hover,
.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a:active,
.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPagePrev:active,
.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPageNext:active,
.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPageFirst:active,
.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPageLast:active,
.RadGrid.RadGrid_MetroTouch .rgPager .rgPagerCell .rgPagerButton,
.RadGrid.RadGrid_MetroTouch .rgPager .rgPagerCell .rgPagerButton:hover,
.RadGrid.RadGrid_MetroTouch .rgPager .rgPagerCell .rgActionButton:hover,
.RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a.rgCurrentPage,
.RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a.rgCurrentPage,
.RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a.rgCurrentPage:hover,
.RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a:active,
.RadGrid.RadGrid_Metro .rgPagerCell .rgPagePrev:active,
.RadGrid.RadGrid_Metro .rgPagerCell .rgPageNext:active,
.RadGrid.RadGrid_Metro .rgPagerCell .rgPageFirst:active,
.RadGrid.RadGrid_Metro .rgPagerCell .rgPageLast:active,
.RadGrid.RadGrid_Metro .rgPager .rgPagerCell .rgPagerButton,
.RadGrid.RadGrid_Metro .rgPager .rgPagerCell .rgPagerButton:hover,
.RadGrid.RadGrid_Metro .rgPager .rgPagerCell .rgActionButton:hover {
    background-color: var(--Dark);
    border-color: var(--Dark);
    text-decoration: none;
    color: var(--Light) !important;
}

.ContentBlockPrimary {
    padding: 20px;
    background-color: var(--BgLight);
}

a.ste-toggle.on {
    position: relative;
    z-index: 999;
}

.SearchResultSummary .Description {
    margin-left: 9.5em;
}

#ste_container_ciAccountpagetabs .panel-title,
#ste_container_ciAccountpagetabs .panel-title > a {
    font-family: var(--PrimaryFontFam);
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: var(--Dark);
}

#ste_container_ciAccountpagetabs .Label {
    font-family: var(--PrimaryFontFam);
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 13px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--Dark);
    width: 100%;
    padding-bottom: 4px;
}

#ste_container_ciAccountpagetabs .PanelField {
    display: flex;
    flex-direction: column;
}

#ste_container_ciAccountpagetabs {
    font-size: 18px;
}

#ste_container_ciAccountpagetabs .PanelField.Right {
    flex-direction: row;
}

#ste_container_ciAccountpagetabs .PanelField label {
    font-size: 14px !important;
}

input[type="checkbox"],
input[type="radio"] {
    accent-color: var(--Dark);
}

.PrimaryButton,
.UsePrimaryButton .TextButton,
.RadGrid input.PrimaryButton,
.RadGrid.RadGrid input.TextButton.PrimaryButton,
.RadGrid.RadGrid a.TextButton.PrimaryButton {
    background-color: var(--BtnBgPrimary);
    border-color: var(--BtnBgPrimary);
    color: var(--Light) !important;
}

.nav-auxiliary .nav-aux-cart .cartCenter {
    color: var(--Light) !important;
    background-color: var(--Dark) !important;
}

.radiobutton-btn-group li input:checked + label,
.radiobutton-btn-group li input + label {
    border-radius: 50px !important;
}

.radiobutton-buttons.radiobutton-btn-group {
    gap: 10px;
    padding-left: 0px;
}

.nav-auxiliary .nav-aux-button.nav-aux-cart .cartFull {
    left: 15px;
    top: 2px;
}

.account-banner-bg-color-mps-1 .account-banner-short .banner-top-bar {
    background-color: var(--BgLight);
}

.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow,
.RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_MetroTouch th.rgSorted,
.RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell,
.RadGrid.RadGrid_Metro .rgSelectedRow,
.RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow,
.RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_Metro th.rgSorted {
    border-color: var(--Dark);
    border-bottom-width: 3px;
    background-color: var(--BtnLightColor);
    color: unset;
}

.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell a,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow a,
.RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow a,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted a,
.RadGrid.RadGrid_MetroTouch th.rgSorted a,
.RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell a,
.RadGrid.RadGrid_Metro .rgSelectedRow a,
.RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow a,
.RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted a,
.RadGrid.RadGrid_Metro th.rgSorted a {
    color: var(--Dark-70) !important;
}

.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar,
.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft,
.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight {
    background-color: var(--Dark);
}

.account-banner-bg-color-mps-2 .account-banner-short .banner-top-bar {
    background-color: var(--Dark);
}

.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 {
    border-color: var(--Dark);
}

a[id$="_SelectContactButton"] {
    color: var(--Dark) !important;
}

.obo-change-contact,
.obo-clear {
    font-size: 0 !important;
}

.obo-panel.on {
    padding-left: 2em;
    padding-right: 5em;
}

a#ctl01_ciOBO_ctl01_ClearCartLink {
    padding-bottom: 5px;
}

.ProxyPanelContact {
    background-color: var(--Dark);
}

.RadMenu.RadMenu_London .rmRootLink.rmSelected {
    color: unset;
    background-color: unset;
    border-bottom-color: var(--Dark);
}

.col-secondary .sub-nav .sub-nav-head {
    color: var(--Light);
    background-color: var(--Dark);
}

.sub-nav-body .RadTreeView.RadTreeView a.rtIn {
    color: var(--Dark);
}

nav#ctl01_ciSecondary_SubNavControl_NavWrapper {
    background-color: var(--BgLight);
}

.radiobutton-buttons input[type="radio"]:checked + label {
    color: var(--Light);
    background: var(--BtnBgPrimary);
    border-color: var(--Dark);
    border-width: 3px;
}

.radiobutton-buttons input[type="radio"] + label {
    color: var(--BtnBorderColor);
    border-color: var(--Dark);
    border-width: 3px;
    min-width: 0px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 50px;
}

.radiobutton-buttons li {
    margin-right: 20px;
}

[id*="GiftAmountSelection"].radiobutton-buttons input[type="radio"]:not([value="Other"]) + label::before {
    content: "$";
    margin-right: 4px;
    font-size: 12px;
    position: relative;
    bottom: 0.2em;
    color: currentColor;
}

.Quote {
    border-left: 10px solid var(--Dark);
}

.FilterPanel {
    background-color: var(--BgLight);
}

h1.BigHeader {
    background-color: var(--Dark);
}

.RadTabStrip_MetroTouch .rtsLink {
    color: var(--Dark-70) !important;
}

.RadGrid_MetroTouch .rgHeader,
.RadGrid_MetroTouch .rgHeader a {
    color: var(--Dark-70);
    text-decoration: unset !important;
    line-height: 18px;
}

.RadUpload .ruInputs li:hover .ruButton,
.RadUpload .ruInputs li:focus .ruButton {
    background-color: var(--Light-70);
    color: var(--Light);
}

html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected .tab-step-number {
    color: var(--Light);
    background-color: var(--Dark);
}

.RadTreeView.GLE a:hover,
.RadTreeView.GLE a:focus,
.RadTreeView.GLE span[onclick]:hover,
.RadTreeView.GLE span[onclick]:focus {
    background-color: var(--Dark);
    color: var(--Light);
}

/* Alert/Validation Styles */
.AsiWarning {
    border-color: var(--Warning500);
    background-color: var(--Warning100);
}

.AsiError {
    border-color: var(--Error500);
    background-color: var(--Error100);
}

.AsiValidation {
    border-color: var(--Warning500);
    background-color: var(--Warning100);
}

.AsiImportant {
    border-color: var(--Error500);
}

.AsiSuccess {
    border-color: var(--Success500);
    background-color: var(--Success100);
}

/*========================================================================
                          Custom Utility
========================================================================*/

.jcFullWidth {
    margin: 0px auto;
}

.jcMaxWidth {
    max-width: var(--max-width) !important;
}

.jcNoMaxWidth {
    max-width: unset !important;
}

#masterContentArea .row:has(.jcFullWidth) {
    max-width: 100% !important;
}

.col-sm-12:has(.jcFullWidth) {
    padding: 0px;
}

.jcBgColored {
    background-color: var(--CalloutBg);
}

.jcFullWidth .iMIS-WebPart {
    margin: 0px auto;
    max-width: var(--max-width);
}

.jcFullWidth.NoMax .iMIS-WebPart {
    max-width: 100%;
}

.jc-Secondary-Navigation {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
}

.jc-Secondary-Navigation .col-secondary {
    width: fit-content;
    display: block !important;
}

.jcBgColoredDark {
    background-color: var(--Dark) !important;
}

.jcBgColoredLight {
    background-color: var(--BgLight) !important;
}

.jcNoArrow::after {
    content: unset !important;
}

.jcTextXL {
    font-size: clamp(32px, 7vw, 55px);
    line-height: 1.2;
}

#mainContentWrapper > div > .row > .col-sm-12:has(.jcNoPadding) {
    padding-left: 0;
    padding-right: 0;
}

img.jc-responsive-image {
    width: 100%;
    display: block;
    object-fit: cover;
}

@media (max-width: 992px) {
    img.jc-responsive-image {
        height: unset !important;
        width: 100% !important;
    }

    .body-container:has(.col-secondary) {
        display: flex;
        flex-direction: column-reverse;
    }
    .jc-Secondary-Navigation {
        display: none;
    }
}