/*
Theme Name: Osala
Description: <a href='http://codex.wordpress.org/Child_Themes'>Plantilla</a> basada en Enfold Wordpress Theme.
Version: 1.13
Author: Freepress S. Coop. Mad.
Author URI: http://www.freepress.coop
Template: enfold
Version: 1.1924
*/

/*Add your own styles here:*/

.locationinfo h2 a, .info-window-max h2 a {
    color: #4d6128 !important;
    font-family: 'open sans' !important;
    font-size: 14px !important;
    font-weight: normal !important;
}

.link_final{
	padding: 5px 0px 5px 10px;
	text-decoration: none;
	background-color: #EEE;
	width: 100%;
	display: block;
}
.link_final a {
	color: #A56F38;
	text-decoration: none;
}
.link_final a:hover {
	color: #000;
	border-bottom: 1px dotted #000;
}

.documento {
	padding: 5px 2px 5px 2px;
	text-decoration: none;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	width: 100%;
	display: block;
}

#grupoExp , .gexperiencia {
    width:97%;
    display:block;
    margin:2px auto
}
.sel_exp{
    width: 100%;
    display:block;
    margin:0
}

.hide {
    display:none;
}

#boxExp{
    border: 1px solid #eee;
    padding: 0.5em 1em;
    background-color: #f9f9f9;
}

