@charset "utf-8";
@import url("/Style%20Library/DDCthemes/CAM/CAMTheme.css");

.modalGallery .mainHead, .modalGallery h3 {
    color: #000;
    background: #cfb87c;
}
#layoutBody .ms-picker-daycenter a, #layoutBody .ms-picker-today a, #layoutBody .ms-picker-dayselected a {
    color: #20399d;
    text-decoration: none;
	font-weight: bold;
}
#layoutBody .ms-picker-daycenter a:hover, #layoutBody .ms-picker-today a:hover, #layoutBody .ms-picker-dayselected a:hover {    
    text-decoration: underline;

}#CalViewTable1 a {
    color: #20399d;
}
  #gridGallery{
	 margin-top: 0px;}
#gridGallery h3, .ms-WPBody  #gridGallery h3 {
     color: #fff;
}
#gridGallery a{
     color: #cdeaff;
}
 .fullWidthMP .fluidBody .contentRow {
    color: #595959;
}
 #gridGallery .hiddenText {
                        display: none;
                }

		#gridGallery .box {
			background-position: center center;
   		 	background-size: cover;
			border:1px solid #fff;
			transition:opacity .25s;
			overflow:hidden;
		}
		
		#gridGallery .box:hover {
			cursor: pointer;
			z-index: 1;		}
		
		#boxOne, #boxTwo, #boxSeven, #boxEight {
			height:300px;
		}
		
		#boxThree, #boxFour, #boxFive, #boxSix {
			height:150px;
		}
		
		
		#boxOne {
			background-image:url('http://www.ucdenver.edu/academics/colleges/CAM/PublishingImages/homepage/gallery/Graduation-sm.jpg');
		}
		
		#boxEight {
			background-image:url('http://www.ucdenver.edu/academics/colleges/CAM/PublishingImages/homepage/gallery/ironpour-sm.jpg');
		}
		
		#boxTwo {
			background-image:url('http://www.ucdenver.edu/academics/colleges/CAM/PublishingImages/homepage/gallery/Florence-sm.jpg');
		}
		
		#boxSeven {
			background-image:url('http://www.ucdenver.edu/academics/colleges/CAM/PublishingImages/homepage/gallery/Lynx-Camp-sm.jpg');
		}
		
		#boxThree {
			background-image:url('http://www.ucdenver.edu/academics/colleges/CAM/PublishingImages/homepage/gallery/BFA-sm.jpg');
		}
		
		#boxSix {
			background-image:url('http://www.ucdenver.edu/academics/colleges/CAM/PublishingImages/homepage/gallery/glue-sm.jpg');
		}
		
		#boxFour {
			background-image:url('http://www.ucdenver.edu/academics/colleges/CAM/PublishingImages/homepage/gallery/Cinefest-sm.jpg');
		}
		
		#boxFive {
			background-image:url('http://www.ucdenver.edu/academics/colleges/CAM/PublishingImages/homepage/gallery/CAMJam-sm.jpg');
		}
		

		#gridGallery .full {
			float:none;
			height:600px !important;
			width:750px;
			position:absolute;
			z-index:2;
			
		}
		
		#gridH {
			background-color:#eee;
			min-height: 600px;
			margin-bottom: 50px;
		}
		
		#gridH .row {
			margin-top:150px;
		}
		
		#gridH .row .full {
			margin-top:-150px;
		}
		
		
		
		#gridGallery .full:hover {
			transform:scale(1);
			box-shadow:none;
		}
		
		#gridGallery .opacity {
			opacity:.8;
		}
		
	#gridGallery .captionBox {
			background-color: rgba(0, 0, 0, 0.5);
			bottom: 0;
			color: white;
			left:0;
			padding: 25px;
			position: absolute;
			opacity:0;
			width:100%;
			
		}
		
		#gridGallery .captionBox h3 {
			margin-top:0;
			text-transform:uppercase;
		}
		
		#gridGallery .transition {
			transition:1s;
		}
		
		
		
		.toggleIcon {
			background-color: rgba(0, 0, 0, 0.7);
			background-position: center center;
			background-repeat: no-repeat;
			background-size: 26px 26px;
			border-radius: 3px;
			bottom: 15px;
			height: 36px;
			left: -100px;
			opacity: 0;
			padding: 10px;
			position: absolute;
			width: 36px;
		}
		.box.full .toggleIcon {
			background-color: rgba(0, 0, 0, 0.57);
			background-position: center center;
			background-repeat: no-repeat;
			border-radius: 3px;
			height: 36px;
			left: 50px;
			opacity: 0;
			padding: 10px;
			position: absolute;
			top: 26px;
			width: 36px;
		}
		.box:hover .toggleIcon {
			background-image: url("http://www.ucdenver.edu/SiteCollectionImages/GridGallery/openIcon.png");
			left: 15px;
			opacity: 1;
			transition: all 0.25s ease 0s;
		}
		.box.full .toggleIcon {
			background-image: url("http://www.ucdenver.edu/SiteCollectionImages/GridGallery/closeIcon.png");
			background-size: 55% auto;
			border-radius: 0;
			left: 50px;
			opacity: 1;
			top: 26px;
		}
		.box.full .toggleIcon:hover {
			background-color: black;
		}
		
		
	
	@media (max-width: 1200px) {
		
		#gridGallery .full {
			width:100%;
			position: relative;
		}
		
	}
	
	
	@media (max-width: 992px) {
		
		
		
		.box {
			height:150px !important;
		}
		
		.col-lg-8.col-md-8.col-sm-7 {
			float:right;
		}
		
		#gridGallery .full {
			position: relative;
			width: 100%;
		}
		
		
		
		.box.full {
			height:600px;
		}
		
		
		
	}
	
	
	@media (max-width: 760px) {
		
		#boxThree, #boxFour, #boxFive, #boxSix {
			height:300px;
		}
		
		#gridGallery .full {
			position: relative;
			width: 100%;
		}
		
		#gridGallery {
			margin-top:30px;
		}
		
		.col-lg-8.col-md-8.col-sm-7 {
			float:none;
		}
		
		/* #boxTwo, #boxThree, #boxFour, #boxFive,
		#boxSix, #boxSeven, #boxEight {
			display:none;
		}
		
		#boxOne .captionBox.showSM {
			opacity:1;
			display:block !important;
			left:auto;
			bottom:0;
			position:relative;
			width:100%;
		}
		
		#boxOne {
			padding-top:15px;
			padding-bottom:15px;
			height:auto;
		} */
		
		#gridH .row {
			margin-top: 0px;
		}
		
		.box {
			max-height: 150px !important;
		}
		
		.box.full {
			max-height:none !important;
		
	}
	}
	
	
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-15 {
    width: 100%;
    float: left;
}
/*----------------------------
CAM buttons for static hero image web parts
  --------------------------*/
  .cambuttonrow{
	font-family: source_sans_proregular, Arial, Helvetica, sans-serif;   
	font-size: 16px;
	float: left;
	width: 100%;
	margin-bottom: 0px;
	background: #242320;
	padding-bottom: 45px;
}
/*
 .cambuttonrow a:link,
 .ms-WPBody .cambuttonrow a:link{
	display: block;
	height: 150px;
	width: 200px;
	color: #fff;
	text-transform: uppercase;
	font-size: 18px;
	padding: 100px 0px 15px 0px;
	text-align:center;
}
.cambuttonrow a.music:link,
.ms-WPBody .cambuttonrow a.music:link{
	background: url(/academics/colleges/CAM/PublishingImages/homepage/guitar.png) transparent no-repeat scroll center bottom;
	float: none;
	margin: 0 auto;
}
.cambuttonrow a.theater,
.ms-WPBody .cambuttonrow a.theater:link{
	background: url(/academics/colleges/CAM/PublishingImages/homepage/film.png) transparent no-repeat scroll center bottom;
	margin: 0 auto;
}
.cambuttonrow a.arts,
.ms-WPBody .cambuttonrow a.arts:link{
	background: url(/academics/colleges/CAM/PublishingImages/homepage/pen.png) transparent no-repeat scroll center bottom;
	float: none;
	padding: 110px 0px 15px 0px;
	margin: 0 auto;
}
.cambuttonrow a.animation,
.ms-WPBody .cambuttonrow a.animation:link{
	background: url(/academics/colleges/CAM/PublishingImages/homepage/blocks.png) transparent no-repeat scroll center bottom;
	float:none;
	margin: 0 auto;
}
.cambuttonrow a.forensics,
.ms-WPBody .cambuttonrow a.forensics:link{
	background: url(/academics/colleges/CAM/PublishingImages/homepage/soundwave.png) transparent no-repeat scroll center bottom;
	float:none;
	padding: 110px 0px 15px 0px;
	margin: 0 auto;
}*/
/*----------------------------
CAM buttons for static hero image web parts
  --------------------------*/



