/**
Theme Name: Ink Child Theme
Theme URI: http://codestag.com/themes/ink
Description: Child theme for customizing Ink.
Version: 1.0
Author: Codestag
Author URI: http://codestag.com/
Template: ink
*/

/* Import Stylesheets, don't remove these.
-----------------------------------------------------------*/

/*@import url('../ink/style.css');*/

::-moz-selection {
  background-color: #3E3E3E;
  color: #F8F8F8;
  text-shadow: none;
}

::-webkit-selection {
  background-color: #3E3E3E;
  color: #F8F8F8;
  text-shadow: none;
}

::selection {
  background-color: #3E3E3E;
  color: #F8F8F8;
  text-shadow: none;
}

@font-face {
    font-family: 'EquityB';
    src: url('assets/fonts/equity_text_b_regular-webfont.eot');
    src: url('assets/fonts/equity_text_b_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/equity_text_b_regular-webfont.woff') format('woff'),
         url('assets/fonts/equity_text_b_regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'EquityBitalic';
    src: url('assets/fonts/equity_text_b_italic-webfont.eot');
    src: url('assets/fonts/equity_text_b_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/equity_text_b_italic-webfont.woff') format('woff'),
         url('assets/fonts/equity_text_b_italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'EquityBbold';
    src: url('assets/fonts/equity_text_b_bold-webfont.eot');
    src: url('assets/fonts/equity_text_b_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/equity_text_b_bold-webfont.woff') format('woff'),
         url('assets/fonts/equity_text_b_bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'EquityBbolditalic';
    src: url('assets/fonts/equity_text_b_bold_italic-webfont.eot');
    src: url('assets/fonts/equity_text_b_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/equity_text_b_bold_italic-webfont.woff') format('woff'),
         url('assets/fonts/equity_text_b_bold_italic-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
 body,
 .stag_widget_recent_posts .entry-title {
  font-family: EquityB;
 }

/* FontAwesome implementation. 
   This font is created using http://app.fontastic.me and contains only the icons we use, to keep things small.
   I have deregistered the 'font-awesome' style in functions.php to avoid loading other FontAwesome styles and fonts.
   Previously this theme had the following font-awesome css files loaded:
  - wp-content/themes/ink-child/assets/css/font-awesome.css?ver=4.5.1
  - wp-content/plugins/stagtools/assets/css/font-awesome.min.css?ver=4.3.0 

  The stagtools file stag-shortcodes.css was dependent on font-awesome, which means it didn't load after deregestering 
  font-awesome, so I've included that code below as well.

  IMPORTANT:
  If I change the font, then CTRL+F for ##fontawesome content## and change those values too. */
@font-face {
  font-family: "FontAwesome";
  src:url("assets/fonts/customfontawesome2.eot");
  src:url("assets/fonts/customfontawesome2.eot?#iefix") format("embedded-opentype"),
    url("assets/fonts/customfontawesome2.woff") format("woff"),
    url("assets/fonts/customfontawesome2.ttf") format("truetype"),
    url("assets/fonts/customfontawesome2.svg#customfontawesome") format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
  font-family: "FontAwesome" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before,
.stag-icon,
.stag-icon2,
.fa,
.stag-icon:before,
.stag-icon2:before,
.fa:before {
  font-family: "FontAwesome" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-times:before,
.fa-times:before {
  content: "\61";
}
.icon-bars:before,
.fa-bars:before {
  content: "\62";
}
.icon-file-text-o:before,
.fa-file-text-o:before {
  content: "\63";
}
.icon-search:before,
.fa-search:before {
  content: "\64";
}
.icon-facebook:before,
.fa-facebook:before {
  content: "\65";
}
.icon-twitter:before,
.fa-twitter:before {
  content: "\66";
}
.icon-chevron-down:before,
.fa-chevron-down:before {
  content: "\67";
}
.icon-volume-up:before,
.fa-volume-up:before {
  content: "\68";
}
.icon-commenting:before,
.fa-commenting:before {
  content: "\69";
}
.icon-play:before,
.fa-play:before {
  content: "\6a";
}
.icon-pause:before,
.fa-pause:before {
  content: "\6b";
}
.icon-print:before,
.fa-print:before {
  content: "\6c";
}
.icon-lock:before,
.fa-lock:before {
  content: "\6d";
}
.icon-download:before,
.fa-download:before {
  content: "\6e";
}
.icon-envelope:before,
.fa-envelope:before {
  content: "\6f";
}
.fa-sort-desc:before,
.icon-sort-desc:before,
.fa-caret-down:before,
.icon-caret-down:before {
  content: "\70";
}
.icon-google-plus:before,
.fa-google-plus:before {
  content: "\71";
}
.icon-user:before,
.fa-user:before {
  content: "\72";
}
.icon-times-circle:before,
.fa-times-circle:before {
  content: "\73";
}
.icon-info-circle:before,
.fa-info-circle:before {
  content: "\74";
}
.icon-exclamation-triangle:before,
.fa-exclamation-triangle:before {
  content: "\75";
}
.icon-check-circle:before,
.fa-check-circle:before {
  content: "\76";
}
.icon-check:before,
.fa-check:before {
  content: "\77";
}
.icon-whatsapp:before,
.fa-whatsapp:before {
  content: "\78";
}
.icon-question-circle:before,
.fa-question-circle:before {
  content: "\79";
}
.icon-calendar:before,
.fa-calendar:before {
  content: "\7a";
}
.icon-credit-card:before,
.fa-credit-card:before {
  content: "\41";
}
.icon-question:before,
.fa-question:before {
  content: "\42";
}

/* Start of stag-shortcodes.css */
.stag-clearfix {
  zoom: 1; }
  .stag-clearfix:before, .stag-clearfix:after {
    display: table;
    content: ""; }
  .stag-clearfix:after {
    clear: both; }

.stag-tabs,
.stag-toggle,
.stag-video {
  margin: 0 0 2em 0; }

/* BUTTONS */
.stag-button {
  -webkit-appearance: none;
  -webkit-font-smoothing: inherit;
  display: inline-block;
  background: #979797;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  margin: 5px;
  padding: 12px 16px;
  border-radius: 0;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out; }
  .stag-button:hover {
    color: #fff;
    text-decoration: none; }
  .stag-button--normal {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .stag-button--medium {
    font-size: 18px;
    padding: 17px 22px; }
  .stag-button--large {
    font-size: 20px;
    padding: 22px 40px; }
  .stag-button--stroke {
    background: transparent;
    border: 1px solid transparent; }

.stag-button--black {
  background: #000; }

.stag-button--stroke.stag-button--black {
  background: transparent;
  color: #000;
  border-color: #000; }
  .stag-button--stroke.stag-button--black:hover {
    background: #000;
    color: white; }

.stag-button--blue {
  background: #1b93c7; }

.stag-button--stroke.stag-button--blue {
  background: transparent;
  color: #1b93c7;
  border-color: #1b93c7; }
  .stag-button--stroke.stag-button--blue:hover {
    background: #1b93c7;
    color: white; }

.stag-button--green {
  background: #84c333; }

.stag-button--stroke.stag-button--green {
  background: transparent;
  color: #84c333;
  border-color: #84c333; }
  .stag-button--stroke.stag-button--green:hover {
    background: #84c333;
    color: white; }

.stag-button--grey {
  background: #979797; }

.stag-button--stroke.stag-button--grey {
  background: transparent;
  color: #979797;
  border-color: #979797; }
  .stag-button--stroke.stag-button--grey:hover {
    background: #979797;
    color: white; }

.stag-button--light-blue {
  background: #56c3f2; }

.stag-button--stroke.stag-button--light-blue {
  background: transparent;
  color: #56c3f2;
  border-color: #56c3f2; }
  .stag-button--stroke.stag-button--light-blue:hover {
    background: #56c3f2;
    color: white; }

.stag-button--orange {
  background: #fc901d; }

.stag-button--stroke.stag-button--orange {
  background: transparent;
  color: #fc901d;
  border-color: #fc901d; }
  .stag-button--stroke.stag-button--orange:hover {
    background: #fc901d;
    color: white; }

.stag-button--red {
  background: #d15858; }

.stag-button--stroke.stag-button--red {
  background: transparent;
  color: #d15858;
  border-color: #d15858; }
  .stag-button--stroke.stag-button--red:hover {
    background: #d15858;
    color: white; }

.stag-button--purple {
  background: #c16ad7; }

.stag-button--stroke.stag-button--purple {
  background: transparent;
  color: #c16ad7;
  border-color: #c16ad7; }
  .stag-button--stroke.stag-button--purple:hover {
    background: #c16ad7;
    color: white; }

.stag-button--white {
  background: #fff;
  color: black; }
  .stag-button--white:hover {
    color: black; }

.stag-button--stroke.stag-button--white {
  background: transparent;
  color: #fff;
  border-color: #fff; }
  .stag-button--stroke.stag-button--white:hover {
    background: white;
    color: black; }

.stag-button--dark {
  background: #363f48; }

.stag-button--stroke.stag-button--dark {
  background: transparent;
  color: #363f48;
  border-color: #363f48; }
  .stag-button--stroke.stag-button--dark:hover {
    background: #363f48;
    color: white; }

.stag-button--gray {
  background: #979797; }

.stag-intro-text {
  font-size: 125%;
  margin-bottom: 2em;
  display: block; }

/* ALERTS */
.stag-alert {
  text-align: center;
  color: #fff;
  padding: 20px 15px;
  margin: 1em 0; }
  .stag-alert--white {
    background: #f5f5f5; }
  .stag-alert--grey {
    background: #979797; }
  .stag-alert--red {
    background: #d15858; }
  .stag-alert--yellow {
    background: #ffd164; }
  .stag-alert--green {
    background: #84c333; }
  .stag-alert--blue {
    background: #1b93c7; }

.stag-alert--gray {
  background: #979797; }

.stag-dropcap {
  display: block;
  float: left;
  text-align: center;
  margin: 5px 15px 15px 0; }

.stag-dropcap--squared {
  background: #363f48;
  color: #fff; }

/* DIVIDER */
.stag-divider {
  border: 0;
  height: 1px;
  background: #363f48;
  margin: 2em 0; }
  .stag-divider--strong {
    height: 7px; }
  .stag-divider--double {
    height: 7px; }
  .stag-divider--double:after {
    content: '';
    display: block;
    border-bottom: 1px solid #363f48;
    position: relative;
    top: 10px; }
  .stag-divider--dashed {
    background: none;
    border-bottom: 1px dashed #363f48; }
  .stag-divider--dotted {
    background: none;
    border-bottom: 1px dotted #363f48; }

/* Tabs */
.stag-nav {
  list-style: none !important;
  margin: 0;
  padding: 0; }
  .stag-nav li {
    margin: 0;
    float: left;
    position: relative;
    margin: 0 1px -1px 0 !important;
    z-index: 1;
    outline: 0; }
  .stag-nav a {
    text-decoration: none;
    display: block;
    padding: 15px 10px;
    line-height: 1;
    outline: 0; }

.stag-tab {
  padding: 21px 20px 20px 20px; }
  .stag-tab p:first-of-type {
    margin-top: 0; }
  .stag-tab p:last-of-type {
    margin-bottom: 0; }

.stag-tabs--normal .stag-nav a {
  background: #363f48;
  color: #fff; }

.stag-tabs--normal .stag-nav .ui-tabs-active a {
  background: #fbfbfb;
  color: #363f48;
  outline: 0; }

.stag-tabs--normal .stag-tab {
  background: #fbfbfb; }

.stag-tabs--stroke .stag-nav li {
  margin: 0 -1px 0 0 !important; }

.stag-tabs--stroke .stag-nav a {
  border: 1px solid #363f48;
  color: #363f48; }

.stag-tabs--stroke .stag-nav .ui-tabs-active a {
  border-bottom-color: white; }

.stag-tabs--stroke .stag-tab {
  border: 1px solid #363f48;
  margin-top: -1px; }

.stag-toggle-title {
  display: block;
  padding: 15px 10px;
  outline: 0;
  cursor: pointer;
  position: relative; }

.stag-toggle-title:after {
  position: absolute;
  top: 50%;
  right: 15px;
  font-size: 18px;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '\f067';
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.stag-toggle-title.ui-state-active:after {
  content: "\f068"; }

.stag-toggle-content {
  padding: 20px; }

.stag-toggle--normal .stag-toggle-title {
  background: #363f48;
  color: white; }

.stag-toggle--stroke .stag-toggle-title {
  border: 1px solid #363f48; }

.stag-toggle--stroke .stag-toggle-title:after {
  color: #363f48; }

/* Image */
.stag-image {
  display: inline-block; }
  .stag-image--left {
    float: left;
    margin: 0 1.5em 1em 0; }
  .stag-image--center {
    display: block;
    margin: 1.5em 0;
    text-align: center; }
  .stag-image--right {
    float: right;
    margin: 0 0 1.5em 1.5em; }
  .stag-image--grayscale {
    -webkit-filter: grayscale(1);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
    -webkit-filter: grayscale(1);
            filter: grayscale(1); }
  .stag-image--sepia {
    -webkit-filter: sepia(100%);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.393 0.769 0.189 0 0 0.349 0.686 0.168 0 0 0.272 0.534 0.131 0 0 0 0 0 1 0" /></filter></svg>#filter');
    -webkit-filter: sepia(100%);
            filter: sepia(100%); }
  .stag-image--blur {
    -webkit-filter: blur(2px);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="2" /></filter></svg>#filter');
    -webkit-filter: blur(2px);
            filter: blur(2px); }
  .stag-image--hue-rotate {
    -webkit-filter: hue-rotate(50deg);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="hueRotate" color-interpolation-filters="sRGB" values="50" /></filter></svg>#filter');
    -webkit-filter: hue-rotate(50deg);
            filter: hue-rotate(50deg); }
  .stag-image--contrast {
    -webkit-filter: contrast(15%);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.15" intercept="0.425" /><feFuncG type="linear" slope="0.15" intercept="0.425" /><feFuncB type="linear" slope="0.15" intercept="0.425" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: contrast(15%);
            filter: contrast(15%); }
  .stag-image--brightness {
    -webkit-filter: brightness(2);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="2" /><feFuncG type="linear" slope="2" /><feFuncB type="linear" slope="2" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(2);
            filter: brightness(2); }
  .stag-image--invert {
    -webkit-filter: invert(100%);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: invert(100%);
            filter: invert(100%); }

/* Video */
.stag-video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }
  .stag-video iframe,
  .stag-video object,
  .stag-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

@media (min-width: 700px) {
  .stag-one-half {
    width: 48%; }

  .stag-one-third {
    width: 30.66%; }

  .stag-two-third {
    width: 65.33%; }

  .stag-one-fourth {
    width: 22%; }

  .stag-three-fourth {
    width: 74%; }

  .stag-one-fifth {
    width: 16.8%; }

  .stag-two-fifth {
    width: 37.6%; }

  .stag-three-fifth {
    width: 58.4%; }

  .stag-four-fifth {
    width: 79.2%; }

  .stag-one-sixth {
    width: 13.33%; }

  .stag-five-sixth {
    width: 82.67%; }

  .stag-one-half,
  .stag-one-third,
  .stag-two-third,
  .stag-three-fourth,
  .stag-one-fourth,
  .stag-one-fifth,
  .stag-two-fifth,
  .stag-three-fifth,
  .stag-four-fifth,
  .stag-one-sixth,
  .stag-five-sixth {
    position: relative;
    margin-right: 4%;
    margin-bottom: 2em;
    float: left; }

  .stag-column-last {
    margin-right: 0 !important;
    clear: right; } }
.stag-icon-link {
  text-decoration: none;
  -webkit-transition: color 150ms;
  transition: color 150ms; }

.fa,
.stag-icon {
  text-align: center;
  vertical-align: middle; }
  .fa--before .fa,
  .stag-icon--before .fa, .fa--before
  .stag-icon,
  .stag-icon--before
  .stag-icon {
    margin-right: 0.7em; }
  .fa--after .fa,
  .stag-icon--after .fa, .fa--after
  .stag-icon,
  .stag-icon--after
  .stag-icon {
    margin-left: 0.7em; }

.instagram-widget li {
  margin-bottom: 10px;
  list-style: none; }
.instagram-widget.thumbnail li {
  display: inline-block;
  margin: 0 5px 5px 0; }
.instagram-widget.thumbnail img {
  max-width: 75px; }

.instagram-follow-link {
  display: block;
  margin-top: 10px; }

.size-thumbnail img {
  max-width: 75px;
  height: auto; }

.stag-twitter .time-ago {
  display: block;
  font-size: .9em;
  font-style: italic;
  margin-top: 5px; }
.stag-twitter .twitter-follow-button {
  margin: 0; }

.stag-latest-tweets {
  list-style: none;
  margin: 0;
  padding: 0; }
  .stag-latest-tweets li {
    margin-bottom: 15px; }

.stag-flickr li {
  list-style: none;
  display: inline-block;
  margin: 0 5px 5px 0; }

.stag-social-icons {
  font-size: 45px; }
  .stag-social-icons .stag-icon {
    line-height: 72px; }
  .stag-social-icons a {
    display: inline-block;
    width: 72px;
    height: 72px;
    text-align: center;
    vertical-align: top;
    margin: 0 10px 10px 0; }
  .stag-social-icons.normal a {
    color: #2f322b; }
  .stag-social-icons.square a {
    background: #2f322b;
    color: #fff; }

.google-map {
  margin: 0 0 2em 0; }

.gm-style img {
  max-width: none; }

/* end fontawesome code */

.stag-intro-text { margin-bottom: 48px; margin-bottom: 3rem; }

/* I changed this to make stag-alert work. Was hidden before */
.entry-content {
  overflow: visible;
}

.entry-content i {
  font-family: "EquityBitalic";
  margin-right: 2px; 
}

.stag_widget_recent_posts article {
  margin-bottom: 38px;
  margin-bottom: 2.375rem;
}

body[class*="page-id"] .entry-header,
.category .entry-header,
.post-type-archive-videos .entry-header {
  text-align: center;
  margin-bottom: 38px;
  margin-bottom: 2.375rem;
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}

/* Make Page's text not centered */
body[class*="page-id"] .entry-content {
    text-align: left;
}

.site-header {
  padding: 20px;
}

/* On pages with white background, change color to #333 instead of white */
.header-normal #site-navigation, .header-normal .site-description {
    color: #333;
}
.header-normal #site-navigation li a:hover { background-color:black; color: white; }

.article-cover__background {
  opacity: 0.65 !important;
  filter: alpha(opacity=65);
}

#main ol, 
.wp-caption-text {
  margin-bottom: 40px;
}

.entry-footer {
    border: none;
    margin-top: 20px;
    overflow: visible;
}

footer .filed-under {
    margin: 50px 0 30px;
    font-size: 19px;
}

footer .footer-opt-in {
    padding: 10px 0 30px;
    margin: 10px 0;
    background-color: rgb(255,255,255); 
}

footer .footer-opt-in h3.footer-opt-in-header {
  line-height: 1.35;
  font-size: 30px;
  margin: 20px 0 20px;
  border-top:1px dotted #ccc;
  border-bottom:1px dotted #ccc;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;    
}

footer .footer-opt-in p {
  line-height: 1.35;
  font-family: 'EquityB';
  font-size: 21px;
  padding: 9px 30px 10px;
  /* text-align: left; add back for subscription footers */
  text-align: center;
}

footer .footer-opt-in ul.footer-opt-in-list {
  font-size: 21px;
  margin-left: 50px;
}

footer .footer-opt-in ul li.footer-opt-in-li {
    padding-left: 20px;
    margin: 5px 0;
}

footer .footer-opt-in .payment-grid {
  font-size: 21px;
  margin: 0.8em 0 0;
}

footer .footer-opt-in .payment-form-wrapper {
  margin-bottom: 20px;
}

.footer-widgets .post-grid {
  height: auto !important;
  border: none;
}

#stag_widget_static_content-4,
#stag_widget_static_content-4 h1 {
  color: white !important;
  background: black !important;
}

.footer-widgets-container {
  padding-bottom: 0;
}

.footer-widgets-container h1 {
  font-size: 1.9em;
}

.footer-widgets-container .entry-content {
  text-align: left;
}

.footer-widgets-container aside.one-of-two {
  width: 100% !important;
}

.site-footer {
  background: black;
  color: white;
}

.site-footer:before {
  display: block;
  height: 35px;
  content: "";
  background: url('images/edge_up.png') repeat-x scroll 0% 100% / contain #FFF;
}

.copyright {
  border: none;
  padding: 0;
  background: black;
  color: white;
}

.copyright .footer-menu li { margin: 0; }

.copyright .one-of-two.footer-navigation { 
  width: 65%; 
  margin: 0; 
}

.copyright .one-of-two.footer-navigation ul {
  margin-left: 0;
}

.copyright .one-of-two.site-info { 
  width: 33%; 
  margin: 0;
}

.entry-categories:before,
.entry-tags:before {
    display: inline-block;
    font: normal 20px/1 'dashicons';
    margin-right: 5px;
    margin-top: 2px;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
}

.entry-categories:before {
    content: "\f318";
}

.entry-tags:before {
    content: "\f323";
}

.entry-categories, .entry-tags {
    display: block;
}

footer .copyright .inside {
    max-width: 90%;
  padding-top: 15px;
  padding-bottom: 15px;
}

footer .copyright .inside .footer-menu a {
  color: white;
}

*::-moz-selection {
    background-color: none;
    color: none;
    text-shadow: none;
}

.stag-button i.stag-icon, 
.stag-button i.fa {
  font-family: 'FontAwesome' !important;
}
i.stag-icon, 
i.fa {
  font-family: 'FontAwesome' !important;
}

.hide-footer-widget .site-footer .footer-widgets-container {
  display: none;
}

/* Stag alert */
.stag-alert--white {
  padding: 25px 0px 25px 130px;
  margin: 1.5em 0px 1.5em -115px;
  /*
  line-height: 1.6em;
  */
  font-size: 20px; 
  font-family: "Montserrat"; 
  font-weight: normal;
  position: relative;
  text-align: left;
  color: black;
}
.stag-alert--white strong {
  font-family: "Montserrat" !important;
}

.stag-alert--white {
  background: #FFF none repeat scroll 0% 0%;
  border: 1px solid #F5F5F5;
}

.stag-alert--white:before {
  background-size: 39px 135px;
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.2) url("//markmanson.net/wp-content2/themes/proxy/assets/img/icon-alert.png") no-repeat scroll center -78px;
  width: 115px;
  display: inline-block;
  height: 100%;
}

/*------------------------------------------------------------------------*/
/* Splash page
/*------------------------------------------------------------------------*/

.home-page-join-message {
    text-align: center;
}

.home-page-join-message a {
    color: #333 !important;
    text-decoration: underline;
}

.stag-custom-widget-area + .site-footer {
      border-top: none;
}

.page-template-widgetized-php .footer-widgets-container {
  padding-bottom: 0;
}

#home-page.stag-custom-widget-area .widget {
  padding: 0;
}

.page-template-widgetized-php .site-main {
  background-image: url('images/mark_drawing.png');
  background-repeat: no-repeat;
  background-position: 0% 0%;
}

.site-main .page {
  padding-bottom: 0;
  clear: both;
}

.page-template-widgetized-php .site-main article {
  background-image: url('images/cover_right.png');
  background-repeat: no-repeat;
  background-position: 100% 0%;
}

.page-template-widgetized-php .site-main > article {
  padding-top: 40px;
}

.page-template-widgetized-php .site-main article:after,
#home-page .all-posts-wrapper:before {
  display: block;
  height: 35px;
  content: "";
  background: url('images/edge_up.png') repeat-x scroll 0% 100% / contain;
}

#home-page .widget_recent_entries:before,
#home-page .stag_widget_recent_posts:before,
#home-page .all-posts-wrapper:after {
  display: block;
  height: 35px;
  content: "";
  background: url('images/edge_down.png') repeat-x scroll 0% 0% / contain;
}

#home-page .all-posts-wrapper:before, 
#home-page .all-posts-wrapper:after {
  background-color: #FFF; 
}

#home-page .all-posts-wrapper:before {
  margin-top: 50px;
}

#home-page .stag_widget_static_content article {
  background-color: black;
}

#home-page .stag_widget_static_content article#post-15556 {
    background-color: #FFF;
    max-width: 780px;
    margin: 40px auto 10px;
}

#home-page .stag_widget_static_content article .entry-content {
  max-width: 100%;
  width: 100%;
}

#home-page .stag_widget_static_content article .entry-content h2 {
  margin-bottom: 0;
  padding-top: 35px;
}

#stag_widget_static_content-3 {
  color: white;
}
.downloads-categories {
  padding-bottom: 50px;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.downloads-categories .unit {
  color: white; 
}
.downloads-categories .downloads-cta {
  text-decoration: underline;
  display: inline-block;
  padding-bottom: 0px;
}
.downloads-categories .downloads-cta a {
  color: white !important;
}
.downloads-categories h3, .downloads-categories p {
  text-align: center;
  font-family: 'Montserrat';
  font-weight: normal;
}

.downloads-categories p {
  font-size: 16px;
  margin-bottom: 20px !important;
}
.downloads-categories .unit:before {
  background-image: url('images/downloads_images.png');
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background-size: 217.85%;
}

.downloads-categories .habits:before {
  background-position: 0% 16.6%; 
}

.downloads-categories .happiness:before {
  background-position: 0% 50%;
}

.downloads-categories .relationships:before {
  background-position: 0% 83.3333333%;
}

.downloads-categories .self-knowledge:before {
  background-position: 100% 16.6666%;
}

.downloads-categories .habits:hover:before {
  background-position: 0% 0%;
}

.downloads-categories .happiness:hover:before {
  background-position: 0% 33.3333%;
}

.downloads-categories .relationships:hover:before {
  background-position: 0% 66.6666666%;
}

.downloads-categories .self-knowledge:hover:before {
  background-position: 100% 0%;
}

#home-page .all-posts-wrapper {
  background: black;
}

#home-page .all-posts-wrapper .button {
  background: white;
  border: none;
  color: black;
  font-size: 18px;
  margin: 30px 0;
  padding: 15px 52px;
  letter-spacing: 1px;
}

#home-page .all-posts-wrapper .button:hover,
#home-page .all-posts-wrapper .button a:hover {
  background-color: #1C93C5;
  color: white !important;
}

.stag_widget_recent_posts .static-content-cover {
  background-size: contain;
  background-position: 0% 0%;
  background-repeat: no-repeat;
}

.stag_widget_recent_posts article:hover a:hover {
  color: #1C93C5 !important;
}

.stag-custom-widget-area .widgettitle {
  margin: 25px 0 50px;
}

.stag_widget_recent_posts .entry-title {
  font-size: 27px !important;
}
.single .entry-meta, .page .entry-meta {
  font-size: 18px !important;
}

.stag_widget_recent_posts .entry-header {
  margin-bottom: 0px !important;
}

.stag_widget_recent_posts .page .entry-meta {
  font-size: 19px;
}

.footer-widgets .button {
  border: none;
  color: white !important;
  font-size: 19px;
  padding: 15px 45px;
}

.footer-widgets .button:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.log-in-button {
  background-color: black !important;
}

.learn-more-button {
  background-color: #cd0000 !important;
  margin-right: 10px;
  margin-bottom: 15px;
}

.footer-widgets .learn-more-button:hover {
  background-color: #B20000 !important;
  opacity: 1;
  filter: alpha(opacity=100);
}

/*------------------------------------------------------------------------*/
/* Protected page password page
/*------------------------------------------------------------------------*/
.protected-post-form {
  max-width: 650px;
  margin: 0 auto 50px;
}

#page .entry-content .protected-post-form input {
  width: 100% !important;
}

#page .entry-content .protected-post-form input[type=password] {
  margin-top: 8px;
  margin-bottom: 16px;
}

/*------------------------------------------------------------------------*/
/* Other Pages (self-knowledge etc, contact, etc.)
/*------------------------------------------------------------------------*/

/*
15958 - self-knowledge live
15766 - happiness local
15951 - happiness live
15767 - relationships local
15968 - relationshps live
15768 - habits local
15969 - habits live
15704 - connect local
15962 - connect live
15709 - subscribe local
15989 - subscribe live
15686 - about local
15944 - about live
15743 - premium membership page local
16180 - premium membership page live
15774 - books local
16255 - books live
15781 - downloads local
16550 - downloads live
15788 - archive local
16526 - archive live
18642 - DNX Global page
*/

/* Hide premium membership promotion on premium membership page */
.page-id-15743 .footer-widgets-container,
.page-id-16180 .footer-widgets-container, 
#post-15743 .entry-header,
#post-16180 .entry-header {
  display: none;
}

/* Premium membership promo page */
#post-15743 h2, 
#post-16180 h2 {
  text-align: center;
  font-size: 42px;
  margin-top: 40px;
}

#post-15743 h2.reviews-header, 
#post-16180 h2.reviews-header {
  font-size: 32px;
  margin-top: 80px;
}

#page h2.premium-membership-header, 
#page h2.models-header {
  text-transform: none; 
  text-align: center;
  color: #CD0000;
  font-size: 34px;
  margin-top: 0;
}

#post-15743 .entry-content, 
#post-16180 .entry-content,
#money-back-guarantee p {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
}

#post-15743 p,
#post-16180 p, 
#post-15743 li,
#post-16180 li,
#post-15743 .testimonial,
#post-16180 .testimonial {
  font-size: 21px;
}

#money-back-guarantee h3 {
  font-size: 35px;
  margin-bottom: 0.5em;
}

.what-you-get-unit {
  padding: 60px 0 0;
}


#post-15743 .testimonial,
#post-16180 .testimonial {
  font-style: italic;
  border-left: 1px solid #EEE;
  padding-left: 60px;
  padding-top: 10px;
  margin-left: 10px;
  color: #888;
  position: relative;
  quotes: "“" "”";
}

#post-15743 .testimonial:before,
#post-16180 .testimonial:before {
  content: open-quote;
  position: absolute;
  top: -10px;
  left: 10px;
  font-size: 65px;
  color: #AAA;
  font-style: italic;
}

.testimonial-source {
  font-weight: bold;
  text-align: right;
}

#post-15743 .reviews .testimonial,
#post-16180 .reviews .testimonial {
  margin-left: -40px;
  margin-bottom: 50px;
  border: none;
}

#sales-video aside {
  padding: 20px 0 10px;
}

.sales-page-header .sign-up-button-wrapper {
  max-width: 270px;
  margin: 10px auto 20px;
}
.sales-page-header a.sign-up-button {
  display: block;
  width: 100%;
  height: 0;
  padding-top: 21.9%;
  cursor: pointer;
  background-image: url(images/signup_button_sprite.png);
  background-position: 0 0;
  background-size: cover;
  text-indent: -9999em;
}

a.sign-up-button {
  display: block;
  width: 270px;
  height: 59px;
  cursor: pointer;
  background-image: url(images/signup_button_sprite.png);
  background-position: 0 0;
  background-size: cover;
  text-indent: -9999em;
  margin: 10px auto 20px;
}

a.sign-up-button:hover {
  background-position: 0 -79px;
}

.what-you-get ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.what-you-get ul li {
    background-image: url(images/red_tick.png);
    background-repeat: no-repeat;
    background-position: 0px 2px;
    padding-left: 37px;
}

/* end premium membership sales page */

/* begin sales-page-header */

.sales-page-header .hentry,
.sales-page-cover .hentry {
  padding: 0 !important;
}

.sales-page-cover {
  margin-bottom: 16px !important;
  margin-bottom: 1rem !important;
  color: white !important;
}

.sales-page-cover .article-cover__content {
  max-width: 900px;
  margin: 0 auto 0;
}

.sales-page-cover .entry-title {
  font-size: 75px !important;
  font-size: 4.6875rem !important;
  line-height: 1.15 !important;
}

.sales-page-cover h2 {
  margin: 15px 0 20px;
}

.sales-page-cover .entry-meta {
  text-align: left;
  max-width: 580px !important;
}

.page-id-18273 .sales-page-cover .entry-meta {
  max-width: 450px !important;
}

.sales-page-cover .entry-meta span:before {
    content: "•";
    display: inline-block;
    padding: 0px 7px 0px 10px;
    font-size: 20px;
    position: relative;
    top: 3px;
}

.sales-page-cover .entry-meta span:after {
    content: "";
    display: inline-block;
    padding: 0;
    font-size: 20px;
    position: relative;
    top: 0;
}

.sales-page-header .moneyback-guarantee,
.sales-page-header .faq,
.sales-page-header .testimonials {
  margin: 65px 0px 75px;;
}

.sales-page-header .testimonials {
  margin-top: 80px;
}

.sales-page-header .testimonial:before {
  content: open-quote;
  position: absolute;
  top: -15px;
  left: 10px;
  font-size: 65px;
  color: #AAA;
  font-style: italic;
}

.sales-page-header .testimonial-source {
  font-weight: bold;
  text-align: right;
  color: #555;
}

.sales-page-header .testimonial {
  margin-left: -52px;
  margin-bottom: 50px;
  border: none;
  color: #555;
  font-style: italic;
  padding-left: 60px;
  padding-top: 10px;
  position: relative;
  quotes: "“" "”";
}

.sales-page-header .moneyback-guarantee h3 {
  font-size: 40px;
}

#page .sales-page-header .sales-box-checkbox,
#page .sales-letter .sales-box-checkbox {
    width: 16px !important;
}

.sales-page-header .moneyback-guarantee h3 {
  font-size: 40px;
}

.what-you-get-unit:first-of-type {
  border-top: 1px solid #EEE;
}

.what-you-get-header {
  text-align: center;
  font-size: 38px;
  margin-top: 60px
}

@media only screen and (min-width: 1230px) {
  .sales-page-cover .entry-meta {
      font-size: 19px !important;
  }
}

@media only screen and (max-width: 1230px) {
  .sales-page-cover .entry-title {
      font-size: 60px !important;
  }
}

@media only screen and (max-width: 970px) {
  .sales-page-cover .entry-title {
      font-size: 50px !important;
  }
}

@media only screen and (max-width: 650px) { 
  .sales-page-cover .entry-title {
     font-size: 20px !important;
  }
  .sales-page-cover h2 {
    font-size: 16px !important;
    margin: 10px 0px 10px !important;
  }
  .sales-page-cover .entry-meta {
    text-align: left;
    line-height: 1.3 !important;
  }
  .sales-page-cover .article-cover__content {
    margin: 30px auto 0 !important;
  }

  .sales-page-header .moneyback-guarantee h3 {
    font-size: 33px;
  }

  .what-you-get-unit:first-of-type {
    border-top: none;
  }
  .what-you-get-unit {
    padding: 30px 0 0 !important;
  }
  .what-you-get-header {
    font-size: 33px;
  }

  .sales-page-header .lesson-structure-image {
    display: none;
  }

  .mobile-full-width {
    max-width: 60%;
  }
}

@media only screen and (max-width: 555px) {
	footer .footer-opt-in h3.footer-opt-in-header {
		font-size: 25px;
	}

	.footer-opt-in .book-cover-image img {
		float: none !important;
	}

	.footer-opt-in .book-cover-image {
		display: block;
		text-align: center;
	}
}

@media only screen and (max-width: 480px) {
  .sales-page-cover .entry-title {
     font-size: 24px !important;
  }
  .sales-page-cover h2 {
    font-size: 16px !important;
  }
  .sales-page-cover .entry-meta {
    text-align: left;
  }
  .sales-page-cover .article-cover__content {
    margin: 0 auto 0 !important;
  }

  .sales-page-header .moneyback-guarantee h3 {
    font-size: 28px;
  }

  .sales-box {
    padding: 15px !important;
  }

  .mobile-full-width {
    display: block;
    float: none !important;
    margin-left: 0 !important;
    max-width: 100%;
  }
}

/* end sales-page-header */

.search .site-main {
  max-width: 960px;
  margin: 0 auto;
}

.search .search-form,
.search .search-query {
  text-align: center;
}

.search .search-query {
  margin: 32px 0;
  margin: 2rem 0;
}

.search-form label,
.search-form input {
  float: none;
  display: inline-block;
  vertical-align: top;
  -webkit-appearance: none;
}

.site-header__search .search-form label,
.site-header__search .search-form input {
  display: block;
}

.search-form label {
  padding: 0;
}

/* begin archives */
.archives table { 
  border: none; 
}

.archives table td { 
  border: none;
  font-size: 19px;
  text-align: left;
}

.archives table th, table td {
    padding: 2px 0px;
}

#page .archives .entry-content input {
  height: auto; 
}

.search #page .content-area .search-field,
#page .archives .entry-content .search-field {
  float: left;
  width: 250px;
}

.search #page .content-area .search-submit,
#page .archives .entry-content .search-submit {
  height: 43px;
  width: 150px !important;
  margin-left: 8px;
}

.search .search-form,
.archives .search-form {
  overflow: hidden;
}

.category-1 .category-1,
.category-2 .category-2,
.category-3 .category-3,
.category-4 .category-4,
.category-5 .category-5,
.category-6 .category-6,
.category-7 .category-7,
.category-8 .category-8 {
  color: black;
}

.archives .current-article-title {
  font-size: 35px;
  text-align: left;
  margin: 25px 0 20px;
}

#filters {
  font-size: 19px;
  margin: 0;
}

.archives ul.category-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.archives ul.category-list li {
  margin: 0;
}

@media only screen and (min-width: 781px) {
  .category-list li {
    display: inline;
  }

  .category-list li:after {
    content: ' | ';
  }

  .category-list li:last-of-type:after {
    content: '';
  }
}

/* added from audio archives, which contains hide-for-mobile, show-on-mobile, and the collapsed filters */
.audiojs {
  width: 100%;
  background: #1c93c5;
  -o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
  box-sizing: content-box;
}

.audiojs * {
  box-sizing: content-box;
}

.audiojs .play-pause {
  border-right: 1px solid #145e7d;
}


.audiojs .scrubber {
  width:calc(100% - 170px);
  background: #dbdbdb;
}

.audiojs .progress {
  background: #9bcee4;
}

.audiojs .loaded {
  background: #145e7d;
}

.audiojs .time {
  border-left: 1px solid #145e7d;
  color: #d1e6ef;
  text-shadow: 1px 1px 0px rgba(125, 0, 0, 0.5);
  white-space: nowrap;
}

.audiojs .time em {
  color: #fff;
}

.audiojs .error-message {
  color: #fff;
}

.audiojs .error-message a {
  color: #eee;
  border-bottom: 1px solid #999;
}

tr.playing > td {
  position: relative;
}

tr.playing > td:first-of-type:before {
  content: '♬ ';
  position: absolute;
  left: -30px;
}

.playPause {
  height: 24px;
}

.fa-pause {
  font-size: 0.8em;
  padding-top: 2px;
  padding-right: 1px;
}

.fa-play {
  font-size: 0.95em;
  padding-bottom: 6px;
}

.audio-details {
  font-size: 18px;
}

.fixed {
  position: fixed;
  top:0; left:0;
  width: 100%; 
}

.audio-container {
  z-index: 10;
  padding: 4px 0 6px;
}

.fixed.audio-container {
  background: #FAFAFA;
  -o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
  margin: 0;
}

.fixed .audio-container__inner {
  width: 100%;
  max-width: 780px;
  margin: 0 auto;
}

.filter-topics {
  cursor: pointer;
  display: block;
  font-size: 95%;
  padding: 6px 6px 6px 12px;
}

.filter-topics__topics {
  float: right;
}

.hide-on-mobile {
  display: inline;
}

.hide-on-small-mobile {
  display: inline;
}

.show-on-mobile {
  display: none;
}

.left-col {
  width:135px;
  text-align:left;
}

.filters__dropdown {
  position: relative;
  display: inline;
}

@media only screen and (max-width: 780px) {
  .filters__dropdown {
    position: relative;
    display: inline-block;
    padding: 0;
    border: 1px solid #DDD;
    border-left: 5px solid grey;
    margin-left: 20px;
    margin-top: -7px;
    width: 180px;
  }

  .filters__dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: grey transparent;
    pointer-events: none;
  }

  .dropdown-active.filters__dropdown:after {
    border-width: 0 6px 6px 6px;
  }

  .fa-sort-desc {
    font-size: 0.8em;
    margin-bottom: 9px;
    margin-left: 3px;
  }

  .filters__dropdown:hover {
    background-color: #fdfdfd;
  }

  .filter-topics__topics {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    background-color: white;
    box-shadow: 0px 5px 8px 0px rgba(110,110,110,0.2);
    z-index: 11;
    left: -5px;
    border: 1px solid #DDD;
    border-top: none;
    }

    .dropdown-active .filter-topics__topics {
      display: block;
    }

  .filter-topics__topics a,
  .active-topic,
  .category-1 .category-1,
  .category-2 .category-2,
  .category-3 .category-3,
  .category-4 .category-4,
  .category-5 .category-5,
  .category-6 .category-6,
  .category-7 .category-7,
  .category-8 .category-8 {
      color: black;
      padding: 10px 16px;
      text-decoration: none;
      display: block;
      min-width: 160px;
      font-size: 92%;
  }

  .filter-topics__topics a:hover {
    background-color: #f9f9f9;
  }

  .active-topic,
  .category-1 .category-1,
  .category-2 .category-2,
  .category-3 .category-3,
  .category-4 .category-4,
  .category-5 .category-5,
  .category-6 .category-6,
  .category-7 .category-7,
  .category-8 .category-8 {
    background-color: rgb(234, 250, 255);
  }

  .show {display:block;}

  .show-on-mobile {
    display: inline;
  }

  .filter-topics.show-on-mobile {
    display: block;
  }

  .hide-on-mobile {
    display: none;
  }

  .left-col {
    width: 80px;
  }

  tr.playing > td:first-of-type:before {
    display: none;
  }

  .audio-container {
    padding: 0 0 6px;
  }
  .header-fixed .site-header__media-row > div {
      font-size: 1em !important;
  }
}

@media only screen and (max-width: 650px) {
  .header-normal .site-header {
    margin-bottom: 1rem;
  }

  .search #page .content-area .search-form .search-field,
  #page .archives .entry-content .search-form .search-field {
    padding: 11px;
  }

  .search #page .content-area .search-form label,
  #page .archives .entry-content .search-form label {
    padding: 0;
  }

  .search #page .content-area .search-form .search-submit,
  #page .archives .entry-content .search-form .search-submit {
    margin-left: 10px;
  }

  #page .archives .entry-header h1 {
    margin-top: 20px;
    font-size: 55px;
  } 
}

/* I made this media query specifically for the 'audio-row' in the header on articles */
@media only screen and (max-width: 555px) {
  .hide-on-small-mobile {
    display: none;
  }
}

@media only screen and (max-width: 480px) { 
  .search .search-query {
    font-size: 1.5rem;
  }

  .filters__dropdown {
    float: right;
    margin: -8px 0 0;
  }

  #page .archives .entry-header h1 {
    margin-top: 20px;
    font-size: 2.25rem;
  }

  .search #page .content-area .search-form .search-field,
  #page .archives .entry-content .search-form .search-field {
    font-size: 15px;
    width: 180px !important;
    padding: 10px 4px;
    margin: 0;
  }

  .search #page .content-area .search-form .search-submit,
  #page .archives .entry-content .search-form .search-submit {
    width: 90px !important;
    font-size: 15px;
    height: 40px;
    margin: 0 0 0 8px;
    padding: 0;
  }

  .search #page .content-area .search-form label,
  #page .archives .entry-content .search-form label {
    padding: 0;
  }
}

@media only screen and (max-width: 420px) {
  .header-fixed .site-header__media-row > div {
      width: auto;
  }

  .filters__label--extra { display: none; }
  .filters__dropdown { float: right; }
}

/* begin 404 styling */
.error-404 .widget_recent_entries li {
    margin: 0 0 5px !important;
}

.error-404 .widget_recent_entries li a {
  color: #1C93C5 !important;
}

.error-404 .widget_recent_entries li a:hover {
  color: #000 !important;
}

.error-404 h2.widgettitle {
  margin-bottom: 10px !important;
}
/* end 404 styling */

/* begin downloads page */
.downloads-cat {
  border-top: 1px solid #DDD;
  padding: 60px 0 28px;
  background-repeat: no-repeat;
  background-position: 0% 35%;
  background-size: 21%;
  padding-left: 26% !important;
}

.downloads-cat.happiness { background-image: url('images/happiness_black2.png'); }
.downloads-cat.self-knowledge { background-image: url('images/self-knowledge_black2.png'); }
.downloads-cat.habits { background-image: url('images/habits_black2.png'); }
.downloads-cat.relationships { background-image: url('images/relationships_black2.png'); }

.downloads-cat .stag-button--large { padding: 17px 35px; margin: 0; }

.downloads-title {
  text-align: center;
  margin-top: 50px;
  font-size: 35px;
}
/* end downloads page */

/* individual download opt-in pages */
.page input[type=email] { background: white; }
/* individual download opt-in pages */

/* end individual download opt-in pages */
/* end individual download opt-in pages */
/*#post-15709,
#post-15989 { 
  background-image: url('images/markmanson_subscribe_face2.png');
  background-repeat: no-repeat;
  background-position: 100% 0%;
  background-size: contain;
}*/

#page .footer-widgets-container {
  border: none;
}

/*###
#post-15958 .entry-header, 
#post-15962 .entry-header, 
#post-15704 .entry-header,
#post-15766 .entry-header,
#post-15951 .entry-header,
#post-15767 .entry-header,
#post-15968 .entry-header,
#post-15768 .entry-header,
#post-15969 .entry-header,
#post-15774 .entry-header,
#post-16255 .entry-header,
#post-15686 .entry-header,
#post-15944 .entry-header,
#post-15781 .entry-header,
#post-16550 .entry-header,
#post-17047 .entry-header,
#post-18642 .entry-header { 
  background-size: cover !important;
  height: 200px;
  position: relative;
  max-width: 100%;
}

#post-15958 .entry-header {
  background: url('http://markmanson.net/wp-content/themes/ink-child/images/markmanson_self_knowledge_header.png');
}

#post-15962 .entry-header, 
#post-15704 .entry-header {
  background: url('http://markmanson.net/wp-content/themes/ink-child/images/markmanson_contact_header.png');
}

#post-15944 .entry-header, 
#post-15686 .entry-header {
  background: url('http://markmanson.net/wp-content/themes/ink-child/images/markmanson_about_header.png');
}

#post-15766 .entry-header,
#post-15951 .entry-header,
#post-18642 .entry-header {
  background: url('http://markmanson.net/wp-content/themes/ink-child/images/markmanson_happiness_header.png');
}

#post-15767 .entry-header,
#post-15968 .entry-header {
  background: url('http://markmanson.net/wp-content/themes/ink-child/images/markmanson_relationships_header.png');
}

#post-15768 .entry-header,
#post-15969 .entry-header {
  background: url('http://markmanson.net/wp-content/themes/ink-child/images/markmanson_habits_header.png');
}

#post-15774 .entry-header,
#post-16255 .entry-header {
  background: url('http://markmanson.net/wp-content/themes/ink-child/images/markmanson_books_header.png');
}

#post-15781 .entry-header,
#post-16550 .entry-header { 
  background: url('http://markmanson.net/wp-content/themes/ink-child/images/markmanson_downloads_header.png');
}

#post-17047 .entry-header { 
  background: url('http://markmanson.net/wp-content/themes/ink-child/images/markmanson_best_articles_header.png');
}


#post-15958 .entry-header h1,
#post-15962 .entry-header h1,
#post-15704 .entry-header h1, 
#post-15766 .entry-header h1,
#post-15951 .entry-header h1,
#post-15767 .entry-header h1,
#post-15968 .entry-header h1,
#post-15768 .entry-header h1,
#post-15969 .entry-header h1,
#post-15774 .entry-header h1,
#post-16255 .entry-header h1,
#post-15686 .entry-header h1,
#post-15944 .entry-header h1,
#post-15781 .entry-header h1,
#post-16550 .entry-header h1,
#post-17047 .entry-header h1,
#post-18642 .entry-header h1 { 
  color: #FFF;
  max-width: 780px;
  position: absolute;
  margin: 0px auto;
  text-align: left;
  left: 0px;
  right: 0px;
  bottom: 20px;
  font-size: 60px;
}

#post-15781 .entry-header h1,
#post-16550 .entry-header h1 {
  font-size: 56px;
}

#post-15686 .entry-header h1,
#post-15944 .entry-header h1 {
  font-size: 50px;
}

*/

/* padding-bottom for page content to account for absolute positioned#opt-in */

/*###
#post-15958,
#post-15962,
#post-15704,
#post-15766,
#post-15951,
#post-15767,
#post-15968,
#post-15768,
#post-15969,
#post-15774,
#post-16255,
#post-15686,
#post-15944,
#post-15781,
#post-16550,
#post-15788,
#post-16526,
#post-17047,
#post-18642 {
  padding-bottom: 0px;
}
*/

#page #colophon {
  margin-top: 0;
}

.page-id-15962 .contact-form, 
.page-id-15704 .contact-form {
  margin: 0 auto;
}

.contact-form input {
  border: 2px solid #000;
  padding-left: 8px;
}

#connect .stag-icon {
  padding: 0 10px;
}

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

