/*
 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 */
.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: 87%; }    /* 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;
	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; }

/* 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: #E11B2E; 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; }

#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; }

.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:56% !important; }

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

/* Festival Masthead */
.masthead { background: url(img/masthead/kuali-masthead-cny2020.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; }

@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 (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 */
}

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

@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 */
}

@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 (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%; }
}

.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;
  }
}