@charset "UTF-8";
/* Responsive NaturalHeritage theme */
/* Not in use by family's themes, may be used by Ultrawave. */
/*progress tracker */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,500,700);
@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800);
/* left, center, right */
/*right, left*/
/*hsl(hue($link-color), saturation($link-color), 80%) !default;*/
/* ==========================================================================
   MASTER PAGE LAYOUT
   ========================================================================== */
/* Class used to contain the various pieces of the master page */
.container,
.header-container,
.SliderPage1 {
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

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

/* handle secondary column layout */
@media (min-width: 992px) {
  .has-secondary-col .col-primary {
    width: 76%;
  }

  .has-secondary-col .col-secondary {
    width: 22%;
  }

  .has-secondary-col.col-on-right .col-primary {
    float: left;
    margin-right: 2%;
  }

  .has-secondary-col.col-on-right .col-secondary {
    float: right;
    margin-bottom: 2rem;
  }

  .has-secondary-col.col-on-left .col-primary {
    float: right;
    margin-left: 2%;
  }

  .has-secondary-col.col-on-left .col-secondary {
    float: left;
  }
}
/* Header
   ========================================================================== */
/**
 * The following declarations are required to reposition the search bar and
 * Sign In/Out link at different sizes via appendAround
 */
.search-container,
.auth-link-container {
  display: block;
}

.search-container-sm,
.auth-link-container-sm {
  display: none !important;
}

@media (min-width: 992px) {
  .search-container-sm,
.auth-link-container-sm {
    display: inline-block !important;
  }
}
/* Template Manager  - Reset styles to prevent section overlap */
.TemplateManagerArea .header-top-container,
.TemplateManagerArea .header-bottom-container,
.TemplateManagerArea .header-top-container #masterLogoArea,
.TemplateManagerArea .header-top-container .navbar-header {
  position: static;
  clear: both;
}

/* Theme family has primary nav within header-bottom-container so this
   container's z-index needs to be changed for the same as the primary nav's.*/
.header-bottom-container {
  z-index: 1001 !important;
}

/* This applies to the area behind the header logo and auxiliary navigation */
#masterHeaderBackground,
.header {
  border-bottom: none;
}

.navbar-collapse {
  clear: both;
}

@media (min-width: 768px) {
  .navbar-collapse.collapse {
    display: none !important;
  }

  .collapse.in {
    display: block !important;
  }
}
@media (max-width: 991px) {
  .navbar-collapse {
    /* expand to the full width of the page */
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}
@media (min-width: 992px) {
  .navbar-collapse {
    clear: right;
  }

  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
}
.header-logo-container {
  float: left;
  margin: 0.5em 0;
}

@media (max-width: 767px) {
  .header-social {
    display: none !important;
  }
}
.header-social a {
  text-decoration: none;
}

/* These styles apply to the auxiliary and footer navigation */
.NavigationUnorderedList {
  padding-left: 0;
  margin: 0;
  display: inline-block;
}

.NavigationListItem {
  list-style-type: none;
  display: inline-block;
  margin-left: 0;
}

.NavigationLink {
  padding-left: 7.5px;
  padding-right: 7.5px;
  white-space: nowrap;
}

@media (max-width: 991px) {
  .ste-section {
    display: none !important;
  }
}
/* Main
   ========================================================================== */
#masterContentArea {
  margin-top: 1rem;
}

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

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

.Wrapper-FullWidth #masterContentArea .container-inner,
.Wrapper-FullWidth.Wrapper-HomePage .OnBehalfOfContainer {
  max-width: 1170px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin: 0 auto;
}

.Wrapper-HomePage .FullWidthArea-StyleBg1,
.Wrapper-HomePage .FullWidthArea-StyleBg2,
.Wrapper-HomePage .FullWidthArea-StyleBg3,
.Wrapper-HomePage .FullWidthArea-StyleBg4,
.Wrapper-HomePage .FullWidthArea-StyleBg5 {
  padding: 50px 1%;
  min-height: 450px;
}

/***** Proxy Panel Styling *****/
/* This applies to the on behalf of (proxy) area */
.obo-container {
  float: right;
}

.obo-panel {
  line-height: 2.4em;
  white-space: nowrap;
  padding-right: 5px;
  padding-left: 5px;
  margin-bottom: 10px;
}

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

.account-menu .obo-panel {
  /* within the account area dropdown make the padding match the other items*/
  padding: 3px 10px;
}

.obo-label,
.obo-actions {
  display: inline-block;
}

.obo-label {
  font-weight: bold;
}

.obo-label span:after {
  content: ":";
}

/* This applies to the button area at the bottom of the page (e.g., Save, Cancel) */
.CommandBar {
  margin: 0.5em 0;
}

.backToTop {
  display: none;
}

/* Sticky Footer
   ========================================================================== */
/**
 * Responsive sticky footer.
 * See http://www.joshrcook.com/a-responsive-sticky-footer/
 */
.wrapper {
  display: table;
  width: 100%;
  height: 100%;
}

.footer {
  display: table-row;
  height: 1px;
}

@media (min-width: 768px) {
  .footer-social {
    text-align: left;
  }
}
@media (min-width: 768px) {
  .footer-promo-container {
    text-align: right;
  }
}
.footer-promo-container .promo {
  background: none !important;
  box-shadow: none !important;
  padding-bottom: 0 !important;
}

.footer-promo-container .promo .TextButton, .footer-promo-container .promo .hiddenGrid.secretButton a, .hiddenGrid.secretButton .footer-promo-container .promo a, .footer-promo-container .promo .TaggedListPanel a[id$=NextButton], .TaggedListPanel .footer-promo-container .promo a[id$=NextButton],
.footer-promo-container .promo .TaggedListPanel a[id$=PreviousButton], .TaggedListPanel .footer-promo-container .promo a[id$=PreviousButton] {
  background: #108aff !important;
  color: #fff;
}

.footer-content-section {
  padding: 0 1.5rem 0 1rem !important;
}

.footer-content-section h2 {
  font-size: 110%;
}

.footer-nav-copyright {
  padding-top: 0 !important;
}

.HelperText {
  color: #003049;
}

.EasyEditOn .EasyEditContent:hover,
.EasyEditOn .WebPartZoneDesignTime:hover {
  background: none;
}

/* ==========================================================================
   Great Barrier Reef Skin Specific Styles
   ========================================================================== */
h1 {
  position: relative;
  display: table;
}

.Wrapper-HomePage h2.panel-title {
  color: #003049;
  display: table;
}

.Wrapper-HomePage .FullWidthArea-StyleBg1 {
  min-height: auto;
}

.Wrapper-HomePage .FullWidthArea-StyleBg2 {
  background: #cccccc url(images/FullWidthArea_Bg2.jpg) center top no-repeat;
  font-weight: bold;
  background-size: 100% auto;
}

@media (max-width: 767px) {
  .Wrapper-HomePage .FullWidthArea-StyleBg2 {
    background-size: auto 100%;
  }
}
.Wrapper-HomePage .FullWidthArea-StyleBg2 h2 {
  color: #515052;
  line-height: 2rem;
}

.Wrapper-HomePage .FullWidthArea-StyleBg2 h2 strong {
  font-size: 160%;
  display: block;
  padding-bottom: 0.5rem;
}

.Wrapper-HomePage .FullWidthArea-StyleBg2:after {
  content: " ";
  display: block;
  clear: both;
}

.Wrapper-HomePage .FullWidthArea-StyleBg3 {
  background: #f5f5f5;
}

.Wrapper-HomePage .FullWidthArea-StyleBg4 {
  background: #cccccc url(images/FullWidthArea_Bg4.jpg) center top no-repeat;
  padding: 2em 1%;
  min-height: auto;
  background-size: 100% auto;
  background-position: 0 -220px;
}

@media (max-width: 991px) {
  .Wrapper-HomePage .FullWidthArea-StyleBg4 {
    background-size: auto 100%;
    background-position: 0 0;
  }
}
.Wrapper-HomePage .FullWidthArea-StyleBg4 h2 {
  color: #515052;
  line-height: 2rem;
}

.Wrapper-HomePage .FullWidthArea-StyleBg4 h2 strong {
  font-size: 160%;
  display: block;
  padding-bottom: 0.5em;
}

.Wrapper-HomePage .FullWidthArea-StyleBg4 .WebPartZone {
  background-color: #f5f5f5;
  margin: 3rem 0 3rem auto;
  padding: 0.6rem 2%;
}

@media (min-width: 768px) {
  .Wrapper-HomePage .FullWidthArea-StyleBg4 .WebPartZone {
    width: 50%;
  }
}
.Wrapper-HomePage .FullWidthArea-StyleBg4 em {
  font-size: 50%;
  display: table;
  margin-top: 1em;
}

.Wrapper-HomePage .FullWidthArea-StyleBg5 {
  display: none;
  /* not in use */
}

/* Button styles for all browsers */
.btn, .TextButton, .hiddenGrid.secretButton a, .TaggedListPanel a[id$=NextButton],
.TaggedListPanel a[id$=PreviousButton], .ruButton {
  font-size: 1.6rem !important;
}

.TextButton.LinkedIn, .hiddenGrid.secretButton a.LinkedIn, .TaggedListPanel a.LinkedIn[id$=NextButton],
.TaggedListPanel a.LinkedIn[id$=PreviousButton], .TextButton.Facebook, .hiddenGrid.secretButton a.Facebook, .TaggedListPanel a.Facebook[id$=NextButton],
.TaggedListPanel a.Facebook[id$=PreviousButton] {
  line-height: 1.3;
}

.BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu) {
  position: relative;
  padding: 1em 0.2em;
  margin: 1em 0 0 0;
  text-align: center;
}

.BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu) li {
  display: inline-block;
}

.BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu) .ButtonItem {
  color: transparent !important;
  width: 4.5rem;
  height: 4.5rem;
  opacity: 0.5;
  margin: 0 0.25rem;
  padding: 0 !important;
}

.BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu) a[href*=PrintProfile] {
  background: transparent url("images/ThemeIconsSprite.png") -2px -595px no-repeat !important;
}

.BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu) a[href*="Profile.aspx"] {
  background: transparent url("images/ThemeIconsSprite.png") -2px -380px no-repeat !important;
}

.BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu) a[href*="Duplicate_Merge.aspx"] {
  background: transparent url("images/ThemeIconsSprite.png") -2px -487px no-repeat !important;
}

.BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu) .btn:hover, .BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu) .btn:focus {
  opacity: 0.7;
}

.BigButtonPanelArea2 .btn {
  width: 90%;
  max-width: 16.6em;
}

@media (min-width: 992px) {
  .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
    background: transparent url("images/ResponsiveHeaderSprite.png") 0 -100px no-repeat !important;
  }
}
@media (max-width: 767px) {
  .icon-bar {
    background-color: #000 !important;
  }
}
.obo-toggle.on, .ste-toggle.on,
.batch-toggle.on,
.transaction-date-toggle.on {
  background-color: #003049 !important;
}

@media (min-width: 992px) {
  .header-top-container .header-container {
    position: relative;
    z-index: 1002;
  }

  .header-top-container .navbar-header {
    position: absolute;
    top: 0;
    right: 0;
  }

  .header-top-container #masterLogoArea {
    position: absolute;
    top: 5.625rem;
    left: 2rem;
  }
}
@media (min-width: 992px) {
  .header-bottom-container {
    background-color: #fff;
    position: absolute;
    top: 5.5rem;
    left: 0;
    right: 0;
  }
}
.footer-promo-container .promo {
  padding-top: 0;
}

@media (min-width: 768px) {
  .primary-navigation-area {
    margin-top: 14.625rem !important;
  }
}
@media (min-width: 992px) {
  .primary-navigation-area {
    margin-top: 2.625rem;
    margin-left: 20rem;
  }
}
.SubNavigationSeparator.rtDisabled {
  display: none;
}

/* Internal Pages Only - Reduce header size */
@media (min-width: 992px) {
  body:not(.Wrapper-HomePage) .header-bottom-container {
    min-height: 8rem;
  }

  body:not(.Wrapper-HomePage) .header-top-container #masterLogoArea {
    top: 5.8rem;
  }

  body:not(.Wrapper-HomePage) .primary-navigation-area {
    margin-top: 1.5rem;
  }

  body:not(.Wrapper-HomePage) #hd, body:not(.Wrapper-HomePage) .InternalHeaderArea {
    min-height: 23.5rem;
    height: 23.5rem;
  }
}
.carousel-caption {
  text-shadow: none;
}

.InternalHeaderArea .carousel-inner::before {
  display: block;
  content: "";
  background-color: none;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 55;
}

.Spotlight .SectionLabel,
.Spotlight h4 {
  display: block;
  position: relative;
  padding: 1rem 0 0.6rem 0;
}

.Spotlight .SectionLabel:after,
.Spotlight h4:after {
  width: 25%;
}

.Spotlight {
  margin-bottom: 1.3em;
}

.Spotlight p {
  padding: 0.2em 1.3em;
  margin: -0.2em 0 0 0;
  position: relative;
}

.Spotlight a {
  text-decoration: none;
  display: inline-block;
}

.Spotlight img {
  padding: 0.3em;
  border: 3px solid #ccc;
  object-fit: cover;
  width: 12rem;
  height: 12rem !important;
  border-radius: 50% 50%;
}

@media (min-width: 768px) {
  .TestimonialArea {
    width: 70%;
  }
}
/*.TestimonialArea .TestimonialPersonPhoto {
    object-fit: cover;
    width: 15rem;
    height: 15rem !important;
    border-radius: 50% 50%;
    margin: 0 auto;
    display: block;
    border: 3px solid $white;
}

.TestimonialArea blockquote {
    background: $white;
    font-weight: normal;
    padding: 6rem 6% 3rem 6%;
    margin: -4.3rem auto 0 auto;
    text-align: center;
}

.TestimonialArea blockquote em {
    display: block;
    margin-top: 1rem;
}*/
.SessionsHome .panel-body {
  padding: 0;
}

.SessionsHome .RadGrid.RadGrid_MetroTouch, .SessionsHome .RadGrid.RadGrid_MetroTouch .rgMasterTable,
.SessionsHome .RadGrid.RadGrid_Metro,
.SessionsHome .RadGrid.RadGrid_Metro .rgMasterTable {
  background: none !important;
  border: 1px solid transparent;
}

.SessionsHome .RadGrid.RadGrid_MetroTouch thead,
.SessionsHome .RadGrid.RadGrid_Metro thead {
  display: none;
}

@media (min-width: 768px) {
  .SessionsHome .RadGrid.RadGrid_MetroTouch tbody tr,
.SessionsHome .RadGrid.RadGrid_Metro tbody tr {
    width: 48%;
    float: left;
    margin-right: 2%;
  }
}
.SessionsHome .RadGrid.RadGrid_MetroTouch tbody tr.rgRow, .SessionsHome .RadGrid.RadGrid_MetroTouch tbody tr.rgAltRow, .SessionsHome .RadGrid.RadGrid_MetroTouch tbody tr.rgSelectedRow,
.SessionsHome .RadGrid.RadGrid_Metro tbody tr.rgRow,
.SessionsHome .RadGrid.RadGrid_Metro tbody tr.rgAltRow,
.SessionsHome .RadGrid.RadGrid_Metro tbody tr.rgSelectedRow {
  background: none !important;
  color: #515052;
  border: 1px solid transparent;
}

.SessionsHome .RadGrid.RadGrid_MetroTouch tbody tr.rgRow td, .SessionsHome .RadGrid.RadGrid_MetroTouch tbody tr.rgAltRow td, .SessionsHome .RadGrid.RadGrid_MetroTouch tbody tr.rgSelectedRow td,
.SessionsHome .RadGrid.RadGrid_Metro tbody tr.rgRow td,
.SessionsHome .RadGrid.RadGrid_Metro tbody tr.rgAltRow td,
.SessionsHome .RadGrid.RadGrid_Metro tbody tr.rgSelectedRow td {
  width: 100%;
  display: block;
  padding: 0.5rem 0;
  border: 1px solid transparent;
}

.SessionsHome .RadGrid.RadGrid_MetroTouch tbody tr.rgRow td:first-of-type, .SessionsHome .RadGrid.RadGrid_MetroTouch tbody tr.rgAltRow td:first-of-type, .SessionsHome .RadGrid.RadGrid_MetroTouch tbody tr.rgSelectedRow td:first-of-type,
.SessionsHome .RadGrid.RadGrid_Metro tbody tr.rgRow td:first-of-type,
.SessionsHome .RadGrid.RadGrid_Metro tbody tr.rgAltRow td:first-of-type,
.SessionsHome .RadGrid.RadGrid_Metro tbody tr.rgSelectedRow td:first-of-type {
  font-weight: bold;
}

@media (min-width: 768px) {
  .UpcomingEventsHome ul.RelatedItemsHorizontal li,
.UpcomingEventsHome .RelatedItemsHorizontal ul.rrItemsList li {
    width: 22.5rem;
    height: auto;
    margin: 0.6em 2%;
  }

  .UpcomingEventsHome a.ImageLink img {
    width: 22.5rem !important;
    height: auto !important;
    display: block;
  }
}
.UpcomingEventsHome a.LabelLink {
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  line-break: normal;
}

.ProgressTracker2 {
  text-align: center;
}

.ProgressTracker2 .ProgressTrackerPanel .count {
  color: #003049 !important;
}

.ProgressTracker2 .SuccessfulMessage {
  width: 95%;
  margin: 0 auto 0.5em auto;
  color: #fff !important;
  background-color: #003049 !important;
  font-weight: bold;
  border-radius: 3px;
}

.ProgressTracker2 .ProgressBar {
  border-radius: 3px;
  background-color: #999999 !important;
  height: 1.6rem;
}

.ProgressTracker2 .ProgressBar span {
  background-color: #003049 !important;
  border-radius: 0;
}

.Wrapper-HomePage .ProgressTracker2 .ProgressTrackerPanel {
  background-color: transparent;
}

.Wrapper-HomePage .ProgressTracker2 .inset {
  text-align: left;
  font-size: 125%;
}

.Wrapper-HomePage .ProgressTracker2 span.count {
  color: #fff;
  line-height: 2rem;
}

.Wrapper-HomePage .ProgressTracker2 span.count strong {
  font-size: 160%;
  display: block;
  padding-bottom: 0.5rem;
}

/* 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: #003049 !important;
  border-color: #003049 !important;
  color: #fff;
  text-decoration: none !important;
}

.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected .tab-step-number {
  color: #fff;
  background-color: #003049;
}

/* line 444, Users/lauragoodyear/OneDrive - Bursting Silver/Google Drive/Projects/HSBA/HSBA_Responsive/NaturalHeritageSites/_GlacierBay.scss */
.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink:hover {
  text-decoration: none !important;
  color: #fff;
  background-color: #F89725 !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 #515052;
  }

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

.CalloutPart2 {
  background-color: #f5f5f5;
}

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

.backToTop {
  display: 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: #003049 !important;
  border-color: #003049 !important;
  color: #fff !important;
}

/* 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 (min-width: 992px) {
  .nav-primary .nav-aux-primary-switch,
tr.nav-primary .nav-aux-primary-switch,
th.nav-primary .nav-aux-primary-switch,
td.nav-primary .nav-aux-primary-switch {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .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;
  }
}
/**** End Social Netowrking Icon Styling ****/
input,
button,
select,
textarea {
  font-family: "Open Sans", 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: 39px;
  padding: 5px 10px;
  font-size: 100%;
  line-height: 1.8;
  color: #555555;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border linear 0.2s, box-shadow linear 0.2s;
}

