/* 
 Theme Name: MARES MADRID
 Theme URI: http://freepress.coop
 Author: Freepress S. Coop. Mad.
 Author URI: http://freepress.coop
 Template: Divi
 Version: 1.0
 Description: Sitio web para el pryecto MARES Madrid desarrollado por Tangentes.
*/ 

/* ----------- CSS Personalizados --------------------------- */ 

/* --- Typography  --------------------------- */

body {
  color: #263563;
	}

	h1 {
  color: #263563;
  font-weight: 600;
  font-size: 36px !important;
  line-height: 1.25em;
letter-spacing: 1px; 
}

h2 {
  color: #263563;
  font-size: 28px !important;
  line-height: 1.25em;
}

h3 {
  color: #263563;
  font-size: 24px !important;
  line-height: 1.3em;
}

h4 {
  color: #263563;
  font-size: 20px !important;
  line-height: 1.3em;
}

h5 {
  color: #263563;
  font-size: 18px !important;
  line-height: 1.3em !important;
}

h6 {
  color: #263563;
  font-size: 16px !important;
  line-height: 1.35em;
}


/* Tipografia TABLETAS */

@media screen and (max-width: 1080px) {
  h1 {
    font-size: 32px !important;
  }

  h2 {
    font-size: 24px !important;
  }

  h3 {
    font-size: 22px;
  }

  h4 {
    font-size: 20px !important;
  }

  h5 {
    font-size: 18px;
  }

  h6 {
    font-size: 16px;
  }
}

/* Tipografia MOVILES  */

@media screen and (max-width: 800px) {
  h1 {
    font-size: 32px !important;
  }

  h2 {
    font-size: 24px !important;
  }

  h3 {
    font-size: 20px;
  }

  h4 {
    font-size: 20px;
  }

  h5 {
    font-size: 18px;
  }

  h6 {
    font-size: 16px;
  }
}


/* ------------------------------------------------------------ */ 


/* ----------- HEADER  --------------------------- */ 

.et_fullwidth_secondary_nav #top-header .container {
  padding-right: 80px;
  padding-left: 30px;
}

.et-pb-icon {
  font-size: 48px;
}

/* ------------------------------------------------------------ */ 


/* -- RESULTADO DE BUSQUEDAS - Mejorar visibilidad en loop --------------------------- */ 

.search #left-area {
  -moz-column-count: 1;
  column-count: 1;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.search #left-area .et_pb_post a img {
  float: left !important;
  max-width: 300px !important;
  padding: 10px;
}

.search #left-area ul {
  list-style-type: none !important;
}

.search .et_pb_post > a {
  margin: -20px -20px 10px;
  display: block;
}

.search #left-area .et_pb_post {
  overflow: hidden;
  page-break-inside: avoid;
  break-inside: avoid-column;
  width: 100%;
  padding: 19px;
  border: 1px solid #d8d8d8;
  background-color: #fff;
  word-wrap: break-word;
  display: inline-block;
  margin-bottom: 10px;
}

.search #left-area .et_pb_post h2 {
  font-size: 18px;
}

.search #left-area .et_pb_post.format-link,
.search #left-area .et_pb_post.format-quote,
.search #left-area .et_pb_post.format-audio {
  padding: 0;
}

.search .et_pb_post .et_pb_image_container,
.search .et_pb_post .et_main_video_container,
.search .et_pb_post .et_audio_content,
.search .et_pb_post .et_pb_slider {
  margin: -20px -20px 10px;
}

.search .et_pb_post .et_pb_slider .et_pb_slide {
  min-height: 180px;
}

.search .pagination {
  padding: 20px 0;
}

/* ------------------------------------------------------------ */ 


/* -- GLOSARIO Tool Tips  para Gloasario --------------------------- */ 

#ttcont {
  display: block;
  padding: 2px 12px 3px 7px;
  margin-left: 5px;
  background: rgba(0,105,180,0.95);
  color: #fff;
  font-size: 14px !important;
  line-height: 22px !important;
  padding: 15px !important;
}

/* ------------------------------------------------------------ */ 


/* ---  BOTONES  --------------------------- */ 
/* botones widgets */

button {
  cursor: pointer !important;
}

.boton-neutro {
  background: none;
  height: 60px;
  margin-top: 20px;
  letter-spacing: 2px;
  font-size: 18px;
  font-family: "Dosis";
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  color: #263563;
  border-style: solid;
  border-bottom-width: 2px;
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
  border-color: #263563;
  cursor: pointer !important;
}

