/*html,body { font-size: 2.4vw; }*/

body > a.hidden[href='#content'].skip-nav-homepage {
    margin-top: 8rem;
    width: 50%;
}

body > a.hidden[href='#content'].skip-nav-homepage:focus {
    left: 50%;
}

body > a.hidden[href='#content'].skip-nav-homepage:focus ~ #content {
    padding-top: unset;
}

.extralarge {
    font-size: 4rem;
}

.search-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    column-gap: 30px;
    row-gap: 60px;
}

.signin-table label {
    text-align: right;
}

.signin-table label,
.signin-table p {
    margin-top: 0.5rem;
}

.signin-card-multi-row {
    flex-direction: row;
    padding-left: 1rem;
}

.signin-card-multi-input-row {
    flex-direction: row;
}

.signin-card-multi-input-row > label,
.signin-card-multi-input-row > select,
.signin-card-multi-input-row > input {
    margin-top: 0;
}

.signin-card-multi-input-row > label {
    width: 100%;
}

.signin-card-multi-input-row > select,
.signin-card-multi-input-row > input {
    width: 8rem;
    min-width: 1.5rem;
}

.signin-card-multi-row div + div {
    margin-left: 1rem;
}

.signin-card-multi-field-wrap {
    width: calc(52% - 0.5rem);
}

.signin-card-multi-field-wrap:nth-of-type(2) {
    /* The labels of the right two fields are slightly shorter than the labels
     * of the left two fields, so it looks a bit more balanced to use 52/48
     * than 50/50 */
    width: calc(48% - 0.5rem);
}

.checkout-shipping-form label.error,
.checkout-billing-form label.error,
.checkout-billing-form .below-input-message {
    width: calc(200% / 3);
}

#add_gift_cert,
#add_coupon {
    text-align: right;
}

.extra-container {
    flex-basis: auto;
    order: 2;
}

#quick-mobile-warning {
    display: none;
}

#quick-content {
    display: block;
}

.group-part-line-medium {
    display: block;
    float: left;
    width: 5%;
}

.group-part-line-small {
    display: none;
}

.group-mobile-left {
    width: 50%;
    float: left;
    padding: 8px;
    text-align: left;
}

.group-mobile-right {
    width: 45%;
    text-align: right;
    padding: 8px;
    flex-direction: row;
}

.group-mobile-right > .orderitem-delete {
    width: 33%;
}

.group-drop {
    display: none;
}

.orderitem-delete {
    float: right;
}

.group-part-total {
    width: 33%;
    text-align: right;
}
.order-header-group {
    display: block;
}

.group-spacer {
    display: block;
    float: left;
    width: 33%;
}

.icing {
    display: block;
}

.search-result-item {
    flex-direction: column;
}

.search-result-item header {
    flex-grow: revert;
}

.search-result-item > .w3-container {
    flex-grow: revert;
}

.search-result-item .name {
    text-decoration: none;
    font-size: 1.5rem;
}

.search-result-item a:not(.tw-btn):hover {
    color: #2a9687;
}

.search-result-category {
    font-size: 1.25rem;
}
.search-result-category-ogs {
    font-size: 1rem;
}

.search-result-column.w3-container {
    text-align: left;
    vertical-align: top;
    padding-right: 5px;
    padding-left: 5px;
}

.search-results-text {
    padding: 10px;
}

.search-results-details {
    display: block;
}

#footer3 {
    text-align: right !important;
}

.address-validation > button {
    width: calc(50% - 2rem);
}

.address-validation > .address-validation-suggestion {
    width: 45%;
}

.address-validation > .address-validation-suggestion:nth-of-type(1) {
    margin-right: 1rem;
}

.address-validation {
    flex-direction: row;
}

.address-validation.validation-modal-no-suggestions {
    flex-direction: column;
}

.continue-editing-wrap {
    margin: 0 auto;
}

.remote-validation-modal-prompt {
    font-size: 10pt;
}

#cart-poe-expanded-name {
    display: inline;
}