/*
 Theme Name:   Ed School Child Theme
 Theme URI:    http://ed-school.aislinthemes.com/
 Description:  Ed School Child Theme
 Author:       Aislin
 Author URI:   http://aislinthemes.com
 Template:     ed-school
 Version:      1.0.0
 Tags:
 Text Domain:
*/

/* =Theme customization starts here
-------------------------------------------------------------- */
.cbp-row.wh-header.top.wh-sticky-header-enabled {
    position: relative;
    transition: all 0.4s ease;
}

/* Sticky state */
.cbp-row.wh-header.top.wh-sticky-header-enabled.is-sticky {
    position: fixed;
    top: -80px; /* hidden above */
    width: 100%;
    left: 0;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* Slide-down animation */
.cbp-row.wh-header.top.wh-sticky-header-enabled.slide-down {
    animation: headerSlideDown 0.4s ease forwards;
}

@keyframes headerSlideDown {
    0% { top: -80px; opacity: 0; }
    100% { top: 0; opacity: 1; }
}

.elementor-widget-scp_logo .elementor-image a img {width: 160px !important;}
/*
i { color: #a9c8dd !important; }
.elementor-button, a.elementor-button{background-color:#366e9b !important;}
*/
.price a {
    color: #a9c8dd !important;
}
.price a:hover {
    background-color: #a9c8dd !important;
    color: #fff !important;
}
button, .button, input[type="submit"], input[type="button"], input[type="reset"], .wh-button, .elementor-button, .course-meta .register a, #tribe-events .tribe-events-button, #tribe-bar-form .tribe-bar-submit input[type=submit], a.view-results, a.view-results-link, a.sensei-certificate-link, .sensei-course-filters li a, li.msm-menu-item .msm-submenu a.wh-button, .course-container a.button, .course a.button, .lesson a.button, .quiz a.button, .course-container a.button:visited, .course a.button:visited, .lesson a.button:visited, .quiz a.button:visited, .course-container a.comment-reply-link, .course a.comment-reply-link, .lesson a.comment-reply-link, .quiz a.comment-reply-link, .course-container #commentform #submit, .course #commentform #submit, .lesson #commentform #submit, .quiz #commentform #submit, .course-container .submit, .course .submit, .lesson .submit, .quiz .submit, .course-container input[type=submit], .course input[type=submit], .lesson input[type=submit], .quiz input[type=submit], .course-container input.button, .course input.button, .lesson input.button, .quiz input.button, .course-container button.button, .course button.button, .lesson button.button, .quiz button.button, .woocommerce a.button.add_to_cart_button{background-color: #366e9b !important;border: 1px solid #366e9b !important;filter: brightness(100%) !important;}
.footer-btn a.elementor-button {
    background-color: transparent !important;
    border: transparent !important;
}
.page-title {
    background: #325b78 !important;
}
button:hover, .button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, .wh-button:hover, .elementor-button:hover, .course-meta .register a:hover, #tribe-events .tribe-events-button:hover, #tribe-bar-form .tribe-bar-submit input[type=submit]:hover, a.view-results:hover, a.view-results-link:hover, a.sensei-certificate-link:hover, .sensei-course-filters li a:hover, li.msm-menu-item .msm-submenu a.wh-button:hover, .course-container a.button:hover, .course a.button:hover, .lesson a.button:hover, .quiz a.button:hover, .course-container a.button:visited:hover, .course a.button:visited:hover, .lesson a.button:visited:hover, .quiz a.button:visited:hover, .course-container a.comment-reply-link:hover, .course a.comment-reply-link:hover, .lesson a.comment-reply-link:hover, .quiz a.comment-reply-link:hover, .course-container #commentform #submit:hover, .course #commentform #submit:hover, .lesson #commentform #submit:hover, .quiz #commentform #submit:hover, .course-container .submit:hover, .course .submit:hover, .lesson .submit:hover, .quiz .submit:hover, .course-container input[type=submit]:hover, .course input[type=submit]:hover, .lesson input[type=submit]:hover, .quiz input[type=submit]:hover, .course-container input.button:hover, .course input.button:hover, .lesson input.button:hover, .quiz input.button:hover, .course-container button.button:hover, .course button.button:hover, .lesson button.button:hover, .quiz button.button:hover, .woocommerce a.button.add_to_cart_button:hover, button:focus, .button:focus, input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus, .wh-button:focus, .elementor-button:focus, .course-meta .register a:focus, #tribe-events .tribe-events-button:focus, #tribe-bar-form .tribe-bar-submit input[type=submit]:focus, a.view-results:focus, a.view-results-link:focus, a.sensei-certificate-link:focus, .sensei-course-filters li a:focus, li.msm-menu-item .msm-submenu a.wh-button:focus, .course-container a.button:focus, .course a.button:focus, .lesson a.button:focus, .quiz a.button:focus, .course-container a.button:visited:focus, .course a.button:visited:focus, .lesson a.button:visited:focus, .quiz a.button:visited:focus, .course-container a.comment-reply-link:focus, .course a.comment-reply-link:focus, .lesson a.comment-reply-link:focus, .quiz a.comment-reply-link:focus, .course-container #commentform #submit:focus, .course #commentform #submit:focus, .lesson #commentform #submit:focus, .quiz #commentform #submit:focus, .course-container .submit:focus, .course .submit:focus, .lesson .submit:focus, .quiz .submit:focus, .course-container input[type=submit]:focus, .course input[type=submit]:focus, .lesson input[type=submit]:focus, .quiz input[type=submit]:focus, .course-container input.button:focus, .course input.button:focus, .lesson input.button:focus, .quiz input.button:focus, .course-container button.button:focus, .course button.button:focus, .lesson button.button:focus, .quiz button.button:focus, .woocommerce a.button.add_to_cart_button:focus {
    /*filter: brightness(120%) !important;*/
	background-color: #3992b9 !important;
	border-color: #3992b9 !important;
}
.footer-form input {
    margin-bottom: 15px;
}
.teacher.type-teacher {
    color: #2d1d54;
}
body.page.page-id-403 .wh-sidebar, body.teacher-template-default .wh-sidebar {
    display: none;
}
body.page.page-id-403 .fourths.three, body.teacher-template-default .fourths.three{
    width: 100%;
}
.box-4 .bg-change a {
    background-color: #fff !important;
    color: #345875 !important;
}
.sf-menu.wh-menu-main a, .respmenu li a, .cbp-respmenu-more, .wh-quick-sidebar-toggler i, .wh-search-toggler i {
     color: #345875 !important;
}
.five-block h4.elementor-image-box-title {
    margin-top: 0 !important;
}

