@charset "utf-8";
/* CSS Document */

/*  iPad in portrait & landscape*/
@media screen 
and (max-width : 1060px) {
	
	.site-width{
		width:745px;
	}
	
	#home-banner-wrap,
	#overview-banner,
	.site-width.color-banner{
		max-width:765px;
		min-width:765px;
	}
	
	.half-width{
		width:100%;
		float:none !important;
	}
	
	h1 {
		font-size: 36px;
		line-height: 42px;
	}
	
	/*a[id='maincontent'] + h1 {
		max-width: 483px;
	}*/
	
	h1.bar-center{
		font-size:26px;
	}
	
	#carousel.half-width, 
	#carousel.half-width.inset{
		width:100%;
		float:none !important;
	}
	
	.overview-brickworks #carousel.half-width{
		float:left !important;
		width: 485px;
		margin-right: 24px;
	}
	
	.overview-brickworks #carousel.half-width .bx-wrapper{
		margin-bottom:30px;
	}
	
	.quarter-width{
		width:360px;
	}
	
	.overview-brickworks #events.quarter-width{
		width: 236px;
	}
	
	#site-logo{
		width:133px;
		height:135px;
	}
	
	section#our-impact{
		margin-bottom:20px;
	}
	
	#content-wrap{
		margin-bottom:25px;
	}
	
	#top-menu-wrap{
		height:44px;
	}
	
	#header-spacer{
		height:88px;
	}
	
	#top-menu ul li{
		margin-right:16px;
	}
	
	#top-menu #donate-nav ul li {
		margin-right: 0;
	}
	
	#donate-nav > ul {
		top:44px;
	}
	
	#top-menu ul a{
		font-size:15px;
	}
	
	#masthead-wrap #top-links,
	#top-links a.brickworks-link{
		margin-right:0px;
		padding-right:20px;
	}
	
	#masthead-wrap #search-box{
		width:205px;
	}
	
	#top-donate-btn a{
		font-size:21px;
		padding-top:9px;
	}
	
	.fr #top-donate-btn a{
		font-size:18px;
		padding-top:6px;
	}
	
	.banner-box .banner-tag,
	.banner-box .banner-copy,
	.bx-controls{
		display:none;
	}
	
	#banner-wrap{
		margin-bottom:20px;
	}
	
	.impact-facts, .fr .impact-facts{
		display:none;
	}
	
	#impact-cols .impact-col{
		width:175px;
		margin-right:15px;
		background-image: url(/images/home/bg_icons_ipad.png);
	}
	
	#impact-cols .impact-col .icon{
		padding-top:26px;
	}
	
	#impact-cols .impact-col a{
		height:163px;
	}
	
	#impact-cols .impact-col a span{
		font-size:25px;
	}
	
	.impact-col .color-div .color-copy{
		padding:15px;
		font-size:18px;
	}
	
	#news-grid,
	#stories #news-grid,
	#bottom-totes,
	#small-grid,
	#more-events #small-grid{
		width:760px;
		margin-left:-15px;
	}
	
	#news-grid .news-item,
	#stories #news-grid .news-item,
	#bottom-totes .tote,
	#small-grid .news-item{
		margin-left:15px;
		width:175px;
	}
	
	#stories.three-item #news-grid .news-item{
		width:238px;
	}
	
	.news-item .news-desc{
		display:none;
	}
	
	.news-item .news-title{
		margin-bottom:5px;
		font-size:13px;
		/*height:28px;*/
	}
	
	.news-meta a.icon-link,
	.news-meta .news-date{
		margin-top:5px;
	}
	
	.quarter-width #events-box .events-row .events-title{
		width:219px;
	}
	
	.overview-brickworks .quarter-width #events-box .events-row .events-title{
		width:95px;
	}
	
	#footer-top{
		height:390px;
	}
	
	#footer-top .footer-tote{
		width:350px;
		padding-right:10px;
		padding-left:10px;
		margin-bottom:20px;
	}
	
	#footer-top .footer-signup{
		width:350px;
		padding-left:10px;
	}
	
	#signup-box input#signup-field{
		width:290px;
	}
	
	#footer-bottom,
	#footer-bottom footer{
		height:225px;
	}
	
	#footer-bottom .footer-social,
	#footer-bottom .footer-sitemap,
	#footer-bottom .footer-donate .donate-list{
		display:none;
	}
	
	#footer-bottom footer{
		
	}
	
	#footer-bottom .footer-donate{
		width:370px;		
		padding:0;
		margin:0 auto;
		float:none;
		text-align:center;
	}
	
	.footer-donate a.footer-donate-btn{
		height:59px;
		width:100%;
		padding-top:5px;
		background-image: url(/images/common/btn_donatenow_ipad.png);
	}
	
	#co2_neutral {
		position:relative;
		padding:0px;
		float:none;
		top:-20px;
	}
	
	section#intro{
		margin-bottom:30px;
		font-size:16px;
		line-height:20px;
	}
	section#video,
	section#events,
	section#twitter,
	section#over-content{
		margin-bottom:35px;
	}	
	
	#twitter-feed #twitter-widget-0{max-height:420px;}
	
	#overview-banner #banner-title{
		left:20px;
		top:34%;
	}
	
	#overview-banner .banner-logo{
		height:auto;
		width:75px;
	}
	
	#overview-banner .banner-text{
		height:75px;
		line-height:75px;
		font-size: 30px;
	}
	
	.cityworks #overview-banner .banner-text{
		background-position: left 28px;
	}
	
	
	#left-nav{
		display:none
	}
	
	section#page-content{
		padding-left:0;
	}
	
	.content-banner{
		height:198px;
	}
	
	.content-banner .content-banner-img,
	#page-copy,
	.wide #page-copy{
		width:510px;
	}
	
	.content-banner .content-banner-text p {
		width:200px;
		font-size:16px;
		line-height:21px;
	}
	
	aside.color-banner .color-banner-copy{
		font-size:18px;
		line-height:22px;	
	}
	
	aside.color-banner .color-banner-copy span.number{
		font-size:36px;
		line-height:40px;
	}
	
	.sponsor-copy{
		float:none;
		width:auto;
		padding-left:20px;
		padding-right:20px;
	}
	
	.sponsor-level .sponsor-entry + .sponsor-entry{
		margin-top:30px;
	}
	
	#program-intro-map .map-overlay, 
	#program-map .map-overlay{
		padding: 15px 40px;
	}
	
	.intro-icon .icon{
		width:85%;
	}
	
	section#program-intro .intro-icon, 
	section#program-intro .intro-copy{
		width:550px;
	}
	
	.intro-link a{
		font-size:12px;
	}
	
	section#quick-links.left{
		clear:none;
		width:100%;
	}
	
	section#quick-links.left .quick-link{
		width:48%;
		margin:0 1%;
		float:left
	}
	
	section#whats-here{
		clear:both;
	}
	
	#event-search-bar fieldset select, 
	#event-search-bar fieldset input#my_keyword{
		width: 260px;
	}
	
	#event-search-bar .search-when,
	#event-search-bar .search-keyword{
		display:none;
	}
	
	.event-list-row, 
	.event-list-row.first{
		height:170px;
		width:100%;
	}
	
	.event-list-row .event-list-middle{
		width:140px;
		height:auto;
	}
	
	.event-list-row .event-list-right{
		width:385px;
	}
	
	.event-detail #page-totes{
		display:none;
	}
	
	.event-detail #page-copy{
		width:519px;
	}
	
	#visit-brickworks .bx-wrapper{
		float:left;
		width:590px;
		height:308px;
		overflow:hidden;
	}
	
	#visit-brickworks #brickworks-links{
		position:relative;
		float:left;
		height:308px;
		width: 248px;
		text-align:center;
	}
	
	.more-overview-links {
		position: relative;
		right: auto;
		top: auto;
		padding: 20px;
		width:202px;
		margin-left:70px;
		margin-top:20px;
	}
	#news-overview-list .more-overview-links{
		margin-top:0px;
		margin-bottom:20px;
	}
	
	
	
	.gallery #page-copy{
		width:100%;
	}
	
	#album-grid{
		width:769px;
	}
	
	#album-grid .gallery-item{
		width:232px;
	}
	
	#album-grid.photos .gallery-item{
		width:168px;
	}
	
	.fr #top-menu nav,
	.fr #top-menu{
		width:746px;
		padding:0;
		height:40px;
	}	
	
	#program-totes .program-link-text{
		width:290px;
		font-size:16px;
		padding-top:30px;
	}
	
	#program-totes .program-link-text span{
		font-size:12px;
		line-height:13px;
	}
	
	/* ADDITIONS BY LUUK */
	
	#fm-totes .section-text{
		width: 236px;
	}
	#fm-totes section#totes.quarter-width{ /*only used on FM pages */
	width:236px;
	margin-right:0px;
	}
	#fm-totes{float:right;}
	#carousel.half-width{width:483px;}
	/*#album-grid.inline{width:534px;}
	#album-grid.inline .gallery-item {
		width: 242px;
	}*/
	#intro-text{width:100%;}
	/*#left-col{display:none;} <-- moved this to 570px | James */
	.event-list-row .event-list-left .event-date, .event-list-row .event-list-left .event-time {
		display: block;
	}
	#event-search-bar td{
		display:block;
		width:280px;
		float:left;
		padding-bottom:10px;
		margin-right:20px;
	}
	
	#event-search-bar fieldset select{
		width: 280px;
		margin-top:5px;
	}
	#event-search-bar fieldset input#my_keyword{
		width: 280px;
		margin-top:5px;
	}
	#event-search-bar .searchSubmit{
		padding-top:0px;
	}	
	#brickworks-links {width:250px;}	
	
	#album-grid .row, #news-grid .row, #resource-grid .row, #bottom-totes .row {
		width:auto;
	}
	.slide .banner-box{right:20px;}	
	
	/* for new whats on calendar */
	
	#event-content #sidecolumn {
		position:absolute;
		top:-295px;
		right:80px;
	}
	
	#event-features .bx-wrapper {
		width:483px;
	}
	
	#featured-events {
		width: 765px;
		overflow-x: hidden;
	}
	
	#featured-event-box {
		top:auto;
		right:auto;
		margin:0;
		position:static;
		width:100%;
	}
	
	/* getting here page w/google map */
	
	.getting-here-main {
		width:483px;
	}
	
	/* for holiday 2014 */
	
	#top-donate-btn.holiday {
		top: -28px;
	}
	
	/* for French homepage */
	.fr #whats-new, .fr #visit-evergreen {
		width: 364px;
		float: left !important;
		margin-right: 16px;
	}
	
	.youtube-video-wide {
		width:476px;
	}
	
	.no-desktop {
		display:initial !important;
	}
	
	.no-tablet {
		display:none !important;
	}

}

