/* ASA Colors */

:root {
    --ASA-blue-500: #045195;
    --ASA-blue-400: #0061B6;
    --ASA-blue-600: #003D74;
    --ASA-blue-700: #001F3B;
    --ASA-blue-100: #7AC1FF;
    --ASA-blue-050: #CAE6FF;
    --ASA-charcoal-500: #464648;
    --ASA-charcoal-700: #323234;
    --ASA-charcoal-850: #1D2121;
    --ASA-cyan500: #00BAE4;
    --ASA-cyan700: #008299;
    --ASA-orange-500: #F06A26;
    --ASA-orange-700: #D14600;
    --ASA-green-500: #81BC01;
    --ASA-green-700: #0C4D43;
    --ASA-greenpea: #1A4C42;
}

/* ASA Fonts */

/* Primary font - Lato */
@font-face {
    font-family: 'Lato';
    src: url('ASA-fonts/Lato/Lato-Regular.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('ASA-fonts/Lato/Lato-Bold.ttf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('ASA-fonts/Lato/Lato-Italic.ttf') format('opentype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('ASA-fonts/Lato/Lato-BoldItalic.ttf') format('opentype');
    font-weight: bold;
    font-style: italic;
}

/* Secondary font - Crimson Pro */

@font-face {
    font-family: 'Crimson Pro';
    src: url('ASA-fonts/Crimson_Pro/CrimsonPro-VariableFont_wght.ttf') format('opentype');
    font-weight: 400 800;
    font-style: normal;
}

@font-face {
    font-family: 'Crimson Pro';
    src: url('ASA-fonts/Crimson_Pro/CrimsonPro-Italic-VariableFont_wght.ttf') format('opentype');
    font-weight: 400 800;
    font-style: italic;
}

/* ==========================================================================
   Basic setup
   ========================================================================== */
body {
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    color: var(--ASA-charcoal-500);
    line-height: 1.5;
    background: #fff;
}



ul li,
ol li {
    line-height: 1.5;
	 margin-top: 0.5em;
}

input,
button,
select,
textarea {
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* sync up with p bottom margin */
ul {
    margin-bottom: 18px;
}

/************************* HEADER FONTS *************************/

h1, .h1, .panel-title, .PageTitle {
    font-family: "Crimson Pro", "Lato", 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 40px;
    line-height: 1.3;
    letter-spacing: 0%;
    text-align: left;
    color: var(--ASA-charcoal-850);
    margin-bottom: 16px;
    margin-top: 0;
}

.PanelTitle {
    color: var(--ASA-charcoal-850) !important;
}

h2, .h2, .PanelTitle,
.mini-profile-banner-large .mini-profile-name-section .SectionLabel,
.mini-profile-banner-small .mini-profile-name-section .SectionLabel {
    font-family: "Lato", 'Open Sans', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    color: var(--ASA-blue-500);
    margin-bottom: 16px;
}

h3,
.h3,
.SectionTitle {
    font-family: "Lato", 'Open Sans', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
    color: var(--ASA-greenpea);
    margin-bottom: 16px;
}

h4,
.h4,
.SectionLabel {
    font-family: "Lato", 'Open Sans', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    color: var(--ASA-charcoal-850);
    text-transform: unset;
    margin: 0px 0px 16px 0px;
}

h5,
.h5,
.SectionLabelSmaller {
    font-family: "Lato", 'Open Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    color: var(--ASA-charcoal-500);
    margin: 0px 0px 16px 0px;
}

h6,
.h6 {
    font-family: "Lato", 'Open Sans', sans-serif;
    text-transform: unset;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    color: var(--ASA-charcoal-500);
    margin-bottom: 16px;
}

p {
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
}



/* hyperlink styles */
a,
.Link,
.RadGrid.RadGrid .rgRow a,
.RadGrid.RadGrid .rgAltRow a,
.RadGrid.RadGrid .rgEditForm a,
.k-grid.k-grid a,
.RadToolTip.RadToolTip a {
    color: var(--ASA-blue-500);
    text-decoration: none;
}

a:visited,
.Link:visited,
.RadGrid.RadGrid .rgRow a:visited,
.RadGrid.RadGrid .rgAltRow a:visited,
.RadGrid.RadGrid .rgEditForm a:visited,
.k-grid.k-grid a:visited,
.RadToolTip.RadToolTip a:visited {
    color: var(--ASA-greenpea);
    text-decoration: underline;
}

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


a.FeatureActionLink {
  transition: all 0.2s ease-in;
  font-family: "Lato";
  font-size: 110%;
  font-weight: 500;
  line-height: 1.5em;
  padding: 8px 0;
  text-decoration: none;
}


/* menu fonts */
.RadMenu.RadMenu_Coffee .rmRootLink,
.header-dark .RadMenu.RadMenu_Coffee .rmRootLink,
.footer-column,
.RadMenu_Coffee .rmSlide .rmLink,
.header-dark .RadMenu_Coffee .rmSlide .rmLink {
    font-family: "Lato", 'Open Sans', sans-serif;
}

.RadMenu_Coffee .rmSlide .rmLink {
  color: #1f202c;
  font-size: 106%;
  font-weight: normal;
}

.header-dark .RadMenu_Coffee .rmSlide .rmLink {
  color: #fff;
  font-size: 106%;
  font-weight: normal;
}

.RadMenu.RadMenu_Coffee .rmGroup a {
    color: #282828;
}

.RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmLink:hover,
.RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmFocused,
.RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmExpanded {
    color: var(--ASA-blue-500);
}

/* header bg */
body:not(.Wrapper-HomePage) .header:before {
  content: '';
  display: block;
  background: #fff;
  width: 100%;
  grid-area: 1 / 1 / span 2 / span 4;
}


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

/* Primary Navigation */

header.header {
  display: grid;
  position: relative;
}

@media (max-width: 991px) {
  header.header {
    grid-template: ". logo utility ." auto ". primary-nav primary-nav ." auto ". banner banner ." 1fr/auto 87.5px auto auto;
    margin-bottom: 1em;
  }
}

@media (min-width: 992px) {
    header.header {
        grid-template: ". logo utility ." auto ". primary-nav primary-nav ." auto "banner banner banner banner" 1fr/auto minmax(130px, 650px) 710px auto;
        grid-template-areas: ". logo utility ." "primary-nav primary-nav primary-nav primary-nav " "banner banner banner banner";
        margin-bottom: 0;
    }

    .primary-navigation-area {
        max-width: 1360px;
        margin: 0 auto;
    }

    .RadMenu.RadMenu_Coffee .rmRootLink {
        border: none;
        display: flex !important;
        transition: none;
        padding: 0 15px !important;
        border-right: solid 1px var(--ASA-blue-400)
    }

      .RadMenu.RadMenu_Coffee ul.rmRootGroup {
      width: 100%;
      float: right;
      line-height: 2;
    }

    .RadMenu.RadMenu_Coffee ul.rmRootGroup>.rmItem.rmLast {
        background-color: var(--ASA-charcoal-850);
        border-right: 0px;
    }

    .RadMenu.RadMenu_Coffee .rmRootLink.asa-join::after {
        content: url('asa-images/Arrow_Right_LG.png');
        display: inline-block;
        box-sizing: initial;
        margin-top: 5px;
        padding-right: 15px;
    }


    .RadMenu.RadMenu_Coffee .rmRootLink.asa-join.rmExpanded,
    .RadMenu.RadMenu_Coffee .rmRootLink.asa-join:hover,
    .RadMenu.RadMenu_Coffee .rmRootLink.asa-join.rmFocused,
    .RadMenu.RadMenu_Coffee .rmRootLink.asa-join.rmSelected {
        background-color: var(--ASA-charcoal-850);
        border-right: 0px;
    }

    .RadMenu.RadMenu_Coffee {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .RadMenu.RadMenu_Coffee ul.rmRootGroup>.rmItem.rmLast {
        float: right;
    }

    .RadMenu.RadMenu_Coffee .rmRootLink.rmExpanded,
    .RadMenu.RadMenu_Coffee .rmRootLink:hover,
    .RadMenu.RadMenu_Coffee .rmRootLink.rmFocused,
    .RadMenu.RadMenu_Coffee .rmRootLink.rmSelected {
        border: none;
    }


    .RadMenu.RadMenu_Coffee .rmRootLink {
        height: 96px;
    }

}

    .RadMenu.RadMenu_Coffee .rmRootLink {
        justify-content: center;
        align-items: center;
        justify-content: space-between;
        border-radius: 0px;
        color: #fff;
        font-family: "Lato", Helvetica, sans-serif;
        font-size: 20px;
        font-weight: normal;
        letter-spacing: initial;
    }


    .RadMenu.RadMenu_Coffee .rmRootLink.rmExpanded,
    .RadMenu.RadMenu_Coffee .rmRootLink:hover,
    .RadMenu.RadMenu_Coffee .rmRootLink.rmFocused,
    .RadMenu.RadMenu_Coffee .rmRootLink.rmSelected,
    .header-dark .RadMenu.RadMenu_Coffee .rmRootLink.rmExpanded, .header-dark
.RadMenu.RadMenu_Coffee .rmRootLink:hover, .header-dark
.RadMenu.RadMenu_Coffee .rmRootLink.rmFocused {
        background-color: var(--ASA-blue-400);
        color: #fff;
    }



header.header .header-primary-nav-container {
  grid-area: primary-nav;
  align-self: start;
  justify-self: end;
  padding-left: 15px;
  padding-right: 15px;
  z-index: 100;
  background-color: var(--ASA-blue-500);
  width: 100%;
  max-width: unset;
}



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



@media (min-width: 992px) {
    #masterHeaderImage {
        background-image: url("asa-images/asa-logo.png");
        width: 350px;
        height: 100px;
        margin: 10px;
    }
}

/* undo Mocha bubbly styles */
.RadMenu.RadMenu_Coffee .rmRootGroup>li>div.rmSlide .rmGroup {
    animation: none;
}

.RadMenu.RadMenu_Coffee .rmRootLink.rmExpanded:after {
  content: '';
  border: none;
  height: 0;
  width: 0;
  position: absolute;
  bottom: -21px;
  left: 0;
  right: 0;
  margin: 0 auto;
  animation: fade-in 0.2s ease-in;
}



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

.RadMenu.RadMenu_Coffee .rmGroup {
    background-color: #fff;
    min-width: 300px;
}


#ste_container_DarkBackground {
    height: 221px;
    background: #000;
}

/* nix the built-in animations from Mocha theme on header load */
.Wrapper-HomePage .header:before,
.Wrapper-HomePage .header-aux-container,
.Wrapper-HomePage .header-logo-container,
.Wrapper-HomePage .header-primary-nav-container,
body:not(.Wrapper-HomePage) .header:before,
body:not(.Wrapper-HomePage) .header-aux-container,
body:not(.Wrapper-HomePage) .header-logo-container,
body:not(.Wrapper-HomePage) .header-primary-nav-container {
    animation: none;
}



/* auxiliary nav link color */
.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: #000;
    font-family: Lato;
    font-size: 20px;
    font-style: normal;
    font-weight: 200;
    line-height: 28px;
}


.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: 40px;
  min-width: 40px;
  line-height: 40px;
  overflow: hidden;
}

.nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
  margin-top: 4px;
  margin-bottom: 4px;
}


.nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
  margin: -5px 20px 0px 0px;
  background: none;
}


.UtilitySection.UtilityAuthenticationLink.asa-auth-link.sign-out-link {
  margin: 0px 0px 12px 0px;
}

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

.UtilitySearch #SimpleSearchBlock .search-field,
.nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text,
.obo-toggle,
.ste-toggle,
.page-statistics-toggle {
    background-image: url("asa-images/ico_search.png");
    height: 40px;
    width: 40px;
    border-radius: 5px;
    background-color: transparent;
}

.RadMenu.RadMenu_Coffee .rmToggle,
.RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle {
    display: inline-block;
    float: right;
    height: 100%;
    width: auto;
}

.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: 24px;
    height: 24px;
    -webkit-mask-image: url("asa-images/Caret_Down_MD.png");
    mask-image: url("asa-images/Caret_Down_MD.png");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: var(--ASA-cyan500);
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
}

.RadMenu.RadMenu_Coffee .rmToggle .rmIcon {
    margin-top: 0;
}

/* navigation blue caret margin */
.RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle .rmIcon {
    margin-top: 38px;
}

.RadMenu.RadMenu_Coffee .rmToggle .rmIcon {
    background: red;
}

/* remove top gradient from Mocha baseline */
.Wrapper-HomePage .header-background-container:before {
    display: none;
}

header.header .home-page-header-container,
header.header .internal-header-container {
    margin: -1px;
    /* TODO... fix the image mang */
    height: 350px;
    grid-area: banner;
  padding-left: 15px;
  padding-right: 15px;
}

.home-page-header-container .panel-body {
    padding: 0;
}



.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 {
  display: inline-block;
}


.carousel-caption p {
	font-size: 20px;
	font-weight: 400;
}

.carousel-caption .credit {
	font-weight: 400 !important;
	font-size: 12px !important;
	text-align: right !important;
}



/* big screen adjustments for homepage slider format */
@media (min-width:991px) {

    /* adjust top position of background image on homepage */
    .carousel-inner.bg-img .item {
        background-position-y: 25%;
    }

    /* homepage slideshow overlay text style */
    .home-page-header-container .carousel .carousel-caption {
        width: 65%;
        margin: 0 auto;
        max-width: 680px;
        right: 680px;
        text-align: left;
        background: #1D2121;
        color: #fff;
        padding: 40px;
        padding-top: 100px;
        height: 450px;
    }

    .home-page-header-container .carousel .carousel-caption p {
        color: #fff;
    }
}

@media (max-width:991px) {
.home-page-header-container .carousel .carousel-caption h1 {
    text-align: center;
}
}


/* small screen adjustments for homepage slider format */

/* social icons */
.asa-header-socials {
    margin-top: 30px;
    float: right;
}

.asa-header-socials a {
    display: block;
    float: left;
    color: transparent;
    height: 38px;
    width: 38px;
    margin: 5px;
}

.facebook-icon {
    background-image: url("asa-images/icon_facebook.png");
    background-size: cover;
}

.facebook-icon:hover {
    background-image: url("asa-images/icon_facebook-hover.png");
}

.linkedin-icon {
    background-image: url("asa-images/icon_linkedin.png");
    background-size: cover;
}

.linkedin-icon:hover {
    background-image: url("asa-images/icon_linkedin-hover.png");
}

.flickr-icon {
    background-image: url("asa-images/icon_flickr.png");
    background-size: cover;
}

.flickr-icon:hover {
    background-image: url("asa-images/icon_flickr-hover.png");
}

.youtube-icon {
    background-image: url("asa-images/icon_youtube.png");
    background-size: cover;
}

.youtube-icon:hover {
    background-image: url("asa-images/icon_youtube-hover.png");
}

