/* Responsive CSS */

/* Media queries
-------------------------------------------------------------- */


@media only screen and (max-width: 1500px) {
	
	.home-datos .e-child .elementor-widget-counter:before {right: -4em; top: 4em;}
	.entry-text {top: 17em; }
	.timeline { font-size: 90%;}
	
	.video-bg video { margin-top: -22vh;}
	.timeline .blktimeline-2 .timelinecontent-bottom,
	.timeline .blktimeline-2 .timelinecontent { padding-right: 12%;}
}

@media only screen and (max-width: 1242px) {
	
	.video-bg video { margin-top: -13vh;}
	.timeline .blktimeline-2 .timelinecontent-bottom,
	.timeline .blktimeline-2 .timelinecontent { padding-right: 5%;}

}


@media only screen and (max-width: 1200px) {	

	body {font-size: .85em}
	/*.header-home .header {width: 38vw;margin-left: calc(-19vw - 4em);top: 8vh;}*/
	/*.header-green .header {width: 26vw;margin-left: calc(-13vw - 4em);top: 6vh;}*/



	/* HOME */
	.entry-text {top: 24em; width:40vw; margin-left:calc(-20vw - 2em)}
	.home-datos .e-child:nth-child(2) .elementor-widget-counter:before {right: -2.8em;}
	.home-datos .elementor-counter .elementor-counter-number { font-size: 1.7em;}
	.home-datos .elementor-counter .elementor-counter-title {font-size: 1.35em;}
	.home-datos .e-con-inner { max-width: 90%!important;}
	.home-equipo .e-con { padding: 4em;}

	
	/* timeline 
	.timeline .timeline-2 { width:14em;}
	.timeline .timeline-4 { left:  calc(42% + 2em); width:14em;}
	.timeline .timeline-5 { left:  calc(55% + 2em); }
	.timeline .timeline-6 { left:  calc(72% + 2em);}*/
	
	/* BLOG */
	.noti-list .noticia-content{min-height: 610px;}
}


