/*--------------------------------------------------------------
## 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-workshop .header__page h1 {
    text-indent: -20px; } }

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

.workshop__project h2 {
  margin: 10px; }
  @media screen and (min-width: 60em) {
    .workshop__project h2 {
      margin: 40px; } }
  @media screen and (min-width: 100em) {
    .workshop__project h2 {
      margin: 60px; } }

.workshop__project_details {
  display: flex;
  justify-content: flex-end; }
  .workshop__project_details em {
    font-style: normal;
    color: #9B9B9B; }
  .workshop__project_details section {
    flex: 1;
    margin: 10px;
    margin-top: 0; }
    @media screen and (min-width: 60em) {
      .workshop__project_details section {
        margin: 40px;
        margin-top: 0;
        flex: 0.5; } }
    @media screen and (min-width: 100em) {
      .workshop__project_details section {
        margin: 60px;
        margin-top: 0;
        flex: 0.5; } }

.workshop__project_row {
  display: flex; }
  .workshop__project_row > div {
    display: flex;
    flex-direction: column;
    margin: 10px;
    position: relative; }
    @media screen and (min-width: 60em) {
      .workshop__project_row > div {
        margin: 40px; } }
    @media screen and (min-width: 100em) {
      .workshop__project_row > div {
        margin: 60px; } }
    .workshop__project_row > div .progressive__img {
      height: auto; }
  .workshop__project_row > div::after {
    content: attr(data-description);
    font-size: 0.625rem;
    padding-top: 0.625rem;
    position: absolute;
    left: 0;
    bottom: -25px; }

.studio__intro {
  margin-top: 1.2rem; }

.nav-previous a, .nav-next a {
  font-size: 2.8rem; }

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