/* Usar el logo blanco cuando se activa el scrolling y cambia el color de la barra de menu */
/*
.scrolling-enable #rt-logo {
    background-image: url(/images/logo-somospnt-blanco.png) !important;
}
*/

/* Fix para vista responsive cuando la resolución es muy chica: sin esto, la caja
 de busqueda Ajax (en la pagina del blog) se hace mas ancha que el viewport, y se activa
 el scroll horizontal.
*/
@media only screen and (max-width: 480px) { 
	#roksearch_results {
  		width: 300px;
	}
}


/*
 * Colores varios del tema.
 */
.pnt-color-blue {
	color: #3570c1;
}

.pnt-color-red {
	color: #d52d26;
}

.pnt-color-green {
	color: #70b620;
}

.pnt-color-yellow {
	color: #f6b103;
}

.pnt-color-violet {
	color: #735988;
}

.pnt-color-orange {
	color: #fb6058;
}


/*
 * Color más oscuro de descripcion en showcase principal.
 */
#rt-header-surround .pnt-showcase {
  	color: #6b6b6b;
}

#rt-header-surround .pnt-showcase .sprocket-features-img-container {
	background-position: center;
}


/*
 * Fijar la altura para los elementos del slideshow de tecnologias 
 */
#pnt-rt-feature .pnt-slideshow .pnt-sprocket-mosaic-image {
	max-height: 100px;
}
#pnt-rt-feature .pnt-slideshow .pnt-sprocket-mosaic-item .pnt-sprocket-mosaic-image {
	width: auto;
}
#pnt-rt-feature .pnt-slideshow .pnt-sprocket-mosaic-columns-6 li {
	text-align: center;
	height: 150px;
}

#pnt-rt-feature {
	width: 100%;
	overflow: hidden;
}
#pnt-rt-feature .pnt-rt-container {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
	box-sizing: border-box;
}
#pnt-rt-feature .pnt-rt-grid-12 {
	width: 100%;
}
#pnt-rt-feature .pnt-module-title {
	margin: 0 0 20px;
	text-align: center;
}
#pnt-rt-feature .pnt-sprocket-mosaic-filter ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px 30px;
	margin: 0 0 24px;
	padding: 0;
	list-style: none;
}
#pnt-rt-feature .pnt-sprocket-mosaic-filter li {
	padding: 10px 0 8px;
	border-bottom: 4px solid transparent;
	color: #999;
}
#pnt-rt-feature .pnt-sprocket-mosaic-filter li.pnt-active {
	border-bottom-color: #3478d4;
	color: #3478d4;
}
#pnt-rt-feature .pnt-sprocket-mosaic-container {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
	height: auto !important;
}
#pnt-rt-feature .pnt-sprocket-mosaic-container > li {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	height: 150px;
	text-align: center;
}
#pnt-rt-feature .pnt-sprocket-mosaic-image-container {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
#pnt-rt-feature .pnt-sprocket-mosaic-image {
	width: auto;
	max-width: 100%;
	max-height: 100px;
	object-fit: contain;
}
@media (max-width: 700px) {
	#pnt-rt-feature .pnt-sprocket-mosaic-container {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	#pnt-rt-feature .pnt-sprocket-mosaic-filter ul {
		gap: 4px 18px;
	}
}


/* 
 * Imagen gris simple para el footer con info de contacto. 
 */
.pnt-footer-logo {
    background-image: url(/images/logo-somospnt-footer-simple.png);
    width: 64px;
    height: 90px;
}


/* 
 * Hexagonos chicos. 
 */
.fp-utility .pnt-hexagon-small.rt-hexagon {
  	width: 150px;
  	height: 80px;
}
.fp-utility .pnt-hexagon-small.rt-hexagon::before {
	border-left: 75px solid transparent;
	border-right: 75px solid transparent;
	border-bottom: 50px solid #ffffff;  
}
.fp-utility .pnt-hexagon-small.rt-hexagon::after {
	border-left: 75px solid transparent;
	border-right: 75px solid transparent;
	border-top: 50px solid #ffffff;  
}
.fp-utility .pnt-hexagon-small.rt-hexagon {
  	line-height: 85px;
}


/* 
 * Width para 6 columnas 
 */
.pnt-gantry-width-16 {
  	width: 16.66%;
}
@media (max-width: 767px) {
  body.layout-mode-responsive .pnt-gantry-width-16 {
      width: 100%;
  }
}