/*Custom formatting for the Elm web templates
Developed by UMB's communications web team.*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

# General typography
# General elements
# Page header
# Utility nav revision March 2019
# Page footer
# Full topics feeds
# Elm stories feeds
# UMB NEWS Landing Page Feeds
# COMMON CALENDAR Landing Page Feeds
# ANNOUNCEMENTS Landing Page Feeds
# Voices & Opinions feeds
# Laurels feeds
# Featured items (Type A)
# Featured items (Type B)
# Featured items (Type C)
# Featured items (Type D)
# Find it Fast
# Elm stories single
# Social media sharing buttons
# Google Search Results
# Web Editor's Portal
# Curator Social Media Aggregator
# UMB Alerts banner

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# General typography
--------------------------------------------------------------*/

body, h1, h2, h3, h4, h5, h6, p {
    font-family: 'proxima-nova',sans-serif;
}

h1, h2, h3, h4, h5, h6, #elmPageTitle {
    font-style: normal;
}

a, a:visited {
    text-decoration: underline;
    color: #4A823A;
}

hr {
    border-top: 1px solid #757575;
}

a:hover, a:focus, a:active {
    color: #000000;
}

#elmMainContent h3 {
    color: #4A823A;
    border-bottom: 3px solid #757575;
    text-transform: uppercase;
    margin: .75em 0px;
    font-size: 1.125em;
    padding-bottom: .5em;
    margin-bottom: 1.15em;
    font-style: normal;
    font-weight: 700;
}

@media (max-width: 767px) {
    #elmMainContent h3 {
        border-bottom: none;
        background-color: #4A823A;
        padding: .25em .5em;
        color: #fff;
    }
    #elmMainContent h3 a, #elmMainContent h3 a:visited {
        color: #fff;
    }
    #elmMainContent h3 a:hover, #elmMainContent h3 a:focus, #elmMainContent h3 a:active {
        color: #000;
    }
}

.umb_lead {
    color: #333;
    font-size: 145%;
    line-height: 1.3;
    font-weight: 200;
}
.umb_medium {
    text-transform: uppercase;
    letter-spacing: .5px;
    font-size: 100%;
    font-weight: 600;
    font-style: normal;
    line-height: 1.2em;
}

strong {
    text-transform: uppercase;
}

@media (max-width: 991px) {
    body {
        font-size: .85rem;
    }
}

.landing-content-description {
    display: block;
    margin-top: -.75em;
    margin-bottom: 1.75em;
    line-height: 1.25;
    font-style: italic;
    font-size: .9em;
}

.elm-no-content-available {
    color: #757575;
    font-weight: bold;
    font-size: 1.25em;
 }  
.umb_light {
    color: #333;
    font-family: "times new roman", times, georgia, serif;
    font-style: italic;
    line-height: 1.2em;
}

/*--------------------------------------------------------------
# General elements
--------------------------------------------------------------*/

html {
    background-color: #4A823A;
}
body {
    background-color: #fff;
}

a {
    -webkit-transition: color .25s, background-color .25s;
    -moz-transition: color .25s, background-color .25s;
    -ms-transition: color .25s, background-color .25s;
    -o-transition: color .25s, background-color .25s;
    transition: color .25s, background-color .25s;
}

#elmMainContent {
    margin-top: 2em;
    margin-bottom: 4em;
}

a.umb_pillbutton, a.umb_pillbutton:visited,
.umb_pillbutton a, .umb_pillbutton a:visited,
.elm-feed-filters a, .elm-feed-filters a:visited,
a.elm-all-button, a.elm-all-button:visited,
a.t4Edit-page, a.t4Edit-page:visited {
    font-size: .8em;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #757575;
    color: #FFF;
    text-decoration: none;
    padding: .4em 1em;
    border-radius: .5em;
    display: inline-block;
    margin-bottom: 1em;
    line-height: 1.3;
    letter-spacing: .05em;
}

a.elm-all-button {
    margin-left: .5em;
}

@media (max-width: 767px) {
    a.umb_pillbutton,
    .umb_pillbutton a,
    .elm-feed-filters a {
        font-size: 1em;
        width: 100%;
        padding: .75em 1em;
        border-radius: 0;
    }
}

a.umb_pillbutton:hover, a.umb_pillbutton:focus, a.umb_pillbutton:active,
.umb_pillbutton:hover a, .umb_pillbutton a:focus, .umb_pillbutton a:active,
.elm-feed-filters a:hover, .elm-feed-filters a:focus, .elm-feed-filters a:active,
a.elm-all-button:hover, a.elm-all-button:focus, a.elm-all-button:active,
a.t4Edit-page:hover, a.t4Edit-page:focus, a.t4Edit-page:active {
    background-color: #4A823A;
}

a.elm-all-button {
    margin-bottom: 0;
    font-size: .75rem;
    margin-bottom: 1e;
    float: right;
    line-height: 1.2;
}

@media (max-width: 767px) {
    a.elm-all-button, a.elm-all-button:visited {
        font-size: 70%;
        margin: 0;
        padding: 0;
        font-weight: 300;
        text-transform: none;
        background-color: transparent;
        float: none;
        display: block;
    }
    a.elm-all-button:active, a.elm-all-button:hover, a.elm-all-button:focus {
        background-color: transparent;
        color: #000;
    }
}

.oi:before {
    font-size: .8em;
}

.elm-link-image-overlay,
a .elm-link-image-overlay,
a:visited .elm-link-image-overlay {
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(74,130,58,.6);
    opacity: 0;
}

.elm-link-image-overlay {
    -webkit-transition: opacity .25s;
    -moz-transition: opacity .25s;
    -ms-transition: opacity .25s;
    -o-transition: opacity .25s;
    transition: opacity  .25s;
}

a:hover .elm-link-image-overlay, a:focus .elm-link-image-overlay, a:active .elm-link-image-overlay {
    opacity: 1;
}

.landing-content-module {
    margin-bottom: 4rem;
}

.landing-content-module h3 a {
    text-decoration: none;
}

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

img {
    max-width: 100%;
}

iframe {
    max-width: 100% !important;
}

.doctype-icon {
  font-weight:bold;
  font-size:.9em;
  display: inline-block;
  text-decoration: none;
}

.no_doctype_icon .doctype-icon {
  display:none;
}

/*--------------------------------------------------------------
# Page header
--------------------------------------------------------------*/

#davidgeMark {
    max-width: 200px;
    min-width: 200px;
    background-image: url(/media/Elm/Template-Assets/images/davidge-mark.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}

#davidgeMark a {
    display: block;
    width: 100%;
    height: 100%;
}

@media (max-width: 767px) {
    #davidgeMark {
        max-width: 100px;
        min-width: 100px;
    }
}

#elmTitleColumn {
    margin-top: 3em;    
}

#elmUMBCallback {
    display: block;
    font-size: .9em;
    margin-bottom: .75em;
}

#elmUMBCallback a, #elmUMBCallback a:visited {
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

#elmUMBCallback a:hover, #elmUMBCallback a:focus, #elmUMBCallback a:active {
    color: #4A823A;
}

a#elmHomepageLink, a#elmHomepageLink:visited {
    color:#000000;
    text-decoration: none;
}

