body, html{font-family: Sora; background: #fafafa; color:#666;}

/* ! Base */

h1{display: none;}
h2{font-size: 50px; color:#153f9d;}
h3{font-size: 40px;}
h4{font-size: 30px;}

a{color:#153f9d; text-decoration: none;}
p{line-height: 28px; font-size: 16px; margin:0 0 10px 0;}
ul{list-style-type: none;padding: 0;}


/* ! Buttons */


button {-webkit-appearance: button; padding: 10px; margin-left: -4px; background-color: #f5b700; color: #153f9d; outline-offset: 0px; border: none;}
select{-webkit-appearance: textfield; outline-offset: 0px; border: none; background-color: #eee; color:#777; padding: 6px; margin: 0px; border-radius: 0px;width: 70%;}
[type=search] {-webkit-appearance: textfield; outline-offset: 0px; border: none; background-color: #eee; padding: 10px; margin: 0px; border-radius: 0px;width: 70%;}
.button{padding: 20px 40px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; display: inline-block; cursor: pointer; color: #153f9d;}
.button--yellow{background-color: #f5b700;}


/* ! Header */

.header{background: #fff; position: fixed; width: 100%; top:0;z-index: 999;height: auto;}

.header__navbar{margin:0px auto; display: flex;justify-content: space-between; align-content: center;padding: 20px;}
.header__navbar__logo,
.header__navbar__cta{display:flex; align-items: center;}
.header__navbar__logo img{max-width: 80%;}


/* ! Hero */

.hero{width: 100%; background: #153F9D;}
.hero__content{max-width: 1300px;margin: 0px auto; display:flex; justify-content:space-between; align-items:baseline; padding: 200px 40px;}
.hero__content h2{color: #fff; max-width: 800px;}
.hero__content__title{flex-basis:85%;}
.hero__content__print{font-size: 14px;line-height: normal; text-transform: capitalize; text-align: left; padding: 20px; margin: 0px 20px; display: flex; align-self: baseline; flex-basis: 25%; hyphens:auto;}
.hero__content__print--back{margin-right:0px; margin-bottom: 0px;padding-bottom: 0px;}
.hero__content__print a{color:#fff;}

.hero--bio{background-color:#fff;}
.hero__content--bio{padding: 200px 40px 100px 40px;display: flow-root;}
.hero__content--bio h2,
.hero__content--bio p,
.hero__content--bio a{mix-blend-mode: difference; opacity: 0.5;}
.hero__content--bio h2,
.hero__content--bio h3
{max-width: 100%; font-size: 50px; padding: 0px 20px; margin:0px 20px;}

.hero__content--inner{padding: 200px 40px 100px 40px;display: flow-root;}
.hero__content--inner h2{color: #fff; max-width: 100%; font-size: 50px; padding: 0px 20px; margin:0px 20px;}
.hero__content--single{flex-wrap: wrap; justify-content: flex-start; align-items: baseline;}
.hero__content--single h2{color:#666!important; max-width: 100%; font-size: 50px;}


/* ! Leganda */

.legenda{width: 100%;margin-top:-80px;z-index: 10;}
.legenda__content{max-width: 1300px;margin: 0px auto; display:flex; justify-content:space-between; align-items:baseline; padding:60px;background-color: #fff;}
.legenda__content__topic{flex-basis: 75%;}
.legenda__content__topic h4{margin:0; padding:20px 0px!important;margin-left:-15px;}
.legenda__content__topic ul{margin-right:40px;}
.legenda__content__topic ul li{display: flex; padding:0 0 20px 0; line-height: 1.5; margin-left:-15px;}

.legenda__content__info{flex-basis: 25%; align-self:flex-end;}
.legenda__content__info__link ul li {display:block; padding:0px 0px 15px 0px;}

label{display: block; margin: 20px 0px 10px 0px;}

.code-1::before{content:' '; display: inline-table; width:25px; height:25px; background-color:#DF8500;margin-right: 10px;border-radius: 100%;margin-bottom: -6px;}
.code-2::before{content:' '; display: inline-table; width:25px; height:25px; background-color:#F5B700;margin-right: 10px;border-radius: 100%;margin-bottom: -6px;}
.code-3::before{content:' '; display: inline-table; width:25px; height:25px; background-color:#FEE291;margin-right: 10px;border-radius: 100%;margin-bottom: -6px;}
.code-4::before{content:' '; display: inline-table; width:25px; height:25px; background-color:#00A099;margin-right: 10px;border-radius: 100%;margin-bottom: -6px;}
.code-5::before{content:' '; display: inline-table; width:25px; height:25px; background-color:#82C9BB;margin-right: 10px;border-radius: 100%;margin-bottom: -6px;}
.code-6::before{content:' '; display: inline-table; width:25px; height:25px; background-color:#B9DFD1;margin-right: 10px;border-radius: 100%;margin-bottom: -6px;} 
.code-7::before{content:' '; display: inline-table; width:25px; height:25px; background-color:#869BCA;margin-right: 10px;border-radius: 100%;margin-bottom: -6px;} 

/* ! Day Title */

.day-title{width: 100%;}
.day-title__content{max-width: 1300px; padding: 100px 40px; margin: 0px auto;}




/* ! Grid */
.container{width: 100%; height: 100%;}

.grid{width: 100%; max-width: 1300px; margin: 0px auto; overflow: hidden;}
.grid--single{width: 100%; max-width: 1300px; margin: 0px auto; overflow:visible;}
.grid__content{display:flex; justify-content:space-between; align-items:stretch; /*width: 100%*/; flex-wrap: nowrap; margin-right: 40px;}
.grid__content__time{padding:40px;font-weight:900;align-self: center;flex-basis: 15%;}
.grid__content__post{flex-basis: 0%; flex-grow: 1; padding: 20px; -webkit-box-shadow: 0px 2px 15px 1px #ccc; box-shadow: 0px 2px 15px 1px #ccc; border-radius: 0px;margin: 20px 0px;}
.grid__content__post h4{font-size: 18px;font-weight: 900;margin-bottom:10px;hyphens: auto;}

.time {width: 15%; padding:20px 30px 0px 0px; display: inline;}
.grid__post__time{font-size: 16px; font-weight:900;margin: 0px;}

.code{background-color: #fff;}
.code--0{background-color: #ABCDEE;}
.code--1{background-color: #DF8500;}
.code--2{background-color: #F5B700;}
.code--3{background-color: #FEE291;}
.code--4{background-color: #00A099; color:#fff!important;}
.code--4 a{color:#fff!important;}
.code--5{background-color: #82C9BB;}
.code--6{background-color: #B9DFD1; color:#fff!important;}
.code--6 a{color:#fff!important;}
.code--7{background-color: #869BCA;}

/* ! Card */

.card__content{margin: 100px 40px 60px 40px;box-shadow: 0px 2px 15px 1px #ccc;background-color: #fff;}

.card__content__title{display: flex; flex-wrap: wrap; justify-content: space-between;/*align-items: center*/; padding: 40px;}
.card__content__info{flex-basis: 30%;}
.card__content__info p{font-weight: 700;color:#888;}
.card__content__info span{font-weight: 700;color:#333;}
.card__content__title h4{flex-basis:65%;}

.card__content__info--single{padding: 0px 20px;margin: 20px 20px 0px;}

.card__content__description{margin:40px 0px; padding:0px 40px 40px;}
.card__content__description--single{margin:-140px 0px 40px 0px; padding:40px 40px 40px;}

.card__content__moderator,
.card__content__presenters
{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: top; /* margin: 40px 0px;*/}

.card--bio{margin-top:-180px;}
.topic--bio{cursor: pointer;alignment-adjust: right;border: 2px solid #fff;padding: 10px;margin: 20px 0px;display: inline-block;color: #fff;}
.card__content__moderator--bio{display: flex;flex-wrap: wrap;}

.card__content__moderator__item,
.card__content__presenters__item{display: flex; flex-wrap: nowrap; flex-basis: 45%; align-items: flex-start; margin: 30px 0px;}

.card__content__moderator--bio img,
.card__content__presenters--bio img {flex-basis: 20%; object-fit: cover; max-width: 100px; height: 120px;}

.award{color:#00a099;font-weight: 700;}
.award i{color:#00a099;}

.thumbnail{width: 150px; height: 120px; margin-right:0px; flex-basis:10%; padding:20px; background-color: rgba(0,160,153,0.4);}
.thumbnail img{width: 120px;height: 150px; object-fit: cover;margin: -10px;}

.description__title,
.moderator__title,
.presenters__title{margin:40px 0px 0px;}

.description__title,
.moderator__title,
.presenters__title span{font-weight: 700;}

.description__session{padding:40px 0px 0px;}
.description__session__title{font-weight: 700;}

.moderator__item__info,
.presenters__item__info{padding: 0px 20px;}
.moderator__item__info p>a,
.presenters__item__info p>a{font-weight: 700; text-transform: uppercase;}
.presenters_item__link{font-size: 14px;line-height: 21px;color:#00a099;}
.presenters_item__link:before {content: ' '; background-color: #00a099; height: 10px; width: 10px; display: inline-block; clip-path: polygon(100% 50%, 0 0, 0 100%); margin: 0px 5px 0px 0px;}

.moderator__title--bio{font-weight: 700; text-transform: uppercase;}
.moderator__item__info--bio{flex-basis: 80%; padding: 0px 20px 20px 20px; min-height: 200px;}
.moderator__item__info--disclaimer{flex-basis: 100%; padding: 10px 0px 0px 0px; font-style: 8px; border-top: 1px solid #333;}
.moderator__item__info--disclaimer em{font-size: 10px!important; opacity: 0.7; line-height:18px;}

/* !Footer */

.footer{width: 100%;text-align: center; background-color: #fff; padding: 30px 0px; border-top: 1px solid #000; margin-top:10px;}
.footer p{max-width: 1300px;margin:0px auto;font-size: 12px;line-height: 1.5;padding:0px 20px;}


/* -------------------------------------------------------------------------------- */
/* ! Tablet */
/* -------------------------------------------------------------------------------- */

@media (max-width: 1024px ) {

  /* ! Base */
  button {margin-left: 0px;}
  select{width: 100%;}
  [type=search] {width: 100%;}

  /* ! Hero */

  .hero__content {display: flow-root; padding: 150px 50px 150px 50px;}
  .hero__content--inner{padding: 200px 50px 100px 50px;}
  .hero__content--inner h2{margin: 0px; padding: 0px;}
  .hero__content--bio h2,
  .hero__content--bio h3{ font-size: 30px; margin: 0px; padding: 0px;}
  .hero__content__print {padding: 20px 0px 0px 0px; margin: 20px 0px 0px 0px;}

  /* ! Card */

  .card__content{margin: 100px 40px 60px 40px;box-shadow: 0px 2px 15px 1px #ccc;background-color: #fff;}

  .card__content__title{display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: column-reverse; padding: 40px;}
  .card__content__info{flex-basis: 30%;}
  .card__content__info--single { align-self: start; text-align: start; padding: 0px; margin: 40px 0px 0px 0px;}
  .card__content__info p{font-weight: 700;color:#888;}
  .card__content__info span{font-weight: 700;color:#333;}
  .card__content__title h4{flex-basis:65%; margin-bottom: 20px;}

  .card__content__description{margin:40px 0px; padding:0px 40px 40px;}

  .card__content__moderator,
  .card__content__presenters
  {margin: 0px}
  .card__content__moderator__item,
  .card__content__presenters__item{flex-basis: 100%;margin-top: 40px;}

  .description__session{padding: 0px;}

  .description__title,
  .moderator__title,
  .presenters__title{margin:40px 0px 0px 0px;}

  .description__title,
  .moderator__title,
  .presenters__title span{font-weight: 700;}

  .moderator__item__info,
  .presenters__item__info{padding: 0px 20px;}
  .moderator__item__info p>a,
  .presenters__item__info p>a{font-weight: 700; text-transform: uppercase;}

}

/* -------------------------------------------------------------------------------- */
/* ! Smartphone */
/* -------------------------------------------------------------------------------- */

@media (max-width: 767px ) {

  /* ! Base */

  p{line-height: 22px; font-size: 14px;}

  /* ! Header */

  .header{}

  .header__logo{}
  .header__banner img{}

  /* ! Hero */

  .hero{}
    .hero__content--bio{padding:200px 40px 100px 40px;}
    .hero__content{width: 100%; flex-wrap: wrap; padding: 150px 40px 100px 40px;}
    .hero h2{font-size: 40px;}

    .hero__content--bio h2,
    .hero__content--bio h3{ font-size: 30px; margin: 0px; padding: 0px;}

    .hero__content__print{padding: 0px; display: flex; margin: 20px 0px 20px 0px; flex-basis: 50%; font-size: 12px;}
    .hero__content__print--back{margin:20px 0px; padding: 0px;}

    .hero__content--inner{padding: 150px 40px 20px 40px;}
    .hero__content--single{padding: 150px 40px 60px 40px;flex-wrap: wrap; justify-content: flex-start; align-items: baseline;}
    .hero__content--single h2{font-size: 30px;margin-bottom: 20px; hyphens: auto; word-break: break-word;}

    /* ! Legenda */

    .legenda__content{flex-wrap: wrap;padding: 50px 40px;}
    .legenda__content__topic{flex-basis:100%;}
    .legenda__content__topic h4 { margin: 0px; padding: 0px 0px 20px 0px!important; margin-left: 0px;font-size: 24px;}
    .legenda__content__topic ul{margin-right: 0px;}
    .legenda__content__topic ul li{width: 100%; font-size: 14px; display: flex; margin-left: -5px;}
    .legenda__content__info{flex-basis: 100%;}


    .code-1::before{content:' '; display: inline-table; width:20px; height:20px; background-color:#CDE7D0;margin-right: 10px; border-radius: 100%;margin-bottom: -6px;}
    .code-2::before{content:' '; display: inline-table; width:20px; height:20px; background-color:#FDC689;margin-right: 10px; border-radius: 100%;margin-bottom: -6px;}
    .code-3::before{content:' '; display: inline-table; width:20px; height:20px; background-color:#BBB7DA;margin-right: 10px; border-radius: 100%;margin-bottom: -6px;}
    .code-4::before{content:' '; display: inline-table; width:20px; height:20px; background-color:#FFF8AE;margin-right: 10px; border-radius: 100%;margin-bottom: -6px;}
    .code-5::before{content:' '; display: inline-table; width:20px; height:20px; background-color:#FBE3F0;margin-right: 10px; border-radius: 100%;margin-bottom: -6px;}
    .code-6::before{content:' '; display: inline-table; width:20px; height:20px; background-color:#245BA9;margin-right: 10px; border-radius: 100%;margin-bottom: -6px;}


    /* ! Day Title */

    .day-title__content{padding: 20px 0px;margin:40px 0px;}
    .day-title__content h3{ font-size: 28px; line-height: normal;}

    /* ! Grid */

    .container{padding:0px 40px}

    /* ! Grid */

    .grid__content{flex-wrap: wrap; margin-right: 0px;}
    .grid__content__time{flex-basis:100%; padding: 0px;}
    .grid__content__post{flex-basis: 100%; margin: 0px 0px 20px 0px}
    .time{width: 100%;margin:0px 0px 20px 20px;}



    /* ! Card */

    .card__content{margin: 40px 0px;}

    .card--bio{margin-top:-120px;}
    .card__content__title{padding: 20px;}
    .card__content__info{flex-basis: 100%}
    .card__content__info p{font-size:14px; line-height: normal;}
    .card__content__info--single{text-align: start !important;}
    .card__content__title h4{flex-basis:100%; font-size:21px;}

    .card__content__description{margin:20px 0px; padding:0px 20px 40px;}
    .card__content__description--single{margin:-100px 0px 40px 0px;}
    .card__content__moderator,
    .card__content__presenters
    {margin: 0px;}
    .card__content__moderator__item,
    .card__content__presenters__item{flex-wrap: wrap; flex-basis:100%; padding-top:20px;margin-top: 0px;margin-bottom: 0px;}

    .description__title,
    .moderator__title,
    .presenters__title{margin:20px 0px;}

    .moderator__item__info,
    .presenters__item__info{padding: 20px 0px;}

    .moderator__item__info--bio{flex-basis: 100%; padding: 20px 0px;}

    .thumbnail{margin-bottom: 30px;}

    .topic--bio{margin:0px;}

  }

  /* ! Helpers */

  /* .pt{padding-top: 40px;} */

  /* ! Box Sizing */

  *,
  *:before,
  *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  *{padding: 0;margin: 0;}