﻿/*------------------------------------*\
    #CARD MOLECULE
\*------------------------------------*/
/**
 * 1) Variants: &--conversion -> adds the top border with the angle. Also has variants to defin color
 */
 .c-card,
 .m-conversion {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     -webkit-box-align: start;
         -ms-flex-align: start;
             align-items: flex-start;
     border: none;
     background: #FFF;
     max-width: none;
     padding: 2rem 2.625rem 2.625rem;
     -webkit-box-shadow: 0 5px 15px 0 rgba(1,52,128,0.15);
             box-shadow: 0 5px 15px 0 rgba(1,52,128,0.15);
 }
 
 @media (min-width:991px) {  
     .c-card--horizontal {
         flex-direction: row;
         align-items: center;
         justify-content: space-between;
     }
     
     .c-card--horizontal > *:not(:last-child) {
         margin-right: 1rem;
     }
     
     .c-card--horizontal p:last-of-type {
         margin-bottom: 0;
     }
 }
 
 .c-card__media,
 .m-conversion__image {
     width: 100%;
     margin: -2rem -2.625rem 2.625rem;
 }
 
 .c-card__media > img,
 .m-conversion__image > img {
     display: block;
     width: calc(100% + 5.25rem);
     max-width: none;
 }
 
 .c-card__icon {
     margin: 0 auto 1.25rem;
 }
 
 .c-card__icon .c-icon {
     margin: 0 auto;
 }
 
 .c-card__icon > img {
     display: block;
     max-width: 100%;
     margin: 0 auto;
 }
 
 .c-card__title,
 .m-conversion__title {
     color: #000;
     font-weight: 700;
     font-size: 1.5rem;
     margin-bottom: 1rem;
 }
 
 .c-card__title--lg {
     font-size: 1.75rem;
 }
 
 .c-card__title--lg:after {
     content: "";
     display: block;
     width: 45px;
     height: 5px;
     margin: 1rem auto;
     background: #FFDA76;
 }
 
 .c-card__body,
 .m-conversion__body {
     text-align: center;
     margin: 0 auto 1rem;
     max-width: 455px;
 }
 
 .c-card__body > p:last-of-type,
 .m-conversion__body > p:last-of-type,
 .c-card__footer > p:last-of-type {
     margin-bottom: 0;
 }
 
 .c-card__link-list > li:not(:last-child) {
     margin-bottom: 1rem;
 }
 
 .c-card__footer,
 .m-conversion__footer {
     margin: auto auto 0;
 }
 
 .c-card__footer--centered,
 .m-conversion__footer--centered {
     text-align: center;
 }
 
 .m-conversion {
     position: relative;
     justify-content: flex-start;
     border-top: 5px solid #FFBA00;
     margin-bottom: 2rem;
 }
 
 .m-conversion:after {
     content: "";
     position: absolute;
     top: 0;
     right: 0;
     display: inline-block;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 0 25px 25px 0;
     border-color: transparent #FFBA00 transparent transparent;
 }
 
 .m-conversion .m-conversion__body {
     text-align: left;
     max-width: none;
     font-size: .875rem;
 }
 
 .m-conversion .m-conversion__title {
     font-size: 1.125rem;
 }
 
 .m-conversion .m-conversion__title:after {
     content: "";
     display: block;
     width: 30px;
     height: 5px;
     margin: 1rem 0;
     background: #FFDA76;
 }
 
 .m-conversion.is-accent-green {
     border-color: #C4D600;
 }
 
 .m-conversion.is-accent-green:after {
     border-color: transparent #C4D600 transparent transparent;
 }
 
 .m-conversion.is-accent-teal {
     border-color: #6BCABA;
 }
 
 .m-conversion.is-accent-teal:after {
     border-color: transparent #6BCABA transparent transparent;
 }
 
 .m-conversion.is-accent-orange {
     border-color: #E57200;
 }
 
 .m-conversion.is-accent-orange:after {
     border-color: transparent #E57200 transparent transparent;
 }

.c-card--center {
    justify-content: center;
    align-items: center;
}

.c-card--feature {
    background: #013480;
    color: #FFFFFF;
    padding: 2rem 1.8rem; /* Change from comp requested by the client */
}

.c-card--feature .c-card__title {
    color: #FFFFFF;
}

.c-card--feature a:not(.c-btn) {
    color: #FFFFFF;
}

.c-card--feature hr {
    background: #144FA8;
    margin: 1.5rem 0; /* Change from comp requested by the client */
}

.ie11 .l-layout__column .c-card,
.ie11 .l-layout__column .c-card--feature {
    display: block;
}


/*------------------------------------*\
    #ACCORDION MOLECULE
\*------------------------------------*/
.c-accordion-comp {
    padding: 1.5rem 0;
    border-bottom: 1px dashed #D7D9DA;
}

.c-accordion-comp:last-of-type {
    margin-bottom: 0;
}

.c-accordion-title,
.c-accordion-content {
    padding-right: 45px;
}

.c-accordion-title {
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
    padding-left: 0;
    cursor: pointer;
    color: #1D72AF;
    font-size: 1.125rem;
    font-weight: 700;
    transition: .5s;
    appearance: none;
    background: none;
    border: none;
}

.c-accordion-title:focus {
    color: #155583;
    outline: none;
}

.c-accordion-title:before {
    content: "＋";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    text-align: center;
    transform:translateY(-50%);
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid;
    border-radius: 100%;
    transition: .5s;
}

.c-accordion-title.is-active:before {
    content: "﹣";
    background: #1D72AF;
    color: #FFFFFF;
}

.c-accordion-content {
    margin-top: 1.125rem;
}

.c-accordion-content p:last-of-type {
    margin-bottom: 0;
}

.c-accordion-content > ul {
    margin-left: 0;
    padding-left: 20px;
    margin-bottom: 0;
}

/* Adds clear for floats in the accordion */
.c-accordion-content:after {
    content: "";
    display: table;
    clear: both;
}

.c-accordion-comp + h2,
.c-accordion-comp + h3,
.c-accordion-comp + h4,
.c-accordion-comp + h5 {
    margin-top: 2.5rem;
}

@media (min-width:768px) {
    
    .c-accordion-title,
    .c-accordion-content {
        padding-right: 60px;
    }
}

/*------------------------------------*\
    #CARD CTA COMPONENT
\*------------------------------------*/
/**
 * 1) Variants: &--lg -> adds the yellow bg to the component
 * 2) The grid can be used for any card cta. Default is 3up due to component default and has a 2up variant.
 * 3) Background is determined from utility classes due to flexibility of component
 */
.c-card-cta--lg {
    padding-top: 20px; /* Offsets the triangle design */
}

.c-card-cta--lg > .l-container {
    position: relative;
}

@media (min-width:990px) {
    .c-card-cta--lg > .l-container .c-card-cta__grid:before {
        content: "";
        position: absolute;
        display: block;
        width: 50%;
        height: 80%;
        top: -20px;
        left: -20px;
        background: url(/assets/_img/Massey/bg_yellowTriangle.svg) top right;
        background-size: contain;
        background-repeat: no-repeat;
        transform: scaleX(-1);
        z-index: -1;
    }
}

.c-card-cta--lg .c-card {
    justify-content: flex-start;
}

