@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,900');

html {
	margin: 0 auto;
	width: 100%;
}
body {
	margin: 0 auto;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 110%;
	line-height: 1;
	color: #000;
	background: #eee;
	cursor: default;
}

.container {
	margin: 0 auto;
	max-width: 1600px;
	padding: 0 40px;
}

a {
	color: #c09456;
	font-weight: 400;
	text-decoration: none;
	filter:alpha(opacity=100);
	opacity: 1;
	-webkit-transition:all 0.2s linear;  
	-moz-transition:all 0.2s linear;  
	-o-transition:all 0.2s linear;  
	transition:all 0.2s linear;	
}
a:hover, a:focus {
	text-decoration: underline;
	outline: 0;
	filter:alpha(opacity=100);
	opacity: 1;
	-webkit-transition:all 0.2s linear;  
	-moz-transition:all 0.2s linear;  
	-o-transition:all 0.2s linear;  
	transition:all 0.2s linear;	
}

a[href^=tel] {
	background: none !important;
	padding: 0 !important; 

}
a img {
	border: 0;
}

a.btn {
	padding: 3px 10px 5px;
	background: #c09456;
	color: #fff;
	text-decoration: none;
}
a.btn:hover {
	background: #000;
}

input[type='text'], input[type='tel'], 
input[type='email'], 
input[type='password'], 
textarea {
	border: 1px solid #ccc;
	outline: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 97%;
	font-weight: 400;
	padding: 10px;
	width: 100%;
	-webkit-appearance: none;
	box-sizing: border-box;
	border-radius: 3px;
}
input[type='text']:focus, 
input[type='email']:focus, 
input[type='password']:focus, 
textarea:focus {
	border: 1px solid #c09456;
}
input[type='submit'], 
input[type='button'],
button[type='submit'],
button[type='button']  {
	cursor: pointer;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #fff;
	padding: 13px 30px;
	background: #000;
	font-size: 110%;
	border: 0;
	outline: 0;
	-webkit-appearance: none;
	border-radius: 3px;
}
input[type='submit']:hover, 
input[type='button']:hover,
button[type='submit']:hover, 
button[type='button']:hover {
	background: #a07436;
}

select {
	background: url(../images/select.png) no-repeat right center / 13%;
	width: auto;
	padding: 6px 20px 6px 5px;
	box-sizing: border-box;
	line-height:1.4;
	background-color:#fff;
	color:#434343;
	font-size: 93%;
	-webkit-appearance:none;
	-moz-appearance: inherit;
	outline:none;
	border: 1px solid #c2c2c2;
	border-radius: 5px;
}
select:hover {
	color:#5b052f;
}

fieldset.formFieldset, fieldset {
	border: none;
	padding: 0 !important;
	margin: 0 !important;
}
fieldset.formFieldset ol.formContainer li {
	padding: 0 0 10px 0 !important;
	box-sizing: border-box;
}
div.formBody {
	float: none !important;
}
.formError {
	color: #ff0000 !important;
    font-size: 78% !important;
    font-weight: normal !important;	
}
.formClr {
	display: inline !important;	
}
.formCaption2 {
	padding-bottom: 6px;
}
img {
	max-width:100%; 
	max-height:100%;
	border-radius: 3px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	line-height: 1.1;
}
h2 {
	margin-bottom: 20px;
	line-height: 1.2;
}
p {
	margin-top: 0;
	line-height: 1.3;
}
p strong, li strong {
	font-weight: 700;
}
hr {
	border: 0;
	border-top: 1px solid #ccc;
}
hr.bold {
	border: 0;
	border-top: 3px solid #000;
}
p:empty {
	display: none;
}
.p p {
	margin-bottom: 0;
}
div.grid,
.li li {
	display: inline-block;
	vertical-align: top;
}
.ul ul,
.ol ol {
	list-style: none;
	padding: 0;
	margin: 0;
}
.left {
	float: left;
}
.right {
	float: right;
}
a.close {
	display: inline-block;
	background: #c09456;
	color: #fff;
	padding: 10px 20px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 90%;
}
a.close:hover {
	background: #000;
}
figure {
	margin: 0;
	display: inline-block;
}
figcaption {
	padding: 10px 10px;
	background: #000;
	text-align: center;
	color: #fff;
	margin-top: -3px;
	font-weight: 400;
	border-radius: 0 0 3px 3px;
}

