@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

/**********************
FILTER STYLES FOR RESOURCE GUIDE
*********************************/
.resource-filter-controls {
    display: flex;
    gap: 10px;
    margin-bottom: 40px;
    flex-wrap: wrap;
    justify-content: center;

    overflow-x: auto;
        white-space: nowrap;
        padding: 10px 0;
        gap: 10px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none; /* Hides scrollbar on Firefox */
}

.filter-btn {
font-size:1em; font-weight: 500; cursor: pointer; line-height:1; border:2px solid transparent; border-radius: 50px; margin: 0 0 .5em 0; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; appearance: none; display: inline-flex; align-items:center; justify-content: center; outline: none; transition: 0.3s; color:#fff; background: var(--wp--preset--color--primary); 
    cursor: pointer;
    transition: all 0.2s ease-in-out;
        padding-top: calc(0.667em + 2px);
    padding-right: calc(1.333em + 2px);
    padding-bottom: calc(0.667em + 2px);
    padding-left: calc(1.333em + 2px);
}

.filter-btn:hover {
   border-color:transparent; color: #ffffff; background: var(--cardPrimaryBlue); 
	background-position: right center; 
	box-shadow: 0 6px 20px rgba(20, 2, 40, 0.3);
	transform: translateY(-2px); /* Subtle lift effect */
}

.filter-btn.active {
    background: var(--cardPrimaryBlue);
    color: #fff;
    box-shadow: 0 4px 12px rgba(0, 74, 124, 0.2);
    transform: translateY(0);
}


@media(max-width:1023px){
.filter-btn {
margin: 0 0 .5em 0; 
flex: 0 0 auto;
padding: 10px 20px;
}

}

/* Target the parent LI of the hidden resource card */
li:has(.resource-card.is-hidden) {
    display: none !important;
    visibility: hidden;
    height: 0;
    margin: 0;
}
.is-hidden{ visibility: hidden;
    height: 0;
    margin: 0;
display:none!important;}

    .grid-resource .type-resource-guide.is-hidden {
   display: none!important;
}

/* Base state for grid items */
.type-resource-guide {
    opacity: 0;
    /* We use a transition only for opacity here to avoid layout jumps */
    transition: opacity 0.4s ease;
    visibility: hidden;
    margin-top:0!important;
    transform: none !important;
}

