/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/* =BLOCKS
-------------------------------------------------------------- */

/* =HERO SLIDER
-------------------------------------------------------------- */

.hero {
  position: relative;
  background: #eee;
  overflow: hidden;
}

.hero .item {
  position: relative;
  height: calc(100vh - 40px);
  background-position: center center;
  background-size: cover;
}

.hero .item .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.hero .item .content .text {
  color: #fff;
  width: 50%;
}

.hero .item:before {
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  z-index: 1;
}

.hero .item img {
  display: none !important;
}

@media screen and (min-width: 1250px) {
  .pig-mouse-chick {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 500;
  }

  .rabbit-goat-sheep {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 500;
  }
}

@media screen and (max-width: 1249px) {
  .pig-mouse-chick {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 500;
    max-width: 30%;
    height: auto;
  }

  .rabbit-goat-sheep {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 500;
    max-width: 30%;
    height: auto;
  }
}

@media screen and (max-width: 789px) {
  .pig-mouse-chick {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 500;
    max-width: 45%;
    height: auto;
  }

  .rabbit-goat-sheep {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 500;
    max-width: 45%;
    height: auto;
  }
}

@media screen and (max-width: 789px) {
  .hero .item {
    height: 400px;
  }

  .hero .item .content .text {
    width: 90%;
  }
}

/* own carousel */

