/*
Theme Name: PopChange
Theme URI: n/a
Author: Gilad Visotsky / Els van Bloois
Author URI: http://gilad-v.com/
Description: Theme for PopChange.com
Version: 1.0
License: no license, use a theme from https://wordpress.org/themes/ instead.
License URI: n/a
Tags: n/a
Text Domain: popchange
*/

@font-face {
    font-family: 'office_code_prolight';
    src: url('fonts/officecodepro-light-webfont.eot');
    src: url('fonts/officecodepro-light-webfont.eot?#iefix') format('embedded-opentype'),
         /* url('fonts/officecodepro-light-webfont.woff2') format('woff2'), */ /* this one isn't in the folder! */
         url('fonts/officecodepro-light-webfont.woff') format('woff'),
         url('fonts/officecodepro-light-webfont.ttf') format('truetype'),
         url('fonts/officecodepro-light-webfont.svg#office_code_prolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'office_code_probold';
    src: url('fonts/officecodepro-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* fatfrank + rucksack black come in via TypeKit */


/* colours:

orange: #FD5200
black : #000000
brown : #AF3800
grey  : #BCBCBC
green : #00CFC1

end colours */

html,body,h1,h2,h3,h4,h5,h6,p,ul,li,form{
	padding:0;
	margin:0;
}
.orange,
.orange_text,
.orange_text_2{
	color:#FD5200;
}
.black,
.black_text,
.black_text_2{
	color:#000000;
}
.white{
	color:#ffffff;
}
.brown{
	color:#AF3800;
}
.grey{
	color:#BCBCBC;
}
.green{
	color:#00CFC1;
}
.screen-reader-text{
	position:absolute;
	top:-40000px;
	left:-40000px;
}
.skip-link:focus{
	top:40px;
	left:40px;
	background:white;
	color:black;
	padding:10px 20px;
	border:2px solid black;
	text-decoration:none;
	text-transform:uppercase;
	font-size:100%;
}
a{
	color:#FD5200;
	text-decoration:none;
}
a:focus,
a:hover,
a:active{
	color:inherit;
}
img,
iframe{
	max-width:100%;
}
.menu-toggle,
.narrowonly{
	display:none;
}

.inner{
	max-width:1820px; /* 1920 total with padding */
	padding:33px 50px;
	margin:0 auto;
}
.centeredcontent{
	text-align:center;
}
.centeredcontent .limited,
.centeredcontent .videowrap,
.centeredcontent .soundcloudwrap,
.centeredcontent .iframewrap,
.centeredcontent .imggridwrap{
	margin:0 auto;
}
.centeredcontent .intro,
.centeredcontent .introregsize{
	max-width:1040px;
	margin:0 auto;
}
.site-title,
.site-nav ul li:first-child,
#main h1,
#main h2,
#main .pullquote p,
#main p.posttype,
#main p.allytype,
#main .overlayblock p,
#main .overlayblock a, 
#main p.posttax,
#main p.eventcat,
#main p.imgtitle,
#main p.addedmodified,
#main .hpslider .overlay,
#main p.readmorelarge{
	font-family:'fatfrank','Comic Sans MS',serif,sans-serif;
	font-weight:400;
	letter-spacing:0.05em;
}
.percentage{
	font-family:'rucksack','Comic Sans MS',serif,sans-serif;
	font-weight:900;
}
.popcolour,
#main h1,
#main .pullquote p,
ul.eventslist li a .eventcat,
ul.eventslist li a .posttax,
ul.fieldnoteslist li a .posttax,
ul.relatedlist li a .eventcat,
.hptext h2,
.artistspeakerauthor h2.relatedheading,
.related h2.relatedheading,
#main h2.searchpage-title,
#main .mainsection h2,
#main p.posttype,
#main p.addedmodified,
#main .hplatest h2.latestheading{
	color:#FD5200 !important;
}
#main h2.searchpage-title .searchterm{
	color:#000000;
}
#main p.readmorelarge{
	text-align:center;
	color:#BCBCBC;
}
#main p.readmorelarge a{
	color:inherit;
}
#main p.readmorelarge a:focus,
#main p.readmorelarge a:hover,
#main p.readmorelarge a:active{
	color:#000000;
}
.imgdesc p a{
	color:inherit !important;
	text-decoration:underline;
}
.imgdesc p a:focus,
.imgdesc p a:hover,
.imgdesc p a:active{
	text-decoration:none;
}
ul.eventslist li a .sepbullet,
ul.fieldsnoteslist li a .sepbullet{
	color:#000 !important;
	font-size:150%; /* of the surrounding font-size */
	vertical-align:middle;
}
body{
	font-family:'office_code_prolight',Arial,sans-serif;
	font-size:100%;
	background:#fff;
	color:#000;
}
form,input,select,textarea{
	font-family:'office_code_prolight',Arial,sans-serif;
	caret-color:#00CFC1;
}
strong,
#main h4,
#main ul.partnerslist{
	font-family:'office_code_probold',Arial,sans-serif;
	font-weight:normal; /* the font itself is already bold */
}
#page{
	padding-top:102px; /* 33px + 33px + 36px */
}
#masthead{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:102px;
	z-index:10000;
	background:#fff;
	color:#000;
}
#content{
}
.admin-bar #masthead{
	top:32px;
}
@media (max-width:782px){
	.admin-bar #masthead{
		top:46px;
	}
}

