/*
Template realizzato da PENNAgrafica S.r.l.
########## www.pennagrafica.it ###########
*/

@charset "utf-8";
.navbar-toggle {
    border: none;
    background: #000;
}

.navbar-toggle .icon-bar {
    background-color: #c99d66 !important;
}

.navbar-toggle:focus,
.navbar-toggle:hover {
    background: #333;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    /*PAGINA HOME*/
    h3.Intro {
        font-family: "Dancing Script", cursive;
        font-size: 30px;
        letter-spacing: 3px;
        text-align: center;
    }
    #WrapBirrificio,
    #WrapLavorazione,
    #WrapBirre {
        height: 600px;
    }
    /* PAGINA LAVORAZIONE */
    .WrapMalto .ItemContent {
        margin: 0px;
        padding: 20px 0;
    }
    ul.sigProClassic li.sigProThumb span.sigProLinkOuterWrapper,
    ul.sigProClassic li.sigProThumb a.sigProLink,
    ul.sigProClassic li.sigProThumb a.sigProLink img.sigProImg {
        width: 130px !important;
        height: 130px !important;
        border-radius: 200px;
    }
    
    /* PAGINA BIRRE*/
    
    .WrapBeer {
        background: url("../images/tavoletta.png") no-repeat center 500px / contain !important;
    }
    
    .ItemBirra img {
        height: 450px;
        margin-bottom: 20px;
    }
    
    /* PAGINA BIRRA SINGOLA */
    #WrapImgBeer img{
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    /*PAGINA HOME*/
    h3.Intro {
        font-family: "Dancing Script", cursive;
        font-size: 30px;
        letter-spacing: 3px;
        text-align: center;
    }
    h3.HomeTitle {
        font-size: 20px;
    }
    #WrapBirrificio,
    #WrapLavorazione,
    #WrapBirre {
        height: 500px;
    }
    /* PAGINA LAVORAZIONE */
    .WrapMalto .ItemContent {
        margin: 0px;
        padding: 20px 0;
    }
    ul.sigProClassic li.sigProThumb span.sigProLinkOuterWrapper,
    ul.sigProClassic li.sigProThumb a.sigProLink,
    ul.sigProClassic li.sigProThumb a.sigProLink img.sigProImg {
        width: 110px !important;
        height: 110px !important;
        border-radius: 200px;
    }
    /* PAGINA BIRRE*/
    body#Item-109 #wrap {
        padding-top: 220px;
    }
    .WrapBeer {
        background: url("../images/tavoletta.png") no-repeat center 475px / contain !important;
    }
    .ItemBirra img {
        height: 400px;
        margin-bottom: 20px;
    }
    /* PAGINA BIRRA SINGOLA */
    
    #WrapImgBeer {
        text-align: center;
    }
    #WrapImgBeer img {
    }
    #WrapContentBeer {
        background: none;
        color: #000;
        padding: 20px;
    }
    #WrapContentBeer h2 {
        color: #C99D6A;
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    #header {
        width: 100%;
        position: fixed;
        z-index: 9999;
        top: 0px;
    }
    .WrapNav {
        border-radius: 0px;
        margin-top: 0px;
        padding: 0px;
        background: none;
    }
    .WrapNav .nav {
        margin: 0px;
        border: none;
        border-radius: 0;
        padding: 0;
    }
    .WrapNav .nav > li {
        display: block;
        width: 100%;
        text-align: center;
    }
    #header.affix-top .navbar-header {
        position: absolute;
        right: -20px;
        top: -77px;
    }
    #main-menu {
        background: #000;
        width: 80%;
        margin: 0 auto;
        border: none;
    }
    .Logo img {
        background: #000;
        border-radius: 130px;
        margin-top: 20px;
        padding: 8px;
        width: 150px;
    }
    #header.affix {
        background: rgba(0, 0, 0, 0.8);
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
    #header.affix .navbar-header {
        margin-top: 34px;
        margin-right: -15px;
    }
    #header.affix .Logo {
        float: left;
        width: 30%;
    }
    #header.affix .WrapNav {
        float: left;
        width: 70%;
    }
    #header.affix .Logo img {
        margin: 10px 0;
        padding: 0px;
        width: 100%;
    }
    #header.affix .WrapNav .nav > li {
        text-align: left;
    }
    /*PAGINA HOME*/
    h3.Intro {
        font-family: "Dancing Script", cursive;
        font-size: 30px;
        letter-spacing: 3px;
        text-align: center;
    }
    h3.HomeTitle {
        font-size: 20px;
    }
    span.Circle{
        background: rgba(0,0,0,0.7);
    }
    
    h3.HomeTitle a:hover span.Circle, h3.HomeTitle a span.Circle:hover{
        background: rgba(201, 157, 106,0.7);
    }
    
    #WrapBirrificio,
    #WrapLavorazione,
    #WrapBirre {
        height: 500px;
    }
    /* PAGINA LAVORAZIONE*/
    body#Item-115 #wrap {
        background: none;
    }
    .WrapMalto .ItemContent {
        margin: 0px;
        padding: 20px 0;
    }
    .ItemContent {
        font-size: 18px;
        letter-spacing: 1px;
        line-height: 24px;
    }
    ul.sigProClassic li.sigProThumb span.sigProLinkOuterWrapper,
    ul.sigProClassic li.sigProThumb a.sigProLink,
    ul.sigProClassic li.sigProThumb a.sigProLink img.sigProImg {
        width: 100px !important;
        height: 100px !important;
        border-radius: 200px;
    }
    /* PAGINA BIRRE*/
    body#Item-109 #wrap {
        padding-top: 220px;
    }
    .WrapBeer {
        background: none !important;
    }
    .ItemBirra {
        background: url("../images/tavoletta.png") no-repeat center 282px / contain !important;
        margin-bottom: 30px;
    }
    .ItemBirra img {
        height: 300px;
    }
    /* PAGINA BIRRA SINGOLA */
    body#Item-111,
    body#Item-112,
    body#Item-113 {
        background: url(../images/sfondo-muro.jpg) no-repeat center top / 1600px auto !important;
    }
    body#Item-111 #wrap,
    body#Item-112 #wrap,
    body#Item-113 #wrap {
        padding-top: 220px;
    }
    #WrapImgBeer {
        text-align: center;
    }
    #WrapImgBeer img {
        height: 450px;
    }
    #WrapContentBeer {
        background: none;
        color: #000;
        padding: 20px;
    }
    #WrapContentBeer h2 {
        color: #C99D6A;
        margin-bottom: 30px;
    }
}