/*Moved mobile menu styles to here.*/
@import url("/templates/CNS_3/css/style_mobile_menu.css");

/******* Base Showcase Background on main *******/

body#cns div#pagecontainer div#customshowcase {
//	background: url(../../../images/tower.jpg) #edeeec no-repeat;
	background-size: cover;
	background-position: center;
}

#content div.item-page div.moduletablecareerservicesevents div.jeventslatest div.jeviconnotdate h4 span a {
	color: #bf5700;
}

#content div.item-page div.moduletablecareerservicesevents div.jeventslatest div.jeviconnotdate h4 span a:hover {
	color: #005F86;
}

#content div.item-page div.moduletablecareerservicesevents div.mod_events_latest_callink {
	padding-top: 25px;
}

/* Specific to Health Professions Home Page */
.customSpan3 {
    width: 23.404255319148934%;
    display: block;
    float: left;
    min-height: 0px;
    margin-left: 1.59574468085107%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div[id*="dept"] div.customSpan3:first-child span.wf_caption a span[class*="overlay-"] {
	padding-left: 18px;
}

@media only screen 
and (max-width : 530px) {
	.customSpan3 {
		font-size: 0.5rem;
	}
}

@media only screen 
and (max-width : 400px) {
	.customSpan3 {
		font-size: 0.35rem;
	}
}


/******* SVG Showcase *******/
svg rect#gradientBackground {
		animation: gradientFade 15s linear infinite;
		fill: url('/#grad1');
}

@keyframes gradientFade {

	0% {
		transform: translate(0,0);
	}
	100% {
		transform: translate(-7704px,0);
	}
	
}

#customshowcase svg {
	position: relative \0/;
	left: -35% \0/;
	width: 150% \0/;
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   #customshowcase svg {
		position: relative;
		left: -35%;
		width: 150%;
	}
}

#djslider213 ul#slider213 li a svg#Layer_1 {
	background: url(../../../images/visualizing-science-2016-background.jpg) center;
	background-size: 100% auto;
}

/***************************/


#mobilemenu a {
    font-size: 20px;
    color: #fff;
}

#fd .ebd-block.is-nested .eb-image .eb-image-figure a.eb-image-viewport {
	border: none;
	background: none;
}

#fd .ebd-block.is-nested .eb-image .eb-image-figure a.eb-image-viewport img {
	width: inherit !important;
	height: 100% !important;
}

#fd .ebd-block .eb-image .eb-image-figure {
	width: inherit !important;
}


#fd .ebd-block.is-nested .eb-image .eb-image-figure a.eb-image-viewport img:not(*:root) {
	max-width: 100% !important;
	height: auto !important;
}

#fd div#entry-4497 .ebd-block.is-nested .eb-image .eb-image-figure a.eb-image-viewport img {
	max-width: 100% !important;
	width: 100% !important;
	height: auto !important;
	left: 0 !important;
}


#internalTransCallout {
	width: 33.333%;
	float: right;
	border: 1px solid #ccc;
	border-top: 3px solid #888;
	margin: 15px 0 15px 15px;
	padding: 15px;
}





@media only screen and (max-width : 767px) {
    body#cns.mainhome {
		padding-left: 0;
		padding-right: 0;
    }
    
    div.row-fluid > div.streamBlock {
    	width: 250px;
		margin: 0px auto !important;
    }
    
    div.row-fluid > div.streamBlock article.has-context dl dd.streamDesc h3 {
    	font-size: 1.15em !important;
    }
    
    body#cns div#newsreel div#fd div.eb-mod div.mod-item {
    	width: 100%;
    }
    
    body#cns div#newsreel div#fd div.eb-mod div.mod-item div[class*="eb-mod"] {
		text-align: center;
    }
    
    body#cns div#bodycontent h2#jomwebplayer_title,
    body#cns div#bodycontent div#jomwebplayer_video p iframe,
    body#cns div#bodycontent div#jomwebplayer_description {
    	width: 100% !important;
    }
	
	body#cns.mainhome #eventscol,
	body#cns.mainhome #explorereel div#explorerow div.moduletableexplore div.customexplore h2,
	body#cns.mainhome #credo,
	body#cns.mainhome div#newsreel div.customnewstitle h2 {
		padding-left: 10px;
	}
	
	#internalTransCallout {
		width: calc(100% - 60px);
		float: none;
		margin: 15px;
	}

}

