/*!
 * Gridpak Beta CSS
 *
 * Generator - http://gridpak.com/
 * Created by @erskinedesign
 */
/* Reusable column setup */
	
	#wrap, #footer{
/* 		max-width: 1500px; */
	}
	
	.col {
		border:0 solid rgba(0,0,0,0);
		float:left;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		-moz-background-clip:padding-box!important;
		-webkit-background-clip:padding-box!important;
		background-clip:padding-box!important;
	}

	.row {
		clear: both;
	}
	
	.section_strip{
		width: 100%;
		float: left;
		clear: both;
		box-sizing: border-box;
	}
	
	.project_strip{
		padding: 40px 0;
	}
	
	.item_content img,
	.item_content iframe
	{
		max-width: 100% !important;
		height: auto;
	}
	
	
	img.responsive,
	.responsive img
	,.site_title img
	,.tiny_logo img
	,.logo_strip_col img
	{
		width: 100%;
		height: auto;
		float: left;
		display: block;
		margin: 0;
		padding: 0;
		-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	transform: rotate(0);
	display: block;
	-webkit-backface-visibility: hidden;
	transform: translate3d(0px,0px,0px);
		
	}
	
	.logo_grid{
		text-align: center;
	}
	
	.logo_col{
	display: inline-block;

	overflow: hidden;
	float: none;
	
}


.logo_grid_img_holder{
	width: 100%;
	text-align: center;
	display: table;
/* 	background: #fff; */
	height: 140px;
	
	overflow: hidden;
}

.logo_col{
	margin-bottom: 10px !important;
	padding: 10px !important;
}

.logo_grid_img_cell{
	display: table-cell;
	vertical-align: middle;
	text-align: center;

}

.logo_grid_img{
	max-width: 100% !important;
	max-height: 120px !important;
	height: auto;
	width: auto !important;
	margin: auto !important;
}


.logo_col_normal .logo_grid_img_holder{
	height: 100px;
}


.logo_grid_img_cell img{
	max-width: 100% !important;
	max-height: 120px !important;
	height: auto;
	width: auto !important;
	margin: auto !important;
}


.page_top_slideshow_section{
	margin-bottom: 50px;
}

.logo_strip{
	text-align: center;
}
.logo_strip_col{
	float: none;
	display: inline-block;
}

/*
.logo_grid_img_holder{
	display: table;
}

.icon_grid_img_holder{
	display: table-cell;
	vertical-align: middle;
}
*/
	.gallery_strip_slideshow{
		max-height: 600px;
		text-align: center;
	}
	.gallery_strip_slideshow img.responsive{
		max-width: 100%;
		height: auto;
		max-height: 600px;
		margin: auto;
		float: none;
		width: auto;
	}

.text_col_inner img{
	max-width: 100%;
}

.wp-caption{
	max-width: 100%;
}


#person-content{
	max-width: 700px;
}


.bloglist_excerpt{
	margin-bottom: 80px !important;
}


.post-navigation{
	width: 100%;
	display: block;
	clear: both;
	max-width: 900px;
	margin: 40px auto;
	text-align: center;
}

.post-navigation a{
	padding: 10px 0;
	display: inline-block;
}

.meta-nav {
	display: none;
}

.post-navigation .fa{
	margin: 0 10px !important;
}

/* 1. 3 Column Grid 0px - 499px 
    ----------------------------------------------------------------------------- 
    
    Span 1:    33.3333333333%
    Span 2:    66.6666666667%
    Span 3:    100%
    
    ----------------------------------------------------------------------------- */
