@import url('octicons/octicons.css');

/****** Base Styles ******/
body {
    -ms-overflow-style:-ms-autohiding-scrollbar;
    overflow: auto;
}

a, p, span, div, label{
    font-family: arial, sans-serif;
}

strong, b {
    font-weight:bold;
}
em, i {
    font-style: italic;
}
u {
    text-decoration: underline;
}

.no-transform {
    font:inherit;
    text-transform:none;
}

.inherit-font-size {
    font-size: inherit;
}

.hide{
    display:none;
}

/*.parallax {
    -moz-perspective: 1px;
    -ms-perspective: 1px;
    -webkit-perspective: 1px;
    perspective: 1px;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.parallax__group {
    position: relative;
    height: 100vh;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
    .parallax__group:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left:0;
        right:0;
    }
.parallax__layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.parallax__layer--base {
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.parallax__layer--back {
    -moz-transform: translateZ(-1px) scale(2);
    -ms-transform: translateZ(-1px) scale(2);
    -o-transform: translateZ(-1px) scale(2);
    -webkit-transform: translateZ(-1px) scale(2);
    transform: translateZ(-1px) scale(2);
}*/

a {
    text-decoration: underline;/*was none*/
    cursor: pointer;
    color: inherit;
    outline: 0;
}
a.octicon, a.mega-octicon,
a > .octicon, a > .mega-octicon {
    cursor: pointer;
}
a > * {
    cursor: pointer;/*by default a first level child of an anchor should be pointered. override in special circumstances*/
}

p {
    line-height: 1.5;
    margin-bottom: 1rem;
}

table.bordered, table.bordered th, table.bordered td {
    border:  1px solid;
}

a.rounded-button {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    display: inline-block;
    padding: 5px 10px;
    text-decoration: none;
    font-family: 'Lato',sans-serif;
    font-weight: 400;
    font-size: 14px; /*was 13*/
    text-align: center;
    line-height: 100%;
}
.squared-button {
    text-decoration: none;
}
/*.rounded-button {
    background-color: rgb(150,150,150);
    color: #FFF;
}
.squared-button {
    background-color: rgb(241,241,241);
    color: rgb(150,150,150);
    display: block;
}*/

.clear {
    clear: both;
}

a.img-link{margin-bottom:5px; display: inline-block; }

.full-width {
    width: 100%;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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

.cta-arrow:after,
.accent-inherit-cta-arrow:after {
    content: "";
    width: 0;
    height: 0;
    margin-left: 8px;
    margin-bottom: -1px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid;
    display: inline-block;
}

a.push-down-arrow:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 10px solid;
    display: block;
    margin: 5px auto 0;
}

a.push-down-arrow.active:after {
    border-bottom: 10px solid;
    border-top: 0px solid;
}


.accordion-header:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid;
    margin-top: 3px;
    display: inline-block;
    float: right;

    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

li.active .accordion-header:after {
    /*border-top: 0px solid;
    border-bottom: 8px solid;*/
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.bold {
    font-weight: bold;
}
/****** End Base Styles ******/

/******* Coloring *********/

/*
light-gray: 241,241,241 (used as gray for squared buttons)
gray: 149,149,149
dark-gray: 128,128,128

maroon: 102,20,36
dark-maroon: 76,12,27
*/

.rounded-button, /*default for rounded button*/
.rounded-button.gray-bg {
    background-color: rgb(149,149,149);
    color: #FFF;
}
.rounded-button:hover, /*default for rounded button hover*/
.rounded-button.dark-gray-bg-hover:hover {
    background-color: rgb(128,128,128);
    color: #FFF;
    text-decoration:none;
}

.squared-button, /*default for squared button*/
.squared-button.gray-bg {
    background-color: rgb(241,241,241);
    color: rgb(150,150,150);
}
.squared-button:hover, /*default for squared button hover*/
.squared-button.dark-gray-bg-hover:hover {
    background-color: rgb(128,128,128);
    color: #FFF;
    text-decoration:none;
}

.dark-gray-bg {
    background-color: rgb(128,128,128);
    color: #FFF;
}

.maroon-bg, .maroon-bg-hover:hover {
    background-color: rgb(102,20,36);
    color: #FFF;
    text-decoration:none;
}
.maroon-bg-trans {
    background-color: rgba(102,20,36,.7);
    color: #FFF;
}

.dark-maroon-bg-hover:hover {
    background-color: rgb(76,12,27);
    color: #FFF !important;
    text-decoration:none;
}

.light-white-trans-bg {
    background-color: rgba(255,255,255,.3); 
    color: #FFF;
}
.light-white-trans-bg:hover {
    background-color: rgba(255,255,255,1);
    color: rgb(149,149,149);
    text-decoration:none;
}
.white-trans-bg {
    background-color: rgba(255,255,255,.75); 
    color: #000;
}
.white-trans-bg:hover {
    background-color: rgba(255,255,255,1);
    /*color: rgb(149,149,149);*/
    color: #000;
    text-decoration:none;
}
.dark-bg {
    background-color: #363636; 
    color: #FFF;
}
.white-bg {
    background-color: #fff; 
    color: #641424;
}
.gray-bg-hover:hover {
    background-color: #B2B2B2;
    color: #FFF !important;
    text-decoration:none;
}

/*text colors*/
.white, .white-hover:hover {
    color: #FFF;
}
.maroon, .maroon-hover:hover {
    color:rgb(102,20,36);
}
.dark-maroon, .dark-maroon-hover:hover {
    color: rgb(76,12,27);
}
.gray, .gray-hover:hover {
    color: rgb(149,149,149);
}
.dark-gray, .dark-gray-hover:hover {
    color: rgb(128,128,128);
}
/****** End coloring ******/

/****** Expandables ******/
.sub-program-degree-req-section .expand-container + .expand-container {
    border-top: 1px solid rgb(150,150,150);
    padding-top: 10px;
    margin-top: 20px;
}

.expandable {
    height:0;
    overflow:hidden;
}

/*set up a partially visible collapsed view*/
.expand-collapseTo150 .expandable{
    /*display:block;*/
    height: 150px;
}

.expandable.active {
    /*display:block;*/
    height:auto;
}

a.anchor-expand {
    float: right;
    /*margin: 0 0 8px;*/
    color: inherit;
}
a.anchor-expand:hover {
    color: rgb(128,128,128);
}

.ribbon-heading {
    display: block;
    cursor: pointer;
    padding-top: 20px;
    padding-bottom: 20px;
    -moz-transition: background-color linear .4s;
    -o-transition: background-color linear .4s;
    -webkit-transition: background-color linear .4s;
    transition: background-color linear .4s;
    padding-left: 40px;
    position: relative;
}
    .ribbon-heading:hover, .ribbon-heading.active {
        background-color: #f1f1f1;
    }
    .ribbon-heading:before {
        content: '\f0a3';
        font: normal normal normal 16px/1 octicons;
        font-size: 26px;
        display: inline-block;
        text-decoration: none;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #d3d3d3;

        -moz-transition: all linear .3s;
        -o-transition: all linear .3s;
        -webkit-transition: all linear .3s;
        transition: all linear .3s;

        position: absolute;
        top: 50%;
        left: 10px;
        margin-top: -13px;
    }
    .ribbon-heading.active:before {
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

.ribbon-heading-left {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-size: 25px;
}
.ribbon-heading-right {
    font-style: italic;
}

.ribbon-heading + .expandable {
    border-bottom: 2px solid #f1f1f1;
}
    .ribbon-heading + .expandable .sf_colsIn {
        padding: 10px;
    }


.right-ribbon-heading {
    display: block;
    cursor: pointer;
    padding-top: 20px;
    padding-bottom: 20px;
    -moz-transition: background-color linear .4s;
    -o-transition: background-color linear .4s;
    -webkit-transition: background-color linear .4s;
    transition: background-color linear .4s;
    padding-left: 40px;
    position: relative;
}
    .ribbon-heading:hover, .ribbon-heading.active {
        background-color: transparent;
    }

.right-ribbon-heading:after {
        content: '\f0a3';
        font: normal normal normal 16px/1 octicons;
        font-size: 26px;
        display: inline-block;
        text-decoration: none;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;

        -moz-transition: all linear .3s;
        -o-transition: all linear .3s;
        -webkit-transition: all linear .3s;
        transition: all linear .3s;

        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -13px;
    }
    .right-ribbon-heading.active:after {
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

.right-ribbon-heading-left {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-size: 25px;
}
.right-ribbon-heading-right {
    font-style: italic;
}

.right-ribbon-heading + .expandable {
    border-bottom: 2px solid #f1f1f1;
}
    .right-ribbon-heading + .expandable .sf_colsIn {
        padding: 10px;
    }

.gray-container .sf_cols .lgray-back .sf_colsIn .sfContentBlock p{
    color: #737373;
}
.lgray-back-dark-text{
    color: #737373;
}

.three-block-gray{
    background-color:#F1F1F1;
}

/*This should make the expandable areas show expanded in the backend*/
.sfPageEditor .expandable {
    height: auto;
}
/*** End Expandables ***/

/****** Content Sizing ******/
.featured-content-box {
    border: 1px solid rgb(243,243,243);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 9px;
}
.featured-content-box:after{
    content: '';
    display: block;
    visibility: hidden;
    height: 0;
    width: 0;
    clear: both;
}

.left50,.right50,.left40,.left60,.right40,.right60 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.left50:after, .right50:after, .left40:after, .left60:after, .right40:after, .right60:after {
    content: '';
    display: block;
    visibility: hidden;
    height: 0;
    width: 0;
    clear: both;
} 

.left40, .left50, .left60 {
    float: left;
    padding-right: 10px;
}
.right40, .right50, .right60 {
    float: right;
    padding-left: 10px;
}

.left40,.right40 {
  width:40%;
}

.left50,.right50 {
  width:50%;
}

.left60,.right60 {
    width: 60%;
}
/****** End Content Sizing ******/

.text-ad,
.text-button {
    height: 64px;
    display:block;
    float:left;
}
.text-ad .line1, .text-ad .line2,
.text-button .line1, .text-button .line2 {
    display: block;
    text-align: center;
    text-transform: uppercase;
}
.text-ad .line1, .text-ad .lineSingle,
.text-button .line1, .text-button .lineSingle {
    display: block;
    text-align: center;
    text-transform: uppercase;
}
.text-ad .line1, .text-ad .lineOnly,
.text-button .line1, .text-button .lineOnly {
    display: block;
    text-align: center;
    text-transform: uppercase;
}
.text-ad .line1,
.text-button .line1 {
    font-size: 14px;
    margin-top: 10px;
    font-weight: 400;
    font-family: "Lato", sans-serif;
}
.text-ad .line2,
.text-button .line2 {
    font-size: 22px;
    margin-top: -5px;
    font-family: "Oswald", sans-serif;
}
.text-ad .lineSingle,
.text-button .lineSingle {
    font-size: 25px;
    margin-top: 10px;
    font-family: "Oswald", sans-serif;
}
.text-ad .lineOnly,
.text-button .lineOnly {
    font-size: 20px;
    margin-top: 15px;
    font-family: "Oswald", sans-serif;
    line-height: 1;
    white-space: nowrap;
}
}

.social-icons {
    list-style-type: none;
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 20px;
}

.social-icons li {
    display: inline;
    opacity: .5;
}

.social-icons li:hover {
    opacity: 1;
}

.content-section {
    font-size: 14px;
    width: 100%;
    height: auto;
    /*z-index: 0;*/
    /*padding-bottom: 20px;*/
    margin: 0;
    position: relative;
    color: #737373;/*rgb(150,150,150);*/
    clear:both;
}
.homepage .content-section {
    overflow: hidden;
}
.ancillary.form .content-section {
    padding-top:40px;
}

.content-section p {
    margin: 0 auto 10px auto;/*was 10px auto*/
    color: #737373;/*rgb(150,150,150);*/
    /*font-size:14px;*/
}
.sfreContentArea p {
    margin: 0 auto 10px auto; /*was 10px auto*/
}
/*.content-section p.page-highlight, .sfreContentArea p.page-highlight {
    line-height:1.4em;
    font-size:16px;
}*/
.content-section td {
    padding: 3px 5px;
}
.sfreContentArea td {
    padding: 3px 5px;
    border: 1px dotted #696969;
}

.content-section ol, .sfreContentArea ol {
    display: block;
    list-style-type: decimal;
    margin-left:35px;
}
.content-section ul, .sfreContentArea ul {
    display: block;
    list-style-type: circle;
    margin-left: 35px;
}
.content-section li, .sfreContentArea li {
    display: list-item;
    line-height: 1.4em;
}

.content-section ol.no-list-style, .sfreContentArea ol.no-list-style,
.content-section ul.no-list-style, .sfreContentArea ul.no-list-style,
.sfBreadcrumbWrp ul {
    list-style-type: none;
    margin-left: 0;
}
ol.sfLoginFieldsWrp {
    list-style: none;
    margin: 0;
}

.content-section .rounded-button {
margin-bottom: 5px;
}

/************ SPRITES **************************/
[class*=sprite-] {
    background: url('/imgs/fhu-sprite.png') no-repeat;
    display: inline-block;
}
.sprite-footer-logo {
    background-position: 0 0;
    width: 393px;
    height: 100px;
}
.sprite-masthead {
    background-position: 0 -100px;
    width: 238px;
    height: 60px;
}

/*social icon sprites*/
[class*=sprite-social-] {
    width: 34px;
    height: 34px;
}
.sprite-social-facebook-icon {
    background-position: 0 -240px;
}
.sprite-social-facebook-icon:hover {
    background-position: 0 -200px;
}
.sprite-social-twitter-icon {
    background-position: -35px -240px;
}
.sprite-social-twitter-icon:hover {
    background-position: -35px -200px;
}
.sprite-social-youtube-icon {
    background-position: -70px -240px;
}
.sprite-social-youtube-icon:hover {
    background-position: -70px -200px;
}
.sprite-social-instagram-icon {
    background-position: -105px -240px;
}
.sprite-social-instagram-icon:hover {
    background-position: -105px -200px;
}
.sprite-social-linkedin-icon {
    background-position: -140px -240px;
}
.sprite-social-linkedin-icon:hover {
    background-position: -140px -200px;
}

[class*=sprite-largesocial-] {
    height:83px;
    width:83px;
}
.sprite-largesocial-news {
    background-position: -200px -200px;
}
.sprite-largesocial-facebook {
    background-position: -200px -300px;
}
.sprite-largesocial-twitter {
    background-position: -200px -400px;
}

/*news icon sprites*/
[class*=sprite-news-] {
    width: 28px;
    height: 28px;
}
.sprite-news-all-icon {
    background-position: 0 -330px;
}
.sprite-news-all-icon:hover,
.sprite-news-all-icon.active {
    background-position: 0 -300px;
}
.sprite-news-facebook-icon {
    background-position: -30px -330px;
}
.sprite-news-facebook-icon:hover,
.sprite-news-facebook-icon.active {
    background-position: -30px -300px;
}
.sprite-news-twitter-icon {
    background-position: -60px -330px;
}
.sprite-news-twitter-icon:hover,
.sprite-news-twitter-icon.active {
    background-position: -60px -300px;
}
.sprite-news-youtube-icon {
    background-position: -90px -330px;
}
.sprite-news-youtube-icon:hover,
.sprite-news-youtube-icon.active {
    background-position: -90px -300px;
}
.sprite-news-instagram-icon {
    background-position: -120px -330px;
}
.sprite-news-instagram-icon:hover,
.sprite-news-instagram-icon.active {
    background-position: -120px -300px;
}
.sprite-news-blogs-icon {
    background-position: -150px -330px;
}
.sprite-news-blogs-icon:hover,
.sprite-news-blogs-icon.active {
    background-position: -150px -300px;
}

/*Misc Icons*/
.sprite-creditcards{
    background-position: 0 -400px;
    width:160px;
    height:22px;
}
.sprite-cvv{
    background-position: 0 -430px;
    width:34px;
    height:21px;
}
.sprite-cal{
    background-position: -40px -430px;
    width:16px;
    height:16px;
}
/************ End SPRITES **********************/


/*********** SROLL TO TOP GLYPH **********************************/
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 40px;
    height: 40px;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index:100;
    text-align:center;
}
#return-to-top i, #return-to-top em {
    color: #fff;
    margin: 0;
    position: relative;
    top:3px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i, #return-to-top:hover em {
    color: #fff;
    top: 0px;
}
/*********** MOBILE CALL GLYPH *****/
#call-us{
    position: fixed;
    bottom: 20px;
    left: 20px;
    background: rgba(0, 0, 0, 0.7);
    width: 40px;
    height: 40px;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index:100;
    text-align:center;
}
#call-us i, #call-us em {
    color: #fff;
    margin: 0;
    position: relative;
    top:3px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 26px;
    margin-top: 4px;
}
#call-us:hover {
    background: rgba(0, 0, 0, 0.9);
}
#call-us:hover i, #call-us:hover em {
    color: #fff;
    top: 0px;
}

/************HEADER SECTION***************************************/
.notification-bar {
    width: 100%;
    height: auto;
    background: #000;
    position: fixed;
    top: -50px;
    z-index: 10;
}

