
/* -----------------------------------
	CUSTOM CSS
------------------------------------- */

/* ELEMENTS */
.nascosto {display:none !important;}

#footer input[type=text]::placeholder,
#footer input[type=email]::placeholder {color:#fff;opacity:0.7;}
#footer input[type=text]:-ms-input-placeholder,
#footer input[type=email]:-ms-input-placeholder {color:#fff;opacity:0.7;}
#footer input[type=text]::-ms-input-placeholder,
#footer input[type=email]::-ms-input-placeholder {color:#fff;opacity:0.7;}

/* MENU  */

.header-dark nav#main-nav > ul > li ul.sub-menu:before {background-color:#262626;}
.header-dark nav#main-nav > ul > li ul.sub-menu > li > a, 
.header-dark nav#main-nav > ul > li ul.sub-menu > li > a span {color:#fff;}


/* HERO */
html  #hero.hero-auto {min-height:  75vh;}

/* VERTICALE */
#verticale i {font-size: 18px;}
#verticale .titolo {text-transform: lowercase;}


/* HPs BLOG GRID BLOCK */

.bdrhome #blog-grid, .page-template-formazione_hp #blog-grid,
.page-template-produzioni #blog-grid, .page-template-kids_hp #blog-grid, 
.page-template-innovazione #blog-grid {
    background-color:#666;
    /*padding-bottom: 60px;*/
    border-bottom: 4px solid tomato;
}

#blog-grid .wrapper-medium.primalista {margin-bottom: 60px;}

#newshp {background-color:#fff;padding-top: 40px;padding-bottom: 60px;}

.bdrhome #newshp h4.entry-title, .page-template-formazione_hp #newshp h4.entry-title,
.page-template-produzioni #newshp h4.entry-title, .page-template-kids_hp #newshp h4.entry-title, 
.page-template-innovazione #newshp h4.entry-title {
    color:#666;
}

/* FOOTER */

#footer .col-content {font-size:14px;}
#footer #text-2 {margin-top:25px;}

.home.bdrhome #footer, #footer {
    background-color: tomato;
}
#footer .footer-inner {color: rgba(0,0,0,0.61);}
#footer .footer-inner a {color: black; border-color: black!important;}
#footer .footer-inner .contatti-home a:hover,
#footer .footer-inner #text-3 a:hover {color: white; border-color: white!important;}

.contatti-home {display:block !important;}

/* HOME */

#loghihp.loghi-sotto {padding: 126px 0px 80px;}
#loghihp .supporto {padding-bottom:20px;color:#666;}

.bdrhome #menu-hp h3 {
    display: inline-block;
    font-size: 65px;
    font-family: 'Anton';
    text-transform: uppercase;
}

.bdrhome .line-produzione, .bdrhome .line-formazione, .bdrhome .line-kids, .bdrhome .line-news, .bdrhome .example-enough-space{
	color: white;
}

.bdrhome #in-evidenza,
.bdrhome #blog-grid,
.bdrhome #newshp {display:none;}
.bdrhome #lista {height: 0px !important;}

.bdrhome #newshp {}
.bdrhome #newshp a:hover .entry-title {
    color: tomato !important;
}

