/*
Theme Name: astra Child
Theme URI:  https://www.wpserveur.net
Author:     Gruppo Stratego
Author URI: https://www.gruppostratego.it/
Template:   astra
Version:    1.0
License:    GNU General Public License v2 or later
*/

/* MOBILE */
@media (min-width: 0px) {

	html{
		margin-top: 0!important;
	}
	
	/* BASE */
	html, body{
		color: white;
		overflow-x: hidden;
		position: relative;
		font-style: normal;
		box-sizing: border-box;
		font-family: 'Lato', sans-serif!important;
	}
	html a{
		text-decoration: none;
	}
	b, strong{
		font-weight: 700!important;
	}
	.centro_studi ul{
		list-style-position: inside;
	}
	.accordion-button:not(.collapsed)::after {
	  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23005a76' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
	}
	/**************************
	 * HEADER
	 * ***********************/
	/* FIX ISSUE WITH ASTRA - Agos */
	.entry-header.ast-no-title.ast-no-thumbnail{
		display: none;
	}
	/* FINE FIX */
	header{
		height: auto;
		width: 100%;
		z-index: 1066;
		position: fixed;
		background-color: var(--colore-primario);
	}
	header p{
		font-size: 16px;
		margin: 0;
		padding: 16px;
		border-right: 1px solid black;
	}
	.site-logo {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	li.menu-item-has-children ul.sub-menu {
	  display: none;
		position: relative;
	}
	li.menu-item-has-children:hover ul.sub-menu{
		display: block;
		position: absolute;
		padding: 10px !important;
		background-color: var(--colore-footer);
		box-shadow: rgba(51, 51, 51, 0.25) 0px 2px 5px 0px;
	}
	.pulsante-menu{
		text-align: right;
		display: flex;
	  align-items: center;
	  justify-content: end;
	}
	.preloader {
		opacity: 1;
		width: 100vw;
		height: 100vh;
		z-index: 999999;
		transition: .5s;
		position: fixed;
		background-color: white;
	}
	.preloader.finish{
		width: 0;
		opacity: 0;
		transition: .5s;
	}
	div.logo-preloader {
		top: 50%;
		left: 50%;
		width: 130px;
		height: 130px;
		display: flex;
		position: absolute;
		align-items: center;
		justify-content: center;
		background-color: var(--colore-primario);
		transform: translateX(-50%) translateY(-50%);
	}
	header a.search {
	  width: 25px;
	  margin-left: 20px;
	  margin-bottom: 6px;
	  display: inline-block;
	}
	a.search svg path {
		fill: white;
	}

    /*************************************
     * ICONA MENU
     * **********************************/

    .contenitore-icona {
      display: inline-block;
      cursor: pointer;
      position: relative;
      padding: 10px 5px;
    }

    .barra1, .barra2, .barra3 {
			height: calc((80px) * .1) !important;
			width: 40px !important;
			margin: calc((10px) * 0.6) !important;
			transition: 0.4s !important;
			transform: skew(00deg, -20deg);
			background-color: white;
    }

    .header-menu-fixed{
    	height: 150px;
    }

    .cambia .barra1 {
      -webkit-transform: rotate(-45deg) translate(-10px, 8px) !important;
      transform: rotate(-45deg) translate(-10px, 8px) !important;
    }

    .cambia .barra2 {opacity: 0!important;}

    .cambia .barra3 {
      -webkit-transform: rrotate(45deg) translate(-10px, -8px) !important;
      transform: rotate(45deg) translate(-10px, -8px) !important;
    }

    /************************************
     * FINE ICONA MENU
     * *********************************/
	.wpml-ls-menu-item {
		display: flex;
	}
	.wpml-ls-menu-item img{
		max-width: inherit;
	}
	#fixamenu{
		transition: .2s;
		width: 100%;
		height: auto;
	}
	.fixato{
		transition: .2s;
		width: 100%;
		background-color: var(--colore-primario);
	}
	.chiudi-modale{
		top: 10px;
		z-index: 1;
		right: 25px;
		padding: 16px;
		border-bottom: 0;
		border-radius: 0;
		position: relative;
		background-color: transparent;
	}
	.chiudi-header{
		opacity: 1;
		padding: 16px;
		border-radius: 0;
		background-color: var(--colore-primario);
	}
	#mainmenu ul{
		list-style: none;
		padding-left: 0;
	}
	#mainmenu li a{
		font-size: 16px;
	}
	.modal-header .custom-logo{
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.modal-header{
		border-bottom: 0;
	}
	li.menu-primario{
		position: relative;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-top: 1px solid var(--colore-footer);
		border-bottom: 1px solid var(--colore-footer);
	}
	li.menu-primario a{
		font-size: 20px!important;
		font-weight: 700;
		text-transform: uppercase;
	}

	.breadcrumb {
		margin-top: 150px;
		border-bottom: 1px solid var(--colore-secondario);
	}
	/************************
	 * SFONDI
	 * *********************/
	.sfondo-blu, .container-fluid.settori-interesse{
		background-color: var(--colore-primario);
	}
	.sfondo-contatti{
		padding: 80px 0;
		background-color: var(--colore-secondario);
	}
	.sfondo-newsletter{
		padding-top: 80px;
		padding-bottom: 80px;
		background-size: cover;
		background-repeat: no-repeat;
	}
	.breadcrumb p, .breadcrumb a{
		font-size: var(--font-size-testo);
		color: var(--colore-primario);
		text-transform: uppercase;
		display: inline-block;
	}
	.azzurro-descrizione{
		padding: 80px 0;
		background-color: var(--colore-secondario);
	}
	#dettagli .accordion-body, #dettaglinextgen .accordion-body{
		padding: 40px;
		background-color: #E2EDF4;
	}
	.container-fluid.form-corsi, .container-fluid.corsi-attivi, .container-fluid.chi-si-rivolge, .container-fluid.seminari-e-workshop, .icone, .container-fluid.news{
		background-color: var(--colore-secondario);
	}
	.container-fluid.seminari-e-workshop, .container-fluid.eventi-e-convegni{
		padding-top: 60px;
	}
	.container-fluid.archivio-corsi, .container-fluid.eventi-e-convegni, .slide-home, .container-fluid.opportunita{
		background-color: #91B5C9;
	}
	.row.singolo-corso{
		box-shadow: unset;
		background-color: transparent;
	}
	article.singolo-archivio-cat {
	  margin-bottom: 40px;
	}
	div.singolo-corso, div.singola-news, div.singola-ricerca, div.singola-iniziativa{
		margin-bottom: 80px;
		background-color: white;
		box-shadow: 0px 3px 26px #00000029;
	}
	.sfondo-icona, .sfondo-icona-fondazione {
		box-shadow: 0px 13px 16px #00000029;
		background-color: var(--colore-grigio);
	}
	.sfondo-singola-categoria{
		height: 100%;
		background: rgb(1,90,118);
		background: linear-gradient(0deg, var(--colore-primario) 0%, #6093AC 100%);
		background: -moz-linear-gradient(0deg, var(--colore-primario) 0%, #6093AC 100%);
		background: -webkit-linear-gradient(0deg, var(--colore-primario) 0%, #6093AC 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#015a76",endColorstr="#c4d9e5",GradientType=1); 
	}

	/********************
	 * PATCH MOBILE SFONDO
	 * *****************/
	.sfondo-mission-mobile{
		background-color: var(--colore-secondario);
		position: relative;
		padding: 60px 0;
	}
	.sfondo-vision-mobile{
		position: relative;
		padding: 60px 0;
		background-color: var(--colore-primario);
	}
	.sfondo-vision-mobile::before, .sfondo-vision-mobile::after{
		content: "";
		width: 100%;
		height: calc(100% + 100%);
		position: absolute;
		top: 0;
		z-index: -1;
		background-color: var(--colore-primario);
	}
	.sfondo-vision-mobile::after{
		right: -50%;
	}
	.sfondo-vision-mobile::before{
		left: -50%;
	}
	.sfondo-mission-mobile::before, .sfondo-mission-mobile::after{
		content: "";
		width: 100%;
		height: calc(100% + 100%);
		top: 0;
		background-color: var(--colore-secondario);
		position: absolute;
		z-index: -1;
	}
	.sfondo-mission-mobile::before{
		left: -50%;
	}
	.sfondo-mission-mobile::after{
		right: -50%;
	}

	/*************************
	 * SPAZI
	 * **********************/
	.spazio-40{
		margin: 40px 0;
	}
	.swiper-home{
		margin: -40px 0;
	}
	.icone{
		padding-top: 80px;
		padding-bottom: 120px;
	}
	.icona-esterna{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.spazio-row-fondazione{
		margin-top: 40px;
	}
	.row.next-gen-summer-school{
		margin-bottom: 80px;
	}
	div.info-contatti{
		margin-top: 80px;
	}
	main.singolo-professionista article.singolo-professionista{
		margin-top: 60px;
	}
	main.fondazione {
	  margin-bottom: 40px;
	}

	/************************
	 * PAGINE
	 ***********************/
	.sfondo-contatti p{
		color: var(--colore-primario);
	}

	/************************
	 * HOME
	 ***********************/
	.immagine-slide-home{
		width: 100%;
	}
	.container-fluid.slide-home{
		height: 100px;
	}
	.margini-negativi{
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translateX(-50%) translateY(-50%);		
	}
	h3.titolo-img-slide-home {
  	margin-bottom: 0;
	}
	.info-img-slide-home{
		right: 0;
		bottom: 0px;
		padding: 10px;
		position: absolute;
		background-color: rgba(0, 90, 118, 0.7);
	}
	.img-singola-icona {
		width: 200px;
    height: 150px;
		border-radius: 50%;
	}
	.img-singola-icona img {
		width: 100px;
		height: auto;
	}
	.icone-singole {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  flex-direction: column;
	  gap: 50px;
	}
	.loghi-next-gen {
		margin-top: 120px;
		margin-bottom: 80px;
	}
	.loghi-home{
		display: flex;
		min-height: 400px;
		align-items: center;
		justify-content: center;
		background-color: #F7F7F7;
		box-shadow: 0px 13px 16px #00000029;
	}
	.descrizione-img-slider-home{
		color: white;
	}
	/* FIX PER SOCIAL NINJA */
	.wpsr-fb-feed-item .wpsr-fb-feed-inner img {
		width: 100%!important;
	}

	/*************************
	 * FOOTER
	 * **********************/
	
	footer h2{
		color: white;
		font-size: 20px;
		margin-bottom: 20px;
		text-transform: uppercase;
	}
	#footer-social {
		text-align: right;
	}
	#footer-logo{
		margin-bottom: 30px;
	}
	.footer-inner{
		font-size: 20px;
		line-height: 40px;
		background-color: var(--colore-footer);
	}
	.footer-copyright{
		padding: 16px 0;
		background-color: var(--colore-primario);
	}
	.footer-copyright p, .footer-copyright a{
		font-size: 16px;
		text-align: center;
	}
	.accreditata{
		margin-top: 40px;
	}
	.social a {
		height: 30px;
		width: 30px;
		margin-right: 10px;
		border-radius: 50%;
		align-items: center;
		display: inline-flex;
		justify-content: center;
		background-color: white;
		color: var(--colore-primario);
	}

	/***********************
	 * IMMAGINI
	 * ********************/
	img.logo-preloader{
		width: auto;
		max-height: 80%;
	}
	.custom-logo img{
		height: 80px;
		width: auto;
	}
	img{
		max-width: 100%;
		height: auto;
	}
	.favicon-partner {
		width: 150px;
		height: 150px;
	}
	.immagine-partner{
		min-height: 400px;
		max-height: 500px;
	}
	.favicon-partner, .immagine-partner{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.immagine-membro, .immagine-professionista{
		height: auto;
		border-radius: 50%;
		border: 5px solid var(--colore-secondario);
	}
	.immagine-membro {
		max-width: 200px;
	}
	.immagine-professionista {
		margin-top: 80px;
		width: 400px;
    max-width: 100%;
	}
	.img-membro {
		display: flex;
		align-items: end;
		margin-top: -100px;
		margin-bottom: -100px;
		justify-content: center;
	}
	.singola-news img{
		max-height: 230px;
		object-fit: cover;
		object-position: top;
	}
	.singola-iniziativa img{
		height: 300px;
		object-fit: cover;
	}
	/* SINGOLA NEWS HOME */
	.swiper-slide .singola-news img{
		max-height: 190px;
		object-fit: cover;
	}
	.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after, .swiper-button-prev::after, .swiper-rtl .swiper-button-next::after{
		content: unset!important;
	}
	.swiper-button-next i, .swiper-button-prev i{
		font-size: 30px;
	}
	.swiper-button-next, .swiper-button-prev{
		width: 50px!important;
		height: 50px!important;
		border-radius: 50%;
		border: 1px solid var(--colore-primario);
	}
	img.icona-pdf, img.icona-esterna{
		height: auto;
		max-width: 50px;
	}
	.img-professionista {
	  z-index: 1;
		text-align: center;
	  position: relative;
	}
	div.sfondo-icona-fondazione {
		width: 90px;
		height: 90px;
		display: flex;
		padding: 40px 0;
		border-radius: 50%;
		align-items: center;
		margin-bottom: 40px;
		justify-content: center;
	}
	div.sfondo-icona-fondazione img{
		max-width: 60px;
	}
	div.spazio-fondazione{
		padding: 0;
		margin: 80px 0px;
	}

	/***********************
	 * TITOLI
	 * ********************/
	.titolo-breadcrumb{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.separatore{
		padding-left: 10px;
		padding-right: 10px;
		color: var(--colore-secondario);
	}
	h1, h2{
		color: var(--colore-primario);
		margin: 40px 0;
	}
	.row.descrizione h2{
		margin: 20px 0!important;
	}
	h1{
		font-size: var(--font-size-primario);
	}
	h2{
		font-size: var(--font-size-secondario);
	}
	.next-gen-summer-school h2{
		font-weight: bold;
		font-size: 2rem;
		margin-top: 4rem;
		margin-bottom: 10px;
		text-transform: uppercase;
	}
	.next-gen-summer-school h2.accordion-header, .single-corsi h2.accordion-header{
		margin-top: 0;
		margin-bottom: 0;
	}
	h3{
		color: var(--colore-primario);
		font-size: var(--font-size-testo);
		margin-bottom: 30px;
	}
	h1.titolo-pagina, h1.titolo-cts{
		margin-top: 60px;
		margin-bottom: 40px;
		font-size: var(--font-size-primario);
		font-weight: var(--font-weight-primario);
	}
	h1.titolo-nextgen{
		margin-top: 40px;
		margin-bottom: 40px;
		font-size: var(--font-size-primario);
		font-weight: var(--font-weight-primario);
	}
	h2.titolo-contatti{
		font-size: 36px;
		font-weight: 700;
		text-align: center;
		margin-bottom: 40px;
	}
	.cta-newsletter p.cta{
		font-weight: 700;
		margin-bottom: 40px;
		text-align: center;
		font-size: var(--font-size-primario);
	}
	.titolo-categoria {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.titolo-professionista{
		font-weight: 700;
		margin-top: 100px;
		font-size: var(--font-size-secondario);
	}
	.titolo-membro{
		font-size: 30px;
		font-weight: 700;
		text-transform: capitalize;
	}
	h1.titolo-corso{
		padding: 0 5%;
		font-size: 40px;
		font-weight: 700;
	}
	h2.descrizione-corso{
		font-size: 30px;
		font-weight: 700;
		text-align: center;
		padding-bottom: 40px;
		text-transform: uppercase;
	}
	.titolo-form-corsi, h2.titolo-corsi-attivi, h2.titolo-archivio-corsi, h2.titolo-rivolge, h3.titolo-rivolge, h2.titolo-seminari-e-workshop, h2.titolo-eventi-e-convegni, h2.titolo-news {
		font-size: 30px;
		font-weight: 700;
		margin-top: 60px;
		text-align: center;
		margin-bottom: 40px;
	}
	h3.titolo-singola-categoria-ricerche, h3.titolo-singola-categoria-formazione{
		font-size: 1.75rem;
		margin:0;
	}
	h3.titolo-rivolge{
		color: var(--colore-primario);
	}
	h2.titolo-interesse{
		color: white;
		font-weight: 700;
		margin-top: 40px;
		margin-bottom: 40px;
	}
	h2.titolo-corsi-attivi, h2.titolo-archivio-corsi, h2.titolo-rivolge, h2.titolo-interesse, h2.titolo-eventi-e-convegni, h2.titolo-seminari-e-workshop, h2.titolo-news{
		font-size: 40px;
	}
	.titolo-form-corsi span{
		display: block;
		margin-top: 10px;
		font-style: italic;
	}
	h3.titolo-singolo-corso, h3.titolo-singola-news, h3.titolo-singola-ricerca, h3.titolo-singola-iniziativa{
		font-size: 24px;
		font-weight: 700;
		color: var(--colore-primario);
	}
	h3.titolo-singola-news, h3.titolo-singola-iniziativa {
	  overflow: hidden;
	  min-height: 60px;
	  max-height: 60px;
	  display: -webkit-box;
	  -webkit-line-clamp: 3;
	  text-overflow: ellipsis "...";
	  -webkit-box-orient: vertical;
	}
	h3.titolo-singola-categoria-formazione{
		color: white;
		text-align: center;
	}
	h3.titolo-icona{
		font-size: var(--font-size-secondario);
		color: var(--colore-primario);
		font-weight: 700;
	}
	h2.titolo-chi-siamo{
		font-size: var(--font-size-primario);
		font-weight: 700;
		margin-top: 80px;
		margin-bottom: 60px;
	}
	.sfondo-vision p, .sfondo-vision h2 {
	  color: white;
	}
	.sfondo-vision h2, .sfondo-mission h2{
		margin-bottom: 40px;
	}
	.descrizione h3 a{
		font-size: 1.75rem;
	}
	h3.titolo-img-slide-home{
		color: white;
	}
	h1.titolo-partner{
		margin-bottom: 40px;
	}
	/***********************
	 * LINK
	 * ********************/
	a.link-icona, img.icona-categoria, .loghi-home img{
		transition: .8s;
	}
	a.link-icona:hover, img.icona-categoria:hover, .loghi-home img:hover {
	  transform: scale(1.2);
	  transition: .8s;
	}
	a {
		font-size: var(--font-size-testo);
		color: var(--colore-primario);
		font-weight: 700;
	}
	#menu-top-header a{
		color: white;
	}
	.single main p a{
		font-weight: 700;
		color: var(--colore-primario);
	}
	a.link-partner {
		font-size: var(--font-size-testo);
		font-weight: 700;
		color: var(--colore-primario);
	}
	.link-archivio-cts a{
		color: var(--colore-primario);
	}
	a.link-cts span{
		margin-right: 10px;
	}
	a.link-pdf {
	  display: inline-flex;
	  gap: 20px;
	  margin-top: 20px;
	  align-items: center;
	}
	a.link-singola-categoria h3{
		color: white;
		padding: 20px;
		text-align: center;
	}
	a.link-nextgen{
		border: 0;
		color: white;
		font-size: 24px;
		border-radius: 0;
		padding: 10px 30px;
		margin-top: 40px;
		display: inline-block;
		text-transform: uppercase;
		background-color: var(--colore-primario);
	}
	/***********************
	 * ALTRO
	 * ********************/
	div.pulsante.chi-siamo{
		margin-top: 60px;
		text-align: left;
		margin-left: 25px;
	}
	div.pulsante{
		text-align: center;
		margin-bottom: 60px;
	}
	.pulsante-scopri{
		position: relative;
		font-size: 18px;
		font-weight: 400;
	}
	.pulsante-scopri::before{
		content: ">";
		width: 30px;
		height: 100%;
		position: absolute;
		left: -26px;
		top: -3px;
	}
	.btn-close{
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")!important;
	}
/*	ul{
		list-style-position: inside;
	}*/
	p, li, i {
		font-size: var(--font-size-testo);
	}
	main p, article p, main li, main i{
		color: var(--colore-primario);
	}
	.next-gen-summer-school table tbody td{
		color: var(--colore-primario);
		padding: 15px;
	}
	table tbody td{
		padding: 20px;
		border: 1px solid rgba(60,60,60,0.07);
	}
	table{
		width: 100%;
		margin-top: 40px;
		margin-bottom: 40px;
		overflow-x: scroll;
		display: block;
	}
	.cerca{
		padding-left: 16px;
		padding-right: 16px;
	}
}

/* TABLET */

@media (min-width: 768px) {

	:root{
		--font-size-primario:35px;
		--font-size-secondario:30px;
	}

	/********************************
	 * HEADER
	 * *****************************/
	header{
		height: 150px;
	}
	#fixamenu{
		height: 150px;
	}
	.page-id-2 header{
		background-color: transparent;
	}
	.site-logo{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.senza-before.menu-primario::before, .senza-before.menu-primario::after{
		content: unset;
	}
	li.menu-primario::before {
		content: "";
		width: 100%;
		height: 1px;
		left: -100%;
		bottom: -1px;
		position: absolute;
		background-color: var(--colore-footer);
	}
	li.menu-primario::after {
		content: "";
		width: 100%;
		height: 1px;
		left: -100%;
		top: -1px;
		position: absolute;
		background-color: var(--colore-footer);
	}
	.info-img-slide-home{
		bottom: 60px;
		padding: 40px;
	}
	h3.titolo-img-slide-home {
  	margin-bottom: 30px;
	}
}

/* LAPTOP */
@media (min-width: 1366px) {

	:root{
		--font-size-primario:40px;
		--font-size-secondario:30px;
	}

	/************************************
	 * HEADER
	 * *********************************/
	#lente{
		padding: 1.2rem 1rem;
		border-radius: 0 10px 10px 0px;
	}

	/****************************
	 * SWIPER
	 * *************************/
	.swiper-home-next, .swiper-home-prev{
		top: auto!important;
		bottom: calc(0% + 13%);
		border-color: white;
		right: 30px !important;
	}
	.swiper-home-next i, .swiper-home-prev i{
		color: white;
	}
	.swiper-home-prev{
		left: 89%!important;
	}
	.info-img-slide-home{
		padding-right: calc(0% + 20%);
	}
}

/* DESKTOP */
@media (min-width: 1680px) {
	
}