/*
Theme Name: RK People
Theme URI: https://wordpress.org/themes/twentynineteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: WordPress 4.9.6
Version: 1.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: rkpeople
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready

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.

Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2018 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 https://necolas.github.io/normalize.css/
*/

@charset "UTF-8";
/* @import url("https://use.typekit.net/uzr2lyl.css"); */
@font-face {
  font-family: 'Archia'; src: url("static/fonts/Archia-Thin.woff2") format("woff2"), url("static/fonts/Archia-Thin.woff") format("woff");
  font-weight: 100;
}

@font-face {
  font-family: 'Archia'; src: url("static/fonts/Archia-Light.woff2") format("woff2"), url("static/fonts/Archia-Light.woff") format("woff");
  font-weight: 300;
}

@font-face {
  font-family: 'Archia'; src: url("static/fonts/Archia-Medium.woff2") format("woff2"), url("static/fonts/Archia-Medium.woff") format("woff");
  font-weight: 500;
}

@font-face {
  font-family: 'Archia-Medium'; src: url("static/fonts/Archia-Medium.woff2") format("woff2"), url("static/fonts/Archia-Medium.woff") format("woff");
  font-weight: 500;
}

@font-face {
  font-family: 'Archia'; src: url("static/fonts/Archia-SemiBold.woff2") format("woff2"), url("static/fonts/Archia-SemiBold.woff") format("woff");
  font-weight: 600;
}

@font-face {
  font-family: 'Archia-SemiBold'; src: url("static/fonts/Archia-SemiBold.woff2") format("woff2"), url("static/fonts/Archia-SemiBold.woff") format("woff");
  font-weight: 600;
}

@font-face {
  font-family: 'Archia'; src: url("static/fonts/Archia-Bold.woff2") format("woff2"), url("static/fonts/Archia-Bold.woff") format("woff");
  font-weight: bold;
}

html{
  overflow: scroll;
}
body {
  font-family: 'Archia';
  background-color: #F9F5F1;
  font-size: 1rem;
  font-weight: 500;
  overflow-x: hidden;
}

h1.title {
  color: transparent !important;
  font-family: 'Archia';
  font-weight: 600;
  font-size: 260px;
  -webkit-text-stroke: #FF0046 2px;
  /*transition: all 1s;*/
  display: none;
  opacity: 0;
}

h1 {
  color: #242424;
  font-family: 'Archia';
  font-weight: bold;
  font-size: 60px;
}
h2 {
  color: #242424;
  font-family: 'Archia';
  font-weight: bold;
  font-size: 95px;
}
a{
  /*transition: all 0.5s;*/
}
a:hover {
  transition: color 0.5s;
  color: #FF0046;
  text-decoration: none;
}
a h1,
.proyectos-container a p{
  color: #242424;
  text-decoration: none !important;
}
a:hover
a h1:hover,
.proyect-title-container h1:hover{
  color: #242424;
  text-decoration: none !important;
}
/* NavBar */


.progress-container {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 33333;
  width: 100%;
  height: 1px;
  background: #F9F5F1;
}
.progress-bar {
  height: 1px;
  background: #FF0046;
  width: 0%;
}

.main-menu-container{
  width: 90%;
}
.nav-item{
  margin-right: 16px;
}
.nav-item .active,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover{
  color: #FF0046;
}
#nightoff, #nighton{
  font-weight: 100;
}
.night #nighton{
  color: #FF0046;
}
#nightoff{
  color: #FF0046;
}
.night #nightoff{
  color: #F9F5F1;
}
.navbar {
  background-color: #F9F5F1;
  z-index: 999;
}
.navbar-brand{
  margin-right: 0px;
}
.navbar-brand #logo-cabecera {
  width: 175px;
}

/* Inicio sticky */
.sticky.is-sticky {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
}

nav {
  min-height: 65px;
}
/* Fin sticky */
.theme-indi{
  width: 16px;
  margin-top: -3px;
}

.scroll-indication{
  padding-left: 250px;
  transform: rotate(90deg);
  letter-spacing: 6px;
  font-size: 12px;
}
.scroll-indication span{
  border-bottom: 2px solid #FF0046;
  transform: translateY(-4px);
  display: inline-block;
  width: 60px;
  margin: 0 0 0 10px;
}

.no-overflow-text-container {
  overflow: hidden;
}
.overflow-text-container {
  width: 3000px;
}

#somos {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  background-color: transparent !important;
  background-size: cover;
  text-align: center;
}

.somos-container{
  margin-left: 12%;
  margin-bottom: -64px;
}

.mini-titulo p {
  font-size: 1.1em;
  color: #FF0046;
  margin-top: 200px;
  margin-bottom: 80px;
  letter-spacing: 8px;
}

.entradilla {
  font-size: 18px;
  max-width: 780px;
  line-height: 2.08;
}

.entradilla-home {
  margin-top: 350px;
  margin-bottom: 250px;
}

.proyect-tag {
  margin-top: 0px;
  margin-bottom: 48px;
  letter-spacing: 6px;
  font-size: 1.1rem;
  font-weight: 100;
}
.img-proyectos-container img{
  max-height: 35vh;
}
.proyectos-container h3{
  font-size: 18px;
  letter-spacing: 4px;
  font-weight: 600;
  margin-bottom: 0px;
  color: #242424;
}
.form-title:hover  {
  color: #242424;
  /*transition: all 0.5s;*/
}
.form-title:hover {
  color: #FF0046;
}
.form-row{
  padding-bottom: 24px;
}
.single-form-container{
  border-bottom: solid 1px #ff0046;
}
.single-form-container .collapse{
  padding-bottom: 48px;
}
.form-arrow{
  padding-top: 28px;
}
form .form-selected {
  color: #FF0046;
}

