/*--------------------------------------------------------------
## Mixins
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Variables
--------------------------------------------------------------*/
/* Webfont */
@font-face {
  font-family: 'gilroyextrabold';
  src: url("../fonts/gilroy-extrabold-webfont.woff2") format("woff2"), url("../fonts/gilroy-extrabold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
/* Colors */
/* Breakpoints */
/* Sizes */
/* Padding */
/* Arrows */
.arr_left:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 59.95'%3E%3Ccircle cx='30' cy='29.97' r='30' fill='%23222'/%3E%3Cpath fill='%23fff' d='M14.94 29.07l11.95-11.95.7.71-10.74 10.74h27.53v1H16.84l11.53 11.52-.7.71-12.73-12.73z'/%3E%3C/svg%3E"); }

.arr_right:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 59.95'%3E%3Ccircle cx='30' cy='29.97' r='30' fill='%23222'/%3E%3Cpath fill='%23fff' d='M44.38 29.07L32.43 17.12l-.7.71 10.74 10.74H14.94v1h27.54L30.95 41.09l.7.71 12.73-12.73z'/%3E%3C/svg%3E"); }

.arr {
  display: inline-block;
  text-indent: -100%;
  overflow: hidden;
  transition: transform 0.5s ease;
  width: 1.875rem;
  height: 1.875rem; }
  .arr:before {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%; }
  @media screen and (min-width: 100em) {
    .arr {
      width: 3.75rem;
      height: 3.75rem; } }
  .arr:hover {
    transform: scale(0.9); }

/*--------------------------------------------------------------
## Work
--------------------------------------------------------------*/
@media screen and (min-width: 60em) {
  body.post-type-archive-work .header__page h1 {
    text-indent: -10px; } }

.column-1, .column-2 {
  width: calc(50% - 5px);
  float: left; }
  @media screen and (min-width: 60em) {
    .column-1, .column-2 {
      width: calc(50% - 20px); } }
  @media screen and (min-width: 100em) {
    .column-1, .column-2 {
      width: calc(50% - 30px); } }

.column-1 {
  margin-right: 10px; }
  .column-1 article figure {
    height: 45vh; }
  @media screen and (min-width: 60em) {
    .column-1 {
      margin-right: 40px; }
      .column-1 article:nth-child(odd) figure {
        height: 55vh; }
      .column-1 article:nth-child(even) figure {
        height: 35vh; } }
  @media screen and (min-width: 100em) {
    .column-1 {
      margin-right: 60px; } }

.column-2 article figure {
  height: 45vh; }
@media screen and (min-width: 60em) {
  .column-2 article:nth-child(even) figure {
    height: 55vh; }
  .column-2 article:nth-child(odd) figure {
    height: 35vh; } }

#work article {
  display: none; }

.page__thumbs, #work {
  position: relative;
  top: 40px;
  padding: 10px;
  margin-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
  width: 100%; }
  .page__thumbs article, #work article {
    width: 100%;
    margin-right: 10px;
    margin-bottom: 10px; }
    .page__thumbs article h2, #work article h2 {
      display: inline-block;
      font-size: 1rem;
      letter-spacing: -0.046rem;
      padding: 5px 0;
      height: 3rem;
      vertical-align: bottom;
      width: 75%; }
    .page__thumbs article a, #work article a {
      display: block;
      height: 100%; }
    .page__thumbs article figure, #work article figure {
      width: 100%;
      margin: 0; }
      .page__thumbs article figure img, #work article figure img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all 2s ease; }
    .page__thumbs article:nth-child(even), #work article:nth-child(even) {
      margin-right: 0; }
    @media screen and (min-width: 60em) {
      .page__thumbs article, #work article {
        margin-right: 40px;
        margin-bottom: 40px; }
        .page__thumbs article figure, #work article figure {
          width: 100%; }
        .page__thumbs article h2, #work article h2 {
          font-size: 2rem;
          margin-bottom: 10px;
          height: auto;
          width: auto; }
        .page__thumbs article.show, #work article.show {
          margin-right: 40px; }
        .page__thumbs article:nth-child(even), #work article:nth-child(even) {
          margin-right: 0; } }
    @media screen and (min-width: 100em) {
      .page__thumbs article, #work article {
        margin-right: 60px;
        margin-bottom: 60px; }
        .page__thumbs article h2, #work article h2 {
          font-size: 2.5rem; }
        .page__thumbs article:nth-child(even), #work article:nth-child(even) {
          margin-right: 0; } }
  .page__thumbs article.show, #work article.show {
    display: block; }
  .page__thumbs article:hover figure img, #work article:hover figure img {
    transform: scale(1.2);
    transition-delay: 0.5s; }
  @media screen and (min-width: 60em) {
    .page__thumbs, #work {
      position: absolute;
      z-index: 1;
      width: 70vw;
      right: 40px;
      padding: 40px;
      padding-top: 80px;
      padding-right: 0; } }
  @media screen and (min-width: 100em) {
    .page__thumbs, #work {
      right: 60px;
      padding: 60px;
      padding-top: 120px;
      padding-right: 0; } }

/*# sourceMappingURL=work.css.map */