/**
 * @file
 * Default theme implementation for the checkout progress component.
 */

body {
  counter-reset: checkout-progress;
}


/**
 * display: inline removes the list numbers, so they're added back via CSS3
 * counters to avoid using float: left, which gives uneven spacing.
 */
.checkout-progress {
  margin: 20px 0px;
}

.checkout-progress--step {
display: inline-flex !important;
padding-right: 1em;
}
.checkout-progress--step:before {
  content: counter(checkout-progress) ". ";
  counter-increment: checkout-progress;
}

.checkout-progress--step__current {
  font-weight:700;
}
.checkout-progress--step__previous,
.checkout-progress--step__current,
.checkout-progress--step__next{
padding: 0.7em 1em;
}
.checkout-progress--step__previous,
.checkout-progress--step__previous a:visited{
background: #1e4572;
color:white;
}
.checkout-progress--step__current,
.checkout-progress--step__current a:visited{
background: #0c3b57;
color:white;
}
.checkout-progress--step__next,
.checkout-progress--step__next a:visited{
background: #4682b491;
color: white;
}
.checkout-progress--step__previous:hover,
.checkout-progress--step__current a:hover,
.checkout-progress--step__next a:hover{
background: #48779f;
color:black;
}
#edit-agree-terms{
background: lightslategray;
}
.form-item-agree-terms-terms-and-conditions{
font-weight:700;
color:white;
font-size:22px;
}
#edit-agree-terms a,
#edit-agree-terms a:link,
#edit-agree-terms a:visited {
color: yellow;
}
#commerce-checkout-flow-multistep-default fieldset legend,
.layout-region-checkout-secondary h3{
color: white;
background:steelblue;
padding-left:13px;
}
.layout-region-checkout-main .fieldset-legend,
.layout-region-checkout-main .fieldset-legend a:visited,
.layout-region-checkout-main .fieldset-legend a:visited + span{
color:inherit;
}
.check-out-login-msgs-top{
background: #1e4572;
color: white;
}
.views-row-buy input[type="submit"]:hover,
.views-row-buy input[type="reset"]:hover,
.views-row-buy input[type="button"]:hover{
background: #ebf7fd;
color: black;
}
.views-review-product:hover{
background:lightgrey;
}
.attribute-widgets .fieldset-wrapper :not(.product--rendered-attribute__selected) ~ label.option:hover {
background:#f7db88;
}