/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


#home-page-title.page-title-dark h1 {
	font-family: 'Dancing Script' !important;
	/*color: rgba(255,255,255,0.9) !important;*/
	color: #fff !important;
	font-weight: bold;
	font-size: 80px;
	text-transform: none;
	display:inline;
	/*background-color: #007bff; azul*/
	/*background-color: #9fd5d8; logo*/
	background-color: transparent;
	padding: 0 10px 0 10px;
}

#home-page-title.page-title-dark span {
	/*color: rgba(255,255,255,0.7) !important;
	display:inline;
	background-color: #007bff;
	padding: 0 10px 0 10px;*/
	font-family: 'Dancing Script' !important;
	color: #fff !important;
	font-weight: bold;
	font-size: 80px;
}

@media (max-width: 800px) {

	#home-page-title.page-title-dark span {
		font-size: 60px;
	}

}

@media (max-width: 600px) {

	#home-page-title.page-title-dark span {
		font-size: 50px;
	}

}

@media (max-width: 400px) {

	#home-page-title.page-title-dark span {
		font-size: 40px;
	}

}



#top-bar .button {
	color: #fff;
	/*background-color: transparent;*/
}

#top-bar .button:hover {
	/*color: #000;*/
	/* background-color: #1a8bbc; AZUL */
	/*background-color: #3096c2; AZUL*/
	background-color: #333333;

}

#top-bar .button strong {
	border: none;
}

#top-bar .button.button-full i {
	top:4px;
}

@media (max-width: 800px) {

	#top-bar .button.button-full {
		line-height: 1.2;
		font-size: 20px;
	}

	#top-bar .button.button-full i {
		top:2px;
	}

}

@media (max-width: 600px) {

	#top-bar .button.button-full {
		font-size: 16px;
	}

	#top-bar .button.button-full i {
		top:2px;
	}

}

@media (max-width: 400px) {

	#top-bar .button.button-full {
		font-size: 14px;
	}

	#top-bar .button.button-full i {
		top:1px;
	}

}



.promo-dark label a:hover {
	color: #eee;
}


.sinborder.heading-block::after {
	border-top: 0px;
}

h3.tipo1 {
	font-size: 1.75rem;
	margin-bottom: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333;
    font-family: 'Playfair Display', serif !important;
}

#faqs .toggle-title:hover,
#faqs .toggle-active .toggle-title {
	color: #1a8bbc;
}

.testi-meta::after {
    content: '\2013';
}

.portfolio-desc h3 a:hover {
	color: rgba(255,255,255,0.75)!important;
}

.portfolio-desc span {
	color: rgba(255,255,255,0.75)!important;
}

.button:hover {
    background-color: #3096c2;
    color: #FFF;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 20%);
}