/* ---------------------------------- */
/* ------------- 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));
}

.textSection .siteContent, .categorySection .siteContent, .viewCart .siteContent {
  padding: 6em 0;
}

.contentWrap section:last-of-type > div:last-of-type .siteContent {
  padding-bottom: 6em;
}

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

.link0 #section2 {
  padding-top: 6em;
}


.footerRight {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 50px;
}

footer nav {
  margin-bottom: 130px;
}

footer {
  padding-top: 120px;
}


 .slideBox {
  position: fixed;
  bottom: 0px;
}

.link2 #section1:after {
  top: calc(16em + 22.5vw);
}

.link1 #section2 {
  margin-top: -2em;
}

/* ---------------------------------- */
/* ----------- NAVIGATION ----------- */
/* ---------------------------------- */
#menu {
  display: none;
}

#navToggleWrap {
  max-width: 50px;
  height: 50px;
  background: var(--cta);
  color: var(--white);
  display: -ms-flexbox;
  display: flex;
  justify-content:center;
  align-items: center;
  position: fixed;
  top: calc(var(--setPadding) + 3px);
  right: calc(275px + var(--setPadding));
  z-index: 200;
  transition: var(--transition);
}
#navToggleWrap > #navToggle {
  padding: 4px;
  width: 30px;
  height: 25px;
  border-top: solid var(--buttonBorderWidth) var(--white);
  border-bottom: solid var(--buttonBorderWidth) var(--white);
  line-height: 1em;
  position: static;
  cursor: pointer;
  text-decoration: none;
  background: none;
}

#navToggleWrap > #navToggle {
  position: relative;
}

#navToggleWrap > #navToggle:before {
  content: '';
 position: absolute;
 display: block;
 top: calc(50% - 1px);
 width: 100%;
 right: 0;
 height: var(--buttonBorderWidth);
 background: var(--white);
 transition: var(--transition);
}

#navToggleWrap > a {
  display: none;
}

#navToggleWrap > #navToggle:hover:before {
  width: 50%;
}

#mobileMenu {
  display: inline-block;
  background: var(--cta);
  padding: 15px 0;
}
#mobileMenu nav {
  display: none;
}
#mobileMenu li {
  list-style-type: none;
  padding: 5px 20px;
}
#mobileMenu li a {
  width: auto;
  text-decoration: none;
  color: inherit;
  display: inline-block;
}
#mobileMenu li span {
  padding: 4px 10px;
  display: block;
  color: var(--white);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .05em;
   
}
#mobileMenu .parent > span:after {
  content: "\f107";
  font-family: 'fontAwesome';
  margin-left: 10px;
  transition: .3s;
  transform: rotate(0deg);
  display: inline-block;
}
#mobileMenu .parent.open > span:after {
  transform: rotate(180deg);
}
#mobileMenu .current > span, #mobileMenu .current > a span, #mobileMenu li:hover > a span {
  color: var(--primaryDark);
  background: var(--white);
}

#mobileMenu nav {
  display: inline-block;
  width: 100%;
}

#mobileMenu {
  position: fixed;
  top: 0;
  left: -300px;
  width:300px;
  height: 100%;
  z-index: 10000;
  overflow: scroll;
  transition: .5s ease-out;
}
#mobileMenu.menu-open {
  left: 0;
  box-shadow: 5px 0 10px var(--opacity20);
}

/* ----------- SUB MENU ----------- */
#mobileMenu li ul {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
  background: var(--opacity20);
}
#mobileMenu li ul li {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

#mobileMenu li ul a {
  padding-left: 30px;
}


.scrollStart #navToggleWrap {
  top: 12px;
  transition: var(--transition);
}