/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/*************** ADD CUSTOM CSS HERE. ***************/

/* GLOBAL */
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,400;0,600;0,800;0,900;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

:root {
	--secondary-color: #4a3761;
	--success-color: #05e8ab;
	--alert-color: #f0635c;
	--lemon-color: #fedf29;
	--footer-gradient: linear-gradient(145deg, rgba(52,70,111,1) 0%, rgba(76,61,102,1) 50%, rgba(88,56,87,1) 100%);
}
html {
	scroll-behavior: smooth;
}
body {
	line-height: 1.3;
}
.f-w_400 {font-weight: 400;}
.f-w_600 {font-weight: 600;}
.f-w_700 {font-weight: 700;}
.f-w_800 {font-weight: 800;}
.f-w_900 {font-weight: 900;}
button, .button {
	font-family: "Raleway", sans-serif;
	padding: 0 2.5em;
	border-radius: 25px;
}
.accordion .accordion-title {
	font-size: 100%;
	border-top: none;
	padding: 0em 1.5em;
	color: var(--secondary-color);
	display: inline;
}
.accordion .accordion-title.active {
	background-color: transparent;
}
.accordion .accordion-title .toggle{
	top: -0.5em;
	width: 1.2em;
}
.accordion .accordion-inner {
	padding: 1em 0em;
}
.accordion .accordion-inner a.button {
	border-color: #4a3761;
	text-transform: uppercase;
}
.slider-nav-outside .flickity-page-dots, .row-slider .flickity-page-dots {
    bottom: -30px;
}
/* overlay */
.mfp-container {
	padding: 0;
}
.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
	width: 100%;
}
.off-canvas .sidebar-menu {
	padding: 0px 0;
}
.off-canvas:not(.off-canvas-center) li.html {
    padding: 0px;
}
.mfp-ready .mfp-close {
	opacity: 1;
	top: 55px !important;
	right: 55px;
	transform: scale(2);
	color: var(--success-color);
	mix-blend-mode: normal;
}
.mfp-ready button.mfp-close:after {
	content: 'CERRAR';
	font-size: 4px;
    letter-spacing: 0;
	position: absolute;
	transform: rotate(-90deg);
	right: -5px;
    top: -0.5px;
}
.mfp-bg.mfp-ready {
    opacity: 1;
}
.mfp-bg {
	background: white;
}

/* form step */
form p label,
form fieldset label {
	color: #fff;
	font-weight: 300;
}
form .cf7mls-btns .cf7mls_next.action-button,
form .cf7mls-btns .cf7mls_back.action-button,
form.cf7mls input.wpcf7-form-control.wpcf7-submit {
	background-color: white;
	color: var(--primary-color);
	padding: 0px 20px;
	border-radius: 50px;
	margin-right: 2px;
	border: 2px solid white;
	line-height: 1;
	text-transform: none;
}
form .cf7mls-btns .cf7mls_back.action-button,
.cf7mls_back.action-button {
	background-color: var(--primary-color);
	color: white;
	border-color: var(--primary-color);
}
form .cf7mls-btns .cf7mls_next.action-button img {
	filter: contrast(0.5);
}
form.cf7mls input.wpcf7-form-control.wpcf7-submit {
	margin: 25px 2px 26px;
}
input[type=email], input[type=text], input[type=tel], textarea {
	background-color: transparent;
	border: none;
	box-shadow: none;
	border-bottom: 1px solid #fff;
	font-weight: 700;
	color: var(--secondary-color);
}
input[type=email]::placeholder, input[type=text]::placeholder, input[type=tel]::placeholder, textarea::placeholder {
	color: #fff;
	font-weight: 300;
}
input[type=email]:focus, input[type=text]:focus, input[type=tel]:focus, textarea:focus {
	background-color: transparent;
	color: #fff;
	box-shadow: none;
	border-bottom: 1px solid #fff;
	font-weight: 700;
}
input[type=checkbox], input[type=radio] {
	margin-right: 1px;
    font-size: 5px;
}
textarea {
	min-height: 80px;
}
form span[data-name=facturacion] .wpcf7-radio label input,
form span[data-name=servicios] .wpcf7-checkbox label input {
	display: none;
}
form span[data-name=facturacion] .wpcf7-radio label input + span,
form span[data-name=servicios] .wpcf7-checkbox label input + span {
	border: 1px solid #fff;
    border-radius: 25px;
    padding: 5px 15px;
	display: inline-block;
	margin-bottom: 10px;
}
form span[data-name=facturacion] .wpcf7-radio label input:checked + span,
form span[data-name=servicios] .wpcf7-checkbox label input:checked + span {
	background: #9e2c4a;
}
/* form contact */
section.contact-page_form input[type=email],
section.contact-page_form input[type=text],
section.contact-page_form input[type=tel],
section.contact-page_form textarea {
	border-color: var(--secondary-color);
}
section.contact-page_form input[type=email]:focus,
section.contact-page_form input[type=text]:focus,
section.contact-page_form input[type=tel]:focus,
section.contact-page_form textarea:focus {
	color: var(--secondary-color);
}
section.contact-page_form input[type=email]::placeholder,
section.contact-page_form input[type=text]::placeholder,
section.contact-page_form input[type=tel]::placeholder,
section.contact-page_form textarea::placeholder {
	color: var(--secondary-color);
}
section.contact-page_form input[type=submit] {
	background-color: var(--secondary-color);
	border-radius: 25px;
}
.wpcf7 form.sent .wpcf7-response-output {
	border: none;
    margin-top: 0;
}