.form-container{
  margin: 64px auto;
}
.form-container .flecha{
  transition: transform 0.3s;
}

form input[type="text"],
form input[type="email"],
form input[type="tel"]{
  width: 100%;
  margin: 12px auto;
  background-color: transparent;
  padding: 8px;
  padding-left: 0px;
  border: none;
  color: #242424;
  border-bottom: solid 1px #242424;
}


form input[type="text"]::placeholder,
form input[type="email"]::placeholder,
form input[type="tel"]::placeholder{
  color: graytext;
  opacity: 1;
}


form textarea {
  width: 100%;
  margin-top: 8px;
  background-color: transparent;
  padding: 8px;
  border: solid 1px #242424;
}

form ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #666666;
  opacity: 1;
  /* Firefox */
}


form input[type="submit"],
form input[type="button"],
.button-form,
.boton-carousel{
  width: 120px;
  background-color: #FF0046;
  color: #FFFFFF;
  border: none !important;
  text-align: left;
  margin-top: 48px;
  padding: 2px;
  padding-left: 18px;
  font-size: 0.9rem;
}

/* Estilos errores formulario */
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
  border: 1px solid #FF0046;
}
span.wpcf7-not-valid-tip{
  color: #FF0046;
}
div.wpcf7-mail-sent-ok{
  border: 2px solid #bcfaa1;
}
.boton-carousel:hover{
  color: #f7b1c4;
}
.boton-magenta{
  background-color: #FF0046;
  color: #FFFFFF;
  border: none !important;
  text-align: left;
  margin-top: 48px;
  padding: 2px 12px;
  font-size: 0.9rem;
}

.proyectos-section,
.nosotros-section,
.clientes-section,
.contacto-section {
  position: relative;
}

h1.turned-section-left,
h1.turned-section-right {
  color: transparent !important;
  font-family: 'Archia';
  font-weight: 600;
  font-size: 189px;
  text-transform: uppercase;
  position: absolute;
  top: -200px;
  -webkit-text-stroke: #FF0046 2px;
}

h1.turned-section-left {
  transform: rotate(90deg);
  transform-origin: 5% 36%;
}

h1.turned-section-right {
  transform: rotate(-90deg);
  transform-origin: 92% 64%;
  right: -130px;
  z-index: 2;
}

footer {
  position: relative;
  background-color: #242424;
  color: #FFFFFF;
  margin-top: 150px;
}
footer #logo-rk-footer {
  width: 120px;
  max-width: 120px;
}

footer h1 {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 80px;
}

footer h3 {
  color: #ffffff;
  font-size: 1.6rem;
}

footer p {
  color: #ffffff;
  font-size: 0.9rem;
}

footer .container {
  padding: auto 12px;
}

footer p {
  margin: 8px auto;
  font-weight: 100;
}

footer p a {
  color: #ffffff;
  text-decoration: none;
}
footer .footer-menu{
  position: relative;
  z-index: 3;
}
footer .footer-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #000000;
}

footer .footer-menu li {
  float: left;
}

footer .footer-menu li a {
  display: block;
  color: white;
  text-align: center;
  padding: 16px;
  text-decoration: none;
}

footer .footer-menu li a:first-child {
  padding-left: 0 !important;
}

footer .footer-menu .float-right {
  float: right;
}

footer form input[type="text"],
form input[type="email"],
form input[type="tel"]{
  width: 100%;
  margin: 12px auto;
  padding: 8px;
  padding-left: 0px;
  border: none;
  color: #242424;
  border-bottom: solid 1px #242424;
}


.legales-footer div{
  line-height: 1;
}
.legales-footer a{
  font-size: 9px;
  line-height: 1;
  color: #F9F5F1;
}
.legales-footer a:hover{
  color: #FF0046;
}
.separador-legales {
  width: 100%;
  border: none;
  border-top: solid 1px #ffffff;
}
.legales-fondo-light .separador-legales{
  border-top: solid 1px #242424;
}
.night .legales-fondo-light .separador-legales{
  border-top: solid 1px #f9f5f0;
}
.legales-fondo-light a{
  color: #242424;
}
.night .legales-fondo-light a{
  color: #F9F5F1;
} 
.legales-fondo-light a:hover{
  color: #FF0046;
}
.legales p{
  font-size: 12px;
}
.legales small{
  font-size: 8px;
}

.subir{
  position: absolute;
  bottom: 20px;
  left: 0;
  z-index: 9;
  transform: rotate(-90deg);
  color: #FFFFFF;

  cursor: pointer;
}
.subir p{
  margin-top: 0px;
  font-size: 12px;
  letter-spacing: 6px;
  /*transition: all 0.5s;*/
}
.subir p:hover{
  color: #FF0046;
  text-decoration: none;
  cursor: pointer;
}
.subir-proyecto{
  color: #242424;
}
.legal-texts p {
  font-size: 8px;
  position: absolute;
  bottom: 0px;
}
.footer-spacer{
  margin-bottom: 24px;
}
.footer-peque a{
  color: #242424;
  text-decoration: none;
}
.footer-peque a:hover{
  color: #FF0046;
  text-decoration: none;
}

.w-100 {
  width: 100%;
}

.black-txt {
  color: #242424;
}

.max-width-1400 {
  max-width: 1400px;
}

.no-margin-top {
  margin-top: 0px;
}

