/* Resource Hub for the Academic Health Center at the University of Minnesota */

/* Column display on the homepage ------------------------------------------- */

.front h1#page-title {
	display: none;
}	

.hubsection { 
	border-width: 0 0 0 12px;
	border-style: solid;
	padding-left: 12px;
	}
	.hubsection ul, .newemp-resources ul {
		margin: 0; padding: 0;	
		}
		.hubsection li, .newemp-resources li {
			display: inline;
			}
			.hubsection li:before, .newemp-resources li:before {
				content: "\25AA  ";
			}
	.hubsection h4 {
		color: black;
		margin-bottom: 0.25em;
	}
	.hubsection p { 
		font-family: 'Titillium Web',Arial,Helvetica,sans-serif; 
		font-size: 1.1em; 
		margin-bottom: 0.5em;
		}
		.hubsection p a {
			font-weight: 700; 
			 font-size: 110%;
		}
		
		
/* Colors for sections ------------------------------------------- */		

.adminsection p strong { color: #f58220;}
.adminsection, .adminsection h4, .adminsection p a,
body.administration-and-governance .breadcrumb,
body.administration-and-governance h1.title { border-color: #f58220 }		
body.administration-and-governance .breadcrumb,
body.administration-and-governance .sidebarsecond h3,
body.administration-and-governance .block-menu-block ul.menu li a:hover { background-color: #fde6d3  }

.commsection p strong { color: #007A78 }
.commsection, .commsection h4, .commsection p a,
body.communications .breadcrumb,
body.communications h1.title 	{ border-color: #007A78 }		
body.communications .breadcrumb,
body.communications .sidebarsecond h3, 
body.communications .block-menu-block ul.menu li a:hover { background-color: #cffffe  }

.hrsection p strong { color: #CFB62C }
.hrsection, .hrsection h4, .hrsection p a,
body.human-resources .breadcrumb,
body.human-resources h1.title 	{ border-color: #CFB62C }		
body.human-resources .breadcrumb,
body.human-resources .sidebarsecond h3,
body.human-resources .block-menu-block ul.menu li a:hover { background-color: #f2ebc3  }

.finsection p strong { color: #A59483; }
.finsection, .finsection h4, .finsection p a { border-color: #A59483; }
body.finance .breadcrumb,
body.finance h1.title 	{ border-color: #A59483 }		
body.finance .breadcrumb,
body.finance .sidebarsecond h3,
body.finance .block-menu-block ul.menu li a:hover { background-color: #d7cfc8  }

.facsection p strong { color: #4B943B; }
.facsection, .facsection h4, .facsection p a { border-color: #4B943B; }
body.facilities .breadcrumb,
body.facilities h1.title { border-color: #4B943B; }		
body.facilities .breadcrumb,
body.facilities .sidebarsecond h3, 
body.facilities .block-menu-block ul.menu li a:hover { background-color: #d5ecd0  }
 
.edsection p strong { color: #F0483F; }
.edsection, .edsection h4, .edsection p a { border-color: #F0483F; }

.infosection p strong { color: #989636; }
.infosection, .infosection h4, .infosection p a { border-color: #989636; }
body.ahc-information-systems .breadcrumb,
body.ahc-information-systems h1.title 	{ border-color: #989636; }		
body.ahc-information-systems .breadcrumb,
body.ahc-information-systems .sidebarsecond h3, 
body.ahc-information-systems .block-menu-block ul.menu li a:hover { background-color: #eeedce  }

.instsection p strong { color: #4297B4; }
.instsection,  .instsection h4, .instsection p a { border-color: #4297B4; }
body.emergency-response .breadcrumb,
body.emergency-response h1.title 	{ border-color: #4297B4; }		
body.emergency-response .breadcrumb,
body.emergency-response .sidebarsecond h3,
body.emergency-response .block-menu-block ul.menu li a:hover { background-color: #d3e8ef  }

.researchsection p strong { color: #C88A3B; }
.researchsection, .researchsection h4, .researchsection p a { border-color: #C88A3B; }
body.research .breadcrumb,
body.research h1.title 	{ border-color: #C88A3B; }		
body.research .breadcrumb,
body.research .sidebarsecond h3,
body.research .block-menu-block ul.menu li a:hover { background-color: #edd9c0  }

/* Home page rearrangement on Sep 18 2013 ------------------------------------- */

.home .below-content {
	clear: both;
}
#block-views-employee-spotlight-block-1,
.home #block-views-employee-spotlight-block {
	background: #9eafac;
	margin-bottom: 1em;
	}
	#block-views-employee-spotlight-block-1 h3, 
	.home #block-views-employee-spotlight-block h3 {
	background: #9eafac;
		margin: 0;
		padding: 0.5em 0 0.5em 1em;
		border-bottom: 1px solid white;
		text-transform: uppercase;
		color: white;
		font-size: 1.25em;
		text-shadow: 0 0 3px #fff;
		}
		#block-views-employee-spotlight-block-1 h3, 
		#block-views-employee-spotlight-block-1 .content {
			padding: 0.5em;
		}
	.home #block-views-employee-spotlight-block .views-field-title {
		font-family: 'Titillium Web',Arial,Helvetica,sans-serif; 
		font-size: 1.5em; 
		padding-top: 0.25em;
		margin: 0 1em;
	}
	.home #block-views-employee-spotlight-block .views-field-spotlight-teaser {
		margin: 0 1em 1em;
	}
	.home .views-field-field-spotlight-photo img {
		float: left;
		width: 45.5%; height: inherit !important;
		margin: 1em;
	}
	
/* Tips slideshow on the homepage ------------------------------------- */

ul#flexslider_views_slideshow_tips_slideshow-block {
	margin: 0;
}
ul.flex-direction-nav {
	display: none;
}
.flexslider {
	border: 1px solid #fc3;
	border-radius: 0;
	box-shadow: 0 0 0 #fff;
	}
	.flexslider .slides img {
		height: inherit !important;
	}
ul#flexslider_views_slideshow_tips_slideshow-block .views-field-body {
	margin-bottom: 2em;
}
ul#flexslider_views_slideshow_tips_slideshow-block .views-field-body,
ul#flexslider_views_slideshow_tips_slideshow-block .views-field-title {
	padding: 0 8px;
}
.flex-control-paging li {
	margin: 0 4px;
	}
	.flex-control-paging li a { 
		background: #ffeaaa; 
		box-shadow: 0 0 0 #fff; 
		height: 9px; width: 9px; box-radius: 18px;
		}
		.flex-control-paging li a.flex-active { 
			background: #fff; 
		}
ol.flex-control-nav { 
	bottom: 0;
	z-index: 20;
	background: #fc3;
	height: 20px;
	padding-top: 10px;
	margin: 0;
}
ul#flexslider_views_slideshow_tips_slideshow-block .views-field-title {
	font-weight: 400; font-family: 'Titillium Web',Arial,Helvetica,sans-serif;
	font-size: 1.75em;
	line-height: 1;
	margin-top: 0.25em;
}
#block-views-tips-slideshow-block .views-field-title span {
	line-height: 1.1;
	display: block;
}
/* Tips slideshow as a Page ------------------------------------------------------------------------ */
.page-announcements .views-row {
	clear: both;
}
.page-announcements h4 {
	margin-top: 0;
}
.page-announcements .views-field img {
	width: 45%;
	height: inherit !important;
	float: left; margin: 0 1em 1em 0;
	clear: left;
}
.page-announcements .views-field-created {
	color: #C7B9AC;
    font-family: 'Titillium Web',Arial,Helvetica,sans-serif;
    font-weight: 600;
}
@media all and (max-width:450px) {

	.page-announcements .views-field img {
		width: 100%;
	}
} /* close of max 519 --------- */
/* Employee spotlight ------------------------------------- */
.employee-spotlights  .breadcrumb {
	background-color: #c3cecc;
}
.employee-spotlights .field-name-field-spotlight-title-and-date {
	margin-bottom: 3em;
	}
	.employee-spotlights .field-name-field-spotlight-title-and-date h4 {
		margin-bottom: 0;
	}
	.employee-spotlights .field-name-field-spotlight-title-and-date p {
		margin-top: 0;
	}
.field-name-field-spotlight-photo .field-item img {
	width: 40% !important;
	float: right;
	margin: 0 0 1em 1em;
		box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
   border: 1px solid #fc3;
    -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.25);
       -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.25);
            box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.25);
}		

.views-field-field-spotlight-teaser .field-content {
	margin: 0 1em;
}
.employee-spotlights h1.title {
	background: none repeat scroll 0 0 #9EAFAC;
	color:white; 
	text-shadow: 0 0 3px #FFFFFF;
	padding-left: 6px;
}

.employee-spotlights h3 {
	clear: both;
}
.employee-spotlights img.image-left,
.employee-spotlights img.image-left-25 {
	width: 20%;
}
@media only screen and (max-width: 660px) {

	.employee-spotlights img.image-left {
		width: 100% ;
		}
	
} /* close of max 660 ------------------------------- */
@media only screen and (max-width: 520px) {

	.field-name-field-spotlight-photo .field-item img {
		width: 100% !important;
		margin: 0 0 1em;
		}
	
} /* close of min 520 - max 960 ------------------------------- */

/* Responsive Samples on Nokomis page ------------------------------------- */

.responsive-samples {
	position: relative;
	height: 420px;
}
.responsive-samples img {
	border: none;
	position: absolute;
}
.sample-desktop {
	z-index: 1;
}
.sample-tablet {
	bottom: 0;
	right: 0;
	z-index: 2;
}
.sample-phone {
	bottom: 48px; 
	left: 36px;
	z-index: 3;
}

@media only screen and (min-width: 1000px) {
	
	.sample-desktop {
		left: 10%;
		transition: all 1s ease;
	}
	.sample-phone {
		left: 12px;
		transition: all 1s ease;
	}
} /* close of min 1000 ------------------------------- */
@media only screen and (max-width: 760px) {
	
	.responsive-samples {
		overflow: hidden;
		border: 1px solid #8d7f78;
		border-width: 0 1px;
	}
	.sample-phone {
		bottom: 0; 
	}
	.sample-tablet {
		right: -28px;
		transition: all 1s ease;
	}

} /* close of max 760 ------------------------------- */
@media only screen and (max-width: 460px) {
	
	.responsive-samples {
		overflow: hidden;
		border: 1px solid #8d7f78;
		border-width: 0 1px;
	}
	.sample-phone {
		bottom: 0; 
	}

} /* close of max 760 ------------------------------- */
/* Health Talk block ------------------------------------------------------------------------- */		

#block-aggregator-feed-1 h3 {
	font-family: 'Lato', 'Titillium Web',sans-serif;
	font-weight: 300;
	color: #022F41;
	text-align: center;
	font-size: 2.25em;
	border-bottom: 1px solid #469CBE;
	border-top: 1px solid #469CBE;
	margin: 0 0 0.5em;
	padding: 0.25em 0;
}
#block-aggregator-feed-1 ul {
	margin: 0;
	list-style: none;
	}
	#block-aggregator-feed-1 li {
		border-bottom: 1px solid #ccc;
		margin: 0 0 6px;
		padding: 0 0 6px;
	}
	#block-aggregator-feed-1 li:after {
		content:"\0020";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
		overflow:hidden;
		}
	#block-aggregator-feed-1 li img {
		float: left; 
		width: 40% !important;
		height: auto !important;
		margin: 6px 12px 6px 0 !important;
		border: 1px solid #e6e6e6;
	}
#block-aggregator-feed-1 a {
	font-weight: 700; font-family: 'Titillium Web',Arial,Helvetica,sans-serif;
	font-size: 1.1em;
	text-decoration: none;
	}
	#block-aggregator-feed-1 a:hover {
		text-decoration: underline;
	}
.htalk-more {
	text-align: right;
	}
	.htalk-more a {
		color: #469CBE;
		}
		.htalk-more a:hover {
			color: #022F41;
		}
#block-aggregator-feed-1 h3:after {
    color: #469CBE;
    content: " blog";
}		
/* Classroom sort-o-rama ------------------------------------------------------------------------------- */		
.view-classrooms .view-filters {
	background-color: #ebeae5;
	background-image: url(img/grid-faded.png);
	background-repeat: repeat;
	padding: 0.25em;
	border: 1px solid #7a0019;
	margin-bottom: 1em;
	}
	form#views-exposed-form-classrooms-page {
		margin: 0 1em;
	}
.node-classroom.node-teaser,	
.view-classrooms .views-row {
	padding-bottom: 1em;
	border-bottom: 2px dotted #ccc;
	margin-bottom: 1em;
	clear: left;
}	
.node-teaser .field-name-field-classroom-capacity,
.node-teaser .field-name-field-classroom-amenities,
.node-teaser .field-name-field-classroom-building,
.node-teaser .field-name-field-classroom-campus,
.node-teaser .field-name-field-classroom-amenities .field-item,
.views-field-field-classroom-campus,
.views-field-field-classroom-building,
.node-type-classroom .field-name-field-classroom-capacity,
.node-type-classroom .field-name-field-classroom-building,
.node-type-classroom .field-name-field-classroom-campus,
.node-type-classroom .field-name-field-classroom-amenities .field-item {
	float: left;
	width: inherit;
	margin-right: 1.5em;
	}
	.node-teaser .field-name-field-classroom-amenities .field-item {
		margin-right: 0.5em;
	}
.node-classroom footer {
	clear: left;
	border-top: 9px solid white;
}
.node-classroom h2, 
.view-classrooms .views-field-title {
	clear: left;
	font-size: 1.25em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	border: none;
	margin-bottom: 0.25em;
	}
	.node-classroom h2 a,
	.view-classrooms .views-field-title a {
		text-decoration: none;
		border-bottom: 1px solid #dadada;
	}
.views-field-field-classroom-capacity,
.views-field-field-classroom-amenities {
	float: left;
	width: inherit;
	margin-right: 1.5em;
}
.views-field-field-classroom-campus a,
.field-name-field-classroom-campus a,
.views-field-field-classroom-building a,
.field-name-field-classroom-building a,
.field-name-field-classroom-amenities a,
.views-field-field-classroom-amenities a{
	color: #666;
	}
	
a[href^="/classroom-amenities/videoconferencing-itv-pc"],
a[href^="/classroom-amenities/videoconferencing"],
a[href^="/classroom-amenities/mediasite"] {
	font-weight: bold;
}	
a[href^="/classroom-amenities/mediasite"] {
	color: #333;
}
.node-type-classroom .field {
	margin-bottom: 1em;
}
.node-type-classroom .field-name-body {
	padding-bottom: 0.5em;
	border-bottom: 1px solid #e5e5e5;
}
.node-type-classroom .field-name-field-classroom-amenities {
	clear: left;
}
/* Special News Caps block on homepage which is generated in Views ------------------------------------- */			

.newemp-resources h3 {
	background-color: #ebeae5;
	padding: 6px 0 23px 4px;
	border-width: 1px 0;
	border-style: solid;
	border-color: #ccc;
	margin-top: 0;
	background-repeat: center top;
	background-repeat: repeat;
	background-image: url(img/grid-positive.png);
	}
	.newemp-resources h3 span{
		background: white;
	    border: 6px solid black;
	    border-radius: 34px;
	    float: left;
	    font-size: 69px;
	    line-height: 57px;
	    margin-right: 12px;
	    text-align: center;
	    width: 55px;
	    behavior: url(/sites/all/themes/nokomis/pie/PIE.htc);
	}
.newscaps {
	background: #e0d6cd;
	}
	.newscaps h3 {
		background: #aa001d;
		color: white;
		padding: 0.5em 8px;
		margin-top: 0;
	}
	.newscaps p {
		padding: 0 8px 1em;
		margin-top: 0;
	}
	
/* separating the feed of newscaps from the rest of the View --------------- */	

.employees_newscaps .view-header {
	margin-bottom: -13px;
}
.employees_newscaps .view-content {
	background: #e0d6cd; 
	padding: 0.75em;
}

/* Special styles for web themes page --------------- */	
body.themes h5 { 
	clear: both;
	margin: 0.5em 0;
}
body.themes .image-left-25 {
	clear: none;
}

/* Color palette ----------------------------------------------------------- */

div.palette {
	width:100%; height: 3em; line-height: 3em;  color: white; text-align: center; margin-bottom: 0.5em; text-transform: uppercase;
	}
	div.palette .left {
		display: block; height: 100%; background-image: url(img/grid-faded.png); background-repeat: repeat; width: 20%; float: left;
	}
	div.palette .right {
		display: block; height: 100%; background-image: url(img/grid-positive.png); background-repeat: repeat; width: 20%; float: right;
	}
div.lite { color: #333 }
div.five { margin-bottom: 1.5em;}

@media all and (max-width:519px) {
	div.palette { 
		height: 2em; 
		line-height: 2em 
		}
} /* close of max 519 --------- */

/* Special Items ----------------------------------------------------------- */

.ahc-information-systems.staff p,
.ready-accordion p {
	clear: left;
}
/* BIO DEMO ----------------------------------------------------------- */
.bio_contact p.metrize {
	margin: 0;
	padding: 6px 0 0;
	font-size: 2.5em;
	line-height: 1;
	border-style: solid;
	border-color: #e6e6e6;
	border-width: 1px 0;
}
.elizabeth-carlsons h5,
.elizabeth-carlson h5 {
	margin: 0.5em 0 0.25em;
	border-bottom: 1px solid #ebeae5;
	padding-bottom: 0.25em;
	color: #999;
	}
.elizabeth-carlsons ul.ready-tabs li,	
.elizabeth-carlson ul.ready-tabs li {
	margin: 0 10px 0 0 !important;
	width: inherit !important;	
	}
	.elizabeth-carlsons ul.ready-tabs li:after,
	.elizabeth-carlson ul.ready-tabs li:after {
	    color: white !important;
	    content: "◥" !important;
	    font-size: 1.5em !important;
	    position: absolute;
	    right: -3px !important;
	    top: -12px !important;
	}
@media all and (max-width:900px) { 
	.elizabeth-carlsons .fifth,
	.elizabeth-carlson .fifth {
		 width: 31.205673758865245%;
	}
	.bio_contact {
		 width: 65.60283687943262%;
	}
	.bio_orgs_awards,
	.bio_summary,
	.bio_education {
		width: 100%;
		margin-left: 0;
	}
} /* ------------------ close of max 900  --- */		

@media all and (max-width:460px) { 

	.elizabeth-carlsons .fifth,
	.elizabeth-carlson .fifth, .bio_contact, .bio_education,
	.bio_orgs_awards, .bio_summary {
		width: 100%;
		margin-left: 0;
	}
	.elizabeth-carlsons ul.ready-tabs li,
	.elizabeth-carlson ul.ready-tabs li {
		margin: 0 !important;
		}
		.elizabeth-carlsons ul.ready-tabs li a
		.elizabeth-carlson ul.ready-tabs li a {
			padding: 0 7px 0 0;
		}
} /* ------------------ close of max 460  --- */				
/* STAFF DEMO ----------------------------------------------------------- */
ul.staff_list {
	list-style: none;
	margin-left: 0;
	}
	ul.staff_list li {
		clear: both;
		margin-bottom: 0.5em;
		}
		ul.staff_list li:after 
			{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}

.staff_list img {
	float: left;
	border-right: 6px solid #fff;
	margin: 0 1em 0 0;
}
.staff_list h4 {
	margin: -1em 0 0;
}
.staff_titles {
	float: left;
	width: 45%;
	clear: none !important;	
	margin-top: 0;
	}
	.staff_contact {
		float: right;
		width: 20%;
		margin-top: 0;
	}
.ready-accordion .staff_list p {
	clear: none;
}
@media all and (max-width:760px) {

	.staff_titles, .staff_contact {
		width: 100%;
		margin-left: 0;
		float: none;
	}
} /* ------------------ close of max 740  --- */		
@media all and (max-width:740px) and (min-width:420px) { 	
/* .staff_titles, .staff_contact {
	clear: left;
	width: 100%;
	margin-left: 0;
	} */
.staff_list img {
	width: 28%;
	height: inherit !important;
}	

} /* ------------------ close of max 740 min 420 --- */				
@media all and (max-width:419px) { 	

	.staff_list h4 {
		clear: left;
	}

} /* ------------------ close of max 740  --- */		
/* NEW AHC FOOTER ----------------------------------------------------------- */

.footer-left {
	float: left;
}
.footer-social {
	float: right;
	}
	.footer-social.metrize a span {
		width: 32px !important;
	}





/* MEDIA QUERIES!!!! ------------------------------------------------------- boom ---- */

@media only screen and (max-width: 960px) {

	.front .field-name-field-three-sub-cols .field-item {
		margin-bottom: 0;
	}
	.hubsection p {
		margin-bottom: 0;
	}
	#block-block-84, #block-views-news-capsules-block
	.region-below-content .third {
		 width: 48.40425531914894%;
		 margin-bottom: 1em;
	}
	.region-below-content #block-aggregator-feed-1 {
		width: 100%;
	}
	#block-views-employee-spotlight-block {
		width: 100%;
		margin-left: 0;
	}
	#block-block-75,
	#block-views-tips-slideshow-block {
		margin-left: 0;
		clear: left;
	}
	#block-block-84 { margin-left: 0; }
	#block-views-news-capsules-block { 
		width: 48.40425531914894%;
		margin-left: 3.1914893617021276%; 
		}
	
} /* close of max 960 ----------------- */

@media only screen and (min-width: 520px) and (max-width: 960px) {

#block-aggregator-feed-1 li img {
	display: none;
	}
	
} /* close of min 520 - max 960 ------------------------------- */


@media only screen and (max-width: 520px) {

	.hubsection p {
		font-size: 1em;
	}
	.region-below-content {
		clear: both;
		}
		.region-below-content .third {
			 width:100%;
			 margin: 0 0 1em;
		}
	
} /* close of max 520 ------------------- */
@media only screen and (max-width: 480px) {

	#block-block-84,
	#block-views-news-capsules-block { 
		width: 100%;
		margin-left: 0; 
		}

}