/* * Homepage */ #locationSearch { position:relative; z-index:1; } div.span8.template-partyplanner { height: 65px; background: #bddae0 url(img/partyplanner.jpg) left top no-repeat; overflow:hidden; -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-bottomleft: 6px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .promoPartyPlanner { padding-right:10px; } .template-partyplanner a { color:#1e1e1e; display:block; height: 65px; background: url(img/partyplanner.jpg) no-repeat top left; padding:0 30px; } .template-partyplanner a .left { float: left; font-size: 31px; padding: 27px 0 0 0; } .template-partyplanner a .right { float:right; font-size:18px; line-height:65px; } .promoPartyPlanner a:hover { text-decoration:none; } .template-wineguide {} .template-wineguide a { color:#1e1e1e; display:block; height: 65px; background: url(img/wineguide.jpg) no-repeat top left; font-size:31px; line-height:65px; text-align:left; padding-left: 30px;} .template-wineguide a:hover { text-decoration:none; } /** Slider/Specials **/ #sliderContainer {margin:0 0 0px; padding:31px 0 30px; position:relative; width:100%; z-index:0; /* background-color: #f2f4f7; background-image: linear-gradient(bottom, rgb(230,235,240) 50%, rgb(243,245,248) 50%); background-image: -o-linear-gradient(bottom, rgb(230,235,240) 50%, rgb(243,245,248) 50%); background-image: -moz-linear-gradient(bottom, rgb(230,235,240) 50%, rgb(243,245,248) 50%); background-image: -webkit-linear-gradient(bottom, rgb(230,235,240) 50%, rgb(243,245,248) 50%); background-image: -ms-linear-gradient(bottom, rgb(230,235,240) 50%, rgb(243,245,248) 50%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.5, rgb(230,235,240)), color-stop(0.5, rgb(243,245,248)) ); */ } #homeSliderInternalContainer, #sliderInternalContainer { position:relative; } #homeSliderInternalContainer h1.pageTitle, #sliderInternalContainer h1.pageTitle { margin:0; position:absolute; top:0; } #homeSliderInternalContainer h1.pageTitle .script, #sliderInternalContainer h1.pageTitle .script { color:#d90011; font-size:50px; } #homeSliderInternalContainer h2.script, #sliderInternalContainer h2.script { color:#d90011; font-size:50px; margin:0; position:absolute; left:50px; top:0; } #homeSliderInternalContainer h2.bottom, #sliderInternalContainer h2.bottom { font-size:12px; font-weight:normal; margin:0; position:absolute; bottom:10px; right: 125px; left:auto; top:auto; color: #b1b1b1; } #sliderMask { height:100%; list-style:none; margin:0; padding:0; } .flex-viewport { width:100%; height:100%; margin: 0 0 14px; } .specialBlock { height:480px; overflow:hidden; } .specialBlock .specialInfo.inactive { display:none; right:-100px; } .specialBlock .specialInfo { height:100%; position:absolute; right:0; width:100%; } .specialPrice { padding-left:100px; position:absolute; left:55%; top:100px; z-index:10; } .specialPrice h1 { font-family:"nimbus-sans-condensed"; font-size: 195px;line-height: 0.6; margin:0; } #sliderContainer .specialBlock .specialPrice h1 span.price_large { letter-spacing: -8px !important; } .specialPrice h1 sup { font-size:0.23em; line-height:0.4; top:-2em; } .specialPrice h1 sup sub { font-size:1em; line-height:1; position:absolute; left:0px; bottom:-1.85em; text-transform:uppercase; } .specialTags { position:absolute; left:-120px; top:0; width:200px; } .specialTags .special1 { background:url(img/special-1-pointer.png) no-repeat right top; width: 110px; height: 79px; display:block; color:#fff; float:right; font-family:"nimbus-sans-condensed"; font-size:36px; font-weight:600; line-height:1; padding:0; text-transform:uppercase; z-index:10; border-radius: 4px; background-clip: padding-box; top: -10px; position: absolute; left: 102px; } .specialTags .special1.special3 { font-size:23px;} .specialTags .special2-inner span.price_special_large { letter-spacing: -4px; } .specialTags .special1:before { content:''; display:block; height:21px; position:absolute; top:50px; right:0; width:12px; } .specialTags .special2 { background:url(img/special-2-pointer.png) no-repeat left center; height: 76px; width: 146px; clear:both; display:block; color:#fff; float:right; font-family:"nimbus-sans-condensed"; font-size:40px; font-weight:600; line-height:1; padding:0; text-transform:uppercase; z-index:5; margin-top: 0; border-radius: 4px; background-clip: padding-box; position: absolute; top: 50px; left: 66px; } #specialsSmall .special2 { height: 37px; width: 82px; margin-top: 0; } #specialsSmall .special1{ height: 50px; width: 69px; } .specialTags .special2-inner { padding: 14px 0px 0 40px; } .specialTags .special1-inner { padding: 15px 0px 0 21px; } .specialTags .special3-inner { padding: 21px 0px 0 19px; } .specialTags .special1-inner.special3 { padding: 22px 0px 0 17px; } #specialsSmall .special2 .special2-inner { padding: 5px 0 0 10px; } #specialsSmall .special1 .special1-inner { padding: 5px 0 0 10px; } #specialsSmall .special1 .special3-inner { padding: 8px 0 0 3px; } .specialTags .special2 .text { float:left; font-size:0.55em; display: inline-block; } .specialTags .special2 .text .top { font-size:1.15em; } .specialTags .special2 .price { float:left; font-size:1.4em; line-height:0.85; margin-left:3px; display: inline-block;} .specialTags .special2 .price sup { font-size:0.3em; top:-1.5em; } .specialTags .specialBadge { clear:both; float:right; margin-top: 145px; } .specialDetails { margin-left:100px; position:absolute; left:57%; top:240px; z-index:10; width:300px; } .specialDetails h2 { font-size:22px; margin-top:0; line-height:1; text-transform:none !important; } .specialDetails p { font-size:1.2em; line-height:1.4em; } .specialDetails .regionPrice { display:inline-block; margin-bottom:10px; } .specialDetails .regionPrice { color:#e02421; font-weight: bold; } .imgContainer { position:absolute; left:0%; bottom:70px; text-align:right; z-index:0; width:55%; /*-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent) , to(rgba(250, 250, 250, 0.1)));*/ } #sliderContainer .specialBlock .btn-yellow.left { display:block; float:none !important; margin-left: 23px; } #sliderContainer .specialBlock .btn-yellow.right { display:none; float:none !important; } /** Region Nav **/ .regionNav { list-style:none; margin:0; padding:0 0 0 50px; position:absolute; bottom:20px; display: none; } .regionNav li { float:left; } .regionNav li a { color:#92a1b1; display:block; font-weight:600; padding:6px 7px 5px; text-transform:uppercase; border-radius: 2px; background-clip: padding-box; } .regionNav li a:hover { color:#333; text-decoration:none; } .regionNav li a.active { background-color:#e00819; color:#fff; } .wine .specialPrice, .spirits .specialPrice { top:150px; } .wine .specialDetails, .spirits .specialDetails { padding-left:4%; right:auto; left:0; top:150px; width:20% !important; } .spirits .specialDetails { padding-left:4%; } .wine .imgContainer, .spirits .imgContainer { bottom:40px; } /** Small Slider **/ #specialsSmall { padding:0 38px !important; } #specialsSmall .specialBlock { border-left:1px solid #d5d9de; cursor:pointer; height:auto; margin-left:-1px; width:280px; } #specialsSmall .specialBlock.flex-active-slide, #specialsSmall .specialBlock:hover { background-color:#f6f8fa; } #specialsSmall .specialBlock:first-child { border-left:none; margin-left:0; } #specialsSmall .specialBlock .internalContainer { float:left; height:235px; position:relative; width:100%; } body.term-beer #specialsSmall .specialTags .special1 { left: -75px !important; top: -10px !important; } body.term-premix #specialsSmall .specialTags .special2 { background:url(img/special-2-pointer-small-reverse.png) no-repeat left center !important; left: -90px !important; top: -10px !important; padding: 8px 27px 10px 6px; } body.term-beer #specialsSmall .specialTags .special2 { background:url(img/special-2-pointer-small-reverse.png) no-repeat left center !important; left: -90px !important; top: -10px !important; padding: 8px 27px 10px 6px; } body.term-ciders #specialsSmall .specialTags .special2 { background:url(img/special-2-pointer-small-reverse.png) no-repeat left center !important; left: -90px !important; top: -10px !important; padding: 8px 27px 10px 6px; } body.term-ciders #specialsSmall .specialTags .special1, body.term-premix #specialsSmall .specialTags .special1, body.term-beer #specialsSmall .specialTags .special1 { background: url(img/special-1-pointer-small-reverse.png) no-repeat right top; background-position: 0 0; padding: 10px; left: -90px; top: -62px; } #specialsSmall .specialBlock .specialInfo, #specialsSmall .specialPrice, #specialsSmall .specialTags, #specialsSmall .imgContainer { position:static; height:auto; width:auto; left:auto; right:auto; bottom:auto; } #specialsSmall .specialBlock .specialInfo { } #specialsSmall .specialPrice { } #specialsSmall .specialPrice h1 { font-size:60px; margin-bottom:10px; padding-left:10px;letter-spacing: -1px; } #specialsSmall .specialPrice h1 sup { font-size:0.3em; top:-1.5em; letter-spacing: 0; left: 1px !important;} #specialsSmall h1 span.price_large {margin-left: 2px !important;margin-right: 2px !important;} #specialsSmall .specialPrice h1 sup sub { font-size:1em; line-height:1; position:absolute; left:0; bottom:-1.35em;letter-spacing: 0; } #specialsSmall .specialTags { padding-left:10px; } #specialsSmall .specialTags .special1, #specialsSmall .specialTags .special2 { float: left; font-size: 27px; } #specialsSmall .specialTags .special1 { background: url(img/special-1-pointer-small.png) no-repeat right top; background-position:0 0; padding:10px; left: 5px; top: 3px; } #specialsSmall .specialTags .special1:before { height:15px; top:35px; } #specialsSmall .specialTags .special2 { margin-left: -20px;padding: 9px 5px 10px 22px; left: 5px; top: 55px;} #specialsSmall .specialTags .special3 { font-size: 20px;} #specialsSmall .flex-direction-nav a { background:url(img/slider-arrows-small.png) no-repeat center left; height:100%; top:0; margin:0; } #specialsSmall .flex-direction-nav a.flex-prev { border-right:1px solid #d5d9de; background-position: top right; left:0; opacity:1; background: url(img/arrow-left.png) -3px 0 no-repeat; } #specialsSmall .flex-direction-nav a.flex-next { border-left:1px solid #d5d9de; right:0; opacity:1; background: url(img/arrow-right.png) 0 0 no-repeat; } #specialsSmall .flex-direction-nav a.flex-prev:hover { background: url(img/arrow-left.png) -3px -237px no-repeat !important; } #specialsSmall .flex-direction-nav a.flex-next:hover { background: url(img/arrow-right.png) 0 -237px no-repeat !important; } #specialsSmall .flex-direction-nav a.flex-next.flex-disabled {background: url(img/arrow-right.png) 0 -474px no-repeat !important;} #specialsSmall .flex-direction-nav a.flex-prev.flex-disabled { background: url(img/arrow-left.png) -3px -474px no-repeat !important; } #specialsSmall .beer .specialInfo, #specialsSmall .ciders .specialInfo, #specialsSmall .premix .specialInfo { padding-top:20px; position:relative; } #specialsSmall .beer .specialPrice, #specialsSmall .ciders .specialPrice, #specialsSmall .premix .specialPrice { left:0; padding-left:0; width:100%; } #specialsSmall .beer .specialPrice h1, #specialsSmall .ciders .specialPrice h1, #specialsSmall .premix .specialPrice h1 { left:50%; position:absolute; } #specialsSmall .beer .specialTags, #specialsSmall .ciders .specialTags, #specialsSmall .premix .specialTags { right:50%; top:auto; padding:0 10px 0 0; position:absolute; } #specialsSmall .beer .specialTags .special2, #specialsSmall .ciders .specialTags .special2, #specialsSmall .premix .specialTags .special2 { background-position:center right; margin:0 !important; padding:10px 27px 10px 10px; } #specialsSmall .beer .specialTags .special1:before, #specialsSmall .ciders .specialTags .special1:before, #specialsSmall .premix .specialTags .special1:before { background-position:left bottom; left:0; right:auto; } #specialsSmall .beer .imgContainer, #specialsSmall .ciders .imgContainer, #specialsSmall .premix .imgContainer { padding-top:20px; text-align:center; } #specialsSmall .wine .specialPrice h1, #specialsSmall .spirits .specialPrice h1 { clear:both; position: absolute; margin-top: 130px;} #specialsSmall .wine .specialInfo, #specialsSmall .spirits .specialInfo { height:215px; padding-top:20px !important; } #specialsSmall .wine .specialPrice, #specialsSmall .spirits .specialPrice { padding:0; position:absolute; left:55%; width:50%; top:35px; } /*#specialsSmall .spirits .specialPrice { left:auto; right:55%; width:auto; } #specialsSmall .spirits .specialTags .special1:before { background-position:left bottom; left:0; right:auto; } #specialsSmall .spirits .specialTags .special2 { background-position:center right; margin:0 -10px 0 0 !important; padding:10px 27px 10px 10px; }*/ #specialsSmall .wine .imgContainer, #specialsSmall .spirits .imgContainer { position:absolute; right:45%; text-align:right; width:50%; } /*#specialsSmall .spirits .imgContainer { right:auto; left:45%; text-align:left; }*/ /** Controls **/ .flex-control-paging { list-style:none; display:none; margin:0 0 0 0; padding:0; position:relative; bottom:0; text-align:center; } .flex-control-paging {display: block;} .flex-control-paging li { display:inline; margin:0 8px; } .flex-control-paging li a { background-color:#d5d8da; cursor:pointer; display:inline-block; height:11px; overflow:hidden; text-indent:-999px; width:11px; border-radius: 50%; background-clip: padding-box; } .flex-control-paging li a:hover { background-color:#d0d4dc; } .flex-control-paging li a.flex-active { background-color:#e8212c; } /*.flex-control-paging li a { background-color:#c0e3f7; cursor:pointer; display:inline-block; height:10px; overflow:hidden; text-indent:-999px; width:10px; -webkit-border-radius: 50%; border-radius: 50%; background-clip: padding-box; } .flex-control-paging li a:hover { background-color:#07488d; } .flex-control-paging li a.flex-active { background-color:#07488d; } */ .flex-direction-nav { z-index: 999999; } .flex-direction-nav, .flex-direction-nav li { list-style:none; margin:0; padding:0; position:static; width:100%; } .flex-direction-nav a { background: url(img/slider-arrows.png) no-repeat; display: block; height: 73px; margin-top: -30px; overflow: hidden; position: absolute; top: 49.5%; text-indent: -999px; width: 40px; opacity: .5; -webkit-transition: opacity ease-in-out 0.2s; -moz-transition: opacity ease-in-out 0.2s; -o-transition: opacity ease-in-out 0.2s; } .flex-direction-nav a{ background: url(img/arrow.png) no-repeat; display: block; height: 21px; margin-top: -30px; overflow: hidden; position: absolute; top: 49.5%; text-indent: -999px; width: 12px; opacity: 1; -webkit-transition: opacity ease-in-out 0.2s; -moz-transition: opacity ease-in-out 0.2s; -o-transition: opacity ease-in-out 0.2s; } .flex-direction-nav a{top: 47.5%; } .flex-direction-nav a.flex-prev { left:50px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .flex-direction-nav a.flex-next { background-position:0 0; right:50px; } .flex-direction-nav a.flex-prev{ left:50px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .flex-direction-nav a.flex-next{ background-position:0 0; right:50px; } .flex-direction-nav a.flex-prev:hover { opacity: 1;} .flex-direction-nav a.flex-next:hover { opacity: 1;} .flex-disabled { cursor:auto; opacity:0; } /* * Competitions */ #competitionContainer { padding-bottom:20px; } .competitionBlock { border-top:3px solid #edf0f3; margin-top:40px; padding-top:30px; } .competitionBlock:first-child { border-top:none; margin-top:0; padding-top:0; } .competitionBlock h2 { margin:0 0 20px; } .competitionBlock h2 a { color:#333; } .competitionBlock h2 a:hover { border-bottom:2px solid #333; text-decoration:none; } .competitionBlock .postThumb { overflow:hidden; } .competitionBlock .competitionContent { padding-left:40px; } /* * Media Centre */ #featuredVideo { background-color:#edf0f3; margin-bottom:30px; box-shadow: 0 1px 0 0 rgba(237,237,237,1); } .videoInfo { padding:23px 30px 15px; } .videoInfo h2 { font-size:20px; font-weight:600; line-height:1.3; margin:0; text-transform:none !important; } .videoInfo time { background-color:#ffffff; display:block; float:right; font-weight:600; line-height:1; padding:5px 10px; border-radius: 4px; background-clip: padding-box; } .videoInfo p { margin:1em 0 0 !important; } .videoInfo .span8, .videoInfo .span4 { min-height:auto !important; } .videoContainer { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .videoContainer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .videoRow { margin-top:20px; } .videoRow .span3 { padding:0 10px 0 0; } .videoRow .span3 .videoLink { background-color:#edf0f3; color:#262626; display:block; overflow:hidden; box-shadow: 0 1px 0 0 rgba(237,237,237,1); } .videoRow .span3 .videoLink span { display:block; padding:20px; } .videoRow .span3 .videoLink.active, .videoRow .span3 .videoLink.active:hover { background-color:#07488d; color:#fff; } .videoRow .span3 .videoLink:hover { background-color:#d90011; color:#fff; text-decoration:none; } #pagination { background-color:#edf0f3; margin-top:30px; text-align:center; box-shadow: 0 1px 0 0 rgba(237,237,237,1); } #pagination a, #pagination span { border-left:1px solid #e7e8ea; border-right:1px solid #e7e8ea; font-size:16px; font-weight:600; display:inline-block; line-height:1; margin-left:-1px; padding:10px 0; width:40px; } #pagination span { background-color:#fff; } #pagination a { color:#aaacad; } #pagination a:hover { color:#d90011; text-decoration:none; } /* * Party Planner */ .partyPlannerHeader { background: url(img/partyplanner-header-bg.jpg) no-repeat top left; height:500px; text-align:center; margin-right: 20px; padding:40px; } .partyPlannerHeader-inner { width: 100%;} .partyPlannerHeader h2 { display:inline-block; font-size: 42px; margin: 120px 0 30px; color:#fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);} .partyPlannerHeader h3 { line-height:1.2; margin:0 auto; color:#fff; font-weight:normal; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);} .drinksCalculator { background-color:#f9a929; min-height:511px !important; } .drinksCalculator.calc{ padding:22px 20px 31px !important; } .drinksCalculator.calc .btn{ display: block; width: 100%; margin: 0 !important; } .drinksCalculator h2 { margin:0; font-size: 28px !important; } @media (min-width: 768px){ .drinksCalculator.calc{ padding:40px 50px 31px !important; min-height: 584px !important; } .drinksCalculator h2 { margin: 0 0 18px; font-size: 28px !important; } .drinksCalculator.calc .btn { display: inline-block; width: auto; } } .rightCol { padding-left:10px; } .rightCol h2 { margin-top:0; } .rightCol .partyTips { min-height:295px; } .partyTips h2 {margin:0 !important;} .partyTips {height: 302px; margin-bottom:20px; } .partyImage { width: 200px; float: left; margin-right: 30px; margin-bottom: 20px; } .party-tips-calc .partyImage{ display: none; } @media (min-width: 1200px) { .party-tips-calc .partyImage{ display: block; } } .tip-header { margin:10px 0; } .partyText { font-size: 15px; } div.partyTips.lightGreyBox { border: none; background: #f2f5f8; } #partyTips ul { list-style:none; margin:0; padding:0; } #partyTips ul .span8 { padding-left:20px; } #partyTips ul h3 { font-size: 20px; margin: 0 0 8px; line-height:1; } #partyTips .flex-control-paging { display:block; bottom:-7px; } .rightCol .wineGuide { background:url(img/wine-guide-box-bg.jpg) no-repeat center center; color:#333; font-weight:700; height:295px; padding:30px 40px 40px; } /** Calculator **/ .calculator-top-row{ margin-bottom: 4px; } .calculator { } .calculatorTop { border-bottom:2px solid #fbc36a; border-top:5px solid #fbc36a; font-weight:700; line-height:40px; margin-top:20px; padding:15px 0; } .calculatorTop .span5 { width:47.5%; } .calculatorTop .span2 { width:5%; } .calculatorTop input { border:none !important; height:36px !important; margin:0 !important; padding-bottom:10px !important; padding-top:10px !important; width:100% !important; box-sizing: border-box; } .drink-checks{ padding-top: 10px; } .calculatorBottom { border-bottom:5px solid #fbc36a; font-weight:700; line-height:40px; padding:15px 0 8px; margin: 0 0 20px; } .calculatorBottom h3 { font-size:14px !important; line-height:1; margin-top:0; } .calculatorBottom .span4 { margin-top:10px; min-height:auto !important; } .calculatorBottom label { font-weight:700; } .calculatorBottom label input { margin-right:10px; margin-top:0; margin-bottom:0; } .results { display:none; } .results .result { margin-top:10px; overflow:hidden; box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.5); background-image: -webkit-gradient(linear, left top, left bottom, from(#fdcc7f), to(#fdc265)); background-image: -webkit-linear-gradient(top, #fdcc7f, #fdc265); background-image: linear-gradient(to bottom, #fdcc7f, #fdc265); } .results .result div { padding:15px 0 15px 90px; } .results .result.beer div { background:url(img/planner-results-beer.jpg) no-repeat bottom left; } .results .result.red_wine div { background:url(img/planner-results-red-wine.jpg) no-repeat bottom left; } .results .result.white_wine div { background:url(img/planner-results-white-wine.jpg) no-repeat bottom left; } .results .result.champagne div { background:url(img/planner-results-champagne.jpg) no-repeat bottom left; } .results .result.premix div { background:url(img/planner-results-premix.jpg) no-repeat bottom left; } .results .result.spirits div { background:url(img/planner-results-spirits.jpg) no-repeat bottom left; } .results .result strong { font-size:1.1em; } .resultsGroup { border-bottom:5px solid #fbc36a; padding:0 0 20px; } /*.sparklingLabel { margin-left:22px; }*/ /* * Wine Guide */ .wineGuide {background: #f2f5f8 url(img/foodwine-bg.jpg) no-repeat; margin-bottom: 0px; } .wineGuide a {text-decoration:none; color: #333;} .wineGuide a:hover {text-decoration:none;} .wineGuide-inner { padding: 30px 50px 30px; height: 132px; } .foodTypeContainer {margin: 0 0px;} .foodTypeButtonContainer { margin:10px 0px 0px; } .foodTypeButtonContainer .foodLink { color:#262626; display: block; font-size:18px; padding:20px; background: #f2f5f8; border-radius: 4px; background-clip: padding-box; /*margin-right: 10px;*/ margin-bottom: 10px; padding: 22px 5px 18px 11px; box-sizing: border-box; } .foodTypeButtonContainer .foodLink.top { border-bottom: none;} .foodTypeButtonContainer .foodLink.left { } .foodTypeButtonContainer .foodLink.first:active { } .foodTypeButtonContainer .foodLink:hover { background-color:#f7f8fa; background-image:none; color:#d90011; text-decoration:none; } .foodTypeButtonContainer .foodLink.active { background-color:#d90011; background-image:none; color:#fff; border:none; } .foodType { background-color:#f2f5f8; display:none; box-sizing: border-box; margin: 0 0 30px; } .foodType.active { display:block; } .foodType .span4 { padding:30px; } .foodType .titleBlock { } .foodType .titleBlock h1 { border-bottom:5px solid #e5e9ee; margin:0 0 30px; padding-bottom:10px; } .foodType .wineBlock { padding: 32px 23px 40px; } .foodType .wineBlock h2 { line-height: 1.2; margin: 0 0 0px; padding-bottom: 10px; padding-top: 8px; text-transform: none !important; font-size: 24px;} .foodType .wineBlock .span2 { text-align:center; } .foodType .wineBlock .span10 { padding-left:20px; } .foodType .wineBlock .span10 h3 { color:#abb6c0; font-size:14px; line-height:1; margin:1em 0; } .foodType .wineBlock td { border-top:2px solid #e2e6ec; font-weight:600; line-height:1; padding:10px 0; } .foodType .wineBlock td.price { color:#d90011; text-align:right; } /* * Contact Page */ .contactDetails { padding:0 40px 0 0; } .contactDetails table { margin:1em 0; } .contactDetails table td { border-top:1px solid #e7ecf1; padding:0.5em 0; } .contactDetails table tr:first-child td { border-top:none; } .contactForm h2 { margin: 0 0 20px; line-height: 24px;} .contactForm form { margin:0; } .contactForm .left.span6 { padding-right:5px; } .contactForm .right.span6 { padding-left:5px; } .contactForm input { height:auto !important; } .contactForm textarea { height:160px; resize:vertical; } .contactForm input, .contactForm textarea { padding:10px 15px !important; } .contactForm .btn-blue { padding:11px 30px !important; margin-top:10px !important; } /** Warnings **/ .wpcf7-response-output, .wpcf7-not-valid-tip, .error, #succsess_page, .error_message { display:block; padding:10px 15px; text-shadow:none; border-radius: 4px; background-clip: padding-box; } .wpcf7-validation-errors { background-color:#FFFFE5; border-color:#FFFD6A; display:none !important; } .wpcf7-not-valid-tip, .error, .error_message { background-color:#FBE3E4; border-color:#FBC2C4; color:#8A1F11; margin-bottom:10px; } .wpcf7-display-none { display:none; } .wpcf7-mail-sent-ok, #succsess_page { background-color:#dee8cd; border-color:#a7c178; color:#78a22f; text-shadow:none; } #succsess_page h3 { color:#78a22f; margin-top:0; } input.error, textarea.error { margin-top:10px; background-color:#fff; } /* * Footer */ /** Specials Categories **/ body.home #categoryContainer { display: none; } #categoryContainer { margin:30px auto; } #categoryInnerContainer { background-color:#fffae3; } #categoryInnerContainer .span2 { border-left:1px solid #b6e4f9; color:#262626; display:block; font-size:30px; height:64px; line-height:2.4; width:100%; } #categoryInnerContainer .span2:first-child { border-left:none; } #categoryInnerContainer .span2:hover { color:#d90011; text-decoration:none; } #categoryInnerContainer .span2.beer { background: #d8f0fa url(img/category-art-beer.jpg) no-repeat 34px bottom; padding-left:110px; -webkit-transition: background ease-in-out 0.1s; -moz-transition: background ease-in-out 0.1s; -o-transition: background ease-in-out 0.1s;} #categoryInnerContainer .span2.wine { background: #d8f0fa url(img/category-art-wine.jpg) no-repeat 31px bottom; padding-left:110px; -webkit-transition: background ease-in-out 0.1s; -moz-transition: background ease-in-out 0.1s; -o-transition: background ease-in-out 0.1s;} #categoryInnerContainer .span2.spirits { background: #d8f0fa url(img/category-art-spirits.jpg) no-repeat 37px bottom; padding-left:115px; -webkit-transition: background ease-in-out 0.1s; -moz-transition: background ease-in-out 0.1s; -o-transition: background ease-in-out 0.1s;} #categoryInnerContainer .span2.ciders { background: #d8f0fa url(img/category-art-cider.jpg) no-repeat 29px bottom; padding-left:105px; -webkit-transition: background ease-in-out 0.1s; -moz-transition: background ease-in-out 0.1s; -o-transition: background ease-in-out 0.1s;} #categoryInnerContainer .span2.premix { background: #d8f0fa url(img/category-art-premix.jpg) no-repeat 15px bottom; padding-left:105px; -webkit-transition: background ease-in-out 0.1s; -moz-transition: background ease-in-out 0.1s; -o-transition: background ease-in-out 0.1s;} /*#categoryInnerContainer .span2.beer:hover { background: #DBF4FF url(img/category-link-beer.png) no-repeat 34px bottom; padding-left:110px; } #categoryInnerContainer .span2.wine:hover { background: #DBF4FF url(img/category-link-wine.png) no-repeat 31px bottom; padding-left:110px; } #categoryInnerContainer .span2.spirits:hover {background: #DBF4FF url(img/category-link-spirits.png) no-repeat 37px bottom; padding-left:115px; } #categoryInnerContainer .span2.ciders:hover { background: #DBF4FF url(img/category-link-cider.png) no-repeat 29px bottom; padding-left:105px; } #categoryInnerContainer .span2.premix:hover { background: #DBF4FF url(img/category-link-premix.png) no-repeat 15px bottom; padding-left:105px; }*/ .calc-results{ padding: 0 0 20px; margin: 0 0 20px; border-bottom: 5px solid #fccc7c; } .calc-results-item{ display: table; overflow: hidden; background: rgba(253, 207, 134, 0.7); border-radius: 5px; width: 100%; margin-bottom: 9px; font-weight: 600; border-top: 1px solid #fee1b3; border-right: 1px solid #fee1b3; } .calc-results-img{ display: table-cell; width: 72px; height: 67px; vertical-align: middle; } .calc-results-img img{ display: block; min-width: 100%; max-width: 100%; } .calc-results-text{ display: table-cell; vertical-align: middle; padding: 10px 18px; } .calc-results-title{ margin: 0 0 5px; } h2.calcresults-title{ margin: 0 0 10px; } .print-link{ font-size: 16px; color: #2d2a26; font-weight: 600; display: none; } .print-link.align-middle{ margin: 10px 0 0 0; position: relative; top: 15px; } .print-link:before{ content: ""; display: inline-block; width: 21px; height: 18px; margin: 0 11px -2px 0; background: url('img/print-ico.png') no-repeat; } .print-link:hover{ color: #2d2a26; } span.drink-categories { font-size: 20px; color: #262626; font-weight: 700; margin: 11px 0 0 0; display: inline-block; float: left; } /* * Typography */ @font-face { font-family: 'lp_bambusregular'; src: url('fonts/lpbambus-regular-webfont.eot'); src: url('fonts/lpbambus-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lpbambus-regular-webfont.woff') format('woff'), url('fonts/lpbambus-regular-webfont.ttf') format('truetype'), url('fonts/lpbambus-regular-webfont.svg#lp_bambusregular') format('svg'); font-weight: normal; font-style: normal; } .page h1 { margin-bottom:20px; text-align: center; font-family: 'ProximaNova-Extrabld', Tahoma, Verdana, sans-serif; } .page h1, .page h2 { text-transform:none; } .script { font-family:'lp_bambusregular', cursive; font-weight:normal !important; text-transform:none !important; } /* * Graphic Styles */ .rounded4 { border-radius: 4px; background-clip: padding-box; } .rounded6 { border-radius: 6px; background-clip: padding-box; overflow:hidden; } .roundLeft { overflow:hidden; border-radius: 6px 0 0 6px !important; background-clip: padding-box; } .roundRight { overflow:hidden; border-radius: 0 6px 6px 0 !important; background-clip: padding-box; } .lightGreyBox { background-color:#ebeff3; border:1px solid #e5ebf1; padding:30px 40px 40px; border-radius: 6px; background-clip: padding-box; overflow: hidden; } /* * Buttons */ .btn-blue { color:#fff; padding:11px 30px !important; margin-top:20px; font-weight:normal; text-shadow: 0px -1px 0px rgba(12, 34, 52, 1); background: #196ac2; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzE5NmFjMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZjU2OWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#196ac2), color-stop(100%,#0f569b)); background: -webkit-linear-gradient(top, #196ac2 1%,#0f569b 100%); background: linear-gradient(to bottom, #196ac2 1%,#0f569b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#196ac2', endColorstr='#0f569b',GradientType=0 ); box-shadow: 0 1px 0 rgba(0,0,0,0.25); border:none !important; border-radius: 4px; background-clip: padding-box; } .btn-blue:hover { background:#0f569b; color:#fff; margin-top:21px; box-shadow:none; } .btn-red { font-weight: 700; font-size: 16px !important; color:#fff; padding:11px 30px !important; margin-top:20px; font-weight:normal; text-shadow: 0px -1px 0px rgba(195, 6, 21, 1); background: #e31020; background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e31020), color-stop(100%,#d90011)); background: -webkit-linear-gradient(top, #e31020 1%,#d90011 100%); background: linear-gradient(to bottom, #e31020 1%,#d90011 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e31020', endColorstr='#d90011',GradientType=0 ); box-shadow: 0 1px 0 rgba(0,0,0,0.25); border:none !important; border-radius: 4px; background-clip: padding-box; } .btn-red:hover { background:#c30615; color:#fff; margin-top:21px; box-shadow:none; } .btn-yellow { font-size: 16px !important; color:#333; padding:17px 30px 15px !important; font-weight:700; text-shadow:none; background: #fbbb55; background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fbbb55), color-stop(100%,#ec9e21)); background: -webkit-linear-gradient(top, #fbbb55 1%,#ec9e21 100%); background: linear-gradient(to bottom, #fbbb55 1%,#ec9e21 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbbb55', endColorstr='#ec9e21',GradientType=0 ); box-shadow: 0 1px 0 rgba(0,0,0,0.25); border:none !important; border-radius: 4px; background-clip: padding-box; } .btn-yellow:hover { background:#ec9e21; margin-top:1px; box-shadow:none; } .media, .media .media { margin-top: 0px; } h1.comps { display: none; } /* * Floats */ .left { float:left; } .right { float:right; } /* * Responsive Styles */ @media (max-width: 1199px) { .template-signup h2 { font-size: 20px; } div.template-signup { height:248px !important; } .home div.template-signup { height:248px !important; } div.signup-inner { padding-top:20px !important; padding-bottom:0px !important; } .promoPartyPlanner a { padding:0 20px; } #sliderContainer .wine .specialPrice { left:57%; } #sliderContainer .spirits .specialPrice { left:60%; } #sliderContainer .wine .specialDetails, #sliderContainer .spirits .specialDetails { width:25%; } #sliderContainer .wine .imgContainer { width:57%; } #sliderContainer .spirits .imgContainer { width:60%; } #sliderContainer .specialBlock .btn-yellow { font-size:1em !important; padding:12px 15px 10px !important; } .plannerDuration { line-height:1.4 !important; padding-top:10px; margin-bottom: 10px; } /*.foodTypeButtonContainer .foodLink { width:11.63%;}*/ .flex-direction-nav a.flex-prev { left:0px; } .flex-direction-nav a.flex-next { right:0px; } h1 { font-size: 30px; } } @media only screen and (max-width:1199px){ body.home .flex-direction-nav a.flex-prev{left: 30px;} body.home .flex-direction-nav a.flex-next{right: 30px;} } @media (max-width: 979px) { .navbar .nav li ul { display:block !important; position:static !important; border-radius: 0 !important; } .navbar .nav li ul a { border-top:none !important; border-bottom:1px solid #073f7b; padding:12px 10px !important; border-radius: 0 !important; } div.template-signup { height:198px !important; } .home div.template-signup { height:248px !important; } div.signup-inner { padding-top:10px !important; padding-bottom:0px !important; } .home div.signup-inner { padding-top:20px !important; padding-bottom:0px !important; } .template-signup h2 { font-size: 16px; } .home .template-signup h2 { font-size: 27px; line-height:1; margin: 0 0 15px !important; } div.signup-inner button { font-size:14px !important; padding-bottom:7px !important; padding-top:7px !important; } .home div.signup-inner button { font-size:17.5px !important; padding-bottom:11px !important; padding-top:11px !important; } .promoPartyPlanner a { text-align:center; } .promoPartyPlanner a .left { font-size:30px; display:block; width:100%; } .promoWineGuide a { font-size:30px; } .promoPartyPlanner a .right { display:none; float:none !important; } /** Slider **/ #sliderContainer { height:400px; } #sliderContainer h2.script { font-size:55px; top:-20px; } #sliderContainer h2.script.bottom { display:none; } #sliderContainer .specialBlock { height:400px; } #sliderContainer .specialBlock .specialPrice { top:60px; left:50%; } #sliderContainer .specialBlock .specialPrice h1 { font-size:160px; } #sliderContainer .specialBlock .specialTags .special1, #sliderContainer .specialBlock .specialTags .special2 { } #sliderContainer .specialBlock .specialTags .special1:before { height:19px; top:46px; } #sliderContainer .specialBlock .specialTags .specialBadge { display:none; } #sliderContainer .specialBlock .specialDetails { top:200px; left:50%; width:auto !important; } #sliderContainer .specialBlock .specialDetails h2 { font-size:20px; line-height:1; } #sliderContainer .specialBlock .specialDetails p { font-size:1.2em; line-height:1; } #sliderContainer .specialBlock .btn-yellow { font-size:1em; } #sliderContainer .specialBlock .btn-yellow.left { display:none; } #sliderContainer .specialBlock .btn-yellow.right { display:block; } #sliderContainer .specialBlock .imgContainer { bottom:100px; left:10%; width:40%; } #sliderContainer .specialBlock.wine .imgContainer, #sliderContainer .specialBlock.spirits .imgContainer { bottom:60px; height:300px; } #sliderContainer .specialBlock.wine .imgContainer img, #sliderContainer .specialBlock.spirits .imgContainer img { height:100%; width:auto; margin-left:-70px } .sparklingLabel { margin-left:0; } div.promotionsContent { height: auto !important; } } @media (max-width: 979px) and (min-width: 320px) { .partyPlannerHeader h3 { width:85%; } } @media (max-width: 979px) and (min-width: 768px) { #categoryInnerContainer .span2 { background-position:bottom center !important; } #categoryInnerContainer .span2 span { display:none; } .calculatorTop .span8, .calculatorTop .span5, .calculatorTop .span4, .calculatorTop .span4 input, .calculatorBottom .span4 { width:100% !important; } .calculatorTop .span2 { min-height:10px !important } } @media (max-width: 767px) { .template-signup h2 { font-size: 22px; } .home .template-signup h2 { font-size: 22px; line-height:1; } div.page { padding:30px 0 0 !important; } #homeSliderInternalContainer h2.bottom, #sliderInternalContainer h2.bottom { font-size:14px; } #specialsSmall { display:none; } .flex-direction-nav { display:none; } .flex-control-paging { display:block; } .competitionBlock .postThumb { margin-bottom:20px; } .competitionBlock .competitionContent { padding-left:0; } .videoInfo time { float:left; margin-top:10px; } .videoRow { margin:0; } .videoRow .span3 .videoLink { text-align:center; margin-top:20px; } .calculatorCol { padding-right:0; } .rightCol { padding-left:0; } .contactDetails { padding:0; } .contactForm { margin-top:2em; } .contactForm .left.span6 { padding-right:0; } .contactForm .right.span6 { padding-left:0; } .drinksCalculator { height:auto; margin-bottom: 20px; } .rightCol { display:none !important; } .partyImage { width: 100%; } .calculatorTop .span8, .calculatorTop .span5, .calculatorTop .span4, .calculatorTop .span4 input, .calculatorBottom .span4 { width:100% !important; } .calculatorTop .span2 { min-height:10px; !important } .foodType .titleBlock { text-align:center; } .foodType .titleBlock h1 { text-align:left; } .foodType .wineBlock .span2 { margin-bottom:30px; } .foodType .wineBlock .span10 { padding-left:0; } div.template-signup { height:auto !important; } div.signup-inner { padding-top:20px !important; padding-bottom:20px !important; } div.signup-inner button { font-size:17.5px !important; padding-bottom:11px !important; padding-top:11px !important; } .roundLeft { overflow:hidden; margin-bottom:30px; border-radius: 6px !important; background-clip: padding-box; } .roundRight { overflow:hidden; border-radius: 6px !important; background-clip: padding-box; } .foodType .span4 .span2 { display: none; } .foodType .span4 { padding: 15px 30px 0px 30px; } div.foodTypeContainer div.foodType { padding-bottom: 20px; padding-top: 10px; } /*.foodTypeButtonContainer .foodLink { width: 29%; font-size: 18px; padding: 15px 0 15px 15px; }*/ /*.foodTypeButtonContainer .foodLink.foodLink-2 { margin-right: 0; }*/ .btn-red { margin-top: 10px; } } @media (max-width: 559px) { /*.foodTypeButtonContainer .foodLink { width: 27%; font-size: 18px; padding: 15px 0 15px 15px; }*/ } @media (max-width: 767px) and (min-width: 320px) { /** Slider **/ #sliderContainer { height:360px; margin:0; padding:40px 0 40px !important; } #sliderContainer h1.pageTitle { left:0px; } #sliderContainer h1.pageTitle span { display:none; } #sliderContainer h2.script { font-size:30px !important; top:-50px !important; } #sliderContainer h2.script.bottom { display:none; } #sliderContainer .specialBlock { height:400px; } #sliderContainer .specialBlock .specialPrice { top:220px; padding:0; left:auto; right:55%; } #sliderContainer .specialBlock .specialPrice h1 { font-size:120px; } #sliderContainer .specialBlock .specialPrice h1 sup sub { bottom:-250%; left:-50px; } #sliderContainer .specialBlock .specialTags { top:-180px; left:200%; width:140px; } #sliderContainer .specialBlock.wine .specialTags, #sliderContainer .specialBlock.spirits .specialTags { left:140%; } #sliderContainer .specialBlock .specialTags .special1, #sliderContainer .specialBlock .specialTags .special2 { font-size:24px; } #sliderContainer .specialBlock .specialTags .special1:before { height:19px; top:46px; } #sliderContainer .specialBlock .specialTags .specialBadge { display:none; } #sliderContainer .specialBlock .specialDetails { top:220px; left:50%; padding:0; } #sliderContainer .specialBlock .specialDetails h2 { font-size:20px !important; line-height:1; } #sliderContainer .specialBlock .specialDetails p { font-size:1em; line-height:1; } #sliderContainer .specialBlock .btn-yellow { display:none; font-size:0.9em; } #sliderContainer .specialBlock .imgContainer { bottom:auto !important; left:auto; top:0; height:200px !important; text-align:center; width:100%; } #sliderContainer .specialBlock .imgContainer img { height:100%; width:auto; margin-left:-40px; } #sliderContainer .specialBlock .regionNav { padding:0 0 0 20px; bottom:0; } #sliderContainer .flex-control-paging { bottom:-10px; } .flex-control-paging li{margin: 0 5px;} #partyTips .flex-control-paging{bottom: 5px;} .foodTypeContainer{margin: 0 0 10px;} .videoRow{margin: 0 0 10px;} /*.foodTypeButtonContainer .foodLink { font-size:14px; }*/ #categoryInnerContainer .span2 { border-left:none; box-shadow: 0 1px 0 0 rgba(237,237,237,1); border-radius: 6px; background-clip: padding-box; } #categoryInnerContainer .span2:first-child { border-top:none; } #categoryInnerContainer { background-color:transparent; box-shadow:none; } .promo { display:none !important; } } @media (min-width: 420px) { #categoryInnerContainer .span2{ width: 47%; } } @media (min-width: 768px) { #categoryInnerContainer .span2{ width: 20%; } } @media (max-width: 670px) and (min-width: 320px) { .partyPlannerHeader h2 { font-size:50px !important; } .partyPlannerHeader h3 { font-size:18px !important; } div.page { padding:0px 0 0 !important; } } @media (max-width: 580px) { #homeSliderInternalContainer h2.bottom, #sliderInternalContainer h2.bottom { font-size:12px !important; } .promoPartyPlanner { padding:0 !important; } .promoWineGuide { padding:0 !important; margin-top:30px; } .promoWineGuide a { background-position:top right; } /*#categoryInnerContainer .span2 { background-position:center bottom !important; }*/ /*#categoryInnerContainer .span2 span { display:none !important; }*/ } @media (max-width: 520px) { #sliderContainer h2.script { font-size:30px; top:-40px; } #sliderContainer .specialBlock.beer .imgContainer, #sliderContainer .specialBlock.ciders .imgContainer, #sliderContainer .specialBlock.premix .imgContainer { padding-left:20px !important; text-align:left !important; } #sliderContainer .specialBlock .specialTags { top:-180px; left:140%; width:140px; } #sliderContainer .specialBlock.wine .specialTags, #sliderContainer .specialBlock.spirits .specialTags { left:120% !important; } /*.foodTypeButtonContainer .foodLink { font-size:14px; padding:10px; } }*/ @media (max-width: 480px) { #sliderContainer .specialBlock .btn-yellow { display:none !important; } #sliderContainer .specialBlock .regionNav { display:none !important; } #homeSliderInternalContainer h2.bottom, #sliderInternalContainer h2.bottom { } body.term-wine #sliderInternalContainer h2.bottom { bottom: 50px; right: 55px; } .home .template-signup h2 { font-size: 20px; line-height:1; } .partyPlannerHeader h2 { font-size:40px !important; margin-top:50px; } .contactForm { padding:5px 0 0px 0; } /*.foodTypeButtonContainer .foodLink { width: 40%; font-size: 17px; padding: 15px; }*/ ul#gform_fields_2 textarea.textarea { width: 85% !important; } /*.foodTypeButtonContainer .foodLink.foodLink-2 { margin-right: 10px; }*/ .foodTypeButtonContainer .foodLink.foodLink-1, .foodTypeButtonContainer .foodLink.foodLink-3 { margin-right: 0px; } .postcode-wrapper .change_btn{ margin-top:0 !important } /*div.wineGuide { display: none; }*/ .partyTips { height: 580px !important; } } @media (max-width: 767px) { #sliderContainer .specialBlock .btn-yellow { display:none !important; } #sliderContainer .specialBlock .regionNav { display:none !important; } .home .template-signup h2 { font-size: 16px !important; line-height:1; } /*.foodTypeButtonContainer .foodLink { width: 38%; font-size: 17px; padding: 15px; }*/ } @media (max-width: 360px) { /*.foodTypeButtonContainer .foodLink { font-size: 17px; padding: 15px; width: 36%; }*/ } @media (max-width: 320px) { /*.foodTypeButtonContainer .foodLink { font-size: 17px; padding: 15px; }*/ } /* * Meet the locals */ #locals-banner { background:url(img/locals/locals-banner.jpg) no-repeat center; background-size:cover; height:450px; position:relative; width:100%; } #locals-banner h1 { margin:0; position:absolute; top:50%; transform:translateY(-50%); }