/* PAGE SPECIFIC */

h2.content-name {
 display:none;
}

.span16.tablet16.mobile16.column {
 background-color: white;
}

.module-header {
 display:none;
}
.column {
 padding-left: 0px;
 padding-right: 0px;
}

.span16.tablet16.mobile16.column .sheet {
 padding: 0px;
}

/* HERO */

.main {
    overflow: hidden;
}

.img-circle {
    border-radius: 50%;
}

.speaker-img {
    border-radius: 50%;
    width: 160px;
    height: 160px;
    background: transparent;
    padding: 20px;
    border: 1px solid rgba(128, 128, 128, .5);
    overflow:hidden;
}

@media screen and (min-width: 769px){
 #banner .matrix-itemFluid.speaker-circle {
   padding:0;
 }
}

@media screen and (min-width: 769px){
 .span16 .mediumMatrix .matrix-itemFluid.speaker-circle {
  width: 33.3333%
 }
}

ul#banner ul.matrix.smallMatrix.row {
    margin-bottom: 0px;
}

ul#banner li {
 list-style: none;
 list-style-type: none;
 padding-top: 50px;
 padding-bottom:20px;
 margin:0;
 font-family: "MontSerrat";
}

#banner li h1, h2 {
 text-transform: uppercase;
 font-weight: bold;
}

#banner li h1 {
 font-size: 48px;
}

#banner li h2 {
 font-size: 15px;
 color: #51CAAF;
 padding-top: 20px;
 padding-bottom: 20px;
}

#banner li h4 {
 font-size: 16px;
}

#banner li h1 span {
 color: #51CAAF;
}

#banner li h4.quote {
padding-bottom:15px;
background-image:url(https://api.ning.com/files/QCp*xat*kQ3tNqBDyPO*cjIxMJSNF5Ps8z5qvM9wRdoSi4qeeCGJn3XuyEa0JM4ICD8RTkVkTDu70la8SDsTMmPPR3BS8BPF/ribbon.png);
background-repeat: no-repeat;
background-position: center bottom;
}

h4.center-text {
 text-align: center;
 background:none;
}


#banner li h5 {
text-transform: uppercase;
font-size: 18px;
font-weight: bold;
text-align:center; 
padding-top: 15px;
padding-top: 15px;
}

.register-center {
 width: 100%;
}

a.register {
 font-weight: bold;
 letter-spacing: 1px;
 width: 100%;
}

@media (max-width:961px)  { 
 li.matrix-itemFluid.speaker-circles {
   display:none;
 }
 ul#banner li {
   padding-bottom: 50px;
   padding-left:5%;
   padding-right:5%;
   width: 90%;
 }
 ul#banner li h1 {
   font-size: 30px;
 }
}

/* HERO BANNER */

.span16.tablet16.mobile16.column > div:nth-child(1) {
 background-image:url(https://api.ning.com/files/PG2F6G76DOlbDrttF1sTemx4b5dH-lQ*ck5UqfUPOLG7aH-0XOirBQm8ecy1StfpiAXtV61hZaD5omA9oBU1gCAsTLnctUwy/summitbg.jpg);
 background-repeat: no-repeat;
 background-size: cover;
 min-height: 500px;
 color: #fff;
 background-color: #fff;
-webkit-clip-path: polygon(0 0, 100% 0%, 100% 90%, 0% 100%);
clip-path: polygon(0 0, 100% 0%, 100% 90%, 0% 100%);
}

/* OPENING CONTENT */

.span16.tablet16.mobile16.column > div:nth-child(2) {
 min-height: 150px;
}

.span16.tablet16.mobile16.column > div:nth-child(3) {
 min-height: 150px;
 color: #fff;
 background-color: #51CAAF;
-webkit-clip-path: polygon(0 30%, 100% 0%, 100% 100%, 0% 100%);
clip-path: polygon(0 30%, 100% 0%, 100% 100%, 0% 100%);
 padding-top: 100px;
}

/* STAT BOX */

.span16.tablet16.mobile16.column > div:nth-child(9), /* Analytics Challenge */
.span16.tablet16.mobile16.column > div:nth-child(15),
.span16.tablet16.mobile16.column > div:nth-child(16) /* Statistics (Moved) */
{
 margin-top: -33px;
}

.span16.tablet16.mobile16.column > div:nth-child(6), 
.span16.tablet16.mobile16.column > div:nth-child(9),
.span16.tablet16.mobile16.column > div:nth-child(11) {
 padding-left: 0px;
 padding-right: 0px;
}

.span16.tablet16.mobile16.column > div:nth-child(8) {
 padding-bottom: 0px;
}

.span16.tablet16.mobile16.column > div:nth-child(11) {
 background: #f8f8f8;
 margin-bottom: 55px;
 margin-top: -33px;
 padding-top: 30px;
}

.span16.tablet16.mobile16.column > div:nth-child(12) {
 /* Remove Sponsor Top Margin */
 margin-top: -20px;
}

div.stats {
 min-height: 100px;
 color: #fff;
 background-color: #3468AF;
 padding: 2% 10%;
 font-family: "Open Sans";
 font-size: 16px;
}

.stats h4.figure {
 font-size: 40px;
}

.stats ul {
 margin-bottom:0;
}

ul#stats, ul.speakers {
    padding-left: 0px !important;
}