.listaprodotti {background: #000; margin:0!important; padding-top:40px; padding-bottom:80px;}
.listaprodotti .lista {padding:25px 0px;}

/* Slist */
.bdrhome .slist-hover-media span.media-image {height: 300px !important; width: 450px !important;}
.bdrhome .tithp.dinamico small {display:none !important;}

.news-holder .slist .slist-item a:hover h4 {
    color: tomato;
}

/* HP produzione, formazione, innovazione, kids */
.page-template-kids_hp #portfolio-grid1, .page-template-formazione_hp #portfolio-grid1, 
.page-template-innovazione #portfolio-grid1 {background: tomato;}

.page-template-formazione_hp .current_page_item > a .default,
.page-template-formazione_hp .current_page_item > a .hover,
.page-template-formazione_hp .current-page-ancestor > a .default,
.page-template-formazione_hp .current-page-ancestor > a .hover,
.page-template-formazione_hp .sub-menu .current_page_item span,

.page-template-kids_hp .current_page_item > a .default,
.page-template-kids_hp .current_page_item > a .hover,
.page-template-kids_hp .current-page-ancestor > a .default,
.page-template-kids_hp .current-page-ancestor > a .hover,
.page-template-kids_hp .sub-menu .current_page_item span,

.page-template-innovazione .current_page_item > a .default,
.page-template-innovazione .current_page_item > a .hover,
.page-template-innovazione .current-page-ancestor > a .default,
.page-template-innovazione .current-page-ancestor > a .hover,
.page-template-innovazione .sub-menu .current_page_item span {
  color:white; font-weight: bold!important;
}

.page-template-kids_hp .portfolio-name.h1, .page-template-formazione_hp .portfolio-name.h1, 
.page-template-produzioni .portfolio-name.h1, .page-template-innovazione .portfolio-name.h1 {font-family: "Anton";color:#000;}

.page-template-kids_hp #in-evidenza .wrapper-small, .page-template-formazione_hp #in-evidenza .wrapper-small, 
.page-template-produzioni #in-evidenza .wrapper-small, .page-template-produzioni #blog-grid .wrapper-small {padding-bottom:60px;}

.page-template-kids .corsi-content .slist-wrapper.style-grid {padding:0px !important;}

/* Scroll Down */
#portfolio-top {position:relative;}
#portfolio-top #scrolldown2 {
	position: absolute;
	left: 0px;
	bottom: 20px;
	z-index: 100;
	width: 100%;
}

#portfolio-top #scrolldown2 .right {
	text-align: right;
}

#portfolio-top #scrolldown2 .center {
	text-align: center;
}

#portfolio-top #scrolldown2 .scroll-button2 {
	font-size: 11px;
	line-height: 20px;
	color: rgba(0,0,0,0.31);
	position: relative;
	display: inline-block;
    cursor:pointer;
	}
#portfolio-top #scrolldown2 .scroll-button2:hover {
	color: #000;
	}
#portfolio-top #scrolldown2 .scroll-button2.scroll-light {
	color: rgba(255,255,255,0.48);
	}
#portfolio-top #scrolldown2 .scroll-button2.scroll-light:hover {
	color: #fff;
	}

#portfolio-top #scrolldown2 .scroll-button2 span {
	border: 1px solid rgba(0,0,0,0.11);
	width: 50px;
	height: 50px;
	float: left;
	display: block;
	border-radius: 25px;
	position: relative;
	transform: rotate(90deg) translateX(-15px);
	margin-right: 20px;
	}
#portfolio-top #scrolldown2 .scroll-button2.scroll-light span {
	border-color: rgba(255,255,255,0.28);
	}
#portfolio-top #scrolldown2 .right .scroll-button2 span {
	margin-left: 20px;
	float: right;
	}
#portfolio-top #scrolldown2 .center .scroll-button2 span {
	position: absolute;
	top: -60px;
	left: 50%;
	transform: translateX(-50%) rotate(90deg);
	}

#portfolio-top #scrolldown2 .scroll-button2 svg {
	fill: #000;
	width: 14px;
	transform: translateX(-50%) translateY(-50%);
	position: absolute;
	top: 50%;
	left: 52%;
	}
#portfolio-top #scrolldown2 .scroll-button2.scroll-light svg {
	fill: #fff;
	}

/* Staff */

.page-template-staff .wrapper-small.breadc {display:block !important;}
.page-template-staff .staffer {
    min-height: 330px;
    margin: 7px;
    padding: 3px 10px;
}