.no-margin-bottom {
  margin-bottom: 0px;
}

/* INICIO MENÚ OK */

.navbar-light .navbar-toggler {
  border: none;
}
#burger-menu-icon{
  margin-top: 2px;
  cursor: pointer;
}
#burger-menu-icon span{
  position: relative;
  display: block;
  height: 10px;
}
#burger-menu-icon span img{
  position: relative;
  left: 0px;
  width: 31px;
  transition: all 0.25s;
}

#menu-full-page-container{
  display: block;
  opacity: 1;
  position: fixed;
  /* Para volver a dejarlo funcionando toggle los comentarios de left siguientes */
  /* left: 0px; */
  left: -100%;
  top: 0px;
  z-index: 9999;
  width: 100%;
  height: 100vh;
  background-color: #FF0046;
  transition: all 0.8s;
  overflow: hidden;
}
.visualiza-menu{
	left: 0px !important;
}
.esconde-menu{
	left: -100% !important;
}
.logo-menu-full{
  max-width: 150px;;
}
#menu-full-page-container p,
#menu-full-page-container a{
  color: #FFFFFF;
}
.menu-header{
  margin-top: 32px;
}
.menu-header .container-fluid{
  width: 90%;
}
.aspa-cierre-menu{
  transform: scale(1);
  cursor: pointer;
  transition: all 0.5s !important;
}
.menu-redes-sociales{
  font-size: 12px;
  font-weight: 300;
}
.menu-redes-sociales span{
  margin-right: 24px;
}
.menu-redes-sociales span::last-child{
  margin-right: 0px;
}
.menu-redes-sociales a:hover{
  color: #242424 !important;
}

.menu-content{
  margin: 50px auto;
}

.rrss-mobile{
  position: fixed;
  bottom: 0px;
  background-color: #FF0046;
  padding-bottom: 12px;
}
.rrss-mobile a{
  font-size: 18px;
}

#menu-anclas{
  height: 64px;
}


/* MENÚ RESPONSIVE X */

.menu-full-page-wp li{
  min-height: 64px;
  height: 100px;
  text-align: left;
  /*transition: all 0.5s;*/
  font-size: 80px !important;
  font-weight: bold;
  cursor: pointer;
  list-style: none;
}
.menu-full-page-wp a{
  color: #FFFFFF;
  -webkit-text-stroke: transparent 2px;
}
.menu-full-page-wp a:hover{
  color: #FF0046 !important;
  -webkit-text-stroke: #FFFFFF 2px !important;
}
/* END MENU RESPONSIVE X */

.menu-footer{
  position: fixed;
  width: 100%;
  bottom: 10px;
}
.menu-footer-container{
  width: 100%;
  max-width: 990px;
  margin: 0 auto;
  margin-bottom: 48px;
}
/* .column{
  box-sizing: border-box;
  display: inline;
} */
.column-contacto{
  width: 30%;
}
.column-copyright{
  width: 20%;
}
.idiomas-menu{
  padding-right: 32px;
  font-weight: 300;
}
.idiomas-menu.active{
  color: #242424 !important;
  font-weight: 600 !important;
}
/* FIN MENÚ OK */


p.copyright{
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: -5px;
}
.copyright small{
  font-size: 8px;
  font-weight: 100;
  margin-top: 0px;
  margin-bottom: 8px;
}

/*# sourceMappingURL=../main-style.map */

input, textarea {
    border-radius: 0;
    -webkit-appearance: none;
}


/* Código no more sass */
.carousel-us{
  margin-top: 72px;
}
.carousel-us-tags{
  border-right: solid 1px #FF0046;
  font-size: 1rem;
}
.carousel-us-title{
  font-size: 2.2rem;
  font-weight: bold;
  color: #FF0046;
}
.carousel-us-content{
  font-size: 16px;
  line-height: 2;
}
.carousel-us-tags .active{
  color: #FF0046;
}
#logos-arriba{
  margin-bottom: 32px;
}
.logo-img{
  margin-left: 100px;
}
.carousel-us-small p small{
  font-size: 0.8rem;
}
.carousel-us .owl-stage-outer{
  margin-top: -12px;
}
#lista-servicios{
  margin-right: 32px;;
}
.proyect-title-container{
  position: relative;
  z-index: 200;
}

.proyect-title-container h1{
  /*transition: all 0.5s;*/
  color: transparent !important;
  -webkit-text-stroke: #242424 1.5px;
  
}
.proyect-title-container h1:hover{
  color: #FF0046 !important;
  -webkit-text-stroke: #FF0046 1.5px;
}

.proyect-image{
  position: absolute;
  z-index: -1;
  overflow: hidden;
  height: 500px;
  width: 500px;
  opacity: 0;
  
}
.proyect-image img{
  width: 500px; 
  height: 500px;
}
.proyect-title-container:hover .proyect-image{
  height: auto;
}
.carousel-us-tags p[id*='capa']{
  /*transition: all 0.5s;*/
  cursor: pointer;
  margin-bottom: 32px;
}
.carousel-us-tags p[id*='capa']:hover{
  color: #FF0046;
  cursor: pointer;
}

.boton-explorar-mas{
  padding: 12px;
  background-color: #242424;
  color: #F9F5F1;
  transition: color 0.5s, background-color 0.5s;
}
.boton-explorar-mas:hover{
  background-color: #FF0046;
  color: #F9F5F1;
}

.boton-explorar-mas img{
  margin-left: 32px;
  transition: margin-left 0.5s;
}


