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



:root {

    --claymore-black: #222;

    --main-font-size: 17px;
    --main-line-height: 1.8;
    --main-heading-line-height: 1.4;
    --main-heading-font: 'Montserrat', sans-serif;
    --main-body-font: 'Open Sans', sans-serif;
    --main-text-color:#8a8a8a;
    --main-text-heading-color: var(--claymore-black);
   
    --main-link-color: #ed1b24;
    --main-link-hover-color: #9b0e14;
    --main-input-label-color: var(--main-link-color);
    --main-input-border-color:var(--claymore-black);
    --main-highlight-text-color:#9a9a9a;

	--main-highlight-color:var(--main-link-color);
    /*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(--claymore-black);

    --header-menu-button-icon-color: var(--claymore-black);
    --header-menu-button-text-color: var(--claymore-black);
    --main-site-header-icon-size: 2.75rem;
    --main-site-header-height: 7em;
    --main-cart-count-background:var(--claymore-black);
    --main-cart-count-text:#fff;


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




    /*banner */
    --main-banner-padding: 5em;
    --main-banner-description-font-size: 1.1em;
    --main-banner-title-font-size: 2.4em;
    --main-banner-title-font-weight: 300;

    /* buttons */

    /*main mobile */
    --main-mobile-navigation-link-dropdown-background-color: #e8dfc7;
    --main-mobile-navigation-link-dropdown-background-highlight-color: var(--main-link-color);
    --main-mobile-navigation-link-dropdown-background-highlight-link-color: var(--claymore-black);
    --header-menu-button-icon-color: var(--claymore-black);
    --main-mobile-navigation-link: var(--main-link-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.1rem;
    --main-header-secondary-font: var(--main-body-font);

    --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 primary region */
    --main-header-primary-region-background: #3b3b3b;
    --main-header-primary-region-background-highlight: #6a6a6a;
    --main-header-primary-region-dropdown-text-color: var(--main-link-color);
    
    
    
    /*footer*/
   
    --main-footer-background-color:#1b1b1b;
    --main-footer-text-color:#afafaf;

}

/*body overrides */

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



/*main banner overrides */

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

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

.main-banner-section {
	 --main-banner-background-position:50% 0%;
 }
 

.main-banner-section .banner-content-gradient {
    background: transparent !important;
}

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

/*absolute header overrides*/
.menu-opened {
    --main-site-header-background-color: var(--main-light-background);
}

@media (max-width: 768px){
:root{
    --main-site-header-height: 5em;
}
}


.menu-opened .main-menu-region,
.no-header {
    --main-cart-count-text: white;
    --main-cart-count-background: var(--main-link-color);
    --header-menu-button-icon-color: var(--main-link-color);
    --header-menu-button-text-color: var(--main-link-color);
    --main-site-header-nav-link: var(--main-link-color);
    --main-site-header-navigation-container-inner-background-color: var(--main-light-background);
}


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

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

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


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



/*concilio */
.client-theme-1 {
    --vc-dark-color: #171616;
    --vc-dark-contrast-color: #212020;

    --vc-light-color: #efefef;
    --vc-light-contrast-color: #92543c;

    --vc-accent-color: #ed1b24;
    --vc-accent-contrast-color: #9b0e14;

    --neutral-1: #d8d8d8;
    --neutral-2: #4b4b4b;
    --neutral-3: #e6e6e6;
}

.card-wysiwyg h1,
.card-wysiwyg h2,
.card-wysiwyg h3,
.card-wysiwyg h4,
.card-wysiwyg h5,
.card-wysiwyg h6 {
    color: var(--main-text-heading-color);
}


.product-item .product-title {
	font-weight: 600;
	--vc-link-color:#000;
}



/* sitegate modal override */ 


.icon-cta-item.icon-cta-column .action  a{
	padding:.75em 1em;
	background:var(--main-link-color);
	color:#fff;
}

.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 {
	width:27.5em;
}

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

.sales-modal-display .sales-modal-content {
	    width: 100%;
}

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