.notification-bar .row {
    margin-bottom: 0 !important;
}

.bar-wrapper {
    width: 100%;
    height: 50px;
    font-family: "Lato", sans-serif;
    color: #fff;
}

.gray-bar {
    width: 35%;
    height: 100%;
    background: #2A2A2A;
    -webkit-transform: skew(-35deg);
    -moz-transform: skew(-35deg);
    -ms-transform: skew(-35deg);
    -o-transform: skew(-35deg);
    transform: skew(-35deg);
    margin-bottom: -50px;
}

.bar-wrapper #question {
    margin-right: 10px;
    position: relative;
    top: 3px;
}

.bar-wrapper h4 {
    font-size: 24px;
    display: inline;
    text-transform: uppercase;
    margin-right: 35px;
    position: relative;
    top: -3px;
}

.bar-wrapper span {
    font-weight: 700;
}

.bar-wrapper p {
    display: inline;
    font-size: 20px;
    margin-right: 20px;
    position: relative;
    top: -4px;
}

.bar-wrapper input {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    background: #2A2A2A;
    border-color: #2A2A2A;
    color: #fff;
    outline: 0;
    position: relative;
    top: -4px;
}

.bar-wrapper input:focus {
    outline: 0;
}

.bar-wrapper #search {
    position: relative;
    top: -4px;
}

.wrapper-header {
   display:none;
}

.slant {
    height: 102px; /*620px;*/
    width: 100%;
    -webkit-transform: skew(35deg);
    -moz-transform: skew(35deg);
    -ms-transform: skew(35deg);
    -o-transform: skew(35deg);
    transform: skew(35deg);
    position: absolute;
    right: -811px; /*-630px;*/
    background-color: rgba(102,20,36,.83);
    z-index: 2;
    /*added with parallax header mod*/
    top: 518px;
}

.content-header {
    z-index: 10;
    -webkit-transform: skew(-35deg);
    -moz-transform: skew(-35deg);
    -ms-transform: skew(-35deg);
    -o-transform: skew(-35deg);
    transform: skew(-35deg);
}

.content-header-text .feature-message-title-line1 {
    font-family: 'Lato', sans-serif;
    font-size: 50px;
    line-height: 70px;
    color: rgb(205,207,207);
    font-weight: 400;
    display: block;
    text-transform: uppercase;
    margin-top: 50px;/*depending on feature message, this may need to increase or decrease to get the message near-center*/
}
.content-header-text .feature-message-title-line2 {
    font-family: 'Oswald', sans-serif;
    color: rgb(255,255,255);
    font-size: 100px;
    display: block;
    font-weight: lighter;
    text-transform: uppercase;
}

.content-header-text p {
    margin-top: 15px;
    color: rgb(205,207,207);
    line-height: 1.7em;
    font-size: 18px;
    font-family: 'Lato', sans-serif;
}
/******************************************************************/

/************NAV-SUB SECTION***************************************/
.wrapper-nav nav {
    margin-top: -80px;
}

.wrapper-nav nav > .row:first-child {
    height: 25px;
}

.subpage #wrapper-nav-menu {
    background-color: rgb(241,241,241);
}

.wrapper-nav nav ul > li > a {
    text-decoration: none;
    font-family: 'Lato';
    font-weight: 400;
}

.wrapper-nav a.megaitem-link {
    color: #fff;
}

.black-bar {
    height: 102px;
    width: 100%;
    background-color: rgba(0,0,0,.75);
    position: absolute;
    bottom: 0;
}

.position-fix {
    position: relative;
    top: 10px;
    margin-bottom: -20px;
}

li#sub-navigation-expander > a:first-child {display: none;}

div#navigation-searchbar, div#navigation-searchbar.active {
    display: none;
    background-color: #000;
    padding: 10px 40px 10px 10px;
    position: relative;
    z-index: 1;
}
.subpage div#navigation-searchbar{
    position: relative;
    left: 0;
    right: 0;
}

div#navigation-searchbar input#searchbar-search {
    margin:0;
    padding: 0 10px;
    border:none;
    border-radius: 15px;
    line-height: 2em;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div#navigation-searchbar input#searchbar-search:focus {
    outline: 0;
}
div#navigation-searchbar a.octicon-search {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -8px;
}

.subpage #sub-navigation-wrapper {
    z-index: 1;
    position: relative;
}

.sub-navigation-bar {
    padding-bottom:10px;
}
.sub-navigation-bar:after {
    content:'.';
    display:block;
    visibility:collapse;
    height:0px;
    width:0px;
    clear:both;
}

.sub-navigation-bar .row {
    height: 150px;
    top: 600px;
}

.sub-navigation-bar ul {
    z-index: 5;
}

.sub-navigation-bar ul li {
    list-style: none;
    margin-top:7px;
    padding: 0 7px;
    float:left;
    font-size:12px;
    border-right: 1px solid #fff;
    padding-right: 8px;
}

.sub-navigation-bar ul li:last-child {
    border-right: none;
}

.sub-navigation-bar ul li a {
    color: #fff;
    text-decoration:none;
}

div#expand-search-apply-wrapper{
    float: left;
    position: relative;
    z-index: 1;
}

a#expand-nav-button {
    display: none;
    font-size: 48px;
    vertical-align: middle;
    margin-right: 10px;
}

a#expand-search-button {
    display: none;
    vertical-align: middle;
}

a.apply-now-button {
    z-index: 5;
    font-size: 11px;
    text-align: center;
    padding: 7px 9px;
    text-transform: uppercase;
}

div.sub-navigation-bar {
    float: left;
}

.sub-navigation-bar ul li:last-child {
    border: none;
}

.masthead-img {
    z-index: 10;
    position: absolute;
    bottom: 25px;
    left: 40px;
    -webkit-transform: skew(-35deg);
    -moz-transform: skew(-35deg);
    -ms-transform: skew(-35deg);
    -o-transform: skew(-35deg);
    transform: skew(-35deg);
    text-decoration: none;
}
/********************************************************************/

/***************MAIN NAV**************************************/
nav .row{
    margin-bottom: 0px;
}

div.wrapper-nav{
    background-color: rgb(241,241,241); 
    width:100%;
}
.subpage div.wrapper-nav{
    position: relative;
    z-index: 1;
    background-color: transparent;
}

.main-navigation {
    position: relative;
    z-index: 5;
    margin-top:10px;
}
.subpage .main-navigation {
    z-index: 1;
}
.main-navigation > ul.megamenu {
    font-size: 13px;
    z-index: 10;
}

.main-navigation > ul.megamenu > li.megaitem {
    display: block;
    float: left;
    z-index: 10;
}

.main-navigation > ul.megamenu > li.megaitem > a.megaitem-link {
    line-height: 45px;
    z-index: 10;
    cursor: pointer;
    display: block;
    text-align: center;
    text-transform: uppercase;
}

li.megaitem.search > a.megaitem-link > span {
    margin-left: 5px;
    font-size:inherit;
}

.main-navigation > ul.megamenu > li.megaitem > div.megasub { 
    display: none;
    position: relative;
    width: 1140px;
}
.main-navigation > ul.megamenu > li.active.megaitem > div.megasub {display: block;}

.main-navigation > ul.megamenu > li:nth-child(1) { width: 105px; }
.main-navigation > ul.megamenu > li:nth-child(2) { width: 105px; }
.main-navigation > ul.megamenu > li:nth-child(2) div.megasub{ left: -105px; }
.main-navigation > ul.megamenu > li:nth-child(3) { width: 105px; }
.main-navigation > ul.megamenu > li:nth-child(3) div.megasub{ left: -210px; }
.main-navigation > ul.megamenu > li:nth-child(4) { width: 80px; }
.main-navigation > ul.megamenu > li:nth-child(4) div.megasub{ left: -315px; }
.main-navigation > ul.megamenu > li:nth-child(5) { width: 80px; }
.main-navigation > ul.megamenu > li:nth-child(5) div.megasub{ left: -395px; }
.main-navigation > ul.megamenu > li:nth-child(6) { width: 100px; }
.main-navigation > ul.megamenu > li:nth-child(6) div.megasub{ left: -475px; }
.main-navigation > ul.megamenu > li:nth-child(7) { width: 80px; }
.main-navigation > ul.megamenu > li:nth-child(7) div.megasub{ left: -575px; }
.main-navigation > ul.megamenu > li:nth-child(8) { width: 100px; }
.main-navigation > ul.megamenu > li:nth-child(8) div.megasub{ left: -655px; }

.main-navigation > ul.megamenu > li.megaitem.active,/* > a:first-child,*/
.main-navigation > ul.megamenu > li.megaitem:hover/* > a:first-child:hover*/ {
    background-color: rgb(241,241,241);
}

.main-navigation > ul.megamenu > li.megaitem.active > a:first-child,
.main-navigation > ul.megamenu > li.megaitem > a:first-child:hover {
    color: #696969;
}
/*************************************************************/

/*************************************MEGA-MENU**************************************/

.megasub {
    z-index: 10;
    padding: 40px 0;
    overflow: hidden;
    background-color: rgb(241,241,241); 
    color: #737373; /*rgb(150,150,150);*/
}

.megasub .text-ad,
.megasub .text-button {
    margin-bottom: 15px;
    height: 107px;
}
.megasub .text-ad .line1,
.megasub .text-button .line1 {
    font-size: 16px;
    padding-top: 24px;
    margin-top: 0px;
}
.megasub .text-ad .line2,
.megasub .text-button .line2 {
    font-size: 34px;
}

.megasub a.rounded-button {
    margin-bottom: 4px;
    line-height: 1.4em;
}
.megasub a.rounded-button:last-child{margin-bottom: 0px;}

.megasub.plum-accent a.rounded-button.maroon-bg{background-color: rgb(150,150,150); color: #FFF;}
.megasub.plum-accent a.rounded-button.maroon-bg:hover{background-color: rgb(63,13,22);}

.megasub .sub-heading {
    font-family: "Lato", sans-serif;
    font-size: 17px;
    line-height: 23px;
    padding-bottom: 12px;
}

.megasub .sub-text{
    font-family: "Lato", sans-serif;
    margin-bottom: 12px;
    line-height: 15px;
}

.megasub .sub-text:first-child{
    margin-top:12px;
}

.megasub h3 {
    font-family: "Oswald", sans-serif;
    font-size: 27px;
    margin-bottom: 16px;
    line-height:1.2em;
    text-transform: uppercase;
}

.megasubnav ul.navlist {
    position: relative;
    top: -18px;/*This shifts up the amount that the anchors are padded on the top so that the menu text top is the same as the rest of the megasub's content*/
}

.megasubnav ul.navlist > li {
}

.megasubnav ul.navlist > li > a.nav-link {
    text-transform: uppercase;
    font-size: 19px;
    line-height: 27px;
    padding-top: 18px;
    padding-bottom: 18px;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    display: block;
}

.megasubnav ul.navlist .nav-bottom-border {
    border-bottom: 1px solid rgb(218, 218, 218);
}

.nav-arrow {
    padding-right: 25px;/*This will force the text to save room for the arrow*/
    position: relative;
}

.nav-arrow:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 17px solid rgb(150, 150, 150);
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
}

.megasubnav ul.navlist > li.contact > a.nav-link {
    padding-bottom: 12px;
}

.megasubnav .contact p.sub-heading {
    font-size: 13px;
    padding-bottom: 4px;
}

.megasub section {
    margin-bottom: 38px;
}
.megasub section:after{
    content: ".";
    height: 0;
    width: 0;
    display: block;
    clear: both;
    visibility: hidden;
}

.megasub section table tr > td {
    padding: 0px 12px 12px 0px;
}

.megasub section table {
    margin-bottom: 5px;
}

.megasub section dl {
}
.megasub section dl:after {
    content: "";
    height: 0;
    width: 0;
    clear: both;
    display: block;
}

.megasub section dl dt {
    clear: left;
    float: left;
    font-weight: bold;
    margin: 0 8px 12px 0px;
}
.megasub section dl dt:last-of-type {
    margin-bottom: 0px;
}

.megasub section dl dd {
    float: left;
    display: inline;
}

input#megaSubSearch { 
    line-height: 35px;
    float: left;
    padding: 0 5px;
    margin: 0;
    font-size: 24px;
    border: 3px solid #969696;
    border-right: none;
}

input#megaSubSearch:focus {
    outline: 0;
}

div.search-input-wrapper a.octicon-search {
    background-color: rgb(102,20,36); /*was rgb(35,31,32);*/
    line-height: 35px;
    padding: 0 12px;
    margin-left: 0px;/*was 5px*/
    border: 3px solid #969696;
    border-left: none;
    color:white;
}

    div.search-input-wrapper a.octicon-search:hover {
        background-color: rgb(76,12,27);
        text-decoration:none;
        color:#fff;
    }
}
/********************************************************************/

.mobile-apply {display: none;}

/************MISSION SECTION***************************************/
.mission-row{ margin-top: 30px; }

.content-slant {
    height: 1000px;
    width: 100%;
    background: rgb(241, 241, 241);
    -webkit-transform: skew(35deg);
    -moz-transform: skew(35deg);
    -ms-transform: skew(35deg);
    -o-transform: skew(35deg);
    transform: skew(35deg);
    position: absolute;
    right: -1197px;
    z-index: -1;
}

h3.mission-statement-header {
    font-family: "Lato", sans-serif;
    font-size: 20px;
    margin: 0;
    white-space: nowrap;
    text-align: center;
    float: left;
    margin-right:20px;
}

.mission-statement-header span {
    font-family: "Oswald", sans-serif;
    font-size: 66.5px;

}

p.mission-statement-para {
    font-family: "Lato", sans-serif;
    font-size: 15px;
    line-height: 1.4em;
    position: relative;
    top: 20px;
    margin:0;
}

.picture-slider {
    width: 100%;
    position: relative;
    margin-bottom: 0px !important;
}

.picture-slider .slider-item {
    height: 182px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.slider-header {
    width: 100%;
    height: 33px;
    z-index: 10;
}

.slider-detail-wrapper {
    height: 0%;
    overflow: hidden;
    font-family: 'Lato', sans-serif;
    text-align:center;
    font-size: 15px;
    line-height: 16px;
    -webkit-transition: height .5s;
    -moz-transition: height .5s;
    -ms-transition: height .5s;
    -o-transition: height .5s;
    transition: height .5s;
}
.slider-item:hover .slider-detail-wrapper{
    height: 100%;
}

.slider-detail-wrapper p.slider-detail {
    padding: 14px 35px 0px;
    color: #FFF;
    text-align: center;
    margin-bottom: 12px;
}
.slider-detail-wrapper p.slider-detail a:hover {
    color: white;
}

.headline-slider-text h3 {
    width: 100%;
    color: #fff;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 17px;
    text-align: center;
    padding-top: 5px;
}
.headline-slider-text strong {
    color: #fff;
    font-family: "Oswald", sans-serif;
    font-size: 22px;
    font-weight: 500;
    padding-right: 10px;
    text-transform: uppercase;
}
.picture-button-container {
    width: 4%;
    float: left;
}

/************************NOTEWORTH*************************/
.noteworthy {
    width: 100%;
    height: 178px;
    border: 2px solid rgb(243,243,243);
    background-color: #fff;
    overflow: hidden;
}

.noteworthy-heading {
    margin-bottom: 10px;
}
.noteworthy-heading:after {
    content: '.';
    display: block;
    width: 0;
    height: 0;
    visibility: hidden;
    clear: both;
}

.noteworthy-heading h3 {
    font-family: "Oswald", sans-serif;
    font-size: 22px;
    float: left;
    display: block;
    margin: 5px 15px 0 8px;
    text-transform:uppercase;
}

.title-of-section {
}

#news-view-all-button {
    position: relative;
    top: 3px;
}

.noteworthy-item-wrapper {
    width: 50%;
    float: left;
}

.noteworthy-item-wrapper .noteworthy-title {
    font-size: 16px;
    margin-bottom: 6px;
    font-family: "Lato", sans-serif;
    display: block;
    line-height:1.1em;
}

.noteworthy-item-wrapper .noteworthy-date {
    color: rgb(200,200,200);
    font-style: italic;
    font-family: "Lato", sans-serif;
    display: block;
}

.noteworthy-item-wrapper .noteworthy-detail {
    /*font-size: 16px;
    font-family: "Lato", sans-serif;*/
    margin-top:8px;
}

.noteworthy-item {
    padding: 0 8px;
}

.noteworthy-item a {
    text-decoration: none;
}

.noteworthy-item.right-border{
    border-right: 1px solid rgb(243,243,243);
    margin-right: 12px;
}
/**********************************************/

/*************SQUARES************************/
.highlights-events-row{height:177px;}

div#highlights {
    height: 100%;
    overflow: hidden;
    float: left;
}


.highlight {
    background: rgb(241, 241, 241);
}

.highlight-wrapper:hover .highlight-detail {
    top:-100%;
}

.highlight-detail:before {
    content: '';
    display: block;
    position: absolute;
    height: 200px;
    width: 500px;
    top: -137px;
    background-color: rgb(241,241,241);
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
}

