/*!
Theme Name: Automate de Daniela
Theme URI: http://underscores.me/
Author: Joan Dubuisson
Author URI: http://joandubuisson.fr/
Description: The Best for the Wordpress
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: automate-daniela
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Automate is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Branding
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Site
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Mixins
--------------------------------------------------------------*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/******************************************************************
Site Name:
Author:

Stylesheet: Mixins Stylesheet

This is where you can take advantage of Sass' great features: Mixins.
I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/

******************************************************************/
/*********************
Transition
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
Animation
*********************/
@keyframes turn {
  0% {
    transform: rotate(-1turn); }
  100% {
    transform: rotate(0); } }
/*--------------------------------------------------------------
# Variables
--------------------------------------------------------------*/
/*
$bones-pink:        #f01d4f;
$link-color:        $bones-pink;
$link-hover:        darken($link-color, 9%);
$border-color:      #ccc;
$disabled-gray:     #cfcfcf;*/
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/*
@import "headings";

@import "copy";

@import "icon";

*/
.site {
  font-family: 'Gill Sans MT Pro Condensed', sans-serif;
  font-stretch: condensed;
  letter-spacing: 0.05em; }
  .site h1, .site .h1, .site h2, .site .h2, .site h3, .site .h3 {
    font-family: inherit;
    font-weight: 400;
    letter-spacing: 0.125em; }

/*--------------------------------------------------------------
# Site
--------------------------------------------------------------*/
.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
    background: none ;
}
/*--------------------------------------------------------------
## Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Home
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Home
--------------------------------------------------------------*/
.home #primary {
  padding-top: 1.5em; }
  .home #primary .site-main > article,
  .home #primary .site-main > section {
    margin-top: 3em; }
    .home #primary .site-main > article .page-title,
    .home #primary .site-main > section .page-title {
      padding-bottom: 0.5em;
      font-weight: 600;
      font-variant: small-caps; }
  .home #primary .page-header {
    margin-top: 1.5em;
    padding: 0.75em 0; }
    .home #primary .page-header .page-title {
      width: 100%;
      white-space: nowrap; }
      @media screen and (min-width: 782px) {
        .home #primary .page-header .page-title {
          display: flex;
          justify-content: space-between; }
          .home #primary .page-header .page-title:after, .home #primary .page-header .page-title:before {
            content: "";
            display: inline-block;
            border-bottom: 1px solid #BFBFBF;
            min-width: 20%;
            vertical-align: middle;
            align-self: center;
            width: 100%;
            max-width: 30%; }
          .home #primary .page-header .page-title:before {
            margin-right: 1.5em; }
          .home #primary .page-header .page-title:after {
            margin-left: 1.5em; } }
    .home #primary .page-header .page-subtitle {
      margin: 0.5em; }

@media screen and (min-width: 960px) {
  .page-front-page .cover-layout.has-post-thumbnail {
    margin-bottom: 3em; }
    .page-front-page .cover-layout.has-post-thumbnail {
      margin-left: 0;
      letter-spacing: -0.5em;
      letter-spacing: -0.5rem;
      list-style: none; }
      .page-front-page .cover-layout.has-post-thumbnail > * {
        display: inline-block;
        letter-spacing: normal;
        vertical-align: middle; }
    .page-front-page .cover-layout.has-post-thumbnail .post-thumbnail,
    .page-front-page .cover-layout.has-post-thumbnail .page-section {
      width: 50%;
      height: 100%; }
    .page-front-page .cover-layout.has-post-thumbnail .page-section {
      overflow: auto; }
  .page-front-page .cover-layout .no-thumb {
    display: none; } }

.page-front-collections .grid-layout {
  margin: auto; }
  @media screen and (min-width: 480px) {
    .page-front-collections .grid-layout {
      column-gap: 1.5em; } }
  @media screen and (min-width: 960px) {
    .page-front-collections .grid-layout {
      column-count: 3; } }
