/** 2023-09-10A **/
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  font-family: 'Hind',Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5; }

.content {
  flex: 1; }

a {
  color: #074a75;
  text-decoration: none;
  background-color: transparent; }

a:hover {
  color: #4AADA2;
  text-decoration: none !important; }

a.disabled {
  /* Make the disabled links grayish*/
  color: gray;
  /* And disable the pointer events */
  pointer-events: none; }

.jumbotron-blog {
  background-image: url("https://static.david-livingstone-birthplace.org/smoke-thunders-6de7ce817dc41772e541ba9e0ba8d7c9.jpg"); }

h1, h2, h3, h4, h5, h6 {
  color: #224D62;
  font-weight: 600 !important; }

.h1, h1 {
  font-size: 1.6rem;
  margin-top: 2rem; }

.h2, h2 {
  font-size: 1.4rem; }

.h3, h3 {
  font-size: 1.2rem; }

.h4, h4 {
  font-size: 1.0rem; }

.h5, h5 {
  font-size: 1.0rem; }

.h6, h6 {
  font-size: 0.8rem; }

.card .btn {
  margin-top: 10px; }

.btn {
  --bs-btn-border-width: 1px;
  --bs-btn-border-radius: 2px; }

/* top-navbar ** */
.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: black; }

.navbar {
  padding-left: 5%;
  padding-right: 5%;
  width: 100%;
  z-index: 10; }

.navbar-nav {
  padding: 10px; }

