/*
 Theme Name:   QuickRecipe Child
 Theme URI:    http://www.ongoingthemes.com/quickrecipe/-child/
 Description:  QuickRecipe Child Theme
 Author:       OngoingThemes
 Author URI:   http://www.ongoingthemes.com
 Template:     quickrecipe
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
 Text Domain:  quickrecipe-child
*/

body {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 15px;
}
h1, h2, h3, h4, h5, h6 { font-family: 'Nunito Sans', sans-serif; font-style: normal; }

/* Header */
/*#header { top: 121px; } */
#header.page-heading { padding-top: 44px; margin-top: -20px; }     /* changed from '100px' on 1/10/2019 */
#header.page-heading .page-title h2 { font-family: 'Roboto', sans-serif; font-style: normal; }     /* page title */
#header.page-heading .breadcrumb { font-family: 'Nunito Sans', sans-serif; font-style: normal; }    /* breadcrumb */
#header .carousel-inner .item .carousel-caption {
	background-color: #fff;
	right: 30%;
	left: 30%;
	bottom: 20%;
	color: #6b6e80;
	text-shadow: none;
	text-align: center;
	padding: 60px;
    opacity: 0.85;
	-webkit-box-shadow: 0px 39px 56.4px 3.6px rgba(0, 0, 0, 0.24);
	-moz-box-shadow: 0px 39px 56.4px 3.6px rgba(0, 0, 0, 0.24);
	box-shadow: 0px 39px 56.4px 3.6px rgba(0, 0, 0, 0.24);
	transition: box-shadow 0.2s ease-in-out;
}
#header .carousel-inner .item .carousel-caption h3 {    /* slider heading */
    font-size: 45px;
    line-height: 50px;
    font-family: 'Roboto', sans-serif;
}
#header .carousel-control.left, #header .carousel-control.right {
	position: absolute;
	background-image: none;
	width: 50px;
	height: 50px;
	margin-top: 400px;
	background-color: rgba(255, 255, 255, 0.70) !important;
	color: rgba(255, 255, 255, 0.5);
	text-shadow: none;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	-ms-border-radius: 24px;
	-o-border-radius: 24px;
	border-radius: 24px;
	opacity: 0;
	filter: alpha(opacity = 0);
}
#header .carousel-inner .item .carousel-caption .view-btn a { font-size: 14px; }    /* slider button */
#content { padding: 30px 0; }   /* Added to reduced space between ROS_Mid_Lead and content - by Wahidah on 6/3/2020 */

.carousel.carousel-fade { margin-top: -140px; }
.topbar { position: relative; }
.topbar-nav { font-size: 13px; }    /* top bar navigation */
.navbar-default.navbar-fixed-top { top: 0; }
.navbar-fixed-top { position: relative; z-index: 990 !important; }
.navbar-default .navbar-nav>li>a { font-size: 15px; cursor: pointer; }   /* menu navigation */
.dropdown.open { background-color: #ff9638; }
.dropdown.open a { color: #fff; }
.dropdown-menu { margin: 0; min-width: 268px; }
.search-box-top { padding: 10px 15px; margin-top: 0px; }
.search-box-top .form-control {
	display: inline-block;
    width: 190px;
    height: 34px;
    border: none;
	font-size: 13px;
}
.search-box-top .btn-success { display: inline-block; }
.search-mobile { background-color: #ff9638; display: none; }    /* Added to hide search box in desktop, on 20/9/2019 by Wahidah */
.search-mobile .search-box-top .form-control { width: 85%; }    /* Added to resize the search form field, on 20/9/2019 by Wahidah */

.heading { margin-bottom: 40px; }
.heading h2 {   /* heading title */
    font-family: 'Roboto', sans-serif;
    font-size: 26px;
    line-height: 30px;
} 

form.ajax-auth { z-index: 2000005 !important; }

.atf_lead {
	background: #f9f9f9;
    text-align: center;
	padding-top: 5px;
}
.mid_lead {
	background: #f9f9f9;
    text-align: center;
	padding-top: 15px;
    padding-bottom: 15px;   /* Updated by Wahidah on 12/02/2020 */
}

.heading-overlay {
	background: rgba(0,0,0,0.4);	
	padding: 2px 0;
}

.sticky { position: fixed; top: 31px; }   /* Updated on 15/8/2019 by Wahidah for adding global bar */
.sticky-nav { position: fixed; top: 71px !important; }  /* Updated on 15/8/2019 by Wahidah for adding global bar */

/* Footer */
.footer .social-icons { float: right; }
.footer-cont { float: left; text-align: left; padding-top: 5px; font-size: 14px; }
.copyright { padding: 0; border-top: none; }
.cont-border { color: #444; padding: 0 5px; }

.btf_lead {
	display: block;
    margin: 0px;
    min-width: 0px;
    min-height: 0px;
    width: 100%;
    height: 220px;
    max-width: 100%;
    max-height: 220px;
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 2000000;
	text-align: center;
}
.slider {
  position: absolute;
  width: 100%;
  bottom: 0;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.5);
  color: #FFF;
  transition: all 1s;
  padding-bottom: 5px;
}
.slider.close { top: 100%; height: 0; }
.close-this { font-size: 12px; }

#latest .item-content-box h3 {  /* latest recipe - content box */
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    min-height: 70px;
}

#latest .item-img-box { max-height: 174px; }
#latest .item-img-box img {     /* latest recipe - image in box */
    object-fit: cover;  
    min-height: 174px;
}

.offer-content h3 { /* offer title */
    font-weight: 800;
    font-family: 'Nunito Sans', sans-serif;
}

#offer h2 small {   /* offer description */
    margin-top: 6px;
    font-size: 15px;
    font-weight: 500;
} 

/* Dimsum Section */ 
#most-rated .item-content-box { min-height: 230px; }
#most-rated .item-content-box h3 {  /* latest recipe - content box */
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
}

/* Trusted Brand */ /* updated on 9/7/2019 by Wahidah */
#trusted-brand {
    position: relative;
    width: 100%;
    padding: 60px 0;
    background: #f9f9f9;
}

#trusted-brand .item-content-box {  /* added on 19/12/2019 by Wahidah */
    max-height: 165px;
    min-height: 165px;
}

#trusted-brand .item-content-box h3 {  /* trusted brand - content box */
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    min-height: 50px;   /* updated on 19/12/2019 by Wahidah */
}

#trusted-brand .item-img-box {  /* updated on 19/12/2019 by Wahidah */
    max-height: 250px;
    min-height: 250px;
    text-align: center;
} 

#trusted-brand .item-img-box img {     /* trusted brand - image in box */ /* updated on 19/12/2019 by Wahidah */
    object-fit: cover; 
    max-height: 250px;
    height: 100%;
    width: auto;
    margin-top: 5px; 
    /*min-height: 174px;*/
}

/* Cxense widget section */
#recommended {
    background: #fff;    /* #f4f4f4; */
	position: relative;
	width: 100%;
	padding: 60px 0;
}

#recommended .item-content-box h3 {
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
}

#recommended .item-img-box { max-height: 220px; }   
#recommended .item-img-box img { object-fit: cover; min-height: 220px; }    

.item-content-box h3 small, .item-text h3 small { font-style: normal; font-size: 13px; line-height: 16px; }     /* content box */ 

#latest-news { background: transparent; }	/* removed background color after re-layout - updated on 22/7/2019 */
#latest-news .item-text h3 {  /* latest news - title */
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    margin: 0 0 14px 0;
}

#latest-news .item-text p { font-size: 14px; line-height: 19px; }  /* latest news - description */

#latest-news .item-img-box-list img, #most-read .item-img-box-list img {  /* latest news & most read - image in box */
    /*height: 185px;
    max-height: 100%;*/
    object-fit: cover;  
    min-height: 185px;
    max-height: 185px;
}

#latest .heading p, #offer .heading p, #most-rated .heading p, #latest-news .heading p, #trusted-brand .heading p { /* heading description */
    font-size: 15px; 
    /*margin: 0 90px;*/
}     

#most-read .item-text h3 {  /* most-read - title */
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
}

#most-read .item-text p { font-size: 14px; }  /* most read - description */

/* Our Contributors Section */ 
#top_authors .item-img-box { max-height: 230px; }
#top_authors .item-img-box img { min-height: 230px; object-fit: cover; }    /* latest recipe - image in box */
.contributor-wrapper { display: flex; justify-content: center; }		/* center the contributor boxes */

#content .item-content-box { max-height: 145px; min-height: 145px; }
#content .item-content-box h3 {  /* listing - content box */
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    min-height: 66px;
}

#content .item-img-box { max-height: 174px; }
#content .item-img-box img { /* listing - image in box */
    min-height: 174px;      
    object-fit: cover;
}

#content .col-md-4.col-sm-6.col-xs-12 { padding: 0 5px; }

.thumb-heading a {  /* editors pick - heading */
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
}

#top-rated .thumb { max-height: 270px; }    
#top-rated .thumb img { min-height: 270px; object-fit: cover; }     
#top-rated .thumb-overlay { background-color: rgba(0,0,0,0.4); }    

.author-details .title { /* chef - title */
    font-family: 'Nunito Sans', sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-style: normal;
    font-weight: 600;
}
.cook-name {
	margin-top: 15px;
}

.cook-name a {
	padding: 5px;
}

.invert img { max-height: 230px; min-height: 230px; object-fit: cover; }
.recipe-meta { 
    font-size: 13px; 
    padding: 12px 25px;     /* Updated by Wahidah on 12/02/2020 */
    min-height: 74px;
    margin-bottom: 25px;
}

.recipe-meta a, .recipe-meta button, .recipe-footer a, .recipe-footer button { font-size: 11px; }
.recipe-meta ul li { font-family: 'Nunito Sans', sans-serif; }

