/*
Theme Name: Nayla Child
Description: Child theme for the Nayla. Child themes are the recommended way of making modifications to a theme. <a href="http://codex.wordpress.org/Child_Themes">Read More</a>
Author: PeThemes
Author URI: http://pethemes.site
Template: nayla
*/


/* =Theme customization starts here
-------------------------------------------------------------- */

/*personalizzazione breakpoints font H1, H2, H3, H4, H5, p, span*/
h1, .text-h1 {
  line-height: 102px !important;
  font-size: 108px !important;
}
h2, .text-h2 {
  font-size: 64px;
  line-height: 70px;
}
h3, .text-h3 {
  font-size: 51px;
  line-height: 67px;
}
h4, .text-h4 {
  font-size: 36px;
  line-height: 42px;
}
h5, .text-h5 {
  font-size: 28px;
  line-height: 34px;
}
h6, .text-h6
{
	font-size: 21px;
  line-height: 27px;
}
p, .text-p {
  font-size: 16px;
  line-height:22px;
}
/*a
{
	font-size: 16px !important;
}*/
/*il display:grid tagliava il testo del menu fullscreen*/
.elementor-4855 .elementor-element.elementor-element-51ab6fb.elementor-element {
	display: contents !important;
}

#servizi .text-h1
{
    font-size: 80px !important;
	line-height: 100px !important;
}
#titolo-creative .text-wrapper span.dynamic{
	align-content: center !important;
    width: 12.1em;
    padding-top: 24px !important;
    padding-left: 0px !important;
	padding-bottom: 0!important; 
    margin-bottom: 0!important;
    height: auto !important;
}
#titolo-creative .tt
{
	height: 1.6em !important;
}

/*stefano modifica colore contenuto carosello progetti*/
#post-2297 .post-2297 .carousel--navigation span,
.carousel--fraction > span  {
	color: #000000 !important;
}
#scritta-grande p
{
    line-height: 200px !important;
    font-size: 210px !important;
}
/*stefano modifica colore in hover lista awards*/
ul.nayla-awards-list li:hover span
{
	color: #000000 !important;
}
/*aumentare dimensione anno oscar di bilancio nella tabella*/
#awards ul.nayla-awards-list span:nth-child(3)
{
	font-size:24px !important;
}

.project-title .marquee-wrap
{
	color: #ffffff !important;
}

/*stefano modifica colore cursore di controllo carosello progetti in home*/
.carousel-controls
{
	color: black;
}
.carousel-controls > div {
    float: right !important;
    padding-top: 25px;
}
/*stefano in progetto AMCO toglie margine da colonna prima dello slider di foto*/
#amco-col1 .pinned
{
	transform: none !important;
}
/*Stefano aggiunta testo dopo Next*/
.carousel--navigation:nth-child(1) span:after {
  content: " Project -->";
  font-size:20px;
	
}
.carousel--navigation > span:first-child::after,
.carousel--fraction > span:first-child::after {
    display: none !important;
}
/*stefano uppercase testi awards in pagina creative*/
ul.nayla-awards-list li a {
    text-transform: uppercase;
}
/*dimensione loghi partner pagina creative*/
.nayla-clients-grid .client a img {
    max-width: 140px !important;
    max-height: 130px !important;
}
.client a 
{
	pointer-events: none;
cursor: default;
}
#slide-text h2
{
	font-size: 140px;
}

#manifesto .nayla-info-box-content p:nth-child(1)
{
	margin-bottom: 0px !important;
	
}
#manifesto .nayla-info-box-content p:nth-child(2)
{
	margin-top: 0px !important;
}
#oscar-bilancio .text-h3{
	margin-top: 25px !important;
}
#contatti-titolo .text-h2
{
	margin-top: 25px !important;
}
#contatti
form.wpcf7-form > div label
{
	position: relative !important;
}
#contatti form.wpcf7-form > div.active label {
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    opacity: .5;
    top: 0px!important;
    padding-bottom: 10px;
}
#contatti input:-internal-autofill-selected {
    appearance: none !important;
    background-image: none !important;
    background-color: black !important;
    color: #ffffff !important;
}
#tutti-progetti .nayla-button 
{
	display: none !important;
}

