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

:root {
	--main-progress-loader-color:#a6acaf;
	--main-font-size: 17px;
	--main-line-height: 1.8;
	--main-heading-line-height: 1.4;
	--main-text-color: #17202a;
	--main-body-font:  'Open Sans', sans-serif;
	--main-heading-font: 'Cinzel', sans-serif;
	--dark-background:#17202a;
	
	--anderson-dark: #17202a;
	--anderson-dark-highlight:#29394b;
	--anderson-light:#a6acaf;
	--main-link-color:#17202a;
	--main-link-hover-color:#29394b;
	--main-highlight-text-color:var(--main-link-color);
	--main-input-label-color:#172029;
	
	/*absolute header */
	--main-site-header-navigation-container-inner-background-color: var(--main-light-background);
	--main-site-header-navigation-container-footer-background-color: var(--main-light-background);
	
	--main-site-header-background-color:white;
	--main-site-header-nav-link:var(--main-text-color);
	
	--header-menu-button-icon-color: var(--main-text-color);
	--header-menu-button-text-color: var(--main-text-color);

	/*main primary region */
	--main-light-background: #efefef;
	--main-header-secondary-region-background: #ffffff;
	--main-header-secondary-region-text-color: var(--main-link-color);
	--main-header-secondary-region-icon-color: var(--main-link-color);
	--main-header-secondary-region-background: var(--main-light-background);
	--main-header-secondary-font-size:1.15rem;
	--main-header-secondary-font: var(--main-body-font);
	
		
	/* main banner */
	
	--main-image-overlay-background-color:#332e29;
	--main-banner-description-font-size:1em;
	--main-banner-title-font-size:2.4em;
	--main-banner-title-font-weight:400;
	--main-banner-padding:4rem;
	--main-banner-content-width-lg:60%;
	--main-banner-content-width-xl:60%;
	
	
	/*header logo */
    --main-logo-width-lg: 205px;
    --main-logo-width-md: 200px;
    --main-logo-width-sm: 200px;
	--main-logo-width: 160px;
	

	/*003 header */
	   
	--main-header-secondary-region-background: var(--dark-background);
	--main-header-primary-region-background: #fff;
	--main-header-secondary-region-text-color:#fff;
	--main-header-primary-region-background-text-color:var(--main-text-color);
	--main-header-secondary-region-icon-color:#fff;
	--main-header-primary-region-background-highlight: transparent;
	--main-header-primary-region-background-highlight-text-color:var(--main-link-color);

	--social-icon-color:white;
	
	--main-mobile-navigation-button-text-color:var(--main-link-color);

	
	/*product */
	--main-product-detail-background:#f5f8fb;
	--main-product-image-background: #ffffff;
	--main-product-image-padding:0;
	--main-product-price-text-color:#a6acaf;
	
	/*footer*/
	--main-footer-background-color:var(--dark-background);
	--main-footer-text-color:#69717a;
	
	/*button*/

	--main-button-primary-border-radius:0px;
    --main-button-primary-border-color:var(--anderson-dark);
    --main-button-primary-background-color:var(--anderson-dark);
    --main-button-primary-text-color: white;
	--main-button-primary-highlight-border-color:var(--anderson-dark-highlight);
    --main-button-primary-highlight-background-color:var(--anderson-dark-highlight);
    --main-button-primary-highlight-text-color:white;
    
    --heading-border-color: var(--main-border-color);
	--heading-border-height: 2px;
	--heading-double-border-height: calc(var(--heading-border-height) /1.5);
	--heading-border-radius:0px;
	
	/*age gate*/
	--main-agegate-card-background-color:#fff;
	--main-agegate-card-text-color:var(--main-text-color);
    --main-agegate-background-color: rgba(0, 0, 0, 0.5);
	--main-agegate-button-background-color:var(--main-link-color);
	--main-agegate-button-text-color:#fff;

	/*form inputs */
	--form-input-button-text-color:var(--main-text-color);
	--form-input-button-icon-color: var(--main-border-color);
}

*,
*:before,
*:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* banner */
.main-banner-section {
	--main-banner-padding:4.5rem;
}

.banner-item .banner-content .col {
	max-width:800px;
}

.wysiwyg-content {
	line-height: 1.8;
}

/*age gate */


