@charset "UTF-8";
/************************************************

Stylesheet: Main Stylesheet

*************************************************/
/*********************
GENERAL STYLES
*********************/
/*********************
LINK STYLES
*********************/

a:link,
a:visited:link {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}
/*********************
H1, H2, H3, H4, H5 P STYLES
*********************/

h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a {
    text-decoration: none;
}
/*********************
HEADER STYLES
*********************/

.header ul.off-canvas-list li {
    list-style: none;
}
/*********************
NAVIGATION STYLES
*********************/

.top-bar .title-area {
    z-index: 1;
}
.off-canvas-list ul {
    margin-left: 0;
}
.off-canvas-list ul li a {
    border-bottom: 0px;
}
.off-canvas-list ul .dropdown {
    margin-left: 20px;
}
/*********************
POSTS & CONTENT STYLES
*********************/

#content #inner-content {
    padding: 1rem 0rem;
}
#content-not-found {
    padding: 100px 0px;
    margin: 5px 0px;
}
.page-title .vcard {
    border: 0px;
    padding: 0px;
}
.byline {
    color: #999;
}
.entry-content img {
    max-width: 100%;
    height: auto;
}
.entry-content .alignleft,
.entry-content img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
}
.entry-content .alignright,
.entry-content img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
}
.entry-content .aligncenter,
.entry-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
}
.entry-content video,
.entry-content object {
    max-width: 100%;
    height: auto;
}
.entry-content pre {
    background: #eee;
    border: 1px solid #cecece;
    padding: 10px;
}
.wp-caption {
    max-width: 100%;
    background: #eee;
    padding: 5px;
}
.wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%;
}
.wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center;
}
.post-password-form input[type="submit"] {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    padding: 0.85em 1em;
    margin: 0 1rem 1rem 0;
    font-size: 0.9rem;
    background: #2199e8;
    color: #fff;
}
[data-whatinput='mouse'] .post-password-form input[type="submit"] {
    outline: 0;
}
.post-password-form input[type="submit"]:hover,
.post-password-form input[type="submit"]:focus {
    background: #1583cc;
    color: #fff;
}
/*********************
IMAGE GALLERY STYLES
*********************/
/*********************
PAGE NAVI STYLES
*********************/

.page-navigation {
    margin-top: 1rem;
}
/*********************
COMMENT STYLES
*********************/

#comments .commentlist {
    margin-left: 0px;
}
#respond ul {
    margin-left: 0px;
}
.commentlist li {
    position: relative;
    clear: both;
    overflow: hidden;
    list-style-type: none;
    margin-bottom: 1.5em;
    padding: 0.7335em 10px;
}
.commentlist li:last-child {
    margin-bottom: 0;
}
.commentlist li ul.children {
    margin: 0;
}
.commentlist li[class*=depth-] {
    margin-top: 1.1em;
}
.commentlist li.depth-1 {
    margin-left: 0;
    margin-top: 0;
}
.commentlist li:not(.depth-1) {
    margin-left: 10px;
    margin-top: 0;
    padding-bottom: 0;
}
.commentlist .vcard {
    margin-left: 50px;
}
.commentlist .vcard cite.fn {
    font-weight: 700;
    font-style: normal;
}
.commentlist .vcard time {
    float: right;
}
.commentlist .vcard time a {
    color: #999;
    text-decoration: none;
}
.commentlist .vcard time a:hover {
    text-decoration: underline;
}
.commentlist .vcard img.avatar {
    position: absolute;
    left: 10px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff;
}
.commentlist .comment_content p {
    margin: 0.7335em 0 1.5em;
    font-size: 1em;
    line-height: 1.5em;
}
.commentlist .comment-reply-link {
    float: right;
}
/*********************
COMMENT FORM STYLES
*********************/

.respond-form {
    margin: 1.5em 10px;
    padding-bottom: 2.2em;
}
.respond-form form {
    margin: 0.75em 0;
}
.respond-form form li {
    list-style-type: none;
    clear: both;
    margin-bottom: 0.7335em;
}
.respond-form form li label,
.respond-form form li small {
    display: none;
}
.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url],
.respond-form form textarea {
    padding: 3px 6px;
    background: #efefef;
    border: 2px solid #cecece;
    line-height: 1.5em;
}
.respond-form form input[type=text]:focus,
.respond-form form input[type=email]:focus,
.respond-form form input[type=url]:focus,
.respond-form form textarea:focus {
    background: #fff;
}
.respond-form form input[type=text]:invalid,
.respond-form form input[type=email]:invalid,
.respond-form form input[type=url]:invalid,
.respond-form form textarea:invalid {
    outline: none;
    border-color: #fbc2c4;
    background-color: #f6e7eb;
    -ms-box-shadow: none;
    box-shadow: none;
}
.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url] {
    max-width: 400px;
    min-width: 250px;
}
.respond-form form textarea {
    resize: none;
    width: 97.3%;
    height: 150px;
}
#comment-form-title {
    margin: 0 0 1.1em;
}
#allowed_tags {
    margin: 1.5em 10px 0.7335em 0;
}
.nocomments {
    margin: 0 20px 1.1em;
}
/*********************
SIDEBARS & ASIDES
*********************/

.widget ul {
    margin: 0;
}
.widget ul li {
    list-style: none;
}
/*********************
FOOTER STYLES
*********************/

.footer {
    clear: both;
    margin-top: 1em;
}
/*********************
FOUNDATION STYLES
*********************/
/*********************
PLUGIN STYLES
*********************/

.gform_body ul {
    list-style: none outside none;
    margin: 0;
}
/******************************************************************

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/
/******************************************************************

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. 

Remember to add things that won't make sense to print at 
the bottom. Things like nav, ads, and forms shouldbe set 
to display none.
******************************************************************/

@media print {
    * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        -webkit-filter: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }
    a,
    a:visited {
        color: #444 !important;
        text-decoration: underline;
    }
    a:after,
    a:visited:after {
        content: " (" attr(href) ")";
    }
    a abbr[title]:after,
    a:visited abbr[title]:after {
        content: " (" attr(title) ")";
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
    .sidebar,
    .page-navigation,
    .wp-prev-next,
    .respond-form,
    nav {
        display: none;
    }
}
/* Mediabrands styles */

