/*---Mount Allison University - CSS Main---
 * --Table of Contents:--
 * - Scaffolding
 * - Typography
 * - Icons
 * - Buttons
 * - Flags
 * - Chevrons
 * - Page Header
 * - Navigation
 * - Breadcrumbs
 * - Page Footer
 * - News Items
 * - Events
 * - Banner Image
 * - Hero Carousel
 * - Main Content
 * - Alumni-specific Stuff
 * - Program Tabs
 * - Global Alert
 * - Video Container
 * - Forms
 * - Unsupported Browser 
 */

/* --- Scaffolding --- */
body {
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    color: #717275;
}

@media only screen and (min-width: 768px) {
    .container-fluid {
        max-width: 1024px;
        padding: 0;
        overflow: hidden;
    }

    .page-main {
        padding-left: 15px;
        padding-right: 15px;
    }
}
/* --- Typography --- */

a,
a:hover,
a:focus,
a:visited {
    color: #4d0017;
    text-decoration:underline;
}

hr {
    height: 0;
    margin: 1.25em 0;
    border: 0;
    border-bottom: 1px solid #ccc;
}

.callout-title {
    font-size: 1.833em; /* 22 */
    font-weight: normal;
    font-family: "Times New Roman", Times, serif;
    line-height: 100%;
    color: #862633;
}

.callout-title.alt {
        color: #444;
    }

.list-title {
    margin: 0 0 0.25em;
    font-size: 1.5em; /* 18 */
    font-weight: normal;
    color: #862633;
}

.subtitle {
    font-weight: bold;
    color: #862633;
}

.list-plain {
    list-style: none;
    margin: 0;
    padding: 0;
}

.list-plain li {
        display: block;
    }

.list-plain a {
        font-weight: normal;
    }

.list-three-col a {
    font-weight: normal;
}

@media only screen and (min-width: 768px) {
    .list-three-col {
        padding: 0;
        -webkit-columns: 3;
        -moz-columns: 3;
        columns: 3;
    }

        .list-three-col li {
            list-style-position: inside;
        }

    .text-3col {
        margin: 2em 0;
        -webkit-columns: 3;
        -moz-columns: 3;
        columns: 3;
    }

        .text-3col ul {
            margin: 0;
        }

    /*.text-3col li {
    display: block;
  }*/
}

.news_title {
    margin: 0 0 0.5em;
    font-size: 1.375em; /* 22 */
    color: #862633;
    font-family: "Times New Roman", Times, serif;
    line-height: 1.2;
    text-align: left;
}

.news_date {
    margin: 1em 0;
    color: #7c7c7c;
    font-size: 0.875em;
    font-family: Arial, Helvetica, sans-serif;
}

@media only screen and (min-width: 768px) {
    .news_title {
        font-size: 1.833em; /* 29 */
    }
}

.small-heading,
.alumni-chapters h3,
.alumni-reunions h3 {
    margin: 0.5em 0;
    font-size: 1em;
    font-weight: bold;
}

.small-heading + p,
.alumni-chapters h3 + p,
.alumni-reunions h3 + p {
        margin-top: -0.5em;
    }

p.small-heading {
    margin: -0.25em 0 0.667em;
    color: #454545;
}

p.small-heading .divider {
        color: #717275;
        font-weight: normal;
    }

dl.inline {
    overflow: hidden;
    margin: 0 0 1em;
}

dl.inline dt {
        float: left;
        clear: left;
        margin: 0 0.3em 0 0;
        color: #000;
    }

dl.inline dd {
        margin: 0 0 0.5em;
    }
/* --- Icons --- */

.icon-social {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin: 0.25em 0.5em 0.25em 0;
    background: url('../images/mta-sprite.svg') no-repeat 0 0;
    opacity: 0.25;
}

.no-svg .icon-social {
    background-image: url('../images/mta-sprite.png');
}

a:last-child:not(:only-child) > .icon-social {
    margin-right: 0;
}

.icon-social:hover,
.icon-social:focus {
    opacity: 0.5;
}

.icon-social.twitter {
    background-position: 0 0;
}

.icon-social.facebook {
    background-position: -40px 0;
}

.icon-social.youtube {
    background-position: -80px 0;
}

.icon-social.instagram {
    background-position: -160px 0;
}

.icon-social.linkedin {
    background-position: -120px 0;
}

.page-footer .icon-social {
    opacity: 0.95;
}

.page-footer .icon-social.twitter {
        background-position: -440px 0;
    }

.page-footer .icon-social.facebook {
        background-position: -480px 0;
    }

.page-footer .icon-social.youtube {
        background-position: -520px 0;
    }

.page-footer .icon-social.instagram {
        background-position: -600px 0;
    }

.page-footer .icon-social.linkedin {
        background-position: -560px 0;
    }
.page-header{
    padding-bottom:0px !important;
    margin:0px !important;
    border-bottom:none !important;
}

@media only screen and (max-width: 767px) {
    .page-header .icon-social {
        width: 36px;
        height: 36px;
        margin-right: 0.9em;
        opacity: 1;
    }

    .page-header a:last-child .icon-social {
        margin-right: 0;
    }

    .page-header .icon-social:hover,
    .page-header .icon-social:focus {
        opacity: 1;
    }

    .page-header .icon-social.twitter {
        background-position: -200px 0;
    }

    .page-header .icon-social.facebook {
        background-position: -248px 0;
    }

    .page-header .icon-social.youtube {
        background-position: -296px 0;
    }

    .page-header .icon-social.instagram {
        background-position: -392px 0;
    }

    .page-header .icon-social.linkedin {
        background-position: -344px 0;
    }
}

.icon-social.colour {
    width: 36px;
    height: 36px;
    margin: 0 0.5em 0 0;
    opacity: 1;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
}

    .icon-social.colour.twitter {
        background-position: -200px -44px;
    }

    .icon-social.colour.facebook {
        background-position: -248px -44px;
    }

    .icon-social.colour.youtube {
        background-position: -296px -44px;
    }

    .icon-social.colour.instagram {
        background-position: -392px -44px;
    }

    .icon-social.colour.linkedin {
        background-position: -344px -44px;
    }

.icon-photo {
    display: inline-block;
    vertical-align: middle;
    width: 31px;
    height: 24px;
    margin-right: 0.75em;
    background: url('../images/mta-sprite.svg') no-repeat -132px -49px;
}

.no-svg .icon-photo {
    background-image: url('../images/mta-sprite.png');
}
/* --- Buttons --- */

.mta-button,
.mta-button:link,
.mta-button:visited,
input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block;
    padding: 0.25em 0.5em;
    border: 0;
    font-family: "Times New Roman", Times, serif;
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    background-color: #862633;
}

    .mta-button.small {
        font-size: 12px;
    }

    .mta-button:hover,
    .mta-button:focus {
        text-decoration: none;
        color: #fff;
    }

.button-list-items {
    display: block;
    clear: both;
    width: 100%;
}

    .button-list-items ul {
        list-style: none;
        margin: 0 0 -0.5em;
        padding: 0;
        overflow: hidden;
    }

    .button-list-items li {
        display: block;
        float: left;
    }

    .button-list-items a {
        display: block;
        margin: 0 0.5em 0.5em 0;
        padding: 0.25em 0.625em;
        border: 1px solid #e3e3e3;
        background-color: #862633;
        text-decoration: none;
        font-size: 0.875em; /* 14 */
        font-weight: normal;
        color: #fff;
    }

        .button-list-items a:hover,
        .button-list-items a:focus {
            text-decoration: none;
        }

@media only screen and (min-width: 768px) {
    .button-list-items a {
        margin: 0 0.375em 0.375em 0;
        font-size: 1em; /* 16 */
    }
}
/* --- Flags --- */

.flag-white-left {
    position: relative;
    display: inline-block;
    height: 50px;
    padding: 0 15px 0 1em;
    font-size: 1.667em; /* 20 */
    font-weight: bold !important;
    line-height: 50px;
    text-decoration: none !important;
    color: #862633 !important;
    background-color: #efeae6;
}

.flag-white-left:before {
        content: '';
        position: absolute;
        top: 0;
        left: -1.5em;
        height: 0;
        border-width: 25px 0.75em;
        border-style: solid;
        border-color: transparent #efeae6 transparent transparent;
    }
/* --- Chevrons --- */