.site-title,
.site-nav{
	font-size:28px;
	text-transform:uppercase;
	line-height:1.28;
	margin-bottom:0;
}
.site-title{
	position:absolute;
	left:50px;
	display:none;
}
.site-nav ul{
	display:flex;
	justify-content:space-between;
}
.site-nav ul li{
	display:inline;
}
.site-nav ul li.search{
	display:inline-block;
	width:2em;
	height:2em;
	overflow:hidden;
	background:url(img/search.png) transparent no-repeat right center / contain;
	text-indent:-2000px;
	margin-top:-.5em;
}
.site-nav ul li.search a{
	display:block;
	width:100%;
	height:100%;
}
.site-title,
.site-nav ul li:first-child{
	font-size:42px; /* 1.5 x the size of the other items */
	letter-spacing:.12em;
	margin-top:-.3em; /* to align the bottom with the rest */
}
.site-nav a{
	color:inherit;
	text-decoration:none;
	padding-bottom:0.2em;
	border-bottom:2px solid #fff; /* hiding against white background */
}
.site-nav li.current-menu-item a,
body.single-pc_ally .site-nav li.menu-item-678 a,
body.single-pc_event .site-nav li.menu-item-object-pc_event a,
body.single-pc_commission .site-nav li.menu-item-object-pc_commission a,
body.single-post .site-nav li.current_page_parent a,
.site-nav a:focus,
.site-nav a:hover,
.site-nav a:active{
	border-color:#00CFC1;
}

.videobox{
	width:100%;
	height:0;
	padding-top:56.25%;
	position:relative;
}
.videobox iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#main h1,
#main .relatedbox h2,
#main .mainsection h2{
	font-size:43px;
	font-weight:400;
	text-transform:uppercase;
	line-height:1.2;
	margin-bottom:.6em;
}
#main h2,
#main p.posttype,
#main p.readmorelarge{
	font-size:32px;
	font-weight:400;
	text-transform:uppercase;
	line-height:1.2;
	padding-top:.5em;
	margin-bottom:.6em;
}
#main h2.relatedheading{
	padding-bottom:.4em;
	margin-bottom:0;
}
#main .hplatest h2.latestheading{
	margin-bottom:1.3em;
}
#main .eventslist h2,
#main .fieldnoteslist h2,
#main .relatedlist h2{
	padding-top:0;
	margin-bottom:.56875em; /* this should result in the same actual spacing as the 0.65em margin on p.imgtitle */
}
#main .relatedbox h2{
	padding-top:.4em;
	margin-bottom:0.1em;
}
#main p.posttype{
	padding-top:0;
	margin-bottom:.2em;
}
#main h3{
	font-size:28px;
	font-weight:400;
	text-transform:uppercase;
	line-height:1.28;
	margin-bottom:0;
}
#main h4{
	font-size:24px;
	line-height:1.3;
	margin-bottom:1.3em;
}
#main .sociallinks h4{
	margin-bottom:.6em;
}
#main .bylinebio h4{
	padding-top:.6em;
	margin-bottom:.8em;
}

#main .intro p,
#main .pullquote p{
	font-size:32px;
}
#main p.imgtitle{
	font-size:28px;
	padding-top:0.65em;
	margin-bottom:.65em;
}
#main p,
#main ul{
	font-size:24px;
	line-height:1.3;
	margin-bottom:1.3em;
}
#main .textblock ul{
	margin-left:1.2em;
}
#main .authordate p{
	margin-bottom:0;
}

#main p.caption{
	font-size:14px;
	padding-top:1em;
	margin-bottom:0;
}
#main p.allytype,
#main p.posttax,
#main p.eventcat,
#main p.addedmodified,
#main .info p.eventcat,
#main .info p.posttax{
	font-size:12px;
	text-transform:uppercase;
	margin-bottom:0;
}
#main .reltxtbox p.posttax{
	margin-bottom:.2em;
}

#main .info h4,
#main .info p,
#main .info ul,
#main .authordate p.postdate,
#main .reltxtbox p.excerpt{
	font-size:18px;
}
#main .authordate p.postdate{
	padding-top:.4em;
}

/* home */

.hpsliderwrapper{
	margin-bottom:100px;
}
#main .hpslider li{
	position:relative;
}
#main .hpslider .overlay{
	position:absolute;
	top:0;
	right:0;
	max-width:60%;
	font-size:109px;
	text-transform:uppercase;
	line-height:1.2;
	text-align:right;
	box-sizing:border-box;
	padding:.2em .45em 0 0;
}
#main .hpslider .overlayblock{
/*
	position:absolute;
	bottom:40px;
	left:30px;
	width:30em;
	box-sizing:border-box;
	text-align:left;
	text-transform:uppercase;
*/
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	box-sizing:border-box;
	padding:20px;
	text-align:center;
	text-transform:uppercase;
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	justify-content:center;
	align-content:center;
	
}
#main .hpslider .overlayblock .blocktop{
/*
	background:white;
	color:black;
	padding:20px 25px 17px 25px;
*/
	color:#FD5200;
}
#main .hpslider .overlayblock h2{
	font-size:60px;
	padding:0 1em;
	padding-top:0;
	margin-bottom:0;
}
#main .hpslider .overlayblock p{
	margin-bottom:0;
}
#main .hpslider .overlayblock .fullblocklink{
	display:block;
	width:100%;
	height:100%;
}
#main .hpslider .overlayblock .blocklink{
	display:block;
	background:#FD5200;
	color:white;
	padding:15px 25px 12px 25px;
}
#main .hpslider .overlayblock .blocklink:focus,
#main .hpslider .overlayblock .blocklink:hover,
#main .hpslider .overlayblock .blocklink:active{
	color:black;
}
.hpsection{
	padding-top:160px;
	background:url(img/vline120.png) transparent no-repeat center top;
	margin-top:40px;
	
}
.hpsection .hptext{
	max-width:765px;
	text-align:center;
	margin:0 auto;
}
#main .hplatest{
	margin-bottom:4em;
}
#main .hplatest .intro,
#main .hplatest .introregsize{
	padding-bottom:.6em;
}
#main .hplatest .eventslist,
#main .hplatest .fieldnoteslist{
	padding-top:.6em;
}
#main .hplatest .excerpt2{
	display:none;
}

/* search form */

.search-form{
	font-size:60px;
	margin-bottom:24px;
	display:flex;
	justify-content:space-between;
}
.search-form label,
.search-form input{
	font-size:inherit;
	box-sizing:border-box;
}
.search-form input{
	color:#FD5200;
	padding:.2em .5em;
	border:1px solid #FD5200;
}
.search-form label{
	display:inline-block;
	width:calc(100% - 5.5em);
	margin-right:-1em; /* to overlap the white-space from the HTML */
}
.search-form label input{
	width:100%;
}
.search-form .search-submit{
	width:5em;
}