h1.form-selected{
  color: #FF0046 !important;
  /*transition: all 0.5s;*/
}

.owl-theme .owl-dots .owl-dot span {
  width: 4px;
  height: 4px;
  background: #242424;
}
.owl-theme .owl-dots .owl-dot.active span{
  background: #FF0046;
}
.owl-theme .owl-dots .owl-dot:focus{
  outline: 0;
}
.owl-carousel-articulos .owl-nav button.owl-prev,
.owl-carousel-articulos .owl-nav button.owl-next{
  position: fixed;
  top: 50%;
  margin-top: -40px;
  font-size: 100px;
  height: 100px;
}
.owl-theme .owl-nav [class*=owl-]:hover{
  background: transparent;
}
.owl-carousel-articulos .owl-nav button.owl-prev{
  left: 0px;
}
.owl-carousel-articulos .owl-nav button.owl-prev:hover,
.owl-carousel-articulos .owl-nav button.owl-next:hover{
  color: #FF0046;
}
.owl-carousel-articulos .owl-nav button.owl-next{
  right: 0px;
}

#separte{
  display: none;
}

#trabaja-title,
#separte-title{
  cursor: pointer;
  transition: color 0.5s;
}

form input[type="text"]:focus, .night form input[type="text"]:focus,
form input[type="email"]:focus, .night form input[type="email"]:focus,
form input[type="tel"]:focus, .night form input[type="tel"]:focus{
  border-bottom: solid 1px #FF0046;
  outline:0;
  color: #FF0046;
}
input input[type="text"]:focus::-webkit-input-placeholder,
input input[type="email"]:focus::-webkit-input-placeholder,
input input[type="tel"]:focus::-webkit-input-placeholder{
  color: #FF0046;
}

form textarea:focus,
.night form textarea:focus{
  border: solid 1px #FF0046;
  outline:0;  
  color: #FF0046;
}
.night button#responsive-menu-button,
.night .long-arrow{
  filter: invert(1);
}

.proyect-title-container h1, .proyect-title-container h1:hover,
.big-arrow-cursor, .big-arrow-cursor:hover{
  cursor: url('images/cambio_puntero.svg'), auto; 
}


.form-title img{
  /*transition: transform 0.25s;*/
  transform: rotate(0deg);
}
.form-title img.not-selected{
  transform: rotate(-90deg);
  filter: brightness(0);
}


/* PROYECTOS BEGIN */
/* . . . . . . . . */

.site-main-proyectos{
  display: flex;
  flex-wrap: nowrap;
  overflow-x: scroll;
}
::-webkit-scrollbar{
  display: none !important;
}
.proyecto-slide{
  min-width: 100vw;
}
.number-of-post .current-item{
  color: #FF0046;
}
.projects-overview-dots span,
.projects-overview-dots span.active{
  font-size: 24px;
}
.projects-overview-dots span.active{
  color: #FF0046;
}


/* OLD - VALE??? */
.single-proyecto-container{
  position: relative;
}
.single-project-text{
  position: absolute;
  width: 100%;
  left: 0px;
  top: 40%;
  z-index: 9;
}
.proyecto-slide h1{
  color: transparent;
  -webkit-text-stroke: #FF0046 2px;
  transition: all 0.5s;
  font-size: 10vh;
}
.proyecto-slide h1:hover{
  color: #FF0046;
  -webkit-text-stroke: #FF0046 2px;
}

.proyecto-thumbnail{
  max-width: 600px;
  transform: rotate(-4deg) scale(0.9);
  margin: 0 auto;
  margin-bottom: 32px;
}
#owl-carousel-proyectos{
  margin-top: 20px;
}
.img-proyectos-container{
  padding-top: 48px;
}
.titulo-proyecto{
  font-size: 18px;
  font-weight: 600;
  color: #242424;
}
.proyecto-slide .tags-proyecto{
  position: relative;
  top: 50%;
  text-align: center;
  z-index: 9;

  color: #242424;
  font-size: 12px;
  font-weight: 100;
}

