/*
Theme Name: Topsite SEO Lite Theme
Author: Topsite
Version: 2.0
*/
:root {
    --carmel: #af6f33;
    --dark-brown: #1a1510;
    --white: #fcf7f2;
    --highlight: #d3945a;
    --font1: "Raleway", Arial, sans-serif;
	
	--woocommerce: #a46497;
    --wc-green: #7ad03a;
    --wc-red: #a00;
    --wc-orange: #ffba00;
    --wc-blue: #1a1510;
    --wc-primary: #a46497;
    --wc-primary-text: white;
    --wc-secondary: #ebe9eb;
    --wc-secondary-text: #515151;
    --wc-highlight: #77a464;
    --wc-highligh-text: white;
    --wc-content-bg: #fff;
    --wc-subtext: #767676;
}

/** Removing body margin & hiding overflow **/

* {
    vertical-align: baseline;
    font-family: var(--font1);
    border: 0 none;
    outline: 0;
    padding: 0;
    margin: 0;
}

body {
    margin: 0 !important;
    font-family: var(--font1);
    max-width: 100%;
    overflow-x: hidden;
    color: var(--dark-brown);
    box-sizing: border-box;
    background-color: var(--light-grey);
}

html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

/** Minimum height for content area **/
.topsite-content {
    min-height: 300px;
    padding-top: 115px;
}

/** Grid Size & Margin **/
.website-grid {
    max-width: 1390px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

/** Removing Link Underline, adding for hover **/
a {
    text-decoration: none;
}

/** Content Links **/
.topsite-content p a {
    color: var(--dark-brown);
    font-weight: 600;
    transition: 0.2s ease-out;
}

.topsite-content p a:hover {
    text-decoration: none;
    color: var(--highlight);
}

/** Headings **/
h1 {
    font-size: 28px;
    line-height: 1.3em;
}

h2 {
    font-size: 26px;
    font-weight: 700;
}

.text-white {
    color: var(--white);
}

/** Image max width **/
.full-img {
    max-width: 100%;
}

/** Buttons **/
.topsite-button, #gform_submit_button_7 {
	cursor: pointer;
    color: var(--white);
    font-size: 24px;
    font-weight: 700;
    font-family: var(--font1);
    padding: 10px 30px;
    border-radius: 5px;
    border: none;
    position: relative;
    transition: 0.2s ease-in;
    background-color: var(--carmel);
    display: block;
    width: fit-content;
}

main a {
    transition: all 0.3s ease;
}
main a:hover {
    cursor: pointer;
    transform: translateY(4px);
}

.topsite-button:hover {
    cursor: pointer;
    transform: scale(1.1);
}

.black-button {
    background-color: var(--black);
}

:focus {
    outline: none;
}

/** Address font style **/
address {
    font-style: normal;
}

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

/** --------------------- MENU ------------------------- **/

/** --------------------- HOMEPAGE --------------------- **/
.home img{
    border-radius: 5px;
}
.hero {
    color: white;
    display: flex;
    flex-direction: column;
    background: url("https://bakecree.ca/wp-content/uploads/2023/03/bakecreehero.jpg");
    background-size: cover;
    background-position: 0% 100%;
    height: 52vw;
	min-height: 760px;
    justify-content: center;
}
.hero .website-grid > div {
    max-width: 700px;
    margin-left: 0;
}
.hero h1 {
    text-transform: uppercase;
    font-size: 1.3rem;
    letter-spacing: 4pt;
    font-weight: 500;
    margin-bottom: 18px;
}
.hero p {
    margin-bottom: 34px;
}
.hero .text-40px {
    font-weight: 600;
}
.hero-products {
    background: var(--white);
    padding-bottom: 20px;
    padding-top: 1px;
}
.hero-products .website-grid {
    display: flex;
    margin-top: -60px;
    justify-content: space-between;
}
.hero-products .display-product {
    display: flex;
    align-items: flex-end;
    margin-right: 3.5%;
    justify-content: space-between;
    flex: 0 0 31%;
}
.hero-products .display-product p{
    margin-top: 14px;
    margin-bottom: 20px;
}

.hero-products .display-product img{
	 margin-bottom: -1.5rem;
    max-width: 182px;
}


.hero-products .display-product:nth-child(2) p{
    margin-right: -10px;
}
.hero-products .display-product:last-child {
    margin-right: 0;
}
.display-product img{
	max-width: 100%;
	    max-width: 160px;

}
.text-40px {
    font-size: 2.5rem;
}

.about {
    color: white;
    background: var(--dark-brown);
    padding-top: 70px;
    padding-bottom: 80px;
}


.about .flex{
    padding-bottom: 50px;
	align-items:center;
	justify-content: space-between;
}
.about .flex .mr-40{
	flex: 0 0 54%;

}
.about .flex img{
	max-width: 40%;
	margin-top: 30px;
}
.double-image {
    display: flex;
    justify-content: space-between;
    padding-top:40px;
}
.double-image .img-col {
    flex: 0 0 48%;
}
.double-image .img-col:last-child {
    flex: 0 0 46.2%;
}
.double-image .img-col img {
    max-width: 100%;
}
.double-image .img-col p {
    text-align: center;
    margin-top: 10px;
}
.double-image .img-col p::after, .double-image .img-col p::before {
    display: inline-block;
    content: "";
    border-top: 2px solid var(--carmel);
    width: 14px;
    margin: 0 8px;
    transform: translateY(-4px);

}
.local-services {
    background: var(--white);
    padding-top: 50px;
    padding-bottom: 100px;
}
.local-services .double-image{
    padding-bottom: 80px;
}