/* The 'active' state for visible cards */
.type-resource-guide.show-card {
    opacity: 1;
    transform: translateY(0)!important;
    visibility: visible;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.type-resource-guide:not(.show-card) {
    transform: translateY(20px)!important;
}

/* Force hide filtered items so Masonry ignores them */
.type-resource-guide.is-hidden {
    display: none !important;
}

/* Smooth height transition for the container */
.grid-resource {
   transition: height 0.4s ease-in-out; /* Smooths the container shrinking/growing */
    overflow: hidden;
    display: block !important;
    position: relative;
    width: 100%;
    min-height:400px;
}

/* 1. Nuke Grid/Flex on the container AND WordPress's inner list wrapper */
.grid-resource,
.grid-resource .wp-block-post-template,
.grid-resource > ul {
    display: block !important; 
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.grid-resource, 
.grid-resource *, 
.grid-resource *:after, 
.grid-resource *:before {
    box-sizing: border-box;
}
.grid-resource .type-resource-guide{
    backface-visibility: hidden;
}
.grid-resource ul{margin:0!important;}

/*END FILTER STYLES*****************************/

.svg-holder{position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.svg-holder .clip-path{  overflow: hidden; }

.svg-holder figure.clip-path img{  max-width:100px;}

.svg-holder .image-icon{position: absolute; align-items: center; justify-content: center!important;display: flex; }

.svg-holder img.image-icon, .svg-holder figure.image-icon img{width: 42px; height: auto; object-fit: contain;}

 a.wobble:hover {
  animation: wobble 0.5s ease-in-out infinite alternate;
}

@keyframes wobble {
  0% { transform: rotate(-3deg); }
  100% { transform: rotate(3deg); }
}

/*****PROGRAMS*****************************/
/* Base styling for all rows */
.program-holder.wp-block-columns {
    display: flex !important;
    align-items: center;
    margin-bottom: 4rem;
}



/* The class added by JS to bypass the nth-child bug */
.program-holder.is-reversed {
    flex-direction: row-reverse !important;
}

/* Adjust margins for reversed columns if needed */
.program-holder.is-reversed .wp-block-column:last-child {
    margin-right: 2em;
    margin-left: 0;
}

/* Responsive: stack on mobile */
@media (max-width: 768px) {
    .program-holder.wp-block-columns,
    .program-holder.is-reversed {
        flex-direction: column !important;
    }
    
    /* Reset margins for mobile stacking */
    .program-holder.is-reversed .wp-block-column {
        margin: 0 0 1em 0 !important;
    }

    .page-title.is-horizontal{gap:10px;}
}

@media (min-width:768px){
    .program-holder .wp-block-post-featured-image img{
border-top-right-radius:14px;
border-bottom-right-radius:14px;
border-top-left-radius:0px;
border-bottom-left-radius:0px;
}

.program-holder.is-reversed .wp-block-post-featured-image img{
border-top-left-radius:14px;
border-bottom-left-radius:14px;
border-top-right-radius:0px;
border-bottom-right-radius:0px;
}

}

/***MORPHING CARD GRID*****************************/
:root { 
    --darkBlue: #0d2149;
    --cardPrimaryBlue: #437bbd;
    --cardPrimaryYellow: #fcc049;
    --cardPink:#ef6aa7; 
    --anotherBlue:#124273;
    --lightBlue:#629ed5;
 }

.card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
  padding: 50px;
  /* 2. Centers the grid tracks horizontally */
  justify-content: center;
  
  /* 3. Centers items within their grid cells */
  justify-items: center;
  /* background: #f0f0f0 */;
}


/* Color Themes */
.card--darkBlue { --bg: #0d2149; --bg-hover: #162a4a; --stroke:#fcc049; }
.card--primaryBlue { --bg: #437bbd; --stroke:#0d2149; }
.card--primaryYellow { --bg: #fcc049; --stroke: #437bbd; }
.card--pink { --bg: #ef6aa7; --stroke:#fcc049; }
.card--anotherBlue{--bg:#124273;}
.card--lightBlue{--bg:#629ed5;}

.morph-card {
    background-color: var(--bg); /* Ensure this is set for GSAP to read */  
  max-width: 350px;
  /* background: var(--bg); */
  border-radius: 20px;
  padding: 24px;
  color: white;
  position: relative;
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  cursor: pointer;
  /* Change this if the stroke is getting cut off at the edges */
  overflow: visible;
  min-height:386px;
}

.morph-card:hover {
  transform: translateY(-10px) scale(1.02);
}

.card-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

 @media (max-width: 1024px) {
.card-header {min-height: 75px!important;}
 .card-grid { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));}
 }

.title { margin: 0; font-size: 1.5rem; font-weight:500; }
.description { font-size: 1rem; opacity: 1; margin-top: 8px; max-width: 100%; }

.card-image-container {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  margin-top: 0px;
  /* Allow the stroke to float outside the image bounds */
  overflow: visible; 
}

figure.masked-image img, .masked-image {
  width: 95%;
  height: 95%;
  object-fit: cover;
  transition: transform 0.6s ease;
  margin-top:0;
}

.card-grid .card--darkBlue figure.masked-image img{
clip-path: url(#mask1);
}

.card-grid .card--primaryBlue figure.masked-image img{
clip-path: url(#mask2);
}

.card-grid .card--primaryYellow figure.masked-image img{
clip-path: url(#mask3);
}

.card-grid .card--pink figure.masked-image img{
clip-path: url(#mask4);
}

.morph-path {
  transform-origin: center center;
  /* transform-box: fill-box; ensures the origin stays inside the shape */
  transform-box: fill-box; 
}

.stroke-layer {
  position: absolute;
  top: -10px;
  left: 0;
  width: 90%;
  height: 90%;
  pointer-events: none;
  fill: none; stroke: var(--stroke); stroke-width: 4;
/* Use a slight drop shadow to make the white stroke pop off the blue */
filter: drop-shadow(0 4px 8px rgba(0,0,0,0.1));
z-index: 5;
  overflow: visible!important;
}

.morph-card:hover figure.masked-image {
  transform: scale(1.05);
}

.svg-defs { position: absolute; width: 0; height: 0; }



/******END MORPHING CARD GRID**********************/

/******MORPH BUTTON - HOME PAGE********************/
/*Button style***/
.button-grid {
  display: grid;
   grid-template-columns: 1fr;
  gap: 20px;
}

ul.button-grid li{padding-bottom:0;}

.morph-button {
  display: flex;
  align-items: center;
  padding: 10px 16px 10px 16px;
  background-color: #ecf4f5; /* Light Gray */
  border: none;
  border-radius: 20px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: color 0.3s ease;
  gap: 15px;
  will-change: transform; /* Optimization */
  cursor: pointer;
  overflow: hidden;
  outline: none;
  transition: transform 0.3s ease;
  min-height:100px;
}

/* The Shape (bg-shape) */
.morph-button::before {
  content: "";
  position: absolute;
  top: 100%; /* Starts below the button */
 right: 50%;
  width: 120%; /* Slightly wider than button to ensure coverage */
  aspect-ratio: 1; /* Keeps it a circle if border-radius is applied */
  border-radius: 50%; /* Makes it a circle */
  transform: translate(-50%, 0) scale(0); /* Centered and invisible */
  transition: transform 0.5s ease-out;
  z-index: -1; /* Keeps shape behind the text */
}


.morph-button.card--primaryYellow::before, .term-41 .morph-button::before {
  background-color: var(--cardPrimaryYellow); /* Your shape-bg color */
}
.morph-button.card--primaryBlue::before, .term-40 .morph-button::before {
  background-color: var(--cardPrimaryBlue); /* Your shape-bg color */
}
.morph-button.card--darkBlue::before, .term-38 .morph-button::before {
  background-color: var(--darkBlue); /* Your shape-bg color */
}
.morph-button.card--anotherBlue::before, .term-37 .morph-button::before {
  background-color: var(--anotherBlue); /* Your shape-bg color */
}
.morph-button.card--pink::before, .term-39 .morph-button::before {
  background-color: var(--cardPink); /* Your shape-bg color */
}
.morph-button.card--lightBlue::before {
  background-color: var(--lightBlue); /* Your shape-bg color */
}

.morph-button:hover::before {
  /* Scale it up to fill the box. 
     Scale(3) is usually enough to cover the corners */
  transform: translate(-50%, -100%) scale(3); 
}

.icon-wrapper{
  position: relative;
  display: flex;
  align-items: center;    /* Vertical center */
  justify-content: center; /* Horizontal center */
  flex-shrink: 0;         /* Prevents squishing */
  z-index: 1;
  width: 72px;
}

.shape-bg, figure.shape-bg {
position: absolute;
  top: 50%;
  left: 50%;
  /* width: 140%; */  /* Slightly larger than wrapper to let the blob breathe */
  /* height: 140%; */
  width: 72px;height:77px;
  z-index: 0;
  pointer-events: none;
  transform-origin: center center; /* Force expansion from the middle */
  transform: translate(-50%, -50%); /* The secret to perfect centering */
  z-index: -1;  /* Stays behind the icon */
  pointer-events: none;
  will-change: transform; /* Helps browser performance for GSAP */
}
.button-inner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
  pointer-events: none;
}
.button-content {
  position: relative;
  z-index: 1; /* Content stays on top of the yellow morph */
  display: flex;
  width: 100%;
}

.button-icon, figure.button-icon {
  width: 42px;
  height: 42px;
  object-fit: contain;
  position: relative;
  z-index: 2;
  margin:0;
}

.button-text {
  font-weight: 500;
  text-align: left;
  font-size: 1.75rem;
  transition: color 0.4s ease;
}
.button-subtext {
  font-weight: 500;
  text-align: left;
  font-size: 1rem;
  transition: color 0.4s ease;
}

.button-arrow, figure.button-arrow img {
  margin-left: auto;
  font-size: 1.2rem;
  z-index: 2;
  fill: #124273;
  transition: color 0.4s ease;
}

/* --- Hover Effects --- */

.morph-button:hover .button-text, .morph-button:hover .button-subtext, .morph-button:hover .wp-block-term-count,
.morph-button:hover .button-arrow {
  color: #ffffff;
}


.morph-button:hover .button-arrow, .morph-button:hover figure.button-arrow img, .morph-button:hover figure.button-arrow svg {
  transform: translateX(5px);
  fill:#ffffff;
}

.morph-button:hover {
  transform: translateY(-3px); /* Subtle lift */
}


@media(min-width:768px) {
  .button-grid {grid-template-columns: repeat(2, 1fr);}
  .morph-button {min-height:175px;}
}
@media(min-width:1024px) {

    .icon-wrapper{width: 124px;}

  .shape-bg, figure.shape-bg {width: 144px;height:155px;}

  .svg-holder .clip-path, .svg-holder figure.clip-path img{ max-width: 144px;max-height: 151px;}

  .svg-holder img.image-icon {
    width: 60%;
    height: 60%;
    object-fit: contain;
}

.svg-holder figure.image-icon, .svg-holder figure.image-icon img{
     width: 50%;
    height: 50%;
    object-fit: contain;
}

  .button-icon, figure.button-icon {width: 83px;height: 83px;}
 
}

@media(min-width:1366px) {
.morph-button {
  padding: 10px 25px 10px 25px;
  gap: 30px;
}

}




/******END MORPH BUTTON - HOME PAGE****************/

/* Maintain 3-column grid until 1024px */
/*  @media screen and (min-width: 794px) {
    .wp-block-group.is-layout-grid {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 20px; 
    }
}  */

/* Optional: Handling the transition below 1024px */
@media screen and (min-width: 794px) and (max-width: 1023px) {
   .card-blocks .wp-block-cover {min-height: 250px!important;}
}


.yoast-breadcrumbs{font-size:13px;}
.search-icon.search-trigger{cursor: pointer;}

.contact-box-container{width:100%;z-index:16; top:4.2%; left:0; right:0; margin:0 auto;}
.wp-admin .hide-in-editor {display: none !important;}

.scroll-section {
    overflow: hidden; /* Hide elements outside the view */
    position: relative;
  }
  
  .sm-square-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .img-2{margin-top:2rem;}

  .gform_required_legend{font-size:12px; font-weight: 500;}
  .gform-theme--foundation .gform_fields{row-gap:14px;}
  .gform-body h3.gsection_title{font-size: 1.35rem;}
  .gform-body .gfield--type-section{margin-top:2rem;}
  .home .gform-theme--foundation .gfield textarea.small{max-height:100px;}

/* Hide text for a smooth reveal */
/* .page-title .wp-block-post-title, 
.page-content .wp-block-post-content {
will-change: transform, opacity;
  opacity: 0;
  transform: translateY(20px);
} */

.page-content .wp-block-post-content > *{visibility: hidden;}

/*****changes the color of search terms**************/
  mark {
    background: var(--wp--preset--color--secondary)!important;
    color: #ffffff!important;
    font-weight: 500!important;
}

.phone h4{margin-bottom:0px;}
.address p{font-size:1rem; margin-bottom: 0;}
.address p a{ font-weight:500; text-decoration: none;}
.padding-div {
    background-color:var(--cream);
    border-radius:100% 100% 0% 0;
    flex-direction:column;
    flex:none;
    justify-content:center;
    align-items:center;
    width:140dvw;
    height:150dvh;
    margin-top:6rem;
    padding-bottom:0;
    display:flex;
    position:relative;
    overflow:visible;
    transform:translate(-20dvw)
  }

  .color-change_content-wrapper {
    z-index:3;
    flex-direction:column;
    align-items:flex-start;
    max-height:52dvh;
    display:flex;
    position:relative;
    overflow:hidden
  }

  .color-change_content-wrapper.is-44dvh {
    max-height:44dvh
  }

.hero-overlay{
    background: #2D6CAC;
    background: linear-gradient(90deg,rgba(45, 108, 172, 1) 0%, rgba(45, 108, 172, 1) 14%, rgba(45, 108, 172, 0) 50%, rgba(255, 194, 0, 1) 84%, rgba(255, 194, 0, 1) 100%);
    background-blend-mode: hard-light;
    }

    
.carousel-wrapper {
    z-index: 20;
      justify-content: center;
      align-items: stretch;
      width: 100vw;
      min-height: 650px;
      padding-top: 6rem;
      padding-bottom:6rem;
      display: flex;
      position: relative;
      overflow: hidden;
  
  }
  
  .carousel-inner {
    display: flex;
    height: 100%;
    width: 100vw;
    max-width:100vw;
    /*position: absolute;
    left: 0;
    top: 0; */
    will-change: transform; /* Performance optimization for animation */
  }

  .carousel-inner .gallery-item {
    padding: 0 2.5em 1.500em;
}
  
  
  .carousel-slide img {
      color: #fff;
      width: 33.33%;
      min-width: 33.33vw;
      height: 100%;
      text-decoration: none;
      max-width: 100%;
      display: inline-block;
  }
  
  
  .speaker-image {
      transform: scale(1);
      transition: transform 0.1s ease; /* Add a slight CSS transition as a fallback */
  }
  

  @media (max-width: 1024px) {

    footer #footer-col-4 .hours{gap: .5em 0; border-bottom: 0px!important;}
    .carousel-inner{
        display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    }
    .carousel-inner .gallery-item {
        padding: 0 .985em 1.500em;
        width:50%;
    }
    .carousel-slide img{width: 50%;
        min-width: 50vw;}
  }
  
  /* Optional: Add responsive styling with media queries */
  @media (max-width: 768px) {

    
    .carousel-inner{flex-direction:column;}

    .carousel-inner .gallery-item {
        padding: 0 .985em 1.500em;
        width:100%;
    }
 

    .carousel-slide img{width: 100%;
        min-width: 100vw;}

    .carousel-slide {
      padding: 0 5px;
    }
  }


.gallery{
    margin-right:0;
    margin-left:0;}

.inner-page-hero {
    color: #fff;
    /* min-height: 700px; 
    padding-top: 80px;*/
    padding-bottom: 0;
    position: relative;
    overflow: hidden;
}

.inner-page-hero .dark-overlay {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.5) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    max-height: 625px;
    left: 0;
    z-index: 12;
}


.inner-page-intro {
    grid-column-gap: 16px;
    grid-row-gap: 80px;
    color: #fff!important;
    text-align: center;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}
#inner-page-intro{
    grid-area: 1 / 2 / 2 / 3;
    place-self: center stretch;
}

.hero-intro {
    grid-column-gap: 16px;
    grid-row-gap: 8px;
    text-align: center;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    max-width: 1200px;
    padding-left: 0;
    display: grid;
    color:#fff!important;
}

#hero-intro {
    grid-area: 1 / 1 / 2 / 4;
    place-self: end center;
}



.grid-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: 1fr;
    grid-template-columns: minmax(80px, 1fr) minmax(auto, 1400px) minmax(80px, 1fr);
    grid-auto-columns: 1fr;
    align-items: stretch;
    width: 100%;
    display: grid;
    position: absolute;
    z-index: 12;
    justify-content: center;
    height: 100%;
}

@media screen and (max-width: 767px) {
    .grid-wrapper {
        grid-template-columns: minmax(36px, 1fr) minmax(auto, 1400px) minmax(36px, 1fr);
    }
    .hero-intro {max-width: 800px;}
    .hero-intro h1{font-size:2rem!important;}


}
@media screen and (max-width: 991px) {
    .grid-wrapper {
        grid-template-columns: minmax(65px, 1fr) minmax(auto, 1400px) minmax(65px, 1fr);
    }
    .inner-page-intro {
        justify-items: stretch;
        width: 100%;
    }
}


.subtitle.large {
    font-size: 14px;
}
.hero-intro h1,.hero-intro h5, .hero-intro h1,.hero-intro h4 {color:#fff; margin-bottom:0rem; }
/* .hero-intro h1{font-size:4.4rem;}
.hero-intro h5{text-transform: uppercase;} */


/************SCROLL WRAPPER AMENITIES PHOTOS SCROLL*************************/


  .scroll-wrapper {
    overflow: hidden; /* Prevents default horizontal scroll */
      height: 100vh; /* Or adjust as needed */
      position: relative;
  }
  
  .content-container {
    display: flex;
    width: 400%; /* Example: 4 times the viewport width */
    /* height: 100vh; */
    flex-wrap: nowrap; /* Keep items on one line */
    position: relative; /* Needed for ScrollTrigger */
  }

  .scroll-item {
    width: 100vw; /* Each item takes up the full viewport width */
    /* height: 100vh; */
    /* Add styling for your items */
  }




.scroll-preview-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    /* min-height: 600px; */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
/* .scroll-row-wrapper{
    will-change: transform;
    transform: translate3d(4.26vw, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
    transform-style: preserve-3d;
    transition: cubic-bezier(0,0,0,1);
}
 
.scroll-row-wrapper-reverse{
    will-change: transform;
    transform: translate3d(-4.26vw, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
    transform-style: preserve-3d;
    transition: cubic-bezier(0,0,0,1);

} */

.scroll-row-wrapper, .scroll-row-wrapper-reverse {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 120%;
    max-width: 120%!important;
    /* margin-bottom: 24px; */
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  
  .preview-wrapper-scroll {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    /* width: 24%; */
    flex-shrink: 0;
    width: clamp(300px, 50vw, 550px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0px;
    /* box-shadow: 0 5px 20px 0 rgba(0,0,0,.08); */
    color: #1e212b;
    min-height:initial;
  }

  @media screen and (min-width: 1920px) {
    .preview-wrapper-scroll {
      max-height: 400px;
      width: clamp(400px, 60vw, 550px);
      min-height:350px!important;
    }
  }

  @media screen and (max-width: 1024px) {
    .preview-wrapper-scroll {
      max-height: 300px;
      width: clamp(200px, 40vw, 250px);
      min-height:250px!important;
    }
  }

  @media screen and (min-width: 1024px){
#hero .responsive-embed.widescreen {
    padding-bottom: 46.85%!important;
    margin-bottom: 0px!important;
}
  }

  .full-width-text-container {
    width: 100vw;
    height: auto; /* Or adjust as needed */
    overflow: hidden;
    position: absolute;
    bottom:-75px;
    left:0;
  }
  
.text-group{position: relative;}

  .scrolling-p-text {
    width: 200%; /* Adjust based on text length */
    white-space: nowrap; /* Prevents text from wrapping */
    font-size: 10vw; /* Example for responsive text size */
    color:#f1f1f1;
    font-weight: 100;
    opacity: .2;

  }

  .right-group{position: relative;}

/*******GRAVITY FORMS  STORE****************************/
.gform_wrapper.gravity-theme .gf_progressbar {
    margin-bottom: 4rem!important;
}

@media screen and (max-width: 640px){
    .gform-body .product-container, .gform-body .gfield_description{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        } 
}


.gform-body .gfield_description img{margin-bottom:1rem;}

.gform_wrapper.gravity-theme .gfield_label {
    font-weight: 600;
    margin-bottom: 10px;
}

.gform_wrapper.gravity-theme .gfield.gfield--width-third {
    padding: 1rem;
}

.gfield--type-product{padding-bottom:4rem!important;}

/*******PARALLAX****************************/

.parallaxParent {
    /*  height: 100vh;*/
      overflow: hidden;
  }
  .parallaxParent > * {
      height: 200%;
      position: relative;
      top: -100%;
  }
  
  #parallax1 > div, #parallax2 > div, #parallax3 > div {
      -webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;-webkit-perspective: 1000;
  }
  
  .grecaptcha-badge{z-index: 999;}
      .home .content{
          -webkit-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;    
          background-color: #fff;
      }
     
      .content{
           -webkit-transition: all 0.3s ease-in-out;
           -o-transition: all 0.3s ease-in-out;
           transition: all 0.3s ease-in-out;    
           background-color: #fff;
          z-index: 1;
          background: #fff;
          position: relative;
          overflow: hidden;
          width: 100%;
          min-height: 100vh;
          z-index: 10;
        
        }

        #News ul.columns-3{margin: 0 0 1.000em 0; padding-right: var(--wp--preset--spacing--40) !important;
            padding-left: var(--wp--preset--spacing--40) !important;}

            #News time span.month{
                font-weight: 500;
                color: #000;
                font-size: var(--wp--preset--font-size--h-4);
            }    
        
        /* .inner-content{padding-bottom:var(--wp--preset--spacing--60);} */
        @media screen and (max-width: 50em){
            .content{padding:0 0!important;}   
        }
          @media only screen and (min-width: 1440px){
          .content{}
          .home .content{}
          }   
          @media screen and (min-width: 2000px) {
          .content {}
          }
  
          @media screen and (max-width: 1199px){
          .content{}
          .home .content{margin:0;}
          }
          @media screen and (max-width: 50em){
            .content{
                text-align: initial!important;
            }
          }
    
          @media screen and (max-width: 600px){
              .content{}
              }
           
          .sectionImage{position: relative; overflow: hidden; display:flex; justify-content: center; align-items: center;}
          .img_contain{ position:relative;}
          .backImage{position:absolute; display: block; z-index: 2; top:0;left:0; max-width: 1024px; object-fit: cover;
            visibility: hidden;
         opacity: 0;
            will-change: transform, opacity; /* Force GPU layer */
            will-change: transform;
           /*  transform: translateZ(0); /* Forces a new compositor layer */
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            transform-style: preserve-3d;}
  
    .frontImage{
      position: relative;
      display:block;
      z-index: 3;
    }

    .absolute-text{position:absolute; display: block; z-index: 1; top:0;left:0; }

 
 
    figure{position: relative;}

    .sectionImage .img_contain{overflow: initial;}
    .sectionImage figure:hover .img_contain img {
        transform: scale(1);
    }
    .img_contain{overflow: hidden; border-radius: 0px;}
    
    figure .img_contain img {
        display: block;
        transition: transform .8s ease;
    }
    figure:hover .img_contain img {
        transform: scale(1.1);
    }

    #News figure a{overflow: hidden; border-radius: 8px;}

    #News .img_contain figure img{
        display: block;
        transition: transform .8s ease;
    }

    #News .img_contain figure:hover img {
        transform: scale(1.1);
    }

/*PARALLAX Zoom Image****************************************/
    figure{position: relative;}

    .img_contain .simpleParallax{overflow: hidden; border-radius: 8px;}
    
    figure .img_contain .simpleParallax img {
        display: block;
        transition: transform 1s ease;
    }
    figure:hover .img_contain .simpleParallax img {
        transform: scale(1.3)!important;
    }
/*TEAM CARDS****************************************************/

/* Container settings */
.image-container {
    position: relative;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    overflow: hidden;
  }
  
  /* Image behavior */
  .image-container img {
    display: block;
    width: 100%;
    height: auto;
  }
  
  /* 1. Colored Box Shadow on Hover */
  .image-container:hover {
    box-shadow: 15px 15px 0px rgba(67, 123, 189, 1); /* Offset colored shadow */
  transform: translate(-5px, -5px); /* Slight lift effect */
  }
  
  /* Overlay setup */
  .wp-block-cover__background.has-background-dim {
    position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4); /* Darkens image slightly on hover */
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: inherit;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  }
  
  .image-container .has-secondary-background-color{
opacity: 0;
  }
  /* 2. Arrow sliding effect */
  .arrow {
    color: white;
  font-size: 2rem;
  transform: translateX(-20px); /* Starts slightly to the left */
  transition: transform 0.4s ease;
  }
  
  /* Hover States */
  .image-container:hover .wp-block-cover__background.has-background-dim {
    background-color: var(--wp--preset--color--primary);
    opacity: .2;
  }
  
  .image-container:hover .arrow {
    transform: translateX(0); /* Slides to center/right position */
  }

  @media only screen and (max-width: 768px){
      /* Overlay setup */
  .wp-block-cover, .wp-block-cover-image {border-radius: 0px!important;}
  .program figure.image-container{height:275px!important;}
  }


.card{padding: 0 0; border:0px solid; align-items: center; text-align: center; margin-bottom: 1.875rem; overflow: unset;}
.card figure .img_contain{width: 100%;height: 100%;overflow: hidden;object-fit: cover;object-position: center center; border-radius: 8px;}

.card figure .img_contain img {display: block;transition: transform .8s ease; }
.card figure:hover .img_contain img {transform: scale(1); }
.card figure:hover .img_contain.image-container img {transform: scale(1.1); }
.card figure a .img_contain img{}
.card .card-section .team-title{ font-weight:600; line-height: 1; font-size: 1.5rem; text-transform: none; }
.card .card-section .team-title a{text-decoration: none;}
.card .card-section .team-job-title{min-height:40px;}
/* .card .card-section .team-job-title p{min-height:40px;} */
.card .card-section .team-job-title h6{color: #fff !important; text-transform: none;}
.card .card-section .team-email a{color:#066bdc; text-decoration: underline;}

.single-team .masthead img {z-index: 2; position: relative; margin-top:35%; border-radius:14px;}

/*.box-shadow {
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.6);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  
  .box-shadow:hover {
    -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }*/


@media only screen and (max-width: 1023px){
    .single-team .masthead img {position: relative; top: 20%; border-radius:14px;}
    .single-team .masthead img {margin-top:20px;}
    /* .sectionImage {padding: 0rem 0rem 2rem 0rem;} */
    .sectionContent{padding-bottom: 1rem;}
    .wp-block-cover.rounded{max-height:400px;min-height:400px!important;}
    .wp-block-group:not(.scroll-row-wrapper):not(.scroll-row-wrapper-reverse) .wp-block-cover:not(.image-container){min-height:400px!important;}
    
    .program.type-program .wp-block-post-featured-image{max-height:600px;}

    }  

  @media only screen and (min-width: 1199px){.single-team .masthead img {max-width: 375px;}}  
  @media only screen and (max-width: 800px){
    .card figure .img_contain{ margin-left:auto;margin-right: auto;}
    /*.wp-block-cover{min-height:400px!important;}*/
    .wp-block-cover.rounded{max-height:400px;min-height:250px!important;}
    .wp-block-group:not(.pctr-groups, .card-blocks) .wp-block-cover{min-height:350px!important;}
        .program.type-program .wp-block-post-featured-image{max-height:350px;}
    .scroll-preview-wrapper .wp-block-group .wp-block-cover{min-height:150px!important;}
    #Blocks .wp-block-group .wp-block-cover{min-height:250px!important;}
  }

p#breadcrumbs span{text-align: right;font-size: .895rem;}
p#breadcrumbs, p.useful-links{margin-bottom:0;font-size: .895rem;}

#useful-links{scroll-margin:400px 0 0 0;}

@media only screen and (min-width: 1024px){
    p.useful-links{text-align: left;}
    p#breadcrumbs{text-align: right;}   
}

/*=============================================================
STEP CARDS - LEAD U
===============================================================*/
.steps-card{min-height:424px;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;  display: flex;flex-direction: column; margin-top:0; align-items: start;justify-content: start;}

.steps-card p, .steps-card h3, .steps-card .wp-block-button.is-style-outline .wp-block-button__link{-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}

.steps-card:hover .xxl-number{transform: scale(1.5);}
.steps-card:hover h3:not(.steps-card.has-yellow-background-color:hover h3), .steps-card:hover p:not(.steps-card.has-yellow-background-color:hover p){transform: scale(1.1); margin-block-start: 1rem;}

.steps-card.has-yellow-background-color:hover h3, .steps-card.has-yellow-background-color:hover p{transform: scale(1.1);}

.steps-card:hover .wp-block-button.is-style-outline .wp-block-button__link{transform: scale(1.1);}

.xxl-number{font-size: 15rem !important;font-weight: 700;line-height: .70; -webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; margin-bottom: .175em;}
.xxl-number:hover{}

@media only screen and (max-width: 800px){
    .steps-card{min-height:324px!important; align-items: center;justify-content: center; }
}

/***ROLL OVER FOR HOME PAGE BLOCKS WITH DESCRIPTIONS UNDERNEATH*****/
/* Shine */
.hover14 .wp-block-cover {
	position: relative;
}
.hover14 .wp-block-cover::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover14 .wp-block-cover:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

#Blocks.hover14 .wp-block-group .p-wrapper {
    overflow: hidden;
    margin-top: .5rem;
    padding: 0rem 1rem;
}

#grid-photogallery.hover14 .wp-block-group .p-wrapper {
    overflow: hidden;
    margin-top: 1rem;
    padding: 0rem 1rem;
}

.hover14 .wp-block-group .p-wrapper a{text-decoration: none!important; font-weight: inherit!important;}

.hover14 .wp-block-group .has-h-4-font-size, .hover14 .wp-block-group .has-h-3-font-size{
    position: relative;
    transition: all .2s ease-in-out;
    display: block;
    font-weight: 300;

}

.hover14 .wp-block-group a .has-h-4-font-size, .hover14 .wp-block-group a .has-h-3-font-size {
 text-decoration: none;   
}



.hover14 .wp-block-group .has-h-4-font-size::after, .hover14 .wp-block-group .has-h-3-font-size::after{
    content: attr(data-title);
    position: absolute;
    right: 0;
    left: 0;
    z-index: 0;
    opacity: 0; 
    display: block;
    transition: all .2s ease-in-out;
    color: var(--wp--preset--color--yellow);
    font-weight: 300;
}
 
.hover14 .wp-block-group:hover .has-h-4-font-size, .hover14 .wp-block-group:hover .has-h-3-font-size {
    transform: translateY(-100%);
    color: var(--wp--preset--color--yellow);
    font-weight: 300;
}

.hover14 .wp-block-group:hover .has-h-4-font-size::after, .hover14 .wp-block-group:hover .has-h-3-font-size::after {
    transition: .2s ease-in-out;
    opacity: 1;
}




.wp-block-post .wp-block-column {
    overflow: hidden;
    margin-top: .5rem;
    /*padding: 0rem 1rem;*/
}

.wp-block-post .wp-block-column .has-h-4-font-size, .wp-block-post .wp-block-column .has-h-3-font-size{
    position: relative;
    transition: all .2s ease-in-out;
    display: block;
    font-weight: 500;
}



.wp-block-post .wp-block-column .has-h-4-font-size a::after, .wp-block-post .wp-block-column .has-h-3-font-size a::after{
    content: attr(data-title);
    position: absolute;
    right: 0;
    left: 0;
    z-index: 0;
    opacity: 0; 
    display: block;
    transition: all .2s ease-in-out;
    color: var(--wp--preset--color--primary);
    font-weight: 500;
}
 
.wp-block-post .wp-block-column:hover .has-h-4-font-size a, .wp-block-post .wp-block-column:hover .has-h-3-font-size a {
    transform: translateY(-100%);
    color: var(--wp--preset--color--primary);
    font-weight: 500;
}

.wp-block-post .wp-block-column:hover .has-h-4-font-size::after, .wp-block-post .wp-block-column:hover .has-h-3-font-size::after {
    transition: .2s ease-in-out;
    opacity: 1;
}



.gtranslate_wrapper{z-index: 999999999;}
/*=============================================================
HOME PAGE HOVER CARDS
===============================================================*/
.card-blocks {position: relative; padding-left:2rem; padding-right:2rem;}
.card-blocks .wp-block-column{overflow: hidden;border-radius: 8px;}
.card-blocks .wp-block-column .wp-block-cover {border-radius: 8px;}
.card-blocks .wp-block-column .wp-block-cover {display: block;transition: transform .8s ease; }
.card-blocks .wp-block-column .wp-block-cover:hover img {transform: scale(1.1)!important; }
.card-blocks .wp-block-cover .wp-block-cover__inner-container, .card-blocks .wp-block-cover-image .wp-block-cover__inner-container{    
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    padding: 1.25em 1em;
    width: 100%;
    height: initial;
    min-height: 100%;
    transition: opacity .3s ease;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    color:#fff;
}


.card-blocks .wp-block-cover .wp-block-cover__inner-container h5, .card-blocks .wp-block-cover-image .wp-block-cover__inner-container h5{font-size:1.80rem;}
.card-blocks .wp-block-cover:hover .wp-block-cover__inner-container{
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    bottom:-5px;}
.card-blocks .wp-block-cover .wp-block-cover__inner-container h5, .card-blocks .wp-block-cover-image .wp-block-cover__inner-container h5, .card-blocks .wp-block-cover .wp-block-cover__inner-container h4, .card-blocks .wp-block-cover-image .wp-block-cover__inner-container h4, .card-blocks .wp-block-cover .wp-block-cover__inner-container h3, .card-blocks .wp-block-cover-image .wp-block-cover__inner-container h3, .card-blocks .wp-block-cover .wp-block-cover__inner-container h2, .card-blocks .wp-block-cover-image .wp-block-cover__inner-container h2 {margin-bottom:0!important;}
.wp-block-cover.yellow-hover::after{
    content: ''; 
    position: absolute;
    z-index: 1;
    bottom: -375px;
    left: 0;
    padding: .5em;
    width: 100%;
    height: 500px;
    background-image: url('../images/yellow-hover.svg');
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    color:#fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.wp-block-group .cell .card .card-image figure .img_contain .shape-hover{
    opacity: 0;
    width: 100%;
    height: 500px;
    content: '';
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    color:#fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 1;
    bottom: -65px;
    left: 0;
    position: absolute;
}
.wp-block-group .cell:nth-child(4n+1) .card .card-image figure .img_contain .shape-hover{
    background-image: url('../images/yellow-hover.svg');
}
.wp-block-group .cell:nth-child(4n+2) .card .card-image figure .img_contain .shape-hover{
    background-image: url('../images/light-blue-hover2.svg');
    bottom: -50px;
}
.wp-block-group .cell:nth-child(4n+3) .card .card-image figure .img_contain .shape-hover{
    background-image: url('../images/aqua-hover.svg');
}

.wp-block-group .cell:nth-child(4n+4) .card .card-image figure .img_contain .shape-hover{
    background-image: url('../images/purple-hover.svg');
}


@media only screen and (max-width:639px){
    .wp-block-group .cell .card .card-image figure .img_contain .shape-hover{
       display:none;
    }
} 

.wp-block-group .cell .card .card-image figure .img_contain .shape-hover:hover{
    opacity: 1;
}




 .wp-block-cover.yellow-hover:hover::after,  .card figure .img_contain.shape-hover:hover::after{   
    bottom: -30px; 
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 1;
}
.wp-block-cover.yellow-hover:hover h5{   
     -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
.wp-block-cover.yellow-hover:hover h5 a, .wp-block-cover.aqua-hover:hover h5 a, .wp-block-cover.light-blue-hover:hover h5 a, .wp-block-cover.dark-blue-hover:hover h5 a, .wp-block-cover.purple-hover:hover h5 a, .wp-block-cover.orange-hover:hover h5 a, .wp-block-cover.yellow-heart-hover:hover h5 a{  
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700; }

.wp-block-cover.aqua-hover::after{
    content: ''; 
    position: absolute;
    z-index: 1;
    bottom: -375px;
    left: 0;
    padding: .5em;
    width: 100%;
    height: 500px;
    background-image: url('../images/aqua-hover.svg');
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    color:#fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
 .wp-block-cover.aqua-hover:hover::after{   
    bottom: -50px; 
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.wp-block-cover.light-blue-hover::after{
    content: ''; 
    position: absolute;
    z-index: 1;
    bottom: -375px;
    left: 0;
    padding: .5em;
    width: 100%;
    height: 500px;
    background-image: url('../images/light-blue-hover.svg');
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    color:#fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
 .wp-block-cover.light-blue-hover:hover::after{   
    bottom: -50px; 
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.wp-block-cover.dark-blue-hover::after{
    content: ''; 
    position: absolute;
    z-index: 1;
    bottom: -375px;
    left: 0;
    padding: .5em;
    width: 100%;
    height: 500px;
    background-image: url('../images/dark-blue-hover.svg');
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    color:#fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
 .wp-block-cover.dark-blue-hover:hover::after{   
    bottom: -45px; 
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.card-blocks .wp-block-cover.yellow-heart-hover .wp-block-cover__inner-container{    
    position: absolute;
    z-index: 2;
    top: 10px;
    left: 0;
    padding: 1.25em 1em;
    width: 100%;
    height: initial;
    min-height: 125px;
    transition: opacity .3s ease;
    overflow: hidden;
    display: inline-block;
    align-items: center;
    justify-content: center;
    color:#fff;
}
.wp-block-cover.yellow-heart-hover::after{
    content: ''; 
    position: absolute;
    z-index: 1;
    bottom: -30px;
    left: 0;
    padding: .5em;
    width: 100%;
    height: 600px;
    background-image: url('../images/yellow-heart-hover.svg');
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    color:#fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
 .wp-block-cover.yellow-heart-hover:hover::after{   
    bottom: -100px; 
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    transform: scale(2.1);
}


.wp-block-cover.purple-hover::after{
    content: ''; 
    position: absolute;
    z-index: 1;
    bottom: -375px;
    left: 0;
    padding: .5em;
    width: 100%;
    height: 500px;
    background-image: url('../images/purple-hover.svg');
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    color:#fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
 .wp-block-cover.purple-hover:hover::after{   
    bottom: -30px; 
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.wp-block-cover.orange-hover::after{
    content: ''; 
    position: absolute;
    z-index: 1;
    bottom: -375px;
    left: 0;
    padding: .5em;
    width: 100%;
    height: 500px;
    background-image: url('../images/orange-hover.svg');
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    color:#fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
 .wp-block-cover.orange-hover:hover::after{   
    bottom: -50px; 
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}


.card-blocks .wp-block-cover .wp-block-cover__inner-container a{color:#fff; text-decoration: none;}

    @media (max-width: 1023px){
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: 100% !important;
    flex-wrap:wrap!important;
}

.wp-block-group > .wp-block-columns {
    flex-wrap:wrap!important;
}

.card-blocks .wp-block-columns {
    flex-wrap: wrap !important;
}
}

@media only screen and (max-width:800px){

    .wp-block-cover.yellow-hover:hover::after, .wp-block-cover.purple-hover:hover::after, .wp-block-cover.orange-hover:hover::after, .wp-block-cover.light-blue-hover:hover::after, .wp-block-cover.dark-blue-hover:hover::after, .wp-block-cover.aqua-hover:hover::after, .wp-block-cover.yellow-heart-hover:hover::after{   
        bottom: -380px!important; 
    }

}

.mission-values .wp-block-media-text img, #core-values .wp-block-media-text img{max-width:75px;}
@media (max-width: 1023px){#our-vision .wp-block-media-text img{max-width:75px;} .lifelines-img img{max-width:175px;}}
/*.wp-block-media-text>.wp-block-media-text__content p{margin-bottom:0px;}*/

/*=============================================================
HOME PAGE GROUPS
===============================================================*/
.pctr-groups{position: relative; padding-left:2rem; padding-right:2rem;}
.pctr-groups .wp-block-column .wp-block-cover{
    padding: 1rem;
    position: relative;
    opacity: 1;
    border-radius: 8px;
    border: 4px solid #003A70; 
    padding: 4px; border-radius: 8px; min-height: 200px;
    -webkit-transition: min-height .8s;
  -moz-transition: min-height .8s;
  -ms-transition: min-height .8s;
  -o-transition: min-height .8s;
  transition: min-height .8s;}

.pctr-groups .wp-block-column .wp-block-cover {opacity: 1; background: #fff; padding:2rem;border-radius: 8px; color:#000; }
.pctr-groups .wp-block-column .wp-block-cover:hover {min-height:400px!important; border: 0px; transition: 0.8s ease;}

.pctr-groups .wp-block-column .wp-block-cover .wp-block-cover__background.has-background-dim-0.has-background-dim{opacity: 1; background-color:#fff;}
.pctr-groups .wp-block-column .wp-block-cover:hover .wp-block-cover__background.has-background-dim-0.has-background-dim{opacity: .2; transition: 0.8s ease; background-color:#000!important;}

.pctr-groups .wp-block-column .wp-block-cover .wp-block-cover__inner-container .wp-block-heading{font-size: 42px !important; color:#000; text-transform: uppercase;}
.pctr-groups .wp-block-column .wp-block-cover .wp-block-cover__inner-container .wp-block-heading a{color:#000; text-decoration: none;}
.pctr-groups .wp-block-column .wp-block-cover:hover .wp-block-cover__inner-container .wp-block-heading{color:#fff; font-size:4rem!important; transition: .3s ease;}
.pctr-groups .wp-block-column .wp-block-cover:hover .wp-block-cover__inner-container .wp-block-heading a{color:#fff; text-decoration: none;}
/*=============================================================
FAQ SECTION
===============================================================*/
details summary{ display: flex;justify-content: space-between;align-items: center; padding: 1.5em 0; border-bottom:1px solid #101010; line-height:1.6; font-weight: 500;}
details[open] summary{border-bottom:0px;}
/*details summary::before{padding-right:2rem;}*/
details[open] > summary::marker, details > summary::marker{display:inline-block; content: '';}
details summary::-webkit-details-marker {
    display:none;
  }
details > summary::after{display:inline-block; content: ''; background-image:url('../images/down-carrot.svg'); background-repeat: no-repeat; width: 42px; height: 42px; position:relative; min-width: 42px; margin-left:20px;}
details[open] > summary::after{display:inline-block; content: ''; background-image:url('../images/up-carrot.svg'); background-repeat: no-repeat; width: 42px; height: 42px; position:relative;}

@media only screen and (max-width:800px){
    details ul{margin:0 0 1.000em 0em;}

}


.align-middle .text-container, .text-container {
    padding: 3rem 2rem!important;
}
@media only screen and (min-width: 1025px){
    .align-middle .text-container, .text-container {
        padding: 0rem 6rem!important;
    }
    }

section{position:relative; min-height:200px; padding-top:20px;/*padding-bottom:100px;*/}

.shape-divider-top{
     position: absolute;
     top: -100px;
     left: 0;
     width: 100%;
     overflow: hidden;
     line-height: 0;
 }
 .shape-divider-top svg {
     position: relative;
     display: block;
     width: calc(150% + 2px);
     height: 80px;
 }
 @media screen and (min-width: 40em) {
     .shape-divider-top svg {
         position: relative;
         display: block;
         width: calc(135% + 1.3px);
         height: 100px;
     }
    }
 @media screen and (min-width: 65em) {

    .shape-divider-top{
        position: absolute;
        top: -150px;
        left: 0;
        width: 100%;
        overflow: hidden;
        line-height: 0;
        z-index: -1;
    }

 .shape-divider-top svg {
     position: relative;
     display: block;
     width: calc(135% + 1.3px);
     height: 188px;
 }


 .OPC-carousel.block .background-image {
     background-size: cover;
     background-repeat: no-repeat;
     width: 100%;
     min-height: 75vh;
     background-position: center center;
     display: flex;
     max-height: 680px;
 }

}

@media screen and (max-width: 639px) {
    .shape-divider-top{top:-80px;}

    }
 
 .shape-divider-top .shape-fill {
     fill: #FFFFFF;
 }

 .shape-divider-bottom {
     position: absolute;
     bottom: -110px;
     left: 0;
     width: 100%;
     overflow: hidden;
     line-height: 0;
     transform: rotate(180deg);
     z-index: 1;
 }
 .shape-divider-bottom svg {
     position: relative;
     display: block;
     width: calc(150% + 2px);
     height: 80px;
 }
 @media screen and (min-width: 40em) {
     .shape-divider-bottom svg {
         position: relative;
         display: block;
         width: calc(135% + 1.3px);
         height: 100px;
     }



    }
 @media screen and (min-width: 65em) {
 .shape-divider-bottom svg {
     position: relative;
     display: block;
     width: calc(135% + 1.3px);
     height: 188px;
 }
}

@media only screen and (max-width: 1023px){.shape-divider-bottom {bottom: -80px;}}  

 
 .shape-divider-bottom .shape-fill {
     fill: #FFFFFF;
 }

/********************************************************
SLICK SLIDER ARROWS
********************************************************/
.hover-link-wrapper{
    z-index: 14;
    opacity: 1;
    justify-content: center;
    align-items: center;
    width: 148px;
    height: 148px;
    padding: 24px;
    display: flex;
    position: absolute;
    bottom: 6%;
    left: auto;
    right: 2%;
}
.scrollnext {

}

.scrollnext .arrow {
  
}
.scrollnext {
    display:flex;
    margin: 0px auto 0px auto;
    background-color: rgba(255, 255, 255, 0);
    padding: 0.5rem 0.5rem;
    border-radius: 100%;
    border: 1px solid #ffffff;
    width: 80px;
    height: 80px;
    justify-content: center;
    align-items: center;
    display: flex;
    /* inset: auto auto 5vw 5vw; */
    transition: background-color 0.3s, color 0.3s; /* Optional for smoother instant changes */
}

.scrollnext .arrow path {
    stroke: #ffffff;
    transition: stroke 0.3s;
  }

@media only screen and (max-width: 1023px){
    .scrollnext {
        left: initial;
        right: 2%;
    }
    
}

@media only screen and (max-width: 800px){
    .scrollnext {
        display:none;
    }
    
}

.scrollnext .arrow {
    display: flex;
    width: 24px;
    height: 24px;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    
    /* -webkit-animation: scrolly 3s cubic-bezier(0.77, 0, 0.175, 1) forwards infinite;
    animation: scrolly 3s cubic-bezier(0.77, 0, 0.175, 1) forwards infinite;
    perspective: 9000px;
    transform: translateZ(0);
    transform-origin: bottom; */
}

@-webkit-keyframes scrolly {
    0% {
      transform: translate3d(0, -150%, 0) rotateX(90deg) scale(0.5) skewX(3deg);
    }
    30% {
      transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);
    }
    70% {
      transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);
    }
    95% {
      transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg);
    }
    100% {
      transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg);
    }
  }
  @keyframes scrolly {
    0% {
      transform: translate3d(0, -150%, 0) rotateX(90deg) scale(0.5) skewX(3deg);
    }
    30% {
      transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);
    }
    70% {
      transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);
    }
    95% {
      transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg);
    }
    100% {
      transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg);
    }
  }

.row-slider.slick-slider {
    /* max-height: 310px; */ /* Set a fixed height */
    min-height: 100px;
}


.infinite-scroll-container {
    width: 100%;
    height: 100vh; /* Or any desired height */
    overflow: hidden;
    display: flex; /* Aligns image-wrappers side-by-side */
    position: relative;
  }
  


.marquee {
    overflow: hidden;
    width: 100%;
    position: relative;
    margin-block-start:0!important;
    min-height: 80vh;
    display: flex; /* Aligns image-wrappers side-by-side */
    background-color: #0d456b;
    
  }

  .marquee .marquee__content{
    position: absolute;
    left:0;
    right:0;
    overflow: clip;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    margin: 0px auto;
    margin-block-start:0!important;
    top: 0;
    min-height: auto;
    bottom: 0;
}

.marquee .marquee__content .wp-block-columns{padding-bottom:0px;}
  
  .marquee__inner {
    display: inline-flex;
    position: relative;
    width: 100%;
    white-space: nowrap;
    margin: 0px 0;
    

  }



  .marquee__inner::before{
    content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
    mix-blend-mode: hard-light;
    background: #2D6CAC;
    background: linear-gradient(90deg,rgba(45, 108, 172, 1) 0%, rgba(45, 108, 172, 1) 14%, rgba(45, 108, 172, 0) 50%, rgba(255, 194, 0, 1) 84%, rgba(255, 194, 0, 1) 100%);
    height:100%;
    z-index: 2;
  }

  
.marquee__item {
    flex-shrink: 0; /* Prevents stretching */
    position: relative;
    display: flex!important;
    width: 100vw;
    align-items: center;
    margin: 0!important;
    max-width: 100%;
    min-height:auto;
    padding:0!important;
    overflow: hidden!important;
  }

  

  .marquee__item img{min-height:80vh; overflow: hidden;  object-fit: cover; width: 100%;} 
  

  @media (max-width:1023px){
.marquee__item img{min-height:50vh;} 
.marquee {min-height: 50vh;}

  }


.home .carousel.block .background-image {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    min-height:    calc(100vh - 140px);
    min-height: -webkit-calc(100vh - 140px);
    min-height: -moz-calc(100vh - 140px);
    background-position: top center;
    display: flex;
    max-height: 1080px;
    overflow: hidden;
    -webkit-mask-position: inherit;
    mask-position: inherit;
    -webkit-mask-image:none;    
    mask-image:none;    
    -webkit-mask-size:0;
    mask-size: 0;
    -webkit-mask-repeat:no-repeat;  
    mask-repeat: no-repeat;  
}

.home .carousel.block .background-image.dark::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.25);
}

.home .carousel.block .background-image.gradient::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
    mix-blend-mode: hard-light;
    background: #2D6CAC;
    background: linear-gradient(90deg,rgba(45, 108, 172, 1) 0%, rgba(45, 108, 172, 1) 14%, rgba(45, 108, 172, 0) 50%, rgba(255, 194, 0, 1) 84%, rgba(255, 194, 0, 1) 100%);
}
.home .carousel.block .background-image.light::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(255,255,255,.25);
}


.home .carousel.block .background-image.none::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: inherit;
} 

.about .carousel.block .background-image {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 600px;
    background-position: center center;
    display: flex;
    max-height: 600px;
    overflow: hidden;
    -webkit-mask-position: inherit;
    mask-position: inherit;
    -webkit-mask-image:none;    
    mask-image:none;    
    -webkit-mask-size:0;
    mask-size: 0;
    -webkit-mask-repeat:no-repeat;  
    mask-repeat: no-repeat;   
}

.carousel.block .background-image {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 600px;
    background-position: center center;
    display: flex;
    max-height: 600px;
    overflow: hidden;
    /*-webkit-mask-position: 0 0;
    mask-position: 0 0;
    -webkit-mask-image: url("/wp-content/uploads/2024/07/masked-image2.png");    
    mask-image: url("/wp-content/uploads/2024/07/masked-image2.png");    
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;  
    mask-repeat: no-repeat;  */
}

.carousel.block .background-image.dark::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.8);
}
.carousel.block .background-image.light::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(255,255,255,.25);
}


.carousel.block .background-image.none::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: inherit;
} 


.hero-slider .caption-container {
    position: absolute;
    bottom: 0;
    display: flex;
    transition: width 1s ease-in-out;
    width:100%;
    left: 0;
    z-index: 11;
}

.hero-slider .caption-container.center{justify-content: center;}
.hero-slider .caption-container.left{ justify-content: start;}
.hero-slider .caption-container.right{justify-content: end;}

.hero-slider .dark.responsive-embed.widescreen::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000000;
    background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.5) 100%);
z-index: 1;}

.hero-slider .caption-container .caption-background, .hero-slider .caption-container .caption-background.none{
    position: absolute;
    bottom: 0px;
    background: transparent;
    width: 100%;
    min-height: 500px;
}
.hero-slider .caption-container .caption-background.dark {
    background: rgb(0, 32, 64);
    background: linear-gradient(0deg, rgba(0, 32, 64, 1) 0%, rgba(0, 32, 64, .5) 40%, rgba(0, 32, 64, 0) 75%);
}

.hero-slider .caption-container .caption-background.light{
    background: rgb(0, 32, 64);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .5) 40%, rgba(255, 255, 255, 0) 80%);
}

