/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
    position: relative;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* Foundation Overrides */
.columns.nopadding {
    padding-left: 0;
    padding-right: 0;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
button:active,
.button:active {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media only screen {
    .column, .columns {
        padding-left: .60em;
        padding-right: .60em;
    }

    .row .row {
        margin-left: -0.60em;
        margin-right: -0.60em;
    }
}

/* ==========================================================================
   Custom Fonts
   ========================================================================== */

@font-face {
    font-family: 'ptsansbold';
    src: url('/assets/fonts/ptsans-bold-webfont.eot');
    src: url('/assets/fonts/ptsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/ptsans-bold-webfont.woff') format('woff'),
         url('/assets/fonts/ptsans-bold-webfont.ttf') format('truetype'),
         url('/assets/fonts/ptsans-bold-webfont.svg#ptsansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ptsansbolditalic';
    src: url('/assets/fonts/ptsans-bolditalic-webfont.eot');
    src: url('/assets/fonts/ptsans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/ptsans-bolditalic-webfont.woff') format('woff'),
         url('/assets/fonts/ptsans-bolditalic-webfont.ttf') format('truetype'),
         url('/assets/fonts/ptsans-bolditalic-webfont.svg#ptsansbolditalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ptsansregular';
    src: url('/assets/fonts/ptsans-regular-webfont.eot');
    src: url('/assets/fonts/ptsans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/ptsans-regular-webfont.woff') format('woff'),
         url('/assets/fonts/ptsans-regular-webfont.ttf') format('truetype'),
         url('/assets/fonts/ptsans-regular-webfont.svg#ptsansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ptsansitalic';
    src: url('/assets/fonts/ptsans-italic-webfont.eot');
    src: url('/assets/fonts/ptsans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/ptsans-italic-webfont.woff') format('woff'),
         url('/assets/fonts/ptsans-italic-webfont.ttf') format('truetype'),
         url('/assets/fonts/ptsans-italic-webfont.svg#ptsansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html,
button,
input,
select,
textarea {
    color: #6f6f6f;
}

body {
    font-size: 18px;
    line-height: 30px;
    font-family: "ptsansregular",Arial;
    font-weight: 300;
    background-image: url(/assets/images/bump_background.jpg);
    cursor: auto;
}

.ui-widget {
    font-family: "ptsansregular",Arial;
    font-size: 14px;
    line-height: 18px;
}

.ie8 body {
    min-width: 980px;
}

a, a:visited {
    color: #507d97;
}

a:hover {
    color: #620e0e;
}

h1, h2, h3, h4, h5 {
    margin: 0;
    color: #000000;
    font-weight: normal;
    font-family: 'Rokkitt', serif;
}

h1 {
    font-size: 47px;
    line-height: 53px;
}

.ie8 h1 {
    line-height: 53px;
}

h2 {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 10px;
    color: #620e0e;
}

.ie8 h2 {
    line-height: 40px;
}

h3 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    color: #232020;
}

.ie8 h3 {
    line-height: 30px;
}

h4 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 5px;
    color: #646263;
}

.ie8 h4 {
    line-height: 24px;
}

h5 {
    font-size: 17px;
    line-height: 23px;
    margin-bottom: 5px;
}

.ie8 h5 {
    line-height: 23px;
}

blockquote {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    color: #231f20;
    background-color: #fff;
    border-top: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-left: 3px solid #620e0e;
    padding: 30px;
}

ol li {
    margin-left: 20px;
}

table {
    width: 100%;
    margin-bottom: 10px;
    font-size: 16px;
}

table th .smaller {
    font-size: 10px;
    font-weight: normal;
}

.image_caption {
    min-width: 150px;
    min-height: 200px;
    text-align: center;
    margin-top: 10px;
    border: 1px dashed #999; /* For WYGWAM */
}

a.tooltip_trigger {
    font-size: 12px;
    line-height: 12px;
    display: inline-block;
    margin-left: 5px;
    padding: 2px 5px;
    background-color: #507d97;
    color: #fff;
    position: relative;
    bottom: 2px;
}

/* Responsive YouTube Videos */
.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%;
}

#main_content .image_caption {
    border: none;
}

.image_caption img {
    width: 200px !important; /* To subvert the user's attempts to make this larger/smaller */
    height: auto !important;
}

.image_caption p {
    margin: 0;
}

.image_caption p:last-child {
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
}

.featured_photo_container {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
    width: 100%;
}

.featured_caption p {
    margin-left: 20px;
}

.floatright {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
}

.floatleft {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

div.clear {
        clear: both;
        width: 0px;
        height: 0px;
}

/* Form Defaults */
textarea {
    height: 100px;
}

label.error {
    margin-top: -10px;
}

.ff_composer li label.error {
    margin: 0 0 0 10px;
}

li > label {
    display: inline;
}

#main_content .copy .ff_composer ul {
    margin: 5px 0 0 10px;
}

#main_content .copy .ff_composer ul li {
    margin: 0;
}

#main_content .copy .ff_composer ul li:before {
    content: "";
}

.ff_composer p.submit {
    margin-top: 20px;
}

.ff_composer p.submit input {
    margin-left: auto;
    margin-right: auto;
}

.ie8 .ff_composer .submit,
.ie9 .ff_composer .submit {
    text-align: center;
}

.ie8 .ff_composer .button,
.ie9 .ff_composer .button {
    display: inline-block !important;
}

.ie8 select {
    height: 2.5em;
}

/* Reusable Components */
.button {
    display: table;
    border: 0;
    border-radius: 5px;
    font-size: 18px;
    line-height: 18px;
    font-family: "Rokkitt";
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
    transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
}

.ie8 .button {
    display: table !important;
}

input.button {
    padding: 10px 20px;
}

.button span {
    text-align: center;
    display: table-cell;
    padding: 10px;
    vertical-align: middle;
}

.button i {
    width: 38px;
    line-height: 42px;
    padding: 0;
    display: table-cell;
    vertical-align: middle;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
}

.button.blue {
    color: #fff;
    background-color: #507d97;
}

.button.blue i {
    color: #5e93b1;
    background-color: #3d6984;
}

.button.blue:hover {
    background-color: #3d6984;
}

.button.blue:hover i {
    color: #2f5a74;
    background-color: #507d97
}

.button.gray {
    background-color: #b9b9b9;
    color: #232020;
}

.button.gray i {
    color: #e8e8e8;
    background-color: #a9a9a9;
}

.button.gray:hover {
    background-color: #3d6984;
    color: #fff;
}

.button.gray:hover i {
    color: #2f5a74;
    background-color: #507d97
}

.button.red {
    color: #fff;
    background-color: #cb3d40;
}

.button.red i {
    color: white;
    background-color: #701010;
}

.button.red:hover {
    background-color: #701010;
}

.button.red:hover i {
    color: #701010;
    background-color: #cb3d40;
}

.read_more {
    font-family: "Rokkitt";
}

.read_more i {
    font-size: 14px;
    color: #620e0e;
}

/* Person Directory */
.person_directory article {
    padding: 24px 0 30px 0;
    border-top: 1px solid #3d3d3b;
}

.person_directory h4 {
    display: inline-block;
    margin: 0 0 23px 0;
}

.person_directory .contact {
    float: right;
    margin-right: 4px;
}

.person_directory .contact a i {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding-left: 10px;
    margin-right: -4px;
    color: #620e0e;
}

.person_directory .contact a.phone i {
    margin-right: 3px;
}

.person_directory .contact a:first-child {
    border-right: 1px solid #cccccc;
    padding-right: 10px;
}

.person_directory .excerpt {
    font-size: 14px;
}

.person_directory .details p:last-child {
    margin-bottom: 0;
}

/* Person */
.person .contact a {
    margin-bottom: 10px;
}

.person .department {
    margin: 0 0 20px 0;
}

.person .photo img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.ie8 .person .photo img {
    width: 208px;
}

.person .contact {
    margin-top: 20px;
}

.person .contact .button {
    width: 100%;
}

/* Meet A Mustang Details */
.person.roster p {
    margin: 0 0 10px 0;
}

/* Tabs */
.tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    font-family: "Rokkitt";
}

#main_content .copy ul.tabs li,
ul.tabs li {
    display: inline-block;
    width: 49%;
    margin: 0;
}

#main_content .copy ul.tabs li:before {
    content: '';
}

.tabs a {
    display: block;
    border-radius: 5px;
    background-color: #fff;
    color: #507d97;
    border: 1px solid #d9d9d9;
    position: relative;
    padding: 7px;
}

.tabs .here a,
.tabs a:hover {
    color: #fff;
    background-color: #620e0e;
    border: 1px solid #620e0e;
}

.tabs .indicator {
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 7px 6.5px 0 6.5px;
    border-color: #620e0e transparent transparent transparent;
    margin-left: auto;
    margin-right: auto;
}

/* Accordions */
.accordion section > a {
    display: table;
    width: 100%;
    /*
    display: block;
    padding: 10px 0 10px 13px;
    */
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    background-color: #e8e8e8;
}

.accordion section > a:hover,
.accordion section > a.open {
    background-color: #507d97;
    border: 1px solid #3d6984;
}

.accordion section > a h2,
.accordion section > a .indicator {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    /*
    display: block;
    */
    font-size: 18px;
    line-height: 18px;
    /*padding: 0;*/
    padding: 10px 13px;
    margin: 0;
    color: #507d97;
    font-family: "ptsansregular",Arial;
}

.accordion section > a:hover h2,
.accordion section > a.open h2,
.accordion section > a:hover i,
.accordion section > a.open i {
    color: #fff;
}

.accordion section > a .indicator {
    width: 40px;
    /*display: inline-block;
    margin-left: -5px;
    float: right;
    */
    background-color: #d9d9d9;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    /*
    position: relative;
    top: -10px;
    */
}

