/*
Theme Name:     Highlander Roastery Theme
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
*/

/* Enquire only button */
a.button.enquire-only-button.enquire-only-single-button {
    margin-left: 5%;
}

/* Header Code Start */
main#content {
    margin-top: -10vw ;
	z-index: 1 ;
}

div#wpadminbar {
    z-index: 999999999999999999999999999999999999999999999999999999999999 ;
}

.header-white-curve {
    z-index: auto ;
    width: 120vw ;
    position: relative ;
    margin-left: -1vw ;
	margin-top: -15vw ;
	margin-bottom: -3vw ;
}

/* changes background and hover color of account in header */
.my-account-wrapper:hover {
    background: transparent;
    color: var(--hovercolor);
}

/* Header Code End */

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////  */

/* main menu start */

#mega-menu-item-woocommerce_products-3 > ul > li > span {
position: absolute ; 
left: 50% ; 
transform: translate(-50%, -50%) ; 
margin-top: 60% ; 
font-size: 21px ; 

}

/* #mega-menu-item-woocommerce_products-3 > ul > li > a > img {
    width: 280px !important;
}

/*  @media (min-width: 2050px) {
	li#mega-menu-16211-0-4 {
    display: none !important;
}
}  */

/* commenting out 20-05-26 */

/* #mega-menu-item-woocommerce_products-3 > ul > li > a > span {
    color: white;
    background-color: transparent !important;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 40%;
    font-size: 21px;
    text-align: center;
    overflow: hidden;
    padding-left: 7.5%;
    padding-right: 7.5%;
} */
/* @media screen and (max-width: 1515px) {
    #mega-menu-item-woocommerce_products-3 > ul > li > span {
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-top: 66%;
        font-size: 21px;
    }
} */

/* @media screen and (max-width: 1200px) {
    #mega-menu-item-woocommerce_products-3 > ul > li > span {
        margin-top: 70%;
    }
}

@media screen and (max-width: 959px) {
    #mega-menu-item-woocommerce_products-3 > ul > li > span {
        margin-top: 60%;
    }
} */
 */
/* commenting out 20-05-26 */


/* Main Menu End */
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////  */
/* Footer Code Start */

/* changes the footer menu to be white as in visuals */
#block-20 > div > div > p > a{
	color: white !important ;
}

/* changes footer submit form text color to white */
input#gform_submit_button_5 {
    color: white ;
}

/* changes gravity form submit button location and colour */

.gform_footer.top_label {
    justify-content: center ;
}
input#gform_submit_button_5 {
    background-color: #272626 ;
}

/* changes the main footer title orange and removes some unneeded padding */
.footer-mail-title {
	padding-bottom: -40px !important ;
	margin-top: 20px ;
}
/* removes padding under orange title */
.footer-header-desc {
	margin-top: -30px
}
/* Footer Code End */

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////  */

/* new arrivals code start */

/* code for the parent container for the price */
.price-container {
	position: absolute;
	top: 0;  
	right: 0;  
	border-radius: 50%;
	background-color: white;
	border: 1px solid white;
	color: #a24712;
	padding: 0.25em;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 2.5% ;
	margin-top: 1.5% ;
}

.na-location {
    font-weight: 600 ;
}

.notes {
    font-weight: 400 ;
    font-size: 15px ;
}

.description {
    font-size: 15px ;
}

.quality-score {
    color: #250846 ;
    font-weight: 600 ;
}

.roast-score {
    color: #250846 ;
    font-weight: 600 ;
}

.price-container:after {
  content: '' ;
  display: block ;
  height: auto ;
  width: 100% ; 
  padding-bottom: 100% ;
}

.product-price {
  overflow: visible ;
/*   height: 0 ;
  margin-top: -2em ;
  margin-right: 2.5% ; */
}

/* changes font weight of new arrivals price */
span.woocommerce-Price-amount.amount {
    font-weight: 600 !important;
}


