/*------------------------------------*\
    #RESET
\*------------------------------------*/

/**
 * Border-Box http:/paulirish.com/2012/box-sizing-border-box-ftw/
 */
* {
	box-sizing: border-box;
}

/**
 * 1) Zero out margins and padding for elements
 */
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, form, legend, label, table, header, footer, nav, section, figure {
	margin: 0;
	padding: 0;
}

/**
 * 1) Set HTML5 elements to display: block
 */
header, footer, nav, section, article, figure {
	display: block;
}

/*------------------------------------*\
    #BODY
\*------------------------------------*/

/**
 * HTML base styles
 * 1) Set the html element's height to at least 100% of the viewport.
 *    This is used to achieve a sticky footer
 */
html {
	min-height: 100vh; /* 1 */
}

/**
 * Body base styles
 * 1) Set the body element's height to at least 100% of the viewport.
 *    This is used to achieve a sticky footer
 */
body {
	min-height: 100vh; /* 1 */
    font-family: "Roboto",sans-serif;
	-webkit-text-size-adjust: 100%; /* 1 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*------------------------------------*\
    #GRID
\*------------------------------------*/
/**
 * Primary Grid  
 */
.l-grid {
  display: grid;
  grid-template-columns: 1fr;
  margin-bottom: 2rem; }

.l-grid--small {
    grid-gap: 1rem
}

.l-grid--medium {
    grid-gap: 2rem
}

.l-grid-item img {
    width: 100%
}

@media (min-width: 991px) {
    .l-grid--2-columns {
        grid-template-columns: 1fr 1fr;
    }

    .l-grid--3-columns {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .l-grid--4-columns {
       grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    
    /* CSS Grid IE11 Fallback */
    .ie11 .l-grid {
        display: flex;
        flex-direction: row;
        margin: 0 -25px;
    }

    .ie11 .l-grid.l-grid--2-columns > * {
        max-width: calc(50% - 25px);
    } 
    
    .ie11 .l-grid.l-grid--3-columns > * {
        max-width: calc(33.333% - 25px);
    } 
    
    .ie11 .l-grid.l-grid--4-columns > * {
        max-width: calc(25% - 25px);
    } 
}

.grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style: none;
    margin: -20px;
    padding: 0
}

.grid__item {
    display: block;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding: 20px
}

.grid__item--mob-band {
    padding: 0;
    margin-bottom: 40px
}

@media (min-width: 960px) {
    .grid__item--mob-band {
        padding:20px;
        margin-bottom: 0
    }
}

.grid--top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.grid--center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 960px) {
    .grid--center-desk {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center
    }
}

.grid--bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.grid--full {
    margin: 0
}

.grid--split {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.grid--mob-up {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.grid--border .grid__item {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 40px;
    padding-left: 0
}

.grid--border .grid__item:last-child {
    border: none
}

@media (min-width: 960px) {
    .grid--border .grid__item {
        border-bottom:0;
        border-right: 1px solid rgba(0,0,0,0.1);
        padding-left: 60px
    }
}

.grid__width--1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.grid__width--2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.grid__width--3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.grid__width--4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.grid__width--5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.grid__width--6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.grid__width--7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.grid__width--8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.grid__width--9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.grid__width--10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.grid__width--11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.grid__width--12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width: 768px) {
    .grid--sm {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .grid__width-sm--1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .grid__width-sm--1--half {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(8.33333% - 40px);
        flex: 0 0 calc(8.33333% - 40px);
        max-width: calc(8.33333% - 40px);
        margin: 20px
    }

    .grid__width-sm--2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .grid__width-sm--2--half {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(16.66667% - 40px);
        flex: 0 0 calc(16.66667% - 40px);
        max-width: calc(16.66667% - 40px);
        margin: 20px
    }

    .grid__width-sm--3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid__width-sm--3--half {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(25% - 40px);
        flex: 0 0 calc(25% - 40px);
        max-width: calc(25% - 40px);
        margin: 20px
    }

    .grid__width-sm--4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .grid__width-sm--4--half {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.33333% - 40px);
        flex: 0 0 calc(33.33333% - 40px);
        max-width: calc(33.33333% - 40px);
        margin: 20px
    }

    .grid__width-sm--5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .grid__width-sm--5--half {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(41.66667% - 40px);
        flex: 0 0 calc(41.66667% - 40px);
        max-width: calc(41.66667% - 40px);
        margin: 20px
    }

    .grid__width-sm--6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid__width-sm--6--half {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 40px);
        flex: 0 0 calc(50% - 40px);
        max-width: calc(50% - 40px);
        margin: 20px
    }

    .grid__width-sm--7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .grid__width-sm--7--half {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(58.33333% - 40px);
        flex: 0 0 calc(58.33333% - 40px);
        max-width: calc(58.33333% - 40px);
        margin: 20px
    }

    .grid__width-sm--8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .grid__width-sm--8--half {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(66.66667% - 40px);
        flex: 0 0 calc(66.66667% - 40px);
        max-width: calc(66.66667% - 40px);
        margin: 20px
    }

    .grid__width-sm--9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid__width-sm--9--half {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(75% - 40px);
        flex: 0 0 calc(75% - 40px);
        max-width: calc(75% - 40px);
        margin: 20px
    }

    .grid__width-sm--10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .grid__width-sm--10--half {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(83.33333% - 40px);
        flex: 0 0 calc(83.33333% - 40px);
        max-width: calc(83.33333% - 40px);
        margin: 20px
    }

    .grid__width-sm--11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .grid__width-sm--11--half {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(91.66667% - 40px);
        flex: 0 0 calc(91.66667% - 40px);
        max-width: calc(91.66667% - 40px);
        margin: 20px
    }

    .grid__width-sm--12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .grid__width-sm--12--half {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 40px);
        flex: 0 0 calc(100% - 40px);
        max-width: calc(100% - 40px);
        margin: 20px
    }
}

