@media only screen and (min-width: 320px) and (max-width: 991px) {
	.global--topbar-container{
		display:none !Important;
	}
}

.global-brand-space p {margin-bottom: 6px;}

.global--body-link-container {
    font-weight: 700;
    padding: 0 0 10px;
    position: relative;
    display: inline-block;
}

.global--body-link-container::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    /*! background: #ff01a2; */
    content: '';
    opacity: 0;
    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    transition: height 0.3s, opacity 0.3s, transform 0.3s;
    transition: height 0.3s, opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

li.global--body-link-container::after {
    top: 60%;
}

.global--body-link-container:hover::after,
.global--body-link-container:focus::after {
    height: 8%;
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

a.global--body-link {
    /*! color: #ff01a2; */
}

a.global--body-link:hover,
a.global--body-link:focus {
    /*! color: #ff01a2; */
}

.global--body-container {
    width: 100%;
}

.global--page-content-container {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    padding-top: 5vh;
}

.global--one-column {
    grid-column: span 1;
}

.global--one-row {
    grid-row: span 1;
}

.global--two-column {
    grid-column: span 2;
}

.global--two-row {
    grid-row: span 2;
}

.global--full-column {
    grid-column-start: 1;
    grid-column-end: -1;
}

/*  ---------------------------------------------------------------------------
    UTILITY CLASSES

    These classes are for frequently reused properties and layout attributes,
    and should apply only one style rule per class.
    ------------------------------------------------------------------------ */

.global--text-center {
    text-align: center;
}

.global--grid-wrapper {
    display: grid;
}

.global--flex-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.global--block-wrapper {
    display: block;
}

.global--serif {
    font-family: 'Source Serif Pro', serif;
}

.global--hide-mobile {
    display: none;
}

.global--bold-text {
    font-weight: 700;
}

/*  ---------------------------------------------------------------------------
    MEDIA QUERIES

    Avetti relies on mobile-first design principles, and recommends that all
    client stylesheet customization adhere to the same principle. All stylistic
    changes that are both specific to larger screen resolutions and not 
    applicable to smaller screen resolutions should be placed below.
    ------------------------------------------------------------------------ */

@media only screen and (min-width: 767px) {
    .global--two-column {
        grid-column-start: span 2;
    }
    .global--two-row {
        grid-row-start: span 2;
    }
    .global--three-column {
        grid-column-start: span 3;
    }
    .global--three-row {
        grid-row-start: span 3;
    }
    .global--four-column {
        grid-column-start: span 4;
    }
    .global--hide-mobile {
        display: unset;
    }
    .global--body-link-container:hover::after,
    .global--body-link-container:focus::after {
        opacity: 0;
    }
}

@media only screen and (min-width: 992px) {
    .global--page-content-container {
        width: 75%;
        margin-left: 12.25%;
        margin-right: 12.25%;
        padding-top: 0vh;
    }
    .global--body-link-container:hover::after,
    .global--body-link-container:focus::after {
        height: 2px;
        opacity: 1;
    }
}
    .ie--please-upgrade {
 display:none
}
.global--scrolling-navbar {
 background-color:white;
 overflow:visible;
 z-index:999;
 -webkit-transition:all .5s cubic-bezier(0.23,1,0.320,1);
 transition:all .5s cubic-bezier(0.23,1,0.320,1)
}
.global--sticky {
 position:-webkit-sticky;
 position:sticky;
 top:0
}
a.global--skip-to-main {
 left:-999px;
 position:absolute;
 top:0;
 width:1px;
 height:1px;
 overflow:hidden;
 z-index:-999
}
a.global--skip-to-main:focus,a.global--skip-to-main:active {
 color:black;
 background:-webkit-gradient(linear,left top,left bottom,from(#ff01a2),to(#ff99d9));
 background:linear-gradient(to bottom,#ff01a2,#ff99d9);
 border:3px solid black;
 left:0;
 top:0;
 width:20%;
 height:5em;
 overflow:auto;
 font-size:1.2em;
 font-weight:700;
 z-index:999;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.global--footer-signup-container label {
 color:rgba(240,240,240,.95)
}
.global--footer-signup-container input[type=submit] {
 background-color:#ff01a2;
 color:hsla(322,100%,100%,0.95);
 text-transform:uppercase;
 cursor:pointer;
 border:1px solid #ff01a2;
 border-right-width:2px
}
.global--footer-navigation-container {
 padding-bottom:1em;
 line-height:2.5em
}
.global--footer-navigation-container ul {
 padding:0;
 display:none;
 line-height:unset
}
.global--footer-navigation-container>div {
 text-transform:uppercase;
 font-weight:700;
 border-bottom:2px solid #8ed0cb
}
.global--footer-navigation-container>div:last-of-type {
 border-bottom:none
}
.global--footer-navigation-container div i.fas,.global--footer-navigation-container div i.fab {
 color:#ff01a2;
 -ms-flex-item-align:center;
 align-self:center;
 justify-self:flex-end
}
.global--footer-navigation-container div i.fas {
 position:absolute
}
.global--footer-navigation-container div i.fas,.global--footer-navigation-container div i.fas::before,.global--footer-navigation-container div i.fas::after {
 -webkit-transition:all .35s;
 transition:all .35s
}
.global--footer-navigation-container ul li {
 list-style:none;
 font-size:1em;
 font-weight:400
}
.global--footer-navigation-container .global--body-link {
 color:black
}
.global--footer-navigation-container .global--body-link:hover {
 color:black
}
.global--footer-navigation-container.global--page-content-container>div .global--grid-wrapper {
 grid-template-columns:1fr 1fr;
 width:100%;
 position:relative
}
div.global--footer-container>div.global--footer-navigation-container.global--page-content-container>div {
 grid-template-rows:1% 1fr
}
.global--footer-container {
 background-color:#e8f0f3
}
#global--primary-navigation a {
 text-transform:uppercase;
 color:inherit
}
#global--primary-navigation {
 display:none
}
.global--footer-navigation-container.global--page-content-container>div:not(:first) {
 height:10vh
}
.global--footer-signup-container {
 display:grid;
 grid-template:1fr / 1fr;
 background-image:url(../images/Swirly-01.jpg);
 background-size:cover;
 background-repeat:repeat;
 background-color:#0a101e;
 background-blend-mode:soft-light
}
.global--footer-signup-container form {
 width:80%;
 margin-left:10%;
 margin-right:10%;
 padding-top:1em;
 padding-bottom:1em
}
.global--footer-signup-container form label,.global--footer-signup-container form input {
 width:100%;
 padding-bottom:1em;
 padding-top:1em;
 margin-bottom:1em;
 margin-top:.5em;
 font-weight:700;
 letter-spacing:.01em
}
.global--footer-signup-container form input[type="submit"]:focus {
 background-color:#a1a1a1
}
.global--inline-list {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:start;
 -ms-flex-align:start;
 align-items:flex-start;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between
}
.global--inline-list li {
 display:inline
}
#global--search-bar,#global--apply-to-sell,#global--signin,#global--basket,#global--wishlist {
 display:none
}
#global--hamburger-menu,#global--search-overlay {
 -ms-flex-item-align:center;
 align-self:center;
 justify-self:center
}
#global--hamburger-menu a {
 color:#ff01a2;
 font-size:2em
}
#global--search-overlay a {
 color:black
}
.global--logo {
 display:grid;
 -webkit-box-pack:left;
 -ms-flex-pack:left;
 justify-content:left;
 padding-top:1em;
 padding-bottom:1em
}
.global--logo img {
 width:70%
}
.global--topbar-container {
 display:grid;
 grid-template-columns:5fr 1fr 1fr
 height: 15vh;
}
#global--mobile-navigation-overlay {
 display:none;
 position:fixed;
 padding-top:5vh;
 top:0;
 left:0;
 bottom:0;
 right:0;
 height:100%;
 width:100%;
 z-index: 99999999;
 background-color:rgba(43,40,38,.95);
 overflow-y: scroll;
}
.global--mobile-navigation {
 display:grid;
 grid-template-columns:5fr 1fr;
 grid-template-rows:1fr;
 margin-top:3.5vh;
 width:85%;
 margin-left:7.5%
}