.stats ul li {
 list-style: none;
 list-style-type: none;
 text-align: center;
 padding-bottom:20px;
 margin:0;
}

/* CALL FOR SPEAKERS */

div.speaker-box {
 min-height: 100px;
 color: #fff;
 background-color: #703EBA;
 padding: 2% 10%;
 font-family: "Montserrat";
 font-size: 16px;
}

.speaker-box .header {
 text-align: center;
 font-size: 1.3em;
 margin-bottom: 19px;
}

.speaker-box ul li, .speakers ul li {
 list-style: none;
 list-style-type: none;
 padding-bottom:10px;
 margin:0;
 font-size: 18px;
 line-height: 1.5em;
}

.fa-big {
 font-size: 25px;
}

.header-line {
 width: 100%;
 height: 20px;
 text-align: center;
}

span.line {
 border-top: 3px solid #fff;
 margin-top: 20px;
 display: inline-block;
 width: 60px;
}

@media screen and (min-width: 769px) {
  .span16 .mediumMatrix .matrix-itemFluid {
    width: 50%;
    padding: 0 20px
  }
}

/* SPEAKERS */

div.speakers {
 min-height: 100px;
 padding: 0% 5%;
 font-family: "Montserrat";
 font-size: 16px;
}

div.speakers h4 {
 text-transform: uppercase;
 font-size: 17px;
 color: #3366cc;
}

p.title {
 font-size: 12px !important;
 padding-left: 0% !important;
}

ul.speakers li.matrix-itemFluid {
    height: 320px;
}


/* 2017 SUMMIT */