.new-arrival {
	max-width: 95% ;
}
@media(min-width: 768px) {
	.new-arrival {
		max-width: 30% ;
	}
}
.score-parent {
    color: #9c471f ;
}
.notes {
    margin-bottom: 3px ;
}
.new-arrivals-wrapper {
    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    gap: 2rem ;
    justify-content: center ;
    align-items: center ;
}

.product-image {
    width: 100% ;
}
/* editing the title of the product */
.product-title {
    background-color: #ff3601 ;
    width: 100% ;
    justify-content: center ;
    display: flex ;
    color: white ;
    font-size: 25px ;
    text-transform: uppercase ;
    font-weight: 600 ;
}
.na-location {
/*     background-color: #ff3601 ; */
    width: 100% ;
    justify-content: center ;
    display: flex ;
    color: white ;
    font-size: 13px ;
    text-transform: uppercase ;
    font-weight: 200 ;
    padding-bottom: 10px ;
}

.descriptive-parent {
    background-color: white ;
    color: #bb7652 ;
    width: 100% ;
    font-size: 13px ;
    text-align: center ;
    font-weight: 600 ;
}

/* affecting the quality score of the coffee */
.score-parent {
    display: inline-flex ;
}

/* affecting the container around the bean icons */
.coffee-roast-score {
    width: 14px ;
    display: inline-flex ;
}

/* controls the black line inbetween the quality score and the beans */
.splitter {
    width: 3px ;
    margin-left: 3px ;
    margin-right: 3px ;
}

/* this is the parent container of the entire new arrivals block */
.new-arrivals-parent {
    display: inline-flex ;
    margin-left: 35px ;
}


.description {
    font-weight: 400 ;
}

.NA-Top-curve {
    position: relative ;
    margin-bottom: -5vw ;
	margin-left: calc(-15px - 1vw) ;
	margin-top: -5vw ;
	width: 115vw ;
	max-width: 115vw ;
}
.NA-Bottom-curve {
    position: relative ;
    margin-top: -1vw !important ;
	max-width: 115vw !important ;
	width: 115vw !important ;
	margin-left: -4vw ;
	margin-bottom: -5vw ;
}

/* Ensures that the blocks are the same size if certain areas of data are not filled out to allow consistant results */
.NA-Orange-Parent {
    min-height: 74.5px;
    background-color: #ff3601;
    margin-top: -8px;
}

.descriptive-parent {
    min-height: 96.6px;
}


/* producing the limited parcel banner */
.product-image {
    position: relative;
}

.product-image {
    overflow: hidden;
}

.NA-Corner-text {
    position: absolute;
    background-color: #a24712;
    text-align: center;
    transform: rotate(315deg);
    font-size: 1em;
    font-weight: 600;
    margin-left: -3.5em;
    margin-top: 3em;
    width: 16em;
    line-height: 3em;
}


span.flavour-dsc {
    height: 36px;
    display: block;
    margin-top: 10px;
}

.description {
    height: 57.4px;
}

@media(max-width: 900px){
	.new-arrivals-wrapper{
		flex-direction: column !important ;
	}
}

@media(max-width: 1100px){
.Inner-text-NA {
    font-size: 19px;
	}
}

p.new-arrivals-des {
    font-size: 20px;
}

.roast-score {
    border-left: 2px solid #30144c;
    padding-left: 44px;
    padding-top: 15px;
}

.score-parent {
    border-top: 2px solid #30144c;
    padding-top: 0px;
    margin-bottom: 15px;
}

.quality-score {
    padding-top: 15px;
}

.notes {
    font-size: 15px;
    font-weight: 500;
}

div.notes > br > #text {
    text-transform: uppercase;
}

.description {
    font-weight: 400;
    font-size: 17px;
}

.quality-score {
    margin-right: 25px;
    text-transform: uppercase;
    font-weight: 500;
    color: #000000;
    font-size: 13px;
}

.na-location {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
}
span.flavour-dsc {
    text-transform: uppercase;
}
/* new arrivals code end */

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////  */

/* woocommerce code start */


