/*
Theme Name:     Neve Child
Theme URI:      https://themeisle.com/themes/neve/
Template: neve
Author:         ThemeIsle
Author URI:     https://themeisle.com
Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
Tags: blog, custom-logo, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles
*/


/* Checkout page fix */
a.showlogin {
    position: absolute;
    width: 100%;
    left: 0;
    opacity: 0;
}
a.showcoupon {
    position: absolute;
    left: 0;
    width: 100%;
    opacity: 0;
}
.woocommerce-info {
    display: flex;
    justify-content: center;
    padding: 1vh 0px 10px 0px;
    font-weight: 600;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    display: block !important;
}
.woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info:hover {
	background-color: var(--nv-secondary-accent)!important ;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
    display: none;
    top: 0;
    align-items: center;
    height: 100%;
    color: #fff;
}
a {
    cursor: pointer;
/*     color: #ffffff; */
    text-decoration: none!important;
}

/* =====--------- TYPOGRAPHY ---------=========== */
/* Adding margin to headers and paragraphs */
h1, h2, h3, h4, h5, h6, p {
	margin: 20px;
}




/* site title size increase */
.site-logo h1, .site-logo p {
    font-family: inherit;
    font-size: 2.4em;
    margin-bottom: 0;
    font-weight: 600;
}

@media (max-width: 1185px) {
	.site-logo h1, .site-logo p {
    	font-family: inherit;
    	font-size: 1.9em;
    	margin-bottom: 0;
    	font-weight: 600;
	}
}

/* Neve main changing spacing on top for mobile view */
@media (max-width: 425px) {
	.neve-main {
    flex: 1 auto;
    min-height: 1px;
    margin-top: 100px;
    z-index: 169;
}
}

/* Main container width */
/* .container {
    width: 96%;
} */
/* ==========================------- HEADER -------===================== */
/* Sticky header - top value will be changed to zero after development, WordPress menu obscures top nav bar */
.header {
	background:#fff;
	height:60px;
	z-index:170;
	margin:0 auto;
	border-bottom:1px solid #dadada;
	width:100%;
	position:fixed;
	top: 32px;
	left:0;
	right:0;
	text-align: center;
}

/* adding margin to top to help spacing issue with sticky header */
.neve-main {
    flex: 1 auto;
    min-height: 1px;
    margin-top: 150px;
	z-index: 169;
}



/* Add background colour to mobile menu and fit screen */
.hfg_header .header-bottom-inner {
    background-color: rgb(255 255 255);
    margin-top: -1px;
}

input.search-field {
    padding: 10px 0px 4px 0px;
}

/* Working Search Form */
form.search-form {
    border-bottom: 3px solid #60c6c3;
    margin-bottom: 5px;
}

.builder-item--header_search > .search-field form input[type=search] {
    height: 30px;
    font-size: 14px;
    padding-right: 45px;
    border-width: 0px 0px 0px 0px;
    border-radius: 1px 1px 1px 1px;
}

/* Border shadow bottom */
.header--row-inner.header-main-inner {
    box-shadow: 0 10px 22px -2px grey;
/* 	pointer-events: none; */
}

/*========--------   Pipe Bars TOP NAV ------========*/
/* adding pipes between links */
.menu-content .nav-ul .menu-item::before {
	content: '|';
	color: #66c1c2;
    position: absolute;
    margin: 5.4px;
    top: 0px;
} 

@media (max-width: 575px) {
	.menu-content .nav-ul .menu-item::before {
	content: ' ';
	color: #66c1c2;
    position: absolute;
    margin: 5.4px;
    top: 0px;
} 
}

.nav-ul {
    transition: all .3s ease;
    margin-bottom: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding-left: 0;
    list-style-type: none;
    margin-left: auto;
}

.menu-content .nav-ul .menu-item:last-child::before {
	content: " ";
}

/* ================--------- CART -----------=================== */
.cart-icon-wrapper .cart-count {
    background: #f41d6d;
    border: 1px solid var(--nv-light-bg);
    font-size: 0.75em;
    padding: 5px;
    border-radius: 100%;
    color: #fff;
    line-height: 1;
    display: inline-block;
    bottom: 14px;
    position: relative;
    text-decoration: none!important;
    text-align: center;
    right: 7px;
    width: 25px;
    height: 25px;
}
/* ======================------- HEADER SLIDER -------================= */
ss3-force-full-width {
    position: relative;
    display: block;
    top: -175px;
    opacity: 0;
    width: 100vw;
    transform: translateX(-100vw);
    margin-bottom: -110px;
	z-index: 100;
}

@media (max-width: 960px) {
	ss3-force-full-width {
    	position: relative;
    	top: -75px;
    	display: block;
		margin-bottom: -15px;
	}
}

@media (max-width: 425px) {
	ss3-force-full-width {
    position: relative;
    display: block;
    top: -102px;
    opacity: 0;
    width: 100vw;
    transform: translateX(-100vw);
}
}
/* Position main slider to fit on page */
.n2-section-smartslider.fitvidsignore.n2_clear {
    margin-top: 135px;
}

@media (max-width: 1024px) {
	.n2-section-smartslider.fitvidsignore.n2_clear {
    margin-top: 52px;
}
}

@media (max-width: 425px) {
	.n2-section-smartslider.fitvidsignore.n2_clear {
    margin-top: 79px;
}
}

span.image-header-container {
    position: relative;
}
h1.page-title-header-image {
    text-align: center;
    position: relative;
    top: -510px;
    font-size: 5em;
    color: white;
}

img.featured-image {
    display: block;
	position: relative;
    top: -41px;
	height: 750px;
    width: 100%;
    object-fit: cover;
}
/* ========================== Side Menu ==================== */
.sliderContainer {
	text-align: left ;
	width: fit-content;
}
.menu-button {
    transform: rotate(-90deg);
    background-color: #f83412;
    color: white;
	font-size: .8em;
    font-weight: 500;
/*     padding: 15px 20px; */
	padding: 10px;
	width: 136px ;
    vertical-align: top;
    margin-top: 48px;
    margin-left: -49px;
	
}
.menu-button:hover {
	background-color: #f83412 ;
}