.hero-slider .caption-container .block.caption{
    position: relative;
    line-height: 1;    
    padding: 2.5rem 3.5rem;
}

.hero-slider .caption-container .block.caption.center{
text-align: center;
    
}

.hero-slider .caption-container .block.caption.left{
text-align: left;
}

.hero-slider .caption-container .block.caption.right{
text-align: right;
  
}

.hero-slider .slider-container{position: relative; z-index: 1;}

.hero-slider .caption-container h1{
    font-size: 4.8rem;
    line-height: 1;
    margin-bottom: 1.5rem;
    font-weight: 600;
    text-wrap: balance;
}

@media screen and (min-width:1023px){
    .hero-slider .caption-container .has-h-1-font-size{
        font-size: 4.8rem!important;
    }
}

.hero-slider .caption-container h1.lowercase, .hero-slider .caption-container h3.lowercase{
    text-transform:lowercase;
}

.hero-slider .caption-container h1.uppercase, .hero-slider .caption-container h3.uppercase{
    text-transform:uppercase;
}

.hero-slider .caption-container h1.none, .hero-slider .caption-container h3.none{
    text-transform:none;
}


.hero-slider .caption-container h3{text-wrap: balance;}

.hero-slider .caption-container h1.light,.hero-slider .caption-container h1.none{
    color: #002040;
}


