/*
Theme Name: Template SIBE Child
Theme URI: https://them.es/starter
Template: template-sibe
Author: Germán Hernandez
Author URI: https://them.es/
Description: Tema SIBE-ECOSUR
Tags: custom-background,custom-colors,featured-images,flexible-header,microformats,post-formats,rtl-language-support,theme-options,translation-ready,accessibility-ready
Version: 3.2.1.1664468190
Updated: 2022-09-29 11:16:30

*/




/*Inner Pages*/
.posted-on,
.author.vcard,
.cat-links,
.comments-link,
.edit-link,
.tags-links{
	margin-right: 15px;
	display: inline-block;
}
.posted-on a,
.author.vcard a,
.cat-links a,
.comments-link a,
.edit-link a,
.tags-links a,
.byline a,
.nav-links a{
	color: #2d2d2d;
	font-size: 13px;
}

.navbar-brand {
    font-weight: bold;
}


.hentry {
	margin: 0 0 1.5em;
}

.entry-meta i.fa,
.entry-footer i.fa{
	margin-right: 5px;
}

article.post .entry-header{
    background-color: var(--bs-secondary); 
}

.top-header, article.post .entry-header .year{
	background-color: var(--bs-primary); 
}

article.post .content-wrapper,
article.page .content-wrapper {
	padding: 0;
}
article.post .entry-footer,
article.page .entry-footer{
	margin-bottom: 10px;
}
article.post .entry-header,
article.page .entry-header {
	margin: 0 0 10px;
}
article.post .entry-content,
article.page .entry-content {
	margin: 0;
}
/*article post test start*/
article.post,
article.page{
	text-align: left;
	position: relative;
	z-index: 5;
	background: #fff;
	padding: 0px 0px 15px 0px;
	border:1px solid #eee;
	border-radius: 4px;
}
article.post .entry-content,
article.page .entry-content{
	padding: 5px 10px;
}
article.post .entry-header-title,
article.page .entry-header-title{
	width:100%;
	display:block;
}
.entry-header-title .entry-title {
	margin-right: 10px;

}
.entry-title{
	font-size: 1.35rem;
}
article.post .entry-header,
article.page .entry-header{
	margin-bottom: 5px;
	position: absolute;
	left: 0;
	top:0;
	width: 70px;
	z-index: 5;
	color: #fff;
	text-align: center;
	opacity: .9;
}
article.post .entry-header.no-image,
article.page .entry-heade.no-image {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	position: relative;
}
article.post .entry-header .day-month,
article.page .entry-header .day-month,
article.post .entry-header .year,
article.page .entry-header .year{
	float: left;
	width: 100%;
	padding: 10px 0;
	color: #fff;
}

.day-month .day{
	font-size: 24px;
}

.day-month .month{
	font-size: 12px;
}
.day-month > span{
	display: block;
}
article.post .entry-header .year,
article.page .entry-header .year{
	font-size: 16px;
	padding:5px 0;
}
article.post .post-thumb,
article.page .post-thumb{
	position: relative;
	z-index: 1;
}
article.post .post-thumb a,
article.page .post-thumb a{
	overflow: hidden;
	display: block;
}
.post-thumb img{
	transition: all 0.5s ease-in-out 0s;
	-webkit-transition:all 0.5s ease-in-out 0s;
	-moz-transition:all 0.5s ease-in-out 0s;
	width: 100%;

	border: 0;
    max-width: 100% !important;
    height: 250px !important;
    object-fit: cover;
}
.post-thumb img:hover{
	opacity: 0.6;
}




  
  /*===================================*/
  
  .container-fluid {
	padding-left: 0px !important;
	padding-right: 0px !important;
  }



  @media (min-width: 960px) {
  
		.menu-template-sibe > ul > li > a {
			color: #666;
			padding: 0px;
			text-align: center;
			font-style: normal;
			white-space: nowrap;
			text-transform: none!important;
			border-radius: 3px;
		}


		.menu-template-sibe > ul {
			width: fit-content;
			margin: auto;
		}

		.menu-template-sibe > ul > li {
			border-bottom: 2px solid transparent;
			padding-bottom: 5px;
			max-width: fit-content;
			margin-left: 10px;
		}
		.menu-template-sibe > ul > li:hover {
			border-bottom: 2px solid #f0efef;
		}

		.menu-template-sibe > ul > li > a {
			color: #f0efef;
			font-size: 20px;
			font-weight: bold;
		}

		.menu-template-sibe > ul li > a.active,
		.menu-template-sibe > ul > li:hover > a,
		.menu-template-sibe > ul > li  > a.active,
		.current-menu-ancestor > a, 
		.current-menu-parent > a
		{
			color: #d97412 !important;
			background-color: #f0efef;
		}
		.menu-template-sibe  .current-menu-item,
		.menu-template-sibe  .current-menu-parent
		{
			border-bottom: 2px solid #f0efef !important;
		}


		

		.menu-template-sibe ul li .dropdown-menu {
			padding: 0;
			border-radius: 0;
			background-color: #f0efef;
		}

		.menu-template-sibe ul li .dropdown-menu li a {
			text-align: start;
		}
		.menu-template-sibe .dropdown-toggle:after {
			border-bottom: 0;
			border-left: .3em solid transparent;
			border-right: .3em solid transparent;
			border-top: .3em solid;
			content: "";
			display: inline-block;
			margin-left: 0px;
			vertical-align: 3px;
		}
		

  }


 

