/* CSS custom style sheet style sheet */


@font-face {
  font-family: "Operation Napalm";
  src: url("./fonts/OperationNapalm.ttf");

}

@font-face {
  font-family: "Cooper Std Black";
  src: url("./fonts/cooper-std-black.otf");

}

@font-face {

  font-family: "Comic Sans MS";
  src: url("./fonts/ComicSansMS3.ttf")
}

body {
  /*font-family: "Cooper Std Black";*/
  background-color: #7dffc1;
  display: block;
  margin: 8px;
}

@media screen and (max-width: 600px) {
  h1 {
    font-size: 20px;
  }

  h2 {
    font-size: 14px;
  }

  h3 {
    font-size: 12px;
  }
}

@media screen and (min-width: 600px) {
  h1 {
    font-size: 26px;
  }

  h2 {
    font-size: 18px;
  }

  h3 {
    font-size: 14px;
  }
}

@media screen and (min-width: 900px) {
  h1 {
    font-size: 28px;
  }

  h2 {
    font-size: 20px;
  }

  h3 {
    font-size: 18px;
  }
}

@media screen and (min-width: 1201px) {
  h1 {
    font-size: 42px;
  }

  h2 {
    font-size: 28px;
  }

  h3 {
    font-size: 20px;
  }
}

.heading {
  font-family: "Operation Napalm";
  text-align: center;
  text-decoration: none;
}

.subheading {
/*   font-size:3vw; */
  font-family: "Operation Napalm";
  text-align: center;
  text-decoration: none;
}

.paragraph {
  font-family: "Comic Sans MS";

}

.table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 80%;
  border: 1px solid #000000;
  text-align: center;
  text-decoration: none;
  margin: 0 10%;
  overflow-x: auto;

}
/*
.th, .td {
    text-align: center;
    padding: 8px;

}

.tr:nth-child(even){background-color: #f2f2f2}*/

.responsive {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80vw;
  height: auto;
  

}

.site-map-divider {
  background-color: purple;
  width: 3px;
}

.site-map {
  display: flex;
  justify-content: space-between;
  height: fit-content;
  width: 90%;
  margin: 0 5%;
  box-sizing: border-box;
  border: purple solid 3px;
}

.site-map h3 {
  margin: 0;
}

.site-map a {
  font-weight: 700;

  color: #000000;
  padding: 10px 0;

  width: 19%;

  text-align: center;
  text-decoration: none;
}

.event {
  padding: 5px;
  /*border: darkorchid dashed 5px;*/
  animation-name: flashing-border;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  border: darkorchid dashed 5px;
}

@keyframes flashing-border {
  50%  {  border: green dashed 5px;}
}

.event-heading {
  font-family: "Cooper Std Black";

}

.event-time {
  font-family: "Comic Sans MS";
}

.time-question {
  font-family: "Comic Sans MS";
  color: deeppink;
  margin-right: 20px;
}

.time-info {
  display: flex;

}

.event-description {
    font-family: "Comic Sans MS";
}

.day-divider {
  width: 90%;
  height: 5px;
  margin: 10px auto;
  background-color: purple;
}

ul {
  list-style-image: url('./fonts/dildo.png');
}

ul li {
  margin: 15px 0;
}

.gallery {
  padding: 1rem;
  display: grid;
  grid-template-columns: repeat(10, 80vw);
  grid-template-rows: 1fr;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  overflow: scroll;
  height: 80px;
  scroll-snap-type: both mandatory;
  scroll-padding: 1rem;
  overflow: hidden;
}

.active {
  scroll-snap-type: unset;
}

.gallery li {
  scroll-snap-align: center;
  display: inline-block;
  border-radius: 3px;
  font-size: 0;
}

.quote-wrapper {
  background-color: violet;
  padding: 10px;
  display: flex ;
  flex-direction: column;
  min-height: 100px;
  justify-content: space-between;
}

.quote-content {
  font-family: "Comic Sans MS";
  text-align: left;
  width: 90%;
  font-style: italic;
  margin: 4px;
}

.quote-source {
  font-family: "Comic Sans MS";
  text-align: right;
  width: 100%;
  margin: 0;
}

.carousel.slide {
  margin: 10px 0;
}

/*Below is all stuff imported from bootstrap so the carousel will work. Didn't want to bring in all of bootstrap as it was messing with other elements*/
.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-item{position:relative;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.carousel-item-next,.carousel-item-prev{position:absolute;top:0}.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translateX(0);transform:translateX(0)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.active.carousel-item-right,.carousel-item-next{-webkit-transform:translateX(100%);transform:translateX(100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-right,.carousel-item-next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translateX(-100%);transform:translateX(-100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:transparent no-repeat center center;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.carousel-indicators{position:absolute;right:0;bottom:10px;left:0;z-index:15;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{position:relative;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;background-color:rgba(255,255,255,.5)}.carousel-indicators li::before{position:absolute;top:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators li::after{position:absolute;bottom:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators .active{background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}