@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&display=swap');

/* ============================================================
   ADMIN TOOLBAR LOGO
   ============================================================ */

#toolbar-administration a.toolbar-icon-admin-toolbar-tools-help {
  background: url('/modules/custom/custom_css/images/custom-toolbar-logo.svg') center/28px 28px no-repeat !important;
  text-indent: -9999px;
  overflow: hidden;
  width: 34px;
  height: 34px;
  display: inline-block;
}

#toolbar-administration a.toolbar-icon-admin-toolbar-tools-help::before {
  display: none !important;
}

/* ============================================================
   TOPBAR
   ============================================================ */

.topbar {
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background-color: #FFCA28 !important;
  color: #aaa !important;
}

.topbar a {
  color: #aaa !important;
}

.topbar a:hover {
  color: #f86923 !important;
}

.topbar .breaking-news-inner .breaking-news-title {
  background-color: #f86923 !important;
  color: #fff !important;
}

/* ============================================================
   HEADER
   ============================================================ */

.header-v3,
.header-v4 {
  position: relative;
  margin-bottom: 0;
  background-color: #FF7043 !important;
}

/* Specific topbar inside header-v4, if present */
.header-v4 .topbar {
  background-color: #131921 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: #ccc !important;
}

/* ============================================================
   MAIN NAVIGATION ONLY
   ============================================================ */

.header-v3 .menu--main .menu__link,
.header-v4 .menu--main .menu__link {
  color: #131921 !important;  /* dark menu link */
}

.header-v3 .menu--main .menu__link:hover,
.header-v4 .menu--main .menu__link:hover,
.header-v3 .menu--main .menu__item.is-active > .menu__link,
.header-v4 .menu--main .menu__item.is-active > .menu__link,
.header-v3 .menu--main .menu__item.active-trail > .menu__link,
.header-v4 .menu--main .menu__item.active-trail > .menu__link {
  color: #f86923 !important;  /* hover/active */
  font-weight: 600 !important;
}

/* ============================================================
   TOPBAR LINKS, SOCIAL ICONS, BREAKING NEWS (ChikiSays colors)
   ============================================================ */

.topbar a,
.topbar .breaking-news-inner .breaking-news-title,
.social-list a,
.social-list .login-link {
  color: #ffffff !important;              /* white icons & links */
  transition: all 0.25s ease;
}

.topbar a:hover,
.topbar .breaking-news-inner .breaking-news-title:hover,
.social-list a:hover,
.social-list .login-link:hover {
  color: #1E3A5F !important;              /* dark blue on hover */
  background-color: #FFCA28;             /* yellow bubble */
  border-radius: 50%;
  padding: 4px 6px;
}

.topbar a,
.social-list a {
  font-weight: normal !important;
}


/* ============================================================
   FOOTER (Sancy-compatible)
   ============================================================ */

.site-footer,
.footer,
.site-footer .footer-inner,
.site-footer .footer-widgets,
.footer .footer-inner {
  background-color: #E65C2F !important;
  color: #ffffff !important;
}

.site-footer a,
.footer-inner a {
  color: #ffffff !important;
}

.site-footer a:hover,
.footer-inner a:hover {
  color: #bbbbbb !important;
}

.copyright,
.site-footer .copyright {
  background-color: #D4A017 !important;
}

.copyright .copyright-inner {
  padding: 20px 0;
}

.copyright .block {
  margin: 0;
}

/* ============================================================
   SOCIAL ICONS
   ============================================================ */

.social-list a,
.social-list .login-link {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}

/* ============================================================
   FIELD LABEL
   ============================================================ */

.field__label {
  margin-top: 30px;
}

/* ============================================================
   WEBFORM
   ============================================================ */

.webform-submission-form {
  padding: 1.5rem;
  background: #fff;
  border-radius: 8px;
}

.webform-submission-form .form-item {
  margin-bottom: 1rem;
}

