/* 
Theme Name: Fundacion
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: TNT
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/*************************
  General 
******************************/
body.elementor-default { overflow: hidden; font-family: Barlow, sans-serif; }


/*************************
  Header
******************************/
header.mysite-header {
  padding-top: 20px; padding-bottom: 35px;
}
header.mysite-header .site-branding {
  margin-top: 50px;
}
nav.primary-navigation ul {
  list-style: none; margin: 0; padding: 0; display: flex; justify-content: center;
}
nav.primary-navigation ul>li {
  display: block; padding-left: 25px; padding-right: 25px; 
}
nav.primary-navigation ul>li>a {
  color: #000; font-weight: 700; font-size: 20px;
}
nav.primary-navigation ul>li>a:hover {
  color:#0077ff;
}

nav.primary-navigation ul li { position: relative; z-index: 1; }
nav.primary-navigation ul li a:hover{ color: #000; }

nav.primary-navigation ul li.menu_somos.current_page_item:before, nav.primary-navigation ul li.menu_somos:hover:before {
  content: "";
  display: block;
  background: #ec695a;
  height: 15px;
  width: 90px;
  position: absolute;
  z-index: -1;
  transform: rotate(-3deg);
  left: 11px;
  top:9px  
}

nav.primary-navigation ul li.menu_proyectos.current-menu-item:before, 
nav.primary-navigation ul li.menu_proyectos:hover:before{
  content: "";
  display: block;
  background: #2BB57F;
  height: 18px;
  width: 92px;
  position: absolute;
  z-index: -1;
  transform: rotate(3deg);
  left: 29px;
  top:9px
}


.single-mkt_proyecto nav.primary-navigation ul li#menu-item-369:before {
  content: "";
  display: block;
  background: #f7c5ca;
  height: 18px;
  width: 92px;
  position: absolute;
  z-index: -1;
  transform: rotate(3deg);
  left: 29px;
  top:9px
}

nav.primary-navigation ul li.menu_contacto.current-menu-item:before, nav.primary-navigation ul li.menu_contacto:hover:before {
  content: "";
  display: block;
  background:  #2D9EF6;
  height: 18px;
  width: 100px;
  position: absolute;
  z-index: -1;
  transform: rotate(1deg);
  left: 17px;
  top:9px
}



/**************************
  Menu mobile
*********************************/
#menuToggle {
  display: block;
  /*  position: relative;  */
  z-index: 1;  
  -webkit-user-select: none;
  user-select: none;
}  
#menuToggle input {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;  
  cursor: pointer;  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */  
  -webkit-touch-callout: none;
}
#menuToggle span {
  display: none;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;  
  background: #000;
  border-radius: 3px;  
  z-index: 1;  
  transform-origin: 4px 0px;  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

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

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

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #000;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

.mainmenu__wrap { align-self: center; }


