/*
Theme Name: Kalamazoo 2017
Theme URI: http://www.kzoo.edu/
Author: Carolyn Zinn
Author URI: http://reason.kzoo.edu/is/web/
Description: Child theme for Twentyeleven - Kalamazoo College 2012 theme for WordPress 
Template: twentyeleven
Version: 1.0
License: GNU General Public License
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
@import url("../twentyeleven/style.css");
/*@import url("./assets/css/bootstrap.min.css");*/
@import url("../ninezeroseven-child/assets/css/searchbar.css");

/* =Global
----------------------------------------------- */

body, input, textarea, select, option {
	color: #222222;
	font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', arial, helvetica, sans-serif; font-weight: 400;
	font-size: 16px;
    font-weight: 400;
	text-rendering:optimizelegibility;
}
                
body {
	line-height: 1;
	background-color: #FFFFFF; 
	padding:0;
}
tr, th, td {vertical-align:top;}
li {padding-bottom:.5em;}
td.numeric, th.numeric {text-align:right}
/* www.aestheticallyloyal.com/public/optimize-legibility/ */
h1,h2,h3,h4,h5,h6 { text-rendering: optimizeLegibility; }

h1,h2,h3,h4,h5,h6 {font-family: 'Gotham SSm A', 'Gotham SSm B', arial, helvetica, sans-serif;  font-style: normal;padding-bottom:1em}
h1 {font-weight: 800 !important;}
h2,h3,h4,h5,h6 { font-weight: 700}

/* maxvoltar.com/archive/-webkit-font-smoothing */
html { -webkit-font-smoothing: antialiased; }


a {color: #006983 ;/*color: #ea6820*/ 
	text-decoration: underline;}
a:hover, a:active { outline: none; }
a#skipnav {position: absolute; left:-10000px; width:1px; height:1px; overflow:hidden}
a#skipnav:focus { position: static; left: 0; width: auto; height: auto; overflow: visible; text-decoration: underline; }

p {margin: 0 0 1.5em;}
 .entry-content, .entry-summary {line-height:1.5em; padding: .625em 0 0}