.chevron-116, .chevron-116-more, .chevron-117,
.chevron-156 {
    display: block;
    font-weight: normal;
    text-decoration: none;
    background-color: #939393;
    background-image: -webkit-linear-gradient(#939393, #7b7b7b);
    background-image: linear-gradient(#939393, #7b7b7b);
}

.chevron-116:before, .chevron-116-more:before,
.chevron-117:before, .chevron-156:before,
.chevron-116:after, .chevron-116-more:after,
.chevron-117:after, .chevron-156:after {
        content: '';
        display: block;
        position: absolute;
        bottom: -7px;
        height: 8px;
        background-repeat: no-repeat;
    }

.chevron-116:before, .chevron-116-more:before,
.chevron-117:before, .chevron-156:before {
        left: 0;
        right: 49.75%;
        background-image: linear-gradient(8deg, rgba(123,123,123, 0) 7px, rgba(123,123,123, 1) 8px);
    }

.chevron-116:after, .chevron-156:after, .chevron-116-more:after {
        left: 49.75%;
        right: 0;
        background-image: linear-gradient(-8deg, rgba(123,123,123, 0) 7px, rgba(123,123,123, 1) 8px);
    }
/*show more buttton*/
.chevron-116 {
    position: absolute;
    top: 0px;
    right: -58px !important;
    width: 116px;
    height: 30px;
}

.chevron-116-more {
    position: absolute;
    top: 0px;
    right: 50% !important;
    width: 116px;
    height: 30px;
}

.chevron-text-116 {
    display: block;
    width: 100%;
    position: relative;
    text-align: center;
    padding-top: 8px;
    text-transform: uppercase;
    color: #fff;
    font-family: "Times New Roman", Garamond, Serif;
    font-size: 13px;
    font-weight: normal;
    text-shadow: 0px -1px rgba(0,0,0,0.5);
}

/*show less button*/
.chevron-118-less {
    position: absolute;
    top: -5px;
    right: 50% !important;
    width: 116px;
    height: 30px;
}

.chevron-text-118-less {
    display: block;
    width: 100%;
    position: relative;
    text-align: center;
    padding-top: 8px;
    text-transform: uppercase;
    color: #fff;
    font-family: "Times New Roman", Garamond, Serif;
    font-size: 13px;
    font-weight: normal;
    text-shadow: 0px -1px rgba(0,0,0,0.5);
}

.chevron-118-less:after {
    left: 49.75%;
    right: 0;
    background-image: linear-gradient(-8deg, rgba(123,123,123, 0) 7px, rgba(123,123,123, 1) 8px);
}


.chevron-118-less {
    display: block;
    font-weight: normal;
    text-decoration: none;
    background-color: #939393;
    background-image: -webkit-linear-gradient(#939393, #7b7b7b);
    background-image: linear-gradient(#939393, #7b7b7b);
}

.chevron-118-less:before, .chevron-118-less:after {
        content: '';
        display: block;
        position: absolute;
        bottom: -7px;
        height: 8px;
        background-repeat: no-repeat;
    }

.chevron-118-less:before {
        left: 0;
        right: 49.75%;
        background-image: linear-gradient(8deg, rgba(123,123,123, 0) 7px, rgba(123,123,123, 1) 8px);
    }

.chevron-156 {
    width: 156px;
    height: 40px;
    position: relative;
}

.chevron-text-156 {
    display: block;
    width: 100%;
    text-align: center;
    padding-top: 12px;
    text-transform: uppercase;
    color: #fff;
    font-family: "Times New Roman", Garamond, Serif;
    font-size: 14px;
    text-shadow: 0px -1px rgba(0,0,0,0.5);
}

.chevron-color-aqua {
    background: #008391;
    background: -webkit-linear-gradient(#008593, #00717e);
    background: linear-gradient(#008593, #00717e);
}

.chevron-color-aqua:before {
        background: linear-gradient(8deg, rgba(0,113,126, 0) 7px, rgba(0,113,126, 1) 8px);
    }

.chevron-156.chevron-color-aqua:before {
    background: linear-gradient(5deg, rgba(0,113,126, 0) 7px, rgba(0,113,126, 1) 8px);
}

.chevron-color-aqua:after {
    background: linear-gradient(-8deg, rgba(0,113,126, 0) 7px, rgba(0,113,126, 1) 8px);
}

.chevron-156.chevron-color-aqua:after {
    background: linear-gradient(-5deg, rgba(0,113,126, 0) 7px, rgba(0,113,126, 1) 8px);
}

.chevron-color-blue {
    background-color: #5baadd;
    background-image: -webkit-linear-gradient(#5baadd, #4c8eb8);
    background-image: linear-gradient(#5baadd, #4c8eb8);
}

.chevron-color-blue:before {
        background-image: linear-gradient(8deg, rgba(76,142,184, 0) 7px, rgba(76,142,184, 1) 8px);
    }

.chevron-156.chevron-color-blue:before {
    background-image: linear-gradient(5deg, rgba(76,142,184, 0) 7px, rgba(76,142,184, 1) 8px);
}

.chevron-color-blue:after {
    background-image: linear-gradient(-8deg, rgba(76,142,184, 0) 7px, rgba(76,142,184, 1) 8px);
}

.chevron-156.chevron-color-blue:after {
    background-image: linear-gradient(-5deg, rgba(76,142,184, 0) 7px, rgba(76,142,184, 1) 8px);
}

.chevron-color-garnet {
    background: #862633;
    background: -webkit-linear-gradient(#862633, #7e2126);
    background: linear-gradient(#862633, #7e2126);
}

.chevron-color-garnet:before {
        background: linear-gradient(8deg, rgba(126,33,38, 0) 7px, rgba(126,33,38, 1) 8px);
    }

.chevron-156.chevron-color-garnet:before {
    background: linear-gradient(5deg, rgba(126,33,38, 0) 7px, rgba(126,33,38, 1) 8px);
}

.chevron-color-garnet:after {
    background: linear-gradient(-8deg, rgba(126,33,38, 0) 7px, rgba(126,33,38, 1) 8px);
}

.chevron-156.chevron-color-garnet:after {
    background: linear-gradient(-5deg, rgba(126,33,38, 0) 7px, rgba(126,33,38, 1) 8px);
}

.chevron-color-navy {
    background: #003275;
    background: -webkit-linear-gradient(#003275, #002a63);
    background: linear-gradient(#003275, #002a63);
}

.chevron-color-navy:before {
        background: linear-gradient(8deg, rgba(0,42,99, 0) 7px, rgba(0,42,99, 1) 8px);
    }

.chevron-156.chevron-color-navy:before {
    background: linear-gradient(5deg, rgba(0,42,99, 0) 7px, rgba(0,42,99, 1) 8px);
}

.chevron-color-navy:after {
    background: linear-gradient(-8deg, rgba(0,42,99, 0) 7px, rgba(0,42,99, 1) 8px);
}

.chevron-156.chevron-color-navy:after {
    background: linear-gradient(-5deg, rgba(0,42,99, 0) 7px, rgba(0,42,99, 1) 8px);
}

.chevron-color-purple {
    background: #592356;
    background: -webkit-linear-gradient(#592356, #4c1e4a);
    background: linear-gradient(#592356, #4c1e4a);
}

.chevron-color-purple:before {
        background: linear-gradient(8deg, rgba(76,30,74, 0) 7px, rgba(76,30,74, 1) 8px);
    }

.chevron-156.chevron-color-purple:before {
    background: linear-gradient(5deg, rgba(76,30,74, 0) 7px, rgba(76,30,74, 1) 8px);
}

.chevron-color-purple:after {
    background: linear-gradient(-8deg, rgba(76,30,74, 0) 7px, rgba(76,30,74, 1) 8px);
}

.chevron-156.chevron-color-purple:after {
    background: linear-gradient(-5deg, rgba(76,30,74, 0) 7px, rgba(76,30,74, 1) 8px);
}

.chevron-color-gold {
    background: #a78300;
    background: -webkit-linear-gradient(#a78300, #8d6f00);
    background: linear-gradient(#a78300, #8d6f00);
}

.chevron-color-gold:before {
        background: linear-gradient(8deg, rgba(141,111,0, 0) 7px, rgba(141,111,0, 1) 8px);
    }

.chevron-156.chevron-color-gold:before {
    background: linear-gradient(5deg, rgba(141,111,0, 0) 7px, rgba(141,111,0, 1) 8px);
}

.chevron-color-gold:after {
    background: linear-gradient(-8deg, rgba(141,111,0, 0) 7px, rgba(141,111,0, 1) 8px);
}

.chevron-156.chevron-color-gold:after {
    background: linear-gradient(-5deg, rgba(141,111,0, 0) 7px, rgba(141,111,0, 1) 8px);
}

.sidebar-container [class*="chevron-1"] {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    margin: 0 auto 1.5em;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .sidebar-container [class*="chevron-1"] {
        width: auto;
        margin-left: -15px;
        margin-right: -15px;
    }
}
/* --- Page Header --- */

.page-header {
    height: 62px;
}

.mta-logo {
    width: 190px;
    height: auto;
    margin: 10px 0 10px 70px;
}

.mta-logo img {
        display: block;
        width: 100%;
        height: auto;
    }

.global-search {
    position: relative;
    margin: 0 0 2em;
}

.global-search-trigger {
    position: absolute;
    top: 0.125em;
    right: 0.125em;
    width: 3em;
    height: 2.8em;
    margin: 0;
    padding: 0;
    border-radius: 0;
    border: 0;
    border-left: 1px solid #ededed;
    background: url('../images/mta-sprite.svg') no-repeat -3px -86px;
    white-space: nowrap;
    overflow: hidden;
    text-indent: -9999px;
}

.no-svg .global-search:after {
    background-image: url('../images/mta-sprite.png');
}

.global-search input {
    display: block;
    width: 100%;
    height: 2.8em;
    margin: 0;
    padding: 0.5em 0.5em 0.5em 0.5em;
    border: 1px solid #cdccc9;
    border-radius: 0.25em;
    font-size: 1.333em; /* 16 - any smaller will cause iPhone to zoom on focus */
}

.global-search input:focus {
        outline: 0;
    }

@media only screen and (max-width: 767px) {
    .page-header {
        position: relative;
        z-index: 10;
    }

    .page-main {
        position: relative;
        z-index: 2;
    }

    .external-nav,
    .tool-box {
        padding: 0px 10px 10px;
        background-color: #454545;
    }

        .external-nav a,
        .tool-box a {
            color: #fff;
            text-decoration: none;
        }

    .tool-box {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        border-top: 1px solid #616161;
    }

    .external-nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .external-nav a {
        display: block;
        padding: 0.5em 0;
        font-size: 1.167em; /* 14 */
        font-weight: normal;
        text-transform: uppercase;
    }

    .global-search {
        position: relative;
        margin: 0 0 0.25em;
    }

    .global-search-trigger {
        position: absolute;
        top: 0.125em;
        right: 0.125em;
        width: 3em;
        height: 3.65em;
        margin: 0;
        padding: 0;
        border-radius: 0;
        border: 0;
        border-left: 1px solid #ededed;
        background: url('../images/mta-sprite.svg') no-repeat -3px -82px;
        white-space: nowrap;
        overflow: hidden;
        text-indent: -9999px;
    }

    .chevron-116-more {
        position: absolute;
        top: 0px;
        right: 30% !important;
        width: 116px;
        height: 30px;
    }

    .chevron-118-less {
        position: absolute;
        top: -5px;
        right: 30% !important;
        width: 116px;
        height: 30px;
    }
}

@media only screen and (min-width: 768px) {
    .page-header {
        height: auto;
        padding-top: 105px;
        background: #efebe7;
    }

    .mta-header {
        background-color: #efebe7;
    }

    .mta-logo {
        position: absolute;
        top: -65px;
        z-index: 1;
        width: 100%;
        max-width: 230px;
        margin:0px;
    }

        .mta-logo a,
        .mta-logo img {
            display: block;
        }

    .external-nav {
        position: absolute;
        z-index: 2;
        top: -105px;
        right: 15px;
        left: 15px;
        height: 40px;
        border-bottom: 1px solid #ddd;
        background: #f9f7f6;
    }

        .external-nav ul {
            list-style: none;
            float: right;
            width: 100%;
            margin: 0;
            padding: 0 20px;
            text-align: right;
        }

        .external-nav li {
            display: inline-block;
        }

            .external-nav li a {
                display: block;
                margin-left: 15px;
                padding-top: 10px;
                color: #999;
                font-weight: normal;
                text-transform: uppercase;
                text-decoration: none;
            }

                .external-nav li a:hover,
                .external-nav li a:focus {
                    text-decoration: underline;
                    color: #666;
                }

    .tool-box {
        position: absolute;
        top: -65px;
        right: 15px;
        height: 50px;
        margin: 1em 20px 0 0;
    }

        .tool-box > * {
            display: inline-block;
            vertical-align: middle;
            margin-left: 1em;
        }

    .global-search {
        width: 220px;
        margin-right: 1em;
        margin-bottom: 0;
    }




        .global-search input {
            font-size: 1.083em; /* 13 */
        }

    .add-on .input-group-btn > .btn {
        left: -2px;
        border-left-width: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    }

    .add-on .form-control:focus {
        box-shadow: none;
        -webkit-box-shadow: none;
        border-color: #cccccc;
    }
}


/* --- Navigation --- */
.topnav-toggle,
.nav-toggle,
.subnav-toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    top: 0;
    left: 5px;
    display: block;
    width: 42px;
    height: 42px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: #ffffff url('../images/mta-sprite.svg') no-repeat 0 -40px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-indent: -9999px;
}

.no-svg .topnav-toggle,
.no-svg .nav-toggle,
.no-svg .subnav-toggle {
    background-image: url('../images/mta-sprite.png');
}

.topnav-toggle,
.subnav-toggle {
    top: 5px;
    right: -10px;
    left: auto;
    background-color: transparent;
    background-position: -42px -40px;
}


.active > .topnav-toggle,
.active > .subnav-toggle {
    background-position: -84px -40px;
}

.global-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.topnav,
.subnav {
    position: relative;
    overflow: hidden;
    margin-left: -15px;
    margin-right: -15px;
    padding: 0 10px 15px 10px;
    background: #ebe7e4;
}





.topnav-items,
.subnav-items {
    display: block;
    clear: both;
    width: 100%;
}

.topnav-items ul,
.subnav-items ul {
    list-style: none;
    margin: 0 0 -0.5em;
    padding: 0.5em 0 0 0;
    overflow: hidden;
}


.topnav-items li,
.subnav-items li {
    display: block;
    float: left;
}


.topnav-items a,
.subnav-items a {
    display: block;
    margin: 0 0.5em 0.5em 0;
    padding: 0.25em 0.75em;
    border: 1px solid #ccc;
    background-color: #fff;
    text-decoration: none;
    font-size: 1.167em; /* 14 */
    font-weight: normal;
    color: #454545;
}

.topnav-items a:hover,
.topnav-items a:focus,
.subnav-items a:hover,
.subnav-items a:focus {
    color: #fff;
    background-color: #862633;
    text-decoration: none;
}


@media only screen and (min-width: 768px) {
    .nav-toggle,
    .subnav-toggle {
        display: none;
    }

    .global-nav {
        margin: 0;
        height: 50px;
        padding-left: 217px;
        background: #862633;
        position: relative;
    }

    #nav {
        position: absolute;
        z-index: 2;
    }

        #nav li {
            float: left;
            position: relative;
        }

        #nav a {
            display: block;
            height: 50px;
            padding: 0.750em 0.3875em 0.625em;
            color: #fff;
            text-decoration: none;
            font-weight: normal;
            font-size: 1.13em; /* 14 */
        }

        #nav > li > a {
            line-height: 28px;
        }

        #nav a:hover,
        #nav a:focus {
            color: #fff;
            background-color: #810228;
        }

        #nav ul {
            position: absolute;
            left: -9999px;
            z-index: 1;
            margin: 0;
            padding: 0;
            min-width: 150px;
            background: #fff; /* IE7 hack */
            background: rgba(255,255,255,0); /* IE7 hack reset */
            list-style: none;
            box-shadow: 0px 5px 10px rgba(0,0,0,0.25);
        }

            #nav ul li {
                float: none;
                padding-left: 0;
            }

            #nav ul a {
                height: 38px;
                padding-top: 7px;
                padding-bottom: 7px;
                border-top: 1px solid #89022a;
                font-size: 1.13em; /* 16 */
                background-color: #810228;
                white-space: nowrap;
            }

                #nav ul a:hover,
                #nav ul a:focus {
                    background-color: #862633;
                }

        .no-js #nav li:hover ul,
        #nav li.active ul,
        #nav .menu-item.active ul {
            left: 0;
        }

        .no-js #nav li:nth-child(n+4):hover ul,
        #nav li:nth-child(n+4).active ul {
            left: auto;
            right: 0;
        }

        .no-js #nav li:hover > a,
        #nav li.active > a {
            background-color: #810228;
        }

        .no-js #nav li:hover ul a,
        #nav li.active ul a {
            text-decoration: none;
        }

    .page-header .fixto-fixed {
        z-index: 500;
    }

    .is-ie .page-header .fixto-fixed {
        box-sizing: content-box;
    }

    .page-header .fixto-fixed .mta-logo {
        position: absolute;
        top: 10px;
        left: 15px;
        display: block;
        width: 49px;
        height: 28px;
        background: url('../images/mta-sprite.svg') no-repeat -528px -292px;
    }

    .no-svg .page-header .fixto-fixed .mta-logo {
        background-image: url('../images/mta-sprite.png');
    }

    .page-header .fixto-fixed .mta-logo a {
        display: block;
        width: 100%;
        height: 100%;
    }
     
    .page-header .fixto-fixed .mta-logo img {
        position: absolute;
        left: -9999px;
    }

    .page-header .fixto-fixed .global-nav {
        padding-left: 60px;
        box-shadow: 0 0 8px rgba(0,0,0,0.5);
    }

    .page-header .fixto-fixed .tool-box {
        top: auto;
        bottom: -7px;
    }

        .page-header .fixto-fixed .tool-box .global-search {
            margin-right: 0;
        }

        .page-header .fixto-fixed .tool-box .global-social {
            display: none;
        }
}

@media only screen and (min-width: 960px) {
    #nav a {
        padding-left: 0.75em;
        padding-right: 0.75em;
        font-size: 1.3em; /* 16 */
    }

    #nav ul a {
        height: 38px;
        padding-top: 7px;
        padding-bottom: 7px;
        border-top: 1px solid #89022a;
        font-size: 1.3em;
        background-color: #810228;
        white-space: nowrap;
    }

}