.experiencia .taxonomia.identidad > a {  color: #6F8F3B; }
.experiencia .taxonomia.papel-en-cadena-alimentaria > a { color: #8B2121; }
.experiencia .taxonomia.paises > a{ color: #6693C2 }
.experiencia .taxonomia.temas > a{ color: #6e2086 }

/* RESUMENES CONGRESO */

#subida-resumenes input[type=text], #subida-resumenes input[type=email]{  height: 35px; line-height: 35px; width: 600px; max-width: 90%; padding: 0 10px; box-sizing:border-box; border: solid thin #ccc; }
#subida-resumenes textarea{ width: 600px; max-width:90%; padding: 10px; box-sizing:border-box; resize: none;  }
#subida-resumenes select{ width: 600px; max-width:90%;  box-sizing:border-box;   }
#subida-resumenes input[type=button]{ padding: 7px 20px; font-size: 17px; margin-top:20px; color: #fff; background: #515151; border: solid thin #515151; cursor: pointer; }
#subida-resumenes input[type=button]:hover{ color: #515151; background: #fff;  }

/* INSCRIPCIONES CONGRESO */
#subida-inscripciones input[type=text], #subida-inscripciones input[type=email]{  height: 35px; line-height: 35px; width: 600px; max-width: 90%; padding: 0 10px; box-sizing:border-box; border: solid thin #ccc; }
#subida-inscripciones textarea{ width: 600px; max-width:90%; padding: 10px; box-sizing:border-box; resize: none;  }
#subida-inscripciones select{ width: 600px; max-width:90%;  box-sizing:border-box;   }
#subida-inscripciones input[type=button]{ padding: 7px 20px; font-size: 17px; margin-top:20px; color: #fff; background: #515151; border: solid thin #515151; cursor: pointer; }
#subida-inscripciones input[type=button]:hover{ color: #515151; background: #fff;  }
#subida-inscripciones #otro-tipo{ margin-top:-30px; margin-bottom:30px; }
#subida-inscripciones .nota-form{ font-size: 90%; color: #999;  }
#subida-inscripciones input[type=checkbox]{	position: relative;	top: 3px;	margin-right: 30px; margin-left:0; }

.dias-inscripcion{ display: inline-block; margin-right: 10px; padding-right: 10px; border-right: solid 2px #ccc !important; }
.dias-inscripcion:last-child{ margin:0; border: none !important; }

/* LISTADOS CONGRESO */
#msj-ok{ color: #009a78; }
#listado-resumenes{ width: 96%; }
#tabla-resumenes form, #tabla-resumenes form select{ margin:0 !important; }
#tabla-resumenes form select{ max-width:100%;  }
#ficha-resumen p{ font-size: 17px; }
.sidebar .widget_nav_menu li .children{ display: none !important; }
#top .widget_nav_menu li.page_item.page-item-1966{ display: none !important; }
#top .widget_nav_menu li.page_item.page-item-1962{ display: none !important; }

.dashicons, .dashicons-before::before {
	display: inline-block;
	width: 20px;
	height: 20px;
	font-size: 20px;
	line-height: 1;
	font-family: dashicons;
	text-decoration: inherit;
	font-weight: 400;
	font-style: normal;
	vertical-align: top;
	text-align: center;
	transition: color .1s ease-in 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.dashicons-twitter::before {
	content: "\f301";
}
.dashicons-facebook::before {
	content: "\f304";
}

#form-paypal #cantidad-input, #form-paypal #cantidad-input:focus{ width: auto; background: none; border: none; display: inline-block; outline: none !important; box-shadow: none; font-size: 20px; color: #000; }

#form-paypal #boton-paypal{ min-height: 70px; display: block; min-width:150px; }

.sidebar .widget.widget_nav_menu .page-item-2319, .sidebar .widget.widget_nav_menu  .page-item-2104, .page-item-2101, .page-item-2113{ display: none; }

/* BOND styles */
/* BOND fonts */
/* Raleway regular*/
@font-face {
	font-family: "Raleway";
	font-style: normal;
	font-weight: 400;
	src: local("Raleway"), local("Raleway"),		  
			/* Modern Browsers */
			url('fonts/Raleway-Medium.woff') format('woff'),
			url('fonts/Raleway-Medium.woff2') format('woff2'),
			/* Safari, Android, iOS */
			url('fonts/Raleway-Medium.ttf') format('truetype');
}
/* Raleway regular italic*/
@font-face {
	font-family: "Raleway";
	font-style: italic;
	font-weight: 400;
	src: local("Raleway"), local("Raleway"),		  
			/* Modern Browsers */
			url('fonts/Raleway-MediumItalic.woff') format('woff'),
			url('fonts/Raleway-MediumItalic.woff2') format('woff2'),
			/* Safari, Android, iOS */
			url('fonts/Raleway-MediumItalic.ttf') format('truetype');
}
/* Raleway-bold */
@font-face {
	font-family: "Raleway";
	font-style: normal;
	font-weight: 700;
	src: local("Raleway"), local("Raleway"),		  
			/* Modern Browsers */
			url('fonts/Raleway-Bold.woff') format('woff'),
			url('fonts/Raleway-Bold.woff2') format('woff2'),
			/* Safari, Android, iOS */
			url('fonts/Raleway-Bold.ttf') format('truetype');
}
/* Raleway bold italic*/
@font-face {
	font-family: "Raleway";
	font-style: italic;
	font-weight: 700;
	src: local("Raleway"), local("Raleway"),		  
			/* Modern Browsers */
			url('fonts/Raleway-BoldItalic.woff') format('woff'),
			url('fonts/Raleway-BoldItalic.woff2') format('woff2'),
			/* Safari, Android, iOS */
			url('fonts/Raleway-BoldItalic.ttf') format('truetype');
}

.bond-title .main-title a
{
	font-family: "Raleway, Roboto";
	color: #00475d !important;
	display: inline-block;
	text-transform: uppercase;
	font-weight: bold !important;
	font-size: 20px;
}
@media only screen and (min-width: 768px) 
{
	.bond-title .main-title
	{
		max-width: 45%;
		margin-right:auto;
		text-align: center;
	}
}
@media only screen and (max-width: 767px) 
{
	.bond-title .main-title
	{
		margin-right:auto;
		text-align: center;
	}
}
.bond-title .breadcrumb
{
	margin-left:auto;
	display: inline-block;
	width: 380px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bond-content h2, .bond-content h3
{
	color: #36a9e1 !important;
	font-family: "Raleway, Roboto";
}
.bond-content p, .bond-content li
{
	color: #666 !important;
	font-family: "Roboto";
}
.bond-content strong
{
	color: #666;
}
.bond-content a, .bond-content a strong
{
	color: #36a9e1 !important;
}

/* SPG styles */
/* SPG fonts */
/* Bariol regular*/
@font-face {
	font-family: "Bariol";
	font-style: normal;
	font-weight: 400;
	src: local("Bariol"),		  
			/* Modern Browsers */
			url('fonts/bariol_regular-webfont.woff') format('woff'),
			url('fonts/bariol_regular-webfont.woff2') format('woff2'),
			/* Safari, Android, iOS */
			url('fonts/bariol_regular-webfont.ttf') format('truetype');
}
/* Bariol regular italic*/
@font-face {
	font-family: "Bariol";
	font-style: italic;
	font-weight: 400;
	src: local("Bariol"),	  
			/* Modern Browsers */
			url('fonts/bariol_regular_italic-webfont.woff') format('woff'),
			url('fonts/bariol_regular_italic-webfont.woff2') format('woff2'),
			/* Safari, Android, iOS */
			url('fonts/bariol_regular_italic-webfont.ttf') format('truetype');
}
/* Bariol-bold */
@font-face {
	font-family: "Bariol";
	font-style: normal;
	font-weight: 700;
	src: local("Bariol"),
			/* Modern Browsers */
			url('fonts/bariol_bold-webfont.woff') format('woff'),
			url('fonts/bariol_bold-webfont.woff2') format('woff2'),
			/* Safari, Android, iOS */
			url('fonts/bariol_bold-webfont.ttf') format('truetype');
}
/* Bariol bold italic*/
@font-face {
	font-family: "Bariol";
	font-style: italic;
	font-weight: 700;
	src: local("Bariol"),	  
			/* Modern Browsers */
			url('fonts/bariol_bold_italic-webfont.woff') format('woff'),
			url('fonts/bariol_bold_italic-webfont.woff2') format('woff2'),
			/* Safari, Android, iOS */
			url('fonts/bariol_bold_italic-webfont.ttf') format('truetype');
}

.spg-title .main-title a
{
	font-family: "Bariol, Roboto";
	color: #7670b3 !important;
	display: inline-block;
	text-transform: uppercase;
	font-weight: bold !important;
	font-size: 20px;
}

@media only screen and (min-width: 768px) 
{
	.spg-title .main-title
	{
		max-width: 45%;
		margin-right:auto;
		text-align: center;
	}
}
@media only screen and (max-width: 767px) 
{
	.spg-title .main-title
	{
		margin-right:auto;
		text-align: center;
	}
}
.spg-title .main-title 
{
   display:none;
}

.spg-title .container
{
   text-align: center;
   padding: 2em !important;
}
.spg-title .breadcrumb
{
	margin-left:auto;
	display: inline-block;
	width: 380px;
	overflow: hidden;
	text-overflow: ellipsis;
	position: unset;
}

.spg-content h2, .spg-content h3
{
  text-transform: none !important;
	color: #efb054 !important;
	font-family: "Bariol, Roboto";
}
.spg-content .new-spg-main-title
{
  color: #7670b3 !important;
}
.spg-content p, .spg-content li
{
	color: #6d6f71 !important;
	font-family: "Bariol";
}
.spg-content strong
{
	color: #6d6f71;
}
.spg-content a, .spg-content a strong
{
	color: #389954 !important;
}
/* letra más grande en las páginas de SPG */
.spg-content p {
  font-size: 1.05em;
}

/** índice página SPG **/
 
#spg-index {
  padding-top: 10px;
  padding-bottom: 10px;
}

.spg-box {
  display: inline-block;
  border: thin solid black;
  padding: 35px 0px;
  margin-left: 10%;
  margin-top: 10px;
  width: 20%;
  min-width: 15%;
  text-align: center;
  font-family: "Bariol, Roboto";
  white-space: wrap;
}

.spg-main-box {
  display: inline-block;
  font-family: "Bariol, Roboto";
  white-space: wrap;
  border: thin solid #805669;
  padding: 35px 0px;
  width: 60%;
  text-align: center;
  font-size: calc(10px + 0.8vw);
  margin-top: 3px;
  background-color: #bf819e;
}

  .vertically-aligned {
    vertical-align: top;
  }

  .spg-box-responsive-first {
    margin-top: -5px;
  }

  .spg-box-responsive {
    margin-top: 35px;
  }

  .spg-box-responsive-big {
    margin-top: 20px
  }

  .tiny-box {
    display: inline-block;
    border: thin solid;
    width: 15vw;
    text-align: center;
  }

  .box.hidden {
    visibility: hidden;
  }
  .spg-box-hidden {
    display: inline-block;
    width: 20%;
    margin-left: 10%;
    visibility: hidden;
  }
  
  .lines {
    margin-left: 20%;
  }
  
  .line {
    display: inline-block;
    border: medium solid#6d6f71;
    border-top: none !important;
    border-bottom-left-radius: 5vw;
    border-bottom-right-radius: 5vw;
    height: 30px;
    width: 75%;
    margin-right: -1px;
  }
  .line-reverse-small {
    display: inline-block;
    border: medium solid #6d6f71;
    border-bottom: none !important;
    height: 30px;
    width: 38%;
    margin-right: -2px;
  }
  .line-reverse-small-left {
    border-top-left-radius: 5vw;
  }
  .line-reverse-small-right {
    border-top-right-radius: 5vw;
  }
  .reduce-margin {
    margin-left: -1px;
  }
  
  .connect {
    height: 30px;
    border-right: medium solid #6d6f71;
    margin-left: 50%;
  }
  .connect.three {
    width: 1px;
    margin-top: -8px;
  }
  .arrow-down-1 {
    display: inline-block;
    margin-left: calc(46vw - 2px);
    margin-top: -5px;
  }
  .arrows-down-2 {
    display: inline-block;
    margin-left: calc(16vw - 3px);
    margin-top: calc(-12px - 0.5vw);
  }
  .arrows-down-3 {
    display: inline-block;
    margin-left: calc(30vw - 7px);
    margin-top: calc(-12px - 0.5vw);
  }
  .arrow {
    border: solid black;
    border-width: 0 thin thin 0;
    display: inline-block;
    padding: 3px;
  }

  .down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  .right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }

  #spg-second-row-fullscreen {
    text-align: center;
  }

  #spg-third-row-fullscreen {
    margin-top: -18px;
  }

  .column-left {
    float: left;
    width: 20%;
    margin-left: 2vw;
    padding-top: 27px;
  }
  .column-right {
    float: left;
    width: 75%;
    padding-top: 5px;
  }
  .line-vertical-first {
    margin-top: -1px;
    border-bottom: none !important;
  }
  .line-vertical {
    border: thin solid #6d6f71 !important;
    border-right: none !important;
    height: 90px;
    width: 100%;

  }
  .line-vertical-last {
    margin-top: -1px;
    border-bottom: none !important;
  }
  .line-vertical-connect-first {
    margin-top: -1px;
    border-bottom: none !important;
    width: 100%;
    height: 110px;
  }
  .line-vertical-connect-last {
    margin-top: -9px;
    border-top: none !important;
    width: 100%;
  }
  
  .line-vertical-top {
    border-top-left-radius: 5vw;
  }
  .line-vertical-bottom {
    border-bottom-left-radius: 5vw;
  }
  .box-vertical {
    border: thin solid;
    padding: 15px 5px;
    width: 100%;
    text-align: center;
  }
  /* responsive */
  .spg-index-fullscreen {
    display: none;
    width: 100%;
  }
  .spg-index-responsive {
    display: inline-block;
    width: 100%;
  }
  
  @media only screen and (min-width: 1000px) {
    .spg-index-fullscreen {
      display: inline-block;
      width: 100%;
    }
    .spg-index-responsive {
      display: none;
      width: 100%;
    }
  }
  
  .responsive-second-row {
    margin-top: -12px;
    width: 100%;
    float: left;
  }
  .column-left-second-row {
    display: inline-block;
    vertical-align: top;
    padding-left: 2vw;
    margin-top: -15px;
    width: 20%;
  }
  .third-row-responsive {
    margin-top: -28px;
  }

  #div-parenthesis {
    display: inline-block;
    margin-top: -20px;
    margin-left: 50%;
    -webkit-transform: scaleY(0.1) rotate(270deg);
    transform: scaleY(0.1) rotate(270deg);
  }
  #div-parenthesis2 {
    display: inline-block;
    margin-left: 35vw;
    margin-top: -10px;
    -webkit-transform: scaleY(0.1) rotate(270deg);
    transform: scaleY(0.1) rotate(270deg);
  }
  #parenthesis {
    color: blueviolet;
    font-size: 35vw;
  }
  @media screen and (min-width: 1600px) {
    #parenthesis {
       font-size: 400px;
    }
  }
  #parenthesis-container {
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 10px;
    clear: left;
    width: 100%;
    overflow: hidden;
    padding-left: 5%; 
  }
  #resultados-container {
    margin-top: -10px;
    clear: left;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #proceso-social-container {
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .curved {
    font-family: "Bariol, Roboto";
    white-space: wrap;
    border: thin solid black;
    border-bottom-left-radius: 30vw;
    border-bottom-right-radius: 30vw;
    padding: 35px 0px;
    text-align: center;
    font-size: calc(10px + 0.5vw);
    width: 75%;
  }
  .rounded {
    border-radius: 50%;
  }
  .small-box{
    width: 55%;
  }
  
