/* FONTS
========================================================================== */
@font-face {
	font-family: "Rooney-Black";
	font-weight: 900;
	font-style: normal;
	src: url("../fonts/RooneyPro-Black.woff") format("woff"), 
	url("../fonts/RooneyPro-Black.woff2") format("woff2");
}

@font-face {
	font-family: "Rooney-Heavy";
	font-weight: 800;
	font-style: normal;
	src: url("../fonts/RooneyPro-Heavy.woff") format("woff"), 
	url("../fonts/RooneyPro-Heavy.woff2") format("woff2");
}

@font-face {
	font-family: "McCainWedgeBrush-Regular";
	font-weight: 400;
	font-style: normal;
	src: url("../fonts/McCainWedgeBrush-Regular.woff") format("woff"), 
		url("../fonts/McCainWedgeBrush-Regular.woff2") format("woff2");
}

@font-face {
	font-family: "Brother-Black";
	font-weight: 900;
	font-style: normal;
	src: url("../fonts/Brother-1816-Black.woff") format("woff");
}

@font-face {
	font-family: "Brother-Medium";
	font-weight: 500;
	font-style: normal;
	src: url("../fonts/Brother-1816-Medium.woff") format("woff");
}

@font-face {
	font-family: "Brother-Book";
	font-weight: 300;
	font-style: normal;
	src: url("../fonts/Brother-1816-Book.woff") format("woff");
}

/*New Typography */
.fnt-yellow {
	color: #ffd750;
}

.fnt-black {
	color: #1d1d1b;
}

.fnt-orange {
	color: #ff9100;
}

.fnt-cream {
	color: #fffadc;
}

.rooney-heavy {
	font-family: Rooney-Heavy, Helvetica, Arial, sans-serif !important;
}

.rooney-black {
	font-family: Rooney-Black, Helvetica, Arial, sans-serif !important;
}

.products-details .title-holder .h1 span{
	text-transform: none;
}

.products-details .title-holder h2 {
	margin-top: 40px;
	font-weight: 900;
	font-family: Brother-Black, Helvetica, Arial, sans-serif;
}

.products-details .title-holder .h1 {
	color: #ff9100;
}

.products-details .serving-cell .title {
	font-family: Brother-Medium, Helvetica, Arial, sans-serif;
}


	.header-links a{
		font-family: Brother-Black, Helvetica, Arial, sans-serif;
	}

/*END New Typography*/
/* CSS reset */
html {
	box-sizing: border-box;
}
*,
*:before,
*:after {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	box-sizing: inherit;
}
img, a img, :link img, :visited img {
	display: block;
	border: 0;
	max-width: 100%;
}
:focus {
	outline: 0;
}

/* Clarification CSS */
.left {
	float: left;
}
.right {
	float: right;
}

strong, b {
	font-weight: 900;
}
i, em, var, address {
	font-style: italic;
}

a:hover {
	color: #1d1d1b;
	text-decoration: none;
}

table, td, th {
  border: 1px solid;
}

td, th {
    padding: 5px;
    vertical-align: top;
}

table {
  width: 100%;
  border-collapse: collapse;
}

/* Main Elements */
body {
	font-family: "Brother-Book", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 24px;
	color: #1d1d1b;
}
a, p, input[type=text], textarea, label {
	font-family: "Brother-Book", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 24px;
}
h1, .h1 {
	font-family: "Rooney-Black", Helvetica, Arial, sans-serif;
	font-style: normal;
    font-weight: 900;
	font-size: 70px;
	line-height: 1.2;
	margin-bottom: 30px;
}
.main-title {
	font-family: "Rooney-Black", Helvetica, Arial, sans-serif;
	text-align:center;
	margin-bottom: 50px;
	font-weight:900;
}
h1.main-title {
	text-transform: capitalize !important;
	color: #FF9100;
}

h2 {
	font-family: Rooney-Heavy, Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 36px;
	line-height: 1.1em;
}

h2.bold {
	font-weight: 900;
}

h2.orange{
	font-family: "Rooney-Black", Helvetica, Arial, sans-serif;
}

h3 {
	font-family: "Rooney-Black", Helvetica, Arial, sans-serif;
	font-style: normal;
    font-weight: 800;
	font-size: 24px;
	line-height: 1.5em;
}
h3.bold {
	font-weight: 900;
}
h4 {
	font-family: "Rooney-Black", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 20px;
	line-height: 1.5em;
}
h5 {
	font-family: "Rooney-Black", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 18px;
	line-height: 1.5em;
}
ul, ol {
	margin-left: 20px;
}
.desktop, img.desktop {
	display: block;
}
.tablet, img.tablet {
	display: none;
}
.mobile, img.mobile {
	display: none;
}
.link {
	font-family: "Brother-Black", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 900;
	font-size: 18px;
	line-height: 1.5px;
	text-decoration-line: underline;
	color: #F3AB26;
}
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.block {
	display:block;
}

.col-md-6 > div > h1,
.col-md-12 > div > h1 {
	/* text-transform:uppercase; */
	color: #FF9100;
}

.col-md-6 > div > img {
	margin: 0 auto;
}

p:last-child {
	margin-bottom: 0;
}

/* Grid*/
.no-gutters .container {
	padding: 0;
}

.no-gutters .container .col-md-6 {
	padding: 0;
}

.gutters-sm .container .col-md-6 {
	padding: 15px;
}

.gutters-md .container .col-md-6 {
	padding: 20px;
}

.gutters-lg .container .col-md-6 {
	padding: 30px;
}

.padding-sm .container {
	padding: 20px 15px;
}

.padding-md .container {
	padding: 40px 15px;
}

.padding-lg .container {
	padding: 50px 15px;
}

.padding-xlg .container {
	padding: 100px 15px;
}

.padding-top-sm .container {
	padding: 20px 15px 0 15px;
}

.padding-top-md .container {
	padding: 40px 15px 0 15px;
}

.padding-top-lg .container {
	padding: 50px 15px 0 15px;
}

.padding-bottom-sm .container {
	padding: 0 15px 20px 15px;
}

.padding-bottom-md .container {
	padding: 0 15px 40px 15px;
}

.padding-bottom-lg .container {
	padding: 0 15px 50px 15px;
}

.full-width-row .container {
	max-width: 100%;
	padding-right: 0;
	padding-left: 0;
}

.full-width-row .container .col-md-12 {
	padding-right: 0;
	padding-left: 0;
}

.full-width-row .container .row.clearfix {
	display: flex;
	margin-left: 0;
	margin-right: 0;
}

.grey-bg {
	background-color: #f7f7f7;
}

.container .row.clearfix {
	display: flex;
}

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.generic-page h1.page-title {
	text-align: left;
	margin-top: 50px;
}

/* For HTML5 to be rendered correctly in old browsers */
article,aside,figcaption,figure,footer,header,hgroup,nav,section,time {
	display: block;
}
.gold {
	color: #F5A700;
}
	.bg-gold {
		background-color: #F5A700;
	}
.red {
	color: #CA261D;
}
	.bg-red {
		background-color: #CA261D;
	}
.yellow {
	color: #FFC800;
}
	.bg-yellow {
		background-color: #FFC800;
	}
.error {
	color: #E67A2B;
}
	.bg-error {
		background-color: #E67A2B;
	}
.success {
	color: #69CA1D;
}
	.bg-success {
		background-color: #69CA1D;
	}

.button-holder {

}

.button-holder.left {
	text-align: left;
}
.button-holder.center {
	text-align: center;
}
.button-holder.right {
	text-align: right;
}

	.button-holder .button {
		display: inline-block;
		font-family: "Brother-Black", Helvetica, Arial, sans-serif;
		font-style: normal;
		font-weight: 900;
		font-size: 18px;
		text-decoration: none;
		line-height: 1.3;
		padding: 12px 35px 12px 35px;
		color: #1d1d1b;
		background: rgba(255, 255, 255, 0.6);
		border: 3px solid #F5A700;
		border-radius: 200px;
	}
        
        .button-holder .button:hover {
            box-shadow: 0px 4px 5px -1px rgba(29, 29, 27, 0.67);
        }
        
        .button-holder .button:focus {
            background: #F5A700;
        }
		.button-holder .button.gold {
			background: #F5A700;
		}

	.button-holder.sm .button {
		font-size: 16px;
	}

	body {padding-top: 0.5px;}
	
	.sticky {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10;
	}
		.sticky + .content {
			padding-top: 60px;
		}

