/*!
Theme Name: Brimar
Theme URI: http://underscores.me/
Author: Connections Marketing
Author URI: https://connectionsmarketing.com/
Description: Brimar Custom Theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: brimar
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Brimar is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
@font-face {
    font-family: 'calligraffittiregular';
    src: url('./fonts/italianno-regular-webfont.eot');
    src: url('./fonts/italianno-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('./fonts/italianno-regular-webfont.woff2') format('woff2'),
        url('./fonts/italianno-regular-webfont.woff') format('woff'),
        url('./fonts/italianno-regular-webfont.ttf') format('truetype'),
        url('./fonts/italianno-regular-webfont.svg#italiannoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}
.price ins{
	background: none;
}
big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #1F1C17;/*#4169e1*/
}

a:visited {
	color: #1F1C17 /*#800080*/;
}

a:hover,
a:focus,
a:active {
	color: #1F1C17;/*#191970*/
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/* Custom - General
--------------------------------------------- */
html,body{
	min-width:375px;
}
body{
	font-family: 'Karla';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #1F1C17;
}
h2{
	font-family: 'Karla';
	font-style: normal;
	font-weight: 300;
	font-size: 32px;
	line-height: 125%;
	color: #1F1C17;
}
h2.special-caps{
	font-family: 'Karla';
	font-style: normal;
	font-weight: 200;
	font-size: 36px;
	line-height: 125%;
	text-align: center;
	letter-spacing: -0.5px;
	text-transform: uppercase;
	color: #1F1C17;
}
h2.section-title{
	max-width:900px;
	margin-left:auto;
	margin-right:auto;
}
h2.bold{
	font-weight:400;
}
/*h2.section-title[style="text-align: center"]{
	
}*/
h3{
	font-family: 'Karla';
	font-style: normal;
	font-weight: 400;
	font-size: 26px;
	line-height: 32px;
	text-align: center;
	color: #1F1C17;
}
h4{
	font-family: 'Karla';
	font-style: normal;
	font-weight: 700;
	font-size: 22px;
	line-height: 30px;
	color: #1F1C17;
}
h5{
	font-family: 'Karla';
	font-style: normal;
	font-weight: 700;
	font-size: 19px;
	line-height: 26px;
	color: #1F1C17;
}
h5.subtitle{
	font-family: 'Karla';
	font-style: normal;
	font-weight: 500;
	font-size: 19px;
	line-height: 26px;
	color: #1F1C17;
}
h6{
	font-family: 'Karla';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.2px;
	text-transform: uppercase;
	color: #76716A;
}
h6.semibold{
	font-family: 'Karla';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	color: #1F1C17;
}
.uppercase{
	text-transform: uppercase;
}
.underline{
	text-decoration: underline;
}
.no-bold{
	font-weight: normal;
}
.post, .page{
	margin-bottom:0;
}
.wpb-content-wrapper > .vc_row{
	margin-left: 0;
	margin-right: 0;
}
.page-content, .entry-content, .entry-summary {
    margin: 0;
}
.mobile-menu{
	display:none;
}
.col-grow{
	flex-grow: 1;
}
.btn,
a.btn,
input[type=submit].btn,
.wc-block-components-button,
.wcf-button,
.xcp-btn,
.xcp-btn:hover,
a.xcp-btn:visited,
.vc_grid-btn-load_more a.vc_general.vc_btn3,
.vc_grid-btn-load_more a.vc_general.vc_btn3:hover{
	background: #fff;
	padding: 15px 40px;
	display:inline-block;
	text-decoration:none;
	outline:0;
	border: 1px solid #000;
	border-radius:0;
	
	color: #000;
	text-align: center;
	font-family: Karla;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 22px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
button.btn:hover, 
input[type="button"].btn:hover, 
input[type="reset"].btn:hover, 
input[type="submit"].btn:hover,
.wc-block-components-button,
.xcp-btn:hover{
    border: 1px solid #000;
}
.btn-transparent,
a.btn-transparent,
input[type=submit].btn-transparent{
	background: transparent;
}
.bg-blur{
	backdrop-filter: blur(8px);
}
a.text-link,
a.linked-text{
	color: #000;
	font-family: Karla;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 22px;
	text-transform: uppercase;
	text-decoration:none;
	position:relative;
	display:inline-block;
}
a.text-link::after,
a.linked-text::after{
	content:"";
	height: 2px;
	background: #D5D10E;
	position:absolute;
	bottom: 0;
    left: 0;
	right:0;
}

a.text-link:hover::after,
a.linked-text:hover::after{
	width:50px;
    left: 50%;
	right:auto;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}
.text-very-narrow{
	max-width:381px;
}
.max-250-center{
	max-width:250px;
	margin-right:auto;
	margin-left:auto;
}
.max-300-center{
	max-width:300px;
	margin-right:auto;
	margin-left:auto;
}
.max-600-center{
	max-width:600px !important;
	margin-right:auto;
	margin-left:auto;
}
.max-720-center{
	max-width:720px;
	margin-right:auto;
	margin-left:auto;
}
.max-900-center{
	max-width:900px;
	margin-right:auto;
	margin-left:auto;
}
.left-narrow > .vc_column-inner{
	max-width:300px;
	margin-left:auto;
}
.img-full-width.wpb_single_image .vc_figure,
.img-full-width.wpb_single_image .vc_single_image-wrapper,
.img-full-width.wpb_single_image img{
	width: 100%;
}

.margin-lr-24,
.vc_row.margin-lr-24{
	margin-left: 9px;/*24px - 15px*/
	margin-right: 9px;
}
.margin-l-24,
.vc_row.margin-l-24{
	margin-left: 9px;
}
.margin-r-24,
.vc_row.margin-r-24{
	margin-right: 9px;
}

.padding-lr-24,
.vc_row.padding-lr-24{
	padding-left: 9px;
	padding-right: 9px;
}

.margin-lr-10p,
.vc_row.margin-lr-10p{
	margin-left: calc(10% - 15px);
	margin-right: calc(10% - 15px);
}
.margin-l-10p,
.vc_row.margin-l-10p{
	margin-left: calc(10% - 15px);
}
.margin-r-10p,
.vc_row.margin-r-10p{
	margin-right: calc(10% - 15px);
}

.margin-lr-25p,
.vc_row.margin-lr-25p{
	margin-left: calc(25% - 15px);
	margin-right: calc(25% - 15px);
}
.margin-l-25p,
.vc_row.margin-l-25p{
	margin-left: calc(25% - 15px);
}
.margin-r-25p,
.vc_row.margin-r-25p{
	margin-right: calc(25% - 15px);
}

body.search-results main,
body.search-no-results main,
body.error404 main{
	padding-left: calc(5% - 15px);
	padding-right: calc(5% - 15px);
	padding-top:34px;
	padding-bottom:34px;
}
.alternating-image-text-rows-text{
	margin-top: 25%;	
}
h6.alternating-image-text-rows-text{
	margin-top: 25% !important;	
}
@media (max-width:782px){
	.reverse-row-cols-mobile{
		flex-direction: column-reverse;
		display: flex;
	}
	.alternating-image-text-rows-text{
		margin-top: 0;	
	}
	h6.alternating-image-text-rows-text{
		margin-top: 0 !important;	
	}
}

/* Custom - Header
--------------------------------------------- */
.header-top{
	background-color:#FFF;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.header-menu-icon{
	margin-top:18px;
	margin-bottom:18px;
	margin-left:24px;
	margin-right:24px;
	height: 24px;
	width: 24px;
	background: no-repeat url(./img/icon-menu-black.svg);
	background-size:cover;
	cursor:pointer;
}
#search-form,
.search-form{
	margin-top:10px;
	margin-bottom:10px;
}
#search-form input,
.search-form input {
    color: #1F1C17;
    padding-left: 32px;
    background: no-repeat url(./img/icon-search-black.svg);
    background-position: 0px 8px;
    background-color: transparent;
    height: 40px;
	max-width: 300px;
	border-width:0;
}
#search-form input:focus, 
.search-form input:focus
{
	outline: none;
	border: none;
	border-bottom: solid 1px #1F1C17;
}
#search-form input::placeholder,
.search-form input::placeholder {
	color: #FFF;
}
.header-search .search-submit{
	display: none;
}
.header-logo{
	text-align: center;
	margin-right:auto;
	margin-left:auto;
	height: 60px;
}
.header-logo a{
	display:inline-block;
	background: no-repeat url(./img/logo-black.png);
	background-size:cover;
	/*height: 56px;
	width: 210px;*/
	height: 62px;
	width: 274px;
	margin-top:2px;
	margin-bottom:7px;
}
.header-options {
	display:flex;
	gap: 25px;	
	margin-top:18px;
	margin-bottom:18px;
	margin-right:24px;
}
.header-gallery{
	max-height:24px;
}
.header-gallery a{
	display:inline-block;
	width:60px;
	height:10px;
	margin-top:7px;
	margin-bottom:7px;
	background: no-repeat url(./img/icon-gallery-black.svg);
}
.header-account{
	max-height:24px;
}
.header-account > a{
	display:inline-block;
	width:24px;
	height:24px;
	background: no-repeat url(./img/icon-user-black.svg);
}
.header-favorites{
	max-height:24px;
}
.header-favorites a{
	display:inline-block;
	width:24px;
	height:24px;
	background: no-repeat url(./img/icon-heart-black.svg);
}
.header-folder{
	max-height:24px;
}
.header-folder a{
	display:inline-block;
	width:24px;
	height:24px;
	background: no-repeat url(./img/icon-folder-black.svg);
}
.header-bag{
	max-height:24px;
}
.header-bag a{
	display:inline-block;
	width:24px;
	height:24px;
	background: no-repeat url(./img/icon-bag-black.svg);
    font-size: 12px;
    padding-left: 20px;
	text-decoration: none;
}
.header-bag a span{
	display:block;
	margin-top: -4px;
}

body.home .header-logo a{
	background-image: url(./img/logo-white.png);
}
body.home .header-menu-icon{
	background-image: url(./img/icon-menu-white.svg);
}
body.home #search-form input,
body.home .search-form input{
	background-image: url(./img/icon-search-white.svg);
	color: #FFF;
}
body.home.scroll #search-form input,
body.home.scroll .search-form input{
	background-image: url(./img/icon-search-black.svg);
}
body.home #search-form input::placeholder,
body.home .search-form input::placeholder{
	color: #fff;
}
body.home.scroll #search-form input::placeholder,
body.home.scroll .search-form input::placeholder{
	color: #000;
}
body.home .header-gallery a{
	background-image: url(./img/icon-gallery-white.svg);
}
body.home .header-account > a{
	background-image: url(./img/icon-user-white.svg);
}
body.home .header-favorites a{
	background-image: url(./img/icon-heart-white.svg);
}
body.home .header-folder a{
	background-image: url(./img/icon-folder-white.svg);
}
body.home .header-bag a{
	background-image: url(./img/icon-bag-white.svg);
	color: #fff;
}

body.scroll .header-top{
	background-color:#fff;
	position: fixed;
    right: 0;
    left: 0;
	z-index:999;
	top: 0px;
}
body.scroll.admin-bar .header-top{
	top: 32px;
}
@media (max-width:782px){
	body.scroll.admin-bar .header-top{
		top: 46px;
	}
}
@media (max-width:600px){
	body.scroll.admin-bar .header-top{
		top: 0;
	}
}
body.home.scroll .header-logo a{
	background-image: url(./img/logo-black.png);
}
body.home.scroll .header-menu-icon{
	background-image: url(./img/icon-menu-black.svg);
}
body.home.scroll #search-form input {
	background-image: url(./img/icon-search-black.svg);
	color: #1F1C17;
}
body.home.scroll .header-gallery a{
	background-image: url(./img/icon-gallery-black.svg);
}
body.home.scroll .header-account > a{
	background-image: url(./img/icon-user-black.svg);
}
body.home.scroll .header-favorites a{
	background-image: url(./img/icon-heart-black.svg);
}
body.home.scroll .header-folder a{
	background-image: url(./img/icon-folder-black.svg);
}
body.home.scroll .header-bag a{
	background-image: url(./img/icon-bag-black.svg);
}

/* Custom - Footer
--------------------------------------------- */
footer.site-footer{
	background-color:#F4F3F0;
	padding-bottom:14px;
}
.footer-top{
	display: flex;
    justify-content: space-around;
	padding-bottom:50px;
	/*border-bottom: 1px solid #D1CAC0;*/
	background-color:#FFF;
}
.footer-nav-list{
	margin-top:56px;
	text-align:center;
	/*text-transform:uppercase;*/
}
.footer-nav-list ul{
	margin:0;
	padding:0;
	list-style:none;
}
.footer-nav-list ul li{
	margin-top:19px;
}
.footer-nav-list ul li a{
	text-decoration:none;

	/* Link Text */
	font-family: 'Karla';
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;

	/* Text/Text */
	color: #1F1C17;
}
.footer-nav-list-title{
	font-family: 'Karla';
	font-style: normal;
	font-weight: 600;
	font-size: 17px;
	line-height: 24px;
	text-align: center;
	letter-spacing: 0.2px;
	text-transform: uppercase;
	color: #1F1C17;
}
.footer-nav-list-title-inner{
	display:inline-block;
	border-bottom: 1px solid #d2cac0;
}
.footer-bottom{
	margin-top:50px;
	padding-left:24px;
	padding-right:24px;
}
.footer-social-row{
	text-align:center;
}
.footer-social-title{
	color: #1F1C17;
	text-align: center;
	font-family: Karla;
	font-size: 17px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: 0.2px;
	text-transform: uppercase;
}
.footer-social-list{
	margin-top:10px;
	display: flex;
	gap: 24px;
	justify-content: center;
}
.entry-content .footer-social-list
{
	justify-content: left;
}
.footer-social-list-item{
	display: flex;
    align-items: center;
}
.footer-form-title{
	margin-top:50px;
	margin-bottom:0;
}
.footer-form-desc{
	margin-top:10px;
	max-width:750px;
	margin-left:auto;
	margin-right:auto;
}
.footer-form-row{
	text-align:center;
}
.footer-form{
	margin-top:25px;
	width:410px;
	margin-left: auto;
	margin-right: auto;
}
#gform_1{
	display:flex;
	gap:10px;
}
#gform_1 .gform-footer{
	margin:0;
	align-items: flex-start;
	width:100px;
}
#gform_1 #field_1_1{
	width:300px;
}
#gform_1 #input_1_1{
	text-align:left;
	background: #F4F3F0;
	height: 40px;
	padding-left: 15px;
	border-radius:0;
	color: #1F1C17;
	/* Input Text */
	font-family: Karla;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	
	border: 1px solid #D1CAC0;
    box-shadow: none;	
}
#gform_1 #input_1_1::placeholder{
	color: #1F1C17;
}
input#gform_submit_button_1[type=submit]{
	border: 1px solid #000;
	background: #F4F3F0;
	border-radius:0;
	color: #000;
	text-align: center;
	font-family: Karla;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 22px;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 0;
	height: 40px;
}
#gform_confirmation_message_1{
	font-weight: 900;
}
.footer-legal-row{
	margin-top:50px;
	text-align:center;
}
.footer-legal-menu ul{
	margin:0;
	padding:0;
	list-style:none;
}
.footer-legal-menu ul li{
	display:inline-block;
	padding-right:15px;
	padding-left:15px;
	border-right: 1px solid #D1CAC0;
}
.footer-legal-menu ul li:last-child{
	border-right-width: 0;
}
.footer-legal-menu ul li a{
	text-decoration:none;
	font-family: 'Karla';
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	text-transform: uppercase;
	color: #1F1C17;
}
.footer-copyright-row{
	margin-top:26px;
	text-align:center;
}



