/*--------------------------------------------------------------
# Content area
--------------------------------------------------------------*/
.multisteps-form.content-area .page-title{ 
	display:none; 
	text-align:center;
	margin-bottom:1.5em;
}
.content-area .page-title.js-active{ display:block; }
.content-area .page-title h1{
	font-size:4em;
}
.content-area .page-title p.c-red{ 
	letter-spacing:3px;
}
@media only screen and (max-width:768px){
	.content-area .page-title h1{
		font-size:2em;
	}
}

.multisteps-form__progress {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}
.multisteps-form__progress-btn h3,
.multisteps-form__progress-btn h6
{
	margin-bottom:0;
	line-height:1;
	color:white;
}
.multisteps-form__progress-btn h3{ font-size:1.5em; }
.multisteps-form__progress-btn h6{ font-size:10px; }
.multisteps-form__progress-btn p{ font-size:0.9em; }
.multisteps-form__progress-btn .step-top{
	border-radius:8px;
	padding:10px;
	background-color:#919191;
	text-align:center;
	width:fit-content;
	margin:auto;
	margin-bottom:15px;
	min-width:40px;
}
.js-active .step-top{
	background-image: linear-gradient(135deg, #FF08A1 0%, #C80000 50%, #D07600 100%);
}
.multisteps-form__progress-btn {
  text-align:center;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  transition-delay: 0s;
  position: relative;  
  color: rgba(108, 117, 125, 0.7);
  border: none;
  background-color: transparent;
  outline: none !important;
  cursor: pointer;
}
.multisteps-form__progress-btn.js-active{  
	color:#2D2D2D;
}
@media (min-width: 500px) {
  .multisteps-form__progress-btn {
    text-indent: 0;
  }
}
@media (max-width: 500px) {
  .multisteps-form__progress-btn .step-title{
    font-size:0.6em;
  }
}
.multisteps-form__progress-btn:after {
  position: absolute;
  top: 26px;
  left: calc(-50% - 13px / 2);
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  transition-delay: 0s;
  display: block;
  width: 100%;
  height: 4px;
  content: '';
  background-color: #919191;
  z-index: -1;
}
.multisteps-form__progress-btn:first-child:after {
  display: none;
}
.multisteps-form__progress-btn.js-active:after {
	background-image: linear-gradient(90deg, #FF08A1 0%, #C80000 50%, #D07600 100%);
}
.multisteps-form__panel{
	opacity: 0;
    visibility: hidden;
/*	position: absolute;*/
}
.multisteps-form__panel.js-active{
	opacity: 1;
    visibility: visible;
}
.multisteps-form__panel img{
	margin:auto;
	margin-bottom:1.5em;
}
span.gray-round{
	font-weight: 600;    
    border:3px solid #919191;    
    border-radius: 30px 30px 30px 30px;
    padding: 7px 25px 7px 25px;
	cursor:pointer;
}
span.gradient{
	background-image: linear-gradient(90deg, #FF08A1 0%, #C80000 50%, #D07600 100%);
    border-radius: 30px;
	color: #fff;	
	border:none;
	padding: 10px 25px 10px 25px;
	cursor:pointer;
}
.search-list{
	background-color:white;
	box-shadow:0 0 5px #00000040;
	overflow:auto;
}
.search-list table{
	width:100%;
	/*min-width:600px;*/
}
.no-wrap{
	white-space: nowrap;
}
.search-list td{ 
	padding:5px 10px;
	text-align:center;
}
.search-list td.wine{ text-align:left; }
.search-list td.other{ color:#919191; background-color:#F0F0F0; }
.search-list .cell-titles td{
	border-bottom:3px solid;
}
.search-list .cell-content td{
	border-bottom:2px solid #00000040;
}
.search-list .cell-content:last-child td{
	border-bottom:3px solid #000000;
}
.search-list .cell-content .qty input{ 
	max-width:4em; 
	border:none;
	text-align:right;
}
.search-list tfoot{
	font-weight:600;
}
@media only screen and (max-width:1200px){
	.search-list{
		overflow-x:auto;
	}
}

@media only screen and (max-width:992px){
	.content-area-right.pt-5{
		padding-top:0 !important;
	}
}
.multisteps-form__form{
	display:flex;
	justify-content:center;
}
#step-1 .step-description{max-width:850px;margin:auto;}
#step-2 .step-description{max-width:850px;margin:auto;}

#step-3{max-width:1140px; margin:auto;}
@media only screen and (max-width:768px){ #step-3{max-width:100%; }   }
#step-4{max-width:700px; margin:auto;}
.form-check{ text-align:center; }
.form-check .form-check-input {
    margin-left: -2em !important;
    margin-right: 0.5em !important;
	width: 2em;
    height: 2em;
	border-radius: 0;
	float:none;
}
.form-check .form-check-input:checked[type=radio] {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"), #0d6efd;
	background-repeat: no-repeat;
	border: 2px solid #0d6efd;
}

#step-5{ max-width:900px; margin:auto;}
.white-rounded-shadow{
	background-color:white;
	border-radius: 15px;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25 );
	padding:2em;
}
#step-5 .white-rounded-shadow{
	padding: 3em 2em 2em 2em;
}
#step-5 h2.c-red{ 
	letter-spacing:3px; 
	border-top:2px solid #919191;
	border-bottom:2px solid #919191;
}
#step-5 p.text{
	line-height:1.2;
}

#step-6{
	max-width:600px;
	margin:auto;
}
#step-6 table{
	width:100%;
}
#step-6 h3{
	border-bottom:1px solid #919191;
}
#step-6 hr{
	border-width:4px;
}
#step-6 input.gradient{
	background-image: linear-gradient(90deg, #FF08A1 0%, #C80000 50%, #D07600 100%);
    border-radius: 30px;
	color: #fff;	
	border:none;
	padding: 10px 25px 10px 25px;
}

.wine-selected, .Popcorn-selected, .olive-oil-selected, 
.delivery-method, .payment-method, .shipping-location, .pickup-party{
	margin:15px 0;
}