@media (max-width: 575px) {
	.menu-button {
		transform: rotate(0deg);
    background-color: #f83412;
    color: white;
    font-size: .8em;
    font-weight: 500;
    padding: 5px;
    width: 110px;
    vertical-align: top;
    margin-top: 0;
    margin-left: 0;
}
	
}

.sidenav {
	display: none ;
	background-color: white;
	overflow-x: hidden;
	transition: 0.5s;
	padding: 20px;    
  	text-align: left;
	font-size: 16px ;
	line-height: 1.7em ;
	padding-right: 25px;
	max-width: calc(100% - 150px) ;
	font-family: Montserrat;
	height: calc(100vh - 140px) ;
}

.sidenav a {
	text-decoration: none;
	color: #000000;
	transition: 0.3s;
}

.sidenav a:hover {
	color: #f83412;
}
a.top-category-container {
    font-size: 16px;
    text-transform: uppercase;
    color: #030e2c;
    font-weight: 900;
}

a.top-category-container:hover {
    font-size: 16px;
    text-transform: uppercase;
    color: #14aaa8;
    font-weight: 900;
}

a.mid-category-single-item {
    color: black;
	line-height: 1px;
	font-weight: 500;
}

a.mid-category-single-item:hover {
    color: black;
	line-height: 1px;
	color: #14aaa8;
	font-weight: 600;
}

ul.cat-container-side-menu {
    padding: 6px;
	line-height: 20px;
}



/* ==========================------- SOCIAL ICONS -------===================== */
/* Social Media Icons */
.block-circle {
    font-size: 3em;
    margin: 0px;
}

@media (max-width: 1024px) {
	.block-circle {
    font-size: 2em;
    margin: 0px;
}
}

@media (max-width: 425px) {
	.block-circle {
    font-size: 1.5em;
    margin: 0px;
}
}

.fa {
  padding: 20px;
  font-size: 100px;
  width: 10px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
}
.row-social {
    display: flex;
    /* height: 150px; */
}

@media (max-width: 768px) {
	.row-social {
    display: flex;
    /* height: 150px; */
    justify-content: center;
}
}

/* ==========================------- WOOCOMMERCE  -------===================== */
input#createaccount {
    display: none;
}

.woocommerce-checkout .form-row.create-account {
    padding: 9px 18px 0px 18px;
}

.woocommerce-account-fields {
    text-align: center;
    background-color: red;
    color: white;
    /* border: 9px solid white; */
    width: 100%;
    margin: 0 auto;
    margin-bottom: 15px;
}

p.form-row.form-row-wide.create-account.woocommerce-validated {
    margin: 0px 0px -3px 0px;
}

.woocommerce form .form-row.woocommerce-invalid label {
    color: #929292;
}

.woocommerce-checkout .form-row.create-account label {
    padding: 38px 18px 12px 18px;
    font-size: 1em!important;
}

label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox span {
    font-size: 1em;
    font-weight: 600;
}

.woocommerce-billing-fields h3 {
    font-size: 1em;
    font-weight: 600;
    width: 100%;
	text-align: center ;
}
.checkout_coupon .woocommerce-form-coupon h3 {
	font-size: 1em ;
	font-weight: 800 ;
	width: 100% ;
} 

/* .nv-content-wrap.entry-content {
    width: 90%;
    margin: 0 auto;
} */

/* This CSS is in place to address an issue that the user can bypass the disabled cart button within the popup */
a.button.checkout.wc-forward {
    display: none;
}
.woocommerce-mini-cart__buttons {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 20px;
}
.woocommerce .woocommerce-mini-cart__buttons.buttons a.button.wc-forward:not(.checkout) {
    background-color: var(--nv-primary-accent);
    color: var(--nv-text-dark-bg);
    border-radius: 0px 0px 0px 0px;
    border: none;
    border-width: 2px 2px 2px 2px;
}

/* Category Product Page */
ul.product-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}

/* Disabled rendered Featured Image */
h1.page-title-header-image {
    
}



/* Change how the product titles look */
div.wc-block-grid__product-title {
    font-weight: 400;
}

a.wc-block-grid__product-link {
	text-decoration: none!important;
	
}

/* breadcrumb position */
.woocommerce .nv-bc-count-wrap {
    display: flex;
    font-size: .85em;
    margin-bottom: 20px;
    justify-content: space-between;
}

/* Single product page */
input#quantity_6196637384646 {
    height: 58px;
}

.product-top-box-title {
    width: 126vw;
    display: flex;
    justify-content: space-between;
    background-color: #121557;
    padding: 35px 35px 35px 70px;
    color: white;
    position: relative;
    margin-left: -8%;
    margin-right: -51%;
    right: 0vw;
}

@media (max-width: 960px) {
	.product-top-box-title {
    width: 136vw;
    display: flex;
    justify-content: space-evenly;
    background-color: #030e2c;
    padding: 35px;
    color: white;
    position: relative;
    margin-left: -18%;
    margin-right: -18%;
    right: -7vw;
	}
	
	h1.product-single-title {
    font-size: 1.5em;
    font-weight: 100;
}
}

h1.product-single-title {
    font-size: 2em;
    font-weight: 100;
    margin-left: 70px;
}

@media (max-width: 960px) {
	h1.product-single-title {
    font-size: 2em;
    font-weight: 100;
}
}

@media (max-width: 600px) {
	h1.product-single-title {
    font-size: 2em;
    font-weight: 100;
    width: 70%;
}
}


/* Change Product title colour */
.woocommerce div.product .product_title {
    color: black;
    margin-left: 0px;
    font-size: 1.3em;
}