/* INDICADOR SCROLL */
.indicador-scroll-container{
  position: fixed;
  right: 300px;
  top: 190px;
}
.indicador-scroll-container div{
  position: absolute;
  top: 0px;
  left: 0px;
}
.scroll-mouse-container,
.scroll-rueda-container{
  width: 120px;
}
.scroll-mouse-container img{
  height: 40px;
  margin-top: 40px;
}
.scroll-rueda-container img{
  width: 120px;
  -webkit-animation: rotating 15s linear infinite;
  -moz-animation: rotating 15s linear infinite;
  -ms-animation: rotating 15s linear infinite;
  -o-animation: rotating 15s linear infinite;
  animation: rotating 15s linear infinite;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


.footer-proyectos{
  position: absolute;
  bottom: 0px;
  z-index: 10;
  background-color: #F9F5F1;
}

.footer-nosotros,
.footer-noticias{
  margin-top: 200px;
  position: relative;
  bottom: 0px;
  z-index: 10;
  background-color: #F9F5F1;
}

.footer-noticias{
  margin-top: 0px;
}
.footer-proyectos hr{
  margin-top: 0px;
}
.night .footer-proyectos{
  background-color: #212529;
}
/* . . . . . . . */
/* PROYECTOS END */





/* PROYECTO SINGLE BEGIN */
/* . . . . . . . . . . . */

.siguiente-proyecto{
  color: #242424;
}
.night .siguiente-proyecto{
  color: #F9F5F1;
  transition: color 0.5s;
}
.night .siguiente-proyecto:hover{
  color: #ff0046;
}
.single-project-container h3
{
  line-height: 1.5;
}
.single-project-container p
{
  line-height: 2;
}
.single-project-container .bold-text{
  margin-bottom: 0px;
}
.single-project-subtitle{
  font-weight: bold !important;
  line-height: 1.2 !important;
  color: #FF0046;
  font-size: 4rem;
  font-weight: 700;
}

.single-project-container p,
.categorias-list-header span{
  font-weight: 300;
}
.categorias-list-header span::after{
  content: "\00a0\00a0·\00a0\00a0";
}
.categorias-list-header span:last-child::after{
  content: ""!important;
}
.single-project-container .enorme a{
  -webkit-text-stroke: transparent 2px;
  color: #FF0046;
  /*transition: all 0.5s;*/
}
.single-project-container .enorme a:hover{
  -webkit-text-stroke: #FF0046 2px !important;
  color: transparent !important;
}
.single-project-title{
  color: #FF0046;
  font-size: 1.5rem;
  font-weight: 100;
  letter-spacing: 4px;
}

.feet-container{
  background: url("images/proyectos/single_love/feet.png");
  background-position: top right;
  background-repeat: no-repeat;
}
.enorme{
  font-size: 9rem;
  color: #FF0046;
  font-weight: bold !important;
  line-height: 1 !important;
}
.tracking-modificado{
  letter-spacing: 8px;  
}
.video-container{
  position: relative;
  padding-bottom: 56.25%; /* 16/9 ratio */
  padding-top: 30px; /* IE6 workaround*/
  height: 0;
  overflow: hidden;
}
  
.video-container object,
.video-container iframe,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.proyecto-single-tags-footer p{
  color: #FF0046;
}

/* PLANTILLAS CARPETA PROYECTOS */

.single-project-container h3{
  font-size: 1.5rem;
  color: #242424;
}
.titular-magenta,
.destacado{
  font-size: 2rem;
  font-weight: bold !important;
  color: #FF0046;
  line-height: 1.5!important;
}
.tabla-contenidos tr{
  border-bottom: solid 1px #FF0046;
}
.tabla-contenidos tr:last-child{
  border-bottom: none !important;
}
table .columna-izda{
  font-size: 1.5rem;
  padding: 60px 0px; /* Le doy más padding que a la columna izda para compensar el margen visual */
}
table .columna-dcha{
  font-size: 4rem;
  font-weight: bold;
  padding: 52px 0px;
}

.vertical-video-container video{
  width: 100%;
}

.volver-a-proyectos{
  margin-bottom: 124px;
}

/* . . . . . . . . . . */
/* PROYECTO SINGLE END */


/* ARTICULOS BEGIN */
/* . . . . . . . . */

.articulos-tags-container a{
  display: inline;
  color: #242424;
  text-decoration: none; 
  /*transition: all 0.25s;*/
}
.articulos-tags-container a:hover{
  color: #FF0046;
}
.articulos-tags-container span{
  margin-right: 24px;
  font-weight: 100;
}
.articulos-tags-container span.selected{
  color: #FF0046;
}
.articulos-tags-container span sup{
  font-size: 0.6rem;
  top: -.7em;
  margin-left: 4px;
}
.night .article-container .titulo-noticia{
  color: #F9F5F1;
}
.night .article-container .titulo-noticia:hover{
  color: #FF0056;
}
.night .footer-noticias{
  background-color: #212529;
}
a .item{
  color: #242424;
  /*transition: all 0.25s;*/
}
a .item:hover{
  color: #FF0046;
}
.owl-carousel-articulos{
  width:90%;
  margin: 100px auto;
}
.owl-carousel-articulos .item{
  width: 30vw;
}
.owl-carousel-articulos .date{
  font-size: 14px;
  margin-bottom: 12px;
  font-weight: 300;

}
.owl-carousel-articulos .date.selected{
  color: #FF0046;

}
.owl-carousel-articulos .titulo-noticia{
  font-weight: bold;
  font-size: 18px;
}
.owl-carousel-articulos img{
  width: 100%;
  max-width: 100%;
}

.owl-carousel-articulos .even p:first-child{
  margin-top: 24px;
}
.owl-carousel-articulos .even p:last-child{
  margin-bottom: 24px;
}

.arrow-articulos{
  width: 10px
}
.imagen-relacionada{
  width: 100%;
}

/* Snippets del CMS */
.post-snippet p{
  margin-top: 48px;
  margin-bottom: 48px;
}
.post-snippet img{
  width: 100%;
  height: 100%;
}
.post-snippet iframe{
  padding-bottom: 24px;
}
.post-snippet .mejs-controls{
  background: transparent !important;
}
.post-snippet .no-controls .mejs-controls{
  display: none;
  opacity: 0;
}

/* . . . . . . . */
/* ARTICULOS END */


/* ARTICULOS SINGLE BEGIN  */
/* . . . . . . . . . . . . */
.rrss img{
  margin-right: 8px;
  height: 16px;
}
.rrss img:last-child{
  margin-right: 0px;
}

.articulo-single h1,
.articulo-single .quote{
  color: #FF0046;
  font-size: 2rem;
  font-weight: bold;
}
.articulo-single h2{
  font-size: 1.8rem;
  margin-bottom: 48px;
}
/* Letra capitular: */
.capitular::first-letter{
  font-size:4rem;
  font-weight: bold;
  margin-right:8px;
  float:left; 
  text-transform: uppercase;
  line-height: 1
}

.img-autor{
  max-width: 180px;
}
.nombre-autor{
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 8px;
}
.puesto-autor{
  margin-bottom: 0px;
}
.texto-peque{
  font-size: 0.8rem;
}
.newsletter-text{
  font-size: 1.5rem;
  font-weight: bold;
  border-bottom: solid 2px #242424;
}
.spacer hr{
  border: none;
  border-bottom: solid 2px #FF0046;
}

.articulo-single h3{
  font-weight: bold;
  font-size: 2.2rem;
  margin-bottom: 48px;
}

.item-noticia-relacionada{
  margin-bottom: 32px;
}

/* . . . . . . . . . . . */
/* ARTICULOS SINGLE END  */



/* AGENCIA BEGIN         */
/* . . . . . . . . . . . */

.noticia-title{
  font-weight: bold !important;
  line-height: 1.2 !important;
  color: #FF0046;
  font-size: 40px;
  font-weight: 700;
}

.noticia-title .border{
  -webkit-text-stroke: #FF0046 1.5px !important;
  color: transparent !important;
  border: 0px transparent !important;
}

.single-noticia-container h2{
  color: #FF0046;
  font-size: 48px;
}

.single-noticia-container .the-content p{
  line-height: 2;
  margin-bottom: 32px;
}
.image-noticia-container{
  width: 100%;
}
.titulo-mas-noticias{
  margin-bottom: 32px;
}
.single-noticia-container .titulo-siguiente-noticia{
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 24px;
  margin-bottom: 4px;
}
.night .single-noticia-container .titulo-siguiente-noticia{
  color: #F9F5F1;
}
.single-noticia-container .titulo-siguiente-noticia:hover{
  color: #FF0046;
}
.the-content .video-wrapper{
  margin: 64px 0px;
}


.agencia-container .descripcion p{
  font-weight: 300;
  line-height: 2;
  margin-bottom: 32px;
}

.subir-agencia-container{
  position: relative;
}
.subir-agencia-container .subir{
  color: #242424;
  bottom: 100px;
} 

.border-right-table{
  border-right: dotted 1px #FF0046;
}
.columna-logos .p-2{
  width: 100px;
  height: 100px;
}
.columna-logos img{
  max-width: 100%;
}
/* . . . . . . . . . . . */
/* AGENCIA END           */



/* Night Mode */

.night *,
body,
#somos,
.navbar,
.proyectos-container p{
  transition: background-color 0.5s;
}

.night #logos-abajo,
.night #logos-arriba,
.night header .navbar-brand,
.night .form-title img,
.night .owl-theme .owl-dots .owl-dot span,
.night .columna-logos img,
.night .rrss img,
.night .form-container .flecha,
.night .tabla-logos img{
  filter: invert(1) sepia(1) hue-rotate(-49deg) brightness(1.2);
}
.night .owl-theme .owl-dots .owl-dot.active span{
  filter: none !important;
}
body.night,
.night #somos,
.night .navbar,
.night .footer-nosotros{
  background-color: #212529;
  color: #F9F5F1;
}
.night #burger-menu-icon {
  filter: invert(1);
}
.night .proyectos-container p,
.night h3,
.night .footer-peque a{
  color: #F9F5F1;
}
.night .navbar-light .navbar-nav .nav-link{
  color: rgba(249,245,241,0.5);
}
.night h2,
.night h1,
.night .owl-carousel-articulos .excerpt,
.night .articulos-tags-container span{
  color:#F9F5F1;
}
.night .single-preject-title{
  color: transparent;
  font-size: 10vh !important;
}
.night .owl-carousel-articulos .date,
.night .articulos-tags-container span.selected,
.night .footer-peque a:hover,
.night .nav-link:hover{
  color: #FF0046 !important;
}
.night .proyect-title-container h1{
  -webkit-text-stroke: #F9F5F1 1.2px;
}
.night .proyect-title-container h1:hover{
  -webkit-text-stroke: #FF0046 1.2px;
}
.night form input[type="text"],
.night form input[type="email"],
.night form input[type="tel"]{
  color: #F9F5F1;
  border-bottom: solid 1px #F9F5F1;
}
input#curriculum{
  font-size: 0.8rem;
  margin-top: 20px;
}
.night form textarea{
  border:solid 1px #F9F5F1;
  color: #F9F5F1;
}
.night form ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #F9F5F1;
  opacity: 1;
}

