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

/* ---------------------------------- */
/* ---------- MENU RESIZE ----------- */
/* ---------------------------------- */

#menu {
  position: relative;
}

#menu nav {
  padding: 10px;
  justify-content: space-between;
}

#menu nav > li:not(:last-child) > a,
.scrollStart #menu nav > li:not(:last-child) > a {
  padding: 10px;
}

#banner .logo {
  margin: auto;
  transform-origin: center
}

.scrollStart #banner > .container > .container {
  border-color: var(--opacity10);
}

.scrollStart #banner .logo .scrollLogo {
  left: 50%;
  transform: translateX(-50%)
}

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

/* ---------------------------------- */
/* ------------ FOOTER -------------- */
/* ---------------------------------- */

footer .container {
  align-items: center;
  justify-content: center;
}

footer #footerTop .container .col-1-med {
  text-align: center;
}

#footerTop .phone {
  display: block;
  margin-top: 2em;
}

/* ---------------------------------- */
/* ------------ SLIDERS ------------- */
/* ---------------------------------- */

.buttonSection .slick-next,
.buttonSection .slick-prev {
  top: calc(100% + 1rem);
}

.buttonSection .slick-next {
  left: calc(50% + .25rem);
}

.buttonSection .slick-prev {
  left: auto;
  right: calc(50% + .25rem);
}

.slick-title {
  font-size: 5em;
}