@font-face {
  font-family: "Adobe Clean";
  src: url("../fonts/AdobeClean-Regular.otf");
}

@font-face {
  font-family: "Adobe Clean";
  src: url("../fonts/AdobeClean-Bold.otf");
  font-weight: bold;
}

@font-face {
  font-family: "Adobe Clean";
  src: url("../fonts/AdobeClean-Light.otf");
  font-weight: lighter;
}

html {
  background: #e5e4f0;
  margin-bottom: 55px;
}

body {
  background-color: white;
  display: block;
  font-family: "Adobe Clean", sans-serif;
  margin: 0 auto;
  width: 960px;
  -moz-box-shadow: 0 0 10px grey;
  -webkit-box-shadow: 0 0 10px grey;
  box-shadow: 0 0 10px grey;
  position: relative;
  box-sizing: border-box;
}

body p {
  font-family: "Adobe Clean", sans-serif;
}

nav {
  font-family: "Adobe Clean", sans-serif;
  background-color: #310d26;
  margin-top: -4px;
}

nav ul {
  color:white;
  list-style: none;
  height: 20px;
  padding: 10px 0;
  margin: 0;
}

nav ul li {
  float:left;
  margin:0 16px;
  line-height: 20px;
}

nav a {
  text-decoration: none;
  color: white;
}

h1[type="section-header"] {
  margin-top: 0;
}

h2[type="section-subheader"] {

}

#fixed-footer {
  width: 100%;
  background: #599ceb;
  position: fixed;
  bottom: 0;
  left: 0;
  text-align: center;
  height: 55px;
/*   background: rgb(2,2,56); Old browsers */
/*   background: -moz-linear-gradient(left,  rgba(2,2,56,1) 45%, rgba(0,0,0,1) 48%); FF3.6+ */
/*   background: -webkit-gradient(linear, left top, right top, color-stop(45%,rgba(2,2,56,1)), color-stop(48%,rgba(0,0,0,1))); Chrome,Safari4+ */
/*   background: -webkit-linear-gradient(left,  rgba(2,2,56,1) 45%,rgba(0,0,0,1) 48%); Chrome10+,Safari5.1+ */
/*   background: -o-linear-gradient(left,  rgba(2,2,56,1) 45%,rgba(0,0,0,1) 48%); Opera 11.10+ */
/*   background: -ms-linear-gradient(left,  rgba(2,2,56,1) 45%,rgba(0,0,0,1) 48%); IE10+ */
/*   background: linear-gradient(to right,  rgba(2,2,56,1) 45%,rgba(0,0,0,1) 48%); W3C */
/*   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020238', endColorstr='#000000',GradientType=1 ); IE6-9 */
}

#contact {
  font-family: "Adobe Clean", sans-serif;
}

#content {
  color: black;
}

#information-left {
  width: 610px;
  display: inline-block;
  margin-top: 15px; margin-left: 15px; margin-bottom: 15px;
}

#information-right > a img {
  max-width: 100%;
}

#information-right {
  width: 270px;
  float: right;
  display: inline-block;
  font-family: Arial;
  margin-left: 15px; margin-right: 15px;
  text-align: center;
}

a {}

#information-right hr:first-of-type {
  display: none;
}

.sponsor-list {
  width: 60%;
  margin: 0 auto;
}

.sponsors a img {
  margin: 10px 0;
}

#footer {
  background: #efefef;
  border-top: 1px solid #d0d2d3;
  clear: both;
  font-size: .8em;
  padding: 15px 25px;
  width: 100%;
  box-sizing: border-box;
}

#about .register {
  display: inline-block;
  background-color: #029ef3;
  color: white;
  font-weight: bold;
  text-decoration: none;
  font-size: 20px;
  padding: 10px 20px;
  border-radius: 5px;
}
#about .register:hover {
  text-decoration: underline;
}

#speakers .list {
  width: 100%;
  margin-top: 25px;
}

#speakers .speaker {
  width: 25%;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  padding-right: 10px;
  padding-bottom: 25px;
  text-align: center;
}

#speakers .speaker img, #speaker-bio .speaker-img {
  border-radius: 50%;
}

#speaker-bio .speaker-img {
  width: 130px;
  height: 130px;
}

.speaker .name {
  color: #666;
  font-weight: bold;
}

.speaker img {
  width: 100%;
}

.speaker-text {
  text-align: center;
  word-wrap: normal;
  width: 150px;
  font-size: 13px;
  line-height: 17px;
  padding-bottom: 20px;
}

h1,h2,h3,h4,h5,h6 {
  font-family: "Adobe Clean", sans-serif;
  text-transform: uppercase;
  font-weight: lighter;
  color: #04297a;
}

h3,h4,h5,h6 {
  color: #310d26;
}

.agenda-table td {
  vertical-align: top;
  text-align: left;
  padding: 3px 5px;
}

.agenda-time {
  min-width: 150px;
}

.agenda-name {
  font-weight: bold;
}