#services-hp .elementor-column.elementor-col-33, .elementor-column[data-col="33"] {
   display: contents !important;
	}
/*stefano modifiche a pagina 404*/
#error .marquee-wrap
{
	width: 800px !important;
}
#error .seperator {
	width: 400px !important;
	min-width: 400px !important;
} 
#error .md-title {
    font-size: 500px !important;
    line-height: 550px !important;
    margin: 0 !important;
    letter-spacing: 0 !important;
}
#social-impact span.material-icons
{
	display: block;
}
.social-impact i{
    font-size: 15px !important;
}
/*modifica al form di pagina contatti inglese*/
.elementor-page-15440 .wpcf7-form .wpcf7-list-item
	{
		margin: 30px 0px 0px!important; /*aggiunta di un margine alla casella di controllo dell'informativa privacy*/
	}
/*modifica al form di pagina contatti*/
.elementor-page-5050 .wpcf7-form .wpcf7-list-item
	{
		margin: 30px 0px 0px!important; /*aggiunta di un margine alla casella di controllo dell'informativa privacy*/
	}
/*@media only screen and (max-width: 1600px)
{
.elementor-4855 .elementor-element.elementor-element-51ab6fb ul.menu.main-menu li {
	font-size: 70px !important;
}
}
@media only screen and (max-width: 1200px)
{
.elementor-4855 .elementor-element.elementor-element-51ab6fb ul.menu.main-menu li {
	font-size: 50px !important;
}
}*/
@media only screen and (max-width:1098px)
{
	#testo-grande .big-title{
	font-size: 160px !important;
	line-height: 170px !important;
	}
}
@media only screen and (max-width: 1024px) {
#titolo-creative h1
	{
		font-size: 110px !important;
		line-height: 120px !important;
	}
	#scritta-grande p {
    line-height: 120px !important;
    font-size: 100px !important;
}
	
	/*modificha loghi pagina creative*/
	#loghi-partner .nayla-clients-grid {
    -ms-grid-columns: 1fr 1fr !important;
    grid-template-columns: 1fr 1fr !important;
}
	#loghi-partner .nayla-clients-grid .client a img {
    max-width: 200px !important;
    max-height: 200px !important;
}
	/* Modifiche a pagina progetti, visualizzazione verticale */
	
#titoli-progetti .project-title, .text-h1 {
  line-height: 54px !important;
  font-size: 50px !important;
}
#titoli-progetti .pin-spacer
	{
	height: auto;
	padding: 0px 0px 0px;
}
#titoli-progetti .showcase-wall.fullscreen
	{
		position: unset !important;
	}

/*questo modifica la direzione dell'elenco progetti*/	
 .sw-projects-wrap {
    transform: none !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
	#titoli-progetti .text-wrapper p
{
	display: none;
}
#titoli-progetti .c-col-6 {
  width: 100% !important;
}
	/*modifica distanza dall'alto del div nella visualizzazione tablet*/
	.showcase-wall{
	max-height: 1130px !important;
	height: 1130px !important;
}
	.showcase-wall-wrap {
    top: 50% !important;
}
	/* questo comando modifica l'altezza settandola su auto*/
.showcase-wall.fullscreen {
    height: auto;
}
	/*nasconde linee*/
.showcase-wall .showcase-project::after {
    display: none !important;
}
.showcase-wall .showcase-project {
    padding-left: 50px !important;
    padding-bottom: 0 !important;
}
	/*modifica distanza punti indice, top e left, e opacità'*/
	.showcase-wall .showcase-project .project-index {
	top: 45px !important;
    left: 25px !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    opacity: .3 !important;
}
#talent .position
	{
		display: contents;
	}
}