/* Price of product single */
p.price {
    margin: 0px 0px 15px 0px;
}

.nv-card-content-wrapper {
    position: relative;
}

img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    width: 100%;
}

form.cart {
    display: flex;
    align-items: flex-end;
    width: 70%;
    margin: 10px auto;
}

@media (max-width: 1024px) {
	form.cart {
    display: flex;
    align-items: flex-end;
    width: 100%;
    margin: 10px auto;
}
}

h2.woocommerce-loop-product__title {
    position: relative;
    left: 0px;
    max-height: 18px;
	line-height: 20px;
	color:#255255;
	font-weight: 400;
}

button.button.alt {
    margin-left: 10px;
	width: 50%;
}

/* .woocommerce .quantity .qty {
    box-sizing: content-box;
    height: 15px;
	font-size: 10px;
	background-color: var(--nv-c-2);
	font-weight: 700;
} */

@media (max-width: 768px) {
	.woocommerce .products ul, .woocommerce ul.products {
    margin: 0 0 1em;
    padding: 0;
    list-style: none outside;
    clear: both;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}

}

ul.tabs.wc-tabs {
    display: none;
}

/* product price */
.woocommerce ul.products li.product .price {
    display: block;
    font-weight: 600;
    margin-bottom: 20px;
    font-size: 1em;
    margin-top: 70px;
}

@media (max-width: 425px) {
	.woocommerce ul.products li.product .price {
    display: block;
    font-weight: 600;
    margin-bottom: 0px;
    font-size: 1em;
    margin-top: 70px;
}
}

@media (min-width: 960px) {
.archive.woocommerce .neve-main > .shop-container .nv-shop.col {
    max-width: 100%;
	}
}

@media (min-width: 960px) {
.neve-main>.container>.row {
    flex-wrap: wrap;
}
}
	
.woocommerce ul.products li.product .button {
    white-space: normal;
    background-color: #255255;
    width: 100%;
    height: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.woocommerce ul.products li.product .button:hover {
    white-space: normal;
    background-color: var(--nv-c-2)!important;
	color: white!important;
    width: 100%;
}

@media (max-width: 768px) {
	.woocommerce ul.products li.product .button {
    white-space: normal;
    background-color: red!important;
    width: 35%;
    height: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
}
}

/* Quantity Product single */
.woocommerce .quantity .qty {
    box-sizing: content-box;
    height: 25px;
    font-size: 16px;
    background-color: var(--nv-c-2);
    font-weight: 700;
    width: 60px;
}

/* Add to cart */
button.single_add_to_cart_button.button.alt {
    background-color: red!important;
}

button.single_add_to_cart_button.button.alt:hover {
    background-color: var(--nv-secondary-accent)!important;
	color: white!important;
}

/* Basket Page */
a.link-to-boxes-page {
    color: white;
}

a.link-to-boxes-page:hover {
    color: red;
}

@media (min-width: 300px) {
	.button.button-secondary:not(.secondary-default), .wp-block-button.is-style-secondary .wp-block-button__link, .woocommerce-cart table.cart td.actions .coupon > .input-text + .button, .woocommerce-checkout #neve-checkout-coupon .woocommerce-form-coupon .form-row-last button, .woocommerce button.button:not(.single_add_to_cart_button), .woocommerce a.added_to_cart, .woocommerce .checkout_coupon button.button, .woocommerce .price_slider_amount button.button, .woocommerce .button.button-secondary.more-details, .woocommerce-checkout #neve-checkout-coupon .woocommerce-form-coupon .form-row-last button.button, .woocommerce a.nv-quick-view-product.top {
    padding: 16px 35px 16px 35px;
    display: none;
}
}

.coupon button {
	display:none;
}

.woocommerce table.cart td.actions .input-text#coupon_code {
    width: 150px;
    margin-bottom: 0;
    display: none;
}

.woocommerce #content table.cart td.actions .coupon label, .woocommerce table.cart td.actions .coupon label, .woocommerce-page #content table.cart td.actions .coupon label, .woocommerce-page table.cart td.actions .coupon label {
    display: none;
}

h4.box-notice-text {
    width: 100%;
    margin: 0px;
    text-align: center;
    font-weight: 600;
    font-size: 1em;
}

.notice-container {
    display: flex;
    justify-content: center;
	margin: 20px;
}

.basket-notice-box {
    width: fit-content;
    background-color: red;
    text-align: center;
	padding: 10px;
	color: white;
	font-weight: 700;
}

.basket-notice-box:hover {
    background-color: var(--nv-secondary-accent);
}

/* Move button */
.woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {
    float: left;
}

/* Sub Category Titles */
h2.woocommerce-loop-category__title {
    color: red;
	line-height: 20px;
}

.woocommerce ul.products li.product a:not(.nv-quick-view-product):hover h2 {
    color: var(--nv-secondary-accent);
    text-decoration: none;
}


a.checkout-button.button.alt.wc-forward {
	background-color: red;
	color: white;
}

a.checkout-button.button.alt.wc-forward:hover {
    background-color: var(--nv-secondary-accent);
    color: white;
}

a.button.wc-backward {
    background-color: red!important;
}

a.button.wc-backward:hover {
    color: white!important;
	background-color: var(--nv-secondary-accent)!important;
}

/* Checkout Page */
/*
.woocommerce-checkout #neve-checkout-coupon .woocommerce-info {
    border: 1px solid var(--nv-light-bg);
    border-radius: 0;
    background: red;
    margin-bottom: 20px;
    padding: 9px 12px;
    text-align: center;
    font-weight: 700;
    color: white;
}
*/
/*
.woocommerce-checkout #neve-checkout-coupon .woocommerce-info:hover {
    border: 1px solid var(--nv-light-bg);
    border-radius: 0;
    background: var(--nv-c-2);
    margin-bottom: 20px;
    padding: 9px 12px;
    text-align: center;
    font-weight: 700;
    color: white;
}
*/
/* ==========================------- FOOTER -------===================== */
@media (max-width: 825px) {
	img.wp-image-901 {
    display: none;
}
	ul.blocks-gallery-grid {
    display: none;
}
}