#content .item-page table tbody td img {
	max-width: none;
	padding: 10px;
	vertical-align: top;
}

#content .item-page .undergradEdList table tbody td img, 
#bodycontentfeature #content .item-page .moduletablemoduletablefaculty-affairs-list table tbody td img {
	max-width: 100%;
}

#bodycontentfeature #content .item-page .moduletablemoduletablefaculty-affairs-list table tbody td.imageclass {
	width: 25%;
}

#content .item-page table tbody td img.mceIcon {
	padding: 0;
}

/* new identity layout */

div.identity {
	line-height: 1;
	font-size: 10px;
	width: 100%;
	max-width: 525px;
}

div.identity img{
	width: 100%;
}

div.identity #id-outer {
	position: relative;
	width: 100%;
	padding-top: 20.952380952381%;
	display: block;
}

div.identity #id-outer #id-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

div.identity #id-outer #id-inner #UTShield {
	position: absolute;
	top: 0;
	left: 0;
	width: 8%;
}

div.identity #id-outer #id-inner #UTName {
	position: absolute;
	top: 2.72727272727273%;
	left: 10.285714285714%;
	width: 53.333333333333333%;
}

div.identity #id-outer #id-inner #SiteName {
	position: absolute;
	top: 22.727272727273%;
	left: 10.666666666666667%;
}

/******************** Staff Day *******************/

table#staffDay {
	width: 100%;
}

table#staffDay tr {
	border-top: 5px solid #fff;
}

table#staffDay tr td {
	padding: 15px;
}

table#staffDay tr:not(.description):hover {
	cursor: pointer;
}

table#staffDay tr.relaxRow,
span.relaxRow {
	background: #bfd7e1;
}

table#staffDay tr.relaxRow:hover {
	border-top: 5px solid #005f87;
}

table#staffDay tr.relaxRow2,
span.relaxRow2 {
	background: #deeff6;
}

table#staffDay tr.relaxRow2:hover {
	border-top: 5px solid #00b3ff;
}

table#staffDay tr.activeRow,
span.activeRow {
	background: #fce9bf;
}

table#staffDay tr.activeRow:hover {
	border-top: 5px solid #f2aa00;
}

table#staffDay tr.teamRow,
span.teamRow {
	background: #cdcbcc;
}

table#staffDay tr.teamRow:hover {
	border-top: 5px solid #392f2e;
}

table#staffDay tr.spectatorRow,
span.spectatorRow {
	background: #f5f4f0;
}

table#staffDay tr.spectatorRow:hover {
	border-top: 5px solid #d6d3c4;
}

table#staffDay tr.serviceRow,
span.serviceRow {
	background: #d0dbd7;
}

table#staffDay tr.serviceRow:hover {
	border-top: 5px solid #43695a;
}

table#staffDay tr.foodRow,
span.foodRow {
	background: #e9f2d5;
}

table#staffDay tr.foodRow:hover {
	border-top: 5px solid #a6cd57;
}

table#staffDay tr.improvementRow,
span.improvementRow {
	background: #f1c2cb;
}

span[class*="Row"] {
	display: inline-block;
	width: 25px;
	height: 25px;
	position: relative;
	top: 7px;
}

table#staffDay tr.improvementRow:hover {
	border-top: 5px solid #c60c30;
}

table#staffDay tr.titleRow {
	background: #323f48;
	color: #fff;
	font-weight: bold;
}

table#staffDay tr[onclick] td:first-child {
	background-color: rgba(255,255,255,0.5);
	font-weight: bold;
	border-bottom-right-radius: 25px;
}

table#staffDay tr td.boldMe {
	font-weight: bold;
}

table#staffDay tr.description div.eventCopy {
	background-color: rgba(0,0,0,0.1);
	padding: 10px;
	border-radius: 25px;
	border-top-left-radius: 0px;
}