@media only screen and (max-width: 1024px) {
	

	/* GENERAL */
	.container.small-width,
	.container.inter-width {width: 70%}
	.container.medium-width {width: 80%;}

	.contacto-widget .col ,
	.contacto-widget .col:nth-child(2n+1){ width:100%; padding-right: 0%;padding-left: 0%;}

	.jobs.jobs-detail {padding:0 }
	.job-oferta {max-width:90%; }


	.fondo-verde .e-con { padding: 4em ;}
	.fondo-verde .sectores { max-width: 100%;}

	/* BLOG */
	.noticia-item:not(.noticia-featured){width: 48%;margin: 1%}
	.noti-list .noticia-content{min-height: 500px;}


	/* AMIXALAN */

	.timeline { margin-left: 10%!important;}
	.timeline:after {width: 2px;height:calc(82% - 2.5em);left: 3.5em;top: 13.6%;}
	
	.timeline .blktimeline-0:after {position: absolute;width: 1px;height: 100%;left: -1.5em; top: 5em;border-bottom:0; border-left:  2px dashed #ffb359; content: '';}
	.timeline { padding-top: 0 !important;font-size: 110%;flex-direction: column !important; padding-left: 5em!important;}
	.timeline [class*=" blktimeline-"]:before {position: absolute; top: 5em; left: -1.9em;}

	.timeline .timeline-anio {position: relative; top:auto;left:auto}	
	.timeline .timelinecontent-bottom,
	.timeline .timelinecontent {position: relative; padding-right: 25%;}
	.timeline .timelinecontent-bottom>div,
	.timeline .timelinecontent>div{display: flex;  flex-direction: column;}
	
	.timeline .blktimeline-0 .timelinecontent,
	.timeline .blktimeline-1 .timelinecontent,
	.timeline .blktimeline-2 .timelinecontent-bottom ,
	.timeline .blktimeline-3 .timelinecontent{ top: auto;}
	.timeline .blktimeline-4 .timelinecontent { padding-top: 0;}

	.timeline .blktimeline-5 { top:auto; width: 75%; right: auto; padding-bottom: 3em; position: relative;}
	.timeline .blktimeline-5:before{ right:auto; top: 5em; left: -1.9em;}
	.timeline .blktimeline-5 .timeline-anio {position: relative;  top: auto;  left: auto;}

	.timeline-counters p em { margin-left: 0;}

	.header-green { background-color: #0e2b27;/*background: #0e2b27 url(/wp-content/themes/amixalan/images/fondo-green-mobile.jpg) top center no-repeat;background-size: contain;*/}


	/* CONÓCENOS */
	.grupo-empresarial ul li:nth-child(1) strong{margin-left: -3em;top: -2em;}
	.grupo-empresarial ul li:nth-child(2) strong{margin-left: -2.5em;}
	.grupo-empresarial ul li:nth-child(4) strong{margin-left: 5.5em;top: 5em;line-height: 1em;}
	.grupo-empresarial ul li:nth-child(5) strong{margin-left: 0;top: -2em;}

	/* TALENTO */
	.page-template-talento.header-green{background-size: 130%;}
	
}


@media only screen and (max-width: 960px) {
	

	/* AMIXALAN */
	.grupo-empresarial ul {font-size: 120%;}

	.home-datos .e-child:nth-child(1) { width: 40%!important;}
	.home-datos .e-child:nth-child(2) { width: 35%!important; }
	.home-datos .e-child:nth-child(3) { width: 25%!important; }



	.home-mapamundi .e-con { padding:1.5em 0 2.5em 0;}
	.home-mapamundi .video-desktop { display: none!important;}
	.home-mapamundi .video-mobile { display: block!important;}
	.home-mapamundi .video-mobile .e-hosted-video { aspect-ratio: 1/1;}


}


@media only screen and (max-width: 768px) {

	/* MENU VERTICALES */
	#alt-nav {display: none !important;}
	body.header-v .main {margin-top: 0}
	.main .entry-title {display: block; padding-bottom: .5em;}


	/* HOME */
	.entry-text {top: 20em; width:60vw; margin-left:calc(-30vw - 2em)}
	.home-datos .e-child { margin-bottom: 2em;}

	.home-datos .elementor-counter .elementor-counter-number { font-size: 1.25em;}
	.home-datos .elementor-counter .elementor-counter-title {font-size: 2em; text-align: center;}
	.home-datos .e-child:last-child .elementor-counter-number-wrapper{ align-self: center;}
	.home-datos .e-child .elementor-widget-counter:before {right: auto;bottom: -4em;top: auto;left: calc(50% - 1em);}
	.home-datos .e-child:nth-child(2),
	.home-datos .e-child:nth-child(3) {margin-left:0; }

	
	.home-datos .e-child:nth-child(1),
	.home-datos .e-child:nth-child(2) ,
	.home-datos .e-child:nth-child(3) { width: 100%!important;}
	.home-datos .e-child:nth-child(3) .elementor-counter .elementor-counter-title {justify-content: center; }
	
	.home-empresas .b-top:after { left: -7em; top: auto; bottom: 0; width: 75vw;}
	.home-empresas .b-bottom:after { left: 3em; bottom: 0; width: 75vw; }
	.home-empresas .b-right:after {left: 0;top: 0em;height: 12em;}
	.home-empresas .b-right2::after {left: 0;top: 4em;height: 15em;}
	.home-empresas .b-left {border: 0;}
	.home-empresas .b-left:after { background: #ffb359; content: ''; position: absolute; left: 30%; top: -1px; width: 50vw; height: 1px; z-index: 999; }

	.areas-negocio .e-con-inner { padding:1px 0!important;}	
	.areas-negocio { padding-left: 0!important; padding-right: 0!important;}
	.areas-negocio .areas-content:nth-child(n+2):before { height: 1px; width: 50%;  left: 50%; top:1em; margin-left: -25%;opacity: .2; margin-top: 0; }
	.areas-negocio-desplegable .areas-content:nth-child(n+2):before { height: 1px; width: 30%; top:1.5em;left: 50%; margin-left: -15%; margin-top: 0;}

	/*OTROS*/
	
	.jobs.jobs-container {grid-template-columns: repeat(1, 1fr); }
	.jobs.jobs-container-cubierta {grid-template-columns: repeat(1, 1fr); }

	.timeline { margin-left: 1%!important;}
	.timeline .timelinecontent-bottom,
	.timeline .timelinecontent {position: relative; padding-right: 0;}

	/* AMIXALAN */
	.grupo-empresarial ul {font-size: 110%;}
	.grupo-empresarial ul li strong {font-size: 90%;}
	
	/* BLOG */
	.noticia-item.noticia-featured .noticia-title{width: 100%;margin: 0 auto;}
	.noti-dest .col-45,
	.noti-dest .col-55{width: 100%!important;}
	
	
	.contacto-widget .entry-text, .page-template-contacto .address p {font-size:18px;line-height:22px;width:100%;}



}

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait) {

	
}

@media only screen and (max-width: 820px) {

	body {font-size: .8em; }
	.parallax_scroll {width: 25em;}
	
}	

@media only screen and (max-device-width: 820px) and (orientation: landscape) {
	

}


@media only screen and (max-width: 768px) {
	.header-orange .sec-default {
		margin-top: 26.5vh;
		border-top: .px solid #d9984d;
	}
	
	[class^="col-"], 
	[class*=" col-"] {float: none !important; width: 80% !important; margin: 0 auto !important}
	.jobs-detail [class^="col-"],
	.jobs-detail [class*=" col-"] { width:100% !important;}
	.job-header [class^="col-"],
	.job-header [class*=" col-"] { width:50% !important;}
	.job-header .job-logo {max-width:100%;}
	.job-oferta {max-width:100%; }
	.job-detalles {padding:2em 0 0 0; border:0;	border-top: 1px solid #ffb547; }
	.main-nav-ct {width:40% !important;}
	.main-nav-ct:before {
		background-size: 120vw;
		height: 35vh;
	}.header-white .sec-default {
		padding-top: 3vh;
	  }
	.header-green .sec-default {
		padding-top: 25vh;
	}


}

/* IPAD Portrait */
@media only screen and (max-device-width: 768px) and (orientation: portrait) {}


@media only screen and (max-width: 666px) {

	/* GENERAL */
	/* OCULTAMOS ALGUNOS ELEMENTOS */
	br,
	.no-mobile {display: none;}
	.btn br {display: inherit;}

	table br,
	.is-mobile {display: inherit;}
	.is-desktop {display: none;}
	
	.logo-claim {width: 34em !important; height: 4em !important;}

	.sec-default .entry-title{max-width: 100%;}

	/* MENÚ */
	.lang-navigation{top: 5em;right: 1em;}


	/* TABLAS */  
	table thead {border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
	table tr {/*border-bottom: 3px solid #ddd;*/ display: block; /*margin-bottom: .625em; */} 
	table td {/*border-bottom: 1px solid #ddd;*/ display: block; font-size: 100%; text-align: left !important; } 
	table td.cell-empty {display: none;} 
	table td[data-label]::before {color: #666;  font-size: 85%}
	  
	table td:last-child {border-bottom: 0; }
	table td.cell-label-block::before {display: block; width: 100%}

	/* TALENTO */
	.page-template-talento.header-green .sec-default{padding-top: 6vh!important;}
	.sec-default .entry-title{max-width: 100%!important;}

	/* AMIXALAN */
	.grupo-empresarial ul {font-size: 80%;}
	.grupo-empresarial ul li strong {font-size: 88%;}

	/* BLOG */
	.noticia-item.noticia-featured .noticia-title{font-size: 150%;}
	.sec-blog .claim h3{font-size: 150%;}
	.ct-sidebar .wp-block-categories li a{font-size: 115%;}

	/*TALENTO*/
	.page-template-talento.header-green{background-size: 130%;}
}	


@media only screen and (max-width: 600px) {
	.cart-nav-container {display: none;}
	.cart-body {margin-top: 0}
	.cart-widget .glovo-button {position: relative; 
		left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
	}
	.cart-widget.sec-border.container {padding-bottom: 4em;}

	.main-nav-ct {width: 50% !important;}
	.main-nav-ct:before {
		background-size: 120vw;
		height: 35vh;
	}

	/* CONTACTO */
	.sec-contacto .contacto-widget{padding: 1em 0;}
	.contacto-body .container{width: 90%;}
	.logo-contacto{width: 22vw;margin: 0 auto;}
		
	/* HOME */
	.entry-text {top: 14em; width:70vw; margin-left:calc(-35vw - 2em)}

	.header-home .header {margin-left: -12em;	width: 16em;}
	.sec-home .entry-text {
		width: calc(100% - 4em);
		left: 0;
		margin-left: 0;
	  }
	.sec-home .entry-text {top: 17.7em;}
	.video-bg  {height: 100vh}
	.video-bg video {	margin-top: 0;
		height: 100vh;
		max-width: none;
		width: auto;
		left: 50%;
		transform: translate(-50%,0);	  }

}

@media only screen and (max-width: 540px) {

	/* GENERAL */
	.parallax_scroll{width: 24em;}

	.logo-claim {width: 100% !important; height: 4em !important;}
	/* AMIXALAN */
	.grupo-empresarial ul {font-size: 50%;}
	.grupo-empresarial ul li strong {font-size:110%;}


	/* BLOG */
	.sec-blog .claim{width: 80%;margin: 10em auto 1em auto;}
	.noti-list .noticia-content{min-height: 515px;}
	.noticia-item:not(.noticia-featured){width: 100%;margin: 1% 0;}
	.noti-list .noticia-content{height: auto;min-height: 300px;}

	/* TALENTO */
	.jobs-detail .col-2-3,
	.jobs-detail .col-1-3{width: 100%!important;}
	.jobs.jobs-detail .job-logo{float: left;margin-left: -1.5em;}
	.jobs .job-header .job-logo{max-width: 60%;}

	/* CONÓCENOS */
	.grupo-empresarial ul li:nth-child(4) strong{line-height: 1em;}
	.grupo-empresarial ul li:nth-child(1) strong{margin-left: -3em;top: -2em;}
	.grupo-empresarial ul li:nth-child(2) strong{margin-left: -2.5em;}
	.grupo-empresarial ul li:nth-child(4) strong{margin-left: 5.5em;top: 5em;}
	.grupo-empresarial ul li:nth-child(5) strong{margin-left: 0;top: -2em;}

}

/* IPHONE X Portrait
----------------------------------------------- */
@media only screen and (max-width: 480px) {


	.text-huge {font-size: 270%}

	/* GENERAL */
	.wrapper, .primary, .pusher, .pusher-content {height: auto; overflow-x: hidden; }
	.header-orange .header,
	.header-white .header,
	.header-green .header {width: 40vw;	margin-left: calc(-20vw - 4em);top: 0vh; }

	/* GENERAL */
	.text-xxbig {font-size: 130%}
	.text-small,
	.text-xsmall {font-size: 100%}

	/* MENU */
	.main-nav-ct {width: 100vw !important;padding: 0;right: -100vw; /*right: 0 !important;*/ /*padding-left: 10% !important; padding-right: 10% !important;*/}
	.nav-trigger.active,
	body.page-template-home .nav-trigger.is-fixed.active {right: 0 !important}
	.main-nav-ct .menu-logo img { max-width: 40vw;}


	/* BLOG */
	.sec-blog .container.big-width,
	.sec-blog .col-100{width: 100%!important;}

}

@media only screen and (max-width: 320px) {
	
	
	/* GENERAL */
	body {font-size: .7em}

	.container:not(.full-width) .container {width: 100% !important}

	.video-bg video, .image-bg img {width: 140%; margin-left: 0%}
	.slides img {width: 160%; margin-left: -30%}

	.rest-map {height: 54em}

	body.header-v .header {width: 90%; left: 5%}
	.header.container,
	body.page-template-home .header.container {width: 90% !important}

	/* HOME */
	.home-top > .container > .columns img.fullwidth {max-width: 100%}
	.rrss-widget .block .rrss-image {max-height: 20em;}
	
}

/* PANTALLAS GRANDES */ 
@media only screen and (min-width: 1500px) {

	/* GENERAL */
	body {font-size: .95em}

	/* SECRETS */

}

@media only screen and (min-width: 1800px) {
/*
.page-template-talento.header-green { background: #17302c url(/wp-content/themes/amixalan/images/fondo-green-minus-1800px.jpg) top center no-repeat;background-size: contain;}
*/
	
	

}

@media only screen and (min-width: 2300px) {
	
	/* GENERAL */
	body {font-size: 1.1em}
	.logo-claim {width: 46em;}
	
}


@media only screen and (max-width: 1024px){
	.news a.noticia-item {
    width: 60% !important;
    display: inline-block;
    margin: 0 18%;
}
	.sec-blog.blog-archive .noti-list a {
    width: 60%;
    margin: 1% 18%;
    display: inline-block;
}
}

@media only screen and (max-width: 666px){
	.news a.noticia-item {
    width: 100% !important;
    display: inline-block;
		margin:1em 0;
}
	.sec-blog.blog-archive .noti-list a {
    width: 100%;
    margin: 1em 0;
    display: inline-block;
}
	
	/* TALENTO */
	.page-template-talento.header-green .sec-default,
	.single-talento.header-green .sec-default{padding-top: 15px!important;}
	.single-talento.header-green .header{padding: 3.5em 4em 4.5em 4em;}
	.sec-blog {padding-top: 0px;}
	.excerpt-text, .job-excerpt {font-size:14px;}
}