#nuevo-banner-ecosur h1.ecosur-title-2-bold{
	font-size: 40px !important;
	margin: auto !important;
	width: 70% !important;
}
@media (max-width: 1360px) {
	#nuevo-banner-ecosur h1.ecosur-title-2-bold {
	  font-size: calc(1.8vw + 15.52px) !important;
	}
}
@media (max-width: 360px) {
	#nuevo-banner-ecosur h1.ecosur-title-2-bold {
	  font-size: 22px !important;
	}
}

/* Tamaños de fuente */

.center{
	text-align: center;
}

.line {
    line-height: 10px;
    margin-top: -10px;
    margin-bottom: 20px;
}
 .line > span {
	display: inline-block;
	width: 2.75rem;
	height: 3px;
	background-color: var(--bs-secondary); 
}
.line > span::before{
	display: none;
}
.widget-title{
	font-size: 1.40rem;
	font-weight: bold;
}
.titulos-secciones {
    font-size: 65px;
    padding-top: 25px;
    padding-bottom: 25px;
    font-weight: bold;
}
#sidebar a, #sidebar{
	font-size: 12pt;
}
#sidebar li {
    line-height: 14pt;
    margin-bottom: 15px;
    margin-left: 15px;
}
#sidebar .wp-block-archives-list li{
	margin-bottom: 5px;
	display: inline-block;
}

.ecosur-title-1,
.ecosur-title-1-bold,
.ecosur-title-1-lighter {
  font-size: 65px !important;
  font-family: "Monserrat", sans-serif !important;
}

.ecosur-title-2,
.ecosur-title-2-bold,
.ecosur-title-2-lighter {
  font-size: 50px !important;
}

.ecosur-title-3,
.ecosur-title-3-bold,
.ecosur-title-3-lighter,
.tabs-quienes-somos-masificacion h3.gutentor-post-title {
  font-size: 30px !important;
  font-family: "Monserrat", sans-serif !important;
}

.ecosur-text,
.ecosur-text-bold,
.ecosur-text-lighter {
  font-size: 24px !important;
}

.ecosur-text-mini,
.ecosur-text-mini-bold,
.ecosur-text-mini-lighter {
  font-size: 22px !important;
}

div.entry-content,
div.contenido-post p,
.ecosur-text-mini-2,
.ecosur-text-mini-2-bold,
.ecosur-text-mini-2-lighter,
.tabs-quienes-somos-masificacion div.gutentor-post-desc {
  font-size: 20px !important;
}

.ecosur-title-1-bold,
.ecosur-title-2-bold,
.ecosur-title-3-bold,
.ecosur-text-bold,
.ecosur-text-mini-bold,
.ecosur-text-mini-2-bold {
  font-weight: bold !important;
}

.ecosur-title-1-lighter,
.ecosur-title-2-lighter,
.ecosur-title-3-lighter,
.ecosur-text-lighter,
.ecosur-text-mini-lighter,
.ecosur-text-mini-2-lighter {
  font-weight: lighter !important;
}

