/*
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.   ***************/

@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Text:wght@100;300;400;500;700&display=swap');
.BigShouldersText h1 {
	font-family: 'Big Shoulders Text', cursive;
}

:root {
	--lemon-color: #d4eb0f;
}

/* ANIMATE */
@-webkit-keyframes rotate360 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate360 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@-webkit-keyframes jello {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes jello {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.circle-fx p img {
	-webkit-animation: rotate360 7.5s linear infinite ;
	        animation: rotate360 7.5s linear infinite ;
}
.founder-fx p img {
	-webkit-animation: pulse 1.5s ease-in-out infinite both;
	        animation: pulse 1.5s ease-in-out infinite both;
}

/* GLOBAL */
.alt-font a {
	color: #d4eb0f;
	font-size: 26px;
}
.alt-font a:hover {
	color: var(--primary-color);
}
p strong, h2 strong {
    font-weight: 700;
}
a.button span {
	font-weight: 600;
}
section.banner_idea .row.idea-bg {
	background: url(/wp-content/uploads/2022/11/lian-prod_banner-idea-bg_v2.png) no-repeat center / contain;
}
section.banner_idea h2 {
	margin-bottom: 15px;
}
section.banner_idea h2 span.alt-font {
	font-size: 2.5rem;
	display: block;
}
.row-slider .flickity-page-dots,
.slider-nav-outside .flickity-page-dots {
    bottom: -30px;
}
/* Form */
input[type=email], input[type=tel], input[type=text], textarea {
	background-color: transparent;
    border: none;
	border-bottom: 1px solid white;
	box-shadow: none;
	color: white;
}
input[type=email]:focus, input[type=tel]:focus, input[type=text]:focus, textarea:focus {
	background-color: transparent;
	box-shadow: none;
	color: white;
}
input[type=submit] {
	font-weight: 700;
}

/* HEADER */
body.home #header .header-wrapper .header-bg-color {
	background-color: transparent;
}
body.home #header.sticky-jump .stuck {
	background-color: rgb(26 26 26 / 95%);
}

/* menu overlay */
.mfp-ready .mfp-close {
	color: var(--primary-color);
	transform: scale(2);
	right: 50px;
	top: 50px;
}
.off-canvas-center.mfp-bg.mfp-ready {
    opacity: .975;
}
section.lian_menu-overlay .text.links-pages p a {
	font-weight: 400;
    color: white;
}
section.lian_menu-overlay .text.links-pages p a:hover {
	color: var(--lemon-color);
}
section.lian_menu-overlay .text.icon-social p a img {
	width: auto;
    height: 30px;
	margin-right: 20px;
}
section.lian_menu-overlay .text.icon-social p a:hover img {
	filter: opacity(0.5);
}
section.lian_menu-overlay .col.col-info {
	background: url(/wp-content/uploads/2022/11/lian-prod_overlay-1.png) no-repeat right bottom / auto;
	padding-bottom: 18px;
}
section.lian_menu-overlay .col.col-pages {
	background: url(/wp-content/uploads/2022/11/lian-prod_overlay-2.png) no-repeat left top / contain;
}

/* FOOTER */
#footer section.footer {
	background: url(/wp-content/uploads/2022/10/lian-prod_Recurso-30.svg) no-repeat center bottom / auto;
}
#footer section.footer .footer_pages p,
#footer section.footer .footer_social p {
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 8px;
}
#footer section.footer .footer_pages p a {
	color: white;
}
#footer section.footer .footer_pages p a:hover {
	color: #d4eb0f;
}
#footer section.footer .footer_social p {
	margin-bottom: 25px;
}
#footer section.footer .footer_social p a img {
	width: auto;
    height: 30px;
	margin-right: 20px;
}
#footer section.footer .footer_social p a:hover img {
	filter: opacity(0.5);
}
#footer section.footer .footer_img .img.has-hover .img-inner {
	left: 0;
	transition: all .5s ease-out;
}
#footer section.footer .footer_img .img.has-hover .img-inner:hover {
	left: 25px;
	filter: opacity(0.75);
}

