/* FONTS WWW */
h1,
h1 a,
h1 strong,
h1 b,
.componentheading {
    color: #00704a;
    font-family: "proxima-nova", Arial, Helvetica, sans-serif !important;
    font-size: 43px;
    font-weight: 400 !important;
    line-height: normal !important;
    margin: 0.75em 0 0;
    padding: 0;
    text-align: left;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

h2,
h2 a,
h2 strong,
h2 b,
.contentheading {
    color: #00704a;
    font-family: "kulturista-web", Arial, Helvetica, sans-serif !important;
    font-size: 39px;
    font-weight: 400 !important;
    line-height: normal !important;
    margin: 0.75em 0 0;
    padding: 0;
    text-align: left;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

h3,
h3 a,
h3 strong,
h3 b {
    color: #00704a !important;
    font-family: "kulturista-web", Arial, Helvetica, sans-serif !important;
    font-size: 32px;
    font-weight: 400 !important;
    line-height: normal !important;
    margin: 1em 0 0;
    text-align: left;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

h4,
h4 a,
h4 strong,
h4 b,
#whitebox h5.feed-link {
    color: #00704a !important;
    font-family: "kulturista-web", sans-serif !important;
    font-size: 25px;
    font-weight: 400 !important;
    line-height: normal !important;
    margin: 0.75em 0 0.3em;
    padding: 0;
    text-align: left;
}

h5 {
    color: #00704a !important;
    font-family: "kulturista-web", Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: normal;
    margin: 1.5em 0 0;
    padding: 0;
    text-align: left;
}

body {
    color: #333;
    font-family: "proxima-nova", sans-serif !important;
    font-size: 15.5px;
    font-weight: 400;
    line-height: 28px;
}

span,
button,
input {
    color: #000;
    font-family: "proxima-nova", sans-serif !important;
}

p {
    color: #333;
    font-size: 18px;
    font-weight: 400;
    line-height: 31px;
    margin: 1em 0 0;
}

b,
strong {
    font-weight: 700;
}

body.stats .uk-panel h3 {
    margin: 0 0 0 !important;
    text-align: center !important;
}

/* 1.1 Page lead */
.page-lead {
    color: #00704a;
    font-size: 31px;
    font-weight: 400 !important;
    line-height: normal !important;
    margin-top: 3%;
}

.blog .page-header h2 {
    font-size: 33px;
}

/* 1.2 Home page lead */
/* 1.3 Tagged Feed H3 */
.tag-category,
.tagged-feed h3 {
    margin: 0 0 0 !important;
}

/* 1.4 Mobile font styles */
@media only screen and (max-width: 1024px) and (min-width: 300px) {

    h1,
    h1 a,
    h1 strong,
    h1 b,
    .componentheading {
        font-size: 34px;
    }

    h2,
    h2 a,
    h2 strong,
    h2 b,
    .contentheading {
        font-size: 26px;
    }

    h3,
    h3 a,
    h3 strong,
    h3 b {
        font-size: 23px;
    }

    h4,
    h4 a,
    h4 strong,
    h4 b,
    #whitebox h5.feed-link {
        font-size: 20px;
    }

    h5 {
        font-size: 17px;
    }

    p {
        font-size: 15px;
    }
}

/* Links */
#content .item-page p a:hover,
body.mceforcecolors a:hover {
    border-bottom: 1px solid #00704a;
    cursor: pointer;
    text-decoration: none !important;
}

#content .item-page p a:link {
    border-bottom: 1px solid #00704a;
    font-weight: 600 !important;
    color: initial;
}

a:link,
a:visited,
a:visited.contentpagetitle,
a:link.contentpagetitle,
.item-page a span {
    font-weight: 600;
}

/* Add external link icon to menu items using 'external-link' class */
a.external-link:after {
    color: #82c140;
    content: " \f08e";
    font-family: FontAwesome;
    font-size: 15px;
    margin: 0 0 0 10px;
}

/* Add down arrow icon to separator menu items */
span.separator:after {
    color: #82c140;
    content: " \f107";
    font-family: FontAwesome;
}