.program-type {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    float: right;
    margin-right: 2px;
    text-align: center;
    line-height: 20px;
}

.program-type:before {
    display: block;
    font-size: 12px;
    line-height: 20px;
    color: #000;
}

.program-type.major {
    background: #ec4040;
}

.program-type.major:before {
    content: 'M';
    color: #fff;
}

.program-type.minor {
    background: #3bc3db;
}

.program-type.minor:before {
    content: 'm';
}

.program-type.interdisciplinary,
.program-type.z-interdisciplinary {
    background: #fde102;
}

.program-type.interdisciplinary:before,
.program-type.z-interdisciplinary:before {
    content: 'I';
}

.program-key {
    margin-bottom: 10px;
}

.program-key .program-type {
    position: relative;
    float: none;
    margin-right: 0;
    top: -1px;
}

.program-key .program-key-item {
    float: left;
    margin-right: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    font-size: 14px;
}

.accordion section > a:hover .indicator,
.accordion section > a.open  .indicator {
    background-color: #3d6984;
}

.accordion article {
    display: none;
    overflow: hidden;
    margin: 30px 10px;
}

.accordion article ul:first-child {
    margin-top: 0 !important;
}

.accordion article ul:last-child {
    margin-bottom: 0 !important;
}

.accordion article img {
    display: block;
    width: 220px;
    float: right;
    margin: 5px 0 20px 20px;
}

.accordion article p {
    font-size: 14px;
}

.accordion article p .read_more {
    font-size: 18px;
    margin-right: 15px;
}

/* Columnized Lists */
ul.split-3,
ol.split-3 {
    width: 33%;
    float: left;
    padding: 0 10px;
}

/* Foundation Overrides */
.row {
    max-width: 960px;
}

input[type="text"]:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.container,
.row .container,
.row .row.container {
    width: 100%;
    max-width: 960px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

/* Header Alert */
body > .alert {
    background: #f9ce03;
    padding-top: 20px;
    padding-bottom: 20px;
}

body > .alert h3 {
    color: #ee4e34;
    margin: 0;
    padding: 0;
}

body > .alert .alert_content {
    font-size: 14px;
    margin-bottom: 10px;
}

body > .alert .read_more {
    margin-top: 0;
    margin-bottom: 0;
}

/* Header */
body > header {
    border-top: 8px solid #620e0e;
    background-color: #fff;
}

body > header.landing {
    padding-bottom: 25px;
}

body.athletics > header {
    border-top: 8px solid #0d0c0c;
    background-color: #701010;
}

.ie8 body.athletics > header {
    background-color: #530c0c;
}

body > header .logo {
    width: 319.5px;
    height: 78.5px;
    display: block;
    margin-top: 12px;
}

body.athletics > header .logo {
    width: 317.5px;
    height: 169.5px;
    margin: 14px 0 15px 0;
}

body.athletics.subpage > header .logo {
    width: 165px;
    height: 88px;
}

.ie8 body.athletics.subpage > header .logo img {
    width: 165px;
    height: 88px;
}

/* Aux Nav */
#aux_nav {
    text-align: right;
    padding: 10px 0 0 0;
    font-size: 14px;
}

#aux_nav ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
}

#aux_nav ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 10px;
}

#aux_nav .aux1 {
    margin-bottom: 20px;
    margin-right: 25px;
}

body.athletics #aux_nav a:hover {
    color: #ffde00;
}

body.athletics #aux_nav .aux2 {
    margin-top: 115px
}

body.athletics.subpage #aux_nav .aux2 {
    margin-top: 33.5px
}

/* Search */
.search {
    display: table;
    float: right;
}

.ie8 .search,
.ie9 .search {
    width: 173px;
}

.search .search_box {
    width: 100%;
    display: table-cell;
    height: 31px;
    margin: 0;
    border: 1px solid #91b7af;
    -webkit-appearance: none;
    border-radius: 0;
}

.search .search_button {
    width: 30px;
    height: 30px;
    color: #a8becb;
    font-weight: bold;
    font-size: 14px;
    line-height: 28px;
    background-color: #507d97;
    display: table-cell;
    vertical-align: middle;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0 8px;
}

.search .search_button i {
    line-height: 10px;
}

.search .search_button:hover {
    background-color: #3d6984;
}

.search .search_button:hover i {
    color: #fff;
}

/* Mobile Nav Button */
#mobile_nav_button a {
    font-size: 33px;
    line-height: 33px;
    color: #507d97;
    display: none;
}

/* Main Nav */
#main_nav {
    background-color: #000;
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

#main_nav,
#man_nav > ul {
    text-align: center;
}

#main_nav .sf-menu {
    display: block;
    width: 100%;
}

#main_nav .sf-menu li {

}

#main_nav .sf-menu > li {
    display: block;
    width: calc(99.999% / 8);
    float: left;
}

#main_nav .sf-menu > li > a {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 19px;
    font-family: 'Rokkitt', serif;
    padding: 0;
    cursor: pointer;
    border-left: 1px solid #585654;
    height: 77px;
    line-height: 77px;
}

#main_nav .sf-menu > li:first-child > a {
    border-left: none;
}

#main_nav .sf-menu > li > a > span {
    display: inline-block;
    vertical-align: middle;
    line-height: 19px;
    padding: 12px 10px 8px 10px;
}

#main_nav .sf-menu > li.here > a,
#main_nav .sf-menu > li.here:hover > a,
#main_nav .sf-menu > li.parent-here > a,
#main_nav .sf-menu > li.parent-here:hover > a {
    background-color: #701010;
    color: #fff;
}

#main_nav .sf-menu > li:hover > a {
    color: #ffde00;
}

.sf-menu li ul {
    border-radius: 0;
    background-color: #232020;
    left: 0;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    top: 77px;
}

.sf-menu li.sfHover ul.listCol1,
.sf-menu li.sfHover ul.listCol2 {
    display: block !important;
}

.sf-menu li.last.sfHover ul {
    left: auto;
    right: 0;
}

.sf-menu .listContainer2 {
    width: 400px;
    display: block;
    position: absolute;
    left: auto;
    right: 0;
    top: 66px;
}

.sf-menu li.sfHover ul.listCol1 {
    left: -100px;
}

.sf-menu li.last.sfHover ul.listCol1 {
    top: 0;
    left: 0;
}

.sf-menu li.sfHover ul.listCol2 {
    left: 100px;
}

.sf-menu li.last.sfHover ul.listCol2 {
    top: 0;
    left: 200px;
    right: 0;
}

.sf-menu li li a {
    font-size: 14px;
    color: #ffde00;
    border-bottom: 1px solid #2c2b2a;
}

.sf-menu li li:last-child a {
    border-bottom: none;
}

/* Off-Canvas Nav */
#off_canvas_nav {
    display: none;
}

/* Nav Bar */
#nav_bar > div {
    background-color: #530c0c;
    padding-top: 10px;
}

#nav_bar a {
    display: inline-block;
    color: #fac810;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 14px;
}

#nav_bar a i {
    color: #5e93b1;
}

#nav_bar select {
    font-size: 14px;
    line-height: 14px;
    /* color: #b2acac;
    background-color: #401414; */
    border: 1px solid #7d1212;
    padding: 5px;
    margin-bottom: 14px;
    /* -webkit-appearance: none; */
}

/* Featured */
#featured {
    position: relative;
    min-height: 1210px;
    top: -77px;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #000;
    padding: 420px 0 0 0;
    overflow: hidden;
}

.ie8 #featured,
.ie9 #featured {
    min-height: 800px;
}

body.landing #featured {
    min-height: 0;
    height: 581px;
}

body.athletics #featured {
    padding: 50px 0 0 0;
    margin-bottom: -78px;
}

#featured #featured_mask {
    position: absolute;
    top: 525px;
    left: 0;
    width: 100%;
    height: 1210px;
    z-index: 1;
    background-image: url(/assets/images/homepage_rotator_mask.png);
}

/* Featured Homepage Video */
#featured_video {
    position: absolute;
    width: 100%;
    top: 150px;
    left: 0;
    z-index: 2;
}

#featured_video .thumb {
    width: 277px;
    height: 182px;
    border: 2px solid transparent;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 40px;
    background-size: 0;
}

#featured_video .thumb:hover {
    background-size: auto;
    border: 2px solid #f9c70f;
    cursor: pointer;
}

#featured_video i.icon-play {
    color: #000;
    color: rgba(0,0,0,0.25);
    font-size: 60px;
    line-height: 102px;
    padding: 23px 43px;
    background: #fff;
    background: rgba(255,255,255,0.5);
    border-radius: 10px;
}

#featured_video .thumb:hover i.icon-play {
    color: #5e93b1;
}

/* Rotator & Callouts */
#rotator_callouts {
    position: absolute;
    top: 420px;
    width: 100%;
    min-height: 787px;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2;
}

/* Rotator */
#rotator {
    text-align: center;
    margin-top: 10px;
}

body.athletics #rotator {
    margin-top: 61px;
    /*padding-bottom: 40px;*/
}

#rotator h1 {
    color: #fff;
    font-size: 85px;
    line-height: 85px;
}

#rotator > .row {
    position: relative;
}

.flexslider {
    background: none;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    margin: 0;
}

#rotator .flexslider {
    margin-top: 55px;
}

body.athletics #rotator .slides li {
    text-align: left;
}

body.athletics #rotator .slides li h4 {
    margin-top: 30px;
}

body.athletics #rotator .slides li h4 a {
    color: #fac810;
}

body.athletics #rotator .slides li .excerpt {
    color: #969696;
    margin-top: 20px;
}

body.athletics #rotator .slides .read_more i {
    color: #efbf0f;
}

body.athletics #rotator .slides .triangle_mask {
    border-color: transparent transparent transparent #020202;
}

body.athletics #rotator .flex-control-nav {
    position: relative;
    bottom: 0;
    margin-top: 115px;
}

