/*==========Store, Checkout, Cart, Buy button*****/

.html div.ui-widget-content, .html div.ui-widget-header {
    background-color: #fff;
}
.layout-checkout-form{
    display: flex;
    flex-direction: column;
    gap: 2em;
}
.layout-checkout-form > div{
    margin: 0;
}
form.commerce-order-item-add-to-cart-form .form-group {
    margin: 0;
}
.view-commerce-cart-block form > div.form-actions.form-group.form-wrapper {
    display: none;
}

.delete-order-item.btn-lg {
    padding: 6px;
}
.path-cart .wrap-containers, .path-checkout .wrap-containers {
    padding: 1em;
    max-width: 1050px;
    margin: 5px auto;
}
.path-cart .form-actions {
    display: flex;
    justify-content: space-between;
    padding: 3em 0;
    flex-wrap: wrap;
    column-gap: 2em;
    row-gap: 2em;
}

.html .form-actions .button--add-to-cart.form-submit, .cart-block--contents__inner a, body:not(.path-cart) form button.use-ajax-submit {
    margin-right: 0;
    padding: 4px 5px 5px;
    line-height: 1;
    font-size: .8em;
    font-weight: 500;
    border-radius: 0;
    border: none;
}
.html .form-actions .button--add-to-cart.form-submit:hover{
    border-bottom: 3px solid #EAC347;
    background: #fff;
    padding-bottom: 2px;
}
.html.path-product .commerce-order-item-add-to-cart-form .form-actions .button--add-to-cart.form-submit{
    padding: 1em 2em;
}
.cart-block--contents__inner a {
    display: inline-block;
    text-align: center;
    padding: 16px 22px;
    float: right;
}
#block-webformpartsform, #block-webform-2, section.block-commerce-cart, .user-logged-in.path-user .wrap-containers {
    max-width: 950px;
    margin: auto auto 2rem auto;
    padding: 6em 1em 1em;
}
.cart-block--contents__inner, .form-wrapper__login-option {
    padding: 0;
}

.block-commerce-cart {
    padding: 3em;
}
.cart-block--summary, .cart-block--summary__icon img, .cart-block--summary__count {
    height: 15px;
    color: #111;
}
.cart-block--contents {
    width: 100%;
    max-width: 100%;
    display: block;
    position: relative;
    z-index: 1;
}
.cart--cart-block .cart-block--contents .cart-block--contents__links a:after {
    background-color: #5cb85c;
    color: #fff;
}
.commerce-order-item-dc-ajax-add-cart-form button.use-ajax-submit:hover {
    opacity: .85;
}
.path-checkout table {
    width: 100%;
}
.path-checkout table td {
    padding: 5px;
    border: 1px solid #ddd;
}
.path-checkout table td .field--name-product-id.field--type-entity-reference {
    height: 0;
}

form.commerce-order-item-dc-ajax-add-cart-form .field--name-purchased-entity input, form.commerce-order-item-dc-ajax-add-cart-form .field--type-commerce-price input, form.commerce-order-item-dc-ajax-add-cart-form .field--type-commerce-price label, form.commerce-order-item-dc-ajax-add-cart-form .field--type-commerce-price select {
    pointer-events: none;
}
form.commerce-order-item-dc-ajax-add-cart-form .field--name-purchased-entity > div, form.commerce-order-item-dc-ajax-add-cart-form > div.field--type-commerce-price.field--name-unit-price.field--widget-commerce-unit-price {
    display: none;
}
.cart-block--contents__items {
  max-height: unset;
}
form.commerce-order-item-dc-ajax-add-cart-form .field--widget-commerce-quantity input, form input.quantity-edit-input, .cart-block--offcanvas-cart-table__quantity input {
    width: auto;
    max-width: 60px;
    min-width: 60px;
    padding: 5px;
}
.view-commerce-cart-block .view-header, .layout-checkout-form .form-actions {
    width: 100%;
    display: flex;
    justify-content: end;
    justify-content: flex-end;
}
.view-commerce-cart-block .view-header a {
    position: fixed;
    bottom: 0;
    right: 2em;
}
.view-commerce-cart-block .view-header h2 {
    margin-left: 0;
    margin-right: auto;
}
.ui-dialog-titlebar.ui-widget-header:after {
    content: "Continue Shopping";
    display: block;
    color: #111;
    width: 100%;
    height: 30px;
    position: relative;
    z-index: 1;
    text-align: center;
    top: 0;
    text-decoration: underline;
}

