/** * C U S T O M  F O N T S  E M B E D 
    ==================================================================================*/

    @import url('https://rsms.me/inter/inter.css');


    /** * STRUTTURA
    ==================================================================================*/

    html, body              {  }
    body            		{ font-family: 'Montserrat'; font-size: 16px; font-weight: 300;  color: #333;  }
    
    section                 { padding: 80px 0 ; }
    .menunav                { padding: 0; }

    .banner                 { background-image: url("../img/banner.jpg"); background-size: cover; position: relative; }

    .container-fluid        { padding: 0}

    .site-title             { background-image: url("../img/logo.svg"); text-indent: -9999px; display: block; }   
    .site-description       { display: none; }

    header                  { padding: 0; }
    .pagina                 { padding: 80px 0; }

    footer                  { color: #fff; background-color: #086F38; display: block; padding: 20px 0;  }

    .servizio               { box-shadow: 0px 0px 18px -9px rgba(0,0,0,0.4); position:relative; overflow:hidden; margin:15px auto;  padding:20px; }


    #title                 { background-color: #086F38; position: relative; min-height: 200px; padding: 0;    }
    #title  h2, #crumbs    { z-index: 2; position: relative; }
    #title:after           {
        content: ' ';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: 0.4;
        background-image: url('../img/banner.jpg');
        background-repeat: no-repeat;
        background-position: left;
        -ms-background-size: cover;
        -o-background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
    }
    
    .pagina .row            { margin: 20px 0;}

    .free                   { width:70px; height:auto; margin: 40px 0;}

    #mapid                  { width: 100%; height: 550px; margin-bottom: 80px;  }
    
    .sedi                   { background-color:#3C3D36 ;}

    #banner-centro          { background-image: url(../img/fertilizzazione-concime.jpg); background-repeat: no-repeat; display: flex; justify-content: center; flex-direction: column; background-position: center center;}

    .sedi                   { padding: 40px 0 !important;   }
    .news                   { padding: 40px 0 !important;   }

    .perche  { background-color: #086F38; padding: 80px 0; }

    .testatina    { background-color:#086F38; height: 40px; line-height: 40px; }
    .testatina i  { margin: 0 10px 0 20px;  }
    .testatina a  { color:#fff; }

    #box        { background-color:#086F38; padding: 40px; color:#fff; border-radius: 5px; margin-bottom: 40px; position: relative; transition: all 0.5s ease;}
    #box p      { margin: 0;}
    #box h3     { font-size: 24px; color:#fff; font-weight:600; margin-bottom: 20px; }
    #box .btn    { margin-bottom: 20px; text-transform: uppercase; font-weight: 200; letter-spacing: 1px; font-size: 12px;}

    #box:before {
        position: absolute;
        top: 15px;
        left: 15px;
        content: "”";
        font-family: 'PT Serif Caption', 'serif';
        font-weight: 700;
        font-size: 200px;
        line-height: 150px;
        opacity: .3;
        width: 80px;
        height: 80px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    #box:hover  { transform: scale(1.1); }

    #box span    { font-size: 12px; display: block; margin-bottom: 20px; }

    .wp-block-image img { width: 100%; height: auto;}


    /** *   C A T A L O G O  P R O D O T T I
    ==================================================================================*/
    

    .catprodotto            {     transition: all 0.5s ease; padding: 40px; position: relative;  height: 320px; background-color: #F5F5F5; margin-bottom: 20px; }

    .catprodotto h4        { font-size: 21px; color: #086F38;} 
    .catprodotto p         { font-family: 'Inter', 'sans-serif'; font-size: 13px; color: #086F38; line-height: 18px; margin: 20px 0; } 

    .catprodotto:hover      { background-color: #086F38; }
    .catprodotto:hover h4   { color: #fff; }
    .catprodotto:hover p    { color: #fff; }

    .btn-outline-success    { color: #086F38; border-color: #086F38; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; position: absolute; bottom: 20px; } 
    .catprodotto:hover .btn-outline-success { color: #086F38; background-color: #fff; border-color: #fff; }

    .spazio { margin: 60px 0 40px 0; }


    /** *   T I P O G R A F I A
    ==================================================================================*/
    

    h1, h2, h3,h4, h5, h6    { font-family: 'PT Serif', 'serif'; color: #086F38; font-weight: 700; font-style: normal;   }
    
    p                     { font-family: 'Inter', sans-serif; margin-bottom: 40px; font-weight: 400; line-height: 26px; }
    
    html 				  { text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;} 
    body 				  { *zoom: 1; text-align: left; overflow-x: hidden; -ms-word-wrap: break-word; word-wrap: break-word; }

    #title h2             { color: #fff; letter-spacing: 3px; margin: 80px 0 0 0; z-index: 2; font-size:36px;} 
    #title h6             { color: #eee; margin: 10px 0 0 0; font-weight:normal; letter-spacing:1px; } 
    
    footer p              { color: #fff; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; }
    footer h3, footer h4, footer h5             { color: #fff;  }
    footer h4             { text-transform: uppercase; letter-spacing: 2px; font-size: 16px; font-weight: 600; margin: 50px 0 20px 0; }
    footer h5             { width:80%;  }
    footer a              { color: #fff; }
    footer img            { width: 200px; height: auto; margin: 20px 0; }

    .btn-default          { background-color: #086F38; color:#fff; font-size: 12px; text-transform: uppercase; letter-spacing: 1px;  border-color: #086F38;}
    .btn-default:hover    { background-color: #000; color:#fff; }
    .button:hover         { background-color: #000; color:#fff; }
    
    a                     { }
    a:link                { }
    a:focus               { outline: 0;}
    a:hover               { text-decoration:none; }

    .widget ul                { margin:20px 0;; padding: 0; list-style-type: none; }
    .widget ul li             { border-bottom: 1px solid #eee;  padding: 10px 0; }
    .widget ul li a           { font-size: 14px; font-weight: 400; color: #086F38; }
    .widget ul li a:hover     { color:#222; }

    .footwid ul                { margin:0; padding: 0; list-style-type: none; }
    .footwid ul li             { padding:10px 0; border-bottom: 1px solid #005019; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); }
    .footwid ul li a           { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; }
    .footwid ul li a:hover     { color:#FF0000; }

    ul.sitemap          { columns: 2; -webkit-columns: 2; -moz-columns: 2; list-style-type: none; padding: 0; margin: 40px 0;  column-gap: 40px;}
    ul.sitemap li       { line-height: 30px; }
    ul.sitemap li a     { color: #cc0000; }

    .servizio           { text-align: center; min-height: 230px; }
    .servizio img       { height: 80px; width: auto; margin-bottom: 20px; }
    .servizio h4        { font-size: 18px; margin: 20px 0;  }
    .servizio p         { font-size: 14px; line-height: 21px; margin-bottom: 0;  }

    .banner h2          { font-family: 'Montserrat'; text-transform: uppercase; letter-spacing: 2px; font-weight: 700 !important; color: #fff; text-shadow: 2px 2px 2px #333; line-height: 58px; }
    .banner h4          { font-size: 28px; color: #fff; text-transform: uppercase; letter-spacing: 2px; }

    #banner-centro h2       { color: #fff; text-align: center; font-family: 'Montserrat'; font-weight: 900; letter-spacing: 2px; margin: 0 auto; }
    #banner-centro h4       { color: #fff; font-weight: 900; letter-spacing: 2px; margin: 40px auto; }

    .claim p        { color: #fff; }
    
    .sedi h3, .sedi h5, .sedi a, .sedi p           { color: #fff;}

    section h3      { margin: 0 0 40px 0; }

    .perche         { color:#fff; }
    .perche h3      { color:#fff; font-size: 32px; margin-bottom: 80px; }        
    .perche h4      { color:#fff; font-size: 18px; font-weight: normal; }  


    .testatina  { font-size: 12px; color: #fff; }

    #crumbs     { color: #fff; }
    #crumbs a   { color: #fff; }

    #box p  { font-size: 11px; text-transform: uppercase; font-weight: 200; letter-spacing: 2px; line-height: 18px !important; margin-top: 10px;}

    .wp-block-column        { margin-top: 40px; }
    .wp-block-column  p     { line-height: 30px; text-align:justify; hyphens: auto; }


    /** *   F O R M
    ==================================================================================*/

    span.wpcf7-list-item { margin: 0;}



    /** * G U T E N B E R G
    ==================================================================================*/

    .alignwide          { margin: 32px calc(25% - 25vw); max-width: 100vw;}
    .alignwide img      { max-width: 1600px; display: inline; }
    
    .alignleft,.alignright  { margin-bottom: 20px;    width: 40%; }
    .alignleft              { float: left;	margin: 5px 40px 30px 0; }

    .alignfull              { margin: 50px calc(50% - 50vw); max-width: 100vw; width: 100vw;}

    .wp-block-cover .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, .wp-block-cover h2, .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-text, .wp-block-cover-image h2 {  font-size: 28px; color: #fff; font-weight: 200; letter-spacing: 4px; text-transform: uppercase; }

    .wp-block-cover, .wp-block-cover-image { min-height: 500px;}






    /** * BTN
    ==================================================================================*/

    .btn-outline-primary {
        color: #086F38;
        background-color: transparent;
        background-image: none;
        border-color: #086F38;
        text-transform: uppercase; font-size: 13px; letter-spacing: 1px; font-weight: 400;
    }
    
    .btn-outline-primary:hover {
     
        background-color: #086F38;
         border-color: #086F38;
        
    }

    .btn-primary.disabled, .btn-primary:disabled { color: #086F38; background-color: #eee; border-color: #eee;}
    .btn-primary { color: #fff; background-color: #086F38; border-color: #086F38;}
    .btn-primary:hover { color: #fff; background-color: #086F38; border-color: #086F38;}





    /** * MENU
    ==================================================================================*/
    
    .navbar         { padding: 0 !important;  }
    .navbar-light .navbar-nav .nav-link { color: #565656; font-weight: 700;}

    .nav-link { font-family: 'PT Serif Caption', 'serif'; font-weight: normal; font-style: normal; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; color: #565656; }

    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: #086F38; }
    


    .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link { color: #086F38; font-weight: 700; }


    /** * NEWS
    ==================================================================================*/
    
    .notizia            { margin: 20px 0; }
    .notizia h3         { font-size: 24px; }
    .notizia img        { margin-bottom: 20px; }
    .notizia p          { margin: 20px 0; }
    .notizia .data      { color: #F59B1C; }


    /** * W I D G E T
    ==================================================================================*/
    
    .widget         { margin:  0 0 40px 0;}



    /** *   R E S P O N S I V E
    ==================================================================================*/
    

    @media all and (max-width: 986px) {

        #menu-icon                  { display:block; }
    }

    /** * ==================================================================================*/

    @media (max-width: 480px) {
          
        .site-title             { background-size: cover; height: 80px; width: 280px; margin: 20px auto; }   
        .site-title a           { display: block; height: 80px; width: 280px; }
        
        .menunav                { padding-bottom: 40px; background-color: transparent; }
        .navbar-toggler         { margin: 20px auto; border-color:transparent !important; }
        .navbar-nav             { text-align: center; margin-bottom: 40px; }
        .navbar-nav li          { border-bottom: 1px solid #ededed;  }

        
        footer                  { text-align: center; }
        
        .navbar-light .navbar-nav .nav-link     { color:#086F38; }
        
        .banner                 { min-height:400px; }
        .claim                  {  }
        .banner h2              { font-size: 30px; line-height: 32px; width: 85vw; }
        
        #banner-centro          { background-size:cover; }
        #banner-centro h2       { font-size: 24px; max-width: 80vw; }
        #banner-centro h4       { font-size: 18px; max-width: 80vw; }
        
        .scelta                 { text-align: center; }
        .scelta .icona          { margin: 20px 0; }
        
        .singolo               { padding: 80px 40px;}
        #title                 {  line-height:20px; padding: 0 20px;}
        
        #crumbs                 { margin-bottom: 20px; }



      }

    /** * ==================================================================================*/

    @media (min-width: 480px) and (max-width: 760px) {

        .site-title             { background-size: cover; height: 85px; width: 300px; margin: 50px 0; }   
        .site-title a           { display: block; height: 85px; width: 300px; }
        
    
      }

    /** * ==================================================================================*/

    @media (min-width: 768px) and (max-width: 980px) {
         
        .site-title             { background-size: cover; height: 85px; width: 300px; margin: 50px 0; }   
        .site-title a           { display: block; height: 85px; width: 300px; }
        
        .title                      { height: 80px; line-height:80px; padding: 0 20px;}

    }

    /** * ==================================================================================*/

    @media (min-width: 980px) and (max-width: 1200px) {
         
        .site-title             { background-size: cover; height: 85px; width: 300px; margin: 50px 0; }   
        .site-title a           { display: block; height: 85px; width: 300px; }
        
        .title                      { height: 80px; line-height:80px; padding: 0 20px;}


    }

    /** * ==================================================================================*/
    
    @media (min-width: 1200px) {

        .site-title             { background-size: cover; height: 85px; width: 300px; margin: 50px 0; }   
        .site-title a           { display: block; height: 85px; width: 300px; }
        
        .nav-link               { padding:18px !important;  }
        .navbar-nav             { margin-top: 90px;   }

        #banner-centro          { background-size: 100% auto; padding: 0; }
        #banner-centro          { height: 650px; }
        #banner-centro h2       { font-size: 45px; max-width: 30vw; }
        #banner-centro h4       { font-size: 24px; max-width: 30vw; }
        
        .banner                 { height:75vh; }
        .claim                  { width: 60v; margin-top: 140px; }
        .banner h2              { font-size: 60px;  }
        
        .footwid ul             { max-width: 70%; }
        
        .scelta                 { display: inline-block; margin-bottom: 60px;  }
        .scelta h4              { margin-bottom: 20px;  }
        .scelta p               { display: block;  float: left; margin: 0 0 0 30px; width: 250px;  }
        .scelta .icona          { display: block; vertical-align: middle; float: left; width: 50px;}
        
        .singolo               { padding: 80px 0;}


    }