.highlight-detail {
    background-color: #FFF;
    position: relative;
    top: 0;
    -webkit-transition: top .5s;
    -moz-transition: top .5s;
    -ms-transition: top .5s;
    -o-transition: top .5s;
    transition: top .5s;
}

.highlight-detail > .highlight-detail-content {
    z-index: 50;
    position: relative;
    padding-left: 5px;
}

div.highlight-wrapper {
    overflow: hidden;
    height: 100%;
}

div.highlight-container {
    overflow: hidden;
    height: 100%;
}

.highlight, .highlight-detail {
    height: 173px;
    border: 2px solid rgb(241,241,241);
    overflow: hidden;
}

.highlight-push {
    float:right;
    clear:right;
    height:4px;
    margin-right: 15px;
}

.highlight-container img {
    display: block;
    margin: 0 auto;
    padding-top: 20px;
}

.highlight-container span.line1 {
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    display: block;
    margin-top: 15px;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
}

.highlight-container span.line2 {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    padding: 5px 19px 15px;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;

    display: block;
}

.highlight-container h6, .highlight-detail-heading {
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 1.2em;
    margin-top: 5px;
}

.highlight-container p {
    font-family: "Lato", sans-serif;
    font-size: 13px;
    margin:10px 5px 10px 0;
}

#highlight4{display: none;}

/***********************Calendar********************************/

.slider-header-calendar {
    width: 100%;
    height: 33px;
    z-index: 10;
}

.headline-calendar-slider-text {
    color: #fff;
    font-family: "Oswald", sans-serif;
    font-size: 22px;
    padding: 5px 0 0 30px;
    text-transform: uppercase;
}

.headline-calendar-slider-text h3
{
    float: left;
    /*font-weight: 100;*/
}

.calendar-heading {
    width: 100%;
    background-color: #eee;
    height: auto;
    overflow: hidden;
    margin-bottom: 5px;
}
.calendar-day {
    width: 14%;
    height: 30px;
    background-color: #555;
    font-size: 22px;
    font-family: "Oswald";
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding-top: 3px;
    float: left;
}
.calendar-month {
    width: auto;
    height: 26px;
    font-size: 20px;
    padding: 4px 0px 0 8px;
    float: left;
    text-transform: uppercase;
}
.calendar-month span {
    text-transform: none;
    font-size: 11px;
    padding-left: 5px;
}

.calendar-day-events {
    background-color: #FFF;
    font-family: 'Lato', sans-serif;
    height: 132px;
    border: 1px solid rgb(241,241,241);
    margin-top: 10px;
}

.calendar-day-events p {
    font-size: 12px;
    padding: 3px 5px;
    margin:0;
}
.calendar-day-events a {
    text-decoration: none;
}
.calendar-day-events a:hover {
    text-decoration: underline;
}

.calendar-slider .slick-track div:nth-child(odd) .calendar-day-events{margin-right: 10px;}
.calendar-slider .slick-track div:nth-child(even) .calendar-day-events{margin-left: 10px;}

#calendar-view-all-button {
    margin-left: 15px;
    vertical-align: bottom;
    text-transform:none;
}
#calendar-wrapper{height:auto !important;}

.calendar-noteworthy-mobile-button {
    width: 100%;
    height: 50px;
    background: rgb(241, 241, 241);
    font-family: "Oswald";
    letter-spacing: .1em;
    display: none;
    text-decoration: none;
}

.calendar-noteworthy-mobile-button h2 {
    color: rgb(150,150,150); /*#696969;*/
    text-transform: uppercase;
    font-size: 20px;
    line-height: 50px;
    margin-left: 20px;
    margin-right: 20px;
}
/**********************************************/

/*******************Social********************/

.social-section {
    width: 100%;
    overflow: hidden;
    background: url('../imgs/campus-background.jpg') fixed  no-repeat;
    background-size: cover;
    background-position: right center;
    padding: 60px 0;
}

.social-item {
    width: 33.33333%;
    float: left;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.social-item section {
    background-color: rgba(0,0,0,.7);
    height: 250px;
    margin-left: 85px;
    margin-right: 10px;
}

.social-item span.social-item-heading,
.social-item span.social-item-pubdate,
.social-item p {
    color: #fff;
    font-weight: 400;
    margin-left: 20px;
    display: block;
}
.social-item .icon {
    z-index: 5;
    float: left;
    margin-left: 15px;
    margin-top: -25px;
}
.social-item span.social-item-heading {
    font-size: 20px;
    margin-top: 5px;
    padding-top: 15px;
    font-family: "Oswald", sans-serif;
    text-transform:uppercase;
}

.social-item span.social-item-account {
    font-size: 16px;
    margin-left: 5px;
    font-family: inherit;
    text-transform: initial;
    font-weight: lighter;
}

.social-item span.social-item-pubdate {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.social-item p {
    font-size: 14px;
    margin-right: 20px;
    letter-spacing: 0.05em;
}

.social-item a {
    text-decoration: none;
}

a.social-view-all-button {
    margin-left: 20px;
    position: absolute;
    bottom: 20px;
    font-weight: bold;
}

#gallery figure img {
    z-index: 10;
    display: none;
}

/****************************FOOTER*********************************/
footer {
    width: 100%;
    height: 100%;
    background-color: #FFF;
    position: relative;
    overflow: hidden;
    color: #737373;/*rgb(150,150,150);*/
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}

footer #logo {
    /*margin-top: 45px;*/
    margin-top: 30px;
    margin-bottom: 15px;
}

footer section#footer-logo-copyright p {
    font-size: 14px;
    display: inline;
}

footer section#footer-address-links {
    margin-top: 70px;
    text-align: right;
}

.footer-triangle {
    width: 60%;
    position: relative;
    left: -30%;
    height: 250px;
    background: #EFEFEF;
    -webkit-transform: skew(-35deg);
    -moz-transform: skew(-35deg);
    -ms-transform: skew(-35deg);
    -o-transform: skew(-35deg);
    transform: skew(-35deg);
    margin-bottom: -250px;
}

.footer-links {
    margin-top: 30px;
}

.footer-links a {
    color: inherit;
    text-decoration: underline;
    display: block;
    position: relative;
    bottom: 0;
}

.readMoreSocialLinks{
    color: rgba(255,255,255,.6);
}

.socalWebsiteLinks {
    color: #fff;
}

.readMoreSocialLinks:hover, .socalWebsiteLinks:hover {
    text-decoration: underline;
}

.holdsall {
    z-index: 15;
}



/**************************************************************************************************************************************************/
#header {
    width: 100%;
    height: 500px;
    background-color: #000;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 0;
    background-size: cover;
    overflow: hidden;
    /*margin-top: -102px;*/
    -webkit-transition: margin-top .3s;
    -moz-transition: margin-top .3s;
    -ms-transition: margin-top .3s;
    -o-transition: margin-top .3s;
    transition: margin-top .3s;
    z-index: 0;
    position: relative;
    float:left;/*this fixes IE -- makes it actually use the negative margin*/
}
div[class*=expanded].wrapper-nav+#header {
    margin-top: 0px;
}

.header-action-button-wrapper {
    position: absolute;
    width:150px;
    z-index: 5;
    /*display: none;*/
}
.homepage .header-action-button-wrapper {
    top: 539px;
}
.subpage .header-action-button-wrapper {
    /*bottom: 15px;
    right: 15px;*/
    top:21px;
}
.header-action-button-wrapper .rounded-button {
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8);
    display: block;
    font-size: 13px;
    padding: 7px 0px;
    width:100%;
    text-transform: uppercase;
}
.header-action-button-wrapper .rounded-button.cta-arrow:after {
    margin-left: 12px;
}

/*** Pop Bar ****/
/*@media (max-width: 571px) {*/
@media (max-width: 691px) {
    div.popbar-wrapper {
        display:none;
    }
}

div.popbar-wrapper {
    color: #FFF;
    z-index:50;
    position:relative;
    /*padding-top: 15px;
    padding-bottom: 10px;*/
}
div.popbar {
    background-color: #000;
    z-index: 3;
    padding: 10px;
}
    div.popbar p {
        margin: 0 auto 20px auto;
    }
    div.popbar.form {
        background-color: rgb(90,90,90);
        border-bottom: 1px solid rgb(90,90,90); 
        position:relative; 
        z-index:50;
    }
        div.popbar.form.active {
            border-bottom: 4px solid rgb(90,90,90);
        }
    div.popbar.lionalert {
        background-color: rgb(160,0,32);
    }
    div.popbar.weather {
        background-color: rgb(14,112,178);
    }
    div.popbar.message {
        background-color: #0069B9;
    }

    div.popbar .row {
        margin-bottom: 10px;
    }
    div.popbar div.column12 {
        margin-bottom: 0;
    }
    /*div.popbar:after {
        content: '';
        display: block;
        clear: both;
        visibility: hidden;
        height: 0;
        width: 0;
    }*/
/** End Pop Bar **/

.header-loading-gif {
    height: 32px;
    width: 32px;
    position: absolute;
    top: 225px;
    left: 50%;
    z-index: 200;
}
.homepage .header-loading-gif {
    /*left: 25%;*/
    top: 290px;
}

.form .header-loading-gif{
    display:none;
}

.subpage .black-bar {
    /*height: 94px;*/
    position: relative;
    overflow: hidden;
    z-index: 1;
    -webkit-transition: background-color 1s;
    -o-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -ms-transition: background-color 1s;
    transition: background-color 1s;
}
.subpage div[class*=expanded].wrapper-nav .black-bar {
    background-color: rgba(0,0,0,1);
}

.homepage .wrapper-nav .black-bar {
    display: none;
}


.sub-academics-sub-nav {
    top: 13px;
}

.sub-academics-main-nav {
    position: relative;
    z-index: 5;
    top: 7px;
    float: left;
}

.sub-academics-slant {
    height: 100%;
    -webkit-transform: skew(35deg);
    -moz-transform: skew(35deg);
    -ms-transform: skew(35deg);
    -o-transform: skew(35deg);
    transform: skew(35deg);
    background-color: rgba(102,20,36,.6);
    z-index: 2;
    overflow: hidden;
    position: relative;
    left: 74%;
}

#header-title-wrapper {
    position: absolute;
    bottom: 0;
    width: 100%;
}
#header-title-wrapper .container12 {
    overflow: hidden;
    /*padding-top: 40px;*/
}

.header-shape {
    /*margin-left:10px;*/
    /*width: 100%;
    background-color: rgba(102,20,36,.7);*/
    /*-webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);*/
    /*position: relative;*/
    /*left: -5px;*/
    /*margin-bottom: -45px;
    padding-bottom: 60px; the difference in the -45 and 60 here gives us a 15px effective padding*/
}
/*.ancillary .header-shape {
    width: 105%;need to push it wider on ancillary pages so that the overflow will cut off and give us a vertical edge where the subpage sidebar would be
}*/

    .header-shape h1 {
        font-family: "Khand", sans-serif;
        font-size: 34px;
        text-transform: uppercase;
        /* padding: 0 0 0 15px; */
        letter-spacing: .05em;
        /* padding-top: 20px; */
        /* width: 55%; */
        line-height: 30px;
        padding-top: 15px;
        /* max-width: 67%; */
    }
}

/*************sub academics content section ***********************/

.container-content > #breadcrumb{
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: "Nunito sans", sans-serif;
    text-transform: uppercase;
    font-size: 10px;
}

#breadcrumb {
	margin-top: 20px;
    margin-bottom: 20px;
    font-family: "Nunito sans", sans-serif;
    text-transform: uppercase;
    font-size: 10px;
}
#breadcrumb ul li {
    display: inline;
    float: left;
    margin-right:3px;
    line-height: initial;
}
#breadcrumb a, #breadcrumb span {
    color: inherit;
    font-family: inherit;
    text-decoration: none;
}
#breadcrumb a:hover {
    text-decoration: underline;
}
#breadcrumb .sfNoBreadcrumbNavigation a:hover {
    text-decoration: none;
    cursor: text;
}
div#page-title {
    /*display: none;*/
}
div#page-title span.h1 {
    font-size: 38px;
    text-transform: uppercase;
    font-family: "khand", sans-serif;
}
div#mission,div.mission {
}
div#mission h2,div.mission h2, h2.page-heading, .blackbaud .container-content h1 {
    font-family: "Nunito Sans", sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 1.2em;
}
div#mission p, div.mission p, p.page-highlight, .page-highlight p {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    margin-top: 10px;
    line-height: 1.4em;
}
.feature-ad,
.feature-block {
    height: 237px;
    overflow: hidden;
    position: relative;
}
.feature-ad:hover .feature-ad-content,
.feature-block:hover .feature-block-content {
    top: -100%;
}
.feature-ad img,
.feature-block img {
    width: 100%;
    height: auto;
    display: block;
}
.feature-ad-content,
.feature-block-content {
    height: 100%;
    text-align: center;
    color: #fff;
    position: relative;
    top: -45px;
    /*each of these were transitioning the top*/
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.feature-ad-content span.feature-ad-title,
.feature-block-content span.feature-block-title {
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
    line-height: 45px;
}
.feature-ad-content p,
.feature-block-content p {
    font-size: 17px;
    width: 80%;
    margin: 0 auto;
    font-family: "Lato", sans-serif;
    color:white;
}
.feature-ad-button-container,
.feature-block-button-container{
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
}
.feature-ad-button,
.feature-block-button {
    display: inline-block;
    padding: 10px;
    border-radius: 20px;
    font-size: 12px;
    margin: 0 auto;
    font-family: "Lato", sans-serif;
    text-transform: uppercase;
    color: #696969;
    text-decoration: none;
}

.feature-ad-button span,
.feature-block-button span {
    font-size: 13px;
    text-transform: none;
    font-weight: bold;
}
.sub-academics-major-border {
    border: 1px solid rgb(243,243,243);
    overflow: auto;
}

/*** STYLIZED HEADERS ***/
h3.stylized {
    font-family: "Nunito Sans", sans-serif;
    font-size: 25px;
    text-transform:uppercase;
    margin: 0 0 15px 0;
}

h3.stylized span.bigger{
    font-size:39px;
    font-family: inherit;
}

h3.stylized span.smaller {
    font-size: 20px;
    font-family: "Lato", sans-serif;
    text-transform: none;
    letter-spacing: .03em;
}

h4 {
    font-weight: bold;
}

/********* NOT USED BLOCK **********/
.sub-academics-major-text-column h3 {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-size: 25px;
    text-align: left;
}
.sub-academics-major-text-column h3 span {
    font-size: 39px;
    font-family: inherit;
}
.sub-academics-major-text-column p {
    line-height: 1.3em;
    margin-top: 15px;
}
.sub-academics-major-list {
    margin-bottom:15px;
}
.sub-academics-major-list li {
    line-height: 1.3em;
}
.sub-academics-major-list li a {
    font-size: 14px;
    font-family: "Lato", sans-serif;
}
.sub-academics-major-list li a:hover {
    text-decoration: underline;
}
.sub-academics-spotlight-box {
}
.sub-academics-spotlight-box h3 {
    font-size: 25px;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    margin: 0px 0 15px 0px;
}
    .sub-academics-spotlight-box h3 span {
        margin-bottom: 20px;
        margin-top: 10px;
        margin-left: 0px;
        font-family: "Nunito sans", sans-serif;
        text-transform: uppercase;
        font-size: 10px;
    }
}
.sub-academics-spotlight-text p,
.featured-content-box p {
    line-height:1.3em;
}
.sub-academics-spotlight-text p:first-child {
    margin-top:0;
}
/********* END NOT USED BLOCK **********/

/******************************************************************/
div#sidebar {
    background: rgb(242, 242, 242);
    position: relative;
    /*top: -110px;*/
    height: 100%;
    min-height: 350px;
    margin-top: 55px;
    margin-bottom: 20px;
}
.ancillary div#sidebar {
    top: 0;
}
body.calendar div#sidebar {
    margin-top: 20px;
}

.faculty div.facultyBar {
    /*top: -160px;*/
    float: right;
    position: relative;
    background-color: rgb(242, 242, 242);
}
div#sidebar .h2 {
    text-transform: uppercase;
    font-family: "Khand", sans-serif;
    font-size: 24px;
    margin: 7px 20px;
    display: block;
    letter-spacing: .05em;
    line-height: 1.3em;
    text-decoration: none;
}
div#sidebar .h2:hover {
    color: rgb(128,128,128);
}
/*div#sidebar > div {
    padding: 20px;
    border-bottom: 2px solid rgb(239,239,239);
}*/
div#sidebar .sidebarItem, .faculty div.facultyBar .sidebarItem {
    padding: 20px;
    border-bottom: 2px solid rgb(239,239,239);
}
div#sidebar .sidebarItem:after, .faculty div.facultyBar .sidebarItem:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    width: 0;
}

ul.facultyProfileList {
    -moz-columns: 4;
    -webkit-columns: 4;
    columns: 4;
    -moz-column-gap: 0;
    -webkit-column-gap: 0;
    column-gap: 0;
    -moz-column-rule: none;
    -webkit-column-rule: none;
    column-rule: none;
    margin-top: 30px;
    margin-bottom:30px;
}
li.facultyProfileListItem {
}
.facultyProfileListItem a {
    text-decoration: none;
    font-family: "Lato", sans-serif;
    font-size: 18px;
    line-height: 20px;
}
    .facultyProfileListItem a:hover {
        text-decoration: underline;
    }