@media screen and (min-width: 0px) and (max-width: 589px) {

	.row {
		margin-left:-5px;
	}
	
	.col {
		border-left-width:5px;
		padding:0 0;
		width: 100%;
	}
	
	
	.content_block {
		margin:0 auto;
		padding-right: 30px;
		padding-left: 30px;
		position:relative;
		clear: both;
	}
	
		.people_list .person_image{
		padding-bottom: 10px;
	}
	
	.span_1,
	.person_image 
	{
		width:33.3333333333%;
	}
	
	.span_2
{
		width:66.6666666667%;
	}
	
	.span_3 
	,.fullwidth
	,.blog_block
	{
		margin-left:0;
		width:100%;
	}

	.page_top_slideshow .slick-slide img {
		max-height: 275px;
	}
	
	.slide_content, .slide_content_inner{
		height:300px;
	}
/*
	.making_poss_strip::after{
		display: none;
	}
*/
	
	 body{
   width:100%;
   margin:0;
   padding:0;
   overflow-x:hidden;
 }
 
 #fixed_donate{
	 display: none;
 }
	#navbar .social_top{
		top:120px;
	}
	
	.appearance_text{
		display: none;
	}
	
	#page #main:before{
		height: 80%;
	}
.logo_grid_img_holder{
	height: auto;
	text-align: center;
}
	
	.footer_support_link{
		display: block;
	}
	
	.page_top_slideshow_section .content_block, .page_top_slideshow{
		padding: 0;
		margin: 0;
	}
	
	.image_text_block{
		margin-bottom: 60px;
	}
	
	.logo_strip_col{
		margin-bottom: 20px;
	}
	
	.logo_strip_col img{
		float: none;
	}
	
	.timeline_item{
		width: 300px;
	}
	
	.sketchbook_thumb{
		padding-bottom: 30px;
	}
	
	.text_col_inner video, .text_col_inner .audio{
		max-width: 100%;
		width: 350px;
		display: block;
		overflow: hidden;
		background: #f6f6f6;
		float: left;
		max-height: 500px;
	}
	
	.sketchbook_popup h1{
		font-size: 2em;
	}
	
	.logo_strip_col {
		width: 33.3333333%;
	}
	
}


/* 3. 6 Column Grid 590px - 859px 
    ----------------------------------------------------------------------------- 
    
    Span 1:    16.6666666667%
    Span 2:    33.3333333333%
    Span 3:    50.0%
    Span 4:    66.6666666667%
    Span 5:    83.3333333333%
    Span 6:    100%
    
    ----------------------------------------------------------------------------- */
