@charset "UTF-8";
/* CSS Document */

@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700");
@import url("https://fonts.googleapis.com/css?family=Oswald:400");
@import url("https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700");

body {
	font-family: Helvetica,sans-serif;
}

h1 {
	font-size: 2em;
	line-height: 2em;
	font-weight: 400;
	font-family: 'Open Sans Condensed',Helvetica,sans-serif;
}
h2 {
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: 400;
	font-family: 'Open Sans Condensed',Helvetica,sans-serif;
}
h3 {
	font-size: 1.2em;
	line-height: 2em;
	font-weight: 400;
	font-family:'Oswald',Helvetica,sans-serif;
}
h4 {
	font-size: 1em;
	line-height: 1em;
	text-transform: uppercase;
	font-family: 'Open Sans Condensed',Helvetica,sans-serif;
}
h5 {
}
h6 {
}
p { font-size: 80%; }

/*--------------------------------------------------------------
	Links
--------------------------------------------------------------*/
a, a:link {
	color: #0065a5;
}

a:hover,
a:focus,
a:active {
	color: #0e3e6e;
}

/*--------------------------------------------------------------
	Menus
--------------------------------------------------------------*/
body #site_navigation {
	font-family:'Oswald',Helvetica,sans-serif;
	text-transform: uppercase;
	font-size: .75em;
	letter-spacing: .05em;
}

#site_navigation > ul {
	background-color: #f5c007;
}

#site_navigation li a {
	color: #0065a5; /* Color of text */
}

#site_navigation > ul > li > a {
	line-height: 3.5em;
}
#site_navigation span:after { /* Arrow for next layer of menu */
	border-top-color: #e9aa02; /* Arrow color */
}

#site_navigation > ul > li:not( :last-child ) > a {
	border-right: 1px solid #e9aa02;
}

#site_navigation li a:active {
background-color: #f5c007 !important;
}

#site_navigation li ul {
	background-color: #f5c007; /* Second layer background color */
}

#site_navigation li ul a {
	border-top: 1px solid #e9aa02; /* Second layer divider color */
}

#site_navigation > ul > li:hover > a, 
#site_navigation > ul:not( :hover ) > li.active > a {
	background-color: #ffdd00;
}

#site_navigation li ul li a:hover,
#site_navigation li ul:not( :hover ) li.active a {
	background-color: #ffdd00; /* Second layer rollover color */
}

#site_navigation li ul a {
	line-height: 2.5em; /* 60 (24) */
}


@media only screen and ( max-width: 40em ) /* 640 */ {
	#site_navigation > a {
		background-color: #f5c007; /* Menu toggle button color */
	}
}

/*--------------------------------------------------------------
	Layout
--------------------------------------------------------------*/

body .light_background {
	background: #f5c007; /* UMKC Yellow */
}

body .light_hover {
	background: #f5c007; /* Yellow Orange */
}

body .light_border {
	border-color: #e9aa02; /* Darker Yellow Orange */
}

body .dark_background {
	background: #0065a5; /* UMKC Blue */
}

body .med_background {
	background: #0066cc; /* Gray */
}

.site-title a, .site-title a:hover, .site-title a:focus, .site-title a:active   {
	color: #fff;
	font-family: 'Oswald', serif;
}

a.action_button {
	background: #0065a5;
	font-family: 'Open Sans Condensed',Helvetica,sans-serif;
	text-transform: uppercase;
	font-size: .8em;
	letter-spacing: .05em;
}

a.big_button {
	background: #ffdd00; /* Yellow */
	font-family: 'Open Sans Condensed',Helvetica,sans-serif;
	text-transform: uppercase;
	font-size: .8em;
	letter-spacing: .05em;
	color: #0065a5;
}

a.big_button:hover {
	background: #f5c007; /* Yellow Orange */
}

.site-header .site-description {
	color: #fff;
	font-size: 1em;
	line-height: 1em;
	padding-bottom: 10px;
}

.secondary nav a {
	font-family: 'Open Sans Condensed',Helvetica,sans-serif;
	font-weight: 400 !important;
	background: #0065a5 !important;
}

.secondary nav a:hover {
	background: #0e3e6e !important;
	color: #fff;
	text-decoration: none;
}