/*HOMEPAGE LAYOUTS */
/*Center text with heading, sub-head and p text */
.home-lead {
    color: #000;
    font-family: "proxima-nova", Arial, Helvetica, sans-serif;
    line-height: normal;
    text-align: center;
}

.home-lead .lead {
    font-size: 40px;
    font-weight: 200;
    line-height: normal;
    margin: 2em auto 0;
    padding: 0 8%;
}

.home-lead .sub {
    font-size: 26px;
    font-weight: 300;
    margin: 0.55em auto 0.85em;
    padding: 0 8%;
}

.home-lead p {
    font-weight: 400 !important;
    padding: 0 8%;
}

div.srfrContainer ul.srfrList li img.srfrImage {
    float: left;
    margin: 4px 20px 0 0;
    max-width: 200px;
}

/*remove the tall white blank box */
body.ribbonFullwidth #whitebox {
    min-height: 0 !important;
}

/*Sub-banner*/
.sub-banner {
    display: inline-block;
    margin: 0 auto;
    padding: 3% 0;
    text-align: center;
    width: 100%;
}

.sub-banner h2 {
    font-weight: 300 !important;
    margin: 0 auto;
    max-width: 1000px;
    padding: 0 5% !important;
    text-align: center;
}

.sub-banner p {
    font-weight: 400 !important;
    margin: 0 auto !important;
    max-width: 1000px;
    padding: 1% 5% !important;
}

/*Home styling - when home class applied to site home */
body.home .middle1-container {
    border-left: 2px solid #00704a;
    margin: 5% 0;
    padding: 0 0 2% 4%;
}

body.home .middle2 {
    background: rgba(0, 0, 0, 0.02);
    background-size: 4.5px;
    padding-bottom: 5%;
    padding-top: 4%;
}

body.home #content {
    display: none;
}

/*Add padding to all home modules in middle2 */
body.home .middle2 .moduletable {
    padding: 0 30px 0;
}

body.home .middle1 .moduletable {
    padding: 4% 35px 3% 15px;
}

/*BREADCRUMBS */
.som-breadcrumbs {
    background: linear-gradient(160deg, #00704a, #024c2e);
    background-position: center !important;
    background-repeat: no-repeat;
    background-size: cover !important;
    position: relative;
    width: 100%;
}

.banner-som-text {
    color: #fff;
    font-family: "proxima-nova", sans-serif !important;
    margin: 0 auto 0;
    max-width: 1280px;
    padding: 7% 0 7% 1%;
    text-align: center;
}

.breadcrumb-nav {
    background: #00704a;
    padding: 20px 10px 20px;
}

.breadcrumb {
    background-color: transparent;
    border: 0 solid #dedede;
    margin: 0 auto;
    max-width: 1280px;
}

#banner .breadcrumb > .active span {
    color: #fff;
    font-size: 85px;
    font-weight: 100 !important;
}

#banner .breadcrumb span {
    color: #fff;
}

#banner .breadcrumb .pathway span {
    border-bottom: 2px solid #fff;
    padding: 4px 0;
}

.breadcrumb > .active {
    color: #999;
    width: auto;
}

@media only screen and (max-width: 1024px) and (min-width: 300px) {
    #banner .breadcrumb > .active span {
        font-size: 12vw !important;
    }
}

/*UAB TEMPLATE */
body.hd #maincolumn-l #content {
    margin: 0 0 3% 1%;
    max-width: 750px;
    width: 100%;
}

body.hd #maincolumn-l,
body.hd #maincolumn-r {
    margin: 0 0 0 3% !important;
    width: 74% !important;
}

body.hd #winston-whitebar {
    box-shadow: none;
    height: 105px;
    z-index: 0;
}

body.hd #whitebar {
    margin-top: 9px;
}

/*TEMPLATE HTML ELEMENTS */
.content-callout {
    background: rgba(0, 0, 0, 0.02);
    background-size: 4.5px;
    border-top: 2px solid #00704a;
    margin: 4% 0;
    overflow: hidden;
    padding: 4% 5% 6%;
}

.content-callout h3 {
    margin: 0 0 0.5em;
}

.two-columns {
    display: block;
    text-align: left;

    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}

