/**
 * cart.css
 * 
 * Cart Dropdown which opens when you click on the cart icon in the header navigation.
 * 
 * Index
 * - Cart Dropdown: General
 * - Cart Dropdown: Switch Cart/New Cart Buttons 
 * - Cart Dropdown: Cart Line Items
 * - Cart Dropdown: Cart Actions (Add bundle, Get Quote, View Cart, Checkout)
 * 
 */

/*-----------------------------------------------------------------------
# Cart Dropdown: General
------------------------------------------------------------------------*/

.navbar a.cart-icon { padding: 0; }

ul.ecomm-options li > a:not(.cart-icon) { padding: 0 32px; }
ul.ecomm-options li > a.cart-icon { padding-left: 8px; }

.menu-cart {
  width: 312px;
  right: 2px;
  text-align: left;
}

/*-----------------------------------------------------------------------
# Cart Dropdown: Switch Cart/New Cart Buttons 
------------------------------------------------------------------------*/

.menu-cart .cart-button {
  float: left;
  width: 50%; 
  border-bottom: 1px solid #979797;
}

.cart-button:first-of-type { border-right: 1px solid #979797; }

.menu-cart .cart-button a:link, 
.menu-cart .cart-button a:visited {
  font-size: 0.75em;
  padding-left: 56px;
  color: #454545; 
  line-height: 56px;
  text-align: left;
  width: 100%;
}

.menu-cart .cart-button a:hover, 
.menu-cart .cart-button a:active {
  color: #005394;
}

.switch-cart:link, 
.switch-cart:visited { 
  background: url(../../../../../../img/icons/icn-switch.png) 20% center no-repeat; 
}

.switch-cart:hover, 
.switch-cart:active { 
  background: url(../../../../../../img/icons/icn-switch-hover.png) 20% center no-repeat; 
}

.new-cart:link,
.new-cart:visited { 
  background: url(../../../../../../img/icons/icn-new.png) 20% center no-repeat; 
}

.new-cart:hover, 
.new-cart:active { 
  background: url(../../../../../../img/icons/icn-new-hover.png) 20% center no-repeat; 
}

/*-----------------------------------------------------------------------
# Cart Dropdown: Cart Line Items
------------------------------------------------------------------------*/

.cart-contents { padding: 20px; }

.cart-line-item:not(:first-child) { margin-top: 16px; }
.cart-contents p { line-height: 1.6; }

.cart-line-item { max-height: 52px; overflow: hidden; }

.cart-line-item .span-3-of-12 { height: 52px; }

.cart-line-item img { max-height: 52px; }

.cart-line-item .small { font-weight: 600; }

/*-----------------------------------------------------------------------
# Cart Dropdown: Cart Actions (Add bundle, Get Quote, View Cart, Checkout)
------------------------------------------------------------------------*/

.cart-actions { padding: 20px; }

.add-bundle span { margin-left: 4px; } 

.add-bundle img { vertical-align: text-bottom; }

.cart-total { text-align: right; margin: 16px 0 20px 0; }

.cart-actions .add-cart { margin-top: 4px; }