/*
Theme Name:     Make
Theme URI:      http://make.wordpress.org/
Description:    Make WordPress
Author:         George Stephanis
Author URI:     http://stephanis.info/
Version:        1.0
*/

html,
body {
	background: #efefef;
}

.make-3 .wrapper {
	width: auto;
	max-width: 960px;
}

/* === Clearfix === */

.wrapper:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.wrapper {
	display: inline-block;
}
/* start commented backslash hack \*/
* html .wrapper { height: 1%; }
.wrapper { display: block; }
/* close commented backslash hack */

/* === header.masthead === */

header.masthead {
	clear: both;
	background: rgb(1, 116, 162);
	border: 1px solid rgb(6, 122, 166);
	border-width: 1px 0;
	position: relative;
	overflow: hidden;
}

header.masthead > .wrap {
	max-width: 940px;
	padding: 30px 10px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

header.masthead img {
	float: right;
	display: block;
	border: 3px solid #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	margin-left: 40px;
	max-width: 98%;
	max-width: calc( 100% - 6px );
	height: auto;
}

header.masthead h1 {
	font-size: 24px;
	line-height: 1.5;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	margin: 0;
}

header.masthead h5 {
	margin: 20px 0 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #fff;
	font-size: 16px;
	line-height: 1.5;
}

/* === nav.subhead === */

nav.subhead {
	background: rgb(51, 51, 51);
	border-top: 1px solid #0a4c6b;
	border-bottom: 1px solid #003245;
	position: relative;
}

nav.subhead .nav-menu ul {
	float: left;
	padding: 5px 0;
	margin: 0 auto;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 16px;
}

nav.subhead .nav-menu ul li {
	display: inline-block;
	margin-right: 10px;
}

nav.subhead .nav-menu ul li a {
	color: #fff;
	text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
	text-decoration: none;
	display: inline-block;
	padding: 5px 10px;
}

nav.subhead .nav-menu ul li a:hover {
	opacity: 0.8;
}

nav.subhead .nav-menu ul ul {
	display: none;
}

nav.subhead form {
	float: right;
	display: block;
	padding: 2px 10px 8px;
}

nav.subhead form fieldset {
	display: block;
	height: 23px;
	padding-bottom: 9px;
}

nav.subhead form label {
	color: #fff;
	display: inline-block;
	font-size: 14px;
	padding: 9px 5px 0;
}

nav.subhead input[type=email] {
	display: inline-block;
	background: rgb(18, 18, 18);
	border: 0;
	border-bottom: 1px solid rgb(78, 78, 78);
	color: #aaa;
	padding: 5px;
	font-size: 12px;
	vertical-align: baseline;
}

nav.subhead button {
	display: inline-block;
}

/* section.get-involved */

section.get-involved {
	padding: 20px 0 60px;
}

section.get-involved h2 {
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	padding-bottom: 0.5em;
}

section.get-involved h2.section-title {
	padding: 20px 10px;
}

section.get-involved .make-sites {
	display: flex;
	flex-flow: wrap;
}

section.get-involved article {
	margin: 10px;
	padding: 20px;
	width: 420px;
	width: calc( 100% / 2 - 60px );
	font-size: 1.5em;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	-webkit-transition: none 0.4s ease;
	-moz-transition: none 0.4s ease;
	-ms-transition: none 0.4s ease;
	-o-transition: none 0.4s ease;
	transition: none 0.4s ease;
	-webkit-transition-property: background, box-shadow;
	-moz-transition-property: background, box-shadow;
	-ms-transition-property: background, box-shadow;
	-o-transition-property: background, box-shadow;
	transition-property: background, box-shadow;
}

section.get-involved article:hover {
	background: #fcfcfc;
	box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.3 );
}