.three-columns {
    display: block;
    text-align: left;

    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}

@media only screen and (max-width: 1024px) and (min-width: 300px) {
    .two-columns {
        -webkit-column-count: 1 !important;
        -moz-column-count: 1 !important;
        column-count: 1 !important;
        -webkit-column-gap: 0 !important;
        -moz-column-gap: 0 !important;
        column-gap: 0 !important;
    }
}

body.hd.sidebars #leftcolumn {
    max-width: 22%;
    min-width: 22%;
    width: auto;
}

/*page title */
.page-header h2 {
    font-family: "kulturista-web", sans-serif !important;
    font-size: 55px;
    font-weight: 300 !important;
    margin-top: 7%;
}

@media only screen and (max-width: 1024px) and (min-width: 300px) {
    .page-header h2 {
        font-size: 35px;
    }
}

/* SIDEBAR */
/* Sidebar styling */
.sidebar a:link,
a:visited,
a:visited.contentpagetitle,
a:link.contentpagetitle,
.item-page a span {
    color: #1e6b52;
    font-weight: bold;
    text-decoration: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    transition: none;
}

#leftcolumn ul.nav.menu > li > a {
    background: #fff !important;
    color: #00704a !important;
    font-family: "kulturista-web", sans-serif;
    font-size: 28px;
    font-weight: 600 !important;
    margin: 0 0;
    padding: 20px 15px 10px;
}

.sidebar ul.menu li.current.active > a {
    background-color: #efefef;
    color: #000;
}

#leftcolumn ul.nav.menu ul .active .nav-child .deeper .unstyled {
    background: rgba(0, 112, 74, 0.15);
    border-left: 0 solid #00704a !important;
}

#leftcolumn .parent .active .nav-child {
    background-color: #f8f8f8;
    border-left: 5px solid #00704a;
}

body.hd div.sidebar.no-seal,
body.hd #leftcolumn.sidebarpanel.no-seal {
    background-color: transparent;
}

#leftcolumn ul.nav.menu a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    display: block;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
    padding: 13px 15px;
    text-decoration: none;
}

ul.nav-child.unstyled.small {
    margin: 0 0 0 0 !important;
}

#leftcolumn ul.nav-child.unstyled.small ul.nav.menu a {
    padding: 10px 15px 10px 25px !important;
}

.sidebar a:link,
.sidebar a:visited {
    color: #000;
    text-shadow: none;
}

#leftcolumn ul.nav.menu a:hover {
    background: #00704a;
}

body.hd.sidebars #leftcolumn {
    margin-bottom: 5rem;
    margin-top: 3.5rem;
}

.sidebar li,
.sidebar ul.menu li {
    padding: 0 0 0;
}

#leftcolumn .moduletable {
    padding: 0;
}

.sidebar {
    margin: 0 0 0;
    min-height: 0;
}

ul.nav-child.unstyled.small {
    margin: 0 0 0 0.5em;
}

/* Styling for separator menu items in sidebar */
.sidebar span.separator {
    color: #00704a;
    letter-spacing: 3px;
    padding: 0 15px;
    text-transform: uppercase;
}

/* Add top padding for menus with separator at root level */
#leftcolumn .sidebar li.divider.deeper.parent {
    padding: 6% 0;
}

/* Sidebar mobile */
@media only screen and (max-width: 1024px) and (min-width: 300px) {
    .sidebarpanel {
        border-bottom-right-radius: 0;
        box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
        padding: 0 0 0 !important;
    }

    body.hd.sidebars #leftcolumn {
        margin-top: 0 !important;
    }

    div.module_menu,
    div.sidebar,
    div.sidebarpanel_content {
        padding: 0 0;
    }

    .sidebar ul li ul {
        padding: 0 0 0 0;
    }

    body.hd.sidebars #leftcolumn {
        min-width: 160px !important;
    }

    div#leftcolumn:after {
        display: none;
    }

    .sidebar {
        background-color: #efefef !important;
    }
}

@media only screen and (max-width: 700px) and (min-width: 300px) {
    .sidebar {
        background-color: #efefef !important;
        min-width: 240px;
    }
}