.c-card-cta--lg.u-bg-yellow > .l-container .c-card-cta__grid:before,
.c-card-cta--lg.u-bg-light-blue > .l-container .c-card-cta__grid:before,
.c-card-cta--lg.u-bg-image > .l-container .c-card-cta__grid:before,
.c-card-cta--lg.u-bg-pattern > .l-container .c-card-cta__grid:before {
    display: none;
}

.c-card-cta__grid {
    position: relative;
    display: -ms-grid;
    display: grid;
    grid-gap: 1.875rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.c-card-cta__grid > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

@media (min-width:990px) {
    .c-card-cta__grid {
        -ms-grid-columns: 1fr 1.875rem 1fr 1.875rem 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }
    
    .c-card-cta__grid--2up {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    
    /* When the 3up card is in the contained content area make it two col. Until 1366 */
    .l-layout__content .c-card-cta__grid {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    
    
    /* CSS Grid IE11 Fallback */
    .ie11 .c-card-cta__grid {
        display: flex;
        flex-direction: row;
        margin: 0 -25px;
    }
    
    .ie11 .c-card-cta__grid > * {
        display: block;
        width: 100%;
        margin: 0 25px;
        max-width: calc(33.333% - 25px);
    } 
    
    .ie11 .c-card-cta__grid.c-card-cta__grid--2up > * {
        max-width: calc(50% - 25px);
    } 
    
    .ie11 .c-card-cta__grid .c-card__footer {
        text-align: center;
    }
}

@media (min-width:1500px) {
    .l-layout__content .c-card-cta__grid:not(.c-card-cta__grid--2up) {
        -ms-grid-columns: 1fr 1.875rem 1fr 1.875rem 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }
}

/*------------------------------------*\
    #SIMPLE CTA COMPONENT
\*------------------------------------*/
/**
 * 1) Variants: &--rev -> reverse the order of the media and content
 *              &--inline -> Sets a yellow background and uses a different grid than the default.
 * 2) c-simple-cta__inner controls the grid for the component and variants
 */
.c-simple-cta {
    margin-top: calc(5.25rem + 20px);
}

.c-simple-cta__inner  {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0 5px 15px 0 rgba(1,52,128,0.15);
}

@media (min-width:990px) {
    .c-simple-cta__inner {
        flex-direction: row;
        align-items: center;
    }
    
    .c-simple-cta--rev .c-simple-cta__inner {
        flex-direction: row-reverse;
    }
}

.c-simple-cta > .l-container {
    position: relative;
}

.c-simple-cta > .l-container:before {
    content: "";
    position: absolute;
    display: block;
    width: 50%;
    height: 80%;
    top: -20px;
    left: -20px;
    background: url(/assets/_img/Massey/bg_yellowTriangle.svg) top right;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
    transform: scaleX(-1);
}

.c-simple-cta--rev > .l-container:before {
    content: "";
    position: absolute;
    display: block;
    width: 50%;
    height: 80%;
    top: -20px;
    right: -20px;
    left: auto;
    background: url(/assets/_img/Massey/bg_yellowTriangle.svg) top right;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
    transform: none;
}

.c-simple-cta__media{
    position: relative;
    padding-bottom: 75%;
    overflow: hidden;   
}

@media screen and (min-width: 990px) {
    .c-simple-cta__media{
        padding-bottom: 45%;
    }
}

.c-simple-cta__media > img,
.c-simple-cta__media > iframe {
    position: absolute;
    display: block;
    object-fit: cover;
    object-position: left center;
    height: 100%;
    width: 100%;
    z-index: 1;
    
}

.c-simple-cta__media > iframe {
    z-index: 0;
}

@media (min-width:990px) {
    .c-simple-cta__media {
        flex: 0 0 60%;
        max-width: 60%;
    }
}

.c-simple-cta__content {
    padding: 2rem 3rem;
}

.c-simple-cta__content .c-btn + .c-arrow-link,
.c-simple-cta__content .c-arrow-link + .c-btn,
.c-simple-cta__content .c-btn-video + .c-arrow-link,
.c-simple-cta__content .c-btn-video + .c-btn {
    margin-top: 1rem;
}

@media (min-width:990px) {
    .c-simple-cta__content {
        flex: 0 0 40%;
        max-width: 40%;
    }
}

.c-simple-cta--inline .c-simple-cta__inner {
    background: #FFFAEB;
    border: 1px solid #EBEDEF;
    padding: 1.5rem;
    box-shadow: none;
}

.c-simple-cta--inline .c-simple-cta__media {
    padding-bottom: 0;
}

@media (min-width:990px) {
    .c-simple-cta--inline .c-simple-cta__media {
        flex: 0 0 40%;
        max-width: 40%;
    }
    
    .c-simple-cta--inline .c-simple-cta__content {
        flex: 0 0 60%;
        max-width: 60%;
    }
}

.c-simple-cta--inline .c-simple-cta__media > img {
    position: inherit;
}

.c-simple-cta--inline > .l-container:before {
    display: none;
}

/*------------------------------------*\
    #SPEEDBUMP COMPONENT
\*------------------------------------*/
/**
 * 1) Typically only next to the footer
 * 2) There is one implementation of this also used in the Simple CTA for the "Slim" option
 */
.c-speedbump {
    position: relative;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    border-top: 1px solid #EBEDEF;
}

.c-speedbump--cta {
    border-top: none;
}

.c-speedbump__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.c-speedbump__media {
    display: none;
    position: absolute;
    max-width: 300px;
    top: -40px;
    bottom: 0;
}

.c-speedbump__media > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: left;
}

.c-speedbump__title {
    margin-bottom: .5rem;
}

.c-speedbump--cta .c-speedbump__content {
    text-align: center;
    margin-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.c-speedbump__inner--eq > * {
    flex: 1 1 100%;
    width: 100%;
    margin: 10px 0;
}

.c-speedbump__inner--eq > *:first-child {
    margin-top: 0;
}

.c-speedbump__inner--eq > *:last-child {
    margin-bottom: 0;
}

@media (min-width:990px) {
    .c-speedbump__inner {
        flex-direction: row;
        justify-content: space-between;
    }
    
    .c-speedbump__inner--eq > *:first-child {
        margin-left: 0;
    }
    
    .c-speedbump__inner--eq > *:last-child {
        margin-right: 0;
    }
    
    .c-speedbump__inner--eq > * {
        flex: 1 1 auto;
        width: auto;
        margin: 0 20px;
    }
    
    .c-speedbump__inner--eq3up > * {
        flex: 1 1 33.333%;
    }
    
    .c-speedbump__inner--eq4up > * {
        flex: 1 1 25%;
    }
    
    .c-speedbump__media {
        display: block;
    }
    
    .c-speedbump--cta {
        margin-top: 5.25rem; /* offset from the speedbump media */
    }
    
    .c-speedbump--cta .c-speedbump__content {
        margin-left: 345px;
        padding-left: 0;
        padding-right: 1.5rem;
        max-width: 600px;
        margin-bottom: 0;
        text-align: left;
    }
}

/*------------------------------------*\
    #HOMEPAGE HERO COMPONENT
\*------------------------------------*/
.c-hp-hero {
    position: relative;
    margin: 1rem;
    padding-top: 40%;
    background-size: contain;
    background-repeat: no-repeat;
}

@media (min-width: 768px) {
    .c-hp-hero {
        height: 38vw;
        padding-top: 0;
        background-size: cover;
    }
}

.c-hp-hero:before {
    content: "";
    position: absolute;
    display: block;
    width: 50%;
    height: 80%;
    top: -1rem;
    right: -1rem;
    left: auto;
    background: url(/assets/_img/Massey/bg_yellowTriangle.svg) top right;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
    transform: none;
    z-index: -1;
}

/**
 * Create the gradient overlay only on larger desktops
 */
@media (min-width: 768px) {
    .c-hp-hero:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 75%;
        display: block;
        background: linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(12,20,32,0.7) 100%);
        z-index: 5;
    }
}

.c-hp-hero__content {
    background: #FFFFFF;
    z-index: 10;
    margin-left: -1rem;
    margin-right: -1rem;
    text-align: center;
    padding-top: 3rem;
}

@media (min-width: 768px) {
    .c-hp-hero__content {
        position: absolute;
        top: 45%;
        transform: translateY(-50%);
        color: #FFFFFF;
        background: none;
        margin: 0;
        text-align: left;
        max-width: 590px;
        padding-top: 0;
    }
}

.c-hp-hero__content .c-page-header__title:after {
    margin: 1rem auto;
}

.c-hp-hero__content .c-btn-video { 
    justify-content: center;
}

@media (min-width: 768px) {
    .c-hp-hero__content .c-page-header__title {
        text-shadow: 0 5px 10px rgba(0,0,0,0.3);
    }

    .c-hp-hero__content .c-page-header__title:after {
        margin: 1rem 0 2rem;
    }
    .c-hp-hero__content .c-btn-video {
        color: #FFFFFF;
        justify-content: flex-start;
    }
}

/**
 * If the link slector is next to the hp hero overlap the selector and the hero.
 */
.c-hp-hero + .c-link-selector { 
    margin-top: 2.5rem;
    margin-bottom: 0;
}

@media (min-width: 990px) {
    .c-hp-hero + .c-link-selector {
        position: relative;
        z-index: 5;
        margin-top: -3rem;
    }
}

@media (min-width: 1366px) {
    .c-hp-hero + .c-link-selector {
        margin-top: -6rem;
    }
}

/*------------------------------------*\
    #INTERNAL HERO COMPONENT
\*------------------------------------*/
.c-hero {
    position: relative;
    margin: .5rem;
}

.c-hero:before {
    content: "";
    position: absolute;
    display: block;
    width: 50%;
    height: 80%;
    top: -.5rem;
    right: -.5rem;
    left: auto;
    background: url(/assets/_img/Massey/bg_yellowTriangle.svg) top right;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
    transform: none;
    z-index: -1;
}

.c-hero--fad {
    background: #F0F7FC;
}

@media (min-width:991px) {
    .c-hero {
        margin: 1rem;
    }
    
    .c-hero:before {
        top: -1rem;
        right: -1rem;
    }
}

.c-hero__inner {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 2rem;
}

.c-hero--fad .c-hero__inner {
    flex-direction: column;
    align-items: center;
}

@media (min-width:991px) {
    .c-hero__inner {
        flex-direction: row;
        margin-bottom: 0;
    }
}

.c-hero__content {
    flex: 1 1 auto;
    width: 100%;
    padding: 1.5rem;
    background: #F0F7FC;
}

.c-hero__content .c-page-header__title:after {
    margin: 1rem 0 2rem;
}

.c-hero--fad .c-card {
    width: calc(100% + 5rem);
    margin: 0 -2.5rem -1.5rem;
    border-top: .5rem solid #FFF;
}
@media (min-width:768px) {
    .c-hero--fad .c-hero__content {
        width: 100%;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
    }
}

@media (min-width:991px) {
    .c-hero__content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 5vw;
    }
    
    .c-hero--fad .c-card {
        margin: 0 0 0 auto;
        width: auto;
    }
}