/* Pages or Widgets*/
header {
	position: relative;
}
	.top-mobile {
		display: none;
	}
	header .top {
		background-color: #000;
		overflow: hidden;
	}
		header .top-holder {
			display: grid;
			justify-content: start;
			align-content: center;
			grid-auto-flow: column;
			gap: 30px;
			background: #F5A700;
			border-radius: 50px 0px 0px 50px;
			margin-left: 55%;
				-webkit-transition: margin 0.7s;
			transition: margin 0.7s;
		}
			header.active .top-holder {
				margin-left: 39%;
					-webkit-transition: margin 0.7s;
				transition: margin  0.7s;
			}
			header .search-holder {
				position: relative;
				width: 42px;
				height: 56px;
				-webkit-transition: width 1s;
				transition: width 1s;
			 }
				header.active .search-holder {
					width: 280px;
					-webkit-transition: width 1s;
					transition: width 1s;
				 }
				header .search-holder .search-icon {
					position: absolute;
					top: 50%;
					transform: translateY(-50%);
					left: 15px;
					max-width: 27px;
					cursor: pointer;
				}
					header.active .search-holder .search-icon {
					}
				header .top .search-holder input {
					visibility: hidden;
				}
					header.active .top .search-holder input, header .search-holder input {
						visibility: visible;
						padding: 15px 15px 15px 50px;
						background: #F5A700;
						box-shadow: 4px 0px 4px rgba(29, 29, 27, 0.4);
						border-radius: 50px;
						max-width: 280px;
					}
					header .top .search-holder input::placeholder {
						font-weight: 900;
						color: #1d1d1b;
					}
			.social-networks {
				display: grid;
				grid-template-columns: repeat(2, 1fr);
				grid-gap: 10px;
				padding: 15px 0px;
			}
				.social-networks a {
					max-width: 27px;
				}
			header .header-links {
				padding: 15px 0px;
			}
				header .header-links a {
					font-weight: 900;
					font-size: 16px;
					line-height: 24px;
					color: #1d1d1b;
					text-decoration: none;
					padding: 0px 5px;
				}
	header .navigation-holder {
		position: relative;
		padding: 20px 0px;
		background: rgba(255, 255, 255, 0.8);
		box-shadow: 0px 4px 5px -1px rgb(0 0 0 / 25%);
		z-index: 1;
	}
		.navigation-holder .center-wrapper {
			position: relative;
			right: -100px;
			display: table;
			margin: 0px auto;
		}
		.navigation-holder nav {
			display: flex;
			align-content: center;
		}
			.navigation-holder .logo {
				position: absolute;
				top: -55px;
				left: -210px;
				max-width: 190px;
			}
			.navigation-holder nav .menu-item {
				position: relative;
			}
				.navigation-holder nav .menu-item a {
					font-family: "Brother-Black", Helvetica, Arial, sans-serif;
					font-style: normal;
					font-weight: 900;
					font-size: 24px;
					line-height: 36px;
					text-decoration: none;
					color: #1d1d1b;
					padding: 0px 35px;
				}
			.navigation-holder nav .menu-subitems {
				display: none;
			}
				.navigation-holder nav .menu-item:hover .menu-subitems {
					position: absolute;
					left: 20px;
					min-width: 270px;
					background: #fff;
					box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
					padding: 10px 0px;
				}
				.navigation-holder nav .menu-subitems a {
					display: block;
					font-style: normal;
					font-weight: 300;
					font-size: 19px;
					line-height: 1.6;
					padding: 5px 10px !important;
					font-family: Brother-Medium, Helvetica, Arial, sans-serif;
				}
					.navigation-holder nav .menu-subitems a:hover {
						font-weight: 700;
						background-color: #F5A700;
					}
.form-holder {
    margin-bottom: 15px;
    max-width: 500px;
    margin:auto auto auto 15px auto;
} 
	.form-holder .input-holder {
		margin-bottom: 15px;
	}
	.form-holder input {
		border: 3px solid #000;
		box-sizing: border-box;
		border-radius: 200px;
		padding: 10px 20px;
		width: 100%;
	}
	.form-holder input::placeholder {
		color: #1d1d1b;
	}
.signup {
}
	.signup .signup-holder {
		max-width: 700px;
		margin: 50px auto;
		padding: 0px 20px;
		text-align: center;
	}
		.signup .signup-holder h2 {
			margin-bottom: 30px;
		}
		.signup .signup-holder .form-holder {
			max-width: 500px;
			margin: 0px auto 30px auto;
		}
		.signup .signup-holder .button-holder {
		}
.cookie-policy {
	position: fixed;
	bottom: 0px;
	background: #000;
	padding: 50px 80px;
	text-align: center;
}
	.cookie-policy p {
		color: #fffadc;
	}
	.cookie-policy .close {
		position: absolute;
		top: 20px;
		right: 20px;
		max-width: 40px;
		cursor: pointer;
	}
footer {
	background: #FFD040;
	mix-blend-mode: normal;
	text-align: center;
	padding: 40px 5% 25px 5%;
}
	footer .footer-nav-holder {
		display: grid;
		grid-template-columns: 6fr 1fr;
		margin-bottom: 30px;
	}
	footer .nav {
		display: grid;
		grid-auto-flow: column;
		grid-gap: 10px;
	}
		footer .nav a {
			font-family: "Brother-Black", Helvetica, Arial, sans-serif;
			font-weight: 900;
			font-size: 18px;
			line-height: 27px;
			color: #1d1d1b;
			text-decoration: none;
		}
		footer .social-networks {
			max-width: 60px;
			padding: 0px;
		}
	footer .copy {
		font-family: "Brother-Black", Helvetica, Arial, sans-serif;
		font-weight: 900;
		font-size: 18px;
		line-height: 27px;
	}

