@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&family=Playfair+Display&display=swap');


/*GLOBAL*/
body {
  padding-top: 5rem;

}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Playfair Display', serif;
}

h1 {
  padding-bottom: 1rem;
}

main {
  padding: 20px;
}

main.container-fluid {
  width: 75%;
}

p {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2rem;
}

nav {
  margin-bottom: 120px;

  .active a {
    color: white;
    font-weight: bold;

    &:hover {
      color: white;
    }
  }

  .show,
  .collapsing {
    padding-left: 20px;
  }
}

.navbar-brand {
  margin-left: 20px;
}

button.navbar-toggler {
  margin-right: 10px;
}

.home_2col {
  margin-bottom: 20px;
}

img.dibley {
  max-width: 100%
}

.grid-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(5, 1fr);
  gap: 10px;
}

.box {
  padding: 20px;
  text-align: center;
}

.box1 {
  background-color: lightcoral;
  grid-area: 1 / 1 / 3 / 4;
}

.box2 {
  background-color: lightseagreen;
  grid-area: 3 / 1 / 5 / 2;
}

.box3 {
  background-color: lightblue;
  grid-area: 3 / 2 / 4 / 4;
}

.box4 {
  background-color: lightgoldenrodyellow;
  grid-area: 4 / 2 / 5 / 3;
}

.box5 {
  background-color: lightpink;
  grid-area: 4 / 3 / 5 / 4;
}

.box6 {
  background-color: lightgray;
  grid-area: 5 / 1 / 6 / 4;
}

.carousel-item {
  text-align: center;
}

.carousel-caption {
  background-color: rgb(0, 0, 0, .5);

  &:hover {
    opacity: 0;
  }

  p {
    font-size: 1rem;
  }
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  filter: invert(1);
}

.accordion-button {
  &:not(.collapsed) {
    background-color: #b0d1b8 !important;
    color: black !important;
  }

  &:focus {
    box-shadow: rgba(176, 209, 184, 0.8) 0px 0px 0px .2rem !important;
    border-color: none !important;
  }
}

.accordion-body {
  font-size: 14px;
}