/* ---------------------------------- */
/* ------------- GRID --------------- */
/* ---------------------------------- */
.col-1-med {
  width: 100%;
  width: calc(100% - var(--gridSpacing));
}

.col-2-med, .contentImgRow .item, .cartThumb.category, .cartThumb.item, .blog-widget .blog-widget-article, .table-to-div .item.col-2 {
  width: 50%;
  width: calc(50% - var(--gridSpacing));
}

.col-3-med {
  width: 33.333%;
  width: calc(33.333% - var(--gridSpacing));
}


#banner .container {
  padding: 25px 25px 5px;
}

#menu .subContainer {
margin-top: 0px;
}

#banner .logo {
  width: 170px;
}

#menu nav {
  justify-content: flex-end;
}

#menu {
  padding-bottom: 5px;
}

.textSection .siteContent, 
.categorySection .siteContent, 
.viewCart .siteContent,
body[class*="_item"] .siteContent,
body[class*="checkout"] .siteContent{
  padding: 6em 0;
}
.contentWrap section:last-of-type > div:last-of-type .siteContent {
  padding-bottom: 6em;
}

section:has(.buttonSection) .textSection .siteContent {
  padding-bottom: 5em;
}

.textSection + .photoSection .siteContent {
  padding-bottom:6em;
}

#subBannerHome:before {
  bottom: -60px;
  width: 100%;
}


#footerTop .deets > [class*="col-"]:nth-child(2),
#footerTop .deets > [class*="col-"]:nth-child(1) {
  margin-bottom: 2.5em;
}

#subBanner .container.hasImage {
  padding: 160px 45px 40px;
}



.table-to-div .col-2 .moduleTable.twoColumn.image-bg-table >tbody>tr>td,
.table-to-div .col-2 .moduleTable.borderTable >tbody>tr>td{
    padding: 8% 10%;
}

.table-to-div:has(.image-bg-table) .item:not(:has(.image-bg-table)){
  padding: 0 4%;
}

.textSection:has(.siteContent > .twoColumn.pullUpSection:last-child) .twoColumn.pullUpSection>tbody>tr>td:not(:has(.pullUp)) {
  padding-bottom: 6em;
}