/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a img, img { border: none; max-width: 100%; height: auto; vertical-align: middle;}
p { padding: 0 0 12px 0; }
*, *:before, *:after { box-sizing: border-box; }
/* end */


body { font-family: 'Palanquin', sans-serif; color: #fff; font-size: 16px; font-weight: 400; background: #801d4f;  line-height: 1.4; }
.clear { clear: both; }

a[href^="tel:"], a[href^="tel:"]:hover { cursor: default; color: #fff; }

#header-container { margin: 20px; }

#mobilenav-button { cursor: pointer; width: 28px; height: 28px; padding: 5px 0 0 0; }
#nav-content, #home, #social { display: none; }

#nav-content ul { margin: 10px 0 0 0;}
#nav-content ul li a { text-transform: uppercase; font-size: 16px; line-height: 1; padding: 8px 0; display: block; -webkit-transition: all .5s; transition: all .5s;}
#nav-content ul li a:hover { color: #d8cd7a; -webkit-transition: all .5s; transition: all .5s;}




#mainnav { background: #000; padding: 10px 10px 13px 15px;  }
#mainnav nav.mobile { display: inline-block; }
#mainnav .fb, #mainnav .in { float: right; display: inline-block; font-weight: 300; margin-left: 10px;}
#mainnav .fb .fa.fa-facebook { font-size: 18px; color: #3b5998; background: #fff; border-radius: 4px; width: 27px; height: 27px; line-height: 27px; display: inline-block; text-align: center; vertical-align: sub; -webkit-transition: all .4s; transition: all .4s;}
#mainnav .fb .fa.fa-facebook:hover { box-shadow: 0 0 10px #fff; -webkit-transition: all .4s; transition: all .4s;}
#mainnav .in .fa.fa-instagram:hover { text-shadow: 0 0 10px #fff; -webkit-transition: all .4s; transition: all .4s;}
#mainnav .in .fa.fa-instagram {font-size: 30px; color: #fff;}








#home h2 img, #social img, #buy img, #menu img { -webkit-transition: all .4s; transition: all .4s; }
#home h2 img:hover, #social img:hover, #buy img:hover, #menu img:hover { -webkit-filter: drop-shadow(0 0 10px #e1669e); filter: drop-shadow(0 0 10px #e1669e); -webkit-transition: all .4s; transition: all .4s;}


.tp-caption span { position: relative; left: -9999px; }

.tp-caption .pointer { cursor: pointer; -webkit-transition: .5s -webkit-filter !important; -moz-transition: .5s -moz-filter !important; -ms-transition: .5s -ms-filter !important; -o-transition: .5s -o-filter !important; transition: .5s filter !important;}
.tp-caption .pointer:hover { -webkit-filter: drop-shadow(0 0 0 #b2003b); filter: drop-shadow(0 0 0 #b2003b); -webkit-transition: .5s -webkit-filter !important; -moz-transition: .5s -moz-filter !important; -ms-transition: .5s -ms-filter !important; -o-transition: .5s -o-filter !important; transition: .5s filter !important;}







#text, #buy-open-menu-container, #find-us, #home-text { margin: 20px; }



#buy-open-menu-container { margin: 20px 0 20px 0; }
#TA_excellent837 { margin: 0 60px 0 0; vertical-align: top; }
#TA_excellent837:hover { -webkit-filter: drop-shadow(0 0 10px #e1669e); filter: drop-shadow(0 0 10px #e1669e); -webkit-transition: all .4s; transition: all .4s; }
#buy-open-menu-container { margin: 20px; }
#TA_excellent369 { position: relative; margin: 0 60px 0 0; vertical-align: top; }
#TA_excellent369:hover { -webkit-filter: drop-shadow(0 0 10px #e1669e); filter: drop-shadow(0 0 10px #e1669e); -webkit-transition: all .4s; transition: all .4s; }
footer #hygiene-rating { margin: 10px 0 0 0; }
#home-text { margin-top: 50px; }


#text { margin-top: 40px; }
#text p { text-align: left; }
#text h1 {text-align: left; font-size: 34px; font-weight: 400; padding: 0 0 11px 0; color: #dab686;}
#text h2 { text-align: left;  font-size: 17px; font-weight: 700; padding: 30px 0 1px 0; color: #dab686; }
#text h4 { padding: 0 0 12px 0; }
#text h4 img { float: left; margin: 20px 20px 30px 0; }
#text ul { padding: 0px 0 20px 20px; }
#text ul li { list-style: disc; padding: 0 0 10px 0;}
#text strong { font-weight: 700; }


#errors-padding { margin-bottom: 12px; }

#subscribe { margin-bottom: 20px; }
#subscribe p { margin: 25px 0 20px 0; color: #dab686; }

#contact-form { margin: 20px 0 110px 0; }
#contact-form #required { padding: 40px 0 30px 0; font-size: 13px; color: #454545; font-weight: 300;}
#contact-form button { box-shadow: 2px 2px 2px #333; color: #5f1331; background: #f4cd73; display: inline-block; padding: 12px 80px; text-decoration: none; text-transform: uppercase; font-size: 18px; font-weight: 400; line-height: 1; border-radius: 10px; border: none; cursor: pointer; -webkit-transition: all 0.4s; transition: all 0.4s;}
#voucher-print .print { box-shadow: 2px 2px 2px #333; color: #5f1331; background: #f4cd73; display: inline-block; padding: 12px 10px; text-decoration: none; text-transform: uppercase; font-size: 14px; font-weight: 400; line-height: 1; border-radius: 10px; border: none; cursor: pointer; -webkit-transition: all 0.4s; transition: all 0.4s;}
#contact-form button:hover, #voucher-print .print:hover { box-shadow: 2px 2px 10px #5f1331, 2px 2px 10px #5f1331, 2px 2px 20px #5f1331; -webkit-transition: all .4s; transition: all .4s;}


#contact-form label#normal { font-weight: 300; }
#contact-form #radio-container label { font-weight: 400; display: inline-block; }
#contact-form #radio-container #normal { display: block; }
#contact-form #radio-container { padding: 30px 0 20px 0; }


#contact-form .g-recaptcha { height: 110px; }



#contact-form .privacy { color: #dab686; font-weight: 700; text-decoration: underline; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
#contact-form .privacy:hover { color: #fff; }


#contact-form .textfield, #contact-form .address { max-width: 600px; }

#text .required { color: #801d4f; background: #dab686; padding: 11px 15px; display: inline-block; margin: 0 18px 10px 0; border-radius: 5px; font-weight: 700; font-size: 14px;}

input[type="checkbox"] { margin: 0 10px 0 0; }

input[type="email"], input[type="text"], textarea { font-size: 15px; margin: 5px 0 30px 0; border:1px solid #b2adaa; box-shadow: 0px 0px 0px #801d4f; border-radius:2px; }
input[type="email"], input[type="text"] { width: 100%; padding: 0 20px; height: 38px; }
#contact-form select { width: 100%; padding: 0 20px; height: 38px; display: inline-block; font-size: 14px; -webkit-transition: all 0.4s; transition: all 0.4s;}



textarea { width: 100%; padding: 10px 20px; height: 200px; }

label { color: #fff; display: block; width: auto;}

*:focus { outline: none; }
input:focus, textarea:focus { box-shadow: 0 0 15px #490026; outline: none; font-size: 15px; -webkit-transition: background-image .7s; transition: background-image .7s }
input:focus:invalid { background-color: #fff; background-image: url(../images/cross.png); background-position: right 5px center; background-repeat: no-repeat; background-size: 25px 25px; -webkit-transition: background-image .7s; transition: background-image .7s }
textarea:focus:invalid { background-color: #fff; background-image: url(../images/cross.png); background-position: right 5px top 5px; background-repeat: no-repeat; background-size: 25px 25px; -webkit-transition: background-image .7s; transition: background-image .7s }

input[type="email"]:required:valid,
input[type="text"]:required:valid { background-color: #fff; background-image: url(../images/tick.png); background-position: right 5px center; background-repeat: no-repeat; background-size: 25px 25px; -webkit-transition: background-image .7s; transition: background-image .7s }
textarea:required:valid { background-color: #fff; background-image: url(../images/tick.png); background-position: right 5px top 5px; background-repeat: no-repeat; background-size: 25px 25px; -webkit-transition: background-image .7s; transition: background-image .7s }







#specials { height: 40px; }



a { color: #fff; text-decoration: none;}
p { padding: 0 0 12px 0; }
.gold { color: #f4cd73; }



.textlink { display: inline-block; position: relative;color: #dab686; -webkit-transition: all .5s; transition: all .5s;}
.textlink::after { content: ''; position: absolute; left: 0; display: inline-block; height: 1em; width: 100%; border-bottom: 1px solid; margin-top: 7px;color: #dab686; font-weight: 700; -webkit-transition: all .5s; transition: all .5s;}
.textlink:hover { color: #fff; -webkit-transition: all .5s; transition: all .5s; }
.textlink:hover::after { color: #fff; -webkit-transition: all .5s; transition: all .5s; }



#logo h1 { margin-bottom: 5px; }
#logo nav { display: inline-block;  float: right;}
.fa.fa-bars { font-size: 28px; line-height: 28px; color: #fff; }


#logo h3 { margin: 0 0 0 5px; text-align: center; }
#logo h3 a { font-size: 22px; font-weight: 300;}





#hero { height: 120px; -webkit-transition: all .4s; transition: all .4s; background:url(../images/hero-privacy.jpg) center center no-repeat; background-size: cover; }
.emailclub #hero { background:url(../images/hero-email-club.jpg) center center no-repeat;background-size: cover; }
.privacy #hero { background:url(../images/hero-privacy.jpg) center center no-repeat; background-size: cover; }
.buy #hero { background:url(../images/hero-privacy.jpg) center center no-repeat; background-size: cover; }
.email-club #hero { background:url(../images/hero-privacy.jpg) center center no-repeat; background-size: cover; }




.email-club #voucher { margin: 30px 0 50px 0; }
.email-club #voucher-print { margin-bottom: 40px; }
#text .small { font-size: 14px; }

@media only screen {
.email-club #voucher img { -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.4); box-shadow: 0px 0px 10px 3px  rgba(0,0,0,0.4); }
}


/*  Voucher printing  */
@media only print {
.email-club header, .email-club #voucher-print, .email-club #specials-instagram-container, .email-club #party, .email-club #drfc-bg, .email-club .drfc-bg, .email-club #hours, .email-club footer { display:none; }
.email-club .gold, #text h1, #text h2, #text p { color: #000; }
}






#map iframe { width: 100%; }



@media only screen and (max-width: 768px) {
#buy {text-align: center; margin: 20px 0; }
#menu {text-align: center; margin: 50px 0; }
}

#open h2 { text-align: center; text-transform: uppercase; color: #daa624; font-size: 22px; }
#open h4 { text-align: center;  color: #daa624; }
#open h3 { text-align: center; font-size: 28px; margin: 5px 0 30px 0;}
#specials-content { background: url(../images/specials-frame.png) top center no-repeat; background-size: auto 100%; padding-top: 175px; min-height: 500px; }
#specials-instagram-container {
background: -moz-linear-gradient(top,  #801d4f 0%, #801d4f 30%, #ffffff 30%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #801d4f 0%,#801d4f 30%,#ffffff 30%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #801d4f 0%,#801d4f 30%,#ffffff 30%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#801d4f', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}





#specials-content h3, #specials-content p, #specials-content h5, #specials-content h4 { max-width: 230px; margin: 0 auto; }


#specials-content h3 { text-transform: uppercase; text-align: center; font-size: 20px; line-height: 1.1; }
#specials-content p { text-transform: uppercase; text-align: center; font-size: 15px; padding: 10px 0 0 0; }
#specials-content h5 { text-align: center; font-size: 15px; }
#specials-content h4 { text-align: center; font-size: 26px;  }

#specials-instagram-container #instagram { background: #fff; padding: 15px; margin: 40px 0; text-align: center;}


#specials-instagram-container #instagram img { -webkit-transition: all .5s; transition: all .5s; }
#specials-instagram-container #instagram img:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); box-shadow: 0 0 10px #993e5d,0 0 20px #993e5d; -webkit-transition: all .5s; transition: all .5s; }


#party { margin: 0 15px 40px 15px; }
#party h2 { text-align: center; color: #dab686; text-transform: uppercase; font-size: 25px; line-height: 1.5; }
#party h4 { text-align: center; text-transform: uppercase; font-size: 16px; }
#party p { text-align: center; font-size: 15px; color: #daa624; margin-top: 5px; padding-bottom: 0}
#party h3 {text-align: center; font-size: 22px; }


#drfc-bg { background: #eeedf1; }
#drfc { background: #eeedf1; text-align: center; }
#drfc-text { padding: 25px 0 15px 0; }
#drfc-text p { color: #1e164f; font-size: 17px; font-weight: 700; }
#drfc-text a { color: #801d4f; font-size: 17px; font-weight: 700; -webkit-transition: all .5s; transition: all .5s;}
#drfc-text a:hover { color: #dab686; }



.drfc-bg { background: #eeedf1; }
.drfc { background: #eeedf1; text-align: center; }
.drfc-text { padding: 25px 0 15px 0; }
.drfc-text p { color: #1e164f; font-size: 17px; font-weight: 700; }
.drfc-text a { color: #801d4f; font-size: 17px; font-weight: 700; -webkit-transition: all .5s; transition: all .5s;}
.drfc-text a:hover { color: #dab686; }






#hours { margin: 50px 15px; }
#hours h4 { text-align: center; font-size: 15px; font-weight: 700; }
#hours h5 { text-align: center; color: #dab686; font-size: 15px; font-weight: 700; margin-top: 5px;}

#hygiene-rating { text-align: center; padding: 20px 0 30px 0; }

footer { border-top: 1px solid #cca5b9; text-align: center; padding: 20px 15px; }

footer p { text-align: center; font-size: 13px; padding-bottom: 0; }
footer #hygiene-rating { text-align: center; }
footer h3 { text-align: center; }
footer #CDSWIDEXC { width: 160px; margin: 20px auto 20px auto; }

#nav-content ul li.slash { background: none; position: relative; }
#nav-content ul li.slash:before { position: absolute; top: 10px; left: -7px; display: block; content: '/'; color: #fff; font-size: 1em; line-height: 1.5; }
#nav-content ul li.slash a { text-transform: none; padding-left: 10px; }
nav #nav-content ul li ul { text-align: left; position: absolute; left: 0; top: 44px; width: 180px; padding: 0; background: #000; max-width: none; margin: 0; display: block; z-index: 999; z-index: 1; opacity: 0; visibility: hidden;  -webkit-transition: opacity 200ms, visibility 200ms; transition: opacity 200ms, visibility 200ms; -webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 15px 1px rgba(0,0,0,0.2); box-shadow: 0 0 15px 1px rgba(0,0,0,0.2); height: auto; }
nav #nav-content ul li ul li { background: none; display:block;}
nav #nav-content ul li ul li a.bottom { padding-bottom: 20px; }
nav #nav-content ul li:hover ul { -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; }
nav #nav-content ul li:hover ul { visibility: visible; opacity: 1; height: auto; }

#mainnav { position: relative; }
#mainnav .order-online { display: none; position: absolute; top: 15px; left: 0; right: 0; margin: auto; width: 130px; height: 25px; text-transform: uppercase; text-align: center; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
#mainnav .order-online:hover { color: #d8cd7a; }

#header-container { display: table; width: 1060px; margin: 20px auto; padding: 0 20px; }
#header-container #motif { display: table-cell; width: 149px; padding: 10px 0 0 10px; vertical-align: top; }
#header-container #title { display: table-cell; width: auto; padding: 25px 20px 0 20px; vertical-align: top; }
#header-container #social { display: table-cell; width: 128px; vertical-align: top; }
#header-container #motif h2 { width: auto; }
#header-container #title h1 { margin: 0 0 15px 0;  }
#header-container #title h1 a { font-family: 'Lato', sans-serif; font-weight: 300; font-size: 2.2em; line-height: 1.15; letter-spacing: 0.2em; text-transform: uppercase; }
#header-container #title h1 a span { display: block; font-size: 0.7em; letter-spacing: 0.2em; }
#header-container #title h3 { margin: 0; }
#header-container #title h3 a { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 1.9em; letter-spacing: 0.1em; }
#social .email-newsletter { width: auto; }




.white-bg { background: #fff; color: #1a1818; }
.white-bg .inner { max-width: 1000px; margin: 0 auto; padding: 0 30px; }
.white-bg p { color: #1a1818; text-align: left; }
.white-bg p.bold, .white-bg strong { font-weight: 700; }

.white-bg .info-heading {  text-align: center; position: relative; min-height: 300px; padding: 10px 0 0 0; }
.white-bg .info-heading:after { position: absolute; top: 40px; left: 0; right: 0; margin: auto; width: 560px; height: 250px; display: inline-block; content: ''; background: url(/assets/images/were-opening-again.png) 0 0 no-repeat; background-size: 560px 250px;  }

.white-bg .info-heading h1 { text-indent: -9999999px; }
.white-bg .info-heading h2 { font-weight: 700; text-align: center; font-size: 1.45em; line-height: 1.2; border-bottom: 2px solid #ccc; display: inline-block; padding: 20px 20px 15px 20px; letter-spacing: 0.01em; }
.white-bg .info-heading h3 { color: #801d4f; font-weight: 700; font-size: 1.45em; text-align: center; letter-spacing: 0.01em; line-height: 1.2; padding: 7px 0 10px 0; }
.white-bg .info-heading h4 { color: #801d4f; font-weight: 700; font-size: 1.7em; line-height: 1; text-align: center; text-transform: uppercase; letter-spacing: 0.01em; padding-bottom: 3px; }
.white-bg .info-heading h2 span, .white-bg .info-heading h3 span { display: block; }
.white-bg .info-heading p { color: #801d4f; font-weight: 700; font-size: 1.25em; text-align: center; }
.white-bg .info-heading p .divider { position: relative; width: 20px; height: 15px; display: inline-block; }
.white-bg .info-heading p .divider:after { position: absolute; top: -1px; left: 8px; width: 3px; height: 21px; display: block; content: ''; background: #ccc; }






.white-bg .info-telephone { text-align: center; padding: 20px 0 30px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 20px 0 40px 0; }
.white-bg .info-telephone h2 { color: #801d4f; font-weight: 700; font-size: 1.5em; text-transform: uppercase; text-align: center; padding: 0; }
.white-bg .info-telephone h3 { display: inline-block; line-height: 1; }
.white-bg .info-telephone h3 a { color: #801d4f; font-family: 'Palanquin', sans-serif; font-weight: 400; font-size: 1.75em; display: inline-block; line-height: 1; }
.white-bg .info-telephone .tel-divider { display: inline-block; color: #a87896; font-size: 1.7em; padding: 0 6px 0 8px;}

.white-bg .info-text { padding: 0 0 40px 0; }
.white-bg .info-text h2 { color: #1a1818; font-weight: 700; font-size: 1.6em; text-transform: uppercase; margin: 0 0 10px 0; }
.white-bg .info-text h3 { color: #801d4f; font-weight: 700; font-size: 1.4em; margin: 13px 0 5px 0; }
.white-bg .info-text p { }
.white-bg .info-text p.line { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 17px 0 23px 0; margin: 30px 0 70px 0; }




.white-bg h1 {text-align: left; font-size: 34px; font-weight: 400; padding: 30px 0 11px 0; color: #6a3b51;}
.white-bg h2 { text-align: left;  font-size: 17px; font-weight: 700; padding: 30px 0 1px 0; color: #6a3b51; }
.white-bg h4 { padding: 0 0 12px 0; }
.white-bg h4 img { float: left; margin: 20px 20px 30px 0; }
.white-bg ul { padding: 0px 0 20px 20px; }
.white-bg ul li { list-style: disc; padding: 0 0 10px 0;}
.white-bg strong { font-weight: 700; }

/* HOME PAGE  */


#header-container #title h1 a span { display: block; font-size: 0.69em; letter-spacing: 0.2em; }
#header-container #title h3 { margin: 0; display: inline-block; }
#header-container #title h3 a { font-family: 'Palanquin', sans-serif; font-weight: 400; font-size: 1.75em; letter-spacing: 0.05em; display: inline-block; }
#header-container #title .tel-divider { color: #b488a3; display: inline-block; font-size: 1.8em; margin: 0 12px; }


.eat-out { display: table; width: 100%; padding: 40px 0 20px 0; }
.eat-out .cell { display: table-cell; }
.eat-out .cell.image { width: 285px; vertical-align: middle; }
.eat-out .cell.text { padding: 20px 0 20px 60px; vertical-align: middle; }
.eat-out .cell.text h3 { color: #801d4f; font-weight: 700; font-size: 1.5em; margin: 0 0 15px 0; }
.eat-out .cell.text p:last-child { padding: 0; }
.eat-out .cell.text a { text-decoration: underline; font-weight: 700; color: #1a1818; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.eat-out .cell.text a:hover { color: #daa624; }









#open { text-align: center; }
#open h3 { margin: 0; display: inline-block; }
#open h3 a { font-family: 'Palanquin', sans-serif; font-weight: 400; font-size: 0.9em; letter-spacing: 0.05em; display: inline-block; }
#open span { display: inline-block; color: #b56f93; font-size: 1.8em; margin: 0 12px; }

.book-table { text-align: center; margin: 0 0 70px 0; }
.book-table h2 { text-align: center; text-transform: uppercase; color: #daa624; font-size: 22px; margin: 0 0 6px 0; }
.book-table h3 { margin: 0; display: inline-block; font-size: 28px; }
.book-table h3 a { font-family: 'Palanquin', sans-serif; font-weight: 400; font-size: 0.9em; letter-spacing: 0.05em; display: inline-block; }
.book-table span { display: inline-block; color: #b56f93; font-size: 1.8em; margin: 0 12px; }

#hygiene-rating { text-align: center; padding: 10px 0 30px 0; }




#home-text p { font-size: 0.95em; }




footer p { letter-spacing: 0.03em; }


.ordering .inner {  max-width: 770px; margin: 0 auto; text-align: center; padding: 0 20px; }
.ordering h2 { color: #801d4f; text-align: center; font-size: 2.1em; line-height: 1.2; padding: 0 0 30px 0; }
.ordering h3 { color: #801d4f; text-align: center; font-size: 1.5em; line-height: 1.2; padding: 8px 0; }
.ordering h4 { text-transform: uppercase; text-align: center; color: #daa624; font-size: 1.7em; line-height: 1.2; padding: 50px 0; }
.ordering h5 { color: #801d4f; text-transform: uppercase; text-align: center; font-size: 1.7em; line-height: 1.2; }
.ordering p { color: #801d4f; }
.ordering strong { font-weight: 700; }

.ordering a.more-info { background: #801d4f; color: #daa624; text-transform: uppercase; font-weight: 700; padding: 10px 25px 12px 25px; line-height: 1.4; display: inline-block; margin-top: 30px; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.ordering a.more-info:hover { color: #fff; }

.ordering .cta { display: table; width: 100%; border-collapse: separate; border-spacing: 20px 0; padding: 0 0 60px 0; }
.ordering .cta .cell { display: table-cell; width: 50%; text-align: center; }
.ordering .cta a { color: #eb2316; font-size: 2.1em; line-height: 1.5; font-weight: 700; letter-spacing: 0.02em; display: inline-block; }
.ordering .cta a:hover { color: #eb2316; }

.ordering .cta .justeat a { margin-top: 3px; }


/* OVERWRITE 342 */
.ordering { background: #fff; padding: 30px 0 50px 0; }


/* OVERWRITE 354+  */
.ordering h5 { color: #801d4f; text-transform: uppercase; text-align: center; font-size: 1.7em; line-height: 1.2; padding: 0 0 3px 0; }
.ordering h6 { color: #801d4f; text-align: center; font-size: 1.25em; line-height: 1.2; padding: 0 0 10px 0; font-weight: 700; }


/* OVERWRITE 358+  */
.ordering a.more-info {

text-transform: none;


background: #6a3b50; color: #f0c42c; font-weight: 700; border-radius: 8px; font-size: 1.1em; padding: 8px 50px 14px 50px; line-height: 1.4; display: inline-block; margin-top: 30px; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.ordering .cta { display: table; width: 100%; border-collapse: separate; border-spacing: 20px 0; padding: 20px 0 60px 0; }
.ordering .cta .cell { display: table-cell; width: 50%; text-align: center; padding-top: 90px; position: relative; }
.ordering .cta .cell.direct:before { position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 80px; height: 80px; display: inline-block; content: ''; background: url(/assets/images/phone-icon.png) center center no-repeat; background-size: 40px 40px; border: 5px solid #801d4f; border-radius: 50%; }
.ordering .cta a { color: #eb2316; font-size: 2.1em; line-height: 1.3; font-weight: 700; letter-spacing: 0.02em; display: inline-block; }


.ordering .opening-hours-home { margin: 40px 0 0 0; }
.ordering .opening-hours-home h3 { color: #801d4f; text-align: center; font-size: 1.2em; line-height: 1.2; padding: 0 0 6px 0; font-weight: 700; }
.ordering .opening-hours-home h3.feint { color: #a87896; }





.reserve-table { }
.reserve-table a { background: #daa624; padding: 9px 20px 13px 20px; border-radius: 6px; display: inline-block; margin: 40px 0 5px 0; font-size: 1.7em; color: #801d4f; font-weight: 700; letter-spacing: 0.01em; width: 360px; -webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.4); box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.4); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.reserve-table a:hover { -webkit-box-shadow: 0px 0px 10px 4px rgba(255,255,255,0.5); box-shadow: 0px 0px 10px 4px rgba(255,255,255,0.5); }
.powered-by-dojo { padding-bottom: 30px; }

@media screen and (max-width: 1000px) {
.reserve-table a { padding: 4px 20px 9px 20px; margin: 30px 0 5px 0; font-size: 1.6em; width: 330px; }
.powered-by-dojo { padding-bottom: 0; }
}
@media screen and (max-width: 400px) {
.reserve-table a { width: 90%; padding: 4px 10px 9px 10px; font-size: 1.5em; }
}








/* Chai night  */
.chai-nights { padding: 50px 20px; background: #dfd6c9 url("/assets/chai-night-bg.jpg") center center no-repeat; background-size: cover; overflow: hidden; }
.chai-nights .chai-nights-inner { max-width: 500px; margin: 0 auto; position: relative; }
.chai-nights .white-circle { position: absolute; left: -70px; right: 0; margin: auto; background: #fff; border-radius: 50%; width: 640px; height: 640px; -webkit-filter: blur(20px); filter: blur(20px); z-index: 0; top: -120px; }
.chai-nights .chai-nights-logo { text-align: center; z-index: 1; position: relative; }
.chai-nights p.text { text-align: left; color: #010101; font-size: 1.25em; line-height: 1.2; z-index: 1; position: relative; }
.chai-nights p.teacup { text-align: center; z-index: 1; position: relative; }
.chai-nights h3 {color: #6c123f; text-align: center; font-size: 1.6em; font-weight: 400; z-index: 1; position: relative; }
.chai-nights h3 span { display: inline; }
.chai-nights h5 { color: #010101; font-size: 1.25em; text-align: center; z-index: 1; position: relative; }
.chai-nights .chai-nights-free { margin: 20px 0 8px -10px; z-index: 1; position: relative; }
.chai-nights ul { padding: 0; margin: 0; z-index: 1; position: relative; }
.chai-nights ul li { font-size: 1.25em; line-height: 1.2;color: #010101; position: relative; padding: 0 0 10px 15px; margin: 0; list-style: none; }
.chai-nights ul li:before { content:"\2022"; color: #010101; font-size: 1.5em; line-height: 1; position: absolute; top: -4px; left: 0; }

@media screen and (max-width: 600px) {
.chai-nights { padding: 30px 20px; }
.chai-nights .white-circle { left: -55px; width: 610px; height: 610px; }
}

@media screen and (max-width: 500px) {
.chai-nights .white-circle { left: -10%; width: 120%; height: 86%; top: -20%; }
.chai-nights .chai-nights-logo { max-width: 280px; margin: 0 auto; }
.chai-nights h5, .chai-nights p.text { font-size: 1.1em; }
.chai-nights ul li { font-size: 1.1em; padding: 0 0 8px 13px; }
.chai-nights p.teacup { max-width: 190px; margin: 0 auto; }
.chai-nights h3 { font-size: 1.4em; }
}

@media screen and (max-width: 380px) {
.chai-nights h3 { line-height: 1.1; margin: 10px 0 0 0; }
.chai-nights h3 span { display: block; }

}