.ui-dialog-titlebar.ui-widget-header .ui-dialog-title {
    height: 0;
}
.ui-dialog-content.ui-widget-content .field--name-price.field--label-above {
    display: none;
}
div.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: unset;
    top: 25%;
    width: 100%;
    margin: -10px 0;
    padding: 0;
    height: 100%;
    left: 0;
    background-color: transparent;
    z-index: 2;
    border: none;
}
.ui-dialog-titlebar.ui-widget-header button.ui-button .ui-icon {
    background-image: none;
}
.ui-dialog-titlebar.ui-widget-header span.ui-icon-closethick:after {
    content: "Continue Shopping";
    display: block;
}

div.ui-widget-content a, div.ui-widget-content a {
    color: transparent;
    position: relative;
    width: 100%;
    max-width: unset;
    background-color: transparent;
    margin-right: 0;
    display: flex;
}
form button.use-ajax-submit.button {
    justify-content: center;
}
.cart--cart-block .cart-block--contents .cart-block--contents__links a {
    justify-content: flex-end;
    justify-content: end;
}
div.ui-widget-content a:after {
    content: "Add to order";
    display: block;
    position: absolute;
    top: 0;
    margin-right: 0;
    padding: 5px 8px;
    line-height: 1;
    font-size: 1em;
    font-weight: 400;
    border-radius: 0;
    border: none;
    color: #fff;
    width: auto;
}
form.commerce-order-item-add-to-cart-form .form-group.form-type-number  {
  margin: 0;
  display: flex;
  justify-content: center;
  margin-bottom: 5px;
}
form.commerce-order-item-add-to-cart-form .form-group .control-label {
  display: flex;
  align-items: center;
  margin-right: 5px;
  visibility: hidden;
  width: 32px;
}
form.commerce-order-item-add-to-cart-form .form-group .control-label:before{
    content: "Qty.";
    visibility: visible;
    z-index: 2;
}
form.commerce-order-item-add-to-cart-form .form-group input{
  width: 60px;
  padding: 5px 0 5px 5px;
}
div.ui-widget-content a:after {
    content: "Finalize order";
    color: #111;
}
.cart--cart-block .cart-block--contents .cart-block--contents__links a:after {
    color: #fff;
}
div.ui-widget-content a:after, .views-field-order-number a {
    text-decoration: underline;
}
.ui-dialog-titlebar.ui-widget-header:hover:after, div.ui-widget-content a:hover:after, .views-field-order-number a:hover {
    text-decoration: none;
}
.commerce-checkout-flow .form-actions {
    flex-direction: row-reverse;
    justify-content: space-between;
}
.form-wrapper__returning-customer {
    width: 100%;
}
.html .commerce-checkout-flow .form-control, .commerce-checkout-flow .panel-title {
    padding: 5px;
}
.commerce-checkout-flow .form-group {
    margin: 7px 0;
}
.commerce-checkout-completion-register, .block-commerce-checkout.block-commerce-checkout-progress ~ .layout-order-form .entity-meta details {
    border: 1px solid rgba(112,112,112,.36);
    padding: 1em;
    margin: 1em 0;
}
.block-commerce-checkout.block-commerce-checkout-progress ~ .layout-order-form .entity-meta details > div {
    margin-left: 1em;
}
.main-container .block-commerce-checkout.block-commerce-checkout-progress, .main-container .block-commerce-checkout.block-commerce-checkout-progress ~ .layout-order-form {
    padding: 0 3em;
    max-width: 1000px;
    margin: 3em auto;
}
.html .view-commerce-cart-form .quantity-edit-input.form-control, 
.html .cart--cart-offcanvas input[type=number]{
    padding: 5px;
}
/**Cart icon and cart Flyout**/
.dxpr-theme-header .block.block-commerce-cart-flyout{
    margin: auto 0;
}
.block-commerce-cart-flyout .cart-block--summary{
    height: unset;
}
.dxpr-theme-header a.cart-block--link__expand{
    font-size: 15px;
    margin: auto 0;
    padding: 5px 8px;
    color: #fff;
    display: flex;
    flex-direction: column;
    min-width: 75px;
}
span.cart-block--summary__icon{
    max-width: 25px;
    margin: 0 auto;
}
span.cart-block--summary__icon img{
    width: auto;
}
.cart-block--link__expand span.cart-block--summary__count{
    color: #fff;
    font-size: 15px;
    margin: 0 auto;
}
/**Flyout**/