/* RSVP MOBILE */
#rsvp {
	display: none;
}
#rsvp p {
	margin: 0;
}

/* HEADER */
#header {
	background: rgba(0, 0, 0, 0.6);
	top: 0;
	position: absolute;
	z-index: 999;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	padding: 1% 0;
	box-sizing: border-box;
}

/* LOGO */
#header .logo {
	display: inline-block;
	margin-bottom: 5px;
}
#header .logo a {
	width: 22%;
	display: inline-block;
	text-indent: -99999px;
	background: url(../images/Chung-Ying-Cantonese.svg) no-repeat 0 0 / 100%;
	width: 250px;
	padding-top: 80px;
}

/* MENU */
#header .mainmenu {
	margin-top: 20px;
}
#header .mainmenu a {
	color: #fff;
	font-size: 105%;
	font-weight: 400;
	padding: 3px 8px;
	text-decoration: none;
}
#header .mainmenu a:hover,
#header .mainmenu li.active a,
#header .mainmenu li.active.parent {
	color: #c09456;
}
#header .mainmenu li.parent {
	display: inline-block;
	color: #fff;
	font-weight: 400;
	font-size: 105%;
	margin-top: -4px;
	padding: 4px 6px 2px;	
}
#header .mainmenu li.parent:hover,
#header .mainmenu li.active.parent:hover {
	background: #c09456;
	color: #fff;
}
#header .mainmenu li.parent ul.mod-menu__sub {
	background: #c09456;
	display: none;
	position: absolute;
	text-align: left;
	z-index: 999999;
	padding: 6px 10px 10px 6px;
	margin-top: 2px;
	margin-left: -6px;
	width: 110px;
	border-radius: 0 0 5px 5px;
	box-shadow: 0px 6px 9px -13px #000029;
	filter:alpha(opacity=100);
	opacity: 1;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
#header .mainmenu li.parent:hover ul.mod-menu__sub {
	display: block;
	filter:alpha(opacity=100);
	opacity: 1;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
#header .mainmenu li.parent ul.mod-menu__sub li {
	display: block;
	padding-left: 2px;
}
#header .mainmenu li.parent ul.mod-menu__sub li a {
	color: #fff;
	display: inline-block;
	text-transform: none;
	padding: 5px 0px 7px;
	font-size: 95%;
	font-weight: 400;
}
#header .mainmenu li.parent ul.mod-menu__sub li a:hover,
#header .mainmenu li.parent ul.mod-menu__sub li.active a {
	color: #000;
}

/* BURGER */
#header .burger {
	float: right;
	margin-top: 8px;
}
.sm-overlay-115 .sm-overlay-win {
  background: rgba(255, 255, 255, 0.95) !important;
}

/* BANNER */ 
#banner {
	position: relative;
	z-index: 1;
	clear: both;
}

/* NOTIFICATION */
#notification {
	text-align: center;
	color: #a07436;
	font-size: 130%;
	text-transform: uppercase;
	font-weight: 900;
}
#notification p {
	margin-bottom: 10px;
}

/* CONTENT */
#content {
	z-index: 2;
	position: relative;
	margin-top: 4%;
	margin-bottom: 6%;
}
#content a img {
	border: 0;
	filter:alpha(opacity=100);
	opacity: 1;
	-webkit-transition:all 0.2s linear;  
	-moz-transition:all 0.2s linear;  
	-o-transition:all 0.2s linear;  
	transition:all 0.2s linear;	
}
#content a img:hover {
	background: #c09456;
	filter:alpha(opacity=70);
	opacity: 0.7;
	-webkit-transition:all 0.2s linear;  
	-moz-transition:all 0.2s linear;  
	-o-transition:all 0.2s linear;  
	transition:all 0.2s linear;		
}
#content li { 
	margin-bottom: 10px;
	line-height: 1.2;
}

.item {
	margin-bottom: 1.5%;
}
.item.item-bg {
	background: #fff;
	padding: 2.2% 2.2% 1.3%;
	overflow: hidden;
}
.item h1 {
	margin-bottom: 20px;
	font-weight: 600;
}
.category-desc {
	background: #fff;
	padding: 2.2% 2.2% 1%;
}