@media only screen and (max-width: 700px) and (min-width: 300px) {
    body.hd.sidebars #leftcolumn {
        min-width: 240px !important;
    }
}

body.hd.white #ribbon .nav-pills .dropdown-menu {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
    border: 1px solid #efefef;
    border-radius: 0;
    box-shadow: 5px 4px 9px 0 rgba(200, 200, 200, 0.4);
    min-width: 250px;
    padding: 10px;
}

@media screen and (max-width: 979px) {
    body.hd.white #ribbon .nav-pills .dropdown-menu {
        border-bottom: 0 solid #00704a;
        border-left: 0 solid #ccc;
        border-right: 0 solid #ccc;
        border-top: 0 solid #ccc;
        padding: 0;
    }
}

.navbar .nav > li > .dropdown-menu:after {
    display: none;
}

.navbar .nav > li > .dropdown-menu:before {
    display: none;
}

#ribbon .dropdown-menu > li > a {
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    margin: 0 0;
    padding: 10px 10px;
    text-transform: none !important;
}

/* Weight and font size of nav items */
body.hd #tray.white #ribbon span,
body.hd #tray.white #ribbon a:link,
body.hd #tray.white #ribbon a:visited {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#ribbon .nav-pills > li > span.separator {
    color: #fff;
    display: inline-block;
    font-size: 15px;
    line-height: 14px;
    margin: 12px 10px 11px;
    padding: 7px 0;
}

nav.navbar.navbar-static-top {
    border-top: 1px solid #d4d4d4;
    margin: 5px 0 0;
}

nav.navbar.navbar-static-top,
nav.navbar.navbar-static-top #tray {
    min-height: 50px;
}

#ribbon .nav-pills > li > a {
    margin: 19px 12px 13px;
    padding: 0 0;
}

#ribbon .nav-pills > li:first-of-type > a {
    margin-left: 5px;
}

#ribbon .nav-pills > li > a:after {
    width: 0;
    height: 1px;
    background: transparent;
    content: "";
    display: block;
    margin-top: 3px;
    transition: width 0.5s ease, background-color 0.5s ease;
}

#ribbon .nav-pills > li > a:hover:after {
    background: #00704a;
    margin-top: 3px;
    width: 100%;
}

#ribbon .nav-pills > .active > a:after {
    width: 100%;
    height: 1px;
    background: #00704a;
    content: "";
    display: block;
    margin-top: 3px;
}

div#tray {
    min-height: 45px;
}

#ribbon .nav-pills > .active > a {
    background-color: #fff;
}

body.hd #ribbon .nav > li > a:hover,
body.hd #ribbon .nav > li > a:focus,
body.hd #ribbon .nav > li > span:hover,
body.hd #ribbon .nav > li > span:focus {
    background-color: rgba(0, 0, 0, 0) !important;
    background-image: none;
    border-radius: 0;
    color: #00704a;
}

.uk-subnav-pill > .uk-active > *,
.uk-scope .uk-subnav-pill > .uk-active > a {
    background-color: #00704a;
}

.news-events .newsfeed span.feed-link > a {
    font-family: "proxima-nova", sans-serif;
    font-size: 30px;
    font-weight: normal;
}

