/* ==========================================================================
   THEME STYLE MODIFICATIONS
   ========================================================================== */
/**
 * Set all your THEME styles in this file.
 *
 * Adding a Theme to a design is very straightforward as every component works
 * like an extensible class. This allows you to add theme specific classes
 * and/or override existing classes.
 *
 * NOTE: Any new classes created should follow the established coding
 * standards for the framework. Theme specific classes should be prefixed by
 * `.t-`.
 *
 * Why do it this way?
 * By decoupling the theme styling from the default framework, you get the
 * following benefits:
 *		Keep the framework core library up-to-date
 *		Updates to the core styles of the framework do not get overwritten when
 *		extending the component.
 *
 *		End-user entry points remain untouched
 *		End-users do not need to use any custom name that belongs only to the
 *		theme.
 */
/* ==========================================================================
   SETTINGS / COLORS
   This is where the global colors are set.
   Overrides should be placed in the 'ui/css/theme.scss' file.
   ========================================================================== */
/**
 * Convert a hex value to comma-delimited rgb values
 * @param {Color} $color - hex color
 * @return {Color} - RGB
 * In: #000
 * Out: 0, 0, 0
 */
/**
 * Slightly lighten a color
 * @param {Color} $color - color to tint
 * @param {Number} $percentage - percentage of `$color` in returned color
 * @return {Color}
 */
/**
 * Slightly darken  a color
 * @param {Color} $color - color to shade
 * @param {Number} $percentage - percentage of `$color` in returned color
 * @return {Color}
 */
/**
 * This section sets default theme for the project so the variables exist.
 */
/**
 * This section sets shading and tinting variables to be used for events,
 * like hover, for the project.
 */
/* ==========================================================================
SETTINGS / GLOBAL
Set all your global CSS variables in this file.
Overrides should be placed in the 'ui/css/theme.scss' file.
========================================================================== */
/* theme settings
   =========================================== */
/* root settings
   =========================================== */
/* width constraints
   =========================================== */
/* typography settings
   =========================================== */
/* border settings
   =========================================== */
/* breakpoints
   =========================================== */
/* miscellaneous
   =========================================== */
/* ==========================================================================
   SETTINGS / TYPOGRAPHY
   This is where the global typography measurements are set.
   Overrides should be placed in the 'ui/css/theme.scss' file.
   ========================================================================== */
/* Minor Third Font Scale */
/* Perfect Fourth Font Scale */
/* Editing below this point is not recommended */
/* Site Header
   =========================================== */
.t-site-header {
	border-bottom: 1px solid #eaeaea;
}

.t-site-header__top-navigation {
	font-size: 0.8125rem;
}

.t-site-header__message {
	display: inline-block;
	padding: 1em 0 1em 1em;
}

.t-site-header__links [class^="u-icon-"] {
	margin-right: 0.25em;
	font-size: 1.25rem;
	vertical-align: text-bottom;
}

.t-site-header__links a {
	color: #fff;
}

.t-site-header__links a:hover {
	text-decoration: none;
	opacity: 0.75;
	transition: 0.3s;
}

.t-site-header__links .o-layout__item {
	padding: 1em 1rem;
}

@media (min-width: 48em) {
	.t-site-header__links .o-layout__item:not(:first-of-type) {
		border-left: 1px solid #595959;
	}
}

.t-site-header__links .x-transfigure-navigation__footer {
	display: flex;
	justify-content: flex-end;
}

.t-site-header__links .x-transfigure-navigation__footer-link {
	margin: 0 1rem;
	padding: 0;
	font-size: inherit;
	font-weight: 400;
	letter-spacing: inherit;
}

.t-site-header__basket-link--mobile {
	display: flex;
	font-size: 2rem;
}

.t-site-header__basket-link-quantity--mobile {
	display: inline-block;
	min-width: 2em;
	height: 2em;
	padding: 0 0.25em;
	font-size: 0.75rem;
	line-height: 2;
	text-align: center;
	border-radius: 50%;
	touch-action: none;
	transform: translate(-0.75em, -1em);
	z-index: -1;
}

.t-global-account {
	width: 100vw;
	max-width: 22.5rem;
	padding: 1rem;
	position: absolute;
	top: 100%;
	right: 0;
	background-color: #efefef;
	border: 1px solid #eaeaea;
	box-shadow: 0 2px 1px -2px #767676;
}