/* filters */

.filters{
	margin-bottom:3em;
}
.filters .thefilters{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	max-width:600px;
	margin:0 auto;
}
.filters .formbox{
	width:50%;
	box-sizing:border-box;
	padding:0 10px;
}
.filters form{
	width:100%;
	display:flex;
}
.filters select{
	font-size:20px;
	line-height:1.5em;
	padding:5px 15px;
	border:1px dotted #FD5200;
}
.styled-select{
	float:left;
	border:1px dotted #FD5200;
	width:100%;
	overflow:hidden;
	background:url(img/openlist.png) transparent no-repeat 95% 50% / 10px auto;
}
.styled-select select {
	width:calc(100% + 20px);
	width:100%;
	border:none;
	box-shadow:none;
	background:transparent;
	/* background-image: none; */
	-webkit-appearance: none;
}




/* image grids */
/* media widths */
/* events too */

ul.columngrid3,
ul.imagegrid2,
ul.imagegrid3,
ul.imagegrid4{
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	padding-top:.5em;
	justify-content:left;
}
.centeredcontent ul.columngrid3,
.centeredcontent ul.imagegrid2,
.centeredcontent ul.imagegrid3,
.centeredcontent ul.imagegrid4{
	justify-content:center;	
}
ul.columngrid3 li,
ul.imagegrid2 li,
ul.imagegrid3 li,
ul.imagegrid4 li{
	box-sizing:border-box;
	text-align:left;
}
#main .entry-content .limited{
	max-width:1250px;
	max-width:65.1%;
	box-sizing:border-box;
}
div.topimage img{
	display:block;
}
div.topimage,
div.topmedia{
	margin-bottom:1em;
}
.authordate{
	padding:.8em 0 1em 0;
	border-width:1px 0;
	border-style:solid;
	border-color:#00CFC1;
	margin-bottom:1.5em;
}
.pullquote{
	clear:left;
	padding-left:3em;
	background:url(img/quote.png) transparent no-repeat left top / 2em auto;
}
.pullquote.pqside{
	float:left;
	width:20em;
	max-width:45%;
	box-sizing:border-box;
	padding-left:4em;
	background:url(img/quote.png) transparent no-repeat left top / 3em auto;
	margin-right:1.5em;
}
.soundcloudwrap,
.iframewrap,
.videowrap{
	width:60%;
	max-width:1120px;
	box-sizing:border-box;
	padding-top:.5em;
	margin-bottom:3em;
}
.imggridwrap{
	box-sizing:border-box;
	padding-top:.5em;
	margin-bottom:3em;
}
.columngridwrap.grid3{
	max-width:1410px; /* 11 + 448 + 22 + 448 + 22 + 448 + 11*/
}
.imggridwrap.grid2{
	max-width:1316px; /* 2 x 658 */
}
.imggridwrap.grid3{
	max-width:1578px; /* 3 x 526 */
}
.imggridwrap.grid4{
	max-width:1580px; /* 4 x 395 */
}


ul.columngrid3 li{
	width:33.33%;
	padding:0 11px;
	margin-bottom:22px;
}
.centeredcontent .imggridinside{
	margin:0 auto; /* just in case there's more space than we need */
}

.imagegrid2 .wrapinside,
.imagegrid3 .wrapinside,
.imagegrid4 .wrapinside{
	padding-right:23.925%;
	padding-bottom:11.9625%;
}
.centeredcontent .imagegrid2 .wrapinside,
.centeredcontent .imagegrid3 .wrapinside,
.centeredcontent .imagegrid4 .wrapinside{
	padding-left:11.9625%;
	padding-right:11.9625%;
}
ul.imagegrid2 li{
	width:50%;
	max-width:calc(500px * 1.316); /* 658px */
	padding:0;
}
ul.imagegrid3 li{
	width:33.33%;
	max-width:calc(400px * 1.316); /* 526px */
	padding:0;
}
ul.imagegrid4 li{
	width:25%;
	max-width:calc(300px * 1.316); /* 395px */
	padding:0;
}

.imagegrid2 .imggridinside{
	max-width:500px;
}
.imagegrid3 .imggridinside{
	max-width:400px;
}
.imagegrid4 .imggridinside{
	max-width:300px;
}
.columngrid3 .imggridinside{
	max-width:448px;
}


ul.columngrid3 li img,
ul.imagegrid2 li img,
ul.imagegrid3 li img,
ul.imagegrid4 li img{
	display:block;
}
ul.imagegrid4.allies li span.imgwrap{
	display:block;
	background-color:black;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
ul.imagegrid4.allies li img{
	transition:opacity .5s ease-in-out 0s;
}
ul.imagegrid4.allies li span.mouseover img,
ul.imagegrid4.allies li span:hover img{
	opacity:0;
}
#main ul.imagegrid2 .info p,
#main ul.imagegrid3 .info p,
#main ul.imagegrid4 .info p{
	margin-bottom:.5em;
}

div.imgblock{
	padding-top:.5em;
	margin-bottom:3em;
}



/* events + fieldnotes */

.sidebarpage{
	overflow:hidden;
	max-width:calc(1230px + 305px);
	padding-top:33px;
	margin-top:-33px;
}
.sbpmain{
	float:left;
	width:calc(100% - 305px);
	min-width:448px;
}
.sbpdetail{
	float:right;
	width:245px;
	max-width:calc(100% - 480px);
}
#main .sbpmain .entry-content{
	max-width:100%;
}
#main .eventdetail .info p{
	margin-bottom:0;
}
#main .eventdetail .info .withspacing p{
	margin-bottom:1em;
}
#main .eventdetail .info h3{
	padding-top:1em;
}
#main ul.sblist{
	list-style:none;
}
#main ul.keyallieslist li a{
	color:#000000;
}
#main ul.keyallieslist li a:focus,
#main ul.keyallieslist li a:hover,
#main ul.keyallieslist li a:active,
#main ul.keyallieslist li a span{
	color:#FD5200;
}