#elmBranding h1, #elmBranding h2 {
    display:inline-block;
    line-height: .85;
}

a#elmHomepageLink:hover, a#elmHomepageLink:focus, a#elmHomepageLink:active {
    color:#4A823A;
}

#elmMainTitle {
    margin-right: .2em;
    line-height: 1;
    font-style: normal;
    font-weight: 500;
    font-size: 4.5em;
}


#elmBranding #elmPageTitle {
    text-transform: uppercase;
    color: #454545;
    font-size: 1.5em; 
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}

#searchColumn-desktop {
    margin-top: 3em;
}

.elm-search-bar input.query {
    border-radius: 0;
    border: 1px solid #000;
    padding-left: .5em;
    color: #000;
    width: 75%;
    height: 2em;
    margin: 0;
}

.elm-search-bar button.elm-search-submit {
    width: 20%;
    margin-left:5%;
    height: 2em;
    margin: 0;
    float: right;
    background-color: transparent;
    border: none;
    background-image: url(/media/Elm/Template-Assets/images/search.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    cursor:pointer;
}

@media (max-width: 767px) {
    .elm-search-bar button.elm-search-submit {
        background-image: url(/media/Elm/Template-Assets/images/search-mobile.png);
    }
}

#elmMainNavigation {
    background-color: #4A823A;
    margin: 0;
}

#elmMainNavigation a, #elmMainNavigation a:visited {
    color: #fff;
    display: inline-block;
    padding: .9em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: .9em;
    font-weight: bold;
    letter-spacing: .1em;
}

#elmMainNavigation a.current-page-link {
    background-color: #29511F;
}

#elmMainNavigation a:hover, #elmMainNavigation a:focus, #elmMainNavigation a:active,
#elmMainNavigation a.current-page-link:hover, #elmMainNavigation a.current-page-link:focus, #elmMainNavigation a.current-page-link:active {
    background-color: #29511F;
}

#elmMainNavigation .menu-toggler:after{
    font-size: .85em;
    font-family: 'Icons';
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#elmMainNavigation .menu-toggler.collapsed-menu:after {
    content: ' \e034';
}
#elmMainNavigation .menu-toggler:not(.collapsed-menu):after {
    content: ' \e037';
}

.secondaryNav {
    display:none;
    border-bottom: 1em solid #4A823A;
    margin: 0;
}

.secondaryNav a, .secondaryNav a:visited {
    color: #000;
    text-decoration: none;
    display: inline-block;
    padding: .75em;
}

.secondaryNav a:hover, .secondaryNav a:focus, .secondaryNav a:active {
    color: #4A823A;
}

.secondaryNav a.current-page-link {
    background-color: #29511F;
    color: #fff;
    padding: .25em .75em;
    border-radius: .5em;
    margin: .50em 0px;
}

.mobileMenuToggle {
    display: inline-block;
    cursor: pointer;
    max-width: 100px;
    margin-top: 3em;
}

.mobileMenuToggle .bar1, .mobileMenuToggle .bar2, .mobileMenuToggle .bar3 {
    width: 35px;
    height: 5px;
    background-color: #333;
    margin: 6px 0;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.mobileMenuToggle.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
}

.mobileMenuToggle.change .bar2 {opacity: 0;}

.mobileMenuToggle.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
}

#elmMainNavigation-mobile {
    background-color: #4A823A;
    display: none;
    margin: 0;
}

#elmMainNavigation-mobile a, #elmMainNavigation-mobile a:visited, #elmMainNavigation-mobile span, #elmMainNavigation-mobile form {
    color: #fff;
    text-decoration: none;
    padding: 1em 1.25rem;
    display: block;
    width:100%;
    font-size: 1.25em;
    font-weight: bolder;
}

#elmMainNavigation-mobile a:hover, #elmMainNavigation-mobile a:focus, #elmMainNavigation-mobile a:active {
    background-color: #29511F
}

#elmMainNavigation-mobile .secondaryNav-mobile a {
    display: inline-block;
    width: auto;
    font-size: 1em;
    font-weight: normal;
}

header {
    margin-top: 0;
    margin-bottom: .5em;
}

.elm-on-this-page a.umb_pillbutton {
    width: auto;
    margin-bottom: .5em;
    margin-right: .25em;
    background-color: #000;
}

.elm-on-this-page a.umb_pillbutton:hover, .elm-on-this-page a.umb_pillbutton:focus {
    background-color: #4A823A;
}

/*--------------------------------------------------------------
# Utility nav revision March 2019
--------------------------------------------------------------*/

#searchColumn-desktop-v2 {
    margin-top: 3em;
    text-align: right;
}
@media print {    
    #elm-utility-nav { display: none; }
}
#searchColumn-desktop-v2 #elm-utility-nav a {
    font-size: .8em;
    font-weight: 500;
    text-decoration: none;
    letter-spacing: .05em;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 0 .25rem 1.5rem;
}

#searchColumn-desktop-v2 .elm-search-bar button.elm-search-submit {
    background-image: none;
    background-color: #4a823a;
    margin: 0;
    width: auto;
    max-width: 25%;
    border: none;
    cursor: pointer;
    color: #fff;
    border-radius: 0 .5em .5em 0;
    padding: 0 .75em 0 .7em;
    height: 2em;
    -webkit-transition: background-color .25s;
    -moz-transition: background-color .25s;
    -ms-transition: background-color .25s;
    -o-transition: background-color .25s;
    transition: background-color .25s;
}
#searchColumn-desktop-v2 .elm-search-bar button.elm-search-submit:hover,
#searchColumn-desktop-v2 .elm-search-bar button.elm-search-submit:focus {
    background-color: #29511E;
}
#searchColumn-desktop-v2 .elm-search-bar input.query {
    border-radius: 0;
    border: 1px solid #000;
    border-right: none;
    padding-left: .5em;
    color: #000;
    width: 75%;
    height: 2em;
    margin: 0;
}
#searchColumn-desktop-v2 .missionComplete .elm-search-bar {
    width: 100%;
    height: 2em;
}

#elmMainNavigation-mobile .elm-search-bar button.elm-search-submit {
    background-image: none;
    color: #fff;
    -webkit-transition: color .25s;
    -moz-transition: color .25s;
    -ms-transition: color .25s;
    -o-transition: color .25s;
    transition: color .25s;
    font-size: 2em;
    line-height: 1;
    height: auto;
    text-align: left;
    width: 23%;
    margin-left: 0;
}
#elmMainNavigation-mobile .elm-search-bar button.elm-search-submit:hover,
#elmMainNavigation-mobile .elm-search-bar button.elm-search-submit:focus {
    color: #000;
}
#elmMainNavigation-mobile .elm-search-bar button.elm-search-submit span {
    padding: 0;
    color: inherit;
}

#elm-search-container {
    margin: .5rem 0 .5rem 0;
    display: block;
    text-align: right;
    height: 2.25em;
    overflow: hidden;
}

/*--------------------------------------------------------------
# Page footer
--------------------------------------------------------------*/

#elmFooter {
    background-image: url(/media/Elm/Template-Assets/images/bg-tree.png);
    background-repeat: no-repeat;
    background-size: auto 300px;
    background-position: right bottom;
    padding-bottom: 2em;
}

