/* * Coombe Styles * */ /* ========================================================================== Base styles and resets ========================================================================== */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}article,aside,details,figcaption,figure,footer,header,hgroup,hr,nav,section{display:block}b,mark,strong{font-weight:700}dfn,mark{font-style:italic}ins,mark{color:#000}fieldset,hr,img,legend{border:0}td,textarea{vertical-align:top}.cl,.clearfix:after{clear:both}.cl{font-size:0}audio,canvas,video{display:inline-block}[hidden],audio:not([controls]){display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif;color:#222}body{margin:0;font-size:1em;line-height:1.4}a{color:#00e}a:hover{color:#06e}a:focus{outline:dotted thin}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}blockquote{margin:1em 40px}hr{height:1px;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;text-decoration:none}mark{background:#ff0}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:"";content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}ol,ul{margin:0;padding:0}li,nav ol,nav ul{list-style:none;margin:0;padding:0}dd{margin:0 0 0 40px}img{-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}figure,form{margin:0}fieldset{margin:0;padding:0}label{cursor:pointer}legend{padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;resize:vertical}input:invalid,textarea:invalid{background-color:#f0dddd}.browserupgrade,.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}table{border-collapse:collapse;border-spacing:0}.clearfix:after,.clearfix:before{content:"";display:table}input,select,textarea{-webkit-appearance:none} /* ========================================================================== General styles ========================================================================== */ html { background:#fff; font-size:62.5%; -webkit-text-size-adjust: 100%;} body { font-family:'Calibre-Regular'; font-size:16px; line-height:1.4; color:#383A35; } a { color:#BF9B5F; text-decoration:none; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; outline:none!important; } a:hover { color:#383A35;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #383A35; opacity:1; } input:-moz-placeholder, textarea:-moz-placeholder{ color: #383A35; opacity:1; } input::-moz-placeholder, textarea::-moz-placeholder { color: #383A35; opacity:1; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #383A35; opacity:1; } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } img {max-width:100%; height:auto;} .container { max-width:1138px; width:100%; padding:0 55px; margin:0 auto; position:relative; } .section.homepage-btns{padding: 0px;} .section.homepage-btns .container{ max-width:100%; width:100%; padding:0px; margin:0 auto; position:relative; } .container.shop { max-width:1438px; } .container.tours{ max-width:1438px; padding-top: 20px;} .container.tours.x-wide {max-width: 1638px;padding-top: 20px;} .container.tours.single{ max-width:1138px;} .container.tours .row.hero-image{ margin-bottom: 20px;text-align: center;} .container:before, .container:after { content: ""; display: table; } .container:after { clear: both; } .container { *zoom: 1; } .container.fluid {max-width:100%;} .row{ margin-left: -26px; margin-right: -26px; } .contact-form .row{ margin-left: -26px; margin-right: -26px; margin-bottom: 10px;} .row:before, .row:after {display: table;content: "";line-height: 0;} .row:after {clear: both;} .row > div{ padding: 0 23px; } .row40{ margin-left: -20px; margin-right: -20px; } .row40 > div{ padding: 0 20px; } .row24{ margin-left: -12px; margin-right: -12px; } .row24 > div{ padding: 0 12px; } .row20{ margin-left: -10px; margin-right: -10px; } .row20 > div{ padding: 0 10px; } .row18{ margin-left: -9px; margin-right: -9px; } .row18 > div{ padding: 0 9px; } .row14{ margin-left: -7px; margin-right: -7px; } .row14 > div{ padding: 0 7px; } .col12{width:100%;float:left;} .col11{width:91.666666666667%;float:left;} .col10{width:83.333333333333%;float:left;} .col9{width:75%;float:left;} .col8{width:66.666666666667%;float:left;} .col7{width:58.333333333333%;float:left;} .col6{width:50%;float:left;} .col5{width:41.666666666667%;float:left;} .col4{width:33.333333333333%;float:left;} .col3{width:25%;float:left;} .col2{width:16.666666666667%;float:left;} .col1{width:8.3333333333333%;float:left;} .col10{width:10%;float:left;} .col20{width:20%;float:left;} .col30{width:30%;float:left;} .col40{width:40%;float:left;} .col60{width:60%;float:left;} .col70{width:70%;float:left;} .col80{width:80%;float:left;} .col90{width:90%;float:left;} /* Helpers */ .visible-tablet{ display: none; } .block {display:block;} .table {display:table;} .table-cell {display:table-cell; vertical-align:middle;} .text-right {text-align:right;} .text-center {text-align:center;} .relative {position:relative;} .pull-left {float:left;} .pull-right {float:right;} .cover {background-position:center center; background-repeat:no-repeat; background-size:cover;} .mobile-full-width{display: none;} .rest a {text-decoration: underline!important;} .rest a.btn {text-decoration: none!important;} .rest a.btn:hover {background: #000;} /* ========================================================================== Fonts ========================================================================== */ @font-face { font-family:'Calibre-Regular'; src: url('fonts/Calibre-Regular_gdi.eot'); src: url('fonts/Calibre-Regular_gdi.eot?#iefix') format('embedded-opentype'), url('fonts/Calibre-Regular_gdi.woff') format('woff'), url('fonts/Calibre-Regular_gdi.ttf') format('truetype'), url('fonts/Calibre-Regular_gdi.svg#Calibre-Regular') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+000D-2265; } @font-face { font-family:'Calibre-Medium'; src: url('fonts/Calibre-Medium_gdi.eot'); src: url('fonts/Calibre-Medium_gdi.eot?#iefix') format('embedded-opentype'), url('fonts/Calibre-Medium_gdi.woff') format('woff'), url('fonts/Calibre-Medium_gdi.ttf') format('truetype'), url('fonts/Calibre-Medium_gdi.svg#Calibre-Medium') format('svg'); font-weight: 500; font-style: normal; font-stretch: normal; unicode-range: U+000D-2265; } @font-face { font-family:'Calibre-Semibold'; src: url('fonts/Calibre-Semibold_gdi.eot'); src: url('fonts/Calibre-Semibold_gdi.eot?#iefix') format('embedded-opentype'), url('fonts/Calibre-Semibold_gdi.woff') format('woff'), url('fonts/Calibre-Semibold_gdi.ttf') format('truetype'), url('fonts/Calibre-Semibold_gdi.svg#Calibre-Semibold') format('svg'); font-weight: 600; font-style: normal; font-stretch: normal; unicode-range: U+000D-2265; } @font-face { font-family:'Calibre-Bold'; src: url('fonts/Calibre-Bold_gdi.eot'); src: url('fonts/Calibre-Bold_gdi.eot?#iefix') format('embedded-opentype'), url('fonts/Calibre-Bold_gdi.woff') format('woff'), url('fonts/Calibre-Bold_gdi.ttf') format('truetype'), url('fonts/Calibre-Bold_gdi.svg#Calibre-Bold') format('svg'); font-weight: 700; font-style: normal; font-stretch: normal; unicode-range: U+000D-2265; } /* ========================================================================== Preloader ========================================================================== */ /*#page {opacity:0;}*/ .loading {display:block;/*background-color:#fff;*/color:333;top:0;bottom:0;width:100%;height:100%;text-align:center;position:fixed;z-index:6000;} .loading .bar {top:46%;left:40%;background-color:#999;width:20%;color:#333;font-size:20px;height:5px;text-align:center;position:absolute;} .loading .percent { /* Preload percentage bar */background-color:#000;width:2%; height:5px;} .loading span { top:49%;left:0%;width:100%;color:#000;font-size:15px;text-align:center;z-index:6000;position:absolute;} /* ========================================================================== Header ========================================================================== */ .header{ background-color:#fff; font-size:20px; line-height:40px;color:#BF9B5F; } .header .container {padding-top:48px;padding-bottom:48px;} .logo{ display:block; width:219px; height:54px; position:absolute; top:40px; left:50%; margin-left:-109px; } .reservation-links {list-style:none; float:left;} .reservation-links li {list-style:none; display:inline-block; margin-right:20px;} .reservation-links li:last-child, .reservation-links li.last {margin-right:0;} .reservation-links li a{ display:inline-block; } .icon-book{background:url(../images/icon-garden.png); background: url(../images/icon-garden.svg), linear-gradient(transparent, transparent);} .icon-reserve {background:url(../images/icon-reservation.png); background: url(../images/icon-reservation.svg), linear-gradient(transparent, transparent);} .icon-reserve-shop {background: url(../images/icon-cart2-gold.svg), linear-gradient(transparent, transparent);} .ipdadpro{margin-top: 0px!important; background:#BF9B5F; color: #fff!important; display: none!important;} .ipdadpro .icon-reserve {background:url(../images/icon-cart2-gold.png) no-repeat; background: url(../images/icon-cart2-gold.svg) no-repeat, linear-gradient(transparent, transparent); background-position: left center;background-size: 33px 33px;} .ipdadpro .white {background:url(../images/icon-cart2.png) no-repeat; background: url(../images/icon-cart2.svg) no-repeat, linear-gradient(transparent, transparent); background-position: 25px center;background-size: 33px 33px;} .icon-book:hover{background:url(../images/icon-garden-dark.png); background: url(../images/icon-garden-dark.svg), linear-gradient(transparent, transparent);background-position:left center; background-repeat:no-repeat; background-size:33px 33px;} .icon-reserve:hover {background:url(../images/icon-reservation-dark.png); background: url(../images/icon-reservation-dark.svg), linear-gradient(transparent, transparent);background-position:left center; background-repeat:no-repeat; background-size:33px 33px;} .icon-reserve-shop:hover {background: url(../images/icon-cart2-dark.svg), linear-gradient(transparent, transparent);background-position:left center; background-repeat:no-repeat; background-size:33px 33px;} .ipdadpro .icon-reserve:hover {background: url(../images/icon-cart2-dark.svg), linear-gradient(transparent, transparent);background-position:left center; background-repeat:no-repeat; background-size:33px 33px;} .icon {padding-left:50px; background-position:left center; background-repeat:no-repeat; background-size:33px 33px;} .top-cart {float:right; padding-left:30px; background:url(../images/icon-cart.png); background: url(../images/icon-cart.svg), linear-gradient(transparent, transparent);background-position:left center; background-repeat:no-repeat; background-size:17px 17px; word-spacing:1px;} .banner-ribbon { position: absolute; top: 0; width: 100%; background: #383A35; color: #fff; padding: 5px; text-align: center; z-index: 999; } .banner-ribbon p{ margin-bottom: 0px!important; line-height: 30px; } .banner-ribbon p a{ margin-bottom: 0px!important; line-height: 30px; text-decoration: underline; color: #fff; } .header.active-banner{ margin-top: 30px; } /* ========================================================================== Main Menu ========================================================================== */ .main-nav { background-color:#383A35; } .nav{ list-style:none;} .nav li{ list-style:none; display:block; float:left; margin-right:25px;} .nav li:last-child, .nav li.last {margin-right:0;} .nav li a{ display:inline-block; font-size:18px; line-height:18px; color:#fff; padding:25px 0; border-bottom:5px solid #383A35; } .nav li.on a, .nav li a:hover{ color:#fff; border-bottom:5px solid #BF9B5F; } .nav li.visible-tablet {display:none;} .homepage .main-nav, .main-nav.white { background-color:#fff; } .main-nav.white .nav li a{ color:#383A35; border-bottom:5px solid #fff; } .main-nav.white .nav li.on a, .main-nav.white .nav li a:hover{ color:#383A35; border-bottom:5px solid #BF9B5F; } .homepage .main-nav-homepage, .main-nav-homepage.white { background-color:#fff; } .main-nav-homepage.white .nav li a{ color:#383A35; border-bottom:5px solid #fff; } .main-nav-homepage.white .nav li.on a, .main-nav-homepage.white .nav li a:hover{ color:#383A35; border-bottom:5px solid #BF9B5F; } .main-nav-homepage.white .nav li a.active{ color:#383A35; border-bottom:5px solid #BF9B5F; } .open-hours{text-align:center!important;} .open-hours-logo{max-width: 140px;margin: 10px auto;} .store-btn {display:block; position:absolute; top:0; bottom:0; right:0; height:100%; width:165px; background-color:#BF9B5F; text-align:center; z-index: 9999;} .store-btn-custom {display:block;position:absolute;top: -10px;bottom:0;left: 0;height: 50px;width:165px;background-color:#BF9B5F;text-align:center;z-index: 9999;border-radius:25px;} .login-btn {display:block; position:absolute; top:0; bottom:0; right:165px; height:100%; width:125px; background-color:#BF9B5F; text-align:center; z-index: 9999; border-right: 1px solid #fff;} .vouchers-btn {display:block; position:absolute; top:0; bottom:0; right:350px; height:100%; width:145px; background-color:#BF9B5F; text-align:center; z-index: 9999; border-right: 1px solid #fff;} .store-btn1000 {display:none; z-index: 9999;} .store-btn2000 {display:none; z-index: 9999;border-right: 1px solid #fff;} .store-btn > span {min-height:37px; position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); display: inline-block;font-size:18px; line-height:37px; color:#fff;padding-left:50px;background:url(../images/icon-cart2.png); background: url(../images/icon-cart2.svg), linear-gradient(transparent, transparent);background-position:left center; background-repeat:no-repeat; background-size:33px 33px; } .store-btn-custom > span {min-height:37px; position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); display: inline-block;font-size:18px; line-height:37px; color:#fff;padding-left:50px;background:url(../images/icon-cart2.png); background: url(../images/icon-cart2.svg), linear-gradient(transparent, transparent);background-position:left center; background-repeat:no-repeat; background-size:33px 33px; } .login-btn > span {min-height:37px; position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); display: inline-block;font-size:18px; line-height:37px; color:#fff;padding-left:40px;background:url(../images/login.png); background: url(../images/login.png), linear-gradient(transparent, transparent);background-position:left center; background-repeat:no-repeat; background-size:33px 33px; } .vouchers-btn > span {min-height:37px; position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); display: inline-block;font-size:18px; line-height:37px; color:#fff;padding-left:40px;background:url(../images/login.png); background: url(../images/login.png), linear-gradient(transparent, transparent);background-position:left center; background-repeat:no-repeat; background-size:33px 33px; } .store-btn1000 > span {min-height:37px; position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); display: inline-block;font-size:18px; line-height:37px; color:#fff;padding-left:50px;background:url(../images/icon-cart2.png); background: url(../images/icon-cart2.svg), linear-gradient(transparent, transparent);background-position:center center; background-repeat:no-repeat; background-size:33px 33px; } .store-btn2000 > span {min-height:37px; position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); display: inline-block;font-size:18px; line-height:37px; color:#fff;padding-left:50px;background:url(../images/login.png); background: url(../images/login.png), linear-gradient(transparent, transparent);background-position:center center; background-repeat:no-repeat; background-size:33px 33px; } .store-btn:hover {background-color:#383A35;} .store-btn:hover > span {color:#BF9B5F;background:url(../images/icon-cart2-gold.png); background: url(../images/icon-cart2-gold.svg), linear-gradient(transparent, transparent);background-position:left center; background-repeat:no-repeat; background-size:33px 33px;} .login-btn:hover {} .login-btn:hover > span {background:url(../images/login.png); background: url(../images/login.png), linear-gradient(transparent, transparent);background-position:left center; background-repeat:no-repeat; background-size:33px 33px;} .c-hamburger {display:none; } .beige { background-color:#EBEDE7; color:#383A35;} /* ========================================================================== Hero Slider ========================================================================== */ .slider {position:relative;} .hero-slider .slide {width:100%; height:100%;} .hero-slider .cycle-pager {display:block; width:100%; position:absolute; bottom:25px; left:0; right:0; z-index:202; text-align:center;} .hero-slider .cycle-pager > span {display:inline-block; width:7px; height:7px; border:1px solid #fff; overflow:hidden; background:#fff; margin:0 2px; border-radius:50%; -webkit-border-radius:50%; cursor:pointer;} .hero-slider .cycle-pager > span:hover, .hero-slider .cycle-pager > span.cycle-pager-active {background:none;} .hero-slider .cycle-btn {position:absolute; top:0; bottom:0; z-index:201; height:100%; width:86px; background-color:rgba(255,255,255,0.3); text-align:center; opacity:0; cursor:pointer; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease;} .hero-slider .cycle-btn > img {position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); display: inline-block; } .hero-slider .cycle-prev {left:0;} .hero-slider .cycle-next {right:0;} .hero-slider .cycle-btn:hover { opacity:1;} .hero-slider.mobile-slider::before {content:''; display:block; padding-top:49.37%;} .hero-slider.mobile-slider .cycle-pager {bottom:15px;} /* ========================================================================== Home ========================================================================== */ .section {padding-top:90px;padding-bottom:25px; color:#383A35;} .section.dark { background-color:#383A35; color:#fff;} .section.gold { background-color:#C19C5F; color:#fff;} .section.beige { background-color:#EBEDE7; color:#383A35;} .section.pdbtm0 {padding-bottom:0px;} .section.nopd {padding:0px;} .section.waf_-_slideshow { position: relative; } h2 {font-weight:normal; font-family:'Calibre-Semibold'; font-size:28px; line-height:30px; margin-bottom:35px; letter-spacing:0.7px; text-transform:uppercase;} h3 {font-weight:normal; font-size:24px; line-height:29px; color:#BF9B5F; margin-bottom:25px; letter-spacing:0.6px;} .section.gold h3 {color:#fff;} h5 {font-weight:normal; font-family:'Calibre-Semibold'; font-size:20px; line-height:20px; margin-bottom:8px; letter-spacing:0.2px;} h6 {font-weight:normal; font-family:'Calibre-Semibold'; color:#BF9B5F; margin-bottom:2px; letter-spacing:0.2px;} p {line-height:22px; margin-bottom:20px;} ul.default {list-style:disc; padding-left:15px; margin-bottom:20px; max-width:380px;} ul.default li {list-style:disc; padding-left:15px;} .line-spacing p {line-height:26px;} .line-spacing p strong {font-weight:normal; font-family:'Calibre-Semibold';} blockquote {background:#C19C5F; padding:8px; font-family:'Calibre-Medium'; font-size:18px; line-height:28px; color:#fff; margin: 0 0 20px 0;} blockquote > span {display:block; border:1px solid #fff; padding:20px;} blockquote.dark {background:#383A35;} .text-gold {color:#BF9B5F;} .strong {font-weight:normal; font-family:'Calibre-Bold';} .mdbtm25 {margin-bottom:25px;} .word-spacing {word-spacing:1px; letter-spacing:0.5px;} .border-box {border-left:1px solid #BF9B5F; padding-left:55px; } .border-box ul{list-style:disc; margin-left:15px; margin-bottom:20px; max-width:380px;} .border-box ul li {list-style:disc; margin-left:15px;} .border-box.short {max-height:280px;} .section.gold .border-box {border-color:#fff;} img.bordered {display:inline-block; border:13px solid #4B4C47;} img.bordered.gold {border-color:#BF9B5F;} img.bordered.light-grey {border-color:#F3F3F4;} img.bordered.white {border-color:#fff;} .bordered {display:inline-block; border:13px solid #4B4C47;} .bordered.gold {border-color:#BF9B5F;} /*.spacer {width:100%; height:80px; clear:both;} .spacer.large {height:110px;} */ .spacer {width:100%; height:30px; clear:both;} .spacer.large {height:60px;} strong {font-weight:normal; font-family:'Calibre-Bold';} .stamp {position:absolute; width:200px; height:200px; right:-58px; bottom:-30px;} .inner-footer {} .social-list {} .social-list li {display:inline-block; width:28px; height:27px; margin-right:3px;} .social-list li a {display:block; width:28px; height:27px; overflow:hidden; text-indent:-9999px; } .social-list li a.social-tw{background:url(../images/icon-tw.png) center center no-repeat;} .social-list li a.social-fb{background:url(../images/icon-fb.png) center center no-repeat;} .social-list li a.social-insta{background:url(../images/icon-insta.png) center center no-repeat;} .social-list li a.social-tw:hover{background-image:url(../images/icon-tw-gold.png);} .social-list li a.social-fb:hover{background-image:url(../images/icon-fb-gold.png);} .social-list li a.social-insta:hover{background-image:url(../images/icon-insta-gold.png);} /*.social-list li a:hover circle {fill:#BF9B5F;} .social-list li a:hover path {fill:#fff;} .social-list li a svg * {-webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease;}*/ .inner-footer .social-list { margin-left:50px;} /* Explore Boxes */ .boxes {} .box {position:relative; overflow:hidden;} .box::before {content:''; display:block; padding-top:104%;} .boxes.small .box::before { padding-top:83.67%;} .box.col8::before, .box.col6::before { padding-top:52%;} .box.col6 { background-size: cover; background-position: center; } .box .box-inner {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; } .box a {display:block; width:100%; height:100%; } .box-type1 a { text-align:center; color:#fff;position: relative; font-size:24px; line-height:31px; letter-spacing:0.6px;} .box-type1 a::before {content:''; display:block;position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%;background:url(../images/illustration.png) center center no-repeat; background-size:cover; opacity:0.2; } .box.col6.box-type1 a::before { display: none; } .box-type1 a .box-content{position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);display: block; z-index:2;} .box-type1 a .hidden-content {font-size:16px; line-height:22px; padding:20px 10% 0 10%; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; opacity:0; height:0;} .box-type1 a:hover .hidden-content {opacity:1; height:auto;} .box-type1 a .hidden-content p {margin-bottom:30px;} .box-type1 a span { margin: 0 30px; display: block; } .signup-btn {padding-left:35px; background:url(../images/icon-arrow-right.png) left 60px center no-repeat; background-size:22px 22px; display:inline-block; font-size:15px;} .box-type1.hover-gold a:hover {color:#BF9B5F;} .box-type1.petrol a {background-color:rgba(107,145,142,1);} .box-type1.purple a {background-color:rgba(132,88,116,1);} .box-type1.red a {background-color:rgba(142,26,28,1);} .box-caption {padding: 9px 22px; position:absolute; top:88.5%; left:0; right:0; width:100%;-webkit-transition: top .15s ease-in, background .35s ease-in;transition: top .15s ease-in, background .35s ease-in; min-height:60%; background-color:#383A35;} .box.col8 .box-caption {top:88.5%;} .box-caption h6 {font-weight:normal; font-family:'Calibre-Semibold'; font-size:14px; line-height:23px; color:#fff; padding-left:35px; background:url(../images/icon-arrow-right.png) left center no-repeat; background-size:23px 23px; margin-bottom:20px;} .box-type2 p {opacity:0; transform: translate3d(0px, 70px, 0px);} .box-type2 a:hover p {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); opacity: 1; -webkit-transition-delay: 0.15s; transition-delay: 0.15s;-webkit-transition-duration: 0.35s;transition-duration: 0.35s; } .box-type2 a {color:#fff;} .box-type2.gold .box-caption {background-color:#BF9B5F; color:#fff;} .box-type2.gold .box-caption h6 {color:#fff;} .box-type2:hover .box-caption {top:40%;} .box.col8.box-type2:hover .box-caption {top:60%;} .box-type1.nobg a::before {/*background-image:none;*/background:url(../images/illustration.png) center center no-repeat; background-size:cover; opacity:0.2; } /* Featured Products */ .featured-product {text-align:center;} .featured-product .btn {margin-top:10px;} .btn {display:inline-block; padding:11px 18px; min-width:122px; background-color:#BF9B5F; border-radius:20px; -webkit-border-radius:20px; font-family:'Calibre-Semibold'; font-size:18px; line-height:18px; color:#fff; text-transform:uppercase; text-align:center; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; border:0;} .btn:hover { color:#BF9B5F; background-color:#fff; } .btn.white {background-color:#fff; color:#383A35;} .btn.grey {background-color:#383A35; color:#fff;} .btn.grey:hover {background-color:#fff; color:#BF9B5F; } .btn.hover-grey:hover {background-color:#383A35; color:#fff; } .btn.white:hover {background-color:#BF9B5F; color:#fff; } .featured-product h5 {line-height:23px;} .featured-product p {letter-spacing:0.5px;} .three-btns{ width: 29%; font-size: 13px; margin-top: 40px; } .three-btns:nth-of-type(2n){ margin-left: 5.5%; margin-right: 5.5%; } .product-thumb {display:block; position:relative;} .product-thumb:hover {opacity:0.5;} .product-thumb::before{content:''; display:block; width:53px; height:53px; background:url(../images/icon-zoom.png) center center no-repeat; position:absolute; top:50%; margin-top:-27px; left:50%; margin-left:-27px; opacity:0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; } .product-thumb:hover::before {opacity:1;} .store-btn2 {min-height:23px; font-family:'Calibre-Semibold'; position: relative;display: inline-block;font-size:14px; line-height:23px; color:#BF9B5F;padding-left:30px;background:url(../images/icon-cart2-gold.png); background: url(../images/icon-cart2-gold.svg), linear-gradient(transparent, transparent);background-position:left center; background-repeat:no-repeat; background-size:23px 23px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; position:absolute; top:0; right:55px; letter-spacing:0.5px;} .store-btn2:hover {color:#BF9B5F;} .store-btn2.insta-btn {background:url(../images/icon-insta2.png) left center no-repeat; min-height:25px; width: 320px; } /* Home News & Events */ .news-entry {margin-bottom:30px;} .news-entry .news-date {color:#BF9B5F; display:inline-block; margin-bottom:15px;} .news-entry > img {margin-bottom:25px;} .news-entry p {margin-bottom:25px; font-size:16px;} .events-bottom {padding:20px 0 0px 0;; border-bottom:1px solid #BF9B5F; margin-bottom:30px;} .news-entry.last {margin-bottom:0px;} .home-news-image{width: 100%; height: 360px; background-size: contain!important; margin-bottom: 20px;} /* Community */ .community-thumbs {} .community-thumbs a {display:block;} .community-thumbs img {display:block; border:10px solid #E7E8E9;} /* ========================================================================== Our Story ========================================================================== */ .inner-slider .slide {width:100%; } .inner-slider .cycle-pager {display:block; width:100%; z-index:202; text-align:center;margin-top: 50px;margin-bottom: 20px;} .inner-slider .cycle-pager > span {display:inline-block; width:9px; height:9px; background:#E7E8E9; margin:0 5px; border-radius:50%; -webkit-border-radius:50%; cursor:pointer; overflow:hidden; text-indent:-999px} .inner-slider .cycle-pager > span:hover, .inner-slider .cycle-pager > span.cycle-pager-active {background:#C19C5F;} .inner-slider .cycle-btn {position:absolute; top:50%; margin-top:-124px; z-index:201; width:37px; height:108px; background-color:#BF9B5F; text-align:center; opacity:1; cursor:pointer; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease;} .inner-slider .cycle-btn > img {position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);display: inline-block; } .inner-slider .cycle-prev {left:0;} .inner-slider .cycle-next {right:0;} .inner-slider .cycle-btn:hover { opacity:0.8;} .full-banner {width:100%;} .full-banner::before {content:''; width:100%; display:block; padding-top:30.71%;} .full-banner.narrow::before {padding-top:25%;} .section-nav-cont {position:absolute; top:0; right:55px; width:240px; z-index:100;} .section-nav-label {width:100%; padding:8px 20px; background-color:#C19C5F; font-size:20px; color:#fff; cursor:pointer; position:relative;} .section-nav-label.alt {font-size:13px; line-height:20px;} .section-nav-label::after {content:''; display:block; width:18px; height:11px; oveflow:hidden; background:url(../images/dropdown.png) center center no-repeat; position:absolute; top:18px; right:20px;} .section-nav-label.alt::after {top:14px;} .section-nav {list-style:none; padding:44px 0px 0px 0px; background-color:#C19C5F; font-family:'Calibre-Semibold'; font-size:14px; line-height:22px; color:#fff; text-transform:uppercase; letter-spacing:0.5px;} .section-nav li {list-style:none; display:block;} .section-nav li a {color:#fff; display:block; padding:6px 20px 6px 20px;} .section-nav li a:hover {background-color:#383A35;} .section-nav li:last-child a, .section-nav li.last a {padding-bottom:25px} .section-nav-wrapper {position:relative; width:100%; display:none;} .close-nav {position:absolute; top:18px; right:20px;} /* ========================================================================== Melba Estate ========================================================================== */ .hours-panel {padding:40px 0px 40px 17%; position:relative;margin-bottom:20px; } .hours-panel::after, .hours-panel::before {content:''; display:block; width:117px; height:1px; background-color:#BF9B5F; position:absolute; left:0;} .hours-panel::after {top:0;} .hours-panel::before {bottom:0;} .hours-panel p {font-size:24px; line-height:29px; color:#BF9B5F; margin-bottom:10px; } .hours-panel p strong {font-family:'Calibre-Bold';} .store-btn3 {display:inline-block; font-family:'Calibre-Semibold'; background-color:#BF9B5F; padding-left:45px; background:url(../images/icon-cart2-gold.png) left center no-repeat; text-transform:uppercase; min-height:33px; line-height:33px;} .image-slider .slide {width:100%; } .image-slider .slide::before {content:''; display:block; padding-top:34.28%;} .image-slider .cycle-btn {position:absolute; top:0; bottom:0; z-index:201; height:100%; width:86px; background-color:rgba(255,255,255,0.3); text-align:center; opacity:0; cursor:pointer; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease;} .image-slider .cycle-btn > img {position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); display: inline-block; } .image-slider .cycle-prev {left:0;} .image-slider .cycle-next {right:0;} .image-slider .cycle-btn:hover { opacity:1;} .panel {padding:25px ;} .panel.dark {background-color:#383A35; color:#fff;} .panel.white {color:#383A35; background-color:#fff;} .panel.beige {background-color:#EBEDE7 ; color:#383A35;} .icon-clock {display:inline-block; padding-left:25px; background:url(../images/clock.png) left center no-repeat;} .panel .contact-form .btn {margin-bottom:20px;} .missing-line {width:116px; height:1px; background:#BF9B5F;} .line {width:100%; height:1px; background:#BF9B5F;} /* ========================================================================== Coombe Farm Wines ========================================================================== */ .list {padding-top:25px; padding-bottom:25px;} .list h6 {font-weight:normal; font-family:'Calibre-Regular'; color:#383A35; font-size:16px; line-height:20px; letter-spacing:0.2px; padding-bottom:10px; margin-bottom:18px; border-bottom:1px solid #383A35; } .list ul li {margin-bottom:20px;} .offsetTop {display:inline-block; margin-top:0px;} .list >div {margin-bottom:20px;} /* ========================================================================== News & Events ========================================================================== */ .news-list .news-entry .news-date {display:block;} .news-list .news-entry {margin-bottom:50px;} .news-actions {padding-top:20px;} .news-action {font-family:'Calibre-Semibold'; font-size:14px; line-height:24px; color:#BF9B5F; display:inline-block; padding-left:35px; background:url(../images/icon-arrow-down-off.png) left center no-repeat; margin-right:40px; margin-bottom:20px;} .news-pagination {list-style:none;} .news-pagination li {list-style:none; display:inline-block; } .news-pagination li a {display:inline-block; width:20px; line-height:24px; overflow:hidden; border-radius:50%; -webkit-border-radius:50%; text-align:center; font-family:'Calibre-Semibold'; font-size:14px; line-height:24px;} .news-pagination li.current a {border:1px solid #BF9B5F; width:26px;} .news-pagination li.last a {background:url(../images/icon-arrow-down-off.png) left center no-repeat;width:24px; text-indent:-9999px;} .row.news-list {margin-left:-22.5px; margin-right:-22.5px;} .row.news-list > div {padding-left:22.5px; padding-right:22.5px;} .news-listing{ margin-bottom: 20px; padding: 20px 23px!important; } .news-listing .border-bottom{ border-bottom: 1px solid #BF9B5F; margin: 0px 23px!important; padding-top: 20px!important; } .news-entry img{ max-height: 250px; } /* ========================================================================== Weddings & Functions ========================================================================== */ .carousel-item {margin:0 10px;} .carousel-prev, .carousel-next {position:absolute; top:50%; margin-top:-54px; z-index:201; width:37px; height:108px; background-color:#BF9B5F; text-align:center; opacity:1; cursor:pointer; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease;} .carousel-prev > img , .carousel-next > img { position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);display: inline-block; } .carousel-prev {left:0;} .carousel-next {right:0;} .carousel-prev:hover, .carousel-next:hover { opacity:0.8;} .contact-form textarea.input-field {height:125px; padding:15px; margin-bottom:18px;} .radiogroup {} .contact-form input[type=radio]{ display: none; } .contact-form input[type=radio] + label {padding: 4px 0px 2px 26px;font-size:16px; line-height:14px; cursor:pointer; position:relative; min-height:16px;margin-bottom:7px; width:50%; display:inline-block; float:left; } .contact-form input[type=radio] + label::before {content:''; display:block; width:9px; height:9px; overflow:hidden; border-radius:50%; -webkit-border-radius:50%; background-color:#fff; border:4px solid #fff;position:absolute; top:4px; left:0; } .contact-form input[type=radio]:checked + label::before {background-color:#BF9B5F;} .melba-estate-form textarea.input-field {height:125px; padding:15px; margin-bottom:18px;} .radiogroup {} .melba-estate-form input[type=radio]{ display: none; } .melba-estate-form input[type=radio] + label {padding: 4px 0px 2px 26px;font-size:16px; line-height:14px; cursor:pointer; position:relative; min-height:16px;margin-bottom:7px; width:50%; display:inline-block; float:left; } .melba-estate-form input[type=radio] + label::before {content:''; display:block; width:9px; height:9px; overflow:hidden; border-radius:50%; -webkit-border-radius:50%; background-color:#fff; border:4px solid #fff;position:absolute; top:4px; left:0; } .melba-estate-forminput[type=radio]:checked + label::before {background-color:#BF9B5F;} .coombe-club-form textarea.input-field {height:125px; padding:15px; margin-bottom:18px;} .radiogroup {} .coombe-club-form input[type=radio]{ display: none; } .coombe-club-form input[type=radio] + label {padding: 4px 0px 2px 26px;font-size:16px; line-height:14px; cursor:pointer; position:relative; min-height:16px;margin-bottom:7px; width:50%; display:inline-block; float:left; } .coombe-club-form input[type=radio] + label::before {content:''; display:block; width:9px; height:9px; overflow:hidden; border-radius:50%; -webkit-border-radius:50%; background-color:#fff; border:4px solid #fff;position:absolute; top:4px; left:0; } .coombe-club-form input[type=radio]:checked + label::before {background-color:#BF9B5F;} .frame{ height: 750px; position: relative;} .frame img{max-height: 100%; max-width: 100%; position: absolute; top: 0; bottom: 0;left: 0;right: 0;margin: auto;} .testimonials{ padding-top:40px!important; padding-bottom: 40px!important; text-align: center!important; } .testimonials p em{ font-size: 18px; font-style: italic!important; } @media only screen and (max-width: 1054px){ .testimonials{ padding-top:20px!important; padding-bottom: 20px!important; } .testimonials p em{ font-size: 16px; font-style: italic!important; } } /* ========================================================================== Tours ========================================================================== */ /* .col-container { display: flex; width: 100%; } .col { flex: 1; padding: 16px; } .col-container { display: table; width: 100%; } .col { display: table-cell; } */ .tours h1{ color: black; text-transform: uppercase; font-size: 24px; line-height: 29px;font-weight: 700; } .tours h3{ color: black; text-transform: uppercase; font-size: 24px; line-height: 29px;font-weight: 700; } .tours .intro p{ margin-bottom: 10px; } .border-right{ border-right: 1px solid #000; min-height: 300px; } .tour-tile figure{ margin-bottom: 10px; } .tour-tile{ padding: 0px!important; border: 1px solid #000; margin: 5px; width: 32.33% } .tour-tile.tour-tile-four{ padding: 0px!important; border: 1px solid #000; margin: 5px; width: 24.2% } .tour-tile-two{ padding: 0px!important; border: 1px solid #000; margin: 5px; width: 49.1%!important; } .tour-tile.tour-tile-four-small{ width: 23.2%; } .event-image{ text-align: left; } .top-event-container{ border: 1px solid #000;margin-left: -20px;margin-right: -17px; } .tile-content{ padding: 10px; } .tile-content p{ font-size: 14px; line-height: 17px; } .tile-content p:last-of-type{ padding-bottom: 0px!important; margin-bottom: 0px!important; } .tile-content h3{ margin-bottom: 10px; } @media only screen and (max-width: 1308px){ .tour-tile.tour-tile-four{ padding: 0px!important; border: 1px solid #000; margin: 5px; width: 23.2% } .top-event-container{ border: 1px solid #000;margin-left: -20px;margin-right: 6px; } .tour-tile-two{ padding: 0px!important; border: 1px solid #000; margin: 5px; width: 47.4%!important; } } @media only screen and (max-width: 1054px){ .tour-tile{ padding: 0px; border: 1px solid #000; margin: 5px; width: 48%; } } @media only screen and (max-width: 767px){ .event-image{ text-align: center!important; } .event-image img{ text-align: center!important; margin: 0 auto!important; } .border-right{ border-right: none; min-height: auto; } .tour-tile{ padding: 0px; border: none; margin: 5px; width: 100%!important; } .container.tours{ width: 100%!important; max-width: 100%!important; padding: 20px!important; display: block; } .tours .row { margin-left: 0px; margin-right: 0px; } .tours{ padding: 20px!important; } .tour-tile.tour-tile-four{ padding: 0px!important; border: 1px solid #000; margin: 15px 0px!important; width: 100%!important; } .tour-tile-two{ padding: 0px!important; border: 1px solid #000; margin: 5px; width: 100%!important; } .tour-tile-two img{ text-align: center!important; margin: 0 auto!important; } } /* ========================================================================== Contact ========================================================================== */ .accordion {} .acc {margin-bottom:15px;} .acc-btn {display:inline-block; font-family:'Calibre-Semibold';font-size:14px;line-height:25px; min-height:25px; text-transform:uppercase; color:#BF9B5F; padding-left:36px; cursor:pointer; position:relative;} .acc-btn::before {content:''; display:block; width:25px; height:25px; background:url(../images/icon-arrow-down-off.png) center center no-repeat; overflow:hidden; position:absolute; top:0; left:0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease;} .acc-btn-pdf {display:inline-block; font-family:'Calibre-Semibold';font-size:14px;line-height:25px; min-height:25px; text-transform:uppercase; color:#BF9B5F; padding-left:36px; cursor:pointer; position:relative;} .acc-btn-pdf::before {content:''; display:block; width:25px; height:25px; background:url(../images/icon-arrow-down-off.png) center center no-repeat; overflow:hidden; position:absolute; top:0; left:0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease;} .acc.opened .acc-btn::before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);} .acc-content {display:none; padding:20px 0px 15px 35px;} .contact-form2 h6 {margin-bottom:15px;} .contact-form2 textarea.input-field {height:168px;} .contact-section h2{margin-bottom: 38px;} .contact-section h3{margin-bottom: 22px;} .contact-section strong {display:inline-block; padding-top:3px;} .member-login-box{padding: 50px; border:2px solid #BF9B5F;min-height: 420px;margin-bottom: 10px;} /* ========================================================================== Online Store ========================================================================== */ .products .featured-product .btn {margin-top:0px; margin-bottom:18px;} .products {padding-bottom:25px; position:relative;} .products .featured-product {margin-bottom:25px; min-height: 560px;} .seperator{ display:block; width:117px; height:1px; background:#BF9B5F; clear:both; margin-bottom:45px;} .notes-btn {display:block; font-family:'Calibre-Semibold';font-size:14px;line-height:25px; min-height:25px; text-transform:uppercase; color:#BF9B5F; padding-left:32px; cursor:pointer; position:relative; background:url(../images/icon-arrow-down-off.png) left center no-repeat; clear: both;max-width: 136px;margin: 0 auto;} .product-entry {} .product-entry h2 {font-family:'Calibre-Regular'; font-size:30px;line-height:36px; color:#BF9B5F; margin-bottom:20px; text-transform:none;} .product-entry p {margin-bottom:15px;} .product-section {padding:0px 20px 30px 20px;} .product-section.border {border-bottom:1px solid #BF9B5F;} .product-content {} .cart-actions {} .cart-actions .price-cont{ color:#BF9B5F; padding-bottom:4px;} .cart-actions .price {font-size:24px;line-height:29px; color:#383A35; display:inline-block; padding-left:10px; } .input-quantity {text-align:center; display:inline-block; width:39px; height:37px; border:0; background:#fff; line-height:37px; margin-right:8px;} .cart-actions .recipient-cont{ padding:8px 0px 12px;} .cart-actions .recipient-cont input[type=text]{ display:block; width:50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border:0; background:#fff; height:36px; line-height:36px; padding:0 15px; margin-bottom:8px;} .product-details {padding-top:30px; padding-bottom:15px; margin-bottom:25px;} .back-btn {display:inline-block; font-family:'Calibre-Semibold';font-size:14px;line-height:25px; min-height:25px; text-transform:uppercase; color:#BF9B5F; padding-left:36px; cursor:pointer; position:relative; background:url(../images/icon-arrow-back.png) left center no-repeat;} .other-actions .top-cart {fpadding-left:0px; background:none; color:#BF9B5F;} .other-actions {font-size:20px;} .membership-melba-estate{ height: 50px; background-color:rgba(107,145,142,1); text-align: center; color: #fff; } .membership-coombe-club{ color: #fff; height: 50px; background-color:rgba(132,88,116,1); text-align: center; } .membership-melba-estate p, .membership-coombe-club p{ line-height: 50px; font-size: 20px; font-weight: bold; } .membership-melba-estate p a, .membership-coombe-club p a{ color: #fff!important; text-decoration: none; } /* ========================================================================== Popups ========================================================================== */ .popup {margin:0 auto;} .popup-inner {position:relative;} /* .popup-book { width:100%; max-width:685px; background-color:#C19C5F; color:#FFF;} */ .popup-book { width:100%; max-width:685px; background-color:#f0f0f0; color:#000;} .popup-book .popup-inner {padding:50px 60px; } .close-popup {display:block; width:25px; height:24px; overflow:hidden; background:url(../images/close-popup-black.png) center center no-repeat; position:absolute; top:20px; right:27px;} .popup-book .select2-container {margin-bottom:27px;} .notice {background:#fff; height:61px; margin-bottom:50px; font-size:16px; padding:20px 25px; color:#383A35;} .popup-footer {font-size:16px;} .popup-book .popup-footer a {color:#fff;} .custom-datepicker {margin-bottom:27px;} .ui-datepicker {border:0; width:100%; border-radius:0; padding:1px 1px 0 1px;} .ui-datepicker th {display:none;} .ui-widget-content {background:#383A35;} .ui-widget-header {background:#383A35;border:0; width:100%; border-radius:0; font-family:'Calibre-Semibold';font-size:18px;line-height:25px;color:#fff; } .ui-datepicker .ui-datepicker-header {padding: 10px 0;height: 50px;} .ui-datepicker table {margin:0;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background:#fff; border:0; font-family:'Calibre-Regular'; font-size:18px; text-align:center; padding: 6px;} .ui-datepicker td {padding:0px; border:1px solid #383A35; } .ui-widget-content .ui-datepicker-unselectable .ui-state-default {background:#fff; color:#E6E7E8; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {opacity:1;} .ui-datepicker-current-day a {color:#fff!important; background:#383A35!important;} .ui-datepicker .ui-datepicker-prev {width:20px; height:20px; background:url(../images/datepicker-left.png) center center no-repeat!important; top:15px; left:20px; cursor:pointer;} .ui-datepicker .ui-datepicker-next {width:20px; height:20px; background:url(../images/datepicker-right.png) center center no-repeat!important; top:15px; right:20px; cursor:pointer;} .ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover {border:0;} td.Highlighted a { background-color: #BF9B5F !important; border-radius: 50%; color: #ffffff !important; width: 50%; text-align: center!important; margin-left: 25%!important; } td.Highlighted{ background: #ffffff; text-align: center!important; } /* ========================================================================== Footer ========================================================================== */ .backtotop-btn {display:block; font-size:20px; color:#fff; padding:11px 22px 10px 47px; background:url(../images/backtotop.png) 15px center no-repeat #BF9B5F; position:absolute; top:0; right:55px;} .backtotop-btn:hover { background-color:#BF9B5F;} .footer{ background-color:#383A35; color:#fff;} .footer.home{ background-color:#fff; color:#383A35;} .footer .container {padding-top:75px; padding-bottom:50px;} .footer-logo{ display:block; width:229px; height:58px; margin-bottom:35px;} .footer p {margin-bottom:8px;} .footer table {margin-bottom:10px;} .contact-info {margin-top:20px; } .contact-info th {font-family:'Calibre-Semibold'; color:#BF9B5F; padding-right:10px;} .contact-info td {word-break:break-all;} .footer h6 {font-family:'Calibre-Semibold';font-size:14px;color:#BF9B5F;margin-bottom:15px;} .footer-social-list {} .footer-social-list li {margin-bottom:5px;} .footer-social-list li svg {display:inline-block; width:28px; height:27px; margin-right:15px;} .footer-social-list li a circle {fill:#BF9B5F;} .footer-social-list li a path {fill:#fff;} .footer-social-list li a {color:#fff; line-height:27px;} .footer-social-list li a:hover {color:#fff;} .footer-social-list li a > span {vertical-align:top; display:inline-block; padding-top:2px;} .footer-social-list li a {display:block; min-height:27px; padding-left:45px; } .footer-social-list li a.social-tw{background:url(../images/icon-tw.png) left center no-repeat;} .footer-social-list li a.social-fb{background:url(../images/icon-fb.png) left center no-repeat;} .footer-social-list li a.social-insta{background:url(../images/icon-insta.png) left center no-repeat;} .footer-social-list li a.social-tw:hover{background-image:url(../images/icon-tw-gold.png);} .footer-social-list li a.social-fb:hover{background-image:url(../images/icon-fb-gold.png);} .footer-social-list li a.social-insta:hover{background-image:url(../images/icon-insta-gold.png);} .footer.home .footer-social-list li a {color:#BF9B5F; line-height:27px;} .footer.home .footer-social-list li a circle {fill:#fff;} .footer.home .footer-social-list li a path {fill:#383A35;} .footer.home .footer-social-list li a.social-fb{background-image:url(../images/icon-fb-gold.png);} .footer.home .footer-social-list li a.social-insta{background-image:url(../images/icon-insta-gold.png);} .contact-form {position:relative;} .contact-form .input-field {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display:block; width:100%; height:46px; padding:10px 15px; background:#fff; border:none; margin-bottom:8px; font-size:14px;} .contact-form .input-field.error, .contact-form textarea.error, .feedbackForm .error {background: #ffcccc;} .melba-estate-form {position:relative;} .melba-estate-form .input-field {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display:block; width:100%; height:36px; padding:0 15px; background:#fff; border:none; margin-bottom:8px; font-size:14px;} .melba-estate-form.input-field.error, .melba-estate-form textarea.error, .melba-estate-form .error {background: #ffcccc;} .coombe-club-form {position:relative;} .coombe-club-form .input-field {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display:block; width:100%; height:36px; padding:0 15px; background:#fff; border:none; margin-bottom:8px; font-size:14px;} .coombe-club-form.input-field.error, .coombe-club-form textarea.error, .coombe-club-form .error {background: #ffcccc;} .coombeMemberLogin {position:relative;} .coombeMemberLogin .input-field, .coombeMemberLoginCC .input-field {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display:block; width:100%; height:36px; padding:0 15px; background:#fff; border:none; margin-bottom:8px; font-size:14px;} .coombeMemberLogin.input-field.error,.coombeMemberLoginCC.input-field.error, .coombeMemberLogin textarea.error, .coombeMemberLogin .error,.coombeMemberLoginCC .error, {background: #ffcccc;} .feedbackForm #wowMoment.error {background: #ffcccc;} label.error { color: #ef3e3e;} label#helpfulStaff-error, label#visualImpact-error, label#foodQuality-error, label#serviceRating-error, label#overallRating-error, label#useComments-error{ height: 20px; line-height: 20px; padding: 0px 25px; } .optional-btn {padding:5px 0; color:#BF9B5F; padding-left:35px; line-height:27px; background:url(../images/icon-arrow-down-off.png) left center no-repeat; min-height:27px; display:inline-block; } .optional-btn:hover {color:#BF9B5F; } .optional-btn.active {background-image:url(../images/icon-arrow-down.png);} .footer .contact-form h6 {margin-bottom:8px;} .hidden-fields {display:none; padding-bottom:45px;} .contact-form .btn {border:0; min-width:auto; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; } .footer .contact-form .btn {position:absolute;bottom: -20px;right:0;} .copyright {padding:15px 0;} .footer-nav{ list-style:none; text-align:right;} .footer-nav li{ list-style:none; display:inline-block; margin:0 10px;} .footer-nav li:first-child, .footer-nav li.first {margin-left:0;} .footer-nav li:last-child, .footer-nav li.last {margin-right:0;} .footer-nav li a{ display:inline-block; color:#383A35; } .footer-nav li.on a, .footer-nav li a:hover{ color:#383A35; } .visible-tablet {display:none;} .mobile-break {display:none;} /* ========================================================================== Intranet ========================================================================== */ .intranet h3{text-transform: uppercase; display: block; padding-bottom: 15px; border-bottom: 1px solid #BF9B5F;} .intranet h5{ display: inline;float: left; padding-top: 13px; margin-left: 20px; margin-bottom: 15px; } .day{display: inline-block; height: 45px; background: #BF9B5F; border-radius: 50%; width: 45px; padding-top: 7px!important; float: left;margin-left: 30px; } .day span{color: #fff; padding-top: 15px; line-height: 30px; margin-left: -8px!important; font-weight: bold;} .intranet p{ display: inline-block; float: left; margin-left: 75px; } .downloads-table p{ padding: 0px; } .staff-login{ min-height: 600px;background:url(../images/staff.png) center center no-repeat; background-size:cover; } #loginForm input[type=text], #loginForm input[type=password] {display:block; width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border:0; background:#fff; height:36px; line-height:36px; padding:0 15px; margin-bottom:8px;} .intranet a {color: #000; text-decoration: underline;} .intranet .news-details h5{ margin-left: 0px; } .intranet .news-details p {display: inline-block; float: left; margin-left: 0px; } #staff-popup h2{ background: url('../images/padlock.png') no-repeat left center; padding-left:40px;} /* ========================================================================== Feedback ========================================================================== */ .form-wedding h3 { font-weight: normal; font-size: 32px; line-height: 40px; color: #BF9B5F; margin-bottom: 35px; letter-spacing: 0.4px; } ul.radiobtns li{ display: inline-block; margin-right: 20px; line-height: 20px; margin-bottom: 10px; } ul.radiobtns li label{ line-height: 30px; } #feedbackForm p{ margin-bottom: 10px!important; } #feedbackForm textarea {display:block; width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border:0; background:#fff; height:136px; line-height:16px; padding:10px 15px; margin-bottom:20px;} #feedbackForm textarea.text-short { height:66px; } #generalFeedbackForm textarea {display:block; width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border:0; background:#fff; height:136px; line-height:16px; padding:10px 15px; margin-bottom:20px;} #generalFeedbackForm textarea.text-short { height:66px; } #allergyForm p{ margin-bottom: 10px!important; } #allergyForm textarea {display:block; width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border:0; background:#fff; height:136px; line-height:16px; padding:10px 15px; margin-bottom:20px;} #allergyForm textarea.text-short { height:66px; } /* ========================================================================== Cart ========================================================================== */ .shopping-cart {width:100%; table-layout:fixed;} .shopping-cart thead {border-bottom:1px solid #BF9B5F;} .shopping-cart th {font-size:16px; line-height:20px;color:#BF9B5F; text-transform:uppercase; padding-bottom:15px;} .shopping-cart .total-column { text-align:right;} .shopping-cart th.total-column {font-family:'Calibre-Semibold'; font-size:14px; } .shopping-cart td {padding:55px 0 20px 0;} .shopping-cart .product-thumb {max-width:70px; display:inline-block;} .shopping-cart td.thumb-column {padding-top:20px;} .section-cart h5 {font-weight:normal; font-family:'Calibre-Regular'; font-size:20px; line-height:1.4; margin-bottom:0px; letter-spacing:0.2px;color:#BF9B5F; } .section-cart h5 a {color:#BF9B5F; } .section-cart .price {font-family:'Calibre-Regular'; font-size:24px; line-height:1.4;color:#383A35;} .shopping-cart .select2-container .select2-selection--single {height:36px;} .shopping-cart .select2-container--default .select2-selection--single .select2-selection__rendered {line-height:36px;} .shopping-cart .select2-container .select2-selection--single .select2-selection__rendered {padding-left: 15px;padding-right: 15px;} .shopping-cart .select2-container--default .select2-selection--single .select2-selection__arrow {width:26px;height:36px; background-image:url(/resources/images/dropdown-gold.png);} .cart-product {border-bottom:1px solid #BF9B5F;} .shopping-cart-bottom {padding-top:35px; padding-bottom:45px;border-bottom:1px solid #BF9B5F;} .shopping-cart-bottom h6 {margin-bottom:18px;} .shopping-cart-totals h6 {font-size:14px; } .shopping-cart-totals .price {margin-bottom:10px;} .shopping-cart-actions {} .shopping-cart-actions li {display:inline-block; margin-left:15px; margin-bottom:15px;} .shopping-cart-bottom textarea {border:0; width:100%; max-width:490px; height:117px;} .section-cart .back-btn {font-family:'Calibre-Regular'; margin-top:25px;} .question-actions li {display:inline-block; margin-right:15px;} .popup-case-selection p {max-width:470px; } /* ========================================================================== Checkout ========================================================================== */ .mgbottom25 {margin-bottom:25px;} .mgbottom15 {margin-bottom:15px;} .mgbottom10 {margin-bottom:10px;} .spacing {clear:both; height:17px; width:100%;} .section-checkout h6 {margin-bottom:20px;} .checkout-section {padding-top:30px;border-top:1px solid #BF9B5F;} .checkout-section.last {border-bottom:1px solid #BF9B5F;} .section-checkout input[type=checkbox], .section-checkout input[type=radio]{ display: none; } .section-checkout input[type=checkbox] + label, .section-checkout input[type=radio] + label { line-height:15px; padding-left:26px; cursor:pointer; position:relative; display:inline-block;} .section-checkout input[type=checkbox] + label::before, .section-checkout input[type=radio] + label::before {content:''; display:block; width:11px; height:11px; overflow:hidden; border-radius:50%; -webkit-border-radius:50%; border:4px solid #fff; background:#fff; position:absolute; top:0; left:0;} .section-checkout input[type=checkbox]:checked + label::before, .section-checkout input[type=radio]:checked + label::before {background:#BF9B5F;} .checkout-panel {display:none; padding-left:26px;} .checkout-panel h6 {font-size:14px; margin-bottom:15px;} .section-checkout input[type=text], .section-checkout input[type=email] {display:block; width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border:0; height:36px; line-height:36px; padding:0 15px; margin-bottom:8px;} .section-checkout .select2-container .select2-selection--single {height:36px;margin-bottom:8px;} .section-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {line-height:36px;} .section-checkout .select2-container .select2-selection--single .select2-selection__rendered {padding-left: 15px;padding-right: 15px;} .section-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {width:26px;height:36px; background-image:url(../images/dropdown-gold.png);} #billing_details select, .shopping-cart select, .melba-estate-form select {display:block; width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border:0; background: #fff url(../images/dropdown-gold.png) no-repeat center right 10px; height:36px; line-height:36px; padding:0 15px; margin-bottom:8px; border-radius: 0px;-webkit-appearance: none; -moz-appearance: none; appearance: none; } .cart-cont select {display:inline-block; width:120px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border:0; background: #fff url(../images/dropdown-gold.png) no-repeat center right 10px; height:36px; line-height:36px; padding:0 15px; margin-bottom:8px; margin-right: 10px; border-radius: 0px;-webkit-appearance: none; -moz-appearance: none; appearance: none; } .grey {background-color:#E6E7E8;} .section-checkout input[type=text].grey, .section-checkout input[type=email].grey {background-color:#E6E7E8;} .shipping-methods {} .shipping-methods li {display:block; width:100%; margin-bottom:10px;} .shipping-methods li label {display:block; width:100%; } .shipping-methods li label span {float:right;} .payment-methods {} .payment-methods li {display:block; width:50%; margin-bottom:10px; float:left;} .checkout-actions {padding-bottom:30px;} .checkout-actions li {display:inline-block; margin-left:15px ;margin-bottom:15px;} .cart-panel {background:#fff; padding:30px 20px; margin-bottom: 20px;} .section-checkout .thumb-column {padding-left:20px; padding-right:20px; text-align:center;} .coupon-cont {padding:40px 0 28px 0;border-bottom:1px solid #BF9B5F;} .cart-totals {width:100%; margin-top:20px;} .cart-totals th {width:50%; padding:11px 0; font-family:'Calibre-Semibold'; font-size:14px; color:#BF9B5F;} .cart-totals td {width:50%; text-align:right; padding:11px 0; font-size:24px; } .total-row {border-top:1px solid #BF9B5F; padding-top:10px;} .total-row th {font-family:'Calibre-Regular'; font-size:16px;padding-top:20px; } .total-row td {padding-top:20px; } .member_blurb{display: none;} #billing_details .input_field.error{background: #fcc;} #billing_details .error{background: #fcc;} #billing_details select.error{background: #fcc url(../images/dropdown-gold.png) no-repeat center right 10px;} #loginButton{background-color:#333;} #loginButton:hover{background: #fff;} .section_-_restaurant_full h3, .section_-_2col_restaurant h3{ margin-bottom: 10px!important; } /* ========================================================================== Media Queries ========================================================================== */ @media only screen and (max-width: 1400px){ .main-nav .nav, .main-nav .nav.white {width: 100%;clear: both;} .store-btn{width: 120px; right: 0px;padding-left: 20px; } .login-btn{width: 120px;right: 120px!important; } .store-btn > span { text-indent: -999em;padding-left:0px; background:url(../images/icon-cart2.png) no-repeat; } .store-btn > span {min-height:37px; position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); display: inline-block;font-size:18px; line-height:37px; color:#fff;padding-left:50px; .login-btn > span { text-indent: -999em;padding-left:0px;} .store-btn2000 {display:block; position:absolute; top:0; bottom:0; right:100px; height:100%; width:70px; background-color:#BF9B5F; text-align:center; z-index: 9999;} .login-btn {display:none;} } @media only screen and (max-width: 1200px){ .nav li a{ display:inline-block; font-size:15px; line-height:18px; color:#fff; padding:25px 0; border-bottom:5px solid #383A35; } #main-nav .container { padding-left: 50px;} .store-btn1000 {display:block; position:absolute; top:0; bottom:0; right:0; height:100%; width:100px; background-color:#BF9B5F; text-align:center; z-index: 9999;} .store-btn2000 {display:block; position:absolute; top:0; bottom:0; right:100px; height:100%; width:70px; background-color:#BF9B5F; text-align:center; z-index: 9999;} .store-btn {display:none;} .login-btn {display:none;} #link-reservation{position: absolute; left: 55px; top: 20px;} .ipdadpro #link-reservation{position: absolute;left: 55px;top: 70px;} #link-booking{position: absolute; left: 55px;} .top-cart {float:right; padding-left:20px; background:url(../images/icon-cart.png); background: url(../images/icon-cart.svg), linear-gradient(transparent, transparent);background-position:left center; background-repeat:no-repeat; background-size:17px 17px; word-spacing:1px;} .main-nav .nav, .main-nav .nav.white {width: 100%;clear: both;} } @media only screen and (max-width: 1000px){ .nav li a{ display:inline-block; font-size:14px; line-height:18px; color:#fff; padding:25px 0; border-bottom:5px solid #383A35; } #main-nav .container { padding-left: 20px;} .top-cart {float:right; padding-left:20px; background:url(../images/icon-cart.png); background: url(../images/icon-cart.svg), linear-gradient(transparent, transparent);background-position:left center; background-repeat:no-repeat; background-size:17px 17px; word-spacing:1px;} .main-nav .nav,.main-nav .nav.white {width: 100%;clear: both;} .store-btn1000 {display:block; position:absolute; top:0; bottom:0; right:0; height:100%; width:80px; background-color:#BF9B5F; text-align:center; z-index: 9999;} .store-btn2000 {display:block; position:absolute; top:0; bottom:0; right:80px; height:100%; width:80px; background-color:#BF9B5F; text-align:center; z-index: 9999;} } @media only screen and (max-width: 900px){ .ipdadpro{display: block!important; } .box-caption h6 { margin-top:20px;} /* Grid */ .col-md-12{width:100%;} .col-md-11{width:91.666666666667%;} .col-md-10{width:83.333333333333%;} .col-md-9{width:75%;} .col-md-8{width:66.666666666667%; } .col-md-7{width:58.333333333333%;} .col-md-6{width:50%;} .col-md-5{width:41.666666666667%;} .col-md-4{width:33.333333333333%;} .col-md-3{width:25%;} .col-md-2{width:16.666666666667%;} .col-md-1{width:8.3333333333333%;} /* Helpers */ .hidden-tablet { display: none; } .visible-tablet { display: block; } .store-btn1000 {display:none;} .store-btn2000 {display:none;} #cart_summary{display: inline-block;!important} #main-nav .container { padding-left: 0px; background: #fff;} body { font-size:14px; overflow-x:hidden;} .spacer {height:65px;} .section {padding-top: 60px;} .membership-coombe-club{ margin-bottom: 30px; } .container {padding-left:25px; padding-right:25px;} .border-box {border-left:0; padding-left: 0px;} .border-box.short {max-height:auto;} .backtotop-btn {right:25px;} /*.menu-icon {display:block; cursor:pointer; float:left; padding:12px 9px; border-right:1px solid #BF9B5F; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; } .menu-icon-bar { display: block;width: 25px; height: 3px; background-color:#BF9B5F; margin-top: 3px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; } .menu-icon-bar:first-child {margin-top: 0px;} .menu-icon:hover {background-color:#BF9B5F;} .menu-icon:hover .menu-icon-bar {background-color:#fff;}*/ .main-nav {position:fixed; top:0; left:0; right:0; width:100%; border-bottom:1px solid #BF9B5F; z-index:900; background:#fff;} .main-nav .nav, .main-nav .nav.white {display:none;width: 100%;clear: both; background:#383A35; } .main-nav .nav li, .main-nav .nav.white li {display:block;width: 100%; float:none; margin:0; padding:0; } .main-nav .nav li a , .main-nav .nav.white li a{display:block;width: 100%; font-size:18px; border:0; color:#fff; text-align:center; padding:0 6%;} .main-nav .nav li a span {display:block; width:100%; padding:15px 25px 15px 25px; border-top:1px solid #C19C5F; color: #fff;} .main-nav .nav li.first a span, .main-nav .nav li:first-child a span {border:0;} .main-nav .nav li.on a, .main-nav .nav li a:hover, .main-nav .nav.white li.on a, .main-nav .nav.white li a:hover {border:0; color:#fff; background-color:#BF9B5F;} .main-nav .nav li a.store-btn-mobile { color:#fff; background-color:#BF9B5F;} .main-nav .nav li a.store-btn-mobile span {background:url(../images/icon-cart2.png) left center no-repeat; background-size:20px 20px; padding:11px 30px 13px 30px; max-width:155px; margin:0 auto;} .main-nav .container {padding:0; max-width:100%;} .homepage .main-nav, .main-nav.white { background-color:#383A35; } .main-nav.white .nav li a { color:#383A35; border-bottom:0px solid #fff; } .main-nav.white .nav li a { color:#BF9B5F; text-decoration:none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; outline:none!important; } .c-hamburger {display: block; position: relative; overflow: hidden; margin: 0; padding: 0;width: 39px; height: 39px; font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; -webkit-transition: background 0.3s; transition: background 0.3s;} .c-hamburger:focus { outline: none;} .c-hamburger span { display: block; position: absolute;top: 18px;left: 7px; right: 7px; height: 3px; background: #BF9B5F;} .c-hamburger span::before, .c-hamburger span::after { position: absolute;display: block; left: 0; width: 100%; height: 3px;background-color: #BF9B5F; content: "";} .c-hamburger span::before { top: -6px;} .c-hamburger span::after { bottom: -6px;} .c-hamburger--htx { background-color: #fff; border-right:1px solid #BF9B5F; } .c-hamburger--htx span { -webkit-transition: background 0s 0.3s; transition: background 0s 0.3s;} .c-hamburger--htx span::before, .c-hamburger--htx span::after { -webkit-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s;} .c-hamburger--htx span::before { -webkit-transition-property: top, -webkit-transform; transition-property: top, transform;} .c-hamburger--htx span::after { -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, transform;} /* active state, i.e. menu open */ .c-hamburger--htx.is-active { } .c-hamburger--htx.is-active span { background: none;} .c-hamburger--htx.is-active span::before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} .c-hamburger--htx.is-active span::after { bottom: 0;-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);} .c-hamburger--htx.is-active span::before, .c-hamburger--htx.is-active span::after { -webkit-transition-delay: 0s, 0.3s;transition-delay: 0s, 0.3s;} .header .container {padding:39px 0 0 0 ;} .header .top-cart {position:fixed; top:0; right:0; z-index:899; background:none; padding:0px; line-height:1.1em; height:39px; overflow:hidden; } .header .top-cart a {display:block; padding:9px 20px; border-left:1px solid #BF9B5F; height:100%;} .header .top-cart a:hover {color:#fff; background:#BF9B5F;} .logo{ display:block; width:219px; height:54px; position:relative; top:auto; left:auto; margin:30px auto 25px auto; clear:both;} .reservation-links {float:none; width:100%;} .reservation-links li{display:block; width:50%; margin:0; float:left;} .reservation-links li a {display:block; width:100%; background:#BF9B5F; padding:0px 17px; color:#fff;} .reservation-links li a span {display:inline-block; padding:12px 0 12px 50px;} .reservation-links li:last-child a, .reservation-links li.last a{text-align:center;} .reservation-links li a.icon-reserve span {background:url(../images/icon-reservation-white.png) left center no-repeat;} .reservation-links li a.icon-book span {background:url(../images/icon-garden-white.png) left center no-repeat;} .reservation-links li a:hover { background:#BF9B5F;} #link-reservation{position: relative!important; top: 0px; left: 0px;} #link-booking{position: relative!important;left: 0px;} .stamp {right:5px;} .footer-nav li {margin:0 5px;} .inner-slider .cycle-btn {display:none;} .section-nav-cont {right:25px;} //.section-nav-cont {position:absolute; top:65px; right:25px; width:240px; z-index:100;} .offsetTop { margin-top: -50%;} .carousel-prev, .carousel-next {display:none;} body{overflow-x:hidden;} /*FEEDBACK*/ .custom1 {max-width:80%;} .box-caption {top:90%;} .box.col8 .box-caption {top:89.5%;} .text-center.text-gold.word-spacing {padding-top:30px;} .mobile-slideshow .featured-product .btn{margin-top:0px;} .news-entry .btn {padding: 13px 18px;} .product-content.product-section {padding-bottom:10px;} /*Cart - Checkout*/ .checkout-col { margin:0 auto 50px auto;} .checkout-panel { padding-left:0px;} .top-cart {width: 230px; font-size: 16px; margin-top: 5px;} .header .top-cart a {display:inline; padding:9px 20px; border-left:1px solid #BF9B5F; height:100%;} .ipdadpro{display: block!important; } .ipdadpro #link-reservation{position: relative!important;left: auto; top: auto;} } @media only screen and (max-width: 767px){ .ipdadpro #link-reservation{position: relative!important;left: auto; top: auto;} .ipdadpro .white {background-size: 25px 25px;} body.home .footer .contact-info a{ color: #383A35!important; } .main-nav{width: 100%!important;max-width: 100%!important;} .icon-reserve-shop {background-image: url(../images/icon-cart2.svg) no-repeat!important;} .hide-mobile{display: none;} .membership-melba-estate p, .membership-coombe-club p{ line-height: 50px; font-size: 13px; font-weight: bold; } .membership-melba-estate, .membership-coombe-club{ margin-bottom: 20px; } /* Grid */ .col-sm-12{width:100%;} .col-sm-11{width:91.666666666667%;} .col-sm-10{width:83.333333333333%;} .col-sm-9{width:75%;} .col-sm-8{width:66.666666666667%;} .col-sm-7{width:58.333333333333%;} .col-sm-6{width:50%;} .col-sm-5{width:41.666666666667%;} .col-sm-4{width:33.333333333333%;} .col-sm-3{width:25%;} .col-sm-2{width:16.666666666667%;} .col-sm-1{width:8.3333333333333%;} /* Helpers */ .hidden-mobile { display: none; } .visible-mobile { display: block; } body { font-size:16px;} .section { padding-top: 40px;} .container {padding-left:13px; padding-right:13px;} .logo { width: 160px; height: 39px;margin: 25px auto 20px;} .header {font-size: 14px;line-height: 34px; } .top-cart a {padding:0px 10px 0px 10px; line-height:25px;} .reservation-links li a span {padding:12px 0px 12px 30px; font-style: 16px;} .reservation-links li a.icon-reserve span, .reservation-links li a.icon-reserve-shop span, .reservation-links li a.icon-book span {background-size:23px 23px;} .reservation-links li a {padding:0px 13px;} .reservation-links li:first-child a, .reservation-links li.first a {padding-right:0;} .reservation-links li:last-child a, .reservation-links li.last a {padding-left:0;} .inner-footer .pull-left, .inner-footer .pull-right {float:none; text-align:center; display:block; margin-bottom:20px;} .bottle-img{display: none;} h2 {font-size: 24px;margin-bottom: 25px;} h3 {margin-bottom: 10px;} h5 {font-size: 18px;} .mobile-text-center {text-align:center;} .box::before {padding-top:80%!important;} .box-caption {top:76%!important;} .box-type2:hover .box-caption {top:0!important; min-height:100%;} .box.col8.box-type2:hover .box-caption {top:0!important;} .store-btn2.visible-mobile {position:relative; top:auto; right:auto; margin:30px auto 0 auto; max-width:220px;} .morenews {margin-bottom:40px;} .section-home-news h2 {text-align:left;} .section-community .store-btn2.visible-mobile {display:block; position:relative; top:auto; right:auto; margin:30px auto 0 auto; width:100%;max-width:290px;} .community-thumbs img {width:100%; height:auto;} .community-thumbs a {margin-bottom:11px;} .backtotop-btn {right:13px;} .copyright {text-align:center;} .footer{margin: 0px 10px!important;} .footer-nav {display:block; width:100%; float:none; text-align:center; padding:0px 0 20px 0;} .footer-nav li {display:block;} .footer .contact-form {margin-bottom:30px;} .popup { max-width:100%;} .popup .popup-inner {padding:20px 13px; } .popup h2 {text-align: left;font-size: 20px; margin-bottom: 20px;} .close-popup {top: 25px;right: 13px;} .select2-container .select2-selection--single {height:40px;} .select2-container--default .select2-selection--single .select2-selection__rendered {font-size: 14px;line-height: 40px;} .select2-container .select2-selection--single .select2-selection__rendered {padding-left:13px; padding-right:13px;} .popup-book .select2-container { margin-bottom: 15px;} .select2-container--default .select2-selection--single .select2-selection__arrow {height:40px;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {font-size:14px;} .custom-datepicker { margin-bottom: 15px;} .notice { height:40px; margin-bottom:15px; font-size:14px; padding:10px 13px; } .popup-footer {font-size:14px; text-align:center;} .popup-footer .pull-right{float:none; padding-top:10px;} .mfp-container { padding-left: 0px;padding-right: 0px;} .section-nav-cont {position: relative; top: auto; right: auto;width: 100%; margin-bottom:35px;} .inner-slider .slide .row .pull-right {margin-bottom:20px;} .inner-slider .cycle-pager {margin-top:0;} .list { padding-top: 0; padding-bottom: 15px;} .list ul li {margin-bottom: 10px;} .offsetTop { margin-top: 0;} .news-list .news-entry { margin-bottom: 30px;} .news-actions {padding-top: 0;} .news-pagination {text-align:left;} .form-actions-row {padding-top:20px; padding-bottom:20px;} .notes-btn {padding-left: 30px;} .product-section {padding-left:0; padding-right:0;} .product-entry h2 {font-size: 20px;line-height: 26px;} .other-actions .top-cart{float:none; padding:25px 0 0px 0px; border-top: 1px solid #BF9B5F; margin-top:20px; display:block; } .mobile-slideshow .featured-product { width:100%; float:none; background-color:#383A35; height:100%;} .mobile-slideshow .cycle-pager {padding-top:30px; z-index:400; position:relative;} .mobile-slideshow .cycle-sentinel .btn{} .reservation-links .first {border-right:1px solid #fff;} .line-spacing p {line-height: 24px;margin-bottom: 17px;} .line-spacing h3 {font-size:18px;} .custom1 {max-width:240px; margin:0 auto; display:block!important; float:none;} .custom2 {width:120px; height:120px;right:-20px; } .inner-footer .pull-left, .inner-footer .pull-right {font-size:16px;} .inner-footer .social-list {margin-left: auto;} .text-center.text-gold.word-spacing {max-width:215px; margin:0 auto;} .text-center.text-gold.word-spacing strong {display:block;} .news-entry p {font-size:16px;} .mobile-break{display:block; clear:both;} .section-home-news h2 {margin-bottom:10px;} .events-bottom {border-bottom: 0px solid #BF9B5F; margin-bottom: 00px;} .featured-product.hidden-tablet {display:block;} .back-btn {font-family:'Calibre-Regular';} .spacer.alt {height:20px;} .accordion {margin-bottom:30px; overflow:hidden;} .shopping-cart .select2-container {margin-bottom:10px;} #section2.section.white.our_story-slideshow{height: 950px;} #section2.section.white.our_story-slideshow .cycle-pager{margin-top: 200px;} #section2.section.beige.waf_-_2col_form{height: 1260px;} .hours-panel {padding:20px 0px 20px 10%; position:relative;margin-bottom:20px; } #section1.section.white.waf_-_slideshow{padding-top: 25px;} .bordered.white {border-color:#fff; margin-bottom: 120px;} .three-btns{ width: 50%; margin-bottom: 10px; margin-left: 25%; margin-top: 0px;} .three-btns:nth-of-type(2n){ margin-left: 25%; } .mobile-full-width{display: block; width: 100%!important;border:none!important; #phone-link{width:100%;} .frame { height: 260px!important; position: relative; margin-bottom: 20px; } .bordered.white {border-color:#fff; margin-bottom: 20px!important;} } @media only screen and (max-width: 479px){ /* Grid */ .col-xs-12{width:100%;} .col-xs-11{width:91.666666666667%;} .col-xs-10{width:83.333333333333%;} .col-xs-9{width:75%;} .col-xs-8{width:66.666666666667%;} .col-xs-7{width:58.333333333333%;} .col-xs-6{width:50%;} .col-xs-5{width:41.666666666667%;} .col-xs-4{width:33.333333333333%;} .col-xs-3{width:25%;} .col-xs-2{width:16.666666666667%;} .col-xs-1{width:8.3333333333333%;} .section-checkout .thumb-column {display:block;} .shipping-methods li label span { float: none; display: block; padding-top: 5px;} .shopping-cart th {display:none;} .shopping-cart td {display:block; width:100%; padding-top:0; text-align:center;} .shopping-cart .total-column { text-align:center;} .total-column::before {content:'Total: '; display:inline-block; padding-right:10px; font-size:16px;} .bordered.white {border-color:#fff; margin-bottom: 20px;} .cart-actions .recipient-cont input[type=text]{ width:100%;} } a.tel, a.tel:hover{color: #fff!important; }