body.athletics #rotator .flex-control-paging li a {
    display: block;
    width: 50px;
    height: 5px;
    background-color: #507d97;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
}

body.athletics #rotator .flex-control-paging li a.flex-active {
    background-color: #d6d6d6;
}

.ie8 #rotator .flexslider .slides > li {
    width: 100%;
}

/* Athletics Play NAIA Banner */
#play_naia_banner {
    position: absolute;
    right: 0;
    top: -55px;
    z-index: 10;
}

/* Callouts */
#callouts {
    -webkit-transform: translateZ(0);
}

#callouts .arrows {
    text-align: center;
    color: #507d97;
    font-size: 60px;
    margin: 13px 0 25px 0;
}

#callouts .arrows a:hover {
    color: #fac810;
}

#callouts .callout {
    display: block;
    font-size: 18px;
    line-height: 20px;
    color: #969696;
    padding-top: 20px;
    padding-bottom: 20px;
    transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
}

body.landing #callouts .callout {
    color: #3b3939;
    float: left;
}

#callouts .callout:hover {
    background-color: #232020;
}

body.landing #callouts .callout:hover {
    color: #3b3939;
    background-color: #fff;
}

#callouts .callout .copy {
    margin-bottom: 15px;
    border-bottom: 1px solid #3c3d3b;
    height: 425px;
}

body.athletics #callouts .callout .copy {
    height: 300px;
}

#callouts .callout h3 {
    font-size: 24px;
    line-height: 28px;
    margin: 15px 0 0 0;
    color: #fac810;
}

#callouts .callout h3 i {
  display: none;
}

body.landing #callouts .callout h3,
body.landing #callouts .callout .link {
    color: #507d97;
}

body.landing #callouts .callout .link i {
    color: #620e0e;
}

#callouts .callout .link {
    color: #fff;
    font-family: "Rokkitt";
}

#callouts .callout:hover .link {
    color: #fac810;
}

#callouts .callout .link i {
    color: #507d97;
    font-size: 14px;
}

body.landing #callouts .callout:hover h3,
body.landing #callouts .callout:hover .link {
    color: #620e0e;
}

body.landing #callouts .callout:hover .link i {
    color: #507d97;
}

/* Callout Buttons */
.callout_buttons {
    margin-bottom: 40px;
}

.callout_buttons .button {
    width: 100%;
    margin-bottom: 10px;
}

.callout_buttons .button i {
    line-height: 40px;
}

/* Secondary Homepage Section */
#secondary {
    position: relative;
    margin-bottom: 40px;
}

body.landing #secondary {

}

#secondary .logo_mark {
    position: relative;
    top: -140px;
    z-index: 3;
}

.ie8 #secondary .logo_mark {
	width: 55px;
	height: 201px;
}

#secondary #secondary_copy {
    padding-right: 60px;
}

#secondary #secondary_copy ul,
#secondary #secondary_copy ol {
    margin-left: 20px;
}

#secondary h2,
#inside_morningside h2 {
    font-size: 48px;
    line-height: 50px;
}

#quick_links_anchor i {
    display: none;
}

/* Tertiary Homepage Section */
#tertiary {
    color: #969696;
    height: 330px;
    margin-bottom: 25px;
    overflow: hidden;
    background: #620e0e; /* Old browsers */
    position: relative;
}

body.landing #tertiary {
    height: auto;
    margin-bottom: 0;
    padding-top: 33px;
    padding-bottom: 50px;
    background: rgb(220,220,220); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(220,220,220,1) 0%, rgba(235,235,235,1) 15%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(220,220,220,1)), color-stop(15%,rgba(235,235,235,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(220,220,220,1) 0%,rgba(235,235,235,1) 15%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(220,220,220,1) 0%,rgba(235,235,235,1) 15%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(220,220,220,1) 0%,rgba(235,235,235,1) 15%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(220,220,220,1) 0%,rgba(235,235,235,1) 15%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
}

body.landing #tertiary header h2 {
    font-size: 48px;
    line-height: 35px;
    margin: 0;
}

body.landing #tertiary header hr {
    color: #3c3d3b;
    border-top: 1px solid #3c3d3b;
}

#tertiary .overlay_top,
#tertiary .overlay_bottom {
    width: 100%;
    height: 10px;
    position: absolute;
    left: 0;
    z-index: 4;
}

#tertiary .overlay_top {
    top: 0;
    background: -moz-linear-gradient(top,  rgba(75,11,11,0.25) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(75,11,11,0.25)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(75,11,11,0.25) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(75,11,11,0.25) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(75,11,11,0.25) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(75,11,11,0.25) 0%,rgba(0,0,0,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404b0b0b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

#tertiary .overlay_bottom {
    bottom: 0;
    background: -moz-linear-gradient(top,  rgba(75,11,11,0) 0%, rgba(0,0,0,0.25) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(75,11,11,0)), color-stop(100%,rgba(0,0,0,0.25))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(75,11,11,0) 0%,rgba(0,0,0,0.25) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(75,11,11,0) 0%,rgba(0,0,0,0.25) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(75,11,11,0) 0%,rgba(0,0,0,0.25) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(75,11,11,0) 0%,rgba(0,0,0,0.25) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004b0b0b', endColorstr='#40000000',GradientType=0 ); /* IE6-9 */

}

#tertiary .image {
    padding-right: 0;
    position: relative;
}

#tertiary .image .mask,
.triangle_mask {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 150px 0 0 150px;
    border-color: transparent transparent transparent #620e0e;
    position: absolute;
    left: 10px;
    bottom: 0;
}

#tertiary a.video-popup {
    border-radius: 50%;
    width: 70px;
    height: 70px;
    border: 6px solid #f9c60e;
    display: inline-block;
    background: #fff;
    text-align: center;
    padding: 0;
    position: absolute;
    bottom: 60px;
    left: 25px;
    z-index: 10;
}

#tertiary a.video-popup i {
    font-size: 36px;
    line-height: 36px;
    color: #620d0e;
    top: 12px;
    left: 5px;
    position: relative;
}

#tertiary .video-popup {
    cursor: pointer;
}

#tertiary h3 {
    font-size: 24px;
    line-height: 28px;
    color: #fff;
    margin-top: 50px;
}

body.landing #tertiary h3 {
    margin-top: 10px;
}

#tertiary h3 .subhead {
    color: #fac810
}

/* Inside Morningside */
#inside_morningside {
    margin-bottom: 40px;
}

#inside_morningside > header > div {
    margin-bottom: 23px;
}

#inside_morningside > header hr {
    background-color: #3c3d3b;
    margin: 0 15px;
}

#inside_morningside > header h2 {
    margin-top: 20px;
}

/* Featured News */
#news_featured {
    padding-top: 15px;
}

#news_featured .date,
#news_featured .all_news {
    font-size: 14px;
    line-height: 16px;
}

#news_featured .date {
    width: 70%;
    float: left;
}

#news_featured .all_news {
    width: 30%;
    float: right;
    text-align: right;
}

#news_featured img {
    display: block;
    margin-top: 25px;
}

#news_featured .read_more,
#news_and_events .read_more,
#upcoming_events .read_more {
    border-top: 1px solid #3c3d3b;
    padding-top: 15px;
    line-height: 19px;
}

#news_featured .read_more {
    margin-bottom: 40px;
}

/* News & Events */
#news_and_events {
    padding-top: 20px;
    padding-bottom: 20px;
}

body.athletics #news_and_events {
    margin-bottom: 20px;
}

#upcoming_events h3,
#other_headlines h3 {
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    background-color: #620e0e;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 0;
    color: #fff;
}

.event,
.news_item {
    padding: 20px 0;
    border-bottom: 1px solid #d9d9d9;
}

.large-3 .event {
    padding: 20px;
}

.event .date,
.news_item .date {
    background-color: #000;
    text-align: center;
    padding: 13px 10px 6px 10px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border-radius: 10px;
}

.date .month {
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    text-align: center;
}

.date .day {
    display: block;
    color: #fac810;
    font-size: 32px;
    line-height: 32px;
    font-family: "Rokkitt";
    text-align: center;
}

.event .details p,
.event .details h4,
.news_item .details p,
.news_item .details h4 {
    margin: 0;
}

.event .details p,
.news_item .details p,
body.athletics .event .details .category {
    font-size: 14px;
    line-height: 18px;
}

.news_item .details p.excerpt {
    margin: 10px 0;
    font-size: 18px;
    line-height: 28px;
}

.news_item .details p .read_more {
    font-size: 18px;
    line-height: 28px;
}

.event .details .time,
body.athletics .event .details .location,
body.athletics .event .details .category {
    font-weight: bold;
}

.events.events_column .event .details {
    padding-right: 0;
}

.events.events_column .event h4,
.news.news_column .news_item h4 {
    display: block;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 5px;
}

.events.events_column .event,
.news.news_column .news_item {
    padding-left: 0;
    padding-right: 0;
}

.events.events_column .event .time,
.events.events_column .event .location,
.events.events_column .event p {
    display: block;
    font-size: 12px;
    line-height: 12px;
    color: #000;
}

.events.events_column .event .location {
    margin-top: -10px;
}

.events.events_column .event .month,
.news.news_column .news_item .month {
    font-size: 12px;
}

.events.events_column .event .day,
.news.news_column .news_item .day {
    font-size: 22px;
}

body.landing .events .event .location {
    color: #000;
}

.news_details .featured_photo,
.event_details .featured_photo {
    float: right;
    margin: 0 0 10px 20px;
}

.news_details .featured_photo.landscape,
.event_details .featured_photo.landscape {
    width: 420px;
}

.news_details .featured_photo.portrait,
.event_details .featured_photo.portrait {
    width: 200px;
}

/* Search Results */
#search-results h3 {
  margin-bottom: 30px;
}

.search-result-item {
  margin-bottom: 20px;
}