/*Main Content*/
body {
	background-image: url('/images/content-bg.jpg');
	background-repeat: repeat-y;
}
.main-content {
	background-image: url(/images/banner-footer-pre.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding-bottom: 50px;
}

/* Main Banner */
.main-banner {
	position: relative;
	width: 100%;
	margin: 0px auto;
}

	.main-banner .slide {
		position: relative;
	}

	.main-banner .content-holder {
		position: absolute;
		top: 50%;
		left: 15%;
		transform: translateY(-50%);
	}
	.main-banner h1 {
		font-family: "McCainWedgeBrush-Regular", Helvetica, Arial, sans-serif;
		font-weight: 400;
		line-height: 1;
		text-transform: uppercase;
		font-size: 85px;
		color: #ff9100;
	}

	.main-banner h1 span.rooney-heavy {
		text-transform: none;
		font-size: 46px;
	}

	.main-banner .image-holder {
	}
	.main-banner .image-holder img {
		width: 100%;
	}
	.main-banner .button-holder {
		margin-top: 50px;
	}

	.main-banner .slick-prev, .main-banner .slick-next {
		position: absolute;
		z-index: 1;
		width: 35px;
		height: 64px;
		background: url(/images/icon-arrow-yellow.png) no-repeat left;
		background-size: cover;
		color: transparent;
		top: 50%;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		outline: none;
	}

	.main-banner .slick-prev {
		left: 20px;
	}

	.main-banner .slick-next {
		right: 20px;
		background-position: -35px 0;
	}

	.main-banner .slick-prev:before {
		content: '';
	}

	.main-banner .slick-next:before {
		content: '';
	}


/* Product highlights */
.product-highlights {
	
}
	.product-highlights h2 {
		font-weight: 900;
		margin-bottom: 30px;
	}
	.product-highlights .products-grid-holder {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
		grid-gap: 50px;
		max-width: 1400px;
		margin: 0 auto;
	}
		.product-highlights .products-grid-item {
			text-decoration: none;
			text-align: center;
		}
			.product-highlights .products-grid-item h3 {
				font-family: "Brother-Black", Helvetica, Arial, sans-serif;
				font-style: normal;
				font-weight: 900;
				font-size: 24px;
				line-height: 25px;
				color: #1d1d1b;
				margin: 30px auto 0 auto;
				max-width: 230px;
			}
			.product-highlights .products-grid-item .image-holder {
				max-width: 230px;
				margin: 0px auto;
			}
		.product-highlights .button-holder {
			display: table;
			margin: 30px auto 0px auto;
		}


/* Responsive Video container */
.video-wrapper {
	max-width: 900px;
	margin: 0 auto;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;	
}

.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

	.video-container.tv-frame {
		background: url(/images/image-bg-tv.png) center center;
		background-size: contain;
		background-repeat: no-repeat;
	}

	.video-container.tv-frame iframe {
		padding: 1.9% 2.5% 3% 2.5%;
	}

/* About us */
.about-us-widget {
	position: relative;
	margin: 50px auto;
}
.about-us-widget .content-holder {
	position: absolute;
	top: 50px;
	left: 50%;
	transform: translateX(-50%);
	max-width: 600px;
	text-align: center;
}
.about-us-widget .content-holder h2 {
	font-weight: 900;
	margin-bottom: 20px;
	color: #FF9100;
}
.about-us-widget .content-holder p {
	margin-bottom: 20px;
}
.about-us-widget .image-holder {
	min-height: 600px;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}


/* Timeline */
.timeline {
	font-family: "Brother-Black", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 900;
}

.timeline .item .item-holder {
}

.timeline .item .item-holder .subtitle {
	text-align: center;
	padding: 10px;
}

.timeline .item {
}

	.timeline h3 {
		text-align: center;
		margin: 20px 0;
		font-weight: 900;
		line-height: 1em;
		font-family: Brother-Black, Helvetica, Arial, sans-serif;
	}

.timeline .dot-holder {
	position: relative;
	margin-bottom: 40px;
}

.timeline .dot-holder .dot {
	width: 20px;
	height: 20px;
	background-color: #F5A700;
	margin: 0 auto;
	border-radius: 50%;
}

.timeline .dot-holder .line {
	border-top: 1px solid #F5A700;
	width: 100%;
	position: absolute;
	top: 50%;
}

.timeline .item .item-holder .box {
	padding: 10px;
	background-color: #fff;
	margin: 0 10px;
}

	.timeline .slick-prev, .timeline .slick-next {
		background-color: #F5A700;
		top: 54px;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		z-index: 1;
		
	}
	.timeline .slick-prev {
		left: 0;
		
	}

	.timeline .slick-next {
		right: 0;
	}

	.timeline .slick-prev:before {
		content: " ";
		background-image: url('/images/icon-arrow-prev-white.png');
		background-size: contain;
		background-repeat: no-repeat;
		background-position: 4px 0;
		width: 20px;
		height: 20px;
		display: block;
		margin: 0 auto;
	}

	.timeline .slick-next:before {
		content: " ";
		background-image: url('/images/icon-arrow-next-white.png');
		background-size: contain;
		background-repeat: no-repeat;
		background-position: 6px 0;
		width: 20px;
		height: 20px;
		display: block;
		margin: 0 auto;
	}


	/* Instagram widget */
	.instagram-widget {
		margin-bottom: 50px;
		padding: 0px 20px;
	}
	.instagram-widget .header-holder {
		display: grid;
		grid-template-columns: 1fr 3fr 1fr;
		align-items: center;
		grid-gap: 30px;
		max-width: 800px;
		margin: 0px auto 30px auto;
	}
		.instagram-widget .header-holder .image-holder {
			max-width: 160px;
		}
		.instagram-widget .header-holder .middle-content {
		}
			.instagram-widget .header-holder h3 {
				font-weight: 900;
			}
		.instagram-widget .header-holder h3 a {
			font-weight: inherit;
			font-size: inherit;
			color: #1d1d1b;
		}
			.instagram-widget .header-holder .text {
			}
		.instagram-widget .header-holder .button-holder {
		}
	.instagram-widget .instagram-grid-holder {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		align-items: center;
		grid-gap: 10px;
		max-width: 1860px;
		margin: 0 auto;
	}

	.instagram-grid-item {
		display:block;
		aspect-ratio:1;
	}

.instagram-grid-item img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

/* Article */
.article {
	display: grid;
	max-width: 1060px;
	margin: 100px auto;
	padding: 0px 20px;
}
	.article.two-column {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 50px;
	}
		.article .column .h1 {
			font-size: 58px;
			margin-bottom: 30px;
			text-transform: uppercase;
			word-break: break-word;
		}
		.article .column .image-holder {
		}
		.article .column p {
		}
		.article .column .button-holder {
			margin: 30px 0px;
		}


/* Header widget */
.header-widget {
	position: relative;
}
	.header-widget .header-widget-banner {
		position: relative;
	}
	.header-widget .content-holder {
		position: absolute;
		top: 50%;
		left: 15%;
		transform: translateY(-50%);
	}
		.header-widget .content-holder .h1 {
			font-family: "McCainWedgeBrush-Regular", Helvetica, Arial, sans-serif;
			font-weight: 400;
			line-height: 1.25;
			text-transform: uppercase;
			font-size: 86px;
			margin-bottom: 0;
		}
	.header-widget.section .content-holder {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
		.header-widget.section .content-holder .h1 {
			color: #fffadc;
		}
		.header-widget.section .section-text {
			position: relative;
			background: #F5A700;
			mix-blend-mode: multiply;
			padding: 50px;
		}
			.header-widget.section .section-text p {
				text-align: center;
				max-width: 900px;
				margin: 0px auto;
				font-family: "Brother-Medium", Helvetica, Arial, sans-serif;
				font-style: normal;
				font-weight: 500;
			}
	.header-widget .image-holder {
	}
		.header-widget .image-holder img {
			width: 100%;
		}

.breadrumb {
	max-width: 1080px;
	margin: 40px auto;
	padding: 0 20px;
}
	.breadrumb a {
		color: #1d1d1b;
		text-decoration: none;
	}
		.breadrumb a:after {
			content: '>';
			padding-left: 7px;
		}
		.breadrumb a:last-child::after {
			display: none;
		}
		.breadrumb a:last-child {
			font-family: 'Brother-Black';
			font-weight: 900;
		}


/* Products */
.products-page {
}
.products-selector {
	max-width: 1080px;
	margin: 40px auto;
	padding: 0 20px;
}
	.products-selector .selector-item {
		position: relative;
	}
		.products-selector .selector-item:after {
			content: '';
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			border-bottom: 1px solid #000;
			max-width: 90%;
			width: 100%;
		}
			.products-selector .selector-item:last-child:after {
				display: none;
			}
		.products-selector .selector-item h2 {
			position: relative;
			font-weight: 900;
			padding: 30px 0px;
			cursor: pointer;
			color: #FF9100;
		}
			.products-selector .selector-item h2:after {
				content: '';
				position: absolute;
				top: 50%;
				right: 0px;
				width: 26px;
				height: 21px;
				background: url(/images/icon-arrow-black.png) no-repeat left;
				background-size: contain;
				transform: translateY(-50%);
			}
				.products-selector .selector-item.active h2:after {
					transform: translateY(-50%) rotate(180deg);
				}
	.products-selector .products-selector-grid {
		display: none;
		grid-template-columns: repeat(4, 1fr);
		grid-gap: 50px;
		padding: 0px 0px 50px 0;
	}
		.products-selector .active .products-selector-grid {
			display: grid;
		}
		.products-selector .products-selector-item {
			text-decoration: none;
		}
			.products-selector .products-selector-item .image-holder {
				margin-bottom: 20px;
			}
			.products-selector .products-selector-item .title  {
				font-family: "Brother-Black", Helvetica, Arial, sans-serif;
				text-align: center;
				font-weight: 900;
				font-size: 24px;
				line-height: 25px;
				color: #1d1d1b;
			}


/* Products details */
.products-details {
	max-width: 1080px;
	margin: 50px auto;
	padding: 0px 20px;
}
	.products-details .header {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 50px;
		align-items: center;
	}
		.products-details .title-holder {
		}
			.products-details .title-holder .h1 {
				text-transform: uppercase;
			}
			.products-details .title-holder h2 {
				margin-top: 40px;
				font-weight: 900;
			}
		.products-details .products-details-image {
		}
			.products-details .image-holder {
				max-width: 500px;
				margin: 0px auto;
				text-align: center;
			}
			.products-details .image-holder img {
				display: inline-block;
			}
			.products-details .thumbnails {
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(86px, max-content));
				grid-gap: 20px;
				justify-content: center;
			}
				.products-details .thumbnails .image-holder {
					max-width: 86px;
					cursor: pointer;
				}
	.products-details .products-details-section {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 150px;
		padding: 25px 0px;
	}
		.products-details .products-details-section .column {
			display: flex;
			flex-direction: column;
			gap: 30px;
		}

		.products-details .products-details-section h3 {
			font-weight: 900;
			margin-bottom: 10px;
		}
		.products-details .products-details-section .text {
		}
			.products-details .products-details-section .text p {
				margin-bottom: 5px;
			}
	.products-details .buynow {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 20px;
		margin: 30px 0px;
	}
		.products-details .buynow .buynow-item {
			display: none;
		}

		.australia .products-details .buynow .buynow-item.australia {
			display: block;
		}

		.new-zealand .products-details .buynow .buynow-item.new-zealand {
			display: block;
		}
		.products-details .buynow .buynow-item.all-countries {
			display: block;
		}

			.products-details .buynow-item .image-holder {
				margin-bottom: 20px;
			}
				.products-details .buynow-item .image-holder img {
					max-height: 50px;
					margin: 0px auto;
				}
			.products-details .buynow-item .button-holder {
				display: table;
				margin: 0px auto;
			}
	.products-details .serving-info {
	}
	.products-details .nutrition-facts {
		margin-top: 30px;
	}
		.products-details .serving-table {
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			border: 0.25px solid #817F7F;
			box-sizing: border-box;
			margin: 20px 0px;
		}
			.products-details .serving-cell {
				padding: 6px;
				border: 0.25px solid #817F7F;
				box-sizing: border-box;
			}
				.products-details .serving-cell .title {
					font-weight: 900;
					margin-bottom: 10px;
				}
	.products-details .title {
		font-weight: 900;
		margin-bottom: 10px;
	}
		.products-details .baking-instructions ul {
			margin-left: 20px;
			margin-bottom: 20px;
			list-style: decimal;
		}
	.products-details .caution {
		margin-bottom: 20px;
	}
	.products-details .note {
		margin-bottom: 20px;
	}

	.products-details .storage p:last-child {
		margin-bottom: 0;
	}


/* Related products */
.related-products {
	max-width: 1080px;
	margin: 0px auto;
	padding: 0px 20px;
}
	.related-products h2 {
		font-weight: 900;
	}
	.related-products .related-products-grid {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-gap: 25px;
		margin: 50px 0px;

	}
		.related-products .related-products-item {
			text-decoration: none;
			margin-bottom: 20px;
		}
			.related-products .related-products-item .title {
				text-align: center;
				color: #1d1d1b;
				font-size: 21px;
				padding-top: 5px;
				font-family: "Brother-Black", Helvetica, Arial, sans-serif;
				font-style: normal;
				font-weight: 900;
			}
			.related-products .related-products-item .image-holder {
				max-width: 245px;
				margin: 0px auto;
			}


/* Contact us */
.contact-us-page {
	max-width: 1080px;
	margin: 0px auto;
	padding: 0px 20px;
}
	.contact-us-page h1 {
		text-transform: uppercase;
		margin-bottom: 30px;
	}
	.contact-us-page h2 {
		font-weight: 900;
		margin-bottom: 30px;
	}
		.faq-holder .faq-item {
			position: relative;
		}
			.faq-holder .faq-item:after {
				content: '';
				position: absolute;
				left: 50%;
				transform: translateX(-50%);
				border-bottom: 1px solid #000;
				max-width: 100%;
				width: 100%;
			}
				.faq-holder .faq-item:last-child:after {
					display: none;
				}
			.faq-holder .faq-item .question {
				font-family: "Brother-Black", Helvetica, Arial, sans-serif;
				font-style: normal;
				font-weight: 900;
				padding: 30px 0px;
				cursor: pointer;
			}
				.faq-holder .faq-item .question:after {
					content: '';
					position: absolute;
					top: 50%;
					right: 0px;
					width: 26px;
					height: 21px;
					background: url(/images/icon-arrow-black.png) no-repeat left;
					background-size: contain;
					transform: translateY(-50%);
				}
					.faq-holder .faq-item.active .question:after {
						transform: translateY(-50%) rotate(180deg);
					}
			.faq-holder .faq-item .answer {
				display: none;
				margin-bottom: 30px;
			}
				.faq-holder .faq-item.active .answer {
					display: block;
				}
.contact-menu {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	grid-gap: 30px;
	justify-items: center;
	margin: 50px auto;
}
		.contact-menu .contact-menu-item {
			border: 3px solid rgba(194, 197, 204, 0.95);
			box-sizing: border-box;
			box-shadow: 0px 4px 4px rgba(29, 29, 27, 0.25);
			border-radius: 20px;
			text-decoration: none;
			padding: 40px;
			max-width: 240px;
			display: block;
			width: 100%;
		}

			
			.contact-menu .contact-menu-item.active {
				border: 3px solid #FFD040;
			}

            .contact-menu .contact-menu-item:hover {
                box-shadow: 0px 4px 5px -1px rgba(29, 29, 27, 0.67);
            }

            .contact-menu .contact-menu-item:focus {
                box-shadow: 0px 4px 5px 1px rgba(29, 29, 27, 0.67);
            }

.contact-menu-item .image-holder {
	margin-bottom: 20px;
	height: 120px;
	width: 120px;
	margin: 0 auto 20px auto;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.contact-menu #product-feedback-link .image-holder {
	background-image: url("/images/icon-mail-box.png");
}
.contact-menu #product-feedback-link.active .image-holder {
	background-image: url("/images/icon-mail-box-active.png");
}
.contact-menu #compliment-link .image-holder {
	background-image: url("/images/icon-compliment.png");
}
.contact-menu #compliment-link.active .image-holder {
	background-image: url("/images/icon-compliment-active.png");
}
.contact-menu #general-link .image-holder {
	background-image: url("/images/icon-feedback.png");
}