@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
    
/*----------------------------
CAM buttons for static hero image web parts
  --------------------------*/
 .cambuttonrow a:link,
 .ms-WPBody .cambuttonrow a:link,
  .cambuttonrow a:visited,
 .ms-WPBody .cambuttonrow a:visited{
	display: block;
	height: 150px;
	width: 200px;
	color: #fff;
	text-transform: uppercase;
	font-size: 18px;
	padding: 100px 0px 15px 0px;
	text-align:center;
}
.cambuttonrow a.music:link,
.ms-WPBody .cambuttonrow a.music:link{
	background: url(/academics/colleges/CAM/PublishingImages/homepage/guitar.png) transparent no-repeat scroll center bottom;
	float: none;
	margin: 0 auto;
	}
.cambuttonrow a.theater,
.ms-WPBody .cambuttonrow a.theater:link{
	background: url(/academics/colleges/CAM/PublishingImages/homepage/film.png) transparent no-repeat scroll center bottom;
	margin: 0 auto;
}
.cambuttonrow a.arts,
.ms-WPBody .cambuttonrow a.arts:link{
	background: url(/academics/colleges/CAM/PublishingImages/homepage/pen.png) transparent no-repeat scroll center bottom;
	float: none;
	margin: 0 auto;
	width: 150px;
}
.cambuttonrow a.animation,
.ms-WPBody .cambuttonrow a.animation:link{
	background: url(/academics/colleges/CAM/PublishingImages/homepage/blocks.png) transparent no-repeat scroll center bottom;
	float:none;
	margin: 0 auto;
}
.cambuttonrow a.forensics,
.ms-WPBody .cambuttonrow a.forensics:link{
	background: url(/academics/colleges/CAM/PublishingImages/homepage/soundwave.png) transparent no-repeat scroll center bottom;
	float:none;
	padding: 110px 0px 15px 0px;
	margin: 0 auto;
}
/*----------------------------
CAM buttons for static hero image web parts
  --------------------------*/    
}/*768*/
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}