@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;600;700&display=swap');

:root {
	/*brand colours*/
	--greenock-light-red:#6d1825;
	--greenock-red:#8a2634;
	--greenock-tan:#fff1cf;
	--greenock-yellow:#ffe7ad;
	
	
	--main-link-color:#8a2634;
	--main-hover-color:#6d1825;
	
	--main-heading-font: 'Crimson Text', serif;
	--main-body-font:  'Crimson Text', serif;
	
    --main-font-size: 17px;
    --main-line-height: 1.7;
    --main-heading-line-height: 1.3;
   
  	/* logo */
	--main-logo-width-lg: 200px;
	--main-logo-width-md: 160px;
	--main-logo-width-sm: 150px;
	--main-logo-width: 120px;

	--main-mobile-logo-width: 160px;
    --main-mobile-logo-width-sm: 170px;
    --main-mobile-logo-width-md: 170px;
    --main-mobile-logo-width-lg: 180px;
		    
	/* carousel */
	/* banner */
	--main-banner-padding: 3.5rem;
	--main-content-carousel-bullet-default-color: rgba(0, 0, 0, 0.3);
	/* main banner */
	--main-banner-description-font-size:1em;
	--main-banner-title-font-size:2.35em;
	--main-banner-title-font-weight:400;
	
	--main-banner-content-width-lg:50%;
	--main-banner-content-width-xl:60%;
	
	
	--main-product-toggle-filter-background-color:var(--greenock-red);
    --main-product-toggle-filter-background-active-color:var(--greenock-light-red);
	--main-product-toggle-filter-highlight-background-color:var(--greenock-light-red);


	--main-highlight-color:var(--main-link-color);

    --main-site-header-icon-size:2.75rem;

	--main-mobile-navigation-element-background-color:var(--main-link-color);
	--main-mobile-navigation-link:var(--main-link-color);
     /*main primary region */
    --main-light-background: #efefef;
    --main-header-secondary-region-text-color: var(--greenock-tan);
    --main-header-secondary-region-text-color:  var(--greenock-tan);
    --main-header-secondary-region-icon-color:  var(--greenock-tan);
    --main-header-secondary-region-background: var(--greenock-light-red);
        
    --main-header-secondary-font-size: 1.15rem;
    --main-header-secondary-font: var(--main-body-font);
    --main-header-primary-region-background: #fff;
    --main-header-primary-region-background-text-color:var(--main-link-color);
    
    --main-header-primary-region-background-highlight-text-color:  var(--greenock-light-red);
    --main-header-primary-region-background-highlight: transparent;
    
    --main-footer-background-color:#6d1825;
    --main-footer-text-color:#450811;
   
}

/*mobile nav */


.mobile-navigation-container {
	--main-header-secondary-region-icon-color: var(--greenock-red);
}

.mobile-navigation-container .container div {
    width: 100%;
}

.mobile-navigation-container .dropdown-menu {
    left: 5px !important;
    top: -1px !important;
}
/*header 003 */

@media (min-width: 768px) {
.header.header-003 .secondary-region {
    padding: .5rem 0 !important;
}
}

.header.header-003 .mobile-navigation-button {
	padding: .5em 1em;
	font-size: .867em;
	line-height: 1;
}

.header.header-003 .social-list-item a {
    font-size: .867em;
}

.header.header-003 .social-icon  {
	--social-icon-border-color:rgba(255, 255, 255, .25);
}
.header.header-003 .social-link .icon {
    --social-icon-color:  var(--greenock-yellow);
}

.header.header-003 .social-link:focus .icon,
.header.header-003 .social-link:hover .icon {
	--social-icon-border-color:rgba(255, 255, 255, .1);
    --social-icon-color: var(--greenock-yellow);
}

.header.header-003 .secondary-region .nav-link {
	padding:0em .5rem;
}

.header.header-003 .header.header-003 .secondary-region a {
	font-size:.867em;
}

.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: 1em;
}

.header.header-003 .primary-region .primary-desktop.nav-left ul .nav-item>.nav-link {
    margin: 0 .75em 0 0;
}

.header.header-003 .primary-region .primary-desktop.nav-right ul .nav-item>.nav-link {
    margin: 0 0 0 .75em;
}

