@charset "UTF-8";
/**
 * --------------------------------------------------
 * --------------------------------------------------
 * SASS vars file for Decanter
 *
 * 		1.  Import Maps
 * 		2.  Colors
 * 		3.  Fonts
 *		4.  Body
 * 		5.  Buttons
 * 		6.  Headings
 * 		7.  Header
 * 		8.  Footer
 *		9.  Forms
 *		10. Image Aspect Ratios
 *		11. Listing
 * 		12. Post
 *		13. Gallery
 *		14. Archive
 *		15. Newsletter
 *		16. Breadcrumbs
 *		17. Tags
 *		18. Ads
 *		19. Reviews
 *		20. Breakout
 *		21. Trending
 *		22. Subscriptions
 * 		23. Import All CSS
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  1. Import Theme Defaults (AKA SASS Maps)
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 * --------------------------------------------------
 * A list of SASS maps used throughout Premium themes
 *
 * NOTE: These are theme level variables, place global
 *       vars in `settings/_global-vars`
 *
 * 		1. Generic Maps
 * 		2. Site Specifc Maps
 *		3. Font Settings
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  1. Generic Maps
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  2. Site Specific Maps
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  3. Font Settings
 * --------------------------------------------------
 */
/**
  * --------------------------------------------------
  *  2. Colors
  * --------------------------------------------------
  */
/**
  * --------------------------------------------------
  *  3. Fonts
  * --------------------------------------------------
  */