.ning-icon {
    background-image: url("asa-images/icon_ning.png");
    background-size: cover;
}

.ning-icon:hover {
    background-image: url("asa-images/icon_ning-hover.png");
}

.instagram-icon {
    background-image: url("asa-images/icon_instagram.png");
    background-size: cover;
}

.instagram-icon:hover {
    background-image: url("asa-images/icon_instagram-hover.png");
}

/* internal header image and title area */
header.header .internal-header-container {
    height: 350px;
}

/* remove background mask on inner header */
.header-background-container .carousel-inner:after {
    background: none;
}

/* internal header title area - positioning */
.vacc-internal-header-container #ste_container_PageTitleHTML,
.vacc-internal-header-container #ste_container_NewSlideshowCommon {
    width: 50%;
    float: left;
}

#ste_container_ciInternalFullWidthHeader {
    background: #1D2121;
    display: flex;
    justify-content: right;
    overflow-x: hidden;
}

.vacc-internal-header-container #ste_container_PageTitleHTML {
    background: #1D2121;
    display: flex;
}

#ste_container_PageTitleHTML {
    max-width: 690px;
}

#pagetitle {
    display: flex;
    justify-content: left;
    align-items: center;
    height: 400px;
    color: #fff;
    font-family: "Crimson Pro", "Lato", 'Open Sans', sans-serif;
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
    margin: 0;
    width: 100%;
    position: relative;
}

#pagetitle::before {
    content: '';
    position: absolute;
    top: 135px;
    width: 129px;
    height: 6px;
    background-color: var(--ASA-cyan500);
}

.vacc-internal-header-container #ste_container_NewSlideshowCommon .panel-body {
    padding: 0;
}


body:not(.Wrapper-HomePage) .header {
    min-height: unset;
    margin-bottom: 0px;
}

/* Overwrite Mocha default Header Border */
#masterHeaderBackground,
.header {
    border-bottom: none;
}

/* page description */
#ste_container_ciPageDescription_7e0df0a977e34a658aed8c58bf589890 {
    background: #d8d8d8;
}

.asa-page-description {
    max-width: 1360px;
    margin: 0 auto 50px;
    padding: 50px 20px;
    font-family: "Crimson Pro", "Lato", 'Open Sans', sans-serif;
    font-size: 28px;
    font-style: italic;
    line-height: 48px;
    color: var(--ASA-charcoal-700)
}

/* footer layout */
footer.footer .footer-content>.container {
    grid-template: "footerlogo navigation navigation contact"
        "copyright copyright copyright copyright" / 1fr 1fr 1fr 1fr;
        line-height: 1.6;
        font-size: 16px;
}

footer.footer .footer-content>.container .footer-column:nth-child(4) {
    grid-area: footerlogo;
}

footer.footer .footer-content>.container .footer-column:nth-child(4) img {
    max-width: 279px;
}

footer.footer {
    background-image: none;
    background-color: #fff;
    color: #000;
    padding: 0;
}

footer.footer a {
    color: var(--ASA-blue-500)
}

footer.footer a:hover {
    color: var(--ASA-greenpea)
}

footer.footer .asa-header-socials a {
    color: transparent;
}

@media (min-width:991px) {
    #ste_container_ciNewContentDisplayCommon2 div {
        float: left;
    }

    #ste_container_ciNewContentDisplayCommon2>div {
        width: 25%;
    }

    .image-stretch {
        width: 100%;
    }

    #ste_container_ciNewContentDisplayCommon2 div img {
        max-width: unset;
        width: 100%;
    }

    #ste_container_FooterBottomLinks,
    #ste_container_FooterCopyright {
        width: 50%;
        float: left;
    }

    #ste_container_HTMLAcknowledgement {
        margin: 50px 0;
    }
}

.asa-header-socials.asa-footer-socials .facebook-icon {
    background-image: url("asa-images/icon_facebook-hover.png");
    background-size: cover;
}

.asa-header-socials.asa-footer-socials .facebook-icon:hover {
    background-image: url("asa-images/icon_facebook.png");
}

.asa-header-socials.asa-footer-socials .linkedin-icon {
    background-image: url("asa-images/icon_linkedin-hover.png");
    background-size: cover;
}

.asa-header-socials.asa-footer-socials .linkedin-icon:hover {
    background-image: url("asa-images/icon_linkedin.png");
}

.asa-header-socials.asa-footer-socials .flickr-icon {
    background-image: url("asa-images/icon_flickr-hover.png");
    background-size: cover;
}

.asa-header-socials.asa-footer-socials .flickr-icon:hover {
    background-image: url("asa-images/icon_flickr.png");
}

.asa-header-socials.asa-footer-socials .youtube-icon {
    background-image: url("asa-images/icon_youtube-hover.png");
    background-size: cover;
}

.asa-header-socials.asa-footer-socials .youtube-icon:hover {
    background-image: url("asa-images/icon_youtube.png");
}

.asa-header-socials.asa-footer-socials .ning-icon {
    background-image: url("asa-images/icon_ning-hover.png");
    background-size: cover;
}

.asa-header-socials.asa-footer-socials .ning-icon:hover {
    background-image: url("asa-images/icon_ning.png");
}

/* Button styles */
.btn,
.btn:visited,
.TextButton,
.TextButton:visited,
.RadUpload.RadUpload .ruButton,
.RadUpload.RadUpload .ruButton:visited,
.RadUploadProgressArea.RadUploadProgressArea .ruButton,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:visited,
.TextButton:visited,
.TextButton,
.btn:focus,
.TextButton:focus,
.RadUpload.RadUpload .ruButton:focus,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:focus {
    border-radius: 0;
    margin-right: 20px;
    background: var(--ASA-blue-500);
    color: #fff;
    border: solid 2px var(--ASA-blue-500);
    font-size: 16px;
}

.btn:hover,
.btn:active,
.TextButton:hover,
.TextButton:active,
.RadUpload.RadUpload .ruButton:hover,
.RadUpload.RadUpload .ruButton:active,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:hover,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:active,
.asa-job-button .TextButton,
.eventList .PrimaryButton,
.btn.PrimaryButton,
.cta a,
.AltButton.TextButton:visited,
.TextButton:hover,
.AltButton.TextButton {
    border-radius: 0;
    background: #fff;
    color: var(--ASA-blue-500);
    border: solid 2px var(--ASA-blue-500);
    font-size: 16px;
}

/* set up button base styles */
.btn,
.TextButton,
.RadUpload.RadUpload .ruButton,
.RadUploadProgressArea.RadUploadProgressArea .ruButton {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "Lato", 'Open Sans', sans-serif;
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: normal;
  text-decoration: none;
  padding: 5px 10px;
  font-size: 18px;
  line-height: 2;
  -webkit-user-select: none;
          user-select: none;
  transition: background 0.2s ease-out;
}



.asa-job-button .TextButton:hover,
.eventList .PrimaryButton:hover,
.cta a:hover,
.AltButton.TextButton:hover {
    border-radius: 0;
    background: var(--ASA-blue-500);
    color: #fff !important;
    border: solid 2px var(--ASA-blue-500);
}

.eventList .PrimaryButton:after,
.cta a:after,
.TextButton:after {
    display: block;
    float: right;
    content: "";
    background-image: url("asa-images/Arrow_Right_LG.png");
    background-size: cover;
    width: 21px;
    height: 24px;
    margin-top: 4px;
    margin-left: 3px;
}