@media (min-width: 1200px) {
	.header.header-003 .primary-region { 
		padding: 1rem 0;
	}
	
    .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.25em;
		font-weight:500;
    }
}

.header.header-003 .secondary-region .nav-link .btn-link:focus .nav-label,
.header.header-003 .secondary-region .nav-link .btn-link:hover .nav-label {
}

.header.header-003 .secondary-region .nav-link:hover .nav-link-button-inner .nav-label,
.header.header-003 .secondary-region .nav-link:hover .nav-label {
    transition: color .3s ease-in-out;

}

@media (min-width: 768px) {

.header.header-003 .primary-region .primary-desktop.nav-right ul .nav-item>.nav-link,
	.header.header-003 .primary-region .primary-desktop.nav-right ul .nav-item>.nav-link {
	    margin: 0 0 0 .5em;
	}
	
	.header.header-003 .primary-region .primary-desktop.nav-right ul .nav-item>.nav-link,
	.header.header-003 .primary-region .primary-desktop.nav-right ul .nav-item>.nav-link {
	    margin: 0 0 0 .5em;
	}

}


.header.header-003 .primary-region .navigation.nav .nav-item .dropdown-menu a{
    white-space: normal;
    padding: .75rem 1rem;
    font-size: .867em;
    text-align: left;
    width:100%;
    margin: 0;
}


/*
@media (min-width: 992px) {
.header.header-003 .logo {
	    margin-top: -.5em;
}
}
*/
.absolute-header .my-account-container .btn {
    padding: 0;
}


/*banner overrides */


.cta-section.upper-cta-section{
	padding:3em 0em;
}

.cta-section {
	padding:0;
}

.cta-section.cta-section-1 {
    padding: 3em 0;
}

.cta-section.cta-section-1 .highlight-element.highlight-content {
	padding-bottom:3em;
}

.main-banner-section img.low-res:not(.placeholder) {
    filter: blur(15px);
}

.main-banner-section {
    --main-banner-padding: 5em;
}

.main-banner-section {
	--main-banner-background-position:0% 40%;
 }
 
.banner-item .banner-content .col {
	max-width:800px;
}

/*custom buttons */

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

    --main-button-primary-highlight-border-color: var(--main-link-hover-color);
    --main-button-primary-highlight-background-color: var(--main-link-hover-color);
    --main-button-primary-highlight-text-color:  #fff;
    font-family: var(--main-heading-font);

}
.card-type-photo .banner-btn.banner-btn-secondary,
.card.card-photo .btn-secondary-cta {
    --main-button-secondary-border-color: #fff;
    --main-button-secondary-background-color: #fff;
    --main-button-secondary-text-color:  var(--main-link-color);
    --main-button-secondary-border-radius: 0px;

    --main-button-secondary-highlight-border-color: var(--main-link-hover-color);
    --main-button-secondary-highlight-background-color: var(--main-link-hover-color);
    --main-button-secondary-highlight-text-color: var(--main-text-color);
    font-family: var(--main-heading-font);
    border-radius: var(--main-button-secondary-border-radius);
    background-color: var(--main-button-secondary-border-color);
}


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

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

/* sitegate modal override */ 


.sales-modal-display.modal-image-display .sales-modal-content {
    padding: calc(var(--sales-modal-content-padding)*3.5) calc(var(--sales-modal-content-padding)*1.5) !important;
}

.sales-modal-display .sales-modal-image-inner {
	flex-grow:1;
	width:20em;
}

.sales-modal-display .modal-form-display.vc-form {
	padding:0;
}

.sales-modal-display .sales-modal-content {
	    width: 100%;
}
.sales-modal-display .sales-modal-content .sales-modal-logo {
	max-width:16em;
}


/*product */

.product-item .product-image .a-image {
    padding-top: 150%;
}

/*product page */

.product-info .display-element.wine-type {
    display: none !important;
}

/*conilio theme */

.client-theme-1 {
    --vc-dark-color: #32273b;
    --vc-dark-contrast-color: #41334c;

    --vc-light-color: #f6f6ea;
	--vc-lighht-contrast-color: #ffe7ad;
	
    --vc-accent-color: #8a2634;
    --vc-accent-contrast-color: #6d1825;

    --neutral-1: #d7d6ca;
    --neutral-2: #534560;
    --neutral-3: #d5a987;
  }