/* Home */
section.home_servicios .col_servicios-title {
	background: url(/wp-content/uploads/2022/10/lian-prod_Recurso-25.png) no-repeat right bottom / contain;
	border-bottom: 1px solid var(--primary-color);
    padding-bottom: 0px;
    padding-top: 165px;
}
section.home_servicios .col_servicios-title:before {
	content: '';
	position: absolute;
	bottom: -1px;
    right: 0;
	width: 200%;
    height: 1px;
    background: var(--primary-color);
    
}
section.home_servicios .col_servicios-title h2 {
	margin-bottom: 0;
}
section.home_servicios .box-servicios-item {
	border: 1px solid var(--primary-color);
	padding: 20px;
	min-height: 280px;
	display: flex;
	align-items: flex-end;
}
section.home_servicios .box-servicios-item.tracks {
	background: url(/wp-content/uploads/2022/11/lian_home_tracks.png) no-repeat 80% 20px /65%;
}
section.home_servicios .box-servicios-item.remixes {
	background: url(/wp-content/uploads/2022/11/lian_home_remixes.png) no-repeat 80% 20px /65%;
}
section.home_servicios .box-servicios-item.post {
	background: url(/wp-content/uploads/2022/11/lian_home_edicion-de-audio_v2.png) no-repeat 80% 20px /65%;
}
section.home_servicios .box-servicios-item.mezcla {
	background: url(/wp-content/uploads/2022/11/lian_home_mezclas.png) no-repeat 80% 20px /65%;
}

section.home_servicios .box-servicios-item h3 a:hover {
	color: var(--lemon-color);
}
section.home_servicios .circle-fx p img {
	position: absolute;
	top: -20px;
	right: 0;
	width: 140px;
    height: auto;
}
section.home_agencia .circle-fx p img {
	position: absolute;
	width: 145px;
    height: auto;
	left: 40%;
	top: 115px;
}
section.home_agencia img.wp-image-49 {
	position: relative;
    top: -120px;
}
section.home_creacion img.wp-image-57 {
	width: 80%;
}
section.home_top100 .col_top100-title {
	background: url(/wp-content/uploads/2022/10/lian-prod_Recurso-28.png) no-repeat top right / auto;
}

/* Servicios */
section.servicios_header {
	background: url(/wp-content/uploads/2022/11/lian-prod_servicios-header-bg.png) no-repeat top center / auto;
}
section.servicios_header .text.line-bottom-fluid {
	position: relative;
}
section.servicios_header .text.line-bottom-fluid:after {
    content: '';
    position: absolute;
    bottom: -10px;
    right: 294px;
    width: 150%;
    height: 1px;
    background: var(--primary-color);
}
section.servicios_items .bg-tracks {
	background: url(/wp-content/uploads/2022/10/lian-prod_Recurso-2.png) no-repeat;
	background-size: 60%;
    padding-top: 85px;
    background-position: 60px 0;
}
section.servicios_items .bg-tracks a.button,
section.servicios_items .bg-mezclas a.button,
section.servicios_items .bg-remixes a.button,
section.servicios_items .bg-edicion a.button {
	color: black;
}
section.servicios_items .text.line-right-fluid h2,
section.servicios_items .text.line-left-fluid h2 {
	line-height: 1;
	margin-bottom: 15px;
}
section.servicios_items .text.line-right-fluid h2:after {
	content: '';
    position: absolute;
    width: 150%;
    height: 1px;
    background: var(--primary-color);
	top: 145px;
	margin-left: 15px;
}
section.servicios_items .bg-mezclas {
	background: url(/wp-content/uploads/2022/11/lian_servicios-bg-mezclas.png) no-repeat;
	background-size: 60%;
    padding-top: 60px;
    background-position: 75% 0;
}
section.servicios_items .text.line-left-fluid h2:before {
	content: '';
    position: absolute;
    width: 150%;
    height: 1px;
    background: var(--primary-color);
	top: 145px;
	right: 310px;
}
section.servicios_items .text.line-left-fluid.oneline h2:before {
	top: 67px;
	right: 250px;
	width: 200%;
}
section.servicios_items .bg-edicion {
	background: url(/wp-content/uploads/2022/11/lian_servicios-bg-edicion.png) no-repeat;
	background-size: 60%;
    padding-top: 85px;
    background-position: 60px 0;
}
section.servicios_items .bg-remixes {
	background: url(/wp-content/uploads/2022/11/lian_servicios-bg-remixes.png) no-repeat;
	background-size: 60%;
    padding-top: 115px;
    background-position: 75% 0;
}
/* Servicios pages */
section.servicios-pages_header .row.bg-header {
	background: url(/wp-content/uploads/2022/11/lian-prod_bg-header-servicios-pages.png) no-repeat 25px 0 / contain;
}
section.servicios-pages_header .row.bg-header.mezclas {
	background: url(/wp-content/uploads/2022/11/lian_servicios-pages_bg-mezclas.png) no-repeat 25px 0 / contain;
}
section.servicios-pages_header .row.bg-header.edicion {
	background: url(/wp-content/uploads/2022/11/lian_servicios-pages_bg-edicion.png) no-repeat 25px 0 / contain;
}
section.servicios-pages_header .row.bg-header.remix {
	background: url(/wp-content/uploads/2022/11/lian_servicios-pages_bg-remix.png) no-repeat 25px 0 / contain;
}
section.servicios-pages_header h1 {
	font-weight: 700;
	line-height: 1;
}

