/* --------------------------------

Primary style

-------------------------------- */
/**, *::after, *::before {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-size: 1.6rem;
  font-family: "Source Sans Pro", sans-serif;
  color: #2b3e51;
  background-color: #ecf0f1;
}

a {
  color: #2c97de;
  text-decoration: none;
}

img {
  max-width: 100%;
}

main {
  text-align: center;
  padding: 2em 5%;
}

h1 {
  font-size: 2rem;
  padding: 3em 0 .8em;
}
@media only screen and (min-width: 768px) {
  h1 {
    font-size: 3.2rem;
  }
}*/

.cd-cart em {
	font-size: 20px;
}

.cd-cart a {
	padding: 0px;
}

.cd-add-to-cart:active {
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

/* --------------------------------

Main Components

-------------------------------- */
.cd-cart-container::before {
	/* dark bg layer visible when the cart is open */
	content: '';
	position: fixed;
	z-index: 1;
	height: 100vh;
	width: 100vw;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .4s, visibility .4s;
	transition: opacity .4s, visibility .4s;
}

.cd-cart-container.cart-open::before {
	opacity: 1;
	visibility: visible;
}

.cd-cart-trigger,
.cd-cart {
	position: fixed;
	bottom: 20px;
	right: 5%;
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	will-change: transform;
	backface-visibility: hidden;
}

.empty .cd-cart-trigger, .empty
.cd-cart {
	/* hide cart */
	-webkit-transform: translateY(150px);
	-ms-transform: translateY(150px);
	transform: translateY(150px);
}

@media only screen and (min-width: 1170px) {
	.cd-cart-trigger,
	.cd-cart {
		bottom: 40px;
	}
}

.cd-cart-trigger {
	/* button that triggers the cart content */
	z-index: 3;
	height: 72px;
	width: 72px;
	/* replace text with image */
	text-indent: 100%;
	color: transparent;
	white-space: nowrap;
}

	.cd-cart-trigger::after, .cd-cart-trigger::before {
		/* used to create the cart/'X' icon */
		content: '';
		position: absolute;
		left: 50%;
		top: 50%;
		bottom: auto;
		right: auto;
		-webkit-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		height: 100%;
		width: 100%;
		background: url(/assets/add-to-cart-interaction/img/cd-icons-cart-close.svg) no-repeat 0 0;
		-webkit-transition: opacity .2s, -webkit-transform .2s;
		transition: opacity .2s, -webkit-transform .2s;
		transition: opacity .2s, transform .2s;
		transition: opacity .2s, transform .2s, -webkit-transform .2s;
	}

	.cd-cart-trigger::after {
		/* 'X' icon */
		background-position: -72px 0;
		opacity: 0;
		-webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
		-ms-transform: translateX(-50%) translateY(-50%) rotate(90deg);
		transform: translateX(-50%) translateY(-50%) rotate(90deg);
	}

.cart-open .cd-cart-trigger::before {
	opacity: 0;
}

.cart-open .cd-cart-trigger::after {
	opacity: 1;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.cd-cart-trigger .count {
	/* number of items indicator */
	position: absolute;
	top: -10px;
	right: -10px;
	height: 28px;
	width: 28px;
	background: #e94b35;
	color: #ffffff;
	font-size: 1.5rem;
	font-weight: bold;
	border-radius: 50%;
	text-indent: 0;
	-webkit-transition: -webkit-transform .2s .5s;
	transition: -webkit-transform .2s .5s;
	transition: transform .2s .5s;
	transition: transform .2s .5s, -webkit-transform .2s .5s;
	margin: 0 !important;
	padding: 0 !important;
}

	.cd-cart-trigger .count li {
		/* this is the number of items in the cart */
		position: absolute;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		left: 50%;
		top: 50%;
		bottom: auto;
		right: auto;
		-webkit-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}

		.cd-cart-trigger .count li:last-of-type {
			visibility: hidden;
		}

	.cd-cart-trigger .count.update-count li:last-of-type {
		-webkit-animation: cd-qty-enter .15s;
		animation: cd-qty-enter .15s;
		-webkit-animation-direction: forwards;
		animation-direction: forwards;
	}

	.cd-cart-trigger .count.update-count li:first-of-type {
		-webkit-animation: cd-qty-leave .15s;
		animation: cd-qty-leave .15s;
		-webkit-animation-direction: forwards;
		animation-direction: forwards;
	}

.cart-open .cd-cart-trigger .count {
	-webkit-transition: -webkit-transform .2s 0s;
	transition: -webkit-transform .2s 0s;
	transition: transform .2s 0s;
	transition: transform .2s 0s, -webkit-transform .2s 0s;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

.empty .cd-cart-trigger .count {
	/* fix bug - when cart is empty, do not animate count */
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.cd-cart-trigger:hover + div .wrapper {
	box-shadow: 0 6px 40px rgba(0, 0, 0, 0.3);
}

.cart-open .cd-cart-trigger:hover + div .wrapper {
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.17);
}

.cd-cart {
	/* cart content */
	z-index: 2;
	width: 90%;
	max-width: 440px;
	height: 400px;
	max-height: 90%;
	pointer-events: none;
}

	.cd-cart .wrapper {
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 2;
		overflow: hidden;
		height: 72px;
		width: 72px;
		border-radius: 6px;
		-webkit-transition: height .4s .1s, width .4s .1s, box-shadow .3s;
		transition: height .4s .1s, width .4s .1s, box-shadow .3s;
		-webkit-transition-timing-function: cubic-bezier(0.67, 0.17, 0.32, 0.95);
		transition-timing-function: cubic-bezier(0.67, 0.17, 0.32, 0.95);
		background: #ffffff;
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.17);
		pointer-events: auto;
	}

	.cd-cart header, .cd-cart footer {
		position: absolute;
		z-index: 2;
		left: 0;
		width: 100%;
	}

	.cd-cart header, .cd-cart .body {
		opacity: 0;
	}

	.cd-cart header {
		top: 0;
		border-radius: 6px 6px 0 0;
		padding: 0 1.4em;
		height: 40px;
		line-height: 40px;
		background-color: #ffffff;
		-webkit-transition: opacity .2s 0s;
		transition: opacity .2s 0s;
		border-bottom: 1px solid #e6e6e6;
	}

		.cd-cart header::after {
			clear: both;
			content: "";
			display: block;
		}

	.cd-cart footer {
		bottom: 0;
		border-radius: 0 0 6px 6px;
		box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.15);
		background: #ffffff;
	}

	.cd-cart h2 {
		text-transform: uppercase;
		display: inline-block;
		font-size: 1.9rem;
		font-weight: 700;
		letter-spacing: .1em;
		margin-top: 10px;
	}

	.cd-cart .undo {
		float: right;
		font-size: 1.2rem;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: opacity .2s, visibility .2s;
		transition: opacity .2s, visibility .2s;
		color: #808b97;
	}

		.cd-cart .undo a {
			text-decoration: underline;
			color: #2b3e51;
		}

			.cd-cart .undo a:hover {
				color: #2c97de;
			}

		.cd-cart .undo.visible {
			opacity: 1;
			visibility: visible;
		}

	.cd-cart .checkout {
		display: block;
		height: 72px;
		line-height: 72px;
		margin-right: 72px;
		/*background: #2c97de;*/
		color: rgba(255, 255, 255, 0);
		text-align: center;
		font-size: 1.8rem;
		font-weight: 600;
		-webkit-transition: all .2s 0s;
		transition: all .2s 0s;
	}

		.cd-cart .checkout:hover {
			background: #399ee0;
		}

		.cd-cart .checkout em {
			position: relative;
			display: inline-block;
			-webkit-transform: translateX(40px);
			-ms-transform: translateX(40px);
			transform: translateX(40px);
			-webkit-transition: -webkit-transform 0s .2s;
			transition: -webkit-transform 0s .2s;
			transition: transform 0s .2s;
			transition: transform 0s .2s, -webkit-transform 0s .2s;
		}

			.cd-cart .checkout em::after {
				position: absolute;
				top: 50%;
				bottom: auto;
				-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				transform: translateY(-50%);
				right: 0;
				content: '';
				height: 24px;
				width: 24px;
				background: url(/assets/add-to-cart-interaction/img/cd-icon-arrow-next.svg) no-repeat center center;
				opacity: 0;
				-webkit-transition: opacity .2s;
				transition: opacity .2s;
			}

	.cd-cart .body {
		position: relative;
		z-index: 1;
		height: calc(100% - 40px);
		padding: 20px 0 10px;
		margin: 40px 0 10px;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		-webkit-transition: opacity .2s;
		transition: opacity .2s;
	}

		.cd-cart .body ul {
			overflow: hidden;
			padding: 0; /*0 1.4em;*/
			position: relative;
			padding-bottom: 90px;
		}

		.cd-cart .body li {
			position: relative;
			opacity: 0;
			-webkit-transform: translateX(80px);
			-ms-transform: translateX(80px);
			transform: translateX(80px);
			-webkit-transition: opacity 0s .2s, -webkit-transform 0s .2s;
			transition: opacity 0s .2s, -webkit-transform 0s .2s;
			transition: opacity 0s .2s, transform 0s .2s;
			transition: opacity 0s .2s, transform 0s .2s, -webkit-transform 0s .2s;
		}

			.cd-cart .body li::after {
				clear: both;
				content: "";
				display: block;
			}

			.cd-cart .body li.deleted {
				/* this class is added to an item when it is removed form the cart */
				position: absolute;
				left: 1.4em;
				width: calc(100% - 2.8em);
				opacity: 0;
				-webkit-animation: cd-item-slide-out .3s forwards;
				animation: cd-item-slide-out .3s forwards;
			}

				.cd-cart .body li.deleted.undo-deleted {
					/* used to reinsert an item deleted from the cart when user clicks 'Undo' */
					-webkit-animation: cd-item-slide-in .3s forwards;
					animation: cd-item-slide-in .3s forwards;
				}

				.cd-cart .body li.deleted + li {
					-webkit-animation: cd-item-move-up-mobile .3s;
					animation: cd-item-move-up-mobile .3s;
					-webkit-animation-fill-mode: forwards;
					animation-fill-mode: forwards;
				}

			.cd-cart .body li.undo-deleted + li {
				-webkit-animation: cd-item-move-down-mobile .3s;
				animation: cd-item-move-down-mobile .3s;
				-webkit-animation-fill-mode: forwards;
				animation-fill-mode: forwards;
			}

	.cd-cart .product-image {
		display: inline-block;
		float: left;
		/* the image height determines the height of the list item - in this case height = width */
		width: 50px;
	}

		.cd-cart .product-image img {
			display: block;
			width: 90px;
			height: 90px;
		}

	.cd-cart .product-details {
		position: relative;
		display: inline-block;
		float: right;
		width: calc( 100% - 50px);
		padding: 0.3em 0 0 0.5em;
	}

		.cd-cart .product-details::after {
			clear: both;
			content: "";
			display: block;
		}

	.cd-cart h3, .cd-cart .price {
		font-weight: bold;
	}

	.cd-cart h3 {
		width: 70%;
		float: left;
		/* truncate title with dots if too long */
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}

		.cd-cart h3 a {
			color: #2b3e51;
		}

			.cd-cart h3 a:hover {
				color: #2c97de;
			}

	.cd-cart .price {
		float: right;
		width: 30%;
		text-align: right;
	}

	.cd-cart .actions {
		/*font-size: 1.4rem;
  height: 1.6em;
  line-height: 1.6em;*/
	}

		.cd-cart .actions label {
			font-weight: bold !important;
			line-height: inherit !important;
		}

		.cd-cart .actions::after {
			clear: both;
			content: "";
			display: block;
		}

	.cd-cart .delete-item, .cd-cart .quantity {
		float: left;
		color: #808b97;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	.cd-cart .delete-item {
		margin-right: 1em;
	}

		.cd-cart .delete-item:hover {
			color: #e94b35;
		}

	.cd-cart .quantity label {
		display: inline-block;
		margin-right: .3em;
	}

	.cd-cart .select {
		position: relative;
	}

		.cd-cart .select::after {
			/* switcher arrow for select element */
			content: '';
			position: absolute;
			z-index: 1;
			right: 0;
			top: 50%;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			display: block;
			width: 12px;
			height: 12px;
			/*background: url(/assets/add-to-cart-interaction/img/cd-icon-select.svg) no-repeat center center;*/

			content: '\f078';
			font-family: FontAwesome;
			font-weight: normal;
			font-style: normal;
			margin: -3px 0 0 0;
			text-decoration: none;
			pointer-events: none;
		}

	.cd-cart select {
		position: relative;
		padding: 0 1em 0 0;
		cursor: pointer;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background: transparent;
		border: none;
		border-radius: 0;
		font-size: 1.4rem;
		margin: 0;
		color: #808b97;
	}

		.cd-cart select:focus {
			outline: none;
			color: #2b3e51;
			box-shadow: 0 1px 0 currentColor;
		}

		.cd-cart select::-ms-expand {
			/* hide default select arrow on IE */
			display: none;
		}

.cart-open .cd-cart .wrapper {
	height: 100%;
	width: 100%;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.cart-open .cd-cart header, .cart-open .cd-cart .body {
	opacity: 1;
}

.cart-open .cd-cart header {
	-webkit-transition: opacity .2s .2s;
	transition: opacity .2s .2s;
}

.cart-open .cd-cart .body {
	-webkit-transition: opacity 0s;
	transition: opacity 0s;
}

	.cart-open .cd-cart .body li {
		-webkit-transition: opacity .3s .2s, -webkit-transform .3s .2s;
		transition: opacity .3s .2s, -webkit-transform .3s .2s;
		transition: transform .3s .2s, opacity .3s .2s;
		transition: transform .3s .2s, opacity .3s .2s, -webkit-transform .3s .2s;
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

		.cart-open .cd-cart .body li:nth-of-type(2) {
			-webkit-transition-duration: .4s;
			transition-duration: .4s;
		}

		.cart-open .cd-cart .body li:nth-of-type(3) {
			-webkit-transition-duration: .5s;
			transition-duration: .5s;
		}

		.cart-open .cd-cart .body li:nth-of-type(4), .cart-open .cd-cart .body li:nth-of-type(5) {
			-webkit-transition-duration: .55s;
			transition-duration: .55s;
		}

.cart-open .cd-cart .checkout {
	color: #ffffff;
	-webkit-transition: color .2s .3s;
	transition: color .2s .3s;
}

	.cart-open .cd-cart .checkout em {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		-webkit-transition: padding .2s 0s, -webkit-transform .2s .3s;
		transition: padding .2s 0s, -webkit-transform .2s .3s;
		transition: transform .2s .3s, padding .2s 0s;
		transition: transform .2s .3s, padding .2s 0s, -webkit-transform .2s .3s;
	}

	.cart-open .cd-cart .checkout:hover em {
		padding-right: 30px;
	}

		.cart-open .cd-cart .checkout:hover em::after {
			opacity: 1;
		}

@media only screen and (min-width: 768px) {
	.cd-cart .body li.deleted + li {
		-webkit-animation: cd-item-move-up .3s;
		animation: cd-item-move-up .3s;
	}

	.cd-cart .body li.undo-deleted + li {
		-webkit-animation: cd-item-move-down .3s;
		animation: cd-item-move-down .3s;
	}

	.cd-cart .checkout {
		font-size: 2.4rem;
	}

	.cd-cart .product-image {
		width: 90px;
	}

	.cd-cart .product-details {
		/*padding: 1.4em 0 0 1em;*/
		width: calc( 100% - 90px);
	}

	.cd-cart h3, .cd-cart .price {
		/*font-size: 1.8rem;*/
	}
}

.cd-cart h3, .cd-cart .price {
	padding-right: 20px;
}

@-webkit-keyframes cd-qty-enter {
	0% {
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translateX(-50%) translateY(0);
		transform: translateX(-50%) translateY(0);
	}

	100% {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}
}

@keyframes cd-qty-enter {
	0% {
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translateX(-50%) translateY(0);
		transform: translateX(-50%) translateY(0);
	}

	100% {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}
}

@-webkit-keyframes cd-qty-leave {
	0% {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}

	100% {
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translateX(-50%) translateY(-100%);
		transform: translateX(-50%) translateY(-100%);
	}
}

@keyframes cd-qty-leave {
	0% {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}

	100% {
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translateX(-50%) translateY(-100%);
		transform: translateX(-50%) translateY(-100%);
	}
}

@-webkit-keyframes cd-item-move-up-mobile {
	0% {
		padding-top: 70px;
	}

	100% {
		padding-top: 0px;
	}
}

@keyframes cd-item-move-up-mobile {
	0% {
		padding-top: 70px;
	}

	100% {
		padding-top: 0px;
	}
}

@-webkit-keyframes cd-item-move-up {
	0% {
		padding-top: 104px;
	}

	100% {
		padding-top: 0px;
	}
}

@keyframes cd-item-move-up {
	0% {
		padding-top: 104px;
	}

	100% {
		padding-top: 0px;
	}
}

@-webkit-keyframes cd-item-move-down-mobile {
	0% {
		padding-top: 0px;
	}

	100% {
		padding-top: 70px;
	}
}

@keyframes cd-item-move-down-mobile {
	0% {
		padding-top: 0px;
	}

	100% {
		padding-top: 70px;
	}
}

@-webkit-keyframes cd-item-move-down {
	0% {
		padding-top: 0px;
	}

	100% {
		padding-top: 104px;
	}
}

@keyframes cd-item-move-down {
	0% {
		padding-top: 0px;
	}

	100% {
		padding-top: 104px;
	}
}

@-webkit-keyframes cd-item-slide-out {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}

	100% {
		-webkit-transform: translateX(80px);
		transform: translateX(80px);
		opacity: 0;
	}
}

@keyframes cd-item-slide-out {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}

	100% {
		-webkit-transform: translateX(80px);
		transform: translateX(80px);
		opacity: 0;
	}
}

@-webkit-keyframes cd-item-slide-in {
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}

	0% {
		-webkit-transform: translateX(80px);
		transform: translateX(80px);
		opacity: 0;
	}
}