.boton-neutro:hover {
  background: none;
  transition: all 0.8s;
  color: #21b0ab;
  letter-spacing: 3px;
  cursor: pointer !important;
  border-style: solid;
  border-bottom-width: 2px;
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
  border-color: #21b0ab;
}

.boton-neutro-blanco {
  background: none;
  height: 60px;
  margin-top: 20px;
  letter-spacing: 2px;
  font-size: 18px;
  font-family: "Dosis";
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  border-style: solid;
  border-bottom-width: 2px;
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
  border-color: #ffffff;
  cursor: pointer !important;
}

.boton-neutro-blanco:hover {
  background: none;
  transition: all 0.8s;
  color: #ffffff;
  letter-spacing: 3px;
  cursor: pointer !important;
  border-style: solid;
  border-bottom-width: 2px;
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
  border-color: #ffffff;
}

.boton-neutro-grande {
  background: none;
  height: 60px;
  margin-top: 20px;
  letter-spacing: 2px;
  font-size: 25px;
  font-family: "Dosis";
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  color: #263563;
  border-style: solid;
  border-bottom-width: 2px;
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
  border-color: #263563;
  cursor: pointer !important;
}

.boton-footer {
  cursor: pointer !important;
  background: rgba(255,255,255, 0.3);
  border: none;
  width: 100%;
  height: 60px;
  margin-top: 20px;
  padding-left: 20px;
  letter-spacing: 2px;
  font-size: 18px;
  font-family: "Dosis";
  font-weight: 700;
  text-transform: uppercase;
  text-align: left;
  color: #fff;
}

.boton-footer:hover {
  background: rgba(255,255,255, 0.1);
  transition: all 0.5s;
  color: #fff;
  letter-spacing: 3px;
  cursor: pointer !important;
}

.boton-reciclaje {
  background: #00b0ac;
  box-shadow: 0 0 0 0px #fff;
  border: none;
  border-radius: 0px;
  width: 100%;
  height: 60px;
  margin-top: 20px;
  padding-left: 20px;
  letter-spacing: 2px;
  font-size: 18px;
  font-family: "Dosis";
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
  color: #fff;
  cursor: pointer !important;
}

.boton-reciclaje:hover {
  background: #4cc7c4;
  transition: all 0.8s;
  color: #ffffff;
  letter-spacing: 3px;
  cursor: pointer !important;
}

.boton-alimentacion {
  background: #fab500;
  box-shadow: 0 0 0 0px #fff;
  border-radius: 0px;
  border: none;
  width: 100%;
  height: 60px;
  margin-top: 20px;
  padding-left: 20px;
  text-align: left;
  letter-spacing: 2px;
  font-size: 18px;
  font-family: "Dosis";
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  cursor: pointer !important;
}

.boton-alimentacion:hover {
  background: #fbcb4c;
  transition: all 0.8s;
  color: #ffffff;
  letter-spacing: 3px;
  cursor: pointer !important;
}

.boton-energia {
  background: #EC6A05;
  box-shadow: 0 0 0 0px #fff;
  border: none;
  border-radius: 0px;
  width: 100%;
  height: 60px;
  margin-top: 20px;
  padding-left: 20px;
  text-align: left;
  letter-spacing: 2px;
  font-size: 18px;
  font-family: "Dosis";
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  cursor: pointer !important;
}

.boton-energia:hover {
  background: #f19650;
  transition: all 0.8s;
  color: #fff;
  letter-spacing: 3px;
  cursor: pointer !important;
}

.boton-movilidad {
    background-color: #b2d2e8;
    border: none;
    color: #263563;
	font-family: "Dosis";
    font-weight: 500;
	font-size: 36px;
	letter-spacing: 1px; 
    padding: 5px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}

.boton-movilidad:hover {
  background: #fff;
  transition: all 0.8s;
  color: #263563;
  cursor: pointer !important;
}

.boton-cuidados {
  background: #994b97;
  box-shadow: 0 0 0 0px #fff;
  border: none;
  border-radius: 0px;
  width: 100%;
  height: 60px;
  margin-top: 20px;
  padding-left: 20px;
  text-align: left;
  letter-spacing: 2px;
  font-size: 18px;
  font-family: "Dosis";
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  cursor: pointer !important;
}

.boton-cuidados:hover {
  background: #b781b6;
  transition: all 0.8s;
  color: #fff;
  letter-spacing: 3px;
  cursor: pointer !important;
}

@media screen and (max-width: 480px) {
  .boton {
    font-size: 30px;
    width: 100%;
    height: 50px;
  }
}