/* banners */
section.banner_ayudarte:before,
section.banner_ayudarte:after {
	content: '';
	background: url('/wp-content/uploads/2022/06/buffalo_Recurso-9.svg') no-repeat left top / contain;
	width: 200px;
    height: 15px;
    position: absolute;
    top: 70px;
}
section.banner_ayudarte:before { left: 0;}
section.banner_ayudarte:after { right: 0;}
section.banner_ayudarte .button.success.is-outline:not(:hover) {
	background-color: white;
}
section.banner_solicitar-cotizacion {
	padding-left: 0px !important;
    padding-right: 0px !important;
}
/* FIN GLOBAL */

/* MENU */
section.menu-buffalo {
	font-family: "Dosis", sans-serif;
}
section.menu-buffalo .menu_pages h3 {
	font-weight: 700;
}
section.menu-buffalo .menu_pages h3 img {
	width: auto;
	height: 16px;
	vertical-align: baseline;
}
section.menu-buffalo .menu_pages p {
	font-size: 26px;
	line-height: 1;
	margin-bottom: 15px;
}
section.menu-buffalo .menu_pages .link-icon p a {
	font-size: 36px;
}
section.menu-buffalo .menu_pages .link-icon p a:after {
	content: '';
	background-color: var(--success-color);
	width: 110px;
	height: 5px;
	position: absolute;
	margin-left: -40px;
    margin-top: 23px;
	z-index: -1;
}
section.menu-buffalo .menu_pages .link-icon p img {
	width: auto;
	height: 55px;
	padding-bottom: 10px;
}
section.menu-buffalo .menu_pages .link-icon .text:last-child img {
	margin-right: 14px;
}
section.menu-buffalo .menu_power-up {
	padding-right: 0;
}
section.menu-buffalo .menu_power-up .col-inner {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
	height: 99vh;
}
section.menu-buffalo .menu_power-up .text h3 {
	font-size: 21px;
	font-weight: 700;
	margin-bottom: 15px;
}
section.menu-buffalo .menu_power-up .text p {
	font-size: 18px;
	margin-bottom: 15px;
}
section.menu-buffalo .menu_power-up a {
	color: white;
}
section.menu-buffalo .menu_power-up a:hover {
	color: var(--success-color);
}
section.menu-buffalo .menu_power-up--image img {
	width: 250px;
    height: auto;
	margin-left: -95px;
	position: relative;
    z-index: 1;
}
section.menu-buffalo .menu_power-up--image p:after {
	content: '';
	position: absolute; 
	background: rgb(255 255 255 / 95%);
    width: 100%;
    height: 140px;
	bottom: 0;
    left: 0;
}
section.menu-buffalo.mobile .accordion .accordion-item {
	margin-bottom: 10px;
}
section.menu-buffalo.mobile .accordion .accordion-item .accordion-title {
	font-size: 36px;
    font-weight: 700;
    color: var(--secondary-color);
}
section.menu-buffalo.mobile .accordion .accordion-item .accordion-inner {
	font-size: 24px;
}
section.menu-buffalo.mobile .img_power-up:before {
	content: '';
	position: absolute; 
	background: var(--secondary-color);
	width: 100%;
    height: 55%;
    z-index: -1;
    top: 30px;
}
/* FIN MENU */