img.wp-image-1774 {
    width: 60%;
}
/* Adjust width of fine food image */
img.wp-image-1637 {
    width: 55%;
    margin-top: 55px;
}

.page-links-container-footer {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 55%;
	font-size: .8em;
}

@media(max-width: 1055px) {
	.page-links-container-footer {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 55%;
    font-size: .5em;
}
}

@media (max-width: 768px) {
	.page-links-container-footer {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 55%;
    margin: 0 auto;
}
	.page-item-footer {
    margin: 10px;
    width: 62%;
}
}

@media (max-width: 425px) {
	.page-links-container-footer {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 80%;
    margin: 0 auto;
}
	.page-item-footer {
    margin: 10px;
    width: 75%;
}
}

p.footer-p-tag {
    margin-left: 0px;
	padding: 30px 0px !important;
}

@media (max-width: 768px) {
	p.footer-p-tag {
    margin-left: 0px;
    text-align: center;
    width: 90%;
}
}

.gb-layout-column-wrap {
    display: -ms-grid;
    display: grid;
    grid-template-rows: 1fr;
    grid-gap: 0 2em;
    position: relative;
    z-index: 1;
    align-content: center;
    align-items: center;
}

img.wp-image-1242 {
    width: 100%;
    height: 50%;
}

@media (max-width: 768px) {
.wp-block-genesis-blocks-gb-columns.footer-pay-icons.gb-layout-columns-5.five-column.aligncenter {
    display: none;
}
}

@media (min-width: 1440px) {
	.footer--row-inner.footer-bottom-inner.footer-content-wrap {
    margin-top: -30px;
}
}

/* Footer links 2BC & TAS */
a.footer-links-credit {
    filter: brightness(0.7);
}

a.footer-links-credit:hover {
    filter: brightness(1);
	text-decoration: none;
}

/* Social media icons in footer */
.block-circle-footer {
    font-size: 25px;
}

/* SOLO payment image resize */
/* .gb-block-layout-column:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
    grid-area: col4;
    width: 40px;
    position: relative;
    left: 30px;
} */

.site-footer {
    position: relative;
    z-index: 10;
    margin-top: 50px;
}

/* ==========================------- Category and Products -------===================== */
/* category image */
.category-thumbnail-products {
	width: 100%;
}


/* Category Title */
h3.cat-title {
    text-align: center;
}

/* Category Description */
p.cat-description {
    text-align: center;

}

/* Category title and description container */
.title-description-container {
	margin-bottom: 20px;
}

/* product grid with padding at bottom */
ul.product-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    padding-bottom: 30px;
}

@media (max-width: 1024px) {
		ul.product-container {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 10px;
		padding-bottom: 10px;
	}
}

@media (max-width: 768px) {
	ul.product-container {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: auto;
		padding-bottom: 10px;
	}
}

@media (max-width: 425px) {
	ul.product-container {
		display: grid;
		grid-template-columns: 1fr;
		padding-bottom: 10px;
		margin: 15px;
	}
}

.term-description {
    font-size: 0.9em;
    text-align: center;
    line-height: 30px;
	 color:#000000!important;
	 margin: 50px;
}

/* .productHeader {
    color: black!important;
} */

@media (max-width: 768px) {
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 40%;
    float: left;
    clear: both;
    margin: 0 10px 2.992em;
	}
	form.cart {
    display: flex;
    align-items: flex-end;
    width: 90%;
    margin: 20px auto;
}
}
/* ==========================------- DISPLAY CATEGORY BLOCKS -------===================== */
/* Displays category container with the grid display */

/* Image of cat display */
img.cat-display-item {
    width: 100%;
	height: 100%;
}

.display-cat-block-item {
    position: relative;
}

@media (min-width: 425px) {
	.display-cat-blocks-container {
    display: grid;
	grid-template-columns: 1fr;
	grid-gap: 10px;
	width: 100%;
    margin: 0 auto;
}
}

@media (min-width: 768px) {
	.display-cat-blocks-container {
    display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 10px;
	width: 100%;
    margin: 0 auto;
}
}

@media (min-width: 1440px) {
	.display-cat-blocks-container {
    display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 10px;
    width: 100%;
    margin: 0 auto;
}
}

.display-cat-links {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	color: white;
}

.display-cat-links-background {
    background-color: #FFFFFF;
    height: 100%;
    position: absolute;
    width: 100%;
    filter: opacity(.75);
    z-index: 1;
    top: 0;
    z-index: 0;
}

.category-image-title-container {
    position: relative;
    top: -40px;
    margin: 0 auto;
}

h1.category-parent-title {
/*     position: absolute;
    top: 210px;
    left: 296px;
    font-size: 3em;
    color: white; */
	display: none;
}

@media (max-width: 1440px) {
	h1.category-parent-title {
    position: absolute;
    top: 210px;
    left: 100px;
    font-size: 3em;
    color: white;
}
}

@media (max-width: 1024px) {
	h1.category-parent-title {
    position: absolute;
    top: 210px;
    left: 70px;
    font-size: 2.5em;
    color: white;
}
}

@media (max-width: 768px) {
	h1.category-parent-title {
    position: absolute;
    top: 210px;
    left: -10px;
    font-size: 2.2em;
    color: white;
    width: 10em;
}
}

@media (max-width: 425px) {
	h1.category-parent-title {
    left: -48px;
    position: absolute;
    top: 225px;
    font-size: 1.8em;
    color: white;
    width: 10em;
}
}

img.category-parent-image {
    height: 442px;
    object-fit: cover;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
	filter: brightness(100%);
}


/* Toogle the visibilty of the container with sub category links inside */
.display-cat-links-container {
	opacity: 0
}