@media screen and (min-width: 590px) and (max-width: 927px) {
	

	
	.row {
		margin-left:-5px;
	}
	
	.col {
		border-left-width:5px;
		padding:0 0;
	}
	
	.content_block {
		margin:0 auto;
		max-width:900px;
		padding-right: 60px;
		padding-left: 60px;
		position:relative;
		clear: both;
	}
	
	.wide_gutter{
		margin-left:-40px;
	}
	
	.wide_gutter .col{
		border-left-width:40px;
	}
	
	
	.span_1 
	{
		width:16.6666666667%;
	}
	
	.span_2 
	,.news_block
,.sketchbook_thumb
,.related_grid_item
,.person_image

	,.bloglist_thumb
	{
		width:33.3333333333%;
	}
	
	.span_3
	,.event_highlight_thumb
	,.project_excerpt
	,.project_thumb
	,.half_col
	,.people_grid_item
	,.venue_address_col
	,.venue_map_col
	,.text_enlarged .related_grid_item
	,#person-content .related_grid_item
	{
		width:50%;
	}
	
	.span_4 
,.person_text
,.bloglist_excerpt
	{
		width:66.6666666667%;
	}
	
	.span_5 {
		width:83.3333333333%;
	}
	
	.span_6 
	,.fullwidth
	,.text_enlarged .half_col
	,.text_enlarged .project_thumb
	,.text_enlarged .project_excerpt
	,.blog_block
	{
		margin-left:0;
		width:100%;
	}
		.page_content_block, .fullwidth_textcontent{
		max-width: 600px;
		margin: auto;
	}
	
	.project_content_block{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	.page_top_slideshow .slick-slide img {
		max-height: 350px;
	}
	
	.slide_content, .slide_content_inner{
		height:400px;
	}
	.range_image_right{
		float: right;
	}
	.people_list .person_image{
		padding-bottom: 40px;
	}
	
	.logo_strip_col {
		width: 25%;
	}
}

/* 4. 12 Column Grid 960px - Infinity 
    ----------------------------------------------------------------------------- 
    
    Span 1:    8.33333333333%
    Span 2:    16.6666666667%
    Span 3:    25.0%
    Span 4:    33.3333333333%
    Span 5:    41.6666666667%
    Span 6:    50.0%
    Span 7:    58.3333333333%
    Span 8:    66.6666666667%
    Span 9:    75.0%
    Span 10:    83.3333333333%
    Span 11:    91.6666666667%
    Span 12:    100%
    
    ----------------------------------------------------------------------------- */
@media screen and (min-width: 928px) {
	.row {
		margin-left:-5px;
	}
	
	.col {
		border-left-width:5px;
		padding:0 0px;
	}
	
	ul.row{
		padding: 0;
	}
	
	.wide_gutter{
		margin-left:-40px;
	}
	
	.wide_gutter .col{
		border-left-width:40px;
	}
	
	
	
	.image_text_content_block{
		padding-bottom: 40px;
		overflow: hidden;
	}
	
	.content_block {
		margin:0 auto;
		max-width:1000px;
		padding-right: 90px;
		padding-left: 90px;
		clear: both;
	}
	
	.narrow_content_block{
		max-width:700px;
	}
	
	.page_content_block, .fullwidth_textcontent{
		max-width: 620px;
		margin: auto;
	}
	
	.text_enlarged .page_content_block, .text_enlarged  .fullwidth_textcontent{
		max-width: 700px;
		margin: auto;
	}
	
	.project_content_block{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	.wide_content_block{
		max-width: 1400px;
	}
	
	.text_enlarged .project_posts .wide_content_block{
		max-width: 800px;
	}
	
	.grid-item{
		margin-bottom: 40px;
	}
	
	.span_1 {
		width:8.33333333333%;
	}
	
	.span_2
	{
		width:16.6666666667%;
	}
	
	.span_3
,.person_image
	,.logo_strip_col
	{
		width:25%;
	}
	
	.span_4
,.news_block
,.sketchbook_thumb
,.related_grid_item
,.people_grid_item
,.sketchbook_thumb
,.project_thumb
	{
		width:33.3333333333%;
	}
	
	.span_5
,.highlight_image

	{
		width:41.6666666667%;
	}
	
	.span_6
	,.event_highlight_thumb
	,.project_excerpt
	,.half_col
	,.event_list_thumb
	,.event_list_text
	,.venue_address_col
	,.venue_map_col
	,.single_event_text_has_img
	,.single_event_image
	,.text_enlarged .people_grid_item
	,.text_enlarged .related_grid_item
	,.text_enlarged .news_block
	,#person-content .related_grid_item
	,.bloglist_excerpt
	,.bloglist_thumb
	{
		width:50%;
	}
	
	.span_7 
	,.highlight_text
	
	{
	
		width:58.3333333333%;
	}
	
	
	
	.span_8
	
	{
		width:66.6666666667%;
	}
	
	.span_9 
	,.person_text
	,.blog_block
	{
		width:75%;
	}
	
	.span_10
		
	{
		width:83.3333333333%;
	}
	
	.span_11 {
		width:91.6666666667%;
	}
	
	.span_12
	,.fullwidth
	,.text_enlarged .half_col
	,.text_enlarged .project_thumb
	,.text_enlarged .project_excerpt
	,.blog_block
	{
		margin-left:0;
		width:100%;
	}
	
	.text_enlarged .image_text_content_block{
		max-width: 700px;
	}
	
	.range_image_right{
		float: right;
	}
	
	.page_content .fluid-width-video-wrapper{
/*
		width: 120%;
		height: 120%;
		margin-left: -10%;
*/
	}
	
	
	
	.project_blocks_alt_row .project_excerpt{
		float: left;
	}
	
	.project_blocks_alt_row .project_thumb{
		float: right;
	}
	
	
	.event_highlight_thumb{
		padding-bottom: 30px;
	}
	
	.single_next_event{
		padding-top:60px !important;
	}
	
	
	.people_list .person_image{
		padding-bottom: 40px;
	}
	
	#page #site-header{
		
	}
	
	#page #main{
		
	}
	
	
	
/*
	.sketchbook_popup{
		width: 800px;
		position: relative;
		overflow: hidden;
	}
*/
	
	.sketchbook_popup video{
		width: 100%;
		height: auto;
	}
	
	.wp-video{
		width: 100% !important;
		height: auto !important;
	}
	
	.blog_content_block{
		max-width: 600px;
	}
}


