/* 
Theme Name: UMSL Daily 2.0
Version: 1.3
Theme URI: http://blogs.umsl.edu
Description: Updated UMSL Daily design built by Web & Electronic Communications
Author: UMSL Web & Electronic Communications
Author URI: http://www.umsl.edu
Tags: UMSL Daily
*/

/***********************************
 *      GLOBAL RESPONSIVE HELPERS
 ***********************************/
img {
    max-width: 100% !important;
    height: auto !important;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.bumpDown {
    margin-bottom: 10px;
}

/*********************************
 *      FONTS
 *****************************/
@font-face {
    font-family: Open Sans Condensed;
    src: url('fonts/opensans-condbold-webfont.svg'),
        url('fonts/opensans-condbold-webfont.eot'),
        url('fonts/opensans-condbold-webfont.ttf'),
        url('fonts/opensans-condbold-webfont.woff');
        
}
@font-face {
    font-family: Calibri;
    src: url('fonts/calibri-webfont.svg'),
        url('fonts/calibri-webfont.eot'),
        url('fonts/calibri-webfont.ttf'),
        url('fonts/calibri-webfont.woff');
        
}
/*gotta anti-alias them fonts*/
h1, h2, h3, h4, h5, p, a {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    
}
/******************************
 *  GLOBAL STYLES
 ****************************/
body {
    background-color: rgb(221, 221, 221);
}
p {
    font-family: 'Calibri', sans-serif;
    font-size: 15px;
    font-weight: 100;
}
h1, h2, h3, h4, h5 {
    font-family: 'Georgia', serif;
}

.open-sans {
    font-family: 'Open Sans Condensed', sans-serif;
}

.red {
    color: rgb(164, 25, 46);
}
.relative {
    position: relative;
}
.container {
    background-color: #fff;
}
.light-grey {
    color: rgb(102, 102, 102);
}
.caps {
    text-transform: uppercase;
}
.fill img {
    max-width: 100% !important;
    min-width: 100% !important;
    height: auto !important;
    width: auto;
}
.red-background {
    background: rgb(160, 32, 53);
    color: #fff;
    text-align: center;
    
    
}
.right {
    text-align: right;
}
/***************************
 *  HEADER
 **************************/
.logo {
    margin-top: 20px;
}
.social-buttons {
    position: absolute;
    bottom: 20%;
    left: 68%;
}
.social-buttons img {
    width: 23px;
    display:inline;
    margin-right: 7px;
}
.searchbox {
    position: relative;
    top: 51px;
    margin-right: 20px;
}
.searchbox-small {
    position:absolute;
    top: 4px;
    right:20px;
}
.searchbox input, .searchbox-small input {
    color: #999;
    border: solid 5px #DDD;
    font-size: 16px;
    padding: 5px;
    font-weight: 200;
    font-style: italic;
    background-image: url(img/search.png);
    background-repeat: no-repeat;
    background-position: 174px 50%;
    width: 212px;
}

@media screen and (max-width: 1199px) {
    .social-buttons {
        left: 66%;
    }
}

@media screen and (max-width: 991px) {
    .social-buttons {
        left: 56%;
        
    }
}
/***************************
 *      NAVIGATION STYLES
 ***************************/
.top-nav {
    background-color: rgb(245, 245, 245);
    padding-top: 3px;
}
.top-nav ul {
    float: right;
    margin-right: 30px;
    margin-bottom: 3px;
}
.top-nav a, .top-nav a:visited, top-nav a:hover {
    color: rgb(102, 102, 102);
    font-size: 12px;
    font-weight: bold;
}
.top-nav ul li {
    display: inline;
    list-style: none;
    margin-right: 10px;
}

.menu-item-has-children {
    position:relative !important;
}
.main-umsl-daily-nav {
    text-align:center;
    margin: auto;
    background-color: rgb(51, 51, 51);
    border-top: solid 2px rgb(102, 102, 102);
    padding: 8px 0px 4px 0px;
overflow: hidden;
}
.main-umsl-daily-nav ul, .footer-umsl-daily-nav ul {
padding-left: 0px;
}
.main-umsl-daily-nav ul li, .footer-umsl-daily-nav ul li{
    list-style: none;
    display: inline;
    padding: 8px 10px;
    position:relative;
}

.main-umsl-daily-nav a, .main-umsl-daily-nav a:visited, .main-umsl-daily-nav a:hover, .footer-umsl-daily-nav a, .footer-umsl-daily-nav a:visited, .footer-umsl-daily-nav a:hover {
    color: #fff;
    font-size: 22px;
    font-family: 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    text-decoration:none;
}

.main-umsl-daily-nav .sub-menu {
    display:none;
    position:absolute;
    z-index:20;
    list-style:none;
    list-style-position:inside;
    background-color: rgb(51, 51, 51);
    text-align: left;
    width: 200px;
    left:0px;
    clear:both;
}

.main-umsl-daily-nav .sub-menu li {
    padding: 5px 10px 5px 10px !important;
    display:block !important;
    border-bottom: solid 1px #fff;
    margin-left: -30px;
    margin-right: 10px;
}
.main-umsl-daily-nav .sub-menu li:hover {
    background-color: rgb(101, 101, 101);
}
.main-umsl-daily-nav .sub-menu a:link, .sub-menu a:visited, sub-menu a:hover {
    font-family: 'Calibri', sans-serif;
    font-size: 14px;
}

#menu-main-nav>li:last-child {
    background-color: rgb(162, 30, 50);
    padding-top: 18px;
    padding-bottom: 18px;
}
/* small version of nav */
.main-umsl-daily-nav-small {
    background-color: rgb(51, 51, 51);
    position:relative;
}
.main-umsl-daily-nav-small a {
    text-transform: uppercase;
}
.main-umsl-daily-nav-small .glyphicon {
    color: #fff;
    font-size: 38px;
    margin-left: 22px;
    margin-bottom: 12px;
    cursor:pointer;
}
.main-umsl-daily-nav-small .menu {
    display: none;
    z-index:10;
    list-style: none;
    background-color: rgb(51, 51, 51);
    color: #fff;
    padding-bottom: 8px;
    padding-right: 8px;
    left:-22px;
    top:42px;
}
.main-umsl-daily-nav-small .menu li {
    padding: 6px 0px;
    font-size: 29px;
    margin-left: -15px;
    list-style:none;
    padding-left: 5px;
}
.main-umsl-daily-nav-small .menu li a {
    color: #fff;
    font-family: 'Open Sans Condensed', sans-serif;
    text-decoration: none;
}
.main-umsl-daily-nav-small .sub-menu li {
    font-family: 'Calibri', sans-serif;
    font-size: 18px;
}
#menu-main-nav-1>li:last-child {
    background-color: rgb(162, 30, 50);
    padding-top: 0px;
    padding-bottom: 6px;
}
/* saf3+, chrome1+ unfortunate hack because I couldn't figure out how to fix a discrepancy in the red media box amongst browsers*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
 #menu-main-nav>li:last-child {
    padding-bottom: 19px;
 }
}
/* media queries */
@media screen and (min-width: 1200px) {
    .main-umsl-daily-nav a, .main-umsl-daily-nav a:visited, .main-umsl-daily-nav a:hover, .footer-umsl-daily-nav a, .footer-umsl-daily-nav a:visited, .footer-umsl-daily-nav a:hover {
        font-size: 26px;
    }
    #menu-main-nav>li:last-child {
        padding-top: 23px;
        padding-bottom: 20px;
    }
}
@media screen and (max-width: 991px) {
	.main-umsl-daily-nav a, .main-umsl-daily-nav a:hover, .main-umsl-daily-nav a:visited, .footer-umsl-daily-nav a, .footer-umsl-daily-nav a:hover, .footer-umsl-daily-nav a:visited {
	font-size: 20px;
        }
        #menu-main-nav>li:last-child {
                padding-bottom: 18px;
        }
}
/*****************************  
 *  HOME PAGE
 ****************************/