.contact-menu #general-link.active .image-holder {
	background-image: url("/images/icon-feedback-active.png");
}

.contact-menu-item h3 {
	font-family: "Brother-Black", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 900;
	text-align: center;
	color: #1d1d1b;
}
		.contact.form-holder {
		}
		.contact.form-holder .form-holder {
			display: grid;
			grid-auto-flow: column;
			grid-gap: 20px;
		}
		.contact.form-holder .form-holder input, .contact.form-holder .form-holder textarea {
			border: 3px solid #F5A700;
			border-radius: 5px;
		}
		.contact.form-holder textarea {
			resize: vertical;
			box-sizing: border-box;
			border-radius: 200px;
			padding: 10px 20px;
			width: 100%;
		}
			.contact.form-holder textarea::placeholder {
				color: #1d1d1b;
			}
		.contact.form-holder .error-message {
			display: none;
		}
		.contact.form-holder .error-message.active {
			display: block;
			font-size: 12px;
			color: #D93420;
		}
		.contact.form-holder .image-upload {
			background: rgba(196, 196, 196, 0.2);
			border: 3px solid #817F7F;
			border-radius: 4px;
			text-align: center;
			padding: 20px;
			text-decoration: none;
			color: #1d1d1b;
		}
			.contact.form-holder .image-upload .image-holder img {
				max-width: 42px;
				margin: 20px auto 0px auto;
			}
		.contact.form-holder .footnote {
			text-align: right;
		}
	.direct-contact {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		margin: 100px auto;
		align-items: center;
	}
		.direct-contact h2 {
			margin: 0px;
		}


/* Subscribe page */
.subscribe-page {
	max-width: 1080px;
	margin: 50px auto;
	padding: 0px 20px;
}
	.subscribe-page h1 {
		text-transform: uppercase;
		text-align: left;
	}
    .subscribe-page .subscribe-widget {
    }

	.subscribe-page .subscribe-widget .subscribe-widget-holder .form-holder{
		max-width: 600px;
		margin: 20px auto;
	}
	.subscribe-page .subscribe-widget .subscribe-widget-holder .form-holder .formulate__field {
		margin-bottom: 30px;
	}

	.subscribe-page .subscribe-widget .subscribe-widget-holder .form-holder .formulate__field input{
            border: 3px solid #F5A700;
        }

	.subscribe-page .subscribe-widget .subscribe-widget-holder .form-holder .formulate__field__label {
		display: inherit;
		text-align: left;
	}

	.subscribe-page .formulate__validation-type--required .formulate__field__label:after {
        content: "*";
        display: inline-block;
        margin-left: 5px;
    }

	.subscribe-page .subscribe-widget .subscribe-widget-holder .form-holder .formulate__field__label{
		font-weight: 900;
		font-size: 24px;
		line-height: 25px;
		margin-bottom: 10px;
	}

    .follow-us {
        display: grid;
        grid-template-columns: 1fr 64px 64px;
        grid-gap: 25px;
        max-width: 550px;
        margin: 30px auto;
		align-items: center;
    }
		.follow-us h2 {
			font-family: "Rooney-Black", Helvetica, Arial, sans-serif;
			font-style: normal;
          	font-weight: 900;
		}
		.follow-us a {
			display: block;
		}
		.follow-us img {
			width: 100%;
			max-width: 55px;
		}