@media screen and (min-width: 540px) and (max-width: 992px) {
	.elementor-3416 .elementor-element.elementor-element-751aef6 .text-wrapper > * {
    font-size: 180px !important;
    line-height: 250px !important;
	}
}
/*pilati fissare menu sticky*/

@media(max-width: 767px) {
    .elementor-4855 .elementor-element.elementor-element-0110e55 ul.menu.main-menu li {
        font-size: 28px !important;
        line-height: 1.0em !important;
    }
	/*stefano dimensioni font breakpoint mobile*/
	.elementor-4855 .elementor-element.elementor-element-c60c571 > .elementor-container {
    min-height: 75vh !important;
}
	

}

@media only screen and (max-width: 749px) {
#servizi .text-h1
{
    font-size: 45px !important;
	line-height: 60px !important;
}
#titoli-progetti .project-title, .text-h1 {
  line-height: 22px !important;
  font-size: 20px !important;
}
#titoli-progetti .c-col-6 {
  width: 100% !important;
}
#talent .text-h1
	{
  line-height: 90px !important;
  font-size: 95px !important;
}
#contact .text-h1
	{
  line-height: 55px !important;
  font-size: 55px !important;
	}
	
#titoli-progetti .c-col-6 {
  width: 100% !important;
}
	/*modifica distanza dei titoli progetti dall'alto del div nella pagina WORKS*/
	.showcase-wall{
	max-height: 630px !important;
	height: 630px !important;
}
	.showcase-wall-wrap {
    top: 50% !important;
}
	/* questo comando modifica l'altezza settandola su auto*/
.showcase-wall.fullscreen {
    height: auto;
}
	/*nasconde linee*/
.showcase-wall .showcase-project::after {
    display: none !important;
}
.showcase-wall .showcase-project {
    padding-left: 50px !important;
    padding-bottom: 0 !important;
}
	/*modifica distanza punti indice, top e left, e opacità'*/
	.showcase-wall .showcase-project .project-index {
	top: 25px !important;
    left: 25px !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    opacity: .3 !important;
}
	.elementor-page-11886 .project-page-header.fullscreen-image .project-image {
    top: 100px !important;
}
	
}


@media only screen and (max-width: 540px) {
	#titolo-creative .text-wrapper span.dynamic{
    padding-top: 15px !important;
}
#titolo-creative h1
	{
		font-size: 40px !important;
		line-height: 50px !important;
	}
#scritta-grande p {
    line-height: 65px !important;
    font-size: 65px !important;
}
	#loghi-partner .nayla-clients-grid {
    -ms-grid-columns: 1fr 1fr !important;
    grid-template-columns: 1fr 1fr !important;
}
	#loghi-partner .nayla-clients-grid .client a img {
    max-width: 110px !important;
    max-height: 100px !important;
}
	#awards ul.nayla-awards-list span:nth-child(3)
{
	font-size:18px !important;
}
	/*modifica scrtte grandi che scalano*/
	.elementor-3416 .elementor-element.elementor-element-040f26d .text-wrapper > * {
    font-size: 85px !important;
	line-height: 194px !important;
}
	.elementor-3416 .elementor-element.elementor-element-751aef6 .text-wrapper > * {
    font-size: 75px !important;
	line-height: 184px !important;
}
	
	/*modifca altezza sezione immagine progetti*/
	.elementor-21 .elementor-element.elementor-element-5d17b10 > .elementor-container {
    min-height: 70vh !important;
}
#slide-text .md-title
	{
	font-size:50px !important;
}
.elementor-3416 .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1140px;
    margin: 0;
    padding: 0;
    line-height: 0;
}
#hp-slide .md-title {
    font-size: 30px !important;
    padding: 0;
    margin: 0;
    line-height: 0;
}
#hp-slide .nayla-marquee i {
    padding: 0 20px !important;
}
	/*modifica distanza dei titoli progetti dall'alto del div nella pagina WORKS*/
	.showcase-wall{
	max-height: 630px !important;
	height: 630px !important;
}
	.showcase-wall-wrap {
    top: 0% !important;
}
	
	.elementor-2297 .elementor-element.elementor-element-b9e8da2 .nah-col {
    padding-left: 5px !important;
	padding-right: 5px !important;
}
	.elementor-2297 .elementor-element.elementor-element-b9e8da2 .awards-col {
    padding-left: 5px !important;
	padding-right: 5px !important;
}
	/*stefano modifiche a pagina 404*/
