/* 20210922230008 - v2 */
.gui,
.gui-block-linklist li a {
  color: #ffffff;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #ffffff;
}

.gui-block-inner strong {
  color: #ffffff;
}

.gui a {
  color: #ffffff;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #ffffff;
  box-shadow: 0 0 2px #ffffff;
}

.gui-select.gui-focus .gui-handle {
  border-color: #ffffff;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #736b5e;
}

.gui-block-title {
  color: #ffffff;
  background-color: #ffffff;
}

.gui-content-title {
  color: #ffffff;
}

.gui-form .gui-field .gui-description span {
  color: #ffffff;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #eae8e6;
  background-color: #f8f7f6;
}

.gui-block-option-block {
  border-color: #eae8e6;
}

.gui-block-title strong {
  color: #ffffff;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #c0bcb6;
}

.gui ul.gui-products li {
  border-color: #d5d2ce;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #d5d2ce;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #d5d2ce;
}

.gui-block-content .gui-table {
  border-color: #eae8e6;
}

.gui-table thead tr th {
  border-color: #c0bcb6;
  background-color: #f8f7f6;
}

.gui-table tbody tr td {
  border-color: #eae8e6;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #4c5355;
  color: #ffffff;
  background-color: #60686c;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #ffffff;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #4c5356;
  border-color: #3c4244;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #cccccc;
  border-color: #cccccc;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #ffffff;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #ffffff;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #ffffff;
}

.gui-progressbar {
  background-color: #76c61b;
}

/* custom */
label, legend, label span 
{

}

:root 
{
  --color-cream: #ece8df;
  --color-light-brown: #888177;
  --font-color-light: #fff;
  --font-color-mid: var(--color-light-brown);
	--font-color-dark: #111;
  --main-bg-color: var(--color-cream);
  --secondary-bg-color: var(--color-light-brown);
  --input-bg-color: #fff;
  --input-border-color: #332d1e;
  --input-text-color: #888177;
  --input-button-color: #414141;
  --font-cursive: "Dancing Script", cursive;
  --font-base: "Roboto", sans-serif;
}

body 
{
  background-color: var(--main-bg-color);
  background-size: contain;
  color: var(--font-color-dark);
  font-family: var(--font-base);
	font-size: 1rem !important;
}
p.dark
{
	color: #524e47;
}

#masthead
{
  position: relative;
  top: -136px;
	width: 100%;
  z-index: -5;
}

a.tag
{
	color: var(--font-color-dark);
}

a.tag:hover
{
	color: var(--font-color-mid);
}

h1, h2, h3, h4, h5, h6
{
	font-family: var(--font-base);
  font-weight: bold;
  text-transform: capitalize;
}

h1, .page-title h1
{
	font-family: var(--font-cursive);
	font-size: 3rem !important;
  color: var(--font-color-mid);
  margin: -3px 0 10px 0;
}

/* Top Navigation Area */
header .topnav
{
	background: var(--secondary-bg-color);
}

.topnav .container
{
	display: flex;
  align-items: center;
  justify-content: flex-end;
}

.topnav .container span
{
  margin: 0 15px;
}

.topnav, .topnav a 
{
	font-size: 0.75rem;
  text-decoration: none;
  border: none !important;
}

.topnav a:hover, .topnav a:active, .topnav a:focus, .topnav a:visited
{
	color: var(--font-color-light);
}


/* Main Navigation Area */
header, header .navigation
{
  border: none;
	background: transparent;
  margin-bottom: 5px;
}

header .navigation .vertical.logo
{
	height: 130px;
}

header ul li.item a
{
  
}

/* - Top Navigation: Active item */
nav.desktop .item.sub.hover .itemLink,
nav.desktop .subnav .subitem,
nav.desktop .subnav .subitemLink,
{

}

header nav.desktop .item .itemLink
{
  font-size: 1.25rem;
  padding: 0 15px 15px 15px;
  text-transform: capitalize;
  text-shadow: 0px 0px 3px #000;
}

a, a:visited, a:hover, a:focus, nav.desktop .item.active .itemLink, nav .glyphicon-remove, .sidebar .item .itemLink.active, .sidebar .item .itemLink.active:hover, .sidebar .item .subitemLink.active, .sidebar .item .subitemLink.active:hover, footer .social-media .symbol:hover, .products .product .image-wrap .cart, .sidebar .item .active, .sidebar .item .active:hover, .slider-prev:hover span, .slider-next:hover span, .hightlight-color 
{
  color: var(--font-color-mid);
}

nav.desktop .item.active .itemLink
{
	color: var(--font-color-light);
  text-decoration: underline;
}

header nav.desktop ul li a,
footer a.social-icon
.copyright-payment .payments a
{
	border-bottom: none;
}

header nav.desktop ul li a
{
	text-transform: capitalize;
}

/* Top Navigation: Sub-menu items */
nav.desktop ul.subnav
{
	background: var(--secondary-bg-color);
  padding: 10px 20px;
}

