/* Theme Name: MioLegale Author: Gianluca Lanciano Author URI: https://www.miolegale.it/author/avv-gianluca-lanciano/ Template: smart-mag Version: 6.23 */ .css-1hy2vtq{display: none!important;} #wpadminbar {/* barra admin bkend wp oceano*/ background: #1e5192;} #tinymce{font-family: Arial;max-width: 1440px!important; font-size:16px} /*serve per il backend */ #whos {display: none} /* PERSONALIZZO MENU ALTO */ .smart-head .logo-image {background:transparent}/*serve ad evitare sfondo bianco durante il preload del logoo*/ /* .smart-head .h-date {font-size: 12px;color:#f0f5f7} .smart-head .h-date{padding-left: 6px;} */ /* data in alto (attualmente non in uso ho messo secondary menu*/ .mega-menu .sub-cats:not(._) a {padding-left: 20px; font-size: 16px;} /* aggiusto il padding e il font del megamenu*/ .mega-menu .sub-cats {padding: 40px 0px} /* aggiusto il padding del megamenu*/ .mega-menu-a .sub-cats + .recent-posts{background-color: #f9fcff;}/*faccio il background come l'hover del selettore */ .mega-menu .sub-cats {border-right: none;}/*tolgo bordo destro per raccordare bene */ .recent-posts {min-height: 328px} /*serve a non far scalare il megamenu*/ .sub-menu {width: 300px }/* aggiusto submenu in larghezza*/ .navigation .menu > li li a {padding: 8px 12px}/*aggiusto lo spessore dei sottomenu*/ .navigation .menu li > ul > li > a:after{color:#000}/*freccetta nel sottomenu */ .s-light .smart-head-sticky:not(.s-dark) { background: #1e5192} /*barra navigazione sticky di default diventa bianca come nel tema health care che avevo scelto */ sup, sub{font-size:90%;} sup{vertical-align:super} .pagination-more :hover{border-color:#1e5192; color:#1e5192;background-color: #fff;}/*hover su bottone load more */ .content > .post-meta >div.post-title a {font-size: 15px;} /*titoli articoli nel widget sidebar un poco più grandi */ .spc-social-follow-c .service-link{line-height: 30px;}/*assottiglio ancora di più il widget social stile light 2 columns */ .archive-description{font-size: 18px; margin-left: 28px;}/* descrizione sotto h1 negli archivi elenchi articoli aree */ a:hover{color: #1e5192} /*mantengo il colore sul link che altrimenti cambia per impostazioni base del tema */ button:hover{filter: brightness(120%)}/*hover su button colore chiaro uguale per tutti. il colore del button hover è definito separatamente in banca dati e calcolatori e consuelenza */ /* per i button reset ci sono regole a parte per banca dati e miolegale ai in quanto hanno classi specifiche e devo scurire */ input, textarea, select {color:#2d2d2d}/*scurisco colore testo in textarea*/ textarea{background-color: #fff; /*#fafdff*/ width: 90%!important;} .smart-head-search .query{width:150px} .smart-head-search .query:focus{width:230px}/*campo di ricerca */ .live-search-results{width: 400px;} /*allargo la colonna dei risultati di ricerca */ /*ritocchi alle funzioni di ricerca */ .live-search-query, .smart-head-search .search-button {color: #ffffff!important}/* colore lente sulla barra */ .tsi-search{font-size: 18px;}/* ingrandisco icona cerca */ .search-modal .search-field{font-size: 26px; font-weight: 500}/* size della scritta cerca*/ .search-modal-box {padding: 0 20px}/* riduco il padding laterale alla casella di ricerca mobile */ .search-modal .message { color: var(--c-contrast-500)}/* aumento contrasto scritta esplicativa */ .mfp-close{color:#ffffff; font-size: 35px}/*X di chiusura ricerca in bianco */ button.mfp-close:hover{background: #173f71!important}/* hover blu scuro su bottone chiusura ricerca che altrimenti sarebbe chiaro come per i bottoni del sito*/ .mfp-bg{background-color: #173f71;opacity: 0.93}/* background del layout cerca con il blu della barra in trasparenza */ /* WIDGET NEWSLETTER */ input.tnp-email {padding:4px; width: 90%;border:1px solid #afcef4; max-width:320px;/* aggiunto da me per evitare campo lungo su tablet */ margin-bottom:25px; height:35px;font-size:14px} input.tnp-submit:hover{background-color: #1E518E} /* HAMBURGHER MENU CHE SI APRE */ .off-canvas-content{padding: 25px 10px 25px 25px} .mobile-menu li a{padding-right:5px}/*lo riduco ed espando la freccia perchè voglio far aprire meglio i sottomenu al clic */ .mobile-menu li a:hover{color:#265099} .mobile-menu .chevron{padding: 0 25px 0 50px; font-size: 18px;color: var(--c-contrast-500);-webkit-text-stroke: 1.2px var(--c-contrast-200)} /* rendo più ampio lo spazio cliccabile freccia per aprire sottomenu */ .mobile-menu li li .chevron{font-size: 14px;} .mobile-menu .item-active > .chevron{padding: 0 50px 0 25px}/*padding opposto per la chiusura*/ .mobile-menu li li{padding-left:0px}/* il primo padding lo porto a zero perchè ho anche i sottomenu così ci entra tutto bene */ .off-canvas-active .off-canvas{background: #dcecf7}/*hamburgher menu parte che si apre con i link alle risorse */ .off-canvas-head {padding: 20px 25px;padding-top: 38px;background-color: #173f71}/*hamburgher menu testata che serve per evidenziare il titolo del sito */ .off-canvas .close{background-color: #173f71; color:#B2BCCD; font-size: 22px;}/* X di chiusura hamburgher*/ /* PERSONALIZZO FOOTER */ .main-footer .lower-footer {min-height: 150px!important} /* altezza per ospitare banner ora ho tolto Ancoraggio quindi non mi serve */ .main-footer .lower-footer a:hover{color:#ffffff} /* colori link */ .textwidget {--ul-style:none; font-family: "roboto"; font-size: 17px;} /* elenco in contatto */ .textwidget ul{margin-left: 0px;} /* elenco in contatto */ p.rpwe-title a{color:#476395;font-size: 16px; font-weight: 500; font-style: italic;}/*motto latino in footer*/ .textwidget{line-height: 34px} /* TAG CLOUD IN FOOTER */ .tagcloud a{margin: 5px 0.3em; padding: 6px 6px; border:none;color:#2d2d2d; background-color: #cfdcee} .lower-footer {font-size: 15px}/*linea del copyright e menu secondario*/ .author-info{font-size: 16px} @media only screen and (max-width: 1024px) {.main-content:not(.main) { width: 100%; } }/* abbinato alla rimozione sidebar su mobile serve ad allargare il main content a tutta pagina */ /*############################################# /* TIPOGRAFIA CONTENUTI*/ /*###########################################*/ /* BLOCKQUOTE */ .post-content blockquote:before {font-family: 'Libre Franklin'; display: block; content: "“"; position: absolute; top: 0px; left: 0px; color: #a1bedd; font-size: 48px; background-color: #eaf2fa!important; bottom: 0px; width: 22px; /*vertical-align:middle*/; line-height: 75px; text-align: center} /*blockquote2 è uno stile che uso sui div per avere lo sfondo blu senza le virgolette come negli esempi di calcolo dei calolatori */ .blockquote2, .post-content blockquote {color: #5d5959; display: block; font-size: 90%; position: relative; border-left: 0px; padding-left: 50px; background: #f9fbfe; padding-top: 15px; padding-bottom: 15px; padding-right: 15px; border: 1px solid #eaf2fa!important;/*serve per sovrascrivere il bordo del tema base */ line-height: 1.6em} .post-content blockquote p {font-size: inherit; font-family: inherit; line-height:inherit} .post-content blockquote p:last-child { margin-bottom:0} /*creo uno stile simil blockquote per i div con spiegazioni nei calcolatori senza virgoletta di citazione sul bordo sinistro */ .blockquote2{padding-left: 25px;line-height: 1.9em} /*font più piccolo all'80% per spiegazioni varie esempio nelle spiegazioni della tabella del danno biologico micropermanenti */ .ottantapc{font-size:80%} /* TAG SOTTO ARTICOLI*/ .the-post-tags a{font-weight: normal!important; color:#2d2d2d; padding: 3px 10px; border:none; background: #eaf2fa!important} .the-post-tags a:hover{color:#225699;background: #eaf2fa!important} .post-meta .meta-item{font-size: 14px} .post-meta > :first-child{margin-bottom: 10px;} .post-meta .has-author-img{margin-top: 20px;} /*spazio post meta sotto titolo */ .post-share-b{margin-top: 25px}/*spazio icone social meta sotto titolo */ .post-share-float a:hover, .post-share-b a:hover{background-color: #f3f8fe}/* azzurrino su hover icone social */ .fonte{margin-bottom: 5px!important;font-size: 90%; font-style: italic;} /* fonte notizie e massime */ .sentenza{margin-top:6px!important; margin-bottom: 0px!important; font-size:18px;font-weight:600}/* sentenza linkata in massime sotto */ .sentenza1{font-size:22px;font-weight:700;margin-top: 20px}/* sentenza linkata in massime sopra vicino ad h2 la stilizzo come un h3 */ /*HACK CSS BANNER */ /* .a-wrap-base,.show-lg,.show-md,.show-sm{margin: 0px!important} /*sono i contenitori dei banner a-wrap-base contenitore in mobile*/ /* .a-wrap-5,.a-wrap-6 {padding: 0px!important}.a-wrap-5 e 6 sono rispettivamente i banner sopra e sotto articolo */ /* .single-featured {margin-bottom: 0px} tolgo il margine sotto per appiccicarle immagine a banner */ /* .a-wrap {border: 1px solid var(--c-separator);padding: 20px 0px}bordo agli annunci nella sidebar */ */ /* ELENCHI SENZA NUMERI UNORDERED LIST */ .correlate ul { list-style: square !important; /* bullet quadrati */ } /*######## LuckyWP table of contents ######## */ /* codice base incorporato qua e fatto dequeue forse il dequeue non funziona ma comunque mi serve qua per averlo sull'autoload dei post*/ .lwptoc{margin:32px 0}.lwptoc:first-child{margin-top:16px}.lwptoc_i{padding:14px 18px 18px;text-align:left}.lwptoc_header{margin-bottom:6px}.lwptoc_toggle{white-space:nowrap;margin-left:4px;font-size:80%}.lwptoc_toggle_label{margin:0 1px}.lwptoc_item{margin-top:2px}.lwptoc_item:first-child{margin-top:0}.lwptoc_itemWrap .lwptoc_itemWrap{margin:2px 0 0 14px}.lwptoc-autoWidth .lwptoc_i{display:inline-block} /* sottolivelli LuckyWP table of contents personalizzati */ .lwptoc_toggle_label{color:#5b6680} div.lwptoc{border: 1px solid #eaf2fa!important; background: #f9fbfe; margin-top: 0px;} .lwptoc_toggle{font-size: 96%!important; font-weight: 500; margin-left: 0px!important;} .lwptoc_toggle:before, .lwptoc_toggle::after{content:none!important}/*le freccette le ho messe nel bakend plugin direttamente */ div.lwptoc_itemWrap div.lwptoc_itemWrap > div.lwptoc_item {font-size: 96%;} div.lwptoc_itemWrap div.lwptoc_itemWrap div.lwptoc_itemWrap > div.lwptoc_item {font-size: 94%;} /*######## Placeholder ######## */ ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color: #A2A2A2;opacity: 1} :-ms-input-placeholder { /* Internet Explorer 10-11 */color:#A2A2A2} ::-ms-input-placeholder { /* Microsoft Edge */color:#A2A2A2} form.search-form ::placeholder {color:#d2e9f7!important}/* Placeholder barra cerca in alto sempre chiaro azzurrino come gli hover della barra*/ /*####################################################### NUOVE TABELLE RESPONSIVE ######################################################### */ @media only screen { /* serve ad evitare problemi in fase di stampa */ caption{background: #1e5192;color: #ffffff;line-height: 28px;padding: 6px!important;text-align: center; font-weight:bold} table {vertical-align:middle!important;border-spacing: 0;border-collapse: collapse} .ml-table {width:100%;background: transparent; margin-bottom:24px} .ml-table tr{background:#f5fafd} .ml-table tr:nth-child(2n+1){background:#FDFDFD} .ml-table td, .ml-table tr{padding:0px;text-align: right} .ml-table th{ background:#396fb4; border: 1px solid #396fb4; color:#ffffff!important; border: 1px solid #cee1f5} .ml-table tr:first-child h4 {color: #ffffff!important; font-size: 16px; font-weight: bold;line-height: 26px;text-align: left;margin:0px} .ml-table td {display: block; text-align: right; margin: 8px 18px; border: 1px solid #cee1f5; border-collapse: collapse} /*allineo tutto a destra essendo quasi tutti numeri */ .ml-table th:first-child{text-align:left} .ml-table td:first-child {padding-top: 8px; } .ml-table td:last-child {padding-bottom: 8px} .ml-table th {text-align: right; margin: 8px 18px} /*allineo tutto a destra essendo quasi tutti numeri quindi anche la loro descriz a dx*/ .ml-table td[colspan]{text-align:center} /* celle unite al centro */ .ml-table tr td:first-child{text-align:left}/*allinea a sinistra il testo della prima cella di solito descrittivo*/ .ml-table td:before { content: attr(data-th); font-weight: bold; display: block; font-weight:500; margin-bottom:3px; /* text-shadow:0 1px 1px #f5f5f5; */ } @media (min-width: 770px) { .ml-table td:before {display: none} .ml-table th, .ml-table td {display: table-cell;padding: 5px 10px} .ml-table th:first-child, .ml-table td:first-child {padding-left: 0} .ml-table th:last-child, .ml-table td:last-child {padding-right: 0} .ml-table th, .ml-table td {padding: 0.6em !important} } @media (max-width: 769px) { table{max-width:100%;background: transparent; border:none} .ml-table th,.ml-table td {border:none;padding-left:10px} .ml-table tr td{ background-color:#f5fafd } .ml-table tr:nth-child(2n+1) td{ background-color:#FDFDFD } .ml-table tr{background:transparent} .ml-table td {border-bottom:solid 1px #f9f9f9 !important; margin:0; padding:15px } .ml-table tr {display:block !important;margin-bottom:0px;border-top:none; border-bottom:solid 5px #396fb4; } .ml-table tr:last-child{border-bottom:none; margin-bottom:-1px} .ml-table tr:first-child{border-top:none; margin-top:0px; border-top:solid 5px #396fb4;background: #396fb4;} .ml-table tr{ border-bottom:solid 2px #cee1f5} .ml-table td,tr{padding:0px;font-size:14px} .ml-table th {text-align: left} .ml-table td { text-align: left} } } /*centro destra e sinstra per cambiare allineamento delle celle tabella dove necessario con stile sulla singola cella*/ .centro{text-align: center!important} .destra{text-align: right!important} .sinistra{text-align: left!important} /* ################################################################# FORM RESPONSIVE ####################################################################*/ @media (max-width: 1023px){.meta-above, .box-highlight {display:none!important} /* categorie sfondo blu sotto breadcumbs e .box-highlight li faccio vedere solo su schermi grandi se no da problemi immagine */ .breadcrumbs-a {margin-bottom: 0px!important} /*tolgo il margine sotto ai breadcumbs per colmare il gap dei meta above mancanti*/ .post-title {margin-top: 0px!important} } @media (min-width: 1024px){ .box-newsletter, .box-highlight{vertical-align: center; font-size:18px; margin-bottom: 12px; background:#eef5fc;padding: 12px 18px 12px 12px;text-shadow: 0px 1px 1px #ffffff; border: 1px solid #cee1f5 !important; min-height:224px} .box-highlight img{float:left; width:320px;height:200px;margin-right:20px;} } @media (max-width: 801px) { /* nascondo le risorse correlate e la barra destra sotto a 800px la barra destra è comunque disattivata via php sul mobile ma questo hack server per i calcoloatori linkati che si aprono su desktop a 800 px*/ .correlate, .main-sidebar {display:none!important;} .ads_sopra, .ads_sotto { display: flex !important; justify-content: center !important; align-items: center !important; border: none !important; padding: 0 !important; margin: 0 !important; min-height: 120px; } .ads_sopra ins.adsbygoogle, .ads_sotto ins.adsbygoogle { display: inline-block !important; margin: 0 auto !important; float: none !important; /* width: 300px !important; // Solo se vuoi forzare, ma su Flex lascia commentato! */ /* height: 250px !important; */ padding: 0 !important; } .ads_sopra > div, .ads_sotto > div { display: flex !important; justify-content: center !important; align-items: center !important; padding: 0 !important; margin: 0 !important; } } .servizilegali{font-size:22px; line-height:36px} /*design form consulenza legale */ .formconsulenzalegale {background: #eef5fc;border: 1px solid #DDEBFC; padding: 3%; margin-bottom:5px;clear: both} .formconsulenzalegale button{display:block!important; margin:auto!important} div#frm_field_22_container{padding-left: 15%}/*sposto un poco al centro le modalità di pagamento*/ .with_frm_style .frm_checkbox input[type=checkbox], .with_frm_style .frm_radio input[type=radio]{margin: 10px} /* devo necessariamente sovrascrivere lo stile dei bottoni di formidable form- Applico stessi colori di consulenza e AI */ button.frm_button_submit{border: none !important; background:#1e5192!important; color: #fff!important;} button.frm_button_submit:hover{background: #1e5192!important} /*design form newsletter */ .box-newsletter{padding-top: 35px; text-align:center} .box-newsletter .tnp-submit, .box-newsletter .tnp-field .tnp-field-button {text-align:center; display:inline} .box-newsletter label{margin-right:15px} /*design form calcolatori lo devo mettere qui perchè lo uso anche nei selettori select utilità legali */ form.calcolatori {background: #eef5fc;border: 1px solid #DDEBFC; padding: 20px 15px; margin-bottom:5px;clear: both} form.calcolatori h2, form.calcolatori h3 {text-align:center;font-size:17px;font-weight: bold;margin:0 0 16px 0} form.calcolatori legend, form.calcolatori label, form.calcolatori table{font-size:15px !important} form.calcolatori legend{padding-left: 15px;} select{word-wrap: normal!important; word-break: normal!important;} /*Select senza formattazione browser e grab per scegliere le opzioni*/ select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer} select::-ms-expand {display: none;cursor: pointer} select:disabled {color: #7f95a4; background: #e9eef5;cursor: not-allowed;} /*select disabled con colori e cursore speciale */ /*devo replicare qui i due select perchè mi servono anche nelle utilità legali*/ .calcolatori select.full2{width:80%; margin-right: 6%} .calcolatori select.large2{width:65%; margin-right: 6%} @media (max-width: 770px) {.calcolatori select.full2, .calcolatori select.large2{width:95%;}} /*FINE FORM CALCOLATORI*/ /*ADS calcolatori in uso anche su select utilità legali quindi lo metto qui background: #eef5fc; */ .ads_sopra, .ads_sotto {border: 1px solid #D0DEEF; padding: 12px; text-align:center; width:100%;min-height: 118px} .ads_sotto{margin:12px 0px 15px 0px} #smartmag-block-codes-3 {min-height: 300px} /*banner in alto a detra sidebar per non avere scalamento duante caricamento ads */ /*######## CSS PER LA STAMPA ######## */ @media print { page{width: 21cm;height: 29.7cm; margin: 30mm 25mm 25mm 25mm;} body,html {width: 20cm} iframe, .ead-preview, .single-featured, .adsbygoogle, .ads_sopra, .ads_sotto, .smart-head, .main-sidebar, .post-share, .featured, .upper-footer, .related-posts, .lower-footer, .progress-wrap, .the-post-tags, .meta-item, .correlate, .breadcrumbs, button[type=submit], #mlai-widget, #mlai-form, #mlai-ads, .mlai-actions, .mlai-toggle, .mlai-cta, .mlai-disclaimer{display:none!important;overflow: hidden!important} .lower-footer, .copyright{background-color: #ffffff;} .copyright{color: #212121} .main-content{width: 100% !important;position:static; margin-bottom:10px;padding-bottom:10px} .post-content{font-size: 11px;} .post-content::after{content: "MioLegale.it © Avv. Gianluca Lanciano"; color: #212121; font-size: 10pt; margin-top: 20px;} /* h1:before{content: "MioLegale.it®"; color: #212121; font-size: 12pt; display: block; margin-top:-20px!important; margin-bottom: 15px;} */ h1{font-size:15pt!important;margin:15px} h2{font-size:13pt!important;margin:12px} h3{font-size:12pt!important;margin-top:12px;margin-bottom:12px} div.risultato {font-size: 13pt; padding:0px; border:0;margin:20px;} table {width:100%} .ml-table caption, .ml-table tr:first-child, .ml-table tr{background: #FDFDFD!important; color: #212121;} div.risultato table.ml-table{font-size:14px !important}/*riduco il font in stampa nelle tabelle risultato calcolo */ .ml-table tr:first-child th{color: #000!important;} .ml-table td {text-align: right; margin: 8px 18px} /*allineo tutto a destra essendo quasi tutti numeri */ .ml-table th:first-child{text-align:left} .ml-table th {text-align: right; margin: 8px 18px} /*allineo tutto a destra essendo quasi tutti numeri quindi anche la loro descriz a dx*/ .ml-table td[colspan]{text-align:center} /* celle unite al centro */ .ml-table tr td:first-child{text-align:left}/*allinea a sinistra il testo della prima cella di solito descrittivo*/ }