.cart--cart-offcanvas .cart--cart-offcanvas__close {
    padding: 10px;
}
.cart-offcanvas button span.visually-hidden{
    width: auto;
    height: auto;
    position: relative !important;
    overflow: visible;
}
.cart-offcanvas .cart-block--offcanvas-cart-table__quantity{
    min-width: 45px;
}
.cart--cart-offcanvas .cart--cart-offcanvas__close button.button, .cart--cart-offcanvas .cart--cart-offcanvas__close button.button:hover, .cart--cart-offcanvas .cart-block--offcanvas-contents td:not(.cart-block--offcanvas-cart-table__remove) button:not(.cart-block--offcanvas-contents__update).button, .cart-block--offcanvas-contents__links a {
    padding: 10px 6px 10px;
    min-width: 143px;
}
.cart-block--offcanvas-contents__update {
    display: flex;
    margin: 0 12px 0 auto;
}
.cart-block--offcanvas-cart-table button.cart-block--offcanvas-contents__update{
    display: flex;
    justify-content: center;
}
.cart-block--offcanvas-contents__links{
    display: flex;
    width: 100%;
    padding: 0 10px;
}
.cart-block--offcanvas-contents__links a{
    display: inline-block;
    text-align: center;
    margin: 0 0 0 auto;
}
/**END Cart Flyout**/

@media all and (min-width: 700px){
.checkout-pane-login {
    display: flex;
    justify-content: space-between;
}
.checkout-pane-login > div, .checkout-pane-login > .form-wrapper__returning-customer {
    /*width: 48%;*/
}
}/**save for 700**/
@media all and (min-width:1200px){
.view-commerce-cart-block .view-header a {
    right: 3em;
}
}/**save for 1200**/
/*==========END Store, Checkout, Cart, Buy button==========*/

/**== Parts Finder specific node type ==**/
aside.parts-first-column .region-sidebar-first > section:last-child,
.region-sidebar-second > section.block-views-blockparts-diagram-buttons-block-1,
.region-sidebar-second > section.block .table-responsive,
.node--type-parts-list > div > div {
    margin-bottom: 80px;
 }
 
.node--type-parts-list > div > div:first-child {
    margin-top: 80px;
 }
 
aside.parts-first-column, .region-sidebar-second > section.block .table-responsive:last-child {
        margin-bottom: 0;
 }
 
.page-node-type-horning-product-purchasable div.region-sidebar-second > section {
    padding-right: 0;
    padding-left: 0;
}

.page-node-type-horning-product-purchasable div.region-sidebar-second caption {
    padding-top: 0;
    padding-bottom: 0;
}

