/*
	Theme Name: WerkStatt Child Theme
	Theme URI: http://themeforest.net/user/fuelthemes
	Description: <strong>A Premium theme for magazine, editor, community and more! WordPress Theme by <a href="http://www.themeforest.net/user/fuelthemes">fuelthemes</a></strong> – Update notifications available on Twitter and Themeforest <a href="http://twitter.com/anteksiler">Follow us on twitter</a> – <a href="http://themeforest.net/user/fuelthemes">Follow us on Themeforest</a>
	Version: 1.0.0
	Author: fuelthemes
	Template: werkstatt
	Text Domain: werkstatt-child
	Domain Path: /languages
*/

@import url("../werkstatt/style.css");

.full-width-row{
	position: relative;
}

body{
	font-family: 'Raleway', sans-serif;
	color: #37383A;
}
span.red,
a.red,
ul.red li{
	color: #e92530;
}
span.orange,
a.orange{
	color: #e7ad3b;
}
span.aquamarina,
a.aquamarina{
	color: #4d9095;
}

ul:not(.thb_row_pagination):not(.thb-full-menu) li:not(.menu-item){
	margin: 15px 0;
	list-style-position: outside;
	margin-left: 20px;
}
ul:not(.thb_row_pagination):not(.vc_tta-tabs-list):not(.thb-full-menu) li:not(.menu-item):last-child{
	margin-left: 20px;
}

.creditos{
	position: absolute;
	color: #FFF;
	bottom: 0;
	right: 0;
	margin-bottom: 20px;
	margin-right: 20px;
	font-family: 'Libre Baskerville', serif;
	font-style: italic;
	font-size: 14px;
	text-align: right;
}
.creditos a{
	color: #FFF;
	text-decoration: underline;
}
.creditos a:hover{
	color: #EEE;
}

/*#menu-principal-1 .sub-menu,
#menu-principal-1 .sub-menu .menu-item{
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
	word-wrap: normal;
	white-space: normal;
}
#menu-principal-1 .sub-menu{
	padding-top: 17px;
	background: transparent;
}
#menu-principal-1 .sub-menu .menu-item{
	background: #000;
}
#menu-principal-1 .sub-menu .menu-item a{
	list-style: none;
	display: block;
	padding: 15px;
	max-width: 300px;
	line-height: 1;
	font-weight: 400;
	font-size: 1rem;
	word-wrap: normal;
	white-space: normal;
}
#menu-principal-1 .sub-menu .menu-item a:hover{
	background-color: #e92530;
	color: #FFF;
}*/

#menu-principal-1 .sub-menu .menu-item a{
	font-weight: 500;
}

.full-menu ul li a{
	font-weight: 800;
}

.home.light-title .header:not(.hover):not(:hover) .thb-full-menu > li.current-menu-item > a{
	color: #FFF;
}
.home.light-title .header.hover .thb-full-menu > li.current-menu-item > a:not(:hover),
.home.light-title .header:hover .thb-full-menu > li.current-menu-item > a:not(:hover){
	color: #1f1f1f;
}

#home-particles{
	position: relative;
}
#home-particles canvas{
	position: absolute;
	z-index: 0;
	width: 80vw !important;
	height: 80vh !important;
	top: 0; bottom: 0;
	left: 0; right: 0;
	margin: auto;
}
#home-particles .wpb_column{
	z-index: 1;
}
#home-particles .wpb_column,
#home-particles .wpb_column *{
	pointer-events: none;
}
#home-particles h2{
	color: #FFF;
	text-align: center;
	font-size: 4.5rem;
	font-weight: 800;
	letter-spacing: 0.2rem;
}
#home-particles h4{
	color: #FFF;
	font-size: 2rem;
	text-align: center;
	font-family: 'Libre Baskerville', serif;
	font-weight: normal;
	font-style: italic;
}
@media screen and (max-width: 1024px){
	#home-particles h2,
	#home-particles h4{
		line-height: 1;
	}
}
@media screen and (max-width: 767px){
	#home-particles h2{
		font-size: 4rem;
	}
}
@media screen and (max-width: 480px){
	#home-particles h2{
		font-size: 2.6rem;
	}
}

#que-hacemos{

}
#que-hacemos h2{
	font-size: 6em;
	font-weight: 800;
	letter-spacing: 3px;
}

#virtual-training{

}
@media screen and (max-width: 1024px){
	#que-hacemos h2{
		line-height: 1;
	}
}
@media screen and (max-width: 767px){
	#que-hacemos h2{
		font-size: 5em;
	}
}
@media screen and (max-width: 480px){
	#que-hacemos h2{
		font-size: 4em;
	}


}