#main .alliessection ul{
	list-style:none;
}
#main .alliessection ul li{
	display:inline;
}
#main .alliessection ul li a{
	color:inherit;
	text-decoration:underline;
	text-decoration-color:#00CFC1;
}
#main .relatedbox h2 a{
	color:inherit;
}


/*Mailerlite*/
#mlb2-4801880.ml-form-embedContainer .ml-form-embedWrapper 
.ml-form-embedBody .ml-form-interestGroupsRow{
	margin-bottom:20px;
	text-align:left;
	float:left;
	width:100%
}

#mlb2-4801880.ml-form-embedContainer .ml-form-embedWrapper 
.ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox{
	margin:0 0 10px 0;
	width:100%
}

#mlb2-4801880.ml-form-embedContainer .ml-form-embedWrapper 
.ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox.last-group{
	margin:0;
}

#mlb2-4801880.ml-form-embedContainer .ml-form-embedWrapper 
.ml-form-embedBody .ml-form-interestGroupsRow h4{
	font-size:px;
	line-height:px;
	margin:0 0 10px 0;
	text-align:left;
	word-break:break-word
}

#mlb2-4801880.ml-form-embedContainer .ml-form-embedWrapper 
.ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox label{
	font-weight:400;
	margin:0;
	padding:0;
	position:relative;
	display:block;
	min-height:24px;
	padding-left:24px;

}

#mlb2-4801880.ml-form-embedContainer .ml-form-embedWrapper 
.ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox 
.label-description{
	color:#000;
	font-family:'office_code_prolight';
	font-size:12px;
	line-height:18px;
	text-align:left;
	margin-bottom:0;
	position:relative;
	vertical-align:top;
	font-style:normal;
	font-weight:400;
}

#mlb2-4801880.ml-form-embedContainer .ml-form-embedWrapper 
.ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox 
.description{
	color:#000;
	font-family:'office_code_prolight';
	font-size:12px;
	font-style:italic;
	font-weight:400;
	line-height:18px;
	margin:5px 0 0 0;
	text-align:left
}

#mlb2-4801880.ml-form-embedContainer .ml-form-embedWrapper 
.ml-form-embedBody .ml-form-interestGroupsRow 
.ml-form-interestGroupsRowCheckbox input[type=checkbox]{
	box-sizing:border-box;
	padding:0;
	position:absolute;
	z-index:-1;
	opacity:0;
	margin-top:5px;
	margin-left:-1.5rem;
	overflow:visible
}





/* mailchimp */

#mc_embed_signup{
	position:relative; /* for responses position */
}
.indicates-required,
.asterisk{
	display:none;
}
.mc-field-group,
.clear{
	display:inline-block;
}
.mc-field-group label{
	display:block;
	font-size:12px;
	color:#FD5200;
	padding-bottom:5px;
}
#mc_embed_signup input{
	width:100%;
	background-color:rgba(253,82,0,.05);
	border:2px solid #FD5200;
	border-radius:7px;
	padding:7px 13px;
	box-sizing:border-box;
}
#mc_embed_signup .mc-field-group{
	width:calc(100% - 120px);
}

#mc_embed_signup input.button{
	width:100px;
	padding-right:30px;
	background-image:url(img/arrow.png);
	background-repeat:no-repeat;
	background-position:77px center !important;
	background-size:13px auto;
	cursor:pointer;
}
#mc_embed_signup input.button:focus,
#mc_embed_signup input.button:hover,
#mc_embed_signup input.button:active{
	background-color:rgba(0,0,0,.1);
}
#mce-responses{
	position:absolute;
	left:0;
	top:100%;
	font-size:14px;
}
#mce-responses #mce-error-response{
	color:red;
}
#mce-responses #mce-success-response{
	color:green;
}

.archivedevent{
	position:relative;
}
.archivedevent .corner{
	position:absolute;
	top:0;
	left:0;
	width:200px;
	height:0;
	padding-top:200px;
	background:url(img/archived.png) transparent no-repeat left top / contain;
}
ul.eventslist,
ul.fieldnoteslist,
ul.relatedlist{
	max-width:1410px; /* 11 + 448 + 22 + 448 + 22 + 448 + 11*/
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	justify-content:left;
	margin-right:-22px;
}
ul.fieldnoteslist{
	max-width:1578px; /* 3 x 526px */
	margin-left:auto;
	margin-right:auto;
}
ul.relatedlist{
	padding-top:22px;
}
.centeredcontent ul.eventslist{
	margin-left:auto;
	margin-right:auto;
}
ul.eventslist li,
ul.relatedlist li{
	width:33.3%;
	box-sizing:border-box;
	padding:0 22px 0 0;
	margin-bottom:22px;
	text-align:left;
}
.centeredcontent ul.eventslist li{
	padding:0 11px;
}
ul.fieldnoteslist li{
	width:33.3%;
	box-sizing:border-box;
	text-align:left;
	max-width:calc(400px * 1.316); /* 526px */
}
ul.fieldnoteslist li .insideblock{
	padding-left:11.9625%;
	padding-right:11.9625%;
	padding-bottom:11.9625%;
}
ul.fieldnoteslist li .insideblock a,
ul.eventslist li .insideblock a{
	display:block;
	position:relative;
}
ul.fieldnoteslist li .insideblock span.overlay,
ul.eventslist li .insideblock span.overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:0;
	padding-top:100%;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}
span.overlay.overlay-video{
	background-image:url(img/overlay-video.png);
}
span.overlay.overlay-podcast{
	background-image:url(img/overlay-podcast.png);
}
ul.fieldnoteslist li .insideblock a:hover span.overlay,
ul.eventslist li .insideblock a:hover span.overlay{
	background-color:rgba(255,255,255,.5);
}