@font-face {
    font-family: 'droid_serifitalic';
    src: url('../fonts/droidserif-italic-webfont.eot');
    src: url('../fonts/droidserif-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/droidserif-italic-webfont.woff2') format('woff2'), url('../fonts/droidserif-italic-webfont.woff') format('woff'), url('../fonts/droidserif-italic-webfont.ttf') format('truetype'), url('../fonts/droidserif-italic-webfont.svg#droid_serifitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'interstateblackcondensed';
    src: url('../fonts/interstate_blackcondensed-webfont.eot');
    src: url('../fonts/interstate_blackcondensed-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/interstate_blackcondensed-webfont.woff2') format('woff2'), url('../fonts/interstate_blackcondensed-webfont.woff') format('woff'), url('../fonts/interstate_blackcondensed-webfont.ttf') format('truetype'), url('../fonts/interstate_blackcondensed-webfont.svg#interstateblackcondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'interstatelightregular';
    src: url('../fonts/interstatelight-webfont.eot');
    src: url('../fonts/interstatelight-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/interstatelight-webfont.woff2') format('woff2'), url('../fonts/interstatelight-webfont.woff') format('woff'), url('../fonts/interstatelight-webfont.ttf') format('truetype'), url('../fonts/interstatelight-webfont.svg#interstatelightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    overflow-y: scroll;
    /* scrollbar is always present, so popout menu doesn't cause reflow if sroll state changes */
}
.off-canvas-wrapper {
    min-height: 100vh;
    overflow-y: hidden;
    /* verify this is suitable everywhere */
}
.noscroll {
    position: fixed;
    height: 100vh;
    overflow: hidden;
}
.noanimate {
    transition: none !important;
}
.fullwidth {
    width: 100%;
}
a {
    color: #161616;
}
a: hover,
a:active,
a:focus {
    color: #ffdc00;
}
a:hover .search-everything-highlight-color {
    color: white;
}
input {
    -webkit-appearance: none !important;
}
.mb-page {
    width: 100%;
}
.mb-loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: white;
    z-index: 99999;
}
.mb-loading-spinner {
    width: 100%;
    margin-top: 50vh;
}
.mb-loading-spinner-icon {
    width: 64px;
    height: 64px;
    background: url('../images/icons/pageLoading.gif') no-repeat center;
    margin: -32px auto 0;
}
/* header styles */

.mb-header {
    height: 100px;
    width: 100%;
    position: fixed;
    z-index: 7000;
    pointer-events: none;
}
.mb-header-logo {
    height: 34px;
    width: 244px;
    margin-top: 36px;
    margin-left: -62px;
    position: relative;
    pointer-events: all;
}
.mb-header-logo a {
    display: block;
    height: 100%;
    width: 100%;
}
.midnightHeader.default .mb-header-logo,
.midnightHeader.dark .mb-header-logo {
    background: url('../images/icons/logo_yellow_retina.png') no-repeat left center / 100% auto;
}
.midnightHeader.light .mb-header-logo {
    background: url('../images/icons/logo_black_retina.png') no-repeat left center / 100% auto;
}
.midnightHeader.yellow .mb-header-logo,
.midnightHeader.dark-nologo .mb-header-logo {
    background: transparent;
}
.midnightHeader.yellow-dark .mb-header-logo {
    background: url('../images/icons/logo_black_alt_retina.png') no-repeat left center / 100% auto;
}
.mb-header-menu {
    position: fixed;
    z-index: 10000;
    text-align: right;
    pointer-events: none;
}
.mb-menu-button {
    width: 50px;
    height: 44px;
    margin: 28px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    pointer-events: all;
}
.mb-menu-open {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: background-color .25s;
    -webkit-transition: background-color .25s;
    /* For Safari */
}
.midnightHeader.default .mb-menu-open,
.midnightHeader.dark .mb-menu-open,
.midnightHeader.dark-nologo .mb-menu-open,
.midnightHeader.yellow-dark .mb-menu-open {
    background: url('../images/icons/hamburger_white.png') no-repeat center / 100% 100% transparent;
}
.midnightHeader.default .mb-menu-open.highlight,
.midnightHeader.dark .mb-menu-open.highlight,
.midnightHeader.dark-nologo .mb-menu-open.highlight,
.midnightHeader.yellow-dark .mb-menu-open.highlight {
    background-color: rgba(255, 255, 255, 0.1);
}
.midnightHeader.light .mb-menu-open,
.midnightHeader.yellow .mb-menu-open {
    background: url('../images/icons/hamburger_black.png') no-repeat center / 100% 100% transparent;
}
.midnightHeader.light .mb-menu-open.highlight,
.midnightHeader.yellow .mb-menu-open.highlight {
    background-color: rgba(22, 22, 22, 0.1);
}
.mb-menu-close {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: background-color .25s;
    -webkit-transition: background-color .25s;
    background: url('../images/icons/close_black.png') no-repeat center / 100% 100%;
}
.mb-menu-close.highlight {
    background-color: rgba(22, 22, 22, 0.1);
}
/* hero styles */

.mb-hero {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
}
.mb-hero-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: no-repeat center / cover #161616;
    /* include default fallback image here */
}
.mb-hero-title {
    position: relative;
    display: none;
    /* hide until positioned */
}
.mb-hero h1 {
    font-size: 90px;
    font-family: "interstateblackcondensed", sans-serif;
    text-transform: uppercase;
    color: white;
    line-height: .75em;
    margin-bottom: 20px;
    margin-left: -5px;
    /* alignment correction with logo */
}
.mb-hero h2 {
    font-size: 24px;
    font-family: "droid_serifitalic", serif;
    font-style: italic;
    color: white;
    line-height: 1em;
    margin: 0;
}
.mb-hero-tocontent {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 45px;
}
.mb-hero-tocontent.fixed {
    position: fixed !important;
}
.mb-hero-tocontent .navbutton {
    width: 49px;
    height: 44px;
    background: transparent url('../images/icons/arrowDown_white_retina.png') no-repeat center / 100% auto;
    cursor: pointer;
    transition: background-color .25s;
    -webkit-transition: background-color .25s;
}
.mb-hero-tocontent .navbutton:hover {
    background-color: rgba(255, 255, 255, 0.1);
}
/* menu styles */

.mb-menu,
.mb-menu-header {
    background: #ffdc00;
    top: 0;
    width: 450px;
    padding-right: 50px;
    /* 50px padding on right for menu bounce */
    
    margin-right: -50px;
    transition: transform .4s cubic-bezier(0.68, -0.2, 0.265, 1.2);
    -webkit-transition: -webkit-transform .4s cubic-bezier(0.68, -0.2, 0.265, 1.2);
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
}
.mb-menu.instant,
.mb-menu-header.instant {
    transition: none;
    -webkit-transition: none;
}
.mb-menu-header {
    position: fixed;
    top: 0;
    right: 0;
    height: 100px;
    z-index: 9001;
}
.mb-menu {
    position: absolute;
    right: 0;
    min-height: 100vh;
    z-index: 9000;
    pointer-events: all;
}
.mb-menu.active,
.mb-menu-header.active {
    transform: translateX(0);
    -webkit-transform: translateX(0);
}
.mb-menu-logo {
    height: 100px;
    width: 260px;
    background: url('../images/icons/logo_black_alt_retina.png') no-repeat left center / 100% auto;
    margin-left: 28px;
    float: left;
}
.mb-menu-logo a {
    width: 100%;
    height: 100%;
    display: inline-block;
}
.mb-menu-content {
    padding-top: 100px;
    margin-left: 76px;
    clear: both;
}
.mb-menu-content ul {
    list-style-type: none;
    margin: 0;
}
.mb-menu-content ul li {
    font-size: 38px;
    font-family: "interstateblackcondensed", sans-serif;
    text-transform: uppercase;
    color: #161616;
    line-height: .75em;
    padding: 30px 0;
    border-bottom: 1px solid #c3aa00;
}
.mb-menu-content ul li:last-child {
    border-bottom: none;
}
.mb-menu-overlay {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background: #161616;
    opacity: 0.7;
    z-index: 8000;
    display: none;
}
.mb-menu-overlay.visible {
    backdrop-filter: blur(5px);
}
/* content area styles */

.mb-content {
    position: relative;
    font-family: "interstatelightregular", sans-serif;
    font-size: 21px;
}
.mb-section-header {
    text-align: right;
}
.mb-section {
    margin-top: 95px;
}
.mb-content h1 {
    font-family: "interstateblackcondensed", sans-serif;
    font-size: 60px;
    color: #161616;
    text-transform: uppercase;
    line-height: 1em;
    margin: 100px 0 40px 10px;
}
.mb-content h1.repeater {
    font-size: 38px;
    margin-top: 1em;
    margin-left: 0;
}
.mb-content h2 {
    font-size: 24px;
    font-family: "droid_serifitalic", serif;
    font-style: italic;
    line-height: 1em;
    margin: 0;
}
.mb-content h3 {
    font-family: "interstateblackcondensed", sans-serif;
    font-size: 18px;
    color: #161616;
    text-transform: uppercase;
    line-height: 1em;
    margin: 100px 0 0;
}
.mb-content h1 .highlight {
    background: #161616;
    box-shadow: 10px 0 0 #161616, -10px 0 0 #161616;
    box-decoration-break: clone;
    color: white;
    line-height: 1.2em;
}
.mb-content h1 em {
    background: #161616;
    box-shadow: 10px 0 0 #161616, -10px 0 0 #161616;
    box-decoration-break: clone;
    color: white;
    line-height: 1.2em;
    font-style: normal !important;
}
.mb-content p:last-child {
    margin-bottom: 0;
}
.mb-fullimage {
    width: 100%;
    height: 0;
    padding-top: 33%;
    background: no-repeat center / cover;
    margin: 1em 0;
}
.mb-quote {
    width: 100%;
    padding: 100px 50px;
    font-size: 24px;
    font-family: "droid_serifitalic", serif;
    font-style: italic;
    background: #f5f5f5 no-repeat center / cover;
    margin: 1em 0;
    color: #161616;
}
.mb-quote p {
    margin: 50px 0;
}
.mb-quote-attr {
    font-size: 28px;
    font-family: "interstateblackcondensed", sans-serif;
    text-align: right;
    text-transform: uppercase;
}
.mb-button {
    display: block;
    width: 315px;
    border: 2px solid #161616;
    border-radius: 0;
    color: #161616;
    font-size: 20px;
    font-family: "interstateblackcondensed", sans-serif;
    text-align: center;
    text-transform: uppercase;
    line-height: 1em;
    padding: 20px;
    margin: 100px auto;
    background-color: transparent;
    transition: all .25s;
    -webkit-transition: all .25s;
    position: relative;
}
.mb-button:focus {
    outline: 0;
}
.mb-button::after {
    display: block;
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    background: transparent no-repeat center / 100% 100%;
}
.mb-button.link::after {
    width: 22px;
    height: 13px;
    margin-top: -7px;
    background-image: url("../images/icons/arrowThinRight_black_retina.png");
}
.mb-button.more::after {
    width: 13px;
    height: 22px;
    margin-top: -11px;
    background-image: url("../images/icons/arrowThinDown_black_retina.png");
}
.mb-button.back::after {
    content: none;
}
.mb-button.back::before {
    display: block;
    content: '';
    position: absolute;
    left: 20px;
    top: 50%;
    background: transparent no-repeat center / 100% 100%;
    width: 22px;
    height: 13px;
    margin-top: -7px;
    background-image: url("../images/icons/arrowThinLeft_black_retina.png");
}
.mb-button:hover,
.mb-button:active,
.mb-button:focus {
    background-color: #161616;
    color: white;
}
.mb-button.link:hover::after,
.mb-button.link:active::after,
.mb-button.link:focus::after {
    background-image: url("../images/icons/arrowThinRight_white_retina.png");
}
.mb-button.more:hover::after,
.mb-button.more:active::after,
.mb-button.more:focus::after {
    background-image: url("../images/icons/arrowThinDown_white_retina.png");
}
.mb-button.back:hover::before,
.mb-button.back:active::before,
.mb-button.back:focus::before {
    background-image: url("../images/icons/arrowThinLeft_white_retina.png");
}
.mb-page-totop {
    position: fixed;
    /* right: 4.167%; /* can't use foundation grid layout here, as row may overlap interactive elements and block events */
    
    right: 28px;
    /* to match menu's new right offset */
    
    top: 855px;
}
.mb-page-totop .navbutton {
    display: inline-block;
    width: 49px;
    height: 44px;
    background: transparent url('../images/icons/arrowUp_black_retina.png') no-repeat center / 100% auto;
    cursor: pointer;
    transition: background-color .25s;
    -webkit-transition: background-color .25s;
    opacity: 0.01;
    filter: alpha(opacity=1);
}
.mb-page-totop .navbutton:hover {
    background-color: rgba(22, 22, 22, 0.1);
}
/* Our People */

.mb-staff {
    padding: 50px 0;
}
.mb-staff-member {
    position: relative;
    padding-bottom: 20px;
    cursor: pointer;
}
.mb-staff-photo {
    position: relative;
}
.mb-staff-photo-colour {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .25s;
    -webkit-transition: opacity .25s;
}
/* .mb-staff-member:hover .mb-staff-photo-colour { opacity: 1; } */

.mb-staff-member.selected .mb-staff-photo-colour {
    opacity: 1;
}
.mb-info-icon {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 50px;
    height: 44px;
    background: transparent url('../images/icons/info_white_retina.png') no-repeat left center / 100% auto;
    transition: background-color .25s;
    -webkit-transition: background-color .25s;
}
.mb-staff-member:hover .mb-info-icon {
    background-color: rgba(255, 255, 255, 0.1);
}
.mb-staff h1 {
    margin: 30px 0 15px;
}
.mb-staff h2 {
    margin: 0;
    color: white;
    display: inline-block;
    vertical-align: middle;
}
.mb-staff-title {
    margin-bottom: 50px;
}
.mb-staff-member h3 {
    color: #ffdc00 !important;
    font-size: 28px;
    font-family: "interstateblackcondensed", sans-serif;
    text-align: center;
    text-transform: uppercase;
    line-height: 1em;
    margin: 20px 0;
}
.mb-staff-member h4 {
    color: white;
    font-size: 20px;
    font-family: "droid_serifitalic", serif;
    font-style: italic;
    text-align: center;
    line-height: 1em;
    margin: 0;
}
.mb-staff-info {
    padding-bottom: 100px;
    display: none;
}
.mb-staff-info .container {
    position: relative;
}
.mb-staff-info-border {
    border-top: 1px solid #ffdc00;
}
.mb-staff-arrow {
    position: relative;
    width: 30px;
    height: 15px;
    margin: 0 auto -1px;
}
.mb-staff-arrow-inner {
    position: absolute;
    bottom: 0;
    left: 1px;
    width: 0;
    height: 0;
    z-index: 2;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 14px solid #161616;
    transition: border-bottom-width .25s ease-in-out;
    -webkit-transition: border-bottom-width .25s ease-in-out;
}
.mb-staff-arrow-outer {
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
    z-index: 1;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #ffdc00;
    transition: border-bottom-width .25s ease-in-out;
    -webkit-transition: border-bottom-width .25s ease-in-out;
}
.mb-staff-arrow.flat .mb-staff-arrow-inner {
    border-bottom-width: 0;
}
.mb-staff-arrow.flat .mb-staff-arrow-outer {
    border-bottom-width: 1px;
}
.mb-staff-info .row {
    margin-left: 0;
    /* overrides Foundation rule */
}
.mb-staff-info-content {
    text-align: justify;
}
.mb-staff-detail {
    display: none;
}
.mb-staff-social {
    display: inline-block;
    border-left: 1px solid white;
    margin-left: 20px;
    padding-left: 20px;
    vertical-align: middle;
}
.mb-staff-social a {
    display: inline-block;
    margin-right: 30px;
    vertical-align: middle;
}
.mb-staff-social .linkedin {
    width: 18px;
    height: 18px;
    background: transparent url('../images/icons/linkedIn_retina.png') no-repeat center / 100% auto;
}
.mb-staff-social .twitter {
    width: 18px;
    height: 15px;
    background: transparent url('../images/icons/twitter_retina.png') no-repeat center / 100% auto;
}
.mb-staff-social .email {
    width: 18px;
    height: 15px;
    background: transparent url('../images/icons/email.png') no-repeat center / 100% auto;
}
.mb-staff-info-close {
    position: absolute;
    top: 30px;
    right: 0;
    width: 49px;
    height: 44px;
    background: transparent url('../images/icons/close_white_retina.png') no-repeat left center / 100% auto;
    transition: background-color .25s;
    -webkit-transition: background-color .25s;
    cursor: pointer;
}
.mb-staff-info-close:hover {
    background-color: rgba(255, 255, 255, 0.1);
}
/* Our People New */

.hide {
    display: none;
}
#leader-accordion {
    background-color: #b2b2b2;
}
#leader-accordion ul {
    list-style: none;
}
#leader-accordion li {
    float: left;
    margin-bottom: 50px;
    width: calc(33.333333333% - 40px);
}
#leader-accordion li:nth-of-type(3n+2) {
    margin-left: 60px;
    margin-right: 60px;
}
#leader-accordion li:nth-of-type(3n+2) .leader-content {
    margin-left: -21.85vw;
}
#leader-accordion li:nth-of-type(3n+3) .leader-content {
    margin-left: -44.25vw;
}
#leader-accordion li:nth-of-type(3n+4) {
    clear: left;
}
#leader-accordion .open {
    cursor: pointer;
    display: block;
}
#leader-accordion .open-selected {} #leader-accordion .leader-content {
    box-sizing: border-box;
    border-top: 1px solid #ffdc00;
    color: #ffffff;
    float: left;
    margin: 2em 0;
    padding: 1em;
    width: 63vw;
}
#leader-accordion a {
    color: #ffffff;
}
#leader-accordion img.leader-photo {
    height: auto;
    width: 100%;
    -webkit-filter: grayscale(100%);
    /* Chrome, Safari, Opera */
    
    filter: grayscale(100%);
    transition: all 0.5s ease-in-out;
}
#leader-accordion .open-selected img.leader-photo,
#leader-accordion img.leader-photo:hover {
    -webkit-filter: grayscale(0%);
    /* Chrome, Safari, Opera */
    
    filter: grayscale(0%);
}
.leader-bio {} .leader-content .mb-staff-arrow {
    margin: -36px auto 0 auto;
}
#leader-accordion li:nth-of-type(3n+1) .leader-content .mb-staff-arrow {
    margin-left: 14%;
}
#leader-accordion li:nth-of-type(3n+3) .leader-content .mb-staff-arrow {
    margin-left: 84%;
}
.leader-content h4 {
    font-family: "interstateblackcondensed", sans-serif;
    font-size: 60px;
    font-style: normal;
    line-height: 1em;
    margin: 30px 0 15px;
    text-transform: uppercase;
}
.leader-content h4 span {
    background: #ffdc00;
    box-shadow: 10px 0 0 #ffdc00, -10px 0 0 #ffdc00;
    color: #161616;
    line-height: 1.2em;
}
.leader-content h5 {
    margin: 0;
    color: white;
    display: inline-block;
    vertical-align: middle;
    font-size: 22px;
    font-family: "droid_serifitalic", serif;
    font-style: italic;
    line-height: 34px;
    float: left;
}
.leader-content .leader-social {
    display: inline-block;
    border-left: 1px solid white;
    margin-bottom: 30px;
    margin-left: 20px;
    padding-left: 20px;
    vertical-align: middle;
    float: left;
}
.leader-content .leader-social a.social {
    display: inline-block;
    margin-right: 30px;
    vertical-align: middle;
    text-indent: -999999%;
}
.leader-content .leader-social a.social.linkedin {
    width: 18px;
    height: 18px;
    background: transparent url('../images/icons/linkedIn_retina.png') no-repeat center / 100% auto;
}
.leader-content .leader-social a.social.twitter {
    width: 18px;
    height: 15px;
    background: transparent url('../images/icons/twitter_retina.png') no-repeat center / 100% auto;
}
.leader-content .leader-social a.social.email {
    width: 18px;
    height: 15px;
    background: transparent url('../images/icons/email.png') no-repeat center / 100% auto;
}
.leader-content .leader-bio p {
    clear: left;
    float: left;
    text-align: justify;
}
.leader-inner-wrapper h2 {
    color: #ffdc00 !important;
    font-size: 28px;
    font-family: "interstateblackcondensed", sans-serif;
    font-style: normal;
    text-align: center;
    text-transform: uppercase;
    line-height: 1em;
    margin: 20px 0;
}
.leader-inner-wrapper h3 {
    color: white;
    font-size: 20px;
    font-family: "droid_serifitalic", serif;
    font-style: italic;
    text-align: center;
    line-height: 1em;
    margin: 0;
    text-transform: none;
}
.leader-wrapper {
    display: block;
    float: left;
    margin: 0 0 50px 25%;
    width: 65%;
}
@media screen and (max-width: 1024px) {
    #leader-accordion .leader-content {
        width: calc(100vw - 6em);
    }
    #leader-accordion li:nth-of-type(3n+2) .leader-content {
        margin-left: -130%;
    }
    #leader-accordion li:nth-of-type(3n+3) .leader-content {
        margin-left: -257%;
    }
    .leader-wrapper {
        margin: 0 50px 50px 50px;
        width: calc(100% - 100px);
    }
}
@media screen and (max-width: 639px) {
    #leader-accordion .leader-content {
        padding: 1em 0;
        width: 100%;
    }
    #leader-accordion li {
        width: 100%;
    }
    #leader-accordion li:nth-of-type(3n+2) {
        margin-left: 0;
        margin-right: 0;
    }
    #leader-accordion li:nth-of-type(3n+2) .leader-content,
    #leader-accordion li:nth-of-type(3n+3) .leader-content {
        margin-left: 0;
    }
    .leader-inner-wrapper h2 {
        margin-bottom: 10px;
    }
    .leader-inner-wrapper h3 {
        margin-top: 0 !important;
    }
    .leader-content h4,
    .leader-content h5 {
        display: none;
    }
    .leader-content .mb-staff-arrow,
    #leader-accordion li:nth-of-type(3n+1) .leader-content .mb-staff-arrow,
    #leader-accordion li:nth-of-type(3n+3) .leader-content .mb-staff-arrow {
        margin: -36px auto 0 auto;
    }
    .leader-content .leader-social {
        border-left: 0;
        margin-left: 0;
        margin-bottom: 15px;
        padding-left: 0;
        vertical-align: middle;
        padding-top: 20px;
        text-align: center;
        width: 100%;
    }
    .leader-content .leader-social a.social.email {
        margin-right: 0;
    }
    .leader-content .mb-staff-arrow,
    #leader-accordion li:nth-of-type(3n+1) .leader-content .mb-staff-arrow,
    #leader-accordion li:nth-of-type(3n+3) .leader-content .mb-staff-arrow {
        margin-top: -28px;
    }
}
.leader-wrapper h1 {
    font-size: 60px;
    margin: 100px 0 100px 30px;
}
#leader-accordion li .leader-image {
    position: relative;
}
.open .info {
    color: white;
    position: absolute;
    right: 20px;
    bottom: 0px;
    z-index: 1000;
    text-indent: -99999%;
    border-radius: 0;
    display: inline-block;
    width: 30px;
    height: 30px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    opacity: 0.5;
}
.open.open-selected .info,
.open:hover .info {
    opacity: 1;
}
#leader-accordion .open-selected .info span {
    background: #ffdc00;
}
.open .info span {
    display: block;
    position: absolute;
    height: 6px;
    width: 100%;
    background: #fff;
    border-radius: 0;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.open .info span:nth-child(1) {
    border-radius: 10px 0 0 10px;
    top: 0px;
    left: -7px;
    -webkit-transform: rotate(-125deg);
    -moz-transform: rotate(-125deg);
    -o-transform: rotate(-125deg);
    transform: rotate(-125deg);
}
.open .info span:nth-child(2) {
    border-radius: 0 10px 10px 0;
    top: 0px;
    left: 7px;
    -webkit-transform: rotate(125deg);
    -moz-transform: rotate(125deg);
    -o-transform: rotate(125deg);
    transform: rotate(125deg);
}
.open.open-selected .info span:nth-child(1) {
    border-radius: 0;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    left: 0;
}
.open.open-selected .info span:nth-child(2) {
    border-radius: 0;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    left: 0;
}
/* Our Brands */

.mb-brand {
    height: 260px;
    background: #ffdc00 no-repeat center;
    color: #161616;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    position: relative;
}
.mb-brand:nth-child(4n) {
    border-right: none;
}
.mb-brand-info {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity .25s;
    -webkit-transition: opacity .25s;
    background-color: rgba(0, 0, 0, 0.75);
    color: white;
}
.mb-brand-info:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.mb-brand:hover .mb-brand-info,
.mb-brand.selected .mb-brand-info {
    opacity: 1;
}
.mb-brand-info-content {
    display: inline-block;
    padding: 0 30px;
    vertical-align: middle;
    width: 96%;
    /* workaround for odd wrapping condition */
    
    line-height: 1em;
    font-size: 18px;
    overflow: hidden;
}
.mb-brand-info-content h2 {
    font-size: 28px;
    font-family: "interstateblackcondensed", sans-serif;
    font-style: normal;
    text-transform: uppercase;
    color: #ffdc00;
    line-height: .75em;
    margin-bottom: 20px;
}
.mb-brand-info-content .mb-brand-link {
    display: inline-block;
    margin-top: 20px;
    color: #ffdc00;
    padding-left: 40px;
    line-height: 25px;
    background: transparent url('../images/icons/computer_retina.png') no-repeat left center / 29px 25px;
}
/****************/
/*    News      */
/****************/
/* bits */

#call-to-action {
    position: absolute;
    top: 102px;
    right: 150px;
    width: 175px;
}
#call-to-action #sidebar1 {
    width: 175px;
}
#call-to-action .widgettitle {
    display: none;
    font-family: "interstateblackcondensed", sans-serif;
    text-transform: uppercase;
}
p.simple-image {
    margin-bottom: 0;
}
#call-to-action .more {
    font-family: "interstateblackcondensed", sans-serif;
    text-transform: uppercase;
    margin-bottom: 30px;
}
#call-to-action .more::after {
    content: '';
    display: inline-block;
    background: url('../images/icons/arrowThinRight_black_retina.png') no-repeat right center / 22px 13px;
    height: 15px;
    padding-right: 30px;
    font-size: 25px;
    width: 22px;
}
#call-to-action .widget ul li {
    border-bottom: 1px solid #e5e5e5;
    font-size: 0.65em;
    padding: 0.65em 0;
}
#call-to-action .widget:last-of-type .widgettitle {
    display: block;
}
#call-to-action .rss-widget-icon {
    display: none;
}
@media screen and (min-width: 640px) and (max-width: 1090px) {
    #call-to-action {
        right: 40px;
    }
}
@media screen and (max-width: 639px) {
    #call-to-action {
        display: none;
    }
}
#mbtv-link {
    cursor: pointer;
    margin-bottom: 10px;
}
#mbtv-link p {
    margin: 0;
    /* remove space from paragraphs inserted by wordpress */
}
.mbtv-link-label {
    display: inline-block;
    background: url('../images/icons/arrowThinRight_black_retina.png') no-repeat right center / 22px 13px;
    padding-right: 30px;
    font-size: 25px;
    font-family: "interstateblackcondensed", sans-serif;
}
#load-more.done,
#load-more.done:hover,
#load-more.done:active {
    color: #e5e5e5;
    border-color: #e5e5e5;
    background: transparent;
}
#load-more.done::after,
#load-more.done:hover::after,
#load-more.done:active::after {
    display: none;
}
/* search Bar */