.five-block h4.elementor-image-box-title a {
    padding: 20px 0px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px !important;
}
.side-6-btn a {
    display: block !important;
}
.on-hover-text { position: relative; }
.text-on { display: none; }
.on-hover-text:hover .text-on { display: block; }
a#white-btn {
    background-color: #fff !important;
    color: #345875 !important;
    width: 100%;
    padding: 15px !important;
}
a#white-btn:hover {
    background-color: #3992b9 !important;
    border-color: #3992b9 !important;
    color: #fff !important;
}
span.categories-links {
    display: none !important;
}

#wpcf7-f7-p411-o1 .wpcf7-list-item label{
    display: flex;
    align-items: center;
    gap: 20px;
}
.underline a:hover {
    text-decoration: underline;
}
ul.list-door-icon a {
    color: #366E99 !important;
}

@media only screen and (max-width: 767px) {
h1.page-title {
    font-size: 25px !important;
}

}


/* Add this to Appearance > Customize > Additional CSS */
.sub-menu li a {
    color: #333333 !important;
    text-decoration: none !important;
    display: block !important;
    padding: 10px 15px !important;
    background-color: rgba(255, 255, 255, 0.95) !important;
}

/* If that doesn't work, try this more specific selector */
#site-navigation .sub-menu li a {
    color: #333333 !important;
    background-color: #ffffff !important;
}

