@charset "UTF-8";
@font-face {
  font-family: 'Scotch Display';
  src: url("../../fonts/webfonts/ScotchDisplay-Medium.eot");
  src: url("../../fonts/webfonts/ScotchDisplay-Medium.eot?#iefix") format("embedded-opentype"), url("../../fonts/webfonts/ScotchDisplay-Medium.woff2") format("woff2"), url("../../fonts/webfonts/ScotchDisplay-Medium.woff") format("woff"), url("../../fonts/webfonts/ScotchDisplay-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'Scotch Display';
  src: url("../../fonts/webfonts/ScotchDisplay-SemiBold.eot");
  src: url("../../fonts/webfonts/ScotchDisplay-SemiBold.eot?#iefix") format("embedded-opentype"), url("../../fonts/webfonts/ScotchDisplay-SemiBold.woff2") format("woff2"), url("../../fonts/webfonts/ScotchDisplay-SemiBold.woff") format("woff"), url("../../fonts/webfonts/ScotchDisplay-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'Scotch Deck';
  src: url("../../fonts/webfonts/ScotchDeck-Medium.eot");
  src: url("../../fonts/webfonts/ScotchDeck-Medium.eot?#iefix") format("embedded-opentype"), url("../../fonts/webfonts/ScotchDeck-Medium.woff2") format("woff2"), url("../../fonts/webfonts/ScotchDeck-Medium.woff") format("woff"), url("../../fonts/webfonts/ScotchDeck-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'ABC Normal Book';
  src: url("../../fonts/webfonts/ABCNormal-Book.eot");
  src: url("../../fonts/webfonts/ABCNormal-Book.eot?#iefix") format("embedded-opentype"), url("../../fonts/webfonts/ABCNormal-Book.woff2") format("woff2"), url("../../fonts/webfonts/ABCNormal-Book.woff") format("woff"), url("../../fonts/webfonts/ABCNormal-Book.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'ABC Normal';
  src: url("../../fonts/webfonts/ABCNormal-Bold.eot");
  src: url("../../fonts/webfonts/ABCNormal-Bold.eot?#iefix") format("embedded-opentype"), url("../../fonts/webfonts/ABCNormal-Bold.woff2") format("woff2"), url("../../fonts/webfonts/ABCNormal-Bold.woff") format("woff"), url("../../fonts/webfonts/ABCNormal-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'ABC Normal';
  src: url("../../fonts/webfonts/ABCNormal-Medium.eot");
  src: url("../../fonts/webfonts/ABCNormal-Medium.eot?#iefix") format("embedded-opentype"), url("../../fonts/webfonts/ABCNormal-Medium.woff2") format("woff2"), url("../../fonts/webfonts/ABCNormal-Medium.woff") format("woff"), url("../../fonts/webfonts/ABCNormal-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  overflow-x: hidden;
  font-family: "ABC Normal Book", helvetica, serif;
  font-weight: 300;
  font-size: 16px; }
  @media (min-width: 768px) {
    body {
      font-size: 18px; } }

header {
  border-bottom: solid 1px #BDBDBD;
  background-color: white; }

@media (min-width: 768px) {
  main {
    max-width: 1440px;
    margin: 0 auto; } }

/* cabecera */
.menu {
  height: 70px; }
  @media (min-width: 768px) {
    .menu {
      height: 90px; } }

#menuToggle {
  display: block;
  position: relative;
  float: right;
  z-index: 1;
  top: 2px;
  -webkit-user-select: none;
  user-select: none; }

#menuToggle input {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
  -webkit-touch-callout: none; }

#menuToggle span {
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: #cdcdcd;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease; }

#menuToggle span:first-child {
  transform-origin: 0% 0%; }

#menuToggle span:nth-last-child(2) {
  transform-origin: 0% 100%; }

#menuToggle input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(-3px, -1px);
  background: #232323; }

#menuToggle input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2); }

#menuToggle input:checked ~ span:nth-last-child(2) {
  opacity: 1;
  transform: rotate(-45deg) translate(0, -2px); }

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menuFold {
  position: fixed;
  text-align: left;
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0 0 0 27px;
  top: 0;
  left: 0;
  background: white;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  transform-origin: 0% 0%;
  transform: translate(100%, 0);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1); }
  #menuFold ul {
    list-style-type: none;
    margin: 155px 0 0 0;
    padding-left: 0; }
    #menuFold ul li {
      padding: 10px 0 0 0;
      font-size: 30px;
      font-family: 'ABC Normal';
      font-weight: bold; }
  #menuFold .social {
    margin-top: 200px; }
    #menuFold .social i {
      font-size: 1.5em;
      color: #666;
      margin-right: .3em; }

/*
 * And let's fade it in from the left
 */
#menuToggle input:checked ~ #menuFold {
  transform: scale(1, 1);
  opacity: 1; }

.bg-light {
  background-color: #f8f9fa; }

/*Cuerpo*/
.info {
  padding: 30px 30px 60px 30px; }
  @media (min-width: 768px) {
    .info {
      padding: 30px 20px 60px 20px; } }
  @media (min-width: 992px) {
    .info {
      padding: 30px 30px 60px 30px; } }

/* Texto */
strong {
  color: #F5268E;
  font-family: 'ABC Normal';
  font-weight: bold; }

a {
  color: inherit;
  -webkit-transition: 500ms;
  /* For Safari 3.1 to 6.0 */
  transition: 500ms; }
  a:hover {
    color: #666;
    text-decoration: none; }

.serif {
  font-family: "Scotch Display", times, serif;
  font-weight: 500; }

section {
  padding: 30px 0 0 0; }
  section#hero, section#agenda-octubre {
    padding: 0; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'ABC Normal';
  font-weight: bold; }