div.item {
	background: #fff;
	padding: 2%;
	margin-bottom: 20px;
	border-radius: 3px;
}
.home div.item:nth-child(2),
.home div.item:nth-child(3),
.home div.item:nth-child(4),
.bio div.item {
	background: none;
	padding: 0;
}
.home div.item:nth-child(3) {
	margin-bottom: 50px;
}
.home.intro div.item {
	background: none;
	padding: 0;
}
div.item h3 {
	margin-bottom: 0.8%;	
}

p.readmore a.btn {
	display: inline-block;
	padding: 0.4% 0.7% 0.6%;
	background: #c09456;
	color: #fff;
	text-decoration: none;
	margin-top: 1%;
	font-size: 85%;
	border-radius: 3px;
}
p.readmore a.btn:hover {
	background: #000;
}

/* BOOK A TABLE */
.rsvp .leading p:last-of-type {
	margin-bottom: 0;
}


/* JT CONTENT SLIDER  */
.jt-introtext {
	background: rgba(0,0,0,0.7);
	float: left;
	width: 100%;
	position: relative;
	color: #fff;
	padding: 15px 15px !important;
	margin-top: -12% !important;
	margin-bottom: 0 !important;
	box-sizing: border-box;
}
.jt-introtext p:last-of-type {
	margin-bottom: 0;
}
.jtcs114 .owl-dots {
	z-index: 20;
	bottom: -10px !important;
}
.jt-cs .owl-dots span {
	border: 0 !important;
	margin: 0 3px !important;
	width: 10px !important;
	height: 10px !important;
	background: rgba(0,0,0,0.1);
}
.jt-cs .owl-dots .active span {
	width: 10px !important;
	height: 10px !important;
	background: rgba(0,0,0,0.3);
}
.jt-cs .jt-imagecover::before {
	background: rgba(0,0,0,0) !important;
}


/* MAP */
#map p,
.map p {
	margin-bottom: 0;
	line-height: 0;
}

/* TITLE */
.title {
	background: url(../images/header-line.png) repeat-x center center;
	padding: 30px 0;
	text-align: center;
	margin-top: -40px;
	margin-bottom: 1%;
}
.title h1, .title h4 { 
	color: #c09456;
	font-size: 240%;
	font-weight: 300;
	background: #eee;
	display: inline-block;
	padding: 0 25px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.category-title {
	margin-top: 20px;
}


/* HISTORY */
.bio {
	overflow: hidden;
}
.bio div.item .full-text {
    background: rgba(0, 0, 0, 0.5);
    position: relative;
    color: #fff;
    padding: 1% 2%;	
    margin-top: -40%;
    width: 60%;
    box-sizing: border-box;
    float: left;
    font-size: 94%;
}
.bio div.item .full-text {
	margin-top: -45%;
	 width: 59%;
}
.bio div.item .full-text h2 {
	margin: 1% 0 2%;
	font-size: 170%;
}

.bio div.item {
	padding: 0;
}
.bio div.item img {
	padding-bottom: 0;
	border-radius: 3px;
}


/* REVIEWS */
#reviews-cantonese {
	clear: both;	
}
#reviews-cantonese ol {
	list-style: none;
	padding: 0;
	margin: 0;
}
#reviews-cantonese ol li {
	background: #fff;
	margin-right: 1%;
	margin-bottom: 1.4%;
	padding: 1.5% 2% 1%;
	width: 45.2%;
	display: inline-block;
	vertical-align: top;
	min-height: 170px;
	line-height: 1.18;
	font-size: 96%;
	border-radius: 3px;
}
#reviews-cantonese ol li:nth-child(2n) {
	margin-right: 0;
}
#reviews-cantonese ol li img {
	margin-top: 10px;
}


/* DINING MENUS */

/* Description */
.category-desc ul.menu,
.category-desc ul.download {
	list-style: none;
	padding: 0;
	margin: 0 0 2%;
}
.category-desc ul.menu li,
.category-desc ul.download li {
	margin-bottom: 20px;
	margin-right: 5px;
	display: inline-block;
}
.category-desc ul.menu li a,
.category-desc ul.download li a {
	padding: 3px 10px 5px;
	background: #c09456;
	color: #fff;
	text-decoration: none;
}
.category-desc ul.download li a:hover {
	background: #e00815;
}
.category-desc ul.menu li a:hover {
	background: #000;
}


