/*
Theme Name: Made in the Middle
Theme URI: https://madeinthemiddle.com/
Author: Made in the Middle
Author URI: https://madeinthemiddle.com/
Description:
Version: 1.0.0
License:
License URI:
Tags:
Text Domain: mitm
*/
@viewport {
  zoom: 1.0;
  width: device-width; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  font-size: 100%;
  font: inherit;
  padding: 0;
  border: 0;
  margin: 0; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote::before, blockquote::after, q::before, q::after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

.clear {
  clear: both; }

.test {
  color: blue; }

*, *::before, *::after {
  box-sizing: border-box;
  outline: 0; }

* {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  vertical-align: top; }

.preload * {
  transition: none !important; }

::selection {
  color: white;
  background-color: #231f20; }

html {
  font-size: 17px;
  line-height: 1.76470588235294em;
  font-family: "Mercury Display A", "Mercury Display B", serif;
  font-weight: 400;
  font-style: normal;
  background-color: #fff;
  color: #404041; }

main {
  position: relative;
  z-index: 100; }
  main a {
    color: #a6a6a4; }

img {
  height: auto; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-weight: 400;
  font-style: normal; }

h2 {
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.52941176470588em; }

p {
  margin-bottom: 1em; }

* p:last-child {
  margin-bottom: 0; }

blockquote {
  font-weight: 700;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  text-transform: uppercase;
  color: #231f20; }

img {
  max-width: 100%; }

a {
  text-decoration: none; }

figcaption {
  color: #a6a6a4;
  text-align: right;
  position: relative;
  top: -2px; }

#header,
#nav {
  position: relative;
  z-index: 200; }

#nav {
  text-align: center;
  line-height: 31px;
  letter-spacing: 0.01em; }
  #nav li {
    display: inline-block;
    border-bottom: 3px solid #231f20; }
  #nav a {
    padding: 0 18px; }
    #nav a:hover, #nav a:active, #nav a:focus, #nav a.selected {
      background-color: #231f20;
      color: #fff; }

#nav a,
.maker-cats a {
  transition: background-color 0.2s ease-in-out, color 0.1s ease-in-out;
  display: block;
  height: 28px;
  text-transform: uppercase;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-size: 0.76470588235294rem;
  font-weight: 700;
  text-decoration: none;
  color: #231f20; }

#footer {
  border-top: 1px solid #231f20;
  margin: 0 auto;
  position: relative;
  padding-top: 16px;
  margin-bottom: 28px; }
  #footer #f1,
  #footer #f2,
  #footer #f3 {
    position: relative; }
  #footer #f1 {
    position: relative; }
  #footer #f2,
  #footer #f2 address {
    line-height: 50px; }
  #footer #f3 {
    position: relative; }
  #footer #f1a {
    border-bottom: 1px solid #231f20;
    padding-bottom: 7px; }
    #footer #f1a .fsocial {
      position: absolute;
      right: -11px;
      top: 0;
      text-align: right; }
  #footer #f1b {
    position: absolute;
    top: 36px;
    width: 100%;
    padding-top: 1.5px; }
  #footer small,
  #footer address {
    display: block;
    text-transform: uppercase;
    font-size: 0.55882353rem;
    letter-spacing: 0.075em;
    line-height: 1.5em;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; }
  #footer .femail,
  #footer .fsponsor {
    font-size: 0.64705882rem;
    font-weight: 700;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    text-transform: uppercase;
    color: inherit;
    display: inline-block; }
    #footer .femail a,
    #footer .fsponsor a {
      font-weight: normal;
      text-transform: none;
      color: inherit; }
  #footer .fsponsor {
    position: absolute;
    right: 0; }
  #footer address img {
    width: 37px;
    height: auto;
    vertical-align: middle;
    margin-left: 4px; }
  #footer .finfo {
    font-size: 0.73529412rem;
    line-height: 1.58333333em; }
  #footer #fbottom {
    border-top: 1px solid #231f20;
    position: relative; }
  #footer .fsubmit {
    font-size: 0.76470588rem;
    text-transform: uppercase;
    padding: 8px 0;
    width: 165px;
    text-align: center;
    letter-spacing: 0.113em;
    background-color: #231f20;
    color: #fff;
    font-weight: 700;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    display: inline-block; }
  #footer .fsubmitinfo {
    font-size: 0.76470588rem;
    line-height: 1.23076923em;
    letter-spacing: 0.005em; }