.display-cat-links-container:hover {
	opacity: 1;
}

/* Position of main title on display block */
.display-title-links {
	color: #ffffff;
    width: fit-content;
	position: absolute;
    bottom: 0px;
	z-index: 20;
}

/* Font size and weight of main title */
h5.display-title {
    font-size: 1.0em;
    color: #030e2c !important;
    margin: 20px;

	
}

/* Remove underline from a links */
.display-title-link-a:hover {
	text-decoration: none;
	color: #14aaa8;
}

/* Size and weight of sub category links */
a.h6-a-item-link {
    font-size: .8em;
    color: #ff3800;
    font-weight: 600;
    /* margin: 10px; */
    line-height: .9;
}

a.h6-a-item-link:hover {
	text-decoration:none;
	color: #14aaa8;
}
h5.display-title {
	line-height:1.2em;
/* 	color: #fffff;300 */
	text-align: center;
	
}

h5.display-title:hover {
	color: #14aaa8;
}

h6.subcat-links-display-block {
    margin: 10px 10px 0px 16px;
    font-size: 1em;
    line-height: 10px;
}

@media (max-width: 1440px) {
	h6.subcat-links-display-block {
    margin: 5px 10px 0px 16px;
    font-size: 1.6em;
    line-height: 10px;
}
}

@media (max-width: 960px) {
	h6.subcat-links-display-block {
    margin: 8px 10px 0px 16px;
    font-size: 1em;
    line-height: 20px;
}
}

@media (max-width: 767px) {
	h6.subcat-links-display-block {
    margin: 8px 10px 0px 16px;
    font-size: 1.5em;
    line-height: 20px;
}
}

@media (max-width: 425px) {
	h6.subcat-links-display-block {
    margin: 8px 10px 0px 16px;
    font-size: 1em;
    line-height: 20px;
}
}

@media (max-width: 375px) {
	h6.subcat-links-display-block {
    margin: 8px 10px 0px 16px;
    font-size: .8em;
    line-height: 15px;
}
}


/* ==========================------- HOMEPAGE STYLES -------===================== */

@media (max-width: 1024px) {
	.gb-layout-columns-2>.gb-layout-column-wrap {
    display: flex;
    flex-direction: column;
}
}

h2.has-text-align-center.homepage-h2-text.has-nv-light-bg-color.has-text-color {
    width: 60%;
    margin: 0 auto;
	line-height: 52px;
}

@media (max-width: 768px) {
	h2.has-text-align-center.homepage-h2-text.has-nv-light-bg-color.has-text-color.has-large-font-size {
    width: 80%;
    margin: 0 auto;
}
}

@media (max-width: 425px) {
h2.has-text-align-center.homepage-h2-text.has-nv-light-bg-color.has-text-color {
    width: 100%;
    margin: 0 auto;
    line-height: 52px;
}

	.wp-block-spacer.block-spacer-homepage {
   display: none;
}
	p.has-text-align-left.p-text-block-title {
    margin-bottom: 250px;
}
}

@media (max-width: 600px) {
		.wp-block-spacer.block-spacer-homepage {
   display: none;
}
	p.has-text-align-left.p-text-block-title {
    margin-bottom: 250px;
}
}

@media (min-width: 1680px) {
	p.has-text-align-left.p-text-block-title {
    margin-bottom: 110px;
}
	p.has-text-align-center.p-text-block-title{
		margin-bottom: 110px;
	}
}


.wp-block-column.homepage-block-columns {
    position: relative;
}

h2.homepage-block-column-title {
    position: absolute;
    top: 0px;
    left: 58px;
	width: 80%;
	line-height: 35px;
	color: white!important;
}

.wp-block-button.homepage-block-columns-btn {
    position: absolute;
    bottom: 120px;
    left: 58px;
}

.wp-block-button.has-custom-width.wp-block-button__width-50.has-custom-font-size.homepage-block-columns-btn.has-medium-font-size {
    width: 40%;
}
@media (max-width: 1024px) {
	.wp-block-columns.alignwide {
    display: flex;
    flex-direction: column;
}
	.wp-block-column:nth-child(2n) {
    margin-left: 0;
}
} 

@media (max-width: 768px) {
	.wp-block-button.has-custom-width.wp-block-button__width-50.has-custom-font-size.homepage-block-columns-btn.has-medium-font-size {
    position: absolute;
    bottom: 50px;
    left: 27px;
}
}

@media (max-width: 425px) {
	.wp-block-button.has-custom-width.wp-block-button__width-50.has-custom-font-size.homepage-block-columns-btn.has-medium-font-size {
    position: absolute;
    bottom: 45px;
    left: 20px;
    font-size: .6em;
    width: 45%;
}
}

/* Create more space by changing line height of heading h4 for popular products */
h4.has-text-align-center.popular-products-homepage.has-large-font-size {
    line-height: 90px;
}

/* Space betweeen blocks */
.wp-block-column:not(:first-child) {
    margin-left: 1em;
}

@media (max-width: 1024px) {
	.wp-block-column:not(:first-child) {
    margin-left: 0em;
}
}
/*  ==========================------- OUR FOOD / OUR HAMPERS BOXES START -------=====================  */

/* this is to make these boxes smaller on mobile and to ensure that the red side menu does not overlap the boxes like they did before hand there are 2 media querys due to the diffrent screen sizes requiring less space removal */

@media only screen and (max-width: 800px ) and (min-width: 600px) {
.gb-layout-column-wrap.gb-block-layout-column-gap-1.gb-is-responsive-column {
    margin-left: 100px;
    margin-right: 100px;
}
}