@media (max-width: 767px) {
    #elmFooter {
        background-image: none;
        background-color: #4A823A;
        padding: 3em 1.5em;
        color: #fff;
    }
}

#elmFooter h2 {
    line-height: 1;
    font-style: normal;
    font-weight: 500;
    font-size: 3em;
}

#elmFooter h3 {
    font-size: 1.5em;
}

#elmFooter h4 {
    font-size: 1em;
    text-transform: uppercase;
    font-weight: bolder;
}

#elmFooter h4 a, #elmFooter h4 a:visited {
    text-decoration: none;
}

.elmFooterTopicsSchools a, .elmFooterTopicsSchools a:visited {
    color: #000;
    display: block;
    text-decoration: none;
}

.elmFooterTopicsSchools a:hover, .elmFooterTopicsSchools a:focus, .elmFooterTopicsSchools a:active {
    color: #4A823A;
}

@media (max-width: 767px) {
    #elmFooter a, #elmFooter a:visited {
        color: #fff;
    }
    #elmFooter a:hover, #elmFooter a:focus, #elmFooter a:active {
        color: #000;
    }
    #elmFooterTopicsSchools a, #elmFooterTopicsSchools a:visited {
        color: #fff;
     }
    .elmFooterTopicsSchools a, .elmFooterTopicsSchools a:visited {
        display: inline-block;
        padding: .75em 1.5em .75em 0;
    }

    #elmFooterTopicsSchools a:hover, #elmFooterTopicsSchools a:focus, #elmFooterTopicsSchools a:active {
        color: #000;
    }
}

#elmFooterTopicsSchools h4 {
    margin-top: 1em;
}

#elmFooterDisclosure {
	margin-top: 1em;
    font-size: .8em;
}

#elmTree-mobile {
    height: 12em;
    background-image: url(/media/Elm/Template-Assets/images/bg-tree.png);
    background-size: contain;
    background-position: right bottom;
    background-repeat: no-repeat;
}

#elmCopyright {
    background-color: #4A823A;
    color: #fff;
    text-transform: uppercase;
    font-size: .8em;
    padding: 1em 1.5em;
}

#elmCopyright .elm-footer-item {
    display: inline-block;
    margin-right: 2em;
}

#elmCopyright a.elm-footer-item, #elmCopyright a.elm-footer-item:visited {
    color: #fff;
    text-transform: capitalize;
    text-decoration: none;
}

#elmCopyright a.elm-footer-item:active, #elmCopyright a.elm-footer-item:hover, #elmCopyright a.elm-footer-item:focus {
    color: #000;
}

#elmCopyright a.t4Edit-page {
    opacity: 0;
    display: inline;
    padding: 0;
    margin: 0;
    background-color: transparent;
}

#elm-back-to-top, a#elm-back-to-top, a#elm-back-to-top:visited {
    display: inline-block;
    font-size: 1.5em;
    position: fixed;
    bottom: .5em;
    right: .5em;
    color: #fff;
    background-color: #000;
    padding: .75em;
    padding-top: .7em;
    line-height: 0;
    text-align: center;
    display: none; /*Hide on page load, reveal with JavaScript after scroll down*/
    z-index: 1;
    text-decoration: none;
}

a#elm-back-to-top:hover, a#elm-back-to-top:focus, a#elm-back-to-top:active {
    background-color: #4A823A;
}

@media (max-width: 767px) {
    #elm-back-to-top, a#elm-back-to-top, a#elm-back-to-top:visited  {
        bottom: auto;
        right: 0;
        left: 0;
        top: 0;
        width: 100%;
    }
}

/*--------------------------------------------------------------
# Full topics feeds
--------------------------------------------------------------*/

.elm-feed-filters {
    margin-bottom: 1em;
}

.elm-feed-filters a, .elm-feed-filters a:visited {
    margin-right: .5em;
    margin-bottom: .75em;
}

@media (max-width: 767px) {
    .elm-feed-filters a, .elm-feed-filters a:visited {
        width: auto;
        border-radius: .5em;
    }
}

.elm-feed-filters a.active, .elm-feed-filters a.active:visited {
    background-color: #4A823A;
}

.elm-feed-filters .elm-feed-usertype a, .elm-feed-filters .elm-feed-usertype a:visited {
    background-color: #3a3a3a;
}

.elm-feed-filters .elm-feed-usertype a:hover, .elm-feed-filters .elm-feed-usertype a:active, .elm-feed-filters .elm-feed-usertype a:focus {
    background-color: #4A823A;
}

.elm-feed-showMore a, .elm-feed-showMore a:visited {
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: .9em;
    text-decoration: none;
    text-transform: uppercase;
    font-size: .9em;
    font-weight: bold;
    letter-spacing: .1em;
    background-color: #4A823A;
    margin-top: 2em;
    line-height: 1.25;
}

div#inactivemorebutton {
    display: none;
    text-align: center;
    color: #fff;
    padding: .9em;
    text-transform: uppercase;
    font-size: .9em;
    font-weight: bold;
    letter-spacing: .1em;
    background-color: #757575;
    margin-top: 2em;
    line-height: 1.25;
}

@media (max-width: 767px) {
    .elm-feed-showMore a, .elm-feed-showMore a:visited {
        background-color: #757575
    }
}

.elm-feed-showMore a:hover, .elm-feed-showMore a:active, .elm-feed-showMore a:focus {
    background-color: #29511F;
}

/*Helps lay out the Masonry grid on full topic feed page*/
.elm-feed-main .elm-feed-listing {
    width: 49%;
    float: left;
}
#elm-feed-gutter-sizer {
    width: 2%;
}
@media (max-width: 767px) {
    .elm-feed-main .elm-feed-listing {
        width: 100%;
        float: left;
    }
    #elm-feed-gutter-sizer {
        width: 0;
    }
}

.elm-feed-main {
    /*applies a transition when more content is loaded*/
    height: 0px;
    overflow: hidden;
    -webkit-transition: height .5s;
    -moz-transition: height .5s;
    -ms-transition: height .5s;
    -o-transition: height .5s;
    transition: height .5s;
}

.elm-feed-filters .elm-feed-tags a,
.elm-feed-filters .elm-feed-tags a:visited  {
    background-color: transparent;
    color: #4A823A;
    padding: 0;
    font-size: .75em;
    margin-right: .75em;
    margin-bottom: 0;
}

.elm-feed-filters .elm-feed-tags a:hover,
.elm-feed-filters .elm-feed-tags a:focus {
    color: #000;
}

.elm-feed-filters .elm-feed-tags a.active {
    background-color: #4A823A;
    color: #fff;
    padding: .25em .5em;
    border-radius: .4em;
}

/*--------------------------------------------------------------
# Elm stories feeds
--------------------------------------------------------------*/

.elm-stories-listing {
    border-bottom: 1px solid #000;
    margin-bottom: 1em;
}

.elm-stories-listing a {
    text-decoration: none;
}

.elm-stories-listing .elm-stories-date {
    font-weight: bold;
    display: block;
    margin-bottom: .5em;
    color: #000;
}

.elm-stories-listing .elm-stories-blurb {
    color: #000;
    margin-bottom: 1.5em;
    line-height: 1.25;
}