/*************************
  WPML
******************************/
.wpml__button {
  display: inline-block;  position: relative; z-index: 99; margin-bottom: 20px;
}
.wpml__button .dd-button {
  display: inline-block;
  border-bottom: 2px solid #a3a3a3;
  border-radius: 0;
  padding: 3px 0;  
  padding-right: 35px;
  cursor: pointer;
  white-space: nowrap;
  color:#a3a3a3;
  text-transform: uppercase;
  font-size: 14px;
}
.wpml__button .dd-button:before { 
  content: ""; display: inline-block; width: 20px; height: 20px; background-repeat: no-repeat; background-size: 100%; background-image: url(img/mundo.svg); vertical-align: middle; margin-right: 5px; margin-top: -4px;
}
.wpml__button .dd-button:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #a3a3a3;
}
.wpml__button .dd-button:hover {
  background-color: #eeeeee;
}
.wpml__button .dd-menu {
  position: absolute;
  top: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0;
  margin: 0px 0 0 0;
  box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
  background-color: #ffffff;
  list-style-type: none;
  display: none;
  background-color: #FFF;
}
.wpml__button:hover .dd-menu {
  display: block;
}
.wpml__button .dd-menu li {
  padding: 10px 25px;
  cursor: pointer;
  white-space: nowrap;
}
.wpml__button .dd-menu li:hover {
  background-color: #f6f6f6;
}
.wpml__button .dd-menu li a{ color:#666; }

h3.somos__auspiciadores { color: #000000; font-family: "Barlow", Sans-serif;     font-size: 25px; font-weight: bold; text-align:center; padding-bottom:30px; margin-bottom:35px; border-bottom:2px solid #b3a7a7; margin-top:60px; }

/*********************************
  Misc
*********************************/
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.no-mobile { display: block !important; }
.only-mobile { display: none !important; }


/*******************************
  Responsive
********************************/
@media only screen and (min-width: 1024px) and (max-width: 1450px) {
 
}

@media only screen and (max-width: 760px) {
  .no-mobile { display: none !important; }
  .only-mobile { display: block !important; }
  header.mysite-header .site-branding {
    margin-top: 5px;
  }

  /******************************
    Menu mobile
  ******************************/
  header.mysite-header { padding-top: 20px; padding-bottom: 20px; }
  .mainmenu__wrap { align-self: inherit; }
  #menuToggle { right: 20px; top:10px; position: absolute; z-index: 999; }
  #menuToggle span { display: block; }
  .menu-menu-principal-container {
    display: block;
    position: absolute;
    right: -20px;
    top:50px;
    width: 280px;
    margin: -100px 0 0 -50px; 
    padding: 20px;
    /* padding-top: 125px;     */
    margin-top: 0px;
    background: #ededed;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    z-index: 1;
    /* 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.0);
  }

  #menu-menu-principal {
    display: block;
  }
  #menuToggle input:checked ~ .menu-menu-principal-container {   transform: none; }
  nav.primary-navigation  ul.lang__list {
    display: block;
  }
  nav.primary-navigation ul { text-align: right; }
  nav.primary-navigation ul>li { padding: 5px 15px; text-align: right; }
  nav.primary-navigation ul>li>a { font-weight: 400; text-transform: uppercase; color: #000; }
  nav.primary-navigation ul>li.activo > a { font-weight: 500; color: #333; text-decoration: underline; }

  nav.primary-navigation ul li#menu-item-242.current_page_item:before, nav.primary-navigation ul li#menu-item-242:hover:before {
    left: auto; right:7px;
  }

  nav.primary-navigation ul li#menu-item-369.current-menu-item:before, nav.primary-navigation ul li#menu-item-369:hover:before {
    left: auto; right: 12px;
  }

  nav.primary-navigation ul li#menu-item-240.current-menu-item:before, nav.primary-navigation ul li#menu-item-240:hover:before {
    left: auto; right: 14px;
  }

  .single-mkt_proyecto nav.primary-navigation ul li#menu-item-369:before {
    left: auto; right: 14px;
  }
  

  ul.lang__list:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(img/mundo.svg);
    margin-top: 10px; margin-bottom: 1px;
    margin-right: 15px;
  }
}




/**PROYECTO***/
body{
  
  overflow-y: hidden !important;
}


.proyecto__slide{
  max-width:1280px;
  margin:auto;
  position: relative;
}
.proyecto__slide h1{
  font-size: 50px;
  font-weight: bold;
  background-color:#ec695a ;
  color:#000;
  margin:0;
  padding: 25px 115px;  
  line-height: 1em;
}
.proyecto__video {
  position: relative; height: 0; padding-bottom: 56.25%;
}
.proyecto__slide .proyecto__video iframe{
  width: 100%; height: 100%; display: block; position: absolute;
}

.proyecto__slide .slide__arrows{
  position: absolute;
    width: 100%;
    display: flex;
    justify-content: space-between;
    top: 50%;
    transform: translateY(-50%);
}
.proyecto__slide .slide__arrows button{
  border:none;
  outline: none;
}
.proyecto__slide .slide__arrows button .disabled{
  border:none;
}
.proyecto__slide .slide__arrows button:hover,.proyecto__slide .slide__arrows button:focus{
  border:none;
  background:transparent;
}
.proyecto__informacion{
  max-width:1050px;
  margin:auto;
}
.proyecto__informacion h2{
  font-size: 35px;
  font-weight: 400;
  padding-top: 1.3em;
  padding-bottom: 1.3em;
}
.proyecto__informacion p{
  font-size: 25px;
  font-weight: 400;
}

.proyecto__otros{
  max-width:1280px;
  margin:auto;
}
.card-otros{
  position: relative;
}
.proyecto__otros .card-otros .card__titulo{
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  position: absolute;
  bottom:0%;
  left:0;
  right: 0;
  margin: auto;
  padding: 15px 25px;
  background-color: #dc7160;
  min-height: 82px;
}

.proyecto__otros .card-otros .card__titulo a{
  color: #000;
}
.proyecto__otros .card-otros .card__titulo a:hover{
  color: #ae3f2e;
}
.proyecto__otros .row .col-lg-3{
  padding-left: 5px;
  padding-right: 5px;
}
.proyecto__otros .card-otros .card__imagen img{
  width: 100%;
  height: 280px;
  object-fit: cover;
  display: block;
}
.proyecto__otros .card-otros .card__imagen:hover:before{
  content: "";
    width: 100%;
    height: 100%;
    background: rgba(37, 137, 201, .8);
    position: absolute;
    pointer-events: none;
}
.proyecto__otros p{
  width:100%;
  text-align: center;
  padding:20px 0px;
  border-bottom: 2px solid gray;
  font-size: 25px ;
  font-weight: bold;
  margin-bottom:40px;
}


.proyectos__cabecera{
  max-width:960px;
  margin:auto;
  color:#000;
  padding-left: 30px; padding-right: 30px;
}
.proyectos__cabecera p{
  font-size: 20px;
  font-weight: 400;
}

.proyectos__cabecera h1{
  font-size: 50px;
  font-weight: bold;
}
.proyectos__cabecera hr{
  width: 8%;
  margin: 0;
  height: 10px;
  border: none;
  background: #000;
}
.proyectos__cabecera ul{
  margin-top: 30px;
  font-size: 22px;
  font-weight: 400;
  list-style-image: url(img/flecha-derecha.svg);

}
.proyectos__bg{
  position: absolute;
  top:0;
  width:100%;
  z-index: -1;
}
.proyectos__container{
  max-width:1480px;
  margin:auto;
  color:#000;
}
.proyectos__item{
  display:flex;
  justify-content: center;
  align-items: center;
}
.proyectos__item .item__imagen{
  width:55%;
  padding:40px 50px;
}

.proyectos__item .item__imagen a:hover{  
  opacity: .85; transition: opacity .5s;
}

.proyectos__item .item__texto{
  width:45%;
  padding:20px;
}
.proyectos__item .item__texto h2{
  font-size: 30px;
  font-weight: bold;
}
.proyectos__item .item__texto h3{
  font-size: 35px;
  font-weight: 400;
}
.proyectos__item .item__texto p{
  font-size: 20px;
  font-weight: 400;
}
.proyectos__item .proyecto__resumen a{
  font-size:18px;
  font-weight: bold;
  text-decoration: underline;
  color:#000;
}
.proyectos__item:nth-child(odd){
  padding-left:30px; padding-right: 30px;
}
.proyectos__item:nth-child(even){
  flex-direction: row-reverse;
  padding-right: 30px; padding-left: 30px;
}

.proyecto__resumen { padding-left: 40px; }

.breadcrumb{
  font-size: 20px;
  font-weight: 400;
}
.breadcrumb a{
  color:#000;

}
.breadcrumb a:hover{
  text-decoration: underline;
}
.proyecto__slide .owl-nav {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: space-between;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 100 !important;
}
.proyecto__slide .owl-nav button {
  pointer-events: all; outline: none;
}
.proyecto__slide .owl-nav button.owl-prev {
  transform: translateX(-100%);
}
.proyecto__slide .owl-nav button.owl-next {
  transform: translateX(100%);
}

/* auspiciadores */
.auspiciadores__carousel .item img{
  height: 200px;
  object-fit: cover;
}
.auspiciadores__carousel .owl-nav{
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

/*********************************
  Cookies
************************************/
#cookie-notice .cookie-notice-container {
  text-align: left; font-family: "Barlow", Sans-serif;
}  
#cookie-notice .cookie-notice-container h3{
  font-size: 25px; margin-bottom: 5px; font-weight: 400;
}
#cookie-notice .cookie-notice-container p{
  font-size: 14px; font-weight: 300; line-height: 1.4em; margin-bottom: 5px;
}
#cookie-notice .cookie-notice-container a{ color: #FFF; text-decoration: underline; }
#cookie-notice .cookie-notice-container a:hover { color:#f3e66c; }

#cookie-notice .cookie-notice-container a.btn__cokies {
  text-decoration: none; color: #000; font-size: 14px; margin-left: 0; background-color: transparent; position: relative; font-weight: 500; padding-top: 0; padding-bottom: 0; margin-left: 5px;
}
#cookie-notice .cookie-notice-container a.btn__cokies:before {
  content: "";
    display: block;
    background: #f3e66c;
    height: 21px;
    width: 80px;
    position: absolute;
    z-index: -1;
    transform: rotate(-3deg);
    left: -5px;
    top: -4px;    
}

