/*
Theme Name:     Now Estudio
Theme URI:      n/a
Template:       kadence
Author:         Fernando García Rebolledo
Author URI:     n/a
Description:    Tema para Now Estudio
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/
/* :root {
	--max-width: 1450px;
	--global-kb-font-size-sm: clamp(20px, 2vw, 30px);
	--global-kb-font-size-md: clamp(22px, 2.2vw, 36px);
	--global-kb-font-size-lg: clamp(24px, 2.4vw, 42px);
	--global-kb-font-size-xl: clamp(26px, 2.6vw, 48px);
	--global-kb-font-size-xxl: clamp(28px, 2.8vw, 54px);
	--global-kb-font-size-xxxl: clamp(30px, 3vw, 60px);
	--global-content-edge-padding: clamp(0.625rem, 0.3772rem + 1.2389vw, 1.5rem);
	--global-content-width: 80vw;
} */
:root {
	/* --global-content-width: 80vw; */
	--max-width: 1900px;
	--verde: #00E082;
	--global-palette4: #000;
}
::selection{
	background-color: var(--verde);
}
::-moz-selection{
	background-color: var(--verde);
}
.now-width{
	max-width: var(--max-width);
	margin: 0 auto;
}
.entry-content > div:not(.now-full){
	padding-left: 2rem;
	padding-right: 2rem;
}
@media screen and (min-width:1024px){
	.now-seccion-boxed > div,
	.now-seccion-boxed--proyectos{
		margin-left: 5rem;
	}
}
h1,
.now-h1{
	font-size: clamp(3.4375rem, 1.3489rem + 10.443vw, 13.75rem);
	font-family: 'Manrope', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	word-break: normal;
}
h2,
.now-h2,
body.post-template-default h1{
	font-family: 'Manrope', sans-serif;
	font-size: clamp(2.8125rem, 2.1669rem + 3.2278vw, 6rem);
	font-weight: 400;
	line-height: 102%;
	text-transform: uppercase;
	word-break: normal;
}
h3,
.now-h3{
	font-family: 'Manrope', sans-serif;
	font-size: clamp(2rem, 1.8726rem + 0.9494vw, 3rem);
	font-weight: 400;
	/* line-height: 2.5rem; */
	text-transform: uppercase;
}
h4,
.now-h4{
	font-family: 'Playfair Display', sans-serif;
	font-size: clamp(1.875rem, 1.8117rem + 0.3165vw, 2.1875rem);
	font-weight: 400;
	/* line-height: 2rem; */
	text-transform: uppercase;
}
.now-cita{
	font-family: 'Manrope', sans-serif;
	font-size: clamp(1.1875rem, 0.9723rem + 1.0759vw, 2.25rem);
	font-weight: 400;
	/* line-height: 2.3rem; */
}
.now-autor-cita{
	font-family: 'Playfair Display', sans-serif;
	font-size: clamp(1.00625rem, 0.9063rem + 0.5vw, 1.5rem);
	font-weight: 400;
	line-height: 2.3rem;
}
.now-categoria{
	font-family: 'Manrope', sans-serif;
	font-size: clamp(1.0625rem, 0.9612rem + 0.5063vw, 1.5625rem);
	font-weight: 300;
	text-transform: uppercase;
}
.now-texto-boton{
	font-family: 'Manrope', sans-serif;
	font-size: clamp(1.5625rem, 1.4739rem + 0.443vw, 2rem);
	font-weight: 400;
}
p,
.now-p,
.now-li{
	font-family: 'Manrope', sans-serif;
	font-size: clamp(1.25rem, 1.1867rem + 0.3165vw, 1.5625rem);
	font-weight: 400;
	line-height: 2rem;
}
.now-minusculas{
	text-transform: inherit;
}
.now-hide{
	opacity: 0;
	/* transition: all 1s ease-in-out; */
}
.now-none{
	display: none;
	transition: all 1s ease-in-out;
}
.now-show{
	opacity: 1;
	/* transition: all 1s ease-in-out; */
}
.now-show-block{
	display: block;
	/* transition: all 1s ease-in-out; */
}
hr.now-separador{
	max-width: 60%;
}
.now-enlace,
.now-enlace a{
	text-decoration: none;
}
.now-enlace:hover,
.now-enlace a:hover{
	color: var(--verde);
}
a.now-boton{
    border-radius: 1.625rem;
    border: 1px solid #000;
	text-transform: uppercase;
	padding: .5rem 1.3rem;
	text-decoration: none;
	margin-top: 1.7rem;
	
}
a.now-boton:hover{
	background-color: #00e082;
}
/* Cabecera*/
header .site-header-wrap nav li{
	min-width: 7rem;
	text-align: center;
}
header nav ul li a{
	border: 1px solid #000;
	border-radius: 1.625rem;
}
header nav ul li:not(:last-child){
	margin-right: 1.63rem;
}
header .main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item > a,
header .main-navigation .primary-menu-container > ul > li.menu-item > a:hover{
	background-color: var(--verde);
}
#mobile-drawer .drawer-content{
	position: absolute;
}
#mobile-drawer .drawer-content .site-header-item-mobile-navigation{
	height: 70vh;
}
.toggle-close-bar,
.drawer-toggle .toggle-close-bar{
	color: var(--global-palette4);
	width: 45px;
	height: 3.5px;
}
.popup-drawer .drawer-header{
	padding-top: 1rem;
	/* padding-right: 2rem; */
}
.popup-drawer .drawer-header .drawer-toggle{
	width: 2rem;
}
header a.social-button{
	display: flex;
}
header a.header-social-item span{
	align-self:center;
}
/* #mobile-drawer .drawer-header .drawer-toggle{
	margin-top: 1rem;
	margin-right: .5rem;
} */
/* Footer */
@media screen and (max-width: 1024px) {
	.now-footer-logos div.kt-inside-inner-col{
		display: grid;
		grid-template-columns: .5fr .5fr;
	}
	.footer-widget-area.content-valign-middle{
		align-items: initial;
	}
}
@media screen and (min-width: 1025px) {
	.site-footer-row.site-footer-row-columns-2.site-footer-row-column-layout-left-golden{
		grid-template-columns: 4fr 1fr;
	}
}
/* Home */
.now-home__img_1 img{
	width: 100%;
}
.now-home-circulo1{
	position: absolute;
	top: -11rem;
	left: 0;
	width: 100vw;
}
@media screen and (min-width: 1025px) {
	.now-home-bloque1{
		margin-top: -45rem;
	}
	.now-home-design-contanier > div.kt-row-column-wrap{
		grid-template-columns: 1fr .5fr 1fr;
	}
	.now-home__columnas-linearcircular_1{
        align-items: flex-start;
	}
	.now-home__texto-circular_container{
		width: 20rem;
	}
	.now-home__texto-circular_container > div.kt-inside-inner-col{
		height: 20rem;
	}
	.now-home__texto-circular{
		max-width: 14rem;
		margin: 0 auto;
	}
	.now-home__columnas-linearcircular_1 figure{
		transform: translate(8rem, 0rem) rotate(15deg);
	}
	#now-home-circ2 > div{
		justify-items: center;
	}
	.now-home__columnas-linearcircular_2{
		margin-left: 40%;
	}
	.now-home__columnas-linearcircular_2 figure{
		transform: translate(-5rem,.5rem) rotate( -150deg)
	}
	.now-home__lineal-section div{
		background-size: 32rem!important;
	}
	.now-home__img_proyecto img{
		position: absolute;
		top: -20rem;
		right: 0;
	}
}
@media screen and (max-width: 1024px) {
	.now-home-bloque1{
		margin-top: -20rem;
	}
	.now-home__lineal-section div{
		background-position: 50% 20px !important;
		background-size: auto!important;
	}
	.now-home__lineal-contenido-movil figure{
		transform: rotate(-120deg);
	}
	.now-home__texto-circular_container,
	.now-home__texto-circular_container p{
		margin-left: auto;
		margin-right: auto;
	}
	.now-home__circular-section div{
		background-position: 50% 0 !important;
		background-size: 60%!important;
	}
	.now-home__linealcircular-contenido-movil{
		margin: 0 auto;
	}
}
@media screen and (max-width: 768px) {
	.now-home-circulo1{
		top: 0;
	}
	.now-home__circle-1{
		margin-right: -50vw;
	}
	.now-home__circle-2 img{
		margin-left: -50vw;
	}
	.now-home__img_1 img{
		margin-left: 10%;
	}
	.now-home__circular-section div{
		background-size: 110%!important;
	}
	.now-team-mobile__bios .kt-blocks-accordion-title{
		font-size: 1.5rem;
	}
	.now-team-mobile__bios .kt-blocks-accordion-title strong{
		font-weight: 300;
		font-size: .9rem;
	}
	.now-contacto__titulo{
		display: none;
	}
}
/*Servicios*/
.now-servicios__seccion1 .now-servicios__seccion1-img img{
	width: 100vw;
	position: absolute;
	top: 0;
}
.now-servicios__seccion2-p{
	max-width: 40rem;
}
@media screen and (min-width: 1025px) {
	.now-servicios__circulos1{
		position: absolute;
		top: 8rem;
		left: 50%;
	}
	.single-content .now-servicios__seccion1 h2{
		margin-left: 15%;
		margin-top: 15%;
	}
	.single-content .now-servicios__seccion1 .kt-inside-inner-col .kb-section-dir-horizontal{
		margin-left: 15%;
	}
}
@media screen and (max-width: 1024px) {
	.now-servicios__circulos1{
		position: absolute;
		top: 3rem;
		left: 40%;
	}
	.now-servicios__seccion1.kadence-column38_b1ae92-99 .kt-inside-inner-col{
		background-position: 20%;
	}
	.now-servicios__seccion2 >.kt-inside-inner-col figure{
		/* position: absolute;
		right: 2rem; */
		display: none;
	}
	.now-servicios__seccion2 >.kt-inside-inner-col figure.now-servicios__seccion2-image2{
        left: 0;
	}
}
@media screen and (max-width: 768px) {
	.now-servicios__circulos1{
		position: absolute;
		top: 0;
		left: 0;
	}
	body .now-servicios__seccion2 > .kt-inside-inner-col{
		display: flex;
		flex-direction: column-reverse;
	}
	.now-servicios__seccion2 >.kt-inside-inner-col figure{
		right: -20%;
	}
	.now-servicios__seccion2 >.kt-inside-inner-col figure.now-servicios__seccion2-image2{
		left: -30%;
    	top: 2rem;
	}
	/* .now-servicios__seccion1.kadence-column38_b1ae92-99 .kt-inside-inner-col{
		background-position: -14rem;
	} */
}
/*Proyectos*/
@media screen and (min-width: 1024px) {
	.now-proyectos-item--item .kt-row-column-wrap{
		display: flex;
		flex-direction: row;
	}
	
	ul.now-proyectos-item-container li:nth-child(even) .now-proyectos-item--item .kt-row-column-wrap{
		flex-direction: row-reverse;
	}
	.now-proyectos-item--item .kt-row-column-wrap div.wp-block-kadence-column{
		width: 50%;
	}
	/* ul.now-proyectos-item-container li:not(:nth-child(1)){
		padding-top: 17rem;
	} */
}
/* @media screen and (max-width: 1024px) {
	ul.now-proyectos-item-container li:not(:nth-child(1)){
		padding-top: 15rem;
	}
}
@media screen and (max-width: 768px) {
	ul.now-proyectos-item-container li:not(:nth-child(1)){
		padding-top: 10rem;
	}
} */
ul.now-proyectos-item-container h2{
	max-width: 35rem
}
ul.now-proyectos-item-container li{
	border-bottom: 2px solid #000;
}
/* Blog */
.now-titular-blog,
.now-titular-blog h3{
	font-family: 'Playfair Display', sans-serif;
	font-size: clamp(1.4rem, 1.2904rem + 0.4872vw, 1.875rem);
	font-weight: 400;
	line-height: 125%;
}
body .wp-block-kadence-query-pagination .pagination .page-numbers{
	font-family: 'Manrope', sans-serif;
	font-size: clamp(2rem, 1.8726rem + 0.9494vw, 3rem);
	font-weight: 400;
	line-height: 1;
}
body .wp-block-kadence-query-pagination{
	margin-bottom: clamp(3.5rem, 2.2308rem + 5.641vw, 9rem);
	margin-top: clamp(6rem, 5.0769rem + 4.1026vw, 10rem);
}
.single-content h1.now-blog-titulo{
	margin-bottom: clamp(3.5rem, 2.2308rem + 5.641vw, 9rem);
	margin-top: clamp(6rem, 5.0769rem + 4.1026vw, 10rem);
}
/* Post */
body.post-template-default section.entry-hero .hero-container{
	padding: 0;
	margin-bottom: clamp(3.5rem, 2.2308rem + 5.641vw, 9rem);
	margin-top: clamp(6rem, 5.0769rem + 4.1026vw, 10rem);
}
body.post-template-default section.entry-hero .hero-container *{
	max-width: 100%;
}
.now-post-tags{
	margin-top: clamp(6rem, 3.4615rem + 11.2821vw, 17rem);
	margin-bottom: clamp(6rem, 3.4615rem + 11.2821vw, 17rem);	
}