.eventList .PrimaryButton {
    text-decoration: none !important;
    color: var(--ASA-blue-500) !important;
    margin-top: 20px;
    display: inline-block;
    max-width: unset;
    width: auto;
    text-transform: uppercase;
    font-size: 16px;
}

.cta a {
    display: inline-block;
    padding: 5px 10px;
    line-height: 27px;
    text-decoration: none;
    margin-top: 10px;
}

/* custom classes to stretch images and make sections go full-width */
@media (min-width:991px) {
    .image-stretch div img {
        max-width: unset;
        width: 100%;
    }
}

.full-width {
    margin: 25px 0;
}

.full-width .col-sm-3 {
    padding: 0;
}

.asa-spotlight-desc {
    max-width: 1360px;
    margin: 0 auto 50px;
    font-family: "Crimson Pro", "Lato", 'Open Sans', sans-serif;
    font-size: 28px;
    font-style: italic;
    line-height: 48px;
    color: var(--ASA-charcoal-700)
}

.asa-spotlight-desc img {
    max-width: 250px;
}

/* hide internal header on homepage */
.Wrapper-HomePage .vacc-internal-header-container {
    display: none;
}

.Wrapper-HomePage .Spotlight {
    margin-top: 50px;
}

.row.full-width {
    display: flex;
    flex: wrap;
}


@media (min-width:991px) {
    .row.full-width .col-sm-6 {
        flex: 1;
        padding: 0;
    }

    .row.full-width .col-sm-6 .iMIS-WebPart .ContentItemContainer {
        height: 100%;
    }
}

.row.full-width {
    max-width: calc(100vw - 8px)
}

.image-bg img {
    width: 100%;
    max-height: unset;
    object-fit: cover;
}

.grey-fingerprint-bg {
    background: #1D2121;
    min-height: 705px;
    display: flex;
    justify-content: left;
    text-align: center;
}

.asa-cta-section {
    max-width: 723px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    text-align: left;
    margin: 0px 50px;
}

.asa-cta-section * {
    z-index: 200;
}

.grey-fingerprint-bg::after {
    display: block;
    content: '';
    position: absolute;
    top: 130px;
    right: 145px;
    width: 336px;
    height: 336px;
    background: url("asa-images/grey-fingerprint.png");
    z-index: 10;
}


.asa-cta-desc p {
    color: #fff;
    font-size: 1.2em;
    line-height: 35px;
}

.asa-news,
.asa-events {
    position: relative;
}


.asa-news .panel-title {
    margin-left: 60px;
}

.asa-events .panel-title {
    margin-left: 50px;
}

.asa-events .panel-title:before {
    content: "";
    background: url("asa-images/events-icon.png");
    width: 40px;
    height: 42px;
    position: absolute;
    left: 0px;
    background-size: cover;
    margin-top: 4px
}

.asa-news .panel-title:before {
    content: "";
    background: url("asa-images/news-icon.png");
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 6px
}

.non-full-width {
    max-width: 1360px;
    margin: 0 auto;
}

.non-full-width .col-sm-6 {
    float: left;
}

.section-border {
    border-top: solid 1px #f3f3f3
}

.section-bg-grey {
    background: #f3f3f3;
}

/* homepage journal squares content */
.journal-block {
    padding: 20px;
}

.journal-block-header {
    padding: 25px 0;
}

.journal-block-header a {
    color: var(--UI-Primary---Blue-500, #045195);

    /* Desktop/UI/Button Large */
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.96px;
    text-transform: uppercase;
    text-decoration: none;
}

.journal-block-header a:after {
    display: block;
    float: right;
    content: "";
    background-image: url("asa-images/Arrow_Right_LG.png");
    background-size: cover;
    width: 23px;
    height: 24px;
    margin-left: 5px;
}

.journal-block h3 {
    margin: 0
}

.right-align {
    text-align: right;
}

.image-block {
    min-height: 540px;
    background: var(--ASA-charcoal-850)
}

.orange-bg .image-block {
    background: var(--ASA-orange-700);
}

.image-top img {
    height: 250px !important;
    width: 100%;
    object-fit: cover;
}

.journal-number {
    color: var(--core-greyscale-white-fff, #FFF);
    /* Desktop/Headlines/Overline */
    font-family: Lato;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 1.68px;
    text-transform: uppercase;
}

.image-bottom {
    display: flex;
    flex-direction: column;
    padding: 24px;
}

.journal-title {
    color: var(--core-greyscale-white-fff, #FFF);

    /* Desktop/Headlines/Header 2 */
    font-family: Lato;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
    /* 120% */
}

.grey-fingerprint-bg-awards .asa-cta-button .TextButton,
.blue-fingerprint-bg .asa-cta-button .TextButton,
.journal-cta .TextButton {
    background: transparent;
    border: #fff solid 2px;
    margin: 8px 0
}

.journal-cta .TextButton:after {
    background-image: url("asa-images/Arrow_Right_LG_White.png");
}

.grey-fingerprint-bg-awards .asa-cta-button .TextButton:hover,
.blue-fingerprint-bg .asa-cta-button .TextButton:hover,
.journal-cta .TextButton:hover {
    background: #fefefe;
    border: var(--ASA-charcoal-700) solid 2px;
    color: var(--ASA-charcoal-700);
}

.journal-cta .TextButton:hover:after {
    background-image: url("asa-images/Arrow_Right_LG.png");
}

.journal-block-header h3 {
    color: var(--Brand-Primary-Charcoal-850, #1D2121);

    /* Desktop/Headlines/Header 5 */
    font-family: Lato;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 133.333% */
}

.grey-fingerprint-bg-awards,
.blue-fingerprint-bg {
    background: var(--ASA-blue-500);
    margin: 53px 20px;
    min-height: 550px;
    position: relative;
    overflow-x: hidden;
}

.grey-fingerprint-bg-awards {
    background: var(--ASA-charcoal-700);
}



.asa-cta-header h2 {
    font-size: 64px;
	margin-bottom: 20px;
	margin-top: 60px;
	color: #fff;
}



.asa-cta-header h2::before {
    content: '';
    position: absolute;
    top: 100px;
    width: 129px;
    height: 6px;
    background-color: var(--ASA-cyan500);
}


.grey-fingerprint-bg-awards .asa-cta-header h2::before,
.blue-fingerprint-bg .asa-cta-header h2::before {
    top: 30px;
}

.grey-fingerprint-bg-awards .asa-cta-header h2::before {
    background-color: #59595a;
}


.blue-fingerprint-bg .asa-cta-header h2::before {
    background-color: #9fb3cf;
}

.grey-fingerprint-bg-awards,
.blue-fingerprint-bg {
    position: relative;
}

.grey-fingerprint-bg-awards::after,
.blue-fingerprint-bg::after {
    display: block;
    content: '';
    position: absolute;
    top: 55px;
    right: 10%;
    width: 336px;
    height: 336px;
    background: url("asa-images/grey-fingerprint.png");
    z-index: 10;
}

.blue-fingerprint-bg::after {
    background: url("asa-images/fingerprint-vector.svg");
}

/* positioning work started, it was ugly and caused more UI problems, so instead pivoting to hide this and use sitemap link to search page instead */
.UtilitySearch #SimpleSearchBlock .search-field {
    background-position: 0px 12px;
}

.UtilitySearch #SimpleSearchBlock:after {
    content: "Search";
    display: block;
    float: right;
    width: 50px;
    height: 50px;
    position: relative;
    font-size: 20px;
    top: 11px;
    left: -18px;
}

#SimpleSearchBlock {
    margin-top: 5px
}

.header-aux-container .UtilityAuthenticationLink {
    border-right: 1px solid #fff;
    margin-right: 0px;
    padding-right: 0px;
}

.asa-auth-link::before {
    content: "";
    background: url("asa-images/log-in.png");
    display: block;
    height: 24px;
    width: 23px;
    float: left;
    margin-top: 3px;
    margin-right: 8px;
}

.nav-aux-cart::before {
    content: "";
    background: url("asa-images/ico_cart.png");
    display: block;
    height: 24px;
    width: 23px;
    float: left;
    margin-top: 2px;
    margin-right: 2px;
}

.asa-aux-search::before {
    content: "";
    background: url("asa-images/ico_search.png");
    display: block;
    height: 24px;
    width: 23px;
    float: left;
    margin-top: 2px;
    margin-left: 12px;
}

.asa-auth-link::before {
    content: "";
    background: url("asa-images/log-in.png");
    display: block;
    height: 24px;
    width: 23px;
    float: left;
    margin-top: 3px;
    margin-right: 8px;
}

.nav-aux-cart::before {
    content: "";
    background: url("asa-images/ico_cart.png");
    display: block;
    height: 24px;
    width: 23px;
    float: left;
    margin-top: 2px;
    margin-right: 2px;
}

.asa-aux-search::before {
    content: "";
    background: url("asa-images/ico_search.png");
    display: block;
    height: 24px;
    width: 23px;
    float: left;
    margin-top: 2px;
    margin-left: 12px;
}

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

.nav-aux-cart .NavigationLink:hover,
.nav-aux-cart .NavigationLink:focus {
    border: none;
}

.header-aux-container .UtilityNavigation {
    margin-top: 10px;
}

.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: var(--ASA-cyan500);
    transform: rotate(270deg);
}