/* CHRISTMAS MENU */
a.download {
	display: inline-block;
	background: #e00815;
	padding: 10px 15px;
	box-sizing: border-box;
	text-decoration: none;
	color: #fff;
}
a.download:hover {
	background: #a07436;
}


/* VENUE HIRE */
ol.venue {
	list-style: none;
	padding: 0;
	margin: 0;
}
ol.venue li {
	display: inline-block;
	width: 32.95%;
}

/* FORM */
form div.select {
	margin-bottom: 15px;
}
form div.grid {
	margin-bottom: 10px;
	display: inline-block;
	width: 49%;
}
form div.grid-x {
	margin-right: 1.5%;
}


/* BLOGS */
.blog div.item {
	margin-bottom: 2.5%;
}
.blog div.item dl {
	margin-top: 0;
	margin-bottom: 3%;
}
.blog div.item dd {
	margin-left: 0;
	font-size: 80%;
	color: #b0b0b0;
}
.blog .item-image {
	margin-bottom: 25px;
}
.t-back {
	margin-bottom: 8px;
}
.b-back {
	margin-top: -24px;
}
a.bk.btn {
	background: #c09456 url(../images/prev.svg) no-repeat 5px center / 8px;
	padding-left: 18px;
	font-weight: 400;
	border-radius: 3px;
}
a.bk.btn:hover {
	background-color: #d0a466;
}

/* CONTACT */
div.item.map {
	padding: 0;
}
.embedGoogleMapWrapper {
	line-height: 0;
}

/* PAGINATION */
ul.pagination {
	list-style: none;
	padding: 0;
	margin: 0 0 10px;
	text-align: center;
}
ul.pagination li {
	display: inline-block;
}
ul.pagination li:first-child,
ul.pagination li:nth-child(2),
ul.pagination li:last-child,
ul.pagination li:nth-last-child(2) {
	display: none;
}

ul.pagination li a {
	padding: 3px 10px;
	background: #000;
	color: #fff;
	font-size: 110%;
	text-decoration: none;
	margin-right: 3px;
	border-radius: 3px;
}
ul.pagination li.active a,
ul.pagination li a:hover {
	background: #c09456;
}

/* FOOTER */
#footer {
	position: relative;
	background: #000;
	color: #fff;
	padding: 50px 0;
	overflow: hidden;
	clear: both;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#footer div.grid:last-child {
	margin-right: 0;
	width: 30%;
	line-height: 1.15;
	margin-bottom: 0;
	float: right;
}

#footer div.grid.menu {
	width: 26%;
}
#footer div.grid.res {
	width: 33%;
}
#footer .menu li {
	margin-bottom: 13px;
}
#footer .menu li:last-child { 
	margin-bottom: 0;
}
#footer .menu li a {
	color: #fff;
	text-decoration: none;
}
#footer .menu li a:hover,
#footer .menu li.active a {
	color: #c09456;
}

#footer .social {
	margin-top: 20px;
}
#footer .social li a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding-top: 6px;
	padding-left: 38px;
	margin-top: 6px;
	width: 100px;
	font-size: 90%;
}
#footer .social li a:hover {
	color: #c09456;
}
#footer .social li {
	width: 30px;
	height: 30px;
}
#footer .social li.fb {
	background: url(../images/Facebook.png) no-repeat 0 0 / 100%;
}
#footer .social li.fb:hover {
	background: url(../images/Facebook-H.png) no-repeat 0 0 / 100%;
}

#footer .social li.xc {
	background: url(../images/xc.png) no-repeat 0 0 / 100%;
}
#footer .social li.xc:hover {
	background: url(../images/xc-h.png) no-repeat 0 0 / 100%;
}

#footer .social li.ig {
	background: url(../images/Instagram.png) no-repeat 0 0 / 100%;
}
#footer .social li.ig:hover {
	background: url(../images/Instagram-H.png) no-repeat 0 0 / 100%;
}

#footer .social li.tp {
	background: url(../images/Trip-Advisor.png) no-repeat 0 0 / 100%;
}
#footer .social li.tp:hover {
	background: url(../images/Trip-Advisor-H.png) no-repeat 0 0 / 100%;
}

