@charset "UTF-8";

/****** VARIOUS PAGE ******/

.variousbox {
	padding-bottom:5%;
	display: flex;
	flex-direction: row;
	color:lightgray;
	width:100%;
	font-family:GillSans, "san-serif";
	text-align:left;
	font-size:15px;
}

.varioustext {	
	width:50%;
	padding-right:5%;
}

.varioustexttitle {
	font-size:24px;
}

.variousimgs {
	width:50%;
	align-content:flex-end;
}

.variousimg {
	width:100%;
	padding-bottom:5%;
}
/****** PROJECT PAGE ******/

.projectinfo {

	margin-left:5%;
	margin-top:5%;
	margin-right:5%;
	border: 1px solid lightgray;
	flex:1 0 auto;
	padding:5%;
	display: flex;
	flex-wrap:wrap;
	justify-content:space-between;
	flex-direction:row;
}

.projectname {
	font-size:24px;
}
.projectname em{
	font-size:18px;
}

.projectdescription {
	font-family:GillSans, "san-serif";
	font-size:15px;
	margin-top:-25px;
	margin-right:20px;
	text-align:left;
	color:lightgray;
	width:35%;
}

#quote {
	font-family:GillSans, "san-serif";
	font-size:15px;
	margin-right:15px;
	margin-left: 15px;
	text-align:left;
	color:lightgray;
	width:80%;
}

.projectimages {
	width:60%;
	display: flex;
	flex-direction: column;
}

.projectimages div{
	width:100%;
	height:auto;
	justify-content: space-around;
}
.projectimages img{
	width:100%;
	height:auto;
	margin-bottom:5%;
}
.projectimages figcaption{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	color:lightgray;
	font-size: .8em;
	margin-top: -5%;
	margin-bottom: 5%;
}