.RadMenu.RadMenu_Coffee .rmExpanded.rmLink>.rmToggle>.rmIcon {
    background: var(--ASA-cyan500);
}

	
@media (min-width: 768px) {

    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 50px;
        height: 50px;
        font-size: 42px;
        border: solid 1px;
    }

    .carousel-control {
        position: absolute;
        top: 0;
        left: 45%;
        bottom: 0px;
        width: 15px;
        opacity: 0.5;
        font-size: 50px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    }

    .carousel-control.left {
        background-image: none;
    }

    .carousel-control.right {
        left: auto;
        right: 53%;
        background-image: none;
    }

    .carousel-indicators li {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 1px;
        text-indent: -999px;
        border: 1px solid #fff;
        border-radius: 0px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0, 0, 0, 0);
    }

    .carousel-indicators .active {
        margin: 1px;
        width: 20px;
        height: 20px;
        background-color: #fff;
    }
}

@media (max-width: 767px) {

    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 50px;
        height: 50px;
        font-size: 42px;
        border: solid 1px;
    }

    .carousel-control {
        position: absolute;
        top: 90px;
        width: 15px;
        opacity: 0.5;
        font-size: 50px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    }

    .carousel-control.left {
        background-image: none;
    }

    .carousel-control.right {
        left: auto;
        margin-right: 10px;
        background-image: none;
    }

    .carousel-indicators li {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 1px;
        text-indent: -999px;
        border: 1px solid #fff;
        border-radius: 0px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0, 0, 0, 0);
    }

    .carousel-indicators .active {
        margin: 1px;
        width: 20px;
        height: 20px;
        background-color: #fff;
    }

    #ctl01_ciFullWidthContent_ContentRecordTemplateArea_NewSlideshowCommon_SlideshowControls {
        width: 100px;
        position: absolute;
        right: 20px;
        top: 370px;
    }

    .asa-cta-section {
        margin-left: 0;
    }

    .grey-fingerprint-bg::after {
        top: 100px;
        right: -100px;
    }

    .asa-cta-header h2::before {
        top: 50px;
    }
}

/* fix margin on homepage carousel bg-img */
.carousel-inner.bg-img {
    margin: -1px;
}

/* back to top button branding */

.backToTop {
    background: var(--ASA-cyan500) url("images/ResponsiveHeaderSprite.png") 5px -223.5px no-repeat;

}

.backToTop:hover {
    background-color: var(--ASA-cyan700);
}



/* secondary nav heading style */
.nav-secondary .sub-nav-head {
    font-family: "Crimson Pro", "Lato", 'Open Sans', sans-serif;
    font-size: 40px;
    font-weight: 400;
    color: var(--ASA-charcoal-500);
}

/* secondary nav page layout revisions */
@media (min-width: 992px) {
    .has-secondary-col .body-container {
        grid-template-columns: 1fr 70% minmax(12em, 22%) 1fr;
        grid-template-rows: auto;
        grid-column-gap: 30px;
    }

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

    .has-secondary-col .body-container .col-secondary {
        grid-column: 3 / span 1;
        grid-row: 1;
        border-left: 1px #d8d8d8 solid;
        padding-left: 10px;
    }
}

/* promo image HTML spacing */
#ste_container_HTMLPromoImage {
    margin-top: 20px;
}

/* news and events tagged list typography */
.asa-events .title,
.news-article-homepage .title a,
.news-article-sidebar .title a {
    color: var(--Brand-Primary-Charcoal-850, #1D2121);
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
}

.asa-events .date,
.news-article-homepage .date,
.news-article-sidebar .date {
    color: var(--core-greyscale-grey-600555555, #555);
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.asa-events .desc,
.news-article-homepage .desc,
.news-article-sidebar .desc {
    overflow: hidden;
    color: var(--core-greyscale-grey-600555555, #555);
    text-overflow: ellipsis;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

/* remove secondary column margin */
.nav-secondary {
    margin-top: 0;
}

/* homepage event and news tagged list layouts */
@media (min-width:991px) {

    .news-article-homepage,
    .eventList {
        display: flex;
    }

    .news-article-homepage .featured-image,
    .eventList .event-image {
        flex: 1;
    }

    .news-article-homepage .content,
    .eventList .content {
        flex: 2;
    }
}

.news-article-homepage .content .title a,
.asa-events .title {
    color: var(--asa-greenpea);
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    text-decoration: none;
}

.news-article-homepage .content .title {
    margin-bottom: 10px;
}

/* footer links area */
#ste_container_ciFooterContent3 {
    display: flex;
    margin-left: 20px;
}

#ste_container_FooterLinksCol1,
#ste_container_FooterLinksCol2 {
    flex: 1;
}

@media (min-width:787px) {

    footer.footer .footer-content>.container .footer-column:nth-child(1),
    #ste_container_FooterLinksCol1 {
        border-left: 1px #d8d8d8 solid;
        padding-left: 50px;
    }
}

footer.footer .footer-content>.container .footer-column:nth-child(3) .ContentItemContainer ul>li {
    text-transform: unset;
}

#ste_container_ciFooterContent3 a {
    font-family: Lato;
    font-size: 20px;
    line-height: 42px;
    letter-spacing: 0%;
    text-align: center;
}

/* cloned login link row from header */
#ctl01_ciUtilityNavigation_UtilityPlaceholder_FooterClone a {
    color: var(--ASA-charcoal-500);
}

#ctl01_ciUtilityNavigation_UtilityPlaceholder_FooterClone {
    display: flex;
    justify-content: center;
}

#ctl01_ciUtilityNavigation_UtilityPlaceholder_FooterClone .asa-auth-link::before,
#ctl01_ciUtilityNavigation_UtilityPlaceholder_FooterClone .nav-aux-cart::before,
#ctl01_ciUtilityNavigation_UtilityPlaceholder_FooterClone .asa-aux-search::before {
    margin-top: 5px;
    margin-left: 5px;
}

