/*
*
*  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
*
****************************************************
hot 141111 160101 for hebamme-biel-bienne.ch
****************************************************
*/
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;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

header[role="banner"] {
	margin: 0 auto 0;
	padding: 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;
  font-size: .8125em;
  margin-top: 1.25em;
  line-height: 120%; }
  .row:first-child {
    border-left: none; 
    width: 40%;
}
 .row:last-child {
   border-left: none; }
  .row:nth-child(4) {
    margin-left: 16.666666669%;
    border-left: none; }

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%; }

.homepage-banner {
  width: 100%;
  height: 100%;
  padding-bottom: 60%; }
  .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-top: 1px solid #000000;
  margin-top: -.625em;
  margin-bottom: 0;
  padding-bottom: 0; }
  #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 .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; }

#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; }

#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; }

	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%; }

  #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 {
 }

  #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: 0 auto 0;
    padding: 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: 15%; 
    padding: 3em 0 0 0; }
    .row:first-child {
      margin-left: 0; 
      padding: 0;  }
    .row:nth-child(3), .row:nth-child(4), .row:nth-child(5) {
      display: block;
      margin-top: 0; }
	.row:last-child {
  	  margin-left: 0; 
	  padding: 0 0 0 9.5%;
	  float: right;  }

   #subnav li:first-child {
      }

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

  #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%; }

  #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) */