@media screen and (prefers-reduced-motion: reduce) {
  select,
textarea,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
.uneditable-input {
    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: 39px;
  padding: 0;
  font-size: 100%;
  line-height: 1.8;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border linear 0.2s, box-shadow linear 0.2s;
}

@media screen and (prefers-reduced-motion: reduce) {
  .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 3px 3px 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: 39px;
  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: 37px;
  padding: 0;
  border-radius: 3px;
}

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

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

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

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

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

@media screen and (prefers-reduced-motion: reduce) {
  .chosen-container-multi .chosen-choices {
    transition: none;
  }
}
.chosen-container-multi .chosen-choices li.search-field {
  /* Remove the styling used in the master page search-field */
  background-color: transparent;
  background-image: none;
  border-color: transparent;
  padding-left: 0 !important;
}

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

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

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

textarea {
  height: auto;
}

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

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

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

/* line 7, Users/lauragoodyear/OneDrive - Bursting Silver/Google Drive/Projects/HSBA/HSBA_Responsive/mixins/_raddatapager.scss */
.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: #fff;
  border-color: #fff;
}

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

.footer-nav-copyright::after {
  display: block;
  clear: both;
  content: "";
}

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

.jumbotron.interior p::after {
  display: block;
  clear: both;
  content: "";
}

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

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

.RadTabStripTop_Metro .rtsLevel1 .rtsLink, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink,
.RadTabStrip_Metro .rtsLevel1 .rtsLink,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink {
  text-transform: none;
  border-color: #fff;
  border-radius: 3px 3px 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: #cccccc;
  border-color: transparent;
}

.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: inherit;
  font-size: 1.9rem !important;
  clear: both;
}

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

@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: 1rem 1rem 0 1rem;
}

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

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

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

/* RadGrid Calendar
   ========================================================================== */
.RadScheduler_Metro .rsHeader {
  background-color: #003049 !important;
}

.RadScheduler_Metro .rsHeader h2 {
  color: #fff;
}

/* Basic Reset */
*,
*::after,
*::before {
  margin: 0;
  /* removes margins from all browsers */
  padding: 0;
  /* removes paddings from all browsers */
  box-sizing: inherit;
}

html {
  /* This defines what 1rem should be */
  font-size: 62.5%;
  /* (16px (browser default font-size) / 10px) * 100% */
}

body {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.428571429;
  color: #000;
  box-sizing: border-box;
  /* removes all paddings and margins from all borders and boxes in all browsers */
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

/* ==========================================================================
   Basic setup
   ========================================================================== */
a, .Link {
  color: #003049;
  text-decoration: underline;
}
a:visited, .Link:visited {
  color: #F89725;
}
a:hover, a:focus, a:active, .Link:hover, .Link:focus, .Link:active {
  color: #3ca3d9;
  text-decoration: underline;
}
a.aspNetDisabled, a.aspNetDisabled:hover, a.aspNetDisabled:focus, a.aspNetDisabled:active, a.aspNetDisabled:visited, a:disabled, a:disabled:hover, a:disabled:focus, a:disabled:active, a:disabled:visited, .Link.aspNetDisabled, .Link.aspNetDisabled:hover, .Link.aspNetDisabled:focus, .Link.aspNetDisabled:active, .Link.aspNetDisabled:visited, .Link:disabled, .Link:disabled:hover, .Link:disabled:focus, .Link:disabled:active, .Link:disabled:visited {
  color: #999999;
  text-decoration: underline;
}

.RadGrid a, .RadToolTip a, .k-grid a {
  color: #003049 !important;
  text-decoration: underline !important;
}
.RadGrid a:visited, .RadToolTip a:visited, .k-grid a:visited {
  color: #F89725 !important;
}
.RadGrid a:hover, .RadGrid a:focus, .RadGrid a:active, .RadToolTip a:hover, .RadToolTip a:focus, .RadToolTip a:active, .k-grid a:hover, .k-grid a:focus, .k-grid a:active {
  color: #3ca3d9 !important;
  text-decoration: underline !important;
}
.RadGrid a.aspNetDisabled, .RadGrid a.aspNetDisabled:hover, .RadGrid a.aspNetDisabled:focus, .RadGrid a.aspNetDisabled:active, .RadGrid a.aspNetDisabled:visited, .RadGrid a:disabled, .RadGrid a:disabled:hover, .RadGrid a:disabled:focus, .RadGrid a:disabled:active, .RadGrid a:disabled:visited, .RadToolTip a.aspNetDisabled, .RadToolTip a.aspNetDisabled:hover, .RadToolTip a.aspNetDisabled:focus, .RadToolTip a.aspNetDisabled:active, .RadToolTip a.aspNetDisabled:visited, .RadToolTip a:disabled, .RadToolTip a:disabled:hover, .RadToolTip a:disabled:focus, .RadToolTip a:disabled:active, .RadToolTip a:disabled:visited, .k-grid a.aspNetDisabled, .k-grid a.aspNetDisabled:hover, .k-grid a.aspNetDisabled:focus, .k-grid a.aspNetDisabled:active, .k-grid a.aspNetDisabled:visited, .k-grid a:disabled, .k-grid a:disabled:hover, .k-grid a:disabled:focus, .k-grid a:disabled:active, .k-grid a:disabled:visited {
  color: #999999 !important;
  text-decoration: underline !important;
}

.RadGrid a.TextButton,
.RadGrid .hiddenGrid.secretButton a,
.hiddenGrid.secretButton .RadGrid a,
.RadGrid .TaggedListPanel a[id$=NextButton],
.TaggedListPanel .RadGrid a[id$=NextButton],
.RadGrid .TaggedListPanel a[id$=PreviousButton],
.TaggedListPanel .RadGrid a[id$=PreviousButton] {
  color: #fff !important;
  text-decoration: none !important;
}

p {
  margin-top: 0;
  margin-bottom: 1em;
  line-height: 2.5rem;
  color: #515052;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
.PageTitle, .PanelTitle {
  font-family: "Raleway", sans-serif !important;
  color: #000;
  display: block;
}

h1, .h1,
.PageTitle, .Paneltitle {
  font-weight: 700;
  font-size: 2.8rem;
  line-height: normal;
}

h2, .h2,
.PanelTitle {
  font-weight: 600;
  font-size: 2.6rem;
  line-height: 2.4rem;
  margin-bottom: 2.1rem;
}

h1.BigHeader, .h1.BigHeader {
  color: #fff;
  background-color: #F57F20;
  padding: 2rem;
  margin: 0;
}

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

h3, .h3, .SectionTitle {
  font-weight: 2.4rem;
  font-weight: 600;
  line-height: normal;
}

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

h4, .h4, .SectionLabel {
  font-size: 2.3rem;
  font-weight: 600;
  line-height: normal;
}

h5, .h5 {
  font-size: 1.8rem;
  font-weight: 600;
}

h6, .h6 {
  font-size: 1.6rem;
  font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
  margin: 0;
  line-height: 3.2rem;
}

a {
  color: #003049;
  font-weight: normal;
}
a:visited {
  color: #003049;
}
a:hover {
  color: #F89725;
}

hr {
  margin: 0.75rem 0 !important;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #ddd;
}

.caption {
  font-weight: 400;
  font-size: 1.3rem;
  color: #515052;
}
.caption.opt2 {
  font-weight: 600;
}

.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: 0.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: #3ca3d9;
}

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

abbr, acronym {
  /*indicating to users that more info is available */
  border-bottom: 1px dotted #000;
  cursor: help;
}

em {
  /*bringing italics back to the em element*/
  font-style: italic;
}

blockquote, ul, ol, dl {
  /*giving blockquotes and lists room to breath*/
  margin: 1em;
}

ol, ul, dl {
  /*bringing lists on to the page with breathing room */
  margin-left: 2em;
}

ol li {
  /*giving OL's LIs generated numbers*/
  list-style: decimal outside;
}

ul li {
  /*giving UL's LIs generated disc markers*/
  list-style: disc outside;
}

dl dd {
  /*giving UL's LIs generated numbers*/
  margin-left: 1em;
}

/* disabled links */
a.aspNetDisabled, a.aspNetDisabled:hover, a.aspNetDisabled:focus, a.aspNetDisabled:active, a.aspNetDisabled:visited {
  color: #999999;
  text-decoration: none;
  cursor: default;
}

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

.text-bold {
  font-weight: 700;
}

.text-normal {
  font-weight: normal;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-underline {
  text-decoration: underline;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

/* ==========================================================================
   BSI PRETTY QUERY
   ========================================================================== */
.prettyQuery .rgRow,
.prettyQuery .rgAltRow {
  width: 33% !important;
  float: left;
  background-color: #fff !important;
}
@media (max-width: 767px) {
  .prettyQuery .rgRow,
.prettyQuery .rgAltRow {
    width: 100% !important;
  }
}
.prettyQuery .eventImgContainer {
  width: 100% !important;
}
.prettyQuery .RadGrid.RadGrid_MetroTouch,
.prettyQuery .RadGrid.RadGrid_Metro {
  border-color: transparent;
}

/*Cards to display Leadership of Local Bargaining Units*/
.leaderCard h4.SectionLabel {
  margin-bottom: 2rem;
  font-size: 150%;
}
.leaderCard .detailsContainer {
  padding: 1rem 5rem;
}
.leaderCard .picContainer {
  max-width: 20rem;
  max-height: 20rem;
  padding: 0px;
  overflow: hidden;
}
.leaderCard .picContainer img {
  width: 100% !important;
}

/* Event IQAs*/
.prettyQuery.nowrap tbody {
  flex-wrap: nowrap;
}
@media (max-width: 767px) {
  .prettyQuery.nowrap tbody {
    flex-wrap: wrap;
  }
}
.prettyQuery.hidePagination tr.rgPager {
  display: none;
}
.prettyQuery .RadGrid.RadGrid_MetroTouch .rgRow,
.prettyQuery .RadGrid.RadGrid_MetroTouch .rgAltRow,
.prettyQuery .RadGrid.RadGrid_MetroTouch .rgEditRow {
  height: auto !important;
  line-height: unset;
  font-size: inherit;
}
.prettyQuery .RadGrid td {
  padding: 0px !important;
  border: none !important;
}
.prettyQuery div[id$=ResultsGrid] {
  overflow: visible !important;
}
.prettyQuery tbody {
  display: flex;
  flex-wrap: wrap;
  overflow: visible;
}
.prettyQuery tbody .rgRow,
.prettyQuery tbody .rgAltRow {
  flex: auto;
}
.prettyQuery tbody .rgRow td,
.prettyQuery tbody .rgAltRow td {
  height: 100% i !important;
}
.prettyQuery tbody .box,
.prettyQuery tbody td,
.prettyQuery tbody .EventCard,
.prettyQuery tbody .item-description,
.prettyQuery tbody .course-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  max-width: 40rem;
}

.prettyQuery .RadGrid a.TextButton,
.prettyQuery .RadGrid .hiddenGrid.secretButton a,
.hiddenGrid.secretButton .prettyQuery .RadGrid a,
.prettyQuery .RadGrid .TaggedListPanel a[id$=NextButton],
.TaggedListPanel .prettyQuery .RadGrid a[id$=NextButton],
.prettyQuery .RadGrid .TaggedListPanel a[id$=PreviousButton],
.TaggedListPanel .prettyQuery .RadGrid a[id$=PreviousButton] {
  color: #fff !important;
}
.prettyQuery .RadGrid a.TextButton:hover,
.prettyQuery .RadGrid .hiddenGrid.secretButton a:hover,
.hiddenGrid.secretButton .prettyQuery .RadGrid a:hover,
.prettyQuery .RadGrid .TaggedListPanel a[id$=NextButton]:hover,
.TaggedListPanel .prettyQuery .RadGrid a[id$=NextButton]:hover,
.prettyQuery .RadGrid .TaggedListPanel a[id$=PreviousButton]:hover,
.TaggedListPanel .prettyQuery .RadGrid a[id$=PreviousButton]:hover {
  color: #fff i !important;
}

.prettyQuery .item-description .course-info p a.TextButton.PrimaryButtonOutline,
.prettyQuery .item-description .course-info p .hiddenGrid.secretButton a.PrimaryButtonOutline,
.hiddenGrid.secretButton .prettyQuery .item-description .course-info p a.PrimaryButtonOutline,
.prettyQuery .item-description .course-info p .TaggedListPanel a.PrimaryButtonOutline[id$=NextButton],
.TaggedListPanel .prettyQuery .item-description .course-info p a.PrimaryButtonOutline[id$=NextButton],
.prettyQuery .item-description .course-info p .TaggedListPanel a.PrimaryButtonOutline[id$=PreviousButton],
.TaggedListPanel .prettyQuery .item-description .course-info p a.PrimaryButtonOutline[id$=PreviousButton] {
  flex: 1 0 auto;
}

.RadGrid .EventCard.content-tagged-tall {
  width: 100%;
  /* Edit by Aaron Cook, BSI, 2020-07-09 */
  max-width: 100%;
}
.RadGrid .EventCard.content-tagged-tall .box {
  padding: 0px;
}
.RadGrid .EventCard.content-tagged-tall .item-icon-wrapper {
  height: 4rem;
  background-color: #003049;
  width: 100%;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  padding: 0.5rem;
}
.RadGrid .EventCard.content-tagged-tall .item-icon-wrapper:after {
  background-color: none;
}
.RadGrid .EventCard.content-tagged-tall .item-icon-inner {
  transition: none;
}
.RadGrid .EventCard.content-tagged-tall .item-icon-inner:before {
  content: url("/images/OECTA/Theme/Course-Icon.png");
  display: inline-block;
  position: relative;
  height: auto;
  width: auto;
}
.RadGrid .EventCard.content-tagged-tall .codes {
  padding: 0.5rem;
}
.RadGrid .EventCard.content-tagged-tall .badge {
  background-color: #003049;
  border-color: #003049;
  text-shadow: none;
  margin-top: 0.5rem !important;
}
.RadGrid .EventCard.content-tagged-tall p.date {
  font-weight: 700;
  margin-top: 0px !important;
  margin-bottom: 2.5erm !important;
}
.RadGrid .EventCard.content-tagged-tall .session p.small-text {
  margin-top: 1.4rem;
}
.RadGrid .EventCard.content-tagged-tall .small-text {
  font-size: 80%;
  margin-bottom: 0px;
  text-transform: uppercase;
  white-space: nowrap;
  font-weight: 600;
  letter-spacing: 1px;
  color: #515052;
}
.RadGrid .EventCard.content-tagged-tall .item-description {
  padding: 1rem 2rem 2rem;
}
.RadGrid .EventCard.content-tagged-tall .item-description .panel-group h4 {
  margin-top: 0;
}
.RadGrid .EventCard.content-tagged-tall .item-description .panel-group h4 a {
  color: #515052 !important;
}
.RadGrid .EventCard.content-tagged-tall .item-description .panel-group h4 a:hover, .RadGrid .EventCard.content-tagged-tall .item-description .panel-group h4 a:focus, .RadGrid .EventCard.content-tagged-tall .item-description .panel-group h4 a:active {
  color: #515052 im !important;
}
.RadGrid .EventCard.content-tagged-tall .panel-group {
  border-top: 1px solid #f5f5f5 !important;
  margin: 2rem 1rem 2rem 0;
}
.RadGrid .EventCard.content-tagged-tall .panel-heading {
  border-bottom: 1px solid #f5f5f5 !important;
}
.RadGrid .EventCard.content-tagged-tall .panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: transparent !important;
}
.RadGrid .EventCard.content-tagged-tall a:not(.TextButton) {
  color: #003049 !important;
}
.RadGrid .EventCard.content-tagged-tall a:not(.TextButton):hover, .RadGrid .EventCard.content-tagged-tall a:not(.TextButton):focus {
  color: #003049 !important;
}
.RadGrid .EventCard.content-tagged-tall h4.panel-title {
  font-size: 100% !important;
  line-height: 0px;
}
.RadGrid .EventCard.content-tagged-tall h4.panel-title a {
  font-size: 100% !important;
  letter-spacing: 0;
  font-weight: 700 !important;
}
.RadGrid .EventCard.content-tagged-tall h4.panel-title a:hover, .RadGrid .EventCard.content-tagged-tall h4.panel-title a:active, .RadGrid .EventCard.content-tagged-tall h4.panel-title a:focus {
  color: #515052 !important;
}
.RadGrid .EventCard.content-tagged-tall h4.panel-title a:hover, .RadGrid .EventCard.content-tagged-tall h4.panel-title a:focus {
  font-weight: 700 im !important;
}
.RadGrid .EventCard.content-tagged-tall h4.panel-title a:after {
  content: "";
  font-family: "Material Icons";
  font-weight: 400;
  margin-top: 0px;
  color: #F57F20;
  font-size: 180% !important;
  float: right;
  border: 0px solid #f5f5f5;
}
.RadGrid .EventCard.content-tagged-tall h4.panel-title a.collapsed {
  font-weight: normal !important;
}
.RadGrid .EventCard.content-tagged-tall h4.panel-title a.collapsed:after {
  content: "";
  font-family: "Material Icons";
  font-weight: 400;
  margin-top: 0px;
  color: #F57F20;
  font-size: 180% !important;
  float: right;
  border: 0px solid #f5f5f5;
}

.RadGrid .EventCard.content-tagged-tall .RadGrid a.TextButton,
.RadGrid .EventCard.content-tagged-tall .RadGrid .hiddenGrid.secretButton a,
.hiddenGrid.secretButton .RadGrid .EventCard.content-tagged-tall .RadGrid a,
.RadGrid .EventCard.content-tagged-tall .RadGrid .TaggedListPanel a[id$=NextButton],
.TaggedListPanel .RadGrid .EventCard.content-tagged-tall .RadGrid a[id$=NextButton],
.RadGrid .EventCard.content-tagged-tall .RadGrid .TaggedListPanel a[id$=PreviousButton],
.TaggedListPanel .RadGrid .EventCard.content-tagged-tall .RadGrid a[id$=PreviousButton] {
  color: #F57F20 !important;
}

.RadGrid .EventCard.content-tagged-tall .RadGrid a.TextButton:hover,
.RadGrid .EventCard.content-tagged-tall .RadGrid .hiddenGrid.secretButton a:hover,
.hiddenGrid.secretButton .RadGrid .EventCard.content-tagged-tall .RadGrid a:hover,
.RadGrid .EventCard.content-tagged-tall .RadGrid .TaggedListPanel a[id$=NextButton]:hover,
.TaggedListPanel .RadGrid .EventCard.content-tagged-tall .RadGrid a[id$=NextButton]:hover,
.RadGrid .EventCard.content-tagged-tall .RadGrid .TaggedListPanel a[id$=PreviousButton]:hover,
.TaggedListPanel .RadGrid .EventCard.content-tagged-tall .RadGrid a[id$=PreviousButton]:hover {
  color: #fff !important;
}

div#ctl01_TemplateBody_WebPartManager1_gwpciAQCourses_ciAQCourses_ResultsGrid {
  overflow: visible !important;
}

td.rgPagerCell.NextPrevNumericAndAdvanced {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin: 1rem auto;
}

tr.rgPager tr {
  width: 100%;
}

input.rgPageNext {
  align-self: center;
}

.courses-message .rgNoRecords div {
  display: none;
}

.courses-message tr.rgNoRecords:before {
  content: "Sorry, there are no events of this type currently scheduled. Check back for updates.";
  font-size: large;
  color: #fff;
  padding: 2rem 3rem;
  margin: 19%;
  position: relative;
  background-color: #003049;
  top: 5rem;
  border-radius: 2px;
}