@media (min-width: 960px) {
    .grid--md {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .grid__width-md--1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .grid__width-md--2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .grid__width-md--3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid__width-md--4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .grid__width-md--5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .grid__width-md--6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid__width-md--7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .grid__width-md--8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .grid__width-md--9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid__width-md--10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .grid__width-md--11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .grid__width-md--12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .grid__item--offset-r {
        padding-right: 8.33333%
    }
}

@media (min-width: 1200px) {
    .grid--lg {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .grid__width-lg--1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .grid__width-lg--2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .grid__width-lg--3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid__width-lg--4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .grid__width-lg--5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .grid__width-lg--6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid__width-lg--7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .grid__width-lg--8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .grid__width-lg--9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid__width-lg--10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .grid__width-lg--11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .grid__width-lg--12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (max-width: 768px) {
    .grid--block {
        display:block
    }
}

/*------------------------------------*\
    #PRIMARY INTERNAL LAYOUT
\*------------------------------------*/

.c-hero + .l-layout {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
}

.l-layout {
    display: flex;
    flex-direction: column;
    padding: 0 1rem;
}

.l-layout__content {
    order: 1;
}

.l-layout__sidenav {
    order: 2;
}

.l-layout__column {
    order: 3;
}

@media (min-width: 991px) {
    .l-layout {
        flex-direction: row;
        align-items: flex-start;
        padding: 0 2.5vw;
    }
    
    .l-layout__sidenav {
        order: 1;
        flex: 1 1 25%;
        max-width: 27rem;
        padding-right: 3.5vw;
    }
    
    .l-layout__content {
        order: 2;
        flex: 1 1 50%;
        max-width: 66.666%; /* This line keeps a slider in the content area maxed out */
    }

    .l-layout__content--full {
        max-width: none;
    }
    
    .l-layout__column {
        flex: 1 1 25%;
        max-width:33.3333%;
        padding-left: 3.5vw;
    }
}

@media (min-width: 2200px) {
    .l-layout {
        padding: 0 5.5vw;
    }
}

.l-layout .c-comp:not(.u-bg-light-blue):first-child {
    margin-top: 0;
}

.l-layout .c-comp:not(.u-bg-light-blue):last-child {
    margin-bottom: 0;
}

.l-layout .c-comp.u-bg-light-blue,
.l-layout .c-comp.u-bg-light-yellow,
.l-layout .l-layout__content .c-comp.u-bg-image,
.l-layout .l-layout__content .c-comp.u-bg-pattern {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin-bottom: 2rem;
}

.l-container .l-layout,
.container .l-layout {
    padding: 0;
}

.l-layout__content > h2,
.l-layout__content > h3,
.l-layout__content > h4 {
    margin-bottom: 1rem;
}
.l-layout__content > ul {
    list-style: disc;
    margin-left: 1rem;
    margin-bottom: 1rem; }
.l-layout__content > ul li:last-child,
.l-layout__content > ol li:last-child{
      margin-bottom: 0; }
.l-layout__content > ol{
    list-style: decimal;
    margin-left: 1rem;
    margin-bottom: 1rem; }
.l-layout__content > ul li,
.l-layout__content > ol li{
    margin-bottom: 0.5rem;
    line-height: 1.6; }

/*------------------------------------*\
    #COMPONENT: 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;
}

@media (min-width:768px) {
    .c-accordion-title,
    .c-accordion-content {
        padding-right: 60px;
    }
}

.c-news-block__tag,
.c-news-block__title,
.c-news-block__date {
    display: block;
}
.c-news-block__img {
    display: block;
    width: 100%;
    margin-bottom: 1.5rem;
}

/*------------------------------------*\
    #COMPONENT: 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
    }
}

/*------------------------------------*\
    #CMS TOOL: LOCATIONS SEARCH
\*------------------------------------*/
.c-loc-tools {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: 2.75rem 0 2.5rem;
}

.c-loc-tool__trigger {
    display: inline-block;
    padding: 1rem;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background: none;
    border-radius: 0;
}

.c-loc-tool__trigger:focus {
    outline: none;
}

#avid-loc-container {
    display: flex;
    flex-direction: row;
    overflow: hidden;
    width: 100%;
}

#avid-loc-col-right {
    /* width: calc(25% - 5px); */
    display: inline-block;
    flex: 1 1 auto;
/*
    border-right: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    border-top: 1px solid #c0c0c0;
*/
    vertical-align: top;
    box-sizing: border-box;
    overflow-y: scroll;
}

#avid-loc-col-right .location-card {
    margin-bottom: 1.5rem;
}

