@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;1,400&display=swap');

:root {
--main-heading-font:'Playfair Display', serif;
--main-body-font: 'Poppins', sans-serif;
--main-line-height: 1.8;
--main-font-size: 16px;
--main-banner-background-position: 50% 20%;
--main-link-color:#8baa99;
--main-link-hover-color:#669079;


--watervale-green:#8baa99;
--watervale-blue:#374a67;
--watervale-light-blue:#7c8da7;


--main-progress-loader-color:var(--main-link-color);
--main-highlight-color:var(--main-link-color);
--main-footer-background-color:#080707;
--main-footer-text-color:#737373;
--main-footer-link-color:#ffffff;
--main-footer-border-color: rgba(255, 255, 255, 0.15);
--main-input-label-color: #c56115;
--main-page-header-banner-padding: 4.5rem;
--main-banner-padding: 4.5rem;
--main-header-secondary-font:var(--main-body-font);
--main-header-secondary-font-weight:600;
--main-highlight-background-color:var(--main-link-color);
--main-banner-title-font-size: 2.2em;
--main-site-header-icon-size:2.75rem;
--header-menu-button-size:2.75em;


--age-gate-logo-size: 200px;

--main-input-label-color:var(--main-link-color);
--social-icon-border-color: rgba(255,255,255, .25);

/* new header */

--main-mobile-navigation-button-text-color: var(--main-link-color);
--main-header-secondary-region-background: #384967;
--main-header-secondary-region-text-color: #fff;
--main-header-secondary-region-icon-color: #fff;

--main-header-primary-region-background: #ffffff;
--main-header-primary-region-background-text-color: #000;
--main-header-primary-region-dropdown-text-color:var(--watervale-blue);
--main-header-primary-region-background-highlight:transparent;
--main-header-primary-region-dropdown-background-box-shadow:transparent;

--main-header-primary-region-background-text-color: #374a67;


--main-mobile-navigation-link-dropdown-background-color: #d3dae5;
--main-mobile-navigation-link-background-highlight-color: #d3dae5;
--main-mobile-navigation-link-dropdown-background-highlight-color: #bcc9de;


--main-mobile-navigation-element-background-color: var(--watervale-blue);
--main-mobile-navigation-element-background-highlight-color: var(--watervale-light-blue);

/*banners */

--main-page-header-banner-padding: 4rem;
--main-page-header-banner-background: #8baa99;

--main-cart-count-background: var(--main-text-color);
--main-cart-count-text: #fff;

/* product */

--main-product-image-background:#fff;
--main-product-price-text-color:var(--main-link-color);
--main-oos-badge-background-color:#c05042;

--main-product-toggle-filter-background-color: var(--watervale-light-blue);
--main-product-toggle-filter-highlight-background-color: var(--watervale-blue);
--main-product-toggle-filter-background-active-color:  var(--watervale-blue);
--main-product-toggle-filter-background-highlight-active-color: var(--watervale-blue);
--main-button-primary-highlight-background-color:var(--watervale-blue);

/* logo */
--main-logo-width-sm: 175px;
--main-logo-width-md: 175px;
--main-logo-width-lg: 180px;


/*mobile */
--main-mobile-logo-width: 150px;
--main-mobile-logo-width-sm: 190px;
--main-mobile-logo-width-md: 190px;
--main-mobile-logo-width-lg: 200px;

/* mobile logo */
--main-mobile-logo-width-md: 180px;
--main-mobile-logo-width-lg: 190px;


/* footer */
--main-footer-background-color: var(--watervale-blue); 
--main-footer-border-color:#fff;
--main-footer-vertical-divider-color:rgba(255,255,255, .25);
--main-footer-text-color:#fff;
--main-footer-border-color: rgba(255,255,255, .25);


/* gate */

--main-agegate-button-background-color:var(--main-link-color);
--main-agegate-button-text-color:#fff;

/*root theme */

--vc-dark-color: #374a67;
--vc-dark-contrast-color: #485b78;
--vc-light-color: #e5f1fa;
--vc-light-contrast-color: #dbeffe;
--vc-accent-color: #8baa99;
--vc-accent-contrast-color: #a0b9ab;
--neutral-1: #bacddc;
--neutral-2: #547694;
--neutral-3: #689cba;
--vc-heading-font: var(--main-heading-font);
--vc-body-font: var(--main-body-font);
}

.menu-opened {
    --main-site-header-background-color: var(--main-light-background-color) !important;
}

.mobile-navigation {
	--main-header-secondary-region-icon-color: var(--watervale-blue);
}

.mobile-navigation .nav-label {
	font-size:.867em;
}

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

/* concilio client theme */

.client-theme-1 {
    --vc-dark-color: #374a67;
    --vc-dark-contrast-color: #485b78;
    --vc-light-color: #e5f1fa;
    --vc-light-contrast-color: #dbeffe;
    --vc-accent-color: #8baa99;
    --vc-accent-contrast-color: #a0b9ab;
    --neutral-1: #bacddc;
    --neutral-2: #547694;
    --neutral-3: #689cba;
    --vc-heading-font: var(--main-heading-font);
    --vc-body-font: var(--main-body-font);
}

.sales-bar {
    --sales-bar-vertical-padding: 0.25em;
    --sales-bar-font-size: .95em;	
}

.age-gate-content .age-gate-logo {
    margin-bottom: .5em;
}

.age-gate-content-element{
	margin-bottom:1em;
}

.age-gate .gate-box .btn {
	border-radius:0px !important;
	font-family:var(--main-body-font);
}

@media (min-width: 576px) {
	.header-menu-button {
		--header-menu-button-size:3rem
	}
	.header.header-menu-section .icon-container .icon {
		--main-site-header-icon-size:3.25rem;
	}
}

