* {
  box-sizing: border-box;
  --ease-in-out-hover: ease-in-out all 0.3s;
  --radius: 10px;
}

.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);
}

.fa,
.fa-classic,
.fa-sharp,
.fas,
.fa-solid,
.far,
.fa-regular,
.fab,
.fa-brands {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

.fas,
.fa-classic,
.fa-solid,
.far,
.fa-regular {
  font-family: "Font Awesome 6 Free";
}

/*!
 * Font Awesome Free 6.3.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2023 Fonticons, Inc.
 */
:root,
:host {
  --fa-style-family-classic: "Font Awesome 6 Free";
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("/new-webfonts/fa-solid-900.woff2") format("woff2"),
    url("/new-webfonts/fa-solid-900.ttf") format("truetype");
}

.fas,
.fa-solid {
  font-weight: 900;
}
.fa-arrow-right-from-bracket::before {
  content: "\f08b";
  margin-left: 4px;
}
.fa-chevron-right::before {
  content: "\f054";
}
.fa-file-audio::before {
  content: "\f1c7";
}
.fa-file-video::before {
  content: "\f1c8";
}
.fa-guitar::before {
  content: "\f7a6";
}
.fa-user-group::before {
  content: "\f500";
}
.fa-lock::before {
  content: "\f023";
}
.fa-download::before {
  content: "\f019";
}
.fa-video::before {
  content: "\f03d";
}
.fa-check::before {
  content: "\f00c";
}
.fa-person-chalkboard::before {
  content: "\e53d";
}
.fa-file-pdf:before {
  content: "\f1c1";
}
.fa-book::before {
  content: "\f02d";
}
.fa-play::before {
  content: "\f04b";
}
.fa-pause::before {
  content: "\f04c";
}
.fa-pencil::before {
  content: "\f303";
}
.fa-file-arrow-down:before,
.fa-file-download:before {
  content: "\f56d";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-triangle-exclamation::before {
  content: "\f071";
}
.fa-arrow-right-long::before {
  content: "\f178";
}
.fa-arrow-left-long::before {
  content: "\f177";
}
.fa-trash::before {
  content: "\f1f8";
}
.fa-chevron-down::before {
  content: "\f078";
}
.fa-chevron-up::before {
  content: "\f077";
}
.fa-exclamation-triangle::before {
  content: "\f071";
}
.fa-envelope-open::before {
  content: "\f2b6";
}

/* NEW FONT AWESOME */
.fa-newspaper::before {
  content: "\f1ea";
}

.fa-cloud::before {
  content: "\f0c2";
}
.fa-pencil::before {
  content: "\f303";
}
.fa-circle-question::before {
  content: "\f059";
}
.fa-square-plus::before {
  content: "\f0fe";
}
.fa-square-minus::before {
  content: "\f146";
}
.fa-minus-square::before {
  content: "\f146";
}
.fa-comment::before {
  content: "\f075";
}
.fa-bars::before {
  content: "\f0c9";
}

body {
  background-color: #ebfff7;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

h1 {
  margin-bottom: 0.5em;
}

h2 {
  margin-bottom: 0.4em;
}
h3 {
  margin-bottom: 0.3em;
  font-size: 1.75rem;
}

h4 {
  font-size: 1.5rem;
}

p + p {
  margin-top: 1em;
}

p {
  font-size: 1.1rem;
}

img {
  display: block;
  max-width: 100%;
}

section {
  padding: 2em 0;
}

.new-container {
  max-width: 1200px;
  margin: 0 auto;
}

.new-container-l {
  max-width: 1300px;
  margin: 0 auto;
}

/* NAV */

.logo-tagline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5em 2em;
}

.logo-tagline p {
  color: #4c4c4c;
  font-weight: 700;
  font-style: italic;
}

.new-nav {
  border-top: solid 5px #99ccc1;
  background-color: #ebfff7;
  /* padding: 0.5em 2em;  */
}

.new-nav {
  justify-content: space-between;
  align-items: center;
}

.new-nav .nav-links {
  height: 100%;
}

.new-nav .menu {
  display: block;
  background-color: #f8fffc;
  text-align: center;
}

.new-nav .nav-links a {
  display: inline-block;
  margin-top: -3px;
  padding: 1em 1.5em;
  color: #1f6666;
  text-decoration: none;
  font-weight: 700;
  transition: var(--ease-in-out-hover);
}

.new-nav .nav-links a:hover,
.new-nav .nav-links a:focus {
  color: #1f6666;
  background-color: #daefea;
}

.new-nav .logo-text p {
  font-size: 1.2rem;
  font-family: "Noto Serif", serif;
  font-weight: 700;
  color: #fff;
}

.new-nav a.active {
  background-color: #ebfff7;
  border-radius: 0;
  border-top: solid 3px #99ccc1;
  color: #1f6666;
}

/* a#pub-menu-item:hover {
    background-color: #daefea !important;   
} */

/* PUBLICATIONS MENU ITEM DROPDOWN */

.publications-menu-item-dropdown {
  display: inline-block;
}
.menu-dropdown {
  display: none;
  background-color: #f8fffc;
  position: absolute;
  z-index: 1;
  width: 153px;
  text-align: center;
}

.new-nav .menu-dropdown a {
  display: block;
  margin-top: 0;
  border-top: solid 1px #ededed;
}

.mobile-menu .fa-bars:before {
  color: #1f6666;
  font-size: 16px;
}

/* SHOPPING CART */

.cart-on-nav {
  display: inline-block;
  margin-left: 0;
}

@media (min-width: 900px) {
  .new-nav .mobile-menu {
    display: none;
  }
}

@media (max-width: 900px) {
  .new-nav {
    padding: 0;
  }
  .new-nav .nav-links {
    border-top: solid 1px #c8ede5;
    text-align: center;
  }
  .new-nav .nav-links a {
    display: block;
    padding: 1em;
  }
  .new-nav a.active,
  .new-nav a.active:hover {
    border-bottom: none;
  }
  .new-nav .menu {
    display: none;
    /* padding: 1em 0 1em 0; */
  }
  .new-nav .mobile-menu a {
    border-bottom: solid 1px #c8ede5;
  }
  .menu-dropdown {
    display: none;
    width: 100%;
    position: relative;
    background-color: #f0faf6;
  }
  /* .new-nav a.active {
        background-color: inherit;
        border-top: none;
    } */
  .publications-menu-item-dropdown {
    width: 100%;
  }
  .cart-on-nav {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 760px) {
  .logo-tagline {
    flex-direction: column;
  }
  .logo-tagline p {
    display: none;
  }
}

/* HEADER */

.sub-h.ol-h {
  background: linear-gradient(
      to right,
      rgb(136 177 173 / 95%),
      rgb(119 191 185 / 91%)
    ),
    url(/images/new-images/online-library-header.jpg);
  margin-top: 0;
  margin-bottom: 0;
  padding: 5em 2em 6em 2em;
  background-size: cover;
}

.sub-h h1 {
  padding-top: 0;
}

header.sub-h.ol-h p {
  text-shadow: none;
}

/* QUICK LINKS */

.quick-links {
  padding: 1em;
  text-align: center;
  border-bottom: dotted 1px #b6dece;
}

.quick-links a {
  display: inline-block;
  margin-right: 2em;
  color: #285859;
  text-decoration: none;
  font-size: 1rem;
  border-bottom: none;
  transition: var(--ease-in-out-hover);
}

.quick-links a:hover,
.quick-links a:focus {
  transform: translateY(2px);
  color: #1485d2;
}

@media screen and (max-width: 900px) {
  .quick-links {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
  }
}

@media screen and (max-width: 700px) {
  .quick-links {
    grid-template-columns: repeat(1, 1fr);
  }
  .quick-links a {
    margin-top: 0.4em;
    margin-right: 0;
  }
  .quick-links a:first-child {
    margin-top: 0;
  }
}

/* ABOUT ONLINE LIBRARY */

.free-mail-con {
  width: auto;
  padding: 1em 3em 0 2em;
  align-items: center;
  justify-content: center;
}

.free-about {
  flex: 1;
  padding-right: 4em;
}

.free-about h3 {
  margin-top: 1em;
}

.sib-form {
  padding: 3em 0px 2em 0px;
}

.email-img img {
  margin: 0 auto;
}

@media screen and (max-width: 1000px) {
  .free-mail-con {
    flex-direction: column;
  }
  .free-about {
    padding-right: 0;
  }
}

@media screen and (max-width: 500px) {
  .free-mail-con {
    padding: 2em 2em;
  }
}

/* FREE OFFER BOOKLETS */

section.free-offer-booklets {
  margin: 0 auto;
  padding: 6em;
}

.free-offer-booklets {
  background-size: cover;
  background-image: url(../../images/new-images/green-background.svg);
  background-color: #bfdedb;
}

.sec-desc {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.free-offer-booklets-grid {
  display: grid;
  /* grid-template-columns: repeat(auto-fit, minmax(330px, 1fr)); */
  grid-template-columns: repeat(3, minmax(330px, 500px));
  justify-content: center;
  margin-top: 2em;
}

.free-offer-book {
  background-color: #edf6f5;
  /* padding-top: 1.5em; */
  margin: 1em;
  border-radius: 10px;
  box-shadow: 0px 2px 10px 1px #c1d9d7;
  border-top: solid 8px #758e8c;
  transition: all 0.5s ease-in-out;
}

.free-offer-book h4 {
  margin-bottom: 0.4em;
  font-size: 1.1rem;
}

.free-offer-book:hover {
  border-top: solid 8px #7fb9b5;
}

.free-offer-book.row-one,
.free-offer-book.row-two {
  display: grid;
  /* grid-template-rows: 1fr 415px 50px; */
  grid-template-rows: auto 1fr 50px;
}

.free-offer-book.row-two {
  margin-top: 3em;
}

.free-offer-book-img {
  margin: 1.5em auto;
}

.free-offer-book-img img {
  width: 170px;
  border: solid 1px #dbeae8;
}

.free-offer-book-desc {
  padding: 1.5em 2em;
  border-top: dotted 1px #bfdedb;
}

.free-offer-book-btns {
  background-color: #bfdedb;
  text-align: center;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  place-self: center stretch;
  padding: 1em;
}

.free-offer-book-btns a {
  padding: 0.4em 2.5em;
  text-decoration: none;
  background-color: #acccc9;
  display: inline-block;
  color: #3e5062;
  border-radius: 25px;
  transition: var(--ease-in-out-hover);
}

.free-offer-book-btns a:first-child {
  margin-right: 0.8em;
  background-color: #3e5062;
  color: #fff;
}

.free-offer-book-btns a:first-child:hover {
  background-color: #213142;
  color: #fff;
}

.free-offer-book-btns a:hover {
  background-color: #6f9693;
  color: #fff;
}

@media screen and (max-width: 1350px) {
  section.free-offer-booklets {
    padding: 4em;
  }
}

@media screen and (max-width: 1215px) {
  .free-offer-booklets-grid {
    grid-template-columns: repeat(2, minmax(330px, 500px));
  }
  .free-offer-book.row-two {
    margin-top: 1em;
  }
}

@media screen and (max-width: 1000px) {
  section.free-offer-booklets {
    padding: 4em 2em;
  }
  .free-offer-book-desc {
    padding: 1.5em 2em 5em 2em;
  }
}

@media screen and (max-width: 800px) {
  section.free-offer-booklets {
    padding: 4em 1em;
  }
  .free-offer-booklets-grid {
    grid-template-columns: repeat(1, minmax(330px, 500px));
    margin-top: 0;
  }
  .free-offer-book.row-one,
  .free-offer-book.row-two {
    margin-top: 4em;
  }
  .free-offer-book {
    margin: 2.5em 1em;
  }
  .free-offer-book-btns a {
    display: block;
    padding: 0.8em;
    border-radius: 5px;
  }
  .free-offer-book-btns a:first-child {
    margin-bottom: 0.8em;
    margin-right: 0;
  }
}

/* LDH BOOKS PAGE */

.books {
  background-size: cover;
  background-image: url(../../images/new-images/green-background.svg);
  background-color: #bfdedb;
  text-align: center;
}

.books h3 {
  margin: 1.5em 0 0.5em 0;
  text-align: center;
}

.books-container {
  margin-top: 2em;
  padding: 0 10em;
}

.books-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  justify-items: center;
  justify-content: center;
  gap: 3em;
}

.books-card {
  border-radius: 10px;
  background-color: #edf6f5;
  box-shadow: 0px 2px 10px 1px #c1d9d7;
  text-align: center;
}

.books--nocd .books-card img,
.books--cds .books-card img {
  width: 250px;
  display: inline-block;
  text-align: center;
  padding: 1.5em 1.5em 0 1.5em;
}

.books--cds .books-card img {
  width: 300px;
}

.book-info {
  padding: 1em 0 1em 0;
}
.book-info h4,
.book-info p {
  font-size: 1.1em;
}

.book-info p {
  margin-top: 0.5em;
}

.books-buttons {
  background-color: #bfdedb;
  padding: 1em 2em 0 2em;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.books-buttons .details-btn {
  display: inline-block;
  background-color: #acccc9;
  color: #3e5062;
  margin-left: 2.5em;
  padding: 0.5em 2em;
  margin-top: 4px;
  border-radius: 5px;
  text-decoration: none;
  transition: ease all 0.3s;
}

.books-buttons .details-btn:hover {
  background-color: #6f9693;
  color: #fff;
}

/* .books-buttons a.details-btn {
    text-decoration: none;
} */

/* MAIN ARTICLES SECTION */

section#main-articles {
  background-color: #fff;
  padding: 3em 6em;
}

.main-articles table {
  font-family: "Hind", sans-serif;
  line-height: 1.5;
  width: max-content;
  border-collapse: collapse;
  margin: 40px auto;
  text-align: left;
  background-color: #ffffff;
  border: solid 1px #bfdedb;
}

.main-articles th,
td {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 30px;
  padding-left: 30px;
}

.main-articles th {
  background-color: #bfdedb;
  font-weight: bold;
}
.main-articles tr {
  transition: ease-in-out all 0.3s;
}
.main-articles tr:nth-child(odd) {
  background-color: #e8f5f4;
}
/* .main-articles tr:hover {
    background-color: #d0e5e3;
    cursor: pointer;
} */

@media screen and (max-width: 930px) {
  section#main-articles {
    padding: 3em 2em;
  }
  .main-articles table {
    width: 100%;
  }
}

/* NEWSLETTER SELECTION */

section#voe-newsletters {
  padding: 3em 6em;
}

.voe-publications {
  display: flex;
  margin: 0 auto;
  max-width: 1300px;
}

#voe-newsletters .sec-desc {
  margin-top: 2em;
  margin-bottom: 3em;
  padding: 0 2em;
}