.black-border a .stag-icon {
  color: white;
}

.black-border a:hover .stag-icon {
  color: #1C93C5;
}

.black-border a:hover {
  color: white !important;
}

.black-border aside {
  background: black;
  max-width: 100%;
  width: 100%;
  padding: 50px;
  color: white;
  font-family: EquityB;
}

#connect aside,
#opt-in aside {
  padding: 20px;
}
.empty aside {
  padding: 30px;
}

#connect, #opt-in {
  color: white;
  font-size: 24px;
}

#opt-in p {
  max-width: 780px;
  margin: 0 auto 20px;
  font-family: 'EquityB';
  line-height: 1.4;
}

#connect input[type=text], 
#opt-in input[type=text] {
  background: white;
  margin-right: 5px;
}

.black-border:before {
  display: block;
  height: 35px;
  content: "";
  background: url('images/edge_up.png') repeat-x scroll 0% 100% / contain;
}

.black-border:after {
  display: block;
  height: 35px;
  content: "";
  background: url('images/edge_down.png') repeat-x scroll 0% 0% / contain;
}

/*------------------------------------------------------------------------*/
/* Form styling
/*------------------------------------------------------------------------*/

#page .footer-opt-in .moonray-form {
  text-align: center;
  float: left;

}
#page .moonray-form {
  width: 300px;
}