/* Tall tagged list items */
/* Best when used in conjunction with the TaggedListColumns class in the Zone CSS */
.content-tagged-tall,
.featured-item {
  width: 100%;
  /* Edit by Aaron Cook, BSI, 2020-07-14 */
  /*min-width: 15em;
  max-width: 33.3333333333%;*/
  float: left;
  /* @media (max-width: 767px) {
       width: 100% !important;
       max-width: 100%;
       min-width: 100%;
   }*/
}
.content-tagged-tall:first-child, .content-tagged-tall:first-child,
.featured-item:first-child,
.featured-item:first-child {
  margin-left: 0;
}
.content-tagged-tall a:not(.TextButton),
.content-tagged-tall a:not(.TextButton):visited,
.featured-item a:not(.TextButton),
.featured-item a:not(.TextButton):visited {
  text-decoration: none;
  color: #515052;
}
.content-tagged-tall a:not(.TextButton):hover, .content-tagged-tall a:not(.TextButton):focus, .content-tagged-tall a:not(.TextButton):active,
.content-tagged-tall a:not(.TextButton):visited:hover,
.content-tagged-tall a:not(.TextButton):visited:focus,
.content-tagged-tall a:not(.TextButton):visited:active,
.featured-item a:not(.TextButton):hover,
.featured-item a:not(.TextButton):focus,
.featured-item a:not(.TextButton):active,
.featured-item a:not(.TextButton):visited:hover,
.featured-item a:not(.TextButton):visited:focus,
.featured-item a:not(.TextButton):visited:active {
  color: #F57F20;
}
.content-tagged-tall .item-image-wrapper,
.featured-item .item-image-wrapper {
  height: 15rem;
  max-height: 15rem;
  min-height: 15rem;
  overflow: hidden;
  position: relative;
}
.content-tagged-tall .item-image-wrapper:after,
.featured-item .item-image-wrapper:after {
  content: "";
  display: block;
  background-color: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.2s ease;
}
.content-tagged-tall .item-image-wrapper img,
.featured-item .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,
.featured-item .item-image-wrapper .item-image-inner {
  width: 100%;
  height: 100%;
  transition: all 0.2s ease;
  background-position: center;
}
.content-tagged-tall .item-description,
.featured-item .item-description {
  padding: 2rem 1.8rem;
  background-color: #fff;
  flex: 1;
  display: flex;
  flex-direction: column;
  max-height: 40rem;
}
.content-tagged-tall .item-description h4,
.content-tagged-tall .item-description p,
.content-tagged-tall .item-description a,
.featured-item .item-description h4,
.featured-item .item-description p,
.featured-item .item-description a {
  margin-top: 1rem;
}
.content-tagged-tall .item-description h4,
.featured-item .item-description h4 {
  flex: 1;
}
.content-tagged-tall .item-description p,
.featured-item .item-description p {
  flex: 5;
}
.content-tagged-tall .item-description p:last-child,
.featured-item .item-description p:last-child {
  flex: 1;
  display: flex;
  align-items: end;
  flex-direction: column;
}
.content-tagged-tall .item-description p:last-child a,
.featured-item .item-description p:last-child a {
  align-self: end;
  flex: auto;
  align-self: baseline;
}
.content-tagged-tall:hover .item-image-wrapper:after,
.featured-item:hover .item-image-wrapper:after {
  opacity: 0;
}
.content-tagged-tall:hover .item-image-inner,
.featured-item:hover .item-image-inner {
  transform: scale(1.1);
}
.content-tagged-tall:nth-child(2),
.featured-item:nth-child(2) {
  transition-delay: 0.2s !important;
}
.content-tagged-tall:nth-child(3),
.featured-item:nth-child(3) {
  transition-delay: 0.3s !important;
}

.featured-item {
  width: 100%;
  /* Edit by Aaron Cook, BSI, 2020-07-09 */
  min-width: unset;
  max-width: unset;
  float: left;
}
.featured-item .item-image-wrapper {
  margin-left: 1.5rem;
}

.EventCard.content-tagged-tall {
  /*If Query has the class EventCard, then remove the max-height */
}
.EventCard.content-tagged-tall .item-description {
  max-height: unset;
}
.EventCard.content-tagged-tall .item-description h4 {
  flex: 0;
}
.EventCard.content-tagged-tall .codes {
  flex: 2;
  display: flex;
  flex-wrap: wrap;
}
.EventCard.content-tagged-tall .codes-item {
  flex: 1;
  margin-right: 10px;
}
.EventCard.content-tagged-tall p:last-child {
  flex: 0;
}

/* --------------- BSI UTILITY CLASSES --------------- 
==================================================================================================================*/
/* Hides header of a query menu ipart*/
.hiddenHeader .panel .rgHeader {
  display: none;
}

.hiddenGrid .RadGrid_MetroTouch {
  border: 0px;
}
.hiddenGrid .secretButton .panel-body,
.hiddenGrid .secretButton .PanelBody {
  padding: 0;
}
.hiddenGrid .secretButton .RadGrid a,
.hiddenGrid .secretButton .RadGrid a:visited {
  color: #fff !important;
}

/* Hides no records message of a query menu ipart*/
.hiddenNoRecords .panel tr.rgNoRecords {
  display: none;
}

/*A mixin for reusable Spacing Classes*/
.mt-0 {
  margin-top: 0 !important;
}

.mt-5 {
  margin-top: 0.5rem !important;
}

.mt-10 {
  margin-top: 1rem !important;
}

.mt-15 {
  margin-top: 1.5rem !important;
}

.mt-20 {
  margin-top: 2rem !important;
}

.mt-25 {
  margin-top: 2.5rem !important;
}

.mt-30 {
  margin-top: 3rem !important;
}

.mt-35 {
  margin-top: 3.5rem !important;
}

.mt-40 {
  margin-top: 4rem !important;
}

.mt-45 {
  margin-top: 4.5rem !important;
}

.mt-50 {
  margin-top: 5rem !important;
}

.mt-55 {
  margin-top: 5.5rem !important;
}

.mt-60 {
  margin-top: 6rem !important;
}

.mt-65 {
  margin-top: 6.5rem !important;
}

.mt-70 {
  margin-top: 7rem !important;
}

.mt-75 {
  margin-top: 7.5 !important;
}

.mt-80 {
  margin-top: 8rem !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-5 {
  margin-bottom: 0.5rem !important;
}

.mb-10 {
  margin-bottom: 1rem !important;
}

.mb-15 {
  margin-bottom: 1.5rem !important;
}

.mb-20 {
  margin-bottom: 2rem !important;
}

.mb-25 {
  margin-bottom: 2.5rem !important;
}

.mb-30 {
  margin-bottom: 3rem !important;
}

.mt-35 {
  margin-bottom: 3.5rem !important;
}

.mt-40 {
  margin-bottom: 4rem !important;
}

.mt-45 {
  margin-bottom: 4.5rem !important;
}

.mt-50 {
  margin-bottom: 5rem !important;
}

.mt-55 {
  margin-bottom: 5.5rem !important;
}

.mt-60 {
  margin-bottom: 6rem !important;
}

.mt-65 {
  margin-bottom: 6.5rem !important;
}

.mt-70 {
  margin-bottom: 7rem !important;
}

.mt-75 {
  margin-bottom: 7.5rem !important;
}

.mt-80 {
  margin-bottom: 8rem !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.ml-5 {
  margin-left: 0.5rem !important;
}

.ml-10 {
  margin-left: 1rem !important;
}

.ml-15 {
  margin-left: 1.5rem !important;
}

.ml-20 {
  margin-left: 2rem !important;
}

.ml-25 {
  margin-left: 2.5rem !important;
}

.ml-30 {
  margin-left: 3rem !important;
}

.ml-35 {
  margin-left: 3.5rem !important;
}

.ml-40 {
  margin-left: 4rem !important;
}

.ml-45 {
  margin-left: 4.5rem !important;
}

.ml-50 {
  margin-left: 5rem !important;
}

.ml-55 {
  margin-left: 5.5rem !important;
}

.ml-60 {
  margin-left: 6rem !important;
}

.ml-65 {
  margin-left: 6.5rem !important;
}

.ml-70 {
  margin-left: 7rem !important;
}

.ml-75 {
  margin-left: 7.5rem !important;
}

.ml-80 {
  margin-left: 8rem !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mr-5 {
  margin-right: 0.5rem !important;
}

.mr-10 {
  margin-right: 1rem !important;
}

.mr-15 {
  margin-right: 1.5rem !important;
}

.mr-20 {
  margin-right: 2rem !important;
}

.mr-25 {
  margin-right: 2.5rem !important;
}

.mr-30 {
  margin-right: 3rem !important;
}

.mr-35 {
  margin-right: 3.5rem !important;
}

.mr-40 {
  margin-right: 4rem !important;
}

.mr-45 {
  margin-right: 4.5rem !important;
}

.mr-50 {
  margin-right: 5rem !important;
}

.mr-55 {
  margin-right: 5.5rem !important;
}

.mr-60 {
  margin-right: 6rem !important;
}

.mr-65 {
  margin-right: 6.5rem !important;
}

.mr-70 {
  margin-right: 7rem !important;
}

.mr-75 {
  margin-right: 7.5rem !important;
}

.rm-80 {
  margin-right: 8rem !important;
}

.pt0 {
  padding-top: 0 !important;
}

.pt5 {
  padding-top: 0.5rem !important;
}

.pt10 {
  padding-top: 1rem !important;
}

.pt15 {
  padding-top: 1.5rem !important;
}

.pt20 {
  padding-top: 2rem !important;
}

.pt25 {
  padding-top: 2.5rem !important;
}

.pt30 {
  padding-top: 3rem !important;
}

.pt35 {
  padding-top: 3.5rem !important;
}

.pt40 {
  padding-top: 4rem !important;
}

.pt45 {
  padding-top: 4.5rem !important;
}

.pt50 {
  padding-top: 5rem !important;
}

.pt55 {
  padding-top: 5.5rem !important;
}

.pt60 {
  padding-top: 6rem !important;
}

.pt65 {
  padding-top: 6.5rem !important;
}

.pt70 {
  padding-top: 7rem !important;
}

.pt75 {
  padding-top: 7.5rem !important;
}

.pt80 {
  padding-top: 8rem !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pb5 {
  padding-bottom: 0.5rem !important;
}

.pb15 {
  padding-bottom: 1.5rem !important;
}

.pb20 {
  padding-bottom: 2rem !important;
}

.pb25 {
  padding-bottom: 2.5rem !important;
}

.pb30 {
  padding-bottom: 3rem !important;
}

.pb35 {
  padding-bottom: 3.5rem !important;
}

.pb40 {
  padding-bottom: 4rem !important;
}

.pb45 {
  padding-bottom: 4.5rem !important;
}

.pb50 {
  padding-bottom: 5rem !important;
}

.pb55 {
  padding-bottom: 5.5rem !important;
}

.pb60 {
  padding-bottom: 6rem !important;
}

.pb65 {
  padding-bottom: 6.5rem !important;
}

.pb70 {
  padding-bottom: 7rem !important;
}

.pb75 {
  padding-bottom: 7.5rem !important;
}

.pb80 {
  padding-bottom: 8rem !important;
}

.pl0 {
  padding-left: 0 !important;
}

.pl5 {
  padding-left: 0.5rem !important;
}

.pl10 {
  padding-left: 1rem !important;
}

.pl15 {
  padding-left: 1.5rem !important;
}

.pl20 {
  padding-left: 2rem !important;
}

.pl25 {
  padding-left: 2.5rem !important;
}

.pl30 {
  padding-left: 3rem !important;
}

.pl35 {
  padding-left: 3.5rem !important;
}

.pl40 {
  padding-left: 4rem !important;
}

.pl45 {
  padding-left: 4.5rem !important;
}

.pl50 {
  padding-left: 5rem !important;
}

.pl55 {
  padding-left: 5.5rem !important;
}

.pl60 {
  padding-left: 6rem !important;
}

.pl65 {
  padding-left: 6.5rem !important;
}

.pl70 {
  padding-left: 7rem !important;
}

.pl75 {
  padding-left: 7.5rem !important;
}

.pl80 {
  padding-left: 8rem !important;
}

.pr0 {
  padding-right: 0 !important;
}

.pr5 {
  padding-right: 0.5rem !important;
}

.pr10 {
  padding-right: 1rem !important;
}

.pr15 {
  padding-right: 1.5rem !important;
}

.pr20 {
  padding-right: 2rem !important;
}

.pr25 {
  padding-right: 2.5rem !important;
}

.pr30 {
  padding-right: 3rem !important;
}

.pr35 {
  padding-right: 3.5rem !important;
}

.pr40 {
  padding-right: 4rem !important;
}

.pr45 {
  padding-right: 4.5rem !important;
}

.pr50 {
  padding-right: 5rem !important;
}

.pr55 {
  padding-right: 5.5rem !important;
}

.pr60 {
  padding-right: 6rem !important;
}

.pr65 {
  padding-right: 6.5rem !important;
}

.pr70 {
  padding-right: 7rem !important;
}

.pr75 {
  padding-right: 7.5rem !important;
}

.pr80 {
  padding-right: 8rem !important;
}

/*Add this class to a div with multiple buttons to add spacing between them*/
.ButtonRow a {
  margin-right: 1rem;
}

/*Make Any Text White*/
.whiteText h1,
.whiteText h2,
.whiteText h3,
.whiteText h4,
.whiteText h5,
.whiteText h6,
.whiteText p,
.whiteText ul,
.whiteText li {
  color: #fff !important;
}

.flexFilters .FilterPanel .PanelField {
  width: auto;
  clear: unset;
}
.flexFilters .FilterPanel .PanelField label,
.flexFilters .FilterPanel .PanelField .Label {
  text-align: left;
  width: auto;
  word-wrap: break-word;
  white-space: pre-line;
  padding-right: 0.5rem;
}
.flexFilters .FilterPanel input[type=submit] {
  min-width: 13rem;
  align-self: flex-end;
  margin: 0.8rem 4px;
}
.flexFilters .FilterPanel div[id*=ResultsGrid] {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
}

/* Hide labels in a panel*/
.hiddenLabels .Label,
.hiddenLabels label {
  display: none;
}

/* ==========================================================================
   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: 7px 10px;
  font-size: 16px;
  line-height: 1.428571429;
  border-radius: 3px;
  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: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 {
  color: #fff;
  text-decoration: none;
}
.btn:visited,
.TextButton:visited,
.TextButtonWithImage:visited,
.RadUpload .ruButton:visited,
.RadUploadProgressArea .ruButton:visited,
#masterHeaderActionArea a:visited {
  background-color: #003049;
}
.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;
}
.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: 0.55;
}

/* default button */
.btn,
.TextButton,
.TextButtonWithImage,
.ruButton,
#masterHeaderActionArea a,
.RadGrid input.TextButton {
  color: #fff;
  background-color: #003049;
  border-color: transparent;
}
.btn:visited,
.TextButton:visited,
.TextButtonWithImage:visited,
.ruButton:visited,
#masterHeaderActionArea a:visited,
.RadGrid input.TextButton:visited {
  background-color: #003049;
}
.btn:hover, .btn:focus, .btn:active,
.TextButton:hover,
.TextButton:focus,
.TextButton:active,
.TextButtonWithImage:hover,
.TextButtonWithImage:focus,
.TextButtonWithImage:active,
.ruButton:hover,
.ruButton:focus,
.ruButton:active,
#masterHeaderActionArea a:hover,
#masterHeaderActionArea a:focus,
#masterHeaderActionArea a:active,
.RadGrid input.TextButton:hover,
.RadGrid input.TextButton:focus,
.RadGrid input.TextButton:active {
  color: #fff;
  background-color: #004163;
  border-color: rgba(0, 0, 0, 0);
}
.btn:active,
.TextButton:active,
.TextButtonWithImage:active,
.ruButton:active,
#masterHeaderActionArea a:active,
.RadGrid input.TextButton:active {
  background-image: none;
  background-color: #003049;
}
.btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled]:active, fieldset[disabled] .btn, fieldset[disabled] .btn:hover, fieldset[disabled] .btn:focus, fieldset[disabled] .btn:active, .btn.aspNetDisabled, .btn.aspNetDisabled:hover, .btn.aspNetDisabled:focus, .btn.aspNetDisabled:active,
.TextButton[disabled],
.TextButton[disabled]:hover,
.TextButton[disabled]:focus,
.TextButton[disabled]:active,
fieldset[disabled] .TextButton,
fieldset[disabled] .TextButton:hover,
fieldset[disabled] .TextButton:focus,
fieldset[disabled] .TextButton:active,
.TextButton.aspNetDisabled,
.TextButton.aspNetDisabled:hover,
.TextButton.aspNetDisabled:focus,
.TextButton.aspNetDisabled:active,
.TextButtonWithImage[disabled],
.TextButtonWithImage[disabled]:hover,
.TextButtonWithImage[disabled]:focus,
.TextButtonWithImage[disabled]:active,
fieldset[disabled] .TextButtonWithImage,
fieldset[disabled] .TextButtonWithImage:hover,
fieldset[disabled] .TextButtonWithImage:focus,
fieldset[disabled] .TextButtonWithImage:active,
.TextButtonWithImage.aspNetDisabled,
.TextButtonWithImage.aspNetDisabled:hover,
.TextButtonWithImage.aspNetDisabled:focus,
.TextButtonWithImage.aspNetDisabled:active,
.ruButton[disabled],
.ruButton[disabled]:hover,
.ruButton[disabled]:focus,
.ruButton[disabled]:active,
fieldset[disabled] .ruButton,
fieldset[disabled] .ruButton:hover,
fieldset[disabled] .ruButton:focus,
fieldset[disabled] .ruButton:active,
.ruButton.aspNetDisabled,
.ruButton.aspNetDisabled:hover,
.ruButton.aspNetDisabled:focus,
.ruButton.aspNetDisabled:active,
#masterHeaderActionArea a[disabled],
#masterHeaderActionArea a[disabled]:hover,
#masterHeaderActionArea a[disabled]:focus,
#masterHeaderActionArea a[disabled]:active,
fieldset[disabled] #masterHeaderActionArea a,
fieldset[disabled] #masterHeaderActionArea a:hover,
fieldset[disabled] #masterHeaderActionArea a:focus,
fieldset[disabled] #masterHeaderActionArea a:active,
#masterHeaderActionArea a.aspNetDisabled,
#masterHeaderActionArea a.aspNetDisabled:hover,
#masterHeaderActionArea a.aspNetDisabled:focus,
#masterHeaderActionArea a.aspNetDisabled:active,
.RadGrid input.TextButton[disabled],
.RadGrid input.TextButton[disabled]:hover,
.RadGrid input.TextButton[disabled]:focus,
.RadGrid input.TextButton[disabled]:active,
fieldset[disabled] .RadGrid input.TextButton,
fieldset[disabled] .RadGrid input.TextButton:hover,
fieldset[disabled] .RadGrid input.TextButton:focus,
fieldset[disabled] .RadGrid input.TextButton:active,
.RadGrid input.TextButton.aspNetDisabled,
.RadGrid input.TextButton.aspNetDisabled:hover,
.RadGrid input.TextButton.aspNetDisabled:focus,
.RadGrid input.TextButton.aspNetDisabled:active {
  background-color: #003049;
  border-color: transparent;
}

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

.RadUpload.RadUpload .ruBrowse,
.RadUpload.RadUpload .ruRemove {
  height: auto;
  padding: 7px 10px;
  line-height: 1.428571429;
  border-radius: 3px;
}

/* primary button */
.PrimaryButton,
.SaveAndClose,
.SaveAs,
.UsePrimaryButton .TextButton,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a,
.RadGrid input.PrimaryButton {
  color: #fff;
  background-color: #003049;
  border-color: transparent;
}
.PrimaryButton:visited,
.SaveAndClose:visited,
.SaveAs:visited,
.UsePrimaryButton .TextButton:visited,
.UsePrimaryButton .TextButtonWithImage:visited,
#masterHeaderActionArea a:visited,
.RadGrid input.PrimaryButton:visited {
  background-color: #003049;
}
.PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active,
.SaveAndClose:hover,
.SaveAndClose:focus,
.SaveAndClose:active,
.SaveAs:hover,
.SaveAs:focus,
.SaveAs:active,
.UsePrimaryButton .TextButton:hover,
.UsePrimaryButton .TextButton:focus,
.UsePrimaryButton .TextButton:active,
.UsePrimaryButton .TextButtonWithImage:hover,
.UsePrimaryButton .TextButtonWithImage:focus,
.UsePrimaryButton .TextButtonWithImage:active,
#masterHeaderActionArea a:hover,
#masterHeaderActionArea a:focus,
#masterHeaderActionArea a:active,
.RadGrid input.PrimaryButton:hover,
.RadGrid input.PrimaryButton:focus,
.RadGrid input.PrimaryButton:active {
  color: #fff;
  background-color: #004a80;
  border-color: rgba(0, 0, 0, 0);
}
.PrimaryButton:active,
.SaveAndClose:active,
.SaveAs:active,
.UsePrimaryButton .TextButton:active,
.UsePrimaryButton .TextButtonWithImage:active,
#masterHeaderActionArea a:active,
.RadGrid input.PrimaryButton:active {
  background-image: none;
  background-color: #003049;
}
.PrimaryButton[disabled], .PrimaryButton[disabled]:hover, .PrimaryButton[disabled]:focus, .PrimaryButton[disabled]:active, fieldset[disabled] .PrimaryButton, fieldset[disabled] .PrimaryButton:hover, fieldset[disabled] .PrimaryButton:focus, fieldset[disabled] .PrimaryButton:active, .PrimaryButton.aspNetDisabled, .PrimaryButton.aspNetDisabled:hover, .PrimaryButton.aspNetDisabled:focus, .PrimaryButton.aspNetDisabled:active,
.SaveAndClose[disabled],
.SaveAndClose[disabled]:hover,
.SaveAndClose[disabled]:focus,
.SaveAndClose[disabled]:active,
fieldset[disabled] .SaveAndClose,
fieldset[disabled] .SaveAndClose:hover,
fieldset[disabled] .SaveAndClose:focus,
fieldset[disabled] .SaveAndClose:active,
.SaveAndClose.aspNetDisabled,
.SaveAndClose.aspNetDisabled:hover,
.SaveAndClose.aspNetDisabled:focus,
.SaveAndClose.aspNetDisabled:active,
.SaveAs[disabled],
.SaveAs[disabled]:hover,
.SaveAs[disabled]:focus,
.SaveAs[disabled]:active,
fieldset[disabled] .SaveAs,
fieldset[disabled] .SaveAs:hover,
fieldset[disabled] .SaveAs:focus,
fieldset[disabled] .SaveAs:active,
.SaveAs.aspNetDisabled,
.SaveAs.aspNetDisabled:hover,
.SaveAs.aspNetDisabled:focus,
.SaveAs.aspNetDisabled:active,
.UsePrimaryButton .TextButton[disabled],
.UsePrimaryButton .TextButton[disabled]:hover,
.UsePrimaryButton .TextButton[disabled]:focus,
.UsePrimaryButton .TextButton[disabled]:active,
fieldset[disabled] .UsePrimaryButton .TextButton,
fieldset[disabled] .UsePrimaryButton .TextButton:hover,
fieldset[disabled] .UsePrimaryButton .TextButton:focus,
fieldset[disabled] .UsePrimaryButton .TextButton:active,
.UsePrimaryButton .TextButton.aspNetDisabled,
.UsePrimaryButton .TextButton.aspNetDisabled:hover,
.UsePrimaryButton .TextButton.aspNetDisabled:focus,
.UsePrimaryButton .TextButton.aspNetDisabled:active,
.UsePrimaryButton .TextButtonWithImage[disabled],
.UsePrimaryButton .TextButtonWithImage[disabled]:hover,
.UsePrimaryButton .TextButtonWithImage[disabled]:focus,
.UsePrimaryButton .TextButtonWithImage[disabled]:active,
fieldset[disabled] .UsePrimaryButton .TextButtonWithImage,
fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:hover,
fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:focus,
fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:active,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled:hover,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled:focus,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled:active,
#masterHeaderActionArea a[disabled],
#masterHeaderActionArea a[disabled]:hover,
#masterHeaderActionArea a[disabled]:focus,
#masterHeaderActionArea a[disabled]:active,
fieldset[disabled] #masterHeaderActionArea a,
fieldset[disabled] #masterHeaderActionArea a:hover,
fieldset[disabled] #masterHeaderActionArea a:focus,
fieldset[disabled] #masterHeaderActionArea a:active,
#masterHeaderActionArea a.aspNetDisabled,
#masterHeaderActionArea a.aspNetDisabled:hover,
#masterHeaderActionArea a.aspNetDisabled:focus,
#masterHeaderActionArea a.aspNetDisabled:active,
.RadGrid input.PrimaryButton[disabled],
.RadGrid input.PrimaryButton[disabled]:hover,
.RadGrid input.PrimaryButton[disabled]:focus,
.RadGrid input.PrimaryButton[disabled]:active,
fieldset[disabled] .RadGrid input.PrimaryButton,
fieldset[disabled] .RadGrid input.PrimaryButton:hover,
fieldset[disabled] .RadGrid input.PrimaryButton:focus,
fieldset[disabled] .RadGrid input.PrimaryButton:active,
.RadGrid input.PrimaryButton.aspNetDisabled,
.RadGrid input.PrimaryButton.aspNetDisabled:hover,
.RadGrid input.PrimaryButton.aspNetDisabled:focus,
.RadGrid input.PrimaryButton.aspNetDisabled:active {
  background-color: #003049;
  border-color: transparent;
}

/* secondary button */
.SecondaryButton,
.UseSecondaryButton .TextButton,
.UseSecondaryButton .TextButtonWithImage,
.RadGrid input.SecondaryButton {
  color: #000;
  background-color: #E27B00;
  border-color: transparent;
}
.SecondaryButton:visited,
.UseSecondaryButton .TextButton:visited,
.UseSecondaryButton .TextButtonWithImage:visited,
.RadGrid input.SecondaryButton:visited {
  background-color: #E27B00;
}
.SecondaryButton:hover, .SecondaryButton:focus, .SecondaryButton:active,
.UseSecondaryButton .TextButton:hover,
.UseSecondaryButton .TextButton:focus,
.UseSecondaryButton .TextButton:active,
.UseSecondaryButton .TextButtonWithImage:hover,
.UseSecondaryButton .TextButtonWithImage:focus,
.UseSecondaryButton .TextButtonWithImage:active,
.RadGrid input.SecondaryButton:hover,
.RadGrid input.SecondaryButton:focus,
.RadGrid input.SecondaryButton:active {
  color: #000;
  background-color: #DDC5AA;
  border-color: rgba(0, 0, 0, 0);
}
.SecondaryButton:active,
.UseSecondaryButton .TextButton:active,
.UseSecondaryButton .TextButtonWithImage:active,
.RadGrid input.SecondaryButton:active {
  background-image: none;
  background-color: #E27B00;
}
.SecondaryButton[disabled], .SecondaryButton[disabled]:hover, .SecondaryButton[disabled]:focus, .SecondaryButton[disabled]:active, fieldset[disabled] .SecondaryButton, fieldset[disabled] .SecondaryButton:hover, fieldset[disabled] .SecondaryButton:focus, fieldset[disabled] .SecondaryButton:active, .SecondaryButton.aspNetDisabled, .SecondaryButton.aspNetDisabled:hover, .SecondaryButton.aspNetDisabled:focus, .SecondaryButton.aspNetDisabled:active,
.UseSecondaryButton .TextButton[disabled],
.UseSecondaryButton .TextButton[disabled]:hover,
.UseSecondaryButton .TextButton[disabled]:focus,
.UseSecondaryButton .TextButton[disabled]:active,
fieldset[disabled] .UseSecondaryButton .TextButton,
fieldset[disabled] .UseSecondaryButton .TextButton:hover,
fieldset[disabled] .UseSecondaryButton .TextButton:focus,
fieldset[disabled] .UseSecondaryButton .TextButton:active,
.UseSecondaryButton .TextButton.aspNetDisabled,
.UseSecondaryButton .TextButton.aspNetDisabled:hover,
.UseSecondaryButton .TextButton.aspNetDisabled:focus,
.UseSecondaryButton .TextButton.aspNetDisabled:active,
.UseSecondaryButton .TextButtonWithImage[disabled],
.UseSecondaryButton .TextButtonWithImage[disabled]:hover,
.UseSecondaryButton .TextButtonWithImage[disabled]:focus,
.UseSecondaryButton .TextButtonWithImage[disabled]:active,
fieldset[disabled] .UseSecondaryButton .TextButtonWithImage,
fieldset[disabled] .UseSecondaryButton .TextButtonWithImage:hover,
fieldset[disabled] .UseSecondaryButton .TextButtonWithImage:focus,
fieldset[disabled] .UseSecondaryButton .TextButtonWithImage:active,
.UseSecondaryButton .TextButtonWithImage.aspNetDisabled,
.UseSecondaryButton .TextButtonWithImage.aspNetDisabled:hover,
.UseSecondaryButton .TextButtonWithImage.aspNetDisabled:focus,
.UseSecondaryButton .TextButtonWithImage.aspNetDisabled:active,
.RadGrid input.SecondaryButton[disabled],
.RadGrid input.SecondaryButton[disabled]:hover,
.RadGrid input.SecondaryButton[disabled]:focus,
.RadGrid input.SecondaryButton[disabled]:active,
fieldset[disabled] .RadGrid input.SecondaryButton,
fieldset[disabled] .RadGrid input.SecondaryButton:hover,
fieldset[disabled] .RadGrid input.SecondaryButton:focus,
fieldset[disabled] .RadGrid input.SecondaryButton:active,
.RadGrid input.SecondaryButton.aspNetDisabled,
.RadGrid input.SecondaryButton.aspNetDisabled:hover,
.RadGrid input.SecondaryButton.aspNetDisabled:focus,
.RadGrid input.SecondaryButton.aspNetDisabled:active {
  background-color: #E27B00;
  border-color: transparent;
}

/* Facebook sign in button */
.TextButton.Facebook {
  color: #fff;
  background-color: #3b5998;
  border-color: transparent;
}
.TextButton.Facebook:visited {
  background-color: #3b5998;
}
.TextButton.Facebook:hover, .TextButton.Facebook:focus, .TextButton.Facebook:active {
  color: #fff;
  background-color: #4264aa;
  border-color: rgba(0, 0, 0, 0);
}
.TextButton.Facebook:active {
  background-image: none;
  background-color: #3b5998;
}
.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: transparent;
}

/* LinkedIn sign in button */
.SignInButton.LinkedIn {
  color: #fff;
  background-color: #0077b5;
  border-color: transparent;
}
.SignInButton.LinkedIn:visited {
  background-color: #0077b5;
}
.SignInButton.LinkedIn:hover, .SignInButton.LinkedIn:focus, .SignInButton.LinkedIn:active {
  color: #fff;
  background-color: #0088cf;
  border-color: rgba(0, 0, 0, 0);
}
.SignInButton.LinkedIn:active {
  background-image: none;
  background-color: #0077b5;
}
.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: transparent;
}

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

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

/* Style buttons to look like links for deemphasis */
.LinkButton {
  -webkit-appearance: none !important;
  background: transparent !important;
  color: #004A80;
  text-shadow: none;
  box-shadow: none;
  border: none;
  padding: 7px 10px;
  font-size: 16px;
  line-height: 1.428571429;
  border-radius: 3px;
}

.CalloutArea1 .btn.PrimaryButton,
.CalloutArea1 .TextButton.PrimaryButton,
.CalloutArea1 .TextButtonWithImage.PrimaryButton,
.CalloutArea2 .btn.PrimaryButton,
.CalloutArea2 .TextButton.PrimaryButton,
.CalloutArea2 .TextButtonWithImage.PrimaryButton {
  color: #fff;
  background-color: #616365;
}
.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: #434446;
}

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