.page-front-collections article figure {
  width: 100%;
  padding: 0;
  -webkit-transition: 350ms;
  transition: 350ms; }
  .page-front-collections article figure .wp-caption-text {
    display: none; }
  .page-front-collections article figure a:before {
    content: "";
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border: 3px solid #000; }
.page-front-collections article:hover a:before {
  opacity: 1; }

@media screen and (min-width: 1600px) {
  .page-front-events {
    padding-right: 5.5555%;
    padding-left: 5.5555%; } }
.page-front-events .page-header {
  padding-right: 0;
  padding-left: 0; }
.page-front-events article {
  background-color: #fff;
  width: 100%;
  margin: 0; }
  .page-front-events article.cover-layout {
    display: flex; }
    .page-front-events article.cover-layout hr {
      width: 50%;
      margin-left: 0;
      margin-right: 0; }
    .page-front-events article.cover-layout:nth-child(even) {
      flex-direction: row; }
    .page-front-events article.cover-layout:nth-child(odd) {
      flex-direction: row-reverse; }
  .page-front-events article header {
    height: 100%;
    padding-bottom: 1.5em; }
    .page-front-events article header h4 {
      color: #999999;
      font-weight: 400; }
    .page-front-events article header .article-title,
    .page-front-events article header .article-subtitle,
    .page-front-events article header .event-date li {
      font-weight: 400;
      margin: 0;
      letter-spacing: 0.15em;
      line-height: 1.5em; }
  .page-front-events article ul {
    margin-bottom: 0; }
    .page-front-events article ul {
      margin-left: 0;
      list-style: none; }
    .page-front-events article ul li {
      letter-spacing: 0.15em; }
.page-front-events .page-footer {
  margin-top: 1.5em; }

/*--------------------------------------------------------------
## Archives
--------------------------------------------------------------*/
.post-type-archive-fw-event .site-main {
  padding-bottom: 3em; }
  .post-type-archive-fw-event .site-main article,
  .post-type-archive-fw-event .site-main header {
    line-height: 1em; }
    .post-type-archive-fw-event .site-main article,
    .post-type-archive-fw-event .site-main header {
      margin-left: 0;
      letter-spacing: -0.5em;
      letter-spacing: -0.5rem;
      list-style: none; }
      .post-type-archive-fw-event .site-main article > *,
      .post-type-archive-fw-event .site-main header > * {
        display: inline-block;
        letter-spacing: normal;
        vertical-align: middle; }
    .post-type-archive-fw-event .site-main article h3, .post-type-archive-fw-event .site-main article h4,
    .post-type-archive-fw-event .site-main header h3,
    .post-type-archive-fw-event .site-main header h4 {
      display: inline;
      letter-spacing: 1px;
      margin-bottom: 0.75em;
      line-height: 1.75em; }
    .post-type-archive-fw-event .site-main article h3,
    .post-type-archive-fw-event .site-main header h3 {
      margin-left: 0.375em; }
    .post-type-archive-fw-event .site-main article h4,
    .post-type-archive-fw-event .site-main header h4 {
      color: #444; }
    .post-type-archive-fw-event .site-main article p,
    .post-type-archive-fw-event .site-main header p {
      margin: 0; }
    .post-type-archive-fw-event .site-main article .event-date,
    .post-type-archive-fw-event .site-main header .event-date {
      letter-spacing: 1px; }
  .post-type-archive-fw-event .site-main article {
    margin-bottom: 0; }

.archive #primary article.fw-portfolio {
  padding-right: 0.75em;
  padding-left: 0.75em; }
  .archive #primary article.fw-portfolio header {
    position: relative; }
  .archive #primary article.fw-portfolio figure {
    width: 100%;
    padding: 0;
    -webkit-transition: 350ms;
    transition: 350ms; }
    .archive #primary article.fw-portfolio figure .wp-caption-text {
      display: none; }
    .archive #primary article.fw-portfolio figure a:before {
      content: "";
      opacity: 0;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      border: 3px solid #000; }
  .archive #primary article.fw-portfolio:hover a:before {
    opacity: 1; }
.archive .grid article {
  display: inline-block;
  padding-right: 0.75em;
  padding-left: 0.75em; }
  .archive .grid article header {
    position: relative;
    position: relative; }
  @media screen and (min-width: 782px) {
    .archive .grid article {
      width: 50%; } }
  @media screen and (min-width: 960px) {
    .archive .grid article {
      width: 33.333%; } }
  @media screen and (min-width: 1280px) {
    .archive .grid article {
      width: 25%; } }
  @media screen and (min-width: 1600px) {
    .archive .grid article {
      width: 20%; } }