/* Custom - Homepage
--------------------------------------------- */

header.site-header{
	position:relative;
}
body.home header{
	background-image: url(./img/hp-hero.jpg);
	height: 100vh;
	background-size:cover;
}
body.home.admin-bar header{
	height: calc(100vh - 32px);
}
body.home .header-top{
	background-color:transparent;
}
body.home.scroll .header-top{
	background-color:#fff;
}
header .hp-bottom{
	text-align: center;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 28px;
}
header .hp-bottom .menu-top-menu-container{
	display: inline-block;
	background: rgba(244, 243, 240, 0.60);
	backdrop-filter: blur(8px);
}
header .hp-bottom ul{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
}
header .hp-bottom ul li{
	padding-left:17.5px;
	padding-right:17.5px;
	padding-top:15px;
	padding-bottom:15px;
}
header .hp-bottom ul li:first-child{
	padding-left:40px;
}
header .hp-bottom ul li:last-child{
	padding-right:40px;
}
header .hp-bottom ul li a{
	text-decoration:none;
	
	color: #000;
	text-align: center;
	font-family: Karla;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 22px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.hp-images-with-hover-text{
	display:flex;
	gap:24px;
}
.hp-image-with-hover-text{
	flex-grow:1;
	margin-bottom:50px;
}
.hp-image-with-hover-text img{
	width:100%
}
.hp-image-with-hover-text-inner{
	position:relative;
}
.hp-image-with-hover-text-content{
	opacity: 0;
	position:absolute;
	bottom:6px;
	right:0;
	left:0;
	background: rgba(255, 255, 255, 0.6);
	backdrop-filter: blur(12px);
}
.hp-image-with-hover-text:hover .hp-image-with-hover-text-content{
	opacity: 1;
	transition: 1s;
}
.hp-auto-item{
	margin-left:12px;
	margin-right:12px;
}
.hp-auto-item img{
	width:100%
}
.hp-auto-item-inner{
	position:relative;
}
.hp-auto-item-content{
	opacity: 0;
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	background: rgba(255, 255, 255, 0.6);
	backdrop-filter: blur(12px);
}
.hp-auto-item:hover .hp-auto-item-content{
	opacity: 1;
	transition: 1s;
}

.splide__pagination li{
	line-height: 0;
}
.splide__pagination{
	margin-top:50px;
	padding:0;
}
.splide__pagination__page{
	width: 100px;
	height: 5px;
	background-color: #827C75;
	border-radius:0;
	border-width:0;
	padding:0;
	border-top-width:2px;
	border-bottom-width:2px;
	border-color: #FFF;
}
.splide__pagination__page:hover{
	border-color: #FFF;
}
.hp-img-slides-w-text-slider .splide__pagination__page{
	background-color: #FFF;
	border-color:  #E9E7E2;
}
.hp-img-slides-w-text-slider .splide__pagination__page:hover{
	border-color: #E9E7E2;
}
.splide__pagination__page.is-active,
.hp-img-slides-w-text-slider .splide__pagination__page.is-active{
	background-color: #D5D10E;
	border-color: #D5D10E;
}


#hp-row-right-side-box{
  background-image: url(https://brimar25.cmdev.io/wp-content/uploads/2026/02/MetalFR-lower.jpg); /*./img/photo-xl-image-text-set-1.jpg*/
  min-height: 970px;
  background-attachment: fixed;
  background-repeat: no-repeat;
  margin-left: 24px;
}

.hp-img-slides-slider .splide__pagination{
	justify-content: start;
	padding: 0;
}
.hp-img-item-img{
	width:100%;
}
.hp-img-w-text-item-img{
	width:100%;
}

.hp-img-w-text-item-title{
	color: #1F1C17;
	text-align: center;
	font-family: Karla;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 22px;
	text-transform: uppercase;
	margin-top:15px;
}
.hp-img-w-text-item-excerpt{
	color: #1F1C17;
	text-align: center;
	font-family: Karla;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: 0.2px;
	margin-top:5px;
}
.hp-large-slide-item-content{
	padding-left:15px;
}

/* Custom - Responsive
--------------------------------------------- */

@media (max-width:876px){
	.hp-large-slide-item-content .wpb_column .vc_row .wpb_column{
		width:100%;
	}
	.left-narrow.vc_column_container > .vc_column-inner{
		max-width:none;
		padding-left: 24px;
	}
}

@media (max-width:876px){
	#search-form input{
		max-width: 100px;
	}
}
@media (max-width:767px){
	body.search-results main,
	body.search-no-results main,
	body.error404 main{
		padding-left: 15px;
		padding-right: 15px;
	}
	.margin-lr-24,
	.vc_row.margin-lr-24{
		margin-left: 0;
		margin-right: 0;
	}
	.margin-l-24,
	.vc_row.margin-l-24{
		margin-left: 0;
	}
	.margin-r-24,
	.vc_row.margin-r-24{
		margin-right: 0;
	}

	.padding-lr-24,
	.vc_row.padding-lr-24{
		padding-left: 0;
		padding-right: 0;
	}

	.margin-lr-10p,
	.vc_row.margin-lr-10p{
		margin-left: calc(5% - 15px);
		margin-right: calc(5% - 15px);
	}
	.margin-l-10p,
	.vc_row.margin-l-10p{
		margin-left: calc(5% - 15px);
	}
	.margin-r-10p,
	.vc_row.margin-r-10p{
		margin-right: calc(5% - 15px);
	}
	
	.margin-lr-25p,
	.vc_row.margin-lr-25p{
		margin-left: calc(10% - 15px);
		margin-right: calc(10% - 15px);
	}
	.margin-l-25p,
	.vc_row.margin-l-25p{
		margin-left: calc(10% - 15px);
	}
	.margin-r-25p,
	.vc_row.margin-r-25p{
		margin-right: calc(10% - 15px);
	}

	.hp-images-with-hover-text {
		gap: 15px;
	}
	#hp-row-right-side-box{
		margin-left: 0;
	}
	.hp-img-slides-slider .splide__pagination{
		justify-content:center;
	}
	.col-slider-and-content h2,
	.col-slider-and-content .wpb_text_column
	{
		text-align:center !important;
		margin-right:auto;
		margin-left:auto;
	}
	#hp-row-right-side-box .wpb_column .vc_row .wpb_column:last-child h2,
	#hp-row-right-side-box .wpb_column .vc_row .wpb_column:last-child .wpb_text_column,
	#hp-row-right-side-box .wpb_column .vc_row .wpb_column:last-child .wpb_single_image{
		text-align:center !important;
		margin-right:auto;
		margin-left:auto;
	}
}
@media (max-width:710px){
	.header-search{
		display:none;
	}
}
@media (max-width:582px){
	.header-options{
		display:none;
	}
}
@media (max-width:585px){
	.splide__pagination__page{
		width: 75px;
	}
}
@media (max-width:650px){
	.hp-auto-item:hover .hp-auto-item-content{
		display:none;
	}
	.hp-image-with-hover-text:hover .hp-image-with-hover-text-content{
		display:none;
	}
}