@media (max-width: 1360px) {
  .ecosur-title-1,
  .ecosur-title-1-bold,
  .ecosur-title-1-lighter {
    font-size: calc(3vw + 24.8px) !important;
  }
  .ecosur-title-2,
  .ecosur-title-2-bold,
  .ecosur-title-2-lighter {
    font-size: calc(2.8vw + 11.92px) !important;
  }
  .ecosur-title-3,
  .ecosur-title-3-bold,
  .ecosur-title-3-lighter,
  .tabs-quienes-somos-masificacion h3.gutentor-post-title  {
    font-size: calc(1vw + 16.4px) !important;
  }
  .ecosur-text,
  .ecosur-text-bold,
  .ecosur-text-lighter {
    font-size: calc(0.5vw + 17.2px) !important;
  }
  .ecosur-text-mini,
  .ecosur-text-mini-bold,
  .ecosur-text-mini-lighter {
    font-size: calc(0.4vw + 16.56px) !important;
  } 
  div.entry-content,
  div.contenido-post p,
  .ecosur-text-mini-2,
  .ecosur-text-mini-2-bold,
  .ecosur-text-mini-2-lighter,
  .tabs-quienes-somos-masificacion div.gutentor-post-desc {
    font-size: calc(0.5vw + 13.2px) !important;
  }
}

@media (max-width: 360px) {
  .ecosur-title-1,
  .ecosur-title-1-bold,
  .ecosur-title-1-lighter {
    font-size: 35px !important;
  }
  .ecosur-title-2,
  .ecosur-title-2-bold,
  .ecosur-title-2-lighter {
    font-size: 22px !important;
  }
  .ecosur-title-3,
  .ecosur-title-3-bold,
  .ecosur-title-3-lighter,
  .tabs-quienes-somos-masificacion h3.gutentor-post-title  {
    font-size: 20px !important;
  }
  .ecosur-text,
  .ecosur-text-bold,
  .ecosur-text-lighter {
    font-size: 19px !important;
  }
  .ecosur-text-mini,
  .ecosur-text-mini-bold,
  .ecosur-text-mini-lighter {
    font-size: 18px !important;
  }
  div.entry-content,
  div.contenido-post p,
  .ecosur-text-mini-2,
  .ecosur-text-mini-2-bold,
  .ecosur-text-mini-2-lighter,
  .tabs-quienes-somos-masificacion div.gutentor-post-desc {
    font-size: 15px !important;
  }
}

.fecha_actualizado{
	font-size: 13px;
}

#nuevo-banner-ecosur{
	background: url('/wp-content/themes/template-sibe/assets/img/Plecapa.jpg') center center / cover; 
	display: block;
}
.palaca-titulo{
	height: 120px; 
	display: grid;
	align-items: center;
	text-align: center; 
	color: black; 
	margin-bottom: 0px;
}

/* Correccion de fuente del menu principal de ECOSUR */
#menu-principal-infonomia .menu-items li a {
    font-family: "Roboto","Helvetica","Arial",sans-serif;
}



/* ESTILO PARA el fondo de ECOSUR */
.page-template,.page-template-page-full, body {
    background-image: linear-gradient(rgba(246, 246, 246, 0.5), rgba(246, 246, 246, 0.5)), url(/wp-content/themes/template-sibe/assets/img/ecosur-logo.svg) !important;
    background-size: 100% !important;
}
#wrapper{
	background-color: rgba(246, 246, 246, 0.8) !important;
}


.page-template-page-full #main,
.page-template-page-full .wp-container-3,
.page-template-page-full .wp-block-columns, 
.page-template-page-full .hentry{
	padding: 0px !important;
	margin: 0px !important;
}
#main:not(.page-template-page-full #main){
    /*padding-top: 1rem;*/
	/*margin-top: 0px !important;*/
	padding-top: 10px;
	border-radius: 10px 10px 0 0px;
    /*background-color: #FFF;*/
}


/* ESTILO PARA QUE APARESCA EL SUBMENU DE BIBLIOTECA */
ul li ul .menu-item-has-children.dropdown:hover>.dropdown-menu {
	display: block;
}

ul li ul .menu-item-has-children.dropdown a::after {
	transform: rotate(-90deg);
	position: absolute;
	right: 6px;
	top: 1.2em;
}

ul li ul .menu-item-has-children.dropdown .dropdown-menu {
	top: 0;
	left: 100%;
	margin-left: .1rem;
	margin-right: .1rem;
}