/* iPhone in portrait & landscape */
@media screen 
and (max-width : 570px) {
	
	/* for French homepage */
	
	.fr #whats-new, .fr #visit-evergreen {
		width: 100%;
		float: none !important;
	}
	
	.site-width{
		width:300px;
		padding:0 10px;
	}
	
	.site-width.boxed{
		padding:10px;
	}
	
	#home-banner-wrap,
	#overview-banner,
	.site-width.color-banner{
		max-width:320px;
		min-width:320px;
	}
	
	aside.color-banner{
		display:none;
	}
	
	aside.color-banner.ebw-alert{
		display:block;
	}
	
	aside.color-banner.red,
	aside.color-banner.orange{
		display:block;
	}
	
	aside.color-banner .color-banner-copy{
		font-size:18px;
		line-height:20px;	
	}
	
	aside.color-banner .color-banner-copy span.number{
		font-size:28px;
		line-height:34px;
	}
	
	.quarter-width,
	.overview-brickworks #carousel.half-width,
	.overview-brickworks #events.quarter-width{
		width:100%;
		float:none !important;
	}
	
	h1.bar-center{
		font-size:24px;
	}
	
	h1.bar-center span{
		padding:0 10px;
		font-size:21px;
	}
	
	#site-logo{
		width:99px;
		height:101px;
	}
	
	#site-logo #logo-link{
		background-image:url(/images/common/logo-eg-header-25-phone.png);
	}
	
	.slide .banner-box{
		display:none;
	}
	
	#masthead-wrap #top-links{
		max-width:100%;
		padding:0;
	}
    
	.fr #top-menu nav,
	.fr #top-menu{
		width:300px;
		padding:0;
		height:40px;
	}
	
	#top-donate-btn a{
		font-size:18px;
		padding-top:7px;
	}
	
	.fr #top-donate-btn a {
		font-size: 14px;
	}
	
	#impact-cols .impact-col{
		width:145px;
		margin-right:10px;
		margin-bottom:10px;
		background-image: url(/images/home/bg_icon_iphone.png);
	}
	
	#impact-cols .impact-col .icon{
		padding-top:21px;
	}
	
	#impact-cols .impact-col.children{
		margin-right:0px;
	}
	
	#impact-cols .impact-col a{
		height:135px;
	}
	
	#impact-cols .impact-col a span{
		font-size:21px;
	}
	
	#news-grid,
	#news-grid .news-item,
	#stories #news-grid,
	#stories #news-grid .news-item,
	#stories.three-item #news-grid,
	#stories.three-item #news-grid .news-item,
	#bottom-totes,
	#bottom-totes .tote,
	#small-grid,
	#small-grid .news-item,
	#more-events #small-grid{
		width:100%;
		margin-left:0px;
	}
	
	#news-grid .news-item,
	#stories #news-grid .news-item,
	#stories.three-item #news-grid .news-item,
	#bottom-totes .tote,
	#small-grid .news-item{
		margin-bottom:15px;
	}
	
	#stories #news-grid .news-item .news-image img,
	#stories.three-item #news-grid .news-item .news-image img,
	#news-grid .news-item .news-image img,
	#small-grid .news-item .news-image img{
		width:145px;
		float:left;
		margin-right:10px;
	}
	
	#small-grid .news-item .news-title{
		margin-bottom:10px;
	}
	#small-grid .news-item .news-desc{
		display:block;
	}
	
	#bottom-totes .tote img{
		display:none;
	}
	
	#evergreen-placeholder{
		/*height:170px;*/
		background-position:-50px -20px;
	}
	
	#events-box .events-row .events-title{
		width:155px;
		font-size:12px;
		line-height:15px;
	}
	
	.quarter-width #events-box .events-row .events-title,
	.overview-brickworks .quarter-width #events-box .events-row .events-title{
		width:159px;
	}
	
	#footer-top .footer-tote,
	#footer-top .footer-signup{
		width:300px;
		padding:0;
	}
	
	#signup-box input#signup-field{
		width:240px;
	}
	
	#footer-top{
		height:320px;
	}
	
	#footer-top .footer-tote{
		display:none;
	}
	
	#footer-top .footer-tote.keep{
		display:block;
	}
	
	.footer-donate a.footer-dontate-btn{
		background-image:url(/images/common/btn_donatenow_iphone.png)
	}
	
	#social-icons{
		margin-top:10px;
	}
	
	section#intro{
		text-align:left;
	}
	
	section#intro #intro-links{
		width:100%
	}
	
	#overview-banner #banner-title{
		left:10px;
		
		top:30%;
	}
	
	#overview-banner .banner-logo{
		height:auto;
		width:30px;
	}
	
	#overview-banner .banner-text{
		height:30px;
		line-height:30px;
		font-size:18px;
	}
	
	.cityworks #overview-banner .banner-text{
		background-position: left 5px;
	}
	
	
	.content-banner{
		height:auto;
	}
	
	.content-banner .content-banner-img,
	#page-copy,
	.wide #page-copy{
		width:300px;
	}
	
	#page-copy{
		float:none;
	}
	
	#page-copy.wide-copy > #page-totes {
		float:none;
		margin:0;
		padding:0;
	}
	
	#page-copy.wide-copy > #page-totes > #side-totes {
		display:none;
	}
	
	.content-banner .content-banner-text{
		width:270px;
		font-size:15px;
	}
	
	#breadcrumbs{
		line-height:18px;
	}
	
	#page-totes, #page-totes-lower{
		float:none;
		width:300px;
	}
	
	#page-totes-lower, .lower-hours-link {
		display: block;
	}
	
	h1{
		font-size: 32px;
		line-height: 36px;
	}
	
	h2 {
		font-size: 26px;
	}
	
	#side-totes .tote{
		clear:both;
	}
	
	.bx-wrapper{
		margin-bottom:20px !important;
	}
	
	.mini-banner-box .banner-title{
		background-image: none;
		padding:5px 15px;
		font-size:11px;
		line-height:15px;
	}
	
	.tote.brown img{width:300px;}
	
	#venue-details{
		width:260px;
	}
	
	#page-content .tab-box section h1{
		margin-top:0;
	}
	
	.tab-box{
		padding-bottom:20px;
		margin-bottom:20px;
	}
	
	ul.ui-tabs-nav, 
	ul.ui-tabs-nav li{
		height:auto;
	}

	
	.sponsor-copy{
		margin-bottom:10px;
	}
	
	.sponsor-logo{
		width:100%;
		float:none;
		padding:0;
		margin-bottom:10px;
	}
	
	.sponsor-links a{
		float:none;
		line-height:18px;
	}
	
	.sponsor-links a.sponsor-link-02{
		padding:0;
		border:none;
	}
	
	ul.logo-grid li{
		float:none;
		margin:0 auto;
	}
	
	section#program-intro-map{
		font-size:16px;
		line-height:22px;
	}
	
	#program-intro-map .map-overlay, 
	#program-map .map-overlay{
		padding: 15px 20px;
		width:auto;
		height:auto;
	}
	
	.intro-icon a span{
		font-size:16px;
	}
	
	.intro-icon .icon{
		width:85%;
	}
	
	section#program-intro .intro-icon, 
	section#program-intro .intro-copy{
		width:90%;
	}
	
	section#program-intro .intro-copy{
		font-size:14px;
	}

	#program-intro-map .intro-icons .intro-icon{
		width:45%;
		margin-right:5%;
	}
	
	#program-intro-map .intro-icons{
		height:250px;
	}
	
	#program-intro-map #intro-links {
		padding-top: 50px;
	}
	
	.resources .tab-box .resource-item{
		font-size:12px;
		height:140px;
		line-height:16px;
		padding:15px 15px 10px;
	}
	
	.resource-img{
		width:74px;
		height:90px;
		margin-right:10px;
	}
	
	.resource-item .resource-title,
	.resource-item .resource-copy,
	.resource-item .resource-link{
		padding-left:85px;
	}
	
	#resource-grid,
	#resource-grid .resource-item{
		width:100%;
		margin-left:0px;
	}
	#resource-grid img, #resource-grid .resource-image {
		width:300px;
		height:147px;
	}
	
	
	.event-list-row, .event-list-row.first{
		height:auto;
	}
	.event-list-row .event-list-middle{
		display:none;
	}
	
	.event-list-row .event-list-left,
	.event-list-row .event-list-right{
		float:none;
		width:100%;
		clear:both;
	}
	
	.event-list-row .event-list-right{
		/*padding-top:20px;*/
	}
	
	
	#event-search-bar td{
		display:block;
		width:280px;
		float:left;
		padding-bottom:10px;
	}
	
	#event-search-bar fieldset select, 
	#event-search-bar fieldset input#my_keyword{
		width: 280px;
		margin-top:5px;
	}
	
	#event-search-bar .searchSubmit{
		padding-top:0px;
	}
	
	.event-list-row{
		border-bottom-width:4px;
	}
	
	.event-list-row .event-list-left .event-title{
		display:block;
	}
	
	.event-list-row .event-list-right .event-title{
		display:none;
	}
	
	.event-list-row .event-list-left .event-icons,
	.event-list-row .event-list-left .event-repeat,
	.event-list-row .event-list-left .event-tags{
		display:none;
	}
	
	.event-list-row .event-list-right .event-desc{
		padding-top:10px;
	}
	.event-list-row .event-list-left .event-date,
	.event-list-row .event-list-left .event-time{
		display:inline-block;
		padding-bottom:5px;
	}
	
	#content-wrap.event-detail #left-col{
		display:block;
		float:none;
		margin-right:0;
		width:100%;
		clear:both;
		padding-top:0px;
	}
	
	#content-wrap.event-detail #left-col .clear {
		display:none;
	}
	
	.event-detail section#page-content,
	.event-detail #page-copy{
		width:100%;
		padding-left:0;
	}
	
	.event-detail section#page-content h1,
	.event-detail .more-events{
		display:none;
		font-size:24px;
	}
	
	.event-detail section#page-content div.h-space {
		display:none;	
	}
	
	.event-detail #left-col h1{
		display:block;
		font-size: 24px;
    	margin-bottom: 16px;
	}
	
	#left-col .event-register{
		margin-bottom:20px;
	}
	
	.event-detail #event-sponsors,
	.event-detail .find-more{
		display:none;
	}
	.event-detail #left-col .event-date, 
	.event-detail #left-col .event-time{
		display:inline-block;
	}
	
	/* hide the date/time in body on phones */
	
	.event-detail #page-copy h2.date {
		display:none;
	}
	
	#visit-brickworks .bx-wrapper,
	#visit-brickworks{
		float:none;
		width:300px;
		/*height:185px;*/
	}
	
	#evergreen-placerholder > a {
		display:none;
	}
	
	#visit-brickworks #brickworks-links{
		/*display:none;*/
		width:100%;
	}
	
	#news-overview-list .event-list-row{
		margin-left:0px;
		width:100%;
		padding-bottom:10px;
	}
	
	.more-overview-links{
		margin-left:0px;
	}
	
	#photo-grid,
	#mediakit-entries{
		width:100%;
		margin:0;
	}
	
	#photo-grid .photo-thumb{
		margin-left:0;
		width:300px;
		float:none;
		margin-bottom:10px;
	}
	
	#mediakit-entries .mediakit-entry{
		margin-bottom:10px;
	}
	
	#mediakit-entries .mediakit-entry .mediakit-title,
	#mediakit-entries .mediakit-entry .mediakit-copy{
		width:100%;
		float:none;
		padding:0;
	}
	
	#mediakit-entries .mediakit-entry .mediakit-title{
		margin-bottom:10px;
	}
	
	#event-map #map{
		max-width:264px;
	}
	
	#album-grid{
		width:324px;
	}
	
	#album-grid.photos .gallery-item{
		width:138px;
	}
	
	.gallery-item .gallery-title{
		font-size:12px;
		line-height:18px;
	}
	
	#album-grid .gallery-item{
		position:relative;
		width:100%;
	}
	
	#navBtn{
		right:108px
	}
	
	
	section#quick-links.left .quick-link{
		width:100%;
		margin:0;
		float:none;
	}
	
	#sub-links a{
		border:none;
		padding-right:0px;
		text-align:center;
	}
	
	#program-totes{
		height:220px;
	}
	
	#program-totes .intro-icon{
		width:75px;
		height:120px;
	}
	
	#program-totes .program-link-text{
		padding:10px;
		text-align:center;
	}
	
	#program-totes .intro-icon a:hover .icon,
	#program-totes .intro-icon.active a .icon{
		width:60px;
		padding-top: 26px;
	}
	
	#footer-bottom, #footer-bottom footer{
		height:242px;
	}
	
	#co2_neutral {
		position:relative;
		padding:0px;
		float:none;
		top:-20px;
	}
	
	/* ADDITIONS BY JAMES */
	
	#side-social {
		display:none;
	}
	
	/* image gallery overview */
	
	.gallery-image {
		float:left;
		width:140px;
	}
	
	.gallery-title {
		float:left;
		margin-left:10px;
		width:150px;
	}
	
	.gallery-meta {
		float:left;
		margin-left:10px;
	}
	
	/* forms */
	
	div.dfinput_left.name_first, div.dfinput_left.name_last {
		width:100%;
	}

	div.column.sortable {
		width:100% !important; /* important flag is required because the forms module sets width via inline style */
	}
	
	/* for anti-spam page */
	
	img#checkbox {
		float:right;
		height:75px;
		margin:10px 10px 5px 5px;
		width:75px;
	}
	
	/* ADDITIONS BY LUUK */
	
	#left-col{display:none;}
	#event-carousel.half-width, .wide-copy #event-carousel.half-width{width:300px;}
	#event-carousel.half-width.inset{width:280px;}
	section#venue-details {padding:10px 10px 1px;width:280px;}
	.feature-inset{width:300px !important;}
	section#totes.quarter-width{width:300px !important;}
	#carousel.half-width.left{width:300px;}
	.half-width.fm{width:300px;}
	.event-desc{width:289px;}
	.figure img{height:auto !important;width:auto !important;}
	#comment_form textarea{width:293px}
	#eventResults #pager{margin-top:24px;float:left;left:10px;}
	#search-results #pager{margin-top:72px;float:left;left:16px;}
	#search-results #event-header{height:108px;}
	#event-header{height:72px;}
	#pager p{font-size:12px;}
	#search-results .event-list-row .event-list-right .event-title {
		display: block;
	}
	.figure img{width:300px;height:auto;max-width:300px !important;}
	p iframe, div.figure iframe{width:100%;height:100%}
	.impact-col .color-div .color-copy {
		font-size:16px;
		padding:10px;
	}
	#page-copy.fm-wide{width:100%;}
	
	/* for whats on new */
	
	#featured-events {
		width: 320px;
	}
	
	#featured-events > img {
		width:135%;
	}
	
	#event-content #sidecolumn {
		top:0px;
		right:5px;
	}
	
	#event-content #leftcolumn {
		margin-top:230px;
		width:278px;
	}
	
	#event-content #leftcolumn.listing {
		margin-top:0px;
	}
	
	#event-content #leftcolumn .header .left {
		width:auto;
	}
	
	#event-content #leftcolumn .header .center {
		float: none;
		clear: both;
		position: relative;
		width: auto;
		top: 20px;
	}
	
	#event-content #leftcolumn .header .right {
		width: auto;
		float: none;
		position: relative;
		top: -53px;
	}
	
	.event-listing-image {
		display:none !important; /* important flag set to override js setting 'show/hide details' */
	}
	
	.event-admission-info {
		display:none;
	}
	
	.event-admission-info-lower {
		display:block;
	}
	
	/* newsletter signup page */
	
	#newsletter-preview {
		display:none;
	}
	
	/* getting here page w/google map */
	
	#map-canvas {
		height:240px;
		margin-bottom:10px;
	}
	
	.map-notice p {
		font-size:12px;
	}
	
	.getting-here-ui h3 {
		text-align:center;
	}
	
	.getting-here-sidebar,
	.getting-here-main {
		float:none;
		margin:0 0 10px 0;
		padding:20px 10px;
		width:auto;
	}
	
	.getting-here-sidebar .radio-wrapper {
		line-height: 16px;
		margin: 0 14px 10px 0;
		font-size: 15px;
		width: 45%;
	}
	
	.getting-here-sidebar .radio-wrapper:last-of-type {
		margin-bottom:0;
	}
	
	.route-finder input#starting-location {
		width: 230px;
	}
	
	.route-finder .route-finder-right {
		margin:10px 0;
		width:230px;
	}
	
	.route-finder .route-finder-left {
		margin:10px 4px 10px 0;
	}
	
	#route-finder-results:before {
		content: 'Please scroll up to view your route on the map';
		font-weight: bold;
	}
	
	/* for holiday 2014 */
	
	#top-donate-btn.holiday > a {
		padding-top: 20px;
	}
	
	#top-donate-btn.holiday {
		top: -20px;
		right: 0px;
		height: 60px;
		background-size: 94px;
		width: 94px;
	}
	
	#donate-nav {
		display:none;
	}
	
	/* for related blogs at the bottom */
	
	.related-blogs-bottom .flex-container {
		-webkit-flex-flow: row wrap;
		-moz-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		flex-flow:row wrap;
	}
	
	.related-blogs-entry.flex-item:first-of-type {	
		margin-right:auto;
	}
	
	/* for French Program landing pages */
	.program-menu.flex-container {
		-webkit-flex-flow: row wrap;
		-moz-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	}
	
	.program-menu.flex-item {
		border-bottom:1px solid #e6e6e6;
		margin-bottom:24px;
	}
	
	.program-menu.flex-item:last-of-type {
		border:none;
		margin-bottom:0;
	}
	
	/* for new 'wide' layout */
	.wide-copy #page-sponsors {
		display: -ms-Flexbox;
		-ms-box-orient: horizontal;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: flex;
		-webkit-flex-flow: row wrap;
		-moz-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	}
	
	.wide-copy #page-sponsors .sponsor-title {
		flex:0 0 100%;
		margin-bottom:10px;
	}
	
	.wide-copy #page-sponsors .sponsor-entry {
		-ms-flex: 1 1 90px;
		-moz-flex: 1 1 90px;
		-webkit-flex: 1 1 90px;
		flex: 1 1 90px;
		margin-bottom:0;
	}
	
	.logo-block {
		display:block;
		text-align:center;
	}
	
	.youtube-video-wide {
		float: none;
		height: auto;
		padding-bottom: 56.25%;
		padding-top: 30px;
		width: auto;
	}
	
	blockquote {
		font-size: 16px;
		margin: 1.5em 0;
	}
	
	blockquote:before {
		font-size: 72px;
	}
	
	blockquote > footer {
		font-size: 14px;
	}
	
	#page-copy blockquote .body-image-right, #page-copy blockquote .body-image-left, #page-copy .callout-block .body-image-right, #page-copy .callout-block .body-image-left {
		float:none;
		margin:0 0 24px 0;
		max-width:100%;
	}
	
	blockquote.with-sidebar {
		margin-right:1.5em;
	}
	
	.no-tablet {
		display:initial !important;
	}
	
	.no-phone {
		display:none !important;
	}
	
	.callout-right, .callout-left {
		float:none;
		margin:12px auto;
		max-width:100%;
	}
	
	.callout-block {
		padding-left:12px;
		padding-right:12px;
	}
	
	.ebw-alert p {
		font-size: 16px;
	}
	
	/* for Garden Market page */
	.egm.flex-container {
		max-height:none;
		height:auto; /* required for IE */
	}
	
	.egm .callout-block.flex-item {
		align-self:stretch;
		width:auto;
	}
	
	blockquote {
		margin: 1.5em 0.5em;
		padding: 1em 1em 0.75em;
	}
	
}