/* SUBSCRIBE */
#footer form input[type="text"] {
	width: 100%;
}
#footer form button[type="button"] {
	margin-top: 10px;
}
#footer form button[type="submit"] {
	padding: 8px 25px;
	font-size: 105%;
	background: #a07436;
}
#footer form button[type="submit"]:hover {
	background: #c09456;
}

/* FOOTER END */
#footerend {
	background: #000;
	border-top: 1px solid #332b1e;
	padding: 20px 0 30px;
	color: #fff;
	font-size: 80%;
	font-weight: 400;
	overflow: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#footerend .policies a {
	margin-top: 2px;
	margin-left: 10px;
	display: inline-block;
	text-decoration: none;
	color: #fff;
}
#footerend .policies a:hover,
#footerend .policies li.active a {
	color: #c09456;
}
#footerend .cm a {
	color: #fff;
	font-size: 68%;
	text-transform: uppercase;
	text-decoration: none;
}
#footerend .cm a:hover {
	color: #c09456;
}


/* CALENDAR COLOUR */
.flatpickr-months .flatpickr-month,
.flatpickr-current-month .flatpickr-monthDropdown-months {
	background: #c09457 !important;
}
.flatpickr-calendar.arrowTop::after {
	border-bottom-color: #c09457 !important;
}
span.flatpickr-weekday,
.flatpickr-weekdays {
	background: #d39339 !important;
	color: #fff !important;
}

.flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover {
	background: #d39339;
	border-color: #d39339;
}


/* BNI STUFF */
#bni-st-pauls-socials #content .item p,
#bni-st-pauls-socials #content .item ul li p:last-child {
	margin-bottom: 0;
}
#bni-st-pauls-socials #content .item ul {
	list-style: none;
	padding: 20px 10px 0;
	margin: 0;
	text-align: left;
	vertical-align: top;
	box-sizing: border-box;
	border-top: 1px solid #e8e8e8
}
#bni-st-pauls-socials #content .item ul li {
	display: inline-block;
	vertical-align: top;
}
#bni-st-pauls-socials #content .item ul li p {
	margin-bottom: 10px;
}
#bni-st-pauls-socials #content .item ul li:nth-child(1) {
	width: 8%;
	margin-right: 5%
}
#bni-st-pauls-socials #content .item ul li:nth-child(2) {
	width: 15%;
	margin-right: 2%;
}
#bni-st-pauls-socials #content .item ul li:nth-child(3) {
	width: 48%;
	margin-right: 5%;
}
#bni-st-pauls-socials #content .item ul li:nth-child(4) {
	width: 15%;
	line-height: 1.3;
}


/* WHATSAPP */
.is-bottom_right {
	bottom: 0 !important;
	right: 15px !important;
}
.is-bottom_left {
	bottom: 0 !important;
}
.whatsappchat .popup-section .help-you-btn {
	border-radius: 5px 5px 0px 0px !important;
	padding: 6px 10px 5px 8px !important;
}
.whatsappchat .popup-section .help-you-btn {
	font-weight: 400;
	font-size: 15px;
}
.whatsappchat .popup-section .help-you-btn:hover {
	background: #303030 !important;
}