.recipe-footer { border-bottom: none; padding-bottom: 0; }
.recipe-footer-section { border-bottom: 1px solid #ebebeb; }

/* Customize the button in meta section - by Wahidah on 12/02/2020 */
.button-meta {
    font-size: 13px;
    margin-top: -10px;
    /*padding-bottom: 20px;*/
    /*overflow: hidden;*/
}

.button-meta .button-box { 
    margin-bottom: 6px; 
    display: inline-flex; 
    overflow: hidden;
    flex-direction: row-reverse;
    float: right; 
}
.button-meta ul {
    padding: 0;
    float: left;
    display: block;
}

.button-meta ul li {
	display: inline;
	float: left;
	margin-right: 21px;
	padding-right: 21px;
	border-right: 1px solid #d8d8d8;
	font-family: 'Nunito Sans', sans-serif;
	font-style: italic;
}

.button-meta ul li:last-child {
	border: none;
	margin-right: 0px;
}

.button-meta ul li strong { display: block; }
.button-meta a, .button-meta button { 
    font-size: 11px; 
    margin-left: 5px;
	border: 0;
	background-color: #808080;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	padding: 5px 10px;
	display: inline-block;
	float: right;
	margin-top: 1px;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.button-meta button { background-color: #C6713F; }
.button-meta a.email { background-color: #ff9638; }
.button-meta a.share { background-color: #ff7838; }
.button-meta a.cta_tesco { background-color: #00539F; text-decoration: none;}
.button-meta a.favorite { background-color: #D97F2E; text-decoration: none;}
.button-meta a:visited { text-decoration: none; }

.button-meta ul.apps-btn-recipe { float: right; margin-right: -5px; }
.button-meta ul.apps-btn-recipe li { margin-right: 0; padding-right: 0; border-right: none; }
.apps-btn-recipe .app-btn a { padding: 0; margin-left: 0; }
.apps-btn-recipe .app-btn img { max-width: 110px; }

.shop-ingredients-banner { text-align: center; padding-bottom: 10px; } /* shop ingredients banner */

#latest .item-content-box .author-details h3 { height: auto; }  /* Author content box listing */

.avatar .pull-left { font-size: 14px; line-height: 24px; min-height: 35px; }     /* Avatar Author */
.user-avatar img { max-width: 200px; width: 100%; }     /* Avatar width */
.user-nav-sidebar h4 { font-family: 'Roboto', sans-serif; font-size: 20px; }    /* Author name */
.user-navigation { border-bottom: 1px solid #ddd; }
.user-navigation h4 small { font-family: 'Nunito Sans', sans-serif; font-style: normal; }   /* Author title */
.user-navigation .author-content { padding: 10px 36px; font-family: 'Nunito Sans', sans-serif; font-style: normal; }    /* Author biography info */

/* Pagination */    /* updated on 9/7/2019 by Wahidah */
.page-numbers {
	display: inline-block;
	padding: 5px 10px;
	margin: 0 2px 0 0;
	border: 1px solid #eee;
	line-height: 1;
	text-decoration: none;
	border-radius: 0;
	font-weight: 600;
    font-size: 14px;
}
.page-numbers.current, a.page-numbers:hover, .page-numbers.dots:hover { 
    background: #ff9638 !important; 
    color: #fff !important;
    border: 1px solid #ff9638 !important;
}

.pagination, .pagination-archive {
    display:block;
    margin:20px auto;
    text-align: center;
    overflow: hidden;
    border-radius: 0;
}

.pagination > li { display: inline-block; }

.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.pagination-archive .page-numbers { 
    padding: 10px 12px !important;
    display: inline-block;
    margin-right: -2px !important;
    border: 1px solid #ddd;
}

/* Login Appearance */
/*#wpadminbar { display: none; }
.admin-bar { margin-top: -32px !important; } Hide to enable the admin bar, on 15/8/2019 by Wahidah */
.recipe-form .header h2 { font-family: 'Roboto', sans-serif; }
.recipe-form table tbody h4 { color: #666 !important; }  /* added on 19/9/2019 by Wahidah */
.recipe-form .header p, .recipe-form .content p { font-family: 'Nunito Sans', sans-serif; }
.recipe-form label {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    text-transform: capitalize;
}
.recipe-form .content .input-lg { font-family: 'Nunito Sans', sans-serif; }
.recipe-form .error {   /* updated on 23/7/2019 by Wahidah */
    text-transform: none;
    font-size: 0.85em;
    letter-spacing: 0;
    font-weight: normal;
}
.upload label.error { float: left; padding-left: 5px; margin-right: -8px; }     /* added on 23/7/2019 by Wahidah */
.uploadButton, .deleteButton { text-transform: capitalize; }
.filename {
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-size: 14px;
    max-width: 74%;
}
.recipe-form .submit { text-transform: capitalize; }
.modal-footer p { font-size: 14px; }

/* Form */
.form-control, .sidebar .widget-sidebar select, .footer .widget select, .login-wrap form input[type="text"], .login-wrap form input[type="password"] {  /* search fields */
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;
    font-style: normal;
}
.mc4wp-form-fields input[type="email"] {
	background-color: #fff;
	height: 44px;
    line-height: 44px;
    padding: 0 14px;
}
.mc4wp-form-fields input[type="submit"] {
	font-family: inherit;
	font-size: 14px;
    font-style: normal;
	margin-top: 6px;
    border-radius: 2px;
    padding: 6px 12px;
}
.add-more { text-transform: capitalize; }

.mc-field-group label {
	margin-left: 5px;
}

/* Contact Form */
.contact-form input, .contact-form textarea, .contact-form input[type="email"] { 
	font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;
    font-style: normal;
	border-radius: 0;
	border: 1px solid #dfe5e7;
	padding: 0 14px;
	width: 100%;
    height: 44px;
    line-height: 44px;
    box-shadow: none;
    transition: border-color .2s linear, background-color .2s linear;
}
.contact-form textarea { height: auto; }
.contact-form .wpcf7-submit { 
	width: 120px; 
	height: auto; 
	line-height: inherit; 
	text-transform: capitalize;
    font-weight: normal;
    font-family: inherit;
}
.contact-form span.wpcf7-not-valid-tip {
	font-family: inherit;
	font-size: 0.83em;
	font-style: normal;
}

div.wpcf7-mail-sent-ok, div.wpcf7-response-output { clear: both; }

.hover-button { font-size: 12px; width: 120px; }  /* hover button text */

/* Submit Recipe */
.successful-update h3 { font-size: 22px; }
.recipe-form .content .input-lg, .form-horizontal .form-group-lg .form-control { font-size: 14px; }
.recipe-form .description { font-size: 1.25rem; line-height: 20px; }
.recipe-form .submit { font-weight: inherit; }
.uploadButton, .deleteButton { font-weight: inherit; }
.add-more { font-size: 14px; font-weight: inherit; }
#ingredients, #method_steps { margin-top: 0; margin-bottom: 5px; }
#method_steps { line-height: 28px; padding: 10px 14px; }    /* added on 23/7/2019 by Wahidah */

/* My Recipes */
.recipe-form .btn-success, .recipe-form .btn-warning { padding: .382em 1.0em; }     /* added on 6/8/2019 by Wahidah */
table td.actions { width: 25%; }    /* added on 6/8/2019 by Wahidah */

.back-to-recipe {   /* added on 19/9/2019 by Wahidah*/
    border: none;
    cursor: pointer;
    border-radius: 3px;
    padding: 8px 16px;
    background: #ff9638;
    color: #ffffff;
    font-family: 'Open Sans', 'Lora', 'PT Serif', serif;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
}
a.back-to-recipe:hover, a.back-to-recipe:visited { color: #ffffff; text-decoration: none; }

/* My Favorite Recipes */
table thead th { text-transform: capitalize; }
table tbody h4 { font-weight: bold; font-style: normal; margin-top: 5px; }
table td.small { line-height: 18px; }
.recipe-form table th { padding: .5em 1.387em; }

/* Single */
.single-title-wrap h1 { font-family: 'Roboto', sans-serif; font-style: normal; }
.single-post .section-title { margin-bottom: 10px; font-weight: 600; font-style: normal; font-size: 1.5em; }
.ingredients-list ul.ingredient-check li { text-indent: -2.6em; padding-left: 35px; } 
.ingredient-check a:hover { text-decoration: underline; }     /* Adding for ingredients hyperlink, on 5/9/2019 by Wahidah */
.instructions a:hover { text-decoration: underline; }   /* Adding instruction hyperlink, on 5/9/2019 by Wahidah */    
.contact-desc { padding: 10px 0; }
.contact-info .column { padding-left: 90px !important; }   /* Adding for contact details, on 19/9/2019 by Wahidah */
.contact-info .column h3 { font-style: normal; }
.post-navigation { font-family: 'Nunito Sans', sans-serif; font-size: 14px; }
.printable h4 { line-height: 24px; margin-top: 10px }
.printable p { padding-top: 10px; }
.printable li { padding-bottom: 10px; }
.wp-caption .wp-caption-text { line-height: 1.5; }
.post-navigation a { line-height: 22px; }
#printcontent { cursor: pointer; }

div.printfriendly a, div.printfriendly a:link, div.printfriendly a:hover, div.printfriendly a:visited, div.printfriendly a:focus { /* friendly print */
    text-decoration: none;
    border: none;
    -webkit-box-shadow:none!important;
    box-shadow:none!important;
}

.sidebar { /*background-color: #f7f7f7;*/ }
.sidebar .widget-white { 
	border-bottom: none; 
	padding: 15px 25px; 
	margin-bottom: 0px !important; 
}
.sidebar .widget .widget-header h3 { 
	font-family: 'Nunito Sans', sans-serif; 
	text-align: left; 
	line-height: 20px;
    padding-bottom: 15px;
}
div.item { background-color: #f7f7f7 !important; }

#slider-recipe .carousel-inner .item img { width: 100%; }

/* Comment Form */
#comments #respond label { width: auto; }   /* Comment label */
#comments #respond .submit { font-weight: inherit; text-transform: capitalize; font-size: 14px; }
.comment-form-url { display: none; }
.comment-form-cookies-consent input[type="checkbox"] { margin-right: 5px; }
.mc4wp-checkbox-wp-comment-form input[type="checkbox"] { margin-right: 5px; }

.video-button {
    background-image: url(./img/play-icon.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15%;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: .25s opacity ease-out;
    -o-transition: .25s opacity ease-out;
    -webkit-transition: .25s opacity ease-out;
    -moz-transition: .25s opacity ease-out;
}

.fluid-width-video-wrapper { padding-top:0% !important; } /* Updated from '56%' - by Wahidah on 08/12/2020*/

/*.video-button:hover { opacity:0; }*/

/* Festival Masthead */
.masthead { background: url(img/masthead/kuali-masthead-raya2021.png) no-repeat left 0; }    /* Added on 6/12/2019 by Wahidah */

/* Tooltip - Added on 6/8/2019 by Wahidah */
.tooltip-wrapper {
    display: inline-block; /* display: block works as well */
    margin: 0; /* make some space so the tooltip is visible */
}

.tooltip-wrapper .btn[disabled] {
    /* don't let button block mouse events from reaching wrapper */
    pointer-events: none;
}

.tooltip-wrapper.disabled {
    /* OPTIONAL pointer-events setting above blocks cursor setting, so set it here */
    cursor: not-allowed;
}

.btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].active {
    background-color: #B8B6B6;
    border-color: #B8B6B6;
}

/* Kuali app button , added on 14/8/2019 by Wahidah */
li.app-btn { padding: 0; }

.app-btn img { max-width: 128px; }
.app-btn a {
    background: none;
    width: 100%;
    height: 42px;
    padding-top: 2px;
}
.app-btn a:hover { background: none; }

/* Kuali Newsletter Subscription - by Wahidah on 24/03/2020 */
.newsletter-header { max-height: 350px; overflow: hidden; margin-bottom: 2px; }
.newsletter-header img { min-height: 150px; object-fit: cover; }
.newsletter-form { 
    max-width: 800px; 
    width: 100%; 
    margin: 0 auto; 
    background: #f7f7f7; 
    color: #555;
    border-top: 2px solid #eee; 
    padding: 10px 20px 30px 20px;
    overflow: hidden;
}
.newsletter-form h2 { text-align: center; font-weight: 600; }
.newsletter-form .form-description { padding: 12px 15px 5px 15px; border-bottom: 1px solid #dfe5e7; margin-bottom: 30px; }
.newsletter-form .form-description p { padding-bottom: 5px; }
.newsletter-form .form-description a { color: #ff9638; text-decoration: none; }
.newsletter-form .form-description a:hover { text-decoration: underline; }
.newsletter-form label { margin-bottom: 2px; }
.newsletter-form .kuali-apps { display: inline; padding-bottom: 10px; margin-left: 10px; }
.newsletter-form .kuali-apps .ios { margin-left: -10px; max-width: 168px; }
.newsletter-form .kuali-apps .android { max-width: 182px; }
.newsletter-form .kuali-apps .huawei { max-width: 158px; }
.newsletter-form .error_message { line-height: 18px; }
.newsletter-form .error_message a { color: #fff; font-weight: bold; }

.error_message { background: #E74C3C; color: #fff; margin-bottom: 30px; margin: -15px 0 25px 0; padding: 10px 15px; font-size: 14px; }
.error_message a { color: #fff; }
.error_message a:hover { color: #fff; text-decoration: underline; }

.newsletter-form .form-group { margin-bottom: 20px; overflow: hidden; }
.newsletter-form input, .newsletter-form input[type="email"] {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 15px;
    font-style: normal;
    color: #888 !important;
    border-radius: 0;
    border: 1px solid #dfe5e7;
    padding: 0 14px;
    width: 100%;
    height: 44px;
    line-height: 44px;
    box-shadow: none;
    transition: border-color .2s linear, background-color .2s linear;
    background-color: #fff;
}
.newsletter-form input[type="checkbox"] { 
    height: auto; 
    width: auto;
    border: none;
    padding: 8px 0;
    text-indent: 2%;
    margin: 4px 0 0;
}
.newsletter-checkbox { margin: 0; padding: 0 0 5px 0; list-style: none; }
.newsletter-checkbox li { float: left; padding-right: 34px; margin: 0; width: 16%; }
.newsletter-checkbox label { margin-bottom: 3px; font-weight: normal; color: #888; }
.newsletter-checkbox .container input { display: none; }
.newsletter-checkbox .container { display: inline-block; padding-left: 30px; position: relative; cursor: pointer; user-select: none; }
.newsletter-checkbox .container .checkmark { display: inline-block; width: 20px; height: 20px; background: white; position: absolute; left: 0; top: 0; border: 1px solid #dfe5e7; }
.newsletter-checkbox .container input:checked + .checkmark { background-color: #ff9638; border: 1px solid #ff9638; }
.newsletter-checkbox .container input:indeterminate + .checkmark { background-color: #ff9638; border: 1px solid #ff9638; }
.newsletter-checkbox .container input:checked + .checkmark:after {
    content: "";
    position: absolute;
    height: 6px;
    width: 11px;
    border-left: 2px solid white;
    border-bottom: 2px solid white;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}
.newsletter-checkbox .container input:checked:disabled + .checkmark { border: 1px solid grey; background-color: grey; }
.newsletter-checkbox .container input:disabled + .checkmark { border: 1px solid grey; }
.newsletter-checkbox .container input:indeterminate + .checkmark:after {
    content: "";
    position: absolute;
    height: 0px;
    width: 11px;
    border-left: 2px solid white;
    border-bottom: 2px solid white;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(180deg);
}
.newsletter-btn { clear: both; padding: 10px 0 20px 0; text-align: center; }
.newsletter-btn .subscribe-btn {
    width: 210px;
    height: auto;
    line-height: inherit;
    -webkit-appearance: none; 
    border: none;
    cursor: pointer;
    border-radius: 4px;
    padding: 10px 20px;
    background: #ff9638;
    color: #fff !important;
    font-family: 'Open Sans', 'Lora', 'PT Serif', serif;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    -webkit-box-shadow: 0px 2px 4.2px 0.2px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0px 2px 4.2px 0.2px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 2px 4.2px 0.2px rgba(0, 0, 0, 0.24);
}
.newsletter-btn .subscribe-btn:hover { background-color: #FE8314; }
.newsletter-desc { font-size: 14px; line-height: 20px; padding: 12px 15px 0 15px; margin-top: 20px; border-top: 1px solid #dfe5e7; }
.newsletter-desc a { color: #ff9638; text-decoration: none; font-weight: bold; }
.newsletter-desc a:hover { text-decoration: underline; }

/* Recommended products - by Wahidah on 15/07/2020 */
.rec_product { 
    height: 150px;
    position: absolute;
    bottom: 5px;
    left: 5px; 
}

/* Anchor products - by Wahidah on 30/04/2020 */
.anchor-title {
    font-weight: 600;
    font-style: normal;
    font-size: 1.2em;
    color: #000;
    padding-top: 10px;
}

.anchor-img img { height: 180px; }

/* Bazaar restaurants listing - by Wahidah on 10/04/2020 */
#bazaar .item-img-box-list { 
    width: 40%; 
    background: #fdfdfd; 
    vertical-align: middle;
}
#bazaar .item-img-box-list img {
    max-width: 300px;
    object-fit: cover;
    height: auto;   /*100%*/
    max-height: 300px;  /*260px*/
}
#bazaar .item-text { width: 60%; }
#bazaar .item-meta-box span { font-size: 12px; }

.item-text .item-cat.tag-box { padding-top: 0; }
.item-text .item-cat .tags {
    display: inline-block;
    color: #ff9638;
    letter-spacing: 1px;
    line-height: normal;
    padding: 5px 8px;
    border: 1px solid #F3BC8B;
    margin-bottom: 5px;
    font-family: Lora;
    font-style: italic;
    background: #fffbf7;
}
.item-text h3.name {
    margin-top: 4px;
    margin-bottom: 15px;
    font-weight: 800;
    color: #666;
    font-size: 24px;
}

.item-blog-info { font-size: 14px; color: #666; line-height: 20px; padding-bottom: 4px; }
.item-blog-info .title { font-weight: bold; }

.btn-success.btn-order { margin-top: 6px; margin-right: 5px; padding-left: 15px; padding-right: 15px; font-size: 13px; }

.thumb-up .offer-icon {
    width: 38px;
    height: 38px;
    font-size: 38px;
    background: transparent;
    margin-right: 8px;
    margin-bottom: 0;
    float: right;
    box-shadow: none;
    -webkit-box-shadow: none;
    -ms-transform: rotate(20deg); /* IE 9 */
    transform: rotate(20deg);
}
.thumb-up .offer-icon>i {
    left: 30%;
    top: 30%;
    width: 32px;
    height: 32px;
    margin-left: -8px;
    margin-top: -8px;
    font-size: 30px;
    color: #ff9638;
}
.thumb-up .offer-icon>i:before {
    font-size: 32px;
    width: 32px;
    height: 32px;
    line-height: 32px;
}

.item-content-box-list.spotlight { background-color: #FAFAD2; }

.top-icon {
    position: absolute;
    top: 0px; 
    left: 0px;
    background: #000;
    padding: 5px 12px;
}

.top-icon .tag-preferred {
    color: #fff;
    font-family: 'Lora', 'PT Serif', serif;
    font-style: italic;
    font-size: 14px;
}

.top-icon .fa-bookmark {
    font-size: 48px;
    color: #ff9638;
}

.top-icon .fa-star {
    color: #fff;
    padding-right: 4px;
}

.filter-wrapper {
    background: rgba(0,0,0,.03);
    padding: 20px 20px 0 20px;
    margin-bottom: 20px;
}

.filter-title h3 {
    font-family: 'Nunito Sans', sans-serif;
    text-align: left;
    line-height: 20px;
    color: #7f8c8d;
    font-size: 1.04em;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 18px;
    position: relative;
    border-bottom: 2px solid #E7E7E7;
}

.filter-title h3:before {
    content: '';
    width: 60px;
    height: 2px;
    background-color: #ff9638;
    position: absolute;
    bottom: -2px;
    left: 0;
}

#right-border { border-right: 1px solid #E7E7E7; }

.quick-filter .button-group {
    background-color: #E8E8E8;
    margin: 10px -20px 0 -20px;
    padding: 10px 20px;
}
.quick-filter .action-buttons { text-align: right; }

.filter-checkbox { margin-top: 10px; }
.filter-checkbox .container input { display: none; }
.filter-checkbox .container { 
    display: inline-block; 
    padding-left: 30px; 
    position: relative; 
    cursor: pointer; 
    user-select: none; 
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
}
.filter-checkbox .container .checkmark { display: inline-block; width: 20px; height: 20px; background: white; position: absolute; left: 0; top: 0; border: 1px solid #dfe5e7; }
.filter-checkbox .container input:checked + .checkmark { background-color: #ff9638; border: 1px solid #ff9638; }
.filter-checkbox .container input:indeterminate + .checkmark { background-color: #ff9638; border: 1px solid #ff9638; }
.filter-checkbox .container input:checked + .checkmark:after {
    content: "";
    position: absolute;
    height: 6px;
    width: 11px;
    border-left: 2px solid white;
    border-bottom: 2px solid white;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}
.filter-checkbox .container input:checked:disabled + .checkmark { border: 1px solid grey; background-color: grey; }
.filter-checkbox .container input:disabled + .checkmark { border: 1px solid grey; }
.filter-checkbox .container input:indeterminate + .checkmark:after {
    content: "";
    position: absolute;
    height: 0px;
    width: 11px;
    border-left: 2px solid white;
    border-bottom: 2px solid white;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(180deg);
}

.msg-text { font-size: 26px; font-weight: 600; text-align: center; }
.msg-desc { font-size: 14px; text-align: center; }

/* Bakers Programme page - by Wahidah on 06/05/2020 */
#content.bakers-prog { margin-top: -20px; padding-top: 0; }
h1.vc_custom_heading.bakers-title { font-weight: 600; }
.bakers-details { font-size: 16px; padding-top: 10px; }
.bakers-prog-form {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    color: #555;
    background-color: #f7f7f7;
    border-top: 2px solid #eee;
    padding: 10px 20px 30px 20px;
    overflow: hidden;
}
.bakers-prog-form h2 { text-align: center; font-weight: 600; }
.bakers-prog-form .form-description { padding: 12px 15px 5px 15px; border-bottom: 1px solid #dfe5e7; margin-bottom: 30px; }
.bakers-prog-form .form-description p { padding-bottom: 5px; }
.bakers-prog-form .form-description a { color: #ff9638; text-decoration: none; }
.bakers-prog-form .form-description a:hover { text-decoration: underline; }
.bakers-prog-form .form-group { margin-bottom: 20px; overflow: hidden; }
.bakers-prog-form label { margin-bottom: 2px; }
.bakers-prog-form .label-desc { font-size: 13px; line-height: 18px; padding-bottom: 12px; }
.bakers-prog-form .error_message { line-height: 18px; }
.bakers-prog-form .error_message a { color: #fff; font-weight: bold; }
.bakers-prog-form input {
    background-color: #fafafa;
    width: 100%;
    height: 44px;
    border: 1px solid #dfe5e7;
    padding: 0 10px;
}
.bakers-prog-form select {
    width: 40%;
    height: 44px;
    border: 1px solid #dfe5e7;
    padding: 0 10px;
    margin-left: 15px;
}
.bakers-prog-form input[type="checkbox"] { 
    height: auto; 
    width: auto;
    border: none;
    padding: 8px 0;
    text-indent: 2%;
    margin: 4px 0 0;
}
.bakers-prog-form select:focus, .bakers-prog-form input[type="text"]:focus, .bakers-prog-form input[type="email"]:focus {
    color: #ff9638;
	border-color: #bbb;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
} 
.bakers-checkbox { margin: 0; padding: 10px 0; list-style: none; }
.bakers-checkbox li { float: left; padding-right: 34px; margin: 0; }
.bakers-checkbox label { margin-bottom: 3px; font-weight: normal; color: #888; }
.bakers-checkbox .container input { display: none; cursor: default; }
.bakers-checkbox .container { display: inline-block; padding-left: 30px; position: relative; cursor: pointer; user-select: none; }
.bakers-checkbox .container .checkmark { display: inline-block; width: 20px; height: 20px; background: white; position: absolute; left: 0; top: 0; border: 1px solid #dfe5e7; }
.bakers-checkbox .container input:checked + .checkmark { background-color: #ff9638; border: 1px solid #ff9638; }
.bakers-checkbox .container input:indeterminate + .checkmark { background-color: #ff9638; border: 1px solid #ff9638; }
.bakers-checkbox .container input:checked + .checkmark:after {
    content: "";
    position: absolute;
    height: 6px;
    width: 11px;
    border-left: 2px solid white;
    border-bottom: 2px solid white;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}
.bakers-checkbox .container input:checked:disabled + .checkmark { border: 1px solid grey; background-color: grey; }
.bakers-checkbox .container input:disabled + .checkmark { border: 1px solid grey; }
.bakers-checkbox .container input:indeterminate + .checkmark:after {
    content: "";
    position: absolute;
    height: 0px;
    width: 11px;
    border-left: 2px solid white;
    border-bottom: 2px solid white;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(180deg);
}
.bakers-checkbox .container input.checkbox-other {
    display: inline-block;
    width: 50%;
    height: auto;
    border: none;
    border-bottom: 1px solid #dfe5e7;
    background-color: transparent;
}
.bakers-radiobtn { margin: 0; padding: 10px 0; list-style: none; }
.bakers-radiobtn li { float: left; padding-right: 34px; margin: 0; }
.bakers-radiobtn label { margin-bottom: 3px; font-weight: normal; color: #888; }
.bakers-radiobtn .container input { display: none; cursor: default; }
.bakers-radiobtn .container { display: inline-block; padding-left: 30px; position: relative; cursor: pointer; user-select: none; }
.bakers-radiobtn .container .checkmark { display: inline-block; width: 20px; height: 20px; background: white; position: absolute; left: 0; top: 0; border: 1px solid #dfe5e7; border-radius: 50%; }
.bakers-radiobtn .container .checkmark:after { content: ""; position: absolute; display: none; }
.bakers-radiobtn .container:hover input + .checkmark { background-color: #ccc; }
.bakers-radiobtn .container input:checked + .checkmark { background-color: #ff9638; } 
.bakers-radiobtn .container input:checked + .checkmark:after { display: block; }
.bakers-radiobtn .container .checkmark:after { top: 5px; left: 5px; width: 8px; height: 8px; border-radius: 50%; background: white; }
.bakers-btn { clear: both; padding: 10px 0 20px 0; text-align: center; }
.bakers-btn .submit-btn {
    width: 210px;
    height: auto;
    line-height: inherit;
    -webkit-appearance: none; 
    border: none;
    cursor: pointer;
    border-radius: 4px;
    padding: 10px 20px;
    background: #ff9638;
    color: #fff !important;
    font-family: 'Open Sans', 'Lora', 'PT Serif', serif;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    -webkit-box-shadow: 0px 2px 4.2px 0.2px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0px 2px 4.2px 0.2px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 2px 4.2px 0.2px rgba(0, 0, 0, 0.24);
}
.bakers-btn .submit-btn:hover { background-color: #FE8314; }
.bakers-prog-form .kuali-apps { display: inline; padding-bottom: 10px; margin-left: 10px; }
.bakers-prog-form .kuali-apps .ios { margin-left: -10px; max-width: 168px; }
.bakers-prog-form .kuali-apps .android { max-width: 182px; }
.bakers-prog-form .kuali-apps .huawei { max-width: 158px; }
#page-loader { 
    text-align: center; 
    border: 1px solid transparent; 
    overflow: hidden;
    z-index: 999;
}
#loader {
    z-index: 1;
    width: 35px !important;
    height: 35px !important;
    border: 10px solid #ccc;
    border-radius: 50%;
    border-top: 10px solid #ff9638;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    overflow: hidden;
    margin: 0 auto;
}
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#header-bakers { margin-top: -20px; }

.bakers-text {
    font-size: 30px;
    color: #555;
    line-height: 38px;
    text-align: center;
    margin: 0 auto;
    width: 66%;
    font-weight: bold;
}

.bakers-caption {
    text-align: left;
    font-size: 18px;
    line-height: 30px;
    font-weight: normal;
    padding-top: 10px;
}
.bakers-caption li { padding-top: 6px; }

.bakers-banner {
    padding: 15px 0;
    width: 75%;
}

.bakers-button {
    text-align: center;
    padding: 20px 0;
}

.reg-bakers-btn { 
    width: 210px;
    height: auto;
    line-height: inherit;
    -webkit-appearance: none;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    padding: 10px 20px;
    background: #ff9638;
    color: #fff !important;
    font-family: 'Open Sans', 'Lora', 'PT Serif', serif;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    -webkit-box-shadow: 0px 3px 4.7px 0.3px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0px 3px 4.7px 0.3px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 3px 4.7px 0.3p
}
a.reg-bakers-btn:hover { background-color: #FE8314; }

.bakers-form {
    text-align: center;
    padding: 20px 0 40px 0;
}
.bakers-form iframe {
    width: 100%;
    min-height: 2040px;
    height: auto;
}

.desktop_mid_osv { text-align: center; padding: 10px 0 15px 0; }
.mobile_mid_osv { text-align: center; padding: 20px 0 10px 0; }
.mid_mobile_osv { text-align: center; padding: 20px 0 28px 0; }
.mid_mobile_lead {
    text-align: center;
    padding-bottom: 28px;
}
#menu-item-87213 { display: none; } /* #menu-item-86000 */

/* Star Mooncake Awards page - by Wahidah on 28/08/2020 */
.mooncake-awards-header { background-color: #DEA36D; }
.mooncake-awards-header .row { text-align: center; padding: 20px 0; }
.mooncake-awards-header img { height: 55px; }

.mooncake-awards.navbar {  
    margin-bottom: 0; 
    border: none; 
    background-color: #000; 
    font-family: 'Poppins', sans-serif; 
    text-transform: uppercase; 
    box-shadow: 0 2px 3px 1px rgba(0,0,0,.3);
    -moz-box-shadow: 0 2px 3px 1px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 2px 3px 1px rgb;
}
.mooncake-awards.navbar-default.navbar-fixed-top { min-height: 0 !important; }
.mooncake-awards #navbar-top { text-align: center; }
.mooncake-awards ul#main-nav { padding: 20px 0; display: inline-block; float: none; }
.mooncake-awards.navbar-default .navbar-nav>li>a { font-size: 26px; font-weight: 300; color: #DEA36D; padding: 5px 30px; }
.mooncake-awards.navbar-default .navbar-nav>li>a:hover, .mooncake-awards.navbar-default .navbar-nav>li>a:focus { color: #fff; background: none !important; }
.mooncake-awards.navbar-default .navbar-nav>.active>a:before { background: none; }
.mooncake-awards.navbar-default .navbar-nav>.active>a { color: #DEA36D; }
.mooncake-awards.navbar-default .navbar-nav>.active>a, .mooncake-awards.navbar-default .navbar-nav>.active>a:hover { background: none !important; }

.mooncake-awards.navbar-default .collapse.navbar-collapse .navbar-nav>li>a { border-left: 1px solid #DEA36D; }
.mooncake-awards.navbar-default .collapse.navbar-collapse .navbar-nav>li>a .text-menu { display: none; }
.mooncake-awards.navbar-default .collapse.navbar-collapse .navbar-nav>li.award-home-icon>a { border-left: none; margin-right: 20px; height: 30px; }
.mooncake-awards.navbar-default .navbar-collapse.collapse.in .navbar-nav>li>a { border-left: none; padding-bottom: 20px; }
.mooncake-awards.navbar-default .navbar-collapse { border-color: transparent; }

.award-home-icon { background: url(./img/mooncake-awards/Homebutton.png) no-repeat center; }
.award-home-icon .fa-home:before { content: ""; }

.mooncake-awards-content { 
    background: #020202 !important; 
    font-family: 'Poppins', sans-serif; 
    color: #fff; 
    font-size: 16px; 
    padding: 0 !important;
}

.mooncake-lantern-logo { }
.lantern-right-bg { /*background: url(./img/mooncake-awards/Lantern2.png) no-repeat top right; height: 407px;*/ }
.lantern-left { /*position: relative; top: -350px; left: 60px;*/ }
.mooncake-awards-logo { position: relative; margin-top: 140px; }
.mooncake-lantern-right { float: right; position: relative; right: 0; margin-top: -380px; }
.mooncake-lantern-left { margin-top: -330px; position: relative; top: 0; left: 90px; }
.mooncake-nominee-title { font-family: 'Poppins', sans-serif; font-size: 35px; font-weight: 300; padding-bottom: 20px; }
.mooncake-nominee-desc { font-size: 20px; font-weight: 400; line-height: 28px; }
.mooncake-nominee-desc p { padding-bottom: 12px; }

.mooncake-awards-title { font-size: 50px; font-family: 'Poppins', sans-serif; font-weight: 300; }
.mooncake-awards-title-desc { font-size: 24px; line-height: 36px; }
.mooncake-awards-subtitle { margin-bottom: 6px !important; font-size: 25px; font-weight: 700; }
.mooncake-awards-subtitle-more { font-size: 28px; font-weight: 400; }
.mooncake-awards-love { padding: 0 20px; }
.mooncake-awards-love .mooncake-awards-subtitle { 
	margin-bottom: 6px !important; 
	font-size: 28px; 
	font-weight: 500;
    padding-bottom: 10px;
    line-height: 34px;
}
.mooncake-awards-love .description { font-size: 20px; }
.mooncake-pattern1-right { margin-top: -74px; margin-right: -50px; }
.mooncake-awards-button { padding-top: 25px; }
.mooncake-awards-button a.vc_btn3 { 
    background-color: #DEA36D !important;
    border-color: transparent !important;
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 20px !important;
    padding: 8px 60px !important;  
}
.mooncake-awards-button a.vc_btn3:hover { background-color: #DB7E4C !important; }

.mooncake-awards-categories-group { text-align: center; }
.mooncake-awards-categories-group .vc_column_container>.vc_column-inner { padding-left: 0; padding-right: 0; }
.mooncake-awards-hotel-categories { 
    display: inline-block; 
    padding-left: 0;
    padding-right: 0;
    margin-left: -4px;
    margin-right:-4px;
}

.mooncake-awards-categories {
    background: url(./img/mooncake-awards/categories_hotel.png) no-repeat center;
    width: 196px;
    height: 187px;
    text-align: center;
}
.mooncake-awards-categories p {
    width: 104px;
    height: 187px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.mooncake-awards-slide .item { margin: 0 15px; border-radius: 12px; }
.mooncake-awards-slide .product { background-color: #fff; padding: 30px; border-radius: 12px; text-align: center; }
.mooncake-awards-slide .product-header img { height: 267px; object-fit: cover; }
.mooncake-awards-slide .product-body h5 {
    font-family: 'Poppins', sans-serif;
    color: #DEA36D; 
    margin-top: 20px; 
    margin-bottom: 5px; 
}
.mooncake-awards-slide .product-footer { text-align: center; }
.mooncake-awards-slide .product-footer .button {
    border-radius: 49px !important;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #DEA36D;
    color: #fff;
    padding: 6px 24px;
}
.mooncake-awards-slide .product-footer .button:hover { background-color: #DB7E4C; }
.mooncake-awards-slide .product-desc { color: #000; font-size: 13px; line-height: 18px; padding-bottom: 15px; }
.mooncake-awards-slide .owl-prev { left: -40px; top: 43%; position: absolute; background: url(./img/mooncake-awards/arrow2.png) !important; width: 28px; height: 45px; }
.mooncake-awards-slide .owl-next { right: -40px; top: 43%; position: absolute; background: url(./img/mooncake-awards/arrow1.png) !important; width: 28px; height: 45px; }

/* Participating Hotels */
.mooncake-hotels-slide .item { background-color: transparent !important; text-align: center; }
.mooncake-hotels-slide .owl-prev { left: 0; top: 25%; position: absolute; background: url(./img/mooncake-awards/arrow2.png) !important; width: 28px; height: 45px; }
.mooncake-hotels-slide .owl-next { right: 0; top: 25%; position: absolute; background: url(./img/mooncake-awards/arrow1.png) !important; width: 28px; height: 45px; }

/* Sponsored Hotels */
.mooncake-sponsored-hotels-slide .item { background-color: transparent !important; text-align: center; }
.mooncake-sponsored-hotels-slide .owl-prev { left: -30px; top: 25%; position: absolute; background: url(./img/mooncake-awards/arrow2.png) !important; width: 28px; height: 45px; }
.mooncake-sponsored-hotels-slide .owl-next { right: -30px; top: 25%; position: absolute; background: url(./img/mooncake-awards/arrow1.png) !important; width: 28px; height: 45px; }
.mooncake-sponsored-hotels-slide .sponsored-hotel { padding: 20px; }
.sponsored-hotel .title { font-size: 16px; line-height: 20px; padding-top: 12px; color: #DEA36D; font-weight: 500; }
.sponsored-hotel .price { padding-top: 10px; font-size: 16px; line-height: 20px; font-weight: 700; }
.sponsored-hotel .contact { font-size: 15px; line-height: 20px; padding-top: 8px; }

.mooncake-cloud-left { display: inline-block; margin-left: 20px; margin-bottom: -10px; }
.mooncake-lantern6-right { float: right; display: inline-block; }

.stories-pattern-top { position: absolute; top: -24px; right: 0; width: 140px; }
.stories-pattern-bottom { position: absolute; top: -60px; width: 140px; }

/* Mooncake Stories pages */
.mooncake-share-icon { 
    position: fixed; 
    top: 50%; 
    -webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%); 
    transform: translateY(-50%);
    z-index: 999; 
}
.mooncake-share-icon a { display: block; text-align: center; padding: 16px; transition: all 0.3s ease; color: #fff; font-size: 20px; }
.mooncake-share-icon a:hover { background-color: #000; }
.mooncake-share-icon .facebook, .mooncake-share-icon .twitter, .mooncake-share-icon .whatsapp { background: #DEA36D; color: #fff; }
.page-id-86364 .facebook, .page-id-86364 .twitter, .page-id-86364 .whatsapp { background: #3B405A; color: #fff; }

.mooncake-stories-legend {
    font-family: 'Poppins', sans-serif;
    background: url(./img/mooncake-awards/stories-legend-chang-e.png) no-repeat top center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.mooncake-stories-lanterns {
    font-family: 'Poppins', sans-serif;
    background: url(./img/mooncake-awards/stories-meaning-lanterns.png) no-repeat top center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.mooncake-stories-origin {
    font-family: 'Poppins', sans-serif;
    background: url(./img/mooncake-awards/stories-origin-mooncake.png) no-repeat top center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.mooncake-stories-rabbit {
    font-family: 'Poppins', sans-serif;
    background: url(./img/mooncake-awards/stories-rabbit-moon.png) no-repeat top center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.mooncake-stories-legend h2.vc_custom_heading, .mooncake-stories-lanterns h2.vc_custom_heading,
.mooncake-stories-origin h2.vc_custom_heading, .mooncake-stories-rabbit h2.vc_custom_heading { 
    font-family: 'Poppins', sans-serif; 
    font-size: 48px; 
    font-weight: 100; 
}
.mooncake-stories-legend .description, .mooncake-stories-lanterns .description,
.mooncake-stories-origin .description, .mooncake-stories-rabbit .description { 
    font-size: 24px; 
    line-height: 32px; 
    width: 75%; 
    margin: 0 auto;
	padding-top: 4px;
}
.mooncake-stories-lanterns .description, .mooncake-stories-origin .description, .mooncake-stories-rabbit .description { padding-bottom: 10px; }

.stories-title { text-align: center; font-size: 32px; font-weight: 600; }
.mooncake-stories-lanterns .stories-title { margin-top: 30px; }
.stories-title div { display: inline-block; }
.stories-title .arrow-prev { padding-right: 15px;}
.stories-title .arrow-next { padding-left: 15px; }
.stories-title .arrow-prev img, .stories-title .arrow-next img { width: 22px; margin-top: -6px; }

.stories-legend-para-1, .stories-legend-para-2, .stories-legend-para-3,
.stories-legend-para-4, .stories-legend-para-5, .stories-legend-para-6 { 
	font-size: 28px; font-weight: 500; line-height: 36px; 
}
.stories-legend-para-1, .stories-legend-para-3, .stories-legend-para-5 { float: right;  }
.stories-legend-para-2, .stories-legend-para-4, .stories-legend-para-6 { float: left; }
.stories-legend-para-1 { margin-top: 45px; margin-right: 84px; width: 46%; } 
.stories-legend-para-2 { margin-top: 10px; margin-left: 310px; width: 50%; }
.stories-legend-para-3 { margin-top: 10px; margin-right: 65px; width: 56%; }
.stories-legend-para-4 { margin-top: -15px; margin-left: 50px; width: 55%; }
.stories-legend-para-5 { margin-top: 20px; margin-right: 45px; width: 44%; }
.stories-legend-para-6 { margin-top: 180px; margin-left: 80px; width: 60%; } 

.stories-rabbit-para-1, .stories-rabbit-para-2, .stories-rabbit-para-3,
.stories-rabbit-para-4, .stories-rabbit-para-5, .stories-rabbit-para-6 { 
	font-size: 28px; font-weight: 500; line-height: 36px; 
}
.stories-rabbit-para-1 { float: right; width: 68%; padding-top: 310px; padding-right: 70px; }
.stories-rabbit-para-2 { float: right; width: 72%; padding-top: 100px; padding-right: 120px; }
.stories-rabbit-para-3 { float: left; width: 52%; padding-top: 150px; padding-left: 90px; }
.stories-rabbit-para-4 { float: right; width: 60%; padding-top: 100px; padding-right: 100px; }
.stories-rabbit-para-5 { float: right; width: 80%; padding-top: 110px; padding-right: 294px; }
.stories-rabbit-para-6 { float: left; width: 75%; padding-top: 80px; padding-left: 210px; }

.stories-origin-para-1, .stories-origin-para-2, .stories-origin-para-3, .stories-origin-para-4 { 
	font-size: 28px; font-weight: 500; line-height: 36px; 
}
.stories-origin-para-1 { float: right; width: 50%; padding-top: 70px; padding-right: 130px; }
.stories-origin-para-2 { float: right; width: 58%; padding-top: 220px; padding-right: 50px; }
.stories-origin-para-3 { float: left; width: 50%; padding-top: 172px; padding-left: 100px; }
.stories-origin-para-4 { float: left; width: 75%; padding-top: 80px; padding-left: 210px; }

.stories-lanterns-para-1, .stories-lanterns-para-2, .stories-lanterns-para-3 {
	font-size: 28px; font-weight: 500; line-height: 36px;
}
.stories-lanterns-para-1, .stories-lanterns-para-3 { float: left; }
.stories-lanterns-para-2 { float: right; }
.stories-lanterns-para-1 { width: 70%; padding-top: 170px; padding-left: 220px; }
.stories-lanterns-para-2 { width: 62%; padding-top: 70px; padding-right: 70px; }
.stories-lanterns-para-3 { width: 60%; padding-top: 96px; padding-left: 160px; }

h2.vc_custom_heading.stories-group-title { clear: both; font-family: 'Poppins', sans-serif; font-size: 28px; font-weight: 300; }
.mooncake-stories-legend h2.vc_custom_heading.stories-group-title { margin-top: 100px; }
.mooncake-stories-legend .stories-group { padding-bottom: 100px; }

.mooncake-stories-rabbit h2.vc_custom_heading.stories-group-title { margin-top: 100px; }
.mooncake-stories-rabbit .stories-group { padding-bottom: 100px; }

.mooncake-stories-origin h2.vc_custom_heading.stories-group-title { margin-top: 290px; }
.mooncake-stories-origin .stories-group { padding-bottom: 100px; }

.mooncake-stories-lanterns h2.vc_custom_heading.stories-group-title { margin-top: 80px; }
.mooncake-stories-lanterns .stories-group { padding-bottom: 550px; }

.stories-group-space { clear: both; }
.stories-group { text-align: center; margin-top: 32px; }
.stories-group .vc_btn3-container { display: inline-block; padding: 0 22px; }
.stories-group a.vc_btn3 {
    border-radius: 69px !important;
    font-size: 17px !important;
    font-weight: 400;
    line-height: 20px;
    background-color: #DEA36D !important;
    color: #fff !important;
    padding: 35px 70px !important;
    border: none !important;
    width: 272px;
}
.stories-group a.vc_btn3:hover { background-color: #DB7E4C !important; }

.mooncake-stories-bottom { 
    font-family: 'Poppins', sans-serif;
    color: #fff;
    background: url(./img/mooncake-awards/time-to-get-bakin.png) no-repeat center; 
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.mooncake-stories-bottom a.vc_btn3 {
    border-radius: 49px !important;
    font-size: 22px !important;
    font-weight: 600;
    background-color: #DEA36D !important;
    color: #fff !important;
    padding: 10px 70px !important;
    border: none !important;
    text-decoration: none;
}
.mooncake-stories-bottom a.vc_btn3:hover { background-color: #DB7E4C !important; }
.mooncake-stories-bottom h2.vc_custom_heading { font-family: 'Poppins', sans-serif; font-size: 28px; font-weight: 300; }
.mooncake-stories-bottom p { font-size: 20px; font-weight: 300; }

/* Mooncake Winners page */
.mooncake-winners-title { font-family: 'Poppins', sans-serif; font-size: 38px; font-weight: 300; padding-bottom: 20px; }
.mooncake-winners-desc { font-size: 24px; font-weight: 400; line-height: 32px; width: 80%; margin: 0 auto; }
.mooncake-winners-desc p { padding-bottom: 12px; }
.mooncake-winners-lanterns-right { margin-top: -325px; margin-right: -121px; }
.mooncake-winners-lanterns-left { }
.mooncake-winners-cloud-left { margin-top: -70px; margin-bottom: -50px }
.mooncake-winners-cat-title { margin-top: 10px; }
.mooncake-winners-group h2.vc_custom_heading { 
	font-family: 'Poppins', sans-serif; 
	font-size: 25px; 
	font-weight: 700; 
	color: #DEA36D; 
}
.mooncake-winners-categories-group h3.vc_custom_heading {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #DEA36D;
    width: 80%;
    margin: 0 auto;
    line-height: 27px;
}
.mooncake-winners-categories-group p {
    font-size: 18px;
    width: 80%;
    margin: 0 auto;
    padding-top: 12px;
}

/* Reset Password form */
.reset-description { background: #f4f4f4; padding: 12.5px 25px 2px 25px; margin-bottom: 25px; font-size: 14px; text-align: center; }
.reset-title { text-align: center; font-size: 20px; font-weight: 600; padding-bottom: 2px; }
.star { color: #f00; }
.error-msg { font-size: 13px; color: #f00; line-height: 18px; padding-top: 5px; }
.login-wrap form .btn-primary.reset-btn { padding: 12px !important; text-transform: capitalize !important; font-size: 16px; }

/* Shop ingredient login prompt message box - by Wahidah on 5/11/2020 */
#shop-login-prompt {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    color: #676767;
    display: none;
}
.promptBox {
    background-color: white;
    position: relative;
    font-family: 'Nunito Sans', sans-serif;
    color: #555;
    width: 70%;
    top: 30%;
    margin: 0 auto;
    box-shadow: 1px 1px 5px #444444;
    padding: 15px;
    transition: all 5s ease-in-out;
    z-index: 1080 !important;
}

.promptContainer { display: inline-flex; width: 100%; padding: 0 20px; }
.promptContainer .close-popup {
    position: absolute;
    top: 5px;
    right: 6px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #808080;
    background-color: transparent;
}
.promptMsg { width: 65%; }
.promptMsg h3 { font-weight: 900; }
.promptMsg p { margin-bottom: 15px; font-size: 15px; }
.promptMsg .btn { 
    text-decoration: none; 
    background: #ff9638; 
    color: #fff; 
    padding: 10px 25px; 
    font-size: 15px; 
    font-weight: normal;
    border: none; 
    float: none;
    text-transform: none;
    margin-top: -2px;
}
.promptMsg .extraBtn { display: inline-flex; flex-flow: column; align-items: center; margin-left: 20px; }
.extraBtn .reg-btn { 
    text-decoration: none; 
    background: #FF9AAB; 
    color: #fff; 
    padding: 8px 25px 9px 25px;
    font-size: 15px;
    font-weight: normal; 
    border: none; 
    float: none; 
    text-transform: none;
    border-radius: 2px;
}
.promptImg { width: 35%; }
.promptImg img { width: 100%; }

/* Limit 5 recipes/posts browsing and force to sign in - by Wahidah on 9/10/2020 */
.force-sign-overlay.absolute {
    height: 100%;
    bottom: 0;
    width: 100%;
    /*position: absolute;*/
    display: block;
}
.force-sign-overlay {
    background: -moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0 );
    overflow: hidden;
}

/* Fixed youtube video as featured video in recipe page */
.recipe-youtube .fluid-width-video-wrapper iframe { position: relative !important; height: 400px; }

/* Add custom huawei icon */
@font-face {
    font-family: 'icomoon';
    src:  url('fonts/icomoon.eot?xm4ml3');
    src:  url('fonts/icomoon.eot?xm4ml3#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?xm4ml3') format('truetype'),
        url('fonts/icomoon.woff?xm4ml3') format('woff'),
        url('fonts/icomoon.svg?xm4ml3#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-icon_huawei:before {
    content: "\e900";
}

@media screen and (max-width: 320px) { 
    .rec_product { height: 80px !important; }

    /* Mooncake Awards pages */
    .mooncake-awards.navbar-default .navbar-nav>li>a { font-size: 20px !important; }

	.mooncake-stories-legend h2.vc_custom_heading, .mooncake-stories-lanterns h2.vc_custom_heading,
	.mooncake-stories-origin h2.vc_custom_heading, .mooncake-stories-rabbit h2.vc_custom_heading { 
		font-size: 34px !important; 
	}
	.mooncake-stories-legend .description, .mooncake-stories-lanterns .description,
	.mooncake-stories-origin .description, .mooncake-stories-rabbit .description { 
		font-size: 20px !important; line-height: 26px !important; padding-top: 15px; width: 95% !important; 
	}
    .mooncake-stories-legend .description p, .mooncake-stories-lanterns .description p,
	.mooncake-stories-origin .description p, .mooncake-stories-rabbit .description p { 
		padding-bottom: 10px; 
	}

    .stories-legend-para-1, .stories-legend-para-2, .stories-legend-para-3, 
	.stories-legend-para-4, .stories-legend-para-6 { 
		font-size: 18px !important; line-height: 24px !important; width: 90% !important;
	}
    .stories-legend-para-1 { margin-top: -20px !important; margin-right: 20px !important; }
    .stories-legend-para-2, .stories-legend-para-3, .stories-legend-para-4 { 
		margin-top: 40px !important; margin-left: 20px !important; 
	}
	.stories-legend-para-5 { 
		font-size: 18px !important; 
		line-height: 24px !important; 
		width: 80% !important; 
		margin-top: 56px !important; 
		margin-left: 20px !important; 
	}
    .stories-legend-para-6 { margin-top: 130px !important; margin-left: 20px !important; }
	
	.stories-rabbit-para-1, .stories-rabbit-para-2, .stories-rabbit-para-3,
	.stories-rabbit-para-4, .stories-rabbit-para-5, .stories-rabbit-para-6 { 
		font-size: 18px !important; line-height: 24px !important; width: 90% !important;
	}
	.stories-rabbit-para-1 { padding-top: 30px !important; padding-right: 20px !important; }
	.stories-rabbit-para-2 { padding-top: 40px !important; padding-right: 20px !important; }
	.stories-rabbit-para-3 { padding-top: 70px !important; padding-left: 20px !important; }
	.stories-rabbit-para-4 { padding-top: 70px !important; padding-right: 20px !important; }
	.stories-rabbit-para-5 { padding-top: 80px !important; padding-right: 20px !important; }
	.stories-rabbit-para-6 { padding-top: 50px !important; padding-left: 20px !important; }
	
	.stories-origin-para-1, .stories-origin-para-2, .stories-origin-para-3, .stories-origin-para-4 { 
		font-size: 18px !important; line-height: 24px !important;
	}
	.stories-origin-para-1 { width: 70% !important; padding-top: 80px !important; padding-right: 20px !important; }
	.stories-origin-para-2 { width: 90% !important; padding-top: 100px !important; padding-right: 20px !important; }
	.stories-origin-para-3 { width: 74% !important; padding-top: 220px !important; padding-left: 20px !important; }
	.stories-origin-para-4 { width: 90% !important; padding-top: 100px !important; padding-left: 20px !important; }
	
	.stories-lanterns-para-1, .stories-lanterns-para-2, .stories-lanterns-para-3 { 
		font-size: 18px !important; line-height: 24px !important; width: 100% !important; 
	}
	.stories-lanterns-para-1 { padding-top: 0 !important; padding-left: 20px !important; }
	.stories-lanterns-para-2 { padding-top: 60px !important; padding-right: 20px !important; }
	.stories-lanterns-para-3 { padding-top: 50px !important; padding-left: 20px !important; }
  
    .stories-title { font-size: 18px !important; }
	.mooncake-stories-legend .stories-title { margin-top: -40px !important; }
	.mooncake-stories-rabbit .stories-title { margin-top: 290px !important; }
	.mooncake-stories-origin .stories-title { margin-top: -70px !important; }
	.mooncake-stories-lanterns .stories-title { margin-top: -20px !important; }
    .stories-title .arrow-prev { padding-right: 2px !important;}
    .stories-title .arrow-next { padding-left: 2px !important; }
    .stories-title .arrow-prev img, .stories-title .arrow-next img { width: 12px !important; }

    h2.vc_custom_heading.stories-group-title { font-size: 24px !important; font-weight: 300; }
    .stories-group a.vc_btn3 { padding: 28px 50px !important; width: 250px !important; }

    .mooncake-stories-legend h2.vc_custom_heading.stories-group-title { margin-top: 80px !important; }
	.mooncake-stories-rabbit h2.vc_custom_heading.stories-group-title { margin-top: 110px !important; }
	.mooncake-stories-origin h2.vc_custom_heading.stories-group-title { margin-top: 200px !important; }
	.mooncake-stories-lanterns h2.vc_custom_heading.stories-group-title { margin-top: 0 !important; }
	
    .mooncake-stories-legend .stories-group { padding-bottom: 50px !important; }
	.mooncake-stories-rabbit .stories-group { padding-bottom: 50px !important; }
	.mooncake-stories-lanterns .stories-group { padding-bottom: 50px !important; }

    .mooncake-stories-bottom h2.vc_custom_heading { font-size: 24px !important; }
    .mooncake-stories-bottom p { font-size: 18px !important; line-height: 22px !important; padding-top: 10px; }
    .mooncake-stories-bottom a.vc_btn3 { font-size: 18px !important; padding: 10px 50px !important; }   
}

@media (max-width: 418px) { /* Added button meta styling for responsive - by Wahidah on 12/02/2020 */
    .button-meta a, .button-meta button { font-size: 10px; padding: 4px 6px; }
}

@media screen and (max-width: 480px) { /* Added kuali bazaar styling for responsive - by Wahidah on 10/04/2020 */
    #bazaar .item-img-box-list { width: 100%; }
    #bazaar .item-text { width: 100%; }
    #bazaar .item-img-box-list img { max-width: 100%; max-height: 100%; }
    .rec_product { height: 100px; }

    /* Mooncake Awards pages */
	.mooncake-awards-slide .item { margin: 0 25px; }
	.mooncake-awards-slide .owl-prev { left: -25px; }
	.mooncake-awards-slide .owl-next { right: -25px; }
	
	.mooncake-pattern1-right { margin-top: -30px; margin-right: 0; }
	.mooncake-awards-title { font-size: 34px !important; }
	.mooncake-awards-logo { margin-top: 0; }
	.mooncake-lantern-right { display: none; }
	.mooncake-lantern-left { display: none; }
	
	.mooncake-stories-legend h2.vc_custom_heading, .mooncake-stories-lanterns h2.vc_custom_heading,
	.mooncake-stories-origin h2.vc_custom_heading, .mooncake-stories-rabbit h2.vc_custom_heading { 
		font-size: 40px; 
	}
	.mooncake-stories-legend .description, .mooncake-stories-lanterns .description,
	.mooncake-stories-origin .description, .mooncake-stories-rabbit .description { 
		font-size: 20px; line-height: 24px; width: 95%; padding-top: 10px; 
	}
    .mooncake-stories-legend .description p, .mooncake-stories-lanterns .description p,
	.mooncake-stories-origin .description p, .mooncake-stories-rabbit .description p { 
		padding-bottom: 10px; 
	}

    .stories-legend-para-1, .stories-legend-para-2, .stories-legend-para-3,
	.stories-legend-para-4, .stories-legend-para-6 { 
		font-size: 24px; line-height: 28px; width: 90%; 
	}
	.stories-legend-para-5 { font-size: 24px; line-height: 28px; width: 68%; }
    .stories-legend-para-1 { margin-top: -15px; margin-right: 20px; }
    .stories-legend-para-2 { margin-top: 15px; margin-left: 20px; }
    .stories-legend-para-3 { margin-top: 15px; margin-right: 20px; }
    .stories-legend-para-4 { margin-top: 15px; margin-left: 20px; }
    .stories-legend-para-5 { margin-top: 40px; margin-right: 20px; }
    .stories-legend-para-6 { margin-top: 80px; margin-left: 20px; }
	
	.stories-rabbit-para-1, .stories-rabbit-para-2, .stories-rabbit-para-3,
	.stories-rabbit-para-4, .stories-rabbit-para-5, .stories-rabbit-para-6 { 
		font-size: 24px; line-height: 28px; width: 94%; 
	}
	.stories-rabbit-para-1 { padding-top: 370px; padding-right: 20px }
	.stories-rabbit-para-2 { padding-top: 50px; padding-right: 20px; }
	.stories-rabbit-para-3 { padding-top: 50px; padding-left: 20px; }
	.stories-rabbit-para-4 { padding-top: 70px; padding-right: 20px; }
	.stories-rabbit-para-5 { padding-top: 80px; padding-right: 20px; }
	.stories-rabbit-para-6 { padding-top: 80px; padding-left: 20px; }
	
	.stories-origin-para-1, .stories-origin-para-2, .stories-origin-para-3, .stories-origin-para-4 { 
		font-size: 24px; line-height: 28px; 
	}
	.stories-origin-para-1 { width: 56%; padding-top: 10px; padding-right: 15px; }
	.stories-origin-para-2 { width: 90%; padding-top: 90px; padding-right: 20px; }
	.stories-origin-para-3 { width: 62%; padding-top: 190px; padding-left: 20px; }
	.stories-origin-para-4 { width: 90%; padding-top: 80px; padding-left: 15px; }
	
	.stories-lanterns-para-1, .stories-lanterns-para-2, .stories-lanterns-para-3 { 
		font-size: 24px; line-height: 28px; 
	}
	.stories-lanterns-para-1 { width: 95%; padding-top: 90px; padding-left: 20px; }
	.stories-lanterns-para-2 { width: 95%; padding-top: 60px; padding-right: 20px; }
	.stories-lanterns-para-3 { width: 90%; padding-top: 90px; padding-left: 20px; }

    h2.vc_custom_heading.stories-group-title { font-size: 28px; }
	.mooncake-stories-legend h2.vc_custom_heading.stories-group-title { margin-top: 80px; }
	.mooncake-stories-rabbit h2.vc_custom_heading.stories-group-title { margin-top: 100px; }
	.mooncake-stories-origin h2.vc_custom_heading.stories-group-title { margin-top: 100px; }
	.mooncake-stories-lanterns h2.vc_custom_heading.stories-group-title { margin-top: 100px; }
	
	.mooncake-stories-legend .stories-group { padding-bottom: 50px !important; }
	.mooncake-stories-rabbit .stories-group { padding-bottom: 50px !important; }
	.mooncake-stories-origin .stories-group { padding-bottom: 50px !important; }
	.mooncake-stories-lanterns .stories-group { padding-bottom: 50px !important; }
  
    .stories-title { font-size: 22px; }
	.mooncake-stories-legend .stories-title { margin-top: -50px !important; }
	.mooncake-stories-rabbit .stories-title { margin-top: -24px !important; }
	.mooncake-stories-origin .stories-title { margin-top: -30px !important; }
	.mooncake-stories-lanterns .stories-title { margin-top: -24px ; }
    .stories-title .arrow-prev { padding-right: 2px;}
    .stories-title .arrow-next { padding-left: 2px; }
    .stories-title .arrow-prev img, .stories-title .arrow-next img { width: 12px; }
}
@media (max-width: 480px) { 
    #method_steps { height: 44px; padding: 10px 14px; }
    .recipe-meta { font-size: 11px; padding: 12px 14px; }   /* Added by Wahidah on  12/02/2020 */
    .recipe-meta ul li { margin-right: 8px; padding-right: 10px; }  /* Added by Wahidah on  12/02/2020 */
    .newsletter-checkbox li { width: 50% !important; }     /* Added to give width for checkboxes - by Wahidah on 24/3/2020 */
    .newsletter-form { padding: 20px 30px; }    /* Added to give width for checkboxes - by Wahidah on 24/3/2020 */
    .form-block { margin: 0 6px; padding: 20px; }     /* Added to give width for checkboxes - by Wahidah on 24/3/2020 */
}

@media (max-width: 680px) { 
	.footer .social-icons { float: none; }
	.footer-cont { float: none; text-align: center; }

    .bakers-form iframe { min-height: 2500px; } /* Added for Bakers Programme page - by Wahidah on 6/5/2020 */

    /* Shop ingredient login prompt message box - by Wahidah on 5/11/2020 */
    .promptContainer { display: block; }
    .promptMsg { width: 100%; }
    .promptImg { width: 100%; text-align: center; }
    .promptImg img { width: 50%; }
}

@media screen and (max-width: 768px) {
	.mooncake-awards-title { font-size: 42px; }
    .promptBox { width: 90%; } /* Shop ingredient login prompt message box - by Wahidah on 5/11/2020 */
}

@media screen and (max-width: 767px) {  /* K-Shop menu outside of the hamburger menu in mobile view - by Wahidah on 17/07/2020 */
    #menu-item-87214 { display: none; } /* #menu-item-86001 */
    #menu-item-87213 { display: inline-block; } /* #menu-item-86000 */

    .navbar-toggle { margin-right: 10px !important; margin-left: 8px !important; }
    #menu-item-86000 a, #menu-item-87213 a { padding-left: 2px !important; padding-right: 2px !important; }
    .navbar-default .navbar-nav>li>a { font-size: 14px !important; padding-bottom: 5px !important; }
    .navbar-default .navbar-brand { padding: 10px 10px 10px 10px; }
    .navbar-default .navbar-brand img { height: 50px; margin-left: -8px; }

    /* Mooncake Awards pages */
	.mooncake-awards.navbar-default .navbar-nav>li>a { 
		font-size: 20px;
		color: #fff;
		background-color: #DEA36D;
    	border-radius: 69px;
    	padding: 12px 30px;
    	margin-bottom: 10px;
	}
	.mooncake-awards.navbar-default .navbar-nav>li>a:hover, .mooncake-awards.navbar-default .navbar-nav>li>a:focus { 
		background-color: #DB7E4C !important; }
	.mooncake-awards.navbar-default .navbar-nav>.active>a { background-color: #DB7E4C !important; color: #fff; }
    .mooncake-awards.navbar-default .navbar-collapse.collapse.in .navbar-nav>li>a { padding-bottom: 10px; }
	.mooncake-awards.navbar-default .collapse.navbar-collapse .navbar-nav>li.award-home-icon>a { 
		margin-right: 0; margin-bottom: 10px; height: auto; }
	
	.mooncake-awards.navbar-default li.award-home-icon { background: none; }
	.mooncake-awards.navbar-default li a .text-menu { display: block; }
	
	.mooncake-awards.navbar-default .collapse.navbar-collapse .navbar-nav>li>a .text-menu { display: block; }
	.mooncake-awards.navbar-default .collapse.navbar-collapse .navbar-nav>li.award-home-icon { background: none; }

    /* Responsive Kuali homepage slider on mobile - by Wahidah on 10/5/2021 */
    #header .carousel-inner .item { background-attachment: scroll; width: 100%; }
    #header .carousel-control.left, #header .carousel-control.right { margin-top: 25% !important; }
}

@media (max-width: 767px) {
    #keyword_field { width: 100%; }  /* Search keyword field */
	.contributor-wrapper { display: initial; }		/* clear the contributor boxes */
	.carousel.carousel-fade { margin-top: 0; }
	#header.page-heading { margin-top: 0; }

    #recommended .item-img-box img { min-height: auto; }

    .add-more { float: none; }
    .ingredient-textarea { padding-bottom: 10px; }

    .topbar { height: auto; }   /* added to show the two lines topbar, on 20/9/2019 by Wahidah */
    .topbar-nav-info { display: none; }     /* hide the info title in topbar, on 20/9/2019 by Wahidah */
    .search-mobile { display: block; }  /* Show the search form field in mobile, on 20/9/2019 by Wahidah */

    .newsletter-checkbox li { width: 30%; }     /* Added to give width for checkboxes - by Wahidah on 24/3/2020 */

    .bakers-text { font-size: 22px; line-height: 30px; width: 100%; }    /* Added for Bakers Programme page - by Wahidah on 6/5/2020 */
}

@media (max-width: 768px) {
    .masthead { background: none; }     /* Added on 31/5/2019 by Wahidah */
    .invert img { max-height: 100%; }    

    #content .col-md-4.col-sm-6.col-xs-12 { padding: 0 15px; }      
}

@media screen and (max-width: 1024px) {
    .masthead { background: none; }     /* Added on 22/12/2020 by Wahidah */
}

@media screen and (min-width: 1200px) { /* Added by Wahidah on 12/02/2020 */
    .button-meta .button-box {
        /*display: block;*/
    }
}

@media (min-width: 992px) {
    #content .col-md-9 {
        width: 66%;
    }
	
	#content .col-md-3 {
        width: 33%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
	.footer .col-sm-8 {
		width: 100%;
	}
	
	.footer .footer-content .contact-col p { 
		border-bottom: none; 
	}

    .invert img { max-height: 100%; }

    .bakers-text { width: 100%; }    /* Added for Bakers Programme page - by Wahidah on 6/5/2020 */

    /* Mooncake Awards pages */
    .mooncake-awards.navbar-default .navbar-nav>li>a { font-size: 22px !important; padding: 5px 15px !important; }
    .mooncake-awards.navbar-default .collapse.navbar-collapse .navbar-nav>li.award-home-icon>a { margin-right: 30px; height: 28px; width: auto; }

    .mooncake-stories-legend h2.vc_custom_heading, .mooncake-stories-lanterns h2.vc_custom_heading,
	.mooncake-stories-origin h2.vc_custom_heading, .mooncake-stories-rabbit h2.vc_custom_heading { 
		font-size: 48px; 
	}
    .mooncake-stories-legend .description, .mooncake-stories-lanterns .description,
    .mooncake-stories-origin .description, .mooncake-stories-rabbit .description { 
		width: 95%; font-size: 24px; line-height: 28px; padding-top: 10px;
	}
	.mooncake-stories-legend .description p, .mooncake-stories-lanterns .description p,
	.mooncake-stories-origin .description p, .mooncake-stories-rabbit .description p { 
		padding-bottom: 10px;
	}
    .stories-legend-para-1 { margin-top: 68px; margin-right: 28px; width: 90%; }
    .stories-legend-para-2 { margin-top: 32px; margin-left: 32px; width: 90%; }
    .stories-legend-para-3 { margin-top: 80px; margin-right: 25px; width: 90%; }
    .stories-legend-para-4 { margin-top: 105px; margin-left: 25px; width: 90%; }
    .stories-legend-para-5 { margin-top: 90px; margin-right: 25px; width: 45%; }
    .stories-legend-para-6 { margin-top: 310px; margin-left: 25px; width: 90%; }
	
	.stories-rabbit-para-1 { width: 84%; padding-top: 350px; padding-right: 25px }
	.stories-rabbit-para-2 { width: 90%; padding-top: 100px; padding-right: 25px; }
	.stories-rabbit-para-3 { width: 62%; padding-top: 100px; padding-left: 25px; }
	.stories-rabbit-para-4 { width: 70%; padding-top: 140px; padding-right: 25px; }
	.stories-rabbit-para-5 { width: 95%; padding-top: 90px; padding-right: 25px; }
	.stories-rabbit-para-6 { width: 95%; padding-top: 110px; padding-left: 25px; }
	
	.stories-origin-para-1 { width: 52%; padding-top: 0px; padding-right: 25px }
	.stories-origin-para-2 { width: 74%; padding-top: 110px; padding-right: 25px; }
	.stories-origin-para-3 { width: 56%; padding-top: 110px; padding-left: 25px; }
	.stories-origin-para-4 { width: 100%; padding-top: 30px; padding-left: 25px; }
	
	.stories-lanterns-para-1 { width: 90%; padding-top: 56px; padding-left: 25px }
	.stories-lanterns-para-2 { width: 79%; padding-top: 24px; padding-right: 25px; }
	.stories-lanterns-para-3 { width: 73%; padding-top: 80px; padding-left: 25px; }

    h2.vc_custom_heading.stories-group-title { font-size: 28px; }
	.mooncake-stories-legend h2.vc_custom_heading.stories-group-title { margin-top: 100px; }
	.mooncake-stories-rabbit h2.vc_custom_heading.stories-group-title { margin-top: 100px; }
	.mooncake-stories-origin h2.vc_custom_heading.stories-group-title { margin-top: 250px; }
	.mooncake-stories-lanterns h2.vc_custom_heading.stories-group-title { margin-top: 180px; }
	
	.mooncake-stories-legend .stories-group { padding-bottom: 50px !important; }
	.mooncake-stories-rabbit .stories-group { padding-bottom: 50px !important; }
	.mooncake-stories-origin .stories-group { padding-bottom: 50px !important; }
	.mooncake-stories-lanterns .stories-group { padding-bottom: 50px !important; }
	
	.mooncake-stories-legend .stories-title { margin-top: 30px !important; }
	.mooncake-stories-origin .stories-title { margin-top: -30px !important; }
	.mooncake-stories-lanterns .stories-title { margin-top: -10px !important; }

    .navbar-default.navbar-fixed-top { min-height: 0; }
    .navbar-default .navbar-nav>li>a { font-size: 14px !important; padding: 25px 10px; }
    .navbar-default .navbar-brand { padding: 10px 10px 10px 10px; }
    .navbar-default .navbar-brand img { padding-top: 0; margin-top: -3px; }
}

@media (min-width: 991px) and (max-width: 1024px) {
	.mooncake-stories-legend .description, .mooncake-stories-lanterns .description, 
	.mooncake-stories-origin .description, .mooncake-stories-rabbit .description { width: 96%; }
	
	.stories-legend-para-1 { margin-top: 40px; margin-right: 50px; width: 90%; } 
	.stories-legend-para-2 { margin-top: 40px; margin-left: 134px; width: 80%; }
	.stories-legend-para-3 { margin-top: 30px; margin-right: 50px; width: 80%; }
	.stories-legend-para-4 { margin-top: 40px; margin-left: 50px; width: 65%; }
	.stories-legend-para-5 { margin-top: 20px; margin-right: 35px; width: 44%; }
	.stories-legend-para-6 { margin-top: 180px; margin-left: 50px; width: 75%; }  
	
	.stories-rabbit-para-1 { width: 83%; padding-top: 260px; padding-right: 70px; }
	.stories-rabbit-para-2 { width: 82%; padding-top: 70px; padding-right: 60px; }
	.stories-rabbit-para-3 { width: 55%; padding-top: 80px; padding-left: 40px; }
	.stories-rabbit-para-4 { width: 65%; padding-top: 100px; padding-right: 80px; }
	.stories-rabbit-para-5 { width: 90%; padding-top: 110px; padding-right: 127px; }
	.stories-rabbit-para-6 { width: 90%; padding-top: 80px; padding-left: 50px; }
	
	.stories-origin-para-1 { width: 52%; padding-top: 0px; padding-right: 60px; }
	.stories-origin-para-2 { width: 58%; padding-top: 130px; padding-right: 50px; }
	.stories-origin-para-3 { width: 50%; padding-top: 80px; padding-left: 100px; }
	.stories-origin-para-4 { width: 90%; padding-top: 30px; padding-left: 40px; }
	
	.stories-lanterns-para-1 { width: 84%; padding-top: 110px; padding-left: 50px; }
	.stories-lanterns-para-2 { width: 90%; padding-top: 45px; padding-right: 45px; }
	.stories-lanterns-para-3 { width: 66%; padding-top: 75px; padding-left: 50px; }
	 
	.mooncake-stories-legend .stories-title { margin-top: 10px !important; }
	.mooncake-stories-origin .stories-title { margin-top: -40px !important; }
}

.platform {
	--breakpoint:mobile;
}

@media all and (min-width: 768px) { /* Updated for fixing iPhone 6+ and Samsung Note 10 view issue, on 20/9/2019 by Wahidah (min-width: 25em) */
  .platform {
	--breakpoint:tablet;
  }
}

@media all and (min-width: 50em) {
  .platform {
	--breakpoint:desktop;
  }
}
.recommended-widget-mobile #div-gpt-ad-Responsive_Kuali_ROS_ATF_Rect {
    text-align: center;
}
div#div-gpt-ad-Responsive_Kuali_ROS_BTF_Rect {
    text-align: center !important;
}
@media only screen and (max-width: 600px) {
  .sidebar .widget-white {
    margin: 0 auto;
    width: 100%;
  }
}