html {
	font-size: 16px;  
}



/* Z-index for heading logic gets confusing, put it all in one place */

/* fullnav-has-subheader */

.fullnav-has-subheader {
	z-index: 999 !important;
  position: relative !important;
}

.fullnav-has-subheader .dropdown__list {
  z-index: 99999;
}



/* .is--subh.is--nav, */


.program-subheader {
  z-index: 200;
}

.is--subh.is--nav .dropdown__list {
	z-index: 99 !important;
}


.small-accordion-section-title,
.accordion-section-title,
.small-accordion-section-title-style2 {
    z-index: 0;
}

.subheader .is--nav .navigationbar__menu .w-dropdown {
    z-index: 999;
}


.w-nav[data-animation="over-right"] .w-nav-overlay,
.w-nav[data-animation="over-right"] [data-nav-menu-open] {
     top: 130px;
     z-index: 99999999999999;
}



/* End z-index logic */


.navLink__wrapper.is--link:hover {
    background-color: #f5f5f5;
    color: #9e59f5;
}

.filter__dropdown.w-dropdown-toggle.w--open{
border-radius: 12px 12px 0px 0px;
border-bottom: 1px solid #EAF7FF;
}

.gradient-bg {
background: linear-gradient(180deg, rgba(234, 247, 255, 0.63) 0%, #1B1B1B 22.92%, #1B1B1B 84.9%, #1B1B1B 100%);
}

/* Snippet gets rid of top margin on first element in any rich text*/
.w-richtext>:first-child {
    margin-top: 0;
}

/* Snippet gets rid of bottom margin on last element in any rich text*/
.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
    margin-bottom: 0;
}

.w-richtext p:empty{
  display:none;
}


/* Snippet prevents all click and hover interaction with an element */
.is--clickable-off {
    pointer-events: none;
}

/* Snippet enables you to add class of div-square which creates and maintains a 1:1 dimension of a div.*/
.is--square::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

/*Hide focus outline for main content element*/
main:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}

/*Reset buttons, and links styles*/
a {
    color: inherit;
    text-decoration: inherit;
    font-size: inherit;
}

/* Webkit Style reset for inputs  */  
input:not([type=checkbox]) {   
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Font Smoothing */
* {
        -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }
  
  /* Hide Related Roles section when no related roles */
  .RelatedRolesSection:not(:has(.w-dyn-item)) {  display: none;   }

.grid-bg {
bottom: -9px;
}

.table-pill {
      padding: 6px;
    border-radius: 14px;
    display: block;
}

.table-pill.green {
    background-color: rgb(183,214,170);
}

.table-pill.yellow {
    background-color: rgb(254, 228, 157);
}

.table-pill.orange {
    background-color: rgb(244,177,113);
}

.table-pill.gray {
    background-color: rgb(204, 204, 204);
}

.approaches-comparison-table tr td {
    border-bottom: 1px solid lightgrey;
}

.approaches-comparison-table thead {
  background-color: #dddbdb;
}

.approaches-comparison-table tbody {
  text-align: center;
}

.approaches-comparison-table th, td {
  padding: 10px;
}

.is--narrow.w-richtext figure {
    max-width: 90%;
}

@media (max-width: 900px) {
    .w-richtext figure {
        max-width: 100%;
    }
    
    .w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
        max-width: 100%;     
        min-height: 7rem;
    }
}

.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
    width: 100%;
    max-width: 100%;
}

.w-richtext figure.w-richtext-figure-type-image > figcaption,
.w-richtext figure[data-rt-type="image"] > figcaption {
    margin-top: -30px;
    margin-bottom: 20px;
}

.small-text {
 font-size: 0.8em;
}


@media screen and (max-width: 991px) {
  .navigationbar__menu {
    padding-top: 1rem;
    padding-left: 1rem;
    width: 80%;
  }
}

.subheader .is--nav .navigationbar__menu .w-dropdown {
    max-width: 100% !important;
}

.is--link.is--nav.w-nav-link.w--nav-link-open {
   margin-left: 7px;
}




.program-subheader .w-nav[data-animation="over-right"] .w-nav-overlay,
.program-subheader .w-nav[data-animation="over-right"] [data-nav-menu-open] {
     top: 60px;
}

.w-richtext figure.w-richtext-figure-type-image > figcaption,
.w-richtext figure[data-rt-type="image"] > figcaption {
	margin-top: 10px !important;
}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
   
    .always-print, .always-print *
    {
        display: block !important;
    }
}

.small-accordion-title {
 white-space: normal;
}

.is--rich-text.is--text-color-white a {
    color: white;
}

.small-accordion-title-style2 {
text-wrap: initial;
 white-space: normal;
}

.primary__button {
    text-align: center !important;
    line-height: 1.25rem !important;
    text-decoration: none !important;
    color: white !important;
}

.primary__button.is--lighter:hover{
    background-image: linear-gradient(to right, #CEE6FA, #CEE6FA, #04befe, #FB6A4A, #4481eb, #CEE6FA, #CEE6FA);
    box-shadow: 0 4px 5px 0 rgba(65, 132, 234, 0.5);
    background-position: 100% 0;
    moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.primary__button:hover{
    background-image: linear-gradient(to right, #2c85d7, #25aae1, #04befe, #FB6A4A, #4481eb, #2c85d7, #2c85d7);
    box-shadow: 0 4px 5px 0 rgba(65, 132, 234, 0.5);
    background-position: 100% 0;
    moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.primary__button{
text-align: center;
    border: none;
    background-size: 300% 100%;

    border-radius: 50px;
    moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


.primary__button.is--lighter:hover{
    background-image: linear-gradient(to right, #CEE6FA, #CEE6FA, #04befe, #FB6A4A, #4481eb, #CEE6FA, #CEE6FA);
    box-shadow: 0 4px 5px 0 rgba(65, 132, 234, 0.5);
    background-position: 100% 0;
    moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.primary__button:hover{
    background-image: linear-gradient(to right, #2c85d7, #25aae1, #04befe, #FB6A4A, #4481eb, #2c85d7, #2c85d7);
    box-shadow: 0 4px 5px 0 rgba(65, 132, 234, 0.5);
    background-position: 100% 0;
    moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.primary__button{
text-align: center;
    border: none;
    background-size: 300% 100%;

    border-radius: 50px;
    moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}