@charset "UTF-8";
/* Responsive NaturalHeritage theme */
@import url("//fonts.googleapis.com/css?family=Nunito+Sans:400,400i,700|Rubik:400,500,700");
/* left, center, right */
/*right, left*/
/* ==========================================================================
   MASTER PAGE LAYOUT
   ========================================================================== */
/* Class used to contain the various pieces of the master page */
.container {
  max-width: 1270px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }

.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: 768px) {
    .has-secondary-col .body-container {
      grid-template-columns: auto minmax(12em, 22%);
      grid-template-rows: auto;
      grid-column-gap: 15px; }
      .has-secondary-col .body-container .col-primary {
        grid-column: 1 / span 1;
        grid-row: 1; }
      .has-secondary-col .body-container .col-secondary {
        grid-column: 2 / 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 {
  grid-template: ". logo utility ." auto ". primary-nav primary-nav ." auto ". banner banner ." 1fr/auto minmax(50px, 250px) minmax(0, 1129px) auto;
  position: relative;
  margin-bottom: 1em; }
  @media (min-width: 1280px) {
    header.header {
      display: grid; } }
  header.header .header-background-container {
    position: absolute;
    width: 100%;
    height: 100%;
    grid-area: 1 / 1 / -1 / -1;
    /* span the whole header */
    z-index: -1; }
    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: initial !important; }
  header.header .header-logo-container {
    grid-area: logo;
    align-self: start;
    justify-self: start;
    padding-left: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
    z-index: 100; }
    @media (max-width: 1280px) {
      header.header .header-logo-container {
        width: 40%; } }
  header.header .header-aux-container {
    grid-area: utility;
    align-self: start;
    justify-self: end;
    padding-right: 15px;
    padding-top: 4px;
    padding-bottom: 4px;
    z-index: 101; }
    @media (max-width: 1280px) {
      header.header .header-aux-container {
        margin-top: -84px; } }
  header.header .header-primary-nav-container {
    grid-area: primary-nav;
    align-self: start;
    justify-self: end;
    z-index: 100;
    max-width: 1270px; }
  header.header .home-page-header-container,
  header.header .internal-header-container {
    grid-area: banner;
    padding-left: 15px;
    padding-right: 15px; }
  @media (min-width: 1280px) {
    header.header {
      grid-template-areas: ". logo utility ." ". logo primary-nav ." ". banner banner ."; }
      header.header header.header .header-logo-container {
        align-self: end; } }

/* 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 {
  display: none; }

/* Sticky Footer
   ========================================================================== */
/* Flex-style sticky footer
   See https://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/
*/
.wrapper {
  display: flex;
  min-height: 100vh;
  flex-direction: column; }
  .wrapper .main-container {
    width: 100%;
    flex: 1 0 auto;
    margin-bottom: 1em; }
  .wrapper footer.footer {
    flex-shrink: 0; }

/* ==========================================================================
   Basic setup
   ========================================================================== */
body {
  font-family: "Nunito Sans", Century Gothic, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #333; }

a, .Link {
  color: #118ab2 ;
  text-decoration: underline; }
  a:visited, .Link:visited {
    color: #139cc9 ; }
  a:hover, a:focus, a:active, .Link:hover, .Link:focus, .Link:active {
    color: #0d6683 ;
    text-decoration: underline; }
  a.aspNetDisabled, a.aspNetDisabled:hover, a.aspNetDisabled:focus, a.aspNetDisabled:active, a.aspNetDisabled:visited, .Link.aspNetDisabled, .Link.aspNetDisabled:hover, .Link.aspNetDisabled:focus, .Link.aspNetDisabled:active, .Link.aspNetDisabled:visited {
    color: #999999 ;
    text-decoration: underline; }

.RadGrid a, .RadToolTip a {
  color: #118ab2  !important;
  text-decoration: underline; }
  .RadGrid a:visited, .RadToolTip a:visited {
    color: #139cc9  !important; }
  .RadGrid a:hover, .RadGrid a:focus, .RadGrid a:active, .RadToolTip a:hover, .RadToolTip a:focus, .RadToolTip a:active {
    color: #0d6683  !important;
    text-decoration: underline; }
  .RadGrid a.aspNetDisabled, .RadGrid a.aspNetDisabled:hover, .RadGrid a.aspNetDisabled:focus, .RadGrid a.aspNetDisabled:active, .RadGrid a.aspNetDisabled:visited, .RadToolTip a.aspNetDisabled, .RadToolTip a.aspNetDisabled:hover, .RadToolTip a.aspNetDisabled:focus, .RadToolTip a.aspNetDisabled:active, .RadToolTip a.aspNetDisabled:visited {
    color: #999999  !important;
    text-decoration: underline; }

.RadGrid a.TextButton {
  color: #fff !important;
  text-decoration: none !important; }

h1,
.h1,
.PageTitle {
  font-family: "Rubik", Century Gothic, Arial, sans-serif;
  font-weight: 700;
  margin-top: 0;
  font-size: 36px;
  letter-spacing: 0px;
  color: #1F1F1F;
  opacity: 1; }

h1.BigHeader, .h1.BigHeader {
  color: #fff;
  background-color: #ef475e;
  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-family: "Rubik", Century Gothic, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.45em;
  font-size: 32px;
  letter-spacing: 0px;
  color: #1F1F1F;
  opacity: 1; }

h3, .SectionTitle {
  font-family: "Rubik", Century Gothic, Arial, sans-serif;
  font-weight: 700;
  font-size: 26px;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1; }

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

h4, .h4, .SectionLabel {
  font-size: 130%;
  font-family: "Rubik", Century Gothic, Arial, sans-serif;
  font-weight: 700;
  color: #ef475e; }

h5, .h5 {
  font-family: "Rubik", Century Gothic, Arial, sans-serif;
  font-weight: 700;
  font-size: 26px;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1; }

h6, .h6 {
  font-size: 90%;
  font-family: "Rubik", Century Gothic, Arial, sans-serif;
  font-weight: 700;
  color: #333;
  margin: 0; }

hr {
  margin-left: .5em;
  margin-right: .5em;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #ddd; }

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

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

/* 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: rgba(69, 195, 237, 0.5); }

/**
      * 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 {
  max-width: 100%;
  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; } }

/* ==========================================================================
   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); }

/* ==========================================================================
   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/HeaderLogo.png");
  background-repeat: no-repeat;
  width: 50px;
  height: 46px;
  /* 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: 768px) {
    #masterHeaderImage {
      background-position: 0 0;
      width: 250px; } }

#masterDonorHeaderImage {
  background-image: url("images/DonorHeaderLogo.png");
  background-repeat: no-repeat;
  width: 50px;
  height: 46px;
  /* 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: 768px) {
    #masterDonorHeaderImage {
      width: 169px; } }

/* 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: #06d6a0; }
  .ProxyPanelContact, .ProxyPanelContact .obo-label {
    color: #fff; }
  .ProxyPanelContact a {
    color: #9adff5; }

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

.SubNavPanelHead {
  background-color: #f2f2f2;
  color: #333;
  font-family: "Rubik", Century Gothic, Arial, sans-serif;
  font-weight: 700; }

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

/* ==========================================================================
   Footer
   ========================================================================== */
footer.footer {
  background-color: #333;
  color: #fff;
  text-align: center; }
  footer.footer .footer-content {
    background-color: #0F425F;
    padding: 85px 0;
    width: 100%;
    clear: both;
    background-size: 348px;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-image: url("/images/AMCTO/footer graphic.png"); }
  footer.footer .footer-nav-copyright {
    background-color: #fff;
    color: #333;
    padding: 30px 0; }
  footer.footer a, footer.footer a:hover, footer.footer a:focus, footer.footer a:active, footer.footer a:visited {
    color: #fff; }
  footer.footer .NavigationListItem {
    display: block; }
  footer.footer .NavigationLink {
    padding-left: 0;
    padding-right: 0; }
  footer.footer h3,
  footer.footer h4 {
    margin-bottom: .2em;
    color: #fff; }
  @media (min-width: 768px) {
    footer.footer {
      text-align: center; }
      footer.footer h3 {
        margin-top: 0; }
      footer.footer .footer-content {
        text-align: left; }
      footer.footer .footer-content > .container .footer-column:nth-child(1) {
        grid-column: 1; }
      footer.footer .footer-content > .container .footer-column:nth-child(2) {
        grid-column: 2; }
      footer.footer .footer-content > .container .footer-column:nth-child(3) {
        grid-column: 3; } }

.footer-angle-bg footer.footer {
  position: relative; }
  .footer-angle-bg footer.footer:before {
    content: '';
    display: block;
    background: #333;
    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: 1280px) {
  .header-logo-container {
    margin-top: 62px; } }

@media (min-width: 768px) {
  .primary-navigation-area .MegaDropDownMenuOuter {
    text-align: right; } }

@media (min-width: 768px) {
  .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 .RadSiteMap,
  .RadMenu.RadMenu_Coffee .RadSiteMap .rsmItem,
  .RadMenu.RadMenu_Coffee .RadSiteMap .rsmTwoLevels .rsmItem {
    font-size: inherit; }
  .RadMenu.RadMenu_Coffee ul {
    margin: 0;
    padding: 0; }
  .RadMenu.RadMenu_Coffee .rmItem,
  .RadMenu.RadMenu_Coffee .rsmItem {
    list-style: none; }
  .RadMenu.RadMenu_Coffee .rmDisabled > a,
  .RadMenu.RadMenu_Coffee .rsmDisabled > 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: 8px 15px; }
  .RadMenu.RadMenu_Coffee .rmSlide .MegaDropDownMenuOuter > .rmText {
    /* when mega menus are on, don't add padding around the rmText */
    padding: 0; }
  .RadMenu.RadMenu_Coffee .rmSlide .rmText {
    /* give space for the expand arrow */
    padding-right: 40px; }
  .RadMenu.RadMenu_Coffee .rmSlide .rmGroup {
    position: relative; }
  .RadMenu.RadMenu_Coffee .rsmItem {
    padding: 4px 15px;
    margin: 0;
    word-break: break-all; }
  .RadMenu.RadMenu_Coffee .rsmLink,
  .RadMenu.RadMenu_Coffee .rsmOneLevel .rsmItem .rsmLink {
    padding: 0; }
  .RadMenu.RadMenu_Coffee .rsmTwoLevels .rsmItem .rsmItem,
  .RadMenu.RadMenu_Coffee .rsmTwoLevels .rsmLevel1 .rsmLink {
    /* make sure second-level rsm items are lined up properly */
    padding-left: 0;
    margin-right: 15px; }
  .RadMenu.RadMenu_Coffee .rsmTwoLevels .rsmLink {
    margin-bottom: 0; }
  .RadMenu.RadMenu_Coffee .rsmColumn {
    /* for multiple columns on the mega menu */
    display: inline-block;
    vertical-align: top;
    padding-right: 4px; }
    @media (max-width: 480px) {
      .RadMenu.RadMenu_Coffee .rsmColumn {
        /* on very small screens drop mega menu columns to one */
        width: 100% !important; } }
  .RadMenu.RadMenu_Coffee .rsmColumnWrap {
    margin-bottom: 0; }
  .RadMenu.RadMenu_Coffee .rsmOneLevel .rsmItem .rsmLink,
  .RadMenu.RadMenu_Coffee .rsmOneLevel .rsmItem .rsmTemplate {
    white-space: nowrap; }
  .RadMenu.RadMenu_Coffee .rsmOneLevel .rsmItem .rsmLink,
  .RadMenu.RadMenu_Coffee .rsmOneLevel .rsmItem .rsmTemplate,
  .RadMenu.RadMenu_Coffee .rsmTwoLevels .rsmLevel1 .rsmLink,
  .RadMenu.RadMenu_Coffee .rsmTwoLevels .rsmLevel1 .rsmTemplate,
  .RadMenu.RadMenu_Coffee .rsmThreeLevels .rsmLevel1 .rsmLink,
  .RadMenu.RadMenu_Coffee .rsmThreeLevels .rsmLevel1 .rsmTemplate {
    display: block; }
  .RadMenu.RadMenu_Coffee .rmLink,
  .RadMenu.RadMenu_Coffee .rsmLink {
    text-decoration: none;
    display: block;
    position: relative;
    /* required for the menu to work in IE */ }
  .RadMenu.RadMenu_Coffee .rsmColumnWrap .rsmLevel1 .rsmLink,
  .RadMenu.RadMenu_Coffee .rsmColumnWrap .rsmLevel1 .rsmTemplate {
    padding: 0;
    margin: 0; }
  .RadMenu.RadMenu_Coffee .rmGroup .rmText {
    margin: 0; }
  .RadMenu.RadMenu_Coffee .rmRootLink {
    color: gray;
    font-family: "Rubik", Century Gothic, Arial, sans-serif;
    font-size: 125%;
    font-weight: 500;
    letter-spacing: 1px; }
    .header-dark .RadMenu.RadMenu_Coffee .rmRootLink {
      color: #404040;
      font-family: "Rubik", Century Gothic, Arial, sans-serif;
      font-size: 125%;
      font-weight: 500;
      letter-spacing: 1px; }
  .RadMenu.RadMenu_Coffee .rmRootLink.rmSelected {
    /* root item selected styles */
    color: #333;
    background-color: transparent; }
    .header-dark .RadMenu.RadMenu_Coffee .rmRootLink.rmSelected {
      color: #fff;
      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: rgba(17, 138, 178, 0.9);
    color: #fff; }
    .header-dark .RadMenu.RadMenu_Coffee .rmRootLink.rmExpanded, .header-dark
    .RadMenu.RadMenu_Coffee .rmRootLink:hover, .header-dark
    .RadMenu.RadMenu_Coffee .rmRootLink.rmFocused {
      color: #fff;
      background-color: rgba(17, 138, 178, 0.9); }
  .RadMenu.RadMenu_Coffee .rmGroup {
    background-color: rgba(17, 138, 178, 0.9); }
    .header-dark .RadMenu.RadMenu_Coffee .rmGroup {
      background-color: rgba(17, 138, 178, 0.9); }
  .RadMenu.RadMenu_Coffee .rmDisabled > .rmLink,
  .RadMenu.RadMenu_Coffee .rsmDisabled > .rsmLink {
    color: #fff; }
    .RadMenu.RadMenu_Coffee .rmDisabled > .rmLink:hover, .RadMenu.RadMenu_Coffee .rmDisabled > .rmLink:active,
    .RadMenu.RadMenu_Coffee .rsmDisabled > .rsmLink:hover,
    .RadMenu.RadMenu_Coffee .rsmDisabled > .rsmLink:active {
      background-color: transparent;
      color: #fff; }
    .header-dark .RadMenu.RadMenu_Coffee .rmDisabled > .rmLink, .header-dark
    .RadMenu.RadMenu_Coffee .rsmDisabled > .rsmLink {
      color: #dedede; }
      .header-dark .RadMenu.RadMenu_Coffee .rmDisabled > .rmLink:hover, .header-dark .RadMenu.RadMenu_Coffee .rmDisabled > .rmLink:active, .header-dark
      .RadMenu.RadMenu_Coffee .rsmDisabled > .rsmLink:hover, .header-dark
      .RadMenu.RadMenu_Coffee .rsmDisabled > .rsmLink:active {
        color: #dedede; }
  .RadMenu.RadMenu_Coffee .rmToggle,
  .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle {
    /* a clickable target to expand multi-level navigaiton */
    display: inline-block;
    float: right;
    height: 100%; }
    .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: 23px;
      height: 15px;
      background-image: url("images/responsivenav.png");
      background-repeat: no-repeat;
      margin-top: 15px;
      margin-bottom: 15px;
      margin-right: 15px;
      margin-left: 15px; }
  .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-position: 0 -26px; }
  .RadMenu.RadMenu_Coffee .rmExpanded > .rmLink > .rmToggle > .rmIcon {
    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,
  .RadMenu_Coffee .rmSlide .rsmLink {
    color: #fff;
    font-family: "Nunito Sans", Century Gothic, Arial, sans-serif;
    font-size: 114%;
    font-weight: normal; }
    .header-dark .RadMenu_Coffee .rmSlide .rmLink, .header-dark
    .RadMenu_Coffee .rmSlide .rsmLink {
      color: #fff;
      font-family: "Nunito Sans", Century Gothic, Arial, sans-serif;
      font-size: 114%;
      font-weight: normal; }
  .RadMenu_Coffee .rmSlide .rmSeparator,
  .RadMenu_Coffee .rmSlide .rmVertical > .rmSeparator,
  .RadMenu_Coffee .rmSlide .MegaDropDownMenuSeperator > .rsmLink {
    border-bottom: 1px solid #fff; }
    .header-dark .RadMenu_Coffee .rmSlide .rmSeparator, .header-dark
    .RadMenu_Coffee .rmSlide .rmVertical > .rmSeparator, .header-dark
    .RadMenu_Coffee .rmSlide .MegaDropDownMenuSeperator > .rsmLink {
      border-bottom-color: #fff; }
  .RadMenu_Coffee .rmSlide .rmSeparator,
  .RadMenu_Coffee .rmSlide .rmVertical > .rmSeparator {
    margin: 0 15px; }
  .RadMenu_Coffee .rmSlide .rmFocused > .rmLink,
  .RadMenu_Coffee .rmSlide .rmSelected > .rmLink,
  .RadMenu_Coffee .rmSlide .rsmSelected > .rsmLink,
  .RadMenu_Coffee .rmSlide .rsmTwoLevels > .rsmItem.rsmSelected > .rsmLink {
    background-color: transparent;
    color: #ddd; }
    .RadMenu_Coffee .rmSlide .rmFocused > .rmLink.header-dark,
    .RadMenu_Coffee .rmSlide .rmSelected > .rmLink.header-dark,
    .RadMenu_Coffee .rmSlide .rsmSelected > .rsmLink.header-dark,
    .RadMenu_Coffee .rmSlide .rsmTwoLevels > .rsmItem.rsmSelected > .rsmLink.header-dark {
      background-color: transparent;
      color: #fff; }
  .RadMenu_Coffee .rmSlide .rmLink:hover, .RadMenu_Coffee .rmSlide .rmLink:focus, .RadMenu_Coffee .rmSlide .rmLink.rmFocused,
  .RadMenu_Coffee .rmSlide .rsmLink:hover,
  .RadMenu_Coffee .rmSlide .rsmLink:focus,
  .RadMenu_Coffee .rmSlide .rsmLink.rmFocused,
  .RadMenu_Coffee .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:hover,
  .RadMenu_Coffee .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:focus,
  .RadMenu_Coffee .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink.rmFocused {
    background-color: transparent;
    color: #ddd; }
    .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 .rsmLink:hover, .header-dark
    .RadMenu_Coffee .rmSlide .rsmLink:focus, .header-dark
    .RadMenu_Coffee .rmSlide .rsmLink.rmFocused, .header-dark
    .RadMenu_Coffee .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:hover, .header-dark
    .RadMenu_Coffee .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:focus, .header-dark
    .RadMenu_Coffee .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink.rmFocused {
      background-color: transparent;
      color: #fff; }
  .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 .MegaDropDownMenu {
    padding-top: 4px;
    padding-bottom: 4px; }
  .RadMenu_Coffee .rmSlide .rsmTwoLevels > .rsmItem {
    margin-bottom: .5em; }
  .RadMenu_Coffee .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink,
  .RadMenu_Coffee .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:hover,
  .RadMenu_Coffee .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:focus {
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    letter-spacing: 1px; }
    .header-dark .RadMenu_Coffee .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink, .header-dark
    .RadMenu_Coffee .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:hover, .header-dark
    .RadMenu_Coffee .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:focus {
      color: #fff;
      font-weight: 500;
      letter-spacing: 1px; }
  .RadMenu_Coffee .rmSlide .MegaDropDownMenuSeperator .rsmLink {
    padding: 0; }
  @media (max-width: 767px) {
    .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;
        margin-top: 104px; }
      .RadMenu_Coffee .rmSlide .rmToggleHandles .rmSlide .rmText {
        /* if we have toggles on we don't want to add the extra padding */
        padding-right: 15px; }
      .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: 768px) {
  .RadMenu.RadMenu_Coffee {
    /* Make sure mega menus with two levels are an adequate width */ }
    .RadMenu.RadMenu_Coffee .rmItem {
      white-space: nowrap; }
    .RadMenu.RadMenu_Coffee ul.rmRootGroup {
      width: auto;
      float: right; }
      .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 .rsmTwoLevels {
      /*Standard Width*/
      min-width: 190px !important; }
    .RadMenu.RadMenu_Coffee .LargerWidth10 {
      /*minimum width for more than menu items with 10-13 chars*/
      min-width: 210px !important; }
      .RadMenu.RadMenu_Coffee .LargerWidth10 .rsmLink {
        width: 130px; }
    .RadMenu.RadMenu_Coffee .LargerWidth14 {
      /*minimum width for more than menu items with 14-17 chars*/
      min-width: 280px !important; }
      .RadMenu.RadMenu_Coffee .LargerWidth14 .rsmLink {
        width: 150px; }
    .RadMenu.RadMenu_Coffee .LargerWidth18 {
      /*minimum width for more than menu items with 18-21 chars*/
      min-width: 350px !important; }
      .RadMenu.RadMenu_Coffee .LargerWidth18 .rsmLink {
        width: 185px; }
    .RadMenu.RadMenu_Coffee .LargerWidth22 {
      /*minimum width for more than menu items with 22+ chars*/
      min-width: 450px !important; }
      .RadMenu.RadMenu_Coffee .LargerWidth22 .rsmLink {
        width: 225px; } }

/* ==========================================================================
   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 15px;
    border: none; }
  .RadTreeView.RadTreeView_Coffee .rtSelected > a.rtIn,
  .RadTreeView.RadTreeView_Coffee .child-is-selected.rtIn {
    background-color: transparent;
    color: #333;
    font-weight: bold !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; }
  .RadTreeView.RadTreeView_Coffee .rtUL .rtUL {
    padding-left: 15px; }
  .RadTreeView.RadTreeView_Coffee > .rtUL > .rtLI {
    /* add a separator border to the first-level sub-nav items only */
    border-top: 1px solid #ddd; }
    .RadTreeView.RadTreeView_Coffee > .rtUL > .rtLI:first-child {
      border-top: none; }
    .RadTreeView.RadTreeView_Coffee > .rtUL > .rtLI .rtLI .rtIn {
      /* children should have less padding */
      padding: 5px 15px; }
    .RadTreeView.RadTreeView_Coffee > .rtUL > .rtLI > .rtUL {
      /* this makes the children section padding even */
      padding-right: 15px;
      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 {
    /* we don't want to display the expand/collapse icons in this theme */
    display: none; }
  .RadTreeView.RadTreeView_Coffee a.rtIn {
    color: #118ab2;
    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: rgba(69, 195, 237, 0.5);
      color: #333; }
    .RadTreeView.RadTreeView_Coffee a.rtIn:active {
      background-color: #fff; }

.child-is-selected-wrapper {
  background-color: rgba(69, 195, 237, 0.5);
  color: #333; }

.nav-secondary {
  background-color: transparent;
  margin-bottom: 1em; }
  .nav-secondary .sub-nav-head {
    background-color: #118ab2;
    color: #fff;
    font-weight: bold;
    font-size: 120%;
    padding: 10px 15px;
    text-transform: uppercase; }
  .nav-secondary .SubNavigationSeparator {
    border: none;
    height: 4px;
    background-color: #118ab2; }
    .nav-secondary .SubNavigationSeparator .rtIn {
      padding: 0;
      color: #118ab2; }

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

.secondary-nav-top .nav-secondary {
  border-color: #ddd;
  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: #333;
  font-weight: bold !important;
  font-size: 1.2em !important; }

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

.UtilitySection.UtilityNavigationList {
  margin-top: 10px;
  margin-right: 24px; }

.navbar-toggle {
  vertical-align: middle;
  background-color: rgba(17, 138, 178, 0.9);
  border-color: transparent;
  border-radius: 5px;
  margin-left: 5px; }
  .header-dark .navbar-toggle {
    background-color: rgba(17, 138, 178, 0.9);
    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: rgba(7, 59, 76, 0.1); }
    .header-dark .navbar-toggle:hover, .header-dark .navbar-toggle:focus {
      background-color: rgba(255, 255, 255, 0.1); }
  .navbar-toggle .icon-bar {
    background-color: #333;
    border-radius: 3px; }
    .header-dark .navbar-toggle .icon-bar {
      background-color: #fff; }
  .navbar-toggle .icon-search {
    margin-top: 5px;
    margin-bottom: 5px; }

.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: #333;
  font-size: 18px;
  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: #333;
    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: #175273; }
    .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: #fff; }

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

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

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

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

/* 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: 34px;
    height: 34px;
    border-radius: 5px;
    padding-left: 0;
    padding-right: 0;
    margin-left: 5px;
    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: 22px;
    min-width: 22px;
    line-height: 22px;
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 5px; }
  .nav-auxiliary .nav-aux-button.nav-aux-cart .NavigationLink:hover, .nav-auxiliary .nav-aux-button.nav-aux-cart .NavigationLink:focus {
    background-color: rgba(7, 59, 76, 0.1); }
    .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: 22px;
    height: 22px; }
  @media (max-width: 767px) {
    .nav-auxiliary .nav-aux-button.nav-aux-account .NavigationLink:hover, .nav-auxiliary .nav-aux-button.nav-aux-account .NavigationLink:focus {
      background-color: rgba(7, 59, 76, 0.1); }
      .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: 768px) {
    .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: 767px) {
      .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
        width: 22px;
        height: 22px;
        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: #fff;
    background-color: #ef475e;
    border-radius: 2px;
    font-size: 78%;
    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: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,
.batch-toggle,
.transaction-date-toggle {
  background-color: transparent;
  margin-right: 0;
  border-radius: 5px; }
  .header-dark a.ste-toggle, .header-dark
  .obo-toggle, .header-dark
  .batch-toggle, .header-dark
  .transaction-date-toggle {
    background-color: transparent; }

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

a.ste-toggle:focus, a.ste-toggle:hover,
.obo-toggle:focus, .obo-toggle:hover,
.batch-toggle:focus, .batch-toggle:hover,
.transaction-date-toggle:focus, .transaction-date-toggle:hover {
  background-color: rgba(7, 59, 76, 0.1); }
  .header-dark a.ste-toggle:focus, .header-dark a.ste-toggle:hover, .header-dark
  .obo-toggle:focus, .header-dark .obo-toggle:hover, .header-dark
  .batch-toggle:focus, .header-dark .batch-toggle:hover, .header-dark
  .transaction-date-toggle:focus, .header-dark .transaction-date-toggle:hover {
    background-color: rgba(255, 255, 255, 0.1); }

.obo-toggle.on, .ste-toggle.on,
.batch-toggle.on, .transaction-date-toggle.on {
  background-color: rgba(17, 138, 178, 0.9); }
  .obo-toggle.on:hover, .obo-toggle.on:active, .ste-toggle.on:hover, .ste-toggle.on:active,
  .batch-toggle.on:hover,
  .batch-toggle.on:active, .transaction-date-toggle.on:hover, .transaction-date-toggle.on:active {
    background-color: rgba(19, 156, 201, 0.9); }
  .header-dark .obo-toggle.on, .header-dark .ste-toggle.on, .header-dark
  .batch-toggle.on, .header-dark .transaction-date-toggle.on {
    background-color: rgba(17, 138, 178, 0.9); }
    .header-dark .obo-toggle.on:hover, .header-dark .obo-toggle.on:active, .header-dark .ste-toggle.on:hover, .header-dark .ste-toggle.on:active, .header-dark
    .batch-toggle.on:hover, .header-dark
    .batch-toggle.on:active, .header-dark .transaction-date-toggle.on:hover, .header-dark .transaction-date-toggle.on:active {
      background-color: rgba(19, 156, 201, 0.9); }

.OnBehalfOfContainer {
  width: 100%; }

@media (max-width: 767px) {
  .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: 34px;
  height: 34px;
  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: rgba(7, 59, 76, 0.1); }
  .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: #333; }
  .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: 767px) {
  .searchbar-collapse {
    width: 100%; }
    .searchbar-collapse .search-container {
      padding: 0;
      margin-top: 10px;
      margin-bottom: 10px; }
  .header-container .UtilityNavigation.nav-auxiliary {
    text-align: right; } }

/* ==========================================================================
       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 {
  background-image: url(images/SocialSprite.png);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  vertical-align: top;
  border-radius: 5px;
  opacity: .70;
  transition: opacity 0.2s ease-out; }
  @media screen and (prefers-reduced-motion: reduce) {
    .SocialSprite {
      transition: none; } }
  .SocialSprite.LargeButtons {
    width: 32px;
    height: 32px; }
  .SocialSprite:hover, .SocialSprite:focus, .SocialSprite:active {
    opacity: 1; }
  .SocialSprite.FacebookIcon, .SocialSprite.FacebookIcon:hover, a:hover .SocialSprite.FacebookIcon, .SocialSprite.FacebookIcon:focus, a:focus .SocialSprite.FacebookIcon, .SocialSprite.FacebookIcon:active, a:active .SocialSprite.FacebookIcon {
    background-position: 0 0;
    background-color: #3B5998; }
  .SocialSprite.FacebookIcon.LargeButtons, .SocialSprite.FacebookIcon.LargeButtons:hover, a:hover .SocialSprite.FacebookIcon.LargeButtons, .SocialSprite.FacebookIcon.LargeButtons:focus, a:focus .SocialSprite.FacebookIcon.LargeButtons, .SocialSprite.FacebookIcon.LargeButtons:active, a:active .SocialSprite.FacebookIcon.LargeButtons {
    background-position: 0 -80px; }
  .SocialSprite.TwitterIcon, .SocialSprite.TwitterIcon:hover, a:hover .SocialSprite.TwitterIcon, .SocialSprite.TwitterIcon:focus, a:focus .SocialSprite.TwitterIcon, .SocialSprite.TwitterIcon:active, a:active .SocialSprite.TwitterIcon {
    background-position: -40px 0;
    background-color: #00a0d1; }
  .SocialSprite.TwitterIcon.LargeButtons, .SocialSprite.TwitterIcon.LargeButtons:hover, a:hover .SocialSprite.TwitterIcon.LargeButtons, .SocialSprite.TwitterIcon.LargeButtons:focus, a:focus .SocialSprite.TwitterIcon.LargeButtons, .SocialSprite.TwitterIcon.LargeButtons:active, a:active .SocialSprite.TwitterIcon.LargeButtons {
    background-position: -40px -80px; }
  .SocialSprite.LinkedInIcon, .SocialSprite.LinkedInIcon:hover, a:hover .SocialSprite.LinkedInIcon, .SocialSprite.LinkedInIcon:focus, a:focus .SocialSprite.LinkedInIcon, .SocialSprite.LinkedInIcon:active, a:active .SocialSprite.LinkedInIcon {
    background-position: -80px 0;
    background-color: #0077B5; }
  .SocialSprite.LinkedInIcon.LargeButtons, .SocialSprite.LinkedInIcon.LargeButtons:hover, a:hover .SocialSprite.LinkedInIcon.LargeButtons, .SocialSprite.LinkedInIcon.LargeButtons:focus, a:focus .SocialSprite.LinkedInIcon.LargeButtons, .SocialSprite.LinkedInIcon.LargeButtons:active, a:active .SocialSprite.LinkedInIcon.LargeButtons {
    background-position: -80px -80px; }
  .SocialSprite.YouTubeIcon, .SocialSprite.YouTubeIcon:hover, a:hover .SocialSprite.YouTubeIcon, .SocialSprite.YouTubeIcon:focus, a:focus .SocialSprite.YouTubeIcon, .SocialSprite.YouTubeIcon:active, a:active .SocialSprite.YouTubeIcon {
    background-position: -120px 0;
    background-color: #c4302b; }
  .SocialSprite.YouTubeIcon.LargeButtons, .SocialSprite.YouTubeIcon.LargeButtons:hover, a:hover .SocialSprite.YouTubeIcon.LargeButtons, .SocialSprite.YouTubeIcon.LargeButtons:focus, a:focus .SocialSprite.YouTubeIcon.LargeButtons, .SocialSprite.YouTubeIcon.LargeButtons:active, a:active .SocialSprite.YouTubeIcon.LargeButtons {
    background-position: -120px -80px; }
  .SocialSprite.EmailIcon, .SocialSprite.EmailIcon:hover, a:hover .SocialSprite.EmailIcon, .SocialSprite.EmailIcon:focus, a:focus .SocialSprite.EmailIcon, .SocialSprite.EmailIcon:active, a:active .SocialSprite.EmailIcon {
    background-position: -160px 0;
    background-color: #0a629a; }
  .SocialSprite.EmailIcon.LargeButtons, .SocialSprite.EmailIcon.LargeButtons:hover, a:hover .SocialSprite.EmailIcon.LargeButtons, .SocialSprite.EmailIcon.LargeButtons:focus, a:focus .SocialSprite.EmailIcon.LargeButtons, .SocialSprite.EmailIcon.LargeButtons:active, a:active .SocialSprite.EmailIcon.LargeButtons {
    background-position: -160px -80px; }
  .SocialSprite.PinterestIcon, .SocialSprite.PinterestIcon:hover, a:hover .SocialSprite.PinterestIcon, .SocialSprite.PinterestIcon:focus, a:focus .SocialSprite.PinterestIcon, .SocialSprite.PinterestIcon:active, a:active .SocialSprite.PinterestIcon {
    background-position: -200px 0;
    background-color: #0a629a; }
  .SocialSprite.PinterestIcon.LargeButtons, .SocialSprite.PinterestIcon.LargeButtons:hover, a:hover .SocialSprite.PinterestIcon.LargeButtons, .SocialSprite.PinterestIcon.LargeButtons:focus, a:focus .SocialSprite.PinterestIcon.LargeButtons, .SocialSprite.PinterestIcon.LargeButtons:active, a:active .SocialSprite.PinterestIcon.LargeButtons {
    background-position: -200px -80px; }
  .SocialSprite.GPlusIcon, .SocialSprite.GPlusIcon:hover, a:hover .SocialSprite.GPlusIcon, .SocialSprite.GPlusIcon:focus, a:focus .SocialSprite.GPlusIcon, .SocialSprite.GPlusIcon:active, a:active .SocialSprite.GPlusIcon {
    background-position: -240px 0;
    background-color: #db4a39; }
  .SocialSprite.GPlusIcon.LargeButtons, .SocialSprite.GPlusIcon.LargeButtons:hover, a:hover .SocialSprite.GPlusIcon.LargeButtons, .SocialSprite.GPlusIcon.LargeButtons:focus, a:focus .SocialSprite.GPlusIcon.LargeButtons, .SocialSprite.GPlusIcon.LargeButtons:active, a:active .SocialSprite.GPlusIcon.LargeButtons {
    background-position: -240px -80px; }
  .SocialSprite.SkypeIcon, .SocialSprite.SkypeIcon:hover, a:hover .SocialSprite.SkypeIcon, .SocialSprite.SkypeIcon:focus, a:focus .SocialSprite.SkypeIcon, .SocialSprite.SkypeIcon:active, a:active .SocialSprite.SkypeIcon {
    background-position: -280px 0;
    background-color: #00aff0; }
  .SocialSprite.SkypeIcon.LargeButtons, .SocialSprite.SkypeIcon.LargeButtons:hover, a:hover .SocialSprite.SkypeIcon.LargeButtons, .SocialSprite.SkypeIcon.LargeButtons:focus, a:focus .SocialSprite.SkypeIcon.LargeButtons, .SocialSprite.SkypeIcon.LargeButtons:active, a:active .SocialSprite.SkypeIcon.LargeButtons {
    background-position: -280px -80px; }
  .SocialSprite.InstagramIcon, .SocialSprite.InstagramIcon:hover, a:hover .SocialSprite.InstagramIcon, .SocialSprite.InstagramIcon:focus, a:focus .SocialSprite.InstagramIcon, .SocialSprite.InstagramIcon:active, a:active .SocialSprite.InstagramIcon {
    background-position: -360px 0;
    background-color: #e1306c; }
  .SocialSprite.InstagramIcon.LargeButtons, .SocialSprite.InstagramIcon.LargeButtons:hover, a:hover .SocialSprite.InstagramIcon.LargeButtons, .SocialSprite.InstagramIcon.LargeButtons:focus, a:focus .SocialSprite.InstagramIcon.LargeButtons, .SocialSprite.InstagramIcon.LargeButtons:active, a:active .SocialSprite.InstagramIcon.LargeButtons {
    background-position: -360px -80px; }
  .SocialSprite.SnapchatIcon, .SocialSprite.SnapchatIcon:hover, a:hover .SocialSprite.SnapchatIcon, .SocialSprite.SnapchatIcon:focus, a:focus .SocialSprite.SnapchatIcon, .SocialSprite.SnapchatIcon:active, a:active .SocialSprite.SnapchatIcon {
    background-position: -400px 0;
    background-color: #fffc00; }
  .SocialSprite.SnapchatIcon.LargeButtons, .SocialSprite.SnapchatIcon.LargeButtons:hover, a:hover .SocialSprite.SnapchatIcon.LargeButtons, .SocialSprite.SnapchatIcon.LargeButtons:focus, a:focus .SocialSprite.SnapchatIcon.LargeButtons, .SocialSprite.SnapchatIcon.LargeButtons:active, a:active .SocialSprite.SnapchatIcon.LargeButtons {
    background-position: -400px -80px; }

/**** End Social Netowrking Icon Styling ****/
input,
button,
select,
textarea {
  font-family: "Nunito Sans", Century Gothic, Arial, 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 {
  display: inline-block;
  height: 37px;
  padding: 5px 10px;
  font-size: 100%;
  line-height: 1.6;
  color: #555555;
  border: 1px solid #ccc;
  border-radius: 5px;
  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 {
      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 {
    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 {
    color: #999999;
    opacity: 1; }

/* RadComboBox needs the same styles as normal inputs, 
 * but has to be done separately due to its structure */
.RadComboBox.RadComboBox_MetroTouch {
  color: #555555;
  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: #555555; }
  .RadComboBox.RadComboBox_MetroTouch .rcbInner {
    height: 37px;
    padding: 0;
    font-size: 100%;
    line-height: 1.6;
    border: 1px solid #ccc;
    border-radius: 5px;
    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) {
      .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: #999999; }
  .RadComboBox.RadComboBox_MetroTouch .rcbActionButton {
    border-radius: 0 5px 5px 0; }
    .RadComboBox.RadComboBox_MetroTouch .rcbActionButton .rcbIcon {
      height: 1.4em; }

.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: 37px;
    padding: 5px 10px;
    border-color: #ccc;
    font: inherit;
    color: #555555; }
    .RadInput.RadInput.riSingle .riTextBox:focus, .RadInput.RadInput .riTextBox:focus, .RadInput .riTextBox:focus {
      border-color: #66afe9; }

.RadUpload.RadUpload .ruFakeInput {
  height: 35px;
  padding: 0;
  border-radius: 5px; }

/* RadEditor designed to look like a normal text box */
.HtmlEditorTextBoxStyle {
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .HtmlEditorTextBoxStyle .reContent {
    border-radius: 5px; }
  .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: .5em; }

/* Chosen multi-select */
.chosen-container-multi .chosen-choices {
  min-height: 37px;
  border-radius: 5px;
  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; }

/* ==========================================================================
   BUTTONS
   ========================================================================== */
/* set up button base styles */
.btn,
.TextButton,
.TextButtonWithImage,
.RadUpload .ruButton,
.RadUploadProgressArea .ruButton,
#masterHeaderActionArea a {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: normal;
  text-decoration: none;
  padding: 5px 15px;
  font-size: 16px;
  line-height: 1.6;
  border-radius: 25px;
  user-select: none;
  transition: background 0.2s ease-out; }
  @media screen and (prefers-reduced-motion: reduce) {
    .btn,
    .TextButton,
    .TextButtonWithImage,
    .RadUpload .ruButton,
    .RadUploadProgressArea .ruButton,
    #masterHeaderActionArea a {
      transition: none; } }
  .btn:focus,
  .TextButton:focus,
  .TextButtonWithImage:focus,
  .RadUpload .ruButton:focus,
  .RadUploadProgressArea .ruButton:focus,
  #masterHeaderActionArea a:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:hover, .btn:focus, .btn:visited,
  .TextButton:hover,
  .TextButton:focus,
  .TextButton:visited,
  .TextButtonWithImage:hover,
  .TextButtonWithImage:focus,
  .TextButtonWithImage:visited,
  .RadUpload .ruButton:hover,
  .RadUpload .ruButton:focus,
  .RadUpload .ruButton:visited,
  .RadUploadProgressArea .ruButton:hover,
  .RadUploadProgressArea .ruButton:focus,
  .RadUploadProgressArea .ruButton:visited,
  #masterHeaderActionArea a:hover,
  #masterHeaderActionArea a:focus,
  #masterHeaderActionArea a:visited {
    text-decoration: none; }
  .btn:active, .btn.active,
  .TextButton:active,
  .TextButton.active,
  .TextButtonWithImage:active,
  .TextButtonWithImage.active,
  .RadUpload .ruButton:active,
  .RadUpload .ruButton.active,
  .RadUploadProgressArea .ruButton:active,
  .RadUploadProgressArea .ruButton.active,
  #masterHeaderActionArea a:active,
  #masterHeaderActionArea a.active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn.disabled, .btn[disabled],
  fieldset[disabled] .btn, .btn.aspNetDisabled,
  .TextButton.disabled,
  .TextButton[disabled],
  fieldset[disabled]
  .TextButton,
  .TextButton.aspNetDisabled,
  .TextButtonWithImage.disabled,
  .TextButtonWithImage[disabled],
  fieldset[disabled]
  .TextButtonWithImage,
  .TextButtonWithImage.aspNetDisabled,
  .RadUpload .ruButton.disabled,
  .RadUpload .ruButton[disabled],
  fieldset[disabled]
  .RadUpload .ruButton,
  .RadUpload .ruButton.aspNetDisabled,
  .RadUploadProgressArea .ruButton.disabled,
  .RadUploadProgressArea .ruButton[disabled],
  fieldset[disabled]
  .RadUploadProgressArea .ruButton,
  .RadUploadProgressArea .ruButton.aspNetDisabled,
  #masterHeaderActionArea a.disabled,
  #masterHeaderActionArea a[disabled],
  fieldset[disabled]
  #masterHeaderActionArea a,
  #masterHeaderActionArea a.aspNetDisabled {
    pointer-events: none;
    opacity: .55;
    box-shadow: none; }

/* default button */
.btn,
.TextButton,
.TextButtonWithImage,
.ruButton,
#masterHeaderActionArea a,
.RadGrid input.TextButton {
  text-decoration: none;
  border-color: transparent;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 2px;
  /* font: normal normal bold 18px/27px Lato; */
  letter-spacing: 0px;
  color: #175273; }

/* some Telerik overrides */
.ruButton {
  background-color: #118ab2 !important;
  color: #fff !important;
  cursor: pointer;
  border-radius: 25px !important; }

.RadUpload.RadUpload .ruBrowse,
.RadUpload.RadUpload .ruRemove {
  height: auto;
  padding: 5px 15px;
  line-height: 1.6;
  border-radius: 25px; }

/* primary button */
.PrimaryButton,
.SaveAndClose,
.SaveAs,
.UsePrimaryButton .TextButton,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a,
.RadGrid input.PrimaryButton {
  color: #fff !important;
  text-decoration: none;
  /* background-color: #ef475e; */
  background: #BF2F37 0% 0% no-repeat padding-box !important;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 2px;
  border-color: transparent;
  padding: 10px; }

/* white button */
.WhiteButton {
  color: #333;
  text-decoration: none;
  background-color: #fff;
  border-color: #fff; }
  .WhiteButton:hover, .WhiteButton:focus, .WhiteButton:active, .WhiteButton:visited {
    color: #333;
    background-color: #ebebeb;
    border-color: #e0e0e0; }
  .WhiteButton:active {
    background-image: none; }
  .WhiteButton[disabled], .WhiteButton[disabled]:hover, .WhiteButton[disabled]:focus, .WhiteButton[disabled]:active, fieldset[disabled] .WhiteButton, fieldset[disabled] .WhiteButton:hover, fieldset[disabled] .WhiteButton:focus, fieldset[disabled] .WhiteButton:active, .WhiteButton.aspNetDisabled, .WhiteButton.aspNetDisabled:hover, .WhiteButton.aspNetDisabled:focus, .WhiteButton.aspNetDisabled:active {
    background-color: #fff;
    border-color: #fff; }

/* text button */
.TextButtonOutline {
  color: #118ab2;
  border-color: #118ab2;
  background-color: transparent; }
  .TextButtonOutline:hover, .TextButtonOutline:focus {
    color: #fff;
    background-color: #118ab2;
    border-color: #118ab2; }
  .TextButtonOutline[disabled], .TextButtonOutline[disabled]:hover, .TextButtonOutline[disabled]:focus, .TextButtonOutline[disabled]:active, fieldset[disabled] .TextButtonOutline, fieldset[disabled] .TextButtonOutline:hover, fieldset[disabled] .TextButtonOutline:focus, fieldset[disabled] .TextButtonOutline:active, .TextButtonOutline.aspNetDisabled, .TextButtonOutline.aspNetDisabled:hover, .TextButtonOutline.aspNetDisabled:focus, .TextButtonOutline.aspNetDisabled:active {
    color: #118ab2;
    background-color: transparent; }
  .TextButtonOutline:not(:disabled):not(.disabled):active, .TextButtonOutline:not(:disabled):not(.disabled).active,
  .show > .TextButtonOutline.dropdown-toggle {
    color: #fff;
    background-color: #118ab2;
    border-color: #118ab2; }

/* primary button outline */
.PrimaryButtonOutline {
  color: #ef475e;
  border-color: #ef475e;
  background-color: transparent; }
  .PrimaryButtonOutline:hover, .PrimaryButtonOutline:focus {
    color: #fff;
    background-color: #ef475e;
    border-color: #ef475e; }
  .PrimaryButtonOutline[disabled], .PrimaryButtonOutline[disabled]:hover, .PrimaryButtonOutline[disabled]:focus, .PrimaryButtonOutline[disabled]:active, fieldset[disabled] .PrimaryButtonOutline, fieldset[disabled] .PrimaryButtonOutline:hover, fieldset[disabled] .PrimaryButtonOutline:focus, fieldset[disabled] .PrimaryButtonOutline:active, .PrimaryButtonOutline.aspNetDisabled, .PrimaryButtonOutline.aspNetDisabled:hover, .PrimaryButtonOutline.aspNetDisabled:focus, .PrimaryButtonOutline.aspNetDisabled:active {
    color: #ef475e;
    background-color: transparent; }
  .PrimaryButtonOutline:not(:disabled):not(.disabled):active, .PrimaryButtonOutline:not(:disabled):not(.disabled).active,
  .show > .PrimaryButtonOutline.dropdown-toggle {
    color: #fff;
    background-color: #ef475e;
    border-color: #ef475e; }

/* white button outline */
.WhiteButtonOutline {
  color: #fff;
  border-color: #fff;
  background-color: transparent; }
  .WhiteButtonOutline:hover, .WhiteButtonOutline:focus {
    color: #333;
    background-color: #fff;
    border-color: #fff; }
  .WhiteButtonOutline[disabled], .WhiteButtonOutline[disabled]:hover, .WhiteButtonOutline[disabled]:focus, .WhiteButtonOutline[disabled]:active, fieldset[disabled] .WhiteButtonOutline, fieldset[disabled] .WhiteButtonOutline:hover, fieldset[disabled] .WhiteButtonOutline:focus, fieldset[disabled] .WhiteButtonOutline:active, .WhiteButtonOutline.aspNetDisabled, .WhiteButtonOutline.aspNetDisabled:hover, .WhiteButtonOutline.aspNetDisabled:focus, .WhiteButtonOutline.aspNetDisabled:active {
    color: #fff;
    background-color: transparent; }
  .WhiteButtonOutline:not(:disabled):not(.disabled):active, .WhiteButtonOutline:not(:disabled):not(.disabled).active,
  .show > .WhiteButtonOutline.dropdown-toggle {
    color: #333333;
    background-color: #fff;
    border-color: #fff; }

/* Facebook sign in button */
.TextButton.Facebook {
  color: #fff;
  text-decoration: none;
  background-color: #3B5998;
  border-color: #2d4373; }
  .TextButton.Facebook:hover, .TextButton.Facebook:focus, .TextButton.Facebook:active, .TextButton.Facebook:visited {
    color: #fff;
    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, fieldset[disabled] .TextButton.Facebook, fieldset[disabled] .TextButton.Facebook:hover, fieldset[disabled] .TextButton.Facebook:focus, fieldset[disabled] .TextButton.Facebook:active, .TextButton.Facebook.aspNetDisabled, .TextButton.Facebook.aspNetDisabled:hover, .TextButton.Facebook.aspNetDisabled:focus, .TextButton.Facebook.aspNetDisabled:active {
    background-color: #3B5998;
    border-color: #2d4373; }

/* LinkedIn sign in button */
.SignInButton.LinkedIn {
  color: #fff;
  text-decoration: none;
  background-color: #0077B5;
  border-color: #005582; }
  .SignInButton.LinkedIn:hover, .SignInButton.LinkedIn:focus, .SignInButton.LinkedIn:active, .SignInButton.LinkedIn:visited {
    color: #fff;
    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, fieldset[disabled] .SignInButton.LinkedIn, fieldset[disabled] .SignInButton.LinkedIn:hover, fieldset[disabled] .SignInButton.LinkedIn:focus, fieldset[disabled] .SignInButton.LinkedIn:active, .SignInButton.LinkedIn.aspNetDisabled, .SignInButton.LinkedIn.aspNetDisabled:hover, .SignInButton.LinkedIn.aspNetDisabled:focus, .SignInButton.LinkedIn.aspNetDisabled:active {
    background-color: #0077B5;
    border-color: #005582; }

.MediumButton,
.UseMediumButton .TextButton,
.UseMediumButton .TextButtonWithImage {
  font-size: 120% !important;
  padding: 9px 19px !important;
  border-radius: 28px; }

.LargeButton,
.UseLargeButton .TextButton,
.UseLargeButton .TextButtonWithImage {
  font-size: 150% !important;
  padding: 12px 22px !important;
  border-radius: 31px; }

.CalloutArea1 .btn.PrimaryButton,
.CalloutArea1 .TextButton.PrimaryButton,
.CalloutArea1 .TextButtonWithImage.PrimaryButton,
.CalloutArea2 .btn.PrimaryButton,
.CalloutArea2 .TextButton.PrimaryButton,
.CalloutArea2 .TextButtonWithImage.PrimaryButton {
  color: #fff;
  background-color: #073b4c; }
  .CalloutArea1 .btn.PrimaryButton:hover, .CalloutArea1 .btn.PrimaryButton:active, .CalloutArea1 .btn.PrimaryButton:focus,
  .CalloutArea1 .TextButton.PrimaryButton:hover,
  .CalloutArea1 .TextButton.PrimaryButton:active,
  .CalloutArea1 .TextButton.PrimaryButton:focus,
  .CalloutArea1 .TextButtonWithImage.PrimaryButton:hover,
  .CalloutArea1 .TextButtonWithImage.PrimaryButton:active,
  .CalloutArea1 .TextButtonWithImage.PrimaryButton:focus,
  .CalloutArea2 .btn.PrimaryButton:hover,
  .CalloutArea2 .btn.PrimaryButton:active,
  .CalloutArea2 .btn.PrimaryButton:focus,
  .CalloutArea2 .TextButton.PrimaryButton:hover,
  .CalloutArea2 .TextButton.PrimaryButton:active,
  .CalloutArea2 .TextButton.PrimaryButton:focus,
  .CalloutArea2 .TextButtonWithImage.PrimaryButton:hover,
  .CalloutArea2 .TextButtonWithImage.PrimaryButton:active,
  .CalloutArea2 .TextButtonWithImage.PrimaryButton:focus {
    color: #fff;
    background-color: #020f14; }

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

.btn.SuccessButton {
  color: #fff;
  background: #008943; }

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

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

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

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

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

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

/* Mini Profile
   ========================================================================== */
.mini-profile-banner-large .panel-heading,
.mini-profile-banner-small .panel-heading,
.account-page-with-banner .account-page-top-area.account-page-top-area {
  background-color: #f9f9f9; }

.mini-profile-banner-large .panel-heading, .mini-profile-banner-large .panel-heading h1, .mini-profile-banner-large .panel-heading h2, .mini-profile-banner-large .panel-heading h3, .mini-profile-banner-large .panel-heading h4, .mini-profile-banner-large .panel-heading h5,
.mini-profile-banner-small .panel-heading,
.mini-profile-banner-small .panel-heading h1,
.mini-profile-banner-small .panel-heading h2,
.mini-profile-banner-small .panel-heading h3,
.mini-profile-banner-small .panel-heading h4,
.mini-profile-banner-small .panel-heading h5 {
  color: #333333; }

.mini-profile-banner-large a, .mini-profile-banner-large a:hover, .mini-profile-banner-large a:active, .mini-profile-banner-large a:visited,
.mini-profile-banner-small a,
.mini-profile-banner-small a:hover,
.mini-profile-banner-small a:active,
.mini-profile-banner-small a:visited {
  color: #333;
  text-decoration: underline; }

.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: "Rubik", Century Gothic, Arial, sans-serif;
  font-weight: 700;
  font-size: 170%; }

.mini-profile-banner-large .mini-profile-picture-section,
.mini-profile-banner-small .mini-profile-picture-section {
  background-color: #f9f9f9; }

.mini-profile-banner-large .profile-picture-container,
.mini-profile-banner-small .profile-picture-container {
  display: inline-block;
  background-color: #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  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-picture-section,
.mini-profile-banner-small .mini-profile-picture-section {
  border-bottom: 1px solid #ccc; }

@media (min-width: 768px) {
  .mini-profile-banner-large .mini-profile-name-section,
  .mini-profile-banner-large .mini-profile-address-section {
    background-color: #f9f9f9; }
    .mini-profile-banner-large .mini-profile-name-section, .mini-profile-banner-large .mini-profile-name-section a, .mini-profile-banner-large .mini-profile-name-section .SectionLabel, .mini-profile-banner-large .mini-profile-name-section label, .mini-profile-banner-large .mini-profile-name-section .Label,
    .mini-profile-banner-large .mini-profile-address-section,
    .mini-profile-banner-large .mini-profile-address-section a,
    .mini-profile-banner-large .mini-profile-address-section .SectionLabel,
    .mini-profile-banner-large .mini-profile-address-section label,
    .mini-profile-banner-large .mini-profile-address-section .Label {
      color: #333333; }
  .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: rgba(115, 210, 242, 0.5);
  padding: 8px 12px; }

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

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

.SearchResultSummary .ListItemTitle a:hover {
  background-color: rgba(69, 195, 237, 0.5);
  text-decoration: underline; }

/* Event Display
   ========================================================================== */
.EventSummary {
  background-color: #f2f2f2; }
  .EventSummary .PhotoArea {
    padding: 2em; }
  .EventSummary .Description {
    padding: 0 2em 2em 2em; }
    @media (min-width: 768px) {
      .EventSummary .Description {
        padding-top: 2em; } }
  .EventSummary .PhotoArea img {
    border: 1px solid #ddd !important; }

.ProgramGroup .PanelHead,
.ProgramGroup .panel-heading {
  background-color: rgba(69, 195, 237, 0.5); }

.ProgramGroup .PanelTitle,
.ProgramGroup .panel-title {
  font-family: "Nunito Sans", Century Gothic, Arial, sans-serif;
  font-weight: bold;
  font-size: 120%;
  line-height: 2em;
  padding-left: .5em;
  color: #333333; }

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

/* Product Display
   ========================================================================== */
.ProductDisplay {
  background-color: #f2f2f2;
  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: #118ab2; }

/* </Progress Tracker > */
/* <Progress Tracker 2> */
.ProgressTracker2 .ProgressTrackerPanel {
  background-color: rgba(69, 195, 237, 0.5); }
  .ProgressTracker2 .ProgressTrackerPanel::after {
    display: block;
    clear: both;
    content: ""; }
  .ProgressTracker2 .ProgressTrackerPanel .count {
    color: #fff;
    font-family: "Rubik", Century Gothic, Arial, sans-serif;
    font-weight: 700; }

.ProgressTracker2 div p {
  background-color: #fff;
  color: #fdc542;
  margin-bottom: 0; }

.ProgressTracker2 .ProgressBar {
  margin: 10px; }
  .ProgressTracker2 .ProgressBar > span {
    background-color: #db707f; }

.ProgressTracker2 .SuccessfulMessage {
  background-color: #fbeac3;
  color: #333; }

/* </Progress Tracker 2> */
/* Filter Panel (Query Menu)
   ========================================================================== */
/* This is an alternate style for the Query Menu filter panel */
.FilterPanel {
  background-color: #f2f2f2;
  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: 140.0001%; }
  .FilterPanel .PanelHead.Distinguish,
  .FilterPanel .panel-heading.Distinguish {
    border: none;
    min-height: 1em; }

/* Cart Charges
   ========================================================================== */
.CartCharges {
  background: #E2F2F7 0% 0% no-repeat padding-box;
  border-radius: 10px;
  opacity: 1;
  padding: 26px; }
  .CartCharges .PanelField {
    border-bottom: none;
    border-top: none; }
    .CartCharges .PanelField:first-child,
    .CartCharges .PanelField .GrandTotal {
      border-top: none; }

th.rgHeader {
  background-color: #E2F2F7 !important;
  font-weight: bold !important;
  /* padding: 10px 0!important; */
  padding-top: 10px px !important;
  padding-bottom: 10px !important;
  color: black !important; }

div#ctl01_TemplateBody_WebPartManager1_gwpciShippingMethod_ciShippingMethod__Body {
  background: #E2F2F7 0% 0% no-repeat padding-box;
  border-radius: 10px;
  width: 90%;
  opacity: 1;
  padding: 26px; }

div#ctl01_TemplateBody_WebPartManager1_gwpciPromotionManagerCommon_ciPromotionManagerCommon_RadAjaxPanel1 {
  background: #E2F2F7 0% 0% no-repeat padding-box;
  border-radius: 10px;
  opacity: 1;
  padding: 26px; }

input#ctl01_TemplateBody_WebPartManager1_gwpciPromotionManagerCommon_ciPromotionManagerCommon_PromotionalCode {
  width: 250px; }

input#ctl01_TemplateBody_WebPartManager1_gwpciPromotionManagerCommon_ciPromotionManagerCommon_ApplyPromotionalCode {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 2px;
  opacity: 1;
  width: 182px;
  font-weight: bold;
  width: 89px;
  font-size: 18px;
  padding: 8px 10px;
  margin-left: 65px;
  color: #175273; }

select#ctl01_TemplateBody_WebPartManager1_gwpciPaymentDetails_ciPaymentDetails_PaymentMethodDropDown {
  /* display: inline-block; */
  /* height: 37px; */
  /* padding: 5px 10px; */
  /* font-size: 100%; */
  /* line-height: 1.6; */
  width: 142% !important;
  /* color: #555555; */
  /* border: 1px solid #ccc; */
  /* border-radius: 5px; */
  /* box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); */
  /* transition: border linear 0.2s, box-shadow linear 0.2s; */ }

input#ctl01_TemplateBody_WebPartManager1_gwpciPaymentDetails_ciPaymentDetails_txtCheckNumber {
  width: 121% !important; }

input#ctl01_TemplateBody_WebPartManager1_gwpciNewSubmitOrderButtonLinkCommon_ciNewSubmitOrderButtonLinkCommon_SubmitCartOrderButton {
  background: #BF2F37 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 2px;
  opacity: 1;
  /* width: 55px; */
  /* height: 22px; */
  padding: 12px 16px;
  margin-top: -100px; }

input#ctl01_TemplateBody_WebPartManager1_gwpciShoppingCart_ciShoppingCart_Update {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 2px;
  opacity: 1;
  width: 182px;
  font-weight: bold;
  width: 89px;
  margin-top: -68px;
  font-size: 18px;
  padding: 8px 10px;
  margin-left: -11px;
  color: #175273; }

input#ctl01_TemplateBody_WebPartManager1_gwpciContinueShoppingButton_ciContinueShoppingButton_ContinueShoppingButton {
  background-color: transparent;
  color: #175273;
  text-decoration: underline;
  font-weight: bold;
  margin-left: -124px;
  margin-top: -86px; }

label#ctl01_TemplateBody_WebPartManager1_gwpciPromotionManagerCommon_ciPromotionManagerCommon_PromotionalCodeLabel {
  display: block; }

/* ==========================================================================
   TELERIK OVERRIDES
   ========================================================================== */
/* RadTabStrip
   ========================================================================== */
.RadTabStripTop_Metro .rtsLevel1, .RadTabStripTop_Metro .rtsLevel1 .rtsUL,
.RadTabStrip_Metro .rtsLevel1,
.RadTabStrip_Metro .rtsLevel1 .rtsUL {
  background-color: #118ab2 !important; }
  .RadTabStripTop_Metro .rtsLevel1 .rtsLink, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink,
  .RadTabStrip_Metro .rtsLevel1 .rtsLink,
  .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink {
    text-transform: none;
    border-color: #118ab2;
    border-radius: 5px 5px 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 {
  clear: both; }

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

@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; }

/* RadToolTip
   ========================================================================== */
/* Currently used by the QueryMenu iPart */
.RadToolTip_Telerik a:hover {
  background-color: rgba(69, 195, 237, 0.5); }

/* RadGrid
   ========================================================================== */
.RadGrid.RadGrid_MetroTouch,
.RadGrid.RadGrid_Metro {
  color: #333; }
  .RadGrid.RadGrid_MetroTouch .rgMasterTable,
  .RadGrid.RadGrid_Metro .rgMasterTable {
    background-color: #fff; }
  .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 .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 .rgCommandRow,
  .RadGrid.RadGrid_Metro .rgCommandRow {
    background-color: transparent; }
  .RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage:hover,
  .RadGrid.RadGrid_MetroTouch .rgPagePrev:active, .RadGrid.RadGrid_MetroTouch .rgPageNext:active, .RadGrid.RadGrid_MetroTouch .rgPageFirst:active, .RadGrid.RadGrid_MetroTouch .rgPageLast:active,
  .RadGrid.RadGrid_MetroTouch .rgPager .rgPagerButton,
  .RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage,
  .RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage:hover,
  .RadGrid.RadGrid_Metro .rgPagePrev:active,
  .RadGrid.RadGrid_Metro .rgPageNext:active,
  .RadGrid.RadGrid_Metro .rgPageFirst:active,
  .RadGrid.RadGrid_Metro .rgPageLast:active,
  .RadGrid.RadGrid_Metro .rgPager .rgPagerButton {
    background-color: #118ab2;
    border-color: #118ab2;
    color: #fff !important; }
  .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: #118ab2; }
    .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 .rgGroupPanel, .RadGrid.RadGrid_MetroTouch .rgGroupPanel caption,
  .RadGrid.RadGrid_Metro .rgGroupPanel,
  .RadGrid.RadGrid_Metro .rgGroupPanel caption {
    background-color: #118ab2; }
  .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: #118ab2; }
  * + 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: #118ab2; }
  .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: #118ab2;
    border-color: #118ab2; }
    .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: #118ab2;
    border-color: #118ab2; }

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

.RadScheduler.RadScheduler_Metro .rsHeader {
  border-color: #118ab2;
  background-color: #118ab2; }
  .RadScheduler.RadScheduler_Metro .rsHeader ul a {
    border-color: #118ab2; }
  .RadScheduler.RadScheduler_Metro .rsHeader h2 {
    font-family: "Nunito Sans", Century Gothic, Arial, sans-serif;
    font-weight: bold;
    color: #fff;
    text-transform: none;
    border-bottom: none; }

/* RadMenu
   ========================================================================== */
.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: #118ab2; }

.RadMenu.RadMenu_Metro .rmRootLink,
.RadMenu.RadMenu_MetroTouch .rmRootLink {
  border-color: #118ab2; }

.RadMenu.RadMenu_Metro .rmDisabled, .RadMenu.RadMenu_Metro .rmDisabled:hover,
.RadMenu.RadMenu_MetroTouch .rmDisabled,
.RadMenu.RadMenu_MetroTouch .rmDisabled:hover {
  border-color: #118ab2; }

.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: #118ab2;
  background-color: #118ab2;
  color: #FFF !important; }

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

.RadMenu .RadSiteMap .rsmTwoLevels > .rsmItem > .rsmLink {
  border-style: none; }

/* RadWindow
   ========================================================================== */
.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight {
  background-color: #118ab2; }

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

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

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

.RadWindow.RadWindow_Metro .rwControlButtons a {
  border-color: #118ab2; }
  .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: #118ab2; }

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

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

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

.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: .08em .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 .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: #118ab2; }

.RadCalendarMonthView.RadCalendarMonthView_MetroTouch #rcMView_Today {
  background: #118ab2;
  border-color: #118ab2; }

.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: #118ab2;
    background: #118ab2; }

.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(#118ab2);
  background-color: #118ab2; }

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

/* ==========================================================================
   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: #f2f2f2; }
  .header-dark .header-bg {
    background-color: #175273; }

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

/* 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: bold;
    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: "Rubik", Century Gothic, Arial, sans-serif;
    bottom: auto;
    top: calc(500px / 2);
    background-color: rgba(17, 138, 178, 0.8);
    text-align: left;
    color: #333; }
    .carousel .carousel-caption p, .carousel2 .carousel-caption p, .HomePageFullWidthArea .carousel-caption p {
      font-size: 18px; }
    .carousel .carousel-caption h1, .carousel2 .carousel-caption h1, .HomePageFullWidthArea .carousel-caption h1 {
      color: #333; }
    .carousel .carousel-caption h1:after, .carousel2 .carousel-caption h1:after, .HomePageFullWidthArea .carousel-caption h1:after {
      display: none; }
    @media (min-width: 768px) {
      .carousel .carousel-caption, .carousel2 .carousel-caption, .HomePageFullWidthArea .carousel-caption {
        width: 40%;
        left: 15%;
        right: auto; } }
    @media (max-width: 767px) {
      .carousel .carousel-caption, .carousel2 .carousel-caption, .HomePageFullWidthArea .carousel-caption {
        width: 100%;
        position: static;
        margin: 0 auto; } }

.Wrapper-HomePage .header-background-container:before {
  content: '';
  display: block;
  height: 6em;
  width: 100%;
  position: absolute;
  z-index: 1; }

.Wrapper-HomePage .header-background-container .ContentItemContainer > .ContentItemContainer {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: #118ab2;
  background: #118ab2 linear-gradient(27deg, #073b4c 0%, #118ab2 30%, #fdc542 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: 768px) {
    .hero-caption, .carousel-caption {
      width: 80%;
      margin-left: auto;
      margin-right: auto;
      max-width: 1270px; }
      .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; } }

.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: 767px) {
    .interior-img-splash .img-secondary-container {
      display: none; } }
  @media (min-width: 768px) {
    .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: #333; }
  .CommunityLinksBlock a:hover {
    background-color: rgba(69, 195, 237, 0.5);
    color: #333;
    text-decoration: none; }
  .CommunityLinksBlock a.CommunityLinksSelected, .CommunityLinksBlock a.CommunityLinksSelected:hover {
    background-color: #06d6a0;
    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: #06d6a0; }

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

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

.CommunityReplyForm,
.CommunityCommentItem {
  background: #e8f8fd;
  border-left: 10px solid #ddd;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }

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

/* For adding comments */
.CommunityWikiReplyForm {
  background: #e8f8fd;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }

/* ==========================================================================
   DONOR SITE STYLES
   ========================================================================== */
.home-post-header {
  margin-top: -1em;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  background-color: #f2f2f2;
  background-repeat: no-repeat;
  background-position: 78% 98%;
  background-size: 200px; }
  .home-post-header .post-header-first,
  .home-post-header .post-header-last {
    padding: 2em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  .home-post-header .post-header-first {
    min-height: 70vh; }
  .home-post-header .post-header-inner p:last-child {
    margin-bottom: 0; }
  @media (min-width: 768px) {
    .home-post-header {
      flex-direction: row;
      flex-direction: row-reverse;
      padding-left: 2%;
      padding-right: 2%;
      padding-bottom: 4em;
      background-position: 40% 90%;
      background-size: 300px; }
      .home-post-header .post-header-first {
        flex-basis: 38%;
        min-height: 80vh;
        margin-top: -7em;
        padding: 3em;
        margin-bottom: 7em; }
        .home-post-header .post-header-first .post-header-inner {
          min-width: 16em;
          max-width: 28em; }
        .home-post-header .post-header-first h2 {
          line-height: 1.2; }
      .home-post-header .post-header-last {
        flex-basis: 40%;
        justify-content: flex-end;
        align-items: flex-end;
        margin-right: 2em; }
        .home-post-header .post-header-last .post-header-inner {
          max-width: 30em; } }
  @media (min-width: 1200px) {
    .home-post-header .post-header-first h2 {
      font-size: 3.25em; }
    .home-post-header .post-header-last {
      margin-right: 6em; } }

@keyframes wiggle {
  0% {
    transform: rotate(10deg); }
  25% {
    transform: rotate(-10deg); }
  50% {
    transform: rotate(20deg); }
  75% {
    transform: rotate(-5deg); }
  100% {
    transform: rotate(0deg); } }

.grid-feature-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr; }
  .grid-feature-wrapper .grid-feature-item {
    padding: 10px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    color: white; }
    .grid-feature-wrapper .grid-feature-item:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      background-color: rgba(7, 59, 76, 0.4);
      background-image: url("images/topography.svg");
      background-blend-mode: soft-light;
      mix-blend-mode: darken;
      transition: opacity .4s ease-out;
      filter: contrast(1.3); }
    .grid-feature-wrapper .grid-feature-item:hover:before {
      opacity: .4; }
    .grid-feature-wrapper .grid-feature-item h3 {
      color: white;
      margin-top: .25em;
      margin-bottom: .25em; }
    .grid-feature-wrapper .grid-feature-item .item-description {
      z-index: 2; }
    .grid-feature-wrapper .grid-feature-item.item-2:before {
      background-color: rgba(253, 197, 66, 0.6);
      mix-blend-mode: multiply; }
    .grid-feature-wrapper .grid-feature-item.item-3 {
      /* This is the callout item */
      background-color: #ef475e; }
      .grid-feature-wrapper .grid-feature-item.item-3:before {
        content: none; }
    .grid-feature-wrapper .grid-feature-item.item-4:before {
      background-color: rgba(17, 138, 178, 0.4); }
    .grid-feature-wrapper .grid-feature-item.item-5:before {
      background-color: #06d6a0;
      mix-blend-mode: multiply; }
    .grid-feature-wrapper .grid-feature-item.item-7:before {
      background-color: rgba(239, 71, 94, 0.5);
      mix-blend-mode: hard-light; }
    .grid-feature-wrapper .grid-feature-item.item-logo-part {
      display: flex;
      background-color: #118ab2;
      padding: 25px; }
      .grid-feature-wrapper .grid-feature-item.item-logo-part:before {
        content: none; }
      .grid-feature-wrapper .grid-feature-item.item-logo-part svg {
        max-height: 15em; }
      .grid-feature-wrapper .grid-feature-item.item-logo-part svg path {
        fill: rgba(7, 59, 76, 0.5); }
      .grid-feature-wrapper .grid-feature-item.item-logo-part svg:hover, .grid-feature-wrapper .grid-feature-item.item-logo-part svg:focus {
        animation-name: wiggle;
        animation-duration: 1000ms;
        animation-iteration-count: 1;
        animation-timing-function: ease-in-out; }
    @media (max-width: 767px) {
      .grid-feature-wrapper .grid-feature-item {
        grid-column: 1 / span 2;
        min-height: 15em; }
        .grid-feature-wrapper .grid-feature-item.item-5, .grid-feature-wrapper .grid-feature-item.item-6 {
          background-color: #fdc542;
          grid-column: span 1; }
        .grid-feature-wrapper .grid-feature-item.item-logo-part {
          display: none; } }
  @media (min-width: 768px) {
    .grid-feature-wrapper {
      grid-template-columns: 2fr 2fr 1fr 1fr;
      /* giving the "overhang" cells a predictable height so we can account for them in the padding */
      grid-template-rows: auto 4em auto auto 2.5em auto;
      width: 95vw;
      max-width: 100em;
      margin-left: auto;
      margin-right: auto; }
      .grid-feature-wrapper .grid-feature-item {
        padding: 20px; }
        .grid-feature-wrapper .grid-feature-item h3 {
          font-size: 2.4em; }
        .grid-feature-wrapper .grid-feature-item.item-1 {
          grid-column: 1 / span 2;
          grid-row: 1 / span 2;
          z-index: 2;
          justify-content: flex-end; }
        .grid-feature-wrapper .grid-feature-item.item-2 {
          grid-column: 3 / span 2;
          min-height: 28em; }
        .grid-feature-wrapper .grid-feature-item.item-3 {
          /* This is the callout item */
          padding: 7em 3em 3em 3em;
          grid-column: 2 / span 3;
          grid-row: 2 / span 2; }
        .grid-feature-wrapper .grid-feature-item.item-4 {
          grid-column: 1;
          grid-row: 3 / span 2;
          min-height: 25em;
          justify-content: flex-end; }
        .grid-feature-wrapper .grid-feature-item.item-5 {
          grid-column: 2;
          grid-row: 4 / span 2;
          z-index: 2; }
        .grid-feature-wrapper .grid-feature-item.item-6 {
          grid-column: 3 / span 2;
          grid-row: 4 / span 2;
          z-index: 2; }
        .grid-feature-wrapper .grid-feature-item.item-7 {
          padding-top: 2.5em;
          grid-column: 1 / span 3;
          grid-row: 5 / span 2;
          min-height: 22em;
          justify-content: flex-end; }
        .grid-feature-wrapper .grid-feature-item.item-logo-part {
          grid-column: 4 / span 1;
          grid-row: 6 / span 1;
          height: 100%; } }
  @media (min-width: 1200px) {
    .grid-feature-wrapper {
      width: 90vw; }
      .grid-feature-wrapper .grid-feature-item h3 {
        font-size: 2.8em; } }

/**** End Donor Sample Site Styles ****/
/* Color filters
   ========================================================================== */
[class*="filter-blend"] {
  position: relative; }
  [class*="filter-blend"]:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    mix-blend-mode: multiply; }

[class*="filter-blend-color-"]:before {
  mix-blend-mode: color; }

[class*="filter-blend-multiply-"]:before {
  mix-blend-mode: multiply; }

[class*="filter-blend-"][class*="-base"]:before {
  background-color: #118ab2; }

[class*="filter-blend-"][class*="-callout"]:before {
  background-color: #ef475e; }

[class*="filter-blend-"][class*="-secondary-a"]:before {
  background-color: #fdc542; }

[class*="filter-blend-"][class*="-secondary-b"]:before {
  background-color: #06d6a0; }

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

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

/* 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: #999999;
  text-transform: uppercase; }

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

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

.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: .5em;
  margin-bottom: .5em; }
  .ContentBlockPictureArea.FloatRight,
  .ContentBlockLeft.FloatRight {
    float: right;
    margin-left: .5em; }
  .ContentBlockPictureArea img,
  .ContentBlockLeft img {
    max-width: 100%;
    height: auto !important; }

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

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

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

.TaggedListColumns .TaggedListPanel {
  max-width: 1270px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 15px 0 0 15px; }
  .TaggedListColumns .TaggedListPanel .content-tagged-tall {
    float: none;
    border: 0 solid transparent;
    border-width: 0 15px 15px 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; }

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

.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.33333%;
  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: #ef475e; }
    .content-tagged-tall a:not(.TextButton):hover, .content-tagged-tall a:not(.TextButton):focus, .content-tagged-tall a:not(.TextButton):active {
      color: #ec213d; }
  .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(17, 138, 178, 0.2);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      transition: all .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 .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: .2s !important; }
  .content-tagged-tall:nth-child(3) {
    transition-delay: .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 .7em 1.5em 0;
  padding: 1.5em .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: .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: #fdc542; }

/* 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: #ef475e;
  /*$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: #ef475e 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: #ddd; }

.TotalBox label {
  background-color: #ef475e;
  color: #fff;
  padding: .25em .75em;
  color: #fff; }

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

.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: #595959;
  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 0;
  font-family: "Rubik", Century Gothic, Arial, sans-serif;
  font-size: 110%;
  font-weight: 700;
  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; }
  .Spotlight a img {
    transition: opacity 0.2s; }
    @media screen and (prefers-reduced-motion: reduce) {
      .Spotlight a img {
        transition: none; } }
    .Spotlight a img:hover {
      opacity: .8; }

.SpotlightRow {
  margin-bottom: 1.2em; }
  .SpotlightRow::after {
    display: block;
    clear: both;
    content: ""; }
  @media (min-width: 768px) {
    .SpotlightRow.ThreeAcross .Spotlight {
      float: left;
      width: 33%;
      padding-left: 2%;
      padding-right: 2%; } }

/* Feature Area
   ========================================================================== */
@media (min-width: 768px) {
  .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: #333;
  border-bottom: none;
  margin-bottom: .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: .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: #ef475e;
    background-color: rgba(239, 71, 94, 0.75); }
  .feature-link-with-image.feature-link-1:hover .feature-link-text {
    background-color: #eb1835;
    background-color: rgba(235, 24, 53, 0.75); }
  .feature-link-with-image.feature-link-2 .feature-link-text {
    background-color: #118ab2;
    background-color: rgba(17, 138, 178, 0.75); }
  .feature-link-with-image.feature-link-2:hover .feature-link-text {
    background-color: #0d6683;
    background-color: rgba(13, 102, 131, 0.75); }

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

/* Header Links
   ========================================================================== */
.header-link {
  border-bottom: none; }
  .header-link a {
    text-decoration: none; }
    .header-link a, .header-link a:visited {
      color: #333; }
    .header-link a:hover, .header-link a:active, .header-link a:focus {
      color: #118ab2; }

/* 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: #ef475e;
  font-size: 280%; }

.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; }

/* Alt background colors
   ========================================================================== */
.AltBgColor1 {
  background-color: #f2f2f2;
  padding: 10px; }

.AltBgColor2 > .panel {
  background-color: #00abbe; }
  .AltBgColor2 > .panel.panel-border {
    border-color: #0094a5; }
  .AltBgColor2 > .panel, .AltBgColor2 > .panel h2 {
    color: #fff; }
  .AltBgColor2 > .panel a, .AltBgColor2 > .panel a:hover, .AltBgColor2 > .panel a:active, .AltBgColor2 > .panel a:focus, .AltBgColor2 > .panel a:visited {
    color: #fff;
    text-decoration: underline; }
  .AltBgColor2 > .panel .ProgressBar > span {
    /* Make the progress tracker indicator use a white bar instead of default */
    background-color: #fff; }

.AltBgColor3 > .panel {
  background-color: #ef475e; }
  .AltBgColor3 > .panel.panel-border {
    border-color: #ed3049; }
  .AltBgColor3 > .panel, .AltBgColor3 > .panel h2 {
    color: #fff; }
  .AltBgColor3 > .panel a, .AltBgColor3 > .panel a:hover, .AltBgColor3 > .panel a:active, .AltBgColor3 > .panel a:focus, .AltBgColor3 > .panel a:visited {
    color: #fff;
    text-decoration: underline; }
  .AltBgColor3 > .panel .ProgressBar > span {
    /* Make the progress tracker indicator use a white bar instead of default */
    background-color: #fff; }

.AltBgColor4 > .panel {
  background-color: #e98300; }
  .AltBgColor4 > .panel.panel-border {
    border-color: #d07500; }
  .AltBgColor4 > .panel, .AltBgColor4 > .panel h2 {
    color: #fff; }
  .AltBgColor4 > .panel a, .AltBgColor4 > .panel a:hover, .AltBgColor4 > .panel a:active, .AltBgColor4 > .panel a:focus, .AltBgColor4 > .panel a:visited {
    color: #fff;
    text-decoration: underline; }
  .AltBgColor4 > .panel .ProgressBar > span {
    /* Make the progress tracker indicator use a white bar instead of default */
    background-color: #fff; }

.AltBgColor5 > .panel {
  background-color: #8e51ae; }
  .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 {
    /* Make the progress tracker indicator use a white bar instead of default */
    background-color: #fff; }

/* ==========================================================================
   DASHBOARDS
   ========================================================================== */
/* Zone or iPart style for the staff dashboards for consistent styling */
.ProgressTracker_Dashboard .panel-body,
.ProgressTracker_Dashboard_Overview .panel-body {
  padding-top: 0; }

.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: bold;
  display: block;
  line-height: 1;
  letter-spacing: -1px; }

.ProgressTracker2 .label,
.ProgressTracker_Dashboard .label,
.ProgressTracker_Dashboard_Overview .label {
  line-height: 1; }

.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: #ef475e;
    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: 10em; }

.ProgressTracker_Dashboard_Overview .panel-heading.Distinguish {
  border-bottom-color: transparent; }

.ProgressTracker_Dashboard_Overview .count {
  font-size: 250%; }

.ProgressTracker_Dashboard_Overview .ProgressBar {
  height: 5px;
  margin-bottom: 5px; }

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

/* ==========================================================================
   LATTE-SPECIFIC STYLES
   ========================================================================== */
@media (min-width: 768px) {
  .Wrapper-HomePage .header-background-container .ContentItemContainer > .ContentItemContainer {
    animation: appear-zoom-out-with-delay 2s ease-in-out; }
  .Wrapper-HomePage .header-logo-container,
  .Wrapper-HomePage .header-aux-container,
  .Wrapper-HomePage .header-primary-nav-container {
    animation: slide-down-with-delay 1s ease-out; }
  .Wrapper-HomePage .hero {
    animation: appear-zoom-in-with-delay 1s ease-in-out; }
  .Wrapper-HomePage .home-post-header .post-header-first {
    animation: slide-up-with-delay 1s ease-in-out; } }

.header-logo svg {
  display: block;
  height: 40px;
  max-width: 100%;
  fill: #073b4c; }

.header-logo.demo-donor-logo svg .logo-mark {
  fill: #06d6a0; }

.header-logo.demo-donor-logo svg:hover .logo-part1 path, .header-logo.demo-donor-logo svg:focus .logo-part1 path {
  fill: #06d6a0; }

.header-logo.demo-donor-logo svg:hover .logo-part2 path, .header-logo.demo-donor-logo svg:focus .logo-part2 path {
  fill: #fdc542; }

@media (max-width: 767px) {
  .header-logo.demo-donor-logo svg .logo-part1, .header-logo.demo-donor-logo svg .logo-part2 {
    display: none; } }

.header-container {
  display: flex;
  align-items: center; }

.footer-logo svg {
  max-width: 10em; }
  .footer-logo svg path {
    fill: #fff; }
  .footer-logo svg:hover .logo-mark {
    fill: #06d6a0; }

/* Search Results */
.SearchResultSummary .ListItemTitle a {
  background: none !important; }

/* RadStrip Tabs */
.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripTop .rtsLevel1 {
  border-bottom: 1px solid #ddd; }

.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripBottom .rtsLevel1 {
  border-top: 1px solid #ddd; }

.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected {
  background-color: #118ab2;
  border-color: #118ab2;
  color: GetBestContextualTextColor(#118ab2);
  text-decoration: none !important; }
  .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected .tab-step-number {
    color: GetBestContextualTextColor(#0d6683);
    background-color: #0d6683; }

.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink:hover {
  text-decoration: none !important;
  color: GetBestContextualTextColor(rgba(69, 195, 237, 0.5));
  background-color: rgba(69, 195, 237, 0.5) !important; }

@media (min-width: 768px) {
  .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripLeft .rtsLevel1 .rtsLink {
    border-right-width: 0; }
  .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripRight .rtsLevel1 .rtsLink {
    border-left-width: 0; } }

@media (max-width: 767px) {
  .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripVertical {
    border-bottom: 1px solid #ddd; }
    .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripVertical .rtsLevel1 .rtsLink {
      border-width: 1px 1px 0 1px; } }

@media (min-width: 601px) and (max-width: 767px) {
  .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripVertical .rtsLevel1 {
    float: left; }
    .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripVertical .rtsLevel1 .rtsLink {
      margin-left: -1px; }
    .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripVertical .rtsLevel1 .rtsFirst .rtsLink {
      margin-left: 0; } }

@media (min-width: 480px) {
  .account-page-with-banner .wrapper.has-secondary-col .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripVertical .rtsLink {
    border-width: 1px; }
  .account-page-with-banner .wrapper.has-secondary-col .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripVertical .rtsLI {
    margin-right: -1px; } }

h2, .h2, .PanelHead.Distinguish,
.TitleBarCaption, div.PanelTitle,
.panel-heading.Distinguish {
  border: none !important; }

.AccountMiniProfile {
  text-align: center; }
  .AccountMiniProfile .PanelField:not(.Left) .PanelFieldValue,
  .AccountMiniProfile .PanelField:not(.Left) .Label {
    width: 100% !important;
    text-align: center; }

.AsiInformation, .AsiSuccess, .AsiWarning,
.AsiError, .AsiValidation, .AsiValidationSummary,
.AsiNeutral {
  border: none; }

.RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage:hover,
.RadGrid.RadGrid_MetroTouch .rgPagePrev:active, .RadGrid.RadGrid_MetroTouch .rgPageNext:active,
.RadGrid.RadGrid_MetroTouch .rgPageFirst:active, .RadGrid.RadGrid_MetroTouch .rgPageLast:active,
.RadGrid.RadGrid_MetroTouch .rgPager .rgPagerButton, .RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage:hover,
.RadGrid.RadGrid_Metro .rgPagePrev:active, .RadGrid.RadGrid_Metro .rgPageNext:active,
.RadGrid.RadGrid_Metro .rgPageFirst:active, .RadGrid.RadGrid_Metro .rgPageLast:active,
.RadGrid.RadGrid_Metro .rgPager .rgPagerButton {
  background-color: #fdc542 !important;
  border-color: #fdc542 !important; }

.RadGrid_MetroTouch .rgAltRow {
  background: #F4F0EC; }

.RadGrid a, .RadToolTip a {
  /* color: #118ab2 !important; */
  color: #175273 !important;
  text-decoration: underline;
  font-weight: bold;
  /* text-decoration: underline; */ }

em.fa-solid.fa-trash {
  color: #0d6683 !important;
  /* text-decoration: underline; */
  margin-left: 6px; }

input#ctl01_TemplateBody_WebPartManager1_gwpciContinueShoppingButton_ciContinueShoppingButton_ContinueShoppingButton {
  background-color: transparent;
  color: #175273;
  text-decoration: underline;
  font-weight: bold;
  margin-right: 84px;
  margin-top: -86px;
  left: -120px;
  position: relative; }

div#ctl01_TemplateBody_WebPartManager1_gwpciShoppingCart_ciShoppingCart_DataPanel_Head {
  display: none; }