/*
Theme Name: Pride Poems
Text Domain: twentytwenty
Version: 1
Tested up to: 5.9
Requires at least: 4.7
Requires PHP: 5.2.4
Description: 
Tags: 
Author: the WordPress team
Author URI: https://thedesignfoundry.net/
Theme URI: 

*/
/* fonts */

@font-face {
	font-family:"Socialico";
	src:url("/fonts/Socialico.eot?") format("eot"),
		url("/fonts/Socialico.woff") format("woff"),
		url("/fonts/Socialico.ttf") format("truetype"),
		url("/fonts/Socialico.svg#Socialico") format("svg");
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family: 'socialico_plusregular';
	src: url('/fonts/socialico_plus-webfont.eot');
	src: url('/fonts/socialico_plus-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/socialico_plus-webfont.woff2') format('woff2'),
		 url('/fonts/socialico_plus-webfont.woff') format('woff'),
		 url('/fonts/socialico_plus-webfont.ttf') format('truetype'),
		 url('/fonts/socialico_plus-webfont.svg#socialico_plusregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* defaults */

body {
	font-size: 62.5%;
	font-family: 'Merriweather Sans', sans-serif;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}

a img {
	border: 0px;
}

a {
	text-decoration: none;
}

a:hover {
	color: #666;
}



body {


	/* ff 3.6+ */
	background:-moz-linear-gradient(135deg, rgba(232, 40, 40, 1) 0%, rgba(255, 255, 0, 1) 17%, rgba(32, 35, 135, 1) 35%, rgba(116, 32, 135, 1) 53%, rgba(58, 216, 222, 1) 69%, rgba(238, 130, 140, 1) 85%, rgba(102, 79, 12, 1) 101%); 

	/* safari 5.1+,chrome 10+ */
	background:-webkit-linear-gradient(135deg, rgba(232, 40, 40, 1) 0%, rgba(255, 255, 0, 1) 17%, rgba(32, 35, 135, 1) 35%, rgba(116, 32, 135, 1) 53%, rgba(58, 216, 222, 1) 69%, rgba(238, 130, 140, 1) 85%, rgba(102, 79, 12, 1) 101%);

	/* opera 11.10+ */
	background:-o-linear-gradient(135deg, rgba(232, 40, 40, 1) 0%, rgba(255, 255, 0, 1) 17%, rgba(32, 35, 135, 1) 35%, rgba(116, 32, 135, 1) 53%, rgba(58, 216, 222, 1) 69%, rgba(238, 130, 140, 1) 85%, rgba(102, 79, 12, 1) 101%);

	/* ie 6-9 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#664F0C', endColorstr='#E82828', GradientType=1 );

	/* ie 10+ */
	background:-ms-linear-gradient(135deg, rgba(232, 40, 40, 1) 0%, rgba(255, 255, 0, 1) 17%, rgba(32, 35, 135, 1) 35%, rgba(116, 32, 135, 1) 53%, rgba(58, 216, 222, 1) 69%, rgba(238, 130, 140, 1) 85%, rgba(102, 79, 12, 1) 101%);

	/* global 94%+ browsers support */
	background:linear-gradient(135deg, rgba(232, 40, 40, 1) 0%, rgba(255, 255, 0, 1) 17%, rgba(32, 35, 135, 1) 35%, rgba(116, 32, 135, 1) 53%, rgba(58, 216, 222, 1) 69%, rgba(238, 130, 140, 1) 85%, rgba(102, 79, 12, 1) 101%);

	position: relative;

}

#burst {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-image: url(assets/images/burst.svg);
	opacity: .1;
	background-size: cover;
	background-position: center center;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

header h1 {
	display: none;
}

header {
	text-align: center;
}

header img {
	max-width: 500px;
	height: auto;
	filter: drop-shadow(13px 15px 6px rgb(0 0 0 / 0.2));
}

.post-inner, footer {
	margin: -40px -50px 0px -50px;
	box-sizing: border-box;
	background-color: #fff;
	overflow-x: hidden;
}

div.page {
	padding: 0px 50px 0px 50px;
	z-index: 9000;
	position: relative;
}

ol#artistgrid {
	list-style: none;
	margin: -50px 0 0 0;
	padding: 30px 0 100px 0;
	display: inline-flex;
	flex-wrap: wrap;
	position: relative;
	align-items: start;
	width: 100%;
	justify-content: center;
}

ol#artistgrid > li {
	width: 29.3%;
	background-color: #fff;
	box-sizing: border-box;
	margin: 0 2% 3% 2%;
	position: relative;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 0px 0px 17px 5px rgba(0,0,0,0.24); 
	box-shadow: 0px 0px 17px 5px rgba(0,0,0,0.24);
}

ol#artistgrid.shortmod > li {
	width: 21%;
}

