/*
Theme Name: Online Education LMS Child
Theme URI: https://www.themespride.com/products/online-education-lms
Template: online-education-lms
Author: ThemesPride
Author URI: https://www.themespride.com/
Description: This Online Education LMS theme is built for educators, coaching institutes, tutors, training academies, and eLearning platforms that want a clean, professional, and engaging digital presence. Whether you’re offering online courses, managing virtual classrooms, or running a coaching centre, this theme delivers everything you need to launch a fully functional Online Education LMS website with ease. The layout is designed to support course listings, student dashboards, online coaching platform, online exam system, quiz management LMS, quiz modules, instructor profiles, and certification systems, making it ideal for anyone planning to grow their online learning ecosystem. Packed with flexible customization options, the theme integrates seamlessly with popular LMS plugins, helping you create and manage online courses effortlessly. It supports video lessons, downloadable study materials, course progress tracking, assignments, and interactive learning tools that enhance user engagement. If you’re building an online coaching website, digital training portal, or a complete Online Education LMS platform, this theme ensures a smooth and intuitive learning experience for students. Its mobile-friendly design ensures that all your online classes and eLearning modules work flawlessly across devices, supporting accessibility and convenience for learners. The Online Education LMS theme also features optimized performance for faster load times, SEO-ready structure for better search visibility, and multiple homepage layouts to match different teaching styles. With easy drag-and-drop editing, you can customize your eLearning website without any coding skills. It’s ideal for educators offering paid online courses, skill development programs, university-level content, or training workshops. From course enrolment to student management, this Online Education LMS theme simplifies every aspect of creating a professional digital learning platform. If you want to build a powerful, modern, and easy-to-manage online learning website, this Online Education LMS theme is a complete solution designed to elevate your educational brand and provide students with a seamless virtual learning experience.
Tags: wide-blocks,block-styles,one-column,two-columns,right-sidebar,left-sidebar,three-columns,four-columns,grid-layout,custom-colors,custom-header,custom-background,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,featured-image-header,full-width-template,rtl-language-support,sticky-post,theme-options,post-formats,threaded-comments,flexible-header,education,portfolio,blog
Version: 1.3.1767965067
Updated: 2026-01-09 13:24:27

*/
p {
  font-size: 17px !important;
}
.box-text h1 {
  color: #fff;
  text-transform: capitalize;
  font-size: 40px;
  font-weight: 500;
}

.header-img, .single-page-img, .external-div .box-image-page img, .external-div {
  height: 320px !important;
}

@media screen and (max-width: 767px) {
  .menubox {
    background: #6F6EA8 !important;
  }
}
@media (max-width: 420px) {
 .header-img, .single-page-img, .external-div .box-image-page img, .external-div {
  height: 330px !important;
}
  .box-text h1 {
  color: #fff;
  text-transform: capitalize;
  font-size: 35px;
  font-weight: 500;
}
}

/* ===========================================
   GIFT BASKETS PAGE - MODERN STYLES
   =========================================== */

/* Main Content Styling */
#tp_content {
  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
  padding: 40px 0;
}

.content-area p {
  line-height: 1.8;
  color: #444;
  margin-bottom: 1.5em;
}

.content-area em {
  background: linear-gradient(120deg, #6F6EA8 0%, #8B89C5 100%);
  color: #fff;
  padding: 12px 20px;
  display: inline-block;
  font-style: normal;
  margin: 10px 0;
  box-shadow: 0 4px 15px rgba(111, 110, 168, 0.2);
}

/* Headings */
.content-area h2.wp-block-heading {
  color: #6F6EA8;
  font-size: 32px;
  font-weight: 600;
  margin: 50px 0 30px;
  padding-bottom: 15px;
  border-bottom: 3px solid #6F6EA8;
  position: relative;
}

.content-area h2.wp-block-heading::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 80px;
  height: 3px;
  background: linear-gradient(90deg, #8B89C5, #6F6EA8);
}

.content-area h3.wp-block-heading {
  color: #444;
  font-size: 24px;
  font-weight: 600;
  margin: 30px 0 20px;
  padding-left: 15px;
  border-left: 4px solid #6F6EA8;
}

/* Company Columns */
.wp-block-columns {
  background: #fff;
  padding: 30px;
  margin: 30px 0;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}

.wp-block-columns .wp-block-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* Table Styling */
.wp-block-table {
  margin: 40px 0;
  overflow: hidden;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
}

.wp-block-table table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
}