.whatsappchat img.is-analytics {
	padding-right: 3px !important;
	vertical-align: middle;
}
.whatsappchat .popup-section .popup .popuptext {
	display: none;
}
.whatsappchat .popup-section .popup .popuptext.show {
	display: inline-block;
}
.whatsappchat.is-bottom_left .popup-section .popup .popuptext {
	bottom: 44px !important;
}
.whatsappchat.is-bottom_left .popup-section .popup .popuptext a {
	color: #fff;
	text-decoration: underline;	
}
.whatsappchat .popup-section .popup .popuptext .popup-box .chat-content {
	margin: 5px 10px 12px !important;
}
.whatsappchat .popup-section .popup .popuptext .popup-box .popup-top {
	height: 155px;
	font-size: 15px;
	padding-top: 7px !important;
}
.whatsappchat .popup-section .popup .popuptext .popup-box .popup-top .content {
	padding: 5px 10px !important;
	font-size: 16px;
}
.whatsappchat .popup-section .popup .popuptext .popup-box .popup-top .content p {
	margin-bottom: 10px !important;
}
.whatsappchat_152.is-bottom_left .popup-section .popup .myPopup_152::after {
	border-color: #ffffff transparent transparent transparent !important;
}
.whatsappchat .popup-section .popup .popuptext .popup-box .chat-content .message {
	background: #eee6d5 !important;
	color: #000000 !important;
	padding: 10px !important;
	font-size: 15px !important;
}
.whatsappchat .popup-section .popup .popuptext .popup-box .chat-content .message::before {
	top: auto !important;
	right: auto !important;
	left: 24px;
	bottom: -6px;
	background-color: #eee6d5 !important;
}
.whatsappchat .popup-section .popup .popuptext .popup-box .popup-top .close_pop_wtc {
	float: right;
	position: relative;
	top: -200px;
	right: -12px;
	box-shadow: 1px 1px 3px #ccc;
	border-radius: 50px;
	width: 30px;
	height: 29px;
}
.whatsappchat .popup-section .popup .popuptext .popup-box .response input {
	padding: 10px 5px 10px 10px!important;
	width: 87% !important;
	box-sizing: border-box;
	min-height: auto !important;
	border-top: 0 !important;
	text-align: left !important;
}
.whatsappchat .popup-section .popup .popuptext .popup-box .response .send_btn {
	right: 10px !important;
	top: 40% !important;
}
.whatsappchat .popup-section .message p {
	font-size: 110%;
	line-height: 1.2;
}
.whatsappchat .popup-section .popup .popuptext .popup-box .response {
	text-align: left;
	padding-bottom: 10px;
}
.whatsappchat .popup-box .response a {
	display: inline-block;
	width: 35px;
}
.whatsappchat .popup-section .popup .send_btn {
	width: 34px;
	height: 36px;
	background: url(../images/whatsapp_send.svg) no-repeat center top / 100%;
}


/* LIGHTBOX COLLECTION DELIVERY */
#custom-overlay {
	display:none; 
	position:fixed; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%; 
	background:rgba(0,0,0,0.8); 
	z-index:10000;
}
button.eb-close {
	width: 40px;
	height: 40px;
	color: #fff;
	padding: 0 0 0 1px;
	font-size: 30px;
	line-height: 1;
	border-radius: 50px;
}
button.eb-close:hover {
	color: #fff;
}
.eb-content {
	font-weight: 400;
	background: #fff;
	padding: 20px;
	border-radius: 3px;
}
.item .eb-content {
	padding: 0;
	background: none;
}
.eb-content figcaption {
	font-size: 23px;
	font-weight: 700;
	color: #fff;
}
.eb-content h3 {
	margin-bottom: 6px;
	font-size: 18px;
	font-weight: 900;
}
.eb-content h4 {
	margin-bottom: 20px;
	font-size: 19px;
	line-height: 1.3;
}
.eb-content h4 a {
	font-weight: 700;
}
.eb-content p.note {
	line-height: 1;
}
.eb-content p em {
	font-size: 15px;
}
.eb-content ul {
	list-style: none;
	padding: 0;
	margin-bottom: 0;
}
.eb-content li {
	display: inline-block;
	vertical-align: top;
	width: 200px;
	margin-bottom: 10px;
}
.eb-content li:first-child {
	margin-right: 5%;
}
.eb-content a.btn {
	padding: 7px 15px 7px;
	color: #fff;
	text-decoration: none;
	font-size: 20px;
	font-weight: 700;
	border-radius: 3px;
}

/* SCROLL TO TOP */
#button_top {
  display: inline-block;
  background: #a07436;
  width: 40px;
  height: 32px;
  padding: 12px 5px 5px;
  text-align: center;
  border-radius: 50px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button_top::after {
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#button_top:hover {
  cursor: pointer;
  background: #c09456;
}
#button_top:active {
  background: #c09456;
}
#button_top.show {
  opacity: 1;
  visibility: visible;
}