.table-responsive {
    border: none;
}
.commerce-checkout-flow-multistep-default button{
    margin: 1em 0 2em;
}
.checkout-pane > div, .checkout-pane.checkout-pane-billing-information{
    border-radius: 0;
}
.checkout-pane.checkout-pane-review .panel-heading{
    padding: 1em;
}
.form-item-dealer-add{
    display: block;
    width: 100%;
}
.form-item-dealer-add form{
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 0 auto 2em;
}
.form-item-dealer-add form.commerce-order-item-add-to-cart-form div.form-group{
    align-self: start;
}

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td, 
.commerce-checkout-flow .panel-heading .panel-title {
    font-weight: 400;
    font-size: 1rem;
    padding: 20px 10px;
    background-color: #e5e5e5;
    color: #111;
}
.panel-default {
    border-color: #e5e5e5;
    border-radius: 0;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 14px 5px;
    line-height: 1.1;
}

td .img-responsive {
    min-width: 50px;
    width: auto;
    display: inline-block;
}

.table-responsive > .table > tbody > tr > td:first-child, .table > caption + thead > tr > th:first-child {
    
}

.field--name-field-roll-drawing {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(276px, 1fr));
}

.field--name-field-roll-drawing .field--item {
    padding: 30px 15px;
    width: auto;
    max-width: 480px;
    box-sizing: border-box;
}

.field--name-field-roll-drawing .field--item .media--view-mode-roll-drawing {
    display: flex;
    justify-content: center;
}

.field--name-field-roll-drawing .field--item .media--view-mode-roll-drawing figure {
    align-self: center;
    display: block;
}

.field--name-field-roll-drawing .field--item .media--view-mode-roll-drawing figure {
    max-height: 100%;
    max-width: 100%;
}

.field--name-field-roll-drawing figcaption {
    text-align: center;
    font-weight: 600;
}

.field--name-field-roll-drawing .field--item .media--view-mode-roll-drawing figure img {
    height: auto;
    width: 100%;
}

.view-parts-diagram-buttons .view-content {
    display: flex;
    flex-wrap: wrap;
}

.view-parts-diagram-buttons .view-content > div {
    border: 1px dashed #707070;
    width: 100%;
    margin: 10px 0;
}

.view-parts-diagram-buttons .view-content > div a {
    padding: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    height: 100%;
}

.view-parts-diagram-buttons .view-content > div a span {
    align-self: center;
}

.view-parts-diagram-buttons .view-content > div a span:first-child {
    padding-right: 15px;
    margin: 15px 0;
    width: 44%;
}

.view-parts-diagram-buttons .view-content > div a span {
    align-self: center;
    font-size: 1rem;
}


select.facets-dropdown {
    width: 100%;
}

/**========== Parts Diagram ==========**/
.node--type-parts-list .field--name-field-parts-list .paragraph-formatter .paragraph-info {
    -ms-grid-column: 2;
    -ms-grid-row-span: 1;
    -ms-grid-row: 2;
    grid-row: 2 / span 1;
}

.node--type-parts-list .field--name-field-parts-list .paragraph-formatter .paragraph-summary {
    grid-column: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    -ms-grid-row-span: 1;
    -ms-grid-row: 2;
    grid-row: 2 / span 1;
}

.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
    border-top: 1px solid rgba(112, 112, 112, .36);
}



.table > caption + thead > tr:first-child > th:first-child,
.table > thead > tr > th:first-child,
.table > tbody > tr > td:first-child {
    border-left: 1px solid rgba(112, 112, 112, .36);
}

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td,
.table > caption + thead > tr:first-child > th:last-child,
.table > tbody > tr > td {
    border-right: 1px solid rgba(112, 112, 112, .36);
}

.table > tbody > tr:last-child > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
    border-bottom: 1px solid rgba(112, 112, 112, .36);
}


.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
    text-align: center;
    vertical-align: middle;
}

/***=== Brand Comparison chart ===***/
form table, .form-group table{
    min-width: 400px;
    overflow-y: scroll;
    scrollbar-color: #232323 transparent;
    scrollbar-gutter: stable;
}
::-webkit-scrollbar {
    height: 12px;
    border: 1px solid #232323;
}
::-webkit-scrollbar-thumb:horizontal{
    background-color: #232323;
    border-radius: 10px;
}
::-webkit-scrollbar:horizontal {
    height: 12px !important;
  }
  
