/*
  drdv.css: Archivo personalizado que sobreescribe todos los css del template (en este caso T4)
  Para que funcione, es necesario copiar la siguiente linea de código al final del archivo templates/t4_blank/index.php
  Con esto se hace el llamado de últimas al archivo drdv.css que sobreescribe los otros archivos de estilo cargados previamente.

    // Custom css (drdv)
    JHtml::_('stylesheet', JUri::root() . 'templates/' . $this->template . '/css/drdv.css');

  Fuente: https://joomla.stackexchange.com/questions/3877/how-do-i-override-the-css-styles-in-my-template

  Directorios:
    Local:      https://solucionverticaladventure.com/
    BitJaguar:  https://bitjaguar.co/demo-02/solucionverticaladventure/
    Online:     https://solucionverticaladventure.com/

  Última modificación: 2021-03-09
*/

.t4-section.t4-footer{
	border: none;
}
.t4-section.t4-footer .t4-section-inner{
	padding: 0px;
	background-color: #2c2e2d !important;
}
.solucion-vertical-footer{
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding: 0px 0px 20px 0px !important;
	font-size: 13px;
	color: #a6a6a6;
}
.solucion-vertical-footer-A {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 50%;
	font-size: 15px;
	margin: 0px;
	padding-left: 15%;
	border-right: solid 50px #2c2e2d;
	border-top: solid 50px rgba(255, 255, 255, 255);
}
.solucion-vertical-footer-contact{
	width: auto;
	margin: auto;
	padding-top: 40px;
}
.solucion-vertical-footer-ubicacion{
	width: auto;
	margin: auto;
	padding-bottom: 15px;
	text-align: center;
}
.solucion-vertical-footer-contact ul{
	padding: 0px;
}
.solucion-vertical-footer-contact ul li{
	list-style: none;
	padding: 4px 0px;
	text-align: center;
}
.solucion-vertical-footer-contact ul li:first-child{
	margin-bottom: 20px;
}
.solucion-vertical-footer-contact ul li i{
	font-size: 18px;
	width: 25px;
}
.solucion-vertical-footer-contact ul li a{
	color: #a6a6a6;
}
.solucion-vertical-footer-contact ul li a:hover{
	text-decoration: none;
}
.solucion-vertical-footer-social ul{
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding: 0px;
}
.solucion-vertical-footer-social ul li{
	list-style: none;
	margin: 0px 10px;
	font-size: 35px;
}
.solucion-vertical-footer-social ul li a{
	transition: 0.2s ease;
}
.solucion-vertical-footer-B{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	width: 50%;
	margin-top: 50px;
	padding-left: 20px;
	padding-right: 15%;
}
.solucion-vertical-footer-about-img img{
	width: 300px;
	max-width: none;
	margin: auto 20px;
	border-radius: 50%;
	transition: 0.2s ease;
}
.solucion-vertical-footer-whatsapp{
	position: fixed;
	bottom: 20px;
	right: 20px;
	background-color: #00b75e;
	border-radius: 40px;
	box-shadow: 2px 2px 4px #000000;
	transition: 0.2s ease;
	z-index: 2000;
}
.solucion-vertical-footer-whatsapp:hover{
	background-color: #226a47;
}
.solucion-vertical-footer-whatsapp a{
	padding: 0px 12px 0px 12px;
	font-size: 40px;
	color: #ffffff !important;
}
@media only screen and (max-width: 767px) {
	.solucion-vertical-footer{
		display: flex;
		flex-direction: column-reverse;
	}
	.solucion-vertical-footer-A {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 100%;
		font-size: 15px;
		margin: 0px;
		padding: 0px;
		padding-bottom: 20px;
		border: none;
	}
	.solucion-vertical-footer-contact{
		width: 100%;
		margin-top: 20px;
	}
	.solucion-vertical-footer-social{
		padding: 0px;
	}
	.solucion-vertical-footer-social ul{
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	.solucion-vertical-footer-social ul li{
		padding: 0px 20px;
	}
	.solucion-vertical-footer-about{
		display: flex;
		flex-direction: column-reverse;
		width: 100%;
	}
	.solucion-vertical-footer-about-img{
		text-align: center;
		margin-top: 30px;
	}
	.solucion-vertical-footer-B{
		display: flex;
		flex-direction: row;
		justify-content: center;
		width: 100%;
		margin-top: 40px;
		padding: 0px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1050px) {
	.solucion-vertical-footer-A {
		margin: 0px;
		padding: 0px;
	}
}
#bitjaguar_footer:hover{
	text-decoration: none;
}
#bitjaguar_footer:hover .credit-footer{
	color: #ffffff;
	background-color: #1a1a1a;
}
#bitjaguar_footer:hover .credit-footer img{
	filter: grayscale(0);
}
.credit-footer{
	color: #d2d2d2;
  font-size: 12px;
  text-align: center;
  padding: 6px 0px 7px 0px;
	transition: 0.2s ease;
}
.credit-footer img {
	filter: grayscale(0.5);
  height: 15px;
	transition: 0.2s ease;
}