#avid-loc-col-center {
    flex: 0 0 75%;
    display: inline-block;
    padding-left: 0;
    box-sizing: border-box;
/*
    border-right: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    border-top: 1px solid #c0c0c0;
*/
}

#avid-loc-col-left {
    width: calc(25% - 5px);
    /* float: left; */
    display: inline-block;
/*
    border-right: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    border-top: 1px solid #c0c0c0;
*/
    vertical-align: top;
    box-sizing: border-box;
    overflow-y: scroll;
}

#avid-loc-container.is-list-view #avid-loc-col-right {
    overflow: visible;
    max-height: none !important;
    height: auto !important;
}

#avid-loc-container.is-list-view #avid-loc-col-center {
    display: none;
}

/*------------------------------------*\
    #RESULT: SIMPLE RESULT BLOCK
\*------------------------------------*/
.m-search-block {
    display: block;
    margin: 1.5rem 0;
}

.m-search-block--bordered {
    padding-bottom: .5rem;
    border-bottom: 1px solid #E0E0E0;
}

.m-search-block__title {
    display: inline-block;
    margin-bottom: .5rem;
    font-weight: 700;
    font-size: 1.3125rem;
}

/*------------------------------------*\
    #UTILITIES
\*------------------------------------*/
.link-btn {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
}
.link-btn--icon-left .fas {
    margin-right: .5rem;
}
.link-btn--icon-right .fas {
    margin-left: .5rem;
}

.u-text-lg {
    font-size: 1.125rem;
    font-weight: 700;
}

