/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

@font-face {
    font-family: 'touvloregular';
    src: url('./fonts/Touvlo-Regular.woff2') format('woff2'),
         url('./fonts/Touvlo-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'touvlolight';
    src: url('./fonts/touvlo-light-webfont.woff2') format('woff2'),
         url('./fonts/touvlo-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

a:focus{
	outline:none !important;
}

p{
	text-align: justify;
}

/*h2{
    font-size: clamp(4rem, 45px, 4.4vw) !important;
}*/

h3 button:hover span {
    text-decoration: none !important;
}

.contenido-centrado{
	max-width:1200px;
	margin:auto;
}

.wp-block-buttons{
	margin-top:40px;
}

.wp-block-button__link{
	border-radius: 0 !important;
	font-size:16px !important;
	font-family: 'Cormorant Garamond' !important;
	padding: 15px 20px !important;
}

/*Menú*/

.home {
    #site-header {
        background: transparent;
        position: absolute;
    }
	#site-logo-inner a{
		color:#ffffff;
	}
	.menu-bar .ham{
		background:#fff !important;
		&:before,
		&:after{
			background:#fff !important;
		}
	}
    .hamburger-inner{
        background-color:#fff !important;
        &:before,
		&:after{
			background-color:#fff !important;
		}
    }
    #site-logo a.site-logo-text {
        color: #ffffff;
    }
	
}

/*Inicio*/

.ghostkit-testimonial-content {
    background: white;
}

.titulo-principal {
    font-size: clamp(35px, 2.7vw, 8vw) !important;
}

body.single-post.content-max-width .entry-content .alignfull, body.page.content-max-width .entry .alignfull{
	overflow:hidden;
}

.wp-block-media-text>.wp-block-media-text__content {
    padding: 0 20% 0 0 !important;
	@media(max-width:767px){
		padding: 8% !important;
	}
}

/*Maria*/

.acordeon-maria button span {
    text-align: center;
}

.gif-animado img{
    mix-blend-mode: darken;
    max-height: 100vh;
    width: auto;
}

/*Human Design*/

.formulario {
    max-width: 400px;
    margin: auto;
}

/*Contenido*/
@media (max-width: 768px) {
    .reversible {
        flex-direction: column-reverse;
    }
	.col-formulario-inicio {
    	opacity: 0.95;
	}
}