@charset "UTF-8";
/* Responsive NaturalHeritage theme */
/* Not in use by family's themes, may be used by Ultrawave. */
/* Salmon */
/* Sage */
/* Blue */
/*Bright blue*/
/*Light grey*/
/*progress tracker */
@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");
:root {
  --aux-link-color: #ffffff;
  --aux-bg: #252e38;
  --nav-color: #000000;
  --system-icon-color: #252e38;
  --system-icon-color-hover: #7cc242;
}

/*40*/
/*right, left*/
/* ==========================================================================
   MASTER PAGE LAYOUT
   ========================================================================== */
/* Class used to contain the various pieces of the master page */
.container {
  max-width: 1380px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.container::after,
.body-container::after {
  display: block;
  clear: both;
  content: "";
}

.has-secondary-col .body-container {
  display: grid;
}

.has-secondary-col .body-container .col-primary {
  grid-row: -1;
  /* ensure the main content displays BEFORE nav on small screens */
}

@media (min-width: 992px) {
  .has-secondary-col .body-container {
    grid-template-columns: 1fr 76% minmax(12em, 22%) 1fr;
    grid-template-rows: auto;
    grid-column-gap: 30px;
  }
  .has-secondary-col .body-container .col-primary {
    grid-column: 2 / span 1;
    grid-row: 1;
  }
  .has-secondary-col .body-container .col-secondary {
    grid-column: 3 / span 1;
    grid-row: 1;
  }
}

.secondary-nav-top .has-secondary-col .body-container {
  grid-template-columns: auto;
}

.secondary-nav-top .has-secondary-col .body-container .col-primary {
  grid-column: 1;
  grid-row: 2;
}

.secondary-nav-top .has-secondary-col .body-container .col-secondary {
  grid-column: 1;
  grid-row: 1;
}

header.header {
  display: grid;
  position: relative;
  margin-bottom: 1em;
}

@media (max-width: 991px) {
  header.header {
    grid-template: "logo" "utility" "primary-nav" "banner";
  }
}

@media (min-width: 992px) {
  header.header {
    grid-template: "utility utility" auto "logo primary-nav" auto "banner banner" auto;
    grid-template-areas: "utility utility" "logo primary-nav" "banner banner";
  }
}

header.header .header-background-container {
  width: 100%;
  grid-area: banner; /* RH - Restrict background to banner row (prevent header underlay) */
}

header.header
  .header-background-container
  .ContentItemContainer
  > .ContentItemContainer,
header.header .header-background-container .header-bg,
header.header .header-background-container .carousel-inner .item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
}

header.header .header-background-container .carousel,
header.header .header-background-container .carousel-inner {
  position: static;
}

header.header .header-logo-container {
  grid-area: logo;
  align-self: start;
  justify-self: center; /* RH - Changed from start */
  padding-left: 3px;
  padding-top: 0;
  padding-bottom: 0;
  z-index: 100;
}

.t-ie11 header.header .header-logo-container {
  position: absolute;
  top: 1.5em;
}

@media (min-width: 992px) {
  header.header .header-logo-container {
    align-self: end;
  }
}

header.header .header-aux-container {
  grid-area: utility;
  align-self: start;
  justify-self: none;
  padding-right: 3px;
  padding-top: 0;
  padding-bottom: 0;
  z-index: 101;
}

header.header .header-primary-nav-container {
  grid-area: primary-nav;
  align-self: start;
  justify-self: end;
  padding-left: 3px;
  padding-right: 3px;
  z-index: 100;
  max-width: 1180px;
  width: 100%;
}

header.header .home-page-header-container,
header.header .internal-header-container {
  grid-area: banner;
  padding-left: 3px;
  padding-right: 3px;
}

@media (max-width: 991px) {
  header.header .header-logo-container {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  header.header .header-aux-container {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  header.header .header-primary-nav-container {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}

@media (min-width: 992px) {
  header.header .header-logo-container {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  header.header .header-logo-container {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  header.header .header-aux-container {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  header.header .header-aux-container {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  header.header .header-primary-nav-container {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  header.header .header-primary-nav-container {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
}

/* IE11 - Grid alignment */
.t-ie11 header.header {
  display: -ms-grid;
  -ms-grid-columns: 1fr minmax(768px, 1380px) 1fr !important;
}

.t-ie11 .header-background-container {
  -ms-grid-column: 1 !important;
}

.t-ie11 .header-logo-container,
.t-ie11 .header-aux-container,
.t-ie11 .header-primary-nav-container,
.t-ie11 .home-page-header-container,
.t-ie11 .internal-header-container {
  -ms-grid-column: 2 !important;
}

.t-ie11 .header-primary-nav-container {
  margin-left: 200px;
}

/* This applies to the breadcrumb area */
.breadcrumb {
  float: none;
  display: inline;
  line-height: 33px;
}

/* Homepage Full Width areas */
.Wrapper-FullWidth .main-container.container {
  max-width: 100%;
  padding: 0;
}

.Wrapper-FullWidth .row {
  margin-left: 0;
  margin-right: 0;
}

.Wrapper-FullWidth .col-sm-12 {
  padding-left: 0;
  padding-right: 0;
}

.backToTop {
  background: #7cc242 url("images/ResponsiveHeaderSprite.png") 5px -223px
    no-repeat;
  font: 0/0 a;
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transform: rotate(-90deg);
  border-radius: 40px;
  transition: background 0.2s ease-in;
  z-index: 100;
}

.backToTop:hover {
  background-color: #252e38;
}

/* Show mobile search between 768 and 992 */
@media (min-width: 768px) and (max-width: 992px) {
  .search-container {
    display: block;
  }
}

/* Sticky Footer
   ========================================================================== */
/* Flex-style sticky footer
   See https://css-tricks.com/couple-takes-sticky-footer/
*/
.wrapper {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.wrapper .main-container {
  width: 100%;
  flex: 1 0 auto;
  margin-bottom: 0;
}

.wrapper footer.footer {
  flex-shrink: 0;
}

/*Social share iPart alignment*/
.PanelFieldLabel.SocialShare {
  line-height: 1.4em;
}

/* ==========================================================================
   Basic setup
   ========================================================================== */
body {
  font-family: "Raleway", Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
  color: #333;
}

@media (max-width: 767px) {
  body {
    font-size: 16px;
  }
}

.body_semibold {
  font-weight: 600;
}

a,
.Link,
.RadGrid.RadGrid .rgRow a,
.RadGrid.RadGrid .rgAltRow a,
.RadGrid.RadGrid .rgEditForm a,
.k-grid.k-grid a,
.RadToolTip.RadToolTip a {
  color: #336d3e;
  text-decoration: none;
}

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: #204527;
}

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: #204527;
  text-decoration: underline;
}

a.aspNetDisabled,
a.aspNetDisabled:hover,
a.aspNetDisabled:focus,
a.aspNetDisabled:active,
a.aspNetDisabled:visited,
a:disabled,
a:disabled:hover,
a:disabled:focus,
a:disabled:active,
a:disabled:visited,
.Link.aspNetDisabled,
.Link.aspNetDisabled:hover,
.Link.aspNetDisabled:focus,
.Link.aspNetDisabled:active,
.Link.aspNetDisabled:visited,
.Link:disabled,
.Link:disabled:hover,
.Link:disabled:focus,
.Link:disabled:active,
.Link:disabled:visited,
.RadGrid.RadGrid .rgRow a.aspNetDisabled,
.RadGrid.RadGrid .rgRow a.aspNetDisabled:hover,
.RadGrid.RadGrid .rgRow a.aspNetDisabled:focus,
.RadGrid.RadGrid .rgRow a.aspNetDisabled:active,
.RadGrid.RadGrid .rgRow a.aspNetDisabled:visited,
.RadGrid.RadGrid .rgRow a:disabled,
.RadGrid.RadGrid .rgRow a:disabled:hover,
.RadGrid.RadGrid .rgRow a:disabled:focus,
.RadGrid.RadGrid .rgRow a:disabled:active,
.RadGrid.RadGrid .rgRow a:disabled:visited,
.RadGrid.RadGrid .rgAltRow a.aspNetDisabled,
.RadGrid.RadGrid .rgAltRow a.aspNetDisabled:hover,
.RadGrid.RadGrid .rgAltRow a.aspNetDisabled:focus,
.RadGrid.RadGrid .rgAltRow a.aspNetDisabled:active,
.RadGrid.RadGrid .rgAltRow a.aspNetDisabled:visited,
.RadGrid.RadGrid .rgAltRow a:disabled,
.RadGrid.RadGrid .rgAltRow a:disabled:hover,
.RadGrid.RadGrid .rgAltRow a:disabled:focus,
.RadGrid.RadGrid .rgAltRow a:disabled:active,
.RadGrid.RadGrid .rgAltRow a:disabled:visited,
.RadGrid.RadGrid .rgEditForm a.aspNetDisabled,
.RadGrid.RadGrid .rgEditForm a.aspNetDisabled:hover,
.RadGrid.RadGrid .rgEditForm a.aspNetDisabled:focus,
.RadGrid.RadGrid .rgEditForm a.aspNetDisabled:active,
.RadGrid.RadGrid .rgEditForm a.aspNetDisabled:visited,
.RadGrid.RadGrid .rgEditForm a:disabled,
.RadGrid.RadGrid .rgEditForm a:disabled:hover,
.RadGrid.RadGrid .rgEditForm a:disabled:focus,
.RadGrid.RadGrid .rgEditForm a:disabled:active,
.RadGrid.RadGrid .rgEditForm a:disabled:visited,
.k-grid.k-grid a.aspNetDisabled,
.k-grid.k-grid a.aspNetDisabled:hover,
.k-grid.k-grid a.aspNetDisabled:focus,
.k-grid.k-grid a.aspNetDisabled:active,
.k-grid.k-grid a.aspNetDisabled:visited,
.k-grid.k-grid a:disabled,
.k-grid.k-grid a:disabled:hover,
.k-grid.k-grid a:disabled:focus,
.k-grid.k-grid a:disabled:active,
.k-grid.k-grid a:disabled:visited,
.RadToolTip.RadToolTip a.aspNetDisabled,
.RadToolTip.RadToolTip a.aspNetDisabled:hover,
.RadToolTip.RadToolTip a.aspNetDisabled:focus,
.RadToolTip.RadToolTip a.aspNetDisabled:active,
.RadToolTip.RadToolTip a.aspNetDisabled:visited,
.RadToolTip.RadToolTip a:disabled,
.RadToolTip.RadToolTip a:disabled:hover,
.RadToolTip.RadToolTip a:disabled:focus,
.RadToolTip.RadToolTip a:disabled:active,
.RadToolTip.RadToolTip a:disabled:visited {
  color: #999999;
  text-decoration: none;
}

h1,
.h1,
.PageTitle {
  font-size: 200%;
  font-family: "Raleway", Helvetica, sans-serif;
  font-weight: bold;
  color: #333;
  margin-top: 0;
}

h1.BigHeader,
.h1.BigHeader {
  color: #fff;
  background-color: #f89c57;
  padding: 20px;
  margin: 0;
}

h2,
.h2,
.panel-heading.Distinguish,
.PanelHead.Distinguish,
.TitleBarCaption,
div.PanelTitle {
  min-height: 0;
  border-bottom-style: solid;
}

h2,
.h2,
.PanelTitle {
  font-size: 135%;
  font-family: "Raleway", Helvetica, sans-serif;
  font-weight: bold;
  color: #333;
  line-height: 1.45em;
}

h3,
.SectionTitle {
  font-size: 115%;
  font-family: "Raleway", Helvetica, sans-serif;
  font-weight: 500;
  color: #333;
}

h4,
.SectionLabel,
h5 {
  margin: 0 0 0.2em;
}

h4,
.h4,
.SectionLabel {
  font-size: 100%;
  font-family: "Raleway", Helvetica, sans-serif;
  font-weight: 600;
  color: #333;
}

h5,
.h5,
.SectionLabelSmaller {
  font-size: 90%;
  font-family: "Raleway", Helvetica, sans-serif;
  font-weight: 500;
  color: #333;
}

h6,
.h6 {
  font-size: 90%;
  font-family: "Raleway", Helvetica, sans-serif;
  font-weight: 400;
  color: #333;
  margin: 0;
}

strong {
  font-weight: 600;
}

@media only screen {
  .callout-gradient-text {
    background: linear-gradient(50deg, #003d4f 15%, #954a87 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .callout2-gradient-text {
    background: linear-gradient(135deg, #007fa8 45%, #002632 85%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

hr {
  margin-left: 0.5em;
  margin-right: 0.5em;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #dbdbdb;
}

.StandardPanel,
.ContentBorder,
h2,
.PanelHead.Distinguish,
.TitleBarCaption,
div.ShowFieldset fieldset,
.panel-border,
.panel-heading.Distinguish {
  border-color: #dbdbdb;
}

.PanelHead.Distinguish .PanelHeadOptions,
.panel-heading.Distinguish .panel-head-options {
  margin-top: 0.6em;
}

.PanelHead.Distinguish.Collapsible {
  align-items: center;
}

.PanelHead.Distinguish.Collapsible:hover {
  cursor: pointer;
}

.PanelHead.Distinguish.Collapsible:after {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background: transparent
    url("../../App_Themes/Flat_White/images/CollapseIcon.png") 0 0 no-repeat;
  transform: rotate(180deg);
  margin-right: 0.5em;
}

.PanelHead.Distinguish.Collapsible.open:after {
  transform: rotate(0deg);
}

/* Used for messages guiding users to the next step */
.HelperText {
  color: #0064cd;
}

/* This gives certain selected items (e.g., in the PeoplePanel in the Event Showcase) a colored background */
.SelectedItem {
  background-color: #354251;
}

/**
      * This automatically resizes images when they're too large to fit in their container. 
      * It may override any user-defined width/height on images. If the behavior is unwanted, 
      * consider changing this declaration to a class (e.g. '.img-responsive') which you can 
      * apply as desired.
      */
img:not([src*="commandbar.com"]) {
  max-width: 100% !important;
  height: auto !important;
}

/**
      * Sometimes images should not be resized. This class can be used as a wrapper or directly
      * on the image to avoid the resizing.
      */
img.ImgNoResize,
.ImgNoResize img {
  max-width: none;
}

/* Give a block of text some extra emphasis.
 * This class also makes the text larger, per UltraWave styles */
.lead {
  margin-bottom: 20px;
}

.bg-img-full-size {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-img-dark {
  background-color: #333333;
}

.bg-img-dark,
.bg-img-dark h1,
.bg-img-dark h2,
.bg-img-dark h3,
.bg-img-dark h4,
.bg-img-dark h5,
.bg-img-dark h6 {
  color: #fff;
}

.bg-img-dark a:not(.TextButton):not(.btn),
.bg-img-dark a:not(.TextButton):not(.btn):hover,
.bg-img-dark a:not(.TextButton):not(.btn):focus,
.bg-img-dark a:not(.TextButton):not(.btn):active {
  color: #fff;
  text-decoration: underline;
}

/* ==========================================================================
   ANIMATIONS
   ========================================================================== */
@keyframes slide-down-with-delay {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  25% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slide-up-with-delay {
  0% {
    transform: translateY(75px);
    opacity: 0;
  }
  25% {
    transform: translateY(75px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes appear-zoom-out-with-delay {
  0% {
    transform: scale(1.1);
    opacity: 0;
  }
  25% {
    transform: scale(1.1);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes appear-zoom-in-with-delay {
  0% {
    transform: scale(0.95);
    opacity: 0;
  }
  25% {
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes soft-zoom-motion {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: translateY(1);
  }
}

@keyframes bubble-effect {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  25% {
    opacity: 0.5;
  }
  40% {
    transform: scale(1.05);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes bounce {
  50% {
    transform: translateY(-10px);
  }
}

/* ==========================================================================
   MASTERPAGE ELEMENTS
   ========================================================================== */
/* This applies to the loading bar at the top of the page */
.ProgressDiv {
  background-color: #ffdd6f;
}

/* header logo */
#masterHeaderImage {
  background-image: url("images/AB_Logo_full_biline.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 170px;
  height: auto;
  /* The following are needed to hide the text, but allow it to be read by screen readers */
  text-indent: -9999px;
  overflow: hidden;
  float: left;
}

@media (min-width: 992px) {
  #masterHeaderImage {
    background-image: url("images/AB_Logo_full_biline.png");
    width: 170px;
    height: 54.4px;
  }
}

/* footer logo - added by RH Zentso */

#masterFooterImage {
  background-image: url("images/ABT_Logo_White.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 170px;
  height: auto;
  /* The following are needed to hide the text, but allow it to be read by screen readers */
  text-indent: -9999px;
  overflow: hidden;
  float: left;
}

@media (min-width: 992px) {
  #masterFooterImage {
    background-image: url("images/ABT_Logo_White.svg");
    width: 170px;
    height: 54.4px;
  }
}

#masterDonorHeaderImage {
  background-image: url("images/DonorHeaderLogo.png");
  background-repeat: no-repeat;
  width: 170px;
  height: auto;
  /* The following are needed to hide the text, but allow it to be read by screen readers */
  text-indent: -9999px;
  overflow: hidden;
  float: left;
}

@media (min-width: 992px) {
  #masterDonorHeaderImage {
    width: 169px;
  }
}

/* Header Border */
#masterHeaderBackground,
.header {
  border-bottom: 2px solid #eeeeee;
}

/* Used in the donor site header logo content area */
#masterHeaderActionArea a {
  display: block;
  text-align: center;
}

/* On Behalf Of with target set */
.ProxyPanelContact {
  background-color: #336d3e;
}

.ProxyPanelContact,
.ProxyPanelContact .obo-label {
  color: #fff;
}

.ProxyPanelContact a {
  color: #d5deed;
}

/* Sub (Left) Navigation
   ========================================================================== */
#pagesubnav {
  border-right: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}

.SubNavPanelHead {
  background-color: #ffffff;
  color: #222222;
  font-family: "Raleway", Helvetica, sans-serif;
  font-weight: 500;
}

.SubNavigationSeparator {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #dbdbdb;
  height: 1px;
  padding: 0;
  margin: 0;
}

/* ==========================================================================
   Footer
   ========================================================================== */
footer.footer {
  background-color: #336d3e;
  color: #ffffff;
  padding-top: 60px;
  padding-bottom: 60px;
  text-align: center;
}

footer.footer a,
footer.footer a:hover,
footer.footer a:focus,
footer.footer a:active,
footer.footer a:visited {
  color: #ffffff;
}

footer.footer .NavigationListItem {
  display: block;
}

footer.footer .NavigationLink {
  padding-left: 0;
  padding-right: 0;
}

footer.footer h3,
footer.footer h4 {
  margin-bottom: 0.2em;
  color: #ffffff;
}

footer.footer .footer-content > .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4rem;
}

@media (max-width: 991px) {
  footer.footer .footer-content > .container {
    gap: 1rem;
  }
}

footer.footer .footer-content .container > .footer-container {
  width: 100%;
  display: flex;
  flex-direction: column;
}

@media (min-width: 992px) {
  footer.footer {
    text-align: center;
  }
  footer.footer h3 {
    margin-top: 0;
  }
  footer.footer .footer-content {
    text-align: left;
  }
  footer.footer .footer-content > .container {
    align-items: flex-start;
  }
  footer.footer .footer-content .container > .footer-container {
    flex-direction: row;
    gap: 0;
    align-items: center;
  }
}

.footer-angle-bg footer.footer {
  position: relative;
}

.footer-angle-bg footer.footer:before {
  content: "";
  display: block;
  background: #252e38;
  width: 100%;
  height: 400px;
  position: absolute;
  z-index: -1;
  top: -285px;
  transform: skew(0, 5deg);
}

.footer-content {
  padding-top: 1em;
}

@media (min-width: 480px) {
  .footer-content-section {
    float: left;
    width: 50%;
  }
}

/* ==========================================================================
   PRIMARY NAVIGATION
   ========================================================================== */
@media (min-width: 992px) {
  .primary-navigation-area .MegaDropDownMenuOuter {
    text-align: right;
  }
}

@media (min-width: 992px) {
  .header-bottom-container {
    min-height: 105px;
  }
}

/* Reset some Telerik defaults */
.RadMenu.RadMenu_Coffee {
  float: none;
  z-index: 1001 !important;
  position: relative;
}

.RadMenu.RadMenu_Coffee:focus {
  outline: none;
}

.RadMenu.RadMenu_Coffee .rmVertical .rmToggle .rmIcon:before,
.RadMenu.RadMenu_Coffee .rmVertical .rmExpand:before,
.RadMenu.RadMenu_Coffee .rmRightArrow .rmIcon:before,
.RadMenu.RadMenu_Coffee .rmHorizontal .rmToggle .rmIcon:before,
.RadMenu.RadMenu_Coffee .rmHorizontal .rmExpand:before,
.RadMenu.RadMenu_Coffee .rmBottomArrow .rmIcon:before {
  content: none;
}

.RadMenu.RadMenu_Coffee .rmItem,
.RadMenu.RadMenu_Coffee .rmHorizontal > .rmItem,
.RadMenu.RadMenu_Coffee .rmHorizontal > .rmRootScrollGroup > .rmItem,
.RadMenu.RadMenu_Coffee .rmLink {
  float: none;
}

.RadMenu.RadMenu_Coffee .rmLink {
  padding: 0px;
}

.RadMenu.RadMenu_Coffee .rmToggle,
.RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle {
  width: auto;
}

.RadMenu.RadMenu_Coffee .rmToggle,
.RadMenu.RadMenu_Coffee .rmToggle .rmIcon,
.RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle {
  position: static;
}

.RadMenu.RadMenu_Coffee .rmGroup .rmContent,
.RadMenu.RadMenu_Coffee .rmRootGroup .rmContent {
  padding: 0;
}

.RadMenu.RadMenu_Coffee,
.RadMenu.RadMenu_Coffee .rmItem {
  font-size: inherit;
}

.RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup {
  padding: 0;
}

.RadMenu.RadMenu_Coffee ul {
  margin: 0;
  padding: 0;
}

.RadMenu.RadMenu_Coffee .rmItem {
  list-style: none;
}

.RadMenu.RadMenu_Coffee .rmDisabled > a {
  cursor: default;
}

.RadMenu.RadMenu_Coffee .rmItem {
  width: auto;
  clear: both;
  text-align: left;
}

.RadMenu.RadMenu_Coffee .rmText,
.RadMenu.RadMenu_Coffee .rmHorizontal .rmText,
.RadMenu.RadMenu_Coffee .rmSlide .rmText {
  padding: 0 3px;
}

.RadMenu.RadMenu_Coffee .rmSlide .rmText {
  /* give space for the expand arrow */
  padding-right: 28px;
}

.RadMenu.RadMenu_Coffee .rmSlide .rmGroup {
  position: relative;
}

.RadMenu.RadMenu_Coffee .rmLink,
.RadMenu.RadMenu_Coffee .rmOneLevel .rmItem .rmLink {
  padding: 0;
}

.RadMenu.RadMenu_Coffee .rmTwoLevels .rmItem .rmItem,
.RadMenu.RadMenu_Coffee .rmTwoLevels .rmLevel1 .rmLink {
  /* make sure second-level rsm items are lined up properly */
  padding-left: 0;
}

.RadMenu.RadMenu_Coffee .rmTwoLevels .rmLink {
  margin-bottom: 0;
}

.RadMenu.RadMenu_Coffee .rmTwoLevels .rmLevel1 > .rmItem > .rmLink {
  font-size: 1em;
}

.RadMenu.RadMenu_Coffee .rmTwoLevels .rmLevel1 > .rmItem > .rmLink,
.RadMenu.RadMenu_Coffee
  .rmTwoLevels
  .rmLevel1
  > .rmItem.rmDisabled
  > .rmLink:hover,
.RadMenu.RadMenu_Coffee
  .rmTwoLevels
  .rmLevel1
  > .rmItem.rmDisabled
  > .rmLink:focus {
  text-transform: none;
  color: #252e38;
  font-weight: normal;
  letter-spacing: 0px;
}

.RadMenu.RadMenu_Coffee .rmOneLevel .rmItem .rmLink {
  white-space: nowrap;
}

.RadMenu.RadMenu_Coffee .rmLink {
  text-decoration: none;
  display: block;
  position: relative;
  /* required for the menu to work in IE */
}

.RadMenu.RadMenu_Coffee .rmGroup .rmText {
  margin: 0;
}

.RadMenu.RadMenu_Coffee .rmRootLink {
  color: var(--nav-color);
  font-family: "Raleway", Helvetica, sans-serif;
  font-size: 100%;
  font-weight: 600;
  letter-spacing: 0px;
}

.header-dark .RadMenu.RadMenu_Coffee .rmRootLink {
  color: #ffffff;
  font-family: "Raleway", Helvetica, sans-serif;
  font-size: 100%;
  font-weight: 600;
  letter-spacing: 0px;
}

.RadMenu.RadMenu_Coffee .rmRootLink.rmSelected {
  /* root item selected styles */
  color: #222222;
  background-color: transparent;
}

.header-dark .RadMenu.RadMenu_Coffee .rmRootLink.rmSelected {
  color: #ffffff;
  background-color: transparent;
}

.RadMenu.RadMenu_Coffee .rmRootLink.rmExpanded,
.RadMenu.RadMenu_Coffee .rmRootLink:hover,
.RadMenu.RadMenu_Coffee .rmRootLink.rmFocused {
  /* root item hover and focus styles */
  background-color: transparent;
  color: #7cc242;
}

.header-dark .RadMenu.RadMenu_Coffee .rmRootLink.rmExpanded,
.header-dark .RadMenu.RadMenu_Coffee .rmRootLink:hover,
.header-dark .RadMenu.RadMenu_Coffee .rmRootLink.rmFocused {
  color: #7cc242;
  background-color: transparent;
}

.RadMenu.RadMenu_Coffee .rmGroup {
  background-color: white;
}

.header-dark .RadMenu.RadMenu_Coffee .rmGroup {
  background-color: transparent;
}

.RadMenu.RadMenu_Coffee .rmDisabled > .rmLink {
  color: #252e38;
}

.RadMenu.RadMenu_Coffee .rmDisabled > .rmLink:hover,
.RadMenu.RadMenu_Coffee .rmDisabled > .rmLink:active {
  background-color: transparent;
  color: #252e38;
}

.header-dark .RadMenu.RadMenu_Coffee .rmDisabled > .rmLink {
  color: #dedede;
}

.header-dark .RadMenu.RadMenu_Coffee .rmDisabled > .rmLink:hover,
.header-dark .RadMenu.RadMenu_Coffee .rmDisabled > .rmLink:active {
  color: #dedede;
}

.RadMenu.RadMenu_Coffee .rmToggle,
.RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle {
  float: right;
  height: 100%;
}

@media (max-width: 991px) {
  .RadMenu.RadMenu_Coffee .rmToggle,
  .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle {
    /* a clickable target to expand multi-level navigaiton */
    display: inline-block;
  }
}

.RadMenu.RadMenu_Coffee .rmToggle .rmIcon,
.RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle .rmIcon {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  display: block;
  width: 12px;
  height: 12px;
  -webkit-mask-image: url("images/auxIcons.svg#caret");
  -webkit-mask-repeat: no-repeat;
  background: var(--nav-color);
  margin-top: 15px;
  margin-bottom: 15px;
  margin-right: 3px;
  margin-left: 3px;
}

.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: #7cc242;
}

.RadMenu.RadMenu_Coffee .rmExpanded.rmLink > .rmToggle > .rmIcon {
  background: #7cc242;
  transform: rotate(180deg);
}

/*2nd and 3rd level navigation (dropdown menus)*/
.RadMenu_Coffee .rmSlide {
  display: none;
  /* hide the sub nav until requested */
  position: absolute;
  height: auto !important;
}

.RadMenu_Coffee .rmSlide .rmItem {
  float: none;
  display: block;
}

.RadMenu_Coffee .rmSlide .rmText {
  float: none;
}

.RadMenu_Coffee .rmSlide .rmLink {
  color: #252e38;
  font-family: "Raleway", Helvetica, sans-serif;
  font-size: 100%; /* RH - Changed from 90% */
  font-weight: 600; /* RH - Changed from 300 */
}

.header-dark .RadMenu_Coffee .rmSlide .rmLink {
  color: #ffffff;
  font-family: "Raleway", Helvetica, sans-serif;
  font-size: 100%; /* RH - Changed from 90% */
  font-weight: 600; /* RH - Changed from 300 */
}

.RadMenu_Coffee .rmSlide .rmSeparator,
.RadMenu_Coffee .rmSlide .rmVertical > .rmSeparator,
.RadMenu_Coffee .rmSlide .MegaDropDownMenuSeparator > .rmLink {
  border-bottom: 1px solid #fff;
}

.header-dark .RadMenu_Coffee .rmSlide .rmSeparator,
.header-dark .RadMenu_Coffee .rmSlide .rmVertical > .rmSeparator,
.header-dark .RadMenu_Coffee .rmSlide .MegaDropDownMenuSeparator > .rmLink {
  border-bottom-color: #fff;
}

.RadMenu_Coffee .rmSlide .rmSeparator,
.RadMenu_Coffee .rmSlide .rmVertical > .rmSeparator {
  margin: 0 3px;
}

.RadMenu_Coffee .rmSlide .rmFocused > .rmLink,
.RadMenu_Coffee .rmSlide .rmSelected > .rmLink,
.RadMenu_Coffee .rmSlide .rmItem.rmSelected > .rmLink {
  background-color: #7cc242;
  color: #ffffff;
}

.RadMenu_Coffee .rmSlide .rmFocused > .rmLink.header-dark,
.RadMenu_Coffee .rmSlide .rmSelected > .rmLink.header-dark,
.RadMenu_Coffee .rmSlide .rmItem.rmSelected > .rmLink.header-dark {
  background-color: transparent;
  color: #7cc242;
}

.RadMenu_Coffee .rmSlide .rmLink:hover,
.RadMenu_Coffee .rmSlide .rmLink:focus,
.RadMenu_Coffee .rmSlide .rmLink.rmFocused,
.RadMenu_Coffee .rmSlide .rmLevel1 > .rmItem > .rmLink:hover,
.RadMenu_Coffee .rmSlide .rmLevel1 > .rmItem > .rmLink:focus,
.RadMenu_Coffee .rmSlide .rmLevel1 > .rmItem > .rmLink.rmFocused {
  background-color: #7cc242;
  color: #ffffff;
}

.header-dark .RadMenu_Coffee .rmSlide .rmLink:hover,
.header-dark .RadMenu_Coffee .rmSlide .rmLink:focus,
.header-dark .RadMenu_Coffee .rmSlide .rmLink.rmFocused,
.header-dark .RadMenu_Coffee .rmSlide .rmLevel1 > .rmItem > .rmLink:hover,
.header-dark .RadMenu_Coffee .rmSlide .rmLevel1 > .rmItem > .rmLink:focus,
.header-dark .RadMenu_Coffee .rmSlide .rmLevel1 > .rmItem > .rmLink.rmFocused {
  background-color: transparent;
  color: #7cc242;
}

.RadMenu_Coffee .rmSlide.rmLevel1 .rmGroup {
  /* for second-level sub-nav and beyond,
         * we want to indent the nav to give separation */
  margin-left: 0;
}

.RadMenu_Coffee .rmSlide .rmExpandRight,
.RadMenu_Coffee .rmSlide .rmGroup a.rmLink.rmExpandRight {
  background-image: url("images/ResponsiveNav.png");
  background-position: 110% -200px;
  background-repeat: no-repeat;
}

.RadMenu_Coffee .rmSlide .MegaDropDownMenuSeparator .rmLink {
  padding: 0;
}

@media (max-width: 991px) {
  .RadMenu_Coffee .rmSlide {
    width: 100% !important;
    left: 0 !important;
  }
  .RadMenu_Coffee .rmSlide ul.rmVertical,
  .RadMenu_Coffee .rmSlide ul.rmHorizontal,
  .RadMenu_Coffee .rmSlide ul.rmRootScrollGroup {
    float: none;
  }
  .RadMenu_Coffee .rmSlide .rmSlide {
    /* for right expanded items, expand below on extra small screens */
    left: 0 !important;
  }
  .RadMenu_Coffee .rmSlide .rmToggleHandles .rmSlide .rmText {
    /* if we have toggles on we don't want to add the extra padding */
    padding-right: 3px;
  }
  .RadMenu_Coffee .rmSlide .rmToggleHandles .rmExpandRight,
  .RadMenu_Coffee .rmSlide .rmToggleHandles .rmGroup a.rmText.rmExpandRight {
    /* if toggle handles are on we don't want to display the arrow twice*/
    background-image: none;
  }
}

@media (min-width: 992px) {
  .RadMenu.RadMenu_Coffee .rmItem {
    white-space: nowrap;
  }
  .RadMenu.RadMenu_Coffee ul.rmRootGroup {
    width: 100%;
    float: none;
    line-height: 1.6;
  }
  .RadMenu.RadMenu_Coffee ul.rmRootGroup > .rmItem {
    float: left;
    clear: none;
  }
  .RadMenu.RadMenu_Coffee ul.rmRootGroup > .rmItem > .rmLink {
    margin: 0;
  }
  .RadMenu.RadMenu_Coffee .rmSlide .rmGroup {
    margin: 0;
  }
  .RadMenu.RadMenu_Coffee .rmSlide .rmItem {
    float: none;
    display: block;
  }
  .RadMenu.RadMenu_Coffee .rmSlide .rmLink {
    margin: 0;
  }
  .RadMenu.RadMenu_Coffee .rmToggle,
  .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle {
    display: none;
  }
  .RadMenu.RadMenu_Coffee.MegaDropDownMenuOuter ul.rmLevel1 div.rmSlide,
  .RadMenu.RadMenu_Coffee.MegaDropDownMenuOuter
    ul.rmLevel1
    ul.rmVertical
    div.rmSlide {
    display: block !important;
  }
  .RadMenu.RadMenu_Coffee.MegaDropDownMenuOuter .rmGroup.rmLevel1 .rmToggle {
    display: none;
  }
  .RadMenu.RadMenu_Coffee.MegaDropDownMenuOuter .rmExpandRight,
  .RadMenu.RadMenu_Coffee.MegaDropDownMenuOuter
    .rmGroup
    a.rmLink.rmExpandRight {
    background: none;
  }
}

@media (max-width: 991px) {
  .RadMenu.RadMenu_Coffee.MegaDropDownMenuOuter .rmExpandRight,
  .RadMenu.RadMenu_Coffee.MegaDropDownMenuOuter
    .rmGroup
    a.rmLink.rmExpandRight {
    background: none;
  }
}

/* ==========================================================================
   SECONDARY NAVIGATION
   ========================================================================== */
/**** Telerik overrides ****/
.RadTreeView.RadTreeView_Coffee {
  white-space: normal;
}

.RadTreeView.RadTreeView_Coffee .rtLI,
.RadTreeView.RadTreeView_Coffee .rtTop,
.RadTreeView.RadTreeView_Coffee .rtMid,
.RadTreeView.RadTreeView_Coffee .rtBot {
  padding: 0;
}

.RadTreeView.RadTreeView_Coffee .rtIn {
  font-weight: normal;
  display: block;
}

.RadTreeView.RadTreeView_Coffee .rtIn,
.RadTreeView.RadTreeView_Coffee .rtHover .rtIn,
.RadTreeView.RadTreeView_Coffee .rtSelected .rtIn {
  padding: 10px 25px;
  border: none;
}

.RadTreeView.RadTreeView_Coffee .rtSelected > a.rtIn,
.RadTreeView.RadTreeView_Coffee .child-is-selected.rtIn,
.RadTreeView.RadTreeView_Coffee .child-is-selected-wrapper .rtIn {
  background-color: transparent;
  color: #336d3e;
  font-weight: 400 !important;
}

.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: #336d3e;
}

.RadTreeView.RadTreeView_Coffee .rtUL .rtUL {
  padding-left: 25px;
}

.RadTreeView.RadTreeView_Coffee > .rtUL > .rtLI {
  /* add a separator border to the first-level sub-nav items only */
  border-top: 1px solid #dbdbdb;
}

.RadTreeView.RadTreeView_Coffee > .rtUL > .rtLI:first-child {
  border-top: none;
}

.RadTreeView.RadTreeView_Coffee > .rtUL > .rtLI .rtLI .rtIn {
  /* children should have less padding */
  padding: 0 12.5px;
}

.RadTreeView.RadTreeView_Coffee > .rtUL > .rtLI > .rtUL {
  /* this makes the children section padding even */
  padding-right: 25px;
  padding-bottom: 10px;
}

.RadTreeView.RadTreeView_Coffee > .rtUL {
  /* add a boundary for hovered navs */
  margin: 0 1px 1px 1px;
}

.RadTreeView.RadTreeView_Coffee .rtSp,
.RadTreeView.RadTreeView_Coffee .rtPlus,
.RadTreeView.RadTreeView_Coffee .rtMinus {
  /* set display of the expand/collapse icons in this theme */
  display: block;
}

.RadTreeView.RadTreeView_Coffee a.rtIn {
  color: #222222;
  transition: all 0.2s ease-in;
  margin: 0;
}

@media screen and (prefers-reduced-motion: reduce) {
  .RadTreeView.RadTreeView_Coffee a.rtIn {
    transition: none;
  }
}

.RadTreeView.RadTreeView_Coffee a.rtIn:hover,
.RadTreeView.RadTreeView_Coffee a.rtIn:focus {
  background-color: none;
  color: #7cc242;
}

.RadTreeView.RadTreeView_Coffee a.rtIn:active {
  background-color: #fff;
}

.nav-secondary {
  background-color: transparent;
  margin-bottom: 1em;
}

.nav-secondary .sub-nav-head {
  background-color: none;
  color: #000000;
  font-weight: bold;
  font-size: 120%;
  padding: 10px 15px;
  text-transform: uppercase;
}

.nav-secondary .SubNavigationSeparator {
  border: none;
  height: 4px;
  background-color: transparent;
}

.nav-secondary .SubNavigationSeparator .rtIn {
  padding: 0;
  color: #222222;
}

.nav-secondary .rtSelected + ul li:first-child .rtIn {
  background-color: transparent;
  color: #336d3e;
  font-weight: 400 !important;
}

.secondary-nav-top .sub-nav-head,
.secondary-nav-top .post-secondary-nav {
  display: none !important;
}

.secondary-nav-top .nav-secondary {
  border-color: #dbdbdb;
  border-style: solid;
  border-width: 2px 0;
}

.secondary-nav-top .RadTreeView.RadTreeView_Coffee > .rtUL {
  text-align: center;
}

.secondary-nav-top .RadTreeView.RadTreeView_Coffee > .rtUL > .rtLI {
  display: inline-block;
  border-top: none;
}

.secondary-nav-top .RadTreeView.RadTreeView_Coffee a.rtIn {
  color: #222222;
  font-weight: 600 !important;
  font-size: 1.2em !important;
}

/* ==========================================================================
   AUXILIARY NAVIGATION
   ========================================================================== */
.header-aux-container .UtilityNavigation {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.navbar-toggle {
  vertical-align: middle;
  background-color: transparent;
  border-color: transparent;
  border-radius: 3px;
  margin-left: 0px;
}

.header-dark .navbar-toggle {
  background-color: transparent;
  border-color: transparent;
}

.navbar-toggle.collapsed {
  background-color: transparent;
}

.header-dark .navbar-toggle.collapsed {
  background-color: transparent;
}

.navbar-toggle:hover,
.navbar-toggle:focus {
  background-color: transparent;
}

.header-dark .navbar-toggle:hover,
.header-dark .navbar-toggle:focus {
  background-color: rgba(255, 255, 255, 0.1);
}

.navbar-toggle .icon-bar {
  background-color: transparent;
  border-radius: 3px;
}

.header-dark .navbar-toggle .icon-bar {
  background-color: #ffffff;
}

.navbar-toggle .icon-search {
  margin-top: 13px;
  margin-bottom: 13px;
}

.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: var(--aux-link-color);
  font-size: 75%;
  text-decoration: none;
  font-weight: bold;
}

.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: var(--aux-link-color);
  text-decoration: underline;
}

.header-dark .header-aux-container .UtilityAuthentication a,
.header-dark .header-aux-container a.NavigationLink,
.header-dark
  .header-aux-container
  .UtilityNavigation
  .account-menu
  > li
  > a.sign-in-link,
.header-dark .header-aux-container .account-toggle .nav-text {
  color: #ffffff;
}

.header-dark .header-aux-container .UtilityAuthentication a:hover,
.header-dark .header-aux-container .UtilityAuthentication a:focus,
.header-dark .header-aux-container .UtilityAuthentication a:hover span,
.header-dark .header-aux-container .UtilityAuthentication a:focus span,
.header-dark .header-aux-container a.NavigationLink:hover,
.header-dark .header-aux-container a.NavigationLink:focus,
.header-dark .header-aux-container a.NavigationLink:hover span,
.header-dark .header-aux-container a.NavigationLink:focus span,
.header-dark
  .header-aux-container
  .UtilityNavigation
  .account-menu
  > li
  > a.sign-in-link:hover,
.header-dark
  .header-aux-container
  .UtilityNavigation
  .account-menu
  > li
  > a.sign-in-link:focus,
.header-dark
  .header-aux-container
  .UtilityNavigation
  .account-menu
  > li
  > a.sign-in-link:hover
  span,
.header-dark
  .header-aux-container
  .UtilityNavigation
  .account-menu
  > li
  > a.sign-in-link:focus
  span,
.header-dark .header-aux-container .account-toggle .nav-text:hover,
.header-dark .header-aux-container .account-toggle .nav-text:focus,
.header-dark .header-aux-container .account-toggle .nav-text:hover span,
.header-dark .header-aux-container .account-toggle .nav-text:focus span {
  color: #ffffff;
}

.header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link {
  padding-left: 5px;
  padding-right: 5px;
}

.header-aux-container .UtilityTranslation {
  margin-left: 0px;
  margin-right: 0px;
}

.header-aux-container .UtilityTranslation select {
  height: 32px;
  margin-left: 0;
  margin-right: 0;
}

.header-aux-container .caret {
  border-top-color: var(--aux-link-color);
}

.header-dark .header-aux-container .caret {
  border-top-color: #ffffff;
}

/* Auxiliary button links
   ========================================================================== */
/* Button-style auxiliary links (e.g. Cart, My account) */
.nav-auxiliary .nav-aux-button {
  /* Cart Item Flag indicating how many items are in your cart */
}

.nav-auxiliary .nav-aux-button.NavigationListItem {
  position: relative;
  /* required for cart indicator placement */
  display: inline-block;
}

.nav-auxiliary .nav-aux-button.nav-aux-cart .NavigationLink,
.nav-auxiliary .nav-aux-button.nav-aux-account .NavigationLink {
  width: 50px;
  height: 50px;
  border-radius: 3px;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0px;
  border: 1px solid transparent;
  background-color: transparent;
  text-align: center;
}

.header-dark .nav-auxiliary .nav-aux-button.nav-aux-cart .NavigationLink,
.header-dark .nav-auxiliary .nav-aux-button.nav-aux-account .NavigationLink {
  background-color: transparent;
}

.nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text,
.nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
  display: inline-block;
  vertical-align: middle;
  background-image: url("images/IconSprite.png");
  background-repeat: no-repeat;
  height: 30px;
  min-width: 30px;
  line-height: 30px;
  overflow: hidden;
  margin-top: 9px;
  margin-bottom: 9px;
}

.nav-auxiliary .nav-aux-button.nav-aux-cart .NavigationLink:hover,
.nav-auxiliary .nav-aux-button.nav-aux-cart .NavigationLink:focus {
  background-color: transparent;
}

.header-dark .nav-auxiliary .nav-aux-button.nav-aux-cart .NavigationLink:hover,
.header-dark .nav-auxiliary .nav-aux-button.nav-aux-cart .NavigationLink:focus {
  background-color: rgba(255, 255, 255, 0.1);
}

.nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
  background-position: -252px -78px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  width: 30px;
  height: 30px;
}

@media (max-width: 991px) {
  .nav-auxiliary .nav-aux-button.nav-aux-account .NavigationLink:hover,
  .nav-auxiliary .nav-aux-button.nav-aux-account .NavigationLink:focus {
    background-color: transparent;
  }
  .header-dark
    .nav-auxiliary
    .nav-aux-button.nav-aux-account
    .NavigationLink:hover,
  .header-dark
    .nav-auxiliary
    .nav-aux-button.nav-aux-account
    .NavigationLink:focus {
    background-color: rgba(255, 255, 255, 0.1);
  }
}

@media (min-width: 992px) {
  .nav-auxiliary .nav-aux-button.nav-aux-account .NavigationLink {
    width: auto;
  }
}

.nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
  background-position: -986px -76px;
  padding-left: 27px;
}

@media (max-width: 991px) {
  .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
    width: 30px;
    height: 30px;
    padding-left: 0;
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
  }
}

.nav-auxiliary .nav-aux-button.nav-aux-cart .cartFull {
  /* left postion is padding plus placement */
  position: absolute;
  top: 0;
  right: -2px;
  line-height: 1;
  width: 1.6em;
}

.nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter {
  color: #ffffff;
  background-color: #7cc242;
  border-radius: 2px;
  font-size: 1em;
  line-height: 1;
  padding: 0 2px 1px;
  box-shadow: -1px 1px 0 rgba(34, 34, 34, 0.6);
}

/* Dark header
   ========================================================================== */
.header-dark .header-logo path {
  fill: #fff;
}

.header-dark .obo-toggle,
.header-dark .ste-toggle {
  background-position-y: -105px;
}

.header-dark .navbar-toggle .icon-search {
  background-position-y: -112px;
}

.header-dark .UtilitySearch #SimpleSearchBlock .search-field {
  background-position-y: -75px;
}

.header-dark .UtilitySearch #SimpleSearchBlock .search-field:focus {
  background-position-y: 5px;
}

.header-dark .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text,
.header-dark .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
  background-position-y: -112px;
}

a.ste-toggle,
.obo-toggle,
.page-statistics-toggle {
  background-color: transparent;
  margin-right: 0;
  border-radius: 3px;
}

.header-dark a.ste-toggle,
.header-dark .obo-toggle,
.header-dark .page-statistics-toggle {
  background-color: transparent;
}

a.ste-toggle:hover,
a.ste-toggle:focus,
.obo-toggle:hover,
.obo-toggle:focus,
.page-statistics-toggle:hover,
.page-statistics-toggle:focus {
  background-color: transparent;
}

.header-dark a.ste-toggle:hover,
.header-dark a.ste-toggle:focus,
.header-dark .obo-toggle:hover,
.header-dark .obo-toggle:focus,
.header-dark .page-statistics-toggle:hover,
.header-dark .page-statistics-toggle:focus {
  background-color: rgba(255, 255, 255, 0.1);
}

a.ste-toggle.on,
.obo-toggle.on,
.page-statistics-toggle.on {
  background-color: transparent;
}

a.ste-toggle.on:hover,
a.ste-toggle.on:focus,
.obo-toggle.on:hover,
.obo-toggle.on:focus,
.page-statistics-toggle.on:hover,
.page-statistics-toggle.on:focus {
  background-color: rgba(13, 13, 13, 0);
}

.header-dark a.ste-toggle.on,
.header-dark .obo-toggle.on,
.header-dark .page-statistics-toggle.on {
  background-color: transparent;
}

.header-dark a.ste-toggle.on:hover,
.header-dark a.ste-toggle.on:focus,
.header-dark .obo-toggle.on:hover,
.header-dark .obo-toggle.on:focus,
.header-dark .page-statistics-toggle.on:hover,
.header-dark .page-statistics-toggle.on:focus {
  background-color: rgba(13, 13, 13, 0);
}

@media (min-width: 992px) {
  .obo-toggle {
    margin-top: 2px;
  }
}

.OnBehalfOfContainer {
  width: 100%;
}

@media (max-width: 991px) {
  .UtilitySection.UtilitySearch {
    display: none;
  }
}

#SimpleSearchBlock .search-field {
  background: #fff url("images/ResponsiveHeaderSprite.png") no-repeat;
  background-position: 5px 5px;
  padding-left: 28px;
}

#SimpleSearchBlock .TextButton {
  display: none;
}

.UtilitySearch #SimpleSearchBlock .search-field {
  margin: 0;
  width: 50px;
  height: 50px;
  border-color: transparent;
  box-shadow: none;
  padding-right: 0;
  background-color: transparent;
  color: transparent;
  transition: width 1s;
}

@media screen and (prefers-reduced-motion: reduce) {
  .UtilitySearch #SimpleSearchBlock .search-field {
    transition: none;
  }
}

.UtilitySearch #SimpleSearchBlock .search-field:hover {
  cursor: pointer;
  background-color: transparent;
}

.UtilitySearch #SimpleSearchBlock .search-field:focus {
  width: 13em;
  border-color: #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: #fff;
  padding-right: 10px;
  color: #222222;
}

.header-dark .UtilitySearch #SimpleSearchBlock .search-field {
  background-color: transparent;
}

.header-dark .UtilitySearch #SimpleSearchBlock .search-field:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.header-dark .UtilitySearch #SimpleSearchBlock .search-field:focus {
  background-color: #fff;
}

/* Auxiliary/Primary switch
   ========================================================================== */
/**
 * A class that allows a navigation to display in the primary nav on xs screens 
 * and the auxiliary nav on wider screens. 
 * To use this configure the nav item to not be hidden and also display in the 
 * auxiliary navigaiton item. 
 */
@media (max-width: 767px) {
  .nav-auxiliary .nav-aux-primary-switch,
  tr.nav-auxiliary .nav-aux-primary-switch,
  th.nav-auxiliary .nav-aux-primary-switch,
  td.nav-auxiliary .nav-aux-primary-switch {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .nav-primary .nav-aux-primary-switch,
  tr.nav-primary .nav-aux-primary-switch,
  th.nav-primary .nav-aux-primary-switch,
  td.nav-primary .nav-aux-primary-switch {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .searchbar-collapse {
    width: 100%;
  }
  .searchbar-collapse .search-container {
    padding: 0;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .header-container .UtilityNavigation.nav-auxiliary {
    text-align: right;
  }
}

/* Obo icons */
.obo-panel {
  --system-icon-color: #fff;
}

.obo-action.obo-clear-cart:before {
  opacity: 0.9;
}

/* SVG icon support for OOTB themes */
.wrapper.SVG-enabled {
  /* Replace out-of-the-box hamburger icon */
  /* On behalf of */
  /* Search */
}

.wrapper.SVG-enabled .dropdown .caret {
  border: none;
}

.wrapper.SVG-enabled .nav-aux-cart a,
.wrapper.SVG-enabled .nav-aux-account a,
.wrapper.SVG-enabled .navbar-toggle .icon-search,
.wrapper.SVG-enabled .obo-toggle,
.wrapper.SVG-enabled .page-statistics-toggle,
.wrapper.SVG-enabled .ste-toggle,
.wrapper.SVG-enabled .UtilitySearch #SimpleSearchBlock,
.wrapper.SVG-enabled .navbar-toggle {
  width: 30px;
  height: 30px;
  background-image: none;
}

.wrapper.SVG-enabled .nav-aux-cart a:before,
.wrapper.SVG-enabled .nav-aux-account a:before,
.wrapper.SVG-enabled .navbar-toggle .icon-search:before,
.wrapper.SVG-enabled .obo-toggle:before,
.wrapper.SVG-enabled .page-statistics-toggle:before,
.wrapper.SVG-enabled .ste-toggle:before,
.wrapper.SVG-enabled .UtilitySearch #SimpleSearchBlock:before,
.wrapper.SVG-enabled .navbar-toggle:before {
  background: transparent url("images/ResponsiveHeaderSprite.png") no-repeat;
  mask-image: none;
  width: 30px;
  height: 30px;
}

.wrapper.SVG-enabled .nav-aux-cart a:before {
  background-position: 0 -49px;
}

.wrapper.SVG-enabled .nav-aux-account a:before {
  background-position: 0 -110px;
}

.wrapper.SVG-enabled .page-statistics-toggle:before,
.wrapper.SVG-enabled .page-statistics-toggle.on {
  background-position: 0 -367px;
}

.wrapper.SVG-enabled .menu-toggle {
  background: transparent url("images/ResponsiveHeaderSprite.png") no-repeat;
  background-position: 0 -440px;
  width: 30px;
  height: 30px;
}

.wrapper.SVG-enabled .menu-toggle .icon-bar {
  display: none;
}

.wrapper.SVG-enabled a.obo-toggle:before {
  background-position: 0 -518px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.wrapper.SVG-enabled a.obo-toggle.on,
.wrapper.SVG-enabled a.obo-toggle.on:hover {
  background-color: transparent;
}

.wrapper.SVG-enabled a.obo-toggle.on:before,
.wrapper.SVG-enabled a.obo-toggle.on:hover:before {
  filter: none;
}

.wrapper.SVG-enabled .obo-action:before {
  background-color: #fff;
}

.wrapper.SVG-enabled .searchbar-toggle {
  margin: 0;
}

.wrapper.SVG-enabled .navbar-toggle .icon-search {
  margin: 0;
}

.wrapper.SVG-enabled .navbar-toggle .icon-search:before,
.wrapper.SVG-enabled .header-search > .header-search:before {
  background-position: 0 0;
}

.wrapper.SVG-enabled a.ste-toggle:before {
  background-position: 0 -290px;
  margin-left: 0;
}

.wrapper.SVG-enabled a.ste-toggle.on,
.wrapper.SVG-enabled a.ste-toggle.on:hover {
  background-color: transparent;
}

.wrapper.SVG-enabled a.ste-toggle.on:before,
.wrapper.SVG-enabled a.ste-toggle.on:hover:before {
  filter: none;
}

.wrapper.SVG-enabled .dropdown .caret:before {
  background-color: var(--aux-link-color);
}

.wrapper.SVG-enabled .nav-aux-cart .nav-text,
.wrapper.SVG-enabled .nav-aux-account .nav-text {
  position: absolute;
  left: -10000px;
  z-index: 2000;
  font-size: 70%;
}

/* ==========================================================================
       ON BEHALF OF ICONS
       ========================================================================== */
.obo-action {
  background-image: url("images/OboSprite.png");
}

.obo-action.obo-change-contact,
.obo-action.obo-change-contact[disabled]:hover,
.obo-action.obo-change-contact.Disabled:hover,
.obo-action.obo-change-contact.aspNetDisabled:hover,
a.aspNetDisabled:hover .obo-action.obo-change-contact {
  background-position: 0px 0;
}

.obo-action.obo-change-contact:hover,
.obo-action.obo-change-contact:focus,
a:hover .obo-action.obo-change-contact,
a:focus .obo-action.obo-change-contact {
  background-position: 0px -35px;
}

.obo-action.obo-clear,
.obo-action.obo-clear[disabled]:hover,
.obo-action.obo-clear.Disabled:hover,
.obo-action.obo-clear.aspNetDisabled:hover,
a.aspNetDisabled:hover .obo-action.obo-clear {
  background-position: -35px 0;
}

.obo-action.obo-clear:hover,
.obo-action.obo-clear:focus,
a:hover .obo-action.obo-clear,
a:focus .obo-action.obo-clear {
  background-position: -35px -35px;
}

/* ==========================================================================
   SOCIAL ICONS
   ========================================================================== */
.SocialSprite {
  border-radius: 4px;
}

/**** End Social Netowrking Icon Styling ****/
input,
button,
select,
textarea {
  font-family: "Raleway", Helvetica, sans-serif;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
.input-fake {
  display: inline-block;
  height: 40px;
  padding: 5px 10px;
  font-size: 100%;
  line-height: 1.6;
  color: #222222;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition:
    border linear 0.2s,
    box-shadow linear 0.2s;
}

@media screen and (prefers-reduced-motion: reduce) {
  select,
  textarea,
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="search"],
  input[type="tel"],
  input[type="color"],
  .uneditable-input,
  .input-fake {
    transition: none;
  }
}

select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
.input-fake:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow:
    inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
}

select::placeholder,
textarea::placeholder,
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="datetime"]::placeholder,
input[type="datetime-local"]::placeholder,
input[type="date"]::placeholder,
input[type="month"]::placeholder,
input[type="time"]::placeholder,
input[type="week"]::placeholder,
input[type="number"]::placeholder,
input[type="email"]::placeholder,
input[type="url"]::placeholder,
input[type="search"]::placeholder,
input[type="tel"]::placeholder,
input[type="color"]::placeholder,
.uneditable-input::placeholder,
.input-fake::placeholder {
  color: #6c757d;
  opacity: 1;
}

.input-fake:focus-within {
  border-color: #66afe9;
  outline: 0;
  box-shadow:
    inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
}

/* Upload file button*/
.RadUpload .ruInputs li:hover .ruButton,
.RadUpload .ruInputs li:focus .ruButton {
  background-color: #b5b5b9;
  color: #222222;
}

input[type="date"] {
  padding-right: 0;
  position: relative;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  border-left: 1px solid #e0dfdf;
  padding: 8px;
  cursor: pointer;
  background: #f9f9f9 url("../../Assets/images/IconSprite.svg#datepicker")
    no-repeat center center;
  background-size: 15px 15px;
  position: absolute;
  right: 0;
  top: 0;
}

input[type="date"]::-webkit-calendar-picker-indicator:hover {
  background-color: #e7e7e7;
}

input[type="date"]::-webkit-calendar-picker-indicator:focus {
  background-color: #da5f25;
  filter: invert(100%) brightness(100%);
}

/* RadComboBox needs the same styles as normal inputs, 
 * but has to be done separately due to its structure */
.RadComboBox.RadComboBox_MetroTouch {
  color: #222222;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}

.RadComboBox.RadComboBox_MetroTouch .rcbInner,
.RadComboBox.RadComboBox_MetroTouch .rcbInner .rcbInput,
.RadComboBox.RadComboBox_MetroTouch .rcbFocused,
.RadComboBox.RadComboBox_MetroTouch .rcbFocused .rcbInput,
.RadComboBox.RadComboBox_MetroTouch .rcbHovered,
.RadComboBox.RadComboBox_MetroTouch .rcbHovered .rcbInput {
  color: #222222;
}

.RadComboBox.RadComboBox_MetroTouch .rcbInner {
  height: 40px;
  padding: 0;
  font-size: 100%;
  line-height: 1.6;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition:
    border linear 0.2s,
    box-shadow linear 0.2s;
  overflow: hidden;
}

@media screen and (prefers-reduced-motion: reduce) {
  .RadComboBox.RadComboBox_MetroTouch .rcbInner {
    transition: none;
  }
}

.RadComboBox.RadComboBox_MetroTouch .rcbInputCell {
  padding: 0;
}

.RadComboBox.RadComboBox_MetroTouch .rcbFocused {
  border-color: #66afe9;
  outline: 0;
  box-shadow:
    inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
}

.RadComboBox.RadComboBox_MetroTouch .rcbInput {
  height: 100%;
  padding: 5px 10px;
}

.RadComboBox.RadComboBox_MetroTouch.PageSizeDropDown .rcbInput {
  /* Make sure the page size dropdown in the RadGrid has enough room to show page size */
  padding: 2px;
}

.RadComboBox.RadComboBox_MetroTouch .rcbInner .rcbEmptyMessage,
.RadComboBox.RadComboBox_MetroTouch .rcbHovered .rcbEmptyMessage {
  color: #6c757d;
}

.RadComboBox.RadComboBox_MetroTouch .rcbActionButton {
  border-radius: 0 3px 3px 0;
  height: 40px;
  padding: 0;
  width: 30px;
}

.RadComboBox.RadComboBox_MetroTouch .rcbActionButton .rcbIcon {
  height: 1.4em;
}

.RadComboBox.RadComboBox_MetroTouch .rcbActionButton .p-icon {
  width: 30px;
}

.RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch {
  font: inherit;
}

.RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbItem,
.RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbHovered,
.RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbDisabled,
.RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbLoading {
  padding-top: 5px;
  padding-bottom: 5px;
}

.RadInput.RadInput.riSingle,
.RadInput.RadInput,
.RadInput {
  height: auto !important;
  /* IE11 */
}

.RadInput.RadInput.riSingle .riTextBox,
.RadInput.RadInput .riTextBox,
.RadInput .riTextBox {
  height: 40px;
  padding: 5px 10px;
  border-color: #ccc;
  font: inherit;
  color: #222222;
}

.RadInput.RadInput.riSingle .riTextBox:focus,
.RadInput.RadInput .riTextBox:focus,
.RadInput .riTextBox:focus {
  border-color: #66afe9;
}

.RadUpload.RadUpload .ruFakeInput {
  height: 38px;
  padding: 0;
  border-radius: 3px;
}

/* RadEditor designed to look like a normal text box */
.HtmlEditorTextBoxStyle {
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.HtmlEditorTextBoxStyle .reContent {
  border-radius: 3px;
}

.HtmlEditorTextBoxStyle iframe,
.HtmlEditorTextBoxStyle td {
  background-color: transparent;
}

/* RadPicker - Make sure there's some space between the picker and the time zone label*/
.RadPicker + .TimeZoneLabel {
  margin-left: 0.5em;
}

/* Chosen multi-select */
.chosen-container-multi .chosen-choices {
  min-height: 40px;
  border-radius: 3px;
  border-color: #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition:
    border linear 0.2s,
    box-shadow linear 0.2s;
  background-image: none;
}

@media screen and (prefers-reduced-motion: reduce) {
  .chosen-container-multi .chosen-choices {
    transition: none;
  }
}

.chosen-container-multi .chosen-choices li.search-field {
  /* Remove the styling used in the master page search-field */
  background-color: transparent;
  background-image: none;
  border-color: transparent;
  padding-left: 0 !important;
}

.chosen-container-active .chosen-choices {
  border-color: #66afe9;
  outline: 0;
  box-shadow:
    inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  *margin-top: 0;
  /* IE7 */
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal;
  cursor: pointer;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}

textarea {
  height: auto;
}

select {
  border: 1px solid #ccc;
  background-color: #fff;
}

select[multiple],
select[size] {
  height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/* Touch-friendly form controls that show as buttons */
.radiobutton-buttons input[type="radio"]:checked + label {
  color: #222222;
  background: #cacacd;
  border-color: #cacacd;
}

/* ==========================================================================
   BUTTONS
   ========================================================================== */
/* set up button base styles */
.btn,
.TextButton,
.RadUpload.RadUpload .ruButton,
.RadUploadProgressArea.RadUploadProgressArea .ruButton {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 600;
  font-family: "Raleway", Helvetica, sans-serif;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: normal;
  text-decoration: none;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 1.6;
  border-radius: 4px;
  -webkit-user-select: none;
  user-select: none;
  transition: background 0.2s ease-out;
}

@media screen and (prefers-reduced-motion: reduce) {
  .btn,
  .TextButton,
  .RadUpload.RadUpload .ruButton,
  .RadUploadProgressArea.RadUploadProgressArea .ruButton {
    transition: none;
  }
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn,
.btn.aspNetDisabled,
.TextButton.disabled,
.TextButton[disabled],
fieldset[disabled] .TextButton,
.TextButton.aspNetDisabled,
.RadUpload.RadUpload .ruButton.disabled,
.RadUpload.RadUpload .ruButton[disabled],
fieldset[disabled] .RadUpload.RadUpload .ruButton,
.RadUpload.RadUpload .ruButton.aspNetDisabled,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled,
.RadUploadProgressArea.RadUploadProgressArea .ruButton[disabled],
fieldset[disabled] .RadUploadProgressArea.RadUploadProgressArea .ruButton,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled {
  opacity: 0.55;
  box-shadow: none;
}

a.TextButton.disabled,
a.TextButton[disabled],
fieldset[disabled] a.TextButton,
a.TextButton.aspNetDisabled {
  pointer-events: none;
}

/* default button */
.btn,
.TextButton,
.RadUpload.RadUpload .ruButton,
.RadUploadProgressArea.RadUploadProgressArea .ruButton {
  background-color: #cacacd;
  border-color: #cacacd;
}

.btn,
.btn:hover,
.btn:focus,
.btn:active,
.btn:visited,
.TextButton,
.TextButton:hover,
.TextButton:focus,
.TextButton:active,
.TextButton:visited,
.RadUpload.RadUpload .ruButton,
.RadUpload.RadUpload .ruButton:hover,
.RadUpload.RadUpload .ruButton:focus,
.RadUpload.RadUpload .ruButton:active,
.RadUpload.RadUpload .ruButton:visited,
.RadUploadProgressArea.RadUploadProgressArea .ruButton,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:hover,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:focus,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:active,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:visited {
  text-decoration: none;
}

.btn,
.btn:visited,
.TextButton,
.TextButton:visited,
.RadUpload.RadUpload .ruButton,
.RadUpload.RadUpload .ruButton:visited,
.RadUploadProgressArea.RadUploadProgressArea .ruButton,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:visited {
  color: #222222;
}

.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: #222222;
  text-decoration: none;
  background-color: #b5b5b9;
  border-color: #ababaf;
}

.btn:active,
.TextButton:active,
.RadUpload.RadUpload .ruButton:active,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:active {
  background-image: none;
}

.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 {
  color: #222222;
  background-color: #cacacd;
  border-color: #cacacd;
}

.RadUpload.RadUpload .ruBrowse,
.RadUpload.RadUpload .ruRemove {
  height: auto;
  padding: 10px 20px;
  line-height: 1.6;
  border-radius: 4px;
}

/* primary button */
.PrimaryButton,
.UsePrimaryButton .TextButton,
.RadGrid input.PrimaryButton,
.RadGrid.RadGrid input.TextButton.PrimaryButton,
.RadGrid.RadGrid a.TextButton.PrimaryButton {
  background-color: #336d3e;
  border-color: transparent;
}

.PrimaryButton,
.PrimaryButton:hover,
.PrimaryButton:focus,
.PrimaryButton:active,
.PrimaryButton:visited,
.UsePrimaryButton .TextButton,
.UsePrimaryButton .TextButton:hover,
.UsePrimaryButton .TextButton:focus,
.UsePrimaryButton .TextButton:active,
.UsePrimaryButton .TextButton:visited,
.RadGrid input.PrimaryButton,
.RadGrid input.PrimaryButton:hover,
.RadGrid input.PrimaryButton:focus,
.RadGrid input.PrimaryButton:active,
.RadGrid input.PrimaryButton:visited,
.RadGrid.RadGrid input.TextButton.PrimaryButton,
.RadGrid.RadGrid input.TextButton.PrimaryButton:hover,
.RadGrid.RadGrid input.TextButton.PrimaryButton:focus,
.RadGrid.RadGrid input.TextButton.PrimaryButton:active,
.RadGrid.RadGrid input.TextButton.PrimaryButton:visited,
.RadGrid.RadGrid a.TextButton.PrimaryButton,
.RadGrid.RadGrid a.TextButton.PrimaryButton:hover,
.RadGrid.RadGrid a.TextButton.PrimaryButton:focus,
.RadGrid.RadGrid a.TextButton.PrimaryButton:active,
.RadGrid.RadGrid a.TextButton.PrimaryButton:visited {
  text-decoration: none;
}

.PrimaryButton,
.PrimaryButton:visited,
.UsePrimaryButton .TextButton,
.UsePrimaryButton .TextButton:visited,
.RadGrid input.PrimaryButton,
.RadGrid input.PrimaryButton:visited,
.RadGrid.RadGrid input.TextButton.PrimaryButton,
.RadGrid.RadGrid input.TextButton.PrimaryButton:visited,
.RadGrid.RadGrid a.TextButton.PrimaryButton,
.RadGrid.RadGrid a.TextButton.PrimaryButton:visited {
  color: #ffffff;
}

.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,
.RadGrid.RadGrid input.TextButton.PrimaryButton:hover,
.RadGrid.RadGrid input.TextButton.PrimaryButton:focus,
.RadGrid.RadGrid input.TextButton.PrimaryButton:active,
.RadGrid.RadGrid a.TextButton.PrimaryButton:hover,
.RadGrid.RadGrid a.TextButton.PrimaryButton:focus,
.RadGrid.RadGrid a.TextButton.PrimaryButton:active {
  color: #ffffff;
  text-decoration: none;
  background-color: #204527;
  border-color: rgba(0, 0, 0, 0);
}

.PrimaryButton:active,
.UsePrimaryButton .TextButton:active,
.RadGrid input.PrimaryButton:active,
.RadGrid.RadGrid input.TextButton.PrimaryButton:active,
.RadGrid.RadGrid a.TextButton.PrimaryButton:active {
  background-image: none;
}

.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,
.RadGrid.RadGrid input.TextButton.PrimaryButton:disabled,
.RadGrid.RadGrid input.TextButton.PrimaryButton:disabled:hover,
.RadGrid.RadGrid input.TextButton.PrimaryButton:disabled:focus,
.RadGrid.RadGrid input.TextButton.PrimaryButton:disabled:active,
.RadGrid.RadGrid input.TextButton.PrimaryButton.disabled,
.RadGrid.RadGrid input.TextButton.PrimaryButton.disabled:hover,
.RadGrid.RadGrid input.TextButton.PrimaryButton.disabled:focus,
.RadGrid.RadGrid input.TextButton.PrimaryButton.disabled:active,
.RadGrid.RadGrid input.TextButton.PrimaryButton.aspNetDisabled,
.RadGrid.RadGrid input.TextButton.PrimaryButton.aspNetDisabled:hover,
.RadGrid.RadGrid input.TextButton.PrimaryButton.aspNetDisabled:focus,
.RadGrid.RadGrid input.TextButton.PrimaryButton.aspNetDisabled:active,
.RadGrid.RadGrid a.TextButton.PrimaryButton:disabled,
.RadGrid.RadGrid a.TextButton.PrimaryButton:disabled:hover,
.RadGrid.RadGrid a.TextButton.PrimaryButton:disabled:focus,
.RadGrid.RadGrid a.TextButton.PrimaryButton:disabled:active,
.RadGrid.RadGrid a.TextButton.PrimaryButton.disabled,
.RadGrid.RadGrid a.TextButton.PrimaryButton.disabled:hover,
.RadGrid.RadGrid a.TextButton.PrimaryButton.disabled:focus,
.RadGrid.RadGrid a.TextButton.PrimaryButton.disabled:active,
.RadGrid.RadGrid a.TextButton.PrimaryButton.aspNetDisabled,
.RadGrid.RadGrid a.TextButton.PrimaryButton.aspNetDisabled:hover,
.RadGrid.RadGrid a.TextButton.PrimaryButton.aspNetDisabled:focus,
.RadGrid.RadGrid a.TextButton.PrimaryButton.aspNetDisabled:active {
  color: #ffffff;
  background-color: #336d3e;
  border-color: transparent;
}

/* accent button */
.AccentButton,
.AccentButton .TextButton,
.RadGrid input.AccentButton,
.RadGrid.RadGrid input.TextButton.AccentButton,
.RadGrid.RadGrid a.TextButton.AccentButton {
  background-color: #4e937a;
  border-color: transparent;
}

.AccentButton,
.AccentButton:hover,
.AccentButton:focus,
.AccentButton:active,
.AccentButton:visited,
.AccentButton .TextButton,
.AccentButton .TextButton:hover,
.AccentButton .TextButton:focus,
.AccentButton .TextButton:active,
.AccentButton .TextButton:visited,
.RadGrid input.AccentButton,
.RadGrid input.AccentButton:hover,
.RadGrid input.AccentButton:focus,
.RadGrid input.AccentButton:active,
.RadGrid input.AccentButton:visited,
.RadGrid.RadGrid input.TextButton.AccentButton,
.RadGrid.RadGrid input.TextButton.AccentButton:hover,
.RadGrid.RadGrid input.TextButton.AccentButton:focus,
.RadGrid.RadGrid input.TextButton.AccentButton:active,
.RadGrid.RadGrid input.TextButton.AccentButton:visited,
.RadGrid.RadGrid a.TextButton.AccentButton,
.RadGrid.RadGrid a.TextButton.AccentButton:hover,
.RadGrid.RadGrid a.TextButton.AccentButton:focus,
.RadGrid.RadGrid a.TextButton.AccentButton:active,
.RadGrid.RadGrid a.TextButton.AccentButton:visited {
  text-decoration: none;
}

.AccentButton,
.AccentButton:visited,
.AccentButton .TextButton,
.AccentButton .TextButton:visited,
.RadGrid input.AccentButton,
.RadGrid input.AccentButton:visited,
.RadGrid.RadGrid input.TextButton.AccentButton,
.RadGrid.RadGrid input.TextButton.AccentButton:visited,
.RadGrid.RadGrid a.TextButton.AccentButton,
.RadGrid.RadGrid a.TextButton.AccentButton:visited {
  color: #fff;
}

.AccentButton:hover,
.AccentButton:focus,
.AccentButton:active,
.AccentButton .TextButton:hover,
.AccentButton .TextButton:focus,
.AccentButton .TextButton:active,
.RadGrid input.AccentButton:hover,
.RadGrid input.AccentButton:focus,
.RadGrid input.AccentButton:active,
.RadGrid.RadGrid input.TextButton.AccentButton:hover,
.RadGrid.RadGrid input.TextButton.AccentButton:focus,
.RadGrid.RadGrid input.TextButton.AccentButton:active,
.RadGrid.RadGrid a.TextButton.AccentButton:hover,
.RadGrid.RadGrid a.TextButton.AccentButton:focus,
.RadGrid.RadGrid a.TextButton.AccentButton:active {
  color: #fff;
  text-decoration: none;
  background-color: #407864;
  border-color: rgba(0, 0, 0, 0);
}

.AccentButton:active,
.AccentButton .TextButton:active,
.RadGrid input.AccentButton:active,
.RadGrid.RadGrid input.TextButton.AccentButton:active,
.RadGrid.RadGrid a.TextButton.AccentButton:active {
  background-image: none;
}

.AccentButton:disabled,
.AccentButton:disabled:hover,
.AccentButton:disabled:focus,
.AccentButton:disabled:active,
.AccentButton.disabled,
.AccentButton.disabled:hover,
.AccentButton.disabled:focus,
.AccentButton.disabled:active,
.AccentButton.aspNetDisabled,
.AccentButton.aspNetDisabled:hover,
.AccentButton.aspNetDisabled:focus,
.AccentButton.aspNetDisabled:active,
.AccentButton .TextButton:disabled,
.AccentButton .TextButton:disabled:hover,
.AccentButton .TextButton:disabled:focus,
.AccentButton .TextButton:disabled:active,
.AccentButton .TextButton.disabled,
.AccentButton .TextButton.disabled:hover,
.AccentButton .TextButton.disabled:focus,
.AccentButton .TextButton.disabled:active,
.AccentButton .TextButton.aspNetDisabled,
.AccentButton .TextButton.aspNetDisabled:hover,
.AccentButton .TextButton.aspNetDisabled:focus,
.AccentButton .TextButton.aspNetDisabled:active,
.RadGrid input.AccentButton:disabled,
.RadGrid input.AccentButton:disabled:hover,
.RadGrid input.AccentButton:disabled:focus,
.RadGrid input.AccentButton:disabled:active,
.RadGrid input.AccentButton.disabled,
.RadGrid input.AccentButton.disabled:hover,
.RadGrid input.AccentButton.disabled:focus,
.RadGrid input.AccentButton.disabled:active,
.RadGrid input.AccentButton.aspNetDisabled,
.RadGrid input.AccentButton.aspNetDisabled:hover,
.RadGrid input.AccentButton.aspNetDisabled:focus,
.RadGrid input.AccentButton.aspNetDisabled:active,
.RadGrid.RadGrid input.TextButton.AccentButton:disabled,
.RadGrid.RadGrid input.TextButton.AccentButton:disabled:hover,
.RadGrid.RadGrid input.TextButton.AccentButton:disabled:focus,
.RadGrid.RadGrid input.TextButton.AccentButton:disabled:active,
.RadGrid.RadGrid input.TextButton.AccentButton.disabled,
.RadGrid.RadGrid input.TextButton.AccentButton.disabled:hover,
.RadGrid.RadGrid input.TextButton.AccentButton.disabled:focus,
.RadGrid.RadGrid input.TextButton.AccentButton.disabled:active,
.RadGrid.RadGrid input.TextButton.AccentButton.aspNetDisabled,
.RadGrid.RadGrid input.TextButton.AccentButton.aspNetDisabled:hover,
.RadGrid.RadGrid input.TextButton.AccentButton.aspNetDisabled:focus,
.RadGrid.RadGrid input.TextButton.AccentButton.aspNetDisabled:active,
.RadGrid.RadGrid a.TextButton.AccentButton:disabled,
.RadGrid.RadGrid a.TextButton.AccentButton:disabled:hover,
.RadGrid.RadGrid a.TextButton.AccentButton:disabled:focus,
.RadGrid.RadGrid a.TextButton.AccentButton:disabled:active,
.RadGrid.RadGrid a.TextButton.AccentButton.disabled,
.RadGrid.RadGrid a.TextButton.AccentButton.disabled:hover,
.RadGrid.RadGrid a.TextButton.AccentButton.disabled:focus,
.RadGrid.RadGrid a.TextButton.AccentButton.disabled:active,
.RadGrid.RadGrid a.TextButton.AccentButton.aspNetDisabled,
.RadGrid.RadGrid a.TextButton.AccentButton.aspNetDisabled:hover,
.RadGrid.RadGrid a.TextButton.AccentButton.aspNetDisabled:focus,
.RadGrid.RadGrid a.TextButton.AccentButton.aspNetDisabled:active {
  color: #fff;
  background-color: #4e937a;
  border-color: transparent;
}

/* Facebook sign in button */
.TextButton.Facebook {
  background-color: #3b5998;
  border-color: #2d4373;
}

.TextButton.Facebook,
.TextButton.Facebook:hover,
.TextButton.Facebook:focus,
.TextButton.Facebook:active,
.TextButton.Facebook:visited {
  text-decoration: none;
}

.TextButton.Facebook,
.TextButton.Facebook:visited {
  color: #fff;
}

.TextButton.Facebook:hover,
.TextButton.Facebook:focus,
.TextButton.Facebook:active {
  color: #fff;
  text-decoration: none;
  background-color: #30487b;
  border-color: #1c2a47;
}

.TextButton.Facebook:active {
  background-image: none;
}

.TextButton.Facebook:disabled,
.TextButton.Facebook:disabled:hover,
.TextButton.Facebook:disabled:focus,
.TextButton.Facebook:disabled:active,
.TextButton.Facebook.disabled,
.TextButton.Facebook.disabled:hover,
.TextButton.Facebook.disabled:focus,
.TextButton.Facebook.disabled:active,
.TextButton.Facebook.aspNetDisabled,
.TextButton.Facebook.aspNetDisabled:hover,
.TextButton.Facebook.aspNetDisabled:focus,
.TextButton.Facebook.aspNetDisabled:active {
  color: #fff;
  background-color: #3b5998;
  border-color: #2d4373;
}

/* LinkedIn sign in button */
.SignInButton.LinkedIn {
  background-color: #0077b5;
  border-color: #005582;
}

.SignInButton.LinkedIn,
.SignInButton.LinkedIn:hover,
.SignInButton.LinkedIn:focus,
.SignInButton.LinkedIn:active,
.SignInButton.LinkedIn:visited {
  text-decoration: none;
}

.SignInButton.LinkedIn,
.SignInButton.LinkedIn:visited {
  color: #fff;
}

.SignInButton.LinkedIn:hover,
.SignInButton.LinkedIn:focus,
.SignInButton.LinkedIn:active {
  color: #fff;
  text-decoration: none;
  background-color: #005c8c;
  border-color: #002d45;
}

.SignInButton.LinkedIn:active {
  background-image: none;
}

.SignInButton.LinkedIn:disabled,
.SignInButton.LinkedIn:disabled:hover,
.SignInButton.LinkedIn:disabled:focus,
.SignInButton.LinkedIn:disabled:active,
.SignInButton.LinkedIn.disabled,
.SignInButton.LinkedIn.disabled:hover,
.SignInButton.LinkedIn.disabled:focus,
.SignInButton.LinkedIn.disabled:active,
.SignInButton.LinkedIn.aspNetDisabled,
.SignInButton.LinkedIn.aspNetDisabled:hover,
.SignInButton.LinkedIn.aspNetDisabled:focus,
.SignInButton.LinkedIn.aspNetDisabled:active {
  color: #fff;
  background-color: #0077b5;
  border-color: #005582;
}

.SmallButton,
.UseSmallButton .TextButton {
  font-size: 85%;
  padding: 8px 18px;
  border-radius: 4px;
}

.MediumButton,
.UseMediumButton .TextButton {
  font-size: 120%;
  padding: 14px 24px;
  border-radius: 4px;
}

.LargeButton,
.UseLargeButton .TextButton {
  font-size: 150%;
  padding: 17px 27px;
  border-radius: 4px;
}

.FullWidthButton,
.UseFullWidthButton .TextButton {
  width: 100%;
}

/* Style buttons to look like links for deemphasis */
.LinkButton {
  -webkit-appearance: none !important;
  background: transparent !important;
  color: #336d3e;
  text-shadow: none;
  box-shadow: none;
  border: none;
  font-weight: normal;
  padding: 5px 10px;
  font-size: 18px;
  line-height: 1.6;
  border-radius: 4px;
  color: #336d3e;
  text-decoration: none;
}

.LinkButton:visited {
  color: #336d3e;
}

.LinkButton:hover,
.LinkButton:focus,
.LinkButton:active {
  color: #204527;
  text-decoration: underline;
}

.LinkButton.aspNetDisabled,
.LinkButton.aspNetDisabled:hover,
.LinkButton.aspNetDisabled:focus,
.LinkButton.aspNetDisabled:active,
.LinkButton.aspNetDisabled:visited,
.LinkButton:disabled,
.LinkButton:disabled:hover,
.LinkButton:disabled:focus,
.LinkButton:disabled:active,
.LinkButton:disabled:visited {
  color: #999999;
  text-decoration: none;
}

@media (min-width: 992px) {
  .StandardButtonMd {
    padding: 5px 10px;
    font-size: 18px;
    line-height: 1.6;
    border-radius: 4px;
  }
}

/* Generic red and green buttons to be used for all themes (styling is not theme dependant) */
.DangerButton {
  background-color: #d03528;
  border-color: transparent;
  background-color: #d03528;
  border-color: transparent;
}

.DangerButton,
.DangerButton:hover,
.DangerButton:focus,
.DangerButton:active,
.DangerButton:visited {
  text-decoration: none;
}

.DangerButton,
.DangerButton:visited {
  color: #fff;
}

.DangerButton:hover,
.DangerButton:focus,
.DangerButton:active {
  color: #fff;
  text-decoration: none;
  background-color: #ae2c21;
  border-color: rgba(0, 0, 0, 0);
}

.DangerButton:active {
  background-image: none;
}

.DangerButton:disabled,
.DangerButton:disabled:hover,
.DangerButton:disabled:focus,
.DangerButton:disabled:active,
.DangerButton.disabled,
.DangerButton.disabled:hover,
.DangerButton.disabled:focus,
.DangerButton.disabled:active,
.DangerButton.aspNetDisabled,
.DangerButton.aspNetDisabled:hover,
.DangerButton.aspNetDisabled:focus,
.DangerButton.aspNetDisabled:active {
  color: #fff;
  background-color: #d03528;
  border-color: transparent;
}

.DangerButton,
.DangerButton:hover,
.DangerButton:focus,
.DangerButton:active,
.DangerButton:visited {
  text-decoration: none;
}

.DangerButton,
.DangerButton:visited {
  color: #fff;
}

.DangerButton:hover,
.DangerButton:focus,
.DangerButton:active {
  color: #fff;
  text-decoration: none;
  background-color: #ae2c21;
  border-color: rgba(0, 0, 0, 0);
}

.DangerButton:active {
  background-image: none;
}

.DangerButton:disabled,
.DangerButton:disabled:hover,
.DangerButton:disabled:focus,
.DangerButton:disabled:active,
.DangerButton.disabled,
.DangerButton.disabled:hover,
.DangerButton.disabled:focus,
.DangerButton.disabled:active,
.DangerButton.aspNetDisabled,
.DangerButton.aspNetDisabled:hover,
.DangerButton.aspNetDisabled:focus,
.DangerButton.aspNetDisabled:active {
  color: #fff;
  background-color: #d03528;
  border-color: transparent;
}

.SuccessButton {
  background-color: #68bd49;
  border-color: transparent;
}

.SuccessButton,
.SuccessButton:hover,
.SuccessButton:focus,
.SuccessButton:active,
.SuccessButton:visited {
  text-decoration: none;
}

.SuccessButton,
.SuccessButton:visited {
  color: #fff;
}

.SuccessButton:hover,
.SuccessButton:focus,
.SuccessButton:active {
  color: #fff;
  text-decoration: none;
  background-color: #57a23b;
  border-color: rgba(0, 0, 0, 0);
}

.SuccessButton:active {
  background-image: none;
}

.SuccessButton:disabled,
.SuccessButton:disabled:hover,
.SuccessButton:disabled:focus,
.SuccessButton:disabled:active,
.SuccessButton.disabled,
.SuccessButton.disabled:hover,
.SuccessButton.disabled:focus,
.SuccessButton.disabled:active,
.SuccessButton.aspNetDisabled,
.SuccessButton.aspNetDisabled:hover,
.SuccessButton.aspNetDisabled:focus,
.SuccessButton.aspNetDisabled:active {
  color: #fff;
  background-color: #68bd49;
  border-color: transparent;
}

/**account page button group**/
.button-group .LargeButton {
  width: 100%;
  height: 100%;
  font-size: 19px !important;
  line-height: 1.2;
  min-height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}

a.btn.sysicon--before:not(.aspNetDisabled):hover:before,
a.btn.sysicon--after:not(.aspNetDisabled):hover:after,
a.btn.sysicon--before:not(.aspNetDisabled):focus:before,
a.btn.sysicon--after:not(.aspNetDisabled):focus:after,
a.btn.sysicon--before:before,
a.btn.sysicon--after:after,
a.TextButton.sysicon--before:not(.aspNetDisabled):hover:before,
a.TextButton.sysicon--after:not(.aspNetDisabled):hover:after,
a.TextButton.sysicon--before:not(.aspNetDisabled):focus:before,
a.TextButton.sysicon--after:not(.aspNetDisabled):focus:after,
a.TextButton.sysicon--before:before,
a.TextButton.sysicon--after:after,
a.PrimaryButton.sysicon--before:not(.aspNetDisabled):hover:before,
a.PrimaryButton.sysicon--after:not(.aspNetDisabled):hover:after,
a.PrimaryButton.sysicon--before:not(.aspNetDisabled):focus:before,
a.PrimaryButton.sysicon--after:not(.aspNetDisabled):focus:after,
a.PrimaryButton.sysicon--before:before,
a.PrimaryButton.sysicon--after:after,
button.sysicon--before:not(.aspNetDisabled):hover:before,
button.sysicon--after:not(.aspNetDisabled):hover:after,
button.sysicon--before:not(.aspNetDisabled):focus:before,
button.sysicon--after:not(.aspNetDisabled):focus:after,
button.sysicon--before:before,
button.sysicon--after:after {
  background-color: #222222;
}

/* ==========================================================================
   CONTENT ITEMS
   ========================================================================== */
/* Open Invoices
   ========================================================================== */
.OpenInvoicesTotals .SelectedTotal .PanelFieldValue {
  color: #68bd49;
}

/* Group List Editor
   ========================================================================== */
.RadTreeView.GLE .rtLI {
  margin-bottom: 0.3em;
}

.RadTreeView.GLE .rtIn,
.RadTreeView.GLE .rtHover .rtIn,
.RadTreeView.GLE .rtSelected .rtIn {
  background-color: transparent;
  border: none;
  color: #336d3e;
}

.RadTreeView.GLE a:hover,
.RadTreeView.GLE a:focus,
.RadTreeView.GLE span[onclick]:hover,
.RadTreeView.GLE span[onclick]:focus {
  background-color: #336d3e;
  color: #fff;
}

.RadTreeView.GLE .rtImg {
  border-radius: 4px;
}

/* Communiaction Preferences
   ========================================================================== */
.CommunicationPreferencesSection {
  background-color: #ffffff;
}

/* Inline edit save and publish buttons
    ========================================================================= */
.SimpleContentEditorInline .reToolBar:last-child .reTool {
  background-color: #cacacd;
  color: #222222;
  font-family: "Raleway", Helvetica, sans-serif;
  font-weight: 600;
  transition: background 0.2s ease-out;
}

@media screen and (prefers-reduced-motion: reduce) {
  .SimpleContentEditorInline .reToolBar:last-child .reTool {
    transition: none;
  }
}

.SimpleContentEditorInline .reToolBar:last-child .reTool:hover,
.SimpleContentEditorInline .reToolBar:last-child .reTool:focus,
.SimpleContentEditorInline .reToolBar:last-child .reTool:active {
  background-color: #c0c0c3;
}

.SimpleContentEditorInline .reToolBar:last-child .reTool:before {
  background: #222222;
}

.SimpleContentEditorInline .reToolBar:last-child .reDone {
  background-color: #336d3e;
  color: #ffffff;
}

.SimpleContentEditorInline .reToolBar:last-child .reDone:hover,
.SimpleContentEditorInline .reToolBar:last-child .reDone:focus,
.SimpleContentEditorInline .reToolBar:last-child .reDone:active {
  background-color: #43649f;
}

.SimpleContentEditorInline .reToolBar:last-child .reDone:before {
  background-color: #ffffff;
}

/* Mini Profile
   ========================================================================== */
.mini-profile-banner-large .mini-profile-name-section .SectionLabel,
.mini-profile-banner-small .mini-profile-name-section .SectionLabel {
  /* Style the name like an h2 */
  font-family: "Raleway", Helvetica, sans-serif;
  font-weight: 500;
  font-size: 135%;
}

.mini-profile-banner-large .mini-profile-picture-section,
.mini-profile-banner-large .panel-heading,
.mini-profile-banner-small .mini-profile-picture-section,
.mini-profile-banner-small .panel-heading {
  background-color: #ffffff;
  color: #000;
}

.mini-profile-banner-large .profile-picture-container,
.mini-profile-banner-small .profile-picture-container {
  display: inline-block;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  padding: 8px;
  border-radius: 5px;
}

.mini-profile-banner-large .profile-picture-container img,
.mini-profile-banner-small .profile-picture-container img {
  border-radius: 3px;
}

.mini-profile-banner-large .mini-profile-status-section,
.mini-profile-banner-small .mini-profile-status-section {
  font-size: 0.9em;
}

@media (min-width: 768px) {
  .mini-profile-banner-large .mini-profile-name-section,
  .mini-profile-banner-large .mini-profile-address-section {
    background-color: #ffffff;
  }
}

.account-banner:before {
  background-color: #ffffff;
  border-radius: 4px;
}

@media (min-width: 768px) {
  .account-banner .mini-profile-banner-large .mini-profile {
    grid-template:
      "picture name" 1fr "picture address" auto "picture status" auto/fit-content(
        33%
      )
      auto;
  }
}

.account-banner .mini-profile-name-section,
.account-banner .mini-profile-address-section,
.account-banner .mini-profile-picture-section,
.account-banner .mini-profile-status-section,
.account-banner .mini-profile-banner-large .panel-heading,
.account-banner .mini-profile-banner-small .panel-heading {
  background-color: transparent;
}

.account-banner
  .mini-profile-banner-large
  .mini-profile-picture-section
  .profile-picture-container,
.account-banner
  .mini-profile-banner-small
  .mini-profile-picture-section
  .profile-picture-container {
  margin-bottom: 0;
}

.account-banner .mini-profile-banner-large .mini-profile-picture-section-after,
.account-banner .mini-profile-banner-small .mini-profile-picture-section-after {
  height: 0;
}

.account-banner .summary-display {
  font-size: 0.9em;
}

.account-banner .AlertSet {
  background-color: transparent;
}

.account-banner .AlertSet .AlertItem {
  margin-bottom: 0.5rem;
  border-radius: 4px;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.account-banner .AlertSet .AlertItem:last-item {
  margin-bottom: 0;
}

.account-banner .AlertSet .AlertItem .media > img {
  width: 20px;
}

.account-banner .scrollbar-minimal ::-webkit-scrollbar-track {
  background-color: transparent;
}

.account-banner .scrollbar-minimal ::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
}

.account-banner .scrollbar-minimal ::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.6);
}

.account-banner-short .banner-content:after {
  background-image: url(images/bg-geometric-blue.png);
}

.account-banner-bg-color-1 .account-banner:before {
  background-color: #ffffff;
}

.account-banner-bg-color-1 .account-banner-short .banner-top-bar {
  background-color: #ffffff;
}

.account-banner-bg-color-2 .account-banner:before {
  background-color: #ffffff;
}

.account-banner-bg-color-2 .account-banner-short .banner-top-bar {
  background-color: #ffffff;
}

.account-banner-bg-color-3 .account-banner:before {
  background-color: #f89c57;
}

.account-banner-bg-color-3 .account-banner-short .banner-top-bar {
  background-color: #f89c57;
}

.account-banner-bg-color-4 .account-banner:before {
  background-color: #e98300;
}

.account-banner-bg-color-4 .account-banner-short .banner-top-bar {
  background-color: #e98300;
}

.account-banner-bg-color-5 .account-banner:before {
  background-color: #8e51ae;
}

.account-banner-bg-color-5 .account-banner-short .banner-top-bar {
  background-color: #8e51ae;
}

.account-banner-bg-color-red .account-banner:before {
  background-color: #d03528;
}

.account-banner-bg-color-red .account-banner-short .banner-top-bar {
  background-color: #d03528;
}

.account-banner-bg-color-orange .account-banner:before {
  background-color: #e98300;
}

.account-banner-bg-color-orange .account-banner-short .banner-top-bar {
  background-color: #e98300;
}

.account-banner-bg-color-yellow .account-banner:before {
  background-color: #e8d92d;
}

.account-banner-bg-color-yellow .account-banner-short .banner-top-bar {
  background-color: #e8d92d;
}

.account-banner-bg-color-green .account-banner:before {
  background-color: #68bd49;
}

.account-banner-bg-color-green .account-banner-short .banner-top-bar {
  background-color: #68bd49;
}

.account-banner-bg-color-blue .account-banner:before {
  background-color: #00a9e0;
}

.account-banner-bg-color-blue .account-banner-short .banner-top-bar {
  background-color: #00a9e0;
}

.account-banner-bg-color-purple .account-banner:before {
  background-color: #8e51ae;
}

.account-banner-bg-color-purple .account-banner-short .banner-top-bar {
  background-color: #8e51ae;
}

.account-banner-bg-color-mps-1 .account-banner:before {
  background-color: #336d3e;
}

.account-banner-bg-color-mps-1 .account-banner-short .banner-top-bar {
  background-color: #336d3e;
}

.account-banner-bg-color-mps-2 .account-banner:before {
  background-color: #252e38;
}

.account-banner-bg-color-mps-2 .account-banner-short .banner-top-bar {
  background-color: #252e38;
}

.account-banner .area-top-left,
.account-banner-short .area-top-left {
  --system-icon-color: #343a40;
  --system-icon-color-hover: #212529;
}

.account-banner .area-top-left a,
.account-banner .area-middle-left a,
.account-banner .area-bottom-left a,
.account-banner .area-center a,
.account-banner-short .area-top-left a,
.account-banner-short .area-middle-left a,
.account-banner-short .area-bottom-left a,
.account-banner-short .area-center a {
  text-decoration: underline;
}

.account-banner .area-top-left,
.account-banner .area-top-left h1,
.account-banner .area-top-left h2,
.account-banner .area-top-left h3,
.account-banner .area-top-left h4,
.account-banner .area-top-left h5,
.account-banner .area-top-left label,
.account-banner .area-top-left .Label,
.account-banner .area-top-left .SectionLabel,
.account-banner .area-middle-left,
.account-banner .area-middle-left h1,
.account-banner .area-middle-left h2,
.account-banner .area-middle-left h3,
.account-banner .area-middle-left h4,
.account-banner .area-middle-left h5,
.account-banner .area-middle-left label,
.account-banner .area-middle-left .Label,
.account-banner .area-middle-left .SectionLabel,
.account-banner .area-bottom-left,
.account-banner .area-bottom-left h1,
.account-banner .area-bottom-left h2,
.account-banner .area-bottom-left h3,
.account-banner .area-bottom-left h4,
.account-banner .area-bottom-left h5,
.account-banner .area-bottom-left label,
.account-banner .area-bottom-left .Label,
.account-banner .area-bottom-left .SectionLabel,
.account-banner .area-center,
.account-banner .area-center h1,
.account-banner .area-center h2,
.account-banner .area-center h3,
.account-banner .area-center h4,
.account-banner .area-center h5,
.account-banner .area-center label,
.account-banner .area-center .Label,
.account-banner .area-center .SectionLabel,
.account-banner-short .area-top-left,
.account-banner-short .area-top-left h1,
.account-banner-short .area-top-left h2,
.account-banner-short .area-top-left h3,
.account-banner-short .area-top-left h4,
.account-banner-short .area-top-left h5,
.account-banner-short .area-top-left label,
.account-banner-short .area-top-left .Label,
.account-banner-short .area-top-left .SectionLabel,
.account-banner-short .area-middle-left,
.account-banner-short .area-middle-left h1,
.account-banner-short .area-middle-left h2,
.account-banner-short .area-middle-left h3,
.account-banner-short .area-middle-left h4,
.account-banner-short .area-middle-left h5,
.account-banner-short .area-middle-left label,
.account-banner-short .area-middle-left .Label,
.account-banner-short .area-middle-left .SectionLabel,
.account-banner-short .area-bottom-left,
.account-banner-short .area-bottom-left h1,
.account-banner-short .area-bottom-left h2,
.account-banner-short .area-bottom-left h3,
.account-banner-short .area-bottom-left h4,
.account-banner-short .area-bottom-left h5,
.account-banner-short .area-bottom-left label,
.account-banner-short .area-bottom-left .Label,
.account-banner-short .area-bottom-left .SectionLabel,
.account-banner-short .area-center,
.account-banner-short .area-center h1,
.account-banner-short .area-center h2,
.account-banner-short .area-center h3,
.account-banner-short .area-center h4,
.account-banner-short .area-center h5,
.account-banner-short .area-center label,
.account-banner-short .area-center .Label,
.account-banner-short .area-center .SectionLabel {
  color: #222222;
}

.account-banner .area-top-left a.ButtonItem,
.account-banner .area-middle-left a.ButtonItem,
.account-banner .area-bottom-left a.ButtonItem,
.account-banner .area-center a.ButtonItem,
.account-banner-short .area-top-left a.ButtonItem,
.account-banner-short .area-middle-left a.ButtonItem,
.account-banner-short .area-bottom-left a.ButtonItem,
.account-banner-short .area-center a.ButtonItem {
  text-decoration: none;
}

.account-banner .area-top-left a:not(.ButtonItem),
.account-banner .area-middle-left a:not(.ButtonItem),
.account-banner .area-bottom-left a:not(.ButtonItem),
.account-banner .area-center a:not(.ButtonItem),
.account-banner-short .area-top-left a:not(.ButtonItem),
.account-banner-short .area-middle-left a:not(.ButtonItem),
.account-banner-short .area-bottom-left a:not(.ButtonItem),
.account-banner-short .area-center a:not(.ButtonItem) {
  color: #222222;
}

.account-banner-bg-color-5 .account-banner .area-top-left,
.account-banner-bg-color-5 .account-banner-short .area-top-left,
.account-banner-bg-color-red .account-banner .area-top-left,
.account-banner-bg-color-red .account-banner-short .area-top-left,
.account-banner-bg-color-purple .account-banner .area-top-left,
.account-banner-bg-color-purple .account-banner-short .area-top-left,
.account-banner-bg-color-mps-1 .account-banner .area-top-left,
.account-banner-bg-color-mps-1 .account-banner-short .area-top-left,
.account-banner-bg-color-mps-2 .account-banner .area-top-left,
.account-banner-bg-color-mps-2 .account-banner-short .area-top-left {
  --system-icon-color: #ced4da;
  --system-icon-color-hover: #fff;
}

.account-banner-bg-color-5 .account-banner .area-top-left,
.account-banner-bg-color-5 .account-banner .area-top-left h1,
.account-banner-bg-color-5 .account-banner .area-top-left h2,
.account-banner-bg-color-5 .account-banner .area-top-left h3,
.account-banner-bg-color-5 .account-banner .area-top-left h4,
.account-banner-bg-color-5 .account-banner .area-top-left h5,
.account-banner-bg-color-5 .account-banner .area-top-left label,
.account-banner-bg-color-5 .account-banner .area-top-left .Label,
.account-banner-bg-color-5 .account-banner .area-top-left .SectionLabel,
.account-banner-bg-color-5 .account-banner .area-top-bar-left,
.account-banner-bg-color-5 .account-banner .area-top-bar-left h1,
.account-banner-bg-color-5 .account-banner .area-top-bar-left h2,
.account-banner-bg-color-5 .account-banner .area-top-bar-left h3,
.account-banner-bg-color-5 .account-banner .area-top-bar-left h4,
.account-banner-bg-color-5 .account-banner .area-top-bar-left h5,
.account-banner-bg-color-5 .account-banner .area-top-bar-left label,
.account-banner-bg-color-5 .account-banner .area-top-bar-left .Label,
.account-banner-bg-color-5 .account-banner .area-top-bar-left .SectionLabel,
.account-banner-bg-color-5 .account-banner .area-top-bar-right,
.account-banner-bg-color-5 .account-banner .area-top-bar-right h1,
.account-banner-bg-color-5 .account-banner .area-top-bar-right h2,
.account-banner-bg-color-5 .account-banner .area-top-bar-right h3,
.account-banner-bg-color-5 .account-banner .area-top-bar-right h4,
.account-banner-bg-color-5 .account-banner .area-top-bar-right h5,
.account-banner-bg-color-5 .account-banner .area-top-bar-right label,
.account-banner-bg-color-5 .account-banner .area-top-bar-right .Label,
.account-banner-bg-color-5 .account-banner .area-top-bar-right .SectionLabel,
.account-banner-bg-color-5 .account-banner-short .area-top-left,
.account-banner-bg-color-5 .account-banner-short .area-top-left h1,
.account-banner-bg-color-5 .account-banner-short .area-top-left h2,
.account-banner-bg-color-5 .account-banner-short .area-top-left h3,
.account-banner-bg-color-5 .account-banner-short .area-top-left h4,
.account-banner-bg-color-5 .account-banner-short .area-top-left h5,
.account-banner-bg-color-5 .account-banner-short .area-top-left label,
.account-banner-bg-color-5 .account-banner-short .area-top-left .Label,
.account-banner-bg-color-5 .account-banner-short .area-top-left .SectionLabel,
.account-banner-bg-color-5 .account-banner-short .area-top-bar-left,
.account-banner-bg-color-5 .account-banner-short .area-top-bar-left h1,
.account-banner-bg-color-5 .account-banner-short .area-top-bar-left h2,
.account-banner-bg-color-5 .account-banner-short .area-top-bar-left h3,
.account-banner-bg-color-5 .account-banner-short .area-top-bar-left h4,
.account-banner-bg-color-5 .account-banner-short .area-top-bar-left h5,
.account-banner-bg-color-5 .account-banner-short .area-top-bar-left label,
.account-banner-bg-color-5 .account-banner-short .area-top-bar-left .Label,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .SectionLabel,
.account-banner-bg-color-5 .account-banner-short .area-top-bar-right,
.account-banner-bg-color-5 .account-banner-short .area-top-bar-right h1,
.account-banner-bg-color-5 .account-banner-short .area-top-bar-right h2,
.account-banner-bg-color-5 .account-banner-short .area-top-bar-right h3,
.account-banner-bg-color-5 .account-banner-short .area-top-bar-right h4,
.account-banner-bg-color-5 .account-banner-short .area-top-bar-right h5,
.account-banner-bg-color-5 .account-banner-short .area-top-bar-right label,
.account-banner-bg-color-5 .account-banner-short .area-top-bar-right .Label,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .SectionLabel,
.account-banner-bg-color-red .account-banner .area-top-left,
.account-banner-bg-color-red .account-banner .area-top-left h1,
.account-banner-bg-color-red .account-banner .area-top-left h2,
.account-banner-bg-color-red .account-banner .area-top-left h3,
.account-banner-bg-color-red .account-banner .area-top-left h4,
.account-banner-bg-color-red .account-banner .area-top-left h5,
.account-banner-bg-color-red .account-banner .area-top-left label,
.account-banner-bg-color-red .account-banner .area-top-left .Label,
.account-banner-bg-color-red .account-banner .area-top-left .SectionLabel,
.account-banner-bg-color-red .account-banner .area-top-bar-left,
.account-banner-bg-color-red .account-banner .area-top-bar-left h1,
.account-banner-bg-color-red .account-banner .area-top-bar-left h2,
.account-banner-bg-color-red .account-banner .area-top-bar-left h3,
.account-banner-bg-color-red .account-banner .area-top-bar-left h4,
.account-banner-bg-color-red .account-banner .area-top-bar-left h5,
.account-banner-bg-color-red .account-banner .area-top-bar-left label,
.account-banner-bg-color-red .account-banner .area-top-bar-left .Label,
.account-banner-bg-color-red .account-banner .area-top-bar-left .SectionLabel,
.account-banner-bg-color-red .account-banner .area-top-bar-right,
.account-banner-bg-color-red .account-banner .area-top-bar-right h1,
.account-banner-bg-color-red .account-banner .area-top-bar-right h2,
.account-banner-bg-color-red .account-banner .area-top-bar-right h3,
.account-banner-bg-color-red .account-banner .area-top-bar-right h4,
.account-banner-bg-color-red .account-banner .area-top-bar-right h5,
.account-banner-bg-color-red .account-banner .area-top-bar-right label,
.account-banner-bg-color-red .account-banner .area-top-bar-right .Label,
.account-banner-bg-color-red .account-banner .area-top-bar-right .SectionLabel,
.account-banner-bg-color-red .account-banner-short .area-top-left,
.account-banner-bg-color-red .account-banner-short .area-top-left h1,
.account-banner-bg-color-red .account-banner-short .area-top-left h2,
.account-banner-bg-color-red .account-banner-short .area-top-left h3,
.account-banner-bg-color-red .account-banner-short .area-top-left h4,
.account-banner-bg-color-red .account-banner-short .area-top-left h5,
.account-banner-bg-color-red .account-banner-short .area-top-left label,
.account-banner-bg-color-red .account-banner-short .area-top-left .Label,
.account-banner-bg-color-red .account-banner-short .area-top-left .SectionLabel,
.account-banner-bg-color-red .account-banner-short .area-top-bar-left,
.account-banner-bg-color-red .account-banner-short .area-top-bar-left h1,
.account-banner-bg-color-red .account-banner-short .area-top-bar-left h2,
.account-banner-bg-color-red .account-banner-short .area-top-bar-left h3,
.account-banner-bg-color-red .account-banner-short .area-top-bar-left h4,
.account-banner-bg-color-red .account-banner-short .area-top-bar-left h5,
.account-banner-bg-color-red .account-banner-short .area-top-bar-left label,
.account-banner-bg-color-red .account-banner-short .area-top-bar-left .Label,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .SectionLabel,
.account-banner-bg-color-red .account-banner-short .area-top-bar-right,
.account-banner-bg-color-red .account-banner-short .area-top-bar-right h1,
.account-banner-bg-color-red .account-banner-short .area-top-bar-right h2,
.account-banner-bg-color-red .account-banner-short .area-top-bar-right h3,
.account-banner-bg-color-red .account-banner-short .area-top-bar-right h4,
.account-banner-bg-color-red .account-banner-short .area-top-bar-right h5,
.account-banner-bg-color-red .account-banner-short .area-top-bar-right label,
.account-banner-bg-color-red .account-banner-short .area-top-bar-right .Label,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .SectionLabel,
.account-banner-bg-color-purple .account-banner .area-top-left,
.account-banner-bg-color-purple .account-banner .area-top-left h1,
.account-banner-bg-color-purple .account-banner .area-top-left h2,
.account-banner-bg-color-purple .account-banner .area-top-left h3,
.account-banner-bg-color-purple .account-banner .area-top-left h4,
.account-banner-bg-color-purple .account-banner .area-top-left h5,
.account-banner-bg-color-purple .account-banner .area-top-left label,
.account-banner-bg-color-purple .account-banner .area-top-left .Label,
.account-banner-bg-color-purple .account-banner .area-top-left .SectionLabel,
.account-banner-bg-color-purple .account-banner .area-top-bar-left,
.account-banner-bg-color-purple .account-banner .area-top-bar-left h1,
.account-banner-bg-color-purple .account-banner .area-top-bar-left h2,
.account-banner-bg-color-purple .account-banner .area-top-bar-left h3,
.account-banner-bg-color-purple .account-banner .area-top-bar-left h4,
.account-banner-bg-color-purple .account-banner .area-top-bar-left h5,
.account-banner-bg-color-purple .account-banner .area-top-bar-left label,
.account-banner-bg-color-purple .account-banner .area-top-bar-left .Label,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .SectionLabel,
.account-banner-bg-color-purple .account-banner .area-top-bar-right,
.account-banner-bg-color-purple .account-banner .area-top-bar-right h1,
.account-banner-bg-color-purple .account-banner .area-top-bar-right h2,
.account-banner-bg-color-purple .account-banner .area-top-bar-right h3,
.account-banner-bg-color-purple .account-banner .area-top-bar-right h4,
.account-banner-bg-color-purple .account-banner .area-top-bar-right h5,
.account-banner-bg-color-purple .account-banner .area-top-bar-right label,
.account-banner-bg-color-purple .account-banner .area-top-bar-right .Label,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .SectionLabel,
.account-banner-bg-color-purple .account-banner-short .area-top-left,
.account-banner-bg-color-purple .account-banner-short .area-top-left h1,
.account-banner-bg-color-purple .account-banner-short .area-top-left h2,
.account-banner-bg-color-purple .account-banner-short .area-top-left h3,
.account-banner-bg-color-purple .account-banner-short .area-top-left h4,
.account-banner-bg-color-purple .account-banner-short .area-top-left h5,
.account-banner-bg-color-purple .account-banner-short .area-top-left label,
.account-banner-bg-color-purple .account-banner-short .area-top-left .Label,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .SectionLabel,
.account-banner-bg-color-purple .account-banner-short .area-top-bar-left,
.account-banner-bg-color-purple .account-banner-short .area-top-bar-left h1,
.account-banner-bg-color-purple .account-banner-short .area-top-bar-left h2,
.account-banner-bg-color-purple .account-banner-short .area-top-bar-left h3,
.account-banner-bg-color-purple .account-banner-short .area-top-bar-left h4,
.account-banner-bg-color-purple .account-banner-short .area-top-bar-left h5,
.account-banner-bg-color-purple .account-banner-short .area-top-bar-left label,
.account-banner-bg-color-purple .account-banner-short .area-top-bar-left .Label,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .SectionLabel,
.account-banner-bg-color-purple .account-banner-short .area-top-bar-right,
.account-banner-bg-color-purple .account-banner-short .area-top-bar-right h1,
.account-banner-bg-color-purple .account-banner-short .area-top-bar-right h2,
.account-banner-bg-color-purple .account-banner-short .area-top-bar-right h3,
.account-banner-bg-color-purple .account-banner-short .area-top-bar-right h4,
.account-banner-bg-color-purple .account-banner-short .area-top-bar-right h5,
.account-banner-bg-color-purple .account-banner-short .area-top-bar-right label,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .Label,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .SectionLabel,
.account-banner-bg-color-mps-1 .account-banner .area-top-left,
.account-banner-bg-color-mps-1 .account-banner .area-top-left h1,
.account-banner-bg-color-mps-1 .account-banner .area-top-left h2,
.account-banner-bg-color-mps-1 .account-banner .area-top-left h3,
.account-banner-bg-color-mps-1 .account-banner .area-top-left h4,
.account-banner-bg-color-mps-1 .account-banner .area-top-left h5,
.account-banner-bg-color-mps-1 .account-banner .area-top-left label,
.account-banner-bg-color-mps-1 .account-banner .area-top-left .Label,
.account-banner-bg-color-mps-1 .account-banner .area-top-left .SectionLabel,
.account-banner-bg-color-mps-1 .account-banner .area-top-bar-left,
.account-banner-bg-color-mps-1 .account-banner .area-top-bar-left h1,
.account-banner-bg-color-mps-1 .account-banner .area-top-bar-left h2,
.account-banner-bg-color-mps-1 .account-banner .area-top-bar-left h3,
.account-banner-bg-color-mps-1 .account-banner .area-top-bar-left h4,
.account-banner-bg-color-mps-1 .account-banner .area-top-bar-left h5,
.account-banner-bg-color-mps-1 .account-banner .area-top-bar-left label,
.account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .Label,
.account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .SectionLabel,
.account-banner-bg-color-mps-1 .account-banner .area-top-bar-right,
.account-banner-bg-color-mps-1 .account-banner .area-top-bar-right h1,
.account-banner-bg-color-mps-1 .account-banner .area-top-bar-right h2,
.account-banner-bg-color-mps-1 .account-banner .area-top-bar-right h3,
.account-banner-bg-color-mps-1 .account-banner .area-top-bar-right h4,
.account-banner-bg-color-mps-1 .account-banner .area-top-bar-right h5,
.account-banner-bg-color-mps-1 .account-banner .area-top-bar-right label,
.account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .Label,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .SectionLabel,
.account-banner-bg-color-mps-1 .account-banner-short .area-top-left,
.account-banner-bg-color-mps-1 .account-banner-short .area-top-left h1,
.account-banner-bg-color-mps-1 .account-banner-short .area-top-left h2,
.account-banner-bg-color-mps-1 .account-banner-short .area-top-left h3,
.account-banner-bg-color-mps-1 .account-banner-short .area-top-left h4,
.account-banner-bg-color-mps-1 .account-banner-short .area-top-left h5,
.account-banner-bg-color-mps-1 .account-banner-short .area-top-left label,
.account-banner-bg-color-mps-1 .account-banner-short .area-top-left .Label,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .SectionLabel,
.account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left,
.account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left h1,
.account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left h2,
.account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left h3,
.account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left h4,
.account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left h5,
.account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left label,
.account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .Label,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .SectionLabel,
.account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right,
.account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right h1,
.account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right h2,
.account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right h3,
.account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right h4,
.account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right h5,
.account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right label,
.account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .Label,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .SectionLabel,
.account-banner-bg-color-mps-2 .account-banner .area-top-left,
.account-banner-bg-color-mps-2 .account-banner .area-top-left h1,
.account-banner-bg-color-mps-2 .account-banner .area-top-left h2,
.account-banner-bg-color-mps-2 .account-banner .area-top-left h3,
.account-banner-bg-color-mps-2 .account-banner .area-top-left h4,
.account-banner-bg-color-mps-2 .account-banner .area-top-left h5,
.account-banner-bg-color-mps-2 .account-banner .area-top-left label,
.account-banner-bg-color-mps-2 .account-banner .area-top-left .Label,
.account-banner-bg-color-mps-2 .account-banner .area-top-left .SectionLabel,
.account-banner-bg-color-mps-2 .account-banner .area-top-bar-left,
.account-banner-bg-color-mps-2 .account-banner .area-top-bar-left h1,
.account-banner-bg-color-mps-2 .account-banner .area-top-bar-left h2,
.account-banner-bg-color-mps-2 .account-banner .area-top-bar-left h3,
.account-banner-bg-color-mps-2 .account-banner .area-top-bar-left h4,
.account-banner-bg-color-mps-2 .account-banner .area-top-bar-left h5,
.account-banner-bg-color-mps-2 .account-banner .area-top-bar-left label,
.account-banner-bg-color-mps-2 .account-banner .area-top-bar-left .Label,
.account-banner-bg-color-mps-2 .account-banner .area-top-bar-left .SectionLabel,
.account-banner-bg-color-mps-2 .account-banner .area-top-bar-right,
.account-banner-bg-color-mps-2 .account-banner .area-top-bar-right h1,
.account-banner-bg-color-mps-2 .account-banner .area-top-bar-right h2,
.account-banner-bg-color-mps-2 .account-banner .area-top-bar-right h3,
.account-banner-bg-color-mps-2 .account-banner .area-top-bar-right h4,
.account-banner-bg-color-mps-2 .account-banner .area-top-bar-right h5,
.account-banner-bg-color-mps-2 .account-banner .area-top-bar-right label,
.account-banner-bg-color-mps-2 .account-banner .area-top-bar-right .Label,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .SectionLabel,
.account-banner-bg-color-mps-2 .account-banner-short .area-top-left,
.account-banner-bg-color-mps-2 .account-banner-short .area-top-left h1,
.account-banner-bg-color-mps-2 .account-banner-short .area-top-left h2,
.account-banner-bg-color-mps-2 .account-banner-short .area-top-left h3,
.account-banner-bg-color-mps-2 .account-banner-short .area-top-left h4,
.account-banner-bg-color-mps-2 .account-banner-short .area-top-left h5,
.account-banner-bg-color-mps-2 .account-banner-short .area-top-left label,
.account-banner-bg-color-mps-2 .account-banner-short .area-top-left .Label,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .SectionLabel,
.account-banner-bg-color-mps-2 .account-banner-short .area-top-bar-left,
.account-banner-bg-color-mps-2 .account-banner-short .area-top-bar-left h1,
.account-banner-bg-color-mps-2 .account-banner-short .area-top-bar-left h2,
.account-banner-bg-color-mps-2 .account-banner-short .area-top-bar-left h3,
.account-banner-bg-color-mps-2 .account-banner-short .area-top-bar-left h4,
.account-banner-bg-color-mps-2 .account-banner-short .area-top-bar-left h5,
.account-banner-bg-color-mps-2 .account-banner-short .area-top-bar-left label,
.account-banner-bg-color-mps-2 .account-banner-short .area-top-bar-left .Label,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .SectionLabel,
.account-banner-bg-color-mps-2 .account-banner-short .area-top-bar-right,
.account-banner-bg-color-mps-2 .account-banner-short .area-top-bar-right h1,
.account-banner-bg-color-mps-2 .account-banner-short .area-top-bar-right h2,
.account-banner-bg-color-mps-2 .account-banner-short .area-top-bar-right h3,
.account-banner-bg-color-mps-2 .account-banner-short .area-top-bar-right h4,
.account-banner-bg-color-mps-2 .account-banner-short .area-top-bar-right h5,
.account-banner-bg-color-mps-2 .account-banner-short .area-top-bar-right label,
.account-banner-bg-color-mps-2 .account-banner-short .area-top-bar-right .Label,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .SectionLabel {
  color: #fff;
}

.account-banner-bg-color-5 .account-banner .area-top-left a.ButtonItem,
.account-banner-bg-color-5 .account-banner .area-top-bar-left a.ButtonItem,
.account-banner-bg-color-5 .account-banner .area-top-bar-right a.ButtonItem,
.account-banner-bg-color-5 .account-banner-short .area-top-left a.ButtonItem,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  a.ButtonItem,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  a.ButtonItem,
.account-banner-bg-color-red .account-banner .area-top-left a.ButtonItem,
.account-banner-bg-color-red .account-banner .area-top-bar-left a.ButtonItem,
.account-banner-bg-color-red .account-banner .area-top-bar-right a.ButtonItem,
.account-banner-bg-color-red .account-banner-short .area-top-left a.ButtonItem,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  a.ButtonItem,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  a.ButtonItem,
.account-banner-bg-color-purple .account-banner .area-top-left a.ButtonItem,
.account-banner-bg-color-purple .account-banner .area-top-bar-left a.ButtonItem,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  a.ButtonItem,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  a.ButtonItem,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  a.ButtonItem,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  a.ButtonItem,
.account-banner-bg-color-mps-1 .account-banner .area-top-left a.ButtonItem,
.account-banner-bg-color-mps-1 .account-banner .area-top-bar-left a.ButtonItem,
.account-banner-bg-color-mps-1 .account-banner .area-top-bar-right a.ButtonItem,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  a.ButtonItem,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  a.ButtonItem,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  a.ButtonItem,
.account-banner-bg-color-mps-2 .account-banner .area-top-left a.ButtonItem,
.account-banner-bg-color-mps-2 .account-banner .area-top-bar-left a.ButtonItem,
.account-banner-bg-color-mps-2 .account-banner .area-top-bar-right a.ButtonItem,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  a.ButtonItem,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  a.ButtonItem,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  a.ButtonItem {
  text-decoration: none;
}

.account-banner-bg-color-5 .account-banner .area-top-left a:not(.ButtonItem),
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  a:not(.ButtonItem),
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  a:not(.ButtonItem),
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  a:not(.ButtonItem),
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  a:not(.ButtonItem),
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  a:not(.ButtonItem),
.account-banner-bg-color-red .account-banner .area-top-left a:not(.ButtonItem),
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  a:not(.ButtonItem),
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  a:not(.ButtonItem),
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  a:not(.ButtonItem),
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  a:not(.ButtonItem),
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  a:not(.ButtonItem),
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  a:not(.ButtonItem),
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  a:not(.ButtonItem),
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  a:not(.ButtonItem),
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  a:not(.ButtonItem),
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  a:not(.ButtonItem),
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  a:not(.ButtonItem),
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  a:not(.ButtonItem),
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  a:not(.ButtonItem),
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  a:not(.ButtonItem),
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  a:not(.ButtonItem),
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  a:not(.ButtonItem),
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  a:not(.ButtonItem),
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  a:not(.ButtonItem),
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  a:not(.ButtonItem),
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  a:not(.ButtonItem),
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  a:not(.ButtonItem),
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  a:not(.ButtonItem),
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  a:not(.ButtonItem) {
  color: #fff;
}

.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton) {
  border-color: #fff;
  background-color: transparent;
  border-width: 1px;
}

.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):visited {
  text-decoration: none;
}

.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):visited,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):visited {
  color: #fff;
}

.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):hover,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):hover {
  color: #222222;
  background-color: #fff;
  border-color: #fff;
}

.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.5);
}

.btn-check:checked
  + .account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton),
.btn-check:active
  + .account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton).active,
.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show,
.btn-check:checked
  + .account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.btn-check:active
  + .account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).active,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show,
.btn-check:checked
  + .account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.btn-check:active
  + .account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).active,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).dropdown-toggle.show,
.btn-check:checked
  + .account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton),
.btn-check:active
  + .account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton).active,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show,
.btn-check:checked
  + .account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.btn-check:active
  + .account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).active,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show,
.btn-check:checked
  + .account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.btn-check:active
  + .account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).active,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).dropdown-toggle.show,
.btn-check:checked
  + .account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton),
.btn-check:active
  + .account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton).active,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show,
.btn-check:checked
  + .account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.btn-check:active
  + .account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).active,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show,
.btn-check:checked
  + .account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.btn-check:active
  + .account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).active,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).dropdown-toggle.show,
.btn-check:checked
  + .account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton),
.btn-check:active
  + .account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton).active,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show,
.btn-check:checked
  + .account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.btn-check:active
  + .account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).active,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show,
.btn-check:checked
  + .account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.btn-check:active
  + .account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).active,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).dropdown-toggle.show,
.btn-check:checked
  + .account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton),
.btn-check:active
  + .account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton).active,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show,
.btn-check:checked
  + .account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.btn-check:active
  + .account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).active,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show,
.btn-check:checked
  + .account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.btn-check:active
  + .account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).active,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).dropdown-toggle.show,
.btn-check:checked
  + .account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton),
.btn-check:active
  + .account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton).active,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show,
.btn-check:checked
  + .account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.btn-check:active
  + .account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).active,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show,
.btn-check:checked
  + .account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.btn-check:active
  + .account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).active,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).dropdown-toggle.show,
.btn-check:checked
  + .account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton),
.btn-check:active
  + .account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton).active,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show,
.btn-check:checked
  + .account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.btn-check:active
  + .account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).active,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show,
.btn-check:checked
  + .account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.btn-check:active
  + .account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).active,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).dropdown-toggle.show,
.btn-check:checked
  + .account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton),
.btn-check:active
  + .account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton).active,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show,
.btn-check:checked
  + .account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.btn-check:active
  + .account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).active,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show,
.btn-check:checked
  + .account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.btn-check:active
  + .account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).active,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).dropdown-toggle.show,
.btn-check:checked
  + .account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton),
.btn-check:active
  + .account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton).active,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show,
.btn-check:checked
  + .account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.btn-check:active
  + .account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).active,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show,
.btn-check:checked
  + .account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.btn-check:active
  + .account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).active,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).dropdown-toggle.show,
.btn-check:checked
  + .account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton),
.btn-check:active
  + .account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton).active,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show,
.btn-check:checked
  + .account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.btn-check:active
  + .account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).active,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show,
.btn-check:checked
  + .account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.btn-check:active
  + .account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton),
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):active,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).active,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).dropdown-toggle.show {
  color: #222222;
  background-color: #fff;
  border-color: #fff;
}

.btn-check:checked
  + .account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.btn-check:active
  + .account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):active:focus,
.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton).active:focus,
.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus,
.btn-check:checked
  + .account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.btn-check:active
  + .account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):active:focus,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).active:focus,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus,
.btn-check:checked
  + .account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.btn-check:active
  + .account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):active:focus,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).active:focus,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus,
.btn-check:checked
  + .account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.btn-check:active
  + .account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):active:focus,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton).active:focus,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus,
.btn-check:checked
  + .account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.btn-check:active
  + .account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):active:focus,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).active:focus,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus,
.btn-check:checked
  + .account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.btn-check:active
  + .account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):active:focus,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).active:focus,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus,
.btn-check:checked
  + .account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.btn-check:active
  + .account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):active:focus,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton).active:focus,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus,
.btn-check:checked
  + .account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.btn-check:active
  + .account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):active:focus,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).active:focus,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus,
.btn-check:checked
  + .account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.btn-check:active
  + .account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):active:focus,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).active:focus,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus,
.btn-check:checked
  + .account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.btn-check:active
  + .account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):active:focus,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton).active:focus,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus,
.btn-check:checked
  + .account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.btn-check:active
  + .account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):active:focus,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).active:focus,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus,
.btn-check:checked
  + .account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.btn-check:active
  + .account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):active:focus,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).active:focus,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus,
.btn-check:checked
  + .account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.btn-check:active
  + .account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):active:focus,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton).active:focus,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus,
.btn-check:checked
  + .account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.btn-check:active
  + .account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):active:focus,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).active:focus,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus,
.btn-check:checked
  + .account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.btn-check:active
  + .account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):active:focus,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).active:focus,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus,
.btn-check:checked
  + .account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.btn-check:active
  + .account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):active:focus,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton).active:focus,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus,
.btn-check:checked
  + .account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.btn-check:active
  + .account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):active:focus,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).active:focus,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus,
.btn-check:checked
  + .account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.btn-check:active
  + .account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):active:focus,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).active:focus,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus,
.btn-check:checked
  + .account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.btn-check:active
  + .account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):active:focus,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton).active:focus,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus,
.btn-check:checked
  + .account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.btn-check:active
  + .account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):active:focus,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).active:focus,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus,
.btn-check:checked
  + .account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.btn-check:active
  + .account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):active:focus,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).active:focus,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus,
.btn-check:checked
  + .account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.btn-check:active
  + .account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):active:focus,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton).active:focus,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus,
.btn-check:checked
  + .account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.btn-check:active
  + .account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):active:focus,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).active:focus,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus,
.btn-check:checked
  + .account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.btn-check:active
  + .account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):active:focus,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).active:focus,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus,
.btn-check:checked
  + .account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.btn-check:active
  + .account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):active:focus,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton).active:focus,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus,
.btn-check:checked
  + .account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.btn-check:active
  + .account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):active:focus,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).active:focus,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus,
.btn-check:checked
  + .account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.btn-check:active
  + .account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):active:focus,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).active:focus,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus,
.btn-check:checked
  + .account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.btn-check:active
  + .account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):active:focus,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton).active:focus,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus,
.btn-check:checked
  + .account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.btn-check:active
  + .account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):active:focus,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).active:focus,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus,
.btn-check:checked
  + .account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.btn-check:active
  + .account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):focus,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):active:focus,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).active:focus,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus {
  box-shadow:
    inset 0 3px 5px rgba(0, 0, 0, 0.125),
    0 0 0 0.25rem rgba(255, 255, 255, 0.5);
}

.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):disabled,
.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton).disabled,
.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton).aspNetDisabled,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):disabled,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).disabled,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).aspNetDisabled,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):disabled,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).disabled,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).aspNetDisabled,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):disabled,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton).disabled,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton).aspNetDisabled,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):disabled,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).disabled,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).aspNetDisabled,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):disabled,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).disabled,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).aspNetDisabled,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):disabled,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton).disabled,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton).aspNetDisabled,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):disabled,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).disabled,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).aspNetDisabled,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):disabled,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).disabled,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).aspNetDisabled,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):disabled,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton).disabled,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton).aspNetDisabled,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):disabled,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).disabled,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).aspNetDisabled,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):disabled,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).disabled,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).aspNetDisabled,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):disabled,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton).disabled,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton).aspNetDisabled,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):disabled,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).disabled,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).aspNetDisabled,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):disabled,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).disabled,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).aspNetDisabled,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):disabled,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton).disabled,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton).aspNetDisabled,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):disabled,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).disabled,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).aspNetDisabled,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):disabled,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).disabled,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).aspNetDisabled,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):disabled,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton).disabled,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton).aspNetDisabled,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):disabled,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).disabled,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).aspNetDisabled,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):disabled,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).disabled,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).aspNetDisabled,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):disabled,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton).disabled,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton).aspNetDisabled,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):disabled,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).disabled,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).aspNetDisabled,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):disabled,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).disabled,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).aspNetDisabled,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton):disabled,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton).disabled,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton:not(.PrimaryButton).aspNetDisabled,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):disabled,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).disabled,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).aspNetDisabled,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):disabled,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).disabled,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).aspNetDisabled,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton):disabled,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton).disabled,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton:not(.PrimaryButton).aspNetDisabled,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton):disabled,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).disabled,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton:not(.PrimaryButton).aspNetDisabled,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton):disabled,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).disabled,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton:not(.PrimaryButton).aspNetDisabled {
  color: #fff;
  background-color: transparent;
}

.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton {
  background-color: #fff;
  border-color: #fff;
  border-width: 1px;
}

.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:visited {
  text-decoration: none;
}

.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:visited,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:visited {
  color: #222222;
}

.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:hover,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:focus,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:active {
  color: #222222;
  text-decoration: none;
  background-color: #ebebeb;
  border-color: #e0e0e0;
}

.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:active,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:active {
  background-image: none;
}

.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:disabled,
.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:disabled:hover,
.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:disabled:focus,
.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:disabled:active,
.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.disabled,
.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.disabled:hover,
.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.disabled:focus,
.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.disabled:active,
.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled,
.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled:hover,
.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled:focus,
.account-banner-bg-color-5
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled:active,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled:hover,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled:focus,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled:active,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled:hover,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled:focus,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled:active,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled:hover,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled:focus,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled:active,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled:hover,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled:focus,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled:active,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled:hover,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled:focus,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled:active,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled:hover,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled:focus,
.account-banner-bg-color-5
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled:active,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:disabled,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:disabled:hover,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:disabled:focus,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:disabled:active,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.disabled,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.disabled:hover,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.disabled:focus,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.disabled:active,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled:hover,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled:focus,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled:active,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled:hover,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled:focus,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled:active,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled:hover,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled:focus,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled:active,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled:hover,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled:focus,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled:active,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled:hover,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled:focus,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled:active,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled:hover,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled:focus,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled:active,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled:hover,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled:focus,
.account-banner-bg-color-5
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled:active,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:disabled,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:disabled:hover,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:disabled:focus,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:disabled:active,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.disabled,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.disabled:hover,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.disabled:focus,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.disabled:active,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled:hover,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled:focus,
.account-banner-bg-color-red
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled:active,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled:hover,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled:focus,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled:active,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled:hover,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled:focus,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled:active,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled:hover,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled:focus,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled:active,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled:hover,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled:focus,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled:active,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled:hover,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled:focus,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled:active,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled:hover,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled:focus,
.account-banner-bg-color-red
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled:active,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:disabled,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:disabled:hover,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:disabled:focus,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:disabled:active,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.disabled,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.disabled:hover,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.disabled:focus,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.disabled:active,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled:hover,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled:focus,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled:active,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled:hover,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled:focus,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled:active,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled:hover,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled:focus,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled:active,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled:hover,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled:focus,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled:active,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled:hover,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled:focus,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled:active,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled:hover,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled:focus,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled:active,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled:hover,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled:focus,
.account-banner-bg-color-red
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled:active,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:disabled,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:disabled:hover,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:disabled:focus,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:disabled:active,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.disabled,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.disabled:hover,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.disabled:focus,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.disabled:active,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled:hover,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled:focus,
.account-banner-bg-color-purple
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled:active,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled:hover,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled:focus,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled:active,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled:hover,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled:focus,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled:active,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled:hover,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled:focus,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled:active,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled:hover,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled:focus,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled:active,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled:hover,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled:focus,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled:active,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled:hover,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled:focus,
.account-banner-bg-color-purple
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled:active,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:disabled,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:disabled:hover,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:disabled:focus,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:disabled:active,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.disabled,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.disabled:hover,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.disabled:focus,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.disabled:active,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled:hover,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled:focus,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled:active,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled:hover,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled:focus,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled:active,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled:hover,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled:focus,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled:active,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled:hover,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled:focus,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled:active,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled:hover,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled:focus,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled:active,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled:hover,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled:focus,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled:active,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled:hover,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled:focus,
.account-banner-bg-color-purple
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled:active,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:disabled,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:disabled:hover,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:disabled:focus,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:disabled:active,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.disabled,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.disabled:hover,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.disabled:focus,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.disabled:active,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled:hover,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled:focus,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled:active,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled:hover,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled:focus,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled:active,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled:hover,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled:focus,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled:active,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled:hover,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled:focus,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled:active,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled:hover,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled:focus,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled:active,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled:hover,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled:focus,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled:active,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled:hover,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled:focus,
.account-banner-bg-color-mps-1
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled:active,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:disabled,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:disabled:hover,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:disabled:focus,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:disabled:active,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.disabled,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.disabled:hover,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.disabled:focus,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.disabled:active,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled:hover,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled:focus,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled:active,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled:hover,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled:focus,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled:active,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled:hover,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled:focus,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled:active,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled:hover,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled:focus,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled:active,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled:hover,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled:focus,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled:active,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled:hover,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled:focus,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled:active,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled:hover,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled:focus,
.account-banner-bg-color-mps-1
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled:active,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:disabled,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:disabled:hover,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:disabled:focus,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton:disabled:active,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.disabled,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.disabled:hover,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.disabled:focus,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.disabled:active,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled:hover,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled:focus,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled:active,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled:hover,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled:focus,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled:active,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled:hover,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled:focus,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled:active,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled:hover,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled:focus,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled:active,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled:hover,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled:focus,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled:active,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled:hover,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled:focus,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled:active,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled:hover,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled:focus,
.account-banner-bg-color-mps-2
  .account-banner
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled:active,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:disabled,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:disabled:hover,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:disabled:focus,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton:disabled:active,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.disabled,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.disabled:hover,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.disabled:focus,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.disabled:active,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled:hover,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled:focus,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-left
  .TextButton.PrimaryButton.aspNetDisabled:active,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled:hover,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled:focus,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton:disabled:active,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled:hover,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled:focus,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.disabled:active,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled:hover,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled:focus,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-left
  .TextButton.PrimaryButton.aspNetDisabled:active,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled:hover,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled:focus,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton:disabled:active,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled:hover,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled:focus,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.disabled:active,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled:hover,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled:focus,
.account-banner-bg-color-mps-2
  .account-banner-short
  .area-top-bar-right
  .TextButton.PrimaryButton.aspNetDisabled:active {
  color: #222222;
  background-color: #fff;
  border-color: #fff;
}

.account-banner-bg-color-5 .account-banner .sysicon:focus,
.account-banner-bg-color-5 .account-banner button.sysicon:focus,
.account-banner-bg-color-5 .account-banner-short .sysicon:focus,
.account-banner-bg-color-5 .account-banner-short button.sysicon:focus,
.account-banner-bg-color-red .account-banner .sysicon:focus,
.account-banner-bg-color-red .account-banner button.sysicon:focus,
.account-banner-bg-color-red .account-banner-short .sysicon:focus,
.account-banner-bg-color-red .account-banner-short button.sysicon:focus,
.account-banner-bg-color-purple .account-banner .sysicon:focus,
.account-banner-bg-color-purple .account-banner button.sysicon:focus,
.account-banner-bg-color-purple .account-banner-short .sysicon:focus,
.account-banner-bg-color-purple .account-banner-short button.sysicon:focus,
.account-banner-bg-color-mps-1 .account-banner .sysicon:focus,
.account-banner-bg-color-mps-1 .account-banner button.sysicon:focus,
.account-banner-bg-color-mps-1 .account-banner-short .sysicon:focus,
.account-banner-bg-color-mps-1 .account-banner-short button.sysicon:focus,
.account-banner-bg-color-mps-2 .account-banner .sysicon:focus,
.account-banner-bg-color-mps-2 .account-banner button.sysicon:focus,
.account-banner-bg-color-mps-2 .account-banner-short .sysicon:focus,
.account-banner-bg-color-mps-2 .account-banner-short button.sysicon:focus {
  border-color: #fff !important;
}

@media (min-width: 768px) {
  .account-banner-bg-color-5 .account-banner .area-middle-left,
  .account-banner-bg-color-5 .account-banner .area-middle-left h1,
  .account-banner-bg-color-5 .account-banner .area-middle-left h2,
  .account-banner-bg-color-5 .account-banner .area-middle-left h3,
  .account-banner-bg-color-5 .account-banner .area-middle-left h4,
  .account-banner-bg-color-5 .account-banner .area-middle-left h5,
  .account-banner-bg-color-5 .account-banner .area-middle-left label,
  .account-banner-bg-color-5 .account-banner .area-middle-left .Label,
  .account-banner-bg-color-5 .account-banner .area-middle-left .SectionLabel,
  .account-banner-bg-color-5 .account-banner .area-bottom-left,
  .account-banner-bg-color-5 .account-banner .area-bottom-left h1,
  .account-banner-bg-color-5 .account-banner .area-bottom-left h2,
  .account-banner-bg-color-5 .account-banner .area-bottom-left h3,
  .account-banner-bg-color-5 .account-banner .area-bottom-left h4,
  .account-banner-bg-color-5 .account-banner .area-bottom-left h5,
  .account-banner-bg-color-5 .account-banner .area-bottom-left label,
  .account-banner-bg-color-5 .account-banner .area-bottom-left .Label,
  .account-banner-bg-color-5 .account-banner .area-bottom-left .SectionLabel,
  .account-banner-bg-color-5 .account-banner-short .area-middle-left,
  .account-banner-bg-color-5 .account-banner-short .area-middle-left h1,
  .account-banner-bg-color-5 .account-banner-short .area-middle-left h2,
  .account-banner-bg-color-5 .account-banner-short .area-middle-left h3,
  .account-banner-bg-color-5 .account-banner-short .area-middle-left h4,
  .account-banner-bg-color-5 .account-banner-short .area-middle-left h5,
  .account-banner-bg-color-5 .account-banner-short .area-middle-left label,
  .account-banner-bg-color-5 .account-banner-short .area-middle-left .Label,
  .account-banner-bg-color-5
    .account-banner-short
    .area-middle-left
    .SectionLabel,
  .account-banner-bg-color-5 .account-banner-short .area-bottom-left,
  .account-banner-bg-color-5 .account-banner-short .area-bottom-left h1,
  .account-banner-bg-color-5 .account-banner-short .area-bottom-left h2,
  .account-banner-bg-color-5 .account-banner-short .area-bottom-left h3,
  .account-banner-bg-color-5 .account-banner-short .area-bottom-left h4,
  .account-banner-bg-color-5 .account-banner-short .area-bottom-left h5,
  .account-banner-bg-color-5 .account-banner-short .area-bottom-left label,
  .account-banner-bg-color-5 .account-banner-short .area-bottom-left .Label,
  .account-banner-bg-color-5
    .account-banner-short
    .area-bottom-left
    .SectionLabel,
  .account-banner-bg-color-red .account-banner .area-middle-left,
  .account-banner-bg-color-red .account-banner .area-middle-left h1,
  .account-banner-bg-color-red .account-banner .area-middle-left h2,
  .account-banner-bg-color-red .account-banner .area-middle-left h3,
  .account-banner-bg-color-red .account-banner .area-middle-left h4,
  .account-banner-bg-color-red .account-banner .area-middle-left h5,
  .account-banner-bg-color-red .account-banner .area-middle-left label,
  .account-banner-bg-color-red .account-banner .area-middle-left .Label,
  .account-banner-bg-color-red .account-banner .area-middle-left .SectionLabel,
  .account-banner-bg-color-red .account-banner .area-bottom-left,
  .account-banner-bg-color-red .account-banner .area-bottom-left h1,
  .account-banner-bg-color-red .account-banner .area-bottom-left h2,
  .account-banner-bg-color-red .account-banner .area-bottom-left h3,
  .account-banner-bg-color-red .account-banner .area-bottom-left h4,
  .account-banner-bg-color-red .account-banner .area-bottom-left h5,
  .account-banner-bg-color-red .account-banner .area-bottom-left label,
  .account-banner-bg-color-red .account-banner .area-bottom-left .Label,
  .account-banner-bg-color-red .account-banner .area-bottom-left .SectionLabel,
  .account-banner-bg-color-red .account-banner-short .area-middle-left,
  .account-banner-bg-color-red .account-banner-short .area-middle-left h1,
  .account-banner-bg-color-red .account-banner-short .area-middle-left h2,
  .account-banner-bg-color-red .account-banner-short .area-middle-left h3,
  .account-banner-bg-color-red .account-banner-short .area-middle-left h4,
  .account-banner-bg-color-red .account-banner-short .area-middle-left h5,
  .account-banner-bg-color-red .account-banner-short .area-middle-left label,
  .account-banner-bg-color-red .account-banner-short .area-middle-left .Label,
  .account-banner-bg-color-red
    .account-banner-short
    .area-middle-left
    .SectionLabel,
  .account-banner-bg-color-red .account-banner-short .area-bottom-left,
  .account-banner-bg-color-red .account-banner-short .area-bottom-left h1,
  .account-banner-bg-color-red .account-banner-short .area-bottom-left h2,
  .account-banner-bg-color-red .account-banner-short .area-bottom-left h3,
  .account-banner-bg-color-red .account-banner-short .area-bottom-left h4,
  .account-banner-bg-color-red .account-banner-short .area-bottom-left h5,
  .account-banner-bg-color-red .account-banner-short .area-bottom-left label,
  .account-banner-bg-color-red .account-banner-short .area-bottom-left .Label,
  .account-banner-bg-color-red
    .account-banner-short
    .area-bottom-left
    .SectionLabel,
  .account-banner-bg-color-purple .account-banner .area-middle-left,
  .account-banner-bg-color-purple .account-banner .area-middle-left h1,
  .account-banner-bg-color-purple .account-banner .area-middle-left h2,
  .account-banner-bg-color-purple .account-banner .area-middle-left h3,
  .account-banner-bg-color-purple .account-banner .area-middle-left h4,
  .account-banner-bg-color-purple .account-banner .area-middle-left h5,
  .account-banner-bg-color-purple .account-banner .area-middle-left label,
  .account-banner-bg-color-purple .account-banner .area-middle-left .Label,
  .account-banner-bg-color-purple
    .account-banner
    .area-middle-left
    .SectionLabel,
  .account-banner-bg-color-purple .account-banner .area-bottom-left,
  .account-banner-bg-color-purple .account-banner .area-bottom-left h1,
  .account-banner-bg-color-purple .account-banner .area-bottom-left h2,
  .account-banner-bg-color-purple .account-banner .area-bottom-left h3,
  .account-banner-bg-color-purple .account-banner .area-bottom-left h4,
  .account-banner-bg-color-purple .account-banner .area-bottom-left h5,
  .account-banner-bg-color-purple .account-banner .area-bottom-left label,
  .account-banner-bg-color-purple .account-banner .area-bottom-left .Label,
  .account-banner-bg-color-purple
    .account-banner
    .area-bottom-left
    .SectionLabel,
  .account-banner-bg-color-purple .account-banner-short .area-middle-left,
  .account-banner-bg-color-purple .account-banner-short .area-middle-left h1,
  .account-banner-bg-color-purple .account-banner-short .area-middle-left h2,
  .account-banner-bg-color-purple .account-banner-short .area-middle-left h3,
  .account-banner-bg-color-purple .account-banner-short .area-middle-left h4,
  .account-banner-bg-color-purple .account-banner-short .area-middle-left h5,
  .account-banner-bg-color-purple .account-banner-short .area-middle-left label,
  .account-banner-bg-color-purple
    .account-banner-short
    .area-middle-left
    .Label,
  .account-banner-bg-color-purple
    .account-banner-short
    .area-middle-left
    .SectionLabel,
  .account-banner-bg-color-purple .account-banner-short .area-bottom-left,
  .account-banner-bg-color-purple .account-banner-short .area-bottom-left h1,
  .account-banner-bg-color-purple .account-banner-short .area-bottom-left h2,
  .account-banner-bg-color-purple .account-banner-short .area-bottom-left h3,
  .account-banner-bg-color-purple .account-banner-short .area-bottom-left h4,
  .account-banner-bg-color-purple .account-banner-short .area-bottom-left h5,
  .account-banner-bg-color-purple .account-banner-short .area-bottom-left label,
  .account-banner-bg-color-purple
    .account-banner-short
    .area-bottom-left
    .Label,
  .account-banner-bg-color-purple
    .account-banner-short
    .area-bottom-left
    .SectionLabel,
  .account-banner-bg-color-mps-1 .account-banner .area-middle-left,
  .account-banner-bg-color-mps-1 .account-banner .area-middle-left h1,
  .account-banner-bg-color-mps-1 .account-banner .area-middle-left h2,
  .account-banner-bg-color-mps-1 .account-banner .area-middle-left h3,
  .account-banner-bg-color-mps-1 .account-banner .area-middle-left h4,
  .account-banner-bg-color-mps-1 .account-banner .area-middle-left h5,
  .account-banner-bg-color-mps-1 .account-banner .area-middle-left label,
  .account-banner-bg-color-mps-1 .account-banner .area-middle-left .Label,
  .account-banner-bg-color-mps-1
    .account-banner
    .area-middle-left
    .SectionLabel,
  .account-banner-bg-color-mps-1 .account-banner .area-bottom-left,
  .account-banner-bg-color-mps-1 .account-banner .area-bottom-left h1,
  .account-banner-bg-color-mps-1 .account-banner .area-bottom-left h2,
  .account-banner-bg-color-mps-1 .account-banner .area-bottom-left h3,
  .account-banner-bg-color-mps-1 .account-banner .area-bottom-left h4,
  .account-banner-bg-color-mps-1 .account-banner .area-bottom-left h5,
  .account-banner-bg-color-mps-1 .account-banner .area-bottom-left label,
  .account-banner-bg-color-mps-1 .account-banner .area-bottom-left .Label,
  .account-banner-bg-color-mps-1
    .account-banner
    .area-bottom-left
    .SectionLabel,
  .account-banner-bg-color-mps-1 .account-banner-short .area-middle-left,
  .account-banner-bg-color-mps-1 .account-banner-short .area-middle-left h1,
  .account-banner-bg-color-mps-1 .account-banner-short .area-middle-left h2,
  .account-banner-bg-color-mps-1 .account-banner-short .area-middle-left h3,
  .account-banner-bg-color-mps-1 .account-banner-short .area-middle-left h4,
  .account-banner-bg-color-mps-1 .account-banner-short .area-middle-left h5,
  .account-banner-bg-color-mps-1 .account-banner-short .area-middle-left label,
  .account-banner-bg-color-mps-1 .account-banner-short .area-middle-left .Label,
  .account-banner-bg-color-mps-1
    .account-banner-short
    .area-middle-left
    .SectionLabel,
  .account-banner-bg-color-mps-1 .account-banner-short .area-bottom-left,
  .account-banner-bg-color-mps-1 .account-banner-short .area-bottom-left h1,
  .account-banner-bg-color-mps-1 .account-banner-short .area-bottom-left h2,
  .account-banner-bg-color-mps-1 .account-banner-short .area-bottom-left h3,
  .account-banner-bg-color-mps-1 .account-banner-short .area-bottom-left h4,
  .account-banner-bg-color-mps-1 .account-banner-short .area-bottom-left h5,
  .account-banner-bg-color-mps-1 .account-banner-short .area-bottom-left label,
  .account-banner-bg-color-mps-1 .account-banner-short .area-bottom-left .Label,
  .account-banner-bg-color-mps-1
    .account-banner-short
    .area-bottom-left
    .SectionLabel,
  .account-banner-bg-color-mps-2 .account-banner .area-middle-left,
  .account-banner-bg-color-mps-2 .account-banner .area-middle-left h1,
  .account-banner-bg-color-mps-2 .account-banner .area-middle-left h2,
  .account-banner-bg-color-mps-2 .account-banner .area-middle-left h3,
  .account-banner-bg-color-mps-2 .account-banner .area-middle-left h4,
  .account-banner-bg-color-mps-2 .account-banner .area-middle-left h5,
  .account-banner-bg-color-mps-2 .account-banner .area-middle-left label,
  .account-banner-bg-color-mps-2 .account-banner .area-middle-left .Label,
  .account-banner-bg-color-mps-2
    .account-banner
    .area-middle-left
    .SectionLabel,
  .account-banner-bg-color-mps-2 .account-banner .area-bottom-left,
  .account-banner-bg-color-mps-2 .account-banner .area-bottom-left h1,
  .account-banner-bg-color-mps-2 .account-banner .area-bottom-left h2,
  .account-banner-bg-color-mps-2 .account-banner .area-bottom-left h3,
  .account-banner-bg-color-mps-2 .account-banner .area-bottom-left h4,
  .account-banner-bg-color-mps-2 .account-banner .area-bottom-left h5,
  .account-banner-bg-color-mps-2 .account-banner .area-bottom-left label,
  .account-banner-bg-color-mps-2 .account-banner .area-bottom-left .Label,
  .account-banner-bg-color-mps-2
    .account-banner
    .area-bottom-left
    .SectionLabel,
  .account-banner-bg-color-mps-2 .account-banner-short .area-middle-left,
  .account-banner-bg-color-mps-2 .account-banner-short .area-middle-left h1,
  .account-banner-bg-color-mps-2 .account-banner-short .area-middle-left h2,
  .account-banner-bg-color-mps-2 .account-banner-short .area-middle-left h3,
  .account-banner-bg-color-mps-2 .account-banner-short .area-middle-left h4,
  .account-banner-bg-color-mps-2 .account-banner-short .area-middle-left h5,
  .account-banner-bg-color-mps-2 .account-banner-short .area-middle-left label,
  .account-banner-bg-color-mps-2 .account-banner-short .area-middle-left .Label,
  .account-banner-bg-color-mps-2
    .account-banner-short
    .area-middle-left
    .SectionLabel,
  .account-banner-bg-color-mps-2 .account-banner-short .area-bottom-left,
  .account-banner-bg-color-mps-2 .account-banner-short .area-bottom-left h1,
  .account-banner-bg-color-mps-2 .account-banner-short .area-bottom-left h2,
  .account-banner-bg-color-mps-2 .account-banner-short .area-bottom-left h3,
  .account-banner-bg-color-mps-2 .account-banner-short .area-bottom-left h4,
  .account-banner-bg-color-mps-2 .account-banner-short .area-bottom-left h5,
  .account-banner-bg-color-mps-2 .account-banner-short .area-bottom-left label,
  .account-banner-bg-color-mps-2 .account-banner-short .area-bottom-left .Label,
  .account-banner-bg-color-mps-2
    .account-banner-short
    .area-bottom-left
    .SectionLabel {
    color: #fff;
  }
  .account-banner-bg-color-5 .account-banner .area-middle-left a.ButtonItem,
  .account-banner-bg-color-5 .account-banner .area-bottom-left a.ButtonItem,
  .account-banner-bg-color-5
    .account-banner-short
    .area-middle-left
    a.ButtonItem,
  .account-banner-bg-color-5
    .account-banner-short
    .area-bottom-left
    a.ButtonItem,
  .account-banner-bg-color-red .account-banner .area-middle-left a.ButtonItem,
  .account-banner-bg-color-red .account-banner .area-bottom-left a.ButtonItem,
  .account-banner-bg-color-red
    .account-banner-short
    .area-middle-left
    a.ButtonItem,
  .account-banner-bg-color-red
    .account-banner-short
    .area-bottom-left
    a.ButtonItem,
  .account-banner-bg-color-purple
    .account-banner
    .area-middle-left
    a.ButtonItem,
  .account-banner-bg-color-purple
    .account-banner
    .area-bottom-left
    a.ButtonItem,
  .account-banner-bg-color-purple
    .account-banner-short
    .area-middle-left
    a.ButtonItem,
  .account-banner-bg-color-purple
    .account-banner-short
    .area-bottom-left
    a.ButtonItem,
  .account-banner-bg-color-mps-1 .account-banner .area-middle-left a.ButtonItem,
  .account-banner-bg-color-mps-1 .account-banner .area-bottom-left a.ButtonItem,
  .account-banner-bg-color-mps-1
    .account-banner-short
    .area-middle-left
    a.ButtonItem,
  .account-banner-bg-color-mps-1
    .account-banner-short
    .area-bottom-left
    a.ButtonItem,
  .account-banner-bg-color-mps-2 .account-banner .area-middle-left a.ButtonItem,
  .account-banner-bg-color-mps-2 .account-banner .area-bottom-left a.ButtonItem,
  .account-banner-bg-color-mps-2
    .account-banner-short
    .area-middle-left
    a.ButtonItem,
  .account-banner-bg-color-mps-2
    .account-banner-short
    .area-bottom-left
    a.ButtonItem {
    text-decoration: none;
  }
  .account-banner-bg-color-5
    .account-banner
    .area-middle-left
    a:not(.ButtonItem),
  .account-banner-bg-color-5
    .account-banner
    .area-bottom-left
    a:not(.ButtonItem),
  .account-banner-bg-color-5
    .account-banner-short
    .area-middle-left
    a:not(.ButtonItem),
  .account-banner-bg-color-5
    .account-banner-short
    .area-bottom-left
    a:not(.ButtonItem),
  .account-banner-bg-color-red
    .account-banner
    .area-middle-left
    a:not(.ButtonItem),
  .account-banner-bg-color-red
    .account-banner
    .area-bottom-left
    a:not(.ButtonItem),
  .account-banner-bg-color-red
    .account-banner-short
    .area-middle-left
    a:not(.ButtonItem),
  .account-banner-bg-color-red
    .account-banner-short
    .area-bottom-left
    a:not(.ButtonItem),
  .account-banner-bg-color-purple
    .account-banner
    .area-middle-left
    a:not(.ButtonItem),
  .account-banner-bg-color-purple
    .account-banner
    .area-bottom-left
    a:not(.ButtonItem),
  .account-banner-bg-color-purple
    .account-banner-short
    .area-middle-left
    a:not(.ButtonItem),
  .account-banner-bg-color-purple
    .account-banner-short
    .area-bottom-left
    a:not(.ButtonItem),
  .account-banner-bg-color-mps-1
    .account-banner
    .area-middle-left
    a:not(.ButtonItem),
  .account-banner-bg-color-mps-1
    .account-banner
    .area-bottom-left
    a:not(.ButtonItem),
  .account-banner-bg-color-mps-1
    .account-banner-short
    .area-middle-left
    a:not(.ButtonItem),
  .account-banner-bg-color-mps-1
    .account-banner-short
    .area-bottom-left
    a:not(.ButtonItem),
  .account-banner-bg-color-mps-2
    .account-banner
    .area-middle-left
    a:not(.ButtonItem),
  .account-banner-bg-color-mps-2
    .account-banner
    .area-bottom-left
    a:not(.ButtonItem),
  .account-banner-bg-color-mps-2
    .account-banner-short
    .area-middle-left
    a:not(.ButtonItem),
  .account-banner-bg-color-mps-2
    .account-banner-short
    .area-bottom-left
    a:not(.ButtonItem) {
    color: #fff;
  }
}

@media (min-width: 992px) {
  .account-banner-bg-color-5 .account-banner .area-center,
  .account-banner-bg-color-5 .account-banner .area-center h1,
  .account-banner-bg-color-5 .account-banner .area-center h2,
  .account-banner-bg-color-5 .account-banner .area-center h3,
  .account-banner-bg-color-5 .account-banner .area-center h4,
  .account-banner-bg-color-5 .account-banner .area-center h5,
  .account-banner-bg-color-5 .account-banner .area-center label,
  .account-banner-bg-color-5 .account-banner .area-center .Label,
  .account-banner-bg-color-5 .account-banner .area-center .SectionLabel,
  .account-banner-bg-color-5 .account-banner-short .area-center,
  .account-banner-bg-color-5 .account-banner-short .area-center h1,
  .account-banner-bg-color-5 .account-banner-short .area-center h2,
  .account-banner-bg-color-5 .account-banner-short .area-center h3,
  .account-banner-bg-color-5 .account-banner-short .area-center h4,
  .account-banner-bg-color-5 .account-banner-short .area-center h5,
  .account-banner-bg-color-5 .account-banner-short .area-center label,
  .account-banner-bg-color-5 .account-banner-short .area-center .Label,
  .account-banner-bg-color-5 .account-banner-short .area-center .SectionLabel,
  .account-banner-bg-color-red .account-banner .area-center,
  .account-banner-bg-color-red .account-banner .area-center h1,
  .account-banner-bg-color-red .account-banner .area-center h2,
  .account-banner-bg-color-red .account-banner .area-center h3,
  .account-banner-bg-color-red .account-banner .area-center h4,
  .account-banner-bg-color-red .account-banner .area-center h5,
  .account-banner-bg-color-red .account-banner .area-center label,
  .account-banner-bg-color-red .account-banner .area-center .Label,
  .account-banner-bg-color-red .account-banner .area-center .SectionLabel,
  .account-banner-bg-color-red .account-banner-short .area-center,
  .account-banner-bg-color-red .account-banner-short .area-center h1,
  .account-banner-bg-color-red .account-banner-short .area-center h2,
  .account-banner-bg-color-red .account-banner-short .area-center h3,
  .account-banner-bg-color-red .account-banner-short .area-center h4,
  .account-banner-bg-color-red .account-banner-short .area-center h5,
  .account-banner-bg-color-red .account-banner-short .area-center label,
  .account-banner-bg-color-red .account-banner-short .area-center .Label,
  .account-banner-bg-color-red .account-banner-short .area-center .SectionLabel,
  .account-banner-bg-color-purple .account-banner .area-center,
  .account-banner-bg-color-purple .account-banner .area-center h1,
  .account-banner-bg-color-purple .account-banner .area-center h2,
  .account-banner-bg-color-purple .account-banner .area-center h3,
  .account-banner-bg-color-purple .account-banner .area-center h4,
  .account-banner-bg-color-purple .account-banner .area-center h5,
  .account-banner-bg-color-purple .account-banner .area-center label,
  .account-banner-bg-color-purple .account-banner .area-center .Label,
  .account-banner-bg-color-purple .account-banner .area-center .SectionLabel,
  .account-banner-bg-color-purple .account-banner-short .area-center,
  .account-banner-bg-color-purple .account-banner-short .area-center h1,
  .account-banner-bg-color-purple .account-banner-short .area-center h2,
  .account-banner-bg-color-purple .account-banner-short .area-center h3,
  .account-banner-bg-color-purple .account-banner-short .area-center h4,
  .account-banner-bg-color-purple .account-banner-short .area-center h5,
  .account-banner-bg-color-purple .account-banner-short .area-center label,
  .account-banner-bg-color-purple .account-banner-short .area-center .Label,
  .account-banner-bg-color-purple
    .account-banner-short
    .area-center
    .SectionLabel,
  .account-banner-bg-color-mps-1 .account-banner .area-center,
  .account-banner-bg-color-mps-1 .account-banner .area-center h1,
  .account-banner-bg-color-mps-1 .account-banner .area-center h2,
  .account-banner-bg-color-mps-1 .account-banner .area-center h3,
  .account-banner-bg-color-mps-1 .account-banner .area-center h4,
  .account-banner-bg-color-mps-1 .account-banner .area-center h5,
  .account-banner-bg-color-mps-1 .account-banner .area-center label,
  .account-banner-bg-color-mps-1 .account-banner .area-center .Label,
  .account-banner-bg-color-mps-1 .account-banner .area-center .SectionLabel,
  .account-banner-bg-color-mps-1 .account-banner-short .area-center,
  .account-banner-bg-color-mps-1 .account-banner-short .area-center h1,
  .account-banner-bg-color-mps-1 .account-banner-short .area-center h2,
  .account-banner-bg-color-mps-1 .account-banner-short .area-center h3,
  .account-banner-bg-color-mps-1 .account-banner-short .area-center h4,
  .account-banner-bg-color-mps-1 .account-banner-short .area-center h5,
  .account-banner-bg-color-mps-1 .account-banner-short .area-center label,
  .account-banner-bg-color-mps-1 .account-banner-short .area-center .Label,
  .account-banner-bg-color-mps-1
    .account-banner-short
    .area-center
    .SectionLabel,
  .account-banner-bg-color-mps-2 .account-banner .area-center,
  .account-banner-bg-color-mps-2 .account-banner .area-center h1,
  .account-banner-bg-color-mps-2 .account-banner .area-center h2,
  .account-banner-bg-color-mps-2 .account-banner .area-center h3,
  .account-banner-bg-color-mps-2 .account-banner .area-center h4,
  .account-banner-bg-color-mps-2 .account-banner .area-center h5,
  .account-banner-bg-color-mps-2 .account-banner .area-center label,
  .account-banner-bg-color-mps-2 .account-banner .area-center .Label,
  .account-banner-bg-color-mps-2 .account-banner .area-center .SectionLabel,
  .account-banner-bg-color-mps-2 .account-banner-short .area-center,
  .account-banner-bg-color-mps-2 .account-banner-short .area-center h1,
  .account-banner-bg-color-mps-2 .account-banner-short .area-center h2,
  .account-banner-bg-color-mps-2 .account-banner-short .area-center h3,
  .account-banner-bg-color-mps-2 .account-banner-short .area-center h4,
  .account-banner-bg-color-mps-2 .account-banner-short .area-center h5,
  .account-banner-bg-color-mps-2 .account-banner-short .area-center label,
  .account-banner-bg-color-mps-2 .account-banner-short .area-center .Label,
  .account-banner-bg-color-mps-2
    .account-banner-short
    .area-center
    .SectionLabel {
    color: #fff;
  }
  .account-banner-bg-color-5 .account-banner .area-center a.ButtonItem,
  .account-banner-bg-color-5 .account-banner-short .area-center a.ButtonItem,
  .account-banner-bg-color-red .account-banner .area-center a.ButtonItem,
  .account-banner-bg-color-red .account-banner-short .area-center a.ButtonItem,
  .account-banner-bg-color-purple .account-banner .area-center a.ButtonItem,
  .account-banner-bg-color-purple
    .account-banner-short
    .area-center
    a.ButtonItem,
  .account-banner-bg-color-mps-1 .account-banner .area-center a.ButtonItem,
  .account-banner-bg-color-mps-1
    .account-banner-short
    .area-center
    a.ButtonItem,
  .account-banner-bg-color-mps-2 .account-banner .area-center a.ButtonItem,
  .account-banner-bg-color-mps-2
    .account-banner-short
    .area-center
    a.ButtonItem {
    text-decoration: none;
  }
  .account-banner-bg-color-5 .account-banner .area-center a:not(.ButtonItem),
  .account-banner-bg-color-5
    .account-banner-short
    .area-center
    a:not(.ButtonItem),
  .account-banner-bg-color-red .account-banner .area-center a:not(.ButtonItem),
  .account-banner-bg-color-red
    .account-banner-short
    .area-center
    a:not(.ButtonItem),
  .account-banner-bg-color-purple
    .account-banner
    .area-center
    a:not(.ButtonItem),
  .account-banner-bg-color-purple
    .account-banner-short
    .area-center
    a:not(.ButtonItem),
  .account-banner-bg-color-mps-1
    .account-banner
    .area-center
    a:not(.ButtonItem),
  .account-banner-bg-color-mps-1
    .account-banner-short
    .area-center
    a:not(.ButtonItem),
  .account-banner-bg-color-mps-2
    .account-banner
    .area-center
    a:not(.ButtonItem),
  .account-banner-bg-color-mps-2
    .account-banner-short
    .area-center
    a:not(.ButtonItem) {
    color: #fff;
  }
}

.account-page-with-banner .mini-profile-banner-large .panel-heading,
.account-page-with-banner .mini-profile-banner-small .panel-heading,
.account-page-with-banner .account-page-top-area.account-page-top-area {
  background-color: #ffffff;
}

.account-page-with-banner .account-page-top-area {
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

.account-page-with-banner
  .mini-profile-banner-large
  .mini-profile-picture-section,
.account-page-with-banner
  .mini-profile-banner-small
  .mini-profile-picture-section {
  background-color: #ffffff;
}

.account-page-with-banner
  .mini-profile-banner-large
  .mini-profile-picture-section,
.account-page-with-banner
  .mini-profile-banner-small
  .mini-profile-picture-section {
  border-bottom: 1px solid #ccc;
}

@media (min-width: 768px) {
  .account-page-with-banner
    .mini-profile-banner-large
    .mini-profile-name-section,
  .account-page-with-banner
    .mini-profile-banner-large
    .mini-profile-address-section {
    background-color: #ffffff;
  }

  .account-page-with-banner
    .mini-profile-banner-large
    .mini-profile-name-section,
  .account-page-with-banner
    .mini-profile-banner-large
    .mini-profile-name-section
    h1,
  .account-page-with-banner
    .mini-profile-banner-large
    .mini-profile-name-section
    h2,
  .account-page-with-banner
    .mini-profile-banner-large
    .mini-profile-name-section
    h3,
  .account-page-with-banner
    .mini-profile-banner-large
    .mini-profile-name-section
    h4,
  .account-page-with-banner
    .mini-profile-banner-large
    .mini-profile-name-section
    h5,
  .account-page-with-banner
    .mini-profile-banner-large
    .mini-profile-name-section
    label,
  .account-page-with-banner
    .mini-profile-banner-large
    .mini-profile-name-section
    .Label,
  .account-page-with-banner
    .mini-profile-banner-large
    .mini-profile-name-section
    .SectionLabel,
  .account-page-with-banner
    .mini-profile-banner-large
    .mini-profile-address-section,
  .account-page-with-banner
    .mini-profile-banner-large
    .mini-profile-address-section
    h1,
  .account-page-with-banner
    .mini-profile-banner-large
    .mini-profile-address-section
    h2,
  .account-page-with-banner
    .mini-profile-banner-large
    .mini-profile-address-section
    h3,
  .account-page-with-banner
    .mini-profile-banner-large
    .mini-profile-address-section
    h4,
  .account-page-with-banner
    .mini-profile-banner-large
    .mini-profile-address-section
    h5,
  .account-page-with-banner
    .mini-profile-banner-large
    .mini-profile-address-section
    label,
  .account-page-with-banner
    .mini-profile-banner-large
    .mini-profile-address-section
    .Label,
  .account-page-with-banner
    .mini-profile-banner-large
    .mini-profile-address-section
    .SectionLabel {
    color: #222222;
  }

  .account-page-with-banner
    .mini-profile-banner-large
    .mini-profile-name-section
    a.ButtonItem,
  .account-page-with-banner
    .mini-profile-banner-large
    .mini-profile-address-section
    a.ButtonItem {
    text-decoration: none;
  }

  .account-page-with-banner
    .mini-profile-banner-large
    .mini-profile-name-section
    a:not(.ButtonItem),
  .account-page-with-banner
    .mini-profile-banner-large
    .mini-profile-address-section
    a:not(.ButtonItem) {
    color: #222222;
  }
  .account-page-with-banner .mini-profile-banner-large .mini-profile:after {
    /* because we're not sure if the name or address will be the last
                    section of the right column, need to add the border in this weird way
                */
    content: "";
    border-bottom: 1px solid #ccc;
    grid-column: address;
    grid-row: address;
    align-self: end;
    z-index: 1;
  }
}

/* Search Results
   ========================================================================== */
.SearchField,
.SearchResultSummary .ListItemTitle a {
  display: block;
  background-color: #4a5b6f;
  padding: 8px 12px;
}

.SearchField label {
  font-size: 120%;
  color: #4e937a;
}

.SearchResultSummary .ListItemTitle a {
  text-decoration: none;
  color: #222222 !important;
  margin: -4px -7px 0;
}

.SearchResultSummary .ListItemTitle a:hover {
  background-color: #354251;
  text-decoration: underline;
}

/* Event Display
   ========================================================================== */
.EventSummary {
  background-color: transparent;
}

.EventSummary .PhotoArea {
  padding-right: 2em;
  padding-bottom: 2em;
}

.EventSummary .Description {
  padding-bottom: 2em;
}

.EventSummary .PhotoArea img {
  border: 1px solid #dbdbdb !important;
}

.ProgramGroup .PanelHead,
.ProgramGroup .panel-heading {
  background-color: #354251;
}

.ProgramGroup .PanelTitle,
.ProgramGroup .panel-title {
  font-family: "Raleway", Helvetica, sans-serif;
  font-weight: 600;
  font-size: 120%;
  line-height: 2em;
  padding-left: 0.5em;
  color: #fff;
}

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

/* Product Display
   ========================================================================== */
.ProductDisplay {
  background-color: #ffffff;
  padding: 1em;
}

/* Progress Tracker
   ========================================================================== */
/* These are overrides for the colors and styles defined in 10-UltraWave.css */
/* <Progress Tracker (Default)> */
.ProgressTracker .count {
  font-weight: bold;
}

.ProgressTracker .SuccessfulMessage,
.ProgressTracker .ProgressBar > span {
  background-color: #252e38;
}

.ProgressTrackerNavigation:hover {
  border-radius: 4px;
  box-shadow: 0 2px 3px 0px #999999;
  border-color: #999999;
  opacity: 0.9;
  cursor: pointer;
}

/* </Progress Tracker > */
/* <Progress Tracker 2> */
.ProgressTracker2 .ProgressTrackerPanel {
  background-color: #354251;
}

.ProgressTracker2 .ProgressTrackerPanel::after {
  display: block;
  clear: both;
  content: "";
}

.ProgressTracker2 .ProgressTrackerPanel .count {
  color: #fff;
  font-family: "Raleway", Helvetica, sans-serif;
  font-weight: 500;
}

.ProgressTracker2 div p {
  background-color: #fcfcff;
  color: #4e937a;
  margin-bottom: 0;
}

.ProgressTracker2 .ProgressBar {
  margin: 10px;
}

.ProgressTracker2 .ProgressBar > span {
  background-color: #db9e70;
}

.ProgressTracker2 .SuccessfulMessage {
  background-color: #a0c1b5;
  color: #222222;
}

/* </Progress Tracker 2> */
/* Filter Panel (Query Menu)
   ========================================================================== */
/* This is an alternate style for the Query Menu filter panel */
.FilterPanel {
  background-color: #ffffff;
  border: none !important;
  margin-top: -3px;
}

.FilterPanel .PanelTitle,
.FilterPanel .panel-title {
  background-image: none;
  padding-left: 0.1em;
  line-height: normal;
  margin-left: 0;
  font-size: 111.17655%;
}

.FilterPanel .PanelHead.Distinguish,
.FilterPanel .panel-heading.Distinguish {
  border: none;
  min-height: 1em;
}

/* Cart Charges
   ========================================================================== */
.CartCharges {
  background-color: #ffffff;
}

.CartCharges .PanelField {
  border-bottom: none;
  border-top: 1px solid #dbdbdb;
}

.CartCharges .PanelField:first-child,
.CartCharges .PanelField .GrandTotal {
  border-top: none;
}

.CartCharges .GrandTotal .PanelField {
  background-color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  color: #f89c57;
}

.CartCharges .GrandTotal .PanelField .Label {
  color: #f89c57;
}

/* ==========================================================================
   TELERIK OVERRIDES
   ========================================================================== */
/* RadTabStrip
   ========================================================================== */
.RadTabStripTop_Metro .rtsLevel1,
.RadTabStripTop_Metro .rtsLevel1 .rtsUL,
.RadTabStrip_Metro .rtsLevel1,
.RadTabStrip_Metro .rtsLevel1 .rtsUL {
  background-color: #252e38 !important;
}

.RadTabStripTop_Metro .rtsLevel1 .rtsLink,
.RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink,
.RadTabStrip_Metro .rtsLevel1 .rtsLink,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink {
  text-transform: none;
  border: none;
  border-radius: 4px 4px 0 0;
}

.RadTabStripTop_Metro .rtsLevel1 .rtsSelected,
.RadTabStripTop_Metro .rtsLevel1 .rtsLink:hover,
.RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsSelected,
.RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink:hover,
.RadTabStrip_Metro .rtsLevel1 .rtsSelected,
.RadTabStrip_Metro .rtsLevel1 .rtsLink:hover,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsSelected,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink:hover {
  border-color: #fff;
}

.RadTabStripTop_Metro .rtsLevel1 .rtsDisabled,
.RadTabStripTop_Metro .rtsLevel1 .rtsDisabled:hover,
.RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsDisabled,
.RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsDisabled:hover,
.RadTabStrip_Metro .rtsLevel1 .rtsDisabled,
.RadTabStrip_Metro .rtsLevel1 .rtsDisabled:hover,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsDisabled,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsDisabled:hover {
  color: #dedede;
  border-color: transparent;
}

.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch {
  font-family: "Raleway", Helvetica, sans-serif !important;
  font-weight: inherit;
  font-size: 22px !important;
  clear: both;
}

html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected,
html
  .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch
  .rtsLevel1
  .rtsSelected:hover {
  border-color: #252e38;
  background-color: #252e38;
}

@media (max-width: 600px) {
  .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLI,
  .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLink,
  .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsUL,
  .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel {
    float: none;
    width: 100%;
    display: block;
  }
  html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
    margin: 0;
  }
}

@media (max-width: 767px) {
  .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch {
    display: block;
  }
  .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch
    + .RadMultiPage {
    border-top-width: 0;
  }
  .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLink,
  .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsIn {
    text-align: center;
  }
}

@media (min-width: 601px) and (max-width: 767px) {
  .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLI {
    display: inline-block;
    float: left;
  }
}

/* On the account page, when secondary nav is present, display the tabs on top */
@media (min-width: 768px) {
  .account-page-with-banner .has-secondary-col .tabs-wrapper.tabs-left,
  .account-page-with-banner .has-secondary-col .tags-wrapper.tabs-right {
    display: block;
  }
  .account-page-with-banner
    .has-secondary-col
    .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch
    .rtsLI {
    display: inline-block;
    float: left;
  }
}

.RadTabStrip,
.RadTabStripVertical {
  padding: 10px 10px 0 10px;
}

.RadTabStrip_MetroTouch.RadTabStripBottom_MetroTouch .rtsLevel1 {
  border: none;
}

/* RadTabStrip - Content Collection Organiser
    custom style for dropdown version on account page
   ========================================================================== */
.stacked-tabs .RadMultiPage {
  background: transparent;
  border-radius: 0px;
  box-shadow: none;
  border: 0;
}

.stacked-tabs .RadMultiPage .RadMultiPage {
  background: #ffffff;
  border-radius: 0 4px 4px 4px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  margin-bottom: 40px;
  border: 1px solid #dbdbdb;
  border-top: 0;
}

.stacked-tabs .cco > .RadTabStrip_MetroTouch.RadTabStrip,
.stacked-tabs .cco > .RadTabStrip_MetroTouch.RadTabStripVertical .rtsUL {
  background-color: transparent;
}

.stacked-tabs .select-tab {
  width: 100%;
  padding: 10px 15px;
  background: #336d3e;
  border-radius: 4px;
  position: relative;
  z-index: 22;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 40px;
  font-size: 20px;
  line-height: normal;
  display: block;
}

.stacked-tabs .select-tab:hover,
.stacked-tabs .select-tab:focus {
  cursor: pointer;
  text-decoration: none;
}

.stacked-tabs .select-tab:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #ffffff;
  vertical-align: middle;
  margin-right: 10px;
  mask-image: url(images/auxIcons.svg#menu);
  mask-size: 24px 24px;
  mask-position: center 5px;
  mask-repeat: no-repeat;
}

.RadTabStrip .rtsLevel1.stacked-list {
  overflow: visible;
  border: 0 !important;
}

.RadTabStrip .rtsLevel1.stacked-list .rtsUL {
  background: #fff;
  display: block;
  width: auto;
  border-radius: 0px 0px 4px 4px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #dbdbdb;
  position: absolute;
  top: 50px;
  left: 10px;
  right: 10px;
  z-index: 21;
}

.RadTabStrip .rtsLevel1.stacked-list .rtsLI {
  float: none;
}

.RadTabStrip .rtsLevel1.stacked-list a.rtsLink,
.RadTabStrip .rtsLevel1.stacked-list a.rtsLink.rtsSelected,
.RadTabStrip .rtsLevel1.stacked-list .rtsFirst a.rtsLink,
.RadTabStrip .rtsLevel1.stacked-list .rtsFirst a.rtsLink.rtsSelected {
  text-align: left;
  margin: 0px;
  border-radius: 0px;
  background-color: #ffffff !important;
  color: #222222 !important;
  border: 0;
  box-shadow: none;
  font-size: 18px;
  font-weight: 600;
  text-transform: none;
}

.RadTabStrip .rtsLevel1.stacked-list a.rtsLink:hover,
.RadTabStrip .rtsLevel1.stacked-list a.rtsLink:focus,
.RadTabStrip .rtsLevel1.stacked-list a.rtsLink:active,
.RadTabStrip .rtsLevel1.stacked-list a.rtsLink.rtsSelected:hover,
.RadTabStrip .rtsLevel1.stacked-list a.rtsLink.rtsSelected:focus,
.RadTabStrip .rtsLevel1.stacked-list a.rtsLink.rtsSelected:active,
.RadTabStrip .rtsLevel1.stacked-list .rtsFirst a.rtsLink:hover,
.RadTabStrip .rtsLevel1.stacked-list .rtsFirst a.rtsLink:focus,
.RadTabStrip .rtsLevel1.stacked-list .rtsFirst a.rtsLink:active,
.RadTabStrip .rtsLevel1.stacked-list .rtsFirst a.rtsLink.rtsSelected:hover,
.RadTabStrip .rtsLevel1.stacked-list .rtsFirst a.rtsLink.rtsSelected:focus,
.RadTabStrip .rtsLevel1.stacked-list .rtsFirst a.rtsLink.rtsSelected:active {
  background: #fcfcff !important;
  color: #336d3e !important;
  box-shadow: none;
}

/* RadToolTip
   ========================================================================== */
/* Currently used by the QueryMenu iPart */
.RadToolTip_Telerik a:hover {
  background-color: #354251;
}

/* RadGrid
   ========================================================================== */
.RadGrid.RadGrid_MetroTouch,
.RadGrid.RadGrid_Metro {
  color: #222222;
}

.RadGrid.RadGrid_MetroTouch .rgHeader,
.RadGrid.RadGrid_MetroTouch .rgRow td,
.RadGrid.RadGrid_MetroTouch .rgAltRow td,
.RadGrid.RadGrid_MetroTouch .rgEditRow > td,
.RadGrid.RadGrid_Metro .rgHeader,
.RadGrid.RadGrid_Metro .rgRow td,
.RadGrid.RadGrid_Metro .rgAltRow td,
.RadGrid.RadGrid_Metro .rgEditRow > td {
  border-left-color: transparent;
}

.RadGrid.RadGrid_MetroTouch td.rgPagerCell,
.RadGrid.RadGrid_Metro td.rgPagerCell {
  border-width: 0;
}

.RadGrid.RadGrid_MetroTouch .rgCommandRow,
.RadGrid.RadGrid_Metro .rgCommandRow {
  background-color: transparent;
}

.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: #252e38;
  border-color: #252e38;
  text-decoration: none;
  color: #fff !important;
}

.RadGrid.RadGrid_MetroTouch .rgNumPart a,
.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a,
.RadGrid.RadGrid_Metro .rgNumPart a,
.RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a {
  border-radius: 100%;
  line-height: 28px;
  padding: 0;
  border-color: transparent;
}

.RadGrid.RadGrid_MetroTouch .rgPager .rgPagerButton,
.RadGrid.RadGrid_Metro .rgPager .rgPagerButton {
  border-radius: 4px;
}

.RadGrid.RadGrid_MetroTouch input.rgAdd,
.RadGrid.RadGrid_MetroTouch input.rgRefresh,
.RadGrid.RadGrid_MetroTouch .rgSave,
.RadGrid.RadGrid_MetroTouch .rgCommandRow .rgCancel,
.RadGrid.RadGrid_Metro input.rgAdd,
.RadGrid.RadGrid_Metro input.rgRefresh,
.RadGrid.RadGrid_Metro .rgSave,
.RadGrid.RadGrid_Metro .rgCommandRow .rgCancel {
  background-color: #252e38;
}

.RadGrid.RadGrid_MetroTouch input.rgAdd:hover,
.RadGrid.RadGrid_MetroTouch input.rgRefresh:hover,
.RadGrid.RadGrid_MetroTouch .rgSave:hover,
.RadGrid.RadGrid_MetroTouch .rgCommandRow .rgCancel:hover,
.RadGrid.RadGrid_Metro input.rgAdd:hover,
.RadGrid.RadGrid_Metro input.rgRefresh:hover,
.RadGrid.RadGrid_Metro .rgSave:hover,
.RadGrid.RadGrid_Metro .rgCommandRow .rgCancel:hover {
  background-color: #fff;
}

.RadGrid.RadGrid_MetroTouch .rgInfoPart,
.RadGrid.RadGrid_Metro .rgInfoPart {
  color: #222222;
}

.RadGrid.RadGrid_MetroTouch .rgMasterTable,
.RadGrid.RadGrid_Metro .rgMasterTable {
  background-color: #fff;
}

.RadGrid.RadGrid_MetroTouch .rgHeader,
.RadGrid.RadGrid_MetroTouch .rgHeader:first-child,
.RadGrid.RadGrid_MetroTouch th.rgResizeCol,
.RadGrid.RadGrid_MetroTouch th.rgResizeCol:first-child,
.RadGrid.RadGrid_MetroTouch .rgRow td,
.RadGrid.RadGrid_MetroTouch .rgRow td:first-child,
.RadGrid.RadGrid_MetroTouch .rgAltRow td,
.RadGrid.RadGrid_MetroTouch .rgAltRow td:first-child,
.RadGrid.RadGrid_MetroTouch .rgEditRow > td,
.RadGrid.RadGrid_MetroTouch .rgEditRow > td:first-child,
.RadGrid.RadGrid_MetroTouch .rgFooter td,
.RadGrid.RadGrid_MetroTouch .rgFooter td:first-child,
.RadGrid.RadGrid_MetroTouch .rgFilterRow td,
.RadGrid.RadGrid_MetroTouch .rgFilterRow td:first-child,
.RadGrid.RadGrid_MetroTouch .rgNoRecords td,
.RadGrid.RadGrid_MetroTouch .rgNoRecords td:first-child,
.RadGrid.RadGrid_Metro .rgHeader,
.RadGrid.RadGrid_Metro .rgHeader:first-child,
.RadGrid.RadGrid_Metro th.rgResizeCol,
.RadGrid.RadGrid_Metro th.rgResizeCol:first-child,
.RadGrid.RadGrid_Metro .rgRow td,
.RadGrid.RadGrid_Metro .rgRow td:first-child,
.RadGrid.RadGrid_Metro .rgAltRow td,
.RadGrid.RadGrid_Metro .rgAltRow td:first-child,
.RadGrid.RadGrid_Metro .rgEditRow > td,
.RadGrid.RadGrid_Metro .rgEditRow > td:first-child,
.RadGrid.RadGrid_Metro .rgFooter td,
.RadGrid.RadGrid_Metro .rgFooter td:first-child,
.RadGrid.RadGrid_Metro .rgFilterRow td,
.RadGrid.RadGrid_Metro .rgFilterRow td:first-child,
.RadGrid.RadGrid_Metro .rgNoRecords td,
.RadGrid.RadGrid_Metro .rgNoRecords td:first-child {
  padding: 7px 12px;
}

.RadGrid.RadGrid_MetroTouch .rgRow td.rgExpandCol,
.RadGrid.RadGrid_MetroTouch .rgRow td.rgExpandCol:first-child,
.RadGrid.RadGrid_MetroTouch .rgAltRow td.rgExpandCol,
.RadGrid.RadGrid_MetroTouch .rgAltRow td.rgExpandCol:first-child,
.RadGrid.RadGrid_Metro .rgRow td.rgExpandCol,
.RadGrid.RadGrid_Metro .rgRow td.rgExpandCol:first-child,
.RadGrid.RadGrid_Metro .rgAltRow td.rgExpandCol,
.RadGrid.RadGrid_Metro .rgAltRow td.rgExpandCol:first-child {
  /* reset the padding for expand/collapse column */
  padding-left: 0;
  padding-right: 0;
}

.RadGrid.RadGrid_MetroTouch .rgGroupPanel,
.RadGrid.RadGrid_MetroTouch .rgGroupPanel caption,
.RadGrid.RadGrid_Metro .rgGroupPanel,
.RadGrid.RadGrid_Metro .rgGroupPanel caption {
  background-color: #252e38;
}

.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: #252e38;
}

* + html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted,
* html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted,
* + html .RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted,
* html .RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted {
  background-color: #252e38;
}

.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: #252e38;
  border-color: #252e38;
  text-decoration: none;
}

.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: #fff !important;
}

/* RadComboBox
   ========================================================================= */
.RadComboBox .rcbActionButton .t-font-icon {
  font: 16px/1 "TelerikWebUI";
}

/* RadDataPager
   ========================================================================== */
.RadDataPager.RadDataPager_MetroTouch,
.RadDataPager.RadDataPager_Metro {
  border: none;
  background-color: transparent;
}

.RadDataPager.RadDataPager_MetroTouch .rdpNumPart a.rdpCurrentPage,
.RadDataPager.RadDataPager_MetroTouch .rdpNumPart a.rdpCurrentPage:hover,
.RadDataPager.RadDataPager_MetroTouch .rdpPageFirst:hover,
.RadDataPager.RadDataPager_MetroTouch .rdpPagePrev:hover,
.RadDataPager.RadDataPager_MetroTouch .rdpPageNext:hover,
.RadDataPager.RadDataPager_MetroTouch .rdpPageLast:hover,
.RadDataPager.RadDataPager_MetroTouch .rdpPagerButton,
.RadDataPager.RadDataPager_Metro .rdpNumPart a.rdpCurrentPage,
.RadDataPager.RadDataPager_Metro .rdpNumPart a.rdpCurrentPage:hover,
.RadDataPager.RadDataPager_Metro .rdpPageFirst:hover,
.RadDataPager.RadDataPager_Metro .rdpPagePrev:hover,
.RadDataPager.RadDataPager_Metro .rdpPageNext:hover,
.RadDataPager.RadDataPager_Metro .rdpPageLast:hover,
.RadDataPager.RadDataPager_Metro .rdpPagerButton {
  background-color: #252e38;
  border-color: #252e38;
}

/* RadScheduler
   ========================================================================== */
.RadScheduler.RadScheduler_Metro .rsAptIn {
  border-top: none;
}

.RadScheduler.RadScheduler_Metro .rsHeader {
  border-color: #252e38;
  background-color: #252e38;
}

.RadScheduler.RadScheduler_Metro .rsHeader ul a {
  border-color: #252e38;
}

.RadScheduler.RadScheduler_Metro .rsHeader h2 {
  font-family: "Raleway", Helvetica, sans-serif;
  font-weight: bold;
  color: #fff;
  text-transform: none;
  border-bottom: none;
}

/* RadMenu
   ========================================================================== */
.RadMenu.RadMenu_Metro.RadMenu,
.RadMenu.RadMenu_MetroTouch.RadMenu {
  font-family: inherit;
  font-weight: normal;
}

.RadMenu.RadMenu_Metro,
.RadMenu.RadMenu_Metro .rmRootLink,
.RadMenu.RadMenu_MetroTouch,
.RadMenu.RadMenu_MetroTouch .rmRootLink {
  text-transform: none;
  color: #ffffff;
}

.RadMenu.RadMenu_Metro div.rmRootGroup,
.RadMenu.RadMenu_Metro ul.rmRootGroup,
.RadMenu.RadMenu_MetroTouch div.rmRootGroup,
.RadMenu.RadMenu_MetroTouch ul.rmRootGroup {
  background-color: #4e937a;
}

.RadMenu.RadMenu_Metro .rmRootLink,
.RadMenu.RadMenu_MetroTouch .rmRootLink {
  border-color: #4e937a;
}

.RadMenu.RadMenu_Metro .rmDisabled,
.RadMenu.RadMenu_Metro .rmDisabled:hover,
.RadMenu.RadMenu_MetroTouch .rmDisabled,
.RadMenu.RadMenu_MetroTouch .rmDisabled:hover {
  border-color: #4e937a;
}

.RadMenu.RadMenu_Metro .rmGroup .rmFocused,
.RadMenu.RadMenu_Metro .rmGroup .rmFocused:hover,
.RadMenu.RadMenu_Metro .rmGroup .rmSelected,
.RadMenu.RadMenu_Metro .rmGroup .rmSelected:hover,
.RadMenu.RadMenu_Metro .rmGroup .rmLink.rmSelected,
.RadMenu.RadMenu_Metro .rmGroup .rmLink.rmSelected:hover,
.RadMenu.RadMenu_Metro .rmGroup .rmExpanded,
.RadMenu.RadMenu_Metro .rmGroup .rmExpanded:hover,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmFocused,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmFocused:hover,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmSelected,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmSelected:hover,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmLink.rmSelected,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmLink.rmSelected:hover,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmExpanded,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmExpanded:hover {
  border-color: #4e937a;
  background-color: #4e937a;
  color: #fff !important;
}

.RadMenu_MetroTouch .rmRootGroup .rmLeftImage {
  margin-top: 10px !important;
}

.RadMenu .rmGroup,
.RadMenu .rmRootGroup,
.RadMenu .rmMultiColumn,
.RadMenu .rmPopup {
  box-sizing: content-box;
  border-width: 0px !important;
  border-style: solid;
  background-position: 0 0;
  position: relative;
  left: 0;
  top: 0;
}

.RadMenu .rmRootGroup.rmHorizontal > .rmItem,
.RadMenu .rmRootGroup.rmHorizontal > .rmRootScrollGroup > .rmItem {
  border-width: 0px !important;
  border-style: solid;
}

.RadMenu .rmRootGroup .rmRootLink,
.RadMenu .rmGroup .rmLink {
  padding: 0px !important;
}

.RadMenu .rmRootGroup .rmRootLink .rmToggle {
  margin-right: 2px !important;
  margin-left: -12px !important;
}

.RadMenu .rmGroup:before,
.RadMenu .rmMultiColumn:before,
.RadMenu .rmScrollWrap > .rmHorizontal:before,
.RadMenu .rmScrollWrap > .rmVertical:before {
  display: none !important;
}

/* RadWindow
   ========================================================================== */
.RadWindow.RadWindow_MetroTouch .rwTitleRow em {
  font-family: inherit;
  font-weight: normal;
  margin: 8px 10px;
}

.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar,
.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft,
.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight {
  background-color: #252e38;
}

.RadWindow.RadWindow_MetroTouch
  .rwTitleRow
  td.rwWindowContent
  a.rwPopupButton:active,
.RadWindow.RadWindow_MetroTouch
  .rwTitleRow
  td.rwWindowContent
  a.rwPopupButton:focus {
  border-color: #252e38;
  background-color: #252e38;
}

.RadWindow.RadWindow_MetroTouch .rwTable ul.rwControlButtons {
  margin-top: 7px;
}

.RadWindow.RadWindow_MetroTouch .rwControlButtons a:focus {
  border-color: #fff;
  border-radius: 50%;
  /* override setting from UltraWave */
  outline: none;
}

.RadWindow.RadWindow_MetroTouch td.rwBodyLeft,
.RadWindow.RadWindow_MetroTouch td.rwBodyRight,
.RadWindow.RadWindow_MetroTouch .rwFooterCenter,
.RadWindow.RadWindow_MetroTouch .rwFooterLeft,
.RadWindow.RadWindow_MetroTouch .rwFooterRight {
  background: #fcfcff;
}

.RadWindow.RadWindow_Metro .rwTitlebar,
.RadWindow.RadWindow_Metro .rwTopLeft,
.RadWindow.RadWindow_Metro .rwTopRight,
.RadWindow.RadWindow_Metro .rwTopResize,
.RadWindow.RadWindow_Metro .rwControlButtons a {
  background-color: #252e38;
}

.RadWindow.RadWindow_Metro .rwControlButtons a {
  border-color: #252e38;
}

.RadWindow.RadWindow_Metro .rwControlButtons a:focus {
  /* give the refresh, expand, close buttons an outline when focused */
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7);
  /* needed for IE9 compability */
  border-collapse: separate;
  /* override setting from UltraWave */
  outline: none;
}

.RadWindow.RadWindow_Metro table.rwTitlebarControls em {
  text-transform: none;
}

/* RadTreeView
   ========================================================================== */
.RadTreeView.RadTreeView_Vista .rtLI {
  padding: 0;
}

.RadTreeView.RadTreeView_Vista .rtPlus,
.RadTreeView.RadTreeView_Vista .rtMinus {
  margin: 5px 6px 0 -17px;
  width: 11px;
  height: 11px;
  border-width: 0;
  left: auto;
  top: auto;
}

/* RadPicker
   ========================================================================== */
/* Date and Time selectors */
.RadCalendar.RadCalendar_Metro,
.RadCalendar.RadCalendar_Metro .rcMainTable,
.RadCalendar.RadCalendar_MetroTouch,
.RadCalendar.RadCalendar_MetroTouch .rcMainTable {
  font-family: inherit;
  font-weight: inherit;
}

.RadCalendar.RadCalendar_Metro .rcFastPrev:hover,
.RadCalendar.RadCalendar_Metro .rcPrev:hover,
.RadCalendar.RadCalendar_Metro .rcNext:hover,
.RadCalendar.RadCalendar_Metro .rcFastNext:hover,
.RadCalendar.RadCalendar_MetroTouch .rcFastPrev:hover,
.RadCalendar.RadCalendar_MetroTouch .rcPrev:hover,
.RadCalendar.RadCalendar_MetroTouch .rcNext:hover,
.RadCalendar.RadCalendar_MetroTouch .rcFastNext:hover {
  border-color: #252e38;
}

.RadCalendar.RadCalendar_Metro .rcFastPrev:hover:before,
.RadCalendar.RadCalendar_Metro .rcPrev:hover:before,
.RadCalendar.RadCalendar_Metro .rcNext:hover:before,
.RadCalendar.RadCalendar_Metro .rcFastNext:hover:before,
.RadCalendar.RadCalendar_MetroTouch .rcFastPrev:hover:before,
.RadCalendar.RadCalendar_MetroTouch .rcPrev:hover:before,
.RadCalendar.RadCalendar_MetroTouch .rcNext:hover:before,
.RadCalendar.RadCalendar_MetroTouch .rcFastNext:hover:before {
  color: #252e38;
}

.RadCalendar.RadCalendar_Metro .rcRow .rcToday a,
.RadCalendar.RadCalendar_MetroTouch .rcRow .rcToday a {
  border-color: #252e38;
}

.RadCalendar.RadCalendar_Metro .rcMain .rcRow .rcSelected a,
.RadCalendar.RadCalendar_MetroTouch .rcMain .rcRow .rcSelected a {
  border-color: #252e38;
  background: #252e38;
}

.RadCalendar.RadCalendar_MetroTouch .rcRow a,
.RadCalendar.RadCalendar_MetroTouch .rcRow span {
  /* The Sunday column is not rendering correctly because it's in a <th>
           instead of a <td>. This corrects the issue. */
  display: block;
  padding: 0.08em 0.4em;
  text-decoration: none;
  outline: 0;
}

.RadCalendar.RadCalendar_MetroTouch .rcMain .rcRow th {
  font-size: 100%;
  padding: 0;
}

.RadCalendar.RadCalendar_Metro .rcRow a,
.RadCalendar.RadCalendar_Metro .rcRow span {
  display: block;
  padding: 0 0.6em;
  text-decoration: none;
  outline: 0;
}

.RadCalendar.RadCalendar_Metro .rcMain .rcRow th {
  padding: 0;
}

.RadCalendarMonthView.RadCalendarMonthView_Metro,
.RadCalendarMonthView.RadCalendarMonthView_Metro .rcButtons input,
.RadCalendarMonthView.RadCalendarMonthView_MetroTouch,
.RadCalendarMonthView.RadCalendarMonthView_MetroTouch .rcButtons input {
  font-family: inherit;
  font-weight: inherit;
}

.RadCalendarMonthView.RadCalendarMonthView_Metro .rcSelected a,
.RadCalendarMonthView.RadCalendarMonthView_MetroTouch .rcSelected a {
  background: #252e38;
  border-color: #252e38;
}

.RadCalendarMonthView.RadCalendarMonthView_MetroTouch #rcMView_Today {
  background: #252e38;
  border-color: #252e38;
}

.RadCalendarTimeView.RadCalendarTimeView_Metro,
.RadCalendarTimeView.RadCalendarTimeView_MetroTouch {
  font-family: inherit;
  font-weight: inherit;
}

.RadCalendarTimeView.RadCalendarTimeView_Metro td.rcSelected a,
.RadCalendarTimeView.RadCalendarTimeView_MetroTouch td.rcSelected a {
  border-color: #252e38;
  background: #252e38;
}

.RadPicker.RadPicker_Metro .rcCalPopup:hover,
.RadPicker.RadPicker_Metro .rcCalPopup:focus,
.RadPicker.RadPicker_Metro .rcCalPopup:active,
.RadPicker.RadPicker_Metro .rcTimePopup:hover,
.RadPicker.RadPicker_Metro .rcTimePopup:focus,
.RadPicker.RadPicker_Metro .rcTimePopup:active,
.RadPicker.RadPicker_MetroTouch .rcCalPopup:hover,
.RadPicker.RadPicker_MetroTouch .rcCalPopup:focus,
.RadPicker.RadPicker_MetroTouch .rcCalPopup:active,
.RadPicker.RadPicker_MetroTouch .rcTimePopup:hover,
.RadPicker.RadPicker_MetroTouch .rcTimePopup:focus,
.RadPicker.RadPicker_MetroTouch .rcTimePopup:active {
  color: GetBestContextualTextColor(#252e38);
  background-color: #252e38;
}

.RadPicker .rcCalPopup,
.RadPicker .rcTimePopup {
  width: inherit;
  text-indent: inherit;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.RadPicker .RadInput {
  border-radius: 3px;
}

/* ==========================================================================
   JUMBOTRON
   ========================================================================== */
/* Home page full width banners */
/* Home page full width area
   ========================================================================== */
/* This is for the full width area of the Cities and Cities_Responsive home page.
 * It uses a content area to acheive the full width
 */
.HomePageFullWidthArea .ContentItemContainer .panel:not(.panel-border),
.HomePageFullWidthArea .ContentItemContainer div .panel:not(.panel-border) {
  /* if borders are not turned on don't leave the space for them */
  border-width: 0;
}

.HomePageFullWidthArea
  .ContentItemContainer
  .panel
  .panel-body-container
  .panel-body,
.HomePageFullWidthArea
  .ContentItemContainer
  div
  .panel
  .panel-body-container
  .panel-body {
  /* Turn off the padding on iPart panels */
  padding: 0;
}

/* Header backgrounds
   ========================================================================== */
.header-bg {
  background-color: #ffffff;
}

.header-dark .header-bg {
  background-color: #222222;
}

.carousel .img-copyright,
.carousel2 .img-copyright {
  width: 100%;
  text-align: right;
  font-size: 70%;
}

.carousel .img-copyright a,
.carousel .img-copyright a:hover,
.carousel .img-copyright a:focus,
.carousel .img-copyright a:visited,
.carousel .img-copyright a:active,
.carousel2 .img-copyright a,
.carousel2 .img-copyright a:hover,
.carousel2 .img-copyright a:focus,
.carousel2 .img-copyright a:visited,
.carousel2 .img-copyright a:active {
  color: #ffffff;
}

/* Carousel
   ========================================================================== */
/* Used by the Slideshow iPart */
.carousel,
.carousel2,
.HomePageFullWidthArea {
  position: relative;
}

.carousel h1,
.carousel h2,
.carousel h3,
.carousel h4,
.carousel h5,
.carousel2 h1,
.carousel2 h2,
.carousel2 h3,
.carousel2 h4,
.carousel2 h5,
.HomePageFullWidthArea h1,
.HomePageFullWidthArea h2,
.HomePageFullWidthArea h3,
.HomePageFullWidthArea h4,
.HomePageFullWidthArea h5 {
  font-weight: 600;
  display: inline-block;
}

@media (max-width: 991px) {
  .carousel h1,
  .carousel2 h1,
  .HomePageFullWidthArea h1 {
    font-size: 200%;
  }
}

.carousel .carousel-caption,
.carousel2 .carousel-caption,
.HomePageFullWidthArea .carousel-caption {
  padding: 1em;
  position: absolute;
  font-family: "Raleway", Helvetica, sans-serif;
  bottom: auto;
  top: calc(500px / 2);
  background-color: none;
  font-weight: 300;
  text-align: left;
  color: #ffffff;
}

.carousel .carousel-caption p,
.carousel2 .carousel-caption p,
.HomePageFullWidthArea .carousel-caption p {
  font-size: 18px;
  font-weight: 500;
}

.carousel .carousel-caption h1,
.carousel2 .carousel-caption h1,
.HomePageFullWidthArea .carousel-caption h1 {
  color: #ffffff;
}

.carousel .carousel-caption h1:after,
.carousel2 .carousel-caption h1:after,
.HomePageFullWidthArea .carousel-caption h1:after {
  display: none;
}

@media (min-width: 992px) {
  .carousel .carousel-caption,
  .carousel2 .carousel-caption,
  .HomePageFullWidthArea .carousel-caption {
    width: 100%;
    left: 15%;
    right: auto;
  }
}

.Wrapper-HomePage .header {
  min-height: auto;
}

.Wrapper-HomePage .header-background-container {
  background-color: #9b9b9b;
  /* fall back to make the header dark in case the carousel does not load */
}

.Wrapper-HomePage .header-background-container:before {
  content: "";
  display: block;
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5) 0,
    rgba(0, 0, 0, 0) 100%
  );
  background-repeat: repeat-x;
  height: 6em;
  width: 100%;
  position: absolute;
  z-index: 1;
}

.Wrapper-HomePage
  .header-background-container
  .ContentItemContainer
  > .ContentItemContainer {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #252e38;
  background: #252e38
    linear-gradient(27deg, #9b9b9b 0%, #252e38 30%, #4e937a 100%);
}

.Wrapper-HomePage
  .header-background-container
  .ContentItemContainer
  > .ContentItemContainer
  .bg-img-full-size {
  mix-blend-mode: multiply;
}

.Wrapper-HomePage .home-page-header-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding-top: 3em;
  padding-bottom: 3em;
}

.hero-caption,
.carousel-caption {
  background-color: transparent;
  text-align: center;
}

.hero-caption h1,
.carousel-caption h1 {
  font-size: 3.5rem;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.hero-caption h1 .text-large,
.carousel-caption h1 .text-large {
  display: block;
  margin-top: 1rem;
  font-size: 5rem;
}

.hero-caption p.lead,
.carousel-caption p.lead {
  font-size: 1.8rem;
  line-height: 1.5;
}

@media (min-width: 992px) {
  .hero-caption,
  .carousel-caption {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1380px;
  }
  .hero-caption h1,
  .carousel-caption h1 {
    font-size: 5rem;
  }
  .hero-caption h1 .text-large,
  .carousel-caption h1 .text-large {
    font-size: 6.5rem;
  }
  .hero-caption p.lead,
  .carousel-caption p.lead {
    font-size: 2rem;
  }
}

@media (min-width: 992px) {
  .hero-caption h1,
  .carousel-caption h1 {
    font-size: 7rem;
  }
  .hero-caption h1 .text-large,
  .carousel-caption h1 .text-large {
    font-size: 8.8rem;
  }
  .hero-caption p.lead,
  .carousel-caption p.lead {
    font-size: 2.8rem;
  }
}

/* Breadcrumb */
.pg-breadcrumb {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}

.pg-breadcrumb-item {
  margin-right: 10px;
}

.pg-breadcrumb-item a {
  text-decoration: none;
  color: #336d3e;
}

.pg-breadcrumb-item a:hover {
  text-decoration: underline;
  color: #336d3e;
}

.pg-breadcrumb-item::after {
  content: ">";
  margin-left: 10px;
  color: #336d3e;
}

.pg-breadcrumb-item:last-child::after {
  content: "";
}

.row:has(nav.pg-breadcrumb-container) {
  padding-bottom: 0;
}

.carousel-hero-dark .carousel-caption,
.carousel-hero-dark .carousel-caption h1,
.carousel-hero-dark .carousel-caption h2,
.carousel-hero-dark .carousel-caption h3,
.carousel-hero-dark .carousel-caption h4,
.carousel-hero-dark .carousel-caption h5,
.hero-dark .hero-caption,
.hero-dark .hero-caption h1,
.hero-dark .hero-caption h2,
.hero-dark .hero-caption h3,
.hero-dark .hero-caption h4,
.hero-dark .hero-caption h5 {
  color: #fff;
}

.carousel-hero-dark .carousel-caption a:not(.TextButton),
.hero-dark .hero-caption a:not(.TextButton) {
  color: #fff;
  text-decoration: underline;
}

.header-display-page-title header.header .internal-header-container {
  align-self: center;
  text-align: center;
}

.header-display-page-title
  header.header
  .internal-header-container
  .header-title-banner {
  padding-top: 3em;
  padding-bottom: 3em;
  background-repeat: no-repeat;
  background-position: 50% 10%;
  background-size: 200px;
  min-height: 200px;
}

.header-display-page-title header.header .internal-header-container .lead {
  max-width: 20em;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .header-display-page-title header.header .internal-header-container {
    padding-top: 4em;
    padding-bottom: 4em;
  }
  .header-display-page-title header.header .internal-header-container h1 {
    font-size: 4em;
  }
}

@media (min-width: 992px) {
  .header-display-page-title header.header .internal-header-container {
    padding-top: 5em;
    padding-bottom: 5em;
  }
  .header-display-page-title header.header .internal-header-container h1 {
    font-size: 5.5em;
  }
  .header-display-page-title header.header .internal-header-container .lead {
    font-size: 2em;
  }
}

.interior-img-splash {
  display: grid;
  align-items: end;
}

.interior-img-splash .img-primary-container,
.interior-img-splash .img-secondary-container,
.interior-img-splash .splash-text {
  grid-column: 1;
  grid-row: 1;
  max-height: 70vh;
}

.interior-img-splash .img-inner {
  width: 100%;
  height: 100%;
}

.interior-img-splash .splash-text {
  z-index: 3;
  padding: 10px;
  color: #fff;
}

.interior-img-splash .splash-text h2 {
  color: #fff;
}

@media (max-width: 991px) {
  .interior-img-splash .img-secondary-container {
    display: none;
  }
}

@media (min-width: 992px) {
  .interior-img-splash {
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-rows: 2fr auto 1fr;
    align-items: start;
  }
  .interior-img-splash img {
    object-fit: cover !important;
    object-position: 50% 50%;
    width: 100%;
    max-width: initial;
    height: 100% !important;
  }
  .interior-img-splash .img-primary-container {
    grid-column: 1 / span 2;
    grid-row: 1 / span 2;
    width: 100%;
    height: 100%;
  }
  .interior-img-splash .img-secondary-container {
    grid-column: 2 / span 2;
    grid-row: 2 / span 2;
    width: 100%;
    height: 100%;
  }
  .interior-img-splash .splash-text {
    grid-column: 1 / span 3;
    grid-row: 2;
    margin-left: 8em;
    margin-top: 3em;
  }
  .interior-img-splash .splash-text h2 {
    font-size: 2.8em;
  }
  .interior-img-splash .splash-text h2 span {
    font-size: 115%;
  }
  .interior-img-splash .splash-text .lead {
    font-size: 2em;
  }
}

.parallax-container {
  position: relative;
}

.parallax-container .js-parallax-up {
  position: absolute;
}

/* ==========================================================================
   COMMUNITIES
   ========================================================================== */
/* Community left nav */
.CommunityLinksBlock a {
  color: #222222;
}

.CommunityLinksBlock a:hover {
  background-color: #fcfcff;
  color: #222222;
  text-decoration: none;
}

.CommunityLinksBlock a.CommunityLinksSelected,
.CommunityLinksBlock a.CommunityLinksSelected:hover {
  background-color: #336d3e;
  color: White;
  font-weight: bold;
  text-decoration: none;
}

/* Community breadcrumb */
.BreadCrumbCurrent {
  font-size: 120%;
  font-weight: bold;
}

/*** Communities common elements ***/
.CommunityItemActionLinks a:hover {
  background-color: #336d3e;
}

.CommunityItemTitle {
  font-size: 110%;
  padding: 0.25em 0;
}

.CommunityProfilePicture img {
  border-radius: 4px;
}

.CommunityReplyForm,
.CommunityCommentItem {
  background: #f2f2f2;
  border-left: 10px solid #dbdbdb;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.CommunityWikiItem .CommunityRepeaterList .CommunityCommentItem {
  background: #f2f2f2;
}

/* For adding comments */
.CommunityWikiReplyForm {
  background: #f2f2f2;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

/**Styles for recent activity query template*/
.RecentCommunityPost {
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.RecentCommunityPost .CommunityProfilePicture {
  border: 1px solid #dbdbdb;
}

.RecentCommunityPost .CommunityName {
  border-bottom: 1px solid #dbdbdb;
}

.RecentCommunityPost .CommunityName span {
  color: #336d3e;
}

/*****************************************************/
/*            Donor Sample Site Styles               */
/*****************************************************/
/* These styles are used in the Donor sample site  */
.DonorBannerInterior {
  overflow: hidden;
  height: 275px;
  position: relative;
}

.DonorBannerTextBackgroundHome {
  background: none repeat scroll 0 0 #191919;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
  float: right;
  height: 292px;
  width: 450px;
  margin: 20px;
}

.DonorBannerTextBackgroundInterior {
  background: none repeat scroll 0 0 #191919;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
  float: right;
  height: 236px;
  width: 450px;
  margin: 20px;
}

.DonorBannerTextBackgroundHome h1,
.DonorBannerTextBackgroundInterior h1 {
  color: #fff;
  font-size: 280%;
  background: none;
  margin: 0.4em;
}

.DonorBannerTextBackgroundHome p,
.DonorBannerTextBackgroundInterior p {
  color: #fff;
  font-size: 120%;
  line-height: 1.6em;
  margin: 1em;
  padding: 0.4em;
}

/**** End Donor Sample Site Styles ****/
/* ==========================================================================
   MISCELLANEOUS
   ========================================================================== */
/* Classes that can be used for iParts and HTML content */
/* Titles */
h1.BigHeader,
.h1.BigHeader {
  background-color: transparent;
  color: #000000;
}

/* Use class ContentBlockPrimary to give a block of content extra emphasis */
.ContentBlockPrimary {
  padding: 20px;
  background-color: #ffffff;
}

/* Make the titles on secondary columns smaller - used on the Member home page */
.SecondaryColumn h2,
.SecondaryColumn .PanelTitle,
.SecondaryColumn .panel-title {
  font-family: inherit;
  font-weight: bold;
  font-size: 90%;
  color: #333333;
  text-transform: uppercase;
}

.SecondaryColumn h2,
.SecondaryColumn .PanelHead,
.SecondaryColumn .TitleBarCaption,
.SecondaryColumn .panel-heading {
  border-bottom: none;
}

.SecondaryColumn h4,
.SecondaryColumn .PanelHead,
.SecondaryColumn .TitleBarCaption,
.SecondaryColumn .panel-heading {
  color: #000;
}

.SecondaryColumn .PanelHead,
.SecondaryColumn .panel-heading {
  padding: 0 4px;
}

.SecondaryColumn .PanelField label,
.SecondaryColumn .PanelField .Label,
.SecondaryColumn .PanelField .PanelFieldLabel,
.SecondaryColumn .PanelField .PanelFieldValue {
  text-align: unset;
  float: none;
  width: auto;
}

.SecondaryColumn .CommunityBlogItem {
  padding: 0 0 0 10px;
}

.SecondaryColumn .CommunityBlogItem .PanelFieldValue {
  padding: 0;
}

.SecondaryColumn .CommunityItemTitle {
  font-weight: normal;
  font-size: inherit;
}

.SecondaryColumn .RadGrid .rgRow td,
.SecondaryColumn .RadGrid .rgNoRecords td {
  padding: 4px;
}

/* Use class ContentBlockPictureArea to surround an image within a ContentBlockPrimary area */
.ContentBlockPictureArea,
.ContentBlockLeft {
  width: 250px;
  float: left;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}

@media (max-width: 991px) {
  .ContentBlockPictureArea,
  .ContentBlockLeft {
    float: none;
    margin: 0px auto;
    width: 100%;
    max-width: 400px;
  }
}

.ContentBlockPictureArea.FloatRight,
.ContentBlockLeft.FloatRight {
  float: right;
  margin-left: 0.5em;
}

.ContentBlockPictureArea img,
.ContentBlockLeft img {
  max-width: 100%;
  height: auto !important;
}

@media (max-width: 991px) {
  .ContentBlockPictureArea img,
  .ContentBlockLeft img {
    width: 100%;
    max-width: 400px;
  }
}

.BlockList ul {
  margin: 0;
  padding: 0;
}

.BlockList li {
  list-style: none;
}

.BlockList a {
  display: block;
  text-decoration: none;
  padding: 20px;
}

.BlockList a:hover {
  background-color: #f7f7f7;
}

.BlockList a span {
  text-decoration: underline;
}

.BlockList p {
  color: #222222;
  margin-bottom: 0;
}

.TaggedListColumns .TaggedListPanel {
  max-width: 1380px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 30px 0 0 30px;
}

.TaggedListColumns .TaggedListPanel .content-tagged-tall {
  float: none;
  border: 0 solid transparent;
  border-width: 0 30px 30px 0;
}

.TaggedListColumns .TaggedListPanel > div:last-child .TextButton {
  /* Hide the Next Button */
  display: none;
}

/* Tagged list format, styled similar to BlockList */
.BlockTLItem {
  display: block;
  text-decoration: none;
  padding: 10px 0;
}

@media (max-width: 991px) {
  .BlockTLItem {
    flex-wrap: wrap;
  }
}

.BlockTLItem .text {
  width: 75%;
  margin: 0px 15px;
}

@media (max-width: 991px) {
  .BlockTLItem .text {
    width: 100%;
    margin: 15px;
  }
}

.BlockTLItem .contentTaggedListResponsiveThumbnail {
  max-width: 200px;
  height: 100% !important;
}

@media (max-width: 991px) {
  .BlockTLItem .contentTaggedListResponsiveThumbnail {
    display: block;
    margin: 0px auto;
    width: 100%;
    max-width: 450px;
  }
}

.BlockTLItem,
.BlockList li {
  border-bottom: 1px solid #dbdbdb;
}

.BlockTLItem h4,
.BlockList h4 {
  font-size: 110%;
  font-weight: normal;
}

/* Tall tagged list items */
/* Best when used in conjunction with the TaggedListColumns class in the Zone CSS */
.content-tagged-tall {
  min-width: 15em;
  max-width: 33.3333333333%;
  float: left;
}

.content-tagged-tall:first-child {
  margin-left: 0;
}

.content-tagged-tall a:not(.TextButton) {
  text-decoration: none;
}

.content-tagged-tall a:not(.TextButton),
.content-tagged-tall a:not(.TextButton):visited {
  color: #f89c57;
}

.content-tagged-tall a:not(.TextButton):hover,
.content-tagged-tall a:not(.TextButton):focus,
.content-tagged-tall a:not(.TextButton):active {
  color: #f68530;
}

.content-tagged-tall .item-image-wrapper {
  height: 15em;
  overflow: hidden;
  position: relative;
}

.content-tagged-tall .item-image-wrapper:after {
  content: "";
  display: block;
  background-color: rgba(37, 46, 56, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.2s ease;
}

.content-tagged-tall .item-image-wrapper img {
  object-fit: cover !important;
  object-position: 50% 50%;
  width: 100%;
  max-width: initial;
  height: 100% !important;
}

.content-tagged-tall .item-image-wrapper .item-image-inner {
  width: 100%;
  height: 100%;
  transition: all 0.2s ease;
}

.content-tagged-tall .item-description {
  padding: 10px;
  background-color: #fff;
}

.content-tagged-tall:hover .item-image-wrapper:after {
  opacity: 0;
}

.content-tagged-tall:hover .item-image-inner {
  transform: scale(1.1);
}

.content-tagged-tall:nth-child(2) {
  transition-delay: 0.2s !important;
}

.content-tagged-tall:nth-child(3) {
  transition-delay: 0.3s !important;
}

/* PublishDate and ReadMoreLink are used in the Block tagged list format */
.PublishDate {
  font-size: 85%;
  font-style: italic;
}

/* Use on the blockquote element for a styled quote */
.Quote {
  margin: 1.5em 0.7em 1.5em 0;
  padding: 1.5em 0.7em;
  quotes: "\201C" "\201D" "\201C" "\201D";
  font-weight: normal;
}

.Quote:before {
  content: open-quote;
  margin-right: 0.25em;
  vertical-align: -0.4em;
  font-size: 500%;
  line-height: 0.1em;
}

.Quote p {
  display: inline;
}

.Quote cite {
  display: block;
  margin-left: 1em;
  margin-top: 0.5em;
  font-style: italic;
}

.Quote cite:before {
  content: "— ";
}

@media (min-width: 768px) {
  .Quote {
    font-size: 120%;
  }
  .Quote cite {
    font-size: 90%;
    margin-left: 2em;
  }
}

.QuoteStyle2 {
  border-left-color: #4e937a;
}

/* CalloutPanelField1 can be used as a wrapper for PanelFields, or on the PanelField directly, to callout the first label. */
.CalloutPanelField1 .PanelField label:first-child,
.CalloutPanelField1.PanelField label:first-child,
.CalloutPanelField1 .PanelField .Label:first-child,
.CalloutPanelField1.PanelField .Label:first-child {
  position: relative;
  padding: 15px;
  margin: 0 0 1em;
  color: #fff;
  background: #f89c57;
  /*$callout1-bg*/
  width: auto;
  border-radius: 3px;
}

.CalloutPanelField1 .PanelField label:first-child:after,
.CalloutPanelField1.PanelField label:first-child:after,
.CalloutPanelField1 .PanelField .Label:first-child:after,
.CalloutPanelField1.PanelField .Label:first-child:after {
  content: "";
  position: absolute;
  bottom: -8px;
  /* value = - border-top-width - border-bottom-width */
  left: 30px;
  /* controls horizontal position */
  border-width: 8px 8px 0;
  /* vary these values to change the angle of the vertex */
  border-style: solid;
  border-color: #f89c57 transparent;
  /*$callout1-bg*/
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}

/* TotalBox can be used as a wrapper for PanelFields, or on the PanelField directly, to visually distinguish a calculated total. */
.TotalBox {
  border-color: #dbdbdb;
}

.TotalBox label {
  background-color: #f89c57;
  color: #fff;
  padding: 0.25em 0.75em;
  color: #fff;
}

/* Add zone style "CCOGrayBg" to give CCO content a gray background */
.CCOGrayBg .RadMultiPage {
  background-color: #ffffff;
}

.CCOGrayBg .yui-g {
  float: none;
}

/* Add zone style "TitleBarNoBorder" to remove the bottom border from the title bar caption */
.TitleBarNoBorder .TitleBarCaption,
.TitleBarNoBorder .PanelHead.Distinguish,
.TitleBarNoBorder .panel-heading.Distinguish {
  border-bottom: none;
}

/* Use the FeatureText class to make a block of text larger for emphasis */
.FeatureText {
  color: #484848;
  font-size: 150%;
  line-height: 170%;
}

/* Use the CenterText class to center the text within the iPart */
.CenterText {
  text-align: center;
}

.FullWidthButtons .btn,
.FullWidthButtons .TextButton {
  display: block;
}

/* Use class FeatureActionLink on a link to call attention to it */
a.FeatureActionLink {
  transition: all 0.2s ease-in;
  font-family: "Raleway", Helvetica, sans-serif;
  font-size: 110%;
  font-weight: 500;
  line-height: 1.5em;
  padding: 8px 0;
  text-decoration: none;
}

@media screen and (prefers-reduced-motion: reduce) {
  a.FeatureActionLink {
    transition: none;
  }
}

@media (min-width: 992px) {
  a.FeatureActionLink {
    font-size: 150%;
  }
}

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

/* Spotlight
   ========================================================================== */
/* Featured items display */
.Spotlight {
  text-align: center;
}

.Spotlight img,
.Spotlight h4 {
  text-align: center;
}

@media (min-width: 768px) {
  .Spotlight .ImageWrapper {
    height: 160px;
  }
}

.Spotlight .TextButton,
.Spotlight .btn {
  margin-top: 1em;
}

.Spotlight p {
  text-align: center;
  padding-top: 0.4em;
}

@media (max-width: 767px) {
  .Spotlight p {
    text-align: left;
  }
}

.Spotlight a img {
  transition: opacity 0.2s;
}

@media screen and (prefers-reduced-motion: reduce) {
  .Spotlight a img {
    transition: none;
  }
}

.Spotlight a img:hover {
  opacity: 0.8;
}

.SpotlightRow {
  margin-bottom: 1.2em;
}

.SpotlightRow::after {
  display: block;
  clear: both;
  content: "";
}

.SpotlightRow.ThreeAcross {
  display: flex;
  flex-wrap: wrap;
}

.SpotlightRow.ThreeAcross .Spotlight {
  width: 100%;
  padding-left: 2%;
  padding-right: 2%;
  position: relative;
}

@media (min-width: 992px) {
  .SpotlightRow.ThreeAcross .Spotlight {
    width: 33%;
  }
  .SpotlightRow.ThreeAcross .Spotlight .btn {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 90%;
    bottom: 0;
  }
}

@media (min-width: 768px) {
  .SpotlightRow.ThreeAcross .Spotlight {
    padding-bottom: 60px;
  }
  .SpotlightRow.ThreeAcross .Spotlight p {
    font-size: 0.8em;
  }
}

/* Feature Area
   ========================================================================== */
@media (min-width: 992px) {
  .feature-area {
    padding-top: 8em;
    padding-bottom: 6em;
  }
}

.my-lg,
.mt-lg {
  margin-top: 4em;
}

.my-lg,
.mb-lg {
  margin-bottom: 4em;
}

/* Feature Header
   ========================================================================== */
.feature-header {
  text-align: center;
  color: #222222;
  border-bottom: none;
  margin-bottom: 0.4em;
  font-size: 4rem;
  max-width: 25em;
  margin-left: auto;
  margin-right: auto;
}

.feature-lead {
  text-align: center;
  max-width: 20em;
  margin-left: auto;
  margin-right: auto;
}

/* Feature Link
   ========================================================================== */
.feature-link-with-image {
  margin-bottom: 1em;
}

.feature-link-with-image,
.feature-link-with-image:hover,
.feature-link-with-image:active,
.feature-link-with-image:visited {
  text-decoration: none;
  color: #fff;
}

.feature-link-with-image .feature-link-wrapper {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 17em;
  margin-bottom: 20px;
}

.feature-link-with-image .feature-link-text {
  height: 100%;
  padding: 0.8em;
  font-size: 110%;
}

@media (min-width: 480px) {
  .feature-link-with-image .feature-link-text {
    width: 45%;
  }
}

.feature-link-with-image .feature-link-text h1,
.feature-link-with-image .feature-link-text h2,
.feature-link-with-image .feature-link-text h3,
.feature-link-with-image .feature-link-text h4,
.feature-link-with-image .feature-link-text h5 {
  margin-top: 0;
}

.feature-link-with-image.feature-link-1 .feature-link-text {
  background-color: #f89c57;
  background-color: rgba(248, 156, 87, 0.75);
}

.feature-link-with-image.feature-link-1:hover .feature-link-text {
  background-color: #f67f26;
  background-color: rgba(246, 127, 38, 0.75);
}

.feature-link-with-image.feature-link-2 .feature-link-text {
  background-color: #252e38;
  background-color: rgba(37, 46, 56, 0.75);
}

.feature-link-with-image.feature-link-2:hover .feature-link-text {
  background-color: #111519;
  background-color: rgba(17, 21, 25, 0.75);
}

/* Line Thru
   ========================================================================== */
/* A small piece of text with a line on either side */
/* E.g. the "or" text on the sign in iPart (when social networking sign in is enabled) */
.LineThruBlock {
  border-bottom: 1px solid #dbdbdb;
}

.LineThru {
  background-color: #fcfcff;
}

/* Feature Text Inline
   ========================================================================== */
.feature-text-inline {
  color: #f89c57;
}

/* Header Links
   ========================================================================== */
.header-link {
  border-bottom: none;
}

.header-link a {
  text-decoration: none;
}

.header-link a,
.header-link a:visited {
  color: #222222;
}

.header-link a:hover,
.header-link a:active,
.header-link a:focus {
  color: #336d3e;
}

/* Image Banners
   ========================================================================== */
/* use these classes to get a particular background image on an element */
.bg-img-conference-tall {
  background-color: #081337;
  background-image: url("../../images/samples/annualconference/conferencebannertall.jpg");
}

.bg-img-conference-small {
  background-color: #081337;
  background-image: url("../../images/samples/Member/cairnsnight.jpg");
}

.bg-img-tiger-tall {
  background-color: #04080b;
  background-image: url("../../images/samples/donor/tiger-tall.jpg");
  background-position: center center;
}

.bg-img-red-panda {
  background-color: #57574b;
  background-image: url("../../images/samples/Donor/red-panda.jpg");
}

.bg-img-tiger-swimming {
  background-color: #1c1705;
  background-image: url("../../images/samples/Donor/tiger-swimming.jpg");
}

.bg-img-highland-cow {
  background-color: #e4e0cd;
  background-image: url("../../images/samples/Donor/highland-cow.jpg");
}

.bg-img-volunteer-canoes {
  background-color: #8aa15b;
  background-image: url("../../images/samples/Donor/volunteer-canoes.jpg");
}

.bg-img-elephant-with-mountains {
  background-color: #748610;
  background-image: url("../../images/samples/Donor/elephant-with-mountains.jpg");
}

.bg-img-wildlife-refuge {
  background-color: #6d7f2d;
  background-image: url("../../images/samples/Donor/wildlife-refuge.jpg");
}

.bg-img-poplar-trees {
  background-color: #737e23;
  background-image: url("../../images/samples/Donor/poplar-trees.jpg");
  background-position: top center !important;
}

.bg-img-swamp {
  background-color: #bbbdb8;
  background-image: url("../../images/samples/Donor/swamp.jpg");
}

.bg-img-roseate-terns {
  background-color: #8f9949;
  background-image: url("../../images/samples/Donor/roseate-terns.jpg");
  background-position: center 88% !important;
}

.banner-tall,
.banner-short {
  text-decoration: none;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border-radius: 0;
}

.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 {
  color: #fff;
}

.banner-text h2 {
  font-size: 100%;
}

.banner-tall {
  height: 500px;
  max-width: 300px;
}

.banner-tall .banner-text {
  position: absolute;
  bottom: 0;
  padding: 10px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 0 0 5px 5px;
}

.banner-short {
  min-height: 150px;
  max-width: 300px;
}

.banner-short .banner-text {
  padding: 5px;
  min-height: 150px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}

/* Image Copyright Statements
   ========================================================================== */
.img-copyright {
  font-size: 70%;
}

/* Donation page enhancements
   ========================================================================== */
/* To enhance the display of a donation page, apply the donate-page class to the Donation Creator iPart's CSS Class */
.donate-page .GiftItemName {
  color: #f89c57;
  font-size: 200%;
}

.donate-page .GiftItemDescription {
  font-size: 125%;
}

.RelatedItemsHorizontalEffect li:hover {
  transform: scale(1.06);
  border-radius: 0;
  background-color: transparent;
}

/* Fix product name overlapping other content */
ul.RelatedItemsHorizontal li,
.RelatedItemsHorizontal ul.rrItemsList li {
  height: auto;
}

/*Member home events**/
.my-events {
  margin-bottom: 60px;
}

.my-events .pagination {
  display: none;
}

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

.my-events .event {
  display: flex;
}

.my-events .card {
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #dbdbdb;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  margin: 20px 0px;
}

.my-events section:first-of-type .card {
  margin-top: 0;
}

.my-events section:last-of-type .card {
  margin-bottom: 0;
}

.my-events .card-body {
  padding: 0;
}

.my-events .image {
  display: block;
  width: 95px;
  height: auto;
  min-height: 95px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  flex-shrink: 0;
}

.my-events .details {
  display: flex;
  align-items: center;
  padding: 10px 0px;
}

.my-events .event-details {
  max-width: 53%;
  padding: 10px 0px;
}

.my-events .date {
  padding: 0px 25px 0px 0px;
  margin: 0px 25px;
  text-align: center;
  position: relative;
}

.my-events .date:after {
  display: block;
  content: "";
  width: 1px;
  height: 80%;
  background: #b2b2b2;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.my-events .day {
  font-size: 38px;
  color: #336d3e;
  font-weight: 700;
  line-height: 1em;
}

.my-events .month {
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  margin: -5px 0px -5px 0px;
}

.my-events .title {
  font-weight: 600;
  line-height: 1.2em;
}

.my-events .datetime {
  display: none;
}

.my-events .link {
  position: absolute;
  right: 20px;
}

.my-events section:first-of-type .date {
  display: none;
}

.my-events section:first-of-type .datetime {
  display: block;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  margin: 5px 0px;
}

.my-events section:first-of-type .image {
  width: 265px;
  height: auto;
  min-height: 140px;
}

.my-events section:first-of-type .details {
  margin-left: 20px;
  flex-shrink: 0;
  width: 100%;
}

.my-events section:first-of-type .title {
  font-size: 20px;
}

.my-events section:first-of-type .event-details {
  max-width: 42%;
  width: 100%;
}

@media (max-width: 991px) {
  .my-events .event,
  .my-events .link {
    position: relative;
    display: block;
  }
  .my-events .details {
    flex-wrap: wrap;
    padding: 0;
  }
  .my-events .image {
    display: none;
  }
  .my-events .link {
    padding: 15px;
    right: auto;
    text-align: center;
    border-top: 1px solid #b2b2b2;
    width: 100%;
  }
  .my-events .date {
    padding: 15px 25px 10px 0px;
  }
  .my-events .date:after {
    height: 100%;
  }
  .my-events section:first-of-type .details {
    margin-left: 0;
  }
  .my-events section:first-of-type .image {
    display: block;
    min-height: 180px;
    width: 100%;
  }
  .my-events section:first-of-type .event-details {
    max-width: 100%;
    padding: 15px;
  }
}

@media (max-width: 767px) {
  .my-events .event-details {
    max-width: 100%;
    padding: 15px;
  }
  .my-events .date {
    width: 100%;
    padding: 15px;
    margin: 0px auto;
  }
  .my-events .date:after {
    height: 1px;
    width: 100%;
    top: auto;
  }
}

.template-list .panel-body,
.template-list .PanelBody {
  padding: 25px;
}

.template-list .QueryTemplateItem {
  padding: 25px 0px;
  border-bottom: 1px solid #dbdbdb;
}

.template-list .QueryTemplateItem p {
  margin: 0;
}

.template-list .QueryTemplateItem a {
  font-weight: 600;
}

.template-list section:first-of-type .QueryTemplateItem {
  padding-top: 0;
}

.template-list section:last-of-type .QueryTemplateItem {
  border: none;
  padding-bottom: 0;
}

.template-cards .card {
  border-radius: 4px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

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

.template-cards .mb-3 {
  margin-bottom: 20px !important;
}

/*Member home orgs*/
.shadow-box > .panel > .panel-body-container {
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  margin-bottom: 40px;
  border: 1px solid #dbdbdb;
}

.shadow-box .CommunicationPreferencesSection {
  background-color: #ffffff;
}

.shadow-box-zone {
  margin-bottom: 40px;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #dbdbdb;
  padding: 15px;
}

@media (min-width: 768px) {
  .shadow-box-zone.col-sm-6 {
    width: 48%;
    margin: 0px auto 40px auto;
  }
  .shadow-box-zone.col-sm-4 {
    width: 31%;
    margin: 0px auto 40px auto;
  }
  .shadow-box-zone.col-sm-3 {
    width: 23%;
    margin: 0px auto 40px auto;
  }
}

.button-group .LargeButton {
  width: 100%;
  height: 100%;
  font-size: 19px !important;
  line-height: 1.2;
  min-height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 992px) {
  .button-group .col-sm-4 {
    width: 33.3333%;
  }
}

@media (max-width: 991px) {
  .button-group > div {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .member-profile > div {
    width: 100%;
  }
}

.member-profile .mb-2 {
  margin: 0 !important;
}

.member-profile .mini-profile-address-section {
  padding-bottom: 0px;
}

.member-profile .mini-profile-name-section {
  padding-top: 0;
}

.member-profile
  .mini-profile-banner-large
  .mini-profile-name-section
  .SectionLabel,
.member-profile
  .mini-profile-banner-small
  .mini-profile-name-section
  .SectionLabel {
  font-weight: 700;
  color: #336d3e;
}

/**member account page**/
.coadmin-manage a {
  padding: 15px;
  border-radius: 4px;
  background-color: #f89c57;
  color: #ffffff;
  text-decoration: none;
  width: 100%;
  display: block;
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 20px;
  transition: all 0.2s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
  .coadmin-manage a {
    transition: none;
  }
}

.coadmin-manage a:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #ffffff;
  vertical-align: middle;
  margin-right: 10px;
  mask-image: url(images/mh-icons.svg#orgs);
  mask-size: 28px 28px;
  mask-position: center center;
  mask-repeat: no-repeat;
}

.coadmin-manage a:after {
  content: "";
  display: inline-block;
  width: 21px;
  float: right;
  height: 21px;
  background-color: #ffffff;
  vertical-align: middle;
  margin-top: 12px;
  margin-right: 10px;
  mask-image: url(images/arrows.svg);
  mask-size: 21px 21px;
  mask-position: center center;
  mask-repeat: no-repeat;
  transition: all 0.2s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
  .coadmin-manage a:after {
    transition: none;
  }
}

.coadmin-manage a:hover,
.coadmin-manage a:focus,
.coadmin-manage a:active {
  background-color: #f67f26;
}

.coadmin-manage a:hover:after,
.coadmin-manage a:focus:after,
.coadmin-manage a:active:after {
  margin-right: 0px;
}

/**Icon headings**/
.heading-icon .panel-heading {
  padding: 6px 0px;
}

.heading-icon .panel-title,
.heading-icon h3 {
  text-align: left;
  text-transform: uppercase;
  color: #525252;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 10px;
}

.heading-icon.engage .panel-title:before,
.heading-icon.engage h3:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: #525252;
  mask-size: 20px 20px;
  mask-repeat: no-repeat;
  mask-position: center;
  margin-right: 10px;
  mask-image: url(images/mh-icons.svg#engage);
  mask-size: 22px 22px;
  width: 22px;
  height: 22px;
}

.heading-icon.orgs .panel-title:before,
.heading-icon.orgs h3:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: #525252;
  mask-size: 20px 20px;
  mask-repeat: no-repeat;
  mask-position: center;
  margin-right: 10px;
  mask-image: url(images/mh-icons.svg#orgs);
  mask-size: 25px 25px;
  width: 25px;
  height: 25px;
}

.heading-icon.events .panel-title:before,
.heading-icon.events h3:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: #525252;
  mask-size: 20px 20px;
  mask-repeat: no-repeat;
  mask-position: center;
  margin-right: 10px;
  mask-image: url(images/mh-icons.svg#events);
}

.heading-icon.committees .panel-title:before,
.heading-icon.committees h3:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: #525252;
  mask-size: 20px 20px;
  mask-repeat: no-repeat;
  mask-position: center;
  margin-right: 10px;
  mask-image: url(images/mh-icons.svg#committees);
  mask-size: 30px 30px;
  width: 30px;
  height: 30px;
  mask-position: 0px 5px;
}

.heading-icon.sections .panel-title:before,
.heading-icon.sections h3:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: #525252;
  mask-size: 20px 20px;
  mask-repeat: no-repeat;
  mask-position: center;
  margin-right: 10px;
  mask-image: url(images/mh-icons.svg#sections);
  mask-size: 25px 25px;
  width: 25px;
  height: 25px;
}

.heading-icon.orders .panel-title:before,
.heading-icon.orders h3:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: #525252;
  mask-size: 20px 20px;
  mask-repeat: no-repeat;
  mask-position: center;
  margin-right: 10px;
  mask-image: url(images/mh-icons.svg#orders);
}

.heading-icon.community .panel-title:before,
.heading-icon.community h3:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: #525252;
  mask-size: 20px 20px;
  mask-repeat: no-repeat;
  mask-position: center;
  margin-right: 10px;
  mask-image: url(images/mh-icons.svg#community);
}

.heading-icon.clubs .panel-title:before,
.heading-icon.clubs h3:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: #525252;
  mask-size: 20px 20px;
  mask-repeat: no-repeat;
  mask-position: center;
  margin-right: 10px;
  mask-image: url(images/mh-icons.svg#committees);
}

/* Alt background colors
   ========================================================================== */
.AltBgColor1 {
  background-color: #ffffff;
  padding: 10px;
}

.AltBgColor2 > .panel {
  background-color: #ffffff;
}

a:hover .AltBgColor2 > .panel,
a:active .AltBgColor2 > .panel,
a:focus .AltBgColor2 > .panel {
  background-color: #f7f7f7;
}

.AltBgColor2 > .panel.panel-border {
  border-color: #f2f2f2;
}

.AltBgColor2 > .panel,
.AltBgColor2 > .panel h2 {
  color: #000;
}

.AltBgColor2 > .panel a,
.AltBgColor2 > .panel a:hover,
.AltBgColor2 > .panel a:active,
.AltBgColor2 > .panel a:focus,
.AltBgColor2 > .panel a:visited {
  color: #000;
  text-decoration: underline;
}

.AltBgColor2 > .panel .ProgressBar > span {
  background-color: #000;
}

.AltBgColor3 > .panel {
  background-color: #f89c57;
}

a:hover .AltBgColor3 > .panel,
a:active .AltBgColor3 > .panel,
a:focus .AltBgColor3 > .panel {
  background-color: #f79348;
}

.AltBgColor3 > .panel.panel-border {
  border-color: #f78e3f;
}

.AltBgColor3 > .panel,
.AltBgColor3 > .panel h2 {
  color: #000;
}

.AltBgColor3 > .panel a,
.AltBgColor3 > .panel a:hover,
.AltBgColor3 > .panel a:active,
.AltBgColor3 > .panel a:focus,
.AltBgColor3 > .panel a:visited {
  color: #000;
  text-decoration: underline;
}

.AltBgColor3 > .panel .ProgressBar > span {
  background-color: #000;
}

.AltBgColor4 > .panel {
  background-color: #e98300;
}

a:hover .AltBgColor4 > .panel,
a:active .AltBgColor4 > .panel,
a:focus .AltBgColor4 > .panel {
  background-color: #da7a00;
}

.AltBgColor4 > .panel.panel-border {
  border-color: #d07500;
}

.AltBgColor4 > .panel,
.AltBgColor4 > .panel h2 {
  color: #000;
}

.AltBgColor4 > .panel a,
.AltBgColor4 > .panel a:hover,
.AltBgColor4 > .panel a:active,
.AltBgColor4 > .panel a:focus,
.AltBgColor4 > .panel a:visited {
  color: #000;
  text-decoration: underline;
}

.AltBgColor4 > .panel .ProgressBar > span {
  background-color: #000;
}

.AltBgColor5 > .panel {
  background-color: #8e51ae;
}

a:hover .AltBgColor5 > .panel,
a:active .AltBgColor5 > .panel,
a:focus .AltBgColor5 > .panel {
  background-color: #854ca4;
}

.AltBgColor5 > .panel.panel-border {
  border-color: #80499d;
}

.AltBgColor5 > .panel,
.AltBgColor5 > .panel h2 {
  color: #fff;
}

.AltBgColor5 > .panel a,
.AltBgColor5 > .panel a:hover,
.AltBgColor5 > .panel a:active,
.AltBgColor5 > .panel a:focus,
.AltBgColor5 > .panel a:visited {
  color: #fff;
  text-decoration: underline;
}

.AltBgColor5 > .panel .ProgressBar > span {
  background-color: #fff;
}

.AltBgColorred > .panel {
  background-color: #d03528;
}

a:hover .AltBgColorred > .panel,
a:active .AltBgColorred > .panel,
a:focus .AltBgColorred > .panel {
  background-color: #c33226;
}

.AltBgColorred > .panel.panel-border {
  border-color: #bb3024;
}

.AltBgColorred > .panel,
.AltBgColorred > .panel h2 {
  color: #fff;
}

.AltBgColorred > .panel a,
.AltBgColorred > .panel a:hover,
.AltBgColorred > .panel a:active,
.AltBgColorred > .panel a:focus,
.AltBgColorred > .panel a:visited {
  color: #fff;
  text-decoration: underline;
}

.AltBgColorred > .panel .ProgressBar > span {
  background-color: #fff;
}

.AltBgColororange > .panel {
  background-color: #e98300;
}

a:hover .AltBgColororange > .panel,
a:active .AltBgColororange > .panel,
a:focus .AltBgColororange > .panel {
  background-color: #da7a00;
}

.AltBgColororange > .panel.panel-border {
  border-color: #d07500;
}

.AltBgColororange > .panel,
.AltBgColororange > .panel h2 {
  color: #000;
}

.AltBgColororange > .panel a,
.AltBgColororange > .panel a:hover,
.AltBgColororange > .panel a:active,
.AltBgColororange > .panel a:focus,
.AltBgColororange > .panel a:visited {
  color: #000;
  text-decoration: underline;
}

.AltBgColororange > .panel .ProgressBar > span {
  background-color: #000;
}

.AltBgColoryellow > .panel {
  background-color: #e8d92d;
}

a:hover .AltBgColoryellow > .panel,
a:active .AltBgColoryellow > .panel,
a:focus .AltBgColoryellow > .panel {
  background-color: #e6d71f;
}

.AltBgColoryellow > .panel.panel-border {
  border-color: #e3d219;
}

.AltBgColoryellow > .panel,
.AltBgColoryellow > .panel h2 {
  color: #000;
}

.AltBgColoryellow > .panel a,
.AltBgColoryellow > .panel a:hover,
.AltBgColoryellow > .panel a:active,
.AltBgColoryellow > .panel a:focus,
.AltBgColoryellow > .panel a:visited {
  color: #000;
  text-decoration: underline;
}

.AltBgColoryellow > .panel .ProgressBar > span {
  background-color: #000;
}

.AltBgColorgreen > .panel {
  background-color: #68bd49;
}

a:hover .AltBgColorgreen > .panel,
a:active .AltBgColorgreen > .panel,
a:focus .AltBgColorgreen > .panel {
  background-color: #60b542;
}

.AltBgColorgreen > .panel.panel-border {
  border-color: #5dae3f;
}

.AltBgColorgreen > .panel,
.AltBgColorgreen > .panel h2 {
  color: #000;
}

.AltBgColorgreen > .panel a,
.AltBgColorgreen > .panel a:hover,
.AltBgColorgreen > .panel a:active,
.AltBgColorgreen > .panel a:focus,
.AltBgColorgreen > .panel a:visited {
  color: #000;
  text-decoration: underline;
}

.AltBgColorgreen > .panel .ProgressBar > span {
  background-color: #000;
}

.AltBgColorblue > .panel {
  background-color: #00a9e0;
}

a:hover .AltBgColorblue > .panel,
a:active .AltBgColorblue > .panel,
a:focus .AltBgColorblue > .panel {
  background-color: #009dd1;
}

.AltBgColorblue > .panel.panel-border {
  border-color: #0096c7;
}

.AltBgColorblue > .panel,
.AltBgColorblue > .panel h2 {
  color: #000;
}

.AltBgColorblue > .panel a,
.AltBgColorblue > .panel a:hover,
.AltBgColorblue > .panel a:active,
.AltBgColorblue > .panel a:focus,
.AltBgColorblue > .panel a:visited {
  color: #000;
  text-decoration: underline;
}

.AltBgColorblue > .panel .ProgressBar > span {
  background-color: #000;
}

.AltBgColorpurple > .panel {
  background-color: #8e51ae;
}

a:hover .AltBgColorpurple > .panel,
a:active .AltBgColorpurple > .panel,
a:focus .AltBgColorpurple > .panel {
  background-color: #854ca4;
}

.AltBgColorpurple > .panel.panel-border {
  border-color: #80499d;
}

.AltBgColorpurple > .panel,
.AltBgColorpurple > .panel h2 {
  color: #fff;
}

.AltBgColorpurple > .panel a,
.AltBgColorpurple > .panel a:hover,
.AltBgColorpurple > .panel a:active,
.AltBgColorpurple > .panel a:focus,
.AltBgColorpurple > .panel a:visited {
  color: #fff;
  text-decoration: underline;
}

.AltBgColorpurple > .panel .ProgressBar > span {
  background-color: #fff;
}

.AltBgColormps-1 > .panel {
  background-color: #336d3e;
}

a:hover .AltBgColormps-1 > .panel,
a:active .AltBgColormps-1 > .panel,
a:focus .AltBgColormps-1 > .panel {
  background-color: #4466a2;
}

.AltBgColormps-1 > .panel.panel-border {
  border-color: #41629b;
}

.AltBgColormps-1 > .panel,
.AltBgColormps-1 > .panel h2 {
  color: #fff;
}

.AltBgColormps-1 > .panel a,
.AltBgColormps-1 > .panel a:hover,
.AltBgColormps-1 > .panel a:active,
.AltBgColormps-1 > .panel a:focus,
.AltBgColormps-1 > .panel a:visited {
  color: #fff;
  text-decoration: underline;
}

.AltBgColormps-1 > .panel .ProgressBar > span {
  background-color: #fff;
}

.AltBgColormps-2 > .panel {
  background-color: #252e38;
}

a:hover .AltBgColormps-2 > .panel,
a:active .AltBgColormps-2 > .panel,
a:focus .AltBgColormps-2 > .panel {
  background-color: #1f262f;
}

.AltBgColormps-2 > .panel.panel-border {
  border-color: #1b2129;
}

.AltBgColormps-2 > .panel,
.AltBgColormps-2 > .panel h2 {
  color: #fff;
}

.AltBgColormps-2 > .panel a,
.AltBgColormps-2 > .panel a:hover,
.AltBgColormps-2 > .panel a:active,
.AltBgColormps-2 > .panel a:focus,
.AltBgColormps-2 > .panel a:visited {
  color: #fff;
  text-decoration: underline;
}

.AltBgColormps-2 > .panel .ProgressBar > span {
  background-color: #fff;
}

/* ==========================================================================
   DASHBOARDS
   ========================================================================== */
/* Zone or iPart style for the staff dashboards for consistent styling */
.ProgressTracker_Dashboard .label,
.ProgressTracker_Dashboard_Overview .label {
  font-size: 120%;
  display: block;
  margin-top: 10px;
}

.ProgressTracker_Dashboard .ProgressBar,
.ProgressTracker_Dashboard_Overview .ProgressBar {
  margin-left: -10px;
  margin-right: -10px;
}

.ProgressTracker2 ul,
.ProgressTracker_Dashboard ul,
.ProgressTracker_Dashboard_Overview ul {
  margin: 0;
  padding: 0;
}

.ProgressTracker2 ul,
.ProgressTracker2 li,
.ProgressTracker_Dashboard ul,
.ProgressTracker_Dashboard li,
.ProgressTracker_Dashboard_Overview ul,
.ProgressTracker_Dashboard_Overview li {
  list-style-type: none;
}

.ProgressTracker2 .count,
.ProgressTracker_Dashboard .count,
.ProgressTracker_Dashboard_Overview .count {
  font-weight: 600;
  display: block;
  line-height: 1;
  letter-spacing: -1px;
}

.ProgressTracker2 .label,
.ProgressTracker_Dashboard .label,
.ProgressTracker_Dashboard_Overview .label {
  line-height: 1.25;
}

.ProgressTracker2 .ProgressBar,
.ProgressTracker_Dashboard .ProgressBar,
.ProgressTracker_Dashboard_Overview .ProgressBar {
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
  background-color: rgba(0, 0, 0, 0.1);
}

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

.ProgressTracker2 p,
.ProgressTracker_Dashboard p,
.ProgressTracker_Dashboard_Overview p {
  margin-bottom: 0;
}

.ProgressTracker_Dashboard .panel-heading.Distinguish {
  padding-bottom: 0;
}

.ProgressTracker_Dashboard .inset {
  display: block;
  padding-bottom: 15px;
}

.ProgressTracker2 .count,
.ProgressTracker_Dashboard .count {
  font-size: 350%;
}

.ProgressTracker2 .ProgressBar,
.ProgressTracker_Dashboard .ProgressBar {
  padding: 0;
  height: 18px;
}

.ProgressTracker_Dashboard_Overview .panel {
  /* default the overview PTs to the same height */
  min-height: 11em;
}

.ProgressTracker_Dashboard_Overview .panel-heading.Distinguish {
  border-bottom-color: transparent;
}

.ProgressTracker_Dashboard_Overview .count {
  font-size: 4rem;
}

.ProgressTracker_Dashboard_Overview .ProgressBar {
  height: 5px;
  margin-bottom: 5px;
}

.ProgressTrackerNumberGradient .count {
  font-weight: 500;
  font-size: 5.5rem;
}

@media only screen {
  .ProgressTrackerNumberGradient .count {
    background: linear-gradient(50deg, #003d4f 15%, #954a87 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

.StaffDashboard h2,
.StaffDashboard .panel-heading.Distinguish,
.StaffDashboard .PanelHead.Distinguish,
.StaffDashboard .TitleBarCaption {
  border-bottom-color: transparent;
}

.StaffDashboard h2.Collapsible,
.StaffDashboard .panel-heading.Distinguish.Collapsible,
.StaffDashboard .PanelHead.Distinguish.Collapsible,
.StaffDashboard .TitleBarCaption.Collapsible {
  border-bottom-color: #dbdbdb;
}

.CampaignDashboard .panel {
  padding-top: 15px;
}

.CampaignDashboard .GridCardStyle,
.CampaignDashboard .RadGrid.RadGrid,
.CampaignDashboard .panel-border {
  margin-bottom: 0.9em;
}

/* ==========================================================================
   ANIMATIONS
   ========================================================================== */
@keyframes slide-down-with-delay {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  25% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slide-up-with-delay {
  0% {
    transform: translateY(75px);
    opacity: 0;
  }
  25% {
    transform: translateY(75px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes appear-zoom-out-with-delay {
  0% {
    transform: scale(1.1);
    opacity: 0;
  }
  25% {
    transform: scale(1.1);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes appear-zoom-in-with-delay {
  0% {
    transform: scale(0.95);
    opacity: 0;
  }
  25% {
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes soft-zoom-motion {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: translateY(1);
  }
}

@keyframes bubble-effect {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  25% {
    opacity: 0.5;
  }
  40% {
    transform: scale(1.05);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes bounce {
  50% {
    transform: translateY(-10px);
  }
}

/* ==========================================================================
   ANIMATE ON SCROLL
   ========================================================================== */
/* Source: https://github.com/michalsnik/aos/tree/v2 */
/* Version 2.3.x */
/* Requires related .js file */
/* Core
   ========================================================================== */
body[data-aos-duration="50"] [data-aos],
[data-aos][data-aos][data-aos-duration="50"] {
  transition-duration: 50ms;
}

body[data-aos-delay="50"] [data-aos],
[data-aos][data-aos][data-aos-delay="50"] {
  transition-delay: 0;
}

body[data-aos-delay="50"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="50"].aos-animate {
  transition-delay: 50ms;
}

body[data-aos-duration="100"] [data-aos],
[data-aos][data-aos][data-aos-duration="100"] {
  transition-duration: 100ms;
}

body[data-aos-delay="100"] [data-aos],
[data-aos][data-aos][data-aos-delay="100"] {
  transition-delay: 0;
}

body[data-aos-delay="100"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="100"].aos-animate {
  transition-delay: 100ms;
}

body[data-aos-duration="150"] [data-aos],
[data-aos][data-aos][data-aos-duration="150"] {
  transition-duration: 150ms;
}

body[data-aos-delay="150"] [data-aos],
[data-aos][data-aos][data-aos-delay="150"] {
  transition-delay: 0;
}

body[data-aos-delay="150"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="150"].aos-animate {
  transition-delay: 150ms;
}

body[data-aos-duration="200"] [data-aos],
[data-aos][data-aos][data-aos-duration="200"] {
  transition-duration: 200ms;
}

body[data-aos-delay="200"] [data-aos],
[data-aos][data-aos][data-aos-delay="200"] {
  transition-delay: 0;
}

body[data-aos-delay="200"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="200"].aos-animate {
  transition-delay: 200ms;
}

body[data-aos-duration="250"] [data-aos],
[data-aos][data-aos][data-aos-duration="250"] {
  transition-duration: 250ms;
}

body[data-aos-delay="250"] [data-aos],
[data-aos][data-aos][data-aos-delay="250"] {
  transition-delay: 0;
}

body[data-aos-delay="250"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="250"].aos-animate {
  transition-delay: 250ms;
}

body[data-aos-duration="300"] [data-aos],
[data-aos][data-aos][data-aos-duration="300"] {
  transition-duration: 300ms;
}

body[data-aos-delay="300"] [data-aos],
[data-aos][data-aos][data-aos-delay="300"] {
  transition-delay: 0;
}

body[data-aos-delay="300"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="300"].aos-animate {
  transition-delay: 300ms;
}

body[data-aos-duration="350"] [data-aos],
[data-aos][data-aos][data-aos-duration="350"] {
  transition-duration: 350ms;
}

body[data-aos-delay="350"] [data-aos],
[data-aos][data-aos][data-aos-delay="350"] {
  transition-delay: 0;
}

body[data-aos-delay="350"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="350"].aos-animate {
  transition-delay: 350ms;
}

body[data-aos-duration="400"] [data-aos],
[data-aos][data-aos][data-aos-duration="400"] {
  transition-duration: 400ms;
}

body[data-aos-delay="400"] [data-aos],
[data-aos][data-aos][data-aos-delay="400"] {
  transition-delay: 0;
}

body[data-aos-delay="400"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="400"].aos-animate {
  transition-delay: 400ms;
}

body[data-aos-duration="450"] [data-aos],
[data-aos][data-aos][data-aos-duration="450"] {
  transition-duration: 450ms;
}

body[data-aos-delay="450"] [data-aos],
[data-aos][data-aos][data-aos-delay="450"] {
  transition-delay: 0;
}

body[data-aos-delay="450"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="450"].aos-animate {
  transition-delay: 450ms;
}

body[data-aos-duration="500"] [data-aos],
[data-aos][data-aos][data-aos-duration="500"] {
  transition-duration: 500ms;
}

body[data-aos-delay="500"] [data-aos],
[data-aos][data-aos][data-aos-delay="500"] {
  transition-delay: 0;
}

body[data-aos-delay="500"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="500"].aos-animate {
  transition-delay: 500ms;
}

body[data-aos-duration="550"] [data-aos],
[data-aos][data-aos][data-aos-duration="550"] {
  transition-duration: 550ms;
}

body[data-aos-delay="550"] [data-aos],
[data-aos][data-aos][data-aos-delay="550"] {
  transition-delay: 0;
}

body[data-aos-delay="550"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="550"].aos-animate {
  transition-delay: 550ms;
}

body[data-aos-duration="600"] [data-aos],
[data-aos][data-aos][data-aos-duration="600"] {
  transition-duration: 600ms;
}

body[data-aos-delay="600"] [data-aos],
[data-aos][data-aos][data-aos-delay="600"] {
  transition-delay: 0;
}

body[data-aos-delay="600"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="600"].aos-animate {
  transition-delay: 600ms;
}

body[data-aos-duration="650"] [data-aos],
[data-aos][data-aos][data-aos-duration="650"] {
  transition-duration: 650ms;
}

body[data-aos-delay="650"] [data-aos],
[data-aos][data-aos][data-aos-delay="650"] {
  transition-delay: 0;
}

body[data-aos-delay="650"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="650"].aos-animate {
  transition-delay: 650ms;
}

body[data-aos-duration="700"] [data-aos],
[data-aos][data-aos][data-aos-duration="700"] {
  transition-duration: 700ms;
}

body[data-aos-delay="700"] [data-aos],
[data-aos][data-aos][data-aos-delay="700"] {
  transition-delay: 0;
}

body[data-aos-delay="700"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="700"].aos-animate {
  transition-delay: 700ms;
}

body[data-aos-duration="750"] [data-aos],
[data-aos][data-aos][data-aos-duration="750"] {
  transition-duration: 750ms;
}

body[data-aos-delay="750"] [data-aos],
[data-aos][data-aos][data-aos-delay="750"] {
  transition-delay: 0;
}

body[data-aos-delay="750"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="750"].aos-animate {
  transition-delay: 750ms;
}

body[data-aos-duration="800"] [data-aos],
[data-aos][data-aos][data-aos-duration="800"] {
  transition-duration: 800ms;
}

body[data-aos-delay="800"] [data-aos],
[data-aos][data-aos][data-aos-delay="800"] {
  transition-delay: 0;
}

body[data-aos-delay="800"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="800"].aos-animate {
  transition-delay: 800ms;
}

body[data-aos-duration="850"] [data-aos],
[data-aos][data-aos][data-aos-duration="850"] {
  transition-duration: 850ms;
}

body[data-aos-delay="850"] [data-aos],
[data-aos][data-aos][data-aos-delay="850"] {
  transition-delay: 0;
}

body[data-aos-delay="850"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="850"].aos-animate {
  transition-delay: 850ms;
}

body[data-aos-duration="900"] [data-aos],
[data-aos][data-aos][data-aos-duration="900"] {
  transition-duration: 900ms;
}

body[data-aos-delay="900"] [data-aos],
[data-aos][data-aos][data-aos-delay="900"] {
  transition-delay: 0;
}

body[data-aos-delay="900"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="900"].aos-animate {
  transition-delay: 900ms;
}

body[data-aos-duration="950"] [data-aos],
[data-aos][data-aos][data-aos-duration="950"] {
  transition-duration: 950ms;
}

body[data-aos-delay="950"] [data-aos],
[data-aos][data-aos][data-aos-delay="950"] {
  transition-delay: 0;
}

body[data-aos-delay="950"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="950"].aos-animate {
  transition-delay: 950ms;
}

body[data-aos-duration="1000"] [data-aos],
[data-aos][data-aos][data-aos-duration="1000"] {
  transition-duration: 1000ms;
}

body[data-aos-delay="1000"] [data-aos],
[data-aos][data-aos][data-aos-delay="1000"] {
  transition-delay: 0;
}

body[data-aos-delay="1000"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1000"].aos-animate {
  transition-delay: 1000ms;
}

body[data-aos-duration="1050"] [data-aos],
[data-aos][data-aos][data-aos-duration="1050"] {
  transition-duration: 1050ms;
}

body[data-aos-delay="1050"] [data-aos],
[data-aos][data-aos][data-aos-delay="1050"] {
  transition-delay: 0;
}

body[data-aos-delay="1050"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1050"].aos-animate {
  transition-delay: 1050ms;
}

body[data-aos-duration="1100"] [data-aos],
[data-aos][data-aos][data-aos-duration="1100"] {
  transition-duration: 1100ms;
}

body[data-aos-delay="1100"] [data-aos],
[data-aos][data-aos][data-aos-delay="1100"] {
  transition-delay: 0;
}

body[data-aos-delay="1100"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1100"].aos-animate {
  transition-delay: 1100ms;
}

body[data-aos-duration="1150"] [data-aos],
[data-aos][data-aos][data-aos-duration="1150"] {
  transition-duration: 1150ms;
}

body[data-aos-delay="1150"] [data-aos],
[data-aos][data-aos][data-aos-delay="1150"] {
  transition-delay: 0;
}

body[data-aos-delay="1150"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1150"].aos-animate {
  transition-delay: 1150ms;
}

body[data-aos-duration="1200"] [data-aos],
[data-aos][data-aos][data-aos-duration="1200"] {
  transition-duration: 1200ms;
}

body[data-aos-delay="1200"] [data-aos],
[data-aos][data-aos][data-aos-delay="1200"] {
  transition-delay: 0;
}

body[data-aos-delay="1200"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1200"].aos-animate {
  transition-delay: 1200ms;
}

body[data-aos-duration="1250"] [data-aos],
[data-aos][data-aos][data-aos-duration="1250"] {
  transition-duration: 1250ms;
}

body[data-aos-delay="1250"] [data-aos],
[data-aos][data-aos][data-aos-delay="1250"] {
  transition-delay: 0;
}

body[data-aos-delay="1250"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1250"].aos-animate {
  transition-delay: 1250ms;
}

body[data-aos-duration="1300"] [data-aos],
[data-aos][data-aos][data-aos-duration="1300"] {
  transition-duration: 1300ms;
}

body[data-aos-delay="1300"] [data-aos],
[data-aos][data-aos][data-aos-delay="1300"] {
  transition-delay: 0;
}

body[data-aos-delay="1300"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1300"].aos-animate {
  transition-delay: 1300ms;
}

body[data-aos-duration="1350"] [data-aos],
[data-aos][data-aos][data-aos-duration="1350"] {
  transition-duration: 1350ms;
}

body[data-aos-delay="1350"] [data-aos],
[data-aos][data-aos][data-aos-delay="1350"] {
  transition-delay: 0;
}

body[data-aos-delay="1350"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1350"].aos-animate {
  transition-delay: 1350ms;
}

body[data-aos-duration="1400"] [data-aos],
[data-aos][data-aos][data-aos-duration="1400"] {
  transition-duration: 1400ms;
}

body[data-aos-delay="1400"] [data-aos],
[data-aos][data-aos][data-aos-delay="1400"] {
  transition-delay: 0;
}

body[data-aos-delay="1400"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1400"].aos-animate {
  transition-delay: 1400ms;
}

body[data-aos-duration="1450"] [data-aos],
[data-aos][data-aos][data-aos-duration="1450"] {
  transition-duration: 1450ms;
}

body[data-aos-delay="1450"] [data-aos],
[data-aos][data-aos][data-aos-delay="1450"] {
  transition-delay: 0;
}

body[data-aos-delay="1450"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1450"].aos-animate {
  transition-delay: 1450ms;
}

body[data-aos-duration="1500"] [data-aos],
[data-aos][data-aos][data-aos-duration="1500"] {
  transition-duration: 1500ms;
}

body[data-aos-delay="1500"] [data-aos],
[data-aos][data-aos][data-aos-delay="1500"] {
  transition-delay: 0;
}

body[data-aos-delay="1500"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1500"].aos-animate {
  transition-delay: 1500ms;
}

body[data-aos-duration="1550"] [data-aos],
[data-aos][data-aos][data-aos-duration="1550"] {
  transition-duration: 1550ms;
}

body[data-aos-delay="1550"] [data-aos],
[data-aos][data-aos][data-aos-delay="1550"] {
  transition-delay: 0;
}

body[data-aos-delay="1550"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1550"].aos-animate {
  transition-delay: 1550ms;
}

body[data-aos-duration="1600"] [data-aos],
[data-aos][data-aos][data-aos-duration="1600"] {
  transition-duration: 1600ms;
}

body[data-aos-delay="1600"] [data-aos],
[data-aos][data-aos][data-aos-delay="1600"] {
  transition-delay: 0;
}

body[data-aos-delay="1600"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1600"].aos-animate {
  transition-delay: 1600ms;
}

body[data-aos-duration="1650"] [data-aos],
[data-aos][data-aos][data-aos-duration="1650"] {
  transition-duration: 1650ms;
}

body[data-aos-delay="1650"] [data-aos],
[data-aos][data-aos][data-aos-delay="1650"] {
  transition-delay: 0;
}

body[data-aos-delay="1650"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1650"].aos-animate {
  transition-delay: 1650ms;
}

body[data-aos-duration="1700"] [data-aos],
[data-aos][data-aos][data-aos-duration="1700"] {
  transition-duration: 1700ms;
}

body[data-aos-delay="1700"] [data-aos],
[data-aos][data-aos][data-aos-delay="1700"] {
  transition-delay: 0;
}

body[data-aos-delay="1700"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1700"].aos-animate {
  transition-delay: 1700ms;
}

body[data-aos-duration="1750"] [data-aos],
[data-aos][data-aos][data-aos-duration="1750"] {
  transition-duration: 1750ms;
}

body[data-aos-delay="1750"] [data-aos],
[data-aos][data-aos][data-aos-delay="1750"] {
  transition-delay: 0;
}

body[data-aos-delay="1750"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1750"].aos-animate {
  transition-delay: 1750ms;
}

body[data-aos-duration="1800"] [data-aos],
[data-aos][data-aos][data-aos-duration="1800"] {
  transition-duration: 1800ms;
}

body[data-aos-delay="1800"] [data-aos],
[data-aos][data-aos][data-aos-delay="1800"] {
  transition-delay: 0;
}

body[data-aos-delay="1800"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1800"].aos-animate {
  transition-delay: 1800ms;
}

body[data-aos-duration="1850"] [data-aos],
[data-aos][data-aos][data-aos-duration="1850"] {
  transition-duration: 1850ms;
}

body[data-aos-delay="1850"] [data-aos],
[data-aos][data-aos][data-aos-delay="1850"] {
  transition-delay: 0;
}

body[data-aos-delay="1850"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1850"].aos-animate {
  transition-delay: 1850ms;
}

body[data-aos-duration="1900"] [data-aos],
[data-aos][data-aos][data-aos-duration="1900"] {
  transition-duration: 1900ms;
}

body[data-aos-delay="1900"] [data-aos],
[data-aos][data-aos][data-aos-delay="1900"] {
  transition-delay: 0;
}

body[data-aos-delay="1900"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1900"].aos-animate {
  transition-delay: 1900ms;
}

body[data-aos-duration="1950"] [data-aos],
[data-aos][data-aos][data-aos-duration="1950"] {
  transition-duration: 1950ms;
}

body[data-aos-delay="1950"] [data-aos],
[data-aos][data-aos][data-aos-delay="1950"] {
  transition-delay: 0;
}

body[data-aos-delay="1950"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1950"].aos-animate {
  transition-delay: 1950ms;
}

body[data-aos-duration="2000"] [data-aos],
[data-aos][data-aos][data-aos-duration="2000"] {
  transition-duration: 2000ms;
}

body[data-aos-delay="2000"] [data-aos],
[data-aos][data-aos][data-aos-delay="2000"] {
  transition-delay: 0;
}

body[data-aos-delay="2000"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2000"].aos-animate {
  transition-delay: 2000ms;
}

body[data-aos-duration="2050"] [data-aos],
[data-aos][data-aos][data-aos-duration="2050"] {
  transition-duration: 2050ms;
}

body[data-aos-delay="2050"] [data-aos],
[data-aos][data-aos][data-aos-delay="2050"] {
  transition-delay: 0;
}

body[data-aos-delay="2050"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2050"].aos-animate {
  transition-delay: 2050ms;
}

body[data-aos-duration="2100"] [data-aos],
[data-aos][data-aos][data-aos-duration="2100"] {
  transition-duration: 2100ms;
}

body[data-aos-delay="2100"] [data-aos],
[data-aos][data-aos][data-aos-delay="2100"] {
  transition-delay: 0;
}

body[data-aos-delay="2100"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2100"].aos-animate {
  transition-delay: 2100ms;
}

body[data-aos-duration="2150"] [data-aos],
[data-aos][data-aos][data-aos-duration="2150"] {
  transition-duration: 2150ms;
}

body[data-aos-delay="2150"] [data-aos],
[data-aos][data-aos][data-aos-delay="2150"] {
  transition-delay: 0;
}

body[data-aos-delay="2150"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2150"].aos-animate {
  transition-delay: 2150ms;
}

body[data-aos-duration="2200"] [data-aos],
[data-aos][data-aos][data-aos-duration="2200"] {
  transition-duration: 2200ms;
}

body[data-aos-delay="2200"] [data-aos],
[data-aos][data-aos][data-aos-delay="2200"] {
  transition-delay: 0;
}

body[data-aos-delay="2200"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2200"].aos-animate {
  transition-delay: 2200ms;
}

body[data-aos-duration="2250"] [data-aos],
[data-aos][data-aos][data-aos-duration="2250"] {
  transition-duration: 2250ms;
}

body[data-aos-delay="2250"] [data-aos],
[data-aos][data-aos][data-aos-delay="2250"] {
  transition-delay: 0;
}

body[data-aos-delay="2250"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2250"].aos-animate {
  transition-delay: 2250ms;
}

body[data-aos-duration="2300"] [data-aos],
[data-aos][data-aos][data-aos-duration="2300"] {
  transition-duration: 2300ms;
}

body[data-aos-delay="2300"] [data-aos],
[data-aos][data-aos][data-aos-delay="2300"] {
  transition-delay: 0;
}

body[data-aos-delay="2300"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2300"].aos-animate {
  transition-delay: 2300ms;
}

body[data-aos-duration="2350"] [data-aos],
[data-aos][data-aos][data-aos-duration="2350"] {
  transition-duration: 2350ms;
}

body[data-aos-delay="2350"] [data-aos],
[data-aos][data-aos][data-aos-delay="2350"] {
  transition-delay: 0;
}

body[data-aos-delay="2350"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2350"].aos-animate {
  transition-delay: 2350ms;
}

body[data-aos-duration="2400"] [data-aos],
[data-aos][data-aos][data-aos-duration="2400"] {
  transition-duration: 2400ms;
}

body[data-aos-delay="2400"] [data-aos],
[data-aos][data-aos][data-aos-delay="2400"] {
  transition-delay: 0;
}

body[data-aos-delay="2400"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2400"].aos-animate {
  transition-delay: 2400ms;
}

body[data-aos-duration="2450"] [data-aos],
[data-aos][data-aos][data-aos-duration="2450"] {
  transition-duration: 2450ms;
}

body[data-aos-delay="2450"] [data-aos],
[data-aos][data-aos][data-aos-delay="2450"] {
  transition-delay: 0;
}

body[data-aos-delay="2450"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2450"].aos-animate {
  transition-delay: 2450ms;
}

body[data-aos-duration="2500"] [data-aos],
[data-aos][data-aos][data-aos-duration="2500"] {
  transition-duration: 2500ms;
}

body[data-aos-delay="2500"] [data-aos],
[data-aos][data-aos][data-aos-delay="2500"] {
  transition-delay: 0;
}

body[data-aos-delay="2500"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2500"].aos-animate {
  transition-delay: 2500ms;
}

body[data-aos-duration="2550"] [data-aos],
[data-aos][data-aos][data-aos-duration="2550"] {
  transition-duration: 2550ms;
}

body[data-aos-delay="2550"] [data-aos],
[data-aos][data-aos][data-aos-delay="2550"] {
  transition-delay: 0;
}

body[data-aos-delay="2550"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2550"].aos-animate {
  transition-delay: 2550ms;
}

body[data-aos-duration="2600"] [data-aos],
[data-aos][data-aos][data-aos-duration="2600"] {
  transition-duration: 2600ms;
}

body[data-aos-delay="2600"] [data-aos],
[data-aos][data-aos][data-aos-delay="2600"] {
  transition-delay: 0;
}

body[data-aos-delay="2600"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2600"].aos-animate {
  transition-delay: 2600ms;
}

body[data-aos-duration="2650"] [data-aos],
[data-aos][data-aos][data-aos-duration="2650"] {
  transition-duration: 2650ms;
}

body[data-aos-delay="2650"] [data-aos],
[data-aos][data-aos][data-aos-delay="2650"] {
  transition-delay: 0;
}

body[data-aos-delay="2650"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2650"].aos-animate {
  transition-delay: 2650ms;
}

body[data-aos-duration="2700"] [data-aos],
[data-aos][data-aos][data-aos-duration="2700"] {
  transition-duration: 2700ms;
}

body[data-aos-delay="2700"] [data-aos],
[data-aos][data-aos][data-aos-delay="2700"] {
  transition-delay: 0;
}

body[data-aos-delay="2700"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2700"].aos-animate {
  transition-delay: 2700ms;
}

body[data-aos-duration="2750"] [data-aos],
[data-aos][data-aos][data-aos-duration="2750"] {
  transition-duration: 2750ms;
}

body[data-aos-delay="2750"] [data-aos],
[data-aos][data-aos][data-aos-delay="2750"] {
  transition-delay: 0;
}

body[data-aos-delay="2750"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2750"].aos-animate {
  transition-delay: 2750ms;
}

body[data-aos-duration="2800"] [data-aos],
[data-aos][data-aos][data-aos-duration="2800"] {
  transition-duration: 2800ms;
}

body[data-aos-delay="2800"] [data-aos],
[data-aos][data-aos][data-aos-delay="2800"] {
  transition-delay: 0;
}

body[data-aos-delay="2800"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2800"].aos-animate {
  transition-delay: 2800ms;
}

body[data-aos-duration="2850"] [data-aos],
[data-aos][data-aos][data-aos-duration="2850"] {
  transition-duration: 2850ms;
}

body[data-aos-delay="2850"] [data-aos],
[data-aos][data-aos][data-aos-delay="2850"] {
  transition-delay: 0;
}

body[data-aos-delay="2850"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2850"].aos-animate {
  transition-delay: 2850ms;
}

body[data-aos-duration="2900"] [data-aos],
[data-aos][data-aos][data-aos-duration="2900"] {
  transition-duration: 2900ms;
}

body[data-aos-delay="2900"] [data-aos],
[data-aos][data-aos][data-aos-delay="2900"] {
  transition-delay: 0;
}

body[data-aos-delay="2900"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2900"].aos-animate {
  transition-delay: 2900ms;
}

body[data-aos-duration="2950"] [data-aos],
[data-aos][data-aos][data-aos-duration="2950"] {
  transition-duration: 2950ms;
}

body[data-aos-delay="2950"] [data-aos],
[data-aos][data-aos][data-aos-delay="2950"] {
  transition-delay: 0;
}

body[data-aos-delay="2950"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2950"].aos-animate {
  transition-delay: 2950ms;
}

body[data-aos-duration="3000"] [data-aos],
[data-aos][data-aos][data-aos-duration="3000"] {
  transition-duration: 3000ms;
}

body[data-aos-delay="3000"] [data-aos],
[data-aos][data-aos][data-aos-delay="3000"] {
  transition-delay: 0;
}

body[data-aos-delay="3000"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="3000"].aos-animate {
  transition-delay: 3000ms;
}

/* Easing
   ========================================================================== */
body[data-aos-easing="linear"] [data-aos],
[data-aos][data-aos][data-aos-easing="linear"] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

body[data-aos-easing="ease"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease"] {
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

body[data-aos-easing="ease-in"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in"] {
  transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
}

body[data-aos-easing="ease-out"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-out"] {
  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}

body[data-aos-easing="ease-in-out"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-out"] {
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}

body[data-aos-easing="ease-in-back"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-back"] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

body[data-aos-easing="ease-out-back"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-out-back"] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

body[data-aos-easing="ease-in-out-back"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-out-back"] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

body[data-aos-easing="ease-in-sine"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-sine"] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

body[data-aos-easing="ease-out-sine"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-out-sine"] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

body[data-aos-easing="ease-in-out-sine"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-out-sine"] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

body[data-aos-easing="ease-in-quad"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-quad"] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

body[data-aos-easing="ease-out-quad"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-out-quad"] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

body[data-aos-easing="ease-in-out-quad"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-out-quad"] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

body[data-aos-easing="ease-in-cubic"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-cubic"] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

body[data-aos-easing="ease-out-cubic"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-out-cubic"] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

body[data-aos-easing="ease-in-out-cubic"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-out-cubic"] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

body[data-aos-easing="ease-in-quart"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-quart"] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

body[data-aos-easing="ease-out-quart"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-out-quart"] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

body[data-aos-easing="ease-in-out-quart"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-out-quart"] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

/* Animations
   ========================================================================== */
/**
 * Fade animations:
 * fade
 * fade-up, fade-down, fade-left, fade-right
 * fade-up-right, fade-up-left, fade-down-right, fade-down-left
 */
[data-aos^="fade"][data-aos^="fade"] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^="fade"][data-aos^="fade"].aos-animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

[data-aos="fade-up"] {
  transform: translate3d(0, 100px, 0);
}

[data-aos="fade-down"] {
  transform: translate3d(0, -100px, 0);
}

[data-aos="fade-right"] {
  transform: translate3d(-100px, 0, 0);
}

[data-aos="fade-left"] {
  transform: translate3d(100px, 0, 0);
}

[data-aos="fade-up-right"] {
  transform: translate3d(-100px, 100px, 0);
}

[data-aos="fade-up-left"] {
  transform: translate3d(100px, 100px, 0);
}

[data-aos="fade-down-right"] {
  transform: translate3d(-100px, -100px, 0);
}

[data-aos="fade-down-left"] {
  transform: translate3d(100px, -100px, 0);
}

/**
 * Zoom animations:
 * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right
 * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right
 */
[data-aos^="zoom"][data-aos^="zoom"] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^="zoom"][data-aos^="zoom"].aos-animate {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

[data-aos="zoom-in"] {
  transform: scale(0.6);
}

[data-aos="zoom-in-up"] {
  transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos="zoom-in-down"] {
  transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos="zoom-in-right"] {
  transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos="zoom-in-left"] {
  transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos="zoom-out"] {
  transform: scale(1.2);
}

[data-aos="zoom-out-up"] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos="zoom-out-down"] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos="zoom-out-right"] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos="zoom-out-left"] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}

/**
 * Slide animations
 */
[data-aos^="slide"][data-aos^="slide"] {
  transition-property: transform;
}

[data-aos^="slide"][data-aos^="slide"].aos-animate {
  transform: translate3d(0, 0, 0);
}

[data-aos="slide-up"] {
  transform: translate3d(0, 100%, 0);
}

[data-aos="slide-down"] {
  transform: translate3d(0, -100%, 0);
}

[data-aos="slide-right"] {
  transform: translate3d(-100%, 0, 0);
}

[data-aos="slide-left"] {
  transform: translate3d(100%, 0, 0);
}

/**
 * Flip animations:
 * flip-left, flip-right, flip-up, flip-down
 */
[data-aos^="flip"][data-aos^="flip"] {
  backface-visibility: hidden;
  transition-property: transform;
}

[data-aos="flip-left"] {
  transform: perspective(2500px) rotateY(-100deg);
}

[data-aos="flip-left"].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos="flip-right"] {
  transform: perspective(2500px) rotateY(100deg);
}

[data-aos="flip-right"].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos="flip-up"] {
  transform: perspective(2500px) rotateX(-100deg);
}

[data-aos="flip-up"].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

[data-aos="flip-down"] {
  transform: perspective(2500px) rotateX(100deg);
}

[data-aos="flip-down"].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

/* ==========================================================================
   Skin Specific Styles
   ========================================================================== */
.wrapper {
  background: #fcfcff;
}

@media (min-width: 992px) {
  .wrapper.col-on-right {
    background: linear-gradient(90deg, #fcfcff 50%, white 50%);
  }
  .wrapper .main-container {
    margin-bottom: 0;
  }
}

.main-container {
  padding: 0;
}

@media (max-width: 991px) {
  .col-secondary {
    border-top: 1px solid #dbdbdb;
    background: #ffffff;
  }
}

@media (min-width: 992px) {
  .has-secondary-col .body-container {
    grid-column-gap: 0px;
  }
  .has-secondary-col .body-container .col-primary {
    border-right: 1px solid #dbdbdb;
  }
}

body:not(.Wrapper-HomePage) .body-container > div {
  padding: 0;
}

@media (min-width: 992px) {
  body:not(.Wrapper-HomePage) .body-container > div {
    padding: 0;
  }
}

.col-primary {
  background: #fff;
}

::selection {
  background: #74cde5;
}

::-moz-selection {
  background: #74cde5;
}

.readMore {
  text-decoration: none;
  font-weight: 500;
}

.readMore:after {
  display: inline-block;
  vertical-align: middle;
  content: "";
  width: 20px;
  height: 20px;
  background: #336d3e;
  mask-image: url(images/arrows.svg);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 18px 18px;
  margin-left: 10px;
  margin-top: -2px;
  transition: all 0.2s ease;
}

.readMore:hover,
.readMore:focus,
.readMore:active {
  text-decoration: none;
  color: #7cc242;
}

.readMore:hover:after,
.readMore:focus:after,
.readMore:active:after {
  margin-left: 15px;
  background: #7cc242;
}

h1 .readMore,
h2 .readMore,
h3 .readMore,
h4 .readMore,
h5 .readMore,
h6 .readMore {
  font-size: 18px;
  display: block;
  line-height: 0;
}

@media (min-width: 992px) {
  h1 .readMore,
  h2 .readMore,
  h3 .readMore,
  h4 .readMore,
  h5 .readMore,
  h6 .readMore {
    display: inline-block;
    margin-left: 10px;
    line-height: inherit;
  }
}

h1.BigHeader,
.h1.BigHeader {
  background-color: #4e937a;
  color: #ffffff;
}

/* CommunityBreadCrumb */
.BreadCrumbCurrent {
  font-size: 100%;
  font-weight: 600;
}

.backToTop {
  background-image: none;
  width: 40px;
  height: 40px;
  transform: none;
  transition: all 0.2s ease;
}

.backToTop:after {
  display: block;
  content: "";
  background: #ffffff;
  width: 40px;
  height: 40px;
  mask-image: url(images/auxIcons.svg#caret);
  mask-size: 20px 20px;
  mask-repeat: no-repeat;
  mask-position: center;
  transform: rotate(180deg);
}

.backToTop:hover {
  transform: scale(1.15);
  background: #4e937a;
}

.SmallButton,
.UseSmallButton .TextButton {
  padding: 10px 20px;
}

.MediumButton,
.UseMediumButton .TextButton {
  padding: 10px 20px;
}

.LargeButton,
.UseLargeButton .TextButton {
  padding: 10px 20px;
}

.border {
  border-radius: 4px;
}

/*Alerts*/
.Alerts ul.AlertSet {
  margin-bottom: 40px;
  text-align: left;
}

.Alerts .AlertItem {
  list-style: none;
  border: 1px solid #dbdbdb;
  margin-top: 15px !important;
  padding: 12px 10px;
  background-color: #f9fcff;
  border-radius: 4px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.Alerts .AlertItem:first-child {
  margin-top: 0 !important;
}

.AsiInformation,
.AsiSuccess,
.AsiWarning,
.AsiError,
.AsiValidation,
.AsiValidationSummary,
.AsiNeutral,
.AsiImportant {
  border-radius: 4px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
}

.AsiInformation {
  border-color: #7cc242;
  background-color: #d2f5ff;
}

.AsiSuccess {
  border-color: #4e937a;
  background-color: #e1f3ec;
}

.AsiWarning {
  border-color: #f89c57;
  background-color: #ffeee3;
}

.AsiError {
  border-color: #a41623;
  background-color: #ffdadd;
}

.AsiValidation {
  border-color: #d63301;
  background-color: #ffccba;
}

.AsiImportant {
  border-color: #c74b49;
}

/*General slideshow styling*/
.carousel-caption {
  text-shadow: none;
}

/*Separated image and caption slideshow*/
.slideshow-banner .carousel-control {
  display: none;
}

.slideshow-banner .carousel-indicators {
  width: 50%;
  margin-left: 0;
  left: 0;
}

.slideshow-banner .carousel-inner.bg-img > .item {
  background-image: none !important;
}

.slideshow-banner .img {
  position: absolute;
  left: 50%;
  right: 0;
  height: 100%;
  background-size: cover;
  background-position: center;
}

.slideshow-banner.image-left .carousel-indicators {
  left: auto;
  right: 0;
}

.slideshow-banner.image-left .img {
  right: 50%;
  left: 0;
}

.slideshow-banner.image-left .caption-wrapper {
  left: auto;
  right: 0;
}

@media (min-width: 992px) {
  .slideshow-banner .caption-wrapper {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50%;
    background: #336d3e;
    justify-content: center;
    align-items: center;
  }
  .slideshow-banner .caption-wrapper .carousel-caption {
    width: 100%;
    left: auto;
    right: auto;
    top: auto;
    position: relative;
    padding: 10%;
  }
}

@media (max-width: 991px) {
  .slideshow-banner {
    height: auto !important;
  }
  .slideshow-banner .carousel-inner.bg-img > .item {
    height: auto !important;
  }
  .slideshow-banner .img {
    left: 0;
    top: auto;
    height: 200px;
    position: relative;
    width: 100%;
  }
  .slideshow-banner .carousel-caption {
    top: 0;
    transform: none;
    position: relative;
    left: 0;
    right: 0;
    background-color: #336d3e;
    padding: 30px;
  }
  .slideshow-banner .bg {
    display: flex;
    flex-wrap: wrap;
  }
  .slideshow-banner a.link {
    position: relative;
    display: flex;
    flex-wrap: wrap-reverse;
  }
  .slideshow-banner .carousel-indicators {
    width: 100%;
    bottom: 0;
  }
}

.StandardPanel,
.ContentBorder,
h2,
.PanelHead.Distinguish,
.TitleBarCaption,
div.ShowFieldset fieldset,
.panel-border,
.panel-heading.Distinguish {
  border: none;
}

.ProgressTracker2 .ProgressTrackerPanel .label {
  color: #ffffff;
}

.ProgressTracker_Dashboard_Overview h2.panel-title {
  font-size: 130%;
}

.ProgressTracker_Dashboard_Overview .panel-border {
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #dbdbdb;
}

.FullWidthArea-StyleBg1 .row {
  padding: 40px 0px;
}

.FullWidthArea-StyleBg1 .our-priorities-container .row {
  padding: 0px 0px;
}

.FullWidthArea-StyleBg1 .home-spotlight {
  float: none;
  max-width: 500px;
  padding: 0px 30px;
  margin: 0px auto;
}

.FullWidthArea-StyleBg1 .Spotlight {
  text-align: left;
  display: flex;
  flex-wrap: wrap;
}

.FullWidthArea-StyleBg1 .Spotlight .Spotlight-image {
  align-self: center;
  margin: 0px auto 30px auto;
}

.FullWidthArea-StyleBg1 .Spotlight p {
  text-align: inherit;
  font-weight: 300;
  margin: 20px 0px;
  padding: 0;
}

.FullWidthArea-StyleBg1 .Spotlight .SectionLabel a {
  color: #000000;
  font-size: 135%;
  font-weight: 700;
}

.FullWidthArea-StyleBg1 .Spotlight .SectionLabel a:hover,
.FullWidthArea-StyleBg1 .Spotlight .SectionLabel a:focus,
.FullWidthArea-StyleBg1 .Spotlight .SectionLabel a:active {
  color: #7cc242;
}

.FullWidthArea-StyleBg1 .Spotlight a {
  text-decoration: none;
}

@media (min-width: 992px) {
  .FullWidthArea-StyleBg1 .row {
    display: flex;
    flex-flow: wrap;
    padding: 80px 0px;
  }
  .FullWidthArea-StyleBg1.our-priorities-container > .container-inner > .row {
    padding: 0 !important;
  }
  .FullWidthArea-StyleBg1 .row:nth-of-type(2) .Spotlight {
    flex-flow: row-reverse nowrap;
  }
  .FullWidthArea-StyleBg1 .home-spotlight {
    width: 100%;
    max-width: 900px;
    clear: both;
  }
  .FullWidthArea-StyleBg1 .home-spotlight:nth-of-type(1) {
    align-self: center;
  }
  .FullWidthArea-StyleBg1 .home-spotlight:nth-of-type(2) {
    align-self: flex-end;
  }
  .FullWidthArea-StyleBg1 .home-spotlight:nth-of-type(3) {
    align-self: flex-start;
  }
  .FullWidthArea-StyleBg1 .Spotlight {
    align-items: center;
    gap: 0px 75px;
    flex-wrap: nowrap;
  }
  .FullWidthArea-StyleBg1 .Spotlight p {
    margin: 40px 0px;
  }
  .FullWidthArea-StyleBg1 .Spotlight .Spotlight-image {
    flex-shrink: 0;
    margin-bottom: 0;
  }
}

.FullWidthArea-StyleBg2 {
  position: relative;
}

@media (min-width: 992px) {
  .FullWidthArea-StyleBg2 {
    padding-top: 40px;
  }
}

.FullWidthArea-StyleBg2 .row {
  padding: 40px 0px;
}

.FullWidthArea-StyleBg2 .tracker-benefits {
  align-items: center;
  justify-content: center;
  gap: 0px 5%;
}

@media (max-width: 991px) {
  .FullWidthArea-StyleBg2 .tracker-benefits {
    max-width: 500px;
    margin: 0px auto;
  }
}

.FullWidthArea-StyleBg2 .home-member-benefits ul {
  padding-inline-start: 0px;
  margin-top: 30px;
}

.FullWidthArea-StyleBg2 .home-member-benefits li {
  list-style: none;
  background: url(images/arrow.svg) no-repeat 0 8px/12px 12px;
  padding-left: 25px;
}

.home-member-tracker .ProgressTrackerPanel {
  background: transparent;
}

.home-member-tracker .ProgressTracker2 .ProgressTrackerPanel .count {
  color: #336d3e;
  font-size: 4em;
  font-family: "Raleway", Helvetica, sans-serif;
  font-weight: 700;
  margin-bottom: -10px;
  text-align: center;
}

.home-member-tracker .ProgressTracker2 .ProgressTrackerPanel .inset {
  text-align: left;
  padding: 0;
}

.home-member-tracker .ProgressTracker2 .ProgressTrackerPanel .label {
  font-size: 135%;
  color: #000000;
  font-weight: 500;
  font-family: "Raleway", Helvetica, sans-serif;
  text-align: center;
}

@media (min-width: 992px) {
  .home-member-tracker .ProgressTracker2 .ProgressTrackerPanel .count {
    font-size: 5.8em;
    text-align: left;
    margin-bottom: 0;
  }
  .home-member-tracker .ProgressTracker2 .ProgressTrackerPanel .label {
    text-align: left;
  }
}

.home-membership-types p {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 991px) {
  .home-membership-types p {
    display: block;
  }
}

a.home-membership-btn {
  text-align: center;
  color: #000000;
  display: block;
  text-decoration: none;
  line-height: 0.7em;
  font:
    600 1em "Raleway",
    Helvetica,
    sans-serif;
  margin: 2em auto;
  transition: all 0.2s ease-in-out;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  padding: 20px 20px 35px 20px;
  max-width: 500px;
  border: 1px solid #dbdbdb;
}

@media (min-width: 992px) {
  a.home-membership-btn {
    width: 32%;
    max-width: 100%;
    margin: 0;
  }
}

a.home-membership-btn img {
  border-radius: 50%;
  display: inline-block;
  margin: 0 auto;
  transition: all 0.2s ease-in-out;
}

a.home-membership-btn:hover,
a.home-membership-btn:active,
a.home-membership-btn:focus {
  background: #7cc242;
  color: #ffffff;
}

a.home-membership-btn:hover img,
a.home-membership-btn:active img,
a.home-membership-btn:focus img {
  transform: scale(1.2);
}

.home-testimonial {
  padding: 0;
}

.slideshow-banner.testimonial {
  max-width: 500px;
  margin: 0px auto;
}

.slideshow-banner.testimonial .carousel-inner.bg-img {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #dbdbdb;
}

.slideshow-banner.testimonial .carousel-inner.bg-img > .item {
  background: #ffffff;
  border-radius: 5px;
  overflow: hidden;
}

.slideshow-banner.testimonial .carousel-indicators {
  padding: 0px 5%;
}

.slideshow-banner.testimonial .carousel-indicators li {
  border: none;
  background: #336d3e;
  opacity: 0.5;
}

.slideshow-banner.testimonial .carousel-indicators li.active {
  opacity: 1;
}

.slideshow-banner.testimonial .carousel-indicators li:hover {
  opacity: 1;
  background: #7cc242;
}

.slideshow-banner.testimonial .caption-wrapper {
  background: #ffffff;
}

.slideshow-banner.testimonial .caption-wrapper .carousel-caption {
  color: #000000;
  background: transparent;
}

.slideshow-banner.testimonial .caption-wrapper .carousel-caption h1,
.slideshow-banner.testimonial .caption-wrapper .carousel-caption h2,
.slideshow-banner.testimonial .caption-wrapper .carousel-caption h3,
.slideshow-banner.testimonial .caption-wrapper .carousel-caption h4,
.slideshow-banner.testimonial .caption-wrapper .carousel-caption h5,
.slideshow-banner.testimonial .caption-wrapper .carousel-caption h6 {
  color: #000000;
  margin-top: 0;
}

@media (min-width: 992px) {
  .slideshow-banner.testimonial {
    max-width: 100%;
  }
  .slideshow-banner.testimonial .img {
    clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%);
  }
  .slideshow-banner.testimonial .carousel-indicators {
    text-align: left;
  }
  .slideshow-banner.testimonial .caption-wrapper:before {
    display: block;
    position: absolute;
    width: 65px;
    content: "";
    height: 120%;
    left: -95px;
    background: #7cc242;
    border-left: 20px solid #336d3e;
    transform: rotate(-18deg);
  }
}

.news-timeline .TaggedListPanel {
  position: relative;
  padding-bottom: 100px;
}

.news-timeline .TaggedListPanel:before {
  content: " ";
  display: block;
  border-right: 2px dashed #336d3e;
  height: 100%;
  position: absolute;
  top: 0;
  left: 30px;
}

.news-timeline .TaggedListPanel a[id*="NextButton"] {
  display: none;
}

.news-timeline a.TextButton {
  left: 40px;
  display: inline-block;
  clear: both;
  margin: -95px 0 0 40px;
  position: relative;
}

.news-timeline a.TextButton:before {
  content: " ";
  display: block;
  border-bottom: 2px dashed #336d3e;
  width: 40px;
  height: 48%;
  position: absolute;
  left: -40px;
}

.timeline-item {
  display: flex;
  align-items: flex-start;
  position: relative;
  margin: 20px 0;
  flex-direction: row-reverse;
}

.timeline-item:before {
  content: " ";
  display: block;
  flex: 0 0 60px;
  order: 2;
  height: 60px;
  background: #a5b8d3;
  border: 2px solid #336d3e;
  border-radius: 50%;
  will-change: transform;
}

.timeline-tagged-content {
  position: relative;
  display: flex;
  order: 1;
  box-shadow: 8px 6px 20px 0 rgba(37, 46, 56, 0.2);
  border-radius: 4px;
  border-top-left-radius: 0;
  padding: 15px 15px 5px 15px;
  flex-grow: 0;
  margin-left: 30px;
  border-bottom: 15px solid #336d3e;
  background: #ffffff;
}

.timeline-tagged-content:hover {
  border-bottom: 15px solid #324b77;
}

.timeline-tagged-content:before {
  content: " ";
  display: block;
  position: absolute;
  right: 100%;
  left: auto;
  border-top: 28px solid transparent;
  border-right: 22px solid #ffffff;
  border-bottom: 28px solid transparent;
  z-index: 46;
}

.timeline-tagged-content h4 a:after {
  content: " ";
  display: block;
  z-index: 45;
  border-radius: 10px;
  border-top-left-radius: 0;
  box-shadow: -6px -6px 26px 0 white;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.timeline-tagged-content img {
  width: 35%;
  align-self: flex-start;
}

.timeline-tagged-desc {
  padding: 0 15px;
}

@media (min-width: 992px) {
  .FullWidthArea-StyleBg3 .panel-heading.Distinguish {
    text-align: center;
  }
  .news-timeline .TaggedListPanel:before {
    left: 50%;
    transform: translateX(-50%);
  }
  .news-timeline a.TextButton {
    left: 50%;
  }
  .timeline-tagged-content {
    width: 45%;
    margin: 0;
  }
  .timeline-item {
    flex-direction: row;
  }
  .timeline-item:nth-child(odd) {
    flex-direction: row-reverse;
  }
  .timeline-item:nth-child(odd):before {
    margin-right: calc(5% - 30px);
  }
  .timeline-item:nth-child(odd) .timeline-tagged-content:after {
    border-radius: 4px;
    border-top-left-radius: 0;
  }
  .timeline-item:nth-child(even):before {
    margin-left: calc(5% - 30px);
  }
  .timeline-item:nth-child(even) .timeline-tagged-content {
    border-radius: 4px;
    border-top-right-radius: 0;
  }
  .timeline-item:nth-child(even) .timeline-tagged-content:before {
    right: auto;
    left: 100%;
    border-top: 28px solid transparent;
    border-left: 22px solid #ffffff;
    border-bottom: 28px solid transparent;
    border-right: none;
  }
}

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

.list-with-featured .TaggedListPanel {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px 0px;
}

.list-with-featured .BlockTLItem {
  width: 30%;
  border-bottom: 0;
  display: flex;
  gap: 0px 15px;
  position: relative;
  padding: 0;
}

.list-with-featured .BlockTLItem:first-of-type {
  width: 100%;
  flex-shrink: 0;
  align-items: center;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  gap: 0;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 20px;
  border: 1px solid #dbdbdb;
}

.list-with-featured .BlockTLItem:first-of-type .newsImage {
  width: 50%;
  height: 100%;
  border-radius: 0;
}

.list-with-featured .BlockTLItem:first-of-type .desc {
  display: block;
  margin: 15px 0px;
}

.list-with-featured .BlockTLItem:first-of-type .details {
  padding: 80px 50px;
  background: #ffffff;
}

.list-with-featured .BlockTLItem:first-of-type .readMore {
  position: relative;
}

.list-with-featured .desc,
.list-with-featured .contentTaggedListImageThumbnailR {
  display: none;
}

.list-with-featured .newsImage {
  width: 100px;
  height: 100px;
  flex-shrink: 0;
  border-radius: 4px;
  background-size: cover;
  background-position: center;
}

.list-with-featured h4 {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}

.list-with-featured .PublishDate {
  font-size: 0.8em;
  font-style: normal;
}

.list-with-featured .readMore {
  font-size: 16px;
  position: absolute;
  bottom: 0px;
}

@media (max-width: 991px) {
  .list-with-featured .TaggedListPanel {
    display: block;
  }
  .list-with-featured .BlockTLItem,
  .list-with-featured .BlockTLItem:first-of-type {
    width: 100%;
    display: block;
    max-width: 500px;
    margin: 0px auto 30px auto;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  }
  .list-with-featured .BlockTLItem .newsImage,
  .list-with-featured .BlockTLItem:first-of-type .newsImage {
    height: 200px;
    width: 100%;
  }
  .list-with-featured .BlockTLItem .details,
  .list-with-featured .BlockTLItem:first-of-type .details {
    padding: 30px;
    background: #ffffff;
  }
  .list-with-featured .readMore {
    position: relative;
  }
  .list-with-featured h4 {
    margin-top: 10px;
  }
}

.FullWidthArea-StyleBg3 {
  position: relative;
  overflow: hidden;
  background: url("images/testimonialBackground.jpg") center center no-repeat;
  background-size: cover;
}

.FullWidthArea-StyleBg3:after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(51, 51, 51, 0.5);
  z-index: 1;
}

.FullWidthArea-StyleBg3 .row {
  position: relative;
  z-index: 2;
  padding: 160px 0px;
}

.FullWidthArea-StyleBg3 blockquote {
  font:
    600 2.6em "Raleway",
    Helvetica,
    sans-serif;
  line-height: 1.3;
  color: #ffffff;
  margin: 0;
}

@media (max-width: 991px) {
  .FullWidthArea-StyleBg3 blockquote {
    font-size: 1.8em;
  }
}

.FullWidthArea-StyleBg3 h2 {
  color: #ffffff;
  font-size: 2em;
  text-align: right;
  font-weight: 500;
  font-style: italic;
}

@media (max-width: 991px) {
  .FullWidthArea-StyleBg3 h2 {
    font-size: 1.4em;
  }
}

.FullWidthArea-StyleBg5 .RelatedItemsHorizontal,
.CartButtonWrapper .CardButtonUl {
  display: flex;
}

.FullWidthArea-StyleBg5 .RelatedItemsHorizontal li,
.CartButtonWrapper .CardButtonUl li {
  box-shadow: 8px 6px 20px 0 rgba(37, 46, 56, 0.2);
  position: relative;
  float: none;
  width: auto !important;
  border-radius: 4px;
}

.FullWidthArea-StyleBg5 .RelatedItemsHorizontal li:after,
.CartButtonWrapper .CardButtonUl li:after {
  content: "";
  display: block;
  height: 15px;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  position: absolute;
  bottom: 0;
}

.FullWidthArea-StyleBg5 .RelatedItemsHorizontal li:hover:after,
.CartButtonWrapper .CardButtonUl li:hover:after {
  background: linear-gradient(90deg, #7cc242 0%, #336d3e 100%);
  animation: fade-in 0.4s ease-in;
}

.FullWidthArea-StyleBg5 .RelatedItemsHorizontal li:hover img,
.CartButtonWrapper .CardButtonUl li:hover img {
  transform: scale(1);
}

.FullWidthArea-StyleBg5 .RelatedItemsHorizontal li a.LabelLink,
.CartButtonWrapper .CardButtonUl li a.LabelLink {
  text-decoration: none;
  color: #252e38;
}

.FullWidthArea-StyleBg5 .RelatedItemsHorizontal li a.LabelLink:before,
.CartButtonWrapper .CardButtonUl li a.LabelLink:before {
  content: " ";
  display: block;
  box-shadow: -6px -6px 26px 0 white;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 15;
}

.FullWidthArea-StyleBg5 .RelatedItemsHorizontal li img,
.CartButtonWrapper .CardButtonUl li img {
  transition: all 0.2s ease-in-out;
}

.FullWidthArea-StyleBg4 {
  padding: 40px 0px;
}

.FullWidthArea-StyleBg4 .row {
  padding: 40px 0px;
}

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

.upcoming-events .imageWrapper,
.upcoming-events .image {
  display: block;
  height: 200px;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  transition: all 0.2s ease-in;
}

.upcoming-events .card {
  border-radius: 4px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  border: 1px solid #dbdbdb;
}

.upcoming-events .card:hover,
.upcoming-events .card:active,
.upcoming-events .card:focus {
  cursor: pointer;
}

.upcoming-events .card:hover .image,
.upcoming-events .card:active .image,
.upcoming-events .card:focus .image {
  transform: scale(1.2);
}

.upcoming-events .card:hover .readMore,
.upcoming-events .card:active .readMore,
.upcoming-events .card:focus .readMore {
  color: #7cc242;
}

.upcoming-events .card:hover .readMore:after,
.upcoming-events .card:active .readMore:after,
.upcoming-events .card:focus .readMore:after {
  margin-left: 15px;
  background: #7cc242;
}

.upcoming-events .card-body {
  padding: 0;
}

.upcoming-events .details {
  display: block;
  padding: 25px;
}

.upcoming-events .QueryTemplateSet.row {
  flex-wrap: wrap;
  padding: 0px !important;
  justify-content: space-between;
}

@media (max-width: 991px) {
  .upcoming-events .QueryTemplateSet.row {
    display: block;
  }
  .upcoming-events .QueryTemplateSet.row .card {
    max-width: 500px;
    margin: 0px auto 60px auto;
  }
  .upcoming-events .QueryTemplateSet.row section:last-of-type .card {
    margin-bottom: 0;
  }
}

.upcoming-events .row-cols-md-3 > * {
  width: 32%;
  padding: 0;
}

@media (max-width: 991px) {
  .upcoming-events .row-cols-md-3 > * {
    width: 100%;
  }
}

.upcoming-events .link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.upcoming-events .pagination {
  display: none;
}

.CardButtonWrapper .CardButtonUl {
  list-style-type: none;
  margin: 0 0 50px 0;
  padding: 0px;
  text-align: center;
}

.CardButtonWrapper .CardButtonUl li {
  border-radius: 25px;
  margin: -1.2% 1.5%;
  padding: 0px 0 0px 0;
}

.CardButtonWrapper .CardButtonUl li:hover img {
  width: 100%;
}

.CardButtonWrapper .CardButtonUl li a.LabelLink {
  line-height: 3.5em;
}

.CardButtonWrapper .CardButtonUl li a.LabelLink:before {
  border-radius: 25px;
}

.CardButtonWrapper .CardButtonUl li img {
  border-radius: 25px 25px 0 0 !important;
  transform: scale(1);
  filter: grayscale(0%);
  width: auto;
}

@media (min-width: 992px) {
  .FullWidthArea-StyleBg5 .RelatedItemsHorizontal,
  .CardButtonWrapper .CardButtonUl {
    flex-flow: row nowrap;
  }
  .RelatedItemsHorizontal li,
  .CardButtonUl li {
    flex: 0 0 30%;
  }
}

.FullWidthArea-StyleBg4 .sponsors-listing ul {
  display: flex;
  flex-flow: row wrap;
  padding: 0;
  justify-content: space-between;
}

.FullWidthArea-StyleBg4 .sponsors-listing li {
  list-style: none;
  display: flex;
  width: 32%;
  background: #ffffff;
  padding: 30px 15px;
  border-radius: 4px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #dbdbdb;
}

.FullWidthArea-StyleBg4 .sponsors-listing img {
  max-width: 250px;
  margin: 0 auto;
  align-self: center;
}

.FullWidthArea-StyleBg4 .sponsors-listing img:hover {
  filter: initial;
  transition: all 0.5s ease-in;
}

@media (max-width: 991px) {
  .FullWidthArea-StyleBg4 .sponsors-listing ul {
    display: block;
  }
  .FullWidthArea-StyleBg4 .sponsors-listing li {
    margin: 0px auto 40px auto;
    width: 100%;
    max-width: 500px;
  }
  .FullWidthArea-StyleBg4 .sponsors-listing li:last-of-type {
    margin-bottom: 0;
  }
  footer.footer .footer-content > .container ul {
    flex-direction: column;
    row-gap: 0 !important;
    align-items: center !important;
  }
  footer.footer .footer-content > .container ul ul {
    display: none;
  }
}

footer.footer {
  display: flex;
  flex-direction: column;
  padding-top: 0px;
  padding-bottom: 15px;
  text-align: left;
}

footer.footer a {
  text-decoration: none;
}

footer.footer a:hover,
footer.footer a:focus {
  color: #7cc242;
}

footer.footer a.TextButton {
  color: #252e38;
}

footer.footer h3,
footer.footer h4 {
  margin-bottom: 15px;
  font-size: 100%;
  font-weight: 600;
}

footer.footer .footer-content > .container h2 {
  font-size: 18px;
  color: #ffffff;
}

footer.footer .footer-content > .container .SocialSprite {
  border-radius: 50px;
}

footer.footer .footer-content > .container ul {
  margin: 0;
  padding: 0;
}

footer.footer
  .footer-content
  > .container
  .footer-column:nth-child(3)
  .ContentItemContainer
  > ul {
  display: flex;
  flex-flow: row wrap;
  grid-gap: 40px 0px;
}

footer.footer
  .footer-content
  > .container
  .footer-column:nth-child(3)
  .ContentItemContainer
  ul
  > li {
  flex: 0 0 auto;
  font-weight: 600;
  list-style: none;
  margin: 0 1%;
  width: 23%;
}

footer.footer
  .footer-content
  > .container
  .footer-column:nth-child(3)
  .ContentItemContainer
  ul
  > li
  a {
  margin-bottom: 15px;
  display: block;
}

footer.footer
  .footer-content
  > .container
  .footer-column:nth-child(3)
  .ContentItemContainer
  ul
  > li
  ul
  li {
  font-weight: 300;
  width: 100%;
}

footer.footer
  .footer-content
  > .container
  .footer-column:nth-child(3)
  .ContentItemContainer
  ul
  > li
  ul
  li
  a {
  margin-bottom: 0px;
}

footer.footer
  .footer-content
  > .container
  .footer-column:nth-child(3)
  .ContentItemContainer
  ul
  li
  li {
  text-transform: none;
}

footer.footer
  .footer-content
  > .container
  .UtilityNavigation.nav-auxiliary
  .NavigationUnorderedList
  li {
  display: inline-block;
  text-transform: none;
  padding: 0 10px;
  border-right: 1px solid #ffffff;
}

footer.footer
  .footer-content
  > .container
  .UtilityNavigation.nav-auxiliary
  .NavigationUnorderedList
  li:first-of-type {
  padding-left: 0;
}

footer.footer
  .footer-content
  > .container
  .UtilityNavigation.nav-auxiliary
  .NavigationUnorderedList
  li:last-of-type {
  border: none;
}

.footer-content {
  padding-top: 30px;
}

@media (min-width: 992px) {
  .footer-content {
    padding-top: 60px;
  }
}

.footer-banner .carousel-inner.bg-img > .item {
  background: #336d3e;
}

.footer-banner .carousel-inner.bg-img > .item a.link:after,
.footer-banner .carousel-inner.bg-img > .item:after {
  display: block;
  content: "";
  background: #336d3e;
  background: linear-gradient(90deg, #336d3e 0%, rgba(73, 109, 173, 0) 100%);
  position: absolute;
  right: 0;
  left: 50%;
  top: 0;
  bottom: 0;
  z-index: 2;
}

.footer-banner .carousel-inner.bg-img > .item a.link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 200;
}

.footer-banner .carousel-inner.bg-img > .item a.link:hover .readMore {
  color: #ffffff;
}

.footer-banner .carousel-inner.bg-img > .item a.link:hover .readMore:after {
  margin-left: 15px;
}

@media (max-width: 991px) {
  .footer-banner .carousel-inner.bg-img > .item .img {
    height: 135px;
  }
  .footer-banner .carousel-inner.bg-img > .item a.link:after,
  .footer-banner .carousel-inner.bg-img > .item:after {
    height: 135px;
    left: 0;
    top: auto;
    background: linear-gradient(180deg, #336d3e 0%, rgba(73, 109, 173, 0) 100%);
  }
  .footer-banner .carousel-inner.bg-img > .item .bg {
    flex-wrap: wrap-reverse;
  }
  .footer-banner .carousel-inner.bg-img > .item a.link {
    position: relative;
    display: flex;
    flex-wrap: wrap-reverse;
  }
}

.footer-banner .caption-wrapper {
  width: 100%;
  background: transparent;
}

@media (min-width: 992px) {
  .footer-banner .caption-wrapper .carousel-caption {
    left: 5%;
    width: 60%;
    top: 50%;
    transform: translateY(-50%);
    text-shadow: none;
    position: absolute;
    padding: 0;
  }
}

.footer-banner .caption-wrapper .carousel-caption p {
  margin: 0;
}

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

.footer-banner .panel,
.footer-banner StandardPanel {
  border: 0;
}

.footer-banner .readMore:after {
  background: #ffffff;
}

.footer-banner .carousel-indicators {
  bottom: 0;
}

.footer-banner .carousel-control {
  display: none;
}

@media (max-width: 991px) {
  footer.footer
    .footer-content
    > .container
    .footer-column:nth-child(3)
    .ContentItemContainer
    > ul {
    display: flex;
    flex-flow: column;
    grid-gap: 20px 0px;
  }
  footer.footer
    .footer-content
    > .container
    .footer-column:nth-child(3)
    .ContentItemContainer
    ul
    > li {
    flex: 0 0 auto;
    font-weight: 600;
    list-style: none;
    margin: 0;
    width: 100%;
  }
  footer.footer
    .footer-content
    > .container
    .footer-column:nth-child(3)
    .ContentItemContainer
    ul
    > li
    a {
    margin-bottom: 0px;
  }
  footer.footer
    .footer-content
    > .container
    .footer-column:nth-child(1)
    .ContentItemContainer
    .row {
    margin-bottom: 10px;
  }
  footer.footer .footer-content > .container .footer-column:nth-child(2) {
    margin-top: 0;
  }
  footer.footer
    .footer-content
    > .container
    .footer-column:nth-child(2)
    .WTZone {
    display: block;
    font-size: 80%;
    text-align: center;
  }
  footer.footer
    .footer-content
    > .container
    .UtilityNavigation.nav-auxiliary
    .NavigationUnorderedList
    li {
    display: block;
    padding: 0;
    border: 0;
  }
}

.Wrapper-FullWidth .container-inner {
  max-width: 100%;
  margin: 0 auto;
}

.Wrapper-FullWidth .col-primary .row {
  max-width: 1380px;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
}

.white-bg {
  background: #ffffff;
}

.blue-bg {
  background: #093c5e;
}

.green-bg {
  background-color: #336d3e;
}

.green-bg h3 {
  color: #fff;
}

.green-swoosh-bg {
  position: relative;
  background-color: #336d3e;
  overflow: hidden;
}

.green-swoosh-bg h3 {
  color: #fff;
}

.green-swoosh-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("images/swoosh.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 70%;
  opacity: 0.5;
  pointer-events: none;
  z-index: 0;
}

.green-swoosh-bg .row {
  position: relative;
  z-index: 1;
}

.grey-bg {
  background: #f5f5f5;
}

.light-green-bg {
  background: #f5f9ef;
}

@media (max-width: 991px) {
  .green-swoosh-bg::before {
    background-position: 65% 0%;
  }
}

/* Bad browsers shouldn't get ice cream */
html:not(.t-ie) .timeline-tagged-content a:not(.TextButton) {
  background: linear-gradient(90deg, #7cc242 0%, #336d3e 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media (max-width: 991px) {
  :root {
    --aux-link-color: #000000;
  }
}

.header-aux-container {
  background: var(--aux-bg);
}

@media (max-width: 991px) {
  .header-aux-container {
    --aux-bg: transparent;
  }
}

@media (min-width: 992px) {
  .header-aux-container .UtilityNavigationToggle {
    display: none;
  }
}

.header-aux-container > div {
  max-width: 1380px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.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-weight: 300;
  padding: 0;
}

.header-aux-container .UtilityNavigation {
  gap: 0px 15px;
  align-items: baseline;
}

@media (max-width: 991px) {
  .header-aux-container .UtilityNavigation {
    justify-content: center;
  }
}

.header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link {
  border-left: 1px solid #ffffff;
}

.header-aux-container
  .UtilityNavigation
  .account-menu
  > li
  > a.sign-in-link:first-of-type {
  border: none;
}

.header-aux-container .UtilityNavigation .NavigationUnorderedList {
  display: flex;
  gap: 0px 15px;
}

.header-aux-container .UtilityAuthenticationLink {
  border-right: 1px solid #ffffff;
  margin-right: 10px;
  padding-right: 20px;
}

.header-aux-container .UtilityTranslation {
  position: relative;
  width: 100%;
  max-width: 120px;
  display: block;
}

.header-aux-container .UtilityTranslation label {
  color: #ffffff;
}

.header-aux-container .UtilityTranslation select {
  border: 1px solid var(--aux-link-color);
  font-size: 75%;
  color: var(--aux-link-color);
  background-color: rgba(0, 0, 0, 0.2);
  padding: 0px 10px;
  height: 25px;
  appearance: none;
  width: 100%;
  display: block;
  background-image: url(images/auxIcons.svg#caret-white);
  background-repeat: no-repeat;
  background-size: 12px 12px;
  background-position: 95% center;
}

.header-aux-container .UtilityTranslation select:hover,
.header-aux-container .UtilityTranslation select:focus {
  cursor: pointer;
}

.header-aux-container .UtilityTranslation select option {
  color: #252e38;
  padding: 5px 0;
  background-color: #ffffff;
}

.header-aux-container .UtilityTranslation select option:focus,
.header-aux-container .UtilityTranslation select option:active,
.header-aux-container .UtilityTranslation select option[selected] {
  background-color: #336d3e !important;
  color: #ffffff;
}

@media (min-width: 992px) {
  .header-aux-container .UtilityTranslation select:focus,
  .header-aux-container .UtilityTranslation select:active {
    background-color: #222222;
  }
}

@media (max-width: 991px) {
  .header-aux-container .UtilityTranslation {
    margin: 0;
  }
  .header-aux-container .UtilityTranslation select {
    background-color: transparent;
    background-image: url(images/auxIcons.svg#caret);
  }
}

/* Auxiliary Icons */
.UtilitySearch,
.UtilitySTEToggle,
.UtilityAuthentication,
.UtilityTranslation,
.UtilityPTSToggle {
  margin-left: 0px;
}

.nav-aux-cart .NavigationLink:hover,
.nav-aux-cart .NavigationLink:focus {
  border: 1px solid white;
  border-radius: 4px;
}

.navbar-toggle,
.obo-toggle,
.ste-toggle,
.page-statistics-toggle,
.searchbar-toggle {
  height: 30px;
  width: 30px;
  mask-image: url(images/auxIcons.svg#caret);
  mask-size: 18px 18px;
  mask-repeat: no-repeat;
  mask-position: center;
  background: var(--aux-link-color);
}

.navbar-toggle.collapsed,
.obo-toggle.collapsed,
.ste-toggle.collapsed,
.page-statistics-toggle.collapsed,
.searchbar-toggle.collapsed {
  background: #336d3e;
}

.nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:before {
  display: inline-block;
  vertical-align: middle;
  margin: 0px 11px 0px 0px;
  content: "";
  height: 30px;
  width: 18px;
  mask-image: url(images/auxIcons.svg#cart);
  mask-size: 18px 18px;
  mask-repeat: no-repeat;
  mask-position: center;
  background: var(--aux-link-color);
}

.nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:hover,
.nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:focus {
  text-decoration: none;
  color: #7cc242;
}

.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: #7cc242;
}

@media (min-width: 992px) {
  .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
    font-size: inherit;
    font-family: "Raleway", Helvetica, sans-serif;
    line-height: 1.6;
    font-weight: 300;
    width: auto;
    color: var(--aux-link-color);
  }
  .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:hover,
  .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:focus {
    color: #7cc242;
  }
  .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: #7cc242;
  }
}

.obo-toggle {
  mask-image: url(images/auxIcons.svg#obo);
  mask-position: 7px 8px;
}

@media (min-width: 992px) {
  .obo-toggle {
    margin-top: 0px;
  }
}

a.ste-toggle {
  mask-image: url(images/auxIcons.svg#ste);
  mask-position: 8px 5px;
}

.page-statistics-toggle {
  mask-image: url(images/auxIcons.svg#pts);
  mask-position: 8px 5px;
}

.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: #7cc242;
}

@media (min-width: 992px) {
  .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: #7cc242;
  }
}

.obo-toggle.on:hover,
.obo-toggle.on:focus,
a.ste-toggle.on:hover,
a.ste-toggle.on:focus,
.page-statistics-toggle.on:hover,
.page-statistics-toggle.on:focus {
  background: #ffffff;
}

.searchbar-toggle {
  mask-image: url(images/auxIcons.svg#search-white);
}

.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: #7cc242;
}

@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: #7cc242;
  }
}

.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:hover span,
.header-aux-container .nav-aux-cart a.NavigationLink:focus span {
  color: #ffffff;
}

.navbar-toggle .icon-search {
  display: none;
}

.nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
  padding: 0;
  background: none;
}

@media (max-width: 991px) {
  .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
    background: #000000;
    mask-size: 18px 18px;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-image: url(images/auxIcons.svg#person);
    margin: 0;
  }
}

@media (max-width: 991px) {
  .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
    margin: 0;
  }
}

.nav-auxiliary .nav-aux-button.nav-aux-cart .NavigationLink {
  width: auto;
}

.nav-auxiliary .nav-aux-button.nav-aux-cart .cartFull {
  position: absolute;
  top: 5px;
  right: auto;
  left: 7px;
}

@media (max-width: 991px) {
  .nav-auxiliary .nav-aux-button.nav-aux-cart .cartFull {
    top: 0px;
  }
}

.nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter {
  color: #ffffff;
  background-color: #7cc242;
  border-radius: 20px;
  font-size: 1em;
  line-height: 1;
  padding: 0 2px 1px;
  box-shadow: -1px 1px 0 rgba(34, 34, 34, 0.6);
  display: block;
  width: 22px;
  height: 22px;
  font-weight: 600;
  line-height: 1.7;
}

@media (max-width: 991px) {
  .nav-auxiliary .nav-aux-button.nav-aux-cart .NavigationLink,
  .nav-auxiliary .nav-aux-button.nav-aux-account .NavigationLink {
    width: 30px;
    height: 30px;
    margin: 0;
  }
}

.menu-toggle {
  mask-image: url(images/auxIcons.svg#menu);
  mask-size: 18px 18px;
  mask-position: center 8px;
}

.menu-toggle .icon-bar {
  display: none;
}

a.ste-toggle {
  background: var(--aux-link-color);
}

.UtilitySTEToggle {
  margin: 0;
}

.EasyEditOn header#hd .EasyEditContent:hover,
.EasyEditOn footer#ft .EasyEditContent:hover {
  background: transparent;
}

.obo-panel,
.obo-panel a {
  color: #ffffff;
}

.obo-toggle,
.obo-toggle.on {
  background-position: 0 -518px;
}

.UtilitySearch label {
  color: #ffffff;
}

@media (min-width: 992px) {
  .UtilitySearch .search-container-sm {
    display: block !important;
  }
}

.UtilitySearch #SimpleSearchBlock .search-field {
  background-position: 4px 2px;
  border-radius: 3px;
  height: 25px;
  width: 150px;
  color: #ffffff;
  font-size: 75%;
  border: 1px solid #ffffff;
  background-image: url(images/auxIcons.svg#search-white);
  background-size: 16px 18px;
  background-color: rgba(0, 0, 0, 0.2);
  display: block;
  box-shadow: none;
}

.UtilitySearch #SimpleSearchBlock .search-field:focus,
.UtilitySearch #SimpleSearchBlock .search-field:hover,
.UtilitySearch #SimpleSearchBlock .search-field:active {
  width: 150px;
  background-color: #222222;
  color: #ffffff;
}

.search-container .search-field {
  width: 100%;
  max-width: 360px;
  background-position: 4px 2px;
  border-radius: 3px;
  margin: 0px auto;
  height: 25px;
  color: #222222;
  font-size: 75%;
  border: 1px solid #222222;
  background-image: url(images/auxIcons.svg#search);
  background-size: 16px 18px;
  background-color: transparent;
  background-repeat: no-repeat;
  display: block;
  box-shadow: none;
  padding-left: 28px;
}

.search-container .TextButton {
  display: none;
}

.transaction-date-toggle.on,
.transaction-date-toggle.on:hover,
.list-toggle.on,
.list-toggle.on:hover {
  background-position-y: -70px;
  background-color: #ffffff;
}

.account-menu .dropdown-menu {
  font-size: 90%;
  border-radius: 4px;
  border: 0;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.account-menu .dropdown-menu > li > a {
  font-weight: 300;
}

.account-menu .dropdown-menu > li > a:hover,
.account-menu .dropdown-menu > li > a:focus {
  background: #fcfcff;
  color: #7cc242;
}

.account-menu .obo-label,
.account-menu .dropdown-header {
  color: #222222;
  font-weight: 600;
}

.account-menu .obo-label {
  color: #ffffff;
}

.account-menu .profile-picture-wrapper {
  margin-right: 10px;
}

.account-menu .account-toggle:hover,
.account-menu .account-toggle:focus {
  border: 0;
}

.account-menu .account-toggle:hover .nav-text,
.account-menu .account-toggle:focus .nav-text {
  text-decoration: none;
  color: #7cc242;
}

@media (min-width: 992px) {
  .account-menu .account-toggle:hover .nav-text,
  .account-menu .account-toggle:focus .nav-text {
    color: #7cc242;
  }
}

.account-menu .account-toggle:hover .caret,
.account-menu .account-toggle:focus .caret {
  background: #7cc242;
}

@media (min-width: 992px) {
  .account-menu .account-toggle:hover .caret,
  .account-menu .account-toggle:focus .caret {
    background: #7cc242;
  }
}

.account-menu .account-toggle .caret {
  border: 0;
  background: #ffffff;
  mask-image: url(images/auxIcons.svg#caret);
  mask-size: 10px 10px;
  mask-repeat: no-repeat;
  mask-position: center;
  width: 12px;
  height: 12px;
  display: block;
  margin-left: 5px;
}

/*Carousel indicators*/
.carousel-indicators li {
  margin: 0px 2px;
  width: 12px;
  height: 12px;
}

.carousel-indicators li.active {
  margin: 0px 2px;
}

.header-background-container {
  overflow: hidden;
  display: none;
}

.header-background-container .item.active {
  background-position: 80% center;
}

html:not(.t-ie) .Wrapper-HomePage .header-background-container .item.active {
  animation: none;
}

.Wrapper-HomePage
  .header-background-container
  .ContentItemContainer
  > .ContentItemContainer {
  background: #252e38;
  background: #252e38 linear-gradient(27deg, #252e38 90%, #252e38 0%);
}

.header-background-container .carousel-inner.bg-img > .item {
  background-color: #252e38;
}

header.header {
  border-bottom: none;
  background: #ffffff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  margin: 0;
  z-index: 200;
}

header.header .header-logo-container {
  align-self: flex-start;
  padding-left: 0px; /* RH - Removed default 30px left padding */
}

@media (max-width: 991px) {
  header.header .header-logo-container {
    align-self: center;
    justify-self: center;
    padding: 0;
  }
}

@media (min-width: 1380px) {
  header.header .header-primary-nav-container {
    max-width: 1000px;
    justify-self: center;
  }
  header.header .header-logo-container {
    max-width: 380px;
    justify-self: center;
  }
}

header.header .header-aux-container {
  padding-right: 0;
}

@media (max-width: 991px) {
  header.header .header-aux-container {
    padding-bottom: 20px;
  }
}

/*Homepage override*/
.Wrapper-HomePage {
  --aux-bg: transparent;
}

@media (min-width: 992px) {
  .Wrapper-HomePage {
    --nav-color: #000000;
  }
  .RadMenu.RadMenu_Coffee .rmLink:hover,
  .RadMenu.RadMenu_Coffee .rmFocused,
  .RadMenu.RadMenu_Coffee .rmExpanded {
    color: #7cc242;
  }
  .RadMenu.RadMenu_Coffee .rmRootLink:hover .rmToggle > .rmIcon,
  .RadMenu.RadMenu_Coffee .rmRootLink.rmFocused .rmToggle > .rmIcon,
  .RadMenu.RadMenu_Coffee .rmRootLink.rmExpanded .rmToggle > .rmIcon,
  .RadMenu.RadMenu_Coffee .rmRootLink.rmSelected .rmToggle > .rmIcon {
    background: #7cc242;
  }
}

@media (max-width: 991px) {
  .Wrapper-HomePage header.header {
    grid-template: "logo" "utility" "primary-nav" "banner";
    padding-bottom: 0px;
  }
  .Wrapper-HomePage header.header .header-background-container {
    grid-area: 3 / 1 / -1 / -1;
    height: 400px !important;
  }
  .Wrapper-HomePage header.header .header-primary-nav-container {
    background: #ffffff;
  }
  .Wrapper-HomePage header.header > .header-logo-container {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .Wrapper-HomePage header.header > .header-aux-container {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .Wrapper-HomePage header.header > .header-primary-nav-container {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  header.header .home-page-header-container,
  header.header .internal-header-container {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
}

@media (min-width: 992px) {
  .Wrapper-HomePage header.header {
    grid-template: "utility utility" auto "logo primary-nav" auto "banner banner" auto;
    grid-template-areas: "utility utility" "logo primary-nav" "banner banner";
  }
  .Wrapper-HomePage header.header > .header-logo-container {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .Wrapper-HomePage header.header > .header-logo-container {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .Wrapper-HomePage header.header > .header-aux-container {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .Wrapper-HomePage header.header > .header-aux-container {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .Wrapper-HomePage header.header > .header-primary-nav-container {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .Wrapper-HomePage header.header > .header-primary-nav-container {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .Wrapper-HomePage header.header > .home-page-header-container,
  .Wrapper-HomePage header.header > .internal-header-container {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .Wrapper-HomePage header.header > .home-page-header-container,
  .Wrapper-HomePage header.header > .internal-header-container {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}

.Wrapper-HomePage header.header:after {
  display: none;
}

.Wrapper-HomePage header.header .home-page-header-container {
  display: none;
}

.Wrapper-HomePage header.header .header-background-container {
  display: block;
  position: relative;
  height: 580px;
}

.Wrapper-HomePage header.header .header-background-container:before {
  background-image: none;
  background-repeat: repeat-x;
}

.Wrapper-HomePage
  header.header
  .header-background-container
  .carousel-inner
  .item:after {
  background: transparent;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  display: block;
  content: "";
  position: absolute;
}

.Wrapper-HomePage
  header.header
  .header-background-container
  .carousel-inner:after {
  display: none;
}

.Wrapper-HomePage header.header .header-background-container .carousel-control {
  display: none;
}

.Wrapper-HomePage header.header .header-background-container .carousel-caption {
  width: 80%;
  left: 5%;
  top: 50%;
  transform: translateY(-50%);
  bottom: auto;
  padding: 0;
  opacity: 0;
  animation: fade-in 1s ease-in;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  position: absolute;
}

@media (min-width: 992px) {
  .Wrapper-HomePage
    header.header
    .header-background-container
    .carousel-caption {
    width: 35%;
    left: 10%;
  }
  .Wrapper-HomePage
    header.header
    .header-background-container
    .carousel-caption
    h1 {
    font-size: 3.3em;
  }
  .Wrapper-HomePage
    header.header
    .header-background-container
    .carousel-caption
    p {
    font-size: 22px;
  }
}

.Wrapper-HomePage
  header.header
  .header-background-container
  .carousel-caption
  h1 {
  text-transform: none;
}

.Wrapper-HomePage
  header.header
  .header-background-container
  .carousel-indicators
  li {
  border: 0;
  border-radius: 1px;
  width: 45px;
  height: 5px;
  background-color: rgba(255, 255, 255, 0.6);
}

.Wrapper-HomePage
  header.header
  .header-background-container
  .carousel-indicators
  li:hover,
.Wrapper-HomePage
  header.header
  .header-background-container
  .carousel-indicators
  li:focus {
  background-color: #7cc242;
}

.Wrapper-HomePage
  header.header
  .header-background-container
  .carousel-indicators
  li.active {
  background: #ffffff;
}

.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: #7cc242;
}

.Wrapper-HomePage #masterHeaderImage {
  background-image: url("images/AB_Logo_full_biline.png");
}

.Wrapper-HomePage #masterFooterImage {
  background-image: url("images/ABT_Logo_White.svg");
}

body:not(.Wrapper-HomePage) .home-page-header-container,
.internal-header-container {
  display: none;
}

@media (min-width: 992px) {
  header.header .header-logo-container {
    align-self: center;
  }
  #masterHeaderImage {
    transition: transform 0.2s ease;
    width: 216px;
    height: 72px;
  }
  #masterHeaderImage:hover {
    transform: scale(1.05);
  }
  #masterFooterImage {
    transition: transform 0.2s ease;
    width: 201px;
    height: 89px;
  }
  #masterFooterImage:hover {
    transform: scale(1.05);
  }
}

@media (max-width: 991px) {
  #masterHeaderImage {
    width: 216px;
    height: 71px;
    margin: 10px 0px;
    background-size: cover;
    position: relative;
  }
  #masterFooterImage {
    width: 216px;
    height: 71px;
    margin: 10px 0px;
    background-size: cover;
    position: relative;
  }
  .UtilitySection.UtilitySearch {
    display: none;
  }
}

.internal-header-container {
  display: none;
}

/* Primary Navigation */
.RadMenu.RadMenu_Coffee {
  margin-top: 6rem; /* RH - Changed from 20px */
  margin-bottom: 6rem; /* RH - Changed from 20px */
}

@media (min-width: 992px) {
  .RadMenu.RadMenu_Coffee {
    padding-right: 0;
  }
}

.RadMenu.RadMenu_Coffee .rmRootLink {
  border: 1px solid transparent;
  border-radius: 4px;
  display: block !important;
  transition: border 0.3s ease-in;
}

@media (min-width: 992px) {
  .RadMenu.RadMenu_Coffee .rmRootGroup {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
  }
}

.RadMenu.RadMenu_Coffee .rmRootGroup > li > div.rmSlide .rmGroup {
  animation: bubble-effect 0.2s ease-in;
  animation-fill-mode: forwards;
}

.RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup {
  margin: 0;
  padding: 0px;
  border-radius: 0 0 20px 20px; /* adjusted border radius from 20px */
}

.RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmFirst .rmLink {
  border-radius: 0px 0px 0px 0px;
}

.RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmLast .rmLink {
  border-radius: 0px 0px 20px 20px;
}

.RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup.rmLevel2 {
  margin: 0;
  padding: 0px;
  box-shadow: none;
}

.RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmLink {
  transition: all 0.2s ease-in;
}

.RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmLink .rmText {
  padding: 8px 30px 8px 15px;
  width: 100%;
}

.RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmLink:hover,
.RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmFocused,
.RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmExpanded {
  color: #ffffff;
}

.RadMenu.RadMenu_Coffee .rmTwoLevels .rmSlide .rmSlide .rmGroup {
  background: none;
}

.RadMenu.RadMenu_Coffee .rmSlide {
  float: none;
  box-shadow: none;
  border-radius: 4px;
  /* top: 75px !important; commented out as impacting mobile nav heavily and sub nav options*/
}

.RadMenu.RadMenu_Coffee .rmTwoLevels .rmSlide .rmSlide {
  box-shadow: none;
}

.RadMenu.RadMenu_Coffee .rmHorizontal .rmText,
.RadMenu.RadMenu_Coffee .rmText {
  padding: 5px 15px;
  display: inline-block !important;
}

@media (max-width: 991px) {
  .RadMenu.RadMenu_Coffee .rmHorizontal .rmText,
  .RadMenu.RadMenu_Coffee .rmText {
    width: 95%;
    white-space: break-spaces;
  }
}

@media (min-width: 992px) {
  .RadMenu.RadMenu_Coffee .rmGroup.rmLevel1 .rmToggle {
    display: none;
  }
  .RadMenu.RadMenu_Coffee .rmExpandRight,
  .RadMenu.RadMenu_Coffee .rmGroup a.rmLink.rmExpandRight {
    background-image: none;
  }
}

@media (max-width: 991px) {
  .RadMenu.RadMenu_Coffee .rmGroup.rmLevel1 .rmToggle {
    display: block;
    position: absolute;
    right: 8px;
  }
  .RadMenu.RadMenu_Coffee .rmGroup.rmLevel1 .rmSlide {
    top: 45px !important;
  }
  .RadMenu.RadMenu_Coffee .rmGroup.rmLevel1 .rmGroup {
    padding-left: 15px;
  }
}

@media (max-width: 991px) {
  .RadMenu.MegaDropDownMenuOuter div.rmSlide {
    position: static;
  }
}

/* Side Internal */
.nav-secondary .sub-nav-head {
  font-size: 18px;
  text-transform: none;
  font-weight: 600;
  border-bottom: 1px solid #ccc;
}

.RadTreeView.RadTreeView_Coffee .rtIn {
  display: inline-block;
  margin: 5px 0;
  padding: 10px 25px;
}

.RadTreeView.RadTreeView_Coffee .rtIn:hover {
  color: red;
}

.RadTreeView.RadTreeView_Coffee .rtUL > .rtLI {
  border: none;
}

.RadTreeView.RadTreeView_Coffee > .rtUL > .rtLI .rtLI .rtIn {
  /* children should have less padding */
  padding: 5px 15px;
}

.RadTreeView.RadTreeView_Coffee > .rtUL > .rtLI > .rtUL {
  padding-right: 0px;
}

.RadTreeView.RadTreeView_Coffee .rtUL .rtUL {
  padding-left: 25px;
}

.RadTreeView.RadTreeView_Coffee .rtPlus,
.RadTreeView.RadTreeView_Coffee .rtMinus {
  background: #222222;
  width: 12px;
  height: 12px;
  mask-image: url("images/auxIcons.svg#caret");
  mask-repeat: no-repeat;
  top: 19px;
  left: 5px;
  margin: 0;
}

.RadTreeView.RadTreeView_Coffee .rtPlus:before,
.RadTreeView.RadTreeView_Coffee .rtMinus:before {
  display: none;
}

.RadTreeView.RadTreeView_Coffee .rtPlus:hover,
.RadTreeView.RadTreeView_Coffee .rtPlus:focus,
.RadTreeView.RadTreeView_Coffee .rtMinus:hover,
.RadTreeView.RadTreeView_Coffee .rtMinus:focus {
  background: #7cc242;
}

.RadTreeView.RadTreeView_Coffee .rtMinus {
  transform: rotate(180deg);
}

.account-page-top-area {
  border-top-left-radius: 24px;
}

/* Horizontal Tabs */
.RadTabStrip_MetroTouch {
  background-color: transparent;
  padding: 5px;
}

.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch {
  font:
    500 20px "Raleway",
    Helvetica,
    sans-serif !important;
  line-height: 1.6;
}

html .RadTabStrip_MetroTouch .rtsLevel1 {
  border: none;
  margin-bottom: -1px;
}

html .RadTabStrip_MetroTouch .rtsLevel1 a.rtsLink {
  background-color: #336d3e;
  color: #ffffff;
  padding: 8px 10px 8px 10px;
  margin: 0px 5px 0 0;
  border-radius: 4px 4px 0px 0px;
  border: 1px solid #dbdbdb;
  border-bottom: 0px;
  font-weight: 500;
}

@media (max-width: 600px) {
  html .RadTabStrip_MetroTouch .rtsLevel1 a.rtsLink {
    border-radius: 0px;
  }
}

html .RadTabStrip_MetroTouch .rtsLevel1 a.rtsLink:hover,
html .RadTabStrip_MetroTouch .rtsLevel1 a.rtsLink.rtsSelected,
html .RadTabStrip_MetroTouch .rtsLevel1 a.rtsLink.rtsSelected:hover {
  border-color: #dbdbdb;
  background-color: #ffffff;
  padding: 8px 10px 8px 10px;
  text-decoration: none !important;
  color: #252e38;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

html .RadTabStrip_MetroTouch .rtsLevel1 a.rtsLink.rtsSelected,
html .RadTabStrip_MetroTouch .rtsLevel1 a.rtsLink.rtsSelected:hover {
  text-transform: none;
}

html .RadTabStrip_MetroTouch .rtsLevel1 a.rtsLink.rtsSelected:focus {
  text-decoration: underline !important;
}

html .RadTabStrip_MetroTouch .rtsLevel1 .rtsFirst .rtsLink {
  border-radius: 4px 4px 0px 0px;
  margin: 0px 5px 0px 10px;
  font-weight: 500;
}

@media (max-width: 600px) {
  html .RadTabStrip_MetroTouch .rtsLevel1 .rtsFirst .rtsLink {
    margin: 0px;
  }
}

.RadMultiPage {
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #dbdbdb;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.stacked-tabs .select-tab {
  background: #336d3e;
}

.stacked-tabs .RadMultiPage .RadMultiPage {
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  margin-bottom: 40px;
  border: 1px solid #dbdbdb;
}

.RadTabStrip .rtsLevel1.stacked-list a.rtsLink:hover,
.RadTabStrip .rtsLevel1.stacked-list a.rtsLink:focus,
.RadTabStrip .rtsLevel1.stacked-list a.rtsLink:active,
.RadTabStrip .rtsLevel1.stacked-list a.rtsLink.rtsSelected:hover,
.RadTabStrip .rtsLevel1.stacked-list a.rtsLink.rtsSelected:focus,
.RadTabStrip .rtsLevel1.stacked-list a.rtsLink.rtsSelected:active {
  background: #fcfcff;
  color: #7cc242;
  box-shadow: none;
}

.ContentTabbedDisplay {
  border-top: 1px solid #dbdbdb !important;
}

/* Vertical tabs */
.RadTabStripVertical .rtsFirst a.rtsLink {
  margin: 10px 0px 2px 5px !important;
}

html .RadTabStripVertical .rtsLevel1 a.rtsLink {
  margin: 2px 0px 2px 5px;
  border-radius: 4px 0px 0px 4px;
}

html .RadTabStripVertical .rtsLevel1 a.rtsLink:hover,
html .RadTabStripVertical .rtsLevel1 a.rtsLink.rtsSelected,
html .RadTabStripVertical .rtsLevel1 a.rtsLink.rtsSelected:hover {
  background-color: transparent;
  color: #252e38;
  text-transform: none;
  margin: 2px 0px 2px 5px;
  border-radius: 4px 0px 0px 4px;
}

html .RadTabStripVertical .rtsLevel1 a.rtsLink.rtsSelected:focus {
  text-decoration: underline !important;
}

.RadTabStripVertical .rtsUL .rtsLink .rtsTxt {
  border: 1px solid transparent;
  padding: 8px 10px;
  display: inline;
}

.RadTabStripVertical .rtsUL .rtsSelected .rtsTxt,
.RadTabStripVertical .rtsUL .rtsLink:hover .rtsTxt {
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 4px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  padding: 5px 10px;
}

.MediumButton,
.UseMediumButton .TextButton {
  font-size: 100% !important;
}

.LargeButton,
.UseLargeButton .TextButton,
.UseLargeButton .TextButtonWithImage {
  font-size: 120% !important;
  border-radius: 4px;
}

label,
.Label {
  font-weight: 600;
}

.Wrapper-HomePage .header:before,
.Wrapper-HomePage .header-aux-container,
.Wrapper-HomePage .header-logo-container,
.Wrapper-HomePage .header-primary-nav-container {
  animation: slide-down-with-delay 1s ease-out;
}

body:not(.Wrapper-HomePage) .header:before,
body:not(.Wrapper-HomePage) .header-aux-container,
body:not(.Wrapper-HomePage) .header-logo-container,
body:not(.Wrapper-HomePage) .header-primary-nav-container {
  animation: fade-in 1s ease-in;
}

.SearchField label,
.SearchResultSummary .ListItemTitle a,
.SelectedItem a {
  font-size: 110%;
  font-weight: 600;
  border-radius: 4px;
}

.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: #fff !important;
}

.ContentBlockPrimary,
.FilterPanel {
  background-color: transparent;
}

.transaction-date-toggle {
  background-position: -210px -103px;
}

.list-toggle {
  background-position: -350px -103px;
}

.RadPicker.RadPicker_Metro .rcCalPopup:hover,
.RadPicker.RadPicker_Metro .rcCalPopup:focus,
.RadPicker.RadPicker_Metro .rcCalPopup:active,
.RadPicker.RadPicker_Metro .rcTimePopup:hover,
.RadPicker.RadPicker_Metro .rcTimePopup:focus,
.RadPicker.RadPicker_Metro .rcTimePopup:active,
.RadPicker.RadPicker_MetroTouch .rcCalPopup:hover,
.RadPicker.RadPicker_MetroTouch .rcCalPopup:focus,
.RadPicker.RadPicker_MetroTouch .rcCalPopup:active,
.RadPicker.RadPicker_MetroTouch .rcTimePopup:hover,
.RadPicker.RadPicker_MetroTouch .rcTimePopup:focus,
.RadPicker.RadPicker_MetroTouch .rcTimePopup:active {
  color: #ffffff;
  background-color: #252e38;
}

.RadPicker_Metro.rcCalPopupOpen .rcCalPopup,
.RadPicker_Metro.rcMYPopupOpen .rcCalPopup,
.RadPicker_Metro.rcTimePopupOpen .rcTimePopup {
  border-color: #252e38;
}

/* Recent History iPart */
.RecentHistoryListHorizontal > li > a {
  font-size: 85%;
  padding: 8px 18px;
  border-radius: 4px;
  border: 1px solid transparent;
  text-decoration: none;
}

.RecentHistoryListHorizontal > li.RecentHistoryClear > a:hover,
.RecentHistoryListHorizontal > li.RecentHistoryClear > a:active {
  text-decoration: underline;
}

.RecentHistoryListHorizontal > li.RecentHistoryItem > a {
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.RecentHistoryListHorizontal > li.RecentHistoryItem > a:hover,
.RecentHistoryListHorizontal > li.RecentHistoryItem > a:active {
  border-color: #252e38;
}

.radiobutton-btn-group input[type="radio"]:checked + label,
.radiobutton-buttons input[type="radio"]:checked + label {
  background: #4e937a;
  border-color: #4e937a;
  color: #ffffff;
}

/* Individual social sprite buttons */
.SocialSprite.FacebookIcon {
  background: #ffffff !important;
  /* !important  - Help upgrades with custom themes, remove eventually */
}

.SocialSprite.FacebookIcon:after {
  background-color: #252e38;
}

.SocialSprite.FacebookIcon:hover,
.SocialSprite.FacebookIcon:focus {
  background-color: #3b5998 !important;
}

.SocialSprite.FacebookIcon:hover:after,
.SocialSprite.FacebookIcon:focus:after {
  background-color: #ffffff !important;
}

.SocialSprite.TwitterIcon {
  background: #ffffff !important;
  /* !important  - Help upgrades with custom themes, remove eventually */
}

.SocialSprite.TwitterIcon:after {
  background-color: #252e38;
}

.SocialSprite.TwitterIcon:hover,
.SocialSprite.TwitterIcon:focus {
  background-color: #000 !important;
}

.SocialSprite.TwitterIcon:hover:after,
.SocialSprite.TwitterIcon:focus:after {
  background-color: #ffffff !important;
}

.SocialSprite.XIcon {
  background: #ffffff !important;
  /* !important  - Help upgrades with custom themes, remove eventually */
}

.SocialSprite.XIcon:after {
  background-color: #252e38;
}

.SocialSprite.XIcon:hover,
.SocialSprite.XIcon:focus {
  background-color: #000 !important;
}

.SocialSprite.XIcon:hover:after,
.SocialSprite.XIcon:focus:after {
  background-color: #ffffff !important;
}

.SocialSprite.LinkedInIcon {
  background: #ffffff !important;
  /* !important  - Help upgrades with custom themes, remove eventually */
}

.SocialSprite.LinkedInIcon:after {
  background-color: #252e38;
}

.SocialSprite.LinkedInIcon:hover,
.SocialSprite.LinkedInIcon:focus {
  background-color: #0077b5 !important;
}

.SocialSprite.LinkedInIcon:hover:after,
.SocialSprite.LinkedInIcon:focus:after {
  background-color: #ffffff !important;
}

.SocialSprite.YouTubeIcon {
  background: #ffffff !important;
  /* !important  - Help upgrades with custom themes, remove eventually */
}

.SocialSprite.YouTubeIcon:after {
  background-color: #252e38;
}

.SocialSprite.YouTubeIcon:hover,
.SocialSprite.YouTubeIcon:focus {
  background-color: #c4302b !important;
}

.SocialSprite.YouTubeIcon:hover:after,
.SocialSprite.YouTubeIcon:focus:after {
  background-color: #ffffff !important;
}

.SocialSprite.EmailIcon {
  background: #ffffff !important;
  /* !important  - Help upgrades with custom themes, remove eventually */
}

.SocialSprite.EmailIcon:after {
  background-color: #252e38;
}

.SocialSprite.EmailIcon:hover,
.SocialSprite.EmailIcon:focus {
  background-color: #0a629a !important;
}

.SocialSprite.EmailIcon:hover:after,
.SocialSprite.EmailIcon:focus:after {
  background-color: #ffffff !important;
}

.SocialSprite.PinterestIcon {
  background: #ffffff !important;
  /* !important  - Help upgrades with custom themes, remove eventually */
}

.SocialSprite.PinterestIcon:after {
  background-color: #252e38;
}

.SocialSprite.PinterestIcon:hover,
.SocialSprite.PinterestIcon:focus {
  background-color: #e60023 !important;
}

.SocialSprite.PinterestIcon:hover:after,
.SocialSprite.PinterestIcon:focus:after {
  background-color: #ffffff !important;
}

.SocialSprite.GPlusIcon {
  background: #ffffff !important;
  /* !important  - Help upgrades with custom themes, remove eventually */
}

.SocialSprite.GPlusIcon:after {
  background-color: #252e38;
}

.SocialSprite.GPlusIcon:hover,
.SocialSprite.GPlusIcon:focus {
  background-color: #db4a39 !important;
}

.SocialSprite.GPlusIcon:hover:after,
.SocialSprite.GPlusIcon:focus:after {
  background-color: #ffffff !important;
}

.SocialSprite.SkypeIcon {
  background: #ffffff !important;
  /* !important  - Help upgrades with custom themes, remove eventually */
}

.SocialSprite.SkypeIcon:after {
  background-color: #252e38;
}

.SocialSprite.SkypeIcon:hover,
.SocialSprite.SkypeIcon:focus {
  background-color: #00aff0 !important;
}

.SocialSprite.SkypeIcon:hover:after,
.SocialSprite.SkypeIcon:focus:after {
  background-color: #ffffff !important;
}

.SocialSprite.InstagramIcon {
  background: #ffffff !important;
  /* !important  - Help upgrades with custom themes, remove eventually */
}

.SocialSprite.InstagramIcon:after {
  background-color: #252e38;
}

.SocialSprite.InstagramIcon:hover,
.SocialSprite.InstagramIcon:focus {
  background-color: #e1306c !important;
}

.SocialSprite.InstagramIcon:hover:after,
.SocialSprite.InstagramIcon:focus:after {
  background-color: #ffffff !important;
}

.SocialSprite.MediumIcon {
  background: #ffffff !important;
  /* !important  - Help upgrades with custom themes, remove eventually */
}

.SocialSprite.MediumIcon:after {
  background-color: #252e38;
}

.SocialSprite.MediumIcon:hover,
.SocialSprite.MediumIcon:focus {
  background-color: #000 !important;
}

.SocialSprite.MediumIcon:hover:after,
.SocialSprite.MediumIcon:focus:after {
  background-color: #ffffff !important;
}

.SocialSprite.TikTokIcon {
  background: #ffffff !important;
  /* !important  - Help upgrades with custom themes, remove eventually */
}

.SocialSprite.TikTokIcon:after {
  background-color: #252e38;
}

.SocialSprite.TikTokIcon:hover,
.SocialSprite.TikTokIcon:focus {
  background-color: #000 !important;
}

.SocialSprite.TikTokIcon:hover:after,
.SocialSprite.TikTokIcon:focus:after {
  background-color: #ffffff !important;
}

.SocialSprite.SnapChatIcon {
  background: #ffffff !important;
  /* !important  - Help upgrades with custom themes, remove eventually */
}

.SocialSprite.SnapChatIcon:after {
  background-color: #252e38;
}

.SocialSprite.SnapChatIcon:hover,
.SocialSprite.SnapChatIcon:focus {
  background-color: #fffc00 !important;
}

.SocialSprite.SnapChatIcon:hover:after,
.SocialSprite.SnapChatIcon:focus:after {
  background-color: #ffffff !important;
}

.SocialSprite {
  background: #ffffff;
  opacity: 1;
  margin: 0px 3px;
}

.SocialSprite.LargeButtons {
  width: 35px;
  height: 35px;
}

.SocialSprite.LargeButtons:after {
  width: 20px;
  height: 20px;
}

/**Member homepage**/
.mhp,
.account-page {
  /*100 community - blog*/
}

.mhp .engage .panel-body-container,
.account-page .engage .panel-body-container {
  padding: 20px 15px 80px 15px;
}

.mhp .engagement-link,
.account-page .engagement-link {
  margin-top: -100px;
  margin-bottom: 80px;
  padding: 0px 15px;
}

@media (max-width: 767px) {
  .mhp .engagement-link,
  .account-page .engagement-link {
    margin-top: -135px;
  }
}

.mhp .CommunityItemActionLinks,
.mhp .CommunityParentLink,
.mhp .CommunityItemBody,
.account-page .CommunityItemActionLinks,
.account-page .CommunityParentLink,
.account-page .CommunityItemBody {
  display: none;
}

.mhp .CommunityDateLine,
.account-page .CommunityDateLine {
  font-size: 0.8em;
  font-style: normal;
}

.mhp .CommunityDateLine a,
.account-page .CommunityDateLine a {
  color: #222222;
  font-weight: 600;
}

.mhp .CommunityCommentItem,
.mhp .CommunityTopicItem,
.account-page .CommunityCommentItem,
.account-page .CommunityTopicItem {
  margin: 0px 0px 20px 0px;
  padding: 15px;
  border-radius: 4px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #dbdbdb;
  background: #ffffff;
}

.mhp .CommunityCommentItem .CommunityParentLink,
.account-page .CommunityCommentItem .CommunityParentLink {
  display: block;
  margin-left: 60px;
}

.mhp .CommunityCommentItem .CommunityParentLink:before,
.account-page .CommunityCommentItem .CommunityParentLink:before {
  content: "Reply to";
  background-image: url(images/reply-arrow.svg);
  background-repeat: no-repeat;
  background-size: 14px 10px;
  background-position: left center;
  padding-left: 20px;
}

.mhp .CommunityProfileTitle,
.account-page .CommunityProfileTitle {
  margin: 0;
}

.mhp .CommunityProfilePicture img,
.account-page .CommunityProfilePicture img {
  border-radius: 50px;
  border: 1px solid #dbdbdb;
}

.mhp .CommunityItemTitle,
.account-page .CommunityItemTitle {
  font-weight: 600;
  font-size: 1em;
}

.mhp .CommunityRepeaterTable .p-3,
.account-page .CommunityRepeaterTable .p-3 {
  margin: 0px 0px 20px 0px;
  padding: 25px !important;
  border-radius: 4px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #dbdbdb;
  background: #ffffff;
  font-size: 16px;
}

.mhp .CommunityRepeaterTable .pt-3,
.account-page .CommunityRepeaterTable .pt-3 {
  display: none;
}

.mhp .CommunityRepeaterTable .SectionTitle,
.account-page .CommunityRepeaterTable .SectionTitle {
  color: #336d3e;
  font-weight: 600;
  font-size: 18px;
}

.mhp .CommunityRepeaterTable .SectionTitle:hover,
.mhp .CommunityRepeaterTable .SectionTitle:focus,
.mhp .CommunityRepeaterTable .SectionTitle:active,
.account-page .CommunityRepeaterTable .SectionTitle:hover,
.account-page .CommunityRepeaterTable .SectionTitle:focus,
.account-page .CommunityRepeaterTable .SectionTitle:active {
  color: #204527;
}

.mhp .CommunityRepeaterTable .PublishDate,
.account-page .CommunityRepeaterTable .PublishDate {
  font-style: normal;
  font-size: 14px;
}

.mhp .CommunityRepeaterTable .PublishDate span:last-of-type,
.account-page .CommunityRepeaterTable .PublishDate span:last-of-type {
  font-weight: 600;
}

@media (max-width: 767px) {
  .mhp .row,
  .account-page .row {
    max-width: 500px;
    margin: 0px auto;
  }
}

.mhp-community .panel-heading {
  display: none;
}

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

.no-HR hr {
  display: none;
}

.medium-chartbox .donut-bite:before {
  background-color: #ffffff !important;
}

.medium-chartbox span.donut-filling {
  font-weight: 700;
  font-size: 3em;
  color: #012316;
}

.medium-chartbox .donut-caption {
  font-weight: 700;
  font-size: 1.3em;
}

.large.donut-bite:before,
.large.donut-bite:after {
  background-color: #4e937a !important;
}

/**CTA icons**/
.cta-icon {
  display: flex;
  background: #ffffff;
  text-align: center;
  border-radius: 4px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  padding: 30px;
  position: relative;
  border: 1px solid #dbdbdb;
  min-height: 184px;
  justify-content: center;
  align-items: center;
}

.cta-icon a {
  color: #000000;
}

.cta-icon a img {
  margin: 0px auto 10px auto;
  transition: all 0.2s ease;
  display: block;
  height: 65px !important;
}

.cta-icon a:hover,
.cta-icon a:focus,
.cta-icon a:active {
  text-decoration: none;
}

.cta-icon a:hover img,
.cta-icon a:focus img,
.cta-icon a:active img {
  transform: scale(1.1);
}

@media (max-width: 991px) {
  .ctas .col-sm-4 {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .ctas .col-sm-4 {
    width: 100%;
    padding: 0;
  }
}

@media (max-width: 767px) {
  .reverse-mobile {
    flex-direction: column-reverse;
  }
}

/*Member home purchases*/
.orders {
  font-weight: 300;
  margin-bottom: 40px;
}

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

.orders .QueryTemplateSet {
  gap: 0px 2%;
}

.orders .col {
  width: 31%;
  margin: 0;
  padding: 0;
}

.orders .card {
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #dbdbdb;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.orders .card-body {
  padding: 15px;
}

.orders a {
  font-weight: 600;
}

.orders a.readMore {
  margin: 10px 0px 0px -15px;
  display: block;
}

.orders .date {
  font-size: 16px;
  margin: -5px 0px 10px 0px;
}

.orders .title {
  margin-bottom: 2px;
}

.orders .total {
  margin-bottom: 10px;
}

.orders .shipped {
  font-weight: 600;
}

.orders .balance {
  background-color: #f89c57;
  padding: 5px 10px;
  border-radius: 4px;
}

@media (max-width: 991px) {
  .orders .col {
    width: 100%;
    flex: auto;
    margin-bottom: 25px !important;
  }
  .orders .panel-body,
  .orders .PanelBody {
    padding: 0px;
  }
  .orders a.readMore {
    margin: 0px;
    display: block;
  }
}

.blue-heading h1,
.blue-heading h2,
.blue-heading h3,
.blue-heading h4,
.blue-heading h5,
.blue-heading h6 {
  color: #336d3e;
}

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

.no-query-header thead {
  display: none;
}

.AddressEditor .panel-body-container {
  box-shadow: none;
  border: 0;
  margin-bottom: 0px;
}

.AddressEditor .ContentTabbedDisplay {
  border-top: 0 !important;
}

.AddressEditor a {
  line-break: anywhere;
}

/*Member home profile*/
.mhp .profile {
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  margin-bottom: 40px;
  border: 1px solid #dbdbdb;
  padding-top: 15px;
}

.mhp .profile .iMIS-WebPart > .ContentItemContainer,
.mhp .profile .WebPartZone > .ContentItemContainer {
  margin: 0;
}

.mhp .profile .profile-link {
  margin: 0px 0px 10px 0px;
}

.my-profile {
  text-align: center;
  font-weight: 300;
}

.my-profile .image {
  display: block;
  background-size: cover;
  background-position: center;
  width: 150px;
  height: 150px;
  border-radius: 150px;
  margin: 0px auto;
}

.my-profile .name {
  display: block;
  font-weight: 600;
  font-size: 24px;
  margin: 15px 0px 0px 0px;
}

/* ==========================================================================
   ACCOUNT PAGES
   ========================================================================== */
/* RadGrid
   ========================================================================== */
.account-page .RadGrid.RadGrid_MetroTouch {
  border: 0px;
  background: transparent;
}

.account-page .RadGrid.RadGrid_MetroTouch .rgHeader,
.account-page .RadGrid.RadGrid_MetroTouch .rgHeader:first-child,
.account-page .RadGrid.RadGrid_MetroTouch th.rgResizeCol,
.account-page .RadGrid.RadGrid_MetroTouch th.rgResizeCol:first-child,
.account-page .RadGrid.RadGrid_MetroTouch .rgRow td,
.account-page .RadGrid.RadGrid_MetroTouch .rgRow td:first-child,
.account-page .RadGrid.RadGrid_MetroTouch .rgAltRow td,
.account-page .RadGrid.RadGrid_MetroTouch .rgAltRow td:first-child,
.account-page .RadGrid.RadGrid_MetroTouch .rgEditRow > td,
.account-page .RadGrid.RadGrid_MetroTouch .rgEditRow > td:first-child,
.account-page .RadGrid.RadGrid_MetroTouch .rgFooter td,
.account-page .RadGrid.RadGrid_MetroTouch .rgFooter td:first-child,
.account-page .RadGrid.RadGrid_MetroTouch .rgFilterRow td,
.account-page .RadGrid.RadGrid_MetroTouch .rgFilterRow td:first-child,
.account-page .RadGrid.RadGrid_MetroTouch .rgNoRecords td,
.account-page .RadGrid.RadGrid_MetroTouch .rgNoRecords td:first-child {
  padding: 12px 12px;
}

.account-page .RadGrid.RadGrid_MetroTouch thead {
  border-radius: 4px;
  overflow: hidden;
}

.account-page .RadGrid.RadGrid_MetroTouch thead tr {
  border: 0px;
}

.account-page .RadGrid.RadGrid_MetroTouch th {
  background-color: #252e38;
  border: 0px;
  color: #fff;
  text-decoration: none !important;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 0px;
}

.account-page .RadGrid.RadGrid_MetroTouch th.text-hide {
  font-size: 0;
}

.account-page .RadGrid.RadGrid_MetroTouch th.rgExpandCol {
  font-size: 0;
  padding: 28px 0px !important;
}

.account-page .RadGrid.RadGrid_MetroTouch th a {
  color: #fff;
  text-decoration: none !important;
  font-size: 16px;
  font-weight: 600;
}

.account-page .RadGrid.RadGrid_MetroTouch th .rgSortAsc,
.account-page .RadGrid.RadGrid_MetroTouch th .rgSortDesc {
  background-image: none;
  background-color: #fff;
  width: 20px;
  height: 20px;
  margin: 5px;
  mask-image: url(images/arrow.svg);
  mask-repeat: no-repeat;
  mask-size: 13px 13px;
  mask-position: center;
}

.account-page .RadGrid.RadGrid_MetroTouch th .rgSortAsc {
  transform: rotate(-90deg);
}

.account-page .RadGrid.RadGrid_MetroTouch th .rgSortDesc {
  transform: rotate(90deg);
  mask-position: 4px center;
}

.account-page .RadGrid.RadGrid_MetroTouch .rgMasterTable {
  border-collapse: separate;
  border-spacing: 0px 10px;
  background: transparent;
  padding: 0px 15px;
  border: 0;
}

.account-page .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgMasterTable th {
  background-color: #5e758e;
}

.account-page
  .RadGrid.RadGrid_MetroTouch
  .rgMasterTable
  .rgMasterTable
  th.rgHeader,
.account-page
  .RadGrid.RadGrid_MetroTouch
  .rgMasterTable
  .rgMasterTable
  th.rgHeader:first-child {
  padding-top: 13px;
  padding-bottom: 13px;
}

.account-page .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgDetailTable {
  border: 0;
  border-collapse: separate;
  border-spacing: 0px 10px;
  background: transparent;
  padding: 0px 15px;
}

.account-page
  .RadGrid.RadGrid_MetroTouch
  .rgMasterTable
  .rgDetailTable
  thead
  th {
  background-color: #607689;
}

.account-page .RadGrid.RadGrid_MetroTouch .rgExpand,
.account-page .RadGrid.RadGrid_MetroTouch .rgCollapse {
  background-image: none;
  background-color: #336d3e;
  width: 20px;
  height: 20px;
  margin: 5px;
  mask-image: url(images/arrow.svg);
  mask-repeat: no-repeat;
  mask-size: 13px 13px;
  mask-position: center;
  color: #ffffff;
}

.account-page .RadGrid.RadGrid_MetroTouch .rgCollapse {
  transform: rotate(90deg);
}

.account-page .RadGrid.RadGrid_MetroTouch tr.rgRow,
.account-page .RadGrid.RadGrid_MetroTouch tr.rgAltRow {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  background: #ffffff;
}

.account-page .RadGrid.RadGrid_MetroTouch tr.rgRow.rgSelectedRow,
.account-page .RadGrid.RadGrid_MetroTouch tr.rgAltRow.rgSelectedRow {
  background-color: #336d3e;
}

.account-page .RadGrid.RadGrid_MetroTouch tr.rgRow.rgSelectedRow .rgExpand,
.account-page .RadGrid.RadGrid_MetroTouch tr.rgRow.rgSelectedRow .rgCollapse,
.account-page .RadGrid.RadGrid_MetroTouch tr.rgAltRow.rgSelectedRow .rgExpand,
.account-page
  .RadGrid.RadGrid_MetroTouch
  tr.rgAltRow.rgSelectedRow
  .rgCollapse {
  background-color: #fff;
}

.account-page .RadGrid.RadGrid_MetroTouch tr.rgRow td,
.account-page .RadGrid.RadGrid_MetroTouch tr.rgAltRow td {
  border: 1px solid #dbdbdb;
  border-right-width: 0;
  border-left-width: 0;
}

.account-page .RadGrid.RadGrid_MetroTouch tr.rgRow td:first-child,
.account-page .RadGrid.RadGrid_MetroTouch tr.rgAltRow td:first-child {
  border-left-width: 1px;
  border-left-color: #dbdbdb;
}

.account-page .RadGrid.RadGrid_MetroTouch tr.rgRow td:last-child,
.account-page
  .RadGrid.RadGrid_MetroTouch
  tr.rgRow
  td:has(+ [style="display:none;"]),
.account-page .RadGrid.RadGrid_MetroTouch tr.rgAltRow td:last-child,
.account-page
  .RadGrid.RadGrid_MetroTouch
  tr.rgAltRow
  td:has(+ [style="display:none;"]) {
  border-right-width: 1px;
  border-right-color: #dbdbdb;
}

.account-page .RadGrid.RadGrid_MetroTouch tr.rgRow td.rgSorted,
.account-page .RadGrid.RadGrid_MetroTouch tr.rgAltRow td.rgSorted {
  background: #fff;
}

.account-page .RadGrid.RadGrid_MetroTouch tr.rgRow td.rgExpandCol,
.account-page .RadGrid.RadGrid_MetroTouch tr.rgAltRow td.rgExpandCol {
  padding: 13px 0px !important;
  background: transparent;
}

.account-page .RadGrid.RadGrid_MetroTouch tr.rgRow td a,
.account-page .RadGrid.RadGrid_MetroTouch tr.rgAltRow td a {
  font-weight: 500;
}

.account-page .RadGrid.RadGrid_MetroTouch tr.rgAltRow {
  background: #f9fcff;
}

.account-page .RadGrid.RadGrid_MetroTouch tr.rgAltRow td {
  border-color: #7b97c7;
}

.account-page .RadGrid.RadGrid_MetroTouch tr.rgAltRow td.rgSorted {
  background: #f9fcff;
}

.account-page .RadGrid.RadGrid_MetroTouch tr.rgAltRow td.rgExpandCol {
  background: transparent;
}

.account-page .RadGrid.RadGrid_MetroTouch tr.rgAltRow td:first-child {
  border-left-width: 1px;
  border-left-color: #7b97c7;
}

.account-page .RadGrid.RadGrid_MetroTouch tr.rgAltRow td:last-child,
.account-page
  .RadGrid.RadGrid_MetroTouch
  tr.rgAltRow
  td:has(+ [style="display:none;"]) {
  border-right-width: 1px;
  border-right-color: #7b97c7;
}

.account-page .RadGrid.RadGrid_MetroTouch tr td:first-child,
.account-page .RadGrid.RadGrid_MetroTouch tr th:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.account-page .RadGrid.RadGrid_MetroTouch tr td:last-child,
.account-page .RadGrid.RadGrid_MetroTouch tr td:has(+ [style="display:none;"]),
.account-page .RadGrid.RadGrid_MetroTouch tr th:last-child,
.account-page .RadGrid.RadGrid_MetroTouch tr th:has(+ [style="display:none;"]) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.account-page .RadGrid.RadGrid_MetroTouch tr td.rgExpandCol {
  background: transparent;
}

/* Member fees
   ========================================================================== */
@media (min-width: 992px) {
  .member-fees {
    display: flex;
    justify-content: space-between;
  }
  .member-fees span:last-child {
    text-align: right;
  }
}

.member-fees span {
  display: block;
}

.member-fees .paid {
  color: #4e937a;
}

.member-fees .balance {
  background-color: #f89c57;
  padding: 5px 10px;
  border-radius: 4px;
}

/*table fix*/
.table-auto .rgClipCells {
  table-layout: auto !important;
}

.coadmin-manage a {
  padding: 15px;
  border-radius: 4px;
  background-color: #4e937a;
  color: #ffffff;
  text-decoration: none;
  width: 100%;
  display: block;
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 20px;
  transition: all 0.2s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
  .coadmin-manage a {
    transition: none;
  }
}

.coadmin-manage a:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #ffffff;
  vertical-align: middle;
  margin-right: 10px;
  mask-image: url(images/mh-icons.svg#orgs);
  mask-size: 28px 28px;
  mask-position: center center;
  mask-repeat: no-repeat;
}

.coadmin-manage a:after {
  content: "";
  display: inline-block;
  width: 21px;
  float: right;
  height: 21px;
  background-color: #ffffff;
  vertical-align: middle;
  margin-top: 7px;
  margin-right: 10px;
  mask-image: url(images/arrows.svg);
  mask-size: 21px 21px;
  mask-position: center center;
  mask-repeat: no-repeat;
  transition: all 0.2s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
  .coadmin-manage a:after {
    transition: none;
  }
}

.coadmin-manage a:hover,
.coadmin-manage a:focus,
.coadmin-manage a:active {
  background-color: #3c725e;
}

.coadmin-manage a:hover:after,
.coadmin-manage a:focus:after,
.coadmin-manage a:active:after {
  margin-right: 0px;
}

.RegistrationArea.card {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

/* Account banner
   ========================================================================== */
.account-banner:before {
  border-radius: 4px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #dbdbdb;
}

/* ==========================================================================
    Event display
   ========================================================================== */
.SummaryFloat
  .RegistrationArea
  div:not(.PriceOverrideForm)
  > .PrimaryButton.LargeButton {
  font-size: 18px !important;
}

.RegistrationArea .SelectedRegistrant {
  border-color: #354251 !important;
}

.PricingData .Free,
.EventDetails .Free,
.ProgramItemSummary .Free {
  color: #45826c;
  font-weight: 600;
}

.PricingData .text-success,
.EventDetails .text-success,
.ProgramItemSummary .text-success {
  color: #45826c !important;
}

.ProgramItemSummary .InItinerary {
  /* Indicator when the program item is in your itenarary - Note the spelling mistake... */
  background-color: #45826c;
  color: #ffffff;
}

.ProgramItemSummary .InItinerary.sysicon--before:before {
  background: #ffffff;
}

/* ==========================================================================
	GenAI
   ========================================================================== */
#MainPanel:has(.GenAIContent) .TextButton,
#MainPanel:has(.GenAIContent) .PrimaryButton {
  padding: 5px 10px;
}

.genai-command-button-container .Cancel {
  color: #336d3e;
}

.genai-command-button-container .Cancel:hover,
.genai-command-button-container .Cancel:focus,
.genai-command-button-container .Cancel:active {
  color: #336d3e;
}

/* ==========================================================================
	Custom styles added by Zentso below here
   ========================================================================== */

.header-primary-nav-container a.memberLoginNavItem {
  border: 1px solid #066f39 !important;
  border-radius: 50px !important;
  color: #066f39 !important;
}

.header-primary-nav-container a.memberLoginNavItem .rmText {
  padding: 10px 25px !important;
}

/* Hide toggle arrows on menu items */
.header-primary-nav-container .rmToggle {
  display: none; /* Commented out important as overriding mobile toggles*/
}


/* == Menu top-level hover underline == */

/* Make sure the <a> is a positioning context and has a box */
.header-primary-nav-container .rmRootGroup > .rmItem > .rmRootLink {
  position: relative;
  display: inline-block;
  padding-bottom: 10px; /* creates room for underline below text */
  text-decoration: none;
}

/* Underline sits BELOW the link */
.header-primary-nav-container .rmRootGroup > .rmItem > .rmRootLink::after {
  content: "";
  position: relative;
  left: 50%;
  bottom: -4px;
  transform: translateX(-50%) scaleX(0);
  transform-origin: center;
  width: 100%;
  height: 2px;
  background-color: #7cc242;
  transition: transform 0.25s ease;
}

/* Animate in on hover/focus (exclude Member Login) */
.header-primary-nav-container
  .rmRootGroup
  > .rmItem
  > .rmRootLink:not(.memberLoginNavItem):hover::after,
.header-primary-nav-container
  .rmRootGroup
  > .rmItem
  > .rmRootLink:not(.memberLoginNavItem):focus-visible::after {
  transform: translateX(-50%) scaleX(1);
}

/* == Banner elements styling == */

/* New banner buttons */
.banner_button {
  min-width: 243px;
  appearance: none;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.85);
  color: #ffffff !important;
  padding: 10px 28px;
  border-radius: 50px;
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  backdrop-filter: blur(4px);
  transition:
    background-color 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease,
    transform 0.15s ease;
}

/* Hover */
.banner_button:hover {
  background-color: rgba(255, 255, 255, 0.12);
  border-color: #ffffff;
  color: #ffffff;
  transform: translateY(-1px);
  text-decoration: none;
}

/* Active */
.banner_button:active {
  transform: translateY(0);
}

/* Focus (keyboard accessibility) */
.banner_button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.35);
}

/* banner button alt */
.banner_button_alt {
  min-width: 243px;
  appearance: none;
  background: #336d3e;
  color: #ffffff !important;
  padding: 10px 28px;
  border-radius: 50px;
  font-size: 20px;
  font-weight: 600;
  text-decoration: none; /* remove underline */
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  backdrop-filter: blur(4px);
  transition:
    background-color 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease,
    transform 0.15s ease;
}

/* Hover */
.banner_button_alt:hover {
  background-color: rgba(255, 255, 255, 0.12);
  border-color: #ffffff;
  color: #ffffff;
  transform: translateY(-1px);
  text-decoration: none;
}

/* Active */
.banner_button_alt:active {
  transform: translateY(0);
}

/* Focus (keyboard accessibility) */
.banner_button_alt:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.35);
}

/* Set custom positioning and image for banner images on mobile - copy the below and change to nth-child(2) etc. for additional images */
/* @media (max-width: 991px) {
  .header-background-container .carousel-inner .item:nth-child(1) {
    background-position: 60% 20% !important;
    background-image: url(/images/abt%20website/banners/home_banner_1_with_swoosh_mobile.webp) !important;
  }
  .banner_button,
  .banner_button_alt {
    font-size: 18px;
  }
} */

@media (max-width: 991px) {
  .header-background-container .carousel-inner .item:nth-child(1) {
  }
  .banner_button,
  .banner_button_alt {
    font-size: 18px;
    min-width: unset; /* remove fixed min-width */
    width: 100%; /* fill the container */
    max-width: 280px; /* cap the width */
    text-align: center;
  }
}

/* == Headings == */

@media (max-width: 991px) {
  h1 {
    font-size: 36px !important;
    font-weight: 600 !important;
  }
  h2 {
    font-size: 26px !important;
    font-weight: 600 !important;
  }
  h3 {
    font-size: 20px !important;
    font-weight: 500 !important;
  }
  h4 {
    font-size: 16px !important;
    font-weight: 600 !important;
  }
}

@media (min-width: 992px) {
  h1 {
    font-size: 60px !important;
    font-weight: 600 !important;
  }
  h2 {
    font-size: 36px !important;
    font-weight: 600 !important;
  }
  h3 {
    font-size: 28px !important;
    font-weight: 500 !important;
  }
  h4 {
    font-size: 24px !important;
    font-weight: 600 !important;
  }
}

/* == FullWidthArea additional styling == */

.FullWidthArea-StyleBg1 .iMIS-WebPart > .ContentItemContainer {
  margin-bottom: 0;
}

.FullWidthArea-StyleBg1 h2 {
  margin: 0;
}

/* == Additional buttons == */
.individual_button {
  width: auto;
  max-width: none;
}

.body_button {
  appearance: none;
  border: 1px solid #1f2933; /* dark neutral outline */
  color: #1f2933;

  padding: 10px 28px;
  border-radius: 999px;

  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  transition:
    background-color 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease,
    transform 0.15s ease;
}

@media (max-width: 991px) {
  .body_button {
    font-size: 18px;
  }

  .footer-container {
    padding: 2rem 0;
  }
}

/* Hover */
.body_button:hover {
  background-color: #1f2933;
  color: #ffffff;
  border-color: #1f2933;
  transform: translateY(-1px);
  text-decoration: none;
}

/* Active */
.body_button:active {
  transform: translateY(0);
}

/* Focus (keyboard accessibility) */
.body_button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(31, 41, 51, 0.25);
}

/* Prevent visited colour override */
.body_button:visited {
  color: #1f2933;
}

/* 1) Make the overall footer layout: links ~75%, other content ~25% */
.footer-container {
  display: flex;
  justify-content: space-between;
  gap: 3rem;
}

@media (min-width: 992px) {
  .footer-column[data-label="Footer Links"] {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .footer-column[data-label="Footer CTA"] {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

/* 2) Footer nav styling (targets your NewContentHtml UL) */
.footer-column[data-label="Footer Links"] #ste_container_NewContentHtml > ul {
  list-style: none;
  margin: 0;
  padding: 0;

  display: flex;
  flex-wrap: wrap;
  column-gap: 6rem;
  row-gap: 2rem;
  align-items: flex-start;
}

/* Each top-level LI = one “column” */
.footer-column[data-label="Footer Links"]
  #ste_container_NewContentHtml
  > ul
  > li {
  margin: 0;
  padding: 0;
  max-width: 160px;
}

/* Top-level heading link (e.g. About us, Policy, Members...) */
.footer-column[data-label="Footer Links"]
  #ste_container_NewContentHtml
  > ul
  > li
  > a {
  display: inline-block;
  margin: 0 0 0.8rem 0;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  color: #7cc242;
}

/* Nested UL reset */
.footer-column[data-label="Footer Links"] #ste_container_NewContentHtml ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Sublinks */
.footer-column[data-label="Footer Links"]
  #ste_container_NewContentHtml
  ul
  ul
  a {
  display: block;
  padding: 0.35rem 0;
  text-decoration: none;
  font-weight: 500;
  font-size: 12px;
  color: #f5f5f5;
}

/* Hover states */
.footer-column[data-label="Footer Links"]
  #ste_container_NewContentHtml
  a:hover {
  opacity: 0.85;
  text-decoration: underline;
  text-underline-offset: 3px;
}

footer hr {
  width: 100%;
  margin: 0;
  border-color: #7cc242;
}

footer.footer .footer_cta {
  background-color: #ecf3ed;
  border-radius: 20px;
  padding: 2rem;
}
footer.footer .footer_cta h4 {
  font-size: 14px !important;
  color: #336d3e;
}
footer.footer .footer_cta p {
  font-size: 12px;
  color: #525252;
}
footer.footer .footer_cta a {
  font-size: 12px;
  color: #000000;
}

.footer-meta {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.footer-meta-column[data-label="Footer Copyright"] {
  font-size: 12px;
  font-weight: 400;
}

.footer-meta-column[data-label="Footer Social"] {
  font-size: 16px;
  font-weight: 600;
}

@media (max-width: 991px) {
  .footer-meta {
    flex-direction: column;
    gap: 2rem;
    margin: 2rem 0;
  }
  .footer-meta-column[data-label="Footer Social"] {
    font-size: 12px;
  }
  .footer_cta a {
    display: block;
    text-align: center;
  }
}

/* == Featured Carousel == */

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

/* =========================================
   Feature Carousel - Layout + Styling
   ========================================= */

/* Caption fills slide and centers inner container */
.feature-carousel .carousel-caption {
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fade-in 1s ease-in;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}

.feature-carousel-container .iMIS-WebPart .ContentItemContainer {
  margin-bottom: 0;
}

/* Inner wrapper */
.feature-carousel .carousel-caption .fc-inner {
  width: min(1120px, calc(100% - 160px)); /* space for arrows */
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5rem;
}

/* Text column (left on desktop) */
.feature-carousel .carousel-caption .fc-content {
  order: 1;
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

/* Image column (right on desktop) */
.feature-carousel .carousel-caption .fc-media {
  order: 2;
  flex: 1 1 0;
}

/* The image itself */
.feature-carousel .carousel-caption .fc-image {
  width: 100%;
  max-width: 560px;
  height: auto;
  display: block;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
}

/* Typography */
.feature-carousel .carousel-caption .fc-title {
  margin: 0 0 14px;
  font-weight: 700;
}

.feature-carousel .carousel-caption .fc-copy {
  margin: 0 0 18px;
  opacity: 0.95;
  max-width: 46ch;
}

/* Button (use your own class if you already have styles) */
.feature-carousel .carousel-caption .fc-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  color: #fff;
  text-decoration: none;
  font-weight: 600;
}

.feature-carousel .carousel-caption .fc-btn:hover,
.feature-carousel .carousel-caption .fc-btn:focus {
  text-decoration: none;
  border-color: #fff;
}

/* =========================================
   Controls (arrows)
   ========================================= */

.feature-carousel .carousel-control {
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  background: none !important;
  text-shadow: none;
}

.feature-carousel .carousel-control .glyphicon,
.feature-carousel .carousel-control .icon-prev,
.feature-carousel .carousel-control .icon-next {
  font-size: 46px;
  line-height: 1;
}

/* =========================================
   Mobile (<991px): image on top, then text
   ========================================= */

@media (max-width: 991px) {
  /* Let slide grow naturally */
  .feature-carousel .carousel-inner .item {
    height: auto !important;
    padding: 34px 0 40px;
  }

  /* Put caption back into normal flow */
  .feature-carousel .carousel-caption {
    position: relative;
    inset: auto;
    width: 100%;
  }

  .feature-carousel .carousel-caption .fc-inner {
    width: min(900px, calc(100% - 80px)); /* smaller arrow allowance */
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
  }

  /* Image first on mobile */
  .feature-carousel .carousel-caption .fc-media {
    order: 1;
    width: 100%;
    min-width: 0;
  }

  .feature-carousel .carousel-caption .fc-content {
    order: 2;
    flex: 0 0 auto;
    max-width: 520px;
    text-align: center;
  }

  .feature-carousel .carousel-caption .fc-image {
    max-width: 680px;
  }

  .feature-carousel .carousel-caption .fc-title {
    font-size: 32px;
  }

  /* Narrow arrows on mobile */
  .feature-carousel .carousel-control {
    width: 40px;
  }
}

/* == LIFE SCIENCES SECTION (Home Page) == */

.life-sciences-column {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  position: relative;
}

/*
.life-sciences-column .life-sciences-img-container {
	background-image: url(/images/abt%20website/banners/LifeSciencesImg.webp);
    border-radius: 20px;
    min-height: 490px;
    background-position: center;
    background-size: cover;
}*/

.life-sciences-column .life-sciences-img-container img {
  width: 100%;
  height: 100%;
  min-height: 490px;
  border-radius: 20px;
  object-fit: cover; /* replaces background-size: cover */
  object-position: center; /* replaces background-position: center */

  display: block;
}

.life-sciences-column h2,
.life-sciences-column h3 {
  color: #fff;
  margin: 0;
}

@media (max-width: 991px) {
  .life-sciences-column .life-sciences-img-container {
    min-height: 300px;
  }
}

.life-sciences-stats-container {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.life-sciences-stats {
  display: flex;
  align-items: center;
  gap: 3rem;
  border-bottom: 1px solid #fff;
  padding-bottom: 2rem;
}

.life-sciences-stat-content {
  display: flex;
  flex-direction: column;
  color: #fff;
}

.life-sciences-stat-content h1 {
  margin: 0;
  font-size: 70px !important;
  color: #fff;
}

.life-sciences-stats-footer {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: flex-start;
}

.life-sciences-stats-footer p {
  color: #fff;
  font-size: 18px;
}

@media (max-width: 991px) {
  .life-sciences-stat-content h1 {
    font-size: 40px !important;
  }
  .life-sciences-stat-content p {
    font-size: 16px;
  }
  .life-sciences-container .row {
    gap: 3rem;
  }
  .life-sciences-stats-footer p {
    font-size: 16px;
  }
  .life-sciences-row .life-sciences-column {
    max-width: 100% !important;
  }
}

.life-sciences-row .col-sm-12 {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}

.life-sciences-row .life-sciences-column {
  max-width: 45%;
}

.life-sciences-column-container {
  padding-top: 0 !important;
}

/* == OUR MEMBERS SECTION (Home Page) == */

.our-members-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 3rem;
}

.our-members-container h2,
.our-members-container h4 {
  color: #336d3e;
}

.our-members-container h3 {
  width: 60%;
  margin: 0;
}

/* ICON GRID */
.our-members-icons-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2.5rem 3rem;
  margin: 2rem auto 0;
}

.our-members-icon {
  flex: 0 1 calc(20% - 3rem); /* 5 per row (desktop) */
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* icon image */
.our-members-icon img {
  display: block;
  width: 100px !important;
  height: auto;
  margin-bottom: 0.9rem;
}

/* label */
.our-members-icon h4 {
  margin: 0;
  line-height: 1.25;
  max-width: 170px; /* forces “Medical Research Institutes” style wraps */
  white-space: normal; /* IMPORTANT: stops one-line overflow */
}

.our-members-cta-container {
  max-width: 730px;
  margin-top: 2rem;
}

/* RESPONSIVE */
@media (max-width: 991px) {
  .our-members-icon {
    flex-basis: calc(25% - 3rem);
  } /* 4 per row */
  .our-members-container h3 {
    width: 100%;
  }
  .our-members-icon img {
    width: 70px !important;
  }
}
@media (max-width: 767px) {
  .our-members-icon {
    flex-basis: calc(33.333% - 3rem);
  } /* 3 per row */
  .our-members-icons-container {
    gap: 2rem 2rem;
  }
}

/* =========================================================
   HOME: UPCOMING EVENTS + LATEST NEWS (Shared + small overrides)
   ========================================================= */

/* Shared heading row layout */
.upcoming-events-container,
.latest-news-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.upcoming-events-container h2,
.latest-news-container h2 {
  color: #336d3e;
}

/* ---------------------------
   Shared grid/table reset
   --------------------------- */
:is(.UpcomingEventsHome, .LatestNewsHome) table,
:is(.UpcomingEventsHome, .LatestNewsHome) table td,
:is(.UpcomingEventsHome, .LatestNewsHome) table tr {
  padding: 0 !important;
  background: none !important;
  border: none !important;
  margin: 0 !important;
}

:is(.UpcomingEventsHome, .LatestNewsHome) table thead {
  display: none;
}

:is(.UpcomingEventsHome, .LatestNewsHome) table tbody {
  display: flex;
  flex-wrap: wrap;
}

:is(.UpcomingEventsHome, .LatestNewsHome) table tbody tr {
  width: 33.33%;
  margin-bottom: 4rem !important;
}

:is(.UpcomingEventsHome, .LatestNewsHome) table tbody td {
  height: 100%;
  display: flex;
}

@media all and (max-width: 1200px) {
  :is(.UpcomingEventsHome, .LatestNewsHome) table tbody tr {
    width: 50%;
  }
}

@media all and (max-width: 820px) {
  :is(.UpcomingEventsHome, .LatestNewsHome) table tbody tr {
    width: 100%;
    margin-bottom: 2rem !important;
  }

  :is(.UpcomingEventsHome, .LatestNewsHome) table tbody tr:last-of-type {
    margin-bottom: 0 !important;
  }
}

/* Grid wrapper */
:is(.UpcomingEventsHome, .LatestNewsHome) .RadGrid_MetroTouch {
  overflow: visible !important;
  border: none !important;
  background-color: transparent;
}

/* ---------------------------
   Shared card styles
   --------------------------- */
:is(.UpcomingEventsHome, .LatestNewsHome) .panel {
  height: 100%;
  display: flex;
  width: 100%;
}

:is(.UpcomingEventsHome, .LatestNewsHome) .panel-container {
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  overflow: hidden;
  height: 100%;
  width: 100%;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  margin: 0 20px;
  background-color: #fff;
}

:is(.UpcomingEventsHome, .LatestNewsHome) .panel .image {
  width: 100%;
  height: 200px;
  overflow: hidden;
  position: relative; /* enables news badge positioning */
}

:is(.UpcomingEventsHome, .LatestNewsHome) .panel .image a {
  display: block;
  width: 100%;
  height: 100%;
}

:is(.UpcomingEventsHome, .LatestNewsHome) .panel .image img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  display: block;
}

:is(.UpcomingEventsHome, .LatestNewsHome) .content {
  display: flex;
  flex-direction: column;
  padding: 2rem;
  gap: 1.25rem;
  color: #333333;
}

:is(.UpcomingEventsHome, .LatestNewsHome) .content p {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}

:is(.UpcomingEventsHome, .LatestNewsHome) .content .card-cta {
  color: #333 !important;
  font-weight: 500;
}

:is(.UpcomingEventsHome, .LatestNewsHome) h3 {
  word-break: break-word;
  margin: 0;
  font-size: 26px !important;
  font-weight: 600 !important;
}

:is(.UpcomingEventsHome, .LatestNewsHome) h3 a {
  color: #336d3e !important;
  text-decoration: none !important;
}

:is(.UpcomingEventsHome, .LatestNewsHome) .panel a,
:is(.UpcomingEventsHome, .LatestNewsHome) .panel a:hover,
:is(.UpcomingEventsHome, .LatestNewsHome) .panel a:focus,
:is(.UpcomingEventsHome, .LatestNewsHome) .panel a:active {
  text-decoration: none !important;
}

/* Mobile typography tweak (shared) */
@media (max-width: 991px) {
  :is(.UpcomingEventsHome, .LatestNewsHome) h3 a {
    font-size: 20px;
  }
}

/* =========================================================
   EVENTS ONLY: meta row with icons (calendar + location)
   ========================================================= */

.UpcomingEventsHome .meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}

.UpcomingEventsHome .meta-item {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  color: #333333; /* text */
  margin: 0;
}

/* icon base */
.UpcomingEventsHome .meta-item::before {
  content: "";
  width: 18px;
  height: 18px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  background-position: center;
  flex: 0 0 18px;
}

/* calendar icon */
.UpcomingEventsHome .meta-date::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23336D3E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M8 2v3M16 2v3M3.5 9h17M5 5h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Z'/%3E%3C/svg%3E");
}

/* location icon */
.UpcomingEventsHome .meta-location::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23336D3E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M12 21s7-5.1 7-11a7 7 0 1 0-14 0c0 5.9 7 11 7 11Z'/%3E%3Cpath stroke='%23336D3E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M12 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z'/%3E%3C/svg%3E");
}

/* events meta wrapping on smaller screens */
@media (max-width: 991px) {
  .UpcomingEventsHome .meta {
    flex-wrap: wrap;
    row-gap: 0.75rem;
  }
  .UpcomingEventsHome .meta-item {
    white-space: normal;
    font-size: 16px;
  }
}

/* =========================================================
   EVENTS ONLY: LIST
   ========================================================= */

.UpcomingEventsList table thead {
  display: none;
}

.UpcomingEventsList .RadGrid_MetroTouch,
.UpcomingEventsList .RadGrid.RadGrid_MetroTouch .rgMasterTable,
.UpcomingEventsList .RadGrid_MetroTouch .rgAltRow {
  background: transparent;
  border: none;
}

.UpcomingEventsList .RadGrid.RadGrid_MetroTouch .rgAltRow td,
.UpcomingEventsList .RadGrid.RadGrid_MetroTouch .rgAltRow td:first-child,
.UpcomingEventsList .RadGrid.RadGrid_MetroTouch .rgRow td,
.UpcomingEventsList .RadGrid.RadGrid_MetroTouch .rgRow td:first-child {
  padding: 2rem 0;
  border-bottom: 1px solid #e0e0e0;
}

.UpcomingEventsList .meta-date {
  color: #336d3e;
  font-size: 16px;
  font-weight: 600;
}

.UpcomingEventsList h4 a {
  color: #333 !important;
}

.UpcomingEventsList .content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.UpcomingEventsList .RadGrid.RadGrid .rgRow a:hover,
.UpcomingEventsList .RadGrid.RadGrid .rgAltRow a:hover {
  text-decoration: none;
}

.events-list-header p {
  font-size: 20px;
  color: #336d3e;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

.UpcomingEventsList .panel-body {
  padding: 0;
}

@media (max-width: 768px) {
  .events-container .row {
    gap: 3rem;
  }
}

/* =========================================================
   NEWS ONLY: posted date badge (no icons)
   ========================================================= */

/* If your .meta wrapper still exists, keep it simple */
.LatestNewsHome .meta {
  display: block;
}

/* Badge styling */
.LatestNewsHome .meta-posted-date {
  position: absolute;
  left: 16px;
  bottom: 16px;
  margin: 0;
  padding: 6px 10px;
  border-radius: 999px;
  background: #59a654;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 1;
}

/* If you keep the posted date in .content instead of .image,
   remove the absolute positioning so it behaves like normal text. */
.LatestNewsHome .content .meta-posted-date {
  position: static;
  left: auto;
  bottom: auto;
  display: inline-block;
  width: fit-content;
}

@media (max-width: 991px) {
  /* Make the Upcoming Events area the positioning context */
  .UpcomingEventsHome,
  .LatestNewsHome {
    position: relative;
    padding-bottom: 100px; /* space for the button */
  }

  /* Move the View all button to the bottom */
  .UpcomingEventsHome .upcoming-events-container .body_button,
  .LatestNewsHome .latest-news-container .body_button {
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    margin: 0;
    z-index: 5;
  }
}

/* =========================================================
   Call to action banners
   ========================================================= */

/* 2 button CTA module */
.cta2 .cta-container,
.cta3 .cta-container {
  background-color: #59a655;
  border-radius: 20px;
  padding: 5rem;
  position: relative;
  overflow: hidden;
}

/* Swoosh overlay */
.cta2 .cta-container::before,
.cta3 .cta-container::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: url("images/swoosh.svg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 110%;
  opacity: 0.5;
  pointer-events: none;
}

.cta2 .cta-content,
.cta3 .cta-content {
  position: relative;
  z-index: 1;
}

.cta2 .cta-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 660px;
  margin: auto;
  gap: 2rem;
}

.cta3 .cta-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 900px;
  margin: auto;
  gap: 2rem;
}

.cta3 .cta-content-headings {
  max-width: 600px;
}

.cta2 .cta-content-buttons {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.cta3 .cta-content-buttons {
  display: flex;
  align-items: center;
  gap: 4rem;
}

.cta3 .cta-content-columns {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cta2 .cta-content h2,
.cta3 .cta-content h2,
.cta2 .cta-content h3,
.cta3 .cta-content h3 {
  color: #fff;
  font-weight: 500 !important;
  text-align: center;
}

.cta3 h3 {
  max-width: 600px;
}

.cta2 .cta-content p,
.cta3 .cta-content p {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}

@media (max-width: 991px) {
  .cta2 .cta-container::before,
  .cta3 .cta-container::before {
    background-position: center;
    background-size: 150%;
  }
  .cta2 .cta-content p,
  .cta3 .cta-content p {
    font-size: 18px;
  }
  .cta2 .cta-content-buttons {
    flex-direction: column;
  }
  .cta2 .cta-content-buttons .banner_button,
  .cta2 .cta-content-buttons .banner_button_alt {
    min-width: 0;
  }
}

@media (max-width: 767px) {
  .cta2 .cta-container::before,
  .cta3 .cta-container::before {
    background-size: 250%;
  }
}

/* =========================================================
   CTA 3 ONLY — 3 button CTA module refinements
   (does NOT affect cta2)
   ========================================================= */

.cta3 .cta-content {
  max-width: 1040px; /* a bit wider so columns breathe like the reference */
  gap: 2.25rem;
}

.cta3 .cta-content-headings {
  max-width: 720px;
}

.cta3 .cta-content-headings h2,
.cta3 .cta-content-headings h3 {
  display: block; /* ensures they act as full-width blocks */
  width: 100%; /* take full container width */
  text-align: center; /* center the text */
  margin: 0 auto; /* optional for safety */
}

/* Make the 3 columns behave like 3 equal panels */
.cta3 .cta-content-buttons {
  width: 100%;
  display: flex;
  align-items: stretch !important; /* ensure equal-height columns */
  gap: 0; /* reference has dividers instead of big gaps */
  margin-top: 0.5rem;
}

/* Column panel */
.cta3 .cta-content-columns {
  flex: 1 1 0;
  min-width: 0;

  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;

  padding: 0 3.25rem; /* space inside each panel */
}

/* Vertical dividers (like your reference) */
.cta3 .cta-content-columns + .cta-content-columns {
  border-left: 1px solid rgba(255, 255, 255, 0.35);
}

/* Typography tightening for the columns */
.cta3 .cta-content-columns p {
  font-size: 18px;
  line-height: 1.45;
  margin: 0;

  max-width: 280px; /* keeps line breaks similar across columns */

  flex: 1 1 auto; /* KEY: this becomes the flexible area */
}

/* Button sizing consistency + ALIGNMENT */
.cta3 .cta-content-columns a.banner_button_alt {
  margin-top: auto !important; /* KEY: pins buttons to the bottom */
  min-width: 240px;
  text-align: center;
}

/* Add consistent breathing room above the button
   (uses padding so margin-top:auto can do its job) */
.cta3 .cta-content-columns {
  padding-bottom: 0; /* keep clean, spacing controlled below */
}

/* Commented out as impacting text align centre 

.cta3 .cta-content-columns a.banner_button_alt {
  padding-left: 0; 
}
 */

/* If you want a fixed gap between text and button, do it on the <p> */
.cta3 .cta-content-columns p {
  padding-bottom: 1.25rem;
}

/* Bottom line spacing */
.cta3 .cta-content > h3 {
  margin-top: 0.75rem;
  max-width: 760px;
}

/* -------------------------
   Responsive: stack nicely
   ------------------------- */
@media (max-width: 991px) {
  .cta3 .cta-content-buttons {
    flex-direction: column;
    gap: 1.75rem;
  }

  .cta3 .cta-content-columns {
    padding: 0;
  }

  .cta3 .cta-content-columns + .cta-content-columns {
    border-left: 0;
    padding-top: 1.75rem;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
  }

  .cta3 .cta-content-columns p {
    max-width: 520px;
    flex: 0 0 auto; /* stacking: no need to stretch */
    padding-bottom: 1rem;
  }

  .cta3 .cta-content-columns a.banner_button_alt {
    min-width: 0;
    width: min(280px, 100%);
    margin-top: 0 !important; /* stacking: normal flow looks better */
  }
}

/* =========================================================
   Internal page hero
   ========================================================= */

.page-hero-container h1 {
  color: #fff;
}

.page-hero-container .green-swoosh-bg::before {
  background-size: 50%;
  background-position: 100% 35%;
}

@media (max-width: 551px) {
  .page-hero-container .green-swoosh-bg::before {
    background-size: 65%;
    background-position: 115% 45%;
  }
}

/* =========================================================
   Internal Intro Section
   ========================================================= */

.internal-intro-container h2 {
  color: #336d3e;
}

.internal-intro-container .black-version h2,
.internal-intro-container .black-version p,
.internal-intro-container .black-version a {
  color: #333 !important;
}

.intro-copy-container {
  display: flex;
  gap: 6rem;
}

.intro-copy-container > h2,
.intro-copy-container > div,
.intro-copy-container > p {
  flex: 1 1 0; /* 🔑 equal width */
}

@media (max-width: 991px) {
  .intro-copy-container {
    flex-direction: column;
    gap: 2rem;
  }
  .intro-copy-container > h2,
  .intro-copy-container > div,
  .intro-copy-container > p {
    flex: none;
  }
}

/* =========================================================
   Who We Are container
   ========================================================= */

.who-container {
  display: flex;
  flex-direction: column;
}

.who-container h2 {
  color: #336d3e;
}

.who-copy-img-container {
  display: flex;
  gap: 6rem;
  align-items: flex-start;
}

.who-copy {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/*
.who-image {
	flex: 1;
	aspect-ratio: 1 / 1;
	background-image: url(/images/abt%20website/banners/WhoWeAre.webp);
    border-radius: 20px;
    background-position: center;
    background-size: cover;
}*/

.who-image img {
  width: 630px;
  min-width: 100%;
  height: 100%;
  min-height: 630px;
  object-fit: cover;
  object-position: center;
  display: block;
  border-radius: 20px;
}

.who-cta a {
  color: #333;
  font-weight: 600;
}

.who-cta a:hover,
.who-cta a:focus,
.who-cta a:active {
  text-decoration: none !important;
}

@media (max-width: 991px) {
  .who-container {
    gap: 2rem;
    align-items: center;
  }

  .who-copy-img-container {
    flex-direction: column;
    gap: 1rem;
    align-items: center;
  }

  .who-image img {
    min-height: 320px;
  }
}

/* Why Join version - used on Members page */

.why-join-container h2,
.why-join-container h3 {
  color: #fff;
}

.why-join-container .who-copy {
  color: #fff;
}

.why-join-container .who-cta a {
  color: #fff;
}

.why-join-container .who-image {
  aspect-ratio: 576 / 350;
  width: 576px;
  max-width: 100%;
  flex: 0 1 576px;
  min-height: 0;
  /*background-image: url(/images/abt%20website/banners/WhyJoin.webp);*/
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  object-fit: cover;
}

@media (max-width: 991px) {
  .why-join-container .who-image {
    width: min(360px, 100%);
    max-width: 100%;
    aspect-ratio: 576 / 350;
    height: unset !important;
    min-height: 0 !important;
    flex: 0 0 auto;
    align-self: center;
  }
}

/* ================================
   Policy Connect overrides only
   ================================ */

.policy-connect-container .who-container {
  /*background: #f5f9ef;*/
  background: #fff;
  padding: 6rem;
  border-radius: 20px;
}

.policy-connect-container .who-copy-img-container {
  display: flex;
  align-items: flex-start;
  gap: 6rem; /* optional - matches your base spacing */
}

.policy-connect-container .who-copy,
.policy-connect-container .who-image {
  min-width: 0; /* prevent flex overflow */
}

.policy-connect-container .who-image {
  /* desktop/tablet target */
  aspect-ratio: 576 / 350;
  width: 576px;
  max-width: 100%;
  flex: 0 1 576px;

  /* neutralise global who-image mobile min-height */
  min-height: 0;

  /*background-image: url(/images/abt%20website/banners/PolicyConnect.webp);*/
  background-position: center;
  background-size: cover;
  border-radius: 20px;
}

/* Mobile: stack + keep a SMALL landscape card (not full width) */
@media (max-width: 991px) {
  .policy-connect-container .who-container {
    padding: 2rem; /* reduce the squeeze on mobile */
  }

  .policy-connect-container .who-copy-img-container {
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    width: 100%;
    overflow: hidden;
  }

  .policy-connect-container .who-copy {
    width: 100%;
    padding: 0 1rem;
  }

  .policy-connect-container .who-image {
    /* pick the mobile "card" width you want */
    width: min(360px, 100%); /* change 360px to 320/400 if preferred */
    max-width: 100%;
    aspect-ratio: 576 / 350;

    /* hard reset anything forcing height */
    /*height: unset !important;*/
    min-height: 0 !important;

    /* make sure flex doesn't stretch it */
    flex: 0 0 auto;
    align-self: center;
  }
}

/* ================================
   News page search
   ================================ */

.news-search,
.events-search {
  margin: 0 0 2rem;
}

/* Outer pill */
.news-search__field,
.events-search__field {
  position: relative;
  width: 100%;
  max-width: 620px;
  background: #fff;
  border: 1px solid #999999;
  border-radius: 20px;
  padding: 15px 20px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03);
}

/* Remove the emoji icon from the HTML */
.news-search__field > span[aria-hidden="true"],
.events-search__field > span[aria-hidden="true"] {
  display: none !important;
}

/* Icon inside pill */
.news-search__field::before,
.events-search__field::before {
  content: "";
  position: absolute;
  left: 22px; /* move away from border */
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  opacity: 0.65;
  pointer-events: none;
  background: no-repeat center / contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21 21l-4.35-4.35m1.35-5.15a7 7 0 11-14 0 7 7 0 0114 0z' stroke='%23909090' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* HARD reset the input so there's NO inner box */
.news-search__input,
.events-search__input {
  -webkit-appearance: none;
  appearance: none;

  display: block;
  width: 100%;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;

  font-size: 16px;
  line-height: 1.2;

  /* align text nicely in the pill */
  height: 22px;

  /* space for icon + clear button */
  padding-left: 44px !important;
  padding-right: 44px !important;
}

/* Kill any global focus styles that add inner borders/shadows */
.news-search__input:focus,
.news-search__input:focus-visible,
.events-search__input:focus,
.event-search__input:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Placeholder */
.news-search__input::placeholder,
.events-search__input::placeholder {
  color: #8b8b8b;
  opacity: 1;
}

/* Clear button aligned in pill */
.news-search__clear,
.events-search__clear {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);

  width: 34px;
  height: 34px;

  border: 0;
  border-radius: 999px;
  background: transparent;
  cursor: pointer;

  font-size: 18px;
  line-height: 34px;

  opacity: 0.65;
}

.news-search__clear:hover,
.events-search__clear:hover {
  background: rgba(0, 0, 0, 0.05);
  opacity: 1;
}

/* Meta/count */
.news-search__meta,
.events-search__meta {
  margin-top: 0.6rem;
  font-size: 14px;
  opacity: 0.75;
}

/* No results */
.news-search__empty,
.events-search__empty {
  display: none;
  padding: 1rem 0;
  font-size: 16px;
  opacity: 0.8;
}

/* Screen-reader-only */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* =========================================================
   Full width banner (reusable base)
   ========================================================= */

.full-width-banner-container {
  /* Variables (override per banner variant) */
  /*
  --banner-image: none;
  --banner-min-height: clamp(320px, 52vh, 560px);
  --banner-max-height: 600px; /* optional cap */
  /*--banner-position: 70% center; /* push focal point right by default */
  /*--overlay-strong: 0.62; /* left side darkness */
  /*--overlay-mid: 0.42;
  --overlay-light: 0.18;
  --overlay-wash: 0.1; /* subtle global darkening */

  position: relative;
  overflow: hidden;

  width: 100%;

  /* Layout: vertically centre text */
  display: flex;
  align-items: center;

  min-height: clamp(320px, 52vh, 560px);

  /* Height model (better than aspect-ratio for hero banners) */
  /*
  min-height: var(--banner-min-height);
  max-height: var(--banner-max-height);
  */

  /* Background image */
  /*background-image: var(--banner-image);
  background-position: var(--banner-position);
  background-size: var(--banner-zoom, cover);
  background-repeat: no-repeat;*/
}

/* Ensure content sits above overlays */
.full-width-banner-container > .container-inner {
  width: 100%;
  position: relative;
  z-index: 2;
}

/* Optional: stop Bootstrap row oddities */
.full-width-banner-container .row {
  width: 100%;
}

/* Left-to-right readability gradient */
.full-width-banner-container::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, var(--overlay-strong)) 0%,
    rgba(0, 0, 0, var(--overlay-mid)) 30%,
    rgba(0, 0, 0, var(--overlay-light)) 56%,
    rgba(0, 0, 0, 0) 78%
  );
}

/* Subtle overall dark wash (helps on bright images) */
.full-width-banner-container::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: rgba(0, 0, 0, var(--overlay-wash));
}

/* Content niceties (works with inline max-width too) */
.full-width-banner-container .full-width-banner-content {
  position: relative;
  z-index: 2;
  padding: clamp(2.25rem, 4vw, 4rem) 0;
}

/* Improve readability of long H3 body copy */
.full-width-banner-container .full-width-banner-content h3 {
  line-height: 1.45;
  max-width: 52ch;
  opacity: 0.95;
}

/* -------------------------
   Responsive tweaks
   ------------------------- */
@media (max-width: 991px) {
  .full-width-banner-container {
    --banner-position: 62% center; /* pull focal point a bit left on tablet */
    --overlay-strong: 0.68;
    --overlay-mid: 0.48;
    --overlay-light: 0.16;
  }
  .full-width-banner-container.vision-banner,
  .full-width-banner-container.legacy-banner {
    --banner-zoom: cover;
  }
}

@media (max-width: 767px) {
  .full-width-banner-container {
    max-height: none;
    min-height: auto;
    padding: 3rem 0;
    --banner-position: 60% center;
  }

  .full-width-banner-container .full-width-banner-content h3 {
    max-width: 60ch;
  }
}

/* =========================================================
   Banner variants (just override variables)
   ========================================================= */

/*
.full-width-banner-container.vision-banner {

  --banner-image: url("/images/abt%20website/banners/OurVision.webp");
  --banner-max-height: 600px;
  --banner-min-height: clamp(320px, 52vh, 560px);
  --banner-position: 70% center;
  --banner-zoom: 100%

}
  */

/*
.full-width-banner-container.vision-banner img {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center top;

  transform: scale(100%);
  transform-origin: center;

  z-index: 0;
}*/

.full-width-banner-container.vision-banner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important; /* !important to beat the global img rule img:not([src*="commandbar.com"]) */
  object-fit: cover; /* cover, not fill — scales proportionally */
  object-position: top; /* anchor to top, grow downward */
  z-index: 0;
}

.full-width-banner-container.vision-banner .container-inner {
  position: relative;
  z-index: 1;
}

.full-width-banner-container.legacy-banner {
  --banner-image: url("/images/abt%20website/banners/OurLegacy.webp");
  --banner-max-height: 520px;
  --banner-min-height: clamp(300px, 45vh, 520px);
  --banner-position: 65% center;
  --banner-zoom: 140%;
}

.full-width-banner-container.team-banner {
  --banner-image: url("/images/abt%20website/banners/PolicyKeyArea3.webp");
  --banner-max-height: 600px;
  --banner-min-height: clamp(320px, 52vh, 560px);
  --banner-position: 70% center;
  --banner-zoom: 100%;
}

/* Force headings white (ignore inline / theme bleed) */
.full-width-banner-container .full-width-banner-content h2,
.full-width-banner-container .full-width-banner-content h3 {
  color: #fff !important;
}

/* Constrain content width on desktop only */
@media (min-width: 992px) {
  .full-width-banner-container .full-width-banner-content {
    max-width: 660px;
  }
}

@media (max-width: 991px) {
  .full-width-banner-container.vision-banner,
  .full-width-banner-container.legacy-banner {
    --banner-zoom: cover;
  }
}

@media (max-width: 991px) {
  .full-width-banner-container.vision-banner img {
    --banner-zoom: 1.2;
  }
}

/* =========================================================
   Constitution and Code of Conduct section (About Us page)
   ========================================================= */

.coc-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  max-width: 830px;
  margin: auto;
  text-align: center;
}

.coc-container h2 {
  color: #336d3e;
}

.coc-container p {
  text-align: center;
}

.coc-container img {
    border-radius: 0px !important;
}

/* =========================================================
   Proud Cards block (About us page)
   ========================================================= */

.proud-cards-content {
  padding: clamp(2.5rem, 5vw, 4.5rem);
  border-radius: 0; /* set to 20px if you want rounded container */
  text-align: center;
}

.proud-cards-content h2,
.proud-cards-content h3 {
  color: #fff;
  font-weight: 500;
  margin: 0 auto;
  max-width: 980px;
}

.proud-cards-content h2 {
  font-size: clamp(22px, 2.2vw, 32px);
  line-height: 1.25;
  margin-bottom: clamp(1.75rem, 3vw, 2.75rem);
}

.proud-cards-content h3 {
  font-size: clamp(16px, 1.4vw, 20px);
  line-height: 1.5;
  margin-top: clamp(1.75rem, 3vw, 2.75rem);
  opacity: 0.95;
}

/* Cards row */
.proud-cards-block {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: clamp(1rem, 2vw, 1.75rem);
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 1200px;
}

/* Individual card */
.proud-card {
  background: #fff;
  border-radius: 14px;
  padding: 1.5rem 1.25rem;
  width: 200px; /* base size */
  max-width: 100%;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

/* Stat */
.proud-card .proud-stat {
  color: #2f6b3a;
  font-size: 40px;
  line-height: 1;
  font-weight: 500;
  margin: 0 0 0.9rem;
}

/* Divider */
.proud-card hr {
  width: 56%;
  margin: 0 auto 1rem;
  border: 0;
  height: 1px;
  background: rgba(47, 107, 58, 0.35);
}

/* Description */
.proud-card .proud-desc {
  color: #2f6b3a;
  font-size: 13px;
  line-height: 1.4;
  margin: 0;
}

/* -------------------------
   Responsive
   ------------------------- */

/* Make cards slightly wider on medium screens so they wrap nicely */
@media (max-width: 991px) {
  .proud-card {
    width: 220px;
  }
}

/* On small screens, go to 2 per row, then 1 per row */
@media (max-width: 767px) {
  .proud-cards-content {
    padding: 2.5rem 1.5rem;
  }

  .proud-card {
    width: calc(50% - 0.75rem);
    padding: 1.25rem 1rem;
  }

  .proud-card .proud-stat {
    font-size: 36px;
  }
}

@media (max-width: 480px) {
  .proud-card {
    width: 100%;
  }
}

/* -------------------------
   Policy Callout
   ------------------------- */

.policy-callout-content {
  max-width: 800px;
  margin: auto;
  text-align: center;
}

/* Bottom triangle */
.policy-callout-container .green-bg {
  position: relative;
}

.policy-callout-container .green-bg::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -42px; /* half of 84px */
  transform: translateX(-50%) rotate(45deg);

  width: 84px;
  height: 84px;
  background: #336d3e;
}

@media (max-width: 767px) {
  .policy-callout-container .green-bg::after {
    width: 56px;
    height: 56px;
    bottom: -28px;
  }
}

/* =========================================================
   Recent Submissions section
   ========================================================= */

.recent-submissions-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: 0 auto;
  gap: 4rem;
}

/* Image */
.recent-submissions-image {
  width: 576px;
  max-height: 350px;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: center;
  border-radius: 20px;
  display: block;
}

/* Text */
.recent-submissions-text {
  max-width: 720px;
}

/* Button spacing only (style comes from banner_button) */
.recent-submissions-content .banner_button {
  margin-top: 0.25rem;
}

/* -------------------------
   Mobile tweaks
   ------------------------- */
@media (max-width: 767px) {
  .recent-submissions-content {
    gap: 2rem;
  }

  .recent-submissions-image {
    max-width: 100%;
  }
}

/* =========================================================
   Key Areas section (scoped)
   ========================================================= */

.key-areas-container .key-areas {
  display: flex;
  flex-direction: column;
  gap: clamp(1.75rem, 3vw, 2.75rem);
  margin-bottom: 4rem;
}

/* Header */
.key-areas-container .key-areas__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1rem;
  max-width: 960px;
  margin: 0 auto;
}

.key-areas-container .key-areas__head h2,
.key-areas-container .key-areas__head p {
  margin: 0;
}

.key-areas__head h2 {
  color: #336d3e;
  max-width: 550px;
}

.key-areas-container .key-areas__head p {
  line-height: 1.55;
  opacity: 0.9;
}

/* Grid (flexbox + gap) */
.key-areas-container .key-areas__grid {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(2rem, 3vw, 3rem);
}

/* Card */
.key-areas-container .key-area {
  flex: 1 1 480px; /* 2 per row */
  min-width: 320px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 2rem;
}

/* Image: 350px tall on desktop */
.key-areas-container .key-area__img {
  width: 100%;
  height: 350px !important;
  border-radius: 20px;
  object-fit: cover;
  object-position: center;
  display: block;

  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.1);
}

/* Title + body */
.key-areas-container .key-area__title,
.key-areas-container .key-area__text {
  margin: 0;
  max-width: 550px;
}

.key-areas-container .key-area__title {
  font-size: 18px;
  color: #336d3e;
  font-weight: 700;
}

.key-areas-container .key-area__text {
  line-height: 1.55;
  opacity: 0.9;
}

/* -------------------------
   Responsive
   ------------------------- */

@media (max-width: 991px) {
  .key-areas-container .key-area__img {
    height: 300px;
  }
}

@media (max-width: 767px) {
  .key-areas-container .key-areas__grid {
    gap: 1.5rem;
  }

  .key-areas-container .key-area {
    flex: 1 1 100%;
    min-width: 0;
  }

  .key-areas-container .key-area__img {
    height: clamp(220px, 55vw, 320px);
  }
}

/* =========================================================
   Benefits tabs (two-column)
   ========================================================= */

.benefits {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}

.benefits__head {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

.benefits__head h2,
.benefits__head p {
  margin: 0;
}

.benefits__head h2 {
  color: #2f6b3a;
}

.tabs {
  --border: rgba(47, 107, 58, 0.45);
  --green: #2f6b3a;
  --tint: #f3f8f1;

  border: 1px solid var(--border);
  border-radius: 12px;
  overflow: hidden;

  display: flex;
  background: #fff;
}

/* Left list */
.tabs__list {
  width: 42%;
  min-width: 280px;
  display: flex;
  flex-direction: column;
  background: #fff;
}

.tabs__tab {
  appearance: none;
  border: 0;
  background: transparent;
  text-align: left;
  padding: 4rem;
  font-size: 28px;
  font-weight: 700;
  color: #2b2b2b;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-bottom: 1px solid var(--border);
}

.tabs__tab span {
  flex: 1;
}

.tabs__tab:last-child {
  border-bottom: 0;
}

.tabs__tab.is-active {
  background: var(--tint);
  color: var(--green);
}

.tabs__tab:focus-visible {
  outline: 3px solid rgba(47, 107, 58, 0.25);
  outline-offset: -3px;
}

/* Right pane */
.tabs__panes {
  width: 58%;
  background: var(--tint);
  border-left: 1px solid var(--border);
  padding: 4rem;
}

.tabs__pane {
  display: none;
}

.tabs__pane.is-active {
  display: block;
}

.tabs__pane-head {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-bottom: 4rem;
}

.tabs__pane-head h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 700 !important;
}

.tabs__pane ul {
  margin: 0;
  padding-left: 1.1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.tabs__pane li {
  line-height: 1.45;
  opacity: 0.95;
}

.tabs__pane-head img {
    width: 80px !important;
}

/* -------------------------
   Mobile: turn into accordion
   ------------------------- */
@media (max-width: 991px) {
  .tabs {
    flex-direction: column;
  }

  .tabs__list,
  .tabs__panes {
    width: 100%;
    min-width: 0;
  }

  .tabs__panes {
    border-left: 0;
    border-top: 1px solid var(--border);
    padding: 0;
    background: #fff;
  }

  .tabs__pane {
    display: none;
    padding: 3rem;
    background: var(--tint);
    border-top: 1px solid var(--border);
  }

  .tabs__pane.is-active {
    display: block;
  }

  .tabs__tab.is-active {
    background: #fff;
    color: var(--green);
  }
  .tabs__tab {
    font-size: 20px;
  }
}

/* =====================================================
   Our Priorities – scoped overrides ONLY
   Container: .our-priorities-container
   ===================================================== */

/* ---------- Card wrapper ---------- */
.our-priorities-container .policy-connect-container .who-container {
  /*background: #f5f5f5;*/
  background: #fff;
  padding: 6rem;
  border-radius: 20px;
  /*margin-bottom: 2rem;*/
}

/* alternate background */
.our-priorities-container
  .policy-connect-container
  .who-container:nth-of-type(even) {
  background: #ffffff;
}

/* ---------- Layout ---------- */
.our-priorities-container .policy-connect-container .who-copy-img-container {
  display: flex;
  align-items: center;
  gap: 4rem;
}

/* ensure columns behave */
.our-priorities-container .policy-connect-container .who-copy,
.our-priorities-container .policy-connect-container .who-image {
  min-width: 0;
}

/* ---------- Image (keep shared sizing, just constrain) ---------- */
.our-priorities-container .policy-connect-container .who-image {
  max-width: 576px;
  display: flex;
}

/* ---------- Unique images per card ---------- */
/* commented out the global who-image background so we can set per-card images here */
/*
.our-priorities-container
  .policy-connect-container
  .who-container:nth-of-type(1)
  .who-image {
  background-image: url(/images/abt%20website/about/Priority1.webp);
}

.our-priorities-container
  .policy-connect-container
  .who-container:nth-of-type(2)
  .who-image {
  background-image: url(/images/abt%20website/about/Priority2.webp);
}
*/

.our-priorities-container
  .policy-connect-container
  .who-container:nth-of-type(3)
  .who-image {
  background-image: url(/images/abt%20website/about/Priority3.webp);
}

.our-priorities-container
  .policy-connect-container
  .who-container:nth-of-type(4)
  .who-image {
  background-image: url(/images/abt%20website/about/Priority4.webp);
}

.our-priorities-container .who-image img {
  width: 576px;
  min-height: 350px;
}

/* ---------- Typography rhythm ---------- */
.our-priorities-container .policy-connect-container .who-copy h3 {
  margin: 0 0 1rem;
  color: #336d3e;
  font-weight: 600 !important;
}

.our-priorities-container .policy-connect-container .who-copy p {
  margin: 0 0 1.25rem;
}

.our-priorities-container .policy-connect-container .who-copy p:last-child {
  margin-bottom: 0;
}

/* ---------- Mobile behaviour ---------- */
@media (max-width: 991px) {
  .our-priorities-container .policy-connect-container .who-container {
    padding: 2.5rem 2rem;
    margin-bottom: 1.5rem;
  }

  .our-priorities-container .policy-connect-container .who-copy-img-container {
    flex-direction: column;
    gap: 3rem;
  }

  /* force consistent reading order */
  .our-priorities-container .policy-connect-container .who-image {
    order: 1;
    max-width: 100%;
    height: auto;
    min-height: 350px !important;
  }

  .our-priorities-container .policy-connect-container .who-copy {
    order: 2;
  }
}

.policy-connect-container .body_semibold a {
  text-decoration: none;
  color: #000000;
}

/* =====================================================
   Unified Approach Container (Policy page)
   ===================================================== */

.unified-container {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  margin: 4rem 0;
}

.unified-header {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.unified-header h2,
.unified-header h3 {
  text-align: center;
}

.unified-content {
  display: flex;
  gap: 6rem;
  flex-wrap: wrap;
  align-items: flex-start;
}

.unified-left {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
  background: #fff;
  border-radius: 20px;
  padding: 6rem;
}

.unified-left h2 {
  color: #336d3e;
}

.unified-left h4 {
  text-align: center;
  font-weight: 500 !important;
}

.unified-left-img {
  position: relative; /* Ensure the text is positioned relative to this container */
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  max-width: 400px;
  overflow: hidden; /* Hide any overflow */
  margin-top: 50px;
}

.unified-left-img .background-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.unified-left-text {
  position: absolute; /* Position the text over the image */
  top: 50%; /* Center the text vertically */
  left: 50%; /* Center the text horizontally */
  transform: translate(-50%, -50%); /* Offset to perfectly center the text */
  font-size: 18px;
  text-align: center;
}

.unified-right {
  display: grid;
  grid-auto-rows: minmax(max-content, 1fr);
  gap: 2rem;
}

/* 2 columns (gap-aware 50/50) */
.unified-content > .unified-left,
.unified-content > .unified-right {
  flex: 0 0 calc(50% - 3rem);
  min-width: 0;
}

.unified-approach {
  border-left: 4px solid #336d3e;
  padding-left: 2rem;

  /* vertical centering */
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.unified-approach-heading {
  color: #336d3e;
  font-weight: 700;
}

@media (max-width: 991px) {
  .unified-container {
    gap: 2rem;
  }
  .unified-content {
    gap: 3rem;
  }
  .unified-left {
    padding: 3rem;
  }
  .unified-content > .unified-left,
  .unified-content > .unified-right {
    flex: 0 0 100%;
  }
}

/* FAQ Accordion (lightweight + mobile friendly) */
.faq {
  --faq-green: #336d3e;
  --faq-green-soft: rgba(47, 107, 79, 0.35);
  --faq-text: #1b1b1b;
  margin: 0 auto;
  color: var(--faq-text);
}

.faq__title {
  color: #336d3e;
  margin-bottom: 2rem !important;

  font-size: 2.5rem; /* Size of the heading */
  font-weight: 700; /* Bold */
  line-height: 1.2; /* Vertical spacing of text */
  letter-spacing: 0.5px; /* Space between letters */
  text-transform: none; /* Keep normal casing */
}

.faq__list {
  border-top: 1px solid var(--faq-green-soft);
}

.faq__item {
  border-bottom: 1px solid var(--faq-green-soft);
  padding: 4rem 0 4rem 0;
}

/* Remove default marker */
.faq__item > summary {
  list-style: none;
}
.faq__item > summary::-webkit-details-marker {
  display: none;
}

.faq__question {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 1rem;
  padding-bottom: 0;
  cursor: pointer;
  user-select: none;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.25;
}

.faq__question p {
  margin: 0;
}

.faq__question:focus-visible {
  outline: 2px solid var(--faq-green);
  outline-offset: 4px;
  border-radius: 6px;
}

/* Right-side icon: + (closed) and X (open) */
.faq__icon {
  width: 22px;
  height: 22px;
  position: relative;
  display: inline-block;
}

/* plus lines */
.faq__icon::before,
.faq__icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 18px;
  height: 2px;
  background: var(--faq-green);
  transform: translate(-50%, -50%);
  border-radius: 2px;
  transition: transform 180ms ease;
}
.faq__icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

/* When open, rotate both lines to form an X */
.faq__item[open] .faq__icon::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.faq__item[open] .faq__icon::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.faq__answer p {
  margin: 14px 0 0 0;
  font-size: 20px;
}

/* Mobile tweaks */
@media (max-width: 600px) {
  .faq__question {
    font-size: 20px;
  }
  .faq__answer p {
    font-size: 18px;
  }
  .faq__icon {
    width: 20px;
    height: 20px;
  }
}

/* Events Calendar

.RadScheduler_Metro .rsMonthView .rsDateBox {
	background: red !important;
}
 
.RadScheduler .rsCategoryGreen .rsAptContent {
	background: yellow !important;
}

*/

/* ------------------------------------
NEWS CONTENT TAGGED LIST STYLING
--------------------------------------- */

.news-card-grid-wrapper .TaggedListPanel {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5rem;
  padding: 0;
  margin: 0 20px;
}
.news-card-grid-wrapper .BlockTLItem,
.news-card-grid-wrapper .news-card {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: unset;
}
.news-card-grid-wrapper .news-card__image {
  width: 100%;
  height: 220px;
  overflow: hidden;
  flex-shrink: 0;
}
.news-card-grid-wrapper .news-card__image img.news-card__img {
  width: 100%;
  height: 220px !important;
  object-fit: cover;
  object-position: center;
  display: block;
}
.news-card-grid-wrapper .news-card__body {
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1;
}
.news-card-grid-wrapper .news-card__date {
  display: inline-block;
  background-color: #59a654;
  color: #fff;
  letter-spacing: 0.2px;
  font-size: 14px;
  font-weight: 600;
  padding: 4px 20px;
  border-radius: 50px;
  width: fit-content;
}
.news-card-grid-wrapper .news-card__title {
  margin: 0;
  line-height: 1.4;
  font-size: 20px !important;
}
.news-card-grid-wrapper .news-card__title a,
.news-card-grid-wrapper .news-card__title a:visited {
  line-height: 1.4;
}
.news-card-grid-wrapper .news-card__title a:hover {
  text-decoration: none;
}
.news-card-grid-wrapper .news-card__title a::after {
  content: "";
  position: absolute;
  inset: 0;
}
.news-card-grid-wrapper .news-card__summary {
  font-size: 16px;
  flex: 1;
  font-weight: 400;
}
.news-card-grid-wrapper .news-card__readmore {
  font-size: 16px;
  margin-top: 0.5rem;
  display: inline-block;
  color: inherit;
}
@media (max-width: 1024px) {
  .news-card-grid-wrapper .TaggedListPanel {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 640px) {
  .news-card-grid-wrapper .TaggedListPanel {
    grid-template-columns: 1fr;
  }
}

/* ------------------------------------
BEYOND FORM EVENT CALENDAR STYLING
--------------------------------------- */

.calendar-container {
  border: 1px solid #336d3e;
  padding: 30px;
  max-width: 550px;
  width: 100%;
  margin: 0 auto;
}
.calendar-header {
  text-align: center;
  margin-bottom: 25px;
}
.calendar-header h2 {
  color: #336d3e;
  font-size: 36px;
  font-weight: 400;
  font-family: "Raleway", Helvetica, sans-serif;
  margin: 0;
}
.weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 12px;
  margin-bottom: 12px;
}
.weekday {
  text-align: center;
  color: #336d3e;
  font-family: "Raleway", Helvetica, sans-serif;
  font-size: 24px;
  padding: 8px 0;
}
.days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 8px;
}
.day {
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1em;
  color: #336d3e;
  font-weight: 500;
  transition: all 0.2s;
  border-radius: 50%;
}
.day.other-month {
  color: #a8c4b8;
  opacity: 0;
}
.day.today {
  background: #d4e5dc;
  font-weight: 600;
}
.day.has-event {
  background: white;
}

/* Common container styling */
.container-inner .white-bg img {
  border-radius: 20px;
  padding: 0;
  width: 100%;
}

/* Empty Container Styling */
.ThreeColumnContainer-Style .col-sm-4 > a.body_button,
.TwoColumnContainer-Style .col-sm-6 > a.body_button,
.OneColumnContainer-Style .col-sm-12 > a.body_button {
  display: block;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
}

.ThreeColumnContainer-Style .col-sm-4 p,
.TwoColumnContainer-Style .col-sm-6 p,
.OneColumnContainer-Style .col-sm-12 p {
  margin-bottom: 0px !important;
}


.ThreeColumnContainer-Style .col-sm-4 a,
.TwoColumnContainer-Style .col-sm-6 a,
.OneColumnContainer-Style .col-sm-12 a {
  align-self: center;
}

/* Removes margin from bottom of PagesGuru Component through PageLayout Classes */
.PagesGuru .iMIS-WebPart > .ContentItemContainer, .PagesGuru .WebPartZone > .ContentItemContainer {
    margin-bottom: 0;
}

/* Menu fix - will need to be cleaned up in code at a later stage */

/* Secondary items: hover & focused = white text on green */
.RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmLink:hover,
.RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmFocused {
  color: #ffffff;
  background-color: #7cc242;
}

/* Secondary item when EXPANDED (tertiary is open) = green text, NOT white */
.RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmExpanded {
  color: #7cc242;
  background-color: #ffffff;
}

/* Tertiary items: same hover treatment as secondary */
.RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup ul.rmGroup .rmLink:hover,
.RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup ul.rmGroup .rmFocused,
.RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup ul.rmGroup .rmExpanded {
  color: #ffffff;
  background-color: #7cc242;
}

/* Mobile responsive overrides for images */
@media (max-width: 991px) {
    .our-priorities-container .who-image img {
        width: min(360px, 100%) !important;
        max-width: 100% !important;
        aspect-ratio: 576 / 350 !important;
        height: unset !important;
        min-height: 0 !important;
        flex: 0 0 auto !important;
        align-self: center !important;
        object-fit: cover !important;
        border-radius: 20px !important;
        display: block !important;
    }

    .our-priorities-container .who-image {
        display: contents !important;
    }
}

@media (max-width: 991px) {
    .light-green-bg .who-image img {
        width: min(360px, 100%) !important;
        max-width: 100% !important;
        aspect-ratio: 576 / 350 !important;
        height: unset !important;
        min-height: 0 !important;
        flex: 0 0 auto !important;
        align-self: center !important;
        object-fit: cover !important;
        border-radius: 20px !important;
        display: block !important;
    }

    .light-green-bg .who-image {
        display: contents !important;
    }
}