@import url('https://fonts.googleapis.com/css?family=EB+Garamond&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700&display=swap');

:root {

    --main-heading-font: 'EB Garamond', serif;
    --main-body-font: 'Lato', sans-serif;

    --main-font-size: 17px;
    --main-line-height: 1.8;
    --main-heading-line-height: 1.4;

    --ros-dark: #32293d;
    --ros-highlight: #caad6d;


    --main-link-color: #caad6d;
    --main-link-hover-color: #fae5b9;
	
	--main-progress-loader-color:var(--main-link-color);


    --ros-dark-translucent: rgba(31, 11, 47, 0.8);

    --main-text-color: var(--ros-dark);
    --main-border-color: #e3e1df;
    --main-highlight-text-color: var(--main-link-color);


    --main-active-background-color:var(--main-link-color);
    --main-hover-background-color: #dadada;


    --main-cart-continue-btn-background-color: var(--main-link-color);

    /*mobile navigation not used onthis site currently*/


    --main-mobile-navigation-button-background-color: var(--main-link-color);
    --main-mobile-navigation-button-text-color: #ffffff;
    --main-mobile-navigation-button-border-color: var(--main-link-color);

    --main-mobile-navigation-button-hover-background-color: var(--main-link-color);
    --main-mobile-navigation-button-hover-border-color: var(--main-link-color);

    --main-mobile-navigation-element-background-color: var(--ros-dark);


    /*main primary region */
    --main-site-header-dropdown-hover-background-color: var(--ros-dark);
  	--main-site-header-navigation-container-inner-background-color:var(--ros-dark);
  	--main-site-header-navigation-container-footer-background-color:var(--ros-dark);

    --main-header-primary-region-background: var(--ros-dark);
    --main-header-primary-region-background-highlight: transparent;
    --main-header-primary-region-dropdown-text-color: var(--main-text-color);
    --main-header-primary-region-background-text-color: var(--ros-highlight);
    --main-header-secondary-region-background: var(--ros-dark);

    --main-header-secondary-region-icon-color: white;
    --main-cart-count-text: var(--delatite-dark);
    --main-cart-count-background: #fff;
    --main-cart-count-text: var(--delatite-dark);

    --main-logo-width-lg: 65px;
    --main-logo-width-md: 65px;
    --main-logo-width-sm: 55px;
    --main-logo-width: 55px;

    /*product */
    --main-product-price-text-color: var(--main-link-color);

    --main-product-image-background: #ffffff;
    
    
    --age-gate-logo-size:100px;
    
   	/*club*/
	--main-wine-club-success-step-background: var(--delatite-green);
	--main-wine-club-text-success-color: var(--delatite-green);
	--main-wine-club-default-step-background:#a75238;
	--main-wine-club-text-warning-color:#a75238;
    
    /*footer */
    --main-footer-background-color: var(--ros-dark);
    --main-footer-text-color:white;
    }

html {
    font-size: var(--main-font-size);
}


@media (min-width: 576px) {

    .upper-cta-section div[name*="content-blob-1"] .card {
        min-height: 385px;
    }

    .upper-cta-section div[name*="content-blob-1"] .card .title h3 {
        font-size: 2.45em;
    }
}


/*absolute header */

.absolute-header .my-account-container .btn {
    padding: 0;
}

.absolute-header .header.header-menu-section .header-navigation-region .mini-main-navigation .navigation.nav>li, .absolute-header .header.header-menu-section .header-navigation-region .mini-main-navigation .navigation.nav>ul {
    margin-left: 1.25em;
}

.header.header-menu-section .dropdown-menu:before {
	top:-13px;
}
.absolute-header.no-header .header.header-menu-section {
    background: var(--ros-dark);
}

.absolute-header .header-navigation-region .dropdown-toggle:after {
    opacity: .25;
    transition: opacity .3s ease-in-out;
    margin-left: .25em;
    vertical-align: middle;
}



.has-header .header.header-menu-section .logo-container {
    transform: translateY(.5rem);
}

@media (min-width: 768px) {
	.has-header .header.header-menu-section .logo-container {
	    transform: translateY(1.5rem);
	}
}

.has-header .header.header-menu-section .logo-container {
    background: var(--ros-dark-translucent);
    padding: 1.5em;
    backdrop-filter: blur(3px);
    transition: background .3s ease-in-out;
}

.has-header .header.header-menu-section .logo-container:hover {
    background: var(--ros-dark);
}
.absolute-header.has-header.no-menu-displayed .logo-container {
		transition:all .2s ease-in-out;
}

.absolute-header.has-header.has-menu-displayed .logo-container {
	background:transparent;
	padding:0;
	transform: translateY(0em);
	transition:all .2s ease-in-out;
}
.absolute-header.has-header.has-menu-displayed .logo,
.absolute-header.no-header .logo {

    --main-logo-width-lg: 50px;
    --main-logo-width-md: 50px;
    --main-logo-width-sm: 50px;
    --main-logo-width: 50px;
}


.asboslute-header .footer-menu-region {
    --main-site-header-navigation-container-background-color: var(--ros-dark);
    --social-icon-border-color: #ffffff;
}

.absolute-header .footer-menu-region .social-link .icon {
    --social-icon-color: #ffffff;
}
.absolute-header .footer-menu-region .social-link:hover .icon {
    --social-icon-color: var(--main-link-color);
}


