/* ---------------------------------- */
/* ------------- 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 {
  width: 50%;
  width: calc(50% - var(--gridSpacing));
}

.col-3-med, .logoTable .col-5, .supplierTable .item {
  width: 33.333%;
  width: calc(33.333% - var(--gridSpacing));
}


#banner .enquire-trigger {
  margin-top: 25px;
  margin-right: 25px;
}

#banner .logo {
  padding-bottom: 5px;
}

#menu {
  padding-bottom: 10px;
  font-size: .95em;
}

#menu nav > li > a {
  transition: var(--transition);
}

.scrollStart #menu nav > li > a {
  padding: 3px 10px;
  transition: var(--transition);
}

.scrollStart #banner .logo{
  width: 260px;
  padding: 20px 20px 8px;
}

.scrollStart #banner .enquire-trigger {
  margin-top: 20px;
  margin-right: 20px;
  padding: .9em 1.6em;
}

.siteTop {
  padding-top: 189px;
}


h1, h2.style-three {
  font-size: 2.6em;
  margin: .3em 0;
}

#banner .topBar .deets > :last-child,
#banner .socials {
  display: none;
}

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

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



.logoTable.table-to-div img {
  max-height: 60px;
}


.ack {
  margin-top: 4em;
}

#subBanner .container {
  padding-bottom: 150px;
}