.usq-form__control
{
    font-size: 1.286rem;

    display: block;

    width: 100%;
    height: 60px;
    padding: 16px 25px;

    -webkit-transition: border-color ease-in-out .15s;
         -o-transition: border-color ease-in-out .15s;
            transition: border-color ease-in-out .15s;
            transition: border-color ease-in-out .15s;

    color: #2d2d2d;
    border: 1px solid rgba(0, 0, 0, .6);
    outline: none;
    background-color: white;
    /* A group of selectors containing an invalid selector will be ignored, hence separate rules */
}
.usq-form__control::-webkit-input-placeholder
{
    /* WebKit, Blink, Edge */
    color: #999;
}
.usq-form__control:-moz-placeholder
{
    opacity: 1; 
    /* Mozilla Firefox 4 to 18 */
    color: #999;
}
.usq-form__control::-moz-placeholder
{
    opacity: 1; 
    /* Mozilla Firefox 19+ */
    color: #999;
}
.usq-form__control:-ms-input-placeholder
{
    /* Internet Explorer 10-11 */
    color: #666;
}
.usq-form__control::-ms-input-placeholder
{
    /* Microsoft Edge */
    color: #999;
}
.usq-form__control:focus
{
    border-color: #ffb448;
}
.usq-form__control--large
{
    font-size: 1.5rem; 

    height: 70px;

    border: 4px solid #1e1e1e;
}
@media (min-width: 768px)
{
    .usq-form__control--large
    {
        height: 102px;
    }
}

.usq-form select.usq-form__control:not([multiple])
{
    padding: 16px 45px 16px 23px;

    background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQ4IDQ4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0OCA0ODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGcgaWQ9ImNoZXZyb24tZG93bl8yXyI+DQoJPHBhdGggaWQ9ImNoZXZyb25feDVGX2Rvd25fMl8iIGQ9Ik0yNCwzMS4xN0wxMy41MDcsMjAuNjc3bDMuNjcyLTMuNjcyTDI0LDIzLjgxNkwzMC44MTYsMTdsMy42NzYsMy42NzZMMjQsMzEuMTd6Ii8+DQo8L2c+DQo8L3N2Zz4=');
    background-repeat: no-repeat;
    background-position: calc(100% - 7px); 
    background-size: 34px 34px;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.usq-form select.usq-form__control:not([multiple])::-ms-expand
{
    display: none;
}

.usq-form__label,
.usq-form__legend
{
    font-size: 1.1rem;
    font-weight: 400;

    margin-bottom: 10px;

    text-transform: uppercase; 

    color: #666;
}

.usq-form__legend
{
    font-weight: 600; 

    border: none;
}

.usq-form__label.usq-form__check
{
    display: block;

    padding-left: 25px;

    cursor: pointer; 
    text-transform: none;
}
.usq-form__label.usq-form__check .usq-form__control
{
    position: absolute;

    display: inline-block;

    width: 16px;
    height: 16px;
    margin-top: 3px;
    margin-right: 0;
    margin-left: -25px;

    cursor: pointer; 

    background-color: transparent;
}

.usq-form__label--darken
{
    font-weight: 600;
}

.usq-form__help
{
    font-size: .9286rem; 

    margin-top: 10px;
}

.usq-form__form-group
{
    margin-bottom: 20px;
}
.usq-form__form-group > :last-child
{
    margin-bottom: 0;
}

.usq-form__buttons
{
    margin-top: 25px;
}

.usq-form__button
{
    font-size: 1.286rem;

    display: inline-block;

    height: 60px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 18px 25px;

    -webkit-transition: background-color .15s ease-out;
       -moz-transition: background-color .15s ease-out;
         -o-transition: background-color .15s ease-out;
            transition: background-color .15s ease-out; 
    text-transform: uppercase;

    color: black;
    border: none;
}
.usq-form__button--primary
{
    background-color: #ffb448;
}
.usq-form__button--primary:hover,
.usq-form__button--primary:focus
{
    outline: none; 
    background-color: #ffd395;
}
.usq-form__button--secondary
{
    background-color: #ededea;
}
.usq-form__button--secondary:hover,
.usq-form__button--secondary:focus
{
    outline: none; 
    background-color: #ddddd7;
}

.usq-form__input-group
{
    position: relative;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    width: 100%;
}
.usq-form__input-group .usq-form__input-group-addon,
.usq-form__input-group .usq-form__input-group-button,
.usq-form__input-group .usq-form__control
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.usq-form__input-group .usq-form__control
{
    position: relative;
    z-index: 2;

    width: 1%;
    margin-bottom: 0; 

    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}
.usq-form__input-group .usq-form__input-group-addon
{
    font-size: 1.286rem;

    height: 60px;
    margin-bottom: 0;
    padding: 18px 25px;

    text-align: center;
    vertical-align: middle; 

    color: #464a4c;
    border: 1px solid rgba(0, 0, 0, .6);
    background-color: white;
}
.usq-form__input-group .usq-form__input-group-button-wrapper
{
    font-size: 0;

    position: relative;

    vertical-align: middle; 
    white-space: nowrap;
}
.usq-form__input-group .usq-form__input-group-button-wrapper .usq-form__input-group-button
{
    font-size: 1.286rem;

    position: relative;

    display: inline-block;

    height: 60px; 
    margin-left: -1px;
    padding: 16px 25px;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;

    color: black;
    border: 1px solid rgba(0, 0, 0, .6);
    outline: none;
    background-color: white;

    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
            flex: 1 1 0;
}
.usq-form__input-group .usq-form__input-group-button-wrapper .usq-form__input-group-button:hover,
.usq-form__input-group .usq-form__input-group-button-wrapper .usq-form__input-group-button:focus
{
    background-color: #ededed;
}
.usq-form__input-group .usq-form__input-group-addon:not(:last-child)
{
    border-right: 0;
}
.usq-form__input-group .usq-form__control + .usq-form__input-group-addon:not(:first-child)
{
    border-left: 0;
}

.usq-form textarea
{
    min-height: 150px;
}

.usq-form--rounded .usq-form__control,
.usq-form--rounded .usq-form__button
{
    border-radius: 15px;
}

.usq-form .tokenfield.usq-form__control
{
    height: auto; 
    padding: 0 25px;
}

.usq-form .token-input
{
    width: 60px;
    min-width: 60px;
    height: 58px;
    padding: 0;

    border: none;
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    /* A group of selectors containing an invalid selector will be ignored, hence separate rules */
}
.usq-form .token-input::-webkit-input-placeholder
{
    /* WebKit, Blink, Edge */
    color: #999;
}
.usq-form .token-input:-moz-placeholder
{
    opacity: 1; 
    /* Mozilla Firefox 4 to 18 */
    color: #999;
}
.usq-form .token-input::-moz-placeholder
{
    opacity: 1; 
    /* Mozilla Firefox 19+ */
    color: #999;
}
.usq-form .token-input:-ms-input-placeholder
{
    /* Internet Explorer 10-11 */
    color: #666;
}
.usq-form .token-input::-ms-input-placeholder
{
    /* Microsoft Edge */
    color: #999;
}
.usq-form .token-input:focus
{
    border-color: transparent;
    outline: 0;
    /* IE6-9 */
    -webkit-box-shadow: none;
            box-shadow: none;
}

.usq-form .tokenfield.focus
{
    border-color: #ffb448;
}

.usq-form .token
{
    display: inline-block;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    height: 40px;
    margin: 10px 10px 0 0;

    cursor: default;
    vertical-align: top;
    white-space: nowrap;

    background-color: #f6f6f6;
}

.usq-form .token .token-label
{
    display: inline-block;
    overflow: hidden;

    height: 100%;
    padding: 6px 10px; 

    vertical-align: middle;
    text-overflow: ellipsis;
}

.usq-form .token .close
{
    font-family: Arial;
    font-size: 1.1em;
    line-height: 100%;
    line-height: 1.49em;

    display: inline-block;
    float: none;

    height: 100%;
    padding-right: 10px;
}

.usq-form .ui-autocomplete
{
    overflow-x: hidden; 
    overflow-y: scroll;

    max-height: 300px;
}

.c-tabs
{
    position: relative;

    width: 1200px;
    margin-bottom: 0;
    padding-left: 0;

    list-style: none;
    /*
        Active overrides
    */
}
.c-tabs:before,
.c-tabs:after
{
    display: table; 

    content: ' ';
}
.c-tabs:after
{
    clear: both;
}
.c-tabs__item
{
    display: inline-block; 

    margin-bottom: -1px;
}
.c-tabs__link
{
    font-size: 1.4rem; 
    line-height: 1;

    position: relative;

    display: block;

    margin-right: 2px;
    padding: 20px 15px 20px 15px;
}
.c-tabs__link:hover
{
    background-color: #ededea;
}
.c-tabs__link:hover,
.c-tabs__link:focus
{
    text-decoration: none;
}
.c-tabs__content-wrapper
{
    margin-top: -3px;

    border-top: 1px solid #d5d5cf;
    background-color: #ededea;
}
.c-tabs__content-wrapper-inner
{
    padding: 15px 0;
}
.c-tabs__content
{
    display: none;
}
.c-tabs .active .c-tabs__link,
.c-tabs .active .c-tabs__link:hover,
.c-tabs .active .c-tabs__link:focus
{
    cursor: default; 

    border-bottom: 6px solid #ffb448;
}
.c-tabs__content.active
{
    display: block;
}

.c-toggle-tip__arrow
{
    top: 10px;
    left: 0; 

    width: 0;
    height: 0;

    border-width: 5px 10px 5px 0;
    border-style: solid;
    border-color: transparent #ffb448 transparent transparent;
}

.c-toggle-tip__bubble
{
    font-size: 1rem;
    line-height: 1.5;

    z-index: 1;
    top: 0;
    left: 100%;

    width: 15em;
    margin-left: 10px;

    text-align: left; 

    color: #3c2d4d;
    border-radius: 10px;
    background: #ffb448;
}

.c-toggle-tip__button
{
    font-family: serif;
    line-height: 1; 

    width: 1.1em;
    height: 1.1em;

    color: #3c2d4d;
    background: #ffb448;
}

.c-toggle-tip__hidden
{
    clip: rect(1px, 1px, 1px, 1px) !important;

    width: 1px !important; 
    height: 1px !important;
}

.o-card
{
    position: relative;

    display: block;

    padding: 30px;

    -webkit-transition: background .15s ease-out , box-shadow .15s ease-out;
       -moz-transition: background .15s ease-out , box-shadow .15s ease-out;
         -o-transition: background .15s ease-out , box-shadow .15s ease-out;
            transition: background .15s ease-out , box-shadow .15s ease-out; 

    background: white;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .1);
}
a.o-card:after
{
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900; 

    position: absolute;
    top: 30px;
    right: 30px;

    content: '\f054';

    color: #3c2d4d;
}
a.o-card:hover,
a.o-card:focus
{
    background: #f6f6f6;
    box-shadow: none;
}
.o-card__heading
{
    font-size: 1.28571rem;
    font-weight: 700;
    line-height: 1.42857rem;

    color: #2d2d2d;
}
.o-card__content
{
    font-size: 1.14286rem;
    font-weight: 400;
    line-height: 2rem;

    margin-top: 15px; 

    color: #2d2d2d;
}