/* SIDEBAR FOR VOE NEWS & UPS */

aside {
  width: 200px;
  height: 500px;
  margin-right: 2em;
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: #bfdedb;
  border-radius: 0 0 var(--radius) var(--radius);
}

aside a {
  display: block;
  padding: 0.6em 4em;
  color: #153838;
  text-decoration: none;
  text-align: center;
  font-size: 0.95rem;
  transition: var(--ease-in-out-hover);
}

aside a:hover {
  color: #000;
  background-color: #e1f4f2;
}

aside i {
  padding-right: 0.5em;
}

.dropdown-btn {
  display: block;
  width: 100%;
  padding: 0.8em 2em;
  background: none;
  font-size: 0.95rem;
  color: #1f6666;
  font-weight: 600;
  border: none;
  cursor: pointer;
  outline: none;
  transition: var(--ease-in-out-hover);
}

.dropdown-btn:hover {
  background-color: #edf6f5;
}

.dropdown-btn.btn-locked:hover {
  background-color: #bfdedb;
}

.sel-year-head {
  width: 200px;
  padding: 1em 0;
  background-color: #1f6666;
  background-color: #294e4f;
  text-align: center;
  border-radius: var(--radius) var(--radius) 0 0;
}

.sel-year-head p {
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
}

.active-aside-parent {
  background-color: #edf6f5;
  color: #153838;
}