/* Athletics Category Selector */
#category_selector {
    margin: 20px 0 10px 0;
}

#category_selector select {
    margin: 0;
}

/* Athletics Tables */
.athletics table {
    width: 100%;
    border: none;
    background-color: transparent;
    margin-bottom: 20px;
}

.athletics table thead tr {
    background-color: transparent;
}

.athletics table thead th {
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    background-color: #000;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    text-align: center;
    padding: 7px 10px;
    border-right: 1px solid #fff;
}

.athletics table tbody {
    background-color: #fff;
}

.athletics table tbody tr {
    border-bottom: 1px dotted #949494;
}

.athletics table tbody td {
    padding: 10px;
}

/* Athletics Schedules */

.athletics table.schedule tbody tr.home td {
    font-weight: bold;
}

.athletics table.schedule td span {
    display: block;
    border-radius: 5px;
    padding: 10px;
}

.athletics table.schedule td span.win {
    background-color: #faecb9;
}

/* Athletics Scores */

.scores .score_item {
    font-size: 14px;
    margin-top: 20px;
}

.scores .score_item .date_tab {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    background-color: #000;
    color: #fff;
    text-transform: uppercase;
    padding: 0 20px;
    margin-right: 10px;
    margin-left: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.scores .score_item .date_tab .day {
    color: #efbf0f;
}

.scores .score_item .links {
    text-align: right;
}

.scores .score_item .links a {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    margin-right: 5px;
}

.scores .score_item .score_item_row {
    background-color: #fff;
    font-size: 24px;
    line-height: 28px;
    font-family: Rokkitt;
    padding: 10px 0;
}

.scores .score_item .score_item_row.row1 {
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px dotted #949494;
}

.scores .score_item .score_item_row.row2 {
    border-bottom: 1px solid #d9d9d9;
}

.scores .score_item .value {
    display: inline-block;
    padding: 3px 10px 0 10px;
    border-radius: 5px;
    text-align: right;
}

.scores .score_item .value.win {
    background-color: #faecb9;
}

.scores .score_item > div.row {
    position: relative;
}

.scores .score_item .category,
.scores .score_item .links {
    background-color: #000;
}

.scores .score_item .category {
    padding-left: 15px;
    margin-right: -10px;
}

.scores .score_item .links {
    position: absolute;
    right: 10px;
    bottom: 0;
    height: 31px;
}

.scores .score_item .category a,
.scores .score_item .links a {
    color: #fff;
    font-size: 12px;
}

/* Meet A Mustang */
#meet_a_mustang {
    background-color: #620e0e;
    padding: 20px;
    -webkit-clip-path:polygon(0 0, 85% 0, 100% 25%, 100% 100%, 0 100%);
}

#meet_a_mustang h3 {
    color: #fff;
}

#meet_a_mustang .photo img {
    width: 100%;
}

#meet_a_mustang .details h4 a {
    color: #fac810;
}

#meet_a_mustang .details .details {
    color: #989795;
    font-size: 14px;
}

#meet_a_mustang .details .read_more {
    display: block;
    border-top: 1px solid #7f1212;
}

#meet_a_mustang .details .read_more:hover {
    color: #ffde00;
}

#meet_a_mustang .details .read_more i {
    color: #efbf0f;
}

/* Standard Subpage Definitions */
/* Content Header */
#content_header {
    position: relative;
    padding: 50px 0 18px 0;
    margin-top: -77px;
    background: #530c0c;
    background: -moz-linear-gradient(top,  rgba(113,16,16,1) 25%, rgba(83,12,12,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,rgba(113,16,16,1)), color-stop(100%,rgba(83,12,12,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(113,16,16,1) 25%,rgba(83,12,12,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(113,16,16,1) 25%,rgba(83,12,12,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(113,16,16,1) 25%,rgba(83,12,12,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(113,16,16,1) 25%,rgba(83,12,12,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#711010', endColorstr='#530c0c',GradientType=0 ); /* IE6-9 */
}

#content_header.landing {
    margin-top: 0;
}

.ie8 #content_header,
.ie9 #content_header {
    margin-top: 0;
    margin-bottom: -50px;
    top: -50px;
    filter: none;
}

#content_header h1 {
    color: #fff;
}

/* Mobile Subnav Button */
.mobile_subnav_button {
    display: none;
}

/* Breadcrumbs */
#breadcrumbs {
    font-size: 12px;
    line-height: 12px;
    color: #bcbcbc;
    margin: 35px 0;
}

#breadcrumbs ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#breadcrumbs li {
    display: inline-block;
    margin-right: -3px;
    padding: 0 0 0 18px;
}

#breadcrumbs li:first-child {
    padding: 0;
}

#breadcrumbs li:after {
    content:"//";
    display: inline-block;
    margin-right: -3px;
    margin-left: 15px;
    color: #232020;
}

#breadcrumbs li:last-child:after {
    content:"";
}

#breadcrumbs a {
    color: #fac810;
}

/* Main Section */
#main {
    padding: 40px 20px;
}

/* Sidebar Menu */
#nav-submenu {
    margin-bottom: 50px;
}

#nav-submenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#nav-submenu li {
    display: block;
}

#nav-submenu > ul > li.overview {
    padding: 0 0 5px 0;
    font-weight: normal;
}

#nav-submenu > ul > li.overview > a {
    font-family: "Rokkitt";
    font-size: 24px;
    line-height: 24px;
    color: #646263;
}

/*#nav-submenu > ul > li {
    border-top: 1px solid #d9d9d9;
    margin-top: 5px;
}*/

#nav-submenu > ul > li {
    font-size: 16px;
    line-height: 16px;
    padding: 19px 10px 20px 10px;
    font-weight: bold;
    border-bottom: 1px solid #d9d9d9;
}

#nav-submenu > ul > li.here,
#nav-submenu > ul > li.parent-here {
    background-color: #fff;
}

#nav-submenu > ul > li.here.overview,
#nav-submenu > ul > li.parent-here.overview {
    background-color: transparent;
}

#nav-submenu > ul > li.here a,
#nav-submenu > ul > li.parent-here a {
    color: #620e0e;
}

#nav-submenu > ul > li.here > ul,
#nav-submenu > ul > li.parent-here > ul {
    margin-top: 15px;
}

#nav-submenu > ul > li.here > ul > li:before,
#nav-submenu > ul > li.parent-here > ul > li:before {
    font-family: 'FontAwesome';
    content: "\f0da  ";
    color: #620e0e;
}

#nav-submenu > ul > li.here > ul li,
#nav-submenu > ul > li.parent-here > ul li {
    padding: 7px 0;
    font-size: 14px;
    line-height: 14px;
    margin: 0 -10px;
    padding-left: 10px;
    padding-right: 10px;
}

#nav-submenu > ul > li.here > ul li.here,
#nav-submenu > ul > li.parent-here > ul li.here,
#nav-submenu > ul > li.parent-here > ul li.parent-here {
    background-color: #efefef;
}

#nav-submenu > ul > li.here > ul li.here a,
#nav-submenu > ul > li.parent-here > ul li.here a {
    color: #620e0e;
}

#nav-submenu > ul > li.here > ul a,
#nav-submenu > ul > li.parent-here > ul a,
#nav-submenu > ul > li.here > ul li.here ul a,
#nav-submenu > ul > li.parent-here > ul li.here ul a {
    font-weight: normal;
    color: #507d97;
}

#nav-submenu > ul > li.here > ul a:hover,
#nav-submenu > ul > li.parent-here > ul a:hover,
#nav-submenu > ul > li.here > ul li.here ul a:hover,
#nav-submenu > ul > li.parent-here > ul li.here a:hover {
    color: #620e0e;
}

#nav-submenu ul ul ul {
    margin: 10px;
}

#nav-submenu > ul > li.here > ul li li.here,
#nav-submenu > ul > li.parent-here > ul li li.here {

}

/* Sidebar Mini Calendar */
#mini_calendar {
    margin-bottom: 30px;
}

#mini_calendar table tr th,
#mini_calendar table tr td {
    padding: 0.5625em 0.325em;
    text-align: center;
}

#mini_calendar .mc_date.active {
    padding: 5px 2px;
    background-color: #620e0e;
}

#mini_calendar .mc_date.active,
#mini_calendar .mc_date.active a {
    color: #fff;
}

/* Sidebar Banner */
.sidebar .banner {
    margin-bottom: 50px;
}

/* Sidebar Left Widgets */
.sidebar .left_widget {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    padding: 20px 10px;
    text-align: center;
    margin-bottom: 20px;
}

.sidebar .left_widget .button {
    margin-left: auto;
    margin-right: auto;
}

/* Sidebar Quick Stats */
.sidebar .quick_stats h4 {
    margin-bottom: 0;
}

.sidebar .quick_stats h5 {
    margin: 0 0 10px 0;
}

/* Sidebar Photo Gallery */
.sidebar .photo_gallery h4 {
    margin-bottom: 15px;
}

.sidebar .photo_gallery .photo_group {
    display: block;
    position: relative;
    height: 110px;
    margin: 2px 0 1px 0;
    max-width: 200px;
}

.sidebar .photo_gallery .photo_group img {
    display: block;
    position: absolute;
    border: 1px solid #e9e8e8;
    padding: 5px;
    background-color: #fff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.30);
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.50);
}

.sidebar .photo_gallery .background {
    top: 10px;
    z-index: 1;
}

.sidebar .photo_gallery .background.photo1 {
    left: 5px;
}

.sidebar .photo_gallery .background.photo2 {
    right: 5px;
}

.sidebar .photo_gallery .photo_group .foreground {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
}

.sidebar .photo_gallery .popup_gallery {
    display: none;
}

/* Main Content */
#main_content > .row:first-child {

}

#main_content .copy {
    padding-bottom: 40px;
}

#main_content .copy ol {
    margin-left: 25px;
}

