@font-face {
font-family: "Source Sans Pro";
src: url("/static/include/fonts/SourceSansPro-Regular.woff") format("woff");
}
@font-face {
font-family: "Source Sans Pro";
src: url("/static/include/fonts/SourceSansPro-Bold.woff") format("woff");
font-weight: bold;
}

* { margin:0; padding:0; }
html { width:100%; margin:auto; text-align:center; }
body{font-family: 'Source Sans Pro', sans-serif;width:100%;color:#000000;text-align:center;margin:auto;height:100%;background-color:#e5e5e5;}
h1{color:#347DA8; font-size:30px; font-weight:normal; margin-bottom:11px; line-height:1.2em; letter-spacing:-1px;}
h2{color:#347DA8; font-size:24px; font-weight:normal; margin-bottom:7px; line-height:1.2em; letter-spacing:-1px;}
h4{color:#347DA8; font-size:14px; margin-bottom:7px;}
h5{font-size:12px; margin-bottom:4px;}
.ui-dialog { z-index: 1000 !important ;}
.ui-widget-overlay {background: #262626 !important;opacity: 0.8 !important;filter: Alpha(Opacity=80) !important;}
img { border:0; }
a { color: var(--rosso); text-decoration:none; }
a:hover { text-decoration:underline; }
ul{ list-style:none; }
ul.lista { list-style:disc; }
#jqmessage ul { text-align:left; list-style:disc; margin-left:15px; }
.printLogo {display:none;}

.shake {
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
animation-name: shakeMe;
animation-duration: 5s;
animation-iteration-count: 4;
animation-timing-function: linear;
}

@keyframes shakeMe {
2%, 18% { transform: translate3d(-5px, 0, 0); }
4%, 16% { transform: translate3d(5px, 0, 0); }
6%, 10%, 14% { transform: translate3d(-5px, 0, 0); }
8%, 12% { transform: translate3d(5px, 0, 0); }
18.1% { transform: translate3d(0px, 0, 0); }
}

/* PAGINAZIONE */
ul.paginazione {border:0; margin:20px 0 !important; padding:0; text-align:left;}
ul.paginazione li {border:0; margin:0 8px 8px 0 !important; padding:0; font-size:13px; list-style:none; display:inline-block;}
ul.paginazione a {border:solid 1px #000;margin-right:7px;}
ul.paginazione .dietro-off, ul.paginazione .avanti-off {border:solid 1px #DEDEDE; color:#888888; font-weight:bold; margin-right:12px !important; padding:3px 4px;}
ul.paginazione .avanti a, ul.paginazione .dietro a {font-weight:bold;} 
ul.paginazione .attuale {background:#00264b; color:#FFFFFF; font-weight:bold; margin-right:12px !important; padding:4px 10px;}
ul.paginazione a:link, ul.paginazione a:visited {color:#000; display:block; padding:3px 8px; text-decoration:none;}
ul.paginazione a:hover {border:solid 1px #00264b;background-color:#00264b;color:#FFFFFF;}
/* PAGINAZIONE */

/* SOCIAL SHARE */
.socialShareBar .shareIcon {cursor:pointer; color:#000000;}
.completo .socialShareBar {margin:20px 0; border-bottom:1px solid lightgray; padding:10px;}
.completo .socialShareBar .shareIcon {margin-left:10px; font-size:17px;}
.post .socialShareBar {margin:10px 0; border-bottom:1px solid lightgray; padding:10px 0;}
.post .socialShareBar .shareIcon {margin-right:10px; font-size:17px;}
.post .socialShareBar .condividisu {display:none;}
.post .socialShareBar .firma {float:right; font-style:italic;}
.completo .socialShareBar .firma {display:none;float:right; font-size:116%; font-weight:bold;}
.firmaPrint {display:none;}
/* SOCIAL SHARE */

/* PULSANTI */
/*.pulsante {width: auto;color: #ffffff;background-color: #2345cd;border: none;border-radius: 6px;padding: 12px 20px;font-size:17px;line-height:20px;display: inline-block;align-items: center;margin: 8px; text-transform:uppercase; text-decoration:none;}
.pulsante:hover, .pulsante.pulsante-attivo {background-color: #2ecc71;cursor: pointer;text-decoration: none;}
.pulsante-piccolo {padding: 7px !important;font-size:13px !important;line-height:14px !important;}
.pulsante-grande {padding: 20px !important;font-size:21px !important;line-height:25px !important;}
.pulsante::before {font-family: "Font Awesome 5 Free"; font-weight: 900; padding-right: 8px;}
.pulsante::after {font-family: "Font Awesome 5 Free"; font-weight: 900; padding-left: 8px;}
.pulsante-accedi::before {content: "\f2f6";}
.pulsante-registrati::before {content: "\f234";}
.pulsante-download::before {content: "\f019";}
.pulsante-mobile::before {content: "\f3cd";}
.pulsante-fisso::before {content: "\f095";}
.pulsante-email::before {content: "\f0e0";}
.pulsante-cancella { background-color:#c84644 !important;}
.pulsante-cancella::before {content: "\f1f8";}
.pulsante-avanti::after {content: "\f061";}
.pulsante-indietro::before {content: "\f060";}

.pulsante-gg::before {content: "\f1a0";}
.pulsante-whatsapp::before {content: "\f232";}
.pulsante-fb::before {content: "\f39e";}
.pulsante-ig::before {content: "\f16d";}
.pulsante-gg::before,.pulsante-whatsapp::before,.pulsante-fb::before,.pulsante-ig::before {font-family: "Font Awesome 5 Brands";}
.pulsante:disabled, .pulsante[disabled]{ background-color:#666666; cursor:progress;}
/* FINE PULSANTI */

table { border-collapse:collapse; width:100%; }
table tr:hover { background-color:#ffdbcb; }
table td { border:1px solid lightgrey; padding:8px 3px; }
table .mobileData{display:none;}
table .desktopData:not(td){display:inline;}
.primariga td { font-weight:bold; border:0 !important; }
#account-utente table i {margin:2px 5px;}

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


/* HEADER */
#main-site-header {position: -webkit-sticky; position: sticky; top: 0; z-index:8;}
/* HOVER TOPBAR */
/*#hoverTopBar { width:100%; background-color:#ffffff; position:fixed; top:0; color:#000000; z-index:8; height:94px; }*/
#hoverTopBar { width:100%; background-color:#ffffff; color:#000000; height:94px; }
#hoverTopBarContent { width:100%; margin:0 auto; padding:7px 0; box-sizing:border-box; }
#hoverTopBarContent #sas_26300 { display: none !important; }
#hoverTopBarContent .boxContent {  position:relative; margin:0; box-sizing:border-box; display:inline-block; vertical-align: middle; border-right:1px solid #f1f0f0; }
#hoverTopBarContent .boxContent:last-child{border:0;}
#hoverTopBarContent .boxContent a { color:#000000;}
#hoverTopBarContent i { font-size:20px; }
#hoverTopBar ul li { display:inline-block; position:relative; }
#hoverTopBar ul a, #hoverTopBar ul span  { font-size:18px; color:#000000; display:block; text-transform:uppercase; padding:0 8px; text-align:center; text-decoration:none; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
#mainNavWrapper ul a i, #hoverTopBar ul span i { font-size:15px !important; }
#hoverTopBar ul li a:hover, #hoverTopBar ul li a.active, #hoverTopBar ul span:hover, #hoverTopBar ul span.active { color: var(--rosso); }
#hoverTopBar ul li a.active, #hoverTopBar ul span.active { font-weight:bold; }
#hoverTopBar ul span {cursor:pointer;}
#hoverTopBar .submenu {left: 0; position: absolute; display:none; z-index: 4; width:250px; line-height:normal; background-color:#FFFFFF;}
#hoverTopBar ul.submenu li { display:block; }
#hoverTopBar ul.submenu a:hover { text-decoration:underline; }
#hoverTopBar ul.submenu a { color:#000000; padding:10px 0 10px 10px; border:0; font-size:15px;; text-align:left; }
/* HOVER TOPBAR */
/* LOGO */
#hoverLogo { overflow:hidden; width:270px;}
#hoverLogo img { display:block; }
/* FINE LOGO */
/* MENU PRINCIPALE */
#mainNavWrapper { box-sizing:border-box; width:400px;}
nav { width:100%; }
.stick { position:fixed; top:41px; width:1000px; }
nav ul.mainMenuSocials { float:right; list-style: none; box-sizing:border-box; }
nav ul.mainMenuSocials li { display:inline-block; position:relative; width:auto; padding:0px 0; }
nav ul.mainMenuSocials a { display:block; padding:8px 10px; text-align:center; text-decoration:none; border-left:2px solid #FFFFFF; margin-right:-4px; height:100%; }
nav ul.mainMenuSocials a:hover { background-color:#808080; }
nav #categoryMenu { margin:0 0 0 0; background-color:#ffffff; color:#000; font-size:80%; padding:5px; }
nav #categoryMenu li.primoLabel { color: #228848; font-weight:bold; text-align:left; }
nav #categoryMenu li { -webkit-font-smoothing: antialiased; display:inline-block; font-size: 14px; list-style: none; text-transform: uppercase; font-weight:bold; margin-bottom:5px;}
nav #categoryMenu a { color: black; text-decoration: none; padding-left: 17px; padding-right: 16px; border-right: 1px solid #000;}
nav #categoryMenu li:last-child a { border:0; }
nav #categoryMenu a:hover { color: #228848; }
/* FINE MENU PRINCIPALE */
/* MENU UTENTI */
#userMenu a, #userMenu span { font-size:14px !important; padding:0 5px !important; }
#userMenu span i:hover{color:var(--rosso);}
/* FINE MENU UTENTI */
/* CERCA */
#boxCerca { width:50px; }
.overlay {height: 100%;width: 100%;display: none;position: fixed;z-index: 1;top: 0;left: 0;background-color: rgb(0,0,0);background-color: rgba(0,0,0, 0.9);}
.overlay-content {position: relative;top: 46%;width: 80%;text-align: center;margin-top: 30px;margin: auto;}
.overlay .closebtn {position: absolute;top: 20px;right: 45px;cursor: pointer;color: white;}
.overlay .closebtn i {font-size:26px !important;}
.overlay .closebtn:hover {color: #ccc;}
.overlay input[type=text] {padding: 15px;font-size: 17px;border: none;float: left;width: 80%;background: white;line-height: 40px;box-sizing: border-box;}
.overlay input[type=text]:hover {background: #f1f1f1;}
.overlay button {float: left;width: 20%;padding: 15px;background: var(--rosso);font-size: 17px;border: none;cursor: pointer;line-height: 40px;box-sizing: border-box;}
.overlay button i {vertical-align:middle; color:#FFFFFF;}
.overlay button:hover { background: #f12314; }
.overlay .ricerca-avanzata div { display:inline-block; width:45%; box-sizing:border-box; text-align:center; margin-top:30px; background-color: forestgreen;}
.overlay .ricerca-avanzata div a {text-decoration:none;}
.overlay .ricerca-avanzata div a:hover, .overlay .ricerca-avanzata div a:hover i { color:var(--rossoHover) !important;}
.overlay .ricerca-avanzata div a, .overlay .ricerca-avanzata div i {display:block;color:white !important; margin: 10px 0; line-height:initial;}
/* FINE CERCA */
/* MENUMOBILE */
#mobile-menu-box {display:none;}
/* MENUMOBILE */
/* FINE HEADER */

/* CONTENT */
#container { width:var(--larghezzaPerc); margin:0 auto; background-color:#fcfcfc; z-index:2; position:relative; box-sizing:border-box; padding:1%;}
.codiceEmbeddato { width:100%; margin:auto; overflow:hidden; box-sizing:border-box;}
.codiceEmbeddato header h1 {width:100% !important;}
/* COLONNE PRINCIPALI */
#colonnaArticoli {width:68%; float:left;}
#colonnaArticoli .corpo {text-align:left;padding-top:35px;}
#colonnaArticoli .corpo p {font-size: 18px !important; line-height: 1.8 !important; margin-bottom: 2rem;}
#colonnaArticoli .corpo ol, #colonnaArticoli .corpo ul {font-size: 16px !important; line-height: 1.7 !important;margin-bottom:20px;margin-left:30px;}
#colonnaArticoli .corpo ol { list-style:decimal; }
#colonnaArticoli .corpo ul { list-style:disc; }
#colonnaArticoli .corpo li{margin-bottom:5px;}
#colonnaArticoli blockquote { background: #f9f9f9; border-left: 10px solid #ccc; margin: 1.5em 10px; padding: 0.5em 10px; quotes: "\201C""\201D""\2018""\2019"; font-style:italic; }
#colonnaArticoli blockquote:before { color: #ccc; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; }

#colonnaArticoli .boxAdv {margin-bottom:50px;}
#colonnaAdv {float:right;width:300px;box-sizing:border-box;}
#colonnaAdv .boxAdv {margin-bottom:50px;}
.articleAd, .bannerAd {}
/* COLONNE PRINCIPALI */
/* SEZIONI SITO */
section.sezione header.titolo-sezione { border-bottom:1px solid black; margin-bottom:25px; padding:5px 0; }
section.sezione header.titolo-sezione h1{ color:#000000; float:left; font-size:30px; width:40%; text-align:left; font-weight:bold; }
section.sezione header.titolo-sezione .descrizione-sezione { float:right; font-size:13px; width:58%; text-align:right;}
section.sezione header.titolo-sezione .descrizione-sezione a { font-style:italic; }
#colonnaAdv section.sezione header.titolo-sezione h1{ float:none; width:100%; font-size:22px;}
#colonnaAdv section.evidenziato{ margin:0; padding:0 5px; }
#colonnaAdv section.sezione header.titolo-sezione {margin-bottom:5px;}
#colonnaAdv article.post {margin-bottom:var(--margineGrande)!important;}
#colonnaAdv article.post header h1 a,article.post header h3 a {font-size:18px;}
#colonnaAdv article.post header h1,article.post header h3 {margin:0}
#colonnaAdv article.post .socialShareBar .shareIcon {font-size:15px;}
/* FINE SEZIONI SITO */
/* ARTICOLI */
article {text-align:left;box-sizing:border-box;}
article.post {margin-bottom:50px;position:relative;}
article.post figure img {width:100%;transition: transform .2s;}
article.post header h1 a,article.post header h3 a {color:black; line-height:normal; font-weight:bold;}
article.post header h1 a:hover,article.post header h3 a:hover {color:var(--rosso); text-decoration:none; }
article.post header h1,article.post header h3 {margin:20px 0;}
article.post header h3 {font-style:italic;}
article.post .figureWrapper {position:relative; min-height: 27px;}
article.post .categoria {position:absolute;top:0;left:0;padding: .3em .8em;background-color:#4c67ce;z-index: 1;}
article.post .categoria a {color:#FFFFFF; text-transform:uppercase;font-size:.8em;}
article.post figure img:hover {transform: scale(1.07);}
article.post figure {overflow:hidden;}
.superevidenza {width:100%; background-color:#5c5c5c;}
.superevidenza header, .superevidenza .socialShareBar {padding:10px;}
.superevidenza figure {height:377px;}
.superevidenza figure img {min-height:377px;}
.superevidenza header h1 a {font-size:40px;}
.superevidenza header h3 a {font-size:20px;}
.superevidenza h1 a, .superevidenza .intro a, .superevidenza .firma, .superevidenza .socialShareBar .shareIcon {color:white !important;}
.superevidenza .firma a {color: darkorange !important; font-size: 116%;}
.single-post {width:48%; /*height:370px;*/ display:inline-block;}
.single-post figure {/*height:181px;*/height:235px;}
.single-post figure img {min-height:181px;}
.single-post header h1 a {font-size:20px;}
.single-post-terzo {width:32%; margin-left:1%; /*height:365px;*/}
.single-post-terzo figure {/*height:118px;*/height:150px;}
.single-post-terzo figure img {min-height:118px;}
.single-post-terzo header h1 a {font-size:17px;}
.single-post-terzo .socialShareBar .shareIcon {font-size:14px;}
.single-post-territorio {height:auto !important;}
.single-post-territorio h1 span {color: var(--rosso); font-size:18px; font-weight:bold;}
article.completo header {padding:8px 0; margin-bottom:25px;}
article.completo header h1.titolo {font-size:43px; font-weight:bold; margin:0 0 20px 0; letter-spacing:normal;line-height:normal;}
article.completo header p.sottotitolo {font-size:21px; margin:0 0 20px 0; line-height:normal;}
article.completo header div.metarticolo {border-top:1px solid lightgray; border-left:0; border-right:0; padding:10px; margin:0;}
article.completo header div.partecipativo {background-color:#FAABA9;}
article.completo figure.anteprimaGallery img{width:100%; display:block;}
article.completo figure.anteprimaGallery .didascalia {margin:0px;font-size:0.8em;font-weight:normal;padding:4px;background-color:lightgray; color:#000000; display:block;box-sizing:border-box;}
article.completo .footerArticolo {text-align:right; padding-right:10px; font-style:italic;}
article.completo .tagnames {margin:30px 0;}
article.completo .tagnames ul {margin-left:5px; list-style:none;}
article.completo .tagnames ul li:first-child {margin-right:10px; text-transform:uppercase;}
article.completo .tagnames li {display:inline-block; margin-bottom:7px;}
article.completo .tagnames a {font-size: 94%;display:block; background-color:#4c67ce; color:#ffffff; padding:7px;margin-right:7px; border-radius:5px;}
article.completo .tagnames a:hover {color:#000000;background-color:#D3D3D3;text-decoration:none;}
article.completo .corpo img {max-width:100% !important; height:auto !important;}
.dettaglio-header { width: 100%; position: relative; padding: 3% 0 3% 3%; min-height: 350px; box-sizing: border-box; background: linear-gradient(90deg, var(--rosso) 55%, #FFFFFE 50%); margin:40px auto; }
.dettaglio-meta { width: 40%; position: absolute; left: 0; top: 50%; transform: translate(4%,-50%); text-align:left; color:#FFFFFF; }
.dettaglio-titolo {font-size:33px; color:#ffffff;}
.dettaglio-sottotitolo {font-size:20px; font-style:italic; margin:0 0 20px 0; line-height:normal; color:white;}
.dettaglio-foto { position: absolute; width: 54%; right: 0; top: 50%; transform: translate(-4%,-50%); overflow: hidden; }
.dettaglio-foto a img { max-width: 100%; max-height: 440px; }
.dettaglio-fotogallery { box-sizing:border-box; background-color: lightgrey; padding: 1% 1%;}
.carouselGallery {position:relative; } 
/*.dettaglio-fotogallery figure { display:inline-grid; width:150px; margin-right:4px; }*/
.dettaglio-firma, .dettaglio-data, .dettaglio-categoria { display:inline-block; margin:7px; }
.dettaglio-firma {margin-left:0;}
.dettaglio-firma:before { content: "di "; }
.dettaglio-firma a, .dettaglio-categoria a { color:white; text-decoration:underline; }
article.completo .artPrecSucc {text-align:center; margin:var(--margineGrande) auto;}
article.completo .artPrecSucc article {box-sizing:border-box;width:48%; display:inline-block; padding:5px; vertical-align:top;}
article.completo .artPrecSucc article figure { max-height:165px; overflow:hidden; }
article.completo .artPrecSucc article figure img {width:100%;}
article.completo .artPrecSucc header {text-align:center; margin-bottom:5px;}
article.completo .artPrecSucc a {color:black; font-size:1.2em;line-height:1.7em; font-weight:bold;}

article.completo .dettaglio-header {background: linear-gradient(90deg, var(--rosso), var(--rosso)); min-height:250px; margin-top:0px; }
article.completo .dettaglio-meta { width:94%;}
/* ARTICOLI */

/* ACCADDE OGGI */
.accadde-oggi-wrapper {position:relative;}
.accadde-oggi-wrapper .carousel__slide {width:100%;}
.accadde-oggi { position:relative;}
.accadde-oggi .figureWrapper{ overflow:hidden; position:relative; max-height:370px; }
.accadde-oggi .figureWrapper .categoria {position:absolute;top:0;left:0;padding: .3em .8em;background-color:#4c67ce;z-index: 1; color:white;}
.accadde-oggi .figureWrapper img {max-width:100%;}
.accadde-oggi header { position:absolute; bottom:0; left:0; width:100%; padding: .3em .8em;background-color:rgba(0, 0, 0, 0.7); color:white; box-sizing:border-box; }
.accadde-oggi header h1 a {font-size:20px; color:white;}
/* ACCADDE OGGI */

/* SLIDER ON OFF */
/* The switch - the box around the slider */
.switch {position: relative;display: inline-block;width: 60px;height: 34px; margin-top:4px;}
/* Hide default HTML checkbox */
.switch input {opacity: 0;width: 0;height: 0;}
/* The slider */
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "NO";height: 26px;width: 26px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;text-align: center; line-height: 26px;font-size: 85%;}
input:checked + .slider {background-color: #2196F3;}
input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px); content: "SI";}
/* Rounded sliders */
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}
/* SLIDER ON OFF */

.new-feature{ background-color:#ffdb99;}

/* PETIZIONI */
.petizione { width:100%; }
.petizione .categoria {color:#FFFFFF; text-transform:uppercase;font-size:.8em;}
.petizione .titolo { font-size:120%;}
.petizione .date {}
.petizione .firme { padding:5px; background-color:var(--rosso); text-align:center; color:#FFFFFF;}
.petizione .firma {}
.petizione.completo header img {width:100%;}
/* PETIZIONI */
/* FINE CONTENT */

/* BANNER */
.banner-overlayer {position:fixed;top:50%;left: 50%;transform: translate(-50%, -50%);z-index:10;}
.banner-overlayer i {font-size: 30px;cursor: pointer;color: white;position: absolute;top: -35px;right: 0px;}
.banner-overlayer i:hover{ color:var(--rosso);}
#ombra {width: 100%;position: fixed;height: 100%;background-color: rgba(0, 0, 0, 0.7);top: 0;left: 0;z-index: 9;display:none;padding-top:20%;}
.banner-mobile-bottom, .banner-mobile-superbanner {width: 412px; margin:0 auto;}
.banner-mobile.banner-rettangolo-brand ins {margin-bottom: 40px; display:block;}
.banner-mobile-bottom ins {margin-bottom: 70px;display:block;}
.banner-mobile-overlayer {width:280px;}
.banner-desktop-skin {width: 1900px;height: 100%;display: block;position: fixed;top: 95px;text-align: center;left: 50%;transform: translateX(-50%); z-index:1;}
.banner-desktop-skin ins a { display:block; }
.banner-desktop-bottom { margin:auto;}
.banner-desktop-overlayer {width:900px;}
.puntonetbanner {position:relative;}
.puntonetbanner .carousel__slide {width:auto !important; padding:0 7px !important;}
.carousel__dots { color:var(--rosso); }
/* FINE BANNER */
/* TAGCLOUD */
#tag-cloud {list-style: none; padding-left: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center ; line-height: 2.5rem;}
#tag-cloud a {display: block;font-size: 1.5rem;padding: 0.125rem 0.25rem;text-decoration: none;position: relative;}
#tag-cloud a.size1{ font-size:90%; color:blue; }
#tag-cloud a.size2{ font-size:100%; color:green; }
#tag-cloud a.size3{ font-size:120%; color:brown; }
#tag-cloud a.size4{ font-size:150%; color:darkorange; }
#tag-cloud a.size5{ font-size:180%; color:red; }
/* FINE TAGCLOUD */
/* FOOTER */
footer#footer {width:100%;margin:auto;box-sizing:border-box;padding:5% 1%;background-color:#e1e1e1;text-align:left;}
footer#footer h2{color:black; margin-bottom:10px;}
footer#footer section {display:inline-block;width:33%;vertical-align:top;padding:0.5%;box-sizing:border-box;}
footer#footer ul li {margin-bottom:6px;}
#tornaInAlto {display:none; text-align: center; vertical-align: middle; position: fixed; bottom: 20px; right: 20px; border-radius: 8px; background: rgba(231, 12, 12, 0.8); }
#tornaInAlto i {padding: 20px; font-size: 25px; color: white;}
footer#footer .regtrib {font-size:90%; text-align:right;}
/* FOOTER */
/* ACCOUNT */
#account-utente {padding:3%; line-height:1.8em; text-align:left;}
#account-utente p {margin-bottom:1.2rem;}
.bcumb { text-align:left; margin-bottom:var(--margineGrande);}
.ck-editor__editable, .ck-source-editing-area { min-height: 500px; }
/* FORM REGISTRAZIONE UTENTI */
.tab {
  display: none;
}
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

/* Mark the active step: */
.step.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: #04AA6D;
}
input.invalid {
  background-color: #ffdddd;
}
.step-button {background-color: var(--sfondoPulsante);color:#ffffff;border:none;padding:10px;font-size:13px;cursor:pointer;text-transform:uppercase;}
.step-button:hover{ background-color: var(--sfondoPulsanteHover);}

#account-utente input:not([type='checkbox']):not([type='radio']):not([type='radio']), #account-utente select, #account-utente textarea { width:95%; padding:8px 5px; font-size:15px; box-sizing:border-box;}

#account-utente input[type='tel'] { display:inline-block;}
span.validity {font-family: "Font Awesome 6 Free"; font-weight: 900; padding-left: 5px; display:inline-block;margin-left:-30px;}
input:invalid + .validity::before {content: "\f00d"; color: #8b0000;}
input:valid + .validity::before {content: "\f00c"; color: #009000;}

#account-utente .elemento { position:relative; box-sizing: border-box; margin:8px 4px 8px 0; padding: 8px; display: inline-block; }
#account-utente .elemento #anteprima {width:100%;}
#nomefile_inline { word-wrap:break-word;}
#account-utente .unmezzo { width: calc(50% - 7px); }
#account-utente .unterzo { width: calc(33.3% - 7px); }
#account-utente .unquinto { width: calc(14.2% - 7px); }
#account-utente .duequinti { width: calc(42.85% - 7px); }
#account-utente .intera { width:100%; }
/*#account-utente .intera input { width:auto !important; }*/
#account-utente button.opzioni-input {margin-left:20px;width:auto;background: none; border: none; cursor: pointer; font-size:14px;color:var(--rosso); padding: 0; /*position: absolute; top: 0;right:3px;*/ }
/* FORM REGISTRAZIONE UTENTI */
/* SEGNALAZIONI */
.segnalazione .elemento {margin-bottom:var(--margineGrande);}
.istruzioni {position:absolute; top:0; right:0; font-size:12px;}
.foto-holder {width:100%; margin:10px auto; }
.foto-holder .preview-foto { width:150px; display:inline-block; margin-right:5px;}
.mediaInseriti .box_media { display:inline-block; width:150px; margin-right:5px; margin-bottom:20px; border:1px solid lightgray; padding-bottom:4px; }
.mediaInseriti .box_media img { width:100%; margin:0 auto; }
/* SEGNALAZIONI */
/* ACCOUNT */
/* MENU CATEGORIE */
#categoryMenu { width:100%; text-align:left;}
#categoryMenu ul li { display:inline-block; margin:3px 5px; }
/* MENU CATEGORIE */
/* BOX PARTECIPATIVI */
#topbar-login-box {display:none;}
.topbar-box {display:none;}
.cjBox{ display:flex; flex-direction:row; margin:0px 0; transition:opacity 1s; -webkit-transition:opacity 1s; }
.cjBox .triangle{ width:0; border-top:12px solid var(--rosso); border-right:12px solid transparent; border-bottom:12px solid transparent; border-left:12px solid transparent; margin:0 auto;}
h2.cjBox-titolo{ background:var(--rosso); padding:20px 0; text-align:center; color:#fff; margin:0;}
.cjBox h4 { color:#000; text-transform:uppercase; text-align:center; }
.cjBox .formCj{background:#EAE7E6; padding:6% 4%;}
.cjBox .cjBox-azione {width:50%; margin:0; background-color:#EAE7E6;}
.cjBox input[type="email"],.cjBox input[type="text"],.cjBox input[type="password"],.cjBox input[type="tel"]{ width:100%; background:#fff; margin-bottom:4%; border:1px solid #ccc; padding:4%; font-size:95%; color:#555;}
.cjBox input[type="submit"], .cjBox button#salvadati{ width:100%; background:var(--rosso); border:0; padding:4%; font-size:100%; color:#fff; cursor:pointer; transition:background .3s; -webkit-transition:background .3s; }
.cjBox input[type="submit"]:hover, .cjBox button#salvadati{background:var(--rossoHover);}
.cjBox input[type="submit"]:disabled{background-color:grey;}
.cjBox .links {padding:4%;}
.cjBox .links a {font-size:90%; text-decoration:none; text-transform:uppercase; line-height: 1.7em;}
.cjBox .links a:not(.pulsante):hover {text-decoration:underline;}
.cjBox .socialLogin { text-align:center; }
.cjBox .socialLogin h4 { margin-bottom:10px;}
.cjBox .socialLogin a { font-size:20px;}
.cjBox .socialLogin a:hover { color:#000066;}
#account-login-error {padding:15px 0;margin:10px auto;font-size:23px;background-color:darkblue;text-align:center;color:#FFFFFF;}
.cjBox label.error{display: none !important;}
.intera {width:100%; box-sizing:border-box; padding:8px;}
.unmezzo {width:50%; box-sizing:border-box; padding:8px;}
.dueterzi {width:66.6%; box-sizing:border-box; padding:8px;}
.unterzo {width:33.3%; box-sizing:border-box; padding:8px;}
.unquarto {width:25%; box-sizing:border-box; padding:8px;}
.unquinto {width:20%; box-sizing:border-box; padding:8px;}
/* BOX PARTECIPATIVI */

div.autore {width: 24%;border: 0px solid red;margin: 10px 0;text-align: center;display: inline-block;box-sizing: border-box;}


@media screen and (max-width: 768px) {
#container{padding:0}
.soloMobile {display:block !important;}
.soloDesktop {display:none !important;}
#hoverTopBarContent .boxContent { border:0; }
#hoverTopBarContent .boxContent:first-child{width:65% !important;}
#mobile-menu-box {display:inline-block;}
#boxCerca, #userMenu, #mobile-menu-box{width:10% !important;}
#userMenu.user-logged { display: block; width: 100% !important; margin:15px auto; }
#mainNavWrapper {width:0 !important;}
.completo .socialShareBar .shareIcon { margin-left: 16px; font-size: 20px; }
.completo .socialShareBar .firma {float:none; margin-top:25px;}
.unmezzo, .dueterzi, .unterzo, .unquarto, .unquinto {width:100%; float:none !important; padding:5px;}
.cjBox { flex-direction:column;}
.cjBox .cjBox-azione { width:100%;}
article.completo .artPrecSucc article {width:100%;}
article.completo .artPrecSucc article.successivo { margin-bottom:var(--margineGrande); }
article.completo .artPrecSucc article figure {max-height: 230px;}
/* MOBILE MENU */
#mainNav {height: 100%;position: fixed;right: 0px;top: 0;width: 260px;margin-top: 0px;transform: translateX(290px);transition: transform 250ms ease-in-out;background: rgba(0, 0, 0, 0.92);z-index: 100;box-shadow: -10px 0px 20px black;}
.hasSub .menu-aperto{display:none;}
.hasSub .menu-chiuso{display:inline-block;}
.hasSub.aperto .menu-aperto{display:inline-block;}
.hasSub.aperto .menu-chiuso{display:none;}
.mainMenu{margin:0;padding:0;border-top: 1px solid rgba(255, 255, 255, 0.10);}
.mainMenu li{list-style: none;color: #fff;text-transform: uppercase;font-weight: bold;padding: 0px;cursor: pointer;border-bottom: 1px solid rgba(255, 255, 255, 1);padding:15px 10px !important;display:block !important;}
.mainMenu li span{cursor: pointer;display: block;}
.mainMenu li a{text-decoration: none;line-height:normal;}
.mainMenu li a, .mainMenu li span {text-align:right !important;font-weight: bold;color: #fff !important;font-size:15px !important;padding:0 10px 0 0 !important;}
.submenu {position: relative !important;box-shadow: none;background-color: #262626 !important;width: 100% !important;margin-top: 10px;}
.submenu li { border:0; }
.mainMenu .chiudiMenu{border:0;text-align:right;padding:10px 20px;}
/* MOBILE MENU */
/* CERCA */
.overlay-content{top: 15%; width: 90%;}
.overlay input[type=text], .overlay button {float: none; width: 100%; margin:10px auto;}
.overlay .ricerca-avanzata div {width:100%;}
/* CERCA */
article.completo .corpo {padding:0 3%;}
.single-post-terzo header h1 a, .single-post header h1 a {font-size:24px;}
.dettaglio-header { padding: 0%; background: var(--rosso); }
.dettaglio-meta { width: 100%; position: relative;transform:none; padding:2%; box-sizing:border-box;}
.dettaglio-titolo {font-size:30px; color:#ffffff;}
.dettaglio-foto { position: relative; width: 100%; transform:none;}
.dettaglio-foto a img { width: 100%; max-height:none;}
.dettaglio-fotogallery {margin: auto; width: 95%;}
.dettaglio-fotogallery figure { width:30%; margin:0 1%;}
.dettaglio-fotogallery figure img { width:100%;}
footer#footer {padding-bottom:100px;}
footer#footer section { display:block; width:100%; text-align: center; margin-bottom: 30px;}
footer#footer .regtrib {text-align:center;}
#account-utente .elemento { box-sizing: border-box; margin:15px auto; padding: 0; display: block; width:100% !important; }
#account-utente input, #account-utente select { padding:14px 5px;}
#account-utente.fotoSegnalate table td { display:block; text-align:center; }
#account-utente.fotoSegnalate table td:last-child { margin-bottom:25px; }
#account-utente.fotoSegnalate .primariga {display:none;}
#notifiche-wrapper { width: 90%; z-index: 10000;  }
.mediagallery-wrapper {grid-template-columns: repeat(2, 1fr);}
}
@media screen and (min-width: 769px) {
#hoverTopBar ul { line-height:80px; }
#hoverTopBarContent .boxContent { line-height:80px; height: 80px;  }
#hoverTopBar li:hover ul.submenu {display:block; }
.mainMenu .chiudiMenu, .hasSub .menu-aperto{display:none !important;}
.soloMobile {display:none;}
.soloDesktop {display:block;}
#mobile-menu-box {display:none !important;}
#mobile-menu-box ul li i.fa-bars {display:none;}

}

@media screen and (max-width: 1023px) {
#colonnaArticoli, #colonnaAdv {width:100% !important; float:none !important;}
.single-post, .single-post-terzo {width:100%; height:auto; float:none; margin-left:auto;}
.single-post header, .single-post .socialShareBar {width:95%; margin:auto;}
section.sezione header.titolo-sezione h1, section.sezione header.titolo-sezione .descrizione-sezione {float:none; width:100%; text-align:left;}
.superevidenza figure, .superevidenza figure img, .single-post figure, .single-post figure img, .single-post-terzo figure, .single-post-terzo figure img {height:auto; min-height:auto;}
.banner-mobile:not(.nascosto) {display:block;}
.banner-desktop {display:none;}
#container {width: 100% !important; margin-top: 10px !important;}
body {background:none !important; padding-top:0;}
#hoverTopBar {position:relative; margin: 15px 0; height:max-content;}
.mobileData {padding:0 10px;display:initial;}
.desktopData{display:none;}
.no-float-mobile {float:none;}
#account-utente .elemento #anteprima.sinistra { float:none; }
}
@media screen and (min-width: 1024px) {
#container{ max-width:1200px; }
#colonnaArticoli {width:calc(100% - 320px);}
.banner-mobile {display:none;}
.banner-desktop:not(.nascosto) {display:block;}
.single-post .socialShareBar {/*position: absolute; bottom: 0; left: 0; */width: 100%;}
.socialShareBar .shareIcon i {transition: transform .2s;}
.socialShareBar .shareIcon i:hover {transform: scale(1.7);}
#account-utente .elemento #anteprima {width:50%;}
}
@media screen and (min-width: 1600px) {
#container,#hoverTopBarContent { width:1500px;}
/*#colonnaArticoli {width:1150px;}*/
}

/* CLASSI */
.sinistra {float:left;}
.destra {float:right;}
.clear {clear:both;}
.text_smaller {font-size:80%;}
.text_small {font-size:100%;}
.text_medium {font-size:120%;}
.text_big {font-size:140%;}
.text_extra {font-size:160%;}
.padding_low {padding: 2px;}
.padding_med {padding: 4px;}
.padding_high {padding: 8px;}
.margin_low {margin: 2px;}
.margin_med {margin: 4px;}
.margin_high {margin: 8px;}
.margin_bottom_high {margin-bottom: 8px;}
.margin-b-20{margin-bottom:20px;}
.margin-b-30{margin-bottom:30px;}
.margin-grande{margin:var(--margineGrande);}
.margin-top-grande{margin-top:var(--margineGrande);}
.margin-right-grande{margin-right:var(--margineGrande);}
.margin-bottom-grande{margin-bottom:var(--margineGrande);}
.margin-left-grande{margin-left:var(--margineGrande);}
.margin-medio{margin:var(--margineMedio);}
.margin-top-medio{margin-top:var(--margineMedio);}
.margin-right-medio{margin-right:var(--margineMedio);}
.margin-bottom-medio{margin-bottom:var(--margineMedio);}
.margin-left-medio{margin-left:var(--margineMedio);}
.margin-piccolo{margin:var(--marginePiccolo);}
.margin-top-piccolo{margin-top:var(--marginePiccolo);}
.margin-right-piccolo{margin-right:var(--marginePiccolo);}
.margin-bottom-piccolo{margin-bottom:var(--marginePiccolo);}
.margin-left-piccolo{margin-left:var(--marginePiccolo);}
.allin_dx {text-align:right;}
.allin_sx {text-align:left;}
.allin_cx {text-align:center;}
.allin_js {text-align:justify;}
.bold {font-weight:bold;}
.rosso {color:#CC1C0D;}
.verde {color:#00CC00;}
.arancione {color:#e69500;}
.bianco {color:#FFFFFF;}
.maiuscolo {text-transform:uppercase;}
.minuscolo {text-transform:lowercase;}
.obliquo {font-style:italic;}
.noitalic {font-style:normal;}
.normal {font-weight:normal;}
.evidenziato {margin:10px 0;padding:20px 5px;}
.evidenziato-grigio{background-color:#EAE7E6;}
.evidenziato-rosso{background-color: var(--rosso);}
.evidenziato-giallo{background-color:#ffcc00;}
.evidenziato-arancio{background-color:#ff3300;}
.sottolineato {text-decoration:underline;}
.testopiccolo {font-size:85%;}
.testomini {font-size:65%;}
.ok {font-weight:bold;color:#006600;}
.error {font-weight:bold;color:#FF0000;}
.bordo {border:1px solid red;}
.nobordo {border:0px;}
.nascosto {display:none;}
.pointer {cursor:pointer;}
.inlineimg {margin:0 3px 3px 0;}
.h1_title {margin:5px;font-size:130%;text-align:center;text-transform:uppercase;color:#3780AD;}
.ombra {-webkit-box-shadow: 0 3px 4px #b4b4b4; box-shadow: 0 3px 4px #b4b4b4;}
.bannerAd {}
/* CLASSI */