@media (max-width:678px){
	.footer-top{
		flex-wrap: wrap;
	}
	.footer-top-col{
		width:50%;
	}
}
@media (max-width:500px){
	.footer-form{
		width: 260px;
	}
	#gform_1 #field_1_1 {
		width: 150px;
	}
	.footer-legal-menu ul li{
		border-width:0;
		display:block;
		margin-bottom:5px;
	}
	.hp-img-slides-w-text-slider .splide__pagination__page{
		width: 40px;
	}
}
@media (max-width:444px){
	.splide__pagination__page{
		width: 40px;
	}
}
@media (max-width:435px){
	header .hp-bottom ul li {
		padding-left: 15px;
		padding-right: 15px;
	}
	header .hp-bottom ul li:first-child {
		padding-left: 30px;
	}
	header .hp-bottom ul li:last-child {
		padding-right: 30px;
	}
}

/* Start: Popup */
.pum-theme-306, .pum-theme-content-only{
	background: rgba(255, 255, 255, 0.3) !important;
	backdrop-filter: blur(8px);
}
#popmake-308 > .pum-content > .vc_row{
	background-size: 100% 100%;
}
#pum-308.pum-theme-306 .pum-content + .pum-close, 
#pum-308.pum-theme-content-only .pum-content + .pum-close{
	top: 23px;
	left: 7px;
    right: auto;
	background-color: #fff;
	height: 24px;
    width: 24px;
	border-radius: 0;
	box-shadow: none;
	text-shadow: none;
	border-width:0;
	color:transparent;
	background: no-repeat url(./img/icon-popup-close.svg) #fff;
	background-position: 2px 2px;
}
#popmake-308 > .pum-content p {
	font-family: 'Karla';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #1F1C17;
}
@media (max-width:630px){
	.popmake-content > .vc_row{
		padding-top: 30px !important;
		padding-right: 30px !important;
		padding-bottom: 30px !important;
		padding-left: 30px !important;
	}
}
/* End: Popup */