table#staffDay tr.description div.eventCopy div[class*="span"] {
	padding: 10px;
}

table#staffDay tr.description {
	display: none;
}

table#staffDay tr.description div.eventCopy img {
	width: 100%;
	height: auto;
}

@media screen and (max-width: 479px) {
	table,
	table th,
	table tr,
	table td,
	table td div.eventCopy p {
		font-size: 12px;
	}
	
	table#staffDay tr td {
		padding: 5px;
	}
}

/******************** Career Services *********************/

#majorResources .nn_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle,
#majorResources .nn_sliders.accordion > .accordion-group.active > .accordion-heading > a.accordion-toggle,
#majorResources .nn_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle:hover,
#majorResources .nn_sliders.accordion > .accordion-group.active > .accordion-heading > a.accordion-toggle:hover {
	overflow: hidden;
	height: 200px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: contain;
}

#majorResources .nn_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle > span.nn_sliders-toggle-inner {
	font-size: 13px !important;
}

#majorResources .nn_sliders.accordion > .accordion-group > a#rl_sliders-scrollto_astronomy + .accordion-heading > a.accordion-toggle {
	background-image: url(/images/CNS/careerServices/astro.jpg);
}

#majorResources .nn_sliders.accordion > .accordion-group > a#rl_sliders-scrollto_biochemistry + .accordion-heading > a.accordion-toggle {
	background-image: url(/images/CNS/careerServices/biochem.jpg);
}

#majorResources .nn_sliders.accordion > .accordion-group > a#rl_sliders-scrollto_biology + .accordion-heading > a.accordion-toggle {
	background-image: url(/images/CNS/careerServices/bio.jpg);
}

#majorResources .nn_sliders.accordion > .accordion-group > a#rl_sliders-scrollto_chemistry + .accordion-heading > a.accordion-toggle {
	background-image: url(/images/CNS/careerServices/chem.jpg);
}

#majorResources .nn_sliders.accordion > .accordion-group > a#rl_sliders-scrollto_computer-science + .accordion-heading > a.accordion-toggle {
	background-image: url(/images/CNS/careerServices/compsci.jpg);
}

#majorResources .nn_sliders.accordion > .accordion-group > a#rl_sliders-scrollto_environmental-science + .accordion-heading > a.accordion-toggle {
	background-image: url(/images/CNS/careerServices/environ.jpg);
}

#majorResources .nn_sliders.accordion > .accordion-group > a#rl_sliders-scrollto_human-development-amp-family-science + .accordion-heading > a.accordion-toggle {
	background-image: url(/images/CNS/careerServices/hdfs.jpg);
}

#majorResources .nn_sliders.accordion > .accordion-group > a#rl_sliders-scrollto_mathematics + .accordion-heading > a.accordion-toggle {
	background-image: url(/images/CNS/careerServices/math.jpg);
}

#majorResources .nn_sliders.accordion > .accordion-group > a#rl_sliders-scrollto_medical-laboratory-science + .accordion-heading > a.accordion-toggle {
	background-image: url(/images/CNS/careerServices/medlab.jpg);
}

#majorResources .nn_sliders.accordion > .accordion-group > a#rl_sliders-scrollto_neuroscience + .accordion-heading > a.accordion-toggle {
	background-image: url(/images/CNS/careerServices/neuro.jpg);
}

#majorResources .nn_sliders.accordion > .accordion-group > a#rl_sliders-scrollto_nutritional-sciences + .accordion-heading > a.accordion-toggle {
	background-image: url(/images/CNS/careerServices/nutr.jpg);
}

#majorResources .nn_sliders.accordion > .accordion-group > a#rl_sliders-scrollto_physics + .accordion-heading > a.accordion-toggle {
	background-image: url(/images/CNS/careerServices/physics.jpg);
}

#majorResources .nn_sliders.accordion > .accordion-group > a#rl_sliders-scrollto_public-health + .accordion-heading > a.accordion-toggle {
	background-image: url(/images/CNS/careerServices/pubhealth.jpg);
}

