/* convention: section_name_class */

.gray {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.dg {
  border:2px green solid;
}

.db {
  border:2px solid blue;
}


.dr {
  border:2px solid red;
}


.do {
  border:2px solid orange;
}


html {
  font-size: 1em;
}

.content,
[id="content"] {
  background-color: #bbb;
  color: #000;
  letter-spacing: .02em;
  font-family: "klavika", arial;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.invisible {
  visibility: hidden;
  opacity: 0;
}

a, a:link:visited {
  color: #f25b56;
  text-decoration: underline;
}



/* navbar */

#navbar {
  background-color: #000000;
  z-index: 100;
  width: 100%;
  display:inline-block;
  height: 5em;
  position: fixed;
}

#enigma_logo {
  fill: #f25b56;
  height: 3em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  background-color: transparent;
}

.enigma-logo {
  max-height:  73px;
  min-width: 136px;
}

.navbar {
  background-color: #000000;
  color:#808080;
  font-family: "klavika", arial;
  text-transform: uppercase;
}

/* tabs */
.tabs {
	letter-spacing: 0;
}

ul.action-links {
	letter-spacing: 0;
}

.navbar_menu {
  font-size: 1.1em;
  margin-top: 1.3em;
/*
  font-size: 0.9em;
  margin-top: 1.85em;
*/
}

.navbar_menu .medium-7, .medium-7 navbar_menu {
  font-size: 1.2em!important;
}


.navbar_button {
  padding-top: .2em;
  margin-top: 1em;
}

.navbar_menu a, .navbar_signup a, .navbar_signup a:link:visited {
  text-decoration: none;
}

.navbar_menu a, .navbar_menu a:link:visited {
  text-decoration: none;
  color:#ffffff;
/*   color:#808080; */
  padding-right: 0.9em;
  letter-spacing: 0.1em;
  transition: all 0.5s;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.navbar_menu a.social-icon {
  padding-left: .5em;
  padding-right: 0em;
}

.navbar_menu a:hover {
  color:#808080;
}

.navbar_signup {
  font-family: "klavika";
  font-size: .9em;
  padding: 0.5em;
  text-align: center;
  color: #f25b56;
  letter-spacing: 0.2em;
  border: 1px solid #000;
  transition: all 0.5s;
  display: inline-block;
}

.navbar_signup:hover {
  border-color: #f25b56;
}

.navbar_menu_icon {
  height:20px;
  opacity: 0.5;
  transition: all 1s;
}

.navbar_menu_icon:hover {
  opacity: 1;
}

/* reg form page */

#block-system-main .field-name-field-application-deadline {
    width: 60em;
    margin: 0 auto;
    background-color: none;
}

#block-system-main #node-200346, #block-system-main #node-200367 form {
    padding-top: 4em;
    width: 60em;
    margin: 0 auto;
}

#block-system-main form {
/* 	height: 37em; */
    padding: 8em 0 4em;
    width: 30em;
    margin: 0 auto;
}


#block-system-main label {
	color: black;
}

#block-system-main #node-200346 fieldset legend,
#block-system-main #node-200367 fieldset legend {
	background: none;
}

#block-system-main #node-200346 fieldset,
#block-system-main #node-200367 fieldset {
	border: 1px solid #ccc;
}

body.node-type-call-for-papers #main,
body.node-type-call-for-papers #main h1.title {
	background-color: #bbb!important;
}

body.node-type-call-for-papers #main h1.title {
	color: black;
}

#block-system-main #node-200346 input[type="checkbox"], input[type="radio"],
#block-system-main #node-200367 input[type="checkbox"], input[type="radio"] {
	margin: 0;
}


/* dev grants form */
#block-system-main #node-200346 form .webform-component-number,
#block-system-main #node-200346 form .webform-component-textfield,
#block-system-main #node-200346 form .webform-component-select,
#block-system-main #node-200346 form .webform-component-email,
#block-system-main #node-200346 form .resizable-textarea {
	width: 50%;
}