.btn.SuccessButton {
  color: #fff;
  background: #68bd49;
}

/*Reusable Styles for Banners, CTAs and Other Decorative Elements*/
/*BASIC BOXES*/
.box-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.box-row [class*=col-] {
  display: flex;
  flex-direction: column;
}
.box-row .box {
  height: 100%;
}

/*BANNERS
=============*/
.banner-block {
  background-size: cover;
  min-height: 45rem;
  color: #fff;
}
.banner-block .banner-block-inner {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.banner-block .banner-block-lead h1,
.banner-block .banner-block-lead h2,
.banner-block .banner-block-lead h3,
.banner-block .banner-block-lead h4,
.banner-block .banner-block-lead h5,
.banner-block .banner-block-lead h6,
.banner-block .banner-block-lead p {
  color: #fff;
}
.banner-block .banner-block-lead h1,
.banner-block .banner-block-lead h2,
.banner-block .banner-block-lead h3,
.banner-block .banner-block-lead h4 {
  margin-top: 2rem;
}

/*COLORED CALLOUT BOXES*/
.CalloutBox {
  padding: 3rem;
  margin: 1rem;
}
.CalloutBox .orange {
  background-color: #F57F20;
}
.CalloutBox .orange h1,
.CalloutBox .orange h2,
.CalloutBox .orange h3,
.CalloutBox .orange h4,
.CalloutBox .orange h5,
.CalloutBox .orange h6,
.CalloutBox .orange p,
.CalloutBox .orange ul,
.CalloutBox .orange li {
  color: #fff;
}
.CalloutBox .green {
  background-color: #003049;
}
.CalloutBox .green h1,
.CalloutBox .green h2,
.CalloutBox .green h3,
.CalloutBox .green h4,
.CalloutBox .green h5,
.CalloutBox .green h6,
.CalloutBox .green p,
.CalloutBox .green ul,
.CalloutBox .green li {
  color: #fff;
}

.icon-container {
  padding: 2rem 1rem;
  text-align: center;
  padding: 4rem;
  text-align: center;
  object-fit: cover;
  width: 15rem;
  height: 15rem !important;
  border-radius: 50% 50%;
  margin: 0 auto;
  display: block;
  border: 1px solid #999999;
  background-color: #fff;
  z-index: 1000;
  position: relative;
}
.icon-container svg {
  margin-top: 1.6rem;
}

.quicklinks {
  margin-top: 8rem;
}
.quicklinks h3 {
  margin-top: 0;
}
.quicklinks a {
  text-decoration: none;
  color: #515052;
}
.quicklinks .box {
  padding: 1rem 2rem;
}
.quicklinks .box img {
  width: 27px;
  margin-right: 1rem;
}

.TaggedListColumns .TaggedListPanel {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 1.5rem 0 0 1.5rem;
}
.TaggedListColumns .TaggedListPanel .content-tagged-tall {
  float: none;
  border: 0 solid transparent;
  border-width: 0 1.5rem 1.5rem 0;
}
.TaggedListColumns .TaggedListPanel .content-tagged-tall .box {
  padding: 0;
}
.TaggedListColumns .TaggedListPanel .content-tagged-tall h4 a {
  color: #515052;
}

.TaggedListColumns .TaggedListPanel > div:last-child .TextButton,
.TaggedListColumns .TaggedListPanel > div:last-child .hiddenGrid.secretButton a,
.hiddenGrid.secretButton .TaggedListColumns .TaggedListPanel > div:last-child a,
.TaggedListColumns .TaggedListPanel > div:last-child a[id$=NextButton],
.TaggedListColumns .TaggedListPanel > div:last-child a[id$=PreviousButton] {
  /* Hide the Next Button */
  display: none;
}

/*.TaggedListPanel {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 4rem;

    .content-tagged-tall {
        width: 33%;
        flex-grow: 1;
        margin-top: 2rem;

        .box {
            padding: 0;
            height: 100%;
            flex-direction: column;
            display: flex;
            max-height: 40rem;
        }

        @media (max-width: 767px) {
            width: 100% !important;
        }
    }

    a[id$="ViewAllButton"],
    a[id$="NextButton"],
    a[id$="PreviousButton"] {
        position: relative;
        bottom: -50px;
        left: 50%;
        margin-left: 0 !important;
    }

    a[id$="NextButton"],
    a[id$="PreviousButton"] {
        text-transform: capitalize;
    }
}*/
/* Image Page Headers */
.imageHeader {
  height: 15rem;
  overflow: hidden;
  position: relative;
}

.pageTitle {
  position: absolute;
  bottom: 4rem;
  margin-left: 5rem;
  color: #fff;
}
.pageTitle h1 {
  color: #fff;
}

/* Cart Charges
   ========================================================================== */
.CartCharges {
  background-color: #f5f5f5;
}
.CartCharges .PanelField {
  border-bottom: none;
  border-top: 1px solid #ddd;
}
.CartCharges .PanelField:first-child,
.CartCharges .PanelField .GrandTotal {
  border-top: none;
}
.CartCharges .GrandTotal .PanelField {
  background-color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  color: #F57F20;
}
.CartCharges .GrandTotal .PanelField .Label {
  color: #F57F20;
}

/* ==========================================================================
   COMMUNITIES
   ========================================================================== */
/* Community left nav */
.CommunityLinksBlock a {
  color: #000;
}
.CommunityLinksBlock a:hover {
  background-color: #2d86b5;
  color: #000;
  text-decoration: none;
}
.CommunityLinksBlock a.CommunityLinksSelected, .CommunityLinksBlock a.CommunityLinksSelected:hover {
  background-color: #003049;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

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

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

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

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

.CommunityReplyForm,
.CommunityCommentItem {
  background: #ddd;
  border-left: 10px solid #ddd;
}

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

/* For adding comments */
.CommunityWikiReplyForm {
  background: #ddd;
}

/* ==========================================================================
   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: 1rem;
}
.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: 700;
  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: #F57F20;
  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: 1.5rem;
}

.ProgressTracker2 .count,
.ProgressTracker_Dashboard .count {
  font-size: 350%;
}
.ProgressTracker2 .ProgressBar,
.ProgressTracker_Dashboard .ProgressBar {
  padding: 0;
  height: 1.8rem;
}

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

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

.DonorBannerTextBackgroundHome {
  background: none repeat scroll 0 0 #191919;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
  float: right;
  height: 29.2rem;
  width: 45rem;
  margin: 2rem;
}

.DonorBannerTextBackgroundInterior {
  background: none repeat scroll 0 0 #191919;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
  float: right;
  height: 23.6rem;
  width: 45rem;
  margin: 2rem;
}

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

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

/**** End Donor Sample Site Styles ****/
/* Event Display
   ========================================================================== */
.EventSummary {
  background-color: #f5f5f5;
}
.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: #3ca3d9;
}
.ProgramGroup .PanelTitle,
.ProgramGroup .panel-title {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 120%;
  line-height: 2em;
  padding-left: 0.5em;
  color: #fff;
}
.ProgramGroup .PanelBody,
.ProgramGroup .panel-body {
  padding: 0;
}

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

input,
button,
select,
textarea {
  font-family: "Open Sans", Helvetica, 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: 38px;
  padding: 7px 10px;
  font-size: 100%;
  line-height: 1.428571429;
  color: #515052;
  border: 1px solid #ccc;
  border-radius: 3px;
  /*@include box-shadow(inset 0 1px 1px rgba(0,0,0,.075));*/
  transition: border linear 0.2s, box-shadow linear 0.2s;
  /*@include form-control-focus();*/
}
@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::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: #515052;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  /*.rcbFocused {
      // Customize the `:focus` state to imitate native WebKit styles.
      @include form-control-focus-direct();
  }*/
}
.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: #515052;
}
.RadComboBox.RadComboBox_MetroTouch .rcbInner {
  height: 38px;
  padding: 0;
  font-size: 100%;
  line-height: 1.428571429;
  border: 1px solid #ccc;
  border-radius: 3px;
  /*@include box-shadow(inset 0 1px 1px rgba(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 .rcbInput {
  height: 100%;
  padding: 7px 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 3px 3px 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: 38px;
  padding: 7px 10px;
  border-color: #ccc;
  font: inherit;
  color: #515052;
}
.RadInput.RadInput.riSingle .riTextBox:focus, .RadInput.RadInput .riTextBox:focus, .RadInput .riTextBox:focus {
  border-color: #66afe9;
}

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

/* RadEditor designed to look like a normal text box */
.HtmlEditorTextBoxStyle {
  border: 1px solid #ccc;
  border-radius: 3px;
}
.HtmlEditorTextBoxStyle .reContent {
  border-radius: 3px;
}
.HtmlEditorTextBoxStyle iframe, .HtmlEditorTextBoxStyle td {
  background-color: transparent;
}

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

/* Chosen multi-select */
.chosen-container-multi .chosen-choices {
  min-height: 38px;
  border-radius: 3px;
  border-color: #ccc;
  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 {
    @include form-control-focus-direct();
}*/
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 {
    @include tab-focus();
}*/
/* ==========================================================================
   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: 3px;
  opacity: 0.7;
  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 ****/
/* ==========================================================================
   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;
}

/* Mobile Hero Area
   ========================================================================== */
.HeroArea {
  height: 350px;
  width: 100%;
  position: relative;
}

.HeroBackground {
  height: 100%;
  background: #F89725 url(images/MobileCairnsBanner.jpg) bottom center no-repeat;
  background-size: cover;
}

.HeroContent {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0.8rem 0;
  background-color: #000;
  /* Fallback for IE8, which doesn't support rgba */
  background-color: rgba(0, 0, 0, 0.75);
}
.HeroContent h1,
.HeroContent h2,
.HeroContent h3,
.HeroContent h4,
.HeroContent h5,
.HeroContent .HeroText {
  color: #fff;
  margin: 0 0.8rem 0.8rem 0.8rem;
}
.HeroContent .TextButton {
  float: right;
}

/* Responsive Hero Content
   ========================================================================== */
/* This header is used in the out-of-the-box Member, Member Responsive
 * and Annual Conference sample sites */
/* Note: this is actually a static hero image and text.
 * For the Slideshow iPart styles see Carousel.
 */
.Slider.FullWidth {
  height: 52rem;
  background-image: url(images/sliderpage6.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.Slider.FullWidth h1 {
  font-size: 280%;
}
@media (min-width: 768px) {
  .Slider.FullWidth h1 {
    font-size: 320%;
  }
}
.Slider.FullWidth .SliderPage1 {
  height: 100%;
}
.Slider.FullWidth .SliderPage1 h1 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 20px;
  line-height: 1.2;
}
.Slider.FullWidth .SliderPage1 .SliderContent {
  /* remove the margins put on by the container */
  margin-left: -10px;
  margin-right: -10px;
  /* then add it back on */
  padding: 10px;
  /* Fallback for IE8, which doesn't support rgba */
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  width: 100%;
  position: absolute;
  bottom: 0;
  max-height: 100%;
  overflow: auto;
}
@media (min-width: 768px) {
  .Slider.FullWidth .SliderPage1 .SliderContent {
    border-radius: 8px;
    position: inherit;
    float: right;
    width: 36em;
    margin: 1em;
    max-height: 50rem;
  }
}
.Slider.FullWidth .SliderPage1 .SliderText {
  overflow-y: auto;
  line-height: 1.7em;
  color: #fff;
}
.Slider.FullWidth .SliderPage1 .SliderText h2,
.Slider.FullWidth .SliderPage1 .SliderText h3,
.Slider.FullWidth .SliderPage1 .SliderText h4,
.Slider.FullWidth .SliderPage1 .SliderText h5 {
  color: inherit;
}
.Slider.FullWidth .SliderPage1 p:last-child {
  margin-bottom: 0;
}
.Slider.FullWidth .SliderPage1 .ActionButton {
  margin-top: 1em;
  text-align: right;
}

/* Responsive "Jumbotron"
   ========================================================================== */
/* This header is used in the out-of-the-box Donor sample site */
.jumbotron .jumbotron-content {
  max-height: 100%;
}
.jumbotron.home, .jumbotron.interior {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
}
.jumbotron.home {
  height: 52rem;
}
.jumbotron.home h1 span,
.jumbotron.home .ActionButton {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
  max-width: 1160px;
}
.jumbotron.home h1 {
  color: #fff;
  margin-top: 0;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  text-align: center;
  font-weight: normal;
  font-size: 280%;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.45);
}
@media (min-width: 768px) {
  .jumbotron.home h1 {
    font-size: 320%;
  }
}
@media (min-width: 768px) {
  .jumbotron.home h1 span {
    padding-left: 8%;
    padding-right: 8%;
  }
}
.jumbotron.home .ActionButton {
  text-align: right;
}
@media (min-width: 768px) {
  .jumbotron.home .ActionButton {
    padding-right: 12%;
  }
}
.jumbotron.interior {
  height: 20em;
}
.jumbotron.interior p {
  padding: 1.5rem 1rem 0.8rem;
  font-size: 150%;
  margin-bottom: 0;
}
.jumbotron.interior .ActionButton {
  clear: both;
  padding-left: 3rem;
  padding-right: 3rem;
}
@media (max-width: 767px) {
  .jumbotron.interior .jumbotron-content {
    height: 100%;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.65);
    text-align: center;
  }
}
@media (min-width: 480px) {
  .jumbotron.interior p {
    font-size: 170%;
  }
}
@media (min-width: 768px) {
  .jumbotron.interior {
    height: 25rem;
  }
  .jumbotron.interior p {
    font-size: 200%;
  }
  .jumbotron.interior .jumbotron-text span {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.55);
    padding: 0 0.45rem;
    margin-bottom: 0.2rem;
    float: left;
    clear: left;
  }
  .jumbotron.interior.AlignRight .jumbotron-text span {
    float: right;
    clear: right;
  }
}

