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

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

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

.gui a {
  color: #41b487;
}

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

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

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

.gui-block-title {
  color: #f0f0f0;
  background-color: #43b3e6;
}

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

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

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

.gui-block-option {
  border-color: #ededed;
  background-color: #f9f9f9;
}

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

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

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

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

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

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

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

.gui-table thead tr th {
  border-color: #cbcbcb;
  background-color: #f9f9f9;
}

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

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #8d8d8d;
  color: #ffffff;
  background-color: #b9b0d7;
}

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

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #948cac;
  border-color: #707070;
}

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

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

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

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

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

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

/* custom */
/*Aileen Tagalog - Lightspeed Support 1186121 Making the email link non-clickable on the footer 03-20-20 Start*/
.contact span.fa.fa-at {
    display: none;
}
.headerEmail i.fa.fa-paper-plane {
    display: none;
}
a[title="Email"]{
  pointer-events: none;
}
/*Aileen Tagalog - Lightspeed Support 1186121 Making the email link non-clickable on the footer 03-20-20 End*/

/* BEGIN Jeffrey Brignas |  02/16/19 To remove the brands filter from the sidebar */

#filter_form > div.sortbyFilterWrap.sidebarContentWrap{
  display: none;
}
/* END Jeffrey Brignas |  02/16/19*/

#gui-form > div > div > div.gui-block-content > div.gui-form > div.gui-form > div.gui-col2-equal > div.gui-col2-equal-col1 > div > label{
  visibility: hidden;
}
/* BEGIN Jeffrey Brignas |  04/05/19 To change the comment title box  */
#gui-form > div > div > div.gui-block-content > div.gui-form > div.gui-form > div.gui-col2-equal > div.gui-col2-equal-col1 > div > div::before {
  content: "Comment/Purchase Order Number:";
}
/* END Jeffrey Brignas |  04/05/19*/

div.productOptionWrap.sku {
  display: none !important;
}
div.productOptionWrap.articlecode {
  display: none !important;
}

.textpage.page-title{
	background-color: #fefefe;
  border: #dddddd 2px solid;
  border-radius: 25px;
  margin: 16px auto;
  width: max-content;
  max-width: 75%;
  padding: 0px 10px;
}

h3.section-title{
  background-color: #fefefe;
  border: var(--primary-border-color) 2px solid;
  border-radius: 25px;
  width: min-content;
  min-width: 33%;
  font-size: 2em;
  
}

section.hero{
  filter: drop-shadow(0px var(--shadow-depth) 0px var(--shadow-color));
}

@property --angle{
  inherits: false;
  initial-value: 0deg;
  syntax: '<angle>';
}

.product.col-xs-6.col-sm-4.col-md-4:hover{
  background: linear-gradient(var(--primary-background-color), var(--primary-background-color)) padding-box, linear-gradient(var(--angle), var(--brainyzoo-blue), var(--brainyzoo-green), var(--brainyzoo-purple)) border-box;
  animation-play-state: running;
}

@media (max-width: 767px){
    .product.col-xs-6.col-sm-4.col-md-4:hover{
    background: var(--primary-background-color);
    animation-play-state: none;
    border: 2px solid var(--primary-border-color);
  }
}

@keyframes rotation{
  to {--angle: 360deg}
}

div.product.col-xs-6.col-sm-4.col-md-4{
  border-radius: var(--primary-border-radius);
  overflow: hidden;
  background-color: var(--primary-background-color);
  background-image: linear-gradient(var(--primary-background-color), var(--primary-background-color)) padding-box, linear-gradient(var(--primary-border-color), var(--primary-border-color)) border-box;
	margin-left: calc(7%/6);
  margin-right: calc(7%/6);
  padding-top: 10px;
  width: 31%;
  border: solid 2px transparent;
  animation: rotation 5s linear infinite paused;
}

@supports (-moz-appearance:none) {
  div.product.col-xs-6.col-sm-4.col-md-4{ 
    background: var(--primary-background-color);
    animation-play-state: none;
    border: 2px solid var(--primary-border-color); 
  }
  .product.col-xs-6.col-sm-4.col-md-4:hover {
  background: var(--primary-background-color);
}
}

span.banner-subtext{
  display:none;
}

div.textpage-content, div.content.text, div.sidebar-social, .page-count{
	background-color: var(--primary-background-color);
	border-radius: var(--primary-border-radius);
  padding: 20px 30px;
  border: var(--primary-border-color) solid 2px;
}

div.product a img{
  border-bottom: solid 2px #DDD !important;
}

div.images a.zoom.first img{
  border-radius: var(--primary-border-radius);
}

div.product-info{
	background-color: #c7edf5;
	border-radius: var(--primary-border-radius)var(--primary-border-radius)var(--primary-border-radius)var(--primary-border-radius);
  margin-bottom: 20px;
}

