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


/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/

.site-title {
    font-family: Oswald;
    font-size: 2.1em;
    line-height: 1.2em;
	margin: .2em 0 -.2em 0;
	padding: 0;
	
	
}

@media only screen and ( max-width: 980px ) {
.site-title {
	margin-left: -.3em;
	
}
}

.cas a {
	font-family: Oswald;
    font-size: 0.9em;
	color: #fff;
	font-weight:300;
	
}




/*--------------------------------------------------------------
Hero Section
--------------------------------------------------------------*/

.casblue_background {
	border-bottom: medium solid #ebc12d;
	background: #0099cc; 
	background-image: url(http://casdev.umkc.edu/wp-content/uploads/2017/04/texture.png);
	background-repeat: no-repeat;
	background-position: right;
}
@media only screen and ( max-width: 770px ) {
	.casblue_background {
	background-image: none;
	}
	}

.gray_background {
	background: #464f54; 
	
}

.hero_intro {
	background-color: #C4C8C1;
	padding: .5em;


}

.hero_image {
    overflow: hidden;
	
}

.hero_sidebar {
	display: block;
	background: #454E53;
	padding: 2em 1.1em;
	height: 22em;

}

@media only screen and ( max-width: 800px ) {
	.hero_sidebar {
	padding: 1em 1.1em;
	height: auto;
	
	}
}

.hero_sidebar h3 {
	color: #fff;
	font-weight: 300;
	font-size: 1.8em;
	line-height: 1.5em;
	margin-bottom: 25%;
	
}

@media only screen and ( max-width: 800px ) {
.hero_sidebar h3 {
      margin-bottom: 1em;
	  
}
}

@media only screen and ( max-width: 414px ) {
	.hero_sidebar h3 {
	font-size: 1.45em;
    line-height: 1.2em;
    margin-bottom: 0.2em;
		
	}
}


/*--------------------------------------------------------------
Program Overview Section
--------------------------------------------------------------*/

.program-overview {
	padding: 0 .5em;
	

}


.program-overview h3 {
	font-size: 1.2em;
	color: #3b3a3c;
	line-height: 1.4em;
	font-weight: 300;
	font-family: Lato,Helvetica,sans-serif;

}

@media only screen and ( max-width: 800px ) {
	.program-overview h5 {
		padding: 0 .5em;
		
	}
}
		

/*--------------------------------------------------------------
Top Boxes Section
--------------------------------------------------------------*/

@media only screen and (max-width: 800px) {
	.top-boxes {	
	margin: 5em .5em 0 .5em;
	
	}
}


.npsciences_leftbox {
	display: block;
	background: #fff;
	padding: 1.5em;
	height: 18em;
	border: #174A7C solid;
	border-width: 3em .5em .5em .5em;
	float: left;

	

}
@media only screen and (max-width: 414px) {
	.npsciences_leftbox {
	height: auto;
	
	}
}
	

.npsciences_rightbox {
	display: block;
	background: #fff;
	padding: 1.5em;
	height: 18em;
	border: #174A7C solid;
	border-width: 3em .5em .5em .5em;
	float: right;
	
}

@media only screen and (max-width: 414px) {
.npsciences_rightbox {
	height: auto;
	
}
}
	
.top-boxes h2 {
	font-size: 1.6em;
	color: #fff;
	line-height: 1.5em;
	font-weight: 300;
	margin: -2.6em 0 .5em 0;
	
}

.top-boxes h3 {
	font-size: 1.2em;
	color: #3b3a3c;
	line-height: 1.3em;
	font-weight: 300;
	font-family: Lato,Helvetica,sans-serif;

}

.top-boxes ul {
	list-style-image: url(http://casdev.umkc.edu/wp-content/uploads/2017/04/Natural-Physical-Sciences-Bullet-15px.png);
	
}


/*--------------------------------------------------------------
Feature Box
--------------------------------------------------------------*/

.npscience_feature { 
	margin: 0 auto;
	position: relative;
	background-color: #454E53;
	
	
}

.npscience_feature img {
	float: right;
}

.npscience_feature img:hover {
	opacity: .8;
}

.npscience_feature h2 {
	font-size: 1.8em;
	color: #fff;
	line-height: 1em;
	font-weight: 400;
	margin: .3em 0 .2em 0;
	font-family: Lato;
	
}

@media only screen and ( max-width: 414px ) {
	.npscience_feature h2 {
		margin: .5em .6em;
		
	}
	
}

@media only screen and ( max-width: 414px ) {
	.npscience_feature h3 {
		margin: 0 0em .2em .8em;
		
	}
	
}

.npscience_feature h3 {
	font-size: 1.3em;
	color: #fff;
	line-height: 1.35em;
	font-weight: 300;
	padding: 0 2em 1em 0;
	
}

@media only screen and ( max-width: 800px ) {
	.npscience_feature {
		margin: 0 .5em;
		
	}
}

/*--------------------------------------------------------------
Marketing Boxes
--------------------------------------------------------------*/

.marketing-boxes {
	display: block;
	background: #fff;
	padding: 1.5em;
	height: 14em;
	border: #174A7C solid;
	border-width: .5em .5em 0em .5em;
	margin: 0 ;	

}

.marketing-boxes:hover {
	background: #bad3ec;
	color: #fff;

}



.marketing-marks {
	margin: 7.5em 2.5em 0;
	background: #174A7C;
	height: 2.5em;
	margin: 0 ;	
	
	
}

@media only screen and (max-width: 768px) {
	.marketing-marks {
		margin: 0 .2em;	
		
	}
}

.marketing-marks img {
	padding: .5em 3.4em ;
	
	
}
@media only screen and (max-width: 768px) {
.marketing-marks img {
	padding: 0.5em 2.5em;
	
}
}

@media only screen and (max-width: 768px) {
	.marketing-boxes {
		height: 12em;
		margin: 0 .2em;
	
}
}

@media only screen and (max-width: 414px) {
	.marketing-boxes {
		height: auto;
		
	
}
}

.marketing-boxes h2 {
	font-size: 1.6em;
	color: #3b3a3c;
	line-height: 1.2em;
	font-weight: 400;
	padding:  .1em .25em;
	
}

.marketing-boxes a:link, a:visited, a:active, a:hover{
	text-decoration: none !important;
	
}


@media only screen and (max-width: 800px) {
	.marketing-boxes a {
	font-size: 1.2em;
	
	
	}
}




/*--------------------------------------------------------------
Icon Row
--------------------------------------------------------------*/

.icons img {
	display: block;
    margin: auto;
	
}

.icons a:hover{
	opacity: .8;
	
}


.icons p {
	font-size: 1.2em;
    font-weight: 600;
    padding: 0.5em;
    text-align: center;
	
}

/*--------------------------------------------------------------
Depart News Events
--------------------------------------------------------------*/

@media only screen and (max-width: 800px) {
.depart-news-events {
	margin: 1em !important;
	
}
}

.depart-news-events h2{
	color: #174A7C;
	text-decoration:none;

	
}

.depart-news-events a:link {
    text-decoration: none;
	
}

.depart-news-events a:hover {
	opacity: .5;
	
	
}


.depart-news-events ul {
	list-style-type: none;
	
}

.depart-news-events li {	
	font-size: 1.1em;
	line-height: 1.3em;

}
	
.depart-news-events ul a {	
	margin: 0 0 0 -1.7em;

}
	
.depart-news-events p a {
	font-size: 1.1em;
	
}

	
	


/*--------------------------------------------------------------
Navigation
--------------------------------------------------------------*/

#site_navigation > ul {
    background-color: #464f54;
	
}

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

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

#site_navigation .menu-item-has-children a:after { /* Arrow for next layer of menu */
	border-top-color: #fff; /* Arrow color */
	
}

