@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,600,700');

:root {
  --original-dudley-color:#433834;
  --original-dudley-gold:#cba046;
  
  
  
  --dudley-dark:#353332;
  --dudley-dark-highlight:#4a4a49;
  
  --main-heading-font:'Josefin Sans', sans-serif;
  --main-header-primary-region-background-highlight:#cba046;
  --main-header-primary-region-dropdown-background: #cba046;
  --main-header-primary-region-dropdown-background-highlight-color:#cba046;
  --main-header-primary-region-dropdown-background-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.25);
  --main-header-primary-region-dropdown-text-color:#ffffff;
  --main-header-secondary-region-background:var(--dudley-dark);
  --main-header-secondary-region-icon-color:#b5934e;
  --main-header-primary-region-background:var(--dudley-dark);
  --main-cart-count-background:#cba046;
  --main-cart-count-text:#ffffff;
  --main-link-color:#b5934e;
  --main-link-hover-color:#b5934e;
  --main-product-price-text-color: var(--main-link-color);

  --main-footer-background-color:var(--dudley-dark);
  --main-element-background-color: #f9f4ee;
  --main-mobile-navigation-element-background-color:var(--dudley-dark);
  --main-mobile-navigation-background-color:#f9f4ee;
  --main-mobile-navigation-link-background-highlight-color:#ffffff;
  --main-mobile-navigation-link-dropdown-background-color: #ede4d8;
  --main-mobile-navigation-link-dropdown-background-highlight-color: #ddd0ba;
  --main-banner-title-font-size: 2.2em;
  --main-product-image-background:#fff;
  --main-highlight-color:var(--main-link-hover-color);
  --main-oos-badge-background-color: #c56363;

  }
  
.client-theme-1 {
  
--vc-dark-color: #353332;
--vc-dark-contrast-color: #4a4a49;

--vc-light-color: #e4e4e4;
--vc-light-contrast-color: #c2bbbb;

--vc-accent-color: #977c4d;
--vc-accent-contrast-color: #886c3a;

--neutral-1: #d5d1d1;
--neutral-2: #686868;
--neutral-3: #c9ab7e;   
  
}

.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(--dudley-dark);
    --main-button-primary-background-color: var(--dudley-dark);
    --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.75em;
}

.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(--dudley-dark-highlight);
    --main-button-primary-highlight-border-color: var(--dudley-dark-highlight);
    --main-button-primary-highlight-text-color: #ffff;
    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 {
    --main-button-secondary-border-color: var(--main-link-color);
    --main-button-secondary-background-color: var(--main-link-color);
    --main-button-secondary-text-color: #fdf8e7;
    --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.75em;
}

.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 {
    --main-button-secondary-highlight-background-color: var(--main-link-hover-color);
    --main-button-secondary-background-color: var(--main-link-hover-color);
    --main-button-secondary-highlight-text-color: #ffff;
    --main-button-secondary-border-color:var(--main-link-hover-color);
    background-color: var(--main-button-secondary-background-color);
    color: var(--main-button-secondary-highlight-text-color);
    border-color: var(--main-button-secondary-border-color);
}

.home-intro-content .highlight-element {
	margin-bottom:2em;
}

.a-image .full-res:not(.loaded),
.a-image .low-res:not(.loaded){
    display: none;
}

.form-renderer-wrapper {
    background: #efefef;
}

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

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

.btn {
	border-radius:0px !important;
}

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