/* Night footer */
.night footer{
  background-color: #F9F5F1;
  color: #242424;
}
.night footer h1,
.night footer h3,
.night footer p,
.night footer a{
  color: #242424;
}
.night footer a:hover{
  color: #ff0046;
}
.night footer .separador-legales{
  border-top: solid 1px #242424;
}
.night .footer-peque .separador-legales{
  border-top: solid 1px #F9F5F1;
}

/* Night tablas proyecto */
.night table{
  color: #F9F5F1;
}

.night .boton-explorar-mas{
  background-color: #F9F5F1;
  color: #212529;
}
.night .boton-explorar-mas:hover{
  background-color: #FF0046;
  color: #212529;
}

.night .subir{
  color: #F9F5F1;
}

.subir-footer-grande img{
  filter: invert(1) sepia(1) hue-rotate(-49deg) brightness(1.2);
}
.night .subir-footer-grande img{
  filter: none;
}

/* Logos de la página de agencia */
.night .grupo-logos-agencia.only-desktop.only-light{
  display: none;
}
.grupo-logos-agencia.only-desktop.only-light{
  display: block ;
}
.night .grupo-logos-agencia.only-desktop.only-dark{
  display: block ;
}
.grupo-logos-agencia.only-desktop.only-dark{
  display: none;
}


