/*carousel*/

.carousel-item__contents {
    background: #0a7982 !important;
    border-radius: 20px;
}

.carousel {

    left: calc(-50vw - -50%);
    position: relative;
    width: 100vw;
}

/*.carousel-item {*/
/*    max-height: 550px;*/
/*}*/

#cct-component_1632761 .card__inner{
    cursor: default;
}


@media (min-width: 992px) {
    .carousel-item__contents-container {
        margin: 1rem auto;
    
    }
}

.carousel-item {
    
    --pnp-palette-bg-color: none;
}
.carousel-item__contents-container {
    /*margin: 0;*/
}
.carousel-navigation {
    background: #0a7982;
    height: 42px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-radius: 10px;
    margin-bottom: 9px;
}

.carousel-navigation__item {
  
    width: 20px;
    height: 20px;
    border-radius: 20px;
}


@media only screen and (min-width: 992px) {
  .carousel-item__image{
    height:0;
}



}



@media only screen and (max-width: 991px) {
.carousel-button {
   
    margin: 0;
}

.carousel-navigation {
    
    display: flex !important;
}

div#carousel-spacer {
    background: black;
    /* height: 50px; */
    position: absolute;
    /* z-index: 50; */
    padding-bottom: calc(75% - .1rem);
    width: 100%;
}
.carousel-item__image {
 
    width: 100%;
}

}




.carousel-button svg {

    background: none;
}

.carousel-button__autoplay-state {
     
    }
    .carousel-button__autoplay-state {
    position: static;
        margin-left: 0.4rem;
        transform: translate(0);
  
}
    
    @media only screen and (min-width: 768px) {
        .carousel-button__autoplay-state {

    /* padding: 0; */
    margin:0;
    margin-left: 0.4rem;
    transform: inherit;
}
        
    }


.carousel-navigation__item:after {
    display:none;
}

.carousel-navigation__item--active {

    background: #ffffff;
}
/*carousel end*/
div.callout {
   
    font-weight: normal !important;
   
}

.content .wysiwyg-allowed a:focus, .content .wysiwyg-allowed a:hover {
    -webkit-text-decoration-color: initial;
    text-decoration-color: initial;
    color: #05464b;
}

.content a:not(.no-wysiwyg *,.sq-form-question *,.pagination *):focus, .content a:not(.no-wysiwyg *,.sq-form-question *,.pagination *):hover {
 -webkit-text-decoration-color: initial;
    text-decoration-color: initial;
    color: #05464b;
}

.footer__main{
    display:none;
}

.page-banner--narrow.page-banner{
    min-height:auto;
    padding:0;
}

.page-banner--narrow .page-banner__title{
    margin:.67em 0;
}


.primary-nav-item__child-menu {
    
    pointer-events: none;
   
}


.primary-nav-item:hover .primary-nav-item__child-menu {
    pointer-events: auto;
}


/*new hero */

.hero-subheading {
    font-size: 150%;
    padding-top: 6px;
}


.hero {
	    left: calc(-50vw - -50%);
    position: relative;
    width: 100vw;
    display: flex;
    margin-bottom:20px;
/*  min-height: 300px;*/
    /* align-items: center; */
}

.hero-image {

	background-size: cover;
/*
	background-position: left top;
	width: 50%;
*/
	flex-grow: 1;
		}

.hero-text {
    
    /*padding-left: calc(50% - 476px);*/
/*
    background: #0a7982;
    color: white;
*/
/*    padding: 30px;*/
/*    width: 50%;*/
    box-sizing: border-box;
     display: flex; 
    /* flex-direction: column; */
}
@media only screen and (min-width: 1450px) {
    .hero:not(.no-image)[data-constrain="yes"][data-imageposition="right"] .hero-text {
   
    /*padding-left: calc(50% - 473px) !important;*/
    padding-left: calc(50% - 681px) !important;
    
   
}
}

@media only screen and (min-width: 1001px) {
    

.hero:not(.no-image)[data-constrain="yes"][data-imageposition="left"] .hero-text {
 
    padding-right: calc(50% - 497px) !important;
}



.no-image .hero-text {
        justify-content: center;
        /*padding-left:0 !important;*/
        /* padding-right:0 !important;*/
        width:100% !important;
}

/*.no-image .hero-image{*/
/*    display:none !important;*/
/*}*/

.no-image .hero-text-wrap {
    width: 61rem;
    max-width: 100%;
}
		
}