#main_content .copy ul {
    margin: 20px 0;
    padding: 0;
    list-style: none;
    font-size: 16px;
    line-height: 20px;
}

#main_content .copy ul li:before {
    font-family: 'FontAwesome';
    content: "\f0da  ";
    color: #620e0e;
}

#main_content .copy ul li {
    margin: 0 0 15px 10px;
}

/* Featured Image */
#main_content .featured_image {
    padding-left: 0.9375em;
    padding-right: 0.9375em;
}

#main_content .featured_video {
    margin-bottom: 20px;
}

#main_content .featured_video .video-container {
    padding-top: 0;
}

/* Main Content Sidebar */
#main_content .sidebar {
    padding-bottom: 40px;
}

/* Sidebar Callout */
.sidebar .callout {
    border: 1px solid #d9d9d9;
    background-color: #fff;
    padding: 20px;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 40px;
}

.sidebar .callout ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar .callout li {
    margin-bottom: 10px;
}

.sidebar .callout p:last-child {
    margin-bottom: 0;
}

/* Sidebar Call-to-Action */
.sidebar .call_to_action {
    padding: 20px 10px;
    border: 1px solid #d9d9d9;
    background-color: #fcedb5;
}

.sidebar .call_to_action {
    text-align: center;
    margin-bottom: 40px;
}

.sidebar .call_to_action .button {
    margin-left: auto;
    margin-right: auto;
}

.sidebar .call_to_action h3 {
    margin-bottom: 15px;
}

.sidebar .call_to_action h4 {
    margin: 20px 0 0 0;
}

.sidebar .call_to_action .button {
    margin-bottom: 0;
}

/* Departments Quick Search */
#search_children_accordion {
    display: block;
    position: relative;
    margin-bottom: 20px;
    float: none;
}

.ie8 #search_children_accordion,
.ie9 #search_children_accordion {
    width: 100%;
}

.ie8 #search_children_accordion .search_box,
.ie9 #search_children_accordion .search_box {
    display: block;
}

#search_children_accordion input {
    width: 100%;
    height: auto;
    padding-left: 35px;
}

#search_children_accordion .search_button,
#search_children_accordion .search_button:hover {
    position: absolute;
    left: 10px;
    top: 5px;
    background-color: transparent;
}

#search_children_accordion .search_button i,
#search_children_accordion .search_button:hover i {
    color: #507d97;
}

/* In-page photo gallery */
.copy .photo_gallery {
    margin: 20px 0;
}

.copy .photo_gallery a {
    display: block;
    margin: 5px;
    float: left;
}

/* Course List */
#main_content #courses .toc {
    font-size: 14px;
    line-height: 16px;
    list-style: none;
    margin: 10px 0 30px 0;
}

#courses .toc_select {
    display: none;
}

#courses .toc li a {
    display: table;
    margin-bottom: 10px;
}

#courses .toc .number,
#courses .toc .title {
    display: table-cell;
}

#courses .toc .number {
    font-weight: bold;
    width: 40px;
}

#courses article {
    clear: both;
    font-size: 14px;
    padding: 20px 10px;
    border-top: 1px solid #3d3d3b;
}

#courses article header:before,
#courses article header:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

#courses article header:after {
    clear: both;
}

#courses article h3 {
    float: left;
}

#courses article h4 {
    float: right;
    line-height: 30px;
    margin-bottom: 10px;
}

#courses article .read_more {
    font-size: 18px;
}

#courses article p:last-child {
    margin-bottom: 0;
}

/* Job Openings */
#job_openings table {
    margin-bottom: 30px;
}

/* Featured Links */
#featured_links {

}

#featured_links > hr {
    display: block;
    margin: 0 0 50px 10px;
}

#featured_links .item {
    float: left;
    display: table-cell;
}

#featured_links .content {
    color: #3b3939;
    /*height: 200px;*/
}

#featured_links .read_more {
    margin-bottom: 0;
}

#featured_links .item hr {
    display: none;
}

#featured_links .featured_links_row {
    display: table;
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 50px;
    padding-bottom: 50px;
}

/* Athletics Associations */
#associations {
    background-color: #ececec;
    padding-bottom: 55px;
}

body.athletics.subpage #associations {
    background-color: transparent;
}

#associations .row {
    background-color: #fff;
    padding: 20px 47px;
    -webkit-clip-path:polygon(0 0, 95% 0, 100% 15%, 100% 100%, 5% 100%, 0 85%);
    clip-path:polygon(0 0, 95% 0, 100% 15%, 100% 100%, 5% 100%, 0 85%);
    border-bottom: 1px solid #b8b9b8;
}

#associations .row div {
    text-align: center;
}

#associations img {
    height: 78px;
}

#associations h2.sponsors-title {
    color: #222;
    font-family: "PT Sans";
    font-size: 18px;
    border-top: 1px solid #b8b9b8;
    margin-top: 24px;
    padding-top: 16px;
}

#associations div.sponsor {
    display: inline-block;
    height: 84px;
    max-height: 84px;
    padding: 8px;
    vertical-align: middle;
}

#associations div.sponsor a {
    display: inline-block;
    height: 84px;
    max-height: 84px;
    line-height: 84px;
}

#associations div.sponsor a img {
    display: inline-block;
    max-width: 80%;
    height: auto;
    margin: 0 auto;
}

#associations div.sponsor:last-child {
    float: left;
}

/* Tagline */
body.landing #tagline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #ececec;
}

body.landing #tagline h2 {
    margin: 0;
}

.ie8 #tagline h2 {
    font-size: 36px;
}

/* Footer */
body > footer {
    background-color: #000;
    font-size: 14px;
    color: #969696;
    padding-bottom: 100px;
}

body.landing > footer {
    margin-top: 0;
}

.row_callouts {
    background-color: #620e0e;
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
    margin-bottom: 40px;
}

.row_callouts .button {
    float: left;
}

#footer_callouts {
    padding-bottom: 20px;
    margin-bottom: 0;
}

#footer_callouts .button {
    margin-top: 2px;
    margin-bottom: 10px;
}

.row_callouts .button:first-child {
    margin-right: 15px;
}

#footer_callouts .social_networks {
    margin: 0;
    padding: 0;
    list-style: none;
}

#footer_callouts .social_networks li {
    display: inline-block;
    font-size: 47px;
    line-height: 47px;
    margin-right: 10px;
}

#footer_callouts .social_networks a {
    color: #3b0606;
}

#footer_callouts .social_networks a:hover {
    color: #fff;
}

#footer_callouts .logo_mark {
    display: block;
    position: absolute;
    top: -110px;
    right: 0;
    z-index: 3;
}

#return_to_top {
    display: none;
}

#footer_125_years {
    background-color: white;
    padding: 15px 0;
    font-size: 22px;
    height: 90px;
}
#footer_125_years_logo {
    float: left;
    display: block;
    height: 60px;
}
#footer_125_years_text_1, #footer_125_years_text_2 {
    padding: 12px 0;
    float: left;
    display: block;
    margin-left: 20px;
    font-size: 22px;
}
#footer_125_years_text_2 {
    display: none;
  }

/* Nav Footer */
#nav-footer {
    padding: 15px 30px;
    background-image: url(/assets/images/clock.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-position-x: 24px;
}

#nav-footer .icon-plus,
#nav-footer .icon-minus {
    display: none;
}

#nav-footer li {
    list-style: none;
}

#nav-footer li ul {
    margin: 10px 0;
    padding: 0;
    line-height: 14px;
}

#nav-footer a {
    font-size: 14px;
    line-height: 14px;
    color: #ffde00;
}

#nav-footer a:hover {
    color: #ffde00;
}

#nav-footer li ul a {
    display: block;
    font-size: 12px;
    line-height: 14px;
    color: #828282;
    margin-bottom: 15px;
}

/* Mission */
#mission {
    font-style: italic;
    line-height: 20px;
    text-align: center;
    margin-bottom: 15px;
}

#mission .copy {
    margin: 20px 0;
}

#mission hr {
    border-top: 1px solid #3c3d3b;
    color: #3c3d3b;
    margin: 0;
}

/* Contact */
body > footer #contact {
    line-height: 20px;
}

body > footer #contact a {
    color: #ffde00;
    cursor: default;
}

/* Footer Aux */
body > footer .footer_aux a {
    color: #ffde00;
}

/* Click Rain Logo */
#click_rain {
    text-align: right;
}

#click_rain a {
    color: #969696;
}

#click_rain img {
    margin-top: -3px;
}

/* Forms */
input.honeypot {
    display: none;
}

/* Google Custom Search 10/17/2018 */
.gsc-input-box {
    border: none;
}
.gsc-input-box table, .gsib_a, .gsib_b {
    border: none;
    margin: 0;
}
.gsc-input, .gsc-search-button, .gsc-clear-button, .gsib_a, .gsib_b {
    padding: 0;
    margin: 0;
}
.gsc-control-searchbox-only {
    border: 1px solid grey;
}
form.gsc-search-box, table.gsc-search-box {
    margin-bottom: 0 !important;
}
.gsc-tabHeader {
    overflow: hidden !important;
}
.gsc-result .gs-title, .gs-title {
    height: 1.6em !important;
}
.gsc-resultsRoot table {
    border: none !important;
}
#off_canvas_nav .google-search-results-display {
    width: 100% !important;
    margin-bottom:20px;
}


/* Social Media Sharing Buttons */
.social_media_btns {
    display:block;
    float:left;
    width:100%;
}