.hero-slider .caption-container h1.dark {
    color: #ffffff;
}


.hero-slider .caption-container h3{
    font-weight: 600;
    font-style: normal;
    line-height: 1.1;
    text-wrap: balance;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 0.25em;
    font-family: "Rubik";
    font-size:1.6rem;
}

.hero-slider .caption-container  h3.light,.hero-slider .caption-container h3.none{
    color: #002040;
}
.hero-slider .caption-container h3.dark{
    color: #ffffff;
}
.hero-slider .caption-container h3 span{
    text-transform: none;
    display:block;
    font-weight: 400;
    }

.hero-slider .caption-container .button.stroke-w.light, .hero-slider .caption-container .button.stroke-w.none {
    background: none;
    border-color: #002040;
    color: #002040;
}    

.hero-slider .caption-container .button.stroke-w.dark {
    background: none;
    border-color: #ffffff;
    color: #ffffff;
} 

.hero-slider .caption-container .sm-image-logo {
    display:block;
    max-width:150px;
    height:auto;   
    margin-bottom:20px; 
} 

.hero-slider .caption-container.center .sm-image-logo {
    margin:0px auto 20px auto;
} 

.flex-container {
    display: flex;
    flex-flow: column;
}
.flex-item-1 {
    flex-basis: 100%;
}
.flex-item-2 {
    flex-basis: 100%;
}
@media (max-width: 1024px) {
    .hero-slider .caption-container .block.caption{ 
        padding: 1.5rem 1.5rem;
    }
    .hero-slider .caption-container .sm-image-logo {
        max-width: 100px;
        margin-bottom: 20px;
    }
}
@media (max-width: 768px) {
    .flex-container {
        flex-flow: row wrap;
    }
    .flex-item-1 {
        flex-basis: 22%;
        padding-right: .75em;
    }
    .flex-item-100 {
        flex-basis: 100%;
    }
    .flex-item-2 {
        flex-basis: 78%;
    }
    .hero-slider .caption-container .sm-image-logo {
        max-width:100px;
        margin:0;  
    } 

}

 .carousel .slick-prev, .carousel .slick-next {
    position: absolute;
    height: 52px;
    width: 52px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: #063D76;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
    z-index: 5;
    transition: opacity 0.124s ease-in-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.carousel .slick-prev {
    left: 2%;
    border-radius: 50%;
}

.carousel .slick-next {
    right: 2%;
    border-radius: 50%;
    /* margin-top: 31px; */
}
.carousel .slick-prev, .carousel .slick-next {
    background: #002040;
    opacity: 0.6;
}

.carousel .slick-prev::before, .carousel .slick-next::before {
    display: block;
    font-size: 18px;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.carousel .slick-next::before {
    content: "";
    background-image: url('../images/right-carrot.svg');
    width: 16px;
    height:26px;
}
.carousel .slick-prev::before {
    content: "";
    background-image: url('../images/left-carrot.svg');
    width: 16px;
    height:26px;
}

.carousel .slick-prev:hover, .carousel .slick-next:hover {
    outline: none;
    background: var(--wp--preset--color--secondary);
    opacity: 0.9;
    color: transparent;
}

.carousel .slick-list, .quote-carousel .slick-list {margin:0 0;}

.quote-carousel .slick-track{display:flex; align-items: center;}

@media screen and (max-width:768px) {
    .quote-carousel .slick-track{display:block!important; align-items:inherit;}  
    
}
.editor-styles-wrapper .star-rating-wrapper {display:inline-flex;}
.star-rating-wrapper {
    transition: all .3s ease-in-out;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.star-rating--icon{}

.star-rating-wrapper .star-rating--icon svg {
    color: var(--udpb-sr-icon-color, #ffb900);
    width: 1em;
    height: 1em;
    display: inline-block;
    /* margin-right: 5px; */
    font-size: 18px;
}

.fa-star::before {
    content: "\f005";
}

.quote-carousel.slick-slider{background-color:transparent!important;}

.quote-carousel .slick-prev, .quote-carousel .slick-next {
    position: absolute;
    display: block;
    height: 64px;
    width: 33px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: #063D76;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
    z-index: 5;
    transition: opacity 0.124s ease-in-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.quote-carousel .slick-prev {
    left: 3%;
    border-radius: 50%;
}

.quote-carousel .slick-next {
    right: 3%;
    border-radius: 50%;
    /* margin-top: 31px; */
}
.quote-carousel .slick-prev, .quote-carousel .slick-next {
    background: transparent !important;
    opacity: 1;
}

.quote-carousel .slick-prev::before, .quote-carousel .slick-next::before {
    display: block;
    font-size: 18px;
    color: white;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.quote-carousel .slick-next::before {
 content: "";
 background-image: url('../images/right-carrot-thin.svg');
 width: 33px;
 height:64px;
}
.quote-carousel .slick-prev::before {
 content: "";
 background-image: url('../images/left-carrot-thin.svg');
 width: 33px;
 height:64px;
}

.quote-carousel .slick-prev:hover, .quote-carousel .slick-next:hover {
    outline: none;
    background: transparent!important;
    opacity: 1;
    color: #fff;
}

.quote-carousel .slick-list {
    margin: 0 4rem;
    /*padding: 3rem 2rem 2rem;*/
    position: relative;
    min-height:350px!important;
    height: auto;
}

.quote-carousel{position: relative;}

.quote-carousel blockquote{padding: 1rem 2rem 1rem 2rem;}

.quote-carousel .blockquote__content{text-align:center;  }

/* .quote-carousel::before {
    content: '';
    background-image: url(../images/quotes.svg);
    width: 84px;
    height: 58px;
    position: absolute;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    top: -10%;
    z-index: 13;
    margin: 0 auto;
    left: 0;
    right: 0;
} */

.quote-carousel blockquote cite {
    font-size: 1.2rem;
    font-weight: 600;
    font-style: normal;
    color: #002040 !important;
    text-align: center;
}



@media screen and (max-width: 800px) {

    .quote-carousel .slick-list {
        min-height:auto!important;
    }
    
   /*  .quote-carousel::before {top: -8%;} */
.quote-carousel .slick-list {margin: 0 2rem;}

.quote-carousel .slick-next {right: 0;}
.quote-carousel .slick-prev {left: 0;}

}

@media screen and (min-width: 1920px) {
    .carousel.block .background-image, .about .carousel.block .background-image {
        min-height: 600px;
        max-height: 600px;
      
    }
    
}

@media screen and (min-width: 2150px) {
    .carousel.block .background-image, .about .carousel.block .background-image {
        min-height: 600px;
        max-height: 600px;
      
    }
    
}

@media screen and (min-width: 2400px) {
    .carousel.block .background-image, .about .carousel.block .background-image {
        min-height: 620px;
        max-height: 620px;
      
    }
    
}

   
 

 

    @media screen and (max-width: 1919px) {
        .carousel.block .background-image, .about .carousel.block .background-image {
            min-height: 600px;
            max-height: 600px;
          
        }
       
     }

    @media screen and (max-width: 1439px) {
        .carousel.block .background-image, .about .carousel.block .background-image {
            min-height: 450px;
            max-height: 450px;
          
        }
       
     }

     

     @media screen and (max-width: 1199px) {
       
     }

     @media only screen and (max-width: 1023px){

        .carousel.block .background-image, .about .carousel.block .background-image {
            min-height: 350px!important;
            max-height: 350px!important;
          
        }
        .hero-slider .caption-container {
            position: absolute;
            bottom: 0;
            top: 0;
            margin:auto;
            display: flex;
            padding: 2.5rem 2rem;
            width: calc(100% - 0%);
            left: 0;
            align-items: center;
        }

        .hero-slider .caption-container.center{justify-content: center;}
        .hero-slider .caption-container.left{ justify-content: start;}
        .hero-slider .caption-container.right{justify-content: end;}
    
        .hero-slider .caption-container .caption-background {
            position: absolute;
            bottom: 0px;
            clip-path:none;
            background: linear-gradient(90deg, rgb(6, 107, 220) 0%, rgb(0, 41, 82) 94%);
            width: 100%;
            min-height: 100%;
            left:0;
        }
    
    
        .carousel .slick-list { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} 
    
        .blocks .background-image, .block .background-image {
            background-size: cover;
            min-height: 450px!important;
            background-position: center bottom;
            max-height: 450px!important;
        }
    
        .hero-slider .caption-container h1 {
            font-size: 4.3rem;
        }
    
    
        }

    @media screen and (max-width: 959px) {
      
    }
   

    
    @media only screen and (max-width: 800px){

        .gtranslate_wrapper {z-index: 9999999999;text-align: center; display: flex; align-items: center; justify-content: center; padding-bottom:var(--wp--preset--spacing--50);}
        .gtranslate_wrapper .gt_switcher .gt_selected a {
            text-align: center!important;
        }

        .carousel.block .background-image {
            min-height: 280px!important;
            max-height: 280px!important;
            mask-image:none;
        }
   
    .carousel .slick-list { border-top-left-radius: 0px; border-bottom-left-radius: 0px;}

    .carousel .slick-prev, .carousel .slick-next {display:none !important;}

    .blocks .background-image, .block .background-image {
        background-size: cover;
        min-height: 325px!important;
        background-position: center bottom;
        max-height: 325px!important;
    }

   

    .affiliation-logo{max-width:200px; margin:0px auto; text-align: center;} 

    .hero-slider .caption-container h1 {
        font-size: 3.3rem;
    }

    .home .carousel.block .background-image {
        min-height: 350px!important;
        background-position: center center;
        max-height: 350px!important;
      
    }

    .hero-slider .caption-container .caption-background.dark,.hero-slider .caption-container .caption-background.light{
        background: transparent;
    }
    

    }


    @media screen and (max-width: 639px) {
        .carousel.block .background-image {
            min-height: 200px!important;
            background-position: center center;
            max-height: 200px!important;
            
        }

        .home .carousel.block .background-image {
            min-height: 280px!important;
            background-position: center center;
            max-height: 280px!important;
          
        }
      }


    @media screen and (max-width: 479px) {
       
    }
   
   @media screen and (max-width: 375px) {
    .carousel.block .background-image {
        min-height: 110px!important;
        background-position: center center;
        max-height: 110px!important;
      
    }  
    }

    
/**********************************************************
TABS - WIDGET  | TABLE
***********************************************************/
/*.js-plethoraplugins-tab-panel{
    padding:3rem 2rem;
}*/

.wp-block-table.is-style-regular tbody, .wp-block-table.is-style-regular tfoot, .wp-block-table.is-style-regular thead {
    border: 0px solid #f1f1f1;
    background-color: transparent;
}

.wp-block-table.is-style-regular td, .wp-block-table.is-style-regular th {
    border-top: 0;
    border-bottom: 1px solid #c3c3c3;
    border-left: 0;
    border-right: 0;
}

.wp-block-table.is-style-regular tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: transparent;
}

@media screen and (max-width: 63.9988em) {
    .wp-block-table.is-style-regular.stack table td, .wp-block-table.is-style-regular.stack table th, .wp-block-table.is-style-regular.stack table tr {
        display: block;
    }
}



.plethoraplugins-tabs{
    display: flex!important;
    align-items: center;
    justify-content: center;
    padding-bottom: 2rem!important;
}
.js-plethoraplugins-tabs--link{
    font-size: 1em;
    font-weight: 500;
    cursor: pointer;
    line-height: 1;
    border: 2px solid #021d49;
    color:#021d49;
    border-radius: 50px;
    /*margin: 0 0 1.111em 0;*/
    position: relative;
    text-decoration: none;
    text-align: center;
    -webkit-appearance: none;
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .75em 2.2857em;
}
.active.js-plethoraplugins-tabs--link{
    border: 2px solid #021d49;
    color:#ffffff!important;
    background-color:#021d49;
}

.plethoraplugins-tabs-container--horizontal.plethoraplugins-theme__minimal.plethoraplugins-theme__minimal .plethoraplugins-tabs a.active{
    text-decoration: none;
    color:#fff;
}

@media only screen and (max-width: 842px){
.plethoraplugins-tabs-container--horizontal[data-pds-tabs--responsive=accordion] .plethoraplugins-accordion {
    width: 100%;
}

.plethoraplugins-accordion.plethoraplugins-theme__minimal .pds-accordion__title {
    cursor: pointer;
    padding-right: 2rem;
    position: relative;
    min-height: 50px;
    display: inline-flex;
    display: flex;
    align-items: center;
    margin: 1rem 0rem;
}

.plethoraplugins-accordion.plethoraplugins-theme__minimal .pds-accordion__icon {
    box-sizing: border-box;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: transform .2s;
    background-repeat: no-repeat;
    width: 42px;
    height: 42px;
    min-width: 42px;
    margin-left: 20px;
    border-radius: 50px;
    background-color: var(--wp--preset--color--secondary);
    color: #fff;
    padding: 1rem;
}

}
/**********************************************************
SHAPES
***********************************************************/
.shape {
    position: absolute;
}

.slider-shape {
    left: -8%;
    bottom: -8%;
    max-width: 683px;
    color: #ecb255;
    animation: toLeft 0.5s ease forwards;
}

@-webkit-keyframes toLeft {
    0% {
       /*transform: translateX(25%);*/
        transform: translate3d(75%,0%,0) scale(1.5);
    }
    100% {
        transform: translate3d(0,0,0) scale(1);  
    }
  }

.hero-svg-container{ 
    position: absolute;
    left: -8%;
    bottom: -8%;
    cursor: pointer;}

.currentColor{fill:#ecb255;}


/*HIDE SHOW WIDGET*/
.wp-block-happyprime-show-hide-group details > summary:first-of-type{
 list-style:none!important;
}
.wp-block-happyprime-show-hide-group details > summary:last-of-type{

}

.show-wrapper{
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
.show-effect .wp-block-group:nth-child(2){
    width: 100%;
    display: none;
}
.show-effect .wp-block-buttons{
    margin-top: 50px !important;
}
.show .show-effect .wp-block-group:last-child{
    display: block;
}
    
.show .show-effect .wp-block-group:first-child{
    display: none;
    margin-top: -20px !important;
}

/************************************************************
* CONTACT 
*************************************************************/
.contactInfo p span, .contactInfo nav span {color: #003A70;font-weight: 700; display: block; font-size:1.25rem; margin-left:-1.2rem;}
.contactInfo p{font-size:1.125rem; margin-left:1.2rem;}
.contactInfo a{color: inherit; text-decoration: none; font-weight: inherit;}
.map-location{max-width:100%!important; padding:0!important; margin:0!important;}
#map-holders {
    position: relative; padding:0!important; margin:0!important; max-width: 100%; width: 100%;
}

.last {
    margin-bottom: 0 !important;
    padding-bottom: 0!important;
}

.acf-map {
    min-height: 80vh;
    border: #ccc solid 0px;
    position: relative;
}

/* InfoWindow Styling */
.hsl-info-window {
    padding: 5px;
    max-width: 220px;
}

.hsl-info-window h5 {
    margin: 0 0 5px;
    color: #005191;
    font-size: 16px;
}

.hsl-info-window .address {
    font-size: 12px;
    margin-bottom: 8px;
}

.hsl-info-window .desc {
    font-size: 13px;
    margin-bottom: 12px;
    line-height: 1.4;
}

.hsl-info-window .directions-btn {
    display: block;
    text-align: center;
    background: #005191;
    color: white !important;
    padding: 8px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}

.hsl-info-window .directions-btn:hover {
    background: var(--cardPrimaryBlue);
}

@media (max-width: 600px){
    .acf-map {min-height: 40vh;}
}


.contactformContainer{padding:2rem 2rem;    }

.marker.main{z-index: 9999;}

#points-of-interest h4{text-transform: capitalize;}

.acf-map .gm-style-iw.gm-style-iw-c{max-width:200px!important;}
.acf-map .gm-style-iw-d{text-align: center;}

ul.poi-list li{line-height:1.5!important;}

/************************************************************
* SEARCH
*************************************************************/

span.avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    line-height: 1.7;
    letter-spacing: -0.01rem;
    border-radius: 100%;
    height: 4rem;
    width: 4rem;
    background-color: #003A70;
    color:#fff;
    margin-right: .75rem;
    text-transform: uppercase;
    padding: 1em 1em;
    font-size:.5em;
}

p span.excerpt_part{color:inherit;font-weight:inherit;font-size:inherit;}

/************************************************************
* CUSTOM HEIGHTS & COLUMNS
*************************************************************/

.min750{min-height:750px;}

.wp-block-group.family-fun-nights{position: relative;}
.wp-block-group.family-fun-nights .wp-block-column.right-image{position:absolute; right:5%; width:432px; height:auto;}



.group-listings{max-width:100%!important;}
.group-listings h3 a{text-decoration: none;}
.group-listings:nth-child(odd){ background-color: var(--wp--preset--color--secondary) !important;}
.group-listings:nth-child(odd) h3, .group-listings:nth-child(odd) p{ color:#fff;}
.group-listings:nth-child(odd) h3 a{color:#fff;}
.group-listings:nth-child(odd) .button{
    font-size: 1em;
    font-weight: 500;
    cursor: pointer;
    line-height: 1;
    border: 2px solid #ffffff;
    border-radius: 0.4em;
    margin: 0 0 1.111em 0;
    position: relative;
    text-decoration: none;
    text-align: center;
    -webkit-appearance: none;
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75em 2.2857em;
    outline: none;
    transition: all 200ms ease;
    color: #fff;
    background-color: transparent;}

    .group-listings:nth-child(.group-listings:nth-child(odd)) .button:hover {
        opacity: .9;
        color: #ffffff;
        background-color: transparent;
        transition: transform 500ms cubic-bezier(0.85, 0, 0.15, 1);
        will-change: transform;
    }

.listings{max-width:100%!important;}
.listings h3 a{text-decoration: none;}

@media (max-width: 1023px){
.wp-block-columns.wp-container-core-columns-is-layout-2{flex-wrap:wrap!important;}

}
/*************************************************
*EVENTS
**************************************************/

.single-tribe_events ul.tribe-related-events {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

.single-tribe_events ul.tribe-related-events li {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin-bottom: var(--tec-spacer-6);
    padding: 0;
    width: auto;
}




.single-tribe_events ul.tribe-related-events li .tribe-related-events-thumbnail a {
    display: block;
    overflow: hidden;
    padding-top: 75%;
    position: relative;
}
.single-tribe_events ul.tribe-related-events li .tribe-related-events-thumbnail {
    margin-bottom: var(--tec-spacer-3);
    width: 100%;
    display:none!important;
}
.single-tribe_events ul.tribe-related-events li .tribe-related-events-thumbnail img[src$="tribe-related-events-placeholder.png"] {
    transform: translate(-50%, -50%) scale(1);
}
.single-tribe_events ul.tribe-related-events li .tribe-related-events-thumbnail img {
    bottom: 0;
    left: 50%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%) scale(2);
}

.single-tribe_events ul.tribe-related-events .tribe-related-events-thumbnail img {
    border: none;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: 100%;
}
.single-tribe_events ul.tribe-related-events .tribe-related-events-thumbnail img {
    border: none;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: 100%;
}
.single-tribe_events ul.tribe-related-events .tribe-related-events-thumbnail img {
    border-radius: 0;
    box-shadow: none;
}
.single-tribe_events ul.tribe-related-events li .tribe-related-event-info {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    padding: 1rem;
    width: 100%;
}



.single-tribe_events ul.tribe-related-events li, .single-tribe_events ul.tribe-related-events li .tribe-related-events-title {
    color: var(--tec-color-text-primary);
    font-family: var(--tec-font-family-sans-serif);
}
.single-tribe_events ul.tribe-related-events li .tribe-related-events-title {
    margin-bottom: var(--tec-spacer-1);
    width: 100%;

}

@media (min-width: 768px) {
    .single-tribe_events ul.tribe-related-events {
        flex-direction: row;
        justify-content: space-between;
        margin-left:auto;
        margin-right:auto;
    }

    .single-tribe_events ul.tribe-related-events li
 {
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 3px;
    box-sizing: border-box;
    float: left;
    font-weight: 400;
    list-style: none;
    margin: 0 4% 2% 0;
    padding: 0;
    width: 29.3333%;
}

.single-tribe_events ul.tribe-related-events li {
    float: left;
    font-weight: 400;
    list-style: none;
    margin: 0 4% 2% 0;
    padding: 0;
    width: 29.3333%;
}

.single-tribe_events ul.tribe-related-events li .tribe-related-events-title {
    font-size: inherit;
    font-weight: var(--tec-font-weight-bold);
    line-height: var(--tec-line-height-3);
    text-transform: none;
}
}

/*Removes the default title from the events archive calendar block*/
.post-type-archive-tribe_events .tribe-events-header__title{display: none;}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container, .tribe-events .tribe-events-l-container {
    padding-top: 0!important;
}

#tribe-events-footer .tribe-events-sub-nav, #tribe-events-header .tribe-events-sub-nav {margin: 0!important;}
.tribe-events-single  #tribe-events-footer ul li span{display:initial!important;}
.tribe-events .tribe-events-c-search__button, .tribe-events button.tribe-events-c-search__button {
    background-color: var(--wp--preset--color--secondary);
    background-image: none;
    box-shadow: none;
    color: #fff;
    font-style: normal;
    outline: none;
    text-decoration: none;
    text-shadow: none;
}

.tribe-events .tribe-events-c-search__button:focus, .tribe-events .tribe-events-c-search__button:hover, .tribe-events button.tribe-events-c-search__button:focus, .tribe-events button.tribe-events-c-search__button:hover {
    background-color: var(--wp--preset--color--primary);
    border: none;
    box-shadow: none;
    color: #fff;
    font-size: var(--tec-font-size-2);
    font-style: normal;
    outline: none;
    text-decoration: none;
    text-shadow: none;
}
.tribe-common .tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border {
    color: var(--wp--preset--color--secondary);
    font-family: var(--tec-font-family-sans-serif);
    font-size: var(--tec-font-size-2);
    line-height: var(--tec-line-height-3);
    font-weight: var(--tec-font-weight-regular);
    font-weight: var(--tec-font-weight-bold);
    border: 0;
    cursor: pointer;
    display: inline-block;
    height: auto;
    padding: 0;
    text-decoration: none;
    width: auto;
    background-color: var(--tec-color-background);
    border: 1px solid var(--wp--preset--color--secondary);
    border-radius: var(--tec-border-radius-default);
    text-align: center;
    transition: var(--tec-transition);
    color: var(--wp--preset--color--secondary);
    padding: 11px 20px;
    width: 100%;
}
.tribe-common h1 {font-weight: 600;}

.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active, .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus, .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within, .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover {
    background-color: var(--wp--preset--color--secondary);
    color: var(--tec-color-background);
}

.tribe-events .tribe-events-calendar-month__day-cell--selected, .tribe-events .tribe-events-calendar-month__day-cell--selected:focus, .tribe-events .tribe-events-calendar-month__day-cell--selected:hover {
    background-color: var(--wp--preset--color--secondary);
}

ol.tribe-events-c-breadcrumbs__list li::before{display: none;}
ol.tribe-events-c-breadcrumbs__list li{list-style: inherit;}
ol.tribe-events-c-breadcrumbs__list li span{font-size: inherit; color:inherit;}
#tribe-events-content{padding:initial;margin:initial;}
#tribe-events-pg-template, .tribe-events-pg-template {
    margin: 0 auto;
    max-width: initial;
    max-width: initial;
    min-height: 100vh;
    z-index: 10;
    background-color: #ffff;
}
.events-list #tribe-events-footer, .single-tribe_events #tribe-events-footer, .tribe-events-day #tribe-events-footer, .tribe-events-map #tribe-events-footer, .tribe-events-photo #tribe-events-footer{
    border-top: 0px solid #e5e5e5;
    padding-top: 2em;
}
#tribe-events-footer {
    margin-bottom: 0em;
}

#tribe-events-pg-template, .tribe-events-pg-template {
    background-color: #fff;
    padding: initial;
}
.tribe-events-view {
    position: relative;
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
    z-index: 10;
    background: #fff;
      background-color: rgb(255, 255, 255);
    background-color: #fff !important;
  }

  .tribe-common .tribe-common-l-container {
    width: 100%!important;
    min-height: 100vh;
    overflow: hidden;
    background: #fff;
  }

 ul li.tribe_events span {
    display: inline-block;
}
.events ul, .events ol {
    margin: 1.000em 1.778em;
    padding: 0;
}
.tribe_events h2, .tribe_events h3{text-transform: none;}

.events figure{position: relative;}

.events .simpleParallax{overflow: hidden; border-radius: 8px;}

.events figure .simpleParallax img {
    display: block;
    transition: transform 1s ease;
}
.events figure:hover .simpleParallax img {
    transform: scale(1.06)!important;
}

.tribe-events-calendar-row.tribe_events_cat-static.cat_static{display:none!important;}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-details {
    width: calc(var(--tec-grid-width-1-of-8)* 4)!important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-featured-image-wrapper {
    margin-bottom: 0;
    width: calc(var(--tec-grid-width-1-of-8)* 4)!important;
}

.tribe-events .tribe-events-calendar-list__event-featured-image, .tribe-events .size-now-thumb {border-radius: 8px;}

.tribe-common .tribe-common-g-row {
    align-items: center;
}

.tribe-common .tribe-common-l-container{width:1360px;}

/**********************
SHAPE ANIMATIONS
***********************/
.animated { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
} 
.slow{
     -webkit-animation-duration: 1.5s; 
    animation-duration: 1.5s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}
.slower{
     -webkit-animation-duration: 2s; 
    animation-duration: 2s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}
.slowest{
     -webkit-animation-duration: 3s; 
    animation-duration: 3s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}

/* Added by Andy Meetan */

.delay-100{
    -webkit-animation-delay:0.10s;
    -moz-animation-delay:0.10s;
    -o-animation-delay:0.10s;
    animation-delay:0.10s;	
	
}
.delay-250 {
    -webkit-animation-delay:0.25s;
    -moz-animation-delay:0.25s;
    -o-animation-delay:0.25s;
    animation-delay:0.25s;
}
.delay-500 {
    -webkit-animation-delay:0.5s;
    -moz-animation-delay:0.5s;
    -o-animation-delay:0.5s;
    animation-delay:0.5s;
}
.delay-750 {
    -webkit-animation-delay:0.75s;
    -moz-animation-delay:0.75s;
    -o-animation-delay:0.75s;
    animation-delay:0.75s;
}
.delay-1000 {
    -webkit-animation-delay:1.0s;
    -moz-animation-delay:1.0s;
    -o-animation-delay:1.0s;
    animation-delay:1.0s;
}
.delay-1250 {
    -webkit-animation-delay:1.25s;
    -moz-animation-delay:1.25s;
    -o-animation-delay:1.25s;
    animation-delay:1.25s;
}
.delay-1500 {
    -webkit-animation-delay:1.5s;
    -moz-animation-delay:1.5s;
    -o-animation-delay:1.5s;
    animation-delay:1.5s;
}
.delay-1750 {
    -webkit-animation-delay:1.75s;
    -moz-animation-delay:1.75s;
    -o-animation-delay:1.75s;
    animation-delay:1.75s;
}
.delay-2000 {
    -webkit-animation-delay:2.0s;
    -moz-animation-delay:2.0s;
    -o-animation-delay:2.0s;
    animation-delay:2.0s;
}
.delay-2500 {
    -webkit-animation-delay:2.5s;
    -moz-animation-delay:2.5s;
    -o-animation-delay:2.5s;
    animation-delay:2.5s;
}
.delay-2000 {
    -webkit-animation-delay:2.0s;
    -moz-animation-delay:2.0s;
    -o-animation-delay:2.0s;
    animation-delay:2.0s;
}
.delay-2500 {
    -webkit-animation-delay:2.5s;
    -moz-animation-delay:2.5s;
    -o-animation-delay:2.5s;
    animation-delay:2.5s;
}
.delay-3000 {
    -webkit-animation-delay:3.0s;
    -moz-animation-delay:3.0s;
    -o-animation-delay:3.0s;
    animation-delay:3.0s;
}
.delay-3500 {
    -webkit-animation-delay:3.5s;
    -moz-animation-delay:3.5s;
    -o-animation-delay:3.5s;
    animation-delay:3.5s;
}
/*********************
* fadeInUp Square to Circle
*********************/
@-webkit-keyframes fadeInUpShortCircle { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(-200deg); */
		
		border-radius:0;
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(0);*/ 
		border-radius:50%;
    } 
} 

@keyframes fadeInUpShortCircle { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
		/*transform-origin: center center; 
        transform: rotate(-200deg); */
		border-radius:0;
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
		/*transform-origin: center center; 
        transform: rotate(0); */
		border-radius:50%;
    } 
} 
.fadeInUpShortCircle{
    opacity: 0; 
    -webkit-transform: translateY(20px); 
    transform: translateY(20px); 
	border-radius:0;
	position: relative;
}

/*figure::before .fadeInUpShortCircle{width:100px; height:100px; background-color:#ffffff; content:' '; position: absolute; margin:0px auto; z-index: 1;}*/
.fadeInUpShortCircle.go { 
    -webkit-animation-name: fadeInUpShortCircle; 
    animation-name: fadeInUpShortCircle; 
}

/*********************
* fadeInUp Circle to Square
**********************/
@-webkit-keyframes fadeOutShortCircleSquare { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(-200deg); */
		
		border-radius:50%;
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(0);*/ 
		border-radius:0%;
    } 
} 

@keyframes fadeOutShortCircleSquare { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
		/*transform-origin: center center; 
        transform: rotate(-200deg); */
		border-radius:50%;
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
		/*transform-origin: center center; 
        transform: rotate(0); */
		border-radius:0;
    } 
} 
.fadeOutShortCircleSquare{
    opacity: 0; 
    -webkit-transform: translateY(20px); 
    transform: translateY(20px); 
	border-radius:0;
	position: relative;
}

/*figure::before .fadeInUpShortCircle{width:100px; height:100px; background-color:#ffffff; content:' '; position: absolute; margin:0px auto; z-index: 1;}*/
.fadeOutShortCircleSquare.go { 
    -webkit-animation-name: fadeOutShortCircleSquare; 
    animation-name: fadeOutShortCircleSquare; 
}


/*********************
* fadeInUp Square to Right Circle
*********************/
@-webkit-keyframes fadeInUpShortRightCircle { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(-200deg); */
		border-radius:0 0 0 0;
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(0);*/ 
		border-radius:0 50% 50% 0;
    } 
} 

