/* COLLABORATIONS */



@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) { /* retina */
	body.collaborations #topnav .left a.link-home {background-image: url(../images/arrow_14px_floriane_2x.png); }
}

/*
.collaborations-inner {
	margin: 0 auto;
	width: 70%;
	max-width: 1000px;
}
*/

/* Collab Grid */
ul.collaborations {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	padding-top: 25px;
	width: 100%;
}
ul.collaborations:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

ul.collaborations li {
	width: 25%;
	overflow: hidden;
	display: inline-block;
	/*float: left;*/
	padding: 0 0 20px;
	text-align: left;
}
ul.collaborations li.size-col2 {
	width: 50%;
}
ul.collaborations li.id-intro {
	width: 100%;
	color: #959188;
	padding: 0;
}
ul.collaborations li.id-intro .inner {
	margin: 0 25px 25px;
	xborder-bottom: 2px solid #959188;
	padding: 0 0 20px 0;
	text-align: center;
}
ul.collaborations li.id-intro h2 {
	font-size: 22px;
	line-height: 1.2em;
	xmargin: 10px 0 0;
}
ul.collaborations li.id-intro p {
	margin: 0;
}
/*
ul.collaborations li.n0 {
	margin-bottom: 140px;
}
ul.collaborations li.n1 {
	margin-top: -70px;
	margin-bottom: 70px;
}
ul.collaborations li.n2 {
	margin-top: -140px;
}
*/
ul.collaborations li a {
	margin: 0 25px;
	display: block;
	position: relative;
	color: #959188;
	font-size: 14px;
	
	-webkit-transition: color 0.2s ease-in-out !important;  
	-moz-transition: color 0.2s ease-in-out !important; 
	-o-transition: color 0.2s ease-in-out !important;
	transition: color 0.2s ease-in-out !important;
}
ul.collaborations li a .img {
	width: 100%;
	margin-top: 13px;
	
}
ul.collaborations li a img {
	width: 100%;
}
ul.collaborations li a h4 {
	margin: 10px 0 0;
	
	font-size: 22px;
	font-size: 14px;
	line-height: 1.3em;
	text-align: center;
}


ul.collaborations li a:hover {
	color: #fff;
}


ul.collaborations li.id-1873 {
	display: none;
}

ul.collaborations li.id-1877 {
	/*margin-left: 25%;*/
}

ul.collaborations li.id-1878 {
	width: 27%;
}
ul.collaborations li.id-1875 {
	width: 27%;
}
ul.collaborations li.id-1876 {
	/*width: 46%;*/
}




/* COLLABORATIONS FRAME */

body.collaborations_post #bg {
	background-color: #f8f1e1;
	background-color: #000;
}

body.collaborations_post #topnav,
body.collaborations_post #topnav a {
	color: #959188;
}

body.collaborations_post #topnav a:hover span,
body.collaborations_post #topnav .right a:hover {
	border-bottom: 2px solid #959188 !important;
}

body.collaborations_post #topnav .left a.link-back {
	background-image: url(../images/arrow_14px_floriane.png);
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) { /* retina */
	body.collaborations_post #topnav .left a.link-back {background-image: url(../images/arrow_14px_floriane_2x.png); }
}

.collaborations-frame {
}



.collaborations-frame .collaborations-intro {
	padding: 50px 50px 0;
	margin: 0 25%;
	color: #959188;
	font-size: 14px;
	line-height: 1.3em;
	text-align: center;
}

.collaborations-frame .collaborations-intro h2 {
	font-size: 14px;
	line-height: 1.3em;
	margin: 0;
}

.collaborations-frame .collaborations-intro p.hd,
.collaborations-frame .collaborations-intro p.timestamp {
	font-size: 12px;
	line-height: 1.3em;
	text-align: center;
}


.collaborations-frame .collaborations-outro {
	padding: 0 50px 50px;
	margin: 0 25%;
	color: #959188;
	font-size: 14px;
    line-height: 1.4em;
    text-align: center;
}
.collaborations-frame .collaborations-outro a {	
	color: #959188;
}
.collaborations-frame .collaborations-outro a:hover {	
	color: #fff;
}



.collaborations-frame .collaborations-post {
	background-color: #fff;
	margin: 50px;
	padding-top: 0;
	max-width: 1300px;
}



/* COLLABORATIONS: SUNSPEL */

.collaborations-t-shirt * { 
	text-align: justify;
  -moz-box-sizing: border-box; 
  -ms-box-sizing: border-box; 
  box-sizing: border-box; 
}