#page .footer-opt-in .moonray-form {
  width: 100%;
}

.bottom-opt-in-grid {
    margin-bottom: 22px;
}

html body #page .moonray-form .moonray-form-input-type-email input,
html body #page .moonray-form .moonray-form-input-type-text input,
#page .entry-content input,
#page .black-border input,
#page .entry-content textarea {
    height: 48px;
    font-size: 16px;
    border: 2px solid #ccc !important;
    border-radius: 0px;
    padding-left: 15px;
}

#page .BOEP .moonray-form-element-wrapper {
    padding: 0;
}
html body #page .moonray-form .moonray-form-input-type-email input,
html body #page .moonray-form .moonray-form-input-type-text input {
  margin-bottom: 10px !important;
  width: 280px !important;
  margin-left: auto;
  margin-right: auto;
  float: none;
}

html body #page .book-opt-in .moonray-form .moonray-form-input-type-email input {
  margin-bottom: 0 !important;
}
#page .entry-content textarea {
  height: 250px;
}

html body #page .moonray-form .moonray-form-input-type-email input:focus,
html body #page .moonray-form .moonray-form-input-type-text input:focus,
#page .entry-content input:focus,
#page .black-border input:focus,
#page .entry-content textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  outline:none;
  border-radius: 0px;
}