#sobre-ec3metrics h4{
	font-family: 'Libre Baskerville', serif;
	text-align: center;
	font-style: italic;
	font-weight: 400;
}
#sobre-ec3metrics h2{
	font-size: 4rem;
	font-weight: 800;
}
#sobre-ec3metrics ul{
	list-style: none;
	margin: none;
	padding: none;
}
#sobre-ec3metrics ul li{
	margin: 1.5rem 0;
	font-style: italic;
	font-size: 1.3rem;
	font-family: 'Libre Baskerville', serif;
}
#sobre-ec3metrics .right p{
	font-weight: 700;
	font-size: 1.25rem;
}

@media screen and (max-width: 1024px){
	#sobre-ec3metrics h2,
	#sobre-ec3metrics h4{
		line-height: 1;
	}
}
@media screen and (max-width: 767px){
	#sobre-ec3metrics h2{
		font-size: 3em;
	}
	div#call-to-asesoramiento{
		background-position: 9999px!important;
	}
}
@media screen and (max-width: 480px){
	
}

#sexenios h3,
#sexenios h4{
	text-align: center;
}

#sexenios h3{
	font-size: 2rem;
}
#sexenios h4{
	font-family: 'Libre Baskerville', serif;
	font-style: italic;
	font-weight: 400;
	margin: 2rem 0;
}
#sexenios a{
	color: #FFF;
}
#sexenios p{
	font-weight: 700;
}

@media screen and (max-width: 1024px){
	#sexenios h3,
	#sexenios h4{
		line-height: 1;
	}
}
@media screen and (max-width: 767px){

}
@media screen and (max-width: 480px){

}



#virtual-training h4{
	font-size: 2.5em;
	font-weight: 800;
}
#virtual-training p{
	font-weight: 800;
	font-size: 1.2rem;
	font-family: 'Raleway', sans-serif;
}
@media screen and (max-width: 1024px){
	#virtual-training h4{
		line-height: 1;
	}
}
@media screen and (max-width: 767px){

}
@media screen and (max-width: 480px){

}

#cursos-formacion .thb-portfolio a *{
	color: #FFF;
}

#cursos-formacion .thb-portfolio a.active *{
	color: #edba4b;
}
#cursos-formacion h3{
	font-weight: 800;
}
#cursos-formacion .thb-list-portfolio.thb-light .type-portfolio .thb-categories{
	font-family:  'Libre Baskerville', serif;
	font-style: italic;
	font-size: 1.2rem;
	text-transform: none;
}
@media screen and (min-width: 768px){
	div#call-to-asesoramiento {
    	background-position: right!important;
	}
}
@media screen and (max-width: 1024px){
	#cursos-formacion .thb-portfolio h3{
		font-size: 3.5rem;
	}
}
@media screen and (max-width: 767px){
	#cursos-formacion .thb-portfolio h3{
		font-size: 2.5rem;
	}
}
@media screen and (max-width: 480px){
	#cursos-formacion .thb-portfolio h3{
		font-size: 2rem;
	}

.wpb_single_image.wpb_content_element.vc_align_right.vc_custom_1550140546771 {
    display: none; !important
}

.vc_custom_1499421258836 {
    padding-right: 2rem !important;
    padding-top: 2rem !important;
    padding-left: 2rem !important;
}

}

#personas p{
	font-weight: 700;
}
#personas .job-title{
  font-family:  'Libre Baskerville', serif;
  font-style: italic;
  font-weight: 400;
  font-size: 1rem;
}
@media screen and (max-width: 1024px){

}
@media screen and (max-width: 767px){

}
@media screen and (max-width: 480px){
	#personas .thb-team-row .thb-team-member{
		max-width: 50% !important;
		flex: 0 0 50% !important;
	}
}


.thb-list-portfolio:not(.thb-bg-grid-full) .thb-content-side .type-portfolio.active .next svg, .thb-list-portfolio:not(.thb-bg-grid-full) .thb-content-side.light-title .type-portfolio.active .next svg{
	fill: #edba4b;
}
.w100x100,
.w100x100 .vc_single_image-wrapper,
.w100x100 .vc_single_image-wrapper img{
	width: 100%;
	min-width: 100%;
	max-width: 100%;
}

.row .row.max_width{
	max-width: 80rem !important;
}

#footer .thb_call_to_action{
	background-color: #5da0a6;
}
#footer .thb_call_to_action h3{
	font-family: Raleway;
  font-size: 32px;
  font-weight: 800;
  text-align: left;
  color: #ffffff;
	margin: 0;
}
#footer .thb_call_to_action h4{
	font-family: LibreBaskerville;
  font-size: 24px;
	font-weight: 400;
  font-style: italic;
  line-height: 1.5;
	margin: 0;
  color: #ffffff;
}

.vc_custom_1499323941457{
	height: calc(100% - 35px) !important;
}

.link-sub{
	color: #1f1f1f;
	display: inline-block;
	padding-bottom: 5px;
	border:none;
	border-bottom: 3px solid #1f1f1f;
}
.link-sub:after{
	display: none;
}
.link-sub:hover{
	text-decoration: none;
	color: #FFF;
	border-color: #FFF;
}