@media only screen and (max-width: 600px ) /*and (min-width: 600px)*/ {
.gb-layout-column-wrap.gb-block-layout-column-gap-1.gb-is-responsive-column {
    margin-left: 39px;
    margin-right: 39px;
	
}
}
@media only screen and (max-width: 1000px ) and (min-width: 800px) { 
.gb-layout-column-wrap.gb-block-layout-column-gap-1.gb-is-responsive-column {
	margin-right: 150px;
	margin-left: 150px;
}
}
@media only screen and  (min-width: 1000px) and (max-width: 1800px) { 
.gb-layout-column-wrap.gb-block-layout-column-gap-1.gb-is-responsive-column {
	margin-right: 60px;
	margin-left: 60px;
}
}

@media only screen and (min-width: 1800px) { 
.gb-layout-column-wrap.gb-block-layout-column-gap-1.gb-is-responsive-column {
	padding-left: 100px; 
	padding-right: 100px;
}
}

/* ============================-----OUR FOOD / OUR HAMPERS BOXES BUTTONS START -----======================== */
/* this is pushing the shop hampers button down as it moves up when below 600px this pushes it back into place where it should be  */
@media only screen and (max-width: 600px) { 
.shop-hampers {
	padding-top: 300px;
}
}




/* ============================-----OUR FOOD / OUR HAMPERS BOXES BUTTONS END -----======================== */

/*  ==========================------- OUR FOOD / OUR HAMPERS BOXES  END-------=====================  */



/*   ==========================-------POPULAR PRODUCTS HOMEPAGE AREA START-------=====================   */
/* @media only screen and (min-width: 800px ) */
/* .popular-products-homepage {
  	padding-left: 200px;
	padding-right: 200px;
}
 */
@media only screen and (max-width: 800px ) and (min-width: 600px) {
.popular-products-homepage {
    margin-left: 100px;
    margin-right: 100px;
	padding-left: 0px;
	padding-right: 0px;
}
}


@media only screen and (max-width: 600px ) /*and (min-width: 600px)*/ {
.popular-products-homepage {
    padding-left: 50px;
    padding-right: 50px;
}
}
/*   ==========================-------POPULAR PRODUCTS HOMEPAGE AREA END-------=====================   */

/*   ==========================-------BUILD A HAMPER AREA  START-------=====================   */

.wp-block-columns.\.build-your-own-hamper-page {
    padding-right: 100px;
    padding-left: 100px;
}
/*   ==========================-------BUILD A HAMPER AREA  FINISH-------=====================   */




.offers-products{
	padding-left: 150px;
	padding-right: 150px;
}


/* search results for products start */

ul.nv-meta-list {
    display: none;
}



/* Additional CSS Start */
/* This is for the paragraphs under scottish food hampers */
.ugb-highlight{
	line-height: 0.9em;
}

/* This is for shop food and hampers */
.btn, .button, .wp-block-button a, button, input[type=button], input[type=submit] {
    font-weight: 500;
    padding: 15px 20px;
}

.nv-page-title {display: none;}
.footer-home-button{padding-left: 530px;}

header.header {
    top: 0px;
}

.our-food-boxes {margin-left: 50px;}


.our-food-boxes{margin-right: 50px;}

/* Maked payment icons bigger
 * this code does not work anymore */
#block-12{
	width: 160px
}

/*  
#block-12{
	font-size: 1px
	width: 100%;
	height: 50px;
}
*/




.wp-image-498{
	flex-flow: row;
	flex-direction: right;
	margin-right: 100px;
}

/* removes white spacing above footer */
.container.single-page-container {
    margin-bottom: -40px;
}

/*
@media(max-width: 2560px) {
    #footer-menu{
			display: flex;
			flex-wrap: nowrap;
			justify-content: flex-start;
			text-align: left;
    }


@media(max-width: 1440px) {
    #footer-menu{
      margin-left: 200px;
			display: flex;
			flex-wrap: nowrap;
			justify-content: flex-start;
			text-align: left;
    }
*/
	@media(max-width: 1440px) {
		#block-15{
			width: 100%;
		}
	}
	
	@media(max-width: 1440px) {
		#block-12{
			display: flex;
			flex-wrap: nowrap;
		}
	}

@media(max-width: 977px) {
	#footer-menu{
		  margin-left: 700px;
			display: flex;
			flex-wrap: nowrap;
			justify-content: flex-start;
			text-align: left;
	}
}

@media(max-width: 925px) {
	#footer-menu{
		  margin-right: 700px;
			display: flex;
			flex-wrap: nowrap;
			justify-content: flex-start;
			text-align: left;
	}
}

/* WOOCOMMERCE CODE ONLY!!! */


/* END OF WOOCOMMERCE CODE */

.build-your-own-hamper{
	padding-top: 150px
}

.our-pre-made-hampers{
	padding-top: 150px
}

.build-a-hamper{padding-top: 150px;}



.topbar-links-nav {
	margin: 0;
	padding: 0;
}

.header:after {
  content: '';
  display: block;
  width: 100%;
  height: 30px;
	margin: -30px auto 0;
  border-radius: 0;
/*   box-shadow: 0px 0px 8px rgba(0,0,0,.6); */
}

@media(max-width:960px) {
	.header:after {
		 display:none;
	}
}

/* removes white line from footer menu  */
table td, table th {
    padding: 2px;
     border-bottom: 0px solid var(--nv-light-bg); 
}

/* this moves the fine food logo */
.fine-foods-logo {max-height: 150px;}
.fine-foods-logo {max-width: 150px;}
.fine-foods-logo {padding-bottom: 400px;}


/* end of footer code */

/*Build a Hamper Images 1024px*/
@media screen and (max-width:1024px){
  .build {width: 100%x;}
}

@media screen and (min-width:1025px){
  .build{width: 100%;}
}

.build {
    min-height: 725px;
}

.wp-block-cover.aligncenter.has-background-dim.build {
    min-height: 725px;
}

p.has-text-align-left.has-large-font-size {
    font-size: 50px;
}

a.wp-block-button__link.has-neve-link-color-color.has-nv-site-bg-background-color.has-text-color.has-background {
    padding: 20px;
}
/* End of build a hamper resizing */