/* Botones */
.btn {
  border-radius: 0;
  padding: .6rem 2.5rem;
  margin: 1em 0 0 0;
  font-family: 'ABC Normal', helvetica, serif;
  font-size: .8em;
  font-weight: 500; }
  .btn.btn-primary {
    border: none;
    background-color: #F5268E; }
    .btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus
    .btn.btn-primary.active {
      background-color: #c50968 !important; }
  .btn.btn-secondary {
    background: transparent;
    color: #666;
    border: solid 1px #666; }
    .btn.btn-secondary:hover, .btn.btn-secondary:active, .btn.btn-secondary:focus
    .btn.btn-secondary.active {
      background-color: #666 !important;
      color: white; }
  .btn.btn-outline {
    background: transparent;
    color: #F5268E;
    border: solid 1px #F5268E;
    content: 'Y en octubre…'; }
    .btn.btn-outline:hover, .btn.btn-outline:active, .btn.btn-outline:focus
    .btn.btn-outline.active {
      background-color: #F5268E !important;
      color: white; }

/* Listas */
ul.lista-check {
  list-style: none;
  margin: .5em 0;
  padding-left: 0; }
  ul.lista-check li:before {
    content: '';
    display: inline-block;
    background-image: url("../../img/talleres/check.svg");
    background-size: 50%;
    background-position: bottom;
    background-repeat: no-repeat;
    margin: 1em 0 0 0;
    padding: 1em 0 0 2em; }

/* Slider */
.carousel-item {
  min-height: 70vh;
  background-color: white;
  transition: -webkit-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out; }
  @media (min-width: 768px) {
    .carousel-item {
      padding-top: 60px; } }
  .carousel-item .carousel-image img {
    width: 100%;
    height: auto;
    margin: 0 auto; }
  @media (min-width: 768px) {
    .carousel-item .carousel-image {
      position: absolute;
      top: 0;
      right: 0; } }
  .carousel-item .info h1 {
    font-size: 2em; }
    @media (min-width: 768px) {
      .carousel-item .info h1 {
        font-size: 3em; } }

.carousel-indicators {
  position: relative;
  margin: 1rem auto 0 auto; }
  @media (min-width: 768px) {
    .carousel-indicators {
      margin: 0 auto; } }
  .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #666; }

#principal .lista {
  padding: 30px 0 60px 30px; }
  #principal .lista ol.lista-numeros {
    list-style: none;
    counter-reset: custom;
    margin: 2em 0 0 1em;
    font-size: 1.2em; }
    #principal .lista ol.lista-numeros li {
      counter-increment: custom;
      position: relative;
      padding: 0 0 1.5em 0; }
      #principal .lista ol.lista-numeros li::before {
        content: counter(custom);
        color: white;
        background-color: #F5268E;
        font-family: 'Scotch Deck', times, serif;
        font-size: 1.6em;
        position: absolute;
        text-align: center;
        --size: 40px;
        left: calc(-1 * var(--size) - 10px);
        line-height: var(--size);
        width: var(--size);
        height: var(--size);
        border-radius: 50%;
        margin: -.1em 0 0 0; }
  #principal .lista .lapiz {
    width: 100%;
    height: 50px;
    margin: 1em auto;
    background: url("../../img/talleres/lapiz.png") left center no-repeat;
    background-size: cover; }
    @media (min-width: 768px) {
      #principal .lista .lapiz {
        background-size: 100%; } }

/* imagenes */
img.asset {
  width: 90%;
  height: auto;
  margin: 1em auto; }

.border {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: solid 2px #f8f9fa !important; }

/* Suscribete */
#mc_embed_signup {
  width: 100%;
  max-width: 676px;
  margin: 0 auto; }
  #mc_embed_signup input[type="email"] {
    border: none;
    width: 70%;
    padding: .6rem 5px;
    margin: 1em 0 0 0;
    font-size: .8em;
    float: left; }
  #mc_embed_signup input[type="submit"] {
    width: 25%; }

/*talleres*/
.taller {
  background-color: #f8f9fa; }
  .taller .foto {
    min-height: 300px;
    background-size: cover;
    background-position: center center; }
    .taller .foto.a {
      background-image: url("../../img/talleres/el-juego-del-arte.png"); }
    .taller .foto.b {
      background-image: url("../../img/talleres/ddf.png"); }
    .taller .foto.c {
      background-image: url("../../img/talleres/Marta-García-Aller.png"); }
    .taller .foto.d {
      background-image: url("../../img/talleres/social-mood.png"); }
    .taller .foto.e {
      background-image: url("../../img/talleres/storytelling.png"); }
  .taller.verano .foto {
    background-color: white; }

/*Footer */
footer {
  margin: 2em auto;
  font-size: 0.6em; }
  @media (min-width: 768px) {
    footer {
      max-width: 1440px; } }
  footer a {
    color: #666; }
  footer .info {
    padding-top: 0;
    padding-bottom: 0; }

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