.maker-social,
.fsocial,
.share {
  position: relative; }
  .maker-social li,
  .fsocial li,
  .share li {
    display: inline-block; }
  .maker-social a,
  .fsocial a,
  .share a {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    display: block;
    width: 30px;
    height: 26px;
    background-image: url(assets/images/social.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto 120px;
    margin-right: 5px;
    overflow: hidden;
    /*&:hover {
			background-position-y: -26px;
		}*/ }
    .maker-social a.twitter,
    .fsocial a.twitter,
    .share a.twitter {
      background-position: 0px 0; }
      .maker-social a.twitter.footer,
      .fsocial a.twitter.footer,
      .share a.twitter.footer {
        background-position: 0px -26px; }
      .maker-social a.twitter:hover,
      .fsocial a.twitter:hover,
      .share a.twitter:hover {
        background-position: 0px -26px; }
    .maker-social a.facebook,
    .fsocial a.facebook,
    .share a.facebook {
      background-position: -30px 0; }
      .maker-social a.facebook.footer,
      .fsocial a.facebook.footer,
      .share a.facebook.footer {
        background-position: -30px -26px; }
      .maker-social a.facebook:hover,
      .fsocial a.facebook:hover,
      .share a.facebook:hover {
        background-position: -30px -26px; }
    .maker-social a.pinterest,
    .fsocial a.pinterest,
    .share a.pinterest {
      background-position: -60px 0; }
      .maker-social a.pinterest.footer,
      .fsocial a.pinterest.footer,
      .share a.pinterest.footer {
        background-position: -60px -26px; }
      .maker-social a.pinterest:hover,
      .fsocial a.pinterest:hover,
      .share a.pinterest:hover {
        background-position: -60px -26px; }
    .maker-social a.tumblr,
    .fsocial a.tumblr,
    .share a.tumblr {
      background-position: -90px 0; }
      .maker-social a.tumblr.footer,
      .fsocial a.tumblr.footer,
      .share a.tumblr.footer {
        background-position: -90px -26px; }
      .maker-social a.tumblr:hover,
      .fsocial a.tumblr:hover,
      .share a.tumblr:hover {
        background-position: -90px -26px; }
    .maker-social a.flickr,
    .fsocial a.flickr,
    .share a.flickr {
      background-position: -120px 0; }
      .maker-social a.flickr.footer,
      .fsocial a.flickr.footer,
      .share a.flickr.footer {
        background-position: -120px -26px; }
      .maker-social a.flickr:hover,
      .fsocial a.flickr:hover,
      .share a.flickr:hover {
        background-position: -120px -26px; }
    .maker-social a.dribbble,
    .fsocial a.dribbble,
    .share a.dribbble {
      background-position: -150px 0; }
      .maker-social a.dribbble.footer,
      .fsocial a.dribbble.footer,
      .share a.dribbble.footer {
        background-position: -150px -26px; }
      .maker-social a.dribbble:hover,
      .fsocial a.dribbble:hover,
      .share a.dribbble:hover {
        background-position: -150px -26px; }
    .maker-social a.vimeo,
    .fsocial a.vimeo,
    .share a.vimeo {
      background-position: -180px 0; }
      .maker-social a.vimeo.footer,
      .fsocial a.vimeo.footer,
      .share a.vimeo.footer {
        background-position: -180px -26px; }
      .maker-social a.vimeo:hover,
      .fsocial a.vimeo:hover,
      .share a.vimeo:hover {
        background-position: -180px -26px; }
    .maker-social a.instagram,
    .fsocial a.instagram,
    .share a.instagram {
      background-position: -210px 0; }
      .maker-social a.instagram.footer,
      .fsocial a.instagram.footer,
      .share a.instagram.footer {
        background-position: -210px -26px; }
      .maker-social a.instagram:hover,
      .fsocial a.instagram:hover,
      .share a.instagram:hover {
        background-position: -210px -26px; }
    .maker-social a.linkedin,
    .fsocial a.linkedin,
    .share a.linkedin {
      background-position: -240px 0; }
      .maker-social a.linkedin.footer,
      .fsocial a.linkedin.footer,
      .share a.linkedin.footer {
        background-position: -240px -26px; }
      .maker-social a.linkedin:hover,
      .fsocial a.linkedin:hover,
      .share a.linkedin:hover {
        background-position: -240px -26px; }

.fsocial,
.share {
  position: relative;
  top: 1px; }
  .fsocial a,
  .share a {
    width: 28px;
    height: 22px;
    background-size: auto 111px;
    margin-right: 3px; }
    .fsocial a.twitter,
    .share a.twitter {
      background-position: 0px 0; }
      .fsocial a.twitter.footer,
      .share a.twitter.footer {
        background-position: 0px -25px; }
      .fsocial a.twitter:hover,
      .share a.twitter:hover {
        background-position: 0px -1px; }
    .fsocial a.facebook,
    .share a.facebook {
      background-position: -28px 0; }
      .fsocial a.facebook.footer,
      .share a.facebook.footer {
        background-position: -28px -25px; }
      .fsocial a.facebook:hover,
      .share a.facebook:hover {
        background-position: -28px -1px; }
    .fsocial a.pinterest,
    .share a.pinterest {
      background-position: -56px 0; }
      .fsocial a.pinterest.footer,
      .share a.pinterest.footer {
        background-position: -56px -25px; }
      .fsocial a.pinterest:hover,
      .share a.pinterest:hover {
        background-position: -56px -1px; }
    .fsocial a.tumblr,
    .share a.tumblr {
      background-position: -84px 0; }
      .fsocial a.tumblr.footer,
      .share a.tumblr.footer {
        background-position: -84px -25px; }
      .fsocial a.tumblr:hover,
      .share a.tumblr:hover {
        background-position: -84px -1px; }
    .fsocial a.flickr,
    .share a.flickr {
      background-position: -112px 0; }
      .fsocial a.flickr.footer,
      .share a.flickr.footer {
        background-position: -112px -25px; }
      .fsocial a.flickr:hover,
      .share a.flickr:hover {
        background-position: -112px -1px; }
    .fsocial a.dribbble,
    .share a.dribbble {
      background-position: -140px 0; }
      .fsocial a.dribbble.footer,
      .share a.dribbble.footer {
        background-position: -140px -25px; }
      .fsocial a.dribbble:hover,
      .share a.dribbble:hover {
        background-position: -140px -1px; }
    .fsocial a.vimeo,
    .share a.vimeo {
      background-position: -168px 0; }
      .fsocial a.vimeo.footer,
      .share a.vimeo.footer {
        background-position: -168px -25px; }
      .fsocial a.vimeo:hover,
      .share a.vimeo:hover {
        background-position: -168px -1px; }
    .fsocial a.instagram,
    .share a.instagram {
      background-position: -196px 0; }
      .fsocial a.instagram.footer,
      .share a.instagram.footer {
        background-position: -196px -25px; }
      .fsocial a.instagram:hover,
      .share a.instagram:hover {
        background-position: -196px -1px; }
    .fsocial a.linkedin,
    .share a.linkedin {
      background-position: -224px 0; }
      .fsocial a.linkedin.footer,
      .share a.linkedin.footer {
        background-position: -224px -25px; }
      .fsocial a.linkedin:hover,
      .share a.linkedin:hover {
        background-position: -224px -1px; }

.homepage {
  margin: 0 auto;
  position: relative;
  border-top: 3px solid #231f20; }
  .homepage .headline {
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-size: 0.96941176rem;
    font-style: italic;
    margin-bottom: 50px;
    letter-spacing: 0.1em; }
    .homepage .headline span {
      background-color: #231f20;
      display: inline-block;
      margin: 0 auto;
      padding: 5px 35px 8px; }

.hp-makers {
  position: relative; }
  .hp-makers .mimages {
    /*width: 405px;
		height: 405px;*/
    z-index: 5; }
    .hp-makers .mimages img {
      display: block; }
  .hp-makers article {
    position: relative;
    display: inline-block; }

.minfo {
  position: absolute;
  bottom: 0;
  z-index: 10;
  background-color: rgba(204, 206, 207, 0.6);
  width: 100%;
  transition: opacity 0.3s ease-in-out;
  opacity: 0; }
  .minfo h1 {
    font-size: 2.11764706rem;
    line-height: 1.21472222em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    padding: 20px;
    padding-bottom: 5px; }
  .minfo h2 {
    font-size: 1.16176471rem;
    letter-spacing: 0.05em;
    font-family: "Mercury Display A", "Mercury Display B", serif;
    font-style: italic;
    font-weight: 500;
    line-height: 1.14278481em;
    text-transform: none;
    color: #fff;
    padding: 20px;
    padding-top: 0; }

.makers-grid {
  margin: 0 auto; }
  .makers-grid article {
    display: inline-block;
    overflow: hidden;
    position: relative;
    /*
		&:nth-child(4n+4) {
			margin-right: 0;
		}
		*/ }
  .makers-grid h1 {
    font-size: 1rem;
    padding-bottom: 20px; }
  .makers-grid .maker-tns {
    position: absolute;
    top: 0;
    left: 0; }
  .makers-grid .maker-tns {
    width: 100%;
    height: 100%; }

.maker-cats {
  margin: 0 auto;
  position: relative;
  width: 100%; }
  .maker-cats ul {
    white-space: nowrap;
    text-align: right;
    position: absolute;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0; }
    .maker-cats ul li {
      display: inline-block; }

.maker-header {
  overflow: hidden;
  position: relative;
  margin-bottom: 80px;
  /*background-size: 100% auto;*/
  background-size: cover;
  background-position: center center; }

.maker-title {
  margin: 0 auto;
  position: relative; }
  .maker-title h1 {
    position: absolute;
    line-height: 1.01769911504425em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff; }

.bio-link {
  padding-top: 15px; }
  .bio-link a {
    color: #a6a6a4;
    text-transform: uppercase;
    font-size: 0.82352941176471rem;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-weight: 700;
    text-decoration: none; }
    .bio-link a:hover {
      color: #404041; }

.maker-content h2::before {
  content: '';
  display: block;
  width: 114px;
  height: 16px;
  background-color: #231f20;
  margin-bottom: 14px; }

.maker-content h2,
.maker-content .copy {
  position: relative; }

.maker-content h2 {
  margin-bottom: 23px; }

.maker-content img {
  max-width: 100%; }

.layout3 blockquote,
.layout5 blockquote,
.layout7 blockquote,
.layout10 blockquote {
  line-height: 1.47222222222222em;
  letter-spacing: 0.0135em;
  position: relative; }

.maker-footer {
  margin: 0 auto;
  margin-bottom: 15px;
  padding-bottom: 10px; }
  .maker-footer a {
    text-transform: uppercase;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-weight: 700;
    color: #404041;
    text-decoration: none; }
    .maker-footer a::before {
      content: '>>'; }

.video-block {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 60%; }

.video-block iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.hp-quote {
  background-color: #dedfe0; }
  .hp-quote blockquote::after {
    content: '';
    display: block;
    width: 114px;
    height: 16px;
    background-color: #231f20;
    margin-top: 14px; }
  .hp-quote .lq {
    display: block;
    font-size: 5rem;
    line-height: 0.1em;
    position: relative;
    left: -5px; }

.all-caps {
  text-transform: uppercase; }

.all-caps-bold {
  font-weight: bold;
  text-transform: uppercase;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; }

.location-name {
  font-style: italic;
  font-family: sans-serif; }

.carousel {
  /*
	&,
	figure,
	article {
		width: 100%;
	}

	img {
		margin: 0 auto;
		display: block;
	}

	figcaption {
		position: absolute;
		z-index: -1;
		width: 100px;
		height: 100px;
		left: 50%;
		text-align: left;
		overflow: hidden;
	}
	*/ }
  .carousel article {
    width: 100%;
    height: 100%; }
  .carousel header {
    margin: 0 auto;
    position: relative;
    z-index: 3000;
    line-height: 1; }
    .carousel header h1 {
      letter-spacing: 0.1em;
      font-weight: 700;
      text-transform: uppercase;
      color: #fff;
      cursor: default; }
    .carousel header.sponsor h1 {
      text-align: right;
      letter-spacing: 0;
      position: relative; }
  .carousel.single {
    /*
		img {
			display: block;
			width: auto;
			height: 100%;

			margin: 0 auto;
		}
		*/ }
    .carousel.single header {
      display: none; }

.page-heading {
  text-align: center; }
  .page-heading h1 {
    font-size: 1rem;
    text-align: center;
    background-color: #231f20;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.113em;
    display: inline;
    padding: 9px 17px;
    white-space: nowrap; }

.page-links {
  text-align: center;
  margin: 0 auto; }
  .page-links a {
    font-size: 1.41176470588235rem;
    border: 6px solid #231f20;
    color: #231f20;
    padding: 16px 14px 14px;
    display: inline-block;
    background-color: #fff;
    line-height: 1em;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.27083333333333em;
    letter-spacing: 0.134em;
    margin-bottom: 55px;
    transition: background-color 0.2s;
    cursor: pointer;
    font-size: 1rem;
    white-space: nowrap;
    padding: 9px 17px 6px; }
    .page-links a:hover {
      background-color: #a6a6a4; }
    .page-links a:hover {
      background-color: #a6a6a4; }

.description {
  margin: 0 auto; }
  .description form {
    text-align: center; }
    .description form button {
      font-size: 1.41176470588235rem;
      border: 6px solid #231f20;
      color: #231f20;
      padding: 16px 14px 14px;
      display: inline-block;
      background-color: #fff;
      line-height: 1em;
      font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
      text-transform: uppercase;
      font-weight: 700;
      line-height: 1.27083333333333em;
      letter-spacing: 0.134em;
      margin-bottom: 55px;
      transition: background-color 0.2s;
      cursor: pointer;
      cursor: pointer; }
      .description form button:hover {
        background-color: #a6a6a4; }

.promotion {
  color: #ff4013;
  font-weight: bold; }

.shop-grid {
  margin: 0 auto; }
  .shop-grid article img {
    display: block;
    margin: 0 auto;
    margin-bottom: 6px; }
  .shop-grid article .item-info {
    margin: 0 auto;
    color: #231f20;
    font-size: 1.29411764705882rem; }
  .shop-grid article h1 {
    text-transform: uppercase;
    line-height: 1.49681818181818em;
    letter-spacing: 0.05em;
    margin-bottom: 12px; }
  .shop-grid article .summary,
  .shop-grid article .price {
    font-style: italic;
    font-weight: 700;
    letter-spacing: 0.05em; }

.shop-item {
  margin: 0 auto; }
  .shop-item h1,
  .shop-item .price,
  .shop-item label {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    text-transform: uppercase;
    font-size: 2.82352941176471rem;
    font-weight: 700;
    line-height: 1.27083333333333em;
    letter-spacing: 0.134em;
    margin-bottom: 30px; }
  .shop-item #label6-12_Months,
  .shop-item #label12-18_Months,
  .shop-item #label18-24_Months {
    width: 95px;
    height: 65px;
    text-align: left;
    font-size: 1.39058824rem;
    line-height: 1em;
    padding-top: 6px;
    padding-left: 8px; }
    .shop-item #label6-12_Months span,
    .shop-item #label12-18_Months span,
    .shop-item #label18-24_Months span {
      font-size: 0.82352941rem; }
  .shop-item li {
    list-style-type: disc;
    margin-left: 1rem; }
  .shop-item .item-slides {
    width: 100%; }
  .shop-item .item-tns img {
    cursor: pointer;
    display: inline-block; }
  .shop-item .photography-credit {
    font-size: 1rem;
    color: #a6a6a4;
    text-align: left;
    position: absolute;
    bottom: -28px;
    left: 0; }
  .shop-item label.normal {
    font-size: 1rem;
    font-weight: 700; }
  .shop-item label.block,
  .shop-item .add {
    font-size: 1.41176470588235rem;
    border: 6px solid #231f20;
    color: #231f20;
    padding: 16px 14px 14px;
    display: inline-block;
    background-color: #fff;
    line-height: 1em;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.27083333333333em;
    letter-spacing: 0.134em;
    margin-bottom: 55px;
    transition: background-color 0.2s;
    cursor: pointer; }
    .shop-item label.block:hover,
    .shop-item .add:hover {
      background-color: #a6a6a4; }
  .shop-item .add {
    display: block;
    position: relative; }
    .shop-item .add:hover {
      background: #a6a6a4; }
  .shop-item .sizes {
    border-bottom: 1px solid #231f20;
    margin-bottom: 18px; }
    .shop-item .sizes div {
      display: inline-block;
      position: relative;
      margin-right: 30px; }
    .shop-item .sizes input {
      position: absolute; }
    .shop-item .sizes label {
      position: relative;
      width: 50px;
      height: 50px;
      padding: 0;
      text-align: center;
      font-size: 1.39058823529412rem;
      letter-spacing: 0;
      line-height: 39px;
      margin-bottom: 30px; }
      .shop-item .sizes label.selected {
        background-color: #231f20;
        color: #fff; }
      .shop-item .sizes label.disabled {
        cursor: default;
        color: #dadbdc;
        border-color: #dadbdc;
        background-image: url(assets/images/stock.png);
        background-size: cover;
        background-repeat: no-repeat; }
        .shop-item .sizes label.disabled:hover {
          background-color: #fff; }
  .shop-item .item-quantity {
    margin-bottom: 10px; }
    .shop-item .item-quantity label {
      margin-right: 10px;
      font-size: 0.9rem; }
    .shop-item .item-quantity label,
    .shop-item .item-quantity select {
      vertical-align: middle; }
    .shop-item .item-quantity select,
    .shop-item .item-quantity option {
      font-size: 1rem; }
  .shop-item .viewcart {
    border: 1px solid #231f20;
    border-width: 1px 0;
    height: 50px;
    line-height: 50px;
    margin-bottom: 45px;
    position: relative; }
    .shop-item .viewcart .share {
      position: absolute;
      left: 0; }
    .shop-item .viewcart .share-buttons {
      padding-top: 11px;
      padding-left: 8px; }
    .shop-item .viewcart form {
      text-align: right;
      position: absolute;
      height: 40px;
      padding-left: 8px;
      top: 4px;
      right: 2px;
      border-left: 1px solid #231f20; }
      .shop-item .viewcart form button {
        height: 40px;
        display: block;
        line-height: 31px; }
    .shop-item .viewcart .share-title,
    .shop-item .viewcart button {
      font-family: "Mercury Display A", "Mercury Display B", serif;
      font-size: 0.8rem;
      text-transform: uppercase;
      border: 0;
      color: #231f20;
      background-color: transparent;
      font-weight: 700;
      height: 100%;
      line-height: 44px;
      cursor: pointer; }
    .shop-item .viewcart .share span,
    .shop-item .viewcart .share a {
      display: inline-block; }
    .shop-item .viewcart .share span span {
      display: inline; }

#con-header {
  height: 572px;
  position: relative;
  background-image: url(assets/images/con-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

#con-logo {
  width: 100%;
  height: 100%;
  display: block;
  padding: 50px; }

#con-logo img {
  display: block;
  width: auto;
  height: 100%;
  margin: 0 auto; }

#con-aiga {
  position: absolute;
  top: 50px;
  left: 40px;
  width: 160px; }
  #con-aiga img {
    display: block;
    width: 100%;
    height: auto; }

#con-date {
  position: absolute;
  top: 10px;
  right: 0;
  width: 250px; }
  #con-date img {
    display: block;
    width: 100%;
    height: auto; }

/*
	Conference
*/
#conf-header-03,
#conf-header-04,
#conf-header-05 {
  height: 572px;
  position: relative;
  background-color: #0ff; }

#ch03-copy,
#ch04-copy,
#ch05-copy {
  position: absolute;
  height: 100%;
  left: 20%; }

#ch03-image,
#ch04-image,
#ch05-image {
  position: absolute;
  height: 100%;
  right: 0; }

#ch03-date,
#ch04-date,
#ch05-date {
  position: absolute;
  width: 240px;
  bottom: 20px;
  right: 0; }

#conf-header-05 {
  background-color: #0053ff; }

#conf {
  text-align: left;
  width: 100%;
  /*
		Speakers
	*/
  /*
		Sponsors
	*/
  /*
		Registration
	*/
  /*
		Location
	*/
  /*
		Schedule
	*/ }
  #conf #conf-nav {
    background-color: #231f20; }
    #conf #conf-nav ul {
      text-align: center;
      margin: 0;
      padding: 0; }
    #conf #conf-nav li {
      display: inline;
      margin: 0;
      padding: 0; }
    #conf #conf-nav a {
      color: #fff;
      font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
      font-size: 1rem;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      display: inline-block;
      padding: 20px;
      transition: color 0.2s; }
      #conf #conf-nav a:hover {
        color: #0ff; }
  #conf .page-copy {
    width: auto; }
  #conf .conf-section {
    margin: 0 auto;
    clear: both;
    position: relative; }
  #conf .conf-button {
    background-color: #231f20;
    color: #fff;
    text-transform: uppercase;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-weight: 700;
    font-size: 1rem;
    padding: 10px 40px;
    position: relative; }
  #conf .conf-registration {
    color: #231f20; }
  #conf .conf-description {
    font-size: 1.2rem;
    line-height: 1.6em; }
  #conf h2 {
    font-family: "Mercury Display A", "Mercury Display B", serif;
    font-weight: 700;
    text-transform: none; }
    #conf h2 a {
      color: inherit; }
  #conf h3,
  #conf .conf-mitm-role {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-weight: 800; }
    #conf h3 a,
    #conf .conf-mitm-role a {
      color: inherit; }
  #conf .conf-title,
  #conf h3 {
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 0.1em;
    margin-bottom: 0.8rem; }
  #conf .conf-intro {
    text-align: center;
    line-height: 1.2em; }
  #conf .conf-schedule-item {
    position: relative; }
  #conf #conf-speakers-list .conf-speaker,
  #conf #conf-mitm-list .conf-speaker {
    position: relative; }
  #conf #conf-speakers-list .conf-speaker-data,
  #conf #conf-mitm-list .conf-speaker-data {
    position: relative; }
  #conf #conf-speakers-list .conf-twitter,
  #conf #conf-speakers-list .conf-website,
  #conf #conf-speakers-list .conf-speaker-social,
  #conf #conf-mitm-list .conf-twitter,
  #conf #conf-mitm-list .conf-website,
  #conf #conf-mitm-list .conf-speaker-social {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.1em; }
    #conf #conf-speakers-list .conf-twitter a,
    #conf #conf-speakers-list .conf-website a,
    #conf #conf-speakers-list .conf-speaker-social a,
    #conf #conf-mitm-list .conf-twitter a,
    #conf #conf-mitm-list .conf-website a,
    #conf #conf-mitm-list .conf-speaker-social a {
      color: inherit; }
  #conf #conf-speakers-list .conf-speaker-social,
  #conf #conf-mitm-list .conf-speaker-social {
    text-align: left;
    font-size: 0.6rem;
    font-weight: 500;
    line-height: 1.2em; }
  #conf #conf-speakers-list .conf-profile,
  #conf #conf-mitm-list .conf-profile {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    z-index: 9100; }
    #conf #conf-speakers-list .conf-profile .conf-profile-content,
    #conf #conf-mitm-list .conf-profile .conf-profile-content {
      position: relative;
      top: 150px;
      margin: 0 auto;
      box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.2);
      background-color: #f9f9f9;
      background-position: right bottom;
      background-size: 58% auto;
      background-repeat: no-repeat; }
  #conf #conf-speakers-list .conf-profile-header,
  #conf #conf-mitm-list .conf-profile-header {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 20px;
    margin: 0 60px;
    border-bottom: 3px solid #231f20; }
    #conf #conf-speakers-list .conf-profile-header h3,
    #conf #conf-mitm-list .conf-profile-header h3 {
      font-size: 2.2rem;
      margin-bottom: 10px;
      position: relative;
      z-index: 10; }
    #conf #conf-speakers-list .conf-profile-header::after,
    #conf #conf-mitm-list .conf-profile-header::after {
      content: '';
      background-repeat: no-repeat;
      background-position: 0 0;
      position: absolute;
      top: 0;
      left: 0;
      width: 75%;
      height: 100%;
      z-index: 0; }
  #conf #conf-speakers-list .conf-speaker-title,
  #conf #conf-mitm-list .conf-speaker-title {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    text-transform: uppercase;
    font-weight: 800;
    position: relative;
    z-index: 10;
    font-size: 0.9rem; }
  #conf #conf-speakers-list .conf-speaker-info,
  #conf #conf-mitm-list .conf-speaker-info {
    padding-left: 70px;
    padding-top: 50px;
    padding-bottom: 30px; }
  #conf #conf-speakers-list .conf-speaker-photo,
  #conf #conf-mitm-list .conf-speaker-photo {
    display: inline-block;
    vertical-align: bottom;
    width: 200px;
    height: auto; }
  #conf #conf-speakers-list .conf-speaker-schedule,
  #conf #conf-mitm-list .conf-speaker-schedule {
    display: inline-block;
    vertical-align: bottom;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 10px;
    line-height: 1.4em;
    font-size: 0.8rem; }
    #conf #conf-speakers-list .conf-speaker-schedule strong,
    #conf #conf-mitm-list .conf-speaker-schedule strong {
      font-weight: bold;
      font-family: "Mercury Display A", "Mercury Display B", serif;
      font-size: 1rem;
      text-transform: none; }
  #conf #conf-speakers-list .conf-speaker-description,
  #conf #conf-mitm-list .conf-speaker-description {
    width: 40%;
    line-height: 1.375em;
    border-top: 3px solid #231f20;
    margin-top: 20px;
    padding-top: 20px; }
    #conf #conf-speakers-list .conf-speaker-description strong,
    #conf #conf-mitm-list .conf-speaker-description strong {
      font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
      font-weight: 700;
      text-transform: uppercase; }
  #conf #conf-speakers-list .conf-close,
  #conf #conf-mitm-list .conf-close {
    width: 40px;
    height: 40px;
    background-image: url(assets/images/conf-close.png);
    background-repeat: no-repeat;
    background-size: 60% auto;
    position: absolute;
    top: 15px;
    right: 0;
    cursor: pointer; }
  #conf #conf-sponsors {
    background-color: #0ff;
    position: relative; }
    #conf #conf-sponsors h2 {
      margin-bottom: 30px; }
  #conf .conf-sponsor {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 1rem;
    /*
		img {
			display: block;
			width: 100%;
			height: auto;
		}
		*/ }
    #conf .conf-sponsor h3 {
      position: absolute;
      top: -900em; }
  #conf #conf-registration .conf-title {
    border-bottom-width: 0; }
  #conf #conf-location-bg {
    background-image: url(assets/images/conf-location-bg.svg);
    background-position: left top;
    background-size: 100% auto;
    background-repeat: no-repeat; }
  #conf .conf-figure {
    position: relative; }
    #conf .conf-figure figcaption {
      padding-top: 5px;
      font-size: 0.6rem;
      text-transform: uppercase;
      font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
      letter-spacing: 0.1em;
      top: 0; }
  #conf .conf-location-info h2 {
    font-size: 1rem;
    margin-bottom: 0; }
  #conf .conf-location-info .conf-location-intro {
    font-size: 1rem;
    margin-bottom: 10px;
    line-height: 1.4em; }
  #conf .conf-location-info .conf-address {
    padding-top: 30px;
    line-height: 1.4em; }
    #conf .conf-location-info .conf-address .conf-title {
      font-size: 1em; }
    #conf .conf-location-info .conf-address a {
      line-height: 1.7em; }
  #conf #conf-schedule h2 {
    position: relative; }
  #conf #conf-schedule-bg {
    background-color: #f9f9f9; }
  #conf .conf-schedule-date {
    margin-bottom: 2rem; }
  #conf .conf-title,
  #conf .conf-sponsor-level,
  #conf .conf-time,
  #conf .conf-time time,
  #conf .conf-register-all {
    font-size: 1.4rem;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.4em;
    letter-spacing: 0.1em; }
  #conf .conf-title {
    color: inherit; }
  #conf .conf-time,
  #conf .conf-time time,
  #conf .conf-food-address {
    font-size: 1.2rem; }
  #conf .conf-title,
  #conf .conf-sponsor-level {
    border-bottom: 3px solid #231f20; }
  #conf .conf-schedule-workshop {
    background-image: url(assets/images/conf-button.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 2.6rem auto; }
    #conf .conf-schedule-workshop h3 {
      border-bottom-width: 0; }
  #conf #conf-accommodations h3 {
    position: relative; }
    #conf #conf-accommodations h3 a::after {
      content: '';
      background-image: url(assets/images/conf-button3.png);
      background-repeat: no-repeat;
      background-position: right top;
      background-size: 1.5rem auto;
      /* padding-right: 1.6rem; */
      position: absolute;
      right: -1.6em;
      height: 4em;
      top: 6px;
      vertical-align: middle;
      width: 3em; }
  #conf .conf-register {
    color: #231f20;
    font-size: 1.4rem;
    display: inline-block;
    background-image: url(assets/images/conf-button2.png);
    background-repeat: no-repeat;
    background-position: right 0.2rem;
    background-size: 1.2rem auto;
    padding-right: 1.6rem; }
  #conf .conf-register-all {
    color: #231f20;
    display: inline-block;
    background-image: url(assets/images/conf-button.png), url(assets/images/conf-button2.png);
    background-repeat: no-repeat, no-repeat;
    background-position: left top, right 1.6rem;
    background-size: 1.8rem auto, 1.4rem auto;
    padding-right: 1rem;
    padding-left: 0.2rem;
    margin-bottom: 0.8rem;
    margin-top: 4rem;
    border-bottom: 3px solid #231f20; }

