/*
	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
*/

@import url("../werkstatt/style.css");

.projecto_logo img {
	width: auto !important;
	float:right;
	min-width:  100px !important;
	max-width:  auto !important;
}

#mobile-menu {
	background-image:url(http://scheinesquivel.com.ar/wp-content/uploads/2018/02/bk_menu.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size:  105% auto;
}

#footer .widget_media_image a {
	width:100% !important;
	display:Block !important;
}

img.logo_footer {
	width:100% !important;
	max-width:100% !important;
	min-width:100% !important;
	height: auto !important;
	display:block;
}

#menu-redes-sociales li.menu-item {
	width:100% !important;
	max-width:100% !important;
	min-width:100% !important;
	display:block !important;
	clear:both !important; 
}

h3.nombre-obra {
	margin-bottom: 0px;
}

.portfolio-link  {
	background:rgba(197,192,143,0.95) !important;
	color:#ffffff !important;
}

.portfolio-link h2 {
	color:#ffffff;
	border-left: 8px solid #ffffff;
	padding-left: 10px;
	margin:20% 0 0 0px !important;
	font-family:'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif';
  font-style: normal !important;
}

#porfolios-index .portfolio-link h2 {
	color:#ffffff;
	border-left: 8px solid #ffffff;
	padding-left: 10px;
	margin:0% 0 0 0px !important;
}
 
.portfolio-link h2 span {
	color:#ffffff;
	font-weight: bold;
}

.portfolio-link aside{
	color:#ffffff;
	border-left: 8px solid #ffffff;
	padding-left: 10px;
}

.contenedor-proceso .proceso-trabajo {
	text-align:center;
}

.contenedor-proceso .proceso-trabajo h3 {
	text-align:center;
	color:#525659;
	font-weight: bold;
	margin-bottom:0px;
}

.contenedor-proceso .proceso-trabajo p {
	max-width: 700px;
	margin: 5px auto;
	font-size:29px !important;
	line-height:40px;
}

.arquitectos-info {
	width: 55%;
	float:right;
}

.vc_general.vc_pagination .vc_pagination-trigger{
	display:block;
	text-decoration:none;
	cursor:pointer;
	height:5px !important;
	width:20px !important;
}

.arquitectos-info ul {
	border-left: 10px solid #c5c08f;
	padding: 0px 0 0 20px;
	list-style-type: none;
	font-size:20px;
	line-height: 30px; 
	margin-bottom: 20px;
}

.arquitectos-info p {
	border-left: 10px solid #ffffff;
	padding: 0px 0 0 20px;
	list-style-type: none;
	font-size:20px;
	line-height: 30px; 
	margin-bottom: 12px;
}

.wpcf7-form-control.wpcf7-submit.btn {
	float:right;
}

#biografias {
	padding: 12% 10% !important;
	background-repeat: no-repeat !important;
	background-position: top left !important;
	background-size: 85% auto !important;
	position:Relative;
}

#biografias:before {
	width:18px !important;
	height:85px !important;
	display:block !important;
	background:#c5c08f;
	content:'' !important;
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-9px;
	z-index: 1000000;
}

.bio_01 {
	text-align:right;
}

#biografias h3 {
	color:#ffffff;
}

#biografias p {
	color:#f4f8fa;
	max-width: 510px;
}

@media only screen and (max-width: 1024px) {
	
	.arquitectos-info {
		width: 70%;
	}
	
	.contenedor-proceso .proceso-trabajo p {
		font-size:25px !important;
		line-height:30px;
	}
}

@media only screen and (max-width: 768px) {
	#mobile-menu {
	background-image:url(http://scheinesquivel.com.ar/wp-content/uploads/2018/02/bk_menu.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size:   auto 100%;
}
	.arquitectos-info {
		width: 90%;
	}
	
	.arquitectos-info ul,
	.arquitectos-info p{
		font-size:16px;
		line-height: 26px; 
	}
	#footer img {
	width:auto;
	height: auto;
	max-width: 70% !important;
	min-width: 60% !important;
}
	
		.contenedor-proceso .proceso-trabajo p {
			font-size:18px !important;
			line-height:22px;
		}
	
	.bio_01 {
	text-align:left;
		margin-top:70px;
}
}

@media only screen and (max-width: 669px) {

	
	.arquitectos-info ul,
	.arquitectos-info p{
		font-size:15px;
		line-height: 22px; 
		padding-left:15px;
	}
	
 
}