body.page-node-200346 #main {
	background-color: #bbb!important;
}

body.page-node-200346 #main .intro_content h1.title {
	color: #000!important;
}

/* live grants form */
#block-system-main #node-200367 form .webform-component-number,
#block-system-main #node-200367 form .webform-component-textfield,
#block-system-main #node-200367 form .webform-component-select,
#block-system-main #node-200367 form .webform-component-email,
#block-system-main #node-200367 form .resizable-textarea {
	width: 50%;
}

body.page-node-200367 #main {
	background-color: #bbb!important;
}

body.page-node-200367 #main .intro_content h1.title {
	color: #000!important;
}

#block-system-main label button, #block-system-main html input[type="button"], #block-system-main input[type="reset"], #block-system-main input[type="submit"] {
	color: #444444;
    font-weight: bold;
}

/* navbar */
#enigma-mobile-toggler {
  background-image: url(../images/menu.png);
  display: block;
  height: 60px;
  width: 60px;
  position: absolute;
  top: 0;
  right: 0;
  opacity: .8;
}

.enigma-mobile-inner {
  background: #000;
  display: none;
  position: absolute;
  top: 60px;
  right: 0;
  width: 200px;
  padding: 1em;
}

.toggled {
  display: block;
}

.enigma-mobile-inner a {
  display: block;
  letter-spacing: .1em;
  text-decoration: none;
  color: #FFFFFF;
  font-family: "klavika";
  text-transform: uppercase;
}

/* shades of gray background */

.gray-1 {
  background-color: #c7c7c7;
}

.gray-2 {
/*   background-color:#818181; */
  background-color: #b7b7b7;
}

.gray-3 {
  background-color: #a7a7a7;
}

.gray-4 {
  background-color:#7c7c7c;
}

.gray-5 {
  background-color:#373737;
}

.gray-6 {
  background-color: #454545;
}

.gray-7 {
  background-color: #2c2c2c;
}

.gray-8 {
  background-color: #2c2c2c;
  padding-bottom: 12em;
}


/* main */

#page {
  background-color: #c7c7c7;
}

#main {
  padding-top: 8em;
  padding-bottom: 5em;
}

.main_content {
  text-transform: uppercase;
}

.main_title {
  color: #000;
  font-family: "klavika";
  font-size: 5em;
  letter-spacing: 0.1em;
  line-height: 1.3em;
}

.main_separator {
  background-color: #f25b56;
  width: 8em;
  height: 5px;
  margin-top:1em;
}

.main_date {
  font-family: "klavika";
  font-size: 3em;
  color: #6e6e6e;
  margin-top: 0.5em;
  letter-spacing: 0.08em;
}

.main_location {
  font-family: "klavika-medium";
  font-size: 1.48em;
  color: #6e6e6e;
  margin-top: 0.3em;
  letter-spacing: 0.1em;
  padding-bottom: 1em;
}

.main_signup {
  font-family: "klavika-medium";
  font-size: 1.5em;
  color: #f25b56;
  border: 2px solid #f25b56;
  padding-top: 0.8em;
  padding-bottom: 0.8em;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 1em;
  letter-spacing: 0.2em;
  margin-left: 2px;
  text-transform: uppercase;
  width: auto;
}

a.register, a.register:link:visited{
  text-decoration: none!important;
}
a.register:link:visited .main_signup{
  text-decoration: none !important;
}


/* INTRO */

#intro {
  background-image: url(../images/background.svg); /* no-repeat center*/;
  background-attachment: fixed;
  background-size: cover;
  padding-bottom: 5em;
}

.intro_title {
  margin-top: 3em;
  text-transform: uppercase;
  color: #000;
  font-family: "klavika";
  font-size: 2.5em;
  letter-spacing: 0.08em;
}

.intro_square {
  color:#f25b56;
  font-size: 2em;
}

.intro_separator {
  background-color: #f25b56;
  width: 8em;
  height: 5px;
  margin-top:2em;
  margin-bottom: 2em;
}