@media only screen and (min-width: 821px) and (max-width: 980px) {
    .page-header .fixto-fixed .tool-box .global-search {
        width: 190px;
    }
}

@media only screen and (max-width: 820px) {
    .page-header .fixto-fixed .tool-box .global-search {
        width: 150px;
    }
}

@media only screen and (min-width: 768px) {

    .topnav-items ul,
    .subnav-items ul {
        margin-bottom: -0.25em;
    }


    .topnav-items a,
    .subnav-items a {
        margin: 0 0.25em 0.25em 0;
        font-size: 1.333em; 
    }
}

@media only screen and (max-width: 767px) {

    div.row.navigation {
        width: 0px;
    }

    .external-nav,
    .tool-box,
    .global-nav {
        position: relative;
        top: 0px;
        width: 320px;
    }

    .csstransforms .external-nav,
    .csstransforms .tool-box,
    .csstransforms .global-nav {
        transform: translateX(-340px);
    }

    .no-csstransforms .external-nav,
    .no-csstransforms .tool-box,
    .no-csstransforms .global-nav {
        left: -340px;
    }

    .csstransforms header {
        transition: transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translateX(0);
    }

    .csstransforms .nav-main-open {
        transform: translateX(320px);
    }

    .no-csstransforms body.nav-main-open {
        left: 340px;
    }

    .csstransforms .nav-main-open .button_logo {
        transform: translateX(-340px);
    }

    .global-nav {
        padding: 0 10px;
        background-color: #862633;
    }

        .global-nav li {
            position: relative;
        }

        .global-nav a {
            display: block;
            padding-top: 0.5em;
            padding-bottom: 0.5em;
            font-weight: normal;
            color: #fff;
            text-decoration: none;
        }

        .global-nav > ul > li {
            border-bottom: 1px solid #983741;
        }

            .global-nav > ul > li > a {
                font-size: 1.5em; /* 20 */
            }

            .global-nav > ul > li:last-child {
                border-bottom: 0;
            }

        .global-nav .sub-menu {
            overflow: hidden;
            height: 0;
            margin-left: -10px;
            margin-right: -10px;
            padding-left: 10px;
            padding-right: 10px;
            background-color: #810228;
        }

        .global-nav .active .sub-menu {
            height: auto;
        }

        .global-nav .sub-menu a {
            font-size: 1.25em; /* 16 */
        }
}

/* --- Exception Message Styles --- */
.template-text-not-found,
.template-exception {
    overflow: hidden;
    background-color: #ebe7e4;
    font-size: 1.167em; /* 14 */
    color: #454545;
    margin-left: -1em;
    margin-right: -1em;
    padding: 1em;
    font-family: "Times New Roman", Times, serif;
    display: none;
    visibility: hidden;
}

.template-text-not-found > span,
.template-exception > span {
        border: 0.1em solid #4d0017;
        background-color: #f9f7f6;
        padding: 0.5em;
        font-family: "Times New Roman", Times, serif;
        display: none;
        visibility: hidden;
    }

.content-not-found,
.breadcrumb-not-found,
.pagebanner-not-found,
.template-exception,
template-text-not-found {
    position: relative;
    padding: 0.5em 1em;
    font-family: Arial,Helvetica,sans-serif;
    /*color: #717225;*/
    color: Black;
    font-weight: 200;
    font-size: smaller;
    line-height: 0.8em;
    display: inline-block;
    width: 100%;
    overflow: visible;
    border: 0.1em outset #4d0017;
    border-radius: 0.1em;
    background: url('../images/exit.png') no-repeat right 0.8em top, linear-gradient(to bottom, #eeeeee, #fffffe);
    background-size: contain;
    display: none !important;
    visibility: hidden !important;
}

.content-not-found:hover {
        cursor: pointer;
        display: none !important;
        visibility: hidden !important;
    }

.breadcrumb-not-found,
.template-text-not-found {
    overflow: hidden;
    margin-left: -1em;
    margin-right: -1em;
    padding: 1em;
    background-color: #ebe7e4;
    font-size: 1.167em; /* 14 */
    color: #454545;
    display: none !important;
    visibility: hidden !important;
}

.pagebanner-not-found,
.template-text-not-found {
    display: inline-block;
    min-height: 3.5em;
    padding: 1em 1em;
    background: #c39d42;
    /* background: #af8900;*/
    margin-left: -1em;
    margin-right: -1em;
    font-family: "Times New Roman", Times, serif;
    color: #fff;
    font-size: 2.167em; /* 26 */
    line-height: 1.2;
    font-weight: normal;
    display: none !important;
    visibility: hidden !important;
}

/* --- Breadcrumbs --- */
#breadcrumb-container {
    overflow: hidden;
    margin-left: -15px;
    margin-right: -15px;
    padding: 15px;
    background-color: #ebe7e4;
    font-size: 1.167em; /* 14 */
    color: #454545;
}

#breadcrumb,
#breadcrumb-title,
#breadcrumb-container a {
        float: left;
        padding-left: 2px;
        padding-right: 2px;
}

#breadcrumb > span > a {
            display: inline;
            margin: 1px;
            font-weight: normal;
            color: #862633;
        }

#breadcrumb-link-back {
    padding: 1em 0 0;
    clear: both;
}