.age-gate .age-gate-inner .gate-box {
    padding: 4em 2.5em;
    max-width: 836px;
    margin: 0 auto;
}

.age-gate .gate-box .btn.btn-primary {
    border-radius: 0px;
}

/* cta section overrides */
.cta-section.cta-section-1 .banner-item {
	
	--main-banner-background-position:top:

}
.cta-section.middle-cta-section .wysiwyg-content,
.cta-section.upper-cta-section .wysiwyg-content {
  max-width:800px;
  margin:0 auto;
  padding: 3rem 1rem 2rem 1rem;
}

.cta-section.upper-cta-section .wysiwyg-content h1.ql-align-center {
	display: flex;
	width: 100%;
	align-items: center;
}
.cta-section.upper-cta-section .wysiwyg-content h1.ql-align-center:before,
.cta-section.upper-cta-section .wysiwyg-content h1.ql-align-center:after {
		content: "";
		height: var(--heading-border-height);
		background: var(--heading-border-color);
		border-radius:var(--heading-border-radius);
		flex-grow: 1;
	}
.cta-section.upper-cta-section .wysiwyg-content h1.ql-align-center:before{
	margin-right:1.5rem;
}
.cta-section.upper-cta-section .wysiwyg-content h1.ql-align-center:after {
	margin-left:1.5rem;
}

@media (min-width: 768px) {
	.cta-section.upper-cta-section .card-text-center .card-content-body{
	padding:1.5em;
	}
	.cta-section.upper-cta-section .card-item .card-photo{
		min-height: 30em;
	}
}

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

/*header 003 overrides */

.header.header-003 .social-link .icon {
	fill:var(--social-icon-color);
}

.header.header-003 .has-items .cart-count {
    --main-cart-count-background: #fff;
   	--main-cart-count-text:var(--main-text-color);
}

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

.header.header-003 .social-link .icon {
    --social-icon-color: #ffffff;
}

.header.header-003 .social-link:hover .icon {
    --social-icon-color: var(--main-link-color);
}

@media (max-width: 768px) {

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


.header.header-003 .secondary-region .nav-link.cart .icon,
.header.header-003 .secondary-region .nav-link.login .icon,
.header.header-003 .secondary-region .nav-link.logout .icon,
.header.header-003 .secondary-region .nav-link.portal .icon {
    width: 2.5rem;
    height: 2.5rem;
}

.header.header-003 .primary-region .navigation.nav .nav-item .dropdown-menu a{
	font-size:.867em;
}

.header.header-003 .secondary-region .nav-link .btn-link:hover {
    color: white;
}


.header.header-003 .social-group .social-icon {
	font-size:.867em;
}

.header.header-003 .primary-region {
	padding:2rem 0em;
}

.header.header-003 .primary-region .navigation.nav .nav-item>a:hover {
    color:var(--main-link-hover-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: .9em;
}

.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: 992px){

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

.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(--stone-dark);
}

.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;
}


.header.header-003 .primary-region .primary-desktop.nav-left ul .nav-item>.nav-link, 
.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, 
.header.header-003 .primary-region .primary-desktop.nav-right ul .nav-item>.nav-link {
	margin:0 0 0 .75em;
}
.mobile-navigation-container .actions .cart .icon, .mobile-navigation-container .actions .login .icon, .mobile-navigation-container .actions .portal .icon {
    --main-header-secondary-region-icon-color: var(--main-link-color);
}

.content-carousel .product .product-name {
    font-weight: 400;
    font-size: 1.2em;
}


/*buttons*/
.card-type-color .banner-action a.banner-btn-primary,
.header-content .header-links .btn-primary,
.card-type-photo .banner-btn.banner-btn-primary,
.card.card-photo .card-actions a.btn.btn-primary-cta,
.card.card-icon .card-actions a.btn.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;
    border: 2px solid var(--main-button-primary-border-color) !important;
    font-family: var(--main-body-font);
    border-radius: var(--main-button-primary-border-radius);
    color: var(--main-button-primary-text-color);
    padding: .75em 1.5em;
    background-color: var(--main-button-primary-background-color);
}