#majorResources .nn_sliders.accordion > .accordion-group > a#rl_sliders-scrollto_textiles-amp-apparel + .accordion-heading > a.accordion-toggle {
	background-image: url(/images/CNS/careerServices/textiles.jpg);
}

/******************** End Career Services ***********************/


#diversityShowcase {
	position: relative;
}

#diversityShowcase p {
	margin-bottom: 0;
}

#diversityShowcase .showcaseBlrub a {
	color: #fff;
}

#diversityShowcase .showcaseBlrub {
	position: absolute;
	bottom: 0;
	background: rgba(1, 1, 1, 0.55);
	z-index: 10;
	padding: 10px;
}

/************** Point of Discovery Podcast - hide iframes on main CNS News page ***************/

div.pointDisc h3 {
    font-size: 20px !important;
    margin: 20px 0 8px;
}

div#fd.cns-news.eb-view-latest .ebd-block iframe,
div#fd.point-podcast .eb-header,
div#fd.point-podcast .eb-category {
    display: none;
}

div#fd.cns-news .ebd-block[data-type="youtube"] iframe {
	display: block;
}

.custompointbanner {
    margin-top: -35px;
}

/***********  EasyBlog Sidebar images fix *************/

div#fd.eb div.eb-entry  div.eb-entry-body.type-standard.clearfix  div.eb-entry-article.clearfix table div.ebd-block.is-nested.nest-right {
	float: none !important;
}

div#fd.eb div.eb-entry  div.eb-entry-body.type-standard.clearfix  div.eb-entry-article.clearfix table div.eb-image-caption {
	width: inherit !important;
}

/*********** Audio Programs **************/

.audioImage {
	margin-right: 10px;
	margin-bottom: 10px;
	width: 170px;
	height: 170px;
	float: left;
}

.alert.colorBG {
	color: #000;
}

h3.record-title-cns,
h3.record-title-cns {
//	text-transform: none;
}

/* FRI Entry Points CSS */

.orangeTitle {
	color: #bf5700;
	font-size: 1.25em;
	font-style: italic;
}

.largeTitle {
	font-size: 1.25em;
	text-transform: uppercase;
}

.tallThin {
	font-family: "Benton Sans Cond Reg";
	font-size: 3em;
	text-align: center;
}

.nextBlue {
	color: #21778b;
}


/***********  FRI RESEARCH STREAMS  *************/

.streamBlock article dl.text-overflow,
.streamBlock article dl.text-overflow dd.streamImage,
.streamBlock article dl.text-overflow dd.streamDesc {
	text-align: center;
	vertical-align: middle;
	padding: 15px;
}

.streamBlock article dl.text-overflow {
	position: relative;
	float: left;
	margin: 2px;
	text-align: center;
}

.streamBlock article dl.text-overflow dd.streamDesc {
	width: 175px;
	padding-top: 0;
}

.streamBlock article dl.text-overflow dd.streamDesc h3 {
	font-size: 1.5em !important;
	line-height: 1em;
	text-transform: uppercase;
	height: 40px;
}

.streamBlock article dl.text-overflow dd.streamDesc p {
	display: none;
}

.streamBlock article dl.dl-horizontal dd {
	margin-bottom: 0;
}


/***********  Grid Zone  *************/


.gridZone .gridNavWellLinks {
	grid-area: gridNavWellLinks;
}

.gridZone .gridCopyTitle {
	grid-area: gridCopyTitle;
	border-bottom: 1px solid #ddd;
	margin-bottom: 25px;
}

.gridZone .gridCopyArea {
	grid-area: gridCopyArea;
	border: none !important;
	margin-top: 0 !important;
	padding: 0 25px 25px 0 !important;
}

.gridZone .gridSideBar-01 {
	grid-area: gridSideBar-01;
}

.gridZone {
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-template-areas:
		"gridNavWellLinks gridNavWellLinks"
		"gridCopyTitle gridCopyTitle"
		"gridCopyArea gridSideBar-01";
	border-bottom: 1px solid #ddd;
	padding-bottom: 25px;
}