/*Subscribe Widget*/

.subscribe-widget {
}

.subscribe-widget .subscribe-widget-holder {
	max-width: 700px;
	margin: 50px auto;
	padding: 0px 20px;
	text-align: center;
}

.subscribe-widget .subscribe-widget-holder h2 {
	margin-bottom: 30px;
}

.subscribe-widget .subscribe-widget-holder .form-holder {
	max-width: 500px;
	margin: 0px auto 30px auto;
}

.subscribe-widget .subscribe-widget-holder .form-holder .formulate__field {
    margin-bottom: 15px;
}

.subscribe-widget .subscribe-widget-holder .form-holder .formulate__field input {
		border: 3px solid #000;
		box-sizing: border-box;
		border-radius: 200px;
		padding: 10px 20px;
		width: 100%;
	}
	.subscribe-widget .subscribe-widget-holder .form-holder .formulate__field input::placeholder {
		color: #1d1d1b;
	}

	.subscribe-widget .subscribe-widget-holder .form-holder .formulate__field__label {
		display: none;
	}

	.subscribe-widget .subscribe-widget-holder .formulate__field--button button {
		display: inline-block;
		font-family: "Brother-Black", Helvetica, Arial, sans-serif;
		font-style: normal;
		font-weight: 900;
		font-size: 18px;
		text-decoration: none;
		line-height: 27px;
		padding: 15px 40px;
		color: #1d1d1b;
		background: rgba(255, 255, 255, 0.6);
		border: 3px solid #F5A700;
		border-radius: 200px;
		margin-top: 30px;
	}

	.subscribe-widget .subscribe-widget-holder .formulate__field--button button:hover {
        box-shadow: 0px 4px 5px -1px rgba(29, 29, 27, 0.67);
    }

    .subscribe-widget .subscribe-widget-holder .formulate__field--button button:focus {
        background: #F5A700;
    }

	.subscribe-widget .subscribe-widget-holder .formulate__validation-summary {
    	display: none;
	}

    .subscribe-widget .subscribe-widget-holder .formulate__inline-validation-summary {
        list-style-type: none;
        text-align: left;
        color: #E67A2B;
    }

    .subscribe-widget .subscribe-widget-holder .form-holder .formulate-confirmation-message {
        visibility: hidden;
    }

/* Contact Us Form Widget*/

.contact-us-form-widget-holder #contact-us-form__compliment {
    display: none;
}
.contact-us-form-widget-holder #contact-us-form__product-feedback {
    display: none;
}
.contact-us-form-widget-holder #contact-us-form__general-enquiry {
    display: none;
}

.contact-us-form-widget-holder .form-holder {
    margin-bottom: 15px;
    max-width: 100%;
    margin: auto auto auto 15px auto;
}


.contact-us-form-widget-holder .form-holder input,
.contact-us-form-widget-holder .form-holder textarea {
    border: 3px solid #F5A700;
    border-radius: 5px;
}

.contact-us-form-widget-holder .form-holder textarea {
    resize: vertical;
    box-sizing: border-box;
    padding: 10px 20px;
    width: 100%;
}

    .contact-us-form-widget-holder .form-holder textarea::placeholder {
        color: #1d1d1b;
    }

.contact-us-form-widget-holder .form-holder .error-message {
    display: none;
}

.contact-us-form-widget-holder .error-message.active {
    display: block;
    font-size: 12px;
    color: #D93420;
}

.contact-us-form-widget-holder .formulate__field--upload label {
    display: flex;
    flex-direction: column;
}
.contact-us-form-widget-holder .formulate__field--upload label .formulate__field__label-text {
    order: -1;
}

.contact-us-form-widget-holder .formulate__field--upload.formulate__validation-type--required label .formulate__field__label-text::after {
    content: "*";
    display: inline-block;
    margin-left: 5px;
}

.contact-us-form-widget-holder .formulate__field--upload.formulate__validation-type--required .formulate__field__label:after {
    content: "";
}

.contact-us-form-widget-holder .form-holder .footnote {
    text-align: right;
}

.contact-us-form-widget-holder .formulate__field--button button {
	display: inline-block;
	font-family: "Brother-Black", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 900;
	font-size: 18px;
	text-decoration: none;
	line-height: 27px;
	padding: 15px 40px;
	color: #1d1d1b;
	background: rgba(255, 255, 255, 0.6);
	border: 3px solid #F5A700;
	border-radius: 200px;
	margin-top: 30px;
}

    .contact-us-form-widget-holder .formulate__field--button button:hover {
        box-shadow: 0px 4px 5px -1px rgba(29, 29, 27, 0.67);
    }

    .contact-us-form-widget-holder .formulate__field--button button:focus {
        background: #F5A700;
    }

.contact-us-form-widget-holder .formulate__validation-summary {
    display: none;
}

.contact-us-form-widget-holder .formulate__inline-validation-summary {
    list-style-type: none;
    text-align: left;
    color: #E67A2B;
	margin-bottom: 0;
}

.contact-us-form-widget-holder .form-holder .formulate-confirmation-message {
    visibility: hidden;
}

.f-hint {
	position: relative;
	display: block;
	font-size: 14px;
}

.f-hint img {
	display: none;
	position: absolute;
	top: 25px;
	left: 0;
	z-index: 999;
	width: 450px;
}

.f-hint:hover img {
	display: inline-block;
	
}


/* Default Styling the Grid Formulate*/
.formulate__row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.formulate__cell--1-columns {
    width: calc(8.3333333333% - 9.1666666667px);
}

.formulate__cell--2-columns {
    width: calc(16.6666666667% - 8.3333333333px);
}

.formulate__cell--3-columns {
    width: calc(25% - 7.5px);
}

.formulate__cell--4-columns {
    width: calc(33.3333333333% - 6.6666666667px);
}

.formulate__cell--5-columns {
    width: calc(41.6666666667% - 5.8333333333px);
}

.formulate__cell--6-columns {
    width: calc(50% - 5px);
}

.formulate__cell--7-columns {
    width: calc(58.3333333333% - 4.1666666667px);
}

.formulate__cell--8-columns {
    width: calc(66.6666666667% - 3.3333333333px);
}

.formulate__cell--9-columns {
    width: calc(75% - 2.5px);
}

.formulate__cell--10-columns {
    width: calc(83.3333333333% - 1.6666666667px);
}

.formulate__cell--11-columns {
    width: calc(91.6666666667% - 0.8333333333px);
}

.formulate__cell--12-columns {
    width: calc(100% - 0px);
}

.formulate__row {
    min-height: 50px;
    margin-top:15px;
}

.formulate__cell {
    min-height: 50px;
}

/*.formulate__field .formulate__field--upload {
    width:100%;
}*/
.formulate__field__label {
    width: 100%;
}
.formulate__field--select select {
    width: 100%;
    min-height: 50px;
    border: 3px solid #F5A700;
    border-radius: 5px;
    padding: 10px 20px;
}

.formulate__validation-type--required .formulate__field__label:after {
    content: "*";
    display: inline-block;
    margin-left: 5px;
}

