/* LIQUID COLLECTION PAGES

1. IMAGES
2. PRODUCT COPY
3. VIDEO
---------- */

/* 1. IMAGES ---------- */
.productcol {
	margin:0 0 1.25em 0;
}

header.homepage-banner.wrapper.cf.collection {
    padding-bottom: 15%;
}


/* 2. PRODUCT COPY ---------- */
.ed_descript p {
	font-family: 'calluna', Georgia, 'Times New Roman', serif;
	color: #999999;
  	font-style: italic;
  	letter-spacing:0.2px;
  	margin-bottom:1em !important;
}

ul.bullets {
  	padding-left: 20px !important;
	}

.wrapper.section_para.ed_descript {
    width: 50%;
}

.flright { float:right; }

.fabricnote { 
	font-family: 'calluna', Georgia, 'Times New Roman', serif;
	color: #999999;
}

.fabricprice { 
	font-family: 'calluna', Georgia, 'Times New Roman', serif;
	color: #c61b21;
  	font-weight:600;
}

.productcol img {
  width:100%;
  height:auto;
}

.productcol p, .productcol h3 {
  padding-left:20px;
}
.productcol h3, .productcol h3 a {
	font-family: 'calluna', Georgia, 'Times New Roman', serif;
	color: #231f20;
	margin: .3em 0 .1em 0;
}

p.stylename { 
	font-family: 'nimbus-sans', Helvetica, Arial, sans-serif;
	color: #999999;
	font-size: .8125em;
	line-height: 1 ;
  	margin-top:0.25em !important;
  	margin-bottom: 0;
}

p.styleprice { 
	font-family: 'calluna', Georgia, 'Times New Roman', serif;
	color: #c61b21;
	font-size: 1em;
	line-height: 1;
  	margin-top:0.125em !important;
  	font-weight:800;
}

/* 3. VIDEO ---------- */
.videowrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
  	/*max-width:980px;*/
}

.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}


/* EDITORIAL PRODUCT PAGE LAYOUT STYLESHEETS 

1. PRODUCT IMAGE EDITS
2. PRODUCT COPY EDITS
3. SERVICE ICONS
4. BUTTON
---------- */


/* 1. PRODUCT IMAGE EDITS ---------- */
#images.coredenimimg {
    width: 100% !important;
    z-index: 1;
    position: relative;
}

/* 2. PRODUCT COPY EDITS ---------- */

h2.coredenim { font-size:1.3em; }

#details.coredenimdetails {
    width: 25%;
    margin: 40px 0 0 40px;
    z-index: 999;
    position: absolute;
}

#details header h4 {
    margin: .225em 0 0 !important;
}
  
h3.redfit {
  color: #c61b21 !important;
}

div#sizetable p {
    font-size: .8em;
    font-family: "calluna",Georgia,Times,serif;
    color: #999999;
    font-style: italic;
    margin-left: 60px;
}

/* 3. SERVICE ICONS ---------- */
#service p	{
	font-family: 'nimbus-sans', Helvetica, Arial, sans-serif;
	color: #231f20;
	font-size: .8125em;
	line-height: 1.5
}

.col-1-1 {
  width:100%;
  /*max-width:980px;*/
  padding:0px;
  overflow: hidden;
  margin: 0 auto 1.2em auto;
  border-bottom: 1px solid #231f20;
  padding-bottom: 1.2em;
}

.col-1-2 {
  width: 50%;
  float: left;
}

.margbot20 { margin-bottom:20px; }

.col-1-4 {
  width: 20%;
  float: left;
  padding: 0 3% 0 2%;
}

.oflow { overflow:hidden;}

.appleLinks a {color: #c61b21;}
.appleLinksWhite a {color: #c61b21;}

img.imgmid {
    display: block;
    margin: 0 auto;
  	max-width:100%;
}

/* 4. BUTTON ---------- */
.button {
    border: 0 !important;
    background-color: #c61b21 !important;
    color: #ffffff !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

/* 5. SIZE CHART ---------- */

#sizechart_denim_cm table { width:100%; }

#sizechart_denim_cm.sizechart table td { text-align:center; }

/* MOBILE VERSION ---------- */

@media only screen and (min-device-width : 320px) {
    #details.coredenimdetails {
    width: 100%;
    margin:0 0 1em 0;
    z-index: 1;
    position: relative;
	}
	.col-1-4 {
	width: 100%;
	float: left;
}
  .prod-1-2 {
    width: 100%;
    float: left;
}
  
.page-name-mens .prod-1-2 {
  width: 50%;
}
  
}


/* @media screen and (min-width: 480px) */
@media screen and (min-width: 30em) {
    #details.coredenimdetails {
    width: 100%;
    margin:0 0 1em 0;
    z-index: 1;
    position: relative;
	}
  
	.col-1-4 {
	width: 40%;
	float: left;
    margin-bottom:2em;
}
  
  .prod-1-2 {
    width: 50%;
    float: left;
}
  
}

/* @media iPhone 6 LANDSCAPE */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { 
	
  #details.coredenimdetails {
    width: 100%;
    margin:0 0 1em 0;
    z-index: 1;
    position: relative;
	}
  
}

/* @media iPhone 6+ */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px)  { 
  
  #details.coredenimdetails {
    width: 100%;
    margin:0 0 1em 0;
    z-index: 1;
    position: relative;
	}

}


/* @media screen and (min-width: 720px) */
@media screen and (min-width: 45em) {

  #details.coredenimdetails {
    max-width: 37.5%;
    margin: 40px 40px 0 40px;
    z-index: 999;
    position: absolute;
	}

  	.col-1-4 {
	width: 20%;
	float: left;
	padding: 0 3% 0 2%;
    }
  
}

/* @media screen and (min-width: 888px) */
@media screen and (min-width: 55.5em) {
    #details.coredenimdetails {
    max-width: 25%;
    margin: 40px 40px 0 40px;
    z-index: 999;
    position: absolute;
	}
}

/* @media screen large desktop */
@media screen and (min-width: 1200px) {
    #details.coredenimdetails {
    width: 25%;
    max-width: 360px;
    margin: 40px 40px 0 40px;
    z-index: 999;
    position: absolute;
	}
}

/*  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%
*/