/*
*
*  Golden Grid System (1.0)	<http://goldengridsystem.com/>
*  by Joni Korpi 				<http://jonikorpi.com/>
*  licensed under MIT			<http://opensource.org/licenses/mit-license.php>
*
*/
/*
*
*  Simple fluid media
*
*/
figure {
  position: relative; }

figure img, figure object, figure embed, figure video {
  max-width: 100%;
  display: block; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic; }

/*
*
*	Zoomable baseline grid
*	type size presets
*
*/
body {
  /* 16px / 24px */
  font-size: 1em;
  line-height: 1.5em;
  margin: 0 .625em; }

/*
*
*  Four-column grid active
*  ----------------------------------------
*  Margin   | #  1   2   3   4   |   Margin
*  5.55555% | %  25  50  75  100 | 5.55555%
*
*/
.container {
  margin: 0 auto;
  max-width: 1004px; }

/*
*  Simple elastic gutters
*  Note: box-sizing will not work in IE6-7
*/
.wrapper, .row, #subnav li {
  padding: 0 .625em;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

header[role="banner"] {
  margin: 1.25em auto 1.25em;
  padding: .625em 0; }
  header[role="banner"] h1, footer[role="content-info"] h1 {
    width: 75%;
    float: left;
    margin: 0 12.5%; }

#menuToggle {
  position: absolute;
  width: 18.75%;
  top: 0;
  left: 40.625%;
  text-align: center; }

#minicart {
  width: 100%;
  font-size: .6875em;
  text-align: center;
  margin: 0; }
  #minicart p.hiut-denim-co {
    float: left;
    text-align: left;
    font-weight: bold;
    width: 25%;
    display: none;
 	color: #231f20; }
  #minicart p {
    float: right;
    margin: .625em 0 -.625em;
    color: #c61b21;
    width: 100%; }

#logo, #footerlogo {
  width: 25%;
  margin-left: 37.5%;
  margin-top: 2.5em; }
  #logo h1 a, #footerlogo h1 a {
    background-position: center; }

nav[role="navigation"] {
  display: none; }

.row {
  width: 33.33333%;
  margin: 0;
  text-align: left;
  border-left: 1px solid lightgrey;
  font-size: .8125em;
  margin-top: 1.25em;
  line-height: 1.5; }
  .row:first-child, .row:last-child {
    border-left: none; }
  .row:nth-child(4) {
    margin-left: 16.666666669%;
    border-left: none;
    border-right: 1px solid lightgrey; }

footer[role="content-info"] .row {
	width: 43%; }
footer[role="content-info"] .row:nth-child(2) {
	width: 25%; }
footer[role="content-info"] .row:last-child {
	width: 32%;
    border-left: 1px solid lightgrey; }

.homepage-banner {
  width: 100%;
  height: 0;
  padding-bottom: 33.333333333%; }
  .homepage-banner hgroup {
    float: right;
    width: 62.5%; }
    .homepage-banner hgroup h2 {
      font-size: 2em;
      font-weight: bold;
      line-height: 1.2;
      margin: .3125em 0; }

.chevron:before {
  top: 33%; }
.chevron:after {
  top: 33%; }

#subnav {
  border-bottom: 1px solid #231f20;
  margin-top: -.625em;
  margin-bottom: 1.25em;
  padding-bottom: .625em; }
  #subnav ul {
    margin: 0; }
  #subnav li {
    margin: .625em 1.25em .625em 0; }

.article + .article {
  margin-top: 1.25em; }

.article_icon {
  width: 12.5%;
  margin-top: .15625em; }
  .article_icon img {
    max-width: 100%; }
.denim-type:last-of-type .section {
	margin-top: 2.5em;
}

.section {
  margin-bottom: 1.25em; }
.section.denim {
  margin-bottom: .625em; }
  .section .article_icon {
    width: 12.5%;
    margin-top: 0; }
  .section .section_title {
    width: 37.5%; }
    .section .section_title h3 {
      margin: 0; }
  .section .section_para {
    width: 50%; }
    .section .section_para p {
      margin: 0; }
    .section .section_para p+p {
      margin: .625em 0 0; }

.product_thumb {
  width: 50%; margin-bottom: 1.25em; }
.denim-type .product_thumb {
  width: 100%; margin-bottom: 1.25em; }
/*  .product_thumb:nth-of-type(1), .product_thumb:nth-of-type(2) {
    margin-bottom: 1.25em; }
*/
.large .article_image {
  position: relative;
  float: right;
  width: 100%; }
  .large .article_image figcaption {
    position: absolute;
    top: 0;
    right: .625em;
    bottom: 0;
    left: .625em;
    text-align: center;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear; }
    .large .article_image figcaption h1 {
      font-size: 2.5em;
	  line-height: 1.2;
      margin: 25% 0 1.25em; }
    .large .article_image figcaption:hover {
      background-color: rgba(35, 31, 32, 0.67); }
.large .article_words {
  float: right;
  width: 87.5%; }