#breadcrumb-link-back a {
        float: none;
}

#breadcrumb-link-back a::after {
      content: '';
      cursor: pointer !important;
}

#breadcrumb-link-back a::before {
      content: '<';
      display: inline-block;
      margin: 0 0.4em 0 0;
      cursor: default !important;
      color: black;
}

#breadcrumb-link-back a:hover::after {
    cursor: pointer !important;
}

#breadcrumb-link-back a:hover::before {
     cursor: default !important;
}

div#breadcrumb-container.folder-bread-crumb {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

/*************************  these style only the BREADCRUM SEPERATORS **********************************************************************************/
.bread-crumb-item {
    display: inline;
    overflow: visible;
}

.breadcrumb-seperator {
    float: left;
    padding-left: 2px !important;
    padding-right: 0px !important;
    padding-top: 0px;
    padding-bottom: 0px;
    display: inline;
    margin: 0px;
}


/***************Folder Breadcrumb style is for the Ektron Folder Breadcrumb server control used on the Community and Prospective MailForm template. ********/

div#FolderBreadCrumb.bread-crumb-item {
    display: inline;
    overflow: visible;
}

div#FolderBreadCrumb.breadcrumb-seperator {
    float: left;
    padding-left: 2px !important;
    padding-right: 2px !important;
    padding-top: 0px;
    padding-bottom: 0px;
    display: inline;
    margin: 0px;
}

div#FolderBreadCrumb.folder-bread-crumb > span > a {
    display: inline;
    margin: 0px;
    font-weight: normal;
    color: #862633;
    text-decoration: underline;
}

div#FolderBreadCrumb.folder-bread-crumb > span > a:not(:last-child):after {
        content: '>';
        display: inline-block;
        padding: 0 0 0 0.2em;
        text-decoration: none !important;
        color: black;
        cursor: pointer !important;
    }

div#FolderBreadCrumb.folder-bread-crumb > span > a:not(:last-child):before {
        text-decoration: none !important;
        color: black;
        cursor: pointer !important;
    }

div#FolderBreadCrumb.folder-bread-crumb > span > a:not(:last-child):hover::after,
div#FolderBreadCrumb.folder-bread-crumb > span > a:not(:last-child):hover::before {
    cursor: pointer !important;
}

div#FolderBreadCrumb.folder-bread-crumb-link-back {
    padding: 1em 0 0;
    clear: both;
}

@media only screen and (min-width: 768px) {
    #breadcrumb-link-back {
        float: right;
        clear: none;
        padding: 0;
    }

        #breadcrumb-link-back a {
            margin-right: 0;
        }
}

/* --- Page Footer --- */

.page-footer-upper {
    padding: 1.75em 1.25em 4em;
    background-color: #e6e6e6;
    box-shadow: inset 0 8px 8px -5px rgba(0,0,0,0.2);
}

.page-footer-upper .list-title {
     margin: 0;
}

.page-footer-upper .list-plain a {
     color: #413839;
}

.page-footer-lower {
    overflow: hidden;
    position: relative;
    padding-top: 1.25em;
    padding-bottom: 1.25em;
    color: #fff;
    background: #862633;
}

.page-footer-lower a {
        font-weight: normal;
        text-decoration: underline;
        color: #fff;
    }

.footer-address {
    font-size: 1.333em; /* 16 */
}

.footer-address address,
.footer-address p {
   margin: 0;
  font-style: normal;
}

.footer-address::first-line {
   font-weight: bold;
}

.footer-give-now,
.page-footer .global-social {
    float: right;
}

.page-footer .global-social {
    clear: right;
    margin: 1.25em 15px 0 0;
}

@media only screen and (min-width: 768px) {
    .page-footer-lower:before {
        /* Flame */
        content: '';
        display: block;
        width: 176px;
        height: 105px;
        position: absolute;
        bottom: 0;
        left: 0;
        background: url('../images/mta-sprite.svg') no-repeat 0 -214px;
    }

    .no-svg .page-footer-lower:before {
        background-image: url('../images/mta-sprite.png');
    }

    .footer-address {
        padding-left: 180px;
        font-size: 1.167em; /* 14 */
    }
}
/* --- News Items --- */

.masonry-title h2 {
    font-family: Georgia, serif;
    font-size: 24px;
    font-weight: normal;
    color: #3F3F3F;
    display: inline-block;
    margin-right: 8px;
}

.masonry-title a {
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
}

.news-item-container {
    position: relative;
}

.feature-item-container {
    position: relative;
}

.twitter-item-container {
    position: relative;
}

.masonry-item {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    position: relative;
}

.masonry-listview {
    background-image: url('../images/news_shad2.png');
    background-repeat: repeat-x;
}

.news-masonry .more-btn {
    position: relative;
    margin: 1em 0 2em;
}

.less-btn {
    position: relative;
    margin: 1em 0 2em;
}

.news-masonry .chevron-116 {
    position: relative;
    top: auto;
    /*right: -15%;*/
    left: auto;
    right: auto;
    display: inline-block;
    z-index: 1;
}

.news-masonry .more-btn .chevron-116 {
    right: auto;
}

.less-btn {
    right: auto;
    left: auto;
}

.masonry-item a:link,
.masonry-item a:visited,
.masonry-item a:hover,
.masonry-item a:focus,
.masonry-item a:active {
    color: black;
    font-weight: normal;
}

.masonry-item a:link {
    text-decoration: none;
}

.masonry-article,
.masonry-twitter,
.masonry-feature {
    border-bottom: 1px solid #CCCDC8;
    background: -webkit-linear-gradient(rgba(220,220,220,1), rgba(220,220,220,0), rgba(220,220,220,0));
    background: linear-gradient(rgba(220,220,220,1), rgba(220,220,220,0), rgba(220,220,220,0));
}

.masonry-article p {
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        text-align: left;
        color: #413839;
    }

.masonry-feature p {
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        text-align: left;
        color: #413839;
    }
.masonry-article .image-wrapper,
.masonry-twitter .image-wrapper,
.masonry-feature .image-wrapper {
        position: relative;
        height: 0;
        margin-top: -27px;
        overflow: hidden;
    }

.masonry-feature .image-wrapper {
        padding-top: 76.388%; /* 288x220 px */
    }

.masonry-article .image-wrapper {
        padding-top: 41.667%; /* 288x120 px */
    }

.masonry-article img,
.masonry-twitter img,
.masonry-feature img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        padding-top: 10px;
        padding-right: 12px;
        padding-left: 12px;
    }

.page-main .masonry-article img,
.page-main .masonry-twitter img,
.page-main .masonry-feature img {
    margin: 0 !important;
}

.masonry-header {
    width: 955px;
    height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    /*make the header text look like the callout style in MTAWeb.css */
    color: #862633;
    font-family: "Times New Roman", Times, serif;
    font-size: 22px;
    line-height: 100%;
    text-align: left;
}

.masonry-listview {
    width: 955px;
    min-height: 80px;
    text-align: left;
}

/*
.masonry-listview:hover {
  background-color: #F8F8FF;
} */

.masonry-header-listview {
    position: relative;
    width: 955px;
    height: 80px;
    margin-top: 20px;
    margin-bottom: 5px;
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    background-image: url('../images/chev_shad.png');
    background-repeat: repeat-x;
}

.listview-date {
    float: left;
    width: 150px;
    margin-top: 15px;
    margin-left: 25px;
    padding-right: 25px;
    font-size: 16px;
    font-family: "Times New Roman", sans-serif;
    color: #413839;
}

.listview-title {
    float: left;
    width: 350px;
    margin-top: 15px;
    margin-left: 50px;
    font-size: 16px;
    font-family: "Times New Roman", sans-serif;
    color: #413839;
}

.listview-text {
    margin-top: 20px;
    float: left;
    margin-left: 250px;
    width: 600px;
    color: #413839;
}

.masonry-header-listview img {
    margin-left: 20px;
}

.month-label-list-view {
    position: absolute;
    left: 25px;
    top: 5px;
    color: #fff;
    font-size: 14px;
}

.masonry-hidden {
    width: 955px;
    display: none;
}

.view-selected {
    font-weight: bold;
}

.masonry-header {
    height: 32px;
}

.masonry-footer .load-mask {
    text-align: center;
    height: 160px;
    padding: 0px 16px 0px 16px;
}

.masonry-footer .more-btn {
    text-align: center;
    height: 32px;
}

.less-btn {
    text-align: center;
    height: 32px;
}

.masonry-list-item h3 {
    padding: 0;
    margin: 0;
}

.masonry-list-item p {
    font-weight: normal;
    color: #413839;
}

.show-more-news,
.news-wall-load-mask,
.archive-link,
.news-wall-error-message {
    width: 955px;
    text-align: center;
}

.news-wall-error-message {
    font-weight: bold;
    color: #8C1717;
}

.sidebar-section {
    margin: 0 0 2em;
    padding: 0 15px 15px;
    background: -webkit-linear-gradient(#eeeeee, #ffffff);
    background: linear-gradient(#eeeeee, #ffffff);
}

.sidebar-section ul {
        padding-left: 1em;
    }

.sidebar-section a {
        font-weight: normal;
    }

.rightnav_img_txt_valign {
    margin: 0 0 0.5em;
}

.rightnav_img_txt_valign img,
.rightnav_img_txt_valign span {
        display: inline-block;
        vertical-align: middle;
}

.rightnav_img_txt_valign img {
  margin-right: 0.25em;
}

.sidebar-quickfacts {
    text-align: center;
}

.sidebar_title {
    color: #862633;
    font-weight: bold;
    line-height: 1;
}
/* --- Events --- */

#events {
    margin-top: 1em;
}

#events_image_carousel {
    overflow: hidden;
}

#events_image_carousel img {
        margin: 0 !important;
    }

#events_image_carousel .cycle-pager {
        display: none;
}

.event-list-view-switcher {
    margin: 1em 0;
}

#event-calendar,
.submit-an-event {
    margin: 2em 0 0;
}

    .submit-an-event .mta-button {
        display: block;
        text-align: center;
    }

@media only screen and (max-width: 767px) {
    /* Loading spinner. Best way to target it, unfortunately. */
    .content img[src="http://25livepub.collegenet.com/images/spinner_trumba.gif"] {
        position: relative;
        display: block;
        width: 16px !important;
        height: 16px !important;
        margin: 0 auto !important;
    }

    .event-list-view-switcher,
    #events-right-side {
        display: none;
    }
}

.alumni-events-feed dt {
    float: left;
    clear: left;
    display: block;
    width: 48px;
    height: 48px;
    margin: 0 1em 2em 0;
    padding: 0.25em;
    background-color: #c39d37;
    text-align: center;
    color: #fff;
    font-weight: bold;
    line-height: 1.2;
}