.home .entry-summary {min-height: 70px}
.top {z-index:9999}
.hide {color:transparent;font-size:1px; width:0px; height:0px; overflow:hidden}
:focus {border:3px solid #ea6820} /*default focus for controls not handled below*/
a:focus {border:1px solid #999}
a:focus .hide {color:#222;font-size:9px}
a {text-decoration-skip:ink}
/* =Structure
----------------------------------------------- */
*, :after, :before {box-sizing: border-box}
body {height: 100%; min-height: 100%;width: 100%; margin:0}
header {width: 100%; max-width:2000px}

.wbc-boxed-wrapper, .wbc-boxed-wrapper .header-bar, .wbc-boxed-wrapper .container, .wbc-boxed-wrapper .bottom-fixed-menu, .wbc-boxed-wrapper .is-sticky {
    max-width: 2000px;
}
.main-content-area {padding-bottom:3em}
.container {
	width:100%;
	max-width: 1170px;
	margin:auto;
	padding-left: 15px;
	padding-right: 15px;
}
.container:before, .clearfix:before {content:""; display:table}
.container:after, .clearfix:after {clear:both; content:""; display:table}
.row {
    margin-left: -15px;
    margin-right: -15px;
}
.row::before {
    content: " ";
    display: table;
}
/*.col-sm-3 {
    width: 25%; float:left;
}*/

.category_posts article{min-height:160px }
.category_posts.blog3 article.hentry{min-height:230px; margin: 0 0 1em; padding: 0 0 1em; }


.shaded {background-color:#f5f5f5}
.padded {margin:10px; padding:1em}


/*Global Top Bar
----------------------------------------------------*/
.menu-bar-wrapper.is-sticky, .menu-bar-wrapper{
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.19);
    position: relative;
    width: 100%;
	min-height: 83px;
}

.header-bar {
    z-index: 2000;
    width: 100%;
}
.top-fixed-menu {
    position: absolute;
    top: 0;
}
.top-extra-bar {
    color: #000000;
    border-color: #f6f6f6;
    background-color: #f6f6f6;
	min-height:35px;
}
.top-extra-bar .right-top-bar {
    float: right;
    display: inline-block;
}
.header-bar .social-links {
    font-size: 15px;
    display: inline-block;
    float: left;
}
.header-bar .social-links a {
    padding: 0 5px;
    line-height: 35px;
}
.social-links > ul {
    list-style: none;
    padding: 0;
    height: 100%;
    margin-bottom: 0;
}
.social-links >ul li {
    float: left;
}
.top-extra-bar a, .header-bar .social-links a {
    color: #000000;
}
.top-extra-bar a:hover, .header-bar .social-links a:hover {
    color: #EA6820;
}


.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#emergencyalert {
    background-color: #c00;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
}
#emergencyalert a {color: #FFF; text-decoration: underline}
/*.has_alert #undefined-sticky-wrapper {height:200px !important}
.has_alert #menu-bar-wrapper {height:200px !important}*/
.page-wrapper {
    padding: 123px 0 0;
}
.page-wrapper.has_alert  {
    padding: 180px 0 0;
}
.sticky-wrapper {max-width: 100% !important}
.header-inner {
    min-height: 83px;
    position: relative;
}
.site-logo-title.has-logo {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: visible !important;

}
 
.site-logo-title img {
    max-width: none;
    display: block;
    width: auto;
    max-height: 100%;
    z-index: 0;
    left: 0;
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.site-logo-title a:focus img  {
    border:1px solid #767676
}


.primary-menu {
    display: inline-block;
    float: right;
    height: 100%;
    z-index:9999;
	max-width: 960px;
}
.primary-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.primary-menu .wbc_menu > li {
    float: left;
	line-height: 83px;
	position: relative;
}

.menu-icon {
    position: absolute;
    top: 50%;
    margin-top: -21px;
    padding: 5px;
    right: 15px;
    display: none;
    color: #999999;
    font-size: 22px;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#main-menu > li > a {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	display: block;
	height: 100%;
	color: #767676;
	font-weight: normal;
	text-decoration: none;
}
#main-menu > li > a:hover{
	color: #000;
	text-decoration: underline;
}
#main-menu > li > a:focus {
	color:#000; 
	text-decoration: underline; 
}
#main-menu > li > a {font-size: 14px;padding-left: 11px;padding-right: 11px;}
#main-menu.compress > li > a {font-size:80%;padding-left:5px;padding-right:4px;}
#main-menu > li#menu-item-1018 a{color:#000; font-weight:bold;padding-right:0}
#main-menu > li#menu-item-24 a{color:#000; font-weight:bold;}
#main-menu.compress >li#menu-item-1018 a{color:#767676;}
#main-menu.compress >li#menu-item-24 a{color:#767676;}
#main-menu > li#top-menu-item-1018 a{color:#000; font-weight:bold;padding-right:0}
#main-menu > li#top-menu-item-24 a{color:#000; font-weight:bold;}
#main-menu.compress >li#top-menu-item-1018 a{color:#767676;}
#main-menu.compress >li#top-menu-item-24 a{color:#767676;}
@media (max-width: 767px) {
		#main-menu > li#top-menu-item-1018 a, #main-menu > li#top-menu-item-24 a{color:#999;}
}
#main-menu > li.current > a {text-decoration: underline; text-decoration-color: #767676 ; text-decoration-skip:1}

#hovermenu{display:none; position:absolute; top:119px; background-color:#f6f6f6; width:100%; height:auto;z-index:3000}
#hovermenu ul {-webkit-padding-start:0; margin-left:0}
#hovermenu li {list-style:none}
#hovermenu li.indent {margin-left:1em}
#hovermenu,#hovermenu  a {color:#666; text-decoration:none; font-size:12px;}

#hovermenu  a:hover {color:#000; text-decoration: underline}


#kzoowordmark {width:350px;height:22px}
#kzoowordmark.shrink {width:240px;}
#kzoowordmark {-webkit-transition: width 0.5s;	-moz-transition: width 0.5s;transition: width 0.5s;}
 
@media (max-width:1300px) {
 #kzoowordmark {width:330px;height:21px}	
   #kzoowordmark.shrink {width:280px;}	 
}
@media (max-width:1140px) {
   #kzoowordmark {width:300px;height:19px}	
   #kzoowordmark.shrink {width:170px;}	
	#main-menu > li > a {font-size:13px;padding-left:10px; padding-right:9px}
 	#main-menu.compress > li > a {font-size:11px;padding-left:4px;padding-right:4px;}
}  
@media (max-width:1024px) {
	#emergencyalert {overflow:scroll; font-size:20px; line-height: normal; padding-top: 5px }
   #kzoowordmark{width:300px;height:19px}	
   #kzoowordmark.shrink {width:170px;}	   
    #main-menu > li > a {font-size:13px;padding-left:6px; padding-right:6px}
 	#main-menu.compress > li > a {font-size:11px;padding-left:4px;padding-right:4px;}
	
}
@media (max-width:970px) {
   #kzoowordmark{width:250px;height:16px}	
   #kzoowordmark.shrink {width:160px;}	   
    #main-menu > li > a {font-size:12px; padding-left:6px; padding-right:6px}
	#main-menu.compress > li > a {font-size:11px;padding-left:4px;padding-right:3px;}
	

}
@media (max-width:870px) {
   #kzoowordmark{width:200px;}	
   #kzoowordmark.shrink {width:120px;}	   
    #main-menu > li > a {font-size:11px; padding-left:5px; padding-right:5px}
	#main-menu.compress > li > a {font-size:10px;padding-left:4px;padding-right:3px;}

}
@media (max-width:767px) { /*subnav switches to hamburger here*/
   #kzoowordmark  {width:480px;height: 30px}	
    div#sb-search {display:none;}
	#main-menu > li > a {font-size:18px; padding-left:25px;}
	.kzookplan {text-align:center} 
    .kzoostats {padding-bottom:8em;}
    .kzoostatrow .default-heading {max-width:200px; margin:auto;}
  
    .top-extra-bar {display: block !important;}
    div#kzoosocial {width:100%;}
	#emergencyalert {font-size:14px; }
	.has-top-bar .page-wrapper.has_alert {padding: 180px 0 0;}
	.primary-menu {padding:5px 0 20px; height: auto; position:absolute; top:100%; left:0;width:100%; background-color:#292929; color: #999999; display:none}
	.primary-menu ul li {float:none; width:100%}
	.primary-menu .wbc_menu a {line-height: 1.4em;font-size: 15px; color: #999999; text-decoration: none; padding: 10px 14px;}
	.menu-icon {display: block;}
	a.menu-icon:hover {color:#ea6820;}
	.container {width:100%; }
}
@media (max-width:700px) { 
   
   #kzoowordmark{width:500px;height:31px;}	
   .site-logo-title img#tagline {width:333px;}	
}
@media (max-width:640px) { 
   #kzoowordmark  {width:450px;height:28px;}	
	.site-logo-title img#tagline {width:316px;}	
}
@media (max-width:600px) { 
   #kzoowordmark  {width:420px;height:26px;}
   .site-logo-title img#tagline {width:299px;}	
}
@media (max-width:575px) { 
   #kzoowordmark  {width:350px;height:22px}	
	.site-logo-title img#tagline {width:259px;}	
}
@media (max-width:500px) { 
   #kzoowordmark  {width:288px;height: 18px}	
	.site-logo-title img#tagline {width:200px;}	
}

@media (max-width:450px) {
#kzoowordmark  {width:350px; height:22px}
footer .widget {font-size:16px;}
footer .widget a{line-height:2}
}
@media (max-width:400px) {
	#kzoowordmark {width:330px; height:21px} 
	.header-inner {min-height:60px }
}
@media (max-width:390px) {
    #kzoowordmark  {width:310px; height:19px}

}
@media (max-width:365px) {
    #kzoowordmark{width:280px; height:17px}
	#emergencyalert {font-size:13px;}
}

@media (max-width:320px) {
    #kzoowordmark {width:260px; height:16px}

  
}
 
/*** 2017 Secondary Nav 
/*----------------------------------------------------*/

.topnavhovermenu {width:100%; height:auto; display: none; visibility: hidden; z-index:9999; background-color: rgba(245,245,245,0.44) }/* TODO */

DIV#leftnav  {
	width: 250px;
	height: auto;
	float:left;    /* clear: both;*/
	padding-left:0px;
 	background-color: transparent;
	
	z-index:9999;
	}
	

DIV#leftnav li, DIV#leftnav div {
	list-style:none;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	/*width:180px;*/
	}
DIV#leftnav div.menu-primary-navigation-container, 
DIV#leftnav div.menu-left-navigation-container, 
DIV#leftnav div.menu-left-nav-container {padding-top:30px;}	

DIV#leftnav ul {margin-left:0;}
	DIV#leftnav ul li { max-width:230px}
DIV#leftnav  a{
				color:#222; 
				font-weight: 400;
				font-size: 14px;
				text-decoration: none;
				line-height: 140%;
			}
DIV#leftnav  a:hover {color:#000; text-decoration: underline }
DIV#leftnav  a:focus {color:#000;text-decoration: underline }
DIV#leftnav  li.current-menu-item a {
	color:#000; font-weight:bold; 
}	
DIV#leftnav  li.current-menu-item ul.sub-menu li a {
	color:#222; font-weight:normal;
}	
DIV#leftnav  ul.sub-menu li.current-menu-item a {
	color:#000; 
}
DIV#leftnav  ul.children, DIV#leftnav ul.sub-menu {width:160px; margin-left:1em; margin-top:8px; display:none;}
DIV#leftnav  ul.children a, DIV#leftnav ul.sub-menu a{ font-size:90%}
DIV#leftnav  ul.children a:before, DIV#leftnav ul.sub-menu a:before{ content:none}	
DIV#leftnav  ul.children a:after, DIV#leftnav ul.sub-menu a:after{ content:none}	
DIV#leftnav  li.current-menu-item ul.sub-menu {display:block;}
DIV#leftnav  li.current-menu-item ul.sub-menu li ul.sub-menu {display:none;}
DIV#leftnav  li.current-menu-parent ul.sub-menu {display:block;}
DIV#leftnav  li.current-menu-parent ul.sub-menu li ul.sub-menu {display:none;}
DIV#leftnav  li.current-menu-parent ul.sub-menu li.current-menu-item ul.sub-menu {display:block; margin-left:1.5em; font-size:90%; line-height:90%}
DIV#leftnav  li.current-menu-parent ul.sub-menu li.current-menu-item ul.sub-menu li{ }
DIV#leftnav  li ul.sub-menu li ul.sub-menu a{font-size:90%; line-height:90%}
DIV#leftnav  li.current-menu-ancestor ul.sub-menu  {display:block;}
DIV#leftnav  li.current-menu-ancestor ul.sub-menu li { }
DIV#leftnav  li.current-menu-ancestor ul.sub-menu li.current-menu-parent ul.sub-menu {display:block;}