/* less than 3 in upcoming / latest events / fieldnotes */
ul.eventslist.just2,
ul.fieldnoteslist.just2{
	max-width:940px;
}
ul.eventslist.just2 li,
ul.fieldnoteslist.just2 li{
	width:50%;
}
ul.eventslist.just1,
ul.fieldnoteslist.just1{
	max-width:470px;
}

.centeredcontent ul.eventslist.just1,
.centeredcontent ul.fieldnoteslist.just1{
	justify-content:center !important;
	margin:0 auto !important;
}
ul.eventslist.just1 li,
ul.fieldnoteslist.just1 li{
	width:100%;
}
/* less than 3 in archived events */
.centeredcontent ul.eventslist.total1,
.centeredcontent ul.eventslist.total2{
	justify-content:center;
}



ul.eventslist a,
ul.fieldnoteslist a,
ul.relatedlist a{
	color:inherit;
}
ul.eventslist img,
ul.fieldnoteslist img,
ul.relatedlist img{
	display:block;
	margin-bottom:8px;
}

/* what can you do */
/* plus some from homepage */

ul.textblocks{
	max-width:1452px; /* 45 + 394 + 90 + 394 + 90 + 394 + 45*/
	/* is flex, takes styles from columngrid3 */
	justify-content:center;
	margin:auto;
}
#main ul.textblocks li{
	padding:0 45px;
	margin-bottom:90px;
	text-align:center;
}
.home #main ul.textblocks li{
	margin-bottom:30px; /* only on homepage, to make sure 'read more' isn't too far down */
}
#main ul.numbered h2,
#main ul.stats h2 span.orange_text,
#main ul.stats h2 span.orange_text_2{
	font-size:80px;
}
#main ul.stats h2 span.black_text,
#main ul.stats h2 span.black_text_2,
#main ul.stats h2 span.percentage{
	font-size:60px;
}
#main ul.stats h2 span{
	text-transform:none;
}

.bylinebios{
	padding-top:30px;
}
.bylinebio{
	border-top:1px solid #00CFC1;
}
.relatedwrap{
	width:calc(100% - 305px);
	margin-bottom:2em;
}
.relatedheading{
	border-bottom:1px solid #FD5200;
}
.relatedbox{
	display:flex;
	padding-top:.8em;
	padding-bottom:.8em;
	border-bottom:1px dashed #FD5200;
}
.artistspeakerauthor .relatedbox{
	border-bottom-width:4px;
}
.relimgbox{
	width:210px;
	flex-shrink:0;
	order:1;
}
.searchresult .relimgbox{
	order:0;
}
.reltxtbox{
	padding-right:25px;
	flex-grow:1;
}
.searchresult .reltxtbox{
	padding-left:25px;
	padding-right:0;
}
.searchresult .reltxtbox.noimg{
	padding-left:0;
}
.relimgbox img{
	display:block;
}

.pagination{
	padding-top:50px;
	text-align:center;
}


#colophon ul.social{
	list-style:none;
	display:flex;
	justify-content:left;
	margin-bottom:14px;
}
#colophon ul.social li{
	margin:0 10px;
}
#colophon ul.social li:first-child{
	margin-left:0;
}
#colophon ul.social li a img{
	max-height:30px;
}
#colophon ul.social li a:focus img,
#colophon ul.social li a:hover img,
#colophon ul.social li a:active img{
	opacity:0.5;
}

.ffall{
	display:flex;
	width:100%;
	box-sizing:border-box;
	justify-content:space-between;
	align-items:flex-end;
}
.ffall .ff1{
	order:1;
	text-align:left;
	width:calc(100% - 600px);
}
.ffall .ff2{
	order:2;
	width:200px;
}
.ffall .ff3{
	order:3;
	text-align:right;
	width:calc(50% - 100px);
}
.ffall .ff3.new{
	width:calc(50%);
	min-width:600px;
	display:flex;
	flex-wrap:wrap-reverse;
	flex-direction:row-reverse;
	justify-content:right;
	align-items:baseline;
	align-content:flex-end;
	margin-left:-30px;
}
.ffall .ff3.new span{
	width:33.33%;
	min-width:200px;
	box-sizing:border-box;
	padding-left:30px;
	padding-top:30px;
	vertical-align:bottom;
}
.ffall .ff3.new span.esmeefairbairn{
	padding-left:calc(6% + 30px);
	padding-right:6%;
}

#colophon h3{
	font-size:12px;
	margin-bottom:10px;
}
#colophon h3 img{
	width:195px;
}
#colophon p{
	color:#BCBCBC;
	font-size:12px;
	line-height:1.7;
}
#colophon a{
	color:inherit;
	text-decoration:none;
}

.counterpoints{
	position:fixed;
	top:140px;
	right:0;
	width:33px;
	height:227px;
}
.counterpoints a{
	display:block;
	width:100%;
	height:100%;
	background-image:url(img/counterpoints.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	background-size:contain;
}
.counterpoints a:hover{
	background-image:url(img/counterpoints-neg.jpg);
}


*{-webkit-text-size-adjust:100%;}

input[type=text],
input[type=search],
input[type=button],
input[type=email],
input[type=submit],
textarea{
	-webkit-appearance:none;
	-webkit-border-radius:0;
}

/* fix the stupid placeholder colour */
/* separate rules, because: "a group of selectors containing an invalid selector is invalid". */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	font-family:'office_code_prolight',Arial,sans-serif;
	color:#FD5200;
	color:rgba(253,82,0,.5);
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	font-family:'office_code_prolight',Arial,sans-serif;
	color:#FD5200;
	color:rgba(253,82,0,.5);
	opacity:1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	font-family:'office_code_prolight',Arial,sans-serif;
	color:#FD5200;
	color:rgba(253,82,0,.5);
	opacity:1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	font-family:'office_code_prolight',Arial,sans-serif;
	color:#FD5200;
	color:rgba(253,82,0,.5);
}
::-ms-input-placeholder { /* Microsoft Edge */
	font-family:'office_code_prolight',Arial,sans-serif;
	color:#FD5200;
	color:rgba(253,82,0,.5);
}




/* just for the columns */

