/**
 * Add any custom CSS here.
 *
 * This file will be loaded after all other theme stylesheets.
 */

.taxonomy-description {
  margin-top: 20px;
}

  
/*backorder refer to theme customizations functions*/
.backorder_notification{
display: none;
}
.backorder_notification.custom{
display: block;
}  

/*clearent fix for scrolling popup*/
.Clearent .Clearent-modal.fade.in {
            overflow: auto !important;
}

/*social icons*/
.secondary-navigation a[href*="facebook.com"],
.secondary-navigation a[href*="twitter.com"],
.secondary-navigation a[href*="youtube.com"],
.secondary-navigation a[href*="instagram.com"],
.secondary-navigation .rumble a,
.secondary-navigation .gettr a {
  text-indent: -9999px; 
  padding-left: 4px;
  padding-right: 4px; }

.secondary-navigation .gettr, .secondary-navigation .rumble { vertical-align: middle; }

.secondary-navigation a[href*="facebook.com"]:after,
 .secondary-navigation a[href*="twitter.com"]:after,
 .secondary-navigation a[href*="youtube.com"]:after,
.secondary-navigation a[href*="instagram.com"]:after,
.secondary-navigation .rumble a:after,
.secondary-navigation .gettr a:after{
    text-indent: 0;
    display: block;
    float: left; }

.secondary-navigation a[href*="facebook.com"]:after,
 .secondary-navigation a[href*="twitter.com"]:after,
 .secondary-navigation a[href*="youtube.com"]:after,
 .secondary-navigation a[href*="instagram.com"]:after{
    font-family: "Font Awesome 5 Brands";
    font-weight: 800; }

.secondary-navigation .gettr a:after {
  content: '';
  width:13px;
  height: 13px; 
  background: url('/wp-content/uploads/2022/08/gettr-logo-100x100.png') no-repeat;
  background-size: contain;
  margin-top: -5px;
  background-position: 50% 50%;
}

.secondary-navigation .rumble a:after {
  content: '';
  width:13px;
  height: 13px; 
  background: url('/wp-content/uploads/2022/08/rumble-icon-100x100.png') no-repeat;
  background-size: contain;
  margin-top: -5px;
  background-position: 50% 50%;
}

.secondary-navigation .rumble a {
  padding-right: 2px;
}

.secondary-navigation a[href*="twitter.com"]:after {
  content: "\f099";
  color: #00aced; }
  
.secondary-navigation a[href*="facebook.com"]:after {
  content: "\f09a";
  color: #428ff7; }

.secondary-navigation a[href*="youtube.com"]:after {
  content: "\f167";
  color: red; }

.secondary-navigation a[href*="instagram.com"]:after {
  content: "\f16d";
  color: orange; }

ul.products li.product img {
  max-height: 200px;
  width: auto;
}


@media screen and (max-width: 767px) {
  .col-full {
    margin-left: 20px;
    margin-right: 20px;
  }
  
  ul.products li.product img {
    max-height: 500px;
    width: auto;
  }

}