#ctl01_ciUtilityNavigation_UtilityPlaceholder_FooterClone .nav-aux-cart::before,
#ctl01_ciUtilityNavigation_UtilityPlaceholder_FooterClone .asa-aux-search::before {
    margin-right: 5px;
}

/* navbar toggle */
.navbar-toggle .icon-bar {
    background-color: var(--ASA-charcoal-700);
}

/* primary drop down menu styling */
.RadMenu.RadMenu_Coffee .rmSlide .rmVertical .rmLink {
    padding: 8px 0px !important;
    margin: 5px;
    border-bottom: 1px #d8d8d8 solid
}

.rmSlide {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1)
}

/* mobile responsive adjustments */
@media (max-width:1256px) {

    /* primary navigation sizing */
    .RadMenu.RadMenu_Coffee .rmRootLink {
        padding: 0 !important;
    }
}

@media (max-width:1046px) {

    /* primary navigation sizing */
    .RadMenu.RadMenu_Coffee .rmRootLink {
        font-size: 18px;
    }
}

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

    body:not(.Wrapper-HomePage) .header:before {
        display: none;
    }

    #masterHeaderImage {
        width: 236px;
        height: 116px;
        margin-bottom: 25px;
    }

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

    .rmVertical .rmLink,
    .RadMenu.RadMenu_Coffee .rmRootLink {
        padding: 5px 0px !important
    }

    /* show links cloned for mobile menu */
    #ctl01_ciUtilityNavigation_UtilityPlaceholder_MobileMenuClone {
        display: block;
        background: #fff;
        text-align: center;
        padding: 15px 0;
        border-top: 1px #d8d8d8 solid;
    }

    #ctl01_ciUtilityNavigation_UtilityPlaceholder_MobileMenuClone a,
    #ctl01_ciUtilityNavigation_UtilityPlaceholder_MobileMenuClone a:visited,
    #ctl01_ciUtilityNavigation_UtilityPlaceholder_MobileMenuClone a:hover {
        color: var(--ASA-charcoal-700);
        font-family: Lato;
        font-weight: 600;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0%;
        text-align: center;
        text-decoration: none;
    }

    /* hide duplicate menu toggle, header socials, and aux links */
    .header-aux-container .UtilityNavigationList,
    .header-aux-container .UtilityAuthentication #ctl01_ciUtilityNavigation_UtilityPlaceholder_MobileMenuClone .UtilityNavigationToggle {
        display: none;
    }

    /* remove slider menu padding */
    header.header .header-primary-nav-container {
        padding: 0;
    }
}

/* hide links cloned for mobile menu */
@media (min-width:992px) {
    #ctl01_ciUtilityNavigation_UtilityPlaceholder_MobileMenuClone {
        display: none;
    }
}

/* underlines for homepage news and events headings */
.asa-news .panel-heading,
.asa-events .panel-heading {
    border-bottom: 1px #d8d8d8 solid;
}

/* adjust button text height alignment to be even */
.btn,
.TextButton,
.RadUpload.RadUpload .ruButton,
.RadUploadProgressArea.RadUploadProgressArea .ruButton {
    padding-bottom: 2px;
}

/* fix job board button styles */

.RadGrid.RadGrid .rgRow a.TextButton,
.RadGrid.RadGrid .rgAltRow a.TextButton,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow a {
    color: #fff;
}

.RadGrid.RadGrid .rgRow a.TextButton:hover,
.RadGrid.RadGrid .rgAltRow a.TextButton:hover,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow a:hover {
    color: var(--ASA-blue-500) !important;
}

/* homepage carousel image fix */
@media (min-width:992px) {
    #ctl01_ciFullWidthContent_ContentRecordTemplateArea_NewSlideshowCommon_Carousel>div.carousel-inner.bg-img>div {
        background-size: contain;
    }
}

@media (max-width:991px) {
    #ctl01_ciFullWidthContent_ContentRecordTemplateArea_NewSlideshowCommon_Carousel>div.carousel-inner.bg-img>div {
        background-size: auto !important;
        background-position: top left;
        background-color: var(--ASA-charcoal-500);
        min-height: 100px !important;
        height: 850px !important;
    }

    .home-page-header-container .carousel .carousel-caption {
        padding: 500px 10px 10px;
    }

    header.header {
        margin-bottom: 0;
    }
}

/* resolve homepage slider controls overlay spacing issue */
@media (min-width: 768px) {
    .carousel-control .icon-prev {
        margin-left: -65px;
    }
}

/* adjust news article headings and event headings to not take up so much space between lines */
.news-article-sidebar .title {
    line-height: 1em;
}

/* change color to sunglow */
.RadTreeView.RadTreeView_Coffee .rtHover .rtIn,
.RadTreeView.RadTreeView_Coffee .rtSelected .rtIn,
.RadTreeView.RadTreeView_Coffee .child-is-selected-wrapper .rtIn {
    border-color: #E07670;
}

/* search results */
.SearchField,
.SearchResultSummary .ListItemTitle a {
    background-color: var(--ASA-charcoal-850);
}

/* meeting category display on meeting section of homepage */
.eventList .meeting-category {
    text-transform: uppercase;
    color: var(--ASA-greenpea);
    font-family: Lato;
    font-weight: 700;
    font-size: 14px;
}

.eventList .meeting-category:after {
    content: "/";
    margin-left: 10px;

}

/* homepage job listing */
.asa-job.position-type {
    text-transform: uppercase;
    color: var(--ASA-greenpea);
    font-family: Lato;
    font-weight: 700;
    font-size: 14px;
    display: block;
}


.asa-job.location {
    display: block;
    font-family: Lato;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0%;
    color: var(--ASA-charcoal-500);
}

.asa-job-position-date {
    display: block;
    margin: 10px 0px;
    padding-bottom: 30px;
}

.asa-job-position-date span {
    width: 50%;
    display: block;
    float: left;
    font-family: Roboto;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
}

.asa-job-label {
    font-weight: 700;
}

.asa-jobs-board-homepage .card-body {
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.17);
}

.asa-jobs-board-homepage .card-body:hover {
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
}

.asa-jobs-board-homepage .panel-title:before {
    content: "";
    background: url("asa-images/jobs-icon.png");
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 6px
}

.asa-jobs-board-homepage {
    position: relative;
}

.asa-jobs-board-homepage .panel-title {
    margin-left: 60px;
}

.asa-jobs-board-homepage .panel-heading {
    border-bottom: 1px #d8d8d8 solid;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.asa-job-button .TextButton {
    text-transform: uppercase;
}

/* sidebar events fixes */
.asa-sidebar-events .eventList {
    display: block;
}


.asa-sidebar-events .eventList .content {
    margin-left: 0;
    max-width: unset;
}

.asa-sidebar-events .card {
    border: none;
}

.asa-sidebar-events .card-body {
    padding: 0;
}

.nav-secondary .sub-nav-head,
.asa-sidebar-news .panel-heading,
.asa-sidebar-events .panel-heading {
    border-bottom: 1px #d8d8d8 solid;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.nav-secondary .sub-nav-head {
    margin-left: 20px;
    padding-left: 0;
}

