@media screen and (min-width: 800px){
    .align-left {
        float:left;
        margin-right: 20px;
    }

    .align-right {
        float:right;
        margin-left: 20px;
    }    
}

.align-none {
    float:none;
}

.mainContent {
    margin-bottom:2em;
}

.mainContent img {
   width: 100%;
    height:auto;
}

.mainContent p, figure {
    padding: 0 0%;
    margin-bottom:1.5rem;
    font-size:16px;
}

.mainContent figure {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    margin-top:1em;
}

.mainContent figure img {
    width: inherit;
}

/*.mainContent h4, .text-factoid-container h4 {
    margin-left:10%;
}*/


/*.mainContent p:first-child:first-letter {
  color: #0066cc;
  float: left;
  font-size: 45px;
  line-height: 35px;
  font-weight:400;
  padding-top: 2px;
  padding-right: 4px;
  padding-left: 0px;
}*/

.mainContent a {
    color:#0066cc;
}

.mainContent a:hover {
    color:#04487f;
}

.drop-cap {
  color: #0066cc;
  float: left;
  font-size: 45px;
  line-height: 35px;
  font-weight:400;
  padding-top: 2px;
  padding-right: 4px;
  padding-left: 0px;
}

blockquote {
    /*text-align: center;
    margin-bottom:1.5rem;*/
}

blockquote p {
    padding: 0 !important;
    font-family: 'Roboto slab', serif;
    color: #04487f;
    font-size: 32px !important;
    line-height: 1.5em;
    display:inline;
}

.blockquote-author {
    font-size:16px !important;
}

/*blockquote p:before {
    content:open-quote;
    color:#04487f;
    font-size:2em;
    line-height: 0.1em;
    margin-right: 2px;
    vertical-align: -0.35em;
}

blockquote p:after {
    content:close-quote;
    color:#04487f;
    font-size:2em;
    line-height: 0.1em;
    margin-left: 2px;
    vertical-align: -0.35em;
}*/

h1.page-header {
	color:#0066CC;	
    font-weight: 900;
}

h1.page-header a {
    color:#0066cc;
}

h2 {
    font-size:56px;
    line-height: 1.2em;
}

h3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 40px;
    color: #000;
    line-height:1.2em;
}

h4 {
    font-size: 32px;
    line-height: 1.4em;
    color: #0066cc;
    font-weight: normal;
}

.question {
    font-size: 32px;
    line-height: 1.4em;
    color: #000;
}

h5 {
    font-size: 24px;    
    font-weight: bold;
}

h6 {
    font-size: 20px;
}

figcaption, .text-factoid-container figcaption p {
    font-size: 12px;
    padding: 8px 20px;
    color: #4d4d4d;
    text-align: center;
}

.mainContent ul {
    /*margin-top: -1rem;*/
    padding: 0 16% 0 10%;
    font-family: 'Roboto', sans-serif;
    font-weight:100;
}

.mainContent ul li {
    font-size: 16px;
    margin-bottom: 12px;
}

.breadcrumbs {
    background-image:none;
    padding:0;
}

.breadcrumbs a, .breadcrumbs a:visited {
    color: #8b8b8b;
    font-weight: 700;
}

.breadcrumbs a:hover, .breadcrumbs a:active {
    color:#0066cc;
}

.featuredIMG {
    width:100%;
    margin-bottom:1.5rem;
}

.featured-image-caption {
    margin: -24px 0 20px 0;
}

.teaser {
    color:#212529;
    margin: 0 0 25px 0;
    font-size: 24px;
    line-height: 1.5em;
    padding: 5px 4% 0 0;
    font-family:'Roboto', sans-serif;
}

.intro-copy {
    color:#0066cc;
    margin: 0 0 25px 0;
    font-size: 24px !important;
    line-height: 1.4em !important;
    padding: 5px 4% 0 0 !important;
    font-family:'Roboto', sans-serif;
}

.footnoteBlock {
    width:100%;
    float:right;
    position:absolute;
}

.footnoteBlock.bottom {
    margin-top:-350px;
}

.footnoteBlock img {
    width:100px;
    height:100px;
    border-radius:50px;
}

.footnoteBlock p {
    font-family:'Roboto Condensed', sans-serif;
    font-size:12px !important;
    padding: 10px 0 0 0 !important;
    font-weight: 700;
    margin-bottom:8px;
    line-height: 1.2em
}

.footnoteBlock hr {
    margin: 2px 0px;
    border-top: solid thin #0066cc;
    width: 40%;
}

.text-factoid-container {
    margin-bottom:1em;
}

.text-factoid-container p {
    font-size:16px;
    padding: 0 6% 0 12%
}

/*.byline {
    margin: -10px 0 0 0;
}*/

.author {   
    margin-right: 10px;
}

.press-contact a {
    color:#0066cc;
}

.press-contact a:hover {
    color:#04487f;
}

.feedItem {
    margin-bottom:1.5rem;
    width: 48%;
    display: inline-block;
    line-height:1.3em;
    vertical-align:top;
    padding:0 8px;
}