.speaker-list {
  list-style-type: square;
}

  
  #agenda h3.time, #breakout h3.time {
    color: #191b49; }
  #agenda hr, #breakout hr {
    margin: 25px 0; }
  #agenda .list .item, #breakout .list .item {
    margin-bottom: 20px; }
    @media only screen and (max-width: 759px) {
    #agenda .list .item, #breakout .list .item {
      padding-bottom: 20px;
      border-bottom: 1px solid #191b49; } }
    #agenda .list .item > .time, #breakout .list .item > .time, #agenda .list .item > .info, #breakout .list .item > .info {
      display: inline-block;
      vertical-align: top; }
      @media only screen and (max-width: 759px) {
    #agenda .list .item > .time, #breakout .list .item > .time, #agenda .list .item > .info, #breakout .list .item > .info {
      display: block;
      width: auto; } }
    #agenda .list .item.breakout a, #breakout .list .item.breakout a {
      color: black; }
      #agenda .list .item.breakout .tracks, #breakout .list .item.breakout .tracks {
        padding-left: 17px;
        margin-top: 10px;
        margin-bottom: 0; }
      #agenda .list .item.breakout .track a, #breakout .list .item.breakout .track a {
        color: black; }
    #agenda .list .item:last-of-type, #breakout .list .item:last-of-type {
      border-bottom: none; }
    #agenda .list .time, #breakout .list .time {
      width: 40%; }
    @media only screen and (min-width: 760px) and (max-width: 1099px) {
    #agenda .list .time, #breakout .list .time {
      width: 40%; } }
    @media only screen and (max-width: 759px) {
    #agenda .list .time, #breakout .list .time {
      margin-bottom: 5px; } }
    #agenda .list .info, #breakout .list .info {
      width: 60%; }
    @media only screen and (min-width: 760px) and (max-width: 1099px) {
    #agenda .list .info, #breakout .list .info {
      width: 60%; } }
    #agenda .list .title, #breakout .list .title {
      color: black;
      font-weight: bold; }
    @media only screen and (max-width: 759px) {
    #agenda .list .title, #breakout .list .title {
      margin-bottom: 5px; } }
    @media only screen and (max-width: 759px) {
    #agenda .list .speaker, #breakout .list .speaker {
      margin-bottom: 5px; }
      #agenda .list .speaker:last-of-type, #breakout .list .speaker:last-of-type {
        margin-bottom: 0; } }
    #agenda .list .speaker .name, #breakout .list .speaker .name {
      font-weight: normal;
      color: #ee2a7b; }
    #agenda .list .speaker .title, #breakout .list .speaker .title {
      font-weight: normal;
      color: black; }

.pop-up {
  position: fixed;
  display: table;
  z-index: 99;
  background-color: rgba(0,0,0,0.6);
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}

body.cpe #cpe {
  position: static;
  background-color: white;
  width: auto;
  height: auto;
}

.pop-up.hidden {
  display: none;
}

body.cpe #cpe.hidden {
  display: block;
}


.pop-up > .container {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.pop-up > .container .content {
  margin: 0 auto;
  background-color: white /* #e5e4f0 */;
  box-sizing: border-box;
  max-width: 550px;
  padding: 20px;
  position: relative;
}

body.cpe #cpe > .container .content {
  padding: 0;
  max-width: none;
}

.pop-up > .container .content .close {
  position: absolute;
  top: -12px;
  right: -12px;
  background-color: #e5e4f0;
  width: 20px;
  text-align: center;
  font-size: 20px;
  line-height: 5px;
  padding: 5px;
  border-radius: 50%;
  cursor: pointer;
}

body.cpe #cpe > .container .content .close {
  display: none;
}

.pop-up > .container .content .cpe-logo {
  float: left;
  margin-right: 10px;
  margin-bottom: 50px;
  margin-top: 20px;
  width: 180px;
}

.pop-up > .container .content p {
  margin-top: 0;
}

.wrap-section {
  margin-bottom: 50px;
}

.tweet iframe {
  width: 100%;
}

.video {
  margin-bottom: 40px;
}
#videos .video:last-child {
  margin-bottom: 0;
}

.youtube {
  background-position:center;
  background-repeat:no-repeat;
  position:relative;
  overflow:hidden;
  transition:all 200ms ease-out;
  cursor:pointer
}

.youtube .play {
  background: url("data:image/png;base64,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") no-repeat center center;
  background-size:64px 64px;
  position:absolute;
  height:100%;
  width:100%;
  opacity:.5;
  filter:alpha(opacity=50);
  transition:all 0.2s ease-out
}

.youtube .play:hover {
  opacity:1;
  filter:alpha(opacity=100)
}

/* Medium */
@media only screen and (min-width: 760px) and (max-width: 1099px) {
  body {
    width: 700px;
  }
  #information-left {
    width: 450px;
  }
  #information-right {
    width: 200px;
  }
  #speakers .speaker {
    width: 33%;
  }
}

/* Small */
@media only screen and (max-width: 759px) {
  html {
    margin-bottom: 0;
  }
  body {
    width: 100%;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #information-left {
    width: 100%;
    margin-left: 0;
    padding: 10px;
    box-sizing: border-box;
  }
  #information-right {
    width: 100%;
    margin: 0;
    padding: 10px;
    box-sizing: border-box;
  }
  #information-right > a img {
    max-width: 270px;
  }
  #information-right hr:first-of-type {
    display: block;
  }
  .pop-up > .container .content .close {
    top: 0;
    right: 0;
    position: fixed;
  }
  .pop-up > .container .content .cpe-logo {
    float: none;
    display: block;
    margin: 10px auto;
  }
  .pop-up {
    position: absolute;
    bottom: 0;
    height: 100%;
    table-layout: fixed;
  }
  #speakers .speaker {
    width: 50%;
  }
}