#site_navigation > ul {
	background-color: #464f54; /* Where is this going? */
}

#site_navigation > ul > li:not( :last-child ) > a {
	border-right: 1px solid #fff; /* Divider color */
}
#site_navigation > ul > li:hover > a,
#site_navigation > ul:not( :hover ) > li.active > a {
	background-color: #999999; /* Rollover color */
}

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

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

/*--------------------------------------------------------------
Elements
--------------------------------------------------------------*/

a.footer_button {
	display: block;
	background: #174a7c;
	padding: .6em;
	margin: .6em 0 .6em 0;
	color: #fff;
	font-family: Lato;
	font-size: 14px;
	text-align: center;
}

a.footer_button:hover {
	background: #00bbea;
	color: #fff;
	text-decoration: none;
}

a.bottom_button {
	display: block;
	background: #174a7c;
	padding: 1.5em;
	margin: .6em 0 .6em 0;
	color: #fff;
	font-family: Lato;
	font-size: 18px;
	text-align: center;
}

a.bottom_button:hover {
	background: #454E53;
	color: #fff;
	text-decoration: none;
}

a.npsciences_button {
	display: block;
	background: #64a539;
	padding: .6em;
	margin: 0 0 .5em 0;
	color: #fff;
	font-family: Lato;
	font-size: 18px;
	text-align: center;
	font-weight: 600;
	width: 50%;
	font-family: Lato,Helvetica,sans-serif;
	

}

@media only screen and (max-width: 414px) {
	a.npsciences_button {
		width: 90%;
		margin: 0 .7em;
	}
	
}

a.npsciences_button:hover {
	background: #999999;
	color: #fff;
	text-decoration: none;
}

a.npsciences_top_button {
	display: block;
	background: #64a539;
	padding: .6em;
	margin: 0 0 .5em 0;
	color: #fff;
	font-family: Lato;
	font-size: 24px;
	text-align: left;
	font-weight: 600;
	width: 100%;
	font-family: Lato,Helvetica,sans-serif;
	
}
@media only screen and (max-width: 800px) {
a.npsciences_top_button {
    font-size: 21px;
    padding: 0.6em;
    text-align: left;
}
}
   
	
a.npsciences_top_button:hover {
	background: #999999;
	color: #fff;
	text-decoration: none;
}

	
.thin-container { /* narrow container */
	max-width: 800px;
	margin: 0 auto;
	position: relative;
	margin-bottom: -1.5em;
	
}
	
.casfooter_background {
	background: #0099cc; 
	
}