.flex {
    display: flex;
}

.home .products {
    color: white;
    background: var(--dark-brown);
    padding-top:80px;
    padding-bottom: 20px;
}
.home .products .big-image {
    margin-top: -640px;
    flex: 0 0 46%;
}
.big-image img{
    width: 100%;
}
.home .products .flex {
    justify-content: space-between;
}
.home .products .flex .display-product {
    margin-right: 40px;
	flex: 0 0 31%;
    display: flex;
    padding-top:100px;
}
.home .products .flex .display-product > div {
    gap: 18px;
    display:flex;
    flex-direction: column;

}
.home .products .flex .display-product > div h3 {
    color: var(--carmel);
}
.home .products .flex .display-product:last-child {
    margin-right: none;
}

.home .products .flex .display-product a{
	margin-top:auto;
	margin-bottom: 16px;
}
.local-text{
    max-width:732px;
    width: 49%;
}
.text-red {
    color: #a56b6b;
}
.text-17px{
    font-size: 1.05rem;
}
.text-30px{
    font-size: 1.9rem;
}
.sub-header{
    font-size: 1.9rem;
    color: var(--carmel);
    margin-bottom:18px;
}
.text-24px{
    font-size: 1.5rem;
}
.text-20px{
    font-size: 1.25rem;
}
.mr-40{
    margin-right: 40px;
}

.mb-20{
    margin-bottom:20px;
}
.mb-30{
    margin-bottom:30px;
}
.mb-40{
    margin-bottom:40px;
}

.mb-50{
    margin-bottom:50px;
}
.contact {
    background: url("http://bakecree.flywheelsites.com/wp-content/uploads/2023/03/background-contact-us.jpg");
    background-size: cover;
    position: relative;
    padding: 50px 70px
}
.contact .website-grid{
	position: relative;
}
.contact .barista {
    position: absolute;
    bottom: -61px;
    right: -334px;
	z-index:0;
	
}
.contact .flex{
    align-items: center;
	justify-content:center;
    padding-bottom: 60px;
    gap: 80px;
}
.contact .form{
    background: var(--carmel);
    padding:40px 50px 10px;
    border-radius: 10px;
}
.contact .info{
    border: solid 6px var(--carmel);
    border-top-width: 0;
    border-right-width: 0;
    color: var(--dark-brown);
    padding: 50px;
	margin-bottom: 10px;
}
.contact .info p, .contact .info a{
    color: var(--dark-brown);
    font-size:20px;
    font-weight: 700;
    margin-bottom: 20px;
    display:block;
}

.contact .gfield_description{
	color: white !important;
}
.contact  #gform_submit_button_7{
	background-color: var(--dark-brown);
}
.contact p.text-40px{
	font-weight:700;
}
.contact p.text-30px{
	margin-left:auto;
	margin-right:auto;
	max-width: 1210px;
}

/** --------------------- RESTAURANT PAGE --------------------- **/
.restaurant-hero {
	background-image: url("/wp-content/uploads/2025/09/RestaurantHero.png");
	background-size: cover;
    background-position: center;
}

.restaurant-hero .hero-inner {
	max-width: 700px;
    padding-top: 96px;
    padding-bottom: 96px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    color: var(--white);
}

.restaurant-hero h1 {
    text-transform: uppercase;
    font-size: 1.3rem;
    letter-spacing: 4pt;
    font-weight: 500;
    margin-bottom: 18px;
}

.restaurant-hero p {
	margin-bottom: 34px;
}

.restaurant-hero .text-40px,
.catering-text .text-40px {
    font-weight: 600;
}

.fb-banner {
	background-color: var(--carmel);
	color: var(--white);
	padding-top: 36px;
	padding-bottom: 36px;
}

.fb-banner > div {
	display: flex;
	gap: 36px;
	align-items: center;
    justify-content: space-between;
}

.fb-banner p {
	font-size: 1.5rem;
	font-weight: 600;
	max-width: 75%;
}

.fb-banner .topsite-button {
    background-color: var(--dark-brown);
	text-wrap: nowrap;
}

.food-selection {
	background-color: var(--dark-brown);
}

.food-selection > div {
	padding-top: 52px;
	padding-bottom: 52px;
	color: var(--white);
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.food-gallery {
	display: flex;
	justify-content: space-between;
}

.food-gallery img {
	width: 30%;
	height: auto;
	border-radius: 5px;
}

.contact-catering {
	background-image: url("/wp-content/uploads/2023/03/background-contact-us.jpg");
	background-size: cover;
    background-position: center;
}

.contact-catering > div {
    display: flex;
    gap: 56px;
    align-items: center;
    justify-content: center;
    padding-top: 56px;
    padding-bottom: 56px;
}

.contact-catering .form {
    background: var(--carmel);
    padding: 40px 50px 10px;
    border-radius: 10px;
}

.contact-catering #gform_submit_button_7 {
    background-color: var(--dark-brown);
}

.catering-text {
	color: var(--dark-brown);
    width: 50%;
    display: flex;
    gap: 16px;
	flex-direction: column;
}



/** --------------------- CONTACT PAGE --------------------- **/
.contact-page .form{
    padding:0 50px 40px;
    border-radius: 10px;
}

.contact-page .website-grid {
	border: solid 1px var(--carmel);
}

.contact-page .website-grid .flex{
	padding: 40px;
}

.contact-page h1{
	border: solid 0px var(--carmel);
	padding: 20px;
	text-align: center;
	border-bottom-width:1px;
	font-size: 40px;
}

.contact-page .flex > div{
	flex: 0 0 55%;
	box-sizing:border-box;
}