/*****************************
 *  HERO ARTICLE
 ****************************/
.hero-post {
    position: relative;
    border-top: solid 11px rgb(238, 238, 238);
    border-bottom: solid 11px rgb(238, 238, 238);
    border-left: solid 15px rgb(238, 238, 238);
    border-right: solid 15px rgb(238, 238, 238);
    margin-top: 20px;
    overflow: hidden;
}
.hero-post img {
    width: 100%;
    max-width: 100%;
}
.hero-info {
    background: rgb(51, 51, 51);
    background: rgba(51, 51, 51, 0.8);
    position: absolute;
    bottom: 0px;
    color: #fff;
    padding: 0px 20px;
}
@media screen and (max-width: 767px) {
    .hero-post h2 {
        font-size: 19px;
    }
}
/*********************************
 * FEATURES
 ********************************/

.features-wrapper a, .features-wrapper a:visited, .features-wrapper a:hover {
    color: #fff;
    text-decoration:none;
}

.feature-title {
    background: rgb(68, 68, 68);
    padding: 1px 8px 1px 8px;
}
.feature-excerpt a, .feature-excerpt a:visited, .feature-excerpt a:hover, .feature-excerpt p {
    color: rgb(102, 102, 102);
}
a:hover .feature-title h4 {
    text-decoration:underline;
}
a:hover .feature-more p span {
    color: #981e32;
}
.feature-excerpt {
    background: rgb(238, 238, 238);
    padding: 8px;
    
}
.feature-more {
    background: rgb(204, 204, 204);
    padding: 7px 8px 1px 8px;
    margin-bottom: 10px;
}