.t-global-account__form {
	margin-bottom: 0;
}

.t-global-account__form .c-form-list__item:last-of-type {
	margin-bottom: 0;
	padding-top: 0.5em;
}

.t-site-header__masthead {
	max-width: 80rem;
	padding-top: 1em;
	padding-bottom: 1em;
	position: relative;
	font-size: 0.875rem;
}

.t-site-header__logo {
	margin-bottom: 0;
}

.t-site-header__search-form {
	margin-bottom: 0;
	position: relative;
	border: 1px solid #eaeaea;
}

.t-site-header__search-form .c-form-list__item {
	margin-bottom: 0;
	margin-left: auto;
}

.t-site-header__search-form .c-form-input {
	padding-right: calc(2em - 1px);
	padding-left: calc(2em - 1px);
}

.t-site-header__masthead-links {
	align-items: center;
	justify-content: flex-end;
}

.t-site-header__masthead-links [class^="u-icon-"] {
	margin-right: 0.25em;
	font-size: 1.25rem;
	vertical-align: text-bottom;
}

.t-site-header__masthead-links button:hover {
	text-decoration: none;
	opacity: 0.75;
	transition: 0.3s;
}

.t-site-header__masthead-links .t-global-account-toggle {
	margin-right: 1em;
	padding: 0.5em calc(1em + 1px) 0.5em 0.5em;
	background-color: #fff;
	border: 0 none;
	border-right: 1px solid #eaeaea;
}

.t-site-header__masthead-links .t-site-header__basket-link {
	margin-left: 1em;
	padding: 0.5em 0 0.5em 0.5em;
	background-color: #fff;
	border: 0 none;
}

.t-site-header__basket-link-quantity {
	margin-left: 0.25em;
	padding: 0.5rem 1em;
}

.t-site-navigation {
	margin-bottom: 1rem;
}

.t-site-navigation__wrap {
	max-width: 80rem;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	font-size: 0.875rem;
}

@media (min-width: 60em) {
	.t-site-navigation {
		border-bottom: 1px solid #eaeaea;
	}
}

/* Main Element
     =========================================== */
.t-main-content-element {
	max-width: 80rem;
}

/* Site Footer
    =========================================== */
.t-site-footer {
	padding-top: 1rem;
}

.t-site-footer .o-wrapper {
	max-width: 80rem;
}

.t-site-footer__content,
.t-site-footer__disclaimer {
	padding-top: 2em;
	padding-bottom: 2em;
}

.t-site-footer .c-menu__title,
.t-site-footer .c-collapsible-menu__label {
	font-weight: 600;
}

@media (max-width: 47.9em) {
	.t-site-footer .x-collapsible-content .c-menu__title {
		display: none;
	}
	.t-site-footer .x-collapsible-content__toggle [class^="u-icon-"] {
		font-size: 0.66em;
		font-weight: 700;
	}
	.t-site-footer .x-collapsible-content__item {
		margin-top: 1rem;
	}
}

@media (min-width: 48em) {
	.t-site-footer .x-collapsible-content__toggle {
		display: none;
	}
	.t-site-footer .x-collapsible-content__item {
		max-height: none;
		opacity: 1;
		overflow: visible;
		visibility: visible;
	}
}

.t-site-footer__content .c-menu__link:not([class*=" u-icon-"]) {
	font-size: 0.875rem;
	font-weight: 500;
	color: #595959;
}

.t-site-footer__content .c-menu__link:hover {
	text-decoration: none;
	opacity: 0.75;
}

.t-site-footer__disclaimer {
	font-size: 0.75rem;
}

.t-global-footer-social-links .c-menu__link {
	padding: 0 1rem 1rem 0;
}

.t-global-footer-social-links .c-menu__link:hover {
	text-decoration: none;
	opacity: 0.75;
}

.t-newsletter-form__input {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	height: auto;
}

@media (min-width: 48em) {
	.t-site-footer {
		padding-top: 4rem;
	}
	.t-site-footer__content,
	.t-site-footer__disclaimer {
		padding-top: 4em;
		padding-bottom: 4em;
	}
}

/* Storefront
    =========================================== */
.t-storefront-about .c-heading-charlie {
	font-size: 1.875rem;
	letter-spacing: 3px;
}