.alumni-events-feed dd {
    margin: 0 0 2em;
    padding: 0;
}

.alumni-events-feed dd a {
        font-weight: normal;
        color: #4f4f4f;
}

.alumni-events-feed dd strong {
        display: block;
        font-weight: bold;
}

.alumni-events dl,
.alumni-volunteering dl {
    overflow: hidden;
}

.alumni-events dt,
.alumni-volunteering dt {
    color: #862633;
    text-transform: uppercase;
}

.alumni-events dt .small-heading,
.alumni-volunteering dt .small-heading {
        margin: 0;
    }

.alumni-events dd,
.alumni-volunteering dd {
    margin: 0.25em 0 0;
}

.alumni-events dd p,
.alumni-volunteering dd p {
        margin: 0;
    }

.alumni-events dd p + p,
.alumni-volunteering dd p + p {
            margin: 0.5em 0 0;
        }

.alumni-events dt + dd {
    font-weight: bold;
    text-transform: uppercase;
}

.alumni-events dd + dt,
.alumni-volunteering dd + dt {
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px solid #ccc;
}


@media only screen and (min-width: 768px) {
    .alumni-events dd + dt,
    .alumni-volunteering dd + dt {
        clear: left;
    }

    .alumni-events dt,
    .alumni-events dd,
    .alumni-volunteering dt,
    .alumni-volunteering dd {
        float: left;
        margin-top: 1em;
        padding-top: 1em;
        padding-right: 1em;
        border-top: 1px solid #ccc;
    }

        .alumni-events dt:first-child,
        .alumni-events dt:first-child + dd,
        .alumni-events dt:first-child + dd + dd,
        .alumni-volunteering dt:first-child,
        .alumni-volunteering dt:first-child + dd,
        .alumni-volunteering dt:first-child + dd + dd {
            padding-top: 0;
            border-top: 0;
        }

    .alumni-events dt,
    .alumni-volunteering dt {
        width: 25%;
    }

    .alumni-volunteering dd {
        width: 75%;
    }

    .alumni-events dt + dd {
        width: 25%;
    }

    .alumni-events dd + dd {
        width: 50%;
    }
}




/* --- Banner Image --- */

.banner-image {
    position: relative;
    overflow: hidden;
    margin-left: -15px;
    margin-right: -15px;
}

.banner-image img {
        display: none;
        max-width: 100%;
        height: auto;
    }

.banner-image-header,
#page-header-TextOnly {
    display: block;
    min-height: 55px;
    padding: 12px 15px;
    background: #c39d42;
}

#page-header-TextOnly {
    margin-left: -15px;
    margin-right: -15px;
    background: #af8900;
}

.banner-image-header h1,
#page-header-TextOnly .banner_text_rightside {
        margin: 0;
        font-family: "Times New Roman", Times, serif;
        color: #fff;
        font-size: 2.167em; /* 26 */
        line-height: 1.2;
        font-weight: normal;
    }

@media only screen and (min-width: 768px) {
    .banner-image {
        position: relative;
        height: 0;
        padding-top: 26.7%;
    }

        .banner-image img {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
        }

    .banner-image-header {
        position: absolute;
        left: 0;
        bottom: 0;
        padding: 0 15px;
        background: transparent;
    }

    #page-header-TextOnly {
        padding-top: 7px;
        padding-bottom: 7px;
    }

        .banner-image-header h1,
        #page-header-TextOnly .banner_text_rightside {
            font-size: 2.833em; /* 34 */
            line-height: 1.65;
        }

        #page-header-TextOnly .banner_text_rightside {
            text-align: right;
        }
}

@media only screen and (min-width: 850px) {
    .banner-image-header h1,
    #page-header-TextOnly .banner_text_rightside {
        line-height: 1.45;
    }
}

@media only screen and (min-width: 960px) {
    .banner-image-header h1,
    #page-header-TextOnly .banner_text_rightside {
        font-size: 3.5em; /* 42 */
        line-height: 1;
    }
}
/* --- Hero Carousel --- */

.cycle-slideshow {
    margin-bottom: 2em;
}

.cycle-slideshow > a {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 0;
    }

.cycle-slideshow > a img {
            display: block;
            width: 100%;
            height: auto;
            margin: 0 !important;
        }

.cycle-controls {
    z-index: 101;
    position: absolute;
    top: 15px; /* fallback for next line */
    top: calc(48.2vw - 35px);
    right: 15px;
}

.cycle-pager {
    display: inline-block;
    vertical-align: middle;
}

.cycle-pager span {
        display: block;
        float: left;
        width: 12px;
        height: 12px;
        margin-left: 6px;
        border-radius: 6px;
        background-color: #fff;
        text-indent: -9999px;
        cursor: pointer;
    }

.cycle-pager span.cycle-pager-active {
    background-color: #862633;
}

.cycle-pause {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-left: 16px;
    padding: 0;
    border: 0;
    border-radius: 10px;
    box-shadow: 0 0 1px 1px #fff;
    background: #862633 url('../images/mta-sprite.svg') no-repeat -95px -93px;
    text-indent: -9999px;
    cursor: pointer;
}

.cycle-pause.active {
   background-position: -53px -93px;
}

.no-svg .cycle-pause {
    background-image: url('../images/mta-sprite.png');
}

#cycle-caption {
    margin-bottom: 1em;
    padding: 15px;
    background-color: #c39d37;
}

.slide-title {
    margin: 0 0 0.5em;
    font-family: Georgia, serif;
    color: #fff;
    font-size: 2.167em; /* 26 */
    font-weight: normal;
    line-height: 1.1;
}

.slide-description {
    margin: 0;
    color: #fff;
    font-size: 1.333em; /* 16 */
}

@media only screen and (min-width: 768px) {
    .cycle-controls {
        top: auto;
        right: 20px;
        bottom: 15px;
    }

    #cycle-caption {
        position: absolute;
        z-index: 101;
        bottom: 66px;
        right: 0;
        width: 420px;
        margin: 0;
        padding: 20px 30px;
        background-color: rgba(195,157,55, 0.9);
    }

    .slide-title {
        font-size: 2.667em; /* 32 */
    }
}
/* --- Main Content --- */

.home-feature {
    margin-top: 2em;
}

.home-callout {
    margin: 0 0 15px;
    background-color: #862633;
    font-size: 1.5em; /* 18 */
}

.home-callout img,
.home-feature img {
        width: 100%;
        height: auto;
    }

.page-main .home-callout img {
    margin: 0 !important;
}

.home-feature .callout-title {
    margin: 0 0 0.5em;
}

.home-callout p {
    margin: 0px;
    padding: 4px 0 8px;
    font-weight: normal;
    text-align: center;
    color: #fff;
}

.home-callout a,
.home-callout a:hover,
.home-callout a:focus {
    text-decoration: none;
    color: #fff;
}

.home-events {
    margin: 3em 0 0;
}

    .home-events ul {
        list-style: none;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .home-events li {
        display: block;
        margin: 0;
        padding: 0 10px;
    }

        .home-events li a {
            font-family: "Times New Roman", Times, serif;
            font-size: 1.5em; /* 18 */
            font-weight: normal;
            line-height: 1.2;
        }

    .home-events .head {
        overflow: hidden;
        display: block;
        margin-bottom: 1em;
        padding: 10px;
        background-color: #862633;
    }

        .home-events .head h3 {
            float: left;
            margin: 0;
            color: #fff;
            font-size: 1.833em; /* 22 */
            font-family: "Times New Roman", Times, serif;
        }

        .home-events .head a {
            float: right;
            color: #fff;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 1em;
            font-weight: normal;
            line-height: 1.833;
        }

            .home-events .head a:hover,
            .home-events .head a:focus {
                text-decoration: none;
            }

@media only screen and (min-width: 768px) {
    .home-events {
        background: -webkit-linear-gradient(#eeeeee, #ffffff);
        background: linear-gradient(#eeeeee, #ffffff);
        background-clip: content-box;
    }

        .home-events li {
            float: left;
            width: 21.25%;
            padding: 15px;
        }
        
        .home-events .head + li {
            margin-left: 2%;
        }

            .home-events .head + li ~ li {
                margin-top: 0;
                border-top: 0;
                border-left: 1px solid #fff;
            }

        .home-events .head {
            position: relative;
            width: 13%;
            overflow: visible;
        }

            .home-events .head h3 {
                float: none;
            }

            .home-events .head a {
                float: none;
                display: block;
                margin-top: 2em;
            }

            .home-events .head:before,
            .home-events .head:after {
                content: '';
                display: block;
                position: absolute;
                z-index: 1;
                right: -20px;
                width: 20px;
                height: 50%;
            }

            .home-events .head:before {
                top: 0;
                background-image: linear-gradient(-110deg, rgba(134,38,51, 0) 19px, rgba(134,38,51, 1) 20px);
            }

            .home-events .head:after {
                top: 50%;
                background-image: linear-gradient(-70deg, rgba(134,38,51, 0) 18px, rgba(134,38,51, 1) 19px);
            }
}

#homepage_boxbanner_container {
    position: relative;
    overflow: hidden;
    height: 0;
    clear: both;
}

@media only screen and (min-width: 768px) {
    #homepage_boxbanner_container {
        height: auto;
        overflow: visible;
    }
}

#homepage_boxbanner_container ~ .mta-button {
    clear: both;
    display: block;
    margin: 20px 20px 0;
    text-align: center;
}

@media only screen and (min-width: 768px) {
    #homepage_boxbanner_container ~ .mta-button {
        margin-top: 10px;
    }
}

#homepage_boxbanner_container .slide {
    display: block;
    width: 100%;
    padding: 0 20px;
}

#homepage_boxbanner_image,
#homepage_boxbanner_image img {
    width: 100% !important;
    height: auto !important;
}

    #homepage_boxbanner_image a {
        display: block;
    }

#homepage_boxbanner_left,
#homepage_boxbanner_right {
    position: absolute;
    z-index: 101;
    top: 50%;
    width: 20px;
    margin-top: -10px;
    cursor: pointer;
}

#homepage_boxbanner_left {
    left: 0;
}

#homepage_boxbanner_right {
    right: 0;
}

#applynow {
    width: 290px;
    height: 26px;
    float: left;
    background-color: #862633;
    padding-left: 15px;
    padding-right: 12px;
    padding-top: 10px;
    margin-top: 7px;
    margin-bottom: 10px;
    margin-left: 10px;
    border-radius: 2px 2px 2px 2px;
}

    #applynow a {
        color: #ffffff;
        font-family: "Times New Roman", Times, serif;
        font-size: 20px;
        text-align: center;
        font-weight: normal;
    }

        #applynow a:hover {
            color: #ffffff;
            font-family: "Times New Roman", Times, serif;
            font-size: 20px;
            text-align: center;
            font-weight: normal;
        }