/* colors */
.que-son-spg {
  background-color: #ec9ba4;
  border-color: #db9098;
}
.porque-surge-proyecto {
  background-color: #e0c2cd;
  border-color: #c2a8b1;
}
.quienes-somos {
  background-color: #ffe994;
  border-color: #e6d285;
}
.que-pretendemos {
  background-color: #ffde59;
  border-color: #e6c850;
}
.como-lo-hacemos {
  background-color: #ffd428;
  border-color: #e6bf24; 
}
.principales-resultados {
  background-color: #acb20c;
  border-color: #94990a; 
}
.proceso-social {
  background-color: #706e0c;
  border-color: #575509; 
}
.que-son-spg a,
.porque-surge-proyecto a,
.quienes-somos a,
.que-pretendemos a,
.como-lo-hacemos a,
.principales-resultados a,
.proceso-social a,
.spg-main-box a{
  color:#090909 !important;
  line-height: 1.2;
}
.spg a  {
  font-weight: bold;
 }
.spg a:hover, .spg a:focus, .spg a:visited  {
  outline: 0;
  font-size: 1.12em;
 }
/* spg tables */
.spg_table { all:unset !important; border-spacing: 0px !important;}
.spg_table strong {
  font-size:1.1em !important;
}
.spg_table td {
  font-size:1.05em !important;
  vertical-align: middle;
  color: #6d6f71;
  background-color: white;
}
.spg_table th {
  vertical-align: middle;
  color: #6d6f71;
  background-color: white;
  border-top: solid medium !important;
  border-bottom: solid medium !important;
  border-left: none !important;
  border-right: none !important;
}
/*
@media only screen and (max-width: 767px) 
{
  .spg_table strong {
    font-size:10px !important;
  }
  .spg_table td {
    font-size:9px !important;
  }
}
*/
/*! tamaños tablas */
.procedimientos_spg_table tr td:nth-child(1) {
  width: 40%;
}
.procedimientos_spg_table tr td:nth-child(2) {
  width: 40%;
}
.procedimientos_spg_table tr td:nth-child(3) {
  width: 20%;
}
.act1_spg_table tr td:nth-child(1) {
  width: 35%;
}
.act1_spg_table tr td:nth-child(2) {
  width: 40%;
}
.act1_spg_table tr td:nth-child(3) {
  width: 25%;
}
.espacios_spg_table tr td:nth-child(1) {
  width: 30%;
}
.espacios_spg_table tr td:nth-child(2) {
  width: 70%;
}

/* fin */
.has-text-align-center { text-align: center; }

.closed_cell_left { border-left: none !important; border-right: none !important; border-top: none !important; border-bottom: medium solid #6d6f71 !important;}
.closed_cell_left_continue { border: thin solid black; border-right: none;}
.closed_cell { border: thin solid black;}
.first_cell_left { border-top: thin solid black; border-left: thin solid black; border-bottom: thin solid lightgray;}
.first_cell { border-top: thin solid black; border-left: thin solid black; border-right: thin solid black; border-bottom: thin solid lightgray;}
.intermediate_cell_left { border-bottom: medium solid #6d6f71 !important; border-top: none !important; border-left: none !important; border-right: none !important; }
.intermediate_cell { border: none !important; }
.intermediate_cell_left_last { border-top: thin solid lightgray; border-left: thin solid black; }
.intermediate_cell_last { border: none !important; }
.last_cell_left { border-top: thin solid lightgray; border-left: thin solid black; border-bottom: thin solid black;}
.last_cell { border-top: thin solid lightgray; border-left: thin solid black; border-right: thin solid black; border-bottom: thin solid black;}