/* Start: Account Menu */
.header-options{
	margin-bottom:0;
}
.header-account {
    max-height: none;
	padding-bottom: 12px;
}
.account-dropdown{
	display:none;
	position: absolute;
	top: 78px;
	top: 60px;
    right: 120px;
	z-index: 1;
}
.header-account:hover .account-dropdown{
	display:block;
}
.account-dropdown-inner{
	background-color:#fff;
}
.account-dropdown-inner ul{
	margin:0;
	padding:0;
	list-style:none;
}
.account-dropdown-title{
	padding-right: 125px;
    padding-left: 30px;
	padding-top:14px;
	padding-bottom:10px;

	font-family: 'Karla';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	color: #1F1C17;
}
.account-dropdown-inner ul li a{
	display:block;
	padding-top:14px;
	padding-bottom:10px;
	
	padding-right: 125px;
    padding-left: 69px;
	
	text-decoration:none;
	
	font-family: 'Karla';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #1F1C17;
	
	background-position: 30px 14px;
}
.account-dropdown-inner ul li a:hover{
	background-color: #F4F3F0;
}
.account-dropdown-inner ul li:first-child{
	border-bottom: 1px solid #F4F3F0;
}
.account-dropdown-profile{
	background: no-repeat url(./img/icon-user-black.svg);
}
.account-dropdown-favorites{
	background: no-repeat url(./img/icon-heart-black.svg);
}
.account-dropdown-quotes{
	background: no-repeat url(./img/icon-folder-black.svg);
}
.account-dropdown-order{
	background: no-repeat url(./img/icon-order-history-black.svg);
}
.account-dropdown-invoices{
	background: no-repeat url(./img/icon-invoices-black.svg);
}
.account-dropdown-wallet{
	background: no-repeat url(./img/icon-wallet-black.svg);
}
.account-dropdown-reserves{
	background: no-repeat url(./img/icon-reserves-black.svg);
}
.account-dropdown-sample{
	background: no-repeat url(./img/icon-sample-black.svg);
}
.account-dropdown-logout{
	background: no-repeat url(./img/icon-logout-black.svg);
}
/* End: Account Menu */






/* Start: Side Menu */
.sidenav {
	height: 100%; 
	width: 0;
	position: fixed; 
	z-index: 9999; 
	top: 0;
	left: 0;
	background-color: #FFF;
	overflow-x: hidden;
	padding-top: 60px; 
	transition: 0.5s;
}
body.admin-bar .sidenav {
	top: 32px;
}
@media (max-width:782px){
	body.admin-bar .sidenav {
		top: 46px;
	}
}
@media (max-width:600px){
	body.admin-bar.scroll .sidenav{
		top: 0;
	}
}
#page,
#wpadminbar {
	transition: margin-left .5s;
}
.side-menu-top{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display:flex;
	width:448px;
}
.side-menu-close{
	background: no-repeat url(./img/icon-close-menu.svg);
	width:24px;
	height:24px;
	margin-top:18px;
	margin-left:24px;
	margin-right:24px;
	cursor:pointer;
}
.side-menu-search{
	
}
#side-menu-search-form{
	margin-top:10px;
	margin-bottom:10px;
}
#side-menu-search-form input {
    color: #000;
    padding-left: 32px;
    background: no-repeat url(./img/icon-search-black.svg);
    background-position: 0px 8px;
    background-color: transparent;
    height: 40px;
	max-width: 300px;
	border-width:0;
}
.side-menu-inner{
	position:relative;
	height:100%;
	/*height: calc(100vh - 60px);*/
	min-height: 420px;
}
.side-menu-columms{
	display:flex;
	height: 100%;
	width:448px;
}
.side-menu-columm-1{
	background: #F4F3F0;
	height: 100%;
	padding-top:20px;
	width:235px;
}
.side-menu-columm-2{
	height: 100%;
	padding-top:20px;
}
.sidenav .side-menu-columm-1 a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	display: block;
	transition: 0.3s;

	font-family: 'Karla';
	font-style: normal;
	font-weight: 400;/*600*/
	font-size: 16px; /*19px*/
	line-height: 24px;
	letter-spacing: 0.2px;
	text-transform: uppercase;

	color: #1F1C17;
}
.sidenav .side-menu-columm-1 a.active,
.sidenav .side-menu-columm-1 a:hover {
  background-color:#fff;
}

.sidenav .side-menu-columm-2 a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	display: none;
	transition: 0.3s;

	font-family: 'Karla';
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 2px;
	/*text-transform: uppercase;*/
	color: #1F1C17;
}
.sidenav .side-menu-columm-2 a.active {
	display: block;
}
.side-menu-parent{
	
}
.side-menu-child{
	display:none;
}
.side-menu-footer{
	position: absolute;
    bottom: 0;
	background: #E9E7E2;
	right: 0;
    left: 0;
	padding-top:20px;
	padding-right:25px;
	padding-left:25px;
	padding-bottom: 50px;
	width:448px;
}
@media (max-height:476px){
	/*.side-menu-footer{
		padding-top:0;
	}*/
}
.side-menu-footer-title{
	font-family: 'Karla';
	font-style: normal;
	font-weight: 300;
	font-size: 19px;
	line-height: 26px;
	color: #1F1C17;
	
	border-bottom: 0.5px solid #D1CAC0;
}
.side-menu-footer-phone a{
	text-decoration:none;
	font-family: 'Karla';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.2px;
	color: #1F1C17;
	display:inline-block;
	position:relative;
	padding-left:27px;
	margin-top:14px;
}

.side-menu-footer-phone a:before{
	content: "";
    position: absolute;
    left: 0;
    top: -3px;
    width: 24px;
    height: 24px;
	background: no-repeat url(./img/icon-footer-phone.svg);
}

.side-menu-footer-bottom{
	display:flex;
	gap:10px;
}
.side-menu-footer-client-services a{
	text-decoration:none;
	font-family: 'Karla';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.2px;
	color: #1F1C17;
	display:inline-block;
	position:relative;
	padding-left:27px;
	margin-top:14px;
}
.side-menu-footer-client-services a:before{
	content: "";
    position: absolute;
    left: 0;
    top: -3px;
    width: 24px;
    height: 24px;
	background: no-repeat url(./img/icon-footer-email.svg);
}
.side-menu-footer-new-accounts a{
	text-decoration:none;
	font-family: 'Karla';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.2px;
	color: #1F1C17;
	display:inline-block;
	position:relative;
	padding-left:27px;
	margin-top:14px;
}
.side-menu-footer-new-accounts a:before{
	content: "";
    position: absolute;
    left: 0;
    top: -3px;
    width: 24px;
    height: 24px;
	background: no-repeat url(./img/icon-footer-email.svg);
}
body.side-menu-open #mySidenav{
	width: 448px;
}
body.side-menu-open #page{
	margin-left: 448px;
}
body.side-menu-open{
	overflow: hidden;
}