.contact-page .flex > div:first-child{
	margin-right: 5%;
	flex: 0 0 40%;

}

.contact-page p, .contact-page h2{
	margin-bottom: 20px;
	
}

.contact-page {
	background: linear-gradient(#fcf7f263,#fcf7f2ad),url(http://bakecree.flywheelsites.com/wp-content/uploads/2023/03/background-contact-us.jpg);
	background-size:cover;
	padding-top: 100px;
	padding-bottom: 80px;
}

.gform_wrapper.gravity-theme input[type=text], 
.gform_wrapper.gravity-theme input[type=tel],
.gform_wrapper.gravity-theme input[type=email],
.gfield textarea.small {
    border: solid 1px var(--carmel);
}



/** --------------------- SUB PAGE --------------------- **/

/** --------------------- SHOP PAGES --------------------- **/

.shop{
	background: linear-gradient(#fcf7f263,#fcf7f2ad),url(http://bakecree.flywheelsites.com/wp-content/uploads/2023/03/background-contact-us.jpg);
	background-size:cover;
	padding-top: 300px;
}

.shop .website-grid{
	display: flex;
	justify-content: space-between;
	padding-bottom: 80px;
}

.woocommerce div.product div.images img{
	max-height: 100%;
}

.shop header{
	max-width: 470px;
	margin-right: 80px;
}

.shop .woocommerce ul.products {
    margin-bottom: 0;
    justify-content: space-between;
    display: flex;
	
}

.shop .product-lists{
	flex: 0 0 60%;
}
.woocommerce-page .shop ul.products li.product {
	margin: 0;
	width: 30%;
}

main > .type-product{
	display:flex;
	flex-wrap: wrap;
}
main > .type-product > div{
	flex: 0 0 30%;
}
main > .type-product > .wc-tabs-wrapper{
	order: 3;
	margin-right: 0;
}
main > .type-product > .related{
	order:5;
	flex: 0 0 100%;
	margin-right: 0;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{
	float: revert;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{
	float: revert;
	width: fit-content;
}

.entry-summary{
	order: 0;
	
}
main > .type-product > .woocommerce-product-gallery{
	order: 2;
	flex: 0 0 40%;
}
.woocommerce-product-gallery__image{
	width: fit-content;
    margin: auto;
}
.woocommerce div.product .woocommerce-tabs ul.tabs{
	display:none;
}

.woocommerce div.product form.cart{

}
.woocommerce-variation-availability{
	display:none;
}

.woocommerce .quantity .qty {
	padding: 10px 0;
}
.woocommerce-Tabs-panel p, .woocommerce-Tabs-panel h2{
	margin-bottom: 10px;
}

.product_meta{
	display:none;
}

.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
    width: fit-content;
    text-align: left;
}


.related h2{
	margin-bottom: 20px;
}
.related ul.products li.product a img{
	max-height:300px;
	width: auto;
}

.woocommerce ul.products{
	margin-bottom: 0;
}
.shop ul.products li.product a img{
	max-height: 350px;
	width: auto;
}

.shop p, .shop h1{
	margin-bottom: 20px;
	max-width: 700px;
}

.woocommerce .woocommerce-result-count, .woocommerce-ordering{
	display:none
}

/** --------------------- BLOG ARCHIVE PAGE --------------------- **/

.blog-archive .blog-entries {
    margin-bottom: 60px;
}

ul.page-numbers {
    list-style: none;
    margin: 0;
    display: flex;
    justify-content: center;
    margin-bottom: 120px;
}

.page-numbers:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

ul.page-numbers li {
    display: block;
    margin: 0 4px 4px 0;
    text-align: center;
}

.page-numbers a,
.page-numbers span {
    line-height: 150%;
    display: block;
    padding: 0 6px;
    height: 18px;
    border-radius: 3px;
    line-height: 18px;
    font-size: 20px;
    text-decoration: none;
    font-weight: 400;
    cursor: pointer;
    border: 1px solid var(--dark-brown);
    color: var(--dark-brown);
    padding: 10px;
}

.page-numbers a:hover,
.page-numbers.current,
.page-numbers.current:hover {
    color: var(--dark-brown);
    background: var(--white);
    text-decoration: none;
}

.page-numbers:hover {
    text-decoration: none;
}

.blog-entries > a {
    min-width: 240px;
}

/** --------------------- BLOG POST PAGE --------------------- **/

.blog-wrapper {
    padding-right: 100px;
    flex: 0 0 73%;
    box-sizing: border-box;
}

.post-title h1 {
    font-size: 34px;
    line-height: 150%;
}

.topsite-blog-content {
    display: flex;
    align-items: flex-start;
    box-sizing: border-box;
    padding-bottom: 80px;
    font-size: 16px;
    line-height: 150%;
    padding-top: 200px;
}

.blog-sidebar {
    flex: 1 1 35%;
    padding-left: 20px;
    padding-right: 20px;
    background: var(--dark-brown);
}

.blog-sidebar ul {
    list-style: none;
    padding-left: 0;
}

.blog-sidebar li {
    margin-bottom: 10px;
}

.blog-sidebar h3 {
    font-size: 28px;
    margin-bottom: 16px;
}

.blog-sidebar a {
    color: var(--dark-brown);
    display: inline-block;
    transition: all 0.2s ease;
}

.blog-sidebar a:hover {
    color: var(--carmel);
    transform: translateX(2px);
}

.sidebar-cta {
    background-color: var(--carmel);
    padding: 3rem 40px;
    border-radius: 6px;
    width: fit-content;
    box-sizing: border-box;
    margin-top: 40px;
}

.sidebar-cta * {
    color: white !important;
}

.sidebar-cta h2 {
    margin-top: 10px;
}

/** --------------------- 404 error page --------------------- **/

.error-404 {
    min-height: 60vh;
    display: flex;
    width: 100%;
    align-items: center;
    padding-bottom: 80px;
    text-align: center;
}
.error-404-number {
    line-height: 100%;
    font-size: 160px;
    font-weight: 600;
    margin: 0;
}

/** --------------------- Footer --------------------- **/
.site-footer {
    background-color: var(--dark-brown);
    padding-top: 80px;
	z-index:1;
	position:relative;
}

.site-footer li {
    list-style: none;
}

.site-footer h3,
p.footer-title {
    font-size: 20px;
	text-transform: uppercase;
    font-weight: 700;
    margin-top: 0;
	margin-bottom: 20px
}

.site-footer .menu-item {
    margin-bottom: 10px;
}

.site-footer ul {
    padding-left: 0;
}

.site-footer p {
    color: var(--white);
}

.site-footer p a {
    color: var(--carmel);
    font-weight: 300;
}

.site-footer a:hover {
    color: var(--highlight);
}

.site-footer a {
    color: var(--carmel);
    font-weight: 300;
}

span.footer-copyright {
    line-height: 1.6;
}

.sub-footer {
    width: 100%;
    text-align: center;
    color: var(--white);
    padding: 20px 0;
    margin-top: 60px;
    font-size: 13px;
    letter-spacing: 1px;
    background: var(--black);
}

.sub-footer a{
	color: var(--white);
}

.site-footer__col-one img {
    max-width: 100%;
}
.site-footer__col-one > a {
    display: block;
}
.site-footer__col-one > a:nth-child(3),
.site-footer__col-one > a:nth-child(4) {
    margin-top: 28px;
}

.site-footer .social-nav-list {
    padding-top: 40px;
}

.site-footer .group {
    display: flex;
    justify-content: space-between;
}
.site-footer .group > div {
    flex: 0 0 22.5%;
    margin-right: 3.33%;
}
.site-footer .group > div:last-child {
    margin-right: 0;
}

/** Hide Responsive Nav **/
.responsive-navigation {
    visibility: hidden;
    width: 0px;
    right: -40px;
    overflow: hidden;
    transition: all 0.4s linear;
    background: var(--dark-brown);
    padding: 10px;
    z-index: 99;
    height: 100vh;
    position: absolute;
    top: -38px;
}
.responsive-navigation li {
    white-space: nowrap;
}
.social-nav-list li {
    display: inline;
    margin-right: 40px;
}
.social-nav-list li a {
    font-size: 26px;
}

.woocommerce .woocommerce-breadcrumb {
	text-align: center;
	margin-bottom: 0;
}
.woocommerce div.product div.summary {
  margin-bottom: 0; 
}
.woocommerce div.product form.cart {
  margin-bottom: 0;
}
.shop {
  /* padding-top: 300px */
  padding-top: 206px;}

.post-type-archive-product  .shop {
  /* padding-top: 300px */
  padding-top: 232px;}
main>.type-product {
  /* flex-wrap: wrap */
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
main>.type-product>.woocommerce-product-gallery {
    order: 2;
    flex: 0 0 25%;
}

main>.type-product>div {
    flex: 0 0 25%;
}


/* BANNER CSS */



.woocommerce-banner{
	position: absolute;
    width: 100%;
    bottom: -43px;
    
    padding: 5px 0;
    background: var(--carmel);
    color: white;	
}
.woocommerce-banner .website-grid {
	display: flex;
	align-items: center;
	justify-content: center;
}

#gform_submit_button_9{
	background: var(--dark-brown);
	height: 100%;
	transition: all .3s ease;
}
#gform_submit_button_9:hover{
	transform: scale(1.03);	
}
.woocommerce-banner .gform_footer {
	display:none !important;
}
.woocommerce-banner .website-grid{
	height: 35px!important;
}
.woocommerce-banner p{
	font-size: 18px;
	font-weight: 500;
}
.woocommerce-banner #input_9_1{
	padding: 6px;
}
.woocommerce-banner .gform_wrapper.gravity-theme .gform_fields{
	grid-column-gap:0;
}
#gform_wrapper_9{
	margin-left: 40px;
}
#gform_fields_9{
	display:flex;
	justify-content: flex-end;
}

