:checked + span {
    font-weight: bold;

}


.seaweed {
	font-family: 'Seaweed Script', cursive;
}

body, p, h1, h2, h3, h4, h5, h6 .asap {
	font-family: 'Asap', sans-serif;
}

h1 {
  font-size: 2.5rem;
  font-weight: 600;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.5rem;
  line-height: 2rem;
}

h6 {
  font-weight: 600;
}

p, .p {
  font-size: 1.3rem;
  line-height: 2rem;
}

.img-expandable{
  transition-duration: 200ms;
}

.img-expandable:hover {
  transform: scale(2,2);
  transition-duration: 200ms;
}

.collapsible {
  display: flex;
  justify-content: space-between!important;
}

.collapsible-content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}

.underline--magical {
  text-decoration: none!important;
  background-image: linear-gradient(120deg, #1E3A8A 0%, #1E3A8A 100%);
  background-repeat: no-repeat;
  padding-bottom: .1em;
  background-size: 100% 0.1em;
  background-position: 0 100%;
  transition: background-size 0.25s ease-in;
}

p > a, h2 > a {
  text-decoration: none!important;
  background-image: linear-gradient(120deg, #FDE68A 0%, #FDE68A 100%);
  background-repeat: no-repeat;
  background-size: 100% 0.1em;
  background-position: 0 100%;
  transition: background-size 0.25s ease-in;
}

.no-underline {
  background-image: none!important;
}

.underline--magical:hover, p > a:hover, h2 > a:hover {
  background-size: 100% 100%;
}

button:hover {
  transform: scale(1.02,1.02);
  transition-duration: 200ms;
}

nav > a, nav > a:hover {
  transition-duration: 300ms;
}

/* MailerLiteObject */

#mlb2-4364029.ml-form-embedContainer .ml-form-align-center {
  text-align: left!important;
}

#mlb2-4364029.ml-form-embedContainer .ml-form-embedWrapper {
  max-width: none!important;
}

@media screen and (max-width: 800px) {

  h1 {
    font-size: 1.8rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }
}

/* tailwind overrides & customizations */

.max-w-7xl {
  max-width: 100rem!important;
}