:root {
  --island-mint: #19c8b9;
  --island-mint-soft: #e6f9f6;
  --island-leaf: #6fba2c;
  --island-sun: #f5c31c;
  --island-shell: #fff9e6;
  --island-paper: #f8f8f0;
  --island-sand: #f0e8d8;
  --island-wood: #725d42;
  --island-cocoa: #794f27;
  --island-muted: #9f927d;
  --island-blue: #b7c6e5;
  --island-coral: #f0a870;
  --island-shadow: 0 12px 28px rgba(61, 52, 40, 0.14);
  --island-radius: 18px;
}

body.theme-skin-animal-island-v1 {
  color: var(--island-cocoa);
  font-family: Nunito, "Zen Maru Gothic", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  background-color: var(--island-paper);
  background-image: url("../../img/skins/animal-island-v1/content_bg_pc.jpg");
  background-attachment: fixed;
  background-position: center;
}

.theme-skin-animal-island-v1 a {
  color: #108f84;
}

.theme-skin-animal-island-v1 a:hover {
  color: #0c6e66;
}

.theme-skin-animal-island-v1 #all.site-frame {
  overflow: hidden;
}

.theme-skin-animal-island-v1 #top {
  background: #77cfc2;
  color: #fffaf0;
  border: 0;
  box-shadow: 0 3px 0 rgba(114, 93, 66, 0.14);
}

.theme-skin-animal-island-v1 #top a,
.theme-skin-animal-island-v1 #top p {
  color: #fffaf0;
  font-weight: 800;
}

.theme-skin-animal-island-v1 .navbar {
  background: var(--island-shell);
  border: 0;
  border-bottom: 4px solid rgba(114, 93, 66, 0.12);
  box-shadow: 0 10px 26px rgba(114, 93, 66, 0.12);
}

.theme-skin-animal-island-v1 .navbar-brand img {
  max-height: 58px;
}

.theme-skin-animal-island-v1 .navbar ul.nav > li > a {
  color: var(--island-wood);
  font-weight: 900;
  border-radius: 14px;
  margin: 11px 3px;
  padding: 12px 15px;
}

.theme-skin-animal-island-v1 .navbar ul.nav > li.active > a,
.theme-skin-animal-island-v1 .navbar ul.nav > li > a:hover,
.theme-skin-animal-island-v1 .navbar ul.nav > li.open > a {
  color: #fff;
  background: var(--island-blue);
}

.theme-skin-animal-island-v1 .navbar-toggle {
  border: 0;
  background: var(--island-mint);
  border-radius: 14px;
}

.theme-skin-animal-island-v1 .home-carousel {
  background: var(--island-mint-soft) url("../../img/skins/animal-island-v1/home_bg.webp") center/cover;
  color: var(--island-wood);
  min-height: 560px;
}

.theme-skin-animal-island-v1 .home-carousel .dark-mask {
  display: none;
}

.theme-skin-animal-island-v1 .home-carousel .homepage {
  padding-top: 54px;
  padding-bottom: 54px;
}

.theme-skin-animal-island-v1 .home-carousel .item .row {
  display: flex;
  align-items: center;
}

.theme-skin-animal-island-v1 .home-carousel h1 {
  color: var(--island-shell);
  font-family: Nunito, "Noto Sans SC", sans-serif;
  font-size: 48px;
  font-weight: 900;
  line-height: 1.12;
  text-shadow: 0 4px 0 rgba(64, 47, 27, 0.36);
}

.theme-skin-animal-island-v1 .home-carousel ul {
  color: var(--island-cocoa);
  font-size: 18px;
  font-weight: 800;
  line-height: 1.85;
  background: rgba(255, 249, 230, 0.86);
  border: 3px solid rgba(255, 255, 255, 0.7);
  border-radius: 22px;
  box-shadow: var(--island-shadow);
  padding: 20px 28px;
}

.theme-skin-animal-island-v1 .home-carousel .item img {
  border-radius: 34px;
  box-shadow: var(--island-shadow);
  border: 8px solid rgba(255, 249, 230, 0.9);
}

.theme-skin-animal-island-v1 .bar,
.theme-skin-animal-island-v1 .page-content,
.theme-skin-animal-island-v1 #content {
  background: transparent;
}

.theme-skin-animal-island-v1 .skin-section {
  position: relative;
}

.theme-skin-animal-island-v1 .skin-section-features,
.theme-skin-animal-island-v1 .skin-section-recent-posts,
.theme-skin-animal-island-v1 .skin-section-clients {
  padding: 56px 0;
}

.theme-skin-animal-island-v1 .heading h2,
.theme-skin-animal-island-v1 .bar h2,
.theme-skin-animal-island-v1 .bar h3,
.theme-skin-animal-island-v1 h1,
.theme-skin-animal-island-v1 h2,
.theme-skin-animal-island-v1 h3 {
  color: var(--island-wood);
  font-family: Nunito, "Zen Maru Gothic", "Noto Sans SC", sans-serif;
  font-weight: 900;
}

.theme-skin-animal-island-v1 .heading h2 {
  border-bottom: 0;
}