@keyframes fadeInUpShortRightCircle { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
        transform:translate3d(-50px,0,0);
		/*transform-origin: center center; 
        transform: rotate(-200deg); */
		border-radius:0 0 0 0;
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
        transform:translate3d(0);
		/*transform-origin: center center; 
        transform: rotate(0); */
		border-radius:0 50% 50% 0;
    } 
} 
.fadeInUpShortRightCircle{
    opacity: 0; 
    -webkit-transform: translateY(20px); 
    transform: translateY(20px); 
	border-radius:0 0 0 0;
}
.fadeInUpShortRightCircle.go { 
    -webkit-animation-name: fadeInUpShortRightCircle; 
    animation-name: fadeInUpShortRightCircle; 
}


/*********************
* fadeInUp Square to Left Circle
*********************/
@-webkit-keyframes fadeInUpShortLeftCircle { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(-200deg); */
		border-radius:0 0 0 0;
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(0);*/ 
		border-radius:0 0 50% 50%;
    } 
} 

@keyframes fadeInUpShortLeftCircle { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
		/*transform-origin: center center; 
        transform: rotate(-200deg); */
		border-radius:0 0 0 0;
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
		/*transform-origin: center center; 
        transform: rotate(0); */
		border-radius:0 0 50% 50%;
    } 
} 
.fadeInUpShortLeftCircle{
    opacity: 0; 
    -webkit-transform: translateY(20px); 
    transform: translateY(20px); 
	border-radius:0 0 0 0;
}
.fadeInUpShortLeftCircle.go { 
    -webkit-animation-name: fadeInUpShortLeftCircle; 
    animation-name: fadeInUpShortLeftCircle; 
}