.search-field-left {
    border-radius: 5px 0px 0px 5px;
    border: 1px solid #bababa;
    height: 45px;
    border-right: none;
}
.search-field-right {
    border-radius: 0px 5px 5px 0px;
    background: url('../images/icons/Search.png') no-repeat center / 25px 25px;
    border: 1px solid #bababa;
    background-color: #fefefe;
    height: 45px;
    border-left: none;
}
.search-field-right:hover,
.search-field-right:active {
    background-color: #e5e5e5;
}
.search-form .small-4.columns {
    width: 30px;
}
.search-form .small-20.columns {
    width: calc(100% - 30px);
}
.mb-news {
    padding-top: 100px;
}
.mb-news h3 {
    margin-top: 40px;
}
.mb-news h1 {
    padding-left: 0;
    margin: 35px 0 15px;
    /* reduced to compensate for line height */
}
.mb-news img,
.mb-news video {
    display: block;
    margin: 50px auto;
}
.mb-news article em a {
    background-color: #ffdc00;
    border: 2px solid #161616;
    border-radius: 0;
    color: #161616;
    display: block;
    font: normal normal 400 20px/1em "interstateblackcondensed", sans-serif;
    margin: 50px auto 0 auto;
    padding: 20px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transition: all .25s;
    -webkit-transition: all .25s;
    width: 315px;
}
.mb-news article em a:hover,
.mb-news article em a:active,
.mb-news article em a:focus {
    background-color: #161616;
    color: white;
}
.mb-news article em a::after {
    background: transparent url("../images/icons/arrowThinRight_black_retina.png") no-repeat center / 100% 100%;
    content: '';
    display: block;
    height: 13px;
    margin-top: -7px;
    position: absolute;
    right: 20px;
        transition: all .25s;
    -webkit-transition: all .25s;
    top: 50%;
    width: 22px;
}
.mb-news article em a:hover::after,
.mb-news article em a:active::after,
.mb-news article em a:focus::after {
    background-image: url("../images/icons/arrowThinRight_white_retina.png");
}
@media (max-width: 1023px) and (min-width: 640px) {
    .mb-news article em a {
        margin-left: 0;
    }
}
@media (max-width: 639px) {
    .mb-news article em a {
        width: 100%;
        margin: 50px auto;
    }
}
.mb-back-to-news {
    position: fixed;
    top: 140px;
    left: 8.34%;
    width: 49px;
    height: 44px;
    background: transparent url('../images/icons/arrowLeft_black_retina.png') no-repeat center / 100% auto;
    cursor: pointer;
    transition: background-color .25s;
    -webkit-transition: background-color .25s;
}
.mb-back-to-news:hover {
    background-color: rgba(22, 22, 22, 0.1);
}
.mb-news-nav {
    height: 210px;
    border-top: 1px solid #e5e5e5;
}
.mb-news-nav.prev {
    border-right: 1px solid #e5e5e5;
}
.mb-news-nav a {
    display: block;
    width: 100%;
    height: 100%;
    transition: background-color .25s;
    -webkit-transition: background-color .25s;
}
.mb-news-nav.prev a {
    padding: 0 8.34% 0 16.67%;
    background: transparent url('../images/icons/arrowThinLeft_black_retina.png') no-repeat 6.25% center / 22px 13px;
}
.mb-news-nav.next a {
    padding: 0 16.67% 0 8.34%;
    background: transparent url('../images/icons/arrowThinRight_black_retina.png') no-repeat right 6.25% center / 22px 13px;
}
.mb-news-nav a:hover,
.mb-news-nav a:active {
    background-color: #ffdc00;
}
.mb-news-nav a:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.mb-news-nav-content {
    display: inline-block;
    vertical-align: middle;
}
.mb-news-nav-title {
    font-size: 28px;
    font-family: "interstateblackcondensed", sans-serif;
    text-transform: uppercase;
    line-height: 1em;
    margin: 0 0 10px;
}
.mb-news-nav-label {
    font-size: 20px;
    font-family: "droid_serifitalic", serif;
    font-style: italic;
    line-height: 1em;
}
.mb-share {
    font-size: 14px;
    font-family: "droid_serifitalic", serif;
    font-style: italic;
    margin-bottom: 50px;
}
.row .mb-share:first-of-type {
    margin-bottom: 1em;
}
.mb-share-label,
.mb-share-icons,
.mb-share-icon {
    display: inline-block;
    vertical-align: middle;
}
.mb-share-label {
    margin-right: 15px;
}
.mb-share-icon {
    margin: 0 15px;
    background: transparent no-repeat left center / 100% 100%;
    width: 18px;
    height: 18px;
}
.mb-share-icon:first-child {
    margin-left: 0;
}
.mb-share-icon.email {
    background-image: url('../images/icons/email_retina.png');
    width: 24px;
    height: 17px;
}
.mb-share-icon.facebook {
    background-image: url('../images/icons/facebook_retina.png');
    width: 10px;
    height: 18px;
}
.mb-share-icon.twitter {
    background-image: url('../images/icons/twitter_retina.png');
    width: 18px;
    height: 15px;
}
.mb-share-icon.linkedin {
    background-image: url('../images/icons/linkedIn_retina.png');
    width: 18px;
    height: 18px;
}
.mb-newslist {} .mb-newslist::before,
.mb-newslist::after {
    content: ' ';
    display: table;
}
.mb-newslist h1 {
    padding-left: 0;
    font-size: 38px;
    margin: 55px 0 15px;
    /* reduced to compensate for line height */
}
.mb-newslist h1 a {
    transition: color .25s;
    -webkit-transition: color .25s;
}
.mb-newslist h1 a:hover {
    color: #ffdc00;
}
.mb-newslist h3 {
    margin: 60px 0 0;
}
.mb-newslist .mb-share {
    margin-bottom: 30px;
}
.mb-newslist .excerpt-read-more {
    display: none;
}
.mb-news-excerpt {
    padding-bottom: 50px;
    border-bottom: 1px solid #e5e5e5;
}
.mb-news article .mb-button {
    background-color: #ffdc00;
    /* font-weight: bold; */
    
    margin-top: 50px;
    margin-bottom: 0;
}
.mb-news article .mb-button:hover {
    background-color: #161616;
}
/* Contact Us */

