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

.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: #000000;
}

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

.gui a {
  color: #9280ff;
}

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

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

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

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

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

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

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

.gui-block-option {
  border-color: #f6f7f9;
  background-color: #fcfcfd;
}

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

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

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

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

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

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

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

.gui-table thead tr th {
  border-color: #e5e9ed;
  background-color: #fcfcfd;
}

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

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

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

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

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

.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: #000000;
}

.gui-progressbar {
  background-color: #9280ff;
}

/* custom */
/* 
Global
*/ 

p {
    font-family: 'PT Serif', serif;
    letter-spacing: 0;
    line-height: 1.8em;
    margin: 0 0 15px 0;
    font-size: 17px;
}

.product-info .product-price .btn:hover::before {
    top: 14px;
}

.justify-content-center {
    justify-content: center;
}

/* Button Styles */
.product-info .product-price .btn, .btn {
  	height: auto;
  	line-height: 1.5rem;
  	padding: .75rem 1.25rem;
  	border-radius: .25rem;
  	box-shadow: 0 5px 25px 1px rgba(146, 128, 255, .8);
    font-size: 1rem;
  	letter-spacing: .1rem;
    font-weight: 600;
    transition: all .3s;
}

.gui a.gui-button-small:hover, .gui a.gui-button-large:hover {
  	background-color: #7566ce;
   	border-color: #7566ce;
}


/* checkout table buttons */
.gui a.gui-button-small, .gui a.gui-button-large {
  	border-radius: .25rem !important;
  	box-shadow: 0 5px 25px 1px rgba(146, 128, 255, .8);
  	letter-spacing: .1rem;
    font-weight: 600;
    text-transform: uppercase;
    transition: all .3s;
}
  

.product-img .zoombox .images {
  	box-shadow: 0 4px 16px rgba(0,0,0,.4);
    transition: box-shadow .2s;
}

.product-img .zoombox .images:hover {
    box-shadow: 0 5px 25px 1px rgba(146, 128, 255, .8);
}

.product-img .zoombox .images .product-btn {
  	position: absolute;
    display: block;
  	height: 150px;
    width: 100%;
  	bottom: 0;
}
/* 
Navigation 
*/

.noScroll {
  position: fixed;
}

.vertical.logo, .logo {
  	width: 150px;
}

.topnav {
  	border-bottom: none;
    background-color: #E9E9E9;
  	padding: 10px 20px;
}

.topnav a {
    transition: all .3s;
}

.topnav a:hover {
  opacity: 1;
  color: #9280FF;
}

nav form input[type="text"], input[type="text"] {
  	border-radius: .25rem;
    transition: all .5s;
}

nav form input[type="text"]:focus, nav form input[type="text"]:active {
    box-shadow: 0 3px 18px 1px rgba(146, 128, 255, .8);
}

 nav.desktop .item .itemLink {
   	color: rgba(0,0,0,.5);
   	font-family: 'Roboto';
   	text-transform: uppercase;
  	letter-spacing: .05rem;
   font-size: 18px;
}

nav.desktop .item {
  	margin-right: 10px;
}

nav.desktop .item .hover {
    border: none;
}

nav.desktop .item .itemLink:hover {
  	color: rgba(0,0,0,.7);
  	text-decoration: none;
}

.navigation {
    padding: 0;
}

nav.desktop ul {
  	float: left;
}

.logo img {
    width: 150px;
    height: auto;
    margin-right: 20px;
}

/* 
Categories (Home Page) 
*/ 

.categories .category {
  	background: transparent;
		padding-right: 7.5px;
  	padding-left: 7.5px;
  	border: none;
  	border-radius: 10px;
}

.categories .category img {
  	border-radius: 10px;
  	transition: all .2s;
}

.categories .category:hover img {
  	opacity: .7;
}

.categories .category span.title {
  	font-family: "Roboto";
    font-weight: bold;
    letter-spacing: .1rem;
    box-shadow: none;
    font-size: 18px;
    color: #545460;
}

.categories .category span {
    background-color: transparent;
}

.categories .category div {
  padding: 0;
  position: relative;
  margin: 40px 0 15px 0; 
}
/* 
A Product 
*/
.product-info .product-price {
  padding-bottom: 0;
}
.product-info .product-price, .product-tabs {
  	border-top: none;
}

.product-info .product-price .cart input {
  	height: 49px;
  	width: 60px;
  	font-size: 18px;
    border: none;
  	border-radius: .25rem 0 0 .25rem;
}

.product-info .product-price .cart .change {
  height: 49px;
  width: 45px;
  border: none;
  margin-bottom: 15px;
  border-radius: 0 .25rem .25rem 0;
}

.product-info .product-price .cart .change a {
  	font-size: 18px;
  	height: 24.5px;
  	width: 45px;
  	line-height: 24.5px;
}