.lg-gray-btn a {
    background: transparent;
    border: 2px solid #00704a;
    color: #00704a !important;
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
    padding: 14px 10px;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    width: 94%;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear 0s;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.lg-gray-btn a:hover {
    background-color: #00704a;
    color: #fff !important;
}

.profile-btn,
.sm-gray-btn,
.lg-gray-btn a:link,
a:visited,
a:visited.contentpagetitle,
a:link.contentpagetitle,
.item-page a span {
    text-decoration: none !important;
}

.items-row.row-fluid > div {
    margin-bottom: 35px;
}

.sm-gray-btn a,
.uk-scope .uk-card-primary > :not([class*=uk-card-media]) .sm-gray-btn a {
    background: transparent;
    border: 2px solid #00704a;
    color: #00704a;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    margin-right: 10px;
    margin-top: 10px;
    min-width: 130px;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.sm-gray-btn a:hover,
.uk-scope .uk-card-primary > :not([class*=uk-card-media]) .sm-gray-btn a:hover {
    background-color: #00704a;
    color: #fff !important;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

/* Faculty Profile Buttons  */
.fac-profile-buttons {
    display: inline-block;
    padding: 10px 0 0 0;
    width: 100%;
}

.profile-btn {
    position: relative;
}

.profile-btn a {
    background: #00704a;
    color: #fff;
    float: left;
    font-family: "proxima-nova", sans-serif !important;
    font-size: 13px;
    margin-right: 10px;
    margin-top: 10px;
    min-width: 130px;
    padding: 5px 15px 4px 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear 0s;
    -ms-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.profile-btn a:hover {
    background-color: #005134;
    color: #fff !important;
}

.profile-header {
    background: rgba(0, 0, 0, 0.02);
    background-size: 4.5px;
    border-top: 2px solid #00704a;
    display: inline-block;
    margin: 0 0 2% 0;
    padding: 1% 3% 3%;
    width: 100%;
}

ul.category.list-striped .profile-header {
    background: transparent;
    border-top: 0 solid #00704a;
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
}

.faculty .profile-contact p,
.faculty .profile-header p {
    font-size: 14px;
}

.faculty h3,
h3 a,
h3 strong,
h3 b {
    font-size: 25px;
    margin-top: 0 !important;
}

/* Simple RSS feed reader   */
body.home .middle2 div.srfrContainer ul.srfrList li a,
body.home .middle2 .newsfeed.span.feed-link > a,
body.linear.hd .middle2 div.srfrContainer ul.srfrList li a {
    font-family: "proxima-nova", sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.4;
    padding: 2% 0 2% 0;
}

div.srfrContainer .middle2 ul.srfrList li {
    border-top: 0 solid #ccc;
}

div.srfrContainer .middle2 ul.srfrList li {
    margin: 2px 20px 2px 0;
}

/* MIDDLE 2 Simple RSS feed reader   */
.middle1 div.srfrContainer ul.srfrList li a {
    color: #000;
    font-family: "proxima nova", sans-serif !important;
    font-size: 21px;
    font-weight: 700 !important;
}

.middle1 div.srfrContainer ul.srfrList li h3 {
    line-height: 30px !important;
    margin: 15px 0 10px !important;
}

.middle1 div.srfrContainer ul.srfrList li p {
    margin: 0 !important;
}

.middle1 li.srfrRow:hover {
    background: #efefef;
}

.middle1 div.srfrContainer ul.srfrList li {
    border-bottom: 0 dotted #ccc;
    padding: 8px 21px 15px;
}

.middle1 div.srfrContainer ul.srfrList li {
    border-top: 0 solid #ccc;
}

.middle1 div.srfrContainer ul.srfrList li {
    margin: 2px 20px 2px 0;
}

.module-header-center {
    padding: 2% 0 2%;
    text-align: center;
}

/* Events feed   */
.upcoming_event_container span.upcoming_event_title a {
    color: #00704a !important;
    font-size: 19px;
    font-weight: 400;
    line-height: normal;
}

.upcoming_event_container div.gcal_icon {
    width: 3em;
    height: 3em;
    background: none repeat scroll 0 0 transparent;
    box-shadow: none;
    float: left;
    margin-right: 0.5em;
}

.upcoming_event_container:first-of-type {
    margin-top: 15px;
}

body.hd #footer .moduletable {
    padding: 0 0 0;
}

body.hd img {
    height: auto;
    max-width: 100%;
}

/* WIDGETKIT  */
.uk-tab > li.uk-active > a {
    color: #006140;
}

.widgetkit-gray-bg {
    background: #f6f6f6;
}

.widgetkit-gray-bg .uk-panel {
    padding: 1% 8%;
}

.widgetkit-facts {
    margin: 0 auto;
    max-width: 1280px;
    padding: 5%;
}

.widgetkit-facts .uk-overlay-panel h3,
.widgetkit-facts .uk-panel h3 {
    color: #00704a;
    font-size: 100px;
    font-weight: 100 !important;
    text-align: center !important;
}

.uk-accordion-title {
    background: #eee;
    cursor: pointer;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 5px;
    margin-top: 0;
    padding: 5px 20px;
}

.in-the-news {
    margin: 1em 0;
    text-align: center;
}

.uk-panel-badge,
.in-the-news .uk-label,
.uk-scope .uk-label {
    background: #1e6b52;
    color: #fff;
    padding: 5px 10px;
    right: 0 !important;
    top: 0 !important;
    margin: 0;
}

.in-the-news .uk-panel-title,
.in-the-news .uk-h3 {
    margin: 15% auto !important;
}

/* SUB NAV  */
#banner ul.menu.stickyNav li a {
    align-items: center;
    background-color: #fff;
    border: 1px solid #00704a;
    border-radius: 0;
    border-width: 0 1px 1px 0;
    color: #00704a;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.95em;
    font-weight: 600;
    justify-content: center;
    letter-spacing: 0.1em;
    line-height: normal;
    margin: 0;
    max-width: 100%;
    outline: 0;
    overflow: hidden;
    padding: 2.75em 1em;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    width: 100%;
    -webkit-appearance: none;
    -webkit-user-select: none;
    -moz-appearance: none;
    -moz-user-select: none;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -ms-user-select: none;
    appearance: none;
    user-select: none;
}

#banner .stickyNav li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    line-height: inherit;
    position: relative;
}

#banner .stickyNav ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#banner .nav > li > a:hover,
.nav > li > a:focus {
    background-color: #efefef !important;
    color: #333 !important;
}

/* SIDEBAR  */
.sidebar a:hover {
    color: #fff !important;
}

.left-position {
    background: #fff;
    width: 100% !important;
}

body.hd .sidebar {
    border-radius: 0;
}

.nav-pills .dropdown-menu {
    border-radius: 0;
}

/* RIGHT SIDEBAR  */
#rightsidebar {
    background: #f8f8f8 !important;
    border-top: 5px solid #efefef;
    margin-top: 3.5rem;
}