/* ---  GRAVITY FORMS --------------------------- */ 

/* desactivar titulos sobre celdas */
.gform_wrapper .top_label .gfield_label,
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
	display: none;
}

/* celdas */
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), body .gform_wrapper textarea.textarea, body div.form_saved_message div.form_saved_message_emailform form input[type=text] {
background-color: #fff;
border: 2px solid;
border-color: white;
font-size: 16px;
color: #263563;
width: 100% !important;
}

/* boton enviar */
body .gform_wrapper .gform_footer input.button, body .gform_wrapper .gform_page_footer input.button, body div.form_saved_message div.form_saved_message_emailform form input[type=submit] {
background-color: #fff;
float: left;
	}

/* mensaje error */
body .gform_wrapper .validation_error {
	color: #a33000;
	border-top: 2px solid #a33000;
	border-bottom: 2px solid #a33000;
}

body .gform_wrapper .gform_body .gform_fields .gfield_error .validation_message {
	color: #a33000;
}

.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
border: 1px solid #c95a06;
}

/* texto celda */
::-webkit-input-placeholder {
    /* Chrome */
    color: rgba(38, 53, 99, 0.9) !important;
}
:-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(38, 53, 99, 0.9) !important;
}
::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(38, 53, 99, 0.9) !important;
}
:-moz-placeholder {
    /* Firefox 4 - 18 */
    color: rgba(38, 53, 99, 0.9) !important;
}

/* checkbox */
.gform_wrapper ul.gfield_checkbox li input[type=checkbox],
.gform_wrapper ul.gfield_radio li input[type=radio] {
 visibility: hidden;
 margin: 0;
 width: 0!important;
}

input[type=checkbox] + label:before,
input[type=radio] + label:before {
	font-family: "ETmodules" !important;
	font-size: 20px;
	float: left; 
	margin-right: 0.5em;
}
.gform_wrapper li.gf_list_inline ul.gfield_checkbox li,
.gform_wrapper li.gf_list_inline ul.gfield_radio li {
 display: -moz-inline;
 display: inline;
}
input[type=checkbox] + label:before {
 content: '\056';
}
input[type=checkbox] + label:hover:before {
 content: '\05a';
 filter: alpha(opacity=40);
 opacity: 0.4;
}
input[type=checkbox]:checked + label:before {
 content: '\05a';
 color: #fff;
}
input[type=checkbox]:checked + label:hover:before {
 color: #fff;
 filter: alpha(opacity=100);
 opacity: 1;
}

/* ------------------------------------------------------------ */ 

/* --- ENTRADAS SINGLE POST --------------------------- */ 

#main-content {
  background-color: #e9eaf0;
}

#left-area .post-meta a {
    color: #ec6a05;
    text-decoration: none;
}

div.et_pb_section.et_pb_section_0.et_section_regular {
  background-color: #e9eaf0;
}

#left-area {
  background-color: #e9eaf0;
}

div.et_pb_section.et_pb_section_2.et_section_regular {
  background-color: #e9eaf0;
}

div.et_pb_section.et_pb_section_1.et_pb_with_background.et_section_regular {
  background-color: #ffffff;
}

body.home-posts #left-area .et_pb_post .post-meta, body.archive #left-area .et_pb_post .post-meta, body.search #left-area .et_pb_post .post-meta, body.single #left-area .et_pb_post .post-meta {
  font-size: 16px;
  color: #929ab1;
  text-decoration: none;
  font-family: "Dosis"
}

/* --- BARRA LATERAL SIDE BAR --------------------------- */ 

#sidebar {
  padding: 3% !important;
  background: #ffffff;
}


/* Noticias barra lateral */

h3.rpwe-title a {
  font-size: 18px;
	font-weight: 500; 
	color: #263563;
	line-height: 1.3em;
}

/* Categorias barra lateral */
div.et_pb_widget.widget_categories ul {
	text-decoration: overline;
}

li.cat-item.cat-item a {
    font-family: Dosis;
	font-size: 18px;
	font-weight: 500; 
	color: #263563;
}
li.cat-item.cat-item {
       font-family: Dosis;
	font-size: 18px;
	font-weight: 500; 
	color: #00b0ac;
}
/* ------------------------------------------------------------ */ 




/* ------------------------------------------------------------ */ 


/* --- FOOTER --------------------------- */ 

/* Texto del socket centrado */

#footer-info, #footer-info a {
  float: none;
  text-align: center;
}

/* Center Footer Menu */

.bottom-nav, .bottom-nav a {
  text-align: center;
}

.footer-widget li:before {
  display: none;
}

