@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600&display=swap');

:root {
	
	/*tyopgraphy override */
	--drakesbrook-red:#ae1f25;
	
	--darkesbrook-red-highlight:#d85b60;
	--main-progress-loader-color:var(--drakesbrook-red);
	
	--main-link-color:var(--drakesbrook-red);
	--main-text-color:#232323;
	--main-link-hover-color:var(--darkesbrook-red-highlight);
	--main-font-size:17px;
	--main-line-height:1.8;
	--main-heading-line-height:1.4;
	--main-heading-font: 'Open Sans', sans-serif;
	--main-body-font: 'Open Sans', sans-serif;
	--main-input-label-color:var(--main-text-color);
	--main-input-border-color:var(--main-text-color);
	
	--main-cart-count-background:var(--main-link-color);
	--main-cart-count-text:#ffffff;
	
	--main-mobile-logo-width:300px;
	--main-logo-width-lg:200px;
	--main-header-secondary-region-background:#F8F8F8;
	--main-header-secondary-region-text-color: #191919;
	--main-header-secondary-region-icon-color: #191919;
	
	--main-mobile-navigation-element-background-color: #ffffff;
	--main-mobile-navigation-button-background-color: #ffffff;
	--main-mobile-navigation-button-text-color: var(--main-link-color);
	--main-mobile-navigation-button-hover-text-color: #ffffff;
	--main-mobile-navigation-button-border-color: var(--main-border-color);
	
	--main-mobile-navigation-button-hover-background-color:var(--main-link-color);
	--main-mobile-navigation-button-hover-border-color:var(--main-link-color);
	
	/*main primary region */
	--main-header-primary-region-background: #ffffff;
	--main-header-primary-region-background-highlight: transparent;
	--main-header-primary-region-dropdown-text-color: #191919;
	--main-header-primary-region-background-text-color:#989898;
  
  
	/*product */
	--main-product-image-background:#ffffff;
	
	
	--main-oos-badge-background-color:var(--drakesbrook-red);
	--main-highlight-text-color:var(--drakesbrook-red);
	
	--main-product-detail-card-highlight-color:var(--drakesbrook-red);
	--main-product-detail-background:#f8f8f8;
	
		
	/*main banner */
	
	--main-banner-padding: 3.5rem;
	--main-content-carousel-bullet-default-color: rgba(0, 0, 0, 0.3);
	--main-banner-description-font-size:1.2em;
	--main-banner-title-font-size:2.25em;
	--main-banner-title-font-weight:500;
	
	--main-banner-content-width-lg:50%;
	--main-banner-content-width-xl:60%;


	/*primary button */
	--main-button-primary-border-radius:0px;
    --main-button-primary-border-color:#ffffff;
    --main-button-primary-background-color:#232323;
    --main-button-primary-text-color:#ffffff;
    
	/*footer */
	--main-footer-background-color:#231f20;
	
	/*product*/
	--main-product-price-text-color:var(--main-link-color);
  
	/*mobile nav */
	
	--main-mobile-navigation-element-background-color: #444444;
 
	/*age-gate*/
    --main-agegate-background-color: rgba(0, 0, 0, 0.4);
    --main-agegate-card-background-color: #ffffff;
    --main-agegate-card-text-color: var(--main-text-color);
    --main-agegate-button-background-color: var(--main-link-color);
    --main-agegate-button-text-color:#ffffff;
}


	.main-banner-section .banner-content .banner-btn{
		
			--main-button-primary-background-color:transparent;
	}

	.banner-action .banner-btn.btn {
		border:2px solid;
		border-color:var(--main-button-primary-border-color);
	}
	
	.header.header-003 .secondary-region {
		border-bottom:1px solid;
		border-color:var(--main-border-color);
	    padding: .25rem 0;
	}
	
	.header.header-003 .primary-region .navigation.nav .nav-item>a:hover {
		color: var(--main-link-color);
	}
	

	.header.header-003 .secondary-region .nav-link .nav-link-button-inner .nav-label {
		font-size:.867em;
	}
	.header.header-003 .primary-region .navigation.nav ul .nav-item>.nav-link, .header.header-003>.primary-region .navigation>.nav-item>.nav-link {		
		font-size:.867em;
	}
	
	@media (min-width: 1200px) {
	.header.header-003 .primary-region .navigation.nav ul .nav-item>.nav-link, .header.header-003>.primary-region .navigation>.nav-item>.nav-link {		
		font-size:1.15em;
	}
	}

	.header.header-003 .secondary-region .nav-link .btn-link:focus  .nav-label, .header.header-003 .secondary-region .nav-link .btn-link:hover  .nav-label{
		color:var(--main-link-color);		
	}
	
	.header.header-003 .secondary-region .nav-link:hover .nav-label {
		color:var(--main-link-color);		
	}
	
	.cta-section.upper-cta-section{
		padding-top:0;
	}
	
	.cta-section.upper-cta-section .home-intro-content {
		background:var(--main-link-color);
		margin-bottom:3em;
	}

	.cta-section.upper-cta-section .home-intro-content .card-item .card.card-icon {
		min-height:auto;
		margin:0;
	}
	.cta-section.upper-cta-section .home-intro-content  .card-icon .icon-container,
	.cta-section.upper-cta-section .home-intro-content .card-icon .icon-container img {
		width:2.5em;
		height:2.5em;
	}
	
	.cta-section.upper-cta-section .home-intro-content  .card-icon .icon-content {
	    align-items: center;
	    justify-content: center;
    }

	.cta-section.upper-cta-section .home-intro-content  .card-icon .card-content-body {
	    justify-content: center;	
	}
	.cta-section.upper-cta-section .home-intro-content  .card-icon .card-content-body .title h3 {
		font-size:1.45em;
		font-weight:300;
		margin:0;
	}
	
	

	.product-wrapper .wine-details-wrapper {
		border-top:1px solid;
		border-color:var(--main-border-color);
	}

	
 .client-theme-1 {
	--vc-dark-color: #231f20;
	--vc-dark-contrast-color: #282828;
	
	--vc-light-color: #efefef;
	--vc-light-contrast-color: #c9c9c9;
	
	--vc-accent-color: #ae1f25;
	--vc-accent-contrast-color: #d85b60;
	
	--neutral-1: #d8d8d8;
	--neutral-2: #4b4b4b;
	--neutral-3: #e6e6e6;
}


/* table overrides */

.table thead th, .table th, .table td, table .cart-view-table {
	border-color:var(--main-border-color)!important;
}

	
	
.card-type-photo .banner-btn.banner-btn-primary,
.card .card-photo .button-primary-cta {
    --main-button-primary-border-color: #fff;
    --main-button-primary-background-color: transparent;
    --main-button-primary-text-color: #fff;
    --main-button-primary-border-radius: 0px;

    --main-button-primary-highlight-border-color: #fff;
    --main-button-primary-highlight-background-color: #fff;
    --main-button-primary-highlight-text-color: var(--main-link-color);
}

.card.card-photo .card-actions a.btn.btn-primary-cta {
    --main-button-primary-background-color: transparent;
    --main-button-primary-text-color: #fff;
    --main-button-primary-border-radius: 0px;
    border-radius: var(--main-button-primary-border-radius);
    border:2px solid #fff;
}

.card.card-photo .card-actions a.btn.btn-primary-cta:hover {
    --main-button-primary-highlight-background-color: #fff;
    --main-button-primary-highlight-text-color: var(--main-link-color);
    background-color: #fff;
    color: var(--main-button-primary-highlight-text-color);
    border-color: #fff;
}