.tabla-logos tr td img{
  padding: 12px 0px;
  max-width: 150px;
}
.tabla-logos tr td{
  border-right: dotted 1px #FF0046;
}
.tabla-logos tr td:last-child{
  border-right: none;
}





/* Genérico */
.margin-top-24        { margin-top: 24px; }
.margin-top-32        { margin-top: 32px; }
.margin-top-48        { margin-top: 48px; }
.margin-top-100       { margin-top: 100px; }
.margin-top-200       { margin-top: 200px; }
.margin-top-300       { margin-top: 300px; }
.margin-bottom-300       { margin-bottom: 300px; }
.padding-0            { padding: 0px; }
.padding-top-100      { padding-top: 100px; }
.padding-top-200      { padding-top: 200px; }
.padding-top-300      { padding-top: 300px; }
.padding-right-48     { padding-right: 48px; }
.position-relative    { position: relative; }
.full-width           { width: 100%; }
.magenta              { color: #FF0046 !important; }
.negro                { color: #242424; }
.thin-text            { font-weight: 100; }
.bold-text            { font-weight: bold; }
.long-arrow           { max-width: 40px;}
.long-arrow.white     { max-width: 40px; filter: invert(1);}
/*.transition-all       { transition: all 0.5s; }*/
.fill                 { color: #FF0046 !important; -webkit-text-stroke: #FF0046 1.5px; }
.turned               { transform: rotate(90deg); }

/* Boton video */
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.video-wrapper > video {
  width: 100%;
  vertical-align: middle;
}
.video-wrapper > video.has-media-controls-hidden::-webkit-media-controls {
  display: none;
}
.video-wrapper iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-overlay-play-button {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 10px calc(50% - 100px);
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  opacity: 0.95;
  cursor: pointer;
  background-image: linear-gradient(transparent, #000);
  /*transition: all 500ms;*/
}
.video-overlay-play-button circle{
  /*transition: all 500ms;*/
  transform-origin: 50% 50%;
}
.bigger-cirle {
  opacity: 1;
  transform: scale(1.1);
}
.video-overlay-play-button.is-hidden {
  display: none;
}

/* MEDIA QUERIES */
/* - - - - - - - */

/* Mobile */
@media (max-width: 576px) {
  body{
    max-width: 100%;
    overflow: hidden;
  }
  .only-mobile{
    display: inline-block;
  }
  .only-desktop{
    display: none;
  }
  .single-project-subtitle,
  .enorme{
    font-size: 13vw;
  }
  .container-oficinas p{
    font-size: 0.75rem;
  }

  /* Scroll horizontal imágenes artículos */
  .scroll-x{
    overflow-y: hidden; 
    overflow-x: auto;
    width: auto;
    height: 300px;
    padding: 10px;
    white-space: nowrap;
    display: inline;
  }
  .scroll-x-hijo{
    width: 300px;
    height: 300px;
    margin: 0 10px 0 0;
    padding: 0;
    display: inline-block;
  }
  .scroll-x-hijo img{
    width: 300px;
    height: 300px;
    display: inline;
  }

  /* Oculto el menú de anclas en mobile */
  .menu-full-page-wp li{
    font-size: 50px !important;
    height: 80px;
  }

  .menu-footer{
    position: fixed;
    width: 100%;
    bottom: 10px;
  }
  .menu-footer-container{
    width: 100%;
    margin: 0 auto;
  }
  .menu-footer-container .column{
    width: 80%;
    margin-left: 10%;
    margin-top: 32px;
    clear: both;
  }

  .proyecto-slide h1{
    color: transparent;
    -webkit-text-stroke: #FF0046 1.2px;
    /*transition: all 0.5s;*/
    font-size: 8vh;
  }


  table .columna-izda{
    font-size: 14px;
    padding: 60px 0px; /* Le doy más padding que a la columna izda para compensar el margen visual */
  }
  table .columna-dcha{
    font-size: 24px;
    font-weight: bold;
    padding: 52px 0px;
  }


  .owl-carousel-articulos .item{
    width: 90vw;
  }

  .rrss-container{
    margin-top: 48px !important;
  }
  .rrss img{
    padding-top: 24px;
    height: 100%;
  }

  /* Grupo logos RK de la página de agencia */
  .grupo-logos-agencia.only-desktop{
    display: none !important;
  }
  .night .grupo-logos-agencia.only-mobile.only-light{
    display: none;
  }
  .grupo-logos-agencia.only-mobile.only-light{
    display: block ;
  }
  .night .grupo-logos-agencia.only-mobile.only-dark{
    display: block ;
  }
  .grupo-logos-agencia.only-mobile.only-dark{
    display: none;
  }

  .legales-footer{
    font-size: 8px;
  }
  .titulo-proyecto{
    margin-top: 32px;
  }

  .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
    position: absolute;
    top: 25vh;
    font-size: 100px;
    height: auto;
  }
  .owl-carousel-articulos .owl-nav button.owl-next {
    right: -24px;
  }
  .owl-carousel-articulos .owl-nav button.owl-prev {
    left: -24px;
  }
  .titulo-single-noticia{
    font-size: 12vw;
  }
  .subtitulo-single-noticia{
    font-size: 10vw !important;
  }
  .titulo-siguiente-noticia{
    font-size: 6vw !important;
  }
  .somos-container{
    margin-left: 12px;
    margin-top: 100px !important;
  }
  .somos-container h2{
    font-size: 15vw;
  }
  h1.title{
    font-size: 36vw;
  }
  #somos{
    margin-top: -100px;
  }
  .proyect-title-container{
    margin-bottom: 48px;
  }
  .proyect-title-container h1{
    font-size: 11vw;
    color: #FF0046 !important;
    -webkit-text-stroke: #242424 0px;
    /* -webkit-text-stroke: #242424 1.5px; */
    line-height: 0.9;
    margin: 8px 0px 12px;
  }
  p{
    font-size: 4vw;
    line-height: 1.7;
  }
  .form-row h1{
    padding-top: 12px;
    font-size: 8vw;
  }
  .scroll-indication{
    padding-left: 120px;
  }
  .subir{
    left: -40px;
  }
  .footer-nosotros{
    margin-top: 0px;
  }
  .img-proyectos-container img{
    max-height: 45vh;
  }
  .proyecto-thumbnail{
    margin-bottom: -20px;
  }
  .entradilla-home{
    margin-bottom: 0px;
    line-height: 1.74;
  }
  .mini-titulo p{
    margin-top: 100px;
  }
  #las-noticias .owl-dots{
    display: none;
  }

  .proyecto-single-tags-footer .tracking-modificado{
    word-break: break-word;
    word-spacing: 0px;
    font-size: 12px;
  }
  .separadaor-punto-tags-proyecto{
    display: none;
  }
  .mini-titulo p {
    font-size: 1.3em;
  }
  .proyectos-section .proyect-tag{
    font-size: 3.5vw;
  }


  footer h1 {
    font-size: 15vw;
  }
  footer h3 {
    font-size: 5vw;
  }
  footer .col-6.col-lg-3{
    margin-bottom: 64px;
  }


  /* ESTILOS GENÉRICOS MOBILE */
  /* Los margins grandes los dejo en la mitad */
  .margin-top-300        { margin-top: 150px; }
  .margin-top-200        { margin-top: 100px; }
  .margin-top-100        { margin-top: 50px; }

  .margin-mb-top-48       { margin-top: 48px; }

  .wp-video {
    margin-top: 24px;
    margin-bottom: 24px;
  }

}

/* Tablet */
@media (max-width: 992px) {
  .only-desktop{
    display: none;
  }
  .carousel-card-container{
    margin: auto;
  }
}

/* Desktop */
@media (min-width: 992px) {
  .only-mobile{
    display: none;
  }
  .only-desktop{
    display: block;
  }
  .menu-header{
    margin-top: 100px;
  }
  .margin-top-30-desktop { margin-top: 30px; }
  .padding-top-dk-100       { padding-top: 100px; }
}


.fake-spacer{
  height: 100px;
}












.owl-item:nth-child(odd) .article-container .article-img{
	order:2;
}
.owl-item:nth-child(odd) .article-container .article-text{
	order:1;
}
.owl-item:nth-child(even) .article-container .article-img{
	order:1;
}
.owl-item:nth-child(even) .article-container .article-text{
	order:2;
}

/* Estas clases sirven para animar cualquier elemento con fadeIn/fadeOut, pero 
en concreto en mi caso sirven para animar el carousel de "about-us" */
@-webkit-keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@-webkit-keyframes fadeOut {
  from { opacity: 1; }
  to { opacity: 0; }
}
@keyframes fadeOut {
  from { opacity: 1; }

  to { opacity: 0; }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
#aceptacion_condiciones_container a {
  color: #212529;
}
#aceptacion_condiciones {
  -webkit-appearance: checkbox;
}
/*** #RK:202014:Bloque de cookies nuevo ***/
#cookie-notice {
  background: #FF0046;
  padding: 30px 0px;
  right: 0px;
}
.cookie-notice-container {
  max-width: 90%;
  width: 1140px;
  margin: 0 auto;
}
#cn-notice-text {
  color:#FFF;
  font-family: 'Archia-Medium';
  font-size: 16px;
  line-height: 21px;
  max-width: 568px;
  float: left;
  text-align: left;
}