/***********  End Grid Zone  *************/



@media (min-width: 769px) {
	.hideMeLarge {
		display: none;
	}
	
	body#cns #explorereel #explorerow .customexplore img.exploreGradImg {
		height: 88px;
	}
}

@media (max-width: 768px) {
	.hideMeSmall {
		display: none;
	}

	body#cns div.row-fluid div#customshowcase div[style="border: 0px !important;"] div#djslider-loader213 {
		display: block !important;
		margin-bottom: 50px;
	}
	
	body#cns div.row-fluid div#customshowcase div[style="border: 0px !important;"] div#djslider-loader213 div#navigation213 {
		display: none;
	}
	
	body#cns div.row-fluid div#customshowcase div[style="border: 0px !important;"] div#djslider-loader213 .slide-desc-text,
	body#cns div.row-fluid div#customshowcase div[style="border: 0px !important;"] div#djslider-loader213 .slide-desc-text .slide-title {
		max-width: inherit;
		margin: 0;
		width: 100%;
	}
	
	body#cns div.row-fluid div#customshowcase div[style="border: 0px !important;"] div#djslider-loader213 .slide-desc-text .slide-title {
		width: 95%;
	}
	
	div#djslider622 ul#slider622 li div.slide-desc div.slide-text p,
	div#djslider622 ul#slider622 li div.slide-desc div.slide-text p em,
	div#djslider622 ul#slider622 li div.slide-desc div.slide-text p strong,
	div#djslider622 ul#slider622 li div.slide-desc div.slide-text p span {
		line-height: 12px !important;
		font-size: 8px !important;
	}
	
	.diversityNewsHeadline {
		margin-top: 0 !important;
	}
	
	nav#cbp-spmenu-s1 + .custom {
		margin-top: 50px;
	}
	
	#js-mainnav, 
	#footersocial .custom {
		margin-top: 0;
	}
	
	#footersocial li a img {
		max-width: 13%
	}
}

@media (max-width: 768px) and (orientation: landscape) {
	body#cns > div.custom {
		margin-top: 50px;
	}

	.gridZone .gridCopyTitle {
		grid-area: gridCopyTitle;
		border-bottom: none;
		margin-bottom: 0;
	}

	.gridZone .gridCopyArea {
		grid-area: gridCopyArea;
		border-top: 1px solid #ddd !important;
		border-bottom: 1px solid #ddd !important;
		margin-top: 25px !important;
		padding: 25px 25px 0 0 !important;
	}

	.gridZone {
		grid-template-columns: 1fr;
		grid-template-areas:
			"gridCopyTitle"
			"gridCopyArea"
			"gridNavWellLinks"
			"gridSideBar-01";
		border-bottom: none;
		padding-bottom: none;
	}
}

@media screen and (max-device-width : 767px) and (orientation:portrait){

	body#cns div#credo div#banner2 {
		display: block;
	}
	body#cns div#credo div#banner2 #makeagift {
		display: none;
	}
	body#cns div#pagecontainer > div.container-fluid {
		display: none;
	}
	body#cns div#pagecontainer div#right.span9 {
		margin-top: 0;
	}
	body#cns.Health.Professions div#bodycontentfeature div.customsidebar2 div[id*="dept"] div.customSpan3 span.wf_caption a span[class*="overlay-"] {
		font-size: 0.7rem !important;
	}
	body#cns.Health.Professions div#bodycontentfeature div.customsidebar2 div[id*="dept"] div.customSpan3 span.wf_caption a span[class*="overlay-"] > span {
		font-size: 0.7rem !important;
	}
	.customSpan3 {
		width: 48%;
		display: block;
		float: left;
		min-height: 0px;
		margin-bottom: 1.59574468085107%;
		margin-left: 1.59574468085107%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	body#cns.Health.Professions div#bodycontentfeature div.customsidebar2 div[id*="dept"] div.customSpan3 span.wf_caption a span[class*="overlay-"].first-child {
		padding-left: 0;
	}
	
	body#cns.Stay.Connected div[id*="deptrow-"],
	body#cns.Giving.Opportunities div[id*="deptrow-"],
	body#cns.Departments div[id*="deptrow-"] {
		margin-top: 0;
	}
	body#cns.Stay.Connected div[id*="deptrow-"] > div.span4,
	body#cns.Giving.Opportunities div[id*="deptrow-"] > div.span4,
	body#cns.Departments div[id*="deptrow-"] > div.span4 {
		margin-top: 16px;
	}

	.gridZone .gridCopyTitle {
		grid-area: gridCopyTitle;
		border-bottom: none;
		margin-bottom: 0;
	}

	.gridZone .gridCopyArea {
		grid-area: gridCopyArea;
		border-top: 1px solid #ddd !important;
		border-bottom: 1px solid #ddd !important;
		margin-top: 25px !important;
		padding: 25px 25px 0 0 !important;
	}

	.gridZone {
		grid-template-columns: 1fr;
		grid-template-areas:
			"gridCopyTitle"
			"gridCopyArea"
			"gridNavWellLinks"
			"gridSideBar-01";
		border-bottom: none;
		padding-bottom: none;
	}
	
}