.intro_text {
  color: #000;
  font-family: "klavika";
  font-size: 1.5em;
  line-height: 2em;
  margin-bottom: 2em;
  letter-spacing: 0.02em;
}

#quotes {
	  height: 5em;
}


/* TALKS */


#talks {
  padding-top: 4em;
}


.talks {
  padding:0;
  padding-top: 4em;
  padding-bottom: 3em;
/*   background-color: #ccc; */
  width:100%;

}
.talks_header {
  text-transform: uppercase;
  padding-top:0.5em;
  height:2.5em;
  font-family: "klavika", arial;
  color: #000;
  font-size:2.2em;
  letter-spacing: 0.1em;
}

.talk {
  padding-right:0.5em;
  cursor: pointer;
}

.talk:hover {

}

.talk_speaker_photo {
  background-color: #4e4746;
  cursor: pointer;
}

.talk_img {
  width:100%;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
  cursor: pointer;
}

.talk:hover .talk_img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  cursor: pointer;
}

.talk_info {
  height: 15em;
  color: #ffffff;
  background-color: #f25b56;
  padding-top: 2em;
  padding-left: 2em;
  font-family: "klavika", arial;
  cursor: pointer;

}

.talk_speaker_name {
  font-size: 1.25em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-family: "klavika-medium", arial;
}
.talk_separator {
  background-color: #ffffff;
  width: 1.5em;
  height: 2px;
  margin-top:0.8em;
  margin-bottom: 0.8em;
}

.talk_affiliation {
  font-size: 1em;
  letter-spacing: 0.02em;
  font-family: "klavika-medium", arial;
}

.talk_title {
  font-size: 1.25em;
  letter-spacing: 0.01em;
  padding-right: 0.8em;
  font-family: "klavika", arial;
}

.talks_list {
/*   padding-bottom: 6em; */
}

/* remove underline from link */

.talk a, .talk a:link:visited {
	text-decoration: none;
}

/* Committees */

#committees {
  padding-top: 4em;
}

.committee {
/*   background-color: #878787; */
  color: #000;
}

.committee_steering {
  padding-top: 3em;
}

.committee_headline {
  text-transform: uppercase;
  padding-top:0.5em;
  font-family: "klavika-medium", arial;
/*   color: #000; */
  color: #f25b56;
  font-size:2.2em;
  letter-spacing: 0.1em;
}

.committee_member {
  cursor: pointer;
}

.committee_img {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
}

.committee_member:hover {
  color: #f25b56;
}

.committee_member:hover .committee_img {

  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  /*background-color: red;
  background-blend-mode: multiply;
   */
}


.committee_portrait {
  padding-top: 2.5em;
  padding-bottom: 1em;
  padding-left: 1em; /* for hexagon */
}

.committee_portrait img {
  height: 200px;
  display:block;
  margin:auto;
}

.committee_name {
  text-align: center;
  font-size: 1.2em;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-family: "klavika-medium", arial;
}

.committee_separator {
  margin: auto;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  height:1px;
  width: 30px;
  text-align: center;
  background-color: #ffffff;
}

.committee_affiliation {
  text-align: center;
  font-size: 1.1em;
  letter-spacing: 0;
  font-family: "klavika-medium", arial;
}

.committee_chairs {
  padding-top: 5em;
/*   padding-bottom: 8em; */
}

.committee_pc {
  color: #ffffff;
  font-family: "klavika";
  letter-spacing: 0.02em;
  padding-top: 5em;
  padding-bottom: 8em;
}

.committee_pc .committee_headline {
	padding-bottom: 1em;
}

.committee_pc ul.pc_ul {
	margin-top: -20px;
	list-style-type: none;
}

.committee_pc li.pc_li {
    font-family: "klavika-medium", arial;
    font-size: 1.2em;
    color:#000;
    vertical-align: bottom;
    line-height: 1.5em;
    clear: both;
/*    margin-left: 1.25em; */
    letter-spacing: 0em;
    padding-top: .6em;
}