.mb-location {
    height: 250px;
    /* expands to 450px */
    
    background: #161616;
    border-bottom: 1px solid #454545;
    position: relative;
    overflow: hidden;
    transition: height 1s ease-in-out;
    -webkit-transition: height 1s ease-in-out;
}
.mb-location:hover {
    height: 450px;
    Scrolltop: 100px;
}
.mb-location-bg,
.mb-location-bg .bw,
.mb-location-bg .colour {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent no-repeat center / cover;
}
.mb-location-bg {
    transition: transform 5s ease-in-out;
    -webkit-transition: -webkit-transform 5s ease-in-out;
    transform: scale(1);
    -webkit-transform: scale(1);
}
.mb-location-bg .colour {
    opacity: 0;
    transition: opacity 2s;
    -webkit-transition: opacity 2s;
}
.mb-location:hover .mb-location-bg {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.mb-location:hover .mb-location-bg .colour {
    opacity: 1;
}
.mb-location:hover .mb-location-rows {
    max-height: 150px;
    opacity: 1;
}
.mb-location-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: white;
}
.mb-location-info:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.mb-location-info-content {
    display: inline-block;
    padding: 0 8.34%;
    vertical-align: middle;
    width: 96%;
    /* workaround for odd wrapping condition */
    
    line-height: 1em;
    overflow: hidden;
    font-size: 21px;
    margin-left: -7px;
}
.mb-location-info-content h1 {
    font-size: 60px;
    font-family: "interstateblackcondensed", sans-serif;
    text-transform: uppercase;
    color: #ffdc00;
    line-height: .75em;
    margin: 0;
}
.mb-location-rows {
    max-height: 0;
    opacity: 0;
    transition: max-height .5s .5s ease-in-out, opacity .5s ease-in-out;
    /* fade out & collapse on rollout */
    
    -webkit-transition: max-height .5s .5s ease-in-out, opacity .5s ease-in-out;
    /* fade out & collapse on rollout */
}
.mb-location:hover .mb-location-rows {
    transition: max-height .5s .5s ease-in-out, opacity .5s 1s ease-in-out;
    /* expand & fade in on rollover */
    
    -webkit-transition: max-height .5s .5s ease-in-out, opacity .5s 1s ease-in-out;
    /* expand & fade in on rollover */
}
.mb-location-rows > .mb-location-row:first-child {
    padding-top: 30px;
}
.mb-location-row {
    color: white;
    display: block;
    line-height: 1.5em;
}
a.mb-location-row {
    color: white;
}
a.mb-location-row:hover,
a.mb-location-row:active {
    color: #ffdc00;
}
.mb-location-row.phone,
.mb-location-row.mobile {
    pointer-events: none;
    /* disable phone links on desktop */
}
/* Generic subpage */

