@import "variables.css";
@import "base.css";
@import "header.css";
@import "footer.css";
@import "visit.css";
@import "cards.css";

/*home/index specific*/
.index-photo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  object-fit: cover;
  max-height: 700px;
  padding: 20px 30px 10px 30px;
}

.welcome,
.slogan {
  text-align: center;
  margin: auto;
}

.welcome {
  font-weight: 450;
  font-size: 40px;
}
/*home/index specific end*/

/*text specifics*/
.slogan {
  font-size: 25px;
  font-style: italic;
  font-weight: 300;
  padding-bottom: 25px;
  animation: wobble-hor-bottom 0.8s both;
}

.text-box {
  margin: auto;
  width: 65%;
}

.text-center {
  text-align: left;
  font-size: 1.1rem;
}

.text-box-header {
  font-size: 3em;
}
/*text specifics end*/

/*contact page specific*/
.contact {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.contact a {
  color: var(--link-blue);
}

.contact a:hover {
  font-weight: bold;
}

iframe {
  padding-top: 22px;
  max-width: 100%;
}
/*contact page specific end*/

/*image specifics for images with border radius*/
.img-border {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 40px;
  padding: 10px 20px;
}
/*image specifics for images with border radius end*/

/*kids page image bottom left specific*/
.kid-left-bot {
  border-radius: 250px;
  max-height: 350px;
}
/*kids page image bottom left specific end*/

/*back to top*/
.top {
  text-decoration: none;
  padding: 10px;
  color: #fff;
  background: var(--footerblue);
  border-radius: 100px;
}

.to-top {
  display: flex;
  justify-content: center;
  padding: 10px;
}
/*back to top end*/

/*slogan effect*/
@keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }

  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
    transform: translateX(-30px) rotate(-6deg);
  }

  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
    transform: translateX(15px) rotate(6deg);
  }

  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
    transform: translateX(-15px) rotate(-3.6deg);
  }

  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
    transform: translateX(9px) rotate(2.4deg);
  }

  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
    transform: translateX(-6px) rotate(-1.2deg);
  }
}
/*slogan effect end*/

/*media queries start*/
@media (max-width: 767px) {
  .text-box {
    margin: auto;
    width: 80%;
  }
  .index-photo {
    display: none;
  }
  .slogan {
    font-size: 20px;
  }
  .kid-left-bot {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 767px) {
  .index-photo-b {
    display: none;
  }
}
/*media queries end*/