.p-committee_name {
  /*   text-align: left; */
  /*   margin: 1.25em; */
  font-size: 1.2em;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-family: "klavika-medium", arial;
}

.p-committee_affiliation {
  /*   text-align: left; */
  font-size: 1.1em;
  letter-spacing: 0;
  font-family: "klavika-medium", arial;
  clear: right;
}

.pc_name {
	text-transform: uppercase;
    letter-spacing: 0.12em;
}

/* signup */

/*

#register {
  background-color:#373737;
}

#signup {
  background-color:#555;
}

*/

.signup {
  padding-top: 5em;
  padding-bottom: 3em;
/*   background-color: #555; */
  font-family: "klavika", arial;
  color: #000;
}

.signup_headline {
/*   margin-top: 4em; */
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: #f25b56;
/*   font-size:2em; */
  vertical-align: middle;
  font-family: "klavika-medium";
  font-size:2.2em;
}

.signup_info {
  font-family: "klavika", arial;
  font-size: 1.5em;
  letter-spacing: 0.02em;
}

#signup_subline {
  padding-top: 1em;
  font-size: 0.8em;
  letter-spacing: 0.05em;
  margin-bottom: 5em;
}

.signup a {
  color: #f25b56;
  text-decoration: none;
}

#signup_subline, #signup .signup_info {
	color: #000;
}

#signup_form_wrapper .webform-client-form {
  padding-top: 2em;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

#signup_form_wrapper .webform-client-form input {
  font-family: "klavika";
  background-color: #bbb;
  border: 0;
  border-bottom: 1px solid #878787;
/*
  color: #878787;
  opacity: 0.5;
*/
  font-size: 1.5em;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  width: 100%;
  -webkit-transition: border-color 0.15s linear, background 0.15s linear;
  -moz-transition: border-color 0.15s linear, background 0.15s linear;
  -ms-transition: border-color 0.15s linear, background 0.15s linear;
  -o-transition: border-color 0.15s linear, background 0.15s linear;
}

#signup_form_wrapper .webform-client-form input:focus {
  background: #fafafa;
  border-color: #999999;
  outline: none;
}

#signup_form_wrapper .webform-client-form .form-submit {
  font-family: "klavika-medium";
  font-size: 1.5em;
  color: #f25b56;
  border: 2px solid #f25b56;
  padding-top: 0.8em;
  padding-bottom: 0.8em;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 1em;
  letter-spacing: 0.2em;
  cursor: pointer;
  opacity: 1;
}

#signup_error {
  font-size: 1.2em;
  letter-spacing: 0.1em;
  color: #f4ed3b;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}


#signup_wait {
  text-align: center;
  font-size: 1.2em;
  letter-spacing: 0.1em;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -webkit-transition-delay: 0.2s; /* Safari */
  transition-delay: 0.2s;
  position: relative;
  top: -450px;
}


#signup_done {
  text-align: center;
  font-size: 1.2em;
  letter-spacing: 0.1em;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  opacity:0;
  position: relative;
  top: -450px;
}

/* register */
/*
.register {
  padding-top: 5em;
  padding-bottom: 3em;
  background-color: #373737;
  font-family: "klavika", arial;
  color: #ffffff;
}
*/

.register_info {
  font-family: "klavika", arial;
  font-size: 1.2em;
  letter-spacing: 0.02em;
}

.register_list {
  font-family: "klavika", arial;
  font-size: 1.2em;
  letter-spacing: 0.05em;
}

#register_press {
  font-family: "klavika", arial;
  clear: both;
  padding-top: 1em;
  font-size: 1em;
  letter-spacing: 0.05em;
  margin-bottom: 3em;
}


.register_button {
  display: block;
  clear: both;
  font-family: "klavika-medium";
  font-size: 1.5em;
  text-transform: uppercase;
  color: #f25b56;
/*   border: 2px solid #f25b56; */
  padding-top: 0.8em;
  padding-bottom: 0.8em;
  text-align: center;
  width: 12em;
  margin-top: 1em;
  margin-bottom: 1em;
  letter-spacing: 0.2em;
  margin-left: 2px;
}