DIV#minisiteNavigation ul.navList ul.navList a{ font-size:90%}

div#leftnav ul li ul li ul li {width: 100px}

.breadcrumbs {
	color:#767676;
	font-size:70%;
	margin-top:1em;	
	padding-bottom: 1em;
	text-transform:uppercase;
	}
.breadcrumbs a { color: #006983; text-decoration:underline}
div#mobilenav {display:none}
div#mobilenav select {position: relative;  border:none; background-color:#eee;}
div#mobilenav select option {position: relative; max-width: 100%; padding: 1em; font-size:80%}

@media (max-width:767px) { /*subnav switches to hamburger here*/
	#leftnav {display:none}
	div#mobilenav {display:block;z-index:999; } 
	div#mobilenav select {width:100%; z-index:999;}
	
}
/********************************************************************/
/*** content structure **/
.singular article.hentry, .singular.page .hentry, .singular .hentry {}
.singular .hentry, .singular.page .hentry { padding: 1em 0 0;}
.singular .entry-header {width:100%;}
.singular .entry-content {width:100%;}
 
.category article.hentry {}
.entry-meta {clear:none}
/********************************************************************/

/* = 2017 Content and sidebar structure
----------------------------------------------- */
 #content, .singular #content, .left-sidebar.singular #content  { 
	background-color: transparent;
	margin-left:250px;
	padding: 0;
    top: 0;
	min-height:370px;
	width:100%;
	 max-width:920px;
	margin-right:0;
	 position: static;
	 overflow: visible;
} 
@media (min-width:768px) and (max-width:1230px){
	#content, .singular #content  { max-width:calc(100% - 250px);}
}
.entry-content {overflow: auto}
article {position: relative} 
/*#content * {position:relative}*/
#content.nonav {width:100%px; margin-left:0px;}
#content.withsidebar #center{
	float:left;
	max-width: 700px;
	}
#content.withsidebar #center.list-posts {
	max-width: 650px;
}
 
.list-posts .entry-summary {
    padding: 0.625em 0 0;
}
#sidebar {
    float: right;
    width: 220px;
	margin-top:30px;
	padding:20px;
	 -webkit-box-shadow: 0px 2px  5px  #777;
		-moz-box-shadow: 0px 2px  5px #777;
			 box-shadow: 0px 2px  5px #777; 
}
 
.sidebar {
	background-color: #fafafa;color:#222222;
	-webkit-box-shadow: 0px 2px  5px  #7777;
		-moz-box-shadow: 0px 2px  5px #777;
			 box-shadow: 0px 2px  5px #777; 
}
.sidebar ul{margin: 0 0 1.5em 2em;}

@media (max-width:970px) {
	#content, .singular #content, .left-sidebar.singular #content  {
		width:calc(100% - 290px);
	}
}
@media (max-width:767px) { /*subnav switches to hamburger here*/
	#content, .singular #content, .left-sidebar.singular #content  { 
		margin-left:0;
		width: 100%;
	}
	/*.page-wrapper {padding: 83px 0 0}*/
}