.feature-more p {
    color: rgb(82, 82, 82);
}
.feature-more .glyphicon {
    font-size: 7px;
    vertical-align: 34%;
}
@media screen and (min-width: 992px) {
    .feature-image {
        max-height: 143px;
        overflow: hidden;
    }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
    .feature-image {
		max-height: 90px;
		overflow:hidden;
	}
}


/***************************
 *  LATEST NEWS
 **************************/
.latest-news a, .latest-news a:hover, .latest-news a:visited {
    text-decoration: none;
    color: inherit;
}
.latest-news .glyphicon {
    font-size: 7px;
    vertical-align: 34%;
}

.latest-news h3 {
    font-size: 20px;
}
.latest-news p {
    color: rgb(102, 102, 102);
    font-size: 15px;
}
.latest-news hr {
    margin: 5px 0px;
}
.latest-news a:hover h3, .latest-news a:hover p span {
    color: #981e32;
}
/***************************
 *  SINGLE ARTICLE STYLES
 **************************/
.post-meta {
    text-transform: uppercase;
}

.wp-caption:first-child {
    min-width: 100% !important;
    max-width: 100% !important;
}
.wp-caption p {
    margin-right: 0px;
    margin-left: 0px;
}
/*sets first caption to be fullsize */
.article-content > .wp-caption:first-child p {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
/*Sets first image in an article to fill the column*/
.article-content > .wp-caption:first-child img:first-child {
    max-width: 100% !important;
    min-width: 100% !important;
    height: auto !important;
    width:auto;
}
.article-content p {
    margin-left: 15px;
    margin-right: 15px;
    font-size: 17px;
}
.article-share-bar {
    background: rgb(238, 238, 238);
    padding: 15px 8px;
}
.article-share-bar div div {
    display: inline-block;
}
.facebook-share-div {
    position:relative;
    top:-5px;
}
.emailshare {
    font-size: 22px;
}
.email-share p, .email-share a {
    color: rgb(51, 51, 51);
}
.email-share {
    float:right;
}
.more-articles h4 {
    font-weight: 100;
    color: rgb(102, 102, 102);
    
}
.more-articles a, .more-articles a:visited {
   color: rgb(235, 182, 0);
   font-weight: 100;
}

.more-article-wrap {
    background: rgb(238, 238, 238);
    padding: 10px;
}
.more-article-wrap h4 {
    font-size: 14px;
    color: rgb(51,51,51);
}
.more-article-wrap p {
    font-size: 12px;
    color: rgb(133, 133, 133);
}
a:hover .more-article-wrap h4 {
    color: #981e32;
}
.alignright {
    float:right;
    margin-left: 10px;
}
.alignright p {
    margin-left: 0px !important;
    margin-right: 10px !important;
}
.alignleft {
    float:left;
    margin-right: 10px;
}
alignleft p {
    margin-left: 10px !important;
    margin-right: 0px !important;
}

.wp-caption-text {
   background: rgb(238, 238, 238);
    padding: 15px 20px;
    font-size: 12px !important;
    color: rgb(68, 68, 68);
    margin-left: 0px;
    margin-right: 10px;
}

@media screen and (min-width: 768px) {
    .more-thumb {
        max-height: 77px;
        overflow: hidden;
    }
}
@media screen and (min-width: 992px) {
    .more-thumb {
      max-height: 143px;
      overflow: hidden;
  }  
}


/************************
 *  ARCHIVE PAGES
 ***********************/
.archive-wrap {
    background: rgb(238, 238, 238);
    margin: 10px;
    padding: 10px;
    overflow:hidden;
}
.archive-wrap h4 {
    color: rgb(82, 82, 82);
}
.archive-wrap p {
    color: rgb(102, 102, 102) !important;
}
.archive-wrap .glyphicon {
    font-size: 8px;
    vertical-align: 34%;
}
a:hover .archive-wrap  h4, a:hover .archive-wrap p span{
    color: #981e32;
}

.pagination {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0px;
}
.prev-posts, .next-posts {
    background: rgb(238, 238, 238);
    margin: 10px 0px;
    color: rgb(82, 82, 82);
}
.prev-posts a, .next-posts a {
    color: rgb(82, 82, 82);
    margin: 13px 10px;
    display:block;
}
.prev-posts {
    float:left;
}
.next-posts {
    float:right;
}
/************************
 *  MEDIA PAGE
 ***********************/
.media-header {
    background-color: rgb(238, 238, 238);
    background-image: url('img/media-header.png');
    background-repeat: no-repeat;
    background-position: 8px 0px;
    padding: 5px 0px 10px 15px;
    margin-top:8px;
}
.media-header h2 {
    font-family: 'Georgia', serif;
    font-size: 42px;
}
.media-header p {
    font-family: 'Georgia', serif;
    font-size: 15px;
    color: rgb(134, 134, 134);
    font-weight: 100;
    
}
.media-loop h2 {
    color: rgb(164, 25, 45);
    font-size: 30px;
}
.media-loop h3 {
    font-size: 19px;
    color: rgb(161, 30, 50);
    font-family: 'Georgia', serif;
    margin-top: 0px;
}
.media-loop h4 {
    font-size: 15px;
    color: rgb(82, 82, 82);
    margin-bottom:5px;
}
.media-loop h4 a {
    color: rgb(82, 82, 82);
}

.media-loop p {
    color: rgb(51, 51, 51);
}

.media-loop a:hover {
    text-decoration:none;    
}

.media-loop a:hover div div span {
    color: #981e32;
}
/***********************
 * MEDIA SIDEBAR
 **********************/
.experts-guide-box {
    background-color: rgb(238, 238, 238);
    background-image: url(img/lightbulb.png);
    background-repeat: no-repeat;
    background-position: 15px 8px;
    padding: 20px 10px 20px 20px;
    margin-top:-10px;
}
.experts-guide-box h4 {
    color: rgb(160, 30, 50);
}
.experts-guide-box p {
    padding-left: 10px;
    color: rgb(102, 102, 102);
}
.media-resources h4 {
    font-family: 'Calibri', sans-serif;
    font-weight: 100;
    color: rgb(102, 102, 102);
    font-size: 14px;
    margin-left: 46px;
}
.contacts-news-media {
    background-image: url(img/contacts.png);
    background-repeat: no-repeat;
    height: 40px;
    padding-top: 4px;
}
.leadership-bios {
    background-image: url(img/leadership-bios.png);
    background-repeat: no-repeat;
    height: 40px;
    padding-top: 4px;
}
.media-kit {
    background-image: url(img/media-kit.png);
    background-repeat: no-repeat;
    height: 40px;
    padding-top: 4px;
}
.quick-flickr-item {
    float:left;
    width: 70px;
    height: 70px;
    overflow: hidden;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
}
.quick-flickr-item img {
    min-height: 100%;
    max-height: 100%;
}

.flickr-widget {
    padding-left: 11px;
    padding-right: 11px;
}
.flickr-widget h4 {
    color: rgb(51, 51, 51);
    font-size: 13px;
    text-align: right;
}
.really_simple_twitter_widget li {
    list-style: none;
    background-image: url(img/twitter-gray.png);
    background-repeat: no-repeat;
    padding-left: 35px;
    margin-left: -40px;
    min-height: 30px;
    
    font-family: 'Calibri', sans-serif;
}
@media screen and (max-width: 1199px) {
    .quick-flickr-item {
        width: 50px;
        height: 50px;
    }
}
@media screen and (max-width: 991px) {
    .quick-flickr-item:nth-child(9) {
        display:none;
    }
}
@media screen and (max-width: 767px) {
    .quick-flickr-item:nth-child(9) {
        display:block;
    }
}
/************************
 *  HOMEPAGE SIDEBAR
 ***********************/
.red-background h3 {
    padding-top: 10px;
    padding-bottom: 10px;
    
}

.news-briefs h5, .in-the-news h5{
    font-size: 14px;
    color: rgb(51, 51, 51);
}

.news-briefs p, .in-the-news p {
    font-size: 12px;
    color: rgb(133, 133, 133);
}
.news-briefs hr {
    margin-top: 10px;
    margin-bottom: 15px;
}
.experts-guide {
    margin-top: 30px;
}
/***********************
 * CATEGORY SIDEBAR
 **********************/
.category-menu li {
    list-style-type: none;
    margin-left: 0px;
    padding: 5px;
    font-family: georgia;
    text-transform: capitalize;
    line-height: 25px;
    font-size: 17px;
    margin-left: -30px;
    color: rgb(133, 133, 133);
}
.category-menu a {
    color: rgb(82, 82, 82);
}
.category-menu a:hover {
    color: rgb(160, 30, 50);
    text-decoration:none;
}
/***********************
 *  FOOTER
 **********************/
.footer .container, .footer .container .row {
    background: #444;
}

.footer-umsl-daily-nav {
    text-align:center;
    margin: auto;
    padding: 8px 0px 4px 0px;
}

.footer p, .footer p a:link, .footer p a:visited, .footer p a:hover {
    text-align: center;
    color: #fff;
    font-size: 14px;
}

/** Some Footer Nav styles are in the 'navigation' section **/

.in-the-news h4 {
    font-size: 14px;
    color: rgb(160, 30, 50);
}

/************************
 *  FACEBOOK PLUGIN
 ***********************/
.fb-comments, .fb-comments iframe[style] {max-width: 100% !important;}
.fb-comments, .fb-comments span, .fb-comments iframe { max-width: 100% !important; }
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe {max-width: 100% !important;}


a:hover {
    opacity:.8 !important;
}

/************************
 *  PRINTING
 ***********************/

@media print {

  body {
    color: #000;
    font-size: 8pt;
    line-height: 150%;
    margin: 0;
    font-family: sans-serif !important;
  }

  .more-articles, .social-buttons img, .main-umsl-daily-nav-small .glyphicon,  .top-nav ul,  .main-umsl-daily-nav a, .menu-main-nav-container, .addtoany_list.a2a_kit_size_32 a, .searchbox input, .searchbox-small input {
    display: none;
  } 

}