section.get-involved article h2 a:before {
	font-family: 'dashicons';
	content: '\f109';
	margin-right: 0.4em;
	vertical-align: -3px;
	font-weight:normal;
	font-size: 20px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

section.get-involved article.make-core           h2 a:before { content: "\f475"; }
section.get-involved article.make-mobile         h2 a:before { content: "\f470"; }
section.get-involved article.make-design         h2 a:before { content: "\f309"; }
section.get-involved article.make-accessibility  h2 a:before { content: "\f483"; }
section.get-involved article.make-polyglots      h2 a:before { content: '\f326'; }
section.get-involved article.make-support        h2 a:before { content: "\f125"; }
section.get-involved article.make-themes         h2 a:before { content: '\f100'; }
section.get-involved article.make-plugins        h2 a:before { content: '\f106'; }
section.get-involved article.make-docs           h2 a:before { content: '\f105'; }
section.get-involved article.make-community      h2 a:before { content: '\f307'; }
section.get-involved article.make-meta           h2 a:before { content: '\f325'; }
section.get-involved article.make-training       h2 a:before { content: '\f118'; }
section.get-involved article.make-flow           h2 a:before { content: '\f115'; }
section.get-involved article.make-tv             h2 a:before { content: '\f235'; }
section.get-involved article.make-marketing      h2 a:before { content: '\f130'; }
section.get-involved article.make-cli            h2 a:before { content: '\f345'; }
section.get-involved article.make-hosting        h2 a:before { content: '\f176'; }
section.get-involved article.make-tide           h2 a:before { content: '\f10d'; }
section.get-involved article.make-openverse      h2 a:before { content: '\f179'; }
section.get-involved article.make-photos         h2 a:before { content: '\f306'; }
section.get-involved article.make-sustainability h2 a:before { content: '\f11f'; }

section.get-involved article.make-openverse     h2 a:before,
section.get-involved article.make-performance   h2 a:before {
	font-family: auto;
	content: ".";
	text-indent: -999px;
	width: 18px;
	height: 18px;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: bottom;
	-webkit-mask-size: 20px;
	mask-repeat: no-repeat;
	mask-position: bottom;
	mask-size: 20px;
	display: inline-block;
	background-color: currentColor;
	margin-right: 6px;
}

section.get-involved article.make-openverse h2 a:before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M142.044 93.023c16.159 0 29.259-13.213 29.259-29.512 0-16.298-13.1-29.511-29.259-29.511s-29.259 13.213-29.259 29.511c0 16.299 13.1 29.512 29.259 29.512ZM28 63.511c0 16.24 12.994 29.512 29.074 29.512V34C40.994 34 28 47.19 28 63.511ZM70.392 63.511c0 16.24 12.994 29.512 29.074 29.512V34c-15.998 0-29.074 13.19-29.074 29.511ZM142.044 165.975c16.159 0 29.259-13.213 29.259-29.512 0-16.298-13.1-29.511-29.259-29.511s-29.259 13.213-29.259 29.511c0 16.299 13.1 29.512 29.259 29.512ZM70.392 136.414c0 16.257 12.994 29.544 29.074 29.544v-59.006c-15.999 0-29.074 13.204-29.074 29.462ZM28 136.414c0 16.34 12.994 29.544 29.074 29.544v-59.006c-16.08 0-29.074 13.204-29.074 29.462Z' fill='%23C52B9B'/%3E%3C/svg%3E%0A");
	mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M142.044 93.023c16.159 0 29.259-13.213 29.259-29.512 0-16.298-13.1-29.511-29.259-29.511s-29.259 13.213-29.259 29.511c0 16.299 13.1 29.512 29.259 29.512ZM28 63.511c0 16.24 12.994 29.512 29.074 29.512V34C40.994 34 28 47.19 28 63.511ZM70.392 63.511c0 16.24 12.994 29.512 29.074 29.512V34c-15.998 0-29.074 13.19-29.074 29.511ZM142.044 165.975c16.159 0 29.259-13.213 29.259-29.512 0-16.298-13.1-29.511-29.259-29.511s-29.259 13.213-29.259 29.511c0 16.299 13.1 29.512 29.259 29.512ZM70.392 136.414c0 16.257 12.994 29.544 29.074 29.544v-59.006c-15.999 0-29.074 13.204-29.074 29.462ZM28 136.414c0 16.34 12.994 29.544 29.074 29.544v-59.006c-16.08 0-29.074 13.204-29.074 29.462Z' fill='%23C52B9B'/%3E%3C/svg%3E%0A");
}