.feedItem img {
    width:180px;
    float:left;
    margin:0 15px 10px 0;
}

.feedItem a {
    font-weight:700;
    color:#0066cc;
}

.feedItem a:hover {
    color:#04487f;
}

.feedItem h2 {
    font-size:20px;
    line-height:1.2em;
}

.feedItemThumb {
    height: 250px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom:12px;
}

.catsTags {
    margin:2rem 0;
    font-weight:700;
}

.post-categories, .post-tags {
    font-weight:400;
    color:#04487f;
}

#category .archiveThumb, #tag .archiveThumb, #releases .archiveThumb {
    width:100%;
    margin-bottom:10px;
}

#category p, #tag p, #releases p {
    padding: 0 0 8px 0;
}

#category li, #tag li, #releases li {
    border-bottom: solid 1px #ccc;
    margin-bottom: 2em;
}

#category li:last-of-type, #tag li:last-of-type, #releases li:last-of-type {
    border-bottom:none;
}

#category a, #tag a, #releases a, #category a:visited, #tag a:visited, #releases a:visited {
    color:#0066cc;
}

#category a:hover, #tag a:hover, #releases a:hover {
    color:#04487f;
}

.form-control-lg {
    width:150px !important;
}

.archives-form select {
    /* background-color: #3f95db; */
    background: #3f95db;
    background: -moz-linear-gradient(left, #3f95db 0%, #3f95db 85%, #04487f 85%);
    background: -webkit-linear-gradient(left, #3f95db 0%,#3f95db 85%,#04487f 85%);
    background: linear-gradient(to right, #3f95db 0%,#3f95db 85%,#04487f 85%);
    color: white;
    border-color: #3f95db;
    border-radius: .75rem !important;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
    cursor:pointer;
}

.archives-form select:focus {   
    outline: -webkit-focus-ring-color auto 0px;
    outline: auto 0px;
}

.archives-form .umkc-btn {
    line-height: .9em;
}

.archives-form option {
    background-color: white;    
    color: #3f95db;    
 }
 
#archiveSearchBox {
    max-width:588px;
    height:45px !important;
    font-weight:400 !important;
    background-color: #3f95db; 
    background-image: url(../../images/searchGlass.png);
    background-repeat: no-repeat;
    background-position: right;
    /*background: -moz-linear-gradient(left,  #207cca 0%, #207cca 90%, #1e5799 90%); /* FF3.6-15 */
    /*background: -webkit-linear-gradient(left,  #207cca 0%,#207cca 90%,#1e5799 90%); /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to right,  #207cca 0%,#207cca 90%,#1e5799 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    color: #fff !important;
    font-family: 'Roboto Condensed', sans-serif;
    border-radius: .75rem !important;
}

#archiveSearchBox::-webkit-input-placeholder {
    color:#fff !important;
}


/*figure img {
    width:100%;
    height:auto;
}*/

.graySlant {
    background-image: url(../../images/slant_pattern.png);
    background-repeat: repeat;
    padding: 20px 8%;
    margin-bottom: 20px;
}
.featured-news-container-row {
    max-width:1000px;
    margin-bottom:4em;
}

.feed-row h6 {
    padding:.5rem 1rem 0 0;
    margin: 0 0 2px 0;
    line-height:1.2em;
    font-size:22px;
}

.featured-news-container-row p {
    padding:0 .75rem .5rem 0;
}

.single-news-feature .featured-news-img {
    background-position: center center;
    min-height: 300px;
}

.single-news-feature h2 {
    font-weight: 700;
    font-size: 36px;
}

.single-news-feature p {
    /*font-size: 22px;*/
    line-height: 1.4em;
    padding:0;
}

.featured-image-box h3 {
    color: #fff;
    font-weight: 600;
    padding: 0 12px;
    line-height: 1.1em;
}

.featured-image-box p {
    padding:10px 12px 0 12px;
}

.featured-story-container a, .featured-story-container a:visited {
    color:#8b8b8b;
}

.featured-story-container a:hover, .featured-story-container a:active {
    color:#4d4d4d;
}

.main-story h3 {
    margin-top:0px;
    font-size:28px;
    margin-bottom: 2em;
    color: #4d4d4d;
    font-weight: 100;
}

.news-feed {
    background-image: url(../../images/slant_pattern.png);
    background-repeat: repeat;
}

.catLink a, .tagLink a {
    color:#0066cc;
}

.catLink a:hover, .tagLink a:hover {
    color:#04487f;
}

.catLink:after, .tagLink:after {
    content:' / ';
    color:#04487f;
    font-size:12px;
}

.catLink:last-of-type:after, .tagLink:last-of-type:after {
    content: '';
}

.umkc-btn-inline {
	 border-radius: .75rem;
	 background-color:#04487f;
	 color: #fff;
	 font-family: 'Roboto Condensed', sans-serif;
	 line-height: 1.2em;
	 padding: 20px 25px;
	 font-size: 14px;
	 font-weight: 400;
	 text-decoration: none;
	 letter-spacing:.035em;
	 cursor: pointer;
	 display: inline-block;
	 border: 1px solid #04487f;
}
.umkc-btn-inline:hover, .umkc-btn-inline a:hover {
	 background-color: #e5eef5;
	 border: 1px solid #e5eef5;
	 color: #04487f !important;
}

.umkc-btn-inline a {
    color: #fff;
    text-decoration: none;
}

.carousel-gallery {
    border-top:solid 8px #3f95db;
}

.carousel-gallery h2 {
    font-family:'Roboto slab', sans-serif;
    font-weight: 300;
    line-height: 1.4em;
    font-size:30px;
}

.captioned {
    min-height: 400px;
}

.gallerySlides {
    height:425px;
}

.slides {
    height:auto;
    background-size:cover;
    background-repeat:no-repeat;
}

.carousel-gallery .captioned h2 {
    font-size:26px;
}
.carousel-gallery p {
    font-family:'Roboto Condensed', san-serif;
    font-weight:400;
    letter-spacing: .035em;
}

.carousel-control-next, .carousel-control-prev {
    width: 10%;
}

.captioned.carousel-control-prev {
    left: -75px;
}

.captioned.carousel-control-next {
    right: -75px;
}

.captioned .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2304487f' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.captioned .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2304487f' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-indicators li {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: solid 1px #fff;
  background-color:transparent;
}


.social-share .social-icons {
	 margin: 1rem 0 0 0 ;
	 padding: 0;
}
.social-share .social-icons a {
	 text-decoration: none;
}

.social-share .social-icons .social-item {
	 padding: 0px;
}
.social-share .social-icons .social-item a {
	 height: 30px;
	 width: 30px;
	 background-size: cover;
	 background-repeat: no-repeat;
	 background-position: center bottom;
	 display: block;
}
.social-share a.facebook {
	 background-image: url(../../images/icons/facebook_icon_light_background_inactive.png);
}
.social-share a.twitter {
	 background-image: url(../../images/icons/twitter_icon_light_background_inactive.png);
}
.social-share a.instagram {
	 background-image: url(../../images/icons/instagram_icon_light_background_inactive.png);
}
.social-share a.youtube {
	 background-image: url(../../images/icons/youTube_icon_light_background_inactive.png);
}
.social-share a.linkedin {
    width:75px !important;
    height:28px !important;
	color: #fff;
    background: #04487f;
    padding: 5px 9px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 4px;
}
.social-share a.facebook:hover {
	 background-image: url(../../images/icons/facebook_icon_light_background_hover.png);
}
.social-share a.twitter:hover {
	 background-image: url(../../images/icons/twitter_icon_light_background_hover.png);
}
.social-share a.instagram:hover {
	 background-image: url(../../images/icons/instagram_icon_light_background_hover.png);
}
.social-share a.youtube:hover {
	 background-image: url(../../images/icons/youTube_icon_light_background_hover.png);
}

.list_navigation {
    margin-bottom:2em;
    text-align:center;
}

.list_navigation a {
    color:#fff !important;
    padding: 8px;
    margin: 0 5px;
    background-color: #04487f;
    font-weight: 600;
}

.list_navigation a.active_page {
    background-color: #0066cc;
}

.list_navigation a:hover {
    background-color:#0066cc;
}

.list_navigation .no_more, .list_navigation .no_more:hover {
    background-color:#ccc;
}

.picture-nav-container ul li {
    font-weight: 400;
    padding: 0.5rem;
}

/*Media Queries-----------*/
@media (max-width: 1200px) { 

    .carousel-gallery h2 {        
        font-size: 27px;
    } 

}

@media (max-width: 992px) { 

    .carousel-gallery h2 {        
        font-size: 19px;
    } 
    
    .carousel-gallery .captioned h2 {
        font-size:18px;
    } 
    
    .footnoteBlock {
        position:initial;
    }

}

@media (max-width: 767px) {
    h1.page-header {
        line-height: 1.2em;
    }
    
    .teaser {
        padding: 5px 0 0 3%;
    }
    
    .mainContent {
        margin-bottom:0px;
    }
    
    .mainContent p, figure {
        padding: 0 2%;
    }
    
    .mainContent h4, .text-factoid-container h4 {
        margin-left:2%;
    }
    
    .footnoteBlock {
        width: 80%;
        float: none;
        margin: 25px auto;
    }
    .footnoteBlock img {
        float: left;
        margin: 0 20px 10px 0;
    }
    
    .footnoteBlock.bottom {
        margin:0 0 35px 0;
    }
    
    .mainContent figure {        
        width: 100%;
    }

    .mainContent figure img {        
        width: 100%;
        height:auto;
    }
    
    .captioned {
        min-height:auto;
    }
    
    .slides {
        height:400px;
    }
    
    .gallerySlides {
        height:auto;
    }
    
    
    
}