.hero .owl-theme .owl-nav.disabled + .owl-dots {
  margin: 0 !important;
  z-index: 9999;
  position: absolute;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* =HERO STATIC
-------------------------------------------------------------- */

.hero-static {
  position: relative;
  background: #3a5d67;
  overflow: hidden;
  z-index: 1;
}

.hero-static > .inner {
  height: calc(90vh - 40px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: #fff;
}

.hero-static > .inner > video {
  position: absolute;
  width: 100%;
  height: auto;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  opacity: 0.35;
}

.hero-static > .inner > div {
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 1049px) {
  .hero-static > .inner {
    height: 600px;
  }

  .hero-static > .inner > video {
    width: 145%;
  }
}

@media screen and (max-width: 789px) {
  .hero-static > .inner {
    height: 420px;
  }

  .hero-static > .inner > video {
    width: 185%;
  }

  .hero-static > .inner > div p {
    font-size: 16px;
  }
}

/* =HOME CAROUSEL
-------------------------------------------------------------- */

.hero-home-carousel {
  position: relative;
  overflow: hidden;
}

.hero-home-carousel.home-carousel-mobile {
  display: none !important;
}

@media screen and (max-width: 600px) {
  .hero-home-carousel.home-carousel-mobile {
    display: block !important;
    height: 400px;
  }

  .hero-home-carousel.home-carousel-desktop {
    display: none !important;
  }
}

.hero-home-carousel .owl-nav {
  position: absolute;
  width: 100%;
  top: 40%;
}

.hero-home-carousel .owl-nav [class*="owl-"]:hover {
  background: none !important;
}

.hero-home-carousel .owl-nav span {
  color: #fff;
  font-size: 55px;
  opacity: 0.5;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.hero-home-carousel .owl-nav span:hover {
  opacity: 1;
}

.hero-home-carousel .owl-nav .owl-prev {
  position: absolute;
  left: 10px;
}

.hero-home-carousel .owl-nav .owl-next {
  position: absolute;
  right: 10px;
}

.hero-home-carousel .item {
  position: relative;
  background-position: center center;
  background-size: cover;
  display: block;
  text-decoration: none;
}

.hero-home-carousel .item .inner {
  height: calc(90vh - 40px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: #fef1ca;
}

.hero-home-carousel .item .inner .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #3a5d67;
  z-index: 1;
  opacity: 0.6;
}

.hero-home-carousel .item .inner .content {
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 789px) {
  .hero-home-carousel .item .inner {
    height: 400px;
  }
}

/* =PAGE HERO
-------------------------------------------------------------- */

.page-hero {
  position: relative;
  background-size: cover;
  background-position: center center;
}

.page-hero .inner {
  position: relative;
  height: 480px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  z-index: 1;
}

.page-hero .inner > div {
}

.page-hero .inner h1 {
  color: #fef1ca;
  margin-top: 30px;
}

.page-hero .inner p {
  color: #fff;
}

@media screen and (max-width: 789px) {
  .page-hero .inner {
    height: 300px;
  }
}

/* =PAGE HERO DINOSAURS!
-------------------------------------------------------------- */

@keyframes dino1 {
  0% {
    top: -5px;
  }

  50% {
    top: 5px;
  }

  100% {
    top: -5px;
  }
}

.page-hero-dinosaurs {
  background-size: cover;
  background-position: center center;
}

.page-hero-dinosaurs.hero-mobile,
.page-hero.hero-mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .page-hero-dinosaurs.desktop,
  .page-hero.desktop {
    display: none;
  }

  .page-hero-dinosaurs.hero-mobile,
  .page-hero.hero-mobile {
    display: flex;
    align-items: center;
    height: 500px;
  }

  .button.big > a {
    font-size: 30px;
    padding: 10px 30px 15px;
  }
}

.page-hero-dinosaurs .inner {
  padding: 150px 0 100px;
}

.page-hero-dinosaurs .inner img {
  display: block;
  width: 90%;
  height: auto;
  max-width: 700px;
  margin: 0 auto;
  transition: all 0.5s ease;
  position: relative;
  /*
    animation-name: dino1;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    */
}

.page-hero-dinosaurs .inner img:hover {
  transform: scale(1.05);
}

@media screen and (max-width: 1249px) {
  .page-hero-dinosaurs .inner img {
    max-width: 400px;
  }
}

@media screen and (max-width: 1049px) {
  .page-hero-dinosaurs .inner {
    padding: 100px 0 100px;
  }
}

/* =FEATURE TEXT
-------------------------------------------------------------- */

.feature-text {
  padding: 100px 0;
  background: #eee;
}

@media screen and (max-width: 789px) {
  .feature-text {
    padding: 50px 0;
  }
}

/* =FEATURE TILES
-------------------------------------------------------------- */

.feature-tiles {
  padding: 100px 0;
  background: #fff;
}

.feature-tiles .the-tiles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 15px 0 0 0;
}

.feature-tiles .the-tiles .item {
  margin: 0 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.feature-tiles .the-tiles .item i {
  margin-right: 30px;
  font-size: 30px;
}

.feature-tiles .the-tiles .item h4 {
}

.feature-tiles .the-tiles .item p {
  font-size: 14px;
}

@media screen and (min-width: 790px) {
  .feature-tiles .the-tiles .item {
    width: 30%;
  }

  .feature-tiles .the-tiles .item:nth-child(3n-1) {
    margin: 0 5% 15px;
  }
}

@media screen and (max-width: 789px) {
  .feature-tiles {
    padding: 50px 0;
  }

  .feature-tiles .the-tiles .item {
    width: 47.5%;
  }

  .feature-tiles .the-tiles .item:nth-child(odd) {
    margin-right: 5%;
  }
}

@media screen and (max-width: 479px) {
  .feature-tiles .the-tiles .item {
    width: 100%;
    margin: 0 0 15px !important;
  }

  .feature-tiles .the-tiles .item i {
    margin-right: 15px;
  }
}

/* =SERVICES-1 ACF REPEATER
-------------------------------------------------------------- */

.services-1 {
  padding: 0;
}

.services-1 article {
  padding: 100px 0;
  background: #fff;
}

.services-1 article:nth-child(even) {
  background: #eee;
}

.services-1 article > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.services-1 article:nth-child(odd) > .inner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.services-1 article > .inner > img {
  display: block;
  width: 47.5%;
  height: auto;
}

.services-1 article > .inner > .fields {
  width: 47.5%;
}

.services-1 article > .inner > .fields > h3:before {
  display: block;
  content: " ";
  width: 20px;
  height: 2px;
  background: #fe5d26;
  margin: 0 0 30px;
}

@media screen and (max-width: 789px) {
  .services-1 article {
    padding: 50px 0 20px;
  }

  .services-1 article > .inner > img {
    width: 100%;
    margin-bottom: 30px;
  }

  .services-1 article > .inner > .fields {
    width: 100%;
  }
}

/* =projects-1 CPT
-------------------------------------------------------------- */

.projects-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.projects-1 .item {
  width: 47.5%;
  margin-bottom: 30px;
}

.projects-1 .item:nth-child(odd) {
  margin-right: 5%;
}

.projects-1 .item img {
  display: block;
  width: 100%;
  height: auto;
}

.projects-1 .item .fields {
}

.projects-1 .item .fields h3 {
  margin: 15px 0;
}

@media screen and (max-width: 789px) {
  .projects-1 .item {
    width: 100%;
    margin-right: 0 !important;
  }
}

/* =staff-1 CPT
-------------------------------------------------------------- */

.staff-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -5%;
}

.staff-1 .item {
  width: 30%;
  margin-bottom: 5%;
}

.staff-1 .item:nth-child(3n-1) {
  margin: 0 5% 5%;
}

.staff-1 .item img {
  display: block;
  width: 100%;
  height: auto;
}

.staff-1 .item .fields {
}

.staff-1 .item .fields h3 {
  margin: 15px 0;
}

@media screen and (max-width: 789px) {
  .staff-1 .item {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* =staff-2 CPT
-------------------------------------------------------------- */

.staff-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -5%;
}

.staff-2 .item {
  width: 30%;
  margin-bottom: 5%;
}

.staff-2 .item:nth-child(3n-1) {
  margin: 0 5% 5%;
}

.staff-2 .item img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 100%;
  position: relative;
  bottom: 0;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.15);
}