section.get-involved article.make-performance h2 a:before {
	-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' viewBox='0 0 94 94' xmlns='http://www.w3.org/2000/svg' xmlns:cc='http://creativecommons.org/ns%23' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23'%3E%3Cdefs%3E%3Cstyle%3Epath%7Bfill:%230073aa;%7D%3C/style%3E%3C/defs%3E%3Cpath d='m39.21 20.85h-11.69c-1.38 0-2.5 1.12-2.5 2.5v11.69c0 1.38 1.12 2.5 2.5 2.5h11.69c1.38 0 2.5-1.12 2.5-2.5v-11.69c0-1.38-1.12-2.5-2.5-2.5z'/%3E%3Cpath d='M41.71,58.96v11.69c0,.66-.26,1.3-.73,1.77-.47,.47-1.11,.73-1.77,.73h-11.69c-.66,0-1.3-.26-1.77-.73-.47-.47-.73-1.11-.73-1.77v-21.37c0-.4,.1-.79,.28-1.14,.03-.06,.07-.12,.1-.18,.21-.33,.49-.61,.83-.82l11.67-7.04c.44-.27,.95-.39,1.47-.36,.51,.03,1,.23,1.4,.55,.26,.21,.47,.46,.63,.75,.16,.29,.26,.61,.29,.94,.02,.11,.02,.22,.02,.34v5.38s0,.07,0,.11v11.08s0,.04,0,.07Z'/%3E%3Cpath d='M68.98,30.23v16.84c0,.33-.06,.65-.19,.96-.13,.3-.31,.58-.54,.81l-6.88,6.88c-.23,.23-.51,.42-.81,.54-.3,.13-.63,.19-.96,.19h-13.15c-.66,0-1.3-.26-1.77-.73-.47-.47-.73-1.11-.73-1.77v-11.69c0-.66,.26-1.3,.73-1.77,.47-.47,1.11-.73,1.77-.73h13.08s1.11,0,1.11-1.11-1.11-1.11-1.11-1.11h-13.08c-.66,0-1.3-.26-1.77-.73s-.73-1.11-.73-1.77v-11.69c0-.66,.26-1.3,.73-1.77,.47-.47,1.11-.73,1.77-.73h13.15c.33,0,.65,.06,.96,.19,.3,.13,.58,.31,.81,.54l6.88,6.88c.23,.23,.42,.51,.54,.81,.13,.3,.19,.63,.19,.96Z'/%3E%3C/svg%3E%0A");
	mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' viewBox='0 0 94 94' xmlns='http://www.w3.org/2000/svg' xmlns:cc='http://creativecommons.org/ns%23' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23'%3E%3Cdefs%3E%3Cstyle%3Epath%7Bfill:%230073aa;%7D%3C/style%3E%3C/defs%3E%3Cpath d='m39.21 20.85h-11.69c-1.38 0-2.5 1.12-2.5 2.5v11.69c0 1.38 1.12 2.5 2.5 2.5h11.69c1.38 0 2.5-1.12 2.5-2.5v-11.69c0-1.38-1.12-2.5-2.5-2.5z'/%3E%3Cpath d='M41.71,58.96v11.69c0,.66-.26,1.3-.73,1.77-.47,.47-1.11,.73-1.77,.73h-11.69c-.66,0-1.3-.26-1.77-.73-.47-.47-.73-1.11-.73-1.77v-21.37c0-.4,.1-.79,.28-1.14,.03-.06,.07-.12,.1-.18,.21-.33,.49-.61,.83-.82l11.67-7.04c.44-.27,.95-.39,1.47-.36,.51,.03,1,.23,1.4,.55,.26,.21,.47,.46,.63,.75,.16,.29,.26,.61,.29,.94,.02,.11,.02,.22,.02,.34v5.38s0,.07,0,.11v11.08s0,.04,0,.07Z'/%3E%3Cpath d='M68.98,30.23v16.84c0,.33-.06,.65-.19,.96-.13,.3-.31,.58-.54,.81l-6.88,6.88c-.23,.23-.51,.42-.81,.54-.3,.13-.63,.19-.96,.19h-13.15c-.66,0-1.3-.26-1.77-.73-.47-.47-.73-1.11-.73-1.77v-11.69c0-.66,.26-1.3,.73-1.77,.47-.47,1.11-.73,1.77-.73h13.08s1.11,0,1.11-1.11-1.11-1.11-1.11-1.11h-13.08c-.66,0-1.3-.26-1.77-.73s-.73-1.11-.73-1.77v-11.69c0-.66,.26-1.3,.73-1.77,.47-.47,1.11-.73,1.77-.73h13.15c.33,0,.65,.06,.96,.19,.3,.13,.58,.31,.81,.54l6.88,6.88c.23,.23,.42,.51,.54,.81,.13,.3,.19,.63,.19,.96Z'/%3E%3C/svg%3E%0A");
}

section.get-involved article.featured-group h2:after {
	display: block;
	float: right;
	content: '\2605';
	text-transform: uppercase;
}

section.get-involved article h2 a {
	font-weight: 600;
}

section.get-involved article div.team-description p {
	display: inline;
	font-size: 1em;
	line-height: 1.5;
}

div.team-meeting {
	display: block;
	font-size: 0.8em;
	font-style: italic;
	opacity: 0.75;
	padding-top: 0.5em;
}

section.get-involved article .team-meeting {
	line-height: 1.5;
}

@media ( max-width: 960px ) {
	section.get-involved article {
		width: 43%;
		width: calc( 100% / 2 - 60px );
	}
}

@media ( max-width: 600px ) {

	header.masthead img {
		float: none;
		margin: 0 auto 10px;
	}

	nav.subhead ul,
	nav.subhead form {
		float: none;
		text-align: center;
	}

	nav.subhead form fieldset {
		height: auto;
	}

	nav.subhead form label {
		display: block;
	}

	section.get-involved article {
		width: 90%;
		width: calc( 100% - 60px );
		float: none;
	}

}

/* schedule */
body.post-type-archive-meeting {
	background-color: white;
}

.header-section{
	margin: 30px 10px;
	font-size: 14px;
}
.header-section h2.title {
	font-size: 36px;
	font-weight: 300;
	line-height: 1.3;
}

.header-section * {
	display: none;
}

table.schedule {
  /* table is set to show after JS is completed to avoid fickering */
  display: none;
  width: 100%;
  margin: 30px 10px;
  font-size: 1.4em;
  border-collapse: collapse;
}

.schedule thead th {
  border-bottom: 1px solid rgb(204, 204, 204);
  font-weight: bold;
  padding: 5px 0px;
}

table.schedule tbody tr:nth-child(odd) {
  background: rgb(232, 232, 232);
}

table.schedule tbody tr:nth-child(even) {
  background: rgb(252, 252, 252);
}

table.schedule td,
table.schedule th {
  padding: 5px 3px;
}

table.schedule .edit {
	visibility: hidden;
}

table.schedule td:hover .edit{
	visibility: visible;
}

table.schedule td:focus-within .edit {
	/* Separated from the block above due to browsers that don't support :focus-within */
	visibility: visible;
}