#rightsidebar .nav.menu li {
    padding: 2.25% 4.25%;
}

#rightsidebar ul.nav.menu.mod-list {
    margin-top: 10px;
}

#rightsidebar ul.menu li a {
    font-size: 17px;
    font-weight: 600;
}

@media only screen and (max-width: 1024px) and (min-width: 300px) {
    body.hd #downright #rightsidebar > div {
        background: transparent;
        border-width: 0;
    }
}

#rightsidebar .feed-link > a {
    color: #00704a !important;
    font-family: "proxima-nova", Arial, Helvetica, sans-serif !important;
    font-size: 17px;
    font-weight: 400;
    line-height: 22px;
}

/* QUICKLINKS */
#quicklinks .nav-pills > li {
    line-height: 1em;
    padding: 0 0 0 15px;
}

body.hd #quicklinks .nav.menu.nav-pills {
    margin-right: 0.3em;
}

#quicklinks .nav .separator {
    border-radius: 0;
    color: #222;
    font-size: 13px;
    line-height: 1.5em;
    padding: 0;
}

/* HOMEPAGE BANNER */
body.linear .banner-som {
    background: linear-gradient(160deg, #00704a, #024c2e);
    background-position: center !important;
    background-repeat: no-repeat;
    background-size: cover !important;
    position: relative;
    width: 100%;
}

/* Text container */
body.linear .banner-som .banner-som-text {
    color: #fff;
    margin: 0 auto 0;
    max-width: 1280px;
    padding: 13% 0;
    text-align: left;
}

/* Unit name text */
body.linear .banner-som .main {
    background: #00704a;
    float: left;
    font-family: "kulturista-web", sans-serif;
    font-size: 48px;
    font-weight: 300;
    line-height: 1;
    padding: 1.5% 1.5%;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-hyphens: manual !important;
    -moz-hyphens: manual !important;
    -ms-hyphens: manual !important;
    hyphens: manual !important;
}

@media only screen and (max-width: 1024px) and (min-width: 300px) {
    body.linear .banner-som .main {
        font-size: 8vw !important;
        margin-top: 46px;
    }

    body.linear .banner-som .pre {
        display: none !important;
    }

    body.linear .banner-som .banner-som-text {
        padding: 19% 0;
    }
}



/* School name */
body.linear .banner-som .pre {
    background: #038455;
    clear: left;
    display: table;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 6px;
    line-height: 2.5em;
    padding: 0 1.5%;
    text-transform: uppercase;
    width: -moz-fit-content;
    width: fit-content;
}

#banner .sub-banner img {
    float: none;
    width: auto;
}

