/*
Theme Name:     jorgesanchez
Description:    Plantilla hija para Jorge Sanchez
Author:         Rodrigo Aliaga
Template:       wp-bootstrap-starter

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/
header#masthead{
	/*position: fixed;*/
	background: transparent !important;
	width: 100%;
	box-shadow: none;
	padding-top: 40px;
	padding-bottom: 40px;
	/*box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1);*/
}
.bg-light{
	border: 0px !important;
}
aside{
	background-color: #F2F2F2;
}

aside.perfil:before{
	/*right: -999em;
	top: -9em;
    background-image: url(images/fondo-perfil.jpg);
	background-position: 71.1% 0%;
	content: '';
    display: block;
    position: absolute;
    width: 999em;
    right: 0;
    bottom: 0;
	z-index: 1;*/
}

aside.perfil:after {
    content:"";
    position: absolute;
    z-index: 1;
    /*top: 110px;*/
	top: 0px;
    bottom: 0;
	margin-bottom: 0px;
    left: 50%;
    border-left: 1px solid #ccc;
    transform: translate(-38%);
}

aside:before {
    right: -999em;
	top: -999em;
    /*background: #F2F2F2;*/
    content: '';
    display: block;
    position: absolute;
    width: 999em;
    right: 0;
    bottom: 0;
	z-index: -1;
}

#primary{
	padding-left: 30px !important;
}

#content.site-content{
	padding: 0px !important;
}

.navbar-brand{
	max-width: 220px;
	z-index: 99;
}

#proy-images, #sidelist{
	margin-top: 50px;
}

.proyectos-general{
	text-align: center;
	height: 250px;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	position: relative;
	background-position: center center;
}

.proyectos-loop{
	text-align: center;
	height: 150px;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	position: relative;
	background-position: center center;
	filter: grayscale(100%);
	transition: 1s;
}

.proyectos-loop:hover{
	filter: grayscale(0%) !important;
}

.proyectos-titulo{
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 25px;
}

.side-listado{
	 list-style-type: none;
	padding: 0px !important;
	min-width: 270px;
}

.side-listado a{
	transition: 1s;
	font-weight: 600;
	color: #a4a4a4;
	font-size: 11px !important;
}

.side-listado a:hover{
	padding-left: 5px !important;
	color: #000 !important;
	text-decoration: none;
	
}

.lista-side-proyecto{
	list-style-type: none;
	padding: 0px !important;
	margin-right: 35px;
	margin-top: 10px;
}

.lista-side-proyecto li{
	border-bottom: 1px solid #ccc;
	color: #000;
	text-transform: uppercase;
	font-size: 10px;
	
}
.lista-side-proyecto li:last-child{
	border-bottom: 0px !important;
}
.nombre-proyecto{
	font-size: 12px !important;
	font-weight: 800;
	min-width: 250px;
}

.lista-side-proyecto-separador{
	margin-top: 60px;
}

.entry-title{
	border: 0px !important;
}

.flex-side {
  display: flex;
  /*align-items: center;*/
  justify-content: center;
  height: 100%;
	margin-top: 210px;
}

.wpcf7-form label{
	width: 100%; 
}

.form-control{
	border-top: 0px !important;
	border-right: 0px !important;
	border-left: 0px !important;
	background-color: transparent !important;
	border-radius: 0px !important;
	padding: 0px !important;
}

input.form-control, textarea.form-control{
	border-bottom: 1px solid #000 !important;
	font-size: 10px;
}

textarea.form-control{
	height: 150px;
}
input.form-control::placeholder,textarea.form-control::placeholder{
	color: #000;
	font-size: 10px;
}
.wpcf7-list-item{
	margin: 0px !important;
}

.form-container{
	background-color: #fff;
	padding: 30px;
	width: 100%;
	/*margin-top: 100px;
	margin-right: 20px;*/
	/*margin-top: -100px;*/
	margin-right: 25px;
	position: absolute;
	bottom: 0;
    margin-bottom: 220pt;
}

.flex-contacto{
	display: inline-flex;
    align-items: center;
    justify-content: end;
	height: 100vh;
	padding-bottom: 200px;
}


.page-template-portada .nav-item > a, .page-template-contacto .nav-item > a{
	color: #fff !important;
}

.page-template-portada .nav-item > a:hover, .page-template-contacto .nav-item > a:hover{
	color: #646464 !important;
}

.wpcf7-form textarea{ 
    width: 100% !important;
    height:50px;
}

.fab{
	font-size: 21px;
}
@media only screen and (max-width: 1400px) {
	.form-container{
		margin-top: -20px;
	}
}

