/*
 * Mobile styles & Breakpoints
 * By Funkhaus - 2016
 * www.funkhaus.us
 *
 * @see https://www.emailonacid.com/blog/article/email-development/emailology_media_queries_demystified_min-width_and_max-width
 * (min-width: 1800px) == Greater than or equal to 1800px
 * (max-width: 750px) == Less than or equal to 750px
 *
 */

/*
 * Globals
 */
.is-mobile .work-block .overlay {
}

/*
 * Breakpoints
 */
/* Large screens */
@media (min-width: 1600px) {
  /* Blocks */
  .news-block,
  .grid-sizer,
  .promo-block,
  .team-block {
    width: 33%;
  }
}
@media (min-width: 2000px) {
  /* Blocks */
  .news-block,
  .grid-sizer,
  .promo-block,
  .team-block {
    width: 25%;
  }
}

/* Smaller than small laptop */
@media (max-width: 1024px) {
  /* Home */
  .address-block {
    display: none;
  }
  .contact-block {
    display: inline-block;
  }

  /* Blocks */
  .team-block {
    width: 50%;
  }

  /* Editors List */
  #content.editors-list {
    padding-left: 30px;
    padding-right: 30px;
  }
  .editors-list .preview {
    display: none;
  }

  /* Promo Block */
  .work-block .title {
    left: 15px;
    top: 50px;
    bottom: 50px;
    font-size: 16px;
  }
  .block .title .line-1 {
    font-size: 22px;
  }
  .work-block .editor {
    left: 15px;
    bottom: 10px;
  }
  .block .credits {
    right: 15px;
    bottom: 10px;
    font-size: 13px;
  }

  /* Contact */
  .location .address {
    display: none;
  }
  .location .small-meta,
  .location .small-meta .address {
    display: block;
  }
  .location .title {
    width: 40%;
  }
  .location .map,
  .location .time {
    width: 38%;
  }
  .location .phone {
    width: auto;
  }
}

/* Smaller than tablet */
@media (max-width: 750px) {
  /* Global */
  .bottom-panel {
    padding: 0;
  }
  .browse.prev {
    left: 0;
  }
  .browse.next {
    right: 0;
  }

  /* Header */
  .region-selector {
    left: 15px;
  }
  .region-selector .prompt {
    display: none;
  }
  .region-selector .explain {
    display: none;
  }
  .search-button {
    right: 5px;
  }
  .hamburger {
    right: 35px;
  }
  .slim-breadcrumb {
    left: 5px;
  }
  .large-breadcrumb {
    font-size: 16px;
  }

  /* Menu */
  body.menu-opened {
    overflow: hidden;
  }
  .main-menu a:after {
    border-width: 0;
    display: none;
  }

  /* Section menu */
  .menu-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }
  .section-menu {
    font-size: 18px;
  }

  /* Slideshows */
  .slideshow .slide {
    padding: 100px 15px;
  }
  .slideshows .browse {
    display: none;
  }

  /* Home */
  .slide .title {
    font-size: 50px;
  }
  .slide .title .line-2 {
    font-size: 30px;
  }
  .home .bottom-panel {
    padding: 0;
  }

  /* Video Player */
  .video-player .stage {
    right: 15px;
    left: 15px;
  }
  .video-player .browse {
    top: auto;
    bottom: 0px;
  }

  /* Masonry Grids (used for news and promo grids) */
  .masonry-grid {
    overflow: hidden;
    height: auto !important;
  }
  .grid-sizer {
    width: 100%;
    float: none;
  }

  /* Work Block */
  .promo-block,
  .news-block {
    width: 100%;
    position: static !important;
    float: none;
    margin-bottom: 30px;
  }

  /* Promo Block */
  .promo-block {
    width: 100%;
    position: static !important;
    float: none;
    margin-bottom: 30px;
  }

  /* Editor List */
  #content.editors-list {
    padding-left: 15px;
    padding-right: 15px;
    display: block;
  }
  .editors-list .wrap > .section {
    display: block;
    width: auto;
    margin: 0 0 50px 0;
    transform: unset;
    width: 100%;
  }
  .editors-list .section li {
    width: 100%;
  }

  /* Editor Reel */
  .video-preview {
	height: 100%;
	width: 100%;
  }
  .preview .title {
    left: 15px;
    right: 15px;
    font-size: 45px;
  }
  .preview .title .line {
    width: 100%;
    word-wrap: break-word;
  }
  .preview .cross-link {
    left: 15px;
    right: 15px;
  }
  .preview .cross-link span {
    display: block;
  }
  .work-block {
    width: 100%;
    left: auto !important;
  }
  .work-block:nth-child(2n) {
    left: auto !important;
  }
  .work-block .background,
  .work-block:nth-child(even) .background {
    background-position: center center;
    left: auto;
  }
  .work-block .responsive-image img {
    width: 100%;
  }
  .section-qa .title {
    font-size: 36px;
    margin-bottom: 30px;
  }
  .section-qa .entry {
    margin: 30px auto;
  }

  /* Single Detail */
  .single-detail .title {
    font-size: 22px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 1.4;
  }
  .single-detail .entry h2,
  .single-detail .entry h3,
  .single-detail .entry > p,
  .fluid-width-video {
    padding-left: 15px;
    padding-right: 15px;
  }
  .fullwidth-image .text {
    font-size: 22px;
    padding-left: 30px;
    padding-right: 30px;
  }

  /* Next Preview */
  .next-preview {
    display: block;
    padding-right: 0;
  }
  .next-preview > img {
    display: none;
  }
  .next-preview .meta {
    float: none;
    margin: 0 15px;
    text-align: center;
    padding: 30px 0;
  }

  /* Contact */
  .location .title {
    width: auto;
  }
  .location .phone {
    display: none;
  }
  .location .time {
    display: none;
  }
  .location.opened .meta .map {
    display: none;
  }
  .location .small-meta .map {
    display: inline-block;
  }
  .location .small-meta .phone {
    display: block;
  }
  .location .entry .wrap {
    padding-bottom: 10px;
  }
  .col {
    width: 100%;
    display: block;
    margin: 1em 0;
  }

  /* About */
  .about-slideshow .entry {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    padding: 100px 60px;
  }
  .about-slideshow .scroll-down {
    left: auto;
    right: -20px;
  }
  .about .bottom-panel .entry h2 {
    font-size: 20px;
  }
  .team-block {
    width: 100%;
    display: block;
  }
  .section-jogger .entry {
    padding: 0 15px;
  }

  /* Search */
  .search .search-input {
    width: 100%;
  }
  .search-grid {
    width: 100%;
    float: none;
    margin-bottom: 50px;
  }
}

/* For mobile and short height screens */
@media (max-width: 750px) {
  /* Menu */
  .menu-opened .region-selector .prompt {
    display: inline-block;
  }
  .main-menu {
    font-size: 32px;
    padding: 0 15px;
  }
  .main-menu a {
    padding: 15px 0;
  }

  /* Editors List */
  #content.editors-list {
    margin-top: 130px;
  }
  .editors-list .section ul {
    height: unset;
    columns: auto 2;
    transform: unset;
  }
}

@media (max-width: 500px) {
  .editors-list .section ul {
    columns: auto 1;
  }
}