.content {
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 16px;
}

.news-notes {
    font-size: 16px;
}


table.page-main:not(.tablesorter-default) {
    width: 100% !important;
    height: auto !important;
    border: 0 !important;
}

    table.page-main:not(.tablesorter-default) tr,
    table.page-main:not(.tablesorter-default) td,
    table.page-main:not(.tablesorter-default) th {
        border: 0 !important;
    }


.page-main .callout_title,
.page-main .callout_title2,
.page-main .ps_2ndlevel_landing_textholder {
    margin-top: 1em;
    font-family: Georgia, serif;
    font-size: 1.375em; /* 22 */
    font-weight: normal;
    line-height: 1.369;
}

.page-main .callout_title {
    color: #862633;
}

.page-main .callout_title2 {
    color: #4f4f4f;
}


.page-main .callout_title > img,
.page-main .callout_title2 > img {
   margin-right: 1em !important;
   overflow:hidden !important;
}


.page-main .title-with-link h2,
.page-main .title-with-link .link {
    display: inline-block;
}

.page-main .title-with-link h2 {
    margin-bottom: 0.5em;
}

.page-main .title-with-link .link {
    margin-left: 0.5em;
    padding-left: 0.5em;
    border-left: 1px solid #4f4f4f;
    font-weight: normal;
    line-height: 1.2;
}

.page-main .subtitles {
    font-weight: bold;
    color: #862633;
}

/*.ps_2ndlevel_landing_body_single_image_holder_small {
  width: 100%;
  height: auto;
}*/

.page-main img {
    max-width: 100%;
}

.page-main #sidebar-share a {
    text-decoration: none;
}

.big-image-links {
    list-style: none;
    margin: 1em 0;
    padding: 0;
}

    .big-image-links li {
        position: relative;
        height: 0;
        margin-bottom: 2%;
        padding-top: 61.7%; /* 470 x 290 px images */
    }

    .big-image-links a {
        display: block;
    }

    .big-image-links img {
        display: block;
        width: 100%;
        height: auto;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 1;
        -webkit-transition: opacity 250ms ease-out;
        transition: opacity 250ms ease-out;
    }

.touch .big-image-links img {
    -webkit-transition-delay: 100s;
    transition-delay: 100s;
}

.big-image-links .back-side {
    opacity: 0;
}

.lt-ie9 .big-image-links .back-side {
    opacity: 0;
}

.big-image-links a:hover .front-side,
.big-image-links a:focus .front-side {
    opacity: 0;
}

.lt-ie9 .big-image-links a:hover .front-side,
.lt-ie9 .big-image-links a:focus .front-side {
    opacity: 0;
}

.big-image-links a:hover .back-side,
.big-image-links a:focus .back-side {
    opacity: 1;
}

.lt-ie9 .big-image-links a:hover .back-side,
.lt-ie9 .big-image-links a:focus .back-side {
    opacity: 1;
}

@media only screen and (max-width: 479px) {
    .page-main img {
        float: none !important;
        width: 100%;
        height: auto;
        margin: 0 0 1em !important;
    }

    .page-main #sidebar-share img {
        display: inline;
        width: auto;
        margin: 0 0.5em 0 0 !important;
    }
}

@media only screen and (max-width: 767px) {
    table.page-main:not(.tablesorter-default),
    table.page-main:not(.tablesorter-default) tr,
    table.page-main:not(.tablesorter-default) tr td {
        display: block;
        width: 100%;
        clear: both;
    }

        table.page-main:not(.tablesorter-default) td {
            margin: 1.5em 0;
        }

        table.page-main:not(.tablesorter-default) img[align="left"] {
            float: left !important;
            display: block;
            width: auto;
            margin: 0 1em 0.5em 0 !important;
        }
}

@media only screen and (min-width: 480px) {
    .page-main img[align="left"] {
        margin: 0 1em 1em 0 !important;
    }

    .page-main img[align="right"] {
        margin: 0 0 1em 1em !important;
    }

    .page-main img[align="null"] {
        margin: 0 0 1em !important;
    }

    .page-main img[align="left"],
    .page-main img[align="right"],
    .page-main img[align="null"] {
        max-width: 50%;
    }

    table.page-main:not(.tablesorter-default) img[align] {
        max-width: none;
    }

    .big-image-links li {
        width: 48%;
        float: left;
        margin: 0 2% 2% 0;
        padding-top: 29.616%; /* 470 x 290 px images * 48% */
    }
}

@media only screen and (min-width: 768px) {
    .content {
        margin-top: 2em;
        margin-bottom: 2em;
        padding-left: 20px;
        padding-right: 20px;
    }

    .alumni-wrapper.content {
        margin-top: 1em;
    }

    .ps_2ndlevel_landing_body_single_image_holder_small {
        width: 49%;
        margin: 0 0.5% 1%;
        float: left;
    }

        .ps_2ndlevel_landing_body_single_image_holder_small img {
            width: 100%;
            height: auto;
        }

    /* don't apply this style to the time table */
    table.page-main:not(.tablesorter-default):not(.gsc-table-result) td {
        width: auto;
    }

    table.page-main:not(.gsc-table-result) td {
        width: auto !important;
    }

    /* time tables */
    table.page-main:not(.tablesorter-default):not(.gsc-table-result) td:first-child + td:last-child {
        width: auto;
        padding-left: inherit;
    }

    /* end time tables */

}
/*******************************************************/
/* Faculty and Staff Bios*/
/*******************************************************/


.bread-Crumb-Bio-Personal-Name {
    font-size: 2.0em; /* 14 */
    color: #454545;
    float: right;
    text-align: right;
    overflow: hidden;
}

.bio-personal-heading {
    color: #862633;
    font-size: 1.9em;
    font-family: Georgia,serif;
    font-weight: 500;
    margin-bottom: 1em;
}

.content .bio-name {
    margin-bottom: 0;
}

.content .bio-title {
    margin-top: 0;
}

.content .bio-subtitle {
    margin-top: 0;
    color: #862633;
}

.content .bio-contact .bio-subtitle {
    margin: 1em 0 0.5em;
}

.bio-headshot img {
    width: 100%;
    height: auto;
}

.bio-container a {
    font-weight: normal;
}

.bio-container dl {
    margin: 0.5em 0;
}

.bio-container dt {
    font-weight: bold;
}

.bio-container dd {
    margin: 0 0 0.5em;
}

    .bio-container dd ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

.bio-collapsible-section .collapsible-trigger {
    position: relative;
    display: block;
    padding: 0.5em 15px;
    background-image: linear-gradient(to bottom, #eeeeee, #ffffff);
}

    .bio-collapsible-section .collapsible-trigger:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        right: 15px;
        width: 16px;
        height: 16px;
        margin-top: -8px;
        background-color: #862633;
        background: url('../images/mta-sprite.svg') no-repeat -13px -137px;
    }

    .bio-collapsible-section .collapsible-trigger.is-open:after {
        background-position: -55px -137px;
    }

.no-svg .bio-collapsible-section .collapsible-trigger:after {
    background-image: url('../images/mta-sprite.png');
}

.collapsible-content {
    overflow: hidden;
    padding: 0 15px;
}

    .collapsible-content > *:first-child {
        margin-top: 0;
    }

    .collapsible-content:focus {
        outline: 0;
    }

#stories-headerimage {
    position: relative;
    padding-left: 0;
    padding-right: 0;
}

    #stories-headerimage img {
        display: block;
        width: 100%;
        height: auto;
        margin: 0 !important;
        padding: 0 15px;
    }

.ps_story_headerimage_overlay {
    margin: 0;
    padding: 10px 15px;
    background-color: #862633;
    font-family: Georgia, Times, serif;
    font-size: 1.375em; /* 22 */
    font-weight: normal;
    color: #fff;
    line-height: 1.369;
}

@media only screen and (min-width: 768px) {
    #stories-headerimage {
        width: auto;
        float: none;
        margin: 0 -35px 1em;
    }

    .ps_story_headerimage_overlay {
        position: absolute;
        bottom: 15px;
        left: 15px;
        padding: 0 15px 0 35px;
        background-color: rgba(151, 1, 46, 0.8);
        font-size: 2.625em; /* 42 */
    }

    .story-article + .sidebar-container {
        margin-top: 2em;
    }
}

#requirements_selection,
#requirements-categories {
    padding: 15px;
    background-clip: content-box;
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top, #eeeeee, #ffffff);
    background-image: linear-gradient(to bottom, #eeeeee, #ffffff);
}

#requirements-categories {
    margin-bottom: 2em;
    background-clip: padding-box;
}

.requirements-group label.callout_title {
    display: block;
    white-space: nowrap;
    margin: 0.5em 0;
}

.requirements-group select {
    width: 100%;
}

#requirements-start-button .mta-button {
    margin: 1em 0 0;
}

@media only screen and (min-width: 768px) {
    #requirements-start-button .mta-button {
        margin: 2.2em 0 0 1em;
    }
}

#stories-contentbanner-container {
    background-clip: content-box;
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top, #eeeeee, #ffffff);
    background-image: linear-gradient(to bottom, #eeeeee, #ffffff);
}

#stories-contentbanner-image img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 1em;
}

#stories-contentbanner-quote {
    padding: 0 15px;
}

#stories-contentbanner-textbox {
    padding: 0 15px;
}

#stories-contentbanner-quote,
.ps_story_lead_in_title {
    margin: 0 0 0.5em;
    font-size: 1.375em; /* 22 */
    color: #4f4f4f;
    font-family: Georgia, Times, serif;
    line-height: 1.369;
}

.ps_story_lead_in_title {
    color: #862633;
}

.ps_stories_students_image img {
    margin-bottom: 0.5em !important;
}

.ps_story_readmore {
    margin: 1em 0 2em;
}

#stories-more {
    position: relative;
}

.more-stories-button {
    position: relative;
    top: auto;
    right: auto;
    margin: 0 auto 1em;
}

.category {
    margin: 1em 0;
    padding: 0 15px;
    overflow: hidden;
}