#field_9_1{
	min-width: 280px!important;
}



/** --------------------- RESPONSIVE --------------------- **/

/** --------------------- Display on laptops and desktops over 1000 pixels --------------------- **/
@media only screen and (min-width: 1000px) {
    /** Sticky Nav **/
    /* The sticky class is added to the navbar with JS when it reaches its scroll position */
    #navbar.sticky {
        position: fixed !important;
        top: 0;
        width: 100%;
        margin-top: 0;
        background: var(--dark-brown);
        box-shadow: 0px 0px 10px rgb(0 0 0 / 0.35);
        height: 124px;
    }

    /** Resize logo on sticky **/
    .sticky .topsite-logo-container img {
        height: 60px;
    }

    /** Reposition nav on sticky **/
    .sticky .topsite-header__menu.group {
        top: 10px;
    }

    .topsite-header .website-grid {
        height: 75px;
        position: relative;
    }

    .sticky .website-grid {
        height: 60px;
    }

    .sticky .menu-header-login-container {
        display: none;
    }

    /** Header Background & Padding **/
    .topsite-header {
        position: absolute;
        width: 100%;
        height: 170px;
        z-index: 50;
		transition: all .4s ease;
		 background: var(--dark-brown);
    }
	
	.home .topsite-header{
		background: transparent;
	}

    .topsite-header-container {
        position: relative;
        height: 100px;
    }

    .topsite-header .topsite-container {
        position: relative;
        height: 90px;
        padding: 10px 0;
        box-sizing: border-box;
    }

    /** Header Padding **/
    .topsite-container.website-grid {
        padding: 40px 0;
    }

    /** Hiding mobile header trigger when not mobile/tablet **/
    .topsite-header__menu-trigger {
        visibility: hidden;
    }

    /** Logo container **/
    .topsite-logo-container {
        max-width: 250px;
        height: 74px;
        display: inline-block;
        position: relative;
        vertical-align: top;
    }

    /** Logo image max width **/
    .topsite-logo-container img {
        position: absolute;
        width: auto;
        height: 74px;
        left: 0;
        transition: 0.2s ease-out;
        z-index: 30;
        max-width: unset;
    }

    /** Navigation menu links **/
    .topsite-header__menu.group {
        width: 78%;
        display: inline-block;
        position: relative;
        vertical-align: top;
        position: absolute;
        right: 0;
        top: 20px;
    }

    /** Nav Links **/
    #menu-main-menu {
        margin-top: 4px;
        margin-bottom: 0;
    }

    #menu-main-menu li a {
        color: var(--white);
        font-size: 24px;
        font-weight: 500;
        text-decoration: none;
        padding: 10px 25px;
        transition: 0.1s ease-in;
        position: relative;
    }

    #menu-main-menu li:nth-child(5) {
        padding-right: 0;
		margin-left: 50px;
    }
	
	#menu-main-menu li:nth-child(5) a{
     	padding-right:0;
		color: var(--carmel);
	 -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
		  pointer-events: none;
    }
	    #menu-main-menu li:last-child {
        padding-right: 0;
	color: var(--carmel);
		margin-left: 50px;
    }
		    #menu-main-menu li:last-child a{
        padding-right: 0;
		
    }
	#menu-main-menu .menu-location a::before{
		 font: var(--fa-font-light);
		 content: '\f3c5'
		 color: var(--carmel);
    }

		#menu-main-menu li a{
		transition: all .3s ease;
	}
	#menu-main-menu li a:hover{
		transform:scale(1.03);
		color: var(--highlight);
	}

    #menu-main-menu li {
        padding-bottom: 15px;
    }

    #menu-main-menu .sub-menu li {
        padding-bottom: 0;
    }

    /** Menu links right aligned **/
    .main-navigation {
        text-align: right;
    }

    /** Header Menu Login **/
    #menu-header-login li {
        margin-right: 10px;
    }
    #menu-header-login li i {
        font-size: 26px;
    }
    #menu-header-login li a {
        padding: 6px;
        display: block;
    }
    #menu-header-login li.signup-button a {
        padding: 6px 35px;
    }
    #menu-header-login li.login-button a {
        padding: 6px 44px;
    }

    #menu-header-login .current-menu-item a,
    #menu-header-login a:hover {
        color: var(--highlight);
    }

    /** Menu login links right aligned **/
    .topsite-header__login {
        text-align: right;
    }

    .menu-header-login-container {
        height: 40px;
    }

    #menu-header-login {
        max-width: 1390px;
        margin: 0 auto;
        padding: 8px 25px;
        box-sizing: border-box;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    #menu-header-login li {
        padding: 0;
    }

    .topsite-login-header {
        height: 35px;
        position: relative;
    }

    #menu-header-login li a {
        color: var(--white);
        transition: 0.2s ease-out;
    }

    /** Align menu list items **/
    .main-navigation .menu li {
        display: inline-block;
        position: relative;
    }

    /** Sub Menu **/
    .sub-menu {
        visibility: hidden;
        position: absolute;
        width: 250px;
        text-align: left;
        background: var(--white);
        top: 38px;
        box-sizing: border-box;
        left: 8px;
        border-bottom-left-radius: 15px;
        border-top-right-radius: 15px;
        height: 0;
        transition: 0.15s ease-in;
    }

    .menu-item:hover .sub-menu {
        visibility: visible;
        padding: 15px 15px;
        height: auto;
    }

    #menu-main-menu .sub-menu li {
        display: block;
        height: 40px;
    }

    #menu-main-menu .sub-menu li a {
        padding: 10px;
        font-size: 14px;
        display: none;
        color: var(--dark-brown);
    }

    #menu-main-menu .sub-menu li a:hover {
        color: var(--light-blue);
    }

    #menu-main-menu .menu-item:hover .sub-menu li a {
        display: block;
    }
}