.t-storefront-about .c-heading--subheading {
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 2px;
}

.t-storefront-about__brief {
	font-size: 0.9375rem;
	line-height: 1.667;
}

.t-featured-products {
	margin-bottom: 2rem;
	padding-top: 3rem;
}

.t-featured-products .x-product-list__heading {
	margin-bottom: 3em;
	font-size: 1.5rem;
}

.t-featured-products .x-product-list__action {
	max-width: 18em;
	margin: auto;
}

.t-featured-products .x-product-list__action .c-button {
	padding-right: calc(4.5rem - 1px);
	padding-left: calc(4.5rem - 1px);
}

/* Category Page
    =========================================== */
.t-display-list-filtering {
	flex-wrap: nowrap;
}

.t-display-list-filtering .x-display-list-filtering__per-page,
.t-display-list-filtering .x-display-list-filtering__sort-by,
.t-display-list-filtering .c-form-list__item,
.t-display-list-filtering .c-form-label,
.t-display-list-filtering .c-form-select {
	margin-bottom: 0;
}

.t-display-list-filtering .c-form-label {
	font-size: 0.6875rem;
}

.t-display-list-filtering .c-form-select__dropdown {
	padding: 0;
	font-size: 0.75rem;
	background-color: #fff;
	border: 0 none;
	color: initial;
}

.t-pagination.x-pagination--centered {
	width: 13rem;
	justify-content: center;
}

.t-pagination .o-list-inline {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
}

.t-pagination .c-button {
	width: 2em;
	height: 2em;
	padding: 0;
	line-height: 2;
	border-color: #c0c0c0;
}

.t-pagination .c-form-select {
	margin-bottom: 0;
}

.t-pagination .c-form-select__dropdown {
	padding: 0;
	border: 0 none;
}

/* Product Page
    =========================================== */
.t-quantify .c-control-group__button {
	padding-top: calc(1.5em + 1px);
	padding-bottom: calc(1.5em + 1px);
}

.t-quantify .c-control-group__button,
.t-quantify .c-control-group__field {
	max-width: 33.33333%;
	flex-basis: 33.33333%;
}

/* Basket Page
    =========================================== */
.t-basket__product-summary .c-table-responsive__row,
.t-basket__order-summary .c-table-simple__row {
	border-color: #eaeaea;
}

.t-basket__product-summary thead {
	border-top: 1px solid #eaeaea;
}

.t-basket__product-summary tbody .c-table-responsive__cell {
	padding-top: 1.5rem;
}

.t-basket__product-details {
	font-size: 0.875rem;
	font-weight: 600;
}

.t-basket-update .x-quantify {
	width: 10em;
	font-size: 0.875rem;
}

.t-basket-update .x-quantify .c-control-group__button {
	padding-top: calc(1.25em + 1px);
	padding-bottom: calc(1.25em + 1px);
	font-size: 0.875em;
}

.t-basket-update .x-quantify .c-control-group__button,
.t-basket-update .x-quantify .c-control-group__field {
	max-width: 33.33333%;
	flex-basis: 33.33333%;
}

.t-basket__product-remove {
	width: 3em;
	height: 3em;
	padding: 0;
	line-height: 3;
}

.t-basket_coupon-form,
.t-checkout-log-in__form {
	margin-bottom: 0;
}

.t-basket_coupon-form[aria-hidden='false'],
.t-checkout-log-in__form[aria-hidden='false'] {
	min-height: 3rem;
	margin-top: 0.5rem;
}

/* Checkout Pages
    =========================================== */
.t-ocst-account-message {
	display: block;
	padding: 2em;
	font-size: 0.75rem;
}

.t-checkout-basket-summary {
	height: calc(100% - 1rem);
	padding: 2rem 2rem 0;
	background-color: #f2f2f2;
}

.t-checkout-basket-summary__product-summary tbody .c-table-simple__cell {
	padding-top: 1.5rem;
}

.t-checkout-basket-summary__image {
	margin-right: 2rem;
}

.t-checkout-basket-summary__promo-form,
.t-checkout-basket-summary__promo-form:first-child,
.t-checkout-basket-summary__promo-form:last-child {
	display: block;
	margin: -1px -2rem;
	padding-right: 2rem;
	padding-left: 2rem;
	background-color: #b0b0b0;
}