.facultyBar .facultyAvatar {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
.facultyBar .facultyNameAndInfo {
    font-size: 16px;
    font-family: "Lato", sans-serif;
}
.facultyBar span.facultyName {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 26px;
    display: block;
    font-family: inherit;
}
.facultyBar span.facultyDegree {
    font-family: inherit;
    display: block;
    margin-bottom: 20px;
}
.facultyBar span.facultyInfo {
    font-family: inherit;
    line-height: 1.2em;
    display: block;
    margin-bottom: 20px;
}

.facultyPageSectionHeadingContainer {
    display: block;
    line-height: 2em;
    border-bottom: 2px solid #f1f1f1;
    cursor: pointer;
    padding-top: 15px;
    padding-bottom: 15px;

    -moz-transition: background-color linear .3s;
    -o-transition: background-color linear .3s;
    -webkit-transition: background-color linear .3s;
    transition: background-color linear .3s;
}
    .facultyPageSectionHeadingContainer:hover {
        background-color: #f1f1f1;
    }
.facultyPageSectionHeadingContainer.active {
    background-color: #f1f1f1;
}
    .facultyPageSectionHeadingContainer .plusBtn {
        margin-left: 10px;

        /*-moz-transition: all ease-out .3s;
        -o-transition: all ease-out .3s;
        -webkit-transition: all ease-out .3s;
        transition: all ease-out .3s;*/

        position:absolute;

        font-size: 40px;
        font-weight:100;
        font-family: "lato", sans-serif;
    }
    .facultyPageSectionHeadingContainer.active .plusBtn {
        /*-moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);*/
    }
    .facultyPageSectionHeadingContainer .minusBtn {
        margin-left: 15px;
        display: none;

        position:absolute;

        font-size: 40px;
        font-weight:100;
        font-family: "lato", sans-serif;
    }
    .facultyPageSectionHeadingContainer .xBtn {
        margin-left: 16px;
        display: none;

        position:absolute;

        font-size: 27px;
        font-weight:100;
        font-family: "lato", sans-serif;
    }
a.facultyPageSectionHeading {
    text-decoration: none;
    font-family: "Lato", arial;
    font-weight: 100;
    font-size: 26px;
    text-transform: uppercase;
    padding-left: 50px;
    display: block;
    line-height: 32px;
}

div.facultyPageSectionContentContainer {
    padding: 20px 0;
    border-bottom: 2px solid #f1f1f1;
}
/*div.facultyPageSectionContentContainer > *:first-child {
    margin-top: 20px;
}*/

/*CLEANUP -- get rid of this block*/
.quick-notes {
    /*padding: 20px;
    border-top: 2px solid rgb(239,239,239);
    border-bottom: 2px solid rgb(239,239,239);*/
}
.quick-notes h3 {
    text-transform: uppercase;
    font-size: 18px;
    font-family: "Lato", sans-serif;
}
.quick-notes p {
    margin-top: 5px;
    font-size: 14px;
    font-style: italic;
    font-family: "Lato", sans-serif;
    line-height: 1.2em;
    margin-bottom: 10px;
}
.contact-us {
    /*padding: 20px;*/
}
.contact-us h3 {
    text-transform: uppercase;
    font-size: 14px;
    margin: 3px 0 10px; 
    font-family: "Lato", sans-serif;
}

.contact-us p {
    font-size: 14px;
    margin: 5px 0 15px; 
    font-family: "Lato", sans-serif;
}

.contact-us .sub-program-gray-button {
	margin-top: 10px;
	display: block;
	width: 38%;
}
/*END CLEANUP*/

#sidebar_nav li, .internalMenu li {
    border-bottom: 2px solid rgb(239,239,239);
    font-family: "Lato", sans-serif;
    font-size: 14px;
}
#sidebar_nav li:first-child, .internalMenu li:first-child {
    border-top:  2px solid rgb(239,239,239);
}
#sidebar_nav a, .internalMenu a {
    padding: 5px 20px;
    display:block;
    line-height:1.4em;
    text-decoration: none;
}
#sidebar_nav li:hover a, .internalMenu li:hover a,
#sidebar_nav a.current-page, .internalMenu a.current-page {
    background-color: rgb(227,227,225);
    color:rgb(128,128,128);
}
/***********************************************************/

.sub-program-discovery-title, .sub-program-navigation-plan-container h3 {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-size: 25px;
}
/*p a {
    color: inherit;
    text-decoration:underline;
}
p a:hover {
    color: rgb(123,123,123);
}*/
.content-section p a:hover,
.content-section td a:hover {
    color: rgb(123,123,123);
}

.sub-program-navigation-plan {
    background-color: rgb(242,242,242);
    font-family: "Lato", sans-serif;
}
.sub-program-navigation-plan p {
    padding: 10px 0;
    margin: 0 20px;
}
.sub-program-navigation-plan-container h3{
    padding: 10px 0;
    margin: 0 20px;
}

.sub-program-sub-navigation-list > li > a  {
    padding: 10px 20px;
    display: block;
    text-decoration: none;
}
.sub-program-plans-container {
    background-color: rgb(227,227,225);
}
.sub-program-inner-list{
    list-style: disc outside;    
    margin: 0 auto;
    width: 70%;
}
.sub-program-plans-container ul li a {
    font-size: 14px;
    font-family: "Lato";
    display: block;
    text-decoration: none;
}
.sub-program-plans-container ul li {
    padding: 10px 0;
}
.sub-program-plans-container ul li a:hover {
    text-decoration: underline;
}
.sub-program-degree-sub-navigation {
    overflow: auto;
}
/*****************************************************/
.sub-college-header-shape-change {
    top: 340px;
}
.sub-college-header-h1-change {
	padding: 10px 0 0 15px !important;
}
.sub-college-content-section .column3 img {
    width: 100%;
    height: auto;
}
.sub-college-mobile-view-image {
    display: none;
}
.sub-college-spacing-buttons {
    clear: both;
    margin-bottom: 20px;
}

.courseDescriptionGroup {
    margin-bottom: 30px;
}
.courseDescriptionGroup strong {
    line-height: 1.4em;
}
.courseDescriptionGroup p {
    margin-left: 15px;
}

.videoWrapper {
	position: relative;
	padding-bottom: 53.5%;
	padding-top: 25px;
	height: 0;
}
.videoWrapper.onyx {
    padding-bottom: 72.1%;/*56.25%;*/
}
.videoWrapper iframe, .videoWrapper object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.contactCard {
    margin-bottom: 20px;
}
.contactCard:after {
    content: '';
    width:0;
    height: 0;
    visibility: hidden;
    clear: both;
    display: block;
}
    .contactCard .expand-container {
        padding-bottom: 40px;
    }

.sfsearchBox {
    margin-bottom: 10px;
}

.sfsearchTxt, .sfsearchSubmit {
    font-size: 16px;
}

.sfsearchResultsWrp {
    line-height: 1.3em;
}
.sfsearchResultsWrp dt {
    margin:35px 0 0;
    font-weight: bold;
    font-size: 16px;
}
    .sfsearchResultsWrp dt:first-of-type {
        margin-top: 20px;
    }

.keytermsResultsWrp {
    border: 1px solid #808080;
    background-color: #F1F1F1;
    padding: 20px;
    margin: 20px 0;
}
    .keytermsResultsWrp h3 {
        margin-bottom: 40px;
    }

.sfsearchResultHighLighter, .sfsearchResultUrl {
    margin-top: 10px;
}

.sfsearchResultHighLighter strong.sfHighlight {
    -moz-transition: color linear .1s;
    -o-transition: color linear .1s;
    -webkit-transition: color linear .1s;
    transition: color linear .1s;
}

    .sfsearchResultHighLighter:hover strong.sfHighlight {
        /*color: #661424;*/
        background-color: #FF9;
    }

    .sfsearchResultUrl a {
        -ms-word-wrap: break-word;
        word-wrap: break-word;
        color: #661424;
    }
        .sfsearchResultUrl a:hover {
            color: #4c0c1b;
        }

.sf_pagerNumeric {
    margin-top: 20px;
}
.sf_pagerNumeric a:link{
    text-decoration: none;
    padding: 0 5px;
    margin: 0 2px;
}
    .sf_pagerNumeric a:first-child {
        margin-left: 0;
        padding-left: 0;
    }
.sf_pagerNumeric a:hover, .sf_pagerNumeric a.sf_PagerCurrent {
	text-decoration: underline;
}

ul.atozNavLinks {
    list-style: none;
    margin-left: 0;
}
ul.atozNavLinks:after {
    content: '';
    display: block;
    visibility: hidden;
    height: 0;
    width: 0;
    clear: both;
}

ul.atozNavLinks li {
    float: left;
    margin-bottom: 20px;
}

ul.atozNavLinks li a {
    text-decoration: none;
    padding: 0 5px;
    margin: 0 6px 0 0;
    display: inline-block;
    border: 1px solid rgb(242,242,242);
    font-family: "Oswald", sans-serif;
}
ul.atozNavLinks li a:hover {
    background: rgb(102,20,36);
    color: white;
}

.AtoZGroup {
    float: left;
    width: 33%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.AtoZGroup:nth-child(3n+1) {
    clear: left;
}

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

/************* FORMS **************/
div.form-inputs p+fieldset{margin-top:20px;}
div.form-inputs fieldset 
{
	/*padding-top: 10px;*/
	margin-bottom: 30px;
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-top: solid 1px rgb(150,150,150);
}

div.form-inputs fieldset.nolegend
{
	border: none;
}

div.form-inputs legend 
{
	padding: 0 2px;
	font-weight: bold;
	color: rgb(123,123,123);
}

div.form-inputs fieldset ol 
{
	margin: 0;
	padding: 0;
}

div.form-inputs input[type="text"],
div.form-inputs input[type="number"],
div.form-inputs input[type="email"],
div.form-inputs input[type="tel"],
div.form-inputs input[type="url"]
{
	width: 275px;
    font-size: 20px;
}
div.form-inputs input[type="radio"] {
    float: left;
}
div.form-inputs input[type="radio"]+label {
    float: left;
}

div.form-inputs input[type="password"]
{
	width: 275px;
    font-size: 20px;
}

div.form-inputs textarea
{
	width: 275px;
    font-size:20px;
}

div.form-inputs textarea.big
{
	width: 350px;
	height: 75px;
}

div.form-inputs textarea.bigger
{
	width: 500px;
	height: 75px;
}

div.form-inputs select
{
	width: 275px;
    font-size:18px;
}

div.form-inputs label 
{
	display: block;
	/*vertical-align: top;*/
    font-size: 18px;
	/*text-align: right;
	width: 180px;*/
}
div.form-inputs .sfLoginFieldsWrp label {
    display: inline;
}

div.form-inputs fieldset.checkboxAlign label
{
	text-align:left;
}

div.form-inputs fieldset.wide label
{
	/*width: 90%;
	text-align: left;*/
}

div.form-inputs fieldset li.wide label
{
	/*width: 90%;
	text-align: left;*/
}

div.form-inputs fieldset li.wide input[type="text"]
{
	/*margin-left: 184px;*/
}

div.form-inputs fieldset li.wide select
{
	/*margin-left: 184px;*/
}

div.form-inputs fieldset li
{
	list-style: none;
	padding: 0 0 5px 0;
	margin: 20px 0 20px 0;
	
}

div.form-inputs fieldset ol.numbered
{
	margin-left: 25px;
}

div.form-inputs fieldset ol.numbered li
{
	list-style-type:decimal;
}

div.form-inputs span.example
{
	font-size:10px;
}

div.form-inputs fieldset .submit /*submit button*/
{
	/*margin: 4px 0 0 200px;*/
    margin: 4px 0 0 0px;
}

div.form-inputs fieldset input[type="button"],
div.form-inputs fieldset input[type="submit"]{
    font-size: 20px;
    -webkit-appearance: button;
    padding: 8px;
}

div.form-inputs .hidden
{
	display: none;
}

div.form-inputs *.twolines
{
	margin-top:25px;
}

div.form-inputs label *[class*="sprite"]{
    vertical-align: middle;
    margin-bottom: 5px;
}

/*checkboxes*/
div.checkboxes
{
	/*width: 200px;
	float: left;*/
}

li.wide div.checkboxes
{
	/*width: 600px;*/
}

label.checkboxes_label
{
	/*float: left;*/
}

.checkboxes input[type='checkbox']
{
	/*float: left;
    clear: left;*/
}

div.form-inputs .checkboxes label
{
	/*float: left;*/
	/*text-align: left;*/
    /*width: auto;*/
    vertical-align: bottom;
    display:inline-block;
}
/*end checkboxes*/


/***************************************************/
/*****Validation************************************/
/***************************************************/

div.form-inputs label.error 
{
	/*width: auto;
	display: inline-block;*/
    font-weight: bold;
    /*margin:0;
	margin-left: 10px;
    padding:0;*/
    margin-top:5px;
    color:#CC0000;
}

div.form-inputs .twolines + label.error
{
	margin-top:23px;
}

div.form-inputs input.error
{
    border: 1px solid #CC0000;
}

/************************************BLOG PAGE*****************************************************/
#blog-header {
    width: 100%;
    height: 250px;
    background: #000 url("../imgs/future.jpg") no-repeat 20% center;
    background-size: cover;
    overflow: hidden;
}
.blog-heading-wrapper {
    padding: 50px 0 20px 0;
}
.blog-heading-wrapper h2 {
    font-family: "Oswald", sans-serif;
    font-size: 40px;
    color: #696969;
    text-transform: uppercase;
    margin-bottom: 7px;
}
.blog-heading-wrapper p {
    font-family: "Lato", sans-serif;
    font-size: 20px;
    color: rgb(156,156,156);
}
.blog-content-wrapper {
    background: #EBEBEB;
    padding-top: 10px;
    margin-bottom: 40px;
}
.blog-square {
    overflow: hidden;
    padding: 20px;
}
.blog-link {
    color: #fff;
}
.blog-square h3 {
    font-family: "Lato", sans-serif;
    font-size: 22px;
    background: rgb(156,156,156);
    padding: 5px 0 5px 10px;
}
/******************** REMOVE ONCE ACTUAL PICTURE INSERTED ************************/
.blog-square img {
    width:100%;
}
/*********************************************************************************/
.blog-label {
    font-family: "Oswald", sans-serif;
    font-size: 22px;
    color: #696969;
    text-transform: uppercase;
}
.blog-description {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    color: rgb(156,156,156);
}
.blog-margin {
    margin-bottom: 40px;
}
.blog-social-section {
    height: 100px;
    background-position: 50% 0;
}

.accordion {
    margin: 30px 0;
}
.accordion li:last-child {
    border-bottom: 2px solid rgb(227,227,225);
}
.accordion li a {
    font-family: "Lato", sans-serif;
    font-size: 18px;
    color: rgb(156,156,156);
    text-transform: uppercase;
    padding: 15px 0;
    display: block;
    cursor: pointer;
}
.accordion li {
    border-top: 2px solid rgb(227,227,225);
}
.accordion li a:hover {
    background: rgb(227,227,225);
}
.single {
    padding: 10px;
}
.half {
    width: 47%;
    float: left;
    padding: 10px;
}
.third {
    width: 30%;
    float: left;
    padding: 10px;
}
.accordion-content {
    display: none;
    font-family: "Lato", sans-serif;
    border-top: 2px solid rgb(227,227,225);
    line-height: 1.3em;
    overflow: auto;
}
.last-accordion {
    border-top: none;
}
.accordion-content h3 {
    font-size: 18px;
    color: rgb(156,156,156);
    margin: 15px 0;
} 
.accordion-content h6 {
    font-size: 16px;
    color: rgb(156,156,156);
    font-weight: bold;
}
.accordion-content p {
    font-size: 14px;
    color: rgb(156,156,156);
    margin-bottom: 30px;
}
li.active div.accordion-content {
    display: block;
}

#calendar-search-page {
    max-height: 300px;
    overflow: scroll;
}
input#search-page-search { 
    line-height: 35px;
    border: 1px solid rgb(227,227,225);
    float: left;
    width: 30%;
    padding: 0 5px;
    margin: 0;
    font-size: 24px;
}
div.search-page-search-input-wrapper:after{
    content: "";
    display: inline-block;
    float: left;
    width:35px;
    height: 35px;
    margin-left: 4px;
    background-image: url(../imgs/SearchGlass2-17.png);/*AUDIT: this needs to be a CSS icon!*/
    background-repeat: no-repeat;
    background-color: #661424;
    background-position: center;
}
div.search-page-search-input-wrapper {
    display: inline-block;
}
.search-page-search-input-wrapper input#search-page-search{
    width: 80%;
    margin-left: 10px;
}
.search-page-search-result {
    clear: both;
    margin: 20px 0;
}
.search-page-large-buttons-mobile-view {
    display: none;
}
div.search-page-search-input-wrapper{
    width: 53%;
}
.seach-results-statment {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    color: rgb(156,156,156);
    line-height: 1.3em;
    display: inline-block;
}
.search-page-large-buttons {
    margin-bottom: 20px;
    overflow: auto;
}
.search-page-search-result p, .search-page-search-result p a, .search-results-cut-down{
    font-family: "Lato", sans-serif;
    font-size: 16px;
    color: rgb(156,156,156);
    line-height: 1.3em;
}
.search-results-cut-down a{
    text-decoration: underline;
    color: rgb(156,156,156);
}
.search-page-search-result p span a {
    font-size: 20px;
    text-decoration: underline;
    font-family: "Lato", sans-serif;
    margin-bottom: 5px;
    color: #661424;
}
.benefit-dinner-content-container p {
    font-family: "Lato", sans-serif;
    color: rgb(156,156,156);
    font-size: 14px;
    margin: 20px 0; 
    line-height: 1.21em;
}
p.benefit-dinner-opening-para {
    font-size: 16px;
}
.inline-benefit-dinner-pic {
    float: left;
    margin-right: 20px;
}
 