@media only screen and (max-width: 1199px) {
	.nav-link{
		margin-left: 28px;
		font-size: 16px;
		padding-left: 15px !important;
		padding-bottom: 0px !important;
	}
	
	.page-template-perfil .menu-item{
		z-index: 99;
		background-color: #fff;
	}
	
	.lista-side-proyecto{
		margin-right: 0px;
	}
}

.proyecto-titulo-loop{
	display: none;
}

@media only screen and (max-width: 991px) {
	aside.perfil:before{
		
		content: none;
	   
	}
	
	.nav-link{
		padding-left: 0px !important;
	}

	aside.perfil:after {
		content: none;
	}
	
	.perfil-foto{
		margin: 0px !important;
	}
	
	.flex-side{
		margin: 0px !important;
		justify-content: start;
	}
	
	
	.form-container{
		margin-right: -15px !important;
		margin-bottom: 210pt;
		padding-bottom: 70pt;
	}
	
	.side-listado{
		display: none;
	}
	
	.proyecto-titulo-loop{
		display: block;
	}
	
	#main{
		
		padding: 15px;
	}
	
	.navbar-brand{
		margin-left: 0px !important;
	}
	
	.nav-item{
		text-align: right;
	}
	
	.single-main{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}


.wpcf7-submit{
	padding: 5px 10px 5px 10px !important;
	font-size: 10px !important;
}

@media only screen and (max-width: 575px) {
	.lista-side-proyecto{
		margin-left: 10px;
		margin-right: 10px;
	}
	
	.container{
		max-width: none !important;
	}
	
	#primary{
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
}

.gradient-overlay{
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
	height: 300px;
	position: absolute;
	top:0;
	width: 100%;
}

.justificado-add{
	text-align: justify !important;
  text-justify: inter-character !important;
	hyphens: auto;
	 -webkit-hyphens:auto;
    -webkit-hyphenate-character:"\2010";
    -webkit-hyphenate-limit-after:1;
    -webkit-hyphenate-limit-before:3;
    -moz-hyphens:auto;
}

footer{
	height: 130px
}

.foot-info{
	text-align: right; 
	margin-left: -80px;
}

@media only screen and (max-width: 768px) {
	.foot-info{
		margin-left: 0px;
		text-align: center;
	}
	
	.proyectos-loop{
		height: 300px;
	}
}

/* overlay */
.pixel-overlay{
	 position:absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(images/overlay.png);
	background-repeat: repeat;
	pointer-events: none;
}

.item:has(.centro){
	background-position: center bottom !important;
}

.item:has(.izquierda){
	background-position: left bottom !important;
}

.item:has(.derecha){
	background-position: right bottom !important;
}

/* Galeria con condicional */
.solomov{
	display: none !important;
}

.solodesk{
	display: block !important;
}

@media only screen and (max-width: 768px) {
	
	.solomov{
		display: block !important;
	}
	
	
	.solodesk{
		display: none !important;
	}
}

.rightarrow {
  position: relative;
  border-bottom: 2px solid black;
  padding-bottom: 4px;
	font-size: 12px !important;
}

.rightarrow:after {
    position: absolute;
    right:0;
	margin-right: -0.36em;
    content: "▸";
    bottom: -0.86em;
	font-size: 20px;
}

.leftarrow {
  position: relative;
  border-bottom: 2px solid black;
  padding-bottom: 4px;
	font-size: 12px !important;
}

.leftarrow:after {
    position: absolute;
   left:0;
	margin-left: -0.36em;
    content: "◂";
    bottom: -0.86em;
	font-size: 20px;
}

@media only screen and (max-width: 480px) {
		.leftarrow:after {
			margin-left: -0.36em;
			bottom:0;
			margin-bottom: -12.5pt;
		}
		.rightarrow:after {
			margin-right: -0.36em;
			bottom:0;
			margin-bottom: -12.5pt;
		}
	
	@-moz-document url-prefix() {
		.leftarrow:after {
			margin-left: -0.36em;
			bottom:0;
			margin-bottom: -12pt;
		}
		.rightarrow:after {
			margin-right: -0.36em;
			bottom: 0;
			margin-bottom: -12pt;
		}
	}
}

@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */ 
	.leftarrow{
		border-bottom: 1px solid black !important;
	}
	.leftarrow:after {
		margin-left: -0.26em;
		bottom: -0.76em;
	}
	.rightarrow{
		border-bottom: 1px solid black !important;
	}
	.rightarrow:after {
		margin-right: -0.26em;
		bottom: -0.76em;
	}
}