.collaborations-t-shirt .scene {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    }
	
}

.collaborations-t-shirt .scene:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


.collaborations-t-shirt .scene .hero {
	width: 50%;
	float: left;
}

.collaborations-t-shirt .scene .hero img {
	width: 100%;
	display: block;
}

.collaborations-t-shirt .intro {
	margin: 100px auto;
	width: 50%;
	font-size: 24px;
	line-height: 1.3em;
}

.collaborations-t-shirt .intro .credit {
	font-size: 14px;
}

.collaborations-t-shirt .scene .small {
	width: 50%;
	float: left;

	display: -webkit-flex;
	display: -ms-flexbox;
   display: flex;
   -webkit-flex-direction: row;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-align-content: stretch;
   -ms-flex-line-pack: stretch;
   align-items: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.collaborations-t-shirt .small img {
	width: 50%;
}

.collaborations-t-shirt .details {
	width: 100%;
	padding: 0 2.5% 5% 2.5%;
    box-sizing: border-box;
}

.collaborations-t-shirt .details:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}



.collaborations-t-shirt .details .details-container {
	width: 33.33333%;
	padding: 0 2.5%;
	float: left;
	font-size: 14px;
    line-height: 1.4em;
    
}

.collaborations-t-shirt .details .details-container p {
	margin: 1em 0;
}


.collaborations-t-shirt .details .details-container img {
	width: 100%;
	margin-bottom: 2.5%;
}

.collaborations-t-shirt .details .details-container h2 {
	font-size: 14px;
	border-top: 2px solid black;
	padding-top: 10px;
	margin-top: 0;
	margin: 0.83em 0;
}







@media (min-width: 1400px) {
	
	.collaborations-frame .collaborations-post {
		margin: 50px auto;
	}
}


@media (max-width: 1100px) {

	
/*
	.shop-inner,
	.collaborations-inner {
		width: 80%;
	}
*/

	.collaborations-t-shirt .intro {
		width: 75%;
	}
	
}


@media (max-width: 900px) {

	.collaborations-t-shirt .scene {
		display: block;
	}

	.collaborations-t-shirt .scene .hero,
	.collaborations-t-shirt .scene .small,
	.collaborations-t-shirt .scene .details {
		float: none;
		width: 100%;
	}

	.collaborations-t-shirt .scene .small {
		float: none;
		width: 100%;
		margin-top: 75px;
	}

	.collaborations-t-shirt .intro {
		width: 100%;
		padding: 0 5%;
		margin: 75px auto;
	}

	.collaborations-t-shirt .details .details-container {
		width: 100%;
		margin-bottom: 25px;
	}

	.collaborations-t-shirt .details .details-container > * {
		float: left;
		padding: 0;
	}


	.collaborations-t-shirt .details .details-container > *:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}

	.collaborations-t-shirt .details .details-container h2 {
		width: 100%;
	}

	.collaborations-t-shirt .details .details-container .img {
		width: 50%;
		padding: 0 2.5% 0 0;
		margin-bottom: 0;
	}

	.collaborations-t-shirt .details .details-container > p {
		width: 50%;
		padding: 0 0 0 2.5%;
		margin-top: 0;
	}


	
}


@media (max-width: 768px) {

	
	.shop-inner .item h1,
	.shop-inner .item fieldset legend {
		font-size: 26px;
		line-height: 1.3em;
	}
	.collaborations-frame .collaborations-intro,
	.collaborations-frame .collaborations-outro {
		margin: 0;
	}
	 
	.collaborations-t-shirt {
		padding-bottom: 50px;
	}

	.collaborations-t-shirt .scene .details .details-container {
		margin-left: 50%;
		margin-top: 50px;
	}
	.collaborations-t-shirt .scene.hero-right .details .details-container {
		margin-right: 50%;
		margin-left: 50px;
		margin-bottom: 50px;
	}
	
	
	.collaborations-the-new-italy .scene .left, 
	.collaborations-the-new-italy .scene .right {
		float: none;
		width: 100%;
	}
	.collaborations-the-new-italy .scene .hd.notopmargin {
		padding-top: 5%;
	}
	
}

