/*
    Main Sass include file for Scrollable Entry
*/
/*
    This file is reserved to include all the sass files inside /sass-includes
*/
/*

  Fonts

  >> As you use/need new fonts add a variable here so we
     have an inventory of the fonts we're using at the end
     and we can remove the non-used fonts to save bandwidth

*/
/* Tiempos_Removed "TiemposText" "Georgia"*/
/* Tiempos_Removed "TiemposText-bold", "Georgia"*/
/* Tiempos_Removed "TiemposText-italic",  "Georgia"*/
/* Tiempos_Removed "TiemposText-bold-italic", "Georgia"*/
/*
  Icon font
*/
/*
    Base Colors - don't use these in the Sass, they're to feed variables, only!
*/
/*
  Color variables - Use these!
*/
/*
 Slideshow colors
 */
/*
  Main Nav colors
 */
/*
  Font sizes -- please change these to something more flexible.
  There's a Sass function for px -> EM conversion
*/
/*
  Grid gutter sizes
*/
/*
  Page and column widths
*/
/*
  Card Settings
*/
/*
  Responsive Settings
*/
/*
 * Default background image for openers
 *
 * @link https://refinery29.atlassian.net/browse/ACQ-1275
 */
/*
    Truncate text with elipses
 */
/*
    Move element off screen
*/
/*
    Move text off screen
*/
/*
    Fix inline-block cross browser
*/
/*
    New hotness clearfix
*/
/*
    Convert pixels to ems
*/
/*
    Easy font-face
*/
/*
    Vendor prefix'd helpers
*/
/*
  buttons
*/
/*
  icons
*/
/*
  New headline, subtitle, copy standards
*/
/*
    Pulsate pink box shadow
*/
@import url(icons/sprites.css);
@-webkit-keyframes pulsate {
  0% {
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15), 0 0 30px #ffb2b2; }
  50% {
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15), 0 0 0 #ffb2b2; }
  100% {
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15), 0 0 30px #ffb2b2; } }

@-moz-keyframes pulsate {
  0% {
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15), 0 0 30px #ffb2b2; }
  50% {
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15), 0 0 0 #ffb2b2; }
  100% {
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15), 0 0 30px #ffb2b2; } }

@keyframes pulsate {
  0% {
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15), 0 0 30px #ffb2b2; }
  50% {
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15), 0 0 0 #ffb2b2; }
  100% {
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15), 0 0 30px #ffb2b2; } }

/*
    Blink effect on hover
*/
@-webkit-keyframes blink {
  /* Safari and Chrome */
  0% {
    opacity: 1; }
  70% {
    opacity: 0.9; }
  100% {
    opacity: 1; } }

@-moz-keyframes blink {
  /* Firefox */
  0% {
    opacity: 1; }
  70% {
    opacity: 0.9; }
  100% {
    opacity: 1; } }

@keyframes blink {
  0% {
    opacity: 1; }
  70% {
    opacity: 0.9; }
  100% {
    opacity: 1; } }

@-webkit-keyframes blinkText {
  /* Safari and Chrome */
  0% {
    opacity: 1; }
  50% {
    opacity: 0.6; }
  100% {
    opacity: 1; } }

@-moz-keyframes blinkText {
  /* Firefox */
  0% {
    opacity: 1; }
  50% {
    opacity: 0.6; }
  100% {
    opacity: 1; } }

@-ms-keyframes blinkText {
  /* IE */
  0% {
    opacity: 1; }
  50% {
    opacity: 0.6; }
  100% {
    opacity: 1; } }

@keyframes blinkText {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.6; }
  100% {
    opacity: 1; } }

/*
  Fade in
*/
@-webkit-keyframes fadeIn {
  from {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=0);
    /* must be a uint */
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; }
  to {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=100);
    /* must be a uint */
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100; } }

@-moz-keyframes fadeIn {
  from {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=0);
    /* must be a uint */
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; }
  to {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=100);
    /* must be a uint */
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100; } }

@keyframes fadeIn {
  from {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=0);
    /* must be a uint */
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; }
  to {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=100);
    /* must be a uint */
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100; } }

/*
  Fade out
*/
@-webkit-keyframes fadeOut {
  from {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=100);
    /* must be a uint */
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100; }
  to {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=0);
    /* must be a uint */
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; } }

@-moz-keyframes fadeOut {
  from {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=100);
    /* must be a uint */
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100; }
  to {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=0);
    /* must be a uint */
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; } }

@keyframes fadeOut {
  from {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=100);
    /* must be a uint */
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100; }
  to {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=0);
    /* must be a uint */
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; } }

/* 
  Loading spinner 
*/
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg); } }

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

.is-hidden {
  position: absolute;
  top: -9999px;
  left: -9999px; }

.hide {
  display: none; }

.is-removed {
  display: none; }

