/****************************************************************************************
****************************** TABLE OF CONTENTS ***************************************/
/****************************************************************************************

  1. GLOBAL 
  2. MISC.
  3. BILL CODE 10 
  4. PROMO TAB

  - If you are making changes here, changes may need to be made in 
  the con/responsive.css file as well

*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
****************************************************************************************/





/****************************************************************************************
************************************* 1. GLOBAL *****************************************
****************************************************************************************/

/*Remove sr_ error text from Basket, Review, Accept pages*/
.previewcell pre { display: none;}


/*** FONT ***/
@font-face {
    font-family: 'Montserrat', sans-serif;
    src: url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
}

.profile form, .basket-view form, .shipping form, .billing form, .login form {
     max-width: fit-content;
     margin: auto;
}

/*** Header ***/
#header-wrapper{
  border-bottom: 24px solid #d7b127;
}

#header_logo {
  padding: 80px 0;
}

#header_logo > img.no_mobile {
    position: absolute;
    top: 32px;
    left: 25px;
    max-width: 350px;
    height: auto;
}

#header-links-container {
  position: absolute;
  top: 70px;
  right: 10%;
  text-transform: uppercase;
}

.header-links a {
  margin: 0px 15px;
  padding: 5px;
}
.header-links a:hover {
  padding: 5px;
}

#logout_userid{
    padding-left: 15px
}
/*-- CANCEL LINK ---*/
#footer\2e footercanceltext{
  padding-right: 15px;
}

/*** Item Search Block ***/
.item-search-block {
    border-bottom: 4px solid #d7b127;
    padding-bottom: 8px;
}

/****************************************************************************************
*********************************** END GLOBAL ************************************
****************************************************************************************/

/****************************************************************************************
************************************* 2. MISC *****************************************
****************************************************************************************/

.bundle-qty-selection.details_only
{
    margin: 0 !important;
    padding-right: 0;
    width: 100%;
}

.bundle_subitem
{
    width: 100% !important;
}

.bundle_subitem tbody tr
{
    display: inline-block;
    vertical-align: top;
    width: 20%;
}

.bundle_subitem_longname
{
    color: #363636;
    font-size: 0.97rem;
    font-weight: 600 !important;
    margin-bottom: 2rem !important;
    white-space: normal !important;
}

.bundle_subitem_preview img
{
    width: 250px;
}

.catalog-arrow
{
    cursor: pointer;
}

.catalog-description
{
    margin-top: 0.25rem;
}

/* .catalog-details
{
    display: none;
} */

.catalog-note:not(:last-child)
{
    margin-bottom: 0;
}

.catalog-turnaround
{
    margin-top: 0.5rem;
}

/* .detail_image_wrapper.ng-scope
{
    display: none !important;
}

.detail_text_wrapper.ng-scope
{
    display: none !important;
} */

.note.responsive-pricing
{
    clear: both;
}

.previewcell pre
{
    display: none; 
}

.responsive-choose-info
{
    display: block !important;
}

.responsive-longname
{
    color: #363636;
    font-size: 1.03rem;
    font-weight: 600 !important;
    line-height: 1.125;
    margin-bottom: 0.5rem;
}

.stretchy_cols.responsive-item.image-row, .bundle_subitem_longname
{
    color: #4A4A4A;
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.stretchy_cols.responsive-item.image-row
{
    max-height: fit-content;
}

.tab-description
{
    max-width: 50%;
}

.add-to-basket-btn
{
    margin-left: 20px;
}

span.promoblurb {
     text-align: center;
     display: block;
     font-size: 24px;
     font-weight: bold;
     padding: 12px 0px;
     /* margin-bottom: -15px; */
     /* text-shadow: 1px 1px 3px #d7b127; */
}
span.promoblurb a {
     text-decoration: none;
     color: blue;
}
span.promoblurb a:hover {
     text-decoration: none;
     color: #d7b127;
}

.catalog-tab-blurb {
    margin-top: 30px !important;
    margin-bottom: -20px;
    width: 90% !important;
 }

@media only screen and (min-width: 800px)
{
    .bundle_subitem tbody tr
    {
        width: 33%;
    }
}

@media only screen and (min-width: 1200px)
{
    .bundle_subitem tbody tr
    {
        width: 25%;
    }
}

@media only screen and (min-width: 1600px)
{
    .bundle_subitem tbody tr
    {
        width: 20%;
    }
}

#d_tag_check select {
    margin-bottom: 0px !important;
    margin-left: 20px !important;
}

ul.corp-list button, div.corp_divisions button {
     min-width: 346px !important;
}

.corp-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 10px;
}

/****************************************************************************************
************************************* 3. BILL CODE 10 ******************************
****************************************************************************************/

/* header css for final approve order */
/* Added from apartmentservices 4/8/2025 */
td.label:has(>span#bill\.billcode10label) {
    white-space: nowrap;
}
span.standout {
    text-shadow: 1px 1px 1px rgb(125 125 125 / 75%) !important;
}
p.approve_order {
    font-size:1.25em !important;
    padding: 15px;
    /*background-color: #EEE;*/
    border-radius: 0.35em;
    -webkit-box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 3px 6px rgb(0 0 0 / 7%);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 3px 6px rgba(0,0,0,0.040);
    box-shadow: inset 0 1px 0 rgb(255 255 255), 0 3px 6px rgb(0 0 0 / 40%);
    text-shadow: 0 1px 0 rgb(0 0 0 / 5%);
}
p.approve_order_text {
    font-size:1.15em !important;
    padding: 15px;
    /*font-weight: normal !important;*/
    /*background-color: #EEE;*/
    border-radius: 0.35em;
    -webkit-box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 3px 6px rgb(0 0 0 / 7%);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 3px 6px rgba(0,0,0,0.040);
    box-shadow: inset 0 1px 0 rgb(255 255 255), 0 3px 6px rgb(0 0 0 / 40%);
    text-shadow: 0 1px 0 rgb(0 0 0 / 5%);
}

/* Jake Boyd
   Keep the tabs from displaying transparently below footer.
*/
@media only screen and (min-width: 1025px) {
    .responsive_tabs-shell .responsive_tabs {
        overflow-y: hidden !important;
    }
}

/*************************************************************************************************/
/*
/*      4. PROMO TAB                                                update 2025-07-02 : Jess
/*
/*      needed a method to deal with the extremely long descriptions in the promo tab
/*************************************************************************************************/

.responsive-choose-info {
    margin-bottom: 10px !important;
    max-height: fit-content !important;
    overflow: visible !important;
}