/* HEADER */
#header #logo {
	margin-left: 3%;
}
.nav>li>a>i.icon-menu {
    font-size: 3.7em;
}
.icon-menu + span.menu-title {
	color: var(--success-color) !important;
	transform: rotate(-90deg);
	letter-spacing: 0;
	font-size: 10px;
	left: -10px;
	position: relative;
}
#header .header-main li.link-calendly a {
	background: var(--secondary-color);
	color: white;
    font-weight: 700;
    padding: 7px 15px;
	border-radius: 25px;
}
#header .header-main li.link-calendly a:hover {
	background: var(--primary-color);
}
/* FIN HEADER */

/* FOOTER */
section.footer-buffalo {
	background: var(--footer-gradient);
	padding-bottom: 5px !important;
}
section.footer-buffalo .bg.section-bg {
	background: url('/wp-content/uploads/2022/06/buffalo_footer-bg-img.png') no-repeat 9% 100% / auto !important;
}
section.footer-buffalo h4 {
	color: var(--lemon-color);
	font-size: 21px;
	font-weight: 700;
}
section.footer-buffalo p,
section.footer-buffalo a:not(.button) {
	color: white;
	font-weight: 300;
	margin-bottom: 1em;
}
section.footer-buffalo a:hover {
	color: var(--alert-color);
}
section.footer-buffalo a.button span {
	color: var(--lemon-color);
}
section.footer-buffalo .text.icon-social_mobile {
	display: flex;
    justify-content: space-between;
	max-width: 182px;
    margin-top: 50px;
}
#footer .absolute-footer {
	display: none;
}
/* FIN FOOTER */