.absolute-header.no-header .header,
.absolute-header .menu-opened {
    --main-site-header-navigation-container-footer-background-color: var(--ros-dark);
    --main-site-header-navigation-container-background-color: var(--ros-dark);
    --main-site-header-background-color: var(--ros-dark);
    --main-cart-count-text: var(--main-link-color);
    --main-cart-count-background: white;
    --header-menu-button-icon-color: white;
    --header-menu-button-text-color: white;
    --main-site-header-nav-link: white;

}


/* banner section */
.banner-item .banner-content .col {
	max-width:700px;
}

.main-banner-section {
    --main-banner-padding: 6.5rem;
}

.main-banner-section .image-overlay {
    background: #251a2d;
    z-index: 1;
}

.main-banner-section .banner-content {
    z-index: 2;
}

.main-banner-section .image-overlay {
    z-index: 1;
}

/*cta section overrides*/


.cta-section.upper-cta-section .wysiwyg-content h1 {
    color: var(--main-link-color);
}

.cta-section.upper-cta-section .wysiwyg-content h1.ql-align-center {
    position: relative;
    padding-bottom: .75em;
    margin-bottom: .75em;

}

.cta-section.upper-cta-section .wysiwyg-content h1.ql-align-center:before {
    content: "";
    position: absolute;
    max-width: 6rem;
    height: 6px;
    bottom: 0;
    left: 0;
    background-color: var(--main-border-color);
    right: 0;
    margin: 0 auto;
}

.cta-section {
    padding-top: 3em;
}

.cta-section .card-item .card.card-wysiwyg {
    font-size: 1.1em;
}

.cta-section .card-item .card.card-wysiwyg h3 {
    font-family: var(--main-body-font);
    font-size: 1.7em;
}

.cta-section .card-item .card.card-wysiwyg h1 {
    font-size: 2.75em;
    color: var(--main-link-color);
}

.cta-section .card-item .card.card-wysiwyg a {
    font-size: 1.2em;
    position: relative;
}

.cta-section .card-item .card.card-wysiwyg a {
    color: var(--main-text-color);
}

.cta-section .card-item .card.card-wysiwyg a:hover {
    color: var(--main-link-hover-color);
    text-decoration: none;
}

.cta-section .card-item .card.card-wysiwyg a:before {
    content: "";
    position: absolute;
    max-width: 3rem;
    height: 4px;
    bottom: -1em;
    left: 0;
    background-color: var(--shingleback-custom-border-color);
    right: 0;
    margin-left: 0;
    transition: transform .3s ease-in-out, max-width .3s ease-in-out;
}

@media (min-width: 768px) {
    .cta-section.middle-cta-section .card-item .card {
        min-height: 24.5em;
    }
}

.cta-section.middle-cta-section .card-item .card.card-wysiwyg,
.cta-section.lower-cta-section .card-item .card.card-wysiwyg {
    background: var(--ros-dark);
    padding: 4em 3.5em;
    color: white;
    font-size: .9em;
}

.cta-section.middle-cta-section .card-item .card.card-wysiwyg a,
.cta-section.lower-cta-section .card-item .card.card-wysiwyg a {
	background: white;
    color: var(--ros-dark);
    padding: .5em 2em;
    display: inline-flex;
    border-radius: 3em;
    transition: background .3s ease-in-out, color .3s ease-in-out;
}

.cta-section.middle-cta-section .card-item .card.card-wysiwyg a:hover,
.cta-section.lower-cta-section .card-item .card.card-wysiwyg a:hover {
    color: var(--ros-dark);
	background: var(--ros-highlight);

}


.cta-section.middle-cta-section .card-item .card.card-wysiwyg>div,
.cta-section.lower-cta-section .card-item .card.card-wysiwyg>div {
width: 85%;
line-height: 2;
}

.cta-section.middle-cta-section,
.cta-section.lower-cta-section {
    padding-top: 0;
}

.cta-section.lower-cta-section .container .row,
.cta-section.middle-cta-section .container .row {
    margin: 0em;
}

@media (min-width: 768px) {

    .cta-section.middle-cta-section .row:first-child .card-item .card.card-wysiwyg>div,
    .cta-section.lower-cta-section .row:first-child .card-item .card.card-wysiwyg>div {
        text-align: right;
        margin-left: auto;
    }
}

.cta-section.lower-cta-section .container [class*='col-'],
.cta-section.middle-cta-section .container [class*='col-'] {
    padding: 0em;
    margin: 0;
}

.footer-section .wysiwyg-content[name*="footer-disclaimer"] {
    color: #fff;
    opacity: .5;
    font-size: .8em;
    max-width:800px;
    margin:0 auto;
}

.footer-section .logo-container .logo {
    width: 3.5em;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show>.btn-primary.dropdown-toggle:focus{
	box-shadow: none;
}

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

.content-none-placeholder {
	min-height:100px !important;
}
.content-none-placeholder p:last-of-type {
    margin: 0;
}




/*conilio */

.client-theme-1 {
--vc-dark-color: #32293d;
--vc-dark-contrast-color: #41334c;

--vc-light-color: #f2f2e0;
--vc-light-contrast: #d5c7d7;

--vc-accent-color: #caad6d;
--vc-accent-contrast-color: #b69a5c;

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

  
/*agegate */

.age-gate .agegate-logo {
	width:60px;

}