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

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
@font-face {
    font-family: 'Aretha';
    src: url('Aretha-Light.woff2') format('woff2'),
        url('Aretha-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Maharlika';
    src: url('Maharlika-Regular.woff2') format('woff2'),
        url('Maharlika-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
h1,
h2,
h3,
h4,
h5,
h6 {font-family: 'Maharlika'!important;
}

body {
	font-family: 'Aretha'!important;
}
.menu-link,.button{
	font-family: 'Maharlika'!important;
}
.shadow-txt {
    text-shadow: 1px 2px 3px rgba(0,0,0,.3)!important;
}
.justificado{
	text-align: justify!important;
}
.text-izq{
	text-align: left!important;
}
.dark #copyrights, #copyrights.dark {
    color: rgba(255,255,255,0.6);
    background-color: rgba(107,71,142,0.7);
}
@media screen and (max-width: 765px){
.mobile-pd{
	padding:100px 0!important;
}
.footergine{
		background: url('imagenes/footer.jpg'); border-top: 0px;
		background-position-x: -1300px!important;
	}
.slider-gine{
	background-position-x:-200px!important;
}
.bg-gine-rg{
	background-position-x:100px!important;
	background: rgb(255,255,255)!important;
}
#logo img {
    height: 60px!important;
}
/*.hero-diagonal::before{
	    background-image: linear-gradient(to right, rgba(107, 71, 142, 0.5) 30%, rgba(107, 71, 142, 0.1) 100%)!important;
}*/
}

.flip-card-front::after{
	background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(0,212,255,0) 50%);
}
@media screen and (max-width: 1024px){
	.flip-card-front, .flip-card-back {
		height: 505px!important;}
		.section-yogas .card{
			padding: 0!important;
		}
}