/* ----- ORDERING HOME PAGE CSS ----- */
/* The CSS selectors are arranged roughly from the top of the page down */

/* Top header */
.site-header {
    background-image: url(/skin/images/headerBG);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.top-header,
.middle-bar,
.search-box-wrap,
.site-branding {
    background-color: transparent !important;
}

/* Reduce the top header's spacing to reduce space taken up by the header as a whole */
.top-header {
    padding-bottom: 0px;
    margin-bottom: -15px;
}

/* Sets the icons and help links to the top right of the page to the primary color with a white "border" shadow -- COMMENTED OUT TO REMOVE EFFECT FOR NOW
.top-header--right .icon,
.top-header--right .formatted-string,
.top-header--right .top-header--contact-link {
    color: var(--c-primary);
    text-shadow:
        -1px -1px 0 white,
        1px -1px 0 white,
        -1px 1px 0 white,
        1px 1px 0 white;
} */

/* Sets the dropdown icons and text (User login, cart, etc) to the primary color with a white "border" shadow */
.toolbar-item .text-label .formatted-string,
.toolbar-item .header-icon > .icon {
    color: var(--c-primary);
    text-shadow:
        -1px -1px 0 white,
        1px -1px 0 white,
        -1px 1px 0 white,
        1px 1px 0 white;
}

/* Adds padding below the logo to give more breathing room */
.site-logo {
    padding-bottom: 15px;
}

/* Reduces padding for every home-panel to compress the sections so more is viewable without scrolling */
.home-panel {
    padding-top: 40px;
    padding-bottom: 40px;
}

/* Removes subtext blank area in Categories Panels and aligns title text vertically */
.home-panel.container:has(#ordering__home__categoriesPanel__title) .entry-content {
    align-content: center;
    .entry-meta {
        display: None;
    }
}

/* Sets the background color of the footer to be the primary color and removes the background image */
.site-footer {
	background-color: var(--c-primary);
	background-image: None !important;
}

/* ----- ITEM CATALOG PAGE CSS ----- */

/* Reduces the flex of the catalog folder sections in the default Item Catalog page to 1/6 */
.titled-page-container.container > div.row > .card-container {
  flex: 0 0 16.6667%;
}
/* Reduces various spacing elements of the card body for each catalog folder section in the Item Catalog page */
.titled-page-container.container > div.row > .card-container .card-button-group {
  padding-bottom: 5px;
}
.titled-page-container.container > div.row > .card-container .card-img-contain {
  padding-bottom: 5px;
  padding-top: 5px;
}
.titled-page-container.container > div.row > .card-container .card-body {
  padding-bottom: 0px;
}
.titled-page-container.container > div.row > .card-container .card-body .card-description {
  margin-top: -10px;
  margin-bottom: -10px;
}