.grid {
  margin-left: 0;
  letter-spacing: -0.5em;
  letter-spacing: -0.5rem;
  list-style: none; }
  .grid > * {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle; }
.grid article {
  padding-right: 0.75em;
  padding-left: 0.75em; }
  .grid article header {
    position: relative; }
  @media screen and (min-width: 782px) {
    .grid article {
      width: 50%; } }
  @media screen and (min-width: 960px) {
    .grid article {
      width: 33.333%; } }

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.under-it {
  width: 100%;
  padding: 0 0.75em;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.25);
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform-origin: "inherit";
  -moz-transform-origin: "inherit";
  -ms-transform-origin: "inherit";
  -o-transform-origin: "inherit";
  transform-origin: "inherit";
  color: #fff; }
  .under-it a {
    color: #fff; }
    .under-it a:visited, .under-it a:hover, .under-it a:focus, .under-it a:active {
      color: #fff; }
  .under-it h3 {
    font-family: "Gill Sans MT Pro Condensed", sans-serif; }

#content {
  font-size: 1.25em; }

.link-archive.return {
  display: block; }

.site-related-post figure {
  width: 100%;
  padding: 0;
  -webkit-transition: 350ms;
  transition: 350ms; }
  .site-related-post figure .wp-caption-text {
    display: none; }
  .site-related-post figure a:before {
    content: "";
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border: 3px solid #000; }
  .site-related-post figure:hover a:before {
    opacity: 1; }

/*--------------------------------------------------------------
## Custom Posts Types
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Events
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Portfolio
--------------------------------------------------------------*/
.single-fw-portfolio #primary .article-gallery.flex-layout > * {
  margin: 0;
  padding: 0.75em; }
.single-fw-portfolio #primary header .article-title- {
  justify-content: end;
  background: rgba(0, 0, 0, 0.25);
  padding: 0.75em 1.5em;
  left: 0.75em; }
  .single-fw-portfolio #primary header .article-title- h1, .single-fw-portfolio #primary header .article-title- h2 {
    line-height: 1em; }

/*--------------------------------------------------------------
## Grid Gallery
--------------------------------------------------------------*/
.gallery-grid-1 {
  display: flex; }
  .gallery-grid-1 > * {
    position: relative;
    width: 50%; }
    .gallery-grid-1 > *:nth-child(3), .gallery-grid-1 > *:nth-child(4), .gallery-grid-1 > *:nth-child(5), .gallery-grid-1 > *:nth-child(11), .gallery-grid-1 > *:nth-child(12), .gallery-grid-1 > *:nth-child(13), .gallery-grid-1 > *:nth-child(14), .gallery-grid-1 > *:nth-child(15), .gallery-grid-1 > *:nth-child(16), .gallery-grid-1 > *:nth-child(24), .gallery-grid-1 > *:nth-child(25), .gallery-grid-1 > *:nth-child(26) {
      width: 33.333%; }
    .gallery-grid-1 > *:nth-child(6), .gallery-grid-1 > *:nth-child(19), .gallery-grid-1 > *:nth-child(27) {
      width: 100%; }

.gallery-grid-2 {
  display: flex; }
  .gallery-grid-2 > * {
    position: relative;
    width: 50%; }
    .gallery-grid-2 > *:nth-child(6), .gallery-grid-2 > *:nth-child(7), .gallery-grid-2 > *:nth-child(8), .gallery-grid-2 > *:nth-child(9), .gallery-grid-2 > *:nth-child(10), .gallery-grid-2 > *:nth-child(11), .gallery-grid-2 > *:nth-child(12), .gallery-grid-2 > *:nth-child(13), .gallery-grid-2 > *:nth-child(14), .gallery-grid-2 > *:nth-child(25), .gallery-grid-2 > *:nth-child(26), .gallery-grid-2 > *:nth-child(27), .gallery-grid-2 > *:nth-child(28), .gallery-grid-2 > *:nth-child(29), .gallery-grid-2 > *:nth-child(30), .gallery-grid-2 > *:nth-child(31), .gallery-grid-2 > *:nth-child(32), .gallery-grid-2 > *:nth-child(33) {
      width: 33.333%; }
    .gallery-grid-2 > *:nth-child(5), .gallery-grid-2 > *:nth-child(17), .gallery-grid-2 > *:nth-child(24) {
      width: 100%; }