/* News page */
.news-page {
    max-width: 1080px;
    margin: 50px auto 0 auto;
    padding: 0px 20px;
}
	.news-page h1 {
		/* text-transform: uppercase; */
		margin-bottom: 30px;
		color: #FF9100;
	}
	.news-page .news-holder {
	}
		.news-page .header {
			margin-bottom: 50px;
		}
			
			.news-page .header h3 {
				display: inline-block;
				position: relative;
				cursor: pointer;
			}
			
			.news-page .header .sort-by {
				text-align: right;
			}
                .news-page .header .sort-by h3:after {
                    content: '';
                    display: inline-block;
                    width: 28px;
                    height: 23px;
                    background: url(/images/icon-sort-by.png) no-repeat left;
                    background-size: contain;
                    margin-left: 10px;
                }

                .news-page .header .sort-by h3 a {
                    color: inherit;
                    text-decoration: none;
                }

                .news-page .header .sort-by.descending h3:after {
                    clip-path: polygon(100% 0%, 100% 100%, 50% 100%, 50% 0%);
                    margin-right: 14px;
                    margin-left: -5px;
                }

                .news-page .header .sort-by.ascending h3:after {
                    clip-path: polygon(50% 0%, 50% 100%, 0% 100%, 0% 0%);
                }
     
                    .news-page .news-grid {
                    }
		.news-page .news-grid-item {
			position: relative;
			margin-bottom: 50px;
			padding-bottom: 50px;
		}
			.news-page .news-grid-item:after {
				content: '';
				position: absolute;
				bottom: 0px;
				left: 50%;
				transform: translateX(-50%);
				border-bottom: 1px solid #000;
				max-width: 90%;
				width: 100%;
			}
				.news-page .news-grid-item:last-child:after {
					display: none;
				}
			.news-page .news-grid-item h3 a {
				font-weight: 900;
				margin-bottom: 20px;
				font-size: 24px;
				color: #1d1d1b;

			}
			.news-page .news-grid-item .news-item-content {
				display: grid;
				grid-template-columns: minmax(330px, 1fr) minmax(0px, max-content);
			}
				.news-page .news-item-content .image-holder {
					padding-right: 30px;
				}
				.news-page .news-item-content .content-holder {
					display: grid;
				}
					.news-page .news-item-content .content-holder .text {
						padding-bottom: 30px;
					}
				.news-page .news-item-content .news-item-bottom {
					display: grid;
					grid-template-columns: 1fr 190px;
					align-self: end;
				}
				.news-page .news-item-content .tag-holder {
					display: grid;
					grid-template-columns: repeat(auto-fill, 132px);
					align-items: center;
					grid-gap: 10px;
				}
				.news-page .news-item-content .tag-holder .tag {
					font-weight: 900;
					text-decoration: underline;
				}
				.tag-holder  .tag::before {
					content: '#';
				}

	.news-holder.previous h2 {
		font-weight: 900;
		margin-bottom: 30px;
	}
		.news-holder.previous .news-grid {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			grid-gap: 150px;
		}
		.news-page .news-holder.previous .news-item-content .news-item-bottom {
			grid-template-columns: 1fr;
		}
		.news-page .news-holder.previous .news-grid-item {
			margin-bottom: 50px;
    		padding-bottom: 0px;
		}
			.news-page .news-holder.previous .news-grid-item:after {
				display: none;
			}


/* Paging (based on bootstrap) */
.pagination {
	justify-content:center;
	margin: 0;
}

.pagination li {
	border-radius: 200px;
}

.pagination li a:hover {
	box-shadow: 0px 4px 5px -1px rgba(29, 29, 27, 0.67);
}

	.pagination li a {
		display: inline-block;
		font-family: "Brother-Black", Helvetica, Arial, sans-serif;
		font-style: normal;
		font-weight: 900;
		font-size: 18px;
		text-decoration: none;
		line-height: 27px;
		padding: 15px 20px;
		color: #1d1d1b;
		background: rgba(255, 255, 255, 0.6);
		border-color: #F5A700;
	}

.pagination .page-item.active .page-link {
	color: #1d1d1b;
	background-color: #F5A700;
	border-color: #F5A700;
}

.pagination .page-item.disabled .page-link {
	color: #6c757d;
	pointer-events: none;
	cursor: auto;
}


/* Article page*/
.article-page {
	max-width: 1080px;
	margin: 50px auto 0 auto;
	padding: 0px 20px;
}
	.article-page h1 {
		text-transform: uppercase;
		margin-bottom: 50px;
	}
	.article-page .image-holder {
		margin-bottom: 50px;
	}
	.article-page .article-text {
	}
		.article-page .article-text p {
			margin-bottom: 20px;
		}
	.article-page .tag-holder {
		display: grid;
		grid-template-columns: repeat(auto-fill, 132px);
		align-items: center;
		grid-gap: 10px;
	}
		.article-page .tag-holder .tag {
			font-weight: 900;
			text-decoration: underline;
		}
	.article-page .article-page-navigation {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		margin: 50px auto;
	}
		.article-page .article-page-navigation .previous {
			text-align: left;
			padding-left: 25px;
		}
			.article-page .article-page-navigation .previous:before {
				content: '';
				position: absolute;
				top: 50%;
				left: 0px;
				transform: translateY(-50%);
				width: 38px;
				height: 20px;
				background: url(/images/icon-arrow-grey.png) no-repeat left;
				background-size: contain;
			}
			.article-page .article-page-navigation .previous.active:before {
				transform: translateY(-50%) rotate(90deg);
				width: 24px;
				height: 14px;
				background: url(/images/icon-arrow-black.png) no-repeat left;
				background-size: contain;
			}
		.article-page .article-page-navigation .next {
			text-align: right;
			padding-right: 25px;
		}
			.article-page .article-page-navigation .next:after {
				content: '';
				position: absolute;
				top: 50%;
				right: 0px;
				transform: translateY(-50%) rotate(180deg);
				width: 38px;
				height: 20px;
				background: url(/images/icon-arrow-grey.png) no-repeat left;
				background-size: contain;
			}
				.article-page .article-page-navigation .next.active:after {
					transform: translateY(-50%) rotate(-90deg);
					width: 24px;
					height: 14px;
					background: url(/images/icon-arrow-black.png) no-repeat left;
					background-size: contain;
				}
		.article-page .article-page-navigation a {
			position: relative;
			font-weight: 900;
			color: #817F7F;
			text-decoration: none;
			pointer-events: none;
		}
			.article-page .article-page-navigation a.active {
				color: #1d1d1b;
				pointer-events: inherit;
			}

.products-menu {
	max-width: 1360px;
	margin: 50px auto;
}

.category-page .products-menu {
	max-width: 1060px;
}

.products-menu .cards-holder {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	grid-gap: 20px;
	margin: 0 20px;
}
		.products-menu .cards-holder .card-item {
			position: relative;
			text-decoration: none;
		}
			.products-menu .cards-holder .card-item .h1 {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				font-size: 45px;
				text-decoration: none;
				color: #fffadc;
				text-transform: uppercase;
				line-height: 1em;
				text-align: center;
			}
			.products-menu .cards-holder .card-item img {
				width: 100%;
			}


/* Trending products */
.trending-products {
	max-width: 1080px;
	margin: 0px auto;
	padding: 0px 20px;
}
	.trending-products .h1 {
		text-align: center;
		text-transform: uppercase;
		margin-bottom: 50px;
	}
	.trending-products .trending-grid-holder {
		display: grid;
		margin: 50px 0px;
	}
		.trending-products .trending-grid-holder h2 {
			font-weight: 900;
			margin-bottom: 20px;
		}
		.trending-products .trending-grid {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			grid-gap: 100px 50px;
		}
			.trending-products .trending-item {
				text-decoration: none;
			}
				.trending-products .trending-item .image-holder {
					max-width: 340px;
					margin: 0px auto 20px auto;
				}
				.trending-products .trending-item .title {
					text-align: center;
					font-weight: 900;
					font-size: 24px;
					line-height: 25px;
					color: #1d1d1b;
				}
	.trending-products .trending-grid-holder .button-holder {
		text-align: right;
		margin: 30px 0px;
	}


/* Search Page */
.search-page {
	max-width: 1080px;
	margin: 20px auto;
	padding: 0px 20px;
}
	.search-page h1 {
		text-transform: uppercase;
		margin: 30px 0;
		text-align:left;
	}
	.search-page .search-header {
	}
		.search-page .search-header .search-holder {
			position: relative;
		}
		.search-page .search-header input {
			background: #F3B628;
			border-radius: 72px;
			padding: 20px 20px 20px 70px;
			width: 100%;
		}
			.search-page .search-header input::placeholder {
				color: #1d1d1b;
			}
		.search-page .search-header .search-icon {
			position: absolute;
			max-width: 38px;
			top: 50%;
			left: 20px;
			transform: translateY(-50%);
		}
	.search-page .results-holder {
		margin: 40px 0px;
	}
		.search-page .results-holder h3 {
			font-weight: 900;
		}
	.search-page .search-results-grid {
	}
		.search-page .search-results-grid-item {
			position: relative;
			padding-bottom: 30px;
			margin-bottom: 30px;
		}
			.search-page .search-results-grid-item::after {
				content: '';
				position: absolute;
				bottom: 0px;
				left: 50%;
				transform: translateX(-50%);
				border-bottom: 1px solid #000;
				max-width: 90%;
				width: 100%;
			}
			.search-page .search-results-grid-item h3 {
				font-weight: 900;
				margin-bottom: 20px;
			}
			.search-page .search-results-grid-item h3 a {
				font-weight: 900;
				font-size: 24px;
				color: #1d1d1b;
			}
			.search-page .search-results-grid-item .item-content {
				display: flex;
				gap: 20px;
			}
			.search-page .search-results-grid-item .image-holder {
				max-width: 25%;
				min-width: 200px;
				margin: 0px auto;
				flex-shrink: 0;
			}
			.search-page .search-results-grid-item .content-holder {
				flex-grow: 1;

				display: flex;
				flex-direction: column;
				align-items: stretch;
			}
			.search-page .search-results-grid-item .item-bottom {
				text-align: right;
				flex-grow: 1;
				display: flex;
				align-items: end;
				justify-content: end;
				margin-top: 20px;
			}
			.search-page .search-results-grid-item .tag-holder {
				display: grid;
				grid-template-columns: repeat(auto-fill, 132px);
				align-items: center;
				grid-gap: 10px;
			}
			.search-page .search-results-grid-item .tag-holder .tag {
				font-weight: 900;
				text-decoration: underline;
				cursor: pointer;
			}