#conf-eventbrite.events {
  padding-top: 3rem; }

.page-id-1820 .page-heading {
  padding-top: 0; }

.page-id-1820 .carousel.single {
  /*
		background-image: url(assets/images/events-bg.png);
		background-repeat: repeat-y;
		background-position: center top;
		background-size: 100% auto;
		*/ }

/*
	Conference 2018
*/
#conf-header.conf2018 #conf-header-1801 {
  text-align: center; }

#conf.conf2018 #conf-nav {
  max-width: 100%; }
  #conf.conf2018 #conf-nav ul {
    max-width: calc(1311px - 100px);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 0 auto; }
  #conf.conf2018 #conf-nav li {
    display: block;
    white-space: nowrap;
    margin: 0; }

#conf.conf2018 .conf-profile {
  display: none; }

#conf.conf2018 #conf-speakers-list .conf-speaker.tba {
  cursor: default; }

#conf.conf2018 #conf-speakers-list .conf-profile-top {
  background-image: none; }

#conf.conf2018 #conf-speakers-list .conf-speaker-preview,
#conf.conf2018 #conf-mitm-list .conf-speaker-preview {
  position: relative; }
  #conf.conf2018 #conf-speakers-list .conf-speaker-preview h2,
  #conf.conf2018 #conf-mitm-list .conf-speaker-preview h2 {
    display: block;
    color: #fff;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-size: 1.2rem;
    font-weight: 900;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    top: auto;
    bottom: 6rem;
    width: 100%; }

#conf.conf2018 #conf-speakers-list .tba h2,
#conf.conf2018 #conf-mitm-list .tba h2 {
  display: none; }

#conf.conf2018 #conf-speaker-21,
#conf.conf2018 #conf-speaker-22,
#conf.conf2018 #conf-speaker-23 {
  position: relative;
  overflow: visible; }
  #conf.conf2018 #conf-speaker-21::before,
  #conf.conf2018 #conf-speaker-22::before,
  #conf.conf2018 #conf-speaker-23::before {
    text-align: left;
    text-transform: uppercase;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    letter-spacing: 0.1em;
    font-weight: 900;
    text-transform: uppercase;
    color: #231f20;
    font-size: 1.6rem;
    content: 'Lunch Session'; }

#conf.conf2018 #conf-speaker-22::before {
  content: 'Emcee'; }

#conf.conf2018 #conf-speaker-23::before {
  content: 'DJ'; }

#conf.conf2018 #conf-workshops .conf-title {
  width: 100%; }

#conf.conf2018 #conf-workshops .conf-footer {
  border-bottom: none;
  text-align: right;
  font-size: 1rem; }
  #conf.conf2018 #conf-workshops .conf-footer a {
    display: inline-block;
    position: relative;
    color: inherit;
    border-bottom: 3px solid #231f20; }
    #conf.conf2018 #conf-workshops .conf-footer a::after {
      content: '';
      position: absolute;
      top: 3px;
      width: 1.2em;
      height: 1em;
      background-image: url(assets/images/conf-button3.png);
      background-repeat: no-repeat;
      background-position: right top;
      background-size: auto 1em; }
  #conf.conf2018 #conf-workshops .conf-footer .sold-out {
    color: #fff200;
    font-size: 1.2rem; }

#conf.conf2018 #conf-workshops .conf-ws-info {
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-weight: 600;
  font-size: 1.4rem;
  text-transform: uppercase;
  letter-spacing: 0.16em; }

#conf.conf2018 #conf-workshops .conf-register-all {
  background-image: url(assets/images/conf-button2.png);
  background-position: right 1.6rem;
  background-size: 1.4rem auto; }

#conf.conf2018 #conf-sponsors {
  background-color: #fff200;
  margin-bottom: 8rem; }
  #conf.conf2018 #conf-sponsors .conf-h1 {
    display: none; }
  #conf.conf2018 #conf-sponsors .conf-sponsor-logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #conf.conf2018 #conf-sponsors .conf-sponsor-logos a {
      padding: 0;
      width: auto;
      height: auto; }
  #conf.conf2018 #conf-sponsors .conf-sponsor {
    background-position: left center; }
  #conf.conf2018 #conf-sponsors #conf-sponsors-1 a {
    width: 33.3333333%;
    height: 180px; }
  #conf.conf2018 #conf-sponsors #conf-sponsors-2 a {
    width: 33.3333333%;
    height: 190px; }
  #conf.conf2018 #conf-sponsors #conf-sponsors-2 a:nth-child(3) article {
    background-position: center center; }
  #conf.conf2018 #conf-sponsors #conf-sponsors-3 .conf-sponsor-logos,
  #conf.conf2018 #conf-sponsors #conf-sponsors-4 .conf-sponsor-logos {
    justify-content: flex-start;
    margin: 0 -25px; }
  #conf.conf2018 #conf-sponsors #conf-sponsors-3 a,
  #conf.conf2018 #conf-sponsors #conf-sponsors-4 a {
    margin: 0 25px;
    width: 25%;
    height: 140px; }
  #conf.conf2018 #conf-sponsors #conf-sponsors-4 a {
    width: 20%; }

#conf.conf2018 .conf-location {
  border-bottom: 3px solid #231f20; }
  #conf.conf2018 .conf-location:last-of-type {
    border-bottom: none; }

#conf.conf2018 .conf-h2 {
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-weight: 700;
  font-size: 2rem;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: -0.025em; }

/*

Conference 2020

*/
.page-template-page-conference-2020 {
  /*
	@media screen and (min-width: 68em) and (max-width: 84em) {
		
		.c20-content {
			max-width: 90%;
		}
	}
	*/ }
  .page-template-page-conference-2020 .conf-content {
    background-image: url(assets/images/homepage20.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto 80%; }
  .page-template-page-conference-2020 #conf #conf-nav a:hover {
    color: #FBD1C9; }
  .page-template-page-conference-2020 .c20-content {
    margin: 0 auto;
    max-width: 1340px;
    position: relative;
    display: flex; }
    .page-template-page-conference-2020 .c20-content .c20-copy {
      max-width: 40%; }
      .page-template-page-conference-2020 .c20-content .c20-copy .page-links {
        width: auto;
        margin: 0;
        position: relative;
        left: -40px;
        padding-top: 13px; }
        .page-template-page-conference-2020 .c20-content .c20-copy .page-links::before {
          content: '';
          background-color: #231f20;
          display: block;
          width: 5px;
          height: 100px;
          margin: 0 auto;
          margin-bottom: 15px; }
        .page-template-page-conference-2020 .c20-content .c20-copy .page-links a {
          padding-top: 16px;
          padding-bottom: 14px;
          border-width: 7px; }
    .page-template-page-conference-2020 .c20-content .c20-intro {
      padding-right: 40px;
      width: 90%;
      font-size: 1.2rem;
      line-height: 1.2em; }
    .page-template-page-conference-2020 .c20-content .c20-photo {
      max-width: 50%; }
    .page-template-page-conference-2020 .c20-content h1 {
      color: #FBD1C9;
      font-weight: 700;
      font-size: 2.2rem;
      line-height: 1em;
      padding-top: 54px;
      padding-bottom: 10px; }
      .page-template-page-conference-2020 .c20-content h1 span {
        font-size: 1.6em;
        line-height: 1.2em;
        display: block; }
  .page-template-page-conference-2020 .c20-recaps {
    margin: 90px 0 30px;
    padding: 30px 50px;
    background-color: #FBD1C9;
    color: #fff;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase; }
    .page-template-page-conference-2020 .c20-recaps a {
      color: inherit;
      display: block; }
  @media screen and (min-width: 68em) and (max-width: 90em) {
    .page-template-page-conference-2020 .c20-content {
      max-width: 90%; }
      .page-template-page-conference-2020 .c20-content .c20-photo {
        max-width: none;
        padding-left: 50px; } }
  @media screen and (max-width: 68em) {
    .page-template-page-conference-2020 .conf-content {
      background-size: auto 60%; }
    .page-template-page-conference-2020 .c20-content {
      display: block;
      max-width: 80%;
      margin-left: auto;
      margin-right: auto; }
      .page-template-page-conference-2020 .c20-content h1 {
        padding-top: 0; }
      .page-template-page-conference-2020 .c20-content .c20-copy {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto; }
        .page-template-page-conference-2020 .c20-content .c20-copy .page-links {
          left: 0; }
      .page-template-page-conference-2020 .c20-content .c20-intro {
        padding-right: 0; }
      .page-template-page-conference-2020 .c20-content .c20-photo {
        max-width: 80%;
        margin: 0 auto; } }
  @media screen and (max-width: 47.5em) {
    .page-template-page-conference-2020 .page-copy {
      margin-bottom: 0; }
    .page-template-page-conference-2020 .conf-content {
      background-size: 50% auto;
      background-position: right 13rem; }
    .page-template-page-conference-2020 .c20-content {
      padding-top: 30px; }
      .page-template-page-conference-2020 .c20-content .c20-intro {
        font-size: 1rem;
        width: 100%; }
      .page-template-page-conference-2020 .c20-content .c20-copy {
        max-width: none;
        margin-bottom: 30px; }
        .page-template-page-conference-2020 .c20-content .c20-copy .page-links::before {
          height: 50px; }
      .page-template-page-conference-2020 .c20-content h1 {
        font-size: 1rem; }
      .page-template-page-conference-2020 .c20-content .c20-photo {
        max-width: none; }
    .page-template-page-conference-2020 .c20-recaps {
      margin-top: 60px;
      margin-bottom: 0;
      padding: 20px 30px;
      font-size: 1rem; } }
@media screen and (max-width: 30.5em) {
  .makers-grid .minfo h1,
  .hp-makers .minfo h1 {
    font-size: 0.7rem;
    padding: 5px; }
  .makers-grid .minfo h2,
  .hp-makers .minfo h2 {
    display: none; }
  html .page-template-page-conference-2018-recap #conf.conf-end .ce-section {
    top: 0; }
  html .page-template-page-conference-2018-recap #conf-video-section,
  html .page-template-page-conference-2018-recap .conf-video-section {
    margin-top: 1rem;
    padding-top: 3rem; }
    html .page-template-page-conference-2018-recap #conf-video-section.last,
    html .page-template-page-conference-2018-recap .conf-video-section.last {
      margin-top: 2rem;
      margin-bottom: 0; }
  html .page-template-page-conference-2018-recap #conf-video-section #conf-video,
  html .page-template-page-conference-2018-recap #conf-video-section .conf-video,
  html .page-template-page-conference-2018-recap .conf-video-section .conf-video {
    width: 100%;
    padding-bottom: 56.25%; }
  html .page-template-page-conference-2018-recap .ce-heading,
  html .page-template-page-conference-2018-recap #ceh-ws {
    width: 100%;
    height: 4rem;
    margin: 0; }
  html .page-template-page-conference-2018-recap .ce-section {
    margin-bottom: 20px; }
  html .page-template-page-conference-2018-recap #conf.conf-end #ce-ws {
    top: 20px;
    margin-bottom: 40px; }
  html .page-template-page-conference-2018-recap #ce-conf,
  html .page-template-page-conference-2018-recap .page-copy {
    margin-bottom: 0; }
  html .page-template-page-conference-2018-recap #conf.conf-end ul#ceh-ws-links,
  html .page-template-page-conference-2018-recap #conf.conf-end ul#ceh-op-links,
  html .page-template-page-conference-2018-recap #conf.conf-end ul#ceh-conf-links {
    column-count: 2; }
  html .page-template-page-conference-2018-recap .ce-links,
  html .page-template-page-conference-2018-recap #conf.conf-end .ce-links a {
    white-space: normal; } }

