@import url("//theme.zdassets.com/theme_assets/118078/38b17404ee55c110dd79f36091eae3dabcc9b71f.css");
@import url("//theme.zdassets.com/theme_assets/118078/36f0fd5cb451590d055b38f6afad8c69f74bfc9a.css");
/* @import url("//theme.zdassets.com/theme_assets/118078/f241c04d898a5b84f1ab64bc1d95830990e36a07.css"); */

@font-face {
  font-family: 'BrandonText-RegularItalic';
  font-weight: normal;
  font-style: italic;
  src: url("//theme.zdassets.com/theme_assets/118078/1efa3d0d2aba38894ca78df9bc7ec5675d14e5f8.eot");
  src: url('//s3.amazonaws.com/stitchfix/html-email-support/fonts/brandon/2B26E2_0_0.eot?#iefix') format('embedded-opentype'),
       url('//s3.amazonaws.com/stitchfix/html-email-support/fonts/brandon/2B26E2_0_0.woff') format('woff'),
       url('//s3.amazonaws.com/stitchfix/html-email-support/fonts/brandon/2B26E2_0_0.ttf') format('truetype'),
       url('//s3.amazonaws.com/stitchfix/html-email-support/fonts/brandon/2B26E2_0_0.svg#wf') format('svg');
}

@font-face {
  font-family: 'BrandonText-Regular';
  font-weight: normal;
  font-style: normal;
  src: url('//s3.amazonaws.com/stitchfix/html-email-support/fonts/brandon/2B26E2_1_0.eot');
  src: url('//s3.amazonaws.com/stitchfix/html-email-support/fonts/brandon/2B26E2_1_0.eot?#iefix') format('embedded-opentype'),
       url('//s3.amazonaws.com/stitchfix/html-email-support/fonts/brandon/2B26E2_1_0.woff') format('woff'),
       url('//s3.amazonaws.com/stitchfix/html-email-support/fonts/brandon/2B26E2_1_0.ttf') format('truetype'),
       url('//s3.amazonaws.com/stitchfix/html-email-support/fonts/brandon/2B26E2_1_0.svg#wf') format('svg');
}

@font-face {
  font-family: 'BrandonText-Medium';
  font-weight: normal;
  font-style: normal;
  src: url('//p6.zdassets.com/hc/theme_assets/118078/200067324/BrandonTextWeb-Medium.eot') format('embedded-opentype'),
       url('//p6.zdassets.com/hc/theme_assets/118078/200067324/BrandonTextWeb-Medium.woff') format('woff'),
       url('//p6.zdassets.com/hc/theme_assets/118078/200067324/BrandonTextWeb-Medium.ttf') format('truetype'),
}

@font-face {
  font-family: 'BrandonText-Bold';
  font-weight: bold;
  font-style: normal;
  src: url('//p6.zdassets.com/hc/theme_assets/118078/200067324/BrandonTextWeb-Bold.eot') format('embedded-opentype'),
       url('//p6.zdassets.com/hc/theme_assets/118078/200067324/BrandonTextWeb-Bold.woff') format('woff'),
       url('//p6.zdassets.com/hc/theme_assets/118078/200067324/BrandonTextWeb-Bold.ttf') format('truetype'),
}

@font-face {
  font-family: 'BrandonGrotesque-Light';
  font-weight: normal;
  font-style: normal;
  src: url('//s3.amazonaws.com/stitchfix/html-email-support/fonts/brandon/2B26E2_5_0.eot');
  src: url('//s3.amazonaws.com/stitchfix/html-email-support/fonts/brandon/2B26E2_5_0.eot?#iefix') format('embedded-opentype'),
       url('//s3.amazonaws.com/stitchfix/html-email-support/fonts/brandon/2B26E2_5_0.woff') format('woff'),
       url('//s3.amazonaws.com/stitchfix/html-email-support/fonts/brandon/2B26E2_5_0.ttf') format('truetype'),
       url('//s3.amazonaws.com/stitchfix/html-email-support/fonts/brandon/2B26E2_5_0.svg#wf') format('svg');
}

@font-face {
  font-family: 'BrandonGrotesque-Regular';
  font-weight: normal;
  font-style: normal;
  src: url("//theme.zdassets.com/theme_assets/118078/539dc58e034fc9b79ca4e91081b45f9d91598900.eot");
  src: url('//p6.zdassets.com/hc/theme_assets/118078/200067324/BrandonGrotesque-Regular.eot?#iefix') format('embedded-opentype'),
       url("//theme.zdassets.com/theme_assets/118078/b29f5a08c28436c1f265e7bcfa1f606112c19286.woff") format('woff'),
       url("//theme.zdassets.com/theme_assets/118078/4d9b536c10b362548b6d243a4d080f2ba151fc66.ttf") format('truetype'),
       url("//theme.zdassets.com/theme_assets/118078/e8acc9022336f58bb5ee2e2d4d98b51bebf45990.svg") format('svg');
}

@font-face {
  font-family: 'BrandonGrotesque-Medium';
  font-weight: normal;
  font-style: normal;
  src: url("//theme.zdassets.com/theme_assets/118078/3575686c7385d331d5019c16e5d1d615d6bd86b6.eot");
  src: url('//p6.zdassets.com/hc/theme_assets/118078/200067324/BrandonGrotesque-Medium.eot?#iefix') format('embedded-opentype'),
       url("//theme.zdassets.com/theme_assets/118078/4a1fa029a768eb18f1f677e67fe8a533405e0024.woff") format('woff'),
       url("//theme.zdassets.com/theme_assets/118078/9cabbaca3947b33ce14a4b5494b414e4134aa512.ttf") format('truetype'),
       url("//theme.zdassets.com/theme_assets/118078/22eba8bb6e2181a8dd6580fa6f785fba76a97331.svg") format('svg');
}

@font-face {
  font-family: 'BrandonGrotesque-Bold';
  font-weight: bold;
  font-style: normal;
  src: url('//s3.amazonaws.com/stitchfix/html-email-support/fonts/brandon/2B26E2_6_0.eot');
  src: url('//s3.amazonaws.com/stitchfix/html-email-support/fonts/brandon/2B26E2_6_0.eot?#iefix') format('embedded-opentype'),
       url('//s3.amazonaws.com/stitchfix/html-email-support/fonts/brandon/2B26E2_6_0.woff') format('woff'),
       url('//s3.amazonaws.com/stitchfix/html-email-support/fonts/brandon/2B26E2_6_0.ttf') format('truetype'),
       url('//s3.amazonaws.com/stitchfix/html-email-support/fonts/brandon/2B26E2_6_0.svg#wf') format('svg');
}

/* @font-face {
  font-family: "SSSocial";
  src: url(https://d27bvhtwhzf6pr.cloudfront.net/assets/ss-social-circle-63e34a01c45305373f8c765952fb7284.eot);
  src: url(https://d27bvhtwhzf6pr.cloudfront.net/assets/ss-social-circle-63e34a01c45305373f8c765952fb7284.eot?#iefix) format("embedded-opentype"),
       url(https://d27bvhtwhzf6pr.cloudfront.net/assets/ss-social-circle-4b17cb022959ac34963865b491b29efb.woff) format("woff"),
       url(https://d27bvhtwhzf6pr.cloudfront.net/assets/ss-social-circle-a33b0d937e028925f4f417f854e6204b.ttf) format("truetype"),
       url(https://d27bvhtwhzf6pr.cloudfront.net/assets/ss-social-circle-fb2df68b4d30972aca6444f8ff72f9fe.svg#SSSocialCircle) format("svg");
  font-weight: bold;
  font-style: normal
}

@font-face {
  font-family: "SSSocial";
  src: url(https://d27bvhtwhzf6pr.cloudfront.net/assets/ss-social-regular-b725a5b653c7d0b165e04af71f172f12.eot);
  src: url(https://d27bvhtwhzf6pr.cloudfront.net/assets/ss-social-regular-b725a5b653c7d0b165e04af71f172f12.eot?#iefix) format("embedded-opentype"),
       url(https://d27bvhtwhzf6pr.cloudfront.net/assets/ss-social-regular-e7fb4a26347ec43e9dfb36035ed2b2a5.woff) format("woff"),
       url(https://d27bvhtwhzf6pr.cloudfront.net/assets/ss-social-regular-cd5cbb67e5fb43cd7bbc934ed2b2b128.ttf) format("truetype"),
       url(https://d27bvhtwhzf6pr.cloudfront.net/assets/ss-social-regular-b109fce406e6fd339c9c0658e02c1e12.svg#SSSocialRegular) format("svg");
  font-weight: normal;
  font-style: normal
} */

