html {
  min-height: 100%;
}

body {
  margin-bottom: 60px;
  font-family: "Merriweather", serif;
  color: #495057;
  font-size: 0.85rem;
}

a {
  text-decoration: none;
}

h1 {
  margin-bottom: 1.5rem;
}

ul.nav {
  font-size: 1.2rem;
  font-family: "Roboto Condensed";
}

.nav-link {
  color: var(--bs-emphasis-color);
}

div.left {
  min-width: 125px;
  max-width: 125px;
}

div.right {
  min-width: 300px;
  max-width: 300px;
}

.button {
  min-width: 125px;
  max-width: 125px;
}

.bottom.buttons .button {
  margin-left: 1rem;
  margin-right: 1rem;
}

.story-tile {
  font-family: "Merriweather", serif;
  text-shadow: 1px 1px 2px black;
}

img[src$="#img-fluid"] {
  max-width: 100%;
  height: auto;
}

.img-background {
  aspect-ratio: 3/2;
  background-size: cover;
  background-color: #495057;
}
.img-background a {
  color: #fff;
}
.img-background a:hover {
  color: #ced4da;
}

.flip-card-wrapper, .story-wrapper {
  width: 50%;
}

.flip-card {
  perspective: 800px;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.8s ease;
  aspect-ratio: 3/2;
}
.flip-card .front, .flip-card .back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  transform-origin: bottom;
}
.flip-card .front {
  color: #fff;
}
.flip-card .back {
  background-color: #004c97;
  transform: rotateY(180deg);
}
.flip-card.flipped {
  transform: rotateY(180deg);
}

.story-meta {
  font-family: "Merriweather Sans", sans-serif;
}
.story-meta ul {
  margin-bottom: 0.5rem;
}

.sans {
  font-family: "Merriweather Sans", sans-serif;
}

.nav-item:hover, .archive-years li:hover {
  background-color: #6c757d;
}
.nav-item:hover a, .archive-years li:hover a {
  color: white;
}
.nav-item:hover a.dropdown-item, .archive-years li:hover a.dropdown-item {
  color: black;
}

.nav-item, .nav-item a {
  transition: all 0.3s ease;
}

p a {
  color: #007bff;
}

.supplier-listing img {
  max-width: 250px;
  max-height: 150px;
}

.page-link {
  font-size: 0.8rem !important;
}

.other-news.card:hover {
  box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.15);
}

.other-news.card {
  transition: all 0.2s ease;
}

.w-10 {
  width: 10% !important;
}

.w-15 {
  width: 15% !important;
}

.story-type {
  color: rgb(128.4, 30.6, 79.2);
}

.other-news.card {
  min-height: 225px;
}

#profile iframe {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.not-rounded {
  border-radius: 0 !important;
}

.modal input {
  border: transparent;
  border-radius: 0;
  font-family: "bootstrap-icons", sans-serif;
}
.modal input.input-validation-error {
  border: 1px solid rgb(176, 42.4, 55.2);
  background-color: rgb(248, 214.6, 217.8);
}

.modal button, .modal input, .modal select {
  border-radius: 0;
}
.modal button.input-validation-error, .modal input.input-validation-error, .modal select.input-validation-error {
  border: 1px solid rgb(176, 42.4, 55.2);
  background-color: rgb(248, 214.6, 217.8);
}

#registration-form-modal input,
#registration-form-modal select {
  border: 1px solid #dee2e6;
}

.pointer {
  cursor: pointer;
}

.site-takeover {
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: fixed;
  cursor: pointer;
}
.site-takeover > .wrapper {
  padding-top: 150px;
}

.wrapper > * {
  cursor: default;
}

.mobile-nav .list-group-item .nav-link {
  font-size: 0.9rem !important;
  padding: 0.25rem !important;
}

.mw-100 {
  max-width: 100%;
}

.product-heading {
  width: 33.333%;
}

.text-linkedin {
  color: #0a66c2;
}

.text-facebook {
  color: #0866FF;
}

.text-youtube {
  color: #f00;
}

.btn-digital-issue-link {
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}

.btn-digital-issue-link:hover {
  background-color: #f8f9fa !important;
  border-color: #adb5bd !important;
  color: #212529 !important;
}

.login {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.login .login-register {
  padding-bottom: 0.5rem;
}
.login .masthead {
  padding: 0 1rem;
}
.login .search-form {
  padding-top: 0.5rem;
}

@media (min-width: 840px) {
  .login {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .login .login-register {
    padding-bottom: 0;
  }
  .login .masthead {
    padding: 0;
  }
  .login .search-form {
    padding-top: 0;
  }
}
.required-field {
  display: none;
}

/*# sourceMappingURL=site.css.map */