@media (max-width: 767px) {
  html {
    line-height: 1.5em; }
  main {
    width: 100%;
    overflow: hidden; }
  #conf-eventbrite.events {
    padding-top: 0; }
  #header {
    padding: 30px 0; }
    #header img {
      display: block;
      margin: 0 auto;
      width: 40%; }
  #nav ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
  #nav a {
    height: auto;
    font-size: 0.65rem;
    padding: 0 8px;
    /*
		&.first {
			margin-left: 0;
		}
		
		&.last {
			margin-right: 0;
		}
		*/ }
  #footer {
    margin: 0 20px;
    margin-top: 40px;
    margin-bottom: 20px;
    padding-top: 9px; }
    #footer small {
      font-size: 0.5rem; }
    #footer #f3,
    #footer #f1b {
      display: none; }
    #footer .fsubmit {
      width: auto;
      height: 36px;
      line-height: 38px;
      padding: 0 12px;
      display: inline-block;
      font-size: 0.5rem; }
    #footer .fsubmitinfo {
      padding: 5px 0;
      font-size: 0.7rem; }
    #footer #fbottom {
      border-bottom: 1px solid #231f20;
      height: 38px;
      position: relative; }
    #footer address {
      position: absolute;
      right: 0;
      display: inline-block;
      line-height: 37px;
      padding-right: 4px;
      font-size: 0.45rem;
      text-align: right;
      vertical-align: middle; }
      #footer address img {
        width: 26px;
        margin-left: 2px; }
      #footer address a {
        position: relative;
        top: -1.5px; }
  article ul,
  article ol {
    padding-left: 0.2rem; }
  .homepage {
    margin: 0 20px; }
    .homepage .headline {
      font-size: 2.1vw;
      font-weight: 700;
      margin-bottom: 15px;
      white-space: nowrap; }
      .homepage .headline span {
        padding: 0 14px;
        line-height: 3em; }
  .hp-makers article.hpm1, .hp-makers article.hpm2, .hp-makers article.hpm6, .hp-makers article.hpm7 {
    width: 50%; }
  .hp-makers article.hpm1, .hp-makers article.hpm6 {
    padding-right: 10px; }
    .hp-makers article.hpm1 .minfo, .hp-makers article.hpm6 .minfo {
      border-right: 10px solid #fff; }
  .hp-makers article.hpm2, .hp-makers article.hpm7 {
    padding-left: 10px; }
    .hp-makers article.hpm2 .minfo, .hp-makers article.hpm7 .minfo {
      border-right: 10px solid #fff; }
  .hp-makers article.hpm3 {
    width: 100%; }
  .hp-makers article.hpm4, .hp-makers article.hpm5 {
    width: 100%;
    margin: 20px 0; }
  .minfo {
    width: 100%;
    opacity: 1; }
    .minfo h1 {
      font-size: 0.9rem;
      padding: 10px;
      padding-bottom: 2px; }
    .minfo h2 {
      font-size: 1.1rem;
      padding: 10px;
      padding-top: 0;
      padding-bottom: 8px; }
  .makers-grid {
    width: 100%;
    padding: 10px;
    /*
	position: relative;
	left: 20px;
	*/ }
    .makers-grid article {
      width: 50%;
      padding: 10px; }
    .makers-grid a {
      position: relative;
      display: block; }
    .makers-grid .minfo {
      opacity: 1; }
  .maker-cats {
    display: none;
    height: 0;
    width: 0;
    overflow: hidden; }
  .hp-quote {
    margin-top: 20px; }
    .hp-quote blockquote {
      padding: 20px;
      padding-top: 34px;
      font-size: 0.8rem;
      line-height: 1.8em; }
      .hp-quote blockquote::after {
        width: 150px;
        height: 12px; }
    .hp-quote .lq {
      font-size: 3rem;
      left: -2px; }
  .carousel {
    height: 190px; }
    .carousel,
    .carousel article {
      height: 190px; }
    .carousel img {
      display: none; }
    .carousel article {
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat; }
    .carousel header {
      bottom: 2.5em; }
      .carousel header h1 {
        font-size: 3rem;
        letter-spacing: 0;
        padding-left: 10px; }
      .carousel header.sponsor {
        position: absolute;
        text-align: right;
        width: 100%;
        top: 0; }
        .carousel header.sponsor h1 {
          padding-right: 5px;
          top: -0.15em; }
    .carousel.single {
      /*
		height: auto;
		
		img {
			width: 100%;
			height: auto;
		}
		*/ }
  .maker-header {
    margin-bottom: 30px; }
  .maker-header,
  .maker-title {
    height: 200px; }
  .maker-title {
    width: 100%;
    max-width: 100%; }
    .maker-title h1 {
      font-size: 3rem;
      position: absolute;
      bottom: -0.15em;
      left: 6.6666666667px; }
  .maker-info {
    padding: 0 20px; }
  .maker-info-tn {
    width: 30%;
    display: inline-block;
    padding-right: 15px;
    border-right: 1px solid #231f20; }
    .maker-info-tn img {
      width: 100%;
      display: block; }
  .maker-in {
    display: inline-block;
    width: 70%;
    padding-left: 15px; }
    .maker-in h2 {
      border-bottom: 1px solid #231f20;
      display: inline;
      padding-bottom: 3px; }
    .maker-in .bio-link {
      display: none; }
  .maker-in-1 {
    margin-bottom: 8px;
    padding-top: 6px; }
  .maker-intro {
    margin-bottom: 30px;
    padding-bottom: 14px;
    padding-top: 12px;
    border-bottom: 1px solid #231f20;
    font-size: 1rem; }
  .maker-content {
    padding: 20px; }
    .maker-content .layout {
      margin-bottom: 30px; }
  .layout figcaption {
    padding-top: 4px; }
  .layout1 figure,
  .layout6 figure {
    padding-top: 30px; }
  .layout2 figure {
    margin-bottom: 14px; }
  .layout4 blockquote {
    padding: 14px 0; }
  .layout3 blockquote,
  .layout5 blockquote,
  .layout7 blockquote,
  .layout10 blockquote {
    font-size: 2rem; }
  .maker-footer {
    margin: 0 20px; }
  .page-heading {
    padding: 40px 0 30px; }
    .page-heading h1 {
      font-size: 0.65rem;
      white-space: normal;
      display: inline-block;
      margin: 0 70px; }
  .page-copy,
  .sponsor-copy {
    padding: 0 20px;
    margin-bottom: 30px; }
  .conference .page-copy {
    padding-top: 20px;
    margin-bottom: 0; }
  .page-template-page-local-php .page-copy {
    text-align: center; }
  .page-links {
    padding: 0 20px; }
    .page-links li {
      display: block;
      margin: 0;
      margin-bottom: 20px;
      width: 100%; }
      .page-links li:last-child {
        margin-bottom: 0; }
    .page-links a {
      white-space: normal; }
  .page-links a,
  .page-links button,
  .shop-item .item-details form a,
  .shop-item .item-details form button,
  .description form a,
  .description form button {
    font-size: 0.65rem;
    width: 90%;
    display: block;
    padding: 9px;
    border-width: 4px;
    margin: 0 auto; }
  .shop-item .item-details form button {
    margin-left: 0; }
  .page-sponsor header {
    padding: 40px 20px 30px; }
    .page-sponsor header h1 {
      font-weight: 700; }
      .page-sponsor header h1 br {
        display: none; }
  .description {
    padding: 0 20px; }
    .description form {
      padding-top: 12px; }
  .shop-grid {
    padding-top: 25px; }
    .shop-grid article {
      margin-bottom: 30px; }
    .shop-grid .item-info {
      padding: 0 20px; }
  .shop-item .sizes div {
    margin-right: 15px; }
  .shop-item .sizes label {
    width: 40px;
    height: 40px;
    font-size: 1rem;
    line-height: 32px;
    margin-bottom: 20px;
    border-width: 5px; }
  .shop-item .item-details {
    padding: 0 20px; }
    .shop-item .item-details h1 {
      font-size: 2rem;
      margin-bottom: 20px; }
    .shop-item .item-details form {
      margin-bottom: 30px; }
      .shop-item .item-details form button {
        width: auto;
        padding: 9px 10px; }
      .shop-item .item-details form select,
      .shop-item .item-details form option {
        font-size: 0.8em; }
      .shop-item .item-details form select {
        position: relative;
        top: -1px; }
    .shop-item .item-details .price {
      font-size: 1.23529412rem;
      margin-bottom: 5px; }
    .shop-item .item-details .description,
    .shop-item .item-details .promotion {
      padding: 0;
      margin-bottom: 20px; }
    .shop-item .item-details .viewcart {
      margin-bottom: 0; }
      .shop-item .item-details .viewcart .share-title {
        line-height: 48px; }
        .shop-item .item-details .viewcart .share-title span {
          display: none; }
      .shop-item .item-details .viewcart .share-buttons {
        padding-top: 13px; }
      .shop-item .item-details .viewcart button {
        font-size: 0.8rem;
        height: 38px;
        line-height: 20px;
        position: relative;
        top: 2px; }
  .item-images {
    padding: 20px; }
  .item-tns {
    padding-top: 10px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start; }
    .item-tns img {
      width: 23%;
      height: auto; }
  #con-header {
    height: 24vh; }
  #con-logo {
    padding: 2vh; }
  #con-date {
    width: 24%;
    top: 5%; }
  #con-aiga {
    width: 18%;
    left: 3%;
    top: 8%; }
  #conf-video-section,
  .conf-video-section {
    position: relative;
    margin-bottom: 1rem; }
  #conf-video,
  .conf-video {
    padding-bottom: 56.25%;
    margin: 0 auto;
    position: relative; }
    #conf-video iframe,
    .conf-video iframe {
      width: 100%;
      height: 100%;
      position: absolute; }
  #conf-header article {
    display: none; }
    #conf-header article#conf-header-01 {
      display: block; }
  #conf-header-01 {
    text-align: right;
    position: relative;
    background-color: #f5f5f5;
    background-size: 100% auto;
    background-position: left bottom;
    background-repeat: no-repeat;
    padding: 20px 0; }
  #ch01-mitm {
    /*
	width: auto;
	height: 100%;
	*/
    width: 90%;
    height: auto;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: -1em; }
  #ch01-date {
    /*
	position: absolute;
	top: 30px;
	right: 0;
	width: 330px;
	*/
    width: 40%;
    display: inline-block; }
  #ch01-aiga {
    /*
	position: absolute;
	top: 40px;
	left: 40px;
	*/
    width: 25%;
    display: inline;
    margin-left: 5%; }
  #ch01-nelson {
    /*
	position: absolute;
	bottom: 30px;
	right: 150px;
	width: 80px;
	*/
    width: 25%;
    display: inline;
    margin-right: 5%;
    margin-left: 5%; }
  #ch01-cc {
    /*
	position: absolute;
	bottom: 30px;
	right: 40px;
	width: 90px;
	*/
    width: 25%;
    display: inline;
    text-align: center;
    margin-right: 6%; }
  #ch01-graphic {
    display: none; }
  #conf h2,
  #conf .conf-mitm-role {
    font-size: 2rem;
    margin-bottom: 0.5rem; }
  #conf h3 {
    font-size: 2rem; }
  #conf .page-copy {
    padding: 0; }
  #conf .conf-section {
    padding: 20px; }
  #conf #conf-mitm-list {
    margin-top: 20px;
    padding-top: 30px;
    border-top: 1px solid #0ff; }
  #conf #conf-nav {
    padding: 0.6rem 0; }
    #conf #conf-nav a {
      font-size: 0.6rem;
      padding: 0.6rem;
      line-height: 1; }
  #conf .conf-intro {
    font-size: 1.2rem;
    padding: 1em; }
  #conf .conf-h1,
  #conf .conf-mitm-role {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-weight: 900;
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    text-align: center;
    text-transform: uppercase;
    padding: 0.5em 0;
    color: #0ff; }
  #conf #conf-eventbrite img {
    width: 100%;
    height: auto; }
  #conf #conf-sponsors {
    padding-top: 30px;
    padding-bottom: 30px;
    /*#conf-sponsors-2 {
			
			.conf-sponsor {
				width: 20%;
			}
		}*/ }
    #conf #conf-sponsors .conf-h1 {
      color: #fff; }
    #conf #conf-sponsors .conf-section {
      padding-top: 20px;
      padding-bottom: 40px; }
    #conf #conf-sponsors .conf-sponsor-logos {
      font-size: 0; }
      #conf #conf-sponsors .conf-sponsor-logos a {
        padding: 1rem;
        display: inline-block;
        width: 50%;
        height: 90px; }
    #conf #conf-sponsors .conf-sponsor {
      width: 100%;
      height: 100%;
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat; }
  #conf .conf-schedule-workshop {
    background-size: 1.8rem auto;
    left: -2px;
    padding-left: 2px;
    background-position: left 1.2em; }
  #conf .conf-button {
    width: 100%;
    padding: 1em 0;
    display: block;
    text-align: center;
    font-size: 0.8rem;
    margin-bottom: 10px; }
  #conf .conf-figure figcaption {
    line-height: 1.2em; }
  #conf .conf-location-summary {
    padding-top: 1rem; }
  #conf .conf-address {
    padding: 1rem 0; }
  #conf .conf-speaker {
    margin-bottom: 2rem; }
    #conf .conf-speaker h2 {
      display: none; }
  #conf .conf-speaker-preview {
    font-size: 0.8rem;
    line-height: 1;
    text-align: center; }
    #conf .conf-speaker-preview h3 {
      text-align: center; }
  #conf .conf-speaker-tn {
    display: block;
    margin-bottom: 1rem;
    width: 100%; }
  #conf .conf-profile {
    display: none; }
  #conf .conf-title {
    font-size: 1rem;
    margin-bottom: 0.5rem; }
  #conf .conf-schedule-item {
    margin-bottom: 2rem; }
  #conf #conf-schedule .conf-schedule-item:last-of-type {
    margin-bottom: 0; }
  #conf .conf-time,
  #conf .conf-time time {
    font-size: 0.8rem; }
  #conf .conf-schedule-day {
    margin-bottom: 40px; }
  #conf .conf-location-intro .conf-title {
    border-bottom-width: 0; }
  #conf #conf-accommodations h3 a::after {
    background-size: 1rem auto;
    top: 4px; }
  /*
		Conference 2018
	*/
  #conf-header.conf2018 article {
    display: none; }
    #conf-header.conf2018 article#conf-header-1801 {
      display: block; }
  #conf.conf2018 #conf-schedule-bg,
  #conf.conf2018 #conf-location-bg {
    background-color: transparent;
    background-image: none; }
  #conf.conf2018 #conf-mitm-list {
    margin-top: 2rem;
    padding-top: 2.4rem;
    border-top: 3px solid #231f20; }
  #conf.conf2018 #conf-nav li {
    margin: 0; }
  #conf.conf2018 #conf-nav a {
    padding: 0.4rem; }
    #conf.conf2018 #conf-nav a:hover {
      color: #fff200; }
  #conf.conf2018 .conf-h1,
  #conf.conf2018 .conf-mitm-role {
    color: #fff200;
    padding-bottom: 2rem; }
  #conf.conf2018 .conf-h2 {
    font-size: 1.2rem;
    margin-bottom: 2rem; }
  #conf.conf2018 #conf-speakers .conf-h1,
  #conf.conf2018 #conf-workshops .conf-h1 {
    padding-bottom: 0; }
  #conf.conf2018 .page-copy {
    margin-bottom: 0; }
  #conf.conf2018 #conf-schedule h2 {
    line-height: 1.2em;
    font-size: 1.8rem; }
  #conf.conf2018 .conf-schedule-date {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    text-transform: uppercase; }
  #conf.conf2018 #conf-intro-middle {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 1.1em;
    text-transform: uppercase;
    letter-spacing: -0.025em;
    padding: 2rem 0;
    background-image: url(assets/images/conf2018/intro-bg.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto; }
  #conf.conf2018 #conf-mitm-list .conf-speaker::before {
    display: block;
    margin-bottom: 1rem; }
  #conf.conf2018 #conf-accommodations {
    padding-bottom: 0; }
    #conf.conf2018 #conf-accommodations h3 {
      max-width: 90%; }
  #conf.conf2018 .conf-schedule-item:last-of-type {
    margin-bottom: 0; }
  #conf.conf2018 .conf-schedule-day:last-of-type {
    margin-bottom: 0; }
  #conf.conf2018 .conf-description {
    font-size: 1rem;
    line-height: 1.4em; }
  #conf.conf2018 .conf-food-address {
    margin-top: 0.5em; }
  #conf.conf2018 #conf-intro a {
    color: inherit; }
  #conf.conf2018 #conf-intro footer {
    margin-top: 1em;
    font-size: 0.6rem;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-weight: 900;
    letter-spacing: 0.1em;
    line-height: 1.4em;
    text-transform: uppercase; }
  #conf.conf2018 .conf-address a {
    border-bottom: none; }
  #conf.conf2018 .conf-location {
    margin-bottom: 2em; }
    #conf.conf2018 .conf-location:last-of-type {
      margin-bottom: 0; }
  #conf.conf2018 #conf-map {
    width: 100%;
    height: 80vh; }
    #conf.conf2018 #conf-map #maptest,
    #conf.conf2018 #conf-map iframe {
      width: 100%;
      height: 100%; }
    #conf.conf2018 #conf-map .gm-style-iw {
      font-size: 0.6rem;
      color: #231f20;
      padding: 10px 5px;
      line-height: 1.8em;
      font-weight: bold; }
      #conf.conf2018 #conf-map .gm-style-iw a {
        color: #231f20;
        text-decoration: underline; }
      #conf.conf2018 #conf-map .gm-style-iw b {
        font-size: 0.8rem;
        text-transform: uppercase; }
  #conf.conf2018 #conf-speakers-list .conf-speaker-preview h2,
  #conf.conf2018 #conf-mitm-list .conf-speaker-preview h2 {
    bottom: 4rem; }
  #conf.conf2018 #conf-workshops .conf-title {
    padding-bottom: 0.25em;
    margin-bottom: 0.25em; }
    #conf.conf2018 #conf-workshops .conf-title.conf-footer {
      text-align: left;
      padding-top: 1rem;
      font-size: 0.8rem; }
  #conf.conf2018 #conf-workshops .conf-ws-info {
    font-size: 0.8rem;
    margin-bottom: 0.5em; }
  #conf.conf2018 #conf-workshops .conf-schedule-item {
    margin-bottom: 2.5rem; }
  #conf.conf2018 #conf-workshops .conf-register-all {
    margin-top: 1rem; }
  #conf.conf2018 #conf-sponsors {
    margin-bottom: 0; }
    #conf.conf2018 #conf-sponsors #conf-sponsors-1 .conf-sponsor-logos,
    #conf.conf2018 #conf-sponsors #conf-sponsors-2 .conf-sponsor-logos,
    #conf.conf2018 #conf-sponsors #conf-sponsors-3 .conf-sponsor-logos,
    #conf.conf2018 #conf-sponsors #conf-sponsors-4 .conf-sponsor-logos {
      margin: 0 -10px; }
    #conf.conf2018 #conf-sponsors #conf-sponsors-1 a,
    #conf.conf2018 #conf-sponsors #conf-sponsors-2 a,
    #conf.conf2018 #conf-sponsors #conf-sponsors-3 a,
    #conf.conf2018 #conf-sponsors #conf-sponsors-4 a {
      width: calc(50% - 20px);
      height: 130px;
      margin: 0 10px; }
  #conf.conf-end {
    /*
		Conference Ended
	*/ }
    #conf.conf-end section#conf-intro {
      padding-bottom: 20px;
      background-image: none; }
    #conf.conf-end section#ce-op,
    #conf.conf-end section#ce-conf {
      padding-top: 10px;
      top: 0; }
    #conf.conf-end div#cec-collage-party.ce-collage,
    #conf.conf-end div#cec-collage-conf.ce-collage,
    #conf.conf-end div#cec-collage-ws.ce-collage {
      width: calc(100% + 10px); }
    #conf.conf-end .ce-row::after {
      padding: 0; }
    #conf.conf-end div.ce-group figure {
      border-bottom-width: 5px;
      border-right-width: 5px; }
    #conf.conf-end h2#ceh-opening-party.ce-heading,
    #conf.conf-end h2#ceh-conference.ce-heading {
      width: 100%;
      height: 5rem;
      /*
		height: 15vh;
		transition: height 999999s;
		*/ }
    #conf.conf-end h3#ceh-workshops {
      display: none; }
    #conf.conf-end div.ce-links {
      margin: 0;
      width: 100%; }
    #conf.conf-end ul#ceh-op-links,
    #conf.conf-end ul#ceh-conf-links,
    #conf.conf-end ul#ceh-ws-links {
      margin: 0;
      padding: 20px 0;
      padding-left: 10px;
      width: 100%; }
      #conf.conf-end ul#ceh-op-links li,
      #conf.conf-end ul#ceh-conf-links li,
      #conf.conf-end ul#ceh-ws-links li {
        padding-bottom: 1em; }
    #conf.conf-end ul#ceh-conf-links {
      column-count: 2; }
    #conf.conf-end ul#ceh-op-links li,
    #conf.conf-end ul#ceh-conf-links li,
    #conf.conf-end ul#ceh-ws-links li {
      display: inline-block; }
  div#ce-viewer div#ce-img {
    left: 0;
    width: 100%; }
  div#ce-viewer div#ce-credit {
    right: auto;
    margin-bottom: 1rem; }
  div#ce-viewer div#ce-actions {
    left: 0; }
  div#ce-viewer #ce-controls div#ce-prev,
  div#ce-viewer #ce-controls div#ce-next {
    top: auto;
    bottom: 14%;
    height: 10%; } }