/* new header */
.header.header-003 .primary-region {
	padding:1.25rem 0em;
}

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

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

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

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

/*mobile nav */


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

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


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

.header.header-menu-section .dropdown-menu:before {
	z-index:-2 !important;
}

.header.header-menu-section .dropdown-menu { 
   filter: drop-shadow(1px 2px 3px #5555);
}

.mobile-navigation .footer-menu-region .social-group .icon {

    fill: var(--social-icon-color);
}

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

.header.header-003 .social-link:focus .icon,
.header.header-003 .social-link:hover .icon {
    --social-icon-color: var(--watervale-green);
}

.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 .secondary-region .nav-link {
    padding: 0em 0.5em;
}

.header.header-003 .secondary-region .nav-link .nav-link-button-inner .nav-label {
	font-size:.867em;
}

.header.header-003 .mobile-navigation-button {
	font-size:1em !important;
    padding: 0.5em 0.75em;
    border-radius: 0px;
    line-height: 1;
}

.header.header-003 .dropdown {
    filter: drop-shadow(2px 1px 3px rgb(0, 0, 0, .25));
}

.header.header-003 .secondary-region .nav-link.cart .icon-container, 
.header.header-003 .secondary-region .nav-link.login .icon-container, 
.header.header-003 .secondary-region .nav-link.logout .icon-container, 
.header.header-003 .secondary-region .nav-link.portal .icon-container {
    margin-right: 0.5em;
}

/*main banner */

.main-banner-section  .banner-item {
  overflow: hidden;
}
.main-banner-section .image-background {
  transform: scale(1.05);
}
.main-banner-section .a-image img.low-res:not(.placeholder) {
filter: blur(20px);
}


/*section */

.cta-section.upper-cta-section .content-card .image-container .object-contain {
    padding: 0;
}

.cta-section .wysiwyg-content {
  max-width:800px;
  margin:0 auto 1.5em auto;
  padding: 0 1em;
}

.cta-section{
	padding:0;
}

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

/*page */

.page .grid-template-frontend .row .card-item {
  min-height:330px;
}

.cta-section.upper-cta-section{
	background-color: var(--main-element-background-color);
}


/*product */

.product-tags .out-of-stock-tag .tag-content {
	padding:.5em;
}

/*club */

.step .club-group .club-card .graphic .image {
	filter: grayscale(1);
}
/*custom card buttons*/

.card-type-photo .banner-btn.banner-btn-primary,
.card .card-photo .button-primary-cta {
    --main-button-primary-background-color: var(--main-link-color);
    --main-button-primary-text-color: #fff;
    --main-button-primary-border-radius: 6px;
    --main-button-primary-border-color:var(--main-link-color);
    --main-button-primary-highlight-border-color: var(--main-link-color);
    --main-button-primary-highlight-background-color: var(--main-link-color);
    --main-button-primary-highlight-text-color: #fff;
    transition:  color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out; 
}

.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-color: var(--main-link-color);
    --main-button-primary-border-radius: 6px;
    border-radius:var(--main-button-primary-border-radius);
    border:2px solid var(--main-button-primary-border-color);
}

.card.card-photo .card-actions a.btn.btn-primary-cta:hover,
.card.card-photo .card-actions a.btn.btn-primary-cta:focus{
   	--main-button-primary-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;
    background-color:var(--main-link-hover-color);
    color:#fff;
   	border-color: transparent;
}

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


/*custom banner buttons */

.banner-content .btn.banner-btn {
	border-radius:0px;
}

.banner-content .btn.banner-btn.banner-btn-primary{
	--main-button-primary-border-color:var(--main-link-color);
    --main-button-primary-background-color:var(--main-link-color);
    --main-button-primary-text-color:#fff;
	border:2px solid var(--main-button-primary-border-color);
	color:var(--main-button-primary-text-color);
}
.banner-content .btn.banner-btn.banner-btn-primary:hover,
.banner-content .btn.banner-btn.banner-btn-primary:focus{
	background-color:var(--main-button-primary-text-color);
	border-color:var(--main-button-primary-text-color);
	color:var(--main-text-color);
}

.banner-content .btn.banner-btn.banner-btn-secondary{
    background-color:var(--main-button-secondary-background-color);
	border:2px solid var(--main-button-secondary-border-color);
	color:#fff;
	border-radius:0px;
}

.banner-content .btn.banner-btn.banner-btn-secondary:hover,
.banner-content .btn.banner-btn.banner-btn-secondary:focus {
	background-color:var(--main-link-color);
	border-color:var(--main-link-color);
	color:#fff;
}


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

/*product filters */

.top-filters .view-toggle .btn {
    border-radius: 0px;
}


/*cart */

.cart-item .cart-view-title-desc .remove-link .icon-container {
	background-color: var(--main-link-color) !important;
}


/* sitegate modal override */ 

#modal-age-gate___BV_modal_backdrop_ {
    backdrop-filter: blur(10px);
}

.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-image .sales-modal-logo {
	max-width:15em;
}


/*social icons */
	
.social-group .social-icon {
    display: flex;
    justify-content: center;
    align-items: center;
}


.social-group .social-link:focus .icon, .social-group .social-link:hover .icon {
    fill: var(--main-link-color);
}


/* 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;
}

.teaser-list-item {
    border-color: var(--main-border-color) !important;
}

/*custom footer */
.footer {
  --social-icon-border-color:white;
}

.footer-section .social-icon .icon {
    fill: var(--main-footer-link-color);
}

.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: 2px solid var(--main-footer-vertical-divider-color);
        border-left: 0px;
    }
}

.footer-navigation.footer-software-provider {
    opacity: .25;
}