#cb-row--footer-bottom {
    margin-left: 0px;
    margin-right: 0px;
	  max-width: 2000px;
}

/* This caused the issue of the menu opening without clicking the button. This ID is hooking onto the function */
/* #mySidenav {
    width: 300px;
} */

/* our hampers page code start */
.our-hampers-hampers{
	padding-right:200px;
}
.our-hampers-hampers{
	padding-left: 200px;
}
/* our hampers page code end */


/* aligning payment icons */
img.wp-image-394 {
    padding-top: 15px;
}

img.wp-image-401 {
    padding-top: 10px;
}

@media only screen and (min-width: 1770px) {
.wp-image-901 {
 padding-top: 150px;
}
}
/* fixes white box issue in footer */
.hfg_footer {
    background-color: #545454;
}




.mega-menu-toggle{position: relative;
z-index:10;}
 */


/* Additional CSS End */
/* the code below fixes an issue with the brand banners being for too zoomed in for some reason this fixes the issue and allows them to be fully shown */
img.wc-image {
    width: 100%;
    height: 200px;
    object-fit: cover;
}


/* home boxes code start */
/* this code realigns the white box with the bottom of the box and decreases the font size to allow for the text to be laid out as needed */
@media only screen and (max-width: 300px) {
.wp-block-button.has-custom-width.wp-block-button__width-50.has-custom-font-size.homepage-block-columns-btn.has-medium-font-size {
    bottom: 55px;
}
} 

@media only screen and (max-width: 400px) {
h2 {
    font-size: 11px; 
}
} 
/*  home boxes code ends */

/* our-hampers page start  */
/* @media only screen and (max-width: 800px){
.wp-block-button__link.has-nv-dark-bg-color.has-nv-site-bg-background-color.has-text-color.has-background {
    padding-top: 0px;
    padding-bottom: 0px;
}
}


@media only screen and (max-width: 800px){
	.wp-block-button.homepage-block-columns-btn {
    position: absolute;
    bottom: 19px;
    left: 58px;
}
}
@media only screen and (max-width: 800px) {
.has-medium-font-size {
    font-size: 0.75em;
}
}


@media only screen and (max-width: 1000px){
	.wp-block-button.homepage-block-columns-btn {
    position: absolute;
    bottom: 50px;
    left: 58px;

	@media only screen and (max-width: 1000px) and (min-width: 600px){
	h2 {
    font-size: 11px;
		}
		} */
		
/* our hampers page ends */

/* ==================--------------- ABOUT US -------------==================== */
p.has-text-align-center.about-us-text-top {
    text-align: center;
    line-height: 60px;
    width: 70%;
    margin: 0 auto;
}

@media (max-width: 1024px) {
	p.has-text-align-center.about-us-text-top {
    text-align: center;
    line-height: 60px;
    width: 100%;
    margin: 0 auto;
	font-size: 1.5em;
}
}

@media (max-width: 1024px) {
	.wp-block-columns.about-us-colomn-text-pic {
    display: flex;
    flex-direction: column;
}
}

/* ==================--------------- BUILD A HAMPER PAGE -------------==================== */

p.has-text-align-center.build-hamper-paragraph {
    width: 45%;
    margin: 0 auto;
}

/* ==================--------------- OUR SCOTTISH HAMPERS PAGE -------------==================== */

img.wp-image-1378 {
    height: 450px;
    object-fit: cover;
}

p.has-text-align-center.scottish-hampers-call-to-action-text {
    width: 28%;
    margin: 0 auto;
    line-height: 1.2em;
    margin-bottom: 35px;
}

@media (max-width: 1024px) {
	p.has-text-align-center.scottish-hampers-call-to-action-text {
    width: 100%;
    margin: 0 auto;
    line-height: 1.2em;
    margin-bottom: 35px;
}
}

.wc-block-grid__product-title {
    text-align: start;
    font-size: 1.2em;
}
/* fixing issues with the product banners on woocommerce on diffrent breakpoints */
img.wc-image {
    width: 100%;
	height: 189px;
/*     object-fit: cover; */
}
@media only screen and (min-width: 1500px) and (max-width: 2000px){
img.wc-image {
    width: 100%;
	height: 375px;
	}
}
	
@media only screen and (min-width: 2000px){
	img.wc-image {
    width: 100%;
	height: 500px;
	}
	
}

@media only screen and (max-width: 400px){
	img.wc-image {
    width: 100%;
	height: 122px;
	}
}

@media only screen and (max-width: 300px){
	img.wc-image {
    width: 100%;
	height: 90px;
	}
}

/* end of code fixing banner issues */
@media only screen and (max-width: 450px) {
	.builder-item .hfg-item-first .col-8 .desktop-left .tablet-left .mobile-left .hfg-item-v-top {
		display: none;
	}
}

@media only screen and (max-width: 450px) {
	.builder-item.hfg-item-last.col-4.desktop-center.tablet-left.mobile-center.hfg-item-v-bottom {
    display: none;
}
}


@media (max-width: 425px) {
	.wp-block-buttons.homepage-block-columns-btn {
    position: relative;
    bottom: -60px;
}
}

@media (max-width: 360px) {
	.wp-block-buttons.homepage-block-columns-btn {
    position: relative;
    bottom: -80px;
    right: 17px;
}
}
/* =======--------	Hampers Display Feed -------============== */


.display-hamper-blocks-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    width: 100%;
    margin: 0 auto;
}

@media (max-width: 1440px) {
	.display-hamper-blocks-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
    width: 72%;
    margin: 0 auto;
}
}

@media (max-width: 768px) {
	.display-hamper-blocks-container {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
    width: 100%;
    margin: 0 auto;
}
}

/* ===========--------- Search Style ------============= */
.nv-post-thumbnail-wrap {
    margin-left: 10%;
}