.global--mobile-navigation ul {
    margin-top: 30px;
}

.global--mobile-navigation ul:not(.browser-default) li {
    display: block;
    margin-bottom: 30px !important;
    font-weight: bold;
    line-height: 1em;
    padding: 0px;
}

.global--mobile-navigation i {
 color:hsl(174,100%,100%);
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 display:grid;
 font-size:2em
}
.global--mobile-navigation .global--logo {
 margin-top:-3.5vh;
 -webkit-filter:invert(100%);
 filter:invert(100%)
}
.global--mobile-navigation {
 text-transform:uppercase;
 color:rgba(240,240,240,.99)
}
.global--mobile-navigation .global--two-column>ul {
 list-style:none;
 margin-left:0;
 padding-left:0;
 padding-top:0
}
.global--mobile-navigation .global--two-column>ul li:hover {
 width:150%;
 margin-left:-5em;
 padding-left:5em;
 background-color:hsla(24,6%,6%,0.95);
 cursor:pointer
}
.global--mobile-navigation .global--two-column>ul>li li {
 display:none
}
.global--mobile-top-level-category {
 padding-top:.25em;
 padding-bottom:.25em;
 font-size: 1em;
}
#global--skinny-promo-container {
 background-color:#4b7dde;
 color:hsl(220,100%,100%);
 height:5vh;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 /* position:absolute; */
 /* top:0; */
 width:100%;
 clear:both;
 /* z-index:1000; */
}
.global--copyright {
 text-transform:uppercase;
 display:block;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:space-evenly;
 -ms-flex-pack:space-evenly;
 justify-content:space-evenly;
 font-size:.9em
}
.global--copyright img {
 padding-bottom:2.5%;
 width:90%
}
.global--copyright {
 text-align:center
}
.global--footer-small-container {
 padding-top:5vh;
 padding-bottom:5vh;
 font-size:1em;
 background-image:url(../images/measuring-tape.svg);
 background-size:contain;
 background-repeat:no-repeat;
 background-position:top
}
.global--footer-container>div.global--footer-navigation-container.global--page-content-container>div:nth-child(5) {
 grid-template-columns:2fr 1fr
}
.global--footer-container>div.global--footer-navigation-container.global--page-content-container>div:nth-child(5)>ul {
 display:-webkit-inline-box;
 display:-ms-inline-flexbox;
 display:inline-flex;
 margin:0
}
.global--footer-container>div.global--footer-navigation-container.global--page-content-container>div:nth-child(5)>ul li {
 padding-left:1.5em;
 padding-right:0
}