/* Home */
section.home_slide-main .slide-main_info h2 {
	font-size: 60px;
	line-height: 1.1;
}
@keyframes scroll-down {
	0% {
		opacity: 0.25;
	}
	50% {
		opacity: 0.5;
	}
	100% {
		opacity: 1;
	}
}
section.home_slide-main .slide-main_scroll img,
section.pages-servicios_header .slide-main_scroll img {
	width: 60px;
	height: auto;
	position: relative;
	top: 0;
	animation: scroll-down 2s infinite ease-out;
	transition: all .5s;
}
section.home_slide-main .slide-main_scroll img:hover,
section.pages-servicios_header .slide-main_scroll img:hover {
	top: 10px;
}
section.home_intro .intro_title {
	background: url('/wp-content/uploads/2022/07/buffalo_intro-bg-title-v2.svg') no-repeat 30px 0 / 413px;
}
section.home_intro .intro_title h1 {
	font-size: 53px;
	line-height: 1.1;
	margin-bottom: 0;
}
section.home_intro .intro_title h1 span {
	background-color: var(--primary-color);
	color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 21px;
	position: relative;
    top: -10px;
	padding: 0 7px;
}
section.home_intro .intro_text img.wp-image-843 {
	position: relative;
    top: -60px;
	width: 227px;
    height: auto;
}
section.home_servicios .servicios_title {
	background: url('/wp-content/uploads/2022/06/buffalo_Recurso-19.svg') no-repeat 55px 10px / 60%;
}
section.home_servicios h2 {
	font-size: 50px;
	line-height: 1;
	max-width: 490px;
}
section.home_servicios h2 span {
	font-size: 24px;
	font-family: "Roboto", sans-serif;
}
section.home_servicios .servicios_items img {
	width: auto;
	height: 120px;
	margin-bottom: 5px;
}
section.home_servicios .servicios_items h3 {
	font-family: 'Bebas Neue', cursive;
	font-size: 30px;
	line-height: 1;
	font-weight: 400;
}
section.home_proyectos h2 {
	font-size: 50px;
	line-height: 1;
	margin-bottom: 17px;
}
section.home_proyectos h2 span {
	background-color: var(--primary-color);
	color: white;
    font-weight: 700;
    font-size: 21px;
	padding: 0 7px;
}
section.home_proyectos .proyectos_title {
	background: url('/wp-content/uploads/2022/06/buffalo_proyectos-bg-title.svg') no-repeat 0 80% / 85px;
}
section.home_agenda h2 {
	font-size: 30px;
	line-height: 1.2;
}
section.home_clientes h2 {
	font-size: 38px;
	line-height: 1;
}
section.home_clientes h2 span {
	background-color: var(--alert-color);
	color: white;
    font-weight: 700;
    font-size: 21px;
	padding: 0 7px;
}
section.home_clientes h2 em {
	color: var(--alert-color);
    font-weight: 700;
    font-size: 16px;
	font-style: normal;
	position: relative;
    top: -10px;
}
section.home_banner .banner_bg-title {
	background: var(--secondary-color) url('/wp-content/uploads/2022/06/buffalo_bg-banner.svg') no-repeat 15% 50% / 240px;
}
section.home_contacto h2 {
	font-size: 42px;
	line-height: 1;
}
section.home_tools h2 {
	font-size: 39px;
	line-height: 1.2;
}

/* Pages header */
section.servicios_header h2,
section.agencia_header h2 {
	line-height: 1.1;
}
section.contacto_header .img img {
	position: relative;
    z-index: -1;	
}
section.contacto_header .text h2 {
	line-height: 1;
}
/* Servicios */
section.servicios_items .row .box-shadow-3-hover {
	padding: 20px 20px 0;
}
section.servicios_items .row .box-shadow-3-hover div.text {
	height: 100%;
}
section.servicios_items .row .box-shadow-3-hover img {
	width: auto;
    height: 100px;
}
section.servicios_items .row .box-shadow-3-hover h3 {
	font-family: 'Bebas Neue', cursive;
	font-size: 30px;
    line-height: 1;
	font-weight: 400;
}
section.servicios_items .row .box-shadow-3-hover h3 a {
	color: var(--secondary-color);
}
section.servicios_items .row .box-shadow-3-hover h3 a:hover {
	color: var(--primary-color);
}
/* Pages single servicios */
section.pages-servicios_header h1 strong,
.pages-servicios_sidebar h3,
.pages-servicios_content h2 {
	font-weight: 900;
}
section.pages-servicios_header h1 {
	line-height: 1;
}
.pages-servicios_sidebar p a {
	color: var(--secondary-color);
}
section.pages-servicios_header a.button,
.pages-servicios_sidebar a.button {
	min-width: 200px;
}
.pages-servicios_content .proyectos .proyectos_title h2 {
	font-size: 42px;
	line-height: 1;
	font-weight: 300;
	margin-top: -15px;
}
.pages-servicios_content .proyectos .proyectos_title h2 span {
	background-color: var(--primary-color);
	color: white;
    font-weight: 700;
    font-size: 18px;
	padding: 0 7px;
}
.pages-servicios_content .proyectos .proyectos_title {
	background: url('/wp-content/uploads/2022/06/buffalo_proyectos-bg-title.svg') no-repeat 0 80% / 85px;
}
/* Contacto */
section.contact-page_form .icon-social div a {
	font-size: 1.5rem;
    margin-right: 15px;
}
.page-id-715 .lightbox-content {
	-webkit-box-shadow: none;
    box-shadow: none;
}
section.contact-page_form form p label,
section.contact-page_form form fieldset label {
	color: var(--secondary-color);
}
section.contact-page_form form span[data-name=facturacion] .wpcf7-radio label input + span,
section.contact-page_form form span[data-name=servicios] .wpcf7-checkbox label input + span {
	border: 1px solid var(--secondary-color);
}
section.contact-page_form form span[data-name=facturacion] .wpcf7-radio label input:checked + span,
section.contact-page_form form span[data-name=servicios] .wpcf7-checkbox label input:checked + span {
	background: var(--secondary-color);
    color: white;
}
section.contact-page_form form .cf7mls-btns .cf7mls_next.action-button,
section.contact-page_form form.cf7mls input.wpcf7-form-control.wpcf7-submit {
	border-color: var(--primary-color);
	background-color: transparent;
}
section.contact-page_form form .cf7mls-btns .cf7mls_back.action-button,
section.contact-page_form form .cf7mls_back.action-button{
	border: none;
	color: var(--primary-color);
	background: none;
}
section.contact-page_form .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal {
	margin-top: 20px;
}