@media (max-width: 59.9em) {
	.t-page-ordl .t-site-header__logo,
	.t-page-ocst .t-site-header__logo,
	.t-page-osel .t-site-header__logo,
	.t-page-opay .t-site-header__logo {
		flex-basis: 100%;
		max-width: 100%;
	}
}

@media (min-width: 90em) {
	.t-page-ocst .t-main-content-element,
	.t-page-osel .t-main-content-element,
	.t-page-opay .t-main-content-element {
		max-width: none;
		padding-right: 0;
		padding-left: 0;
	}
	.t-checkout-basket-summary {
		height: 100%;
	}
	.t-checkout-basket-summary .c-table-simple {
		width: 60%;
	}
	.t-checkout-basket-summary__promo-form,
	.t-checkout-basket-summary__promo-form:first-child,
	.t-checkout-basket-summary__promo-form:last-child {
		margin: -1px 0;
	}
	.t-page-ocst .t-site-footer,
	.t-page-osel .t-site-footer,
	.t-page-opay .t-site-footer {
		padding-top: 0;
	}
	.t-page-ocst .t-site-footer__disclaimer,
	.t-page-osel .t-site-footer__disclaimer,
	.t-page-opay .t-site-footer__disclaimer {
		padding-top: 1em;
		padding-bottom: 1em;
		text-align: left;
	}
	.t-page-ocst .t-site-footer__disclaimer .o-layout__item,
	.t-page-osel .t-site-footer__disclaimer .o-layout__item,
	.t-page-opay .t-site-footer__disclaimer .o-layout__item {
		flex: 0;
		white-space: nowrap;
	}
}

@media (min-width: 48em) {
	.t-payment-cta {
		flex-grow: 0;
	}
	.t-payment-form {
		justify-content: center;
	}
	.t-payment-form .o-layout__item {
		display: flex;
		max-width: 75%;
		align-items: center;
	}
	.t-payment-form .c-form-label {
		width: 25%;
		margin-right: 1rem;
	}
	.t-payment-form .c-form-input {
		max-width: 50%;
	}
	.t-payment-form .c-form-input--cvv {
		max-width: none;
	}
	.t-payment-form .t-data-cvv {
		margin-left: 0.5rem;
	}
	.t-payment-form .c-control-group {
		max-width: 50%;
		flex-grow: 1;
	}
}

.t-checkout-customer-summary {
	margin-bottom: 1rem;
	padding: 1rem 2rem 0;
}

.t-checkout-customer-summary .c-keyline {
	border-color: #c0c0c0;
}

.t-shipping-method .c-form-checkbox__caption::before {
	position: absolute;
}

.t-shipping-method-name {
	max-width: 45ch;
}

.t-shipping-method .c-keyline {
	margin-bottom: 0;
}

.t-order-complete-heading {
	padding: 2em 2em 1em 1em;
}

.t-order-complete-heading form {
	padding-top: 0.5em;
}

.t-page-invc .x-toggle-password {
	margin-top: 0;
	padding: 0.5em;
	top: 25%;
}

/* Account Landing Page
    =========================================== */
.t-account-landing-section {
	margin-bottom: 1rem;
}

.t-account-landing-section .c-heading-echo {
	font-size: 14px;
}

@media (min-width: 48em) {
	.t-account-landing-section .x-collapsible-content__toggle {
		display: none;
	}
	.t-account-landing-section .x-collapsible-content__item {
		max-height: none;
		opacity: 1;
		overflow: visible;
		visibility: visible;
	}
	.t-account-landing-section .c-heading-echo {
		font-size: 15px;
	}
}

.t-account-landing-section__content {
	padding-top: 1.25rem;
	padding-right: 1rem;
	padding-bottom: 1rem;
}

.t-account-landing-section__content.x-category-tree__row {
	padding-left: 1rem;
}

.t-account-landing-section__content.x-category-tree__row span.x-category-tree__link:hover {
	text-decoration: none;
}

/* Wish List Page
    =========================================== */
.t-wish-list-search .c-control-group {
	border: 1px solid #eaeaea;
}

.t-wish-list-search__button {
	padding-right: calc(1em - 1px);
	padding-left: calc(1em - 1px);
}

.t-wish-list__item .c-control-group__button {
	flex: 1 1 50%;
	padding-right: 0;
	padding-left: 0;
}


@media (max-width: 39.999em) {
  

}