.mb-subpage {
    padding-top: 100px;
}
.mb-subpage a {
    text-decoration: underline;
}
.mb-subpage a:hover,
.mb-subpage a:active {
    color: #ffdc00;
}
.mb-subpage h1,
.mb-subpage h2,
.mb-subpage h3,
.mb-subpage h4 {
    font-family: "interstateblackcondensed", sans-serif;
    color: #161616;
    text-transform: uppercase;
    line-height: 1em;
    padding: 0;
    margin: 35px 0 15px;
    text-align: left;
}
.mb-subpage h1 {
    font-size: 60px;
}
.mb-subpage h2 {
    font-size: 40px;
}
.mb-subpage h3 {
    font-size: 30px;
}
.mb-subpage h4 {
    font-size: 20px;
}
.mb-subpage img,
.mb-subpage video {
    display: block;
    margin: 50px auto;
}
.mb-footerspacing {
    height: 200px;
    /* if no nav button present, takes up equivalent space */
}
/* yellow content variants */

.mb-content.yellow {
    background-color: #ffdc00;
}
/* dark content variants */

.mb-content.dark,
.mb-content.dark-nologo {
    background-color: #161616;
    color: white;
}
.dark h3,
.dark-nologo h3,
.dark h1,
.dark-nologo h1 {
    color: white;
}
.dark h1 .highlight,
.dark-nologo h1 .highlight {
    background: #ffdc00;
    box-shadow: 10px 0 0 #ffdc00, -10px 0 0 #ffdc00;
    color: #161616;
}
.dark .mb-button,
.dark-nologo .mb-button {
    border: 2px solid white;
    color: white;
}
.dark .mb-button.link::after,
.dark-nologo .mb-button.link::after {
    background-image: url("../images/icons/arrowThinRight_white_retina.png");
}
.dark .mb-button.more::after,
.dark-nologo .mb-button.more::after {
    background-image: url("../images/icons/arrowThinDown_white_retina.png");
}
.dark .mb-button.back::before,
.dark-nologo .mb-button.back::before {
    background-image: url("../images/icons/arrowThinLeft_white_retina.png");
}
.dark .mb-button.link:hover::after,
.dark .mb-button.link:active::after,
.dark .mb-button.link:focus::after,
.dark-nologo .mb-button.link:hover::after,
.dark-nologo .mb-button.link:active::after,
.dark-nologo .mb-button.link:focus::after {
    background-image: url("../images/icons/arrowThinRight_black_retina.png");
}
.dark .mb-button.more:hover::after,
.dark .mb-button.more:active::after,
.dark .mb-button.more:focus::after,
.dark-nologo .mb-button.more:hover::after,
.dark-nologo .mb-button.more:active::after,
.dark-nologo .mb-button.more:focus::after {
    background-image: url("../images/icons/arrowThinDown_black_retina.png");
}
.dark .mb-button.back:hove::before,
.dark .mb-button.back:active::before,
.dark .mb-button.back:focus::before,
.dark-nologo .mb-button.back:hover::before,
.dark-nologo .mb-button.back:active::before,
.dark-nologo .mb-button.back:focus::before {
    background-image: url("../images/icons/arrowThinLeft_black_retina.png");
}
.dark .mb-button:hover,
.dark .mb-button:active,
.dark .mb-button:focus,
.dark-nologo .mb-button:hover,
.dark-nologo .mb-button:active,
.dark-nologo .mb-button:focus {
    color: #161616;
    background-color: white;
}
.dark .mb-page-totop .navbutton,
.dark-nologo .mb-page-totop .navbutton {
    background-image: url('../images/icons/arrowUp_white_retina.png');
}
.dark .mb-page-totop .navbutton:hover,
.dark-nologo .mb-page-totop .navbutton:hover {
    background-color: rgba(255, 255, 255, 0.1);
}
/* footer styles */