/* Portfolio */
section.pages-portfolio_content h1 {
	color: var(--primary-color);
	font-weight: 900;
}
section.pages-portfolio_content h2,
section.pages-portfolio_content h3 {
	color: black;
	font-weight: 900;
}



/* RESPONSIVE */

@media only screen and (max-width: 549px) {
	a.button.button-mobile--center,
	.button-mobile--center a.button {
		margin: 0 auto;
    	display: table;
	}
	#header .logo-left .logo {
    	margin-left: 0;
    	margin-right: 9px;
	}
	#header #logo {
    	width: 60px;
	}
	section.section.menu-buffalo:not(section.section.menu-buffalo.mobile) {
		display: none !important;
	}
	section.home_slide-main .slide-main_info h2 {
		font-size: 41px;
	}
	section.home_slide-main .slide-main_info a.button,
	section.home_intro .intro_text a.button {
		margin: 0 auto;
    	display: table;
	}
	section.home_intro .intro_title h1 {
		font-size: 40px;
		max-width: 345px;
    	margin: 0 auto;
	}
	section.home_intro .intro_title h1 strong {
		position: relative;
		left: -50%;
		margin-right: -167.05px;
		display: block;
	}
	section.home_intro .intro_title h1 span {
		left: -50%;
    	margin-right: -67.625px;
		top: 0;
	}
	section.home_intro .intro_title {
		background-size: 338px;
	}
	section.home_servicios h2 {
		font-size: 36px;
	}
	section.home_servicios .servicios_title {
		background-size: 90%;
    	background-position: 25px 0px;
    	padding-top: 10px;
	}
	section.home_servicios .servicios_items > .col {
		text-align: center;
		margin-bottom: 25px;
	}
	section.home_servicios .servicios_items img {
		height: 90px;
	}
	.accordion .accordion-inner a.button {
		width: 100%;
    	max-width: 250px;
		margin-right: 0;
	}
	section.home_proyectos h2 {
		max-width: 320px;
    	margin: 0 auto;
	}
	section.home_banner .banner_bg-title {
		background: var(--secondary-color);
	}
	section.home_contacto .contacto_info {
		background-color: var(--primary-color);
	}
	section.home_contacto .contacto_info:before {
		content: '';
		background: white;
		width: 100%;
		height: 140px;
		position: absolute;
	}
	section.home_contacto .contacto_info .text p,
	section.home_contacto .contacto_info .text h2 {
		color: white !important;
	}
	section.home_contacto .contacto_info .text h2 strong.f-w_900 {
		color: var(--secondary-color);
	}
	section.agencia_header .row .col:first-child,
	section.contacto_header .row .col:first-child,
	section.servicios_header .row .col:first-child {
		padding-bottom: 0px;
	}
	section.banner_ayudarte .button.success,
	section.banner_solicitar-cotizacion .button {
		margin: 0 auto 15px;
		min-width: 240px;
	}
	section.banner_solicitar-cotizacion .button {
		display: table;
	}
	/* Pages single servicios */
	section.pages-servicios_header a.button {
		display: table;
		margin: 0 auto 15px;
	}
	.pages-servicios_content #que-es,
	.pages-servicios_content #proyectos,
	.pages-servicios_content #faq {
		padding-top: 35px;
	}
}