@media screen and (min-width: 1400px) {

#iwant_blocks_holder:after{
	content: "";
    position: absolute;
    left: -40px;
    bottom: 20px;
    background-image: url(css/images/scribble.svg);
    background-repeat: no-repeat;
    background-size: 900px;
    opacity: 0.2;
   
    display: block;
    width: 120%;
    height: 900px;
    width: 900px;
    z-index:1;
}

.text_enlarged .project_thumb
	,.text_enlarged .project_excerpt{
		width: 50%;
	}
	
	.text_enlarged .project_posts .wide_content_block{
		max-width: 1400px;
	}

}









@media screen and (min-width: 0px) and (max-width: 720px) {
	#iwant_to{
		font-size:65px;
		display: block;
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		text-align: center;
		margin-bottom: 30px;
	}
	
	#iwant_blocks {
	    right: 0;
	}
	
	#iwant_blocks {
	    position: relative;
	    overflow: hidden;
	    width: 100%;
	    text-align: center;
	    float: right;
	}
	
/*
	.making_poss_strip{
		margin-top: -200px;
		background: none;
	}
	
	.making_poss_strip:after{
		display: none;
	}
*/
	
	
	.large_intro p.handwritten_large{
		font-size: 1.6em;
	}
	
	#iwant_to{
		font-size: 2.5em;
		max-width: 100%;
	}
	
	.no_link_hex{
		display: none !important;
	}
	.block_overlay_text_inner{
		font-size: 1.2em;
	}
	
	#iwant_blocks_holder{
		margin: 30px auto;
	}
	
	.making_poss_strip{
		margin-top: -230px;
	}
	
.large_intro{
	font-size: 1.4em;
}

}

@media screen and (min-width: 721px) and (max-width: 1010px) {
	#iwant_to{
		font-size:65px;
		display: block;
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		text-align: center;
		margin-bottom: 30px;
	}
	
	#iwant_blocks {
	    right: 0;
	}
	
	#iwant_blocks {
	    position: relative;
	    overflow: hidden;
	    width: 100%;
	    text-align: center;
	    float: right;
	}
	
/*
	.making_poss_strip{
		margin-top: -300px;
		background: none;
	}
	
	.making_poss_strip:after{
		display: none;
	}
*/
	
	
	.large_intro p.handwritten_large{
		font-size: 1.6em;
	}
	
	.no_link_hex{
		display: none !important;
	}
	.block_overlay_text_inner{
		font-size: 1.2em;
	}
	
	#iwant_blocks_holder{
		margin: 30px auto;
	}
	
/*
	.making_poss_strip{
		padding-top: 0;
	}
*/

}

@media screen and (min-width: 1011px) and (max-width: 1130px) {
	#iwant_to{
		font-size: 65px;
	}
	
	#iwant_blocks {
	    right: -125px;
	}
	
	#iwant_blocks {
	    position: relative;
	    overflow: hidden;
	    width: 1020px;
	    text-align: center;
	    float: right;
	}
	
/*
	.making_poss_strip{
		margin-top: -350px;
		padding-top: 162px;
	}
	
	.making_poss_strip{
		background-position: -100px 0; 
	}
	
	.making_poss_strip:after{
		right: -100px;
	}
*/


	
	
	.large_intro p.handwritten_large{
		font-size: 1.6em;
	}
	
	.block_overlay_text_inner{
		font-size: 1.2em;
	}
	
}