/* Recipes List */
.recipes-page .products-selector-item img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
}


/* Recipe Details */
.recipe-details-page .header-widget .image-holder {
	position: relative;
	max-height: 480px;
	overflow: hidden;
	display: flex;
	align-items: center; /* vertical */
	justify-content: center; /* horizontal */
}

.recipe-details {
	max-width: 1080px;
	margin: 50px auto;
	padding: 0px 20px;
}

.recipe-details .title-holder .h1 {
	color: #ff9100;
}

.recipe-details  p.empty,
.recipe-details  p.empty {
	line-height: 1;
	margin-bottom: 0;
}

.recipe-details ol li {
	margin-bottom: 10px;
}

.recipe-detail__content--top {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-direction: row;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	column-gap: 50px;
	row-gap: 20px;
	margin-bottom: 40px;
}

.recipe-detail__content--top .item {
	display: grid;
	grid-template-columns: 50px 1fr;
	align-items: center;
	grid-gap: 15px;
}

.recipe-detail__content--top .item .text {
	display: grid;
	grid-template-columns: repeat(1, auto);
	grid-gap: 5px;
}

.recipe-detail__content--top .item .icon img, .recipe-detail__content--top .item .icon svg {
	max-width: 100%;
}

.recipe-detail__content--top .item .text span.opt-name {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 1;
}

	.recipe-detail__content--top .item .text span.opt {
		font-size: 21px;
		font-weight: 700;
		line-height: 1;
	}

.recipe-details .directions {
	margin-top: 40px;
}

.recipe-detail__content--main {
	display: grid;
	grid-template-columns: 1fr 280px;
	column-gap: 40px;
	row-gap: 20px;
}

.recipe-detail__content--main .right {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 3;
}

.recipe-details .related-products .title {
	margin-top: 20px;
	font-family: "Brother-Black", Helvetica, Arial, sans-serif;
	text-align: center;
	font-weight: 900;
	font-size: 24px;
	line-height: 25px;
	color: #1d1d1b;
}

.recipe-details .related-products .buynow {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 20px;
	margin: 30px 0px;
}

.recipe-details .buynow-item .button-holder {
	display: table;
	margin: 0px auto;
}

.recipe-details .buynow-item .image-holder {
	margin-bottom: 20px;
}

.recipe-detail__content--main .related-products {
	display: flex;
	flex-direction: column;
	gap: 25px;
}

.recipe-detail__content--main .related-products .item .image-holder {
	max-width: 240px;
}

.recipe-details-page .related-products-grid .image-holder img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

@media (min-width: 1940px) {
	body {
		background-size: 100% auto;
	}
}

@media (min-width: 1060px) {
	.navigation-holder nav .menu-item:hover .menu-subitems {
		display: block;
	}
}


/* Desktop Min */
@media only screen and (max-width: 1242px) {
	h1{
		font-size: 48px;
		line-height: 40px;
	}
	h2{
		font-size: 24px;
	}
	h3{font-size: 18px;}
	h4{font-size: 16px;}
	h5{font-size: 14px;}
	header .top-holder {
		margin-left: 52%;
	}
		header.active .top-holder {
			margin-left: 29%;
		}
	.navigation-holder nav .menu-item a {
		padding: 0px 20px;
	}
	footer {
		padding: 20px 15px;
	}
	footer .footer-nav-holder  {
		align-items: end;
	}
		footer .nav {
			grid-auto-flow: inherit;
			grid-template-columns: repeat(3, 1fr);
			align-items: end;
		}
		footer .nav a, footer .copy {
			font-size: 16px;
		}
		.social-networks {
			grid-gap: 2px;
		}

}