img.secondary-featured-WC-image {
    width: 48% !important ;
    margin-top: 0px ;
}
@media(max-width: 768px) {
	img.secondary-featured-WC-image {
    width: 100% !important ;
    margin: 1em 0px ;
	}
}
/* customising main area of product title etc */
.summary.entry-summary {
    float: right ;
    width: 48% ;
    clear: none ;
    background-color: #ffffff ;
    box-shadow: 0px 0px 13px 2px #00000066 ;
}

/* aligns with other blocks */
h1.product_title.entry-title {
    margin-left: 5% ;
    margin-right: 5% ;
}

/* aligns with other blocks */
p.price {
    margin-left: 5% ;
    margin-right: 5% ;
}

/* aligns with other blocks */
.woocommerce-product-details__short-description {
    margin-left: 5% ;
    margin-right: 5% ;
}


/* aligns with other blocks */
form.variations_form.cart {
    margin-left: 5% ;
    margin-right: 5% ;
}


/* aligns with other blocks */
.product_meta {
    margin-left: 5% ;
    margin-right: 5% ;
    margin-bottom: 5% ;
}

/* aligns with other blocks */
p.first-payment-date {
    margin-left: 5% ;
    margin-right: 5% ;
}

/* removes WC breadcrumb */
.nv-bc-count-wrap {
    display: none ;
}

/* curves main info box on single produts */
.summary.entry-summary {
    border-radius: 15px ;
}

/* this force capitilies the title of products and adds some spacing */
h1.product_title.entry-title {
    text-transform: uppercase ;
    margin-top: 5% !important ;
}

/* disables click to opn WC product images */
.woocommerce-product-gallery__image {
  pointer-events: none ;
}

/* this aligns the add + negative quantity buttons in WC SP */
.woocommerce .cart .added_to_cart, .woocommerce .cart .button, .woocommerce .cart button {
    display: initial ;
}

button.minus {
    margin-right: -5px ;
    background-color: #4d5b6c ;
    border-top-right-radius: 0px ;
    border-bottom-right-radius: 0px ;
}
button.plus {
    margin-left: -6px ;
    background-color: #4d5b6c ;
    border-top-left-radius: 0px ;
    border-bottom-left-radius: 0px ;
}

/* changes color of add to cart button */
button.single_add_to_cart_button.button.alt {
    background-color: #4d5b6c !important ;
}
input#quantity_64e4d59a8bb40 {
    border-color: transparent ;
}

/* changes colour of the word "from" in some products */
 span.from {
	color: white !important ;
}

/* woocommerce code end */

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////  */

/* Header Mega Menu */
h2.wc-block-featured-product__title {
    font-size: 1.4em ;
}

/* Number Seven Style */
span.span-seven {
    background-color: var(--nv-primary-accent) ;
    padding: 0.3em 0.6em ;
    border-radius: 50% ;
    font-size: 1.5em ;
    font-weight: 800 ;
    margin: 0px 6px ;
    color: var(--nv-text-dark-bg) ;
}
/* Columns in Location Page */
.location-column {
	position: relative ;
}
.location-column > figure > a {
	filter: brightness(0.7) ;
}
.location-column > figure > a:hover {
	filter: brightness(0.4) ;
}
.location-column > h2 {
	position: absolute ;
	top: 50% ;
	left: 50% ;
	transform: translate(-50%, -50%) ;
	width: 100% ;
	text-align: center ;
	pointer-events: none ;
}
/* Instagram Feed */
.instagram-feed-group > div > div > div > div > div > div  {
	background-color: var(--nv-site-bg)!important ;
}
/* product slider css  */