@media only screen and (max-width: 1420px) and (min-width: 1420px)  {
      .hero:not(.no-image)[data-constrain="yes"][data-imageposition="right"] .hero-text {
   
    /*padding-left: calc(50% - 473px) !important;*/
   /*padding-left:50px !important;*/
   
}
    
}

		.hero-text h2{
    margin-top:0 !important;
    color:white !important;
			font-size: 200%;
    /* display: flex; */
    /* flex-direction: column; */
}
		
		
				.hero-text h1{
   margin: 0 !important;
    color: white !important;
    line-height: 110% !important;
	font-size: 200%;
  
    /* display: flex; */
    /* flex-direction: column; */
}
		
		.hero-text p{
    margin-top:0;
			/*font-size: 120%;*/
			font-size: 1.5rem;
			line-height: 2rem;
    /* display: flex; */
    /* flex-direction: column; */
}
		


		.hero[data-textverticalalign="center"] .hero-text{
			align-items: center;
		}
		
		.hero[data-textverticalalign="left"] .hero-text{
			align-items: flex-start;
		}
		
		.hero[data-textverticalalign="right"] .hero-text{
			align-items: flex-end;
		}
		
			.hero[data-texthorizontalalign="center"][data-constrain="no"] .hero-text{
			justify-content: center;
		}
		
			.hero[data-texthorizontalalign="left"] .hero-text{
			justify-content: flex-start;
		}
		
		
		.hero[data-texthorizontalalign="right"][data-constrain="no"] .hero-text{
			justify-content: flex-end;
		}
		
		
		.hero[data-imageposition="left"]{
			flex-direction: row-reverse;
		}
	
	
	
		@media only screen and (max-width: 1000px) {
      .hero[data-imageposition="left"] {
      flex-direction: column-reverse;
    }
    
      .hero[data-imageposition="right"] {
      flex-direction: column;
    }
    
        .hero[data-mobileimageposition="top"] {
      flex-direction: column-reverse;
    }
    
      .hero[data-mobileimageposition="bottom"] {
      flex-direction: column;
    }
    
    		.hero-text {
    width:100% !important;
}
}

/* =========================================================
   Learning design mega menu - full-width aqua 3-column layout
   Only applies when menu_ssjs outputs:
   .primary-nav-item--learning-design-formatted
   ========================================================= */

/* =========================================================
   Grouped mega menu - full-width aqua 3-column layout
   Applies when menu_ssjs outputs:
   .primary-nav-item--grouped-mega-menu

   Level 1 items with children = column headings
   Level 1 items without children = normal links
   Level 2 items = child links under headings
   ========================================================= */