.benefit-dinner-return-page-button a{
    display: block;
    width: 100%;
    padding: 15px 0;
    text-align: center;
    color: rgb(156,156,156);
    border: 1px solid rgb(156,156,156);
}
p.benefit-dinner-date-of-publication {
    font-family: "Oswald", sans-serif;
    color: #696969;
}
 
.previous-story-button, .next-story-button{
    display: block;
    padding: 15px 0;
    text-align: center;
    color: rgb(156,156,156);
    border: 1px solid rgb(156,156,156);
    margin-top: 20px;
}
.next-story-arrow-right{
    content: "";
    width: 0;
    height: 0;
    margin-right: 15px;
    margin-top: -2px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid rgb(156,156,156);
    display: inline-block;
    float: right;
}
.previous-story-arrow-left{
    content: "";
    width: 0;
    height: 0;
    margin-left: 15px;
    margin-top: -2px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid rgb(156,156,156);
    display: inline-block;
    float: left;
}
.share-this-story-social-set {
    background-color: rgb(239,239,239);
    padding: 10px;
}
.share-story-social-icons li{
    display: inline-block;
    margin: 10px 3px;
}
.share-story-contact {
    background-color: rgb(239,239,239);
    padding: 10px;
}
.share-story-contact p {
    color: rgb(156,156,156);
    font-size:15px;
    margin: 10px 0;
}
.share-story-contact p span {
    color: #696969;
    margin-top: 10px;
}
.share-story-contact a {
    color: #fff;
}
.benefit-dinner-large-buttons-container {
    display: none;
    padding-top: 20px;
    overflow: auto;
    clear: both;
 
}
.benefit-dinner-sub-page > div > .column3,.benefit-dinner-sub-page > div > .column8 {
    float: right;
}
.previous-story-button-container, .next-story-button-container {
    width: 49%;
}
.previous-story-button-container {
    float: left;
}
.next-story-button-container {
    float: right;
}
 
 
/************************************ NEWS AND EVENTS ***************************************/
.news-page-heading {
    font-family: "Oswald", sans-serif;
    color: #696969;
    font-size: 26px;
    text-transform: uppercase;
}
 
.mobile-news-page-heading {
    display: none;
    font-family: "Oswald", sans-serif;
    font-size: 34px;
    color: #696969;
    text-transform: uppercase;
}
 
.news-page-mission {
    font-family: "Lato", sans-serif;
    color: rgb(156,156,156);
    font-size: 18px;
    margin: 15px 0; 
    line-height: 1.3em; 
}
 
.stories-to-share-sidebar {
    background: rgb(242, 242, 242);
    color: #696969;
    margin-top: 40px;
}
 
.news-heading {
    font-family: "Oswald", sans-serif;
    font-size: 24px;
    padding: 10px;
    text-transform: uppercase;
    color: #696969;
}
 
.stories-to-share-sidebar p {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    padding: 10px 10px 20px 10px;
}
 
.stories-to-share-sidebar h5 {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 0 10px 5px 10px;
}
 
.stories-to-share-sidebar h6 {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-style: italic;
    padding: 0 10px 20px 10px;
}
 
.stories-to-share-sidebar a {
    color: #fff;
    margin: 0 0 10px 10px;
}
 
.social-stream-sidebar {
    width: 265px;
    background: rgb(242, 242, 242);
    float: left;
    margin-bottom: 5px;
}
 
.news-social-icons {
    padding: 0 0 10px 10px;
}
 
.news-social-icons li {
    display: inline-block;
}
 
.news-social-icons li div {
    display: none;
}
 
.social-block {
    width: 566px;
    float: left;
}
 
.social-post {
    font-family: "Lato", sans-serif;
    padding-bottom: 30px;
}
 
.social-post img {
    margin: 0 10px;
    float: left;
}
 
.social-post span {
    color: #50a19a;
    font-weight: bold;
    text-decoration: underline;
}
 
/*.all-section {
    width: 0;
    display: none;
}*/
 
 
.twitter-section {
    display: none;
}
 
.social-header {
    display: none;
    height: 89px;
    border: 1px solid rgb(242, 242, 242);
}
 
.social-header h1 {
    display: inline;
    font-family: "Oswald", sans-serif;
    font-size: 42px;
    line-height: 89px;
    text-transform: uppercase;
    margin-left: 30px;
    float: left;
}
 
.social-header-button {
    vertical-align: middle;
    display: table-cell;
    height: 89px;
    padding-left: 50px;
}
 
.social-header-button a {
    width: 215px;
    background: #696969;    
    color: #fff;
}
 
/**** Slider ****/
.news-slider {
    width: 833px;
    height: 315px;
    display: none;
    overflow: visible;
    clear: left;
}
 
.news-slider .slick-prev, .news-slider .slick-next {
    top: initial;
    bottom: -33px;
    z-index: 2;
} 
 
.news-slider .slick-prev::before, .news-slider .slick-next::before {
    z-index: 2;
} 
 
.news-slider-border {
    border: 1px solid rgb(242, 242, 242);
}
 
.news-slider-item {
    font-family: "Lato", sans-serif;
}
 
.news-slider-post {
    color: rgb(156,156,156);
    padding: 10px;
    float: left; 
}
 
.news-slider-heading {
    width: 100%;
    margin: 15px 0;
}
 
.news-slider-heading img {
    float: left;
    margin-right: 10px;
}
 
.news-slider-heading h4 {
    font-size: 26px;
    margin-bottom: 3px;
}
 
.news-slider-heading span {
    font-size: 16px;
}
 
.news-slider-post p {
    font-size: 16px;
    line-height: 1.2em;
}
 
.news-slider-view {
    display: none;
    width: 833px;
    font-family: "Oswald", sans-serif;
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .05em;
    padding: 10px 0;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
    overflow: visible;
}
/**** End of Slider ****/
 
.news-view-button {
    display: block;
    font-family: "Oswald", sans-serif;
    font-size: 24px;
    color: #fff;
    text-align: center;
    padding: 10px;
    letter-spacing: .05em;
    text-transform: uppercase;
    clear: left;
}
 
.news-calendar {
    float: right;
}
 
.news-heading-padding {
    padding: 10px 0 0 0;
}
 
.news-post {
    float: left;
    margin-top: 15px;
    border-bottom: 1px solid rgb(227,227,225);
}
 
.news-post img {
    float: left;
    margin: 0 10px 20px 0;
}
 
.news-content {
    font-family: "Lato", sans-serif;
    color: rgb(156,156,156);
    margin: 0 0 15px 10px;
}
 
.news-content h3 {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
 
.news-content span {
    font-size: 14px; 
    font-style: italic;
    margin-bottom: 15px;
}
 
.news-content p {
    margin-top: 15px;
    font-size: 16px;
    line-height: 1.2em;
}
 
.news-content a {
    font-weight: bold;
    color: rgb(156,156,156);
    text-decoration: underline;
}
 
.last-news-post {
    border-bottom: 0;
}
 
.other-news {
    margin-top: 25px;
}
 
.other-news img {
    margin-top: 12px;
}

.sfnewsListItem, .sfpostListItem {
    margin-bottom: 40px;
}
.sfnewsTitle, .sfpostTitle {
    font-size: 16px;
}
.sfnewsMetaInfo, .sfpostAuthorAndDate {
    font-style: italic;
    /*margin-bottom: 10px;*/
    font-size: 12px;
}
.sfnewsAuthorAndDate, .sfpostAuthorAndDate {
    margin-top: 3px;
    font-style: italic;
}
.sfnewsFullStory,.sfpostFullStory {
    display: inline-block;
}

.news-featured-img-wrapper {
    max-width: 35%;
    float: right;
    padding: 0 0 10px 10px;
}
    .news-featured-img-wrapper .imgtxt {
        display: block;
        padding: 8px 10px;
        background-color: #f2f2f2;
        font-style: italic;
    }

div.socialStream {
    background-color: rgb(242,242,242);
    padding:10px;
}

ul#socialFilters {
    list-style:none;
    margin:0;
}
ul#socialFilters li {
    display: block;
    float: left;
    margin: 0 4px 12px 0;
    line-height: 1em;
    cursor: pointer;
}
ul#socialFilters:after {
    content:'';
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    width:0;
}

ul#socialItems {
    margin: 0;
    list-style: none;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    max-height: 500px;
    overflow: scroll;
}
ul#socialItems li:after {
    content:'';
    display:block;
    visibility:hidden;
    height:0;
    width:0;
    clear:both;
}
ul#socialItems img.socialAvatar {
	float:left;
    margin-right: 10px;
    margin-bottom: 10px;
}

/******************************** END OF NEWS AND EVENTS ************************************/

/**EDITOR TWEAKS**/
.sfPageEditor .RadDockZone.RadDockZone_Default{padding:1px 0px !important; clear:both;}

.no-breadcrumb .sfFolderBreadcrumbWrp {
    display: none;
}

/**BLACKBAUD TWEAKS*/
.BBFormTable select, 
.BBFormTable textarea, 
.BBFormTable input[type="text"], 
.BBFormTable input[type="password"], 
.BBFormTable input[type="datetime"], 
.BBFormTable input[type="datetime-local"], 
.BBFormTable input[type="date"], 
.BBFormTable input[type="month"], 
.BBFormTable input[type="time"], 
.BBFormTable input[type="week"], 
.BBFormTable input[type="number"], 
.BBFormTable input[type="email"], 
.BBFormTable input[type="url"], 
.BBFormTable input[type="search"], 
.BBFormTable input[type="tel"], 
.BBFormTable input[type="color"] { 
    font-size: 16px; 
}

/****Google AdWords Tweaks****/
iframe[name='google_conversion_frame']{
    position:fixed;
}


/******************************** START OF LSP TWEAKS ************************************/
.uploadBtn{
    padding: 0 .5rem;
}
.uploadBtn .uploadBtnText{
    font-size:13px;
}




/******************************** END OF LSP TWEAKS ************************************/





/************************************************************************************************************
******************************************** New CSS 150th **************************************************
************************************************************************************************************/


/* TEST */
@-webkit-keyframes bounce {
    0% {
        top: 0;
    }

    50% {
        top: -0.25em;
    }

    70% {
        top: -0.3em;
    }

    100% {
        top: 0;
    }
}

@-moz-keyframes bounce {
    0% {
        top: 0;
    }

    50% {
        top: -0.25em;
    }

    70% {
        top: -0.3em;
    }

    100% {
        top: 0;
    }
}

@-o-keyframes bounce {
    0% {
        top: 0;
    }

    50% {
        top: -0.25em;
    }

    70% {
        top: -0.3em;
    }

    100% {
        top: 0;
    }
}

@-ms-keyframes bounce {
    0% {
        top: 0;
    }

    50% {
        top: -0.25em;
    }

    70% {
        top: -0.3em;
    }

    100% {
        top: 0;
    }
}

@keyframes bounce {
    0% {
        top: 0;
    }

    10% {
        top: 0.25em;
    }

    20% {
        top: 0;
    }

    100% {
        top: 0;
    }
}

.bounce {
    display: inline-block;
    position: relative;
    -moz-animation: bounce 3s infinite linear;
    -o-animation: bounce 3s infinite linear;
    -webkit-animation: bounce 3s infinite linear;
    animation: bounce 3s infinite linear;
}

[data-toggle="collapse"][aria-expanded="true"] > .material-icons {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.zoom {
    transition: transform .2s; /* Animation */
}

    .zoom:hover {
        z-index: 5;
        transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    }

.overlay {
    position: fixed;
    /*top: 0;*/
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    background-color: rgba(0,0,0,0.5);
}

.overlayWhite {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    background-color: rgba(255, 255, 255, 0.8);
}

.search-container{
    position:fixed;
    top:50%;
    z-index:11;
}

.fixedPosition {
    overflow: hidden;
}
.fixed{
    position:fixed;
}

.search-section{
    width:100%;
}

/*TEST END */


/* Universals */
.navpopBox{

}

.px16{
    font-size:16px;
}
.px18{
    font-size:18px;
}
.px24{
    font-size:24px;
}

.back-gray {
    background-color: #808080;
    color:#fff; 
    position:relative;
    /*width:auto;
    margin-left:-10px;
    padding-left:10px;*/
}

.back-gray:before {
    content:"";
    background-color: #808080;
    position: absolute;
    height: 100%;
    width: 4000px;
    left: -2000px;
    z-index: -1;
}
.back-gray a:hover{
    color: #661424 !important;
}

.gray-container{
     padding-top:25px;
     padding-bottom:1px;
}

.gray-container .sf_cols .sf_colsIn .sfContentBlock p {
    color:#fff;
}
/*.gray-container .sf_cols .sf_colsIn span p {
    color:#fff;
}*/

.back-darkgray {
    background-color: #363636;
    color:#fff; 
    position:relative;
    /*width:auto;
    margin-left:-10px;
    padding-left:10px;*/
}

.back-darkgray:before {
    content:"";
    background-color: #363636;
    position: absolute;
    height: 100%;
    width: 4000px;
    left: -2000px;
    z-index: -1;
}
.back-darkgray a:hover{
    color:#fff;
}

.darkgray-container{
     padding-top:25px;
     padding-bottom:1px;
}
.darkgray-container .sf_cols .sf_colsIn .sfContentBlock p {
    color:#fff;
}
.darkgray-container .sf_cols .sf_colsIn span p {
    color:#fff;
}

.back-white {
    background-color: #fff;
    color:#fff; 
    position:relative;
    /*width:auto;
    margin-left:-10px;
    padding-left:10px;*/
}

.back-white:before {
    content:"";
    background-color: #fff;
    position: absolute;
    height: 100%;
    width: 4000px;
    left: -2000px;
    z-index: -1;
}
.back-white a:hover{
    color:#fff;
}

.white-container{
     padding-top:25px;
     padding-bottom:1px;
}

.back-maroon {
    background-color: #661424;
    color: #fff;
    position:relative;
    /*width:auto;
    margin-left:-10px;
    padding-left:10px;*/
}

.back-maroon:before {
    content:"";
    background-color: #661424;
    position: absolute;
    height: 100%;
    width: 4000px;
    left: -2000px;
    z-index: -1;
}
.back-maroon a:hover{
    color:#fff;
}

.maroon-container{
     padding-top:25px;
     padding-bottom:1px;
}
.maroon-container .sf_cols .sf_colsIn .sfContentBlock p {
    color:#fff;
}
.maroon-container .sf_cols .sf_colsIn span p {
    color:#fff;
}

.mid-fixed{
    position:fixed !important;
    top:40% !important;
}

#body {
    min-width: 320px;
    font-size:16px;
}

a {
    /*text-decoration: none;*/
}

ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
/* 
    NEED TO COMBINE ALL OF THE HEADER TEXT ITEMS FOR EACH SECTION INTO 
    ONE UNIVERSAL IT IS VERY REPETIVE CURRENTLY...
*/
.right {
    float: right;
}

.hidden {
    display: none;
}

.no-display {
    visibility: hidden;
}

p {
    /*font-family: 'Nunito Sans', sans-serif;*/
    font-family: 'arial', sans-serif;
    font-size:16px;
}

.Khand{
    font-family: 'Khand', sans-serif;
}
.NS{
    font-family: 'Nunito Sans', sans-serif;
}

.bigHR {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    border-color: #661424;
    border-width: 2px;
}

.littleHR {
    border-width: 2px;
    margin-top:5px;
    margin-bottom:5px;
}

.uppercase {
    text-transform: uppercase;
}

.xsTxt {
    font-size: 16px;
}

.largeTxt {
    font-size: 50px;
    font-weight: bold;
    font-family: 'Khand', sans-serif;
}

.mediumTxt {
    font-size: 25px;
    font-weight: 600;
    font-family: 'Nunito Sans', sans-serif;
}

.smallTxt {
    font-size: 16px;
}

.smTxt {
    font-size: 16px;
}

.captionSmTxt {
    font-size: 16px;
    font-weight: 100;
    margin-bottom:14px;
}

.captionMTxt {
    font-size: 25px;
    margin-bottom: 14px;
}
.captionMTxtMobile{
    font-size:25px;
    display:none;
}

/* col-x-5 Layout -> 1 of 5  and 2 of 5 */
.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    width: 20%;
    float: left;
}