/*********************
* fadeInUp Square to Circle Left Top Point
*********************/
@-webkit-keyframes fadeInUpShortLeftCircleTopPoint { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(-200deg); */
		border-radius:0 0 0 0;
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(0);*/ 
		border-radius:0 50% 50% 50%;
    } 
} 

@keyframes fadeInUpShortLeftCircleTopPoint { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
		/*transform-origin: center center; 
        transform: rotate(-200deg); */
		border-radius:0 0 0 0;
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
		/*transform-origin: center center; 
        transform: rotate(0); */
		border-radius:0 50% 50% 50%;
    } 
} 
.fadeInUpShortLeftCircleTopPoint{
    opacity: 0; 
    -webkit-transform: translateY(20px); 
    transform: translateY(20px); 
	border-radius:0 0 0 0;
}
.fadeInUpShortLeftCircleTopPoint.go { 
    -webkit-animation-name: fadeInUpShortLeftCircleTopPoint; 
    animation-name: fadeInUpShortLeftCircleTopPoint; 
}


/*********************
* fadeInUp Square to Circle Left Bottom Point
*********************/
@-webkit-keyframes fadeInUpShortLeftCircleBtnPoint { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(-200deg); */
		border-radius:0 0 0 0;
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(0);*/ 
		border-radius:100px 100px 100px 0;
    } 
} 