.webform-submission-form input,
.webform-submission-form select,
.webform-submission-form textarea {
  width: 100%;
  padding: .75rem 1rem;
  font-size: 1rem;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-sizing: border-box;
  background: #fff;
}

.webform-submission-form input:focus,
.webform-submission-form select:focus,
.webform-submission-form textarea:focus {
  border-color: #007bff;
  outline: none;
  box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
}

.webform-submission-form .form-actions {
  margin-top: 1.5rem;
  text-align: right;
}

.webform-submission-form .button {
  background: #007bff;
  color: #fff;
  font-weight: 600;
  border: 0;
  border-radius: 6px;
  padding: .75rem 1.25rem;
  cursor: pointer;
  transition: background-color .2s;
}

.webform-submission-form .button:hover {
  background: #0056b3;
}

/* ============================================================
   MOBILE HELPERS
   ============================================================ */

@media (min-width: 992px) {
  .mobile-only { display: none !important; }
}

@media (max-width: 991px) {
  .mobile-only { display: block !important; }
}

/* ============================================================
   CONTENT TYPOGRAPHY
   ============================================================ */

.node--type-article .node__content .field--name-body p,
.node--type-video .node__content .field--name-body p,
.node--type-gallery .node__content .field--name-body p,
.node--type-interactive-content .node__content .field--name-body p {
  font-size: 20px;
  line-height: 1.8;
  margin-bottom: 1.8em;
  color: #333;
}

@media (max-width: 768px) {
  .node--type-article .node__content .field--name-body p,
  .node--type-video .node__content .field--name-body p,
  .node--type-gallery .node__content .field--name-body p,
  .node--type-interactive-content .node__content .field--name-body p {
    font-size: 18px;
  }
}

@media (max-width: 480px) {
  .node--type-article .node__content .field--name-body p,
  .node--type-video .node__content .field--name-body p,
  .node--type-gallery .node__content .field--name-body p,
  .node--type-interactive-content .node__content .field--name-body p {
    font-size: 17px;
  }
}

/* ============================================================
   ARTICLE HEADINGS
   ============================================================ */

.node--type-article .node__content h1,
.node--type-video .node__content h1,
.node--type-gallery .node__content h1,
.node--type-interactive-content .node__content h1 {
  font-size: 42px;
  line-height: 1.2;
  margin-bottom: 20px;
}

.node--type-article .node__content h2,
.node--type-video .node__content h2,
.node--type-gallery .node__content h2,
.node--type-interactive-content .node__content h2 {
  font-size: 32px;
  line-height: 1.3;
  margin-top: 1.5em;
  margin-bottom: 0.75em;
}

.node--type-article .node__content h3,
.node--type-video .node__content h3,
.node--type-gallery .node__content h3,
.node--type-interactive-content .node__content h3 {
  font-size: 26px;
  line-height: 1.4;
  margin-top: 1.25em;
  margin-bottom: 0.75em;
}

@media (max-width: 768px) {
  .node--type-article .node__content h1,
  .node--type-video .node__content h1,
  .node--type-gallery .node__content h1,
  .node--type-interactive-content .node__content h1 {
    font-size: 34px;
  }

  .node--type-article .node__content h2,
  .node--type-video .node__content h2,
  .node--type-gallery .node__content h2,
  .node--type-interactive-content .node__content h2 {
    font-size: 28px;
  }

  .node--type-article .node__content h3,
  .node--type-video .node__content h3,
  .node--type-gallery .node__content h3,
  .node--type-interactive-content .node__content h3 {
    font-size: 24px;
  }
}

@media (max-width: 480px) {
  .node--type-article .node__content h1,
  .node--type-video .node__content h1,
  .node--type-gallery .node__content h1,
  .node--type-interactive-content .node__content h1 {
    font-size: 30px;
  }

  .node--type-article .node__content h2,
  .node--type-video .node__content h2,
  .node--type-gallery .node__content h2,
  .node--type-interactive-content .node__content h2 {
    font-size: 24px;
  }

  .node--type-article .node__content h3,
  .node--type-video .node__content h3,
  .node--type-gallery .node__content h3,
  .node--type-interactive-content .node__content h3 {
    font-size: 22px;
  }
}