.col-xs-2-5,
.col-sm-2-5,
.col-md-2-5,
.col-lg-2-5 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    width: 40%;
    float: left;
}

.col-xs-1-5 {
    width: 20%;
    float: left;
}

.col-xs-2-5 {
    width: 40%;
    float: left;
}

.ctaRounded {
    border: none;
    padding: 5px 10px;
    margin-right: 10px;
    text-decoration:none;
}

.maroon {
    background-color: #661424;
    color: #fff !important;
    border: 0px;
}

    .maroon:hover {
        background-color: #52101d;
        color: #fff;
        text-decoration: none;
        cursor: pointer;
    }

    .maroon:focus {
        background-color: #52101d;
        box-shadow: 0px;
        outline-color: #fff;
    }

    .maroon:active {
        background-color: #52101d;
        box-shadow: 0px;
        outline-color: #fff;
    }

.maroon-txt {
    color: #641614;
}

    .maroon-txt:hover {
        color: #52101d;
    }

.gray {
    color: #959595;
}

.black-link {
    color: #231F20;
    text-decoration: underline;
}

    .black-link:hover {
        color: #737373;
        text-decoration: underline;
    }

.nav-arrow {
}

.maroon-hover:hover {
    color: #661424;
}

.nav-link {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 27px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    display: block;
    padding: .5rem 1rem;
    text-decoration:none;
}

.nav-link-white {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 27px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    display: block;
    padding: .5rem 1rem;
}

.sub-heading {
    font-family: "Nunito Sans", sans-serif;
    font-size: 17px;
    line-height: 23px;
    padding-bottom: 12px;
    padding-top:10px;
}

.fSub {
    color: #737373;
}

.nav-arrow {
    padding-right: 25px;
    position: relative;
}

    .nav-arrow:after {
        content: "";
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 17px solid #969696;
        display: inline-block;
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -10px;
    }

.cta-arrow:after {
    content: "";
    width: 0;
    height: 0;
    margin-left: 8px;
    margin-bottom: -1px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid;
    display: inline-block;
}

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

    .sprite-social-facebook-icon:hover {
        background-position: 0 -200px;
    }

.sprite-social-twitter-icon {
    background-position: -35px -240px;
}

    .sprite-social-twitter-icon:hover {
        background-position: -35 -200px;
    }

.sprite-social-youtube-icon {
    background-position: -70px -240px;
}

    .sprite-social-youtube-icon:hover {
        background-position: -70 -200px;
    }

[class*=sprite-social-] {
    width: 34px;
    height: 34px;
}

[class*=sprite-] {
    /*background: url(../imgs/fhu-sprite.png) no-repeat;*/
    display: inline-block;
}

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #000;
    background: rgba(0,0,0,.7);
    width: 40px;
    height: 40px;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 100;
    text-align: center;
}

    #return-to-top i, #return-to-top em {
        color: #fff;
        margin: 0;
        position: relative;
        top: 3px;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        font-size: 32px;
    }

#call-us {
    position: fixed;
    bottom: 20px;
    left: 20px;
    background: rgba(0,0,0,.7);
    width: 40px;
    height: 40px;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 100;
    text-align: center;
}

    #call-us i, #call-us em {
        color: #fff;
        margin: 0;
        position: relative;
        top: 3px;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        font-size: 26px;
        margin-top: 4px;
    }

.header-button {
    text-align: center;
}

    .header-button .btnMaroon {
        background-color: rgba(102,20,36, 0.85);
        padding: 20px;
    }

        .header-button .btnMaroon:hover {
            background-color: rgba(82,16,29, 0.85);
            padding: 20px;
        }

        .header-button .btnMaroon a {
            color: #fff;
            text-decoration: none;
        }

    .header-button .line1 {
        font-size: 16px;
        font-weight: 400;
        font-family: "Nunito Sans",sans-serif;
        text-transform: uppercase;
        display: block;
    }

    .header-button .line2 {
        font-size: 22px;
        font-family: "Khand",sans-serif;
        text-transform: uppercase;
        display: block;
    }

.search-icon {
    position: relative;
    bottom: -5%;
}

.sfitemsList > .sflistitem > .sftitle > a{
    font-size:16px;
}

/*******************************************************
************** Ad Pages Style *********************
********************************************************/
.ad-block-container{
    margin-bottom:0px;
}
.ad-l-block{
    background-color:#661424;
}
.ad-r-block{
    background-color:#363636;
    margin-top:0px;
}
.adFormBlock{
    min-height:350px;
    padding-top:10px;
    border-bottom:solid 1px #fff;
}

.adHeader .header-shape h1{
    color:#fff;
    padding-left:10px;
    font-size:42px;
    line-height:52px;
}

@media (min-width: 768px) {
    .ad-r-block{
        /*margin-top:-350px;*/
        margin-top:-430px;
    }
}
@media (max-width: 768px) {
    .ad-r-block{
        margin-top:20px;
    }
}


/*******************************************************
************** Modals *********************
********************************************************/
.modal {
    color: black;
}

.modal-body > img {
    margin-bottom: 20px;
    width: 100%;
}

.modal-content > video {
    background-color: rgba(0,0,0,1);
}

.video-modal-body {
    background-color: transparent;
}

    .video-modal-body .modal-lg .modal-content {
        background-color: transparent;
        border: none;
    }

        .video-modal-body .modal-lg .modal-content .modal-body {
            background-color: transparent;
        }

            .video-modal-body .modal-lg .modal-content .modal-body .close {
                color: white;
                margin-bottom: 10px;
            }

.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    /*width: 60%;*/
    min-width:50%;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
    padding: 0px 0px 80px;
}

.modal.right.fade .modal-dialog {
    right: 0px;
    -webkit-transition: opacity 0.5s linear, right 0.5s ease-out;
    -moz-transition: opacity 0.5s linear, right 0.5s ease-out;
    -o-transition: opacity 0.5s linear, right 0.5s ease-out;
    transition: opacity 0.5s linear, right 0.5s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
}

.modal.right .modal-content .modal-body h4 {
    margin-left: 25px;
    margin-right: 25px;
    padding-bottom: 5px;
    padding-top: 10px;
}

.modal.right .modal-content .modal-body p {
    margin-left: 25px;
    margin-right: 25px;
}

.modal.right .modal-content .modal-header {
    background-color: #661424;
    padding: 5px;
}

.modal-content {
    border-radius: 0px;
}

.modal-header {
    border-radius: 0px;
    border-bottom: none;
}

.modal.right .modal-content .modal-header .close {
    z-index: 5;
    background-color: #661424;
    opacity: 1;
    text-shadow: none;
    margin: -1rem -1rem -1rem auto;
    margin-right: -5px;
}

    .modal.right .modal-content .modal-header .close:hover {
        color: #fff;
        opacity: 1;
        text-shadow: none;
    }

    .modal.right .modal-content .modal-header .close:not(:disabled):not(.disabled):hover {
        opacity: 1;
        background-color: black;
        color: #fff;
    }

.modal.right.fade .modal-dialog {
    right: 0px;
    -webkit-transition: opacity 0.5s linear, right 0.5s ease-out;
    -moz-transition: opacity 0.5s linear, right 0.5s ease-out;
    -o-transition: opacity 0.5s linear, right 0.5s ease-out;
    transition: opacity 0.5s linear, right 0.5s ease-out;
}

/*Left*/
.modal.left.fade .modal-dialog {
    left: -50%;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.show .modal-dialog {
    left: 0;
}

.modal.left .modal-content .modal-body h4 {
    margin-left: 25px;
    margin-right: 25px;
    padding-bottom: 5px;
    padding-top: 10px;
}

.modal.left .modal-content .modal-body p {
    margin-left: 25px;
    margin-right: 25px;
    font-size:16px;
    font-family:'Nunito Sans',sans-serif;
}

.modal.left .modal-content .modal-header {
    background-color: #661424;
    padding: 5px;
}

    .modal.left .modal-content .modal-header .close {
        z-index: 5;
        background-color: #661424;
        opacity: 1;
        text-shadow: none;
        margin: -1rem -1rem -1rem auto;
        margin-right: -5px;
    }

        .modal.left .modal-content .modal-header .close:hover {
            color: #fff;
            opacity: 1;
            text-shadow: none;
        }

        .modal.left .modal-content .modal-header .close:not(:disabled):not(.disabled):hover {
            opacity: 1;
            background-color: black;
            color: #fff;
        }

.modal-footer {
    padding: 2rem;
}

.modal-title {
    font-family: 'Khand',sans-serif;
}


/*******************************************************
************** Custom Social Grid *********************
********************************************************/
.so-grid-1 {
}

.so-grid-2 {
}

.soRow1 {
    float: none;
}

.soRow2 {
    float: none;
}



/*******************************************************
************** Right Nav Push *********************
********************************************************/
/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 11; /* Stay on top*/
    top: 0; /* Stay at the top */
    right: 0;
    background-color: #231F20; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 125px; /* 125 no banner - 175 for banner*/
    /*padding-top: 30px;*/ /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
    opacity: 1.0;
}

    /* The navigation menu links */
    .sidenav .nav-link {
        text-decoration: none;
        font-size: 20px;
        display: block;
        color: #fff;
        padding-top: 0px;
        padding-bottom: 0px;
        text-transform: capitalize;
    }

    .sidenav .nav-link-sm {
        padding-left: 40px;
        color: #fff;
        opacity: 0.7;
        text-transform: capitalize;
    }

    .sidenav .nav-item {
        margin-bottom: 10px;
    }
    /* When you mouse over the navigation links, change their color */
    .sidenav .nav-link-sm:hover {
        color: #fff;
        opacity: 1;
        text-decoration: none;
    }


    /* Position and style the close button (top right corner) */
    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: padding-right .5s;
    overflow:hidden;
}

#footer {
    transition: margin-right .5s;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

        .sidenav a {
            font-size: 18px;
        }
}

.sticky{
    position:sticky !important;
    top:150px;
    position:-webkit-sticky !important;
}
.noEvent{
    pointer-events:none;
}
/*******************************************************
************** AnniversaryPage *********************
********************************************************/
.ann-top{
    margin-top:110px;
    background-image:url("/imgs/FHU150_anniversary_header.jpg");
    background-position:right;
    background-size:cover;
}
.ann-top .container{
    padding-bottom:20px;
    padding-top:20px;
}
.ann-top img{
    margin-bottom:25px;
}
.ann-maroon{
    background-color: #661424;
    color: #FFF;
    text-decoration: none;
    padding: 20px;
}
.ann-gray{
    background-color: #808080;
    color: #FFF;
    text-decoration: none;
    padding: 20px;
}
.ann-white{
    text-decoration: none;
    padding-top: 20px;
    padding-bottom:20px;
}
.Ann-YPIH{

}
.Ann-CAG p a{
    text-decoration:underline;
}
.Ann-CAG p a:hover{
    color:#641424;
}
.Ann-CAG .col-12 {
    margin-top:30px;
    margin-bottom:20px;
}
.Ann-CAG .col-12 p{
    margin-bottom:0px;
}

/*******************************************************
************** Home Page Intro *********************
********************************************************/
.homepageIntro {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .homepageIntro > .container {
        width: 100%;
        height: 100%;
        margin: 0px;
    }

#pageHeader {
    transition: padding-right .5s;
}

.secondarypageIntro {
    position: relative;
    width: 100%;
    overflow: hidden;
    max-height:800px;
}
.secondarypageIntro > .container {
    width: 100%;
    height: 100%;
    margin: 0px;
}

.totalBox {
    height: 100%;
    width: 100%;
}
.totalMobile {
    display: none;
    width:100%;
    height:500px;
    margin-bottom:-10px;
}

/*******************************************************
************** Nav Bar Styles *********************
********************************************************/
.logoBox {
    height: 125px;
    width: 100px;
    background-color: #661424;
    position: absolute;
    z-index: 4;
}

.topBlock{
    position:fixed;
}
.navBlock {
    /*position: fixed;
    /*position:-webkit-sticky;
    position:sticky;*/
    position:relative;
    top:0px;
    width: 100%;
    z-index: 50;
}
.menuContainer{
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 50;
}

.grayBar {
    background-color: #B2B2B2;
}

.upperNav {
    width: 100%;
    background-color: #B2B2B2;
}

.maroonNavBtn {
    background-color: #641614;
}

    .maroonNavBtn:hover {
        background-color: #52101d;
    }

.upperNav > .nav > .nav-item > .nav-link-white {
    color: #fff;
    font-size: 16px;
    text-decoration:none;
}

    .upperNav > .nav > .nav-item > .nav-link-white:hover {
        text-decoration: none;
    }

.upperNav > .nav > .nav-item > .nav-link {
    color: #fff;
    font-size: 16px;
    text-decoration:none;
}

    .upperNav > .nav > .nav-item > .nav-link:hover {
        color: #661424;
    }

.nav-item > .dropdown-menu {
    top:2px !important;
    background-color: #B2B2B2;
    border: none;
    border-radius: 0px;
}

.nav-item > .dropdown-menu > .dropdown-item {
    color: #fff;
    font-size: 16px;
    text-decoration:none;
}

.nav-item > .dropdown-menu > .dropdown-item:hover {
    background-color: #661424;
}

.whiteBar {
    background-color: #fff;
    Opacity: 0.9;
}

.menuBar > .navbar > .navbar-brand {
    color: #661424;
    margin-left: 100px;
    line-height:37px;
    text-decoration:none;
}


.navbar-toggler {
    position: fixed;
    right: 10%;
    border: none;
}

.navbar-toggler-icon {
    color: #661424;
}

.navbar-light > .navbar-text {
    color: #661424;
    margin: 0px;
    margin-right: -15px;
    padding: 0px;
    position: fixed;
    right: 15%;
}

.navbar-nav .nav-link {
    padding-left: 30px;
}
.navbar-nav .inner-link {
    padding-left: 60px;
}
.navbar-nav .nav-item .nav-gray{
    color:#d0d0d0;
}

.searchbar {
    padding-right: 0px;
    padding-top: 6px;
    padding-bottom: 6px;
}

    .searchbar .form-inline {
        padding: 0px;
        width: 39%;
    }

        .searchbar .form-inline .form-control {
            width: 88%;
        }

        .searchbar .form-inline .btn {
            width: 5%;
            background-color: transparent;
        }

.burger {
    font-size: 30px !important;
    color: #661424;
}

.menuTxt {
    color: #661424;
    display: inline-block;
    top: -8px;
    position: relative;
    padding-right: 5px;
}

#nav-icon{
    width: 30px;
    height: 25px;
    display:inline-block;
    margin: 0px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
  }
  
  #nav-icon span{
    display: block;
    position: absolute;
    height: 5px;
    width: 100%;
    background: #661424;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }

#nav-icon span:nth-child(1) {
    top: 0px;
  }
  
  #nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
    top: 10px;
  }
  
  #nav-icon span:nth-child(4) {
    top: 20px;
  }
  
  #nav-icon.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
  }
  
  #nav-icon.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
  #nav-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  
  #nav-icon.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
  }

.ILF {
    width: 215%;
}

/*******************************************************
************** Intro Block Styles *********************
********************************************************/
.introBlock {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}
.headerBlock {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    margin-top:-150px;
}
.headerVideo{
    margin-bottom:10px;
}
#homepageVideo{
    display:-webkit-box;
}

.introTxtBlock {
    background-color: rgba(233, 233, 233, 0.7);
    position: relative;
    top: 60%;
}
.headerTxtBlock {
    background-color: rgba(233, 233, 233, 0.7);
    position: relative;
}

.introBlock > .row {
    margin-right: 0px;
    margin-left: 0px;
}
.headerBlock > .row {
    margin-right: 0px;
    margin-left: 0px;
}

.introTxt {
    text-align: center;
}

    .introTxt > .largeIntro {
        font-size: 50px;
        font-weight: bold;
        color: #661424;
        margin-bottom: 0px;
        font-family: 'Khand', sans-serif;
    }
    .introTxt p{
        font-family:'nunito sans', sans-serif;
    }