@media screen and (max-device-width: 1200px) and (orientation:landscape){

	body#cns div#credo div#banner2 {
		display: block;
	}
	body#cns div#credo div#banner2 #makeagift {
		display: none;
	}
	
	div#djslider622 ul#slider622 li div.slide-desc div.slide-text p,
	div#djslider622 ul#slider622 li div.slide-desc div.slide-text p em,
	div#djslider622 ul#slider622 li div.slide-desc div.slide-text p strong,
	div#djslider622 ul#slider622 li div.slide-desc div.slide-text p span {
		line-height: 15px !important;
		font-size: 12px !important;
	}
	
	.diversityNewsHeadline {
		margin-top: 0 !important;
	}
}
	
/*//////////////////////////////////// Diversity & Inclusion's News & Updates EasyBlog images ///////////////////////////////////*/

div.moduletablesidebar2inthenews div#fd.eb div.eb-mod div.mod-item div.eb-mod-thumb a.eb-mod-image-cover {
	height: 130px;
}
	
/*//////////////////////////////////// Diversity & Inclusion's News & Updates EasyBlog images ///////////////////////////////////*/	


/****************************** Department Welcome Videos ***************************************/

body#cns div.vidBlocks ul {
	margin: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));
	grid-gap: 10px;
	justify-content: space-evenly;
}

body#cns div.vidBlocks ul li {
	list-style: none;
	padding: 15px;
	border-right: 10px solid #005f86;
	background-color: rgba(214, 210, 196,0.5);
	height: 75px;
	line-height: 75px;
	text-align: center;
	background-image: url(/images/CNS/Site/icons/social_media/play_btn.svg);
    background-size: 30px;
    background-position: 97.5% 95%;
    background-repeat: no-repeat;
}

body#cns div.vidBlocks ul li.noVid {
	filter: grayscale(1) opacity(0.35);
	display: none;
}

body#cns div.vidBlocks ul li.noVid a {
	cursor: default;
}

body#cns div.vidBlocks ul li a {	
    vertical-align: middle;
    display: inline-block;
}

body#cns div.vidBlocksl li.yesVid:hover {
	background-color: rgba(214, 210, 196, 1);
}

body#cns div.vidBlocks ul li.yesVid:hover a {
	text-decoration: underline;
}

body#cns div.vidBlocks ul li.yesVid:hover a:hover {
	color: #005f86;
}

body#cns .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

@media (max-width: 768px) {
	body#cns.College.Readiness.Materials div#bodycontentfeature div#content {
		grid-area: content;
	}
	body#cns.College.Readiness.Materials div#bodycontentfeature div#sidebar2 {
		grid-area: sidebar;
	}
	body#cns.College.Readiness.Materials div#bodycontentfeature {
		display: grid;
		grid-template-areas: 
			"sidebar"
			"content";
	}
	body#cns.College.Readiness.Materials div#bodycontentfeature div#content hr[id] {
		margin-top: 50px;
		margin-bottom: 75px;
	}
}