.large > .article_icon { 
	margin-top: .625em; }
.large > .article_words { 
	margin-top: .625em; }
.inner { margin-top: .625em; }

.small .article_image {
  float: right;
  width: 25%;
  margin-top: 2.25em; }
.small .article_words {
  float: left;
  width: 62.5%; }

.portrait {
  width: 50%;
  float: left; }
  .portrait .article_image {
    width: 100%;
    margin-top: 1.185em; }
  .portrait .article_words {
    width: 100%;
    margin-top: 0.625em; }

.wide {
  width: 37.5%;
  float: left; }
  .wide .article_image {
    width: 100%;
    margin-bottom: .625em; }
  .wide .article_words {
    width: 100%; }

#details {
  margin-bottom: 1.25em; }

#feature_image {
  width: 100%;
  margin-bottom: 1.25em; }

#thumbs a {
  width: 20%;
  margin-bottom: 1.25em; }
  #thumbs a img {
    border: 1px solid white;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  #thumbs a.current img {
    border: 1px solid #c61b21; }
/*
  #product-year-book #feature_image {
	width: 60%; }
*/
#fitNav {
  float: left;
  margin-bottom: 2.5em;
  margin-top: 2.5em;
  width: 93.75%;
  margin-left: 6.25%; }
  #fitNav h4 {
    margin: 0 0 1.25em;
    width: 100%; }

.fit header {
  width: 50%; }

.sizechart {
  width: 100%; }

.mapwrap {
  width: 100%; }

.map {
  width: 100%;
  height: 33.333333333%; }

.stockist {
  width: 25%; }

.post .video { width: 100%; float:right; }

#cartwrap { width: 100%; }

#page-page .article {
	margin-top: 1.25em;
}

.post .story-image { width: 87.5%; margin-bottom: 1.25em; }
.post .story_title, .post .story_text { width: 87.5%; margin-left: 12.5%; }

.grid_image { width: 16.666666667%; margin-bottom: 1.25em; }

.pagination nav, .pagination-num-showing { width: 100%; }

/*
*
*  Fixes for IE6-8
*  http://jonikorpi.com/leaving-old-IE-behind/
*
*/
.ie body {
  width: 40em;
  margin: 0 auto;
  font-size: 1.0625em; }

/* @media screen and (min-width: 480px) */
@media screen and (min-width: 30em) {
  header[role="banner"] h1, footer[role="content-info"] h1 {
    margin: 0; }

  #logo, #footerlogo {
    width: 12.5%;
    margin-left: 0;
    margin-top: .15625em; }

  #menuToggle {
    width: 12.5%;
    left: 43.75%; }

  #minicart {
    width: 62.5%;
    position: absolute;
    text-align: right;
    right: 0;
    bottom: 0; }
    #minicart p {
      margin: 0; }

  .row {
    width: 20%;
    margin-top: 0; }
    .row:nth-child(4) {
      margin-left: 0;
      border-left: 1px solid lightgrey; }

	footer[role="content-info"] .row, footer[role="content-info"] .row:last-of-type {
		width: 33.75%; }
	footer[role="content-info"] .row:nth-child(2) {
		width: 20%; }
		
  .homepage-banner hgroup {
    width: 37.5%; }
  .article_icon img {
    max-width: 75%; }
    .large .article_image figcaption h1 {
      font-size: 3em; 
      margin: 25% 0 .625em; }
 }
/* @media screen and (min-width: 640px) */
@media screen and (min-width: 40em) {
  .chevron:before {
    top: 50%; }
  .chevron:after {
    top: 50%; }

  .article {
    float: left;
    width: 50%; }
    .article + .article {
      margin-top: 0; }

  .small .article_image {
    float: right;
    width: 37.5%;
    margin-top: 0; }
  .small .article_words {
    float: right;
    width: 50%; }

  .article_icon {
    margin-top: 0; }
    .article_icon img {
      max-width: 100%; }

  .homepage-banner hgroup {
    width: 31.25%;
 	margin-right: -.625em;}
    .homepage-banner hgroup h2 {
      margin: 1.25em 0; }

  .section .article_icon {
    width: 6.25%; }
  .section .section_title {
    width: 18.75%; }
  .section .section_para {
    width: 50%; }

.denim-type .section .article_icon {
  width: 12.5%; }
.denim-type .section .section_title {
  width: 37.5%; }

  #minicart p {
    width: 75%; }

  #fitNav {
    margin-top: 0;
    width: 75%;
    margin-left: 25%; }
    #fitNav h4 {
      width: inherit;
      margin: 0; }

	#page-page .article {
		margin-top: 0;
	}
	.post .article_icon { width: 12.5%; }
	.post .section_title { width: 37.5%; }
	.post .video { width: 50%; }

 }