@media (max-width:448px){
	body.side-menu-open #mySidenav{
		width: 375px;
	}
	body.side-menu-open #page{
		margin-left: 375px;
	}
	.side-menu-columm-1{
		width: 162px;
	}
	.side-menu-columm-2{
		width: 213px;
	}
}

#side-menu-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    overflow: hidden;
	background: rgba(255, 255, 255, 0.3);
	backdrop-filter: blur(8px);
}
body.side-menu-open #side-menu-overlay{
	display: block !important;
}
/* End: Side Menu */


#our-story-row-right-side-box{
  background-image: url(./img/photo-large-chandelier.jpg);
  min-height: 900px;
  background-attachment: fixed;
  background-repeat: no-repeat;
  margin-left: 24px;
  background-size: cover;
}

.breadcrumbs{
	margin-left: 24px;
    margin-right: 24px;
	margin-top:10px;
	padding-top:8px;
	padding-bottom:8px;
	
	font-family: 'Karla';
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 0.2px;
	color: #000000;
}
.breadcrumbs a{
	text-decoration:none;
	color: #000000;
}
.breadcrumb-spacer{
	display:inline-block;
	margin-right:14px;
	margin-left:14px;
	background-image: url(./img/breadcrumb-spacer.svg);
	height:16px;
	width:16px;
	vertical-align: middle;
}
.our-story-two-col-text-pad-left.vc_column_container>.vc_column-inner{
	padding-left:34%;
	padding-right:40px;
}
.our-story-two-col-text-pad-right.vc_column_container>.vc_column-inner{
	padding-left:40px;
}

.testimonial-slider{
	max-width:720px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}
.testimonial-item{

}
.testimonial-item-inner{
	
}
.testimonial-item-desc{
	font-family: 'Karla';
	font-style: normal;
	font-weight: 300;
	font-size: 17px;
	line-height: 24px;
	color: #1F1C17;
}
.testimonial-item-name{
	font-family: 'Karla';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	color: #1F1C17;
	margin-top:24px;
}
.testimonial-item-company{
	font-family: 'Karla';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #1F1C17;
	margin-top:5px;
}










@keyframes pxl_pulse_border {
    0% {
        transform: scale(1);
        opacity: .67
    }

    100% {
        transform: scale(2);
        opacity: 0
    }
}

@-webkit-keyframes pxl_pulse_border {
    0% {
        transform: scale(1);
        opacity: .67
    }

    100% {
        transform: scale(2.2);
        opacity: 0
    }
}
.video-wrap{
	position:relative;
}
.video-wrap img{
	width:100%;
}
.btn-video-wrap {
    position: absolute;
    z-index: 99;
    text-align: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


.pxl-flex-center{
	display: inline-flex;
    align-items: center;
    justify-content: center;
}
a.pxl-btn-video{
	box-shadow: none;
    text-decoration: none;
}
.pxl-btn-video {
    position: relative;
    z-index: 99
}
.pxl-btn-video.style1 {
    width: 80px;
    height: 80px;
	background: no-repeat url(./img/icon-play.png)
}


.lightbox {
  background-color: rgba(0, 0, 0, 0.8);
  overflow: scroll;
  position: fixed;
  display: none;
  z-index: 998;
  bottom: 0;
  right: 0;
  left: 0;
  top: 60px;
  
  background: rgba(4, 29, 50, 0.5);
  backdrop-filter: blur(12px);
}
.lightbox-container {
  position: relative;
  max-width: 960px;
  margin: 7% auto;
  display: block;
  padding: 0 3%;
  height: auto;
  z-index: 999;
}
@media screen and (max-width: 768px) {
  .lightbox-container {
    margin-top: 10%;
  }
}
@media screen and (max-width: 414px) {
  .lightbox-container {
    margin-top: 13%;
  }
}
.lightbox-content {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.7);
}
.lightbox-close {
  text-transform: uppercase;
  background: transparent;
  position: absolute;
  font-weight: 300;
  font-size: 12px;
  display: block;
  border: none;
  color: white;
  top: -22px;
  right: 3%;
}
.video-container {
  padding-bottom: 56.25%;
  position: relative;
  padding-top: 30px;
  overflow: hidden;
  height: 0;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}


.row-2-column-section-of-text > .wpb_column:first-child > .vc_column-inner{
	padding-right:20px;
}
.row-2-column-section-of-text > .wpb_column:last-child > .vc_column-inner{
	padding-left:20px;
}

@media screen and (max-width: 767px) {
  .row-2-column-section-of-text > .wpb_column:first-child > .vc_column-inner{
		padding-right:15px;
	}
	.row-2-column-section-of-text > .wpb_column:last-child > .vc_column-inner{
		padding-left:15px;
	}
}

.share-btn{
	height: 24px;
	width: 24px;
	background: no-repeat url(./img/icon-share.svg);
	cursor:pointer;
	margin-left: auto;
}
.category-box{
	background: #F4F3F0;
	border: 1px solid #D1CAC0;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 25px;
	font-family: 'Karla';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.2px;
	color: #000000;
	display:inline-block;
	position:relative;
	margin-right:15px;
	cursor:pointer;
	margin-bottom:35px;
}
.category-box:after{
	content: "";
	position:absolute;
	height: 10px;
	width: 10px;
	background: no-repeat url(./img/icon-close-category.svg);
	cursor:pointer;
	margin-left: auto;
	top: 10px;
    right: 10px;
}
.row-top-border.vc_row{
	border-top: 1px solid #D1CAC0;
	margin-left:0;
	margin-right:0;
}
.row-top-border.vc_row > .wpb_column:first-child > .vc_column-inner{
	padding-left: 0;
}
.row-top-border.vc_row > .wpb_column:last-child > .vc_column-inner{
    padding-right: 0;
}

.col-left-border > .vc_column-inner{
	border-left: 2px solid #D5D10E;
	margin-left:15px;
}
.bottom-border-gray{
	border-bottom: 1px solid #D1CAC0;
}
.quote-desc{
	font-family: 'Karla';
	font-style: normal;
	font-weight: 500;
	font-size: 19px;
	line-height: 26px;
	color: #1F1C17;
}
.quote-name{
	font-family: 'Karla';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.2px;
	color: #1F1C17;
}
.photo-caption{
	font-family: 'Karla';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.2px;
	color: #1F1C17;
}

.wpb_text_column ol {
    margin: 0;
    padding: 0;
    padding-left: 18px;
}

@media (max-width:1330px){
	.margin-lr-25p.typography-content{
		margin-left: calc(10% - 15px);
		margin-right: calc(10% - 15px);
	}
}
@media (max-width:767px){
	.margin-lr-25p.typography-content{
		margin-left: calc(5% - 15px);
		margin-right: calc(5% - 15px);
	}
	.center-on-one-column{
		text-align:center;
	}
	.hide-on-one-column{
		display:none;
	}
	.our-story-two-col-text-pad-left.vc_column_container>.vc_column-inner{
		padding-left: 40px;
		padding-top: 40px !important;
		padding-bottom: 0 !important;
	}
	.our-story-two-col-text-pad-right.vc_column_container>.vc_column-inner{
		padding-top: 40px !important;
		padding-bottom: 0 !important;
	}
	.row-reverse-on-one-column{
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
}
.hp-bottom:hover{
	background-color:#F4F3F0;
}
header .hp-bottom:hover .menu-top-menu-container{
	background-color:#F4F3F0;
	backdrop-filter:none;
}
#menu-top-menu .sub-menu{
	position: absolute;
    background-color: #fff;
    right: 0;
    left: 0;
    top: -53px;
	justify-content: center;
	display:none;
	/*transition: 0.5s;*/
}
#menu-top-menu > li:hover{
	background-color:#fff;
}
#menu-top-menu > li:hover .sub-menu{
	display: flex;
}
@media (max-width:600px){
	.hp-bottom:hover{
		background-color:transparent;
	}
	#menu-top-menu .sub-menu{
		display:none !important;
	}
}