@media screen and (max-width: 47.5em) and (orientation: landscape) {
  #header {
    padding: 20px 0; }
    #header img {
      width: 20%; }
  #con-header {
    height: 60vh; }
  #con-logo {
    padding: 4vh; }
  #con-date {
    width: 22%; }
  #con-aiga {
    width: 16%; }
  /*
	Conference 2018
*/
  #conf-header.conf2018 #conf-header-1801 img {
    width: 100%; }
  #conf.conf2018 #conf-speakers-list,
  #conf.conf2018 #conf-mitm-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -10px; }
    #conf.conf2018 #conf-speakers-list .conf-speaker,
    #conf.conf2018 #conf-mitm-list .conf-speaker {
      width: calc(50% - 20px);
      margin-left: 10px;
      margin-right: 10px; }
  #conf.conf2018 #conf-sponsors {
    margin-bottom: 0; }
    #conf.conf2018 #conf-sponsors #conf-sponsors-1 .conf-sponsor-logos,
    #conf.conf2018 #conf-sponsors #conf-sponsors-2 .conf-sponsor-logos,
    #conf.conf2018 #conf-sponsors #conf-sponsors-3 .conf-sponsor-logos,
    #conf.conf2018 #conf-sponsors #conf-sponsors-4 .conf-sponsor-logos {
      margin: 0 -10px; }
    #conf.conf2018 #conf-sponsors #conf-sponsors-1 a,
    #conf.conf2018 #conf-sponsors #conf-sponsors-2 a,
    #conf.conf2018 #conf-sponsors #conf-sponsors-3 a,
    #conf.conf2018 #conf-sponsors #conf-sponsors-4 a {
      width: calc(33.3333333% - 20px);
      height: 130px;
      margin: 0 10px; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #nav a {
    font-size: 0.5rem; }
  #conf.conf2018 #conf-eventbrite iframe {
    min-height: 427px; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
  #nav a {
    font-size: 0.8rem; } }

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
  #conf.conf2018 #conf-eventbrite iframe {
    min-height: 383px; } }