@keyframes fadeInUpShortLeftCircleBtnPoint { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
		/*transform-origin: center center; 
        transform: rotate(-200deg); */
		border-radius:0 0 0 0;
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
		/*transform-origin: center center; 
        transform: rotate(0); */
		border-radius:100px 100px 100px 0;
    } 
} 
.fadeInUpShortLeftCircleBtnPoint{
    opacity: 0; 
    -webkit-transform: translateY(20px); 
    transform: translateY(20px); 
	border-radius:0 0 0 0;
    animation-fill-mode: forwards;
}
.fadeInUpShortLeftCircleBtnPoint.go { 
    -webkit-animation-name: fadeInUpShortLeftCircleBtnPoint; 
    animation-name: fadeInUpShortLeftCircleBtnPoint; 
}

/*********************
* fadeInUp Square to Circle Right Top Point
*********************/
@-webkit-keyframes fadeInUpShortRightCircleTopPoint { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(-200deg); */
		border-radius:0 0 0 0;
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(0);*/ 
		border-radius:50% 0 50%  50%;
    } 
} 

@keyframes fadeInUpShortRightCircleTopPoint { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
		/*transform-origin: center center; 
        transform: rotate(-200deg); */
		border-radius:0 0 0 0;
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
		/*transform-origin: center center; 
        transform: rotate(0); */
		border-radius:50% 0 50% 50%;
    } 
} 
.fadeInUpShortRightCircleTopPoint{
    opacity: 0; 
    -webkit-transform: translateY(20px); 
    transform: translateY(20px); 
	border-radius:0 0 0 0;
}
.fadeInUpShortRightCircleTopPoint.go { 
    -webkit-animation-name: fadeInUpShortRightCircleTopPoint; 
    animation-name: fadeInUpShortRightCircleTopPoint; 
}