[data-icon]:before {
  font-family: "refinery29";
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

[class^="icon-"], [class*=" icon-"], .icon, .comment-bubble, .email-signup-overlay-icon-mail, .pinterest-overlay-logo {
  font-family: "refinery29";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-arrow-down:before {
  content: "\76"; }

.icon-arrow-up:before {
  content: "\5e"; }

.icon-bubble:before, .comment-bubble:before {
  content: "\43"; }

.icon-camera:before {
  content: "\7a"; }

.icon-cart:before {
  content: "\63"; }

.icon-cart-2:before {
  content: "\22"; }

.icon-clock:before {
  content: "\6b"; }

.icon-close:before {
  content: "\7b"; }

.icon-doc:before {
  content: "\24"; }

.icon-eye:before {
  content: "$"; }

.icon-facebook:before {
  content: "\66"; }

.icon-feed:before {
  content: "\6a"; }

.icon-full-arrow-left:before {
  content: "\28"; }

.icon-globe:before {
  content: "\31"; }

.icon-googleplus:before {
  content: "\67"; }

.icon-grid:before {
  content: "\21"; }

.icon-grid-round:before {
  content: "\27"; }

.icon-heart:before {
  content: "\68"; }

.icon-heart-open:before {
  content: "\48"; }

.icon-instagram:before {
  content: "\69"; }

.icon-linkedin:before {
  content: "\6e"; }

.icon-logo:before, .pinterest-overlay-logo:before {
  content: "\4c"; }

.icon-logo-minimal:before {
  content: "\2e"; }

.icon-logo-type:before {
  content: "\52"; }

.icon-mail:before, .email-signup-overlay-icon-mail:before {
  content: "\65"; }

.icon-mailbox:before {
  content: "\75"; }

.icon-map-marker:before {
  content: "\6d"; }

.icon-music:before {
  content: "\4e"; }

.icon-pinterest:before {
  content: "\70"; }

.icon-price-tag:before {
  content: "\77"; }

.icon-r29-circle:before {
  content: "L"; }

.icon-read-more:before {
  font-family: "refinery29";
  content: "\71"; }

.icon-reddit:before {
  content: "\7d"; }

.icon-rss:before {
  content: '\6a'; }

.icon-scissors:before {
  content: "\23";
  font-size: 0.9em; }

.icon-search:before {
  content: "\73"; }

.icon-signal:before {
  content: "\6f"; }

.icon-spotify:before {
  content: "\62"; }

.icon-star:before {
  content: "\61"; }

.icon-star-filled:before {
  content: "\53"; }

.icon-trending:before {
  content: "\25"; }

.icon-triangle-up:before {
  content: "\78"; }

.icon-tumblr:before {
  content: "\54"; }

.icon-twitter:before {
  content: "\74"; }

.icon-youtube:before {
  content: "\59"; }

.icon-play:before,
.icon-video:before,
.icon-shoppable_video:before {
  content: "\50"; }

.icon-slideshow:before {
  content: "&"; }

.icon-window:before,
.icon-playlist:before {
  content: "\26"; }

.icon-uniF488:before,
.icon-arrow-right:before {
  content: "\6c"; }

.icon-uniF489:before,
.icon-arrow-left:before {
  content: "\72"; }

.icon-uniF48A:before,
.icon-more-up:before {
  content: "\79"; }

.icon-uniF48B:before,
.icon-more-down:before {
  content: "\64"; }

.icon-close-skinny:before {
  content: "\58"; }

.icon-refresh:before {
  content: "\40"; }

.icon-expand:before {
  content: "\2a"; }

.icon-zoom-plus:before {
  content: "\2b"; }

.icon-zoom-minus:before {
  content: "\2d"; }

.icon-star-empty:before {
  content: "\3a"; }

.icon-hamburger:before {
  content: "\3d"; }

.icon-home:before {
  content: "\3b"; }

.icon-checkmark:before {
  content: "\29"; }

.icon-corner-lower-left:before {
  content: "\5f"; }

/**
 * This file is reserved for @font-face
 * Fonts are referenced using full paths, relative the static hosts.
 * (s1.r29static.com, static.name.dev.rf29.net, etc.)
 */
/* Font: Brown */
@font-face {
  font-family: "BrownStd-thin";
  src: url("/blog/static/assets/fonts/brown/thin/brownstdthin.eot?") format("eot");
  src: url("/blog/static/assets/fonts/brown/thin/brownstdthin.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/brown/thin/brownstdthin.svg#BrownStd-thin") format("svg"), url("/blog/static/assets/fonts/brown/thin/brownstdthin.woff") format("woff"), url("/blog/static/assets/fonts/brown/thin/brownstdthin.ttf") format("truetype");
  font-weight: "100";
  font-style: "normal"; }

@font-face {
  font-family: "BrownStd-thin-italic";
  src: url("/blog/static/assets/fonts/brown/thin-italic/brownstdthinitalic.eot?") format("eot");
  src: url("/blog/static/assets/fonts/brown/thin-italic/brownstdthinitalic.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/brown/thin-italic/brownstdthinitalic.svg#BrownStd-thin-italic") format("svg"), url("/blog/static/assets/fonts/brown/thin-italic/brownstdthinitalic.woff") format("woff"), url("/blog/static/assets/fonts/brown/thin-italic/brownstdthinitalic.ttf") format("truetype");
  font-weight: "100";
  font-style: "italic"; }

@font-face {
  font-family: "BrownStd-light";
  src: url("/blog/static/assets/fonts/brown/light/brownstdlight.eot?") format("eot");
  src: url("/blog/static/assets/fonts/brown/light/brownstdlight.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/brown/light/brownstdlight.svg#BrownStd-light") format("svg"), url("/blog/static/assets/fonts/brown/light/brownstdlight.woff") format("woff"), url("/blog/static/assets/fonts/brown/light/brownstdlight.ttf") format("truetype");
  font-weight: "200";
  font-style: "normal"; }

@font-face {
  font-family: "BrownStd";
  src: url("/blog/static/assets/fonts/brown/regular/brownstdregular.eot?") format("eot");
  src: url("/blog/static/assets/fonts/brown/regular/brownstdregular.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/brown/regular/brownstdregular.svg#BrownStd") format("svg"), url("/blog/static/assets/fonts/brown/regular/brownstdregular.woff") format("woff"), url("/blog/static/assets/fonts/brown/regular/brownstdregular.ttf") format("truetype");
  font-weight: "400";
  font-style: "normal"; }

@font-face {
  font-family: "BrownStd-italic";
  src: url("/blog/static/assets/fonts/brown/recline-regular/brownstdreclinregular.eot?") format("eot");
  src: url("/blog/static/assets/fonts/brown/recline-regular/brownstdreclinregular.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/brown/recline-regular/brownstdreclinregular.svg#BrownStd-italic") format("svg"), url("/blog/static/assets/fonts/brown/recline-regular/brownstdreclinregular.woff") format("woff"), url("/blog/static/assets/fonts/brown/recline-regular/brownstdreclinregular.ttf") format("truetype");
  font-weight: "400";
  font-style: "italic"; }

@font-face {
  font-family: "BrownStd-bold";
  src: url("/blog/static/assets/fonts/brown/bold/brownstdbold.eot?") format("eot");
  src: url("/blog/static/assets/fonts/brown/bold/brownstdbold.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/brown/bold/brownstdbold.svg#BrownStd-bold") format("svg"), url("/blog/static/assets/fonts/brown/bold/brownstdbold.woff") format("woff"), url("/blog/static/assets/fonts/brown/bold/brownstdbold.ttf") format("truetype");
  font-weight: "700";
  font-style: "normal"; }

@font-face {
  font-family: "BrownStd-bold-italic";
  src: url("/blog/static/assets/fonts/brown/bold-italic/brownstdbolditalic.eot?") format("eot");
  src: url("/blog/static/assets/fonts/brown/bold-italic/brownstdbolditalic.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/brown/bold-italic/brownstdbolditalic.svg#BrownStd-bold-italic") format("svg"), url("/blog/static/assets/fonts/brown/bold-italic/brownstdbolditalic.woff") format("woff"), url("/blog/static/assets/fonts/brown/bold-italic/brownstdbolditalic.ttf") format("truetype");
  font-weight: "700";
  font-style: "italic"; }

/* Font: Brandon Grotesque (ones not included under Brown font names above) */
@font-face {
  font-family: "BrandonGrotesque-medium";
  src: url("/blog/static/assets/fonts/brandon-grotesque/brandongrotesque_medium_macroman/Brandon_med-webfont.eot?") format("eot");
  src: url("/blog/static/assets/fonts/brandon-grotesque/brandongrotesque_medium_macroman/Brandon_med-webfont.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/brandon-grotesque/brandongrotesque_medium_macroman/Brandon_med-webfont.svg#BrandonGrotesque-medium") format("svg"), url("/blog/static/assets/fonts/brandon-grotesque/brandongrotesque_medium_macroman/Brandon_med-webfont.woff") format("woff"), url("/blog/static/assets/fonts/brandon-grotesque/brandongrotesque_medium_macroman/Brandon_med-webfont.ttf") format("truetype");
  font-weight: "400";
  font-style: "normal"; }

/* Font: Playfair Display (this could also be loaded from the Google CDN) */
@font-face {
  font-family: "PlayfairDisplay";
  src: url("/blog/static/assets/fonts/playfair-display/regular/playfairdisplay-regular-webfont.eot?") format("eot");
  src: url("/blog/static/assets/fonts/playfair-display/regular/playfairdisplay-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/playfair-display/regular/playfairdisplay-regular-webfont.svg#PlayfairDisplay") format("svg"), url("/blog/static/assets/fonts/playfair-display/regular/playfairdisplay-regular-webfont.woff") format("woff"), url("/blog/static/assets/fonts/playfair-display/regular/playfairdisplay-regular-webfont.ttf") format("truetype");
  font-weight: "400";
  font-style: "normal"; }

@font-face {
  font-family: "PlayfairDisplay-bold";
  src: url("/blog/static/assets/fonts/playfair-display/bold/playfairdisplay-bold-webfont.eot?") format("eot");
  src: url("/blog/static/assets/fonts/playfair-display/bold/playfairdisplay-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/playfair-display/bold/playfairdisplay-bold-webfont.svg#PlayfairDisplay-bold") format("svg"), url("/blog/static/assets/fonts/playfair-display/bold/playfairdisplay-bold-webfont.woff") format("woff"), url("/blog/static/assets/fonts/playfair-display/bold/playfairdisplay-bold-webfont.ttf") format("truetype");
  font-weight: "700";
  font-style: "normal"; }

@font-face {
  font-family: "PlayfairDisplay-bold-italic";
  src: url("/blog/static/assets/fonts/playfair-display/bold-italic/playfairdisplay-bolditalic-webfont.eot?") format("eot");
  src: url("/blog/static/assets/fonts/playfair-display/bold-italic/playfairdisplay-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/playfair-display/bold-italic/playfairdisplay-bolditalic-webfont.svg#PlayfairDisplay-bold-italic") format("svg"), url("/blog/static/assets/fonts/playfair-display/bold-italic/playfairdisplay-bolditalic-webfont.woff") format("woff"), url("/blog/static/assets/fonts/playfair-display/bold-italic/playfairdisplay-bolditalic-webfont.ttf") format("truetype");
  font-weight: "700";
  font-style: "italic"; }

@font-face {
  font-family: "PlayfairDisplay-black";
  src: url("/blog/static/assets/fonts/playfair-display/black/playfairdisplay-black-webfont.eot?") format("eot");
  src: url("/blog/static/assets/fonts/playfair-display/black/playfairdisplay-black-webfont.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/playfair-display/black/playfairdisplay-black-webfont.svg#PlayfairDisplay-black") format("svg"), url("/blog/static/assets/fonts/playfair-display/black/playfairdisplay-black-webfont.woff") format("woff"), url("/blog/static/assets/fonts/playfair-display/black/playfairdisplay-black-webfont.ttf") format("truetype");
  font-weight: "800";
  font-style: "normal"; }

@font-face {
  font-family: "PlayfairDisplay-black-italic";
  src: url("/blog/static/assets/fonts/playfair-display/black-italic/playfairdisplay-blackitalic-webfont.eot?") format("eot");
  src: url("/blog/static/assets/fonts/playfair-display/black-italic/playfairdisplay-blackitalic-webfont.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/playfair-display/black-italic/playfairdisplay-blackitalic-webfont.svg#PlayfairDisplay-black-italic") format("svg"), url("/blog/static/assets/fonts/playfair-display/black-italic/playfairdisplay-blackitalic-webfont.woff") format("woff"), url("/blog/static/assets/fonts/playfair-display/black-italic/playfairdisplay-blackitalic-webfont.ttf") format("truetype");
  font-weight: "800";
  font-style: "italic"; }

@font-face {
  font-family: "PlayfairDisplay-italic";
  src: url("/blog/static/assets/fonts/playfair-display/italic/playfairdisplay-italic-webfont.eot?") format("eot");
  src: url("/blog/static/assets/fonts/playfair-display/italic/playfairdisplay-italic-webfont.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/playfair-display/italic/playfairdisplay-italic-webfont.svg#PlayfairDisplay-italic") format("svg"), url("/blog/static/assets/fonts/playfair-display/italic/playfairdisplay-italic-webfont.woff") format("woff"), url("/blog/static/assets/fonts/playfair-display/italic/playfairdisplay-italic-webfont.ttf") format("truetype");
  font-weight: "800";
  font-style: "italic"; }

/* Font: TiemposHeadlineWeb */
@font-face {
  font-family: "TiemposHeadline-light";
  src: url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Light.eot?") format("eot");
  src: url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Light.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Light.svg#TiemposHeadline-light") format("svg"), url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Light.woff") format("woff"), url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Light.ttf") format("truetype");
  font-weight: "200";
  font-style: "normal"; }

@font-face {
  font-family: "TiemposHeadline-medium";
  src: url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Medium.eot?") format("eot");
  src: url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Medium.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Medium.svg#TiemposHeadline-medium") format("svg"), url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Medium.woff") format("woff"), url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Medium.ttf") format("truetype");
  font-weight: "300";
  font-style: "normal"; }

@font-face {
  font-family: "TiemposHeadline";
  src: url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Medium.eot?") format("eot");
  src: url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Medium.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Medium.svg#TiemposHeadline") format("svg"), url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Medium.woff") format("woff"), url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Medium.ttf") format("truetype");
  font-weight: "400";
  font-style: "normal"; }

@font-face {
  font-family: "TiemposHeadline-semibold";
  src: url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Semibold.eot?") format("eot");
  src: url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Semibold.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Semibold.svg#TiemposHeadline-semibold") format("svg"), url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Semibold.woff") format("woff"), url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Semibold.ttf") format("truetype");
  font-weight: "600";
  font-style: "normal"; }

@font-face {
  font-family: "TiemposHeadline-bold";
  src: url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Bold.eot?") format("eot");
  src: url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Bold.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Bold.svg#TiemposHeadline-bold") format("svg"), url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Bold.woff") format("woff"), url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Bold.ttf") format("truetype");
  font-weight: "700";
  font-style: "normal"; }

@font-face {
  font-family: "TiemposHeadline-bold-italic";
  src: url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-BoldItalic.eot?") format("eot");
  src: url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-BoldItalic.svg#TiemposHeadline-bold-italic") format("svg"), url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-BoldItalic.woff") format("woff"), url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-BoldItalic.ttf") format("truetype");
  font-weight: "800";
  font-style: "normal"; }

/* Font: TiemposTextWeb */
@font-face {
  font-family: "TiemposText-medium";
  src: url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWebLF-Regular.eot?") format("eot");
  src: url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWebLF-Regular.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWebLF-Regular.svg#TiemposText-medium") format("svg"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWebLF-Regular.woff") format("woff"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWebLF-Regular.ttf") format("truetype");
  font-weight: "300";
  font-style: "normal"; }

@font-face {
  font-family: "TiemposText-medium-italic";
  src: url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-RegularItalic.eot?") format("eot");
  src: url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-RegularItalic.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-RegularItalic.svg#TiemposText-medium-italic") format("svg"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-RegularItalic.woff") format("woff"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-RegularItalic.ttf") format("truetype");
  font-weight: "300";
  font-style: "italic"; }

@font-face {
  font-family: "TiemposText";
  src: url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWebLF-Regular.eot?") format("eot");
  src: url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWebLF-Regular.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWebLF-Regular.svg#TiemposText") format("svg"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWebLF-Regular.woff") format("woff"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWebLF-Regular.ttf") format("truetype");
  font-weight: "400";
  font-style: "normal"; }

@font-face {
  font-family: "TiemposText-italic";
  src: url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-RegularItalic.eot?") format("eot");
  src: url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-RegularItalic.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-RegularItalic.svg#TiemposText-italic") format("svg"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-RegularItalic.woff") format("woff"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-RegularItalic.ttf") format("truetype");
  font-weight: "400";
  font-style: "italic"; }

@font-face {
  font-family: "TiemposText-semibold";
  src: url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-Semibold.eot?") format("eot");
  src: url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-Semibold.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-Semibold.svg#TiemposText-semibold") format("svg"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-Semibold.woff") format("woff"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-Semibold.ttf") format("truetype");
  font-weight: "600";
  font-style: "normal"; }

@font-face {
  font-family: "TiemposText-bold";
  src: url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-Semibold.eot?") format("eot");
  src: url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-Semibold.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-Semibold.svg#TiemposText-bold") format("svg"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-Semibold.woff") format("woff"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-Semibold.ttf") format("truetype");
  font-weight: "600";
  font-style: "normal"; }

@font-face {
  font-family: "TiemposText-bold-italic";
  src: url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-SemiboldItalic.eot?") format("eot");
  src: url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-SemiboldItalic.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-SemiboldItalic.svg#TiemposText-bold-italic") format("svg"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-SemiboldItalic.woff") format("woff"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-SemiboldItalic.ttf") format("truetype");
  font-weight: "600";
  font-style: "italic"; }

/**
 * Font: Refinery29 icons
 * This font is referenced with a path relative the compiled css.
 */
@font-face {
  font-family: "refinery29";
  src: url("../fonts/refinery29/refinery29.eot?") format("eot");
  src: url("../fonts/refinery29/refinery29.eot?#iefix") format("embedded-opentype"), url("../fonts/refinery29/refinery29.svg#refinery29") format("svg"), url("../fonts/refinery29/refinery29.woff") format("woff"), url("../fonts/refinery29/refinery29.ttf") format("truetype");
  font-weight: "400";
  font-style: "normal"; }

/*
  This file is reserved for base HTML styles & typographic elements
*/
body {
  font-family: "TiemposText", serif;
  color: #222;
  margin: 0; }

.h1, h1, h2, h3, h4, h5, h6 {
  font-family: "PlayfairDisplay-bold", "Georgia", sans-serif;
  margin: 0 0 12px;
  padding: 0;
  font-weight: 400; }
  .h1 em, h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
    font-family: "PlayfairDisplay-bold-italic", "Georgia", sans-serif;
    font-style: normal; }

.h1, h2.h1 {
  font-family: "BrownStd-light", sans-serif;
  font-size: 1.5em;
  text-transform: uppercase;
  letter-spacing: .2em;
  line-height: normal; }

h2 {
  font-size: 26px;
  margin-bottom: 10px;
  line-height: 1.1; }

h3 {
  font-size: 22px; }

h2, h3 {
  font-family: "PlayfairDisplay-bold", "Georgia", sans-serif; }

h4 {
  font-size: .95em; }

h5 {
  font-size: .7em;
  font-family: "BrownStd-light", sans-serif;
  text-transform: uppercase;
  margin: 0; }

p, ul, ol, dl, table {
  margin: 0;
  padding: 0; }

th, td {
  border: 1px solid #ccc;
  padding: 6px; }

th {
  font-family: "TiemposText", serif, serif;
  /* Tiempos_Removed "TiemposText-bold", "Georgia" */
  font-weight: 400; }

a {
  text-decoration: none;
  color: #F75352; }
  a:hover {
    text-decoration: none; }

a img {
  border: 0; }

/*
  Redefining bold and italics to map to the cusom fonts
*/
p strong, p b, ul strong, ul b, ol strong, ol b, dl strong, dl b, table strong, table b, .entry-body strong, .entry-body b, .asset-caption strong, .asset-caption b {
  font-family: "TiemposText-bold", serif;
  font-weight: 600; }
  p strong em, p strong i, p b em, p b i, ul strong em, ul strong i, ul b em, ul b i, ol strong em, ol strong i, ol b em, ol b i, dl strong em, dl strong i, dl b em, dl b i, table strong em, table strong i, table b em, table b i, .entry-body strong em, .entry-body strong i, .entry-body b em, .entry-body b i, .asset-caption strong em, .asset-caption strong i, .asset-caption b em, .asset-caption b i {
    font-family: "TiemposText-bold-italic", serif;
    font-style: italic; }

p em, p i, ul em, ul i, ol em, ol i, dl em, dl i, table em, table i, .entry-body em, .entry-body i, .asset-caption em, .asset-caption i {
  font-family: "TiemposText-italic", serif;
  font-style: italic; }
  p em strong, p em b, p i strong, p i b, ul em strong, ul em b, ul i strong, ul i b, ol em strong, ol em b, ol i strong, ol i b, dl em strong, dl em b, dl i strong, dl i b, table em strong, table em b, table i strong, table i b, .entry-body em strong, .entry-body em b, .entry-body i strong, .entry-body i b, .asset-caption em strong, .asset-caption em b, .asset-caption i strong, .asset-caption i b {
    font-weight: 600;
    font-family: "TiemposText-bold-italic", serif; }

img.loaded {
  height: auto; }

img:not([height]) {
  max-width: 100%;
  height: auto; }

footer[role="contentinfo"] a {
  font-family: "BrownStd", sans-serif;
  font-weight: 300; }

aside.dropdown a, aside.dropdown h2 {
  font-weight: 300;
  font-size: 16px; }

h2 {
  font-family: 'PlayfairDisplay-bold', 'Georgia';
  font-weight: normal;
  font-size: 28px; }
  h2.feed-titles {
    font-size: 24px; }

.asset-credit {
  display: block;
  text-align: center;
  font: 11px "BrownStd-light", sans-serif;
  text-transform: uppercase;
  padding-top: 10px;
  margin-bottom: 15px;
  letter-spacing: 1px; }
  .asset-credit strong, .asset-credit a {
    font-family: "BrownStd", sans-serif; }

.asset-caption {
  display: block; }

hr {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  height: 1px;
  clear: both;
  background-image: url(../images/layout/ruler.png);
  background-position: top center; }

.heading-main-section {
  padding: 54px 20px 0;
  margin-bottom: 16px; }
  .heading-main-section.now-module {
    text-align: center;
    padding: 54px 10px 0;
    margin-bottom: 30px; }
  .heading-main-section.heading-two-of-three {
    overflow: visible;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 52px 20px 16px;
    margin-bottom: 0px;
    position: relative;
    width: 66.666666%;
    background-image: url(../images/layout/ruler.png);
    background-repeat: no-repeat;
    background-position: bottom left; }
  .heading-main-section .past-2-hours-story-count {
    float: right;
    font-family: "BrownStd", sans-serif;
    font-weight: bold;
    font-size: 11px;
    letter-spacing: -0.5px;
    padding-top: 15px;
    color: #B5B5B5; }
  .heading-main-section .icon, .heading-main-section .comment-bubble, .heading-main-section .email-signup-overlay-icon-mail, .heading-main-section .pinterest-overlay-logo {
    color: #6AD98A;
    font-size: 1.1em;
    position: relative;
    top: 4px; }
  .heading-main-section .button {
    float: right;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 9px;
    letter-spacing: .2em;
    position: relative;
    top: 6px; }
    .heading-main-section .button .icon, .heading-main-section .button .comment-bubble, .heading-main-section .button .email-signup-overlay-icon-mail, .heading-main-section .button .pinterest-overlay-logo {
      font-size: .95em;
      color: #FFF;
      top: 1px;
      margin-left: 3px; }
    .heading-main-section .button:hover .icon, .heading-main-section .button:hover .comment-bubble, .heading-main-section .button:hover .email-signup-overlay-icon-mail, .heading-main-section .button:hover .pinterest-overlay-logo {
      color: #F75352; }
  .heading-main-section .heading-more-url {
    font-family: "BrownStd", sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    position: relative;
    white-space: nowrap;
    display: inline-block;
    letter-spacing: 1px;
    float: right;
    font-size: 14px;
    margin-top: 8px; }
    .heading-main-section .heading-more-url:before {
      font-size: 20px;
      display: inline-block;
      vertical-align: -8px;
      font-family: "refinery29";
      text-transform: none; }

.read-more {
  font-family: "BrownStd", sans-serif;
  text-transform: uppercase;
  font-size: 11px;
  position: relative;
  white-space: nowrap;
  display: inline-block; }
  .read-more .icon-read-more:before {
    color: #F75352;
    font-size: 20px;
    display: inline-block;
    vertical-align: -8px; }

.more-article-modules {
  padding: 19px 20px 0; }

h1 a.ellipsis.icon-read-more, h2 a.ellipsis.icon-read-more, h3 a.ellipsis.icon-read-more, h4 a.ellipsis.icon-read-more {
  color: #F75352; }
  h1 a.ellipsis.icon-read-more .wrap, h2 a.ellipsis.icon-read-more .wrap, h3 a.ellipsis.icon-read-more .wrap, h4 a.ellipsis.icon-read-more .wrap {
    display: inline-block;
    text-indent: -100px;
    overflow: hidden; }

p span.big {
  font-size: larger; }

p span.caption {
  font-size: smaller;
  font-style: italic; }

.button {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  vertical-align: middle;
  padding: 3px 10px;
  border: 2px solid #F75352;
  background: #F75352;
  color: #FFF;
  text-transform: uppercase;
  letter-spacing: .1em;
  font: 8px/1.3 "BrownStd", sans-serif;
  -webkit-transition: background-color linear 0.15s;
  -moz-transition: background-color linear 0.15s;
  -ms-transition: background-color linear 0.15s;
  -o-transition: background-color linear 0.15s;
  transition: background-color linear 0.15s; }
  .button:hover {
    background: #FFF;
    color: #F75352;
    border: 2px solid #F75352; }

.button-submit,
.button-cta,
input[type="submit"] {
  font: 10px/1.3 "BrownStd", sans-serif;
  padding: 7px 15px;
  border: 2px solid #F75352;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  transition: background-color linear 0.15s; }
  .button-submit:hover,
  .button-cta:hover,
  input[type="submit"]:hover {
    background: #FFF;
    color: #F75352; }
  .button-submit .icon, .button-submit .comment-bubble, .button-submit .email-signup-overlay-icon-mail, .button-submit .pinterest-overlay-logo,
  .button-cta .icon,
  .button-cta .comment-bubble,
  .button-cta .email-signup-overlay-icon-mail,
  .button-cta .pinterest-overlay-logo,
  input[type="submit"] .icon,
  input[type="submit"] .comment-bubble,
  input[type="submit"] .email-signup-overlay-icon-mail,
  input[type="submit"] .pinterest-overlay-logo {
    position: relative;
    top: 1px;
    margin-left: 3px;
    font-size: 9px; }

.button-cta-large {
  padding: 9px 10px 9px 12px;
  font-family: "BrownStd", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  border: 1px solid #F75352;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  transition: background-color linear 0.15s; }
  .button-cta-large:hover {
    background: #F75352;
    color: #FFF; }

.button-action,
button[type="submit"].button-action,
.button-category {
  background: #363380;
  border: 2px solid #363380;
  font: 10px/1.3 "BrownStd", sans-serif;
  padding: 5px 12px 4px;
  margin-right: 6px;
  -webkit-transition: background-color linear 0.15s;
  -moz-transition: background-color linear 0.15s;
  -ms-transition: background-color linear 0.15s;
  -o-transition: background-color linear 0.15s;
  transition: background-color linear 0.15s; }
  .button-action:hover,
  button[type="submit"].button-action:hover,
  .button-category:hover {
    background: #FFF;
    color: #363380;
    border: 2px solid #363380; }
  .button-action.is-active, .button-action.expanded,
  button[type="submit"].button-action.is-active,
  button[type="submit"].button-action.expanded,
  .button-category.is-active,
  .button-category.expanded {
    background: #FFF;
    color: #CCC;
    border-color: #FFF; }

.button-category {
  border: 0;
  padding: 7px 14px 6px; }
  .button-category:hover {
    border: 0; }

.button-prev-next {
  padding: 0;
  height: 23px;
  width: 23px;
  text-align: center;
  line-height: 21px;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.button-prev-next-large {
  padding: 0;
  height: 40px;
  width: 40px;
  border: 0;
  text-align: center;
  line-height: 43px;
  overflow: hidden;
  font-size: 16px;
  border-radius: 50%;
  background: #999;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .button-prev-next-large:hover {
    border: 0;
    background: #000;
    color: #FFF; }

.button-cancel,
.button-link {
  color: #363380;
  font: 13px/1 "TiemposText", serif;
  background: #FFF;
  margin-left: 16px;
  text-decoration: none;
  text-transform: none;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #D9D8E3;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-transition: border-color linear 0.15s;
  -moz-transition: border-color linear 0.15s;
  -ms-transition: border-color linear 0.15s;
  -o-transition: border-color linear 0.15s;
  transition: border-color linear 0.15s; }
  .button-cancel:hover,
  .button-link:hover {
    border: 0;
    color: #363380;
    border-bottom: 1px solid #363380; }

.button-more {
  text-align: center;
  border: 0;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  white-space: nowrap;
  padding: 0;
  font-size: 9px;
  color: #999;
  background: #FFF; }
  .button-more .icon, .button-more .comment-bubble, .button-more .email-signup-overlay-icon-mail, .button-more .pinterest-overlay-logo {
    display: block;
    margin-top: 4px; }
  .button-more:hover {
    border: 0;
    background: #F9F9F9;
    color: #999;
    -webkit-box-shadow: inset 0 0 8px #ccc;
    -moz-box-shadow: inset 0 0 8px #ccc;
    box-shadow: inset 0 0 8px #ccc; }
  .button-more.is-active {
    background: #facbcb;
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15), 0 0 20px #ffb2b2;
    -webkit-animation: pulsate 2s ease-out infinite;
    -moz-animation: pulsate 2s ease-out infinite;
    -ms-animation: pulsate 2s ease-out infinite;
    -o-animation: pulsate 2s ease-out infinite;
    animation: pulsate 2s ease-out infinite; }

.menu-article-share {
  margin: 0 24px 0 0; }

.menu-article-share:last-of-type {
  margin: 0; }

.button-share-facebook {
  width: 200px;
  text-decoration: none !important;
  color: #FFF !important;
  background: #506BA1;
  border: 0;
  margin: 0;
  padding: 0;
  outline: 0;
  font: 12px/1 "BrownStd", sans-serif;
  letter-spacing: .1em;
  border-radius: 25px;
  line-height: 40px;
  -webkit-transition: background-color linear 0.15s;
  -moz-transition: background-color linear 0.15s;
  -ms-transition: background-color linear 0.15s;
  -o-transition: background-color linear 0.15s;
  transition: background-color linear 0.15s;
  width: 230px; }
  .button-share-facebook:before {
    content: "f";
    background: #3B5998;
    border-radius: 50%;
    float: left;
    text-transform: none;
    font-family: Refinery29;
    font-size: 18px;
    color: inherit;
    text-align: center;
    line-height: 40px;
    width: 40px;
    margin-right: 45px; }
  .button-share-facebook:hover {
    border: 0;
    background: #506BA1;
    width: 230px; }
  .button-share-facebook:before {
    margin-right: 62px; }

.button-share-twitter {
  width: 200px;
  text-decoration: none !important;
  color: #FFF !important;
  background: #3DBEEF;
  border: 0;
  margin: 0;
  padding: 0;
  outline: 0;
  font: 12px/1 "BrownStd", sans-serif;
  letter-spacing: .1em;
  border-radius: 25px;
  line-height: 40px;
  -webkit-transition: background-color linear 0.15s;
  -moz-transition: background-color linear 0.15s;
  -ms-transition: background-color linear 0.15s;
  -o-transition: background-color linear 0.15s;
  transition: background-color linear 0.15s;
  width: 230px; }
  .button-share-twitter:before {
    content: "t";
    background: #00ACED;
    border-radius: 50%;
    float: left;
    text-transform: none;
    font-family: Refinery29;
    font-size: 22px;
    color: inherit;
    text-align: center;
    line-height: 40px;
    width: 40px;
    margin-right: 45px; }
  .button-share-twitter:hover {
    border: 0;
    background: #3DBEEF;
    width: 230px; }
  .button-share-twitter:before {
    margin-right: 63px; }

.button-share-email {
  width: 200px;
  text-decoration: none !important;
  color: #FFF !important;
  background: #8BE0A3;
  border: 0;
  margin: 0;
  padding: 0;
  outline: 0;
  font: 12px/1 "BrownStd", sans-serif;
  letter-spacing: .1em;
  border-radius: 25px;
  line-height: 40px;
  -webkit-transition: background-color linear 0.15s;
  -moz-transition: background-color linear 0.15s;
  -ms-transition: background-color linear 0.15s;
  -o-transition: background-color linear 0.15s;
  transition: background-color linear 0.15s;
  width: 230px; }
  .button-share-email:before {
    content: "e";
    background: #6AD98A;
    border-radius: 50%;
    float: left;
    text-transform: none;
    font-family: Refinery29;
    font-size: 14px;
    color: inherit;
    text-align: center;
    line-height: 40px;
    width: 40px;
    margin-right: 45px; }
  .button-share-email:hover {
    border: 0;
    background: #8BE0A3;
    width: 230px; }
  .button-share-email:before {
    margin-right: 65px; }

.button-soft {
  -webkit-transition: all linear 0.15s;
  -moz-transition: all linear 0.15s;
  -ms-transition: all linear 0.15s;
  -o-transition: all linear 0.15s;
  transition: all linear 0.15s;
  background: #FFF;
  font-family: "BrownStd", sans-serif;
  font-size: 12px;
  letter-spacing: .12em;
  color: #F75352;
  border-top: none;
  border-right: 1px solid #EBEBEC;
  border-left: 1px solid #EBEBEC;
  border-bottom: 1px solid #EBEBEC;
  border-radius: 0 0 10px 10px;
  padding: 10px 20px;
  margin: 0 255px; }
  .button-soft:hover {
    color: #FFF;
    border-top: none;
    border-right: 1px solid #EBEBEC;
    border-left: 1px solid #EBEBEC;
    border-bottom: 1px solid #EBEBEC;
    background-color: #F75352; }
  .button-soft .icon, .button-soft .comment-bubble, .button-soft .email-signup-overlay-icon-mail, .button-soft .pinterest-overlay-logo {
    font-size: 10px;
    margin-left: 9px; }

.button-purple {
  background: #363380;
  font-family: "BrownStd", sans-serif;
  text-transform: uppercase;
  color: #FFF;
  letter-spacing: 1px;
  border: none !important; }
  .button-purple:hover {
    background: #363380 !important;
    font-family: "BrownStd", sans-serif;
    text-transform: uppercase;
    color: #FFF !important;
    letter-spacing: 1px;
    border: none !important; }

.share-button, .collection-hero-share-button, .share-button-email, .share-button-pinterest, .article-body-figure-pinterest-button, .share-button-twitter, .share-button-reddit, .share-button-facebook, .article-body-figure-facebook-button {
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-transition: background-color linear 0.15s;
  -moz-transition: background-color linear 0.15s;
  -ms-transition: background-color linear 0.15s;
  -o-transition: background-color linear 0.15s;
  transition: background-color linear 0.15s;
  display: block;
  overflow: hidden;
  text-decoration: none;
  color: #FFF;
  padding: 0;
  margin: 0px 0px 0px 10px;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center; }
  .share-button.small, .small.collection-hero-share-button, .small.share-button-email, .small.share-button-pinterest, .small.article-body-figure-pinterest-button, .small.share-button-twitter, .small.share-button-reddit, .small.share-button-facebook, .small.article-body-figure-facebook-button {
    margin: -5px 0 0 10px;
    line-height: 30px;
    height: 30px;
    width: 30px; }
    .share-button.small:before, .small.collection-hero-share-button:before, .small.share-button-email:before, .small.share-button-pinterest:before, .small.article-body-figure-pinterest-button:before, .small.share-button-twitter:before, .small.share-button-reddit:before, .small.share-button-facebook:before, .small.article-body-figure-facebook-button:before {
      height: 30px;
      width: 100%; }
  .share-button.xsmall, .xsmall.collection-hero-share-button, .xsmall.share-button-email, .xsmall.share-button-pinterest, .xsmall.article-body-figure-pinterest-button, .xsmall.share-button-twitter, .xsmall.share-button-reddit, .xsmall.share-button-facebook, .xsmall.article-body-figure-facebook-button {
    line-height: 25px;
    width: 25px;
    height: 25px; }
    .share-button.xsmall:before, .xsmall.collection-hero-share-button:before, .xsmall.share-button-email:before, .xsmall.share-button-pinterest:before, .xsmall.article-body-figure-pinterest-button:before, .xsmall.share-button-twitter:before, .xsmall.share-button-reddit:before, .xsmall.share-button-facebook:before, .xsmall.article-body-figure-facebook-button:before {
      width: 25px;
      height: 25px; }

.collection-hero-share-button {
  position: relative;
  background-color: #000;
  margin-left: 4px;
  outline: none;
  border: none;
  cursor: pointer; }

.share-button-email {
  background-color: #6AD98A;
  outline: none;
  border: none;
  cursor: pointer; }
  .share-button-email.xsmall {
    font-size: 10px; }

.share-button-pinterest, .article-body-figure-pinterest-button {
  background-color: #CB2027;
  outline: none;
  border: none;
  cursor: pointer;
  font-size: 19px; }
  .share-button-pinterest.xsmall, .xsmall.article-body-figure-pinterest-button {
    font-size: 13px; }

.share-button-twitter {
  background-color: #00ACED;
  outline: none;
  border: none;
  cursor: pointer;
  font-size: 19px; }

.share-button-reddit {
  background-color: #CEE3F8;
  color: #FF4500;
  outline: none;
  border: none;
  cursor: pointer;
  font-size: 19px; }

.share-button-facebook, .article-body-figure-facebook-button {
  background-color: #3B5998;
  outline: none;
  border: none;
  cursor: pointer;
  font-size: 20px; }
  .share-button-facebook.small, .small.article-body-figure-facebook-button {
    font-size: 16px; }
  .share-button-facebook.xsmall, .xsmall.article-body-figure-facebook-button {
    font-size: 13px; }

.img-pin-it-button {
  position: absolute;
  z-index: 200; }

.img-fb-it-button {
  position: absolute;
  z-index: 200; }

.button-more-stories {
  font-family: "BrownStd-light", sans-serif;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-transform: uppercase;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  position: relative;
  display: inline-block;
  height: 40px;
  margin: 0;
  padding: 0 30px 0 25px;
  line-height: 1;
  border-radius: 20px;
  border: 0;
  background-color: #F75352;
  border: 2px solid #F75352;
  color: #FFF;
  cursor: pointer; }
  .button-more-stories span {
    position: absolute;
    top: 14px;
    right: 18px;
    font-size: 8px; }

.button-more-stories:hover {
  background-color: transparent;
  color: #F75352;
  border: 2px solid #F75352; }

/*
    Basic form elements
*/
form {
  margin-bottom: 30px; }

form a {
  color: #363380;
  font: 12px/1.3 "TiemposText", serif;
  text-decoration: none;
  border-bottom: 1px solid #D9D8E3;
  -webkit-transition: border-color linear 0.3s;
  -moz-transition: border-color linear 0.3s;
  -ms-transition: border-color linear 0.3s;
  -o-transition: border-color linear 0.3s;
  transition: border-color linear 0.3s; }
  form a:hover {
    border-bottom-color: #363380; }

label {
  cursor: pointer;
  font-size: .7em; }

ul label {
  font-size: .8em;
  margin-left: 5px; }

fieldset {
  border: 0;
  padding: 0;
  margin: 0; }

legend {
  padding: 0 0 15px;
  margin: 0;
  display: block;
  font-size: 1em;
  font-family: "PlayfairDisplay-bold", "Georgia", sans-serif; }

.input-text,
textarea,
input[type="text"],
input[type="url"],
input[type="email"],
input[type="date"],
input[type="number"],
input[type="color"] {
  font: 0.9em/1.3 "BrownStd-light", sans-serif;
  padding: 5px 10px;
  border: 1px solid #CCC;
  margin-right: 1%;
  -webkit-box-shadow: inset 0 1px 5px #ddd;
  -moz-box-shadow: inset 0 1px 5px #ddd;
  box-shadow: inset 0 1px 5px #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto; }
  .input-text:focus,
  textarea:focus,
  input[type="text"]:focus,
  input[type="url"]:focus,
  input[type="email"]:focus,
  input[type="date"]:focus,
  input[type="number"]:focus,
  input[type="color"]:focus {
    border-color: #777;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

input[type=search] {
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box; }

input[disabled] {
  background: #EBEBEC; }

.input-full {
  width: 100%; }

.input-large {
  width: 77%; }

.input-medium {
  width: 38%; }

.input-small {
  width: 10%; }

.input-xsmall {
  width: 100%; }

/*
    Form controls
*/
.form-controls {
  padding-top: 15px;
  *zoom: 1; }
  .form-controls:before, .form-controls:after {
    content: " ";
    display: table; }
  .form-controls:after {
    clear: both; }

.formvalidation-tooltip {
  position: absolute;
  background: #6AD98A;
  color: #fff;
  z-index: 1400;
  padding: 12px 11px;
  font: 13px/1.3 "BrownStd", sans-serif;
  -webkit-animation: fade 0.2s ease-out;
  -moz-animation: fade 0.2s ease-out;
  -ms-animation: fade 0.2s ease-out;
  -o-animation: fade 0.2s ease-out;
  animation: fade 0.2s ease-out; }
  .formvalidation-tooltip[hidden] {
    -webkit-animation: fade 0.2s ease-out reverse;
    -moz-animation: fade 0.2s ease-out reverse;
    -ms-animation: fade 0.2s ease-out reverse;
    -o-animation: fade 0.2s ease-out reverse;
    animation: fade 0.2s ease-out reverse; }
  .formvalidation-tooltip:after {
    content: '';
    position: absolute;
    left: 20px;
    top: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #6AD98A; }
  .formvalidation-tooltip[data-i18n="validity.value.required"]:before {
    content: "Please fill this field"; }
  .formvalidation-tooltip[for=email-signup-field][data-i18n="validity.email.mismatch"]:before {
    content: "Please enter a valid E-mail"; }
  .formvalidation-tooltip[for=email-signup-field][data-i18n="validity.value.missing"]:before {
    content: "Please enter your E-mail"; }

/*
    Select a shipping address
*/
.form-ship-to {
  margin-bottom: 15px;
  border-bottom: 1px solid #CCC;
  padding-bottom: 10px; }
  .form-ship-to label {
    margin-left: 0;
    font-size: .9em; }
  .form-ship-to .label-shipping {
    margin-bottom: 15px;
    padding-left: 10px; }
  .form-ship-to .label-active {
    display: none; }
  .form-ship-to .row {
    margin-bottom: 10px;
    padding-left: 10px; }
    .form-ship-to .row:first-child {
      padding-left: 0; }
      .form-ship-to .row:first-child a {
        display: inline-block;
        padding: 10px 0 4px 10px;
        border: 2px solid #FFF;
        pointer-events: none; }
  .form-ship-to input[type="radio"]:checked + label .row:first-child a,
  .form-ship-to input[type="radio"].checked + label .row:first-child a {
    border: 2px solid #CCC;
    display: block;
    padding: 8px 0 8px 0;
    text-align: center;
    width: 90%;
    color: #777;
    font: 0.95em/1 "BrownStd", sans-serif;
    position: relative;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-background-clip: border-box;
    -moz-background-clip: border-box;
    background-clip: border-box;
    margin-bottom: 1px; }
  .form-ship-to input[type="radio"]:checked + label .label-default,
  .form-ship-to input[type="radio"].checked + label .label-default {
    display: none; }
  .form-ship-to input[type="radio"]:checked + label .label-active,
  .form-ship-to input[type="radio"].checked + label .label-active {
    display: block;
    position: relative; }
    .form-ship-to input[type="radio"]:checked + label .label-active:before,
    .form-ship-to input[type="radio"].checked + label .label-active:before {
      content: "";
      display: inline-block;
      background: #F75352;
      height: 11px;
      width: 10px;
      position: absolute;
      left: 10px;
      top: 1px; }
  .form-ship-to li {
    position: relative; }
  .form-ship-to input[type="radio"] {
    position: absolute;
    top: 0;
    left: -9999px; }

.hide-overflow, .main-nav-site-switcher dt, .main-nav-email-dropdown, .page-content-container {
  overflow: hidden; }

.middle-table-cell {
  display: table-cell;
  vertical-align: middle; }

.article-body-shoppable-portrait ul, .article-body-shoppable-landscape ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.popout, .main-nav-submenus, .main-nav-submenu {
  position: absolute; }

.relative {
  position: relative; }

.fix-position {
  position: fixed; }

.popin {
  position: static; }

.popout-drag {
  margin-top: 140px; }

.xsmall-col, .small-col, .med-col, .large-col, .xlarge-col, .page-content-container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.xsmall-col {
  width: 300px; }

.small-col {
  width: 350px; }

.med-col {
  width: 585px; }

.large-col {
  width: 935px; }

.xlarge-col, .page-content-container {
  width: 1280px; }

.xxlarge-col {
  width: 1500px; }

.inset-left-1, #main-nav.condensed {
  padding-left: 20px; }

.inset-right-1, #main-nav.condensed, .article-secondary-column {
  padding-right: 20px; }

.inset-right-half {
  padding-right: 10px; }

.inset-left-2, .article-secondary-column {
  padding-left: 40px; }

.inset-right-2 {
  padding-right: 40px; }

.inset-left-3 {
  padding-left: 60px; }

.inset-right-3 {
  padding-right: 60px; }

.offset-left-1, .condensed .main-nav-container, .article-body-standard-section, .article-byline, .article-body-image-right, .article-body-full-image-credit, .article-body-widget-right {
  margin-left: 20px; }

.offset-right-1, .condensed .main-nav-container, .article-body-image-left, .article-body-widget-left {
  margin-right: 20px; }

.offset-left-2 {
  margin-left: 40px; }

.offset-right-2 {
  margin-right: 40px; }

.offset-left-3 {
  margin-left: 60px; }

.offset-right-3 {
  margin-right: 60px; }

.inset-top-1 {
  padding-top: 20px; }

.inset-bottom-1 {
  padding-bottom: 20px; }

.inset-top-2, .article-secondary-column {
  padding-top: 40px; }

.inset-bottom-2 {
  padding-bottom: 40px; }

.inset-top-secondary-1 {
  padding-top: 30px; }

.inset-right-secondary-1 {
  padding-right: 30px; }

.inset-left-secondary-1 {
  padding-left: 30px; }

.inset-bottom-secondary-1 {
  padding-bottom: 30px; }

.offset-top-1, .main-nav-email-dropdown-list-item {
  margin-top: 20px; }

.offset-bottom-1, .article-body-image-full, .article-body-full-image-credit {
  margin-bottom: 20px; }

.offset-top-2 {
  margin-top: 40px; }

.offset-bottom-2 {
  margin-bottom: 40px; }

.offset-top-3 {
  margin-top: 60px; }

.offset-bottom-3 {
  margin-bottom: 60px; }

.offset-top-secondary-1 {
  margin-top: 30px; }

.offset-right-secondary-1, .article-body-shop-product-portrait-image {
  margin-right: 30px; }

.offset-left-secondary-1, .main-nav-categories li {
  margin-left: 30px; }

.offset-bottom-secondary-1 {
  margin-bottom: 30px; }

.left-ruler, .main-nav-site-switcher, .main-nav-email-dropdown, .main-nav-search-form {
  border-left: 1px #EBEBEC solid; }

.right-ruler, .main-nav-email-dropdown {
  border-right: 1px #EBEBEC solid; }

.bottom-ruler, .main-nav-email-dropdown, .article-body-shoppable-landscape, .article-byline-inner {
  border-bottom: 1px solid #EBEBEC; }

.top-ruler, .main-nav-email-dropdown, .article-byline-inner {
  border-top: 1px solid #EBEBEC; }

.grid-helper {
  background-image: url("/images/grid.png");
  background-position: 0 0;
  background-repeat: repeat-y;
  overflow: hidden; }

.main-nav-logo, .main-nav-social-menu-item, .main-nav-email-submit, #main-nav-email-dropdown-input, .main-nav-condensed-title, .main-nav-condensed-readnext, .article-body-shop-product-landscape, .article-body-standard, .article-body-image-left, .article-body-shoppable-portrait, .article-body-shop-product-portrait-image, .article-secondary-column, .article-body-widget-left, .article-byline-author-container ul, .article-byline-author-container .date, .author-image, .col-left {
  float: left; }

.main-nav-social-menu, .main-nav-site-switcher, #main-nav-user-menu, .article-body-image-right, .article-body-widget-right, .col-right, .main-nav-search-button, .main-nav-search-form.active, .main-nav-condensed-socialbar {
  float: right; }

.left {
  clear: left; }

.right {
  clear: right; }

.both {
  clear: both; }

.contain {
  width: 980px;
  margin: 0 auto; }

.contain-relative {
  position: relative; }

/* rows */
.row {
  clear: both;
  *zoom: 1;
  margin-bottom: 20px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: " ";
    display: table; }
  .clearfix:after {
    clear: both; }

/* column layouts */
.one-of-six {
  width: 16.6666666%; }

.five-of-six {
  width: 83.33333333%; }

.one-of-two,
.two-of-four,
.three-of-six {
  width: 50%; }

.two-of-three,
.four-of-six {
  width: 66.666666%; }

/* articles need static sizes */
.two-of-three-static {
  width: 640px; }

.one-of-three,
.two-of-six {
  width: 33.333333%; }

.one-of-three-static {
  width: 300px;
  margin: 0 0 0 20px; }

.one-of-four {
  width: 25%; }

.three-of-four {
  width: 75%; }

.one-of-five {
  width: 20%; }

.two-of-five {
  width: 40%; }

.three-of-five {
  width: 60%; }

.four-of-five {
  width: 80%; }

.one-of-one {
  width: 100%; }

.col {
  float: left; }

.col-last, .col-right, .main-nav-search-button, .main-nav-search-form.active, .main-nav-condensed-socialbar {
  float: right; }

.pull-right {
  margin-right: -25%;
  margin-left: 25%; }

.pull-left {
  margin-left: -25%;
  margin-right: 25%; }

/* gutters */
.gutter {
  padding: 10px; }

.gutter-sides {
  padding: 0 20px; }

.gutter-vertical {
  padding: 10px 0 29px; }

.gutter-double {
  padding: 20px; }

.gutter-double-top {
  padding-top: 20px; }

.gutter-module {
  padding: 35px 0; }

/*
    positioning help
*/
.position {
  position: absolute; }

.top {
  top: 10px; }

.right {
  right: 12px; }

.bottom {
  bottom: 10px; }

.left {
  left: 10px; }

.ellipsis.reused .whitespace:after {
  content: '\2026\0000a0'; }

.ellipsis.reused.final .whitespace:after {
  content: ' '; }

strong.ellipsis.reused, strong.ellipsis.built, a.ellipsis.reused, a.ellipsis.built {
  color: inherit;
  font-size: inherit; }
  strong.ellipsis.reused .wrap, strong.ellipsis.reused:after, strong.ellipsis.built .wrap, strong.ellipsis.built:after, a.ellipsis.reused .wrap, a.ellipsis.reused:after, a.ellipsis.built .wrap, a.ellipsis.built:after {
    color: #F75352; }
  strong.ellipsis.reused.icon-read-more .wrap, strong.ellipsis.built.icon-read-more .wrap, a.ellipsis.reused.icon-read-more .wrap, a.ellipsis.built.icon-read-more .wrap {
    font-size: 11px; }
  strong.ellipsis.reused .whitespace, strong.ellipsis.built .whitespace, a.ellipsis.reused .whitespace, a.ellipsis.built .whitespace {
    color: inherit;
    font-size: inherit; }

.multiline-ellipsis {
  hyphens: auto;
  display: block; }
  .multiline-ellipsis .ellipsis .whitespace {
    display: none; }

.one-of-three-height {
  height: 274px; }

.text-center {
  text-align: center; }

.default-cursor {
  cursor: default; }

#main-nav {
  position: relative;
  z-index: 2200;
  margin: 0 auto;
  padding: 20px 30px 0 30px;
  font-family: "BrownStd-light", sans-serif;
  background-color: #FFF; }
  #main-nav.condensed {
    position: fixed;
    top: 0;
    background-image: none;
    width: 100%;
    min-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: 60px;
    padding-left: 0; }
    #main-nav.condensed .main-nav-logo {
      position: relative; }
      #main-nav.condensed .main-nav-logo img {
        display: none; }
    #main-nav.condensed .main-nav-container {
      padding-top: 0;
      padding-left: 0;
      min-height: 0;
      background: none;
      margin: 0px;
      min-width: 100%; }
    #main-nav.condensed .main-nav-container {
      display: none; }
    #main-nav.condensed .main-nav-condensed-title {
      display: inline; }
    #main-nav.condensed .main-nav-condensed-related {
      display: block; }
    #main-nav.condensed .main-nav-condensed-socialbar {
      display: block; }
      @media only screen and (max-width: 600px) {
        #main-nav.condensed .main-nav-condensed-socialbar {
          display: none; } }
    #main-nav.condensed .icon-logo, #main-nav.condensed .pinterest-overlay-logo {
      display: block;
      float: left;
      color: #000;
      font-size: 40px;
      margin-top: 10px;
      margin-left: 10px; }

.main-nav-container {
  position: relative;
  min-height: 100px;
  margin: 0;
  padding: 0;
  background-image: none; }

.main-nav-logo-circle {
  position: absolute;
  left: 20px;
  top: 0;
  width: 66px;
  height: 66px;
  border-radius: 50%;
  background-color: #FFF; }

.main-nav-logo {
  position: absolute;
  margin: 20px 0 0 30px;
  z-index: 2300; }
  .main-nav-logo img {
    position: relative;
    top: 10px;
    right: 0;
    width: 96px;
    margin: 0 5px;
    padding-bottom: 28px;
    z-index: 2300; }
    .main-nav-logo img:hover {
      border-bottom: 1px solid #F75352; }

.main-nav-bar {
  width: 100%;
  color: #000; }
  .main-nav-bar ul {
    list-style: none; }

.main-nav-categories {
  margin-left: 12px;
  font-size: 12px;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  color: #000;
  font-family: "BrownStd-bold", sans-serif; }
  .main-nav-categories a {
    color: #000;
    display: block;
    height: 100%; }
  .main-nav-categories li {
    position: relative;
    cursor: pointer;
    width: auto;
    margin-left: 5px;
    height: 41px;
    padding: 0 8px; }
    .main-nav-categories li:hover {
      border-bottom: #F75352 1px solid; }

.main-nav-category-selector {
  margin-top: -2px;
  margin-left: -2px;
  left: 50%;
  position: absolute;
  border-top: 0 solid #000;
  border-bottom: 4px solid #000;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent; }

.main-nav-social {
  top: 49px;
  position: relative; }

.main-nav-social-menu {
  position: relative;
  margin: 0;
  padding: 7px 14px 1px 14px;
  list-style: none;
  color: #aaa; }
  .main-nav-social-menu .main-nav-social-menu-item {
    display: inline-block;
    margin: 0;
    padding: 0 8px;
    text-align: center; }
    .main-nav-social-menu .main-nav-social-menu-item a {
      color: #aaa; }
  .main-nav-social-menu .email {
    font-size: 12px;
    margin-top: 3px;
    width: 16px; }
    .main-nav-social-menu .email.active {
      padding: 0; }
    .main-nav-social-menu .email .main-nav-social-menu-item-button:hover {
      color: #82E19B; }
  .main-nav-social-menu .facebook {
    width: 15px;
    font-size: 17px;
    margin-bottom: 1px; }
    .main-nav-social-menu .facebook .main-nav-social-menu-item-button:hover {
      color: #3C5A9A; }
  .main-nav-social-menu .pinterest {
    width: 12px;
    font-size: 15px;
    margin-top: 1px; }
    .main-nav-social-menu .pinterest .main-nav-social-menu-item-button:hover {
      color: #CA2126; }
  .main-nav-social-menu .twitter {
    width: 16px;
    font-size: 16px;
    margin-top: 0px; }
    .main-nav-social-menu .twitter .main-nav-social-menu-item-button:hover {
      color: #2DABDE; }
  .main-nav-social-menu .instagram {
    width: 18px;
    font-size: 16px;
    margin-top: 0px; }
    .main-nav-social-menu .instagram .main-nav-social-menu-item-button:hover {
      color: #20759C; }
  .main-nav-social-menu .tumblr {
    width: 14px;
    font-size: 14px;
    margin-top: 1px; }
    .main-nav-social-menu .tumblr .main-nav-social-menu-item-button:hover {
      color: #37475C; }
  .main-nav-social-menu .youtube {
    width: 16px;
    font-size: 15px;
    margin-top: 1px; }
    .main-nav-social-menu .youtube .main-nav-social-menu-item-button:hover {
      color: #CC181E; }

.main-nav-social-menu-item-button {
  cursor: pointer;
  -webkit-transition: color 150ms ease-in-out;
  -moz-transition: color 150ms ease-in-out;
  -ms-transition: color 150ms ease-in-out;
  -o-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out; }

.main-nav-social-menu-item.active:not(.email) {
  width: 80px;
  -webkit-transition: width 300ms ease-in-out;
  -moz-transition: width 300ms ease-in-out;
  -ms-transition: width 300ms ease-in-out;
  -o-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out; }

.main-nav-social-menu-item.active.tumblr {
  width: 114px; }

.main-nav-social-menu-item.active .main-nav-social-menu-item-button {
  display: none; }

.main-nav-social-menu-item.active .main-nav-social-share {
  position: static; }

.main-nav-social-menu-item.active .main-nav-email-dropdown {
  right: 40px;
  width: 325px;
  height: auto; }

.main-nav-social-menu-item.active .main-nav-social-share,
.main-nav-social-menu-item.active .main-nav-email-dropdown {
  opacity: 1; }

.instagram-link {
  width: 60px;
  height: 20px;
  display: block; }

.main-nav-site-switcher {
  position: relative;
  height: 28px;
  line-height: 28px;
  padding: 2px 10px; }
  .main-nav-site-switcher li {
    padding: 0 8px; }
  .main-nav-site-switcher .icon-more-down {
    color: #B2B2B2;
    position: relative;
    left: 2px;
    font-size: 10px; }
  .main-nav-site-switcher:hover dt, .main-nav-site-switcher dt:hover {
    visibility: visible;
    opacity: 1; }
  .main-nav-site-switcher dt {
    visibility: hidden;
    opacity: 0;
    -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;
    position: absolute;
    left: 10px;
    width: 50px;
    padding: 5px 10px;
    background-color: #000;
    margin: 0;
    cursor: pointer;
    z-index: 2; }
    .main-nav-site-switcher dt a {
      font-size: 11px;
      letter-spacing: 0.1em;
      line-height: 1.2em;
      text-transform: uppercase;
      color: #FFF; }
      .main-nav-site-switcher dt a img {
        margin-right: 5px; }

.cross-site-cta {
  position: absolute;
  background: #6AD98A;
  color: #FFF;
  right: -6px;
  top: 51px;
  width: 294px;
  padding: 32px 43px;
  font-size: 14px;
  line-height: 1.4em;
  z-index: 1; }
  .cross-site-cta .icon-triangle-up {
    position: absolute;
    color: #6AD98A;
    top: -19px;
    right: 33px;
    font-size: 28px; }
  .cross-site-cta .icon-close {
    position: absolute;
    right: 13px;
    top: 13px;
    font-size: 10px;
    cursor: pointer; }
  .cross-site-cta p {
    margin-bottom: 15px; }
  .cross-site-cta button {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
    line-height: 35px;
    padding: 0 17.5px;
    -webkit-border-radius: 17.5px;
    -moz-border-radius: 17.5px;
    border-radius: 17.5px;
    -webkit-background-clip: border-box;
    -moz-background-clip: border-box;
    background-clip: border-box;
    vertical-align: 5px;
    background: #FFF;
    color: #6AD98A;
    font-family: "BrownStd-light", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    width: "300px";
    cursor: pointer; }

.main-nav-email-dropdown {
  z-index: 900;
  top: 0;
  right: 240px;
  width: 0;
  height: 0;
  padding-left: 20px;
  padding-top: 15px;
  padding-bottom: 20px;
  padding-right: 15px;
  background: #FFF; }

.main-nav-social-share,
.main-nav-email-dropdown {
  position: absolute;
  top: -99999px;
  opacity: 0; }

div#social-email-thanks {
  top: 0; }

.main-nav-email-submit {
  margin: 3px 0 0 7px;
  padding: 4px 7px;
  font-size: 9px;
  cursor: pointer;
  letter-spacing: 1;
  -webkit-transition: background-color linear 0.13s;
  -moz-transition: background-color linear 0.13s;
  -ms-transition: background-color linear 0.13s;
  -o-transition: background-color linear 0.13s;
  transition: background-color linear 0.13s; }

.main-nav-search-button {
  padding-top: 5px;
  top: -99999px;
  color: #999;
  border-left: 1px #EBEBEC solid;
  padding: 6px 22px;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: opacity 100ms 0s ease-in-out;
  -moz-transition: opacity 100ms 0s ease-in-out;
  -ms-transition: opacity 100ms 0s ease-in-out;
  -o-transition: opacity 100ms 0s ease-in-out;
  transition: opacity 100ms 0s ease-in-out; }
  .main-nav-search-button.active {
    opacity: 1;
    position: static; }

.main-nav-search-form {
  position: absolute;
  top: -99999px;
  background: #FFF;
  opacity: 0;
  margin-top: 8px;
  margin-bottom: 0;
  margin-left: 10px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 20px;
  -webkit-transition: opacity 100ms ease-in-out;
  -moz-transition: opacity 100ms ease-in-out;
  -ms-transition: opacity 100ms ease-in-out;
  -o-transition: opacity 100ms ease-in-out;
  transition: opacity 100ms ease-in-out; }
  .main-nav-search-form ::-webkit-input-placeholder {
    color: #000;
    font-size: 14px;
    margin: 0;
    padding: 0 0 0 10px;
    opacity: 1; }
  .main-nav-search-form ::-moz-placeholder {
    color: #000;
    font-size: 14px;
    margin: 0;
    padding: 0 0 0 10px;
    opacity: 1; }
  .main-nav-search-form :-ms-input-placeholder {
    color: #000;
    font-size: 14px;
    margin: 0;
    padding: 0 0 0 10px;
    opacity: 1; }
  .main-nav-search-form.active {
    z-index: 20001;
    position: absolute;
    top: -12px;
    right: 4px;
    opacity: 1; }
    .main-nav-search-form.active .main-nav-search-input,
    .main-nav-search-form.active .main-nav-search-submit,
    .main-nav-search-form.active .main-nav-search-close {
      opacity: 1; }

.main-nav-search-input {
  font-family: "BrownStd-light", sans-serif;
  font-size: 15px;
  border: none;
  margin: 0;
  padding: 0 2px;
  outline: none;
  opacity: 0;
  height: 30px;
  width: 158px;
  -webkit-transition: opacity 300ms 0s ease-in-out;
  -moz-transition: opacity 300ms 0s ease-in-out;
  -ms-transition: opacity 300ms 0s ease-in-out;
  -o-transition: opacity 300ms 0s ease-in-out;
  transition: opacity 300ms 0s ease-in-out;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.main-nav-search-submit {
  font-size: 16px;
  text-align: right;
  color: #999;
  background: none;
  border: none;
  cursor: pointer;
  margin: 0;
  padding: 0;
  width: 36px;
  height: 36px;
  opacity: 0;
  -webkit-transition: opacity 300ms 0s ease-in-out;
  -moz-transition: opacity 300ms 0s ease-in-out;
  -ms-transition: opacity 300ms 0s ease-in-out;
  -o-transition: opacity 300ms 0s ease-in-out;
  transition: opacity 300ms 0s ease-in-out; }

.main-nav-search-close {
  font-family: "BrownStd-light", sans-serif;
  font-size: 18px;
  color: #999;
  margin-left: 15px;
  height: 22px;
  text-align: right;
  display: inline-block;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: opacity 300ms 0s ease-in-out;
  -moz-transition: opacity 300ms 0s ease-in-out;
  -ms-transition: opacity 300ms 0s ease-in-out;
  -o-transition: opacity 300ms 0s ease-in-out;
  transition: opacity 300ms 0s ease-in-out; }

#main-nav-user-menu {
  text-transform: uppercase;
  display: table;
  padding: 6px 22px 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  #main-nav-user-menu .loggedin,
  #main-nav-user-menu .loggedout {
    display: table-cell;
    vertical-align: middle; }
  #main-nav-user-menu .loggedin {
    position: relative; }
    #main-nav-user-menu .loggedin img {
      width: 20px;
      height: 20px; }

.main-nav-user-link {
  font-size: 11px;
  display: table;
  padding-top: 0;
  color: #AAA; }

.loggedout .main-nav-user-link {
  padding-top: 3px; }

.main-nav-username {
  padding-right: 10px;
  color: #AAA;
  letter-spacing: 1.25px;
  display: inline-block;
  bottom: 5px;
  position: relative;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  @media (max-width: 1485px) {
    .main-nav-username {
      display: none; } }

.main-nav-menus {
  position: relative;
  top: 58px;
  padding-left: 110px;
  vertical-align: bottom; }
  .main-nav-menus .tagline {
    float: left;
    margin: 0 23px;
    font-family: "BrownStd-bold", sans-serif;
    font-size: 12px;
    letter-spacing: 0.1em;
    color: #333; }
    .site-de .main-nav-menus .tagline {
      margin-top: -55px;
      width: 300px;
      line-height: 25px; }

.main-nav-user-submenu {
  display: none;
  position: absolute;
  z-index: 1900;
  right: 0; }
  .main-nav-user-submenu:before {
    display: block;
    text-align: center;
    line-height: 6px; }

.main-nav-user-submenu-list a {
  color: #FFF; }

.main-nav-submenus {
  margin-top: 42px; }

.main-nav-submenu {
  iloat: left;
  width: 200px; }

.main-nav-submenu-list, .main-nav-user-submenu-list, .new-header-nav .loggedin .main-nav-user-submenu-list, .old-header-nav .loggedin .main-nav-user-submenu-list {
  background-color: #000;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  border: 1px solid #000;
  margin: 0;
  font-family: "BrownStd", sans-serif;
  font-size: 11px;
  letter-spacing: 0.1em;
  line-height: 1.2em;
  word-spacing: normal;
  font-weight: normal; }

.main-nav-submenu-item {
  display: block;
  color: inherit;
  padding: 10px;
  cursor: pointer; }
  .main-nav-submenu-item:hover {
    color: #6AD98A; }

[class^="main-nav-submenu-group-"],
[class*=" main-nav-submenu-group-"],
.main-nav-submenu-group {
  display: none; }

.main-nav-submenu-group-0 {
  margin-left: 20px; }

.main-nav-submenu-group-1 {
  margin-left: 99px; }

.main-nav-submenu-group-2 {
  margin-left: 171px; }

.main-nav-submenu-group-3 {
  margin-left: 242px; }

.main-nav-submenu-group-4 {
  margin-left: 347px; }

.main-nav-submenu-group-5 {
  margin-left: 501px; }

.short-headline {
  font-family: "BrownStd-light", sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  color: #bbbbbb;
  letter-spacing: 0.2em; }

#main-nav-email-dropdown-input {
  width: 248px;
  height: 28px;
  margin-bottom: 30px;
  font-size: 13px; }

.main-nav-email-form {
  width: 348px;
  margin: 0;
  padding-bottom: 2px;
  z-index: 1700;
  overflow: hidden; }

.thanks .main-nav-email-dropdown-header h3 {
  text-align: center; }

.main-nav-email-dropdown-header h3 {
  font-family: "BrownStd-light", sans-serif;
  font-size: 15px;
  text-transform: uppercase;
  color: #777;
  margin-bottom: 0; }

.main-nav-email-dropdown-header .icon-close {
  position: absolute;
  right: 20px;
  top: 22px;
  font-size: 13px;
  color: #9E9E9E;
  cursor: pointer; }

.main-nav-email-dropdown-newsletter-options {
  margin-top: 10px;
  font-family: "TiemposText", serif;
  font-size: 15px;
  color: #777;
  line-height: 2; }

.main-nav-email-dropdown-list {
  font-family: "BrownStd-light", sans-serif;
  margin-right: 50px; }

.main-nav-email-dropdown-list-item {
  position: relative;
  line-height: 1.2; }

.main-nav-email-dropdown-list-label {
  margin-left: 10px;
  text-transform: uppercase; }

.main-nav-email-dropdown-label-checkbox {
  cursor: pointer;
  position: absolute;
  width: 18px;
  height: 18px;
  top: 0;
  left: 0;
  margin-right: 30px;
  background: #eee;
  border: 1px solid #bbb; }
  .main-nav-email-dropdown-label-checkbox:after {
    opacity: 0;
    content: '';
    position: absolute;
    top: 3px;
    left: 4px;
    width: 9px;
    height: 5px;
    background: transparent;
    border: 3px solid #FFF;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .main-nav-email-dropdown-label-checkbox.active {
    background: #6AD98A;
    border: 1px solid #6AD98A; }
    .main-nav-email-dropdown-label-checkbox.active:after {
      opacity: 1; }

.main-nav-email-dropdown-list-checkbox {
  visibility: hidden; }

.main-nav-email-dropdown-error {
  display: none; }

.main-nav-email-message {
  padding: 20px 20px 0 20px; }

.main-nav-email-message-text {
  margin: 10px 0;
  text-align: center;
  line-height: 1.8;
  font-size: 12px;
  color: #777;
  font-family: "TiemposText", serif;
  display: block;
  max-width: 400px; }

.main-nav-email-message-header {
  font-family: "BrownStd-light", sans-serif;
  font-size: 15px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #777;
  margin-bottom: 0; }

.main-nav-email-error {
  position: absolute;
  left: 20px;
  top: 40px;
  display: none; }
  .main-nav-email-error .icon-triangle-up {
    position: absolute;
    font-size: 28px;
    color: #4FE5D9; }

.main-nav-email-error-message {
  background-color: #4FE5D9;
  color: #000;
  font-size: 13px;
  line-height: 13px;
  padding: 11px 9px;
  margin-top: 16px; }

@media (max-width: 1485px) {
  body.site-us .main-nav-social-menu .pinterest,
  body.site-us .main-nav-social-menu .twitter,
  body.site-us .main-nav-social-menu .instagram,
  body.site-us .main-nav-social-menu .tumblr {
    display: none; } }

@media (max-width: 1265px) {
  body.site-us .main-nav-social-menu {
    display: none; } }

.condensed {
  padding-left: 0; }
  .condensed .main-nav-container {
    padding-top: 13px; }

header .icon-logo, header .pinterest-overlay-logo {
  display: none; }

.main-nav-condensed-title {
  display: none;
  margin: 10px 0;
  padding: 0px 10px 5px 10px;
  font-size: 18px;
  float: left;
  height: 40px;
  overflow: hidden;
  max-width: 40%;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis; }

.short-headline {
  font-family: "BrownStd-light", sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  color: #bbbbbb;
  letter-spacing: 0.2em; }

.main-nav-condensed-socialbar {
  width: 140px;
  display: none;
  margin-right: 0;
  float: left;
  background: #FFF;
  top: 0;
  -webkit-transition: margin-right 800ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 13ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: margin-right 800ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 13ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: margin-right 800ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 13ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: margin-right 800ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 13ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: margin-right 800ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 13ms cubic-bezier(0.165, 0.84, 0.44, 1); }
  .main-nav-condensed-socialbar .horizontal-li {
    overflow: hidden;
    height: 30px;
    margin-top: 15px;
    margin-bottom: 10px;
    border: 0; }
  .main-nav-condensed-socialbar .share-buttons {
    margin-top: 0;
    margin-bottom: 0;
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 14px; }
  .main-nav-condensed-socialbar .icon-mail, .main-nav-condensed-socialbar .email-signup-overlay-icon-mail {
    margin-top: 0;
    margin-bottom: 0; }
  .main-nav-condensed-socialbar.active {
    margin-right: 10px; }
  .main-nav-condensed-socialbar .byline-shares {
    display: none; }

.main-nav-condensed-readnext {
  width: 220px;
  height: 60px;
  text-align: center;
  text-transform: uppercase;
  font-family: "BrownStd-bold", sans-serif;
  padding-top: 18px;
  font-size: 16px;
  letter-spacing: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #FFF; }
  .main-nav-condensed-readnext img.condensed-nav-title-img {
    height: 100%;
    margin-top: -8px; }

.main-nav-condensed-related {
  position: relative;
  right: -1000px;
  opacity: 0;
  display: none;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }
  .main-nav-condensed-related.active {
    right: 0;
    opacity: 1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; }

#footer {
  padding-top: 10px; }

.footer {
  font-family: "BrownStd", sans-serif;
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-transform: uppercase;
  width: 100%;
  max-width: 1100px;
  padding: 10px 0 50px 0;
  margin: 0 auto;
  border-top: 1px solid rgba(0, 0, 0, 0.05); }

.footer ul {
  width: 100%;
  margin: 0;
  padding: 50px 0;
  list-style: none;
  text-align: center; }

.footer ul li {
  display: inline-block;
  margin: 0;
  padding: 0 10px; }

.footer ul li a {
  color: #B5B5B5; }

.footer ul li a:hover {
  color: #F75352; }

.grey-base {
  background: #F9F9F9; }

/*
  Wrapper is an inside element with max width that doesn't let
  content take all available horizontal width on large screens.

  This thing is the only element that separates us from fully
  liquid layout. This boundary can be adjusted via media queries
  or removed completely.
*/
.block > div, .block > header, .block > footer {
  max-width: 980px;
  min-width: 306px;
  padding: 0;
  margin: 0 auto; }
  @media (max-width: 1020px) {
    .block > div, .block > header, .block > footer {
      padding: 0 1.7%; } }
  .block > div.wide, .block > header.wide, .block > footer.wide {
    padding: 0;
    max-width: 100%; }

.block footer.block > div {
  padding-top: 0px; }

.block.dark {
  padding: 15px 0 30px 0;
  background: #000;
  color: #FFF; }
  .block.dark > header h2 .icon, .block.dark > header h2 .comment-bubble, .block.dark > header h2 .email-signup-overlay-icon-mail, .block.dark > header h2 .pinterest-overlay-logo {
    display: inline-block;
    color: #6AD98A;
    margin-right: 15px; }
    .block.dark > header h2 .icon.icon-camera, .block.dark > header h2 .icon-camera.comment-bubble, .block.dark > header h2 .icon-camera.email-signup-overlay-icon-mail, .block.dark > header h2 .icon-camera.pinterest-overlay-logo {
      font-size: 0.65em;
      vertical-align: 2px; }
    .block.dark > header h2 .icon.icon-price-tag, .block.dark > header h2 .icon-price-tag.comment-bubble, .block.dark > header h2 .icon-price-tag.email-signup-overlay-icon-mail, .block.dark > header h2 .icon-price-tag.pinterest-overlay-logo {
      font-size: 0.9em; }
  .block.dark > header h2.h1 .icon, .block.dark > header h2.h1 .comment-bubble, .block.dark > header h2.h1 .email-signup-overlay-icon-mail, .block.dark > header h2.h1 .pinterest-overlay-logo {
    color: #6ad98a;
    font-size: 1.1em;
    position: relative;
    top: 4px;
    margin-right: 0px; }
    .block.dark > header h2.h1 .icon.icon-camera, .block.dark > header h2.h1 .icon-camera.comment-bubble, .block.dark > header h2.h1 .icon-camera.email-signup-overlay-icon-mail, .block.dark > header h2.h1 .icon-camera.pinterest-overlay-logo {
      vertical-align: 0px; }

.block.ad {
  background-color: #F9F9F9;
  overflow: hidden;
  position: relative;
  text-align: center;
  z-index: 1300;
  line-height: 0;
  font-size: 0; }
  .block.ad img, .block.ad iframe {
    font-size: 14px;
    margin: 10px 0;
    display: inline-block; }

main {
  min-height: 100px; }

div.more-stories-container {
  width: 980px;
  -webkit-perspective: 0;
  -moz-perspective: 0;
  -ms-perspective: 0;
  -o-perspective: 0;
  perspective: 0; }

div.more-content-container {
  width: 1020px;
  -webkit-perspective: 0;
  -moz-perspective: 0;
  -ms-perspective: 0;
  -o-perspective: 0;
  perspective: 0; }

div.stories-block {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 980px; }
  div.stories-block .stories {
    display: inline-block;
    margin-bottom: -5px; }
    div.stories-block .stories > .two-of-three {
      border-right: 1px solid #ebebec; }
      div.stories-block .stories > .two-of-three.beneath {
        border-top: 1px solid #ebebec; }
  div.stories-block .more-content-container > .two-of-three {
    border-right: 1px solid #ebebec; }
  div.stories-block .ad {
    float: left;
    padding: 30px 0 0 20px; }
    div.stories-block .ad.right {
      float: right;
      padding: 30px 20px 0 0; }

div.content.block > div {
  padding: 0;
  max-width: 980px; }
  div.content.block > div > main, div.content.block > div aside {
    font-size: 16px; }
  div.content.block > div > aside + main {
    display: inline-block;
    width: 66.66666%;
    vertical-align: top; }
  div.content.block > div aside {
    text-align: center;
    display: inline-block;
    width: 33.33333%;
    background-image: url(../images/layout/vertical-ruler.png);
    background-repeat: no-repeat;
    background-position: top left;
    float: right;
    height: 707px; }
  div.content.block > div .stories article {
    float: left;
    min-height: 310px; }
  div.content.block > div .more-stories-container > article.one-of-two:nth-child(odd), div.content.block > div .more-content-container > article.one-of-two:nth-child(odd) {
    border-right: 1px solid #ebebec;
    border-left: none; }
  div.content.block > div .more-stories-container > article.one-of-two.left-side, div.content.block > div .more-content-container > article.one-of-two.left-side {
    border-left: none;
    border-right: none; }
  div.content.block > div .more-stories-container > article.one-of-two.right-side, div.content.block > div .more-content-container > article.one-of-two.right-side {
    border-left: 1px solid #ebebec;
    border-right: none; }
  div.content.block > div article {
    padding: 15px 0 13px 20px;
    position: relative;
    display: inline-block; }
    div.content.block > div article.two-of-three:first-child {
      background-image: url(../images/layout/ruler.png);
      background-repeat: no-repeat;
      background-position: bottom left; }
    div.content.block > div article.article-above {
      border-bottom: 1px solid #ebebec;
      max-height: 310px; }
    div.content.block > div article.one-of-two:nth-child(odd) {
      border-left: 1px solid #ebebec; }
    div.content.block > div article.one-of-two.left-side {
      border-left: none; }
    div.content.block > div article.one-of-two.right-side {
      border-left: 1px solid #ebebec;
      border-right: none; }
    div.content.block > div article.biunit {
      padding: 0px; }
      div.content.block > div article.biunit.one-of-two > .one-of-two {
        width: 45%; }
    div.content.block > div article.one-of-two > .one-of-two {
      width: 55%; }
    div.content.block > div article.one-of-two > .one-of-two:first-child {
      width: 45%; }
    div.content.block > div article.two-of-six {
      padding-right: 17px;
      border-right: 1px solid #ebebec; }

div.content.block aside .ad {
  margin: 20px;
  width: 300px; }
  div.content.block aside .ad img {
    display: block; }
  div.content.block aside .ad + .ad {
    padding: 0 20px; }
  div.content.block aside .ad.sliding, div.content.block aside .ad.sliding + .ad {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }

section.stories.important ~ div.content.block > div aside .ad.sliding + .ad,
section.hero-category.important ~ div.content.block > div aside .ad.sliding + .ad {
  opacity: 0;
  z-index: 500; }

.scrim {
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  z-index: 2600;
  display: none; }

.white-close {
  color: #FFF;
  font-family: "BrownStd", sans-serif; }

/* 
  HEADER AD (728x90,970x66,980x66)
  @see application/apps/blog/views/common/base.html
*/
.ad-container, .slideshow-ad-container, .contest-ad-container {
  position: relative;
  z-index: 2500;
  margin: 0;
  background-color: #FFF; }
  .ad-container .ad, .slideshow-ad-container .ad, .contest-ad-container .ad {
    text-align: center;
    display: block;
    padding-top: 15px; }
    .ad-container .ad > table, .slideshow-ad-container .ad > table, .contest-ad-container .ad > table, .ad-container .ad object, .slideshow-ad-container .ad object, .contest-ad-container .ad object, .ad-container .ad div, .slideshow-ad-container .ad div, .contest-ad-container .ad div, .ad-container .ad iframe, .slideshow-ad-container .ad iframe, .contest-ad-container .ad iframe, .ad-container .ad img, .slideshow-ad-container .ad img, .contest-ad-container .ad img {
      margin: 0 auto !important; }

.temporary-homepage-ad {
  padding-bottom: 40px;
  text-align: center; }

/*
  SLIDESHOW HEADER AD CONTAINER
  @see application/apps/blog/views/entry/slideshow.html
*/
.slideshow-ad-container {
  z-index: 1400;
  height: 112px; }

.contest-ad-container {
  z-index: 1400;
  text-align: center; }

.slideshow-ad-container #ad-header {
  padding: 11px 0; }

/*
  INTERSTITIAL AD MODAL
  @see application/apps/blog/htdocs/static/assets/js/r29/r29.ads.js
*/
.modal-ad-interstitial, .modal-scrim {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2600; }
  .modal-ad-interstitial .lightbox, .modal-scrim .lightbox {
    background: rgba(0, 0, 0, 0.9);
    width: 100%;
    height: 100%; }
  .modal-ad-interstitial .content, .modal-scrim .content {
    position: absolute;
    z-index: 2400;
    display: block;
    width: 640px; }
    .modal-ad-interstitial .content .close-x, .modal-scrim .content .close-x {
      background-color: #F75352;
      color: #fff;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
      -webkit-background-clip: border-box;
      -moz-background-clip: border-box;
      background-clip: border-box; }

/*
  WELCOME QUOTE AD
  @see application/apps/blog/htdocs/static/assets/js/r29/r29.ads.js
*/
.ad-interstitial-quote .quote {
  font-family: "PlayfairDisplay-italic", "Georgia", sans-serif;
  text-align: center;
  padding: 10px;
  margin: 0; }

.ad-interstitial-quote .quote-container {
  width: 630px;
  text-align: center;
  font-family: "PlayfairDisplayBoldItalic", "TiemposText", serif, Times, serif;
  line-height: 1.5em;
  color: #ffffff;
  font-size: 15px; }

.ad-interstitial-quote .inner {
  position: relative; }

.ad-interstitial-quote .logo {
  background: url("../images/modules/ads/header-full-refinery29.png") no-repeat center;
  width: 630px;
  height: 20px;
  padding: 15px 0; }

.ad-interstitial-quote .message {
  font-family: "BrownStd-thin", sans-serif;
  text-align: center;
  font-size: 14px;
  letter-spacing: 1px;
  color: #ffffff;
  margin: 0;
  padding: 0 0 10px 0; }

.ad-interstitial-quote .close-text {
  color: #ffffff;
  font-weight: bold;
  text-align: right;
  width: 630px;
  padding-bottom: 10px;
  cursor: pointer; }

.ad-interstitial-quote .closer {
  background: url("../images/ads/close-text.png") top left no-repeat;
  width: 355px;
  height: 16px;
  float: right;
  margin-top: 10px;
  cursor: pointer; }
  .ad-interstitial-quote .closer:hover {
    background: url("../images/ads/close-text-hover.png") top left no-repeat; }

.ad-interstitial-quote .close {
  cursor: pointer;
  background: url("../images/modules/ads/close-text-button.png") no-repeat center;
  width: 59px;
  height: 17px;
  position: absolute;
  right: 0;
  top: 55px; }

.ad-interstitial-quote .timer {
  color: #f65352;
  font-family: "KaczunOldstyleBoldItalic", "TiemposText", serif, Times, serif;
  line-height: 1.5em;
  font-size: 18px;
  float: left;
  margin-top: 10px; }

.ad-interstitial-quote .version-1 .close {
  top: 25px; }

.ad-interstitial-quote .version-1 .quote, .ad-interstitial-quote version-2 .quote {
  letter-spacing: 1px;
  line-height: 1.3em;
  font-size: 17px;
  padding: 15px; }

#user-voice-img {
  max-width: none;
  padding: 15px 0; }

/* BAD ADS */
.ad [style*="z-index"] {
  z-index: 900 !important; }

.slide-ad,
#ad-r29now,
#ad-r29now-cat {
  position: relative;
  z-index: 1400; }

.highlight {
  background: #f1f2f2;
  -webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.1); }

.module-article {
  overflow: visible;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 20px 10px;
  position: relative;
  /**
   * @link https://refinery29.atlassian.net/browse/ACQ-1275
   */ }
  .module-article h2 a:first-child {
    color: #222; }
  .module-article p {
    margin-bottom: 10px;
    font-size: .9em;
    line-height: 1.5em;
    padding: 0; }
  .module-article .feature {
    position: relative;
    display: block; }
  .module-article .badge {
    margin-top: 50%;
    margin-left: 50%;
    left: -30px; }
  .module-article .default-background {
    display: block;
    width: 220px;
    height: 264px;
    background: url("/static/bin/public/4ac/100x,80/1559125/image.jpg") repeat center; }

.column-with-rail {
  width: 980px; }

.module-media img {
  display: block;
  margin: 0 auto 10px; }
  .module-media img .responsive {
    max-width: 100%;
    max-height: 100%; }

.green-label-image {
  float: left;
  text-align: center;
  list-style-type: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 210px; }

.module-media-header {
  position: absolute;
  float: left;
  display: block;
  font-size: .7em;
  left: 50%;
  width: 100%;
  margin: -8px 0 -12px -50%;
  color: #FFF;
  text-align: center;
  letter-spacing: .15em; }
  .module-media-header span {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    margin: 0 20px;
    padding: 5px 8px;
    border: 1px solid #FFF;
    background: #6AD98A;
    background: rgba(103, 217, 138, 0.8); }

.social-count {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #FFF;
  background: rgba(255, 255, 255, 0.75);
  color: #222;
  padding: 5px 7px;
  text-transform: uppercase;
  font: 0.65em/1 "BrownStd", sans-serif; }

.streetstyle-featured {
  margin: 0 10px; }

.sponsored-headline {
  text-align: center; }
  .sponsored-headline .asset {
    margin: 0 auto; }

.two-of-three .sponsored-headline {
  width: 66.666666%; }

.in-story-bio {
  display: inline-block;
  padding-top: 20px; }

.autopin-wrapper {
  float: left;
  position: relative;
  display: block;
  margin: 0 0 20px 0; }
  .autopin-wrapper.left {
    left: 0;
    margin-right: 15px; }
    .autopin-wrapper.left img {
      width: auto; }
  .autopin-wrapper.right {
    right: 0;
    margin-left: 15px; }
    .autopin-wrapper.right img {
      width: auto; }
  .autopin-wrapper:not(.left):not(.right) img {
    min-width: 640px; }
  .autopin-wrapper img {
    float: left;
    position: relative; }
    .autopin-wrapper img.left {
      left: 0; }
    .autopin-wrapper img.right {
      float: right; }
    .autopin-wrapper img.center {
      margin: 0 auto; }
  .autopin-wrapper span {
    display: block;
    z-index: 1;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    float: left;
    background: url("images/misc/hover-2.png") repeat scroll center center transparent; }
  .autopin-wrapper .img-pin-it-button {
    right: 12px; }
  .autopin-wrapper .img-fb-it-button {
    right: 20px; }

.fblike-box-beauty {
  padding-bottom: 30px;
  padding-left: 65px; }

.fblike-box-main {
  padding-bottom: 30px;
  padding-left: 65px; }

.fblike-box-fashion {
  padding-bottom: 30px;
  padding-left: 65px; }

.fblike-box-wellness {
  padding-bottom: 30px;
  padding-left: 65px; }

.fblike-box-entertainment {
  padding-bottom: 30px;
  padding-left: 65px; }

.fblike-box-living {
  padding-bottom: 30px;
  padding-left: 65px; }

.fblike-box-nyc {
  padding-bottom: 30px;
  padding-left: 65px; }

.module-media:hover .badge {
  background: rgba(153, 153, 153, 0.85); }

.badge {
  background-color: rgba(153, 153, 153, 0.4);
  height: 60px;
  line-height: 60px;
  width: 60px;
  text-align: center;
  color: #FFF;
  font-size: 22px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  -webkit-transition: background-color linear 0.3s;
  -moz-transition: background-color linear 0.3s;
  -ms-transition: background-color linear 0.3s;
  -o-transition: background-color linear 0.3s;
  transition: background-color linear 0.3s;
  position: absolute;
  z-index: 200; }
  .badge .icon, .badge .comment-bubble, .badge .email-signup-overlay-icon-mail, .badge .pinterest-overlay-logo {
    display: block;
    line-height: 60px; }
  .badge:hover {
    background: rgba(153, 153, 153, 0.85); }
  .badge .icon-audio {
    font-size: 24px; }
  .badge .icon-video, .badge .icon-slideshow, .badge .icon-audio {
    padding-left: 2px; }

.comments {
  padding-bottom: 24px;
  margin: 0 0 0 20px; }

.comments-single {
  border-bottom: 1px solid #EBEBEC;
  padding-top: 35px;
  padding-bottom: 20px; }
  .comments-single p {
    margin: 0; }

.comments-hover {
  height: 50px;
  background: transparent;
  background: #FFF;
  opacity: .5;
  width: 100%;
  position: absolute;
  top: 70px;
  left: 0; }

.comments-controls {
  clear: both;
  margin-top: 0px;
  border-top: 1px solid #EBEBEC;
  text-align: center; }

.comments-content {
  position: relative;
  padding-top: 30px;
  overflow: hidden; }
  .comments-content.is-collapsed {
    position: relative;
    height: 10px;
    overflow: hidden; }
  .comments-content a {
    color: #4FE5D9; }

#comments-toggle {
  margin: 0;
  min-width: 100px;
  padding: 11px 9px 11px 13px; }
  #comments-toggle .icon-bubble, #comments-toggle .comment-bubble {
    font-size: 13px;
    position: relative;
    top: 3px;
    right: 2px;
    margin-right: 8px; }

#disqus_thread nav#global-nav {
  display: none; }

.shopping-message-banner-article {
  width: 1280px;
  top: 0;
  left: 0;
  right: 0;
  color: white;
  font-family: "BrownStd", sans-serif;
  text-transform: uppercase;
  padding: 5px 0;
  z-index: 1800;
  display: none;
  position: fixed;
  margin: 0px auto; }

.shopping-message-banner--saving {
  background: #6AD98A;
  text-align: center; }
  .shopping-message-banner--saving.saved .shopping-message-banner--saving__saved {
    display: block; }
  .shopping-message-banner--saving.removed .shopping-message-banner--saving__removed {
    display: inline-block; }

.shopping-message-banner--saving__saved, .shopping-message-banner--saving__removed {
  display: none; }

.new-header-nav .loggedout {
  display: table-cell;
  vertical-align: middle;
  float: right; }
  .new-header-nav .loggedout .main-nav-user-link {
    display: table;
    font-size: 11px;
    text-transform: uppercase;
    font-family: "BrownStd-light",sans-serif;
    padding-top: 3px; }

.new-header-nav .loggedin {
  float: right;
  position: relative;
  z-index: 20000; }
  .new-header-nav .loggedin img {
    border-radius: 50%; }
  .new-header-nav .loggedin .main-nav-user-link {
    padding-bottom: 21px;
    display: table; }
    .new-header-nav .loggedin .main-nav-user-link:hover {
      border-bottom: #F75352 1px solid; }
  .new-header-nav .loggedin .main-nav-username {
    font-size: 11px;
    text-transform: uppercase;
    font-family: "BrownStd-light",sans-serif;
    padding-right: 10px;
    display: table-cell;
    vertical-align: middle; }
  .new-header-nav .loggedin .main-nav-user-submenu-list a {
    color: #FFF; }
  .new-header-nav .loggedin .main-nav-user-submenu-list:hover .main-nav-user-link {
    border-bottom: #F75352 1px solid; }
  .new-header-nav .loggedin .main-nav-submenu-list, .new-header-nav .loggedin .main-nav-user-submenu-list {
    background-color: #000;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid #000;
    font-family: "BrownStd", sans-serif;
    font-size: 11px;
    position: relative;
    left: 12px;
    letter-spacing: 0.1em;
    line-height: 1.2em;
    word-spacing: normal;
    font-weight: normal; }
  .new-header-nav .loggedin .main-nav-submenu-item {
    display: block;
    color: inherit;
    padding: 10px;
    cursor: pointer; }
    .new-header-nav .loggedin .main-nav-submenu-item:hover {
      color: #6AD98A; }

.new-header-nav .main-nav-user-link {
  font-size: 11px;
  display: table; }

.new-header-nav .main-nav-username {
  display: table-cell;
  vertical-align: middle;
  padding-right: 10px; }

.new-header-nav .main-nav-user-submenu {
  display: none;
  position: absolute;
  z-index: 1900;
  right: 0px; }
  .new-header-nav .main-nav-user-submenu:before {
    display: block;
    text-align: center;
    line-height: 6px;
    font-size: 16px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.new-header-nav #r29-monorail-login-ux {
  float: right;
  text-transform: uppercase;
  height: 48px;
  display: table;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  position: relative; }

.old-header-nav .loggedout {
  display: table-cell;
  vertical-align: middle;
  float: right; }
  .old-header-nav .loggedout .main-nav-user-link {
    display: table;
    font-size: 11px;
    text-transform: uppercase;
    font-family: "BrownStd-light",sans-serif;
    padding-top: 15px; }

.old-header-nav .loggedin {
  float: right;
  position: relative;
  z-index: 20000; }
  .old-header-nav .loggedin img {
    border-radius: 50%; }
  .old-header-nav .loggedin .main-nav-user-link {
    padding-bottom: 5px;
    display: table; }
  .old-header-nav .loggedin .main-nav-username {
    font-size: 11px;
    text-transform: uppercase;
    font-family: "BrownStd-light",sans-serif;
    padding-right: 10px;
    display: table-cell;
    vertical-align: middle; }
  .old-header-nav .loggedin .main-nav-user-submenu-list a {
    color: #FFF; }
  .old-header-nav .loggedin .main-nav-submenu-list, .old-header-nav .loggedin .main-nav-user-submenu-list {
    background-color: #000;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid #000;
    margin: 0; }
  .old-header-nav .loggedin .main-nav-submenu-item {
    font-family: "BrownStd-light", sans-serif;
    font-size: 16px;
    line-height: normal;
    display: block;
    color: inherit;
    padding-top: 15px;
    padding-right: 10px;
    padding-bottom: 15px;
    padding-left: 10px;
    cursor: pointer; }
    .old-header-nav .loggedin .main-nav-submenu-item:hover {
      background-color: #FFF;
      color: #000; }

.old-header-nav .main-nav-user-link {
  font-size: 11px;
  display: table; }

.old-header-nav .main-nav-username {
  display: table-cell;
  vertical-align: middle;
  padding-right: 10px; }

.old-header-nav .main-nav-user-submenu {
  display: none;
  position: absolute;
  z-index: 1900;
  right: 0px; }
  .old-header-nav .main-nav-user-submenu:before {
    display: block;
    text-align: center;
    line-height: 6px;
    font-size: 16px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.old-header-nav #r29-monorail-login-ux {
  float: right;
  text-transform: uppercase;
  height: 48px;
  display: table;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  position: relative; }

#r29monorail-ux-overlay {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99999;
  display: none; }

.r29monorail-ux {
  display: none;
  z-index: 100000; }
  .r29monorail-ux p {
    font-family: "BrownStd-light", sans-serif;
    text-transform: uppercase;
    text-align: center;
    margin: 15px 0 20px 0px;
    line-height: 1.5em;
    letter-spacing: 0.5px;
    color: #333; }
  .r29monorail-ux #r29monorail-ux-popup-outer {
    width: 360px;
    background-color: #fff;
    padding: 11px 20px 20px 20px;
    font-family: "BrownStd-light", sans-serif;
    color: #333;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-background-clip: border-box;
    -moz-background-clip: border-box;
    background-clip: border-box;
    background: #FFFFFF;
    background: -moz-linear-gradient(top, #FFFFFF 0%, #fbfbfb 50%, #cbcaca 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(50%, #fbfbfb), color-stop(100%, #cbcaca));
    background: -webkit-linear-gradient(top, #FFFFFF 0%, #fbfbfb 50%, #cbcaca 100%);
    background: -o-linear-gradient(top, #FFFFFF 0%, #fbfbfb 50%, #cbcaca 100%);
    background: -ms-linear-gradient(top, #FFFFFF 0%, #fbfbfb 50%, #cbcaca 100%);
    background: linear-gradient(to bottom, #FFFFFF 0%, #fbfbfb 50%, #cbcaca 100%); }
    .r29monorail-ux #r29monorail-ux-popup-outer p a, .r29monorail-ux #r29monorail-ux-popup-outer ul a, .r29monorail-ux #r29monorail-ux-popup-outer ol a, .r29monorail-ux #r29monorail-ux-popup-outer dl a {
      font-family: "BrownStd", sans-serif; }
    .r29monorail-ux #r29monorail-ux-popup-outer p, .r29monorail-ux #r29monorail-ux-popup-outer ul, .r29monorail-ux #r29monorail-ux-popup-outer ol, .r29monorail-ux #r29monorail-ux-popup-outer dl, .r29monorail-ux #r29monorail-ux-popup-outer table {
      font-size: 1em;
      line-height: 2em; }
    .r29monorail-ux #r29monorail-ux-popup-outer .icon-close {
      text-transform: none;
      font-size: 14px;
      color: inherit;
      text-align: center; }
    .r29monorail-ux #r29monorail-ux-popup-outer .r29monorail-action {
      cursor: pointer; }
    .r29monorail-ux #r29monorail-ux-popup-outer .logo {
      font-size: 42px;
      line-height: 50px; }
    .r29monorail-ux #r29monorail-ux-popup-outer .icon-logo, .r29monorail-ux #r29monorail-ux-popup-outer .pinterest-overlay-logo {
      font-size: 42px;
      line-height: 70px;
      margin-left: 45%;
      color: #000; }
    .r29monorail-ux #r29monorail-ux-popup-outer div {
      position: relative; }
    .r29monorail-ux #r29monorail-ux-popup-outer h2 {
      text-align: center;
      text-transform: uppercase;
      font-family: "BrownStd-light", sans-serif;
      font-size: 25px;
      margin: 15px 0 5px;
      color: #333;
      letter-spacing: 2px; }
    .r29monorail-ux #r29monorail-ux-popup-outer .confirmUnsubscribe {
      text-transform: none;
      color: #6D6E71;
      font-family: "TiemposText", sans-serif; }
    .r29monorail-ux #r29monorail-ux-popup-outer .emailSubscription {
      margin-left: 0px; }
      .r29monorail-ux #r29monorail-ux-popup-outer .emailSubscription li {
        font-size: 14px;
        display: inline-block;
        width: 102%; }
      .r29monorail-ux #r29monorail-ux-popup-outer .emailSubscription .emailSubscriptionCities {
        width: 49%; }
    .r29monorail-ux #r29monorail-ux-popup-outer #unsubscription_question {
      text-transform: none;
      text-align: left;
      font-size: 15px;
      font-family: "TiemposText", sans-serif;
      color: #6d6e71; }
    .r29monorail-ux #r29monorail-ux-popup-outer .unsubscription_questions {
      margin-left: 30px; }
      .r29monorail-ux #r29monorail-ux-popup-outer .unsubscription_questions li {
        font-size: 15px;
        font-family: "TiemposText", sans-serif;
        color: #6d6e71;
        list-style-type: none; }
    .r29monorail-ux #r29monorail-ux-popup-outer p.terms {
      margin: 10px 0 10px 0px; }
      .r29monorail-ux #r29monorail-ux-popup-outer p.terms a {
        font-size: 12px;
        color: #333;
        font-family: "BrownStd-light", sans-serif;
        letter-spacing: 0.5px;
        padding-bottom: 4px;
        border-bottom: 1px solid #333; }
        .r29monorail-ux #r29monorail-ux-popup-outer p.terms a.termsAndConditions {
          margin-right: 30px; }
    .r29monorail-ux #r29monorail-ux-popup-outer .error_message a {
      color: #fff;
      font-family: "BrownStd", sans-serif;
      font-size: 16px;
      text-decoration: none;
      border-bottom: 1px solid #fff; }
  .r29monorail-ux a.r29monorail-popup-close {
    display: block;
    float: right;
    cursor: pointer;
    text-align: center;
    font-size: 20px;
    color: #666;
    padding-top: 5px;
    padding-right: 5px; }
  .r29monorail-ux .emailLogin,
  .r29monorail-ux .changePassword {
    list-style: none;
    display: block;
    margin: 25px 0px 0px;
    padding: 0px 15px; }
    .r29monorail-ux .emailLogin li,
    .r29monorail-ux .changePassword li {
      margin: 15px 0px; }
    .r29monorail-ux .emailLogin input,
    .r29monorail-ux .changePassword input {
      width: 100%;
      padding: 10px;
      font-family: Playfair Display Bold;
      height: 44px;
      font-size: 1.1em;
      letter-spacing: 0.25px; }
  .r29monorail-ux #r29-monorail-password-input,
  .r29monorail-ux #r29-monorail-old-password-input,
  .r29monorail-ux #r29-monorail-new-password-input {
    border: 1px solid #CCC;
    margin-right: 1%;
    -webkit-box-shadow: inset 0 1px 5px #ddd;
    -moz-box-shadow: inset 0 1px 5px #ddd;
    box-shadow: inset 0 1px 5px #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .r29monorail-ux #r29-monorail-password-input:focus,
    .r29monorail-ux #r29-monorail-old-password-input:focus,
    .r29monorail-ux #r29-monorail-new-password-input:focus {
      border-color: #777;
      outline: 0;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
  .r29monorail-ux .facebookButton {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
    line-height: 55px;
    padding: 0 27.5px;
    -webkit-border-radius: 27.5px;
    -moz-border-radius: 27.5px;
    border-radius: 27.5px;
    -webkit-background-clip: border-box;
    -moz-background-clip: border-box;
    background-clip: border-box;
    vertical-align: 5px;
    background: #3B5998;
    color: #FFF;
    font-family: "BrownStd-light", sans-serif;
    font-size: 17px;
    text-transform: uppercase;
    width: 270px;
    display: block;
    margin: 25px auto 5px;
    cursor: hand;
    letter-spacing: 2px;
    outline: none; }
    .r29monorail-ux .facebookButton:before {
      content: "f";
      text-transform: none;
      font-family: "Refinery29";
      font-size: 25px;
      color: inherit;
      text-align: center;
      line-height: 25px;
      width: 25px; }
    .r29monorail-ux .facebookButton:before {
      margin-right: 10px;
      vertical-align: middle; }
  .r29monorail-ux .facebookButtonSmall {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
    line-height: 50px;
    padding: 0 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -webkit-background-clip: border-box;
    -moz-background-clip: border-box;
    background-clip: border-box;
    vertical-align: 5px;
    background: #3B5998;
    color: #FFF;
    font-family: "BrownStd-light", sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    width: 185px;
    display: block;
    margin: 5px auto 35px;
    outline: none; }
    .r29monorail-ux .facebookButtonSmall:before {
      content: "f";
      text-transform: none;
      font-family: "Refinery29";
      font-size: 25px;
      color: inherit;
      text-align: center;
      line-height: 25px;
      width: 25px; }
    .r29monorail-ux .facebookButtonSmall:before {
      margin-right: 10px;
      vertical-align: middle; }
  .r29monorail-ux .signInEmailButton {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
    line-height: 45px;
    padding: 0 22.5px;
    -webkit-border-radius: 22.5px;
    -moz-border-radius: 22.5px;
    border-radius: 22.5px;
    -webkit-background-clip: border-box;
    -moz-background-clip: border-box;
    background-clip: border-box;
    vertical-align: 5px;
    background: #F06565;
    color: #FFF;
    font-family: "BrownStd-light", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    width: 135px;
    display: block;
    margin: 5px auto 5px;
    cursor: hand; }
    .r29monorail-ux .signInEmailButton:before {
      margin-right: 10px;
      vertical-align: middle; }
  .r29monorail-ux .emailLoginSubmit,
  .r29monorail-ux .changePasswordUpdate,
  .r29monorail-ux .userProfileUpdate,
  .r29monorail-ux .resetPasswordUpdate,
  .r29monorail-ux .emailSubscriptionUpdate {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
    line-height: 45px;
    padding: 0 22.5px;
    -webkit-border-radius: 22.5px;
    -moz-border-radius: 22.5px;
    border-radius: 22.5px;
    -webkit-background-clip: border-box;
    -moz-background-clip: border-box;
    background-clip: border-box;
    vertical-align: 5px;
    background: #F06565;
    color: #FFF;
    font-family: "BrownStd-light", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    width: 132px;
    display: block;
    margin: 25px auto 5px;
    text-align: center; }
    .r29monorail-ux .emailLoginSubmit:before,
    .r29monorail-ux .changePasswordUpdate:before,
    .r29monorail-ux .userProfileUpdate:before,
    .r29monorail-ux .resetPasswordUpdate:before,
    .r29monorail-ux .emailSubscriptionUpdate:before {
      margin-right: 10px;
      vertical-align: middle; }
  .r29monorail-ux .unsubscribeButton {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
    line-height: 45px;
    padding: 0 22.5px;
    -webkit-border-radius: 22.5px;
    -moz-border-radius: 22.5px;
    border-radius: 22.5px;
    -webkit-background-clip: border-box;
    -moz-background-clip: border-box;
    background-clip: border-box;
    vertical-align: 5px;
    background: #35317f;
    color: #FFF;
    font-family: "BrownStd-light", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    width: 132px;
    display: block;
    margin: 25px auto 5px;
    text-align: center; }
    .r29monorail-ux .unsubscribeButton:before {
      margin-right: 10px;
      vertical-align: middle; }
  .r29monorail-ux .forgotPass {
    display: block;
    position: relative;
    float: right;
    text-transform: uppercase;
    font-size: 10px;
    color: #999;
    margin: -42px 0px;
    right: 2%;
    border: none;
    letter-spacing: 0.25px; }
  .r29monorail-ux .changePhoto {
    display: block;
    position: relative;
    float: right;
    text-transform: uppercase;
    font-size: 10px;
    color: #999;
    margin: 10px 50px;
    border: none; }
  .r29monorail-ux hr {
    width: 100%;
    position: absolute;
    border: 0;
    height: 1px;
    background: #e2e2e2; }
  .r29monorail-ux .loginNote {
    color: #627BAD;
    text-align: center;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "BrownStd-light", sans-serif; }
  .r29monorail-ux .orLine {
    position: relative;
    text-align: center;
    display: table;
    white-space: nowrap;
    width: 100%;
    margin: 20px 0;
    font-family: "BrownStd-light", sans-serif;
    letter-spacing: 1px;
    color: #333; }
    .r29monorail-ux .orLine:before, .r29monorail-ux .orLine:after {
      border-top: 1px solid #cfcece;
      content: '';
      display: table-cell;
      position: absolute;
      top: 0.6em;
      width: 44%; }
    .r29monorail-ux .orLine:after {
      left: 56%; }
    .r29monorail-ux .orLine span {
      width: 50px;
      top: 10px;
      position: absolute;
      left: 50%;
      margin-left: -25px; }
  .r29monorail-ux .subscriptionSpan {
    font-size: 16px;
    outline: none;
    font-family: "BrownStd-light", sans-serif;
    letter-spacing: 0.5px;
    font-size: 15px; }
    .r29monorail-ux .subscriptionSpan:before {
      content: "e";
      text-transform: none;
      font-family: "Refinery29";
      font-size: 14px;
      color: inherit;
      text-align: center;
      line-height: 14px;
      width: 14px; }
  .r29monorail-ux .disconnectFbSpan {
    font-size: 13px;
    color: #6D6E71; }
  .r29monorail-ux .user-profile-label {
    text-align: left;
    font-size: 14px;
    padding-left: 10px;
    margin: 20px 0px 25px;
    letter-spacing: 1px;
    font-family: "BrownStd-bold", sans-serif; }
  .r29monorail-ux .greenCheckbox {
    text-align: center;
    margin-top: 10px;
    text-transform: uppercase;
    margin: 25px 0 15px 0; }
    .r29monorail-ux .greenCheckbox.left {
      margin: 15px 0 15px 0;
      text-align: left;
      left: 0px; }
      .r29monorail-ux .greenCheckbox.left .checkbox {
        left: 0;
        top: 5px;
        margin-left: 0px; }
    .r29monorail-ux .greenCheckbox.newsletters {
      margin: 5px 0px; }
    .r29monorail-ux .greenCheckbox.questions {
      margin: 5px 0px;
      text-transform: none; }
    .r29monorail-ux .greenCheckbox span {
      padding-left: 20px; }
    .r29monorail-ux .greenCheckbox .align {
      padding-left: 39px; }
    .r29monorail-ux .greenCheckbox .checkbox {
      width: 18px;
      position: relative;
      float: left;
      left: 50%;
      margin-left: -120px; }
      .r29monorail-ux .greenCheckbox .checkbox input[type=checkbox] {
        visibility: hidden; }
      .r29monorail-ux .greenCheckbox .checkbox label {
        cursor: pointer;
        position: absolute;
        width: 18px;
        height: 18px;
        top: 0;
        left: 0;
        background: #eee;
        border: 1px solid #bbb; }
        .r29monorail-ux .greenCheckbox .checkbox label:after {
          opacity: 0;
          content: '';
          position: absolute;
          width: 9px;
          height: 5px;
          background: transparent;
          top: 3px;
          left: 4px;
          border: 3px solid #FFF;
          border-top: none;
          border-right: none;
          -webkit-transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          -o-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }
        .r29monorail-ux .greenCheckbox .checkbox label:hover::after {
          opacity: 0.5; }
    .r29monorail-ux .greenCheckbox input[type=checkbox]:checked + label {
      background: #6AD98A;
      border: 1px solid #6AD98A; }
    .r29monorail-ux .greenCheckbox input[type=checkbox]:checked + label:after {
      opacity: 1; }
  .r29monorail-ux .profile-picture-background {
    height: 130px;
    margin: 25px -20px 50px;
    background-color: #65da87; }
    .r29monorail-ux .profile-picture-background .profile-picture-container {
      width: 128px;
      height: 128px;
      -webkit-border-radius: 65px;
      -moz-border-radius: 65px;
      border-radius: 65px;
      -webkit-background-clip: border-box;
      -moz-background-clip: border-box;
      background-clip: border-box;
      margin: 0 auto;
      top: 20px; }
      .r29monorail-ux .profile-picture-background .profile-picture-container img {
        border-radius: 50%; }
      .r29monorail-ux .profile-picture-background .profile-picture-container.no-image {
        background-color: #999999; }
      .r29monorail-ux .profile-picture-background .profile-picture-container .profile-picture-container-label {
        padding-top: 55px;
        font-size: 12px;
        color: #fff; }
  .r29monorail-ux .additionalPopupInfo {
    font-family: "BrownStd-light", sans-serif;
    margin: -10px 0 10px 0px;
    color: #6D6E71;
    font-size: 1em; }
  .r29monorail-ux .successMessage {
    margin: 0px;
    color: #FC7A85;
    margin-top: -10px; }
  .r29monorail-ux .error_message {
    background-color: #00EDDB;
    color: #FFF;
    font-family: "BrownStd", sans-serif;
    font-size: 16px;
    padding: 5px 10px;
    margin: 0 0 -4px 0;
    display: inline-block; }
    .r29monorail-ux .error_message.fb_page {
      margin: 0px 20px -4px; }
  .r29monorail-ux .error_message_pointer {
    background-color: #00EDDB;
    width: 15px;
    height: 15px;
    margin: -3px 0px 0px 25px;
    position: absolute !important;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
    .r29monorail-ux .error_message_pointer.fb_pointer {
      margin: -3px 0px 0px 145px; }
  .r29monorail-ux .oops_pointer {
    margin: 3px 0px 0px 44%; }
  .r29monorail-ux .oops {
    padding: 10px;
    margin: 0 20px -10px 20px; }
  .r29monorail-ux .hidden {
    display: none; }
  .r29monorail-ux .disabled {
    pointer-events: none;
    cursor: default; }
  .r29monorail-ux .newsletterLine {
    border-top: 1px solid #cfcece;
    width: 50%;
    display: block;
    margin: 0px 0px 0px 25%; }

#r29monorail-ux-mobile-inner {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: -moz-transform .3s;
  -ms-transition: -ms-transform .3s;
  -o-transition: -o-transform .3s;
  transition: transform .3s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #d1d3d4;
  position: absolute;
  padding: 28px 0 0;
  min-height: 100%;
  width: 100%;
  left: 0; }
  #r29monorail-ux-mobile-inner .orLine span {
    background-color: #d1d3d4; }
  #r29monorail-ux-mobile-inner .orLine hr {
    width: 70%;
    margin: 0 15%;
    position: absolute;
    border: 0;
    height: 2px;
    background: #bbb; }
  #r29monorail-ux-mobile-inner a.r29monorail-action {
    font-family: "BrownStd", sans-serif; }
  #r29monorail-ux-mobile-inner .emailSubscription {
    margin-left: 25px; }
    #r29monorail-ux-mobile-inner .emailSubscription .emailSubscriptionCities {
      width: 100%; }
  #r29monorail-ux-mobile-inner .unsubscription_question {
    text-transform: none;
    text-align: center; }

#r29monorail-ux-mobile-inner:after {
  border-top: 1px solid #BCBEC0;
  content: '';
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  bottom: 0; }

/*
    Pulsate pink box shadow
*/
@-webkit-keyframes pulsate {
  0% {
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15), 0 0 30px #ffb2b2; }
  50% {
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15), 0 0 0 #ffb2b2; }
  100% {
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15), 0 0 30px #ffb2b2; } }

@-moz-keyframes pulsate {
  0% {
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15), 0 0 30px #ffb2b2; }
  50% {
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15), 0 0 0 #ffb2b2; }
  100% {
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15), 0 0 30px #ffb2b2; } }

@keyframes pulsate {
  0% {
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15), 0 0 30px #ffb2b2; }
  50% {
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15), 0 0 0 #ffb2b2; }
  100% {
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15), 0 0 30px #ffb2b2; } }

/*
    Blink effect on hover
*/
@-webkit-keyframes blink {
  /* Safari and Chrome */
  0% {
    opacity: 1; }
  70% {
    opacity: 0.9; }
  100% {
    opacity: 1; } }

@-moz-keyframes blink {
  /* Firefox */
  0% {
    opacity: 1; }
  70% {
    opacity: 0.9; }
  100% {
    opacity: 1; } }

@keyframes blink {
  0% {
    opacity: 1; }
  70% {
    opacity: 0.9; }
  100% {
    opacity: 1; } }

@-webkit-keyframes blinkText {
  /* Safari and Chrome */
  0% {
    opacity: 1; }
  50% {
    opacity: 0.6; }
  100% {
    opacity: 1; } }

@-moz-keyframes blinkText {
  /* Firefox */
  0% {
    opacity: 1; }
  50% {
    opacity: 0.6; }
  100% {
    opacity: 1; } }

@-ms-keyframes blinkText {
  /* IE */
  0% {
    opacity: 1; }
  50% {
    opacity: 0.6; }
  100% {
    opacity: 1; } }

@keyframes blinkText {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.6; }
  100% {
    opacity: 1; } }

/*
  Fade in
*/
@-webkit-keyframes fadeIn {
  from {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=0);
    /* must be a uint */
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; }
  to {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=100);
    /* must be a uint */
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100; } }

@-moz-keyframes fadeIn {
  from {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=0);
    /* must be a uint */
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; }
  to {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=100);
    /* must be a uint */
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100; } }

@keyframes fadeIn {
  from {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=0);
    /* must be a uint */
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; }
  to {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=100);
    /* must be a uint */
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100; } }

/*
  Fade out
*/
@-webkit-keyframes fadeOut {
  from {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=100);
    /* must be a uint */
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100; }
  to {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=0);
    /* must be a uint */
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; } }

@-moz-keyframes fadeOut {
  from {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=100);
    /* must be a uint */
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100; }
  to {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=0);
    /* must be a uint */
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; } }

@keyframes fadeOut {
  from {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=100);
    /* must be a uint */
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100; }
  to {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=0);
    /* must be a uint */
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; } }

/* 
  Loading spinner 
*/
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg); } }

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

.share-button, .collection-hero-share-button, .share-button-email, .share-button-pinterest, .article-body-figure-pinterest-button, .share-button-twitter, .share-button-reddit, .share-button-facebook, .article-body-figure-facebook-button {
  display: inline-block; }

.module-article-full a.share-button-email {
  color: #FFF;
  font-size: 15px; }

.comments-count-p {
  text-align: center;
  margin: 0px;
  height: 40px;
  padding-bottom: 15px;
  border-bottom: 1px solid #EBEBEC; }

.comment-bubble {
  color: #363380;
  line-height: 59px;
  cursor: pointer; }

.comment-count-text {
  font-family: "BrownStd-light", sans-serif;
  font-size: 10px;
  line-height: 59px;
  color: #777;
  letter-spacing: 1px;
  padding-left: 4px;
  vertical-align: top;
  text-transform: uppercase;
  cursor: pointer; }

.byline-shares {
  font: 14px "BrownStd-light", sans-serif;
  color: #CCC;
  margin: 15px 15px 0px 0px; }

.horizontal-borders.slideshow-social-byline {
  border-right: 1px solid #EBEBEC; }

ul.horizontal-li {
  padding-left: 0px; }
  ul.horizontal-li li {
    float: right;
    display: block;
    padding: 0px; }

.ad-rt {
  float: right;
  position: relative;
  z-index: 200; }

header.full .byline {
  width: 100%; }

header.full .horizontal-borders {
  width: 100%; }
  header.full .horizontal-borders .divider-lft.first {
    margin-left: 700px; }

.one-related-entry {
  width: 630px;
  height: 42px;
  border-top: 2px solid #6AD98A;
  border-bottom: 2px solid #6AD98A;
  overflow: hidden;
  margin: 0px 0px 24px 20px; }
  .one-related-entry p {
    text-transform: uppercase;
    font-family: "BrownStd-bold", sans-serif;
    color: #6AD98A;
    letter-spacing: 1.5px;
    font-size: 14px;
    padding-top: 9px;
    display: inline-block; }
  .one-related-entry a.one-related-link {
    text-decoration: none;
    text-transform: uppercase;
    font-family: "BrownStd", sans-serif;
    color: #000;
    letter-spacing: 0px;
    font-size: 13px;
    padding-left: 9px;
    max-width: 430px;
    overflow: hidden;
    display: inline-block;
    height: 20px;
    vertical-align: top; }
    .one-related-entry a.one-related-link em {
      font-family: "BrownStd", sans-serif; }
  .one-related-entry .icon-arrow-right {
    color: #6AD98A;
    font-size: 10px;
    letter-spacing: -1px;
    display: inline; }
  .one-related-entry .icon-read-more {
    display: inline-block;
    vertical-align: top; }

.three-related-entries {
  background: #FFF;
  clear: both;
  float: left; }
  .three-related-entries ul {
    list-style: none;
    margin: 17px 0px 0px 0px; }
  .three-related-entries li {
    padding: 0;
    display: block; }
  .three-related-entries li:hover p {
    color: #6AD98A; }
  .three-related-entries .read-these-next {
    height: 40px;
    text-transform: uppercase;
    font-family: "BrownStd-bold", sans-serif;
    color: #6AD98A;
    letter-spacing: 1.5px; }
  .three-related-entries a {
    text-decoration: none;
    text-transform: uppercase;
    font-family: "BrownStd", sans-serif;
    color: #000; }
  .three-related-entries img {
    float: left;
    padding: 0 15px 0 0; }
  .three-related-entries .icon-arrow-right {
    color: #6AD98A;
    font-size: 10px;
    letter-spacing: -1px; }

.related-entry {
  max-width: 35%;
  float: right; }
  .related-entry img {
    float: left; }
  .related-entry h4 {
    color: #000; }
  .related-entry .main-nav-condensed-title {
    max-width: 75%; }

@media only screen and (max-width: 1050px) {
  .related-entry {
    display: none; } }

.related-text {
  width: 160px;
  height: 113px;
  overflow: hidden;
  position: relative;
  display: table;
  float: left;
  font-size: 13px;
  line-height: 22px; }

#main-nav {
  -webkit-box-shadow: 0px 10px 15px -10px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 10px 15px -10px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 10px 15px -10px rgba(0, 0, 0, 0.08); }

.article-body-shop-product-landscape {
  font-size: 12px;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
  width: 155px;
  margin: 0 10px;
  padding: 20px 0 0 0; }

.article-body-shop-product-landscape-info {
  margin: 15px 0 0 0; }

.article-body-shop-product-landscape-image-container {
  display: table-cell;
  vertical-align: middle; }

.article-body-shop-product-landscape-image {
  vertical-align: middle; }

.article-body-shop-product-landscape-brand {
  font-family: "BrownStd", sans-serif;
  margin-bottom: 5px; }

.article-body-shop-product-landscape-description {
  font-family: "BrownStd-bold", sans-serif;
  margin-bottom: 5px; }

.article-body-shop-product-landscape-price,
.article-body-shop-product-landscape-special-price {
  font-family: "BrownStd-bold", sans-serif;
  margin-bottom: 5px; }

.article-body-shop-product-retailer {
  display: block;
  text-align: center;
  font-size: 10px;
  font-family: "BrownStd-bold", sans-serif;
  line-height: 1; }

.article-body-shop-product-portrait {
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  width: 340px; }

.article-body-shop-heading {
  font-family: "BrownStd", sans-serif;
  font-size: 17px;
  text-transform: uppercase;
  border-bottom: 1px solid #EBEBEC;
  margin-bottom: 20px;
  padding-bottom: 10px; }

.article-body-shop-heading-icon {
  color: #6AD98A;
  font-size: 22px;
  margin-right: 7px; }

.article-body-shop-product-portrait-info {
  padding-top: 40px; }

.article-body-shop-product-portrait-image-container {
  height: 150px;
  width: 125px;
  float: left; }

.article-body-shop-product-portrait-image {
  margin-bottom: 15px; }

.article-body-shop-product-portrait-brand {
  font-family: "BrownStd-bold", sans-serif;
  font-size: 16px;
  margin-bottom: 5px; }

.article-body-shop-product-portrait-description {
  font-family: "BrownStd", sans-serif;
  margin-bottom: 5px;
  height: 45px;
  overflow-y: hidden; }

.article-body-shop-product-portrait-price,
.article-body-shop-product-portrait-special-price {
  font-family: "BrownStd", sans-serif;
  margin-bottom: 15px; }

.article-body-shop-sponsored-portrait, .article-body-shop-sponsored-landscape {
  margin: 0 0 5px 0;
  font-size: 10px;
  font-family: "BrownStd", sans-serif;
  text-transform: uppercase;
  color: #777; }

.article-body-shop-overlay-portrait, .article-body-shop-overlay-landscape {
  display: none;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6); }

.article-body-shop-overlay-container {
  display: table-cell;
  vertical-align: middle; }

.article-body-shop-product-buy-button,
.article-body-shop-product-save-button {
  display: block;
  width: 100px;
  height: 40px;
  margin: 0px auto;
  font-size: 11px;
  font-family: "BrownStd", sans-serif;
  text-align: center;
  line-height: 40px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-transition: background 300ms ease-in-out;
  -moz-transition: background 300ms ease-in-out;
  -ms-transition: background 300ms ease-in-out;
  -o-transition: background 300ms ease-in-out;
  transition: background 300ms ease-in-out; }

.article-body-shop-product-buy-button {
  background-color: #F75352;
  color: #FFF; }

.article-body-shop-product-save-button {
  background-color: #FFF;
  color: #000;
  cursor: pointer; }

.article-body-shop-product-save-button.active {
  background-color: #000;
  color: #FFF;
  cursor: pointer; }

.article-body-widget-left, .article-body-widget-right, .article-body-widget-center {
  overflow: hidden; }
  .article-body-widget-left iframe, .article-body-widget-right iframe, .article-body-widget-center iframe {
    margin: 0 auto !important;
    /* gross but important to override inline iframe styles */ }

.article-body-figure-pinterest-button, .article-body-figure-facebook-button {
  position: absolute;
  height: 30px;
  width: 30px;
  line-height: 30px;
  margin: -5px 0 0 10px; }

.related-story-icon {
  position: absolute;
  left: 50%;
  width: 50px;
  height: 50px;
  margin: -25px auto 10px -25px;
  border-radius: 50%;
  background-color: #FFF;
  text-align: center; }

.breadcrumb {
  font-size: 12px;
  color: #999999; }
  .breadcrumb a {
    font-family: "BrownStd", sans-serif;
    text-decoration: none;
    text-transform: uppercase; }
  .breadcrumb ul {
    list-style: none;
    display: inline; }
    .breadcrumb ul li {
      display: inline; }

/* Internet Explorer 8 (and below) Message */
#message_ie8 {
  position: absolute;
  display: none;
  z-index: 2300;
  padding: 30px 0;
  top: 0;
  left: 0;
  width: 100%;
  background: #333;
  text-align: center;
  -webkit-animation: blinkText 1.5s ease-in-out;
  -moz-animation: blinkText 1.5s ease-in-out;
  -ms-animation: blinkText 1.5s ease-in-out;
  -o-animation: blinkText 1.5s ease-in-out;
  animation: blinkText 1.5s ease-in-out; }
  #message_ie8.show {
    display: block; }
  #message_ie8 p {
    font-size: 24px;
    color: #FFF;
    text-shadow: 0 2px 4px #000; }

.ie8 .slideshows-container .slides .slide {
  display: none; }

.article-body-video-credit, .article-body-image-credit, .article-body-full-image-credit, .article-body-widget-credit {
  font-family: "BrownStd", sans-serif;
  color: #777;
  text-align: right;
  text-transform: uppercase; }

.article-body-figure, .article-body-full-figure {
  position: relative;
  margin: 0 auto 40px;
  display: table; }

.article-body-full-standard-section, .article-byline-full {
  padding-left: 10px;
  padding-right: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 900px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .article-body-full-products.article-body-full-standard-section, .article-body-full-products.article-byline-full {
    width: auto;
    display: inline-block; }

.article-body-standard-section, .article-byline {
  padding-left: 10px;
  padding-right: 10px;
  width: 900px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block; }

.page-content-container {
  margin: 0 auto; }

.article-grid-helper {
  background-image: url("static/assets/images/article-grid.png");
  background-position: 0 0;
  background-repeat: repeat-y;
  overflow: hidden; }

.article-container {
  border-right: 1px solid #EBEBEC;
  width: 919px; }

.article-body-standard-section .in-story-bio {
  display: block;
  padding: 0;
  position: relative;
  top: -6px;
  font-size: 17px;
  line-height: 1.7;
  margin-bottom: 15px;
  margin-left: 70px;
  margin-right: 70px; }

.article-body-header-1 {
  font-size: 25px;
  line-height: 1;
  margin-right: 70px;
  margin-left: 70px;
  margin-bottom: 24px; }

.article-body-header-2 {
  font-size: 17px;
  line-height: .6;
  margin-right: 70px;
  margin-left: 70px;
  margin-bottom: 18px; }

.article-body-text {
  position: relative;
  top: -6px;
  font-size: 17px;
  line-height: 1.7;
  margin-bottom: 15px;
  margin-left: 70px;
  margin-right: 70px;
  z-index: 100; }
  .article-body-text strong, .article-body-text b {
    font-family: "TiemposText-bold", serif;
    font-weight: 600; }
    .article-body-text strong em, .article-body-text strong i, .article-body-text b em, .article-body-text b i {
      font-family: "TiemposText-bold-italic", serif;
      font-style: italic; }
  .article-body-text em, .article-body-text i {
    font-family: "TiemposText-italic", serif;
    font-style: italic; }
    .article-body-text em strong, .article-body-text em b, .article-body-text i strong, .article-body-text i b {
      font-weight: 600;
      font-family: "TiemposText-bold-italic", serif; }

.article-body-video {
  max-width: 880px;
  max-height: 495px;
  margin-bottom: 16px;
  min-width: 640px;
  min-height: 400px; }
  .article-body-video iframe {
    min-height: 400px;
    width: 100%;
    display: block; }
  .article-body-video .article-body-video-impression-tracker {
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    visibility: hidden; }

.article-body-video-credit {
  font-size: 11px;
  text-align: left;
  margin-bottom: 25px; }

.jwplayer {
  width: 880px !important;
  height: 495px !important; }

.article-body-image-container {
  position: relative;
  z-index: 100;
  max-width: 880px; }
  .article-body-image-container .article-body-image-buttons {
    position: absolute;
    right: 20px;
    bottom: 20px; }

.article-body-image-left {
  position: relative;
  z-index: 200; }

.article-body-image-right {
  position: relative;
  z-index: 200; }

.article-body-image-center {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  -ms-flex-align: center;
  position: relative;
  z-index: 200; }

.article-body-image-full {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  left: -200px;
  width: 1280px;
  height: auto;
  position: relative;
  z-index: 200; }
  .article-body-image-full .article-body-figure .article-body-image-container {
    max-width: 100%; }

.article-body-interruptor {
  width: 100%;
  margin: 10px 0px 20px 0px;
  text-align: center; }

.article-body-figure .article-body-video-impression-tracker {
  height: 1px;
  width: 1px;
  margin: 0;
  padding: 0;
  visibility: hidden; }

.article-body-full-figure {
  display: block; }

.article-body-figure-pinterest-button {
  position: relative;
  margin: 0px; }

.body-image-pin {
  top: 5px; }

.article-body-figure-facebook-button {
  position: relative;
  margin: 0px; }

.article-body-image-credit, .article-body-full-image-credit {
  text-align: left;
  font-size: 11px;
  display: table-caption;
  caption-side: bottom; }
  .article-body-image-credit strong, .article-body-full-image-credit strong {
    font-family: "BrownStd-bold", sans-serif; }

.article-body-image-description {
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: "TiemposText-italic", serif;
  font-size: 12px;
  font-style: italic;
  line-height: 1.5em;
  max-width: 600px;
  display: table-caption;
  caption-side: bottom; }
  .article-body-image-description strong, .article-body-image-description b {
    font-weight: normal; }

.article-body-share-buttons {
  width: 740px;
  margin: 0 auto 15px auto;
  overflow: hidden; }

.article-body-full-section .article-body-share-buttons {
  width: 740px;
  margin: 0 auto 25px auto;
  overflow: hidden; }

.article-body-breadcrumbs {
  font-size: 17px;
  line-height: 1;
  margin-bottom: 25px;
  margin-left: 70px;
  margin-right: 70px; }
  .article-body-breadcrumbs a {
    color: #363380; }

/* Shoppable Section */
.article-body-shoppable-section {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .article-body-shoppable-section.hide-products {
    display: block; }

.icons-star-save,
.icons-star-save-small {
  display: inline-block; }

.article-body-shoppable-portrait {
  margin: 0 0 47px 15px; }
  .article-body-shoppable-portrait ul {
    overflow-x: hidden;
    max-height: 490px;
    margin-bottom: 24px; }

.article-body-shop-sponsored-portrait {
  position: relative;
  text-align: left; }

.article-body-shop-sponsored-landscape {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  text-align: center; }

.article-body-shop-heading.product-layout {
  text-align: center;
  border: none; }

.article-body-shop-scroll-notification {
  font-family: "BrownStd", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  color: #F75352;
  text-align: center;
  margin-bottom: 2px; }

.article-body-shop-scroll-notification-arrow {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
  color: #F75352;
  text-align: center;
  font-size: 27px; }

.article-body-shop-product-portrait {
  overflow: hidden; }

.article-body-shop-product-portrait-info {
  position: relative;
  color: #000; }

.article-body-shop-product-portrait-image {
  float: none;
  display: block;
  max-width: 125px;
  max-height: 150px;
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: auto; }

.article-body-shop-product-portrait-price.has-special-price,
.article-body-shop-product-portrait-special-price.has-special-price {
  text-decoration: line-through; }

.article-body-shoppable-landscape {
  width: 100%;
  margin: 0 auto 50px auto;
  clear: both;
  float: left; }
  .article-body-shoppable-landscape ul {
    float: left;
    position: relative;
    left: 50%; }

.article-body-shop-product-landscape {
  position: relative;
  right: 50%; }

.article-body-shop-product-landscape-info {
  height: 175px;
  overflow-y: hidden; }

.article-body-shop-product-landscape-image-container {
  width: 160px;
  height: 180px; }

.article-body-shop-product-landscape-image {
  max-width: 160px;
  max-height: 180px;
  width: auto;
  height: auto; }

.article-body-shop-product-landscape-brand {
  height: 30px;
  overflow-y: hidden; }

.article-body-shop-product-landscape-description {
  height: 45px;
  overflow-y: hidden; }

.article-body-shop-product-landscape-price,
.article-body-shop-product-landscape-special-price {
  height: 15px;
  overflow-y: hidden; }
  .article-body-shop-product-landscape-price.has-special-price,
  .article-body-shop-product-landscape-special-price.has-special-price {
    text-decoration: line-through; }

.article-body-shop-product-landscape-special-price,
.article-body-shop-product-portrait-special-price {
  color: #F75352; }

.article-secondary-column {
  position: relative;
  width: 360px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: right; }

.article-right-rail-ad {
  width: 300px;
  height: 600px;
  z-index: 1400; }

.article-body-ad-bottom {
  width: 740px;
  height: 90px;
  margin: 15px auto 45px auto; }

.article-body-comments {
  margin: 0 67px 10px 50px; }

/* FULL WIDTH */
.article-body-full .article-body-video {
  max-width: 1120px;
  max-height: 630px;
  margin-left: -120px; }

.article-body-full .jwplayer {
  width: 1120px !important;
  height: 630px !important; }

.page-content-hero {
  position: absolute;
  z-index: 0;
  margin: 0; }
  .page-content-hero .article-body-image-container {
    max-width: 100%; }

.article-header-full {
  margin-bottom: 37px;
  position: relative;
  margin: 440px auto 0;
  width: 900px; }

.article-header-full-container {
  background-color: #fff;
  width: 740px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 50px 50px 50px; }
  .article-header-full-container .article-be-header {
    padding-top: 0; }

.article-be-header {
  margin: 0 auto;
  max-width: 670px;
  text-align: center; }

.campaign-branding-opener-image {
  margin: 0 auto;
  display: block; }

.article-body-full-standard-section .in-story-bio {
  display: inline-block;
  padding-bottom: 25px;
  position: relative;
  top: -6px;
  font-size: 17px;
  line-height: 1.7;
  margin-bottom: 15px;
  margin-left: 70px;
  margin-right: 70px; }

.article-body-full-standard-section .article-body-interruptor {
  position: relative;
  width: 1280px;
  left: -200px; }

.article-body-shop-product-retailer {
  width: 100px;
  margin: 10px auto 22px auto; }

.other_contributors {
  font-family: "BrownStd-light", sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0px 70px 30px; }
  .other_contributors a {
    text-decoration: none;
    font-family: "BrownStd-bold", sans-serif;
    color: #222; }

/* Widgets */
.article-body-widget {
  display: block;
  min-width: 300px;
  margin: 0 auto; }
  .article-body-widget div {
    margin: 0 auto !important; }

.article-body-widget iframe.instagram-media {
  min-width: 430px; }

.article-body-widget-credit {
  margin-top: 10px;
  text-align: left;
  font-size: 11px;
  line-height: 1; }
  .article-body-widget-credit strong {
    font-family: "BrownStd-bold", sans-serif; }

.article-body-widget-description {
  max-width: 600px;
  margin-bottom: 20px;
  padding: 10px 0;
  font-family: "TiemposText-italic", serif;
  font-size: 12px;
  font-style: italic;
  line-height: 1.5em; }
  .article-body-widget-description strong, .article-body-widget-description b {
    font-weight: normal; }

.article-body-widget-left iframe {
  min-width: 300px; }

.article-body-widget-right iframe {
  min-width: 300px; }

.article-body-widget-center {
  width: 100%;
  text-align: center; }
  .article-body-widget-center .twitter-tweet {
    margin: 0 auto; }
  .article-body-widget-center .article-body-widget-credit {
    text-align: center; }
  .article-body-widget-center .article-body-widget-description {
    max-width: 100%; }

.article-body-shop-overlay-portrait {
  top: 13px;
  left: 40px;
  width: 125px;
  height: 150px; }

.article-body-shop-overlay-landscape {
  top: 20px;
  left: 0;
  width: 156px;
  height: 180px; }

.article-body-shop-product-portrait:hover .article-body-shop-overlay-portrait {
  display: table; }

.article-body-shop-product-landscape:hover .article-body-shop-overlay-landscape {
  display: table; }

.widget-pull-quote {
  font-family: "BrownStd";
  line-height: 40px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  text-align: center;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto; }
  .widget-pull-quote p {
    font-size: 28px; }
  .widget-pull-quote:before, .widget-pull-quote:after {
    background-size: 60px 11px;
    content: '';
    width: 60px;
    height: 11px;
    display: inline-block; }
  .widget-pull-quote:before {
    background: url(../images/svg-icons/open-quote.svg); }
  .widget-pull-quote:after {
    background: url(../images/svg-icons/close-quote.svg); }
  .widget-pull-quote cite {
    font-size: 14px;
    font-style: normal; }

.article-byline, .article-byline-full {
  font-family: "BrownStd", sans-serif;
  text-transform: uppercase;
  margin-bottom: 40px; }

.author-image img {
  width: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /*FF 4+*/
  -webkit-filter: grayscale(1);
  filter: grayscale(100%);
  /* future-proof */
  filter: gray;
  /*IE 6-9*/ }

.article-header-title, .article-header-title-full {
  font-size: 47px;
  text-align: center;
  line-height: 55px; }

.article-header {
  padding-top: 30px; }

.article-header-title {
  width: 900px;
  padding-left: 10px;
  padding-right: 10px; }

.article-header-title-full {
  margin-left: 90px;
  margin-right: 90px; }

.article-header-comments {
  width: 100%;
  text-align: center; }

.article-byline-inner {
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 10px; }

.article-byline-author-container ul {
  list-style-type: none;
  line-height: 1.2;
  font-size: .6em; }
  .article-byline-author-container ul strong {
    background: transparent;
    font-family: "BrownStd-bold", sans-serif;
    font-weight: normal; }

.article-byline-author-container .author-name {
  clear: left;
  margin-left: 45px; }
  .article-byline-author-container .author-name a {
    color: #222; }

.article-byline-author-container .date {
  background: #ddd;
  margin-top: 9px;
  margin-left: 45px; }
  .article-byline-author-container .date a {
    color: #222; }

.author-image {
  margin-right: 5px;
  position: absolute; }

.common-modal-view {
  position: absolute;
  top: 150px;
  left: 0px;
  z-index: 2600;
  background-color: #fff;
  width: 740px;
  height: 450px;
  position: fixed; }

.email-signup-overlay-container {
  width: 293px;
  float: right;
  margin: 140px 118px 0px 0px; }
  .site-de .email-signup-overlay-container {
    margin-top: 75px; }

.email-signup-overlay-success-mode {
  display: none; }

.email-signup-overlay-close-button {
  position: absolute;
  right: 20px;
  top: 30px;
  color: #0e837b;
  cursor: pointer;
  width: 50px;
  height: 50px; }
  .email-signup-overlay-close-button .icon-close {
    padding: 15px; }

.email-signup-overlay-title {
  font-family: "BrownStd-bold", sans-serif;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 4px;
  margin-bottom: 2px; }

.email-signup-overlay-copy {
  font-family: "PlayfairDisplay-bold", "Georgia", sans-serif;
  text-align: center;
  width: 290px;
  color: #fff;
  margin-bottom: 40px; }
  .site-de .email-signup-overlay-copy {
    margin-bottom: 20px; }

.email-signup-overlay-form {
  position: relative; }

input.email-signup-overlay-input {
  width: 286px;
  height: 50px;
  border: 2px solid #0e837b;
  padding-left: 50px;
  margin-bottom: 10px;
  text-transform: uppercase; }
  .site-de input.email-signup-overlay-input {
    width: 306px; }

.email-signup-overlay-icon-mail {
  position: absolute;
  top: 20px;
  left: 20px;
  color: #F75352; }

.email-signup-overlay-submit-button {
  font-family: "BrownStd-light", sans-serif;
  background-color: #ffff47;
  color: #000;
  width: 124px;
  height: 35px;
  border: none;
  font-size: 18px;
  text-transform: uppercase;
  margin-left: auto;
  margin-right: auto;
  display: block;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box; }

.email-signup-overlay-error {
  position: absolute;
  top: -50px;
  left: 0px;
  display: none; }

.email-signup-overlay-error-message {
  background-color: #F75352;
  color: #FFF;
  font-family: "BrownStd-bold", sans-serif;
  font-size: 13px;
  line-height: 13px;
  padding: 11px 9px;
  margin-top: 16px; }

.email-signup-overlay-triangle-down {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 6px 0 6px;
  border-color: #f75252 transparent transparent transparent;
  margin-left: 20px; }

.de-legal-language {
  color: #FFF;
  font: 10px "BrownStd-light", sans-serif;
  text-align: center;
  text-transform: uppercase;
  margin-top: 15px; }

.terms-privacy {
  font: 10px "BrownStd", sans-serif;
  margin-top: 30px;
  text-align: right;
  margin-right: -100px;
  text-transform: uppercase; }
  .terms-privacy li {
    display: inline-block;
    margin-left: 10px; }
    .terms-privacy li a {
      color: #FFF; }

.pinterest-overlay-close-button {
  position: absolute;
  right: 20px;
  top: 30px;
  color: #7f7f7f;
  cursor: pointer;
  width: 50px;
  height: 50px; }
  .pinterest-overlay-close-button .icon-close {
    padding: 15px; }

.pinterest-overlay-logo {
  font-size: 55px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 55px;
  height: 55px; }

.pinterest-overlay-title {
  font-family: "BrownStd-light", sans-serif;
  color: #000000;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 4px;
  font-size: 41px;
  margin-top: 65px; }

.pinterest-overlay-copy {
  font-family: "TiemposText", serif;
  color: #000000;
  text-align: left;
  font-size: 18px;
  margin-top: 43px;
  margin-left: 55px;
  float: left; }

.pinterest-overlay-button {
  display: flex;
  display: -webkit-flex;
  margin-top: 55px;
  padding-left: 45px; }

.centered-email-signup-overlay-close-button {
  display: block;
  content: url("http://www.refinery29.com/file/779/close-button.svg");
  color: #0e837b;
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 100;
  cursor: pointer; }
  .centered-email-signup-overlay-close-button .icon-close {
    fill: currentColor;
    padding: 15px; }

.centered-email-signup-overlay-success-mode {
  display: none; }

.centered-email-signup-overlay-title {
  font-family: "BrownStd-bold", sans-serif;
  font-weight: inherit;
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  font-size: 36px;
  margin: 145px auto 20px;
  width: 100%; }
  .centered-email-signup-overlay-title:before {
    display: block;
    content: url("http://www.refinery29.com/file/778/refinery29-logo-mark-w.svg");
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    margin: 0 auto; }

.centered-email-signup-overlay-copy {
  font-family: "BrownStd-light", sans-serif;
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 4px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 45px; }
  .site-de .centered-email-signup-overlay-copy {
    margin-bottom: 25px; }

.centered-email-signup-overlay-form {
  position: relative;
  width: 286px;
  margin: 0 auto 45px auto; }
  .site-de .centered-email-signup-overlay-form {
    width: 306px;
    margin-bottom: 25px; }

input.centered-email-signup-overlay-input {
  display: block;
  margin: 0 140px 0 auto;
  padding: 5px 15px;
  font: 13px "BrownStd", sans-serif;
  letter-spacing: 2px;
  border: 0px;
  color: #000;
  width: 100%;
  height: 46px;
  box-shadow: none;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: baseline;
  text-align: center;
  outline: none;
  margin-left: auto;
  margin-right: auto;
  text-transform: uppercase; }
  .site-de input.centered-email-signup-overlay-input {
    margin-bottom: 25px; }

input.centered-email-signup-overlay-input::placeholder {
  text-align: center;
  color: #000; }

input.centered-email-signup-overlay-input::-webkit-input-placeholder {
  text-align: center;
  color: #000; }

.centered-email-signup-overlay-submit-button {
  font-family: "BrownStd", sans-serif;
  font-size: 13px;
  letter-spacing: 1.5px;
  padding: 0 30px 0 30px;
  height: 36px;
  border: none;
  text-transform: uppercase;
  margin-left: auto;
  margin-right: auto;
  display: block;
  cursor: pointer;
  background-color: #000;
  color: #FFF;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box; }

.centered-email-signup-overlay-error {
  position: absolute;
  top: -43px;
  width: 286px;
  display: none; }
  .site-de .centered-email-signup-overlay-error {
    width: 306px; }

.centered-email-signup-overlay-error-message {
  background-color: #fd0;
  color: #000;
  font-family: "BrownStd-bold", sans-serif;
  font-size: 13px;
  line-height: 5px;
  letter-spacing: 0.7px;
  padding: 11px 9px;
  margin-top: 16px; }

.centered-email-signup-overlay-triangle-down {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 12px 0 12px;
  border-color: #fd0 transparent transparent transparent;
  margin-left: 20px; }

.centered-de-legal-language {
  font: 11px "BrownStd", sans-serif;
  color: #FFF;
  margin: 10px 120px 20px 165px;
  text-transform: uppercase; }

.centered-terms-privacy {
  font: 11px "BrownStd", sans-serif;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  text-align: right;
  position: absolute;
  bottom: 14px;
  right: 10px; }
  .centered-terms-privacy li {
    display: inline-block;
    margin: 0 5px; }
    .centered-terms-privacy li a {
      color: #FFF;
      text-decoration: none; }
  .site-de .centered-terms-privacy {
    margin-top: 5px;
    text-align: left;
    margin-left: 210px; }

/*
  Related Stories Module
*/
.related-content-ad {
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 40px; }

.related-stories {
  background: #F9F9F9; }

.related-stories-wrapper {
  margin: 0 auto;
  width: 1140px;
  padding-top: 50px; }

.related-stories-header {
  text-align: center;
  position: relative;
  margin: 10px 20px; }
  .related-stories-header:before {
    content: '';
    display: block;
    border-bottom: 1px solid #333;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 28px; }
  .related-stories-header h2 {
    font-family: "BrownStd", sans-serif;
    font-size: 18px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    line-height: 60px;
    color: #333;
    display: inline;
    padding: 0 15px;
    background-color: #F9F9F9;
    position: relative;
    z-index: 2; }

.related-story {
  width: 340px;
  height: 660px;
  background: #FFF;
  margin: 0 20px;
  margin-bottom: 40px;
  float: left;
  position: relative; }

.related-story-info {
  box-sizing: border-box;
  width: 100%;
  height: 250px;
  padding: 0 20px;
  position: absolute; }
  .related-story-info img {
    margin-top: 25px; }

.related-story-icon {
  border: 0; }
  .related-story-icon span {
    display: block;
    font-weight: bold;
    color: #CCC; }
  .related-story-icon.read span {
    padding: 17px 15px; }
  .related-story-icon.play span {
    padding: 18px 20px; }
  .related-story-icon.slideshow span {
    padding: 17px 14px; }
  .related-story-icon.sponsored span {
    padding: 18px 0; }

.related-story-category {
  font-family: "BrownStd-bold", sans-serif;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-transform: uppercase;
  color: #B2B2B2;
  width: 100%;
  margin-top: 35px;
  text-align: center; }

.related-story-headline {
  font-family: "PlayfairDisplay-bold", "Georgia", sans-serif;
  font-weight: normal;
  font-size: 25px;
  line-height: 1.3;
  color: #333;
  padding: 0 25px;
  text-align: center; }
  .related-story-headline span {
    border-bottom: 1px solid #FFF; }

.related-story-author {
  font-family: "BrownStd", sans-serif;
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-transform: uppercase;
  position: absolute;
  left: 20px;
  bottom: 15px;
  padding: 0;
  color: #B2B2B2; }

.related-story-timestamp {
  font-family: "BrownStd", sans-serif;
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-transform: uppercase;
  position: absolute;
  right: 20px;
  bottom: 15px;
  padding: 0;
  color: #B2B2B2; }

.related-story:hover, .related-story-full-width:hover {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(100, 0, 0, 0.05);
  -moz-box-shadow: 0px 0px 20px 0px rgba(100, 0, 0, 0.05);
  box-shadow: 0px 0px 20px 0px rgba(100, 0, 0, 0.05);
  cursor: pointer; }
  .related-story:hover .related-story-headline span, .related-story-full-width:hover .related-story-headline span {
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    border-bottom: 1px solid #4FE5D9; }
  .related-story:hover img, .related-story-full-width:hover img {
    opacity: 0.7; }

/* Full Width Card */
.related-story-full-width {
  float: left;
  width: 1100px;
  height: 660px;
  margin: 0 20px;
  margin-bottom: 40px;
  background: #FFF; }
  .related-story-full-width.video-full-width {
    height: 413px; }
    .related-story-full-width.video-full-width .related-story-info {
      width: 380px;
      height: 413px; }
    .related-story-full-width.video-full-width .related-story-icon {
      position: absolute;
      top: 50px; }
    .related-story-full-width.video-full-width .related-story-category {
      margin-top: 95px; }
    .related-story-full-width.video-full-width .related-story-headline {
      font-family: "PlayfairDisplay-bold", "Georgia", sans-serif;
      font-weight: normal;
      font-size: 25px;
      line-height: 1.3;
      color: #333;
      margin: 15px 0 0 0;
      padding: 0 35px; }
    .related-story-full-width.video-full-width .related-story-description {
      padding: 20px 45px; }

.related-story-full-width .related-story-info {
  display: inline;
  width: 550px;
  height: 660px;
  padding: 0;
  vertical-align: middle;
  text-align: center; }

.related-story-full-width .related-story-icon {
  position: absolute;
  top: 70px; }

.related-story-full-width .related-story-info img {
  margin: 100px 0 0 0; }

.related-story-full-width .related-story-category {
  position: relative;
  width: 100%;
  margin: 100px 0 0 0;
  text-align: center; }

.related-story-full-width .related-story-headline {
  font-family: "PlayfairDisplay-bold", "Georgia", sans-serif;
  font-weight: normal;
  font-size: 40px;
  line-height: 1.3;
  color: #333;
  position: relative;
  width: auto;
  margin: 55px 0 0 0;
  padding: 0 50px; }

.related-story-full-width .related-story-description {
  font-family: "Georgia", "Times New Roman", serif;
  font-size: 15px;
  line-height: 1.6;
  padding: 20px 75px;
  color: #333; }

/*
    R29 Styles used to override inline styles of Rich Snippet Recipe Markup Tool

    Credit: Emily H.
*/
.schemaRecipeContainer {
  font-family: Georgia, sans-serif !important;
  font-size: 17px !important;
  font-color: #222;
  text-align: left !important;
  line-height: 1.7 !important; }

@media (min-width: 1000px) {
  .schemaRecipeContainer {
    padding: 0 70px !important;
    font-family: "TiemposText", serif !important; }
  .schemaRecipeIngredientsHeader, .schemaRecipeInstructionsHeader {
    font-family: "TiemposText-bold", serif; }
  .schemaRecipePrepTime strong, .schemaRecipeCookTime strong, .schemaRecipeYield strong {
    font-family: "TiemposText-bold", serif; } }

#feed .schemaRecipeContainer ul, #feed .schemaRecipeContainer ol {
  padding: 0 0 0 25px; }

#feed .schemaRecipeContainer ul > li {
  display: list-item;
  list-style: initial;
  list-style: disc; }

#feed .schemaRecipeContainer ol {
  list-style-type: decimal; }

.schemaRecipeName {
  font-size: 22px !important;
  font-family: "PlayfairDisplay-bold", "Georgia", sans-serif;
  margin: 0;
  line-height: 1.4 !important; }

.schemaRecipeIngredientsHeader, .schemaRecipeInstructionsHeader {
  font-weight: bold;
  font-size: 17px !important;
  padding: 30px 0 5px !important; }

.schemaRecipeDatePublished, .schemaRecipeCredits {
  display: none; }

.schemaRecipeDescription, .schemaRecipeNutritionInformation {
  padding: 10px 0 30px !important; }