.dropdown-container {
  display: none;
  background-color: #fff;
}

/* END SIDEBAR */

/* CONTENT */

.content {
  width: 100%;
}

.sub-bar,
.single-issue {
  display: flex;
  align-items: center;
}

.sub-bar {
  background-color: #bfdedb;
  font-weight: 500;
  border-radius: var(--radius) var(--radius) 0 0;
}

.single-issue.voe-newsletter {
  background-color: #fff;
  border-bottom: solid 2px #dcf0ee;
}

.issue-date,
.issue {
  flex: 1;
  text-align: center;
}

.issue-date p,
.article-list p {
  font-weight: 600;
  color: #395855;
  font-size: 0.95rem;
  padding: 0.6em 0;
}

.issue a {
  display: inline-block;
  font-weight: 700;
  font-size: 1.1rem;
  text-decoration: none;
  color: #1f6666;
  border-bottom: solid 2px #91b6b2;
  transition: var(--ease-in-out-hover);
}

.issue a:hover {
  color: #439797;
  border-bottom: solid 2px #439797;
}

p.page-count {
  display: none;
}

span.page-refs {
  font-size: 0.9rem;
  margin-left: -0.6em;
  color: #313636;
}

.article-list,
.articles {
  flex: 3;
  border-left: solid 2px #dcf0ee;
}