#register a, #register a:link:visited {
/*   color: #f25b56; */
  text-decoration: underline!important;
}

#regsiter a:hover { color: #f25b56; text-decoration: none; }


#sponsor {
  background-color:#2c2c2c;
}



.margin_bottom{
  margin-bottom: 3em;
}

#checkmark {
  fill: #f25b56;
  width: 120px;
}

.messages {
  font-weight: bold;
  letter-spacing: normal;
}

/* map */

#location {
  padding-top: 0;
  /* padding-bottom: 8em; */
}

.map {
  background: url(../images/map1000.jpg) no-repeat center;
  height: 600px;
}

.map_oakland {
    background: url(../images/map1000_2017.jpg) no-repeat center;
    height: 600px;
}


.map_headline {
  margin-top: 2em;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: #f25b56;
  font-size:2em;
  vertical-align: middle;
  font-family: "klavika-medium";
}

.map_info {
  font-family: "klavika", arial;
  font-size: 1.3em;
  letter-spacing: 0.05em;
  color:#FFFFFF;
  vertical-align: bottom;
}

.map_separator {
  background-color: #f25b56;
  width: 1.5em;
  height: 2px;
  margin-top:0.8em;
  margin-bottom: 1.5em;
}


.map_social {
  padding-top: 5em;
  font-family: "klavika", arial;
  font-size: 1.3em;
  letter-spacing: 0.05em;
  color:#FFFFFF;
  vertical-align: bottom;
}

#sponsors {
  padding-top:8em;
  padding-bottom:4em;
}
/* sponsors */
.sponsors {
  text-align: center;
}

.sponsors_foundators img, .sponsors_foundators svg, .sponsors_gold svg {
  width: 300px;
  margin: auto;
  opacity: 0.8;
  fill: #fff;
}

.sponsor_title {
  padding-top: 3em;
  font-family: "klavika", arial;
  font-size: 1.3em;
  letter-spacing: 0.1em;
  color:#000;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 3em;
}

.sponsors_headline {
  text-align: left;
  margin-top: 4em;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: #f25b56;
  font-size:2em;
  vertical-align: middle;
  font-family: "klavika-medium";
}

/*
.sponsors_headline {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #f25b56;
  padding-top: 3em;
  padding-bottom: 3em;
  height:2.3em;
  font-size:2.2em;
  vertical-align: middle;
  font-family: "klavika";
}
*/


.sponsors_info {
  text-align: left;
  font-family: "klavika", arial;
  font-size: 1.5em;
  letter-spacing: 0.02em;
  margin-left: 1.25em;
}

#sponsors .signup_info {
	color: #000;
}

img.sponsor_left, svg.sponsor_left {
	padding-right: 3em;
}
.sponsor_separator {
  background-color: #f25b56;
  width: 1.5em;
  height: 2px;
  text-transform: uppercase;
  margin: auto;
}

.sponsors_silver {
  padding-top: 2em;
  margin: auto;
  opacity: 0.8;
}

.sponsors_default {
  padding-top: 2em;
}

.sponsors_default img, .sponsors_default svg {
  height: 80px;
  width: 200px;
  margin: auto;
  opacity: 0.8;
  color: black;
}

/* social */
.social {
  padding-top: 5em;
  padding-bottom: 3em;
  background-color: #373737;
  font-family: "klavika", arial;
  color: #ffffff;
}

/* Footer */
#footer{
  letter-spacing: normal;
  color: #FFFFFF;
  padding-top: 3em;
  padding-bottom: 3em;
  background-color: #000;
  font-family: "klavika", arial;
}

.footer a:link{
  text-decoration: none;
}

.footer a:link:visited{

}

.footer a:link:hover{
  text-decoration: underline;
}

.md-preloader {
  font-size: 0;
  display: inline-block;
  -webkit-animation: outer 6600ms linear infinite;
  animation: outer 6600ms linear infinite;
}

.md-preloader svg {
  -webkit-animation: inner 1320ms linear infinite;
  animation: inner 1320ms linear infinite;
}