/*Collapse that only shows the collapse button on a mobile

<div class="container">
  
  <button class="btn btn-primary hidden visible-xs" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
    Collapse Button
  </button>
  
  <div class="collapse dont-collapse-sm" id="collapseExample">
    <div class="well">
      Collapse Panel
    </div>
  </div>
</div>

    */
@media (min-width: 768px)
{
    .collapse.dont-collapse-sm
    {
        display: block;
        visibility: visible; 

        height: auto !important;
    }
}

.c-accordion
{
    /*Glyph spin animation*/
    /*Bootstrap classes for panel visibility*/
}
.c-accordion__header
{
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.c-accordion__button
{
    display: block;

    padding: 10px 0;
}
.c-accordion__button:hover
{
    text-decoration: none;
}
.c-accordion__content
{
    padding: 20px 0;

    border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.c-accordion__content:before
{
    display: table;

    content: ' ';
}
.c-accordion__content--no-padding
{
    padding: 0;
}
.c-accordion__content p:last-child
{
    margin: 0;
}
.c-accordion__glyph:before
{
    display: inline-block;

    content: '\e114';
    -webkit-transition: transform .35s ease-in-out;
       -moz-transition: transform .35s ease-in-out;
         -o-transition: transform .35s ease-in-out;
            transition: transform .35s ease-in-out;
}
.c-accordion [aria-expanded='true'] .c-accordion__glyph:before
{
    -webkit-transform: rotate(-180deg);
       -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
         -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
}
.c-accordion .collapse.in
{
    display: block;
}
.c-accordion .collapse
{
    display: none;
}
.c-accordion .collapsing
{
    position: relative;

    overflow: hidden;

    height: 0;

    -webkit-transition-timing-function: ease;
         -o-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: .35s;
         -o-transition-duration: .35s;
            transition-duration: .35s;
    -webkit-transition-property: height, visibility;
         -o-transition-property: height, visibility;
            transition-property: height, visibility;
}

/*
    Base classes
*/
/*
    Glyphs
*/
.o-image-tile
{
    position: relative;

    margin-bottom: 40px;
    /*
        Size modifiers
    */
    /*
        Style modifiers
    */
    /*
        Colour modifiers
    */
    /*
        Media queries
    */
}
.o-image-tile__content-wrapper
{
    position: relative;
}
.o-image-tile__image
{
    height: 100%; 

    background-position: center top;
    background-size: cover;
}
.o-image-tile__label
{
    position: relative;
    z-index: 2; 

    width: 90%;
    margin: -40px auto 0 auto;
    padding: 0 45px 0 15px;
}
.o-image-tile__label--has-chevron::after
{
    font-family: 'Glyphicons Halflings';

    position: absolute;
    top: 50%;
    right: 15px; 

    content: '\e080';
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.o-image-tile__heading
{
    font-weight: 600;

    padding: 15px 0;
}
.o-image-tile__highlight
{
    position: absolute;
    top: 10px;
    left: -3px;

    width: 6px;
    height: 30px;

    background-color: #ffb448;
}
.o-image-tile__text
{
    padding-bottom: 15px;
}
.o-image-tile--small .o-image-tile__image
{
    height: 250px;
}
.o-image-tile--medium .o-image-tile__image
{
    height: 350px;
}
.o-image-tile--large .o-image-tile__image
{
    height: 400px;
}
.o-image-tile--xlarge .o-image-tile__image
{
    height: 450px;
}

@media (min-width: 768px) and (min-width: 768px)
{
    .o-image-tile--wide .o-image-tile__label
    {
        left: 5%;

        width: 40%;

        transform: none;
    }
}
.o-image-tile--charcoal .o-image-tile__label,
.o-image-tile--dark-grey .o-image-tile__label
{
    color: white;
}
.o-image-tile--charcoal .o-image-tile__text,
.o-image-tile--dark-grey .o-image-tile__text
{
    color: #999;
}
.o-image-tile--charcoal .o-image-tile__label
{
    background-color: #2d2d2d;
}
.o-image-tile--dark-grey .o-image-tile__label
{
    background-color: #67645f;
}
.o-image-tile--light-grey .o-image-tile__label,
.o-image-tile--white .o-image-tile__label
{
    color: #2d2d2d;
}
.o-image-tile--light-grey .o-image-tile__text,
.o-image-tile--white .o-image-tile__text
{
    color: #666;
}
.o-image-tile--light-grey .o-image-tile__label
{
    background-color: #ededea;
}
.o-image-tile--white .o-image-tile__label
{
    background-color: white;
}
@media (min-width: 768px)
{
    .o-image-tile__label
    {
        position: absolute;
        bottom: -10px;
        left: 50%;

        transform: translate(-50%, 0);
    }
    .o-image-tile__text
    {
        overflow: hidden;

        max-height: 0;
        padding-bottom: 0; 

        transition: max-height .2s ease-out, padding-bottom .08s ease-out .08s;
    }
    .o-image-tile:hover .o-image-tile__text,
    .o-image-tile:focus .o-image-tile__text
    {
        max-height: 300px;
        padding-bottom: 15px;

        transition: max-height .2s ease-in, padding-bottom .08s ease-in 0s;
    }
}

/*
    Base classes
*/
/*
    Glyphs
*/
.o-button
{
    font-size: 1.2rem;
    font-weight: 600;

    display: inline-block;

    width: 100%;
    margin-bottom: 20px;
    padding: 0 20px;

    -webkit-transition: background-color .15s ease-out , color .15s ease-out , border .15s ease-out;
       -moz-transition: background-color .15s ease-out , color .15s ease-out , border .15s ease-out;
         -o-transition: background-color .15s ease-out , color .15s ease-out , border .15s ease-out;
            transition: background-color .15s ease-out , color .15s ease-out , border .15s ease-out;
    text-align: left;
    /*
        Height modifiers
    */
    /*
        Width modifiers
    */
    /*
        Colour modifiers
    */
    /* NEW BUTTONS */
}
@media (min-width: 768px)
{
    .o-button
    {
        margin-bottom: 0;
    }
}
.o-button__wrapper
{
    display: flex;

    width: 100%;
    height: 100%;

    align-items: center;
}
.o-button__label
{
    display: -webkit-box;
    overflow: hidden; 

    flex-grow: 1;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.o-button__label--text-center
{
    text-align: center;
}
.o-button__icon
{
    font-size: 2rem;

    width: 36px;
    margin-right: 20px;

    text-align: center;

    flex-shrink: 0;
}
.o-button__glyph
{
    margin-left: 20px;

    flex-shrink: 0;
}
.o-button__glyph--blue
{
    color: #3c2d4d;
}
.o-button--small
{
    height: 40px;
    padding: 0 15px; 

    border-radius: 10px;
}
.o-button--medium
{
    height: 60px;
    padding: 0 25px; 

    border-radius: 15px;
}
.o-button--large
{
    height: 70px;
    padding: 0 30px; 

    border-radius: 16px;
}
.o-button--xlarge
{
    height: 80px;
    padding: 0 35px; 

    border-radius: 20px;
}
.o-button--wrap-content
{
    width: auto;
}
@media (min-width: 768px)
{
    .o-button--quarter
    {
        width: 25%;
    }
    .o-button--half
    {
        width: 50%;
    }
    .o-button--three-quarter
    {
        width: 75%;
    }
    .o-button--full
    {
        width: 100%;
    }
    .o-button--wrap-content
    {
        width: auto;
    }
}
.o-button--white,
.o-button--light-grey,
.o-button--yellow,
.o-button--dark-grey-stroke,
.o-button--charcoal-stroke,
.o-button--black-stroke
{
    color: #2d2d2d;
}
.o-button--white:hover,
.o-button--white:focus,
.o-button--white:active,
.o-button--light-grey:hover,
.o-button--light-grey:focus,
.o-button--light-grey:active,
.o-button--yellow:hover,
.o-button--yellow:focus,
.o-button--yellow:active,
.o-button--dark-grey-stroke:hover,
.o-button--dark-grey-stroke:focus,
.o-button--dark-grey-stroke:active,
.o-button--charcoal-stroke:hover,
.o-button--charcoal-stroke:focus,
.o-button--charcoal-stroke:active,
.o-button--black-stroke:hover,
.o-button--black-stroke:focus,
.o-button--black-stroke:active
{
    color: #2d2d2d;
}
.o-button--dark-grey,
.o-button--charcoal,
.o-button--black,
.o-button--white-stroke,
.o-button--light-grey-stroke
{
    color: white;
}
.o-button--dark-grey:hover,
.o-button--dark-grey:focus,
.o-button--dark-grey:active,
.o-button--charcoal:hover,
.o-button--charcoal:focus,
.o-button--charcoal:active,
.o-button--black:hover,
.o-button--black:focus,
.o-button--black:active,
.o-button--white-stroke:hover,
.o-button--white-stroke:focus,
.o-button--white-stroke:active,
.o-button--light-grey-stroke:hover,
.o-button--light-grey-stroke:focus,
.o-button--light-grey-stroke:active
{
    color: white;
}
.o-button--outline-light-grey-hover
{
    border: 1px solid #ddddd7;
}
.o-button--yellow-stroke
{
    color: #ffb448;
}
.o-button--yellow-stroke:hover,
.o-button--yellow-stroke:focus
{
    color: #ffb448;
}
.o-button--plum
{
    color: #ffb448;
}
.o-button--plum:hover,
.o-button--plum:focus
{
    color: #ffb448;
}
.o-button--bordered-light
{
    border-bottom: 1px solid rgba(0, 0, 0, .15);
}
.o-button--light-transparent
{
    color: #2d2d2d;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
}
.o-button--light-transparent:hover,
.o-button--light-transparent:focus
{
    background-color: rgba(0, 0, 0, .15);
}
.o-button--white
{
    background-color: white;
}
.o-button--white:hover,
.o-button--white:focus
{
    background-color: #d9d9d9;
}
.o-button--light-grey
{
    background-color: #ededea;
}
.o-button--light-grey:hover,
.o-button--light-grey:focus
{
    background-color: #cacac1;
}
.o-button--gold
{
    color: #3c2d4d; 
    background-color: #ffb448;
}
.o-button--gold:hover,
.o-button--gold:focus
{
    background-color: #fb9400;
}
.o-button--dark-transparent
{
    color: white;
}
.o-button--dark-transparent:hover,
.o-button--dark-transparent:focus
{
    color: white;
    background-color: rgba(255, 255, 255, .15);
}
.o-button--dark-grey
{
    background-color: #67645f;
}
.o-button--dark-grey:hover,
.o-button--dark-grey:focus
{
    background-color: #8e8a84;
}
.o-button--charcoal
{
    background-color: #2d2d2d;
}
.o-button--charcoal:hover,
.o-button--charcoal:focus
{
    background-color: #535353;
}
.o-button--black
{
    background-color: black;
}
.o-button--black:hover,
.o-button--black:focus
{
    background-color: #262626;
}
.o-button--yellow
{
    background-color: #ffb448;
}
.o-button--yellow:hover,
.o-button--yellow:focus
{
    background-color: #ffd395;
}
.o-button--plum
{
    color: #ffb448; 
    background-color: #3c2d4d;
}
.o-button--plum:hover,
.o-button--plum:focus
{
    background-color: #62497d;
}
.o-button--white-stroke
{
    border: 1px solid white;
}
.o-button--white-stroke:hover,
.o-button--white-stroke:focus
{
    background-color: rgba(255, 255, 255, .1);
}
.o-button--light-grey-stroke
{
    border: 1px solid #ededea;
}
.o-button--light-grey-stroke:hover,
.o-button--light-grey-stroke:focus
{
    background-color: rgba(237, 237, 234, .1);
}
.o-button--dark-grey-stroke
{
    border: 1px solid #67645f;
}
.o-button--dark-grey-stroke:hover,
.o-button--dark-grey-stroke:focus
{
    background-color: rgba(103, 100, 95, .1);
}
.o-button--charcoal-stroke
{
    border: 1px solid #2d2d2d;
}
.o-button--charcoal-stroke:hover,
.o-button--charcoal-stroke:focus
{
    background-color: rgba(45, 45, 45, .1);
}
.o-button--black-stroke
{
    border: 1px solid black;
}
.o-button--black-stroke:hover,
.o-button--black-stroke:focus
{
    background-color: rgba(0, 0, 0, .1);
}
.o-button--yellow-stroke
{
    border: 1px solid #ffb448;
}
.o-button--yellow-stroke:hover,
.o-button--yellow-stroke:focus
{
    background-color: rgba(255, 180, 72, .1);
}
.o-button--plum-stroke
{
    border: 1px solid #3c2d4d;
}
.o-button--plum-stroke:hover,
.o-button--plum-stroke:focus
{
    background-color: rgba(60, 45, 77, .1);
}
.o-button--gold-stroke
{
    border: 1px solid #ffb448;
}
.o-button--gold-stroke:hover,
.o-button--gold-stroke:focus
{
    background-color: rgba(255, 180, 72, .1);
}
.o-button--collapse
{
    border: 1px solid transparent;
    background-color: #ffb448;
}
.o-button--collapse .glyphicon
{
    -webkit-transition: transform .15s ease-out;
       -moz-transition: transform .15s ease-out;
         -o-transition: transform .15s ease-out;
            transition: transform .15s ease-out;
    transform: rotate(-90deg);
}
.o-button--collapse.collapsed
{
    border: 1px solid black;
    background-color: transparent;
}
.o-button--collapse.collapsed .glyphicon
{
    transform: rotate(90deg);
}
.o-button--collapse--gray
{
    background-color: #ededea;
}
.o-button--light-blue
{
    color: white; 
    background-color: #3c2d4d;
}
.o-button--light-blue:hover,
.o-button--light-blue:focus
{
    color: white; 
    background-color: #3c2d4d;
}
.o-button--grey-stroke-blue-text
{
    color: #3c2d4d; 
    border: 2px solid #ededea;
}
.o-button--grey-stroke-blue-text:hover,
.o-button--grey-stroke-blue-text:focus
{
    background-color: #f6f6f6;
}

.o-dropdown
{
    position: relative;

    transition: margin-top ease .2s;
    /*
        Colour modifiers
    */
    /*
        Effects
    */
}
.o-dropdown__glyph::before
{
    content: '\e114';
}
.open .o-dropdown__glyph::before
{
    content: '\e113';
}
.o-dropdown__menu
{
    position: absolute;
    z-index: 1000;
    top: 100%;
    left: 0;

    display: none;
    float: left;

    width: 100%;
    min-width: 160px;
    margin-top: -25px;
    padding: 5px 0;

    list-style: none;

    text-align: left;

    border-bottom-right-radius: 15px; 
    border-bottom-left-radius: 15px;
    background-clip: padding-box;
}
@media (min-width: 768px)
{
    .o-dropdown__menu
    {
        margin-top: -5px;
    }
}
.o-dropdown__link
{
    font-weight: normal; 

    display: block;
    clear: both;

    padding: 15px 20px;
}
.o-dropdown__link:hover,
.o-dropdown__link:focus
{
    text-decoration: none;
}
.o-dropdown.open .o-dropdown__menu
{
    display: block;
}
.o-dropdown.open .o-dropdown__link
{
    outline: 0;
}
.o-dropdown.open .o-dropdown__toggle
{
    border-bottom-right-radius: 0; 
    border-bottom-left-radius: 0;
}
.o-dropdown .dropdown-backdrop
{
    position: fixed;
    z-index: 990; 
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.o-dropdown--white .o-dropdown__menu
{
    background-color: white;
}
.o-dropdown--light-grey .o-dropdown__menu
{
    background-color: #ededea;
}
.o-dropdown--white .o-dropdown__link,
.o-dropdown--light-grey .o-dropdown__link
{
    color: #2d2d2d;
}
.o-dropdown--white .o-dropdown__link:hover,
.o-dropdown--white .o-dropdown__link:focus,
.o-dropdown--light-grey .o-dropdown__link:hover,
.o-dropdown--light-grey .o-dropdown__link:focus
{
    color: #2d2d2d;
    background-color: #ddddd7;
}
.o-dropdown--charcoal .o-dropdown__menu
{
    background-color: #2d2d2d;
}
.o-dropdown--black .o-dropdown__menu
{
    background-color: black;
}
.o-dropdown--charcoal .o-dropdown__toggle:focus,
.o-dropdown--black .o-dropdown__toggle:focus
{
    color: white;
}
.o-dropdown--charcoal .o-dropdown__link,
.o-dropdown--black .o-dropdown__link
{
    color: white;
}
.o-dropdown--charcoal .o-dropdown__link:hover,
.o-dropdown--charcoal .o-dropdown__link:focus,
.o-dropdown--black .o-dropdown__link:hover,
.o-dropdown--black .o-dropdown__link:focus
{
    color: white;
    background-color: #535353;
}
.o-dropdown--yellow .o-dropdown__menu
{
    background-color: #ffb448;
}
.o-dropdown--yellow .o-dropdown__link
{
    color: #2d2d2d;
}
.o-dropdown--yellow .o-dropdown__link:hover,
.o-dropdown--yellow .o-dropdown__link:focus
{
    color: #2d2d2d;
    background-color: #ffd395;
}
@media (min-width: 768px)
{
    .o-dropdown--slide-up.open
    {
        margin-top: -20px;
    }
}

.o-flourish-link
{
    -webkit-transition: background-color .15s ease-out;
       -moz-transition: background-color .15s ease-out;
         -o-transition: background-color .15s ease-out;
            transition: background-color .15s ease-out; 

    background-color: white;
}
.o-flourish-link::after
{
    position: absolute;
    top: 50%;
    left: -3px;

    width: 5px;
    height: 30px;
    margin-top: -15px; 

    content: ' ';

    background-color: #ffb448;
}
.o-flourish-link:hover
{
    background-color: #b4aea7;
}
.o-flourish-link__icon
{
    line-height: 150%;
}
.o-flourish-link--transparent
{
    background-color: transparent;
}

.o-glyph-button__wrapper
{
    display: table;

    width: 100%;
    height: 100%;
}

.o-glyph-button__label,
.o-glyph-button__glyph
{
    display: table-cell;

    vertical-align: middle;
}

.o-glyph-button__label
{
    font-size: 1.286rem;
    font-weight: 600;
}

.o-glyph-button__glyph
{
    height: 100%;

    text-align: right;
}

/* Currently only used in accordion partial
     <a class="o-glyph-button c-accordion__button collapsed" role="button" data-toggle="collapse" href="#@Model.Id" aria-expanded="false" aria-controls="@Model.Id">
            <div class="o-glyph-button__wrapper">
                <span class="o-glyph-button__label">@Model.AccordionLabel</span>
                <span class="o-glyph-button__glyph c-accordion__glyph glyphicon"></span>
            </div>
        </a>
*/

/*
    Bootstrap
*/
/*
    USQ base styles
*/
/*
    Styles
*/
html
{
    font-size: 14px;
}

body
{
    font-family: 'Open Sans',sans-serif;
    font-size: 1rem;

    color: #272727;
}

h1,
.h1
{
    font-size: 3.0002rem; 
    font-weight: 600;

    color: #2d2d2d;
}
@media (min-width: 768px)
{
    h1,
    .h1
    {
        font-size: 4.286rem;
    }
}

h2,
.h2
{
    font-size: 1.9999rem;
    font-weight: 400; 

    color: #2d2d2d;
}
@media (min-width: 768px)
{
    h2,
    .h2
    {
        font-size: 2.857rem;
    }
}

h3,
.h3
{
    font-size: 1.6rem;
    font-weight: 400; 

    color: #2d2d2d;
}
@media (min-width: 768px)
{
    h3,
    .h3
    {
        font-size: 2rem;
    }
}

h4,
.h4
{
    font-size: 1.4139rem;
    font-weight: 500; 

    color: #333;
}
@media (min-width: 768px)
{
    h4,
    .h4
    {
        font-size: 1.571rem;
    }
}

h5,
.h5
{
    font-size: 1rem;
    font-weight: 700; 

    color: #666;
}

.body-copy--medium
{
    font-size: 1.15rem;
    line-height: 2rem;
}
.body-copy--medium p,
.body-copy--medium ul,
.body-copy--medium ol
{
    margin-bottom: 25px;
}

.body-copy--large
{
    font-size: 1.286rem;
    line-height: 2.3rem;
}
.body-copy--large p,
.body-copy--large ul,
.body-copy--large ol
{
    margin-bottom: 30px;
}

.paragraph--no-margin p:last-child
{
    margin: 0 !important;
}

.text-content
{
    font-weight: 400;

    color: #2d2d2d;
    /* Modifiers */
}
.text-content--large
{
    font-size: 1.714rem;
    line-height: 2.571rem;
}
.text-content--regular
{
    font-size: 1.143rem;
    line-height: 2rem;
}
.text-content--small
{
    font-size: 1rem;
    line-height: 1.429rem;
}
.text-content a
{
    font-weight: 600; 

    text-decoration: none;

    color: #1175b5;
}
.text-content a:hover,
.text-content a:focus
{
    text-decoration: underline;

    color: #1175b5;
}

a
{
    color: #2d2d2d;
}
a:hover
{
    text-decoration: none;

    color: #2d2d2d;
}
a:focus
{
    text-decoration: none;

    color: #2d2d2d;
}

.skip-to-content-link
{
    font-weight: 600; 

    position: absolute;
    z-index: 10000;
    left: 50%;

    padding: 8px;

    transition: transform .3s;
    transform: translateY(-100%);

    color: white !important;
    background-color: #666;
}
.skip-to-content-link:focus
{
    transform: translateY(0%);

    outline: 2px solid #ffb448;
}

.link--standalone
{
    font-weight: bold;

    text-decoration: none;
}
.link--standalone:after
{
    font-family: 'Glyphicons Halflings';
    font-size: 10px;
    font-weight: normal;

    display: inline-block; 

    padding-left: 3px;

    content: '\e080';
}
.link--standalone:hover,
.link--standalone:hover:after
{
    text-decoration: underline;
}
.link--standalone:after,
.link--standalone:hover:after
{
    text-decoration: none;
}

.table-no-border th,
.table-no-border td
{
    border: none !important;
}

.table-sm th,
.table-sm td
{
    padding-right: 15px; 
    padding-bottom: 10px;

    vertical-align: top;
}
@media (min-width: 768px)
{
    .table-sm th,
    .table-sm td
    {
        padding-right: 35px;
    }
}

.d-table-row-group
{
    display: table-row-group !important;
}

@media (min-width: 576px)
{
    .d-sm-table-row-group
    {
        display: table-row-group !important;
    }
}

@media (min-width: 768px)
{
    .d-md-table-row-group
    {
        display: table-row-group !important;
    }
}

@media (min-width: 992px)
{
    .d-lg-table-row-group
    {
        display: table-row-group !important;
    }
}

@media (min-width: 1200px)
{
    .d-xl-table-row-group
    {
        display: table-row-group !important;
    }
}

.page-content a
{
    font-weight: 600; 

    text-decoration: none;

    color: #1175b5;
}
.page-content a:hover,
.page-content a:focus
{
    text-decoration: underline;

    color: #1175b5;
}

.page-content blockquote
{
    font-size: 1.6rem;
    line-height: 1.3;

    padding-top: 20px; 
    padding-bottom: 20px;

    text-align: center;

    color: #333;
    border: none;
}
@media (min-width: 768px)
{
    .page-content blockquote
    {
        font-size: 2rem;
    }
}
.page-content blockquote footer
{
    font-size: 1rem;

    padding-top: 11px; 

    color: #333;
}
.page-content blockquote footer::before
{
    display: block;

    width: 60px;
    height: 6px;
    margin: 15px auto;

    content: '';

    color: #ffb448;
    background-color: #ffb448;
}
.page-content blockquote footer.blockquote__footer--quotes::before
{
    font-size: 3rem; 

    display: block;

    width: auto;
    height: auto;
    margin: 0 auto -5px;

    content: '\201C  \201D';

    background-color: transparent;
}

.page-content h1,
.page-content .h1
{
    padding-bottom: 20px;
}

.page-content h2,
.page-content .h2
{
    padding-bottom: 15px;
}

.page-content h3,
.page-content .h3
{
    padding-bottom: 10px;
}

.page-content h4,
.page-content .h4
{
    padding-bottom: 5px;
}

.page-content h5,
.page-content .h5
{
    padding-bottom: 5px;
}

.container-fluid
{
    max-width: 1920px;
}

.l-recessed-layout
{
    position: relative;
}
.l-recessed-layout__recess
{
    position: absolute;

    width: 100%;
}
.l-recessed-layout__recess--small
{
    height: 30px;
}
@media (min-width: 768px)
{
    .l-recessed-layout__recess--small
    {
        height: 35px;
    }
}
@media (min-width: 992px)
{
    .l-recessed-layout__recess--small
    {
        height: 40px;
    }
}
@media (min-width: 1200px)
{
    .l-recessed-layout__recess--small
    {
        height: 50px;
    }
}
.l-recessed-layout__recess--medium
{
    height: 60px;
}
@media (min-width: 768px)
{
    .l-recessed-layout__recess--medium
    {
        height: 70px;
    }
}
@media (min-width: 992px)
{
    .l-recessed-layout__recess--medium
    {
        height: 80px;
    }
}
@media (min-width: 1200px)
{
    .l-recessed-layout__recess--medium
    {
        height: 100px;
    }
}
.l-recessed-layout__recess--large
{
    height: 120px;
}
@media (min-width: 768px)
{
    .l-recessed-layout__recess--large
    {
        height: 140px;
    }
}
@media (min-width: 992px)
{
    .l-recessed-layout__recess--large
    {
        height: 160px;
    }
}
@media (min-width: 1200px)
{
    .l-recessed-layout__recess--large
    {
        height: 200px;
    }
}
.l-recessed-layout__recess--15-percent
{
    height: 15%;
}
.l-recessed-layout__recess--25-percent
{
    height: 25%;
}
.l-recessed-layout__recess--50-percent
{
    height: 50%;
}
.l-recessed-layout__recess--75-percent
{
    height: 75%;
}
.l-recessed-layout--background-white
{
    background-color: #fff !important;
}
.l-recessed-layout--background-light-grey
{
    background-color: #ededea !important;
}
.l-recessed-layout--background-dark-grey
{
    background-color: #67645f !important;
}
.l-recessed-layout--background-charcoal
{
    background-color: #2d2d2d !important;
}
.l-recessed-layout--background-green
{
    background-color: #8abf74 !important;
}
.l-recessed-layout--background-turquoise
{
    background-color: #6fd1ce !important;
}
.l-recessed-layout--background-blue
{
    background-color: #40accb !important;
}
.l-recessed-layout--background-navy
{
    background-color: #406e99 !important;
}
.l-recessed-layout--background-purple
{
    background-color: #905ea7 !important;
}
.l-recessed-layout--background-magenta
{
    background-color: #c866ae !important;
}
.l-recessed-layout--background-red
{
    background-color: #ec6e64 !important;
}
.l-recessed-layout--background-orange
{
    background-color: #f8a158 !important;
}
.l-recessed-layout--background-yellow
{
    background-color: #fbbc53 !important;
}
.l-recessed-layout--background-brand-yellow
{
    background-color: #ffb448 !important;
}
.l-recessed-layout--background-teal
{
    background-color: #46c1be !important;
}
.l-recessed-layout--background-gold
{
    background-color: #ffb448 !important;
}
.l-recessed-layout--background-plum
{
    background-color: #3c2d4d !important;
}
.l-recessed-layout--background-soft-pink
{
    background-color: #ffe9dd !important;
}

.u-gradient-overlay::after
{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 60%;

    content: '';

    background: black;
    background: linear-gradient(0deg, black 0%, rgba(255, 255, 255, 0) 100%);
}

.u-icon-vertical-centered
{
    position: absolute;
    top: 50%;

    transform: translateY(-50%);
}

@media (max-width: 768px)
{
    .u-vertical-scroll-row-sm
    {
        display: flex;
        overflow-x: auto;

        box-shadow: inset 25px 0 25px -25px rgba(0, 0, 0, .7), inset -25px 0 25px -25px rgba(0, 0, 0, .7); 

        flex-wrap: nowrap;
    }
    .u-vertical-scroll-row-sm div[class*='col-']
    {
        flex: 0 0 auto;
    }
}

@media (max-width: 992px)
{
    .u-vertical-scroll-row-md
    {
        display: flex;
        overflow-x: auto;

        box-shadow: inset 25px 0 25px -25px rgba(0, 0, 0, .7), inset -25px 0 25px -25px rgba(0, 0, 0, .7); 

        flex-wrap: nowrap;
    }
    .u-vertical-scroll-row-md div[class*='col-']
    {
        flex: 0 0 auto;
    }
}

@media (min-width: 768px)
{
    .u-equal-height-columns-sm
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
}

@media (min-width: 992px)
{
    .u-equal-height-columns-md
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
}

/* Max width */
.mw-50
{
    max-width: 50%;
}

.u-bubble--xs
{
    border-radius: 7.5px;
}

.u-bubble--sm
{
    border-radius: 15px;
}

.u-bubble--md
{
    border-radius: 30px;
}

.u-bubble--lg
{
    border-radius: 60px;
}

.u-rounded-corner--top-right-sm
{
    border-top-right-radius: 15px;
}

.u-rounded-corner--top-right-md
{
    border-top-right-radius: 30px;
}

.u-rounded-corner--top-right-lg
{
    border-top-right-radius: 60px;
}

.u-rounded-corner--top-left-sm
{
    border-top-left-radius: 15px;
}

.u-rounded-corner--top-left-md
{
    border-top-left-radius: 30px;
}

.u-rounded-corner--top-left-lg
{
    border-top-left-radius: 60px;
}

.u-rounded-corner--bottom-right-sm
{
    border-bottom-right-radius: 15px;
}

.u-rounded-corner--bottom-right-md
{
    border-bottom-right-radius: 30px;
}

.u-rounded-corner--bottom-right-lg
{
    border-bottom-right-radius: 60px;
}

.u-rounded-corner--bottom-left-sm
{
    border-bottom-left-radius: 15px;
}

.u-rounded-corner--bottom-left-md
{
    border-bottom-left-radius: 30px;
}

.u-rounded-corner--bottom-left-lg
{
    border-bottom-left-radius: 60px;
}

/*
    Utils
*/
@media (min-width: 768px)
{
    .u-animate-in-js__animate
    {
        opacity: 0;
    }
    .u-animate-in-js__animate.u-animate-in-js--left
    {
        transform: translatex(70px);
        animation: u-animate-in .8s ease forwards;
    }
    .u-animate-in-js__animate.u-animate-in-js--right
    {
        transform: translatex(-70px);
        animation: u-animate-in .8s ease forwards;
    }
    .u-animate-in-js__animate.u-animate-in-js--up
    {
        transform: translateY(70px);
        animation: u-animate-in .8s ease forwards;
    }
    .u-animate-in-js__animate.u-animate-in-js--down
    {
        transform: translateY(-70px);
        animation: u-animate-in .8s ease forwards;
    }
    .u-animate-in-js__animate:nth-child(odd)
    {
        animation-duration: 1.2s;
    }
}

@keyframes u-animate-in
{
    to
    {
        transform: translateY(0);

        opacity: 1;
    }
}

.u-padding-top-small
{
    padding-top: 10px;
}

.u-padding-left-small
{
    padding-left: 10px;
}

.u-padding-right-small
{
    padding-right: 10px;
}

.u-padding-bottom-small
{
    padding-bottom: 10px;
}

.u-padding-top-medium
{
    padding-top: 20px;
}

.u-padding-left-medium
{
    padding-left: 20px;
}

.u-padding-right-medium
{
    padding-right: 20px;
}

.u-padding-bottom-medium
{
    padding-bottom: 20px;
}

.u-padding-top-large
{
    padding-top: 30px;
}

.u-padding-left-large
{
    padding-left: 30px;
}

.u-padding-right-large
{
    padding-right: 30px;
}

.u-padding-bottom-large
{
    padding-bottom: 30px;
}

.u-padding-top-xlarge
{
    padding-top: 50px;
}

.u-padding-left-xlarge
{
    padding-left: 50px;
}

.u-padding-right-xlarge
{
    padding-right: 50px;
}

.u-padding-bottom-xlarge
{
    padding-bottom: 50px;
}

.u-padding-top-xxlarge
{
    padding-top: 70px;
}

.u-padding-left-xxlarge
{
    padding-left: 70px;
}

.u-padding-right-xxlarge
{
    padding-right: 70px;
}

.u-padding-bottom-xxlarge
{
    padding-bottom: 70px;
}

.u-background--white
{
    background-color: #fff !important;
}

.u-background--light-grey
{
    background-color: #ededea !important;
}

.u-background--dark-grey
{
    background-color: #67645f !important;
}

.u-background--charcoal
{
    background-color: #2d2d2d !important;
}

.u-background--green
{
    background-color: #8abf74 !important;
}

.u-background--turquoise
{
    background-color: #6fd1ce !important;
}

.u-background--blue
{
    background-color: #40accb !important;
}

.u-background--navy
{
    background-color: #406e99 !important;
}

.u-background--purple
{
    background-color: #905ea7 !important;
}

.u-background--magenta
{
    background-color: #c866ae !important;
}

.u-background--red
{
    background-color: #ec6e64 !important;
}

.u-background--orange
{
    background-color: #f8a158 !important;
}

.u-background--yellow
{
    background-color: #fbbc53 !important;
}

.u-background--brand-yellow
{
    background-color: #ffb448 !important;
}

.u-background--teal
{
    background-color: #46c1be !important;
}

.u-background--gold
{
    background-color: #ffb448 !important;
}

.u-background--plum
{
    background-color: #3c2d4d !important;
}

.u-background--soft-pink
{
    background-color: #ffe9dd !important;
}

.u-background--medium-grey
{
    background-color: #e5e5e5;
}

html
{
    height: 100%;
}

.u-main-wrapper__body
{
    display: flex;
    flex-direction: column; 

    height: 100%;
    min-height: 100vh;
}

.u-main-wrapper__content
{
    flex: 1 0 auto;
}

.u-margin-top-small
{
    margin-top: 10px;
}

.u-margin-left-small
{
    margin-left: 10px;
}

.u-margin-right-small
{
    margin-right: 10px;
}

.u-margin-bottom-small
{
    margin-bottom: 10px;
}

.u-margin-top-medium
{
    margin-top: 20px;
}

.u-margin-left-medium
{
    margin-left: 20px;
}

.u-margin-right-medium
{
    margin-right: 20px;
}

.u-margin-bottom-medium
{
    margin-bottom: 20px;
}

.u-margin-top-large
{
    margin-top: 30px;
}

.u-margin-left-large
{
    margin-left: 30px;
}

.u-margin-right-large
{
    margin-right: 30px;
}

.u-margin-bottom-large
{
    margin-bottom: 30px;
}

.u-margin-top-xlarge
{
    margin-top: 50px;
}

.u-margin-left-xlarge
{
    margin-left: 50px;
}

.u-margin-right-xlarge
{
    margin-right: 50px;
}

.u-margin-bottom-xlarge
{
    margin-bottom: 50px;
}

.u-margin-top-xxlarge
{
    margin-top: 70px;
}

.u-margin-left-xxlarge
{
    margin-left: 70px;
}

.u-margin-right-xxlarge
{
    margin-right: 70px;
}

.u-margin-bottom-xxlarge
{
    margin-bottom: 70px;
}

.u-contact-table td,
.u-contact-table a
{
    color: #666;
}

.u-contact-table td
{
    padding: 0 0 15px 0;
}

.u-contact-table a:hover
{
    text-decoration: underline;
}

.u-contact-table td:first-child
{
    font-weight: 600;

    padding: 0 30px 15px 0; 

    color: #2d2d2d;
}

.spinner
{
    width: 40px;
    height: 40px;

    -webkit-animation: spinner 1s linear infinite;
            animation: spinner 1s linear infinite; 

    border: 7px solid #f3f3f3;
    border-top: 7px solid #ffb448;
    border-radius: 50%;
}

@-webkit-keyframes spinner
{
    0%
    {
        -webkit-transform: rotate(0deg);
    }
    100%
    {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spinner
{
    0%
    {
        transform: rotate(0deg);
    }
    100%
    {
        transform: rotate(360deg);
    }
}

.u-sticky
{
    position: sticky;
    z-index: 100;
}
.u-sticky--under-header-large-padding
{
    top: -30px;
}
@media (min-width: 768px)
{
    .u-sticky--under-header-large-padding
    {
        top: 38px;
    }
}

.u-divider-top
{
    border-top: 1px solid #ededea;
}

.u-divider-bottom
{
    border-bottom: 1px solid #ededea;
}

.u-equal-height-columns
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.u-equal-height-columns--vertical-centered
{
    align-items: center;
}
.u-equal-height-columns > [class*='col-']
{
            flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
}
.u-equal-height-columns::after,
.u-equal-height-columns::before
{
    content: normal;
}

.u-vertical-center
{
    display: flex;
    flex-direction: column; 

    justify-content: center;
}

.u-horizontal-center
{
    display: flex;

    justify-content: center;
}

.u-box-shadow
{
    -webkit-box-shadow: 4px -2px 0 0 rgba(0, 0, 0, .1);
       -moz-box-shadow: 4px -2px 0 0 rgba(0, 0, 0, .1);
            box-shadow: 4px -2px 0 0 rgba(0, 0, 0, .1);
}

@media (min-width: 768px)
{
    .u-overlay::before,
    .u-overlay--dark::before
    {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;

        display: block;

        width: 100%;
        height: 100%;

        content: '';
        transition: all .2s ease-in-out;
    }
    .u-overlay:hover::before,
    .u-overlay--dark:hover::before
    {
        transition: all .2s ease-in-out;

        background-color: rgba(0, 0, 0, 0);
    }
    .u-overlay--dark::before
    {
        background-color: rgba(0, 0, 0, .2);
    }
}

.u-text-xlarge
{
    font-size: 1.571rem;
}

.u-text-large
{
    font-size: 1.286rem;
}

.u-text-medium
{
    font-size: 1rem;
}

.u-text-small
{
    font-size: .9286rem;
}

.u-text--white
{
    color: #fff !important;
}

.u-text--light-grey
{
    color: #ededea !important;
}

.u-text--dark-grey
{
    color: #67645f !important;
}

.u-text--charcoal
{
    color: #2d2d2d !important;
}

.u-text--green
{
    color: #8abf74 !important;
}

.u-text--turquoise
{
    color: #6fd1ce !important;
}

.u-text--blue
{
    color: #40accb !important;
}

.u-text--navy
{
    color: #406e99 !important;
}

.u-text--purple
{
    color: #905ea7 !important;
}

.u-text--magenta
{
    color: #c866ae !important;
}

.u-text--red
{
    color: #ec6e64 !important;
}

.u-text--orange
{
    color: #f8a158 !important;
}

.u-text--yellow
{
    color: #fbbc53 !important;
}

.u-text--brand-yellow
{
    color: #ffb448 !important;
}

.u-text--teal
{
    color: #46c1be !important;
}

.u-text--gold
{
    color: #ffb448 !important;
}

.u-text--plum
{
    color: #3c2d4d !important;
}

.u-text--soft-pink
{
    color: #ffe9dd !important;
}

.u-text-italic
{
    font-style: italic;
}

.u-list-no-bullets
{
    list-style-type: none;
}

.row.u-no-gutters
{
    margin-right: 0;
    margin-left: 0;
}

.row.u-no-gutters > [class^='col-'],
.row.u-no-gutters > [class*=' col-']
{
    padding-right: 0;
    padding-left: 0;
}

.clearfix-xs
{
    clear: both;
}
@media (min-width: 768px)
{
    .clearfix-xs
    {
        clear: none;
    }
}

@media (min-width: 768px) and (max-width: 992px)
{
    .clearfix-sm
    {
        clear: both;
    }
}

.c-breadcrumbs
{
    background-color: #ededea;
}
.c-breadcrumbs__list
{
    margin: 0; 
    padding: 10px 0;

    list-style-type: none;
}
.c-breadcrumbs__item
{
    display: inline-block;
}
.c-breadcrumbs__item + .c-breadcrumbs__item::before
{
    padding: 0 5px; 

    content: '/';
}
.c-breadcrumbs__link:hover
{
    text-decoration: underline;
}

@media (max-width: 575px)
{
    .c-directory__column
    {
        width: 100%;
    }
}

.c-directory__item
{
    display: block;

    margin-bottom: 30px;
}

.c-directory__item:hover .c-directory__content-wrapper,
.c-directory__item:focus .c-directory__content-wrapper
{
    margin-top: -55px;
    padding-bottom: 20px;

    -webkit-transition: all .15s ease-out;
       -moz-transition: all .15s ease-out;
         -o-transition: all .15s ease-out;
            transition: all .15s ease-out; 

    background-color: #ededea;
}

.c-directory__item--text-only .c-directory__content-wrapper
{
    margin-top: 0 !important;
    padding-bottom: 20px !important;
}

.c-directory__content-wrapper
{
    position: relative;

    margin: -50px 15px 0;
    padding: 15px 20px;

    -webkit-transition: all .15s ease-out;
       -moz-transition: all .15s ease-out;
         -o-transition: all .15s ease-out;
            transition: all .15s ease-out; 

    background-color: white;
}
.c-directory__content-wrapper::before
{
    position: absolute;
    top: 10px;
    left: -3px;

    display: block;

    width: 6px;
    height: 30px; 

    content: '';

    background-color: #ffb448;
}
.c-directory__content-wrapper::after
{
    position: absolute;
    top: 0;
    right: -3px;
    bottom: 0; 

    display: block;

    width: 3px;

    content: '';

    background-color: rgba(0, 0, 0, .05);
}

.c-directory__heading
{
    font-size: 1.286rem;
    font-weight: 600;

    margin-bottom: 10px;
    padding-right: 30px;
}
.c-directory__heading::after
{
    font-family: 'Glyphicons Halflings';
    font-size: 14px; 
    font-weight: 100;

    position: absolute;
    top: 19px;
    right: 18px;

    content: '\e080';
}

.c-header__nav-bar
{
    border-bottom: 1px solid #e5e5e5; 
    background-color: white;
}
@media (min-width: 768px)
{
    .c-header__nav-bar
    {
        /* position: fixed; */
        z-index: 2000;
        top: 0;
        right: 0;
        left: 0;
    }
    .c-header__nav-bar--small .c-header__container
    {
        height: 67px;

        transition: height ease-out .2s;
    }
    .c-header__nav-bar--small .c-header__logo
    {
        width: 113px;
        margin: 12px 0;
    }
    .c-header__nav-bar--small .c-header__logo--acronym
    {
        visibility: visible;

        transition: width .2s ease-out, margin .2s ease-out, opacity .2s ease-out, visibility 0s 0s; 

        opacity: 1;
    }
    .c-header__nav-bar--small .c-header__logo--full
    {
        visibility: hidden;

        transition: width .2s ease-out, margin .2s ease-out, opacity .2s ease-out, visibility 0s .2s; 

        opacity: 0;
    }
    .c-header__nav-bar--small .c-header__secondary-nav
    {
        visibility: hidden;

        transition: opacity .1s ease-out, visibility 0 linear .2s; 

        opacity: 0;
    }
    .c-header__nav-bar--small .c-header__primary-nav-menu
    {
        top: 68px;
    }
}

@media (min-width: 768px)
{
    .c-header__nav-bar-header
    {
        position: relative;
        z-index: 100; 

        height: 100%;
    }
}

.c-header__nav-bar-button
{
    font-size: 21px;

    position: relative;

    float: right;

    margin-top: 11px;
    margin-bottom: 7px;
    padding: 3px 15px 0;

    color: #67645f; 
    border: 1px solid transparent;
    border-radius: 0;
    background-color: transparent;
    background-image: none;
}
.c-header__nav-bar-button:not(:last-child)
{
    border-left: 1px solid rgba(0, 0, 0, .1);
}
@media (min-width: 768px)
{
    .c-header__nav-bar-button
    {
        display: none;
    }
}

@media (min-width: 768px)
{
    .c-header__container
    {
        height: 110px;

        transition: height ease-out .2s;
    }
}

.c-header__logo
{
    position: absolute; 

    display: inline-block;

    width: 100px;
    margin: 6px 15px 0;
}
.c-header__logo--acronym
{
    display: inline-block;
}
.c-header__logo--full
{
    display: none;
}
@media (min-width: 768px)
{
    .c-header__logo
    {
        width: 180px; 
        margin: 22px 0;
    }
    .c-header__logo--acronym
    {
        visibility: hidden; 

        transition: width .2s ease-out, margin .2s ease-out, opacity .2s ease-out, visibility 0s .2s;

        opacity: 0;
    }
    .c-header__logo--full
    {
        display: inline-block; 
        visibility: visible;

        transition: width .2s ease-out, margin .2s ease-out, opacity .2s ease-out, visibility 0s 0s;

        opacity: 1;
    }
}

.c-header__collapse
{
    background-color: #ededea;
}
@media (min-width: 768px)
{
    .c-header__collapse
    {
        position: relative;
        z-index: 90; 

        background: none;
    }
}

.c-header__primary-nav,
.c-header__secondary-nav
{
    font-size: 0; 

    margin: 0;
    padding: 10px 0;

    list-style-type: none;
}
@media (min-width: 768px)
{
    .c-header__primary-nav,
    .c-header__secondary-nav
    {
        position: absolute;

        padding: 0;
    }
}

.c-header__primary-nav
{
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}
@media (min-width: 768px)
{
    .c-header__primary-nav
    {
        right: 0;
        bottom: -1px;

        transition: all ease-in-out .2s; 

        border-bottom: none;
    }
    .c-header__primary-nav--hidden
    {
        z-index: -1;

        visibility: hidden;

        transition-duration: 0s; 

        opacity: 0;
    }
}

@media (min-width: 768px)
{
    .c-header__secondary-nav
    {
        top: 22px;
        right: 9px;

        visibility: visible;

        transition: opacity .1s ease-out .1s; 

        opacity: 1;
    }
}

@media (min-width: 768px)
{
    .c-header__primary-nav-item
    {
        display: inline-block;

        height: 57px;
    }
    .c-header__primary-nav-item--open .c-header__primary-nav-link
    {
        border-bottom: 6px solid #ffb448;
    }
    .c-header__primary-nav-item--open .c-header__primary-nav-menu
    {
        display: block;
    }
}

@media (min-width: 768px)
{
    .c-header__secondary-nav-item
    {
        display: inline-block;

        margin: 0 10px;
    }
}

.c-header__primary-nav-link
{
    font-size: 18px;

    display: block;

    padding: 7px 0; 

    color: black;
}
@media (min-width: 768px)
{
    .c-header__primary-nav-link
    {
        height: 100%;
        padding: 10px 8px 16px;

        transition: border-color ease-in-out .15s; 

        color: #333;
        border-bottom: 6px solid transparent;
    }
    .c-header__primary-nav-link:hover,
    .c-header__primary-nav-link:focus
    {
        border-color: #ffb448; 
        outline: none;
    }
}
@media (min-width: 992px)
{
    .c-header__primary-nav-link
    {
        padding: 10px 15px 16px;
    }
}
.c-header__primary-nav-link--highlighted
{
    font-weight: 600;
}

.c-header__secondary-nav-link
{
    font-size: 18px;

    display: block;

    padding: 7px 0; 

    color: #333;
}
@media (min-width: 768px)
{
    .c-header__secondary-nav-link
    {
        font-size: 14px;

        display: inline;

        padding: 0; 

        text-transform: uppercase;

        color: #666;
    }
    .c-header__secondary-nav-link:hover,
    .c-header__secondary-nav-link:focus
    {
        text-decoration: underline;

        color: #333;
        outline: none;
    }
}

@media (min-width: 768px)
{
    .c-header__primary-nav-menu
    {
        font-size: 14px;

        position: fixed;
        top: 111px;
        right: 0;
        left: 0;

        display: none;

        padding: 30px 0 50px;

        transition: top ease-out .2s; 

        border-bottom: 1px solid #e5e5e5;
        background-color: #ededea;
    }
}

@media (min-width: 768px)
{
    .c-header__primary-nav-menu-heading
    {
        margin-bottom: 30px;
    }
}

.c-header__primary-nav-menu-cta-wrapper
{
    padding: 10px 30px; 

    border-top: 1px solid #e5e5e5;
}
@media (min-width: 992px)
{
    .c-header__primary-nav-menu-cta-wrapper
    {
        border-top: none; 
        border-left: 1px solid #e5e5e5;
    }
}

.c-header__primary-nav-menu-cta-content
{
    line-height: 1.5rem;
}

.c-header__primary-nav-menu-cta-link
{
    margin-top: 15px;
}

@media (min-width: 768px)
{
    .c-header__primary-nav-menu-link
    {
        font-size: 18px;

        display: block;

        padding: 10px;

        transition: background-color ease-out .15s;
    }
    .c-header__primary-nav-menu-link:hover,
    .c-header__primary-nav-menu-link:focus
    {
        outline: none; 
        background-color: #ddddd7;
    }
}

.c-header__uconnect-icon
{
    font-size: 13px; 

    float: right;

    color: #ffb448;
}
@media (min-width: 768px)
{
    .c-header__uconnect-icon
    {
        float: none;

        margin-right: 4px;
    }
}

@media (min-width: 768px)
{
    .c-header__search-container
    {
        position: absolute;
        z-index: -1;
        right: 0;
        bottom: 10px;

        visibility: hidden;

        width: 500px;

        transition: all ease-in-out 0s; 

        opacity: 0;
        background: white;
    }
    .c-header__search-container--visible
    {
        z-index: auto;

        visibility: visible;

        transition-duration: .2s; 

        opacity: 1;
    }
}

@media (min-width: 992px)
{
    .c-header__search-container
    {
        width: 580px;
    }
}

.c-header__search-wrapper,
.c-header__mobile-search-wrapper
{
    position: relative;

    color: #333;
}

.c-header__search-input,
.c-header__mobile-search-input
{
    font-size: 18px;

    width: 100%;

    border: none;
    border-bottom: 4px solid black;
    outline: none;
}
.c-header__search-input::-ms-clear,
.c-header__mobile-search-input::-ms-clear
{
    display: none;
}

.c-header__search-input
{
    padding: 10px 40px 10px 0;
}

.c-header__mobile-search-input
{
    padding: 8px 40px 8px 0;
}

.c-header__search-button-wrapper,
.c-header__mobile-search-button-wrapper
{
    position: absolute;
}

.c-header__search-button-wrapper
{
    top: 11px;
    right: 13px;
}

.c-header__mobile-search-button-wrapper
{
    top: 9px;
    right: 3px;
}

.c-header__search-submit,
.c-header__search-close,
.c-header__mobile-search-close
{
    font-size: 21px; 

    border: none;
    background: none;
}

.c-header__search-submit
{
    position: absolute;

    overflow: hidden;
    clip: rect(0, 0, 0, 0); 

    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0 5px;
}
.c-header__search-submit:focus
{
    position: initial;

    overflow: initial;
    clip: initial; 

    width: initial;
    height: initial;
    margin: 0 10px;
}

.c-header__mobile-search
{
    position: absolute;
    top: 4px;
    right: 15px;
    left: 15px;

    visibility: hidden;

    margin: 0;
    padding: 0;

    transition: all ease-in-out .2s; 

    opacity: 0;
}
.c-header__mobile-search--visible
{
    visibility: visible;

    opacity: 1;
}

@media (min-width: 768px)
{
    .c-header__spacer
    {
        height: 110px;
    }
}

.c-header__overlay
{
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    visibility: hidden;

    transition: z-index ease-out .1s, visibility ease-out .1s, opacity ease-out .1s; 

    opacity: 0;
    background-color: rgba(0, 0, 0, .1);
}
@media (min-width: 768px)
{
    .c-header__overlay--visible
    {
        z-index: 1000;

        visibility: visible;

        opacity: 1;
    }
}

.c-header--disable-transitions *
{
    transition: none !important;
}

.c-header--campaign .c-header__nav-bar
{
    min-height: 53px;
}

.c-header--campaign .c-header__container
{
    position: relative;
}

.c-header--campaign .c-header__primary-nav
{
    float: right; 

    border: none;
}
@media (min-width: 768px)
{
    .c-header--campaign .c-header__primary-nav
    {
        height: 100%;
    }
}

@media (min-width: 768px)
{
    .c-header--campaign .c-header__primary-nav-item
    {
        height: 100%;
    }
}

.c-header--campaign .c-header__primary-nav-link
{
    font-size: 2rem;

    display: flex;

    height: 100%;
    padding: 0 15px;

    align-items: center;
}
.c-header--campaign .c-header__primary-nav-link i
{
    font-size: 1.8rem;
}

.c-footer
{
    font-size: 1.286rem;
}
.c-footer__acknowledgement-wrapper
{
    line-height: 2rem;

    text-align: center; 

    color: #3c2d4d;
    background: #ffb448;
}
.c-footer__legal-text
{
    font-size: 1rem;
}
.c-footer__legal-text a
{
    color: white;
}
.c-footer__legal-text a:focus,
.c-footer__legal-text a:hover
{
    text-decoration: underline;
}
.c-footer__logo
{
    display: inline-block;

    width: 180px;
    margin-bottom: 30px;
}
@media (min-width: 768px)
{
    .c-footer__logo
    {
        margin-bottom: 0;
    }
}
.c-footer__social-icon-link
{
    font-size: 1.5rem;

    margin: 2px;

    -webkit-transition: color .15s ease-out;
       -moz-transition: color .15s ease-out;
         -o-transition: color .15s ease-out;
            transition: color .15s ease-out; 

    color: #fff;
}
.c-footer__social-icon-link:focus,
.c-footer__social-icon-link:hover
{
    color: #ffb448;
}
@media (max-width: 768px)
{
    .c-footer__content-col
    {
        margin-bottom: 30px;
    }
}
.c-footer__content-wrapper
{
    text-align: center; 

    color: white;
    background: #3c2d4d;
}
@media (min-width: 768px)
{
    .c-footer__content-wrapper
    {
        text-align: inherit;
    }
}
.c-footer__content-wrapper h4
{
    font-size: 1.571rem !important;
    font-weight: 500;

    margin-bottom: 15px; 

    color: white;
}
@media (min-width: 768px)
{
    .c-footer__content-wrapper h4
    {
        margin-bottom: 30px;
    }
}
.c-footer__content-wrapper ul
{
    padding: 0; 

    list-style: none;
}
@media (min-width: 768px)
{
    .c-footer__content-wrapper li
    {
        margin-bottom: 10px;
    }
}
.c-footer__content-wrapper li a
{
    color: white;
}
.c-footer__content-wrapper li a:focus,
.c-footer__content-wrapper li a:hover
{
    text-decoration: underline;
}
.c-footer__content-wrapper hr
{
    margin-top: 0;
    margin-bottom: 45px;

    border: 0;
    border-top: 3px solid #55406d;
}
@media (min-width: 768px)
{
    .c-footer__content-wrapper hr
    {
        margin-top: 35px;
        margin-bottom: 50px;
    }
}

.c-link-dropdown
{
    min-height: 255px;
    /*
        Colour modifiers
    */
}
.c-link-dropdown__heading
{
    padding-bottom: 40px;

    text-align: center;
}
.c-link-dropdown__subheading
{
    padding-bottom: 30px;
}
.c-link-dropdown__dropdown-wrapper
{
    padding-bottom: 30px;
}
.c-link-dropdown--white
{
    background-color: white;
}
.c-link-dropdown--light-grey
{
    background-color: #ededea;
}
.c-link-dropdown--white,
.c-link-dropdown--light-grey
{
    color: #2d2d2d;
}
.c-link-dropdown--charcoal
{
    color: white; 
    background-color: #2d2d2d;
}
.c-link-dropdown--charcoal .c-link-dropdown__heading
{
    color: white;
}

.c-quicklinks--charcoal
{
    background-color: #2d2d2d;
}

.c-quicklinks--dark-grey
{
    background-color: #67645f;
}

.c-quicklinks--charcoal .c-quicklinks__item,
.c-quicklinks--charcoal .c-quicklinks__item:hover,
.c-quicklinks--charcoal .c-quicklinks__item:focus,
.c-quicklinks--charcoal .c-quicklinks__item:active,
.c-quicklinks--dark-grey .c-quicklinks__item,
.c-quicklinks--dark-grey .c-quicklinks__item:hover,
.c-quicklinks--dark-grey .c-quicklinks__item:focus,
.c-quicklinks--dark-grey .c-quicklinks__item:active
{
    color: white;
}

.c-quicklinks--light-grey
{
    background-color: #ededea;
}

.c-quicklinks__column
{
    display: flex;
}

.c-quicklinks__item
{
    display: inline-block;

    padding: 25px 0;

    border-bottom: 2px solid transparent; 

    flex: auto;
}

.c-quicklinks__item:hover,
.c-quicklinks__item:focus,
.c-quicklinks__item:active
{
    padding-top: 0;
    padding-bottom: 50px;

    border-bottom: 2px solid #ffb448;
    outline: none;
}

.c-quicklinks__heading
{
    font-size: 1.4rem; 
    font-weight: 600;

    margin-bottom: 15px;
}

.c-quicklinks__glyph
{
    font-size: .9rem; 
    font-weight: normal;
}

.c-image-links__link
{
    display: block;

    margin-bottom: 30px; 

    flex-grow: 1;
}
.c-image-links__link:hover .c-image-links__link-image-background
{
    transform: scale(1.05);
}
.c-image-links__link:hover .c-image-links__link-content
{
    max-height: 100px;
}
.c-image-links__link:hover .c-image-links__link-image-background::before
{
    opacity: .5;
}

.c-image-links__link-image-wrapper
{
    position: relative;

    overflow: hidden;

    min-height: 450px;
}
.container .c-image-links__link-image-wrapper
{
    min-height: 300px;
}

.c-image-links__link-image-background
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    -webkit-transition: transform .5s ease-out;
       -moz-transition: transform .5s ease-out;
         -o-transition: transform .5s ease-out;
            transition: transform .5s ease-out; 

    background-position: center;
    background-size: cover;
}
.c-image-links__link-image-background::before
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    content: '';
    -webkit-transition: opacity .15s ease-out;
       -moz-transition: opacity .15s ease-out;
         -o-transition: opacity .15s ease-out;
            transition: opacity .15s ease-out; 

    opacity: .5;
    background: linear-gradient(transparent, black);
}
@media (min-width: 768px)
{
    .c-image-links__link-image-background::before
    {
        opacity: .3;
    }
}

.c-image-links__link-heading
{
    font-size: 2rem;
    font-weight: 600;

    width: 100%;
}
.c-image-links__link-heading::after
{
    font-family: 'Font Awesome 6 Pro';
    font-size: 1.5rem;
    font-weight: 900;

    position: absolute;
    top: 33px;
    right: 30px;

    content: '\f054';
}

.c-image-links__link-content
{
    font-size: 1.286rem;

    overflow: hidden;

    max-height: 100px;
    margin: 15px 0;

    -webkit-transition: max-height .5s ease-out;
       -moz-transition: max-height .5s ease-out;
         -o-transition: max-height .5s ease-out;
            transition: max-height .5s ease-out;
}
@media (min-width: 768px)
{
    .c-image-links__link-content
    {
        max-height: 0;
    }
}

.c-image-links__link-content-wrapper
{
    position: absolute;
    bottom: 0;

    padding: 30px 30px 0 30px; 

    color: white;
}

.c-main-menu__menu
{
    margin: 0; 
    padding: 0;
}

.c-main-menu__item
{
    list-style-type: none;
}

.c-main-menu__item-header
{
    display: flex; 

    border-bottom: 1px solid #ededea;
}

.c-main-menu__link
{
    display: block; 

    padding: 8px 10px 8px 20px;
}
.c-main-menu__link--primary
{
    font-weight: 600;

    padding: 10px 10px;

    flex: 1;
}
.c-main-menu__link:hover
{
    text-decoration: none;

    background-color: #ddddd7;
}

.c-main-menu__glyph-button
{
    display: flex;

    width: 48px;

    border-left: 1px solid #ededea; 

    align-items: center;
    justify-content: center;
}
.c-main-menu__glyph-button:hover
{
    background-color: #ddddd7;
}

.c-main-menu__link:hover,
.c-main-menu__link:focus,
.c-main-menu__link:active,
.c-main-menu__glyph-button:hover,
.c-main-menu__glyph-button:focus,
.c-main-menu__glyph-button:active,
.c-main-menu__link--isactive
{
    background-color: #ddddd7;
}

.c-faq-grid__heading
{
    text-align: center;
}

.c-faq-grid__subheading
{
    text-align: center;
}

.c-faq-grid__view-more
{
    margin-top: 20px;

    text-align: center;
}

.c-link-grid
{
    /*
        Colour modifiers
    */
}
.c-link-grid__heading
{
    padding-bottom: 20px;
}
.c-link-grid__heading--centered
{
    text-align: center;
}
.c-link-grid__subheading
{
    padding-bottom: 30px;
}
.c-link-grid__item
{
    margin-bottom: 10px;
}
.c-link-grid__item--no-margin
{
    margin-bottom: 0;
}
.c-link-grid--white
{
    background-color: white;
}
.c-link-grid--light-grey
{
    background-color: #ededea;
}
.c-link-grid--charcoal
{
    background-color: #2d2d2d;
}
.c-link-grid--charcoal .c-link-grid__heading,
.c-link-grid--charcoal .c-link-grid__subheading
{
    color: white;
}
.c-link-grid .o-button
{
    margin-bottom: 0;
}

.c-raised-cta-text-link-grid__column
{
    margin-bottom: 30px;
}
@media (max-width: 768px)
{
    .c-raised-cta-text-link-grid__column
    {
        width: 100%;
    }
}

.c-study-area-link-grid
{
    /* Media queries */
}
.c-study-area-link-grid__link-container:last-child a.c-study-area-link-grid__link--primary
{
    color: #1175b5;
}
.c-study-area-link-grid__link
{
    font-size: 1.14286rem;

    height: 100%;

    -webkit-transition: border-bottom .15s ease-out;
       -moz-transition: border-bottom .15s ease-out;
         -o-transition: border-bottom .15s ease-out;
            transition: border-bottom .15s ease-out; 

    border-bottom: 2px solid #f6f6f6;

    align-items: center;
}
.c-study-area-link-grid__link:focus,
.c-study-area-link-grid__link:hover
{
    border-bottom: 2px solid #ffb448;
}
.c-study-area-link-grid__link-label
{
    font-weight: 600;
}
.c-study-area-link-grid__link-icon
{
    right: 0; 

    color: #3c2d4d;
}
.c-study-area-link-grid__search-field
{
    padding-right: 75px;

    border-radius: 15px;
}
.c-study-area-link-grid__search-button
{
    font-size: 2rem;

    top: 0;
    right: 0;

    width: 60px;
    height: 60px;

    -webkit-transition: background-color .15s ease-out;
       -moz-transition: background-color .15s ease-out;
         -o-transition: background-color .15s ease-out;
            transition: background-color .15s ease-out; 

    color: white;
    border: none;
    border-radius: 0 15px 15px 0;
    background-color: #3c2d4d;
}
.c-study-area-link-grid__search-button:active,
.c-study-area-link-grid__search-button:focus,
.c-study-area-link-grid__search-button:hover
{
    outline: none;
    background-color: #62497d;
}
@media (max-width: 450px)
{
    .c-study-area-link-grid__link-container
    {
        width: 100%;
    }
}