/* News Index */
#the-news {
    line-height: normal;
    padding: 0 20px;
}
#the-news #main {
    padding: 0 0 40px 0 !important;
}
#the-news main {
    padding-top: 20px;
}
#the-news nav a {
    color: #ffffff;
}
#the-news nav a:hover {
    color: #507d97;
}
#the-news nav {
    margin-top: -23px;
    width: 100%;
    height: 46px;
    color: #ffffff;
    padding: 0px 28px;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0290bb+0,0076b2+100 */
    background: #5e93b1; /* Old browsers */
    background: -moz-linear-gradient(top, #5e93b1 0%, #426f87 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #5e93b1 0%,#426f87 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #5e93b1 0%,#426f87 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e93b1', endColorstr='#426f87',GradientType=0 ); /* IE6-9 */
}
#the-news nav ul {
    list-style: none;
}
#the-news nav li {
    display: inline-block;
    float: left;
    border-right: 1px solid #ffffff;
    font-size: 18px;
    font-weight: 200;
    letter-spacing: 0.12em;
    padding: 0 24px;
    margin-top: 15px;
    line-height: .9em;
}
#the-news .news-nav-people {
    border-right: 0;
}
#the-news nav img {
    border: 0;
    margin: -5px 0 0 12px;
}
.news-headline {
    float: left;
    display: inline;
    width: 100%;
    overflow-wrap: normal;
    font-weight: bold;
    font-family: 'Rokkitt', serif;
}
.news-text {
    display: table-cell;
    margin-top: auto;
    margin-bottom: auto;
    vertical-align: middle;
}
.news-excerpt {
    float: left;
    display: inline;
    width: 100%;
    overflow-wrap: normal;
}
.news-subtext {
    float: left;
    display: inline;
    width: 100%;
    overflow-wrap: normal;
}
#other_headlines .news-photo {
    display: none;
}
#other_headlines .news-item {
    padding: 20px;
}
#other_headlines .news-headline {
    font-size: 24px;
    font-weight: normal;
    line-height: 24px;
}
#other_headlines hr {
    margin: 0;
}
#the-news article {
    display: table;
}
#the-news article img {
    float: left;
    display: block;
    /*border: 1px solid #CCCCCC;*/
}
.news-featured-large {
    float: left;
    display: block;
    width: 435px;
    margin-left: 20px;
    margin-bottom: 24px;
}
.news-featured-large img {
    float: left;
    display: inline;
    width: 435px;
    height: 245px;
    border: 1px solid #CCCCCC;
}
.news-featured-large .news-headline {
    font-size: 24px;
    padding-top: .5em;
}
.news-featured-large .news-excerpt {
    padding-top: 10px;
    font-size: 18px;
}
.news-featured-large .news-subtext {
    padding-top: 10px;
    font-size: 12px;
}
.news-featured-stack {
    float: left;
    display: block;
    width: 420px;
    margin-right: 0px;
    margin-left: 20px;
    margin-bottom: 24px;
}
.news-featured-stack article {
    width: 420px;
    margin-bottom: 12px;
    height: 82px;
}
.news-featured-stack hr {
    margin: 0 0 12px 0 !important;
}
.news-featured-stack article img {
    width: 146px;
    height: 82px;
    margin-right: 10px;
}
.news-featured-stack article .news-text {
    width: 260px;
}
.news-featured-stack article .news-headline {
    font-size: 20px;
}
.news-featured-stack article .news-excerpt {
    font-size: 14px;
    display: none;
}
.news-featured-stack article .news-subtext {
    padding-top: 7px;
    font-size: 12px;
}
#news-below-the-fold {
    float: left;
    display: inline;
    width: 100%;
}
#news-below-the-fold hr {
    margin: 0 20px 20px 20px;
}
#news-below-the-fold aside {
    float: left;
    display: block;
    width: 278px;
    margin-left: 20px;
}
#news-below-the-fold .news-block-heading {
    background-color: #000000;
    float: left;
    display: inline;
    height: auto;
    width: 100%;
    color: white;
    font-size: 22px;
    padding-top: 7px;
    padding-bottom: 6px;
    font-family: 'Rokkitt', serif;
    margin-bottom: 12px;
    text-align: center;
    font-weight: 400;
    letter-spacing: 0.09em;
}
#news-below-the-fold .news-block-heading a {
    color: #ffffff;
}
#news-below-the-fold .news-block-heading a:hover {
    color: #507d97;
}
.news-left-stack {
    float: left;
    display: inline;
    width: 100%;
    margin-right: 20px;
}
#news-below-the-fold aside article {
    width: 100%;
    margin-bottom: 10px;
    height: 70px;
}
#news-below-the-fold aside article img {
    width: 114px;
    height: 64px;
    margin-right: 5px;
}
#news-below-the-fold aside .news-featured-stack {
    float: left;
    display: inline;
    width: 100%;
}
#news-below-the-fold aside article .news-text {
    width: 158px;
}
#news-below-the-fold aside .news-headline {
    font-size: 18px;
    text-align: center;
}
#news-below-the-fold aside .news-subtext {
    padding-top: 2px;
    font-size: 10px;
}
.news-remove-sidebar {
    display: none;/*was sidebar*/
}
#news-right-below {
    float: right;
    display: block;
    width: 600px;
    margin-right: 20px;
}
#news-right-below > hr {
    display: none;
}
#news-right-below article {
    margin-bottom: 15px;
}
#news-right-below article img {
    width: 242px;
    height: 136px;
    margin-right: 10px;
}
#news-right-below .news-text {
    width: 320px;
}
#news-right-below .news-headline {
    font-size: 20px;
}
#news-right-below .news-excerpt {
    padding-top: 6px;
    font-size: 14px;
}
#news-right-below .news-subtext {
    padding-top: 5px;
    font-size: 12px;
}
#news-right-below hr {
    margin: 0 0 14px 0;
}
#news-below-the-fold aside hr {
    margin: 10px 0px;
}
.news-category-list img {
    width: 242px;
    height: 136px;
}
.news-category-list .news-photo-vertical img {
    width: 242px;
    height: auto;
}
.news-category-list .news-photo {
    width: 242px;
    height: 136px;
    margin-right: 10px;
}
.news-category-list .news-headline {
    font-size: 24px;
    font-weight: normal;
}
.news-category-list .news-excerpt {
    padding-top: 6px;
    font-size: 14px;
}
.news-category-list .news-subtext {
    padding-top: 5px;
    font-size: 12px;
}
@media only screen and (min-width: 956px) {
    #news-right-below article .news-photo {
        width: 242px;
        height: 136px;
        margin-right: 10px;
    }
    #news-right-below article .news-text {
        width: 100%;
        padding-right: 20px;
    }
}
@media only screen and (max-width: 955px) {
    #the-news {
        margin-right: 0px;
    }
    #the-news #main {
        padding: 0px 0px 40px 0px !important;
    }
    #the-news .news-featured-large {
        width: 100%;
        padding-right: 0px;
        margin-top: 0px;
        margin-left: 0;
    }
    #the-news .news-featured-large img {
        width: 100%;
        height: auto;
    }
    #the-news .news-featured-stack {
        margin-left: 0;
        margin-bottom: 20px;
        width: 100%;
    }
    #the-news .news-featured-stack article {
        background-color: #e5e5e5;
    }
    #the-news article {
        padding: 8px;
        border: 1px solid #CCCCCC;
    }
    #the-news .news-category-list article {
        background-color: transparent;
        padding: 0;
        border: 0;
    }
    #news-below-the-fold aside article .news-photo {
        width: 40%;
        min-width: 146px;
    }
    #news-below-the-fold aside article .news-text {
        width: 60%;
    }
    #news-below-the-fold aside {
        float: left;
        display: block;
        width: 100%;
        margin-left: 0;
    }
    #news-right-below {
        width: 100%;
        float: left;
    }
    .news-left-stack {
        margin-bottom: 10px;
    }
    .news-left-stack .news-item {
        width: 50%;
        margin: 0;
        border: 0;
        padding: 10px;
        display: block;
        float: left;
    }
    #news-below-the-fold aside {
        display: block;
    }
    #news-below-the-fold aside hr {
        display: none;
    }
    #news-below-the-fold aside article {
        float: left;
        width: 100%;
        height: auto;
        margin-right: 0px;
        margin-left: 0px;
    }
    #news-below-the-fold aside article img {
        width: 146px;
        height: 82px;
        margin-right: 5px;
    }
    #news-below-the-fold aside article .news-headline {
        max-height: 82px;
    }
    #news-right-below article, .news-featured-stack article {
        width: auto;
        margin-bottom: 12px;
        height: 82px;
    }
    .news-featured-stack hr {
        display: none;
    }
    #news-right-below hr {
        margin: 0 0 12px 0 !important;
    }
    #news-right-below article {
        border: 0;
    }
    #news-right-below article img, .news-featured-stack article img {
        width: 146px;
        height: 82px;
    }
    #news-right-below article .news-photo, .news-featured-stack article .news-photo {
        width: 146px;
        height: 82px;
        margin-right: 10px;
    }
    #news-right-below article .news-text, .news-featured-stack article .news-text {
        width: 100%;
    }
    #news-right-below article .news-excerpt {
        font-size: 14px;
        display: none;
    }
    .news-featured-stack article .news-excerpt {
        margin-top: 6px;
        display: block;
    }
    #news-right-below article .news-headline {
        font-size: 20px;
    }
    .news-featured-stack article .news-headline {
        font-size: 20px;
    }
}
@media only screen and (max-width: 880px) {
    #the-news nav li {
        padding: 0 14px;
    }
    #the-news nav img {
        border: 0;
        margin: -5px 0 0 4px;
        height: auto;
    }
}
@media only screen and (max-width: 767px) {
    #the-news nav {
        height: auto;
        display: inline;
        float: left;
        margin-top: 0;
        margin-left: 0px;
        padding-top: 13px;
        padding-bottom: 24px;
        width: 100%;
        margin-bottom: 20px;
    }
    #the-news nav li {
        border: 0;
        float: left;
        display: block;
        width: 100%;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-top: 6px;
        font-size: 16px;
    }
    .news-featured-stack article .news-excerpt {
        display: none;
    }
    .news-left-stack .news-item {
        width: 100%;
    }
    #news-below-the-fold aside article .news-text {
        width: 80%;
    }
}
@media only screen and (max-width: 430px) {
    .news-featured-stack article .news-photo, .news-category-list article .news-photo, #news-below-the-fold aside article .news-photo, #news-right-below article .news-photo {
        width: 100%;
        height: auto;
    }
    .news-featured-stack article img, .news-category-list article img, #news-below-the-fold aside article img, #news-right-below article img {
        width: 100%;
        height: auto;
    }
    .news-featured-stack .news-text, .news-category-list .news-text, #news-below-the-fold aside article .news-text, #news-right-below article .news-text {
        display: block;
    }
    #news-below-the-fold aside article .news-text {
        width: 100%;
    }
    #news-below-the-fold aside article .news-headline, #news-right-below article .news-headline, .news-category-list .news-headline {
        margin-top: 7px;
    }
    .news-featured-stack .news-headline {
        margin-top: 7px;
    }
    .news-featured-stack article .news-subtext {
        margin-top: 4px;
        padding-top: 0;
    }
}
/* ==========================================================================
   Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (max-width: 970px) {
    #tagline h2 {
        font-size: 32px;
    }

    .sidebar .call_to_action .button {
        font-size: 14px;
    }

    body.athletics .row_callouts .button:first-child {
        margin-bottom: 10px;
    }

    #play_naia_banner {
        top: -50px;
    }

    #nav_bar select {
        font-size: 16px;
        line-height: 16px;
    }

    .news_details .featured_photo.landscape,
    .event_details .featured_photo.landscape {
        width: 300px;
    }


    /*#nav_bar .quicknav i {
        top: 10px;
    }*/
    #footer_125_years_text_1 {
        padding: 14px 0;
        font-size: 20px;
    }
}