.showroom-filter{
	margin-top:34px;
	margin-bottom:34px;
}
.showroom-area{
	columns: 3;
	margin-bottom:110px;
}
.showroom-items{
	break-inside: avoid;
}
.showroom-items-location_type{
	margin:0;
	margin-bottom:16px;
	text-align:left;
}
.showroom-items-location{
	margin:0;
	margin-bottom:16px;
	text-align:left;
}
.showroom-item{
	margin-bottom:34px;
}
.showroom-item-title{
	margin:0;
}
.showroom-item-title a{
	text-decoration:none;
	color: #1F1C17;
}
.showroom-item-address_line_1{
	
}
.showroom-item-address_line_2{
	
}
.showroom-item-address_line_3{
	
}
.showroom-item-address_line_4{
	
}
.showroom-item-phone{
	
}
.showroom-item-phone a{
	text-decoration:none;
	color: #1F1C17;
}
.showroom-item-phone_2{
	
}
.showroom-item-phone_2 a{
	text-decoration:none;
	color: #1F1C17;
}
.showroom-item-fax{
	
}
.showroom-item-email{
	
}
.showroom-item-email a{
	text-decoration:none;
	color: #1F1C17;
}
.showroom-item-url{
	
}
.showroom-item-url a{
	text-decoration:none;
	color: #1F1C17;
}
.showroom-item-mapAddr{
	
}
.showroom-item-mapAddr a{
	text-decoration:none;
	color: #1F1C17;
}
@media (max-width:1146px){
	body.page-id-41 .margin-lr-10p{
		margin-left: 15px;
		margin-right: 15px;
	}
}
@media (max-width:986px){
	.showroom-area {
		columns: 2;
	}
}
@media (max-width:600px){
	.showroom-area {
		columns: 1;
	}
}

.clientele-image-row img{
	width: 50%;
}
.ewd-ufaq-faq-list
{
	margin-left: calc(10% - 15px);
    margin-right: calc(10% - 15px);
}
.ewd-ufaq-faq-toggle a.ewd-ufaq-post-margin
{
	color: #1F1C17;
}
.ewd-ufaq-faq-toggle a.ewd-ufaq-post-margin:hover
{
    color: #D5D10E;
}
.ewd-ufaq-faq-category-title  h3{
	text-align: left;
}

ul.products li.product-category h2.woocommerce-loop-category__title{display: none;}
ul.products li.product-category h2.woocommerce-loop-category__title.with-info-icon{display: block;}
.info-icon {
    background-image: url(https://brimar25.cmdev.io/wp-content/uploads/2025/06/info-icon_light_black.png);
    background-position: right bottom;
	background-repeat: no-repeat;
    background-size: 15px auto;
    display: inline-block;
    height: 20px;
    width: 20px;
}
.collection-feature ul {
    padding: 10px !important;
	padding-top: 0px !important;
    margin: 0 !important;
    min-width: 150px;
	list-style: none;
}
.collection-feature {
    opacity: 0;
    visibility: hidden;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #a4a4a4;
    box-shadow: 0 1px 2px rgba(50, 50, 50, 0.12);
    box-sizing: border-box;
    position: absolute;
	right: -15px;/* was -5 */
    top: 95%; /* was 91% */
    z-index: 999;
    border-radius: 10px;
	font-size: 14px;
	text-align: left;
}
ul.products li.product-category h2.woocommerce-loop-category__title.with-info-icon:hover .collection-feature {
    opacity: 1;
    visibility: visible;
}
.collection-feature-title
{
	width:100%;
	text-align:center;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 6px;
}

.archive.tax-product_cat .related-product-preview,
body.single-product section.related.products .related-product-preview,
.added_to_cart.wc-forward,
body.archive .woocommerce-ordering,
body.archive.tax-product_cat .login-for-price,
body.woocommerce-shop  .login-for-price,
body.single-product .related.products .login-for-price,
body.search-results .login-for-price,
body.search-results .related-product-preview
{
	display: none;
}

.product-list-columns.has-filter .sort-filter
{
	margin-left: 0px;
	display:none;
}

/*.related-products-top h2{visibility: hidden;}*/
.product .onsale, .wc-block-components-sale-badge, .comments-link {display: none !important;}

a.woocommerce-loop-product__link .product-loop-title
{
	font-weight: normal !important;
	font-size: 14px !important;
}

body.archive .product-list-columns .login-for-price{
    width: 100%;
    text-align: center;
    /*display: inline-block;*/
}
body.archive .product-list-columns .list-product-img
{
	display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    /* max-height: 220px; */
    min-height: 220px !important;	
}
.related.products ul li .list-product-img
{
	display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 220px !important;
	margin-bottom: 21px;
}
.request-lead-time-popup
{
	color: #1F1C17;
	font-weight: normal;
}
.request-lead-time-product-info
{
	width: 100%;
	display: table;
	border-collapse: collapse;
	border-top: solid 1px #1F1C17;
	border-bottom: solid 1px #1F1C17;
	padding: 20px 0px;
}
.request-lead-time-product-info-row{
	display: table-row;
}
.request-lead-time-product-info-row-head{
	font-weight: bold;
	border-bottom: solid 1px #1F1C17;
	margin-bottom: 20px;
}
.request-lead-time-product-info .request-lead-time-product-field
{
	margin: 0px 10%;
	display: table-cell;
	padding: 20px 0px;
	text-align: center;
	vertical-align: middle;
}
.request-lead-time-product-info .product-thumbnail
{
	max-width: 50px;
	margin: 0px 5%;
}
.request-lead-time-product-info .product-sku
{
	
}
.request-lead-time-product-info .product-desc
{
	margin: 0px 5%;
}
.request-lead-time-product-info .product-quantity
{
	
}
.custom-cart .request-lead-time-product-info .product-quantity .quantity.buttons_added
{
	margin: 0px auto;
}
#field_4_10{
	display: none;
}
body.single-product .related.products {
    padding-top: 50px;
}
.product-single-main-col{
	margin-bottom:100px;
}
.product-single-main-col-top .related-product-preview-img {
    max-width: 100px!important;
    min-width: 80px!important;
	display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.login-for-price a,
.login-for-price a:visited,
.login-for-price a:active,
.login-for-price a:hover,
.sample-section-link a,
.sample-section-link a:visited,
.sample-section-link a:active,
.sample-section-link a:hover,
.relevanssi-live-search-result a,
.relevanssi-live-search-result a:visited,
.relevanssi-live-search-result a:active,
.relevanssi-live-search-result a:hover
{
	color: #1F1C17;
}
.sampling-section-product-image,
.sample-section-link
{
	width: 30%;
	text-align: center;
}
.sampling-section-product-image.nails
{
	min-width: 150px;
}

.relevanssi-live-search-result
{
	
}
.relevanssi-live-search-result img
{
	max-width: 50%;
}
.relevanssi-live-search-result a
{
	text-align: center;
}
.relevanssi-live-search-result a .relevanssi-live-search-result-link-text
{
    display: block;
    text-align: center;
}

body.search-results
{

}
body.search-results .collection-single-top-content-col,
body.search-results .woocommerce-products-header
{
	display: none;
}
body.search-results #search-form-search-results
{
	margin-top: 51px;
	margin-bottom: 51px;
}
body.search-results article
{

}
body.search-results .list-product-img/*body.search-results .product-list-columns .list-product-img*/ {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    /* max-height: 220px; */
    min-height: 220px !important;
}
a.search-results-link {
	display: block;
    text-decoration: none;
    text-align: center;
    color: #1F1C17;
    font-family: 'Karla';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}

.product-single-origin-label,
.product-single-origin-value,
.product-single-origin-label,
.product-single-origin-value
{
	display: inline-block;
	width: 25%;
	max-width: 200px;
	vertical-align: top;
}
.product-single-origin-value p{
	margin: 0px;
}
.product-single-origin-value{width: 50%;}

#search-form-search-results{
	margin-top: 40px;
	margin-bottom: 40px;
	display: block;
    margin: 0px auto;
}
#search-form-search-results input[type=text]
{
	padding: 15px 40px;
	height: auto;
	width: auto;
}
#search-form-search-results input[type=submit]
{
	margin-left: 40px;
}