.asa-sidebar-events .title {
    color: var(--Brand-Primary-Charcoal-850, #1D2121);
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
}

.asa-sidebar-events .panel-title:before {
    content: "";
    background: url("asa-images/events-icon.png");
    width: 36px;
    height: 37px;
    position: absolute;
    left: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 6px
}

.asa-sidebar-events {
    position: relative;
}

.asa-sidebar-events .panel-title {
    margin-left: 35px;
}

.asa-sidebar-news .panel-title:before {
    content: "";
    background: url("asa-images/news-icon.png");
    width: 36px;
    height: 37px;
    position: absolute;
    left: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 12px
}

.asa-sidebar-news {
    position: relative;
}

.asa-sidebar-news .panel-title {
    margin-left: 35px;
}

.asa-sidebar-events .panel-title,
.asa-sidebar-events .panel-body,
.asa-sidebar-news .panel-title,
.asa-sidebar-news .panel-body {
    padding: 0;
    color: var(--ASA-charcoal-500);
}

.asa-sidebar-image,
.asa-sidebar-news,
.asa-sidebar-events {
    padding: 10px;
}

/* article page sections */
/* blue callout section */

.ASA-blue-bg-section {
    background: var(--ASA-blue-500);
    padding: 20px 25px;
    color: #fff;
}

.ASA-blue-bg-section .superheader {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 12%;
}

.ASA-blue-bg-section .underline-accent {
    display: block;
    height: 5px;
    width: 170px;
    background: #ffffff30;
    margin-top: 10px;
    margin-bottom: 15px;
}

.ASA-blue-bg-section .copy {
    font-style: italic;
    font-family: 'Crimson Pro';
    margin-bottom: 10px;
}

.ASA-blue-bg-section .cta-section .TextButton {
    border-color: #fff
}

.ASA-blue-bg-section .cta-section .TextButton:after {
    display: block;
    float: right;
    content: "";
    background-image: url("asa-images/Arrow_Right_LG_White.png");
    background-size: cover;
    width: 23px;
    height: 24px;
    margin-top: 3px;
    margin-left: 5px;
}

/* contributor section */
.ASA-contributor-section {
    border-top: 1px #d8d8d8 solid;
    padding-top: 25px;
    margin-top: 50px;
}

.ASA-contributor-section>div {
    display: flex;
    flex: wrap;
}

.ASA-contributor-section .contributor-details {
    flex: 1;
    margin-left: 25px;

}

.ASA-contributor-section .author-label {
    font-family: Lato;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 12%;
    text-transform: uppercase;

}

.ASA-contributor-section .author-name {
    font-family: Lato;
    font-weight: 400;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0%;
}


.ASA-contributor-section .name-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ASA-contributor-section .name-details {
    display: flex;
    flex-direction: column;
}

.ASA-contributor-section .author-linkedin {
    white-space: nowrap;
    font-family: Roboto;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0%;

}

.ASA-contributor-section .author-linkedin a:after {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    float: right;
    background-image: url("asa-images/icon_linkedin-hover.png");
    background-size: cover;
    margin-top: -10px;
    margin-left: 10px;
}

.ASA-contributor-section .author-links-heading,
.ASA-contributor-section .author-title {
    font-family: Roboto;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    margin: 5px 0 15px;

}

.ASA-contributor-section .author-br {
    display: block;
    height: 5px;
    width: 69px;
    background: #e0e0e0;
    margin-top: 15px;
    margin-bottom: 15px;
}

.ASA-contributor-section .author-links ul {
    list-style: none;
    padding-left: 0;
}

.ASA-contributor-section .author-links-heading {
    margin-bottom: 5px;
}

/* CCO header fonts */
.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch {
    font-family: "Crimson Pro", "Lato", 'Open Sans', sans-serif;
    font-size: 26px;
    clear: both;
    font-weight: inherit;
    line-height: 1.6;
}

/* Horizontal Tabs */
.RadTabStrip_MetroTouch {
    background-color: var(--ASA-blue-400);
    padding: 5px;
}


/* eliminate roundness on all input fields */
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
.input-fake {
    color: var(--ASA-charcoal-700);
    border: 1px solid var(--ASA-charcoal-700);
    border-radius: 0px;
    margin-top: 5px;
    display: inline-block;
  height: 48px;
  padding: 5px 10px;
  font-size: 100%;
  line-height: 2;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border linear 0.2s, box-shadow linear 0.2s;
}

.LargeButton, .UseLargeButton .TextButton, .UseLargeButton .TextButtonWithImage {
  font-size: 120% !important;
}


/* mobile adjustments for homepage */
@media(max-width:767px) {

    /* stretch images an eliminate white space */
    .image-stretch img {
        width: 100%;
    }

    .row.full-width .iMIS-WebPart>.ContentItemContainer {
        margin-bottom: 0;
    }

    .eventList {
        margin: 0;
        width: 100%;
        max-width: unset;
    }

    .eventList .content,
    .asa-events .panel-body {
        padding: 0;
    }

    #ste_container_FooterBottomLinks p {
        text-align: left !important;
        max-width: 80%;
    }

    footer.footer .footer-content>.container .footer-column:nth-child(3) .ContentItemContainer ul>li {
        max-width: unset;
        width: 100%;
    }
}

.row.full-width .col-sm-6 {
    padding: 0;
}

.footer-column .UtilitySection.UtilityNavigationToggle {
    display: none;
}


.journal-block-header.right-align {
    margin-bottom: 5px;
}

/* mid size fixes */
@media (max-width:1250px) {
    .asa-cta-header h2::before {
        top: 30px;
    }

    .grey-fingerprint-bg::after {
        right: 50px;
    }
}