@media only screen and (min-width: 768px) {
    #stories-contentbanner-quote {
        padding: 15px 15px 0 0;
    }

    #stories-contentbanner-textbox {
        padding: 0 15px 15px 0;
    }

    .category {
        margin: 0 0 1em;
        padding: 30px;
        border-bottom: 1px solid #ddd;
        background-repeat: repeat-x;
        background-image: -webkit-linear-gradient(top, #eeeeee, #ffffff);
        background-image: linear-gradient(to bottom, #eeeeee, #ffffff);
    }

    .stories-rows-container {
        overflow: hidden;
    }

    .ps_stories_students_left_side,
    .ps_stories_students_right_side {
        clear: both;
        width: 50%;
        float: left;
        padding: 0 1em 1em 0;
    }

    .ps_stories_students_right_side {
        clear: none;
        float: right;
        padding: 0 0 1em 1em;
    }

    .ps_stories_students_image {
        width: 40%;
        float: left;
        padding-right: 1em;
    }

        .ps_stories_students_image img {
            display: block;
            width: 100%;
            height: auto;
            margin: 0 !important;
        }

    .ps_lead_in_text_student_story_left_side,
    .ps_lead_in_text_student_story_right_side {
        width: 60%;
        float: left;
    }
}





/* --- Alumni-specific Stuff --- */

.alumni-classes-chapters {
    margin: 1em 0;
}

@media only screen and (min-width: 768px) {
    .alumni-classes-chapters {
        margin-top: 2em;
    }
}

.alumni-classes-chapters > .row {
    padding-top: 15px;
    padding-bottom: 15px;
    border-width: 1px 0;
    border-style: solid;
    border-color: #d9d8d7;
    background-color: #f9f7f6;
}

    .alumni-classes-chapters > .row > div:first-child {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #d9d8d7;
    }

.alumni-classes-chapters .callout_title2 {
    margin: 0 0 0.25em;
}

.alumni-classes-chapters p {
    margin: 0.5em 0;
}

.alumni-classes-chapters select {
    display: block;
    width: 100%;
    margin: 0.5em 0 1.5em;
}

.alumni-classes-chapters .chapter-finder-country-select {
    float: left;
    width: 50%;
    margin-right: 5%;
}

.alumni-classes-chapters .chapter-finder-state-select {
    float: left;
    width: 45%;
}

.alumni-classes-chapters .mta-button {
    clear: both;
    display: block;
}

@media only screen and (min-width: 768px) {
    .alumni-classes-chapters > .row {
        border-width: 1px;
    }

        .alumni-classes-chapters > .row > div:first-child {
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: 0;
            border-right: 1px solid #d9d8d7;
        }

            .alumni-classes-chapters > .row > div:first-child + div p:first-of-type {
                min-height: 4em;
            }

    .alumni-classes-chapters + .row > .col-sm-4 h2 {
        margin-top: 0.5em;
    }

    .alumni-classes-chapters + .row > .col-sm-4 {
        margin-top: 1em;
    }

        .alumni-classes-chapters + .row > .col-sm-4 + .col-sm-4 {
            min-height: 295px;
            border-left: 1px solid #d9d8d7;
        }

    .alumni-wrapper.content ~ .news-masonry {
        border-top: 1px solid #d9d8d7;
    }
}

@media only screen and (min-width: 960px) {
    .alumni-classes-chapters > .row > div:first-child + div p:first-of-type {
        min-height: 2.5em;
    }

    .alumni-classes-chapters + .row > .col-sm-4 + .col-sm-4 {
        min-height: 350px;
        border-left: 1px solid #d9d8d7;
    }
}

.alumni-bios p:last-child {
    margin-bottom: 2em;
    padding-bottom: 1em;
    border-bottom: 1px solid #e5e0dc;
}

@media only screen and (min-width: 768px) {
    .alumni-bios p:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .alumni-bios .col-sm-12 > img {
        float: left;
        margin: 0 1.5em 1em 0;
        max-width: 320px;
    }
}





/* --- Program Tabs (from programTabs.css) --- */

.tabs {
    margin: 0px;
    padding: 0px;
}

    .tabs li {
        list-style: none;
        display: inline;
    }

#tabs {
    min-height: 40px;
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top, #eeeeee, #ffffff);
    background-image: linear-gradient(to bottom, #eeeeee, #ffffff);
}

#tab_box_left {
    width: 600px;
    float: left;
    padding-left: 20px;
    padding-top: 2px;
}

#tab_box_center {
    width: 4px;
    float: left;
    padding-left: 20px;
}

#tab_box_right {
    width: 260px;
    float: right;
    text-align: left;
}

.tab {
    display: block;
    line-height: 40px;
    text-align: center;
    font-weight: normal;
    color: #862633;
    cursor: pointer;
}

    .tab + .tab {
        border-top: 1px solid #fff;
    }

    .tab.on {
        background-color: #862633;
        color: white;
    }

#stories-menu-tabs .tab.on {
    background-color: #af8900;
    background-image: -webkit-linear-gradient(top, #9e7b00, #af8900);
    background-image: linear-gradient(to bottom, #9e7b00, #af8900);
}

#programs-menu-tabs,
#stories-menu-tabs {
    margin: 1em 0;
}

@media only screen and (min-width: 768px) {
    .tab {
        position: relative;
        float: left;
        padding: 0 20px;
        border-right: 1px solid #C2C2C2;
    }

        .tab:last-child {
            border-right: 0;
        }

        .tab + .tab {
            border-top: 0;
        }

        .tab.on:after {
            content: '';
            border-color: #862633 transparent transparent transparent;
            border-style: solid;
            border-width: 10px;
            width: 0;
            height: 0;
            position: absolute;
            bottom: -18px;
            right: 50%;
            margin-right: -10px;
        }

    #stories-menu-tabs .tab.on:after {
        border-top-color: #af8900;
    }

    #programs-menu-tabs,
    #stories-menu-tabs {
        height: 40px;
        margin-bottom: 0;
    }
}

#programs_intro{
    overflow: hidden;
    margin: 1em 0 2em;
}

#admission_requirements_container {
    overflow: hidden;
    margin: 1em 0 2em;
    display: none;
}


#programs_intro_image img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 1.5em !important;
}

@media only screen and (min-width: 768px) {
    #programs_intro_image {
        width: 42.5%;
        height: auto;
        float: left;
        margin: 0 1em 1em 0;
    }

        #programs_intro_image img {
            margin: 0 !important;
        }

    #programs_intro_text {
        margin-left: 45%;
    }
}

.programs_overview {
    font-size: 1.375em; /* 22 */
    color: #4f4f4f;
    font-family: "Times New Roman", Times, serif;
}

#programs-overview-text {
    margin: 1em 0;
    padding: 0 15px;
    overflow: hidden;
}

#programs_overview_right .mta-button {
    display: block;
    margin-bottom: 0.5em;
    text-align: center;
}

@media only screen and (min-width: 768px) {
    #programs-overview-text {
        margin: 0 0 1em;
        padding: 30px;
        border-bottom: 1px solid #ddd;
        background-repeat: repeat-x;
        background-image: -webkit-linear-gradient(top, #eeeeee, #ffffff);
        background-image: linear-gradient(to bottom, #eeeeee, #ffffff);
    }

    #programs_overview_left {
        float: left;
        width: 72%;
        min-height: 1px;
        padding-right: 2em;
    }

    #programs_overview_right {
        float: left;
        width: 28%;
        padding-left: 3%;
        border-left: 1px solid #ddd;
    }
}


/* --- Global Alert --- */
/*Notice*/
div.mta-alert {
    min-height: 80px;
    color: #fff;
    background-color: #282828;
}

    div.mta-alert > .col-xs-1 {
        padding-left: 0;
    }

    div.mta-alert div:nth-child(2) {
        margin-left: 2em;
        width: 75%;
    }


        div.mta-alert div:nth-child(2) p:first-child {
            font-size: 1.5em; /* 14 */
        }

        div.mta-alert div:nth-child(2) p {
            font-size: 1.2em; /* 14 */
        }

            div.mta-alert div:nth-child(2) p:last-child {
                font-size: 1.1em; /* 14 */
            }

    div.mta-alert p a {
        color: #c39d37;
        text-decoration: underline;
        font-weight: normal;
    }

    div.mta-alert p strong {
        color: #c39d37;
        font-size: 1.143em; /* 16 */
        text-transform: uppercase;
    }



    div.mta-alert div:first-child p:before {
        content: '';
        display: block;
        position: absolute;
        padding-right: 2em;
        top: 1.4em;
        left: 0.5em;
        width: 5em;
        height: 5em;
        background: url('../images/mta-sprite.svg') no-repeat -590px -270px;
    }

.no-svg .mta-alert p:first-child:before {
    background-image: url('../images/mta-sprite.png');
}

.mta-alert .close {
    -webkit-appearance: none;
    -moz-appearance: none;
    float: right;
    padding: 0.5em 0 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    font-weight: bold;
    font-size: 1.6em;
    color: #c39d37;
}

    .mta-alert .close:hover,
    .mta-alert .close:focus {
        color: #fff;
    }

@media only screen and (min-width: 768px) {
    div.mta-alert > div:first-child > p {
        margin-left: 5em;
    }

        div.mta-alert > div:first-child > p:first-child:before {
            margin-left: 2em;
        }

    .mta-alert .close {
        float: right;
        margin-right: 0em;
    }
}

/* warnings */
.mta-priority-alert-wrapper {
    z-index: 1000;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

    .mta-priority-alert-wrapper .backdrop {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000;
        background-color: rgba(0,0,0, 0.8);
    }

.mta-priority-alert {
    position: absolute;
    top: 1em;
    right: 1em;
    left: 1em;
    padding: 0 1em 1em;
    border-radius: 0.2em;
    background-color: white;
    box-shadow: 0 0 1em 0.5em rgba(0, 0, 0, 0.3);
}

    .mta-priority-alert .close {
        -webkit-appearance: none;
        -moz-appearance: none;
        position: absolute;
        top: -1em;
        right: -1em;
        display: block;
        width: 2.3em;
        height: 2.3em;
        margin: 0;
        padding: 0;
        border: 0.06em solid #fff;
        border-radius: 1.25em;
        background-color: #862633;
    }

        .mta-priority-alert .close:after {
            content: 'X';
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            display: block;
            color: #fff;
            font-size: 1.8em !important;
            font-weight: bolder !important;
            line-height: 1.25em;
            text-align: center;
            text-indent: 0.04em;
        }

.mta-priority-alert-content {
    padding: 1em 0em 0em 1.5em;
}

    .mta-priority-alert-content h2 {
        font-size: 1.833em; /* 22 */
        font-weight: normal;
        font-family: Georgia, serif;
        color: #862633;
    }

    .mta-priority-alert-content p {
        font-size: 1.333em; /* 16 */
    }

@media only screen and (min-width: 768px) {
    .mta-priority-alert {
        top: 20%;
        right: 25%;
        left: 25%;
        min-height: 18em;
        padding: 0 2em 1em 2em;
    }

        .mta-priority-alert .close {
            top: -1em;
            right: -1em;
        }
}


/* --- Video Container --- */

.content iframe {
    border: 0;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .video-container iframe,
    .video-container object,
    .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }



/* --- Forms --- */

input[size="2"] {
    display: inline-block;
    width: auto;
    margin-left: 0.2em;
}

input[type="radio"],
input[type="checkbox"] {
    margin-right: 0.4em;
}

@media only screen and (max-width: 767px) {
    input[type="text"],
    input[type="password"],
    input[type="email"],
    textarea {
        display: block;
        width: 100% !important;
    }
}

/* --- Donation  Form--- */
.alumni-donation-form fieldset {
    border: none;
}

.alumni-donation-form .information {
    padding-bottom: 10px;
    border-bottom: 1px solid #d9d8d7;
}

.alumni-donation-form sup {
    color: #97012e;
}

.alumni-donation-form .calendar-icon {
    background: url('../images/mta-sprite.svg') no-repeat;
    background-size: 640px 320px;
    background-position: -8px -171px;
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    right: 0;
    top: 5px;
}

.no-svg .alumni-donation-form .calendar-icon {
    background: url('../images/mta-sprite.png') no-repeat;
    background-position: -8px -171px;
    width: 25px;
    height: 25px;
}

.alumni-donation-form .recurring-total {
    background: #ebe7e4;
    border: 1px solid #d9d8d7;
    padding: 10px 20px;
    font-size: 18px;
}

    .alumni-donation-form .recurring-total span {
        color: #97012e;
    }

.alumni-donation-form #donation-form {
    margin-top: 20px;
}