@media only screen and (max-width: 925px) {
    #main_nav .sf-menu > li > a {
        font-size: 16px;
    }

    #search .search_box {
        width: 100px;
    }

    #featured {
        height: 1260px;
    }

    body.athletics.landing #featured {
        height: 480px;
    }

    #callouts .callout {
        height: 520px;
    }

    body.athletics #callouts .callout {
        height: 400px;
    }

    body.athletics #rotator .flex-control-nav {
        margin-top: 20px;
        padding-bottom: 20px;
    }

    #callouts .copy p {
        font-size: 16px;
    }

    #callouts .link {
        font-size: 16px
    }

    #secondary .large-1 {
        padding: 0 0 0 0.9375em;
    }

    #secondary .logo_mark {
        top: -140px;
        width: 42px;
        height: 153.5px;
    }

    #tertiary {
        height: 285px;
    }

    #tertiary h3 {
        margin-top: 20px;
    }

    #tertiary p {
        font-size: 14px;
    }

    #tagline h2 {
        font-size: 26px;
    }

    .sidebar .call_to_action .button {
        font-size: 12px;
    }

    .callout_buttons .button {
        font-size: 14px;
    }

    .news_details .featured_photo,
    .event_details .featured_photo {
        width: 300px;
    }

    .sidebar .photo_gallery .button i {
        display: none;
    }

    .sidebar .photo_gallery .button {
        padding-right: 10px;
    }

    #featured_links h3 {
        font-size: 24px;
        line-height: 24px;
    }

    #featured_links .content p {
        font-size: 14px;
    }

    #play_naia_banner {
        top: -40px;
    }

    #footer_callouts .social_networks {
        width: 175px;
    }
}

@media only screen and (max-width: 880px) {
    #main_content .copy,
    #main_content .sidebar {
        width: 100%;
    }

    .sidebar .call_to_action .button {
        font-size: 18px;
    }

    .callout_buttons .button {
        font-size: 18px;
    }

    #mini_calendar table tr th,
    #mini_calendar table tr td {
        padding: 0.5625em 0.225em;
    }

    .date .day {
        font-size: 24px;
    }

    #footer_125_years_text_1 {
        padding: 14px 0;
        font-size: 18px;
    }
}