@font-face {
  font-family: "SSStandard";
  src: url(https://d27bvhtwhzf6pr.cloudfront.net/assets/ss-standard-1ac4ec7141671b6b23f91cfefb55cf81.eot);
  src: url(https://d27bvhtwhzf6pr.cloudfront.net/assets/ss-standard-1ac4ec7141671b6b23f91cfefb55cf81.eot?#iefix) format("embedded-opentype"),
       url(https://d27bvhtwhzf6pr.cloudfront.net/assets/ss-standard-9b0f5d4f669bdef9fe50c650c719a51d.woff) format("woff"),
       url(https://d27bvhtwhzf6pr.cloudfront.net/assets/ss-standard-ec66daf78b39f42af9d2ae2a568e632d.ttf) format("truetype"),
       url(https://d27bvhtwhzf6pr.cloudfront.net/assets/ss-standard-28f291af1063dc56b3932b04ee4a04f1.svg#SSStandard) format("svg");
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: "SSSymbolicons";
  src: url(https://d27bvhtwhzf6pr.cloudfront.net/assets/ss-symbolicons-line-2911265a401f9bc0938ea3e44ff8ca1a.eot);
  src: url(https://d27bvhtwhzf6pr.cloudfront.net/assets/ss-symbolicons-line-2911265a401f9bc0938ea3e44ff8ca1a.eot?#iefix) format("embedded-opentype"),
       url(https://d27bvhtwhzf6pr.cloudfront.net/assets/ss-symbolicons-line-8524193b81e2155f2fc04b98c44cf2ea.woff) format("woff"),
       url(https://d27bvhtwhzf6pr.cloudfront.net/assets/ss-symbolicons-line-e6bf1f8d5f2c47c3addf0c5caf0ee586.ttf) format("truetype"),
       url(https://d27bvhtwhzf6pr.cloudfront.net/assets/ss-symbolicons-line-ec90d5dfcf238e78b194d86e411e76ea.svg#SSSymboliconsLine) format("svg");
  font-weight: 300;
  font-style: normal
}

@font-face {
  font-family: 'Grad';
  font-weight: normal;
  font-style: normal;
  src: url("//theme.zdassets.com/theme_assets/118078/e00e811c74864046c25a3b1fd6739395fc69562c.eot");
  src: url('//p6.zdassets.com/hc/theme_assets/118078/200067324/Grad.eot?#iefix') format('embedded-opentype'),
       url("//theme.zdassets.com/theme_assets/118078/e8418de5a52ae11bcf876443a44058463d43dbd0.woff2") format('woff'),
       url("//theme.zdassets.com/theme_assets/118078/827b37ee2614557c057b6f0b716b59d1a33d6ac4.ttf") format('truetype');
}

@font-face {
  font-family: 'Grad-Bold';
  font-weight: normal;
  font-style: normal;
  src: url("//theme.zdassets.com/theme_assets/118078/1efa3d0d2aba38894ca78df9bc7ec5675d14e5f8.eot");
  src: url('//p6.zdassets.com/hc/theme_assets/118078/200067324/Grad-Bold.eot?#iefix') format('embedded-opentype'),
       url("//theme.zdassets.com/theme_assets/118078/eba5554919997c82b420dd556ee2f91b58962cda.woff2") format('woff'),
       url("//theme.zdassets.com/theme_assets/118078/daade3b1f336d5af0e44ab1f7c98f198da0cdb10.ttf") format('truetype');
}

@font-face {
  font-family: 'Brandon-Text-Regular';
  font-weight: normal;
  font-style: normal;
  src: url("//theme.zdassets.com/theme_assets/118078/28a9f31f99031a200fa4d93e0264c1e77efff388.eot");
  src: url('//p6.zdassets.com/hc/theme_assets/118078/200067324/brandon-text-regular.eot?#iefix') format('embedded-opentype'),
       url("//theme.zdassets.com/theme_assets/118078/854b57c44cbff60eab92804dbe7718722202aa84.woff") format('woff'),
       url("//theme.zdassets.com/theme_assets/118078/be5046a4a96287f4e121f56f1a2130870a2b84c2.ttf") format('truetype'),
       url('//p6.zdassets.com/hc/theme_assets/118078/200067324/brandon-text-regular.svg#wf') format('svg');
}
/* 
.ss-social {
  font-family: "SSSocial";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  vertical-align: middle
}

.ss-social.ss-facebook:before {
  content: '\F610'
}

.ss-social.ss-twitter:before {
  content: '\F611'
}

.ss-social.ss-pinterest:before {
  content: '\F650'
}

.ss-social.ss-googleplus:before {
  content: '\F613'
}

.ss-social.ss-instagram:before {
  content: '\F641'
} */

.ss-standard {
  font-family: "SSStandard";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -webkit-font-feature-settings: "liga", "dlig";
  -moz-font-feature-settings: "liga=1, dlig=1";
  -moz-font-feature-settings: "liga", "dlig";
  -ms-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig";
  vertical-align: middle
}

.ss-standard.ss-quote:before {
  content: '\201C'
}

.ss-standard.ss-cart:before {
  content: '\E500'
}

.ss-standard.ss-link:before {
  content: '\1F517'
}

.ss-standard.ss-delete:before {
  content: '\2421'
}

.ss-standard.ss-check:before {
  content: '\2713'
}

.ss-standard.ss-mail:before {
  content: '\2709'
}

.ss-standard.ss-download:before {
  content: '\EB01'
}

.ss-standard.ss-settings:before {
  content: '\2699'
}

.ss-symbolicons-line {
  font-family: "SSSymbolicons";
  font-style: normal;
  font-weight: 300;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  vertical-align: middle
}

.ss-symbolicons-line.ss-calendar:before {
  content: '\1F4C5'
}

.ss-symbolicons-line.ss-compose:before {
  content: '\1F4DD'
}

.ss-symbolicons-line.ss-alert:before {
  content: '\26A0'
}

.ss-symbolicons-line.ss-earth:before {
  content: '\1F30E'
}

.ss-symbolicons-line.ss-settings:before {
  content: '\2699'
}

.ss-symbolicons-line.ss-banknote:before {
  content: '\1F4B5'
}

.ss-symbolicons-line.ss-gift:before {
  content: '\1F381'
}

body {
  font-family: "BrandonText-Regular", sans-serif !important;
  color: #696C71 !important;
  font-size: 16px;
}

strong {
  font-family: 'BrandonText-Bold', sans-serif;
}

a,
a:hover,
a:active {
  outline: none !important;
}

.header-title {
  display: none
}

.notification {
  position: absolute;
  z-index: 9999;
}

.commonly-read-articles {
  padding: 25px 0;
  background: #F2F1EF;
}

.commonly-read-articles h3 {
  margin: 0 0 25px 0;
  font-size: 20px;
  font-family: "Grad-Bold", sans-serif;
  color: #2F3237;
}

.commonly-read-articles ul {
  padding-left: 15px;
  color: #847c77;
}

.commonly-read-articles ul li {
  margin-bottom: 10px;
  list-style-type: circle !important;
}

.commonly-read-articles ul li:last-child {
  margin-bottom: 0;
}

.commonly-read-articles ul li a {
  color: #2F3237;
  font-family: 'BrandonText-Regular';
  font-size: 18px;
}

.commonly-read-articles ul li a:hover {
  text-decoration: none;
  color: #409e94;
}

.recent-and-related {
  padding: 25px 0;
  background: #f4f4f4;
}

.recent-and-related h3 {
  margin: 0 0 25px 0;
  font-size: 22px;
  font-family: "BrandonGrotesque-Medium", sans-serif;
  color: #847c77;
}

.recent-and-related ul {
  padding-left: 15px;
  list-style: circle;
  color: #847c77;
}

.recent-and-related ul li {
  margin-bottom: 10px;
  list-style-type: circle !important;
}

.recent-and-related ul li:last-child {
  margin-bottom: 0;
}

.recent-and-related ul li a {
  color: #847c77;
}

.recent-and-related .recent-articles h3,
.recent-and-related .related-articles h3 {
  display: none;
}

@media screen and (max-width:992px) {
  .recent-and-related .col-xs-12 + .col-xs-12 {
    margin-top: 25px;
  }

}

.recent-and-related ul li a:hover {
  text-decoration: none;
  color: #409e94;
}

.home-page-hidden-articles,
.category-page-hidden-articles {
  display: none;
}

.home-page-articles,
.category-page-articles,
.section-page-articles {
  padding: 25px 0;
}

.home-page-articles h2,
.category-page-articles h1,
.section-page-articles h1 {
  font-family: 'BrandonGrotesque-Medium';
  font-size: 22px;
  margin: 0 0 25px 0;
  color: #847c77;
}

.home-page-articles h3,
.category-page-articles h3 {
  font-family: 'Grad-Bold';
  font-size: 20px;
  line-height: 30px;
  color: #2F3237;
  margin: 15px 0;
  padding: 0 15px 15px;
  border-bottom: 1px solid #cecbc9;
}

.home-page-articles h3 span,
.category-page-articles h3 span {
  display: table-cell;
  vertical-align: bottom;
}

.home-page-articles ul,
.category-page-articles ul,
.section-page-articles ul {
  padding: 0 25px;
}

.section-page-articles ul {
  padding: 0 15px;
}

.home-page-articles ul li,
.category-page-articles ul li,
.section-page-articles ul li {
  color: #2F3237;
  font-size: 18px;
  margin-bottom: 10px;
  color: #86776d;
  list-style-type: circle !important;
}

.home-page-articles ul li:last-child,
.category-page-articles ul li:last-child,
.section-page-articles ul li:last-child {
  margin-bottom: 0;
}

// .home-page-articles a,
.category-page-articles a,
.section-page-articles a {
  color: #86776d;
}

.home-page-articles a:hover,
.category-page-articles a:hover,
.section-page-articles a:hover {
  text-decoration: none;
  color: #409e94;
}

.home-page-articles a.see-all-articles,
.category-page-articles a.see-all-articles {
  font-size: 12px;
  margin-left: 25px;
  margin-top: 10px;
  display: inline-block;
}

.btn-default {
  text-shadow: none;
}

.search-box {
  padding: 25px 0;
  background: #F2F1EF;
}

.search-box ~ #navbar-container {
  margin-top: 50px;
}

.search-box h1 {
  color: #847C77;
  margin-top: 0;
  font-size: 18px;
  font-family: "BrandonGrotesque-Medium", sans-serif;
  margin-bottom: 10px;
  margin-right: 55px;
  width: 150px;
}

.search-box h2 {
  margin: 0;
  padding: 0 0 25px;
  font-family: "BrandonGrotesque-Regular", sans-serif !important;
  font-size: 26px;
  color: #847c77;
}

.search-box form input {
  font-family: "BrandonText-Regular", sans-serif !important;
}

.search-box form input[type="submit"] {
  background: #FF5D60;
  text-transform: uppercase;
  color: #fff;
  box-shadow: none;
  font-family: "BrandonText-Regular", sans-serif !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

.search-box form input[type="search"],
.search-box form input[type="text"] {
  box-shadow: none;
  background-image: url("//theme.zdassets.com/theme_assets/118078/c0c51fa567a8393bb0d67514aac4b98d3df343b8.png");
  background-repeat: no-repeat;
  background-position: 11px 13px;
  padding-left: 38px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.search-box .btn-block {
  background: #FF5D60 !important;
  border: 0 !important;
  color: #fefaf7 !important;
  text-transform: uppercase !important;
  font-family: "BrandonText-Regular", sans-serif !important;
  font-size: 18px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.still-need-answers {
  padding: 25px 0;
  background: #f4f4f4;
}

.still-need-answers h3 {
  margin: 0 0 25px 0;
  font-size: 22px;
  font-family: "BrandonGrotesque-Medium", sans-serif;
  color: #847c77;
}

.still-need-answers .btn {
  background: #847c77 !important;
  border: 0 !important;
  color: #fefaf7 !important;
  text-transform: uppercase !important;
  font-family: "BrandonGrotesque-Medium", sans-serif;
  font-size: 22px;
}

/* Breadcrumbs */
.breadcrumbs {
  padding-top: 26px;
  font-family: 'BrandonText-Bold';
  padding-left: 18px;
  margin: 25px 0;
}

.breadcrumbs li {
  color: #847c77;
  display: inline-block;
  font-size: 16px;
}

.breadcrumbs li + li:before {
  content: ">";
  margin: 0 4px;
}

.breadcrumbs li a {
  color: #0085C4;
}

.article-nav > ul {
  padding: 0;
  list-style: none;
  margin: 25px 0;
}

.article-nav > ul > li {
  border-bottom: 1px solid #cecbc9;
}

.article-nav > ul > li > a {
  display: block;
  font-family: 'Grad-Bold';
  font-size: 20px;
  line-height: 24px;
  color: #2F3237 !important;
  margin: 10px 0 10px;
  padding: 0 35px 0 10px;
  position: relative;
}

.article-nav > ul > li > a:after {
  content: ">";
  display: inline-block;
  margin-right: -25px;
  position: absolute;
  top: 0;
  right: 35px;
}

.article-nav > ul > li:first-child > a {
  margin-top: 0;
}

.article-nav > ul > li > a:hover,
.article-nav > ul > li > a:active,
.article-nav > ul > li > a:focus {
  text-decoration: none;
}

.article-nav > ul > li.expanded > a {
}

.article-nav > ul > li.expanded > a:after {
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.article-nav > ul > li > a.see-all-articles {
  display: none;
  font-family: 'BrandonText-Regular';
  font-size: 12px;
  line-height: 17.15px;
  color: #86776D;
  padding: 0;
  margin: 0 0 10px 25px;
}

.article-nav > ul > li.expanded > a.see-all-articles {
  display: inline-block;
}

.article-nav > ul > li.expanded > a.see-all-articles:after {
  content: "";
}

.article-nav > ul > li > a.see-all-articles:hover {
  text-decoration: none;
  color: #409e94;
}

.article-nav > ul > li > ul {
  display: none;
  padding: 0 15px 0 25px;
  list-style: circle;
}

.article-nav > ul > li.expanded> ul {
  display: block;
}

.article-nav > ul > li > ul > li {
  list-style-type: circle;
  margin-bottom: 10px;
  color: #86776d;
}

/* Removed 10/23/17
.article-nav > ul > li > ul > li > a {
  color: #2F3237;
}
*/

.article-nav > ul > li > ul > li > a:hover {
  text-decoration: none;
  color: #409e94;
}

/* Removed 10/23/17
.article-nav > ul > li > ul > li > a:visited {
  color: inherit !important;
}
*/

/* Social share links */
.share {
  white-space: nowrap;
  float: right;
  margin: 25px 0;
}

.share li,
.share a {
  display: inline-block;
}

.share a {
  height: 25px;
  line-height: 25px;
  overflow: hidden;
  vertical-align: middle;
  width: 25px;
}

.share a:before {
  color: #409e94;
  display: inline-block;
  font-family: "entypo";
  text-align: center;
  width: 100%;
}

.share a:hover {
  text-decoration: none;
}

.share-twitter:before {
  content: "\F309";
}

.share-facebook:before {
  content: "\F30C";
}

.share-linkedin:before {
  content: "\F318";
}

.share-googleplus:before {
  content: "\F30F";
}

h1.article-title {
  font-family: 'Grad' !important;
  font-size: 32px !important;
  margin: 0 auto 20px;
  color: #2F3237 !important;
  display: inline-block;
}

.article-content {
  padding-left: 15px;
  padding-bottom: 25px;
  font-family: "BrandonText-Regular";
  font-size: 16px;
}

.article-content h1,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
  font-weight: bold;
}

.article-content h1 {
  font-size: 22px;
}

.article-content > h1:first-child {
  margin-top: 0;
}

.article-content h2 {
  font-family: 'Grad' !important;
  color: #2F3237 !important;
  font-size: 32px !important;
}

.article-content h2 a strong {
  font-family: 'Grad-Bold' !important;
  color: #2F3237 !important;
  font-size: 20px !important;
}

.article-content h3 {
  font-family: 'Grad-Bold' !important;
  color: #2F3237 !important;
  font-size: 20px !important;
}

.article-content h3 a strong {
  font-family: 'Grad-Bold' !important;
  color: #2F3237 !important;
  font-size: 20px !important;
}

.article-content h4 {
  font-size: 18px;
}

.article-content h5 {
  font-size: 17px;
}

.article-content h6 {
  font-size: 16px;
}

.article-content .boxed-header {
  text-align: center;
}

.article-content .boxed-header h1,
.article-content .boxed-header h2,
.article-content .boxed-header h3,
.article-content .boxed-header h4,
.article-content .boxed-header h5,
.article-content .boxed-header h6 {
  border: 2px solid #827B76;
  margin: 35px 0;
  padding: 15px 25px;
  display: inline-block;
}

.article-content p {
  padding-bottom: 15px;
  max-width: 1200px;
}

.article-content a {
  color: #0085C4;
}

.article-content a:hover {
  color: #69a597;
  text-decoration: underline;
}

.article-content ul,
.article-content ol {
  list-style-position: outside;
  padding: 0 0 15px 25px;
}

.article-content ul > li {
  list-style-type: circle;
}

.article-content ol > li {
  list-style-type: decimal;
}

.article-content ul > li,
.article-content ol > li {
  margin-bottom: 15px;
  padding-left: 5px;
}

.article-content ul > li:last-child,
.article-content ol > li:last-child {
  margin-bottom: 0;
}

/* Pagination */
.pagination {
  margin: 20px 0;
  text-align: center;
}

.pagination * {
  display: inline-block;
}

.pagination ul {
  padding-left: 5px;
}

.pagination li {
  float: left;
}

.pagination a,
.pagination span {
  color: #69a597;
  font-size: 16px;
  padding: 5px 12px;
}

.pagination a:hover {
  color: #69a597;
}

.pagination-current span {
  color: #847C77;
}

.search-results-subheading {
  display: none;
}

.search-results-subheading-link {
  display: none;
}

.search-results-list {
  margin-bottom: 25px;
  padding-left: 15px;
  color: #86776d;
}

.search-results-list li {
  list-style-type: circle !important;
}

.search-results-list > * {
  margin-bottom: 25px;
  font-size: 16px;
}

.search-results-list > *:first-child {
  margin-top: 25px;
}

.search-result-link {
  color: #409e94;
}

.search-result-link:hover {
  text-decoration: underline;
}

.search-result-meta,
.search-result-votes,
.search-result-votes:before {
  display: none;
}

.search-results-column > p {
  margin: 25px 0;
  font-size: 16px;
}

.search-results-column > p a {
  color: #409e94;
}

.navbar-default,
.navbar-inverse {
  background-image: none;
}

.bootstrap .header .nav {
  font-size: 16px;
}

.nav a {
  text-shadow: none !important;
}

.bootstrap .navbar-default .navbar-brand {
  margin-left: 0;
}

@media screen and (max-width:768px) {
  .bootstrap .navbar-default .navbar-brand {
    padding-left: 0;
  }

}

footer .navbar .copyright {
  font-size: 10px !important;
  padding-top: 6px;
}

.ticket-form {
  width: 70%;
  margin: 0 auto;
  padding-bottom: 15px;
}

@media screen and (max-width:768px) {
  .ticket-form {
    width: 100%;
  }

}

.ticket-form > form > .form-field {
  width: 100%;
  margin-bottom: 15px;
}

.ticket-form > form > .form-field > label {
  width: 100%;
  color: #5c574f;
  display: block;
  margin-bottom: 5px;
}

.ticket-form > form > .form-field.required > label:after {
  content: "*";
  color: #f00;
  margin-left: 2px;
}

.ticket-form > form > .form-field > input[type="text"],
.ticket-form > form > .form-field > input[type="email"],
.ticket-form > form > .form-field > textarea,
.ticket-form > form > .form-field > a.nesty-input {
  width: 100%;
  max-width: 100%;
  border: 1px solid #CCC;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  box-sizing: border-box;
  outline: none;
  padding: 0 15px;
  background: #fff;
}

.ticket-form > form > .form-field > input[type="text"],
.ticket-form > form > .form-field > input[type="email"],
.ticket-form > form > .form-field > a.nesty-input {
  height: 44px;
}

.ticket-form > form > .form-field > textarea {
  height: 120px;
  resize: vertical;
  padding: 10px 15px;
  line-height: 22px;
}

.ticket-form > form > .form-field > p {
  margin-top: 5px;
  display: block;
}

.ticket-form > form > .form-field .upload-dropzone {
  padding: 10px;
  border: 1px dashed #CCC;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.ticket-form > form > footer {
  padding: 10px 0;
  text-align: center;
}

.ticket-form > form > footer input {
  background: #847c77 !important;
  border: 0 !important;
  color: #fefaf7 !important;
  text-transform: uppercase !important;
  font-family: "BrandonGrotesque-Medium", sans-serif;
  font-size: 18px;
}

.ticket-form > form > footer .btn.btn-default.btn-lg {
  color: #fefcfb !important;
  background-color: #ff5c61 !important;
  font-family: "BrandonGrotesque-Bold", sans-serif;
  border-color: #ff5c61
}

.ticket-form > form > footer .btn.btn-default.btn-lg:hover {
  background-image: linear-gradient(to bottom, #ff5c61 0%, #ff383e 100%) !important;
  background-repeat: repeat-x;
}

.nesty-panel {
  max-width: 100% !important;
}

.ticket-form > form .searchbox {
  margin-top: 10px;
}

.ticket-form > form .searchbox ul {
  padding: 0 15px;
}

.ticket-form > form .searchbox ul li {
  margin-bottom: 10px;
  color: #86776d;
  list-style-type: circle !important;
}

.ticket-form > form .searchbox ul li:last-child {
  margin-bottom: 0;
}

.ticket-form > form .searchbox ul a {
  color: #86776d;
}

.ticket-form > form .searchbox ul a:hover {
  text-decoration: none;
  color: #409e94;
}

.request-help-title {
  font-family: 'BrandonGrotesque-Medium';
  font-size: 22px;
  margin: 0 0 50px;
  font-weight: 500;
  color: #847c77;
  border: 1px solid #847c77;
  display: inline-block;
  padding: 20px 100px;
  text-transform: uppercase;
}

.btn.btn-red.btn__search {
  border: border:1px solid #CCC !important;
  height: 42px !important;
}

.btn.btn-red.btn__contact-us {
  width: 150px !important;
  height: 42px !important;
  padding-top: 14px !important;
}


.btn.btn-white.btn__email-us {
  width: 127px !important;
  height: 42px !important;
  padding-top: 14px !important;

}

.btn.btn-white.btn__call-us {
  width: 127px !important;
  height: 42px !important;
  padding-top: 14px !important;
  margin-left: 6px !important;

}

.btn.btn-white.btn__chat-us {
  width: 127px !important;
  height: 42px !important;
  padding-top: 14px !important;
  margin-left: 6px !important;

}

.search-box h1.experiment {
  width: 260px;
}


a {
  border-bottom: 1px solid transparent;
}

a:focus,
a:hover,
a:active {
  color: #0085C4 !important;
  border-bottom: 1px solid #0085C4;
  text-decoration: none !important;
}

.commonly-read-articles a:visited {
  color: #2F3237 !important;
}

.bootstrap .togglable-footer li {
  line-height: 32px;
}

.bootstrap .togglable-footer h5 {
  font-size: 16px;
  margin-bottom: 10px;
}

.bootstrap .footer__nav {
  clear: both;
  zoom: 1;
  margin: 0;
  text-align: left;
  padding: 0 calc(50% - 144px) 16px;
  padding-top: 0;
  padding-right: calc(50% - 144px);
  padding-bottom: 16px;
  padding-left: calc(50% - 144px);
}

@media screen and (min-width:768px) {
  .bootstrap .togglable-footer li {
    line-height: 32px;
  }

}

@media screen and (max-width:768px) {
  .bootstrap .togglable-footer li {
    line-height: 44px;
  }
}

.bootstrap .togglable-footer a.footer__toggle {
  font-size: 12.5px;
}

.bootstrap .togglable-footer .footer__footer p.terms-and-conditions {
  font-size: 16px;
}

/* .bootstrap .footer__styletips__select--small,
.bootstrap .footer__styletips__select--big,
.bootstrap .footer__social__select--facebook,
.bootstrap .footer__social__select--twitter,
.bootstrap .footer__social__select--instagram,
.bootstrap .footer__social__select--pinterest {
  display: none;
  position: relative;
  padding: 0 calc(50% - 128px);
  text-align: center;
  margin: 0;
  zoom: 1;
} */

@media screen and (min-width:768px) {
  .bootstrap .togglable-footer li {
    line-height: 32px;
  }

}

/* .bootstrap .footer__styletips__select--small li,
.bootstrap .footer__styletips__select--big li,
.bootstrap .footer__social__select--facebook li,
.bootstrap .footer__social__select--twitter li,
.bootstrap .footer__social__select--instagram li,
.bootstrap .footer__social__select--pinterest li {
  line-height: 25px !important;
  width: 49%;
  display: block;
  float: left;
  font-family: "BrandonText-Bold";
  font-size: 14px;
  text-transform: uppercase;
} */

/* .bootstrap .footer__styletips__select--small a:after,
.bootstrap .footer__styletips__select--big a:after,
.bootstrap .footer__social__select--facebook a:after,
.bootstrap .footer__social__select--twitter a:after,
.bootstrap .footer__social__select--instagram a:after,
.bootstrap .footer__social__select--pinterest a:after {
  top: calc(30px + 25px);
} */

.bootstrap .footer__styletips__select--small {
  position: absolute;
  top: 48px;
  left: -16px;
  max-width: 128px;
}

@media screen and (max-width:996px) {
  ul.primary-nav > li > a {
    padding-left: 20px;
  }
}

.global-footer__body a:visited, .global-footer__body a {
    color: #2F3237 !important;
}



.global-header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 50px;
    width: 100%
}

.global-header ul {
    list-style: none;
    margin-bottom: 0
}

.global-header a {
    color: #2F3237 !important;
    border-bottom: none;
    text-decoration: none
}

.global-header a:focus,
.global-header a:hover,
.global-header a:active {
    border-bottom: none;
    text-decoration: none
}

/* nav.global-header__container {
    position: fixed;
    top: 0;
    z-index: 20;
    width: 100%;
    height: 50px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    background: #FFF;
    text-align: left;
    font-size: 14px;
    border-bottom: 1px solid #D5D3D1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 50px;
    letter-spacing: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: opacity 250ms ease-in-out;
    transition: opacity 250ms ease-in-out;
    opacity: 1
} */

nav.global-header__container.relative-visibility {
    position: relative;
    top: 76px;
    opacity: 0.0
}

@media screen and (min-width: 1170px) {
    nav.global-header__container {
        padding: 0 calc(50% - 1170px/2)
    }
}

.global-header__item {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.global-header__item--primary {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    height: 100%;
    background: white;
    border: 0;
    margin: 0;
    padding: 0;
    letter-spacing: 0.3px
}

@media screen and (min-width: 375px) {
    .global-header__item--primary {
        letter-spacing: 0.8px
    }
}

/* .global-header__item--nav-toggle {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
    -webkit-flex: 0 0 42px;
    -ms-flex: 0 0 42px;
    flex: 0 0 42px;
    font-size: 32px;
    z-index: 13;
    border-bottom: 0;
    position: relative;
    font-weight: bold;
    content: " ";
    height: 100%;
    background: url("/assets/icons/hamburger-23d1019282929dd0acc3f7b673bc98f4163d0e3c2ccccbfc0f9136ba5d13d20f.svg") no-repeat center center;
    background-size: 20px 20px
} */

.global-header__item--nav-toggle:hover,
.global-header__item--nav-toggle:focus {
    color: #18191c
}

 /* .global-header__item--nav-toggle.active {
    background: url("/assets/icons/hamburger-close-5d2a03351363486b3e4e6cf8ce1743ad3e7d586c1541dfc2c08b456806d9a476.svg") no-repeat center center;
    background-size: 20px 20px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-tap-highlight-color: transparent
} */

.global-header__nav-toggle--primary {
    display: block
}

 @media screen and (min-width: 320px) {
    .global-header__nav-toggle--primary {
        display: none
    }
}

 .global-header__nav-toggle--secondary {
    display: none
}

@media screen and (min-width: 320px) {
    .global-header__nav-toggle--secondary {
        display: block
    }
}

@media screen and (min-width: 678px) {
    .global-header__nav-toggle--secondary {
        display: none
    }
}

.global-header__nav-toggle--tertiary {
    display: none
}

@media screen and (min-width: 678px) {
    .global-header__nav-toggle--tertiary {
        display: block
    }
}

@media screen and (min-width: 992px) {
    .global-header__nav-toggle--tertiary {
        display: none
    }
}

.global-header__brand {
    list-style: none;
    height: 100%;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0
}

.global-header__primary {
    z-index: 1;
    position: fixed;
    width: 200px;
    right: 0;
    top: 49px;
    background: #FFF;
    border-left: 1px solid #D5D3D1;
    border-bottom: 1px solid #D5D3D1;
    border-right: 0;
    border-top: 1px solid #FFF;
    display: none;
    text-transform: capitalize;
    padding-left: 0
}

.global-header__primary.visible {
    position: fixed;
    display: block
}

.logged-out .global-header__primary {
    text-transform: uppercase;
    letter-spacing: 0.8px
}

@media screen and (min-width: 320px) {
    .global-header__primary {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: static;
        height: 100%;
        width: 100%;
        border: 0;
        margin: 0;
        padding: 0;
        text-transform: capitalize;
        text-transform: uppercase
    }
    .logged-out .global-header__primary {
        text-transform: uppercase;
        letter-spacing: 0.8px
    }
} 

.global-header__item-link {
    display: inline-block;
    height: 50px;
    width: 100%
}

.global-header__primary-item {
    height: 100%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.global-header__primary-item.active {
    background: #f7f6f5
}

.global-header__primary-item .global-header__item-link {
    padding: 0 0 0 16px
}

.logged-in .global-header__primary-item>.global-header__item-link {
    font-family: "BrandonText-Medium", sans-serif, "stitch-fix-icon-font";
    text-transform: uppercase
}

@media screen and (min-width: 320px) {
    .global-header__primary-item.active {
        position: relative;
        background: #FFF
    }
    .global-header__primary-item.active:after {
        content: "";
        width: 14px;
        height: 14px;
        background: #f9f8f7;
        background: #FFF;
        border-right: 1px solid #D5D3D1;
        border-bottom: 1px solid #D5D3D1;
        display: none;
        position: absolute;
        bottom: -8px;
        left: calc(50% - 7px);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@media screen and (min-width: 320px) and (min-width: 320px) {
    .global-header__primary-item.active:after {
        display: block
    }
}

@media screen and (min-width: 320px) {
    .global-header__primary-item .global-header__item-link {
        padding: 0 4px
    }
    .logged-in .global-header__primary-item {
        font-size: 13px
    }
}

@media screen and (min-width: 375px) {
    .global-header__primary-item .global-header__item-link {
        padding: 0 8px
    }
    .logged-in .global-header__primary-item {
        letter-spacing: 0.8px
    }
}

@media screen and (min-width: 768px) {
    .logged-in .global-header__primary-item {
        font-size: 14px
    }
}

.global-header__brand-item {
    height: 100%
}

.global-header__brand-item--logo.active {
    position: relative;
    background: #FFF
}

.global-header__brand-item--logo.active:after {
    content: "";
    width: 14px;
    height: 14px;
    background: #f9f8f7;
    background: #FFF;
    border-right: 1px solid #D5D3D1;
    border-bottom: 1px solid #D5D3D1;
    display: none;
    position: absolute;
    bottom: -8px;
    left: calc(50% - 7px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (min-width: 320px) {
    .global-header__brand-item--logo.active:after {
        display: block
    }
}

.global-header__brand-item--logo .global-header__item-link {
    padding: 0 4px 0 8px
}

@media screen and (min-width: 375px) {
    .global-header__brand-item--logo .global-header__item-link {
        padding-right: 8px
    }
}

.global-header__brand-item--gendered-nav {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.global-header__primary-item--secondary-nav {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.logged-in .global-header__primary-item--secondary-nav {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

/* .logged-in .global-header__primary-item--account-nav {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
} */

.global-header__session-cta {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10
}

.global-header__secondary {
    z-index: 1;
    position: fixed;
    width: 200px;
    right: 0;
    top: 49px;
    background: #FFF;
    border-left: 1px solid #D5D3D1;
    border-bottom: 1px solid #D5D3D1;
    border-right: 0;
    border-top: 1px solid #FFF;
    display: none;
    text-transform: capitalize;
    padding-left: 0;
    position: static;
    letter-spacing: normal;
    text-transform: capitalize;
    display: block;
    border: 0
}

.global-header__secondary.visible {
    position: fixed;
    display: block
}

.logged-out .global-header__secondary {
    text-transform: uppercase;
    letter-spacing: 0.8px
}

  @media screen and (min-width: 320px) {
    .global-header__secondary {
        position: fixed;
        display: none;
        border-left: 1px solid #D5D3D1;
        border-bottom: 1px solid #D5D3D1
    }
}

@media screen and (min-width: 678px) {
    .global-header__secondary {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: static;
        height: 100%;
        width: 100%;
        border: 0;
        margin: 0;
        padding: 0;
        text-transform: capitalize;
        right: 0;
        top: 0;
        text-transform: capitalize
    }
    .logged-out .global-header__secondary {
        text-transform: uppercase;
        letter-spacing: 0.8px
    }
    .logged-in .global-header__secondary {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .logged-out .global-header__secondary {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}
/* 
.global-header__secondary-item {
    height: 100%;
    margin: 0;
    display: block
}

.global-header__secondary-item.active {
    background: #f7f6f5
}

.global-header__secondary-item .global-header__item-link {
    padding-left: 16px
}

.logged-in .global-header__secondary-item {
    font-size: 14px
}

@media screen and (min-width: 678px) {
    .global-header__secondary-item {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .global-header__secondary-item .global-header__item-link {
        padding: 0 8px
    }
    .global-header__secondary-item.active {
        position: relative;
        background: #FFF
    }
    .global-header__secondary-item.active:after {
        content: "";
        width: 14px;
        height: 14px;
        background: #f9f8f7;
        background: #FFF;
        border-right: 1px solid #D5D3D1;
        border-bottom: 1px solid #D5D3D1;
        display: none;
        position: absolute;
        bottom: -8px;
        left: calc(50% - 7px);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@media screen and (min-width: 678px) and (min-width: 320px) {
    .global-header__secondary-item.active:after {
        display: block
    }
}

.global-header__tertiary {
    padding-left: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
} */

@media screen and (min-width: 768px) {
    .global-header__tertiary {
        border-right: 1px solid #D5D3D1
    }
}

@media screen and (min-width: 678px) {
    .global-header__tertiary {
        z-index: 1;
        position: fixed;
        width: 200px;
        right: 0;
        top: 49px;
        background: #FFF;
        border-left: 1px solid #D5D3D1;
        border-bottom: 1px solid #D5D3D1;
        border-right: 0;
        border-top: 1px solid #FFF;
        display: none;
        text-transform: capitalize;
        padding-left: 0
    }
    .global-header__tertiary.visible {
        position: fixed;
        display: block
    }
    .logged-out .global-header__tertiary {
        text-transform: uppercase;
        letter-spacing: 0.8px
    }
}

@media screen and (min-width: 992px) {
    .global-header__tertiary {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: static;
        height: 100%;
        width: 100%;
        border: 0;
        margin: 0;
        padding: 0;
        text-transform: capitalize;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .logged-out .global-header__tertiary {
        text-transform: uppercase;
        letter-spacing: 0.8px
    }
}

.global-header__tertiary-item {
    height: 100%;
    margin: 0;
    display: block
}

.global-header__tertiary-item.active {
    background: #f7f6f5
}

.global-header__tertiary-item .global-header__item-link {
    padding-left: 16px
}

@media screen and (min-width: 992px) {
    .global-header__tertiary-item {
        display: inline-block;
        padding: 0;
        vertical-align: top
    }
    .global-header__tertiary-item .global-header__item-link {
        padding: 0 10.5px;
        width: auto
    }
    .global-header__tertiary-item.active {
        position: relative;
        background: #FFF
    }
    .global-header__tertiary-item.active:after {
        content: "";
        width: 14px;
        height: 14px;
        background: #f9f8f7;
        background: #FFF;
        border-right: 1px solid #D5D3D1;
        border-bottom: 1px solid #D5D3D1;
        display: none;
        position: absolute;
        bottom: -8px;
        left: calc(50% - 7px);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@media screen and (min-width: 992px) and (min-width: 320px) {
    .global-header__tertiary-item.active:after {
        display: block
    }
}

.global-header__tertiary-item--dropdown {
    font-family: "BrandonText-Medium", sans-serif, "stitch-fix-icon-font";
    text-transform: uppercase;
    letter-spacing: 0.8px;
    border-bottom: 1px solid #D5D3D1
}

@media screen and (min-width: 320px) {
    .global-header__tertiary-item--dropdown {
        font-family: "BrandonText-Regular", sans-serif;
        text-transform: capitalize;
        letter-spacing: normal;
        border-bottom: none
    }
}

@media screen and (min-width: 550px) {
    .global-header__tertiary-item--dropdown {
        display: none
    }
}

a.global-header__get-started-button,
a.global-header__sign-in-button {
    font-family: "BrandonText-Medium", sans-serif, "stitch-fix-icon-font";
    font-size: 16px;
    line-height: 16px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid;
    text-decoration: none;
    padding: 8px 12px !important;
    letter-spacing: 0.8px;
    display: inline-block;
    white-space: nowrap;
    margin-right: 8px;
    cursor: pointer
}

a.global-header__get-started-button:focus,
a.global-header__get-started-button:hover,
a.global-header__get-started-button:visited,
a.global-header__get-started-button:active,
a.global-header__sign-in-button:focus,
a.global-header__sign-in-button:hover,
a.global-header__sign-in-button:visited,
a.global-header__sign-in-button:active {
    border-bottom: 1px solid
}

a.global-header__get-started-button {
    border-color: #F05D61;
    color: #FFF !important;
    background: #F05D61;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    pointer-events: none;
    cursor: pointer
}

a.global-header__get-started-button:hover,
a.global-header__get-started-button:focus,
a.global-header__get-started-button:active {
    background: #ee464a;
    border-color: #ee464a !important;
    outline: 0
}

a.global-header__get-started-button:visited {
    border-color: #F05D61 !important
}

a.global-header__get-started-button.visible {
    opacity: 1;
    pointer-events: inherit;
    cursor: pointer
}

.mens a.global-header__get-started-button {
    background: #D77F59;
    border-color: #D77F59;
    color: #FFF
}

.mens a.global-header__get-started-button:hover,
.mens a.global-header__get-started-button:focus,
.mens a.global-header__get-started-button:active {
    background: #cc6031;
    border-color: #cc6031 !important
}

.mens a.global-header__get-started-button:visited {
    border-color: #D77F59 !important
}

.kids a.global-header__get-started-button {
    background: #F05D61;
    border-color: #F05D61;
    color: #FFF
}

.kids a.global-header__get-started-button:hover,
.kids a.global-header__get-started-button:focus,
.kids a.global-header__get-started-button:active {
    background: #ec2e33;
    border-color: #ec2e33 !important
}

.kids a.global-header__get-started-button:visited {
    border-color: #F05D61 !important
}

a.global-header__sign-in-button {
    display: none;
    border-color: #2F3237 !important
}

a.global-header__sign-in-button.active {
    position: relative;
    background: #FFF;
    border-color: #FFF !important
}

a.global-header__sign-in-button.active:after {
    content: "";
    width: 14px;
    height: 14px;
    background: #f9f8f7;
    background: #FFF;
    border-right: 1px solid #D5D3D1;
    border-bottom: 1px solid #D5D3D1;
    display: none;
    position: absolute;
    bottom: -8px;
    left: calc(50% - 7px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (min-width: 320px) {
    a.global-header__sign-in-button.active:after {
        display: block
    }
}

a.global-header__sign-in-button.active:after {
    bottom: -16px
}

@media screen and (min-width: 480px) {
    a.global-header__sign-in-button {
        display: inline-block
    }
}

.global-header__my-fix {
    font-family: "BrandonText-Medium", sans-serif, "stitch-fix-icon-font";
    display: none;
    margin-left: 2px;
    text-transform: uppercase;
    font-size: 13px
}

@media screen and (min-width: 320px) {
    .global-header__my-fix {
        display: inline
    }
}

@media screen and (min-width: 375px) {
    .global-header__my-fix {
        letter-spacing: 0.8px;
        margin-left: 4px
    }
}

@media screen and (min-width: 768px) {
    .global-header__my-fix {
        font-size: 14px
    }
}

/* .global-header__my-fix-hamburger {
    display: block
}

@media screen and (min-width: 320px) {
    .global-header__my-fix-hamburger {
        display: none
    }
} */

.global-header__sign-in-link {
    display: inline
}

.global-header__sign-in-link.active .global-header__item-link {
    background: #f7f6f5
}

@media screen and (min-width: 480px) {
    .global-header__sign-in-link {
        display: none
    }
}

.global-header__new-questions-notification {
    font-family: "BrandonText-Bold";
    font-size: 9px;
    display: inline-block;
    height: 12px;
    width: 12px;
    text-align: center;
    line-height: 12px;
    border-radius: 50%;
    background: #F05D61;
    color: #FFF;
    position: relative;
    bottom: 5px;
    right: 2px;
    padding-left: 1px
}

.gendered-nav-toggle {
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    padding-left: 0
}

.gendered-nav-toggle.active {
    position: relative;
    background: #FFF
}

.gendered-nav-toggle.active:after {
    content: "";
    width: 14px;
    height: 14px;
    background: #f9f8f7;
    background: #FFF;
    border-right: 1px solid #D5D3D1;
    border-bottom: 1px solid #D5D3D1;
    display: none;
    position: absolute;
    bottom: -8px;
    left: calc(50% - 7px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (min-width: 320px) {
    .gendered-nav-toggle.active:after {
        display: block
    }
}

.gendered-nav-toggle.active:after {
    display: block
}

.gendered-nav-toggle__option {
    background-color: transparent
}

.gendered-nav-toggle__option-link {
    line-height: 55px;
    display: block;
    height: 50px;
    vertical-align: middle
}

.gendered-nav-toggle__current-gender.active {
    position: relative;
    background: #FFF
}

.gendered-nav-toggle__current-gender.active:after {
    content: "";
    width: 14px;
    height: 14px;
    background: #f9f8f7;
    background: #FFF;
    border-right: 1px solid #D5D3D1;
    border-bottom: 1px solid #D5D3D1;
    display: none;
    position: absolute;
    bottom: -8px;
    left: calc(50% - 7px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (min-width: 320px) {
    .gendered-nav-toggle__current-gender.active:after {
        display: block
    }
}

.gendered-nav-toggle__current-gender.active:after {
    bottom: -20px
}

.gendered-nav-toggle__option--current {
    font-family: "BrandonText-Bold", sans-serif, "stitch-fix-icon-font"
}

.gendered-nav-toggle__option--change {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    z-index: 1;
    display: none;
    min-width: 100px;
    position: absolute;
    top: 49px;
    left: -16px;
    padding: 0 16px;
    background: #FFF;
    border: 1px solid #D5D3D1;
    border-top: none
}

.logo--outline {
    max-height: 30px;
    margin-top: -2px;
    vertical-align: middle
}

.logged-in .logo--outline {
    display: none
}

.logged-out .logo--outline {
    display: inline
}

@media screen and (min-width: 320px) {
    .logged-in .logo--outline {
        display: inline
    }
}

@media screen and (min-width: 768px) {
    .logged-out .logo--outline {
        display: none
    }
}

.logo--brandname {
    max-height: 30px;
    max-width: 130px;
    vertical-align: middle
}

.logged-out .logo--brandname {
    display: none
}

.logged-in .logo--brandname {
    display: inline
}

@media screen and (min-width: 320px) {
    .logged-in .logo--brandname {
        display: none
    }
}

@media screen and (min-width: 768px) {
    .logged-out .logo--brandname {
        display: inline
    }
}

@media screen and (min-width: 992px) {
    .logo--brandname {
        max-width: 170px
    }
}

@media screen and (min-width: 550px) {
    .link--sign-out {
        display: none
    }
}

#navbar-container ~ .global-header {
    height: 0
}

#navbar-container ~ .global-header .global-header__container {
    position: relative
}

.account-nav {
    display: none;
    padding: 0 8px
}

.account-nav ul {
    list-style: none
}

@media screen and (min-width: 550px) {
    .account-nav {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.account-nav .account-nav__credit-notification {
    background: url("/assets/icons/credit-badge-46890decb525c2ccfc251750988a7c2c9b4b989a701ed50a251ddafa9fac354b.svg");
    height: 12px;
    width: 12px;
    line-height: 12px;
    position: relative;
    bottom: 1px;
    margin-right: 4px
}

.account-nav .account-nav__menu-container {
    position: relative;
    width: auto
}

.account-nav .account-nav__toggle {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.account-nav .account-nav__sub-nav {
    z-index: 30;
    position: absolute;
    top: 49px;
    left: -16px;
    width: auto;
    display: none;
    background: #FFF;
    border: 1px solid #D5D3D1;
    border-top: none;
    line-height: normal;
    text-transform: capitalize;
    letter-spacing: normal;
    font-size: 14px;
    white-space: nowrap;
    padding-left: 0
}

.account-nav .account-nav__sub-nav .active {
    background: #f7f6f5
}

.account-nav .account-nav__sub-nav-link {
    display: inline-block;
    width: 100%;
    padding: 0 16px;
    height: 40px;
    line-height: 40px
}

.account-nav .account-nav__sub-nav-link:focus {
    color: #0085C4 !important
}

.account-nav .account-nav__name {
    font-family: "BrandonText-Medium", sans-serif, "stitch-fix-icon-font";
    max-width: 8rem;
    overflow: hidden;
    white-space: nowrap;
    margin-right: 2px
}

/* .style-tips-nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 50px;
    height: auto;
    padding: 0 8px;
    cursor: pointer
}

@media screen and (min-width: 992px) {
    .style-tips-nav {
        height: 50px
    }
}

.style-tips-nav ul {
    list-style: none
}

.style-tips-nav__menu-container {
    position: relative;
    width: auto
}

.style-tips-nav__toggle {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.style-tips-nav__sub-nav {
    display: none;
    background: #FFF;
    line-height: normal;
    text-transform: capitalize;
    letter-spacing: normal;
    font-size: 14px;
    white-space: nowrap;
    padding-left: 0
}

@media screen and (min-width: 992px) {
    .style-tips-nav__sub-nav {
        z-index: 30;
        position: absolute;
        top: 49px;
        left: -16px;
        width: calc(100% + 32px);
        border: 1px solid #D5D3D1;
        border-top: none
    }
}

.style-tips-nav__sub-nav-link {
    text-transform: uppercase;
    display: inline-block;
    height: 40px;
    line-height: 40px
}

@media screen and (min-width: 992px) {
    .style-tips-nav__sub-nav-link {
        padding: 0 16px
    }
} */

@-webkit-keyframes symbolAnim {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@media screen and (max-width: 768px) {
    .bootstrap #sticky-footer,
    .bootstrap #sticky-footer-page-wrap,
    .bootstrap #sticky-footer-page-wrap:after {
        height: auto;
        margin: auto !important
    }
    .bootstrap .smallPage {
        bottom: 0px;
        width: 100%;
        height: 144px !important
    }
}

.bootstrap #sticky-footer-page-wrap {
    background: #fff;
    zoom: 1
}

.bootstrap #sticky-footer-page-wrap:before {
    content: "";
    display: table
}

.bootstrap #sticky-footer-page-wrap:after {
    content: "";
    display: table;
    clear: both
}

.bootstrap .global-footer__body {
    zoom: 1;
    display: block !important;
    max-width: 1170px;
    margin: 0 auto;
    background: #FFF;
    color: #aeaaa7
}

.bootstrap .global-footer__body:before {
    content: "";
    display: table
}

.bootstrap .global-footer__body:after {
    content: "";
    display: table;
    clear: both
}

.bootstrap .global-footer__body .safari_only {
    height: 24px;
    background: #edece9;
    display: none
}

.bootstrap .global-footer__body .safari_only.true {
    display: block
}

.bootstrap .global-footer__body.is-open {
    background: #fff
}

.bootstrap .global-footer__body.is-open .safari_only {
    background: #fff
}

.bootstrap .global-footer__body.is-open .container {
    padding: 0
}

.bootstrap .global-footer__body a {
    color: #2F3237
}

.bootstrap .global-footer__body a:visited {
    color: #2F3237
}

.bootstrap .global-footer__body a:focus,
.bootstrap .global-footer__body a:active,
.bootstrap .global-footer__body a:hover {
    color: #0085C4
}

.bootstrap .global-footer__body li {
    line-height: 44px;
    margin-bottom: 0
}

@media screen and (min-width: 768px) {
    .bootstrap .global-footer__body .footer__group {
        zoom: 1;
        padding: 15px
    }
    .bootstrap .global-footer__body .footer__group:before {
        content: "";
        display: table
    }
    .bootstrap .global-footer__body .footer__group:after {
        content: "";
        display: table;
        clear: both
    }
    .bootstrap .global-footer__body li {
        line-height: 32px
    }
}

@media screen and (min-width: 992px) {
    .bootstrap .global-footer__body .footer__group {
        padding: 30px
    }
}

@media screen and (min-width: 1170px) {
    .bootstrap .global-footer__body .footer__group {
        padding: 30px 0
    }
}

.bootstrap .footer__styletips__select--small,
.bootstrap .footer__styletips__select--big {
    background: #F2F1EF;
    margin-bottom: 0
}

.bootstrap .footer__styletips__select--small:before,
.bootstrap .footer__styletips__select--big:before {
    background: #fff;
    display: block;
    width: 30px;
    height: 30px;
    content: " ";
    position: absolute;
    top: -18px;
    left: calc(50% - 15px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (min-width: 768px) {
    .bootstrap .footer__styletips__select--small:before,
    .bootstrap .footer__styletips__select--big:before {
        background: #F2F1EF;
        top: -10px
    }
}

.bootstrap .footer__styletips__select--small {
    position: absolute;
    top: 48px;
    left: -16px;
    max-width: 128px
}

.bootstrap .footer__styletips__select--small .choose-women,
.bootstrap .footer__styletips__select--small .choose-men {
    float: none !important;
    width: 100%
}

.bootstrap .footer__styletips__select--small .choose-women a,
.bootstrap .footer__styletips__select--small .choose-men a {
    padding: 8px 20px
}

.bootstrap .footer__styletips__select--small .choose-women a:after,
.bootstrap .footer__styletips__select--small .choose-men a:after {
    top: 40px
}

.bootstrap .footer__styletips__select--small .choose-women a:hover:after,
.bootstrap .footer__styletips__select--small .choose-men a:hover:after {
    background: #e1ded9
}

.bootstrap .footer__styletips__select--small .choose-men a:after {
    display: none
}

.bootstrap .nav__style-tips {
    position: relative
}

.bootstrap .nav__style-tips a {
    color: #2F3237
}

.bootstrap .nav__style-tips a:focus,
.bootstrap .nav__style-tips a:hover,
.bootstrap .nav__style-tips.is-open>a {
    color: #0085C4
}

@media screen and (min-width: 768px) {
    .bootstrap body {
        background: #fff !important
    }
    .bootstrap .global-footer {
        margin: 0 auto;
        padding: 0 !important;
        background-color: #FFF
    }
}

@media screen and (min-width: 768px) and (min-width: 1170px) {
    .bootstrap .global-footer {
        padding: 0 30px !important
    }
}

@media screen and (min-width: 768px) {
    .bootstrap .help-center-link,
    .bootstrap .contact-us-link,
    .bootstrap .footer__toggle,
    .bootstrap .contact-us-mobile,
    .bootstrap .help-center-link-mobile,
    .bootstrap .footer__styletips__select--big {
        display: none !important
    }
    .bootstrap .global-footer__app-store-badge {
        margin-bottom: 0;
        position: absolute;
        top: 100px;
        left: 15px;
        padding: 0
    }
}

@media screen and (min-width: 992px) {
    .bootstrap .global-footer__app-store-badge {
        left: 30px
    }
}

@media screen and (min-width: 1170px) {
    .bootstrap .global-footer__app-store-badge {
        left: 0px
    }
}

@media screen and (max-width: 768px) {
    .bootstrap .footer__styletips__select--small {
        display: none !important
    }
}

.global-footer__app-store-badge {
    text-align: center;
    padding: 10px
}

.global-footer__app-store-badge a.iphone-app-store {
    margin: 0;
    border-bottom: 0
}

a.footer__toggle {
    background: #edece9;
    color: #5e646e !important;
    display: block;
    position: relative;
    text-align: center;
    padding: 20px;
    border-bottom: 0px !important;
    text-decoration: none !important;
    font-family: 'BrandonText-Regular';
    text-transform: uppercase;
    font-size: 12.5px;
    letter-spacing: 0.8px
}

a.footer__toggle:before {
    position: absolute;
    top: -20px;
    left: calc(50% - 20px);
    content: " ";
    width: 40px;
    height: 40px;
    border: 2px solid #edece9;
    background: #fff;
    border-radius: 50%
}

/* a.footer__toggle:after {
    position: absolute;
    top: -20px;
    left: calc(50% - 20px);
    content: " ";
    width: 40px;
    height: 40px;
    background: url("/assets/icons/hamburger-close-5d2a03351363486b3e4e6cf8ce1743ad3e7d586c1541dfc2c08b456806d9a476.svg") no-repeat center center;
    background-size: 20px 20px;
    opacity: 0.5;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
} */

a.footer__toggle:hover,
a.footer__toggle:focus {
    color: #525860 !important
}

.is-open a.footer__toggle {
    display: block;
    background: #fff;
    color: #aeaaa7 !important
}

.is-open a.footer__toggle:before {
    -webkit-animation: symbolAnim 0.5s ease both;
    -webkit-animation-delay: 0;
    -moz-animation: symbolAnim 0.5s ease both;
    -moz-animation-delay: 0
}

.is-open a.footer__toggle:after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 200ms ease all;
    transition: 200ms ease all
}

@media screen and (max-width: 768px) {
    .has-chat a.footer__toggle {
        padding-bottom: 50px
    }
}

.global-footer__header {
    padding: 15px;
    padding-bottom: 35px;
    text-align: center;
    zoom: 1;
    background: #fff
}

.global-footer__header:before {
    content: "";
    display: table
}

.global-footer__header:after {
    content: "";
    display: table;
    clear: both
}

.global-footer__header.is-open {
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f9f8f7));
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f8f7));
    background: linear-gradient(to bottom, #fff 0%, #f9f8f7 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f8f7', GradientType=0)
}

.global-footer__header span {
    color: #776f6b
}

@media screen and (min-width: 768px) {
    .global-footer__header {
        display: none !important
    }
}

.global-footer__main-content {
    display: none
}

.global-footer__main-content a {
    color: #2F3237;
    border-bottom: 1px solid transparent
}

.global-footer__main-content a:hover,
.global-footer__main-content a:focus {
    color: #0085C4;
    border-color: #0085C4
}

@media screen and (min-width: 768px) {
    .global-footer__main-content {
        display: block !important;
        position: relative;
        border-top: 1px solid #D5D3D1;
        max-width: 1170px
    }
}

.global-footer__logo {
    display: none;
    text-align: left;
    float: left;
    width: 23%
}

.global-footer__logo img {
    width: 90%;
    max-width: 165px
}

@media screen and (min-width: 768px) {
    .global-footer__logo {
        display: block
    }
}

ul.global-footer__nav {
    zoom: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    clear: both;
    text-align: left;
    margin-bottom: 0;
    padding-bottom: 16px
}

ul.global-footer__nav:before {
    content: "";
    display: table
}

ul.global-footer__nav:after {
    content: "";
    display: table;
    clear: both
}

ul.global-footer__nav>li {
    list-style: none;
    float: left
}

@media screen and (min-width: 768px) {
    ul.global-footer__nav {
        clear: none;
        float: left;
        font-size: 14px;
        width: 52%
    }
    ul.global-footer__nav>li {
        width: 33%
    }
}

@media screen and (min-width: 1170px) {
    ul.global-footer__nav {
        padding: 0 calc(50% - 1170px/2) 16px
    }
}

h5.global-footer__nav-header {
    font-family: 'BrandonText-Bold';
    text-transform: uppercase;
    font-size: 16px;
    margin: 0 0 8px 0;
    color: inherit
}

@media screen and (min-width: 768px) {
    h5.global-footer__nav-header {
        font-size: 12.5px
    }
}

@media screen and (min-width: 992px) {
    h5.global-footer__nav-header {
        font-size: 16px
    }
}

.global-footer__have-a-question--desktop {
    display: none;
    text-align: left
}

@media screen and (min-width: 768px) {
    .global-footer__have-a-question--desktop {
        display: block
    }
}

.footer__styletips__select--small,
.footer__styletips__select--big {
    display: none;
    position: relative;
    padding: 0 calc(50% - 128px);
    text-align: center;
    margin: 0;
    zoom: 1
}

.footer__styletips__select--small:before,
.footer__styletips__select--big:before {
    content: "";
    display: table
}

.footer__styletips__select--small:after,
.footer__styletips__select--big:after {
    content: "";
    display: table;
    clear: both
}

.footer__styletips__select--small li,
.footer__styletips__select--big li {
    line-height: 25px !important;
    width: 49%;
    display: block;
    float: left;
    font-family: "BrandonText-Bold";
    font-size: 14px;
    text-transform: uppercase
}

.footer__styletips__select--small a,
.footer__styletips__select--big a {
    display: block;
    border-bottom: 0;
    padding: 30px 0;
    border: 0 !important;
    position: relative;
    color: #2F3237;
    cursor: pointer
}

.footer__styletips__select--small a:after,
.footer__styletips__select--big a:after {
    background: #e1ded9;
    display: block;
    width: 60px;
    height: 1px;
    content: " ";
    position: absolute;
    top: calc(30px + 25.6px);
    left: calc(50% - 30px)
}

.footer__styletips__select--small a:hover,
.footer__styletips__select--small a:focus,
.footer__styletips__select--big a:hover,
.footer__styletips__select--big a:focus {
    color: #0085C4;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.footer__styletips__select--small .helper-text,
.footer__styletips__select--big .helper-text {
    font-size: 12px;
    text-transform: lowercase;
    font-family: "BrandonText-Regular"
}

/* .global-footer__social-buttons {
    position: relative;
    position: relative;
    text-align: center;
    border-top: 1px solid #F2F1EF;
    border-bottom: 1px solid #F2F1EF;
    margin-bottom: 16px;
    text-align: center
}

.global-footer__social-buttons h5 {
    display: none
}

@media screen and (min-width: 768px) {
    .global-footer__social-buttons h5 {
        display: block
    }
}

@media screen and (min-width: 768px) {
    .global-footer__social-buttons {
        float: right;
        border: 0 !important;
        width: 25%
    }
} */

.global-footer__footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #fff;
    font-size: 14px;
    padding: 0;
    text-align: center;
    padding-bottom: 20px
}

@media screen and (min-width: 768px) {
    .global-footer__footer {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        border-top: 1px solid #D5D3D1;
        padding: 15px 15px;
        font-size: inherit;
        font-size: 14px;
        text-align: initial
    }
}

.global-footer__footer-item,
.global-footer__footer-item--links {
    display: block;
    margin-top: 0;
    padding: 0;
    font-size: 14px
}

.global-footer__footer-item--links {
    margin-bottom: 5px;
    font-size: 14px
}

@media screen and (min-width: 768px) {
    .global-footer__footer-item--links {
        margin-bottom: 0
    }
}

/*  ul.social-buttons__buttons {
    padding: 20px 0;
    margin-bottom: 0
} 

@media screen and (min-width: 768px) {
    ul.social-buttons__buttons {
        padding: 0;
        margin-bottom: 20px
    }
}  */

.facebook-link,
.instagram-link,
.pinterest-link,
.twitter-link {
    display: inline-block
}

/* a.social-buttons_button {
    font-size: 16px;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 33px;
    border-bottom: 0px !important;
    color: #2F3237 !important;
    padding: 5px
}

a.social-buttons_button span {
    display: none
}

a.social-buttons_button:before {
    border: 1px solid #2F3237;
    display: block;
    border-radius: 50%;
    width: 100%;
    height: 100%
}

a.social-buttons_button:hover,
a.social-buttons_button:focus,
a.social-buttons_button:visited,
a.social-buttons_button:visited:focus,
a.social-buttons_button:visited:hover {
    -webkit-tap-highlight-color: transparent;
    color: #2F3237
}

a.social-buttons_button:hover:before,
a.social-buttons_button:focus:before,
a.social-buttons_button:visited:before,
a.social-buttons_button:visited:focus:before,
a.social-buttons_button:visited:hover:before {
    border-color: #2F3237;
    background: #F2F1EF
}

.twitter-is-open a.social-buttons_button.twitter:before {
    background: #2F3237;
    color: #fff
}

.facebook-is-open a.social-buttons_button.facebook:before {
    background: #2F3237;
    color: #fff
}

.instagram-is-open a.social-buttons_button.instagram:before {
    background: #2F3237;
    color: #fff
}

.pinterest-is-open a.social-buttons_button.pinterest:before {
    background: #2F3237;
    color: #fff
}

 .social-buttons__gender-neutral-container {
    background: #F2F1EF;
    position: relative
}

 @media screen and (min-width: 768px) {
    .social-buttons__gender-neutral-container {
        position: absolute;
        left: 0;
        right: 0
    }
} 

ul.social-buttons__gender-neutral--facebook,
ul.social-buttons__gender-neutral--twitter,
ul.social-buttons__gender-neutral--instagram,
ul.social-buttons__gender-neutral--pinterest {
    display: none;
    position: relative;
    padding: 0 calc(50% - 128px);
    text-align: center;
    margin: 0;
    zoom: 1
}

ul.social-buttons__gender-neutral--facebook:before,
ul.social-buttons__gender-neutral--twitter:before,
ul.social-buttons__gender-neutral--instagram:before,
ul.social-buttons__gender-neutral--pinterest:before {
    content: "";
    display: table
}

ul.social-buttons__gender-neutral--facebook:after,
ul.social-buttons__gender-neutral--twitter:after,
ul.social-buttons__gender-neutral--instagram:after,
ul.social-buttons__gender-neutral--pinterest:after {
    content: "";
    display: table;
    clear: both
}

ul.social-buttons__gender-neutral--facebook li,
ul.social-buttons__gender-neutral--twitter li,
ul.social-buttons__gender-neutral--instagram li,
ul.social-buttons__gender-neutral--pinterest li {
    line-height: 25px !important;
    width: 49%;
    display: block;
    float: left;
    font-family: "BrandonText-Bold";
    font-size: 14px;
    text-transform: uppercase
}

ul.social-buttons__gender-neutral--facebook a,
ul.social-buttons__gender-neutral--twitter a,
ul.social-buttons__gender-neutral--instagram a,
ul.social-buttons__gender-neutral--pinterest a {
    display: block;
    border-bottom: 0;
    padding: 30px 0;
    border: 0 !important;
    position: relative;
    color: #2F3237;
    cursor: pointer
}

ul.social-buttons__gender-neutral--facebook a:after,
ul.social-buttons__gender-neutral--twitter a:after,
ul.social-buttons__gender-neutral--instagram a:after,
ul.social-buttons__gender-neutral--pinterest a:after {
    background: #e1ded9;
    display: block;
    width: 60px;
    height: 1px;
    content: " ";
    position: absolute;
    top: calc(30px + 25.6px);
    left: calc(50% - 30px)
}

ul.social-buttons__gender-neutral--facebook a:hover,
ul.social-buttons__gender-neutral--facebook a:focus,
ul.social-buttons__gender-neutral--twitter a:hover,
ul.social-buttons__gender-neutral--twitter a:focus,
ul.social-buttons__gender-neutral--instagram a:hover,
ul.social-buttons__gender-neutral--instagram a:focus,
ul.social-buttons__gender-neutral--pinterest a:hover,
ul.social-buttons__gender-neutral--pinterest a:focus {
    color: #0085C4 !important;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

ul.social-buttons__gender-neutral--facebook .helper-text,
ul.social-buttons__gender-neutral--twitter .helper-text,
ul.social-buttons__gender-neutral--instagram .helper-text,
ul.social-buttons__gender-neutral--pinterest .helper-text {
    font-size: 12px;
    text-transform: lowercase;
    font-family: "BrandonText-Regular"
}

.twitter-is-open .social-buttons__gender-neutral-container:before {
    background: #fff;
    display: block;
    width: 30px;
    height: 30px;
    content: " ";
    position: absolute;
    top: -18px;
    left: calc(50% - 15px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (min-width: 768px) {
    .twitter-is-open .social-buttons__gender-neutral-container:before {
        background: #F2F1EF;
        top: -10px
    }
}

@media screen and (min-width: 768px) {
    .twitter-is-open .social-buttons__gender-neutral-container:before {
        left: calc(50% - -50px)
    }
}

.facebook-is-open .social-buttons__gender-neutral-container:before {
    background: #fff;
    display: block;
    width: 30px;
    height: 30px;
    content: " ";
    position: absolute;
    top: -18px;
    left: calc(50% - 15px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (min-width: 768px) {
    .facebook-is-open .social-buttons__gender-neutral-container:before {
        background: #F2F1EF;
        top: -10px
    }
}

@media screen and (min-width: 768px) {
    .facebook-is-open .social-buttons__gender-neutral-container:before {
        left: calc(50% - 81px)
    }
}

.instagram-is-open .social-buttons__gender-neutral-container:before {
    background: #fff;
    display: block;
    width: 30px;
    height: 30px;
    content: " ";
    position: absolute;
    top: -18px;
    left: calc(50% - 15px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (min-width: 768px) {
    .instagram-is-open .social-buttons__gender-neutral-container:before {
        background: #F2F1EF;
        top: -10px
    }
}

@media screen and (min-width: 768px) {
    .instagram-is-open .social-buttons__gender-neutral-container:before {
        left: calc(50% - 37px)
    }
}

.pinterest-is-open .social-buttons__gender-neutral-container:before {
    background: #fff;
    display: block;
    width: 30px;
    height: 30px;
    content: " ";
    position: absolute;
    top: -18px;
    left: calc(50% - 15px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (min-width: 768px) {
    .pinterest-is-open .social-buttons__gender-neutral-container:before {
        background: #F2F1EF;
        top: -10px
    }
}

@media screen and (min-width: 768px) {
    .pinterest-is-open .social-buttons__gender-neutral-container:before {
        left: calc(50% - -6px)
    }
} */

html {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}

#knit-header a {
  color: currentColor !important;
}

.bootstrap .btn.btn-white, .bootstrap .btn.btn-default {
    border-color: #56585c !important;
    color: #56585c !important;
    background-color: #fffefe;
    min-width: 130px;
    box-shadow: none;
  	border-radius: 0;
    text-transform: uppercase;
  	button-class:hover { background-color: #ffffff; };
}

.bootstrap .btn {
    font-family: "BrandonText-Medium", sans-serif, "stitch-fix-icon-font", "stitch-fix-icon-font" !important;
    font-size: 16px !important;
    line-height: 1 !important;
    letter-spacing: 0.8px !important;
}

.bootstrap .btn-sm, .bootstrap .btn-group-sm>.btn {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn.btn-red.btn__contact-us {
    width: 150px !important;
    height: 42px !important;
    padding-top: 14px !important;
  	border-radius: 0;
    text-transform: uppercase;
  	button-class:hover { background-color: #ffffff; };
}

.btn.btn-red.btn__phone-popup__call-me-back {
  	border-radius: 0;
    text-transform: uppercase;
  	button-class:hover { background-color: #ffffff; };
}

.btn.btn-red.btn__search {
    height: 46px !important;
  	border-radius: 0;
    text-transform: uppercase;
  	button-class:hover { background-color: #ffffff; };
}

.bootstrap .btn.btn-red, .bootstrap .btn.btn-important {
    color: white;
    background-color: #f05d61;
    border-color: #f05d61;
    box-shadow: none;
    color: white !important;
}
/*MW-Notificaiton Banner CSS */
/* Common, default styles for the notification box */

/* change the background color by editing "background"  */
/* change the text color by editing "color"  */
.ns-box {
	background: rgba(192, 57, 43,0.85);
  padding: 1rem 3rem;
	line-height: 1.4;
	z-index: 1000;
	pointer-events: none;
	color: rgba(250,251,255,0.95);
	font-size: 85%;
  border-bottom: 1px solid #DDD;
  position: relative;
}

.ns-box.ns-show {
	pointer-events: auto;
}

.ns-box a {
	color: inherit;
  opacity: 0.7;
	font-weight: 700;
}

.ns-box a:hover,
.ns-box a:focus {
	opacity: 1;
}

.ns-box p {
  margin: 0;
}

.ns-box p + p {
  margin-top: 0.5rem;
}

.ns-box.ns-show,
.ns-box.ns-visible {
	pointer-events: auto;
}

.ns-close {
	width: 20px;
  height: 20px;
  position: absolute;
  overflow: hidden;
  text-indent: 100%;
  cursor: pointer;
  backface-visibility: hidden;
  background: #0000;
  padding: 1rem;
  right: 1vw;
  top: 1vw;
}

.ns-close:hover, 
.ns-close:focus {
	outline: none;
}

.ns-close::before,
.ns-close::after {
	content: '';
	position: absolute;
	width: 3px;
	height: 60%;
	top: 50%;
	left: 50%;
	background: #6e6e6e;
}

.ns-close:hover::before,
.ns-close:hover::after {
	background: #fff;
}

.ns-close::before {
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
	transform: translate(-50%,-50%) rotate(45deg);
}

.ns-close::after {
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
	transform: translate(-50%,-50%) rotate(-45deg);
}

.ns-box-inner i {
    color: #fff;
    font-size: 3.8em;
}

.ns-box-icon {
  position: absolute;
  left: 10px;
  left: 1vw;
  top: 10px;
  top: 1vw;
}

.megaphone:before { 
  content:'\1F4E3';
  font-family: "entypo";
  font-size: 2.2em;
}

/* Top bar notifications */
.ns-box.ns-bar {
	top: 0;
	left: 0;
	width: 100%;
}

.ns-bar .ns-close::before,
.ns-bar .ns-close::after {
	background: #b7b5b3;
}

[class^="ns-effect-"].ns-bar.ns-hide,
[class*=" ns-effect-"].ns-bar.ns-hide {
	-webkit-animation-direction: reverse;
	animation-direction: reverse;
}





.ns-effect-slidetop .icon {
	position: absolute;
	display: block;
	font-size: 109%;
	top: 50%;
	left: 1em;
	-webkit-transform: translate3d(0,-20%,0);
	transform: translate3d(0,-20%,0);
}

.ns-effect-slidetop p {
	font-size: 1.2em;
}

.ns-effect-slidetop .ns-close::before,
.ns-effect-slidetop .ns-close::after {
	width: 2px;
	background: #fff;
}

.ns-effect-slidetop .ns-close:hover::before,
.ns-effect-slidetop .ns-close:hover::after {
	background: #fff;
}

.ns-effect-slidetop.ns-show .icon,
.ns-effect-slidetop.ns-show p {
	-webkit-animation-name: animScaleUp;
	animation-name: animScaleUp;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.ns-effect-slidetop.ns-show p {
	-webkit-animation-name: animFade;
	animation-name: animFade;
}

@-webkit-keyframes animScaleUp {
	0% { opacity: 0; -webkit-transform: translate3d(0,-50%,0) scale3d(0,0,1); }
	100% { opacity 1; -webkit-transform: translate3d(0,-50%,0) scale3d(1,1,1); }
}

@keyframes animScaleUp {
	0% { opacity: 0; -webkit-transform: translate3d(0,-50%,0) scale3d(0,0,1); transform: translate3d(0,-50%,0) scale3d(0,0,1); }
	100% { opacity 1; -webkit-transform: translate3d(0,-50%,0) scale3d(1,1,1); transform: translate3d(0,-50%,0) scale3d(1,1,1); }
}

.ns-effect-slidetop.ns-show,
.ns-effect-slidetop.ns-hide {
	-webkit-animation-name: animSlideTop;
	animation-name: animSlideTop;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
}

@-webkit-keyframes animSlideTop {
	0% { -webkit-transform: translate3d(0,-100%,0); }
	100% { -webkit-transform: translate3d(0,0,0); }
}

@keyframes animSlideTop {
	0% { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
	100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}