/*
 Theme Name: Explimp Child
 Theme URI: http://explimp.com
 Description: Child theme for Explimp LMS
 Author: Dilawar Khan
 Author URI: http://explimp.com
 Template: ms-lms-starter-theme
 Version: 1.0.0
*/

/* ========== CUSTOM CSS STARTS HERE ========== */

/* Example semi-3D layered design */
.ms-lms-section, .course-box, .elementor-column-wrap {
  background: linear-gradient(180deg, #151515, #0f0f0f);
  border-radius: 18px;
  padding: 30px;
  margin: 20px 0;
  box-shadow: 0 20px 40px rgba(0,0,0,0.6);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.ms-lms-section:hover, .course-box:hover, .elementor-column-wrap:hover {
  transform: translateY(-8px);
  box-shadow: 0 30px 60px rgba(0,0,0,0.7);
}

/* Layer colors */
.layer-blue { border-left: 6px solid #1E88E5; }
.layer-white { background: linear-gradient(180deg,#ffffff,#dadada); color:#111; }
.layer-green { border-left: 6px solid #2EAD63; }

/* Typography */
h1, h2, h3 {
  font-family: 'Inter', sans-serif;
  font-weight: 800;
}

/* Buttons */
button, .ms-btn, .elementor-button {
  border-radius: 12px;
  font-weight: 600;
  transition: 0.3s ease;
}
button:hover, .ms-btn:hover, .elementor-button:hover {
  transform: translateY(-2px);
  opacity: 0.9;
}