/* Fonts */
@import "https://cloud.typography.com/7939616/7987392/css/fonts.css";
/* Custom Checkout UI styling */
@media (min-width: 720px) {
	.step__group.breadcrumb {
	    width: 70%;
	}
	.checkout-layout__breadcrumb-container .step__group.breadcrumb .breadcrumb__item {
	    max-width: 160px;
	}
}
.step__title,
.button--flat-default {
	font-family: "Gotham Narrow A", "Gotham Narrow B", Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.125rem;
    line-height: 1.375rem;
    color: #b6b7b7;
}
.step__title:hover {
	text-decoration: none;
	color: #d20c02;
}
.step__title:before {
	background-color: #b6b7b7;
	border: none;
}
.step.step--completed .step__title {
	color: #b6b7b7;
}
.button--flat-default {
	display: block;
	padding: 0;
	line-height: normal;
	height: auto;
}
.step.step--active .step__title {
	color: #000;
}
.step.step--active .step__title:before {
	background-color: #d20c02;
	border: none;
}
.section__title {
	font-size: 1.1rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #000;
	font-family: "Gotham Narrow A", "Gotham Narrow B", Arial, sans-serif;
	font-weight: 500;
	font-style: normal;
	line-height: 1.306rem;
}
.checkbox__label .flowio-localized-content-element .flowio-localized-content-element__markdown span,
.flowio-localized-content-element__markdown span {
	color: #000;
    font-family: "Gotham Narrow A", "Gotham Narrow B", Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 0.75rem;
    letter-spacing: 0.04em;
    line-height: 1.125rem;
}
.checkbox__input:checked~label:before {
	border: 1px solid #bfbfbf;
}
.checkbox__input:checked~label:after,
.radio-button__label:after {
	background-color: #d20c02;
}
.checkbox__input:checked~label:after {
    background: url(../images/svg-icons/checkmark.svg) no-repeat center;
    background-color: #d20c02;
}
.checkbox__input:checked~label:before {
	background-color: #d20c02;
	border-color: #e5e5e5;
}
.radio-button__input:focus+.radio-button__label:before {
	border-color: #d20c02;
}
.text-field__label {
	/*color: #000;*/
	font-family: "Gotham Narrow A", "Gotham Narrow B", Arial, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 0.75rem;
	letter-spacing: 0.04em;
	line-height: 1.1875rem;
}
.text-field__input,
.select-field__input,
.text-field__input--large,
.select-field__input--large,
.flow-checkout-form-input {
	color: #000;
	font-family: "Gotham Narrow A", "Gotham Narrow B", Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 0.825rem;
	letter-spacing: 0.04em;
	line-height: 1.306rem;
	height: auto;
	background-color: #fbf8c3;
	border-radius: 0;
	outline: #e5e5e5;
}
input[name="addressLine2"],
input[name="organizationName"] {
	background-color: #f6f6f6 !important;
}
.radio-button.radio-button--fluid {
	border-radius: 0;
}
.radio-button__label {
	color: #000;
	font-family: "Gotham Narrow A", "Gotham Narrow B", Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 0.825rem;
	letter-spacing: 0.04em;
	line-height: 1.306rem;
	height: auto;
	background-color: #fbf8c3
}

.customer-information-form__continue-button,
.shipping-method-form__continue-button,
.payment-form__continue-button {
	font-family: "Gotham Narrow A", "Gotham Narrow B", Arial, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 0.75rem;
	background-color: #d20c02;
	color: #fff;
	border: none;
	width: 13.4375rem;
	border-radius: 0;
	text-align: center;
	text-transform: uppercase;
}
.customer-information-form__continue-button:hover,
.shipping-method-form__continue-button:hover,
.payment-form__continue-button:hover {
	background-color: #666;
	color: #fff;
}
.postal-address.address-summary__address {
	color: #000;
    font-family: "Gotham Narrow A", "Gotham Narrow B", Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 0.825rem;
    letter-spacing: 0.04em;
    line-height: 1.306rem;
}
/* 
PAYMENT METHOD AREA 
==============================================*/
.section.payment-method .panel__header--collapsible {
	border: none;
    outline: #e5e5e5;
}
.radio-panel-group .panel-group .radio-panel,
.radio-panel-group .panel-group .radio-panel .panel__content {
	border: none;
	background: none;
}
.radio-panel-group .panel-group .panel__header .radio-button .radio-button__label {
    background: #f6f6f6;
}
.radio-button__label:before {
	width: 20px;
	height: 20px;
	border: 1px solid #bfbfbf;
}
.radio-button-group—bordered,
.radio-button-group--bordered
.flow-checkout-form-input {
	border-radius: 0 !important;
}
@media (min-width: 480px) {
	.radio-button__label:before {
	    left: 18px;
	}
}
/*
ORDER SUMMERY AREA
==============================================*/
.order-summary {
	background: #f6f6f6 0% 0% no-repeat padding-box;
    border: 1px solid #e5e5e5;
    margin-bottom: 14px;
    border-radius: 0;
}
.order-summary .section__header.section__header--divided .section__title {
	font-family: "Gotham Narrow A", "Gotham Narrow B", Arial, sans-serif;
	font-style: normal;
	text-align: left;
	font-size: 1.1875rem;
	line-height: 1.625rem;
	letter-spacing: 0.02375rem;
	color: #000;
	font-weight: 500;
	text-transform: uppercase;
	margin: 0;
	padding: 0 0.6875rem 0 0;
}
.section__header {
	padding: 14px 0 0;
}
.order-item__name {
	font-family: "Gotham Narrow A", "Gotham Narrow B", Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 0.75rem;
    line-height: 1.1875rem;
    text-align: left;
    letter-spacing: 0;
    color: #454647;
    opacity: 1;
    text-transform: uppercase;
    text-overflow: unset;
    white-space: normal;
}
.order-item__price,
.order-prices__value {
	line-height: 1rem;
    font-family: "Gotham Narrow A", "Gotham Narrow B", Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    padding-bottom: 0;
    font-size: 0.825rem;
}
.order-prices__label-text {
	color: #000;
    font-family: "Gotham Narrow A", "Gotham Narrow B", Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 0.825rem;
    letter-spacing: 0.04em;
    line-height: 1.306rem;
}
.order-total__label, 
.order-total__payment-label,
.order-total__value {
	font-size: 0.825rem;
}