/** --------------------- Screens smaller than 1600 pixels --------------------- **/
@media only screen and (max-width: 1600px) {
	.hero h1{
		display:none;
	}
	.contact .barista{
		display:none;
	}


}

/** --------------------- Screens smaller than 1500 pixels --------------------- **/
@media only screen and (max-width: 1500px) {
	html {
	  font-size: 14px;
	}
	.archive h2, p, a{
		font-size: 16px;
	}
			    #menu-main-menu li:last-child a{
        padding-right: 20px;
		
    }
}

/** --------------------- Screens smaller than 1400 pixels --------------------- **/
@media only screen and (max-width: 1410px) {
    .website-grid {
        padding-left: 20px;
        padding-right: 20px;
    }
		.shop ul.products li.product a img {
		max-height: 259px;
		width: auto;
	}
}

/** --------------------- Screens smaller than 1240 pixels --------------------- **/
@media only screen and (max-width: 1240px) {
		html {
	  font-size: 12px;
	}
	.archive h2, p, a{
		font-size: 16px;
	}
}

/** --------------------- Screens smaller than 1200 pixels --------------------- **/
@media only screen and (max-width: 1200px) {

}

/** --------------------- Screens larger than 1140 pixels --------------------- **/
@media only screen and (min-width: 1140px) {
}

