/*
 * homepage
 */
/**
 * modules/variables
 * ---
 */
/*------------------------------------*\
   COLORS
\*------------------------------------*/
/*------------------------------------*\
    DIMENSIONS
\*------------------------------------*/
/**
 * modules/mixins
 * ---
 */
/**
 * modules/fonts
 * ---
 * Declare fonts here
 */
/* lato-100 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local("Lato Hairline"), local("Lato-Hairline"), url("/wp-content/themes/northeastern/.fonts/lato-v14-latin-100.woff") format("woff"), url("/wp-content/themes/northeastern/.fonts/lato-v14-latin-100.ttf") format("truetype");
  /* Safari, Android, iOS */ }

/* lato-100italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 100;
  src: local("Lato Hairline Italic"), local("Lato-HairlineItalic"), url("/wp-content/themes/northeastern/.fonts/lato-v14-latin-100italic.woff") format("woff"), url("/wp-content/themes/northeastern/.fonts/lato-v14-latin-100italic.ttf") format("truetype");
  /* Safari, Android, iOS */ }

/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local("Lato Light"), local("Lato-Light"), url("/wp-content/themes/northeastern/.fonts/lato-v14-latin-300.woff") format("woff"), url("/wp-content/themes/northeastern/.fonts/lato-v14-latin-300.ttf") format("truetype");
  /* Safari, Android, iOS */ }

/* lato-300italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: local("Lato Light Italic"), local("Lato-LightItalic"), url("/wp-content/themes/northeastern/.fonts/lato-v14-latin-300italic.woff") format("woff"), url("/wp-content/themes/northeastern/.fonts/lato-v14-latin-300italic.ttf") format("truetype");
  /* Safari, Android, iOS */ }

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"), local("Lato-Regular"), url("/wp-content/themes/northeastern/.fonts/lato-v14-latin-regular.woff") format("woff"), url("/wp-content/themes/northeastern/.fonts/lato-v14-latin-regular.ttf") format("truetype");
  /* Safari, Android, iOS */ }

/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local("Lato Italic"), local("Lato-Italic"), url("/wp-content/themes/northeastern/.fonts/lato-v14-latin-italic.woff") format("woff"), url("/wp-content/themes/northeastern/.fonts/lato-v14-latin-italic.ttf") format("truetype");
  /* Safari, Android, iOS */ }

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local("Lato Bold"), local("Lato-Bold"), url("/wp-content/themes/northeastern/.fonts/lato-v14-latin-700.woff") format("woff"), url("/wp-content/themes/northeastern/.fonts/lato-v14-latin-700.ttf") format("truetype");
  /* Safari, Android, iOS */ }

/* lato-700italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local("Lato Bold Italic"), local("Lato-BoldItalic"), url("/wp-content/themes/northeastern/.fonts/lato-v14-latin-700italic.woff") format("woff"), url("/wp-content/themes/northeastern/.fonts/lato-v14-latin-700italic.ttf") format("truetype");
  /* Safari, Android, iOS */ }

/* lato-900 - latin */
/* lato-900italic - latin */
body.summary section.introduction {
  width: 50vw; }
  body.summary section.introduction > p,
  body.summary section.introduction > p > a {
    font-size: 2.4rem;
    line-height: 3.2rem;
    text-align: center; }
    body.summary section.introduction > p > strong,
    body.summary section.introduction > p > strong > a,
    body.summary section.introduction > p > a > strong,
    body.summary section.introduction > p > a > strong > a {
      font-size: 2.4rem;
      line-height: 3.2rem;
      font-weight: 700; }
  body.summary section.introduction > p:last-of-type {
    margin: 0 auto 0 auto; }
  @media only screen and (max-width: 1280px) {
    body.summary section.introduction {
      width: 80vw; }
      body.summary section.introduction > p,
      body.summary section.introduction > p > a {
        font-size: 2rem;
        line-height: 3.2rem; }
        body.summary section.introduction > p > strong,
        body.summary section.introduction > p > strong > a,
        body.summary section.introduction > p > a > strong,
        body.summary section.introduction > p > a > strong > a {
          font-size: 2rem;
          line-height: 3.2rem; } }