/* Equipo */
section.equipo_header h1 {
	background: var(--lemon-color);
    color: #1a1a1a;
    font-size: 26px;
    font-weight: 400;
	padding: 5px 15px;
}
section.equipo_header .img.has-hover {
	margin-bottom: 0;
}
section.equipo_equipo .col_equipo-title {
	background: url(/wp-content/uploads/2022/10/lian-prod_Recurso-25.png) no-repeat right bottom / contain;
	border-bottom: 1px solid var(--primary-color);
    padding-bottom: 0px;
    padding-top: 35px;
}
section.equipo_equipo .col_equipo-title:before {
	content: '';
	position: absolute;
	bottom: -1px;
    right: 0;
	width: 200%;
    height: 1px;
    background: var(--primary-color);
}
section.equipo_equipo .col_equipo-title h2 {
	margin-bottom: 10px;
}
section.equipo_equipo img.wp-image-321 {
	position: absolute;
    top: -90px;
    left: -90px;
}
section.equipo_founder .founder_title {
	border-bottom: 1px solid var(--lemon-color);
	position: relative;
}
section.equipo_founder .founder_title:before {
	content: '';
	position: absolute;
	height: 1px;
    background: var(--lemon-color);
	bottom: -1px;
    right: 0;
	width: 200%;
}
section.equipo_founder .founder_title:after {
	content: '';
	position: absolute;
	height: 1px;
    background: var(--lemon-color);
	bottom: -1px;
    left: 0;
	width: 150%;
}
section.equipo_founder .founder_title h2 {
	margin-bottom: 0;
}
section.equipo_founder .text.circle-fx p img {
	position: absolute;
	width: 145px;
    height: auto;
    top: 110px;
    right: 190px;
}
section.equipo_founder .text.founder-fx p img {
	position: absolute;
	width: 175px;
    height: auto;
    right: 185px;
    bottom: 200px;
}

/* Portfolio */
section.portfolio_header .row.bg-header {
	background: url(/wp-content/uploads/2022/11/lian-prod_bg-header-portfolio.png) no-repeat;
	background-position: 190px 0;
	background-size: auto;
}
section.portfolio_header .row.info-header .text:before {
	content: '';
	position: absolute;
	width: 150%;
    height: 1px;
    background: var(--primary-color);
    right: 102%;
	top: 10px;
}
section.portfolio_sonidos .row.sonidos-info {
	position: relative;
}
section.portfolio_sonidos .row.sonidos-info .col-sonido-links .text.sonido-title a {
	font-size: 36px;
	line-height: 1.1;
    color: white;
}
section.portfolio_sonidos .row.sonidos-info .col-sonido-links .text.sonido-title a:hover {
	color: var(--lemon-color);
}
section.portfolio_sonidos .row.sonidos-info .col-sonido-links .text.sonido-btn a {
	color: var(--primary-color);
}
section.portfolio_sonidos .row.sonidos-info .col-sonido-links .text.sonido-btn a:hover {
	color: var(--lemon-color);
}
section.portfolio_sonidos .row.sonidos-info .col-sonido-links .text.sonido-btn a img {
	width: 90px;
	height: auto;
	margin-left: 10px;
}
/* img invert */
section.portfolio_sonidos .row.sonidos-info .col-sonido-img.afro .img-inner img,
section.portfolio_sonidos .row.sonidos-info .col-sonido-img.organic .img-inner img,
section.portfolio_sonidos .row.sonidos-info .col-sonido-img.tech .img-inner img,
section.portfolio_sonidos .row.sonidos-info .col-sonido-img.deep .img-inner img {
	transform: rotateY(180deg);
}

/* Portfolio pages */
section.portfolio-pages_header .row.sonidos-info {
	position: relative;
}
section.portfolio-pages_header .row.sonidos-info .col-sonido-links .text.sonido-title p {
	font-size: 36px;
	line-height: 1.1;
    color: white;
}
section.portfolio-pages_form img.wp-image-527 {
	position: absolute;
    top: 300px;
    left: -100px;
}

/* Contacto */
section.contacto_header .row.bg-header {
	background: url(/wp-content/uploads/2022/11/lian-prod_Recurso-2.png) no-repeat;
	background-position: 125px -25px;
	background-size: 70%;
}
section.contacto_form .text.contacto_social p a img {
	width: auto;
    height: 30px;
	margin-right: 20px;
}
section.contacto_form .text.contacto_social p a:hover img {
	filter: opacity(0.5);
}
section.contacto_form img.wp-image-527 {
	position: absolute;
    top: 190px;
    left: -100px;
	z-index: -1;
}