/* Or this even more specific one */
.main-navigation .sub-menu li a {
    color: #333333 !important;
    background-color: #ffffff !important;
    border: none !important;
}
.menu_play_video {
    position: relative;
}
.menu_video {
    border-radius: 50%;
    border: 2px solid #fff;
    width: 70px;
    height: 70px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.menu_video::before {
    color: white;
    font-size: 40px;
}


/* 15-1-2026 */
/* 15-1-2026 */
.custom-menu .elementor-element-populated .elementor-widget {
	margin-bottom:0px;
}
.custom-menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-item-align-float-left {
    float: none;
}

.custom-menu,
.custom-menu > .elementor-widget-wrap,
.custom-menu > .elementor-widget-wrap > .elementor-element,
.custom-menu > .elementor-widget-wrap > .elementor-element .mega-menu-wrap,
.custom-menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-item-align-float-left,
.custom-menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 {
	position: unset !important;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {
	margin-top: 30px;
}
.mega-menu-item-custom_html-3 ul, .mega-menu-item-custom_html-4 ul, .mega-menu-item-custom_html-5 ul {
    list-style: none;
    padding: 0;
}
.mega-menu-item-1762 ul li, .mega-menu-item-1763 ul li, .mega-menu-item-7578 ul li {
    padding: 14px 0 !important;
    border: 1px solid #e5e5e5 !important;
    /* background-color: #366e9b !important; */
}
.mega-menu-item-1762 ul li:hover, .mega-menu-item-1763 ul li:hover, .mega-menu-item-7578 ul li:hover {
    background-color: #366e9b !important;
}
.mega-menu-item-1762 ul li a:hover, .mega-menu-item-1763 ul li a:hover, .mega-menu-item-7578 ul li a:hover {
    margin: 0 13px !important;
}
.mega-menu-item-1762 ul li a, .mega-menu-item-1763 ul li a, .mega-menu-item-7578 ul li a {
    margin: 0 13px !important;
    padding: 10px 15px !important;
    background-color: rgba(255, 255, 255, 0.95) !important;
}
.menu_link {
    font-size: 16px;
    font-weight: 700;
    color: #366e9b;
}
.banner_link .rs_splitted_words {
    color: #366e9b !important;
}

h4.mega-block-title.link-title a {
    font-weight: 700 !important;
    color: #366e9b !important;
}


li#mega-menu-item-custom_html-9, li#mega-menu-item-custom_html-10 {
    padding-bottom: 0 !important;
}

#mega-menu-item-custom_html-16 h4.mega-block-title {
    margin-bottom: 10px !important;
}

li#mega-menu-item-7671, li#mega-menu-item-7631, li#mega-menu-item-7633, li#mega-menu-item-7634 {
    padding: 5px 15px !important;
}




/* ================================================
   PROJECT BEACON — CTA Cards Hover Animation
   Paste in: Elementor ≡ → Site Settings → Custom CSS
   ================================================ */

/* --- SECTION: hero overlap --- */
#pb-cta-section {
  margin-top: -80px !important;
  position: relative;
  z-index: 99;
}

/* --- COLUMNS: base style --- */
#pb-card-1,
#pb-card-2,
#pb-card-3,
#pb-card-4 {
  position: relative;
  overflow: hidden !important;
  cursor: pointer;
  min-height: 240px;
  transition: transform 0.38s cubic-bezier(0.25,0.46,0.45,0.94),
              box-shadow 0.38s ease,
              filter 0.38s ease;
  will-change: transform, filter;
}

/* --- HOVER: active card expands --- */
/* #pb-card-1:hover,
#pb-card-2:hover,
#pb-card-3:hover,
#pb-card-4:hover {
  transform: scale(1.05);
  box-shadow: 0 24px 60px rgba(0,0,0,0.32);
  filter: brightness(1.08);
  z-index: 10;
 min-height:400px;
  
} */

/* --- IMPORTANT: prevent flex stretch --- */
#pb-cta-section .elementor-container,
#pb-cta-section .elementor-row {
  align-items: center !important;
}

/* --- CARD BASE --- */
#pb-card-1,
#pb-card-2,
#pb-card-3,
#pb-card-4 {
  position: relative;
  overflow: visible !important;
/*   transition: transform 0.38s cubic-bezier(0.25,0.46,0.45,0.94),
              box-shadow 0.38s ease,
              filter 0.38s ease;
  transform-origin: center bottom; */
}