html body #page .moonray-form .moonray-form-input-type-submit input,
#page .black-border input[type="submit"],
#contactForm input[type="submit"],
#page .entry-content input[type="submit"] {
    background-color: #4dbdeb !important;
    height: 48px;
    font-size: 16px;
    width: 280px !important;
    border-radius: 0px;
    border:none !important;
    color: white !important;
}

#page .entry-content input[type="submit"],
#page .black-border input[type="submit"] {
  width: 200px !important;
}

html body #page .moonray-form .moonray-form-input-type-submit input:hover,
#page .black-border input[type="submit"]:hover,
#contactForm input[type="submit"]:hover,
#page .entry-content input[type="submit"]:hover {
    background-color: #1C93C5 !important;
}

::-webkit-input-placeholder { color: #888; font-family: Montserrat, sans-serif; text-transform: uppercase; font-weight: bold; }
::-moz-placeholder { color: #888; font-family: Montserrat, sans-serif; text-transform: uppercase; font-weight: bold; } /* firefox 19+ */
:-ms-input-placeholder { color: #888; font-family: Montserrat, sans-serif; text-transform: uppercase; font-weight: bold; } /* ie */
input:-moz-placeholder { color: #888; font-family: Montserrat, sans-serif; text-transform: uppercase; font-weight: bold; }


.search-field::-webkit-input-placeholder { color: #888; font-family: EquityB, sans-serif; text-transform: none; font-weight: normal; font-size: 120%; }
.search-field::-moz-placeholder { color: #888; font-family: EquityB, sans-serif; text-transform: none; font-weight: normal; font-size: 120%;} /* firefox 19+ */
.search-field:-ms-input-placeholder { color: #888; font-family: EquityB, sans-serif; text-transform: none; font-weight: normal; font-size: 120%;} /* ie */
.search-field:-moz-placeholder { color: #888; font-family: EquityB, sans-serif; text-transform: none; font-weight: normal; font-size: 120%;}

/* Required Wordpress Classes, don't remove these.
-----------------------------------------------------------*/
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.alignleft { float: left; }
.alignright { float: right; }

/* Make all custom CSS changes BELOW this line
-----------------------------------------------------------*/


#main ol {
  list-style-type: decimal;
}

.site-branding {
    float: left;
    z-index:10001;
}

.navigation {
    list-style: none;
    font-family: 'Montserrat';
}
header .site-title {
  font-size: 46px;
}

/*
    Footnotediv change to make footnote not invisible
*/
#footnotediv {
    z-index:9999;
}

/*
After Entry Widgets
--------------------------------------------- */

/* 
Like and Share Buttons
--------------------------------------------- */
.articleSocialButtons  {
     clear:  both;
     width:  100%;
     height:  auto;
     margin:  10px 0;
     font-family: Montserrat,sans-serif;
     list-style: none;
 }

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

.articleSocialButtons > .fb_button  {
     background:  #3b5998;
     font-style:  normal;
     color:  white;
     font-size:  18px;
     /*font-size:  1.8rem;*/
     position:  relative;
     text-transform:  uppercase;
     float:  left;
     text-align:  center;
     width:  32%;
     height:  50px;
     box-sizing:  border-box;
 }

.articleSocialButtons > .fb_button:hover  {
     background:  #4c70ba;
 }

.articleSocialButtons > .fb_button:active  {
     background:  #2d4373;
 }

.articleSocialButtons > .fb_button > i  {
     color:  white;
     position:  absolute;
     left:  50%;
     margin:  13px 0 15px -50px;
 }

.articleSocialButtons > .fb_button > span  {
     position:  relative;
     line-height: 2.9em;
 }

.articleSocialButtons > .tweet_button  {
     background:  #1bb2e9;
     font-style:  normal;
     color:  white;
     font-size:  18px;
     /*font-size:  1.8rem;*/
     position:  relative;
     text-transform:  uppercase;
     float:  left;
     text-align:  center;
     width:  32%;
     height:  50px;
     margin:  0 2%;
     box-sizing:  border-box;
 }

.articleSocialButtons > .tweet_button:hover  {
     background:  #4ac2ed;
 }

.articleSocialButtons > .tweet_button:active  {
     background:  #1291bf;
 }

.articleSocialButtons > .tweet_button > i  {
     color:  white;
     position:  absolute;
     left:  50%;
     margin:  14px 0 15px -55px;
 }

.articleSocialButtons > .tweet_button > span  {
     position:  relative;
     line-height: 2.9em;
 }


.articleSocialButtons > .gplus_button  {
     background:  #F04848;
     font-style:  normal;
     color:  white;
     font-size:  18px;
     /*font-size:  1.8rem;*/
     position:  relative;
     text-transform:  uppercase;
     float:  left;
     text-align:  center;
     width:  32%;
     height:  50px;
     border:  none;
     cursor:  pointer;
     box-sizing:  border-box;
 }

.articleSocialButtons > .gplus_button:hover  {
     background:  #fa0101;
 }

.articleSocialButtons > .gplus_button:active  {
     background:  #fa0101;
 }

.articleSocialButtons > .gplus_button > i  {
     color:  white;
     position:  absolute;
     left:  50%;
     margin:  14px 0 15px -55px;
 }

.articleSocialButtons > .gplus_button > span  {
     position:  relative;
     line-height: 2.9em;
 }

 /* Facebook Like in After Entry Widget
--------------------------------------------- */

.fblike-after-entry {
    margin: 25px 0 0px;
    border-top: 1px dotted #ddd;
    border-bottom: 1px dotted #ddd;
    height: auto;
}
.like-us {
  font-family: 'EquityB';
    float:left;
    font-size: 19px;
    color:#555;
    padding:4px 20px 0 5px;
}

.twitter-follow-button {
  height: 27px !important;
  padding-top: 7px;
  margin-right: 15px;
  float: left;
}


.fb-like {
    float:left;
    line-height:0;
    padding-top:7px;
    padding-bottom: 7px;
}

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

.pinterest-button {
    padding-top: 5px;
    float: left;
}

#selectionSharerPopover-inner ul {
  margin-left: 0 !important; 
}


/*------------------------------------------------------------------------*/
/*  Articles with improved styling

/* GOALS:
  - Off-set images
    - Create styling for off-set images
    - Make styling normal again at smaller screensize
  - Full-width images
    - Make .entry-content full-width
    - Make all elements within it max-width: 780px;
    - Add class for 100% width 
/*------------------------------------------------------------------------*/

/* post 18549 is the test article 
   18717 is LDR post
 */
#post-18549 .entry-content,
#post-18717 .entry-content {
  max-width: 100%;
}

#post-18549 p,
#post-18549 h1,
#post-18549 h2,
#post-18549 h3,
#post-18549 h4,
#post-18549 h5,
#post-18549 h6,
#post-18549 .entry-content > div,
#post-18717 p,
#post-18717 h1,
#post-18717 h2,
#post-18717 h3,
#post-18717 h4,
#post-18717 h5,
#post-18717 h6,
#post-18717 .entry-content > div {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}

#post-18549 .entry-content .full-width,
#post-18549 .entry-content .full-width img,
#post-18717 .entry-content .full-width,
#post-18717 .entry-content .full-width img {
  max-width: 100%;
  width: 100%;
}

@media only screen and (min-width: 1100px) {
  #post-18549 .off-set-left figure,
  #post-18717 .off-set-left figure,
  #post-18549 .off-set-left > img,
  #post-18717 .off-set-left > img {
    float: left;
    width: 75%;
    margin: 10px 30px 10px -160px;
  }
  #post-18549 .off-set-left figcaption,
  #post-18717 .off-set-left figcaption {
    margin-bottom: 10px;
  }

  #post-18549 .off-set-right figure,
  #post-18717 .off-set-right figure,
  #post-18549 .off-set-right > img,
  #post-18717 .off-set-right > img {
    float: right;
    width: 75%;
    margin: 10px -160px 10px 30px;
  }
  #post-18549 .off-set-right figcaption,
  #post-18717 .off-set-right figcaption {
    margin-bottom: 10px;
  }
}