.page-template-staff h5 {clear:both;}
.page-template-staff .staffer .size-thumbnail {width: 100% !important;margin: 0px !important;}
.page-template-staff .staffer .anagrafica .nomecognome {line-height:1.1em;font-size:25px;}
.page-template-staff .staffer .anagrafica .ruolo {color:#000;} 

/* Innovazione */
.page-template-innovazione .portfolio-name.h1{font-size: 52px; line-height: 50px;}

/* PRODUZIONE */
.page-template-produzioni #verticale {display: block !important;}
.page-template-produzioni .listaprodotti .toggle-item {display:block;}

#in-evidenza h2.titolo-interno {color:#fff;padding-bottom:0px;}

/* Portfolio */
.single-portfolio #hero.hero-auto {
    min-height:  75vh;
}

/* FORMAZIONE */
.page-template-formazione_hp #staff .slick-slide:not(:first-child) {margin-left: 75px;}

.page-template-formazione_hp #staff .membro-organico .badge-interno {width: 200px;}
.page-template-formazione_hp #staff .membro-organico img {width:200px !important;}
.page-template-formazione_hp #staff .membro-organico img, 
.page-template-formazione_hp #staff .membro-organico .anagrafica {
    display:block;
    margin-top:15px;
}
.page-template-formazione_hp #staff .membro-organico .nomecognome {line-height:1em;font-size:25px; }
.page-template-formazione_hp #staff .membro-organico .ruolo {color:#000;}

.page-template-formazione_hp #staff .slick-arrow {top:100%; bottom:auto !important;}
.page-template-formazione_hp #staff .slick-next{left:calc(50% + 30px)}
.page-template-formazione_hp #staff .slick-prev{left:calc(50% - 30px);}

.page-template-formazione_hp #staff .slick-arrow{text-indent:-99999px;}
.page-template-formazione_hp #staff button.slick-arrow {background-color: transparent!important; cursor:pointer; width:30px; height:45px; position:absolute; z-index:9; border:0px !important;padding:0 !important; margin:0px !important; border-radius:0px !important;  -webkit-transition-duration: 0.4s;  transition-duration: 0.4s;}
.page-template-formazione_hp #staff button.slick-next {background:rgba(0,0,0,0.5) url(arrow-right.png) center center no-repeat !important; background-size:25px 25px !important; outline:none !important; box-shadow: none;}
.page-template-formazione_hp #staff button.slick-prev{background:rgba(0,0,0,0.5) url(arrow-left.png) center center no-repeat !important; background-size:25px 25px !important;  outline:none !important; box-shadow: none;}
.page-template-formazione_hp #staff button.slick-next:hover, 
.page-template-formazione_hp #staff button.slick-next:focus,
.page-template-formazione_hp #staff button.slick-prev:hover,
.page-template-formazione_hp #staff button.slick-prev:focus{background-color:rgba(0,0,0,0.8) !important;}

.page-template-formazione .tithp.dinamico {text-transform:none;}

/* Archivio Workshop */

/*cambiare per pagina Workshop e Archivio Workshop*/

.category-list.grid-filter{padding: 5px 10px;}
.portfolio-filter span{border: 1px solid black; padding: 5px 10px;}

.page-template-workshop #verticale .titolo{background: black!important;}
.page-template-workshop #area-pilota{background: black!important;}

.page-template-workshop .widget-title span.current{display: inline-block!important;}
.page-template-workshop .widget-title span{display: none!important;}

/* Lista tutte le produzioni */

.page-template-workshop #verticale .titolo span{color: black!important;}
.page-template-workshop .portfolio-name,
.page-template-corsi-kids .portfolio-name, 
.page-template-workshop-kids .portfolio-name,
.page-template-workshop-archivio .portfolio-name {font-size: 52px!important; line-height: 50px!important;}


/* Chi Siamo */
.page-template-chi-siamo .wrapscelta a.scelta {font-size:23px; text-decoration:none;border:0px;margin:2px 2%;}
.page-template-chi-siamo .wrapscelta a.scelta:before {content: '+';}
.page-template-chi-siamo .wrapscelta a.attivo:before {content: '-';}
.page-template-chi-siamo .wrapscelta a.scelta.attivo {border-bottom: 1px solid black;}