/* --- ONLY HOVERED CARD EXPANDS --- */
#pb-card-1:hover,
#pb-card-2:hover,
#pb-card-3:hover,
#pb-card-4:hover {
/*   transform: scale(1.05) scaleY(1.25); */
  box-shadow: 0 24px 60px rgba(0,0,0,0.32);
  filter: brightness(1.08);
  z-index: 99;
min-height: 400px;
}


/* --- HOVER: sibling cards dim --- */
#pb-cta-section:hover #pb-card-1:not(:hover),
#pb-cta-section:hover #pb-card-2:not(:hover),
#pb-cta-section:hover #pb-card-3:not(:hover),
#pb-cta-section:hover #pb-card-4:not(:hover) {
  transform: scale(0.97);
  filter: brightness(0.82);
}

/* --- ICON: white color + move up on hover --- */
#pb-card-1 .elementor-icon,
#pb-card-2 .elementor-icon,
#pb-card-3 .elementor-icon,
#pb-card-4 .elementor-icon {
  color: #ffffff !important;
  font-size: 62px !important;
  transition: transform 0.38s ease;
/*   display: block; */
  text-align: center;
}
#pb-card-1:hover .elementor-icon,
#pb-card-2:hover .elementor-icon,
#pb-card-3:hover .elementor-icon,
#pb-card-4:hover .elementor-icon {
  transform: translateY(-8px);
}

/* --- DEFAULT BUTTON: dark pill, visible by default --- */

.pb-first-btn {
    text-align: center;
}

.pb-default-btn {
  display: inline-block;
  background: rgba(10,10,10,0.55) !important ;
  color: #ffffff !important;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  padding: 10px 24px;
  border-radius: 2px;
  white-space: nowrap;
  transition: opacity 0.32s ease, transform 0.32s ease;
  pointer-events: none;
  margin-top: 16px;
}

/* --- DEFAULT BUTTON: hide on hover --- */
#pb-card-1:hover .pb-default-btn,
#pb-card-2:hover .pb-default-btn,
#pb-card-3:hover .pb-default-btn,
#pb-card-4:hover .pb-default-btn {
  opacity: 1;
  transform: translateY(-10px);
 background: transparent !important;
}

/* --- HOVER CONTENT: hidden by default --- */
.pb-hover-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 24px 20px 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  opacity: 0;              /* HIDDEN by default */
  transform: translateY(20px); /* slides from below */
  transition: opacity 0.35s ease, transform 0.35s ease;
  pointer-events: none;
/*   background: linear-gradient(to top, rgba(0,0,0,0.3) 0%, transparent 100%); */
}

/* --- HOVER CONTENT: show on hover --- */
#pb-card-1:hover .pb-hover-content,
#pb-card-2:hover .pb-hover-content,
#pb-card-3:hover .pb-hover-content,
#pb-card-4:hover .pb-hover-content {
  opacity: 1;           /* VISIBLE on hover */
  transform: translateY(150px);
  pointer-events: auto;
}

/* --- DESCRIPTION TEXT --- */
.pb-desc {
  color: rgba(255,255,255,0.93) !important;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
  margin: 0;
}

/* --- LEARN MORE BUTTON --- */
.pb-learn-btn {
    display: inline-block;
    /* background: rgba(255,255,255,0.15); */
    /* border: 1.5px solid rgba(255,255,255,0.75); */
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 500;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    padding: 9px 20px;
    border-radius: 2px;
    text-decoration: none !important;
    white-space: nowrap;
    transition: background 0.22s ease;
}

.pb-learn-btn:hover {
/*   background: rgba(255,255,255,0.3); */
}
.metaslider .slides img {
    height: 300px !important;
    object-fit: cover;
}
/* --- TABLET: 2x2 --- */
@media (max-width: 1024px) {
  #pb-cta-section .elementor-row { flex-wrap: wrap !important; }
  #pb-card-1, #pb-card-2,
  #pb-card-3, #pb-card-4 { width: 50% !important; min-height: 280px; }
  #pb-cta-section { margin-top: -50px !important; }
}

/* --- MOBILE: stacked --- */
@media (max-width: 767px) {
  #pb-card-1, #pb-card-2,
  #pb-card-3, #pb-card-4 { width: 100% !important; margin-bottom: 16px; }
  #pb-cta-section { margin-top: 0 !important; }
}