.gallery-grid-3 {
  display: flex; }
  .gallery-grid-3 > * {
    position: relative;
    width: 50%; }
    .gallery-grid-3 > *:nth-child(5), .gallery-grid-3 > *:nth-child(6), .gallery-grid-3 > *:nth-child(7), .gallery-grid-3 > *:nth-child(9), .gallery-grid-3 > *:nth-child(10), .gallery-grid-3 > *:nth-child(11), .gallery-grid-3 > *:nth-child(17), .gallery-grid-3 > *:nth-child(18), .gallery-grid-3 > *:nth-child(19), .gallery-grid-3 > *:nth-child(24), .gallery-grid-3 > *:nth-child(25), .gallery-grid-3 > *:nth-child(26), .gallery-grid-3 > *:nth-child(28), .gallery-grid-3 > *:nth-child(29), .gallery-grid-3 > *:nth-child(30) {
      width: 33.333%; }
    .gallery-grid-3 > *:nth-child(8), .gallery-grid-3 > *:nth-child(14), .gallery-grid-3 > *:nth-child(27) {
      width: 100%; }

.gallery-grid-4 {
  display: flex; }
  .gallery-grid-4 > * {
    position: relative;
    width: 50%; }
    .gallery-grid-4 > *:nth-child(5), .gallery-grid-4 > *:nth-child(12), .gallery-grid-4 > *:nth-child(19), .gallery-grid-4 > *:nth-child(24), .gallery-grid-4 > *:nth-child(31) {
      width: 100%; }

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Masthead
--------------------------------------------------------------*/
.site .site-header #main-navigation {
  background-color: #F6F5FB; }
  .site .site-header #main-navigation .navigation ul {
    vertical-align: bottom; }
    .site .site-header #main-navigation .navigation ul li a {
      padding: 0;
      color: #7C7C7C;
      border-bottom: 0.1em solid transparent;
      letter-spacing: 0.15em;
      font-size: 1.15em; }
      .site .site-header #main-navigation .navigation ul li a:hover {
        color: #010101;
        border-color: inherit; }
    .site .site-header #main-navigation .navigation ul li ul {
      background-color: #F6F5FB;
      border-color: transparent;
      padding-top: 0.75em; }
      .site .site-header #main-navigation .navigation ul li ul li {
        padding: 0.75em; }
    .site .site-header #main-navigation .navigation ul li.menu-item-has-children > a {
      border: none; }

/*--------------------------------------------------------------
## Branding
--------------------------------------------------------------*/
.site-branding .site-branding-text {
  text-transform: uppercase; }
  .site-branding .site-branding-text .site-title {
    font-size: 0.85em;
    text-indent: 2.25em;
    letter-spacing: 0.25em;
    line-height: 0.7em;
    font-family: "caviar_dreamsregular";
    margin-top: 0.35em;
    font-weight: 200; }
    .site-branding .site-branding-text .site-title a {
      color: #7C7C7C; }
  .site-branding .site-branding-text .site-description {
    font-size: 1.25em;
    letter-spacing: 0.75em;
    color: #7C7C7C;
    font-weight: 900;
    font-family: "caviar_dreamsregular"; }
    .site-branding .site-branding-text .site-description::first-letter {
      font-size: 1.55em;
      font-weight: 100;
      letter-spacing: 0.25em; }

/*--------------------------------------------------------------
## Custom Header
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Featured Header
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Featured Post
--------------------------------------------------------------*/
.featured-content article header {
  background: rgba(0, 0, 0, 0.25);
  padding: 1.5em;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  top: auto;
  left: 50%;
  width: 100%;
  max-width: 480px; }
  @media screen and (min-width: 960px) {
    .featured-content article header {
      left: 33.333%; } }
  .featured-content article header h3 {
    line-height: 1.25em; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.site-footer .site-info {
  font-stretch: normal; }

/*# sourceMappingURL=style-child.css.map */