/* SYSTEM MESSAGE */
joomla-alert {
	padding: 25px 10px;
	width: 95%;
	margin: 0 auto 80px;
	background: linear-gradient(90deg, rgba(251,63,63,1) 0%, rgba(149,26,26,1) 100%);
	border: 0;
	text-align: center;
	font-size: 110%;
}
joomla-alert button {
	width: auto;
}
joomla-alert .joomla-alert--close {
	top: -2rem;
	resize: -1.5rem;
	opacity: 1;
	padding: .2rem 0.5rem;
	text-shadow: none;
	font-weight: 600;
	border-radius: 50px;
	background: linear-gradient(150deg, rgba(149,111,26,1) 0%, rgba(240,208,139,1) 100%);
	color: #fff;
}
joomla-alert .joomla-alert--close:hover {
	color: #ff0000;
	opacity: 1;
}
joomla-alert .alert-heading {
	display: none;
}
joomla-alert .alert-message {
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
}
joomla-alert .alert-message p {
	margin-bottom: 0;	
}



/* RESPONSIVE ELEMENTS */
@media screen and (max-width: 1470px) {
	.bio div.item .full-text {
		margin-top: -48%;
		width: 62%;
	}
}

@media screen and (max-width: 1350px) { 
	.bio div.item .full-text {
		margin-top: -55%;
	}
}
	
@media screen and (max-width: 1175px) {
	.bio div.item .full-text {
		margin-top: -56%;
	}
}

@media screen and (max-width: 1100px) { 
	.bio div.item .full-text {
		margin-top: -59%;
		width: 66%;
	}
}
	
@media screen and (max-width: 1077px) {
	#footer div.grid.menu,
	#footer div.grid.res {
		font-size: 90%;
		margin-right: 2.5%;
	}
	#footer div.grid.res.cantonese {
		width: 25.5%;
	}
}

@media screen and (max-width: 1050px) { 
	.bio div.item .full-text {
		margin-top: -61%;
	}
}

@media screen and (max-width: 1020px) {
	.bio div.item .full-text {
		margin-top: -62%;
		width: 68%;
	}	
}

@media screen and (max-width: 1000px) {
	.bio div.item .full-text {
		margin-top: 0%;
		width: 100%;
		float: none;
		background: none;
		color: #000;
	}
}

@media screen and (max-width: 965px) {
	.container {
		padding: 0 10px;
	}
	div.item h3 {
		font-size: 100%;
		font-weight: 500;
	}
	.jt-introtext {
		margin-top: -14% !important;
	}
	.jt-introtext p {
		font-size: 90%;
	}
	#footer .container,
	#footerend .container {
		padding: 0 20px;
	}
}	
	
@media screen and (max-width: 908px) {
	.title {
		padding: 10px 0 15px;
		margin-top: 3%;
	}
	.title h1, .title h4 {
		font-size: 180%;
		padding: 0 20px;
	}
	form div.grid-x {
		margin-right: 1.4%;
	}
	#footer div.grid.menu,
	#footer div.grid.res {
		margin-right: 1.5%;
		margin-bottom: 5%;
	}
	#footer div.grid.menu,
	#footer div.grid.res.cantonese {
		width: 45%;
		margin-right: 0;
	}
	#footer div.grid:last-child {
		float: none;
		width: 100%;
	}
	#footer form li {
		display: block;
		width: 100%;
	}
}
	

@media screen and (max-width: 870px) {
	ol.venue li {
		width: 32.9%;
	}
}

@media screen and (max-width: 850px) {	
	#header .mainmenu ul.menu li a {
		padding-left: 3px;
		padding-right: 3px;	
	}
	#header .mainmenu ul.menu ul.nav-child li a {
		padding-left: 3px;
	}
}

@media screen and (max-width: 830px) {	
	#bni-st-pauls-socials .item ul li {
		width: 100% !important;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 820px) {
	#header .logo a {
		width: 235px;
		padding-top: 75px;
	}
	#header .mainmenu ul.menu li a {
		font-size: 18px;
	}
	#header .mainmenu ul.menu ul.nav-child li a {
		font-size: 16px;
	}
	#venue-hire .items-leading div.grid {
		min-height: 595px;
	}
	#footerend .right {
		clear: both;
		float: none;
		display: block;
		margin-top: 10px;
	}	
}


@media screen and (max-width: 767px) {
	.container {
		padding: 0 10px;
	}
	.title {
		padding: 15px 0 15px;
	}
	.blog div.item {
		margin-bottom: 20px;
	}
	ol.venue li {
		width: 100%;
	}
	form div.grid {
		display: block;
		width: 100%;
	}
	form div.grid-x {
		margin-right: 0;
	}
}