.theme-skin-animal-island-v1 .heading h2::after {
  display: block;
  width: 120px;
  height: 12px;
  margin: 12px auto 0;
  content: "";
  background: url("../../img/skins/animal-island-v1/guide-bg-line.webp") center/contain no-repeat;
}

.theme-skin-animal-island-v1 .box-simple,
.theme-skin-animal-island-v1 .post,
.theme-skin-animal-island-v1 .testimonial,
.theme-skin-animal-island-v1 .panel,
.theme-skin-animal-island-v1 .box-image-text .content,
.theme-skin-animal-island-v1 #blog-post,
.theme-skin-animal-island-v1 #contact-message {
  background: rgba(255, 249, 230, 0.94);
  border: 2px solid rgba(114, 93, 66, 0.14);
  border-radius: var(--island-radius);
  box-shadow: 0 6px 16px rgba(61, 52, 40, 0.09);
}

.theme-skin-animal-island-v1 .box-simple {
  min-height: 242px;
  padding: 28px 20px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.theme-skin-animal-island-v1 .box-simple:hover {
  transform: translateY(-4px);
  box-shadow: var(--island-shadow);
}

.theme-skin-animal-island-v1 .box-simple .icon {
  width: 72px;
  height: 72px;
  margin: 0 auto 16px;
  color: var(--island-wood);
  background: var(--island-mint-soft);
  border: 3px solid #fff;
  border-radius: 21px;
  box-shadow: 0 5px 0 rgba(114, 93, 66, 0.12);
}

.theme-skin-animal-island-v1 .box-simple .icon i {
  line-height: 70px;
}

.theme-skin-animal-island-v1 .btn,
.theme-skin-animal-island-v1 .btn-template-main {
  color: #fff;
  font-weight: 900;
  background: var(--island-mint);
  border: 0;
  border-radius: 18px;
  box-shadow: 0 5px 0 #11a89b;
}

.theme-skin-animal-island-v1 .btn:hover,
.theme-skin-animal-island-v1 .btn-template-main:hover {
  color: #fff;
  background: #3dd4c6;
  transform: translateY(-1px);
}

.theme-skin-animal-island-v1 .post {
  padding: 18px;
  margin-bottom: 24px;
}

.theme-skin-animal-island-v1 .post .image img,
.theme-skin-animal-island-v1 #blog-post img {
  border-radius: 16px;
}

.theme-skin-animal-island-v1 .author-category,
.theme-skin-animal-island-v1 .date-comments,
.theme-skin-animal-island-v1 .intro,
.theme-skin-animal-island-v1 .box-simple p {
  color: var(--island-cocoa);
  font-weight: 650;
}

.theme-skin-animal-island-v1 .breadcrumb {
  margin-top: 18px;
  background: rgba(255, 249, 230, 0.9);
  border-radius: 18px;
}

.theme-skin-animal-island-v1 .see-more {
  background: var(--island-shell);
  background-image: url("../../img/skins/animal-island-v1/menu_bg.jpg");
  background-size: cover;
  border-top: 5px solid rgba(114, 93, 66, 0.12);
  border-bottom: 5px solid rgba(114, 93, 66, 0.12);
}

.theme-skin-animal-island-v1 .see-more h2,
.theme-skin-animal-island-v1 .see-more p {
  color: var(--island-wood);
  text-shadow: none;
}

.theme-skin-animal-island-v1 #footer {
  color: var(--island-shell);
  background: #6bbfad;
  border-top: 8px solid rgba(255, 249, 230, 0.78);
}

.theme-skin-animal-island-v1 #footer h4,
.theme-skin-animal-island-v1 #footer a,
.theme-skin-animal-island-v1 #copyright,
.theme-skin-animal-island-v1 #copyright p {
  color: var(--island-shell);
}

.theme-skin-animal-island-v1 #copyright {
  background: #4f8f82;
}

.theme-skin-animal-island-v1 .sidebar-menu,
.theme-skin-animal-island-v1 .panel-sidebar {
  background: rgba(255, 249, 230, 0.94);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 6px 16px rgba(61, 52, 40, 0.09);
}

.theme-skin-animal-island-v1 .sidebar-menu h3 {
  color: #fff;
  background: var(--island-blue);
}

.theme-skin-animal-island-v1 .form-control {
  color: var(--island-cocoa);
  background: #fffdf1;
  border: 2px solid #ded4bd;
  border-radius: 14px;
  box-shadow: none;
}

@media (max-width: 767px) {
  .theme-skin-animal-island-v1 .home-carousel {
    min-height: 0;
  }

  .theme-skin-animal-island-v1 .home-carousel .item .row {
    display: block;
  }

  .theme-skin-animal-island-v1 .home-carousel h1 {
    font-size: 32px;
    text-align: center;
  }

  .theme-skin-animal-island-v1 .home-carousel ul {
    font-size: 15px;
    padding: 16px 20px;
  }

  .theme-skin-animal-island-v1 .home-carousel .item img {
    margin-top: 18px;
  }

  .theme-skin-animal-island-v1 .navbar-brand img {
    max-height: 45px;
  }
}