.u-text-xlg {
    font-size: 1.3125rem;
    font-weight: 700;
}

	/*
* Spacing utilities
*/
.p__0 {
    padding: 0px
}
.pt__0 {
    padding-top: 0px
}
.pb__0 {
    padding-bottom: 0px
}
.pl__0 {
    padding-left: 0px
}
.pr__0 {
    padding-right: 0px
}
.m__0 {
    margin: 0px
}
.mt__0 {
    margin-top: 0px
}
.mb__0 {
    margin-bottom: 0px
}
.ml__0 {
    margin-left: 0px
}
.mr__0 {
    margin-right: 0px
}
.p__1 {
    padding: 10px
}
.pt__1 {
    padding-top: 10px
}
.pb__1 {
    padding-bottom: 10px
}
.pl__1 {
    padding-left: 10px
}
.pr__1 {
    padding-right: 10px
}
.m__1 {
    margin: 10px
}
.mt__1 {
    margin-top: 10px
}
.mb__1 {
    margin-bottom: 10px
}
.ml__1 {
    margin-left: 10px
}
.mr__1 {
    margin-right: 10px
}
.p__2 {
    padding: 20px
}
.pt__2 {
    padding-top: 20px
}
.pb__2 {
    padding-bottom: 20px
}
.pl__2 {
    padding-left: 20px
}
.pr__2 {
    padding-right: 20px
}
.m__2 {
    margin: 20px
}
.mt__2 {
    margin-top: 20px
}
.mb__2 {
    margin-bottom: 20px
}
.ml__2 {
    margin-left: 20px
}
.mr__2 {
    margin-right: 20px
}
.p__3 {
    padding: 30px
}
.pt__3 {
    padding-top: 30px
}
.pb__3 {
    padding-bottom: 30px
}
.pl__3 {
    padding-left: 30px
}
.pr__3 {
    padding-right: 30px
}
.m__3 {
    margin: 30px
}
.mt__3 {
    margin-top: 30px
}
.mb__3 {
    margin-bottom: 30px
}
.ml__3 {
    margin-left: 30px
}
.mr__3 {
    margin-right: 30px
}
.p__4 {
    padding: 40px
}
.pt__4 {
    padding-top: 40px
}
.pb__4 {
    padding-bottom: 40px
}
.pl__4 {
    padding-left: 40px
}
.pr__4 {
    padding-right: 40px
}
.m__4 {
    margin: 40px
}
.mt__4 {
    margin-top: 40px
}
.mb__4 {
    margin-bottom: 40px
}
.ml__4 {
    margin-left: 40px
}
.mr__4 {
    margin-right: 40px
}
.p__5 {
    padding: 50px
}
.pt__5 {
    padding-top: 50px
}
.pb__5 {
    padding-bottom: 50px
}
.pl__5 {
    padding-left: 50px
}
.pr__5 {
    padding-right: 50px
}
.m__5 {
    margin: 50px
}
.mt__5 {
    margin-top: 50px
}
.mb__5 {
    margin-bottom: 50px
}
.ml__5 {
    margin-left: 50px
}
.mr__5 {
    margin-right: 50px
}
.p__6 {
    padding: 60px
}
.pt__6 {
    padding-top: 60px
}
.pb__6 {
    padding-bottom: 60px
}
.pl__6 {
    padding-left: 60px
}
.pr__6 {
    padding-right: 60px
}
.m__6 {
    margin: 60px
}
.mt__6 {
    margin-top: 60px
}
.mb__6 {
    margin-bottom: 60px
}
.ml__6 {
    margin-left: 60px
}
.mr__6 {
    margin-right: 60px
}
.p__7 {
    padding: 70px
}
.pt__7 {
    padding-top: 70px
}
.pb__7 {
    padding-bottom: 70px
}
.pl__7 {
    padding-left: 70px
}
.pr__7 {
    padding-right: 70px
}
.m__7 {
    margin: 70px
}
.mt__7 {
    margin-top: 70px
}
.mb__7 {
    margin-bottom: 70px
}
.ml__7 {
    margin-left: 70px
}
.mr__7 {
    margin-right: 70px
}
.p__8 {
    padding: 80px
}
.pt__8 {
    padding-top: 80px
}
.pb__8 {
    padding-bottom: 80px
}
.pl__8 {
    padding-left: 80px
}
.pr__8 {
    padding-right: 80px
}
.m__8 {
    margin: 80px
}
.mt__8 {
    margin-top: 80px
}
.mb__8 {
    margin-bottom: 80px
}
.ml__8 {
    margin-left: 80px
}
.mr__8 {
    margin-right: 80px
}
.p__9 {
    padding: 90px
}
.pt__9 {
    padding-top: 90px
}
.pb__9 {
    padding-bottom: 90px
}
.pl__9 {
    padding-left: 90px
}
.pr__9 {
    padding-right: 90px
}
.m__9 {
    margin: 90px
}
.mt__9 {
    margin-top: 90px
}
.mb__9 {
    margin-bottom: 90px
}
.ml__9 {
    margin-left: 90px
}
.mr__9 {
    margin-right: 90px
}
.p__10 {
    padding: 100px
}
.pt__10 {
    padding-top: 100px
}
.pb__10 {
    padding-bottom: 100px
}
.pl__10 {
    padding-left: 100px
}
.pr__10 {
    padding-right: 100px
}
.m__10 {
    margin: 100px
}
.mt__10 {
    margin-top: 100px
}
.mb__10 {
    margin-bottom: 100px
}
.ml__10 {
    margin-left: 100px
}
.mr__10 {
    margin-right: 100px
}


/*------------------------------------*\
    #VISIBILITY CLASSES
\*------------------------------------*/
/**
 * Is Hidden
 * 1) Completely remove from the flow and screen readers.
 */
.u-is-hidden {
  display: none !important;
  visibility: hidden !important; }

/**
 * Is Visibly Hidden
 * 1) Completely remove from the flow but leave available to screen readers.
 */
.u-is-vishidden {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px); }

.sr-only,
.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

@media (max-width: 990px) {
    .hide-mobile {
        display: none;
    }
}


/* interrupt css */
.interruptStyle .modalPopup {
    display: flex;
    align-items: center;
    justify-content: center;
}

.interruptStyle .modalPopup p {
    margin: 0;
}

.interruptStyle .modalPopup a:last-child:after{
    content:'\f061';
    font-family: 'FontAwesome';
    position: relative;
    top: -1px;
    margin-left: 15px;
}

.interruptStyle  .fa {
    color: #fff;
    position: relative;
    top: -1px;
    margin-right: 15px;
}

.interruptStyle .modalPopup .close-btn {
    display: block;
    width: auto;
    height: 16px;
    cursor: pointer;
}