@font-face {
  font-family: LuckiestGuy;
  src: url('../fonts/luckiestguy.ttf');
}
@font-face {
  font-family: 'Arial Rounded Bold';
  src: url('../fonts/Arial\ Rounded\ Bold.ttf');
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: #0f6adb;
  font-family: 'Arial Rounded Bold';
  color: #fefeff;
}
.jumbotron {
  background-color: #0f6adb;
  border-radius: 0;
}

a,
a:link,
a:visited {
  color: #fefeff;
  text-decoration: none;
}
a:active,
a:hover {
  color: #ddd;
  text-decoration: none;
}

/* NAVBAR */
.navbar-dark .navbar-nav .nav-link {
  color: #fefeff;
  font-size: 30px;
  font-family: LuckiestGuy;
}
.navbar-nav {
  margin: 0 auto;
}
.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 10px;
  padding-left: 10px;
}

/* BUBEN */
#buben {
  padding-bottom: 0;
  margin-top: -230px;
}
#buben img {
  max-width: 800px;
  width: 90%;
  margin: 0 auto;
  display: block;
}

/* PERFETTO */
.perfetto img {
  max-width: 180px;
}

/* AVENTURAS */
#aventuras {
  padding: 64px 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(30, 172, 253, 1) 30%,
    rgba(30, 172, 253, 1) 70%,
    rgba(30, 172, 253, 0) 100%
  );
}

#aventuras .title img {
  margin: 0 auto;
  display: block;
  max-width: 200px;
}
#aventuras .container {
  margin: 0 auto;
}

#aventuras .caixinha img {
  max-width: 100%;
}

#aventuras p {
  margin-top: 50px;
  font-size: 21px;
}
.aventura-01 {
  display: none;
}
.leia {
  cursor: pointer;
}
/* EMBED */
embed {
  width: 800px;
  height: 600px;
  margin: 0 auto;
  display: block;
}

/* DIVERSÃO */
#diversao {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(192, 123, 215, 1) 30%,
    rgba(192, 123, 215, 1) 70%,
    rgba(192, 123, 215, 0) 100%
  );
  padding-bottom: 0;
}

#diversao .title h2 {
  font-family: LuckiestGuy;
  text-align: center;
  margin-bottom: 50px;
}

#diversao .game h2 {
  font-family: LuckiestGuy;
  text-align: center;
  margin: 30px auto 20px;
}

#diversao h2,
#diversao p,
#diversao img {
  margin: 0 auto;
  display: block;
  max-width: 90%;
}

#diversao p {
  margin-bottom: 50px;
}

#aventuras p span,
.wpcf7-submit,
#aventuras a,
#diversao a {
  border: solid #fefeff 1px;
  border-radius: 5px;
  padding: 10px 15px;
  background-color: transparent;
  color: #fff;
}
.botao {
  text-align: center;
}

/* VITAMINADOO */
#vitaminadoo .caixa img {
  max-width: 100%;
  margin: 0 auto 50px;
  display: block;
}

#vitaminadoo .texto img {
  max-width: 80%;
  margin: 0 auto 40px;
  display: block;
}

#vitaminadoo {
  background-image: url('../images/buben-hand.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
  margin-bottom: 0;
}

#vitaminadoo .vitaminas {
  margin-top: 40px !important;
}

#vitaminadoo h2 {
  font-family: LuckiestGuy;
  text-align: center;
  max-width: 450px;
  margin: 30px auto 0;
  font-size: 30px;
}

/* CADASTRO */
#cadastrese {
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
  margin-bottom: 60px;
  padding-bottom: 20px;
}

#cadastrese h2 {
  font-family: LuckiestGuy;
  margin-bottom: 30px;
}

#cadastrese h2,
#cadastrese p {
  text-align: center;
}

/* INSTAGRAM */
#instagram {
  padding: 0;
}
#instagram h2 {
  font-family: LuckiestGuy;
  text-align: center;
  font-size: 50px;
  margin-bottom: 50px;
}

#instagram .post img {
  max-width: 95%;
  margin: 0 auto 50px;
  display: block;
}

/* FOOTER */
#footer {
  background-color: #d2247c;
  margin-bottom: 0;
}

#footer p,
#footer img {
  max-width: 250px;
  margin: 0 auto;
  display: block;
}

#footer img {
  margin-bottom: 50px;
}
#footer i {
  margin-right: 20px;
  margin-top: 5px;
}
#footer .item {
  width: 230px;
}
#footer .item-icon {
  height: 70px;
  margin-bottom: 50px;
}
#footer .icon {
  width: 40px;
  float: left;
}
#footer .text {
  width: 180px;
  float: left;
}
#footer .quem {
  margin-bottom: 30px;
}

/* INSTAGRAM */
.sbi_info,
.sb_instagram_header {
  display: none !important;
}
#sb_instagram {
  margin-bottom: 40px !important;
}

/* FORMULÁRIO */
.wpcf7 {
  margin: 0 auto;
  padding: 30px 0;
}
label {
  text-align: left;
}
input {
  border-radius: 5px;
  border-width: 0;
}
.wpcf7-text {
  height: 40px;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
  border-color: yellow !important;
}
.wpcf7-not-valid-tip {
  color: yellow !important;
}
.wpcf7-submit {
  margin: 0 auto;
}
.ajax-loader {
  display: block !important;
  margin: 10px auto 0 !important;
}

.lity-iframe-container {
  padding-top: 80% !important;
}

@media (max-width: 576px) {
  .lity-iframe-container {
    padding-top: 150% !important;
  }
}