/* LogicForKidz static pages (Home, Curriculum, Mission).

   Scoped under .lfk-page so theme header/footer styles are not overridden.

   Background images: ../../../../uploads is wp-content/uploads from pages/assets. */

:root {

  --orange: #f76346;

  --orange-hover: #e06426;

  --blue: #2b8bc2;

  --blue-mid: #4994c9;

  --navy: #002147;

  --navy-soft: #0d2147;

  --text: #444;

  --muted: #666;

  --white: #fff;

  --header-h: 118px;

}

.lfk-page { font-size: 16px; line-height: 1.7; color: var(--text); }

.lfk-page *,

.lfk-page *::before,

.lfk-page *::after { box-sizing: border-box; }

.lfk-page img { max-width: 100%; height: auto; display: block; }

.lfk-page a { color: var(--blue); text-decoration: none; }

.lfk-page a:hover { color: var(--orange); }

/*.lfk-page h1,

.lfk-page h2,

.lfk-page h3,

.lfk-page h4,

.lfk-page h6 { font-family: Roboto, "Open Sans", Arial, sans-serif; line-height: 1.3; }*/

.lfk-page p { margin: 0 0 1em; }

.lfk-page ul { margin: 0 0 1em; padding-left: 18px; }

.lfk-page.address-section ul.rtin-item {
    padding-left: 0;
}

.home .entry-banner,

.page-template-page-home .entry-banner {

  display: none;

}
hr.sep.left.orange {
    background: #f76346;
    width: 80px;
    margin-top: 30px;
    height: 6px;
}


.lfk-page .btn {

  display: inline-block;

  background: var(--orange);

  color: #fff !important;

  border: 1px solid var(--orange);

  border-radius: 50px;

  padding: 0 28px;

  height: 48px;

  line-height: 46px;

  font-weight: 700;

  font-size: 14px;

  text-transform: uppercase;

  letter-spacing: .02em;

  transition: background .2s, border-color .2s;

}

.lfk-page .btn:hover { background: var(--blue); border-color: var(--blue); }

.lfk-page .btn-outline {

  background: transparent;

  color: var(--orange) !important;

}