@media (min-width: 768px) {
  html {
    overflow-y: scroll;
    min-width: 1311px; }
  .columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 3.52941176470588rem;
    -moz-column-gap: 3.52941176470588rem;
    column-gap: 3.52941176470588rem; }
  #header {
    padding-top: 45px;
    text-align: center; }
    #header h1 {
      margin-bottom: 40px; }
      #header h1 img {
        width: 210px;
        height: auto; }
  #footer {
    width: 1211px; }
    #footer #f1,
    #footer #f2,
    #footer #f3 {
      display: inline-block; }
    #footer #f1 {
      width: 350px;
      top: -4px; }
    #footer #f1a small {
      position: relative;
      top: -3px; }
    #footer #f2 {
      width: 300px;
      height: 50px;
      margin: 0 26px;
      margin-bottom: 16px;
      text-align: center;
      border: 1px solid #231f20;
      border-width: 0 1px; }
    #footer #f3 {
      width: 509px;
      top: -5px; }
    #footer .fsubmitinfo {
      width: 1046px;
      display: inline-block;
      padding-left: 18px;
      padding-top: 8px; }
  .maker-cats ul {
    /*left: -370px;
		top: 398px;*/
    left: -90em; }
  .maker-cats li {
    padding: 0 18px; }
  .maker-cats a {
    transition: color 0.2s, border-color 0.2s;
    border-bottom: 5px solid #fff; }
    .maker-cats a:hover, .maker-cats a:active, .maker-cats a:focus, .maker-cats a.selected {
      border-color: #231f20; }
  .page-template-page-homepage-php #footer {
    width: 1311px; }
    .page-template-page-homepage-php #footer #f1 {
      width: 450px; }
    .page-template-page-homepage-php #footer .fsubmitinfo {
      width: 1146px; }
  .toplink {
    border: 1px solid #231f20;
    border-right-width: 0;
    position: fixed;
    bottom: 30%;
    right: 0;
    color: #231f20;
    text-transform: uppercase;
    width: 65px;
    height: 110px;
    display: block;
    background-color: rgba(255, 255, 255, 0.6);
    background-image: url(assets/images/top.png);
    background-position: center 12px;
    background-repeat: no-repeat;
    background-size: 15px auto;
    text-align: center;
    z-index: 9000;
    font-size: 0.73529412rem;
    line-height: 1.28em;
    padding-top: 65px; }
  .carousel {
    min-width: 1311px;
    overflow: hidden;
    /*
	&.shop {
		
		&,
		article,
		img {
			height: 613px;
			background-position: center center;
			background-size: 100% auto;
		}
		
		img {
			display: none;
		}
	}
	*/ }
    .carousel,
    .carousel article {
      height: 613px; }
    .carousel article {
      background-position: center center;
      background-size: 100% auto;
      background-repeat: no-repeat; }
    .carousel img {
      display: none; }
    .carousel header {
      width: 1440px;
      top: -11em; }
      .carousel header h1 {
        font-size: 13.5294117rem; }
      .carousel header.sponsor {
        top: -644px; }
        .carousel header.sponsor h1 {
          left: 20px; }
  .carousel span,
  .item-images span {
    background-image: url(assets/images/car-prev.png);
    background-repeat: no-repeat;
    background-size: 60px 60px;
    background-position: left center;
    display: block;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.2s ease-in-out; }
    .carousel span:hover,
    .item-images span:hover {
      opacity: 0.8; }
    .carousel span.cycle-next,
    .item-images span.cycle-next {
      background-image: url(assets/images/car-next.png);
      background-position: right center;
      left: 50%; }
  /*
========================= Homepage
*/
  .homepage {
    width: 1311px;
    margin-bottom: 50px; }
  .hp-makers .mimages {
    width: 405px;
    height: 405px; }
  .hp-makers article.hpm4 .mimages, .hp-makers article.hpm6 .mimages {
    width: 858px; }
  .hp-makers article.hpm6 .mimages {
    height: 858px; }
  .hp-makers article:hover .minfo {
    opacity: 1; }
  .hp-makers .hpm1,
  .hp-makers .hpm2,
  .hp-makers .hpm4,
  .hp-makers .hpm6 {
    margin-right: 48px; }
  .hp-makers .hpm1,
  .hp-makers .hpm4 {
    margin-bottom: 48px; }
  .hp-makers .hpm7 {
    top: 453px; }
  .hp-quote {
    width: 405px;
    height: 405px;
    position: absolute;
    top: 999px;
    right: 0; }
    .hp-quote blockquote {
      position: absolute;
      top: 100px;
      left: 15px;
      width: 375px;
      font-size: 1.29411765rem;
      font-weight: 700;
      line-height: 1.77272727em;
      letter-spacing: 0.15em; }
  /*
========================= Makers
*/
  .makers-grid {
    width: 1261px;
    left: 25px; }
    .makers-grid article {
      width: 265px;
      height: 265px;
      margin-bottom: 50px; }
      .makers-grid article.featured {
        width: 580px;
        height: 580px; }
        .makers-grid article.featured img {
          width: 590px; }
        .makers-grid article.featured a:hover img {
          width: 580px; }
      .makers-grid article:hover .minfo {
        opacity: 1; }
    .makers-grid img {
      top: 0;
      left: -5px;
      width: 275px;
      height: auto;
      max-width: none;
      transition: left 0.3s ease-in-out, top 0.3s ease-in-out, width 0.3s ease-in-out;
      position: absolute; }
    .makers-grid a:hover img {
      top: 0;
      left: 0;
      width: 265px; }
  /*
========================= About
*/
  .page-content {
    width: 670px;
    margin: 0 auto;
    margin-bottom: 48px;
    text-align: center; }
    .page-content.conference {
      width: 1211px; }
      .page-content.conference .page-copy {
        margin: 0 auto;
        width: 670px;
        padding-top: 48px; }
  .page-heading {
    padding-top: 80px;
    margin-bottom: 56px; }
    .page-heading br {
      display: none; }
  .local .page-heading h1 {
    padding-left: 110px;
    padding-right: 110px; }
  .page-links {
    width: 1311px;
    margin-bottom: 12px; }
    .page-links li {
      display: inline-block;
      margin: 0 27px; }
    .page-links.sponsor {
      text-align: left;
      padding-left: 420px;
      padding-top: 40px; }
      .page-links.sponsor li {
        margin: 0; }
  /*
========================= Sponsor
*/
  .page-sponsor {
    width: 1311px;
    margin: 0 auto;
    margin-bottom: 7px;
    padding-top: 106px; }
    .page-sponsor header,
    .page-sponsor .sponsor-copy {
      display: inline-block; }
    .page-sponsor header {
      width: 375px; }
      .page-sponsor header h1 {
        text-align: right;
        font-size: 1.70588235rem;
        font-weight: 700;
        line-height: 1.48275862em; }
    .page-sponsor .sponsor-copy {
      width: 936px;
      padding-left: 45px; }
  /*
========================= Maker Feature
*/
  .maker-header,
  .maker-title {
    height: 613px; }
  .maker-title {
    /*
	width: 1440px;
	max-width: 1440px;
	*/
    width: 1311px; }
    .maker-title h1 {
      bottom: -34px;
      left: -42px;
      font-size: 13.52941176470588rem; }
  .maker-info,
  .maker-content {
    max-width: 1200px;
    margin: 0 auto; }
  .maker-info {
    border: 1px solid #231f20;
    border-width: 1px 0;
    padding: 24px 0;
    margin-bottom: 104px;
    overflow: hidden; }
    .maker-info h2 {
      font-size: 1.47058824rem;
      letter-spacing: 0.04em;
      white-space: nowrap;
      overflow: visible; }
    .maker-info .maker-info-tn {
      display: inline-block;
      width: 164px;
      margin-right: 35px; }
      .maker-info .maker-info-tn img {
        width: 100%; }
  .maker-footer {
    text-align: right;
    width: 1210px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #231f20; }
  .maker-in {
    width: 290px;
    border-right: 1px solid #231f20;
    padding-right: 35px;
    display: inline-block;
    color: #a6a6a4;
    height: 164px;
    overflow: hidden; }
    .maker-in .maker-in-1 {
      height: 46px; }
    .maker-in h2 {
      position: relative;
      top: -2px; }
  .maker-intro {
    width: 680px;
    display: inline-block;
    margin-left: 30px;
    position: relative;
    top: -8px;
    margin-bottom: -8px; }
  .maker-social {
    border: 1px solid #231f20;
    border-width: 1px 0;
    padding: 25px 0;
    line-height: 1; }
  .maker-content section {
    position: relative; }
    .maker-content section .layout-label {
      font-size: 12px;
      font-weight: 700;
      left: -160px;
      font-family: Verdana;
      padding: 5px;
      position: absolute;
      background-color: yellow;
      width: 100px;
      text-align: center; }
  .maker-content .layout {
    margin-bottom: 70px; }
  .layout2 .copy,
  .layout7 .copy,
  .layout8 .copy {
    padding-left: 130px; }
  .layout3 blockquote,
  .layout5 blockquote,
  .layout7 blockquote,
  .layout10 blockquote {
    font-size: 4.23529411764706rem;
    text-indent: -41px;
    left: -5px; }
  .layout1 .block {
    display: inline-block;
    width: 700px; }
  .layout1 .copy {
    padding-left: 130px;
    width: 650px; }
  .layout1 figure {
    display: inline-block;
    width: 500px; }
  .layout2 figure {
    margin-bottom: 68px; }
  .layout4 h2 {
    padding-left: 250px; }
  .layout4 .copy {
    padding-left: 390px;
    margin-bottom: 37px; }
  .layout4 blockquote {
    display: inline-block;
    vertical-align: bottom;
    width: 355px;
    margin-right: 40px;
    padding-bottom: 20px;
    text-align: right;
    font-size: 1.70588235294118rem;
    line-height: 1.48275862068966em;
    color: #404041; }
    .layout4 blockquote .rq {
      margin-right: -0.55em; }
  .layout4 figure {
    width: 805px;
    display: inline-block; }
  .layout5 blockquote {
    margin-bottom: 20px; }
  .maker-content .layout.layout6 {
    margin-bottom: 48px; }
  .layout6 .block {
    position: relative;
    padding-left: 252px;
    margin-bottom: 66px; }
  .layout6 .copy {
    padding-left: 130px; }
  .maker-content .layout.layout7 {
    margin-bottom: 54px; }
  .layout7 .copy {
    margin-bottom: 32px; }
  .layout8.b h2, .layout8.c h2 {
    padding-left: 252px; }
  .layout8.b .copy, .layout8.c .copy {
    padding-left: 390px; }
  /*
========================= Shop Items
*/
  .shop-grid {
    width: 1311px; }
    .shop-grid article {
      width: 50%;
      padding: 30px;
      display: inline-block; }
      .shop-grid article .item-info {
        width: 345px; }
  .shop-item {
    width: 1290px;
    padding-top: 75px; }
    .shop-item .item-images {
      width: 775px;
      display: inline-block; }
    .shop-item .item-slides {
      margin-bottom: 45px; }
    .shop-item .item-tns {
      width: 820px; }
      .shop-item .item-tns img {
        width: 160px;
        margin-right: 45px;
        margin-bottom: 45px; }
    .shop-item .item-details {
      width: 476px;
      display: inline-block;
      padding-left: 70px;
      position: relative;
      top: -12px; }
    .shop-item .item-content .description,
    .shop-item .item-content .promotion {
      width: 100%;
      margin-bottom: 24px; }
    .shop-item .add {
      margin-bottom: 50px; }
  .description {
    width: 825px; }
    .description form {
      padding-top: 14px;
      margin-bottom: 20px; }
      .description form button {
        font-size: 1rem;
        padding: 10px 16px 8px; }
  .timeline {
    margin-bottom: 50px; }
  /*
	Conference
*/
  #conf h2 {
    font-size: 4rem; }
  #conf h3 {
    font-size: 1.2rem; }
  #conf .conf-section {
    padding-bottom: 100px; }
  #conf #conf-intro {
    padding-top: 90px;
    padding-bottom: 100px; }
  #conf .conf-intro {
    font-size: 3.5rem;
    padding: 50px 0; }
  #conf .conf-h1 {
    position: absolute;
    top: 0;
    left: 0;
    text-indent: -9000em;
    overflow: hidden;
    pointer-events: none;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    width: 100%;
    height: 100%;
    z-index: 0; }
  #conf .conf-section,
  #conf .conf-profile-content {
    width: 1211px; }
  #conf #conf-aiga-note div {
    width: 20em;
    margin-top: 1em; }
  #conf .conf-schedule-item {
    left: 280px;
    margin-bottom: 50px;
    width: 840px; }
  #conf #conf-speakers-list,
  #conf #conf-mitm-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 50px; }
    #conf #conf-speakers-list article,
    #conf #conf-mitm-list article {
      width: 30%;
      margin: 0;
      padding: 0; }
    #conf #conf-speakers-list .conf-speaker-preview h3,
    #conf #conf-mitm-list .conf-speaker-preview h3 {
      display: none; }
    #conf #conf-speakers-list .conf-speaker,
    #conf #conf-mitm-list .conf-speaker {
      overflow: hidden;
      margin-bottom: 40px;
      cursor: pointer; }
      #conf #conf-speakers-list .conf-speaker img,
      #conf #conf-mitm-list .conf-speaker img {
        display: block;
        margin-bottom: 20px;
        transition: opacity 0.2s; }
      #conf #conf-speakers-list .conf-speaker h2,
      #conf #conf-mitm-list .conf-speaker h2 {
        position: absolute;
        top: -300em; }
      #conf #conf-speakers-list .conf-speaker p,
      #conf #conf-mitm-list .conf-speaker p {
        margin-bottom: 0; }
  #conf #conf-speakers-list {
    margin-bottom: 200px; }
  #conf #conf-mitm-list {
    justify-content: center;
    background-image: url(assets/images/conf-h1-mitm.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain; }
    #conf #conf-mitm-list .conf-speaker {
      margin: 0 30px;
      margin-bottom: 30px; }
  #conf #conf-speakers-list .conf-profile {
    min-height: 600px;
    cursor: pointer; }
    #conf #conf-speakers-list .conf-profile .conf-profile-content {
      cursor: default; }
  #conf #conf-speakers-list .conf-profile-top {
    background-image: url(assets/images/conf-speaker-header.svg);
    background-position: left top;
    background-size: 80% auto;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10; }
  #conf #conf-speakers-list .conf-profile-bg {
    background-color: #f9f9f9;
    background-position: right bottom;
    background-size: 58% auto;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 5; }
  #conf #conf-speakers-list .conf-profile-header,
  #conf #conf-speakers-list .conf-speaker-info {
    position: relative;
    z-index: 100; }
  #conf #conf-speakers-list .conf-mitm-02,
  #conf #conf-speakers-list .conf-close {
    z-index: 300; }
  #conf #conf-speakers-list #conf-sp2 .conf-profile-bg {
    background-size: 54% auto; }
  #conf #conf-speakers-list #conf-sp3 .conf-profile-bg {
    background-size: 67% auto; }
  #conf #conf-speakers-list #conf-sp4 .conf-profile-bg {
    background-size: 77.4% auto; }
  #conf #conf-speakers-list #conf-sp5 .conf-profile-bg {
    background-size: 55% auto; }
  #conf #conf-speakers-list #conf-sp6 .conf-profile-bg {
    background-size: 64% auto; }
  #conf #conf-speakers-list #conf-sp21 .conf-profile-bg {
    background-size: 53% auto; }
  #conf #conf-speakers-list #conf-sp22 .conf-profile-bg {
    background-size: 51% auto; }
  #conf #conf-speakers-list #conf-sp23 .conf-profile-bg {
    background-size: 50% auto; }
  #conf #conf-sponsors {
    padding: 50px 0;
    position: relative; }
  #conf .conf-mitm-role {
    display: none; }
  #conf .conf-twitter,
  #conf .conf-website {
    font-size: 1rem; }
  #conf .conf-location-info {
    width: 80%;
    margin-bottom: 40px; }
    #conf .conf-location-info .conf-figure {
      width: 60%;
      display: table-cell;
      vertical-align: bottom; }
      #conf .conf-location-info .conf-figure figcaption {
        text-align: left; }
    #conf .conf-location-info .conf-location-summary {
      display: table-cell;
      width: 40%;
      vertical-align: bottom;
      padding-left: 40px;
      padding-bottom: 14px; }
      #conf .conf-location-info .conf-location-summary .conf-title {
        border-bottom-width: 0; }
    #conf .conf-location-info .conf-address {
      border-top: 3px solid #231f20;
      display: inline-block; }
  #conf #conf-mitm-01 {
    background-image: url(assets/images/conf-mitm-01.svg);
    position: absolute;
    width: 260px;
    height: 400px;
    background-size: contain;
    background-repeat: no-repeat;
    top: -92px;
    left: -92px; }
  #conf .conf-mitm-02 {
    background-image: url(assets/images/conf-mitm-02.svg);
    background-position: calc(100% + 2px) calc(100% + 2px);
    position: absolute;
    width: 180px;
    height: 400px;
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 0;
    right: 0; }
  #conf #conf-speakers-workshops {
    background-image: url(assets/images/conf-speakers-workshops.svg);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100% auto; }
  #conf #conf-speakers {
    background-image: url(assets/images/conf-h1-speakers.png);
    padding-top: 113px;
    padding-bottom: 100px;
    position: relative;
    background-size: 83% auto;
    background-repeat: no-repeat;
    position: relative; }
    #conf #conf-speakers .conf-h1 {
      background-image: url(assets/images/conf-h1-speakers.png);
      z-index: 100;
      opacity: 0.25;
      position: absolute;
      background-size: 83% auto; }
  #conf #conf-workshops {
    padding-top: 50px;
    padding-bottom: 150px;
    margin-bottom: 0; }
    #conf #conf-workshops .conf-schedule-item {
      left: 320px; }
    #conf #conf-workshops .conf-h1 {
      background-image: url(assets/images/conf-h1-workshops.png);
      background-position: left center; }
  #conf .conf-title time,
  #conf .conf-sponsor-level time,
  #conf .conf-time time,
  #conf .conf-time time time,
  #conf .conf-register-all time {
    display: block; }
  #conf .conf-time,
  #conf .conf-food-address {
    position: absolute;
    top: 0;
    left: -280px; }
  #conf .conf-schedule-workshop .conf-time {
    left: -274px; }
  #conf #conf-eventbrite {
    text-align: right;
    padding-top: 110px; }
    #conf #conf-eventbrite img {
      width: 500px;
      height: auto; }
  #conf #conf-sponsors .conf-h1 {
    background-image: url(assets/images/conf-h1-sponsors.png);
    z-index: 0;
    background-size: 940px auto;
    background-position: center 302px; }
  #conf #conf-sponsors .conf-section {
    padding: 40px 0 50px; }
  #conf #conf-sponsors .conf-sponsor-logos {
    font-size: 0;
    margin-bottom: 40px; }
    #conf #conf-sponsors .conf-sponsor-logos a {
      padding: 1rem;
      display: inline-block;
      width: 33.3333333%;
      height: 140px; }
  #conf #conf-sponsors .conf-sponsor {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat; }
  #conf #conf-sponsors #conf-sponsors-2 a {
    width: 25%; }
  #conf #conf-sponsors #conf-sponsors-3 a {
    width: 20%;
    height: 120px; }
  #conf #conf-sponsors #conf-sponsors-4 a {
    width: 20%;
    height: 120px; }
  #conf #conf-schedule-bg {
    padding-top: 4rem;
    padding-bottom: 10px;
    margin-bottom: 120px; }
  #conf #conf-schedule .conf-h1 {
    background-image: url(assets/images/conf-h1-schedule.png);
    background-size: 350px auto;
    background-position: 20px center; }
  #conf #conf-schedule .conf-schedule-item.conf-schedule-workshop {
    width: 340px;
    left: 314px;
    padding-left: 6px;
    padding-top: 2px; }
  #conf #conf-registration .conf-h1 {
    background-image: url(assets/images/conf-h1-registration.png);
    z-index: -1;
    width: 92%; }
  #conf #conf-location {
    padding-top: 210px; }
    #conf #conf-location .conf-h1 {
      background-image: url(assets/images/conf-h1-location.png);
      z-index: 0; }
  #conf #conf-accommodations .conf-h1 {
    background-image: url(assets/images/conf-h1-accommodations.png); }
  #conf #conf-accommodations section {
    position: relative; }
  #conf #conf-accommodations .conf-button {
    display: inline-block; }
  #conf #conf-hotels {
    margin-bottom: 100px; }
  #conf #conf-registration {
    padding-top: 228px; }
    #conf #conf-registration .conf-title span {
      display: block; }
      #conf #conf-registration .conf-title span::after {
        content: '-'; }
  #conf #conf-schedule .conf-schedule-item,
  #conf #conf-accommodations .conf-schedule-item {
    left: 320px; }
  #conf #conf-schedule h2,
  #conf #conf-accommodations h2 {
    padding-left: 40px; }
  #conf #conf-map {
    width: 100%;
    height: 600px; }
    #conf #conf-map iframe {
      pointer-events: none; }
  #conf #conf-location-bg {
    padding-top: 100px; }
  #conf #conf-workshops .conf-h1,
  #conf #conf-schedule .conf-h1,
  #conf #conf-accommodations .conf-h1 {
    background-size: 365px auto;
    background-position: left center; }
  /*
		Conference 2018
	*/
  #conf-header.conf2018 article {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #232323; }
    #conf-header.conf2018 article.full {
      background-size: cover; }
    #conf-header.conf2018 article img {
      display: none; }
  #conf-header.conf2018 #conf-header-1801 {
    background-image: url(assets/images/conf2018/slide2018-01.jpg); }
  #conf-header.conf2018 #conf-header-1802 {
    background-image: url(assets/images/conf2018/slide2018-02.jpg); }
  #conf-header.conf2018 #conf-header-1803 {
    background-image: url(assets/images/conf2018/slide2018-03.jpg); }
  #conf-header.conf2018 #conf-header-1804 {
    background-image: url(assets/images/conf2018/slide2018-04.jpg); }
  #conf-header.conf2018 #conf-header-1805 {
    background-image: url(assets/images/conf2018/slide2018-05.jpg); }
  #conf.conf2018 .conf-title span {
    display: block; }
    #conf.conf2018 .conf-title span::after {
      display: none;
      content: ''; }
  #conf.conf2018 .conf-title,
  #conf.conf2018 h3 {
    margin-bottom: 0.6rem; }
  #conf.conf2018 .conf-schedule-date {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    text-transform: uppercase; }
  #conf.conf2018 #conf-schedule h2 br {
    display: none; }
  #conf.conf2018 #conf-mitm-01,
  #conf.conf2018 #conf-mitm-02 {
    display: none; }
  #conf.conf2018 #conf-nav a:hover {
    color: #fff200; }
  #conf.conf2018 #conf-intro a {
    color: inherit; }
  #conf.conf2018 #conf-intro footer {
    font-size: 1.3rem;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-weight: 900;
    letter-spacing: 0.1em;
    line-height: 2.8em;
    text-transform: uppercase; }
  #conf.conf2018 #conf-intro-middle {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-weight: 700;
    font-size: 4.6rem;
    text-transform: uppercase;
    letter-spacing: -0.025em;
    padding: 10rem 0 9rem;
    background-image: url(assets/images/conf2018/intro-bg.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 65%; }
    #conf.conf2018 #conf-intro-middle br {
      display: none; }
  #conf.conf2018 .conf-h2 {
    width: 100%;
    position: absolute;
    top: 60px; }
    #conf.conf2018 .conf-h2 br {
      display: none; }
  #conf.conf2018 #conf-workshops .conf-h2 {
    top: 40px; }
  #conf.conf2018 #conf-schedule .conf-h1,
  #conf.conf2018 #conf-registration .conf-h1,
  #conf.conf2018 #conf-location .conf-h1,
  #conf.conf2018 #conf-accommodations .conf-h1,
  #conf.conf2018 #conf-schedule-bg,
  #conf.conf2018 #conf-location-bg {
    background-image: none;
    background-color: transparent; }
  #conf.conf2018 #conf-schedule-bg {
    background-image: url(assets/images/conf2018/schedule-bg.png);
    background-repeat: no-repeat;
    background-position: calc(50% - 450px) top;
    background-size: 415px auto;
    padding-top: 120px; }
  #conf.conf2018 #conf-registration {
    background-image: url(assets/images/conf2018/registration-bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 98% auto;
    padding-top: 160px;
    padding-bottom: 0; }
  #conf.conf2018 #conf-eventbrite {
    padding-top: 60px; }
  #conf.conf2018 #conf-location-bg {
    padding-top: 0; }
  #conf.conf2018 #conf-location {
    background-image: url(assets/images/conf2018/location-bg.svg);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 96% auto;
    padding-top: 160px; }
    #conf.conf2018 #conf-location .conf-intro {
      padding-top: 22px;
      padding-bottom: 55px; }
    #conf.conf2018 #conf-location .conf-location {
      margin-bottom: 70px; }
      #conf.conf2018 #conf-location .conf-location:last-of-type {
        margin-bottom: 0; }
    #conf.conf2018 #conf-location .conf-location-info {
      margin-bottom: 57px; }
  #conf.conf2018 .conf-title,
  #conf.conf2018 .conf-sponsor-level {
    border-bottom-width: 4px; }
  #conf.conf2018 .conf-address {
    border-top-width: 4px;
    padding-top: 1rem; }
  #conf.conf2018 .conf-schedule-day {
    margin-bottom: 5rem; }
  #conf.conf2018 .conf-figure img {
    width: 100%; }
  #conf.conf2018 #conf-eventbrite {
    padding-bottom: 140px; }
    #conf.conf2018 #conf-eventbrite iframe {
      width: 60%; }
  #conf.conf2018 #conf-accommodations {
    background-image: url(assets/images/conf2018/accommodations-bg.svg);
    background-repeat: no-repeat;
    background-position: 20px 110px;
    background-size: 22% auto; }
    #conf.conf2018 #conf-accommodations .conf-schedule-item {
      margin-bottom: 1.2rem; }
    #conf.conf2018 #conf-accommodations .conf-description {
      font-size: 1.6rem; }
    #conf.conf2018 #conf-accommodations .conf-food-address {
      font-size: 1.1rem;
      line-height: 1.4em; }
  #conf.conf2018 #conf-hotels {
    margin-bottom: 50px; }
  #conf.conf2018 #conf-map #maptest,
  #conf.conf2018 #conf-map iframe {
    width: 100%;
    height: 100%; }
  #conf.conf2018 #conf-map .gm-style-iw {
    font-size: 0.8rem;
    color: #231f20;
    padding: 15px 10px;
    line-height: 1.8em;
    font-weight: bold; }
    #conf.conf2018 #conf-map .gm-style-iw a {
      color: #231f20;
      text-decoration: underline; }
    #conf.conf2018 #conf-map .gm-style-iw b {
      font-size: 1rem;
      text-transform: uppercase; }
  #conf.conf2018 #conf-speakers,
  #conf.conf2018 #conf-speakers .conf-h1,
  #conf.conf2018 #conf-speakers-workshops,
  #conf.conf2018 #conf-workshops .conf-h1,
  #conf.conf2018 #conf-mitm-list {
    background-image: none; }
  #conf.conf2018 #conf-speakers {
    background-image: url(assets/images/conf2018/speakers-bg.svg);
    background-size: 92% auto;
    background-position: center top;
    padding-top: 230px; }
  #conf.conf2018 #conf-speakers-list {
    border-bottom: 3px solid #231f20;
    margin-bottom: 70px;
    padding: 0;
    padding-bottom: 20px; }
    #conf.conf2018 #conf-speakers-list #conf-sp1 .conf-profile-bg,
    #conf.conf2018 #conf-speakers-list #conf-sp2 .conf-profile-bg,
    #conf.conf2018 #conf-speakers-list #conf-sp3 .conf-profile-bg,
    #conf.conf2018 #conf-speakers-list #conf-sp4 .conf-profile-bg,
    #conf.conf2018 #conf-speakers-list #conf-sp5 .conf-profile-bg,
    #conf.conf2018 #conf-speakers-list #conf-sp6 .conf-profile-bg,
    #conf.conf2018 #conf-speakers-list #conf-sp21 .conf-profile-bg,
    #conf.conf2018 #conf-speakers-list #conf-sp22 .conf-profile-bg,
    #conf.conf2018 #conf-speakers-list #conf-sp23 .conf-profile-bg,
    #conf.conf2018 #conf-speakers-list .conf-ws-info .conf-profile-bg {
      background-position: right 153px;
      background-size: 55% auto; }
  #conf.conf2018 .conf-profile {
    overflow: auto; }
  #conf.conf2018 #conf-speakers-list .conf-profile-content {
    margin-bottom: 50px; }
  #conf.conf2018 #conf-speakers-list .conf-speaker-info,
  #conf.conf2018 #conf-mitm-list .conf-speaker-info {
    padding-top: 20px; }
  #conf.conf2018 #conf-speakers-list .conf-speaker-title,
  #conf.conf2018 #conf-mitm-list .conf-speaker-title {
    font-weight: 500; }
  #conf.conf2018 #conf-speakers-list .conf-profile-header h3,
  #conf.conf2018 #conf-mitm-list .conf-profile-header h3 {
    font-weight: 600; }
  #conf.conf2018 #conf-speakers-list .conf-profile-content,
  #conf.conf2018 #conf-mitm-list .conf-profile-content {
    min-height: 616px; }
  #conf.conf2018 #conf-speakers-list .conf-mitm-02,
  #conf.conf2018 #conf-mitm-list .conf-mitm-02 {
    display: none; }
  #conf.conf2018 #conf-mitm-list {
    justify-content: space-between;
    padding: 0; }
    #conf.conf2018 #conf-mitm-list .conf-speaker {
      margin: 0; }
  #conf.conf2018 #conf-speaker-21,
  #conf.conf2018 #conf-speaker-22,
  #conf.conf2018 #conf-speaker-23 {
    position: relative;
    overflow: visible; }
    #conf.conf2018 #conf-speaker-21::before,
    #conf.conf2018 #conf-speaker-22::before,
    #conf.conf2018 #conf-speaker-23::before {
      transform: rotate(-90deg);
      position: absolute;
      left: 0.4rem;
      bottom: 2.2rem;
      width: 100%;
      height: 100%;
      font-size: 1.8rem; }
  #conf.conf2018 #conf-workshops {
    background-image: url(assets/images/conf2018/workshops-bg.svg);
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 230px; }
    #conf.conf2018 #conf-workshops .conf-schedule-item {
      left: auto;
      width: 80%;
      margin-left: auto;
      margin-right: auto; }
    #conf.conf2018 #conf-workshops .conf-title {
      padding-right: 24rem; }
      #conf.conf2018 #conf-workshops .conf-title.has-popup {
        cursor: pointer; }
    #conf.conf2018 #conf-workshops .conf-footer {
      padding-top: 0.6em;
      padding-right: 0; }
    #conf.conf2018 #conf-workshops .conf-ws-info {
      text-align: right;
      position: absolute;
      top: 0;
      right: 0; }
  #conf.conf2018 #conf-sponsors {
    background-image: url(assets/images/conf2018/sponsors-bg.svg);
    background-size: 1211px auto;
    background-position: center 80px;
    background-repeat: no-repeat;
    padding-top: 200px; }
  #conf-video-section,
  .conf-video-section {
    position: relative;
    top: -10rem; }
  #conf-video,
  .conf-video {
    width: 50%;
    padding-bottom: 28.125%;
    margin: 0 auto;
    position: relative; }
    #conf-video iframe,
    .conf-video iframe {
      width: 100%;
      height: 100%;
      position: absolute; }
  #conf-header-01 {
    height: 572px;
    text-align: center;
    position: relative;
    background-color: #f5f5f5;
    background-image: url(assets/images/conf-header-01-bg.png);
    background-size: 100% auto;
    background-position: left bottom;
    background-repeat: no-repeat; }
  #ch01-aiga {
    position: absolute;
    top: 40px;
    left: 40px;
    width: 100px; }
  #ch01-mitm {
    width: auto;
    height: 100%; }
  #ch01-date {
    position: absolute;
    top: 30px;
    right: 0;
    width: 330px; }
  #ch01-nelson {
    position: absolute;
    bottom: 30px;
    right: 150px;
    width: 80px; }
  #ch01-cc {
    position: absolute;
    bottom: 30px;
    right: 40px;
    width: 90px; }
  #ch01-graphic {
    position: absolute;
    bottom: 80px;
    left: 0;
    width: 40px; }
  #conf-header {
    height: 572px;
    position: relative;
    user-select: none; }
    #conf-header article {
      width: 100%;
      height: 100%; }
    #conf-header.conf-ended article {
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat; }
    #conf-header.conf-ended img {
      display: none; }
  #conf-header-nav {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 300;
    width: 100%;
    height: 100%; }
    #conf-header-nav span {
      position: absolute;
      top: 0;
      display: block;
      width: 50%;
      height: 100%;
      cursor: pointer;
      background-size: auto 80px;
      background-repeat: no-repeat;
      opacity: 0.6;
      transition: opacity 0.2s; }
      #conf-header-nav span:hover {
        opacity: 1; }
    #conf-header-nav #conf-header-prev {
      background-image: url(assets/images/conf-header-prev.png);
      background-position: 30px center;
      left: 0; }
    #conf-header-nav #conf-header-next {
      background-image: url(assets/images/conf-header-next.png);
      background-position: calc(100% - 30px) center;
      right: 0; } }