@media only screen and (min-width: 550px) {
	section.home_contacto .contacto_info img {
		position: relative;
    	left: -39%;
	}
	section.footer-buffalo:after {
		content: '';
		background: var(--primary-color);
		position: absolute;
		width: 60px;
		height: 100%;
		right: 0;
		top: 0;
	}
	section.servicios_header h2 span,
	section.agencia_header h2 span {
		font-size: 2rem;
		padding-right: 30px;
	}
	/* Pages single servicios */
	section.pages-servicios_header {
		margin-top: 0px;
	}
	section.pages-servicios_header .pages-servicios_header--title {
		position: relative;
		right: -60px;
		top: 0px;
		z-index: 1;
	}
	section.pages-servicios_header .pages-servicios_header--img img {
		width: 80%;
	}
	.pages-servicios_sidebar .col-inner:after {
		content: '';
		width: 1px;
		height: 100%;
		background-color: #ccc;
		position: absolute;
		top: 0;
		right: 15%;
	}
	.pages-servicios_content #que-es,
	.pages-servicios_content #proyectos,
	.pages-servicios_content #faq {
		padding-top: 70px;
	}
}

/* Páginas de portfolio */
@media only screen and (min-width: 550px) {
	/* fravega */
	section.pages-portfolio_content img[src*="Agencia-Buffalo-Fravega-Screen2"] {
		margin-top: 15%;
	}
	section.pages-portfolio_content img[src*="Agencia-Buffalo-Fravega-Screen3"] {
		position: absolute;
    	top: 59%;
    	left: -8%;
	}
	section.pages-portfolio_content img[src*="Agencia-Buffalo-Fravega-Banners"] {
		position: relative;
		top: -100px;
		left: -90px;
		z-index: -1;
	}
	/* glam driver */
	section.pages-portfolio_content img[src*="Buffalo-Glamdriver-Mackbook"] {
		margin-top: 24%;
		margin-left: -30%;
	}
	section.pages-portfolio_content img[src*="Buffalo-Glamdriver-Screen2"] {
		margin-left: -15%;
		position: absolute;
    	margin-top: 5%;
	}
	section.pages-portfolio_content img[src*="Buffalo-Glamdriver-Ecommerce"] {
		margin-top: 10%;
	}
	/* bunker 360 */
	section.pages-portfolio_content img[src*="Buffalo-Bunker-Imac"] {
		margin-left: -17%;
    	margin-top: 9%;
	}
	section.pages-portfolio_content img[src*="Buffalo-Bunker-Screen2"] {
		margin-left: -16%;
	}
	/* microteatro */
	section.pages-portfolio_content img[src*="Agencia-Buffalo-Microteatro-Macbook"] {
		margin-left: -30%;
	}
	section.pages-portfolio_content img[src*="Agencia-Buffalo-Microteatro-Sedes"] {
		margin-left: -24%;
	}
	section.pages-portfolio_content img[src*="Agencia-Buffalo-Microteatro-Descripcion"] {
		margin-left: -24%;
		top: -120px;
    	position: relative;
	}
	/* custodia */
	section.pages-portfolio_content img[src*="Buffalo-Custodia-Macbook1"] {
		margin-top: 10%;
		margin-bottom: 10%;
	}
	/* nieve negra */
	section.pages-portfolio_content img[src*="Buffalo-NieveNegra-Poster"] {
		margin-top: -13%;
    	margin-left: 0;
	}
	section.pages-portfolio_content img[src*="Buffalo-NieveNegra-Screen2"] {
		margin-left: -15%;
	}
}