/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 10-lug-2018, 13.02.32
    Author     : Andrea Pagnani
    Version    : 1.0
    Site       : www.lieve.it
    Fonts      : Merriweather, Oswald(solo per header) font-family: 'Oswald', sans-serif;
*/

html body {height: 100%; margin: 0;}
body{background: #ccd4d4; font-family: 'Merriweather', serif;}
/*.pagina{width: 110%;}*/

/*a {font-family: 'Merriweather', serif;}*/

.animate {
    -webkit-animation: all 0.3s ease-out;
    transition:  all 0.3s ease-out;
}

a:active, a:visited, a:link{color: #80728e;}
.link__strano{color: #80728e;}

/*----------------------------------
Header
----------------------------------*/
/*risolvere il margin-top*/
.header{background: #fff; margin-top: -16px;}

.header__logo__test{width: 30%; float: left;}
.header__logo__altro{width: 70%; height: 165px; float: left; margin-top: 45px; background: #fff; padding-left: 200px; padding-top: 25px;}

.header__logo{float: left; width: 30%; padding-left: 250px; padding-top: 50px; padding-bottom: 50px; display: block}
.header__menu{float: left; margin: 0; padding: 0; padding-left: 250px; margin-top: -20px;}
.header__menu__item{display: inline-block; padding-top: 35px; padding-right: 20px;}
.header__menu__item a{color: #80728e; display: block; padding: 20px; text-decoration: none; font-family: 'Oswald', sans-serif; font-weight: bold;}

.header__img{float: left; margin: 0; padding: 0; padding-top: 50px; padding-left: 275px;}
.header__img__item{display: contents; padding-top: 35px; margin-right: -100px;}
.header__img__item img{width: 3%; margin-right: 100px; margin-left: 7px;}
.img img{width: 100%;}

.tabella__header{width: 900px; margin-top: 70px; margin-left: 50px; text-align: center;}

.header__icon-bar {float: right; padding: 20px; display: none;}
.header__icon-bar span {display: block; height: 3px; width: 30px; background: #000; margin-bottom: 5px;}

.img__header img{width: 15%;}

.headerIndex__copy__sez {width: 160px; float: left; display: inline-block;}
.headerIndex__copy_sez__up {width: 200px; height: 55px; display: block; text-align: center;}
.headerIndex__copy_sez__down {width: 205px; height: 80px; display: block; text-align: center;}

.headerIndex__copy_sez__down a{font-family: 'Oswald', sans-serif;}

.headerIndex__copy_sez__down a {text-decoration: none;}



.headerIndex__copy_sez__up__img{width: 15%;}

/*.content__img{width: 40%; margin-left: auto; margin-right: auto; text-align: center;}*/
/*.content__img{padding-left: 715px;}
.content__img__loghi{ padding: 40px;}
.content__img__loghi img{width: 5%; float: left;}*/
.content__img{text-align: center;}
.content__img__loghi{padding-bottom: 65px; padding-top: 20px;}
.content__img__loghi img{width: 5%; margin: 0 2.5%;}
.text{padding: 30px;}


/*----------------------------------
Card
----------------------------------*/
.social__scritte{text-align: center;}
.social__scritte p{color: #fff; font-size: 40px;}
/*.content{text-align: center;}*/
.cards{max-width: 1280px; margin: 40px auto;}

.cards__copy{margin: -300px auto; position: relative;}

.card{width: 30%; margin: 0 1.5%; display: inline-block; float: left;}
.card__image{width: 100%; max-height: 350px; padding-top: 10px;}


/*----------------------------------
Footer
----------------------------------*/
.footer{background: #fff;}
.footer p{color: #80728e;}
.footer__indirizzo{padding-left: 215px; padding-top: 50px;}
.footer__altro__piva{padding-left: 215px; padding-top: 5px; float: left;}
.footer__altro__social{padding-top: 5px; float: left; padding-left: 100px;}

/*----------------------------------
lieve.php
----------------------------------*/

.ricordate{position: absolute; z-index: 100; color: #fff; margin-top: -225px; margin-left: 750px; font-size: 40px;}

.lieve__img1 {
       height: 50%; 
       background-image: url(../img/locale.jpg); 
       background-size: cover; 
       -o-background-size: cover; 
       -moz-background-size: cover; 
       background-position: center center; 
       position: relative;
       background-attachment: fixed;
}
.lieve__img2 {
       height: 50%; 
       background-image: url(../img/locale2.jpg); 
       background-size: cover; 
       -o-background-size: cover; 
       -moz-background-size: cover; 
       background-position: center center; 
       position: relative;
       background-attachment: fixed;
}

.ventriglia__img1{
    height: 50%; 
    background-image: url(../img/impasto.jpg); 
    background-size: cover; 
    -o-background-size: cover; 
    -moz-background-size: cover; 
    background-position: center center; 
    position: relative;
    background-attachment: fixed;
}

.ventriglia__img2{
    height: 50%; 
    background-image: url(../img/impasto2.jpg); 
    background-size: cover; 
    -o-background-size: cover; 
    -moz-background-size: cover; 
    background-position: center center; 
    position: relative;
    background-attachment: fixed;
    
}

.pizza__img1{
    height: 50%; 
    background-image: url(../img/pizza3.jpg); 
    background-size: cover; 
    -o-background-size: cover; 
    -moz-background-size: cover; 
    background-position: center center; 
    position: relative;
    background-attachment: fixed;
    
}

.pizza__img2{
    height: 50%; 
    background-image: url(../img/pizza.jpg); 
    background-size: cover; 
    -o-background-size: cover; 
    -moz-background-size: cover; 
    background-position: center center; 
    position: relative;
    background-attachment: fixed;
    
}

.pizza__text,
.ventriglia__text,
.lieve__text{padding: 100px 300px 100px 300px; color: #80728e; font-size: 32px;}

.pizza__text2,
.ventrigla__text2,
.lieve__text2{background: #80728e; padding: 100px 300px 100px 300px; color: #fff; font-size: 32px;}

.google__map{background: #80728e; height: 400px; display: table; width: 100%;}
.google__map p{clear: both; padding: 200px 220px; color: #fff; font-size: 30px;}

/*----------------------------------
form contatti info.php
----------------------------------*/

.contatti__indirizzo{width: 50%; float: left; padding: 100px 200px;}
.contatti__form{width: 50%; float: left; padding-top: 100px;}

.contatti__form__input {border: 2px solid #80728e; background: #ccd4d4; height: 30px; font-family: 'Merriweather', serif; font-size: 12px; margin: 5px; padding: 20px;}

.contatti__form__prenota{color: #80728e; font-size: 30px; font-weight: bold; margin-bottom: -5px; margin-left: 5px;}
.contatti__form__input__email{width: 410px; float: left;}
.contatti__form__input__mano{cursor: pointer; background: #80728e;text-align: center; color: #fff; margin-top: -5px; margin-left: 10px; width: 200px;}
.contatti__form__input__telefono{width: 300px;}
.contatti__form__input__data{width: 200px; color: #80728e;}

.succ{margin-top: 10px; float: left;}

/*.input[type=submit]{color: red; width: 500px;}*/




@media (max-width: 767px){
    .header{z-index: 100; width: 103%; margin-top: -25px;}
    .header__icon-bar{display: block; margin-top: 60px;}
    .header__menu__item{display: block;padding-top: 0px; padding-right: 0px;}
    .header__logo__img{max-height: 50px;padding-left: 15px; margin-top: 20px;}
    .header__logo{padding-left: 10px;}
    .header__logo__test{height: 95px;}
    .header__menu{width: 100%; height: 0px; overflow: hidden; padding-top: 0; padding-left: 10px;}
    .header__logo__altro{width: 100%; height: 0px; overflow: hidden; padding-top: 0; padding-left: 10px;}
    .is-open{height: 400px; overflow: auto; margin-top: 70px;}
    .img{width: 97%;}
    
    .ricordate{display: none;}
    
    .content{margin-top: -50px; width: 100%;}
    
    .cards{width: 97%;}
    .cards__copy{margin:0;}
    .card{width: 100%; float: none;}
    
    .img{width: 103%;}
    
    
    .footer{width: 103%;}
    .footer__indirizzo{padding-left: 20px;}
    .footer__altro__piva{padding-left: 20px;}
    .ciao{padding-left: 350px;}
    .header__img__desktop{display: none;}
    .headerIndex__copy_sez__up{display: none;}
    .headerIndex__copy_sez__down{text-align: left;}
    .headerIndex__copy__sez{display: inline-table;}
    
    
    .content__img__loghi img img{width: 10%;}
/*    
    .lieve__img1,
    .lieve__img2,
    .pizza__img1,
    .pizza__img2,
    .ventriglia__img1,
    .ventriglia__img2{background-attachment: unset;}*/
    
    .lieve__text,
    .lieve__text2,
    .pizza__text,
    .pizza__text2,
    .ventriglia__text,
    .ventrigla__text2{padding: 0; font-size: 20px; padding: 20px;}
    
    .google__map p{padding: 0;}
    .contatti__indirizzo{display: none;}
    .contatti__form__input{width: 250px;}
    
    .contatti{margin: 0 10.5%;}
    
    .footer__altro__social{padding-left: 50px;}
    
    
    
}





.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}