@media screen and (max-width: 760px) {
	#header .mainmenu {
		display: none;
	}
	#header .mainmenu ul {
		margin: 0;
	}
	#header .mainmenu ul.menu li a {
		font-size: 0;
		padding: 0;
		margin: 0;
	}
}

@media screen and (max-width: 730px) {
	.jtcs114 .owl-dots {
		bottom: -6px !important;
	}
	.jt-introtext {
	 	margin-top: -15% !important;
  	}
	#reviews-cantonese ol li {
		width: 100%;
		box-sizing: border-box;
		min-height: auto;
		margin-bottom: 10px;
		padding: 12px 12px 8px;
	}
}

@media screen and (max-width: 700px) {
	#rsvp {
		display: inline-block;
		text-align: center;
		width: 100%;
		position: fixed;
		z-index: 99999;
	}
	#rsvp a {
		color: #fff;
		text-transform: uppercase;
		text-decoration: none;
		background: #c09456;
		display: block;
		padding: 9px 0;
		font-weight: 400;
		font-size: 110%;
	}
	#reservation #rsvp {
		display: none;
	}
	
	#header {
		top: 40px;
	}
	#banner,
	#content,
	#footer,
	#footerend {
		top: 40px;
		position: relative;
	}
	#reservation #header,
	#reservation #banner,
	#reservation #content,
	#reservation #footer,
	#reservation #footerend {
		top: 0;
	}
	#header .logo a {
		margin: 7px 0 8px;
	}
	#footerend {
		padding-bottom: 40px;
	}
	#footerend .left {
		float: none;
		width: 100%;
	}
	#footerend .policies a {
		margin: 0 10px 15px 0;
		display: inline-block;
	}
}

@media screen and (max-width: 660px) {
	.jt-introtext {
		margin-top: 0 !important;
		background: rgba(0,0,0,1);
		min-height: 115px;
	}
	.owl-dots {
		display: none;
	}
}

@media screen and (max-width: 645px) {
	h2 {
		margin-bottom: 12px;
	}
	div.item {
		padding: 13px 10px;
	}
	p.readmore a.btn {
		padding: 1% 2%;
	}
	
	.formBody h2 {
		font-size: 125%;
	}
	
	#footer {
		padding-bottom: 40px;
	}
	#footer div.grid.menu,
	#footer div.grid.res {
		width: 100% !important;
		font-size: 105%;
		margin-bottom: 8%;
	}
	#footer .res ul:last-child li {
		display: inline-block;
		margin-right: 5px;
	}
	#footer .res li a {
		text-indent: -99999px;
		width: auto;
	}
}

@media screen and (max-width: 550px) {
	#header .logo a {
		width: 180px;
		padding-top: 50px;
		margin-right: -20px;
	}
	.eb-content {
		padding: 10px;
	}
	.eb-content li {
		width: 100%;
		margin-right: 0;
		display: block;
	}
	.jt-introtext {
		min-height: 135px;
	}
}

@media (max-width: 479px) {
	 .whatsappchat .popup-section .popup .popuptext {
	    width: 350px !important;
	 }
	 .whatsappchat .popup-section .popup .popuptext .popup-box .popup-top {
		 height: 170px;
	 }
	 .whatsappchat .popup-section .popup .popuptext .popup-box .popup-top .close_pop_wtc {
		 top: -220px;
	 }
	 .jt-introtext {
		min-height: 155px;
	}
}

@media screen and (max-width: 450px) {
	.title h1, .title h4 {
		font-size: 160%;
		padding: 0 15px;
	}
	.title {
		padding: 5px 0 15px;
	}
}

@media screen and (max-width: 380px) {
	.whatsappchat .popup-section .popup .popuptext {
		width: 290px !important;
	}
	.whatsappchat .popup-section .popup .popuptext .popup-box .popup-top {
		height: 200px;
	}
	.whatsappchat .popup-section .popup .popuptext .popup-box .popup-top .close_pop_wtc {
		top: -240px;
	}
	.jt-introtext {
		min-height: 175px;
	}
}

@media screen and (max-width: 350px) {
	.title h1, .title h4 {
		font-size: 150%;
		padding: 0 10px;
	}
	#footerend .copyright {
		font-size: 89%;
	}
}

@media screen and (max-width: 320px) {
	.jt-introtext {
		min-height: 190px;
	}	
}