/* Responsive */
@media only screen and (max-width: 549px) {
	section.servicios_header .text.line-bottom-fluid:after {
		right: 50%;
	}
	section.equipo_founder .text.circle-fx p img {
		top: 50px;
    	right: 10px;
	}
	section.equipo_founder .text.founder-fx p img {
		width: 100px;
    	right: 65px;
		bottom: 50px;
	}
	section.portfolio-pages_form img.wp-image-527 {
		right: 0px;
    	max-width: 150px;
    	left: auto;
    	top: auto;
    	bottom: 0;
	}
	section.contacto_header .row.bg-header {
		background-size: cover;
	}
	section.home_servicios .col_servicios-title {
		padding-top: 50px;
	}
	section.home_agencia .circle-fx p img {
		top: -445px;
		left: 50%;
	}
	section.home_agencia .text.mobile-02 {
		background: url(/wp-content/uploads/2022/11/lian-prod_02-mobile.svg) no-repeat 100% 35px / 100px;
	}
	section.home_agencia img.wp-image-49 {
		position: relative;
		top: -80px;
	}
	#footer section.footer {
    	background: url(/wp-content/uploads/2022/11/lian-prod_Recurso-5.svg) no-repeat top right / 145px;
	}
	section.servicios_header {
		background-size: contain;
	}
	section.servicios_items .bg-tracks,
	section.servicios_items .bg-mezclas,
	section.servicios_items .bg-edicion,
	section.servicios_items .bg-remixes {
		background-size: auto;
	}
	section.servicios_items .text.line-left-fluid h2:before,
	section.servicios_header .text.line-bottom-fluid:after {
		right: 0;
	}
	section.servicios_items .text.line-right-fluid h2:after {
		left: 0;
	}
	section.servicios_items .text.line-left-fluid.oneline h2:before {
		top: 90px;
		right: 0;
	}
	section.servicios-pages_header .row.bg-header,
	section.servicios-pages_header .row.bg-header.mezclas,
	section.servicios-pages_header .row.bg-header.edicion {
		background-position: right;
	}
	section.portfolio_sonidos .row.sonidos-info .col-sonido-links {
		position: absolute;
		padding-bottom: 0;
	}
	section.portfolio_sonidos .row.sonidos-info .col-sonido-links .text.sonido-title p {
		margin-bottom: 0px;
	}
	section.portfolio_sonidos .row.sonidos-info .col-sonido-links .text.sonido-btn a {
		font-size: 18px;
	}
	section.portfolio_sonidos .row.sonidos-info .col-sonido-links .text.sonido-btn a img {
		width: 45px;
    	height: auto;
	}
	section.portfolio_sonidos .row.sonidos-info .col-sonido-img .img.has-hover {
		width: 70% !important;
	}
}

@media only screen and (max-width: 849px) {
	section.home_header-video {
		min-height: auto !important;
	}
}

@media only screen and (min-width: 550px) {
	section.home_header-video {
		margin-top: -90px;
	}
	section.home_creacion img.wp-image-57 {
    	position: relative;
    	left: -180px;
	}
	section.servicios_idea a.button {
		position: relative;
		top: -85px;
		left: -174px;
		font-weight: 600;
	}
	section.equipo_header .text.BigShouldersText {
		position: absolute;
    	bottom: 5px;
    	left: 523px;
	}
	section.equipo_founder .col_equipo-founder .img.has-hover .img-inner.dark {
		margin: 0px 125px 0px -125px;
	}
	section.portfolio_sonidos .row.sonidos-info .col-sonido-links {
		position: absolute;
	}
	section.portfolio-pages_header .row.sonidos-info .col-sonido-links {
		position: absolute;
	}
	section.portfolio_sonidos .row.sonidos-info .col-sonido-links .text.sonido-title a {
		font-size: 80px;
	}
	section.portfolio-pages_header .row.sonidos-info .col-sonido-links .text.sonido-title p {
		font-size: 70px;
	}
	section.servicios_items .bg-tracks,
	section.servicios_items .bg-mezclas,
	section.servicios_items .bg-remixes,
	section.servicios_items .bg-edicion {
		margin-bottom: 75px;
	}
	/* menu overlay */
	.off-canvas-center .mfp-content {
		max-width: 910px;
    	padding-top: 10px;
	}
	section.lian_menu-overlay .text.links-pages p a {
		font-size: 48px;
	}
}