.ed-element.preset-contact-form-two-rows {
    background-color: none
}

.ed-container .ed-element.preset-contact-form-two-rows>.inner {
    padding: 0;
    background-color: transparent
}

.ed-element.preset-contact-form-two-rows .ed-form-container {
    max-width: 100%;
    margin-bottom: 0
}

.ed-element.preset-contact-form-two-rows .ed-form-captcha {
    margin-bottom: 1rem
}

#order .form-style {
    display: flex;
    flex-flow: row wrap;
    justify-content: stretch;
    margin: -.5rem
}

#order .form-style>.ed-element {
    margin: .5rem;
    flex: 1 1 100%;
    flex-grow: 1;
    flex-shrink: 1
}

@media screen and (min-width: 36rem) {
    #order .form-style>.ed-element {
        flex-basis: 40%
    }
}

#order .form-style>.ed-element.ed-form-textarea {
    flex-basis: 100%
}

#order .form-style .ed-form-captcha {
    flex-wrap: wrap
}

#order .form-style input[type="checkbox"],
#order .form-style input[type="radio"] {
    vertical-align: middle
}

#order .form-style input[type="text"],
#order .form-style input[type="number"],
#order .form-style input[type="email"],
#order .form-style input[type="phone"],
#order .form-style select,
#order .form-style textarea {
    background: none;
    padding: .5rem 1rem;
    line-height: 1.5;
    color: #383838;
    font-family: "Roboto Condensed";
    font-weight: 300;
    border-width: 1px;
    border-style: solid;
    border-color: #e59211
}

#order .form-style input[type="text"]:not(select),
#order .form-style input[type="number"]:not(select),
#order .form-style input[type="email"]:not(select),
#order .form-style input[type="phone"]:not(select),
#order .form-style select:not(select),
#order .form-style textarea:not(select) {
    -webkit-appearance: none
}

#order .form-style input[type="text"]:focus,
#order .form-style input[type="number"]:focus,
#order .form-style input[type="email"]:focus,
#order .form-style input[type="phone"]:focus,
#order .form-style select:focus,
#order .form-style textarea:focus {
    outline: 0
}

#order .form-style input[type="text"]::placeholder,
#order .form-style input[type="number"]::placeholder,
#order .form-style input[type="email"]::placeholder,
#order .form-style input[type="phone"]::placeholder,
#order .form-style select::placeholder,
#order .form-style textarea::placeholder {
    color: rgba(56, 56, 56, 0.85)
}

#order .form-style input[type=file] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 250px
}

#order .form-style select[multiple] {
    height: auto;
    appearance: menulist
}

#order .form-style textarea {
    height: 10rem
}

#order .form-style .ed-form-date :invalid {
    box-shadow: none
}

#order .form-style .ed-form-date :-moz-submit-invalid {
    box-shadow: none
}

#order .form-style .ed-form-date :-moz-ui-invalid {
    box-shadow: none
}

@media screen and (max-width: 36rem) {
    #order .form-style .ed-form-captcha img {
        max-width: 100px
    }
}

#order .form-style .ed-form-captcha input[type="text"] {
    text-transform: none
}

#order .form-style button {
    line-height: 1.5;
    height: auto;
    border: none;
    padding: .5rem 1rem;
    background: #c79547;
    color: #fff;
    width: 100%;
    -webkit-appearance: none;
    transition: all .3s ease-in-out;
    transition-property: background-color;
    transition: all .3s ease-in-out;
    transition-property: background-color, color
}

#order .form-style button:hover {
    background: #a87a33;
    color: #fff;
    color: #fff
}

.mfp-content{ text-align: center}
#dialog-checkout, #dialog-detail, #dialog-pickup-time{
    display: inline-block;
    position: relative;
    width: auto;
    text-align: left;
}
#dialog-pickup-time{
     width: 30rem !important
 }

.callout {
    position: relative;
    margin: 0 0 1rem 0;
    padding: 1rem;
    border: 1px solid rgba(10, 10, 10, .25);
    border-radius: 0;
    background-color: #fff;
    color: #0a0a0a;
}

.callout.alert {
    background-color: #f7e4e1;
    color: #0a0a0a;
}

.hide{ display: none !important;}

.bottom-action{ width: 100%;}
@media screen and (min-width: 48rem){
.bottom-action{ position: absolute; bottom: 0; width: 100%;}
}
.quantity-box{margin: 0 8px 16px 8px; display: block; border: 1px solid #CCC; height: 45px; border-radius: 20px}
.quantity-box button{ width: 45px; display: inline-block; text-align: center; font-size: 18px; cursor: pointer; background-color: transparent; color: #000000}
.quantity-box input{border: none; height: 43px; text-align: center; font-size: 18px; width: calc(100% - 98px)}

.btnAddToCart, .btnAddToCart:hover{ margin: 0 8px 16px 8px; background-color: #c79547; color: white; border-radius: 20px; height: 45px; display: block; line-height: 45px; padding: 0 15px}
.btnAddToCart span{ padding-left: 14px; float: right;}
.btnRemoveItem, .btnViewModify{ font-size: 20px;}
.btnModifyItem{ cursor: pointer}

.summary-box {position: sticky;  top: 0;}
.summary-box tr{ position: relative}
.summary-box tr td > div.tooltip { z-index: 1;position: absolute; text-align: left;  white-space: normal; background: #c79547; color: #0a0a0a; left: 16.66667%; top:0; max-width: 80%; display: none; padding: 0.3125rem}
.summary-box tr td > div.tooltip.right::before {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border: inset .75rem;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    right: 100%;
    left: auto;
    border-color: transparent #c79547 transparent transparent;}
.summary-box tr .tooltip span{ position: unset; display: inline-block; background-color: #f0f0f0; font-weight: bold; border-radius: 3px; padding: 0 0.5625rem; margin: 0.3125rem;}

.summary-box h3.title{ font-weight: bold; font-size: 0.875rem; color: #333 !important; margin-bottom: 0.5rem;}
.float-right {float: right !important;}
.summary-box button.btnPickupTime {background-color: #cccccc;color: #333;padding: 0.5rem 1rem;margin: 0 0 1rem 0; min-height: 3.4375rem; border-radius: 5px;}
.summary-box table tr > td {
    border-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(229, 146, 17, 0.1);
}
select[name="pickup_date"], select[name="pickup_time"]{
    display: block;
    width: 100%;
    background: none;
    padding: .5rem 1rem;
    line-height: 1.5;
    color: #383838;
    font-family: "Roboto Condensed";
    font-weight: 300;
    border-width: 1px;
    border-style: solid;
    border-color: #e59211;
}

figure.map  {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

figure.map  iframe {
    width: 100%;
    height: 382px;
    max-width: 100%;
}
@media screen and (min-width: 963px){

    .quantity-box{width: auto; display: inline-block}
    .quantity-box input{width: 80px}

    .btnAddToCart, .btnAddToCart:hover{display: inline-block;}

}