@keyframes cd-item-slide-in {
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}

	0% {
		-webkit-transform: translateX(80px);
		transform: translateX(80px);
		opacity: 0;
	}
}

div.product-actions {
	clear: left;
}

select.product-quantity, select.event-quantity {
	width: inherit;
}

li.product span.product-name, li.product span.product-price {
	font-weight: bold;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 180px;
}

.product-details-row2 td {
	padding-top: 0;
	padding-bottom: 0;
}

	.product-details-row2 td .select {
		padding-left: 10px;
	}

	.product-details-row2 td .product-qty {
		cursor: default;
		float: left;
		padding-top: 9px;
	}

td.product-price,
td.product-qty {
	width: 70px;
	padding: 0 !important;
	margin-left: 0;
	margin-right: 0;
}

.productrow2 .product-delete,
.productrow .product-name {
	padding-left: 0;
}

.cd-cart-container .wrapper div.body table {
	margin-bottom: 70px !important;
}

.productrow2 .delete-item,
.productrow2 td.product-qty span.select::after,
.productrow2 td.product-qty span.select select {
	color: #3c8dbc;
}

.cd-cart-container table tbody td {
	background: #f6f6f6;
	color: #000;
	padding: 20px 14px;
	border: none;
	border-bottom: 2px solid #fff;
}

.cd-cart-container table {
	width: 100% !important;
	margin: 0 0 30px !important;
	font-family: "Open Sans",sans-serif !important;
	border-collapse: collapse;
	border-spacing: 0;
}

.cd-cart-container .btn {
	text-shadow: none !important;
}

.productrow2 td,
.productrow td:first-child {
	border-bottom: 8px solid #fff !important;
}

.cart-open .cd-cart .checkout {
	background-color: #20c4f4;
	-webkit-animation-name: example;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	animation-name: example;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}

.cd-cart footer {
	padding: 0;
}