@media (max-width:1185px){
	ul.imagegrid4 li{
		width:33.33%;
	}
}
@media (max-width:820px){
	ul.fieldnoteslist{
		margin-left:-5.98125%;
		margin-right:-5.98125%;
	}
	ul.imagegrid3 li,
	ul.imagegrid4 li,
	ul.fieldnoteslist li{
		width:50%;
	}
}
@media (max-width:448px){
	ul.fieldnoteslist{
		margin-left:0;
		margin-right:0;
	}
	ul.fieldnoteslist li{
		padding-left:0;
		padding-right:0;
	}
	ul.imagegrid2 li,
	ul.imagegrid3 li,
	ul.imagegrid4 li,
	ul.fieldnoteslist li{
		width:100%;
	}
}


@media (max-width:1700px){
	#main .hpslider .overlay{
		font-size:90px;
	}
}
@media (max-width:1600px){
	#page{
		padding-top:97px; /* 33px + 33px + 31px */
	}
	#masthead{
		height:97px;
	}
	.site-title,
	.site-nav,
	#main h3,
	#main p.imgtitle{
		font-size:24px;
	}
	.site-title,
	.site-nav ul li:first-child{
		font-size:36px; /* 1.5 x the size of the other items */
		margin-top:-.3em; /* to align the bottom with the rest */
	}
	#main .entry-content .limited{
		/* max-width:1050px; */
	}
	#main h1,
	#main .relatedbox h2,
	#main .mainsection h2{
		font-size:36px;
	}
	
	#main h2,
	#main .intro p,
	#main .pullquote p,
	#main p.posttype,
	#main p.readmorelarge{
		font-size:28px;
	}
	#main h4,
	#main p,
	#main ul{
		font-size:20px;
	}
	#main .info h4,
	#main .info p,
	#main .info ul,
	#main .authordate p.postdate,
	#main .reltxtbox p.excerpt{
		font-size:16px;
	}
	.archivedevent .corner{
		width:12.5%;
		padding-top:12.5%;
	}
}
@media (max-width:1500px){
	.inner{
		padding:28px 40px;
	}
	.eventpage{
		padding-top:28px;
		margin-top:-28px;
	}
	#page{
		padding-top:81px; /* 28px + 28px + 25px */
	}
	#masthead{
		height:81px;
	}
	#main .entry-content .limited{
		/* max-width:950px; */
	}
	.site-title{
		left:40px;
	}
	.site-title,
	.site-nav,
	#main h3,
	#main p.imgtitle{
		font-size:20px;
	}
	.site-title,
	.site-nav ul li:first-child{
		font-size:30px; /* 1.5 x the size of the other items */
		margin-top:-.3em; /* to align the bottom with the rest */
	}
	.site-nav a{
		border-bottom-width:1px;
	}
	#main .hpslider .overlay{
		font-size:80px;
	}
	#main h1,
	#main .relatedbox h2,
	#main .mainsection h2{
		font-size:30px;
	}
	#main h2,
	#main .intro p,
	#main .pullquote p,
	#main p.posttype,
	#main p.readmorelarge{
		font-size:24px;
	}
	#main h4,
	#main p,
	#main ul{
		font-size:18px;
	}
	#main .info h4,
	#main .info p,
	#main .info ul,
	#main .authordate p.postdate,
	#main .reltxtbox p.excerpt{
		font-size:15px;
	}
	#main ul.numbered h2,
	#main ul.stats h2 span.orange_text,
	#main ul.stats h2 span.orange_text_2{
		font-size:60px;
	}
	#main ul.stats h2 span.black_text,
	#main ul.stats h2 span.black_text_2,
	#main ul.stats h2 span.percentage{
		font-size:45px;
	}
}
@media (max-width:1400px){
	.counterpoints{
		width:28px;
		height:192px;
	}
	.inner{
		padding:26px 35px;
	}
	.eventpage{
		padding-top:26px;
		margin-top:-26px;
	}
	#page{
		padding-top:75px; /* 26px + 26px + 25px */
	}
	#masthead{
		height:75px;
	}
	#main .entry-content .limited{
		max-width:850px;
	}
	/*
	.imggridwrap.grid2{
		width:auto;
		max-width:860px;
	}
	*/
	.videowrap,
	.soundcloudwrap,
	.iframewrap{
		width:auto;
		max-width:790px;
	}
	.site-title{
		left:35px;
	}
	.site-title,
	.site-nav,
	#main h3,
	#main p.imgtitle{
		font-size:18px;
	}
	.site-title,
	.site-nav ul li:first-child{
		font-size:27px; /* 1.5 x the size of the other items */
		margin-top:-.3em; /* to align the bottom with the rest */
	}
	#main h1,
	#main .relatedbox h2,
	#main .mainsection h2{
		font-size:27px;
	}
	#main h2,
	#main .intro p,
	#main .pullquote p,
	#main p.posttype,
	#main p.readmorelarge{
		font-size:22px;
	}
	#main h4,
	#main p,
	#main ul{
		font-size:16px;
	}
	#main .info h4,
	#main .info p,
	#main .info ul,
	#main .authordate p.postdate,
	#main .reltxtbox p.excerpt{
		font-size:14px;
	}
	#main p.caption{
		font-size:12px;
	}
	#main .hpslider .overlayblock h2{
		font-size:48px;
	}
	#main ul.numbered h2,
	#main ul.stats h2 span.orange_text,
	#main ul.stats h2 span.orange_text_2{
		font-size:56px;
	}
	#main ul.stats h2 span.black_text,
	#main ul.stats h2 span.black_text_2,
	#main ul.stats h2 span.percentage{
		font-size:42px;
	}
}
@media (max-width:1300px){
	#main .hpslider .overlay{
		font-size:70px;
	}
	.search-form{
		font-size:48px;
	}
}
@media (max-width:1200px){
	.counterpoints{
		width:24px;
		height:165px;
	}
	.inner{
		padding:24px 30px;
	}
	.eventpage{
		padding-top:24px;
		margin-top:-24px;
	}
	#page{
		padding-top:68px; /* 24px + 24px + 20px */
	}
	#masthead{
		height:68px;
	}
	.site-title{
		left:30px;
	}
	.site-title,
	.site-nav,
	#main h3,
	#main p.imgtitle{
		font-size:16px;
	}
	.site-title,
	.site-nav ul li:first-child{
		font-size:24px; /* 1.5 x the size of the other items */
		margin-top:-.3em; /* to align the bottom with the rest */
	}
	#main .info h4,
	#main .info p,
	#main .info ul,
	#main .authordate p.postdate,
	#main .reltxtbox p.excerpt{
		font-size:13px;
	}
	#main ul.numbered h2,
	#main ul.stats h2 span.orange_text,
	#main ul.stats h2 span.orange_text_2{
		font-size:48px;
	}
	#main ul.stats h2 span.black_text,
	#main ul.stats h2 span.black_text_2,
	#main ul.stats h2 span.percentage{
		font-size:36px;
	}


}
@media (max-width:1130px){
	#main .hpslider .overlay{
		font-size:60px;
	}
	#main .hpslider .overlayblock h2{
		font-size:36px;
	}
	.archivedevent .corner{
		width:123px;
		padding-top:123px;
	}
	.relatedwrap{
		width:745px;
		max-width:100%;
	}
}
@media (max-width:1055px){
	#colophon .ffall{
		display:block; /* remove flex */
	}
	.ffall .ff1,
	.ffall .ff2,
	.ffall .ff3{
		width:auto;
		text-align:center;
	}
	.ffall .ff3.new{
		width:auto;
		min-width:0;
		justify-content:center;
		margin-bottom:40px;
	}
	#colophon ul.social{
		justify-content:center;
		margin-bottom:40px;
	}
	#colophon ul.social li:first-child{
		margin-left:10px;
	}
	#colophon h3{
		margin-bottom:10px;
	}
	#colophon h3 img{
		width:220px;
	}
	#colophon .site-info span{
		display:block;
	}
}
@media (max-width:980px){
	#main .hpslider .overlay{
		font-size:52px;
	}
	ul.textblocks li{
		width:50%;
	}
	.search-form{
		font-size:36px;
	}
}
@media (max-width:880px){
/*
	#main .hpslider .overlayblock{
		position:relative;
		padding:20px 0 0 0;
	}
*/
/*
	#main .hpslider .overlayblock .blocktop{
		padding:10px 10px 7px 10px;
	}
	#main .hpslider .overlayblock .blocklink{
		padding:5px 10px 3px 10px;
	}
*/
}
@media (max-width:860px){
	#main .hpslider .overlay{
		font-size:46px;
	}
	#main .hpslider .overlayblock h2{
		font-size:32px;
	}
}
@media (max-width:820px){
	.centeredcontent ul.columngrid3,
	.centeredcontent ul.eventslist{
		margin-left:-11px;
		margin-right:-11px;
	}
	ul.columngrid3 li,
	ul.eventslist li,
	ul.relatedlist li{
		width:50%;
	}
	.hplatest ul.eventslist li:nth-child(3),
	.hplatest ul.fieldnoteslist li:nth-child(3),
	ul.relatedlist li:nth-child(3){
		display:none;
	}
}
@media (max-width:768px){
	#main .hpslider .overlay{
		font-size:40px;
	}
	#main .hpslider .overlayblock h2{
		font-size:28px;
	}
	.sbpmain,
	.sbpdetail{
		float:none;
		width:auto;
		min-width:0;
		max-width:448px;
	}
	.eventdetail{
		position:relative;
		padding-bottom:12px;
		border-bottom:1px solid #FD5200;
		margin-bottom:12px;
	}
	.eventdetail .info{
		padding-right:40px; /* to make room for the addthis icon */
	}
	
	.addthiswrapper{
		position:absolute;
		bottom:12px;
		right:0;
	}
	.narrowonly{
		display:block;
	}
	.wideonly{
		display:none;
	}
	.search-form{
		font-size:32px;
	}
}
@media (max-width:767px){
	#mc_embed_signup .mc-field-group{
		width:100%;
		margin-bottom:10px;
	}
	#mc_embed_signup input.button{
		width:100px;
	}
}
@media (max-width:660px){
	#main .hpslider .overlay{
		font-size:36px;
	}
	#main .hpslider .overlayblock h2{
		font-size:24px;
	}
	ul.textblocks li{
		width:100%;
		padding:0 30px;
	}
}
@media (max-width:640px){
	#main h1,
	#main .relatedbox h2,
	#main .mainsection h2{
		font-size:24px;
	}
	#main h2,
	#main .intro p,
	#main .pullquote p,
	#main p.posttype,
	#main p.readmorelarge{
		font-size:20px;
	}
	#main h4,
	#main p,
	#main ul{
		font-size:14px;
	}
	#main .info h4,
	#main .info p,
	#main .info ul,
	#main .authordate p.postdate,
	#main .reltxtbox p.excerpt{
		font-size:12px;
	}
	ul.eventslist li{
		text-align:center;
	}
	ul.eventslist li .overviewpagedate{
		display:block;
	}
	ul.eventslist li .sepbullet.notonmobile,
	ul.eventslist li .excerpt,
	ul.columngrid3 li .excerpt{
		display:none;
	}
}
@media (max-width:640px){
	.relimgbox{
		width:37.5%;
	}
	.search-form{
		font-size:28px;
	}
}
@media (max-width:600px){
	#main .hpslider .overlay{
		max-width:64%;
		font-size:32px;
	}
	#main .hpslider .overlayblock h2{
		font-size:20px;
	}
	.ffall .ff3.new span{
		width:50%;
	}
}
@media (max-width:520px){
	#main .hpslider .overlay{
		font-size:28px;
	}
	#main .hpslider .overlayblock{
		position:relative;
		padding:0; /* padding on here interferes with slide height */
	}
	#main .hpslider .overlayblock a{
		padding-top:20px;
		padding-bottom:20px; /* to make sure slide is high enough to not cut off text */
	}
	#main .hpslider .overlayblock a p,
	#main .hpslider .overlayblock a h2{
		color:#FD5200 !important; /* overriding the colour class that should only show while on the image */
	}
	
	.search-form{
		font-size:24px;
	}
}
@media (max-width:480px){
	#main h1,
	#main .relatedbox h2,
	#main .mainsection h2{
		font-size:22px;
	}
	#main h2,
	#main .intro p,
	#main .pullquote p,
	#main p.posttype,
	#main p.readmorelarge{
		font-size:18px;
	}
	#main h4,
	#main p,
	#main ul{
		font-size:12px;
	}
	#main .info h4,
	#main .info p,
	#main .info ul,
	#main .authordate p.postdate,
	#main .reltxtbox p.excerpt,
	#main p.caption{
		font-size:10px;
	}
	.search-form{
		font-size:20px;
	}
}
@media (max-width:460px){
	#main .hpslider .overlay{
		max-width:66%;
		font-size:24px;
	}
}
@media (max-width:420px){
	#main h2,
	#main .intro p,
	#main .pullquote p,
	#main p.posttype,
	#main p.readmorelarge{
		font-size:16px;
	}
	ul.columngrid3 li{
		text-align:center;
	}
}
@media (max-width:390px){
	#main .hpslider .overlay{
		max-width:67%;
		font-size:20px;
	}
}
@media (max-width:378px){
	.imggridwrap.grid2,
	.imggridwrap.grid3,
	.imggridwrap.grid4{
		max-width:100%;
	}
	ul.imagegrid2 li,
	ul.imagegrid3 li,
	ul.imagegrid4 li{
		width:100%;
	}
	ul.imagegrid2 .wrapinside,
	ul.imagegrid3 .wrapinside,
	ul.imagegrid4 .wrapinside{
		padding-left:0 !important;
		padding-right:0 !important;
	}
}
@media (max-width:350px){
	#main .hpslider .overlay{
		max-width:75%;
		font-size:18px;
	}
}
@media (max-width:320px){
	#main h1,
	#main .relatedbox h2,
	#main .mainsection h2{
		font-size:20px;
	}
	#main h2,
	#main .intro p,
	#main .pullquote p,
	#main p.posttype,
	#main p.readmorelarge{
		font-size:14px;
	}
	#main p,
	#main ul{
		font-size:10px;
	}
}
@media (max-height:395px){
	.counterpoints{
		width:24px;
		height:165px;
	}
}
@media (max-height:320px){
	.counterpoints{
		top:auto;
		bottom:10px;
	}
}