@media only screen and ( max-width: 1000px ) {
	
	.site-header  .site-description {
	padding-left: .3em;
	}
	
}

/*--------------------------------------------------------------
	Hero image intro 
--------------------------------------------------------------*/
.hero_intro {
	background: url('https://info.umkc.edu/ucomm/wp-content/uploads/2015/04/big-hero.jpg') no-repeat center bottom; 
}

@media only screen and (max-width: 740px) {
.hero_intro .intro {
	background: #0065a5;
}
}

/*--------------------------------------------------------------
	Hero slider 
--------------------------------------------------------------*/
.hero_slider .sliderText a, .hero_slider .sliderText a:link {
	display: inline-block;
	background: #0065a5;
	padding: .2em .4em;
	color: #fff;
	font-family: 'Open Sans Condensed',Helvetica,sans-serif;
	text-transform: uppercase;
	letter-spacing: .05em;
}

.hero_slider h2 {
	font-family: 'Oswald', serif;
	font-weight: 400;
}

.hero_slider .bx-wrapper .bx-pager {
	right:1em;
	bottom: 2em;
	width: 10%;
}

.hero_slider .bx-wrapper .bx-pager.bx-default-pager a {
	background: #e9aa02;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
}

.hero_slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.hero_slider .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #0065a5;
}

.hero_slider .bx-wrapper .bx-pager.bx-default-pager a {
	background: #0065a5;
}

/*--------------------------------------------------------------
	News and Event feeds
--------------------------------------------------------------*/
.news_events h1 a {
	color: #000;
}

.news_events p {
	margin-bottom: 1em;
}

.news_events .duration {
	font-family: 'Oswald', serif;
	color: #0065a5;
	font-size: 1.5em;
	line-height: 1.5em;
	padding-left: 0;
}

.news_events p.tribe-events-widget-link {
	clear: both;
	display: block;
	background: #0065a5;
	color: #fff;
	padding: .2em .4em;
	margin-top: 1em;
	float: left;
	font-family: 'Open Sans Condensed',Helvetica,sans-serif;
	text-transform: uppercase;
	font-size: .8em;
	letter-spacing: .05em;
}

.news_events .singular.page li.type-tribe_events, .tribe-events-adv-list-widget li, .tribe-events-list-widget li {
	float: left;
	border: 2px #e9aa02 solid;
	min-height: 6em;
	width: 30%;
	margin-right: 3%;
	padding: .5em;
}

.news_events h4.entry-title a {
	color: #e9aa02;
}

.news_events p.tribe-events-widget-link a {
	color: #fff;
}

.news_events .summary {
	clear: none;
	float: none;
}

/*--------------------------------------------------------------
	Social media
--------------------------------------------------------------*/

.social_group a {
	display: inherit;
	float: left;
}

.twitter { 	background: url(../images/twitter.png) no-repeat; }
.facebook {	background: url(images/facebook.png) no-repeat;	}
.instagram {	background: url(images/instagram.png) no-repeat; }
.tumblr {	background: url(images/tumblr.png) no-repeat; }
.youtube {	background: url(images/youtube.png) no-repeat; }


/*--------------------------------------------------------------
	Content row
--------------------------------------------------------------*/
.content_row {
	background: url('https://info.umkc.edu/ucomm/wp-content/uploads/2015/04/content-row.jpg') #0e3e6e no-repeat center top; 
}

.content_row h1 {
	color: #f5c007;
}

.content_row p {
	color: #fff;
	line-height: 1.5em;
	font-family: 'Open Sans',Helvetica,sans-serif;
}

@media only screen and ( max-width: 40em ) /* 640 */ {
	.content_row p {
	font-size: 1em;
	line-height: 1.5em;
	}
}

/*--------------------------------------------------------------
	Footer row
--------------------------------------------------------------*/

.footer_row a.big_button {
	background: #0065a5;
	color: #fff;
}

/*--------------------------------------------------------------
	Secondary hero
--------------------------------------------------------------*/
.secondary_hero {
	background: url('https://info.umkc.edu/ucomm/wp-content/uploads/2015/04/big-hero.jpg') no-repeat center bottom; 
}