/*------------------------------------------------------------------------*/
/*  NEW HEADER (Fixed to top after scrolling below featured image and with audio files etc.)
/*------------------------------------------------------------------------*/
.fixed-site-header {
  display: none;
}

/* People without js or flexbox will never see the fixed header (requires Modernizr) */
.no-js .fixed-site-header,
.no-flexbox .fixed-site-header {
  display: none !important;
}

/* 
 * Once the body tag gets the 'header-fixed' class, we change the header.
 * Also show header when body has .search-active-in-header class, which
 * is now used for iOS to show the header above the fold if search is active.
 */

.search-active-in-header .fixed-site-header,
.header-fixed .fixed-site-header {
  position: fixed;
  top: 0;
  display: block;
  width: 100%;
  box-shadow: 0px 1px 5px rgba(100, 100, 100, 0.28);
  background-color: white;
  z-index: 1000;
  font-size: 18px;
  font-family: 'EquityB';
  background-color: white;
  color: #333;
}

.site-header__title-row,
.site-header__media-row {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.site-header__media-row {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 780px;
  margin: 0 auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.site-header__article-title,
.site-header__search {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 780px;
      -ms-flex: 0 1 780px;
          flex: 0 1 780px;
  padding: 10px 0;
  min-width: 0
}

.site-header__article-title {
  border-right: 1px solid rgb(221, 221, 221);
}

.site-header__site-title-wrap,
.site-header__icons {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
      -ms-flex: 1 1 0;
          flex: 1 1 0;
  min-width: -webkit-min-content;
}

.site-header__site-title-wrap {
    padding: 11px 10px 9px 10px;
    white-space: nowrap;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.site-header__site-title,
.fixed-navigation-dropdown {
  display: inline-block;
  line-height: 1;
  font-size: 200%;
}

.site-header__site-title {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.site-header__site-title a {
  color: inherit;
}

.site-header__article-title .now-reading {
  font-size: 95%;
  line-height: 1.1;
  font-family: "EquityBitalic";
}

.site-header__article-title .title {
  font-family: Montserrat;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  font-size: 105%;
  font-weight: normal;
}

ul.site-header__icons {
    list-style: none outside none;
    padding: 10px 10px 10px 0;
    margin: 0;
    display: -webkit-flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 115%;
    white-space: nowrap;
}

.site-header__icons li {
    display: inline-block;
    line-height: 1;
    margin: 0px 0px 0px 10px;
    position: relative;
}

.site-header__icons li a {
    display: block;
    -webkit-transition: all 225ms ease 0s;
            transition: all 225ms ease 0s;
    border-radius: 3px;
    padding: 6px;
    color: inherit;
}

.site-header__icons li a:hover {
    background-color: black;
    color: white;
}

.site-header__icons i {
  padding: 0;
}

.site-header__search,
.search-active .site-header__article-title,
.site-header__search-results {
  display: none;
}

/* start of animated search bar. */
.site-header__search {
  position: absolute;
  left: 1000em;
  display: block;
  /*
  -webkit-box-flex: 3;
  -webkit-flex-grow: 3;
  -ms-flex-positive: 3;
  flex-grow: 3;
  */
}

.site-header__search form {
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
}

.search-active .site-header__search form {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.search-active .site-header__search {
  position: static;
} 
/* end of animated search bar */

.search-active .site-header__search,
.search-active .site-header__search-results {
  display: block;
}

.site-header__search-results ul {
  list-style: none;
  margin-left: 14px;
  margin-left: 0.9rem;
}
.site-header__search-results h3 {
    font-size: 1.1em;
    margin: 16px 0 0 12px;
    margin: 1rem 0 0 0.8rem;
}

.site-header__search-results li {
  margin: 0.85em 0 0;
  line-height: 1.5;
}

.site-header__search input {
  width: 100%;
  padding: 7px 0;
}

.site-header__search label {
  padding: 0;
}

.search-active .site-header__search-icon i:before {
  /* ##fontawesome content## */
  content: "\61";
}

.site-header__search-results {
  position: absolute;
  top: 53px;
  width: 100%;
  background: rgb(242, 242, 242) none repeat scroll 0% 0%;
  height: auto;
  max-height: 70vh;
  overflow-y: scroll;

  height: auto;
  padding: 9px 0;
  padding: 0.6rem 0;
  z-index: 10;
}

.search-results__default,
.search-results__results {
  max-width: 780px;
  margin: 0 auto;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.search-results__default .one-of-two {
  margin-left: 0;
  margin-right: 3%;
  width: 48%;
}

.search-results__default .one-of-two:last-of-type {
  margin-right: 0;
}

.view-all-search-results {
  margin-left: 14px;
  margin-left: 0.9rem;
    margin-top: 24px;
    margin-top: 1.5rem;
}

.fixed-site-header .site-header__media-row > div {
  position: relative;
  background-color: white;
  color: #333;
  cursor: pointer;
}

.site-header__article-audio a,
.site-header__audio-commentary a,
.site-header__print a {
  padding: 8px 5px;
  display: block;
  width: 100%;
  height: 100%;
}

.header-fixed .site-header__media-row > div,
.header-fixed .site-header__media-row > div i {
  -webkit-transition: all .2s linear; transition: all .2s linear;
}

.header-fixed .site-header__media-row a {
  color: inherit;
}

.header-fixed .site-header__media-row > div:hover {
  color: #1c93c5;
}

/*.header-fixed .site-header__media-row > div:hover i {
  font-size: 1.3em;
}*/

progress {
  width: 100%;
  height: 3px;
  display: block;

  /* Below is necessary to make progress bar appear BELOW site-title on Chrome, which is floating */
  clear: both;

  /* Reset the appearance */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;

  /* Get rid of the default border in Firefox/Opera. */
  border: none;

  /* Progress bar container for Firefox/IE10+ */
  background-color: #DDD; /*transparent; */

  /* Progress bar value for IE10+ */
  color: #1C93C5;
}

progress::-webkit-progress-bar {
  background-color: #DDD; /*transparent; */
}

progress::-webkit-progress-value {
  background-color: #1C93C5;
}

progress::-moz-progress-bar {
  background-color: #1C93C5;
}

/* Only in the 'audio row' in the header the audio should be absolutely positioned. 
 * Not on the archive page. */
/*.site-header__media-row .audiojs {
  position: absolute;
  width: 100%;
  height: 27px;
  margin: 0;
  top: 0;
  left: 0;
  display: none;
  margin-top: 8px;
  box-shadow: none;
}

.site-header__media-row .audiojs .play-pause {
  width: 25px;
  height: 25px;
  padding: 0;
  margin: 0;
}

.site-header__media-row .audiojs .play,
.site-header__media-row .audiojs .pause,
.site-header__media-row .audiojs .loading,
.site-header__media-row .audiojs .error {
  height: 25px;
}

.site-header__media-row .audiojs .time { display: none; }

.site-header__media-row .audiojs .scrubber { 
  width: 160px;
  height: 14px;
  margin: 5px;
}

.site-header__media-row .audiojs .scrubber {
  width:-moz-calc(100% - 40px);
  width:-webkit-calc(100% - 40px);
  width:calc(100% - 40px);
}

.site-header__media-row .audiojs .progress { background-color: #CCC -moz-linear-gradient(center top , #CCC 0%, #DDD 50%, #CCC 51%, #CCC 100%) repeat scroll 0% 0%; }

.site-header__media-row .article-audio-version,
.site-header__media-row .article-audio-commentary {
  background-color: white;
  color: black;
  z-index: 1010;
  position: absolute;
  height: 26px;
  cursor: pointer;
}

.site-header__media-row .article-audio-version {
  width: 30%;
}

.site-header__media-row .article-audio-commentary {
  width: 33%;
}

.site-header__media-row .article-print-button {
  width: 30%;
}
*/

/* new audio player design for article pages */
.site-header__audio-player {
  display: none;
}

.fixed-site-header .site-header__audio-player.playing {
  -webkit-box-flex: 10;
  -webkit-flex: 10 1 0;
      -ms-flex: 10 1 0;
          flex: 10 1 0;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  cursor: default;
}

.fixed-site-header .site-header__audio-player.playing:hover {
    color: inherit;
}


.site-header__media-row .audiojs,
.audio-container__inner .audiojs {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background: none;
  box-shadow: none;
}

.site-header__media-row .audiojs .scrubber,
.audio-container__inner .audiojs .scrubber {
  border: none;
  height: 12px;
  border-radius: 3px;
  -webkit-box-flex: 10;
  -webkit-flex: 10 1 0;
      -ms-flex: 10 1 0;
          flex: 10 1 0;
}

.site-header__media-row .audiojs .time,
.audio-container__inner .audiojs .time {
  font-family: EquityB;
  color: black;
  text-shadow: none;
  font-size: 16px;
  border: none;
  width: 2.3em;
  margin: 0;
  padding: 0;
}

.site-header__media-row .audiojs .play-pause,
.audio-container__inner .audiojs .play-pause {
  display: none;
}

.site-header__media-row .site-header__article-audio.playing,
.site-header__media-row .site-header__audio-commentary.playing {
  border-right: 1px solid #ddd;
    margin-right: 10px;
}

.site-header__media-row .site-header__article-audio.playing a,
.site-header__media-row .site-header__audio-commentary.playing a {
  padding: 8px 12px 8px 5px;
}

.site-header__media-row .site-header__article-audio.audio-not-available a,
.site-header__media-row .site-header__audio-commentary.audio-not-available a {
  color: #BBB;
    cursor: default;
}

.site-header__media-row .site-header__article-audio.audio-not-available,
.site-header__media-row .site-header__audio-commentary.audio-not-available {
    cursor: default;
}

.site-header__audio-player .audio-player-close-button {
  font-size: 22px;
  cursor: pointer;
  padding: 0 0 2px 14px;
}

.site-header__audio-player .audio-player-close-button:hover {
  color: #1c93c5;
}

.fixed-site-header .site-header__audio-player.playing:hover i {
  font-size: 22px;
}

.site-header__media-row .fa {
  font-size: inherit;
  padding: 0;
}

.site-header__media-row .fa.fa-play,
.site-header__media-row .fa.fa-pause {
    width: 1em;
    font-size: 1.1em;
}

.playing a.audio-link:hover,
.header-fixed .site-header__media-row .playing:hover {
  color: inherit;
}

.playing a.audio-link:hover i {
  color: #1c93c5;
}
/* end of new audio player design for article pages */

/* extra styling for audio archives */
.audio-archives .current-article-title {
  margin: 30px 0 20px;
}

.audio-archives .audio-non-member__article,
.audio-archives .audio-non-member__commentary,
.audio-archives .audio-non-member__download {
  cursor: pointer;
}

.audio-archives .non-member-message {
  margin: 0 0 1em 0;
  display: none;
  border-bottom: 1px solid grey;
    border-left: 1px solid grey;
    border-right: 1px solid grey;
    padding: 5px 10px 10px;
    font-size: 92%;
    border-radius: 0 0 8px 0;
}

.audio-archives .non-member-message p {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}

.audio-archives .non-member-message p:last-of-type {
  margin: 0;
}

.audio-archives .audio-container__inner .audio-container__inner-container {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.audio-archives .audio-container__inner .audio-container__play-pause-button {
  font-size: 1em;
  line-height: 1;
  width: 1.5em;
  padding-right: 0.6em;
  color: #AAA;
}

.audio-container__play-pause-button {
  color: #555;
  cursor: pointer;
}

.audio-archives table td {
  line-height: 1.5;
}

.audio-archives .audio-container__inner .fa {
  font-size: inherit;
  padding: 0;
}

.shortcode-audio-player {
  margin-bottom: 1em;
}

@media screen and (max-width: 970px) {
  .audio-archives .fixed .audio-container__inner {
      padding-left: 20px;
      padding-right: 20px;
    }
}
/* end of styling for audio archives */
.site-header__media-row .fa {
  font-size: 1.2em;
    margin-right: 0.25em;
    padding-bottom: 2px;
}


.fixed-nav-categories {
  width: 640px;
  width: 40rem;
  position: absolute;
  left: 130px;
  display: block;
    margin: 0;
    padding: 0;
    border: 0;
    max-width: 90%;
    z-index: 15;
}

.fixed-nav-categories__container {
    border-right: solid 1px #ccc;
    border-left: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    padding: 8px 10px 8px 17px;;
    margin: 0 auto 20px;;
    margin: 0 auto 1.25rem;
    display: block;
    background-color: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 4px 4px 2px rgba(100,100,100,0.5);
    display: none;
    list-style-type: none;
    max-height: 80vh;
    height: auto;
    width: 272px;
    width: 17rem;
    max-width: 90%;
}

.fixed-nav-categories__container li {
  margin: 5px 0 5px 0;
    font-size: 20px;
}

.fixed-nav-categories__container li a {
  display: block;
  width: 100%;
  height: 100%;
  color: inherit;

  font-family: Montserrat;
  font-size: 17px;
}

.fixed-nav-categories__container li a:hover {
  color: #1c93c5;
}

.selectedLink {
  color: #1c93c5 !important;
}

.header-fixed .fixed-nav-categories[data-dropdown=true] .fixed-nav-categories__container {
    display: block;
}

.header--article-title {
  position: absolute !important;
  top: -66px !important;
  left: 0;
  right: 0;
  overflow: hidden;
}

.header-fixed .fixed-navigation-dropdown {
  line-height: 1;
    -webkit-transition: -webkit-transform 0.2s ease-out;
            transition: transform 0.2s ease-out;
  cursor: pointer;
  margin: 0;
  padding: 0 11px;
  padding: 0 0.7rem;
  display: inline-block;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.fixed-navigation-dropdown:after {
  /* ##fontawesome content## */
  content: "\70";
  font-family: 'FontAwesome';
}

.fixed-navigation-dropdown[data-dropdown="true"] {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media only screen and (max-width: 1230px) {
  .site-header__article-title {
    display: none;
  }

  ul.site-header__icons {
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
  }
}

@media only screen and (max-width: 970px) {
  .search-results__default,
  .search-results__results {
    padding: 0 20px;
  }
}

@media only screen and (max-width: 780px) {
  .search-active .site-header__site-title-wrap {
    display: none;
  }

  .site-header__search {
    padding-left: 20px;
  }

  .site-header__audio-player .audio-player-close-button {
    padding: 0 0 0 14px;
  }
}

@media screen and (max-width: 650px) {
  .fixed-nav-categories {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }

  .search-results__default .one-of-two {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .search-results__default .one-of-two:last-of-type {
    margin-top: 0.7rem;
  }

  .site-content .textwidget h5,
  .site-content .entry-content h5,
  .site-content .page-content h5,
  .site-content .comment-content h5,
  .single .site-content .entry-content h2 {    
    font-size: 35px;
    margin-top: 3.5rem;
  }

  .footer-widgets-container h1 {
    font-size:1.6em;
  }
}

@media screen and (max-width: 650px) {
  .stag_widget_static_content .entry-content {
    padding-left:5px;
    padding-right:5px;
  }
}

@media only screen and (max-width: 480px) {
  .fixed-nav-categories {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }

  .search-active .site-header__facebook-icon,
  .search-active .site-header__twitter-icon {
    display: none;
  }

  ul.site-header__icons {
      padding: 10px 20px 10px 0;
  }

  .site-header__search {
    padding-left: 10px;
  }
}

@media only screen and (max-width: 420px) {
  .archives .current-article-title {
      font-size: 30px;
  }

  .site-content .textwidget h5,
  .site-content .entry-content h5,
  .site-content .page-content h5,
  .site-content .comment-content h5,
  .single .site-content .entry-content h2 {
    font-size: 30px;
    margin-top: 2rem;
    margin-bottom: 1.3rem;
  }

  .post .entry-content p {
    font-size: 95%;
  }

  footer .footer-opt-in h3 {
    font-size: 26px;
  }

  .footer-widgets-container h1 {
    font-size:1.2em;
  }

  .footer-widgets-container p {
    font-size: 95%;
  }

  .site-header__media-row .site-header__article-audio.playing a span,
  .site-header__media-row .site-header__audio-commentary.playing a span {
    display: none;
  }

  .site-header__media-row .audiojs {
      margin-top: 2px;
  }

  .site-header__audio-player .audio-player-close-button {
    padding: 0 0 0 10px;
  }
}

@media only screen and (max-width: 380px) {
  .left-col {
    width: 75px;
  }

  .search #page .content-area .search-form .search-submit,
  #page .archives .entry-content .search-form .search-submit {
      width: 85px !important;
  }

  .search #page .content-area .search-form .search-field,
  #page .archives .entry-content .search-form .search-field {
      width: 160px !important;
  }

  .search-field::-webkit-input-placeholder { font-size: 110%; }
  .search-field::-moz-placeholder { font-size: 110%;} /* firefox 19+ */
  .search-field:-ms-input-placeholder { font-size: 110%;} /* ie */
  .search-field:-moz-placeholder { font-size: 110%;}

  .site-header__icons li {
      margin: 0 0 0 7px;
  }

  .site-header__icons li:first-of-type {
      margin: 0;
  }

  .site-header__site-title-wrap {
    padding-right: 0;
  }

  .header-fixed .fixed-site-header {
      font-size: 16px;
  }
}

@media only screen and (max-width: 340px) {
  .site-content .textwidget h5,
  .site-content .entry-content h5,
  .site-content .page-content h5,
  .site-content .comment-content h5,
  .single .site-content .entry-content h2 {    
    font-size: 28px;
  }

  .site-header__icons li {
    margin: 0;
  }
}

/*------------------------------------------------------------------------*/
/*  Facebook flyout 
/*------------------------------------------------------------------------*/
#article-finished {
  z-index: 10000;
  padding: 10px;
  background-color: #FFFFFF;
  border: 1px solid #000;
  font-size: 14px;
  color: #EE4824;
  font-weight: bold;
  position: fixed;
  bottom: 0px;
  right: 0px;
  width: 322px;
  -webkit-transition: right 1s ease-in-out;
  transition: right 1s ease-in-out;
}
 
#article-finished.hiding { right: -450px; }
#article-finished .no-show {
    text-align:center;
  font-size: 12px;
  font-family: Montserrat;
}
#article-finished .no-show a {
    color:#000;
    text-decoration:underline;
    font-size:12px;
}

.fb-like iframe { max-width: inherit; }

/* Latest 3 posts */
.archives .entry-header h1,
.entry-content,
.content-area {
  max-width: 1120px;
  margin: 0 auto;
}

.filters {
  margin: 30px 0;
  font-size: 19px;
  text-align: center;
}

#home-page .list-posts {
  padding: 0px;
  font-size: 21px;
  max-width: 1080px;
  margin: 0 auto;
  font-family: EquityB;
} 

#home-page .list-posts h2 {
    margin-bottom: 12px;
    margin-bottom: 0.8rem;
}

#home-page .list-posts p {
  font-size: 21px;
}

#home-page .list-posts p, .list-posts dl {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

#home-page .list-posts .meta-avatar, .list-posts .meta-data, .list-posts .meta-desc {
    float: left;
    clear: none;
    width: 20%;
}

#home-page .list-posts .meta-avatar, .list-posts .meta-data, .list-posts .meta-desc, .list-posts .post-preview {
    list-style-type: none;
    box-sizing: border-box;
    padding: 0px 0px 0px 8px;
    padding: 0px 0px 0px 0.5rem;
}

