/* ------------------------------------------------------ TEMPLATES */
/* COLOR PALLETTE */
/* 
Dark Blue: #002437
   Dark Blue Shades: #1a4760
Light Blue: #335c71
  Light Blue Tints: #00334e
  Light Blue Shades: #668595
Lightest Blue: #8099a7
  Lightest Blue Tints: #4d7083
  Lightest Blue Shades: #b3c2ca
Gray: #e6e6e6
  Gray Tints: #ddd
  Gray Shades: #e6ebed 
*/

/* FONTS */
/* font-family: 'DM Serif Display', serif; */
/* font-family: 'Cormorant Garamond', serif; */
/* font-family: 'Libre Baskerville', serif; */

:root {
  --dark-blue: #002437;
  --contrast-orange: #ff6768;
  --font-family-paragraph: "Libre Baskerville", serif;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "DM Serif Display", serif;
  position: relative;
  color: var(--dark-blue);
  background-color: rgb(238, 238, 238, 0.8);
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

*:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem var(--contrast-orange) !important ;
}

*::-webkit-scrollbar {
  background-color: rgb(179, 194, 202, 0.6);
}

*::-webkit-scrollbar-thumb {
  background-color: rgb(0, 36, 55, 0.8);
}

.hidden {
  display: none;
  transition: all ease-in 0.2s;
}

.current-page {
  border-bottom: 2px solid white !important;
}

.ap-current-page {
  border-bottom: 2px solid #002437 !important;
}

.section-support-title {
  font-size: 1.2rem;
  letter-spacing: 2px;
  color: var(--contrast-orange);
  margin-bottom: 6px;
}

.section-main-title {
  font-size: 2.2rem;
  letter-spacing: 2px;
  line-height: 1.2;
  font-weight: normal;
  color: #002437;
}

.emphasize {
  color: #03506f;
  font-weight: bold;
  font-style: italic;
  font-size: 2.6rem;
}

hr {
  height: 2px;
  border: none;
  background-color: #002437;
  border-radius: 10px;
  margin: 2.4rem 0;
}

.section-hr {
  height: 3px;
  border-style: none;
  background-color: var(--contrast-orange);
  border-radius: 4px;
  margin: 0 0 0.5rem;
  width: 3rem;
}

.acco-description::-webkit-scrollbar {
  background-color: transparent;
  width: 7px;
}

.acco-description::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 100px;
}

.acco-description::-webkit-scrollbar-thumb {
  background-color: #e6e6e6;
  border-radius: 100px;
}

.directory-content::-webkit-scrollbar,
.review::-webkit-scrollbar {
  background-color: transparent !important;
  width: 7px !important;
}

.directory-content::-webkit-scrollbar,
.review::-webkit-scrollbar-track {
  background-color: #ddd !important;
  border-radius: 100px !important;
}

.directory-content::-webkit-scrollbar,
.review::-webkit-scrollbar-thumb {
  background-color: #002437 !important;
  border-radius: 100px !important;
}

.sct-space {
  padding: 7.2rem 0;
}

.pb {
  padding-bottom: 7.2rem;
}

.sec-flex {
  display: flex;
  gap: 6.4rem;
  align-items: center;
}

.p-type {
  font-family: "Libre Baskerville", serif;
  font-weight: 400;
  font-size: 1rem;
}

.p-review {
  line-height: 1.6;
}

.note-author {
  color: #335c71;
  letter-spacing: 1px;
  font-weight: 700;
}

img {
  box-shadow: 0 0 20px 0 rgb(0, 36, 55, 0.4);
}

.fin-logo,
#main-logo {
  box-shadow: none;
}

/* *********************************** */
/* * * * * * * ABOUT PAGE * * * * * *  */
/* *********************************** */

.a-nl:link,
.a-nl:visited {
  color: #002437;
}

.a-nl:active,
.a-nl:hover {
  border-bottom: 2px solid #002437;
}

@keyframes slider {
  0% {
    left: 0%;
  }

  8.33% {
    left: 0%;
  }

  16.66% {
    left: -100%;
  }

  24.99% {
    left: -100%;
  }

  33.32% {
    left: -200%;
  }

  41.65% {
    left: -200%;
  }

  49.98% {
    left: -300%;
  }

  58.31% {
    left: -300%;
  }

  66.64% {
    left: -400%;
  }

  79.97% {
    left: -400%;
  }

  83.3% {
    left: -500%;
  }

  100% {
    left: -500%;
  }
}