ol#artistgrid > li.featured {
	width: 96%;
	display: grid;
	grid-template-columns: .5fr .5fr;
	grid-template-rows: auto;
	column-gap: 0px;
	grid-template-areas: 
		"fvid fmeta";
}

ol#artistgrid > li.featured .vid {
	grid-area: fvid;
}

ol#artistgrid > li.featured .featmeta {
	grid-area: fmeta;
}

ol#artistgrid > li.featured .vid .su-vimeo {
	margin: 0 0 0em;
}

ol#artistgrid > li.featured .vid iframe {
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}
ol#artistgrid > li.featured h3 {
	padding-bottom: 0;
}
ol#artistgrid > li.featured h3 strong {
	padding: 10px 0;
}

ol#artistgrid > li.featured a {
	display: inline-block;
	width: auto;
	height: auto;
}

ol#artistgrid > li.featured p.views {
	letter-spacing: .125em;
	margin: 0 0 5px 0;
}


ol#artistgrid > li a {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

ol#artistgrid > li img {
	max-width: 100%;
	height: auto;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
}

ol#artistgrid li h3 {
	text-align: center;
	font-size: 1.4em;
	line-height: 1.3;
	padding: 20px;
	text-transform: uppercase;
	letter-spacing: .25em;
}

ol#artistgrid li h3 strong {
	font-weight: 400;
	display: block;
	font-family: 'Oleo Script Swash Caps', cursive;
	font-size: 2.8em;
	line-height: .8;
	background: #FFC233;
	background: -webkit-linear-gradient(to right, #FFC233 0%, #05C1FF 50%, #FF0000 100%);
	background: -moz-linear-gradient(to right, #FFC233 0%, #05C1FF 50%, #FF0000 100%);
	background: linear-gradient(to right, #FFC233 0%, #05C1FF 50%, #FF0000 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	padding-bottom: 20px;
	text-transform: none;
	letter-spacing: 0;
}


.entry-content, .footer-inner {
	margin: 0 -30px;
	padding: 0px 30px;
	box-sizing: border-box;
	text-align: center;
	-webkit-box-shadow: inset 5px 5px 15px 5px rgba(0,0,0,0.33); 
	box-shadow: inset 5px 5px 15px 5px rgba(0,0,0,0.33);
	background-image: linear-gradient(135deg, #f7f7f7 25%, #ffffff 25%, #ffffff 50%, #f7f7f7 50%, #f7f7f7 75%, #ffffff 75%, #ffffff 100%);
	background-size: 22.63px 22.63px;
}

.footer-inner {
background-image: linear-gradient(135deg, #f7f7f2 25%, #f5f2e9 25%, #f5f2e9 50%, #f7f7f2 50%, #f7f7f2 75%, #f5f2e9 75%, #f5f2e9 100%);
background-size: 22.63px 22.63px;
}

.entry-content .contain, .footer-inner .contain {
	max-width: 1000px;
	padding: 60px 10% 70px 10%;
	margin: 0 auto;
}

.entry-content p {
	text-align: left;
	color: #666;
	font-size: 2em;
	line-height: 1.6;
	margin: 0 0 .75em 0;
}

.entry-content p:last-of-type {
	margin-bottom: 0;
}

.vidlb {
	display: none;
	width: 700px;
}

.viewtexts {
	display: none;
	text-align: center;
	padding-bottom: 30px;
} 

p.views {
	line-height: 1.3;
	font-size: 1.5em;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: .25em;
	margin: 30px 0;
}

p.views::before {
	content: '(';
}

p.views::after {
	content: ')';
}

p.views.both a:first-of-type {
	padding-right: 8px;
	margin-right: 8px;
	border-right: 1px solid #000;
}

.mejs-video, .mejs-video iframe {
	width: 100% !important;
}

.viewtexts pre {
	font-size: 1.7em;
	line-height: 1.4;
	margin: 0 0 .5em 0;
	font-family: 'Merriweather Sans', sans-serif;
	max-width: 100%;
	 white-space: pre-wrap;       /* css-3 */
	 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	 white-space: -pre-wrap;      /* Opera 4-6 */
	 white-space: -o-pre-wrap;    /* Opera 7 */
	 word-wrap: break-word;       /* Internet Explorer 5.5+ */
	 display: inline-block;
	 margin: 0 auto;
	 text-align: left;
}

.viewtexts pre p {
	margin: 0;
}

.neighborhood {
	text-align: center;
	font-style: italic;
	font-size: 1.5em;
	line-height: 1.4;
	margin: 20px 0 0 0;
}

.credit p {
	text-align: center;
	font-size: 1.3em;
	line-height: 1.4;
	margin: 5px 0 0 0;
}

.credit p::before {
	content: '(';
}

.credit p::after {
	content: ')';
}

ul.online {
	list-style: none;
	text-align: center;
	margin: 0;
	padding: 0;
}

ul.online li {
	display: inline;
	padding: 0 5px;
	margin: 0;
	line-height: 1;
	font-size: 1.8em;
	vertical-align: middle;
	position: relative;
}

ul.online li a {
	font-family:"Socialico";
	font-size: 300%;
}

ul.online li.plus a {
	font-family: 'socialico_plusregular';
}

ul.online li.plus {
	top: -4px;
}

.footer-inner .contain {
	padding: 42px 10% 30px 10%;
}

.fline {
	display: block;
	height: 10px;
	background-image: linear-gradient(
		  0deg,
		  hsl(0deg 100% 50%) 0%,
		  hsl(32deg 100% 50%) 8%,
		  hsl(45deg 100% 50%) 17%,
		  hsl(55deg 100% 50%) 25%,
		  hsl(70deg 83% 59%) 33%,
		  hsl(97deg 84% 65%) 42%,
		  hsl(143deg 91% 53%) 50%,
		  hsl(171deg 81% 43%) 58%,
		  hsl(203deg 87% 46%) 67%,
		  hsl(236deg 100% 50%) 75%,
		  hsl(264deg 94% 62%) 83%,
		  hsl(281deg 87% 66%) 92%,
		  hsl(301deg 81% 69%) 100%
		);
		margin: 0 -50px;
}

footer {
	margin-top: 0;
	position: relative;
	z-index: 9000;
}

footer .contain {
	display: grid;
	grid-template-columns: .5fr .5fr;
	grid-template-rows: auto;
	column-gap: 60px;
	grid-template-areas: 
		"orgs spos";
}

footer .contain .organizers {
	grid-area: orgs;
}

footer .contain .sponsors {
	grid-area: spos;
}

footer p {
	font-size: 1.7em;
	line-height: 1.6;
	margin: 0;
}

.su-vimeo iframe {
	width: 100% !important;
	height: 100% !important;
}

span.spacer {
	display: inline-block;
	width: 30px;
}

code {
	background-color: transparent !important;
}

.fancybox-content {
	max-width: 80% !important;
}

pre br {
	display: none;
}

ol#artistgrid li.poem21 h3 strong {
	line-height: 1.2;
}

pre span {
	display: inline-block;
	width: 1em;
}

#poemtext2 p b {
	font-weight: normal;
	display: block;
	padding-left: 20px;
	text-indent: -20px;
}

h5.archives {
		font-weight: 400;
		text-align: center;
		display: block;
		font-family: 'Oleo Script Swash Caps', cursive;
		font-size: 3.8em;
		line-height: .8;
		color: #fff;
		padding-bottom: 50px;
		text-transform: none;
		margin-top: 0;
		letter-spacing: 0;
		
		filter: drop-shadow(7px 7px 6px rgb(0 0 0 / 0.2));
}

h5.archives a {
	color: #fff;
}

h5.archives a span {
	display: inline-block;
	padding: 0 0px 4px 0px;
	margin: 0 0px;
	border-bottom: 3px dotted #fff;
}

h5.archives a::after {
	content: '\007C';
	padding: 0 10px 0 13px;
}

h5.archives a:last-of-type::after {
	content: none;
}

.page-id-453 ol#artistgrid > li.featured .vid iframe {
	width: 100%;
	height: 100%;
}

.page-id-453 .su-u-responsive-media-yes {
	padding-bottom: 350px;
	padding-left: calc(350px* .5625);
}

.page-id-453 ol#artistgrid > li.featured {
	width: 50%;
	grid-template-columns: auto 1fr;
	margin: 0 20% 3% 20%;
}

.page-id-453 ol#artistgrid > li.featured .featmeta {
	display: flex;
	justify-content: center;
	align-items: center;
}

.page-id-453 ol#artistgrid > li.featured .featmeta > div {
	padding: 20px;
}

.page-id-453 ol#artistgrid li.featured h3 {
	padding-top: 0;
	margin-top: 0;
}

div.note {
	width: 75%;
	background-color: #fff;
	box-sizing: border-box;
	margin: 30px auto 40px;
	padding: 30px 60px;
	text-align: center;
	position: relative;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 0px 0px 17px 5px rgba(0,0,0,0.24); 
	box-shadow: 0px 0px 17px 5px rgba(0,0,0,0.24);
}

div.note p {
	font-size: 2em;
	line-height: 1.3;
	text-align: center;
	margin: 0 0  .5em 0;
}

div.note p:last-of-type {
	margin: 0 0 0 0;
}

.vid iframe {
	width: 100% !important;
	height: 100% !important;
	
}

body .su-youtube {
	margin-bottom: 0; 
}