/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


.kindergarten-carousel-wrap {
	border-radius:100px;
}

.carousel-control-prev, .carousel-control-next {
	 top:10%;
 }
 
 #content {
	 padding-bottom: 8em;
 }
 
 .col-lg-12 > h3, h4 {
	 color:rgba(var(--cnvs-themecolor-rgb), var(--bs-text-opacity, 1)) !important
 }
 
 #header {
	 padding: 1rem 0;
 }
 
 .is-expanded-menu .sticky-header #header-wrap {
	 padding:1em 0;
 }
 
 #hero-banner img {
     max-width: 100%!important;
 }
 
 @media screen and (max-width: 800px) {
   #hero-banner {
     height:400px!important;
   }
   .shape-divider svg {
       height:100px!important
   }
   #slider {
      min-height: 50vh !important;
   }
   .slider-caption {
      display:none!important;
   }
   #flower-pic {
      width:240px!important;
      height:389px!important;
   }
   .fluid-width-video-wrapper {
      height:400px;
   }
   .kindergarten-carousel-wrap {
     top:75px!important;
     border-radius:200px!important;
   }
   article.portfolio-item {
     --bs-gutter-y: 2em;
   }
 }
 
 @media screen and (max-width: 576px) {
   .kindergarten-carousel-wrap {
      top: 0px !important;
    }
     .container > * {
      padding-left:2rem;
      padding-right:2rem;
    } 
    article.portfolio-item {
      left:0!important;
    }
 }
 
 h1 {
    font-size: 3.5rem!important;
 }
 h2 {
     font-size: 3rem!important;
  }
  h3 {
      font-size: 2.25rem!important;
   }
   h4 {
       font-size: 1.75rem!important;
    }
    h5 {
        font-size: 1.5rem!important;
     }
     h6 {
         font-size: 1rem!important;
      }