/*
Theme Name: Twenty Twenty One Fillow Theme
Theme URI: https://example.com
Description: A child theme for Twenty Twenty One.
Author: Lorenzo Cristofori
Author URI: https://example.com/
Template: twentytwentyone
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/



@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
body{
    background-color: #f8f8f8 !important;
}


.acf-fields > .acf-field {
    position: relative  !important;
    margin: 0 !important;
    padding: 10px 10px !important;
    border-top: none !important;
    border: none !important;
}


.cleanlogin-container {
    margin: 0 auto !important;
    max-width: 100% !important;
    position: relative !important;
    overflow: hidden !important;
    padding: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    border: 0 !important;
}


.cleanlogin-field .form-control {
    width: 100% !important;
    padding: 0.375rem 0.75rem !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #393939 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #f5f5f5 !important;
    appearance: none !important;
    border-radius: 1.25rem !important;
    height: 3.5rem !important;
}

#visualizzazione, .nav-header, .header, .dlabnav{
    display: block !important;
}

#stampa{
    display: none !important;
}


/*stampa*/

@media print {
	.content-body .container-fluid{padding:0;}
	
}
#stampa p{
    font-size:12px;
    line-height:13px;
    margin-bottom: 5px;
}

#stampa .testo_scheda_stampa p{
    font-size:10px;
    line-height:10px;
    text-align:justify;
    padding:0;
    margin-bottom: 0;
}

#stampa .intestazione {    
    background-image: url('https://gestionale.tuscolanariparazioni.it/wp-content/media/2021/09/cropped-logo-450.png');
    background-repeat: no-repeat;
    padding-top: 75px;
    background-size: auto 65px;
    background-position: top left;
    -webkit-print-color-adjust: exact; 
    margin: 0!important;
}

#stampa .field.data.stampa{position:absolute;top:0;right:0} 
#stampa .field.scheda_id.preventivo{float:right;}

#stampa .segno_di_sblocco.cell{
    padding-top: 11%;
    padding-bottom: 11%;
}

#stampa .single_post.scheda_riparazione{
    width: 100%;
    margin-left: 0 !important;
}

#stampa .testo_scheda_stampa p.cliente{
    padding:20px 15px;
}

#stampa .segno_di_sblocco .cell {
    box-sizing: border-box;
    border: 1px solid grey;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    margin: 1px;
    font-size: 12px;
    line-height: 12px;
    padding: 10px;
}

#stampa .segno_di_sblocco{
    padding: 0;
    width: 160px !important;
}

#stampa .dati_scheda_riparazione .right_group.col-4{
    margin: 0 auto;
}

#stampa .single_post p span, #stampa .preventivo.field p span, #stampa .ricevuta.field p span{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.8em !important;
}

#stampa .preventivo.field.prezzo p, #stampa .ricevuta.field.prezzo p {
    font-size: 20px;
    line-height: 16px;
    font-weight: bold;
    padding: 20px 0;
}

#stampa .dati_cliente.row.header_cliente, #stampa .dati_scheda_riparazione{
    margin: 0;
}

#stampa .single_post.scheda_riparazione > .row.col-12{
    margin: 0 auto;
}

div#data_ora{font-size: 42px;
    line-height: 52px;
    border: 2px solid;
    height: 250px;
    border-radius: 50%;
    width: 250px;
    text-align: center;
    vertical-align: middle;
    padding-top: 75px;
    margin: 0 auto;}

.site-info .site-logo img {    
    width: 150px;
    height: auto;
}

#visualizzazione .segno_di_sblocco .cell span{
    min-width: 40px !important;
}

.nav-header .site-logo.brand-logo .custom-logo-link .custom-logo{
    max-width: 100%;
    height: auto;
}

#homeButtons a.btn {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.text-right{
    text-align: right !important;
}

