@import "../../../../../components/com_wbcatalog/themes/default/css/item.css";
/************************************************************************************************
 *
 *  This file contains all the variable definitions for the template
 *
 ************************************************************************************************/
/************************************************
 *
 *  Required
 *
 ************************************************/
/************************************************
 *
 *  Theme Media Breaks
 *
 ************************************************/
/************************************************
 *
 *  Named Colors
 *
 ************************************************/
/************************************************
 *
 *  Theme Font
 *
 ************************************************/
/************************************************
 *
 *  Theme Colors
 *
 *  These are all ideas / work in progress for a standard model
 *    primary / secondary / tertiary
 *    default / light / dark - maybe more easily handled on demand with darken / lighten
 *
 *  primary
 *    dark / light
 *  secondary
 *    dark / light
 *  tertiary
 *    dark / light
 *
 ************************************************/
/************************************************
 *
 *  Block Styling
 *
 ************************************************/
/************************************************
 *
 *  Block Dimensions
 *
 ************************************************/
/************************************************
 *
 *  Content Container
 *
 ************************************************/
/************************************************************************************************
 *
 *  This file contains all the function / mixin definitions for the template
 *
 ************************************************************************************************/
/************************************************
 *
 *  Required
 *
 ************************************************/
/************************************************
 *
 *  Assorted
 *
 ************************************************/
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
}
/************************************************
 *
 *  Theme Container
 *
 ************************************************/
/************************************************
 *
 *  Form
 *
 ************************************************/
/************************************************
 *
 *  Lists
 *
 ************************************************/
/************************************************
 *
 *  Arrows?
 *
 ************************************************/
/************************************************
 *
 *  BUTTONS
 *
 ************************************************/
/************************************************
 *
 *  Blocks
 *
 ************************************************/
/************************************************
 *
 *  Joomla Menu
 *
 ************************************************/
/************************************************
 *
 *  jQuery Slick Slider
 *
 ************************************************/
/**
 * wbCatalog Item Detail
 */
#com_wbcatalog .wbcItemWrap {
  position: relative;
}
#com_wbcatalog .wbcItemWrap .wbcItemDetail {
  padding-top: 10.5px;
}
#com_wbcatalog .wbcItemWrap .wbcItemDetail .wbcItem + .title {
  border-top: 1px solid #ccc;
  padding-top: 2rem;
}
#com_wbcatalog .wbcItemWrap .wbcItemDetail .wbcItemInfo {
  position: relative;
}
#com_wbcatalog .wbcItemWrap .wbcItemDetail .wbcItemInfo .itemDetail {
  padding: 0 120px 20px 20px;
}
#com_wbcatalog .wbcItemWrap .wbcItemDetail .wbcItemInfo .itemDetail .field label,
#com_wbcatalog .wbcItemWrap .wbcItemDetail .wbcItemInfo .itemDetail .field span {
  padding: 2px 0;
  float: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 640px) {
  #com_wbcatalog .wbcItemWrap .wbcItemDetail .wbcItemInfo .itemDetail .field label,
  #com_wbcatalog .wbcItemWrap .wbcItemDetail .wbcItemInfo .itemDetail .field span {
    width: auto;
    display: block;
  }
}
#com_wbcatalog .wbcItemWrap .wbcItemDetail .wbcItemInfo .itemDetail .field span {
  padding: 2px 8px;
}
#com_wbcatalog .wbcItemWrap .wbcItemDetail .wbcItemInfo .itemDetail .field.item_qty {
  position: absolute;
  top: 54.6px;
  right: 20px;
}
#com_wbcatalog .wbcItemWrap .wbcItemDetail .wbcItemInfo .itemDetail .field.item_qty label {
  width: auto;
  padding: 0;
  margin: 0 5px 0 0;
  line-height: 40px;
}
#com_wbcatalog .wbcItemWrap .wbcItemDetail .wbcItemInfo .itemDetail .field.item_qty input {
  width: 40px;
  padding: .5rem;
  height: 40px;
  text-align: center;
  float: right;
  border: 1px solid #aaa;
  -moz-appearance: textfield;
}
#com_wbcatalog .wbcItemWrap .wbcItemDetail .wbcItemInfo .itemDetail .field.item_qty input::-webkit-outer-spin-button,
#com_wbcatalog .wbcItemWrap .wbcItemDetail .wbcItemInfo .itemDetail .field.item_qty input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#com_wbcatalog .wbcItemWrap .wbcItemDetail .wbcItemInfo .itemDetail .btn {
  display: inline-block;
  color: #ff0000;
  font-family: "Frutiger LT W01_75 Black", "Frutiger LT W01_45 Ligh1475730", Arial, "Helvetica Neue", Helvetica, Roboto, sans-serif;
  border: 2px solid #ff0000;
  padding: .2rem .9rem;
  font-size: .8rem;
  letter-spacing: 2px;
  background-color: #fff;
  text-transform: uppercase;
  transition: all linear 0.2s;
  border-radius: 0;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 20px;
  margin: 0;
}
#com_wbcatalog .wbcItemWrap .wbcItemDetail .wbcItemInfo .itemDetail .btn:hover,
#com_wbcatalog .wbcItemWrap .wbcItemDetail .wbcItemInfo .itemDetail .btn:focus,
#com_wbcatalog .wbcItemWrap .wbcItemDetail .wbcItemInfo .itemDetail .btn:active,
#com_wbcatalog .wbcItemWrap .wbcItemDetail .wbcItemInfo .itemDetail .btn .active {
  background-color: #ff0000;
  color: #fff;
}
#com_wbcatalog .wbcItemWrap .wbcItemDetail .wbcItemInfo .itemDetail .btn:disabled,
#com_wbcatalog .wbcItemWrap .wbcItemDetail .wbcItemInfo .itemDetail .btn:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
#com_wbcatalog .wbcItemWrap .wbcItemDetail .wbcFootnav {
  padding: 21px 0;
  min-height: 84px;
}