.mb-footer {
    background: #161616;
    padding: 40px 0 90px;
    color: white;
}

.home .mb-footer {
    background: #161616;
    float: left;
    width: 100%;
}
@media screen and (min-width: 640px) {
.home .mb-footer {
    background: transparent;
    padding: 20px;
    color: white;
    position: fixed;
    right: 0;
    bottom: 0;
    height: auto;
    width: auto;
    z-index: 2;
}
}
.home .mb-footer .mb-legal {
	margin: 0;
}

.mb-footer a {
    color: white;
}
.mb-footer-logo {
    height: 22px;
    width: 152px;
    background: url('../images/icons/logo_yellow.png') no-repeat left center / 100% auto;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2.6vw;
    /* ~50px at 1920 */
}
.mb-footer ul {
    display: inline;
    margin: 0;
    list-style-type: none;
}
.mb-footer ul li {
    display: inline-block;
    margin-right: 2.6vw;
    font-family: "interstate-light", "interstatelightregular", sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    vertical-align: middle;
}
.mb-footer .row .column {
    margin-bottom: 1em;
}
.mb-footer .mb-legal {
    float: right !important;
    margin-right: 30px;
    margin-top: -27px;
    width: 100%;
}
@media screen and (max-width: 1023px) {
    .mb-footer .mb-legal {
        margin-top: 20px;
        margin-right: 0;
    }
}
.mb-footer .mb-legal ul li {
    margin-right: 0;
    margin-left: 1.5vw;
}
.mb-footer .mb-legal a {
    color: #737373;
}
#menu-footer-legal-links li a {
    display: inline;
    padding: 0;
}
.mb-social {
    margin: 0 0 20px;
    text-align: center;
}
.mb-social div ul li {
    margin: 0;
}
.mb-social div ul li a {
    width: 48px;
    height: 48px;
    margin: 0 16px;
    display: inline-block;
    text-indent: -999999%;
}
.mb-social-facebook a {
    background: url('../images/icons/social_facebook.png') no-repeat center / 100% auto;
}
.mb-social-twitter a {
    background: url('../images/icons/social_twitter.png') no-repeat center / 100% auto;
}
.mb-social-instagram a {
    background: url('../images/icons/social_instagram.png') no-repeat center / 100% auto;
}
.mb-social-linkedin a {
    background: url('../images/icons/social_linkedin.png') no-repeat center / 100% auto;
}
.mb-footer-copyright {
    font-family: "interstate-light", "interstatelightregular", sans-serif;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    color: #737373;
}
.mb-footer-copyright .symbol {
    font-family: sans-serif;
    /* Interstate does not have correct copyright symbol support */
}
.mb-footer-totop {
    margin: 45px auto 0;
    width: 49px;
    height: 44px;
    background: url('../images/icons/arrowUp_white_retina.png') no-repeat center / 100% auto;
    cursor: pointer;
}
/*----- Accordion -----*/

.global-sites-accordian,
.accordion * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.global-sites-accordian {
    clear: both;
    float: left;
    margin: 1em 0 1em 4.16667%;
    overflow: hidden;
    width: 100%;
}
/*----- Section Titles -----*/

.accordion-section-title {
    display: inline-block;
    font-family: "interstateblackcondensed", sans-serif;
    position: relative;
    text-transform: uppercase;
    transition: all linear 0.15s;
}
.accordion-section-title:after {
    background: #fff;
    content: "";
    height: 3px;
    width: 12px;
    position: absolute;
    right: -30px;
    top: 0.60em;
    -ms-transform: rotate(45deg);
    /* IE 9 */
    
    -webkit-transform: rotate(45deg);
    /* Chrome, Safari, Opera */
    
    transform: rotate(45deg);
    -webkit-transition: all 0.5s ease-in-out;
    /* Safari */
    
    transition: all 0.5s ease-in-out;
}
.accordion-section-title.active:after {
    -ms-transform: rotate(405deg);
    /* IE 9 */
    
    -webkit-transform: rotate(405deg);
    /* Chrome, Safari, Opera */
    
    transform: rotate(405deg);
}
.accordion-section-title:before {
    background: #fff;
    content: "";
    height: 3px;
    width: 12px;
    position: absolute;
    right: -37px;
    top: 0.60em;
    -ms-transform: rotate(-45deg);
    /* IE 9 */
    
    -webkit-transform: rotate(-45deg);
    /* Chrome, Safari, Opera */
    
    transform: rotate(-45deg);
    -webkit-transition: all 0.5s ease-in-out;
    /* Safari */
    
    transition: all 0.5s ease-in-out;
}
.accordion-section-title.active:before {
    -ms-transform: rotate(-405deg);
    /* IE 9 */
    
    -webkit-transform: rotate(-405deg);
    /* Chrome, Safari, Opera */
    
    transform: rotate(-405deg);
    right: -30px;
}
.accordion-section-title .dashicons {
    vertical-align: bottom;
    -webkit-transition: all 0.5s ease-in-out;
    /* Safari */
    
    transition: all 0.5s ease-in-out;
}
.accordion-section-title.active .dashicons {
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.accordion-section-title.active,
.accordion-section-title:hover {
    text-decoration: none;
}
.accordion-section:last-child .accordion-section-title {
    border-bottom: none;
}
/*----- Section Content -----*/

.accordion-section-content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    padding: 1em 0;
    width: 100%;
}
@media (max-width: 1365px) and (min-width: 1024px) {
    .global-sites-accordian {
        font-size: 12px;
    }
}
@media screen and (max-width: 1023px) {
    .global-sites-accordian {
        margin: 1em 0 0 0;
        text-align: center;
    }
}
.global-sites-accordian .menu > li:not(.menu-text) > a {
    display: inline-block;
    padding-left: 0 !important;
    width: 150px !important;
}
.global-sites-accordian .menu > li {
    clear: left;
    float: left;
}
@media screen and (max-width: 1023px) {
    .global-sites-accordian .menu > li {
        width: 100%;
    }
}
/* Homepage styles */