.product-info .product-price .cart .change a:hover {
    background-color: #7566ce;
    border-radius: 0 .25rem .25rem 0;
}

.product-info .product-price .price {
  	font-weight: 500;
}

.product-actions {
		border-bottom: none;
}

.zoombox .images {
  border: none;
  margin: 0 auto;
}

/* All Products in Category */

 .products .product .info {
  	box-shadow: 0 1px 10px rgba(0,0,0,.1);
}

.products .product .image-wrap {
    height: 210px;
    width: auto;
    overflow: hidden;
    border-radius: .25rem .25rem 0 0;
}

.products .product .image-wrap img {
    min-height: 218px;
    min-width: 218px;
  	height: auto;
    width: 105%;
    border: none;
    top: -3px;
    left: 50%;
  	transform: translateX(-50%);
}

.products .product .info {
  	border-radius: 0 0 .25rem .25rem;
    background-color: rgba(0,0,0,.15);
    border: none;
}

.products .product .image-wrap .cart {
    width: 100%;
    border: none;
    background-color: #ffffff;
    color: #2e2e49;
    font-size: .9rem;
    letter-spacing: .1rem;
    font-weight: 600;
    padding: .75rem .5rem;
    border-radius: .25rem;
    transition: all .5s;
}

.products .product .image-wrap .cart:hover {
    box-shadow: 0 5px 25px 1px rgba(240, 240, 240, .8);
}

.products .product .image-wrap .description .text {
    font-size: 1rem;
}

.pager ul {
  border-radius: .4rem;
}

.pager ul .number a, .pager ul .active a {
  transition: all .3s;
}

.pager ul .number a:hover, .pager ul .enabled a:hover span {
  opacity: .3;
}

.pager ul li.active a {
  color: #ffffff;
}

.right-small {
  display:none;
}

.info .left {
  line-height: auto;
}

.title-featured {
  margin-left: 15px;
}

/*
Terms and Conditions
*/

.tc {
  margin-top: 40px;
}

.tc p:last-child {
  margin-bottom:40px;
}

/* 
Account Settings 
*/

.gui-block {
  border: none;
  background-color: rgba(0,0,0,.08);
  border-radius: .25rem !important;
}

.gui-block-title {
  border-radius: .25rem .25rem 0 0 !important;
  background-color: #ffffff;
  border-bottom: none;
}

.gui-block-title strong {
  text-transform: uppercase;
  letter-spacing: .1rem;
}

.gui-account-links .gui-block-content {
  padding: 0 15px;
}

.gui-block-linklist li a:hover {
  color: rgba(0,0,0,.5);
}

.gui-block-linklist li {
  border-color: rgba(255,255,255,.3);
}

.gui-table, .gui-block-content .gui-table, .gui-table thead tr th {
  border-color: #ffffff;
}

.gui-table {
  border-radius: .25rem !important;
  background-color: rgba(255,255,255,.5);
}

#gui-form > div > div.gui-block > div.gui-block-content > div.gui-form > div.gui-form > div.gui-col2-equal > div.gui-col2-equal-col1 > div {
  display: none;
}

p.cart_variant {
  display: none;
}

/* 
Status Messages 
*/

.gui-messages ul, .messages ul {
  border: none;
  background: rgba(0,0,0, .08);
}

.gui-messages ul.gui-success {
  background-color: #9280ff;
  color: #ffffff;
}

/* 
Footer 
*/

footer .container .links strong {
  font-size: 16px;
}

@media (min-width: 992px) {
  .navigation {
    padding: 20px 20px;
  }
}

@media (min-width: 767px) and (max-width: 992px) {
  .navigation {
    padding: 20px;
  }
}

@media (max-width: 767px) {
  /* Navigation */
  .navigation .logo {
    width: auto;
    text-align: right;
  }
  
  /* A Product */
  .tabsPages .page {
    max-height: none !important;
  }
  .zoombox .images {
    max-width: 80%;
    max-height: 500px;
    overflow: hidden;
  }
  
}

@media (max-width: 991px) {
  /* All Products */
  .right-small {
    display: block;
    width: 100%;
    text-align: right;
    margin-top: 15px;
/*     background-color: rgba(0,0,0,.1); */
  }
  .info .left {
    line-height: 30px;
    margin-top: 15px;
  }
}

@media (max-width: 475px) {
    .right-small {
        text-align: center;
      	display: inline-block;
        margin-top: 5px;
    }
  	.right-small .btn {
      	width: 100%;
    }
}

@media (min-width: 767px) {
    .categories .category div {
        margin: 0 0 15px 0; 
  }
}

/* Hack for the products display page */
@media (min-width: 480px) and (max-width: 767px) {
  .products .product .image-wrap {
    max-height: 325px;
    height: auto;
  }
}