/* 
Theme Name: CEE Admissions
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* GLOBAL */
#site-header {display:none;}


/* TEXT LINKS */
.elementor-heading-title a:hover, .elementor-widget-text-editor a:hover, .elementor-widget-icon-list a:hover {
    text-decoration:underline;
}


/* SECTION WRAPPERS */
.w1 {
    padding-inline-start:2rem;
    padding-inline-end:2rem;
    margin-block-end:1.5rem;
}

.w1.carousel-container {
    padding-inline-start:0;
    padding-inline-end:0;
}

.w1.carousel-container h2 {
    padding-inline-start: 2rem;
    padding-inline-end: 2rem;
}

.w1>.e-con-inner {
    padding-block-start:2rem;
    padding-block-end:2rem;
}

.w1white {
    padding-inline-start:2rem;
    padding-inline-end:2rem;
    margin-block-end:1rem;
}
.w1white>.e-con-inner {
    padding-block-start:1.5rem;
    padding-block-end:1.5rem;
}

.w1b {
    padding-inline-start:0;
    padding-inline-end:3rem;
    margin-block-end:1.5rem;
}
.w1b>.e-con-inner {
    padding-block-start:3rem;
    padding-block-end:3.3rem;
}

.w2 {
    margin-block-end:1.5rem;
}



/* RE-USABLE FONT STYLES */
.h4-26-700 i {
    font-weight:500;
    letter-spacing:0;
    font-size:20px;
}



/* LARGE ACCORDIAN */
/* Use class acc1 */
.acc1 .e-n-accordion-item-title, .acc1 .e-n-accordion-item>.elementor-element>.elementor-element {
    width:100%;
    max-width:1164px;
    margin:0 auto;
    padding-inline-start:2rem;
    padding-inline-end:2rem;

}
.acc1 .elementor-element.elementor-widget-text-editor {
    margin-bottom:22px;
}
@media screen and (max-width: 768px) {
  .acc1.elementor-widget-n-accordion .e-n-accordion-item-title {
    align-items: self-end;
        flex-direction:column;
  }
    .acc1.elementor-widget-n-accordion .e-n-accordion-item-title-header {
        margin-bottom:50px;
    }
}



/* FAQ Section */
.faq .e-n-accordion-item-title-text, .faq .elementor-element {
    color:#004B6C;
}
.faq .e-n-accordion-item {
    margin-bottom:20px !important;
}
.faq .e-con {
    border:3px solid #7fb2c9;
    border-top-width:0px;
}

.faq .e-n-accordion-item[open] .e-n-accordion-item-title {
    border-bottom-width:0px !important;

}


/* CAROUSELS */
.card .elementor-element {
    color:white !important;
}
.card .elementor-element p:last-child {
  margin-bottom: 0;
}
.elementor-swiper-button {
    margin-top:12px
}


/* Carousel 1 Admin Steps */
#c1 .card,
.c1 .card {
    border:9px solid #fff !important;
    padding: 35px 30px 35px 30px;
    width:100%;
    height:600px;
}
#c1 .card.back,
.c1 .card.back {
    padding-top: 50px;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
    #c1 .card,
    .c1 .card {
    height:570px;
    }
}
@media screen and (max-width: 767px) {
    #c1 .card,
    .c1 .card{
    padding: 25px 20px 15px 20px;
    width:100%;
    height:480px;
    }
    #c1 .card.back,
    .c1 .card.back {
        padding-top: 40px;
    }
}

/* Carousel 2 Grade Level */
#c2 .card,
.c2 .card {
    border:9px solid #fff !important;
    padding: 35px 30px 35px 30px;
    width:100%;
    height:350px;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
    #c2 .card,
    .c2 .card{
    }
}
@media screen and (max-width: 767px) {
    #c2 .card,
    .c2 .card{
    padding: 25px 20px 15px 20px;
    width:100%;
    height:350px;
    }
}

/* Carousel 3 Grade Level */
#c3 .card, 
.c3 .card {
    border:9px solid white;
    padding: 35px 30px 35px 30px;
    width:100%;
    height:600px;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
    #c3 .card,
    .c3 .card{
    }
}
@media screen and (max-width: 767px) {
    #c3 .card,
    .c3 .card{
    padding: 25px 20px 15px 20px;
    width:100%;
    height:350px;
    }
}



/* FOOTER */
#footer-logo img {
    padding-right:22%;
}
@media screen and (max-width: 767px) {
  #footer-logo img {
    padding-right:0%;
}
}

.card-container .card.back {
    /*display: none;*/
}


.elementor-editor-active .card-container .card.back {
  display: flex;
}

.card .minus:hover, 
.card .plus:hover {
  cursor: pointer;
}


/* SWIPER SLIDER OVERRIDES */
/* Breakout slider layout - aligns with 1100px inner container but extends full width */

/* Container setup for breakout layout */
.elementor-swiper-container {
  width: 100vw !important;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  overflow: hidden !important;
}

/* Calculate the left offset to align with 1100px centered container */
.swiper-wrapper {
  width: auto !important;
  padding-left: 2rem !important;
}

/* On smaller screens, use standard padding */
@media screen and (max-width: 1100px) {
  .swiper-wrapper {
    padding-left: 2rem !important;
  }
}

/* Force fixed widths for slides */
.swiper-slide {
  max-width: 350px !important;
  min-width: 350px !important;
  width: 350px !important;
  flex-shrink: 0 !important;
  margin-right: 1rem !important;
}

/* Ensure the swiper container respects the fixed slide widths */
.elementor-widget-image-carousel .swiper-slide,
.elementor-widget-media-carousel .swiper-slide,
.elementor-widget-testimonial-carousel .swiper-slide {
  max-width: 350px !important;
  min-width: 350px !important;
  width: 350px !important;
  flex-shrink: 0 !important;
}

/* Additional breakout layout overrides */
.elementor-widget-image-carousel .swiper-container,
.elementor-widget-media-carousel .swiper-container,
.elementor-widget-testimonial-carousel .swiper-container {
  width: 100vw !important;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  overflow: hidden !important;
}

/* Ensure pagination is positioned correctly */
.elementor-swiper-container .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: -30px !important;
  left: calc((95vw - 1100px) / 2) !important;
}

@media screen and (max-width: 1100px) {
  .elementor-swiper-container .swiper-container-horizontal > .swiper-pagination-bullets {
    left: 2rem !important;
  }
}

@media screen and (max-width: 767px) {
  .swiper-slide {
    max-width: 250px !important;
    min-width: 250px !important;
    width: 250px !important;
  }
  
  .elementor-widget-image-carousel .swiper-slide,
  .elementor-widget-media-carousel .swiper-slide,
  .elementor-widget-testimonial-carousel .swiper-slide {
    max-width: 250px !important;
    min-width: 250px !important;
    width: 250px !important;
  }
}