#home-page .list-posts .post-preview {
    float: left;
    width: 60%;
}

#home-page ul.list-posts li {
    list-style-type: none;
    margin-bottom: 0.5em;
    border-top: 1px solid #D3D3D1;
}

#home-page ul.list-posts li:first-of-type {
  border-top: none;
}

#home-page .list-posts .meta-avatar:before, .list-posts .meta-data:before, .list-posts .meta-desc:before, .list-posts .post-preview:before {
    content: "";
    display: block;
    margin-bottom: 40px;
    margin-bottom: 2.5rem;
}

#home-page .list-posts .meta-avatar:after, .list-posts .meta-data:after, .list-posts .meta-desc:after, .list-posts .post-preview:after {
    content: "";
    clear: both;
    display: table;
}


#home-page .list-posts li:after {
    content: "";
    clear: both;
    display: table;

}

#home-page .list-posts dl dd, .list-posts dl dt {
  margin: 0;
  font-size: 18px;
}

#home-page .list-posts dl dt {
  margin-top: 12px;
  margin-top: 0.8rem;
  font-family: Montserrat;
  font-size: 14px;
  color: #999;
}

#home-page .list-posts dl dd {

}

#home-page .meta .avatar, .meta .thumbatar {
    float: none;
    width: auto !important;
    max-width: 68%;
}

