@charset "utf-8";
/*
Theme Name: Ponte
Theme URI: http://www.pontewinery.com
Author: Infinity Arts
Author URI: http://www.infinityarts.com/
Description: Wordpress theme built with Whiteboard Framework.
Version: 3.2.1
*/

.none { /* this class is used to hide the skip to content link at the beginning of the document for accessibility */
	display: none;
}
.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.aligncenter {
	text-align: center;
}
.alignleft {
	text-align: left;
}
.alignright {
	text-align: right;
}

/*** 
 * CSS added by Gorilion. 2024-10-29
 **/

:root {
	--primary-color: #a88e73;
	--c7-primary-color: #a88e73 !important;
	--secundary-color: #534741;	
	--c7-heading-text-color: #a88e73 !important;
	--c7-heading-font-family: "Georgia", serif !important;
	--c7-bg-alt: #A88E7312 !important;
}

img.search { margin-top: 5px !important }

#c7wp-cart-box {
	top: -5px !important;
    position: fixed;
    display: flex;
    flex-direction: column-reverse;
}
#c7wp-cart-box section { /*** there's a inherited huge padding for sections */
    padding: unset;
}
.c7-user-nav__account {
	padding-right: 0 !important;
}
.c7-user-nav__account > a, .c7-user-nav__cart > button {
    color: var(--secundary-color) !important;
    font-family: --c7-heading-font-family !important;
    text-transform: uppercase;
	padding: 10px 0 5px !important; /** center and reduce space icon/login cart **/
}

.c7-user-nav__cart__count {
	background-color: var(--primary-color) !important;
}
/*
.content-wrapper {
    margin-top: 100px !important;
}*/

/*#c7-content {
	margin-top: 100px !important;
}*/
.c7-content {
    max-width: 1200px;
    padding: 20px 0 40px;
    margin: 100px auto 0 auto;
	text-align: left;
}

#c7-content .content-wrapper,
.c7-product__details {
	text-align: left !important;
}

#c7-content h6 {
    font-size: 18px !important;
}

.c7-link {
    color: var(--primary-color) !important;
}

button.c7-btn,
.c7-btn--primary {
	background-color: var(--primary-color) !important;
}

button.c7-btn:hover,
.c7-btn--primary:hover {
	background-color: var(--secundary-color) !important;
}

.c7-btn--alt, .c7-btn--alt--small {
	color: #FFFFFF !important;
}

footer {
    max-width: 1200px !important;
    margin: 0 auto !important;
}

/*** checkout ***/
.c7-checkout__header {
    max-width: 1000px;
    min-height: 250px;
}

.c7-checkout-logo {
	display: none;
}

header.c7-checkout__header {
    background: url(https://stg-pontewinery-staging.kinsta.cloud/wp-content/themes/ponte/images/logo.svg) no-repeat center 60px;
    background-size: 200px;
	position: relative !important;
	box-shadow: 0 2px 0px rgba(0, 0, 0, .1) !important;
}

.c7-breadcrumbs {
    margin-top: 160px;
}

.c7-checkout__content {
	margin-top: 50px;
}

.mailing {
    row-gap: 20px;
    background: white;
    padding: 40px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media screen and (min-width: 1001px) {
    .c7-club {
        flex: 1 0 calc((100% - 60px) / 2) !important;
    }
}
@media (min-width: 769px) and (max-width: 1440px) {
	nav li:nth-child(7) {
    	padding-right: 220px !important;
	}
	
    img.search {
        margin: 5px 50px 0 -50px !important;
    }
	
}
@media screen and (min-width: 767px) {
	body .c7-product-collection .c7-product__image img, body .c7-product-allocation .c7-product__image img {
		min-height: 300px;
    object-fit: cover;
	}
}
/*** MOBILE ***/
@media (max-width: 768px) {
	#c7-content, .c7-custom-form, 
	.c7-product-collection, .c7-personalization {
       	padding: 0 10px;
	}
	#c7wp-cart-box {
		top: -10px !important;
		left: -10px !important;
        width: 100px;
	}
	
	#c7-login, #c7-account {
 	   padding: 0 !important;
	}
	
	.c7-content.c7-cart, 
	section.c7-content.c7-account-login {
 	   padding: 0 40px !important;
	}
	
	#c7-cart {
    	margin-left: -5px !important;
    	margin-top: -5px !important;
	}
	
	.c7-link svg {
		margin-left: 15px !important;
	}	

	.c7-checkout .c7-wrapper {
        padding: 20px !important;
    }
	
	.c7-product {
    	padding: 30px 20px 20px !important;
	}
	
	h1.c7-h1, h2.c7-h2, h3.c7-h3 {
    	text-align: center;
	}
	
}

@media screen and (min-width: 769px) {
  .events-list .c7-product-collection__product-list {
    grid-template-columns: 1fr;    
  }
	.c7-product-collection .events-list .c7-product__image {
	
		flex: 0 0 350px;
	}
	
}