@custom-media --breakpoint-not-small screen and (min-width: 30em);
@custom-media --breakpoint-medium screen and (min-width: 30em) and (max-width: 60em);
@custom-media --breakpoint-large screen and (min-width: 60em);



.aspect-ratio--21x9 { padding-bottom: 42.857142857%; }
.aspect-ratio--9x21 { padding-bottom: 233.333333333%; }

.carousel-cell-image {

  opacity: 0;
  -webkit-transition: opacity 0.4s;
          transition: opacity 0.4s;
}

/* fade in lazy loaded image */
.carousel-cell-image.flickity-lazyloaded,
.carousel-cell-image.flickity-lazyerror {
  opacity: 1;
}



.brand {            color: #ADC90A; }
.bg-brand {         background-color: #ADC90A; }

.flickity-prev-next-button {
  z-index: 8;
}

.nested-copy-line-height p,
.nested-copy-line-height ul,
.nested-copy-line-height ol {
  line-height: 1.5;
}


.nested-link a {
  color: #ADC90A;
  opacity: 1;
  transition: opacity .15s ease-in;
}
.nested-link  a:hover,
.nested-link a:focus {
  cursor: pointer;
  opacity: .5;
  transition: opacity .15s ease-in;
}
.nested-link a:active {
  opacity: .8; transition: opacity .15s ease-out;
}


.nested-headline-line-height h1,
.nested-headline-line-height h2,
.nested-headline-line-height h3,
.nested-headline-line-height h4,
.nested-headline-line-height h5,
.nested-headline-line-height h6 {
  line-height: 1.3;
}

.nested-list-reset ul,
.nested-list-reset ol {
  padding-left: 0;
  margin-left: 0;
  list-style-type: none;
}

.nested-copy-indent p+p {
  text-indent: 1em;
}

.nested-copy-seperator p+p {
  margin-top: 1.5em;
}

.nested-img img {
  width: 100%;
  max-width: 100%;
  display: block;
}
@media screen and (max-width: 60em){

  [data-a11y-toggle]:not([aria-controls]) {
    display: none;
  }

  .collapsible-box {
    overflow: hidden;
    opacity: 1;
    max-height: 80em;
    visibility: visible;
    transition:
      visibility 0s ease,
      max-height 1s ease,
      opacity    1s ease;
    transition-delay: .125s;
  }

  .collapsible-box[aria-hidden='true'] {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transition-delay: 1.75s, 0s, 0s;
  }


}

@media screen and (min-width: 30em) {
  .hide-child-ns .child-ns {
    opacity: 0;
    transition: opacity .15s ease-in;
  }
  .hide-child-ns:hover  .child-ns,
  .hide-child-ns:focus  .child-ns,
  .hide-child-ns:active .child-ns {
    opacity: 1;
    transition: opacity .15s ease-in;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .hide-child-m .child-m {
    opacity: 0;
    transition: opacity .15s ease-in;
  }
  .hide-child-m:hover  .child-m,
  .hide-child-m:focus  .child-m,
  .hide-child-m:active .child-m {
    opacity: 1;
    transition: opacity .15s ease-in;
  }
}

@media screen and (min-width: 60em) {
  .hide-child-l .child-l {
    opacity: 0;
    transition: opacity .15s ease-in;
  }
  .hide-child-l:hover  .child-l,
  .hide-child-l:focus  .child-l,
  .hide-child-l:active .child-l {
    opacity: 1;
    transition: opacity .15s ease-in;
  }
}

/*
 * YOUR STYLES HERE
 */


 /*


   OBJECT FIT
   Docs: 

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/

.of-fill              { object-fit: fill; font-family: 'object-fit: fill;'; }
.of-contain           { object-fit: contain; font-family: 'object-fit: contain;'; }
.of-cover             { object-fit: cover; font-family: 'object-fit: cover;'; }
.of-none              { object-fit: none; font-family: 'object-fit: none;'; }
.of-scale-down        { object-fit: scale-down; font-family: 'object-fit: scale-down;'; }

@media (--breakpoint-not-small) {
  .of-fill-ns         { object-fit: fill; font-family: 'object-fit: fill;'; }
  .of-contain-ns      { object-fit: contain; font-family: 'object-fit: contain;'; }
  .of-cover-ns        { object-fit: cover; font-family: 'object-fit: cover;'; }
  .of-none-ns         { object-fit: none; font-family: 'object-fit: none;'; }
  .of-scale-down-ns   { object-fit: scale-down; font-family: 'object-fit: scale-down;'; }
}

@media (--breakpoint-medium) {
  .of-fill-m          { object-fit: fill; font-family: 'object-fit: fill;'; }
  .of-contain-m       { object-fit: contain; font-family: 'object-fit: contain;'; }
  .of-cover-m         { object-fit: cover; font-family: 'object-fit: cover;'; }
  .of-none-m          { object-fit: none; font-family: 'object-fit: none;'; }
  .of-scale-down-m    { object-fit: scale-down; font-family: 'object-fit: scale-down;'; }
}

@media (--breakpoint-large) {
  .of-fill-l          { object-fit: fill; font-family: 'object-fit: fill;'; }
  .of-contain-l       { object-fit: contain; font-family: 'object-fit: contain;'; }
  .of-cover-l         { object-fit: cover; font-family: 'object-fit: cover;'; }
  .of-none-l          { object-fit: none; font-family: 'object-fit: none;'; }
  .of-scale-down-l    { object-fit: scale-down; font-family: 'object-fit: scale-down;'; }
}


.pt-sans {
	font-family: 'PT Sans', sans-serif;
}