.page-id-142 .vc_gitem-post-data-source-post_title h4{display:none;}

.related-product-preview-more a {
	text-decoration: none;
}

.wcf-filter.colors div[data-baseweb=flex-grid-item]{
	width: 45% !important;
}
/*.wcf-color-swatch*/
.wcf-filter.wcf-filter-colors .rt-Grid{
	grid-template-columns: 1fr 1fr !important;
}

.wcf-dd {
    margin-right: 0px !important;
}

body.parent-pageid-47 h1,
body.page-id-53 h1,
body.page-id-45 h1
{
	font-size: 3em;
	/*font-weight: normal;*/
}
body.parent-pageid-47 h2,
body.page-id-53 h2,
body.page-id-45 h2
{
	/*font-weight: normal;*/
}
body.parent-pageid-47 h3,
body.page-id-53 h3,
body.page-id-45 h3
{
	font-size: 22px;
	/*font-weight: normal;*/
}
body.parent-pageid-47 h4,
body.page-id-53 h4,
body.page-id-45 h4
{
	/*font-weight: normal;*/
    font-size: 18px;
}

.contact-us-contact-info-section h4:first
{
	margin-top
}

body.single-product .related.products ul.products {
    justify-content: left !important;
    margin-left: 5% !important;
}

.product-single-top-info-label,
.product-single-top-info-value{
	display: inline-block;
    width: 25%;
	max-width: 200px;
	vertical-align: top;
}
.product-single-top-info-value{
	width: 50%;
}
.product-single-stock-lead-time {
     display: block !important;
}
body.page-id-33 .testimonials-row h6
{
	text-align: left;
    width: 60%;
    margin: 0px auto;
	text-transform: none;
}
body.page-id-33 .testimonials-row p
{
	width: 60%;
	margin: 0px auto !important;
}
.vc_custom_1755703212222,
.vc_custom_1755703152205{
    background-repeat: no-repeat;
    background-size: contain;
}
.logo-collage{
	
}
@media (max-width:1525px){
	.logo-collage .vc_col-sm-2
	{
		width: 25% !important;
	}
}
@media (max-width:1050px){
	.logo-collage .vc_col-sm-2
	{
		width: 33% !important;
	}
}
.logo-collage img
{
	max-width: 200px !important;
}

.logo-collage .wpb_single_image img
{
	vertical-align: middle !important;
}

.woocommerce-form-login,
body.page-id-528 .entry-content
{
	width: 50%;
}
.woocommerce-form-login span.required,
.woocommerce-form-login label
{
	display: none !important;
}

.calligraffitti
{
	font-family: "calligraffittiregular";
	color: #404040;
}
.calligraffitti-header
{
    font-weight: 300;
    line-height: 30px;
    font-size: 35px;
}
.vc_figure-caption{
	width: 60%;
	margin: 0px auto;
}
.row-bottom-border-separator
{
	border-bottom: solid 1px #1F1C17;
}
.brimar-column-with-bordered-images img
{
	border: solid 1px #1F1C17;
}
.related.products ul.products li.product img {
    max-height: 200px;
    margin: 0px auto;
}
body.single-product img.wp-post-image 
{
	max-height: 400px;
    width: auto;
}

body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image
{
	text-align: center;
}

td.product-remove ul.links
{
	list-style: none;
}
.table td.product-remove
{
	vertical-align: bottom;
	text-align: center !important;
}
.table td.product-remove img
{
	width: 24px;
}
td.product-remove ul.links li a
{
	padding: 7px;
    border: solid 1px #000;
}
@media (max-width:1590px)
{
	.collection-single-top-content-col{
		width: 100% !important;
	}
}
@media (max-width:1250px)
{
	.collection-single-top{
		display:block !important;
	}
}
a.woocommerce-loop-product__link{
	font-size: 14px !important;
}
.product-single-finish, .product-single-color-name {
    margin-bottom: 15px!important;
}
.relevanssi-live-search-results.relevanssi-live-search-results-showing
{
	top: 60px!important;
}

