/**
 * icon-buttons.css
 * 
 * Index
 * 
 * - General
 * - Add to Cart Buttons
 * -- Primary Add to Cart Buttons
 * -- Secondary 1 Add to Cart Button
 * - Add to Quote Buttons
 * - Download File Buttons
 * - Contact Icon Buttons
 * -- Call Button
 * -- Chat Button
 * -- Email Button
 * 
 */

/*-----------------------------------------------------------------------
# General
------------------------------------------------------------------------*/

.btn-icon span {
  display: inline-block;
  padding-left: 24px;
  vertical-align: middle;
}

/*-----------------------------------------------------------------------
# Add to Cart Buttons
------------------------------------------------------------------------*/

/* Primary Add to Cart Buttons */
.btn-primary-1.btn-icon.add-cart span,
.btn-primary-2.btn-icon.add-cart span,
.btn-primary-3.btn-icon.add-cart span {
  background: url(../../../img/icons/icn-cart.png) left center no-repeat;
}

/* Secondary 1 Add to Cart Button */
.btn-secondary-1.btn-icon.add-cart span {
  background: url(../../../img/icons/icn-cart-secondary.png) left center no-repeat;
}
.btn-secondary-1.btn-icon.add-cart:hover span,
.btn-secondary-1.btn-icon.add-cart.hover span {
  background: url(../../../img/icons/icn-cart-secondary-hover.png) left center no-repeat;
}
.btn-secondary-1.btn-icon.add-cart:disabled span,
.btn-secondary-1.btn-icon.add-cart[disabled="disabled"] span {
  background: url(../../../img/icons/icn-cart-secondary-disabled.png) left center no-repeat;
}

/* Secondary 2 Add to Cart Button */
.btn-secondary-2.btn-icon.add-cart span {
  background: url(../../../img/icons/icn-cart-secondary-2.png) left center no-repeat;
}
.btn-secondary-2.btn-icon.add-cart:hover span,
.btn-secondary-2.btn-icon.add-cart.hover span {
  background: url(../../../img/icons/icn-cart-secondary-2-hover.png) left center no-repeat;
}
.btn-secondary-2.btn-icon.add-cart:disabled span,
.btn-secondary-2.btn-icon.add-cart[disabled="disabled"] span {
  background: url(../../../img/icons/icn-cart-secondary-disabled.png) left center no-repeat;
}

/*-----------------------------------------------------------------------
# Arrow Down Buttons
------------------------------------------------------------------------*/

.btn-secondary-1.btn-icon.arrow-down span {
  width: 90%;
  text-align: left;
  padding: 0;
  text-transform: none;
  background: url(../../../img/icons/arrow-down.png) right center no-repeat;
}

.btn-secondary-1.btn-icon.arrow-down:hover span,
.btn-secondary-1.btn-icon.arrow-down.hover span {
  background: url(../../../img/icons/arrow-down-hovered.png) right center no-repeat;
}
.btn-secondary-1.btn-icon.arrow-down:disabled span,
.btn-secondary-1.btn-icon.arrow-down[disabled="disabled"] span {
  background: url(../../../img/icons/arrow-down-disabled.png) right center no-repeat;
}

/*-----------------------------------------------------------------------
# Download File Buttons
------------------------------------------------------------------------*/

/* Secondary 1 Download File Button */
.btn-secondary-1.btn-icon.dl-file span {
  background: url(../../../img/icons/file.png) left center no-repeat;
}
.btn-secondary-1.btn-icon.dl-file:hover span,
.btn-secondary-1.btn-icon.dl-file.hover span {
  background: url(../../../img/icons/file-hover.png) left center no-repeat;
}
.btn-secondary-1.btn-icon.dl-file:disabled span,
.btn-secondary-1.btn-icon.dl-file[disabled="disabled"] span {
  background: url(../../../img/icons/file-disabled.png) left center no-repeat;
}

/*-----------------------------------------------------------------------
# Contact Icon Buttons
------------------------------------------------------------------------*/

 /* Call Button */
.contact-call.btn-secondary-1.btn-icon span {
  background: url(../../../img/icons/icn-phone.png) left center no-repeat;
}
.contact-call.btn-secondary-1.btn-icon:hover span {
  background: url(../../../img/icons/icn-phone-hover.png) left center no-repeat;
}
.contact-call.btn-secondary-1.btn-icon:disabled span,
.contact-call.btn-secondary.btn-icon[disabled="disabled"] span {
  background: url(../../../img/icons/icn-phone-disabled.png) left center no-repeat;
}

 /* Chat Button */
.contact-chat.btn-secondary-1.btn-icon span {
  background: url(../../../img/icons/icn-chat.png) left center no-repeat;
}
.contact-chat.btn-secondary-1.btn-icon:hover span {
  background: url(../../../img/icons/icn-chat-hover.png) left center no-repeat;
}
.contact-chat.btn-secondary-1.btn-icon:disabled span,
.contact-chat.btn-secondary-1.btn-icon[disabled="disabled"] span {
  background: url(../../../img/icons/icn-chat-disabled.png) left center no-repeat;
}

 /* Email Button */
.contact-email.btn-secondary-1.btn-icon span {
  background: url(../../../img/icons/icn-email.png) left center no-repeat;
}
.contact-email.btn-secondary-1.btn-icon:hover span {
  background: url(../../../img/icons/icn-email-hover.png) left center no-repeat;
}
.contact-email.btn-secondary-1.btn-icon:disabled span,
.contact-email.btn-secondary-1.btn-icon[disabled="disabled"] span {
  background: url(../../../img/icons/icn-email-disabled.png) left center no-repeat;
}