/** --------------------- Screens between 1140 and 1300 pixels --------------------- **/
@media only screen and (min-width: 1140px) and (max-width: 1299px) {
}

/** --------------------- Screens between 1000 and 1140 pixels --------------------- **/
@media only screen and (min-width: 1000px) and (max-width: 1139px) {
}

/** --------------------- Screens between 1140 and 1280 pixels --------------------- **/
@media only screen and (min-width: 1140px) and (max-width: 1280px) {
}

/** --------------------- Screens larger than 1280 pixels --------------------- **/
@media only screen and (min-width: 1281px) {
}
/** --------------------- Screens smaller than 1400 pixels --------------------- **/
@media only screen and (max-width: 1400px) {
    .blog-wrapper {
        flex: 1 1 75%;
    }
    .blog-sidebar {
        flex: 1 1 25%;
    }
}

/** --------------------- Screens smaller than 1280 pixels --------------------- **/
@media only screen and (max-width: 1280px) {
    #menu-header-login {
        padding: 8px 35px;
    }

    #menu-main-menu {
        padding-right: 10px;
    }

    .col-13 {
        width: 33%;
    }
	
	.home .products .big-image{
		    margin-top: -500px;
	}
		.double-image .img-col p {
    text-align: center;
    align-items: center;
    display: flex;
    margin-top: 10px;
}
	.double-image .img-col p:after, .double-image .img-col p:before {
    display: block;
    content: "";
    border-top: 2px solid var(--carmel);
    width: 14px;
    margin: 0 8px;
    transform: translateY(0px);
}
	#menu-main-menu li:nth-child(4) {
		padding-right: 0;
		margin-left: 11px;
	}
}

/** --------------------- Screens smaller than 1200 pixels --------------------- **/
@media only screen and (max-width: 1200px) {
    .blog-entries {
        flex-wrap: wrap;
        justify-content: center;
    }
    .blog-entries > a {
        flex: 1 1 40%;
        max-width: 500px;
    }
    .blog-entries .blog-card {
        max-width: 100%;
    }
	
	
/* 	banner */
	

.woocommerce-banner .website-grid {
	flex-direction:column;
	height: 74px!important;
}
	.woocommerce-banner {
		bottom: -83px;
	}
.woocommerce-banner p{
	margin-bottom: 6px;
}
	
	.woocommerce .shop{
		padding-top: 300px;
	}

}

/** --------------------- Screens smaller than 1180 pixels --------------------- **/
@media only screen and (max-width: 1179px) {
	
	#menu-main-menu li a {
  /* font-size: 24px; */
  font-size: 20px;}
  /* padding: 10px 25px; */
  padding: 10px 22px;}
#menu-main-menu li {
  /* padding-bottom: 15px */
  padding-bottom: 1px;
}
}

/** --------------------- Screens smaller than 1140 pixels --------------------- **/
@media only screen and (max-width: 1139px) {
}

/** --------------------- Screens smaller than 1100 pixels --------------------- **/
@media only screen and (max-width: 1100px) {
    .blog-archive .blog-entries {
        gap: 2rem 2%;
    }
    .blog-archive .blog-entries > a {
        flex: 0 1 32%;
    }
    .blog-wrapper {
        flex: 1 1 75%;
        padding-right: 0;
        border-right: solid 0 black;
        margin-right: 0;
    }

    .blog-sidebar {
        display: none;
    }
		#menu-main-menu li:nth-child(4) {
		padding-right: 0;
		margin-left: 3px;
	}
}