.article-list {
  padding: 0.5em 2em;
}

.articles {
  padding: 2em;
}

.type {
  display: flex;
  align-items: baseline;
}

.type i {
  color: #53736f;
}

.type > p {
  margin-left: 0.5em;
  margin-bottom: 0.3em;
}

.nav-btn-arrow {
  display: flex;
  justify-content: space-between;
  padding: 1em 3.5em;
  background-color: #bfdedb;
  border-radius: 0 0 var(--radius) var(--radius);
}

.nav-btn-arrow a {
  font-weight: 600;
  color: #1f6666;
  transition: var(--ease-in-out-hover);
}

.nav-btn-arrow a.r-arr:hover {
  color: #439797;
  transform: translateX(4px);
}

.nav-btn-arrow a.l-arr:hover {
  color: #439797;
  transform: translateX(-4px);
}

.nav-btn-arrow i {
  padding-right: 0.5em;
  padding-left: 0.5em;
}

hr.mobile-next-back-sep {
  border: solid 1px #ebfff7;
}

@media (max-width: 1200px) {
  section#voe-newsletters {
    padding: 3em 4em;
  }
}

@media (max-width: 950px) {
  .issue-date {
    padding: 0.5em 2em;
  }
  .article-list {
    display: none;
  }
  .single-issue {
    flex-direction: column;
    padding: 1.2em 0 0 0;
  }
  .articles {
    border-left: none;
    padding: 1em 2em 2em 2em;
  }
}