@media (min-width: 1024px) {
    .primary-nav-item--grouped-mega-menu > .primary-nav-item__child-menu {
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        max-width: none !important;
        transform: none !important;
        background: #d8f6f4 !important;
        box-shadow: none !important;
        border: 0 !important;
    }

    .primary-nav-item--grouped-mega-menu .mega-menu-wrapper {
        width: 100% !important;
        max-width: none !important;
        background: #d8f6f4 !important;
        box-shadow: none !important;
        border: 0 !important;
    }

    .primary-nav-item--grouped-mega-menu .mega-menu {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 3.1rem 5.5vw 4.25rem !important;
        background: #d8f6f4 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        border: 0 !important;
    }

    /* Main grouped menu layout */
    .primary-nav-item--grouped-mega-menu .mega-menu__nav-list--level-1 {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(13rem, 17rem)) !important;
        column-gap: 5.5rem !important;
        row-gap: 0 !important;
        justify-content: center !important;
        align-items: start !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 auto !important;
        padding: 0 !important;
        list-style: none !important;
        background: transparent !important;
    }

    .primary-nav-item--grouped-mega-menu .mega-menu__nav-item--level-1 {
        display: flex !important;
        flex-direction: column !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
    }

    .primary-nav-item--grouped-mega-menu .mega-menu__nav-item--level-1:hover,
    .primary-nav-item--grouped-mega-menu .mega-menu__nav-item--level-1:focus-within {
        background: transparent !important;
    }

    /* =========================================================
       Level 1 items WITH children
       These are folder/group headings.
       ========================================================= */

    .primary-nav-item--grouped-mega-menu .mega-menu__nav-item--level-1.mega-menu__nav-item--has-children > .mega-menu__link-wrapper {
        display: block !important;
        width: 100% !important;
        margin: 0 0 2.05rem !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
    }

    .primary-nav-item--grouped-mega-menu .mega-menu__nav-item--level-1.mega-menu__nav-item--has-children > .mega-menu__link-wrapper > .mega-menu__nav-link,
    .primary-nav-item--grouped-mega-menu .mega-menu__nav-heading {
        display: inline-flex !important;
        width: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        color: #00727a !important;
        font-size: 0.95rem !important;
        font-weight: 700 !important;
        line-height: 1.35 !important;
        text-decoration: none !important;
        white-space: normal !important;
        cursor: default !important;
    }

    .primary-nav-item--grouped-mega-menu .mega-menu__nav-heading:hover,
    .primary-nav-item--grouped-mega-menu .mega-menu__nav-heading:focus {
        text-decoration: none !important;
        cursor: default !important;
    }

    /* Hide heading arrow icon */
    .primary-nav-item--grouped-mega-menu .mega-menu__nav-item--level-1.mega-menu__nav-item--has-children > .mega-menu__link-wrapper > .mega-menu__nav-link > .svg-icon {
        display: none !important;
    }

    /* Hide heading expand button because child links are always visible */
    .primary-nav-item--grouped-mega-menu .mega-menu__nav-item--level-1.mega-menu__nav-item--has-children > .mega-menu__link-wrapper > .mega-menu__nav-expand {
        display: none !important;
    }

    /* =========================================================
       Level 1 items WITHOUT children
       These are direct links placed directly under the grouped menu.
       They should look like normal links, not headings.
       ========================================================= */

    .primary-nav-item--grouped-mega-menu .mega-menu__nav-item--level-1:not(.mega-menu__nav-item--has-children) > .mega-menu__link-wrapper {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
    }

    .primary-nav-item--grouped-mega-menu .mega-menu__nav-item--level-1:not(.mega-menu__nav-item--has-children) > .mega-menu__link-wrapper > .mega-menu__nav-link {
        display: inline-flex !important;
        align-items: flex-start !important;
        gap: 0.8rem !important;
        width: auto !important;
        max-width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        color: #00727a !important;
        font-size: 0.98rem !important;
        font-weight: 400 !important;
        line-height: 1.45 !important;
        text-decoration: none !important;
        white-space: normal !important;
    }

    .primary-nav-item--grouped-mega-menu .mega-menu__nav-item--level-1:not(.mega-menu__nav-item--has-children) > .mega-menu__link-wrapper > .mega-menu__nav-link:hover,
    .primary-nav-item--grouped-mega-menu .mega-menu__nav-item--level-1:not(.mega-menu__nav-item--has-children) > .mega-menu__link-wrapper > .mega-menu__nav-link:focus {
        text-decoration: underline !important;
    }

    .primary-nav-item--grouped-mega-menu .mega-menu__nav-item--level-1:not(.mega-menu__nav-item--has-children) > .mega-menu__link-wrapper > .mega-menu__nav-link .svg-icon {
        display: inline-block !important;
        flex: 0 0 auto !important;
        width: 0.9rem !important;
        height: 0.9rem !important;
        margin-top: 0.25em !important;
    }

    /* =========================================================
       Level 2 child links under folder/group headings
       ========================================================= */

    .primary-nav-item--grouped-mega-menu .mega-menu__nav-list--level-2 {
        position: static !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 2.2rem !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }

    .primary-nav-item--grouped-mega-menu .mega-menu__nav-item--level-2 {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
    }

    .primary-nav-item--grouped-mega-menu .mega-menu__nav-item--level-2 > .mega-menu__link-wrapper {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
    }

    .primary-nav-item--grouped-mega-menu .mega-menu__nav-item--level-2 .mega-menu__nav-link {
        display: inline-flex !important;
        align-items: flex-start !important;
        gap: 0.8rem !important;
        width: auto !important;
        max-width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        color: #00727a !important;
        font-size: 0.98rem !important;
        font-weight: 400 !important;
        line-height: 1.45 !important;
        text-decoration: none !important;
        white-space: normal !important;
    }

    .primary-nav-item--grouped-mega-menu .mega-menu__nav-item--level-2 .mega-menu__nav-link:hover,
    .primary-nav-item--grouped-mega-menu .mega-menu__nav-item--level-2 .mega-menu__nav-link:focus {
        text-decoration: underline !important;
    }

    .primary-nav-item--grouped-mega-menu .mega-menu__nav-item--level-2 .mega-menu__nav-link .svg-icon {
        display: inline-block !important;
        flex: 0 0 auto !important;
        width: 0.9rem !important;
        height: 0.9rem !important;
        margin-top: 0.25em !important;
    }
}