/*
  green: #8bd080;
  yellow: #ccde35;
  orange: #d79c23;
  blue: #34b2a2;
*/

@font-face {
  font-family: 'Philosopher';
  font-weight: 700;
  src: url("../fonts/Philosopher-Bold.ttf");
}
@font-face {
  font-family: 'Poppins';
  font-weight: 400;
  src: url("../fonts/Poppins-Regular.ttf");
}
@font-face {
  font-family: 'Poppins';
  font-weight: 500;
  src: url("../fonts/Poppins-Medium.ttf");
}
@font-face {
  font-family: 'Poppins';
  font-weight: 600;
  src: url("../fonts/Poppins-SemiBold.ttf");
}

.small {
  font-size:85%;
  font-weight: 300;
}

.container {
  max-width: 100%;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

h1, h2, .card .btn {
  font-family: 'Philosopher', serif;
}

h3 {
  font-family: 'Poppins', serif;
  line-height: 1.7;
  font-weight: 400;
  font-size: 1.2rem;
}

.lead {
  font-weight: 500 !important;
  letter-spacing: 0.12rem;
  text-transform: uppercase;
}

html, body, p, li {
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: #676768;
}

ul.list {
  list-style: none;
}

ul.list li::before {
  content: "\2022";
  color: #676768;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.text-primary {
  color: #8bd080 !important;
}

.text-secondary {
  color: #34b2a2 !important;
}

.btn {
  outline: none !important;
  transition: all .2s ease;
  border:none;
  padding: 0.7rem 1.4rem;
}

.btn-primary,
.btn-primary:not(:disabled):not(.disabled):active {
  background: #8bd080;
  color: #fff;
  border:none;
  text-transform: uppercase;
}

.btn-primary:hover,
.btn-primary:focus {
  background: #ccde35;
}

.btn-secondary,
.btn-secondary:not(:disabled):not(.disabled):active {
  background: #ccde35;
  color: #fff;
  border:none;
  text-transform: uppercase;
}

.btn-secondary:hover,
.btn-secondary:focus {
  background: #8bd080;
}

.card .btn {
  font-size: 1.3rem;
}

.bg-primary {
  background-color: #8bd080 !important;
}

.bg-secondary {
  background-color: #34b2a2 !important;
}

.bg-yellow {
  background-color: #ccde35 !important;
}

.bg-light {
  background-color: #f9f8f0 !important;
}

.bg-book1 {
  background-color: #007ebb;
}
.bg-book2 {
  background-color: #5a9636;
}
.bg-book3 {
  background-color: #d04686;
}
.bg-book4 {
  background-color: #ef7101;
}
.bg-book5 {
  background-color: #f15a5b;
}
.bg-book6 {
  background-color: #3d86c6;
}

#interviews {
  position: relative;
  z-index: 4;
}

a, a:hover {
  color: #676768;
}

.navbar-light .navbar-nav .nav-link {
  font-weight: 400;
  font-size: 0.9rem;
  padding-right: 1.2rem !important;
  padding-left: 1.2rem !important;
  line-height: 1.2;
  transition: color .2s ease;
  color: #676768;
}

.navbar-light .navbar-nav .nav-link:hover {
  font-weight: 500;
}

.navbar-light .navbar-nav .nav-link.active {
  font-weight: 500;
  color: #d79c23;
}

.navbar-toggler {
  outline: none !important;
}

a {
  font-weight: 500;
}

.lead {
  font-weight: 500;
  font-size: 1rem;
}

.shadowed {
  box-shadow: 5px 20px 30px 0px rgb(185 185 185 / 50%);
}

.divider {
  width: 200px;
  border-width: 1px;
  border-style: solid;
  border-color: #34b2a2;
  position: relative;
  display: inline-block;
}
.divider:before {
  position: absolute;
  content: "";
  width: 18px;
  height: 18px;
  background-color: #34b2a2;
  top: -9px;
  opacity: 0.4;
  right: 50%;
  transform: rotate(45deg);
}
.divider:after {
  position: absolute;
  content: "";
  width: 18px;
  height: 18px;
  background: #34b2a2;
  top: -9px;
  left: 45%;
  opacity: 0.4;
  transform: rotate(45deg);
}

header .book-cover {
  max-width: 30vw;
  box-shadow: -0.6vw 1vw 10px 0px rgb(125 135 118 / 54%);
}

header .book-cover:nth-child(2) {
 
  top: 2vw;
  left: 29vw;
  z-index: 1;
}

header .book-cover:nth-child(3) {
  position:absolute;
  top: 4vw;
  left: 56vw;
  z-index: 2;
}

header .book-cover:nth-child(4) {
  position:absolute;
  top: 12vw;
  left: 10vw;
  z-index: 3;
}

header .book-cover:nth-child(5) {
  position:absolute;
  top: 14vw;
  left: 37vw;
  z-index: 3;
}

header .book-cover:nth-child(6) {
  position:absolute;
  top: 16vw;
  left: 64vw;
  z-index: 3;
}

@media (min-width: 768px) {
  header .book-cover {
    position: absolute;
    max-width: 10vw;
  }

  header .book-cover:nth-child(2) {
    top: 2vw;
    left: 10vw;
  }

  header .book-cover:nth-child(3) {
    top: 4vw;
    left: 19vw;
  }

  header .book-cover:nth-child(4) {
    top: 6vw;
    left: 4vw;
  }

  header .book-cover:nth-child(5) {
    top: 8vw;
    left: 13vw;
  }

  header .book-cover:nth-child(6) {
    top: 10vw;
    left: 22vw;
  }
}

.social-icon {
  width: 38px;
  opacity: 0.3;
  transition: all .2s ease;
}
.social-icon:hover {
  opacity: 0.5;
}

footer {
  border-top: none !important;
}

footer a, footer a:hover {
  color: inherit;
}

audio {
  max-width: 220px;
}

.collapse-info {
  font-size: 1.25rem;
  top: -0.35rem;
  position: relative;
}