/* last modified:10/22/24 - removed hyphens from CSS *custom property names* and replaced with underscore or nothing */
/* ----- START CSS custom properties / theme variables for colors, etc. NOTE: potentially overridden in css_custom.css for an eStore (via Dashboard settings) ----- */
/* Reference: D.'s logo yellow; #40bfc1=teal, #ffd700 = star yellow */
/* START custom properties: root, and common to all themes: default, light and dark */
:root, .default-theme, .dark-theme, .dark, .light-theme, .light {
  /* brand colors */
  --color_primary:#2F9198; /* headings, links, button backgrounds, menu-related, etc. */
  --color_primary_shade:#0b2123; /* 30% dark */
  --color_primary_tint:#86d4da; /* 30% brighter */
  --color_primary_hover:#35a2a9;
  --color_primary_contrast:#fff; /* neutral color with high contrast to primary. for button text colors, etc. */
  --color_primary_hover_contrast:#fff; /* neutral color with high contrast to primary_hover. for button text colors, etc. */
  /* Not used by this theme (yet):
    --color_secondary:;
    --color_secondary_hover:;
	--color_secondary_contrast:;
	--color_secondary_hover_contrast:;
  */
  /* main content area, default/light themes: */
  --contentarea_background_color:#fff;
  --text_color:#000;
  /* buttons: */
  --button_background_color:var(--color_primary,#2F9198);
  --button_background_color_hover:var(--color_primary_hover,#35a2a9);
  --button_text_color:var(--color_primary_contrast,#fff);
  --button_text_color_hover:var(--color_primary_hover_contrast,#fff);
  --button_border_color_hover:var(--color_primary,#2F9198);
  --button_border_color:var(--color_primary,#2F9198);
  --button_wishlist_icon_color: #ffd700;/* yellow */
  --button_cart_icon_color: #ffd700;/* yellow */
  /* font sizes: */
  --fs_base:16px;
  --fs_h1:1.45em;
  --fs_h2:1.35em;
  --fs_h3:1.25em;
  --fs_h4:1.15em;
  --fs_h5:1.05em;
  --fs_h6:1em;
  /* link styles */
  --link_color:var(--color_primary,#2F9198);
  --link_color_hover:var(--color_primary_hover,#35a2a9);
  /* footer */
  --footer_background_color:var(--contentarea_background_color,inherit);
  --footer_text_color:var(--text_color,inherit);
  --footer_link_color:var(--text_color,inherit);
  --footer_link_color_hover:var(--text_color,inherit);
  --footer_heading_color:var(--heading_color,inherit);
  /* menubar/navigation styles */
  --menubar_background_color:var(--contentarea_background_color,#fff);
  --menubar_link_color:var(--color_primary,#696969); /* #696969 dimgray (darker) ; gray #808080 */
  --menubar_background_color_hover:var(--color_primary,#40bfc1); /* teal ; #ffda00; */
  --menubar_link_color_hover:var(--color_primary_contrast,#fff); /* link/text color when hovered (typically white or black); background is defined above */
  /* misc styles */
  --header_background_color:inherit;
  /* widths */
  --inner_max_width:100%; /* or: 1280px; content width, as opposed to background color width. Default (unless overridden) for vars: --footer_inner_max_width, --header_inner_max_width, --contentarea_max_width, as applies to classes: .header-inner,.container,.content-area-inner,footer-inner */
  --footer_inner_width:100%; /* intentional; restrained by max width below. */
  --contentarea_max_width:var(--inner_max_width,100%);
  --footer_inner_max_width:var(--inner_max_width,100%);
  --header_inner_max_width:var(--inner_max_width,100%);
}
/* END custom properties: root, and common to all themes: default, light and dark */
.dark-theme, .dark {
  --contentarea_background_color:#000;
  --body_background_color:var(--contentarea_background_color,#000);
  --text_color:#fff;
  --heading_color:var(--color_primary,#efc374);
  --tr_odd_background_color:#000;
  --tr_even_background_color:#060606;
  --tr_odd_color:var(--text_color,#fff);
  --tr_even_color:var(--text_color,#fff);
  --window_deadline_color:#efc374;
}
.default-theme, .light-theme, .light {
  --contentarea_background_color:#fff;
  --body_background_color:var(--contentarea_background_color,#fff);
  --text_color:#000;
  --heading_color:var(--color_primary,#0E101B);
  --tr_odd_background_color:#fff;
  --tr_even_background_color:#fafafa;
  --tr_odd_color:var(--text_color,#000);
  --tr_even_color:var(--text_color,#000);
  --window_deadline_color:#db2f00;
}
/* ----- END CSS custom properties / theme variables for colors, etc. NOTE: potentially overridden in css_custom.css for an eStore (via Dashboard settings) ----- */

.dark-theme,.dark{color-scheme:dark;}.light-theme,.light{color-scheme:light;}/* for generic browser color defaults */
body.light-theme,body.light,body.default-theme {background-color:var(--body_background_color,#fff);color:var(--text_color,#000);}
body.dark-theme,body.dark {background-color:var(--body_background_color,#000);color:var(--text_color,#fff);}

/* START layout */
	html,body,.layout-boxed {overflow:visible;} /* quick hack to fix bug with custom scrollbars. TO DO: debug later */
		/* [role="switch"][aria-checked="true"] :first-child, [role="switch"][aria-checked="false"] :last-child {background:#2196f3;color:#fff;}
		.layout-boxed-bg {background: url(../../dashboard/global_assets/images/backgrounds/boxed_bg.png) repeat;} 
		.layout-boxed-bg #content-area {background-color:#fff; color:#000;} */
	.layout-boxed-bg {background: url(../../global_assets/images/theme_a_blackwoodbackground.jpg) repeat;}
	header {background-color:var(--header_background_color,inherit);}
	.header-inner{max-width:var(--header_inner_max_width,inherit);margin-left:auto;margin-right:auto;}
	.container,.content-area-inner{max-width:var(--contentarea_max_width,inherit);margin-left:auto;margin-right:auto;}
	#content-area {background-color:var(--contentarea_background_color,#000); color:var(--text_color,#fff);}
	/* START minimum height of page is viewport height; push footer to bottom of page on short content pages */
	body,#website-wrapper{min-height:100vh;display:flex;flex-direction:column;}
	footer,#footer-wrapper{margin-top: auto;}
	/* START minimum height of page is viewport height; push footer to bottom of page on short content pages */
/* END layout */
/* START footer styles */
	/* .layout-boxed-bg #footer-wrapper{margin:0 30px;padding:20px 20px;} */ /* to match content-area background color width */
	#footer-wrapper {padding-top:20px;border-top:1px solid #cccccc;text-align:center;width:100%;background-color:var(--footer_background_color,#fff);color:var(--footer_text_color,#000);}
	#footer-wrapper h1, #footer-wrapper h2, #footer-wrapper h3, #footer-wrapper h4, #footer-wrapper h5, #footer-wrapper h6 {color:var(--footer_heading_color,#000);}
	.footer-inner {margin-left:auto;margin-right:auto;padding-top:10px;padding-bottom:30px;width:var(--footer_inner_width,inherit);max-width:var(--footer_inner_max_width,inherit);}
	.footer-inner a {color:var(--footer_link_color,inherit);}
	.footer-inner a:hover {color:var(--footer_link_color_hover,inherit);}
/* END footer styles */
/* START buttons */
	.btn-primary, [class*=bg-].btn-primary {background-color:var(--button_background_color,#063b6c);border-color:var(--button_border_color,#063b6c);color:var(--button_text_color,#fff);}
	.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:hover {background-color:var(--button_background_color_hover,#063b6c);border-color:var(--button_border_color_hover,#2F9198);color:var(--button_text_color_hover,#fff);}
	.btn-wishlist,.btn-wishlist:active,.btn-wishlist:hover{background:transparent;color:var(--button_wishlist_icon_color,#ffd700);}/* gold star buttons for favorites. */
  	header .icon-cart {color:var(--button_cart_icon_color,#ffd700);} 
	.btn-outline-danger.btn-light {background-color:#f0f2f5;color:#ef5350;}
	.btn-outline-danger.btn-light:hover,.btn-outline-danger.btn-light:focus{background-color:#ef5350;border-color:#ec312d;color:#fff;}
	.btn-outline-danger.btn-light:active{background-color:#ec312d;border-color:#ec312d;color:#fff;}
	.cat-column .btn-wishlist, .prod-title .btn-wishlist {position:absolute;top:0px;right:0px;}
/* END buttons */
/* START headings and typography */
	body{font-size:var(--fs_base,16px);}
	.bold{font-weight:bold;}
	a{color:#1976d2;color:var(--link_color,#1976d2);}
	a.no-border:focus,a.img:focus{border-bottom:none;} /* theme adds border under links that are in focus. add class="no-border" or class="img" to suppress */
	a:hover{color:#1976d2;color:var(--link_color_hover,#1976d2);}
	h1,.h1{font-size:var(--fs_h1,1.45em);}
	h2,.h2{font-size:var(--fs_h2,1.35em);}
	h3,.h3{font-size:var(--fs_h3,1.25em);}
	h4,.h4{font-size:var(--fs_h4,1.15em);}
	h5,.h5{font-size:var(--fs_h5,1.05em);}
	h6,.h6{font-size:var(--fs_h6,1em);}
	h1,h2,h3,h4,h5,h6 {color:var(--heading_color,#efc374);}
/* END headings and typography */
/* ------ START estore-specific styles ------ */
	/* categories: */
	.cat-product-image {text-align:center;}
	.cat-column {text-align:center;margin-bottom:20px;}
	.cat-product-image img {margin: 5px auto 10px auto;}
	.cat-product-name {text-transform:uppercase; font-size:16px;}
	.cat-column {position:relative;}
	/* products, prices: */
	.prod-prices .tr-th {text-transform:uppercase;}
	.prod-prices tr td, .prod-prices tr th {text-align:center;}
	.prod-prices-upcharges {font-style: italic;text-align:center;}
  /* START tables, shopping cart and media Qs for cart */
	.tr-odd {background-color:var(--tr_odd_background_color,#fff);color:var(--tr_odd_color,#000);}
	.tr-even, .tr-th {background-color:var(--tr_even_background_color,#fafafa);color:var(--tr_even_color,#000);}
	@media only screen and (max-width: 40em) {
	   #table-cart thead th:not(:first-child) {display: none;}
	   #table-cart td, #table-cart th {display: block;}
	   #table-cart td[data-th]:before {content: attr(data-th); font-weight:500;}
	}
	#table-cart tr td {padding-top:10px;padding-bottom:10px;}
	#table-cart-totals tr td, #table-cart-summary tr td {padding-top:0px;padding-bottom:0px;}
  /* END tables, shopping cart and media Qs for cart */
  /* START discount window styling (wrapped in div w/ class="discount-window box-shadow" )*/
	/* .light .discount-window {background-color:#fff;} */
	.window-deadline {color:var(--window_deadline_color,#efc374);font-variant-caps:small-caps;font-size:24px;}
	.discount-window {padding:20px 20px;}
	.window-cta {font-size:25px;}
  /* END discount window styling */
/* ------ END estore-specific styles ------ */
/* START misc */
	.no-padding-right {padding-right:0;}
	.box-shadow {-webkit-box-shadow: 0px 4px 35px 0px rgb(147 147 147 / 16%); -moz-box-shadow: 0px 4px 35px 0px rgba(147,147,147,0.16); -o-box-shadow: 0px 4px 35px 0px rgba(147,147,147,0.16); box-shadow: 0px 4px 35px 0px rgb(147 147 147 / 16%);}
	.visually-hidden {display:none;}
/* END misc */
/* START sweet alert styling */
	#toast-container {position:absolute;top:0;right:0;max-width:400px;}
	.fm-swal-toast {position:absolute;}
/* END sweet alert styling */