.staff-2 .item img:hover {
  bottom: 5px;
}

.staff-2 .item .fields {
  text-align: center;
}

.staff-2 .item .fields h3 {
  margin: 15px 0;
}

@media screen and (max-width: 789px) {
  .staff-2 .item {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* =vacancies-1 CPT
-------------------------------------------------------------- */

.vacancies-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.vacancies-1 .item {
  width: calc(50% - 15px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px;
  border: 1px solid #000;
  margin-bottom: 30px;
  background: #f7f7f7;
}

.vacancies-1 .item:nth-child(odd) {
  margin-right: 30px;
}

.vacancies-1 .item .button {
  margin: 30px 0 0;
}

@media screen and (max-width: 789px) {
  .vacancies-1 .item {
    width: 100%;
    margin-right: 0 !important;
    margin-bottom: 5% !important;
  }
}

/* =vacancies-3 CPT
-------------------------------------------------------------- */

.vacancies-3 {
  border-top: 3px solid #fff;
}

.vacancies-3 .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 50px 0;
  border-bottom: 3px solid #fff;
}

.vacancies-3 .item > * {
  width: 50%;
}

.vacancies-3 .item > p.button {
  text-align: right;
}

.vacancies-3 .item > .desc h5 {
  font-size: 28px;
  font-weight: 700;
}

.vacancies-3 .item > .desc h5 span {
  font-weight: 400;
  margin-left: 30px;
}

.vacancies-3 .item > .desc p {
  font-size: 18px;
}

@media screen and (max-width: 789px) {
  .vacancies-3 .item {
    padding: 30px 0;
  }

  .vacancies-3 .item > * {
    width: 100%;
  }

  .vacancies-3 .item > p.button {
    text-align: left;
    margin: 15px 0;
  }

  .vacancies-3 .item > .desc h5 span {
    display: block;
    margin: 0;
    font-size: 18px;
  }
}

/* =faqs-1 REPEATER
-------------------------------------------------------------- */

.faqs-1 {
}

.faqs-1 .item {
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
}

.faqs-1 .item h4 {
  margin: 0;
  padding: 0 0 15px;
  cursor: pointer;
}

.faqs-1 .item .answer {
  display: none;
  padding: 0 0 15px;
  overflow: hidden;
}

.faqs-1 .item:first-child .answer {
  display: block;
}

.faqs-1 .item .answer p:last-child {
  margin: 15px 0 0 0;
}

/* =BLOG
-------------------------------------------------------------- */

.posts-1 img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}

.posts-1 article {
  margin: 0 0 45px;
  padding: 0 0 45px;
  border-bottom: 1px solid #ddd;
}

.posts-1 article h2 {
  margin: 15px 0;
}

.posts-1 article .post-excerpt {
  margin: 0;
}

.post-meta {
  font-size: 14px;
  letter-spacing: 1px;
  color: #666;
}

/* =FLEXIBLE CONTENT ACF TEST
-------------------------------------------------------------- */

.boc {
  padding: 40px;
  background: #f5f5f5;
  border: 1px solid #ccc;
  margin: 0 0 10px;
}

.boc .gal {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.boc .gal li {
  width: 25%;
}

.boc .gal li img {
  display: block;
  width: 100%;
  height: 165px;
}

/* =STRIPS and various
-------------------------------------------------------------- */

.white-top {
  background-image: url(images/strips/white-top.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.white-bottom {
  background-image: url(images/strips/white-bottom.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.grey-top {
  background-image: url(images/strips/grey-top.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.grey-bottom {
  background-image: url(images/strips/grey-bottom.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.yellow-top {
  background-image: url(images/strips/yellow-top.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.yellow-bottom {
  background-image: url(images/strips/yellow-bottom.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.blue-top {
  background-image: url(images/strips/blue-top.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.blue-bottom {
  background-image: url(images/strips/blue-bottom.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.pumpkinfest-brown-top {
  background-image: url(images/strips/pumpkinfest-brown-top.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.pumpkinfest-brown-bottom {
  background-image: url(images/strips/pumpkinfest-brown-bottom.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.pumpkinfestnights-blue-top {
  background-image: url(images/strips/pumpkinfestnights-blue-top.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.pumpkinfestnights-blue-bottom {
  background-image: url(images/strips/pumpkinfestnights-blue-bottom.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.brown-bottom {
  background-image: url(images/strips/brown-bottom.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.super-navy-top {
  background-image: url(images/strips/super-navy-top.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.super-navy-bottom {
  background-image: url(images/strips/super-navy-bottom.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.turquoise-top {
  background-image: url(images/strips/turquoise-top.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.turquoise-bottom {
  background-image: url(images/strips/turquoise-bottom.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.orange-top {
  background-image: url(images/strips/orange-top.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.orange-bottom {
  background-image: url(images/strips/orange-bottom.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.pumpkinfest-orange-top {
  background-image: url(images/strips/pumpkinfest-orange-top.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.pumpkinfest-orange-bottom {
  background-image: url(images/strips/pumpkinfest-orange-bottom.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.green-top {
  background-image: url(images/strips/green-top.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.green-bottom {
  background-image: url(images/strips/green-bottom.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.dino-orange-top {
  background-image: url(images/strips/dino-orange-top.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.pumpkin-nights-black-bottom {
  background-color: #3a5d67;
  background-image: url(images/strips/pumpkin-fest-black-bottom.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.page-id-3791 .pumpkin-nights-black-bottom {
  background-color: #000;
}

.pumpkin-nights-black-top {
  background-image: url(images/strips/pumpkin-fest-black-top.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.fright-night-pumpkin-fest-orange-top {
  background-image: url(images/strips/fright-night-pumpkin-fest-orange-top.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.fright-night-pumpkin-fest-orange-bottom {
  background-color: #000;
  background-image: url(images/strips/fright-night-pumpkin-fest-orange-bottom.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.christmas-red-top {
  background-image: url(images/strips/christmas-nights-top.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.christmas-red-bottom {
  background-image: url(images/strips/christmas-nights-bottom.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.daredevil-extreme-top {
  background-image: url(images/strips/daredevil-extreme-top.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.daredevil-extreme-bottom {
  background-image: url(images/strips/daredevil-extreme-bottom.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.easter-eggsperience-top {
  background-image: url(images/strips/easter-eggsperience-top.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.easter-eggsperience-bottom {
  background-image: url(images/strips/easter-eggsperience-bottom.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.superheroes-princesses-top {
  background-image: url(images/strips/superheroes-princess-top.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.superheroes-princesses-bottom {
  background-image: url(images/strips/superheroes-princess-bottom.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.farm-fest-top {
  background-image: url(images/strips/farm-fest-top.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.farm-fest-bottom {
  background-image: url(images/strips/farm-fest-bottom.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.christmas-nights-green-top {
  background-image: url(images/strips/christmas-nights-green-top.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.christmas-nights-dark-blue-top {
  background-image: url(images/strips/christmas-nights-dark-blue-top.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.christmas-nights-green-bottom {
  background-image: url(images/strips/christmas-nights-green-bottom.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.christmas-nights-dark-blue-bottom {
  background-image: url(images/strips/christmas-nights-dark-blue-bottom.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.visit-santa-red-top {
  background-image: url(images/strips/visit-santa-red-top.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.visit-santa-red-bottom {
  background-image: url(images/strips/visit-santa-red-bottom.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.visit-santa-white-top {
  background-image: url(images/strips/visit-santa-white-top.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.visit-santa-white-bottom {
  background-image: url(images/strips/visit-santa-white-bottom.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.christmas-village-top {
  background-image: url(images/strips/christmas-village-top.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.christmas-village-bottom {
  background-image: url(images/strips/christmas-village-bottom.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.dino-orange-bottom {
  background-image: url(images/strips/dino-orange-bottom.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.pink-top {
  background-image: url(images/strips/pink-top.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.pink-bottom {
  background-image: url(images/strips/pink-bottom.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.summer-top {
  background-image: url(images/strips/summer-top.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.summer-bottom {
  background-image: url(images/strips/summer-bottom.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.white-bottom {
  background-image: url(images/strips/white-bottom.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.navy-top {
  background-image: url(images/strips/navy-top.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.footer-top {
  background-image: url(images/strips/footer-top.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.navy-bottom {
  background-image: url(images/strips/navy-bottom.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.super-navy-top {
  background-image: url(images/strips/super-navy-top.png);
  background-size: cover;
  height: 40px;
  width: 100%;
}

.super-navy-top-2 {
  background-image: url(images/strips/super-navy-top-2.png);
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
}

.margin-negative-top-40 {
  margin-top: -39px;
}

.margin-negative-top-75 {
  margin-top: -75px;
}

.margin-negative-bottom-40 {
  margin-bottom: -40px;
}

/* =CALL TO ACTION
-------------------------------------------------------------- */

.call-to-action {
  padding: 80px 0 100px;
  text-align: center;
}

.call-to-action.cta-1 {
  background: #753d25;
}

@media screen and (max-width: 789px) {
  .call-to-action {
    padding: 30px 0 50px;
  }
}

/* =IM A CELEB
-------------------------------------------------------------- */

@media screen and (min-width: 790px) {
  .im-a-celeb {
  }

  .im-a-celeb .inner {
    position: relative;
  }

  .im-a-celeb .inner .promo {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
    padding: 30px 50px;
    background-image: url(images/3/Navy.png);
    background-size: 100% 100%;
    margin-top: -30px;
  }

  .im-a-celeb .inner .promo h4 {
    font-family: "diesel_crack";
    font-size: 32px;
    letter-spacing: -1.11px;
    font-weight: 400;
    margin: 0;
  }

  .im-a-celeb .inner .promo p {
    font-size: 13px;
    letter-spacing: 0.07px;
    margin: 0;
  }
}

@media screen and (max-width: 789px) {
  .im-a-celeb {
    background: #fbc039;
    padding: 50px 0 0 0;
  }

  .im-a-celeb .inner {
    position: relative;
  }

  .im-a-celeb .inner .promo {
    color: #fff;
    text-align: center;
    padding: 30px 50px;
    background-image: url(images/3/Navy.png);
    background-size: 100% 100%;
  }

  .im-a-celeb .inner .promo h4 {
    font-family: "diesel_crack";
    font-size: 32px;
    letter-spacing: -1.11px;
    font-weight: 400;
    margin: 0;
  }

  .im-a-celeb .inner .promo p {
    font-size: 13px;
    letter-spacing: 0.07px;
    margin: 0;
  }
}

/* =HOME INTRO
-------------------------------------------------------------- */

.home-intro {
  position: relative;
  background: #17173f;
  padding: 100px 0;
}

@media screen and (max-width: 789px) {
  .home-intro {
    padding: 1px 0;
  }
}

.home-intro .inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10.5%;
  text-align: center;
  color: #fef1ca;
}

@media screen and (max-width: 789px) {
  .home-intro .inner {
    padding: 0 0%;
  }
}

/* =HOME OPTIONS
-------------------------------------------------------------- */

.home-options {
  position: relative;
  background: #17173f;
  padding: 0 0 70px;
}

@media screen and (max-width: 789px) {
  .home-options {
    padding: 1px 0 50px;
  }
}

.home-options .inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fef1ca;
}

/* =HOME CONTENT AFTER BOXES
-------------------------------------------------------------- */
.home-content-after-boxes {
  position: relative;
  background: #17173f;
  padding: 0 0 100px;
}

@media screen and (max-width: 789px) {
  .home-content-after-boxes {
    padding: 1px 0 50px;
  }
}

/* =HOME CAROUSEL
-------------------------------------------------------------- */
.home-carousel {
  position: relative;
  background: #753d25;
  padding: clamp(60px, 5.208vw, 100px) 0 clamp(40px, 3.125vw, 100px);
}

/* =HOME INSTAGRAM
-------------------------------------------------------------- */
.home-instagram {
  position: relative;
  background: #17173f;
  padding: 100px 0 100px;
}

/* =HOME FAQS
-------------------------------------------------------------- */
.home-faqs {
  position: relative;
  background: #753d25;
  padding: 100px 0 24px;
}

/* =PUMPKIN FEST
-------------------------------------------------------------- */
.pumpkin-fest {
  position: relative;
  background: #753d25;
  padding: 30px 0 60px;
}

.pumpkin-fest img {
  max-width: 800px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  transition: transform 0.25s ease-in-out;
}

.pumpkin-fest img:hover {
  transform: scale(1.1);
}

/* =BLOCK LINKS
-------------------------------------------------------------- */

.block-links {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.block-links li {
  position: relative;
  display: block;
  margin-bottom: 70px;
  background-size: 100%;
  background-position: center center;
  border-radius: 20px;
  transition: all 0.25s ease-in-out;
}

.block-links li:hover {
  background-size: 110%;
}

.block-links li a {
  position: relative;
  display: block;
  transition: transform 0.25s ease-in-out;
}

.block-links li a:hover {
  transform: scale(1.1);
}

.block-links li span {
  position: relative;
  display: block;
  background-color: #666;
  background-position: center top;
  background-size: cover;
  border-radius: 20px;
}

.block-links li span + p {
  margin: 50px 0 -15px;
  padding-right: 0;
  letter-spacing: -0.55px;
}

.block-links li img {
  display: block;
  width: 100%;
  height: auto;
  opacity: 0;
}

.block-links li h3 {
  position: absolute;
  left: 25px;
  bottom: -20px;
  margin: 0;
  padding: 15px 20px;
  font-family: "diesel_crack";
  font-weight: 400;
  font-size: 33px;
  color: #fef1ca;
  background-image: url(images/1/pumpkinfest-Orange.png);
  background-size: 100% 100%;
}

@media screen and (min-width: 1050px) {
  .block-links.cols-3 li {
    width: calc((100% / 3) - (40px / 3));
  }

  .block-links.cols-3 li:nth-child(3n-1) {
    margin-left: 20px;
    margin-right: 20px;
  }

  .block-links.cols-2 li {
    width: calc((100% / 2) - (20px / 2));
  }

  .block-links.cols-2 li:nth-child(2n-1) {
    margin-right: 20px;
  }

  .block-links.cols-2 li h3 {
    font-size: 50px;
    padding: 20px 30px;
    bottom: -40px;
  }
}

@media screen and (min-width: 790px) and (max-width: 1049px) {
  .block-links.cols-3 li {
    width: calc((100% / 2) - (20px / 2));
  }

  .block-links.cols-3 li:nth-child(2n-1) {
    margin-right: 20px;
  }

  .block-links.cols-2 li {
    width: calc((100% / 2) - (20px / 2));
  }

  .block-links.cols-2 li:nth-child(2n-1) {
    margin-right: 20px;
  }
}

@media screen and (max-width: 789px) {
  .block-links li {
    width: 100%;
    margin-bottom: 40px;
  }
}

/* =BLOCK TILES
-------------------------------------------------------------- */

.block-tiles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 30px 0;
}

@media screen and (min-width: 1050px) {
  .block-tiles .item {
    width: calc((100% / 3) - (40px / 3));
    margin-bottom: 30px;
  }

  .block-tiles .item:nth-child(3n-1) {
    margin: 0 20px 30px;
  }

  .block-tiles .item img {
    height: 250px;
  }
}

@media screen and (min-width: 790px) and (max-width: 1049px) {
  .block-tiles .item {
    width: calc((100% / 2) - (20px / 2));
    margin-bottom: 30px;
  }

  .block-tiles .item:nth-child(2n-1) {
    margin: 0 20px 30px 0;
  }

  .block-tiles .item img {
    height: 250px;
  }
}

@media screen and (max-width: 789px) {
  .block-tiles .item {
    width: 100%;
    margin-bottom: 30px;
  }

  .block-tiles .item img {
    height: 250px;
  }
}

.block-tiles .item {
  border-radius: 15px;
  overflow: hidden;
  background: #f4f4f4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.block-tiles .item img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.block-tiles .item h4 {
  margin: 0 0 30px;
  padding: 30px 30px 0 30px;
}

.block-tiles .item p {
  padding: 0 30px;
}

.block-tiles .item p:nth-last-child(1) {
  margin: auto 0 30px;
}

/* =PAGE INTRO
-------------------------------------------------------------- */

.page-intro {
  padding: 50px 0;
}

.page-intro > .inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  color: #fef1ca;
  text-align: center;
}

.page-intro > .inner h2 {
  padding: 0 7.5%;
  margin: 0 0 30px;
}

.page-intro > .inner p {
  padding: 0 8.5%;
  margin: 0;
}

.page-intro > .inner .page-introduction p {
  margin-bottom: 10px;
}

.page-intro > .inner .page-introduction a {
  color: #fef1ca;
}

@media screen and (min-width: 789px) {
  .page-intro > .inner .page-introduction p {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 789px) {
  .page-intro {
    padding: 25px 0;
  }
}

/* =FEATURE ICONS
-------------------------------------------------------------- */

.feature-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 30px 0 0;
}

.feature-icons > .item {
  width: calc((100% / 4) - (150px / 4));
  margin-bottom: 15px;
}

.feature-icons > .item > img {
  display: block;
  width: 100px;
  height: auto;
  margin: 0;
}

.feature-icons > .item > p:nth-child(2) {
  margin: 0;
}

@media screen and (max-width: 789px) {
  .feature-icons > .item {
    width: calc((100% / 2) - (40px / 2));
    margin: 0;
  }
}

.standard .feature-icons > .item h3 {
  display: inline-block;
  padding: 20px 35px 30px;
  color: #67b44c;
  background-image: url(images/1/White.png);
  background-size: 100% 100%;
}

/* =FEATURE ICONS ROWS
-------------------------------------------------------------- */

.feature-icons_rows {
  padding: 30px 0 0 0;
}

.feature-icons_rows .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.feature-icons_rows .item::after {
  display: block;
  content: " ";
  width: 100%;
  height: 6px;
  background: url(images/pumpkinfest-orange-underline.png);
  margin: 30px 0;
}

.feature-icons_rows .item:last-child::after {
  margin: 30px 0 0;
}

.feature-icons_rows .item p {
  width: 50%;
}

.feature-icons_rows .item p:nth-child(1) {
  font-size: 24px;
}

.feature-icons_rows .item p:nth-child(2) {
  font-size: 18px;
  margin: 0;
}

.feature-icons_rows.alt .item p:nth-child(1) {
  width: 40%;
}

.feature-icons_rows.alt .item p:nth-child(2) {
  width: 60%;
}

@media screen and (max-width: 789px) {
  .feature-icons_rows .item p:nth-child(1) {
    width: 40%;
    margin-right: 10%;
  }
}

/* =ACCORDION
-------------------------------------------------------------- */

.questions #accordion p.question {
  padding: 15px 45px;
  background: #f07d2c;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  position: relative;
}

.questions #accordion p.question img {
  position: absolute;
  right: 45px;
  top: 50%;
  width: 30px;
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.questions #accordion p.question.ui-state-active img {
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}

@media screen and (max-width: 789px) {
  .questions #accordion p.question {
    padding: 15px 100px 15px 30px;
  }

  .questions #accordion p.question img {
    right: 30px;
    width: 20px;
    height: 20px;
  }
}

/* =IMAGE TEXT BLOCK
-------------------------------------------------------------- */

.image-text-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 20px;
  overflow: hidden;
  margin: 0 0 50px;
}

.image-text-block > div {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
}

.image-text-block > div.image {
  min-height: 350px;
  background-size: cover;
}

.image-text-block > div.text {
  background: #f4f4f4;
  padding: 5%;
}

.image-text-block > div.text p {
  font-size: 18px;
}

@media screen and (max-width: 789px) {
  .image-text-block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .image-text-block > div {
    width: 100%;
  }
}

/* =MEET OUR TEAM
-------------------------------------------------------------- */

.meet-our-team {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 30px 0;
}

.meet-our-team .item img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  margin: 0 0 30px;
  border-radius: 15px;
}

.meet-our-team .item h4 {
  margin: 0 0 0;
}

@media screen and (min-width: 1050px) {
  .meet-our-team .item {
    width: calc((100% / 4) - (60px / 4));
    margin: 0 20px 30px 0;
  }

  .meet-our-team .item:nth-child(4n) {
    margin: 0 0 30px 0;
  }

  .meet-our-team .item h4 {
    font-size: 35px;
  }
}

@media screen and (min-width: 790px) and (max-width: 1049px) {
  .meet-our-team .item {
    width: calc((100% / 3) - (40px / 3));
    margin-bottom: 30px;
  }

  .meet-our-team .item:nth-child(3n-1) {
    margin: 0 20px 30px;
  }
}

@media screen and (max-width: 789px) {
  .meet-our-team .item {
    width: calc((100% / 2) - (20px / 2));
    margin-bottom: 30px;
  }

  .meet-our-team .item:nth-child(2n-1) {
    margin: 0 20px 30px 0;
  }
}

/* =FLEXIBLE CONTENT ACF TEST
-------------------------------------------------------------- */

.contact-details-container {
  padding: 30px 0;
}

.contact-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  margin: 0 0 15px;
}

.contact-details img {
  margin-right: 45px;
}

.contact-details p {
  font-size: 24px;
  margin: 0;
}

@media screen and (max-width: 789px) {
  .contact-details img {
    width: 50px;
    height: 50px;
  }

  .contact-details p {
    font-size: 18px;
  }
}

.wpforms-container {
}

.wpforms-field-container input,
.wpforms-field-container textarea {
  background: #c6e4e3 !important;
  border: 1px solid #c6e4e3 !important;
  padding: 35px 30px !important;
  color: #1e2140 !important;
  font-family: niveau-grotesk, sans-serif !important;
  border-radius: 15px !important;
  font-size: 18px !important;
}

::-webkit-input-placeholder {
  /* Edge */
  color: #1e2140;
  opacity: 1;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #1e2140;
  opacity: 1;
}

::-moz-placeholder {
  color: #1e2140;
  opacity: 1;
}

::-ms-input-placeholder {
  color: #1e2140;
  opacity: 1;
}

::placeholder {
  color: #1e2140;
  opacity: 1;
}

/* =SIDEBAR
-------------------------------------------------------------- */

.sidebar-item {
  font-size: 24px;
  margin: 0;
}

.sidebar-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #fef1ca;
  padding: 20px 0;
  text-decoration: none;
}

.sidebar-item a:hover {
  color: #f07d2c;
}

.sidebar-item a img {
  display: block;
  width: 30px;
}

.sidebar-item:after {
  display: block;
  content: " ";
  height: 8px;
  background-image: url(images/strips/yellow-underline-brown.png);
  background-size: 100% 100%;
}

/* =WHAT'S ON
-------------------------------------------------------------- */

.blog-posts {
  margin-top: 50px;
}

.nav-links {
  text-align: center;
}

.nav-links a,
.nav-links span {
  display: inline-block;
  padding: 7px 15px;
  background: #3a5d67;
  color: #fff;
  border-radius: 15px;
  margin: 0;
  text-decoration: none;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.nav-links span,
.nav-links a:hover {
  background: #fbc039;
}

.events {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.events .item {
}

.events .item.large {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f4f4f4;
  border-radius: 15px;
  overflow: hidden;
  margin: 0 0 40px;
  width: 100%;
}

.events .item.large img {
  display: block;
  width: 50%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
}

.events .item.large .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  padding: 5% 5%;
}

.events .item.large h3 {
  margin: 0 0 15px;
}

.events .item.large p.date {
}

.events .item.large p.date span {
  margin: 0 10px;
}

.events .item.large p.button {
  margin: 30px 0 0 0;
}

.events .item.small {
  background: #f4f4f4;
  border-radius: 15px;
  overflow: hidden;
  margin: 0 6.5px 40px;
  width: calc((100% / 3) - (40px / 3));
  text-decoration: none;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.events .item.small:hover {
  opacity: 0.75;
}

.events .item.small + .item.small {
  margin-right: 6.5px;
}

.events .item.small img {
  display: block;
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
}

.events .item.small .content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 10% 10%;
}

.events .item.small h4 {
  margin: 0 0 15px;
}

.events .item.small p.date {
}

.events .item.small p.date span {
  margin: 0 10px;
}

.events .item.small p.button {
  margin: 30px 0 0 0;
}

.events .item.small p.desc {
  font-size: 18px;
}

.events .item.small:nth-last-child(1) {
}

.whats-included {
  text-align: center;
}

.whats-included .button {
  margin-top: 0;
}

@media screen and (max-width: 599px) {
  .whats-included img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  .whats-included .button {
    margin-top: 20px;
  }
}

@media screen and (max-width: 789px) {
  .events .item.small {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 20px !important;
    width: 100%;
  }

  .events .item.small img {
    width: 100%;
    height: 250px;
  }

  .events .item.small .content {
    width: 100%;
    padding: 10% 5%;
  }

  .events .item.small p.button {
    margin: 15px 0 0 0;
  }

  .events .item.large {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 20px !important;
  }

  .events .item.large img {
    width: 100%;
    height: 250px;
  }

  .events .item.large .content {
    width: 100%;
    padding: 10% 5%;
  }

  .events .item.large p.button {
    margin: 15px 0 0 0;
  }
}
