/* ADEA Website Styling */ :root { --system-icon-color-hover: #9f5a97; } /*Fonts and configuration*/ ::selection { background: #9f5a97; color: #fff !important; -webkit-text-fill-color: #fff !important; } ::-moz-selection { background: #9f5a97; color: #fff !important; -webkit-text-fill-color: #fff !important; } .backToTop, .backToTop:hover { background: #611e5a; } @font-face { font-family: 'NexaLight'; src: url('fonts/NexaLight.otf') format('opentype'); } @font-face { font-family: 'NexaBold'; src: url('fonts/NexaBold.otf') format('opentype'); } h1, h2, h3, h4, h5, h6 { font-family: 'NexaBold', sans-serif; font-weight: 700; } a { font-family: Arial, sans-serif; font-weight: 600 !important; color: #611e5a; } body, p { font-family: Arial, sans-serif; } h2, .PanelTitle { color: #7D1E71 !important; } a:hover, { color: #000; text-decoration: underline; font-weight: 600 !important; } a, .Link, .RadGrid.RadGrid .rgRow a, .RadGrid.RadGrid .rgAltRow a, .RadGrid.RadGrid .rgEditForm a, .k-grid.k-grid a, .RadToolTip.RadToolTip a { color: #611e5a; } /*Menu*/ .RadMenu.RadMenu_Coffee .rmRootLink { font-family: "NexaLight", Arial, sans-serif; } .RadMenu.RadMenu_Coffee .rmRootLink.rmExpanded, .RadMenu.RadMenu_Coffee .rmRootLink:hover, .RadMenu.RadMenu_Coffee .rmRootLink.rmFocused { color: #9f5a97; } .RadMenu.RadMenu_Coffee .rmLink:hover .rmToggle > .rmIcon, .RadMenu.RadMenu_Coffee .rmLink.rmFocused .rmToggle > .rmIcon, .RadMenu.RadMenu_Coffee .rmSelected > .rmLink .rmToggle > .rmIcon, .RadMenu.RadMenu_Coffee .rmFocused > .rmLink.rmRootLink .rmToggle > .rmIcon, .RadMenu.RadMenu_Coffee .rmExpanded > .rmLink .rmToggle > .rmIcon, .RadMenu.RadMenu_Coffee .rmSlide .rmLink .rmToggle > .rmIcon { background: #9f5a97; } .RadMenu.RadMenu_Coffee .rmExpanded.rmLink > .rmToggle > .rmIcon { background: #9f5a97; } .RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmLink:hover, .RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmFocused, .RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmExpanded { color: #9f5a97 !important; } .RadMenu_Coffee .rmSlide .rmLink { font-family: "NexaLight", Arial, sans-serif; font-weight: 300 !important; } .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmLink:hover, .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmFocused, .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmExpanded { color: #9f5a97; } /*Aux*/ .header-aux-container { background: #fff; } .header-aux-container .UtilityAuthentication a, .header-aux-container a.NavigationLink, .header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link, .header-aux-container .account-toggle .nav-text { color: #fff; font-family: "NexaLight", Arial, sans-serif; } /* .navbar-toggle, .obo-toggle, .ste-toggle, .page-statistics-toggle, .searchbar-toggle { background: #000000; } .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text { color: #000; } a.ste-toggle { background: #000; } .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:before { background: #000; }*/ .account-menu .account-toggle-wrapper:hover .nav-text, .account-menu .account-toggle-wrapper:focus .nav-text { color: #611e5a; } .account-menu .account-toggle-wrapper .caret { background: #fff; } .account-menu .account-toggle-wrapper:hover .caret, .account-menu .account-toggle-wrapper:focus .caret { background: #611e5a; } .obo-toggle:hover, .obo-toggle:focus, .obo-toggle.on, a.ste-toggle:hover, a.ste-toggle:focus, a.ste-toggle.on, .page-statistics-toggle:hover, .page-statistics-toggle:focus, .page-statistics-toggle.on { background: #611e5a; } .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:hover, .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:focus { color: #611e5a; } .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:hover:before, .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:focus:before { background: #611e5a; } .account-menu .dropdown-menu > li > a:hover, .account-menu .dropdown-menu > li > a:focus { color: #611e5a; } .Wrapper-HomePage header.header > .header-aux-container { background: transparent; } .Wrapper-HomePage .header-aux-container .UtilityAuthentication a, .Wrapper-HomePage .header-aux-container a.NavigationLink, .Wrapper-HomePage .header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link, .Wrapper-HomePage .header-aux-container .account-toggle .nav-text { color: #fff; } .Wrapper-HomePage .navbar-toggle, .Wrapper-HomePage .obo-toggle, .Wrapper-HomePage .ste-toggle, .Wrapper-HomePage .page-statistics-toggle, .Wrapper-HomePage .searchbar-toggle { background: #fff; } .Wrapper-HomePage .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text { color: #fff; } .Wrapper-HomePage a.ste-toggle { background: #fff; } .Wrapper-HomePage .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:before { background: #fff; } .Wrapper-HomePage .account-menu .account-toggle-wrapper .caret { background: #fff; } .Wrapper-HomePage .UtilityNavigation .account-menu > li > a, .UtilityNavigation .account-menu > li > a:hover, .Wrapper-HomePage .UtilityNavigation .account-menu > li > a:visited, .Wrapper-HomePage .UtilityNavigation .account-menu > li > a:active { color: #fff; } .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmRootLink:hover .rmToggle > .rmIcon, .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmRootLink.rmFocused .rmToggle > .rmIcon, .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmRootLink.rmExpanded .rmToggle > .rmIcon, .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmRootLink.rmSelected .rmToggle > .rmIcon { background: #611e5a; } .nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter { background-color: #611e5a; } .header-aux-container .nav-aux-cart a.NavigationLink:hover, .header-aux-container .nav-aux-cart a.NavigationLink:focus, .header-aux-container .nav-aux-cart a.NavigationLink:focus span { color: #611e5a; } .header-aux-container .nav-aux-cart a.NavigationLink:hover span { color: #fff; } .NavigationListItem { align-content: center; } .header-aux-container .UtilityAuthentication a:hover, .header-aux-container .UtilityAuthentication a:focus, .header-aux-container .UtilityAuthentication a:hover span, .header-aux-container .UtilityAuthentication a:focus span, .header-aux-container a.NavigationLink:hover, .header-aux-container a.NavigationLink:focus, .header-aux-container a.NavigationLink:hover span, .header-aux-container a.NavigationLink:focus span, .header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link:hover, .header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link:focus, .header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link:hover span, .header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link:focus span, .header-aux-container .account-toggle .nav-text:hover, .header-aux-container .account-toggle .nav-text:focus, .header-aux-container .account-toggle .nav-text:hover span, .header-aux-container .account-toggle .nav-text:focus span { text-decoration: none; color: #611e5a; } @media (min-width: 992px) { .header-aux-container .UtilityAuthentication a:hover, .header-aux-container .UtilityAuthentication a:focus, .header-aux-container .UtilityAuthentication a:hover span, .header-aux-container .UtilityAuthentication a:focus span, .header-aux-container a.NavigationLink:hover, .header-aux-container a.NavigationLink:focus, .header-aux-container a.NavigationLink:hover span, .header-aux-container a.NavigationLink:focus span, .header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link:hover, .header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link:focus, .header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link:hover span, .header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link:focus span, .header-aux-container .account-toggle .nav-text:hover, .header-aux-container .account-toggle .nav-text:focus, .header-aux-container .account-toggle .nav-text:hover span, .header-aux-container .account-toggle .nav-text:focus span { color: #611e5a; } } /*Home*/ .readMore:hover, .readMore:focus, .readMore:active { text-decoration: none; color: #9f5a97; } .readMore:hover:after, .readMore:focus:after, .readMore:active:after { margin-left: 15px; background: #9f5a97; } .readMore:after { background: #611e5a; } .FullWidthArea-StyleBg1 .Spotlight .SectionLabel a:hover, .FullWidthArea-StyleBg1 .Spotlight .SectionLabel a:focus, .FullWidthArea-StyleBg1 .Spotlight .SectionLabel a:active { color: #611e5a; } .home-member-tracker .ProgressTracker2 .ProgressTrackerPanel .count { color: #611e5a; } .slideshow-banner.testimonial .caption-wrapper:before { background: #611e5a; border-left: 20px solid #9f5a97; } .slideshow-banner.testimonial .carousel-indicators li { background: #611e5a; } .slideshow-banner.testimonial .carousel-indicators li:hover { background: #9f5a97; } a.home-membership-btn:hover, a.home-membership-btn:active, a.home-membership-btn:focus { background: #611e5a; } .upcoming-events .card:hover .readMore, .upcoming-events .card:active .readMore, .upcoming-events .card:focus .readMore { color: #611e5a; } .upcoming-events .card:hover .readMore:after, .upcoming-events .card:active .readMore:after, .upcoming-events .card:focus .readMore:after { background: #611e5a; } .Wrapper-HomePage header.header .header-background-container .carousel-indicators li:hover, .Wrapper-HomePage header.header .header-background-container .carousel-indicators li:focus { background-color: #9f5a97; } .Wrapper-HomePage header.header .header-background-container .carousel-indicators li.active:hover, .Wrapper-HomePage header.header .header-background-container .carousel-indicators li.active:focus { background-color: #9f5a97; } h1.BigHeader, .h1.BigHeader { background-color: #611e5a; } .FullWidthArea-StyleBg2 .home-member-benefits li { list-style: none; background: none; /* Remove the default background */ padding-left: 25px; position: relative; } .FullWidthArea-StyleBg2 .home-member-benefits li::before { content: ''; position: absolute; top: 7px; left: 0; width: 12px; /* Width of your arrow image */ height: 12px; /* Height of your arrow image */ background: url(images/arrow.svg) no-repeat; filter: invert(44%) sepia(9%) saturate(6950%) hue-rotate(113deg) brightness(34%) contrast(100%); background-size: 12px 12px; } /*Footer*/ footer.footer { background-color: #000; } .footer-banner .carousel-inner.bg-img > .item { background: #460e41; } footer#ft h2 { color: #fff !important; } footer.footer a:hover, footer.footer a:focus { color: #9f5a97; } .footer-banner .carousel-inner.bg-img > .item a.link:after, .footer-banner .carousel-inner.bg-img > .item:after { background: rgb(70 14 65); background: linear-gradient(90deg, rgb(70 14 65) 1%, rgb(97 24 89 / 0%) 100%); } div#ste_container_ciFooterBanner .img { filter: opacity(0.3) drop-shadow(0 0 0 #611e5a); } .Wrapper-FullWidth #ft .row { padding-left: inherit !important; } /*Sidenav*/ .RadTreeView.RadTreeView_Coffee .rtSelected > a.rtIn, .RadTreeView.RadTreeView_Coffee .child-is-selected.rtIn { color: #611e5a; } .nav-secondary { font-family: "NexaLight", Arial, sans-serif !important; } .banner-tall, .banner-tall:visited, .banner-tall:active, .banner-tall:hover, .banner-tall:focus, .banner-tall h2, .banner-short, .banner-short:visited, .banner-short:active, .banner-short:hover, .banner-short:focus, .banner-short h2 { text-decoration: none !important; } /*Buttons*/ .PrimaryButton, .UsePrimaryButton .TextButton, .RadGrid input.PrimaryButton { background-color: #611e5a; } .PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active, .UsePrimaryButton .TextButton:hover, .UsePrimaryButton .TextButton:focus, .UsePrimaryButton .TextButton:active, .RadGrid input.PrimaryButton:hover, .RadGrid input.PrimaryButton:focus, .RadGrid input.PrimaryButton:active { background-color: #9f5a97; } 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: #611e5a; } /*Search*/ .SearchField, .SearchResultSummary .ListItemTitle a { background-color: #f0f0f0; } .SearchField label, .SearchField label:hover, .SearchField label:active, .SearchField label:visited, .SearchResultSummary .ListItemTitle a, .SearchResultSummary .ListItemTitle a:hover, .SearchResultSummary .ListItemTitle a:active, .SearchResultSummary .ListItemTitle a:visited, .SelectedItem a, .SelectedItem a:hover, .SelectedItem a:active, .SelectedItem a:visited { color: #000 !important; } .SearchResultSummary .ListItemTitle a:hover { background-color: #a2a2a2; } 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 { } a:not(.aspNetDisabled):hover .sysicon.sysicon-add:after, a:not(.aspNetDisabled):focus .sysicon.sysicon-add:after, a:not(.aspNetDisabled):hover .sysicon--before.sysicon-add:before, a:not(.aspNetDisabled):focus .sysicon--before.sysicon-add:before, a:not(.aspNetDisabled):hover .sysicon--after.sysicon-add:after, a:not(.aspNetDisabled):focus .sysicon--after.sysicon-add:after, a.sysicon.sysicon-add:not(.aspNetDisabled):hover:after, a.sysicon.sysicon-add:not(.aspNetDisabled):focus:after, a.sysicon--before.sysicon-add:not(.aspNetDisabled):hover:before, a.sysicon--before.sysicon-add:not(.aspNetDisabled):focus:before, a.sysicon--after.sysicon-add:not(.aspNetDisabled):hover:after, a.sysicon--after.sysicon-add:not(.aspNetDisabled):focus:after, button.sysicon.sysicon-add:not([disabled]):hover:after, button.sysicon--before.sysicon-add:not([disabled]):hover:before, button.sysicon--after.sysicon-add:not([disabled]):hover:after { background: #611e5a; } /*Panels, tabs, etc*/ html .RadTabStrip_MetroTouch .rtsLevel1 a.rtsLink { background-color: #611e5a; } .RadTabStrip_MetroTouch .rtsLevel1 a.rtsLink:hover { background-color: #9f5a97 !important; } a.sysicon--before.sysicon-add:hover { color: #611e5a !important; } .RadTabStripVertical .rtsUL .rtsSelected .rtsTxt, .RadTabStripVertical .rtsUL .rtsLink:hover .rtsTxt { border: none; } a:not(.aspNetDisabled):hover .sysicon.sysicon-configure:after, a:not(.aspNetDisabled):focus .sysicon.sysicon-configure:after, a:not(.aspNetDisabled):hover .sysicon--before.sysicon-configure:before, a:not(.aspNetDisabled):focus .sysicon--before.sysicon-configure:before, a:not(.aspNetDisabled):hover .sysicon--after.sysicon-configure:after, a:not(.aspNetDisabled):focus .sysicon--after.sysicon-configure:after, a.sysicon.sysicon-configure:not(.aspNetDisabled):hover:after, a.sysicon.sysicon-configure:not(.aspNetDisabled):focus:after, a.sysicon--before.sysicon-configure:not(.aspNetDisabled):hover:before, a.sysicon--before.sysicon-configure:not(.aspNetDisabled):focus:before, a.sysicon--after.sysicon-configure:not(.aspNetDisabled):hover:after, a.sysicon--after.sysicon-configure:not(.aspNetDisabled):focus:after, button.sysicon.sysicon-configure:not([disabled]):hover:after, button.sysicon--before.sysicon-configure:not([disabled]):hover:before, button.sysicon--after.sysicon-configure:not([disabled]):hover:after { background: #611e5a; } .RadScheduler .rsCategoryGreen .rsAptContent, .RadScheduler .rsCategoryGreen .rsAptIn, .RadScheduler .rsCategoryGreen .rsAptMid, .RadScheduler .rsCategoryGreen .rsResourceMarker { border-color: #611e5a; color: #fff; background-color: #611e5a; } .RadScheduler .rsCategoryYellow .rsAptContent, .RadScheduler .rsCategoryYellow .rsAptIn, .RadScheduler .rsCategoryYellow .rsAptMid, .RadScheduler .rsCategoryYellow .rsResourceMarker { border-color: #9f5a97; color: #fff; background-color: #9f5a97; } .RefExample:before, .RefTOC, .RefIconList li, .RefPage code { background-color: #f0f0f0; } :not(pre) > code[class*="language-"], pre[class*="language-"] { background: #f0f0f0; } 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: #9f5a97; text-decoration: underline; } .RadTreeView.RadTreeView_Coffee .rtSelected > a.rtIn:hover, .RadTreeView.RadTreeView_Coffee .rtSelected > a.rtIn:active, .RadTreeView.RadTreeView_Coffee .rtSelected > a.rtIn:focus { background-color: transparent; color: #9f5a97; } .RadTreeView.RadTreeView_Coffee a.rtIn:hover, .RadTreeView.RadTreeView_Coffee a.rtIn:focus { color: #9f5a97; } .RadTreeView.RadTreeView_Coffee .rtPlus:hover, .RadTreeView.RadTreeView_Coffee .rtPlus:focus, .RadTreeView.RadTreeView_Coffee .rtMinus:hover, .RadTreeView.RadTreeView_Coffee .rtMinus:focus { background: #9f5a97; } .RadTreeView.GLE .rtIn, .RadTreeView.GLE .rtHover .rtIn, .RadTreeView.GLE .rtSelected .rtIn { color: #611e5a; } .RadTreeView.GLE a:hover, .RadTreeView.GLE a:focus, .RadTreeView.GLE span[onclick]:hover, .RadTreeView.GLE span[onclick]:focus { background-color: #611e5a; color: #fff; } .RadTabStripVertical .rtsUL .rtsLink .rtsTxt { border: none; } .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight { background-color: #611e5a; } .PrimaryButton:disabled, .PrimaryButton:disabled:hover, .PrimaryButton:disabled:focus, .PrimaryButton:disabled:active, .PrimaryButton.disabled, .PrimaryButton.disabled:hover, .PrimaryButton.disabled:focus, .PrimaryButton.disabled:active, .PrimaryButton.aspNetDisabled, .PrimaryButton.aspNetDisabled:hover, .PrimaryButton.aspNetDisabled:focus, .PrimaryButton.aspNetDisabled:active, .UsePrimaryButton .TextButton:disabled, .UsePrimaryButton .TextButton:disabled:hover, .UsePrimaryButton .TextButton:disabled:focus, .UsePrimaryButton .TextButton:disabled:active, .UsePrimaryButton .TextButton.disabled, .UsePrimaryButton .TextButton.disabled:hover, .UsePrimaryButton .TextButton.disabled:focus, .UsePrimaryButton .TextButton.disabled:active, .UsePrimaryButton .TextButton.aspNetDisabled, .UsePrimaryButton .TextButton.aspNetDisabled:hover, .UsePrimaryButton .TextButton.aspNetDisabled:focus, .UsePrimaryButton .TextButton.aspNetDisabled:active, .RadGrid input.PrimaryButton:disabled, .RadGrid input.PrimaryButton:disabled:hover, .RadGrid input.PrimaryButton:disabled:focus, .RadGrid input.PrimaryButton:disabled:active, .RadGrid input.PrimaryButton.disabled, .RadGrid input.PrimaryButton.disabled:hover, .RadGrid input.PrimaryButton.disabled:focus, .RadGrid input.PrimaryButton.disabled:active, .RadGrid input.PrimaryButton.aspNetDisabled, .RadGrid input.PrimaryButton.aspNetDisabled:hover, .RadGrid input.PrimaryButton.aspNetDisabled:focus, .RadGrid input.PrimaryButton.aspNetDisabled:active { color: #ffffff; background-color: #611e5a; border-color: transparent; } .CartCharges .GrandTotal .PanelField .Label { color: #621559; } .CartCharges .GrandTotal .PanelField { color: #621559; } .stacked-tabs .select-tab { background: #611e5a; } .member-profile .mini-profile-banner-large .mini-profile-name-section .SectionLabel, .member-profile .mini-profile-banner-small .mini-profile-name-section .SectionLabel { color: #611e5a; } .member-fees .balance { background-color: #9f5a97; color: #fff; } .btn, .btn:visited, .TextButton, .TextButton:visited, .RadUpload.RadUpload .ruButton, .RadUpload.RadUpload .ruButton:visited, .RadUploadProgressArea.RadUploadProgressArea .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton:visited { color: #fcfcff; } .btn, .TextButton, .RadUpload.RadUpload .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton { background-color: #611e5a; border-color: #611e5a; } .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 { color: #fcfcff; text-decoration: none; background-color: #9f5a97; border-color: #9f5a97; } .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 { background-color: #611e5a; border-color: #611e5a; text-decoration: none; } /*Header re-colour*/ .Wrapper-HomePage header.header .header-background-container:before, .header-background-container:before { background-image: linear-gradient(to bottom, #611e5a 0, #611e5a 100%); background-repeat: repeat-x; height: 10em; } .header-background-container { display: block; } div#ste_container_ciInternalPageHeaderBackground .item.active { background-image: linear-gradient(to bottom, #611e5a 0, #611e5a 100%) !important; background-repeat: repeat-x; height: 10em; } .Wrapper-HomePage header.header > .header-aux-container, header.header > .header-aux-container { background: #9c5698; } .Wrapper-HomePage header.header > .header-aux-container, header.header > .header-aux-container { background: #9c5698; } .RadMenu.RadMenu_Coffee .rmRootLink { color: #fff; } .RadMenu.RadMenu_Coffee .rmToggle .rmIcon, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle .rmIcon { background: #fff !important; } .RadMenu.RadMenu_Coffee .rmRootLink.rmSelected { color: #9f5a97; } .RadMenu.RadMenu_Coffee { margin-top: 35px; } .header-aux-container .UtilityAuthentication a, .header-aux-container a.NavigationLink, .header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link, .header-aux-container .account-toggle .nav-text { font-size: 85%; } /*Mobile view */ @media (max-width: 991px) { header.header .header-aux-container { padding-bottom: 10px; padding-top: 10px; } .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:before { background: #ffffff; } .navbar-toggle.collapsed, .obo-toggle.collapsed, .ste-toggle.collapsed, .page-statistics-toggle.collapsed, .searchbar-toggle.collapsed { background: #ffffff; } a.ste-toggle { background: #ffffff; } .navbar-toggle, .obo-toggle, .ste-toggle, .page-statistics-toggle, .searchbar-toggle { background: #ffffff; } header.header { background: #611e5a; } .Wrapper-HomePage header.header .header-background-container:before { background-image: linear-gradient(to bottom, rgba(34, 34, 34, 0.6) 0, rgba(0, 0, 0, 0) 100%); background-repeat: repeat-x; height: 6em; } .Wrapper-HomePage header.header .header-primary-nav-container { background: #611e5a; } .slideshow-banner .carousel-caption { background-color: #410f41; } } /*Fixing logo alignment*/ div#ste_container_HeaderLogoSpan { margin-top: 4px; }