@media screen and (min-width: 1011px) and (max-width: 1190px) {
	#iwant_to{
		font-size: 55px;
	}
	
	#iwant_blocks {
	    right: -125px;
	}
	
	#iwant_blocks {
	    position: relative;
	    overflow: hidden;
	    width: 1020px;
	    text-align: center;
	    float: right;
	}
	
	.making_poss_strip{
		margin-top: -250px;
	}
	
/*
	.making_poss_strip{
		margin-top: -352px;
		padding-top: 160px;
	}
*/
	
/*
	.making_poss_strip{
		background-position: -100px 0; 
	}
	
	.making_poss_strip:after{
		right: -100px;
	}
*/
	
	.large_intro p.handwritten_large{
		font-size: 1.6em;
	}
	
	.block_overlay_text_inner{
		font-size: 1.2em;
	}
	
}




@media screen and (min-width: 1191px) and (max-width: 1475px){
	
	#iwant_to{
		font-size: 70px;
	}
	
	#iwant_blocks {
	    right: -300px;
	}
	
	#iwant_blocks {
	    position: relative;
	    overflow: hidden;
	    width: 1375px;
	    text-align: center;
	    float: right;
	}
	
/*
	.making_poss_strip{
		margin-top: -427px;
		padding-top: 138px;
	}
*/
	
	.block_overlay_text_inner{
		font-size: 2em;
	}
	
/*
	.making_poss_strip{
		background-position: -100px 0; 
	}
*/
	
	.making_poss_strip:after{
		right: -100px;
	}
	
}


@media screen and (min-width: 1476px) and (max-width: 1550px){
	
	#iwant_to{
		font-size: 80px;
	}
	
	#iwant_blocks {
	    right: -238px;
	}
	
	#iwant_blocks {
	    position: relative;
	    overflow: hidden;
	    width: 1475px;
	    text-align: center;
	    float: right;
	}
	
/*
	.making_poss_strip{
		margin-top: -354px;
		padding-top: 30px
	}
*/
	
	.block_overlay_text_inner{
		font-size: 2em;
	}
	
}


@media screen and (min-width: 1551px) and (max-width: 1720px) {
	
	#iwant_to{
		font-size: 90px;
	}
	
	#iwant_blocks {
	    right: -400px;
	    top:-60px;
	}
	
	#iwant_blocks {
	    position: relative;
	    overflow: hidden;
	    width: 1700px;
	    text-align: center;
	    float: right;
	}
	
/*
	.making_poss_strip{
		margin-top: -511px;
	}
*/
	
	.block_overlay_text_inner{
		font-size: 2em;
	}
	
}



@media screen and (min-width: 1721px)  and (max-width: 2100px)  {
	
	#iwant_to{
		font-size: 95px;
	}
	
	#iwant_blocks {
	    right: -400px;
	    top:-60px;
	}
	
	#iwant_blocks {
	    position: relative;
	    overflow: hidden;
	    width: 2000px;
	    text-align: center;
	    float: right;
	}
	
/*
	.making_poss_strip{
		margin-top: -700px;
		padding-top: 240px;
	}
*/
	
	.block_overlay_text_inner{
		font-size: 2.5em;
	}
	
}

@media screen and (min-width: 2101px) {
	
	#iwant_to{
		font-size: 110px;
	}
	
	#iwant_blocks {
	    right: -284px;
	    top:-60px;
	}
	
	#iwant_blocks {
	    position: relative;
	    overflow: hidden;
	    width: 2200px;
	    text-align: center;
	    float: right;
	}
	
/*
	.making_poss_strip{
		margin-top: -625px;
	}
*/
	
	.block_overlay_text_inner{
		font-size: 2.5em;
	}
	
}

@media screen and (max-width: 770px) {

.appearance_text{
	display: none;
}

#cog_button{
	right: 2%;
	text-align: center;
	width: 55px;
	height: 55px;
	line-height: 55px;
	font-size: 40px;
	top:80px;
}

#user_viewing_prefs{
	top:90px;
}

}