.card-type-color .banner-action a.banner-btn-primary:hover,
.header-content .header-links .btn-primary:hover,
.card-type-photo .banner-btn.banner-btn-primary:hover,
.card.card-photo .card-actions a.btn.btn-primary-cta:hover,
.card.card-icon .card-actions a.btn.btn-primary-cta:hover {
    --main-button-primary-highlight-background-color: var(--main-link-hover-color);
    --main-button-primary-highlight-border-color:  var(--main-link-hover-color);
    --main-button-primary-highlight-text-color: #fff;
    background-color: var(--main-button-primary-highlight-background-color);
    color: var(--main-button-primary-highlight-text-color);
    border: 2px solid var(--main-button-primary-highlight-border-color) !important;
}


.header-content .header-links .btn-secondary,
.card-type-photo .banner-btn.banner-btn-secondary,
.card.card-photo .card-actions a.btn.btn-secondary-cta,
.card.card-icon .card-actions a.btn.btn-secondary-cta,
.card-type-color .banner-btn.banner-btn-secondary {
    --main-button-secondary-border-color: #ffff;
    --main-button-secondary-background-color: transparent;
    --main-button-secondary-text-color: #fff;
    --main-button-secondary-border-radius: 0px;
    background: var(--main-button-secondary-background-color);
    border: 2px solid var(--main-button-secondary-border-color) !important;
    font-family: var(--main-body-font);
    border-radius: var(--main-button-secondary-border-radius);
    color: var(--main-button-secondary-text-color);
    padding: .75em 1.5em;
}

.header-content .header-links .btn-secondary:hover,
.card-type-photo .banner-btn.banner-btn-secondary:hover,
.card.card-photo .card-actions a.btn.btn-secondary-cta:hover,
.card.card-icon .card-actions a.btn.btn-secondary-cta:hover,
.card-type-color .banner-btn.banner-btn-secondary:hover {
    --main-button-secondary-highlight-background-color: #ffff;
    --main-button-secondary-background-color: #fff;
    --main-button-secondary-highlight-text-color: var(--main-link-color);
    --main-button-secondary-border-color: #fff;
    background-color: var(--main-button-secondary-background-color);
    color: var(--main-button-secondary-highlight-text-color);
    border-color: var(--main-button-secondary-border-color);
}

/*footer */
.footer-section .middle-footer-region .footer-region-divider {
	border:none !important;
}
@media (min-width: 992px){

.footer-section  .middle-footer-region .row [class*="col-"]:not(:last-child) {
    border-right: 1px solid rgba(255,255,255,0.15);
}
}


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


.default-accent-2 {
	--vc-text-heading-color: var(--vc-dark-color);
	--vc-text-color: var(--vc-dark-color);
	--vc-link-color: var(--vc-accent-color);
	--vc-link-hover-color: var(--vc-accent-contrast-color);
	--vc-card-background-color: var(--vc-light-color);
	--vc-background-color: var(--neutral-light);
	
	--vc-border-color: var(--neutral-1);
	--vc-input-border-color: var(--neutral-1);
	--vc-input-border-hover-color: var(--vc-accent-color);
	--vc-input-placeholder-color: var(--neutral-1);
	
	--vc-highlight-action-background-color: var(--vc-dark-color);
	--vc-highlight-action-text-color: var(--vc-light-color);
	--vc-highlight-action-icon-color: var(--vc-highlight-action-text-color);
	--vc-highlight-action-outline-text-color: var(--vc-accent-color);
	--vc-highlight-action-outline-color: var(--vc-accent-color);
	--vc-highlight-action-outline-hover-text-color: var(--vc-light-color);
	--vc-highlight-action-outline-hover-color: var(--vc-accent-contrast-color);
}
.default-accent-2.type-2 {
	--vc-highlight-action-text-color: var(--vc-light-color);
	--vc-highlight-action-outline-text-color: var(--vc-dark-color);
	--vc-highlight-action-outline-text-color: var(--vc-dark-color);
}
.default-accent-2.type-3 {
	--vc-text-heading-color: var(--vc-dark-contrast-color);
	--vc-highlight-action-outline-hover-text-color: var(--vc-dark-color);
}

/*client theme 1 */


.client-theme-1 {
	  --vc-dark-color: #17202a;
    --vc-dark-contrast-color: #253445;

    --vc-light-color: #e5f1fa;
    --vc-light-contrast-color: #dbeffe;

    --vc-accent-color: #397191;
    --vc-accent-contrast-color: #5e9bbf;

    --neutral-1: #bacddc;
    --neutral-2: #547694;
    --neutral-3: #689cba;
}