@media (max-width: 750px) {
  section#voe-newsletters {
    padding: 3em 2em;
  }
  .voe-publications {
    flex-direction: column;
    background-color: #ceeae8;
    padding: 2em;
    border-radius: var(--radius);
  }
  .sel-year-head {
    width: 100%;
  }
  .dropdown-container {
    text-align: center;
  }
  aside {
    width: 100%;
    height: auto;
    margin-bottom: 2em;
    border-radius: 0 0 var(--radius) var(--radius);
  }
  aside a {
    display: inline-block;
    padding: 1em 2em;
    font-size: 1rem;
  }
}

@media (min-width: 570px) {
  hr.mobile-next-back-sep {
    display: none;
  }
}

@media (max-width: 570px) {
  section#voe-newsletters {
    padding: 3em 0;
  }
  .voe-publications {
    padding: 1em;
  }
  aside a {
    display: block;
  }
  .dropdown-btn {
    padding: 1em 2em;
  }
  .nav-btn-arrow {
    flex-direction: column;
    text-align: center;
    padding: 1em 0;
  }
  a.l-arr {
    margin: 0 2.5em 1em 0;
  }

  a.r-arr {
    margin-top: 1em;
  }
}

/* TOPICS */

.by-topic {
  background-color: #bfdedb;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%2383b0a6' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.ol-one,
.ol-two,
.ol-three,
.ol-four,
.ol-five,
.ol-six {
  height: auto;
  padding: 2em;
  background-size: 100%;
  transition: ease-out all 1.5s;
  box-shadow: 0px 3px 13px 4px #6d9492;
}

.ol-one:hover,
.ol-two:hover,
.ol-three:hover,
.ol-four:hover,
.ol-five:hover,
.ol-six:hover {
  background-size: 108%;
}

.sh-desc .sh-s {
  font-size: 18px;
}

.sh-desc h3 {
  margin-top: 0.5em;
}

.sh-desc .sh-p,
.all-topics p {
  margin-top: 0;
}

.all-topics a {
  display: block;
  text-align: center;
  margin-top: 1em;
  padding: 0.6em 0;
  background-color: #3d89aa;
  color: #ffffff;
  text-decoration: none;
  border-radius: 4px;
  transition: var(--ease-in-out-hover);
}

.all-topics a:hover {
  background-color: #3d6c72;
}

.topic-1,
.topic-2,
.topic-3 {
  border: none;
}

/* INFO FOR THOSE STILL SEEKING */

.ol-seeking h2 {
  margin-top: 0;
  margin-bottom: 0.5em;
}

.contribute {
  margin-top: 45px;
  margin-bottom: 0;
  padding: 4em 2em;
  background: url(/images/new-images/green-background.svg);
  background-size: cover;
  background-attachment: unset;
}

.contribute button {
  margin-top: 1em;
  background-color: #1f6666;
}

/* FOOTER */

footer .address p,
footer .phone p {
  margin-top: 0;
}

footer .contact .phone,
footer .contact .phone {
  margin-top: 15px;
}

footer .contact .email {
  margin-top: 15px;
}

.copyright {
  margin-top: 0;
  padding: 1.5em 4em 1em 4em;
}

.copyright .c-link {
  margin-top: 0;
}