ul.display-posts-listing {list-style-type: none;margin:0 0 0 0 }
.display-posts-listing .listing-item {padding-bottom:1em}
.display-posts-listing .title {font-size:20px; color:#ea6820; font-weight:700;display:block; /*clear:both*/}
.display-posts-listing .excerpt-dash {display:none}
.ktalks img {width:80px !important; height:80px !important; margin-right:10px !important}
.ktalks .listing-item {min-height:100px}
/* Network Posts plugin overrides*/
.netsposts-posttitle {font-family: 'Gotham SSm A', 'Gotham SSm B', arial, helvetica, sans-serif !important;  font-style: normal; font-size:13px !important; font-weight:700 !important; color:#222222;text-rendering:optimizelegibility;margin-bottom:1px !important}
.netsposts-source {margin-bottom:1px !important;border-top:none !important; border-bottom:none !important}
.netsposts-excerpt {font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', arial, helvetica, sans-serif !important; font-weight: 400;font-size: 12px;text-rendering:optimizelegibility; line-height:150% !important; text-align:left !important}
.netsposts-content a:focus {border:0}
.netsposts-content img.alignleft {margin: 0 10px 0 0  }




/*  2017 Footer 
----------------------------------------------------------*/
.main-footer {
    background-color: #2b2b2b;
    color: #999;
    font-size: 12px;
	line-height: 1.53486;
}
.main-footer .widgets-area {
    padding: 56px 0 28px 0;
    min-height: 300px;
}
.main-footer .widget {
    margin-bottom: 35px;
    font-size: 12px;
}
.main-footer .widgets-area .widget-title {
    font-size: 15px;
    color: #ccc;
}
div#kzoosocial {
    width: 35px;
}
.main-footer .widget a {
    color: #ee864d; /*80%*/
	text-decoration: none;
	font-weight: 300
}
.main-footer .widget a:active,.main-footer .widget a:focus,.main-footer .widget a:hover {
    text-decoration: underline;
}
.main-footer .widget_text a .wbc-icon-wrapper {
    margin: 0 5px 5px 0;
	display: inline-block;
	border: 1px solid transparent;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.main-footer .widget_text a .wbc-icon-wrapper .wbc-icon {
    
	display: block;
	text-align: center;
	position: relative;
	font-size: 16px;
	z-index: 2;
}
.wbc-icon-wrapper.icon-background .wbc-icon {
    color: #fff;
	background-color:#ea6820;
	width: 2em;
	height: 2em;
	line-height: 2em;
}
.wbc-icon i, .wbc-icon icon, .wbc-icon span.wbc-font-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    line-height: 1 !important;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.singular #comments-title, .singular .entry-content, .singular .entry-header, .singular footer.entry-meta {
    margin: 0 auto;
    width: 100%;
}
a.comment-reply-link {color:#444}
a.comment-reply-link:hover, a.comment-reply-link:focus {background-color:#222}
.bottom-band {
    background-color: #242424;
    color: #999;
    border-top: 1px solid #222;
    padding: 17px 0;
    font-size: 11px;
}
.bottom-band a {
    color: #888;
}
@media (max-width:990px){
	footer div.widget_text {margin-left:25%}
}


/* Legacy

----------------------------------------------------*/
DIV#stage{
	display: inline-block;
	text-align:center;  
	width:100%;
}

#page {
			position:relative;
			background-color: transparent;
		 	margin-left:0;
			margin-right:0;
			margin-top:0;
			margin-bottom:0;
			padding:0;
			min-height:570px;
			height:auto;
			top:0;
			left:0;
			z-index:20;
			}



	div#rss {padding-top: 15px; padding-bottom:15px; text-align:center}
	div#rss a{color:#ea6820; 
		font-size: 14.5pt;
		font-weight: bold;
		letter-spacing: 0.1em;
		text-transform: uppercase;
	 
		}
	.widget {
		clear: both;
		margin: 0 0 1em;
}
h2.widget-title {padding:0; }
.widget a {color:#333; font-weight:400;}
.widget h2 a {color:inherit}

#sidebar .widget-title, .sidebar .widget-title {
	font-size: 19px;text-align:center; 
	font-weight:bold;
	line-height: 1.2em;
	margin-bottom: 1em;
	/*color: #666;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .1em;
    line-height: 1.5em;
	text-transform: uppercase;*/ }

/*------------------------------------------------------*/
/* Links */
.entry-content a, .entry-summary a,.entry-meta a, #nav-below a, #nav-single a {
	color: #006983 ;
	text-decoration: underline;
	z-index:99;
}
 article.hentry a {text-decoration:underline}

.error404 #suggestedlinks a {color:#ea6820 !important}

/* Forms */

a.button, article.hentry a.button, 
input[type=button],input[type=submit]
{
    border-right-color: black;
    border-right-style: solid;
    border-right-width: 1px;
    border-left-color: black;
    border-left-style: solid;
    border-left-width: 1px;
    border-bottom-color: black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-color: black;
    border-top-style: solid;
    border-top-width: 1px;
    text-align: center;
    font-weight: bold;
    text-decoration:none;
    color: #000000;
    border-radius: 4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
	padding: 3px 5px;
 
 background: #fed5b2; /* Old browsers */
background: -moz-linear-gradient(top, #fed5b2 0%, #f18c33 50%, #ea6820 51%, #fba85f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fed5b2), color-stop(50%,#f18c33), color-stop(51%,#ea6820), color-stop(100%,#fba85f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fed5b2 0%,#f18c33 50%,#ea6820 51%,#fba85f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fed5b2 0%,#f18c33 50%,#ea6820 51%,#fba85f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fed5b2 0%,#f18c33 50%,#ea6820 51%,#fba85f 100%); /* IE10+ */
background: linear-gradient(to bottom, #fed5b2 0%,#f18c33 50%,#ea6820 51%,#fba85f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed5b2', endColorstr='#fba85f',GradientType=0 ); /* IE6-9 */
}
a.button:hover, article.hentry a.button:hover,
input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover,
a.button:focus, article.hentry a.button:focus,
input[type=button]:focus,input[type=submit]:focus,input[type=reset]:focus
{
  color: black;   
  text-decoration:none;
  background: #f8e1ac; /* old browsers */
   background: -moz-linear-gradient(top, #f8e1ac 0%, #f5d487 50%, #efbd47 51%, #f3cb6f 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8e1ac), color-stop(50%,#f5d487), color-stop(51%,#efbd47), color-stop(100%,#f3cb6f)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8e1ac', endColorstr='#f3cb6f',GradientType=0 ); /* ie */

}
input[type="text"]:focus { box-shadow: 0 0 1px 2px rgba(0,0, 0, 0.3);}
input[type="radio"]:focus, input[type="radio"]:focus + label { box-shadow: 0 0 1px 2px rgba(0,0, 0, 0.3);}
input[type="checkbox"]:focus, input[type="checkbox"]:focus + label { box-shadow: 0 0 1px 2px rgba(0,0, 0, 0.3);}
select:focus { box-shadow: 0 0 1px 2px rgba(0,0, 0, 0.3);}
input[type="submit"]:focus { box-shadow: 0 0 1px 2px rgba(0,0, 0, 0.3);}

#kzoo-search input[type=submit] {padding:1px}


/* =Header
----------------------------------------------- */


#site-title a:hover,
#site-title a:focus,
#site-title a:active {
	color: #ea6820;
	font-family: 'Gotham SSm A', 'Gotham SSm B',arial, helvetica, sans-serif; font-weight: 800
}

svg#HornetSVG {height:22px; width:19px; padding-top: 4px; vertical-align: -4px}
svg#HornetSVG {height:22px; padding-top: 4px; vertical-align: -4px; width: 19px; overflow:visible;}
svg#HornetSVG:hover {cursor: pointer}
svg#HornetSVG:hover .cls-1 {fill:#ea6820}




/* Search Form */
#branding #searchform {
	position: absolute;
	top: 3.8em;
	right: 7.6%;
	text-align: right;
}
#branding #searchform div {
	margin: 0;
}
#branding #s {
	float: right;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	width: 72px;
}
#branding #s:focus {
	background-color: #f9f9f9;
	width: 196px;
}
#branding #searchsubmit {
	display: none;
}
#branding .only-search #searchform {
	top: 5px;
	z-index: 1;
}
#branding .only-search #s {
	background-color: #666;
	border-color: #000;
	color: #222;
}
#branding .only-search #s,
#branding .only-search #s:focus {
	width: 85%;
}
#branding .only-search #s:focus {
	background-color: #bbb;
}
#branding .with-image #searchform {
	top: auto;
	bottom: -27px;
}
#branding .only-search + #access div {
	padding-right: 205px;
}