.projectimages video{
	width:100%;
	margin-bottom: 5%;
}
/****** Content Page ******/
.container {
	padding:5%;
	display: flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.workbox {
	width:250px;
	height:250px;
	color:lightgray;
	font-size: 18px;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", Helvetica, Arial, "sans-serif";
	border:1px solid lightgray;
	text-align: center;
	margin-bottom: 5%;
}

.workimage {
  	opacity: 0;
  	transition:.65s ease;
	width:250px;
	height:auto;
	transform:translateY(-31.18%);
}

.threelines {
	width:250px;
	transform:translateY(-39.6%);
}

.fourlines {
	width:250px;
	transform:translateY(-48%);
}

.fivelines {
	width:250px;
	transform:translateY(-56.5%);
}

.workbox:hover .workimage{
	opacity:1;
}
.workbox:hover .workimagefirst{
	opacity:1;
}
.workbox:hover .workname{
	opacity:0;
}

.ContentMenuItem p{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	color:lightgray;
	font-size: 1em;
	width:25%;
	margin-left:-5.8%;
}

/******* STYLING UNIQUE TO CONTENT MENU *******/

.ContentPageMenu {
	border-bottom:1px solid lightgray;
	width:100%;
	height:10%;
	display:flex;
	justify-content:center;
}

.ContentMenuItem {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	color:lightgray;
	padding:1em;
	font-size: 1.5em;
	width:100%;
	margin-left:2.8%;
	margin-right:2.8%;
	display:flex;
	justify-content:space-between;
}

.ContentPageSubMenu {
	border-top:1px solid lightgray;
	width:100%;
	height:10%;
	display:flex;
	justify-content:center;
	margin-top:1px;
}

.ContentSubMenuItem {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	color:lightgray;
	padding-right:2%;
	padding-top:1.5%;
	font-size: 1.25em;
	width:100%;
	display:flex;
	text-align: center;
	justify-content: space-between;
}


/******* ME PAGE STYLING *******/
.Info {
	padding:2em;
	border: 1px solid lightgray;
	font-family:GillSans, "san-serif";
	font-size:18px;
	text-align:left;
	Margin-Top:5%;
	margin-right:5%;
	margin-left:5%;
	color:lightgray;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-auto-rows: 1fr 1fr 1fr;
	grid-gap:5%;
}

.introduction {
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start:1;
}

.MeBoxes {
	grid-column-start: 3;
	grid-column-end: 6;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;	
}
.academic {
	grid-column-start:1;
	grid-column-end:2;
	grid-row-start:1;
	grid-row-end:2;
}

.professional {
	grid-column-start:2;
	grid-column-end:3;
	grid-row-start:1;
	grid-row-end:2;
}
.exhibitionitems {
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 2;
	grid-row-end:3;
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
}

.exhibita {
	grid-column-start:1;
	grid-column-end:2;
	width:200px;
	height:200px;
	color:lightgray;
	font-size: 18px;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", Helvetica, Arial, "sans-serif";
	border:1px solid lightgray;
	text-align: center;
}

.exhibitb {
	grid-column-start:2;
	grid-column-end:3;
	width:200px;
	height:200px;
	color:lightgray;
	font-size: 18px;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", Helvetica, Arial, "sans-serif";
	border:1px solid lightgray;
	text-align: center;
}

.exhibitc {
	grid-column-start:3;
	grid-column-end:4;
	width:200px;
	height:200px;
	color:lightgray;
	font-size: 18px;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", Helvetica, Arial, "sans-serif";
	border:1px solid lightgray;
	text-align: center;
}

.exhibita:hover .meimage{
	opacity:1;
}
.exhibita:hover .workimagefirst{
	opacity:1;
}
.exhibita:hover .workname{
	opacity:0;
}

.exhibitb:hover .meimage{
	opacity:1;
}
.exhibitb:hover .workimagefirst{
	opacity:1;
}
.exhibitb:hover .workname{
	opacity:0;
}
.exhibitc:hover .meimage{
	opacity:1;
}
.exhibitc:hover .workimagefirst{
	opacity:1;
}
.exhibitc:hover .workname{
	opacity:0;
}

.meimage {
  	opacity: 0;
  	transition:.65s ease;
	width:200px;
	height:auto;
	transform:translateY(-58.5%);
}

.meimg2lines {
	transform:translateY(-48%);
}

.workboxme {
	opacity: 0;
  	transition:.65s ease;
	width:150px;
	height:auto;
	transform:translateY(-31.18%);
}

.workbox:hover .meimage{
	opacity:1;
}
.workbox:hover .workname{
	opacity:0;
}

.Menu {
	height:auto;
	width:300px;
	margin:0 auto;
	margin-top:100px;
	padding:40px;
	border:1px solid lightgray;
}

.Menu h1 {
	color:lightgray;
	font-family:GillSans, "san-serif";
	font-size:40px;
	font-weight:100;
	text-align:center;
	text-decoration: none;
}
.Menu p {
	color:lightgray;
	font-family:GillSans, "san-serif";
	font-size:24px;
	text-align:center;
	text-decoration: none;
	list-style:none;
}
.MenuItem {
	color:lightgray;
	font-family:GillSans, san-serif;
	font-size:18px;
	text-decoration:none;
	text-align:center;
}
.CurrentMenuItem {
	color:white;
	font-family:GillSans, san-serif;
	text-decoration:none;
	text-align:center;
}

/******* This is Default Stuff *****/
a {
	color:lightgray;
	text-decoration: none;
	cursor: url(../IMAGES/Cursor/Hover.png)12 12, auto;
}

.texthovers {
	color:lightgray;
}

.texthovers:hover {
	color:darkgray;
}

body {
	background-image: url("../IMAGES/CKWorksbackground.jpg");
	background-repeat:no-repeat;
	background-size:cover;
  	padding:0;
  	min-height:100%;
	background-attachment:fixed;
}

.footer {
	color:lightgray;
	font-family:Gill Sans, "san-serif";
	font-size:10px;
	font-weight:100;
	width:100%;
	bottom:0;
	margin-top:50px;
  	text-align: center;
}

html {
	cursor: url("../IMAGES/Cursor/CursorBlue.png") 12 12, auto;
	height:100%;
}