/*
	Conference Ended
*/
#conf {
  position: relative; }

.ce-section {
  position: relative;
  margin-bottom: 50px; }

#conf.conf-end {
  /*
	background-image: url(assets/images/ce-bg.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	*/
  /*
		Conference Photos
	*/ }
  #conf.conf-end #conf-intro {
    background-image: url(assets/images/ce-logo-full.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 25% auto;
    padding-bottom: 280px; }
  #conf.conf-end .ce-section {
    top: -100px; }
  #conf.conf-end .ce-collage {
    width: 1261px;
    margin: 0 auto; }
  #conf.conf-end .ce-row {
    position: relative;
    display: flex; }
    #conf.conf-end .ce-row::after {
      content: '';
      display: block;
      padding-bottom: 30%; }
  #conf.conf-end .ce-group {
    height: 100%; }
    #conf.conf-end .ce-group figure {
      width: 100%;
      background-position: center center;
      background-size: cover;
      background-clip: content-box;
      border-right: 10px solid #fff;
      border-bottom: 10px solid #fff;
      cursor: pointer; }
      #conf.conf-end .ce-group figure::after {
        content: '';
        display: block;
        padding-bottom: 100%; }
      #conf.conf-end .ce-group figure figcaption,
      #conf.conf-end .ce-group figure img {
        display: none; }
  #conf.conf-end .cer2::after {
    padding-bottom: 20%; }
  #conf.conf-end .ceg1 {
    width: 40%;
    height: auto;
    position: relative; }
    #conf.conf-end .ceg1 .ce1 {
      height: 100%;
      position: absolute; }
  #conf.conf-end .ceg2 {
    width: 40%;
    display: flex;
    flex-wrap: wrap; }
    #conf.conf-end .ceg2 .ce2 {
      width: 50%; }
    #conf.conf-end .ceg2 .ce3 {
      width: 50%; }
    #conf.conf-end .ceg2 .ce4 {
      width: 100%; }
      #conf.conf-end .ceg2 .ce4::after {
        padding-bottom: 50%; }
  #conf.conf-end .ceg3 {
    width: 20%;
    height: auto;
    position: relative; }
    #conf.conf-end .ceg3 .ce5 {
      width: 100%;
      height: 100%;
      position: absolute; }
      #conf.conf-end .ceg3 .ce5::after {
        padding-bottom: 200%; }
  #conf.conf-end .ceg4 {
    display: flex;
    width: 100%;
    height: 100%; }
    #conf.conf-end .ceg4 .ce6,
    #conf.conf-end .ceg4 .ce7,
    #conf.conf-end .ceg4 .ce8,
    #conf.conf-end .ceg4 .ce9 {
      width: 20%; }
    #conf.conf-end .ceg4 .ce9 {
      width: 40%; }
      #conf.conf-end .ceg4 .ce9::after {
        padding-bottom: 50%; }
  #conf.conf-end .ceg5 {
    display: flex;
    width: 100%;
    height: 100%; }
    #conf.conf-end .ceg5 .ce10 {
      width: 40%; }
    #conf.conf-end .ceg5 .ce11 {
      width: 60%; }
      #conf.conf-end .ceg5 .ce11::after {
        padding-bottom: 50%; }
  #conf.conf-end .cecg1 {
    width: 60%; }
  #conf.conf-end .cecg2 {
    width: 40%;
    display: flex;
    flex-wrap: wrap; }
    #conf.conf-end .cecg2 .cec2 {
      width: 50%; }
    #conf.conf-end .cecg2 .cec3 {
      width: 50%; }
    #conf.conf-end .cecg2 .cec4 {
      width: 100%; }
  #conf.conf-end .cecg3 {
    width: 40%;
    display: flex;
    flex-wrap: wrap; }
    #conf.conf-end .cecg3 .cec5 {
      width: 100%; }
      #conf.conf-end .cecg3 .cec5::after {
        padding-bottom: 50%; }
    #conf.conf-end .cecg3 .cec6 {
      width: 50%; }
    #conf.conf-end .cecg3 .cec7 {
      width: 50%; }
  #conf.conf-end .cecg4 {
    width: 60%;
    position: absolute;
    left: 40%; }
    #conf.conf-end .cecg4 .cec8 {
      width: 100%;
      height: 100%;
      position: absolute; }
      #conf.conf-end .cecg4 .cec8::after {
        padding-bottom: 66.6666666%; }
  #conf.conf-end .cecg5 {
    width: 40%; }
    #conf.conf-end .cecg5 .cec9 {
      width: 100%; }
  #conf.conf-end .cecg6 {
    width: 60%;
    display: flex;
    flex-wrap: wrap; }
    #conf.conf-end .cecg6 .cec10,
    #conf.conf-end .cecg6 .cec11,
    #conf.conf-end .cecg6 .cec12,
    #conf.conf-end .cecg6 .cec13,
    #conf.conf-end .cecg6 .cec14,
    #conf.conf-end .cecg6 .cec15 {
      width: 33.3333333%; }
  #conf.conf-end .cecg7 {
    width: 40%; }
    #conf.conf-end .cecg7 .cec16 {
      width: 100%; }
  #conf.conf-end .cecg8 {
    width: 60%;
    display: flex;
    flex-wrap: wrap; }
    #conf.conf-end .cecg8 .cec17,
    #conf.conf-end .cecg8 .cec20 {
      width: 33.3333333%; }
    #conf.conf-end .cecg8 .cec18,
    #conf.conf-end .cecg8 .cec19 {
      width: 66.6666666%; }
      #conf.conf-end .cecg8 .cec18::after,
      #conf.conf-end .cecg8 .cec19::after {
        padding-bottom: 33.3333333%; }