.alumni-donation-form legend {
    background: #ebe7e4;
    border: 1px solid #d9d8d7;
    font-size: 22px;
    width: 100%;
    padding: 20px;
    margin-bottom: 20px;
}

.field {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
}

    .field:before,
    .field:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .field:after {
        clear: both;
    }

    .field textarea,
    .field select {
        -webkit-appearance: none;
        -moz-appearance: none;
        width: 100%;
        outline: none;
    }

    .field label {
        display: block;
    }

    .field select {
        background: transparent;
        border: none;
        position: absolute;
        height: 40px;
        width: 100%;
    }

        .field select option {
            position: relative;
            left: -20px;
        }

    .field textarea {
        padding: 10px 20px;
        min-height: 100px;
    }

    .field .select-wrapper,
    .field textarea,
    .field input[type="text"] {
        box-shadow: none;
        border: 1px solid #d9d8d7;
        background: #f9f9f9;
        font-size: 16px;
        padding: 0 20px;
        width: 100%;
    }

div.select-wrapper > select.select-wrapper {
    border: none;
}

    /*Alumni donation select text color*/
    div.select-wrapper > select.select-wrapper > option {
        color: #717275;
    }

.field .select-wrapper,
.field textarea,
.field input[type="text"] {
    font-size: 13px;
}

.field .select-wrapper,
.field textarea,
.field input[type="text"] {
    font-size: 13px;
}

.field .select-wrapper,
.field textarea,
.field input[type="text"] {
    font-size: 13px;
}

.field .select-wrapper,
.field textarea,
.field input[type="text"] {
    font-size: 13px;
}

.field .select-wrapper,
.field input[type="text"] {
    height: 40px;
}

.field input[type="radio"],
.field input[type="checkbox"] {
    display: none;
}

.lt-ie9 .field input[type="radio"],
.lt-ie9 .field input[type="checkbox"] {
    display: inline-block;
    float: left;
    position: absolute;
    opacity: 0;
    opacity: 0;
    outline: none;
}

.field input[type="radio"] + label,
.field input[type="checkbox"] + label {
    position: relative;
    padding-left: 35px;
}

    .field input[type="radio"] + label:before,
    .field input[type="checkbox"] + label:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: url('../images/mta-sprite.svg') no-repeat;
        background-size: 640px 320px;
        background-position: -133px -89px;
        width: 27px;
        height: 27px;
    }

.no-svg .field input[type="radio"] + label:before,
.no-svg .field input[type="checkbox"] + label:before {
    background: url('../images/mta-sprite.png') no-repeat;
    background-position: -133px -89px;
    width: 27px;
    height: 27px;
}

.field input[type="radio"]:checked + label:before,
.field input[type="checkbox"]:checked + label:before {
    background: url('../images/mta-sprite.svg') no-repeat;
    background-size: 640px 320px;
    background-position: -133px -131px;
    width: 27px;
    height: 27px;
}

.no-svg .field input[type="radio"]:checked + label:before,
.no-svg .field input[type="checkbox"]:checked + label:before {
    background: url('../images/mta-sprite.png') no-repeat;
    background-position: -133px -131px;
    width: 27px;
    height: 27px;
}

.lt-ie9 .field input[type="radio"] {
    display: inline;
}

    .lt-ie9 .field input[type="radio"] + label {
        padding-left: 5px;
    }

        .lt-ie9 .field input[type="radio"] + label:before,
        .lt-ie9 .field input[type="checkbox"] + label:before {
            display: none;
        }

.field .date {
    position: relative;
    top: -10px;
    width: 100%;
}

    .field .date label {
        display: none;
    }

.field.inline {
    width: 50%;
    float: left;
}

.field.pull-right {
    width: 100%;
}

.field.error input[type="text"],
.field.error .select-wrapper,
.field.error .chevron,
.field.error textarea {
    border-color: #97012e;
}

.field.error input[type="text"],
.field.error .select-wrapper,
.field.error .chevron,
.field.error textarea {
    color: #97012e;
}

.field.error input[type="text"],
.field.error .select-wrapper,
.field.error .chevron,
.field.error textarea {
    color: #97012e;
}

.field.error input[type="text"],
.field.error .select-wrapper,
.field.error .chevron,
.field.error textarea {
    color: #97012e;
}

.field.error input[type="text"],
.field.error .select-wrapper,
.field.error .chevron,
.field.error textarea {
    color: #97012e;
}

    .field.error .chevron:after {
        background: url('../images/mta-sprite.svg') no-repeat;
        background-size: 640px 320px;
        background-position: -99px -151px;
        width: 11px;
        height: 7px;
    }

.no-svg .field.error .chevron:after {
    background: url('../images/mta-sprite.png') no-repeat;
    background-position: -99px -151px;
    width: 11px;
    height: 7px;
}

@media only screen and (min-width: 768px) {
    .field.pull-right,
    .field.inline {
        float: left;
        margin-right: 30px;
        width: auto;
    }

    .field .date {
        top: -23px;
    }

        .field .date:before,
        .field .date:after {
            content: " ";
            /* 1 */
            display: table;
            /* 2 */
        }

        .field .date:after {
            clear: both;
        }

        .field .date .field {
            float: left;
            padding-right: 20px;
        }

        .field .date .select-wrapper select {
            width: 200%;
        }

        .field .date .select-wrapper.month {
            width: 180px;
        }

        .field .date .select-wrapper.day {
            width: 100px;
        }

        .field .date .select-wrapper.year {
            width: 180px;
        }
}

.security-badge {
    position: relative;
    width: 200px;
    padding-left: 40px;
}

    .security-badge img {
        position: absolute;
        width: auto;
        left: 0;
        top: 3px;
    }

#donation-info:before,
#donation-info:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

#donation-info:after {
    clear: both;
}

#personal-info:before,
#personal-info:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

#personal-info:after {
    clear: both;
}

#submission-info {
    background: #ebe7e4;
    border: 1px solid #d9d8d7;
    font-size: 22px;
    width: 100%;
    padding: 20px;
    display: table;
}

    #submission-info:before,
    #submission-info:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    #submission-info:after {
        clear: both;
    }

    #submission-info p {
        margin: 0 0 10px 0;
        text-align: center;
    }

    #submission-info input[type="submit"] {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        font-weight: normal;
        text-transform: none;
        padding: 15px;
        text-align: center;
        display: block;
        margin: 0 auto;
    }

@media only screen and (min-width: 768px) {
    #submission-info p {
        float: left;
        margin: 0;
        display: table-cell;
        vertical-align: middle;
        line-height: 60px;
    }

    #submission-info input[type="submit"] {
        float: right;
        display: table-cell;
        vertical-align: middle;
    }
}

.select-wrapper {
    position: relative;
    overflow: hidden;
}

    .select-wrapper select {
        z-index: 1;
    }

    .select-wrapper .chevron {
        height: 40px;
        width: 40px;
        border-left: 1px solid #d9d8d7;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 0;
    }

        .select-wrapper .chevron:after {
            content: '';
            background: url('../images/mta-sprite.svg') no-repeat;
            background-size: 640px 320px;
            background-position: -99px -133px;
            width: 11px;
            height: 7px;
            position: absolute;
            top: 18px;
            right: 14px;
        }

.no-svg .select-wrapper .chevron:after {
    background: url('../images/mta-sprite.png') no-repeat;
    background-position: -99px -133px;
    width: 11px;
    height: 7px;
}
/**
 * Html5 Placeholder Polyfill - v2.0.9 - 2014-01-21
 * web: http://blog.ginader.de/dev/jquery/HTML5-placeholder-polyfill/
 * issues: https://github.com/ginader/HTML5-placeholder-polyfill/issues
 * Copyright (c) 2014 Dirk Ginader; Licensed MIT, GPL
 */
span.placeholder {
    position: absolute;
    font-size: 75%;
    color: #999;
    font-family: sans-serif;
    padding: 4px 3px;
    z-index: 1;
    cursor: text;
}

span.placeholder-hide-except-screenreader {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}

span.placeholder-hide {
    display: none;
}

label.visuallyhidden-with-placeholder {
    height: auto !important;
    overflow: visible !important;
    position: absolute !important;
    left: -999em;
}

/* unsupported browser */

.logo-overlay {
    border-style: none;
    position: absolute;
    z-index: 999;
    top: 0px;
    left: 10px;
    height: 167px;
    width: 248px;
}

#message {
    height: 600px;
    padding-top: 100px;
}

#unsupported-intro {
    font-size: 18px;
    font-weight: normal;
    padding-left: 37px;
}

#supported-browsers {
    padding-top: 20px;
    padding-left: 50px;
}

#currently-supported {
    font-size: 14px;
    font-weight: bold;
}

#windows-supported {
    font-size: 14px;
    font-weight: normal;
}

#mac-supported {
    font-size: 14px;
    font-weight: normal;
}

.supported-item {
    padding-left: 20px;
}

.supported-item a {
   font-family: Arial, Helvetica, Sans-Serif;
   text-decoration: none;
   font-weight: bold;
}

.supported-item a:hover {
    text-decoration: underline;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #413839;
    font-weight: bold;
}

#page-container {
    width: 100%;
    background-image: url("../images/bground.jpg");
    overflow: hidden;
}

::-ms-clear {
    display: none;
}

a.mta-body-text-link {
    font-family: Arial, Helvetica, sans-serif;
}

a.mta-body-text-link{
    font-weight: normal;
    text-decoration: underline;
    color: #4d0017;
}

a.mta-body-text-link:hover {
     font-weight: normal;
     text-decoration: underline;
     color: #413839;
}