/* Tag Related Products Styling */
.slider-main-container {
    position: relative ;
}
.slider-grid-container {
    display: grid ;
    grid-template-columns: repeat(3, 1fr) ;
    background-color: var(--nv-light-bg) ;
    grid-gap: 10px ;
    padding: 2.5em ;
    border-radius: 15px ;
    position: relative ;
}
/* gives the heading "products for sale" some styling as it is now seprate to the block */
h2.slider-header-h2 {
    text-align: center ;
    color: var(--nv-primary-accent) ;
    padding-top: 2.5% ;
}
.slider-grid-container > h2 {
    grid-column: 1/ 4 ;
    text-align: center ;
    text-transform: uppercase ;
    color: var(--nv-primary-accent) ;
    font-weight: 900!important ;
}
.direction-arrows {
    display: flex ;
    justify-content: space-between ;
    position: absolute ;
    bottom: 0 ;
    font-size: 3em ;
    width: 100% ;
    height: 100% ;
    align-items: center ;
}
.direction-arrows > a {
	text-decoration: none ;
}
.slider-item {
    position: relative ;
	text-align: center ;
	scale: 0.6 ;
}
.slider-item h3,
.slider-item h4,
.slider-item a {
	display: none ;
}
.slider-item a {
	display: block ;
}
.slider-item:nth-child(2) h3,
.slider-item:nth-child(2) h4,
.slider-item:nth-child(2) a {
	display: block ;
}
.slider-item:nth-child(2) {
	scale: 1 ;	
}
.slider-item > a {
    text-decoration: none ;
}
.visible {
	display: block ;
}
.single-visible {
    display: block ;
    grid-column: 1/4 ;
}
.slider-item-button {
    color: var(--nv-primary-accent) ;
    background-color: var(--nv-site-bg) ;
    width: 100% ;
    text-align: center ;
    padding: 10px ;
    margin-bottom: 0px ;
    display: flex ;
    height: 3.5em ;
    align-items: center ;
    justify-content: center ;
}
.view-all-button-container {
    grid-column: 1/4 ;
    text-align: center ;
	padding: 30px ;
}
.view-all-button-container > a {
    color: var(--nv-primary-accent) ;
    background-color: var(--nv-light-bg) ;
    padding: 8px 90px ;
    text-transform: uppercase ;
    font-weight: 900 ;
}
img.slider-item-image {
    margin-bottom: -8px ;
	width: 75vw ;
}
@media (max-width: 960px) {
	h3.slider-item-button {
    font-size: 1em !important ;
}
}
@media (max-width: 600px) {
	h3.slider-item-button {
    font-size: .8em !important ;
	height: 3em ;
}
}

/* product slider css end */

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////  */


/* neve content start */
/* changes the background color of the pagination background and color of number for WC */
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #51879e;
    border: #5db0d4 solid 1px;
    color: var(--nv-text-dark-bg);
}

/* neve content end */

a.my-account-wrapper {
    background-color: #4d5b6c ;
}

span.my-account-icon {
    color: #C1A072 ;
}

.my-account-wrapper:hover {
    background-color: #4d5d6c !important ;
    color: #C1A072 !important ;
}

#gform_wrapper_5 > div > h2 {
	display: none ; 
}

#gform_wrapper_5 > div > p {
	display: none ;
}

/* changes H3 to be orange colour */
h3 {
	color: #51879E ;
}

.white {
	color: white !important ;
}


/* this changes the color of the text when linked to be the original color */
a {
    color: inherit ;
	text-decoration: none ;
}

/* Home Grid of 8 start */
@media (max-width: 780px) {
.wp-block-columns.home-group-of-8-row1.is-layout-flex.wp-container-5.wp-block-columns-is-layout-flex {
    display: grid;
    grid-template-columns: 2fr 2fr;
}
}

@media (max-width: 780px) {
.wp-block-columns.home-group-of-8-row2.is-layout-flex.wp-container-10.wp-block-columns-is-layout-flex {
    display: grid;
    grid-template-columns: 2fr 2fr;
}
}
/* home grid of 8 end */

/* changes the hover color of linked text to go back to original */
a:hover {
	color: inherit ;
}
/* Gray BO3 recent additions beginning*/
/*figure.wp-block-image.alignfull.size-large.bottom-grey-block-curve {
    margin-top: -20px ;
    margin-bottom: -20px ;
}*/

/*
@media (min-width: 1600px) {
	.bottom-curve-protection {
   		display: none ;
	}
}
*/