#main-footer .footer-widget h4 {
  margin-left: 15px;
}
/* WP File Download */
div.wpfd_list {
    background-color: #ffffff;
    padding: 20px;
}

div.wpfd-categories h2 {
    display: none;
}

div.wpfd-col.wpfd-container-ggd {
    background-color: #ffffff;
}

ul.breadcrumbs.wpfd-breadcrumbs-ggd.head-category-default.head-category-ggd {
    background-color: #ffffff;
}

li.active {
    color: #263563;
}

div.droptitle {
    color: #263563;
}

div.wpfd-categories {
    background-color: #ffffff;
    padding: 20px;
}

ul.breadcrumbs.wpfd-breadcrumbs-default.head-category-default {
    background-color: #ffffff;
}

div.wpfd-container-default {
    background-color: #ffffff;
}

a.wpfdcategory.catlink {
    background-color: #f5f5f5;
}

i.zmdi.zmdi-folder.wpfd-folder {
    color: #263563;
}

a.wpfdcategory.catlink span {
    color: #263563;
}

ul.breadcrumbs.wpfd-breadcrumbs-ggd.head-category-default.head-category-ggd {
    padding: 20px;
}
span.file-right a {
    color: #263563;
}
/* ------------------------------------------------------------ */
/**
 * THE EVENTS CALENDAR *
/** Change the background colour of the Tribe Bar, view selector, etc */

#tribe-events-bar,
#tribe-bar-form,
.tribe-bar-views-inner,
#tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a,
#tribe-bar-form #tribe-bar-views .tribe-bar-views-list:hover .tribe-bar-views-option a {
  background-color: #fff;
  padding-top: 10px;
}

/** Botón "Buscar eventos" */

#tribe-bar-form .tribe-bar-submit input[type=submit] {
  border-style: solid;
  border-color: #263563;
  background-color: #fff !important;
  color: #263563;
  letter-spacing: 1px;
  font-family: "Dosis";
}

/** Botón "Buscar eventos" hover */

#tribe-bar-form .tribe-bar-submit input[type=submit]:hover {
  color: #263563;
  letter-spacing: 2px;
}

/** Título página */

#tribe-events-content h2.tribe-events-page-title,
#tribe-events-content h2.tribe-events-single-event-title {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
}

/** Navegación entre eventos */

li.tribe-events-nav-next a {
  font-size: 14px;
  font-family: "Dosis";
  font-weight: 600;
  letter-spacing: 1px;
}

.tribe-events-category-movilidad h2 a, .tribe-events-category-alimentacion h2 a, .tribe-events-category-reciclaje h2 a,
.tribe-events-category-cuidados h2 a,
.tribe-events-category-energia h2 a,
.tribe-events-category-cap h2 a,
.tribe-events-category-servicios-especificos h2 a,
.tribe-events-category-servicios-agitacion h2 a {
  background-color: transparent !important;
  font-size: 22px !important;
  color: #263563 !important;
  line-height: 1em !important;
  border: none !important;
  padding: 0 10px 2px 0 !important;
}

/** Títulos categorías */

.tribe-events-mobile.tribe-events-category-movilidad h4,
.tribe-events-mobile.tribe-events-category-alimentacion h4,
.tribe-events-mobile.tribe-events-category-reciclaje h4,
.tribe-events-mobile.tribe-events-category-energia h4,
.tribe-events-mobile.tribe-events-category-cuidados h4,
.tribe-events-mobile.tribe-events-category-servicios-especificos h4,
.tribe-events-mobile.tribe-events-category-cap h4,
.tribe-events-mobile.tribe-events-category-agitacion
 {
  padding: 20px 20px 20px 0px !important;
}

.tribe-events-category-servicios-especificos h2.tribe-events-list-event-title a {
  padding: 20px 20px 20px 20px !important;
}

li.tribe-events-nav-previous a {
  font-size: 14px;
  font-family: "Dosis";
  font-weight: 600;
  letter-spacing: 1px;
}

/**
 * VISTA MENSUAL
 * ----------------------------
 */

/** Dias semana */

#tribe-events-lunes {
  color: #ffffff;
}

#tribe-events-martes {
  color: #ffffff;
}

#tribe-events-miercoles {
  color: #ffffff;
}
#tribe-events-jueves {
  color: #ffffff;
}
#tribe-events-viernes {
  color: #ffffff;
}
@media screen and (max-width: 900px) {
.tribe-events-list .tribe-events-loop .tribe-events-event-image {
    float: left;
    margin: 0 3% 0 0;
    width: 100%;
}

#tribe-events-jueves {
  color: #ffffff;
}