.banner-mini {
    background: rgba(0, 0, 0, 0.02);
    background-position: center !important;
    background-size: 25px;
    border-bottom: 1px solid #ccc;
    position: relative;
    width: 100%;
}

.banner-mini .banner-som-text {
    color: #000 !important;
    padding: 9% 0 2% 1% !important;
}

.banner-mini .banner-som-text .main {
    color: #00704a !important;
    font-size: 50px !important;
}

/* UNIT BANNER   */
.unit-banner {
    background: #efefef;
}

.unit-banner-text {
    color: #1e6b52;
    font-family: "proxima-nova", sans-serif !important;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    margin: 0 auto !important;
    max-width: 1280px;
    padding: 15px 10px !important;
    text-align: right;
}

#banner a {
    font-weight: 400;
    text-decoration: none;
}

/* LANDING PAGE BANNER   */
.landing-banner {
    background: #00704a;
}

.landing-banner-text {
    color: #fff;
    font-family: "proxima-nova", sans-serif !important;
    font-size: 3em;
    font-weight: 400;
    line-height: normal;
    margin: 0 auto !important;
    max-width: 1280px;
    padding: 150px 10px 20px !important;
    text-align: left;
}

/* PHOTO CAPTIONS */
span.wf_caption {
    background-color: #fff;
    border: 8px solid #fff;
}

span.wf_caption span {
    background: #efefef !important;
    margin: 0 auto 0;
    max-width: 100%;
    padding: 14px;
}

.wf_caption > img {
    box-shadow: 0 0 0;
}

/* ID STYLING  */
/* Footer  */
body.hd #footer a,
body.hd #footer span {
    color: #000 !important;
    font-size: 15px !important;
    font-weight: 600;
    text-decoration: none;
    text-shadow: none;
}

#footer ul.menu li {
    padding: 8px 10px;
}

body.ribbonFullwidth #footer {
    background-color: rgba(0, 0, 0, 0) !important;
    border-top: 1px solid #ccc;
}

#footer {
    text-align: left !important;
}

#footer div,
#footer span.separator {
    text-align: left;
}

body.hd.ribbonFullwidth #footer div,
body.hd.ribbonFullwidth #footer span.separator {
    max-width: 1280px;
    width: auto;
}

/* SITE WIDE CSS  */
/* Dotted line underneath Article Heading H2  */
.page-header {
    border-bottom: 0 solid #eee;
}

/* DIVISION HOMEPAGE  */
/* LANDING PAGES  */
/* NEWS & EVENTS  */
.K2FeedIntroText {
    color: #5b5b5b;
    font-size: 1em;
    line-height: 1.9;
}

.newsevents .feed-item-description img {
    width: auto;
    height: auto;
    border-radius: 0;
    max-height: 150px;
    max-width: 166px !important;
    padding: 5px 17px 0 0;
}

.newsevents .feed ul.newsfeed .K2FeedImage {
    float: left;
    margin: 0 0 0 0;
}

/* GRAY BUTTONS */
/* SLIDERS */
div.jwts_toggleControlContainer a.jwts_toggleControl {
    background: #efefef;
    border: 1px solid #ccc;
    border-radius: 0;
    font-family: "proxima-nova", sans-serif !important;
    font-size: 21px;
    padding: 15px 15px 18px 15px;
}

div.jwts_toggleControlContainer a.jwts_toggleOff span.jwts_toggleControlTitle {
    font-family: "proxima-nova", sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    padding-left: 20px;
}

div.jwts_toggleControlContainer a.jwts_toggleOff span.jwts_toggleControlTitle {
    background: url(../images/arrows.png) no-repeat 0 4px;
    line-height: normal;
    padding-left: 20px;
}