/*
*
*  Eight-column grid active
*  ----------------------------------------------------------------------
*  Margin   | #  1     2     3     4     5     6     7     8   |   Margin
*  5.55555% | %  12.5  25.0  37.5  50.0  62.5  75.0  87.5  100 | 5.55555%
*
*
*/
/* @media screen and (min-width: 720px) */
@media screen and (min-width: 45em) {
  .row {
    font-size: 1em; }

  .product_thumb {
    width: 25%; }
  .denim-type .product_thumb {
	width: 50%; }
  .do-one-thing-well-collection .product_thumb {
    width: 33.333333333%; }

  #details {
    width: 37.5%;
    margin-bottom: 0; }
    #details h2 {
      margin: 0 0 .3125em; }
    #details h3 {
      font-weight: normal; }
    #details h4 {
      font-weight: normal;
      color: #c61b21; }

	.post .article_icon { width: 6.25%; }
	.post .section_title { width: 31.25%; }
	.post .video { width: 62.5%; }
	.post .story-image { width: 93.75%; }
	.post .story_title { width: 18.75%; margin-left: 6.25%; }
	.post .story_text { width: 43.75%; }
	.post .story_text.columned { -webkit-column-count: 3; -webkit-column-gap: 1.25em; width: 75%; margin-left: 0; }
	.post .special_story_text { width: 75%; }
	.post .special_story_text .split_column { -webkit-column-count: 2; -webkit-column-gap: 1.25em; }
	
  #images {
    width: 62.5%;
    margin-bottom: 1.25em;
    float: left; }

	.image-grid { margin-left: 25%; }

    .large .article_image figcaption h1 {
      font-size: 4em; 
      margin: 25% 0 .25em; }

	footer[role="content-info"] .row, footer[role="content-info"] .row:nth-child(2), footer[role="content-info"] .row:last-of-type {
		width: 27.083333333%;
		margin: -.3125em 0 .3125em 0;}


}
/* @media screen and (min-width: 888px) */
@media screen and (min-width: 55.5em) {
  header[role="banner"] {
    margin: 2.5em auto 1.25em;
    padding: 1.25em 0; }

  #logo, #footerlogo {
    width: 12.5%;
    display: block; }
    #logo h1 a, #footerlogo h1 a {
      background-position: left top; }

  nav[role="navigation"] {
    display: block; }

  .row {
    width: 16.25%; }
    .row:first-child {
      margin-left: 6.25%; }
    .row:nth-child(3), .row:nth-child(4), .row:nth-child(5) {
      display: block;
      margin-top: 0; }

   #subnav li:first-child {
     margin-right: 25%; }

   #subnav li {
     margin-bottom: 0; margin-top: 0; }

  #minicart {
    top: -2.5em;
    bottom: inherit;
    width: 100%;
    font-size: .6875em;
    text-align: right;
    margin: 0; }
    #minicart p.hiut-denim-co {
      display: block; }

  #menuToggle {
    display: none; }

  .homepage-banner hgroup {
    width: 25%; }
    .homepage-banner hgroup h2 {
      font-size: 2.5em;
      line-height: 1.2; }

  .small .article_image {
    width: 50%; }
  .small .article_words {
    width: 37.5%; }

  .article_icon img {
    max-width: 75%; }

  .section .article_icon {
    margin-top: .15625em; }
  .section .section_title {
    width: 18.75%; }
    .section .section_title h3 {
      margin: .3125em 0; }
  .section .section_para {
    width: 25%; }

  .denim-type .article_icon {
    width: 12.5%; }
  .denim-type .section .section_title {
    width: 37.5%; }
  .denim-type .section .section_para {
    width: 50%; }
	.denim-type:last-of-type .section {
		margin-top: 0;
	}

  .portrait {
    width: 25%; }
    .portrait .article_image {
      width: 100%;
      margin-top: 0; }
    .portrait .article_words {
      width: 100%; }

	.denim-type {
		float: left;
		width: 50%;
		margin-bottom: .75em;
	}
  .yearbook:last-of-type { margin-left: 50%; } 
  
  #details {
    width: 31.25%;
    margin-right: 6.25%; }

  #images {
    width: 62.5%; }

  #fitNav {
    width: 50%;
    float: right;
    margin: 0 0 2.5em; }

  .fit header {
    width: 62.5%; }

  #cart_section { width: 68.75%; margin-right: 6.25%;  }
  .cart_buttons { width: 100%; }
  #sidebar { width: 25%; float: right; }

}
/* @media screen and (min-width: 984px) */
/* @media screen and (min-width: 1200px) */
/* @media screen and (min-width: 1392px) */
/* @media screen and (min-width: 1680px) */
/*
*
*  Sixteen-column grid active
*  ----------------------------------------------------------------------------------------------------------------------
*  Margin   | #  1     2     3     4     5     6     7     8     9     10    11    12    13    14    15    16  |   Margin
*  5.55555% | %  6.25  12.5  18.75 25.0  31.25 37.5  43.75 50.0  56.25 62.5  68.75 75.0  81.25 87.5  93.75 100 | 5.55555%
*
*
*/
/* @media screen and (min-width: 1872px) */
/* @media screen and (min-width: 2080px) */