.persona .vc_column-inner{
	position: relative;
}
.persona .persona-logo{
	position: absolute;
	top: -100%;
	left: 32px;
	opacity: 0;
	transition: all 0.5s;
}
.persona .vc_column-inner:hover .persona-logo{
	opacity: 1;
	top: 32px;
}
.persona .vc_column-inner{
	overflow: hidden;
}
.persona .vc_column-inner .wpb_single_image:first-child img{
	-webkit-filter: grayscale(100%);
  filter: grayscale(100%);
	transition: all 0.5s;
}
.persona .vc_column-inner:hover .wpb_single_image:first-child img{
	-webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.organigrama-nombre{
	font-size: 18px;
  font-weight: 800;
  line-height: 1.78;
	margin: 0;
}
.organigrama-puesto{
	font-family: LibreBaskerville;
  font-size: 16px;
  font-style: italic;
  color: #000;
	letter-spacing: 1px;
	font-weight: 400;
	margin: 0;
}

.post .post-category{
	font-family: LibreBaskerville;
  font-size: 18px;
  font-style: italic;
  letter-spacing: 0.4px;
	font-weight: 500;
}

.post .post-title .entry-title{
	font-family: Raleway;
  font-size: 32px;
  font-weight: 800;
  line-height: 1;
  letter-spacing:1px;
}
.post .post-title h6.entry-title{
	font-size: 1.5rem;
}
.single .post .post-title h1.entry-title{
	font-size: 68px;
}
.post .post-meta a{
	color: #f03e3e;
}
.post .post-meta a:hover{
	text-decoration: underline;
}
.single .post .post-gallery{
	min-height: 0;
	padding: 0;
	background-color: transparent;
}
.single .post .post-gallery img{
	width: 100%;
	height: auto;
}
.single .blog-container{
	margin-top: 75px;
}


.sidebar .widget h6{
  font-family: LibreBaskerville;
  font-size: 16px;
  font-style: italic;
  text-align: left;
	font-weight: 500;
}
.sidebar .widget ul li{
	border-bottom: solid 1px #EEE;
	margin-left: 0 !important;
}
blockquote{
	background: #F9F9F9;
	padding: 50px;
	font-style: italic;
}
blockquote p{
	font-size: 1.2rem;
	margin: 0 0 15px;
}

.post .post_tags{
	display: inline-block;
	margin-left: 5px;
}
.post .post_tags a{
	margin-left: 5px;
}
.post .post_tags a:not(:last-child):after{

}

.archive-title{
	margin-top: 120px;
}
.archive-title + .blog-container{
	padding-top: 20px !important;
}

.page-id-4211.wpb-js-composer .vc_tta .vc_tta-tab{
	width: 33%;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}


body.wpb-js-composer .vc_tta-color-black.vc_tta-style-classic .vc_tta-tab.vc_active > a{
	border-bottom: 4px solid #e92530;
	box-sizing: border-box;
	padding-bottom: 10px !important;
}

.listado_publicaciones .si2_publicacion{
	margin: 15px 0;
	padding: 15px 0;
	border-bottom: 1px solid #EEE;
}
.listado_publicaciones .si2_publicacion h4{
	margin: 0;
}
.listado_publicaciones .si2_publicacion:after{
	content: ' ';
	display: block;
	clear: both;
}
.listado_publicaciones .si2_publicacion .columns{
	box-sizing: border-box;
}
.listado_publicaciones .si2_publicacion .columns p{
	margin: 5px 0;
}

.listado_publicaciones .si2_publicacion .publicacion_date{
	color: #666;
	font-size: 1.2em;
	font-weight: bold;
}

.listado_publicaciones .si2_publicacion .publicacion_boton{
	display: flex;
	align-items: center;
	justify-content: center;
}

.listado_publicaciones .si2_publicacion .publicacion_boton .button{
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}

.widget ul.menu > li{
	flex: 0 0 100% !important;
	display: block;
}
.widget ul.menu > li a{
	display: inline-block;
	width: auto;
	float: left;
}
.widget ul.menu li.current-menu-item a{
	color: #e92530;
}

#footer .widget ul.menu > li a{
	display: block;
	width: 100%;
}
#footer .widget ul.menu > li .sub-menu{
	padding-left: 10px;
}
#footer .widget ul.menu > li .sub-menu li a{
	color: #858585;
}

#footer #text-2{
	height: 100%;
	position: relative;
	min-height: 250px;
}

.bottomleft{
	position: absolute;
  bottom: 20px;
  left: 10px;
}

.single-portfolio .thb-breadcrumb-holder{
display:none;
}

.single .post .post-title h1.entry-title {
font-size: 2rem !important;
line-height: 1.2;
}

.thb-mobile-menu .sub-menu li a {

white-space: none !important;

}