/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */



/* ==========================================================================
   WEBFONT
   ========================================================================== */

@font-face {
    font-family: 'standard_ct_boldbold';
    src: url('../webfonts/standardct_bold_macroman/standard-bold-webfont.eot');
    src: url('../webfonts/standardct_bold_macroman/standard-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/standardct_bold_macroman/standard-bold-webfont.woff2') format('woff2'),
         url('../webfonts/standardct_bold_macroman/standard-bold-webfont.woff') format('woff'),
         url('../webfonts/standardct_bold_macroman/standard-bold-webfont.ttf') format('truetype'),
         url('../webfonts/standardct_bold_macroman/standard-bold-webfont.svg#standard_ct_boldbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'standard_ct_lightlight';
    src: url('../webfonts/standardct_light_macroman/standard-light-webfont.eot');
    src: url('../webfonts/standardct_light_macroman/standard-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/standardct_light_macroman/standard-light-webfont.woff2') format('woff2'),
         url('../webfonts/standardct_light_macroman/standard-light-webfont.woff') format('woff'),
         url('../webfonts/standardct_light_macroman/standard-light-webfont.ttf') format('truetype'),
         url('../webfonts/standardct_light_macroman/standard-light-webfont.svg#standard_ct_lightlight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'standard_ctmedium';
    src: url('../webfonts/standardct_medium_macroman/standard-medium-webfont.eot');
    src: url('../webfonts/standardct_medium_macroman/standard-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/standardct_medium_macroman/standard-medium-webfont.woff2') format('woff2'),
         url('../webfonts/standardct_medium_macroman/standard-medium-webfont.woff') format('woff'),
         url('../webfonts/standardct_medium_macroman/standard-medium-webfont.ttf') format('truetype'),
         url('../webfonts/standardct_medium_macroman/standard-medium-webfont.svg#standard_ctmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html, body, ul, ol, li { margin:0px; padding:0px;}
button,
input,
select,
textarea {
    color: #666;
}
input,
select,
textarea {
	font-size:16px
}
html {
	font-size:62.5%;
}
html, body { margin:0; padding: 0; height: 100%; width: 100%;}
a { text-decoration:none; color:#3c3cff}
body {
	color:#333333;
	background-color: #ffffff;
	font-family: 'standard_ctmedium';
}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: rgba(239, 220, 152, 0.99);
    text-shadow: none;
	color:#FFF;
}

::selection {
    background: rgba(239, 220, 152, 0.99);
    text-shadow: none;
	color:#FFF
}

*:focus {outline:0;outline-style: none;}
/*
 * A better looking default horizontal rule
 */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #7777ff; font-family: 'standard_ctmedium';
}
::-moz-placeholder { /* Firefox 19+ */
  color: #7777ff;font-family: 'standard_ctmedium';
}
:-ms-input-placeholder { /* IE 10+ */
  color: #7777ff;font-family: 'standard_ctmedium';
}
:-moz-placeholder { /* Firefox 18- */
  color: #7777ff;font-family: 'standard_ctmedium';
}

input[type=submit] {
  -webkit-appearance: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.field_codice_embed_youtube {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}
.field_codice_embed_youtube iframe,
.field_codice_embed_youtube object,
.field_codice_embed_youtube embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}


/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
	max-width:100%;
	width:auto;
	height:auto;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
	border:1px solid #cead4b;
	padding: 1em;
	margin-top: 2em;
}
legend {
	font-size: 1.2em
}
/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.blocco_homepage, .path-frontpage .spazio_acd_blocco { display:none;}
.blocco_homepage .field_singoli_blocchi { margin-top:3rem}
.blocco_homepage .field_titolo_grande, .spazio_acd_blocco h2 { font-family: 'standard_ctmedium'; color: #666666; font-size:2.5rem; line-height: 1.06; margin-bottom: 1rem; margin-top: 2rem; font-weight: normal;}
.blocco_homepage .field_titolo_piccolo { font-family: 'standard_ctmedium';font-size: 1.4rem }
.blocco_homepage .field_immagine_blocco_hp { margin:1rem 0}
.blocco_homepage .field_link_del_blocco a { display:inline-block; text-indent: -9999px; white-space: nowrap; background-image: url("../images/freccia_dx_bianca.svg"); background-repeat: no-repeat; background-size: 11px 11px; background-position: center; background-color:#000000; border-radius:50%; width: 21px; height: 21px; }

.facebook { padding:1rem; padding-left:4rem; display: inline-block; background-image: url("../images/facebook-square-blu.svg"); background-size: 3rem 3rem; background-repeat: no-repeat; background-position: left center}

/*login*/
.path-en-user-login .admin_tabs, .path-en-user-login .scroll, .path-en-user-login .briciole, .path-en-user-login .footer { display:none}
.path-en-user-login label { display:block; font-size: 2em; margin-top: 1em}
.path-en-user-login input { padding: 0.5em; font-size: 2em; margin: 0.5em 0}
.path-en-user-login .description { font-size: 1.5em; }
.path-en-user-login .js-form-submit { font-size: 2.5em; color: #FFFFFF; background-color:#0e3f69; padding: 0.5em 2em; border: none; cursor: pointer; text-transform: uppercase; border-radius: 0; margin-top: 1.5em; -webkit-transition: all .3s ease; transition: all .3s ease; }
.path-en-user-login .js-form-submit:hover { color: #0e3f69; background-color:#efdc98; }

/*maintenance*/
.maint_logo {background: url(../images/logo.svg) no-repeat ; width: 30em; height: 15em; margin-top: 3em; margin-left: 3em; }
.maint_text { margin:3em;}
.maint_text h1{ margin:0; padding: 0; font-size: 3em; color:#0e3f69; font-family: 'Volkhov', serif; font-weight: normal; letter-spacing: 10px; text-transform: uppercase}
.maint_text p {margin:0; padding: 0; font-size: 2em; letter-spacing: 2px; margin-top: 1em}

/*admin*/
.admin_tabs { position:relative; z-index: 200; padding-bottom: 10em}
.admin_tabs ul { list-style:none; margin: 0; padding: 0}
.admin_tabs ul li { display: inline-block}
.admin_tabs ul li:first-child { display:none}
.admin_tabs ul li a { display: inline-block; font-size: 1.1em; text-transform: uppercase;padding: 0.5em 1em; margin-right: 1em; margin-bottom: 1em; border: 1px solid #000; background: #fff; color:#000000;-webkit-transition: all .3s ease; transition: all .3s ease; }
.admin_tabs ul li a:hover {background: #0e3f69; color:#fff }
/*div[aria-label="Status message"], .status_messages {font-size: 2em; padding: 2em 0; padding-bottom: 1em; border-bottom: 5px solid #000; margin-bottom: 1.5em; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5)}*/
.messages_full .messages > div {font-size: 2em; padding: 2em;  position: fixed; width: 25%; background: url(../images/close_blu.svg) no-repeat rgba(255,255,255,0.9); background-position: 97% 11%;  z-index: 100000000; color: #333333; box-sizing: border-box;  background-size: 2rem; text-align: center; right: 2rem; bottom:2rem; border:1px solid #0e3f69; cursor: pointer;}
.messages_full .messages ul { list-style:none;}


.branding, .brand_contatti, .brand_ricerca, .path-frontpage.alto_fisso .branding { padding:0 1.5rem; padding-bottom: 2rem; border-bottom:1px solid #3c3cff; margin: 0; box-sizing: border-box; padding-top: 1.5em; position: fixed; width: 100%; z-index: 3; background-color: #fff; top: 0; }
.branding, .path-frontpage.alto_fisso .branding { padding-right:10rem;}
.brand_contatti, .brand_ricerca { position:relative; border: none; z-index: auto; background: none; padding-right: 10rem}
.path-frontpage .branding { position: relative; width: auto}
.branding a, .brand_contatti a, .brand_ricerca a { font-size: 1.8em; display: block; line-height: 1.15}
.brand_contatti a, .brand_ricerca a { color:#FFFFFF}

.contact_window, .ricerca { display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: #fd676a; color: #FFFFFF; z-index: 5; background-image: url(../images/logo_bianco.svg); background-repeat: no-repeat; background-size: 60px; background-position: 1.5em calc( 100% - 1.5em ); overflow: auto}
.contact_window a { color:#FFFFFF; -webkit-transition: all .3s ease; transition: all .3s ease;}
.contact_window a:hover { color:#000000;}
.ricerca { background-color: #3c3cff; }
.content-wrap { z-index:2; position: relative; background-color: #FFFFFF; padding-bottom: 10em; min-height:calc( 100vh - 25rem); box-sizing: border-box; }
.content, .path-frontpage.alto_fisso .content { padding-top:7em}
.triangle { display:none;}
.contatti, .cerca { margin: 0 1.5rem; font-size: 1.5em;line-height: 1 }

.cerca { color: #7777ff; }
.cerca .form-search { font-size:2rem; background:none; border: none; width: 80%; padding: 2rem; color:#7777ff; padding-top: 5rem; font-family: 'standard_ctmedium'; margin-left: -2rem; }
.cerca .form-actions { display: none;}
.blocco_contatti { font-size:1.5rem; padding-bottom: 10rem;line-height: 1; }
.field_contatti_specifici { float:none; padding-top: 1rem; border-top:1px solid #FFFFFF; width: auto;}
.singolo_contatto { padding-left:0rem;}
.singolo_contatto div { margin-top:2rem; padding-top: 1rem; border-top:1px solid #FFFFFF; max-width: 40rem;}
.singolo_contatto div:first-child {}
.singolo_contatto p { margin: 0; padding: 0;}

.menu_main {display: block; position: relative;   }
.menu_main ul li, .menu_service ul li { display: block; margin: 0 1.5rem;margin-top: 1.5rem;}
.menu_service ul li { display: inline-block;}
.menu_main ul li a, .menu_main ul li span, .menu_service ul li a, .menu_service ul li span, .path-frontpage .menu_main ul li span.is-active { color:#b2b2b2; font-size: 2.6em; display: block; margin-right: 2rem; -webkit-transition: all .3s ease; transition: all .3s ease; cursor: pointer;}
.menu_service ul li a, .menu_service ul li span { margin-right: 0; margin-left: 0rem;font-size: 1.8rem;}
.menu_service ul li.menu-item--active-trail a { color: #000000 }
.menu_main ul li a:hover, .menu_service ul li a:hover, .menu_main ul li span:hover, .menu_service ul li span:hover, .menu_main ul li a.is-active, .menu_main ul li span.is-active, .path-frontpage .menu_main ul li span.is-active:hover { color:#ffffff;}
.menu_main_aperto ul li a.is-active, .menu_main_aperto ul li a:hover, .menu_main_aperto ul li span:hover, .menu_main_aperto ul li span.is-active, .path-frontpage .menu_main_aperto ul li span.is-active:hover { color:#ffffff}

.menu_service { display: block;}
.menu_service ul { list-style: none;}



.menu_main ul li .menu_sottomenu { position: relative; width: 100vw; padding: 0 1.5em; padding-top: 1em; box-sizing: border-box; display: none; z-index: 11}
.menu_main ul li ul { display:none;}
.menu_main ul li ul li { display: block}
.menu_main ul li ul li a { color:#7777ff; font-size: 1.8em;-webkit-transition: all .3s ease; transition: all .3s ease;  }
.menu_main ul li ul li a:hover, .menu_main ul li ul li a.is-active { color:#ffffff;}

.submenu, .path-frontpage.alto_fisso .submenu { position:fixed; padding-top: 0em; width: 100%; top:0; padding-bottom: 0em; z-index:3;background-color:#3c3cff; height: 100%; display: none;}
.path-frontpage .submenu { position: relative; padding-top: 0;}
.sottomenu, .path-frontpage.alto_fisso .sottomenu { display:none; position: absolute;background-color:rgba(60,60,255,0.98); top:calc( 7em - 1px ); width: 100%; height: calc( 100vh - 7em + 1px ); padding: 0 1.5em; padding-top: 6em; box-sizing: border-box; background-image: url(../images/logo_bianco.svg); background-repeat: no-repeat; background-size: 60px; background-position: 1.5em calc( 100% - 1.5em );   }
.path-frontpage .sottomenu { top:-1px}
.sottomenu ul { list-style:none; margin: 0; padding: 0}
.sottomenu a { color:#7777ff; font-size: 4.5em;-webkit-transition: all .3s ease; transition: all .3s ease;  }
.sottomenu a:hover { color:#ffffff;}
.sottomenu .menu_altro a.is-active { color:#ffffff;}
.menu_chi_siamo { }
.close, .close_contact, .close_ricerca, .close_nota, #cboxClose { position: absolute; right:1.5em; top:1.5em; width: 3.5em; height: 3.5em; border-radius: 50%; border:solid 1px #FFFFFF; text-align: center; line-height: 3.5; opacity: 0.5; -webkit-transition: all .3s ease; transition: all .3s ease; cursor: pointer; z-index: 20}
.close { display:none}
.close:before, .close:after,.close_contact:before, .close_contact:after,.close_ricerca:before, .close_ricerca:after, #cboxClose:before, #cboxClose:after {position: absolute;left: 1.7em;content: ' '; height: 2em; width: 1px; background-color: #FFFFFF;top: 0.7em }
.close_nota { border:solid 1px #3c3cff; top: -2.5rem; left: 0;width: 1.4rem; height: 1.4rem; background-image: url(../images/close_blu.svg); background-position: center; background-repeat: no-repeat; background-size: 1rem; display: none;}
.close { right:3em}
.close:before,.close_contact:before,.close_ricerca:before,.close_nota:before, #cboxClose:before {  transform: rotate(45deg);}
.close:after,.close_contact:after,.close_ricerca:after,.close_nota:after, #cboxClose:after {  transform: rotate(-45deg);}
.close:hover,.close_contact:hover,.close_ricerca:hover,.close_nota:hover, #cboxClose:hover { opacity: 1}


.briciole { display:none}
.titolo {font-family: 'Lusitana', serif; margin:0 1.5rem;  }
.titolo h1 { margin: 0; padding: 0; font-size: 2.6rem}
.contenuti, .comitato_doc {font-family: 'Lusitana', serif; margin:0 1.5rem; font-size: 2rem; padding-right: 0%; position: relative; z-index: 1}
.field_paragrafo ul, .field_paragrafo ol {margin-left: 2rem; margin-bottom: 3rem}
.field_paragrafo ul li, .field_paragrafo ol li {margin-bottom: 1rem}
.path-vacanze .contenuti { padding-right:0}
.contenuti .body {font-size: 2rem; line-height: 1.16 }
p.note {font-size: 1.6rem;}
.path-frontpage .contenuti .body {font-size: 2rem; line-height: 1.06; display: block;  }
.contenuti a { color:#b2b2b2; -webkit-transition: all .3s ease; transition: all .3s ease;}
.contenuti a:hover { color:#333333}
.contenuti a.ancora { color:#333333; display: inline/*-block*/; margin-right: 2rem; position: relative;}
.contenuti a.ancora:hover, .contenuti a.nota:hover { text-decoration: underline;}
.contenuti a.nota { color:#333333; display: inline/*-block*/; margin-right: 0rem; position: relative;  }
.contenuti a.ancora:after { content:""; background-image: url(../images/freccia_giu.svg); position: absolute; /*right: -1.9rem;*/ margin-left:0.2rem; bottom: 0.6rem; background-color: #b6b6b6; width: 1.4rem; height: 1.4rem; border-radius: 50%; background-size: 0.9rem; background-position: center; background-repeat: no-repeat;-webkit-transition: all .3s ease; transition: all .3s ease; border:1px solid #b6b6b6 }
.contenuti .paragraph a.nota:after { bottom: 0.3rem; }
.contenuti a.ancora:hover:after {background-color: #000000; border:1px solid #000000  }
.contenuti a.nota:hover:after { background-image: url(../images/freccia_dx.svg); background-color: #3c3cff; border-bottom:1px solid #3c3cff; }
.contenuti a.acd20_verde { color:#00ff00; position: relative; padding-left: 3rem}
.contenuti a.acd20_verde:hover { padding-left: 4rem}
.contenuti a.acd20_verde:before { content:""; width: 20px; height: 20px; background-image:url("../images/freccia_dx_nera.svg"); background-color:#00ff00; background-size: 10px; background-repeat: no-repeat; position: absolute; left: 0; top: 0; background-position: center; border-radius: 50%; }
/*.field_testo_approfondimento a {height: 1.8rem;}*/
/*.path-frontpage .contenuti { font-size:3.5em}*/
.contenuti p { padding:0; margin: 0; margin-bottom: 1em}
#block-yi-custom-content { }
.node_trasporto #block-yi-custom-content, .node_reclamo #block-yi-custom-content, .node_esposizione #block-yi-custom-content, .node_dashboard #block-yi-custom-content, .node_incidente #block-yi-custom-content { min-height:0;}
.field_scarica_allegati, .field_allegato, .field_titolo_blocco_allegati, .field-scarica-allegati { color:#3c3cff; font-size: 1.5rem; font-family: 'standard_ctmedium'; /*margin-top:1.5rem;*/ margin-left: 3rem; }
.field_scarica_allegati a, .field_allegato a, .field-scarica-allegati a {color:#3c3cff; display: block; background: url(../images/download_icon.svg) no-repeat; margin-left: -3rem; padding-left: 3rem; background-size: 2rem;}

.field-scarica-allegati .comitato_allegati { margin-left:-3rem; margin-top:1rem; margin-bottom: 0.5rem; color: #b2b2b2; border-bottom: 1px solid #b2b2b2; padding-bottom: 0.5rem; width: 40%}

/*webform*/
.webform_interno, .webform-interno { margin: 0 1.5rem; font-size:1.5rem; font-family: 'Lusitana', serif; margin-top: 2rem; padding-top: 2rem;border-top: 1px solid #3c3cff;margin-right: 1rem; box-sizing: border-box;}
.form-iscrizione-wrapper.webform_interno { margin-right:0}
.webform_interno#block-views-dashboard-direttore, .webform_interno#block-views-dashboard-direzione, .webform-interno { margin-right:0}
.webform-interno { margin:0}
.js-form-type-radio { margin-top:2rem; display: flex; align-items: flex-start;}
.webform_interno_mod, .webform-interno-mod { margin-left: 0; margin-right: 0}
.webform_interno label, .webform-interno label{ display: block; margin-top: 2rem; position: relative}
.webform_interno #edit-partecipa-a label { display:inline-block}
.webform_interno label.option, .webform-interno label.option{ margin-top: 0; padding-left: 1rem; padding-top: 0.5rem;}
.webform_interno label.js-form-required, .webform-interno label.js-form-required { color: #B90000;}
.webform_interno label.js-form-required:after, .webform-interno label.js-form-required:after{ content:"*"; color: #B90000; margin-left: 0.5rem; font-size: 3rem; position: absolute; margin-top: -0.5rem}
.webform_interno .js-form-type-date, .webform_interno .js-form-type-webform-time, .webform-interno .js-form-type-date, .webform-interno .js-form-type-webform-time { display: inline-block; margin-right: 3rem;}
.webform_interno .description, .webform-interno .description { text-align: right; font-style: italic; color: #3c3cff}
.webform_interno input, .webform_interno textarea, .webform_interno select, .webform-interno input, .webform-interno textarea, .webform-interno select, .user-login-form input, .user-pass input, .user-form input { font-size: 16px; font-family: 'Lusitana', serif; padding: 1rem; border:1px solid #3c3cff; width: 100%; margin-top: 0.5rem;  background: transparent; box-sizing: border-box; }
.vista-dash-utenti .views-row { padding-bottom:0.5rem; border-bottom:1px dotted #efefef; margin-bottom:0.5rem}
.vista-dash-utenti .views-row div { display:inline-block; padding-right: 2rem;}

.user-pass input { margin-bottom:1rem;}
.webform_interno input.form-radio, .webform-interno input.form-radio{ width: auto; text-align: left; }
.webform_interno select, .webform-interno select { height: 4rem; border: none; margin-top: 0 }
.webform_interno .select_wrapper, .webform-interno .select_wrapper { border:1px solid #3c3cff; width:100%; margin-top: 0.5rem;}
.webform_interno .form-submit, .webform-interno .form-submit, .user-login-form .js-form-submit, .user-pass .js-form-submit,
.user-pass-reset .js-form-submit, .user-form .js-form-submit, .bottone_blu, .contenuti a.bottone_blu { background-color:#3c3cff; color: #FFFFFF;  font-family: 'Lusitana', serif; padding: 1rem 3rem; font-size: 2rem; border: 0; margin-top: 2rem; width: auto; text-decoration: none; display: inline-block;}
.webform_interno .form-submit.is-disabled, .webform-interno .form-submit.is-disabled, .user-login-form .js-form-submit.is-disabled,
.user-pass .js-form-submit.is-disabled, .user-pass-reset .js-form-submit.is-disabled, .user-form .js-form-submit.is-disabled {background-color: #61666f
}
.webform_interno .webform-required, .webform-interno .webform-required {color: #B90000; font-size: 1.6rem; margin-bottom: 2rem}
.webform_interno .form-checkbox, .webform-interno .form-checkbox { display: none;}
.webform_interno .form-item-payment-acceptation .form-checkbox,
.webform_interno .form-item-newsletter .form-checkbox { display: inline-block; width: 2rem}
.webform_interno .form-item-newsletter  { margin-top:1rem}
.webform_interno .form-item-payment-acceptation label,
.webform_interno .form-item-newsletter label { display:inline-block;}
.webform_interno .toggle-slide, .webform_interno .toggle-blob, .webform-interno .toggle-slide, .webform-interno .toggle-blob { z-index: 1;}

.webform_interno .form-item-pickup-address-number > label,
.webform_interno .form-item-pickup-address-number > label,
.webform_interno .form-item-prelievo-domicilio > label {
  margin-top: 0 !important;
}
.webform_interno .form-item-prelievo-domicilio,
.webform_interno .form-item-pickup-custom-address,
.webform_interno .form-item-destination-custom-address,
.webform_interno .form-item-domicile-custom-address {
  margin-top: 2rem;
}
.webform_interno .webform-readonly.readonly .form-textarea {
  border: 0 !important;
  padding: 0;
  color: #4848b5;
}

.webform_interno.webform_evento .form-checkbox {
  appearance: none;
  background-color: #fff;
  margin: 0;
  font: inherit;
  color: #3c3cff;
  width: 1.15em;
  height: 1.15em;
  border: 1px solid #3c3cff;
  border-radius: 0.15em;
  transform: translateY(-0.075em);display: grid;
  place-content: center;
}
.webform_interno.webform_evento .form-checkbox::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #3c3cff;
}

.webform_interno.webform_evento .form-checkbox:checked::before {
  transform: scale(1);
}
.webform_interno.webform_evento .js-form-type-checkbox label { margin-top:-2.5rem; margin-left: 2.5rem}
.webform_interno.webform_evento .js-form-type-checkbox { margin-top:1.5rem; margin-bottom:0.5rem}
.webform_interno.webform_evento .description { font-style: normal; color: #3c3cff; font-size: 1.2rem; text-align: left; margin-left: 3.5rem; margin-top: 0.5rem }
.webform_interno.webform_evento .description strong { font-size: 1.5rem; color:#000000; padding-bottom: 0.5rem; display: block; line-height: 1.6rem}
.webform_interno.webform_evento .js-form-type-checkbox label em { font-style: normal; color: #666666; font-size: 1.2rem; }
.webform_interno.webform_evento .js-form-type-checkbox label em.finito { color: #B90000;}

.webform_interno.webform_evento .form-disabled .form-checkbox { color: #999999; border: 1px solid #999999;}
.webform_interno.webform_evento .form-disabled { color: #999999; }
.webform_interno.webform_evento .form-item-newsletter { margin-top:3rem; }
.webform_interno.webform_evento .form-item-newsletter label { position:absolute; }
.webform_interno.webform_evento .form-item-numero-accompagnatori-pranzo, .webform_interno.webform_evento .modulo_partecipante, .webform_interno.webform_evento .form-item-orario-passeggiata { margin-left:3.5rem}


.user-login-form .description, .user-form .description { font-size:1.2rem; margin-top: 0.5rem; }
.user-login-form labe, .user-form label { margin-top: 2rem; display: block;}
.password-suggestions ul { padding-left:2rem;}
.reset_password { font-size:1.4rem; padding-left: 1.5rem; padding-top: 1rem; }
#block-yi-custom-help, .webform_interno_mod #webform-submission-navigation-, .webform_interno_mod details, .webform-interno_mod #webform-submission-navigation-, .webform-interno_mod details { display:none;}
.form-composite.webform-fieldset--title-inline legend { float:none; }
.form-composite.webform-composite-visible-title legend { border-bottom:1px solid #3c3cff; width: 100%; padding-bottom: 0.5rem;}
.direzione_sanitaria_style_wrapper { background-color:#efefef; padding: 2rem; margin-top:2rem;}
.direzione_sanitaria_style_wrapper h2 { margin:0; padding: 0; color: #3c3cff; font-family: 'standard_ctmedium';}
.role-direzione_sanitaria .webform_interno .no_direzione_sanitaria input,
.role-direzione_sanitaria .webform_interno .no_direzione_sanitaria textarea,
.role-direzione_sanitaria .webform_interno .no_direzione_sanitaria select,
.role-direzione_sanitaria .webform_interno .no_direzione_sanitaria .js-form-type-webform-toggle,
.role-direzione_acd .webform_interno .no_direzione_sanitaria input,
.role-direzione_acd .webform_interno .no_direzione_sanitaria textarea,
.role-direzione_acd .webform_interno .no_direzione_sanitaria select,
.role-direzione_acd .webform_interno .no_direzione_sanitaria .js-form-type-webform-toggle,
.role-direzione_sanitaria .webform-interno .no_direzione_sanitaria input,
.role-direzione_sanitaria .webform-interno .no_direzione_sanitaria textarea,
.role-direzione_sanitaria .webform-interno .no_direzione_sanitaria select,
.role-direzione_sanitaria .webform-interno .no_direzione_sanitaria .js-form-type-webform-toggle,
.role-direzione_acd .webform-interno .no_direzione_sanitaria input,
.role-direzione_acd .webform-interno .no_direzione_sanitaria textarea,
.role-direzione_acd .webform-interno .no_direzione_sanitaria select,
.role-direzione_acd .webform-interno .no_direzione_sanitaria .js-form-type-webform-toggle { pointer-events:none; }
.webform-submission-navigation { display:none;}
/*.da_completare { background-color:#F8CF9B}*/
.vista-dashboard table { width:100%; margin: 0; padding: 0; border-spacing: 0; border-collapse: collapse; }
.vista-dashboard table td { padding:0.5rem;  margin: 0;border-top:1px dotted #ccc; font-size: 1.4rem;}
.vista-dashboard table tr:hover td { background-color: #efefef;}
.vista-dashboard table th { padding:1rem; text-align: left; font-size: 1.5rem}
.vista-dashboard {}
.vista-dashboard .views-exposed-form { display:flex; align-items: flex-end; margin-bottom: 3rem;}
.vista-dashboard .views-exposed-form div { margin-right:1rem;}

.spostato { margin-left:3.5rem}


.home_img { z-index:3; position: relative; display: block;}
.home_blocco { width:100%; position: relative; height: 100vh}
.freccia_giu { content:""; position: absolute; width: 5.5rem; height: 5.5rem; background-image: url(../images/freccia_giu.svg); background-position: center; background-repeat: no-repeat; border: 1px solid #ffffff; border-radius: 50%; bottom: 3rem; left: 0; right: 0; margin: 0 auto; background-size: 2rem; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease; opacity: 0.5}
.freccia_giu:hover { opacity: 1}
.field_logo_a { position:absolute; font-size: 15em; color: #FFFFFF; top: 3rem;line-height: 0.7; left: 1.5rem; }
.field_logo_c { position:absolute; font-size: 15em; color: #FFFFFF; top: 3rem;line-height: 0.7; right: 1.5rem; }
.field_logo_d { position:absolute; font-size: 15em; color: #FFFFFF; bottom: 3rem;line-height: 0.8; right: 1.5rem}
.field_etichetta_associazione { font-size:1.8em; color:#FFFFFF; position: absolute; bottom:25rem; left: 1.5rem; line-height: 1.15}


/*PARA*/
.field_titolo_approfondimento { font-weight:bold; border-top:1px solid #3c3cff; margin-top: 5rem; padding-top: 0.5rem}
.field_titolo_approfondimento h2, .comitato_doc .views-field-title, .blocco_homepage .field_titolo_piccolo { margin: 0; padding: 0; font-size: 1.8rem; line-height: 1.25; font-family: 'standard_ctmedium'; margin-bottom: 2rem}
.comitato_doc .views-field-title { font-weight:bold; border-top:1px solid #3c3cff; margin-top: 2rem; padding-top: 0.5rem; cursor: pointer;}
.paragraph--type--nota { position:absolute; right: 5%; width: 20%; font-family: 'standard_ctmedium'}
.field_titolo_della_nota { display:none; font-size: 1.2rem; color: #3c3cff; font-weight: bold; position: relative; cursor: pointer; line-height: 1.2 }
.field_titolo_della_nota:after { content:" "; background-image: url(../images/freccia_giu_blu.svg); background-position: center; background-repeat: no-repeat; width: 1rem; height: 1rem; background-size: 1rem; position: absolute; right: -1.5rem;-webkit-transition: all .3s ease; transition: all .3s ease; }
.field_titolo_della_nota_giu:after { transform:rotate(180deg)}
.field_testo_della_nota { display:none; font-size: 1.2rem;color: #3c3cff; line-height: 1.25}
.field_testo_della_nota p { margin: 0}
.field_testo_della_nota ul { margin-left: 1.5rem}
.field_testo_approfondimento, .paragraph--type--interno-ad-approfondimento .field_testo, .progetti_testo_body p, .comitato_doc { font-size:1.6rem; line-height: 1.2; padding-right: 0rem}
.field_testo_approfondimento ul, .comitato_doc ul, .field_testo_approfondimento ol, .comitato_doc ol { /*list-style: none*/ margin-left: 2.5rem; margin-bottom: 2rem}
.comitato_doc ul { list-style:none}
/*.field_testo_approfondimento p { margin: 0}*/
.field_testo_approfondimento h3, .paragraph--type--interno-ad-approfondimento h3 { margin: 0; padding: 0; font-size: 1.6rem; padding-top: 2rem}
p.indentato {text-indent: 2rem; margin-bottom: 1rem}
.field_testo_approfondimento table, .field_testo table, .field_blocco_appuntamenti table { width:100%;border-collapse: collapse; border:1px solid #b2b2b2; border-left: 0}
.field_testo_approfondimento th, .field_testo th, .field_blocco_appuntamenti th { text-align: left; padding: 1rem; font-size: 1.8rem; background-color:#3c3cff; color:#FFFFFF }
.field_testo_approfondimento td, .field_testo td, .field_blocco_appuntamenti td { border-top:1px solid #b2b2b2; padding: 1rem; margin: 0;  }
.field_blocco_appuntamenti { font-size: 1.6rem; line-height: 1.2; padding-right: 0rem;}
.paragraph--type--blocco-di-allegati { margin-bottom:2rem;}

/* SEARCH */
.node_search .titolo h1 { margin:0; padding: 0; color: #3c3cff; text-transform: capitalize;font-family: 'standard_ctmedium'; font-size: 4rem; font-weight: normal; padding-bottom: 2rem; }
.node_search .search-form { display:none;}
.node_search .contenuti h2 { margin: 0; padding: 0; font-size: 1.8rem; line-height: 1.25; font-family: 'standard_ctmedium';border-top: 1px solid #3c3cff; padding-top: 0.5rem; margin-bottom: 2rem}
.node_search ol { margin:0; padding: 0; margin-left: 1.5rem; font-family: 'standard_ctmedium';font-size: 1.8rem; color: #b2b2b2}
.node_search ol li p { font-size: 1.8rem; line-height: 1.2;font-family: 'Lusitana', serif; color: #333333}
.node_search ol h3 { margin: 0; padding: 0; line-height: 1.25;font-size: 1.8rem; font-weight: normal;}

.due_colonne td:first-child, .field_blocco_appuntamenti table td:first-child { width:30vw}

.field_foto_del_personale { padding-bottom: 2rem; display: flex;}
.field_foto_del_personale>div { margin-right:1rem}
.field_foto_del_personale a { position:relative; display: inline-block;}
.field_foto_del_personale a:before { content:""; display: block; width: 100%; height: 100%; background-color: rgba(60,60,255,0.6); z-index: 2; position: absolute; -webkit-transition: all .3s ease; transition: all .3s ease;}
.field_foto_del_personale a:hover:before { background-color: rgba(60,60,255,0.1);}

.field_grafico, .field_immagine_svg { margin:5rem 0}
.field_immagine_di_sezione { margin-bottom:2rem;}

.footer { position:relative; background-color: #666666; width: 100%; color:#000; padding: 0 1.5em; z-index: 1; box-sizing: border-box; padding-bottom: 2rem; padding-top: 1.5em;   }
.footer_testo { font-size:1.2em; font-family: 'standard_ct_lightlight'; line-height: 1.2; letter-spacing: 1px; background-image: url(../images/ACD_logoo.svg); background-repeat: no-repeat; background-size: 130px; background-position: top left; padding-top: 5em;}
.footer_testo a { color:#000; -webkit-transition: all .3s ease; transition: all .3s ease;}
.footer_testo a:hover { text-decoration: underline}
.footer_testo strong { font-family: 'standard_ctmedium'; font-weight: normal}
.footer_fb, .footer_ig { font-family: 'standard_ctmedium'; font-size:1.2em; line-height: 1.2; letter-spacing: 1px; order: 5}
.footer_donazione a { font-family: 'standard_ctmedium'; font-size:1.2em; line-height: 1.2; letter-spacing: 1px; color:#000;  padding-top: 5em; background-size:30px; background-position:0; display: inline-block; background-repeat: no-repeat;background-image: url("../images/ACD_donazione.svg"); }
.footer_fb a { color:#000; background-image: url("../images/ACD_facebook.svg"); padding-bottom: 0px; background-size:30px; background-position: 0px 20px; display: inline-block; background-repeat: no-repeat; padding-top: 5em;}
.footer_ig a { color:#000; background-image: url("../images/instagram.svg"); padding-bottom: 0px; background-size:30px; background-position: 0px 20px; display: inline-block; background-repeat: no-repeat; padding-top: 5em;}


#block-yi-custom-local-tasks ul { margin: 2rem}
#block-yi-custom-local-tasks ul li { display:inline-block; }
#block-yi-custom-local-tasks ul li a { display: block; border:1px solid #3c3cff; font-size: 1rem; padding: 1rem 2rem; margin-right: 1rem; text-transform: uppercase; letter-spacing: 2px; -webkit-transition: all .3s ease; transition: all .3s ease;}
#block-yi-custom-local-tasks ul li a:hover { color:#FFFFFF; background-color:#3c3cff; }

.agenda_vista { border-bottom:1px dotted #b2b2b2;  margin-top: 2rem;}
.agenda_vista .views-row, .evento-content-wrapper { border-top:1px dotted #b2b2b2; padding-top: 2rem; padding-bottom: 2rem; display: flex; flex-direction: column}
.agenda_vista .views-field-parent-id { font-size: 1.2rem; padding-bottom: 0.5rem;font-family: 'standard_ctmedium';}
.agenda_vista .views-field-parent-id a { color:#3c3cff;}
.views-field-field-luogo, .agenda_gen_luogo { color:#3c3cff; font-size: 1.2rem; font-family: 'standard_ctmedium';}
.agenda_vista .views-field-field-testo-cd { font-size: 1.8rem;}
.agenda_vista .agenda_time_1, .agenda_gen_data .agenda_time_1 { font-size: 1rem; text-transform: uppercase; text-align: center;font-family: 'standard_ctmedium';}
.agenda_vista .agenda_time_2, .agenda_gen_data .agenda_time_2 { font-size: 1rem; font-size: 4rem; text-align: center;font-family: 'standard_ct_boldbold';}
.agenda_vista .agenda_time_3, .agenda_gen_data .agenda_time_3 { font-size: 1.3rem; text-transform: uppercase; text-align: center;font-family: 'standard_ctmedium';}
.agenda_vista .views-field-field-data .field-content, .agenda_gen_data { padding: 1rem; border:1px solid #b2b2b2 }
.agenda_vista .views-field-field-testo-cd .field-content p:last-child{ padding-bottom: 0rem; margin-bottom: 0}
.agenda-destra, .agenda_gen_dx { padding-left:0rem;}
.agenda-titolo { font-weight:bold; padding-bottom: 2rem; display: block; padding-top: 0.5rem}

/*.agenda_vista > div > div >div:last-child { display:none;}*/

.field_logo { padding-bottom:2rem;}
.field_indirizzo, .field_telefono, .field_email, .field_attivita, .field_sito_web { padding-bottom: 2rem;}
.field_indirizzo div, .field_telefono div, .field_email div, .field_attivita > div:last-child, .field_sito_web div { padding-left: 1rem;}
.field_indirizzo div:first-child, .field_telefono div:first-child, .field_email div:first-child, .field_attivita > div:first-child, .field_sito_web > div:first-child { font-size:1.1rem; padding-bottom: 0.5rem; text-transform: uppercase; padding-left: 0rem;color:#3c3cff; border-bottom:1px solid #3c3cff; margin-bottom: 1rem; }
.paragraph--type--attivita-centri-diurni .field_data { padding-bottom: 0.5rem; text-transform: uppercase;color:#3c3cff; font-size: 1.2rem;}

.progetti_speciali_vista {}
.progetti_speciali_vista > div > div, .video_blocco > div > div {display: grid; grid-template-columns: repeat(1, 1fr);grid-gap: 1.5rem; padding: 1.5rem; }
.progetti_speciali_vista .views-row, .video_blocco .views-row {position: relative; }
.progetti_speciali_vista .views-row .views-field-field-immagine-di-preview .field-content, .video_blocco .views-row .views-field-field-immagine-di-preview .field-content { position:relative;}
.progetti_speciali_vista .views-row .views-field-field-immagine-di-preview .field-content a:nth-child(2), .video_blocco .views-row .views-field-field-immagine-di-preview .field-content a:nth-child(2) { position:absolute; top: 0; opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; left: 0}
.progetti_speciali_vista .views-row .views-field-field-immagine-di-preview .field-content a:hover:nth-child(2), .video_blocco .views-row .views-field-field-immagine-di-preview .field-content a:hover:nth-child(2) { opacity:1}
.progetti_speciali_vista .views-row .views-field-field-titolo-del-progetto, .video_blocco .views-row .views-field-title { padding-bottom: 2rem;color:#b2b2b2;font-size: 1.8em; padding-top: 1rem; }
.video-bn- img, .video-bn-0 img { filter: grayscale(100%); }
.video-bn-1 a, .video-bn- a, .video-bn-0 a { position:relative; display: block;}
.video-bn-1 a:after, .video-bn- a:after, .video-bn-0 a:after { content:""; background-color: #3c3cff; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; mix-blend-mode: multiply; transition:opacity ease 0.3s; }
.video-bn-1 a:hover:after, .video-bn- a:hover:after, .video-bn-0 a:hover:after { opacity:0.5}

.video_vimeo { margin:0 1.5rem; font-size: 1.4rem}
.video_vimeo .views-row { width: 22%; display: inline-block; margin-right: 2rem; padding-bottom: 3rem; vertical-align: top;}

.field_gallery { position: relative;}
.slidesjs-previous { display:none;}
.slidesjs-next { position:absolute; left: 0; top: 0; width: 100%; height: 100%;text-indent: -9999px;  white-space: nowrap; z-index: 10 }
.field_titolo_del_progetto { font-size: 1.8rem;line-height: 1.25;font-family: 'standard_ctmedium'; margin-top: 1rem; position: relative;}
.field_titolo_del_progetto p { margin:0; padding: 0; padding-right: 3rem;}
.field_allegati a { font-family: 'standard_ctmedium'; padding-left: 2rem; background-image: url("../images/freccia_giu_blu.svg"); background-size: 15px; background-repeat: no-repeat; background-position: left; display: inline-block; font-size: 1.6rem; margin-bottom: 1rem; color: #3c3cff }
.link_back_progetti {margin-left:1.5rem;}
.link_back_progetti a { font-size: 1.6rem; padding-left: 2rem; position: relative; display: inline-block}
.link_back_progetti a:before { content:""; position: absolute; background-image: url("../images/freccia_dx_blu.svg"); left: 0; background-repeat: no-repeat; background-size: contain; transform: rotate(180deg); width: 1.2rem; height: 1.2rem; top: 0.5rem; }
.link_back_progetti a:hover { color:#000000;}
.slide_number { position:absolute; top: 0; right: 0;}

.flipbook { margin-bottom:2rem; margin-top: -1rem;}
.flipbook div:last-child { display: none;}
.flipbook div:first-child { font-family: 'standard_ctmedium'; padding-left: 2rem; background-image: url(../images/freccia_giu_blu.svg); background-size: 1.5rem 1.5rem;  background-repeat: no-repeat; background-position: left; display: inline-block; font-size: 1.6rem; margin-bottom: 1rem; color: #3c3cff; cursor: pointer;}
.flipbook div:first-child.flipbook_open {background-image: url("../images/close_blu.svg");}

.form-row-festivita { background-color: rgba(255,0,4,0.1)}
.form-row-danni { background-color: rgba(60, 60, 255, 0.1)}
.congedo_no_aut { color:#cc0000}
.congedo_aut { color:#165300}

#block-covid {  display: none; }
#block-covid p { margin:0; padding: 0}
#block-covid a { position: fixed; right: 8rem; z-index: 16; top: 0rem; background-image: url("../images/buongustare.svg"); background-size: contain; width: 14rem; height: 7rem; box-sizing: border-box; display: block; -webkit-transition: all .3s ease; transition: all .3s ease; background-repeat: no-repeat; background-position: top}
#block-covid a:hover { background-image: url("../images/buongustare_open.svg"); width: 28rem; height: 28rem; right: 0 }
.menu_main ul li a.coronavirus { color:#ffffff}
.menu_main ul li a.coronavirus { display:none}

.documenti-comitato-accordion { display:none}
.comitato .views-row:first-child .documenti-comitato-accordion { display:block}
.documenti-comitato-accordion p { margin:0; padding: 0}
.documenti-comitato-accordion ul { margin:0; padding:1rem 0;}

/* BUONGUSTARE */
.buongustare_blocco { margin:1.5rem; position: relative; }
.buongustare-titolo { font-size:3rem; color:#3c3cff; position: absolute; line-height: 0.7; right: 0; top: 0;}
.buongustare-testo {font-size:3rem; color:#3c3cff; position: sticky; line-height: 0.8; bottom: 0; left: 0;}
.buongustare-testo p { margin:0; padding: 0}
.node_buongustare #block-yi-custom-content .body h2 { font-size: 2.6rem; margin: 0; padding: 0}
.node_buongustare .content { padding:0}
.node_buongustare .content-wrap .content .titolo { border-top:1px solid #3c3cff}
.node_buongustare .content .body ul { margin-left:2rem; list-style: disc; font-size: 1.8rem; line-height: 1.25;  font-family: 'standard_ctmedium'; font-weight: bold;}
.buongustare_sito { position:absolute; right: 1.5rem; /*margin-top: -3rem;*/ bottom: 2rem;font-size: 1.2rem;}
.buongustare_sito .body { display: flex; }
.buongustare_sito p { margin:0; padding: 0; color: #3c3cff; margin-left: 1.5rem;}
.buongustare_sito a { display: inline-block; padding-right: 2rem; background-image: url("../images/freccia_dx_blu.svg"); background-size: 1rem; background-repeat: no-repeat; background-position: top right;}

/*ACD20*/
.acd20_top { position: fixed; right: 23rem; z-index: 16;  top: 0rem; width: 140px; height: 70px; background-color:#FF00FF; color: #ffffff; font-size: 15px; text-align: right; padding-right: 10px; transition: all .3s ease; overflow: hidden; display: none}
.acd20_top:hover { width:calc(100% - 26rem); height: 50vh}
.acd20_top a { color:#FFFFFF; display: block; width: 100%; height: 100%;}
.acd20_top p { margin:0;padding: 0;}
.acd20_top p:last-child { display:none; font-family: 'Lusitana',serif;font-size: 2.6rem; padding: 2rem; text-align: left;}
.acd20_top:hover p:last-child { display:block;}

.vaccino { margin: 0 -1.5rem; width: 100%; background-color: #ff00ff; padding: 0 1.5rem; font-size: 1.2rem; padding-bottom: 1rem; margin-top: -2.2rem; margin-bottom: 2rem; display: none; padding-top: 0.5rem; font-family: 'standard_ctmedium'; font-weight: normal;}
.vaccino a { color:#ffffff}
.vaccino a:hover { text-decoration: underline;}

/*NEWS */
.page-node-type-article .contenuti .field_data { font-size: 1.8rem; line-height: 1.25; font-family: 'standard_ctmedium'; margin-bottom: 1rem}
.page-node-type-article .contenuti .field_image { margin-top: 3rem; margin-bottom: 3rem;}

.vista-news { display:flex; flex-wrap: wrap; margin: 0 1.5rem; }
.vista-news .views-row { flex:25% 0 0;}
.vista-news .views-row .views-field-field-data { font-size: 7rem; padding: 0 1rem }
.vista-news .views-row .views-field-title {font-size: 1.8rem; line-height: 1.25; font-family: 'standard_ctmedium'; margin-top: 2rem; padding: 0 1rem  }
.vista-news .views-row .views-field-field-image { padding: 0 1rem}
.vista-news .views-row .views-field-field-image img { width:100%; height: auto; }
.vista-news .views-row .views-field-body { font-size: 1.8rem; line-height: 1.25; margin-top: 1rem; padding: 0 1rem}

.page-node-type-article .body ul { margin-left:3rem; list-style: disc}


.vista-evento-iscrizione .views-field-field-data { display: inline-block; padding-left: 2rem; padding-right: 1rem;}
.vista-evento-iscrizione .views-field-title { display: inline-block;}

.spazio-acd .views-row { display:flex; flex-direction: column; width: 100%; border-top:1px solid #3c3cff; padding-top: 1rem; margin-top: 1rem;}
.spazio-acd-giorno {font-family: 'standard_ctmedium';font-size: 1.4rem; width:5rem;    }
.spazio-acd-date { font-size: 6rem; font-weight: bold; padding-right: 3rem;font-family: 'standard_ctmedium'; line-height: 6rem; width:25rem;}
.spazio-acd .views-field-fieldset { flex:1; position: relative}
.spazio-acd .views-field-fieldset:after { content:""; width:2rem; height:2rem; background-image:url("../images/freccia_dx_bianca.svg"); position: absolute; right: 0; top: 0; background-repeat: no-repeat; background-size: 1rem; background-position: center; background-color: #3c3cff; border-radius: 50%; z-index: -1 }
.contenuti .spazio-acd .views-field-field-tag a { color:#3c3cff; display: block}
.contenuti .spazio-acd .views-field-title a { color:#3c3cff; font-family: 'standard_ctmedium'; display: block}
.spazio-acd .views-field-field-luogo a, .contenuti .spazio-acd .views-field-field-indirizzo-spazio a { font-family: 'Lusitana',serif; color:#333333; font-size: 2rem;  display: block}

.spazio-acd .views-exposed-form { display:flex; margin-bottom: 4rem}
.spazio-acd .views-exposed-form .js-form-item { margin-right:1rem;}
.spazio-acd .views-exposed-form input, .spazio-acd .views-exposed-form select  { font-size: 16px; font-family: 'Lusitana', serif; padding: 1rem; border:1px solid #3c3cff; width: 100%; margin-top: 0.5rem;  background: transparent; box-sizing: border-box; }
.spazio-acd .views-exposed-form .js-form-submit { font-size: 1.8rem; color: #FFFFFF; background-color:#3c3cff; padding: 1.1rem 4rem; border: none; cursor: pointer; text-transform: uppercase; border-radius: 0; margin-top: 3rem; -webkit-transition: all .3s ease; transition: all .3s ease; width: auto; }
.spazio-acd .views-exposed-form .js-form-submit:hover { color: #3c3cff; background-color:#efdc98; }
.contenuti a .vista-iscriviti-modulo { text-transform: uppercase; font-size: 1rem; letter-spacing: 1px; color: #cc0000; }


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}






/* Icon 1 */
#nav-icon1 {
  width: 5rem;
  height: 4rem;
  position: fixed;
  margin:0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
	right: 1.5rem;top:1.5rem;
	z-index: 4;
}

#nav-icon1 span {
  display: block;
  position: absolute;
  height: 0.7rem;
  width: 100%;
  background: #3c3cff;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 1.5rem;
}

#nav-icon1 span:nth-child(3) {
  top: 3rem;
}
#nav-icon1.open span {
  background: #ffffff;
}
#nav-icon1.open span:nth-child(1) {
  top: 1.5rem;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -5rem;
}

#nav-icon1.open span:nth-child(3) {
  top: 1.5rem;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}


.node_buongustare #nav-icon1 { display:none}


.field_riga_orizzontale { border-top:4px solid #ffffff; position: absolute; width:calc(100vw - 260px); top: 80px; height: 4px; margin: auto; left: -20px; right: 0}
.field_riga_verticale { border-right:4px solid #ffffff; position: absolute; width: 4px; right: 60px; height: calc(100vh - 370px); margin: auto; top:0; bottom: 0 }
.field_riga_verticale:after { content:""; width: 60px; height: 60px; transform: rotate(45deg); bottom: 0; position: absolute; transform-origin: 30px -4px; border-bottom:4px solid #ffffff; border-right: 4px solid #ffffff; }



/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 600px) {
	.vaccino { display:none}
	.home_img { display: block;}
	#block-covid { display: block; position: relative; z-index: 20}
	.acd20_top { display:block;}
	.path-frontpage .contenuti .body {font-size: 2.8rem; line-height: 1.06; display: none;  }
	.path-frontpage .content { padding-top:0}
	.submenu, .path-frontpage.alto_fisso .submenu { padding-top: 6.5em;  padding-bottom: 3em; z-index: 2}
	.menu_main ul li, .menu_service ul li { display: inline-block; margin: 0}
	.menu_main ul li a, .menu_main ul li span, .menu_service ul li a, .menu_service ul li span, .path-frontpage .menu_main ul li span.is-active { font-size: 1.2em; margin-right: 0.5rem }
	#nav-icon1 { display:none;}
	.menu_main ul li .menu_sottomenu { position: absolute; left: -1.5rem; top: calc( -1rem - 1px ); background-color:rgba(60,60,255,0.98); width: 100vw; height: calc( 100vh - 7em + 1px ); padding: 0 1.5em; padding-top: 6em; box-sizing: border-box; background-image: url(../images/logo_bianco.svg); background-repeat: no-repeat; background-size: 120px; background-position: 1.5em calc( 100% - 1.5em ); display: none; z-index: -2}
	.menu_main ul li ul li a { font-size: 3em;  }
	.menu_main_aperto ul li a, .menu_main_aperto ul li span, .path-frontpage .menu_main_aperto ul li span.is-active { color:#7777ff;}
	.menu_main ul li a:hover, .menu_service ul li a:hover, .menu_main ul li span:hover, .menu_service ul li span:hover, .menu_main ul li a.is-active, .menu_main ul li span.is-active, .path-frontpage .menu_main ul li span.is-active:hover { color:#000000;}
	.menu_service ul li a, .menu_service ul li span { margin-right: 0; margin-left: 2rem;}
	.submenu, .path-frontpage.alto_fisso .submenu { position:fixed; padding-top: 7rem; width: 100%; z-index:11; background-color: #FFFFFF; background-image: none; display: block; height: auto; padding-bottom: 3rem;}
	.path-frontpage .submenu { position: relative; padding-top: 0;}
	.close { display: block}
	.branding, .brand_contatti, .brand_ricerca, .path-frontpage.alto_fisso .branding { padding: 0; width: 98%;height:7.5rem; padding-bottom: 0; margin: 0 1.5em;padding-top: 1.5em; z-index: 15 }
	.branding { padding-right:0}
	.branding a, .brand_contatti a, .brand_ricerca a { width: 20em;}
	.menu_main {margin: 0 1.5em; margin-top: 1.5em; position: relative; z-index: 10;  display: inline-block; width: auto; height: auto; background-color: transparent; background-image:none;}
	.menu_service { float:right; margin-right: 1.5em; margin-top: 1.5em; display: block;}
	.contenuti, .comitato_doc {font-size: 2rem; padding-right: 33%; }
	.role-direzione_acd .contenuti, .role-direzione_sanitaria .contenuti { padding-right:0;}
	.contenuti .body {font-size: 2.6rem; }
	.contenuti a.nota { color:#333333; display: inline-block; margin-right: 2rem; position: relative;  }
	.contenuti a.nota:after { content:""; position: absolute; right: -1.9rem; bottom: 0.6rem; width: 1.4rem; height: 1.4rem; border-radius: 50%; background-size: 0.9rem; background-position: center; background-repeat: no-repeat;-webkit-transition: all .3s ease; transition: all .3s ease ; background-image: url(../images/freccia_dx_blu.svg); background-color: #ffffff; border:1px solid #3c3cff  }
	.field_testo_approfondimento, .paragraph--type--interno-ad-approfondimento .field_testo, .progetti_testo_body p{ font-size:1.8rem; padding-right: 20rem}
	.comitato_doc { font-size:1.8rem;}
	.field_immagine_di_sezione { padding-right: 20%;}
	.field_blocco_appuntamenti { font-size: 1.8rem;padding-right: 5rem;}
	.due_colonne td:first-child, .field_blocco_appuntamenti table td:first-child { width:21rem}
	.brand_contatti, .brand_ricerca { padding-right: 0}
	.cerca .form-search { font-size:4.5rem; }
	.node_search .contenuti { padding-right: 40%}
	.menu_service ul li span.href_contatti { display:none;}
	.triangle {width: 0;height: 0;border-style: solid;border-width: 0 7em 7em 0;border-color: transparent #fd676a transparent transparent; position:absolute; right: 0; top: 0; z-index: 4;    margin-right: 0; display: block;}
	.triangle span { color:#FFFFFF; transform: rotate(45deg); display: block; font-size: 1.5em; right: -4.5em; top: 1em; position: absolute; cursor: pointer;}
	.node_buongustare .triangle { display:none}
	.field_contatti_specifici { float:left; width: 20rem;}
	.singolo_contatto { padding-left:20rem;}
	.blocco_contatti { font-size:1.8rem; line-height: 1.15; }
	.progetti_speciali_vista > div > div, .video_blocco > div > div {display: grid; grid-template-columns: repeat(3, 1fr);grid-gap: 1.5rem; padding: 1.5rem; }
	.contenuti_doc { font-size: 1.8rem; padding-right: 20rem; margin: 1.5rem 0}
	.spazio-acd .views-row { display:flex; flex-direction: row}
}
@media only screen and (min-width: 768px) {
	.menu_main ul li a, .menu_main ul li span, .menu_service ul li a, .menu_service ul li span, .path-frontpage .menu_main ul li span.is-active { font-size: 1.3em; margin-right: 0.5rem;}
	.menu_service ul li a, .menu_service ul li span { margin-left: 1rem; margin-right: 0}
	.contatti, .cerca { font-size: 3em; }
	.modulo_partecipante .fieldset-wrapper { display:flex}
	.modulo_partecipante .fieldset-wrapper > div:first-child, .modulo_partecipante .fieldset-wrapper > div:nth-child(2) { margin-right: 1rem; }

	.webform_evento .modulo_partecipante { display:flex}
	.webform_evento .modulo_partecipante > div:first-child, .webform_evento .modulo_partecipante > div:nth-child(2) { margin-right: 1rem; }

}
@media only screen and (min-width: 980px) {
	.menu_main ul li a, .menu_main ul li span, .menu_service ul li a, .menu_service ul li span, .path-frontpage .menu_main ul li span.is-active { font-size: 1.6em; margin-right: 2rem;}
	.menu_service ul li a, .menu_service ul li span { margin-left: 2rem; margin-right: 0}
	.field_logo_a, .field_logo_c, .field_logo_d { font-size: 45em; }
	.field_blocco_appuntamenti { padding-right: 20rem;}
	.footer { display:flex;}
	.footer_fb, .footer_ig { padding-left: 50px; }
	.footer_donazione a { display:inline-block; padding-left: 50px; background-position:50px 26px;  }
	.footer_fb a { }
	.buongustare-titolo, .buongustare-testo { font-size:8rem; }
	.buongustare_sito { margin-top: -3rem; bottom:auto;}

	.field_riga_orizzontale { border-top:4px solid #ffffff; position: absolute; width:calc(100vw - 510px); top: 165px; height: 4px; margin: auto; left: -60px; right: 0}
	.field_riga_verticale { border-right:4px solid #ffffff; position: absolute; width: 4px; right: 140px; height: calc(100vh - 660px); margin: auto; top:0; bottom: 0 }
	.field_riga_verticale:after { content:""; width: 120px; height: 120px; transform: rotate(45deg); bottom: 0; position: absolute; transform-origin: 60px -16px; border-bottom:4px solid #ffffff; border-right: 4px solid #ffffff; }

	.blocco_homepage .field_singoli_blocchi {display: flex; flex-wrap: wrap; margin: -0.5rem}
	.blocco_homepage .field_singoli_blocchi .field_testo_blocco { max-width: 60rem}
	.field_singoli_blocchi > div { flex: 50% 0 0; padding: 0rem 0.5rem; box-sizing: border-box; }
	.paragraph--type--home-page-singolo-blocco { }
	.blocco_homepage .field_titolo_grande, .spazio_acd_blocco h2 { font-size:3.8rem}
	.agenda_vista .views-row, .evento-content-wrapper { flex-direction: row}
	.agenda-destra, .agenda_gen_dx { padding-left:2rem;}
	.webform_interno, .webform-interno { margin-right: 33%;}
    .footer_fb a, .footer_ig a { padding-bottom: 50px; }
}

@media only screen and (min-width: 980px) and (max-height:700px) {
	.field_logo_a, .field_logo_c, .field_logo_d { font-size:35rem}
	.field_etichetta_associazione { bottom:20rem;}
}
@media only screen and (min-width: 1000px) and (max-height:1400px) {
	.field_logo_a, .field_logo_c, .field_logo_d { font-size:35rem}
	.field_etichetta_associazione { bottom:40vh; font-size: 3.5rem}
}
@media only screen and (min-width: 1200px) {
	.menu_main ul li a, .menu_main ul li span, .menu_service ul li a, .menu_service ul li span, .path-frontpage .menu_main ul li span.is-active { font-size: 1.8em; margin-right: 3rem;}
	.menu_service ul li a, .menu_service ul li span { margin-left: 3rem; margin-right: 0}
	.webform_interno form { width: 65%}
	.contatti, .cerca { margin: 0 1.5rem; font-size: 5em;line-height: 1 }
	.triangle { margin-right: -1.5em;}
	.path-frontpage .contenuti .body {font-size: 3.8rem;   }
	.menu_main ul li ul li a { font-size: 5em;  }
	.role-direzione_acd .menu_main ul li ul li a { font-size: 3em;  }
	.field_etichetta_associazione { font-size:3em;}
	.buongustare-titolo, .buongustare-testo { font-size:9rem; }
}
@media only screen and (min-width: 1500px) {
	/*html{ font-size:80%}*/
	.field_etichetta_associazione { font-size:5em;}
	.buongustare-titolo, .buongustare-testo { font-size:12rem; }
}


/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
/*
    a[href]:after {
        content: " (" attr(href) ")";
    }
*/
    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}




/**
 * Colorbox Core Style:
 * The following CSS is consistent between example themes and should not be altered.
 */
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/**
 * These elements are buttons, and may need to have additional
 * styles reset to avoid unwanted base styles.
 */
#cboxPrevious, #cboxNext, #cboxSlideshow {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
  cursor: pointer;
}

#cboxClose {
	background: none;
}
/**
 * Avoid outlines on :active (mouseclick),
 * but preserve outlines on :focus (tabbed navigating)
 */
#cboxPrevious:active, #cboxNext:active, #cboxClose:active, #cboxSlideshow:active {
  outline: 0;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}
/* Reset box sizing to content-box if theme is using border-box. */
#colorbox, #cboxContent, #cboxLoadedContent {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

/**
 * Colorbox module plain style:
 * The styles are ordered & tabbed in a way that represents
 * the nesting of the generated HTML.
 */
#cboxOverlay {
  background: #3c3cff;
	    background-image: url(../images/logo_bianco.svg);
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: 1.5em calc( 100% - 1.5em );
	opacity: 1 !important;
}
#colorbox {
  outline: 0;
}
  #cboxWrapper {
	  background: none;
}
    #cboxContent {
      overflow: hidden;
		background: none;
    }

      #cboxError {
        padding: 50px;
        border: 1px solid #ccc;
      }
      #cboxTitle {
        position: absolute;
        background: rgba(255, 255, 255, 0);
        bottom: 0;
        left: 0;
        color: #000000;
        width: 100%;
        padding: 4px 6px;
		font-size: 1.3rem;
      }

      #cboxLoadingOverlay {
        background: #3c3cff;
      }
      #cboxLoadingGraphic {
        background: url(images/loading_animation.gif) no-repeat center center;
      }
      #cboxClose.cbox-close-plain {
        position: absolute;
        font-size: 20px;
        line-height: 18px;
        text-align: center;
        color: rgba(255, 255, 255, 0.7);
        background: rgba(0, 0, 0, 0.5);
        top: 4px;
        right: 4px;
        width: 20px;
        height: 20px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
      }
      .cbox-close-plain:hover {
        color: rgba(255, 255, 255, 0.9);
        background: rgba(0, 0, 0, 0.8);
      }
#cboxCurrent {
	right:0; left:auto;
}
#cboxNext {
	background:url(../images/freccia_dx.svg) no-repeat;bottom: 4rem;  right: 1rem; left: auto;}
	#cboxNext:hover { background-position:0}


.acd_schede_admin ul { margin: 2rem 0.5rem;}
.acd_schede_admin ul li { display: inline-block; }
.acd_schede_admin ul li a { display: inline-block; background-color : #3c3cff; color: #ffffff; font-size: 2rem; margin: 1rem; padding: 1rem 2rem;  }
.acd_img_multipla_dida { font-size: 1.5rem;  padding-top: 1rem; padding-bottom: 2rem;}
.menu_service ul li a.nome_menu { font-size:1.2rem}
.multipli_ds .tabledrag-toggle-weight, .multipli_ds .webform-multiple-add { display:none; }
.webform_interno .form-item-terminato-capoequipe .form-checkbox, .webform_interno .form-item-archivio .form-checkbox { display:inline-block;}


/******************************************************************************
 ****   Webform Sospetto Maltrattamento  **************************************
 ****************************************************************************** */
#webform-submission-sospetto-maltrattamento-edit-form .capo_equipe input,
#webform-submission-sospetto-maltrattamento-edit-form .capo_equipe select,
#webform-submission-sospetto-maltrattamento-edit-form .capo_equipe .select_wrapper,
#webform-submission-sospetto-maltrattamento-edit-form .capo_equipe textarea {
  background: #f1f8eb;
  border: 1px solid #e6f4d8;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}

#webform-submission-sospetto-maltrattamento-edit-form .direzione_sanitaria_style_wrapper input,
#webform-submission-sospetto-maltrattamento-edit-form .direzione_sanitaria_style_wrapper select,
#webform-submission-sospetto-maltrattamento-edit-form .direzione_sanitaria_style_wrapper textarea {
  background: #FAFAFA;
}
.form-readonly .webform-multiple-table--operations-two, .user-logged-in div[role="complementary"]  { display: none;}

.vista-dashboard.maltrattamento table caption {opacity: 0;visibility: hidden;}

/*paging form */
.pager { text-align:center; }
.pager ul.pager__items { display:inline-block; margin: 0; padding: 0; list-style: none}
.pager ul.pager__items .pager__item { display: inline-block; font-size: 1.2rem}
.pager ul.pager__items .pager__item:not(.pager__item--next, .pager__item--last, .pager__item--first, .pager__item--previous) a { display: inline-block; background-color: #b2b2b2; color:#000000; transition: ease all 0.4s; width: 3rem; height: 3rem; line-height: 3rem; border-radius: 50%; }
.pager ul.pager__items .pager__item:not(.pager__item--next, .pager__item--last, .pager__item--first, .pager__item--previous) a:hover { background-color: #666666;}
.pager ul.pager__items .pager__item.is-active a { background-color: #3c3cff; color:#ffffff;}
.pager ul.pager__items .pager__item--ellipsis { display:none; }