@media (max-width: 650px) {

	
	.shop-inner .item h1,
	.shop-inner .item fieldset legend {
		font-size: 22px;
		line-height: 1.3em;
	}

	.collaborations-t-shirt .scene {
		display: block;
		width: 100%;
	}

	.collaborations-t-shirt .intro {
		padding: 0px 7.5%;
	}

	.collaborations-t-shirt .details {
		padding-top: 0;
		padding-bottom: 0;
	}

	.collaborations-t-shirt .details .details-container {
		padding: 0 5%;
		margin-bottom: 25px;
	}

	.collaborations-t-shirt .details .details-container:last-child {
		margin-bottom: 0;
	}

	.collaborations-t-shirt .details .details-container > * {
		float: none;
		padding: 0;
	}

	.collaborations-t-shirt .details .details-container h2 {
		font-size: 18px;
		width: 100%;
		text-align: center;
		padding-top: 25px;
	}

	.collaborations-t-shirt .details .details-container .img,
	.collaborations-t-shirt .details .details-container > p {
		width: 100%;
		padding: 0 ;
	}

	.collaborations-t-shirt .details .details-container .img {
		width: 75%;
		margin: 25px auto;
	}


	
}

@media (max-width: 570px) {

	
	.shop-inner .item h1,
	.shop-inner .item fieldset legend {
		font-size: 32px;
		line-height: 1.3em;
	}

	.shop-inner .item .double .left,
	.shop-inner .item .double .right,
	.shop-inner .item .moreinfo .triple .left, 
	.shop-inner .item .moreinfo .triple .center, 
	.shop-inner .item .moreinfo .triple .right,
	.shop-inner .row.row-double .left, 
	.shop-inner .row.row-double .right {
		float: none;
		width: 100%;
		margin: 0;
		padding-bottom: 20px;
	}
	.shop-inner .row.row-double .left {
		padding-bottom: 80px;
	}
	.shop-inner .item .double .bottom {
		position: relative;
		width: 100%;
	}
	.shop-inner .item .moreinfo .description {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		-ms-column-count: 1;
		-o-column-count: 1;
		column-count: 1;
	}
	
	
	ul.collaborations li,
	ul.collaborations li.size-col2 {
		width: 100% !important;
		margin-left: 0;
	}
	ul.collaborations li a {
		border-top: 1px solid #959188;
		padding-top: 5px;
		padding-bottom: 20px;
	}
	ul.collaborations li a .img {
		width: 40%;
		margin-left: auto;
		margin-right: auto;
	}
	ul.collaborations li.size-col2 a .img {
		width: 80%;
	}

	.collaborations-t-shirt .intro {
		font-size: 24px;
	}
	
	
	.collaborations-frame .collaborations-post {
		margin: 50px 0;
	}
	
	.collaborations-t-shirt .scene .details .details-container {
		margin-left: 20%;
	}
	.collaborations-t-shirt .scene.hero-right .details .details-container {
		margin-right: 20%;
	}
	
}





/* COLLABORATIONS: POWDERS */

.collaborations-powders {
	
}


.collaborations-powders .scene {
	
}
.collaborations-powders .scene:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


.collaborations-powders .scene .hero {
	width: 70%;
	float: left;
}

.collaborations-powders .scene .hero img {
	width: 100%;
	display: block;
}

.collaborations-powders .scene .hero .intro {
	margin: 100px;
	font-size: 24px;
	line-height: 1.3em;
	text-align: center;
}

.collaborations-powders .scene .details {
	width: 30%;
	float: left;
}
.collaborations-powders .scene .details .details-container {
	margin: 60px 50px 0 100px;
}
.collaborations-powders .scene.hero-right .details .details-container {
	margin: 60px 100px 0 50px;
}

.collaborations-powders .scene .details .details-container .img img {
	width: 100%;
}
.collaborations-powders .scene .details .details-container .text {
	text-align: left;
	margin-top: 30px;
	font-size: 12px;
	line-height: 1.3em;
}
.collaborations-powders .scene .details .details-container .text p {
	text-indent: 7%;
	margin: 0;
}
.collaborations-powders .scene .details .details-container .text p.first {
	text-indent: 0;
}


/* COLLABORATIONS: THE NEW ITALY */

.collaborations-the-new-italy {
	padding-top: 0 !important;
}


.collaborations-the-new-italy .scene {
}
.collaborations-the-new-italy .scene:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


.collaborations-the-new-italy .scene .left,
.collaborations-the-new-italy .scene .right {
	width: 50%;
	float: left;
	position: relative;
}