@media only screen and (min-width:321px) {
 .global--copyright {
  display:block
 }
 .global--copyright img {
  padding-bottom:2.5%;
  max-width:90%;
  margin:0 auto
 }
 .global--copyright p {
  text-align:unset
 }
}
@media only screen and (min-width:424px) {
 .global--copyright {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
 }
 .global--copyright img {
  max-width:40%;
  margin:unset
 }
}
@media only screen and (min-width:767px) {

 #global--primary-navigation {
    height: 10vh !important;
 }
 .global--footer-container .global--inline-list li a i:hover {
  color:#727a7e
 }
 .global--copyright {
  max-width:50%
 }
 .global--copyright img {
  padding:0
 }
 .global--copyright p {
  margin:0
 }
 #global--search-bar,#global--apply-to-sell,#global--signin,#global--basket,#global--wishlist {
  display:grid;
  justify-self:center
 }
 #global--nav-shop {
  position:relative;
  z-index:9999;
  overflow:visible
 }
 #global--nav-shop:hover {
  color:white;
  background-color:rgba(43,40,38,.95)
 }
 #global--nav-shop:hover #global--nav-shop-list {
  display:grid
 }
 #global--nav-shop-list {
  display:none;
  width:500%;
  grid-template-columns:3fr 1fr;
  grid-gap:.5em;
  position:absolute;
  background-color:rgba(43,40,38,.95);
  margin-left:0;
  
  text-transform:uppercase;
  text-align:left;
  letter-spacing:.1em;
  padding-top:1em;
  padding-bottom:1em
 }
 #global--nav-shop-list a {
  padding-left:1em;
  padding-top:1em;
  padding-bottom:1em;
  display:block
 }
 #global--nav-shop-list a:hover {
  background-color:black
 }
 #global--nav-shop-featured {
  border-left:2px solid black;
  display:grid;
  grid-template-rows:repeat(9,1fr)
 }
 #global--nav-shop-categories {
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:auto
 }
 #global--primary-navigation>div {
  padding-bottom:1.5em;
  padding-top:1em
 }
 #global--nav-shop-categories>div,#global--nav-shop-featured>div {
  padding-top:.75em;
  padding-bottom:.75em
 }
 #global--nav-shop span {
  letter-spacing:.15em;
  padding:1em
 }
 #global--basket img:hover,#global--wishlist img:hover {
  -webkit-filter:grayscale(1)brightness(1.75);
  filter:grayscale(1)brightness(1.75)
 }
 .global--footer-small-container {
  background-image:none;
  padding-bottom:5vh
 }
 .global--footer-container {
  background-size:contain;
  background-repeat:no-repeat;
  background-position:0 87%;
  background-image:url(../images/measuring-tape.svg)
 }
 .global--topbar-container.global--page-content-container div {
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-item-align:center;
  align-self:center;
  justify-self:center
 }
 #global--hamburger-menu,#global--search-overlay {
  display:none
 }
 #global--skinny-promo-container {
  position:relative
 }
 .global--footer-navigation-container {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  grid-template-rows:1fr;
  padding-top:4em;
  padding-bottom:10em;
  grid-gap:.5em
 }
 .global--footer-small-container {
  height:unset;
  padding-top:1em
 }
 .global--footer-small-container div.global--page-content-container {
  font-size:1em;
  text-transform:uppercase;
 }
 .global--footer-small-container img {
  height:5vh;
  -o-object-fit:contain;
  object-fit:contain
 }
 .global--baseline {
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
 }
 .global--footer-navigation-container {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  grid-template-rows:1fr;
  padding-top:4em;
  padding-bottom:10em
 }
 .global--footer-small-container {
  height:5vh;
  padding-top:1em
 }
 .global--footer-small-container div.global--page-content-container {
  font-size:1em;
  text-transform:uppercase;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between
 }
 .global--footer-small-container img {
  height:5vh;
  -o-object-fit:contain;
  object-fit:contain;
  max-width:20%
 }
 .global--baseline {
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
 }
 #global--primary-navigation {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  grid-gap:1em;
  text-align:center;
  width:90%;
  margin-left:5%;
  margin-right:5%;
  background-color:white;
  font-size:1em
 }
 .global--footer-signup-container {
  grid-template:1fr / 1fr;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
 }
 .global--footer-signup-container label {
  color:rgba(240,240,240,.95)
 }
 .global--footer-signup-container form {
  padding-top:2.15em;
  padding-bottom:2.15em;
  display:grid;
  grid-template:1fr / 2fr 2.5fr 1fr;
  width:70%;
  margin-left:15%;
  margin-right:15%;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  font-size:1.2em
 }
 .global--footer-signup-container input {
  border:0;
  padding:.5em
 }
 .global--footer-signup-container input[type=submit] {
  border:0
 }
 .global--topbar-container {
  grid-template:1fr / 1fr 1fr 1em 1fr 1em 1fr 1em 0.5fr 1em 0.5fr;
  grid-gap:.5em;
  font-size:1em;
  text-transform:uppercase
 }
 .global--topbar-container div.global--one-column:not(:nth-child(1)) {
  text-align:right
 }
 .global--logo {
  -webkit-box-pack:left;
  -ms-flex-pack:left;
  justify-content:left
 }
 .global--logo img {
  width:85%
 }
 .global--footer-navigation-container ul {
  padding:0;
  display:block;
  line-height:1em
 }
 .global--footer-navigation-container div i.fas {
  display:none
 }
 .global--footer-navigation-container div {
  border-bottom:none
 }
 .global--footer-navigation-container.global--page-content-container>div {
  display:unset
 }
 .global--footer-container>div.global--footer-navigation-container.global--page-content-container>div:nth-child(5)>ul li {
  padding-right:1.5em;
  padding-left:0
 }
 h2.global--tagline {
  padding-top:1em;
  padding-bottom:1em
 }
 
 @media only screen and (min-width:992px) {
	.global--topbar-container {
	  grid-template:1fr / 1.5fr 1fr 1fr 1em 1fr 1em 1fr 1em 0.5fr 1em 0.5fr
	}
	#global--primary-navigation {
	  width:75%;
	  margin-left:12.5%;
	  margin-right:12.5%
	}
	#global--nav-shop-list {
	  width:375%;
	  grid-template-columns:2fr 1fr;
	  grid-gap:1em
	}
	.navIcon {
		max-width: 90%;
	}
}

@media only screen and (min-width:1441px) {
 .global--footer-container {
  background-position:0 97%
 }
 #global--nav-shop-list {
  top:3.85em !important;
 }
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
 .ie--please-upgrade {
  display:block;
  padding:5%
 }
 .ie--please-upgrade a {
  color:blue;
  text-decoration:underline
 }
}

#global--search-bar {
    position: relative;
}

#global--primary-navigation {
    height: 10vh !important;
 }
 
 .global--topbar-container {
    height: 15vh !important; 
 }