/* ============================================================
   LISTS
   ============================================================ */

.node--type-article .node__content .field--name-body ul,
.node--type-video .node__content .field--name-body ul,
.node--type-gallery .node__content .field--name-body ul,
.node--type-interactive-content .node__content .field--name-body ul,
.node--type-article .node__content .field--name-body ol,
.node--type-video .node__content .field--name-body ol,
.node--type-gallery .node__content .field--name-body ol,
.node--type-interactive-content .node__content .field--name-body ol {
  font-size: 20px;
  line-height: 1.8;
  margin: 0 0 2em 2em;
  padding-left: 1em;
}

.node--type-article .node__content .field--name-body li,
.node--type-video .node__content .field--name-body li,
.node--type-gallery .node__content .field--name-body li,
.node--type-interactive-content .node__content .field--name-body li {
  margin-bottom: 1em;
}

/* ============================================================
   TABLES
   ============================================================ */

.node--type-article .node__content table,
.node--type-video .node__content table,
.node--type-gallery .node__content table,
.node--type-interactive-content .node__content table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 2em;
  font-size: 16px;
  line-height: 2;
}

.node--type-article .node__content th,
.node--type-article .node__content td,
.node--type-video .node__content th,
.node--type-video .node__content td,
.node--type-gallery .node__content th,
.node--type-gallery .node__content td,
.node--type-interactive-content .node__content th,
.node--type-interactive-content .node__content td {
  border: 1px solid #000;
  padding: .5em 1em;
  text-align: left;
  vertical-align: top;
}

/* ============================================================
   H5P
   ============================================================ */

.node__content .field--type-h5p {
  border: 0;
  padding: 0;
  background: transparent;
}

.node__content .h5p-content,
.node__content .h5p-iframe-wrapper,
.node__content iframe {
  width: 100%;
  max-width: 100%;
  display: block;
  margin: auto;
}

.node__content p + .field--type-h5p {
  margin: 1.5rem 0;
}

/* ============================================================
   POLL
   ============================================================ */

.field--name-field-poll {
  margin-top: 1.5em;
  padding-left: 4px;
}

.field--name-field-poll .form-item {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 1em;
}

.field--name-field-poll label {
  font-size: 16px;
  line-height: 2;
  font-weight: 500;
  color: #333;
  cursor: pointer;
}

.field--name-field-poll input {
  transform: scale(1.2);
  margin-left: 2px;
}

@media (max-width: 768px) {
  .field--name-field-poll label { font-size: 15px; }
}

@media (max-width: 480px) {
  .field--name-field-poll label { font-size: 14px; }
}

