/*grid.css 4/10/15*/

.page-video-profiles div#mainPageContent .view-content, .page-video-profiles div#mainPageContent.noSidebar { /*Make video page full width of content area*/
	width: 100%;
	}


#videoProfiles.view-content-image-grid .views-row {	/*Style each dow div*/
	width: 100%;
	float: left;
	clear: none;
	}
#videoProfiles.view-content-image-grid .views-row, #videoProfiles.view-content-image-grid .views-row img  {	/*Style Image*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
#videoProfiles .gridContainerHidden {
	display: none;
	}
#videoProfiles.view-content-image-grid .views-row .views-field-title,
#videoProfiles.view-content-image-grid .views-row .views-field-field-subheading,
#videoProfiles.view-content-image-grid .views-row .views-field-field-representative-image {
		display: none;
		}
#videoProfiles.view-content-image-grid .views-row .views-field-title h2 {
	margin-bottom: 0em;
	}
#videoProfiles .contentImageGridMobile h2 {
	margin-bottom: 0em;
	}
#videoProfiles .contentImageGridMobile a:link,
#videoProfiles .contentImageGridMobile a:visited {
	text-decoration: none;
	color: #003da5;
	}

	#videoProfiles.view-content-image-grid .views-row, #videoProfiles.view-content-image-grid .views-row img  {	/*Style Image*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

@media all and (min-width: 480px) {
	#videoProfiles.view-content-image-grid .views-row {
		width: 23.5%;
		float: left;
		clear: none;
		margin-bottom: 1%;
		}
	#videoProfiles.view-content-image-grid .views-row:nth-child(3n+2) {
		margin: 0% 2%;
		}
	#videoProfiles.view-content-image-grid .views-row:nth-child(3n+3) {
		margin: 0% 2% 0% 0%;
		}
	#videoProfiles.view-content-image-grid .views-row .views-field-title {
		max-width: 230px;
		}
	#videoProfiles.view-content-image-grid .views-row .views-field-title {	/*Style title*/
		position: absolute;
		opacity: 0;
		padding: 10px 0px 0px 20px;
		max-width: 230px;
		font-size: 1.5em;
		line-height: 1.3em;
		display: block;
		}
	#videoProfiles.view-content-image-grid .views-row .views-field-field-subheading {	/*Style subheading*/
		position: absolute;
		opacity: 0;
		padding: 120px 0px 0px 20px;
		max-width: 220px;
		color: #003da5;
		display: block;
		}
	#videoProfiles.view-content-image-grid .views-row .views-field-field-representative-image {
		display: block;
		}
	#videoProfiles .gridRowDiv {
		background: #ffc425;
		padding: 1em 0em;
		margin-top: -1%;
		}
	#videoProfiles .gridRowDivInner {
		width: 75%;
		margin-left: auto;
		margin-right: auto;
		}
	#videoProfiles.view-content-image-grid .views-row:hover,
	#videoProfiles.view-content-image-grid .views-row:active {
	background: #c1cd23;
	cursor: pointer;
	cursor: hand;

		}
	#videoProfiles.view-content-image-grid .views-row:hover img,
	#videoProfiles.view-content-image-grid .views-row:active img {
		opacity: .3;
		-webkit-filter: blur(5px);
		-moz-filter: blur(5px);
		-o-filter: blur(5px);
		-ms-filter: blur(5px);
		filter: blur(5px);

		}
	#videoProfiles.view-content-image-grid .views-row:hover .views-field-title,
	#videoProfiles.view-content-image-grid .views-row:hover .views-field-field-subheading,
	#videoProfiles.view-content-image-grid .views-row:active .views-field-title,
	#videoProfiles.view-content-image-grid .views-row:active .views-field-field-subheading {
		opacity: 1;

		}
	#videoProfiles.view-content-image-grid .selected,
	#videoProfiles.view-content-image-grid .selected:hover,
	#videoProfiles.view-content-image-grid .selected:active {
		background: #ffc425;

		}
	#videoProfiles.view-content-image-grid .selected img,
	#videoProfiles.view-content-image-grid .selected:hover img,
	#videoProfiles.view-content-image-grid .selected:active img {
		opacity: .2;
		-webkit-filter: blur(5px);
		-moz-filter: blur(5px);
		-o-filter: blur(5px);
		-ms-filter: blur(5px);
		filter: blur(5px);
		}
	#videoProfiles.view-content-image-grid .selected .views-field-title,
	#videoProfiles.view-content-image-grid .selected:hover .views-field-title,
	#videoProfiles.view-content-image-grid .selected:active .views-field-title,
	#videoProfiles.view-content-image-grid .selected .views-field-field-subheading,
	#videoProfiles.view-content-image-grid .selected:hover .views-field-field-subheading,
	#videoProfiles.view-content-image-grid .selected:active .views-field-field-subheading {
		opacity: 1;
		}
	#videoProfiles.view-content-image-grid .views-row.selected {
		-webkit-border-bottom-left-radius: 0px;
		-webkit-border-bottom-right-radius: 0px;
		-moz-border-radius-bottomleft: 0px;
		-moz-border-radius-bottomright: 0px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		}
	#videoProfiles .contentImageGridMobile {
		display: none;
		}
}
@media all and (min-width: 480px) and (max-width: 1024px) {
	#videoProfiles.view-content-image-grid .views-row .views-field-title {	/*Style title*/
		position: relative;
		opacity: 1;
		padding: 0px;
		font-size: 1em;
	}
	#videoProfiles.view-content-image-grid .views-row .views-field-field-subheading {	/*Style subheading*/
		position: relative;
		opacity: 1;
		padding: 0px;
	}
}