.mb-slider {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
    background: #161616;
    color: white;
}
.mb-home-logo {
    height: 34px;
    width: 244px;
    left: 8.333%;
    margin-left: -54px;
    position: absolute;
    background: url('../images/icons/logo_yellow_retina.png') no-repeat left center / 100% auto;
    z-index: 20;
    top: 25%;
    /* starting estimate position */
    
    display: none;
    /* reveal once positioned */
    
    transition: top ease-in-out .8s .2s;
    -webkit-transition: top ease-in-out .8s .2s;
    margin-top: 36px;
}
.mb-home-logo.subpage {
    transition: top ease-in-out .9s;
    -webkit-transition: top ease-in-out .9s;
    /*top: 36px !important;*/
    
    top: 0 !important;
}
.mb-home-logo a {
    display: block;
    height: 100%;
    width: 100%;
}
.mb-slide-selector {
    position: absolute;
    top: 50%;
    right: 46px;
    z-index: 10;
}
.mb-slidemarker {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 20px 0;
    opacity: 0.5;
    background-color: white;
    cursor: pointer;
    transition: opacity .25s;
    -webkit-transition: opacity .25s;
}
.mb-slidemarker.selected {
    opacity: 1;
}
.mb-slide {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    transition: top ease-in-out 1s, opacity linear 1s, transform ease-in .6s .4s;
    -webkit-transition: top ease-in-out 1s, opacity linear 1s, -webkit-transform ease-in .6s .4s;
    opacity: 1;
    z-index: 1;
    background: black;
}
.mb-slide.selected {
    top: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: top ease-in-out 1s, opacity linear 1s, transform ease-out .6s;
    -webkit-transition: top ease-in-out 1s, opacity linear 1s, -webkit-transform ease-out .6s;
    z-index: 2;
}
.mb-slide.offscreen {
    opacity: 0;
    transform: scale(0.6);
    -webkit-transform: scale(0.6);
}
/*
.ios .mb-slide.offscreen { /* disable complex transitions on ios 
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
}
*/

.mb-slide.selected .mb-hero-tocontent .navbutton {
    opacity: 1;
    transition: opacity .25s .75s;
    -webkit-transition: opacity .25s .75s;
}
.mb-slide.offscreen .mb-hero-tocontent .navbutton {
    opacity: 0;
    transition: opacity .25s;
    -webkit-transition: opacity .25s;
}
.ios .mb-slide .mb-hero-tocontent {
    /* correct for ios' header/page scrolling */
    
    bottom: 75px;
}
.ios.mb-slider {
    height: auto !important;
}
.mb-slide.top {
    transform-origin: bottom center;
    -webkit-transform-origin: bottom center;
}
.mb-slide.bottom {
    transform-origin: top center;
    -webkit-transform-origin: top center;
}
.mb-slide.offscreen.top {
    top: -100%;
}
.mb-slide.offscreen.bottom {
    top: 100%;
}
.mb-slide-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.mb-slide-content:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.mb-slide-content-box {
    /* to force a minimum size box for the copy */
    
    display: table;
    width: 1px;
}
.mb-slide-content-copy {
    display: inline-block;
    width: 96%;
    vertical-align: middle;
}
.mb-slide-content-copy h1 {
    font-size: 90px;
    margin: 30px 0 30px 10px !important;
    white-space: nowrap;
}
.mb-slide-content-copy h1 .highlight {
    background: #161616 !important;
    color: #ffdc00 !important;
    box-shadow: 20px 0 0 #161616, -20px 0 0 #161616 !important;
}
.mb-slide-content-copy p {
    margin: 1em 0;
}
.mb-slide-content-copy p:first-of-type {
    margin-top: 0;
}
.mb-slide-content-copy p:last-of-type {
    margin-bottom: 0;
}
.mb-slide-content-copy .mb-button {
    margin: 50px 0 0;
}
.mb-slide video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    opacity: 0.5;
    /*
    background: url(poster.jpg) no-repeat;
    background-size: cover;
    */
}
.mb-slide .video-fallback {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent no-repeat center / cover;
    z-index: -100;
    opacity: 0.5;
}
.mb-slide .mb-bgpic {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent no-repeat center / cover;
    z-index: -100;
    opacity: 0.5;
}
/*
.no-videoautoplay .mb-slide video {
  display: none;
}
.no-videoautoplay .mb-slide .mb-bgpic {
  display: block;
}
*/
/* SMALL-DESKTOP SPECIAL CASE STYLES */

@media (min-width: 1024px) and (max-width: 1365px) {
    .mb-footer ul li {
        margin-right: 2vw;
        font-size: 12px;
    }
}
/* MEDIUM SPECIFIC STYLES */

@media (max-width: 1023px) {
    .mb-brand:nth-child(2n) {
        border-right: none;
    }
    .mb-slide-content-copy h1 {
        font-size: 60px;
    }
    .mb-back-to-news {
        position: absolute;
        top: 85px;
    }
}
@media (min-width: 640px) and (max-width: 1023px) {
    .mb-footer-logo {
        display: block;
        margin: 0 auto 30px;
    }
    .mb-footer .mb_menu_list {
        display: block;
        margin-bottom: 30px;
    }
    .mb-footer .mb-social {
        margin-top: 30px;
    }
    .mb-news article .mb-button {
        margin-left: 0;
    }
}
/* MOBILE SPECIFIC STYLES */