h1,  .entry-content h1,   .comment-content h1,   .page-title, .entry-title, .singular .entry-title,  #content h1.page-title p  {
	clear: none;
	color: #ea6820;
    font-size: 23px;
    line-height: 100%;
	letter-spacing: normal;
	margin: 0;
	padding-bottom: .3em;
	padding-top: .3em;
	text-transform: none;
	font-weight:800;
}
h2, .entry-content h2, .comment-content h2, h2.entry-title, .catchytitle, .topicheading , #author-description h2{
	
 	clear:inherit;
	color: #ea6820;
    font-size: 20px;
    line-height: 110%;
	letter-spacing: normal;
	margin: 0;
	padding-bottom: .5em;
	padding-top: .5em;
	text-transform: none;
	font-weight:700;
}
h2.entry-title a, .entry-content h2 a,
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
	
	color:#ea6820;
	font-size:21px;
 
 }
 h2.entry-title a, h2 a , article.hentry h2 a{text-decoration:underline; clear:both}
  h2.entry-title a:hover, h2 a:hover , article.hentry h2 a:hover{text-decoration:underline}
  
.entry-content h3, .entry-content h3 a, .comment-content h3,  H3, H3 a, H3 a:hover, H3.entry-title a:hover, H3.entry-title a:focus, H3.entry-title a:active {

	clear:inherit;
    color: #ea6820;
    font-size: 19px; 
    letter-spacing: normal;
    line-height: normal;
    text-transform: none;
}
.sticky h3.entry-format {display:none}

entry-content h4,  H4, H4 a, H4 a:hover {
	font-family: 'Gotham SSm A', 'Gotham SSm B',arial, helvetica, sans-serif; font-weight: 800;
	clear:inherit;
    color: #9E0E19;
    font-size: 18px;
    letter-spacing: normal;
    line-height: normal;
    text-transform: none;
}

.entry-summary p {padding-top:0em}

 .singular footer.entry-meta { display: block}

.singular .entry-meta .edit-link a {
    bottom: auto;
    left: auto;
    position: absolute;
    right: 20px;
    top: 20px;
}

/*blurbs */
 .flexblurb {
	 z-index:999;
	 float:right;
	 width:25%;
	  margin:2em 0 .5em  1em; 
	 padding:.5em;
	  -webkit-box-shadow: 0px 2px  5px  #777;
		-moz-box-shadow: 0px 2px  5px #777;
			 box-shadow: 0px 2px  5px #777; 
	      
			 
 }
 .flexblurb.w30 {
	 width:30%;
 }
 .flexblurb.w40 {
	 width:40%;
 }
 .flexblurb.left {
	 float:left;
	  margin:2em 1em .5em  0; 
 }