#cookie-notice .cookie-notice-container a.btn__cokies:hover:before { background-color: #EC695A; }

/**********************************
  Fundacion
*************************************/
.mauticform_wrapper { max-width: 600px; margin: 10px auto; }
.mauticform-innerform {}
.mauticform-post-success {}
.mauticform-name { font-weight: bold; font-size: 1.5em; margin-bottom: 3px; }
.mauticform-description { margin-top: 2px; margin-bottom: 10px; }

.mauticform-error { margin-bottom: 10px; color: red; }
.mauticform-message { margin-bottom: 10px;color: green; }
.mauticform-row { display: block; margin-bottom: 20px; }
.mauticform-label { font-size: 1.1em; display: block; font-weight: bold; margin-bottom: 5px; }
.mauticform-row.mauticform-required .mauticform-label:after { color: #e32; content: " *";
display: inline; }
.mauticform-helpmessage { display: block; font-size: 0.9em; margin-bottom: 3px; }
.mauticform-errormsg { display: block; color: red; margin-top: 2px; }

.mauticform-selectbox, .mauticform-input[type=text], .mauticform-input[type=email], .mauticform-textarea { width: 100%; padding:8px 16px;  font-size: 20px; font-weight: 400; font-style: italic; line-height: 1.9em;
  border: none; border-bottom: 3px solid #000;  background: none; border-radius: 0px; box-sizing: border-box; }


.mauticform-checkboxgrp-row {}
.mauticform-checkboxgrp-label { font-weight: normal; }
.mauticform-checkboxgrp-checkbox {}
.mauticform-radiogrp-row {}
.mauticform-radiogrp-label { font-weight: normal; }
.mauticform-radiogrp-radio {}
.mauticform-button-wrapper .mauticform-button.btn-default, .mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default { 
  /* color: #5d6c7c;background-color: #ffffff;border-color: #dddddd; */ background: none;
}
.mauticform-button-wrapper .mauticform-button.btn-default:hover, .mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default:hover {
  background: none; opacity: .5;
}

.mauticform-button-wrapper .mauticform-button, .mauticform-pagebreak-wrapper
.mauticform-pagebreak { display: inline-block;margin-bottom: 0;font-weight: 600;text-align:
center;vertical-align: middle;cursor: pointer;background-image: none;border: 1px solid
transparent;white-space: nowrap;padding: 6px 12px;font-size: 13px;line-height:
1.3856;border-radius: 3px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select:
none;user-select: none;}
.mauticform-button-wrapper .mauticform-button.btn-default[disabled], .mauticform-
pagebreak-wrapper .mauticform-pagebreak.btn-default[disabled] { background-color: #ffffff;
border-color: #dddddd; opacity: 0.75; cursor: not-allowed; }
.mauticform-pagebreak-wrapper .mauticform-button-wrapper { display: inline; }
label#mauticform_checkboxgrp_label_acepto_la_politica_de_pri1_10 { font-size: 12px !important; color:#000; }

.mauticform-button { padding: 7px 10px 7px 15px; float: right; margin-top: -55px; }
.mauticform-button span { width: 40px; height: 40px; display: block; background-repeat: no-repeat; background-size: 100%; background-image: url(img/flecha-derecha.svg); }

@media only screen and (min-width: 1400px) {
  .proyecto__slide .slide__arrows .slide__prev{
    transform: translateX(-100%);
  }
  .proyecto__slide .slide__arrows .slide__next{
    transform: translateX(100%);
  }
}


@media only screen and (max-width: 760px) {
  .proyecto__slide,.proyecto__informacion,.proyecto__otros{
    max-width: 100%;
  }

  .proyectos__cabecera,.proyectos__container{
    max-width: 100%;
    padding:15px;
  }
  /*proyectos*/
  .proyectos__cabecera h1{
    font-size: 24px;
  }
  .proyectos__cabecera ul{
    font-size: 16px;
  }
  .proyectos__item{
    flex-wrap: wrap;
    padding:20px auto;
  }
  .proyectos__item .item__texto,.proyectos__item .item__imagen{
    width:100%;
  }
  .proyectos__item .item__imagen{
    padding:0;
  }
  .proyectos__item:nth-child(odd){
    padding-left:0px;
  }
  .proyectos__item:nth-child(even){
    padding-right: 0px;
  
  }
  .proyectos__item .item__texto h2{
    font-size: 24px;
  }
  .proyectos__item .item__texto h3{
    font-size: 20px;
  }
  .proyectos__item .item__texto p{
    font-size: 16px;
  }

  /*************
  PROYECTO***
  *************/

  .proyecto__slide,.proyecto__informacion,.proyecto__otros{
    max-width: 100%;
  }
  .proyecto__informacion{
    padding:20px 15px;
  }
  .proyecto__slide h1{
    font-size: 24px;
    padding:20px 15px;
  }
  .proyecto__slide .slide__arrows .slide__prev{
    width:70px;
  }
  .proyecto__slide .slide__arrows .slide__next{
    width:70px;
  }
  .proyecto__informacion h2{
    font-size: 20px;
    padding:0px !important;
  }
  .proyecto__informacion p{
    font-size: 16px;
  }
}


@media only screen and (min-width: 760px) and (max-width: 1024px) {
    /*********************
    Menu
  *******************/	
  .menu-menu-principal-container {
    right: -45px;
  } 
  .proyectos__cabecera h1 {
    font-size: 40px;
  }
  .proyectos__item .item__texto h2 { font-size: 35px; }
  .proyectos__item .item__texto h3 { font-size: 21px; }
  .proyectos__item .item__texto p { font-size: 16px; }

  .proyecto__informacion { padding-left: 30px; padding-right: 30px; }
  .proyecto__informacion p { font-size: 16px; }
}