@media (max-width: 639px) {
    .row.collapse .column {
        padding: 0 10px;
    }
    .mb-header .columns {
        padding: 0;
    }
    .mb-header-logo {
        height: 25px;
        width: 175px;
        margin: 18px 0 18px 15px;
    }
    .mb-header .midnightHeader.light,
    .mb-header .midnightHeader.dark,
    .mb-header .midnightHeader.dark-nologo,
    .mb-header .midnightHeader.yellow {
        background: #161616;
    }
    .mb-header .midnightHeader.light .mb-header-logo,
    .mb-header .midnightHeader.dark-nologo .mb-header-logo,
    .mb-header .midnightHeader.yellow .mb-header-logo {
        background: url('../images/icons/logo_yellow_retina.png') no-repeat left center / 100% auto;
    }
    .mb-header-menu .midnightHeader.light .mb-menu-open,
    .mb-header-menu .midnightHeader.yellow .mb-menu-open,
    .mb-header-menu .midnightHeader.yellow-dark .mb-menu-open {
        background: url('../images/icons/hamburger_white.png') no-repeat center / 100% 100% transparent;
    }
    .mb-header-menu .midnightHeader.light .mb-menu-open.highlight,
    .mb-header-menu .midnightHeader.yellow .mb-menu-open.highlight,
    .mb-header-menu .midnightHeader.yellow-dark .mb-menu-open.highlight {
        background-color: rgba(255, 255, 255, 0.1);
    }
    .mb-menu-button {
        margin: 10px 15px;
    }
    .mb-hero {
        height: 300px;
        /*100vw*/
        
        padding: 15px;
    }
    .mb-hero h1 {
        font-size: 50px;
        margin-bottom: 10px;
        margin-left: 31px;
        /* alignment correction with logo */
    }
    .mb-hero h2 {
        font-size: 14px;
    }
    .mb-menu,
    .mb-menu-header {
        width: 100%;
        box-sizing: content-box;
    }
    .mb-menu-header {
        height: 64px;
        border-bottom: 1px solid #c3aa00;
    }
    .mb-menu-logo {
        height: 60px;
        width: 175px;
        margin-left: 15px;
    }
    .mb-menu-content {
        box-sizing: border-box;
        padding-top: 64px;
        margin-left: 48px;
    }
    .mb-menu-content ul li {
        font-size: 30px;
        padding: 23px 0;
    }
    .mb-section-header {
        text-align: left;
    }
    .mb-section-header.subheading h3 {
        font-size: 30px;
    }
    .mb-section {
        margin-top: 10px;
    }
    .mb-content {
        font-size: 18px;
    }
    .mb-content h3 {
        font-size: 14px;
        margin: 45px 0 0;
    }
    .mb-content h1 {
        font-size: 32px;
        margin: 50px 0 15px;
    }
    .mb-content .mb-fullimage {
        padding-top: 75%;
    }
    .mb-staff {
        padding: 40px 0 0;
    }
    .mb-staff-member {
        padding-bottom: 20px;
    }
    .mb-staff-member h3 {
        font-size: 20px;
        margin: 20px 0 5px;
    }
    .mb-staff-member h4 {
        font-size: 16px;
    }
    .mb-staff-info {
        padding-top: 0;
    }
    .mb-staff-info .container {
        padding-bottom: 50px;
    }
    .mb-staff-info-header {
        height: 10px;
        position: relative;
    }
    .mb-staff-info-marker {
        position: absolute;
        bottom: 0;
    }
    .mb-staff-arrow {
        width: 20px;
        height: 10px;
        z-index: 1;
    }
    .mb-staff-arrow.flat {
        z-index: -1;
    }
    .mb-staff-arrow-inner {
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-bottom: 9px solid #161616;
    }
    .mb-staff-arrow-outer {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #ffdc00;
    }
    .mb-staff-title {
        margin-bottom: 20px;
    }
    .mb-staff-social {
        border-left: 0;
        margin-left: 0;
        padding-left: 0;
        vertical-align: middle;
        padding-top: 20px;
        text-align: center;
        width: 100%;
    }
    .mb-staff-social a {
        margin-left: 30px;
    }
    .mb-staff-social .linkedin {
        width: 22px;
        height: 22px;
    }
    .mb-staff-social .twitter {
        width: 22px;
        height: 18px;
    }
    .mb-staff-info-close {
        top: auto;
        bottom: -30px;
        right: 10px;
    }
    .mb-brand:nth-child(1n) {
        border-right: none;
    }
    .mb-news {
        padding-top: 60px;
    }
    .mb-news h3 {
        margin-top: 20px;
    }
    .mb-news img,
    .mb-news video {
        display: block;
        margin: 25px auto;
    }
    .mb-news-nav {
        padding: 0 !important;
        height: auto;
    }
    .mb-news-nav a:before {
        height: 80px;
        /* sets minimum height for news nav buttons on mobile */
    }
    .mb-news-nav.prev {
        border-right: 0;
    }
    .mb-news-nav.prev a {
        padding: 10px 10px 10px 16.67%;
    }
    .mb-news-nav.next a {
        padding: 10px 16.67% 10px 10px;
    }
    .mb-news-nav-title {
        font-size: 20px;
        margin: 0;
    }
    .mb-news-nav-label {
        display: none;
    }
    .mb-share {
        margin-bottom: 0;
    }
    .mb-share-icons {
        width: 100%;
        text-align: justify;
    }
    .mb-share-icons:after {
        content: "";
        display: inline-block;
        width: 100%;
    }
    .mb-share-icon {
        margin: 0;
    }
    .mb-button {
        width: 100%;
        margin: 50px auto;
    }
    .alm-btn-wrap {
        margin: 0 10px;
    }
    .mb-footer {
        padding: 50px 0 50px;
    }
    .mb-footer-logo {
        display: block;
        margin: 0 auto;
    }
    .mb-social {
        margin: 40px 0 10px;
    }
    .mb-social div ul li a {
        margin: 0 10px;
    }
    .mb-location,
    .mb-location:hover {
        height: auto;
        background: #161616;
        border-bottom: 1px solid #454545;
        position: relative;
        overflow: hidden;
        transition: none;
        -webkit-transition: none;
    }
    .mb-location-bg {
        display: none;
    }
    .mb-location-rows {
        opacity: 1;
        max-height: none;
        transition: none;
        -webkit-transition: none;
    }
    .mb-location:hover .mb-location-rows {
        max-height: none;
    }
    .mb-location-row:first-child {
        padding-top: 0;
    }
    .mb-location-info {
        position: static;
        width: 100%;
        height: auto;
    }
    .mb-location-info:before {
        display: none;
    }
    .mb-location-info-content {
        display: block;
        padding: 30px 10px;
        width: 100%;
        font-size: 21px;
        margin-left: 0;
    }
    .mb-location-info-content h2 {
        font-size: 30px;
        margin-bottom: 30px;
        line-height: 1em;
    }
    .mb-location-row a {
        color: white;
    }
    .mb-location-row.phone,
    .mb-location-row.mobile,
    .mb-location-row.email {
        pointer-events: auto;
        /* enable phone links on mobile */
        
        margin-top: 10px;
    }
    .mb-location-row.email {
        padding-right: 40px;
        /* line-height: 25px; */
        
        background: transparent url('../images/icons/email_retina.png') no-repeat right center / 27px 19px;
    }
    .mb-location-row.mobile {
        padding-right: 40px;
        /* line-height: 25px; */
        
        background: transparent url('../images/icons/phone_retina.png') no-repeat right center / 25px 25px;
    }
    .mb-subpage {
        padding-top: 60px;
    }
    .mb-subpage h1,
    .mb-subpage h2,
    .mb-subpage h3,
    .mb-subpage h4 {
        margin: 20px 0 15px;
    }
    .mb-subpage h1 {
        font-size: 32px;
    }
    .mb-subpage h2 {
        font-size: 28px;
    }
    .mb-subpage h3 {
        font-size: 24px;
    }
    .mb-subpage h4 {
        font-size: 22px;
    }
    .mb-subpage img,
    .mb-subpage video {
        margin: 1em auto;
    }
    .mb-footerspacing {
        height: 2em;
    }
    /* homepage */
    
    .mb-home-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        width: 100%;
        height: 62px;
        z-index: 15;
        background: #161616;
        opacity: 0;
        transition: opacity .25s linear;
        -webkit-transition: opacity .25s linear;
    }
    .mb-home-header.visible {
        opacity: 1;
    }
    .mb-home-logo,
    .mb-home-logo.subpage {
        width: 175px;
        height: 25px;
        top: 18px !important;
        left: 15px;
        margin-left: 0;
        margin-top: 0;
        display: inline-block;
        position: fixed;
        transition: none;
        -webkit-transition: none;
    }
    .mb-slider {
        overflow: initial;
        height: auto;
    }
    .mb-slide-selector {
        display: none;
    }
    .mb-slide,
    .mb-slide-content,
    .mb-slide-content-copy {
        position: static;
    }
    .mb-slide-content-box {
        display: block;
        width: auto;
    }
    .mb-slide {
        transition: none !important;
        -webkit-transition: none !important;
        transform: none !important;
        -webkit-transform: none !important;
        opacity: 1 !important;
        padding: 50px 0;
    }
    .mb-slide.light {
        background: white;
        color: #161616;
    }
    .mb-slide.dark,
    .mb-slide.darkgrey {
        background: #161616;
        color: white;
    }
    .mb-slide.yellow {
        background: #ffdc00;
        color: #161616;
    }
    .mb-slide:not(.hero) .mb-slide-content-copy {
        width: 100%;
    }
    .mb-slide.hero .mb-slide-content-copy h1 .highlight {
        box-shadow: 10px 0 0 #161616, -10px 0 0 #161616 !important;
    }
    .mb-slide:not(.hero) .mb-slide-content-copy h1 {
        padding-left: 0 !important;
    }
    .mb-slide:not(.hero) .mb-slide-content-copy h1 .highlight {
        background: transparent !important;
        box-shadow: none !important;
        line-height: 1em !important;
        color: inherit !important;
    }
    .mb-slide.hero {
        height: 100vh;
        position: relative;
    }
    .mb-slide.hero .mb-hero-tocontent {
        bottom: 0;
    }
    .mb-slide.hero .mb-hero-tocontent .navbutton {
        margin: 15px;
        opacity: 1;
    }
    .mb-slide:not(.hero) .mb-slide-content:before {
        display: none;
    }
    .mb-slide video {
        display: none;
    }
    .mb-slide .mb-bgpic {
        display: block;
    }
    .mb-home-exit {
        background: white;
        padding: 50px 10px;
        margin: 0 -10px;
        position: relative;
        top: 50px;
        /* pushes over slide's inherent 50px padding*/
    }
    .mb-home-exit .mb-button {
        margin: 0 auto;
    }
}
/* HOMEPAGE STYLES FOR SHORT DISPLAYS */

@media (min-width: 640px) and (max-height: 599px) {
    body.home .mb-home-logo,
    #mb-slider .mb-home-logo.subpage {
        width: 175px;
        height: 25px;
        top: 18px !important;
        left: 15px;
        margin-left: 0;
        margin-top: 0;
        display: inline-block;
        position: fixed;
        transition: none;
        -webkit-transition: none;
    }
    body.home .mb-menu-button {
        margin: 10px 15px;
    }
    body.home .mb-slide-selector {
        right: 32px;
    }
    body.home .mb-slide-content-box {
        display: block;
        width: auto;
    }
    body.home .mb-slide .mb-slide-content-copy h1 {
        font-size: 40px;
        margin-bottom: 10px !important;
    }
    body.home .mb-slide .mb-slide-content-copy p {
        margin: 0;
    }
    body.home .mb-slide .mb-slide-content-copy h1 .highlight {
        box-shadow: 10px 0 0 #161616, -10px 0 0 #161616 !important;
    }
    body.home .mb-slide .mb-slide-content-copy {
        font-size: 16px;
        margin-top: 20px;
    }
    /*
  body.home .mb-slide .mb-slide-content-copy p br {
    display: none; /* no room for line breaks here!
  }
  */
    
    body.home .mb-slide .mb-hero-tocontent {
        bottom: 15px;
    }
    body.home .mb-slide .mb-button {
        margin-top: 10px;
        padding: 15px;
    }
    body.home .mb-slide.hero .mb-hero-tocontent {
        bottom: 5px;
        text-align: right;
    }
    body.home .mb-slide.hero .mb-hero-tocontent .navbutton {
        margin-right: 15px;
        display: inline-block;
    }
}
ul.pagination {
    text-align: center;
}