.jumbotron .img-copyright,
.carousel .img-copyright,
.carousel2 .img-copyright {
  width: 100%;
  text-align: right;
  font-size: 70%;
}
.jumbotron .img-copyright a,
.jumbotron .img-copyright a:hover,
.jumbotron .img-copyright a:focus,
.jumbotron .img-copyright a:visited,
.jumbotron .img-copyright a:active,
.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: #fff;
}

/* 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: 700;
  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 {
  background-color: rgba(255, 255, 255, 0.8);
  width: 65%;
  color: #000;
  text-align: left;
  padding: 0.5rem 2rem 1rem 2rem;
  bottom: 6.5rem;
  margin: 0 auto;
  max-width: 860px;
}
.carousel .carousel-caption h1,
.carousel .carousel-caption p,
.carousel2 .carousel-caption h1,
.carousel2 .carousel-caption p,
.HomePageFullWidthArea .carousel-caption h1,
.HomePageFullWidthArea .carousel-caption p {
  color: #000;
}
@media screen and (max-width: 767px) {
  .carousel .carousel-caption,
.carousel2 .carousel-caption,
.HomePageFullWidthArea .carousel-caption {
    bottom: 1rem;
  }
}
.carousel .no-caption .carousel-caption,
.carousel2 .no-caption .carousel-caption,
.HomePageFullWidthArea .no-caption .carousel-caption {
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background-color: transparent;
}
.carousel .contain-banner,
.carousel2 .contain-banner,
.HomePageFullWidthArea .contain-banner {
  background-size: contain !important;
  background-color: #fff !important;
}

.carousel-control .icon-prev::before,
.carousel-control .icon-next::before {
  content: "";
  display: block;
  width: 3rem;
  height: 3rem;
}

.carousel-control .icon-prev {
  margin-left: -10px;
  top: 70% !important;
}
.carousel-control .icon-prev::before {
  background: url("images/ResponsiveHeaderSprite.png") 0 -150px no-repeat;
}

.carousel-control .icon-next {
  margin-right: -10px;
  top: 70% !important;
}
.carousel-control .icon-next::before {
  background: url("images/ResponsiveHeaderSprite.png") 0 -200px no-repeat;
}

.carousel-indicators {
  display: none;
}

/* Internal page carousel */
.InternalHeaderArea {
  background: #fff;
  overflow: hidden;
}
@media (min-width: 768px) {
  .InternalHeaderArea .carousel {
    height: 13.3em;
  }
}
@media (max-width: 767px) {
  .InternalHeaderArea .carousel {
    height: 0;
  }
}
.InternalHeaderArea .panel-body {
  padding: 0;
}
.InternalHeaderArea .carousel-inner {
  width: 100%;
}
.InternalHeaderArea .carousel-caption,
.InternalHeaderArea .carousel-control,
.InternalHeaderArea .carousel-inner > .item .carousel-link {
  display: none !important;
}

@media (max-width: 991px) {
  .InternalHeaderArea {
    max-height: 100px;
  }
}
/* Home page Carousel */
.Wrapper-HomePage .HomePageFullWidthArea {
  margin-top: 185px;
  /* Overwrite slideshow height setting on homepage only */
  /* darker gradient to improve legibility of auxiliary nav */
}
.Wrapper-HomePage .HomePageFullWidthArea .carousel-inner:before {
  content: "";
  display: block;
  height: 6em;
  width: 100%;
  position: absolute;
  z-index: 665;
}

/* There seems to be an issue when choosing to display the FullWidthArea on the homepage only.
    The container div remains on internal pages although its content is hidden. */
.HomePageFullWidthArea {
  display: none;
}

.Wrapper-HomePage .HomePageFullWidthArea,
.TemplateManagerArea .HomePageFullWidthArea {
  display: block;
}

/* When the internal and home page content can't be found,
   make sure there's enough room for the navigation to be usable */
#hd {
  min-height: 13.3em;
  background-color: #003049;
}

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

#masterHeaderBackground,
.header {
  border-bottom: 2px solid #ddd;
}

/* Universal search control */
.search-field {
  background: #fff url("images/ResponsiveHeaderSprite.png") no-repeat;
  background-position: 7px -1.9rem;
  padding-left: 3rem !important;
  color: #515052;
  border-color: #cccccc;
}

.header-search .TextButton {
  display: none;
}

/* header logo */
#masterHeaderImage {
  background-image: url("images/HeaderLogo.png");
  background-repeat: no-repeat;
  width: 122px;
  height: 38px;
  /* The following are needed to hide the text, but allow it to be read by screen readers */
  text-indent: -9999px;
  overflow: hidden;
  float: left;
}
#masterDonorHeaderImage {
  background-image: url("images/HeaderLogo.png");
  background-repeat: no-repeat;
  width: 122px;
  height: 38px;
  /* The following are needed to hide the text, but allow it to be read by screen readers */
  text-indent: -9999px;
  overflow: hidden;
  float: left;
}
/* 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: #69be28;
}
.ProxyPanelContact, .ProxyPanelContact .obo-label {
  color: #fff;
}
.ProxyPanelContact a {
  color: #4db4ff;
}

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

.SubNavPanelHead {
  background-color: #f5f5f5;
  color: #000;
  font-family: "Raleway", sans-serif !important;
  font-weight: bold;
}

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

/* 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: #000;
  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: "Raleway", sans-serif !important;
  font-weight: bold;
  font-size: 2.6rem;
}
.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;
  }
}

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

/* Group List Editor
   ========================================================================== */
.RadTreeView.GLE .rtLI {
  margin-bottom: 0.3em;
}
.RadTreeView.GLE .rtIn, .RadTreeView.GLE .rtHover .rtIn, .RadTreeView.GLE .rtSelected .rtIn {
  background-color: transparent;
  border: none;
  color: #004A80;
}
.RadTreeView.GLE a:hover, .RadTreeView.GLE a:focus, .RadTreeView.GLE span[onclick]:hover, .RadTreeView.GLE span[onclick]:focus {
  background-color: #010e15;
  color: #fff;
}
.RadTreeView.GLE .rtImg {
  border-radius: 3px;
}

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

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

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

.AltBgColor2 > .panel {
  background-color: #00abbe;
}
.AltBgColor2 > .panel.panel-border {
  border-color: #0094a5;
}

.AltBgColor3 > .panel {
  background-color: #F57F20;
}
.AltBgColor3 > .panel.panel-border {
  border-color: #f1710b;
}

.AltBgColor4 > .panel {
  background-color: #e98300;
}
.AltBgColor4 > .panel.panel-border {
  border-color: #d07500;
}

.AltBgColor5 > .panel {
  background-color: #8e51ae;
}
.AltBgColor5 > .panel.panel-border {
  border-color: #80499d;
}

/* 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: #003049;
}

/* </Progress Tracker > */
/* <Progress Tracker 2> */
.ProgressTracker2 .ProgressTrackerPanel {
  background-color: #3ca3d9;
}
.ProgressTracker2 .ProgressTrackerPanel .count {
  color: #fff;
  font-family: "Raleway", sans-serif !important;
  font-weight: bold;
}
.ProgressTracker2 div p {
  background-color: #fff;
  color: #F89725;
  margin-bottom: 0;
}
.ProgressTracker2 .ProgressBar {
  margin: 10px;
}
.ProgressTracker2 .ProgressBar > span {
  background-color: #dba070;
}
.ProgressTracker2 .SuccessfulMessage {
  background-color: #f7d2a5;
  color: #000;
}

/* </Progress Tracker 2> */
/* ==========================================================================
PUBLIC DIRECTORY SEARCH
========================================================================== */
.DirectorySearchContainer {
  background-color: #003049;
  color: #fff;
}

.DirectorySearch .PanelBody > div > div {
  display: flex;
}
.DirectorySearch .PanelBody > div > div .PanelField {
  flex: 1;
  display: flex;
}
.DirectorySearch .PanelBody > div > div .PanelField .Label {
  color: #fff !important;
  margin-top: 1.3rem;
  margin-right: 1.6rem;
  font-weight: normal;
}
@media (max-width: 767px) {
  .DirectorySearch .PanelBody > div > div {
    display: inline-block !important;
  }
}
.DirectorySearch .PanelFieldValue {
  width: 100%;
  padding-right: 1rem;
}
.DirectorySearch .PanelFieldValue input {
  flex: 1;
  width: 95% !important;
  border: none;
  height: 5.6rem;
}
@media (max-width: 767px) {
  .DirectorySearch .PanelFieldValue input {
    width: auto !important;
  }
}
.DirectorySearch .PanelFieldValue label,
.DirectorySearch .PanelFieldValue .Label {
  width: 8rem;
}
@media (max-width: 767px) {
  .DirectorySearch .PanelFieldValue {
    width: auto !important;
  }
}
.DirectorySearch fieldset {
  border: none;
}
.DirectorySearch fieldset h2.PanelTitle {
  color: #fff;
}

.DirectorySearch .TextButton,
.DirectorySearch .hiddenGrid.secretButton a,
.hiddenGrid.secretButton .DirectorySearch a,
.DirectorySearch .TaggedListPanel a[id$=NextButton],
.TaggedListPanel .DirectorySearch a[id$=NextButton],
.DirectorySearch .TaggedListPanel a[id$=PreviousButton],
.TaggedListPanel .DirectorySearch a[id$=PreviousButton] {
  width: 20rem !important;
  background-color: #fff;
  color: #515052;
  height: 5.6rem;
  margin-top: 0.6rem;
}
@media (max-width: 767px) {
  .DirectorySearch .TextButton,
.DirectorySearch .hiddenGrid.secretButton a,
.hiddenGrid.secretButton .DirectorySearch a,
.DirectorySearch .TaggedListPanel a[id$=NextButton],
.TaggedListPanel .DirectorySearch a[id$=NextButton],
.DirectorySearch .TaggedListPanel a[id$=PreviousButton],
.TaggedListPanel .DirectorySearch a[id$=PreviousButton] {
    width: 80% !important;
  }
}

.sidebar-btns ul {
  list-style-type: none;
  padding-left: 1rem;
}
.sidebar-btns li {
  padding-bottom: 2rem;
}
.sidebar-btns li:last-child {
  padding-bottom: 0;
}
.sidebar-btns a {
  text-decoration: none;
  font-weight: bold;
}
.sidebar-btns img {
  padding-right: 1rem;
  margin-top: -5px;
}

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

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

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

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

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

#ctl01_TemplateBody_WebPartManager1_gwpciProductSearch_ciProductSearch_ctl00.panel-border {
  padding: 1rem;
}

.AddPaddingLeft {
  padding-left: 10px;
}

.Persons {
  border-radius: 0px !important;
  border: 1px solid #ddd !important;
  box-shadow: none !important;
}

.DirectoryListing {
  display: none !important;
}

.PersonItemDetail {
  display: block !important;
  width: 240px !important;
}

.Regions a {
  text-shadow: none !important;
  background-color: #003049 !important;
  background-image: none !important;
  border: 0px !important;
  border-radius: 3px !important;
  display: block;
  font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
  font-size: 22px !important;
  margin-bottom: 5px;
  text-align: center;
  margin-bottom: 10px;
  text-decoration: none;
  color: #fff !important;
  padding-top: 2px;
}
.Regions a:hover {
  background-color: #004163 !important;
}

.RegionTitle {
  background-color: #F89725 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #000 !important;
  font-family: "Raleway", sans-serif !important;
  font-size: 2.4rem !important;
  font-weight: 600;
  padding: 30px !important;
}

.Alphas {
  text-align: center;
}

.Alphas a {
  text-shadow: none !important;
  background-color: #003049 !important;
  background-image: none !important;
  border: 0px !important;
  border-radius: 3px !important;
  display: block;
  font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  margin-bottom: 5px;
  text-align: center;
  margin-bottom: 10px;
  text-decoration: none;
  color: #fff !important;
  padding-top: 2px;
}
.Alphas a:hover {
  background-color: #004163 !important;
}

@media (max-width: 790px) {
  .Persons {
    display: table;
  }

  .PersonItemDetail {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    /*float:left;*/
  }

  .PersonsItem {
    float: left;
    width: 100%;
  }
}
/* ==========================================================================
   Footer
   ========================================================================== */
.social-icons img {
  margin-right: 1rem;
}

.footer-contact .col-md-1.col-sm-12 {
  text-align: left;
}

.footer-nav-copyright {
  padding-top: 1rem;
  padding-bottom: 0.35rem;
  /* 1em - .65em (bottom margin on nav lis) */
}
.footer-nav-copyright::after {
  display: block;
  clear: both;
  content: "";
}
.footer-nav-copyright .NavigationUnorderedList,
.footer-nav-copyright .footer-copyright {
  float: left;
  margin: 0;
}
.footer-nav-copyright .footer-copyright {
  display: inline-block;
  margin: 0 1.5rem 0.65rem 0;
}
.footer-nav-copyright .footer-copyright p {
  margin-bottom: 0;
  color: #fff;
  font-size: 1.2rem;
}
.footer-nav-copyright .footer-social-copyright .footer-social,
.footer-nav-copyright .footer-social-copyright .footer-copyright {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media (min-width: 768px) {
  .footer-nav-copyright .footer-social-copyright .footer-social {
    text-align: left;
  }
  .footer-nav-copyright .footer-social-copyright .footer-copyright {
    float: right;
    width: auto;
    clear: right;
  }
}
@media (max-width: 767px) {
  .footer-nav-copyright .footer-social-copyright {
    text-align: center;
  }
}

.footer-content {
  padding-top: 1rem;
}
.footer-content p {
  color: #fff;
}

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

@media (min-width: 768px) {
  .footer .footer-social {
    width: 33.3333333333%;
  }
  .footer .footer-promo-container {
    width: 66.6666666667%;
  }
}
#masterFooterCopyright {
  clear: both;
}

.footer-content {
  background-color: #003049;
  color: #fff;
  padding: 5rem 1rem 3rem;
}
.footer-content h2 {
  margin-top: 0;
  color: #fff;
  border-bottom: none;
}
.footer-content a {
  color: #fff;
}
.footer-content #ste_container_LeftColumn,
.footer-content #ste_container_RightColumn {
  width: 50%;
  float: left;
}
@media screen and (max-width: 992px) {
  .footer-content #ste_container_LeftColumn,
.footer-content #ste_container_RightColumn {
    width: 100%;
  }
}

