/*
Theme Name: Carpano 230
Version: 1.0
Description: Custom template per Carpano
Author: Macchianera
Author URI: http://www.macchianera.biz
*/

/*TYPOGRAPHY*/
body{font-family: 'Oswald', sans-serif; color: #fff; line-height: 2em; font-weight: 300; background: #000000 url(images/bulbs.jpg) repeat-y center top;}
*{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;/* -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;*/}
p{padding-bottom: 1.2em; font-size: 1.2em;}
a, a:active, a:visited{color: #fff; text-decoration: none;}
h1, h2, h3, h4, h5, h6{font-family: 'Oswald', sans-serif; font-weight: 400; line-height: 1em; margin-bottom: 0.3em;}
h1{font-size: 4em; position: relative; display: inline-block; font-family: "Playfair Display", serif; color: #fff;}
h2{font-size: 6em; position: relative; display: inline-block; font-family: "Playfair Display", serif; color: #fff;}
h3{font-size: 1.3em; color: #ab9678; text-transform: uppercase;}
h4{text-transform: uppercase; font-size: 1.5em; display: block; text-align: left; line-height: 1em; color: black;}
h5{font-size: 2em; color: #ab9678; font-family: "Playfair Display", serif;}
h6{text-transform: uppercase; font-size: 1em; display: block; font-weight: normal; color: #fff;}
.not-found h1{font-size: 12em; margin: .25em auto;}
.clearfix{clear: both;}
.section.intro-card{background-size: cover; background-position: center bottom; background-image: url(images/bg-introb.jpg); text-align: center; height: 100vh; display: table-cell; vertical-align: bottom; width: 100vw;}
.section.not-found{background-image: url(images/puntoluce.png); background-color: transparent; background-position: center center; background-size: auto; background-repeat: no-repeat; text-align: center; height: 100vh; display: table-cell; vertical-align: middle; width: 100vw;}
.section.prodotti-card{background-size: cover; background-position: center bottom; background-image: url(images/bg-introb.jpg); text-align: center; height: 100vh; display: table-cell; vertical-align: middle; width: 100vw; position: relative;     background-repeat: no-repeat;}
.section.whatis-card{background-size: cover; background-position: center bottom; background-image: url(images/vermouth-header.jpg); text-align: center; height: 100vh; display: table-cell; vertical-align: middle; width: 100vw; position: relative;     background-repeat: no-repeat;}
.section.storia-card{background-size: cover; background-position: center bottom; background-image: url(images/bg-storia.jpg); text-align: center; height: 100vh; display: table-cell; vertical-align: middle; width: 100vw; position: relative;     background-repeat: no-repeat;}
.section.cocktails-card{background-size: cover; background-position: center bottom; background-image: url(images/cocktails-header.jpg); text-align: center; height: 100vh; display: table-cell; vertical-align: middle; width: 100vw; position: relative;     background-repeat: no-repeat;}
.scroll{position: absolute; bottom: 1em; left: 50%; margin-left: -35px;}
.title-wrapper{height: 12em; text-align: center;}
.title-wrapper h3{color: #fff;}
.intro-card img{margin: 0 auto; max-height: 400px; display: inline-block; margin-top: -10px;}
.button{font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: .9em; color: #fff; border: 4px solid #fff; display: inline-block; padding: 23px; width: auto; background: transparent !important;}
.intro-card .button{margin: 30px 0; background: transparent;}
.main-nav{position: fixed; top: 0; width: 100%; z-index: 600; font-family: 'Oswald', sans-serif; text-transform: uppercase;}
.main-content{min-height: 100%; margin-top: 50px; text-align: center;}
.logo img{color: #fff; font-size: 2em; line-height: 107px; display: inline-flex; max-height: 64px; width: auto; margin: 10px 1em;}
.burger-menu{float: right; padding: 25px;}
.burger-menu:before{content: url(images/menu.png); cursor: pointer; color: #fff; font-size: 2em;}
.close-x{position: absolute; top: 107px; right: 3em;}
.close-menu{position: absolute; top: 1em; right: 2em;}
.close-x:before, .close-menu:before{content: 'x'; cursor: pointer; color: #fff; font-size: 2em;}
.hidden, .hidden-nav, .mobile-nav{display: none;}
.hidden-nav{position: fixed; right: 0; top: 0; bottom: 0; left: 0; padding: 1em; background: rgba(0,0,0,0.8); text-align: center; min-width: 300px; z-index: 700; font-family: 'Oswald', sans-serif; -webkit-transition: none; -moz-transition: none; transition: none;  font-weight: 400;     overflow: scroll;}
.hidden-nav ul{padding-top: 3em;}
.hidden-nav li{list-style: none;}
.hidden-nav a{padding: .95em 0; font-size: 2em; display: block; text-transform: uppercase; max-width: 800px; margin: 0 auto; border-bottom: 1px solid #f10615;}
.hidden-nav .switch a{font-size: 1.3em; border: none;}
.hidden-nav ul.switch{padding-top: 0;}
.switch li{display: inline-block; font-style: italic;}
.switch li:first-child a:after{content: " / "}
.hidden-nav .menu-item-297 a, .hidden-nav .menu-item-298 a{font-size: 26px;border-bottom: none;}
.main-nav.colored{background: rgba(0,0,0,.77)}
.main-nav img{opacity: 0;}
.main-nav.colored img{opacity: 1;}
#av-overlay{color: #333;}
#av_verify_remember, .submit label{display: none;}
footer #footer-bottom-text{float: none;}
.sidebar li > a, .sidebar li > a:active, .sidebar li > a:visited{color: #fff !important;}

.wrapper{max-width: 1200px; margin: 0 auto; position: relative;}
.inner-wrapper{max-width: 1030px; margin: 0 auto; position: relative;}
.card-section .wrapper{min-height: 621px;}
.card-section.storia .wrapper{min-height: 400px;}
.card-section.intro-card .wrapper, .card-section.not-found .wrapper{min-height: auto; padding-bottom: 82px;}
.card-section{text-align: center; position: relative; clear: both; overflow: hidden;}
.card-section:after, .bancone:after, .wrapper:after, .row:after, .cocktail-content .hentry .bg-cocktail:after, .tax-list:after{display: block; content: ''; clear: both;}
.card-section.antica .wrapper{background-image: url(images/antica-bg.png); background-position: top left; background-repeat: no-repeat; }
.card-section.punt .wrapper{background-image: url(images/punt-bg.png); background-position: top right; background-repeat: no-repeat; }
.card-section.vermouth .wrapper{background-image: url(images/vermouth-bg.png); background-position: top left; background-repeat: no-repeat;}
.card-section.cocktail{background-image: url(images/cocktail-bg1.jpg); background-color: #121212; background-repeat: repeat-y; background-position: top center;}

.logo-container{display: inline-block;}
.logo-container img, img.scroll{display: block;}
img.scroll{opacity: .5;}

.bancone{background-image: url(images/bancone.png); background-repeat: no-repeat; background-position: center bottom; }

hgroup{padding: 50px 0;}
.single-post hgroup{text-align: center; padding: 150px 0 0;}
h2:before, h2:after{content: url(images/stemma.png); display: inline-block; margin: 0 -.1em; position: absolute; top: .25em;}
h2:before{left: -120px;}
h2:after{right: -120px;}
.home-text{text-align: center;}
.box-home{display: block; position: relative; top: 200px; margin-bottom: 80px; opacity: 1;}
.etichetta{position: absolute; bottom: -35px; right: 0; left: 0; text-align: center;}
.cocktail-content .etichetta{margin: 1em auto; display: block; clear: both;}
.single-cocktail .cocktail-content .etichetta{position: static;}
input[type="submit"], .etichetta a, .etichetta span{background-color: #f10615; padding: 13px 30px; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: .9em; color: #fff; display: inline-block; margin: 0 auto; cursor: pointer; border: none;}
.bottiglia{position: relative; top: -160px; z-index: 2; opacity: 0;}
.single .bottiglia{float: left; position: static;}
.content{background: url(images/bg-box-home.jpg); color: #333; font-size: 1em; padding: 30px; line-height: 2em; text-align: left; z-index: 1; position: relative; opacity: 1; margin: 3em auto; max-width: 70%; box-sizing: border-box;}
.content a{color: #333;}
.home .content{max-width: 450px; opacity: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.expandit{display: none;}
.inner-product{max-width: 720px; margin: 0 auto;}
.first-content{padding: 30px; float: left;}
.content-gallery{clear: both;}
.bg-logo, .bg-luce{background-repeat: no-repeat; max-width: 1200px; margin: 0 auto;}
.bg-logo{background-position: center left;}
.bg-luce{background-image: url(images/puntoluce.png); background-position: 40px center; min-height: 442px;}
.prodotti-puntemes-it .bg-logo, .home .punt .bg-logo, .prodotti-puntemes-en .bg-logo, .home .punt .bg-logo{background-image: url(images/puntemes-logo.png);}
.prodotti-vermouth-it .bg-logo, .home .vermouth .bg-logo, .prodotti-vermouth-en .bg-logo, .home .vermouth .bg-logo{background-image: url(images/vermouth-logo.png);}
.prodotti-anticaformula-it .bg-logo, .home .antica .bg-logo, .prodotti-anticaformula-en .bg-logo, .home .antica .bg-logo{background-image: url(images/anticaformula-logo.png);}
.bg-logo:after, .bg-luce:after{clear: both; content: ''; display: block;}

.bottiglia{max-width: 30%;}

.storia .wrapper{text-align: left;}
.storia p{color: #ab9678;}
.cornice{float: left; margin-right: 3em; max-width: 300px;}

.card-section.cocktail .wrapper{min-height: auto; padding: 1em 0;}
.cocktail .box-home, .cocktail .content{position: static;}

.cocktail .bottiglia{float: left; max-width: 50%; top: 0;}
.home .cocktail .bottiglia{float: left; max-width: 30%; margin: 1em 5px 0;}
.cocktail-wrapper{padding-right: 450px;}

.cocktail .content{float: right; position: relative; top: -20px;}

.card-section .content{opacity: 0; transform: translate3d(0, -320px, 0);}
.storia .history-content{right: 0; opacity: 0; transform: translate3d(320px, 0, 0); padding-top: 1em; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.storia .cornice{left: 0; opacity: 0; transform: translate3d(230px, 0, 0); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}

.card-section.animated .content{opacity: 1; transform: translate3d(0, 20px, 0);}
.storia.animated .history-content{right: 0; opacity: 1; transform: translate3d(0, 0, 0);}
.storia.animated .cornice{left: 0; opacity: 1; transform: translate3d(-20px, 0, 0);}

.bottiglia, .bicchiere{opacity: 0; transform: translate3d(-320px, 0, 0); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.animated .bottiglia, .animated .bicchiere{opacity: 1; transform: translate3d(0, 0, 0);}

.content, .cocktail-recipe, .whatis-content h1, .tipi-vermouth{opacity: 0; transform: translate3d(0, -320px, 0); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.home .cocktail-recipe{transform: translate3d(-320px, 0, 0); width: auto;}
.animated .content, .animated .cocktail-recipe, .animated .whatis-content h1, .animated.tipi-vermouth{opacity: 1; transform: translate3d(0, 0, 0);}


.modal-button{ cursor: pointer;}
.modal{max-width: 450px; background: url(images/bg-box-home.jpg); color: #333; font-size: 1em; padding: 30px; line-height: 2em; text-align: left; z-index: 1; display: none; float: right; position: relative; top: -20px;}
.modal.active{display: block;}
.close-recipe{position: absolute; top: 15px; right: 15px; cursor: pointer;}

.cocktail-recipe{display: inline-block; float: left; width: 195px;}
.cocktail-recipe img{margin-bottom: 1em;}

.footer{background: #343333;}
.footer .row{padding: 30px; color:#ffffcc; text-align: center;}
.footer ul{list-style: none;}
.footer a:hover{text-decoration: underline;}
.footer .sidebar{width: 33%; float: left; padding: 1em;}

/*Single*/
figure{transform:skewY(1.5deg);}
figure hgroup{transform:skewY(-1.5deg);}

.half{width: 50%; float: left; text-align: left; padding: 0 .5em;}
.bicchiere{float: left; top: -1em; z-index: 99; max-width: 50%;}
.content ul{list-style: none; margin: 0, padding: 0;}
.type-cocktail .content{margin: 3em 2% 3em 0; width: 48%; box-sizing: border-box; padding: 20px;}

.cocktail-content .hentry, .bg-cocktail, .prodotto.hentry{min-height: 676px;}
.cocktail-content .hentry .half:first-child{width: 60%}
.cocktail-content .hentry .half:last-child{width: 40%}
.cocktail-content .hentry:nth-child(even), .cocktail-content .hentry:nth-child(even) .bg-cocktail{min-height: 619px;}
.cocktail-content .hentry .bg-cocktail{background: url(images/cocktail-bg1.jpg) no-repeat center top;}
.cocktail-content .hentry:nth-child(even) .bg-cocktail{background: url(images/cocktail-bg2.jpg) no-repeat center top;}
.cocktail-recipe{margin: 1.5em 0;}
.cocktail-recipe h5 {font-family: 'Oswald', sans-serif; font-size: 1.5em; margin-bottom: 1em;}
.cocktail-recipe, .cocktail-recipe h5 a{color: #ab9678;}
.cocktail-recipe h6{color: #fff; margin-bottom: 1em; text-transform: none; font-weight: 300; font-size: 1.25em; line-height: 1.2em;}
.cocktail-recipe .clearfix{padding-top: 30px;}
.cocktail-content .hentry:nth-child(even) .bicchiere{transform: translate3d(320px, 0, 0);}
.animated.cocktail-content .hentry:nth-child(even) .bicchiere{transform: translate3d(0, 0, 0);}
.cocktail-content .hentry:nth-child(even) .tax-list, .cocktail-content .hentry:nth-child(even) .half, .cocktail-content .hentry:nth-child(even) .bicchiere{float: right;}
.cocktail-content .hentry:nth-child(even) .half.cocktail-recipe{text-align: right;}
.cocktail-content .hentry:nth-child(even) .bicchiere{right: 15%;}
.type-cocktail.hentry:nth-child(even) .content{margin: 3em 0 3em 2%; padding: 10px;}

.tax-list{float: left; display: inline-block; margin-right: 2em;}
.tax-list a{display: block; padding-left: 50px; line-height: 1.2em; min-height: 3em;}
.tax-list a:before{display: inline-block; margin: 0 0 0 -44px; width: 54px; position: relative; top: 12px;}
.tax-list .tumbler-basso-it:before, .tax-list .tumbler-basso-en:before{content: url(images/bicchiere-tumblerbasso.png);}
.tax-list .coppa-cocktail-it:before, .tax-list .coppa-cocktail-en:before{content: url(images/bicchiere-coppa.png);}
.tax-list .calice-ampio-it:before, .tax-list .calice-ampio-en:before{content: url(images/bicchiere-calice.png);}
.tax-list .old-fashioned-it:before, .tax-list .old-fashioned-en:before{content: url(images/bicchiere-tumblerbasso.png);}
.tax-list .build-it:before, .tax-list .build-en:before{content: url(images/tecnica-build.png);}
.tax-list .muddle-it:before, .tax-list .muddle-en:before{content: url(images/tecnica-muddle.png);}

.bottiglia{float: left; position: static; margin: 0 40px 0 90px;}
.prodotto:nth-child(even) .bottiglia{margin: 0 90px 0 40px;}
.inner-content{float: left; max-width: 430px;}
.content{margin: 3em 0;}
.single .content{margin: 3em auto;}
.single .bottiglia{margin: 0;}
h1{text-align: left; margin: 0;}

.prodotto:nth-child(even) .bg-luce{background-position: right;}
.prodotto:nth-child(odd) .bg-logo{background-position: right;}
.prodotto:nth-child(even) .bg-logo{background-position: left;}
.prodotto:nth-child(even) .bottiglia, .prodotto:nth-child(even) .inner-content{float: right;}
.prodotto:nth-child(even) .content{margin: 3em 0 3em auto;}
.prodotto:nth-child(even) .bottiglia{transform: translate3d(320px, 0, 0);}
.animated .prodotto:nth-child(even) .bottiglia{transform: translate3d(0, 0, 0);}
.prodotto:nth-child(even) h1{text-align: right;}

.event{width: 236px; box-sizing: border-box; background: url(images/bg-box-home.jpg);}
.event-content{padding: 30px; color: #ab9678;}
.event-content h4{text-align: center; margin: 1.5em auto;}
.storia-wrapper{max-width: 712px; margin: 0 auto 4em; color: #ab9678;}
.event-content h3{font-family: "Playfair Display", serif; font-size: 4em;}
.cocktail2post{padding-bottom: 30px;}
.cocktail2post .hentry{max-width: 600px; float: left;}
.cocktail2post .bicchiere{max-width: 100%;}
.cocktail2post .cocktail-recipe .clearfix{margin-top: 0;}
.cocktail-recipe ul{list-style: none;}
.cocktail2post .etichetta{position: static; padding-top: 2em; display: inline-block;}
.cocktail2post h1{font-size: 3em;}
.blog-content{margin: 0 auto;}

.whatis-content:nth-child(odd){width: 30%;}
.whatis-content:nth-child(even){width: 70%;}
.whatis-content .content, .whatis-content .bicchiere{max-width: 100%;}
.whatis-content h1{margin-bottom: .5em;}

body #TB_window{box-shadow: none; background: transparent;}
.whatis-content{float: left; text-align: left; padding: 4em 1em;}
.whatis-content .content{margin: 0;}
.tipi-vermouth ol{font-family: "Playfair Display", serif; font-size: 4em; color: #ab9678; margin-left: 1em;}
.tipi-vermouth ol h1{font-size: 1em; color: #ab9678;}
.tipi-vermouth p{font-size: .25em; font-family: 'Oswald', sans-serif; color: #fff; padding-left: 2em;}
.tipi-vermouth .half{padding: 4em 1em;}
.tipi-vermouth .half:nth-child(2) h1{display: block; text-align: right; z-index: 2;}
.cornice-vermouth{position: relative; top: -3.5em; z-index: 1;}
.modal-content ul{list-style: none;}
.modal-content a{color: #000;}
.modal-content .tax-links{display: inline;}
.modal-content .tax-links a:after{content: ','; margin-right: .2em;}
.modal-content p{font-size: 1em;}