div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_toggleControlTitle {
    background: url(../images/arrows.png) no-repeat 0 -146px;
    font-family: "proxima-nova", sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    padding-left: 20px;
}

@media only screen and (max-width: 1024px) and (min-width: 50px) {
    body.home .middle1 .moduletable {
        padding: 4% 10px 3% 10px;
    }

    body.home .middle1-container {
        padding: 0 0 2% 7%;
    }
}

@media only screen and (max-width: 600px) and (min-width: 50px) {

    .banner-som .pre,
    .banner-mini .pre {
        font-size: 3vw;
    }

    .banner-som .main,
    .banner-mini .main {
        font-size: 8vw;
        font-weight: 400;
    }
}

/* stickyNav  */
body.sticky {
    margin-top: 72px;
}

.stickyNav {
    background-position: 20px -120%;
}

body.sticky #whitebox {
    overflow: visible;
}

body.sticky .stickyNav {
    width: 100%;
    height: 56px;
    background: #fff url("/styles/5.0/images/uab_monogram.png") no-repeat scroll 20px 50%;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    left: 0;
    position: fixed;
    top: 0;
    z-index: 2;
    -webkit-transition: background-position 0.25s ease-in-out 0.25s;
    -moz-transition: background-position 0.25s ease-in-out 0.25s;
    -ms-transition: background-position 0.25s ease-in-out 0.25s;
    transition: background-position 0.25s ease-in-out 0.25s;
}

@media screen and (max-width: 1024px) {
    body.sticky .stickyNav {
        position: relative;
    }
}

@media screen and (max-width: 550px) {
    #banner .stickyNav ul {
        display: list-item;
    }

    #banner .stickyNav li {
        display: list-item;
    }

    #banner ul.menu.stickyNav li a {
        padding: 1.2em 1em;
    }
}

@media screen and (max-width: 1024px) {
    body.sticky {
        margin-top: 0;
    }
}

/* Styling of campus calendar date block widget */
ul.localist-widget-eds {
    margin-top: 5% !important;
}

.localist-widget-eds div.localist-month {
    background-color: transparent !important;
    border-bottom: none !important;
    color: #00704a !important;
    font-size: 1.5em !important;
}

.localist-widget-eds div.localist-day {
    background-color: transparent !important;
    box-shadow: none !important;
    font-size: 2em !important;
    padding-top: 5px !important;
}

.localist-widget-eds div.localist-dateblock {
    border: none !important;
}

div.localist-title h4 a {
    font-size: 21px !important;
}

.localist-widget-eds div.localist-secondblock {
    margin-top: -80px !important;
}

.localist-widget-eds li {
    width: 94%;
    height: auto;
    background-color: transparent !important;
    border: 1px solid transparent;
    list-style: none;
    margin: 0 10px 1em 0;
    min-height: 4em;
    padding: 3%;
    padding-bottom: 1.2em;
    text-decoration: none;
}

.localist-widget-eds li:hover {
    border: 1px solid #00704a;
}

div#lclst_widget_footer {
    display: none;
}

/* Styling of widgetkit grid twitter feed with class 'twitter-widget' */
.twitter-widget .uk-article-meta {
    display: none;
}

.twitter-widget .uk-margin {
    margin-bottom: 20px;
    margin-top: 0 !important;
    overflow: hidden;
}

.twitter-widget .uk-margin:before {
    /* content: " /f099 "; */
    color: #00704a;
    content: " \f099";
    display: block;
    font-family: FontAwesome;
    font-size: 32px;
    margin: 0 0 15px 0;
}

.twitter-widget .uk-panel.uk-panel-box:hover {
    border: 1px solid #00704a;
}

/* Heersink Announcement Banner */
.announcement-container {
    margin: 0 auto;
    padding: 25px;
    clear: both;
    background: #00704a;
}

.announcement-container-2 {
    max-width: 1280px;
    margin: 0 auto;
}

.announcement-container-2 .header {
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.2;
}

.announcement-container-2 .sub-header {
    color: #ffffff;
    line-height: 1.5;
}