/** --------------------- Screens smaller than 1000 pixels --------------------- **/
@media only screen and (max-width: 999px) {
    #navbar {
        position: fixed;
        width: 100%;
        z-index: 99;
        height: 120px;
        background: var(--dark-brown);
    }

    .topsite-header__menu-trigger.active .responsive-navigation {
        visibility: visible;
        width: 220px;
        z-index: 49;
    }

    .responsive-navigation .topsite-clickable {
        display: block;
        margin-top: 24px;
        cursor: pointer;
        z-index: 50;
        width: fit-content;
        margin-left: auto;
        margin-right: 28px;
        margin-bottom: 10px;
    }

    .responsive-navigation ul {
        margin: 0;
        padding: 0;
    }

    .responsive-navigation li {
        list-style: none;
        font-size: 18px;
        font-weight: 600;
        font-family: var(--font1);
        padding: 15px 0;
    }

    .responsive-navigation li a {
        color: var(--white);
        padding: 12px 10px;
    }

    .responsive-navigation li a:hover {
        color: var(--highlight);
    }

    #menu-main-menu {
        list-style: none;
        padding-left: 0;
        margin: 12px 0;
    }

    #menu-main-menu li a {
        color: var(--white);
        font-family: var(--font1);
        font-weight: 600;
        font-size: 16px;
    }

    #menu-main-menu li {
        padding-bottom: 5px;
        margin-bottom: 10px;
        border-bottom: 1px solid var(--dark-brown);
    }

    #menu-main-menu li:last-child {
        margin-bottom: 0;
    }

    .topsite-login-header {
        display: none;
    }
	

    .topsite-header__menu.group {
        display: none;
    }

    .topsite-logo-container img {
        position: absolute;
        width: auto;
        height: 80px;
        left: 20px;
        top: 20px;
        transition: 0.2s ease-out;
        z-index: 30;
    }

    i.topsite-header__menu-trigger {
        position: absolute;
        top: 45px;
        right: 36px;
        font-size: 30px;
        width: 30px;
        height: 40px;
        z-index: 999;
		color: var(--white);
    }

    .col-12,
    .col-13,
    .col-14,
    .col-15 {
        width: 100%;
    }

    .site-footer .group {
        flex-direction: column;
    }
    .site-footer .group > div {
        margin-right: 0;
        margin-top: 40px;
    }
	
	.flex{
		flex-direction: column;
	}
	.big-image img {
		display:none;
	}
	.home .products .big-image {
		margin-top:0;
	}
	.hero-products .website-grid {
		flex-direction: column;
	}
	.hero-products .display-product {
		justify-content: flex-start;
		align-items: center;
	
		max-width:394px;
		margin: auto !important;
		margin-bottom: 40px !important;
	}

	.home .products .flex .display-product a{
		margin-top: 0;
	}
	.home .products .flex .display-product > div{
		justify-content: center	
	}
	.contact .barista{
		display:none;
	}
	.hero .website-grid > div a{
		margin: auto;
	}
	.hero .website-grid > div{
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		max-width: 95%
	}
	
	.hero p.text-24px{
		max-width: 80%;
		margin-left: auto;
		margin-right: auto;
	}

	.hero {
		background: linear-gradient( #280f0375, #1a0601d6), url(http://bakecree.flywheelsites.com/wp-content/uploads/2023/03/bakecreehero.jpg);
		background-position: 77% 22%;
		height: 52vw;
		min-height: 760px;	
	}
	.home .products .flex .display-product {
		display: flex;
		max-width: 420px;
		margin-right: auto;
		margin-left: auto;
		padding-top: 40px;
	}
	.site-footer .group {
		align-items: center;
		text-align: center;
	}
	.site-footer address p{
		line-height: 150%;
		margin-bottom: 2px;
	}
	.site-footer h3, p.footer-title {
		margin-bottom: 7px;
	}
	.topsite-content {
		min-height: 300px;
		padding-top: 100px;
	}
	.contact-page{
		padding-top: 60px;
	}
	.contact-page .form{
		margin-right: 0;
		padding: 0;
	}
	.contact-page .website-grid .flex{
		flex-direction: column-reverse;
	}
	
	.woocommerce ul.products{
		flex-direction: column;
		flex-wrap: nowrap;
	}
	.shop{
		padding-top: 160px;
	}
	.shop .website-grid {
		flex-direction: column;
	}
	.shop header {
		max-width: 751px;
		margin-bottom: 40px;
		margin-right: 0;
	}
	
	.local-text {
    max-width: 853px;
    width:100%;	}
		.about .flex img{
		display:none;
	}
	.contact-page .website-grid {
		border: none;
	}	
}


/** --------------------- Screens smaller than 850 pixels --------------------- **/
@media only screen and (max-width: 850px) {
	.about .flex img{
		display:none;
	}
	.local-text{
		width:100%;
	}

	.contact-catering > div {
		flex-direction: column-reverse;
		gap: 36px;
	}
	
	.catering-text {
		width: 100%;
	}

}

/** --------------------- Screens smaller than 750 pixels --------------------- **/
@media only screen and (max-width: 750px) {
	.woocommerce ul.products{
		display: flex;
		flex-direction:row;
		flex-wrap: wrap;
	}
	
	main>.type-product> .wc-tabs-wrapper {
		flex: 0 0 100%;
	}
	main>.type-product>.woocommerce-product-gallery {
		order: 0;
	}
	
	main>.type-product>.woocommerce-product-gallery {
		flex: 0 0 45%;
	}
	
	main>.type-product>div {
		flex: 0 0 45%;
	}
	
	.fb-banner > div {
		flex-direction: column;
		gap: 18px;
	}

	.fb-banner p {
		max-width: 100%;
		text-align: center;
	}
	
	.contact-catering .form {
		padding: 40px 20px 10px;
	}
}

/** --------------------- Screens smaller than 700 pixels --------------------- **/
@media only screen and (max-width: 700px) {
	.double-image{
		flex-direction: column;
		gap: 40px;
	}
	.about{
		padding-bottom: 40px;
	}
	.local-services {
		background: var(--white);
		padding-top: 0px;
		padding-bottom: 100px;
	}
	.hero-products .website-grid{
		margin-top: 0;
	}
	.contact{
		padding: 40px 0;
	}
	
	.woocommerce-page .shop ul.products li.product{
		width: 45%;
		margin-bottom: 40px;
	}

}


@media only screen and (max-width: 668px) {
	.woocommerce-banner .website-grid {
  /* height: 74px!important; */
  height: auto!important;}
.woocommerce-banner {
  /* bottom: -83px; */
  bottom: -95px;
  text-align: center;
}
	
}
/** --------------------- Screens smaller than 640 pixels --------------------- **/
@media only screen and (max-width: 641px) {
	.gform_wrapper.gravity-theme .gform_fields {
		grid-row-gap: 0 !important;
	}
	
	.ginput_container_email, .ginput_container_phone {
		margin-bottom: 10px;
	}
	
	.gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
		min-height: 0!important; 
	}
	
	.gform_wrapper.gravity-theme input#gform_submit_button_7 {
		line-height: 1!important; 
	}
	
	.contact .form {
		padding: 20px;
	}
	
	#gform_submit_button_7{
		width: 100%;
	}
}