.c-hero__inner-content {
    margin-bottom: 1rem;
    text-align:center;
}

.c-hero__inner-content a[href="#divRatings"] {
    text-decoration: none;
}

.c-hero__inner-content .u-underline-title:after {
    margin: 1rem auto 0;
}

@media (min-width:768px) {
    .c-hero__inner-content {
        text-align: left;
    }
    
    .c-hero__inner-content .u-underline-title:after {
        margin: 1rem 0 2rem;
    }
}


@media (min-width:991px) {
    .c-hero__inner-content {
        flex: 1 1 auto;
        margin-bottom: 0;
        padding-right: 2.5rem;
    }
}

.c-hero__card {
    border-radius: 5px;
    padding: 1.5rem 1rem;
    margin-bottom: -3.5rem;
}

@media (min-width:991px) {
    .c-hero__card {
        margin-bottom: 0;
        padding: 1.5rem 2rem;
    }
}

.c-hero__img {
    margin-bottom: .5rem;
    background-size: cover;
    background-position: center;
    padding-bottom: 78%;
}

@media (min-width:600px) {
    .c-hero__img {
        padding-bottom: 37.3333%;
    }
}

@media (min-width:991px) {
    .c-hero__img {
        flex: 0 0 44%;
        max-width: 44%;
        margin-left: 1rem;
        margin-bottom: 0;
        padding-bottom: 37.3333%;
    }
}

.c-hero__thumbnail {
    margin-bottom: 2rem;
    width: 175px;
    height: auto;
}

@media (min-width:768px) {
    .c-hero__thumbnail {
        margin-bottom: 0;
        margin-right: 3rem;
    }
}

.c-hero__list {
    margin-bottom: 2rem;
}

.c-hero__list strong {
    display: block;
}

.c-hero__list li {
    margin-bottom: 1rem;
}

@media (min-width:768px) {
    .c-hero__list {
        display: flex;
        flex-wrap: wrap;
    }
    
    .c-hero__list li {
        flex: 0 0 calc(50% - 3rem);
        max-width: calc(50% - 3rem);
        margin-right: 3rem;
        margin-bottom: 0;
    }
}

.c-hero + .find-a-provider-search {
    position: relative;
    z-index: 5;
    margin-top: 3.5rem;
}

@media screen and (min-width:990px) {
    .c-hero + .find-a-provider-search {
        margin-top: -4.5rem;
    }
}

/*------------------------------------*\
    #LINK SELECTOR COMPONENT
\*------------------------------------*/
.selector-group {
    display: flex;
    flex-direction: column;
    background: #fff;
    box-shadow: 0 10px 30px 0 rgba(1,52,128,0.15);
    border-radius: 5px;
    padding: 0 30px;
}

@media (min-width: 960px) {
    .selector-group {
        flex-direction:row;
        padding: 20px 0;
    }
}

.selector-group__form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 100%;
    padding: 30px 0 0;
}

@media (min-width: 960px) {
    .selector-group__form {
        max-width:33.333%;
        border-bottom: none;
        text-align: left;
        padding: 20px 40px;
        border-right: 1px solid #EBEDEF;
    }
}

.selector-group__link {
    display: block
}

@media (min-width: 960px) {
    .selector-group__link {
        display:inline-block;
        margin-left: 10px
    }
}

.selector-group__title {
    font-weight: 300;
    font-size: 1rem;
    margin-bottom: 0;
}

.selector-group__selector {
    display: block;
    width: 100%;
    margin: 0 auto;
    appearance: none;
    border: none;
    background: #FFFFFF;
    box-shadow: none;
}

.selector-group__selector.selectize-control .selectize-input:after {
    border-color: #000000 transparent transparent transparent !important;
}

