/* GHOST PINES - Converted to Drupal by Digital Attic, B.Evans */ /* GENERAL --------------------------------------------------------------------------------------------------------------- */ html{overflow-y:scroll; height:100% !important; background:#090908;} html, body{min-height:100% !important;} body{margin:0 auto; width:100%; min-width:320px; max-width:1450px; font-family: 'Lato', sans-serif; color:#f1edce; font-size:16px; line-height:150%; font-weight:400; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; background:url('../img/bg/wood.jpg') repeat 0 0 #090908;} @media (max-width: 760px) {body{font-size:14px;}} /* LINKS */ a, a:visited{color:inherit; font-weight:400; text-decoration:underline;} a:hover, a:active, a:visited:hover{color:inherit; text-decoration:underline; cursor:pointer;} body.touch-device a:hover, body.touch-device a:active, body.touch-device a:visited:hover{text-decoration:none;} *{outline:0 !important;} /* DISPLAY */ .block{display:block;} .hide{display:none;} .inline{display:inline-block;} .center{text-align:center;} .left{float:left;} .right{float:right;} .table{display:table;} .table-cell{display:table-cell;} .vert-align{vertical-align:middle;} img{border:none; display:block;} *{position:relative;z-index:0;} *, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .clear{clear:both;} .clear{display:block; clear:both;} /* UNIVERSAL ELEMENTS --------------------------------------------------------------------------------------------------------------- */ /* Copy/Text ----------------------------------------------------------------------------------------------------------- */ h1,h2,h3,h4,h5{margin:0; -webkit-font-smoothing:antialiased; line-height:100%;} h1{padding-bottom:10px; font-family:'Veneer', serif; font-size:66px; font-weight:400;} @media (max-width: 980px) {h1{padding-bottom:14px; font-size:56px;}} @media (max-width: 760px) {h1{padding-bottom:12px; font-size:46px;}} @media (max-width: 540px) {h1{padding-bottom:10px; font-size:36px;}} h2{font-family:'Veneer', serif; font-size:48px; font-weight:400;} @media (max-width: 980px) {h2{font-size:38px;}} @media (max-width: 760px) {h2{font-size:30px;}} @media (max-width: 540px) {h2{font-size:22px;}} h3{padding:6px 0 2px; font-size:18px; font-weight:800;} p+h3{padding-top:24px;} @media (max-width: 760px) {h3{padding-top:3px; font-size:16px;} p+h3{padding-top:20px;}} p,ul{margin:16px 0;} p:first-child,ul:first-child,h1+p{margin-top:0;} p:last-child,ul:last-child{margin-bottom:0;} ul{padding-left:35px;} .bold, strong, b{font-weight:700;} .regular{font-weight:400;} .x-bold{font-weight:800;} .italic{font-style:italic;} .caps{text-transform:uppercase;} .break-word{word-wrap:break-word; -ms-word-wrap:break-word;} /* Images ----------------------------------------------------------------------------------------------------------- */ .full-bg{width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden;} .full-bg img{min-width:100%; min-height:100%;} /* Colors ----------------------------------------------------------------------------------------------------------- */ /* Text ------------------------------------------------------------------------------------------------------- */ .light-text{color:#f1edce !important;} .dark-text{color:#42432e !important;} /* Backgrounds ------------------------------------------------------------------------------------------------------- */ .white-bg{background-color:#fff;} /* Transitions ----------------------------------------------------------------------------------------------------------- */ .color-trans{ -ms-transition: color .25s ease; -moz-transition: color .25s ease; -webkit-transition: color .25s ease; transition: color .25s ease;} .font-trans{ -ms-transition: font .25s ease; -moz-transition: font .25s ease; -webkit-transition: font .25s ease; transition: font .25s ease;} .all-trans{ -ms-transition: all .25s ease; -moz-transition: all .25s ease; -webkit-transition: all .25s ease; transition: all .25s ease;} .no-trans, .touch-device .all-trans{ webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important;} /* HEADER --------------------------------------------------------------------------------------------------------------- */ .header-container{width:100%; height:72px; z-index:999; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); background:#fdfbee; background:-moz-linear-gradient(left, #f1edce 0%, #fdfbee 50%, #f1edce 100%); background:-webkit-linear-gradient(left, #f1edce 0%,#fdfbee 50%,#f1edce 100%); background:-ms-linear-gradient(left, #f1edce 0%,#fdfbee 50%,#f1edce 100%);} @media (max-width: 760px) {.header-container{height:63px;}} @media (max-width: 540px) {.header-container{height:54px;}} /* Masthead ----------------------------------------------------------------------------------------------------------- */ .logo, .logo img{width:221px; height:28px; display:block;} .logo{position:absolute; top:20px; left:25px;} @media (max-width: 760px) { .logo, .logo img{width:188px; height:24px;} .logo{top:18px; left:20px;} } @media (max-width: 540px) { .logo, .logo img{width:155px; height:20px;} .logo{top:16px; left:15px;} } /* Top Navigation ----------------------------------------------------------------------------------------------------------- */ .top-nav-container{margin:0; height:72px; position:absolute; top:0; right:0; overflow:hidden;} @media (max-width: 760px) {.top-nav-container{height:63px;}} @media (max-width: 540px) {.top-nav-container{height:54px;}} .top-nav-wrapper li{width:72px; height:100%; float:left;} @media (max-width: 760px) {.top-nav-wrapper li{width:63px;}} @media (max-width: 540px) {.top-nav-wrapper li{width:54px;}} .top-nav-wrapper a{width:100%; height:100%; color:#42432e !important; font-size:26px; line-height:72px; text-align:center; border-left:1px solid #bcb698; display:block; background:rgba(66,67,46,0);} @media (max-width: 760px) {.top-nav-wrapper a{font-size:22px; line-height:63px;}} @media (max-width: 540px) {.top-nav-wrapper a{font-size:18px; line-height:54px;}} .top-nav-wrapper > li.open > a, .no-touch-device .top-nav-wrapper > li.open > a:hover, .no-touch-device .top-nav-wrapper a:hover{color:#f1edce !important; background:rgba(66,67,46,1);} .top-nav-wrapper .nav-btn{display:none;} @media (max-width: 980px) { .top-nav-wrapper li{display:none;} .top-nav-wrapper .nav-btn{display:block;} } /* Main Navigation ----------------------------------------------------------------------------------------------------------- */ .main-nav-container{position:absolute; top:0; left:270px; display:block;} @media (max-width: 980px) {.main-nav-container{width:300px; top:72px; left:auto; right:0; display:none; background:#f1edce; -ms-transition: top .25s ease; -moz-transition: top .25s ease; -webkit-transition: top .25s ease; transition: top .25s ease;}} @media (max-width: 760px) {.main-nav-container{top:63px;}} @media (max-width: 540px) {.main-nav-container{top:54px;}} .main-nav-wrapper a{font-size:14px; font-weight:400; text-decoration:none !important; display:block;} .main-nav-wrapper > li{float:left;} @media (max-width: 980px) {.main-nav-wrapper > li{overflow:hidden; float:none;}} .main-nav-wrapper > li > a{padding:0 18px; font-family:'Veneer', serif; color:#42432e !important; font-size:18px; line-height:72px; background:rgba(66,67,46,0);} .main-nav-wrapper > li.open > a, .no-touch-device .main-nav-wrapper > li.open:hover > a, .no-touch-device .main-nav-wrapper > li:hover > a{color:#f1edce !important; background:rgba(66,67,46,1);} .main-nav-wrapper i{color:#42432e; font-size:14px; line-height:56px; position:absolute; top:0; right:20px; display:none;} @media (max-width: 980px) { .main-nav-wrapper > li > a{padding-top:3px; color:#42432e !important; font-size:20px; line-height:52px; border-top:1px solid #bcb698;} .main-nav-wrapper > li:first-child > a{border:none; -webkit-box-shadow: inset 0px 5px 5px -5px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 5px 5px -5px rgba(0,0,0,0.5); box-shadow: inset 0px 5px 5px -5px rgba(0,0,0,0.5);} .main-nav-wrapper > li.open > a, .no-touch-device .main-nav-wrapper > li.open:hover > a, .no-touch-device .main-nav-wrapper > li:hover > a{color:#42432e !important; background:rgba(125,107,0,0);} .main-nav-wrapper i{display:block;} } .sub-nav-wrapper{position:absolute; top:72px; left:0; display:none; background:#f1edce;} @media (max-width: 980px) {.sub-nav-wrapper{padding-bottom:10px; position:relative; top:auto;}} .sub-nav-wrapper > li > a{padding:0 20px; color:#42432e !important; font-size:14px; line-height:35px; white-space:nowrap; display:block; background:#f1edce;} .no-touch-device .sub-nav-wrapper > li > a:hover{color:#f1edce !important; background:#7a7653;} @media (min-width: 981px) {.sub-nav-wrapper > li:first-child > a{ -webkit-box-shadow: inset 0px 5px 5px -5px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 5px 5px -5px rgba(0,0,0,0.5); box-shadow: inset 0px 5px 5px -5px rgba(0,0,0,0.5);}} @media (max-width: 980px) { .sub-nav-wrapper > li > a{padding-left:30px; line-height:40px;} .sub-nav-wrapper > li:first-child{margin-top:-6px;} .no-touch-device .sub-nav-wrapper > li > a:hover{color:#42432e !important; background:#f1edce;} } /* BODY --------------------------------------------------------------------------------------------------------------- */ .main-container{width:100%;} .main-wrapper{} /* Universal ----------------------------------------------------------------------------------------------------------- */ .content-wrapper{margin:0 auto; padding:35px 30px 70px; width:100%; max-width:880px; min-height:350px;} .content-wrapper.center, .paper-container .content-wrapper{min-height:0;} .paper-container+.content-container .content-wrapper{padding:80px 30px 70px;} .vimeo-video{padding: 40px 30px 0px 30px;display: table-caption;} @media (max-width: 980px) { .content-wrapper{padding:30px 25px 50px;} .paper-container+.content-container .content-wrapper{padding:60px 25px 50px;} } @media (max-width: 760px) { .content-wrapper{padding:25px 20px 45px; min-height:300px;} .paper-container+.content-container .content-wrapper{padding:60px 20px 45px;} .vimeo-video{display: block;padding: 0;} } @media (max-width: 540px) { .content-wrapper{padding:25px 15px 30px; min-height:0;} .paper-container+.content-container .content-wrapper{padding:50px 15px 30px;} } /* Buttons ------------------------------------------------------------------------------------------------------- */ .btn{margin-top:15px; padding:3px 15px 0; min-width:170px; font-family:'Veneer', serif; color:#f1edce !important; font-size:28px; line-height:57px; font-weight:400 !important; text-transform:uppercase; text-decoration:none !important; overflow:hidden; display:inline-block; background:url('../img/content/btn-bg.png') no-repeat 0 0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; behavior:url(/resources/js/pie/PIE.htc);} .no-touch-device .btn:hover{color:#fff !important;} @media (max-width: 980px) {.btn{min-width:145px; font-size:24px; line-height:49px;}} @media (max-width: 760px) {.btn{min-width:120px; font-size:20px; line-height:42px;}} .link{margin-top:8px; font-family:'Quattrocento', serif; font-size:20px; line-height:100%; font-weight:700; text-decoration:none !important; vertical-align:top; display:inline-block;} .link i{margin-top:-1px; padding-right:4px; color:#b29b6f; float:left;} .no-touch-device .link:hover, .no-touch-device .link:hover i{color:#fff !important;} @media (max-width: 980px) {.link{margin-top:6px;}} @media (max-width: 760px) { .link{margin-top:4px; font-size:18px;} .link i{margin-top:0;} } @media (max-width: 540px) {.link{margin-top:2px;}} /* Quotes ------------------------------------------------------------------------------------------------------- */ .quote-wrapper{margin:0 auto; padding:80px 30px 70px; max-width:880px; text-align:center;} .content-wrapper+.quote-wrapper{margin-top:-35px; padding-top:0;} @media (max-width: 980px) {.quote-wrapper{padding:60px 25px 50px;} .content-wrapper+.quote-wrapper{margin-top:-20px;}} @media (max-width: 760px) {.quote-wrapper{padding:45px 20px 35px;} .content-wrapper+.quote-wrapper{margin-top:-20px;}} @media (max-width: 540px) {.quote-wrapper{padding:30px 15px 20px;} .content-wrapper+.quote-wrapper{margin-top:-5px;}} .quote-wrapper span{padding-top:20px; font-family:'Quattrocento', serif; font-size:26px; font-weight:700; display:block;} @media (max-width: 980px) {.quote-wrapper span{padding-top:16px; font-size:22px;}} @media (max-width: 760px) {.quote-wrapper span{padding-top:13px; font-size:18px;}} @media (max-width: 540px) {.quote-wrapper span{padding-top:10px; font-size:14px;}} /* Grid ------------------------------------------------------------------------------------------------------- */ .grid-wrapper .grid-item{margin-right:-3px; font-family:'Veneer', serif; font-size:18px; line-height:100%; font-weight:400; text-decoration:none !important; text-align:center; vertical-align:top; display:inline-block;} @media (max-width: 980px) {.grid-wrapper .grid-item{font-size:16px;}} @media (max-width: 760px) {.grid-wrapper .grid-item{font-size:15px;}} @media (max-width: 540px) {.grid-wrapper .grid-item{font-size:14px;}} .grid-wrapper .grid-img{padding-bottom:100%; width:100%;} .grid-wrapper .grid-item i{color:#fff; font-size:34px; line-height:34px; position:absolute;right:15px; bottom:15px;} @media (max-width: 760px) {.grid-wrapper .grid-item i{font-size:28px; line-height:28px; right:12px; bottom:12px;}} @media (max-width: 540px) {.grid-wrapper .grid-item i{font-size:24px; line-height:24px; right:10px; bottom:10px;}} /* Bottles Grid --------------------------------------------------------------------------------------------------- */ .grid-wrapper.bottles{margin-top:5px;} .grid-wrapper.bottles .grid-item{padding:15px; width:33.3%; border:1px solid rgba(167,149,74,0); background:rgba(0,0,0,0);} @media (max-width: 980px) {.grid-wrapper.bottles .grid-item{width:33.3%;}} @media (max-width: 760px) {.grid-wrapper.bottles .grid-item{padding:10px; width:33.3%;}} @media (max-width: 540px) {.grid-wrapper.bottles .grid-item{width:50%;}} .no-touch-device .grid-wrapper.bottles .grid-item:hover{border:1px solid rgba(167,149,74,1); background:rgba(0,0,0,.5);} .grid-wrapper.bottles .grid-item span{margin-top:5px; display:block;} .no-touch-device .grid-wrapper.bottles .grid-item:hover span{color:#fff;} .grid-wrapper.bottles img{margin:0 auto; width:150px;} @media (max-width: 980px) {.grid-wrapper.bottles img{width:130px;}} @media (max-width: 760px) {.grid-wrapper.bottles img{width:115px;}} @media (max-width: 540px) {.grid-wrapper.bottles img{width:95px;}} /* Thumbs Grid --------------------------------------------------------------------------------------------------- */ .grid-wrapper.thumbs{margin-top:-40px;} @media (max-width: 980px) {.grid-wrapper.thumbs{margin-top:-35px;}} @media (max-width: 760px) {.grid-wrapper.thumbs{margin-top:-30px;}} @media (max-width: 540px) {.grid-wrapper.thumbs{margin-top:-15px;}} .grid-wrapper.thumbs .grid-item{width:20%;} @media (max-width: 980px) { .grid-wrapper.thumbs .grid-item{margin-bottom:5px; width:33.3%;} .grid-wrapper.thumbs .grid-item:first-child, .grid-wrapper.thumbs .grid-item:nth-child(4n){width:33.4%;} } @media (max-width: 540px) {.grid-wrapper.thumbs .grid-item{width:50% !important;}} .grid-wrapper.thumbs span{padding:15px; display:block;} .no-touch-device .grid-wrapper.thumbs .grid-item:hover span{color:#fff;} /* Community Grid --------------------------------------------------------------------------------------------------- */ .grid-wrapper.community{margin-top:-35px;} @media (max-width: 980px) {.grid-wrapper.community{margin-top:-20px;}} @media (max-width: 760px) {.grid-wrapper.community{margin-top:-20px;}} @media (max-width: 540px) {.grid-wrapper.community{margin-top:-10px;}} .grid-wrapper.community .grid-item{width:25%; vertical-align:top; display:inline-block;} @media (max-width: 760px) { .grid-wrapper.community .grid-item{width:33.3%;} .grid-wrapper.community .grid-item:first-child, .grid-wrapper.community .grid-item:nth-child(4n){width:33.4%;} .grid-wrapper.community .grid-item.desktop{display:none;} } /* Paper ------------------------------------------------------------------------------------------------------- */ .paper-container{margin-bottom:0; color:#42432e; min-height:130px; z-index:10; background:url('../img/bg/paper.jpg') repeat 0 0 #fdfdfa;} .paper-container:last-child{margin-bottom:20px;} .paper-rip{width:100%; overflow:hidden; position:absolute; left:0; bottom:-70px;} /* Banner ------------------------------------------------------------------------------------------------------- */ .banner-wrapper{height:540px;} @media (max-width: 980px) {.banner-wrapper{height:450px;}} @media (max-width: 760px) {.banner-wrapper{height:350px;}} @media (max-width: 540px) {.banner-wrapper{height:250px;}} /* Highlight Links ------------------------------------------------------------------------------------------------------- */ .hl-link-wrapper{margin-right:-3px; padding:0 15px; width:33.3%; font-weight:700; text-decoration:none !important; text-align:center; vertical-align:top; display:inline-block;} .hl-link-wrapper:first-child{width:33.4%;} .article .hl-link-wrapper{padding:0; width:auto;} @media (max-width: 540px) {.article .hl-link-wrapper{margin:0 auto; display:block;}} .hl-link-wrapper img.icon{margin:0 -4px 25px 0; width:68px; display:inline-block;} .hl-link-wrapper img.icon.share-icon{margin-left:10px;} @media (max-width: 980px) {.hl-link-wrapper img.icon{margin-bottom:20px; width:58px;}} @media (max-width: 760px) {.hl-link-wrapper img.icon{margin-bottom:15px; width:48px;}} @media (max-width: 540px) {.hl-link-wrapper img.icon{margin-bottom:12px; width:38px;}} .hl-link-wrapper > span{font-family:'Quattrocento', serif; font-size:22px; line-height:28px; display:block;} @media (max-width: 980px) {.hl-link-wrapper > span{font-size:22px; line-height:28px;}} @media (max-width: 760px) {.hl-link-wrapper > span{font-size:20px; line-height:24px;}} @media (max-width: 540px) {.hl-link-wrapper > span{font-size:18px; line-height:20px;}} .share-wrapper a{margin:0 -4px 0 0; width:38px; height:28px; font-size:24px; line-height:28px; text-align:center; display:inline-block;} @media (max-width: 980px) {.share-wrapper a{width:38px; height:28px; font-size:24px; line-height:28px;}} @media (max-width: 760px) {.share-wrapper a{width:34px; height:24px; font-size:20px; line-height:24px;}} @media (max-width: 540px) {.share-wrapper a{width:30px; height:20px; font-size:18px; line-height:20px;}} .share-wrapper .share-spacer{padding:5px 0; display:none;} @media (max-width: 540px) {.share-wrapper .share-spacer{display:block;}} /* Content Specific ----------------------------------------------------------------------------------------------------------- */ /* Home ------------------------------------------------------------------------------------------------------- */ .hero-container{padding:40px 0; width:100%; text-align:center; overflow:hidden;} @media (max-width: 980px) {.hero-container{padding:35px 0;}} @media (max-width: 760px) {.hero-container{padding:30px 0;}} @media (max-width: 540px) {.hero-container{padding:25px 0;}} .hero-container .thumb{position:absolute;} .hero-container .thumb.left{top:200px; left:0;} .hero-container .thumb.right{bottom:80px; right:0;} @media (max-width: 980px) { .hero-container .thumb.left{top:200px; left:-189px;} .hero-container .thumb.right{bottom:80px; right:-189px;} } .hero-wrapper img{margin-right:-4px; width:157px; vertical-align:top; display:inline-block;} @media (max-width: 980px) {.hero-wrapper img{width:130px;}} @media (max-width: 760px) {.hero-wrapper img{width:105px;}} @media (max-width: 540px) {.hero-wrapper img{width:78px;}} .hero-copy{padding:170px 0 0 40px; text-align:left; display:inline-block;} @media (max-width: 980px) {.hero-copy{padding:140px 0 0 40px;}} @media (max-width: 760px) {.hero-copy{padding:115px 0 0 33px;}} @media (max-width: 540px) {.hero-copy{padding:90px 0 0 25px;}} .hero-copy h1{line-height:90%;} .hero-copy h1 span{color:#b29b6f;} .hero-copy .btn{margin-top:20px;} @media (max-width: 980px) {.hero-copy .btn{margin-top:16px;}} @media (max-width: 760px) {.hero-copy .btn{margin-top:13px;}} @media (max-width: 540px) {.hero-copy .btn{margin-top:10px;}} .community-icon{margin:0 15px 20px; color:#b29b6f; font-size:64px; line-height:64px;} @media (max-width: 980px) {.community-icon{margin:0 12px 20px; font-size:52px; line-height:52px;}} @media (max-width: 760px) {.community-icon{margin:0 10px 18px; font-size:42px; line-height:42px;}} @media (max-width: 540px) {.community-icon{margin:0 8px 16px; font-size:32px; line-height:32px;}} /* Wines ------------------------------------------------------------------------------------------------------- */ .wine-detail-bottle{margin:-10px 0 -30px -30px; width:200px; float:left;} @media (max-width: 980px) {.wine-detail-bottle{margin:-8px 0 -10px -30px; width:165px;}} @media (max-width: 760px) {.wine-detail-bottle{margin:-8px 0 0 -25px; width:130px;}} @media (max-width: 540px) {.wine-detail-bottle{margin:5px auto; width:95px; float:none;}} .wine-detail-wrapper{padding-left:195px;} @media (max-width: 980px) {.wine-detail-wrapper{padding-left:145px;}} @media (max-width: 760px) {.wine-detail-wrapper{padding-left:115px;}} @media (max-width: 540px) {.wine-detail-wrapper{padding-left:0;}} .wines h1.desktop{display:block;} .wines h1.mobile{display:none;} @media (max-width: 540px) { .wines h1.desktop{display:none;} .wines h1.mobile{display:block;} } /* Explore Regions ------------------------------------------------------------------------------------------------------- */ .map-wrapper{max-width:1000px; display:block;} .map-wrapper .image{margin:0 0 -50px; width:45%; height:auto; display:block; float:left;} .map-wrapper img{width:100%;} .map-wrapper .copy{width:55%; float:left; display:block;} @media (max-width: 760px) { .map-wrapper .image, .map-wrapper .copy{float:none !important;} .map-wrapper .image{margin:0 auto; width:100%; max-width:300px;} .map-wrapper .copy{padding:25px 0 0 0 !important; width:100%;} } .map-wrapper.sort-left .image, .map-wrapper.sort-left .copy{float:left;} .map-wrapper.sort-left .copy{padding-left:30px;} .map-wrapper.sort-right .image, .map-wrapper.sort-right .copy{float:right;} .map-wrapper.sort-right .copy{padding-right:30px;} /* Winemaking ------------------------------------------------------------------------------------------------------- */ .winemaker-wrapper{display:table;} @media (max-width: 760px) {.winemaker-wrapper{display:block;}} .winemaker-wrapper .image{margin:5px 0; width:255px; height:255px; display:table-cell; float:left;} @media (max-width: 760px) {.winemaker-wrapper .image{margin:4px 0 0 0; width:100%; height:255px; display:block; float:none;}} @media (max-width: 540px) {.winemaker-wrapper .image{height:200px;}} .winemaker-wrapper .copy{padding-left:0px; display:table-cell; vertical-align:top;} @media (max-width: 760px) {.winemaker-wrapper .copy{padding:25px 0 0 0; display:block;}} @media (max-width: 540px) {.winemaker-wrapper .copy{padding-top:20px;}} /* Contact ------------------------------------------------------------------------------------------------------- */ .contact a.mobile{text-decoration:underline !important; color:inherit !important; cursor:pointer !important;} /* Store Locator ------------------------------------------------------------------------------------------------------- */ .find-our-wine #formHeaderText strong{display:none;} .find-our-wine #acctGroup{display:none;} /* Age Gate --------------------------------------------------------------------------------------------------------------- */ .overlay-container{height:100% !important; display:none !important;} .overlay-wrapper{width:100%; height:100%; overflow:visible; position:absolute; top:0; left:0; z-index:99999; background:url('../img/bg/wood.jpg') repeat 0 0 #090908; opacity:1; filter:alpha(opacity = 100);} .age-gate.main-container{padding:0; background:url('../img/bg/wood.jpg') repeat 0 0 #090908;} .age-gate .content-container{margin:0 auto; padding:50px 50px 100px; width:100%; max-width:980px;} @media (max-width: 980px) {.age-gate .content-container{padding:46px 30px 100px;}} @media (max-width: 760px) {.age-gate .content-container{padding:43px 20px 100px;}} @media (max-width: 540px) {.age-gate .content-container{padding:40px 15px 100px;}} .age-gate .content-container .logo{margin:0 auto; width:290px; height:auto; position:relative; top:auto; left:auto;} @media (max-width: 980px) {.age-gate .content-container .logo{width:250px;}} @media (max-width: 760px) {.age-gate .content-container .logo{width:230px;}} @media (max-width: 540px) {.age-gate .content-container .logo{width:210px;}} .age-gate .content-container h1{padding:50px 0 25px; color:#f0e8c0;} @media (max-width: 980px) {.age-gate .content-container h1{padding:46px 0 20px;}} @media (max-width: 760px) {.age-gate .content-container h1{padding:43px 0 20px;}} @media (max-width: 540px) {.age-gate .content-container h1{padding:40px 0 20px;}} .age-gate .content-container p{margin:0 auto; padding:0 50px; font-size:20px; line-height:150%;} @media (max-width: 980px) {.age-gate .content-container p{padding:0 30px; font-size:18px;}} @media (max-width: 760px) {.age-gate .content-container p{padding:0 20px; font-size:16px;}} @media (max-width: 540px) {.age-gate .content-container p{padding:0 15px; font-size:14px;}} .age-gate .content-container .btn{margin-top:40px;} @media (max-width: 980px) {.age-gate .content-container .btn{margin-top:36px;}} @media (max-width: 760px) {.age-gate .content-container .btn{margin-top:32px;}} @media (max-width: 540px) {.age-gate .content-container .btn{margin-top:28px;}} .age-gate .footer-social, .age-gate .careers-btn{display:none;} /* Form Elements --------------------------------------------------------------------------------------------------------------- */ .form-dropdown-wrapper, .dropdownWrapper{width:360px; height:54px; border:1px solid #42432e; overflow:hidden; vertical-align:top; display:inline-block; background-color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; behavior: url(/resources/js/pie/PIE.htc);} .dropdownWrapper{width:360px !important; overflow:visible;} @media (max-width: 540px) {.dropdownWrapper{width:100% !important;}} #phoneTypeDropDownWrapper{margin-top:14px !important;} .form-dropdown, .dropdownTxt{width:100%; height:100%; position:absolute; overflow:hidden; top:0; left:0; display:block; z-index:-1; background:none !important;} .form-dropdown i{width:40px; height:100%; color:#42432e; font-size:24px; line-height:52px; text-align:center; border-left:none; position:absolute; right:0; top:0; z-index:10; background-color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; behavior:url(/resources/js/pie/PIE.htc);} .form-dropdown span{padding-left:15px; width:100%; height:100%; color:#42432e; font-size:inherit; line-height:52px; font-weight:700; text-transform:uppercase; text-align:left; white-space:nowrap; overflow:hidden; display:block;} .dropdownTxt{width:100% !important; padding:0 12px !important; line-height:54px; border:none;} .dropdownTxt span{line-height:52px !important; text-align:left;} .dropdownTxt span.arrowDown{margin-top:-52px; color:#42432e;} .dropdownTxt span.arrowDown::after{font-size:12px;} .dropdownWrapper .fieldSelect{margin:0; width:100%; height:52px;} select{width:100%; height:100%; background:none; background:transparent; opacity:0; filter:alpha(opacity=0);} input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="submit"], textarea, select, .btn.submit{border:none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none;} input[type="text"]::-ms-clear, input[type="email"]::-ms-clear, input[type="tel"]::-ms-clear, input[type="password"]::-ms-clear{display:none;} textarea{width:360px; height:100px; padding:6px 12px; line-height:16px; border:1px solid #42432e; resize:none; background-color:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/resources/js/pie/PIE.htc);} label{margin-bottom:8px; font-family:'Veneer', serif; font-weight:400; display:table; cursor:default;} input[type="text"], input[type="email"]{padding:0 12px; width:360px; height:54px; font-family:inherit; color:#42432e; font-size:inherit; line-height:54px; overflow:hidden; border:1px solid #42432e; display:block; background:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/resources/js/pie/PIE.htc);} @media (max-width: 540px) {input[type="text"],input[type="email"]{width:100% !important;}} input[type="radio"], input[type="radio"] + label{float:left;} input[type="radio"] + label{margin:-4px 20px 0 0; padding-left:8px;} /*input[type="checkbox"]{display:none;}*/ input[type="checkbox"]+label{margin:8px 0 0 0; padding-left:26px; width:auto; line-height:20px; cursor:pointer; display:inline-block;} input[type="checkbox"] + label .checkbox{width:20px; height:20px; color:#42432e; border:1px solid #42432e; cursor:pointer; position:absolute; top:0; left:0; float:left; background-color:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url(/resources/js/pie/PIE.htc);} input[type="checkbox"] + label .checkbox .fa-check{font-size:14px; line-height:18px; text-align:center; display:none;} input[type="submit"]{margin:25px 0; padding:3px 15px 0; min-width:170px; font-family:'Veneer', serif; color:#f1edce !important; font-size:28px; line-height:57px; font-weight:400 !important; text-transform:uppercase; text-decoration:none !important; overflow:hidden; display:inline-block; background:url('../img/content/btn-bg.png') no-repeat 0 0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; behavior:url(/resources/js/pie/PIE.htc);} @media (max-width: 980px) {input[type="submit"]{min-width:145px; font-size:20px; line-height:49px;}} @media (max-width: 760px) {input[type="submit"]{min-width:120px; font-size:20px; line-height:42px;}} .row.group{margin-top:20px;} #formHeaderWrapper{margin-top:0;} #contactInfoText{margin-top:25px;} #showUPCExample{margin:5px 0; display:inline-block;} #sku{margin:5px 0;} select+.parsley-errors-list{top:54px;} /* Popup --------------------------------------------------------------------------------------------------------------- */ .popup .main-container{padding:0;} .popup .header-container{padding:21px 0;} @media (max-width: 760px) {.popup .header-container{padding:18px 0;}} @media (max-width: 540px) {.popup .header-container{padding:16px 0;}} .popup .logo{margin:0 auto; position:relative; top:auto; left:auto;} .popup .content-container{padding:42px 30px; font-size:12px; line-height:150%;} @media (max-width: 980px) {.popup .content-container{padding:38px 20px;}} @media (max-width: 760px) {.popup .content-container{padding:34px 15px;}} @media (max-width: 760px) {.popup .content-container{padding:30px 15px;}} .popup .content-container ul, .popup .content-container ol{margin:14px 0; padding:0 0 0 30px; list-style-type:disc;} .popup .content-container li{margin:14px 0; display:list-item; list-style-type:disc;} .popup .paper-container{margin-bottom:20px;} .popup footer .footer-social{display:none;} /* FOOTER --------------------------------------------------------------------------------------------------------------- */ footer{padding:55px 20px 30px; text-align:center;} @media (max-width: 760px) {footer{padding:35px 15px 25px;}} @media (max-width: 540px) {footer{padding:25px 15px 25px;}} footer .logo{margin:0 auto; position:relative; top:auto; left:auto;} .footer-social{display:none;} @media (max-width: 980px) {.footer-social{padding-bottom:20px; display:block;}} @media (max-width: 760px) {.footer-social{padding-bottom:18px;}} @media (max-width: 540px) {.footer-social{padding-bottom:16px;}} .footer-social li{margin-right:-4px; display:inline-block;} .footer-social a{width:60px; color:#f1edce !important; font-size:28px; line-height:100%; text-align:center; display:block;} .no-touch-device .footer-social a:hover{color:#fff !important;} @media (max-width: 760px) {.footer-social a{width:55px; font-size:24px;}} @media (max-width: 540px) {.footer-social a{width:50px; font-size:21px;}} .footer-nav{padding:30px 0 26px;} .footer-nav ul{display:inline-block;} .footer-nav li{margin:0 18px; display:inline-block;} .footer-nav a{font-family:'Quattrocento', serif; color:#f1edce !important; font-size:14px; font-weight:700; text-transform:uppercase; text-decoration:none !important;} .no-touch-device .footer-nav a:hover{color:#fff !important;} @media (max-width: 980px) { .footer-nav{padding:26px 0 16px;} .footer-nav li{margin:0 8px;} .footer-nav a{font-size:13px;} } @media (max-width: 760px) { .footer-nav{padding:23px 0 13px;} .footer-nav ul{display:block;} .footer-nav ul:first-child{padding-bottom:6px;} .footer-nav a{font-size:12px;} } @media (max-width: 540px) { .footer-nav{padding:20px 0 10px;} .footer-nav ul:first-child{padding-bottom:2px;} .footer-nav a{font-size:11px;} } .disclaimer{width:100%; color:#b29b6f; font-size:13px;} .disclaimer span{padding:0 2px;} @media (max-width: 760px) {.disclaimer span{font-size:12px; display:block;}} @media (max-width: 540px) {.disclaimer span{font-size:11px;}} /* WTB --------------------------------------------------------------------------------------------------------------- */ #wtb-overlay #overlayContent #resultListings, #wtb-overlay #overlayContent #resultListings #resultItemsTab {background: url('/sites/all/themes/gp/img/bg/paper.jpg') repeat 0 0 #fdfdfa } section#mobileNavWrapper .mobile-btn {background: #FAF9E7;}