/*
	Theme Name: DC May Day
	Description: Custom Theme Developed for DC May Day
	Version: 1.1.2018
	Author: aaron fury
	Author URI: afirouz@gmail.com

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*, *:after, *:before {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html { font-size: 62.5%; }

body {
	font: 500 12px/1.5 "Open Sans", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #323232;
}

b, strong { font-weight: bold; }
i, em { font-style: italic; }
p { margin: 1em 0; }
p:first-of-type { margin-top: 0; }

blockquote { padding: 0 10%; font-size: 1.5em; text-align: center; }

/* clear */
.clear:before,
.clear:after {
    content: ' ';
    display: table;
}

.clear:after { clear: both; }
.clear { *zoom: 1; }

.smaller { font-size: 0.8em; }

img { max-width: 100%; vertical-align: bottom; }

a { text-decoration: none; }
a:hover { color: #dd0000; }
a:focus { outline: 0; }
a:hover, a:active {	outline: 0; }

input:focus { outline: 0; border: 1px solid #dd0000; }

h1,h2,h3,h4 { color: #dd0000; font-family: "Hind",Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";  padding: 0.25em 0; }
h1 { font-size: 2.5em; }
h2 { font-size: 1.5em; }

.smallify { font-size: 0.75em; }


/* header */
#banner {
	background: url(img/collage-bg.jpg) repeat fixed center;
	background-size: contain;
	position: relative;
	min-height: 400px;
}

/* logo */
.logo {
	width: 60%;
	max-width: 250px;
	padding-top: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.logo-img { transition: 0.5s all; }
.logo-img:hover {
	filter: drop-shadow(0 0 4px rgba(0,0,0,0.6));
	transform: scale(1.1);
}

/* social media buttons */
#socmed {
	text-align: right;
	margin-left: 0.25em;
	padding: 0.25em;
	font-size: 2em;
}
#socmed span { margin-right: 0.5em; transition: all 0.5s;}
#socmed a { color: #000; }

#google_translate_element {
	position: absolute;
	top: 10px;
	left: 10px;
	background: #fff;
	display: inline-block;
	padding: 1em;
	border-radius: 8px;
	border: 2px solid #a0a0a0;
	box-shadow: 0 0 4px;
}

/* nav */
#nav {
	position: relative;
	font-size: 2em;
	text-transform: uppercase;
	text-align: center;
	background-color: #000;
	font-family: "program", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

#navwrap { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; }
#navwrap div { padding: 0.25em; margin: 0.25em 0; }
#nav a { color: #fff; }
.donatebutton { display: block; padding: 0.5em; background-color: #dd0000; transition: 0.1s all; }
.donatebutton:hover { transform: scale(1.1); }

#totop {
	position: fixed;
	bottom: -2em;
	right: 10px;
	font-size: 4em;
	color: rgba(0,0,0,0.5);
	transition: 0.5s;
}
#totop:hover { color: rgba(240,0,0,0.5); }
#totop a { color: unset; }

/* main page body */
main {	font-size: 1.5em; }

/* content containers */
section { padding: 0.5em; text-align: justify; }
.container { width: 95%; margin: 0 auto; }
section ul { list-style-type: circle; margin-left: 1em; }
section li { margin: 0.75em 0; }
section a { font-weight: bold; color: #dd0000; }
section a:hover { text-decoration: underline; }

/* programming table */
.programtable { width: 100%; margin: 0 auto; }
.programtable th, .programtable td { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 0.5em 0; }
.programtable th { padding: 0 1em; }
.programtable td { font-size: 1.2em; font-weight: bold; }
.programtable tr:nth-child(even) { background-color: #f2f2f2; }

/* contact form */
#connectwrap { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
#connectwrap > * { margin: 0 1em; }

form {
	border: 1px solid #ddd;
	background-color: #fafafa;
	padding: 1em;
}

#sendresult { max-width: 40%; }

input, textarea {
	display: block;
	padding: 0.5em;
	margin: 0.5em 0;
	width: 18em;
	font-family: sans-serif;
	font-size: 1em;
}

button { padding: 0.5em; margin: 0.5em 0; }

#connectinfo { font-size: 1.25em; }
#connectinfo div { margin: 0.5em 0; }
#connectinfo span { margin-right: 1em; }
#connectinfo a { font-weight: normal; }
#cifb a, #socmed .fa-facebook-official:hover { color: #3b5998; }
#citw a, #socmed .fa-twitter:hover { color: #1da1f2; }
#ciig a, #socmed .fa-instagram:hover { color: #411f96; }
#socmed .fa-envelope-o:hover { color: #93a040; }

/* footer */
.footer {
	width: 100%;
	background-color: #323232;
	color: #fff;
	text-align: center;
	padding: 0.5em;
}

#coreinfo {
	background-color: #f0f0f0;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-around;
}

.maininfo {
	font-family: "almaq-refined", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	line-height: 1.25;
}

.maininfo > div { margin: 0.5em 0; display: flex; align-items: center; }
.maininfo .fa { margin-right: 0.5em; color: #dd0000; }

#maininfohibernate {
	font-size: 1.5m;
	line-height: 1.25;
}
#maininfo > div { margin: 0.5em 0; align-items: center; }

.orglist { display: flex; flex-flow: row wrap; }
.orglist > div {
	flex: 0 0 50%;
	text-align: center;
	min-width: 250px;
	margin-bottom: 2em;
}
.orglist a {
	display: inline-block;
	transition: 0.25s;
}
	.orglist a:hover { text-decoration: none; transform: scale(1.1); }
.orglist img {
	display: block;
	margin: 0 auto 0.5em;
}

#financereport { font-size: 1.25em; }

#purgatory {
	display: none;
}

/* Tables */
thead { font-family: sans-serif; text-align: left; font-weight: bold; font-size: 1.1em; }
tbody td { padding: 0.5em; }
tbody tr:nth-child(even) { background-color: #f2f2f2; }
tfoot { background-color: #ddd; font-weight: bold; font-size: 1.1em; }

/* Modal */
#overlay {
	display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 2000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

#modal {
	display: none;
    background-color: #fff;
    padding: 2em;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.5);
	border-radius: 3px;
	position: fixed;
	left: 50%;
	top: 50%;
	max-height: calc(100% - 100px);
	max-width:  96%;
	transform: translate(-50%,-50%);
	overflow-y: auto;
}

#modalcontent {
	margin-top: 1em;
}
#modalcontent .modalcontent { display: block; }