.singular #author-info, .rightsideblurb{
	color:#000000;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #ffffff;  
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    margin-bottom: 0;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 2.2em;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
	line-height: 150%; font-size: 16px;
		 -webkit-box-shadow: 0px 2px  5px  #777;
		-moz-box-shadow: 0px 2px  5px #777;
			 box-shadow: 0px 2px  5px #777; 
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#777777')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#777777');

}
 .rightsideblurb, .flexblurb {background-color: #f0f0f0; /*grey*/}
	.rightsideblurb h2 a , .flexblurb h2 a{color:#222222}
	.rightsideblurb a , .flexblurb a{color:#222222;text-decoration:underline}
#content .rightsideblurb * {font-size:inherit}

.rightsideblurb h1,.rightsideblurb h2,.rightsideblurb h3,
.flexblurb h1,.flexblurb h2,.flexblurb h3 {
	color:#9E0E19;
}
.rightsideblurb .note {color:#656565}
div.columncontainer {width:98%; padding: 0 ;margin: 0 auto; margin-bottom: 1em; overflow: hidden; clear: both;
					max-width: 720px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
	min-width: 400px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
	overflow: hidden; /* this declaration makes the .container clear all floated columns within it. */}
div.columncontainer.twocolumn div.column{width:46%; float: left; margin-right: 2%; padding: 0 1%}
div.columncontainer.twocolumn div.column.flexblurb {width:46%; float: left; margin: 0;}
div.columncontainer.threecolumn div.column{width:30%;  float: left; margin-right: 1%;padding: 0 .5%}
div.columncontainer.fourcolumn div.column{width:22%;  float: left; margin-right: 1%; padding: 0 1%} 
div.columncontainer.fivecolumn div.column{width:18%;  float: left; margin-right: 2%;} 
div.columncontainer.sidebarstyle div.maincolumn{width:73%;  float: left; margin-right: 2%;} 
div.columncontainer.sidebarstyle div.sidecolumn{width:25%;  float: left;} 

/*** styles for kplan page ***/

div.column.kplanprofile {color:#333; font-size:80%;  line-height:1.2}
#content div.column.kplanprofile p {color:#333; font-size:98%; line-height:1.2}
#content div.column.kplanprofile strong {color:#ea6820}

#kplan1 {margin-left:0; margin-bottom: 50px; width:500px; text-align:justify ; clear:both}
#kplan2 {margin-left:100px;margin-bottom: 50px;  width:500px; text-align:justify ; clear:both}
#kplan3 {margin-left:200px;margin-bottom: 50px;  width:500px; text-align:justify ; clear:both}
#kplan4 {margin-left:50px; margin-bottom: 50px; width:520px;text-align:justify ; clear:both }
.kplan-num {float:left;width:100px; font-size:120px; line-height:80%; padding-top:5px; font-family: "Gotham SSm A", "Gotham SSm B";
font-style: normal;
font-weight: 800;}
.parent-pageid-178 .flexblurb , .parent-pageid-178 .flexblurb  p {background-color:#fff; color:#9e0e19; font-size:11px !important}

@media (max-width:1200px) {
div.column.kplanprofile {border-left:none; border-right:none; font-size:120%}
div.column.kplanprofile img {float:left !important; margin-right:10px; max-width: 200px}
#kplan1, #kplan2, #kplan3, #kplan4 {margin-left:0; width:100%;}
}

@media (max-width:900px) {
div.columncontainer.twocolumn div.column{width:95%; padding: 0 2%}
div.columncontainer.twocolumn div.column.flexblurb{width:95%; padding: 0 2%}
div.columncontainer.threecolumn div.column{width:95%; padding: 0 2%}
div.columncontainer.fourcolumn div.column{width:95%; padding: 0 2%} 
div.columncontainer.fivecolumn div.column{width:95%; padding: 0 2%} 
}
@media (max-width:500px) {
	#kplan1,#kplan2, #kplan3, #kplan4 {width:100%}
}
@media (max-width:400px) {
div.columncontainer {max-width: 300px;	min-width:auto}
	div.columncontainer.sidebarstyle div.maincolumn{width:95%;  padding: 0 2%} 
div.columncontainer.sidebarstyle div.sidecolumn{width:95%; padding: 0 2%} 
div.column.kplanprofile {font-size:100%}

 div.column.kplanprofile img {width:50% !important; height:auto !important}
 #kplan1,#kplan2, #kplan3, #kplan4 {text-align:left}
.flexblurb { width: 90%; float:none}
}

#tagcloud a {font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', arial, helvetica, sans-serif; font-weight:400; line-height:80%}

 
.pullquote {
	width:30%;
	float:left;
	background-color:#666;
	color:#eee;
	border:none;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	border-radius:3px;
	font-family: 'Gotham SSm A', 'Gotham SSm B',arial, helvetica, sans-serif; font-weight: 800;
	font-weight:bold;
	margin-left:0;
	margin-right:1rem;
	font-size:22px;
	padding:1em;
}	
	
	.pullquote .attrib{ font-size:10px;}
/*div#page.academics .pullquote {color: #9E0E19;}
div#page.studentlife .pullquote {color:#006983}*/


.dropshadow {
	-moz-box-shadow:  0 1px 4px rgba(0, 0, 0, 0.2);
	 -webkit-box-shadow:  0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

div#rightside-listheadlines {
padding-left:20px;	
float: right;
width: 200px;
}
div#rightside-listheadlines.w300{	width: 300px;}
.listheadlines	.entry-summary {font-size:11px; padding-top:1em}
.listheadlines	.entry-summary:first-child {padding-top:0}
.listheadlines .entry-summary .entry-title {padding-right:0 !important; padding-bottom:0; line-height:60% !important;}
.listheadlines .entry-summary h3 {clear:both}
.listheadlines .entry-summary h3.entry-title a{color:#9E0E19;font-size:13px;}
.listheadlines	img.alignleft {margin-right:5px; margin-bottom:5px;}

/* Images */
.wp-caption {
	background-color:#ffffff;
		 -webkit-box-shadow: 0px 2px  5px  #777;
		-moz-box-shadow: 0px 2px  5px #777;
			 box-shadow: 0px 2px  5px #777; 
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#777777')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#777777');
}
	
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 20px 0px 20px;
	position: relative;
	text-align:center;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	content: none;
	font-size: 0px;
	font-style: normal;
	font-weight: bold;
	margin-right: 0px;
	position: absolute;
	left: 0px;
	top: 0x;
}

img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {
	border-bottom-color: none;
    border-bottom-style: none;
    border-bottom-width: 0px;
	border-right-color: none;
    border-right-style: none;
    border-right-width: 0px;
	border-left-color: none;
    border-left-style: none;
    border-left-width: 0px;
    border-left-color-value: none;
    border-left-style-value: none;
    border-left-width-value: 0px;
    border-right-color-value:none;
    border-right-style-value: none;
    border-right-width-value: 0px;
    border-top-color: none;
    border-top-style: none;
    border-top-width: 0px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
}
img.alignleft, img.alignright, img.aligncenter {
    margin-bottom: 1em;
}
.alignleft {
    display: inline;
    float: left;
    margin-right: 2em;
}
.wp-caption.alignright{margin-right:2px}
.wp-caption.alignleft{margin-left:2px}
.attachment-thumbnail.wp-post-image {
    display: inline;
    float: left;
    margin-right: 3em;
}	

div[id*="attachment_"].aligncenter {clear:none}

/* VIDEO 
------------*/
.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 60px; overflow: hidden;
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




/* =Status
----------------------------------------------- */

.format-status .entry-title,
.format-status .entry-header .comments-link {
	display: none;
}
.singular .format-status .entry-title {
	display: block;
}
.format-status .entry-content {
	padding: 0;
}
.singular .format-status .entry-content {
	padding: 1.625em 0 0;
}
.format-status img.avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	float: left;
	margin: 4px 10px 2px 0;
	padding: 0;
}





/* Recent Posts */

section.recent-posts .other-recent-posts .comments-link a:hover {
	color: #222;
	border-color: #fff;
}



/* Search Widget */

.widget_search #searchsubmit:active {
	background: #fff;
	border-color: #dbcea0;
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	color: #ea6820;
}

/* =Comments
----------------------------------------------- */
#respond input#submit:active {
	background: #ffffff;
	color: #ea6820;
}

#respond {
    background: none repeat scroll 0 0 #f6f6f6;
    border: 1px solid #D3D3D3;
    border-radius: 3px 3px 3px 3px;
	 box-shadow: 1px 2px 2px rgba(204, 204, 204, 0.8);
    margin: 1.625em auto 1.625em;
    padding: .25em;
    position: relative;
	left:-5%;
    width: 90%;
}
#respond p{margin:1px 0}
#respond H3#reply-title {font-size:12px; line-height:13px;}
#comments H2#comments-title {padding:2.6em 0 0 ;}
#comments .commentlist { width:90%}
.commentlist > li.comment {
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:3px;
}
.comment-author .fn {left:-68px; font-weight:bold}
#comments .commentlist > li.bypostauthor {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #D3D3D3;
}
 
#respond .comment-notes, #respond .logged-in-as {
    font-size: 10px;
}
#respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label {
    color: #555555;
    font-size: 10px;
    top: 36px;
 
}
#respond input[type="text"], #respond textarea {
    border: 2px solid #EEEEEE;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
#respond input#submit {
    font-size: 12px;
	top:20px;
    left: 30px;
   background-color: #5B5752;
    background-image: -moz-linear-gradient(center top , #716B65, #3B3835);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
#respond input#submit:focus {
	background-color:#FFF;
	color:#ea6820;
}
/* 
----------------------------------------------- */
blockquote {
    font-size:80%; 
	color:#333;
	font-family: inherit;
    font-style: normal;
    font-weight: normal;
    margin-bottom: 1em;
    margin-left: 3em;
    margin-right: 3em;
    margin-top: 1em;
	padding: 0 1em; 
	border-left:3px solid #efbd47; 
	}
blockquote .attrib {font-style:italic;}
.note {
    color: #767676;
    font-family: 'Gotham SSm A', 'Gotham SSm B',arial, helvetica, sans-serif;
    font-size: 9px;
    font-style: italic;
    font-weight: 300;
}

table.padded td {
    padding: 3px;
}


table#facultylist {
    margin-bottom: 10px;
    padding: 5px;
    width: 100%;
	max-width: 660px;
}
table#facultylist  td{ padding:3px;}
table#facultylist  td:first-child{white-space: nowrap}