/* necessary-don't change*/
/*content show*/
#contentGrid .gridContainerHidden {
display: none;
}

#contentGrid.view-content-image-grid .views-row .views-field-title,
#contentGrid.view-content-image-grid .views-row .views-field-field-subheading,
#contentGrid.view-content-image-grid .views-row .views-field-field-representative-image {
display: none;
		}

/*special mobile setup uses class of .contentImageGridMobile */
#contentGrid .contentImageGridMobile a:link,
#contentGrid .contentImageGridMobile a:visited {
text-decoration: none;
color: #003da5;
font-size:1.5em;
}
#contentGrid div.views-field-nothing {
	border: 1px solid #ccc;
	margin: 1.5em 0em;
	background: #eee;
}

/*typography @ mobile*/
#contentGrid .contentImageGridMobile div.majors-minors{
	float: none;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	width: 99%;
	background-color: none;
	padding: 10px;
	border:none;
}

#contentGrid .contentImageGridMobile:not(> .majors-minors) {
	display:none;
}
#contentGrid .contentImageGridMobile > :not(.majors-minors):not(a) {
	display: none;
	}


@media all and (min-width: 480px) {

#contentGrid .contentImageGridMobile, #contentGrid div.views-field-nothing {
		display: none;
		}

#contentGrid.view-content-image-grid .views-row .views-field-field-representative-image {
		display: block;
}


/*START ITEM CONTAINER AND ITEM CONTAINER IMAGE*/

/*item container*/

#contentGrid.view-content-image-grid .views-row    {
	-webkit-border-radius: 11px;
	-moz-border-radius:11px;
	border-radius: 11px;
	width: 23.5%;
	float: left;
	clear: none;
	margin-bottom: 1%;
}

#contentGrid.view-content-image-grid .views-row.humanities    {
			background-color:#003da5;
			}

#contentGrid.view-content-image-grid .views-row.social-science    {
			background-color:#f26d2c;
			}

#contentGrid.view-content-image-grid .views-row.natural-science    {
			background-color:#8a991f;
			}

			#contentGrid.view-content-image-grid .views-row.programs    {
			background-color:#ffc425;
			}


/*item container hover and active*/
#contentGrid.view-content-image-grid .views-row:hover,
#contentGrid.view-content-image-grid .views-row:active {
	cursor: pointer;
	cursor: hand;
}

/* item container image*/
#contentGrid.view-content-image-grid .views-row img{
-webkit-border-radius: 11px;
-moz-border-radius:11px;
border-radius: 11px;
opacity: 0.1;
}

#contentGrid.view-content-image-grid .views-row.social-science img{
	opacity: 0.2;
	}