ul.social {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.social li {
  float: left;
  list-style: none;
  margin-right: 0.5rem;
}

.footer-promo-container .promo {
  background-color: #000;
  /* rgba fallback */
  background-color: rgba(0, 8, 16, 0.5);
  padding: 1.5rem;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.075), 0 1px 0 rgba(255, 255, 255, 0.1);
}
.footer-promo-container .lead {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin-bottom: 0.25em;
  font-size: 130%;
  line-height: inherit;
}
@media (min-width: 992px) {
  .footer-promo-container .lead {
    font-size: 170%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .footer-promo-container .lead {
    font-size: 150%;
  }
}

.footer-promo-container .TextButton,
.footer-promo-container .hiddenGrid.secretButton a,
.hiddenGrid.secretButton .footer-promo-container a,
.footer-promo-container .TaggedListPanel a[id$=NextButton],
.TaggedListPanel .footer-promo-container a[id$=NextButton],
.footer-promo-container .TaggedListPanel a[id$=PreviousButton],
.TaggedListPanel .footer-promo-container a[id$=PreviousButton] {
  background-color: #000;
  /* rgba fallback */
  background-color: rgba(0, 8, 16, 0.5);
  color: #fff;
}

.footer-promo-container .TextButton:hover, .footer-promo-container .hiddenGrid.secretButton a:hover, .hiddenGrid.secretButton .footer-promo-container a:hover, .footer-promo-container .TaggedListPanel a[id$=NextButton]:hover, .TaggedListPanel .footer-promo-container a[id$=NextButton]:hover,
.footer-promo-container .TaggedListPanel a[id$=PreviousButton]:hover, .TaggedListPanel .footer-promo-container a[id$=PreviousButton]:hover {
  background-color: #000;
  /* rgba fallback */
  background-color: rgba(0, 8, 16, 0.8);
}

.footer-nav-copyright {
  background-color: #003049;
  color: #fff;
}

.footer-nav-copyright a, .footer-nav-copyright a:visited {
  color: #fff;
}

.footer-nav-copyright a:hover, .footer-nav-copyright a:active {
  color: #fff;
}

/* Compatibility Footer
    ========================================================================== */
/* Old-style footer (pre-responsive) */
#ft {
  background-color: #003049;
  color: #fff;
}
#ft h4 {
  color: #fff;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

#masterFooterConnectWithUs {
  border-style: solid;
  border-color: #ddd;
  border-width: 0 1px;
}

#masterFooterContent a,
#masterFooterCopyright a,
#masterFooterNavigation a {
  color: #fff;
}
#masterFooterContent a:visited,
#masterFooterCopyright a:visited,
#masterFooterNavigation a:visited {
  color: #fff;
}
#masterFooterContent a:hover, #masterFooterContent a:active,
#masterFooterCopyright a:hover,
#masterFooterCopyright a:active,
#masterFooterNavigation a:hover,
#masterFooterNavigation a:active {
  color: #ddd;
}

#masterFooterCopyright {
  border-color: #ddd;
  /* rgba fallback */
  border-top: 1px solid rgba(221, 221, 221, 0.5);
}

/* ==========================================================================
   PRIMARY NAVIGATION
   ========================================================================== */
@media (min-width: 992px) {
  .primary-navigation-area .MegaDropDownMenuOuter {
    text-align: right;
  }
}
.header-bottom-container {
  background-color: #fff;
  min-height: 8.4rem;
}

.navbar {
  min-height: 52px;
}

@media (max-width: 991px) {
  .Wrapper-HomePage .HomePageFullWidthArea {
    margin-top: 0px;
  }

  .navbar {
    background-color: #fff;
  }
}
.navbar-collapse,
.searchbar-collapse {
  background-color: #fff;
}

.searchbar-collapse {
  position: absolute;
}

@media (min-width: 992px) {
  .navbar-collapse,
.searchbar-collapse {
    padding-left: 0;
    padding-right: 0;
    border: none;
    background: none;
  }
}
.auth-link-container {
  /* container for the sign in link when the browser is <768px wide */
  padding: 8px 15px;
  text-align: center;
  background-color: #ddd;
}