.divider {
  padding: 10px;
  color: #FFF; }

.navbar-light {
  font-weight: 400; }

/***Banner Img Text***/
.bannerWrap {
  align-items: center;
  display: flex;
  margin-bottom: 80px;
  overflow: hidden;
  position: relative;
  width: 100%;
  top: 80px; }

.homeBannerImg {
  z-index: 0;
  align-self: flex-start;
  height: 100%;
  left: 0; }

.bannerWelcome {
  position: absolute;
  left: 3%;
  bottom: 7%;
  background-color: rgba(95, 85, 75, 0.8);
  padding: 20px 40px; }

.bannerWelcome .btn {
  border: 1px solid;
  font-weight: 500;
  font-size: 1rem;
  padding-left: 1rem;
  padding-right: 1rem; }

.bannerWelcome h1 {
  color: #FFF;
  font-size: 1.6em;
  font-weight: 400 !important;
  margin: 0; }

/***Home Page Cards**/
.whoIsWrap, .supportWrap {
  background-color: #EEECE9;
  padding-top: 6%;
  padding-bottom: 6%; }

.whoIsWrap .card-body, .supportWrap .card-body {
  padding: 9%; }

.whoIsWrap p.card-text, .supportWrap p.card-text {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.supportWrap {
  background-color: #cee6e3; }

.homeCardBlock {
  padding-bottom: 40px; }

.homeCard {
  padding: 15px; }

.card a.homeCardBtn {
  margin-top: 10px; }

/****Grey Blocks****/
.greyBlock, .supportBanner, .footerBanner {
  background-color: #D6D1CA;
  color: #000;
  padding-top: 30px;
  padding-bottom: 30px; }

.supportBanner, .footerBanner {
  border-top: none; }

.greyBlock h3 {
  color: #fbba00;
  display: inline-block;
  font-size: 1rem;
  line-height: 2.5rem;
  text-transform: uppercase; }

.supportCol h3 {
  color: #224D62;
  font-size: 1.2rem;
  line-height: 2.5rem; }

.supportCol .btn-outline-light a {
  color: #224D63; }

.supportCol a.btn-warning {
  color: #033757; }

.greyBlock p {
  border-top: 1px solid;
  padding-top: 10px; }

.greyCol {
  padding: 0 40px; }

/***Home Articles***/
.groundsBottomQuoteBox {
  background-color: #033757; }

.groundsBottomQuote {
  margin-left: 20px; }

/*** Footer ****/
.logos {
  margin: 10px 0 30px 0; }

a.socialM {
  margin-right: 10px; }

.podBlogBtn a {
  margin-right: 10px; }

.podBlogBtn {
  margin-top: 15px; }

.footerSignUp {
  margin-bottom: 8px;
  width: 80%; }

.footerBanner ul li {
  border-bottom: 1px dotted #5F554BCC;
  padding: 3px; }

.footerBanner li > a {
  color: #224D62; }

.charity img {
  float: left;
  padding-right: 7px; }

.charity p {
  display: inline;
  font-size: 0.8em;
  line-height: 1em; }

.footer-text {
  font-size: 0.8em; }

/***Inside***/
.mainContent {
  /** margin-top: 125px; **/
  margin-top: 2rem; }

.pagePadTop {
  margin-top: 100px; }

.carousel-caption {
  position: absolute;
  bottom: 40px;
  left: 65%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 30px; }

.homeArticle h2 {
  margin-top: 30px; }

.carousel-caption h1 {
  color: #ffffff !important; }

.carousel-caption h2 {
  color: #ffffff !important; }

.btn-carousel {
  color: #fff;
  background-color: #BFB007;
  border-color: #BFB007; }

.btn-carousel:hover {
  color: #fff;
  background-color: #ac9f06;
  border-color: #ac9f06; }

.btn-social-icon {
  color: #224D62 !important; }

.btn-youtube {
  background-color: transparent;
  border-color: transparent; }

.btn-youtube:hover {
  color: #fff !important;
  background-color: #3e5873;
  border-color: transparent; }

.btn-twitter {
  color: #fff;
  background-color: transparent;
  border-color: transparent; }

.btn-twitter:hover {
  color: #fff !important;
  background-color: #3e5873;
  border-color: transparent; }

.btn-instagram {
  color: #fff;
  background-color: transparent;
  border-color: transparent; }

.btn-instagram:hover {
  color: #fff !important;
  background-color: #3e5873;
  border-color: transparent; }

.btn-facebook {
  color: #fff;
  background-color: transparent;
  border-color: transparent; }

.btn-facebook:hover {
  color: #fff !important;
  background-color: #3e5873;
  border-color: transparent; }

.btn-podcast {
  color: #fff;
  background-color: transparent;
  border-color: transparent; }

.btn-podcast:hover {
  color: #fff !important;
  background-color: #3e5873;
  border-color: transparent; }

.btn-rss {
  color: #fff;
  background-color: transparent;
  border-color: transparent; }

.btn-rss:hover {
  color: #fff !important;
  background-color: #3e5873;
  border-color: transparent; }

.btn-primary {
  color: #fff;
  background-color: #074a75;
  border-color: #074a75; }

.btn-primary:hover {
  color: #fff;
  background-color: #074a75;
  border-color: #074a75;
  opacity: 0.7; }

/* transition */
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

.gridOne {
  animation-duration: 3s;
  animation-delay: 0.2s; }

.gridTwo {
  animation-duration: 3s;
  animation-delay: 0.3s; }

.gridThree {
  animation-duration: 3s;
  animation-delay: 0.35s; }

.gridFour {
  animation-duration: 3s;
  animation-delay: 0.4s; }

/* grid */
.grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px; }

.grid > article {
  border: 1px solid #ccc;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3); }

.grid > article img {
  max-width: 100%; }

.text {
  padding: 0 20px 20px; }

.grid > article:nth-child(3) {
  grid-row: span 2; }

.grid > article:nth-child(4) {
  grid-column: span 2; }

.grid > article:nth-child(6) {
  grid-column: span 2; }

.grid > article h3 {
  color: #ffffff; }

.grid > article p {
  color: #ffffff; }

/* general */
.bg-lightGreen {
  background-color: #f1ffec !important; }

.bg-Blue {
  background-color: #224462 !important;
  color: #FFFFFF; }

.bg-lightBlue {
  background-color: #ecf3f9 !important; }

.blog-main h3 {
  color: #074a75; }

.flex-md-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important; }

.clearfix {
  overflow: auto; }

.blockquote {
  margin-bottom: 1rem;
  font-size: 1rem;
  color: grey;
  border-left: solid 3px grey;
  padding: 10px; }

/* buttons */
.btn-outline-grid {
  color: #ffffff !important;
  background-color: transparent;
  border-color: #ffffff !important; }

.btn-outline-grid:hover {
  color: #fff !important;
  border-color: #ffffff !important;
  opacity: 0.7 !important; }

/* logos */
.btn-outline-footer {
  color: #ffffff !important;
  background-color: #2c3e50 !important; }

.btn-outline-footer:hover {
  color: #2c3e50 !important;
  background-color: #ffffff !important;
  border-color: #2c3e50 !important; }

.printeronly {
  display: none; }

.paddingBottom10 {
  padding-bottom: 10px; }

.newsCard {
  min-height: 620px;
  overflow: hidden;
  margin-bottom: 10px; }

.blogCard {
  min-height: 620px;
  overflow: hidden;
  margin-bottom: 10px; }

input:focus::placeholder {
  color: transparent; }

.active {
  font-weight: bold;
  color: black; }

.carouselTitle {
  font-size: 1.3em;
  color: white; }

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

.paddingTop20 {
  padding-top: 20px; }

.todoHidden {
  display: none; }

.weareclosed {
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
  color: #004085;
  background-color: #cce5ff; }

.margin00 {
  margin: 0 0; }

blockquote {
  margin-right: 20px;
  margin-left: 20px; }

input:focus::placeholder {
  color: transparent; }

.defaultTable td > p:first-child {
  margin-top: 0; }

.defaultTable td > p:last-child {
  margin-bottom: 0; }

.defaultTable td > strong > p:first-child {
  margin-top: 0; }

.defaultTable td > strong > p:last-child {
  margin-bottom: 0; }

.defaultTable tbody > tr > td {
  vertical-align: top; }

.topSearchFix {
  float: right;
  margin-left: 20px; }

.code {
  color: black; }

.searchresultid {
  margin-bottom: 20px; }

.transcript {
  padding: 1em 1em 1em 5em; }

.speaker {
  position: absolute;
  font-weight: bold;
  margin-left: -5em; }

figcaption {
  padding: 5px 10px;
  font-size: 80%; }

.padding20x20 {
  padding: 20px 20px; }

.marginTop20 {
  margin-top: 20px; }

.marginTop20 {
  margin-top: 20px; }

.indented {
  padding-right: 30px;
  padding-left: 30px; }

.volunteerEntry {
  margin-bottom: 20px;
  padding: 20px 20px;
  background-color: #f0f0f0;
  border-radius: 0.5em; }

.padding10 {
  padding: 10px 10px; }

.padding20 {
  padding: 20px 20px; }

.marginBottom10 {
  margin-bottom: 10px; }

.marginBottom20 {
  margin-bottom: 20px; }

.noWrap {
  white-space: nowrap; }

fieldset {
  background-color: #f0f0f0;
  border-radius: 10px;
  padding: 10px 10px; }

legend {
  background-color: #f0f0f0;
  padding: 10px 10px;
  border-radius: 15px; }

#formid input[type="text"], #formid textarea {
  padding: 4px;
  width: 100%; }

#formid input[type="email"], #formid textarea {
  padding: 4px;
  width: 100%; }

#formid fieldset {
  padding: 15px; }

#formid label {
  display: block;
  font-weight: bold; }

#formid input[type="text"], #formid textarea {
  padding: 4px; }

#formid button[type="submit"] {
  float: left;
  margin-top: 10px; }

/** #formid input, #formid textarea { margin-bottom: 20px; } **/
.labelprompt {
  font-weight: bold; }

.labeltext {
  font-weight: normal; }

.activityBox {
  background-color: #f8f9fa;
  border-radius: 10px;
  padding: 10px 10px; }

.worksheet {
  border: 1px solid grey; }

.breadcrumb-item.active {
  color: #074a75; }

.bootstrapCardContainer {
  padding-bottom: 30px; }

.bootstrapCard {
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: .25rem;
  height: 100%; }

.bootstrapCard:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.06);
  transition: all .2s ease; }

.card-img, .card-img-bottom, .card-img-top {
  height: auto; }

@media (min-width: 576px) {
  .bootstrapCardGroup > .bootstrapCard {
    margin-left: 0;
    border-left: 0; } }
.paddingLeft10 {
  padding-left: 10px; }

.jobPanel {
  background-color: #f0f0f0;
  padding: 10px 10px;
  border-radius: 10px;
  margin-bottom: 15px; }

.newsQuote {
  font-style: italic; }

/************ 2020-08-06 GALLERY LAYOUT **************/
.galleryImageCardContainer {
  padding-bottom: 30px; }

.galleryImageCard {
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: .25rem;
  height: 100%; }

.galleryImageCard:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.06);
  transition: all .2s ease; }

.galleryImageThumbnail {
  background-color: #f0f0f0;
  max-height: 160px;
  overflow: hidden; }

.card-img, .card-img-bottom, .card-img-top {
  height: auto; }

@media (min-width: 576px) {
  .galleryImageGroup > .galleryImageCard {
    margin-left: 0;
    border-left: 0; } }
.galleryImageTitle {
  padding-top: 5px;
  padding-bottom: 5px; }

.galleryImageTitle a {
  text-decoration: none; }

/*******************************************************/
main ul {
  padding-top: 5px; }

.spaced li {
  padding-bottom: 10px; }

.furtherLink {
  font-weight: bold; }

.displayNone {
  display: none; }

/**************** TOPIC NAVIGATION GRID *********/
.topicNavGridCardContainer {
  padding-bottom: 30px; }

.topicNavGridCard {
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: .25rem;
  height: 100%; }

.topicNavGridCard:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.06);
  transition: all .2s ease; }

.topicNavGridCardImage {
  background-color: #f0f0f0;
  max-height: 160px;
  overflow: hidden; }

.topicNavGridCardTitle {
  padding: 5px 10px; }

.topicNavGridCardTitle a {
  text-decoration: none; }

.bailieslink {
  cursor: pointer; }

.testXX123 {
  background: red; }

/**************** RESOURCES GRID *********/
.cardTagsTODO {
  position: absolute;
  bottom: 50px;
  left: 30px; }

.force360x200 {
  width: 100%;
  height: 213px;
  overflow: hidden; }

/** .badge-primary { background-color: #6c757d; border-color: #6c757d; } **/
/**** EXTRAS *****/
.activityBlock {
  background: #f0f0f0;
  margin-bottom: 20px;
  padding: 20px 20px; }

.topicBox {
  margin-bottom: 20px;
  background-color: #f0f0f0; }

code {
  color: #902757; }

/****NAV BAR***/
.ngBannerH1 {
  color: white;
  margin-left: 20px;
  margin-top: 20px;
  font-size: 4rem !important; }

.ngBannerBar {
  position: absolute;
  top: 20px;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 16px 32px; }

.ngBannerSubBar {
  display: none; }

.ngBannerText {
  position: relative;
  bottom: 0;
  background: #d0d0d0;
  color: white;
  padding: 32px 32px;
  font-size: 3rem;
  opacity: 0.4;
  margin-top: 237px; }

.padBox {
  padding: 20px 20px;
  padding-right: 10px;
  color: white; }

.navigationBar {
  background-color: #f0f0f0;
  padding: 10px 10px;
  border-radius: 5px;
  margin-top: -10px;
  margin-bottom: 20px; }

/*****Responsive******/
@media (min-width: 577px) and (max-width: 768px) {
  .bannerWelcome {
    padding: 10px 30px; }

  .bannerWelcome h1 {
    font-size: 1.5rem; }

  .bannerWelcome .btn {
    font-size: 0.8rem; } }
@media (max-width: 576px) {
  .bannerWelcome {
    padding: 10px 20px; }

  .bannerWelcome h1 {
    font-size: 1.3rem; }

  .bannerWelcome .btn {
    font-size: 0.8rem; } }
@media (max-width: 960px) {
  body {
    font-size: 14px; }

  .h1, h1 {
    font-size: 1.4rem; }

  .h2, h2 {
    font-size: 1.2rem; }

  .h3, h3 {
    font-size: 1.0rem; }

  .h4, h4 {
    font-size: 0.8rem; }

  .card {
    margin-top: 6px;
    margin-bottom: 6px; } }
@media (max-width: 991px) {
  .greyCol {
    padding: 30px 40px; }

  .divider {
    display: none; }

  .groundsBottomQuote blockquote {
    font-size: 140%;
    margin-left: 0; }

  .groundsBottomSubQuote {
    display: none; } }
@media (max-width: 582px) {
  .greyCol {
    padding: 20px 40px 20px 70px; }

  .groundsBottomQuote blockquote {
    font-size: 115%; } }
@media (min-width: 992px) {
  .homeMore {
    display: none; } }
/** =============================================================== **/
.dltNavBarButton {
  background-color: #4aada2;
  color: white; }

/** =============================================================== **/
/** =============================================================== **/
.btn-outline-light {
  --bs-btn-border-color: #224D62; }

.socialIcon {
  height: 2rem;
  width: 2rem;
  padding-right: 10px;
  color: #224D62; }

.socialIcon a {
  color: #224D62; }

.homeEvent {
  padding: 1rem; }

.bg-primary {
  background-color: #a7cfca !important;
  color: black; }

.card-title {
  padding-right: 1rem;
  padding-left: 1rem;
  padding-top: 1rem; }

.card-text {
  padding-right: 1rem;
  padding-left: 1rem;
  padding-top: 0;
  padding-bottom: 0; }

.supportBanner .btn-primary a {
  color: white; }

.homeCardBlock .card-text {
  padding: 0;
  margin: 0; }

.homeCardBlock .card-title {
  padding: 0;
  margin: 0; }

.homeCardBlock .card .btn {
  margin-top: 0; }

.homeCardBlock .card-text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  min-height: 2rem; }

.homeCardBlock .card-footer {
  border-top: white;
  background-color: white; }

.simpleBanner {
  margin-top: 80px; }

#formid {
  background-color: #f0f0f0;
  padding: 10px 10px;
  border-radius: 10px;
  padding-bottom: 4rem;
  margin-bottom: 2rem; }

#formactionid {
  /** margin-bottom: 2rem; **/ }

.form-group {
  margin-bottom: 1rem; }

.mediaRow {
  margin-top: 2rem;
  padding-right: 1rem;
  padding-left: 1rem; }

.width30 {
  width: 30%; }

.width70 {
  width: 70%; }

body > div.row > div > div.supportBanner > div > div > div:nth-child(3) > div:nth-child(5) > p > a {
  color: #224D62; }

body > div.row > div > div.supportBanner > div > div > div:nth-child(3) > div.row > div > a > img {
  color: #224D62;
  background-color: #224D62;
  padding-left: 7px;
  fill: #224D62; }

.dltNavBarBuy:hover {
  border: 1px solid #4aada2;
  background-color: white; }

.dltNavBarSearch:hover {
  border: 1px solid #4aada2;
  background-color: white; }

.navbar-toggler-icon-bg {
  color: red; }

body > header > nav > div > button > span {
  color: blue; }

.btn-default {
  border-color: #074a75; }

.btn-default:hover {
  color: #fff;
  background-color: #074a75;
  border-color: #074a75; }

.simpleBanner img {
  width: 100%; }

.newsCard img {
  width: 100%; }

.newsCard .card-body {
  padding: 0; }

.newsCard img.img-fluid.rounded {
  height: 300px;
  overflow: hidden;
  width: auto; }

.blogCard .card-body {
  padding: 0; }

.blogCard img.img-fluid.rounded {
  height: 300px;
  overflow: hidden;
  width: 100%; }

#communityFormId .labelPrompt {
  font-weight: bold; }

#communityFormId .labelValue {
  padding-top: 0;
  font-weight: normal; }

.fixed-div {
  position: relative;
  /* This makes the div a reference point for the child image */
  height: 500px;
  /* Set the desired height of the div */
  overflow: hidden;
  /* Hide any content that goes outside of the div */ }

.fixed-img {
  position: absolute;
  /* This positions the image relative to the parent div */
  top: 0;
  /* Fix the image to the top of the div */
  left: 0;
  /* Fix the image to the left of the div */
  width: 100%;
  /* Set the image width to 100% of the parent div */
  height: auto;
  /* Set the image height to maintain aspect ratio */ }

.tuneBox {
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  background-color: #dedfe0;
  border-radius: 0.5rem;
  padding-bottom: 0.15rem;
  padding-top: 1rem; }

.tuneTitle {
  margin-bottom: 5px; }

.audioLogo {
  max-height: 200px;
  width: auto; }

.audioTourHidden {
  display: none; }

.openingMessage {
  text-align: center;
  background-color: #074a75;
  color: white;
  padding-top: 5px;
  padding-bottom: 5px;
  text-wrap: pretty; }

body a {
  font-weight: bold; }

.pretty {
  text-wrap: pretty; }

.balance {
  text-wrap: balance; }

.bannerWelcomePadding {
  height: 100px; }

#mothersDay {
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: .25rem;
  padding: 1rem;
  margin-bottom: 1rem; }

.footerIcon {
  width: auto;
  /* Maintain the aspect ratio */
  height: 100%;
  /* Stretch to the full height of its container */ }

.w100 {
  width: 100%; }

/** Used by the "Connecting Communities and Collections" pages **/
.svg-img {
  width: 100%;
  max-width: auto;
  /* optional: control max width */
  height: 100px; }

/** -------------- **/
.div-4-date {
  max-height: 2lh;
  /* 4 line heights */
  text-align: left;
  font-weight: normal;
  font-style: italics; }

.div-4-title {
  max-height: 2lh;
  /* 4 line heights */
  overflow: hidden;
  text-align: left;
  font-weight: normal;
  text-overflow: ellipsis; }

.div-4-lines {
  height: 4lh;
  /* 4 line heights */
  overflow: hidden;
  text-align: left;
  font-weight: normal;
  text-overflow: ellipsis; }

.buttonTop {
  z-index: 9999;
  position: relative;
  /* This is critical */ }

.footer-alert {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1050;
  /* higher than most elements */ }

/*# sourceMappingURL=943376fc7ab6d00a2787bca56588eb8e.css.map */