/******************************************************************
	Stylesheet: Main Stylesheet
******************************************************************/
/******************************************************************
	Stylesheet: Mixins & Constants
******************************************************************/
/*********************
COLORS
*********************/
/*
$yellow:			#ebe16f;
$alert-red:         #fbe3e4;
$alert-green:       #e6efc2;
$alert-blue:        #d5edf8;

$black:             #000;
$white:             #fff;

$bones-pink:        #f01d4f;
$bones-blue:        #1990db;

$link-color:        $bones-pink;
$link-hover:        darken($link-color, 9%);

$pp-green:			#bada55;
*/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/*********************
TYPOGRAPHY
*********************/
/*********************
CSS3 with vendor prefixes
*********************/
/*********************
	BORDER RADIUS
*********************/
/*********************
	BOX SHADOWS
*********************/
/*********************
	BOX SIZING
*********************/
/*********************
	ANIMATION
*********************/
/*********************
	ANIMATION-DURATION
*********************/
/*********************
	TRANSITION
*********************/
/*********************
	TRANSFORM
*********************/
/*********************
	ANIMATION-FILL-MODE
*********************/
/*********************
	CSS3 GRADIENTS
*********************/
.page-jury * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
}
.page-jury a:focus {
  outline: thin dotted;
}
.page-jury a:active, .page-jury a:hover {
  outline: 0;
}
.page-jury img {
  font-style: italic;
  vertical-align: middle;
  max-width: 100%;
  border: 0;
}
.page-jury h1, .page-jury h2, .page-jury h3, .page-jury h4, .page-jury h5, .page-jury h6, .page-jury p, .page-jury blockquote, .page-jury pre, .page-jury dl, .page-jury dd, .page-jury ol, .page-jury ul, .page-jury form, .page-jury fieldset, .page-jury legend, .page-jury table, .page-jury th, .page-jury td, .page-jury caption, .page-jury hr {
  margin: 0;
  padding: 0;
  color: inherit;
}
.page-jury h2 {
  font-weight: 600;
}
.page-jury a, .page-jury u, .page-jury ins {
  text-decoration: none;
}
.page-jury [hidden] {
  display: none;
}

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot");
}
@font-face {
  font-family: 'icomoon';
  src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRk9UVE8AAAS0AAsAAAAABzgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAYsAAAJrqADHFUZGVE0AAAKUAAAAGgAAABxnNe/AR0RFRgAAArAAAAAcAAAAIAAyAARPUy8yAAACzAAAAEsAAABgT/7cQGNtYXAAAAMYAAAAQwAAAVICO/LNaGVhZAAAA1wAAAAuAAAANvwXja1oaGVhAAADjAAAAB4AAAAkBBD/5mhtdHgAAAOsAAAAFAAAABQIAACWbWF4cAAAA8AAAAAGAAAABgAFUABuYW1lAAADyAAAAN0AAAGGUczz7HBvc3QAAASoAAAADAAAACAAAwAAeJx9kL9LQlEUx899PnmiDy1TKXg9DZegBpcWKQeRCJEWW0KHyCWTNKEaimqIaHigBY8giAiythwSIZCICof2Rof+AqegO0Sne33+ILDecDifc77f7+UdAqIIhBBLOpVby+WyQAQgEKKKQEdNdFjUZJMmi6oVRuJO1LRuI0tahup0w6zAlkMBGFBgf1ABWSFVJ5h4hgUc4NnMpmcDgUA7vPMG+wQwgUiOwMylApzDK1HJuP1Tp2E3Qr6+hJAMXiJesQ4LvCt0sc+sJTZsXW935kXYO2sgyicrLDvSaCLevG0jLE5EEGv+U4477VLzL/DFIcdvLl7lKEh2JJmyC+GxeMEygu8HiJOlBGLduyshmbo9RvCtL7t91pRnzNpHXHlmithMvuXgWGwXjsai8uI0xBCbbkoI5WLyV6hGN8QvneqSneouza3JVnbvIRAIiV8bv907xf8n6532r5OpNsRSeB6x+jTHysMdw9A9n8kcPxCiDCHBtpBgWwOjzNGZcUlLzAOYV7X9AMg+IrkAeJxjYGBgZACCM7aLzoPoszVqFTAaAEffBkoAAHicY2BkYGDgA2IJBhBgYmAEQhYwBvEYAAR2ADd4nGNgZmJgnMDAysDB6MOYxsDA4A6lvzJIMrQwMDAxsDIzwACjAAMCBKS5pjA4MCh+YGB88P8Bgx7jAwaFBqAauAIFIGQEAPhlC2EAeJxjYGBgZoBgGQZGBhDwAfIYwXwWBgMgzQGETGAZ5Q8M//+DWYoQ1v8HAixQXWDAyMaAzMUOGJmYCSkZygAAA4II+AB4nGNgZGBgAOJHPJXS8fw2Xxm4mRhA4GyNWgWC/v+AiYHxAZDLwQCWBgAM7QnLAAB4nGNgZGBgfPD/AYMeEwMDwz8GIAkUQQGsAG3pA/gAAAIAAAACAAAyAgAAMgIAADIAAAAAAABQAAAFAAB4nHWOMW7CMBSGv0CgqqhQp6qjJZYuiZxk4wA5AAM7QlYUCbBkQOpJmHqEjj1GD9Aj9Bj9CW/pgKVnf/7f//wbeOJCxnVlPPBsPBK/GY9Z8G6cS/80njDj23gq/VfOLH+UMh+mrjwSvxqPafHGufQP4wkvfBlPpf/QsyWyV0UO0G/jPkbBikDHmR0bkq6hO+82gnbwnYYzyRFw1JRKcyxV/9+7aY26hfZCTk8loo2HUxtTF1xderd0litqfNEUta9kuve3tVITR/VvGdWQzzqkY683qtLfnf0D/hk5zQAAAHicY2BmwAsAAH0ABA==) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTWc178AAAAYUAAAAHEdERUYANAAGAAAF9AAAACBPUy8yT9zcHwAAAVgAAABWY21hcAQ/89YAAAHMAAABUmdhc3D//wADAAAF7AAAAAhnbHlmv6SBUwAAAzAAAAD8aGVhZPwXja0AAADcAAAANmhoZWEEEP/oAAABFAAAACRobXR4CKoAlgAAAbAAAAAcbG9jYQCQAMIAAAMgAAAAEG1heHAATAAfAAABOAAAACBuYW1lUczz7AAABCwAAAGGcG9zdE25n6IAAAW0AAAAOAABAAAAAQAAZ+qpNl8PPPUACwIAAAAAAM18JngAAAAAzXwmeAAA/+ACAAHgAAAACAACAAAAAAAAAAEAAAHg/+AALgIAAAD+AAIAAAEAAAAAAAAAAAAAAAAAAAAHAAEAAAAHABwAAwAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQMAAAAAAAAAAAABEAAAAAAAAAAAAAAAUGZFZABAACHwAAHg/+AALgHgACCAAAABAAAAAAAAAgAAAAAAAAAAqgAAAgAAMgIAADICAAAyAAAAAAAAAAMAAAADAAAAHAABAAAAAABMAAMAAQAAABwABAAwAAAACAAIAAIAAAAAACPwAP//AAAAAAAh8AD//wAA/+IQBgABAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAADBAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAEQAcAB+AAIAMgASAc4BrgAHABMAAAAiBhQWMjY0ByMVIzUjNTM1MxUzAVWqeXmqeU9aRFpaRFoBrnmqeXmqelpaRFpaAAADADIAEgHOAa4AAwALABMAACUjNTM2FAYiJjQ2MhI0JiIGFBYyAWzU1GJ5qnl5qlFhimFhisA6O6p5eap5/u2KYWGKYQAAAAADADIAEgHOAa4ACwATABsAACUjFSM1IzUzNTMVMzYUBiImNDYyEjQmIgYUFjIBbE06TU06TWJ5qnl5qlFhimFhisBNTTpNTTuqeXmqef7timFhimEAAAAAAQAA/+ACAAHgAAIAABEBIQIA/gAB4P4AAAAAAAAADACWAAEAAAAAAAEABwAQAAEAAAAAAAIABwAoAAEAAAAAAAMAIwB4AAEAAAAAAAQABwCsAAEAAAAAAAUACwDMAAEAAAAAAAYABwDoAAMAAQQJAAEADgAAAAMAAQQJAAIADgAYAAMAAQQJAAMARgAwAAMAAQQJAAQADgCcAAMAAQQJAAUAFgC0AAMAAQQJAAYADgDYAGkAYwBvAG0AbwBvAG4AAGljb21vb24AAFIAZQBnAHUAbABhAHIAAFJlZ3VsYXIAAEYAbwBuAHQARgBvAHIAZwBlACAAMgAuADAAIAA6ACAAaQBjAG8AbQBvAG8AbgAgADoAIAAzADAALQAzAC0AMgAwADEAMwAARm9udEZvcmdlIDIuMCA6IGljb21vb24gOiAzMC0zLTIwMTMAAGkAYwBvAG0AbwBvAG4AAGljb21vb24AAFYAZQByAHMAaQBvAG4AIAAxAC4AMAAAVmVyc2lvbiAxLjAAAGkAYwBvAG0AbwBvAG4AAGljb21vb24AAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAAAAQACAAQABQAGAQIHdW5pRjAwMAAAAAH//wACAAEAAAAOAAAAGAAAAAAAAgABAAMABgABAAQAAAACAAAAAAABAAAAAMw9os8AAAAAzXwmeAAAAADNfCZ4) format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
/*
[data-icon]:before {
	font-family: 'icomoon';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
*/
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
/*
.icon-iconmonstr-plus-4-icon, .icon-iconmonstr-minus-5-icon, .icon-iconmonstr-plus-5-icon {
	font-family: 'icomoon';
	speak: none;
	font-size: inherit;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-iconmonstr-plus-4-icon:before {
	content: "\21";
}
.icon-iconmonstr-minus-5-icon:before {
	content: "\22";
}
.icon-iconmonstr-plus-5-icon:before {
	content: "\23";
}
*/
.icon-bio {
  font-family: 'icomoon';
  speak: none;
  font-size: inherit;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

li.closed:hover .icon-bio:before {
  content: "\21";
}

li.open .icon-bio:before {
  content: "\22";
}

li.closed .icon-bio:before {
  content: "\23";
}

/******************************************************************
    Stylesheet: Base Mobile
******************************************************************/
/*********************
GENERAL STYLES
*********************/
/*
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    font-family: $sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    background-color: #2b2b2b;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
}
html, body {
    height: 100%;
}
body {
    margin: 0;
}
*/
/*********************
LAYOUT & GRID STYLES
*********************/
.page-jury .jury {
  clear: both;
  min-width: 100%;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.grid-wrapper {
  position: relative;
  min-height: 100%;
}

.grid, .overlay .description .header, .overlay .bio .header {
  zoom: 1;
}

.grid:before, .overlay .description .header:before, .overlay .bio .header:before, .grid:after {
  content: " ";
  display: table;
}

.grid:after, .overlay .description .header:after, .overlay .bio .header:after {
  clear: both;
}

.overlay {
  display: none;
}

.page-jury .intro-main {
  float: none !important;
}
.page-jury .intro {
  padding: 0 0.625em 0 0.625em;
}
.page-jury .jury-list {
  width: 100%;
  display: block;
  list-style: none;
  padding: 0 .625em 0 .625em;
}
.page-jury .jury-list h2 {
  color: white;
}
.page-jury .jury-list img {
  width: 25%;
  display: inline-block;
}
.page-jury .jury-list .wrap {
  display: block;
  position: relative;
  width: 100%;
}
.page-jury .jury-list .detail {
  position: absolute;
  left: 30%;
  top: 50%;
  margin-top: -20px;
  display: inline-block;
  font-family: "proxima-nova", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1.2em;
}
.page-jury .jury-list h2 {
  display: block;
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.33333;
  line-height: 1.2em;
}
.page-jury .jury-list .company {
  display: block;
  text-transform: capitalize;
  font-size: 0.825rem;
}
.page-jury .jury-list .bio {
  background-color: #fff;
  border-bottom: 5px solid #2b2b2b;
  padding: 1em 1em 0.25em 1em;
  position: relative;
            /*.links {
                position: absolute;
                bottom: 1em;
                left: 1em;
            }

            .link {
                position: relative;
                float: left;
            }

            .tweet {
                @extend .link;
                margin-left: 2em;
            }

            .link, .tweet {
                font-size: 13px;
                font-size: .8125rem;
                line-height: 1.84615;
                display: block;
                padding-left: 2em;
            }*/
}
.page-jury .jury-list .bio h3 {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: .3em;
  text-transform: none;
  color: #666;
}
.page-jury .jury-list .bio a {
  color: #2b2b2b;
}
.page-jury .jury-list .bio a:hover {
  color: #00adef;
}
.page-jury .jury-list .bio a, .page-jury .jury-list .bio p {
  font-size: 12px;
  font-size: .75rem;
  line-height: 1.84615;
  line-height: 1.6em;
  color: #666;
  padding: 0;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);
  margin-bottom: 1em;
}
.page-jury .jury-list .bio ul {
  color: #666;
  padding: 0 0 1em 1em;
  list-style: disc;
}
.page-jury .jury-list .bio ul li {
  font-size: 13px;
  font-size: .8125rem;
  line-height: 1.84615;
  line-height: 1.3em;
}
.page-jury .jury-list > li {
  width: 100%;
  margin-top: .625em;
  background-color: #e6e5e2;
  position: relative;
  cursor: pointer;
  /*.btn {
      position: absolute;
      top: 50%;
      right: .625em;
      height: 24px;
      width: 24px;
      margin-top: -12px;
      overflow: hidden;
      text-indent: 100%;
      display: inline-block;
  }*/
}
.page-jury .jury-list > li .wrap {
  background-color: #ccc;
}
.page-jury .jury-list > li .wrap .detail {
  color: #776;
  margin-right: 2.0rem;
}
.page-jury .jury-list > li .btn .icon-bio {
  position: absolute;
  top: 50%;
  right: 2px;
  color: #776;
  font-size: 1.75rem;
  margin-top: -0.5em;
}
.page-jury .jury-list > li:hover {
  background-color: #2b2b2b;
}
.page-jury .jury-list > li:hover .detail, .page-jury .jury-list > li:hover .btn, .page-jury .jury-list > li:hover .btn .icon-bio {
  color: #fff;
}
.page-jury .jury-list > li:hover .wrap,
.page-jury .jury-list > li.open .wrap {
  background-color: #ffcb05;
}
.page-jury .shorts > li .wrap {
  background-color: #f26522;
}
.page-jury .docs > li .wrap {
  background-color: #1b75bc;
}
.page-jury .narrative > li .wrap {
  background-color: #8dc63f;
}
.page-jury .shout > li .wrap {
  background-color: #92278f;
}
.page-jury .open {
  background-color: #2b2b2b;
}
.page-jury .open .detail {
  color: #fff;
}
.page-jury .open .bio {
  display: block;
}

.js .page-jury .jury-list .closed .bio {
  display: none;
}

.animated {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1.3s;
  -moz-animation-duration: 1.3s;
  -ms-animation-duration: 1.3s;
  -o-animation-duration: 1.3s;
  animation-duration: 1.3s;
}

.out {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
}

.disable {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
}

@media only screen and (min-device-width: 20em) and (max-device-width: 30em) {
  /******************************************************************
      Stylesheet:  20em to 30em 
  ******************************************************************/
  .page-jury .jury-list {
    	/*
    li .btn {
    	    right: .3125em;
    	    height: 14px;
    	    width: 14px;
    	    margin-top: -6px;
    	}
    */
  }
  .page-jury .jury-list .detail {
    margin-top: -14px;
  }
  .page-jury .jury-list h2 {
    font-size: 13px;
    font-size: .8125rem;
    line-height: 1.84615;
    line-height: 1.2em;
  }
  .page-jury .jury-list .company {
    display: block;
    font-size: 10px;
    font-size: .625rem;
    line-height: 2.4;
    line-height: 1.2em;
  }
  .page-jury .jury-list .icon-bio {
    font-size: 2.25rem;
  }
}
@media only screen and (min-width: 30.1em) {
  /******************************************************************
  	Stylesheet: 30.1em and up
  ******************************************************************/
  .page-jury .intro h1 {
    font-size: 2rem;
  }
  .page-jury .jury-list li .wrap {
    /*btn {
    	right: .625em;
        height: 30px;
        width: 30px;
        margin-top: -15px;
    }*/
  }
  .page-jury .jury-list li .wrap .detail {
    margin-top: -29px;
  }
  .page-jury .jury-list li .wrap .detail h2 {
    font-size: 18px;
    font-size: 1.25rem;
    line-height: 1.2;
    line-height: 1.2em;
  }
  .page-jury .jury-list li .wrap .detail .company {
    display: block;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.33333;
    line-height: 1.2em;
  }
  .page-jury .jury-list li .wrap .icon-bio {
    font-size: 2.25rem;
  }
  .page-jury .jury-list li .bio {
    padding: 1em 1em 0.5em 1em;
  }
  .page-jury .jury-list li .bio p {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.6;
    line-height: 1.6em;
  }
  .page-jury .jury-list li .bio .links {
    position: absolute;
    bottom: 1em;
    left: 1em;
  }
  .page-jury .jury-list li .bio .links a {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.6;
    padding-left: 2em;
  }
}
@media only screen and (min-width: 48em) {
  /******************************************************************
      Stylesheet: 48.0 em and Up
  ******************************************************************/
  .grid-wrapper {
    padding: 0 1em 4em 1em;
  }

  .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 99;
    display: block;
    min-height: 100%;
    min-width: 100%;
    cursor: pointer;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
  }
  .overlay .modal {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 50%;
    width: 40em;
    background-color: #fff;
    padding: 1em;
    display: block;
    cursor: default;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    -webkit-transition: opacity 0.35s ease;
    -moz-transition: opacity 0.35s ease;
    -ms-transition: opacity 0.35s ease;
    -o-transition: opacity 0.35s ease;
    transition: opacity 0.35s ease;
    opacity: 0;
  }
  .overlay .description {
    padding: 8.2em 1.5em 1em 1.5em;
    display: block;
    background-color: #f7f7f7;
  }
  .overlay .description header {
            /*
position: absolute;
            top: 1em;
            left: 1em;
            background-color: #2b2b2b;
            right: 1em;
*/
  }
  .overlay .description header img {
                /*
width: 18%;
                float: left;
*/
  }
  .overlay .description header .detail {
                /*
float: left;
                color: #fff;
                font-family: "proxima-nova", sans-serif;
                text-transform: uppercase;
                padding: 1em;
                width: 80%;
*/
  }
  .overlay .description header .detail h2 {
                	/*
color: inherit;
                	font-family: inherit;
                    font-size: 15px;
                    font-size: .9375rem;
                    line-height: 1.6;
                    line-height: 1;
                    letter-spacing: auto;
*/
  }
  .overlay .description header .detail span {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.6;
    line-height: 1;
    letter-spacing: .2em;
    color: #a18e5c;
  }
  .overlay .description header .detail span a {
    font-size: inherit;
    display: inline;
    color: #00adef;
    font-style: normal;
    padding: 0;
  }
  .overlay .description header .detail span a:hover {
    color: #fff;
  }
  .overlay .description p {
    font-size: 14px;
    font-size: 1.25rem;
    line-height: 1.71429;
    line-height: 1.6em;
    color: #666;
    padding: 0;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);
    margin-bottom: 1em;
  }
  .overlay .description p a {
    color: #00adef;
  }
  .overlay .description p a:hover {
    color: #2b2b2b;
  }
  .overlay .description a {
    color: #2b2b2b;
  }
  .overlay .description a:hover {
    color: #00adef;
  }
  .overlay .description h3, .overlay .description h4 {
    margin-bottom: .3em;
    color: #666;
  }
  .overlay .description ul {
    color: #666;
    padding: 0 0 1em 1em;
  }
  .overlay .description ul li {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.71429;
  }
  .overlay .bio {
    padding: 8.2em 1.5em 0.5em 1.5em;
    display: block;
    background-color: #f7f7f7;
  }
  .overlay .bio header {
    position: absolute;
    top: 1em;
    left: 1em;
    background-color: #ffcc00;
    right: 1em;
  }
  .overlay .bio header img {
    width: 18%;
    float: left;
  }
  .overlay .bio header .detail {
    float: left;
    color: #fff;
    font-family: "proxima-nova", sans-serif;
    text-transform: uppercase;
    padding: 1.3em 1em 1em 1em;
    max-width: 75%;
                /*
                -ms-word-break: break-all;
				word-break: break-all;
				// Non standard for webkit
				word-break: break-word;
				-webkit-hyphens: auto;
				-moz-hyphens: auto;
				hyphens: auto;
				*/
  }
  .overlay .bio header .detail h2 {
    font-family: inherit;
    color: inherit;
    font-size: 18px;
    font-size: 1.25rem;
    line-height: 1.2;
    line-height: 1;
    letter-spacing: .2em;
  }
  .overlay .bio header .detail .company {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.6;
    line-height: 1;
    letter-spacing: .2em;
    text-transform: capitalize;
  }
  .overlay .bio p {
    font-size: 14px;
    font-size: 1.25rem;
    line-height: 1.71429;
    line-height: 1.6em;
    color: #666;
    padding: 0;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);
    margin-bottom: 1em;
  }
  .overlay .bio a {
    color: #2b2b2b;
  }
  .overlay .bio a:hover {
    color: #00adef;
  }
  .overlay .bio .links {
    position: absolute;
    bottom: 2.5em;
    left: 2.5em;
  }
  .overlay .bio .link, .overlay .bio .tweet {
    font-size: 13px;
    font-size: .8125rem;
    line-height: 1.84615;
    display: block;
    padding-left: 2em;
    position: relative;
    float: left;
  }
  .overlay .bio .tweet {
    margin-left: 2em;
  }

  .grid .grid-item {
    padding: .3125em;
    max-width: 50%;
    float: left;
  }

  .page-jury .jury-list {
    min-width: 100%;
    display: block;
    list-style: none;
    padding: 0;
        /*.bio {
            background-color: #fff;
            border-bottom: 5px solid #2b2b2b;
            padding: 1em 1em 5.5em 1em;

            p {
                font-size: 13px;
                font-size: .8125rem;
                line-height: 1.84615;
                line-height: 1.6em;
            }

            a {
                font-size: 13px;
                font-size: .8125rem;
                line-height: 1.84615;
                color: #2b2b2b;
                display: block;
                padding-left: 2em;
            }

            .link {
                position: absolute;
                bottom: 3.5em;
                left: 1em;
            }
            .tweet {
                position: absolute;
                bottom: 1em;
                left: 1em;
            }
        }*/
  }
  .page-jury .jury-list img {
    width: 50%;
    display: inline-block;
  }
  .page-jury .jury-list > li {
    padding: .3125em;
    width: 50%;
    margin-top: 0;
    background-color: transparent;
    position: relative;
    cursor: pointer;
    float: left;
  }
  .page-jury .jury-list > li .wrap {
    display: block;
    position: relative;
    width: 100%;
  }
  .page-jury .jury-list > li .wrap .detail {
    position: absolute;
    left: auto;
    top: 50%;
    margin-top: -3.25em;
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    width: 50%;
    padding: .5em;
                    /*
	                -ms-word-break: break-all;
					word-break: break-all;
					// Non standard for webkit
					word-break: break-word;
					-webkit-hyphens: auto;
					-moz-hyphens: auto;
					hyphens: auto;
					*/
  }
  .page-jury .jury-list > li .wrap .detail h2 {
    display: block;
    font-size: 18px;
    font-size: 1.375rem;
    line-height: 1.33333;
    line-height: 1.2em;
  }
  .page-jury .jury-list > li .wrap .detail .company {
    display: block;
    font-size: 14px;
    font-size: 1.125rem;
    line-height: 1.71429;
    line-height: 1.2em;
    font-weight: 400;
    /*font-size: 13px;
    font-size: .8125rem;
    line-height: 1.84615;
    line-height: 1;
    margin-top: -10px;*/
  }
  .page-jury .jury-list > li .btn {
    display: none;
  }
  .page-jury .jury-list > li:hover .wrap .detail {
    color: #fff;
  }
  .page-jury .jury-list .closed .bio, .page-jury .jury-list .open .bio {
    display: none;
  }
  .page-jury .jury-list .open {
    background-color: transparent;
  }
  .page-jury .jury-list .open .wrap .detail {
    color: #fff;
  }
}
@media only screen and (min-width: 62.5em) {
  /******************************************************************
      Stylesheet: 62.0 em and Up
  ******************************************************************/
  .grid-wrapper {
    padding-bottom: 5em;
  }

  .overlay .modal {
    top: 50px;
    left: 50%;
    width: 60em;
  }
  .overlay .bio {
    padding: 12em 1.5em 0.5em 1.5em;
    display: block;
    background-color: #f7f7f7;
  }

  .page-jury .jury-list li {
    width: 33.3%;
  }
  .page-jury .jury-list li .wrap .detail h2 {
    font-size: 1rem;
    padding: 0 .5em;
  }
  .page-jury .jury-list li .wrap .detail .company {
    font-size: 20px;
    font-size: 0.875rem;
    line-height: 1.2;
    line-height: 1.2em;
    padding: 0 .5em;
  }
}
@media only screen and (min-width: 81.25em) {
  /******************************************************************
  Stylesheet: 81.25em and up
  ******************************************************************/
  /*
  
  .page-jury {
      .jury-list {
          li {
              .wrap{
                  .detail {
                      h2 {
                          font-size: 20px;
  					    font-size: 1.25rem;
  					    line-height: 1.2em;
                      }
                      .company {
                          font-size: 18px;
  					    font-size: 1.0rem;
  					    //line-height: 1.2em;
                      }
                  }
              }
          }
      }
  }
  */
}

/*# sourceMappingURL=style.css.map */