body {
  font-family: "Nunito", Arial, sans-serif;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
blockquote,
input,
textarea,
button {
  font-family: "Nunito", Arial, sans-serif !important;
}

/* ChikiSays content pages */
.main-content .node--type-page .field--name-body {
    font-size: 16px;
    line-height: 1.8;
    color: #333;
}

.main-content .node--type-page .field--name-body p {
    margin-bottom: 1.8em;
}

.main-content .node--type-page .field--name-body h2 {
    margin-top: 2em;
    margin-bottom: .75em;
    font-weight: 700;
}

.main-content .node--type-page .field--name-body h3 {
    margin-top: 1.5em;
    margin-bottom: .5em;
    font-weight: 600;
}

.main-content .node--type-page .field--name-body ul,
.main-content .node--type-page .field--name-body ol {
    margin-bottom: .5em;
    padding-left: 2em;
}

.main-content .node--type-page .field--name-body li {
    margin-bottom: .5em;
}

.lesson-card{

    max-width:850px;

    margin:40px auto;

    background:#fffef8;

    border-radius:24px;

    padding:35px;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.lesson-image img{

    width:100%;

    border-radius:18px;

    display:block;

}

.lesson-title{

    text-align:center;

    color:#ff9800;

    font-size:2.7rem;

    margin-top:25px;

}

.lesson-pronunciation{

    text-align:center;

    font-size:1.8rem;

    font-style:italic;

    color:#777;

    margin-bottom:20px;

}

.lesson-badge{

    display:inline-block;

    background:#4caf50;

    color:white;

    padding:8px 20px;

    border-radius:25px;

    font-weight:bold;

    font-size:1.8rem;

    margin:0 auto 30px;

    display:table;

}

.lesson-section{

    background:#ffffff;

    border-left:8px solid #FFD54F;

    border-radius:16px;

    padding:22px;

    margin-top:25px;

    box-shadow:0 5px 14px rgba(0,0,0,.06);

}

.lesson-section p{

    font-size:20px;

    line-height:1.8;

    color:#333;

}

.lesson-section ul,
.lesson-section ol{

    font-size:20px;

    line-height:1.8;

}

.lesson-section li{

    margin-bottom:.8em;

}

.lesson-section h2{

    color:#1976d2;

    margin-bottom:15px;

}

.lesson-header {

    text-align: center;

    margin: 50px auto 35px;

    max-width: 900px;

}

.lesson-icon {

    font-size: 4.5rem;

    line-height: 1;

    margin-bottom: 15px;

}

.lesson-header h1 {

    color: #ff9800;

    font-size: 42px;

    line-height: 1.2;

    font-weight: 700;

    margin-bottom: 15px;

}

.lesson-header p {

    font-size: 20px;

    line-height: 1.8;

    color: #666;

    max-width: 700px;

    margin: 0 auto;

}

.lesson-footer{

    text-align:center;

    margin-top:40px;

}

.lesson-home{

    display:inline-block;

    background:#1976d2;

    color:#fff;

    padding:14px 28px;

    border-radius:12px;

    text-decoration:none;

    font-weight:bold;

    font-size:1.8rem;

}

.lesson-home:hover{

    background:#125ea8;

}

.lesson-listen{

    text-align:center;

    margin:20px 0;

}

/* ==========================================
   Chiki Says Lesson Typography
   ========================================== */

.lesson-card{

    font-size:20px;

    line-height:1.8;

    color:#333;

}

.lesson-card p{

    font-size:20px;

    line-height:1.8;

    margin-bottom:1.8em;

    color:#333;

}

.lesson-card h1{

    font-size:42px;

    line-height:1.2;

    font-weight:700;

}

.lesson-card h2{

    font-size:32px;

    line-height:1.3;

    font-weight:700;

}

.lesson-card h3{

    font-size:26px;

    line-height:1.4;

    font-weight:700;

}

.lesson-card ul,
.lesson-card ol{

    font-size:20px;

    line-height:1.8;

    margin:0 0 2em 2em;

}

.lesson-card li{

    margin-bottom:.8em;

}

.lesson-card table{

    width:100%;

    border-collapse:collapse;

    margin-bottom:2em;

    font-size:20px;

}

.lesson-card th,
.lesson-card td{

    border:1px solid #ddd;

    padding:12px;

}

@media (max-width:768px){

    .lesson-card{

        font-size:18px;

    }

    .lesson-card p{

        font-size:18px;

    }

    .lesson-card h1{

        font-size:34px;

    }

    .lesson-card h2{

        font-size:28px;

    }

    .lesson-card h3{

        font-size:24px;

    }

}

@media (max-width:480px){

    .lesson-card{

        padding:22px;

    }

    .lesson-card p{

        font-size:17px;

    }

    .lesson-card h1{

        font-size:30px;

    }

    .lesson-card h2{

        font-size:24px;

    }

    .lesson-card h3{

        font-size:22px;

    }

}

@media (max-width: 768px) {

    .lesson-icon {
        font-size: 4rem;
    }

    .lesson-header h1 {
        font-size: 34px;
    }

    .lesson-header p {
        font-size: 18px;
    }

}

@media (max-width: 480px) {

    .lesson-icon {
        font-size: 3.5rem;
    }

    .lesson-header h1 {
        font-size: 30px;
    }

    .lesson-header p {
        font-size: 17px;
    }

}

.lesson-badges{

    text-align:center;

    margin:20px 0 30px;

}

.lesson-badge-blue{

    background:#1976d2;

    margin-left:10px;

}

/* ============================================================
   CHIKI SAYS ARTICLE HEADER
   ============================================================ */

.article-header-card{
    margin-bottom:25px;
}

.article-image-card{
    margin-bottom:35px;
}

.lesson-meta{
    text-align:center;
    color:#777;
    font-size:1rem;
    margin-top:15px;
}

.article-image-card img{
    width:100%;
    display:block;
    border-radius:20px;
}

.article-lesson .lesson-title{
    margin-bottom:15px;
}

.article-header-card .lesson-badges{

    display:flex;

    justify-content:center;

    align-items:center;

    flex-wrap:wrap;

    gap:10px;

    margin-bottom:20px;

}

.article-header-card .post-categories{

    display:inline-block;

    margin:0 !important;

}

.article-header-card .post-categories a{

    display:inline-block;

}

/* ============================================================
   CHIKI SAYS STORYBOOK CONTENT
   ============================================================ */

.article-lesson .node__content{

    font-size:20px;

    line-height:2;

    color:#333;

}

.article-lesson .node__content p{

    background:#FFFDF5;

    border-radius:18px;

    padding:20px 24px;

    margin:0 0 24px;

    box-shadow:0 4px 12px rgba(0,0,0,.05);

}

.article-lesson .node__content p:empty{

    display:none;

}

.article-lesson .node__content .media{

    display:block;

    margin:40px auto;

    text-align:center;

}

.article-lesson .node__content img{

    width:100%;

    border-radius:20px;

    display:block;

    box-shadow:0 10px 24px rgba(0,0,0,.12);

}

.article-lesson .node__content h2,
.article-lesson .node__content h3{

    background:#FFD54F;

    color:#444;

    border-radius:16px;

    padding:14px 20px;

    margin:45px 0 20px;

    font-size:1.7rem;

}

.article-lesson .node__content ul,
.article-lesson .node__content ol{

    background:#F7FBFF;

    border-radius:18px;

    padding:25px 40px;

    margin:25px 0;

}

.article-lesson .node__content li{

    margin-bottom:12px;

}

.article-lesson .node__content img{

    width:100%;

    display:block;

    border-radius:20px;

    box-shadow:0 10px 24px rgba(0,0,0,.12);

    margin-bottom:30px;

}

/* ============================================================
   LEARNING SECTIONS
   ============================================================ */

.article-lesson .node__content h2 + p,
.article-lesson .node__content h3 + p{

    background:#FFF9E6;

    border-left:8px solid #FFD54F;

    border-radius:16px;

    padding:22px;

    margin-top:0;

    box-shadow:0 4px 12px rgba(0,0,0,.05);

}

.article-lesson .node__content blockquote{

    background:#E3F2FD;

    border-left:8px solid #2196F3;

    border-radius:18px;

    padding:24px;

    font-style:italic;

    margin:30px 0;

    color:#333;

}

.article-lesson .node__content .media{

    margin:45px auto 20px;

}

.article-lesson .node__content a{

    color:#1976D2;

    font-weight:700;

    text-decoration:none;

    border-bottom:2px dotted #1976D2;

}

.article-lesson .node__content a:hover{

    color:#FF9800;

    border-bottom-color:#FF9800;

}

/* ============================================================
   LESSON COMPLETE
   ============================================================ */

.lesson-complete{

    margin:60px auto 40px;

    max-width:760px;

    background:#FFF8E8;

    border-radius:24px;

    padding:35px;

    text-align:center;

    box-shadow:0 10px 24px rgba(0,0,0,.08);

}

.lesson-complete-icon{

    font-size:4rem;

    margin-bottom:15px;

}

.lesson-complete h2{

    color:#FF9800;

    margin-bottom:15px;

}

.lesson-complete p{

    background:none !important;

    box-shadow:none !important;

    padding:0 !important;

    margin-bottom:30px;

    font-size:20px;

}

.lesson-buttons{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:15px;

}

.lesson-next,
.lesson-home{

    display:inline-block;

    padding:14px 28px;

    border-radius:12px;

    color:#fff;

    text-decoration:none;

    font-weight:bold;

    transition:.25s;

}

.lesson-home{

    background:#1976D2;

}

.lesson-next{

    background:#4CAF50;

}

.lesson-home:hover{

    background:#1565C0;

}

.lesson-next:hover{

    background:#388E3C;

}

/* ============================================================
   ARTICLE REVIEW QUIZ
   ============================================================ */

.lesson-review{

    max-width:760px;

    margin:60px auto;

    padding:35px;

    background:#F7FBFF;

    border-radius:24px;

    text-align:center;

    box-shadow:0 10px 24px rgba(0,0,0,.08);

}

.lesson-review-icon{

    font-size:4rem;

    margin-bottom:15px;

}

.lesson-review h2{

    color:#1976D2;

    margin-bottom:15px;

}

.lesson-review-question{

    font-size:22px;

    font-weight:700;

    background:none !important;

    box-shadow:none !important;

    padding:0 !important;

}

.lesson-review-options{

    display:flex;

    flex-direction:column;

    gap:15px;

    margin:30px 0;

}

.review-option{

    background:white;

    border:3px solid #ddd;

    border-radius:15px;

    padding:18px;

    font-size:20px;

    cursor:pointer;

    transition:.25s;

}

.review-option:hover{

    border-color:#1976D2;

}

.review-option.selected{

    border-color:#1976D2;

    background:#E3F2FD;

}

.check-review{

    background:#4CAF50;

    color:white;

    border:none;

    border-radius:12px;

    padding:14px 28px;

    font-size:18px;

    cursor:pointer;

}

.review-result{

    margin-top:25px;

    font-size:22px;

    font-weight:bold;

}

/* ============================================================
   CHIKI'S ADVENTURE BOX
   ============================================================ */

.surprise-box{

    background:#FFF8E5;

    padding:35px;

    border-radius:28px;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

    text-align:center;

    margin-bottom:30px;

}

.surprise-title{

    font-size:2.2rem;

    font-weight:800;

    color:#ff9800;

    margin-bottom:15px;

    line-height:1.2;

}

.surprise-text{

    font-size:14px;

    color:#666;

    line-height:1.7;

    margin-bottom:30px;

}

.surprise-btn{

    display:block;

    width:100%;

    box-sizing:border-box;

    text-decoration:none;

    color:#fff;

    font-size:1.35rem;

    font-weight:700;

    text-align:center;

    padding:22px 20px;

    margin-bottom:18px;

    border-radius:18px;

    transition:.25s ease;

}

.surprise-btn:hover{

    transform:translateY(-3px);

    box-shadow:0 10px 20px rgba(0,0,0,.18);

    color:#fff;

}

.story{

    background:#42A5F5;

}

.story:hover{

    background:#2196F3;

}

.vocabulary{

    background:#66BB6A;

}

.vocabulary:hover{

    background:#4CAF50;

}

.math{

    background:#FFA726;

}

.math:hover{

    background:#FB8C00;

}

.anything{

    background:#AB47BC;

}

.anything:hover{

    background:#8E24AA;

}

/* Tablet */

@media (max-width:991px){

    .surprise-title{

        font-size:2rem;

    }

    .surprise-text{

        font-size:1.2rem;

    }

    .surprise-btn{

        font-size:1.25rem;

        padding:20px;

    }

}

/* Mobile */

@media (max-width:768px){

    .surprise-box{

        padding:30px 22px;

    }

    .surprise-title{

        font-size:2rem;

    }

    .surprise-text{

        font-size:1.15rem;

    }

    .surprise-btn{

        font-size:1.2rem;

        padding:18px;

        border-radius:16px;

    }

}

/* ============================================================
   CHIKI SAYS - DID YOU KNOW
   ============================================================ */

.did-you-know-card{

    background:#FFFDF8;

    border:4px solid #FFD54F;

    border-radius:24px;

    overflow:hidden;

    margin-bottom:30px;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

    transition:all .25s ease;

}

.did-you-know-card:hover{

    transform:translateY(-4px);

    box-shadow:0 16px 35px rgba(0,0,0,.12);

}

.did-you-know-header{

    background:linear-gradient(135deg,#FFE082,#FFD54F);

    padding:28px 20px;

    text-align:center;

}

.did-you-know-emoji{

    font-size:52px;

    line-height:1;

    margin-bottom:10px;

}

.did-you-know-title{

    margin:0;

    font-size:2.2rem;

    font-weight:800;

    color:#6D4C41;

}

.did-you-know-content{

    padding:28px 24px;
	

    text-align:center;

}

.did-you-know-fact{

    font-size:1.25rem;

    line-height:1.9;

    font-weight:700;

    color:#444;

}

.did-you-know-fact p{

    font-size:14px;

    line-height:1.8;

    margin:0;

}

.did-you-know-footer{

    background:#FFF3C4;

    text-align:center;

    padding:14px;

    font-size:.95rem;

    font-weight:700;

    color:#8D6E63;

}

.did-you-know-button{

    margin-top:22px;

    background:#4CAF50;

    color:#fff;

    border:none;

    border-radius:50px;

    padding:12px 22px;

    font-size:1.35rem;

    font-weight:700;

    cursor:pointer;

    transition:.25s;

}

.did-you-know-button:hover{

    background:#43A047;

    transform:scale(1.05);

}

.did-you-know-image{

    margin-bottom:20px;

}

.did-you-know-image{

    width:100%;

    aspect-ratio:16 / 9;

    overflow:hidden;

    border-radius:18px;

    margin-bottom:20px;

}

.did-you-know-photo{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

}

.did-you-know-card:hover .did-you-know-photo{

    transform:scale(1.03);

}

/* Contact Form Container */
#chikisays-contact-form,
form[id="chikisays-contact-form"] {
    max-width: 850px;
    margin: 40px auto;
    background: #ffffff;
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 10px 35px rgba(0,0,0,.08);
}

/* Form labels */
#chikisays-contact-form label {
    display: block;
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 15px;
    color: #333;
}

/* Text fields */
#chikisays-contact-form input[type="text"],
#chikisays-contact-form input[type="email"],
#chikisays-contact-form select,
#chikisays-contact-form textarea {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid #dcdcdc;
    border-radius: 12px;
    font-size: 16px;
    transition: all .25s ease;
    background: #fff;
    box-sizing: border-box;
}

/* Focus */
#chikisays-contact-form input:focus,
#chikisays-contact-form select:focus,
#chikisays-contact-form textarea:focus {
    outline: none;
    border-color: #4da3ff;
    box-shadow: 0 0 0 4px rgba(77,163,255,.15);
}

/* Textarea */
#chikisays-contact-form textarea {
    min-height: 180px;
    resize: vertical;
}

/* Space between fields */
#chikisays-contact-form .form-item {
    margin-bottom: 24px;
}

/* Button */
#chikisays-contact-form input[type="submit"],
#chikisays-contact-form .button {
    display: inline-block;
    padding: 14px 32px;
    border: none;
    border-radius: 999px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: .25s ease;
}

#chikisays-contact-form input[type="submit"]:hover,
#chikisays-contact-form .button:hover {
    transform: translateY(-2px);
}

/* Mobile */
@media (max-width:768px){

#chikisays-contact-form{
    padding:24px;
    margin:20px;
}

}