div.summit2017 {
 background-image: url(https://api.ning.com/files/NDUeDq6g1iK7v8XMyAaRbhKUx-eO77uS6RU3PP0EGv1cP*LZZzcj0VSqQTaOj9xtUnKuaKmXrRCUlwDBGIahw7P62R3gyRqx/picsrecord.jpg);
 background-repeat: no-repeat;
 background-size: cover;
 min-height: 350px;
 background-position: center;
 width:100%;
}

div.summit2017 .page-header-white {
 margin-top: 20px;
 font-weight: normal;
}

div.summit2017 .center {
 color: #fff;
 font-size: 18px;
 width: 70%;
 text-align: center;
 line-height: 1.5em;
}

/* SPONSORS */

.span16.tablet16.mobile16.column > div:nth-child(8),
.span16.tablet16.mobile16.column > div:nth-child(12) {
    margin-top: -55px;
}

div.sponsors {
 background-color: #fff;
 background-position: center;
 width:100%;
 padding: 0px 40px;
 padding-bottom: 50px;
 padding-top: 20px;
 margin-top: -18px;  
}

div.sponsors-title {
 background-color: #3366cc; 
}

div.sponsors-title h4 {
 padding-top:20px;
 padding-bottom: 10px;
 font-weight: normal;
 font-size: 40px;
}

hr.separator {
 border: none;
 height: 1px;
 background-color: #51CAAF;
}

div.sponsors h5.header {
 text-transform: uppercase;
 color: #3366cc;
 letter-spacing: 2px;
 font-size: 1.3em;
}

.sponsors ul li {
 list-style: none;
 list-style-type: none;
 padding-bottom:10px;
 margin:0;
}

/* Currently 3 per row */
.span16 .smallMatrix.sponsors .matrix-itemFluid {
    width: 33%;
    text-align: center;
}

@media screen and (max-width: 480px) {
 .span16 .smallMatrix.sponsors .matrix-itemFluid {
  width: 100%;
 }

}

@media screen and (max-width: 769px) and (min-width: 481px) {
 .span16 .smallMatrix.sponsors .matrix-itemFluid {
    width: 100%;
    text-align: center;
 }

}



/* CHALLENGE */

div.challenge {
 background-image: url(https://i.imgur.com/npeAgWX.jpg);
 background-repeat: no-repeat;
 background-size: cover;
 min-height: 320px;
 /* background-position: center -100px; */
 width:100%;
 text-align: center;
}

div.challenge h4 {
 padding-top:20px;
 padding-bottom: 10px;
 font-weight: normal;
 font-size: 40px;
}

div.challenge p {
  font-size: 18px;
  line-height: 1.5em;
  color: #fff;
}

@media screen and (max-width: 769px) and (min-width: 481px) {
 div.challenge h4 {
  font-size: 30px;
 }
 div.challenge p {
  font-size: 14px;
 }
}

@media screen and (max-width: 480px) {
 div.challenge h4 {
  font-size: 30px;
 }
 div.challenge p {
  font-size: 14px;
 }
}



/* SPONSOR BOX */

div.sponsorship {
 background-image: url(https://api.ning.com/files/PG2F6G76DOn8-Wfc-GcT28EguFRhpf3OtgqYjaQE5zX2Ijc072MJRRwPwNKhYCTiqqqbZl-KlHy2Y7COLJ24yIxDceqRQgEq/thecommons.jpg);
 background-repeat: no-repeat;
 background-size: cover;
 min-height: 250px;
 background-position: center;
 width:100%;
}

div.sponsorship h4 {
 padding-top:20px;
 padding-bottom: 10px;
 font-weight: normal;
 font-size: 40px;
}

.center {
 width: 200px;
 height: auto;
 margin: 0 auto;
 position: relative;
}

.center2 {
 width: 300px;
 height: auto;
 margin: 0 auto;
 position: relative;
}


.center-icon {
 padding: 25px 0px;
 width: 50px;
 height: 40px;
 font-size: 45px;
 color: #fff;
 margin: 0 auto;
 position: relative;
}

/* AGENDA */

div.agenda ul {
 padding: 5% 0%;
}

div.agenda ul li {
 list-style: none;
 list-style-type: none;
 padding-bottom:10px;
 margin:0;
 font-size: 16px;
}

@media screen and (min-width: 769px) {
  .span16 .onethirdMatrix .matrix-itemFluid {
    width: 33.33333%;
  }
}

/* HEADER */

.page-header {
   font-family: "Montserrat";
   font-size: 33px; 
   text-align: center;
   font-weight: bold;
   color: #333;
   margin-bottom: 19px;
}

.page-header-white {
   font-family: "Montserrat";
   font-size: 33px; 
   text-align: center;
   font-weight: bold;
   color: #fff;
   margin-bottom: 19px;
}

h3.green-box {
   font-family: "Montserrat";
   font-size: 1.3em; 
   text-align: center;
   font-weight: normal;
   color: #fff;
}

/* CONTENT */

.entry-content p {
   font-family: "Montserrat";
   font-size: 1.1em;
   padding-left: 5%;
   padding-right: 5%;
}

/* WEBFONT */

p.test-font {
   font-family: "Montserrat";
   font-size: 30px; 
   margin-bottom: 20px;
}

/* BUTTON */

.btn {
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 45px;
    border: 5px solid transparent;
    color: #000 !important;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    background-color: #fff21f;
    transition: border-color .3s ease;
    -webkit-transition: border-color .3s ease;
    z-index: 2;
    text-decoration: none;
}

.site-body a.btn:hover {
   text-decoration: none;
   font-weight:bold;
   font-size: 16px;
}

.btn_4 {
   letter-spacing: 1px;
   width: 200px;
}


/* AGENDA TABLE */

caption {
  font-family: "Montserrat";
  color: #333;
  font-size: 33px;
  font-weight: bold;
}

tbody {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

table {
    background: #f8f8f8;
}

table td {
    border-bottom:1px solid #ccc;
}

table td.no-border {
    border-bottom: none;
}

table td.border {
    border-left:3px solid #ccc;
}


span.no-label {
    visibility: hidden;
}

span.end-time {
 color: #aaa;
}

table {
  /* border: 1px solid #ccc; */
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
table caption {
  margin: .5em 0 .75em;
}
table tr {
  background: #f8f8f8;
  /* border: 1px solid #ddd; */
  padding: .35em;
}

.time {
 width:10%;
}
.date {
 width:10%;
}
.agenda {
 width:45%;
}
.speaker {
 width:35%;
 padding-left:10px;
}
br.mobile, span.mobile {
 display:none;
}

tr th {
 visibility:hidden;
}

table th,
table td {
  padding: .625em;
  text-align: center;
}
table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

table tr td:nth-child(1) {
  font-size: 18px;
  font-weight: bold;
}

table tr td:nth-child(2) {
    border-right: 3px solid #ccc;
}

table tr td:nth-child(3), table tr td:nth-child(4) {
    text-align: left;
}


table tr td:nth-child(1), table tr td:nth-child(2) {
    text-align: right;
}

table {
    border-collapse: separate;
    border-spacing: 0 .5em;
}

@media screen and (max-width: 600px) {
  br.mobile, span.mobile {
    display:block;
  }
  span.no-label {
    visibility: visible;
  }
  table tr td:nth-child(1), table tr td:nth-child(2), table tr td:nth-child(3), table tr td:nth-child(4) {
    text-align:left;
    font-size: 14px;
    border-right: none;
  } 
  tr th {
    visibility:visible;	
  }
  table {
    border: 0;
  }
  table caption {
    font-size: 1.3em;
  }
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  table td:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
  }
  table td:last-child {
    border-bottom: 0;
  }
  table td.border {
    border:none;
  }

}

#cu-list-container {
  padding: 0 30px;
}

#cu-list-container > div:nth-child(odd) {
  background-color: #efefef;
}

#cu-list-container > div {
  padding: 10px;
  font-size: 16px;
  border-bottom:1px solid #dddddd;
}

.cu-list-title {
  background-color: #89B451;
  margin: 0px 30px;
  padding: 20px;
}
 
.cu-list-title .page-header-white {
  font-size: 24px; 
  text-align: center;
  font-weight: 500;
  color: #fff;
  margin-bottom: 19px;
}

.cu-list-title .center-icon {
  margin-bottom: 40px;
}

/* WHY SHOULD ATTEND */
.span16.tablet16.mobile16.column > div:nth-child(14),
.span16.tablet16.mobile16.column > div:nth-child(5) {
  background-color: #F5F6FB;
  padding-top: 30px;
  padding-bottom: 30px;
}

ol.list-items li, ul.list-items li {
    line-height: 20px;
    color: #3366cc;
    font-weight: bold;
    padding-left: 10px;
    margin-left: 30px;
    font-family: "Montserrat";
    font-size: 1.1em;
}

h4.hilight {
    line-height: 20px;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 16px;
}

.site-body:not(.footer-new) .entry-content ul.list-items {
    padding-left: 5% !important;
}

ol.list-items li span, ul.list-items li span {
    color: #4e5355;
    font-weight: 300;
}

.entry-content h4.hilight, .entry-content ul.list-items {
   font-family: "Montserrat";
   padding-left: 5%;
   padding-right: 5%;
}

div.host {
  padding-top: 30px;
  background: #F5F6FB;  
}

[data-label="Agenda"] strong {
    font-size: 15px;
}