.introBlock video {
    position: absolute;
    height: 100%;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.headerBlock video {
    position: absolute;
    height: 100%;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.introTxtBtns {
    position: relative;
    top: 80%;
}



/* We Are... Styles */
.WeAre {
    color: #fff;
    background-color: #808080;
    padding-bottom: 20px;
    margin-top: -10px;
}

.waHeaderTxt {
    margin-top: 45px;
    margin-bottom: 45px;
}

    .waHeaderTxt > .largeTxt {
        text-align: center;
        margin-bottom: 0px;
        font-family: 'Khand',sans-serif;
    }

    .waHeaderTxt > .Logo150 {
        text-align: center;
    }

.weCol > .mediumTxt {
    text-align: center;
}

.weCol a {
    text-decoration: none;
    color: white;
    text-align: center;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}

    .weCol a:hover {
        color: #661424;
    }

.weCol img {
    width: 100%;
    margin-bottom: 10px;
}

.weColStats .gradSchool {
    width: 55%;
}

.weColStats .fhuPer {
    width: 25%;
    text-align: center;
}

.weColStats .natPer {
    width: 30%;
    text-align: center;
}


/*******************************************************
************** Take Note Styles *********************
********************************************************/
.TakeNote {
    background-color: #fff;
}

.takeNoteHead > .mediumTxt {
    color: #661424;
    padding-top: 10px;
}

.tnColBlock {
    margin-bottom:0px;
}

.tnCol > .mediumTxt {
    color: #661424;
    margin-bottom: 5px;
}

.tnList {
    margin: 0px;
}

    .tnList > .littleHR {
        /*margin-top: 5px;
        margin-bottom: 5px;*/
    }

.itemHead {
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: bold;
    font-size:16px;
    font-family:'Nunito Sans', sans-serif;
    line-height: 20px;
}

.itemBody {
    font-size: 12px;
    margin-bottom: 0px;
}

.tnColLink {
    color: #661424;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 25px;
}
.tnCol a{
    text-decoration:none;
}

.tnCol a .tnColLink:hover {
    text-decoration: underline;
    text-decoration-color: #661424;
}

.btnsCol {
    margin-top: 10px;
    margin-bottom: 10px;
}

.ctaMaroon {
    border: none;
    background-color: #661424;
    color: #fff;
    padding: 20px;
    min-height: 80px;
    min-width: 160px;
    max-height: 80px;
    max-width: 160px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    flex-direction: column;
    text-decoration:none;
}

    .ctaMaroon:hover {
        background-color: #52101d;
        cursor: pointer;
        color:#fff;
        text-decoration:none;
    }

    .ctaMaroon:focus {
        background-color: #52101d;
        box-shadow: 0px;
        outline-color: #fff;
        color:#fff;
        text-decoration:none;
    }

.ctaTxt {
    font-size: 20px;
    line-height: 1em;
    margin-bottom: 0px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 600;
    text-align:center;
    text-decoration:none;
}

.btnsCol > .row {
    height: 100%;
}

.noBack{
    background-color:transparent !important;
    top:60% !important;
}
.Logo150 img {
    max-height: 200px;
}
.tnBtnTop {
}

.tnBtnMiddle {
}

.tnBtnBottom {
}

/*******************************************************
************** Why FHU... (Custom)*********************
********************************************************/
.WhyFHUCustom {
    background-image: url()
}

    .WhyFHUCustom > .container {
        height: 100%;
    }

.wfhuBtnRow {
    position: relative;
    top: 80%;
}

.wfhuBtn {
    border: none;
    background-color: transparent;
    color: #fff;
    cursor: pointer;
}

.wfhuBtnActive {
    border: none;
    background-color: #661424;
    color: #fff;
    cursor: pointer;
}

.wfhuBtn:hover {
    background-color: #661424;
}

.wfhuBtn:active {
    box-shadow: 0px;
}

.wfhuBtn:focus {
    background-color: #661424;
    box-shadow: 0px;
}

#maroonBox {
    height: 35px;
    width: 25px;
    background-color: #661424;
    float: left;
    margin-right: 5px;
    margin-left: -5px;
}


/*******************************************************
************** Why FHU...(bootstrap) *********************
********************************************************/
.carousel-indicators{
    bottom:10px;
    z-index:9;
}

.carousel-indicators li {
    text-indent: 0;
    border: none;
    background-color: transparent;
    height: 100%;
    width: 100px;
    text-align: center;
    color: #fff;
    opacity:1;
    font-size:16px;
    padding:5px;
    z-index:9;
}

.carousel-indicators .active {
    background-color: #661424;
}

.carousel-caption {
    padding: 10px;
    text-align: left;
    /* background-color:rgba(40, 8, 14, 0.6); */
    position: absolute;
    bottom: 20%;
    z-index:9;
}

    .carousel-caption > row {
        width: 100%;
    }

.wfLink {
    background-color: #F1F1F1;
    color: #661424;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
}

    .wfLink:hover {
        background-color: rgb(199, 199, 199);
    }

    .wfLink > a {
        text-decoration: none;
        color: #661424;
        font-size:16px;
        display:inline-block;
        padding:5px;
    }

.carousel-item {
    min-height: 800px;
}

/*******************************************************
**************        Advertisement Styles      *********************
********************************************************/
.Advertisement {
    color: #fff;
    background-color: #661424;
    padding-bottom: 20px;
}

#advertisingLink{
    text-decoration:none !important;
}

#advertisingLink > .largeText{
    text-align:center;
}

.adHeaderBlock{
    padding-top:20px;
}

.center{
    text-align:center;
}

/*******************************************************
**************        Spirit       *********************
********************************************************/

.Spirit {
    color: #fff;
    background-color: #661424;
    padding-bottom: 50px;
}

.spiritHeaderTxt {
    margin-top: 20px;
    margin-bottom: 20px;
}

    .spiritHeaderTxt > .largeTxt {
        text-align: center;
        margin-bottom: 0px;
    }

    .spiritHeaderTxt > .smallTxt {
        text-align: center;
    }

.spiritItem {
    margin-bottom: 25px;
}

.spiritItemTxt > .textContainer {
    position: absolute;
    bottom: -5px;
}

.textContainer > .mediumTxt {
    margin-bottom: 5px;
    line-height: 1.1;
}

.textContainer > .smallTxt {
    margin-bottom: 0px;
    margin-bottom: -1px;
}

.spiritCol > a {
    text-decoration: none;
    color: #fff;
}

.spiritCol > a:hover {
    text-decoration: none;
    color: #fff;
}

.sC2 {
    display: inline-block;
}


/*******************************************************
******************    Academics   **********************
********************************************************/

.lgray-back{
    background-color: #F1F1F1;
}

.Academics {
    color: #fff;
    background-color: #808080;
    padding-bottom: 60px;
}

.academicHeaderTxt {
    margin-top: 50px;
    margin-bottom: 20px;
}

.academicIntroTxt {
    margin-top: 50px;
    margin-bottom: 20px;
    text-align: center;
}

.academicHeaderTxt > .largeTxt {
    text-align: center;
    margin-bottom: 0px;
}

.academicHeaderTxt > .smallTxt {
    text-align: center;
}

.academicGallery > .row {
    width: 100%;
    margin: 0px;
}

.academicGallery > .row > a {
    text-decoration: none;
    color: #fff;
}
/*This one is for the academic spotlight page widgets*/
.academicGallery > .row > .col-md-3 > span > .as-contentblock > a > .gradient > .smallTxt {
    text-decoration: none;
    color: #fff ;
}
.academicGallery > .row > .col-md-3 > span > .as-contentblock > a{
    text-decoration: none;
}

.agItem {
    height: 300px;
    padding: 0px;
    cursor: pointer;
}

.gradient {
    padding: 15px;
    background-image: linear-gradient(rgba(178,178,178,0),rgba(0,0,0,0.4), rgba(0,0,0,0.6));
    height: 100%;
    position: relative;
    border-top-style: hidden;
}

    .gradient p {
        position: relative;
        top:85%;
        font-size:18px;
    }

    .gradient:hover {
        padding: 30px;
        background-image: linear-gradient(rgba(178,178,178,0),rgba(0,0,0,0.5), rgba(0,0,0,7));
    }

.majorContainer > #accordion {
    margin-bottom: 30px;
}

    .majorContainer > #accordion > .card {
        color: #000;
        border: none;
        background-color: transparent;
    }

        .majorContainer > #accordion > .card > .card-header {
            background-color: #808080;
            border-color: #fff;
        }

            .majorContainer > #accordion > .card > .card-header > .collapse {
                background-color: #F1F1F1;
            }

            .majorContainer > #accordion > .card > .card-header > .collapsing {
                background-color: #F1F1F1;
            }

            .majorContainer > #accordion > .card > .card-header > .btn-link {
                text-decoration: none;
                color: #fff;
            }

        .majorContainer > #accordion > .card > .collapse > .card-body {
            background-color: #F1F1F1;
            color: #231F20;
        }

.card .card-header .btn {
    width: 100%;
    text-align: left;
}

    .card .card-header .btn .material-icons {
        float: right;
        position: relative;
        top: 15px;
    }

.card .collapse .card-body .row {
    margin-bottom: 20px;
}

.card-body .row .smTxt{
    font-size:14px;
}

.short-line > div > li > p{
    line-height: 1 !important;
}
.short-line > li > p {
    line-height: 1 !important;
}

.academicsMajors {
    margin-right: 0px;
}

.amLabel {
    margin-top: 50px;
}

.Academics .row {
    margin-right: 0px;
}

.mm-col > li{
    margin-bottom:5px;
}

/*******************************************************
******************    Athletics   **********************
********************************************************/
.Athletics {
    background-image: url(/imgs/athletics-baseball2019champ.jpg);
    background-size: cover;
    background-position: center;
    height:100%;
}

.athleticCover {
    background-color: rgba(0,0,0,0.2);
}

.athleticsHeaderTxt {
    margin-top: 80px;
    margin-bottom: 20px;
    text-align: center;
    color: #fff;
}
.athleticsRowContainer .item1, .athleticsRowContainer .item2, .athleticsRowContainer .item3{
    border-right:solid #fff 1px;
}
.athleticsItem {
    background-color: rgba(0,0,0,0.8);
    color: white;
    padding: 0px;
    margin: 0px;
    border: none;
    box-shadow: none;
    text-align: center;
    cursor: pointer;
}

    .athleticsItem:focus {
        box-shadow: none;
        outline: none;
    }

    .athleticsItem:active {
        box-shadow: none;
        outline: none;
        font-size:16px;
    }

    .athleticsItem:visited {
        box-shadow: none;
        outline: none;
    }

    .athleticsItem > p {
        margin: 0px;
        padding: 7px;
    }

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

    .athleticsRowContainer > .active {
        background-color: rgba(0,0,0,0.4);
    }

.athleticsItemInfo {
    height: 500px;
}
.itemInfoTxt{
    background-color:rgba(0,0,0,0.4);
}
.itemInfoTxt > p {
    text-align: center;
    color: #fff;
    font-size: 200px;
    font-family: 'Khan', sans-serif;
    font-weight: bold;
}

.athleticsLink {
    text-align: center;
    color: white;
    font-size: 60px;
    margin-top:60px;
}

    .athleticsLink > a {
        text-decoration: none;
        color: white;
    }

.athleticsItemInfo > .hidden {
    display: none;
}

.athleticsLink .mediumTxt a {
    text-decoration: underline;
    color: #fff;
}

    .athleticsLink .mediumTxt a:hover {
        text-decoration: underline;
        color: #641424;
    }

.white {
    color: white !important;
}

/*******************************************************
********************    Social   **********************
********************************************************/
.Social {
    background-color: #661424;
    /*min-height: 600px;*/
    padding-top: 20px;
}

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

.socialFollow {
    color: #fff;
}

.socialFollowList {
    position: relative;
    top: 25%;
}

.socialFollow > ul > li {
    float: left;
    margin-right: 5px;
}

.socialTwentyFour {
    float: right;
    color: #fff;
    padding: 0px;
}

.hoursText {
    text-align: right;
    margin-right: 10px;
    position: relative;
    top: 71%;
}

.twenty-four {
    font-size: 200px;
    line-height: 0.7;
    margin-top: 50px;
    font-family: 'Khan', sans-serif;
    font-weight:bold;
}

.Life{
    font-size: 140px;
    line-height: 0.7;
    margin-top: 50px;
    font-family: 'Khan', sans-serif;
    font-weight:bold;
}

.SocialGrid {
    padding: 0px;
    margin: 0px;
    padding-bottom: 100px;
}

    .SocialGrid .row .col-md-6 {
        padding: 0px;
    }

    .SocialGrid .row .col-md-2 {
        padding: 0px;
    }

        .SocialGrid .row .col-md-2 .socialGridItem {
            padding: 5px;
        }

    .SocialGrid .row .col-md-6 .row {
        width: 100%;
        margin-left: 0px;
    }

.bigItem {
    padding: 5px;
}

    .bigItem img {
        width: 100%;
    }

.socialGridItem {
    padding: 5px;
}

    .socialGridItem img {
        width: 100%;
    }

.siText {
    background-color: rgba(0,0,0,0.5);
    color: white;
    position: absolute;
    bottom: 0%;
    right: 10%;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
}

.soImg {
    position: absolute;
    top: 40%;
}

.so-modal .modal-dialog .modal-content {
    background-color: transparent;
}

    .so-modal .modal-dialog .modal-content .carousel .carousel-inner .carousel-item img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .so-modal .modal-dialog .modal-content .carousel .carousel-inner .carousel-item .carousel-caption {
        position: absolute;
        bottom: 10%;
    }



/*******************************************************
********************    Footer   **********************
********************************************************/
.Footer {
    background-color: #231F20;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
    position:relative;
}

.footerNav {
    width: 100%;
    border-bottom: 1px solid #f1f1f1
}

.fnButton {
    float: left;
    width: 14.286%;
    border-right: 1px solid #f1f1f1;
    text-align: center;
    height: 30px;
    color: white;
    background-color: #231F20;
    text-decoration: none;
    font-family: 'Nunito Sans';
    font-size:16px;
    padding:5px;
}

    .fnButton:focus {
        text-decoration: none;
    }

    .fnButton:hover {
        background-color: #f1f1f1;
        color: #737373;
        text-decoration: none;
    }
    .fnButton:active {
        background-color: #f1f1f1;
        color: #737373;
        text-decoration: none;
    }

.fContent {
    border-left: 1px solid #f1f1f1;
    /*border-right: 1px solid #f1f1f1;*/
    background-color: #f1f1f1;
}

.fnSection {
}

.fBottom {
    border-top: 1px solid #f1f1f1;
}

.whiteHR {
    border: 1px solid #f1f1f1;
}

.fActive {
    background-color: #f1f1f1;
    color: #737373;
    text-decoration: none;
}

.fContentBlock {
    background-color: #f1f1f1;
}

    .fContentBlock .fcbAcademics .col-md-4 ul {
        display: inline;
    }

    .fContentBlock h3 {
        font-size:1.75rem;
        font-family:"Nunito Sans", sans-serif;

    }

.fcbNav {
    margin-top: 20px;
    margin-bottom: 20px;
}

    .fcbNav li a {
        padding: 10px;
        color: #959595;
    }

.fcbContent {
    color: #231F20;
    margin-top: 20px;
    margin-bottom: 20px;
}

.FooterAddress a {
    text-decoration: underline;
    color: #fff;
}

.FooterSocial p a {
    text-decoration: underline;
    color: #fff;
}

.FooterSocial .socialList{
    margin-bottom: 15px;
    margin-top: -15px;
}


.FooterRole{
    display:none;
}

.fBottom {
    padding-top: 10px;
}

    .fBottom .col-md-6 {
        padding: 0px;
    }

        .fBottom .col-md-6 a {
            text-decoration: underline;
            color: #fff;
        }

.socialList{
    position:relative;
    top:70%;
}

.socialList li {
    display: inline-block;
    margin: 5px 0px 5px 0px; 
}

.socialList li p{
    margin-top:5px;
}

.socialList-Life{
    position:relative;
    top:60%;
}

.socialList-Life li {
    display: inline-block;
    margin: 5px 0px 5px 0px; 
}

.socialList-Life li p{
    margin-top:5px;
}

/*****************************************************************
 ******************* Image Grid  *******************
 *******************************************************************/
figure {
    position: relative;
    margin-bottom: 0px;
}

.gallery-container {
    padding-bottom: 40px;
}

.gallery {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: minmax(100px, auto);
    grid-gap: 10px;
}

.gallery__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    max-height:200px;
}

.gallery__img_Lg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/*******************************************************
************** Countdown  *********************
********************************************************/
#cdContainer{
background-color:#B2B2B2;
border:5px solid #661424;
  color:#661424;
  padding: 10px 0px;
}
#cdContainer > .row{
margin:0px;
  padding:20px 0px;
}
#cdContainer > .col-8 > .row{
    padding-top: 30px;
    padding-right: 5px;
}
#days{
	font-size:100px;
  font-weight:bold;
}

#block1{
	width:25%;
	text-align:center;
	border-right:2px solid #ffd200;
     	color:#661424;
}
#block1 > p{
text-align: center;
  font-size: 20px;
  margin-top: -10px;
  color:#661424;
}
#hours{
	font-size:100px;
  font-weight:bold;
}
#block2{
	width:25%;
	text-align:center;
	border-right:2px solid #ffd200;
 	color:#661424;
}
#block2 > p{
text-align: center;
  font-size: 20px;
  margin-top: -10px;
  color:#661424;
}
#min{
	font-size:100px;
  font-weight:bold;
}
#block3{
	width:25%;
	text-align:center;
	border-right:2px solid #ffd200;
     	color:#661424;
}
#block3 > p{
text-align: center;
  font-size: 20px;
  margin-top: -10px;
  color:#661424;
}
#sec{
	font-size:100px;
  font-weight:bold;
}
#block4{
	width:25%;
	text-align:center;
     	color:#661424;
}
#block4 > p{
text-align: center;
  font-size: 20px;
  margin-top: -10px;
  color:#661424;
}