@media only screen and (max-width: 830px) {
    #footer_125_years_text_2 {
        display: block;
        padding: 6px 0;
        font-size: 18px;
        line-height: 24px;
    }
    #footer_125_years_text_1 {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    p {
        font-size: 14px;
    }

    .read_more {
        font-size: 16px;
    }

    .tabs a {
        padding: 10px;
        line-height: 20px;
    }

    body > header .logo {
        margin-top: 10px;
        margin-bottom: 10px;
        width: 100%;
        height: auto;
    }

    #aux_nav {
        display: none;
    }

    #logo {
        height: 64px;
    }

    #logo a,
    #logo img {
        width: 179px;
        height: auto;
    }

    body.athletics #logo a,
    body.athletics #logo img {
        width: 84px;
        height: 45px;
    }

    body.athletics > header .logo {
        margin: 8px 0 0 0;
    }

    .ie9 #content_header {
        margin-top: 0;
        margin-bottom: 0px;
        top: 0px;
        filter: none;
    }

    #mobile_nav_button {
        text-align: right;
    }

    #mobile_nav_button a {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        margin-top: 15px;
    }

    #main_nav {
        display: none;
    }

    /* Off-canvas Nav */
    #off_canvas_nav {
        -webkit-transform: translateZ(0);
        width: 225px;
        position: absolute;
        right: -225px;
        top: 0;
        z-index: 21;
    }

    #off_canvas_nav > div {
        width: 225px;
        background-color: #232020;
        padding: 5px 0 15px 0;
    }

    #off_canvas_nav a {
        color: #ffde00;
    }

    #off_canvas_nav .search {
        float: none;
        margin: 20px 0 10px 15px;
    }

    #off_canvas_nav .search .search_box {
        width: 165px;
        height: auto;
        font-size: 16px;
        padding: 6.125px;
    }

    #off_canvas_nav .search .search_button i {
        color: #a8becb;
    }

    #off_canvas_nav ul {
        margin: 0 0 20px 0;
        padding: 0;
        list-style: none;
    }

    #off_canvas_nav li {
        display: block;
    }

    #off_canvas_nav .main_links i {
        display: inline-block;
        float: right;
        font-weight: bold;
        padding: 9px;
        margin-top: -9px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        cursor: pointer;
    }

    #off_canvas_nav .main_links i.icon-angle-up {
        color: #a8becb;
        background-color: #507d97;
    }

    #off_canvas_nav .main_links i.icon-angle-down {
        color: #969595;
        background-color: #2c2b2a;
    }

    #off_canvas_nav ul.main_links li {
        display: block;
        text-transform: none;
    }

    #off_canvas_nav ul.main_links > li {
        font-size: 14px;
        line-height: 14px;
        border-bottom: 1px solid #2c2b2a;
        padding: 15px;
    }

    #off_canvas_nav ul.main_links ul {
        margin-top: 15px;
        margin-bottom: 0;
        margin-left: -15px;
        margin-right: -15px;
        display: none;
    }

    #off_canvas_nav ul.main_links ul a {
        display: block;
        font-size: 12px;
        line-height: 12px;
        color: #828282;
        padding: 15px 25px;
        border-bottom: 1px solid #2c2b2a;
    }

    #off_canvas_nav ul.main_links ul a:first-child {
        border-top: 1px solid #2c2b2a;
    }

    #off_canvas_nav ul.main_links ul a:last-child {
        border-bottom: none;
    }

    #off_canvas_nav .directions {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    #off_canvas_nav .directions i {
        margin-right: 4px;
    }

    #off_canvas_nav .close a {
        font-size: 14px;
        color: #c7c7c7;
        text-align: right;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        float: right;
        margin-right: 0;
        background-color: #1d1d1d;
        line-height: 12px;
        padding: 10px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    #off_canvas_nav .close a:hover {

    }

    #off_canvas_nav .close .x {
        color: #9b9b9b;
        margin-right: 5px;
    }

    #featured_video {
        top: 23px;
    }

    #featured,
    body.landing #featured{
        top: 0;
        border-top: 1px solid #000;
        height: auto;
        min-height: 0;
        background-size: 100%;
        overflow: visible;
        background-size: auto 100%;
    }

    #featured {
        background-size: contain;
    }

    body.landing #featured {
        padding: 150px 0 0 0;
    }

    body.athletics.landing #featured {
        padding: 0;
        height: auto;
        margin-bottom: 0;
    }

    #featured #featured_mask {
        top: 127px;
        display: none;
    }

    body.athletics #rotator {
        margin-top: 0;
    }

    #rotator h1 {
        font-size: 30px;
        line-height: 30px;
        margin-top: 23px;
        margin-bottom: 10px;
    }

    body.landing #rotator h1 {
        margin-top: 13px;
    }

    #rotator_callouts {
        position: relative;
        top: 0;
        margin-top: -200px;
        background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,1) 5%, rgba(0,0,0,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(5%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,1) 5%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,1) 5%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,1) 5%,rgba(0,0,0,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,1) 5%,rgba(0,0,0,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
        min-height: 0;
    }

    body.landing #rotator_callouts {
        margin-top: 0;
    }

    #callouts {
        padding-bottom: 20px;
    }

    #callouts .arrows {
        display: none;
    }

    #callouts .callout {
        height: auto;
    }

    #callouts .callout .copy {
        border-bottom: none;
        height: auto;
    }

    #callouts .callout .link,
    #callouts .callout p {
        display: none;
    }

    #callouts .callout h3 {
      font-size: 16px;
      line-height: 20px;
    }

    #callouts .callout h3 i {
      color: #507d97;
      font-size: 14px;
      display: inline;
    }

    body.athletics #callouts .callout h3,
    body.athletics #callouts .callout p {
        display: block;
    }

    #callouts .callout img {
        width: 100%;
    }

    #callouts .callout .link {
        color: #fac810;
        height: 40px;
    }

    body.athletics #callouts .callout .link {
        border-bottom: 1px solid #3c3d3b;
    }

    .row_callouts {
        text-align: center;
    }

    .row_callouts {
        margin-bottom: 0;
    }

    #play_naia_banner {
        display: none;
    }

    #secondary .logo_mark {
        top: -30px;
        width: 16px;
        height: 60px;
    }

    #secondary #secondary_copy {
        margin-top: 20px;
        padding-right: 0.9375em;
    }

    #secondary_copy h2 {
        font-size: 30px;
        line-height: 30px;
    }

    #quick_links {
        padding: 10px 20px;
    }

    #quick_links h4 {
        font-size: 18px;
        margin-bottom: 0;
    }

    #quick_links_anchor h4 i {
        display: block;
        font-size: 14px;
        line-height: 26px;
        color: #507d97;
        float: right;
    }

    #quick_links ul {
        display: none;
        margin-top: 10px;
    }

    #tertiary {
        height: auto;
        padding-bottom: 20px;
        margin-bottom: 0px;
    }

    #tertiary .image {
        padding-right: 0.9375em;
        margin-top: 5px;
    }

    #tertiary .image .mask {
        border-width: 75px 0 0 75px;
    }

    #tertiary a.video-popup {
        bottom: 0px;
        left: 5px;
    }

    #inside_morningside > header > div {
        margin-bottom: 10px;
    }

    #inside_morningside h2 {
        font-size: 30px;
        line-height: 30px;
    }

    #inside_morningside .logo {
        display: none;
    }

    #news_and_events article {
        padding-left: 0;
        padding-right: 0;
    }

    #news_and_events h4 {
        font-size: 18px;
        line-height: 18px;
    }

    .news_details .featured_photo,
    .event_details .featured_photo {
        float: right;
        margin: 0 0 10px 20px;
    }

    #content_header {
        padding: 17px 0;
        margin-top: 0;
    }

    #breadcrumbs {
        display: none;
    }

    #content_header h1 {
        font-size: 24px;
        line-height: 28px;
    }

    #content_header .mobile_subnav_button {
        font-size: 18px;
        line-height: 28px;
        color: #fff;
        display: inline-block;
        float: right;
        margin-right: 1px;
        margin-left: 20px;
    }

    #main {
        padding: 20px 20px 40px 20px;
    }

    #main > .sidebar {
        display: none;
    }

    #nav-submenu {
        margin-bottom: 30px;
    }

    .sidebar .call_to_action {
        margin-bottom: 20px;
    }

    .sidebar .call_to_action .button {
        font-size: 18px;
    }

    .sidebar .banner {
        display: none;
    }

    .sidebar .photo_gallery .photo_group {
        margin-left: auto;
        margin-right: auto;
    }

    .sidebar .photo_gallery .button i {
        display: inline-block;
    }

    .sidebar .photo_gallery .button {
        padding-right: 0;
    }

    #main_content .copy {
        padding-bottom: 20px;
    }

    #main_content .sidebar {
        padding-right: 0.9375em;
    }

    #featured_links .item hr {
        color: #3c3d3b;
        border-top: 1px solid #3c3d3b;
        display: block;
        margin: 10px 0 0 0;
    }

    #featured_links > hr {
        margin: 0 15px 20px 15px;
    }

    #featured_links .content {
        height: 45px;
    }

    #featured_links h3 {
        font-size: 18px;
        line-height: 18px;
    }

    #featured_links p {
        display: none;
    }

    #featured_links .item {
        margin-bottom: 20px;
        display: block;
        float: left;
        width: 100%;
    }

    #featured_links .featured_links_row {
        border-bottom: 0;
        display: block;
    }

    #featured_links .item hr {
        height: 1px;
        border: 0;
        border-top: 1px solid #CCCCCC;
    }

    .events.events_column .event p {
        line-height: 18px;
    }

    .events.events_column .event .time,
    .events.events_column .event .location,
    .events.events_column .event p {
        font-size: 14px;
    }

    .events.events_column .event .month,
    .news.news_column .news_item .month {
        font-size: 14px;
        line-height: 14px;
    }

    .events.events_column .event .day,
    .news.news_column .news_item .day {
        font-size: 32px;
        line-height: 32px;
    }

    .date .day {
        font-size: 32px;
    }

    #meet_a_mustang {
        -webkit-clip-path: none;
        clip-path: none;
    }

    #tagline {
        font-size: 18px;
    }

    #footer_callouts .columns {
        padding-left: 0;
        padding-right: 0;
    }

    #footer_callouts .logo_mark {
        top: -62px;
        width: 17px;
    }

    #footer_callouts .social_networks {
        width: auto;
        margin-top: 10px;
        text-align: center;
    }

    #footer_callouts .social_networks li {
        font-size: 35px;
        line-height: 35px;
        margin-right: 7px;
    }

    #return_to_top {
        display: block;
        text-align: center;
        margin-top: 25px;
    }

    #return_to_top i {
        color: #507d97;
        font-size: 30px;
        line-height: 20px;
        margin-bottom: 0;
    }

    #return_to_top h3 {
        color: #ffde00;
        font-size: 18px;
        line-height: 18px;
        margin-top: 0;
    }

    #nav-footer {
        background-position: center bottom;
        background-size: contain;
        padding-bottom: 205px;
    }

    #nav-footer li,
    #nav-footer > ul > li > a {
        width: 100%;
        display: block;
    }

    #nav-footer > ul {
        border-top: 1px solid #2c2b2a;
        padding-top: 0;
        margin-left: 0.9375em;
        margin-right: 0.9375em;
    }

    #nav-footer > ul > li {
        border-bottom: 1px solid #2c2b2a;
        padding: 0;
    }

    #nav-footer > ul > li > a {
        padding: 14px 12px;
    }

    #nav-footer li ul {
        display: none;
    }

    #nav-footer .icon-plus,
    #nav-footer .icon-minus {
        display: block;
        color: #507d97;
        float: right;
    }

    #nav-footer ul ul {
        margin-top: 3px;
        margin-bottom: 20px;
        position: relative;
    }

    #nav-footer ul ul a {
        padding: 0 11px;
    }

    #mission .copy,
    #mission hr:nth-child(1) {
        /*display: none;*/
    }

    #contact .phone {
        display: block;
    }

    #click_rain {
        text-align: center;
        margin-top: 20px;
    }

    #footer_125_years_text_2 {
        padding: 6px 0;
        font-size: 16px;
        line-height: 22px;
    }

}

@media only screen and (max-width: 560px) {
    .news_details .featured_photo.landscape,
    .event_details .featured_photo.landscape {
        width: 100%;
        display: block;
        margin: 0 0 10px 0;
        float: none;
    }

    .featured_caption p {
        margin-left: 0;
    }

    .featured_photo_container {
        margin-left: 0;
    }
}

@media only screen and (max-width: 500px) {
    #featured_video {
        top: 12px;
    }

    #featured_video .thumb {
        width: auto;
        height: auto;
        padding-top: 0;
    }

    #featured_video .thumb:hover {
        background-size: 0;
        border: 2px solid transparent;
    }

    #rotator_callouts {
        margin-top: -300px;
    }

    #rotator h1 {
        font-size: 24px;
        line-height: 24px;
    }

    #upcoming_events.small-6 {
        position: relative;
        width: 100%;
    }

    .accordion article img {
        width: 100%;
        float: none;
        margin: 18px 0 20px 0;
    }

    .accordion section > a h2 {
        font-size: 16px;
    }

    .accordion section > a h2 i {
        font-size: 18px;
    }

    #main_content #courses .toc {
        display: none;
    }

    #courses .toc_select {
        display: block;
    }

    #courses .toc_select select {
        font-size: 16px;
        line-height: normal;
    }

    #courses article h3,
    #courses article h4 {
        float: none;
        display: block;
    }

    .news_item .details .excerpt,
    .news_item .details p.read_more {
        display: none;
    }

    .person_directory .contact a.phone i {
        margin-right: 0;
    }

    .person_directory .contact a.phone span {
        display: none;
    }

    .person .photo img {
	width: 180px;
	margin-bottom: 10px;
    }

    body.athletics #callouts .callout {
        height: 250px;
    }

    body.athletics #callouts .callout .copy {
        height: 150px;
    }

    body.athletics #callouts .copy p {
        display: none;
    }

    .row_callouts .button:first-child {
        margin-right: 0;
    }

    body.athletics .schedule thead th,
    body.athletics .schedule tbody td {
        font-size: 12px;
    }

    .scores .score_item_row .small-10 {
        width: 75%;
    }

    .scores .score_item_row .small-2 {
        width: 25%;
    }

    #associations .row {
        -webkit-clip-path: none;
        clip-path: none;
    }

    #associations .row div {
        height: 78px;
    }

    #footer_125_years_text_2 {
        padding: 10px 0;
        font-size: 14px;
        line-height: 20px;
    }

}

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

    #footer_125_years_text_2 {
        padding: 11px 0;
        font-size: 12px;
        line-height: 20px;
    }

}

@media only screen and (max-width: 360px) {
    .news_details .featured_photo.portrait,
    .event_details .featured_photo.portrait {
        display: block;
        margin: 0 0 10px 0;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    #associations img {
        height: auto;
    }

    table.roster th:last-child,
    table.roster tr td:last-child {
	display: none;
    }

    #footer_125_years {
        height: auto;
    }
    #footer_125_years_logo {
        text-align: center;
        width: 100%;
        margin-top: 4px;
    }
    #footer_125_years_text_2 {
        padding: 8px 0 2px 0;
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        width: 100%;
        margin: 0;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */


@media print {
    body {
        font-family: Arial !important;  /*Morningside's printers were breaking with pt-sans*/
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    #logo {
        float: none;
    }

    #content_header {
        margin-top: 20px;
        padding-top: 8px;
    }

    .ui-widget, .accordion section > a .indicator {
        font-family: Arial !important;
    }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

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

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

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

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}