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

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

.theme-skin-cookie-island-v1 #top {
  background: #7bcabc;
  color: var(--cookie-shell);
  border: 0;
}

.theme-skin-cookie-island-v1 #top a,
.theme-skin-cookie-island-v1 #top p {
  color: var(--cookie-shell);
  font-weight: 800;
}

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

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

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

.theme-skin-cookie-island-v1 .navbar ul.nav > li.active > a,
.theme-skin-cookie-island-v1 .navbar ul.nav > li > a:hover,
.theme-skin-cookie-island-v1 .navbar ul.nav > li.open > a {
  color: #fff;
  background: linear-gradient(135deg, var(--cookie-blue), #91d9cc);
}

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

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

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

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

.theme-skin-cookie-island-v1 .home-carousel h1 {
  color: var(--cookie-shell);
  font-family: Nunito, "Ma Shan Zheng", "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-cookie-island-v1 .home-carousel ul {
  color: var(--cookie-cocoa);
  font-size: 18px;
  font-weight: 800;
  line-height: 1.85;
  background: rgba(255, 249, 230, 0.9);
  border: 3px solid rgba(255, 255, 255, 0.72);
  border-radius: 24px;
  box-shadow: var(--cookie-shadow);
  padding: 20px 28px;
}

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

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

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

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

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

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

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

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

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

.theme-skin-cookie-island-v1 .box-simple .icon {
  width: 74px;
  height: 74px;
  margin: 0 auto 16px;
  color: var(--cookie-wood);
  background: linear-gradient(135deg, var(--cookie-mint-soft), #fff4cf);
  border: 3px solid #fff;
  border-radius: 22px;
  box-shadow: 0 5px 0 rgba(114, 93, 66, 0.12);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .theme-skin-cookie-island-v1 .home-carousel .item .row {
    display: block;
  }

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

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

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

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