.non-grid-content.default-layout-content {
    width: 45%;
}

.nv-post-thumbnail-wrap img {
    height: 100%;
    object-fit: none;
    width: 100%;
}

.layout-grid .content>.blog-entry-title {
    margin-bottom: 0;
    margin-left: 15px;
    font-size: 1.5em;
	font-weight: 600;
}

/* Disable Custom Quantity on bundled products */
/* .woosb-products .woosb-product .woosb-qty input {
    width: 100%;
    min-width: 40px;
    margin-left: 10px;
    pointer-events: none;
} */

/*============-------------- HAMPER DISPLAY ----------==============*/
h4.hamper-text-desscription-display {
    text-align: center;
    padding: 10px;
    color: white;
    font-size: .9em;
    width: 100%;
    background-color: var(--nv-secondary-accent);
	margin: 0px;
	margin-bottom: 30px;
}

/*==========------- Empty Cart button --------========= */
a.empty-cart-button {
    background-color: red;
    width: 100%;
    padding: 20px;
    text-decoration: none!important;
    font-weight: 700;
    color: white;
}

a.empty-cart-button:hover {
	color: white;
	background-color: var(--nv-secondary-accent);
}

@media (max-width: 765px) {
	a.empty-cart-button {
    position: absolute;
    background-color: red;
    width: 91%;
    padding: 30px 0px 0px 0px;
    text-decoration: none!important;
    font-weight: 700;
    color: white;
    height: 10vh;
    text-align: center;
}
}

@media (max-width: 425px) {
	a.empty-cart-button {
    position: absolute;
    background-color: red;
    width: 87%;
    padding: 30px 0px 0px 0px;
    text-decoration: none!important;
    font-weight: 700;
    color: white;
    height: 10vh;
    text-align: center;
}
}
/* Shop Featured Image * /
.inner-page-header {
    		height: 300px;
			margin-top: -40px;
			position: relative;
		}
		
h1.page-title-shop {
			margin: 0px 0px 0px;
			text-align: left;
			padding-top: 115px;
			padding-left: 80px;
			color: white;
		}
/* Max Mega Menu */
@media only screen and (max-width: 1112px) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    border-radius: 0;
    border: 0;
    margin: 0;
    line-height: 30px;
    height: 110px;
    padding: 25px 10px;
    background: transparent;
    text-align: right;
    color: rgba(255, 255, 255, 0.933);
    font-size: 18px;
}
}

/*=========----------- Checkout Page ----------==========*/

.woocommerce-privacy-policy-text p {
	display: none;
}

a.place-order-button {
    width: 100%;
    font-size: 1em;
    font-weight: 600;
    text-align: center;
    background-color: red;
    color: white;
    padding: 12px;
}

a.place-order-button:hover {
    background-color: #12aba6;
}

.woocommerce-checkout #payment .place-order button#place_order {
    background-color: red;
	width: 50%;
	margin: 0 auto;
}

.woocommerce-checkout #payment .place-order button#place_order:hover {
    background-color: #12aba6;
}

.place-order-container {
    height: 60px;
    display: flex;
    align-items: center;
}

p.form-row.form-row-wide.create-account.woocommerce-validated:after {
    content: "(optional)";
    text-align: end;
    width: 100%;
    position: relative;
    bottom: 8px;
    right: 216px;
    font-size: .7em;
	display:none;
}

p#order_comments_field {
    font-size: 1.4em;
    font-weight: 600;
}

/* Select Your own Hamper Page */
@media (max-width: 600px) {
	.wp-block-columns.image-boxes-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
	margin-bottom: 0px;
}
	.wp-block-columns.image-boxes-container figcaption {
    font-size: 1.4em;
    text-align: center;
}
}


/* Checkout CSS Style */
/* // One single column */
div#order_review {
    width: 100%;
}

div#customer_details {
    width: 100%;
}



/* // center buttons and half button width */
.woocommerce-info {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 15px;
}

a.place-order-button {
    width: 49%;
    margin: 0 auto;
	border: none;
}

.checkout-button-container {
    text-align: center;
}

button.checkout-guest-button {
	background-color: red;
}

button.checkout-guest-button {
    background-color: red;
    font-size: 1em;
    font-weight: 600;
}

/* @media (min-width: 900px) {
	p.form-row.form-row-wide.create-account.woocommerce-validated:after {
    content: "(optional)";
    text-align: center;
    width: 100%;
    position: relative;
    left: 180px;
    bottom: 25px;
}
} */

label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
    position: relative;
    top: 0px;
}

th.product-name {
    font-size: 1.4em;
    font-weight: 600;
}

.woocommerce-account-fields {
/*     height: 65px; */
}
/* Sale Css */

@media (min-width: 960px) {
	.woocommerce span.onsale {
    background-color: var(--nv-c-1);
    border-radius: 0;
    line-height: inherit;
    min-height: auto;
    left: 0;
    top: -20px;
    font-weight: 500;
}
}
@media (max-width: 959px) {
.woocommerce span.onsale {
    background-color: var(--nv-c-1);
    border-radius: 0;
    line-height: inherit;
    min-height: auto;
    left: 0;
    top: -27px;
    font-weight: 500;
    /* padding: 10px; */
}
}
@media (max-width: 780px) {
	.woocommerce span.onsale {
    background-color: red;
    border-radius: 0;
    line-height: inherit;
    min-height: auto;
    left: 0;
    top: 0px;
    font-weight: 500;
    padding: 15px!important;
	font-size: 1.3em!important;
}
}
/* Sale label product feed */
.img-wrap span.onsale {
    padding: 15px!important;
    background-color: red!important;
    font-size: 1.3em!important;
}
/* Login Form */
body.woocommerce-account .woocommerce-form-login .form-row:not(.woocommerce-form-row--wide) {
    display: flex;
    margin-top: 20px;
    align-items: flex-start;
    flex-direction: column;
}