/* ------------------------------------------
   COLORS
   ------------------------------------------ */

.blue {
  color: #1199d6;
  }
.pink {
  color: #ea5078;
  hover: #ea2558;
  visited: #ea7492;
  }


/* ------------------------------------------
   GENERAL
   ------------------------------------------ */

body {
  font-family: 'Alegreya', serif;
  font-size: 13px;
  color: #666;
}

p, li, h1, h2, h3 {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

p,li {
	font-family:'Archivo Narrow', helvetica, sans-serif;
	font-size:15px;
	font-weight: 400;
	line-height:20px;
	text-decoration:none;
	color:#2a2a2a;
}

.prominent {
	font-size:17px;
	line-height:25px;
}

.prominent a::after {
  margin-top: 6px;
}

/* ------------------------------------------
   LISTS
   ------------------------------------------ */

ul {
	list-style: none;
	margin-left:0px;
	padding-left: 15px;
 	text-indent: -17px;
	padding-top:10px
}

li:before {
	content: "\2192";
	font-size: 12px;
	padding-right: 4px;
}

li {
	padding-top: 5px;
	color: #666;
}

/* ------------------------------------------
   HEADINGS
   ------------------------------------------ */

h1 {
	font-family:'Alegreya', serif;
	font-size:50px;
  font-weight: 700;
	color: #4dc2dc;
	line-height:48px;
	text-align: left;
	text-transform:uppercase;

}


h2 {
	font-family:'Alegreya', serif;
	font-size:24px;
	line-height:18px;
	font-weight: 700;
	text-align: left;
	color: #ea5078;
	padding-top: 5px;
}


h3 {
	font-family:'Archivo Narrow', helvetica, sans-serif;
	font-size:15px;
	font-weight: 700;
	color: #333;
	line-height:18px;
	text-align:left;
	padding-top:0px;
}


h4 {
	font-family:'Archivo Narrow', helvetica, sans-serif;
	font-size:15px;
	font-weight: 400;
	color: #999;
	line-height:18px;
	text-align:left;
	padding-top:0px;
}

.wip {
	background-color:#feffce;
}

/* ------------------------------------------
   LINKS
   ------------------------------------------ */

a { 
	text-decoration:none;
	color:#ea5078;
	}
	
a:visited {
	color:#ea7492;
}

a:hover {
	color:#ea2558;
}

.linktype {
	font-weight:bold;
	font-size:8px;
	letter-spacing:0px;
	padding-left:6px;
	line-height:10px;

}

.nonlistlink {
  display: inline-block;
  position: relative;
  color:black;
  text-decoration:none;
}

.nonlistlink::after {
  content: '';
  position: absolute;
  left: 0;
  display: inline-block;
  height: 0.95em;
  width: 100%;
  border-bottom: 1px solid #999;
  margin-top: 4px;
}

#debug {
	position:fixed;
	top:50px;
	left:50px;
	background:yellow;
}

#topimage {
	background: #FFF url('topbgr_mobile.jpg') 50% 0% no-repeat;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
	height:400px;
	-min-width:640px;
}
/*
#topimage-cover:before {
    content: " ";
    width: 100%;
    height: 400px;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
      background: -webkit-linear-gradient(rgba(255,255,255,0) 70%,rgba(255,255,255,0.4) 100%);
}
*/
#wrapper-page {

	margin:0 auto 0 auto;
	padding:0 8% 0 8%;
	padding-bottom:220px;	
}

article {

}


header {
	padding-top:60px;
	text-align: left;
}

#wrapper-content {
	padding-top:20px;
	overflow:hidden;
}


section {
	padding-top:30px;
}

#footer {
	padding-top:40px;
	text-align:left;
}

#bio {
	padding-top:30px;
	text-align: center;
}

#ctalinks {
	padding-top:14px;
}

#cta {
	padding:40px 0 100px 0;
}

#cta a{
	color:#5B8210;
}

#cta a::after {
  border-bottom: 1px solid #8ca757;;
  margin-top: 6px;
}

.curator {
	margin-top:40px;

}

.credits {
	padding-top:15px;
	font-size:13px;
	line-height:20px;
}

.date {

}




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

	#topimage {
		background: #FFF url('topbgr_small.jpg') 50% 0% no-repeat;
	    -webkit-background-size: cover;
	       -moz-background-size: cover;
	         -o-background-size: cover;
	            background-size: cover;
		height:400px;
		-min-width:1024px;
	}

	h1 {
		font-size:60px;
		line-height:58px;
		font-weight: 700;
	}
	
	.prominent {
		font-size:20px;
		line-height:31px;
	}
	
	
	
	#topimage {
		height:420px;
    width:1600px;
	  margin: 0 auto;
	}

	#topimage-cover {
		height:420px;
	    width: 100%;
		opacity:0.2;
	    position: absolute;
		z-index: 6;
		display:inline;
	    left: 0;
		overflow:hidden;
	}
/*	
	#topimage-topgradient {
		height:400px;
	    width: 1200px;
		opacity:0.3;
	    position: absolute;
		z-index: 28;
	    left: 0%;
		display:inline;
		overflow:hidden;
	    background: -webkit-linear-gradient(rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 100%);
	}

	#topimage-cover:before {
	    content: " ";
	    width: 1200px;
	    height: 420px;
	    position: absolute;
	    z-index: 2;
	    top: 0;
	    left: 0%;
		background: -webkit-linear-gradient(rgba(255,255,255,0) 60%,rgba(255,255,255,0.7) 100%);
	}	
*/	
	#wrapper-page {
		max-width:1600px;	
	}
	
	#wrapper-content {
			padding-top:60px;
	}
	
	header {
		max-width:1600px;
		margin:auto;
	}

	.col {
		float:left;
		width:25%;
		opacity: .2;
		position:relative;
		overflow:hidden;
		padding: 2.5% 2.5%;
		-webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
		}

	#col1{
		border-right: 1px #999 solid;
	}
	#col2{
		border-right: 1px #999 solid;
	}
	#col3{
		border-right: 1px #999 solid;
	}
	#col4{
		border-right: none;
	}

	.current {
		opacity: 1;    
  }

	section.first {
		padding-top:0px;
	}
	
	
	.group:before, .group:after;{
		content: "";
		display:table;
	}

	.group:after {
		clear:both;
	}

	.group {
		*zoom: 1;
	}
	
	#bio {
		width:1600px;
		/* margin:auto; */
		text-align: center;
		padding-top:0px;
	}
	
  .description {
    padding-top: 10px;
  }
	
	
}