.collaborations-the-new-italy .scene .img {
	width: 100%;
}
.collaborations-the-new-italy .scene .img.border {
	width: 80%;
	margin: 10%;
}
.collaborations-the-new-italy .scene .img img {
	width: 100%;
	display: block;
}

.collaborations-the-new-italy .scene .hd {
	padding: 5% 10% 0 10%;
	text-align: left;
}

.collaborations-the-new-italy .scene .hd.notopmargin {
	padding-top: 0;
}

.collaborations-the-new-italy .scene .hd h2 {
	margin: 0;
	font-size: 24px;
	line-height: 1.3em;
}

.collaborations-the-new-italy .scene .hd h3 {
	margin: 0;
}

.collaborations-the-new-italy .scene .hd.white {
	color: #fff;
}
.collaborations-the-new-italy .scene .hd.inside {
	position: absolute;
	left: 0;
	top: 0;
}

.collaborations-the-new-italy .scene .text {
	margin: 10% 30% 10% 10%;
	width: 60%;
	font-size: 12px;
	line-height: 1.3em;
	border-bottom: 1px solid #000;
	text-align: justify;
	padding-bottom: 1.3em;
}
.collaborations-the-new-italy .scene .text.notopmargin {
	margin-top: 0;
}
.collaborations-the-new-italy .scene .text p {
	margin: 0;
}



.collaborations-the-new-italy .scene .intro {
	width: 80%;
	margin: 10%;
}
.collaborations-the-new-italy .scene .intro .intro_text {
	text-align: justify;
	font-size: 16px;
	line-height: 1.4em;
	border-bottom: 1px solid #000;
}

.collaborations-the-new-italy .scene .intro .intro_text p {
	margin: 1em 0;
}

.collaborations-the-new-italy .scene .intro h1 {
	font-size: 48px;
	line-height: 1em;
	text-align: center;
}




/* Paul Smith */



/* Framework ------------------*/



.collaborations-paul-smith ul { list-style: none; margin: 0px; padding: 0px; }


.collaborations-paul-smith * { 
  -moz-box-sizing: border-box; 
  -ms-box-sizing: border-box; 
  box-sizing: border-box; 
}

/* Inline block container */

/* Put the items in a ul or ol and omit the closing </li> in order to avoid space between them */

.inline-block-container {
  font-size: 0;
  list-style: none;
}

.inline-block-container > * {
  display: -moz-inline-stack;
  display: inline-block;
  font-size: 1rem;
  vertical-align: top;
}


.L-1-2 { width: 50%; }
.L-1-1 { width: 100%; }


.centered {
    margin-left: auto;
  margin-right: auto;
}

/* Grid ------------------*/

.collaborations-frame-paul-smith {
  background: white;
}

.collaborations-post.collaborations-paul-smith {
  margin-top: 0 !important;
  margin-bottom: 100px;
}


.collaborations-paul-smith .logo {
	position: relative !important;
	margin-bottom: 40px;
}