header div.navigation nav.desktop .subnav .subitemLink
{
	color: var(--font-color-light);
}

/* Search Field */
#formSearch {
  position: relative;
  width: 160px;
  float: right;
  margin-left: 10px;
}

#formSearch input {
  height: 24px;
  padding-left: 30px;
  margin-bottom: -1px;
}

#formSearch .search-btn {
  position: absolute;
  top: -2px;
  left: 5px;
  height: 20px;
  background: none;
  border: 0;
  color: var(--input-text-color);
  padding: 0px;
  font-size: 14px;
}

#formSearch .search-btn .glyphicon
{
	margin: 0 15px 0 0;
}

/* Content Area */
article
{
	width: 100%;
  background-color: var(--main-bg-color);
  color: var(--font-color-dark);
  margin-top: -130px;
}

/* Featured Categories (on homepage) */
#featured-categories > div
{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 40px 0;
}

#featured-categories .category
{
	margin: 0 10px;
}

#featured-categories .category div
{
  flex: 33%;
  color: var(--font-color-mid);
  border: 1.5px solid var(--font-color-mid);
  font-family: var(--font-cursive);
	font-size: clamp(12px, 2.8em, 36px);
  text-align: center;
  overflow-x: visible;
  margin-top: 30px;
	padding: 20px 5px;
}

.gui-page-title 
{
	font-family: 'Adamina', serif;
}

/* Forms, Fields, and Related */
.gui-page-title, .gui a.gui-bold, .gui-block-subtitle, .gui-table thead tr th, .gui ul.gui-products li .gui-products-title a, .gui-form label, .gui-block-title.gui-dark strong, .gui-block-title.gui-dark strong a, .gui-content-subtitle 
{
	font-size: 1.25rem;
}

.gui-input input, .gui-number input, .gui-text textarea, .gui-select .gui-value, .gui-input, .gui-text, .gui-select, .gui-number, .gui-select select 
{
	background-color: var(--input-bg-color);
  color: var(--input-border-color);
	min-height: 50px;
  font-size: 1.2rem;
}

.gui-form .gui-checkbox label, .gui-form .gui-radio label {
    line-height: 1.5rem;
}

.gui a.gui-button-large, .gui a.gui-button-small {
    border: none;
    color: #fff;
    background-color: var(--input-button-color);
}

.gui a.gui-button-small {
    padding: 1.2rem 2rem;
}

#gui-form .gui .gui-buttons
{
  font-size: 1.25rem;
  font-weight: bold;
	background-color: transparent;
}
/* Page Content */
/* .gui-overrides */
.gui,
#content,
#content .gui-blog-article header ul li,
#content .gui-blog-article-content,
#content .gui-form label span.gui-nostyle, 
#content .gui-block-linklist li a
#content .gui-blog-article h1 a,
#content .gui-block-linklist li a,
#content .gui-page-title
{
	color: var(--font-color-dark) !important;
}

/* Blog */
article.gui-blog-article .gui-blog-article-more a
{
  color: var(--color-light-brown);
  font-family: var(--font-cursive);
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.35);
  font-size: 1.25rem;
}

article.gui-blog-article .gui-blog-article-more a:hover
{
	border-bottom-color: var(--color-light-brown);
}

/* Used in forms and blog. */
#content .gui-block-title strong
{
	font-size: 1.35rem;
  color: var(--font-color-light);
}

.gui-block, .gui-block-title, .gui-buttons.gui-border, .gui-block-inner, .gui-image 
{
	background-color: var(--secondary-bg-color);
}

/* Blog: Recent Articles */
#content .gui-block-linklist li a
{
	font-size: 0.85rem;
}

/* Buttons & block links */
button, a.button
{
	background-color: var(--color-light-brown);
}

.gui-block, .gui-block-title, .gui-buttons.gui-border, .gui-block-inner, .gui-image
{
	border-color: var(--color-light-brown);
}

hr 
{
	color: var(--color-light-brown);
  width: 80%;
  margin: auto;
}

/* Collection / Shop */
body, .products .product .info .title, .product-info .product-price .cart .change button,
small, .breadcrumbs, .breadcrumbs a, .products .product .info .old-price, .sidebar, .sidebar .item .itemLink, .sidebar .item .subitemLink, .pager, .pager ul li a, .product-info .product-price .old-price, .product-actions .tags-actions, .product-actions .tags-actions .actions a, .tabs ul li a, .modes a, label, legend, label span, .tabsPages .page.reviews .bottom, .product-actions .tags-actions
{
	color: var(--font-color-dark);
}

.breadcrumbs a:hover, .sidebar .item .itemLink:hover, .sidebar .item .subitemLink:hover, .pager ul li a:hover, .product-actions .tags-actions .actions a:hover, .product-info .product-price .cart .change button:hover
{
	color: var(--font-color-mid);
  text-decoration: underline;
}


/* Footer */

footer hr {
    border-color: #676262;
    opacity: 0.95;
}

footer 
{
	background: var(--secondary-bg-color);
  position: relative;
  bottom: 0;
  width: 100%;
}