/*********************
* fadeInUp Square to Triangle Bottom Left
*********************/
@-webkit-keyframes fadeInUpShortLeftBottomTriangle { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(-200deg); */
		border-radius:0 0 0 0;
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(0);*/ 
		border-radius:0 0 0 90%;
    } 
} 

@keyframes fadeInUpShortLeftBottomTriangle { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
		/*transform-origin: center center; 
        transform: rotate(-200deg); */
		border-radius:0 0 0 0;
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
		/*transform-origin: center center; 
        transform: rotate(0); */
		border-radius:0 0 0 90%;
    } 
} 
.fadeInUpShortLeftBottomTriangle{
    opacity: 0; 
    -webkit-transform: translateY(20px); 
    transform: translateY(20px); 
	border-radius:0 0 0 0;
}
.fadeInUpShortLeftBottomTriangle.go { 
    -webkit-animation-name: fadeInUpShortLeftBottomTriangle; 
    animation-name: fadeInUpShortLeftBottomTriangle; 
}


/*********************
* fadeInUp Square to Triangle Top Left
*********************/
@-webkit-keyframes fadeInUpShortLeftTopTriangle { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(-200deg); */
		border-radius:0 0 0 0;
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(0);*/ 
		border-radius:90% 0 0 0;
    } 
} 

@keyframes fadeInUpShortLeftTopTriangle { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
		/*transform-origin: center center; 
        transform: rotate(-200deg); */
		border-radius:0 0 0 0;
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
		/*transform-origin: center center; 
        transform: rotate(0); */
		border-radius:90% 0 0 0;
    } 
} 
.fadeInUpShortLeftTopTriangle{
    opacity: 0; 
    -webkit-transform: translateY(20px); 
    transform: translateY(20px); 
	border-radius:0 0 0 0;
}
.fadeInUpShortLeftTopTriangle.go { 
    -webkit-animation-name: fadeInUpShortLeftTopTriangle; 
    animation-name: fadeInUpShortLeftTopTriangle; 
}

/*********************
* fadeInUp Square to Triangle Bottom Right
*********************/
@-webkit-keyframes fadeInUpShortRightBottomTriangle { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(-200deg); */
		border-radius:0 0 0 0;
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(0);*/ 
		border-radius:0 90% 0 0;
    } 
} 

@keyframes fadeInUpShortRightBottomTriangle { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
		/*transform-origin: center center; 
        transform: rotate(-200deg); */
		border-radius:0 0 0 0;
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
		/*transform-origin: center center; 
        transform: rotate(0); */
		border-radius:0 90% 0 0;
    } 
} 
.fadeInUpShortRightBottomTriangle{
    opacity: 0; 
    -webkit-transform: translateY(20px); 
    transform: translateY(20px); 
	border-radius:0 0 0 0;
}
.fadeInUpShortRightBottomTriangle.go { 
    -webkit-animation-name: fadeInUpShortRightBottomTriangle; 
    animation-name: fadeInUpShortRightBottomTriangle; 
}


/*********************
* fadeInUp Square to Triangle Top Right
*********************/
@-webkit-keyframes fadeInUpShortRightTopTriangle { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(-200deg); */
		border-radius:0 0 0 0;
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
		/*-webkit-transform-origin: center center; 
        -webkit-transform: rotate(0);*/ 
		border-radius:0 0 90% 0;
    } 
} 

@keyframes fadeInUpShortRightTopTriangle { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
		/*transform-origin: center center; 
        transform: rotate(-200deg); */
		border-radius:0 0 0 0;
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
		/*transform-origin: center center; 
        transform: rotate(0); */
		border-radius: 0 0 90% 0;
    } 
} 
.fadeInUpShortRightTopTriangle{
    opacity: 0; 
    -webkit-transform: translateY(20px); 
    transform: translateY(20px); 
	border-radius:0 0 0 0;
}
.fadeInUpShortRightTopTriangle.go { 
    -webkit-animation-name: fadeInUpShortRightTopTriangle; 
    animation-name: fadeInUpShortRightTopTriangle; 
}

/************
* fadeOutLeftShort *
*************/
@-webkit-keyframes fadeOutLeftShort { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(30); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(-30px); 
    } 
} 
@keyframes fadeOutLeftShort { 
    0% { 
        opacity: 0; 
        transform: translateX(30); 
    } 
    100% { 
        opacity: 1; 
        transform: translateX(-30px); 
    } 
} 
.fadeOutLeftShort.go { 
    -webkit-animation-name: fadeOutLeftShort; 
    animation-name: fadeOutLeftShort; 
}

/************
* fadeOutRightShort *
*************/
@-webkit-keyframes fadeOutRightShort { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(-60px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(30px); 
    } 
} 
@keyframes fadeOutRightShort { 
    0% { 
        opacity: 0; 
        transform: translateX(-60px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateX(30px); 
    } 
} 
.fadeOutRightShort.go { 
    -webkit-animation-name: fadeOutRightShort; 
    animation-name: fadeOutRightShort; 
}