#error .marquee-wrap
{
	width: 300px !important;
}
#error .seperator {
	width: 150px !important;
	min-width: 150px !important;
} 
#error .md-title {
    font-size: 200px !important;
    line-height: 250px !important;
    margin: 0 !important;
    letter-spacing: 0 !important;
}
.elementor-page-11886 .project-page-header.fullscreen-image .project-image {
    top: 100px !important;
}
}
/*pilati fissare menu sticky*/
#mgp-fixed-menu .hide-sticky{
    opacity: 1 !important;
    transform: translate(0px, 0px) !important;
}

#mgp-fixed-menu .site-logo{
    opacity: 1 !important;
    display: block !important;
}
#mgp-fixed-menu .sticky-logo{
    display: none !important;
}

#mgp-fixed-menu .sticky-light-logo{
    display: none !important;
}
#masthead{
    background-color: #000000 !important;
}

/*pilati personalizzazione pulsante play video*/
.nayla-video .play-icon.icon::after{
    background: rgba(255, 255, 255, .7) !important;   
    
}

.nayla-video .play-icon {
  width: 50px !important;
  padding-left: 10px;
}
/*pilati personalizzazione pulsante play video*/

/*pilati personalizzazione pulsante play video*/
.white-link .nayla-scroll-button, .white-link .text-icon{
    color: #ffffff !important;
}
/*pilati personalizzazione pulsante play video*/

.grecaptcha-badge{z-index: 999 !important;}

/*Cookiebot*/
.CybotCookiebotDialogNavItem h1{font-size: 15px !important; line-height: 24px !important; font-weight: 600 !important; }
.cookieconsent-optout-marketing a{text-decoration:underline !important;}
.cookieconsent-optout-marketing img{opacity:.5;}
#white .cookieconsent-optout-marketing, #white .cookieconsent-optout-marketing a{color:#ffffff !important}
/*per inserimento video yuotube come iframe, senza utilizzo del plugin*/
.rwd-video {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}
.rwd-video iframe,
.rwd-video object,
.rwd-video embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.hytPlayerWrap.ended::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; cursor: pointer; background-color: black; background-repeat: no-repeat; background-position: center; background-size: 64px 64px; background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiB2aWV3Qm94PSIwIDAgNTEwIDUxMCI+PHBhdGggZD0iTTI1NSAxMDJWMEwxMjcuNSAxMjcuNSAyNTUgMjU1VjE1M2M4NC4xNSAwIDE1MyA2OC44NSAxNTMgMTUzcy02OC44NSAxNTMtMTUzIDE1My0xNTMtNjguODUtMTUzLTE1M0g1MWMwIDExMi4yIDkxLjggMjA0IDIwNCAyMDRzMjA0LTkxLjggMjA0LTIwNC05MS44LTIwNC0yMDQtMjA0eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==);
}
.hytPlayerWrap.paused::after { content: ""; position: absolute; top: 0px; left: 0; bottom: 0px; right: 0; cursor: pointer; background-color: black; background-repeat: no-repeat; background-position: center; background-size: 40px 40px; background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEiIHdpZHRoPSIxNzA2LjY2NyIgaGVpZ2h0PSIxNzA2LjY2NyIgdmlld0JveD0iMCAwIDEyODAgMTI4MCI+PHBhdGggZD0iTTE1Ny42MzUgMi45ODRMMTI2MC45NzkgNjQwIDE1Ny42MzUgMTI3Ny4wMTZ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
}

/*id full-youtube per video a fullscreen*/
#full-youtube img{width:100% !important}