@media print {

        #visualizzazione, .nav-header, .header, .dlabnav{
            display: none !important;
        }
    
        #stampa{
            display: block !important;
        }
    
        body {
            margin: 0 0 0 0!important;
        }

        .content-body{
            width: 100% !important;
            margin: 0 auto !important;
            padding-top: 0 !important;
        }

        body.preventivo .stampa, body.ricevuta .stampa{
            display: block !important;
            
        }
        
        body.preventivo .preventivo{
            display: block !important;
        }
        
        body.preventivo .ricevuta{
            display: none !important;
        }
        
        body.ricevuta .ricevuta{
            display: block !important;
            padding:0;
        }
        
        body.ricevuta .preventivo{
            display: none !important;
        }

        .row.buttons, footer.entry-footer, footer.site-footer{
            display: none;
        }

        .site-header, .site-main, .widget-area, .site-footer{padding-top:0;padding-bottom:0;}

        #content{
            padding-right: 0;
            padding-left: 0;
        }


        /*------------------------------- CODICE COPIATO ------------------------------------------------------------------------------*/

        body {
            font-size: 14px;
            line-height:16px;
        }
        
        
        .site-main > * {
            margin-top: 0;
            margin-bottom: 0;
        }
        
        
        #wpadminbar {
            z-index: 99999999999;
        }
        
        #content-left.col-1{width:5%;}
        
        .col-11 {
            flex: 0 0 auto;
            width: 95%;
        }
        
        ul, ol {
            padding-left: 0;
        }
        
        
        *:focus{    text-decoration: none!important;outline-offset: 0!important;
            outline: 0 dotted var(--form--border-color)!important;}
        
        
        h3, .h3 {
            font-size: 20px;
            padding: 15px;
            font-weight: bold;
        }
        
        * {font-family: 'Roboto', sans-serif;transition-duration: 0.1;}
        
        #page.row{
            --bs-gutter-x: 0 !important;
        }
        
        .hideTh{
            display: inherit !important;
        }
        
        #content-left{
            transition-duration: 0.5s;
        }
        
        #content-right{
            transition-duration: 0.5s;
        }
        
        #left{
            border-right: 2px solid var(--global--color-black);
        }
        
        #content-left .primary-menu-container{
            margin: 0 auto !important;
        }
        
        #content-left .primary-menu-container .menu-item{
            width: 100%;
            display: block;
        }
        
        div.single_post{
            max-width: 100% !important;
            margin-left: 0% !important;
            margin-right: 0% !important;
        }
        
        .text-right{
            text-align: right !important;
        }
        
        .italic_sub{
            font-style: normal;
            text-decoration: none;
            font-weight: bold;
            text-transform: uppercase;
        }
        
        .dati_scheda_riparazione{
        border-bottom: 2px solid #474544;
        }
        
        .dati_scheda_riparazione{
        padding:0;
                width: 100%;
        }
        
        /*
        .dati_scheda_riparazione .col-12{    
            flex: 0 0 auto;
            width: auto;
            display: table;
            padding: 5px 15px;
        }
        */
        
        
        .dati_cliente.row.header_cliente{    
            border-top: 2px solid;
            border-left: 2px solid;
            border-right: 2px solid;}
        
            .dati_scheda_riparazione.row{    border-bottom: 2px solid;
                border-left: 2px solid;
                border-right: 2px solid;}
        
            .dati_cliente.row.header_cliente p.italic_sub{   padding:15px;}
        
        .dati_scheda_riparazione .col-4 {margin:0 auto;}
        
        .preventivo.field.prezzo{text-align:left!important;padding:0;}
        
        .preventivo.field.prezzo p, .ricevuta.field.prezzo p{font-size: 20px;
            line-height: 16px;
            font-weight: bold;
            padding: 20px 0;}
        
        .single_post p span{
            font-weight: bold;
            text-transform: uppercase;
            font-size: 0.8em !important;
        }
        
        /*
        .single_post .row{
            margin-right: 0;
            margin-left: 0;
        }
        */

        .segno_di_sblocco .cell{
            border: 1px solid grey;
            border-radius: 50%;
            padding-top: 6%;
            padding-bottom: 6%;
        }
        
        table.fullWidth{
            max-width: 100% !important;
            margin: 0 auto !important;
        }
        
        
        #page.my_template .btn.my-btn-outline{
        
            position: relative;
            text-decoration: none;
            text-transform: uppercase;
        
            background-color:transparent;
        
            border: 2px solid #474544;
            background: transparent;
            color: #474544;
            border-radius:0;
        
        }
        #page.my_template .table .btn.my-btn-outline{
        padding: 0 10px;
        }
        #page.my_template .table .btn ::before{
            font-size: 10px;
        }
        
        #page.my_template .btn.my-btn-outline:hover{
          
            border: 2px solid #2ecc71;
            background: transparent;
            color: #2ecc71;
        }
        
        .wp-custom-logo .site-header {
        
            padding: 0;
        }
        .site-logo .custom-logo {
            max-width: none;
            max-height: none;
            height: auto;
            width: 100%;
        }
        
        .primary-navigation .primary-menu-container > ul > .menu-item > a {
            font-size: 16px;
            line-height: 18px;
            border-top: 1px solid #FFF;
            border-bottom: 1px solid #FFF;
            text-decoration: none;
        }
        .primary-navigation .primary-menu-container > ul > .menu-item > a:hover{   
            text-decoration: none;
            border-top: 1px solid #000;
            border-bottom: 1px solid #000;
        }
        
        /*
        .single .col-4 {
        
            flex: 0 0 auto;
            width: auto;
            display: table;
            padding: 5px 15px;
           
        }
        */
        
        
        .single .col-6 {
            flex: 0 0 auto;
            width: auto;
            display: table;
            padding: 5px 15px;
        }
        
        /*
        .single .col-12 {
            flex: 0 0 auto;
            padding: 0;
        }
        */

        .entry-content p {
            word-wrap: break-word;
            padding: 0;
            text-align:justify;
           
        }
        
        hr:not([size]){display:none;}
        
        .segno_di_sblocco.col-8{padding:0; width: 160px;}
        /*
        .segno_di_sblocco .col-12 {
            padding: 0;
            text-align: center;
            margin: 0 auto;
            width: auto;
        }
        */

        .segno_di_sblocco.row.col-12{
            margin: auto;
            width: 50%;
        }

        .segno_di_sblocco .riga_1, .segno_di_sblocco .riga_2, .segno_di_sblocco .riga_3 {
            margin: 0 auto !important;
        }

        .segno_di_sblocco .cell{
            margin: 0 auto !important;
        }

        .segno_di_sblocco .col-12 .col-12:after{
            content:'';
            display:block;
            clear:both;
        }
        
        .segno_di_sblocco .cell {
            border: 1px solid grey;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            margin: 1px;
            font-size: 12px;
            line-height: 12px;
            padding: 18px;
        }
        
        .segno_di_sblocco p, .codice_di_sblocco p {
            text-align:center;
            padding:0px 10px;
        }
        
        
        
        .single .site-main > article > .entry-footer{display:none;}
        
        .no-widgets .site-footer{    width: 100%;
            margin: 0;
            max-width: none;
        padding-bottom:0;}

        
        .home #page .acf-fields > .acf-field{width:100%;float:none;} 
        
        .home #page #content .col-12{margin: 0;
        max-width: none;margin-top:50px;}
        
        .home #page #content .col-12 ul{
            list-style: none;
        }
        
        .home #page #content .col-12 ul li{
           width:18%;float:left;margin-left:1%;margin-right:1%;
        }
        
        .home #page #content .col-12 ul li a{
            border: 2px solid #333;
            padding: 7px;
            box-sizing: border-box;
            text-align: center;
            display: block;
            height: 150px;
            padding-top: 60px;
            text-decoration: none;
            font-weight:bold;
            font-size:18px;
            line-height:22px;
         }
        
         .home #page #content .col-12 ul li a:hover{
            border: 2px solid #2ecc71;
            color: #FFF;
            background: #2ecc71;
        
         }
        
        
        #page .mce-toolbar .mce-btn button{padding: 10px 14px;border:none;border-bottom: 1px solid #333;}
        
        #page .mce-toolbar .mce-btn-group .mce-btn:hover{box-shadow:none;}
        
        #page .mce-toolbar .mce-btn-group .mce-btn{border:none;}
        
        div#data_ora{font-size: 42px;
            line-height: 52px;
            border: 2px solid;
            height: 250px;
            border-radius: 50%;
            width: 250px;
            text-align: center;
            vertical-align: middle;
            padding-top: 75px;
            margin: 0 auto;}

		.content-body{
			min-height: 0 !important;
		}


}