/* just the menu in hamburger mode */

@media (max-width:880px){
	.menu-toggle{
		display:block;
		height:16px;
		width:16px;
		background:url(img/menu.png) transparent no-repeat right center / contain;
		padding:0;
		border-width:0;
		cursor:pointer;
	}
	.menu-toggle span{
		position:absolute;
		left:-4000px;
	}
	.site-title{
		display:block;
		position:static;
		float:right;
	}
	.site-nav ul li:first-child{
		display:none;
	}
	#site-navigation .nav-menu{
		display:none;
	}
	body.toggled-on #masthead{
		height:100%;
		background:rgba(255,255,255,.9);
	}
	#site-navigation.toggled-on .nav-menu{
		display:block;
		height:auto;
		padding-top:20px;
		opacity:1;
		transition:opacity .5s ease-in-out .5s;
	}
	#site-navigation.toggled-on .nav-menu{
		display:block;
	}
	.site-nav ul li{
		display:block;
		font-size:24px;
		margin-bottom:1em;
	}
}
@media (max-height:500px){
	.site-nav ul li{
	    	font-size:18px;
	}
}
@media (max-height:400px){
	.site-nav ul li{
	    	font-size:16px;
	    	margin-bottom:.7em;
	}
	.site-nav ul li a{
		padding-bottom:0.1em;
	}
}
@media (max-height:350px){
	.site-nav ul li{
	    	font-size:14px;
	    	margin-bottom:.5em;
	}
	.site-nav ul li a{
		padding-bottom:0.05em;
	}
}