.page-template-chi-siamo .wrapcompagnia, .page-template-chi-siamo .wrapscuola, 
.page-template-chi-siamo .wrapfondatori, .page-template-chi-siamo .wrappartner, 
.page-template-chi-siamo .wrapstaff {display:none;}

.page-template-chi-siamo .wrapmission h3, .page-template-chi-siamo .wrapcompagnia h3, 
.page-template-chi-siamo .wrapscuola h3, .page-template-chi-siamo .wrapfondatori h3, 
.page-template-chi-siamo .wrappartner h3, .page-template-chi-siamo .wrapstaff h3 {font-family:"Anton";}  

.page-template-chi-siamo .spento{display: none;}
.page-template-chi-siamo .rimuovi.spento, .page-template-chi-siamo .filtro.spento, 
.page-template-chi-siamo .fprod.spento, .page-template-chi-siamo .fform.spento{opacity:0.3; display:inline-block!important;}
.page-template-chi-siamo #filtri{margin-bottom: 50px;}
.page-template-chi-siamo .filtro, .page-template-chi-siamo .fprod, 
.page-template-chi-siamo .fform{line-height:20px; padding: 1px 5px; border:1px solid black; margin-right: 10px; word-wrap: white-space: nowrap; display: inline-block; font-size:13px; margin-bottom: 6px;}
.page-template-chi-siamo .rimuovi{
margin-left: -5px!important;
    line-height: 20px;
    padding: 1px 5px;
    border: 1px solid  black;
    margin-right: 10px;
    word-wrap: white-space: nowrap;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 6px;
}

.page-template-chi-siamo .wrapstaff h5 {clear:both;margin-bottom: 15px;padding: 35px 0px 25px;font-family: 'Anton';font-size: 35px;}

.page-template-chi-siamo .staffer {min-height: 475px;margin: 7px;padding: 3px 10px;}
.page-template-chi-siamo .anagrafica{display: inline-block;margin-top:15px;}
.page-template-chi-siamo .staffer .anagrafica .nomecognome {font-family: 'Anton';line-height:1.1em;font-size:25px;}
.page-template-chi-siamo .staffer .anagrafica .ruolo {font-family: DM Sans!important; font-size:18px!important;color:#000;} 

.page-template-chi-siamo .wrappartner {background-color:#fff;}

/*  --- STAFF ---  */
.page-template-staff #vista_staff h5 {clear:both;margin-bottom: 15px;padding: 35px 0px 25px;font-family: 'Anton';font-size: 35px;}
.page-template-staff .staffer {min-height: 475px;margin: 7px;padding: 3px 10px;}
.page-template-staff .anagrafica{display: inline-block;margin-top:15px;}
.page-template-staff .staffer .anagrafica .nomecognome {font-family: 'Anton';line-height:1.1em;font-size:25px;}
.page-template-staff .staffer .anagrafica .ruolo {font-family: DM Sans!important; font-size:18px!important;color:#000;} 


/* Responsive */

@media only screen and (max-width: 1079px) {
    .page-template-chi-siamo .wrapscelta a.scelta {margin:2px;}
}


@media only screen and (max-width: 860px) {
    /* home */
    .listaprodotti .tipo2_slider {
        transform: none;
        position: relative;
        left: 0 !important;
        top: auto;
    }
    .page-template-chi-siamo .wrapscelta a.scelta {clear:both;}
}

@media only screen and (max-width: 640px) {
    
    /* home */
    .listaprodotti .tipo2_slider {
        transform: none;
        position: relative;
        left: 0;
        top: auto;
    }
    .listaprodotti .sinistra .titolo2_slider, .listaprodotti .sinistra .testo2_slider {
        text-align: left;
    }
    
    .page-template-archivio-produzioni .slist .slist-item,
    .page-template-workshop-archivio .slist .slist-item {margin-bottom:30px;}
    .page-template-archivio-produzioni .slist .slist-item h4,
    .page-template-archivio-produzioni .slist .slist-item span {display: block;}
    
}