/*item container IMAGE hover and active*/
#contentGrid.view-content-image-grid .views-row:hover img,
#contentGrid.view-content-image-grid .views-row:active img {
opacity: 0.9;
}

/*Item container SELECTED*/
#contentGrid.view-content-image-grid .views-row.selected{
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	background-color: #eee;
}

/*Item container image SELECTED*/
#contentGrid.view-content-image-grid .views-row.selected img{
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
opacity: 0;
}

/* item container > img selected states*/

#contentGrid.view-content-image-grid .views-row.selected img:hover {
opacity: 0;
}

#contentGrid.view-content-image-grid .views-row.selected img:active{
opacity: 0;
}

/*item container image selected hover*/
#contentGrid.view-content-image-grid .views-row.selected:hover img,
#contentGrid.view-content-image-grid .views-row.selected:active img{
	opacity:0;
}


/*END ITEM CONTAINER AND ITEM CONTAINER IMAGE*/

/*START H3 FIELD and FIELD h3---------------*/

/*h3 container*/
#contentGrid.view-content-image-grid .views-row .views-field-title {
	max-width: 150px;
	position: absolute;
	padding: 10px;
	max-width: 230px;/* needed as a hook for functions.js -don't change*/
display: block;
	z-index: 496;
}

/*h3 container h3 */
#contentGrid.view-content-image-grid .views-row .views-field-title h3 {
max-width: 150px;
	opacity: 1;
		line-height: 1.3em;
	font-size: 1.25em;
margin-top:0px;
line-height: normal;
color: #fff;
}

#contentGrid.view-content-image-grid .views-row:hover .views-field-title h3 {
opacity: 0.3;
}

/*h3 when selected*/
#contentGrid.view-content-image-grid .views-row.selected .views-field-title h3{
	color:#f26d2c;
	padding-top:20px;
}



/*h3 when selected + hovered (both)*/
#contentGrid.view-content-image-grid .views-row.selected:hover .views-field-title h3{
opacity:.8;
}

/*-------------------------------END h3 FIELD AND  FIELD h3---------------------------------------*/




/*------------------------START SHOW/HIDE-----------------------------------------------------*/


#contentGrid .gridRowDiv {/*show content*/
		background: #eee;
		padding: 1em 0em;
		margin-bottom:20px;
		margin-top:-1%;
		}

#contentGrid .gridRowDiv:after  {/*clear the float:right div if it's longer*/
 content:"";
 clear:both;
 display:block;
}

#contentGrid .gridRowDivInner {/*show content inner*/
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		}


/*------------------------END SHOW/HIDE-----------------------------------------------------*/

/*------------------------MISC-----------------------------------------------------*/


/*These two pertain to spacing between items*/
#contentGrid.view-content-image-grid .views-row:nth-child(3n+2) {
		margin: 0% 2%;
		}
#contentGrid.view-content-image-grid .views-row:nth-child(3n+3) {
		margin: 0% 2% 0% 0%;
}

div.majors-minors{
float: right;
margin-left:20px;
margin-bottom:20px;
width: 35%;
background-color: #efefef;
padding: 10px;
border: 2px solid #ffffff;
}

div.majors-minors ul{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

div.majors-minors ul li{
font-size: 0.9em;
margin-top:0px;
margin-bottom:0px;
 padding-left:30px;
}

div.majors-minors ul li:before {
font-family: "wireframe-icons";
content: '\f135';
color:#003da5;
}

div.majors-minors h2{
margin-top:5px;
margin-bottom:0px;
color:#f26d2c;
}

div.majors-minors h3{
margin-top:5px;
margin-bottom:0px;

padding-left:10px;
margin-bottom:0px;
color:#003da5;
}

div.majors-minors h4{
margin-top:0px;
margin-bottom:0px;
color:#003da5;
padding-left:20px;
font-size: 1.1em;
color:#333;
}







/*------------------------END MISC-----------------------------------------------------*/


}
@media all and (min-width: 480px) and (max-width: 1024px) {

#contentGrid.view-content-image-grid .views-row .views-field-title h3 {
  max-width: 100px;
}

#contentGrid.view-content-image-grid .views-row .views-field-field-representative-image {
		display: inline;
}
}