/* ti guidiamo nelle profondità del diritto module class = diving  */
.diving .wrap-content {background: rgba(8, 8, 8, 0.3); padding: 10px!important; border:thin solid white; border-radius:5px;}
.diving .lead {font-weight: 500!important; text-align:center;}

/* class aggiornamenti modulo "aggiornamenti ed approfondimenti" in home page */ 
.aggiornamenti span {color: #21c674;}
.aggiornamenti h4 {color: #fff;}

/* dimensioni logo in alto a sx */
.logo-img {max-height: 100%; max-width:100%!important;}

/*  foto all'interno dei profili  */
img.profili {border-radius:15px; border:1px solid #ddd; padding:4px; max-width:100%;}

/* class .blog menu item blog 
.blog div.ja-masthead-description {background: rgba(6, 6, 6, 0.2);} */
.blog .ja-masthead::before {opacity: 0 !important;}
.blog h2 {font-size:36px;}
.blog h3 {font-size:26px;}

/* masthead con immagine di sfondo chiara: scritte su sfondo leggermente scuro per risaltare */
/*.avvocloud div.ja-masthead {padding: 150px 0px 70px 0px!important;} */
.avvocloud .ja-masthead::before {opacity: 0 !important;}
.avvocloud div.ja-masthead-detail {background: rgba(0, 0, 0, 0.5); padding:10px!important;}
.avvocloud .t3-header {background: rgba(6, 6, 6, 0.5);}

/* masthead con con scritte bianche senza sfondo scuro per risalto */
.blue_masth div.ja-masthead {padding: 150px 0px 70px 0px!important;} 
.blue_masth .ja-masthead::before {opacity: 0 !important;}

/* togliere opacità a masthead */
.no-opacity .ja-masthead::before {opacity: 0 !important;}

/* immagini piccole */
.img_sidebar {max-width: 100%; width:auto; height:auto; padding:3px; border:thin solid #e3e3e3; margin-bottom:15px;}
.img_warning {width:150px; height:auto;float:left; margin: 0 26px 0 0;}
.img_seo {width:220px; height:auto;float:left; margin: 0 15px 0 0;}

/* immagini all'interno di un articolo del blog */
img.blog {border: 1px solid #ddd; padding:4px; max-width:100%; height:auto; border-radius:4px; margin:20px; display:block; margin-left:auto; margin-right:auto;}

/* Icone */
.icons {color: #3a87ad; margin-right:10px;}
.icons_red {color: #783030; margin-right:10px;}
.icons_green {color: #29562A; margin-right:10px;}
.icons_yellow {color: #c09853; margin-right:10px;}
.icons_active {color: #fff; margin-right:10px;}
.icons_white {color: #fff; margin-right:10px;}
.icons_disabled {color:#999999; margin-right:10px;}

/* chiedi ad un avvocato */
.well {background-color: #fff; border-radius:4px;padding:17px;}/* il menu nel sidebar2 nella sezione Chiedi ad un Avvocato */
.well a {color: #2A5C74!important;}
.CA a {color: #2A5C74;}
.CA a:hover {color: #21c674;}
div.media-body p a {text-decoration:underline; font-weight:bold;} /* devo aumentare il contrasto per il testo ma i link sono di un colore troppo scuro. Li metto sottilineati nelle DOMANDE E NELLE RISPOSTE */
div.text-muted a {color:#0A5C34;} /* nella sezione delle domanda: il link alla categoria in calce alla domanda e il link permalink */
.CA div.ja-masthead {/*padding: 120px 0px 50px 0px!important;*/} 
.CA .ja-masthead::before {opacity: 0 !important;}

/* tolgo il masthead dai menu item delle categorie delle domande della sezione Chiedi ad un avvocato
 * cambio colore e rendo presentabile il div in alto */
.categorie-CA .container-fluid {background-color:#1e375c;}
.categorie-CA a {color: #2A5C74;}
.categorie-CA a:hover {color: #21c674;}
.categorie-CA .container-fluid a {color:#fff!important;}
.categorie-CA .container-fluid a:hover {color:#21c674!important;}

/* CA menu item TAG */
.ca_tag .t3-mainbody {padding-top: 40px;}
.ca_tag h4 {margin-top:0px;}

/* question form */
.question_form joomla-field-fancy-select {height:100%; padding:5px;}
.question_form .inputbox {width:100%!important;}
.question_form textarea {margin-bottom: 30px;}
.question_form #jform_title {width:100%;}
.question_form li.nav-item a {text-transform: uppercase; color:#21c674}
.question_form div.ja-masthead {padding: 80px 0px 50px 0px;} 
.question_form select {width: 100%;}
.question_form input {margin-bottom:10px;}
.question_form label.checkbox {display: inline-block; margin-left: 25px;}

/* modulo articoli newsflash - da mostrare in Chiedi ad un Avvocato nei menu item dedicati alle categorie */
.newsflash a.btn {padding: 10px 20px; font-size: 14px; text-align: center; /*margin:0 auto;*/ display:block; background-color:#2A5C74; color:#fff!important;} 
.newsflash a.btn:hover {background-color:#fff!important; color:#2A5C74!important;}
.newsflash h4 {margin-top:16px!important; font-size: 16px;}
.newsflash a {color:#2A5C74!important}
.newsflash a:hover {color:#21c674!important}
.newsflash img {max-width:100%;height:auto;}

/*  per qualche motivo il modulo i miei articoli sul blog nel profilo avvocato l'override per mostrare 3 articoli (layout = default-3-articoli)
 * l'immagine intro dell'articolo perde la ratio originale. Con la seguente regola preservo la ratio  */
.article-detail img {height:auto;}
/* e lo stesso per il modulo intro style 1 " Consulenza legale alle aziende italiane ed internazionali" nel profilo Balestra */
.features-img img {height:auto;}

/* modulo Cerca Avvocato per settore legale in home page */
.cerca h4 {text-align:center;}
.cerca .fa {display:table;margin:0 auto;}
.cerca .btn-default {background-color:#1e375c; /* #21c674 */ color:#fff; padding:10px 15px; font-size:14px;width:100%;}
.cerca .btn-default:hover {background-color: /*#1a9a5a;*/ #21c674;}
.cerca .features-item {border:1px solid #1e375c;}
.cerca p {text-align:center;} 

/* menu item cerca avvocato : masthead senza opacità + meno padding */
.cerca_avvo .ja-masthead::before {opacity: 0 !important;}
/*.cerca_avvo div.ja-masthead {padding: 150px 0px 70px 0px!important;} */
.cerca_avvo a {color:#12874E;}
.cerca_avvo a:hover {color:#21c674;}

/* menu item profili avvocati */
.avvocati div.ja-masthead {padding: 115px 0px 10px 0px!important;} 
.avvocati .ja-masthead::before {opacity: 0 !important;}
 
/* icone social */
ul.social-list {padding-left: 0; list-style-type:none; display: table; margin: 0 auto;}
ul.social-list > li a:hover {border-color: #3264c2; color:#3264c2;}
ul.social-list > li {display:inline-block;}
ul.social-list > li > a {display:inline-block; color:#3264c2; width: 40px; height:40px; line-height: 38px; text-align:center; border-radius: 50%; border:1px solid #d0d0d0;}

/* figcaption*/
figcaption {color:#595959; font-size: 13px; text-align:right; font-weight:bold;}

/* figcaption foto all'interno dei profili */
.figcaption_profili {color:#a4a4a4; font-size: 14px; text-align:right; font-weight:bold; }
.figcaption_profili .fa {margin-left:10px;}

/*  foto all'interno dei profili  */
img.profili {border-radius:10px; max-width:100%; border: medium solid #fff;display:block;margin:0 auto;}

/* figure foto all'interno dei profili sidebar 1/3 destra */
.figure_sidebar {background-color:#f2f3f7; padding:10px; border-radius:5px; border-top: medium solid #3a87ad;}

/* figure foto all'interno dei profili body 2/3 sinistra */
.figure_body {float:left; background-color:#f2f3f7; margin-right:15px; padding:10px; border-radius:5px;}

/* foto firma articoli blog e risposte Chiedi ad un Avvocato */
.img_firma {width: 180px;padding:4px; border-radius:8px; max-width:100%; height:180px; margin:0 10px 0 0!important; float:left;border-right: thin solid #ddd}

/* foto firma piccola all'inizio dell'articolo blog */
.img_firma_small {width:80px; height:80px; padding: 4px; border-radius:10px; float:right;margin:8px 0 8px 8px!important; }

/* foto firma MIA SOLO nella sezione Chiedi ad un Avvocato: più piccola degli altri perché talvolta pubblico io le domande e la mia foto appare in alto nella pagina dopo la domanda ed è troppo grande */
.img_firma_enzo {width: 150px;padding:4px; border-radius:8px; max-width:100%; height:auto; margin:0 10px 0 0!important; float:left;border-right: thin solid #ddd}

/* preferences - div con la firma nelle risposte alle domande  */
textarea#inputSignature {width:80%; height:150px;}
div.preferences {color:#254f65; border:thin solid #bce8f1; padding:10px; min-width:60%; max-width:100%; margin-bottom:50px; background-color:#d9edf7;}
div.preferences a {text-decoration:none!important}

/* p.lead con il nome dell'avvocato nella firma alle risposte */
.preferences .lead {margin-bottom:8px;font-weight:700; font-size:20px;margin-top:0px;}

/* mappa all'interno dei profili */
.mappa {width: 100%; /*border-radius:10px; border:1px solid #ddd;*/ margin-bottom:26px; border: 1px solid #ddd; padding:3px;}

/* menu item tagged items */
.tagged .ja-masthead::before {opacity: 0 !important;}
.tagged .col-sm-6 img {margin-top:25px; width:100%; border:thin solid #ddd; padding:5px;}

/* label settori diritto civile */
.label-lavoro, .label-urbanistica {background-color:#5bc0de;}
.label-famiglia, .label-amministrativo {background-color:#21c674;}
.label-immobiliare, .label-appalti-pubblici {background-color:#5cb85c;}
.label-societario, .label-penale-societario {background-color:#999999;}
.label-bancario {background-color:#1e375c;}
.label-tributario, .label-penale-tributario {background-color:#3a87ad;}
.label-recupero {background-color:#ffbb22;}
.label-risarcimento {background-color:#cd8500;}
.label-condominio {background-color:#1fc600;}
.label-gdpr {background-color:#001eff;}
.label-commerciale {background-color:#9d56c9;}
.label-commerciale-internazionale {background-color:#026012;}
.label-consumatore {background-color:#d05c87;}
.label-successioni {background-color:#fcaa6b;}

p.city {text-align:right; margin-top:15px;}

/* label argomenti avvocati */
.label-avvo {background-color:#eeeeee;font-size:100%; line-height:1.5em; /*color:#5bc0de;*/ color:#21c674; display:inline-block; margin:2px;
font-weight: 550;}

a.linkedin {background-color: #2867b2!important;} 
a.linkedin:hover {background-color:#00a0dc!important;}

/* Modifica profilo menu item */
/* masthead */
.edit_profile div.ja-masthead {padding: 150px 0px 70px 0px;} 
.edit_profile .ja-masthead::before {opacity: 0 !important;}

/* label argomenti avvocati */
.label-avvo {background-color:#eeeeee;font-size:110%; line-height:1.5em; color:#5bc0de; display:inline-block; margin:2px;}

/* edit profile menu item */
.edit_profile .inputbox {width:100%!important;}

/* allineare il label al selettore - lista */
.edit_profile .control-label {padding-top:0px;}

/* radio field */
.view-profile .btn-group.radio > input.btn-check {
    margin-left: 0px !important;
}
.view-profile .btn-group.radio > .btn {float: none; margin-top: -20px; margin-left:25px; text-align:left; background-color:transparent;color:#333333;border:none;}
.radio label {padding-left:0; display:block;}

/* label di checkbox */
.field_checkbox label  {font-weight:400; margin-left:15px;}

/* se metto un modulo in sidebar2 la pagina acquisisce min-height eccessivo: soluzione.*/
.edit_profile div#t3-content {min-height: auto!important}

/* il modulo tags popular argomenti nella sezione Chiedi ad un Avvocato */
.domande a:hover {background: #3a87ad!important;}

/* modulo menu in sidebar */
.menu .nav-pills > li.active > a {background-color:#2A5C74; color:#fff!important;}

/* module title di colore blu */
.module-title-blu {color:#254f65!important;}

/* membership */
.membership h1 {font-size: 40px;}
.membership h2 {font-size: 30px; margin-top:30px;}
.membership .ja-masthead::before {opacity: 0;}
.membership div.ja-masthead {padding: 150px 0px 70px 0px;}

/* membership - pagamento offline bonifico - troppo vicino all'icone paypal lo sposto più in basso */
div.os_offline {margin-top:20px;}

/* modulo prezzo plan */
div.osm-plan-header {background-color: #3a87ad!important;}
div.osm-plan-price {background-color: #3a87ad!important;}
.osm-plan-price:hover {background-color: #1e375c!important;}
h2.osm-plan-title {color:#fff;}
ul.osm-signup-container {display:none!important;}

/* nella pagina adesione avvocati il modulo con il riepilogo del piano: ha un titolo "subscription plan" che non riesco a togliere. Lo cancello così. Adesione è la classe assegnata al menu item con l'articolo */
.adesione .osm-page-title {display:none;}

input#amount, input#tax_amount, input#gross_amount, input#discount_amount {width: 150px!important;}
span.add-on {float:left;padding-top: 15px!important;font-size:18px!important;}

/* Nei div alert che hanno lo sfondo rosso o blu rendo anche h1-h2 etc dello stesso colore: di default rimangono neri */

.alert-danger h2, .alert-danger h3{color: #783030!important;} /* in tal modo tutti gli h2 e h3 nel div danger sono rossi */
.red {color: #783030!important;} /* questo lo lascio così per i casi in cui invece che danger ho già usato error per il div in rosso*/
.blu {color: #254f65!important;}

/* pulsante donazione footer */
.pay {padding:10px 22px; text-align:center; color:#fff!important;background-color:#1e375c;border:thin solid #fff!important;}
.pay:hover {background-color: #21c674;border:thin solid #fff;}

/* pulsante donazione pre-domanda */
.pay_red {padding:10px 22px; background-color:#21c674; border:thin solid #fff; text-align:center; color:#fff!important;}
.pay_red:hover {background-color: #16844e;border:thin solid #fff;}

/* pulsante pagina donazione */
.pay_pal {padding:10px 22px; text-align:center; color:#fff!important; background-color:#3a87ad!important; width:80%;}
.pay_pal:hover {background-color: #5bc0de!important;border:thin solid #fff;}

.CA div.media-heading {display:none;}

/* pulsante call to action in modulo JACM hero style 1 con sfondo colore secondary #1b3060 (blu): al momento moduli
 * Sei un Avvocato e Perchè fare donazione */
.donazione a:hover {background-color:#1F8945; color:#ffffff; border:thin solid #fff;}
.donazione a {background-color:#28AE57; color:#303030;}
/* cambio il titolo del modulo da h1 a h2 e conservo le regole di stile di h1*/
.donazione h2 {font-size: 60px; color:#ffffff;font-weight:700;margin-bottom:30px;margin-top:0;}

/* custom css rules for tables */
table.stats {table-layout:auto;width:100%; border-collapse: collapse;}
.stats th {background-color: #d9edf7;border: 2px solid #bce8f1; color:#3a87ad;font-size:11px; text-align:center; padding:2px;}
.stats td {color:#3a87ad;font-size:11px; padding:2px; text-align:center;border: 2px solid #bce8f1;}
th.visite {background-color: rgb(50,100,194);color:#fff}
th.pageviews {background-color: rgb(6,176,109);color:#fff}

/* modulo membership status */
.status {color:#b94a48; background-color:#f2dede; border: thin solid #ebccd1;padding:10px;}
.status ul {list-style-type:none;}
.status li {text-align:center;}
.status p {text-align:center; font-size:20px}

/* modulo div alert info su pagina login */
.bottom {margin-bottom:0px;}

/* inserisco questo per il checkbox termini legali che compare nel form in cui si sottoscrive il plan  */
label.checkbox {padding-top:5px!important}

/* sidebar  */
.pay_sidebar {background-color:#1e375c;padding:10px 22px; text-align:center; color:#fff!important;border:none;font-size:13px;}
.pay_sidebar:hover {background-color:#21c674;}
button.navbar-toggler {display:none;}
.small {text-align:center; font-size:11px;color:#9e9e9e;}

/* la intro image deve essere di dimensioni 1200x630 o comunque 1:9 di ratio: in tal modo è delle giuste proporzioni 
 * per opengraph. Tuttavia, devo ridurre le dimensioni della immagine come mostrata come primo articolo nel blog menu item o categoria. */
 
.leading img {width:520px; max-width:100%;margin-bottom:5px;}

/* firma */
.firma {margin: 0 0 3px; font-weight:bold;}

/* inserisco questo per le icone delle licenze nell'articolo su Creative Commons */
.float-left {float:left; margin-right:30px;}

/* risoluzione problema al menu laterale per schermi piccoli come segnalato qui: https://www.joomlart.com/forums/d/42424-faulty-bootstrap-collapse-navigation-for-small-screens  */
.t3-header.has-hero + .t3-masthead .ja-masthead {z-index: 1;}

/* cambio il titolo degli articoli nel masthead da h3 a h1 editando il file in /templates/ja_morgan/html/layouts/joomla/content/masthead.php riga 49
 *  e conservo le regole di stile */
 /* applico le stesse regole di stile anche ai masthead della sezione Chiedi ad un Avvocato che sono in h3 */
h1.ja-masthead-title, h3.ja-masthead-title {line-height: 1.25; padding:0; color:#ffffff; font-weight:600;margin: 0 auto 12.5px; word-wrap:break-word; font-size:50px!important;}


/* loghi avvocati nei profili */
img.loghi {border: 1px solid #ddd; padding:2px; max-width:100%; border-radius:4px; display:block;}

/* modulo chi sono nel profilo di Angela Poggi */
.poggi .features-content {padding-bottom:10px!important;padding-top:80px!important;}

/* loghi avvocati nei profili */
img.loghi {border: 1px solid #ddd; padding:2px; max-width:100%; border-radius:4px; display:block;}

.poggi .features-content {padding-bottom:10px!important;padding-top:80px!important;}

/* nascondo il tasto con il link al profilo nel modulo Gli Avvocati Online su Avvocloud e Avvocato Online nel mondo in home page. Se lo tolgo dal modulo
 * poi perdo il link dalle foto. Devo dunque lasciare il tasto e poi nasconderlo via css 
.action-link-icon a {display:none;}*/

.avvocati-online-home a.action {display:none;}
.avvocati-italiani-mondo div.action-link-icon {display:none;}
.aggiornamenti div.action-link-icon {display:none;}
.aggiornamenti h2 {color:#ffffff;} /* nel modulo aggiornamenti in home page ho messo lo sfondo blu e devo cambiare il colore del titolo in bianco.
Originariamente era h3 ed era bianco, l'ho cambiato in h2 e ha preso il colore di default di h2 che è scuro. */

/* bordo immagini nel modulo aggiornamenti in home page */
.aggiornamenti img {border:1px solid #ffffff;}
.aggiornamenti img:hover {border:1px solid #21c674;}

/* ho modificato il file style-1.php del modulo acm features-intro style-1 di Avvocati Italiani nel mondo per fare un link del nome dell'avvocato.
 * devo aggiungere la seguente regola di stile per l'hover */
.avvocati-italiani-mondo a {color:#333333;}
.avvocati-italiani-mondo a:hover {color:#21c674;}


/* in home page le foto degli avvocati: ho messo attributi width e height ma se si ridimensiona la pagina le foto perdono l'aspect ratio. 
 * Con la regola che segue si mantiene l'aspect ratio pur impostando width e height */
.avvocati-online-home img { max-width: 100%; height: auto; width: auto;}
.avvocati-italiani-mondo img { max-width: 100%; height: auto; width: auto;} 
  
/* ho modificato il file del modulo una rete di avvocati online ho cambiato il titolo del modulo in home page da h3 a h2 e assegno le seguenti regole di stile */  
div.rete-avvocati-online h2 {font-size: 40px; font-weight: 400;}
div.rete-avvocati-online h3 {font-size: 22px;margin-bottom:30px;}

/* i module acm features-intro: non è possibile fare l'override e devo editare i file. Ho cambiato il titolo del modulo in h2 e con le seguenti
 * regole di stile applico le medesime regole che prima valevano per il titolo del modulo che era in h3. Lo stesso per i titoli all'interno del 
 * modulo che ho cambiato da h4 a h3 */
.acm-features h2 {font-size: 36px; font-weight: 400;}
.acm-features h3 {font-size: 22px;margin-bottom:20px;}

/* il modulo acm-features-intro style-4: per intenderci modulo intro balestra. Ho cambiato il titolo (nome avvocato e LEXIBC in h3, ma ora il colore
 * è scuro e non risalta sullo sfondo anch'esso scuro. Devo cambiare in bianco */
.style-4 h3 {color:#fff;}

/* il modulo acm-features intro-4: per intenderci: il modulo intro-balestra: devo scurire il background per aumentare il contrasto
 * per motivi di accessibilità. */
.bg-lv-2 {background:#2F6060!important} /* background style-2 */
.bg-lv-3 {background:#5C5651!important} /* background style-3 */

/* modulo Gli Avvocati Online su Avvocloud in home page: testo sotto avvocato aumenta dimensione carattere e bold */
.avvocati-online-home span {font-size:16px!important;font-weight:bold;}
.avvocati-italiani-mondo img {padding:5px; border:thin solid #ddd;}

/* h2 size per risposte */
div.reply-body h2 {font-size:28px;}

/* margine superiore per h2 quando è all'inizio di una risposta - lo porto a 0 */
.no-top-margin {margin-top:0;}

/* h3 size per risposte */
div.reply-body h3 {font-size:22px;}

/* i link nell'indice di ogni articolo devono avere un po' di distanza tra loro per accessibility */
div.alert-info li {padding:8px;}
div.alert-danger li {padding:8px;}

/* cambio colore font per aumentare contrasto per accessibilità */
body {color: #595959;} /* il colore del testo */
.alert-info {color:#254f65!important;} /* il testo del div alert-info */
.alert-info a {color:#0a5731;}
.alert-info a:hover {color:#21c674;}
blockquote small {color:#595959;} /* testo small in calce a blockquote */
a.pathway {color:#0d5e37;} /* i link dal breadcrumb */
a.pathway:hover {color:#21c674;} /* link dal breadcrumb hover */
.breadcrumb {color:#525252;} /* il testo della pagina in cui siamo nel breadcrumb*/

/* link negli articoli del blog */
article a {color:#12874e;}
article a:hover {color:#21c674;}

/* modulo categorie blog in posizione sidebar2 */
.categorie-blog a {color:#595959!important;}
.categorie-blog a:hover {color:#21c674!important;}

/* tutti i titoli dei moduli in particolare quelli in sidebar2 */
.module-title {color:#0C693D;}

/* moduli ultime domande in sidebar2 */
.ultime-domande a {color:#0A5C34;}
.ultime-domande a:hover {color:#21c674;}
.ultime-domande {background-color:#f2f3f7; padding:8px 12px 12px 12px;font-size:14px;}
div.text-muted {color:#525252!important;}

/* accessibilità contrasto colori in div alert alert-error (rosso) */
.alert-error, .alert-danger{color:#783030!important;}
.alert-danger a, .alert-error a {color:#254D60!important;}
.alert-danger a:hover, .alert-error a:hover {color:#21c674!important;}

/* accessibilità contrasto colori in div alert alert-success (verde) */
.alert-success 	{color:#29562A!important;}
.alert-success a 	{color:#09582F!important;}
.alert-success a:hover {color:#21c674!important;}

/* accessibilità contrasto colori in div alert alert-warning (giallo) */
.alert-warning 	{color:#664E29!important;}
.alert-warning a 	{color:#0B6037!important;}
.alert-warning a:hover {color:#21c674!important;}

/* il colore del subheading nei moduli Jacm - vedi quelli in home page */
div.sub-heading {color:#107F47!important;}

/* il colore del testo sotto il nome dell'avvocato nel modulo Gli Avvocati Italiani su Avvocloud in home page*/
.acm-teams, .position {color:#757575;}

/* accessibilità contrasto colori tag domande in Chiedi ad un avvocato */
.tags > span .label {color:#6E6E6E;}

/* aumento lo spazio tra gli elenchi puntati negli articoli del blog... */
.article-content li {margin-bottom:8px; margin-top:8px;}
/* ...ma non nei div alert */
div.alert li {margin-bottom:0px;}

/* come sopra nelle risposte Chiedi ad un Avvocato */
.reply-body li {margin-bottom:10px;}

/* Italic per testo delle citazioni con tag q */
q {font-style:italic;}

/* impedisce copia testo */
body {user-select:none;}

/* carosello - vedi articolo di Stefano Toro su creazione startup */
.carousel-inner > .item > img {margin:auto;}

/* modulo articoli related */
.related ul {list-style-type:none;}
.related li {margin-bottom:15px;}
.related img {margin-top:10px; margin-bottom:20px; border:thin solid #ddd; padding:3px; max-width:100%; height:auto;}
.related a {color:#12874e;}
.related a:hover {color:#21c674;}

.smaller {font-size:14px;}

/* articoli dal nostro blog in home page - module article latest */
.latest a:hover {color:#21c674!important;}
.latest img {border:thin solid #ddd; padding:3px;}

#jform_privacyconsent_privacy.t3onoff {
  border: 0;
  height: auto;
  width: auto;
}

#jform_privacyconsent_privacy.t3onoff .required.radio {
  display: flex;
  align-items: center;
}

#jform_privacyconsent_privacy.t3onoff .form-check {
  display: flex;
  align-items: center;
}

#jform_privacyconsent_privacy.t3onoff .form-check-label {
  height: auto;
  position: relative;
  text-indent: 0;
  width: auto;
}

#jform_privacyconsent_privacy.t3onoff .form-check-label::before,
#jform_privacyconsent_privacy.t3onoff .form-check-label::after {
  display: none;
}

#jform_privacyconsent_privacy.t3onoff .form-check-input {
  display: block;
}

.blog .items-row .article-intro {display:none;}

/* il div con la scritta contatta avvocato nella firma negli articoli del blog e nelle risposte Q/A */
.contatta-avvocato-blog {background-color:#1e375c;color: #fff;margin:-15px -15px 18px; padding: 5px 8px;text-align:right;}
.contatta-avvocato-qa {background-color:#1e375c;color: #fff;margin:-15px -15px 15px; padding: 6px 15px;text-align:right;}

/* il modulo dedicato a me in home page in basso */
.VL {background-color:#1b1b1b;}
.VL .testimonial-content {color:#fff!important; font-size:18px!important; font-style:italic;}
.VL .testimonial-info {color:#fff;}
.VL .testimonial-info span {font-size:15px!important;}