table#profiletable td {
    
    padding: 5px;
}
table#profiletable td p{ margin-bottom: 0;}
table#profiletable th {
    background-color: #FFFFFF;
     
    color: #333;
	font-weight: 800;
    padding: 5px;
    text-align: right;
    vertical-align: top;
}
table#formtable  td{padding:3px}



.archive #author-info {margin-right:30px;}
 
.timeline {
	background-image:url(/images/icons/downchevgrey.png);
	background-position:center;
	background-repeat:repeat-y;
	overflow:auto;
	max-width:400px;
	float:left;
}
.timeline div {
	float:left;
	margin:.5em 3em 1.5em 1em; 
	padding:1em;  
	border:12px solid #fff; 
	-moz-border-radius:5px;
    -webkit-border-radius:5px;	
	border-radius:10px;
	-moz-box-shadow: 0px 0px 8px #444;
 	-webkit-box-shadow: 0px 0px 8px #444;
	box-shadow: 0px 0px 8px #444; 
	color:#000;
	/*font-family: "Times New Roman", Times, serif;*/
	text-align:center
	}
.timeline div.clear { clear:both}
div.bglime {background-color:#a2b500;}
div.bgforest { background-color:#6a7f10;}
div.bgorange {background-color:#ea6820;}
div.bggold { background-color:#efbd47;}
div.bgolive {background-color:#978700;}

 .timeline div h3, .timeline div h4 {color:#FFF; text-align:center; /*font-family:"Gotham SSm A","Gotham SSm B",arial,helvetica,sans-serif;*/}
 .timeline div h3 {font-size: 20px;}
 .timeline div h4 {font-size: 17px;}
 
 .timeline hr {background-color:#FFF; color:FFF; border-color:#FFF} 
.timeline img {border: 2px solid #FFF;
	-moz-box-shadow: 0px 0px 5px #555;
 	-webkit-box-shadow: 0px 0px 5px #555;
	box-shadow: 0px 0px 5px #555; 
	margin:5px; }
	
.giftbutton	{width:190px; height:65px; float:right; margin-right:-31px;margin-top:-8px;background-image:url("http://www.kzoo.edu/images/makeagift.png")}
 
#classnews .sendlink {font-style: italic; font-size:12px}

/************************************************
MEDIA QUERIES */


/*--------- tablets and smaller -----------*/
 @media (max-width: 900px) {
	
	#content.withsidebar #center {float:none; width:100%;}
	#sidebar {
    box-shadow:none;
    float: none;
    margin: 0px;
    padding:0px;
    width: 100%;
	}

}

@media (max-width:767px){
	div#kzoosocial { width: 100%;}
	
}


/* Smartphones (portrait and landscape) ----------- */
/*@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	body, #stage, #main,#page, #pagefooter {background: #FFF; background-image:none; background-color:#FFF; width:100%; box-shadow:none; margin-left:0; margin-right:0}
	#global-top-nav,div#undermain{background-color:#000000;  width:100%; height:30px;margin-left:0; margin-right:0; padding-left:0; padding-top:0; }
	#kzoo-search, #kzoo-hornethive, #kzoo-sports, #kzoo-sitemap, #kzoo-webmail {display:none}
	#MAINnav {display:none}
	div#photoheader, div#photoheadercollapse, div#header * {display:none; width:0px;}
	
	DIV#leftnav{display:none; }
	DIV#minisiteNavigation ul.navList ul.navList a{ font-size:50%}
	.breadcrumbs {display:none}
	.hentry, article.hentry, .singular.page .hentry, .singular .hentry {}
	.hentry, article.hentry, .singular.page .hentry, .singular .hentry {padding-left:1em; padding-right:1em;}
	#main #content, div#content, div#main div#content, #content, .entry-content {margin-left:0 !important; padding:0; position:relative;top:6px; width:100%}
    #content.withsidebar #sidebar{}
	#content.withsidebar #center, #content.withsidebar #sidebar,.entry-content,  .singular .entry-content, .singular #content, #content .singular{
	 	position:static;
		float: none;
		width: 100%;
		box-shadow:none;
		padding:1em;  
		padding-right:0;
	}
	#content table {width:auto; background-color:#fff}
	.entry-content td, .comment-content td {padding-right:0}
	.wp-caption {    box-shadow: none;}
	table#facultylist {       width: 100%;	}	
	div#center_middle {margin-left:0;}
	
	div#rightside-listheadlines,div#rightside-listheadlines.w300 {
		padding-left:0px;	
		float: none;
		display:block;
		width: 100%;
		margin-bottom:2em;
		}
	div#pagefooter div.footer {background-color:#000000;}
	div#pagefooter div.footer div {}
	div#pagefooter div.footer div {width:80%;float:none; margin:auto; background-color:#000000; padding-left:2em;}
	.footerK {display:none}
	.giftbutton {display:none}
	
	#classnews {display:none}
	 


}*/

/*@media  (max-width : 480px ) {
	body, #stage, #main,#page, #pagefooter {background: #FFF; background-image:none; background-color:#FFF; width:100%; box-shadow:none; margin-left:0; margin-right:0;width:100%;}
	#global-top-nav,div#undermain {background-color:#000000;  width:100%; height:30px;margin-left:0; margin-right:0; padding-left:0; padding-top:0; }
	#kzoo-search, #kzoo-hornethive, #kzoo-sports, #kzoo-sitemap, #kzoo-webmail {display:none}
	#MAINnav {display:none}
	div#photoheader, div#photoheadercollapse, div#header * {display:none; width:0px;}
	 
	 
	DIV#minisiteNavigation ul.navList ul.navList a{ font-size:50%}
	.breadcrumbs {display:none}
	.hentry, article.hentry, .singular.page .hentry, .singular .hentry {}
	.hentry, article.hentry, .singular.page .hentry, .singular .hentry {padding-left:1em; padding-right:1em;}
	#main #content, div#content, div#main div#content, #content, .entry-content {margin-left:0 !important; padding:0; width:100%; position:relative;top:6px}
    #content.withsidebar #sidebar{}
	#content.withsidebar #center, #content.withsidebar #sidebar,.entry-content,  .singular .entry-content, .singular #content, #content .singular{
	 	position:static;
		float: none;
		width: 100%;
		box-shadow:none;
		padding:1em;  
	 	padding-right:0;
	}
	.flexblurb, .rightsideblurb,.flexblurb.w30, .flexblurb.w40 {float:none; width:90%; background-color:#fff;	margin:1em;}
	.rightsideblurb h1, .rightsideblurb h2, .rightsideblurb h3, .rightsideblurb .topicheading  .blurbs h1 {color:#333}
	.rightsideblurb h2 a , .flexblurb h2 a{color:#006983}
	#content table {width:auto; background-color:#fff}
	.entry-content td, .comment-content td {padding-right:0}
	.wp-caption {    box-shadow: none;}
	table#facultylist {       width: 100%;	}
	div#rightside-listheadlines {
		padding-left:0px;	
		float: none;
		display:block;
		width: 100%;
		margin-bottom:2em;
		}
		
	h1,  .entry-content h1,   .comment-content h1,   .page-title, .entry-title, .singular .entry-title,  #content h1.page-title p  {
		font-size: 20px;
	}
	h2, .entry-content h2, .comment-content h2,.catchytitle, .topicheading , #author-description h2{
		font-size: 16px;
	}
	h2.entry-title a, h2 a, .entry-title a:hover, .entry-title a:focus, .entry-title a:active {
		font-size:16px;
	 }
	.entry-content h3, .comment-content h3,  H3, H3 a, H3 a:hover, H3.entry-title a:hover, H3.entry-title a:focus, H3.entry-title a:active {
		font-size: 14px; color:#Ea6820; 
	}
	entry-content h4,  H4, H4 a, H4 a:hover {
		font-size: 12px;
	}		
			
	div#pagefooter div.footer {background-color:#000000;}	
	div#pagefooter div.footer div {}
	div#pagefooter div.footer div {width:80%;float:none;  background-color:#000000; padding-left:2em;}
	.footerK {display:none}

.giftbutton {display:none}


}*/
@media print {
DIV#stage DIV#pagefooter , #global-top-nav {display:none}
#content, #content.nonav {margin-left: 0px;}
}

/*formbuilder*/
.kzoofb3.form-wrapper {
	float:left;  
}
/*formbuilder -- old pattern */
.kform {width:100%}
.kform .field_wrapper {clear:both; position:relative; display:block; border-bottom:1px solid #eee}
.kform .field_wrapper > div{float:left; padding:1%;}
.kform .field_wrapper > div:first-child {width:33%}
.kform .field_wrapper.section > div:first-child {width:100%}
.kform .field_wrapper > div:nth-child(2) {width:60%}
.kform .field_wrapper > div:nth-child(2) div  {width:100%}
.kform  fieldset legend {display:none;}
.kform label:after  {content:"\A"; white-space:pre; }
.kform label.error {padding-left:1em; color:#9E0E19}
.kform .section {font-weight:bold; font-size: 110%}
.kzoo-form-builder-message {color:#9E0E19; font-weight:bold; font-size:110%}
.qq-uploader {}
.qq-uploader {
    border:1px solid #999999;
    position: relative;
    width: 100%;
}

/*OAE styles */
.HCwholist {
	font-size:80%;
	z-index:999;
}
.HCwholist H2 {font-size: 19px;text-align:center; margin-bottom:1em}
.oae-section{box-sizing: border-box;display: block;margin-bottom: 0.5rem !important;/*background-color:#f5f5f5;padding:1em*/ }
.oae-section-header{width:100%; overflow:hidden; margin-bottom: 15px;}
.oae-section-title{float: left;padding-right: 20px;}
.oae-section-title h2{font-size: 18px; text-transform: uppercase;}
.oae-section-line{overflow: hidden; border-top: 2px solid #EA6820; margin-top: 11px; height:2px;}
.oae-section .attachment-thumbnail.wp-post-image {margin-right:10px}
.alumni-engagement .ktalks .listing-item .date {font-size:12px; color:#888}
.alumni-engagement .ktalks .listing-item .excerpt-dash {font-size:12px; color:#888}
.alumni-engagement .ktalks .listing-item .excerpt {font-size:12px;}
.alumni-engagement .shaded h2 {text-align:center; color:#222; font-weight:normal; font-size:16px; text-transform:uppercase}
.alumni-engagement .shaded p {text-align:center}

.alumni-engagement .reconnect {background-color:#EEEEEE;padding:1em}
.alumni-engagement .reconnect.title {background-color:#ffffff;padding:1em}

.alumni-engagement .reconnect h2 {text-align:center; border-top:1px solid #ea6820;}
.alumni-engagement .reconnect h3 {text-align:center; color:#222; font-weight:normal; font-size:18px; text-transform:uppercase}


.alumni-engagement .engage {background-color:#ffffff;padding:1em; text-align:center}
.alumni-engagement .engage h2 {text-align:center; border-top:1px solid #ea6820; margin-bottom:1em}
.alumni-engagement .engage .bite {text-align:center; vertical-align:middle;background-color:#ea6820; padding:.5em; min-height:112px; margin-bottom:1em}
.alumni-engagement .engage .bite.sm {padding-top:2em}
.alumni-engagement .engage .bite a {color: #FFF; text-decoration:none;vertical-align:middle}
.alumni-engagement .engage .bite a:hover{text-decoration:underline}

.alumni-engagement .reminisce .netsposts-column {margin: 0 0 0 15px} 
.alumni-engagement .reminisce h2 {text-align:center; border-top:1px solid #ea6820; margin-bottom:1em; margin-top:1em}
.alumni-engagement .reminisce .netsposts-content {padding:10px; background-color:#f5f5f5; text-align:center; min-height:280px;}
.alumni-engagement .reminisce .netsposts-column {width:calc(20% - 15px)} 
.alumni-engagement .reminisce .netsposts-posttitle {min-height:50px;line-height:1.1em; text-align:center; margin:auto } 
.alumni-engagement .reminisce img {margin-bottom:1em}
@media all and (max-width:991px) {
	.alumni-engagement .engage .bite {max-width:500px;font-size:18px;padding:2em}
	.alumni-engagement .engage .spacer {display:none}
}
@media all and (max-width:668px) {
	 
	.alumni-engagement .reminisce .netsposts-column {width:calc(50% - 15px)} }
@media all and (max-width:375px) {
	 
	.alumni-engagement .reminisce .netsposts-column {width:100%; margin:0 0 0 0} 
	.alumni-engagement .reminisce .netsposts-content {text-align:left; min-height:0}
	.alumni-engagement .reminisce .netsposts-posttitle {min-height:0}
	.alumni-engagement .reminisce img {float:left !important; margin-right:10px}
}

.alumni-engagement .social {background-color:#ffffff;padding:1em; text-align:center}
.alumni-engagement .social h2 {text-align:center; border-top:1px solid #ea6820; margin-bottom:1em}



#disclaimer {padding-left:250px; padding-right:50px; font-style:italic}

div.wppb-wrapper div.inside  {color:#ea6820 !important}
div.wppb-progress {
    background: none repeat scroll 0 0 #999 !important;	
}