/* Reset some Telerik defaults */
.RadMenu.RadMenu_NaturalHeritageSites {
  float: none;
  z-index: 1001 !important;
  position: relative;
}
.RadMenu.RadMenu_NaturalHeritageSites:focus {
  outline: none;
}
.RadMenu.RadMenu_NaturalHeritageSites {
  /*2nd and 3rd level navigation (dropdown menus)*/
}
.RadMenu.RadMenu_NaturalHeritageSites .rmGroup,
.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup,
.RadMenu.RadMenu_NaturalHeritageSites .rmMultiColumn,
.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem {
  border: none;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmFirst {
  z-index: 0;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmVertical .rmToggle .rmIcon:before,
.RadMenu.RadMenu_NaturalHeritageSites .rmVertical .rmExpand:before,
.RadMenu.RadMenu_NaturalHeritageSites .rmRightArrow .rmIcon:before,
.RadMenu.RadMenu_NaturalHeritageSites .rmHorizontal .rmToggle .rmIcon:before,
.RadMenu.RadMenu_NaturalHeritageSites .rmHorizontal .rmExpand:before,
.RadMenu.RadMenu_NaturalHeritageSites .rmBottomArrow .rmIcon:before {
  content: none;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmItem,
.RadMenu.RadMenu_NaturalHeritageSites .rmHorizontal > .rmItem,
.RadMenu.RadMenu_NaturalHeritageSites .rmHorizontal > .rmRootScrollGroup > .rmItem,
.RadMenu.RadMenu_NaturalHeritageSites .rmLink {
  float: none;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmLink {
  padding: 0;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmText {
  display: inline-block;
  vertical-align: top;
  float: left;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup .rmRootLink .rmToggle,
.RadMenu.RadMenu_NaturalHeritageSites .rmToggle {
  width: auto;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmToggle,
.RadMenu.RadMenu_NaturalHeritageSites .rmToggle .rmIcon,
.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup .rmRootLink .rmToggle {
  position: static;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmGroup .rmContent,
.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup .rmContent {
  padding: 0;
}
.RadMenu.RadMenu_NaturalHeritageSites .RadSiteMap,
.RadMenu.RadMenu_NaturalHeritageSites .RadSiteMap .rsmItem,
.RadMenu.RadMenu_NaturalHeritageSites .RadSiteMap .rsmTwoLevels .rsmItem {
  font-size: inherit;
}
.RadMenu.RadMenu_NaturalHeritageSites ul {
  margin: 0;
  padding: 0;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmItem,
.RadMenu.RadMenu_NaturalHeritageSites .rsmItem {
  list-style: none;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmDisabled > a,
.RadMenu.RadMenu_NaturalHeritageSites .rsmDisabled > a {
  cursor: default;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmItem {
  width: auto;
  clear: both;
  text-align: left;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmText,
.RadMenu.RadMenu_NaturalHeritageSites .rmHorizontal .rmText,
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmText {
  padding: 0.8rem 1.2rem;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .MegaDropDownMenuOuter > .rmText {
  /* when mega menus are on, don't add padding around the rmText */
  padding: 0;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmText {
  /* give space for the expand arrow */
  padding-right: 4rem;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmGroup {
  position: relative;
}
.RadMenu.RadMenu_NaturalHeritageSites .rsmItem {
  padding: 4px 1.5rem;
  margin: 0;
  word-break: keep-all;
}
.RadMenu.RadMenu_NaturalHeritageSites .rsmLink,
.RadMenu.RadMenu_NaturalHeritageSites .rsmOneLevel .rsmItem .rsmLink {
  padding: 0;
}
.RadMenu.RadMenu_NaturalHeritageSites .rsmTwoLevels .rsmItem .rsmItem,
.RadMenu.RadMenu_NaturalHeritageSites .rsmTwoLevels .rsmLevel1 .rsmLink {
  /* make sure second-level rsm items are lined up properly */
  padding-left: 0;
  margin-right: 1.5rem;
}
.RadMenu.RadMenu_NaturalHeritageSites .rsmTwoLevels .rsmLink {
  margin-bottom: 0;
}
.RadMenu.RadMenu_NaturalHeritageSites .rsmColumn {
  /* for multiple columns on the mega menu */
  display: inline-block;
  vertical-align: top;
  padding-right: 4px;
}
@media (max-width: 480px) {
  .RadMenu.RadMenu_NaturalHeritageSites .rsmColumn {
    /* on very small screens drop mega menu columns to one */
    width: 100% !important;
  }
}
.RadMenu.RadMenu_NaturalHeritageSites .rsmColumnWrap {
  margin-bottom: 0;
  background-color: rgba(255, 255, 255, 0.15);
  padding: 0px 15px;
}
.RadMenu.RadMenu_NaturalHeritageSites .rsmColumnWrap .rsmLevel1 .rsmLink,
.RadMenu.RadMenu_NaturalHeritageSites .rsmColumnWrap .rsmLevel1 .rsmTemplate {
  font-weight: 500 !important;
}
.RadMenu.RadMenu_NaturalHeritageSites .rsmThreeLevels .rsmLevel1 .rsmLink,
.RadMenu.RadMenu_NaturalHeritageSites .rsmThreeLevels .rsmLevel1 .rsmTemplate,
.RadMenu.RadMenu_NaturalHeritageSites .rsmTwoLevels .rsmLevel1 .rsmLink,
.RadMenu.RadMenu_NaturalHeritageSites .rsmTwoLevels .rsmLevel1 .rsmTemplate,
.RadMenu.RadMenu_NaturalHeritageSites .rsmOneLevel .rsmItem .rsmLink,
.RadMenu.RadMenu_NaturalHeritageSites .rsmOneLevel .rsmItem .rsmTemplate {
  display: block;
}
.RadMenu.RadMenu_NaturalHeritageSites .rsmOneLevel .rsmItem .rsmLink,
.RadMenu.RadMenu_NaturalHeritageSites .rsmOneLevel .rsmItem .rsmTemplate {
  white-space: nowrap;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmLink,
.RadMenu.RadMenu_NaturalHeritageSites .rsmLink {
  text-decoration: none;
  display: block;
  position: relative;
  /* required for the menu to work in IE */
}
.RadMenu.RadMenu_NaturalHeritageSites .rsmColumnWrap .rsmLevel1 .rsmLink,
.RadMenu.RadMenu_NaturalHeritageSites .rsmColumnWrap .rsmLevel1 .rsmTemplate {
  padding: 0;
  margin: 0;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmGroup .rmText {
  margin: 0;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmSelected {
  /* root item selected styles */
  color: #fff;
  background-color: transparent;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmExpanded,
.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink:hover,
.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmFocused {
  /* root item hover and focus styles */
  background-color: #003049;
  color: #F7D95A;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmGroup {
  background-color: #003049;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmDisabled > .rmLink,
.RadMenu.RadMenu_NaturalHeritageSites .rsmDisabled > .rsmLink {
  color: #fff;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmDisabled > .rmLink:hover,
.RadMenu.RadMenu_NaturalHeritageSites .rmDisabled > .rmLink:active,
.RadMenu.RadMenu_NaturalHeritageSites .rsmDisabled > .rsmLink:hover,
.RadMenu.RadMenu_NaturalHeritageSites .rsmDisabled > .rsmLink:active {
  background-color: transparent;
  color: #fff;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem {
  position: relative;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem > .rmLink {
  color: #000;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem > .rmLink:hover,
.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem > .rmLink.rmExpanded {
  color: #fff;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmToggle,
.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup .rmRootLink .rmToggle {
  /* a clickable target to expand multi-level navigaiton */
  display: inline-block;
  float: right;
  height: 100%;
  background-color: #ccc;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmToggle .rmIcon,
.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup .rmRootLink .rmToggle .rmIcon {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  display: block;
  width: 2.3rem;
  height: 1.5rem;
  background-image: url("images/responsivenav.png");
  background-repeat: no-repeat;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  margin-right: 1.5rem;
  margin-left: 1.5rem;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmLink:hover .rmToggle > .rmIcon,
.RadMenu.RadMenu_NaturalHeritageSites .rmLink.rmFocused .rmToggle > .rmIcon,
.RadMenu.RadMenu_NaturalHeritageSites .rmSelected > .rmLink .rmToggle > .rmIcon,
.RadMenu.RadMenu_NaturalHeritageSites .rmFocused > .rmLink.rmRootLink .rmToggle > .rmIcon,
.RadMenu.RadMenu_NaturalHeritageSites .rmExpanded > .rmLink .rmToggle > .rmIcon,
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmLink .rmToggle > .rmIcon {
  background-position: 0 -26px;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmExpanded > .rmLink > .rmToggle > .rmIcon {
  transform: rotate(180deg);
}
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide {
  display: none;
  /* hide the sub nav until requested */
  position: absolute;
  height: auto !important;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmItem {
  float: none;
  display: block;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmText {
  float: none;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmLink,
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rsmLink {
  color: #fff;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmLink:hover,
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmLink:focus,
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmLink.rmFocused,
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmLink.rmExpanded,
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rsmLink:hover,
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rsmLink:focus,
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rsmLink.rmFocused,
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rsmLink.rmExpanded {
  color: #F7D95A;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmSeparator,
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmVertical > .rmSeparator,
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .MegaDropDownMenuSeperator > .rsmLink {
  border-bottom: 1px solid #fff;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmSeparator,
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmVertical > .rmSeparator {
  margin: 0 1.5rem;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmFocused > .rmLink,
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmSelected > .rmLink,
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rsmSelected > .rsmLink,
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rsmTwoLevels > .rsmItem.rsmSelected > .rsmLink {
  background-color: transparent;
  color: #F7D95A;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmLink:hover,
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmLink:focus,
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmLink.rmFocused,
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rsmLink:hover,
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rsmLink:focus,
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rsmLink.rmFocused,
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:hover,
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:focus,
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink.rmFocused {
  background-color: transparent;
  color: #F7D95A;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide.rmLevel1 .rmGroup {
  /* for second-level sub-nav and beyond,
              * we want to indent the nav to give separation */
  margin-left: 0;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmExpandRight,
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmGroup a.rmLink.rmExpandRight {
  background-image: url("images/ResponsiveNav.png");
  background-position: 110% -200px;
  background-repeat: no-repeat;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .MegaDropDownMenu {
  padding-top: 4px;
  padding-bottom: 4px;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rsmTwoLevels > .rsmItem {
  margin-bottom: 0.5em;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink,
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:hover,
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:focus {
  color: #fff;
  font-size: 1.4rem;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .MegaDropDownMenuSeperator .rsmLink {
  padding: 0;
}
@media (min-width: 992px) {
  .RadMenu.RadMenu_NaturalHeritageSites .rmItem {
    white-space: nowrap;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup {
    width: auto;
    display: inline-block;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem {
    float: left;
    clear: none;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem > .rmLink {
    margin: 0;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmGroup {
    margin: 0;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmItem {
    float: none;
    display: block;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmLink {
    margin: 0;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .rmToggle,
.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup .rmRootLink .rmToggle {
    display: none;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .rsmTwoLevels {
    /*Standard Width*/
    min-width: 19rem !important;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .LargerWidth10 {
    /*minimum width for more than menu items with 10-13 chars*/
    min-width: 21rem !important;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .LargerWidth10 .rsmLink {
    width: 13rem;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .LargerWidth14 {
    /*minimum width for more than menu items with 14-17 chars*/
    min-width: 28rem !important;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .LargerWidth14 .rsmLink {
    width: 15rem;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .LargerWidth18 {
    /*minimum width for more than menu items with 18-21 chars*/
    min-width: 35rem !important;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .LargerWidth18 .rsmLink {
    width: 18.5rem;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .LargerWidth22 {
    /*minimum width for more than menu items with 22+ chars*/
    min-width: 45rem !important;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .LargerWidth22 .rsmLink {
    width: 22.5rem;
  }
}
@media (max-width: 991px) {
  .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmExpanded,
.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink:hover,
.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmFocused {
    /* root item hover and focus styles */
    background-color: #fff;
    color: #000 !important;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .rmSlide {
    width: 100% !important;
    left: 0 !important;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .rmSlide ul.rmVertical,
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide ul.rmHorizontal,
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide ul.rmRootScrollGroup {
    float: none;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmSlide {
    /* for right expanded items, expand below on extra small screens */
    left: 0 !important;
    margin-top: 10.4rem;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmToggleHandles .rmSlide .rmText {
    /* if we have toggles on we don't want to add the extra padding */
    padding-right: 1.5rem;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmToggleHandles .rmExpandRight,
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmToggleHandles .rmGroup a.rmText.rmExpandRight {
    /* if toggle handles are on we don't want to display the arrow twice*/
    background-image: none;
  }
}

@media (max-width: 991px) {
  #ctl01_ciUtilityNavigation_ctl04__rptWrapper__rptWrapper_rpt_ctl03_NavigationListItem {
    display: none;
  }
}
/* ==========================================================================
    SECONDARY NAVIGATION
    ========================================================================== */
/**** Telerik overrides ****/
.RadTreeView {
  white-space: normal !important;
}
.RadTreeView .rtUL {
  margin-top: 1.5rem !important;
}
.RadTreeView .rtUL .rtUL {
  font-size: 1.4rem;
}
.RadTreeView ul li.rtLI {
  padding: 0.5rem 0 !important;
  border-bottom: 1px solid #ddd !important;
}
.RadTreeView ul li.rtLI a {
  text-decoration: underline;
}
.RadTreeView ul li ul li.rtLI {
  border-bottom: none !important;
}
.RadTreeView .rtMinus {
  background-image: url("images/UpDownSprite.png");
  background-repeat: no-repeat;
  background-position: -11px 0px !important;
}
.RadTreeView .rtPlus {
  background-image: url("images/UpDownSprite.png");
  background-repeat: no-repeat;
  background-position: -11px -18px !important;
}
.RadTreeView.RadTreeView_NaturalHeritageSites {
  white-space: normal;
}
.RadTreeView.RadTreeView_NaturalHeritageSites .rtLI,
.RadTreeView.RadTreeView_NaturalHeritageSites .rtTop,
.RadTreeView.RadTreeView_NaturalHeritageSites .rtMid,
.RadTreeView.RadTreeView_NaturalHeritageSites .rtBot {
  padding: 0;
}
.RadTreeView.RadTreeView_NaturalHeritageSites .rtIn {
  font-weight: normal;
  display: block;
}
.RadTreeView.RadTreeView_NaturalHeritageSites .rtIn,
.RadTreeView.RadTreeView_NaturalHeritageSites .rtHover .rtIn,
.RadTreeView.RadTreeView_NaturalHeritageSites .rtSelected .rtIn {
  padding: 1rem 1.5rem;
  border: none;
}
.RadTreeView.RadTreeView_NaturalHeritageSites .rtSelected > a.rtIn,
.RadTreeView.RadTreeView_NaturalHeritageSites .child-is-selected.rtIn {
  background-color: transparent;
  color: #F89725;
  font-weight: bold !important;
}
.RadTreeView.RadTreeView_NaturalHeritageSites .rtSelected > a.rtIn:hover, .RadTreeView.RadTreeView_NaturalHeritageSites .rtSelected > a.rtIn:active, .RadTreeView.RadTreeView_NaturalHeritageSites .rtSelected > a.rtIn:focus {
  background-color: transparent;
  color: #F89725;
}
.RadTreeView.RadTreeView_NaturalHeritageSites .rtUL .rtUL {
  padding-left: 1.5rem;
}
.RadTreeView.RadTreeView_NaturalHeritageSites > .rtUL {
  /* add a boundary for hovered navs */
  margin: 0 1px 1px 1px;
}
.RadTreeView.RadTreeView_NaturalHeritageSites > .rtUL > .rtLI {
  /* add a separator border to the first-level sub-nav items only */
  border-top: 1px solid #ddd;
}
.RadTreeView.RadTreeView_NaturalHeritageSites > .rtUL > .rtLI:first-child {
  border-top: none;
}
.RadTreeView.RadTreeView_NaturalHeritageSites > .rtUL > .rtLI .rtLI .rtIn {
  /* children should have less padding */
  padding: 0.5rem 1.5rem;
}
.RadTreeView.RadTreeView_NaturalHeritageSites > .rtUL > .rtLI > .rtUL {
  /* this makes the children section padding even */
  padding-right: 1.5rem;
  padding-bottom: 1rem;
}
.RadTreeView.RadTreeView_NaturalHeritageSites .rtSp,
.RadTreeView.RadTreeView_NaturalHeritageSites .rtPlus,
.RadTreeView.RadTreeView_NaturalHeritageSites .rtMinus {
  /* we don't want to display the expand/collapse icons in this theme */
  display: none;
}
.RadTreeView.RadTreeView_NaturalHeritageSites a.rtIn {
  color: #003049;
  transition: all 0.2s ease-in;
  margin: 0;
}
@media screen and (prefers-reduced-motion: reduce) {
  .RadTreeView.RadTreeView_NaturalHeritageSites a.rtIn {
    transition: none;
  }
}
.RadTreeView.RadTreeView_NaturalHeritageSites a.rtIn:hover, .RadTreeView.RadTreeView_NaturalHeritageSites a.rtIn:focus {
  background-color: #3ca3d9;
  color: #F89725;
}
.RadTreeView.RadTreeView_NaturalHeritageSites a.rtIn:active {
  background-color: #fff;
}

.child-is-selected-wrapper {
  background-color: rgba(250, 152, 35, 0.55);
  color: #000;
  font-weight: 700;
  padding: 0.5rem 0.5rem 0.5rem 2.5rem !important;
}
.child-is-selected-wrapper a {
  text-decoration: none !important;
}
.child-is-selected-wrapper + .rtUL {
  margin-top: 0 !important;
}

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

.nav-secondary .sub-nav-head {
  background-color: #004a80;
  color: #fff;
  font-weight: bold;
  font-size: 1.6rem;
  padding: 1rem 1.5rem;
  text-transform: uppercase;
}

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

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

/* ==========================================================================
AUXILIARY NAVIGATION
========================================================================== */
.navbar-header {
  float: right;
}
.navbar-header > div,
.navbar-header > a,
.navbar-header .NavigationUnorderedList,
.navbar-header .NavigationLink {
  display: inline-block;
  vertical-align: middle;
}

.navbar-toggle {
  margin-top: 0.55rem;
  margin-bottom: 0.55rem;
  vertical-align: middle;
  background-color: #cccccc;
  border-color: transparent;
  border-radius: 3px;
}
@media (max-width: 992px) {
  .navbar-toggle {
    display: block !important;
  }
}
.navbar-toggle.collapsed {
  background-color: #cccccc;
}
.navbar-toggle:hover, .navbar-toggle:focus {
  background-color: #cccccc;
}
.navbar-toggle .icon-bar {
  background-color: #000;
}

.header-container .nav-auxiliary {
  padding-top: 5px;
}
.header-container .nav-auxiliary .TextButton,
.header-container .nav-auxiliary .hiddenGrid.secretButton a,
.header-container .nav-auxiliary .TaggedListPanel a[id$=NextButton],
.header-container .nav-auxiliary .TaggedListPanel a[id$=PreviousButton],
.header-container .nav-auxiliary .navbar-toggle {
  margin-left: 1rem;
}
.header-container .nav-auxiliary .UtilityAuthentication a {
  color: #000;
  font-size: 1.4rem;
  text-decoration: none;
  padding-top: 2px;
  font-weight: 700;
  display: block;
  padding: 0.5rem;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.8);
}
.header-container .nav-auxiliary .UtilityAuthentication a:hover {
  background-color: white;
}
.header-container .nav-auxiliary .UtilityAuthentication a:hover, .header-container .nav-auxiliary .UtilityAuthentication a:focus {
  text-decoration: none;
}
.header-container .nav-auxiliary .UtilityAuthentication select {
  height: 3.2rem;
  margin-right: 1rem;
}
.header-container .nav-auxiliary .nav-image {
  vertical-align: baseline;
  padding-right: 0.8rem;
}
@media (min-width: 992px) {
  .header-container .nav-auxiliary .NavigationListItem,
.header-container .nav-auxiliary .header-social .SocialSprite {
    margin-left: 0.7rem;
  }
}
@media (max-width: 991px) {
  .header-container .nav-auxiliary {
    margin-top: 0.5rem;
  }
}

.TaggedListPanel .header-container .nav-auxiliary a[id$=NextButton],
.TaggedListPanel .header-container .nav-auxiliary a[id$=PreviousButton] {
  margin-left: 1rem;
}

.hiddenGrid.secretButton .header-container .nav-auxiliary a {
  margin-left: 1rem;
}

/* Cart item count
    ========================================================================== */
/* By default, put parentheses around the cart item count.
* This is overwritten when the class "nav-aux-cart" is applied.
*/
.cartCenter span:before {
  content: "(";
}
.cartCenter span:after {
  content: ")";
}

/* Auxiliary toggle buttons
    ========================================================================== */
/* Toggles that display on x-small screens to display the primary nav and search */
.navbar-toggle {
  float: none;
  padding: 0.5rem;
}
.navbar-toggle .icon-bar {
  height: 3px;
  border-radius: 0;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 0.5rem;
}
.navbar-toggle .icon-search {
  display: inline-block;
  float: left;
  background: transparent url("images/ResponsiveHeaderSprite.png") 0 -22px no-repeat;
  width: 2.2rem;
  height: 1.9rem;
  margin: 0;
}

/* Auxiliary button links
    ========================================================================== */
/* All navigation links except buttons (menu toggle, search toggle, dropdowns, etc) */
.nav-auxiliary .nav-aux-button.NavigationListItem {
  position: relative;
  /* required for cart indicator placement */
  display: inline-block;
}
.nav-auxiliary .nav-aux-button .NavigationLink {
  margin-left: 1rem;
  padding: 0.5rem;
  margin-bottom: 0;
  border: 1px solid transparent;
  border-radius: 3px;
  background-color: #cccccc;
}
.nav-auxiliary .nav-aux-button .nav-text {
  display: inline-block;
  white-space: nowrap;
  float: left;
  overflow: hidden;
  line-height: 1.4;
  width: 2.2rem;
  height: 1.9rem;
  padding: 0 0 0 2.2rem;
  color: #fff;
}
.nav-auxiliary .nav-aux-button a:hover .nav-text, .nav-auxiliary .nav-aux-button a:focus .nav-text {
  text-decoration: underline;
}
.nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
  background: transparent url("images/ResponsiveHeaderSprite.png") 2px -75px no-repeat;
}
.nav-auxiliary .nav-aux-button.nav-aux-cart .cartFull {
  /* left postion is padding plus placement */
  position: absolute;
  top: 1px;
  left: 0.75rem;
  text-align: center;
  line-height: 1;
  width: 1.6rem;
}
.nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter {
  color: #fff;
  background-color: #00498f;
  border-radius: 2px;
  font-size: 78%;
  line-height: 1;
  padding: 0 2px 1px;
  box-shadow: -1px 1px 0 rgba(34, 34, 34, 0.6);
}
.nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter span:before,
.nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter span:after {
  /* Clear the parentheses put around the item count by default */
  content: none;
}
.nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
  background: transparent url("images/ResponsiveHeaderSprite.png") 2px -125px no-repeat;
}
@media (min-width: 992px) {
  .nav-auxiliary .nav-aux-button .NavigationLink {
    background-color: rgba(255, 255, 255, 0.8);
  }
  .nav-auxiliary .nav-aux-button .NavigationLink:hover, .nav-auxiliary .nav-aux-button .NavigationLink:focus {
    background-color: #fff;
  }
  .nav-auxiliary .nav-aux-button.nav-aux-account .NavigationLink span {
    color: #000;
    font-weight: 700;
  }
  .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
    width: auto;
  }
}
@media (max-width: 991px) {
  .nav-auxiliary .nav-aux-button.nav-aux-cart .cartFull {
    /* This is the flag indicating how many items are in your cart */
    left: 0.75rem;
    /*($navbar-padding-horizontal + 9 + 5)*/
    top: 2px;
  }
  .nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter {
    background-color: #003049;
    color: #fff;
  }
}

.UtilityAccountArea {
  float: left;
  margin-top: 3px;
}
.UtilityAccountArea .account-toggle .nav-text {
  vertical-align: middle;
}

.UtilityNavigation .account-menu > li > a,
.UtilityNavigation .account-menu > li > a:hover,
.UtilityNavigation .account-menu > li > a:visited,
.UtilityNavigation .account-menu > li > a:active {
  color: #515052;
}

.UtilityNavigationList a.NavigationLink {
  color: #000;
  font-size: 1.4rem;
  text-decoration: none;
  padding-top: 2px;
  font-weight: 700;
  display: block;
  padding: 0.5rem;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.8);
}
.UtilityNavigationList a.NavigationLink:hover {
  background-color: white;
}

.account-menu .profile-picture-wrapper img {
  border-radius: 0;
  width: 3.1rem;
}

@media (max-width: 991px) {
  .account-menu {
    margin-top: -8px;
  }
}
a.ste-toggle,
.obo-toggle,
.batch-toggle,
.transaction-date-toggle {
  background-color: #ddd;
  width: 3.4rem;
  height: 3.1rem;
  margin-right: 0.5rem;
}

@media (min-width: 992px) {
  .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: #fff;
}

.obo-toggle.on,
.ste-toggle.on,
.batch-toggle.on,
.transaction-date-toggle.on {
  background-color: #fff;
}

.OnBehalfOfContainer {
  width: 100%;
}

.search-container-sm {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
}

.header-search {
  padding: 0.8rem 1.2rem;
  /* Search field is used as toggle button *and* field on larger devices */
}

.header-search > .header-search {
  padding: 0;
  /* don't double the padding */
}
.header-search .search-field {
  height: 3.1rem;
}
@media (max-width: 992px) {
  .header-search .search-field {
    padding: 0 0 0 0.7rem;
    padding-left: 3.4rem !important;
    background-position: 0.7rem -1.7rem !important;
    background-color: #f5f5f5;
    border: none;
  }
  .header-search .search-field:focus {
    background-color: #fff;
  }
}
@media (max-width: 991px) {
  .header-search .search-field {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .nav-auxiliary .nav-aux-cart, .nav-auxiliary .nav-aux-account {
    top: -4px;
  }

  .UtilityAuthentication a {
    background-color: #ccc !important;
    position: relative;
    top: -4px;
    color: #000;
  }
}
/* Sign in Page */
.sign-in-form .panel {
  padding: 2rem;
}

.password-instructions li {
  margin-bottom: 1rem;
  line-height: 2.5rem;
}

.carousel-inner .item {
  /*height: 52rem !important;
      background-color: $gray-lighter;*/
  /*&.bg-internal {
          height: 24rem !important;
      }*/
}
.carousel-inner .item:before {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.carousel-inner .item.overlay-orange:before {
  background-color: #F89725;
  opacity: 0.4;
}
.carousel-inner .item.overlay-blue:before {
  background-color: #004a80;
  opacity: 0.6;
}
@media screen and (max-width: 991px) {
  .carousel-inner .item {
    height: 23rem !important;
  }
}
@media screen and (max-width: 600px) {
  .carousel-inner .item {
    height: 16rem !important;
  }
}

.internal-image {
  height: 35rem;
  margin-bottom: 2rem;
}
.internal-image img {
  width: 100% !important;
  height: 35rem !important;
  object-fit: cover;
}

.resource-hub-content h1 {
  margin-bottom: 2rem;
}
.resource-hub-content hr {
  margin: 1rem 0 !important;
}
.resource-hub-content img {
  margin-right: 2rem;
}
.resource-hub-content .highlights {
  margin-bottom: 2rem;
  margin-top: 2rem;
}
.resource-hub-content .highlights img {
  height: 180px;
  float: left;
  width: 140px;
}

.section {
  margin-bottom: 5rem;
}
.section.section-social {
  margin-bottom: 0;
}

.info-sections {
  text-align: center;
  margin: 0 auto;
  width: 25rem;
}
.info-sections img {
  width: 5.5rem;
  margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .info-sections img {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .info-sections {
    width: 100%;
  }
}
.info-sections .ContentItemContainer > div:first-of-type {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  min-height: 35rem;
}
.info-sections .ContentItemContainer > div:first-of-type j .TextButton {
  margin-top: auto;
}
@media screen and (max-width: 767px) {
  .info-sections .ContentItemContainer > div:first-of-type {
    min-height: auto;
    margin-bottom: 2rem;
  }
}

/* Hotline and WASA News */
.section-hotline-news .TaggedListPanel {
  margin-top: 10rem;
}
@media (max-width: 992px) {
  .section-hotline-news .TaggedListPanel {
    margin-top: 1rem;
  }
}
.section-hotline-news .TaggedListPanel .box {
  display: flex;
  background-color: #fff;
  padding: 1.5rem 1rem;
  border-radius: 1px;
  margin: 0 0 1rem 0;
  -webkit-box-shadow: 0 0px 1.6rem 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0 0px 1rem 0 rgba(0, 0, 0, 0.07);
  align-items: center;
}
.section-hotline-news .TaggedListPanel .box .news-image {
  margin-right: 1.5rem;
  max-width: 2.7rem;
}
.section-hotline-news .TaggedListPanel .box .news-title .news-link {
  display: none;
}
.section-hotline-news .TaggedListPanel .box .news-title h6 {
  line-height: 2.5rem;
}
.section-hotline-news .TaggedListPanel .box .news-title h6 a {
  color: #515052;
  text-decoration: none;
}

/*Background images on home page */
.Full-Width-BG-1 {
  background: url("../../images/WASA/images/WASA-News.png");
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 50rem;
  padding: 5rem;
}
@media (max-width: 767px) {
  .Full-Width-BG-1 {
    padding: 3rem;
  }
}

/* Twitter viewport */
.timeline-Viewport {
  height: 500px !important;
}

/* WASA News */
.news_notices {
  width: 70%;
}
.news_notices h1 {
  margin-bottom: 4rem;
}
.news_notices .news-bg {
  background: #fff;
  padding: 6rem 6% 5rem 6%;
  margin: -4.3rem auto 0 auto;
  text-align: center;
}
@media screen and (max-width: 992px) {
  .news_notices {
    width: 100%;
  }
  .news_notices .icon-container {
    padding: 2rem;
    width: 10rem;
    height: 10rem !important;
  }
  .news_notices .news-bg {
    padding: 4rem 6%;
  }
}
@media screen and (max-width: 767px) {
  .news_notices {
    padding-top: 2rem;
    margin-top: 2rem;
  }
  .news_notices .icon-container {
    display: none;
  }
  .news_notices .news-bg {
    padding: 1rem;
  }
  .news_notices h1 {
    margin-bottom: 0;
    margin-top: 0;
  }
  .news_notices .PrimaryButton {
    margin-top: 2rem;
  }
}

/* Events & Programs */
/***************************************************/
.section-events {
  margin-bottom: 3rem;
}

/* Become a Member */
.Full-Width-BG-3 {
  background-color: #FCBF49;
  min-height: 20rem;
  padding: 1rem;
}
.Full-Width-BG-3 h1 {
  color: #515052;
  margin-bottom: 3rem;
}

.section-member p {
  color: #000;
}
.section-member a {
  font-weight: 700;
}

/* Social Media */
.show-twitter,
.show-facebook {
  box-shadow: 0px 0px 10px 4px #eeeeee;
}

@media (max-width: 767px) {
  .section-social,
.section-social-2 {
    display: none;
  }
}
/* Our Partners */
.bg-our-partners {
  background-color: #f5f5f5;
  padding: 2rem 2rem 1rem 2rem;
  margin-top: 2rem;
}

/* Logos */
.section-partners-logos,
.section-affiliates-logos {
  text-align: center;
}
.section-partners-logos h6,
.section-affiliates-logos h6 {
  text-decoration: underline;
  color: #003049;
}
.section-partners-logos a,
.section-affiliates-logos a {
  font-weight: 700;
}

.section-partners-logos .logos {
  padding-bottom: 4rem;
}

.logos,
.partner-logos {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.logos a,
.partner-logos a {
  display: block;
  flex: 0 0 16rem;
  margin: 1rem 1.5rem;
}

.partner-logos {
  flex-wrap: wrap;
  margin-top: 3rem;
}
.partner-logos a {
  flex: 0 0 25%;
  min-height: 9rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.corporate-partners h6,
.affiliates h6 {
  color: #003049;
  text-decoration: underline;
}

/* Section Events */
.news_events_taggedlist .panel-body-container {
  background-color: #ddd;
}
.news_events_taggedlist .panel-body-container .TaggedListPanel {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.news_events_taggedlist .panel-body-container .TaggedListPanel .content-tagged-tall {
  width: 22%;
  margin: 3rem 1.5% 0;
  background-color: #fff;
}
.news_events_taggedlist .panel-body-container .TaggedListPanel .content-tagged-tall .box {
  padding: 0;
  height: 100%;
  flex-direction: column;
  display: flex;
}
.news_events_taggedlist .panel-body-container .TaggedListPanel .content-tagged-tall .box .item-image-wrapper {
  min-height: 25rem;
}
.news_events_taggedlist .panel-body-container .TaggedListPanel .content-tagged-tall .box .item-description h6 {
  line-height: 2.2rem;
  min-height: 6rem;
}
.news_events_taggedlist .panel-body-container .TaggedListPanel .content-tagged-tall .box .item-description p:last-child {
  align-self: center;
}
.news_events_taggedlist .panel-body-container .TaggedListPanel .content-tagged-tall .box .item-description .item-detail {
  font-size: 1.3rem;
  line-height: 1rem;
}
.news_events_taggedlist .panel-body-container .TaggedListPanel .content-tagged-tall .box .item-description .item-date {
  font-weight: 700;
  font-size: 1.3rem;
  display: block;
}
.news_events_taggedlist .panel-body-container .TaggedListPanel .content-tagged-tall .box .event-program-link {
  display: none;
}
.news_events_taggedlist .panel-body-container .TaggedListPanel .content-tagged-tall .item-image-inner {
  background-repeat: no-repeat;
}
.news_events_taggedlist .panel-body-container .TaggedListPanel .content-tagged-tall .item-image-inner span {
  display: none;
}
.news_events_taggedlist .panel-body-container .TaggedListPanel .content-tagged-tall:nth-child(n+5) {
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .news_events_taggedlist .panel-body-container .TaggedListPanel .content-tagged-tall {
    width: 23%;
    margin-right: 1%;
    margin-left: 1%;
  }
}
@media (max-width: 860px) {
  .news_events_taggedlist .panel-body-container .TaggedListPanel .content-tagged-tall {
    width: 31%;
  }
  .news_events_taggedlist .panel-body-container .TaggedListPanel .content-tagged-tall:nth-child(n+7) {
    display: none;
  }
  .news_events_taggedlist .panel-body-container .TaggedListPanel .content-tagged-tall .box .item-image-wrapper {
    min-height: 20rem;
  }
}
@media (max-width: 500px) {
  .news_events_taggedlist .panel-body-container .TaggedListPanel .content-tagged-tall {
    width: 48%;
  }
  .news_events_taggedlist .panel-body-container .TaggedListPanel .content-tagged-tall:nth-child(n+5) {
    display: none;
  }
}

/* Podcast */
/*************************************************************/
/* Global Tagged List  Styles */
.podcast-list .TaggedListPanel {
  display: flex;
  flex-wrap: wrap;
}
.podcast-list .panel-body {
  padding: 0;
}

.podcast {
  margin: 1%;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  flex: 0 0 23%;
}
@media (max-width: 978px) {
  .podcast {
    flex: 0 0 22%;
    margin-bottom: 2rem;
  }
}
@media (max-width: 780px) {
  .podcast {
    flex: 0 0 30%;
  }
}
@media (max-width: 579px) {
  .podcast {
    flex: 0 0 47%;
  }
}
.podcast img {
  flex: 0;
}

.Wrapper-HomePage .podcast {
  flex: 0 0 17%;
  flex-direction: column;
}
@media (max-width: 978px) {
  .Wrapper-HomePage .podcast {
    flex: 0 0 22%;
    margin-bottom: 2rem;
  }
  .Wrapper-HomePage .podcast:nth-child(n+5) {
    display: none;
  }
}
@media (max-width: 780px) {
  .Wrapper-HomePage .podcast {
    flex: 0 0 30%;
  }
  .Wrapper-HomePage .podcast:nth-child(n+4) {
    display: none;
  }
}
@media (max-width: 579px) {
  .Wrapper-HomePage .podcast {
    flex: 0 0 47%;
  }
  .Wrapper-HomePage .podcast:nth-child(n+3) {
    display: none;
  }
}

.podcast-details {
  background-color: #fff;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  flex: 1;
  border-left: 2px solid #cccccc;
  border-right: 2px solid #cccccc;
  border-bottom: 2px solid #cccccc;
}
.podcast-details p {
  color: #000 !important;
}
.podcast-details .podcast-week {
  font-weight: 700;
}
.podcast-details .podcast-date {
  font-size: 1.3rem;
}
.podcast-details .podcast-description {
  font-size: 1.3rem;
  line-height: 2rem;
  margin-top: 2rem;
  flex: 1;
}
.podcast-details a.TextButton {
  align-self: center;
  padding-left: 4rem;
  padding-right: 4rem;
}

.podcast-url {
  display: none;
}

/* Home Page Specific Styles */
.Full-Width-BG-2 {
  background: url("/WASA/images/WASA/images/bg-podcast.png");
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 50rem;
  padding: 3rem 0rem;
}
.Full-Width-BG-2 h1,
.Full-Width-BG-2 p,
.Full-Width-BG-2 ul,
.Full-Width-BG-2 li {
  color: #fff;
}
.Full-Width-BG-2 .TextButton {
  border: solid 1px #999;
}
@media screen and (max-width: 992px) {
  .Full-Width-BG-2 {
    padding: 1rem 0rem;
  }
  .Full-Width-BG-2 .panel-body {
    padding: 0px;
  }
}
/* Member Portal Styles */
.member-portal .podcast {
  flex: 0 0 100%;
  margin: -10px 0 0;
}

/* Tagged List on Member Portal Page */
/***********************************************************/
.member-portal-list #ste_container_ciNews {
  width: 66%;
  float: left;
  /* Hide on Mobile*/
}
@media (max-width: 767px) {
  .member-portal-list #ste_container_ciNews {
    display: none;
  }
}
.member-portal-list #ste_container_ciNews .panel-body {
  padding: 0;
  height: 100%;
}
.member-portal-list #ste_container_ciNews .news-memberportal {
  flex: 0 0 47%;
  min-height: 53rem;
  border: 2px solid #cccccc;
  margin-right: 1rem;
  display: flex;
  flex-direction: column;
}
.member-portal-list .panel-body .TaggedListPanel {
  display: flex;
  /*justify-content: space-between;*/
  flex-wrap: wrap;
}
.member-portal-list .panel-body .TaggedListPanel .news-memberportal {
  font-size: 1.4rem;
  background: #fff;
  flex: 0 0 18%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 2rem;
  margin-right: 2rem;
}
@media (max-width: 1046px) {
  .member-portal-list .panel-body .TaggedListPanel .news-memberportal {
    flex: 0 0 22%;
  }
}
@media (max-width: 900px) {
  .member-portal-list .panel-body .TaggedListPanel .news-memberportal {
    flex: 0 0 30%;
  }
}
@media (max-width: 750px) {
  .member-portal-list .panel-body .TaggedListPanel .news-memberportal {
    flex: 0 0 40%;
  }
}
@media (max-width: 668px) {
  .member-portal-list .panel-body .TaggedListPanel .news-memberportal {
    flex: 0 0 46%;
  }
}
@media (max-width: 649px) {
  .member-portal-list .panel-body .TaggedListPanel .news-memberportal {
    flex: 0 0 43%;
  }
}
@media (max-width: 500px) {
  .member-portal-list .panel-body .TaggedListPanel .news-memberportal {
    flex: 0 0 65%;
  }
}
.member-portal-list .panel-body .TaggedListPanel .news-memberportal .news-memberportal-details {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.member-portal-list .panel-body .TaggedListPanel .news-memberportal .news-memberportal-details .news-memberportal-details {
  margin-bottom: 1.5rem;
}
.member-portal-list .panel-body .TaggedListPanel .news-memberportal .news-memberportal-details .news-memberportal-description {
  line-height: 2rem;
  font-size: 1.3rem;
  flex: 1;
}
.member-portal-list .panel-body .TaggedListPanel .news-memberportal:nth-child(5) {
  margin-right: 0 !important;
}
.member-portal-list .panel-body .TaggedListPanel .news-memberportal .news-memberportal-details .news-memberportal-title {
  font-weight: 700;
  font-size: 1.6rem;
}
.member-portal-list .panel-body .TaggedListPanel .news-memberportal .news-memberportal-details .news-memberportal-date {
  font-size: 1.3rem;
  margin-top: 2rem;
  font-weight: 700;
}

.news-link {
  display: none;
}

/* MEMBER PORTAL NEWS MOBILE */
/***************************************/
@media (min-width: 768px) {
  #ctl01_TemplateBody_WebPartManager1_gwpciMemberPortalNewsMobile_ciMemberPortalNewsMobile_ListTitle_Body,
#ctl01_TemplateBody_WebPartManager1_gwpciPodcastMobile_ciPodcastMobile_ListTitle_Body {
    display: none;
  }
}
#ctl01_TemplateBody_WebPartManager1_gwpciMemberPortalNewsMobile_ciMemberPortalNewsMobile_ListTitle_Body .news-memberportal {
  border-bottom: 0.5px solid #ddd;
  padding-bottom: 2rem;
  padding-top: 2rem;
}
#ctl01_TemplateBody_WebPartManager1_gwpciMemberPortalNewsMobile_ciMemberPortalNewsMobile_ListTitle_Body .news-memberportal:nth-child(1) {
  padding-top: 0;
}

#ctl01_TemplateBody_WebPartManager1_gwpciPodcastMobile_ciPodcastMobile_ListTitle_Body {
  padding-top: 0;
}
#ctl01_TemplateBody_WebPartManager1_gwpciPodcastMobile_ciPodcastMobile_ListTitle_Body .podcast {
  border-bottom: 0.5px solid #ddd;
  padding-bottom: 2rem;
  padding-top: 2rem;
}
#ctl01_TemplateBody_WebPartManager1_gwpciPodcastMobile_ciPodcastMobile_ListTitle_Body .podcast:nth-child(1) {
  padding-top: 0;
}

.member-portal .col-secondary {
  display: none;
}
.member-portal .show-twitter,
.member-portal .show-facebook {
  border: 1px solid #ddd;
}
@media (min-width: 992px) {
  .member-portal .has-secondary-col .col-primary {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .member-portal #ste_container_ciTwitterFeed,
.member-portal #ste_container_ciFacebookFeed {
    display: none;
  }
}

.hide-view-all {
  display: none;
}

/* Meet Our Partners Page */
.internal-image-header {
  height: 30rem;
}
.internal-image-header img {
  object-fit: cover;
  height: 30rem !important;
  width: 100%;
}

h5.meet-partners-header {
  text-transform: uppercase;
  font-weight: 700;
  color: #515052;
}

.partner-levels .level-columns {
  margin-bottom: 3rem;
}

.partner-list-first,
.partner-list-second,
.partner-list-third {
  margin-top: 3rem;
}

.partner-list-second h5 {
  padding-left: 2rem;
}
.partner-list-second ul {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.partner-list-second ul.partners-list {
  padding-left: 2rem;
}

ul.partners-list {
  margin: 2rem 0 0 0;
  padding: 0;
  color: #515052;
  font-size: 1.8rem;
}
ul.partners-list li {
  margin-bottom: 1rem;
  list-style: none;
}

.partner-summary {
  margin-bottom: 5rem;
}
.partner-summary img {
  max-width: 30rem;
}
.partner-summary .left {
  float: left;
  padding-right: 3rem;
}
.partner-summary .right {
  float: right;
  padding-left: 3rem;
}

/* Side Navigation Callout */
.side-nav-callout {
  background-color: #FCBF49;
  padding: 2rem 1rem;
  text-align: center;
}
.side-nav-callout p {
  line-height: 1.8rem;
  font-size: 1.4rem;
  color: #000;
  margin-bottom: 2rem;
}
.side-nav-callout .TextButton {
  font-size: 1.4rem !important;
}

/* MEMBER PORTAL */
/************************************************************/
/* Mini profile */
.mini-profile {
  background-color: #fff;
  border: 4px solid #ddd;
  margin-bottom: 3rem;
  height: 35rem;
  font-size: 1.4rem;
  max-width: 25rem;
}
.mini-profile .Label {
  width: auto;
}
.mini-profile #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactName_fullName.SectionLabel {
  font-size: 1.6rem;
}
.mini-profile #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contentPanel {
  position: relative;
  /* ID */
  /* Status Active */
  /* Email */
  /* Address */
  /* Name */
}
.mini-profile #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contentPanel #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactPicture_RadAjaxPanel1 {
  position: absolute;
  top: 1rem;
  left: 50%;
  transform: translate(-50%, 0);
  border: 1px solid transparent;
  border-radius: 50%;
  overflow: hidden;
  width: 12rem;
}
.mini-profile #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contentPanel #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactStatus_divIdHeader {
  position: relative;
}
.mini-profile #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contentPanel #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactStatus_divIdHeader .PanelField.Left {
  position: absolute;
  top: 20rem;
  left: 0;
  width: auto;
}
.mini-profile #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contentPanel #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactStatus_divIdHeader .PanelField.Left .Label {
  width: auto;
  font-weight: normal;
}
.mini-profile #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contentPanel #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactStatus_divStatusHeader {
  position: relative;
}
.mini-profile #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contentPanel #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactStatus_divStatusHeader .PanelField.Left {
  position: absolute;
  top: 20rem;
  left: 9rem;
}
.mini-profile #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contentPanel #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactStatus_divStatusHeader .PanelField.Left .Label {
  width: auto;
  font-weight: normal;
}
.mini-profile #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contentPanel #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactAddress__divEmail {
  position: absolute;
  top: 23rem;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
  text-align: center;
}
.mini-profile #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contentPanel #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactAddress__divAddress .PanelField {
  display: none;
}
.mini-profile #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contentPanel #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactStatus_divTypeHeader {
  position: relative;
}
.mini-profile #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contentPanel #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactStatus_divTypeHeader .PanelField.Left {
  position: absolute;
  top: 9rem;
  font-weight: 700;
  left: 50%;
  transform: translate(-50%, 0);
  /*width: auto;*/
}
.mini-profile #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contentPanel #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactStatus_divTypeHeader .PanelField.Left .Label {
  text-align: center;
}
.mini-profile #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contentPanel #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactStatus_divTypeHeader .PanelField.Left .PanelFieldValue {
  float: none !important;
}
.mini-profile #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contentPanel #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactStatus_divTypeHeader #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactStatus_memberType {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 5px);
}
.mini-profile #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contentPanel #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactName_divFullName #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactName_fullName {
  font-size: 1.6rem;
}
.mini-profile #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contentPanel #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactName_divFullName .PanelField {
  position: relative;
}
.mini-profile #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contentPanel #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactName_divFullName .PanelField .PanelFieldValue {
  position: absolute;
  top: 13rem;
  left: 50%;
  transform: translate(-50%, 0);
}

.member-portal-right h6,
.member-portal-left h6 {
  text-transform: uppercase;
  line-height: 2rem;
  letter-spacing: 0.5px;
}
.member-portal-right ul,
.member-portal-left ul {
  margin-left: 0;
}
.member-portal-right ul li,
.member-portal-left ul li {
  list-style: none;
  margin-bottom: 0.5rem;
}
.member-portal-right #ctl01_TemplateBody_WebPartManager1_gwpciSuperintendentContracts_473bc81632354c359a833ca93eaf3138_ciSuperintendentContracts_473bc81632354c359a833ca93eaf3138_Panel_SuperintendentContracts h6,
.member-portal-left #ctl01_TemplateBody_WebPartManager1_gwpciSuperintendentContracts_473bc81632354c359a833ca93eaf3138_ciSuperintendentContracts_473bc81632354c359a833ca93eaf3138_Panel_SuperintendentContracts h6 {
  margin-bottom: 1rem;
}

.member-portal-left ul li {
  font-size: 1.4rem;
}

.member-directory {
  background-color: #FCBF49;
  padding: 2rem;
}
.member-directory .member-directory-image {
  float: left;
  height: 11.5rem;
  width: 22rem;
  margin-right: 2rem;
}

/* Alerts */
.Alerts .panel-body {
  padding: 0px;
}

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

/* Use class ContentBlockPrimary to give a block of content extra emphasis */
.ContentBlockPrimary {
  padding: 2rem;
  background-color: #f5f5f5;
}

/* 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 1rem;
}
.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: 25rem;
  float: left;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}

.ContentBlockPictureArea.FloatRight,
.ContentBlockLeft.FloatRight {
  float: right;
  margin-left: 0.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: 2rem;
}
.BlockList a:hover {
  background-color: #ddd;
}
.BlockList a span {
  text-decoration: underline;
}
.BlockList p {
  color: #515052;
  margin-bottom: 0;
}

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

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

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

/* 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.5rem 0.7rem 1.5rem 0;
  padding: 1.5rem 0.7rem;
  quotes: "“" "”" "“" "”";
  font-weight: normal;
}
.Quote:before {
  content: open-quote;
  margin-right: 0.25rem;
  vertical-align: -0.4rem;
  font-size: 500%;
  line-height: 0.1rem;
}
.Quote p {
  display: inline;
}
.Quote cite {
  display: block;
  margin-left: 1rem;
  margin-top: 0.5rem;
  font-style: italic;
}
.Quote cite:before {
  content: "— ";
}
@media (min-width: 768px) {
  .Quote {
    font-size: 120%;
  }
  .Quote cite {
    font-size: 90%;
    margin-left: 2rem;
  }
}

.QuoteStyle2 {
  border-left-color: #003049;
}

/* 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: 1.5rem;
  margin: 0 0 1rem;
  color: #fff;
  background: #00498f;
  /*$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: 3rem;
  /* controls horizontal position */
  border-width: 8px 8px 0;
  /* vary these values to change the angle of the vertex */
  border-style: solid;
  border-color: #003049 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: #003049;
  color: #fff;
  padding: 0.25rem 0.75rem;
}

/* Add zone style "CCOGrayBg" to give CCO content a gray background */
.CCOGrayBg .RadMultiPage {
  background-color: #f5f5f5;
}
.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: #515052;
  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,
.FullWidthButtons .hiddenGrid.secretButton a,
.hiddenGrid.secretButton .FullWidthButtons a,
.FullWidthButtons .TaggedListPanel a[id$=NextButton],
.TaggedListPanel .FullWidthButtons a[id$=NextButton],
.FullWidthButtons .TaggedListPanel a[id$=PreviousButton],
.TaggedListPanel .FullWidthButtons a[id$=PreviousButton] {
  display: block;
}

/* Use class FeatureActionLink on a link to call attention to it */
a.FeatureActionLink {
  transition: all 0.2s ease 0;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 110%;
  font-weight: 400;
  line-height: 1.5rem;
  padding: 0.8rem 0;
  text-decoration: none;
}
a.FeatureActionLink:hover {
  text-decoration: underline;
}
@media screen and (prefers-reduced-motion: reduce) {
  a.FeatureActionLink {
    transition: none;
  }
}
@media (min-width: 992px) {
  a.FeatureActionLink {
    font-size: 150%;
  }
}

/* Spotlight
    ========================================================================== */
/* Featured items display */
.Spotlight {
  text-align: center;
}
.Spotlight img,
.Spotlight h4 {
  text-align: center;
}
.Spotlight p {
  text-align: center;
  padding-top: 0.4rem;
}
.Spotlight a img {
  transition: opacity 0.2s;
}
.Spotlight a img:hover {
  opacity: 0.8;
}
@media screen and (prefers-reduced-motion: reduce) {
  .Spotlight a img {
    transition: none;
  }
}
@media (min-width: 768px) {
  .Spotlight .ImageWrapper {
    height: 16rem;
  }
}

.Spotlight .TextButton,
.Spotlight .hiddenGrid.secretButton a,
.hiddenGrid.secretButton .Spotlight a,
.Spotlight .TaggedListPanel a[id$=NextButton],
.TaggedListPanel .Spotlight a[id$=NextButton],
.Spotlight .TaggedListPanel a[id$=PreviousButton],
.TaggedListPanel .Spotlight a[id$=PreviousButton],
.Spotlight .btn {
  margin-top: 1rem;
}

.SpotlightRow {
  margin-bottom: 1.2rem;
}
.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 Header
    ========================================================================== */
.feature-header {
  color: #003049;
  border-bottom: none;
  margin-bottom: 0.8rem;
}

/* Feature Link
    ========================================================================== */
.feature-link-with-image {
  margin-bottom: 1em;
}
.feature-link-with-image .feature-link-wrapper {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 1.7rem;
  margin-bottom: 2rem;
}
.feature-link-with-image .feature-link-text {
  height: 100%;
  padding: 0.8em;
  font-size: 110%;
}
.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;
}
@media (min-width: 480px) {
  .feature-link-with-image .feature-link-text {
    width: 45%;
  }
}

.feature-link-with-image:hover, .feature-link-with-image:active, .feature-link-with-image:visited,
.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-1 .feature-link-text {
  background-color: #003049;
}
.feature-link-with-image.feature-link-1:hover .feature-link-text {
  background-color: #003049;
}

.feature-link-with-image.feature-link-2 .feature-link-text {
  background-color: #fff;
}
.feature-link-with-image.feature-link-2:hover .feature-link-text {
  background-color: #ddd;
}

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

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

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

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

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

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

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

.bg-img-highland-cow {
  background-color: #ddd;
  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-short {
  color: #fff;
}
.banner-tall:visited, .banner-tall:active, .banner-tall:hover, .banner-tallfocus,
.banner-tall h2,
.banner-short:visited,
.banner-short:active,
.banner-short:hover,
.banner-shortfocus,
.banner-short h2 {
  color: #fff;
}

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

.banner-tall {
  height: 50rem;
  max-width: 30rem;
}
.banner-tall .banner-text {
  position: absolute;
  bottom: 0;
  padding: 1rem;
  background-color: #000;
  border-radius: 0 0 0.5rem 0.5rem;
}

.banner-short {
  min-height: 15rem;
  max-width: 30rem;
}
.banner-short .banner-text {
  padding: 0.5rem;
  min-height: 15rem;
  background-color: #000;
  border-radius: 0.5rem;
}

/* 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: #003049;
  font-size: 250%;
}
.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;
}

.feature-box {
  padding: 2rem;
  border-radius: 3px;
  /******* with image ******/
}
.feature-box.feature-1 {
  background-color: #ddd;
}
.feature-box.feature-1:hover {
  background-color: #d0d0d0;
}
.feature-box.feature-2 {
  background-color: #F7D95A;
}
.feature-box.feature-2:hover {
  background-color: #f6d342;
}
.feature-box.feature-3 {
  background-color: #F89725;
}
.feature-box.feature-3:hover {
  background-color: #f78b0c;
}
.feature-box.feature-4 {
  background-color: #003049;
  color: #fff !important;
}
.feature-box.feature-4 h2,
.feature-box.feature-4 p {
  color: #fff !important;
}
.feature-box.feature-4 .TextButton {
  background-color: #F89725;
}
.feature-box.feature-4:hover {
  background-color: #00527c;
}
.feature-box.left img {
  float: left;
  margin-right: 2rem;
}
.feature-box.right img {
  float: right;
  margin-left: 2rem;
}