#ce-intro {
  font-size: 3rem;
  line-height: 1.2em;
  font-weight: bold;
  text-align: center;
  width: 70%;
  margin: 0 auto;
  padding: 100px 0; }

.ce-heading {
  text-indent: -9000em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  margin: 0 auto;
  width: 1361px;
  height: 430px; }

#ceh-opening-party {
  background-image: url(assets/images/ce-opening-party.png); }

#ceh-conference {
  background-image: url(assets/images/ce-conference.png); }

#ce-viewer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9000;
  width: 100%;
  height: 100%;
  display: none; }
  #ce-viewer #ce-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.98);
    background-image: url(assets/images/ce-logo.png);
    background-position: top left;
    background-size: 20% auto;
    background-repeat: no-repeat;
    cursor: pointer; }
  #ce-viewer #ce-controls {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    #ce-viewer #ce-controls div {
      width: 80px;
      height: 80px;
      margin-top: -40px;
      cursor: pointer;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      position: absolute; }
    #ce-viewer #ce-controls #ce-close {
      background-image: url(assets/images/ce-close.png);
      width: 40px;
      height: 40px;
      top: 15px;
      right: 15px;
      margin-top: 0; }
    #ce-viewer #ce-controls #ce-prev,
    #ce-viewer #ce-controls #ce-next {
      background-size: 40px auto;
      width: 40%;
      height: 80%;
      top: 10%;
      -webkit-tap-highlight-color: transparent; }
    #ce-viewer #ce-controls #ce-prev {
      background-image: url(assets/images/ce-prev.png);
      background-position: 15px center;
      left: 0; }
    #ce-viewer #ce-controls #ce-next {
      background-image: url(assets/images/ce-next.png);
      background-position: calc(100% - 15px) center;
      right: 0; }
  #ce-viewer #ce-img {
    position: absolute;
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto; }
  #ce-viewer #ce-credit,
  #ce-viewer #ce-actions {
    position: absolute;
    bottom: 3%; }
  #ce-viewer #ce-credit {
    right: 9%;
    text-align: right;
    padding: 10px; }
    #ce-viewer #ce-credit span {
      font-family: "Mercury Display A", "Mercury Display B", serif;
      font-weight: normal;
      text-transform: none;
      font-size: 0.8rem;
      line-height: 0.7em;
      letter-spacing: 0; }
  #ce-viewer #ce-actions {
    left: 9%; }
  #ce-viewer #ce-download {
    margin-right: 1em; }

#ce-actions,
#ce-credit,
.ce-links {
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 0.7rem;
  line-height: 1em;
  letter-spacing: 0.15em; }
  #ce-actions a,
  #ce-credit a,
  .ce-links a {
    color: inherit;
    background-image: url(assets/images/conf-button.png);
    background-position: 7px 9px;
    background-repeat: no-repeat;
    background-size: auto 16px;
    padding: 10px; }

.ce-links {
  width: 1261px;
  margin: 0 auto;
  margin-top: -180px;
  margin-bottom: 80px; }
  .ce-links a {
    display: block;
    line-height: 1.4em;
    background-position: 7px 10px;
    background-size: auto 16px; }

#ceh-conf-links {
  margin-top: -290px;
  width: 60%;
  column-count: 3;
  column-gap: 0;
  padding-left: 170px; }
  #ceh-conf-links a {
    height: 2.2em;
    overflow: visible; }

#ceh-workshops {
  position: relative;
  top: -160px;
  left: -82px;
  width: 18%;
  height: 100px;
  background-image: url(assets/images/ce-workshops.png);
  background-position: left center;
  background-size: contain;
  background-repeat: no-repeat; }
  #ceh-workshops span {
    position: absolute;
    left: -9000em; }

.ce-wrap {
  position: relative;
  width: 1261px;
  margin: 0 auto; }

.page-template-page-conference-2018-recap #conf-nav-sticky-wrapper {
  position: relative;
  z-index: 9999; }

.page-template-page-conference-2018-recap #conf-video-section,
.page-template-page-conference-2018-recap .conf-video-section {
  top: 0;
  padding-top: 4rem;
  margin-bottom: 1rem; }
  .page-template-page-conference-2018-recap #conf-video-section.last,
  .page-template-page-conference-2018-recap .conf-video-section.last {
    padding-top: 0;
    margin-top: -2rem;
    margin-bottom: 4rem; }

.page-template-page-conference-2018-recap #conf-video,
.page-template-page-conference-2018-recap .conf-video {
  width: 80%;
  padding-bottom: 45%; }

.page-template-page-conference-2018-recap .conf-video {
  margin-bottom: 2rem; }
  .page-template-page-conference-2018-recap .conf-video:last-of-type {
    margin-bottom: 0; }

.page-template-page-conference-2018-recap #conf #conf-intro {
  background-image: none;
  padding-bottom: 0; }

.page-template-page-conference-2018-recap #conf #conf-nav a:hover {
  color: #fff200; }

.page-template-page-conference-2018-recap #conf.conf-end #ce-ws {
  top: 0;
  margin-bottom: 120px; }

.page-template-page-conference-2018-recap .ce-section {
  margin-bottom: 0; }

.page-template-page-conference-2018-recap #ceh-ws {
  background-image: url(assets/images/conf2018/recap-ws.svg);
  height: 410px; }

.page-template-page-conference-2018-recap #ceh-opening-party {
  background-image: url(assets/images/conf2018/recap-op.svg); }

.page-template-page-conference-2018-recap #ceh-conference {
  background-image: url(assets/images/conf2018/recap-conf.svg); }

.page-template-page-conference-2018-recap #ceh-workshops {
  background-image: none; }

.page-template-page-conference-2018-recap #ce-actions a, .page-template-page-conference-2018-recap #ce-credit a, .page-template-page-conference-2018-recap .ce-links a {
  background-image: none; }

.page-template-page-conference-2018-recap #ce-viewer #ce-bg {
  background-image: none; }

.page-template-page-conference-2018-recap .ce-links a {
  padding: 0;
  background-image: none;
  line-height: 1.8em;
  white-space: nowrap; }

.page-template-page-conference-2018-recap #ceh-ws-links {
  column-count: 2;
  padding-left: 0;
  margin-top: -265px;
  margin-bottom: 0;
  width: 30%; }

.page-template-page-conference-2018-recap #ceh-op-links {
  padding-left: 815px;
  margin-top: -320px;
  margin-bottom: 180px;
  width: 100%; }

.page-template-page-conference-2018-recap #ceh-conf-links {
  column-count: 2;
  padding-left: 920px;
  margin-top: -270px;
  margin-bottom: 0;
  width: 105%; }

.page-template-page-conference-2018-recap #ce-viewer #ce-credit {
  padding-bottom: 0; }

@media screen and (min-width: 120em) {
  .carousel,
  .carousel article {
    height: 800px; }
  .carousel header.sponsor {
    top: -831px; }
  .maker-title {
    /*
	width: 1440px;
	max-width: 1440px;
	*/
    width: 1311px; }
    .maker-title h1 {
      bottom: -34px;
      left: -42px;
      font-size: 12.3rem; } }

@media screen and (min-width: 47.5em) and (max-width: 88em) {
  html {
    min-width: 1200px; }
  main {
    overflow: hidden; }
  .carousel {
    min-width: 1200px; }
  .carousel header {
    top: -9.5em; }
  .carousel,
  .carousel article {
    height: 500px; }
  .homepage {
    width: 1200px; }
  .toplink {
    font-size: 0;
    width: 25px;
    height: 76px; }
  .hp-makers .mimages,
  .hp-quote {
    width: 368px;
    height: 368px; }
  .hp-quote {
    top: 925px; }
  .hp-quote blockquote {
    top: 60px;
    width: 365px; }
  .hp-makers article.hpm4 .mimages,
  .hp-makers article.hpm6 .mimages {
    width: 784px; }
  .hp-makers article.hpm6 .mimages {
    height: 784px; }
  .hp-makers .hpm7 {
    top: 416px; }
  .page-template-page-homepage-php #footer {
    width: 1200px; }
  .page-template-page-homepage-php #footer #f1 {
    width: 370px; }
  #footer #f3 {
    width: 478px;
    font-size: 0.7rem;
    top: -2px; }
  .page-template-page-homepage-php #footer .fsubmitinfo {
    width: 1035px; }
  .layout3 blockquote,
  .layout5 blockquote,
  .layout7 blockquote,
  .layout10 blockquote {
    text-indent: -33px;
    font-size: 3rem;
    left: 30px; }
  .maker-title {
    width: 1200px; }
  .maker-title h1 {
    left: -21px;
    font-size: 11rem; }
  .carousel header.sponsor {
    top: -525px; }
  .carousel header {
    width: 1200px; }
    .carousel header h1 {
      font-size: 11rem; }
  .carousel header.sponsor h1 {
    left: 0; }
  .page-sponsor {
    width: 1200px; }
  .page-sponsor .sponsor-copy {
    width: 825px; }
  .page-links {
    width: 1200px; }
  .page-links.sponsor {
    padding-left: 420px; }
  .shop-grid,
  .shop-item {
    width: 1200px; }
  .shop-item .item-images {
    width: 695px; }
  .shop-item .item-tns img {
    width: 140px; }
  .shop-grid article img {
    width: 85%; }
  .makers-grid {
    left: 60px; }
  /*	
.makers-grid article {
	width: 275px;
	height: 275px;
	margin-right: 25px;
	margin-bottom: 25px;
	
	
	&.featured {
		width: 580px;
	}
}

.makers-grid img {
	width: 285px;
}

.makers-grid a:hover img {
	width: 275px;
}
*/ }

/*
@media screen and (min-width: 48em) and (max-width: 88em) and (-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
html {
	background-color: blue;
}
}
*/
@media screen and (min-width: 84em) and (max-width: 90em) {
  .maker-title h1 {
    left: -21px;
    font-size: 11rem; } }

@media screen and (min-width: 47.5em) and (-webkit-min-device-pixel-ratio: 2) {
  html {
    min-width: 1311px; }
  section.makers-grid {
    width: 1261px;
    left: 25px; }
  .ce-collage {
    position: relative;
    left: 5px; }
  /*
#footer {
	
	.fsponsor,
	address {
		font-size: 0.4rem;
	}
	
	.femail {
		font-size: 0.5rem;
	}
}
*/ }

@media screen and (min-width: 47.5em) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  html {
    min-width: 1310px; } }

@media screen and (min-width: 47.5em) and (max-width: 64em) {
  .maker-cats {
    position: static; }
  .makers-grid {
    width: 1160px;
    /*
	article {
		margin-right: 25px;
		margin-bottom: 25px;
	}
	*/ }
  .maker-title {
    width: 1311px; }
    .maker-title h1 {
      width: 1311px;
      left: 0;
      bottom: -19px; }
  .toplink {
    font-size: 0;
    width: 40px;
    height: 75px; }
  #ceh-workshops {
    width: 14%;
    top: -174px;
    left: -25px; } }