.wp-block-table thead {
  background: linear-gradient(135deg, #6F6EA8 0%, #8B89C5 100%);
}

.wp-block-table thead th {
  color: #fff;
  padding: 18px 15px;
  font-weight: 600;
  text-align: left;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.wp-block-table tbody tr {
  transition: all 0.3s ease;
  border-bottom: 1px solid #e9ecef;
}

.wp-block-table tbody tr:hover {
  background: #f8f9fa;
  transform: scale(1.01);
}

.wp-block-table tbody td {
  padding: 15px;
  color: #555;
  vertical-align: middle;
}

.wp-block-table tbody td strong {
  color: #6F6EA8;
  font-weight: 600;
}

/* Styled List Classes */
.styled-list {
  list-style: none;
  padding: 0;
  margin: 25px 0;
}

.styled-list li {
  background: #fff;
  padding: 15px 20px 15px 55px !important;
  margin: 12px 0;
  position: relative;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
  border-left: 4px solid #6F6EA8;
}

.styled-list li::before {
  content: '✓';
  position: absolute;
  left: 20px;
  top: 15px;
  width: 24px;
  height: 24px;
  background: linear-gradient(135deg, #6F6EA8, #8B89C5);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 14px;
}

.styled-list li strong {
  color: #6F6EA8;
  display: block;
  margin-bottom: 5px;
}

/* Styled List Variant 1 */
.styled-list-1 {
  list-style: none;
  padding: 0;
  margin: 25px 0;
  display: grid;
  gap: 15px;
}

.styled-list-1 li {
  background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%);
  padding: 20px 25px 20px 60px !important;
  position: relative;
  border: 2px solid #e9ecef;
}

.styled-list-1 li::before {
  content: '▸';
  position: absolute;
  left: 20px;
  top: 20px;
  font-size: 24px;
  color: #6F6EA8;
  font-weight: bold;
}

/* Info Text Block */
.info-text {
  background: linear-gradient(135deg, #6F6EA8 0%, #8B89C5 100%);
  color: #fff;
  padding: 30px;
  margin: 40px 0;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 25px rgba(111, 110, 168, 0.3);
}

.info-text::before {
  content: 'ℹ';
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 80px;
  opacity: 0.1;
  font-weight: bold;
}

.info-text p {
  color: #fff;
  margin: 0;
  position: relative;
  z-index: 1;
  line-height: 1.8;
}

.info-text strong {
  color: #fff;
  text-decoration: underline;
  text-decoration-color: rgba(255, 255, 255, 0.5);
}

/* Information List */
.information-list {
  background: #fff;
  padding: 30px !important;
  margin: 30px 0 !important;
  border: 2px solid #6F6EA8;
  position: relative;
}

.information-list::before {
  content: 'KEY POINTS';
  position: absolute;
  top: -12px;
  left: 25px;
  background: #6F6EA8;
  color: #fff;
  padding: 5px 15px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
}

.information-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.information-list li {
  padding: 15px 15px 15px 45px;
  margin: 10px 0;
  position: relative;
  border-bottom: 1px solid #e9ecef;
}

.information-list li:last-child {
  border-bottom: none;
}

.information-list li::before {
  content: '●';
  position: absolute;
  left: 15px;
  top: 15px;
  color: #6F6EA8;
  font-size: 20px;
}

.information-list li strong {
  color: #6F6EA8;
  display: block;
  margin-bottom: 5px;
}

/* Basket Block */
.basket-block {
  background: #fff;
  padding: 35px;
  margin: 30px 0;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  border-top: 5px solid #6F6EA8;
  position: relative;
}

.basket-block::after {
  content: '🎁';
  position: absolute;
  right: 30px;
  top: 30px;
  font-size: 50px;
  opacity: 0.15;
}

.basket-block h3 {
  color: #6F6EA8;
  margin-top: 0;
  font-size: 26px;
  margin-bottom: 20px;
}

.basket-block p {
  color: #555;
  line-height: 1.8;
  margin-bottom: 20px;
}

.basket-block ul {
  list-style: none;
  padding: 0;
  margin: 20px 0;
}

.basket-block ul li {
  padding: 10px 0 10px 35px;
  position: relative;
  color: #666;
}

.basket-block ul li::before {
  content: '→';
  position: absolute;
  left: 0;
  top: 10px;
  color: #6F6EA8;
  font-weight: bold;
  font-size: 18px;
}

.basket-block ul li strong {
  color: #333;
}

/* Basket Block Variant 1 */
.basket-block-1 {
  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
  padding: 30px;
  margin: 25px 0;
  border: 3px solid #e9ecef;
  position: relative;
  transition: all 0.3s ease;
}

.basket-block-1:hover {
  border-color: #6F6EA8;
  box-shadow: 0 8px 25px rgba(111, 110, 168, 0.15);
}

.basket-block-1::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background: linear-gradient(180deg, #6F6EA8, #8B89C5);
}

.basket-block-1 h4 {
  color: #6F6EA8;
  margin-top: 0;
  font-size: 22px;
  margin-bottom: 15px;
  padding-left: 15px;
}

.basket-block-1 p {
  color: #555;
  padding-left: 15px;
  line-height: 1.7;
}

/* Contact Info Styling */
.wp-block-list li {
  padding: 8px 0;
  color: #555;
}

.wp-block-list li strong {
  color: #6F6EA8;
  min-width: 80px;
  display: inline-block;
}

/* Notes and Context Section */
.content-area > ul.wp-block-list {
  background: #f8f9fa;
  padding: 30px 30px 30px 60px;
  margin: 30px 0;
  border-left: 5px solid #6F6EA8;
}

.content-area > ul.wp-block-list > li {
  margin: 15px 0;
  position: relative;
}

.content-area > ul.wp-block-list > li::marker {
  color: #6F6EA8;
  font-weight: bold;
}

/* Closed Status Indicator */
h3.wp-block-heading:has-text("CLOSED")::after,
h3:contains("CLOSED")::after {
  content: '⚠';
  margin-left: 10px;
  color: #dc3545;
  font-size: 20px;
}

/* Mobile Responsive */
@media screen and (max-width: 767px) {
  .content-area h2.wp-block-heading {
    font-size: 26px;
  }

  .content-area h3.wp-block-heading {
    font-size: 20px;
  }

  .wp-block-columns {
    padding: 20px;
  }

  .wp-block-table {
    overflow-x: auto;
  }

  .wp-block-table table {
    min-width: 600px;
  }

  .styled-list li,
  .styled-list-1 li {
    padding-left: 45px;
  }

  .basket-block,
  .basket-block-1 {
    padding: 25px 20px;
  }

  .info-text {
    padding: 25px 20px;
  }

  .info-text::before {
    font-size: 60px;
    right: 10px;
  }
}

@media screen and (max-width: 420px) {
  .content-area em {
    font-size: 14px;
    padding: 10px 15px;
  }

  .content-area h2.wp-block-heading {
    font-size: 22px;
    margin: 35px 0 20px;
  }

  .content-area h3.wp-block-heading {
    font-size: 18px;
  }

  .wp-block-table thead th {
    font-size: 12px;
    padding: 12px 8px;
  }

  .wp-block-table tbody td {
    padding: 10px 8px;
    font-size: 13px;
  }

  .basket-block::after {
    font-size: 35px;
    right: 15px;
    top: 15px;
  }
}

/* Special accent for intro paragraph */
.content-area > p:first-of-type em {
  font-size: 18px;
  border-radius: 0;
  display: block;
  text-align: center;
}

/* Disclaimer styling */
.content-area > p:last-of-type em {
  background: #f8f9fa;
  color: #666;
  border-left: 4px solid #6F6EA8;
  font-size: 13px;
  padding: 15px 20px;
  display: block;
  box-shadow: none;
  line-height: 1.6;
}

/* ===========================================
   ADDITIONAL PAGE STYLES
   =========================================== */

/* Hero Block */
.hero-block {
  background: #fff;
  padding: 40px !important;
  margin: 40px 0 !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
  border-left: 6px solid #6F6EA8;
  position: relative;
  overflow: hidden;
}

.hero-block.wp-block-columns {
  gap: 30px !important;
}

.hero-block::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 150px;
  height: 150px;
  background: linear-gradient(135deg, #6F6EA8 0%, #8B89C5 100%);
  opacity: 0.05;
  border-radius: 0 0 0 100%;
}

.hero-block .wp-block-column {
  z-index: 1;
  position: relative;
}

.hero-block p {
  font-size: 17px !important;
  line-height: 1.9;
  color: #444;
  text-align: justify;
}

.hero-block .wp-block-image {
  border: 5px solid #f8f9fa;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.hero-block .wp-block-image img {
  width: 100%;
  height: auto;
  max-height: 350px;
  object-fit: cover;
  display: block;
}

/* Info Note */
.info-note {
  background: linear-gradient(135deg, #fff3cd 0%, #fff8e1 100%);
  border-left: 5px solid #ffc107;
  padding: 25px 30px;
  margin: 35px 0;
  position: relative;
  box-shadow: 0 4px 15px rgba(255, 193, 7, 0.15);
}

.info-note::before {
  content: '📝';
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 50px;
  opacity: 0.2;
}

.info-note em {
  background: transparent !important;
  color: #856404 !important;
  font-style: italic;
  padding: 0 !important;
  display: block;
  box-shadow: none !important;
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.7;
  position: relative;
  z-index: 1;
}

.info-note strong {
  color: #856404;
  font-weight: 700;
}

/* Styled List 2 */
.styled-list-2 {
  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
  list-style: none;
  padding: 30px;
  margin: 30px 0;
  border: 2px solid #e9ecef;
  border-left: 5px solid #8B89C5;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.styled-list-2 li {
  background: #fff;
  padding: 14px 20px 14px 50px !important;
  margin: 12px 0;
  position: relative;
  border-radius: 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  transition: all 0.3s ease;
  border-left: 3px solid #e9ecef;
}

.styled-list-2 li::before {
  content: '◉';
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  color: #8B89C5;
  font-size: 18px;
  font-weight: bold;
}

.styled-list-2 li:hover {
  transform: translateX(5px);
  border-left-color: #8B89C5;
  box-shadow: 0 4px 12px rgba(139, 137, 197, 0.15);
}

.styled-list-2 li strong {
  color: #6F6EA8;
  font-weight: 600;
}

/* Styled List 3 */
.styled-list-3 {
  list-style: none;
  padding: 25px 30px;
  margin: 25px 0;
  background: #fff;
  border: 2px solid #6F6EA8;
  position: relative;
}

.styled-list-3::after {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, #6F6EA8, #8B89C5);
  opacity: 0.1;
  border-radius: 0 0 100% 0;
}

.styled-list-3 li {
  padding: 12px 15px 12px 40px !important;
  margin: 10px 0;
  position: relative;
  color: #555;
  font-size: 16px;
  border-bottom: 1px solid #f0f0f0;
  transition: all 0.2s ease;
}

.styled-list-3 li:last-child {
  border-bottom: none;
}

.styled-list-3 li::before {
  content: '▪';
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #6F6EA8;
  font-size: 20px;
  font-weight: bold;
}

.styled-list-3 li:hover {
  background: #f8f9fa;
  padding-left: 45px !important;
}

.styled-list-3 li strong {
  color: #6F6EA8;
  font-weight: 600;
}

/* Mobile Responsive */
@media screen and (max-width: 767px) {
  .hero-block {
    padding: 25px !important;
  }

  .hero-block p {
    font-size: 16px !important;
  }

  .info-note {
    padding: 20px;
  }

  .info-note::before {
    font-size: 35px;
    right: 10px;
  }

  .styled-list-2,
  .styled-list-3 {
    padding: 20px;
  }

  .styled-list-2 li,
  .styled-list-3 li {
    padding-left: 40px !important;
  }
}

@media screen and (max-width: 420px) {
  .hero-block {
    padding: 20px !important;
  }

  .hero-block p {
    font-size: 15px !important;
    text-align: left;
  }

  .info-note {
    padding: 18px 15px;
  }

  .info-note em {
    font-size: 14px !important;
  }

  .styled-list-2 li,
  .styled-list-3 li {
    padding-left: 35px !important;
    font-size: 15px;
  }

  .styled-list-2 li::before,
  .styled-list-3 li::before {
    font-size: 16px;
    left: 12px;
  }
}

/* Additional table improvements for this page */
.wp-block-table.has-fixed-layout table {
  table-layout: fixed;
}

.wp-block-table .has-text-align-center {
  text-align: center !important;
}

/* Paragraphs spacing after styled lists */
p + .styled-list-2,
p + .styled-list-3 {
  margin-top: 20px;
}

.styled-list-2 + p,
.styled-list-3 + p {
  margin-top: 25px;
}

/* "What this means today" section */
p strong em,
p em strong {
  color: #6F6EA8;
  font-weight: 700;
}