body.summary section.sessions {
  width: 80vw; }
  body.summary section.sessions > article.session {
    position: relative;
    width: 80vw;
    padding: 2vw 0 0 0;
    margin: 0 auto 60px auto; }
    body.summary section.sessions > article.session.blue > div.people > div > ul > li > div.speaker {
      border: solid #006eb5 2px; }
    body.summary section.sessions > article.session.green > div.people > div > ul > li > div.speaker {
      border: solid #00cfb5 2px; }
    body.summary section.sessions > article.session.orange > div.people > div > ul > li > div.speaker {
      border: solid #ff854f 2px; }
    body.summary section.sessions > article.session.red > div.people > div > ul > li > div.speaker {
      border: solid #930000 2px; }
      body.summary section.sessions > article.session.purple > div.people > div > ul > li > div.speaker {
        border: solid #61014f 2px; }
    body.summary section.sessions > article.session > div.details {
      position: absolute;
      width: 30vw;
      height: auto;
      box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.17);
      background: black;
      background-position: center center !important;
      background-repeat: no-repeat !important;
      background-size: cover !important;
      top: 0;
      left: 0; }
      body.summary section.sessions > article.session > div.details > div {
        margin: 60px 60px 60px 60px;
        min-height: 250px;
        color: white; }
        body.summary section.sessions > article.session > div.details > div > div.date {
          font-size: 1.4rem;
          line-height: 2.4rem;
          font-weight: 700;
          letter-spacing: 1px;
          background: rgba(0, 0, 0, 0.7);
          display: inline-block;
          padding: 5px 30px 5px 30px;
          text-transform: uppercase;
          margin: 0 auto 30px auto; }
        body.summary section.sessions > article.session > div.details > div > h3 {
          font-size: 3.4rem;
          line-height: 4.8rem;
          font-weight: 700;
          margin: 0 auto 30px auto;
          width: 100%; }
        body.summary section.sessions > article.session > div.details > div p {
          font-size: 2rem;
          line-height: 3.2rem;
          margin: 0 auto 30px auto; }
          body.summary section.sessions > article.session > div.details > div p > a {
            font-size: 2rem;
            line-height: 3.2rem;
            color: white;
            text-decoration: underline; }
            body.summary section.sessions > article.session > div.details > div p > a:hover {
              border: none;
              text-decoration: none; }
        body.summary section.sessions > article.session > div.details > div.dark {
          color: black; }
          body.summary section.sessions > article.session > div.details > div.dark > div.overview p {
            font-size: 2rem;
            line-height: 3.2rem;
            margin: 0 auto 30px auto; }
            body.summary section.sessions > article.session > div.details > div.dark > div.overview p > a {
              font-size: 2rem;
              line-height: 3.2rem;
              color: black;
              text-decoration: underline; }
              body.summary section.sessions > article.session > div.details > div.dark > div.overview p > a:hover {
                border: none;
                text-decoration: none; }
          body.summary section.sessions > article.session > div.details > div.dark > div.date {
            color: white; }
          body.summary section.sessions > article.session > div.details > div.dark > div.location > p > a {
            color: black; }
        body.summary section.sessions > article.session > div.details > div > div.location > p {
          margin: 0 auto 0 auto; }
          body.summary section.sessions > article.session > div.details > div > div.location > p > a {
            font-size: 2rem;
            line-height: 3.2rem;
            color: white;
            border: none; }
            body.summary section.sessions > article.session > div.details > div > div.location > p > a:hover, body.summary section.sessions > article.session > div.details > div > div.location > p > a:focus, body.summary section.sessions > article.session > div.details > div > div.location > p > a:active {
              text-decoration: underline; }
    body.summary section.sessions > article.session > div.people {
      background: rgba(0, 0, 0, 0.8);
      overflow: hidden;
      min-height: 550px;
      width: 72vw;
      margin: 0 auto 0 8vw;
      padding: 60px 0 0 0; }
      body.summary section.sessions > article.session > div.people > div {
        width: 34vw;
        min-height: 250px;
        margin: 0 8vw 0 auto; }
        body.summary section.sessions > article.session > div.people > div > h3 {
          font-size: 3.4rem;
          line-height: 4.8rem;
          font-weight: 700;
          line-height: 3.4rem;
          margin: 0 auto 30px auto;
          width: 100%;
          clear: both;
          color: white; }
        body.summary section.sessions > article.session > div.people > div ul {
          width: 34vw;
          margin: 0 auto 0 auto; }
          body.summary section.sessions > article.session > div.people > div ul > li {
            width: 16vw;
            height: auto;
            float: left; }
            body.summary section.sessions > article.session > div.people > div ul > li > div.image {
              height: 16vw;
              background: black; }
            body.summary section.sessions > article.session > div.people > div ul > li p {
              margin: 0 0 20px 0; }
              body.summary section.sessions > article.session > div.people > div ul > li p > span {
                display: block; }
            body.summary section.sessions > article.session > div.people > div ul > li:nth-child(n+1) {
              margin: 0 2vw 2vw 0; }
            body.summary section.sessions > article.session > div.people > div ul > li:nth-child(2n) {
              margin: 0 0 2vw 0; }
        body.summary section.sessions > article.session > div.people > div > ul {
          overflow: hidden; }
          body.summary section.sessions > article.session > div.people > div > ul > li > div.image {
            background: black;
            background-position: center center !important;
            background-repeat: no-repeat !important;
            background-size: cover !important;
            margin: 0 0 5px 0; }
          body.summary section.sessions > article.session > div.people > div > ul > li > h4,
          body.summary section.sessions > article.session > div.people > div > ul > li > p {
            font-size: 1.4rem;
            line-height: 2.4rem;
            color: white;
            margin: 0 auto 0 auto; }
          body.summary section.sessions > article.session > div.people > div > ul > li > h4 {
            font-weight: 700;
            letter-spacing: 1px; }
          body.summary section.sessions > article.session > div.people > div > ul:last-of-type {
            margin: 0 auto 30px auto; }
  @media only screen and (max-width: 1400px) {
    body.summary section.sessions > article.session > div.details {
      width: 40vw; }
    body.summary section.sessions > article.session > div.people {
      width: 76vw;
      margin: 0 auto 0 4vw; }
      body.summary section.sessions > article.session > div.people > div {
        width: 32vw;
        margin: 0 4vw 0 auto; }
        body.summary section.sessions > article.session > div.people > div ul {
          width: 32vw;
          margin: 0 auto 0 auto; }
          body.summary section.sessions > article.session > div.people > div ul > li {
            width: 15vw;
            height: auto;
            float: left; }
            body.summary section.sessions > article.session > div.people > div ul > li > div.image {
              height: 15vw;
              background: black; }
            body.summary section.sessions > article.session > div.people > div ul > li p {
              margin: 0 0 20px 0; }
              body.summary section.sessions > article.session > div.people > div ul > li p > span {
                display: block; }
            body.summary section.sessions > article.session > div.people > div ul > li:nth-child(n+1) {
              margin: 0 2vw 2vw 0; }
            body.summary section.sessions > article.session > div.people > div ul > li:nth-child(2n) {
              margin: 0 0 2vw 0; } }
  @media only screen and (max-width: 1280px) {
    body.summary section.sessions > article.session > div.details > div > h3 {
      font-size: 2.4rem;
      line-height: 3.2rem; }
    body.summary section.sessions > article.session > div.details > div p {
      font-size: 1.6rem;
      line-height: 2.6rem; }
    body.summary section.sessions > article.session > div.details > div > div.location > p > a {
      font-size: 1.6rem;
      line-height: 2.6rem; }
    body.summary section.sessions > article.session > div.people {
      width: 76vw;
      margin: 0 auto 0 4vw; }
      body.summary section.sessions > article.session > div.people > div {
        width: 32vw;
        margin: 0 4vw 0 auto; }
        body.summary section.sessions > article.session > div.people > div > h3 {
          font-size: 2.4rem;
          line-height: 3.2rem; } }
  @media only screen and (max-width: 1080px) {
    body.summary section.sessions > article.session > div.people > div ul {
      width: 32vw;
      margin: 0 auto 0 auto; }
      body.summary section.sessions > article.session > div.people > div ul > li {
        width: 32vw;
        height: auto;
        float: left; }
        body.summary section.sessions > article.session > div.people > div ul > li > div.image {
          height: 32vw;
          background: black; }
        body.summary section.sessions > article.session > div.people > div ul > li p {
          margin: 0 0 20px 0; }
          body.summary section.sessions > article.session > div.people > div ul > li p > span {
            display: block; }
        body.summary section.sessions > article.session > div.people > div ul > li:nth-child(n+1) {
          margin: 0 2vw 2vw 0; }
        body.summary section.sessions > article.session > div.people > div ul > li:nth-child(1n) {
          margin: 0 0 2vw 0; } }
  @media only screen and (max-width: 960px) {
    body.summary section.sessions {
      width: 80vw; }
      body.summary section.sessions > article.session > div.details {
        position: relative;
        overflow: hidden;
        width: 80vw;
        box-shadow: none; }
        body.summary section.sessions > article.session > div.details > div {
          margin: 5vw 5vw 5vw 5vw; }
          body.summary section.sessions > article.session > div.details > div > div.date {
            padding: 5px 2vw 5px 2vw; }
          body.summary section.sessions > article.session > div.details > div > h3 {
            font-size: 2rem;
            line-height: 3.2rem; }
      body.summary section.sessions > article.session > div.people {
        width: 80vw;
        margin: 0 auto 0 auto; }
        body.summary section.sessions > article.session > div.people > div {
          width: 70vw;
          margin: 0 auto 0 auto; }
          body.summary section.sessions > article.session > div.people > div > h3 {
            font-size: 2rem;
            line-height: 3.2rem; }
          body.summary section.sessions > article.session > div.people > div ul {
            width: 70vw;
            margin: 0 auto 0 auto; }
            body.summary section.sessions > article.session > div.people > div ul > li {
              width: 32.5vw;
              height: auto;
              float: left; }
              body.summary section.sessions > article.session > div.people > div ul > li > div.image {
                height: 32.5vw;
                background: black; }
              body.summary section.sessions > article.session > div.people > div ul > li p {
                margin: 0 0 20px 0; }
                body.summary section.sessions > article.session > div.people > div ul > li p > span {
                  display: block; }
              body.summary section.sessions > article.session > div.people > div ul > li:nth-child(n+1) {
                margin: 0 5vw 5vw 0; }
              body.summary section.sessions > article.session > div.people > div ul > li:nth-child(2n) {
                margin: 0 0 5vw 0; } }
  @media only screen and (max-width: 600px) {
    body.summary section.sessions {
      width: 100%; }
      body.summary section.sessions > article.session {
        width: 100%; }
        body.summary section.sessions > article.session > div.details {
          position: relative;
          overflow: hidden;
          width: 100%;
          box-shadow: none; }
          body.summary section.sessions > article.session > div.details > div {
            margin: 5vw 5vw 5vw 5vw; }
        body.summary section.sessions > article.session > div.people {
          width: 100%;
          margin: 0 auto 0 auto; }
          body.summary section.sessions > article.session > div.people > div {
            width: 86vw;
            margin: 0 auto 0 auto; }
            body.summary section.sessions > article.session > div.people > div ul {
              width: 86vw;
              margin: 0 auto 0 auto; }
              body.summary section.sessions > article.session > div.people > div ul > li {
                width: 86vw;
                height: auto;
                float: left; }
                body.summary section.sessions > article.session > div.people > div ul > li > div.image {
                  height: 86vw;
                  background: black; }
                body.summary section.sessions > article.session > div.people > div ul > li p {
                  margin: 0 0 20px 0; }
                  body.summary section.sessions > article.session > div.people > div ul > li p > span {
                    display: block; }
                body.summary section.sessions > article.session > div.people > div ul > li:nth-child(n+1) {
                  margin: 0 2vw 2vw 0; }
                body.summary section.sessions > article.session > div.people > div ul > li:nth-child(1n) {
                  margin: 0 0 2vw 0; } }