/* interior page header mobile adjustments */
@media (max-width:992px) {

    .vacc-internal-header-container #ste_container_PageTitleHTML,
    .vacc-internal-header-container #ste_container_NewSlideshowCommon {
        width: 100%;
        display: block;
    }

    #ste_container_PageTitleHTML {
        max-width: unset;
        height: auto;
    }

    #ste_container_ciInternalFullWidthHeader {
        display: block;
    }

    #pagetitle {
        height: auto;
        min-height: 100px;
        padding: 20px;
        margin: 50px 0 30px;
    }

    #pagetitle::before {
        top: 0px;
    }

    /* center stuff on mobile */
    .sub-nav {
        text-align: center;
    }

    /* further reduce padding around homepage journal sections */
    .non-full-width {
        padding: 0
    }

    /* reduce padding on all containers on mobile size */
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    /* added to solve x overflow issue from certain rows */
    .row>*,
    .row {
        margin-right: unset;
        margin-left: unset;
        padding-left: 0;
        padding-right: 0;
    }

    .asa-cta-header h2::before {
        top: 20px;
    }

    .asa-jobs-board-homepage .panel-heading,
    .asa-jobs-board-homepage .panel-body,
    .asa-events .panel-heading,
    .asa-events .panel-body,
    .asa-news .panel-heading,
    .asa-news .panel-body {
        padding: 10px 0;
    }

    /* homepage journal squares content */
    .journal-block {
        padding: 20px;
    }

    .grey-fingerprint-bg-awards,
    .blue-fingerprint-bg {
        margin: 53px 20px;
        padding: 20px;
        height: auto;
        ;
    }


    .grey-fingerprint-bg-awards .asa-cta-header h2::before,
    .blue-fingerprint-bg .asa-cta-header h2::before {
        top: 40px;
        left: 24px;
    }

    .grey-fingerprint-bg-awards::after,
    .blue-fingerprint-bg::after {
        right: -160px;
        top: 100px;
    }

    .asa-prof-dev-section .asa-cta-header h2 {
        font-size: 56px;
    }

    .footer-content .container {
        display: flex;
        flex-direction: column-reverse;
    }

    /* footer links area */
    #ste_container_ciFooterContent3 {
        margin: 0;
    }

    /* Set the order for each column */
    .footer-column[data-label="Footer Column 1"] {
        order: 3;
        padding-top: 20px;
    }

    .footer-column[data-label="Footer Column 2"] {
        order: 2;
        color: #555555;
        line-height: 28px;
        font-size: 16px;
    }

    .footer-column[data-label="Footer Column 3"] {
        order: 3;
        padding-bottom: 20px;
        padding-top: 20px;
        border-bottom: solid 2px #f3f3f3;
        font-weight: 700;
    }

    .footer-column[data-label="Footer Column 4"] {
        order: 4;
        padding-bottom: 20px;
        border-bottom: solid 2px #f3f3f3
    }

    .footer-column {
        text-align: left;
    }

    #ste_container_ciFooterContent3 {
        display: block;
        width: 100%;
        float: left;
    }

    footer.footer .footer-content>.container ul,
    footer.footer .footer-content>.container .footer-column:nth-child(3) .ContentItemContainer ul>li {
        margin: 0;
    }

    /* social icons */
    .asa-header-socials {
        float: left;
    }

    footer.footer .footer-content>.container .UtilityNavigation.nav-auxiliary .NavigationUnorderedList li:nth-child(1) {
        display: none;
    }

    #ctl01_ciUtilityNavigation_UtilityPlaceholder_FooterClone {
        float: left;
    }

    #ctl01_ciUtilityNavigation_UtilityPlaceholder_MobileMenuClone .UtilityNavigationToggle,
    #ste_container_ciUtilityNavigation div.UtilitySection.UtilityAuthentication,
    .header-aux-container .asa-header-socials {
        display: none;
    }

    #ste_container_ciFooterContent2 {
        display: flex;
        flex-direction: column;
    }

    #ste_container_FooterCopyright {
        order: 2;
    }

    #ste_container_HTMLAcknowledgement {
        padding-bottom: 40px;
    }

    .asa-homepage-4images div:nth-child(3),
    .asa-homepage-4images div:nth-child(4),
    .asa-pre-footer div:nth-child(3),
    .asa-pre-footer div:nth-child(4) {
        display: none;
    }

    .asa-homepage-4images>div,
    .asa-pre-footer>div>div>div {
        width: 50%;
        float: left;
        display: block;
    }

    .asa-homepage-4images img,
    .asa-pre-footer img {
        height: 200px !important;
        width: auto;
        object-fit: cover;
        object-position: center;
    }
}

/* smallest screens adjustments */
@media (max-width:767px) {
    .grey-fingerprint-bg>div {
        padding: 100px 25px;
    }

    .asa-cta-header h2::before {
        top: 70px;
    }

    .grey-fingerprint-bg::after {
        right: -50px;
    }
}


.grey-fingerprint-bg-awards .ContentItemContainer .asa-cta-section,
.asa-prof-dev-section .ContentItemContainer,
.asa-directory-of-archives .ContentItemContainer {
    position: relative;
    overflow-x: hidden;
}

/* remove awful border radius from date picker fields */
.RadUpload.RadUpload .ruFakeInput,
.RadPicker .rcCalPopup,
.RadPicker .rcTimePopup,
.RadPicker .RadInput {
    border-radius: 0px;
}

/* re-center labels on certain buttons */
.ruSelectWrap .ruButton.ruBrowse {
    text-align: center;
}

.news-article-homepage {
    margin-bottom: 25px;
}

.news-article-homepage img {
    padding-top: 25px;
    padding-right: 25px;
}

/* homepage job board mobile responsive */
@media (max-width: 991.98px) {
    .asa-jobs-board-homepage .QueryTemplateSet.row {
        flex-direction: column;
    }
}

/* footer links after nav */
footer.footer a,
footer.footer a:hover,
footer.footer a:focus,
footer.footer a:active,
footer.footer a:visited {
    color: var(--ASA-blue-500);
}

/* job board page query template display */
.asa-job-board .GridTitlePanel,
.asa-job-board thead {
    display: none;
}

@media (max-width: 768px) {

    .asa-job-board .rgRow,
    .asa-job-board .rgAltRow {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 30px;
		margin-top: 30px;
        border-width: 1px;
        border-style: solid
    }

    .asa-job-board .RadGrid.RadGrid_MetroTouch {
        border: none;
    }

    .asa-job-board .rgRow td,
    .asa-job-board .rgAltRow td {
        width: 100%;
        display: block;
        padding: 10px 0;
        text-align: center;
    }

    .asa-job-board .rgRow td img,
    .asa-job-board .rgAltRow td img {
        padding-right: 0 !important;
        max-width: 100%;
        height: auto;
    }

    .asa-job-board .rgRow td a.btn,
    .asa-job-board .rgAltRow td a.btn {
        width: 40%;
        margin: 0 auto;
        display: block;
        text-align: center;
    }
}






.ProgressTracker2 .ProgressTrackerPanel .count {
  color: #fff;
  font-family: "Lato", 'Open Sans', sans-serif;
  font-weight: 500;
}

.home-member-tracker {
  z-index: 88;
  font-family: "Lato", 'Open Sans', sans-serif;
  margin-bottom: 40px;
}

.home-member-tracker .ProgressTrackerPanel {
  background: transparent;
}

.home-member-tracker .ProgressTracker2 .ProgressTrackerPanel .count {
  color: #e22900;
  font-size: 15vw;
  font-family: "Lato", 'Open Sans', sans-serif;
  padding: 30px 0;
}

@media (min-width: 992px) {
  .home-member-tracker .ProgressTracker2 .ProgressTrackerPanel .count {
    font-size: 160px;
  }
}

.home-member-tracker .ProgressTracker2 .ProgressTrackerPanel .label {
  font-size: 40px;
  color: #1f202c;
  font-family: "Lato", 'Open Sans', sans-serif;
}

.home-member-tracker a.home-membership-btn {
  text-align: center;
  color: #ce2600;
  display: block;
  text-decoration: none;
  line-height: 0.7em;
  font: 200 28px "Lato";
  margin: 2em 0;
}

@media (min-width: 768px) {
  .home-member-tracker a.home-membership-btn {
    display: inline-block;
    float: left;
    width: 29%;
    margin: 1em 2%;
  }
}

.home-member-tracker a.home-membership-btn :first-of-type {
  margin: 0 2% 0 0;
}

.home-member-tracker a.home-membership-btn :last-of-type {
  margin: 0 0 0 2%;
}

.home-member-tracker a.home-membership-btn:hover img {
  filter: initial;
}

.home-member-tracker a.home-membership-btn img {
  border: 2px dashed #ff623f;
  border-radius: 50%;
  display: inline-block;
  margin: 0 auto;
  filter: grayscale(100%);
}


.FullWidthArea-StyleBg4 .WebPartZone .ContentItemContainer {
  font: 400 3.5vw 'Lato', sans serif;
  line-height: 1.6;
  color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: auto;
  margin: auto;
  height: 20vw;
  padding: 20px;
}


/* Inline edit save and publish buttons
    ========================================================================= */
.SimpleContentEditorInline .reToolBar:last-child .reTool {
  background-color: rgba(255, 255, 255, 0.4);
  color: #1f202c;
  font-family: "Lato", Helvetica, sans-serif;
  font-weight: 400;
  transition: background 0.2s ease-out;
}


/* Event Display
   ========================================================================== */

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



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



/**MBRR Join now page**/
.highlighter-quote blockquote {
  font: 600 1.2em "Lato", Helvetica, sans-serif;
  line-height: 1.6em;
  margin: 0;
  text-align: center;
}