/* HARDWARE BUILDER*/
.hardware-builder-category-container,
.hardware-builder-finish-container,
.hardware-builder-finials-container,
.hardware-builder-poles-container,
.hardware-builder-poles-splice-connector-container,
.hardware-builder-poles-accessories-container,
.hardware-builder-custom-bending-container,
.hardware-builder-motorization-container,
.hardware-builder-motorization-remotes-container,
.hardware-builder-drapery-style-container,
.hardware-builder-rings-container,
.hardware-builder-brackets-container,
.hardware-builder-batons-container,
.hardware-builder-tiebacks-container  
{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
.hardware-builder-category,
.hardware-builder-finish,
.hardware-builder-product
{
}

.product-accordion-item .hardware-builder-step-item,
.product-accordion-item .hardware-builder-finish-item,
.product-accordion-item .hardware-builder-category
{
	max-width: 150px;
	flex-basis: calc(100% / 6);
	flex-grow: 0;
}
.product-accordion-item .hardware-builder-finish-container .hardware-builder-finish-item
{
	max-width: 75px;
}

.add-to-cart-quote-button-container,
.selected-collection,
.users-product-selections-container
{
	padding: 21px;
}
.add-to-cart-quote-button-container
{
	text-align:center;
}

.hardware-builder-total
{
	margin-top 51px;
	margin-bottom:31px;
}

.hardware-builder-finish-container .active-effect-area
{
    aspect-ratio: 1;
    width: 100%;
	margin: 0px auto;
}

.hardware-builder-step-item .selection-area
{
	
}
.hardware-builder-step-item .active-effect-area
{
	min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: left;
}
.hardware-builder-step-item img
{
	max-height: 150px;
}
.hardware-builder-category.active .active-effect-area{
	border: 2px solid #d5d10e;
}
.hardware-builder-finish-item.active .active-effect-area{
	border: 2px solid #d5d10e;
}
.hardware-builder-step-item.active .active-effect-area{
	border: 2px solid #d5d10e;
}
/*.hardware-builder-category.active .active-effect-area::before,
.hardware-builder-step-item.active .active-effect-area::before*/
.hardware-builder-category.active img::before,
.hardware-builder-step-item.active img::before{
  position: absolute;
  content: '';
  background-image: url('https://brimar25.cmdev.io/wp-content/themes/brimar/img/brimar_hwbuild_check_button.png');
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.users-product-selections label{
	font-weight:700;
}
.selected-collection-title{
	text-align:left;
}
.selected-collection-desc{
	margin-bottom:20px;
}
.selected-collection-thumb
{
	max-width: 75%;
    margin: 0px auto;
    display: block;
    border: 0.5px solid #D1CAC0;
	margin-top: 21px;
    margin-bottom: 21px;
}
.users-product-selections-container{
	margin-top:20px;
}
.hardware-builder-total
{
	margin-top: 11px;
}
.hb-qty-input{
	width: 65px;
    height: 52px;
    border: 1px solid #000000;
    color: #000;
    border-radius: 0;
    padding: 8px;
}

.hb-qty {
    border-radius: 4px;
    box-sizing: content-box;
    display: flex;
    margin: 0 0 .25em;
    position: relative;
    width: 107px;
}
.hb-qty input[type="button"] {
    background: none transparent;
    border: 0;
    box-shadow: none;
    color: currentColor;
    cursor: pointer;
    font-size: .9em;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    min-width: 30px;
    opacity: .6;
    padding: 0;
    text-align: center;
    text-decoration: none;
}
.hb-qty input[type="button"].minus {
    border-radius: 4px 0 0 4px;
    order: 1;
}
.hb-qty input[type="button"].plus {
    border-radius: 0 4px 4px 0;
    order: 3;
}
.hb-qty .input-text.qty.text {
    -moz-appearance: textfield;
    appearance: textfield;
    background: transparent;
    border: 0;
    box-shadow: none;
    color: currentColor;
    flex: 1 1 auto;
    font-size: 1em;
    font-weight: 600;
    line-height: 1;
    margin: 0;
    min-width: 40px;
    order: 2;
    padding: .4em 0;
    text-align: center;
    vertical-align: middle;
	width: auto;
    height: auto;
	border-radius: 0;
}
.hb-qty .input-text.qty.text::-webkit-outer-spin-button,
.hb-qty .input-text.qty.text::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.hb-qty:after {
    border: 1px solid hsla(0, 0%, 7%, .11);
    border-radius: 4px;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}
.hb-qty{
	display:none;
}
.hardware-builder-step-item.active .hb-qty{
	display:flex;
}

.hb.single_add_to_quote_button:disabled,
.hb.single_add_to_quote_button[disabled],
.hb.single_add_to_cart_button:disabled,
.hb.single_add_to_cart_button[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}
.hardware-builder-extra-info{
	margin-top: 11px;
}
.hardware-builder-extra-info label{
	width:50%;
	display:inline-block;
}
.hardware-builder-extra-info .current-build-name
{
	width: 100%;
}
.hardware-builder-file-upload{
	margin-top: 11px;
}
.hardware-builder-file-upload label{
	width:50%;
	display:inline-block;
}
.hardware-builder-file-upload a{
	text-decoration: none;
	color:blue;
}
.hardware-builder-file-upload a.fileUploadRemove{
	color:red;
}
.uploadStatusMessage{
	margin-left: 50%;
	padding-left:4px;
}
.hb-item-cut{
	display:none;
}
.hb-item-cut-input label{
	padding-left:5px;
}
.hb-item-cut-input input{
	
}
.hb-cut-area{
	margin-top:20px;
}
.hb-cut-title{
	font-weight:700;
}
.hb-cut-table{
	width:auto;
	border:1px solid #ccc;
	border-collapse:collapse;
}
.hb-cut-table th,
.hb-cut-table td{
	text-align:left;
	border:1px solid #ccc;
	padding:5px;
}
.hb-cut-table tbody tr:nth-child(odd) {
	background-color:#f3f3f3;
}
.hb-cut-table select{
	height:32px;
}
.hb-select-cuts-msg{
	 display:none;
	 color:red;
 }
.hb-add-to-cart-msg{
	 text-align:center;
	 color:red;
 }
.hardware-builder-section[data-cut=true] .hardware-builder-step-item.active .hb-select-cuts-msg{
	display:block;
}
.hardware-builder-section[data-cut=true] .hardware-builder-step-item.active[data-cut=false] .hb-select-cuts-msg{
	display:none;
}

.hb-with-info-icon{
	position:relative;
}
.hb-item-cut-mitre-msg{
	 font-decoration:italic;
	 color:red;
}
.hb-with-info-icon-msg{
    opacity: 0;
    visibility: hidden;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #a4a4a4;
    box-shadow: 0 1px 2px rgba(50, 50, 50, 0.12);
    box-sizing: border-box;
    position: absolute;
    top: 95%;
    z-index: 999;
    border-radius: 10px;
    font-size: 14px;
    text-align: left;
	padding:20px;
}
.hb-with-info-icon:hover .hb-with-info-icon-msg {
    opacity: 1;
    visibility: visible;
}
.hardware-builder-category img{
	 opacity: 0.25;
}
.hardware-builder-category.active img{
	 opacity: 1;
}
.hb-step-skip{
	margin-bottom:20px;
}
.hardware-builder-step-item .hb-with-info-icon-msg{
	width: 300px;
	left: -150px;
	top: -175px;
}
.hb-apd-title{
	font-weight:700;
	text-decoration:underline;
}
.hb-apd-item-lbl{
	display:inline-block;
	font-weight:700;
	width:100px;
}
.hb-apd-item-value{
	display:inline-block;
}
.hb-product-accordion-area{
	padding: 21px;
}



.hb-item-mo-input label{
	padding-left:5px;
}
.hb-item-mo-input input{
	
}
.hb-mo-area{
	margin-top:20px;
}
.hb-mo-title{
	font-weight:700;
}
.hb-mo-table{
	width:auto;
	border:1px solid #ccc;
	border-collapse:collapse;
}
.hb-mo-table th,
.hb-mo-table td{
	text-align:left;
	border:1px solid #ccc;
	padding:5px;
}
.hb-mo-table tbody tr:nth-child(odd) {
	background-color:#f3f3f3;
}
.hb-mo-table select{
	height:32px;
}
.hb-select-mo-msg{
	 display:none;
	 color:red;
}
.hardware-builder-section[data-mo=true] .hardware-builder-step-item.active .hb-select-mo-msg{
	display:block;
}
.hp-added-to-cart{
	color:green;
}
.product-accordion-item-sub-title{
	font-family: 'Karla';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #1F1C17;
	margin-top:50px;
	margin-bottom:26px;
}
.drapery-style-selector{
	width:100%;
}
#hardware-build-drapery-style .hardware-builder-step-item,
#hardware-build-drapery-style .no-products{
	display:none;
}
#hardware-build-drapery-style[data-type=ripplefold] .hardware-builder-step-item[data-type=ripplefold],
#hardware-build-drapery-style[data-type=ripplefold] .no-products[data-type=ripplefold]{
	display:block;
}
#hardware-build-drapery-style[data-type=pinch-pleat] .hardware-builder-step-item[data-type=pinch-pleat],
#hardware-build-drapery-style[data-type=pinch-pleat] .no-products[data-type=pinch-pleat]{
	display:block;
}
.quote-hb-title{
	text-decoration:underline;
	font-weight:700;
}
.quote-hb-label{
	font-weight:700;
}
.quote-hb-edit{
	color:blue;
	cursor:pointer;
}
.hp-quote-updated{
	color:green;
}
.hardware-builder-finish-container a{
	text-decoration:none;
}
.selection-complete-msg{
	color:#d5d10e;
}
.hb-unit-for-price{
	padding-left:4px;
}
.archive-product-style{
	text-align:left;
	margin-left: calc(5% - 15px);
}
.woocommerce-info, .woocommerce-noreviews, p.no-comments
{
	background-color: transparent !important;
}
body.tax-product_cat #wcf-results .wcf-total-results
{
	display: none !important;
}
body.single-product .product-single-top-info-wrapper
{
	margin-top: 21px;
}
body.single-product .product-single-top-info-value a
{
	display: block;
}
.wcf-checkbox-item:has(input[value="61"]), /*Outlet*/
.wcf-checkbox-item:has(input[value="123"]), /*Outlet*/
.wcf-checkbox-item:has(input[value="64"])  /*New Arrivals*/
{
    display: none;
}