/** --------------------- Screens smaller than 600 pixels --------------------- **/
@media only screen and (max-width: 600px) {
	.blog-archive .blog-entries {
		gap: 2rem 0;
	}
	
	.blog-archive .blog-entries > a {
		flex: 0 1 100%;
	}
	
	.hero-products .display-product {
		width: 86%;
	}
	
	.topsite-logo-container img{
		height:60px;
	}
	
	.hero-products .display-product img {
		margin-bottom: 0;
		max-width: 143px;
	}
	
	.about .topsite-button {
		display: none;
	}
	
	.hero {
		min-height: 555px;
		padding-top: 3rem;
	}
	
	.about .flex{
		padding-bottom: 0;
	}
	
	.woocommerce-banner p{
		font-size: 16px;
	}

	.woocommerce-banner {
		bottom: -92px;
	}
	
	#gform_wrapper_9{
		margin-left: 0
	}
}
/** --------------------- Screens smaller than 500 pixels --------------------- **/
@media only screen and (max-width: 500px) {
    i.topsite-header__menu-trigger {
        right: 32px;
    }

    .site-footer__col-three,
    .site-footer__col-two,
    .site-footer__col-one {
        width: 96%;
        padding-right: 3%;
    }

    p.footer-title {
        margin-top: 0px;
    }
	
	.hero-products .display-product {
		width:100%;
	}
	
	.woocommerce-page .shop ul.products li.product{
		width: 90%;
		margin-bottom: 40px;
	}
	
	.shop ul.products li.product a img {
		max-height: 200px;
		width: auto;
	}
	
	.contact-page .website-grid .flex{
		padding: 40px 0;
	}
	
	#field_9_1{
		min-width: 140px!important;
	}
	
	.local-services {
		background: var(--white);
		padding-top: 0px;
		padding-bottom: 15px;
	}
}

/** --------------------- Screens smaller than 400 pixels --------------------- **/
@media only screen and (max-width: 400px) {
	.woocommerce div.product > div {
		flex: 0 0 100%;
	}
	
	.site-footer {
		padding-top: 40px;
	}
	
	.topsite-logo-container img {
		height: 51px;
	}
}

/** --------------------- Screens smaller than 350 pixels --------------------- **/
@media only screen and (max-width: 350px) {
	.home .products .flex .display-product {
		flex-direction: column;
	}
}

/* accesibility styling */


.skip-link {
    background: #dc1c27;
    color: #fff;
    font-weight: 700;
    left: 50%;
    padding: 4px;
    position: absolute;
    transform: translateY(-100%);
    z-index: 99;
}

.skip-link:focus {
    transform: translateY(0%);
}

.thank-page, .privay-policy{
	text-align:center;
}

.about .topsite-button , .local-text .topsite-button {
	visibility: hidden!Important;
}

.ginput_counter {
	display: none;
}

.sitemap-container ul{
	list-style: none;
	color: white;
	text-decoration:underline;
}

.sitemap-container ul a{
	color: white;
	text-decoration:underline;
}

.thank-page, .privacy-policy, .sitemap-container{
	padding-top: 100px;
	color: var(--white);
	background: var(--dark-brown);
	padding-bottom: 100px
}

.thank-page h1, .privacy-policy h1{
	font-size: 2.4rem;
	margin-bottom: 40px;
}

.privacy-policy p{
	max-width: 700px;
	margin:0;
	line-height: 150%;
}

.error404 a button{
	display:block;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* WOOCOMMERCE COLOR OVERIDES */

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover {
    background-color: var(--carmel);
    color: #fff;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt{
    background-color: var(--carmel);
    color: #fff;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover{
	 background-color: var(--highlight);
	
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {
    font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: 0.618em 1em;
    font-weight: 700;
    border-radius: 3px;
    left: auto;
    color: white;
    background-color: var(--carmel);
    border: 0;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{
	color: var(--dark-brown);
}


element.style {
}
.woocommerce ul.products li.product .button {
    display: inline-block;
    margin-top: 1em;
}
.woocommerce ul.products li.product a {
    text-decoration: none;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover {
    background-color: var(--carmel);
    text-decoration: none;
    background-image: none;
    color: white;
}

.checkout .woocommerce, .cart .woocommerce{
	padding: 0 20px;
}
.woocommerce-info, .woocommerce-message{
	border-top-width: 0;
}
.woocommerce-info::before, .woocommerce-message:before{
	color: var(--carmel)
}

.woocommerce table.shop_table{
	border: none;
}

.checkout input{
	padding: 6px;
	border: solid 1px var(--carmel);
}
.product-name a{
	color: black;
}

.checkout .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid var(--carmel);
    border-radius: 0;
}

#payment-form {
	padding-top:16px!important;
}
#payment-form .form-row .clv-midfield{
	padding: 0 !important;
}
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row {
    padding: 0 1em;
}
#add_payment_method #payment div.payment_box .form-row, .woocommerce-cart #payment div.payment_box .form-row, .woocommerce-checkout #payment div.payment_box .form-row {
    margin:0;
}



.contact-page .website-grid .flex, .contact-page h1  {
  background: var(--white);

}

.woocommerce div.product div.images .woocommerce-product-gallery__image{
	display:none !important;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(1){
	display:block !important;
}

.cart .woocommerce {
    background: var(--white);
}

.contact-page .website-grid {
  /* border: solid 1px var(--carmel) */
  border: solid 1px var(--carmel);
  background: var(--white);
  /* border: none */
  /* border:none; */
}
.contact-page .contact-map {
    padding-left: 0;
    padding-right: 0;
	height: 304px;
    overflow: hidden;
	display:none;
}