.modalcontent { 
	display: none;
}

#modalclose {
	position: absolute;
	top: 0.5em;
	right: 0.5em;
}
#modalclose:hover { color: #dd0000; cursor: pointer; }

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

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

	h1 { font-size: 2.25em; }
	h2 { font-size: 1.5em; }

	#google_translate_element {
		top: unset; left: unset;
		bottom: 2em;
		right: 2em;
	}

	.logo {
		width: 80%;
		max-width: 300px;
	}

	#nav { font-size: 2em; }
	#navwrap { flex-flow: row nowrap; justify-content: center; align-items: center; font-size: unset; }
	#navwrap div { margin: 0; padding: 0.5em; }
	#socmed {
		position: absolute;
		right: 0.5em;
		top: 0.5em;
		display: inline-block;
	}
	.maininfo {
		font-size: 1.5em;
	}

	#maininfohibernate { font-size: 1.5em; background-color: rgba(255,255,255,0.75); padding: 1em; }
	
	.container { width: 80%; max-width: 1000px; }
	
	#connectinfo { font-size: 2em; }
}


/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#ff6666;
	color:#323232;
	text-shadow:none;
}
::-webkit-selection {
	background:#ff6666;
	color:#323232;
	text-shadow:none;
}
::-moz-selection {
	background:#ff6666;
	color:#323232;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}