#home-page .meta .avatar img, .meta .thumbatar img {
    max-width: 100%;
    width: 150px !important;
    border-radius: 50%;
}

.pagination-links {
  text-align: center;
  margin-bottom: 30px;
}

.categories h2 {
  text-align: center;
}

.widget_recent_entries .widgettitle {
  text-align: center;
  font-size: 45px;
  margin: 35px 0 15px;
}

#home-page .widget_text {
  background-color: black;
  width: 100%;
  max-width: 100%;
  height: 65px;
}




.widget_recent_entries a {
  color: black;
}

.widget_recent_entries a:hover {
  color: #1c93c5;
}

a.no-hover-color:hover {
  color: black;
}

#home-page .all-posts-wrapper {
  background: white;
}

#home-page .all-posts-wrapper .button {
  background-color: rgb(28, 147, 197);
  background: white;
  color: black;
  margin: 10px 0 60px;
  border: 3px solid black;
}

#home-page .all-posts-wrapper .button:hover {
  background-color: black;
}

#home-page .all-posts-wrapper:before,
#home-page .all-posts-wrapper:after {
  display: none;
}

/*------------------------------------------------------------------------*/
/*  Changes for logged in vs non-logged in people
/*------------------------------------------------------------------------*/

.logged-in #site-navigation .site-navigation__log-in,
.logged-in #site-navigation .site-navigation__subscribe,
.logged-in #site-navigation .site-navigation__subscription,
#site-navigation .site-navigation__your-profile,
.logged-in .hide-if-logged-in,
.show-if-logged-in--block,
.show-if-logged-in--inline-block,
.show-if-logged-in--inline,
.show-if-logged-in--list-item {
  display: none;
}

.logged-in #site-navigation .site-navigation__your-profile,
.logged-in .show-if-logged-in--block {
  display: block;
}

.logged-in .show-if-logged-in--inline {
  display: inline;
}

.logged-in .show-if-logged-in--inline-block {
  display: inline-block;
}

.logged-in .show-if-logged-in--list-item {
  display: list-item;
}

/*------------------------------------------------------------------------*/
/*  Custom Post Type: Single video page
/*------------------------------------------------------------------------*/
.single-videos .entry-header {
    text-align: center;
    margin-bottom: 38px;
    margin-bottom: 2.375rem;
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
    font-size: 48px;
    font-size: 3rem;
}

.single-videos .entry-title {
    line-height: 1.3;
    font-size: 100%;
}

.single-videos .entry-content {
  margin-bottom: 48px;
  margin-bottom: 3rem;
}

.single-videos .wistia-video {
  margin-bottom: 32px;
  margin-bottom: 2rem;
}

@media only screen and (max-width: 970px) {
  .single-videos .entry-header {
      padding-left: 20px;
      padding-right: 20px;
  }

  .single-videos .entry-title {
      font-size: 90%;
  }
}

@media only screen and (max-width: 800px) {
  .single-videos .entry-title {
      font-size: 80%;
  }
}

@media only screen and (max-width: 650px) {
  .single-videos .entry-header {
    margin-top: 1.5rem;
  }

  .single-videos .entry-title {
      font-size: 70%;
  }
}

@media only screen and (max-width: 500px)  {
  .single-videos .entry-title {
      font-size: 60%;
  }
}


/*------------------------------------------------------------------------*/
/*  Tiny Screens and up
/*------------------------------------------------------------------------*/

@media only screen and (max-width: 1100px) {
  .page-template-widgetized-php .site-main article, #post-15709 .entry-content, #post-15989 .entry-content {
    background: none;
    background-color: rgba(255,255,255,0.7);
  }
}

@media only screen and (min-width: 1230px) {
        /* $Navigation & Menus */
    #site-navigation > ul { float: right; }
    #site-navigation ul { margin: 0; padding: 0; }
    #site-navigation ul ul { z-index: 1000; position: absolute; top: 46px; overflow: visible!important; }
    #site-navigation ul ul ul { top: 0; }
    #site-navigation ul ul a:hover { color: white; }
    #site-navigation ul ul li { margin: 0; }
    #site-navigation li { display: inline-block; line-height: 1; margin: 0 0 0 8px; position: relative; }
    #site-navigation .primary-menu > li:first-of-type { margin: 0; }
    #site-navigation li a { display: block; padding: 15px 14px; font-size: 18px; -webkit-transition: all 225ms ease 0s; transition: all 225ms ease 0s; color: inherit; border-radius: 3px;}
    #site-navigation li a:hover { background-color:black; color: white; }

/*
  #site-navigation li a {
      padding: 18px 11px 15px;
      font-size: 17px;
  }
*/
    #site-navigation {
      position: absolute;
      top: 0;
      left: 410px;
      right: 0;
      z-index: 1000;
      overflow: visible;
      padding: 20px;
      color: white;
    }

  #site-navigation ul.social-icons {
    float: right;
    list-style: none outside none;
    padding: 9px 0;
  }
  #site-navigation ul.social-icons li {
    display: inline-block;
    line-height: 1;
    margin: 0px 0px 0px 10px;
  }
  #site-navigation ul.social-icons li a {
    padding: 6px;
  }
  #site-navigation .social-icons .stag-icon {
    display: inline-block;
  }

    /* Hide various icons when the non-mobile nav is showing */
    nav h4, #site-navigation-toggle, .site-nav--scrollable-container .stag-icon {
        display: none;
    }

    /* superfish nav, taken from the superfish.css. I removed all background-color and color elements. */

  /*** ESSENTIAL STYLES ***/
  .sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .sf-menu li {
    position: relative;
  }
  .sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
    width: 200px;
  } 
  .sf-menu ul li {
    width: 100%;
  }
  .sf-menu ul li a {
    width: auto;
  }
  .header-normal .sf-menu ul li a {
    background-color: rgba(255,255,255,0.85);
  }
  .header-over .sf-menu ul li a {
    background-color: rgba(0,0,0,0.7);
  }
  .header-fixed .sf-menu ul li a {
    background-color: rgba(255,255,255,0.85);
  }
  .header-fixed .sub-menu li.menu-item {
      border-bottom: 1px solid rgba(200,200,200,0.1);
  }
  .header-fixed .sub-menu li.menu-item:last-of-type {
      border-bottom: none;
  }
  .header-fixed .sub-menu .menu-item a {
    box-shadow: 0px 1px 5px rgba(100, 100, 100, 0.28);
  }
  .sf-menu > li {
    float: left;
  }
  .sf-menu li:hover > ul,
  .sf-menu li.sfHover > ul {
    display: block;
  }

  .sf-menu a {
    display: block;
    position: relative;
  }
  .sf-menu ul ul {
    top: 0;
    left: 100%;
  }



  /*** arrows (for all except IE7) **/
  .sf-arrows .sf-with-ul {
    padding-right: 2.5em;
    *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
  }
  /* styling for both css and generated arrows */
  .sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -3px;
    height: 0;
    width: 0;
    /* order of following 3 rules important for fallbacks to work */
    border: 5px solid transparent;
    border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
    border-top-color: rgba(255,255,255,.5);
  }
  .sf-arrows > li > .sf-with-ul:focus:after,
  .sf-arrows > li:hover > .sf-with-ul:after,
  .sf-arrows > .sfHover > .sf-with-ul:after {
    border-top-color: white; /* IE8 fallback colour */
  }
  /* styling for right-facing arrows */
  .sf-arrows ul .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
    border-left-color: rgba(255,255,255,.5);
  }
  .sf-arrows ul li > .sf-with-ul:focus:after,
  .sf-arrows ul li:hover > .sf-with-ul:after,
  .sf-arrows ul .sfHover > .sf-with-ul:after {
    border-left-color: white;
  }

}

/* making the nav a bit more spacey when there is room */
@media only screen and (min-width: 1300px) {
    #site-navigation li { display: inline-block; line-height: 1; margin: 0 0 0 10px; position: relative; }
    #site-navigation li a { display: block; padding: 15px; font-size: 18px; -webkit-transition: all 225ms ease 0s; transition: all 225ms ease 0s; color: inherit; border-radius: 3px;}
}