#tribe-events-viernes {
  color: #ffffff;
}

#tribe-events-sabado {
  color: #ffffff;
}

#tribe-events-domingo {
  color: #ffffff;
}

/** Nombres eventos */

.tribe-events-calendar div[id*=tribe-events-event-] h3.tribe-events-month-event-title a {
  font-size: 65%;
  font-weight: 600;
}

#tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] h3.tribe-events-month-event-title {
  line-height: 0.8em;
  margin-bottom: 10px;
  padding: 5%;
}

/**
 * VISTA LISTADO
 * ---------------------------
 */

/** Línea separador entre meses */

.tribe-events-list-separator-month {
  background-color: #eceaf0;
  border-top: 2px solid #263563;
}

/**
 * VISTA LISTADO BARRA LATERAL
 * ---------------------------
 */

/* Título evento */

#listaeventos .tribe-events-category-movilidad h2 a,
#listaeventos .tribe-events-category-alimentacion h2 a,
#listaeventos .tribe-events-category-reciclaje h2 a,
#listaeventos .tribe-events-category-cuidados h2 a,
#listaeventos .tribe-events-category-energia h2 a,
#listaeventos .tribe-events-category-servicios-especificos h2 a {
  font-size: 22px !important;
  background-color: #fff;
  color: #263563 !important;
  line-height: 1.4em;
  padding: 0 10px 2px 0;
}

/* Dia y número */
.tribe-mini-calendar-event .list-date .list-dayname {
  background: transparent;
  display: block;
  color: #263563;
}
.tribe-mini-calendar-event .list-info h2 {
    line-height: 1em !important;
}
.tribe-mini-calendar-event .list-date .list-daynumber {
  color: #263563 !important;
  font-family: "Dosis";
  font-size: 20px !important;
  line-height: 1.2 !important;
}

.tribe-mini-calendar-event .list-date {
  background: #fff !important;
border-bottom: 2px solid #263563;
}

/* Línea separador */

div.tribe-mini-calendar-event.event-0.first.last {
  border-style: solid;
  border-color: #263563;
}

div.tribe-mini-calendar-event.event--1.last {
  border-style: solid;
  border-color: #263563;
}

/**
 * VISTA IMAGEN
 * -----------------------------------
 */

/* Espaciado del grid */

div.tribe-events-photo-event-wrap {
  margin: 20px;
}

/* Tamaño imagen */

.tribe-events-list .tribe-events-event-image img {
  max-width: 300px;
  padding-top: 20px;
}

/* Fecha */

span.tribe-event-date-start {
  font-family: "Dosis";
  font-size: 20px;
  color: #263563;
}

/* Hora */

span.tribe-event-time {
  font-family: "Dosis";
  font-size: 20px;
  color: #263563;
}

/* Descripción */

div.tribe-events-list-photo-description.tribe-events-content p {
  color: #263563;
}

/* Evento recurrente */

div.event-is-recurring {
  color: #ec6a05;
}

a.tribe-event-url {
  padding-top: 20px;
  padding-bottom: 20px;
}

/**
 * VISTA DETALLE EVENTO
 * -----------------------------------
 */

/* Layout width */

#tribe-events-pg-template, .tribe-events-pg-template {
    max-width: 900px !important;
	padding-left: 20px !important;
    padding-top: 50px !important;
    padding-right: 20px !important;
    padding-bottom: 50px !important;
}
	.tribe-filters-closed #tribe-events-content {
	 max-width: 900px !important;
	padding-left: 20px !important;
    padding-top: 50px !important;
    padding-right: 20px !important;
    padding-bottom: 50px !important;
}

	
/* Botón "Ver todos" */

p.tribe-events-back {
  margin-top: 30px;
}

/* Horario */

div.tribe-events-schedule.tribe-clearfix {
  padding-bottom: 30px;
}

/* Imagen */

img.attachment-full.size-full.wp-post-image {
  float: left;
  width: 700px;
  padding-bottom: 10px;
}

/* Mensaje alerta */

.et-info .et-box-content {
  border: 3px solid #ec6a05;
  color: #ec6a05;
  text-shadow: none;
  font-weight: 700;
  background-color: #fff;
  -webkit-box-shadow: none;
}

/* Mensaje aclaración */

div.tribe-events-notices {
  border: 3px solid #ec6a05;
  color: #ec6a05;
  text-shadow: none;
  font-weight: 700;
  background-color: #fff;
  -webkit-box-shadow: none;
}
}