@media (max-width: 1201px) {
    #days{
	  font-size:80px;
    }
    #hours{
	  font-size:80px;
    }
    #min{
	  font-size:80px;
    }
    #sec{
	  font-size:80px;
    }
    #block1 > p{
      font-size: 18px;
    }
    #block2 > p{
      font-size: 18px;
    }
    #block3 > p{
      font-size: 18px;
    }
    #block4 > p{
      font-size: 18px;
    }
    #cdContainer > .col-8 > .row{
        padding-right: 10px;
    }
}
@media (max-width: 991px){
    #days{
	  font-size:70px;
    }
    #hours{
	  font-size:70px;
    }
    #min{
	  font-size:70px;
    }
    #sec{
	  font-size:70px;
    }
    #block1 > p{
      font-size: 17px;
    }
    #block2 > p{
      font-size: 17px;
    }
    #block3 > p{
      font-size: 17px;
    }
    #block4 > p{
      font-size: 17px;
    }
    #cdContainer > .col-8 > .row {
        padding-top: 23px;
    }
    #cdContainer{
        padding: 15px 0px;
    }
}

@media (max-width: 769px) {
    #days{
	  font-size:60px;
    }
    #hours{
	  font-size:60px;
    }
    #min{
	  font-size:60px;
    }
    #sec{
	  font-size:60px;
    }
    #block1 > p{
      font-size: 16px;
    }
    #block2 > p{
      font-size: 16px;
    }
    #block3 > p{
      font-size: 16px;
    }
    #block4 > p{
      font-size: 16px;
    }
    #cdContainer > .col-8 > .row {
        padding-top: 13px;
    }
}

@media (max-width: 560px) {
    #block4{
	    display:none;
    }
    #block3{
        width:33%;
        border-right:none;
    }
    #block2{
        width:33%;
    }
    #block1{
        width:33%;
    }
}

@media (max-width: 425px) {
    #cdContainer > .col-8 {
        max-width:100%;
        flex:none;
    }
    #cdContainer > .col-4 {
        max-width:100%;
        flex:none;
    }
    #cdContainer > .col-4 > img {
        width:100%;
    }
    #cdContainer > .col-8 > .row{
        padding-right: 0px;
    }

}



/*******************************************************
************** Searchbar Media Q *********************
********************************************************/
@media (min-width: 1200px) {
    #megaSubSearch{
        width: 94%;
    }
}

@media (max-width: 1199px) {
    #megaSubSearch{
        width:92%;
    }
}
@media (max-width: 991px) {
    #megaSubSearch {
        width: 90%;
    }
}
@media (max-width: 767px) {
    #megaSubSearch{
        width:86%;
    }
}
@media (max-width: 525px) {
    #megaSubSearch{
        width:90%;
    }
}
@media (max-width: 481px) {
    #megaSubSearch{
        width:89%;
    }
}
@media (max-width: 443px) {
    #megaSubSearch{
        width:88%;
    }
}
@media (max-width: 411px) {
    #megaSubSearch{
        width:87%;
    }
}
@media (max-width: 384px) {
    #megaSubSearch{
        width:86%;
    }
}
@media (max-width: 361px) {
    #megaSubSearch{
        width:85%;
    }
}
@media (max-width: 341px) {
    #megaSubSearch{
        width:82%;
    }
}
@media (max-width: 294px) {
    #megaSubSearch{
        width:80%;
    }
}
@media (max-width: 270px) {
    #megaSubSearch{
        width:77%;
    }
}


/*******************************************************
********************    Media Quiries   ****************
********************************************************/
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1201px) {
    .fContent {
        border-right: none;
    }
    .gallery__item--1 {
        grid-column: 1/4;
        grid-row: 1/4;
    }

    .gallery__item--2 {
        grid-column: 4;
        grid-row: 1;
        max-height: 200px;
    }

    .gallery__item--3 {
        grid-column: 5;
        grid-row: 1;
        max-height: 200px;
    }

    .gallery__item--4 {
        grid-column: 6;
        grid-row: 1;
        max-height: 200px;
    }

    .gallery__item--5 {
        grid-column: 4;
        grid-row: 2;
        max-height: 200px;
    }

    .gallery__item--6 {
        grid-column: 5;
        grid-row: 2;
        max-height: 200px;
    }

    .gallery__item--7 {
        grid-column: 6;
        grid-row: 2;
        max-height: 200px;
    }

    .gallery__item--8 {
        grid-column: 4;
        grid-row: 3;
        max-height: 200px;
    }

    .gallery__item--9 {
        grid-column: 5;
        grid-row: 3;
        max-height: 200px;
    }

    .gallery__item--10 {
        grid-column: 6;
        grid-row: 3;
        max-height: 200px;
    }

    .gallery__item--11 {
        grid-column: 1;
        grid-row: 4;
        max-height: 200px;
    }

    .gallery__item--12 {
        grid-column: 2;
        grid-row: 4;
        max-height: 200px;
    }

    .gallery__item--13 {
        grid-column: 3;
        grid-row: 4;
        max-height: 200px;
    }

    .gallery__item--14 {
        grid-column: 4;
        grid-row: 4;
        max-height: 200px;
    }

    .gallery__item--15 {
        grid-column: 5;
        grid-row: 4;
        max-height: 200px;
    }

    .gallery__item--16 {
        grid-column: 6;
        grid-row: 4;
        max-height: 200px;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1026px) {
    .bottom-sidebar{
        display:none;
    }
}
@media (max-width: 1025px) {
    .top-sidebar {
        display: none;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1201px) {
    .Life{
        font-size:117px;
    }
    .socialList-Life{
        top: 57%;
    }
    .Logo150 img{
        max-height:200px;
    }
    .introTxtBlock {
        top: 60%;
    }
    .headerTxtBlock {
        top: 60%;
    }

    .col-lg-1-5 {
        width: 20%;
        float: left;
    }

    .col-lg-2-5 {
        width: 40%;
        float: left;
    }

    .col-md-1-5 {
        width: 20%;
        float: left;
    }

    .col-md-2-5 {
        width: 40%;
        float: left;
    }

    .weCol img {
        display: inline-block;
        width: 100%;
    }

    .spiritItem .img img {
        width: 100%;
    }
    .gallery__item--1 {
        grid-column: 1/4;
        grid-row: 1/4;
    }

    .gallery__item--2 {
        grid-column: 4;
        grid-row: 1;
    }

    .gallery__item--3 {
        grid-column: 5;
        grid-row: 1;
    }

    .gallery__item--4 {
        grid-column: 6;
        grid-row: 1;
    }

    .gallery__item--5 {
        grid-column: 4;
        grid-row: 2;
    }

    .gallery__item--6 {
        grid-column: 5;
        grid-row: 2;
    }

    .gallery__item--7 {
        grid-column: 6;
        grid-row: 2;
    }

    .gallery__item--8 {
        grid-column: 4;
        grid-row: 3;
    }

    .gallery__item--9 {
        grid-column: 5;
        grid-row: 3;
    }

    .gallery__item--10 {
        grid-column: 6;
        grid-row: 3;
    }

    .gallery__item--11 {
        grid-column: 1;
        grid-row: 4;
    }

    .gallery__item--12 {
        grid-column: 2;
        grid-row: 4;
    }

    .gallery__item--13 {
        grid-column: 3;
        grid-row: 4;
    }

    .gallery__item--14 {
        grid-column: 4;
        grid-row: 4;
    }

    .gallery__item--15 {
        grid-column: 5;
        grid-row: 4;
    }

    .gallery__item--16 {
        grid-column: 6;
        grid-row: 4;
    }
    .carousel-caption{
        bottom:15%;
    }
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 993px) {
    .col-sm-1-5 {
        width: 20%;
        float: left;
    }

    .col-sm-2-5 {
        width: 40%;
        float: left;
    }

    .weCol {
        text-align: center;
        margin-bottom: 50px;
    }

        .weCol img {
            display: inline-block;
        }

    .spiritItem {
        margin-bottom: 50px;
    }

        .spiritItem .img img {
            width: 100%;
        }

    .sC2 {
        display: none;
    }

    .socialTwentyFour {
        margin-top: -50px;
    }

    .academicIntroTxt {
        margin-top: 60px;
    }

    .fnButton {
        border-right: 0px;
        border-bottom: 1px solid #fff;
        width: 100%;
    }

    .fContent {
        border-right: 1px solid #fff;
    }

    .introTxtBtns {
        position: relative;
        top: 70%;
    }

    .whyItem:nth-child(7) {
        display: none;
    }

    .whyItem:nth-child(8) {
        display: none;
    }

    .whyItem:nth-child(9) {
        display: none;
    }
    .Logo150 img {
        max-height: 150px;
    }
    .socialList{
        top:280%;
    }
    .FooterRole{
        display:block;
    }
    .socialList-Life{
        top: 38%;
    }

}

@media (max-width: 991px){
    .socialList-Life{
        top: 0%;
    }
    .Life{
        font-size:100px;
        margin-left:22px;
        margin-top:60px;
    }
    .gallery__img{
        max-height:244px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
    .Logo150 img {
        /*max-height: 100px;*/
        margin-top:10px;
        margin-bottom:10px;
    }
    .socialList{
        top:0;
    }

    .ann-top{
        color:#fff;
    }

    #navbarDropdownMenuLink {
        display: none;
    }

    .introTxtBlock {
        top: 40%;
    }
    .headerTxtBlock {
        top: 40%;
    }

    .weCol {
        text-align: center;
        margin-bottom: 50px;
    }

        .weCol img {
            display: inline-block;
        }

    .btnsCol .row .col-sm-6 {
        margin-bottom: 10px;
    }

    .siText {
        font-size: 16px;
    }

    .spiritItemTxt > .textContainer {
        position: inherit;
        margin-bottom: 10px;
        padding-top: 10px;
    }

    .academicIntroTxt {
        margin-top: 40px;
    }

    .card-header .mediumTxt {
        font-size: 20px;
    }

    .carousel-caption {
        bottom: 10%;
        width: 70%;
    }

    .whyItem:nth-child(4) {
        display: none;
    }

    .whyItem:nth-child(5) {
        display: none;
    }

    .whyItem:nth-child(6) {
        display: none;
    }

    .right {
        float: none;
    }

    .gradient p {
        position: relative;
        bottom: 0%;
    }

    #rmSO2 {
        display: none;
    }

    #rmSO3 {
        display: none;
    }

    .hoursText {
        top: 75%;
        font-size: small;
    }

    .menuTxt {
        display: none;
    }

    .Academics .row {
        margin-left: 0px;
    }

    #call-us {
        display: block;
    }

    .introTxtBtns {
        top: 65%;
    }

    .rm {
        display: none;
    }
    .gallery__item--1 {
        grid-column: 1/4;
        grid-row: 1;
    }

    .gallery__item--2 {
        grid-column: 4/7;
        grid-row: 1;
    }

    .gallery__item--3 {
        grid-column: 1/4;
        grid-row: 2;
    }

    .gallery__item--4 {
        grid-column: 4/7;
        grid-row: 2;
    }

    .gallery__item--5 {
        display: none;
    }

    .gallery__item--6 {
        display: none;
    }

    .gallery__item--7 {
        display: none;
    }

    .gallery__item--8 {
        display: none;
    }

    .gallery__item--9 {
        display: none;
    }

    .gallery__item--10 {
        display: none;
    }

    .gallery__item--11 {
        display: none;
    }

    .gallery__item--12 {
        display: none;
    }

    .gallery__item--13 {
        display: none;
    }

    .gallery__item--14 {
        display: none;
    }

    .gallery__item--15 {
        display: none;
    }

    .gallery__item--16 {
        display: none;
    }
     .captionMTxt{
        display:none;
    }
    .captionMTxtMobile{
        display:block;
    }
    .captionMTxtMobile{
        font-size:20px;
    }
    .carousel-caption{
        bottom:10%;
    }
    .modal.left .modal-dialog, .modal.right .modal-dialog {
        width:70%;
    }
    .calenderCol{
        display:none;
    }
    /*.FooterRole{
        display:block;
    }*/
    .gallery__img{
        max-height:177px;
    }
    .Life{
        font-size:92px;
    }
}

/* Medium devices (tablets, 690px and up) */
@media (max-width: 690px){
    .athleticsItem{
        border-bottom:solid #fff 1px;
        border-right:none;
    }
    .athleticsRowContainer .item1, .athleticsRowContainer .item2, .athleticsRowContainer .item3 {
        border-right: none;
    }
    .totalBox {
        display: none;
    }

    .totalMobile {
        display: inline-block;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
    .col-sm-1-5 {
        width: 100%;
        float: left;
    }

    .col-sm-2-5 {
        width: 100%;
        float: left;
    }
    .weCol {
        text-align: center;
        margin-bottom: 50px;
    }

        .weCol img {
            display: inline-block;
        }

    .spiritItemTxt > .textContainer {
        position: inherit;
    }

    .spiritHeaderBlock {
        margin-right: 0px;
        margin-left: 0px;
    }

    .academicIntroTxt {
        margin-top: 20px;
    }

    .logoBox {
        width: 80px;
    }

    .agItem {
        width: 100%;
    }

    .academicHeaderTxt {
        margin-top: 30px;
    }

    .academicsIntroduction {
        margin-left: 0px;
        margin-right: 0px;
    }

    .modal-right .modal-dialog {
        width: 100%;
    }

    .athleticsHeaderBlock {
        margin-left: 0px;
        margin-right: 0px;
    }

    .justify-content-start .list-inline {
        /*display: none;*/
    }

    .tnBtnBottom {
        display: none;
    }

    .fBottom .col-md-6 {
        padding: 10px;
    }

    .rmSO1 {
        display: none;
    }

    .menuBar > .navbar > .navbar-brand {
        font-size: medium;
        margin-left: 70px;
    }

    #homepageVideo {
        margin-top: 100px;
    }

    .introBlockHome {
        position: absolute;
        /*top: -80px;*/
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
    }
    .headerBlock {
        position: inherit;
        margin-bottom: 10px;
    }

    .gradient p {
        bottom: -75%;
    }

    .twenty-four {
        font-size: 150px;
        margin-right: -15px;
    }

    .hoursText {
        top: 45%;
    }

    .card .card-header .btn .material-icons {
        top: 0px;
    }

    .card-header .mediumTxt {
        font-size: 16px;
        padding: 5px;
    }

    .searchbar .form-inline .btn {
        width: 15%;
    }

    .searchbar .form-inline .form-control {
        width: 65%;
    }

    .introTxtBtns {
        display: none;
    }

    .WeAre {
        margin-top: -20px;
    }
    .introTxtBlock {
        top: 75%;
    }
    .introTxt > .largeIntro{
        font-size:35px;
    }
    .captionMTxtMobile{
        font-size:20px;
    }
    .carousel-caption{
        bottom:6%;
    }
    .modal.left .modal-dialog, .modal.right .modal-dialog {
        width:100%;
    }
    #rmAG{
        display:none;
    }
    .d-hidden{
        display:none;
    }
    .m-hidden{
        display:none;
    }
    .gallery__img{
        max-height:190px;
    }
}

@media (max-width: 537px){
    .Life{
        font-size:70px;
    }
    .gallery__img{
        max-height:150px;
    }
}

/* Small devices (for secondary page issues) */
@media (max-width: 500px) {
 .back-maroon:before{
        width:0;
        left:0;
    }
    .back-gray:before{
        width:0;
        left:0;
    }
    .header-shape{
        margin-left:10px;
        margin-bottom:20px;
    }
}
    

/* Smaller devices (phones, 380px and below) */
@media (max-width: 380px) {

    .nav-giving{
        display:none;
    }

    .logoBox {
        width: 60px;
    }

    .menuBar > .navbar > .navbar-brand {
        margin-left:55px;
    }

    .fhuBrand{
        display:none;
    }

    .menuBar > .navbar span {
        margin-left: auto !important;
    }

    .introBlock > .row {
        margin-top: -6px;
    }
    .headerBlock > .row {
        margin-top: -6px;
    }

    .captionMTxt {
        font-size: 18px;
    }

    .Academics .card .collapse .card-body .row .col-md-12 .row .col-md-12 .row {
        padding-left: 0px;
    }

    .Academics .card .collapse .card-body .row .col-md-6 ol {
        padding-left: 20px;
    }

    .Academics .card-header {
        padding-left: 0px;
        padding-right: 0px;
    }

    .majorContainer {
        padding: 0px;
    }

    .card-header .mediumTxt {
        font-size: 15px;
    }

    .itemInfoTxt > p {
        font-size: 150px;
    }

    .athleticsHeaderBlock .justify-content-center {
        margin-left: 0px;
    }

    .athleticsLink .mediumTxt {
        font-size: 20px;
    }

    .Social .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .socialTwentyFour {
        /*margin-bottom: -20px;*/
        margin-top:-40px;
    }

    .twenty-four {
        font-size: 80px;
        margin-right: 0px;
    }

    .hoursText {
        font-size: 12px;
        /*top: 30%;*/
    }

    .nav-link {
        font-size: 16px;
    }

    .modal.left .modal-dialog,
    .modal.right .modal-dialog {
        position: fixed;
        margin: auto;
        width: 100%;
        height: 100%;
        -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
        -o-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
    }

    .Life{
        font-size: 50px;
        margin-left: 15px;
    }
    .gallery__img{
        max-height:115px;
    }
}