.lfk-page .btn-outline:hover { background: var(--orange); color: #fff !important; }



.lfk-page .sep {

  width: 80px;

  height: 7px;

  background: var(--blue);

  margin: 12px auto 24px;

  border: 0;

}
.page-id-1970 section.section.testimonials .section-title {
    margin-bottom: 20px;
}
.lfk-page .sep.left { margin-left: 0; }

.lfk-page .sep.white { background: #fff; }

.lfk-page .sep.navy { background: var(--navy); }

section.section.kids-learn {
    padding-top: 0;
}
.kids-learn .container {
    padding: 70px 0px;
    box-shadow: 0 0 41px #eee;
}
section.section.kids-learn h2.section-title {
    text-transform: uppercase;
}
.why-cs .why-cs-grid {
    margin-top: 70px;
}
/* ===== Hero ===== */

.lfk-page .hero {

  position: relative;

  min-height: 610px;

  background: #2aa8dc url("https://www.logicforkidz.com/wp-content/uploads/2021/01/final-draft-1-1-2048x857.png") center / cover no-repeat;

  display: flex;

  align-items: center;

  color: #fff;

}

.lfk-page .hero-inner {

  width: min(1140px, calc(100% - 40px));

  margin: 0 auto;

  padding: 80px 0;

}

.lfk-page .hero h1 {
    margin: 0 0 60px;
    font-size: clamp(32px, 5vw, 55px);
    font-weight: 700;
    line-height: 1.15;
    text-shadow: 0 2px 12px rgba(0,0,0,.18);
    color: #fff;
        font-family: ge;
}

.lfk-page .hero-actions { display: flex; flex-wrap: wrap; gap: 14px; }

.lfk-page .hero .btn {

  min-width: 175px;

  text-align: center;

  height: 54px;

  line-height: 52px;

}



/* ===== Newsletter ===== */

.lfk-page .newsletter {

  background: var(--blue);

  color: #fff;

padding: 11px 0 11px;

  text-align: center;

}

.lfk-page .newsletter p {

  margin: 0 0 14px;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: .04em;

}

.lfk-page .newsletter-form {

  display: flex;

  justify-content: center;

  max-width: 560px;

  margin: 0 auto;

  background: #fff;

  border-radius: 50px;

  overflow: hidden;

  padding: 4px;

}

.lfk-page .newsletter-form input[type="email"] {

  flex: 1;

  border: 0;

  padding: 12px 20px;

  font-size: 15px;

  outline: none;

  color: var(--orange);

}
.mission-grid ul.rtin-item li {
    width: 48%;
    float: left;
    margin-right: 14px;
    border: 1px solid #e6e6e6;
    padding: 20px;
    list-style: none;
    font-size: 18px;
    color: #2b8bc2;
}
.page-id-1241 .lfk-page .mission-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 36px;
    align-items: center;
    max-width: 100%;
    margin: 0 auto;
}
section.section.testimonials.curiculam {
    background: #fff;
}
.mission-grid ul li i {
    color: #e58848;
    font-size: 30px;
    margin-right: 20px;
    position: relative;
    top: 6px;
}
.lfk-page .newsletter-form input[type="email"]::placeholder { color: var(--orange); opacity: .75; }

.lfk-page .newsletter-form button {

  background: var(--orange);

  color: #fff;

  border: 0;

  border-radius: 50px;

  padding: 10px 22px;

  font-weight: 700;

  cursor: pointer;

}



/* ===== Sections ===== */

.lfk-page .section { padding: 70px 0; }

.lfk-page .section.alt { background: #f6fbfe; }

.lfk-page .center { text-align: center; }



.lfk-page .intro-heading {

  color: var(--blue);

  font-size: clamp(26px, 4vw, 39px);

  text-transform: uppercase;

  margin: 0 0 8px;

  font-weight: 700;

  line-height: 1.3;
      font-family: ge;

}
.entry-banner .entry-banner-content h1 {
    font-family: ge;
}
.lfk-page .intro-sub {

  color: var(--orange);

  font-size: 20px;

  font-weight: 600;

  margin: 16px 0 8px;

}
.lfk-page .live-classes-kicker {
    color: #f76346;
    margin-top: 0;
    text-align: center;
    font-size: 28px;
    font-weight: 600;
}
.lfk-page .curriculum-split .center p {
    text-align: justify;
}
.section.section.progressive h2.section-title {
    text-transform: uppercase;
}

.lfk-page .why-cs-cta { margin-top: 24px; text-align: center; }

.lfk-page .mission-body { margin-top: 36px; max-width: none; }

.lfk-page img.quote-icon {

  display: inline;

  vertical-align: middle;

  margin-right: 8px;

}

.lfk-page img.quote-icon-end { margin-right: 0; margin-left: 8px; }

.lfk-page .intro p { max-width: 820px; margin-left: auto; margin-right: auto; }



.lfk-page .section-title {
    color: var(--blue);
    font-size: 35px;
    font-weight: 600;
    margin: 0 0 8px;
    text-align: center;
}
section.section.testimonials .section-title {
    margin-bottom: 50px;
}
.lfk-page .testimonial {
    position: relative;
}
article.testimonial.is-on:before{
color: #e0e0e0;
    content: "\f10d";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    position: absolute;
    right: 10%;
    font-size: 40px;  
}


/* Testimonials */

.lfk-page .testimonials {
    background: #f2f2f2;
    overflow: hidden;
}

.lfk-page .testimonial-track {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 40px;

}

.lfk-page .testimonial { display: none; }

.lfk-page .testimonial.is-on { display: block; }

.lfk-page .testimonial h3 {
    margin: 0;
    font-size: 22px;
    color: #2b8bc2;
}

.lfk-page .testimonial .role {
    color: #646464;
    font-weight: 400;
    margin-bottom: 8px;
}

.lfk-page .testimonial p {
    font-style: normal;
    color: #444444;
    font-weight: 400;
}

.lfk-page .testimonial-dots { display: flex; justify-content: center; gap: 8px; margin-top: 28px; }

.lfk-page .testimonial-dots button {
    width: 10px;
    height: 8px;
    border-radius: 30%;
    border: 0;
    background: #c5d8e6;
    cursor: pointer;
    padding: 2px 11px;
}

.lfk-page .testimonial-dots button.active { background: #2b8bc2; }



/* Curriculum split */

.lfk-page .curriculum-split {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 40px;

  align-items: center;

}

.lfk-page .curriculum-split img { margin: 0 auto; }



/* Teaching philosophy */

.lfk-page .teaching {
    background: url("https://www.logicforkidz.com/wp-content/uploads/2020/09/new-shape-1-3.png?id=2416") center / cover no-repeat;
    color: #fff;
    background-size: 100% !important;
    height: 780px;
    padding-top: 150px;
    padding-bottom: 0 !important;
    background-position: center top;
}

.lfk-page .teaching .section-title {
    color: #fff;
    text-transform: uppercase;
}

.lfk-page .philo-grid {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 24px;

  margin-top: 20px;

}

.lfk-page .philo-card { text-align: center; }

.lfk-page .philo-card img {
    width: 225px;
    height: 225px;
    object-fit: cover;
    border-radius: 50%;
    margin: 0 auto 16px;
    border: 10px solid #fff;
}

.lfk-page .philo-card h3 {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0 10px;
    font-size: 21px;
    color: #fff;
    min-height: 57px;
}

.lfk-page .philo-card p { font-size: 14.5px; }



/* Skills */

.lfk-page .skills-grid {

  display: grid;

  grid-template-columns: repeat(5, 1fr);

  gap: 16px;

  text-align: center;

}

.lfk-page .skills-grid img {
    margin: 0 auto 10px;
    border: 3px solid #333;
    padding: 20px;
    border-radius: 60px;
    margin-bottom: 30px;
}

.lfk-page .skills-grid p {
    font-weight: 700;
    color: #f76346;
    margin: 0;
    text-transform: uppercase;
    font-size: 16px;
}



/* Why CS */

.lfk-page .why-cs {

    background: url("https://www.logicforkidz.com/wp-content/uploads/2020/09/backgorund2-1-1.png?id=2418") center / cover no-repeat;
    color: #fff;
    background-size: 100% !important;
    height: 780px;
    padding-top: 150px;
    padding-bottom: 0 !important;
    background-position: center top;

}
.lfk-page .why-cs blockquote p {
    color: #333;
}
.lfk-page .why-cs .section-title {
    color: #fff;
    text-transform: uppercase;
}
.quote-home h3 {
    font-size: 25px;
    line-height: 39px;
}
.lfk-page .why-cs-grid {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 40px;


}

.lfk-page .why-cs blockquote {

  margin: 0;

  font-size: 17px;

  border-left: none;

  padding-left: 18px;

}

.lfk-page .why-cs img { border-radius: 8px; }



/* Quote CTA */

.lfk-page .quote-cta {
    background: #cbe0ec;
    padding: 30px 0;
}

.lfk-page .quote-cta h3 {
    text-align: center;
    font-size: 24px;
    color: #f76346;
    max-width: 900px;
    margin: 0 auto 8px;
}

.lfk-page .quote-cta .by {
    text-align: right;
    max-width: 900px;
    margin: 0 auto 24px;
    font-weight: 700;
    font-size: 17px;
    color: #0d2147;
}

.lfk-page .quote-cta .center { text-align: center; }



/* ===== Curriculum levels ===== */

.lfk-page .levels {

  background: #cbe0ec;

  padding: 80px 0 80px;

}

.lfk-page .levels-wrap {

  display: grid;

  grid-template-columns: 22% 1fr;

  gap: 20px;

  align-items: start;

}

.lfk-page .level-tabs {

  display: flex;

  flex-direction: column;

  gap: 10px;

  padding: 12px 0;

}

.lfk-page .level-tabs button {

  background: var(--blue-mid);

  color: #fff;

  border: 0;

  border-radius: 25px;

  padding: 11px 10px;

  font-size: 16px;

  font-weight: 600;

  text-transform: uppercase;

  cursor: pointer;

}

.lfk-page .level-tabs button:hover { background: #ddd; color: var(--navy); }

.lfk-page .level-tabs button.active { background: #e86144; color: #fff; }

.lfk-page .level-panel {

  background: #fff;

  border: 1px solid #e86144;

  border-radius: 10px;

  padding: 22px 32px;

  min-height: 520px;

  max-height: 620px;

  overflow: auto;

}

.lfk-page .level-panel { display: none; }

.lfk-page .level-panel.active { display: block; }

.lfk-page .level-panel h6 {

  color: var(--blue-mid);

  font-size: 20px;
font-weight: 600;
  margin: 0 0 6px;

}
.callout ul li:before {
    content: "";
    width: 8px;
    height: 8px;
    background: #e58848;
    background-size: cover;
    position: absolute;
    top: 12px;
    left: -20px;
    border-radius: 50%;
}
.callout ul li {
    list-style: none;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 32px;
    position: relative;
}
.lfk-page .level-meta { margin-top: 12px; }

.lfk-page .level-meta h6 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
}



.lfk-page .prose { max-width: 920px; margin: 0 auto; }

.lfk-page .prose h2 {
    color: #2b8bc2;
    text-align: center;
    font-size: 32px;
}

.lfk-page .prose h3 {
    color: #e06426;
    font-size: 22px;
}

.lfk-page .facts strong {
    display: block;
    text-align: center;
    margin-bottom: 8px;
    color: var(--navy);
    line-height: 35px;
}



.lfk-page .callout {
    background: url(https://www.logicforkidz.com/wp-content/uploads/2020/10/BlueBackRectangle.jpg?id=2649) center / cover no-repeat;
    color: #fff;
    background-position: center center;
    padding: 90px 0;
}

.lfk-page .callout h2 {
    color: #fff;
    text-align: left;
    margin: 0 0 8px;
    font-size: 32px;
    text-transform: uppercase;
}

.lfk-page .callout .sep { margin: 12px 0 20px; }

.lfk-page .callout ul { columns: 1; max-width: 100%; }

.mission-section p {
    text-align: justify;
}

.lfk-page .mission-grid {
    display: grid;
    /* grid-template-columns: 1.4fr 1fr; */
    gap: 36px;
    align-items: center;
    max-width: 750px;
    margin: 0 auto;
}
.contact-us-form .row {
    margin-top: 15px !important;
    float: left;
}
.lfk-page .mission-grid h2 {
    text-align: left;
    color: #2b8bc2;
    margin: 0 0 12px;
    font-size: 35px;
    font-weight: 600;
}

.lfk-page .mission-grid h3 {
    color: #f76346;
    margin-top: 0;
}

.lfk-page .quote-block {
    background: #52a0cd;
    padding: 40px 0 50px;
}

.lfk-page .quote-block p {
    font-size: 17px;
    max-width: 960px;
    margin: 0 auto 8px;
    color: #fff;
    font-weight: 600;
    text-align: center;
}

.lfk-page .quote-block label, .lfk-page .quote-block .attr {

  display: block;

  text-align: right;

  max-width: 960px;

  margin: 20px auto;

  font-weight: 700;

  color: #fff;

}
.journey a.btn {
    font-size: 15px;
    text-transform: capitalize;
}
.lfk-page .journey { 
  text-align: center; padding: 60px 0;
  background: url(https://www.logicforkidz.com/wp-content/uploads/2018/09/backgorund4.png?id=1753) center / cover no-repeat;
    color: #fff;
    background-position: center center;
    padding: 50px 0;
   }
.journey h2.section-title {
    font-size: 28px;
    text-transform: uppercase;
    color: #f76346;
}


@media (max-width: 991px) {

  .lfk-page .hero { min-height: 380px; }

  .lfk-page .testimonial-track,

  .lfk-page .curriculum-split,

  .lfk-page .why-cs-grid,

  .lfk-page .mission-grid,

  .lfk-page .levels-wrap { grid-template-columns: 1fr; }

  .lfk-page .philo-grid { grid-template-columns: 1fr 1fr; }

  .lfk-page .skills-grid { grid-template-columns: 1fr 1fr; }

  .lfk-page .level-tabs { flex-direction: row; flex-wrap: wrap; }

  .lfk-page .level-tabs button { width: calc(33.33% - 8px); font-size: 13px; }

  .lfk-page .level-panel { max-height: none; }

  .lfk-page .callout ul { columns: 1; }

}
.newsletter .container {
    margin-top: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1280px) { 
.mission-section .mission-grid {
    align-items: start;
}
}
@media (max-width: 767px) {
html body .lfk-page .quote-block p {
    text-align: center;
}
.lfk-page .quote-block label, .lfk-page .quote-block .attr {
    text-align: center;
}
}

@media (max-width: 600px) {

  .lfk-page .philo-grid, .lfk-page .skills-grid { grid-template-columns: 1fr; }

  .lfk-page .hero h1 { font-size: 32px; }

  .lfk-page .newsletter-form { flex-direction: column; border-radius: 16px; }

}