/* Ricky CSS Tweaks*/
.megaedit-preview #addToBasketButton {
    position: fixed;
    top: 1rem;
    right: 6rem;
}
html body .rawAttributeInfo__item table.table.child-item-table {
    display: table!important;
    width: 275px;
}

html body .rawAttributeInfo__item table.table.child-item-table tr {
    display: table-row!important;
    float: none!important;
    width: auto;
}
html body .rawAttributeInfo__item table.table.child-item-table thead {
    display:table-header-group!important
}
html body .rawAttributeInfo__item table.table.child-item-table tr th, 
html body .rawAttributeInfo__item table.table.child-item-table tr td {
    display: table-cell!important;
    white-space: nowrap!important;
    padding: 0.25rem!important;
    width: auto!important;
    float: none!important;
}
input[readonly="readonly"] {
    border: solid 1px #ccc !important;
}
@media screen and (max-width: 1471px) {
    .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr td.cart--quantity, 
    .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr td.cart--unitprice, 
    .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr td.cart--itemtotal {
        max-width: 33%!important;
        width:33%!important;
    }
    .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row {
        flex-direction: row;
        flex-wrap: wrap;
    }
   
}
.shoppingcart__wrapper .cartform .cartTableWrapper .cart-item-row .cart--productinfo .rawAttributeInfo__item .value {
    width: auto;
    float: none;
}
.rawAttributeInfo__item .title {
    margin-bottom: 0px;
}

/* Trey CSS Tweaks*/
/* Make font inheritance work on both desktop and mobile */
.page-dynamicproduct-editor body *:not(.fal, .fa, .fas, .fab, .far, [style]),
html.mobile .page-dynamicproduct-editor body *:not(.fal, .fa, .fas, .fab, .far, [style]),
html[data-device="mobile"] .page-dynamicproduct-editor body *:not(.fal, .fa, .fas, .fab, .far, [style]),
.page-dynamicproduct-editor[data-mobile="true"] body *:not(.fal, .fa, .fas, .fab, .far, [style]) {
    font-family: inherit !important;
}

/* Ensure Font Awesome icons still use their proper font on all devices */
.page-dynamicproduct-editor body .fa, 
.page-dynamicproduct-editor body .fab, 
.page-dynamicproduct-editor body .fal, 
.page-dynamicproduct-editor body .far, 
.page-dynamicproduct-editor body .fas,
html.mobile .page-dynamicproduct-editor body .fa,
html.mobile .page-dynamicproduct-editor body .fab,
html.mobile .page-dynamicproduct-editor body .fal,
html.mobile .page-dynamicproduct-editor body .far,
html.mobile .page-dynamicproduct-editor body .fas,
html[data-device="mobile"] .page-dynamicproduct-editor body .fa,
html[data-device="mobile"] .page-dynamicproduct-editor body .fab,
html[data-device="mobile"] .page-dynamicproduct-editor body .fal,
html[data-device="mobile"] .page-dynamicproduct-editor body .far,
html[data-device="mobile"] .page-dynamicproduct-editor body .fas {
    font-family: "Font Awesome 5 Pro" !important;
}