.selector-group__selector .selectize-dropdown-content {
    padding: .75rem 0;
    box-shadow: 0 1px 5px 0 rgba(1,52,128,0.15);
}

.selector-group__selector.selectize-dropdown .option {
    padding: .75rem 1.25rem;
    font-size: 1rem;
    color: #393D3F;
}

.selector-group__selector .option:hover {
    color: #000000;
    background: none;
    font-weight: 700;
    cursor: pointer;
}

.selector-group__selector .option.selected {
    background: none;
}

.selector-group__selector .selectize-input {
    border: none;
    box-shadow: none;
    font-size: 1.4375rem;
    font-weight: 700;
    padding-left: 0;
    border-radius: 0;
    border-bottom: 2px solid #FFCB40;
}

.selector-group__selector .selectize-input.focus {
    box-shadow: none;
}

.selector-group__selector:focus {
    outline: none;
    border-color: #000000;
}

.selector-group__holder {
    position: relative;
    flex: 0 0 66.666%
}

.selector-group__cta-group {
    left: 0;
    height: 100%;
    display: flex;
    flex-direction: column
}

@media (min-width: 960px) {
    .selector-group__cta-group {
        flex-direction:row;
        width: 100%;
        position: absolute
    }
}

.selector-group__cta-group.is-out .selector-group__cta {
    -webkit-animation: fadeOut .5s forwards;
    animation: fadeOut .5s forwards;
    z-index: 0
}

@media (max-width: 959px) {
    .selector-group__cta-group.is-out {
        display:none
    }
}

.selector-group__cta-group.is-in .selector-group__cta {
    -webkit-animation: fadeInLeft 1s forwards;
    animation: fadeInLeft 1s forwards;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    z-index: 1
}

.selector-group__cta-group.is-in .selector-group__cta:nth-child(2) {
    -webkit-animation-delay: .75s;
    animation-delay: .75s
}

.selector-group__cta-group.is-in .selector-group__cta:nth-child(3) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

@media (max-width: 959px) {
    .selector-group__cta-group.is-in {
        display:block
    }

    .selector-group__cta-group.is-in .selector-group__cta {
        -webkit-animation: fadeIn 1s forwards;
        animation: fadeIn 1s forwards;
        -webkit-animation-delay: .5s;
        animation-delay: .5s
    }
}

.selector-group__cta {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    color: #555;
    padding: 40px;
    border-bottom: 1px solid #DBE4ED;
    opacity: 0;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
}

.selector-group__cta:last-of-type {
    border: none;
}

.selector-group__cta .c-arrow-link {
    justify-content: center;
}

@media (min-width: 960px) {
    .selector-group__cta {
        border-bottom:none;
        border-right: 1px solid #DBE4ED;
        padding: 40px;
        width: 33.333%
    }
}

@media (min-width: 991px) {
    .multi-link-cta--rev .bg-cta-grid {
        flex-direction: row-reverse;
    }
}

@media (max-width: 991px) {
  /* line 61, src/scss/_layout.scss */
  .multi-link-cta .bg-cta-grid__right-section {
    display: none;
  }
}

/* line 40, src/scss/_layout.scss */
.multi-link-cta .bg-cta-grid__left-section {
  flex-direction: column;
  text-align: left;
}

@media (min-width: 991px) {
    .multi-link-cta .bg-cta-grid__left-section {
      padding: 15px 45px;
    }
}

@media (max-width: 991px) {
  /* line 40, src/scss/_layout.scss */
  .multi-link-cta .bg-cta-grid__left-section {
    display: block;
  }
}


.marketing-section .bg-cta-grid__left-section {
  color: #fff;
}

.marketing-section .bg-cta-grid__img {
    padding-bottom: calc(90px + 3rem);
    align-items: center;
}

.marketing-section .bg-cta-grid__content p {
  margin: 0.9375rem 0;
}