/* end just menu in hamburger mode */



/* bxslider overrides */

.bx-wrapper{
	box-shadow:none !important;
	border-width:0 !important;
	background:transparent !important;
	margin-bottom:0;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
	/* bottom:15px !important; */
	bottom:-35px !important;
	padding-top:0 !important;
}
.bx-wrapper .bx-pager.bx-default-pager a{
	width:11px !important;
	height:11px !important;
	background:#fff !important;
	box-shadow:0px 1px 3px 0px #888;
}
.bx-wrapper .bx-pager.bx-default-pager a.active{
	background:#FD5200 !important;
}


.bx-wrapper .bx-controls-direction a{
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
    background-color:transparent;
    background-repeat:no-repeat;
    background-size:contain;
}
.bx-wrapper .bx-prev{
    left:10px;
    background-image:url('img/arrow-left-orange.svg') !important;
    background-position:left center !important;
}
.bx-wrapper .bx-next{
    right: 10px;
    background-image:url('img/arrow-right-orange.svg') !important;
    background-position:right center !important;
}


/* addthis */

.addthiswrapper{
	position:relative;
}
h3#atpop span.icon{
	display:block;
	width:47px;
	height:47px;
	border-radius:50%;
	background-color:#FD5200;
	background-image:url(img/share-arrow.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:50% auto;
}
h3#atpop div.addpop{
	display:none;
	position:absolute;
	left:50px;
	top:0;
	max-width:100%;
	background:transparent;
}
h3#atpop:hover div.addpop,
h3#atpop.showshare div.addpop{
	display:block;
}
@media (max-width:768px){
	/*
	.addthiswrapper{
		position:absolute;
		bottom:1em;
		right:0;
	}
	*/
	h3#atpop{
		width:50px;
		height:250px;
	}
	h3#atpop span.icon{
		position:absolute;
		bottom:0;
		right:0;
	}
	h3#atpop div.addpop{
		left:auto;
		top:auto;
		right:0;
		bottom:50px;
		text-align:right;
	}
}