.md-preloader svg circle {
  fill: none;
  stroke: #f25b56;
  stroke-linecap: square;
  -webkit-animation: arc 1320ms cubic-bezier(.8, 0, .4, .8) infinite;
  animation: arc 1320ms cubic-bezier(.8, 0, .4, .8) infinite;
}

/* drupal */
.field-name-og-node-link {
  color: #ffffff;
  letter-spacing: 0;
  margin-top: 20px;
  margin-left: 20%;
  margin-bottom: 20px;
}

#admin-menu {
  letter-spacing: 0;
}

.admin-menu-search input[type='text'] {
  height: auto;
}

@-webkit-keyframes outer {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
100% {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg)
}
}

@keyframes outer {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
100% {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
}

@-webkit-keyframes inner {
  0% {
    -webkit-transform: rotate(-100.8deg);
    transform: rotate(-100.8deg);
}
100% {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
}

@keyframes inner {
  0% {
    -webkit-transform: rotate(-100.8deg);
    transform: rotate(-100.8deg);
}
100% {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
}

@-webkit-keyframes arc {
  0% {
    stroke-dasharray: 1 210.48670779px;
    stroke-dashoffset: 0
}
40% {
  stroke-dasharray: 151.55042961px, 210.48670779px;
  stroke-dashoffset: 0
}
100% {
  stroke-dasharray: 1 210.48670779px;
  stroke-dashoffset: -151.55042961px
}
}

@keyframes arc {
  0% {
    stroke-dasharray: 1 210.48670779px;
    stroke-dashoffset: 0
}
40% {
  stroke-dasharray: 151.55042961px, 210.48670779px;
  stroke-dashoffset: 0
}
100% {
  stroke-dasharray: 1 210.48670779px;
  stroke-dashoffset: -151.55042961px
}
}

/* small-only */
@media only screen and (max-width: 40em) {
  .show-for-small-enigma {
    display: block !important;
  }
  .hide-for-small-enigma {
    display: none !important;
  }

  html{
    font-size: 80%;
  }

  .main_title,
  .main_date {
    font-size: 2em;
  }

  .intro_title{
    font-size: 2em;
  }

  .large-only-enigma{
    display: none !important;
  }

  .map_oakland {
    background: none;
    background-color: #333;
    height: inherit;
    padding-bottom: 8em;
  }

  .committee.columns {
    clear: both;
  }

  .talk {
    margin-bottom: 1.5em;
  }

  .committee_pc ul.pc_ul {
    margin-top: 0;
    list-style-type: none;
    padding-left: 0;
  }

  #quotes {
	  height: 8em;
  }
}

/* medium-only*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .large-only-enigma{
    display: none !important;
}
}


/* medium-up */
@media only screen and (min-width: 40.063em) {
  .hide-for-small-enigma {
    display: block !important;
}
.show-for-small-enigma {
  display: none !important;
}
.main_signup {
  width: 12em;
}
}

/* large-up */
@media only screen and (min-width: 64.063em) {
  .large-only-enigma{
    display: block !important;
}
}

/* media page */

.media a, .media a:link:visited { color: #ccc; }
.media a:hover { color: #f25b56; text-decoration: none; }

/* og blocks */
body div#block-masquerade-masquerade {
	letter-spacing: 0;
	width: 25%;
	padding: 2em;
}

body div#block-og-extras-node-links {
	letter-spacing: 0;
	padding: 2em;
}

/* speaker bio pages */
.node-type-speaker h1 {
  color: #222222;
}

.node-type-speaker .content {
  background-color: #c7c7c7;
}

/*
.node-speaker .content {
  background-color: #c7c7c7;
}
*/

img.yubico {
  margin-top: -4em;
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  img.yubico {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 40em) {
  img.yubico {
    margin-top: 1em;
  }
}

/**
 * Backdrop
 */
.node-type-conference .page-title,
.node-type-schedule .page-title {
  display: none;
}

.node-session .content {
  background: inherit;

}