@media only screen and (max-width: 1230px) { 
    /*#site-navigation > ul { display: none; }
    .site-branding { display: inline-block; float: none; }
    #mobile-nav { background: url("http://markmanson.net/wp-content/themes/proxy/assets/img/navicon.gif") 100% 50% no-repeat; border-bottom: none; cursor: pointer; display: inline-block; height: 23px; width: 18px; margin-top: 25px; float: right; }
    #site-navigation { margin-top: 0; }
    #mobile-nav { position: absolute; top: 42px; right: 30px; margin-top: 0; }
    #mobile-primary-nav { width: 100%; }
    #mobile-primary-nav ul { margin-left: 0; }
    #mobile-primary-nav li { display: block; margin: 2px 0; }
    #mobile-primary-nav li a { display: block; padding: 8px 15px; }
    #mobile-primary-nav li a:hover { background: #1c93c5; }
    #mobile-primary-nav .sub-menu { margin-left: 20px; }*/

    /*
    SHOWS THE SIDEWAYS NAVIGATION FOR MOBILE
    */

    /* Added by me */
    nav .stag-icon, #site-navigation-toggle {
        display: block;
        top: 20px;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none; 
    }
    #site-navigation li a { 
    color: #333;
    -webkit-transition: all 150ms ease 0s;
            transition: all 150ms ease 0s
  }
  .stag-icon2 {
    padding: 0 20px 0 0;
  }

    /* Theme's CSS */
    .navigation {
      list-style: none;
    }

    .main-navigation li {
      margin-bottom: 15px;
      margin-bottom: 0.9375rem;
    }
    .main-navigation li:last-child {
      margin-bottom: 0;
    }

    .site-nav {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      outline: 0;
      background-color: #f9f9f9;
      max-width: 330px;

      /* ####### MOBILE NAV FIX. Allows mobile nav dropdown to work below the fold. */
      /*position: fixed;*/
    }
    .site-nav--scrollable-container {
      display: none;
      overflow: auto;
      padding: 30px;
      padding: 1.875rem;
      width: 330px;
      -webkit-overflow-scrolling: touch;
      height: 100%;
      position: relative;
    }
    .site-nav-transition .site-nav--scrollable-container {
      display: block;
    }
    .site-nav__section {
      border-bottom: 2px solid #333;
      position: relative;
      padding: 40px 0;
      padding:  2.5rem 0;
    }
    .site-nav__section:last-of-type {
      border: none;
      padding-bottom: 0;
    }
    .site-nav a {
      color: #333;
    }
    .site-nav a:hover {
      color: #000;
    }
    .site-nav .widgettitle {
      font-size: 18px;
      font-size: 1.125rem;
      margin-bottom: 24px;
      margin-bottom: 1.5rem;
    }
    .site-nav .stag-icon {
      position: absolute;
      top: 30px;
      right: 30px;
      font-size: 30px;
      cursor: pointer;
      z-index: 50;
    }
    #site-navigation {
  position: relative;
        padding-bottom: 50px;
    }
    .site-nav .social-icons {
  position: absolute;
  bottom: 0;
  left: 0;
    }
    .site-nav .social-icons li {
  display: inline-block;
    }
    .site-nav .social-icons .stag-icon {
  position: static;
  font-size: 20px;
  padding-right: 12px;
    }

    .site-nav .sub-menu {
      margin-top: 10px;
      margin-left: 20px;
    }

    .site-nav-overlay {
      display: none;
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      z-index: 600;
    }

    .site-nav-drawer-open .site-nav-overlay,
    .site-nav:focus ~ .site-nav-overlay {
      display: block;
      right: 330px;
      z-index: 900;
    }

    .site-nav-transition #page {
      left: 0;
      position: fixed;
      overflow: hidden;
      width: 100%;
      height: 100%;
      z-index: 800;

      /* ####### MOBILE NAV FIX. Allows mobile nav dropdown to work below the fold. */
      /*position: static;*/
    }
    .site-nav-drawer-open #page {
      -ms-transform: translate(-330px, 0, 0);
      -webkit-transform: translate(-330px, 0, 0);
      transform: translate(-330px, 0, 0);
      -ms-transform: translate3d(-330px, 0, 0);
      -webkit-transform: translate3d(-330px, 0, 0);
      transform: translate3d(-330px, 0, 0);
    }


}
@media screen and (min-width: 650px) {
  .article-cover {
    min-height: 500px;
  }
  .article-cover__inner {
    min-height: 500px;
  }
}
/*###
@media only screen and (max-width: 1330px) {
  #post-15958 .entry-header h1, 
  #post-15962 .entry-header h1, 
  #post-15704 .entry-header h1,
  #post-15766 .entry-header h1,
  #post-15951 .entry-header h1,
  #post-15767 .entry-header h1,
  #post-15968 .entry-header h1,
  #post-15768 .entry-header h1,
  #post-15969 .entry-header h1,
  #post-15774 .entry-header h1,
  #post-16255 .entry-header h1,
  #post-15686 .entry-header h1,
  #post-15944 .entry-header h1,
  #post-15781 .entry-header h1,
  #post-16550 .entry-header h1,
  #post-17047 .entry-header h1,
  #post-18642 .entry-header h1 {  
    bottom: 30px;
  }
}

@media only screen and (max-width: 970px) {
  #post-15958 .entry-header h1, 
  #post-15962 .entry-header h1, 
  #post-15704 .entry-header h1,
  #post-15766 .entry-header h1,
  #post-15951 .entry-header h1,
  #post-15767 .entry-header h1,
  #post-15968 .entry-header h1,
  #post-15768 .entry-header h1,
  #post-15969 .entry-header h1,
  #post-15774 .entry-header h1,
  #post-16255 .entry-header h1,
  #post-15686 .entry-header h1,
  #post-15944 .entry-header h1,
  #post-15781 .entry-header h1,
  #post-16550 .entry-header h1,
  #post-17047 .entry-header h1,
  #post-18642 .entry-header h1 {  
    padding-left: 20px;
    padding-right: 20px;
    font-size: 50px;
  }
  #post-15686 .entry-header h1,
  #post-15944 .entry-header h1 {
    font-size: 40px;
  }
  #post-15958 .entry-header, 
  #post-15962 .entry-header, 
  #post-15704 .entry-header,
  #post-15766 .entry-header,
  #post-15951 .entry-header,
  #post-15767 .entry-header,
  #post-15968 .entry-header,
  #post-15768 .entry-header,
  #post-15969 .entry-header,
  #post-15774 .entry-header,
  #post-16255 .entry-header,
  #post-15686 .entry-header,
  #post-15944 .entry-header,
  #post-15781 .entry-header,
  #post-16550 .entry-header,
  #post-17047 .entry-header,
  #post-18642 .entry-header {
    height: 180px;
  }
}
*/
@media only screen and (max-width: 970px) {
  .downloads-categories h3 {
    font-size: 17px;
  }
  .downloads-categories p {
    font-size: 15px;
  }
  .downloads-categories {
    margin-left: -20px;
  }
  .downloads-title {
    font-size: 24px;
  }
  .downloads-cat {
    padding: 30px 0px 0px;
  }

  .site-header__media-row {
    padding: 0 20px;
  } 

}

@media only screen and (max-width: 800px) {
  .textwidget h5, .entry-content h5, .page-content h5, .comment-content h5 {
    font-size: 40px !important;
  }
  .copyright .grid .site-info {
    margin-left: 5px;
  }

  footer .copyright .inside {
      max-width: 99%;
  }
  .stag_widget_recent_posts .static-content-cover {
    background-size: cover;
  }
  #page .entry-content input,
  .black-border input {
    width: 220px !important;
    margin-bottom: 10px;
  }
  .downloads-categories h3 {
    font-size: 14px;
  }
  .downloads-categories p {
    font-size: 14px;
  }
  .site-header__media-row .audiojs {
    margin-top: 3px;
  }
}
@media only screen and (max-width: 650px) {
  .site-header {
    padding: 10px;
  }
  #site-navigation-toggle {
    top: 5px;
  }
  .site-nav .stag-icon {
    top: 12px;
  }
  header .site-title {
    font-size: 34px;
  }
  .article-cover__content .entry-title > a,
  .article-cover__content .entry-title {
    font-size: 32px;
    line-height: 1.3;
  }
  #money-back-guarantee h3 {
    font-size: 28px;
    line-height: 1.3;
  }
  #post-15743 h2, #post-16180 h2 {
    font-size: 31px;
  }
  #post-15743 h2.reviews-header, #post-16180 h2.reviews-header {
    font-size: 24px;
  }
  #page h2.premium-membership-header {
      font-size: 22px;
      margin-bottom: 10px !important;
    }

  .textwidget h5, .entry-content h5, .page-content h5, .comment-content h5 {
    font-size: 36px !important;
  }
  .copyright .grid .unit {
    width: 100%;
    margin-left: 0;
  }
  .downloads-categories {
    margin-left: auto;
    text-align: left;
  }
  .downloads-categories .downloads-cta {
    font-family: Montserrat;
    font-size: 16px;
    text-decoration: underline;
    border: none;
    display: block;
    padding-left: 93px;
    margin-bottom: 25px !important;
  }
  .downloads-categories .unit:before {
    float: left;
    padding: 0;
    width: 90px;
    height: 90px;
    margin-right: 3px;
  }
  .downloads-categories h3, .downloads-categories p {
    text-align: left;
    padding-left: 93px;
  }
  .downloads-categories h3 {
    margin-bottom: 2px;
    margin-top: 7px;
    font-size: 22px;
  }
  .downloads-categories p {
    font-size: 16px;
    margin-bottom: 5px !important;
  }
  #home-page h2 {
    margin-bottom: 20px !important;
  }
  .stag_widget_static_content .entry-content {
    padding-left: 5px;
    padding-right: 15px;
  }
  footer .footer-opt-in p {
    padding: 9px 0px 10px;
  }
  .stag-dropcap {
    font-size: 90px !important;
    height:  90px !important;
    width: 90px !important;
    line-height: 90px !important;
  }

  body[class*="page-id"] .entry-header,
  .category .entry-header,
  .post-type-archive-videos .entry-header {
    margin-top: 1.5rem;
  }
}

@media screen and (max-width: 520px) {
  /* Makes <figure> not float, with centered text, on very small screens */
  figure.alignright, figure.alignleft, figure.aligncenter,
  img.alignright, img.alignleft, img.aligncenter {
    float: none;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 480px) {
  .site-header {
    padding: 15px;
  }
  #site-navigation-toggle {
        top: 10px;
        font-size: 20px;
    }
  .article-cover__content .entry-title > a,
  .article-cover__content .entry-title {
    font-size: 32px;
    line-height: 1.3;
  }
  #money-back-guarantee h3 {
    font-size: 23px;
    line-height: 1.3;
  }
  #post-15743 h2, #post-16180 h2 {
    font-size: 25px;
  }
  #post-15743 h2.reviews-header, #post-16180 h2.reviews-header {
    font-size: 23px;
  }
  #page h2.premium-membership-header {
    font-size: 20px;
    margin-bottom: 0 !important;
  }

  body[class*="page-id"] .entry-title,
  .category .entry-title {
      font-size: 3em;
      line-height: 1;
  }

  header .site-title {
    font-size: 25px;
  }
  .textwidget h5, .entry-content h5, .page-content h5, .comment-content h5 {
    font-size: 32px !important;
  }
  /*###
  #post-15958 .entry-header h1, 
  #post-15962 .entry-header h1, 
  #post-15704 .entry-header h1,
  #post-15766 .entry-header h1,
  #post-15951 .entry-header h1,
  #post-15767 .entry-header h1,
  #post-15968 .entry-header h1,
  #post-15768 .entry-header h1,
  #post-15969 .entry-header h1,
  #post-15774 .entry-header h1,
  #post-16255 .entry-header h1,
  #post-15686 .entry-header h1,
  #post-15944 .entry-header h1,
  #post-15781 .entry-header h1,
  #post-16550 .entry-header h1,
  #post-17047 .entry-header h1,
  #post-18642 .entry-header h1 {  
    bottom: 40px;
    font-size: 35px;
  }
  #post-15686 .entry-header h1,
  #post-15944 .entry-header h1 {
    font-size: 28px;
  }
  */
}

@media (max-width: 700px) {
  /*.meta dl {
    float: left;
    margin: -0.5rem 0 2rem 0;
  }*/

  .widget_recent_entries .widgettitle {
    font-size: 39px;
  }

  #home-page .list-posts {
    padding: 0 2rem;
  }

  #home-page .list-posts .meta-avatar, .list-posts .meta-data, .list-posts .meta-desc {
      float: none;
      clear: none;
      width: 100%;
  }

  #home-page .meta .avatar img,.meta .thumbatar img {
    max-height:9em;
    width:auto !important
  }

  #home-page .meta-data {
    margin:-8.7rem 0 0 0
  }

  #home-page .meta .thumbatar {
    float: right;
    width: 6em !important;
  }

  #home-page .list-posts .post-preview {
    float: none;
    width: 100%;
  }

  #home-page .list-posts dl dt {
    margin-top: 0rem;
    float: left;
    clear: left;
    line-height: 2;
  }

  #home-page .list-posts dl dd {
    float: left;
    margin: 0 0 0 0.5em;
  }

  #home-page .all-posts-wrapper .button {
    padding: 15px 10px;
    font-size: 16px;
  }
}

@media (max-width: 400px) {
  #home-page .list-posts {
      padding: 0 1rem;
  }
      
  #home-page .meta .thumbatar {
    width: 5em !important;
  }
}