/*
	Theme Name: Notio Child Theme
	Theme URI: https://themeforest.net/item/notio-deluxe-portfolio-theme/10049784
	Description: <strong>A Premium theme for magazine, editor, community and more! WordPress Theme by <a href="http://www.themeforest.net/user/fuelthemes">fuelthemes</a></strong> – Update notifications available on Twitter and Themeforest <a href="http://twitter.com/anteksiler">Follow us on twitter</a> – <a href="http://themeforest.net/user/fuelthemes">Follow us on Themeforest</a>
	Version: 1.0.0
	Author: fuelthemes
	Author URI: http://themeforest.net/user/fuelthemes
	Template: notio-wp
*/

@import 'styles/font.css';
@import 'styles/responsive.css';

body {
    background-color: #fff !important;
	max-width: 100vw;
    overflow: hidden;
}

.header {
	position: absolute;
}

.row,
.row.max_width {
    max-width: 90rem;
}

/*HELPER*/

.hide {
	display: none;
}

/*HEADER*/
.site_bars_on .header,
.site_bars_off .header {
    padding: 20px;
}

.header {
    background: none;
}

.header.style2>.row>.columns {
    justify-content: initial;
}

.logo-holder {
    margin-right: 40px;
}

.button-nav {
	background: #3cb4e3;
	border-radius: 5em;
	padding: 5px 20px;
}

.button-nav a {
	color: #fff !important;
}

.button-nav:hover {
	background: #fff;
	border: 2px solid #3cb4e3;
	color: #3cb4e3;
	padding: 5px 20px;
}

/*HOME*/

#wrapper [role="main"] {
    overflow: visible;
}

.hero {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.hero_image {
    max-width: 50vw !important;
    margin-top: -80px;
    padding: 0;
	max-height: 100vh;
    overflow: hidden;
}

.claim-hero-home {
	max-width: 850px;
}

.claim-hero-home .thb-image-inner {
	max-height: 30vh;
}

.claim-hero-home img {
	width: auto;
	margin-top: 30px !important;
	height: max-content;
    max-height: inherit;
}

.terapia-column .wpb_wrapper {
	display: flex;
}

.terapia-column .wpb_wrapper .wpb_wrapper {
	display: block;
}

.terapia-column img {
	min-width: 125px;
}

.quote-home {
    position: relative;
}

.quote-home:after {
    content: '';
    background: #3eb4e254;
    height: 300px;
    width: 20vw;
    position: absolute;
    top: -90px;
    right: -110px;
    display: block !important;
}

.slick-list {
    background: #fff;
    z-index: 1;
}

/*FAQS*/

.faqs ul {
	list-style: none;
	padding: 0;
}

.faqs ul li:first-child {
    position: relative;
    float: left;
    max-width: 80%;
    width: auto;
    padding: 30px 40px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

.faqs ul li:first-child:before {
    content: '';
    background: url(http://dev.autismoidea.es/wp-content/uploads/2021/09/pregunta_png.png) no-repeat left center;
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
	mix-blend-mode: multiply;
}

.faqs ul li:last-child {
	position: relative;
	float: right;
	max-width: 80%;
    width: auto;
    padding: 60px 110px 70px 55px;
	color: #fff;
	margin-top: -30px;
}

.faqs ul li:last-child:before {
    content: '';
    background: url(http://dev.autismoidea.es/wp-content/uploads/2021/09/respeuta_png.png) no-repeat left center;
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
	mix-blend-mode: multiply;
}