.trunk {
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.gutters {
  padding-left: 5px;
  padding-right: 5px;
}


.collaborations-frame-paul-smith .collaborations-intro {
  display: none;
}


.chapter h2 {
  font-size: 28px;
color: black;
width: 100%;
line-height: 36px;
text-align: center;
padding-top: 0px;

padding-bottom: 10px;
margin: 0.5em 0;
}


.out-quote {
  font-size: 20px;
  line-height: 22px;
/*   font-family: 'TGW-PE-Reg'; */
  text-align: center;
  z-index: 100;
  pointer-events: none;
  position: absolute;
  top: 100%;
  width: 200%;
  height: auto;
  left: 0;
  background: white;
  padding: 10px 6px 0px 5px;
  display: none;
}

.out-quote .trunk{
  padding: 0 20px 15px 20px;
  border-bottom: 1px solid black;
  min-height: 50px;
}

.chapter:nth-child(3) .out-quote,
.chapter:nth-child(6) .out-quote,
.chapter:nth-child(8) .out-quote   {
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.chapter:nth-child(2) .out-quote,
.chapter:nth-child(5) .out-quote,
.chapter:nth-child(7) .out-quote   {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.chapter:nth-child(4) .out-quote {
  bottom: 0px;
  width: 100%;
  left: 0;
  right:0;
  height: 74px;
}

.chapter:nth-child(4) .out-quote .trunk {
  height: 65px;
  min-height: auto;
  background: white;
}

.chapter:nth-child(5) .out-quote .trunk {
  height: 80px;
  background: white;
}

.chapter:nth-child(5) .out-quote {
  height: 90px;
  background: white;
}


.chapter:hover .out-quote {
  display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row wrap;
   flex-flow: row wrap;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
}

.out-quote strong {
  font-style: italic;
  font-weight: normal;
}


.chapter.gutters {
  padding-bottom: 10px;
}


/* Top ------------------*/

.logo {
  margin-left: auto;
  margin-right: auto;
  width: auto;
}

.logo.tgw {
  height: 50px;
}

.logo.ps {
  height: 40px;
}

/* Footer ------------------*/


/* Moving ------------------*/

.collaborations-paul-smith .moving {

  cursor: pointer;
    height: 0;
    padding-bottom: 65%;
    overflow: hidden;
    background: url(http://www.thegentlewoman.com/site/wp-content/themes/tgw13-0.2/js/royalslider/skins/tgw/loading_cover_tgw12.gif) center center no-repeat;
}

.moving.slick-initialized {
  background: transparent;
}

.moving img {
  opacity: 0.25;
}

.moving.slick-initialized img {
  opacity: 1;
}


.chapter .icons{
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 20;
  font-size: 16px;
  /*color: #152e72;*/
}

.chapter .icons > * {
  display: none;
}

.chapter .icons .play {
  display: inline-block;
}

.pause .icons .play{
  display: inline-block;
}
.pause .icons .pause{
  display: none;
}

.chapter {
  position: relative;
  padding-bottom: 10px;
}

.chapter hr {
  background: black;
  height: 1px;
  border: 0;
  margin-top: 10px;
}

.slide img {
  width: 100%;
}

.slide figcaption {
  display: none;
/*   font-family: 'TGW-PE-Reg'; */
  font-weight: bold;
  font-size: 24px;
  position: absolute;
  top: 50%;
  left:0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  padding: 8px 10px;
  color: white;
  z-index: 20;
}

.chapter:hover figcaption {
  display: inline-block;
}


.slick-prev, .slick-next {
  width: 0;
  height: 0;
}

.slick-prev:before, .slick-next:before {
  display: none;
}


.pause .slick-next {
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translate(0, 0%);
  -ms-transform: translate(0, 0%);
  transform: translate(0, 0%);
}


/* Typography ------------------*/


.collaborations-frame-paul-smith  p {
  margin: 0;
}

.intro-wrapper {
  border-bottom: 1px solid black;
  padding-bottom: 50px;
  margin-bottom: 10px;
}

.intro {
  font-size: 21px;
  line-height: 28px;
  text-align: center;
  color: black;
}

.collaborations-frame-paul-smith .titling {
  margin-top: 50px;
  margin-bottom: 40px;
}

.collaborations-frame-paul-smith .titling h2 {
  text-align: center;
}

.copy p {
  text-align: justify;
  font-size: 1.25rem;
  border-bottom: 1px solid black;
  padding-bottom: 1.5rem;
}



/* Footer ------------------*/

.collaborations-frame-paul-smith .collaborations-outro {
  color: black;
}

.page-footer .copyright {
    text-align: right;
}



/* Media Queries ------------------*/


/* Medium (as per framework.css) */

@media screen and (max-width: 800px) {
}

/* ----------- Small, iPad 1 and 2 ----------- */
@media screen and (max-width: 600px), screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1), screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

  .S-1-1 { width: 100%; }

  .collaborations-frame-paul-smith .titling {
    margin-top: 50px;
    margin-bottom: 20px;
  }

  .intro {
    font-size: 14px;
    line-height: 1.4em;
  }

  .chapter.gutters {
    padding: 00px 20px;
  }

  .collaborations-paul-smith .moving {
    border-bottom: 0;
  }



 .out-quote,
 .chapter:hover .out-quote {
  font-size: 15px;
  line-height: 18px;
  display: block;
  position: static;
  height: auto !important;
  border-top: 0;
  border-bottom: 1px solid black;
  margin-bottom: 10px;
  margin-top: 0px;
  padding-bottom: 10px;
  width: 100%;
  -webkit-transform: translateX(0) !important;
  -ms-transform: translateX(0) !important;
  transform: translateX(0) !important;
 }

 .out-quote .trunk,
 .chapter:hover .out-quote .trunk {
  border: none;
  height: auto !important;
 }

 .out-quote span {
  margin-top: 10px;
  display: inline-block;
 }

 .moving figcaption {
  display: block;
  font-size: 14px;
  top: 50%;
 }

}