.elm-stories-listing .elm-stories-image {
    height: 100%;
    background-size: cover;
    background-position: center 33%;
    min-height: 7em;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}

/*--------------------------------------------------------------
# UMB NEWS Landing Page Feeds
--------------------------------------------------------------*/

.umb-news-listing {
    margin-bottom: 1.5em;
}

.umb-news-listing a {
    text-decoration: none;
}

.umb-news-listing .umb-news-date {
    font-weight: bold;
    font-size: 1em;
    display: block;
    margin-top: .5em;
    color: #000;
}

.umb-news-listing h4 {
    font-size: 1.15em;
}

.umb-news-listing .umb-news-image{
    height: 100%;
    background-size: cover;
    background-position: center top;
    min-height: 7em;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}
.elm-feed-main .umb-news-listing .umb-news-image {
    min-height: 10em;
}   
@media (max-width: 767px) {
    .umb-news-listing .umb-news-image {
        min-height: 10em;
    }
}

.umb-news-showMore , .umb-news-showMore:visited {
    display: block;
    width: 100%;
    color: #fff;
    padding: .5em;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-size: .75em;
    letter-spacing: .05em;
    background-color: #4A823A;
    line-height: 1.25;
}

.umb-news-listing a:hover .umb-news-showMore,  .umb-news-listing a:active .umb-news-showMore,  .umb-news-listing a:focus .umb-news-showMore {
    background-color: #29511F;
}

/*--------------------------------------------------------------
# COMMON CALENDAR Landing Page Feeds
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# ANNOUNCEMENTS Landing Page Feeds
--------------------------------------------------------------*/

.announcement-listing {
    border-bottom: 1px solid #000;
    margin-bottom: 1em;
}

.announcement-listing a,
a.announcement-listing {
    text-decoration: none;
}

.announcement-listing .announcement-date {
    font-weight: bold;
    display: block;
    margin-bottom: .5em;
    color: #000;
}

.announcement-listing .announcement-blurb {
    margin-bottom: 1em;
     text-transform: uppercase;
    line-height: 1.25;
    font-weight: bold;
}

/*--------------------------------------------------------------
# Voices & Opinions feeds
--------------------------------------------------------------*/

.elm-voice-op-listing a, .elm-voice-op-listing a:visited {
    display: block;
    border: 1px solid #000;
    padding: 1em;
    text-decoration: none;
    color: #000;
}

.elm-voice-op-listing a:hover, .elm-voice-op-listing a:active, .elm-voice-op-listing a:focus {
    color: #4A823A;
    border-color: #4A823A;
}

.elm-voice-op-date {
    font-weight: bold;
    border-bottom: 1px solid #000;
}

.elm-voice-op-listing a:hover .elm-voice-op-date, .elm-voice-op-listing a:active .elm-voice-op-date, .elm-voice-op-listing a:focus .elm-voice-op-date {
    border-color: #4A823A;
}

.elm-voice-op-read-more {
    float: right;
}

.elm-voice-op-listing h4 {
    font-style: italic;
    font-weight: bold;
}

.elm-feed-main .elm-feed-listing.elm-voice-op-listing {
        margin-bottom: 1.5em;
}

@media (min-width: 992px) {
    .elm-feed-main .elm-feed-listing.elm-voice-op-listing {
        width: 32%;
        float: left;
        margin-bottom: 2%;
    }
    .elm-feed-main.elm-mixed-template-feed .elm-feed-listing.elm-voice-op-listing {
        width: 49%;
    }
    .elm-voice-op-listing #elm-feed-gutter-sizer {
        width: 2%;
    }
}

/*--------------------------------------------------------------
# Voices & Opinions Landing Page feeds
--------------------------------------------------------------*/

.voices-landing .elm-voice-op-listing {
        margin-bottom: 1em;
        width: 100%;
}

@media (min-width: 768px) {

    .voices-landing .elm-voice-op-listing {
        width: 48.5%;
        float: left;
        margin-bottom: 3%;
    }

    #voices-landing-gutter-sizer {
        width: 3%;
    }

}

.voices-landing-grid {
    min-height: 1.85em;
}

/*--------------------------------------------------------------
# Laurels feeds
--------------------------------------------------------------*/

/*Most formatting for Laurel feeds is shared with Elm Stories*/