/* Tablet */
@media only screen and (max-width: 1060px) {
	.desktop, img.desktop {
		display: none;
	}
		.tablet, img.tablet {
			display: block;
		}
		.mobile, img.mobile {
			display: block;
		}
	header {
		display: grid;
	}
	header.active {
		position: fixed;
		height: 100%;
		width: 100%;
		z-index: 1000;
	}
	.top-mobile {
		display: block;
		padding: 20px 15px;
	}
		.top-mobile .logo {
			position: absolute;
			top: 20px;
			left: 20px;
			display: block;
			max-width: 130px;
			z-index: 2;
		}
		header .top {
			display: none;
			order: 2;
		}
			header .top.active {
				display: block;
			}
		header .top .search-holder {
			display: none;
		}
		header .top-holder {
			margin: 0px;
			justify-content: end;
			grid-gap: 0px;
			padding: 0px 15px 20px 15px;
		}
			header.active .top-holder {
				margin: 0px;
			}
	header .top-holder, header .navigation-holder, .top-mobile {
		background-color: #000;
	}
		header .navigation-holder {
			display: none;
		}
			header .navigation-holder.active {
				display: block;
			}
			.navigation-holder .center-wrapper {
				position: relative;
				right: inherit;
				display: inherit;
			}
			.navigation-holder .logo {
				top: -100px;
				left: 0px;
				max-width: 130px;
			}
	.navigation-holder nav {
		display: grid;
		grid-auto-flow: inherit;
		justify-content: end;
		text-align: right;
		padding-right: 20px;
	}
		.navigation-holder nav .menu-item a {
			font-family: "Brother-Black", Helvetica, Arial, sans-serif;
			font-style: normal;
			font-weight: 900;
			color: #fffadc;
			text-transform: uppercase;
		}
	header .search-holder.mobile {
		position: relative;
		margin: 20px 0px;
		padding: 0px 20px;
		width: auto;
		height: auto;
	}
		header .search-holder.mobile .search-icon {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			left: 35px;
		}
		header .search-holder.mobile input {
			max-width: 100%;
			width: 100%;
			padding: 15px 15px 15px 50px;
		}
			header .search-holder.mobile input::placeholder {
				color: #1d1d1b;
				font-weight: 900;
			}
	.navigation-holder .logo {
		display: none;
	}
		header .header-links {
			grid-column: 1;
			grid-row: 2 / 2;
		}
		header .social-networks {
			grid-column: 1;
			grid-row: 1 / 1;
			width: 70px;
			justify-self: end;
		}
	header .search-icon img {
	}
	header .social-networks a.facebook {
		content: url("/images/icon-facebook-white.png");
	}
	header .social-networks a.instagram {
		content: url("/images/icon-instagram-white.png");
	}
	header .header-links a {
		color: #fffadc;
	}
	.mobile-menu {
		float: right;
		width: 42px;
		height: 42px;
		background: url('/images/icon-mobile-menu.png') no-repeat left;
		background-size: cover;
		cursor: pointer;
		justify-self: end;
	}
		.mobile-menu.active {
			background-position: right;
		}
	.navigation-holder nav .menu-item.subitems {
		position: relative;
		padding-right: 40px;
	}
		.navigation-holder nav .menu-item.subitems:after {
			content: '';
			position: absolute;
			top: 10px;
			right: 20px;
			width: 26px;
			height: 21px;
			background: url('/images/icon-subitems.png') no-repeat left;
			background-size: contain;
			transform: rotate(180deg);
		}
		.navigation-holder nav .menu-item.subitems.active:after {
			transform: rotate(0deg);
		}
			.navigation-holder nav .subitems.active .menu-subitems {
				display: block;
				position: relative;
				right: -20px;
			}
		.navigation-holder nav .menu-item:hover .menu-subitems {
			position: relative;
			background: transparent;
			box-shadow: inherit;
			padding: 0px;
			right: -20px;
		}
			.navigation-holder nav .menu-item .menu-subitems a {
				display: table;
				font-size: 18px;
				line-height: 27px;
				border-bottom: 1px solid #fff;
				padding: 0px;
				float: right;
    			clear: both;
				font-weight: 300;
				font-family: "Brother-Medium", Helvetica, Arial, sans-serif;
			}
				.navigation-holder nav .menu-item .menu-subitems a:last-child {
					border: none;
				}
			.navigation-holder nav .menu-item .menu-subitems a:hover {
				background-color: transparent;
				font-weight: 300;
			}
	.main-banner h1 {
		font-size: 52px;
	}

	.main-banner h1 span.rooney-heavy{
		font-size: 36px;
	}

	.product-highlights {
		padding: 30px 20px;
	}
		.product-highlights .products-grid-holder {
			grid-template-columns: repeat(2, 1fr);
			grid-gap: 10px;
		}
		.product-highlights .products-grid-item h2 {
			font-size: 18px;
			line-height: 22px;
		}

	.products-menu {
		margin: 0 auto 20px auto;
	}

		.products-menu .cards-holder {
			grid-template-columns: repeat(1, 1fr);
			grid-gap: 0px;
			margin: 0;
		}
	
	
	.header-widget .content-holder {
		left: 20px;
	}
	.search-page .search-results-grid-item .item-content {
		flex-direction: column;
	}
	.search-page .search-results-grid-item .image-holder {
		max-width: 100%;
	}
	.search-page .search-results-grid-item.productDetailsPage .item-content {
		flex-direction: row;
	}
	.search-page .search-results-grid-item.productDetailsPage .image-holder {
		max-width: 25%;
		min-width: 150px;
	}

	.products-details .header, .products-details .products-details-section, .news-page .news-grid-item .news-item-content, .direct-contact, .news-holder.previous .news-grid {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 40px;
	}
	.related-products .related-products-grid, .trending-products .trending-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.products-details .serving-table {
		grid-template-columns: repeat(3, 1fr);
	}
	.contact-menu .contact-menu-item {
		padding: 15px;
	}
	.direct-contact h2, .direct-contact .address {
		margin-bottom: 20px;
	}
	.news-page .news-item-content .image-holder {
		padding: 0px 0px 20px 0px;
	}
	.news-page .news-item-content .news-item-bottom, .search-page .search-results-grid-item .item-bottom {
		grid-template-columns: 1fr;
	    grid-gap: 20px;
	}
	.contact-menu {
		grid-gap: 10px;
	}
	.contact-menu-item .image-holder img {
		max-height: 35px;
	}
	.contact-menu-item h3 {
		font-size: 14px;
	}

	.subscribe-widget .subscribe-widget-holder {
		margin: 30px auto;
	}

	/* Recipe Details*/
	.recipe-details {
		margin: 20px auto;
	}

	.recipe-details .directions {
		margin-top: 20px;
	}

	.recipe-detail__content--main {
		grid-template-columns: repeat(1, 1fr);
		row-gap: 0;
	}

	.recipe-detail__content--main .right {
		grid-column-start: auto;
		grid-column-end: auto;
		grid-row-start: auto;
		grid-row-end: auto;
		-webkit-flex-basis: 300px;
		-moz-flex-basis: 300px;
		-ms-flex-basis: 300px;
		flex-basis: 300px;
		max-width: 300px;
		margin: 0 auto;
	}

	.recipe-detail__content--top .item {
		grid-template-columns: 34px 1fr;
	}

	.recipe-detail__content--top {
		column-gap: 20px;
		margin-bottom: 30px;
		justify-content: center;
	}

	.recipe-detail__content--top .item .text span.opt-name {
		font-size: 12px;
	}

	.recipe-detail__content--top .item .text span.opt {
		font-size: 16px;
	}
}

@media only screen and (max-width: 768px) {
	/*Main Content*/
	.main-content {
		padding-bottom: 20px;
	}

	.main-banner .content-holder {
		left: 20%;
	}

	.main-banner .button-holder {
		margin-top: 20px;
	}

	.container .col-md-6:last-child {
		padding-top: 30px;
	}

	/* Grid*/
	.no-gutters .container {
	}

		.no-gutters .container .col-md-6 {
		}

	.gutters-sm .container .col-md-6 {
	}

	.gutters-md .container .col-md-6 {
	}

	.gutters-lg .container .col-md-6 {
	}

	.padding-sm .container {
		padding: 15px 15px;
	}

	.padding-md .container {
		padding: 20px 15px;
	}

	.padding-lg .container {
		padding: 30px 15px;
	}

	.padding-xlg .container {
		padding: 40px 15px;
	}

	.padding-top-sm .container {
		padding: 15px 15px 0 15px;
	}

	.padding-top-md .container {
		padding: 20px 15px 0 15px;
	}

	.padding-top-lg .container {
		padding: 30px 15px 0 15px;
	}

	.padding-bottom-sm .container {
		padding: 0 15px 15px 15px;
	}

	.padding-bottom-md .container {
		padding: 0 15px 20px 15px;
	}

	.padding-bottom-lg .container {
		padding: 0 15px 30px 15px;
	}

	.main-title {
		margin-bottom: 20px;
	}

	.product-highlights {
		padding: 20px;
	}

	.follow-us img {
		max-width: 45px;
	}

	.formulate__cell {
		width: 100%;
	}

	.contact-menu-item .image-holder {
		height: 75px;
		width: 75px;
		margin-bottom: 10px;
	}

	/*Product Details*/
	.products-details {
		margin: 20px auto;
	}

		.products-details .header {
			grid-gap: 10px;
		}

		.products-details .buynow-item .image-holder img {
			max-height: 35px;
		}

		.products-details .products-details-section {
			grid-gap: 30px;
			padding: 0;
		}

		.products-details .serving-table {
			grid-template-columns: repeat(2, 1fr);
			font-size: 16px;
			line-height: 1.2em;
		}

	.related-products .related-products-grid {
		margin: 20px 0 0px 0;
	}
}

/* Mobile */
@media only screen and (max-width: 674px) {
	h1, .h1 {
		font-size: 36px;
		line-height: 1;
	}
	h2, .h2 {
		font-size: 24px;
		line-height: 1.5em;
	}
	h3, .h3 {font-size: 16px;}
	h4, .h4 {font-size: 14px;}
	h5, .h5 {font-size: 12px;}
	.link {font-size: 16px;}
	a, p, input[type=text], textarea, label, ul, ol, li {
		font-size: 16px;
		line-height: 1.5em;
	}
	.button-holder .button {
		font-size: 14px;
		padding: 10px 40px;
		line-height: 1.5em;
	}
	footer {
		text-align: left;
		padding: 20px 15px;
	}
		footer .nav {
			grid-template-columns: repeat(2, 1fr);
			align-items: end;
		}
			footer .nav a, footer .copy {
				font-size: 13px;
			}
	.cookie-policy {
		padding: 50px 60px;
	}
	
	.about-us-widget .content-holder {
		width: 90%;
	}
	.instagram-widget .instagram-grid-holder, .products-selector .products-selector-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.article.two-column {
		grid-template-columns: repeat(1, 1fr);
	}

	.breadrumb {
		margin: 30px auto;
	}

	.products-selector {
		margin: 0 auto 20px auto;
	}

	.products-selector .products-selector-item .title {
		font-size: 16px;
	}

	.products-selector .selector-item h2 {
		padding: 20px 0;
	}

	.products-details .title-holder .h1 {
		margin-bottom: 20px;
	}

	.products-details .title-holder h2 {
		margin-top: 0;
	}

	.products-details .products-details-section h3 {
		font-size: 21px;
	}

	.products-details .buynow {
		margin: 20px 0;
	}

	.related-products h2 {
		font-size: 24px;
	}

	.instagram-widget .header-holder {
		grid-gap: 10px;
	}
	.instagram-widget .header-holder h3, .instagram-widget .header-holder .text {
		font-size: 14px;
	}
	.contact.form-holder .form-holder {
		grid-auto-flow: inherit;
		grid-gap: 0px;
	}

	.header-widget .content-holder .h1 {
		font-size: 36px;
	}
	
}