/*------------------------------------*\
    #FIND CANCER TREATMENTS COMPONENT
\*------------------------------------*/
/* line 1, src/scss/pages/_find-cancer-and-treatments.scss */
.find-cancer-and-treatments {
  background: url("/assets/_img/Massey/img-bg_Massey-Sunburst.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: #FFFAEB;
  padding: 5.9375rem 1rem;
}

/*------------------------------------*\
    #DROP DOWN LIST COMPONENT
\*------------------------------------*/
.drop-down-list-container {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #FFFAEB;
    padding: 5.9375rem 1rem;
    margin-top: 0;
    margin-bottom: 0;
}

/* line 9, src/scss/pages/_find-cancer-and-treatments.scss */
.find-cancer-and-treatments__wrapper {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 50rem;
  height: auto;
  text-align: center;
}

/* line 18, src/scss/pages/_find-cancer-and-treatments.scss */
.find-cancer-and-treatments__wrapper .u-underline-title:after {
  margin: 1rem auto 1.875rem;
}

/* line 22, src/scss/pages/_find-cancer-and-treatments.scss */
.find-cancer-and-treatments__wrapper p {
  max-width: 28.75rem;
  margin: 0 auto 1.875rem;
  font-size: 1.125rem;
  font-weight: 300;
}

/* line 27, src/scss/pages/_find-cancer-and-treatments.scss */
.find-cancer-and-treatments__wrapper .selectize-input {
  width: 95%;
  padding: 14px 10px;
  text-align: left;
  border-radius: unset;
  box-shadow: none;
}

@media (max-width: 61.9375rem) {
  /* line 27, src/scss/pages/_find-cancer-and-treatments.scss */
  .find-cancer-and-treatments__wrapper .selectize-input {
    width: 100%;
  }
}

/* line 38, src/scss/pages/_find-cancer-and-treatments.scss */
.find-cancer-and-treatments__btn-wrapper {
  margin-top: 1rem;
}

/* line 42, src/scss/pages/_find-cancer-and-treatments.scss */
.find-cancer-and-treatments__btn-wrapper .c-btn:first-of-type {
  margin-right: 1.25rem;
}

@media (max-width: 61.9375rem) {
  /* line 42, src/scss/pages/_find-cancer-and-treatments.scss */
  .find-cancer-and-treatments__btn-wrapper .c-btn:first-of-type {
    margin-right: 0;
    margin-bottom: 1rem;
  }
}

@media (max-width: 61.9375rem) {
  /* line 41, src/scss/pages/_find-cancer-and-treatments.scss */
  .find-cancer-and-treatments__btn-wrapper .c-btn {
    width: 100%;
  }
}

@media (max-width: 61.9375rem) {
  /* line 1, src/scss/pages/_find-cancer-and-treatments.scss */
  .find-cancer-and-treatments {
    padding: 1.875rem 1rem;
    background-position: bottom;
  }
}

/*------------------------------------*\
    #HOMEPAGE NEWS COMPONENT
\*------------------------------------*/
/* line 2, src/scss/pages/_news-module.scss */
.news-module__title {
  text-align: center;
  margin-bottom: 1.25rem;
}

/* line 7, src/scss/pages/_news-module.scss */
.news-module__title.u-underline-title::after {
  margin: 1rem auto;
}

/* line 13, src/scss/pages/_news-module.scss */
.news-module__slide-image {
  margin-bottom: 1.25rem;
}

/* line 17, src/scss/pages/_news-module.scss */
.news-module__category-title {
  margin-bottom: 0;
  font-weight: 700;
  font-size: .875rem;
}

/* line 21, src/scss/pages/_news-module.scss */
.news-module__title-header {
  color: #1D72AF;
  font-size: 1.5rem;
  margin-top: -10px;
  margin-bottom: 1.25rem;
}

.news-module__title-header > a {
    text-decoration: underline;
}

/* line 28, src/scss/pages/_news-module.scss */
.news-module__summary {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

/* line 32, src/scss/pages/_news-module.scss */
.news-module__slider {
  display: block;
}

@media (min-width:992px) {
    .news-module__slider {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-column-gap: 1.875rem;
    }
    
    /* CSS Grid IE11 Fallback */
    .ie11 .news-module__slider {
        display: flex;
        flex-direction: row;
        margin: 0 -25px;
    }
    
    .ie11 .news-module__slider > * {
        display: block;
        width: 100%;
        margin: 0 25px;
        max-width: calc(33.333% - 25px);
    } 
}

/* line 38, src/scss/pages/_news-module.scss */
.news-module__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* line 42, src/scss/pages/_news-module.scss */
.news-module__slide:focus {
  outline: none;
}

/* line 47, src/scss/pages/_news-module.scss */
.news-module .c-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  max-width: 195px;
  margin: 3.125rem auto 0;
}

/* line 51, src/scss/pages/_news-module.scss */
.news-module .c-btn__inner {
  margin: 0 auto;
}

@media (max-width: 61.9375rem) {
  /* line 47, src/scss/pages/_news-module.scss */
  .news-module .c-btn {
    margin: 3.75rem auto 0;
  }
}

/* line 73, src/scss/pages/_news-module.scss */
.news-module .slick-dots {
  z-index: 10;
}

/* line 76, src/scss/pages/_news-module.scss */
.news-module .slick-dots li {
  margin: 0;
}

/* line 81, src/scss/pages/_news-module.scss */
.news-module .slick-dots li.slick-active button::before {
  color: #013480;
}

/* line 88, src/scss/pages/_news-module.scss */
.news-module .slick-dots li button::before {
  font-size: 40px;
}

/* line 95, src/scss/pages/_news-module.scss */
.news-module .slick-prev,
.news-module .slick-next {
  height: 40px;
  width: 40px;
  top: calc(100% + 15px);
  z-index: 20;
}

/* line 102, src/scss/pages/_news-module.scss */
.news-module .slick-prev::before,
.news-module .slick-next::before {
  display: none;
}

/* line 107, src/scss/pages/_news-module.scss */
.news-module .slick-next::before,
.news-module .slick-prev {
  content: "";
  display: block;
  height: 40px;
  width: 40px;
  opacity: 1;
}

/* line 116, src/scss/pages/_news-module.scss */
.news-module .slick-next {
  right: 0px;
}

/* line 120, src/scss/pages/_news-module.scss */
.news-module .slick-next::before {
  background: url("/assets/_img/Massey/right-arrow-blue.svg") no-repeat;
  background-size: contain;
  background-position: center;
}

/* line 127, src/scss/pages/_news-module.scss */
.news-module .slick-prev {
  background: url("/assets/_img/Massey/left-arrow-blue.svg") no-repeat;
  background-size: contain;
  background-position: center;
  left: 0px;
}

/* line 134, src/scss/pages/_news-module.scss */
.news-module .slick-prev:hover,
.news-module .slick-prev:focus,
.news-module .slick-next:hover,
.news-module .slick-next:focus {
  background: url("/assets/_img/Massey/left-arrow-blue.svg") no-repeat;
  background-size: contain;
  background-position: center;
}

/*------------------------------------*\
    #HOMEPAGE NEWS COMPONENT
\*------------------------------------*/
.becoming-a-patient {
    margin: 0 auto
}

.becoming-a-patient > h2 {
    margin-bottom: 1rem;
}

.becoming-a-patient__progress {
    max-width: 730px;
    margin: 50px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.becoming-a-patient__progress-steps {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px
}

.becoming-a-patient__step {
    width: 33.33%;
    position: relative
}

.becoming-a-patient__step::after {
    content: '';
    position: absolute;
    background: #bfdaee;
    width: 40%;
    height: 1px;
    left: 190px;
    top: 50px
}

@media (max-width: 768px) {
    .becoming-a-patient__progress {
        -webkit-box-align:start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .becoming-a-patient__progress-steps {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .becoming-a-patient__step::after {
        background: 0 0;
        border-right: 1px solid #bfdaee;
        height: 60%;
        width: 1px;
        top: 76px;
        left: 34px
    }
}

.becoming-a-patient__step:last-of-type::after {
    display: none
}

.becoming-a-patient__step .c-icon {
    width: 100px;
    height: 100px;
    margin-bottom: 10px
}

.becoming-a-patient__step-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 768px) {
    .becoming-a-patient__step .c-icon {
        width:70px;
        height: 70px;
        margin-right: 20px
    }

    .becoming-a-patient__step {
        margin-bottom: 50px;
        width: 100%
    }

    .becoming-a-patient__step:last-of-type {
        margin-bottom: 0
    }

    .becoming-a-patient__step-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.mini-cards h3 {
    font-size: 18px;
    margin-bottom: 10px
}

.mini-cards hr {
    background: #bfdaee
}

.mini-cards .l-grid-item {
    position: relative;
    padding-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mini-cards .l-grid-item::after {
    content: '';
    position: absolute;
    border-right: 1px solid #bfdaee;
    width: 1px;
    height: 100%;
    right: 0;
    top: 0
}

.mini-cards .l-grid-item:last-of-type::after {
    display: none
}

.mini-cards .l-grid-content {
    padding: 0 15px;
    width: 100%;
}

@media (max-width: 991px) {
    .mini-cards hr {
        display: none
    }

    .mini-cards .l-grid-item {
        display: block;
        border-bottom: 1px solid #bfdaee;
        padding: 0 0 20px
    }

    .mini-cards .l-grid-item::after {
        display: none
    }

    .mini-cards .l-grid-item:first-of-type {
        padding-top: 20px
    }
}


/*------------------------------------*\
    #TABS COMPONENT
\*------------------------------------*/
/* line 1, src/scss/components/_tabs.scss */
.c-tabs {
  border: 1px solid #D7D9DA;
}

/* line 5, src/scss/components/_tabs.scss */
.c-tabs__container ul {
  display: flex;
  border-bottom: 1px solid #D7D9DA;
  flex-direction: column;
}

@media (min-width: 991px) {
  /* line 5, src/scss/components/_tabs.scss */
  .c-tabs__container ul {
    flex-direction: row;
  }
}

/* line 16, src/scss/components/_tabs.scss */
.c-tabs__tab-item {
  position: relative;
  padding: 20px;
  width: 100%;
  text-align: center;
  background: #F0F7FC;
  border-bottom: 1px solid #D7D9DA;
  cursor: pointer;
}

/* line 25, src/scss/components/_tabs.scss */
.c-tabs__tab-item a {
  color: #1D72AF;
}

/* line 29, src/scss/components/_tabs.scss */
.c-tabs__tab-item:last-of-type {
  border-bottom: none;
}

/* line 33, src/scss/components/_tabs.scss */
.c-tabs__tab-item--active {
  background: #fff;
  border-top: 4px solid #FFBA00;
  border-bottom: 2px solid #D7D9DA;
}

/* line 38, src/scss/components/_tabs.scss */
.c-tabs__tab-item--active::after {
  content: '';
  position: absolute;
  background: #fff;
  height: 1px;
  width: 100%;
  right: 20px;
  bottom: -1px;
  left: 0;
}

/* line 49, src/scss/components/_tabs.scss */
.c-tabs__tab-item--active a {
  color: #000;
  font-weight: bold;
}

@media (min-width: 991px) {
  /* line 54, src/scss/components/_tabs.scss */
  .c-tabs__tab-item--active:not(:first-of-type) {
    border-left: 1px solid #D7D9DA;
  }
}

/* line 60, src/scss/components/_tabs.scss */
.c-tabs__tab-item--active:last-of-type {
  border-right: none;
  border-bottom: 1px solid #D7D9DA;
}

@media (min-width: 991px) {
  /* line 60, src/scss/components/_tabs.scss */
  .c-tabs__tab-item--active:last-of-type {
    border-bottom: none;
  }
}

@media (min-width: 991px) {
  /* line 33, src/scss/components/_tabs.scss */
  .c-tabs__tab-item--active {
    border-right: 1px solid #D7D9DA;
    border-bottom: 1px solid #D7D9DA;
  }
}

@media (min-width: 991px) {
  /* line 16, src/scss/components/_tabs.scss */
  .c-tabs__tab-item {
    flex: 1 1 auto;
    border-bottom: none;
  }
}

/* line 82, src/scss/components/_tabs.scss */
.c-tabs__content-container {
  padding: 40px;
}

/* line 85, src/scss/components/_tabs.scss */
.c-tabs__content-container--mobile {
  display: none;
}

/* line 88, src/scss/components/_tabs.scss */
.c-tabs__content-container--mobile.active {
  display: block;
}

@media (min-width: 991px) {
  /* line 88, src/scss/components/_tabs.scss */
  .c-tabs__content-container--mobile.active {
    display: none;
  }
}

@media (min-width: 991px) {
  /* line 85, src/scss/components/_tabs.scss */
  .c-tabs__content-container--mobile {
    display: none;
  }
}

/* line 101, src/scss/components/_tabs.scss */
.c-tabs__content-container--desktop {
  display: none;
}

@media (min-width: 991px) {
  /* line 101, src/scss/components/_tabs.scss */
  .c-tabs__content-container--desktop {
    display: block;
  }
}

/* line 110, src/scss/components/_tabs.scss */
.c-tabs__content {
  display: none;
}

/* line 113, src/scss/components/_tabs.scss */
.c-tabs__content--mobile {
  padding-top: 30px;
  text-align: left;
}

/* line 117, src/scss/components/_tabs.scss */
.c-tabs__content--mobile.active {
  display: block;
}

@media (min-width: 991px) {
  /* line 117, src/scss/components/_tabs.scss */
  .c-tabs__content--mobile.active {
    display: none !important;
  }
}

/* line 127, src/scss/components/_tabs.scss */

.c-tabs__content h2,
.c-tabs__content h3,
.c-tabs__content h4,
.c-tabs__content h5 {
    margin-bottom: 1rem;
}

.c-tabs__content p:last-of-type {
  margin-bottom: 0;
}

.c-tabs__content p:last-of-type + h2,
.c-tabs__content p:last-of-type + h3,
.c-tabs__content p:last-of-type + h4,
.c-tabs__content p:last-of-type + h5 {
  margin-top: 1rem;
}

/* line 131, src/scss/components/_tabs.scss */
.c-tabs__content.active {
  display: block;
}


/* line 52, src/scss/pages/_location-detail.scss */
.location-detail__slider-wrapper {
  padding: 60px 85px;
}

.location-detail__slider-wrapper .slick-slider .slick-slide {
    margin: 0 1.25rem;
    height: auto;
}

@media (max-width: 991px) {
  /* line 52, src/scss/pages/_location-detail.scss */
  .location-detail__slider-wrapper {
    padding: 30px 15px 100px;
  }
}

@media (max-width: 991px) {
  /* line 61, src/scss/pages/_location-detail.scss */
  .location-detail__slider-wrapper .slick-slider .slick-prev, 
  .location-detail__slider-wrapper .slick-slider .slick-next {
    top: unset;
    bottom: -85px;
  }
}

/* line 67, src/scss/pages/_location-detail.scss */
.location-detail__slider-wrapper .slick-slider .slick-next {
  right: 0;
}

@media (min-width: 991px) {
  /* line 67, src/scss/pages/_location-detail.scss */
  .location-detail__slider-wrapper .slick-slider .slick-next {
    right: -60px;
  }
}

/* line 73, src/scss/pages/_location-detail.scss */
.location-detail__slider-wrapper .slick-slider .slick-prev {
  left: 0;
}

@media (min-width: 991px) {
  /* line 73, src/scss/pages/_location-detail.scss */
  .location-detail__slider-wrapper .slick-slider .slick-prev {
    left: -60px;
  }
}

/* line 80, src/scss/pages/_location-detail.scss */
.location-detail__slider-wrapper .slick-slider .slick-dots {
  bottom: -55px;
}

/* line 86, src/scss/pages/_location-detail.scss */
.c-notification-bar {
  border-top: 5px solid #FFBA00;
  border-radius: 5px 5px 0 0;
  padding: 40px 35px;
}

/* line 91, src/scss/pages/_location-detail.scss */
.c-notification-bar h3 {
  font-size: 18px;
}

/* line 95, src/scss/pages/_location-detail.scss */
.c-notification-bar p:last-of-type {
  margin-bottom: 0;
}

.appointment-btn {
  position: relative;
}

/* line 5, src/scss/components/_buttons.scss */
.appointment-btn:first-of-type::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  background: #D7D9DA;
  top: 0;
  right: -48px;
}

@media (max-width: 991px) {
  /* line 5, src/scss/components/_buttons.scss */
  .appointment-btn:first-of-type::after {
    display: none;
  }
}

/* line 20, src/scss/components/_buttons.scss */
.appointment-btn__wrapper {
  display: flex;
  justify-content: space-between;
  max-width: 535px;
}

/* line 25, src/scss/components/_buttons.scss */
.appointment-btn__wrapper hr {
  background: #D7D9DA;
  display: none;
}

@media (max-width: 991px) {
  /* line 25, src/scss/components/_buttons.scss */
  .appointment-btn__wrapper hr {
    display: block;
  }
}

@media (max-width: 991px) {
  /* line 20, src/scss/components/_buttons.scss */
  .appointment-btn__wrapper {
    display: block;
  }
}

/* line 39, src/scss/components/_buttons.scss */
.appointment-btn__title {
  font-size: 18px;
  margin-bottom: 15px;
}

.c-card-intro {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.c-card-intro__content {
    order: 1;
    flex: 1 1 auto;
}

.c-card-intro__card {
    order: 2;
    flex: 1 1 auto;
}

@media (min-width: 768px) {
    .c-card-intro {
        flex-direction: row;
    }
    
/*
    .c-card-intro__content {
        max-width: 66.667%;
    }
*/
    
    .c-card-intro__card {
        flex: 0 0 330px;
        margin-left: 2rem;
    }
}

.l-layout__column .c-card-intro__card {
    width: 100%;
    margin-left: 0;
    margin-bottom: 2rem;
}


/*------------------------------------*\
    #RELATED NEWS
\*------------------------------------*/
/**
 * 1) Initially pulled from CHoR but has a lot of similarities to the way VCU and Massey work. 
 * 2) This is a potential candiadate for the VCU core setup as all three share a lot of similarity.
 */
.related-news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.related-news .related-news__item {
    margin: 20px
}

.related-news .related-news__title {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.related-news .related-news__link {
    margin-top: 40px;
    text-align: center;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.61111
}

.related-news .related-news__slider {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.related-news--cta .related-news__cta {
    width: calc(100% + 40px);
    margin-top: 60px;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    border-radius: 0;
    padding: 60px 20px;
    margin-left: -20px;
    margin-bottom: -60px
}

.related-news--cta .related-news__cta .cta__title {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.5
}

@media (min-width: 960px) {
    .related-news {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .related-news .related-news__title {
        margin-bottom: 0
    }

    .related-news .related-news__link {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 0;
        margin-left: auto
    }

    .related-news .related-news__slider {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 40px
    }

    .related-news .related-news__item {
        margin: 0 20px;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 25%
    }

    .related-news .related-news__item:first-child {
        margin-left: 0
    }

    .related-news .related-news__item:last-child {
        margin-right: 0
    }

    .related-news--cta .related-news__slider {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .related-news--cta .related-news__item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 33.3333%
    }

    .related-news--cta .related-news__item:last-child {
        margin-right: 40px
    }

    .related-news--cta .related-news__cta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        border-radius: 5px;
        margin: 40px 0 0 0
    }    
}

.u-list-inline img {
    width: .875rem;
    margin-left: .5rem;
}

/* Massey Locations Search */
.locationsContainer {
    margin-top: 4rem;
}

.c-location-search__toggle {
    display: block;
    appearance: none;
    padding: 0;
    color: #1D72AF;
    border: none;
    background: none;
    margin: 0 auto;
    text-align: center;
    padding-right: 1rem;
    background: url(/assets/_img/Massey/caret-icon.svg) center right no-repeat #FFF;
    background-size: .625rem;
}

@media (min-width:1170px) { 
    .c-location-search__toggle {
        display: none;
    }
}

@media (max-width:1170px) { 
    .mainSearchContainer {
        display: none;
        width: 100%;
    }
}

.c-location-search {
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media (min-width:1170px) { 
    .c-location-search {
        flex-direction: row;
    }
}

.c-location-search__card {
    margin-top: 2rem;
}

@media (min-width:1170px) { 
    .c-location-search__card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        border: none;
        background: #FFF;
        max-width: none;
        margin-top: 0;
        padding: 2rem 2.625rem 2.625rem;
        -webkit-box-shadow: 0 5px 15px 0 rgba(1,52,128,0.15);
                box-shadow: 0 5px 15px 0 rgba(1,52,128,0.15);
    }
}

.c-location-search input[type="text"],
.c-location-search select {
    display: block;
    appearance: none;
    border: none;
    padding: 6px 12px;
    min-height: 3.125rem;
    line-height: 2.25rem;
    color: #212529;
height: auto;
}

.c-location-search select{
    background: url(/assets/_img/Massey/caret-icon.svg) calc(100% - 12px) center no-repeat #FFF;
    background-size: .625rem;
}

@media (min-width:1170px) {
    .c-location-search input[type="text"],
    .c-location-search select {
        border: 1px solid #686868;
    }
}

.c-location-search label {
    display: block;
    margin-bottom: .5rem;
    font-weight: 600;
    text-transform: uppercase;
}

@media (max-width:1170px) {
    .c-location-search label {
        position: absolute !important;
        overflow: hidden;
        width: 1px;
        height: 1px;
        padding: 0;
        border: 0;
        clip: rect(1px, 1px, 1px, 1px);
    }
}

.c-grouped-field {
    display: flex;
    align-items: flex-start;
}

.c-grouped-field .form-group {
    flex: 0 0 50%;
    max-width: 50%;
}

.c-grouped-field .form-group select:last-of-type {
    border-left: 1px solid #D2D2D2;
}

@media (min-width:1170px) { 
    .c-grouped-field .form-group select:last-of-type {
        border-left: none;
    }
}

.c-location-search__group {
    display: flex;
    flex-direction: column;
    flex: 1 1 100%;
    max-width: 100%;
}

@media (min-width:1170px) { 
    .c-location-search__group {
        flex: 1 1 20%;
        max-width: 20%;
        padding: 0 .5rem;
    }
}

.c-location-search .form-group {
    margin-top: auto;
}

@media (min-width:991px) { 
    .c-location-search__desc {
        display: block;
        color: #686868;
        font-size: .825rem;
        margin-bottom: .25rem;
    }
}

@media (min-width:1170px) { 
    .c-location-search .c-btn-group {
        display: flex;
        align-items: center;
        align-self: flex-end;
        padding-left: .5rem;
        flex: 1 1 auto;
    }
}

.c-location-search .c-btn-group .c-btn {
    min-width: 135px;
    flex: 1 1 20%;
    padding: 1rem;
}

.c-location-search .c-btn.clear {
    color: #1D72AF;
    background: none;
    padding: 0;
    min-width: auto;
}

.c-location-search .c-btn.clear:hover {
    color: #155583;
    box-shadow: none;
}

@media (min-width:1170px) {
    .c-location-search .c-btn.clear {
        margin-left: 1rem;
    }
}

@media (max-width:1170px) { 
    .locationsContainer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        border: none;
        background: #FFF;
        max-width: none;
        margin: 4rem 0 2rem;
        padding: 2rem 2.625rem 2.625rem;
        -webkit-box-shadow: 0 5px 15px 0 rgba(1,52,128,0.15);
                box-shadow: 0 5px 15px 0 rgba(1,52,128,0.15);
    }

    .c-location-search__group.order-1-mob {
        order: 1;
        border: none;
    }

    .c-location-search__group.order-1-mob input {
        border: 1px solid #686868;
    }

    .c-location-search__group.order-1-mob .c-location-search__desc {
        display: block;
    }

    .c-location-search__group {
        order: 2;
        border-left: 1px solid #686868;
        border-right: 1px solid #686868;
        border-bottom: 1px solid #D2D2D2;
    }

    .c-location-search .c-location-search__group.last {
        border-bottom: 1px solid #686868;
    }

    .c-location-search__group .c-location-search__desc {
        display: none;
    }

    .c-location-search .c-btn-group {
        order: 3;
        margin-top: 1rem;
    }
}

/* NEW MULTI LINK CTA - PART OF UNIFIED COMP START W/ CHOR */
.c-multi-link {
    width: 100%;
    max-width: 82rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0 1rem;
}

@media (min-width: 82rem){
    .c-multi-link {
        padding: 0;
    }
}

.c-multi-link__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

@media (min-width: 960px) {
    .c-multi-link__inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .c-multi-link--rev .c-multi-link__inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
}

.c-multi-link__content,
.c-multi-link__media {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 2rem 0 1rem;
}

@media (min-width: 960px) {
    .c-multi-link__media {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        padding: 0;
    }

    .c-multi-link__media > img {
        object-fit: cover;
        height: 100%;
        width: 100%;
    }

    .c-multi-link__content {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        padding: 0;
        padding-left: 3rem;
        margin-right: auto;
    }

    .c-multi-link--rev .c-multi-link__content {
        padding-right: 3rem;
        margin-left: auto;
    }
}

.c-multi-link__list {
    list-style: none;
    padding: 0;
    margin: 0;
    text-indent: 0;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}

.c-multi-link__list>li {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid-column;
    border-bottom: 1px solid #d7d9da;
    margin-bottom: 2.5rem;
    padding-bottom: 2.5rem;
}

.c-multi-link__list>li:first-child {
    margin-top: 0;
}

.c-multi-link__list>li p:last-of-type {
    margin-bottom: 0;
}

/* NEW SIMPLE CTA: SLIM - PART OF UNIFIED COMP START W/ CHOR */
.c-simple-slim {
    position: relative;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    background: #fffaeb;
    margin-top: 5.25rem;
}

.c-simple-slim__inner {
    display: block;
    text-align: center;
}

@media (min-width:960px) {
    .c-simple-slim__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: left;
    }
}

.c-simple-slim__media {
    display: none;
    position: absolute;
    max-width: 300px;
    top: -40px;
    bottom: 0;
}

@media (min-width:960px) {
    .c-simple-slim__media {
        display: block;
    }
}

.c-simple-slim__media>img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left;
    object-position: left;
}

.c-simple-slim__content {
    text-align: center;
    margin-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
    z-index: 15;
}

@media (min-width:960px) {
    .c-simple-slim__content {
        padding-left: 0;
        padding-right: 1.5rem;
        max-width: 600px;
        margin-bottom: 0;
        text-align: left;
        margin-left: 345px;
    }
}

.c-simple-slim__title {
    margin-bottom: .5rem;
}

.c-simple-slim .c-btn, .c-simple-slim .btn {
    position: relative;
    z-index: 15;
    margin-top: 2rem;
    min-width: 200px;
}

@media (min-width:960px) {
    .c-simple-slim .c-btn, .c-simple-slim .btn {
        margin-top: 0;
    }
}

/* NEW MULTI BUTTON CTA - PART OF UNIFIED COMP START W/ CHOR */
.c-mbtn-cta {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-size: cover;
    background-color: #013480;
    padding: 7.5vw 1rem;
}

.c-mbtn-cta__inner {
    max-width: 45rem;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}

.c-mbtn-cta__inner .c-simple-inline__title:after {
    content: "";
    display: block;
    width: 45px;
    height: 5px;
    margin: 1rem auto 2rem;
    background: #ffda76;
}

.c-mbtn-cta__inner h2, .c-mbtn-cta__inner .display-h2, .c-mbtn-cta__inner p {
    color: #fff;
}

/* NEW SIMPLE CTA : INLINE - PART OF UNIFIED COMP START W/ CHOR */
.c-simple-inline {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}

.c-simple-inline__inner {
    max-width: 82rem;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    background: #fffaeb;
    border: 1px solid #ebedef;
    padding: 1.5rem;
}

@media (min-width:960px) {
    .c-simple-inline__inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .c-simple-inline--rev .c-simple-inline__inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
}

.c-simple-inline__media {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    width: 100%;
}

.c-simple-inline__media > img {
    width: 100%;
    max-width: none;
}

@media (min-width:960px) {
    .c-simple-inline__media {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
    }
}

.c-simple-inline__content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 2rem 0 1rem;
}

@media (min-width:960px) {
    .c-simple-inline__content {
        max-width: 60%;
        margin-left: 3rem;
        margin-right: auto;
        padding: 0;
    }
}

.c-simple-inline__title:after {
    content: "";
    display: block;
    width: 45px;
    height: 5px;
    margin: 1rem 0 2rem;
    background: #ffda76;
}


.m-field-check-dropdown {
    position: relative;
}

.m-field-check-dropdown fieldset {
    border: none;
    padding-left: 0;
    margin-left: 0;
}

.m-field-check-dropdown__list {
    position: absolute;
    border: 1px solid #d6d6d6;
    background: #ffffff;
    top: calc(100% - 1px);
    width: 100%;
    min-width: 300px;
    max-height: 400px;
    overflow-y: auto;
    padding: 0.7rem 1rem;
    z-index: 10;
    display: none;
}

@media (min-width: 990px) {
    .m-field-check-dropdown__list {
        max-width: 500px;
    }
}

.m-field-check-dropdown__btn {
    position: relative;
    display: block;
    width: 100%;
    padding: 0.7rem 1rem;
    color: #787473;
    background: #ffffff;
    border: 1px solid #CCCCCC;
    font-weight: 400;
    text-align: left;
    font-size: 1rem;
    min-height: 3.125rem;
    box-sizing: border-box;
    background: url(/assets/_img/clinicaltrial/chevron-down-solid.svg) calc(100% - 15px) 55% no-repeat #FFFFFF;
    background-size: 10px;
}

.m-field-check-dropdown__list > div {
    display: flex;
    align-items: flex-start;
    margin: .5rem 0;
} 

.m-field-check-dropdown__list input {
    flex: 0 0 15px;
    margin-top: 7px;
}

.ct-search input[type="reset"] {
    margin-top: 10px;
}

@media (min-width: 990px) {
    .ct-search input[type="reset"] {
        max-width: 125px;
        margin-left: 1rem;
        margin-top: 0;
    }
}

/*Brand Bar*/
.c-brand-bar{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#013480;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.c-brand-bar__brand{background:#3c3c3c;-webkit-clip-path:polygon(0 0,100% 0,90% 100%,0 100%);clip-path:polygon(0 0,100% 0,90% 100%,0 100%);color:#fff;font-size:14px;font-weight:700;padding:12px 44px 12px 24px;text-transform:uppercase}.c-brand-bar__brand>ul{list-style:none;margin:0;padding:0}.c-brand-bar__brand>ul>li{display:none}.c-brand-bar__brand span{color:#f8b300}.c-brand-bar .c-notification__block{-webkit-box-flex:1;color:#fff;-ms-flex:1 1 auto;flex:1 1 auto;padding:0}.c-brand-bar .c-notification__block .modalPopup{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;padding:12px 24px}.c-brand-bar .c-notification__block .modalPopup>svg{-webkit-animation:bell 4s ease-in-out .9s infinite;animation:bell 4s ease-in-out .9s infinite;margin-right:10px;max-width:16px}.c-brand-bar .c-notification__block .modalPopup>svg path{fill:#fff}.c-brand-bar .c-notification__block .interruptStyle .modalPopup li,.c-brand-bar .c-notification__block .interruptStyle .modalPopup p{color:#fff;font-size:12px}.c-brand-bar .c-notification__block-content{display:none}.c-brand-bar .c-notification__block-mobile{font-size:12px;text-decoration:underline}.c-brand-bar--no-alert .c-notification__block{display:none}.c-brand-bar--no-alert .c-brand-bar__brand{-webkit-box-flex:1;-webkit-clip-path:none;clip-path:none;-ms-flex:1 1 auto;flex:1 1 auto;padding-left:140px;position:relative}.c-brand-bar--no-alert .c-brand-bar__brand:before{background:#fece00;-webkit-clip-path:polygon(0 0,100% 0,90% 100%,0 100%);clip-path:polygon(0 0,100% 0,90% 100%,0 100%);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:120px}@media(min-width:960px){.c-brand-bar .c-notification__block-mobile{display:none}.c-brand-bar .c-notification__block-content{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.c-brand-bar .c-notification__block-link{font-size:12px;margin-left:auto;text-decoration:underline}}@-webkit-keyframes bell{15%,5%{-webkit-transform:rotate(25deg);transform:rotate(25deg)}10%,20%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}25%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes bell{15%,5%{-webkit-transform:rotate(25deg);transform:rotate(25deg)}10%,20%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}25%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}