.elm-stories-image.elm-laurel-placeholder {
    background-image: url(/media/Elm/Template-Assets/images/laurel-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
}

/* For the landing page style for Laurels */

.laurel-landing-listing {
    border-bottom: none;
}

.laurel-landing-listing a {
    text-decoration: none;
}

.laurel-landing-listing h4 {
    font-size: 1.25em;
}

.laurel-landing-listing .elm-stories-blurb {
    color: #000;
    line-height: 1.25;
}

/*--------------------------------------------------------------
# Featured items (Type A)
--------------------------------------------------------------*/

@media (max-width: 767px) {
    .elm-feature {
        margin-top: 1.5em;
    }
}

.elm-feature-typeA a.elm-feature-typeA-item,
.elm-feature-typeA-mobile a.elm-feature-typeA-item {
    text-decoration: none;
}

.elm-feature-typeA,
.elm-feature-typeA-mobile {
    position: relative;
}

.elm-feature-typeA {
    max-height: 16em;
    overflow: hidden;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}

.elm-feature-typeA .elm-feature-typeA-item {
    position: relative;
    text-align: center;
    line-height: 1.25;
    height: 16em;
    display: inline-block;
    width: 16%;
    margin: 0;
    margin-right: 1%;
    float: left;
}

.elm-feature-typeA .elm-feature-typeA-item,
.elm-feature-typeA-mobile .elm-feature-typeA-item {
    background-size: cover;
    background-position: center 33%;
}

.elm-feature-typeA .elm-feature-typeA-item:last-of-type {
    margin-right: 0;
}

.elm-feature-typeA .elm-feature-typeA-item.elm-feature-focus {
    width: 49%;
}

.elm-feature-typeA .elm-featured-title,
.elm-feature-typeA-mobile .elm-feature-typeA-item:not(.elm-feature-focus) .elm-featured-title {
    color: #fff;
    text-transform: uppercase;
}

.elm-feature-typeA .elm-featured-title {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: auto;
    transform: translate(-50%, -50%);
    padding: 1em 0;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    opacity: 1;
}

.elm-feature-typeA .elm-feature-typeA-item.elm-feature-focus .elm-featured-title {
    opacity: 0;
}

.elm-feature-typeA .elm-featured-title-focus,
.elm-feature-typeA-mobile .elm-feature-focus .elm-featured-title {
    margin: 0;
    text-align: left;
    padding: 1em;
    font-size: 1.25em;
    text-transform: none;
    font-weight: lighter;
    background-color: rgba( 0, 0, 0, .75);
    color: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}

.elm-feature-typeA a.elm-feature-typeA-item:hover .elm-featured-title-focus,
.elm-feature-typeA a.elm-feature-typeA-item:active .elm-featured-title-focus,
.elm-feature-typeA a.elm-feature-typeA-item:focus .elm-featured-title-focus   {
    background-color: rgba( 0, 0, 0, 1);
}

.elm-feature-typeA .elm-featured-title-focus {
    opacity: 0;
}

.elm-feature-typeA .elm-feature-typeA-item.elm-feature-focus .elm-featured-title-focus {
    opacity: 1;
}

.elm-feature-typeA .elm-featured-title-focus:after,
.elm-feature-typeA-mobile .elm-feature-focus .elm-featured-title:after {
    content: "Read more";
    display: block;
    font-size: .75em;
    text-transform: uppercase;
    color: #599b46;
    font-weight: normal;
    line-height: 1.5;
}

.elm-feature-typeA .elm-featured-overlay,
.elm-feature-typeA-mobile .elm-feature-typeA-item:not(.elm-feature-focus) .elm-featured-title {
    background-color: rgba( 35, 61, 28, .60);
}

.elm-feature-typeA .elm-featured-overlay {
    display: block;
    height: 16em;
    width: 100%;
}

.elm-feature-typeA .elm-feature-typeA-item.elm-feature-focus .elm-featured-overlay {
    background-color: rgba( 35, 61, 28, 0);
}

.elm-feature-typeA a.elm-feature-typeA-item,
.elm-feature-typeA .elm-featured-overlay,
.elm-feature-typeA .elm-featured-title,
.elm-feature-typeA .elm-featured-title-focus {
    -webkit-transition:  all .25s, opacity 1s, background-color 1s;
    -moz-transition:  all .25s, opacity 1s, background-color 1s;
    -ms-transition:  all .25s, opacity 1s, background-color 1s;
    -o-transition:  all .25s, opacity 1s, background-color 1s;
    transition: color all .25s, opacity 1s, background-color 1s;
}

.elm-feature-typeA-mobile {
    display: block;
}

.elm-feature-typeA-mobile .elm-feature-typeA-item {
    display: block;
    margin: 0;
    position: relative;
    height: auto;
    margin-bottom: .5em;
}

.elm-feature-typeA-mobile .elm-feature-focus {
    height: 16em;
}

.elm-feature-typeA-mobile .elm-feature-typeA-item:not(.elm-feature-focus) .elm-featured-title {
    display: block;
    width: 100%;
    padding: 1em;
}

.elm-feature-typeA-mobile a.elm-feature-focus:hover .elm-featured-title,
.elm-feature-typeA-mobile a.elm-feature-focus:active .elm-featured-title,
.elm-feature-typeA-mobile a.elm-feature-focus:focus .elm-featured-title,
.elm-feature-typeA-mobile a.elm-feature-typeA-item:not(.elm-feature-focus):hover .elm-featured-title,
.elm-feature-typeA-mobile a.elm-feature-typeA-item:not(.elm-feature-focus):active .elm-featured-title,
.elm-feature-typeA-mobile a.elm-feature-typeA-item:not(.elm-feature-focus):focus .elm-featured-title {
    background-color: #4A823A;
}

.elm-feature-typeA-mobile a.elm-feature-focus:hover .elm-featured-title:after,
.elm-feature-typeA-mobile a.elm-feature-focus:active .elm-featured-title:after,
.elm-feature-typeA-mobile a.elm-feature-focus:focus .elm-featured-title:after {
    color: #fff;
}


.elm-feature-typeA-mobile a.elm-feature-focus .elm-featured-title,
.elm-feature-typeA-mobile a.elm-feature-focus .elm-featured-title:after,
.elm-feature-typeA-mobile .elm-feature-typeA-item:not(.elm-feature-focus) .elm-featured-title
 {
    -webkit-transition:  all .25s;
    -moz-transition:  all .25s;
    -ms-transition:  all .25s;
    -o-transition:  all .25s;
    transition: color all .25s;
}

/*--------------------------------------------------------------
# Featured items (Type B)
--------------------------------------------------------------*/

.elm-feature-typeB {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}

.elm-feature-typeB .elm-feature-typeB-focus,
.elm-feature-typeB .elm-feature-typeB-item {
    display: block; 
    background-size: cover;
    background-position: center 33%;
    margin-bottom: .5em;
    float:left;
    position: relative;
    line-height: 1.25;
}

.elm-feature-typeB .elm-feature-typeB-focus-container {
    display: inline-block;
    float: left;
    height: 16em;
    width: 50%;
    margin-right: 1%;
    position: relative;
    background-color: rgb(35, 61, 28);
}

.elm-feature-typeB .elm-feature-typeB-focus {
    height: 16em;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.elm-feature-typeB .elm-feature-typeB-focus.elm-feature-focus {
    opacity: 1;
    z-index: 1000;
}

.elm-feature-typeB a.elm-feature-typeB-focus .elm-featured-title {
    margin: 0;
    text-align: left;
    padding: 1em;
    font-size: 1.25em;
    text-transform: none;
    font-weight: lighter;
    background-color: rgba( 0, 0, 0, .75);
    color: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}

.elm-feature-typeB a.elm-feature-typeB-focus:hover .elm-featured-title,
.elm-feature-typeB a.elm-feature-typeB-focus:active .elm-featured-title,
.elm-feature-typeB a.elm-feature-typeB-focus:focus .elm-featured-title {
    background-color: rgba( 0, 0, 0, 1);
}

.elm-feature-typeB .elm-feature-typeB-focus .elm-featured-title:after {
    content: "Read more";
    display: block;
    font-size: .75em;
    text-transform: uppercase;
    color: #599b46;
    font-weight: normal;
    line-height: 1.5;
}

.elm-feature-typeB .elm-feature-typeB-item {
    height: 7.75em;
    width: 24%;
}

.elm-feature-typeB .elm-feature-typeB-item:nth-of-type(odd) {
    margin-right: 1%;
}

.elm-feature-typeB a.elm-feature-typeB-item .elm-featured-overlay {
    display: block;
    height: 7.75em;
    width: 100%;
    background-color: rgba( 74,130,58, .60);
}

.elm-feature-typeB a.elm-feature-typeB-item:hover .elm-featured-overlay,
.elm-feature-typeB a.elm-feature-typeB-item:focus .elm-featured-overlay,
.elm-feature-typeB a.elm-feature-typeB-item:active .elm-featured-overlay,
.elm-feature-typeB .elm-feature-typeB-item.elm-feature-focus .elm-featured-overlay  {
    background-color: rgba(0, 0, 0, .75);
}

.elm-feature-typeB .elm-feature-typeB-item .elm-featured-title {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: auto;
    transform: translate(-50%, -50%);
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

.elm-feature-typeB .elm-feature-typeB-focus,
.elm-feature-typeB a.elm-feature-typeB-focus .elm-featured-title,
.elm-feature-typeB a.elm-feature-typeB-item .elm-featured-overlay {
    -webkit-transition:  all .25s, opacity 1s;
    -moz-transition:  all .25s, opacity 1s;
    -ms-transition:  all .25s, opacity 1s;
    -o-transition:  all .25s, opacity 1s;
    transition: all .25s, opacity 1s;
}

/*--------------------------------------------------------------
# Featured items (Type C)
--------------------------------------------------------------*/
.elm-feature-typeC {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
 }

.elm-feature-typeC .elm-feature-typeC-item {
    height: 16em;
    display: block; 
    background-size: cover;
    background-position: center 33%;
    float: left;
    margin: 0;
    margin-bottom: .5em;
    position: relative;
}

.elm-feature-typeC .elm-feature-typeC-item .elm-featured-title {
    display:block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    padding: 1em;
    line-height: 1.25;
}

.elm-feature-typeC .elm-feature-typeC-item .elm-featured-overlay {
    display: block;
    height: 16em;
    width: 100%;
    background-color: rgba( 35, 61, 28, .60);
    opacity: 0;
}

.elm-feature-typeC .elm-feature-typeC-item:active .elm-featured-overlay,
.elm-feature-typeC .elm-feature-typeC-item:hover .elm-featured-overlay,
.elm-feature-typeC .elm-feature-typeC-item:focus .elm-featured-overlay {
    opacity: 1;
}

.elm-feature-typeC .elm-feature-typeC-item:first-of-type {
    width: 33%;
    margin-right: 1%;
}

.elm-feature-typeC .elm-feature-typeC-item:first-of-type .elm-featured-title {
    background-color: rgba( 35, 61, 28, .85);
    padding: 1.25em;
}

.elm-feature-typeC a.elm-feature-typeC-item:first-of-type:hover .elm-featured-title,
.elm-feature-typeC a.elm-feature-typeC-item:first-of-type:focus .elm-featured-title {
    background-color: #4A823A;
}

.elm-feature-typeC .elm-feature-typeC-item:first-of-type .elm-featured-headline {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .1em;
}

.elm-feature-typeC .elm-feature-typeC-item:first-of-type .elm-featured-blurb {
    display: block;
    margin: .5em 0;
}

.elm-feature-typeC .elm-feature-typeC-item:nth-of-type(2) {
    width: 66%;
}

.elm-feature-typeC .elm-feature-typeC-item:nth-of-type(2) .elm-featured-title {
    background-color: rgba( 0, 0, 0, .75);
    font-size: 1.25em;
    font-weight: lighter;
}

.elm-feature-typeC a.elm-feature-typeC-item:nth-of-type(2):hover .elm-featured-title,
.elm-feature-typeC a.elm-feature-typeC-item:nth-of-type(2):focus .elm-featured-title {
    background-color: #000;
}

.elm-feature-typeC .elm-feature-typeC-item:nth-of-type(2) .elm-featured-title:after {
    content: "Read more";
    display: block;
    font-size: .75em;
    text-transform: uppercase;
    color: #599b46;
    font-weight: normal;
    line-height: 1.5;
}

.elm-feature-typeC a.elm-feature-typeC-item .elm-featured-title,
.elm-feature-typeC a.elm-feature-typeC-item .elm-featured-title:after,
.elm-feature-typeC .elm-feature-typeC-item .elm-featured-overlay {
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

@media (max-width: 767px) {
    .elm-feature-typeC .elm-feature-typeC-item,
    .elm-feature-typeC .elm-feature-typeC-item:first-of-type,
    .elm-feature-typeC .elm-feature-typeC-item:nth-of-type(2) {
        width: 100%;
        margin-right: 0;
        float: none;
    }
}

/*--------------------------------------------------------------
# Featured items (Type D)
--------------------------------------------------------------*/

.elm-feature-typeD {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
 }

.elm-feature-typeD .elm-feature-typeD-item {
    height: 20.8em; /*On full-width device screens, approximately matches the aspect ratio of the UMB homepage slideshow*/
    display: block; 
    background-size: cover;
    background-position: center 33%;
    margin: 0;
    margin-bottom: .5em;
    position: relative;
}

.elm-feature-typeD .elm-feature-typeD-item .elm-featured-title {
    display: inline-block;
    width: auto;
    max-width: 65%;
    position: absolute;
    left: auto;
    right: .5em;
    bottom: .5em;
    padding: 1em 1.25em;
    color: #fff;
    padding: 1em 1.25em;
    line-height: 1.25;
    background-color: rgba( 0, 0, 0, .75);
    font-size: 1.25em;
    font-weight: 300;
}

@media (max-width: 767px) {
  .elm-feature-typeD .elm-feature-typeD-item .elm-featured-title {
      width: 100%;
      max-width: 100%;
      left: 0px;
      right: 0px;
      bottom: .0px;
  }
}

.elm-feature-typeD .elm-feature-typeD-item .elm-featured-title:before {
    content: "Featured Event";
    display: block;
    font-size: .75em;
    text-transform: uppercase;
    color: #599b46;
    font-weight: normal;
    line-height: 1.5;
}

.elm-feature-typeD .elm-feature-typeD-item .elm-featured-overlay {
    display: block;
    height: 20.8em;
    width: 100%;
    background-color: rgba( 35, 61, 28, .60);
    opacity: 0;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

.elm-feature-typeD .elm-feature-typeD-item:active .elm-featured-overlay,
.elm-feature-typeD .elm-feature-typeD-item:hover .elm-featured-overlay,
.elm-feature-typeD .elm-feature-typeD-item:focus .elm-featured-overlay {
    opacity: 1;
}

/*--------------------------------------------------------------
# Find it Fast
--------------------------------------------------------------*/


.findit-listing {
    float: left;
    width: 49%;
}

#elm-findit-gutter-sizer {
    width: 2%;
}


@media (min-width: 992px) {
    .findit-listing {
        width: 23.5%;
    }
}

.findit-listing h4 {
    font-size: 1em;
    text-transform: uppercase;
    font-weight: bold;
}

.findit-listing ul {
    list-style: none outside none;
    margin: 0px;
    padding: 0px;
    margin-bottom: 1.5em;
}

.findit-listing ul li {
    line-height: 1.25;
    margin-bottom: .5em;
}

.findit-listing a {
    text-decoration: none;
}

/*--------------------------------------------------------------
# Elm stories single
--------------------------------------------------------------*/

.elm-stories-single{
    margin-bottom: 1em;
}

.elm-stories-single #article-title,
#elmMainContent .elm-stories-single h3#article-title {
    color: #000;
    text-transform: none;
    font-size: 1.6em;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0.5rem;
    border-bottom: none;
    padding-bottom: 0;
}

@media (max-width: 767px) {
    .elm-stories-single #article-title,
    #elmMainContent .elm-stories-single h3#article-title {
        border-bottom: none;
        background-color: #4A823A;
        padding: 0.25em 0.5em;
        padding-bottom: .25em;
        color: #fff;
    }
}

.elm-stories-single a {
    text-decoration: none;
    font-weight: bold;
}

.elm-stories-single strong {
    text-transform: none;
}

.elm-related-stories a {
    text-decoration: none;
    font-weight: bold;
    font-size: .9em;
}

.elm-stories-single .story-date {
    font-weight: 300;
    font-size: .8em;
    display: inline;
    color: #000;
}

.elm-stories-single .story-author {
    font-weight: 300;
    font-size: .8em;
    display: inline;
    color: #000;
    border-left: 1px solid #000000;
    margin-left: .1em;
    padding-left: .3em;
}

.elm-stories-single .story-image {
    float: right;
    max-width: 45%;
    padding: 10px 0px 20px 20px;
    margin: 0;
    background-color: #fff;
}

.elm-related-stories .related-title {
    border-bottom: 1px solid #757575;
    margin-bottom: 1em;
    padding-bottom: 1em;
    line-height: 1.25;
    display: block;
}

.elm-school-tags .school-tag,
.elm-content-tags a {
    font-size: .8em;
    font-weight: 400;
    border-left: 1px solid #000000;
    margin-left: .1em;
    padding-left: .3em;
}

.elm-school-tags .school-tag:first-of-type, 
.elm-content-tags a:first-of-type {
    border-left: none;
    margin-left: 0em;
    padding-left: 0em;
}

.elm-school-tags .school-tag a,
.elm-content-tags a {
    text-decoration: none;
}

.school-tag {
    display:none;
}

.elm-content-tags a.tag-unspecified {
    display:none;
}

.school-tag.campus-approved,
.school-tag.dentistry-approved,
.school-tag.graduate-approved,
.school-tag.medicine-approved,
.school-tag.nursing-approved,
.school-tag.law-approved,
.school-tag.pharmacy-approved,
.school-tag.socialwork-approved {
    display: initial;
}

.elm-stories-single .elm-title-byline-date{
    margin-bottom: 1.5em;
    display: inline-block;
}

.elm-stories-single img[style*="float"][style*="left"],
.elm-stories-single img[style*="float"][style*="Left"],
.elm-stories-single img[style*="float"][style*="right"],
.elm-stories-single img[style*="float"][style*="Right"] {
    max-width: 40%;
    padding: 0px 20px 20px 20px;
    margin: 0;
    background-color: #fff;
}

.elm-stories-single img[style*="float"][style*="left"],
.elm-stories-single img[style*="float"][style*="Left"] {
    padding-left: 0px;
}
.elm-stories-single img[style*="float"][style*="right"],
.elm-stories-single img[style*="float"][style*="Right"] {
    padding-right: 0px;
}

@media only screen and (max-width: 500px) {
  .elm-stories-single img[style*="float"][style*="left"],
  .elm-stories-single img[style*="float"][style*="Left"], 
  .elm-stories-single img[style*="float"][style*="right"],
  .elm-stories-single img[style*="float"][style*="Right"] {
    max-width: 100%;
    float: none !important;
    display: block;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
  }
}

.elm-stories-single h4 {
    background-color: #757575;
    color: #fff;
    padding: 0.5em 0.75em;
    font-size: 1.125em;
    font-weight: 600;
    letter-spacing: .05em;
    margin: 1.5em 0;
}

a.elm-submit-box {
    background-color: #757575;
    margin-top: 2em;
    display:block;
    text-decoration: none;
}

a.elm-submit-box:hover, a.elm-submit-box:focus {
    background-color: #4A823A;
    text-decoration: none;
}

.elm-submit-box .submit-title {
    font-size: 1.5em;
    font-weight: 600;
    color: #FFF;
    padding: 1em 1em 0em 1em;
    display: inline-block;
    line-height: 1.3;
    letter-spacing: .05em;
    line-height: 1.25;
    display: block;
}

.elm-submit-box .submit-subtitle {
    font-size: 1.2em;
    color: #FFF;
    padding: 1em;
    margin-left: .3em;
    display: inline-block;
    text-decoration: none;
}

/*--------------------------------------------------------------
# Social media sharing buttons
--------------------------------------------------------------*/

/*Formats the social media sharing widget*/

.smsb-social-media-sharing-buttons {
  text-align: right;
  margin-bottom: 1rem;
}
.smsb-social-media-sharing-buttons a {
  display: inline-block;
  margin-top: 1%;
  margin-right: .25%;
  background-color: #3A3A3A;
  border: 2px solid #3A3A3A;
  width: 35px;
  height: 35px;
  border-radius: 1000000px;
  -webkit-transition: transform .25s, background-color .25s, border .25s; /* Safari */
  transition: transform .25s, background-color .25s, border .25s;
  background-size: 36px 36px;
  background-position: center center;
  transform: scale(1, 1);
}
.smsb-social-media-sharing-buttons a:hover {
  background-color: #4A823A;
  border: 2px solid #4A823A;
  transform: scale(1.1, 1.1);
}
.smsb-social-media-sharing-buttons a.smsb-fb {
  background-image: url('/media/UMB/Style-Assets/Images/Social-Media-Icons/fb-w.png');
}
.smsb-social-media-sharing-buttons a.smsb-tw {
  background-image: url('/media/UMB/Style-Assets/Images/Social-Media-Icons/twitter-w.png');
}
.smsb-social-media-sharing-buttons a.smsb-gp{
  background-image: url('/media/UMB/Style-Assets/Images/Social-Media-Icons/googleplus-w.png');
}
.smsb-social-media-sharing-buttons a.smsb-li {
  background-image: url('/media/UMB/Style-Assets/Images/Social-Media-Icons/linkedin.png');
}
.smsb-social-media-sharing-buttons a.smsb-em {
  background-image: url('/media/UMB/Style-Assets/Images/Social-Media-Icons/email-w.png');
}
.smsb-social-media-sharing-buttons a.smsb-gm {
  background-image: url('/media/UMB/Style-Assets/Images/Social-Media-Icons/gmail-w.png');
}

/*--------------------------------------------------------------
# Google Search Results
--------------------------------------------------------------*/

.gsc-control-cse,
.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult,
.gsc-webResult.gsc-result:hover, .gsc-results .gsc-imageResult:hover,
.gsc-results .gsc-cursor-box .gsc-cursor-current-page,
.gsc-results .gsc-cursor-box .gsc-cursor-page {
    border-color: transparent !important;
    background-color: transparent !important;
}
.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top,
.gsc-result-info,
.gsc-results .gsc-cursor-box,
.cse .gsc-control-cse, .gsc-control-cse {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.gsc-result .gs-title {
    height: 1.6em !important;
}
.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b,
.gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b,
.gs-webResult div.gs-per-result-labels a.gs-label,
.gsc-results .gsc-cursor-box .gsc-cursor-page {
    color: #4A823A !important;
}
.gs-result .gs-title, .gs-result .gs-title * {
    text-decoration: none !important;
}
.gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b,
.gs-webResult.gs-result a.gs-title:focus, .gs-webResult.gs-result a.gs-title:focus b, .gs-imageResult a.gs-title:focus, .gs-imageResult a.gs-title:focus b,
.gs-webResult div.gs-per-result-labels a.gs-label:hover,
.gs-webResult div.gs-per-result-labels a.gs-label:focus {
    color: #000000 !important;
}
.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl {
    color: #757575 !important;
}
.gsc-result .gs-title.{
    height: auto !important;
}
.gs-per-result-labels {
    margin-top: 5px !important;
    font-weight: bold !important;
}

/*--------------------------------------------------------------
# Web Editor's Portal
--------------------------------------------------------------*/

table#approval-table,
table.approval-table { 
    width:100%;
    background-color: #fff;
    margin-bottom: 1.5em;
}

table#approval-table td,
table#approval-table th,
table.approval-table td,
table.approval-table th {
    padding: .75em 1em;
    line-height: 1.2em;
}


table#approval-table td:first-of-type,
table#approval-table th:first-of-type,
table.approval-table td:first-of-type,
table.approval-table th:first-of-type {
    padding-left: 0;
}

table#approval-table .elm-approval-icon { text-align: center; }

table#approval-table th.content-category-header,
table.approval-table th.content-category-header {
    color: #fff;
    background-color: #4a823a;
    padding: 1em;
}

table#approval-table .campus-approved:before,
table#approval-table .graduate-approved:before,
table#approval-table .dentistry-approved:before,
table#approval-table .law-approved:before,
table#approval-table .medicine-approved:before,
table#approval-table .nursing-approved:before,
table#approval-table .pharmacy-approved:before,
table#approval-table .socialwork-approved:before {
    font-family: 'Icons';
    content: '\e033';
    color: #4a823a;
}

table#approval-table .campus-rejected:before,
table#approval-table .graduate-rejected:before,
table#approval-table .dentistry-rejected:before,
table#approval-table .law-rejected:before,
table#approval-table .medicine-rejected:before,
table#approval-table .nursing-rejected:before,
table#approval-table .pharmacy-rejected:before,
table#approval-table .socialwork-rejected:before {
    font-family: 'Icons';
    content: '\e0db';
    color: #c8102e;
}

table#approval-table .campus-pending:before,
table#approval-table .graduate-pending:before,
table#approval-table .dentistry-pending:before,
table#approval-table .law-pending:before,
table#approval-table .medicine-pending:before,
table#approval-table .nursing-pending:before,
table#approval-table .pharmacy-pending:before,
table#approval-table .socialwork-pending:before {
    font-family: 'Icons';
    content: '\e05b';
    color: #007698;
}