/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: local("Montserrat Regular"), local("Montserrat-Regular"), url("/wp-content/themes/simba-theme/assets/fonts/google/montserrat/montserrat-v12-latin-regular.woff2") format("woff2"), url("/wp-content/themes/simba-theme/assets/fonts/google/montserrat/montserrat-v12-latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat Bold';
  font-style: normal;
  font-weight: 700;
  font-display: fallback;
  src: local("Montserrat Bold"), local("Montserrat-Bold"), url("/wp-content/themes/simba-theme/assets/fonts/google/montserrat/montserrat-v12-latin-700.woff2") format("woff2"), url("/wp-content/themes/simba-theme/assets/fonts/google/montserrat/montserrat-v12-latin-700.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* playfair-display-regular - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: local("Playfair Display Regular"), local("PlayfairDisplay-Regular"), url("/wp-content/themes/simba-theme/assets/fonts/google/playfair-display/playfair-display-v13-latin-regular.woff2") format("woff2"), url("/wp-content/themes/simba-theme/assets/fonts/google/playfair-display/playfair-display-v13-latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* playfair-display-700 - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: fallback;
  src: local("Playfair Display Bold"), local("PlayfairDisplay-Bold"), url("/wp-content/themes/simba-theme/assets/fonts/google/playfair-display/playfair-display-v13-latin-700.woff2") format("woff2"), url("/wp-content/themes/simba-theme/assets/fonts/google/playfair-display/playfair-display-v13-latin-700.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/**
  * --------------------------------------------------
  *  4. Body
  * --------------------------------------------------
  */
/**
  * --------------------------------------------------
  *  5. Buttons
  * --------------------------------------------------
  */
/**
  * --------------------------------------------------
  *  6. Headings
  * --------------------------------------------------
  */
/**
  * --------------------------------------------------
  *  7. Header
  * --------------------------------------------------
  */
/**
  * --------------------------------------------------
  *  8. Footer
  * --------------------------------------------------
  */
/**
  * --------------------------------------------------
  *  9. Forms
  * --------------------------------------------------
  */
/**
  * --------------------------------------------------
  *  10. Image Aspect Ratios
  * --------------------------------------------------
  */
/**
  * --------------------------------------------------
  *  11. Listing
  * --------------------------------------------------
  */
/********** GENERIC **********/
/********** ALL LISTING TYPES **********/
/********** SINGLES **********/
/********** SINGLE B **********/
/********** SINGLE-INC-SIDEBAR **********/
/********** GRID **********/
/********** GRID-INC-SIDEBAR **********/
/********** HERO **********/
/********** HERO B **********/
/********** FILMSTRIP **********/
/********** FILMSTRIP B **********/
/********** FILMSTRIP C **********/
/********** RECIRCULATION **********/
/**
  * --------------------------------------------------
  *  12. Posts
  * --------------------------------------------------
  */
/**
  * --------------------------------------------------
  *  13. Gallery
  * --------------------------------------------------
  */
/**
  * --------------------------------------------------
  *  14. Archive
  * --------------------------------------------------
  */
/**
  * --------------------------------------------------
  *  15. Newsletter
  * --------------------------------------------------
  */
/**
  * --------------------------------------------------
  *  16. Breadcrumbs
  * --------------------------------------------------
  */
/**
  * --------------------------------------------------
  *  17. Tags
  * --------------------------------------------------
  */
/**
  * --------------------------------------------------
  *  18. Ads
  *
  * --------------------------------------------------
  */
/**
  * --------------------------------------------------
  *  19. REVIEWS
  * --------------------------------------------------
  */
/**
  * --------------------------------------------------
  *  20. BREAKOUT
  * --------------------------------------------------
  */
/**
  * --------------------------------------------------
  *  21. TRENDING
  * --------------------------------------------------
  */
/**
  * --------------------------------------------------
  *  22. Subscription
  * --------------------------------------------------
  */
/**
  * --------------------------------------------------
  *  23. Import All CSS
  * --------------------------------------------------
  */
/**
 * --------------------------------------------------
 * --------------------------------------------------
 * SASS imports
 *
 *		1. Settings - Global vars & defaults ie. $gutter
 *		2. Tools - Helpers ie. @include clearfix();
 *		3. Generic - Single element selectors ie. h1, p, a
 *		4. Structure - Structural objects, no presentaion ie. .s-container, .s-sidebar
 *		5. Components - UI components ie. .c-button, c-gallery
 *		6. Utilities - Highest specifity utilitiy classes (often utilize !important) ie. .u-clearfix, .u-visually-hidden
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  1. Settings
 *  -- Global vars & defaults
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 * --------------------------------------------------
 * Generic SASS vars
 *
 *    1. Generic Vars
 *    2. Media Query Breakpoints
 *    3. Image / Video Ratios
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  1. Generic Vars
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  2. Media Query Breakpoints
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  3. Image / Video Ratios
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  2. Tools
 *  -- Helpers ie. @include clearfix();
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  Function: z()
 *  Retrieve z-indexes map from `settings/_z-indexes.scss`
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 * Mixins: Flexbox cross browser vendor prefixes
 * TODO: remove all flexbox mixins in favour of Autoprefixer
 * --------------------------------------------------
 */
/* These are the conditional mixins for the different syntax for IE10 Flexbox */
/**
 * --------------------------------------------------
 *  Mixin: Clearfix
 *  TODO: description
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 * --------------------------------------------------
 *
 * 		1. Menu Icons
 * 		2. Icon Font
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  1. Mixin: Menu Icon
 *  TODO: Description
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  2. Mixin: Icon Font
 *  TODO: Description
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  Mixin: Generate Hidden Styles
 *  TODO: description
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 * --------------------------------------------------
 *
 * 		1. Image Crop
 * 		2. Image Vignette
 *		3. Image Aspect Ratio
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  1. Mixin: Image Crop
 *  TODO: description
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  2. Mixin: Image Vignette
 *  TODO: description
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  3. Mixin: Image Aspect Ratio
 *  TODO: description
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  Mixin: Videos Responsive
 *  TODO: description
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  Mixin: Content Gradient
 *  TODO: description
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  Mixin: Hero Content Alignment
 *  A mixin to set position on 9 point grid ie:
 *
 *		1 2 3
 *		4 5 6
 *		7 8 9
 *
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 * --------------------------------------------------
 *
 * 		1. Container Box Sizing
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  1. Mixin: Container Box Sizing
 *  TODO: description
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 * --------------------------------------------------
 *
 *      1. Set Styles
 *      2. Set Typograpy Styles
 *      3. Typography Styles Mixin
 *      4. Set Block Styles
 *      5. Block Styles Mixin
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
/**
 * ------------------------------------------------------------------
 *  1. Mixin: Set Styles
 *  Generic mixin to set typography and block styles
 * ------------------------------------------------------------------
 */
/**
  * --------------------------------------------------
  *  2. Mixin: Set Typograpy Styles
  *  Only called via @mixin set-styles
  * --------------------------------------------------
*/
/**
 * ------------------------------------------------------------------
 *  3. Mixin: Typography Styles Mixin
 *  TODO: description
 * ------------------------------------------------------------------
 */
/**
  * --------------------------------------------------
  *  4. Mixin: Set Block Styles
  *  Only called via @mixin set-styles
  * --------------------------------------------------
  */
/**
 * --------------------------------------------------
 *  5. Mixin: Block Styles Mixin
 *  TODO: description
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 * --------------------------------------------------
 * SASS Listing Helpers
 *
 * 		1. Base Listing Style Helper
 *		2. Listing Padding
 *		3. Listing Entry Styles
 *		4. Listing Item Horizontal
 *		5. Listing Item Horizontal Styles
 *		6. Listing Item Spacing
 *		7. Listing Align Ad
 *		8. Listing Typography Styles
 *		9. Listing Image Aspect
 *		10. Hero Styling
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  1. Base Listing Style Helper
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  2. Listing Padding
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  3. Listing Entry Styles
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  4. Listing Item Horizontal
 *
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  5. Listing Item Horizontal Style
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  6. Listing Item Spacing
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  7. Listing Align Ad
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  8. Typography Styles
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  9. Listing Image Aspect
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  9. Hero Styling
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  Mixin: Details Alignment Margin
 *  TODO: description
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 * --------------------------------------------------
 *
 *      1. Heading Text Background
 *      2. Text Label
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
/**
 * ------------------------------------------------------------------
 *  1. Mixin: Label
 *  Generic mixin to for placing text as label
 * ------------------------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  2. Generic
 *  -- Single element selectors ie. h1, p, a
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 * --------------------------------------------------
 * Reset the CSS
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Custom TimeInc code */
* {
  box-sizing: border-box;
}

*:before,
*:after {
  box-sizing: border-box;
}

/**
 * --------------------------------------------------
 * --------------------------------------------------
 * Global SASS settings for the site
 *
 *		1. HTML and Body
 *		2. Anchors
 *		3. Headings
 *		4. Generic Styles
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *	1. HTML and Body
 * --------------------------------------------------
 */
html {
  height: auto;
  overflow-x: hidden;
  width: 100vw;
}

body {
  color: #404040;
  font-family: "Playfair Display", Arial;
  height: 100%;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

::selection {
  background: #460418;
}

::-moz-selection {
  background: #460418;
}

/**
 * --------------------------------------------------
 *	2. Anchors
 * --------------------------------------------------
 */
a {
  color: #460418;
  outline: none;
  text-decoration: none;
}

a:hover, a:focus {
  color: #000000;
}

a:focus {
  outline: none;
}

/**
 * --------------------------------------------------
 *	3. Headings
 * --------------------------------------------------
 */
h1 {
  font: 400 2em/1.3em "Playfair Display";
}

@media (min-width: 45.5em) {
  h1 {
    font: 400 3em/1.3em "Playfair Display";
  }
}

h2 {
  font: 400 2em/1.1em "Playfair Display";
}

h3 {
  font: 400 1.4em "Playfair Display";
}

h4 {
  font: 1em "Playfair Display";
  font-weight: 400;
  font-weight: 400;
}

h5 {
  font: 1em "Playfair Display";
  font-style: italic;
  font-weight: 400;
  font-weight: 400;
}

h6 {
  font: 1em "Playfair Display";
  font-style: italic;
}

/**
 * --------------------------------------------------
 *	4. Generic Styles
 * --------------------------------------------------
 */
.align-center {
  text-align: center;
}

/**
 * --------------------------------------------------
 *  3. Structure
 *  -- Structural objects, no presentaion ie. .s-container, .s-sidebar
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 * --------------------------------------------------
 * The SASS styles for all strucutal container objects
 *
 *    1. container-fluid
 *    2. row
 *    3. #wrapper
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
.container-fluid {
  margin: 0;
  padding: 0;
}

.container-fluid:after {
  content: "";
  display: table;
  clear: both;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

#wrapper {
  cursor: default;
  margin: 0 auto;
  font-size: 18px;
  overflow: hidden;
}

/**
 * --------------------------------------------------
 * --------------------------------------------------
 * The SASS styles for all structural container objects
 *
 *    1. s-container
 *    2. s-container__inner
 *    3. s-sidebar
 *    4. s-container--has-sidebar
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
.s-container {
  margin: 15px auto;
  padding: 0 15px;
  max-width: 1440px;
  box-sizing: content-box;
  position: relative;
}

@media (min-width: 45.5em) {
  .s-container {
    margin: 45px auto;
    padding: 0 45px;
  }
}

.s-container.s-container--fullbleed {
  max-width: none;
}

.post-main .s-container {
  padding: 0;
  margin: 0;
  overflow: visible;
}

.s-container--full,
.s-container--full .s-container__inner {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.s-container__inner {
  margin: 0 auto;
  position: relative;
  max-width: 1440px;
  width: 100%;
}

.s-sidebar {
  clear: right;
  margin: 0 auto;
}

@media (min-width: 45.5em) {
  .s-sidebar {
    position: absolute;
    right: 0;
    width: 300px;
  }
}

@media (min-width: 45.5em) {
  .post .s-sidebar,
  .showcase-main .s-sidebar {
    position: absolute;
    right: -330px;
  }
  .post .s-sidebar.premium_inline_1,
  .showcase-main .s-sidebar.premium_inline_1 {
    top: 0px;
  }
  .post .s-sidebar.premium_inline_2,
  .showcase-main .s-sidebar.premium_inline_2 {
    top: 1200px;
  }
  .post .s-sidebar.premium_inline_3,
  .showcase-main .s-sidebar.premium_inline_3 {
    top: 2400px;
  }
  .post .s-sidebar.premium_inline_4,
  .showcase-main .s-sidebar.premium_inline_4 {
    top: 3600px;
  }
  .post .s-sidebar.premium_inline_5,
  .showcase-main .s-sidebar.premium_inline_5 {
    top: 4800px;
  }
  .post .s-sidebar.premium_inline_6,
  .showcase-main .s-sidebar.premium_inline_6 {
    top: 6000px;
  }
  .post .s-sidebar.premium_inline_7,
  .showcase-main .s-sidebar.premium_inline_7 {
    top: 7200px;
  }
  .post .s-sidebar.premium_inline_8,
  .showcase-main .s-sidebar.premium_inline_8 {
    top: 8400px;
  }
  .post .s-sidebar.premium_inline_9,
  .showcase-main .s-sidebar.premium_inline_9 {
    top: 9600px;
  }
  .post .s-sidebar.premium_inline_10,
  .showcase-main .s-sidebar.premium_inline_10 {
    top: 10800px;
  }
  .post .s-sidebar.premium_inline_11,
  .showcase-main .s-sidebar.premium_inline_11 {
    top: 12000px;
  }
  .post .s-sidebar.premium_inline_12,
  .showcase-main .s-sidebar.premium_inline_12 {
    top: 13200px;
  }
  .post .s-sidebar.premium_inline_13,
  .showcase-main .s-sidebar.premium_inline_13 {
    top: 14400px;
  }
  .post .s-sidebar.premium_inline_14,
  .showcase-main .s-sidebar.premium_inline_14 {
    top: 15600px;
  }
  .post .s-sidebar.premium_inline_15,
  .showcase-main .s-sidebar.premium_inline_15 {
    top: 16800px;
  }
  .post .s-sidebar.premium_inline_16,
  .showcase-main .s-sidebar.premium_inline_16 {
    top: 18000px;
  }
  .post .s-sidebar.premium_inline_17,
  .showcase-main .s-sidebar.premium_inline_17 {
    top: 19200px;
  }
  .post .s-sidebar.premium_inline_18,
  .showcase-main .s-sidebar.premium_inline_18 {
    top: 20400px;
  }
  .post .s-sidebar.premium_inline_19,
  .showcase-main .s-sidebar.premium_inline_19 {
    top: 21600px;
  }
  .post .s-sidebar.premium_inline_20,
  .showcase-main .s-sidebar.premium_inline_20 {
    top: 22800px;
  }
  .post .s-sidebar.premium_inline_21,
  .showcase-main .s-sidebar.premium_inline_21 {
    top: 24000px;
  }
  .post .s-sidebar.premium_inline_22,
  .showcase-main .s-sidebar.premium_inline_22 {
    top: 25200px;
  }
  .post .s-sidebar.premium_inline_23,
  .showcase-main .s-sidebar.premium_inline_23 {
    top: 26400px;
  }
  .post .s-sidebar.premium_inline_24,
  .showcase-main .s-sidebar.premium_inline_24 {
    top: 27600px;
  }
  .post .s-sidebar.premium_inline_25,
  .showcase-main .s-sidebar.premium_inline_25 {
    top: 28800px;
  }
  .post .s-sidebar.premium_inline_26,
  .showcase-main .s-sidebar.premium_inline_26 {
    top: 30000px;
  }
  .post .s-sidebar.premium_inline_27,
  .showcase-main .s-sidebar.premium_inline_27 {
    top: 31200px;
  }
  .post .s-sidebar.premium_inline_28,
  .showcase-main .s-sidebar.premium_inline_28 {
    top: 32400px;
  }
  .post .s-sidebar.premium_inline_29,
  .showcase-main .s-sidebar.premium_inline_29 {
    top: 33600px;
  }
  .post .s-sidebar.premium_inline_30,
  .showcase-main .s-sidebar.premium_inline_30 {
    top: 34800px;
  }
}

@media (min-width: 45.5em) {
  .post.post--recipe .s-sidebar.s-sidebar--first {
    top: 0;
  }
}

@media (min-width: 62em) {
  .post.post--recipe .s-sidebar {
    right: -375px;
  }
}

@media (min-width: 45.5em) {
  .s-container--has-sidebar {
    float: left;
    border-right: 30px solid transparent;
    width: calc(100% - 45px);
  }
}

/**
 * --------------------------------------------------
 * --------------------------------------------------
 * All the SASS for Listings
 *
 *      1. Listing Overall Container
 * 		2. Listing Items
 * 		3. Listing Item
 *		4. Listing Entry
 *		5. Listing Intro/Outro
 *		6. Listing Layouts
 *		7. Listing Styles
 *		8. Listing Overrides
 *		9. Listing Related
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  1. Listing Overall Container
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  2. Listing Items
 * --------------------------------------------------
 */
.listing-items {
  margin: 0 -5px;
  padding: 0 0 15px 0;
}

.listing-items a:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 45.5em) {
  .listing-items {
    display: flex;
    margin: 0 -15px;
    padding: 0 0 15px 0;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    -webkit-align-content: start;
    align-content: start;
  }
}

@media (min-width: 45.5em) {
  .s-container--inc-sidebar .listing-items {
    margin-right: 315px;
  }
}

/**
 * --------------------------------------------------
 *  3. Listing Item
 * --------------------------------------------------
 */
.listing-item {
  padding: 0 5px;
  overflow: hidden;
  overflow-wrap: break-word;
}

.listing-item a {
  display: block;
}

@media (min-width: 45.5em) {
  .listing-item {
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 15px;
  }
}

.listing-item:last-child {
  margin-bottom: 0 !important;
}

.listing-item:last-child .listing-entry {
  margin-bottom: 0;
  padding-bottom: 0;
}

/**
 * --------------------------------------------------
 *  4. Listing Entry
 * --------------------------------------------------
 */
.listing-entry {
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

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

.text-left .listing-entry {
  text-align: left;
}

.text-right .listing-entry {
  text-align: right;
}

.listing-entry .entry-content {
  position: relative;
  padding: 10px 0;
  /* IE 10 styles */
  -ms-flex-positive: 1;
  -ms-flex-negative: 1;
  -ms-flex-preferred-size: auto;
  /* All other browsers */
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  -webkit-flex-basis: auto;
  flex-basis: auto;
}

@media (min-width: 45.5em) {
  .listing-entry .entry-content {
    padding: 15px 0;
  }
}

.listing-entry .entry-content .entry-author {
  display: block;
  font-family: "Montserrat";
  font-size: 0.6em;
  font-weight: 700;
  transition: all 150ms ease;
  text-transform: uppercase;
  margin-top: 45px;
}

.listing-entry .entry-content .listing-entry--inner .entry-author {
  margin-top: 10px;
}

.listing-entry .entry-content .listing-entry--lower h4 {
  font-family: "Montserrat";
}

.listing-entry .entry-content .listing-entry--lower .entry-author {
  margin-top: 10px;
}

.listing-entry .entry-content .entry-date {
  margin: 5px 0;
}

.listing-entry .entry-content .is-premium-badge div {
  background: #460418;
  display: inline-block;
  border-radius: 10px;
  position: absolute;
  right: 15px;
  bottom: 15px;
  height: 35px;
}

@media (max-width: 61.99em) {
  .listing-entry .entry-content .is-premium-badge div {
    position: relative;
    right: unset;
    left: unset;
    bottom: -5px;
  }
}

@media (max-width: 45.49em) {
  .listing-entry .entry-content .is-premium-badge div {
    position: absolute;
    right: 15px;
    bottom: 15px;
  }
}

.listing-entry .entry-content .is-premium-badge div:after {
  content: "MEMBERS ONLY";
  color: #ffffff;
  padding: 10px;
  font-family: "Montserrat";
  line-height: 35px;
  font-size: 12px;
}

.listing-entry .entry-image {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%;
  height: 0;
}

.listing-entry .entry-image img {
  min-height: 100%;
}

.image-aspect-portrait .listing-entry .entry-image {
  padding-top: 150%;
  height: 0;
}

.image-aspect-square .listing-entry .entry-image {
  padding-top: 100%;
  height: 0;
}

.image-aspect-square .listing-entry .entry-image img {
  min-height: 100%;
}

.full .listing-entry .entry-image {
  padding-top: 42.857143%;
  height: 0;
}

.full .listing-entry .entry-image img {
  min-height: 100%;
}

.listing-entry .entry-image img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  max-height: 100%;
  font-family: "object-fit: cover; object-position: center;";
  height: 100% !important;
  max-height: 100% !important;
  object-fit: cover;
  object-position: center;
  position: absolute;
  width: 100% !important;
}

.listing-entry .entry-image.image-crop--bottom img {
  font-family: "object-fit: cover; object-position: bottom;";
  height: 100% !important;
  max-height: 100% !important;
  object-fit: cover;
  object-position: bottom;
  position: absolute;
  width: 100% !important;
}

.listing-entry .entry-image.image-crop--top img {
  font-family: "object-fit: cover; object-position: top;";
  height: 100% !important;
  max-height: 100% !important;
  object-fit: cover;
  object-position: top;
  position: absolute;
  width: 100% !important;
}

.listing-entry .entry-image .icon-type {
  position: absolute;
  transform: translateY(-100%);
  left: 0;
}

/**
 * --------------------------------------------------
 *  5. Listing Intro/Outro
 * --------------------------------------------------
 */
.listing-intro,
.listing-outro {
  margin: 0 auto;
  max-width: 1440px;
  overflow: hidden;
}

.s-container--full .listing-intro, .s-container--full
.listing-outro {
  max-width: none;
}

/**
 * --------------------------------------------------
 *  6. Listing Layouts
 * --------------------------------------------------
 */
.listing--hero .entry-content {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 15px;
}

@media (min-width: 45.5em) {
  .listing--hero .entry-content {
    padding: 45px;
  }
}

@media (max-width: 45.49em) {
  .listing--hero .entry-content {
    position: relative !important;
  }
}

.listing--hero.s-container--full {
  margin-top: 0;
}

@media (min-width: 45.5em) {
  .listing--hero [data-post-count~="2"] .listing-item {
    flex-basis: 50%;
  }
  .listing--hero [data-post-count~="3"] .listing-item {
    flex-basis: 33.333%;
  }
}

@media (min-width: 45.5em) {
  .listing--grid .listing-item,
  .listing--grid-inc-sidebar .listing-item,
  .listing--filmstrip .listing-item {
    display: flex;
    margin-top: 30px;
  }
  .listing--grid .listing-item a,
  .listing--grid-inc-sidebar .listing-item a,
  .listing--filmstrip .listing-item a {
    flex-basis: 100%;
    display: flex;
  }
  .listing--grid .listing-entry,
  .listing--grid-inc-sidebar .listing-entry,
  .listing--filmstrip .listing-entry {
    flex-direction: column;
    flex-basis: 100%;
    display: flex;
  }
  .listing--grid .entry-content,
  .listing--grid-inc-sidebar .entry-content,
  .listing--filmstrip .entry-content {
    flex-basis: auto;
    flex-grow: 1;
  }
}

@media (max-width: 61.99em) {
  .listing--grid .listing-item,
  .listing--grid-inc-sidebar .listing-item,
  .listing--filmstrip .listing-item {
    padding: 30px 0 0 0;
  }
}

@media (min-width: 45.5em) {
  .listing--grid-inc-sidebar .querywidget-more {
    margin-right: 330px;
  }
}

@media (min-width: 45.5em) {
  .listing--grid .listing-item,
  .listing--grid-inc-sidebar .listing-item {
    flex-basis: 50%;
  }
  .listing--grid .listing-item:nth-child(-n+2),
  .listing--grid .single-sidebar ~ .listing-item:nth-child(3),
  .listing--grid-inc-sidebar .listing-item:nth-child(-n+2),
  .listing--grid-inc-sidebar .single-sidebar ~ .listing-item:nth-child(3) {
    margin-top: 0 !important;
  }
}

@media (min-width: 45.5em) {
  .listing--filmstrip .listing-item {
    flex-basis: 25.33%;
  }
  .listing--filmstrip.filmstrip-3 .listing-item:nth-child(-n+3),
  .listing--filmstrip.filmstrip-3 .single-sidebar ~ .listing-item:nth-child(4) {
    margin-top: 0 !important;
  }
  .listing--filmstrip.filmstrip-4 .listing-item {
    flex-basis: 50%;
  }
  .listing--filmstrip.filmstrip-4 .listing-item:nth-child(-n+2),
  .listing--filmstrip.filmstrip-4 .single-sidebar ~ .listing-item:nth-child(3) {
    margin-top: 0 !important;
  }
  .listing--filmstrip.filmstrip-5 .listing-item {
    flex-basis: 33.33%;
  }
  .listing--filmstrip.filmstrip-5 .listing-item:nth-child(-n+2),
  .listing--filmstrip.filmstrip-5 .single-sidebar ~ .listing-item:nth-child(3) {
    margin-top: 0 !important;
    flex-basis: 50%;
  }
}

@media (min-width: 62em) {
  .listing--filmstrip.filmstrip-4 .listing-item {
    flex-basis: 21%;
  }
  .listing--filmstrip.filmstrip-4 .listing-item:nth-child(-n+4),
  .listing--filmstrip.filmstrip-4 .single-sidebar ~ .listing-item:nth-child(5) {
    margin-top: 0 !important;
  }
  .listing--filmstrip.filmstrip-5 .listing-item {
    flex-basis: 15% !important;
  }
  .listing--filmstrip.filmstrip-5 .listing-item:nth-child(-n+5),
  .listing--filmstrip.filmstrip-5 .single-sidebar ~ .listing-item:nth-child(6) {
    margin-top: 0 !important;
  }
}

.listing--trio .listing-items {
  display: block;
}

.listing--trio .listing-items:after {
  content: "";
  display: table;
  clear: both;
}

.listing--trio .listing-item {
  float: left;
  width: 100%;
}

@media (min-width: 45.5em) {
  .listing--trio .listing-item {
    width: 50%;
  }
}

.listing--trio .listing-item .entry-content,
.listing--trio .listing-item .entry-media {
  flex-basis: calc(50% - 15px);
}

.listing--trio .listing-item:first-child {
  width: 100%;
}

.listing--trio .listing-item:first-child .entry-content,
.listing--trio .listing-item:first-child .entry-media {
  flex-basis: 100%;
}

.listing--trio .listing-item:first-child .entry-content {
  position: absolute;
}

@media (min-width: 62em) {
  .listing--trio .listing-item:first-child {
    width: 50%;
  }
}

.listing--trio.s-container--full {
  margin-top: 0;
}

.listing--recirculation {
  background: #f7f7f7 !important;
  border-radius: 5px;
  padding: 15px !important;
  margin-top: 10px !important;
}

.listing--recirculation h2 {
  margin-bottom: 15px;
  font-size: 1.5em;
  color: #404040;
}

.listing--recirculation .listing-items {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.listing--recirculation .listing-items .listing-item {
  margin-bottom: 5px;
}

.listing--recirculation .listing-items .listing-item .listing-entry {
  display: flex;
}

.listing--recirculation .listing-items .listing-item .listing-entry .entry-media {
  flex-basis: 30%;
}

.listing--recirculation .listing-items .listing-item .listing-entry .entry-content {
  flex-basis: 64%;
  padding-top: 0;
  margin-left: 15px;
}

.listing--recirculation .listing-items .listing-item .listing-entry h3 {
  font-size: 0.9em;
  color: #404040;
}

.listing--recirculation .btn {
  width: 100%;
}

@media (min-width: 45.5em) {
  .listing--recirculation-b {
    padding: 30px !important;
  }
  .listing--recirculation-b .listing-entry h3 {
    font-size: 1.25em;
  }
}

/**
 * --------------------------------------------------
 *  7. Listing Styles
 * --------------------------------------------------
 */
.listing--hero {
  text-align: center;
  overflow: visible;
}

.listing--hero a {
  color: #404040;
}

.listing--hero a {
  color: #404040;
}

.listing--hero h2 {
  transition: all 150ms ease;
  line-height: 1em;
  display: inline-block;
  padding: 0 0 5px 0;
  transition: all 150ms ease;
  margin: 30px 0;
}

.listing--hero h2 a {
  color: #404040;
  transition: all 150ms ease;
}

.listing--hero h2 a:hover {
  color: #000000;
}

.listing--hero h2 a {
  color: #404040;
  transition: all 150ms ease;
}

.listing--hero h2 a:hover {
  color: #000000;
}

@media (min-width: 45.5em) {
  .listing--hero h2 {
    margin: 0 0 30px 0;
  }
}

.listing--hero h3 {
  color: #460418;
  font-size: 1.4em;
  padding-bottom: 30px;
  transition: all 150ms ease;
  line-height: 1.2;
  color: #460418;
  padding-bottom: 30px;
  transition: all 150ms ease;
  font-size: 1.4em;
}

.listing--hero h3 span {
  background: #ffffff;
  box-shadow: 0.4em 0 0 #ffffff, -0.4em 0 0 #ffffff;
  line-height: 1;
  margin: 0 auto;
  padding: 0.1em 0 0.1em;
}

@media (min-width: 45.5em) {
  .listing--hero h3 {
    font-size: 2.35em;
  }
  .listing--hero h3 span {
    line-height: 1.65;
  }
}

@media (min-width: 45.5em) {
  .listing--hero h3 {
    font-size: 2.35em;
  }
}

.listing--hero .entry-author {
  font-size: 0.7em !important;
  font-weight: 400 !important;
  letter-spacing: 0.03em !important;
  border-top: 1px solid #E8E6E3 !important;
  font-weight: 400 !important;
  margin-top: auto !important;
  font-size: 0.7em !important;
}

.listing--hero .date {
  color: #404040;
  font-family: "Montserrat";
  font-size: 0.7em;
  text-transform: uppercase;
  transition: all 150ms ease;
  letter-spacing: 0.03em;
  border: none;
  color: #404040;
  display: block;
  transition: all 150ms ease;
  font-size: 0.7em;
}

.listing--hero .taxonomy, .listing--hero .taxonomy-signpost {
  background: none;
  color: #404040;
  font-family: "Montserrat";
  font-size: 0.7em;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  background: none;
  color: #404040;
  display: inline-block;
  font-weight: 400;
  padding: 0;
  margin: 0;
  font-size: 0.7em;
}

@media (min-width: 45.5em) {
  .listing--hero .taxonomy, .listing--hero .taxonomy-signpost {
    margin: 0 0 10px -15px;
  }
}

.listing--hero [class^=" icon-content-"], .listing--hero [class*=" icon-content-"] {
  color: #ffffff;
  font-size: 1em;
  line-height: 1;
  position: absolute;
  color: #ffffff;
  position: absolute;
  bottom: 15px;
  right: 15px;
  font-size: 1em;
}

.listing--hero .querywidget-more {
  text-align: center;
  margin: 15px 0 20px 0;
}

@media (min-width: 45.5em) {
  .listing--hero .querywidget-more {
    margin: 15px 0 20px 0;
  }
}

.listing--hero .widget-intro-text {
  margin: 15px 0 -15px 0;
}

@media (min-width: 45.5em) {
  .listing--hero .widget-intro-text {
    margin: -15px 0 30px 0;
  }
}

.listing--hero .listing-item:hover h3 {
  color: #404040;
  color: #404040;
}

.listing--hero .listing-item:hover .listing-entry {
  box-shadow: 2px 2px 4px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 4px 4px rgba(0, 0, 0, 0.1);
}

.listing--hero .listing-item:hover .taxonomy, .listing--hero .listing-item:hover .taxonomy-signpost {
  color: #404040;
  color: #404040;
}

.listing--hero .listing-items .listing-item {
  padding-bottom: 15px;
  overflow: visible;
  padding-bottom: 15px;
}

.listing--hero .listing-entry {
  box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
  border-top: 0;
  box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}

.listing--hero .entry-content {
  background: #ffffff;
  text-align: left;
  position: relative;
  align-items: flex-start;
  background: #ffffff;
  display: flex;
  padding: 15px;
  width: 100%;
  max-width: 1000px;
  position: relative;
  left: 50% !important;
  transform: translateX(-50%);
  flex-direction: column;
  justify-content: flex-end;
}

@media (min-width: 45.5em) {
  .listing--hero .entry-content {
    position: absolute;
  }
}

@media (min-width: 45.5em) {
  .listing--hero .entry-content {
    position: absolute;
  }
}

.listing--hero .entry-content:before {
  display: none;
}

.listing--hero .entry-media {
  width: 100%;
}

.listing--hero .entry-media:after {
  display: none;
}

.listing--hero .entry-media .icon-content-post {
  display: none;
}

.listing--hero .entry-media-inner:after {
  background: rgba(0, 0, 0, 0);
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  transition: all 150ms ease;
  top: 0;
  width: 100%;
}

.listing--hero .entry-media-inner:hover:after {
  background: rgba(0, 0, 0, 0.2);
}

.listing--hero .entry-content {
  bottom: 0;
  top: auto;
  left: 0;
}

.listing--hero-b {
  padding-top: 15px;
  padding-top: 15px;
  margin-bottom: 0;
}

@media (min-width: 45.5em) {
  .listing--hero-b {
    padding-top: 45px;
  }
}

@media (min-width: 45.5em) {
  .listing--hero-b {
    padding-top: 45px;
  }
}

.listing--hero-b .entry-content:before {
  display: none;
}

.listing--hero-b .entry-media {
  width: 100%;
}

.listing--hero-b .entry-media:after {
  display: none;
}

.listing--hero-b .entry-media .icon-content-post {
  display: none;
}

.listing--hero-c .entry-content:before {
  display: none;
}

.listing--hero-c .entry-media {
  width: 100%;
}

.listing--hero-c .entry-media:after {
  display: none;
}

.listing--hero-c .entry-media .icon-content-post {
  display: none;
}

.listing--single {
  background: white;
  text-align: left;
  background: white;
}

.listing--single a {
  color: #404040;
}

@media (min-width: 45.5em) {
  .listing--single {
    background: transparent;
  }
}

.listing--single a {
  color: #404040;
}

@media (min-width: 45.5em) {
  .listing--single {
    background: transparent;
  }
}

.listing--single p {
  margin-bottom: 15px;
}

.listing--single h2 {
  transition: all 150ms ease;
  line-height: 1em;
  display: inline-block;
  padding: 0 0 5px 0;
  transition: all 150ms ease;
  margin: 30px 0 20px 0;
}

.listing--single h2 a {
  color: #404040;
  transition: all 150ms ease;
}

.listing--single h2 a:hover {
  color: #000000;
}

.listing--single h2 a {
  color: #404040;
  transition: all 150ms ease;
}

.listing--single h2 a:hover {
  color: #000000;
}

.listing--single h3 {
  color: #460418;
  padding-bottom: 30px;
  transition: all 150ms ease;
  color: #460418;
  padding: 0 0 15px 0;
  padding-bottom: 30px;
  transition: all 150ms ease;
  margin: 0;
  margin-bottom: 10px;
}

.listing--single .entry-author {
  font-family: "Montserrat";
  font-size: 0.7em !important;
  font-weight: 400 !important;
  text-transform: uppercase;
  letter-spacing: 0.03em !important;
  border-top: 1px solid #E8E6E3 !important;
  font-weight: 400 !important;
  padding: 10px 0 0 0;
  margin-top: auto !important;
  font-size: 0.7em !important;
}

.listing--single .date {
  color: #404040;
  font-family: "Montserrat";
  font-size: 0.7em;
  text-transform: uppercase;
  transition: all 150ms ease;
  letter-spacing: 0.03em;
  border: none;
  color: #404040;
  display: block;
  transition: all 150ms ease;
  font-size: 0.7em;
}

.listing--single .taxonomy, .listing--single .taxonomy-signpost {
  background: none;
  color: #404040;
  font-family: "Montserrat";
  font-size: 0.7em;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  background: none;
  color: #404040;
  display: inline-block;
  font-weight: 400;
  padding: 0;
  margin: 0 0 0 0;
  font-size: 0.7em;
}

.listing--single [class^=" icon-content-"], .listing--single [class*=" icon-content-"] {
  color: #ffffff;
  font-size: 1em;
  line-height: 1;
  position: absolute;
  color: #ffffff;
  position: absolute;
  bottom: 15px;
  right: 15px;
  font-size: 1em;
}

.listing--single .querywidget-more {
  text-align: center;
  margin: 15px 0 20px 0;
}

@media (min-width: 45.5em) {
  .listing--single .querywidget-more {
    margin: 15px 0 20px 0;
  }
}

.listing--single .widget-intro-text {
  margin: 15px 0 -15px 0;
}

@media (min-width: 45.5em) {
  .listing--single .widget-intro-text {
    margin: -15px 0 30px 0;
  }
}

.listing--single .listing-item:hover h3 {
  color: #404040;
  color: #404040;
}

.listing--single .listing-item:hover .listing-entry {
  box-shadow: 2px 2px 4px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 4px 4px rgba(0, 0, 0, 0.1);
}

.listing--single .listing-item:hover .author {
  color: #460418;
  color: #460418;
}

.listing--single .listing-item:hover .taxonomy, .listing--single .listing-item:hover .taxonomy-signpost {
  color: #404040;
  color: #404040;
}

.listing--single .listing-items .listing-item {
  padding-bottom: 15px;
  padding-bottom: 15px;
}

.listing--single .listing-entry {
  padding-bottom: 0;
  border-bottom: 1px #ececec solid;
  box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
  border-top: 0;
  border-bottom: 1px #ececec solid;
  box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
  padding-bottom: 0;
  margin-bottom: 0;
  border-radius: 2px;
}

@media (min-width: 45.5em) {
  .listing--single .listing-entry {
    padding-bottom: 30px;
  }
}

@media (min-width: 45.5em) {
  .listing--single .listing-entry {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}

.listing--single .entry-content {
  background: #ffffff;
  background: #ffffff;
  display: flex;
  padding: 15px;
  flex-direction: column;
}

.listing--single .entry-content:before {
  display: none;
}

.listing--single .entry-media {
  width: 100%;
}

.listing--single .entry-media:after {
  display: none;
}

.listing--single .entry-media .icon-content-post {
  display: none;
}

.listing--single .entry-media-inner:after {
  background: rgba(0, 0, 0, 0);
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  transition: all 150ms ease;
  top: 0;
  width: 100%;
}

.listing--single .entry-media-inner:hover:after {
  background: rgba(0, 0, 0, 0.2);
}

.listing--single .listing-item:first-child,
.listing--single .ad-container ~ .listing-item:nth-child(2) {
  margin-top: 0px;
}

@media (max-width: 45.49em) {
  .listing--single .listing-item {
    margin-top: 30px;
  }
}

@media (min-width: 62em) {
  .listing--single .entry-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .listing--single .entry-media {
    display: block;
  }
  .listing--single .listing-entry {
    display: flex;
    flex-direction: row;
    width: 100%;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .listing--single .listing-entry .entry-content {
    flex-basis: 40%;
  }
  .listing--single .listing-entry .entry-media {
    flex-basis: 50%;
  }
  .listing--single .listing-entry .entry-media img {
    height: auto;
  }
}

.listing--single-b {
  text-align: left;
}

.listing--single-b h2 {
  margin: 0 0 20px 0;
  margin-top: 15px;
}

.listing--single-b h3 {
  font-size: 0.9em;
  padding: 0;
  margin: 0 !important;
  font-size: 0.9em;
}

@media (min-width: 62em) {
  .listing--single-b h3 {
    font-size: 0.9em;
  }
}

@media (min-width: 62em) {
  .listing--single-b h3 {
    max-width: 100%;
    font-size: 0.9em;
  }
}

.listing--single-b .taxonomy, .listing--single-b .taxonomy-signpost {
  text-transform: uppercase;
  border-bottom: 2px #404040 solid;
  border-bottom: 2px #404040 solid;
  display: inline-block;
  margin: 0 0 10px;
}

.listing--single-b [class^=" icon-content-"], .listing--single-b [class*=" icon-content-"] {
  display: none;
}

.listing--single-b .listing-item .entry-media {
  width: 33%;
}

.listing--single-b .listing-item:hover .entry-media {
  width: 33%;
}

.listing--single-b .listing-entry {
  padding-bottom: 15px;
  padding-bottom: 15px;
  margin-bottom: 0;
}

.listing--single-b .entry-content {
  transition: all 150ms ease;
  align-items: left;
  transition: all 150ms ease;
}

.listing--single-b .entry-content:before {
  display: none;
}

.listing--single-b .entry-media {
  width: 100%;
}

.listing--single-b .entry-media:after {
  display: none;
}

.listing--single-b .entry-media .icon-content-post {
  display: none;
}

@media (max-width: 45.49em) {
  .listing--single-b .listing-item {
    margin-top: 15px;
  }
}

@media (min-width: 45.5em) {
  .listing--single-b .listing-items {
    margin-left: 0;
    margin-right: 0;
  }
  .listing--single-b .listing-item {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

.listing--single-b .entry-content {
  display: flex;
  flex-direction: column;
  justify-content: left;
}

.listing--single-b .entry-media {
  display: block;
}

.listing--single-b .listing-entry {
  display: flex;
  flex-direction: row;
  width: 100%;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.listing--single-b .listing-entry .entry-content {
  flex-basis: 56.6667%;
}

.listing--single-b .listing-entry .entry-media {
  flex-basis: 33.3333%;
}

.listing--single-b .listing-entry .entry-media img {
  height: auto;
}

@media (min-width: 62em) {
  .listing--single-b .entry-content {
    display: flex;
    flex-direction: column;
    justify-content: left;
  }
  .listing--single-b .entry-media {
    display: block;
  }
  .listing--single-b .listing-entry {
    display: flex;
    flex-direction: row;
    width: 100%;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .listing--single-b .listing-entry .entry-content {
    flex-basis: 56.6667%;
  }
  .listing--single-b .listing-entry .entry-media {
    flex-basis: 33.3333%;
  }
  .listing--single-b .listing-entry .entry-media img {
    height: auto;
  }
}

.listing--single-c .entry-content:before {
  display: none;
}

.listing--single-c .entry-media {
  width: 100%;
}

.listing--single-c .entry-media:after {
  display: none;
}

.listing--single-c .entry-media .icon-content-post {
  display: none;
}

.listing--grid {
  font-size: 0.8em;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8em;
}

.listing--grid a {
  color: #404040;
}

@media (min-width: 45.5em) {
  .listing--grid {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}

.listing--grid a {
  color: #404040;
}

@media (min-width: 45.5em) {
  .listing--grid {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}

.listing--grid p {
  margin-bottom: 15px;
}

.listing--grid h2 {
  transition: all 150ms ease;
  line-height: 1em;
  display: inline-block;
  padding: 0 0 5px 0;
  transition: all 150ms ease;
  margin: 30px 0 20px 0;
}

.listing--grid h2 a {
  color: #404040;
  transition: all 150ms ease;
}

.listing--grid h2 a:hover {
  color: #000000;
}

.listing--grid h2 a {
  color: #404040;
  transition: all 150ms ease;
}

.listing--grid h2 a:hover {
  color: #000000;
}

.listing--grid h3 {
  color: #460418;
  padding-bottom: 30px;
  transition: all 150ms ease;
  color: #460418;
  padding-bottom: 30px;
  transition: all 150ms ease;
  margin-bottom: 10px;
}

.listing--grid .entry-author {
  font-family: "Montserrat";
  font-size: 0.7em !important;
  font-weight: 400 !important;
  text-transform: uppercase;
  letter-spacing: 0.03em !important;
  border-top: 1px solid #E8E6E3 !important;
  font-weight: 400 !important;
  padding: 10px 0 0 0;
  margin-top: auto !important;
  font-size: 0.7em !important;
}

.listing--grid .date {
  color: #404040;
  font-family: "Montserrat";
  font-size: 0.7em;
  text-transform: uppercase;
  transition: all 150ms ease;
  letter-spacing: 0.03em;
  border: none;
  color: #404040;
  display: block;
  transition: all 150ms ease;
  font-size: 0.7em;
}

.listing--grid .taxonomy, .listing--grid .taxonomy-signpost {
  background: none;
  color: #404040;
  font-family: "Montserrat";
  font-size: 0.7em;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  background: none;
  color: #404040;
  display: inline-block;
  font-weight: 400;
  padding: 0;
  margin: 0 0 0 0;
  font-size: 0.7em;
}

.listing--grid [class^=" icon-content-"], .listing--grid [class*=" icon-content-"] {
  color: #ffffff;
  font-size: 1em;
  line-height: 1;
  position: absolute;
  color: #ffffff;
  position: absolute;
  bottom: 15px;
  right: 15px;
  font-size: 1em;
}

.listing--grid .querywidget-more {
  text-align: center;
  margin: 15px 0 20px 0;
}

@media (min-width: 45.5em) {
  .listing--grid .querywidget-more {
    margin: 15px 0 20px 0;
  }
}

.listing--grid .widget-intro-text {
  margin: 15px 0 -15px 0;
}

@media (min-width: 45.5em) {
  .listing--grid .widget-intro-text {
    margin: -15px 0 30px 0;
  }
}

.listing--grid .listing-item:hover h3 {
  color: #404040;
  color: #404040;
}

.listing--grid .listing-item:hover .listing-entry {
  box-shadow: 2px 2px 4px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 4px 4px rgba(0, 0, 0, 0.1);
}

.listing--grid .listing-item:hover .author {
  color: #460418;
  color: #460418;
}

.listing--grid .listing-item:hover .taxonomy, .listing--grid .listing-item:hover .taxonomy-signpost {
  color: #404040;
  color: #404040;
}

.listing--grid .listing-items .listing-item {
  padding-bottom: 15px;
  padding-bottom: 15px;
}

.listing--grid .listing-entry {
  box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
  border-top: 0;
  box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}

.listing--grid .entry-content {
  background: #ffffff;
  background: #ffffff;
  display: flex;
  padding: 15px;
  flex-direction: column;
}

.listing--grid .entry-content:before {
  display: none;
}

.listing--grid .entry-media {
  width: 100%;
}

.listing--grid .entry-media:after {
  display: none;
}

.listing--grid .entry-media .icon-content-post {
  display: none;
}

.listing--grid .entry-media-inner:after {
  background: rgba(0, 0, 0, 0);
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  transition: all 150ms ease;
  top: 0;
  width: 100%;
}

.listing--grid .entry-media-inner:hover:after {
  background: rgba(0, 0, 0, 0.2);
}

@media (max-width: 45.49em) {
  .listing--grid .listing-item {
    margin-top: 30px;
  }
}

@media (min-width: 62em) {
  .listing--grid .entry-content {
    display: flex;
    flex-direction: column;
  }
  .listing--grid .entry-media {
    display: block;
  }
  .listing--grid .listing-entry {
    display: flex;
    flex-direction: row;
    width: 100%;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .listing--grid .listing-entry .entry-content {
    flex-basis: 40%;
  }
  .listing--grid .listing-entry .entry-media {
    flex-basis: 50%;
  }
  .listing--grid .listing-entry .entry-media img {
    height: auto;
  }
}

.listing--grid-b .entry-content:before {
  display: none;
}

.listing--grid-b .entry-media {
  width: 100%;
}

.listing--grid-b .entry-media:after {
  display: none;
}

.listing--grid-b .entry-media .icon-content-post {
  display: none;
}

.listing--filmstrip {
  background: #e8e6e3;
  text-align: center;
  background: #e8e6e3;
  overflow: hidden;
  margin: 0;
}

.listing--filmstrip a {
  color: #404040;
}

.listing--filmstrip a {
  color: #404040;
}

.listing--filmstrip h2 {
  text-transform: none;
  transition: all 150ms ease;
  line-height: 1em;
  display: inline-block;
  padding: 0 0 5px 0;
  max-width: 1440px;
  transition: all 150ms ease;
  margin: 30px auto;
}

.listing--filmstrip h2 a {
  color: #404040;
  transition: all 150ms ease;
}

.listing--filmstrip h2 a:hover {
  color: #460418;
}

.listing--filmstrip h2 a {
  color: #404040;
  transition: all 150ms ease;
}

.listing--filmstrip h2 a:hover {
  color: #460418;
}

.listing--filmstrip h3 {
  color: #460418;
  padding-bottom: 30px;
  transition: all 150ms ease;
  color: #460418;
  padding-bottom: 30px;
  transition: all 150ms ease;
  margin: 7px 0 15px 0;
}

.listing--filmstrip .entry-author {
  font-size: 0.7em !important;
  font-weight: 400 !important;
  text-transform: uppercase;
  letter-spacing: 0.03em !important;
  border-top: 1px solid #E8E6E3 !important;
  font-weight: 400 !important;
  padding: 10px 0 0 0;
  margin-top: auto !important;
  font-size: 0.7em !important;
}

.listing--filmstrip .date {
  color: #404040;
  font-family: "Montserrat";
  font-size: 0.7em;
  text-transform: uppercase;
  transition: all 150ms ease;
  letter-spacing: 0.03em;
  border: none;
  color: #404040;
  display: block;
  transition: all 150ms ease;
  font-size: 0.7em;
}

.listing--filmstrip .taxonomy, .listing--filmstrip .taxonomy-signpost {
  background: none;
  color: #404040;
  font-family: "Montserrat";
  font-size: 0.7em;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  background: none;
  color: #404040;
  display: inline-block;
  font-weight: 400;
  padding: 0;
  margin: 0 0 0 0;
  font-size: 0.7em;
}

.listing--filmstrip [class^=" icon-content-"], .listing--filmstrip [class*=" icon-content-"] {
  color: #ffffff;
  font-size: 1em;
  line-height: 1;
  position: absolute;
  color: #ffffff;
  position: absolute;
  bottom: 15px;
  right: 15px;
  font-size: 1em;
}

.listing--filmstrip .querywidget-more {
  text-align: center;
  margin: 0 0 15px 0;
}

@media (min-width: 45.5em) {
  .listing--filmstrip .querywidget-more {
    margin: 0 0 30px 0;
  }
}

.listing--filmstrip .widget-intro-text {
  margin: 15px 0 -15px 0;
}

@media (min-width: 45.5em) {
  .listing--filmstrip .widget-intro-text {
    margin: -15px 0 30px 0;
  }
}

.listing--filmstrip .listing-item:hover h3 {
  color: #404040;
  color: #404040;
}

.listing--filmstrip .listing-item:hover .listing-entry {
  box-shadow: 2px 2px 4px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 4px 4px rgba(0, 0, 0, 0.1);
}

.listing--filmstrip .listing-item:hover .taxonomy, .listing--filmstrip .listing-item:hover .taxonomy-signpost {
  color: #404040;
  color: #404040;
}

@media (min-width: 45.5em) {
  .listing--filmstrip.s-container {
    box-sizing: border-box;
  }
}

.listing--filmstrip .listing-items .listing-item {
  padding-bottom: 15px;
  padding-bottom: 15px;
}

.listing--filmstrip .listing-entry {
  box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
  border-top: 0;
  box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}

.listing--filmstrip .entry-content {
  background: #ffffff;
  font-family: "Montserrat";
  text-align: left;
  transition: all 150ms ease;
  background: #ffffff;
  display: flex;
  padding: 15px;
  transition: all 150ms ease;
  flex-direction: column;
}

.listing--filmstrip .entry-content:before {
  display: none;
}

.listing--filmstrip .entry-media {
  width: 100%;
}

.listing--filmstrip .entry-media:after {
  display: none;
}

.listing--filmstrip .entry-media .icon-content-post {
  display: none;
}

.listing--filmstrip .entry-media-inner:after {
  background: rgba(0, 0, 0, 0);
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  transition: all 150ms ease;
  top: 0;
  width: 100%;
}

.listing--filmstrip .entry-media-inner:hover:after {
  background: rgba(0, 0, 0, 0.2);
}

.listing--filmstrip-b {
  background: #B0D0D3;
  background: #B0D0D3;
  margin-top: 0;
}

@media (min-width: 45.5em) {
  .listing--filmstrip-b.s-container {
    box-sizing: border-box;
  }
}

.listing--filmstrip-b .entry-content {
  text-align: left;
}

.listing--filmstrip-b .entry-content:before {
  display: none;
}

.listing--filmstrip-b .entry-media {
  width: 100%;
}

.listing--filmstrip-b .entry-media:after {
  display: none;
}

.listing--filmstrip-b .entry-media .icon-content-post {
  display: none;
}

.listing--filmstrip-c {
  background: #460418;
  background: #460418;
}

.listing--filmstrip-c h2 a {
  color: #ffffff;
}

.listing--filmstrip-c h2 a:hover {
  color: #000000;
}

.listing--filmstrip-c h2 a {
  color: #ffffff;
}

.listing--filmstrip-c h2 a:hover {
  color: #000000;
}

.listing--filmstrip-c .taxonomy, .listing--filmstrip-c .taxonomy-signpost {
  border-radius: 3px;
}

@media (min-width: 45.5em) {
  .listing--filmstrip-c.s-container {
    box-sizing: border-box;
  }
}

.listing--filmstrip-c .entry-content:before {
  display: none;
}

.listing--filmstrip-c .entry-media {
  width: 100%;
}

.listing--filmstrip-c .entry-media:after {
  display: none;
}

.listing--filmstrip-c .entry-media .icon-content-post {
  display: none;
}

.listing--single-inc-sidebar {
  background: white;
  text-align: left;
  background: white;
}

.listing--single-inc-sidebar a {
  color: #404040;
}

@media (min-width: 45.5em) {
  .listing--single-inc-sidebar {
    background: transparent;
  }
}

.listing--single-inc-sidebar a {
  color: #404040;
}

@media (min-width: 45.5em) {
  .listing--single-inc-sidebar {
    background: transparent;
  }
}

.listing--single-inc-sidebar p {
  margin-bottom: 15px;
}

.listing--single-inc-sidebar h2 {
  transition: all 150ms ease;
  line-height: 1em;
  display: inline-block;
  padding: 0 0 5px 0;
  transition: all 150ms ease;
  margin: 30px 0 20px 0;
}

.listing--single-inc-sidebar h2 a {
  color: #404040;
  transition: all 150ms ease;
}

.listing--single-inc-sidebar h2 a:hover {
  color: #000000;
}

.listing--single-inc-sidebar h2 a {
  color: #404040;
  transition: all 150ms ease;
}

.listing--single-inc-sidebar h2 a:hover {
  color: #000000;
}

.listing--single-inc-sidebar h3 {
  color: #460418;
  padding-bottom: 30px;
  transition: all 150ms ease;
  color: #460418;
  padding: 0 0 15px 0;
  padding-bottom: 30px;
  transition: all 150ms ease;
  margin: 0;
  margin-bottom: 10px;
}

.listing--single-inc-sidebar .entry-author {
  font-family: "Montserrat";
  font-size: 0.7em !important;
  font-weight: 400 !important;
  text-transform: uppercase;
  letter-spacing: 0.03em !important;
  border-top: 1px solid #E8E6E3 !important;
  font-weight: 400 !important;
  padding: 10px 0 0 0;
  margin-top: auto !important;
  font-size: 0.7em !important;
}

.listing--single-inc-sidebar .date {
  color: #404040;
  font-family: "Montserrat";
  font-size: 0.7em;
  text-transform: uppercase;
  transition: all 150ms ease;
  letter-spacing: 0.03em;
  border: none;
  color: #404040;
  display: block;
  transition: all 150ms ease;
  font-size: 0.7em;
}

.listing--single-inc-sidebar .taxonomy, .listing--single-inc-sidebar .taxonomy-signpost {
  background: none;
  color: #404040;
  font-family: "Montserrat";
  font-size: 0.7em;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  background: none;
  color: #404040;
  display: inline-block;
  font-weight: 400;
  padding: 0;
  margin: 0 0 0 0;
  margin-top: auto;
  font-size: 0.7em;
}

.listing--single-inc-sidebar [class^=" icon-content-"], .listing--single-inc-sidebar [class*=" icon-content-"] {
  color: #ffffff;
  font-size: 1em;
  line-height: 1;
  position: absolute;
  color: #ffffff;
  position: absolute;
  bottom: 15px;
  right: 15px;
  font-size: 1em;
}

.listing--single-inc-sidebar .querywidget-more {
  text-align: center;
  margin: 15px 0 20px 0;
}

@media (min-width: 45.5em) {
  .listing--single-inc-sidebar .querywidget-more {
    margin: 15px 0 20px 0;
  }
}

.listing--single-inc-sidebar .widget-intro-text {
  margin: 15px 0 -15px 0;
}

@media (min-width: 45.5em) {
  .listing--single-inc-sidebar .widget-intro-text {
    margin: -15px 0 30px 0;
  }
}

.listing--single-inc-sidebar .is-premium-badge div {
  position: relative !important;
  position: relative !important;
  left: -5px !important;
  bottom: auto !important;
  right: unset !important;
}

.listing--single-inc-sidebar .listing-item:hover h3 {
  color: #404040;
  color: #404040;
}

.listing--single-inc-sidebar .listing-item:hover .listing-entry {
  box-shadow: 2px 2px 4px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 4px 4px rgba(0, 0, 0, 0.1);
}

.listing--single-inc-sidebar .listing-item:hover .author {
  color: #460418;
  color: #460418;
}

.listing--single-inc-sidebar .listing-item:hover .taxonomy, .listing--single-inc-sidebar .listing-item:hover .taxonomy-signpost {
  color: #404040;
  color: #404040;
}

.listing--single-inc-sidebar .listing-items .listing-item {
  padding-bottom: 15px;
  padding-bottom: 15px;
}

.listing--single-inc-sidebar .listing-entry {
  padding-bottom: 0 !important;
  border-bottom: 1px #ececec solid;
  box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
  border: 1px solid #ececec !important;
  border-top: 0;
  border-bottom: 1px #ececec solid;
  box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
  padding-bottom: 0 !important;
  margin-bottom: 0;
  border-radius: 2px;
}

@media (min-width: 45.5em) {
  .listing--single-inc-sidebar .listing-entry {
    padding-bottom: 30px;
  }
}

@media (min-width: 45.5em) {
  .listing--single-inc-sidebar .listing-entry {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}

.listing--single-inc-sidebar .entry-content {
  background: #ffffff;
  background: #ffffff;
  display: flex;
  padding: 30px;
  flex-direction: column;
}

.listing--single-inc-sidebar .entry-content:before {
  display: none;
}

.listing--single-inc-sidebar .entry-media {
  width: 100%;
}

.listing--single-inc-sidebar .entry-media:after {
  display: none;
}

.listing--single-inc-sidebar .entry-media .icon-content-post {
  display: none;
}

.listing--single-inc-sidebar .entry-media-inner:after {
  background: rgba(0, 0, 0, 0);
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  transition: all 150ms ease;
  top: 0;
  width: 100%;
}

.listing--single-inc-sidebar .entry-media-inner:hover:after {
  background: rgba(0, 0, 0, 0.2);
}

.listing--single-inc-sidebar .listing-item:first-child,
.listing--single-inc-sidebar .ad-container ~ .listing-item:nth-child(2) {
  margin-top: 0px;
}

@media (max-width: 45.49em) {
  .listing--single-inc-sidebar .listing-item {
    margin-top: 30px;
  }
}

@media (min-width: 62em) {
  .listing--single-inc-sidebar .entry-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .listing--single-inc-sidebar .entry-media {
    display: block;
  }
  .listing--single-inc-sidebar .listing-entry {
    display: flex;
    flex-direction: row;
    width: 100%;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .listing--single-inc-sidebar .listing-entry .entry-content {
    flex-basis: 40%;
  }
  .listing--single-inc-sidebar .listing-entry .entry-media {
    flex-basis: 50%;
  }
  .listing--single-inc-sidebar .listing-entry .entry-media img {
    height: auto;
  }
}

.listing--single-inc-sidebar-b .entry-content:before {
  display: none;
}

.listing--single-inc-sidebar-b .entry-media {
  width: 100%;
}

.listing--single-inc-sidebar-b .entry-media:after {
  display: none;
}

.listing--single-inc-sidebar-b .entry-media .icon-content-post {
  display: none;
}

.listing--single-inc-sidebar-c .entry-content:before {
  display: none;
}

.listing--single-inc-sidebar-c .entry-media {
  width: 100%;
}

.listing--single-inc-sidebar-c .entry-media:after {
  display: none;
}

.listing--single-inc-sidebar-c .entry-media .icon-content-post {
  display: none;
}

.listing--grid-inc-sidebar a {
  color: #404040;
}

.listing--grid-inc-sidebar a {
  color: #404040;
}

.listing--grid-inc-sidebar p {
  margin-bottom: 15px;
}

.listing--grid-inc-sidebar h2 {
  transition: all 150ms ease;
  line-height: 1em;
  display: inline-block;
  padding: 0 0 5px 0;
  transition: all 150ms ease;
  margin: 30px 0 20px 0;
}

.listing--grid-inc-sidebar h2 a {
  color: #404040;
  transition: all 150ms ease;
}

.listing--grid-inc-sidebar h2 a:hover {
  color: #000000;
}

.listing--grid-inc-sidebar h2 a {
  color: #404040;
  transition: all 150ms ease;
}

.listing--grid-inc-sidebar h2 a:hover {
  color: #000000;
}

.listing--grid-inc-sidebar h3 {
  color: #460418;
  padding-bottom: 30px;
  transition: all 150ms ease;
  color: #460418;
  padding-bottom: 30px;
  transition: all 150ms ease;
  margin-bottom: 10px;
}

.listing--grid-inc-sidebar .entry-author {
  font-family: "Montserrat";
  font-size: 0.7em !important;
  font-weight: 400 !important;
  text-transform: uppercase;
  letter-spacing: 0.03em !important;
  border-top: 1px solid #E8E6E3 !important;
  font-weight: 400 !important;
  padding: 10px 0 0 0;
  margin-top: auto !important;
  font-size: 0.7em !important;
}

.listing--grid-inc-sidebar .date {
  color: #404040;
  font-family: "Montserrat";
  font-size: 0.7em;
  text-transform: uppercase;
  transition: all 150ms ease;
  letter-spacing: 0.03em;
  border: none;
  color: #404040;
  display: block;
  transition: all 150ms ease;
  font-size: 0.7em;
}

.listing--grid-inc-sidebar .taxonomy, .listing--grid-inc-sidebar .taxonomy-signpost {
  background: none;
  color: #404040;
  font-family: "Montserrat";
  font-size: 0.7em;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  background: none;
  color: #404040;
  display: inline-block;
  font-weight: 400;
  padding: 0;
  margin: 0 0 0 0;
  font-size: 0.7em;
}

.listing--grid-inc-sidebar [class^=" icon-content-"], .listing--grid-inc-sidebar [class*=" icon-content-"] {
  color: #ffffff;
  font-size: 1em;
  line-height: 1;
  position: absolute;
  color: #ffffff;
  position: absolute;
  bottom: 15px;
  right: 15px;
  font-size: 1em;
}

.listing--grid-inc-sidebar .querywidget-more {
  text-align: center;
  margin: 15px 0 20px 0;
}

@media (min-width: 45.5em) {
  .listing--grid-inc-sidebar .querywidget-more {
    margin: 15px 0 20px 0;
  }
}

.listing--grid-inc-sidebar .widget-intro-text {
  margin: 15px 0 -15px 0;
}

@media (min-width: 45.5em) {
  .listing--grid-inc-sidebar .widget-intro-text {
    margin: -15px 0 30px 0;
  }
}

.listing--grid-inc-sidebar .listing-item:hover h3 {
  color: #404040;
  color: #404040;
}

.listing--grid-inc-sidebar .listing-item:hover .listing-entry {
  box-shadow: 2px 2px 4px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 4px 4px rgba(0, 0, 0, 0.1);
}

.listing--grid-inc-sidebar .listing-item:hover .author {
  color: #460418;
  color: #460418;
}

.listing--grid-inc-sidebar .listing-item:hover .taxonomy, .listing--grid-inc-sidebar .listing-item:hover .taxonomy-signpost {
  color: #404040;
  color: #404040;
}

.listing--grid-inc-sidebar .listing-items .listing-item {
  padding-bottom: 15px;
  padding-bottom: 15px;
}

.listing--grid-inc-sidebar .listing-entry {
  box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
  border-top: 0;
  box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}

.listing--grid-inc-sidebar .entry-content {
  background: #ffffff;
  background: #ffffff;
  display: flex;
  padding: 15px;
  flex-direction: column;
}

.listing--grid-inc-sidebar .entry-content:before {
  display: none;
}

.listing--grid-inc-sidebar .entry-media {
  width: 100%;
}

.listing--grid-inc-sidebar .entry-media:after {
  display: none;
}

.listing--grid-inc-sidebar .entry-media .icon-content-post {
  display: none;
}

.listing--grid-inc-sidebar .entry-media-inner:after {
  background: rgba(0, 0, 0, 0);
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  transition: all 150ms ease;
  top: 0;
  width: 100%;
}

.listing--grid-inc-sidebar .entry-media-inner:hover:after {
  background: rgba(0, 0, 0, 0.2);
}

.listing--grid-inc-sidebar-b .entry-content:before {
  display: none;
}

.listing--grid-inc-sidebar-b .entry-media {
  width: 100%;
}

.listing--grid-inc-sidebar-b .entry-media:after {
  display: none;
}

.listing--grid-inc-sidebar-b .entry-media .icon-content-post {
  display: none;
}

.listing--grid-inc-sidebar-c .entry-content:before {
  display: none;
}

.listing--grid-inc-sidebar-c .entry-media {
  width: 100%;
}

.listing--grid-inc-sidebar-c .entry-media:after {
  display: none;
}

.listing--grid-inc-sidebar-c .entry-media .icon-content-post {
  display: none;
}

.listing--trio .entry-content:before {
  display: none;
}

.listing--trio .entry-media {
  width: 100%;
}

.listing--trio .entry-media:after {
  display: none;
}

.listing--trio .entry-media .icon-content-post {
  display: none;
}

.listing--recirculation .is-premium-badge div {
  position: relative !important;
  position: relative !important;
  bottom: unset !important;
  right: unset !important;
  margin-top: 10px;
}

.listing--recirculation .entry-content:before {
  display: none;
}

.listing--recirculation .entry-media {
  width: 100%;
}

.listing--recirculation .entry-media:after {
  display: none;
}

.listing--recirculation .entry-media .icon-content-post {
  display: none;
}

.listing--recirculation-b .entry-content:before {
  display: none;
}

.listing--recirculation-b .entry-media {
  width: 100%;
}

.listing--recirculation-b .entry-media:after {
  display: none;
}

.listing--recirculation-b .entry-media .icon-content-post {
  display: none;
}

.listing--recirculation-c .entry-content:before {
  display: none;
}

.listing--recirculation-c .entry-media {
  width: 100%;
}

.listing--recirculation-c .entry-media:after {
  display: none;
}

.listing--recirculation-c .entry-media .icon-content-post {
  display: none;
}

/**
 * --------------------------------------------------
 *  8. Listing Override
 * --------------------------------------------------
 */
@media (min-width: 45.5em) {
  .listing--showcase .listing-items {
    display: block;
  }
}

.listing--showcase a {
  color: #460418 !important;
  display: inline;
}

.listing--showcase a:hover {
  color: #000000 !important;
}

.listing--showcase strong {
  font-weight: bold;
}

.listing--showcase h3 {
  color: #000000 !important;
}

.listing--showcase .social-share {
  margin-bottom: 15px;
}

.listing-item .entry-image--review {
  position: relative;
}

.listing-item .entry-image--review .post__award {
  position: absolute;
  top: 10px;
  left: 10px;
  margin: 0 auto;
  text-align: center;
  white-space: nowrap;
  height: 50px;
  width: 100%;
  display: flex;
}

@media (min-width: 45.5em) {
  .listing-item .entry-image--review .post__award {
    height: 75px;
    top: 20px;
    left: 20px;
  }
}

.listing-item .entry-image--review .post__award-image {
  max-width: 100%;
  height: auto;
  display: block;
  width: auto !important;
  min-width: auto;
  position: relative;
  margin-right: 10px;
}

/**
 * --------------------------------------------------
 *  9. Listing Related
 * --------------------------------------------------
 */
.listing-related {
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  padding: 15px 0;
}

/**
 * --------------------------------------------------
 *  4. Components
 *  -- UI components ie. .c-button, c-gallery
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 * --------------------------------------------------
 * The SASS styles for all widgets
 *
 *    1. Widget Titles
 *	  2. Widget Text
 *	  3. Simple Image
 *	  4. TickX
 *	  5. VOEP
 *	  6. Deals
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  1. Widget Titles
 * --------------------------------------------------
 */
.widgettitle {
  position: relative;
}

@media (min-width: 45.5em) {
  .s-sidebar .widgettitle {
    margin-top: 0;
  }
}

@media (max-width: 45.5em) {
  .widgettitle {
    margin: 30px 0 0 0 !important;
  }
}

.text-left .widgettitle {
  text-align: left;
}

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

.text-right .widgettitle {
  text-align: right;
}

/**
 * --------------------------------------------------
 *  2. Widget Text
 * --------------------------------------------------
 */
.widget_text {
  box-sizing: content-box;
  margin: 0 auto;
  max-width: 1440px;
  padding: 0 15px;
  position: relative;
}

.widget_text .s-container {
  margin-bottom: 0 !important;
}

.widget_text .textwidget {
  padding-top: 1em;
}

.widget_text .textwidget p,
.widget_text .textwidget h2 {
  max-width: 750px;
  padding-bottom: 1em;
}

@media (min-width: 45.5em) {
  .widget_text {
    padding: 0 45px;
  }
}

.widget-intro-text {
  margin-left: auto;
  margin-right: auto;
  max-width: 1440px;
}

/**
 * --------------------------------------------------
 *  3. Simple Image
 * --------------------------------------------------
 */
.simple-image img {
  height: auto;
  width: 100%;
}

/**
 * --------------------------------------------------
 *  4. TickX
 * --------------------------------------------------
 */
.tickx-container {
  margin-bottom: 15px;
}

@media (min-width: 45.5em) {
  .tickx-container {
    margin-bottom: 45px;
  }
}

/**
 * --------------------------------------------------
 *  5. VOEP
 * --------------------------------------------------
 */
.keystone-voep-widget {
  margin-bottom: 1.5em !important;
}

/**
 * --------------------------------------------------
 *  6. Deals
 * --------------------------------------------------
 */
.listing-item .deal-treatment:after,
.post-main__inner .deal-treatment:after {
  content: '';
  height: 120%;
  left: -10%;
  position: absolute;
  top: -10%;
  transform: rotate(-45deg);
  width: 120%;
  z-index: -1;
}

.listing-item .deal-treatment:before,
.post-main__inner .deal-treatment:before {
  background-repeat: no-repeat;
  background-size: contain;
  color: #ffffff;
  display: block;
  font-family: "Playfair Display";
  font-size: 1.3em;
  font-weight: bold;
  left: 20px;
  padding: 5px 0 5px 25px;
  position: absolute;
  text-transform: uppercase;
  top: 20px;
  z-index: 3;
}

.post-main__inner .deal-treatment {
  overflow: hidden;
  position: relative;
}

.post-main__inner .deal-treatment:before {
  font-size: 2em;
  padding: 5px 0 5px 35px;
}

/**
 * --------------------------------------------------
 * --------------------------------------------------
 * All SASS for single posts / pages
 *
 *      1. Generic Post Styles
 *      2. Post Header
 *      3. Post Hero
 *      4. Post Hero Overlay
 *      5. Post Credits
 *      6. Post Meta
 *      7. Post Author
 *      8. Post Lead
 *      9. Post Body
 *      10. Post Main
 *      11. Promos
 *      12. Magazine Issues
 *      13. 404
 *		14. Blockquotes
 *		15. Sub Headings
 *		16. Category Posts
 *		17. Collection Posts
 *		18. Outro
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  1. Generic Post Styles
 * --------------------------------------------------
 */
.post {
  position: relative;
}

.post:after {
  content: "";
  display: table;
  clear: both;
}

.post .post-meta ul,
.post .post-gallery-more ul,
.post .post-tags ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.post .btn.ticket-buy-button {
  margin-bottom: 15px;
}

/**
 * --------------------------------------------------
 *  2. Post Header
 * --------------------------------------------------
 */
.post-header {
  margin-bottom: 15px;
  position: relative;
}

.post-header .title-primary {
  max-width: 1200px;
  margin: 15px 0;
}

.post-header .title-primary [class*="icon-content-"]:before {
  font-size: 1em;
  padding-right: 0.25em;
}

.post-header .gallery-count {
  font-size: 0.8em;
}

.post-header .post__award {
  margin-top: 10px;
}

.post-header .post__award-image {
  width: 100px;
}

.post-header__intro {
  padding-bottom: 15px;
  max-width: !important;
  font-size: 120%;
}

@media (min-width: 62em) {
  .post-header__intro {
    max-width: calc(100% - 300px - 30px);
  }
}

/**
 * --------------------------------------------------
 *  3. Post Hero
 * --------------------------------------------------
 */
.post-hero {
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
}

@media (min-width: 45.5em) {
  .post-hero {
    max-height: 78vh;
    overflow: hidden;
  }
}

.post-hero .listing-entry {
  max-height: 78vh;
}

.post-hero .post-hero-inner {
  height: auto;
  margin-bottom: 0;
  padding-bottom: 42.857143%;
  position: relative;
}

.post-hero .post-hero-inner:before {
  display: none;
}

.post-hero .post-hero-inner:after {
  display: none;
}

.post-hero .post-hero-inner > img,
.post-hero .post-hero-inner figure.image > img {
  font-family: "object-fit: cover; object-position: center;";
  height: 100% !important;
  max-height: 100% !important;
  object-fit: cover;
  object-position: center;
  position: absolute;
  width: 100% !important;
}

.post-hero .post-hero-inner.image-crop--top > img {
  font-family: "object-fit: cover; object-position: top;";
  height: 100% !important;
  max-height: 100% !important;
  object-fit: cover;
  object-position: top;
  position: absolute;
  width: 100% !important;
}

.post-hero .post-hero-inner.image-crop--bottom > img {
  font-family: "object-fit: cover; object-position: bottom;";
  height: 100% !important;
  max-height: 100% !important;
  object-fit: cover;
  object-position: bottom;
  position: absolute;
  width: 100% !important;
}

.post-hero.video-jump-wrapper {
  background: black;
}

@media (min-width: 45.5em) {
  .post-hero.video-jump-wrapper {
    max-height: none;
  }
}

.post-hero.video-jump-wrapper .post-hero-inner {
  height: auto;
  margin: 0 auto;
  max-width: 1440px;
  padding-bottom: 0;
  position: relative;
}

.post-hero.video-jump-wrapper .post-hero-inner:after {
  background: transparent;
}

.post-hero.video-jump-wrapper .vjs-control-bar {
  z-index: 99;
}

.post-hero ~ .post-main .post-header {
  border-bottom: 1px #E8E6E3 solid;
  padding-bottom: 15px;
}

.post-hero .s-container {
  float: none;
  margin-bottom: 15px;
}

/**
 * --------------------------------------------------
 *  4. Post Hero Ovelay
 * --------------------------------------------------
 */
.post-hero-overlay {
  border-bottom: none;
  font-size: 0.8em;
  margin: 0;
  max-height: 100%;
  max-width: 90em;
  overflow-y: auto;
  padding: 15px;
  position: absolute;
  z-index: 1;
  transition: font-size 0.2s ease;
  bottom: 0;
  top: auto;
  left: 0;
}

.post-hero-overlay .details {
  margin-right: 8px;
  margin-left: 0;
}

.post-hero-overlay h1, .post-hero-overlay h2, .post-hero-overlay h3 {
  background: #ffffff;
  line-height: 1.65;
  box-shadow: 5px 0 0 #ffffff, -5px 0 0 #ffffff;
  box-decoration-break: clone;
}

@media (min-width: 45.5em) {
  .post-hero-overlay {
    overflow-y: hidden;
    padding: 45px;
  }
  .post-hero-overlay h1,
  .post-hero-overlay h2,
  .post-hero-overlay h3 {
    font-size: 20px !important;
  }
}

@media (min-width: 62em) {
  .post-hero-overlay {
    font-size: 1em;
  }
}

.post-hero-overlay .title-primary {
  background-color: transparent;
  padding: 0;
}

.post-hero-overlay > * {
  flex: 1, 0, 100%;
  margin: 0 0 0.5em;
  text-align: left;
  text-shadow: 0 0px 7px rgba(0, 0, 0, 0.5);
  text-shadow: none;
}

.post-hero-overlay > *:last-child {
  margin-bottom: 0 !important;
}

@media (min-width: 90em) {
  .s-container--full .post-hero-overlay {
    margin-left: calc(50% - ($xl-min / 2));
  }
}

/**
 * --------------------------------------------------
 *  5. Post Credits
 * --------------------------------------------------
 */
.post-hero + .wp-caption-text,
.post-header + .featured-image .wp-caption-text {
  color: #898989;
  font-size: 0.8em;
  margin-top: 0;
}

/**
 * --------------------------------------------------
 *  6. Post Meta
 * --------------------------------------------------
 */
.post-meta {
  border-bottom: 1px #E8E6E3 solid;
  margin: 0 15px 15px;
  padding-bottom: 15px;
}

.post-meta:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 45.5em) {
  .post-meta {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 62em) {
  .post-meta {
    border: none;
    padding-bottom: 0;
  }
}

@media (min-width: 62em) {
  .post-meta.col-md-2 {
    position: absolute;
    width: 150px;
  }
}

/**
 * --------------------------------------------------
 *  7. Post Author
 * --------------------------------------------------
 */
.post-author img {
  border-radius: 100%;
  display: inline-block;
  height: auto;
  margin: 0 10px 0 0;
  max-width: 43px;
  vertical-align: middle;
}

@media (min-width: 45.5em) {
  .post-author img {
    max-width: 75px;
  }
}

.post-author .post-author-info {
  display: inline-block;
  vertical-align: middle;
}

.post-author .post-author-info span {
  display: block;
}

.post-author .post-author-info .post-author__icon--twitter {
  display: inline-block;
  vertical-align: middle;
  padding-top: 2px;
}

.post-author .post-author-info .post-author__icon--twitter svg {
  margin-bottom: 0.5px;
}

.post-author .post-author-info .post-author__icon--twitter path {
  stroke-width: 20;
  fill: #404040;
  stroke: none;
}

.post-author-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px;
}

.post-author-card:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 45.5em) {
  .post-author-card {
    flex-direction: row-reverse;
    align-items: flex-start;
  }
}

.post-author-card-details {
  text-align: center;
}

@media (min-width: 45.5em) {
  .post-author-card-details {
    text-align: left;
  }
}

.post-author-card-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

@media (min-width: 45.5em) {
  .post-author-card-top {
    flex-direction: row;
    align-items: flex-start;
    text-align: left;
  }
}

@media (min-width: 45.5em) {
  .post-author-card-lower {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

.post-author-card-name {
  width: auto;
  font-size: 2.5em;
  line-height: 1em;
}

.post-author-card-name a {
  text-decoration: none !important;
}

.post-author-card-job-title {
  font-size: 1.5em;
  line-height: 1em;
}

ul.post-author-card-links {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0 !important;
  width: 100%;
}

@media (min-width: 45.5em) {
  ul.post-author-card-links {
    justify-content: flex-start;
  }
}

ul.post-author-card-links a {
  text-decoration: none !important;
  font-size: 1.5em;
  margin-right: 5px;
}

.post-author-card-image {
  width: 40%;
}

@media (min-width: 45.5em) {
  .post-author-card-image {
    align-self: center;
    width: 15%;
  }
}

.post-author-card-image img {
  border-radius: 100%;
  height: auto;
  width: 100%;
}

.post-author-card-description {
  font-size: 1em;
  margin: 15px 0;
  width: 100%;
}

@media (min-width: 45.5em) {
  .post-author-card-description {
    width: 80%;
  }
}

ul.author-links--desktop {
  width: auto;
  padding-left: 15px;
}

@media (max-width: 45.5em) {
  ul.author-links--desktop {
    display: none !important;
  }
}

@media (min-width: 45.5em) {
  ul.author-links--mobile {
    display: none !important;
  }
}

@media (max-width: 45.5em) {
  .author-image--desktop {
    display: none !important;
  }
}

@media (min-width: 45.5em) {
  .author-image--mobile {
    display: none !important;
  }
}

/**
 * --------------------------------------------------
 *  8. Post Lead
 * --------------------------------------------------
 */
.post-lead,
.post-subheadline {
  font-size: 120%;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 15px;
}

.post-lead em,
.post-subheadline em {
  font-style: normal;
}

.featured-image,
.post-main__inner .featured-image {
  margin-bottom: 1em;
  max-width: !important;
}

@media (min-width: 45.5em) {
  .featured-image,
  .post-main__inner .featured-image {
    margin-bottom: 1.5em;
  }
}

.featured-image img,
.post-main__inner .featured-image img {
  width: 100%;
}

.wp-caption {
  height: auto !important;
  max-width: 100% !important;
  width: auto !important;
}

.wp-caption-text {
  color: #898989;
  font-size: 0.8em !important;
  margin-top: 0.5em;
  font-family: "Montserrat";
}

.post-tags {
  display: block;
  margin: 0 auto 15px auto;
  max-width: 720px !important;
}

@media (max-width: 62em) {
  .post-tags {
    margin-top: 22.5px;
  }
}

.post-tags.icon-tags:before {
  font-size: 1em;
  padding-right: 15px;
  position: relative;
  top: -5px;
}

.post-tags ul {
  flex: 1, 1, auto;
}

.post-tags ul,
.post-tags li {
  display: inline-block;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.post-tags li {
  display: block;
  float: left;
  margin-right: 15px;
  margin-top: -4px;
}

.copy-paste-block {
  margin: 15px 0;
}

@media (min-width: 62em) {
  .post-gallery-more.offset-left {
    margin-left: -170px;
    max-width: 170px;
    position: absolute;
    width: auto;
  }
}

/**
 * --------------------------------------------------
 *  9. Post Body
 * --------------------------------------------------
 */
.post-body {
  float: none;
  max-width: 720px;
  margin: 0 auto;
  width: 100%;
}

.post-body strong {
  font-weight: bold;
}

.post-body .articleBody:after {
  content: "";
  display: table;
  clear: both;
}

.post-body .articleBody h2 {
  margin-bottom: 15px;
}

.post-body .articleBody h3, .post-body .articleBody h4, .post-body .articleBody h5, .post-body .articleBody h6 {
  margin-bottom: 15px;
}

.post-body .articleBody > div {
  max-width: 100%;
}

.post-body .articleBody > div > img {
  height: auto;
  max-width: 100%;
}

.post-body .articleBody > ul {
  list-style: disc;
  margin-left: 20px;
}

.post-body .articleBody hr {
  margin: 20px auto;
  border: 0.5px solid #460418;
  border: 0.5px solid !important;
}

.post-body .image-wrap {
  text-align: center;
}

.post-body .image-credit {
  color: #898989;
  display: block;
  font-size: 0.8em;
  margin-bottom: 1em;
}

.post-body .collection-wrapper .entry-media {
  float: left;
  width: 50%;
  position: relative;
  overflow: hidden;
  margin-bottom: 5px;
  min-height: 1px;
  padding: 0 15px;
}

@media (max-width: 62em) {
  .post-body {
    float: none;
    width: 100%;
  }
}

@media (max-width: 45.49em) {
  .post-body .s-container {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
  }
}

@media (max-width: 62em) {
  .featured-gallery .post-body {
    margin-top: 25%;
  }
}

.post-body--gallery,
.post-body--roundup {
  max-width: 100%;
}

.post-body--gallery .post-lead,
.post-body--gallery .post-body__about,
.post-body--gallery .roundup__intro,
.post-body--roundup .post-lead,
.post-body--roundup .post-body__about,
.post-body--roundup .roundup__intro {
  margin: 0 auto 15px;
  max-width: 720px !important;
}

.post-body--gallery .post-lead > ul,
.post-body--gallery .post-body__about > ul,
.post-body--gallery .roundup__intro > ul,
.post-body--roundup .post-lead > ul,
.post-body--roundup .post-body__about > ul,
.post-body--roundup .roundup__intro > ul {
  margin-left: 20px;
}

.post-body--gallery .post-lead > ul li,
.post-body--gallery .post-body__about > ul li,
.post-body--gallery .roundup__intro > ul li,
.post-body--roundup .post-lead > ul li,
.post-body--roundup .post-body__about > ul li,
.post-body--roundup .roundup__intro > ul li {
  list-style: disc;
  margin-bottom: 15px;
}

.post-body--gallery .post-lead h2,
.post-body--gallery .post-body__about h2,
.post-body--gallery .roundup__intro h2,
.post-body--roundup .post-lead h2,
.post-body--roundup .post-body__about h2,
.post-body--roundup .roundup__intro h2 {
  margin-bottom: 30px;
}

.post-body--gallery .articleBody .jwplayer-container,
.post-body--roundup .articleBody .jwplayer-container {
  margin-bottom: 1.5em;
}

/**
 * --------------------------------------------------
 *  10. Post Main
 * --------------------------------------------------
 */
.post-main {
  box-sizing: content-box;
  margin: 0 auto;
  max-width: 1440px;
  min-height: 618px;
  padding: 0 15px;
  position: relative;
}

.post-main:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 45.5em) {
  .post-main {
    padding: 0 45px;
  }
}

.post-main .post-main__inner {
  float: left;
  position: relative;
  width: 100%;
}

.post-main .post-main__inner:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 45.5em) {
  .post-main .post-main__inner {
    width: calc(100% - 300px - 30px);
  }
}

@media (min-width: 62em) {
  .post-main .post-main__inner--recipe {
    width: calc(100% - 345px - 30px);
  }
}

.post-main table {
  width: 100%;
  font-size: 0.8em;
}

@media (max-width: 45.5em) {
  .post-main table {
    max-width: 760px;
    display: block;
    overflow: scroll;
  }
}

.post-main table th, .post-main table td {
  padding: 15px;
}

.post-main.s-container--has-sidebar {
  float: none;
}

@media (min-width: 45.5em) {
  .post-main.s-container--has-sidebar {
    padding: 0 0 0 15px;
  }
}

@media (min-width: 90em) {
  .post-main.s-container--has-sidebar {
    max-width: calc($max-width - 318px);
  }
}

.post-main .s-sidebar {
  float: none;
}

.post-main .post-main__inner img {
  display: block;
  height: auto;
  margin: 0 auto 1em;
  width: 100%;
  max-width: 100%;
}

@media (max-width: 45.49em) {
  .post-main .post-main__inner img {
    max-width: unset;
    width: 100%;
  }
  .post-main .post-main__inner img.size-large, .post-main .post-main__inner img.size-medium, .post-main .post-main__inner img.size-thumbnail {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

.post-main .post-main__inner--fullwidth {
  width: 100%;
}

.post-main .post-main__inner--fullwidth .post-body {
  max-width: 100%;
}

.post-main .featured-media img {
  margin-top: 0;
  margin-bottom: 0.4em;
}

.post-main .alignleft img {
  margin-right: auto;
}

.post-main .alignright img {
  margin-left: auto;
}

.post-main .aligncenter img {
  margin-left: auto;
  margin-right: auto;
}

.post-main p,
.post-main blockquote,
.post-main ul,
.post-main ol {
  margin-bottom: 1.3em;
}

@media (min-width: 45.5em) {
  .post-main p,
  .post-main blockquote,
  .post-main ul,
  .post-main ol {
    margin-bottom: 1.5em;
  }
}

.post-main p strong,
.post-main p b,
.post-main blockquote strong,
.post-main blockquote b,
.post-main ul strong,
.post-main ul b,
.post-main ol strong,
.post-main ol b {
  font-weight: bold;
}

.post-main p em,
.post-main p i,
.post-main blockquote em,
.post-main blockquote i,
.post-main ul em,
.post-main ul i,
.post-main ol em,
.post-main ol i {
  font-style: italic;
}

.post-main > ul li,
.post-main > ol li {
  list-style: disc inside none;
  margin-bottom: 15px;
}

.post-main ol {
  list-style: decimal inside none;
}

.post-main figure {
  margin-bottom: 15px;
}

.post-main figure .instagram-media,
.post-main figure .twitter-tweet {
  max-width: 600px !important;
  margin: 15px auto !important;
  width: 100% !important;
}

.post-main figure.o-container.instagram {
  min-height: 655px;
}

.post-main figure.o-container.facebook {
  min-height: 440px;
}

@media (min-width: 45.5em) {
  .post-main figure.o-container.instagram {
    min-height: 910px;
  }
  .post-main figure.o-container.facebook {
    min-height: 590px;
  }
}

.post-main .collection figure {
  width: 30%;
  float: left;
  margin-right: 20px;
}

@media (max-width: 45.5em) {
  .post-main .gallery-row:first-child {
    display: none;
  }
}

.post-main blockquote {
  border-left: 10px solid #f7f7f7;
  padding: 1.3em;
}

.post-main blockquote p:last-of-type {
  margin-bottom: 0;
}

/**
 * --------------------------------------------------
 *  11. Post Promos
 * --------------------------------------------------
 */
.post-promo.in-flow,
.post-promo-full {
  margin: 0 auto 15px auto;
}

.post-promo-full {
  display: block;
}

@media (min-width: 62em) {
  .post-promo-full {
    width: 100%;
  }
}

/**
 * --------------------------------------------------
 *  12. Issues
 * --------------------------------------------------
 */
.post.issue .featured-image img {
  background-image: none;
  max-height: 95vh;
  object-fit: contain;
  object-position: left;
}

/**
 * --------------------------------------------------
 *  13. 404
 * --------------------------------------------------
 */
.post.error404 {
  min-height: 400px;
}

/**
 * --------------------------------------------------
 *  13. 404
 * --------------------------------------------------
 */
/*blockquote {
		border-bottom: map-get($posts, quote-border);
		border-top: map-get($posts, quote-border);
		font-size: 1.8em;
		float: left;
		font-style: italic;
		font-weight: bold;
		left: -$post-meta-width / 2;
		line-height: 1.3;
		margin: $gutter (-$gutter * 2) $gutter 0;
		max-width: $md-min / 4;
		padding: $gutter-md $gutter $gutter-md $gutter-md;
		position: relative;
		width: 100%;

		p {
			margin-bottom: 0 !important;
			position: relative;

			&:before {
				content: ' “ ';
				left: -$gutter-md;
				font-size: 2em;
				position: absolute;
				top: -$gutter;
			}

		}

	}*/
/**
 * --------------------------------------------------
 *  15. Sub headings
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  16. Category posts
 * --------------------------------------------------
 */
.tax-person_category .description-primary img {
  max-width: 100%;
  height: auto;
}

/**
 * --------------------------------------------------
 *  17. Collection posts
 * --------------------------------------------------
 */
.collection .entry-content p {
  margin-bottom: 1em;
}

.collection .wp-caption-text {
  display: none;
}

.collection .featured-image {
  margin-bottom: 0px;
}

.collection .featured-image .featured-image {
  float: left;
  max-width: 40% !important;
  margin-right: 1em;
  margin-bottom: 0px;
}

.collection .featured-image .featured-image img {
  margin-top: 0px;
  margin-bottom: 0px;
}

@media (max-width: 45.5em) {
  .collection .featured-image .featured-image {
    max-width: 100% !important;
  }
}

/**
 * --------------------------------------------------
 *  18. Outro
 * --------------------------------------------------
 */
.outro {
  font-style: italic;
}

/**
 * --------------------------------------------------
 * --------------------------------------------------
 * All SASS for single posts / pages
 *
 *      1. Article
 *		2. Meta
 *		3. Main
 *		4. Subscription
 *		5. Digital
 *		6. Marketing
 *
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  1. Article
 * --------------------------------------------------
 */
article.page {
  margin-bottom: 30px;
  position: relative;
}

article.page:after {
  content: "";
  display: table;
  clear: both;
}

article.page .page-title {
  margin-bottom: 30px;
}

@media (min-width: 62em) {
  article.page .page-title {
    float: right;
    width: calc(100% - $post-meta-width - ($gutter * 2));
    transition: all 0.2s ease-in-out;
  }
}

article.page .page-title .title-primary {
  margin: 0;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 45.5em) {
  article.page .page-title .title-primary {
    padding: 0;
  }
}

/**
 * --------------------------------------------------
 *  2. Meta
 * --------------------------------------------------
 */
.page-meta {
  border-bottom: 1px #E8E6E3 solid;
  margin: 0 15px 30px;
  padding-bottom: 15px;
}

.page-meta:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 45.5em) {
  .page-meta {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 62em) {
  .page-meta {
    border: none;
    margin-top: 15px;
    padding-bottom: 0;
  }
}

@media (min-width: 62em) {
  .page-meta.col-md-2 {
    position: absolute;
  }
}

/**
 * --------------------------------------------------
 *  3. Main
 * --------------------------------------------------
 */
.page-main {
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 45.5em) {
  .page-main {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 62em) {
  .page-main {
    padding-left: 30px;
  }
}

/**
 * --------------------------------------------------
 *  4. Subscription
 * --------------------------------------------------
 */
@media (min-width: 62em) {
  .subscription .page-title {
    float: none !important;
    width: 100% !important;
  }
}

@media (min-width: 62em) {
  .subscription .page-main {
    padding-left: 0 !important;
  }
}

.subscription .post-main__inner {
  padding-right: 0;
}

.subscription .post-main__inner .iframe-container {
  height: 0;
  margin: 30px 0;
  overflow-y: scroll;
  padding-bottom: 230%;
  position: relative;
  -webkit-overflow-scrolling: touch;
}

@media (min-width: 62em) {
  .subscription .post-main__inner .iframe-container {
    padding-bottom: 350%;
  }
}

@media (min-width: 90em) {
  .subscription .post-main__inner .iframe-container {
    padding-bottom: 150%;
  }
}

.subscription .post-main__inner .iframe-container iframe {
  border: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/**
 * --------------------------------------------------
 *  4. Subscription
 * --------------------------------------------------
 */
.digital .post-main .ipad {
  background-position: 50% 48%;
  background-repeat: no-repeat;
  background-size: 87%;
  float: left;
  height: auto;
  margin: 0 45px 0 0;
  overflow: hidden;
  position: relative;
  width: calc(40% - 45px);
  transition: width 0.2s ease;
}

.digital .post-main .ipad img {
  display: block;
  height: auto;
  max-width: 100%;
}

@media (max-width: 45.5em) {
  .digital .post-main .ipad {
    float: none;
    width: 100%;
  }
}

.digital .page-content {
  float: left;
  width: 60%;
}

@media (max-width: 45.5em) {
  .digital .page-content {
    float: none;
    width: 100%;
  }
}

.digital .digital-region {
  background-color: #E8E6E3;
  margin: 15px 0;
  padding: 15px;
}

.digital .digital-region:after {
  content: "";
  display: table;
  clear: both;
}

.digital .digital-region .form-inline .form-group {
  width: 100%;
}

@media (min-width: 45.5em) {
  .digital .digital-region .form-inline .form-group {
    display: block;
  }
}

.digital .digital-region label {
  font-weight: bold;
}

.digital .digital-stores {
  padding: 15px 0;
}

.digital .digital-stores:after {
  content: "";
  display: table;
  clear: both;
}

.digital .digital-stores h4 {
  margin-bottom: 15px;
}

.digital .digital-stores ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.digital .digital-stores ul li {
  min-height: 90px;
}

.digital .digital-stores .store-el {
  float: left;
  width: 33%;
}

.digital .digital-stores .store-el img {
  height: auto;
  max-width: 150px;
  width: 100%;
  padding-right: 15px;
}

.digital form .form-control {
  width: 100%;
}

/**
 * --------------------------------------------------
 *  6. Marketing
 * --------------------------------------------------
 */
.marketing-wrapper {
  margin: 15px auto;
  overflow: hidden;
  padding: 0 15px;
  max-width: 1440px;
  box-sizing: content-box;
}

@media (min-width: 45.5em) {
  .marketing-wrapper {
    display: flex;
    margin: 45px auto;
    padding: 0 45px;
  }
}

.marketing-wrapper .marketing-content {
  flex: 1;
  padding-right: 45px;
}

.marketing-wrapper .marketing-sidebar {
  width: 300px;
}

.marketing-wrapper section {
  padding-left: 0;
  padding-right: 0;
}

/**
 * --------------------------------------------------
 * --------------------------------------------------
 * All the SASS for Buttons
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
.btn {
  background: #ffffff;
  border-radius: 2px;
  box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
  color: #460418;
  cursor: pointer;
  display: inline-block;
  font-family: "Montserrat";
  font-size: 0.7em;
  margin: 0;
  min-width: 130px;
  padding: 10px 15px;
  text-align: center;
  text-transform: uppercase;
  transition: background-color 0.5s ease, color 0.25s ease;
  white-space: normal;
  letter-spacing: 0.03em;
}

.btn.btn--full-width {
  width: 100%;
}

.btn.btn--sm {
  min-width: 90px;
}

.btn.icon-button:before {
  display: none;
  margin-right: 0.2em;
  vertical-align: middle;
  font-size: 1.7em;
}

.btn.icon-button--after:after {
  display: inline-block;
}

.btn.btn--disabled {
  color: #404040 !important;
  cursor: default;
  opacity: 0.25;
}

.btn.btn--text {
  box-shadow: none !important;
  color: #ffffff !important;
  background: none !important;
  margin-bottom: 30px !important;
  min-width: 0 !important;
  padding: 0 !important;
}

.btn.btn--text:hover {
  color: #ffffff !important;
}

.btn:active:not(.btn--disabled), .btn:hover:not(.btn--disabled), .btn:focus:not(.btn--disabled), .btn.btn--active:not(.btn--disabled) {
  box-shadow: 2px 2px 4px 4px rgba(0, 0, 0, 0.1);
  color: #460418;
}

@media (max-width: 45.49em) {
  .btn.btn--sm {
    width: 100%;
    margin: 0 0 2px 0 !important;
  }
}

/**
 * --------------------------------------------------
 * --------------------------------------------------
 * All the SASS for the Header and Nav
 *
 *    	1. Generic Header Styles
 *		2. Navigation Styles
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  1. Generic Header Styles
 * --------------------------------------------------
 */
#wrapper {
  overflow: unset;
}

@media (max-width: 45.49em) {
  #wrapper {
    padding-top: 60px !important;
  }
  #wrapper .header {
    margin-top: -60px;
  }
}

.header {
  z-index: 999997;
  margin: 0 auto;
  overflow: visible;
  position: relative;
  line-height: 52px;
}

.header nav .menu-icon-link,
.header nav .search-site {
  padding: 0 15px;
}

.header nav .menu-icon-link span,
.header nav .search-site span {
  height: 100%;
}

.header nav a,
.header nav .nav-title {
  display: block;
}

.header nav ul,
.header .search-form {
  position: absolute;
  overflow: hidden;
}

.header .subscribe,
.header .social {
  display: none;
}

.header .logo a {
  width: 110px;
}

@media (min-width: 45.5em) {
  .header .logo a {
    width: 220px;
  }
}

.header .logo a img {
  display: block;
  width: 100%;
}

.header .submenu-toggle {
  display: none;
}

@media (max-width: 45.49em) {
  .header {
    position: fixed;
    padding: 5px 0;
    line-height: 50px;
    box-sizing: content-box;
    width: 100%;
    height: 52px;
  }
  .header.has-double-tier .header_inner {
    background: #460418;
  }
  .header .header__inner {
    display: flex;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    padding-left: 10px;
  }
  .header .header-slot:not(.logo) {
    display: none;
  }
  .header nav {
    width: 100%;
  }
  .header nav .menu-icon-link,
  .header nav .search-site {
    margin-top: -50px;
    color: #ffffff;
  }
  .header nav .menu-icon-link {
    float: right;
    position: relative;
    right: 30px;
  }
  .header nav .search-site {
    float: right;
  }
  .header .navigation {
    top: 100%;
    transition: all 0.5s ease-in-out;
    width: 100%;
    height: 0;
  }
  .header .navigation[data-nav="opened"] {
    cursor: pointer;
    height: calc(100vh - 100px);
    overflow: scroll;
  }
  .header .navigation ul {
    position: initial;
  }
  .header .navigation li {
    position: relative;
  }
  .header .navigation li a,
  .header .navigation li .nav-title {
    padding: 0 15px;
  }
  .header .navigation li .submenu-toggle {
    display: block;
    font-size: 0.8em;
    position: absolute;
    right: 0px;
    top: 0;
    text-align: center;
    width: 50px;
  }
  .header .navigation li .submenu-toggle:before {
    transition: all 0.3s ease-in-out;
    display: inline-block;
  }
  .header .navigation li .nav-title + .submenu-toggle {
    padding-left: calc(100% - 50px);
    right: unset;
    box-sizing: content-box;
  }
  .header .navigation li.active > .submenu-toggle:before {
    transform: rotate(180deg);
  }
}

@media (min-width: 45.5em) {
  .header {
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .header.header--fixed {
    position: fixed;
    width: 100%;
    -webkit-backface-visibility: hidden;
  }
  .header.header--fixed else {
    box-sizing: border-box;
    max-width: unset !important;
  }
  .header .header__inner {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .header nav {
    position: initial;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .header nav ul {
    box-sizing: border-box;
    position: initial;
    overflow: visible;
  }
  .header nav ul ul {
    display: none;
    position: absolute;
    padding: 0 45px;
  }
  .header nav .navigation {
    display: inline-block;
  }
  .header nav .navigation > li > a,
  .header nav .navigation > li > .nav-title {
    padding: 5px;
  }
  .header nav .navigation > li > ul {
    left: 0;
    padding-bottom: 30px;
    width: 100%;
    line-height: initial;
    z-index: 9999999;
  }
  .header nav .navigation > li > ul a,
  .header nav .navigation > li > ul .nav-title {
    line-height: 1.3em;
    vertical-align: text-top;
  }
  .header nav .navigation > li > ul > li {
    width: 200px;
    vertical-align: text-top;
    padding: 30px 45px 0 0;
  }
  .header nav .navigation > li > ul > li > ul {
    padding: 0;
    position: initial;
  }
  .header nav .navigation > li > ul > li > ul li {
    display: block;
    margin-top: 15px;
  }
  .header nav li {
    display: inline-block;
  }
  .header nav li:hover ul {
    display: block;
  }
  .header nav .search-site {
    position: relative;
    float: right;
    right: -15px;
  }
  .header nav .menu-icon-link {
    display: none;
  }
  .header.has-double-tier {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .header.has-double-tier .nav-follow,
  .header.has-double-tier .nav-subscribe {
    display: none !important;
  }
  .header.has-double-tier .header__inner {
    line-height: initial;
    -ms-flex-preferred-size: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-right: 20px;
    background: #460418;
    min-height: 120px;
  }
  .header.has-double-tier .header__inner .header-slot {
    -ms-flex-preferred-size: 33.3%;
    -webkit-flex-basis: 33.3%;
    flex-basis: 33.3%;
    order: 1;
  }
  .header.has-double-tier .header__inner .header-slot-center {
    order: 2;
    text-align: center;
  }
  .header.has-double-tier .header__inner .header-slot-center.logo {
    line-height: 0;
    padding: 0 0 15px 0;
  }
  .header.has-double-tier .header__inner .header-slot-center.logo a {
    display: inline-block;
    display: block !important;
  }
  .header.has-double-tier .header__inner .header-slot-right {
    order: 3;
  }
  .header.has-double-tier .header-subscribe {
    display: flex;
    overflow: hidden;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .header.has-double-tier .header-subscribe:after {
    content: "";
    display: table;
    clear: both;
  }
  .header.has-double-tier .header-subscribe li {
    line-height: 20px;
  }
  .header.has-double-tier .header-subscribe li a {
    color: #898989;
    font-size: 0.8em;
    text-decoration: none;
  }
  .header.has-double-tier .header-subscribe li a:hover {
    color: #460418;
  }
  .header.has-double-tier .header-subscribe .icon-arrow-left,
  .header.has-double-tier .header-subscribe .icon-arrow-right {
    color: #898989;
    font-size: 0.8em;
    padding: 0 5px;
  }
  .header.has-double-tier .header-subscribe .magazine-cover {
    position: relative;
  }
  .header.has-double-tier .header-subscribe img {
    max-width: 60px;
    position: relative;
    top: 0px;
  }
  .header.has-double-tier .header-subscribe.header-slot-left ul {
    float: left;
  }
  .header.has-double-tier .header-subscribe.header-slot-left .icon-arrow-right {
    display: none;
  }
  .header.has-double-tier .header-subscribe.header-slot-center .icon-arrow-left {
    display: none;
  }
  .header.has-double-tier .header-subscribe.header-slot-right .icon-arrow-left {
    display: none;
  }
  .header.has-double-tier .header-follow .widget {
    margin-top: 10px;
    font-size: 1.1em;
  }
  .header.has-double-tier .header-follow .widget a {
    font-size: 1em;
  }
  .header.has-double-tier .header-follow a {
    color: #ffffff;
    display: inline-block;
    font-size: 1.8em;
    padding: 0;
    text-align: left;
  }
  .header.has-double-tier .header-follow a:before {
    float: left;
    text-indent: 0;
    cursor: pointer;
  }
  .header.has-double-tier .header-follow ul {
    line-height: 0.7;
    padding: 0 0 0 15px;
  }
  .header.has-double-tier .header-follow ul li {
    display: inline-block;
    line-height: 0.7;
    margin-left: 4px;
  }
  .header.has-double-tier .header-follow ul li:first-child {
    margin-left: 0;
  }
  .header.has-double-tier .header-follow.header-slot-right {
    text-align: right;
  }
  .header.has-double-tier nav {
    margin: 0 -45px;
  }
  .header.has-double-tier nav .navigation {
    padding-left: 40px;
  }
  .header.has-double-tier nav .search-site {
    right: 30px;
  }
}

@media (min-width: 62em) {
  .header.has-double-tier .header-subscribe .magazine-cover {
    overflow: hidden;
  }
  .header.has-double-tier .header-subscribe .magazine-cover img {
    max-width: 100px;
  }
}

@media (min-width: 90em) {
  .header nav .navigation > li > ul {
    left: 50%;
    transform: translateX(-50%);
  }
}

@media (min-width: 1530px) {
  .header {
    padding-left: calc(50% - (1440px  / 2));
    padding-right: calc(50% - (1440px  / 2));
    max-width: none;
    box-sizing: border-box;
  }
  .header nav > ul > li > ul,
  .header .search-form {
    padding-left: calc(50vw - (1440px  / 2));
    padding-right: calc(50vw - (1440px  / 2));
  }
  .header.has-double-tier {
    padding: 0;
  }
  .header.has-double-tier .header__inner,
  .header.has-double-tier nav {
    padding-left: calc(50% - (1440px   / 2));
    padding-right: calc(50% - (1440px  / 2));
  }
}

/**
 * --------------------------------------------------
 *  2. Navigation Styles
 * --------------------------------------------------
 */
.header {
  background: #460418;
  font-family: "Montserrat";
}

@media (max-width: 45.49em) {
  .header .logo img {
    max-height: 52px;
    max-width: 110px;
  }
  .header.has-single-tier .logo {
    margin-right: 30px;
  }
}

.header nav {
  background: #ffffff;
}

.header nav .navigation {
  background: white;
}

.header nav .navigation > li a,
.header nav .navigation > li .nav-title {
  color: #404040;
  font-family: "Montserrat";
  font-size: 1em;
  font-weight: 700;
}

.header nav .navigation > li > ul {
  background: #fbfbfb;
  transition: height 500ms ease;
}

.header nav .navigation > li > ul > li a,
.header nav .navigation > li > ul > li .nav-title {
  color: #898989;
  font-size: 0.9em;
  font-weight: 700;
}

.header nav .navigation > li > ul > li a:hover {
  color: #460418;
}

.header nav .navigation > li > ul > li > ul {
  background: #fbfbfb;
}

.header nav .navigation > li > ul > li > ul a,
.header nav .navigation > li > ul > li > ul .nav-title {
  font-size: 0.8em;
  font-weight: 400;
}

.header .magazine-cover {
  height: 100px;
}

.header .icon-search,
.header .menu-icon-link,
.header .icon-no {
  color: #ffffff;
  outline: none;
  text-decoration: none;
  cursor: pointer;
}

.header .icon-search {
  color: #404040;
}

@media (min-width: 45.5em) {
  .header {
    border-bottom: 1px solid #e8e6e3;
  }
  .header.has-double-tier {
    border: none;
    padding: 0;
    max-width: none;
    padding: 0 45px;
  }
  .header.has-double-tier nav {
    border-bottom: 1px solid #e8e6e3;
  }
  .header .logo img {
    max-width: 220px;
  }
  .header.has-single-tier .logo a {
    display: block;
  }
  .header.has-single-tier .logo img {
    padding: 5px 0;
  }
  .header nav {
    text-align: left;
  }
  .header nav .navigation {
    background: transparent;
  }
  .header nav .navigation > li a,
  .header nav .navigation > li .nav-title {
    position: relative;
  }
  .header nav .navigation > li > a,
  .header nav .navigation > li > .nav-title {
    cursor: pointer;
  }
  .header nav .navigation > li > a:after,
  .header nav .navigation > li > .nav-title:after {
    background: #460418;
    bottom: 0;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    right: 100%;
    transition: right 0.3s ease;
  }
  .header nav .navigation > li:not(:first-child) > a:after {
    left: 0;
  }
  .header nav .navigation > li:hover > a:after,
  .header nav .navigation > li:hover > .nav-title:after {
    right: 0;
  }
  .header nav .navigation > li.menu-more {
    cursor: default;
    display: none;
    opacity: 0;
  }
  .header nav .navigation > li.menu-more.visible {
    display: inline-block;
    cursor: pointer;
    opacity: 1;
  }
  .header nav .navigation > li.menu-more .icon-plus {
    font-size: 0.6em;
    line-height: 0.6em;
    position: relative;
    top: -2px;
  }
  .header nav .navigation > li > ul {
    background-clip: padding-box !important;
    border-top: 1px solid #e8e6e3;
    border-top-color: transparent;
  }
  .header nav .navigation > li > ul > li a,
  .header nav .navigation > li > ul > li .nav-title {
    display: inline-block;
    font-size: 1em;
  }
  .header nav .navigation > li > ul > li > ul a,
  .header nav .navigation > li > ul > li > ul .nav-title {
    font-size: 0.9em;
  }
}

@media (min-width: 45.5em) and (max-width: 61.99em) {
  .header nav .navigation.hide-overflow-items > li:nth-child(n+5) {
    display: none;
  }
  .header nav .navigation.hide-overflow-items > li:nth-child(n+5).menu-more {
    display: inline-block !important;
  }
}

@media (min-width: 62em) and (max-width: 89.99em) {
  .header nav .navigation.hide-overflow-items > li:nth-child(n+7) {
    display: none;
  }
  .header nav .navigation.hide-overflow-items > li:nth-child(n+7).menu-more {
    display: inline-block !important;
  }
}

@media (min-width: 90em) {
  .header nav .navigation.hide-overflow-items > li:nth-child(n+8) {
    display: none;
  }
  .header nav .navigation.hide-overflow-items > li:nth-child(n+8).menu-more {
    display: inline-block !important;
  }
}

@media (min-width: 62em) {
  .header.has-double-tier .header-follow a {
    font-size: 2.2em;
  }
}

/**
 * --------------------------------------------------
 * --------------------------------------------------
 * All the SASS for the Search
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
.search-form {
  background-color: white;
  box-sizing: border-box;
  height: 0;
  left: 0;
  margin: 0;
  max-width: 100%;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 100%;
  width: 100vw;
  z-index: 9;
  transition: all 0.3s ease-in-out;
}

.search-form.search-visible {
  opacity: 1;
  height: 200px;
}

@media (max-width: 45.49em) {
  .search-form.search-visible {
    height: 1500px;
  }
  .search-form.search-visible .input-group {
    top: 0;
  }
}

.search-form.search-form-permanent {
  background: none;
  border-bottom: none;
  height: 200px !important;
  left: 0;
  opacity: 1 !important;
  padding: 0;
  position: relative;
  transform: none;
  width: 100%;
  z-index: 5;
}

.search-form.search-form-permanent .input-group {
  padding: 0;
  top: 0;
}

.search-form.search-form-permanent .form-control,
.search-form.search-form-permanent .form-control:focus {
  background: none;
  color: #898989;
}

.search-form .input-group {
  padding: 0 10px;
  position: relative;
  top: 72px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.search-form .input-group .btn {
  margin-left: 36px;
}

.search-form .form-control {
  background: white;
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: #404040;
  display: inline-block;
  font-family: "Montserrat";
  font-size: 2em;
  height: auto;
  padding: 10px 0;
  outline: none;
  flex: 1;
}

.search-form .form-control:focus {
  background: white !important;
}

.search-form .form-control::placeholder {
  color: #898989;
}

.search-form .message-wrapper {
  color: #898989;
  float: left;
  font-size: 0.8em;
  margin-top: 10px;
  position: relative;
  width: 100%;
}

.search-form .message-wrapper .message {
  left: 0;
  position: absolute;
  top: 0;
}

.search-form .message-wrapper .message.hide {
  display: none;
}

/**
 * --------------------------------------------------
 * --------------------------------------------------
 * All the SASS for the Header and Nav
 *
 * 		1. Footer
 *		2. Footer Menu
 * 		3. Footer Text Menu
 * 		4. Footer Icon Menu
 * 		5. Footer Legal
 *		6. Footer Logo
 *		7. Footer IPSO
 *
 * --------------------------------------------------
 */
/**
  * --------------------------------------------------
  *	1. Footer
  * --------------------------------------------------
  */
.footer {
  border-top: 1px #f7f7f7 solid;
  margin: 0 auto;
  background: #460418;
  color: #ffffff;
  font-family: "Montserrat";
  background: #460418;
  border-top: 1px #f7f7f7 solid;
  color: #ffffff;
}

.footer--fixed {
  bottom: 0;
  left: 0;
  position: fixed;
  width: 100vw;
}

.footer__row {
  padding: 45px;
  width: 100%;
  margin: 0 auto;
}

@media (min-width: 45.5em) {
  .footer__row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 30px 15px 15px;
    max-width: 1400px;
  }
}

@media (min-width: 45.5em) {
  .footer__col--content {
    width: calc(100% - 300px);
  }
}

@media (min-width: 45.5em) {
  .footer__col--sidebar {
    width: 300px;
  }
}

/**
 * --------------------------------------------------
 *	2. Footer Menu
 *  Nav menu's in the footer
 * --------------------------------------------------
 */
.footer-menu {
  text-align: center;
}

.footer-menu ul, .footer-menu li {
  margin: 0;
  list-style: none;
}

/**
 * --------------------------------------------------
 *	3. Footer Text Menu (Modifier)
 *	Plain text links, splits into 2 columns on desktop
 * --------------------------------------------------
 */
.footer-menu--plain {
  margin-bottom: 45px;
  font-size: 0.8em;
}

@media (min-width: 45.5em) {
  .footer-menu--plain {
    margin-bottom: 15px;
    column-count: 2;
    text-align: left;
  }
}

.footer-menu--plain .menu-item a {
  color: #ffffff;
  transition: color 0.1s ease-in-out;
}

.footer-menu--plain .menu-item a:hover {
  color: #000000;
}

/**
 * --------------------------------------------------
 *	4. Footer Icon Menus (Modifier)
 *	Icon menu links in footer, usually social icons
 * --------------------------------------------------
 */
@media (min-width: 45.5em) {
  .footer-menu--icons {
    text-align: right;
    width: 300px;
  }
}

.footer-menu--icons .menu-item {
  display: inline-block;
  margin-left: 4px;
  line-height: 1;
  font-size: 2.4em;
  font-size: 2.4em;
}

.footer-menu--icons .menu-item a {
  color: #ffffff;
  transition: color 0.1s ease-in-out;
}

.footer-menu--icons .menu-item a:hover {
  color: #000000;
}

.footer-menu--icons .menu-item span {
  display: none;
}

/**
 * --------------------------------------------------
 *	5. Footer Legal
 * --------------------------------------------------
 */
.footer-legal {
  margin-top: 15px;
  width: 100%;
  font-size: 0.75em;
  font-size: 0.75em;
}

@media (min-width: 45.5em) {
  .footer-legal {
    width: calc(100% - 300px);
  }
}

@media (max-width: 45.49em) {
  .footer-legal a {
    display: block;
    margin-bottom: 30px;
    text-align: center;
  }
}

.footer-legal sub {
  bottom: 0;
  font-size: 0.75em;
}

@media (max-width: 45.49em) {
  .footer-legal sub {
    display: block;
    width: 100%;
    line-height: 1em;
    text-align: center;
  }
}

/**
 * --------------------------------------------------
 *	6. Footer Logo
 * --------------------------------------------------
 */
.footer-logo {
  position: relative;
  top: -2px;
  margin-right: 15px;
  vertical-align: middle;
  height: auto;
  width: 80px;
}

@media (max-width: 62em) {
  .footer-logo {
    margin-right: 0;
  }
}

/**
 * --------------------------------------------------
 *	7. Footer IPSO
 * --------------------------------------------------
 */
.ad-logos:after {
  content: "";
  display: table;
  clear: both;
}

.footer__ipso {
  display: inline-block;
  max-width: 130px;
  position: relative;
  margin: 30px auto;
  vertical-align: middle;
}

@media (min-width: 45.5em) {
  .footer__ipso {
    margin: -10px 10px;
  }
}

.footer__iab {
  display: block;
  float: left;
  margin: 0 10px;
  width: 80px;
}

@media (min-width: 45.5em) {
  .footer__iab {
    margin: 0;
  }
}

.footer__jic {
  display: block;
  float: left;
  margin: 8px 10px;
  width: 200px;
}

/**
 * --------------------------------------------------
 * --------------------------------------------------
 * Vars to create icons.
 *
 * The image used dpeneds on the icon font
 * selected in the customiser.
 *
 *      1. Icon Base Styles
 *      2. Call Icon Mixins
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  1. Icon Base Styles
 * --------------------------------------------------
 */
[class^="icon-"]:before, [class^="icon-"]:after,
[class*=" icon-"]:before,
[class*=" icon-"]:after {
  font-family: 'keystone' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-display: fallback;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:hover, [class^="icon-"]:active, [class^="icon-"]:focus,
[class*=" icon-"]:hover,
[class*=" icon-"]:active,
[class*=" icon-"]:focus {
  text-decoration: none;
}

[class*="icon-content-"]:before {
  font-size: 1.4em;
  -ms-flex-item-align: start;
  -webkit-align-self: flex-start;
  align-self: flex-start;
}

[class*="icon-content-"].title-category:before {
  margin-right: 0.25em;
}

/**
 * --------------------------------------------------
 *  2. Call Icon Mixins
 * --------------------------------------------------
 */
.icon-home:before,
.icon-home--after:after {
  content: "h";
}

.icon-home--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-search:before,
.icon-search--after:after {
  content: "s";
}

.icon-search--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-menu:before,
.icon-menu--after:after {
  content: "m";
}

.icon-menu--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-arrow-up:before,
.icon-arrow-up--after:after {
  content: "U";
}

.icon-arrow-up--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-arrow-down:before,
.icon-arrow-down--after:after {
  content: "D";
}

.icon-arrow-down--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-arrow-left:before,
.icon-arrow-left--after:after {
  content: "<";
}

.icon-arrow-left--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-arrow-right:before,
.icon-arrow-right--after:after {
  content: ">";
}

.icon-arrow-right--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-plus:before,
.icon-plus--after:after {
  content: "+";
}

.icon-plus--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-minus:before,
.icon-minus--after:after {
  content: "-";
}

.icon-minus--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-yes:before,
.icon-yes--after:after {
  content: "/";
}

.icon-yes--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-no:before,
.icon-no--after:after {
  content: "x";
}

.icon-no--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-zoom:before,
.icon-zoom--after:after {
  content: "z";
}

.icon-zoom--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-camera:before,
.icon-camera--after:after {
  content: "e";
}

.icon-camera--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-tags:before,
.icon-tags--after:after {
  content: "T";
}

.icon-tags--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-apple:before,
.icon-apple--after:after {
  content: "a";
}

.icon-apple--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-android:before,
.icon-android--after:after {
  content: "A";
}

.icon-android--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-windows:before,
.icon-windows--after:after {
  content: "W";
}

.icon-windows--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-star-full:before,
.icon-star-full--after:after {
  content: "*";
}

.icon-star-full--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-star-half:before,
.icon-star-half--after:after {
  content: "9";
}

.icon-star-half--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-star-empty:before,
.icon-star-empty--after:after {
  content: "8";
}

.icon-star-empty--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-map:before,
.icon-map--after:after {
  content: "M";
}

.icon-map--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-basket:before,
.icon-basket--after:after {
  content: "c";
}

.icon-basket--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-time:before,
.icon-time--after:after {
  content: "S";
}

.icon-time--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-directory:before,
.icon-directory--after:after {
  content: "d";
}

.icon-directory--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-calendar:before,
.icon-calendar--after:after {
  content: "C";
}

.icon-calendar--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-author:before,
.icon-author--after:after {
  content: "u";
}

.icon-author--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-quote-top:before,
.icon-quote-top--after:after {
  content: '"';
}

.icon-quote-top--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-quote-bottom:before,
.icon-quote-bottom--after:after {
  content: "'";
}

.icon-quote-bottom--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-pull-quote:before,
.icon-pull-quote--after:after {
  content: ";";
}

.icon-pull-quote--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-button:before,
.icon-button--after:after {
  content: "b";
}

.icon-button--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-play-button:before,
.icon-play-button--after:after {
  content: "P";
}

.icon-play-button--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-print:before,
.icon-print--after:after {
  content: "&";
}

.icon-print--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-email:before,
.icon-email--after:after {
  content: "e";
}

.icon-email--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-website:before,
.icon-website--after:after {
  content: ".";
}

.icon-website--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-soundcloud:before,
.icon-soundcloud--after:after {
  content: "~";
}

.icon-soundcloud--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-facebook:before,
.icon-facebook--after:after {
  content: "f";
}

.icon-facebook--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-google:before,
.icon-google--after:after {
  content: "g";
}

.icon-google--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-googleplus:before,
.icon-googleplus--after:after {
  content: "g";
}

.icon-googleplus--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-linkedin:before,
.icon-linkedin--after:after {
  content: "l";
}

.icon-linkedin--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-instagram:before,
.icon-instagram--after:after {
  content: "i";
}

.icon-instagram--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-pinterest:before,
.icon-pinterest--after:after {
  content: "p";
}

.icon-pinterest--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-twitter:before,
.icon-twitter--after:after {
  content: "t";
}

.icon-twitter--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-vimeo:before,
.icon-vimeo--after:after {
  content: "v";
}

.icon-vimeo--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-whatsapp:before,
.icon-whatsapp--after:after {
  content: "w";
}

.icon-whatsapp--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-youtube:before,
.icon-youtube--after:after {
  content: "y";
}

.icon-youtube--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-rss:before,
.icon-rss--after:after {
  content: "r";
}

.icon-rss--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-share:before,
.icon-share--after:after {
  content: "q";
}

.icon-share--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-social-email:before,
.icon-social-email--after:after {
  content: "e";
}

.icon-social-email--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-social-website:before,
.icon-social-website--after:after {
  content: ".";
}

.icon-social-website--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-social-soundcloud:before,
.icon-social-soundcloud--after:after {
  content: "~";
}

.icon-social-soundcloud--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-social-facebook:before,
.icon-social-facebook--after:after {
  content: "f";
}

.icon-social-facebook--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-social-google:before,
.icon-social-google--after:after {
  content: "g";
}

.icon-social-google--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-social-googleplus:before,
.icon-social-googleplus--after:after {
  content: "g";
}

.icon-social-googleplus--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-social-linkedin:before,
.icon-social-linkedin--after:after {
  content: "l";
}

.icon-social-linkedin--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-social-instagram:before,
.icon-social-instagram--after:after {
  content: "i";
}

.icon-social-instagram--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-social-pinterest:before,
.icon-social-pinterest--after:after {
  content: "p";
}

.icon-social-pinterest--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-social-twitter:before,
.icon-social-twitter--after:after {
  content: "t";
}

.icon-social-twitter--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-social-vimeo:before,
.icon-social-vimeo--after:after {
  content: "v";
}

.icon-social-vimeo--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-social-whatsapp:before,
.icon-social-whatsapp--after:after {
  content: "w";
}

.icon-social-whatsapp--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-social-youtube:before,
.icon-social-youtube--after:after {
  content: "y";
}

.icon-social-youtube--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-social-rss:before,
.icon-social-rss--after:after {
  content: "r";
}

.icon-social-rss--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-social-share:before,
.icon-social-share--after:after {
  content: "q";
}

.icon-social-share--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-social-print:before,
.icon-social-print--after:after {
  content: "&";
}

.icon-social-print--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-content-gallery:before,
.icon-content-gallery--after:after {
  content: "G";
}

.icon-content-gallery--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-content-post:before,
.icon-content-post--after:after {
  content: "E";
}

.icon-content-post--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-content-video:before,
.icon-content-video--after:after {
  content: "{";
}

.icon-content-video--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-content-playlist:before,
.icon-content-playlist--after:after {
  content: "Y";
}

.icon-content-playlist--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-content-issue:before,
.icon-content-issue--after:after {
  content: "I";
}

.icon-content-issue--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-content-page:before,
.icon-content-page--after:after {
  content: "Q";
}

.icon-content-page--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-content-publication:before,
.icon-content-publication--after:after {
  content: "B";
}

.icon-content-publication--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

.icon-content-review:before,
.icon-content-review--after:after {
  content: "R";
}

.icon-content-review--after:after {
  font-size: 0.7em;
  padding: 0 0 0 8px;
}

/**
 * --------------------------------------------------
 * --------------------------------------------------
 * All the SASS for Breadcrumbs
 *
 *      1. Generic Breadcrumbs Styles
 *      2. Specifc Page Overrides
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  1. Generic Breadcrumb Styles
 * --------------------------------------------------
 */
.breadcrumb {
  font-family: "Montserrat";
  margin-bottom: 15px;
  margin-top: 15px;
}

.breadcrumb ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.breadcrumb li {
  display: inline-block;
}

.breadcrumb li + li:before {
  color: #898989;
  content: "/";
  padding: 0 5px;
  speak: none;
}

.breadcrumb li a:hover {
  text-decoration: none;
}

.breadcrumb li:last-child a {
  color: #898989;
}

@media (max-width: 45.5em) {
  .breadcrumb {
    margin-bottom: 15px;
    margin-top: 15px;
  }
}

/**
 * --------------------------------------------------
 *  2. Specifc Page Overrides
 * --------------------------------------------------
 */
.archive-list.category .breadcrumb {
  margin-top: 15px;
  margin-bottom: 15px;
}

/**
 * --------------------------------------------------
 *  3. Specifc Site Style Overrides
 * --------------------------------------------------
 */
.breadcrumb ul {
  font-family: "Montserrat";
}

/**
 * --------------------------------------------------
 * --------------------------------------------------
 * All the SASS for Forms
 *
 * 		1. Global Form Styles
 * 		2. Form Messages
 * 		3. Page Specific Overides
 *		4. Filters
 *		5. Shortcode Forms
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  1. Global Form Styles
 * --------------------------------------------------
 */
.form-row {
  border-bottom: 1px #ececec solid;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.form-row:after {
  content: "";
  display: table;
  clear: both;
}

.form-row.result-count {
  padding: 15px 0;
}

.form-row.result-count .form-group {
  display: flex;
  margin: 0 15px 0 0;
  padding: 15px 0;
}

.form-row.result-count .form-group.arrow:after {
  content: "";
  top: 25px;
  right: 30px;
}

.form-compare {
  float: left;
  width: 40%;
}

@media (max-width: 61.99em) {
  .form-compare {
    width: 100%;
  }
}

.form-compare__delimiter {
  float: left;
  margin-bottom: 15px;
  padding-right: 0;
}

@media (min-width: 61.99em) {
  .form-compare__delimiter {
    padding: 15px 45px 15px 0;
    text-align: center;
    width: 20%;
  }
}

.form-group {
  float: left;
  margin-bottom: 15px;
  padding-right: 45px;
  position: relative;
  width: 40%;
}

@media (max-width: 61.99em) {
  .form-group {
    padding-right: 0;
    width: 100%;
  }
}

.form-group.arrow:after {
  content: "";
  border-color: #898989 #fbfbfb;
  border-style: solid;
  border-width: 10px 10px 0px 10px;
  height: 0px;
  width: 0px;
  float: right;
  top: -30px;
  position: relative;
  right: 10px;
  pointer-events: none;
}

.form-group--small {
  padding-right: 0;
  width: 20%;
}

@media (max-width: 61.99em) {
  .form-group--small {
    width: 100%;
  }
}

.form-group__arrows {
  bottom: .5em;
  position: absolute;
  right: 60px;
}

.form-group__arrows .icon-arrow-up {
  font-size: 0.85em;
  position: relative;
  top: 5px;
}

.form-group__arrows .icon-arrow-down {
  bottom: -5px;
  font-size: 0.85em;
  position: relative;
}

.form-item:after {
  content: "";
  display: table;
  clear: both;
}

.form-btn {
  cursor: pointer;
  border: 1px #000000 solid;
  border-radius: 0;
  font-size: 1em;
  padding: 15px 0;
  width: 100%;
}

.field-wrap {
  position: relative;
}

.field-wrap.field--select:after {
  top: 50%;
  right: 15px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-top-color: #898989;
  border-width: 7.5px;
}

.field--mandatory[title] {
  border: none;
  color: #CC2000;
}

label,
legend,
.form-label,
.form-legend {
  display: block;
  margin: 0 0 15px 0;
}

small {
  font-size: 0.8em;
}

input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="url"],
input[type="search"],
textarea,
select {
  background-color: #fbfbfb;
  border: 1px solid #ececec;
  border-radius: 0;
  font-size: 1em;
  outline: 0;
  padding: 15px;
  display: block;
  width: 100%;
  appearance: none;
}

input[type="text"]::-ms-expand,
input[type="number"]::-ms-expand,
input[type="email"]::-ms-expand,
input[type="tel"]::-ms-expand,
input[type="password"]::-ms-expand,
input[type="url"]::-ms-expand,
input[type="search"]::-ms-expand,
textarea::-ms-expand,
select::-ms-expand {
  display: none;
}

input[type="text"].error, input[type="text"].invalid,
input[type="number"].error,
input[type="number"].invalid,
input[type="email"].error,
input[type="email"].invalid,
input[type="tel"].error,
input[type="tel"].invalid,
input[type="password"].error,
input[type="password"].invalid,
input[type="url"].error,
input[type="url"].invalid,
input[type="search"].error,
input[type="search"].invalid,
textarea.error,
textarea.invalid,
select.error,
select.invalid {
  border: 1px solid #000000;
}

input[type="text"]::input-placeholder,
input[type="number"]::input-placeholder,
input[type="email"]::input-placeholder,
input[type="tel"]::input-placeholder,
input[type="password"]::input-placeholder,
input[type="url"]::input-placeholder,
input[type="search"]::input-placeholder,
textarea::input-placeholder,
select::input-placeholder {
  color: #E8E6E3;
}

input[type="text"][type=number],
input[type="number"][type=number],
input[type="email"][type=number],
input[type="tel"][type=number],
input[type="password"][type=number],
input[type="url"][type=number],
input[type="search"][type=number],
textarea[type=number],
select[type=number] {
  -moz-appearance: textfield;
}

input[type="text"][type=number]::-webkit-inner-spin-button, input[type="text"][type=number]::-webkit-outer-spin-button,
input[type="number"][type=number]::-webkit-inner-spin-button,
input[type="number"][type=number]::-webkit-outer-spin-button,
input[type="email"][type=number]::-webkit-inner-spin-button,
input[type="email"][type=number]::-webkit-outer-spin-button,
input[type="tel"][type=number]::-webkit-inner-spin-button,
input[type="tel"][type=number]::-webkit-outer-spin-button,
input[type="password"][type=number]::-webkit-inner-spin-button,
input[type="password"][type=number]::-webkit-outer-spin-button,
input[type="url"][type=number]::-webkit-inner-spin-button,
input[type="url"][type=number]::-webkit-outer-spin-button,
input[type="search"][type=number]::-webkit-inner-spin-button,
input[type="search"][type=number]::-webkit-outer-spin-button,
textarea[type=number]::-webkit-inner-spin-button,
textarea[type=number]::-webkit-outer-spin-button,
select[type=number]::-webkit-inner-spin-button,
select[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="text"][type="search"]:focus + [role="tooltip"],
input[type="number"][type="search"]:focus + [role="tooltip"],
input[type="email"][type="search"]:focus + [role="tooltip"],
input[type="tel"][type="search"]:focus + [role="tooltip"],
input[type="password"][type="search"]:focus + [role="tooltip"],
input[type="url"][type="search"]:focus + [role="tooltip"],
input[type="search"][type="search"]:focus + [role="tooltip"],
textarea[type="search"]:focus + [role="tooltip"],
select[type="search"]:focus + [role="tooltip"] {
  display: block;
  position: absolute;
  top: 100%;
}

input[type="text"][type="search"],
input[type="number"][type="search"],
input[type="email"][type="search"],
input[type="tel"][type="search"],
input[type="password"][type="search"],
input[type="url"][type="search"],
input[type="search"][type="search"],
textarea[type="search"],
select[type="search"] {
  color: #404040;
  font-family: "Playfair Display";
  padding: 18px 15px;
}

input[type="radio"],
input[type="checkbox"] {
  margin-right: 15px;
}

input[type="submit"] {
  color: #000000;
  font-family: "Playfair Display";
  padding: 18px 15px;
}

/**
 * --------------------------------------------------
 *  2. Form Messages
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  3. Page Specific Overides
 * --------------------------------------------------
 */
.review-form select {
  background: transparent;
  position: relative;
  z-index: 1;
}

.review-form .review-row .btn {
  padding: 11px 0;
  line-height: inherit;
  min-width: 10px;
}

.review-form .review-row.search-tickets-form {
  border-bottom: none;
}

.review-form .arrows {
  z-index: 0;
}

@media (min-width: 45.5em) {
  .review-form .col-all-12 .input-group {
    width: 80%;
  }
}

@media (max-width: 90em) {
  .review-form {
    margin-left: 15px;
    margin-right: 15px;
  }
}

/**
 * --------------------------------------------------
 *  4. Filters
 * --------------------------------------------------
 */
.filter-form {
  overflow: visible;
}

.article-list .filter-form .s-container__inner {
  float: none;
}

/**
 * --------------------------------------------------
 *  5. Shortcode Forms
 * --------------------------------------------------
 */
.shortcode-form {
  background: #fbfbfb;
  margin-bottom: 1.5em;
  padding: 15px;
  position: relative;
}

.shortcode-form:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 45.5em) {
  .shortcode-form {
    padding: 30px;
  }
}

.shortcode-form .shortcode-form__group {
  position: relative;
  margin-bottom: 30px;
  width: 100%;
}

.shortcode-form .shortcode-form__group:after {
  content: "";
  display: table;
  clear: both;
}

.shortcode-form .shortcode-form__group:last-child {
  margin-bottom: 0;
}

/**
 * --------------------------------------------------
 * --------------------------------------------------
 * All the SASS for Forms
 *
 *    1. Global Social Styles
 *    2. Page Specific Overides
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  1. Global Social Styles
 * --------------------------------------------------
 */
.social-share ul {
  margin: 0;
}

.social-share ul:after {
  content: "";
  display: table;
  clear: both;
}

.social-share ul li {
  color: #460418;
  display: inline-block;
  font-size: 1.8em;
  margin-right: 0.2em;
}

@media (min-width: 45.5em) {
  .social-share ul li {
    font-size: 2.4em;
  }
}

.social-share ul li a {
  color: #460418;
}

.social-share ul li a:hover {
  color: #000000;
}

.social-share--sticky {
  position: sticky;
  top: 15px;
}

.social-share--sticky ul {
  background: white;
  border: 2px #f7f7f7 solid;
  border-left: none;
  left: 0;
  position: absolute;
  z-index: 2147483647;
}

.social-share--sticky ul li {
  display: block;
  margin: 10px;
  text-align: center;
  width: 30px;
}

@media (max-width: 880px) {
  .social-share--sticky {
    display: none !important;
  }
}

/**
 * --------------------------------------------------
 * --------------------------------------------------
 * All the SASS for Archive pages
 *
 *      1. Author
 *		2. Date Archives Listings
 *		3. Date Archives Navigation
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  1. Author
 * --------------------------------------------------
 */
.archive-title--author .author-image {
  float: left;
}

@media (max-width: 45.5em) {
  .archive-title--author .author-image {
    float: none;
    text-align: center;
    margin-bottom: 5px;
  }
}

.archive-title--author .author-image img {
  display: inline-block;
  border-radius: 100%;
  max-width: 75px;
  vertical-align: middle;
}

@media (min-width: 45.5em) {
  .archive-title--author .author-image img {
    max-width: 150px;
  }
}

.archive-title--author .author-wrap {
  display: inline-block;
  vertical-align: middle;
}

@media (min-width: 45.5em) {
  .archive-title--author .author-wrap {
    margin-left: 30px;
  }
}

.archive-title--author .author-description {
  max-width: 900px;
  display: block;
  padding-bottom: 10px;
}

.archive-title--author .author-description p {
  margin-bottom: 1.5em;
}

.archive-title--author .author-description p:last-child {
  margin-bottom: 0;
}

.archive-title--author h3 {
  font-size: 1.2em;
  margin-bottom: 40px;
}

.archive-title--author h4 {
  float: left;
  padding-right: 10px;
  line-height: 50px;
  margin-bottom: 30px;
}

.archive-title--author ul li {
  font-size: 2em;
}

.archive-title--author hr {
  border-color: #f7f7ff;
}

@media (max-width: 45.5em) {
  .archive-title--author h1, .archive-title--author h3 {
    text-align: center;
  }
}

.archive-header .title-primary {
  margin-bottom: 15px;
}

@media (min-width: 45.5em) {
  .archive-header {
    margin-bottom: 30px;
  }
}

.archive-header .description-primary p {
  margin-bottom: 15px;
}

.archive-header .description-primary p:last-child {
  margin-bottom: 0;
}

.archive-header .description-primary p strong,
.archive-header .description-primary p b {
  font-weight: bold;
}

.archive-header .description-primary p em,
.archive-header .description-primary p i {
  font-style: italic;
}

/**
 * --------------------------------------------------
 *  2. Date Archives Listings
 * --------------------------------------------------
 */
.archive-list-condensed.listing-items {
  margin-left: 0;
}

.archive-list-condensed.listing-items li {
  width: 100%;
}

.entry.listing-entry.condensed {
  border: none !important;
  color: #404040;
  margin: 0;
  padding: 3px 0;
  width: 100%;
  box-shadow: none;
}

.entry.listing-entry.condensed:hover {
  color: #460418;
}

.archive-list-condensed li.date-heading {
  border-bottom: 1px solid #CCCCCC;
  width: 100%;
  padding: 0.8em 0 0.3em 0;
  text-align: left;
}

.archive-header__title {
  margin-top: 15px;
}

@media screen and (min-width: 45.5em) {
  .archive-header__link {
    display: none;
  }
}

/**
* --------------------------------------------------
*  3. Date Archives Navigation
* --------------------------------------------------
*/
ul.archive-navigation.nav-sidebar {
  padding-top: 15px;
  visibility: hidden;
}

ul.archive-navigation li a {
  color: #404040;
}

ul.archive-navigation li a:hover {
  color: #460418;
}

ul.archive-navigation li.year {
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

ul.archive-navigation li.year a {
  padding-right: 15px;
}

ul.archive-navigation ul.months > li:first-of-type {
  padding-top: 0.2em;
}

ul.archive-navigation ul.months > li:last-of-type {
  padding-bottom: 1em;
  border-bottom: none;
}

ul.archive-navigation li.child {
  width: 100%;
  vertical-align: middle;
  padding: 0 1em;
  text-align: left;
}

ul.archive-navigation li.child a {
  color: #404040;
}

ul.archive-navigation li.child a:hover {
  color: #460418;
}

@media screen and (min-width: 728px) {
  ul.archive-navigation.nav-sidebar {
    padding-left: 30px;
    visibility: visible;
  }
  ul.archive-navigation li.year {
    border: none;
    padding: 0;
  }
  ul.archive-navigation li.year a {
    display: none;
  }
  ul.archive-navigation li.child {
    border: none;
  }
  ul.archive-navigation.nav-footer {
    display: none;
  }
}

/**
 * --------------------------------------------------
 * --------------------------------------------------
 * All the SASS for the Multimedia galleris
 *
 * 		1. Generic Gallery Styles
 *		2. Size Specific Gallery Styles
 *		3. JW Player
 *		4. Awards
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *	1. Generic Gallery Styles
 * --------------------------------------------------
 */
.multimedia-gallery {
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.multimedia-gallery .multimedia-gallery__images {
  position: relative;
}

.multimedia-gallery .multimedia-gallery__images figure {
  margin-bottom: 0;
}

.multimedia-gallery .multimedia-gallery__background {
  height: auto;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
}

.multimedia-gallery .multimedia-gallery__list {
  left: 0;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0 0 56.25% 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.multimedia-gallery .multimedia-gallery__list li {
  display: none;
  height: auto;
  left: 0;
  opacity: 0;
  position: absolute;
  padding-bottom: 56.25%;
  top: 0;
  width: 100%;
  z-index: 1;
  transition: all 250ms ease;
}

.multimedia-gallery .multimedia-gallery__list li.multimedia-gallery__item--active {
  opacity: 1;
  z-index: 2;
  display: block;
}

.multimedia-gallery .multimedia-gallery__list li img {
  margin: 0;
  font-family: "object-fit: cover; object-position: center;";
  height: 100% !important;
  max-height: 100% !important;
  object-fit: cover;
  object-position: center;
  position: absolute;
  width: 100% !important;
}

.multimedia-gallery .multimedia-gallery__list li.image-crop--top img {
  font-family: "object-fit: cover; object-position: top;";
  height: 100% !important;
  max-height: 100% !important;
  object-fit: cover;
  object-position: top;
  position: absolute;
  width: 100% !important;
}

.multimedia-gallery .multimedia-gallery__list li.image-crop--bottom img {
  font-family: "object-fit: cover; object-position: bottom;";
  height: 100% !important;
  max-height: 100% !important;
  object-fit: cover;
  object-position: bottom;
  position: absolute;
  width: 100% !important;
}

.multimedia-gallery .multimedia-gallery__count {
  padding: 15px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}

.multimedia-gallery .multimedia-gallery__button {
  display: block;
  font-size: 3em !important;
  min-width: 0;
  z-index: 3;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.multimedia-gallery .multimedia-gallery__button span {
  display: block;
  line-height: 0.8;
}

.multimedia-gallery .multimedia-gallery__button span:before {
  top: 0;
}

@media (max-width: 45.5em) {
  .multimedia-gallery .multimedia-gallery__button span {
    font-size: 0.5em;
  }
}

.multimedia-gallery .multimedia-gallery__button.multimedia-gallery__button--left {
  left: 0;
  padding-left: 0;
}

.multimedia-gallery .multimedia-gallery__button.multimedia-gallery__button--right {
  right: 0;
  padding-right: 0;
}

.multimedia-gallery .multimedia-gallery__thumbnails {
  height: 80px;
  margin: 0 auto;
  overflow: hidden;
  padding: 15px 0;
  position: relative;
  width: 714px;
  z-index: 3;
}

.multimedia-gallery .multimedia-gallery__thumbnails ul {
  font-size: 0;
  left: 0;
  list-style: none;
  height: 56px;
  margin: 0;
  padding: 0;
  position: relative;
  transition: left 250ms ease;
  text-align: center;
  width: auto;
  white-space: nowrap;
}

.multimedia-gallery .multimedia-gallery__thumbnails ul li {
  cursor: pointer;
  display: inline-block;
  height: 56px;
  margin: 0 1px;
  padding: 0;
  position: relative;
  width: 100px;
}

.multimedia-gallery .multimedia-gallery__thumbnails ul li img {
  left: 0;
  margin: 0;
  font-family: "object-fit: cover; object-position: center;";
  height: 100% !important;
  max-height: 100% !important;
  object-fit: cover;
  object-position: center;
  position: absolute;
  width: 100% !important;
}

.multimedia-gallery .multimedia-gallery__thumbnails ul li.multimedia-gallery__thumbnail--active:after {
  bottom: -4px;
  content: '';
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%;
}

@media (max-width: 62em) {
  .multimedia-gallery .multimedia-gallery__thumbnails {
    display: none;
  }
}

.multimedia-gallery .wp-caption-text {
  bottom: 25px;
  color: #fff;
  position: absolute;
  background: #000;
  padding: 5px;
}

/**
 * --------------------------------------------------
 *	2. Size Specific Gallery Styles
 * --------------------------------------------------
 */
@media (max-width: 62em) {
  .multimedia-gallery--small {
    margin-bottom: 15px;
  }
  .multimedia-gallery--small .multimedia-gallery__list {
    overflow: visible;
  }
  .multimedia-gallery--small .wp-caption-text {
    top: 100%;
    bottom: unset;
    background: transparent;
    border-bottom: 1px solid #000;
    width: 100%;
    text-align: center;
    color: #000;
  }
}

.multimedia-gallery--small .multimedia-gallery__thumbnails {
  width: 510px;
}

.multimedia-gallery--large {
  margin-top: 30px;
}

/**
 * --------------------------------------------------
 *	3. JW Player
 * --------------------------------------------------
 */
.multimedia-gallery .jwplayer:not(.jw-flag-aspect-mode) {
  padding-bottom: 56.25%;
}

/**
 * --------------------------------------------------
 *	4. Awards
 * --------------------------------------------------
 */
.multimedia-gallery .post__award {
  left: 10px;
  position: absolute;
  top: 10px;
  width: 100px;
  z-index: 9;
}

@media (max-width: 45.49em) {
  .multimedia-gallery .post__award {
    width: 70px;
  }
}

.multimedia-gallery__award-image {
  margin: 10px 0 0 -10px !important;
  max-width: 60px !important;
}

/**
 * --------------------------------------------------
 * --------------------------------------------------
 * All the SASS for Roundups
 *
 * 		1. Generic Roundup Styles
 *		2. Size Specific Gallery Styles
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *	1. Generic Roundup Styles
 * --------------------------------------------------
 */
.roundups {
  position: relative;
}

.roundup__featured {
  position: relative;
}

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

.roundup__featured .btn {
  display: block;
  font-size: 4em !important;
  min-width: 0;
  z-index: 3;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.roundup__featured .btn span {
  display: block;
  line-height: 0.8;
}

@media (max-width: 45.5em) {
  .roundup__featured .btn span {
    font-size: 0.5em;
  }
}

.roundup__featured .btn.btn--prev {
  left: 0;
  padding-left: 0;
}

.roundup__featured .btn.btn--next {
  right: 0;
  padding-right: 0;
}

.roundup__featured--large {
  margin-top: 15px;
}

.roundup__title {
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.roundup__title:after {
  content: "";
  display: table;
  clear: both;
}

.roundup__title-text {
  margin-left: 0;
  margin-right: auto;
  margin-top: 15px;
  padding-right: 15px;
}

.roundup__card-number {
  font-size: 1.5em;
  font-weight: normal;
  margin-right: 0;
  margin-top: 15px;
  white-space: nowrap;
}

.roundup__card-number span {
  font-size: 0.8em;
}

.roundup__card {
  padding: 15px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  max-width: 720px !important;
}

.roundup__card .roundup__title-text,
.roundup__card .roundup__card-number {
  margin-top: 0;
  margin-bottom: 15px !important;
}

@media (min-width: 45.5em) {
  .roundup__card {
    padding: 30px;
    margin-bottom: 30px;
  }
}

@media (min-width: 45.5em) {
  .roundup__score {
    float: left;
  }
}

.roundup__score .score-title {
  font-size: 1em;
}

.roundup__media {
  margin-top: 15px;
}

.roundup__media img {
  height: auto;
  margin: 0 0 15px 0 !important;
  max-width: 100% !important;
}

.roundup__review-btn,
.roundup__full-review {
  margin-bottom: 15px;
}

.hands-on {
  font-size: 0.8em;
  margin-bottom: 30px;
  padding: 30px;
}

/**
 * --------------------------------------------------
 * --------------------------------------------------
 * All the SASS for Videos
 *
 * !important has been used through out to override
 * the inline styles added JS
 *
 *		1. Styles from Plugin
 *      2. Brightcove Video Styling
 * 		3. Other Video Formats
 * 		4. Videos in Post Pages
 *		5. JW Player Video Styling
 *		6. Playlist
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 * 		1. Styles from Plugin
 * --------------------------------------------------
 */
.brightcove-outer-container, .video-js[data-jumpstart-account] {
  margin-bottom: 15px !important;
  padding-bottom: 56.25% !important;
  height: 0 !important;
}

.brightcove-outer-container .video-js {
  position: relative;
  height: 0 !important;
  padding-bottom: 56.25% !important;
}

.vjs-carousel {
  float: left;
  width: 100%;
  top: -15px;
  margin-bottom: 15px;
}

.bc-video-container .vjs-overlay-above {
  display: none !important;
}

.BrightcoveExperience {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.jumpstart-sticky-outer .jumpstart-sticky-inner, .jumpstart-sticky-outer .video-js[data-jumpstart-account] {
  width: 100%;
  margin: 0 !important;
}

.jumpstart-sticky-outer.jumpstart-sticky-active .jumpstart-sticky-inner {
  transition: none;
  width: 400px;
  z-index: 2147483647;
}

.jumpstart-sticky-active .align-video-left {
  left: 0;
}

/**
 * --------------------------------------------------
 *  	2. Brightcove Video Styling
 * --------------------------------------------------
 */
.video-js {
  height: 0;
  margin-bottom: 30px !important;
  padding-bottom: 56.25%;
  position: relative;
  width: 100% !important;
  float: none;
}

.video-js:after {
  content: "";
  display: table;
  clear: both;
}

.video-js > video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.video-js.vjs-mouse .vjs-big-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.feature-video:not(.video-jump-fix) {
  display: none;
  position: absolute;
  left: 50%;
  height: 100%;
  max-height: 78vh;
  width: 100%;
  z-index: 10;
  transform: translateX(-50%);
}

.feature-video:not(.video-jump-fix) .video-js {
  height: 100% !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  width: 100%;
}

.feature-video:not(.video-jump-fix) .video-js:hover .vjs-overlay.vjs-overlay-above {
  background-color: rgba(0, 0, 0, 0.6);
}

.feature-video:not(.video-jump-fix) .video-js:hover .vjs-overlay.vjs-overlay-above > * {
  opacity: 1;
}

.feature-video:not(.video-jump-fix) .jwplayer {
  height: 100% !important;
  width: auto !important;
}

.feature-video.video-jump-fix:after {
  background: transparent;
}

.video-autoplay .default-play-button {
  display: none;
}

.video-autoplay .feature-video,
.video-manualplay .feature-video {
  display: block;
}

/**
 * --------------------------------------------------
 *  	3. JW Player Video Styling
 * --------------------------------------------------
 */
.feature-video .jwplayer-container:not(.player-minimize) .jwplayer {
  max-height: 78vh;
}

.feature-video .jwplayer-container.player-minimize {
  background: transparent !important;
}

.jwplayer {
  position: relative;
}

.jwplayer:not(.jw-flag-aspect-mode) img {
  background: #000000;
  display: block;
  height: 56.25vw;
  margin: 0;
  position: relative;
  width: 100% !important;
}

@media (min-width: 45.5em) {
  .jwplayer:not(.jw-flag-aspect-mode) img {
    height: auto;
  }
}

.jw-play-button {
  background: rgba(0, 0, 0, 0.2);
  bottom: 0;
  color: #ffffff;
  font-size: 30vw;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
  cursor: pointer;
}

.jw-play-button:before {
  left: 0;
  position: absolute;
  right: 0;
  top: 13vw;
}

@media (max-width: 45.49em) {
  .jw-play-button {
    display: block !important;
  }
}

@media (min-width: 45.5em) {
  .jw-play-button {
    font-size: 15vw;
  }
  .jw-play-button:before {
    top: 50%;
    transform: translate(0, -50%);
  }
}

/*--------------------------------------------------

	4. OTHER VIDEO FORMATS

--------------------------------------------------*/
.youtube,
.youtu-be,
.vimeo,
.player-vimeo {
  height: 0;
  margin-bottom: 30px !important;
  padding-bottom: 56.25%;
  position: relative;
  width: 100% !important;
}

.youtube:after,
.youtu-be:after,
.vimeo:after,
.player-vimeo:after {
  content: "";
  display: table;
  clear: both;
}

.youtube > iframe,
.youtu-be > iframe,
.vimeo > iframe,
.player-vimeo > iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.o-container.youtube {
  background: #fbfbfb;
  min-height: 160px;
}

@media (min-width: 45.5em) {
  .o-container.youtube {
    min-height: 400px;
  }
}

/*--------------------------------------------------

	5. VIDEOS IN POST PAGES

--------------------------------------------------*/
.post-video .post-hero-inner {
  padding-bottom: 56.25%;
}

.post-video .post-hero-inner:after {
  background: rgba(0, 0, 0, 0.8);
  content: "";
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/*--------------------------------------------------

	5. JW Player Video Styling

--------------------------------------------------*/
.jwplayer-container {
  position: relative;
}

.multimedia-gallery .jwplayer,
.feature-video .jwplayer {
  z-index: 999997;
}

.featured-video .jwplayer {
  z-index: 2147483645;
}

.jwplayer-container.jwplayer-margin-bottom {
  margin-bottom: 12px;
  min-height: 180px;
  background: #fbfbfb;
}

@media (min-width: 45.5em) {
  .jwplayer-container.jwplayer-margin-bottom {
    min-height: 400px;
  }
}

.jwplayer-container.player-minimize {
  background: #000;
  position: relative;
  padding-bottom: 56.25%;
}

.jwplayer-minimize-close {
  position: absolute;
  color: #fff;
  right: 0;
  top: 0;
  z-index: 2147483646;
  background: rgba(0, 0, 0, 0.4);
  cursor: pointer;
  transition: opacity 1s ease-out;
  opacity: 0;
  height: 0;
}

.jwplayer-container.player-minimize .jwplayer-wrapper {
  bottom: 0;
  position: fixed;
  width: 400px;
  z-index: 2147483646;
}

.jwplayer-container.player-minimize .jwplayer-wrapper .jwplayer-minimize-close {
  opacity: 1;
  height: 24px;
  transition-delay: 3s;
}

.jwplayer-container.player-minimize .jwplayer-wrapper .jw-controls {
  z-index: 2147483646;
}

.jwplayer-container > p,
.jwplayer-wrapper > p {
  display: none;
}

/*--------------------------------------------------

	6. Playlist

--------------------------------------------------*/
.video-playlist {
  margin-bottom: 45px;
}

.video-playlist__playlist {
  background: #131212;
  color: #fff;
}

.video-playlist__playlist a {
  color: #fff;
}

.video-playlist__playlist a .featured-media .featured-image {
  margin-bottom: 0px;
}

.video-playlist__playlist a span:first-of-type {
  display: block;
  padding: 0 0 5px 0;
  font-size: .9em;
  border-bottom: none;
}

.video-playlist__playlist a span:last-of-type {
  display: block;
  font-size: .75em;
  border-bottom: 1px solid white;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.video-playlist__playlist span:last-of-type {
  display: none;
}

@media (min-width: 45.5em) {
  .video-playlist {
    width: 70%;
    height: 0;
    padding-bottom: calc(56.25% * 0.7);
    position: relative;
  }
  .video-playlist__playlist {
    height: 100%;
    padding: 15px;
    width: 45%;
    overflow-y: auto;
    position: absolute;
    top: 0;
    right: -45%;
  }
}

@media (max-width: 45.49em) {
  .video-playlist__playlist.full {
    display: none;
  }
  .video-playlist__playlist {
    width: 100%;
  }
  .video-playlist__playlist span:first-of-type {
    padding: 0 0 0 5px;
  }
  .video-playlist__playlist a span:first-of-type {
    padding: 0 0 0 5px;
  }
  .video-playlist__playlist a span:last-of-type {
    padding: 0 0 10px 5px;
  }
  .video-playlist__playlist a .featured-media .image img {
    margin-left: 0px;
    margin-right: 0px;
    max-width: 100%;
  }
}

/**
 * --------------------------------------------------
 * --------------------------------------------------
 * All the SASS for the Product Alert Widget
 *
 *      1. Generic Product Alert Styles
 *		2. Sidebar Product Alert Styles
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  1. Generic Product Alert Styles
 * --------------------------------------------------
 */
.keystone-product-alert-widget {
  padding: 15px;
  position: relative;
}

@media (min-width: 45.5em) {
  .keystone-product-alert-widget {
    max-width: !important;
    padding: 30px;
  }
}

.keystone-product-alert-widget .input-group .form-control {
  background: #ffffff;
  outline: 0;
}

.keystone-product-alert-widget .input-group .input-group-btn .btn {
  background: #ffffff;
  border-radius: 2px;
  color: #460418;
  font-family: "Montserrat";
  font-size: 0.7em;
  min-width: 130px;
  padding: 10px 15px;
  text-transform: uppercase;
}

@media (min-width: 90em) {
  .keystone-product-alert-widget .input-group .input-group-btn .btn {
    width: auto;
  }
}

.widget_product_alert .widgettitle {
  margin-top: 0 !important;
  margin-bottom: 30px;
}

@media (min-width: 90em) {
  .widget_product_alert .widgettitle {
    margin-bottom: 15px;
  }
}

.widget_product_alert form .product-alert__input-group {
  position: relative;
}

.widget_product_alert form .product-alert__input-group .product-alert__input-field {
  margin-bottom: 30px;
  position: relative;
}

.widget_product_alert form .product-alert__input-group .product-alert__input-field--email:before {
  color: #E8E6E3;
  content: '* Mandatory Field';
  font-size: 1em;
  position: absolute;
  right: 1px;
  top: -30px;
}

.widget_product_alert form .product-alert__input-group .product-alert__error {
  bottom: 15px;
  color: #e2001a;
  position: relative;
}

.widget_product_alert .product-alert__confirmation {
  margin-bottom: 30px;
}

.widget_product_alert .product-alert__submit {
  margin-bottom: 15px;
  display: inline-block;
  margin-left: -4px;
  margin-bottom: 30px;
  vertical-align: top;
  width: 100%;
}

.widget_product_alert .product-alert__submit-button {
  display: inline-block;
  min-width: initial;
  padding: 15px 60px;
}

.widget_product_alert .widget-footer-text {
  display: inline-block;
  margin: 0;
  vertical-align: top;
  width: 100%;
}

.widget_product_alert .widget-footer-text p {
  margin-top: 0;
}

.widget_product_alert .widget-footer-text p,
.widget_product_alert .widget-footer-text label,
.widget_product_alert .widget-footer-text .newsletter-show-more {
  font-size: 0.8em;
}

.widget_product_alert .widget-footer-text p,
.widget_product_alert .widget-footer-text label {
  color: #404040;
  margin-bottom: 0;
}

/**
 * --------------------------------------------------
 *  2. Sidebar Product Alert Styles
 * --------------------------------------------------
 */
@media (min-width: 90em) {
  .s-sidebar .keystone-product-alert-widget .product-alert__submissions {
    display: block;
  }
  .s-sidebar .keystone-product-alert-widget .product-alert__submit {
    display: block;
    margin-bottom: 15px;
    margin-left: 0;
    text-align: right;
    width: 100%;
  }
  .s-sidebar .keystone-product-alert-widget .product-alert__submit-button {
    display: block;
    min-width: 100%;
    padding: 30px 15px;
  }
  .s-sidebar .keystone-product-alert-widget .widget-footer-text {
    display: block;
    width: 100%;
  }
  .s-sidebar .keystone-product-alert-widget .terms-container {
    width: 85%;
  }
}

/**
 * --------------------------------------------------
 * --------------------------------------------------
 * All the SASS for Pagination
 *
 *		1. wp-pagenavi Plugin
 *		2. Single Pagination
 *		3. Multi Pagination
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  1. wp-pagenavi Plugin
 * --------------------------------------------------
 */
.wp-pagenavi {
  clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
  text-decoration: none;
  border: 1px solid #BFBFBF;
  padding: 3px 5px;
  margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
  border-color: #000;
}

.wp-pagenavi span.current {
  font-weight: bold;
}

/**
 * --------------------------------------------------
 *  2. Single Pagination
 * --------------------------------------------------
 */
.paginate,
.pagination-link {
  display: flex;
  justify-content: center;
  width: 100%;
}

.paginate a,
.pagination-link a {
  margin: 15px;
}

.paginate a:after,
.pagination-link a:after {
  display: none;
}

.pagination-link {
  margin-bottom: 15px;
}

/**
 * --------------------------------------------------
 *  3. Multi Pagination
 * --------------------------------------------------
 */
.multi-pagination {
  margin: 0 auto;
}

.multi-pagination:after {
  content: "";
  display: table;
  clear: both;
}

.multi-pagination .btn {
  position: relative;
}

.multi-pagination .btn.btn--prev {
  float: left;
  min-width: 30px;
  padding: 1.05em 10px 1em 1.6em;
  text-align: left;
}

.multi-pagination .btn.btn--prev .icon {
  left: 8px;
  position: absolute;
  top: calc(50% - 0.4em);
}

.multi-pagination .btn.btn--next {
  float: right;
  min-width: 150px;
  text-align: left;
  width: 40%;
}

.multi-pagination .btn.btn--next.btn--next-empty {
  padding: 1.05em 1.6em 1em 10px;
}

.multi-pagination .btn.btn--next .btn__page-title {
  display: block;
  overflow: hidden;
  padding-right: 1.6em;
  text-overflow: ellipsis;
  text-transform: initial;
  white-space: nowrap;
}

.multi-pagination .btn.btn--next .icon {
  position: absolute;
  right: 8px;
  top: calc(50% - 0.4em);
}

.multi-pagination .btn.btn--disabled {
  padding: 1.05em 10px 1em 1.6em;
}

.multi-pagination span:not(.btn) {
  font-size: 0.8em;
}

@media (max-size: 45.5em) {
  .multi-pagination .btn {
    text-align: center;
    width: 100%;
  }
}

/**
 * --------------------------------------------------
 * --------------------------------------------------
 * All the SASS for the Trending bar
 *
 *      1. Generic Trending Styles
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  1. Generic Trending Styles
 * --------------------------------------------------
 */
.trending {
  background: #ffffff;
  border-bottom: 1px solid #e8e6e3;
}

.trending__inner {
  font-size: 0.8em;
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 15px;
  padding-top: 15px;
  position: relative;
  font-family: "Montserrat";
}

@media (max-width: 45.5em) {
  .trending__inner {
    font-size: 0.7em;
  }
}

.trending__inner ul {
  list-style: none;
  margin: 0;
  overflow: auto;
  padding: 0 0 15px 0;
  width: auto;
  white-space: nowrap;
}

.trending__inner ul::-webkit-scrollbar {
  display: none;
}

.trending__inner ul li {
  display: inline;
  padding: 0 15px;
}

@media (max-width: 45.5em) {
  .trending__inner ul li {
    padding: 0 10px;
  }
}

.trending__fade {
  bottom: 0;
  display: block;
  height: 100%;
  position: absolute;
  width: 15px;
}

@media (max-width: 45.5em) {
  .trending__fade {
    left: 15px;
    margin-top: 0;
  }
}

.trending__fade.trending__fade--before {
  left: 0px;
  left: 75px;
}

@media (max-width: 45.49em) {
  .trending__fade.trending__fade--before {
    left: 58px;
    left: 58px;
  }
}

.trending__fade.trending__fade--after {
  left: initial;
  right: 0px;
}

.trending__fade--before {
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), #ffffff 90%);
}

.trending__fade--after {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 90%);
}

.trending__title {
  left: 0;
  position: absolute;
}

.trending-list__outer {
  height: 1.5em;
  overflow: hidden;
  padding-left: 85px;
  width: 100%;
}

@media (max-width: 45.49em) {
  .trending-list__outer {
    padding-left: 60px;
    padding-left: 60px;
  }
}

/**
 * --------------------------------------------------
 * --------------------------------------------------
 * All the SASS for Gallerias
 *
 *  THIS IS A LEGACY GALLERY FORMAT
 *
 *    1. Generic Galleria Styles
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  1. Generic Galleria Styles
 * --------------------------------------------------
 */
.galleria {
  height: 490px;
  margin-bottom: 1em;
}

@media screen and (max-width: 500px) {
  .galleria {
    height: 300px;
  }
}

@media screen and (max-width: 400px) {
  .galleria {
    height: 280px;
  }
}

@media screen and (max-width: 320px) {
  .galleria {
    height: 228px;
  }
}

.galleria-bar {
  height: 48px;
}

.galleria-info-text {
  padding-top: 3px;
}

.galleria-info-description,
.galleria-credits,
.galleria-file-link {
  display: block;
  margin-left: 0px;
  padding-top: 3px;
  max-width: 60em;
}

.galleria-thumblink,
.galleria-fullscreen,
.galleria-play,
.galleria-popout,
.galleria-info {
  top: 0;
}

.galleria-info {
  height: auto;
  line-height: 1.4;
  top: 7px;
}

.galleria-container,
.galleria-stage,
.galleria-bar {
  background: black;
}

/**
 * --------------------------------------------------
 * --------------------------------------------------
 * All the SASS for Galleries
 *
 *		1. Generic Gallery Styles
 *		2. Strucual Specific Styles
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  1. Generic Gallery Styles
 * --------------------------------------------------
 */
.gallery-entry {
  border-bottom: 1px #ececec solid;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.gallery-entry:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 45.5em) {
  .gallery-entry {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
}

@media (min-width: 62em) {
  .gallery-entry {
    margin-bottom: 45px;
    padding-bottom: 45px;
  }
}

.gallery-entry .gallery-nav-wrap {
  margin: 15px auto auto;
  max-width: 720px;
}

.gallery-entry .gallery-counter {
  display: inline-block;
  font-size: 140%;
}

.gallery-entry .gallery-counter .counter-current {
  font-style: normal;
}

.gallery-entry .gallery-counter .counter-total {
  color: #898989;
}

.gallery-entry .gallery-counter .counter-total:before {
  color: #898989;
  content: "\002F";
  margin-right: 5px;
  speak: none;
}

.gallery-entry .item-navigation .disabled a {
  color: #ececec;
  cursor: default;
}

.gallery-entry .gallery-image-wrap {
  display: block;
  margin-bottom: 15px;
  position: relative;
}

.gallery-entry .gallery-image-wrap:after {
  content: "";
  display: table;
  clear: both;
}

.gallery-entry .gallery-image {
  display: block;
  position: relative;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
}

.gallery-entry .gallery-image img {
  display: block;
  height: auto;
  margin-bottom: 0;
  width: 100%;
}

@media (max-width: 45.49em) {
  .gallery-entry .gallery-image img {
    margin-left: 0;
    margin-right: 0;
  }
}

.gallery-entry .gallery-image-group {
  position: relative;
  text-align: center;
}

.gallery-entry .gallery-image-group .image-zoom {
  background: none;
  background-color: rgba(0, 0, 0, 0.6);
  border: none;
  color: white;
  font-size: 25px;
  line-height: 0;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1000;
  transition: all 0.2s linear;
}

.gallery-entry .gallery-image-group.zoom:hover .image-zoom,
.gallery-entry .gallery-image-group.zoom:focus .image-zoom {
  background-color: black;
}

.gallery-entry .gallery-image-group.zoom .zoom-load {
  background-color: white;
  border-radius: 10%;
  max-width: 40px;
  padding: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.gallery-entry .gallery-image-group.zoomedOut:hover, .gallery-entry .gallery-image-group.zoomedOut:focus {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.gallery-entry .gallery-image-group.zoomedIn:hover, .gallery-entry .gallery-image-group.zoomedIn:focus {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.gallery-entry .gallery-body {
  max-width: 720px;
  margin: auto;
}

.gallery-entry .gallery-body .btn {
  margin-bottom: 30px;
}

.gallery-entry .gallery-body b {
  font-weight: bold;
}

.gallery-entry .gallery-body i {
  font-style: italic;
}

.gallery-entry .gallery-header .social-share ul li {
  margin-left: 0;
  margin-right: .2em;
}

.gallery-entry .gallery-header .social-share ul li a {
  color: #460418;
}

.gallery-entry .gallery-header .social-share ul li a:hover {
  color: #000000;
}

.gallery-entry .gallery-title {
  border-left: none;
  border-right: none;
  margin-bottom: 10px;
}

.gallery-entry .gallery-image-credit {
  color: #898989;
  display: block;
  font-size: 0.8em;
  max-width: 720px;
  text-align: left;
}

.gallery-entry .gallery-image-credit cite {
  font-size: 85%;
  font-style: normal;
}

.gallery-entry .gallery-button-link {
  display: block;
  margin: 0 auto 20px auto;
  max-width: 50%;
  width: 100%;
}

@media (min-width: 62em) {
  .gallery-entry.portrait .gallery-nav-wrap, .gallery-entry.square .gallery-nav-wrap {
    left: calc(100% + 30px);
    position: absolute;
    top: 0;
    width: inherit;
    margin: 0;
  }
  .gallery-entry.portrait .gallery-body,
  .gallery-entry.portrait .gallery-image-wrap, .gallery-entry.square .gallery-body,
  .gallery-entry.square .gallery-image-wrap {
    float: left;
    width: 50%;
  }
  .gallery-entry.portrait .gallery-body, .gallery-entry.square .gallery-body {
    padding-left: 30px;
    float: right;
  }
  .gallery-entry.portrait .gallery-header, .gallery-entry.square .gallery-header {
    margin-top: 3em;
  }
  .gallery-entry.portrait .gallery-image-credit, .gallery-entry.square .gallery-image-credit {
    max-width: none;
    clear: left;
  }
}

@media (min-width: 45.5em) {
  .gallery .s-sidebar {
    position: absolute;
  }
}

@media (min-width: 45.5em) {
  .showcase-main .s-sidebar {
    position: absolute;
    right: 0;
  }
}

/**
 * --------------------------------------------------
 *  2. Strucual Specific Styles
 * --------------------------------------------------
 */
.gallery.zoom-disabled .zoomedOut,
.gallery.zoom-disabled .zoomedIn {
  cursor: default !important;
}

.gallery.zoom-disabled .image-zoom {
  display: none !important;
}

/**
 * --------------------------------------------------
 *  3. Typography Styles
 * --------------------------------------------------
 */
.gallery-entry h3 {
  margin-top: 0.5em;
}

/**
 * --------------------------------------------------
 * --------------------------------------------------
 * All the SASS for the Newsletter Widget
 *
 * 		1. Global Newsletter Styles
 * 		2. Sidebar Specific Styles
 * 		3. reCaptcha
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  1. Global Newsletter Styles
 * --------------------------------------------------
 */
.keystone-newsletter-class {
  box-sizing: border-box;
  background-color: #f7f7f7;
  color: #404040;
  margin: 15px auto;
  max-width: 1440px;
  padding: 0 15px;
  border: 1px #ececec solid;
}

@media (min-width: 45.5em) {
  .keystone-newsletter-class {
    margin: 45px auto;
  }
}

.keystone-newsletter-class .selligent-newsletter div.container {
  width: 100%;
}

.keystone-newsletter-class .selligent-newsletter .widget_newsletter:first-child {
  padding: 0;
}

.keystone-newsletter-class .selligent-newsletter .footer-text .terms-container {
  display: none;
}

.keystone-newsletter-class h2 {
  border-bottom: 3px solid #460418;
  display: inline-block;
  margin: 30px;
  padding: 15px;
}

@media (min-width: 45.5em) {
  .keystone-newsletter-class h2 {
    padding: 15px;
  }
}

.keystone-newsletter-class .widget_newsletter {
  padding: 0 0 30px;
  text-align: center;
}

.keystone-newsletter-class .widget_newsletter .widgettitle {
  margin-bottom: 15px;
}

.keystone-newsletter-class .widget_newsletter .intro-text,
.keystone-newsletter-class .widget_newsletter .widget-intro-text {
  margin-bottom: 15px;
}

.keystone-newsletter-class .widget_newsletter .intro-text .image-email,
.keystone-newsletter-class .widget_newsletter .widget-intro-text .image-email {
  margin-bottom: 15px;
}

.keystone-newsletter-class .widget_newsletter .intro-text .image-email.alignleft,
.keystone-newsletter-class .widget_newsletter .widget-intro-text .image-email.alignleft {
  float: left;
  margin-right: 15px;
}

.keystone-newsletter-class .widget_newsletter .intro-text .image-email.alignright,
.keystone-newsletter-class .widget_newsletter .widget-intro-text .image-email.alignright {
  float: right;
  margin-left: 15px;
}

.keystone-newsletter-class .widget_newsletter form .input-group {
  margin: 0 auto;
  max-width: 600px;
  position: relative;
  width: 100%;
}

.keystone-newsletter-class .widget_newsletter form .input-group:after {
  content: "";
  display: table;
  clear: both;
}

.keystone-newsletter-class .widget_newsletter form .input-group input,
.keystone-newsletter-class .widget_newsletter form .input-group .form-control {
  border: 1px #ececec solid;
  min-height: 30px;
  padding: 15px 90px 15px 15px;
}

.keystone-newsletter-class .widget_newsletter form .input-group input:focus,
.keystone-newsletter-class .widget_newsletter form .input-group .form-control:focus {
  border: 1px #ececec solid;
  outline: 0;
}

.keystone-newsletter-class .widget_newsletter form .input-group input::placeholder,
.keystone-newsletter-class .widget_newsletter form .input-group .form-control::placeholder {
  color: #404040;
}

.keystone-newsletter-class .widget_newsletter form .input-group .input-group-btn {
  display: block;
  left: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.keystone-newsletter-class .widget_newsletter form .input-group .input-group-btn .btn {
  border: none;
  padding: 0 15px;
  margin: 0;
  min-height: 52px;
  min-width: 100%;
}

@media (max-width: 45.5em) {
  .keystone-newsletter-class .widget_newsletter .widget-footer-text {
    margin-bottom: 15px;
  }
}

.keystone-newsletter-class .widget_newsletter .widget-footer-text p,
.keystone-newsletter-class .widget_newsletter .widget-footer-text label {
  color: #404040;
}

.keystone-newsletter-class .widget_newsletter .widget-footer-text p,
.keystone-newsletter-class .widget_newsletter .widget-footer-text label,
.keystone-newsletter-class .widget_newsletter .widget-footer-text .newsletter-show-more {
  margin-top: 15px;
}

.keystone-newsletter-class .widget_newsletter .terms-container {
  margin-top: 15px;
}

.keystone-newsletter-class .widget_newsletter .terms-container a {
  color: #460418;
}

.keystone-newsletter-class .widget_newsletter .terms-container a:hover {
  text-decoration: underline;
}

.keystone-newsletter-class .widget_newsletter .terms-container .icon-down:after,
.keystone-newsletter-class .widget_newsletter .terms-container .icon-up:after {
  display: inline-block;
  margin-left: 7.5px;
  font-size: 0.8em;
  transition: all 0.3s ease-in-out;
}

.keystone-newsletter-class .widget_newsletter .terms-container .icon-up:after {
  transform: rotate(180deg);
}

.keystone-newsletter-class .widget_newsletter .terms-container .checkbox-newsletter .col-xs-1 {
  width: 0;
}

.keystone-newsletter-class .widget_newsletter .terms-container .checkbox-newsletter input[type="checkbox"] {
  float: left;
  position: absolute;
  visibility: hidden;
}

.keystone-newsletter-class .widget_newsletter .terms-container .checkbox-newsletter input[type="checkbox"]:checked + label:after {
  opacity: 1;
}

.keystone-newsletter-class .widget_newsletter .terms-container .checkbox-newsletter label {
  cursor: pointer;
  display: inline;
  margin: 0;
  position: relative;
}

.keystone-newsletter-class .widget_newsletter .terms-container .checkbox-newsletter label:before {
  border: 1px solid #000;
  content: " ";
  display: inline-block;
  height: 15px;
  margin-right: 15px;
  vertical-align: middle;
  width: 15px;
}

.keystone-newsletter-class .widget_newsletter .terms-container .checkbox-newsletter label:after {
  content: " ";
  background: transparent;
  border: 2px solid #000;
  border-right: none;
  border-top: none;
  height: 5px;
  left: 2px;
  opacity: 0;
  position: absolute;
  top: 7px;
  width: 10px;
  transform: rotate(-45deg);
}

.keystone-newsletter-class .widget_newsletter .terms-container .checkbox-newsletter label:hover::after {
  opacity: 0.2;
}

.keystone-newsletter-class .widget_newsletter .terms-container .icon-up,
.keystone-newsletter-class .widget_newsletter .terms-container .collapsed {
  margin-left: -4px;
}

.keystone-newsletter-class .widget_newsletter .terms-container,
.keystone-newsletter-class .widget_newsletter .terms-container-collapsible {
  display: block;
  font-size: 0.8em;
  margin-bottom: 15px;
}

.keystone-newsletter-class .widget_newsletter .terms-container .checkbox-newsletter:nth-of-type(2),
.keystone-newsletter-class .widget_newsletter .terms-container-collapsible .checkbox-newsletter:nth-of-type(2) {
  margin-bottom: 15px;
}

.keystone-newsletter-class .widget_newsletter .terms-container p:last-child a:first-child,
.keystone-newsletter-class .widget_newsletter .terms-container-collapsible p:last-child a:first-child {
  margin-right: 7.5px;
}

.keystone-newsletter-class .widget_newsletter .terms-container p:last-child a:last-child,
.keystone-newsletter-class .widget_newsletter .terms-container-collapsible p:last-child a:last-child {
  margin-left: 7.5px;
}

.keystone-newsletter-class .widget_newsletter .terms-container.collapse, .keystone-newsletter-class .widget_newsletter .terms-container.collapsing,
.keystone-newsletter-class .widget_newsletter .terms-container-collapsible.collapse,
.keystone-newsletter-class .widget_newsletter .terms-container-collapsible.collapsing {
  display: none;
  overflow: hidden;
}

@media (min-width: 45.5em) {
  .keystone-newsletter-class.col-all-12 .input-group {
    width: 80%;
  }
}

/**
 * --------------------------------------------------
 *  2. Sidebar Specific Styles
 * --------------------------------------------------
 */
.s-sidebar .keystone-newsletter-class {
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 45.5em) {
  .s-sidebar .keystone-newsletter-class {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.s-sidebar .keystone-newsletter-class .input-group-btn {
  margin-top: 5px;
  position: relative !important;
}

/**
 * --------------------------------------------------
 *  3. reCaptcha
 * --------------------------------------------------
 */
.grecaptcha-badge {
  visibility: hidden;
}

/**
 * --------------------------------------------------
 * --------------------------------------------------
 * All the SASS for Reviews
 *
 *
 *    	1. Ratings / Score
 *		2. Review Sections
 *		3. Review Pros, Cons & Features
 *		4. Review Specs
 *		5. Hero Items
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  1. Ratings / Score
 * --------------------------------------------------
 */
.review-overview {
  color: #000000;
}

.review-rating,
.review-score {
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.review-rating:after,
.review-score:after {
  content: "";
  display: table;
  clear: both;
}

.review-rating--no-border {
  border-bottom: 0;
}

.review-rating--score {
  float: left;
  width: 75%;
  margin: 0 -190px 0 0;
  font-family: "Montserrat";
}

.review-rating--score .score-stars span {
  color: #E52A18;
}

.review-pros {
  float: left;
  width: 50%;
}

.review-pros h3, .review-cons h3 {
  font-weight: 700;
}

.review-pros ul, .review-cons ul {
  list-style: none;
  margin-bottom: 0;
}

@media (max-width: 61.99em) {
  .review-pros, .review-cons {
    width: 100%;
  }
}

.review-pros ul li::before {
  content: '✓';
  margin: 0 15px 0 0;
}

.review-cons ul li::before {
  content: 'x';
  margin: 0 15px 0 0;
  color: red;
}

@media (max-width: 45.49em) {
  .review-cons {
    float: left;
  }
}

.review-manufacturer {
  clear: both;
}

.review-manufacturer h3 {
  display: inline;
  font-size: 1em;
}

.review-manufacturer p {
  display: inline;
  font-weight: 700;
}

.review-rating--score:after,
.review-score__overall:after {
  content: "";
  display: table;
  clear: both;
}

.review-rating--score .score-title,
.review-score__overall .score-title {
  margin: 0;
  width: 50%;
  background: linear-gradient(to top right, #860c2f 42%, #cc0000 100%);
  color: #ffffff;
}

.review-rating--score .score-title,
.review-rating--score .score-stars,
.review-score__overall .score-title,
.review-score__overall .score-stars {
  display: inline-block;
  position: relative;
}

.review-rating--score .score-number,
.review-rating--score .score-points,
.review-score__overall .score-number,
.review-score__overall .score-points {
  background: #000000;
  color: #ffffff;
  width: 15%;
}

.review-rating--score .score-number,
.review-rating--score .score-title,
.review-rating--score .score-points,
.review-score__overall .score-number,
.review-score__overall .score-title,
.review-score__overall .score-points {
  text-align: left;
  float: left;
  padding: 0 0 0 20px;
  min-height: 30px;
  line-height: 30px;
}

@media (max-width: 45.5em) {
  .review-rating--score .score-stars,
  .review-score__overall .score-stars {
    top: 2px;
  }
}

.review-rating--score .score-stars span,
.review-score__overall .score-stars span {
  color: #E52A18;
}

.review-price h3 {
  display: inline;
  font-size: 1em;
}

.review-price p {
  display: inline;
  font-weight: 700;
}

.review-additional-ratings {
  text-align: left;
  float: left;
  width: 50%;
}

@media (max-width: 45.49em) {
  .review-additional-ratings {
    display: contents;
  }
}

@media (max-width: 45.49em) {
  .review-additional-ratings ul {
    display: block;
  }
}

.review-additional-ratings ul li {
  background: #e8e6e3;
  padding: 0 0 0 20px;
  min-height: 30px;
}

@media (max-width: 45.49em) {
  .review-additional-ratings ul li {
    width: 50%;
    float: left;
  }
}

.review-verdict {
  border-radius: 5px;
}

.review-comments {
  cursor: pointer;
  display: inline-block;
  text-align: right;
  width: 49%;
}

.review-rating--image {
  display: block;
  float: left;
  margin-bottom: 45px;
  margin-right: 15px;
  text-align: right;
  width: 100%;
}

@media (min-width: 45.5em) {
  .review-rating--image {
    max-width: 200px;
    width: 50%;
  }
}

.review-rating--image .featured-image,
.review-rating--image figure,
.review-rating--image img {
  margin-bottom: 0 !important;
}

.review-score {
  display: block;
  margin-bottom: 15px !important;
}

.review-score .review-score__overall {
  width: 100%;
}

.review-score .review-score__overall h2 {
  text-align: left;
}

.review-score .review-score__overall h2,
.review-score .review-score__overall .score-stars {
  display: block;
  float: left;
  margin: 0;
  position: relative;
  width: 50%;
}

.review-score .review-score__overall h2 span,
.review-score .review-score__overall .score-stars span {
  color: #E52A18;
}

.review-score .review-score__overall .score-stars {
  text-align: right;
  top: 6px;
}

@media (max-width: 45.5em) {
  .review-score .review-score__overall .score-stars {
    font-size: 1.2em;
    top: 0;
  }
}

.review-score .review-score__detail h3 {
  display: block;
}

.review-score .review-score__detail ul {
  padding: 0;
  list-style: none;
}

.review-score .review-score__detail ul:after {
  content: "";
  display: table;
  clear: both;
}

.review-score .review-score__detail ul li {
  display: block;
  float: left;
  padding: 15px 15px 0 0;
  width: 50%;
}

.review-score .review-score__detail ul li:nth-child(even) {
  padding: 15px 0 0 15px;
}

.review-score .review-score__detail ul li .detail-title {
  display: block;
}

.review-score .review-score__detail ul li .detail-title:after {
  content: "";
  display: table;
  clear: both;
}

.review-score .review-score__detail ul li .detail-title span {
  float: right;
}

.review-score .review-score__detail ul li .detail-bar {
  background: #0F976B;
  height: 10px;
  position: relative;
  width: 100%;
}

.review-score .review-score__detail ul li .detail-bar__inner {
  background: #CCCCCC;
  height: 10px;
  left: 0;
  position: absolute;
  top: 0;
  width: 0;
}

.review-score .review-score__detail ul li .detail-bar__inner.detail-bar__inner--10 {
  width: 10%;
}

.review-score .review-score__detail ul li .detail-bar__inner.detail-bar__inner--20 {
  width: 20%;
}

.review-score .review-score__detail ul li .detail-bar__inner.detail-bar__inner--30 {
  width: 30%;
}

.review-score .review-score__detail ul li .detail-bar__inner.detail-bar__inner--40 {
  width: 40%;
}

.review-score .review-score__detail ul li .detail-bar__inner.detail-bar__inner--50 {
  width: 50%;
}

.review-score .review-score__detail ul li .detail-bar__inner.detail-bar__inner--60 {
  width: 60%;
}

.review-score .review-score__detail ul li .detail-bar__inner.detail-bar__inner--70 {
  width: 70%;
}

.review-score .review-score__detail ul li .detail-bar__inner.detail-bar__inner--80 {
  width: 80%;
}

.review-score .review-score__detail ul li .detail-bar__inner.detail-bar__inner--90 {
  width: 90%;
}

.review-score .review-score__detail ul li .detail-bar__inner.detail-bar__inner--100 {
  width: 100%;
}

.review__author {
  display: block;
}

.review__author img {
  border-radius: 100%;
  max-width: 75px;
}

ul.review__social:after {
  content: "";
  display: table;
  clear: both;
}

ul.review__social li {
  display: inline-block;
}

@media (max-width: 45.49em) {
  .review-rating--score,
  .review-comments {
    width: 100%;
  }
  .review-rating--image {
    margin-bottom: 15px;
  }
  .review-rating--image img {
    margin: 0 !important;
    max-width: 100% !important;
  }
  .review-score h2,
  .review-score .score-stars {
    width: 100%;
  }
  .review-score .review-score__detail ul li {
    padding: 15px 0 0 0 !important;
    width: 100%;
  }
}

/** review listing page (/reviews) **/
/**
 * --------------------------------------------------
 *  2. Review Sections
 * --------------------------------------------------
 */
.review-sections {
  margin-bottom: 15px;
}

.review-sections h3 {
  margin-top: 0;
}

.review-sections ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.review-sections ul li {
  font-weight: bold;
}

.review-sections ul li span {
  margin: 0 15px 0 0;
}

.review__icons {
  margin: 15px auto;
  max-width: 970px;
  text-align: center;
  width: 100%;
}

.review__icons:after {
  content: "";
  display: table;
  clear: both;
}

@media (max-width: 45.49em) {
  .review__icons {
    padding: 0 15px;
  }
}

.review__icons > div {
  display: inline-block;
  width: 100%;
}

@media (min-width: 45.5em) {
  .review__icons > div {
    display: inline-block;
    vertical-align: middle;
    width: auto;
  }
}

@media (min-width: 45.5em) {
  .review__icons .review-rating--score {
    border-right: 1px #ececec solid;
    padding-right: 15px;
  }
  .review__icons .social-share {
    padding-left: 10px;
    padding-top: 5px;
  }
}

/**
 * --------------------------------------------------
 *  3. Review Pros, Cons & Features
 * --------------------------------------------------
 */
.review-points:after {
  content: "";
  display: table;
  clear: both;
}

.review-points p:last-child {
  margin-bottom: 0;
}

.review-points .review-points__pros,
.review-points .review-points__cons {
  float: left;
  width: 50%;
}

.review-points .review-points__pros h3,
.review-points .review-points__cons h3 {
  margin-bottom: 15px;
}

.review-points .review-points__pros ul,
.review-points .review-points__cons ul {
  margin-bottom: 0;
  list-style: none;
  padding: 0;
}

.review-points .review-points__pros ul li:after,
.review-points .review-points__cons ul li:after {
  content: "";
  display: table;
  clear: both;
}

.review-points .review-points__pros ul li .icon,
.review-points .review-points__cons ul li .icon {
  color: #216DB5;
  display: block;
  float: left;
  font-size: 0.6em;
  margin-right: 15px;
  width: 5%;
}

.review-points .review-points__pros ul li .point,
.review-points .review-points__cons ul li .point {
  display: block;
  float: left;
  position: relative;
  top: -5px;
  width: 80%;
}

.review-points .review-points__cons ul {
  margin-bottom: 0;
}

.review-points .review-points__cons ul li .icon {
  color: #E52A18;
}

@media (max-width: 61.99em) {
  .review-points {
    padding: 15px;
    display: block;
  }
  .review-points .review-points__pros,
  .review-points .review-points__cons {
    width: 100%;
  }
}

.review-features {
  margin-top: 15px;
}

.review-features ul {
  display: flex;
  flex-direction: row;
  padding: 0 0 0 15px;
  margin: 15px 0 15px 15px;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.review-features ul:after {
  content: "";
  display: table;
  clear: both;
}

.review-features li {
  padding-right: 30px;
  list-style: disc;
  /* IE 10 styles */
  -ms-flex-positive: 0;
  -ms-flex-negative: 0;
  -ms-flex-preferred-size: 50%;
  /* All other browsers */
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
}

.review-features li.review-features__price {
  font-weight: bold;
}

@media (max-width: 62em) {
  .review-features ul li {
    padding-right: 0;
    /* IE 10 styles */
    -ms-flex-positive: 0;
    -ms-flex-negative: 0;
    -ms-flex-preferred-size: 100%;
    /* All other browsers */
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
  }
}

/**
 * --------------------------------------------------
 *  4. Review Specs
 * --------------------------------------------------
 */
.review-specs {
  margin-bottom: 15px;
  position: relative;
}

.review-specs .review-specs__section-title {
  padding: .3em .5em .5em;
  margin-top: 15px;
  position: relative;
}

.review-specs .icon {
  position: absolute;
  top: 15px;
  right: 15px;
}

.review-specs .review-specs__table {
  display: none;
}

.review-specs table tr td {
  padding: 0.8em;
  width: 50%;
}

/**
 * --------------------------------------------------
 *  5. Hero Items
 * --------------------------------------------------
 */
.has-hero-entries .review-rating--score {
  display: block;
  width: auto !important;
  padding: 5px 10px 5px 5px;
  margin-left: -5px;
}

/**
 * --------------------------------------------------
 * --------------------------------------------------
 * All the SASS for Recipe pages
 *
 *		1. Generic Styles
 *		2. Rating
 *		3. Author
 *		4. Social
 *		5. Card
 *		6. Dietary
 *		7. Nutrition
 *		8. Ingrediants
 *		9. Whisk
 *		10. Method
 *		11. Top Tip
 *		12. Explore
 *		13. Footer
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  1. Generic Styles
 * --------------------------------------------------
 */
.recipe .widget_text .textwidget {
  padding-top: 0;
}

.recipe .widget_text .textwidget h2 {
  padding-bottom: 0;
}

.recipe .featured-video {
  margin-bottom: 2em;
}

/**
 * --------------------------------------------------
 *  2. Rating
 * --------------------------------------------------
 */
.recipe__rating {
  margin: 15px 0;
}

.recipe__rating:after {
  content: "";
  display: table;
  clear: both;
}

.recipe__rating .score-label {
  float: left;
  margin-right: 7.5px;
  position: relative;
  top: 5px;
}

.recipe__rating .score-label.score-ratings--large {
  margin-right: 15px;
  top: 4px;
}

@media (max-width: 45.49em) {
  .recipe__rating .score-label {
    width: 100%;
  }
}

.recipe__rating .score-stars {
  float: left;
}

.recipe__rating .score-stars .star {
  cursor: pointer;
}

.recipe__rating .score-ratings {
  float: left;
  margin-left: 7.5px;
  position: relative;
  top: 5px;
}

.recipe__rating .score-ratings.score-ratings--large {
  margin-left: 15px;
  top: 4px;
}

.recipe__rating .score-message {
  color: #898989;
  float: left;
  line-height: 2.4em;
  opacity: 0;
  margin-left: 15px;
  position: relative;
  transition: opacity 500ms ease;
}

.recipe__rating .score-message--active {
  opacity: 1;
}

.recipe__rating .score-loader,
.recipe__rating .score-loader:after {
  border-radius: 50%;
  height: 2.2em;
  width: 2.2em;
}

.recipe__rating .score-loader {
  animation: loaderAnimation 1.1s infinite linear;
  border: 0.6em solid #E8E6E3;
  border-left: 0.6em solid #460418;
  display: inline-block;
  font-size: 9px;
  position: relative;
  top: 3px;
  text-indent: -9999em;
  transform: translateZ(0);
}

@keyframes loaderAnimation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.recipe__rating:last-of-type {
  margin: 2em 0;
}

/**
 * --------------------------------------------------
 *  3. Author
 * --------------------------------------------------
 */
.recipe__author {
  display: block;
}

.recipe__author img {
  border-radius: 100%;
  max-width: 75px;
}

/**
 * --------------------------------------------------
 *  4. Social
 * --------------------------------------------------
 */
ul.recipe__social {
  margin-top: 7.5px;
}

ul.recipe__social:after {
  content: "";
  display: table;
  clear: both;
}

ul.recipe__social li {
  display: inline-block;
}

/**
 * --------------------------------------------------
 *  5. Card
 * --------------------------------------------------
 */
.recipe__card {
  position: relative;
  min-height: 40vw;
  margin-bottom: 2em;
}

.recipe__card:after {
  content: "";
  display: table;
  clear: both;
}

@media (max-width: 45.49em) {
  .recipe__card {
    margin-left: -15px;
    margin-right: -15px;
  }
}

.recipe__card--small {
  min-height: 25vw;
}

.recipe__card-image {
  float: left;
  height: 100%;
  position: relative;
  width: 100%;
}

.recipe__card-image .featured-image,
.recipe__card-image figure,
.recipe__card-image img {
  margin: 0 !important;
  height: 100%;
}

@media (max-width: 45.49em) {
  .recipe__card-image img {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

@media (max-width: 45.49em) {
  .recipe__card-image img {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

.recipe__card-image .wp-caption-text {
  display: none;
}

@media (min-width: 62em) {
  .recipe__card--large .recipe__card-image {
    position: absolute;
    width: calc(100% - 345px - 30px);
  }
  .recipe__card--large .recipe__card-image img {
    font-family: "object-fit: cover; object-position: center;";
    height: 100% !important;
    max-height: 100% !important;
    object-fit: cover;
    object-position: center;
    position: absolute;
    width: 100% !important;
  }
  .recipe__card--large .recipe__card-image .image-crop--top img {
    font-family: "object-fit: cover; object-position: top;";
    height: 100% !important;
    max-height: 100% !important;
    object-fit: cover;
    object-position: top;
    position: absolute;
    width: 100% !important;
  }
  .recipe__card--large .recipe__card-image .image-crop--bottom img {
    font-family: "object-fit: cover; object-position: bottom;";
    height: 100% !important;
    max-height: 100% !important;
    object-fit: cover;
    object-position: bottom;
    position: absolute;
    width: 100% !important;
  }
}

@media (min-width: 1200px) {
  .recipe__card--small .recipe__card-image {
    position: absolute;
    width: calc(100% - 345px - 30px);
  }
  .recipe__card--small .recipe__card-image img {
    font-family: "object-fit: cover; object-position: center;";
    height: 100% !important;
    max-height: 100% !important;
    object-fit: cover;
    object-position: center;
    position: absolute;
    width: 100% !important;
  }
  .recipe__card--small .recipe__card-image .image-crop--top img {
    font-family: "object-fit: cover; object-position: top;";
    height: 100% !important;
    max-height: 100% !important;
    object-fit: cover;
    object-position: top;
    position: absolute;
    width: 100% !important;
  }
  .recipe__card--small .recipe__card-image .image-crop--bottom img {
    font-family: "object-fit: cover; object-position: bottom;";
    height: 100% !important;
    max-height: 100% !important;
    object-fit: cover;
    object-position: bottom;
    position: absolute;
    width: 100% !important;
  }
}

.recipe__card-info {
  float: left;
  padding: 30px 0 0 15px;
  position: relative;
  width: 100%;
}

.recipe__card-info:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 45.5em) {
  .recipe__card-info {
    padding: 30px 0 0 15px;
    width: 50%;
  }
}

@media (min-width: 62em) {
  .recipe__card-info {
    float: right;
    padding: 45px 0 30px 30px;
    width: calc(345px + 30px);
  }
}

@media (max-width: 1200px) {
  .recipe__card--small .recipe__card-info {
    width: 100%;
  }
}

.recipe__card-info tr.recipe__card-item {
  background: transparent !important;
}

.recipe__card-info tr td {
  font-size: 16px;
  padding: 0;
}

.recipe__card-info tr > :first-child {
  font-weight: bold;
  min-width: 80px;
  text-transform: capitalize;
}

.recipe__card-item {
  float: left;
  padding-right: 15px;
  width: 50%;
}

.recipe__card-item:after {
  content: "";
  display: table;
  clear: both;
}

.recipe__card-item h4 {
  font-weight: bold;
  float: left;
}

.recipe__card-item h4.capitalise {
  text-transform: capitalize;
}

.recipe__card-item span {
  display: block;
  float: left;
  line-height: 1.4em;
  padding-left: 5px;
  text-transform: capitalize;
}

@media (min-width: 45.5em) {
  .recipe__card-item {
    padding-right: 10px;
    width: 50%;
  }
}

@media (min-width: 62em) {
  .recipe__card-item {
    padding-right: 30px;
  }
  .recipe__card-item span {
    float: right;
    padding-left: 0;
  }
}

.recipe__card-item--large {
  margin-top: 15px;
}

@media (min-width: 62em) {
  .recipe__card-item--large {
    margin-top: 30px;
  }
}

.recipe__card-item--clear {
  clear: left;
  width: auto;
}

@media (min-width: 62em) {
  .recipe__card-item--clear {
    width: 50%;
  }
}

.recipe__card-item--note {
  margin-left: -10px;
}

.recipe__card-item--note span {
  float: left;
}

@media (min-width: 62em) {
  .recipe__card-item--note {
    margin-left: -21px;
  }
}

/**
 * --------------------------------------------------
 *  6. Dietary
 * --------------------------------------------------
 */
.recipe__dietary {
  position: absolute;
  right: 15px;
  top: -15px;
}

.recipe__dietary:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 45.5em) {
  .recipe__dietary {
    left: 15px;
    right: inherit;
    width: 200%;
  }
}

@media (min-width: 62em) {
  .recipe__dietary {
    right: 21px;
    width: 100%;
  }
}

.recipe__dietary-item {
  float: left;
  font-weight: bold;
  padding: 0 10px;
  text-transform: capitalize;
}

/**
 * --------------------------------------------------
 *  7. Nutrition
 * --------------------------------------------------
 */
.recipe__nutrition {
  float: right;
  margin: 15px 15px 15px 0;
  padding: 15px;
  width: calc(100% - (15px * 2));
}

.recipe__nutrition:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 45.5em) {
  .recipe__nutrition {
    margin: 15px 15px 15px 0;
    width: calc(50% - (15px * 2));
  }
}

@media (min-width: 62em) {
  .recipe__nutrition {
    clear: right;
    margin: 0 30px 30px 0;
    width: calc(345px - 30px);
  }
}

@media (max-width: 1200px) {
  .recipe__card--small .recipe__nutrition {
    margin: 15px;
    width: calc(100% - (15px * 2));
  }
}

.recipe__nutrition table {
  font-size: 1em;
  width: 100%;
}

.recipe__nutrition table tr {
  background: none !important;
}

.recipe__nutrition table td,
.recipe__nutrition table th {
  padding: 0 15px 0 0;
  text-align: right;
}

.recipe__nutrition table td:first-child,
.recipe__nutrition table th:first-child {
  text-align: left;
}

.recipe__nutrition table td {
  font-size: .8em;
}

.recipe__nutrition table td span {
  font-weight: bold;
}

.recipe__nutrition table th h4 {
  font-weight: bold;
}

.recipe__nutrition table th span {
  font-weight: normal;
}

/**
 * --------------------------------------------------
 *  8. Ingredients
 * --------------------------------------------------
 */
.recipe__ingredients {
  margin: 2em 0;
  padding: 0;
}

.recipe__ingredients:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 45.5em) {
  .recipe__ingredients {
    margin-top: 30px;
  }
}

@media (min-width: 62em) {
  .recipe__ingredients {
    margin-top: 45px;
  }
}

.recipe__ingredients-list {
  float: left;
  list-style: disc;
  padding: 0 15px 0 2em;
  width: calc(100% - 300px);
}

@media (max-width: 72em) {
  .recipe__ingredients-list {
    float: left;
    width: 100%;
  }
}

.recipe__ingredients-list li.subtitle {
  font-weight: bold;
  left: -2em;
  list-style: none;
  margin-top: 15px;
  position: relative;
  text-transform: capitalize;
}

/**
 * --------------------------------------------------
 *  9. Whisk
 * --------------------------------------------------
 */
.whisk_button_holder {
  background: #fbfbfb;
  float: left;
  margin: 0;
  padding: 0 15px 15px 15px;
  width: 300px;
}

@media (max-width: 72em) {
  .whisk_button_holder {
    width: 100%;
  }
}

/**
 * --------------------------------------------------
 *  10. method
 * --------------------------------------------------
 */
.recipe__method {
  margin: 2em 0;
}

.recipe__method:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 45.5em) {
  .recipe__method {
    margin-top: 30px;
  }
}

@media (min-width: 62em) {
  .recipe__method {
    margin-top: 45px;
  }
}

.recipe__method-list {
  counter-reset: item;
  list-style-type: none;
  margin-bottom: 0;
  padding: 0 0 0 2em;
}

.recipe__method-list li {
  position: relative;
}

.recipe__method-list li p {
  padding-top: 5px;
  margin: 0 0 0.5em 0;
}

.recipe__method-list li:before {
  content: counter(item) "  ";
  counter-increment: item;
  font-weight: 400;
  position: absolute;
  font-size: 1.5em;
  left: -1.5em;
  top: -0.01em;
}

/**
 * --------------------------------------------------
 *  11. Top Tip
 * --------------------------------------------------
 */
.recipe__top-tip {
  margin: 15px 0;
}

.recipe__top-tip:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 45.5em) {
  .recipe__top-tip {
    margin: 30px 0;
  }
}

@media (min-width: 62em) {
  .recipe__top-tip {
    margin: 2em 0;
  }
}

.recipe__top-tip p {
  margin: 0;
}

/**
 * --------------------------------------------------
 *  12. Explore
 * --------------------------------------------------
 */
.recipe__explore {
  margin: 15px 0;
}

.recipe__explore:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 45.5em) {
  .recipe__explore {
    margin: 30px 0;
  }
}

@media (min-width: 62em) {
  .recipe__explore {
    margin: 45px 0;
  }
}

.recipe__explore ul {
  margin-bottom: 0;
}

.recipe__explore ul:after {
  content: "";
  display: table;
  clear: both;
}

.recipe__explore ul li {
  float: left;
  margin: 0 10px 10px 0;
}

/**
 * --------------------------------------------------
 *  13. Footer
 * --------------------------------------------------
 */
.recipe__footer {
  margin: 15px 0;
  text-align: center;
}

@media (min-width: 45.5em) {
  .recipe__footer {
    margin: 30px 0;
  }
}

@media (min-width: 62em) {
  .recipe__footer {
    margin: 45px 0;
  }
}

.recipe__footer-title span {
  vertical-align: middle;
}

.recipe__footer-btn {
  margin: 15px 0;
}

@media (max-width: 62em) {
  .recipe__footer-btn {
    display: none;
  }
}

.category-tag {
  background: #ececec;
  border-radius: 250px;
  color: #898989;
  cursor: pointer;
  display: inline-block;
  font-size: 0.8em;
  padding: 2px 15px;
  text-align: center;
  text-transform: uppercase;
  transition: all 500ms ease;
  white-space: normal;
}

.category-tag:hover {
  background: #000000;
  color: #f7f7f7;
}

/**
 * --------------------------------------------------
 * --------------------------------------------------
 * All the SASS for Animated GIFs
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
.animation-controls {
  display: inline-block;
  height: 100%;
  position: relative;
  width: 100%;
}

.animation-controls.alignleft > .alignleft {
  float: none;
  margin-right: 0;
}

.animation-controls.alignright > .alignright {
  float: none;
  margin-left: 0;
}

.animation-controls .animation-play {
  background: #460418;
  border: 4px solid #e8e6e3;
  border-radius: 50%;
  color: #460418;
  display: none;
  font-size: 22px;
  height: 60px;
  line-height: 52px;
  opacity: 0.8;
  pointer-events: none;
  text-align: center;
  transition: opacity 0.5s;
  width: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.animation-controls img {
  height: 100%;
  max-width: inherit;
  width: 100%;
}

.animation-controls img.animation-stopped {
  cursor: pointer;
}

.animation-controls img.animation-stopped ~ .animation-play {
  display: block;
}

.animation-controls video {
  height: 100%;
  width: 100%;
}

.animation-controls:hover .animation-play {
  opacity: 1.0;
}

/**
 * --------------------------------------------------
 * --------------------------------------------------
 * All the SASS for comparisons
 *
 * 		1. Generic comparison Styles
 *		2. Size Specific Gallery Styles
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *	1. Generic comparison Styles
 * --------------------------------------------------
 */
.comparisons {
  position: relative;
}

.comparison__featured {
  position: relative;
}

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

.comparison__featured .btn {
  display: block;
  font-size: 4em !important;
  min-width: 0;
  z-index: 3;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.comparison__featured .btn span {
  display: block;
  line-height: 0.8;
}

@media (max-width: 45.5em) {
  .comparison__featured .btn span {
    font-size: 0.5em;
  }
}

.comparison__featured .btn.btn--prev {
  left: 0;
  padding-left: 0;
}

.comparison__featured .btn.btn--next {
  right: 0;
  padding-right: 0;
}

.comparison__featured--large {
  margin-top: 15px;
}

.comparison__title {
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.comparison__title:after {
  content: "";
  display: table;
  clear: both;
}

.comparison__title-text {
  margin-left: 0;
  margin-right: auto;
  margin-top: 15px;
  padding-right: 15px;
}

.comparison__card-number {
  font-size: 1.5em;
  font-weight: normal;
  margin-right: 0;
  margin-top: 15px;
  white-space: nowrap;
}

.comparison__card-number span {
  font-size: 0.8em;
}

.comparison__card {
  padding: 15px;
  margin-bottom: 15px;
}

.comparison__card .comparison__title-text,
.comparison__card .comparison__card-number {
  margin-top: 0;
  margin-bottom: 15px !important;
}

@media (min-width: 45.5em) {
  .comparison__card {
    padding: 30px;
    margin-bottom: 30px;
  }
}

.comparison__score .score-title {
  font-size: 1em;
}

.comparison__media {
  margin-top: 15px;
}

.comparison__media img {
  height: auto;
  margin: 0;
  margin-bottom: 15px;
  max-width: 100%;
}

.comparison__review-btn,
.comparison__full-review {
  margin-bottom: 15px;
}

.directory-features, .directory-details {
  padding: 20px;
  margin: 0 0 20px 0;
  display: inline-block;
  position: relative;
}

.directory-features .directory-feature__featured, .directory-features .directory-details__item, .directory-details .directory-feature__featured, .directory-details .directory-details__item {
  float: left;
  width: 100%;
  word-break: break-word;
  display: grid;
  padding-bottom: 10px;
}

@media (min-width: 62em) {
  .directory-features .directory-feature__featured, .directory-features .directory-details__item, .directory-details .directory-feature__featured, .directory-details .directory-details__item {
    display: flex;
    padding-bottom: 0;
  }
}

.directory-features .directory-feature__featured strong, .directory-features .directory-details__item strong, .directory-details .directory-feature__featured strong, .directory-details .directory-details__item strong {
  width: 40%;
  min-width: 110px;
}

@media (min-width: 45.5em) {
  .directory-features .directory-feature__featured strong, .directory-features .directory-details__item strong, .directory-details .directory-feature__featured strong, .directory-details .directory-details__item strong {
    min-width: 140px;
    width: 140px;
  }
}

.directory-features .directory-feature__featured a, .directory-features .directory-details__item a, .directory-details .directory-feature__featured a, .directory-details .directory-details__item a {
  margin: 0 20px 0 0;
}

.directory-features .directory-details__item.address, .directory-details .directory-details__item.address {
  white-space: pre-line;
}

@media (min-width: 62em) {
  .directory-features .directory-details__item.address, .directory-details .directory-details__item.address {
    width: 62%;
    white-space: unset;
  }
}

@media (max-width: 45.5em) and (min-width: 28.75em) {
  .directory-features .directory-details__item.address, .directory-details .directory-details__item.address {
    width: 62%;
    white-space: unset;
  }
}

.directory-features .directory-details__item.social ul li, .directory-details .directory-details__item.social ul li {
  font-size: 2em;
}

.directory-features .directory-details__item.social ul li a, .directory-details .directory-details__item.social ul li a {
  display: contents;
  text-decoration: none;
}

.directory-features .directory-logo, .directory-details .directory-logo {
  width: 100%;
  margin: 20px 10px 0 0;
  display: inline-block;
}

@media (min-width: 62em) {
  .directory-features .directory-logo, .directory-details .directory-logo {
    width: 25%;
    position: absolute;
    right: 0;
    top: 0;
    margin: 5px 10px 0 0;
  }
}

.directory-details {
  min-height: 220px;
}

.directory-features {
  width: 100%;
}

.directory-features .directory-feature__featured {
  min-width: 51%;
  max-width: 72%;
}

.breakout .panel-title {
  background: linear-gradient(to top right, #860c2f 42%, #cc0000 100%);
  color: #ffffff;
  padding: 0 10px;
  float: left;
  font-size: 1.2em;
  height: auto;
}

.breakout .breakout-content {
  background: #e8e6e3;
  padding: 0 10px;
  font-size: 1em;
  float: left;
  height: auto;
}

.breakout .breakout-content p {
  text-align: center;
  margin: 10px;
}

.breakout .breakout-buttons {
  background: #e8e6e3;
  padding: 10px 10px;
}

/**
 * --------------------------------------------------
 * --------------------------------------------------
 * All the SASS for RSS widget
 *
 * 		1. Generic RSS widget Styles
 *		
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
.advanced-rss-widget-class {
  background-color: #f7f7f7;
  max-width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0px;
}

.advanced-rss-widget-class ul li {
  border: 1px solid #000000;
  border-radius: 4px;
  padding: 15px;
  margin: 15px auto;
  width: 75%;
}

.advanced-rss-widget-class ul li a {
  color: #000;
  font-size: 1.1em;
}

.advanced-rss-widget-class ul li a:hover {
  color: #000000;
}

/**
 * --------------------------------------------------
 * --------------------------------------------------
 * All the SASS for Paywall
 *
 *		1. paywall sign in
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  1. paywall sign in
 * --------------------------------------------------
 */
.header .header__inner .header-paywall {
  display: block;
}

.paywall-signed-in .logo a {
  display: block;
  position: relative;
}

.paywall-signed-in .logo picture {
  display: block;
  position: relative;
}

.paywall-signed-in .logo picture:after {
  content: "PREMIUM";
  font-size: 32px;
  color: white;
  font-family: Montserrat;
  text-transform: uppercase;
  font-weight: 300;
  position: absolute;
  right: -170px;
  top: 0;
}

@media (max-width: 45.49em) {
  .paywall-signed-in .logo picture:after {
    right: -110px;
    top: -8px;
    font-size: 20px;
  }
}

.paywall-signed-in div.logo picture:after {
  right: -170px;
  top: 14px;
}

@media (max-width: 45.49em) {
  .paywall-signed-in div.logo picture:after {
    right: -110px;
    top: -10px;
    font-size: 20px;
  }
}

.post-body .paywall ul {
  list-style: disc;
  margin-left: 20px;
}

.archive .listing-items .listing-item .listing-entry .entry-content .is-premium-badge div {
  left: 30px;
  bottom: 30px;
  right: unset;
}

.listing--recirculation .listing-entry .entry-content .is-premium-badge div {
  background-position: left;
}

/**
 * --------------------------------------------------
 *  5. Utilities
 *  -- Highest specifity utilitiy classes (often utilize !important) ie. .u-clearfix, .u-visually-hidden
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 * --------------------------------------------------
 *
 *      1. Responsive Spacing
 *      2. Generic WP Classes
 *      3. Responsive & Visibility Classes
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  1. Responsive Spacing
 *. TOOD: description
 * --------------------------------------------------
 */
@media (min-width: 45.5em) {
  .no-bottom-margin-sm {
    margin-bottom: 0 !important;
  }
}

/**
 * --------------------------------------------------
 *  2. Generic WP Classes
 *  TODO: description
 * --------------------------------------------------
 */
.hide-widget-title .widgettitle {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

#wp-footer .ipc-advert {
  display: none;
}

.digital-intro .ipad img {
  width: 236px !important;
}

/**
 * --------------------------------------------------
 *  3. Responsive & Visibility Classes
 *  TODO: description
 * --------------------------------------------------
 */
@media (min-width: 0) and (max-width: 18.74em) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 18.75em) and (max-width: 45.49em) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 45.5em) and (max-width: 61.99em) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 62em) {
  .hidden-lg {
    display: none !important;
  }
}

@media (min-width: 0) and (max-width: 45.49em) {
  .ad-hidden-mob {
    display: none !important;
  }
}

@media (min-width: 45.5em) and (max-width: 61.99em) {
  .ad-hidden-tab {
    display: none !important;
  }
}

@media (min-width: 62em) {
  .ad-hidden-desk {
    display: none !important;
  }
}

.hide {
  display: none !important;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 0.063em;
  margin: -0.063em;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0.063em;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.sr-only {
  display: none;
}

@media speech {
  .sr-only {
    display: block;
  }
}

/**
 * --------------------------------------------------
 * --------------------------------------------------
 * All the SASS for ad elements
 *
 * 		Header Advert - The billboard or leaderboard at the top of the page.
 * 		IPC Advert - Generic classes for any ad that gets added to the page.
 * 		Parallax - The Triptych ads that are injected into the page
 * 		Widget Groups - The grouped widgets that appear in the "right hand rail"
 * 		Skin - The two background images on the body that click through to a sponsored link
 * 		ShareThrough - Ads that look like native articles
 * 		GoogFC - Styling the overlay for easier viewing
 * 		Mobile MPUs
 * 		Ad Container
 *		Ad Free Template
 *		Apester
 *		Stacked Galleries
 *		Single Sidebar
 *		Slot Wrapper
 *		Flamingo
 *
 * --------------------------------------------------
 * --------------------------------------------------
 */
/**
 * --------------------------------------------------
 *  Header Advert
 * --------------------------------------------------
 */
@media (max-width: 45.49em) {
  .has-adverts {
    margin-top: 54px;
    padding-top: 0;
  }
  .has-adverts.no-leaderboard {
    margin-top: 0;
  }
  .has-adverts.no-leaderboard .header {
    top: unset !important;
  }
}

@media (min-width: 45.5em) {
  .has-adverts .header-advert-wrapper {
    background: #f7f7f7;
    display: block;
    height: 50px;
    position: relative;
    width: 100%;
    height: 110px;
  }
}

@media (min-width: 970px) {
  .has-adverts .header-advert-wrapper {
    height: 270px;
  }
}

.has-adverts .header-advert {
  background: #f7f7f7;
  display: block;
  top: 0;
  overflow: hidden;
  position: fixed;
  transition: all 250ms ease;
  width: 100%;
}

.has-adverts .header-advert .ipc-advert > div {
  margin: 0 auto;
}

@media (max-width: 45.49em) {
  .has-adverts .header-advert {
    z-index: 999997;
    display: flex;
    height: 54px;
    align-items: center;
    justify-content: center;
  }
}

@media (min-width: 45.5em) {
  .has-adverts .header-advert {
    z-index: 999999;
  }
}

@media (min-width: 45.5em) and (max-width: 969px) {
  .has-adverts .header-advert {
    height: 110px;
  }
}

@media (min-width: 970px) {
  .has-adverts .header-advert {
    height: 270px;
  }
}

.has-adverts .header-advert.is-absolute {
  transition: none;
}

@media (min-width: 45.5em) and (max-width: 969px) {
  .has-adverts .header-advert.is-absolute {
    margin-top: 0 !important;
    position: absolute !important;
  }
}

@media (min-width: 970px) {
  .has-adverts .header-advert.is-absolute {
    margin-top: 0 !important;
    position: absolute !important;
  }
}

@media (min-width: 45.5em) and (max-width: 969px) {
  .has-adverts .header-advert .section-content {
    box-sizing: content-box;
    height: 90px;
    padding: 10px 0;
  }
  .has-adverts .header-advert .section-content > * {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
}

@media (min-width: 970px) {
  .has-adverts .header-advert .section-content {
    box-sizing: border-box;
    height: 270px;
    padding: 10px 0;
  }
  .has-adverts .header-advert .section-content > * {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
}

/**
 * --------------------------------------------------
 *  IPC Advert
 * --------------------------------------------------
 */
.ipc-advert {
  text-align: center;
  margin: 0;
}

@media (min-width: 45.5em) {
  .ipc-advert {
    margin: 0;
  }
}

.ipc-advert > div {
  box-sizing: border-box;
  margin: 0 auto 1.3em;
}

@media (min-width: 45.5em) {
  .ad-container .ipc-advert > div {
    margin: 0;
  }
}

.header-advert .ipc-advert > div {
  margin: 0 auto;
}

@media (max-width: 45.49em) {
  .post--recipe .ipc-advert > div {
    margin-bottom: 0;
  }
}

.ipc-advert-class {
  list-style: none;
}

#dfpad-overlay > div,
#gumgum > div,
#instream > div,
#sovrn > div {
  height: 0 !important;
  line-height: 0;
  margin: 0;
  overflow: hidden;
  width: 0 !important;
}

/**
 * --------------------------------------------------
 *  Parallax
 * --------------------------------------------------
 */
@media (max-width: 728px) {
  .parallax-initialised .parallax-wrapper {
    display: none !important;
  }
}

@media (min-width: 727px) {
  .parallax-initialised .parallax-wrapper {
    display: block;
    height: 0;
    overflow: hidden;
    padding-bottom: 80vh;
    position: relative;
    text-align: center;
    width: 100vw;
  }
}

@media (min-width: 727px) {
  .parallax-initialised .header-advert-wrapper,
  .parallax-initialised .header-advert {
    height: 0 !important;
    overflow: hidden;
  }
}

@media (min-width: 727px) {
  .parallax-initialised .ad-container,
  .parallax-initialised .slot-wrapper {
    display: none !important;
  }
}

@media (min-width: 727px) {
  .parallax-initialised .ipc-advert {
    height: 0 !important;
    overflow: hidden;
  }
}

@media (min-width: 727px) {
  .parallax-initialised .parallax-wrapper--header {
    padding-bottom: 400px;
  }
}

@media (min-width: 727px) {
  .parallax-initialised .parallax-wrapper--header .parallax-link {
    height: 400px;
    position: fixed;
  }
}

.parallax-initialised .parallax-wrapper--middle {
  margin-bottom: 15px;
  margin-top: 15px;
  max-width: 100vw !important;
  width: 100vw;
}

@media (min-width: 727px) {
  .parallax-initialised .parallax-wrapper--footer {
    padding-bottom: 70vh;
  }
}

@media (min-width: 727px) {
  .parallax-initialised .parallax-wrapper--footer .parallax-link {
    background-attachment: initial !important;
    height: 70vh;
  }
}

@media (min-width: 727px) {
  .parallax-initialised .parallax-link {
    background-attachment: initial !important;
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    display: block;
    height: 80vh;
    width: 100vw;
  }
}

@media (min-width: 727px) {
  .parallax-initialised .parallax-video {
    margin: 0 auto;
    max-width: 100vh;
    width: 75%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
}

@media (min-width: 727px) {
  .parallax-initialised .parallax-video video {
    height: 100%;
    width: 100%;
  }
}

@media (min-width: 727px) {
  .parallax-initialised #wrapper {
    background: #ffffff;
    padding-top: 0px;
    position: relative;
  }
}

.parallax-initialised .article-list section.s-container {
  overflow: visible;
}

.parallax-initialised .article-list .parallax-wrapper--middle {
  left: -45px !important;
  overflow: visible;
}

.parallax-initialised .post-body--gallery .parallax-wrapper--middle {
  left: -45px !important;
  width: 100vw;
}

@media (max-width: 1024px) {
  .parallax-initialised .parallax-wrapper--middle .parallax-link,
  .parallax-initialised .parallax-wrapper--footer .parallax-link {
    background-attachment: initial !important;
  }
}

@media (min-width: 1023px) {
  .parallax-initialised .parallax-wrapper--middle .parallax-link,
  .parallax-initialised .parallax-wrapper--footer .parallax-link {
    background-attachment: fixed !important;
  }
}

@media (max-width: 1236px) {
  .parallax-initialised .post-main .parallax-wrapper--middle,
  .parallax-initialised .showcase-main .parallax-wrapper--middle {
    transform: none;
  }
}

@media (min-width: 1235px) {
  .parallax-initialised .parallax-wrapper--middle {
    margin-bottom: 30px;
  }
  .parallax-initialised .post-main .parallax-wrapper--middle,
  .parallax-initialised .showcase-main .parallax-wrapper--middle {
    left: calc(-50vw + 525px) !important;
  }
}

@media (min-width: 1500px) {
  .parallax-initialised .post-body--gallery .parallax-wrapper--middle,
  .parallax-initialised .article-list .parallax-wrapper--middle {
    left: calc(0vw - ((100vw - 1440px)/2)) !important;
  }
}

@media (max-width: 728px) {
  .mobile-parallax-initialised .header {
    top: -1px;
  }
  .mobile-parallax-initialised .header-advert-wrapper {
    height: 100px !important;
    position: relative !important;
    top: 60px !important;
  }
}

/**
 * --------------------------------------------------
 *  Widget Groups
 * --------------------------------------------------
 */
@media (max-width: 45.49em) {
  .s-sidebar .ipc-advert:not(.sharethrough-ad) > div {
    background: #f7f7f7;
    padding-bottom: 30px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .s-sidebar .ipc-advert:not(.sharethrough-ad) > div:before {
    content: "Advertising";
    font-size: 0.8em;
    color: #888;
    padding: 5px 0;
    display: block;
  }
}

@media (max-width: 45.5em) {
  .post .ad_mpu,
  .showcase-main .ad_mpu {
    margin-bottom: 15px !important;
  }
  .post .ad_billboard,
  .post .ad_leaderboard,
  .showcase .ad_billboard,
  .showcase .ad_leaderboard {
    display: none !important;
  }
}

.gallery .gallery-row.ad_mpu_1 {
  top: 0;
}

.s-sidebar .s-sidebar__inner,
.s-sidebar .sidebar-widget-inner-wrapper {
  width: 300px;
}

.s-sidebar .s-sidebar__inner:after,
.s-sidebar .sidebar-widget-inner-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

@media (max-width: 45.5em) {
  .s-sidebar .s-sidebar__inner,
  .s-sidebar .sidebar-widget-inner-wrapper {
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 0 !important;
    position: relative !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
  }
  .s-sidebar .s-sidebar__inner > div,
  .s-sidebar .sidebar-widget-inner-wrapper > div {
    margin-left: auto;
    margin-right: auto;
  }
}

.s-container.keystone-premium-sidebar-widget .sidebar-widget-inner-wrapper {
  position: relative;
}

.s-container.keystone-premium-sidebar-widget .s-container {
  padding: 0;
}

.s-container.keystone-premium-sidebar-widget .s-container__inner {
  position: unset;
}

/**
 * --------------------------------------------------
 *  Skin
 * --------------------------------------------------
 */
body.keystone-premium-skin #wrapper, body.keystone-premium-inskin #wrapper, body.keystone-premium-sizmek #wrapper, body.keystone-premium-sizemek #wrapper {
  background-color: #fff !important;
}

@media (min-width: 78.25em) {
  body.keystone-premium-skin .header, body.keystone-premium-inskin .header, body.keystone-premium-sizmek .header, body.keystone-premium-sizemek .header {
    box-sizing: border-box;
    max-width: 1200px;
    padding: 0 45px;
    width: 100%;
  }
  body.keystone-premium-skin .header nav, body.keystone-premium-inskin .header nav, body.keystone-premium-sizmek .header nav, body.keystone-premium-sizemek .header nav {
    max-width: 1200px !important;
  }
  body.keystone-premium-skin .header nav .navigation > li > ul, body.keystone-premium-inskin .header nav .navigation > li > ul, body.keystone-premium-sizmek .header nav .navigation > li > ul, body.keystone-premium-sizemek .header nav .navigation > li > ul {
    padding-left: 45px;
    padding-right: 45px;
  }
  body.keystone-premium-skin #wrapper, body.keystone-premium-inskin #wrapper, body.keystone-premium-sizmek #wrapper, body.keystone-premium-sizemek #wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    width: calc(100vw - 260px) !important;
  }
  body.keystone-premium-skin .header-advert-wrapper, body.keystone-premium-inskin .header-advert-wrapper, body.keystone-premium-sizmek .header-advert-wrapper, body.keystone-premium-sizemek .header-advert-wrapper {
    left: 50vw;
    max-width: 1200px;
    transform: translateX(-50%);
    width: calc(100vw - 260px) !important;
    background: transparent !important;
  }
  body.keystone-premium-skin .header-advert-wrapper .header-advert, body.keystone-premium-inskin .header-advert-wrapper .header-advert, body.keystone-premium-sizmek .header-advert-wrapper .header-advert, body.keystone-premium-sizemek .header-advert-wrapper .header-advert {
    background: transparent !important;
  }
  body.keystone-premium-skin .search-form, body.keystone-premium-inskin .search-form, body.keystone-premium-sizmek .search-form, body.keystone-premium-sizemek .search-form {
    padding: 0;
    width: 100%;
  }
  body.keystone-premium-skin .s-container--fullbleed, body.keystone-premium-inskin .s-container--fullbleed, body.keystone-premium-sizmek .s-container--fullbleed, body.keystone-premium-sizemek .s-container--fullbleed {
    padding-left: 15px;
    padding-right: 15px;
  }
  body.keystone-premium-skin .recipe__ingredients-list,
  body.keystone-premium-skin .whisk, body.keystone-premium-inskin .recipe__ingredients-list,
  body.keystone-premium-inskin .whisk, body.keystone-premium-sizmek .recipe__ingredients-list,
  body.keystone-premium-sizmek .whisk, body.keystone-premium-sizemek .recipe__ingredients-list,
  body.keystone-premium-sizemek .whisk {
    width: 100%;
  }
  body.keystone-premium-skin .ad-container--inline-desktop, body.keystone-premium-inskin .ad-container--inline-desktop, body.keystone-premium-sizmek .ad-container--inline-desktop, body.keystone-premium-sizemek .ad-container--inline-desktop {
    margin-left: 0 !important;
    width: calc(100% + 340px) !important;
  }
  body.keystone-premium-skin .listing--showcase .ad-container--inline-side, body.keystone-premium-inskin .listing--showcase .ad-container--inline-side, body.keystone-premium-sizmek .listing--showcase .ad-container--inline-side, body.keystone-premium-sizemek .listing--showcase .ad-container--inline-side {
    margin-right: -255px;
  }
  body.keystone-premium-skin .listing--showcase .ad-container--inline-desktop, body.keystone-premium-inskin .listing--showcase .ad-container--inline-desktop, body.keystone-premium-sizmek .listing--showcase .ad-container--inline-desktop, body.keystone-premium-sizemek .listing--showcase .ad-container--inline-desktop {
    width: calc(100% + 255px) !important;
  }
  body.keystone-premium-skin .footer-legal, body.keystone-premium-inskin .footer-legal, body.keystone-premium-sizmek .footer-legal, body.keystone-premium-sizemek .footer-legal {
    padding-left: 15px;
    padding-right: 15px;
  }
  body.keystone-premium-skin .recipecard--small .recipecard-image, body.keystone-premium-inskin .recipecard--small .recipecard-image, body.keystone-premium-sizmek .recipecard--small .recipecard-image, body.keystone-premium-sizemek .recipecard--small .recipecard-image {
    position: relative;
    width: 100%;
  }
  body.keystone-premium-skin .recipecard--small .recipecard-image img, body.keystone-premium-inskin .recipecard--small .recipecard-image img, body.keystone-premium-sizmek .recipecard--small .recipecard-image img, body.keystone-premium-sizemek .recipecard--small .recipecard-image img {
    height: auto;
    position: relative;
  }
  body.keystone-premium-skin .recipecard--small .recipe__card-info, body.keystone-premium-inskin .recipecard--small .recipe__card-info, body.keystone-premium-sizmek .recipecard--small .recipe__card-info, body.keystone-premium-sizemek .recipecard--small .recipe__card-info {
    float: left;
    width: 100%;
  }
  body.keystone-premium-skin .recipecard--small .recipe__nutrition, body.keystone-premium-inskin .recipecard--small .recipe__nutrition, body.keystone-premium-sizmek .recipecard--small .recipe__nutrition, body.keystone-premium-sizemek .recipecard--small .recipe__nutrition {
    width: 75%;
    float: left;
    margin: 15px;
  }
  body.keystone-premium-skin .slot-wrapper--full, body.keystone-premium-inskin .slot-wrapper--full, body.keystone-premium-sizmek .slot-wrapper--full, body.keystone-premium-sizemek .slot-wrapper--full {
    display: none;
  }
}

@media (min-width: 1050px) {
  body.keystone-premium-skin .slot-wrapper--side, body.keystone-premium-inskin .slot-wrapper--side, body.keystone-premium-sizmek .slot-wrapper--side, body.keystone-premium-sizemek .slot-wrapper--side {
    margin-right: -130px;
  }
}

@media (min-width: 78.25em) and (max-width: 90em) {
  body.keystone-premium-skin .post-main, body.keystone-premium-inskin .post-main, body.keystone-premium-sizmek .post-main, body.keystone-premium-sizemek .post-main {
    padding: 0 15px;
  }
  body.keystone-premium-skin .post-main .post-main__inner--recipe, body.keystone-premium-inskin .post-main .post-main__inner--recipe, body.keystone-premium-sizmek .post-main .post-main__inner--recipe, body.keystone-premium-sizemek .post-main .post-main__inner--recipe {
    width: 100% !important;
  }
  body.keystone-premium-skin .post-main .s-sidebar, body.keystone-premium-inskin .post-main .s-sidebar, body.keystone-premium-sizmek .post-main .s-sidebar, body.keystone-premium-sizemek .post-main .s-sidebar {
    right: calc(0px - 300px - 30px) !important;
  }
  body.keystone-premium-skin .jwplayer-container:not(.player-minimize) .jwplayer-wrapper, body.keystone-premium-inskin .jwplayer-container:not(.player-minimize) .jwplayer-wrapper, body.keystone-premium-sizmek .jwplayer-container:not(.player-minimize) .jwplayer-wrapper, body.keystone-premium-sizemek .jwplayer-container:not(.player-minimize) .jwplayer-wrapper {
    right: 145px !important;
  }
}

@media (max-width: 90em) {
  body.keystone-premium-skin .multimedia-gallery__thumbnails, body.keystone-premium-inskin .multimedia-gallery__thumbnails, body.keystone-premium-sizmek .multimedia-gallery__thumbnails, body.keystone-premium-sizemek .multimedia-gallery__thumbnails {
    display: none;
  }
  body.keystone-premium-skin .jwplayer-container:not(.player-minimize) .jwplayer-wrapper, body.keystone-premium-inskin .jwplayer-container:not(.player-minimize) .jwplayer-wrapper, body.keystone-premium-sizmek .jwplayer-container:not(.player-minimize) .jwplayer-wrapper, body.keystone-premium-sizemek .jwplayer-container:not(.player-minimize) .jwplayer-wrapper {
    left: calc(50% + 155px);
  }
}

@media (max-width: 1251px) {
  body.keystone-premium-skin {
    background-image: none !important;
    background-color: inherit !important;
  }
}

@media (min-width: 1252px) {
  body.keystone-premium-skin {
    background-position: calc(0vw - 600px + 130px) top, calc(100vw - 130px) top !important;
  }
}

@media (min-width: 1460px) {
  body.keystone-premium-skin {
    background-position: calc(50vw - 1200px) top, calc(50vw + 600px) top !important;
  }
}

@media (min-width: 78.25em) {
  body.keystone-premium-skin .slot-wrapper--full {
    display: block !important;
  }
}

body.keystone-premium-inskin .header-advert-wrapper, body.keystone-premium-sizmek .header-advert-wrapper, body.keystone-premium-sizemek .header-advert-wrapper {
  height: 0px !important;
  overflow: hidden !important;
}

/**
 * --------------------------------------------------
 *  ShareThrough
 * --------------------------------------------------
 */
.sharethrough-ad {
  margin: 0;
  text-align: inherit;
}

.sharethrough-ad > div {
  margin: 0 !important;
}

.sharethrough-ad-hidden {
  display: none !important;
}

/**
 * --------------------------------------------------
 *  GoogFC
 * --------------------------------------------------
 */
#google_pubconsole_console {
  height: 100% !important;
  width: 30% !important;
}

/**
 * --------------------------------------------------
 *  Mobile MPUs
 * --------------------------------------------------
 */
.mobile-mpu {
  padding-bottom: 1.5em;
}

.mobile-mpu:before {
  content: "Advertising";
  font-size: 13px;
  color: #666;
  padding: 7.5px 0;
  display: block;
}

/**
 * --------------------------------------------------
 *  Ad Free Template
 * --------------------------------------------------
 */
.no-leaderboard {
  /** hide advert containers/wrappers **/
}

.no-leaderboard .slot-wrapper,
.no-leaderboard .header-advert-wrapper,
.no-leaderboard .ad-container,
.no-leaderboard .tbl-feed-container {
  display: none !important;
}

@media (max-width: 45.49em) {
  .no-leaderboard .has-adverts {
    margin-top: 0;
  }
}

.ad-light .single-sidebar .ad-container:not(:first-child) {
  display: none !important;
}

/**
 * --------------------------------------------------
 *  Apester
 * --------------------------------------------------
 */
.apester-element {
  background: #fbfbfb;
  box-sizing: content-box;
  margin: 1.5em auto !important;
  max-width: 100% !important;
  padding: 1.5em 0;
  min-height: 444px;
}

.apester-element:before {
  color: #a5a5a5;
  content: 'Article Continues Below';
  font-size: 0.8em;
  position: absolute;
  text-align: center;
  top: 0.1em;
  width: 100%;
}

.apester-layout {
  padding: 1.5em;
}

@media (min-width: 62em) {
  .apester-element {
    padding: 3em 0;
    min-height: 540px;
  }
  .apester-element:before {
    top: 1.1em;
  }
  .apester-layout {
    padding: 3em;
  }
}

/**
 * --------------------------------------------------
 *  Stacked Galleries
 * --------------------------------------------------
 */
@media (min-width: 62em) {
  .post-body--gallery .articleBody .ad_billboard {
    max-width: unset;
  }
}

/**
 * --------------------------------------------------
 *  Single Sidebar
 * --------------------------------------------------
 */
.article-list .s-container:after {
  content: "";
  display: table;
  clear: both;
}

.article-list .listing--single-inc-sidebar .s-container__inner,
.article-list .listing--grid-inc-sidebar .s-container__inner {
  float: left;
}

.single-sidebar {
  position: relative;
  top: 0;
  width: 100%;
}

.single-sidebar.single-sidebar--archive, .single-sidebar.single-sidebar--article, .single-sidebar.single-sidebar--gallery, .single-sidebar.single-sidebar--recipe {
  clear: right;
  float: right;
  margin-left: -300px;
}

.ad-container {
  background: #F7F7F7;
  position: relative;
  text-align: center;
  contain: layout;
}

.ad-container .ipc-advert:before {
  color: #999999;
  content: "Advertisement";
  display: block;
  font-size: 0.7em;
  padding: 3px;
  text-align: center;
  background: #F7F7F7;
}

.ad-container--inline-desktop {
  display: none;
}

.ad-sticky .ipc-advert {
  contain: style layout;
  position: sticky;
  position: -webkit-sticky;
  top: 20px;
}

.ad-sticky .ipc-advert > div {
  contain: none;
}

.post-body:not(.post-body--gallery) .single-sidebar .ad-container:last-child {
  background: none;
}

.single-gallery .gallery-entry,
.single-roudup .roundup__card {
  overflow: hidden;
}

.parallax-initialised .single-sidebar .ad-container {
  display: none;
}

@media (max-width: 45.49em) {
  .single-sidebar:not(.single-sidebar--pqw) {
    display: none;
  }
  .single-sidebar--desktop {
    display: none;
  }
  .single-sidebar--pqw {
    margin-top: 15px;
  }
  .single-sidebar--pqw .ipc-advert {
    margin-bottom: 15px;
  }
  .single-roundup .ad-container--inline-side {
    margin-bottom: 15px;
  }
  #post-inline-1 {
    display: none !important;
  }
  .ad-container--mobile {
    margin-bottom: 15px;
  }
}

@media (min-width: 45.5em) {
  .post-main__inner {
    box-sizing: border-box;
    float: left;
    padding-right: 340px;
    width: 100% !important;
  }
  .articleBody,
  .taboola-below-article-thumbnails {
    clear: left;
    margin: 0 auto;
  }
  .articleBody img {
    max-width: 100%;
  }
  .ad-container:before {
    color: #999999;
    content: "Advertisement";
    display: block;
    font-size: 0.7em;
    padding: 3px;
    text-align: center;
    background: #F7F7F7;
  }
  .ad-container .ipc-advert:before {
    display: none;
  }
  .ad-container--mobile,
  .article-body .single-ad {
    display: none;
  }
  .single-sidebar {
    width: 300px;
  }
  .single-sidebar > * {
    margin-bottom: 20px;
  }
  .single-sidebar .s-container {
    padding: 0;
  }
  .single-sidebar .ad-container {
    min-height: 620px;
    height: 900px;
  }
  .single-sidebar.single-sidebar--mobile {
    display: none;
  }
  .single-sidebar.single-sidebar--pqw {
    position: absolute;
    right: 0;
    height: 100%;
    width: 300px;
  }
  .single-sidebar.single-sidebar--pqw .ad-container,
  .single-sidebar.single-sidebar--pqw .ad-sticky {
    height: 100%;
  }
  .single-sidebar.single-sidebar--showcase, .single-sidebar.single-sidebar--roundup {
    margin-right: -300px;
    float: right;
    clear: both;
    height: 0;
  }
  .single-sidebar.single-sidebar--article .ad-sticky:nth-last-child(1), .single-sidebar.single-sidebar--recipe .ad-sticky:nth-last-child(1) {
    height: 2000px;
  }
  .single-sidebar:not(.single-sidebar--pqw) .ad-sticky:first-child {
    height: 1200px;
  }
  .single-gallery .ad-container--inline-side,
  .single-roundup .ad-container--inline-side,
  .listing--showcase .ad-container--inline-side {
    width: 300px;
    margin-right: -340px;
    float: right;
    clear: both;
    border-bottom: 20px solid #fff;
    height: 1050px;
  }
  .ad-container--inline-desktop {
    margin-bottom: 30px;
    margin-top: 30px;
    margin-left: 0;
    width: 100%;
    padding-bottom: 20px;
    min-height: 90px;
    display: block;
  }
}

#taboola-below-article-thumbnails {
  margin: 50px auto;
}

@media (min-width: 45.5em) {
  #taboola-below-article-thumbnails {
    margin: 100px auto;
  }
}

/**
 * --------------------------------------------------
 *  Slot Wrapper
 * --------------------------------------------------
 */
.slot-wrapper {
  box-sizing: content-box;
  text-align: center;
}

.slot-wrapper:before {
  display: none !important;
}

.slot-wrapper--full {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 50px;
  margin: 15px auto;
  width: 320px;
}

.slot-wrapper--side {
  background: #F7F7F7;
  clear: right;
  height: auto;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.slot-wrapper--inline {
  left: calc(((-100vw + 700px)/2));
  max-width: 100vw !important;
  position: relative;
  width: 100vw;
}

.ipc-advert > div {
  margin: 0 auto;
  text-align: center;
}

#taboola-below-article-thumbnails {
  max-width: 760px;
}

/* tablet and upwards */
@media (min-width: 45.5em) {
  .slot-wrapper--full {
    left: 0;
    min-height: 90px;
    margin-bottom: 30px;
    max-width: 100vw !important;
    position: relative;
    width: 100%;
  }
  .slot-wrapper--side {
    float: right;
    height: 250px;
    margin-left: 45px;
    margin-right: calc(((-100vw + 700px) / 2 ) + 30px);
    margin-bottom: 15px;
  }
  .slot-wrapper--inline {
    margin-bottom: 50px;
    margin-top: 50px;
  }
  .slot-wrapper--side-large {
    height: 600px;
  }
}

@media (min-width: 1050px) {
  .slot-wrapper--side {
    margin-right: -135px;
  }
}

/* 1530px and upwards */
/**
 * --------------------------------------------------
 *  Flamingo
 * --------------------------------------------------
 */
.flamingo-widget-root,
.flamingo-widget-root-v2 h3 {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  text-align: left !important;
}

.flamingo-widget-root a,
.flamingo-widget-root-v2 a {
  text-decoration: none !important;
}

.flamingo-widget-root p,
.flamingo-widget-root-v2 p {
  margin-top: 0;
}

h3.efw_editorPick_title {
  text-align: left !important;
}

.efw .efw_editorPick_cta {
  text-decoration: none !important;
}

.single-format-standard:not(.no-leaderboard) .eagle-condensed-widget {
  margin-bottom: 15px;
  padding: 10px;
  width: 300px;
}

@media (min-width: 45.5em) {
  .single-format-standard .eagle-condensed-widget {
    margin-right: -135px;
  }
}

/**
 * --------------------------------------------------
 *  Print Styles
 *  A stylesheet that sets the print styles
 *
 * --------------------------------------------------
 */
@media print {
  body,
  html {
    font-size: 10pt;
  }
}

@media print and (min-width: 0px) {
  footer,
  nav,
  .articleBody > p,
  .breadcrumb,
  .has-adverts .header-advert,
  .keystone-query-widget,
  .post-lead,
  .recipe__footer,
  .recipe__explore,
  .s-sidebar,
  .score-message,
  .score-ratings,
  .social-share,
  .whisk {
    display: none !important;
    position: relative !important;
  }
}

@media print {
  h1 {
    font-size: 1.5em;
  }
  #wrapper {
    padding-top: 0 !important;
  }
  .header {
    border-bottom: none !important;
    position: relative !important;
    top: 0;
  }
  .header .logo {
    margin: 15px auto;
  }
  .post-header {
    margin-bottom: 15px;
    text-align: left;
  }
  .recipe__rating {
    font-size: 10pt;
    margin-top: 0;
  }
  .recipe__card {
    font-size: 10pt;
    margin-bottom: 0;
  }
  .recipe__card-image {
    width: 50%;
  }
  .recipe__card-info {
    padding: 0 15px;
    width: 50%;
  }
  .recipe__card-item {
    width: 100%;
  }
  .recipe__card-item h4 {
    margin-bottom: 0;
  }
  .recipe__nutrition {
    margin: 0;
    padding: 15px;
    width: 50%;
  }
  .post-lead,
  .articleBody {
    font-size: 10pt;
  }
  .recipe__method-list {
    counter-reset: inherit;
    list-style: decimal;
    padding: 0 0 0 1em;
  }
  .recipe__method-list li {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .recipe__method-list li:before {
    display: none;
  }
}

/*# sourceMappingURL=34.min.css.map */