#pdcc-modal-bg #pdcc-modal-container{

   position:fixed;
   top:auto;

   bottom:0;
   width: auto;
	max-width: auto;
	height: auto;    
      background: #000 !important;
	border-radius: 0px !important;
  border: 0px !important;
  text-align: center !important;
  color: #fff !important;
  text-transform: uppercase;

}
#pdcc-modal-bg #pdcc-modal-container h1{
  color: #fff !important;

}

#pdcc-modal-bg #pdcc-modal-container a{
  color: #ff0046 !important;
}



.cn-set-cookie {
  background: #FFF !important;
  border-radius: 0px !important;
  border: 0px !important;
  text-align: center !important;
  color: #FF0046 !important;
  line-height: 40px !important;  
  text-shadow: 0 0px 0 rgba(0,0,0,.25) !important;
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'Archia-SemiBold';
  min-width: 200px;
  margin-top: 30px;
}
.cookie-notice-hidden {
  display: none !important;
}
#cn-refuse-cookie {
  background: rgba(255,255,255,0.75) !important;
}
.cn-set-cookie:hover {
  background: #000 !important;
}
@media (max-width: 1200px) {
  #cn-notice-buttons, 
  #cn-notice-text {
    width: 50%;
  }
}
@media (max-width: 1150px) {
  .cn-set-cookie {
    margin-top: 45px;
  }
}
@media (max-width: 1150px) {
  #cn-notice-buttons, 
  #cn-notice-text {
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .cn-set-cookie {
    min-width: 125px;
  }
}
/*** #RK:202014:Bloque de cookies nuevo - Fin ***/