table.approval-table .future-week {
    background-color: #d7ecff;
}
table.approval-table .future-week td:first-child:after {
    content: " (scheduled for a future Elm Weekly)";
    font-weight: bold;
    display: block;
}

table.approval-table .over-limit {
    background-color: #FFC3C6;
}
table.approval-table .over-limit td:first-child:after {
    content: " (exceeds maximum)";
    font-weight: bold;
    display: block;
}

#stories-single-approval img {
    max-width: 100%;
}
#stories-single-approval ol {
    padding-left: 1em;
}

a.t4Edit-page {
    width: 100%;
    padding: 1em;
    text-align: center;
}

/*--------------------------------------------------------------
# Curator Social Media Aggregator
--------------------------------------------------------------*/

.crt-filter .crt-filter-networks ul, .crt-filter .crt-filter-sources ul {
    background-color: transparent !important;
    text-align: left !important;
    width: 100% !important;
}
.crt-filter .crt-filter-networks .crt-filter-label, .crt-filter .crt-filter-networks .crt-filter-label, .crt-filter .crt-filter-sources .crt-filter-label {
    display: none !important;
}
.crt-filter .crt-filter-networks ul li a, .crt-filter .crt-filter-sources ul li a {
    font-size: .8em !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    background-color: #757575 !important;
    color: #FFF !important;
    text-decoration: none !important;
    padding: .4em 1em !important;
    border-radius: .5em !important;
    display: inline-block !important;
    margin-right: .5em !important;
    margin-bottom: .75em !important;
    line-height: 1.3 !important;
    letter-spacing: .05em !important;
}
.crt-filter .crt-filter-networks ul li.active a {
    background-color: #4a823a !important;
}
.crt-filter .crt-filter-networks ul li a:hover { 
    background-color: #4a823a !important;
}
.crt-filter .crt-filter-sources ul li a {
    background-color: transparent !important;
    color: #4A823A !important;
    padding: 0 !important;
    font-size: .75em !important;
    margin-right: 1.5em !important;
    margin-bottom: 0 !important;
}
.crt-filter .crt-filter-sources ul li.active a {
    background-color: #4A823A !important;
    color: #fff !important;
    padding: .25em .5em !important;
    border-radius: .4em !important;
}
.crt-filter .crt-filter-sources ul li:not(.active) a:hover {
    background-color: transparent !important;
    color: #000 !important;
}
.crt-filter .crt-filter-networks ul li a i, .crt-filter .crt-filter-sources ul li a i {
    margin-left: 0 !important;
}
.crt-feed-container .crt-load-more a {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    color: #fff !important;
    padding: .9em !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    font-size: .9em !important;
    font-weight: bold !important;
    letter-spacing: .1em !important;
    background-color: #4A823A !important;
    margin-top: 2em !important;
    line-height: 1.25 !important;
}
.crt-feed-container .crt-load-more a:hover {
    background-color: #29511F !important;
}
.crt-feed-container .crt-post .crt-post-footer {
    background-color: #454545 !important;
}
.crt-post-v2 .crt-post-border {
    border: 1px solid #454545 !important;
}
.crt-feed-container .crt-post .crt-date, .crt-grid-post-v2 .crt-post-footer .crt-post-share, .crt-post-v2 .crt-post-footer .crt-post-share, .crt-feed-container .crt-post .crt-post-footer .crt-post-share a i {
    color: #fff !important;
}
.crt-feed-container .crt-post .crt-date, .crt-feed-container .crt-post .crt-post-footer a {
    opacity: .75 !important;
}
.crt-feed-container .crt-post .crt-social-icon i {
    color: #454545 !important;
}
.crt-popup-wrapper .crt-popup .crt-date, .crt-popup-wrapper .crt-popup .crt-popup-footer .crt-popup-stats, .crt-popup-wrapper .crt-popup .crt-popup-footer .crt-popup-stats span {
    opacity: .75 !important;
    color: #000 !important;
}
.crt-post-v2.crt-post-max-height .crt-post-max-height-read-more {
    background: #fff !important;
    padding-top: 0.5em !important;
}
.crt-panel-prev {
    left: -50px !important;  
}
.crt-panel-next {
    right: -50px !important;   
}
.crt-panel-next, .crt-panel-prev {
    background-color: #4a823a !important;
    width: 40px !important;
    height: 80px !important;
    border-radius: 0 !important;
     -webkit-transition: background-color .25s !important;
     -moz-transition: background-color .25s !important;
     -ms-transition: background-color .25s !important;
     -o-transition: background-color .25s !important;
     transition: background-color .25s !important;
}
.crt-panel-next:hover, .crt-panel-prev:hover, .crt-panel-next:focus, .crt-panel-prev:focus {
    background-color: #000 !important;
}
.crt-feed.crt-feed-branded {
    padding-bottom: 0px !important;
}
.crt-feed.crt-feed-branded .crt-logo {
    display: none !important;
}
.elm-social-feed-embed {
    margin: 0 50px;
}

/*--------------------------------------------------------------
# UMB Alerts banner
--------------------------------------------------------------*/

a.alert_link {
    text-decoration: none;
    text-decoration: none;
    color: #fff;
    font-weight: normal;
}
.um_alert {
    background-color: #000;
    padding: 1em 0;
    -webkit-transition: background-color .25s;
    -moz-transition: background-color .25s;
    -ms-transition: background-color .25s;
    -o-transition: background-color .25s;
    transition: background-color .25s;
}
.um_alert img {
    max-height: 1.5em;
    float: left;
    margin: 0 1em 0 0;
}
.alerts_read_more {
    color: #ffcd00;
}

a.alert_link:hover .um_alert,
a.alert_link:focus .um_alert {
    background-color: #3a3a3a;
}

.um_alert.mild {
    background-color: #3a3a3a;
}
a.alert_link:hover .um_alert.mild,
a.alert_link:focus .um_alert.mild {
    background-color: #757575;
}