/*
Te damos la bienvenida a CSS personalizado

Para saber cómo funciona, ve a http://wp.me/PEmnE-Bt
*/
/*le quitamos eso q decia blog y cosas feas*/
.site-info {
	display: none;
}

/*fin cosas feas*/
/*le quitamos las transparencias a los paneles y los hacemos que cubran mejor el espacio*/
.pique-panel-background {
	background-repeat: no-repeat;
/*background-size: cover;*/
	opacity: 1;
}

/*nosotros*/
.nosotrosPane h3 {
	text-align: center;
}

.fa-3 {
	font-size: 3em;
	background-color: #c52f8b;
	padding: 20px;
	border-radius: 100%;
}

.NiArticle h3 {
	text-align: center;
	font-size: 1em;
/* color: white;*/
}

.NiArticle {
/*background-color: #c52f8b;*/
	border-radius: 10px;
	text-align: center;
	padding: 15px;
/*margin-bottom: 30px;*/
	color: white;
}

.slideshow-window {
	background-color: transparent !important;
	border: none !important;
}

/*fin fix paneles*/
/*hacemos el sitio mas holgado*/
#page {
	max-width: 1100px;
}

@media (min-width: 768px) {
	.main-navigation {
		max-width: 1100px;
	}
}

@media (min-width: 1100px) {
	.pique-panel-background {
		background-position: center;
		background-size: 1100px auto;
	}
}

@media (min-width: 768px) and ( max-width: 1100px) {
	.pique-panel-background {
		background-position: center;
		background-size: 100% auto;
	}
}

@media (max-width: 768px) {
	.pique-grid-three > article.has-post-thumbnail {
		width: 100%;
	}
	
	.pique-grid-three img.size-pique-square {
		max-width: none;
	}
}

/*fin sitio mas holgado*/
/*ajustamos el fondo para q se vea mejor*/
body.custom-background {
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100% 100%;
}

/*fin fondo*/
/*esto no recuerdo q es*/
.pique-panel-content .entry-content {
	max-width: 900px;
}

/*fin falta memoria xD*/
/*transparencia y color a los paneles q no tienen imagenes en la front page*/
.pique-frontpage .pique-panel {
	background-color: rgba(60,3,50,0.8) !important;
}

/*fin paneles*/
/*los grid estaban mal, con esto se arregla*/
.page-template-template-grid #page .site-content .content-area {
	float: none;
/*padding-left: 0;*/
}

@media (min-width: 1024px) {
	.page-template-template-grid #page .site-content .content-area {
		width: 100%;
	}
}

/*fin grid*/
/*esto sirve para hacer q la galeria este mas linda*/
.tiled-gallery-item > a:after {
	content: "";
	display: inline-block;
	background: black;
	color: white;
	width: 100%;
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	box-sizing: border-box;
	opacity: .65;
	visibility: visible;
	transform: scale(1);
	transition: all .3s ease-in-out;
}

.tiled-gallery .gallery-row {
	margin: auto;
}

.tiled-gallery-item > a:hover:after {
	opacity: 0;
	transform: scale(0);
	visibility: hidden;
}

/*fin galeria*/
/*esto sirve para ordenar mejor el staff, ahora se ve el nombre arriba, la imagen en el medio y la desc abajo*/
.pique-grid-three > article.has-post-thumbnail {
	display: table;
	padding-bottom: 50px;
}

.pique-grid-three > article.has-post-thumbnail > h3 {
	display: table-header-group;
	text-align: center;
}

.pique-grid-three > article.has-post-thumbnail > p {
	display: table-footer-group;
	text-align: center;
}

.pique-grid-three > article.has-post-thumbnail > img {
	display: table-row-group;
}

/*nada de barra lateral en grid mode*/
.page-template-template-grid #content #secondary {
	display: none;
}

/*fin staff*/
/*inicio galeria custom*/
.CustomGallery {
}

.CustomGalleryFrame {
	position: relative;
	width: 20%;
	float: left;
	margin-left: 2.5%;
	margin-right: 2.5%;
	margin-bottom: 25px;
}

.CustomGalleryFrame:hover p img {
	opacity: .7;
}

.CustomGalleryFrame:hover {
/*cursor: pointer;*/
}

.CustomGalleryImage {
	margin: auto;
	overflow: hidden;
	max-width: 200px;
	position: relative;
	overflow: hidden;
	height: 0;
	padding-bottom: 150%;
}

.CustomGalleryImage p {
	text-align: center;
}

.CustomGalleryImage p a {
	border-bottom: none !important;
}

.CustomGalleryImage p img {
	min-width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	height: 320px;
	max-width: none;
}

.CustomGalleryText {
	color: white;
	position: absolute;
	top: 50%;
	width: 80%;
	margin: auto;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
	background: rgba(0,0,0,0.65);
	padding: 6px;
	padding: .42857rem;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

@media (max-width: 750px) {
	.CustomGalleryFrame {
		width: 40%;
	}
}

@media (max-width: 470px) {
	.CustomGalleryFrame {
		width: 90%;
	}
	
	.CustomGalleryImage {
		padding-bottom: 100%;
	}
}

/*fin galeria custom*/