div.hero-drop-shadow{
	height: 15px;
	color: #c4e1fa;
}

#filterBy{
	border-radius: var(--primary-border-radius);
  padding: 5px 10px;
  margin: 0px 5px;
  width: 48%;
}

/*Hide Product Short Description*/
div.product-desc{
  display: none;
}

/* Item Description Scroll*/
div.page.info.active{
  max-height: 200px;
  overflow-y: auto;
  margin-bottom: 10px;
}

/* Paragraph Scrollbars*/
div.page.info.active::-webkit-scrollbar{
	background-image: linear-gradient(in oklch, var(--brainyzoo-green), var(--brainyzoo-blue), var(--brainyzoo-purple));
  border-radius: var(--primary-border-radius);
  border: inset 2px #FFFFFFCC;
  width: 16px;
}

div.page.info.active::-webkit-scrollbar-thumb{
  background-color: #FFFFFFCC;
  border: solid transparent 4px;
  border-radius: var(--primary-border-radius);
  background-clip: content-box;
}

div.location-list::-webkit-scrollbar{
	background-image: linear-gradient(in oklch, #39a25f, #55bdda, #bdb2d2);
  border-radius: var(--primary-border-radius);
  border: inset 2px #FFFFFFCC;
  width: 16px;
}

div.location-list::-webkit-scrollbar-thumb{
  background-color: #FFFFFFCC;
  border: solid transparent 4px;
  border-radius: var(--primary-border-radius);
  background-clip: content-box;
}

/* Product Page Actions Bubble */
div.col-sm-8.col-xs-12.text-right{
  background-color: #c4e1fa;
  border-radius: 25px;
  padding: 10px;
  margin: auto;
  float: right;
  
}

/* About Us and Locations */
#locations{
  background-color: var(--primary-background-color);
  border-radius: var(--primary-border-radius);
  border: 2px solid var(--primary-border-color) !important;
  padding: 10px;
}

div.map{
	border-radius: var(--primary-border-radius);
  z-index: -10;
}

div.page-title.row.text-center{
  background-color: #fefefe;
  border: #dddddd solid 2px;
  border-radius: 25px;
  width: max-content;
  margin: 20px auto;
}

div.page-title.row.text-center h1{
  font-weight: 600;
}

/* GUI Button Fix */

.gui-button-small,
.gui-button-action{
  background-color: #FFFFFF !important;
  color: #444444 !important;
}

/*Icon Size*/

ul.cart-acct li a i{
  font-size: 24px;
}

/* Constant Contact Form Design*/

.ctct-form-embed.form_1 .ctct-form-defaults {
  background-color: var(--primary-background-color) !important;
}

.ctct-form-embed.form_1 .ctct-form-defaults .ctct-form-label{
  font-size: 16px;
}

/* image wrap */
.jumbotron img{
  float: right;
  max-width: 50%;
  margin: 10px 20px 20px 10px;
  border-radius: 25px;
}

.jumbotron p{
  margin 10px;
}

.jumbotron h2{
  text-align: left;
}

.jumbotron {
  background: var(--primary-background-color);
  padding: 0px !important;
}


html::-webkit-scrollbar-thumb{
  background-color: #FFFFFFCC;
  border: solid transparent 4px;
  border-radius: var(--primary-border-radius);
  background-clip: content-box;
}

html::-webkit-scrollbar{
	background-image: linear-gradient(in oklch, #39a25f, #55bdda, #bdb2d2);
  border: inset 2px #FFFFFFCC;
  width: 16px;
}
  /* Mobile Fixes */
nav.mobile ul li a svg{
  display: none;
}

div.share42init{
  float: right;
}

@media (max-width:767px){
  div.product-actions.row{
    width: 95%;
    margin: auto;
  }
  div.product-info{
    margin: 0px 15px 15px;
  }
  div.container.content{
  	margin: 0px 15px;
  }
  h3.section-title{
    width: max-content;
    padding: 0px 10px;
  }
  h3.featured-cats.title{
    font-size: 2em;
  }
  section.locations-map{
    margin-left: 15px;
    margin-right: 15px;
  }
  #disclosure{
    height: 200px;
    overflow-y: scroll;
    box-shadow: inset 0px -13px 10px -10px #8aa4d3;
  }
}

@media (max-width: 767px){
  div.text-right,
  div.social-media{
    display: table-cell;
    margin: auto;
  }
  span.share42-item{
    opacity: 1;
}

@media (max-width: 767px){
  div.social-media{
    float: right;
  }
}

/* USP FIX */
.col-xs-6 {
    width: auto !important;
}

div.mobile-sidebar{
  outline: solid 2px #DDDDDD;
  border-radius: var(--primary-border-radius);
  background-color: #FFFFFF;
}