::-webkit-scrollbar-thumb {
    border-radius: 4px !important;
    height: 12px;
    background: #41617D !important;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5) !important;
}


table caption {
    color: #eac347;
    font-size: 26px;
    padding-bottom: 20px;
}
.field--name-field-comparison-charts .table {
    width: auto;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}

.field--name-field-comparison-charts > .field--item, #tablefield-wrapper-block_content-24-field_brand_comparison_charts-0 {
    padding: 0 20px;
}
#tablefield-wrapper-block_content-24-field_brand_comparison_charts-0 {
    padding: 30px 20px;
}
.field--name-field-comparison-charts > .field--item:nth-of-type(2) {
    padding: 0;
}
.tablefield-wrapper .table > tbody > tr > th, 
.tablefield-wrapper .table > tfoot > tr > th, 
.tablefield-wrapper .table > thead > tr > td, 
.tablefield-wrapper .table > tbody > tr > td, 
.tablefield-wrapper .table > tfoot > tr > td, 
.tablefield-wrapper .table > caption + thead > tr:first-child > th, 
.tablefield-wrapper .table > colgroup + thead > tr:first-child > th, 
.tablefield-wrapper .table > thead:first-child > tr:first-child > th, 
.tablefield-wrapper .table > caption + thead > tr:first-child > td, 
.tablefield-wrapper .table > colgroup + thead > tr:first-child > td, 
.tablefield-wrapper .table > thead:first-child > tr:first-child > td, 
.table > caption + thead > tr:first-child > th {
    border: none;
    white-space: pre-wrap;
    overflow-wrap: break-word;
}
.tablefield-wrapper .table > thead > tr > th, 
.tablefield-wrapper .table > tbody > tr > th, 
.tablefield-wrapper .table > tfoot > tr > th, 
.tablefield-wrapper .table > thead > tr > td, 
.tablefield-wrapper .table > tbody > tr > td, 
.tablefield-wrapper .table > tfoot > tr > td {
    padding: 14px 10px;
}
.tablefield-wrapper td, .tablefield-wrapper th {
    min-width: 135px;
    max-width: 216px;;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    vertical-align: middle;
}

.tablefield-wrapper .table > caption + thead > tr:first-child > th {
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #232323;
    padding: 10px 10px;
    font-weight: bold;
}
.tablefield-wrapper .table > caption + thead > tr:first-child > th.col_4 {
    background-color: #eac347;
}
.table-striped > tbody > tr.even {
    background-color: #e5e5e5;
}

.tablefield-wrapper th.col_0, .tablefield-wrapper .table > caption + thead > tr > th.col_0 {
    text-align: left;
}
.tablefield-wrapper tbody th.col_0, .tablefield-wrapper thead th:not(.col_0) {
    color: #232323;
}

.tablefield-wrapper .table > tbody > tr > th.col_4, .tablefield-wrapper .table > tbody > tr > td.col_4 {
    min-width: 300px;
    max-width: 400px;
    border-right: 2px solid #eac347;
    border-left: 1px solid #eac347;
}
.tablefield-wrapper .table > tbody > tr:last-child > td.col_4 {
    border-bottom: 1px solid #eac347;
}

@media all and (min-width:500px){
/***========== Parts and Parts Finder ==========***/
div.fit-my-machine-wrapper {
    display: flex;
    justify-content: space-between;
}
body:not(.path-frontpage) .fit-my-machine-wrapper div.fit-my-machine, body:not(.path-frontpage) .fit-my-machine-wrapper div.fit-my-machine ~ div.fit-my-machine {
    margin-top: 100px;
    width: 49%;
}
/***========== END Parts and Parts Finder ==========***/
}/**save for 500**/

@media (min-width: 1075px){
.path-cart .wrap-containers, .path-checkout .wrap-containers {
    padding: 4em 2em;
}
}/**1075**/