/*
 * This is a copy of the inline CSS generated by the theme itself, which is where the colours and so on that the wp-admin theme controls expose, wind up
 * No simple way of still enqueueing this inline thing while all the regular scripts are dequeued by the merge-replacer, as it hooks in via existing script name
 * Thus easiest is to just view source a live page, grab it, and paste it into this file
 */
/* line 7, ../scss/_theme-inline.scss */
.has-black-color {
  color: #000000 !important;
}

/* line 12, ../scss/_theme-inline.scss */
.has-cyan-bluish-gray-color {
  color: #abb8c3 !important;
}

/* line 17, ../scss/_theme-inline.scss */
.has-white-color {
  color: #ffffff !important;
}

/* line 22, ../scss/_theme-inline.scss */
.has-pale-pink-color {
  color: #f78da7 !important;
}

/* line 27, ../scss/_theme-inline.scss */
.has-vivid-red-color {
  color: #cf2e2e !important;
}

/* line 32, ../scss/_theme-inline.scss */
.has-luminous-vivid-orange-color {
  color: #ff6900 !important;
}

/* line 37, ../scss/_theme-inline.scss */
.has-luminous-vivid-amber-color {
  color: #fcb900 !important;
}

/* line 42, ../scss/_theme-inline.scss */
.has-light-green-cyan-color {
  color: #7bdcb5 !important;
}

/* line 47, ../scss/_theme-inline.scss */
.has-vivid-green-cyan-color {
  color: #00d084 !important;
}

/* line 52, ../scss/_theme-inline.scss */
.has-pale-cyan-blue-color {
  color: #8ed1fc !important;
}

/* line 57, ../scss/_theme-inline.scss */
.has-vivid-cyan-blue-color {
  color: #0693e3 !important;
}

/* line 62, ../scss/_theme-inline.scss */
.has-vivid-purple-color {
  color: #9b51e0 !important;
}

/* line 67, ../scss/_theme-inline.scss */
.has-black-background-color {
  background-color: #000000 !important;
}

/* line 72, ../scss/_theme-inline.scss */
.has-cyan-bluish-gray-background-color {
  background-color: #abb8c3 !important;
}

/* line 77, ../scss/_theme-inline.scss */
.has-white-background-color {
  background-color: #ffffff !important;
}

/* line 82, ../scss/_theme-inline.scss */
.has-pale-pink-background-color {
  background-color: #f78da7 !important;
}

/* line 87, ../scss/_theme-inline.scss */
.has-vivid-red-background-color {
  background-color: #cf2e2e !important;
}

/* line 92, ../scss/_theme-inline.scss */
.has-luminous-vivid-orange-background-color {
  background-color: #ff6900 !important;
}

/* line 97, ../scss/_theme-inline.scss */
.has-luminous-vivid-amber-background-color {
  background-color: #fcb900 !important;
}

/* line 102, ../scss/_theme-inline.scss */
.has-light-green-cyan-background-color {
  background-color: #7bdcb5 !important;
}

/* line 107, ../scss/_theme-inline.scss */
.has-vivid-green-cyan-background-color {
  background-color: #00d084 !important;
}

/* line 112, ../scss/_theme-inline.scss */
.has-pale-cyan-blue-background-color {
  background-color: #8ed1fc !important;
}

/* line 117, ../scss/_theme-inline.scss */
.has-vivid-cyan-blue-background-color {
  background-color: #0693e3 !important;
}

/* line 122, ../scss/_theme-inline.scss */
.has-vivid-purple-background-color {
  background-color: #9b51e0 !important;
}

/* line 127, ../scss/_theme-inline.scss */
.has-black-border-color {
  border-color: #000000 !important;
}

/* line 132, ../scss/_theme-inline.scss */
.has-cyan-bluish-gray-border-color {
  border-color: #abb8c3 !important;
}

/* line 137, ../scss/_theme-inline.scss */
.has-white-border-color {
  border-color: #ffffff !important;
}

/* line 142, ../scss/_theme-inline.scss */
.has-pale-pink-border-color {
  border-color: #f78da7 !important;
}

/* line 147, ../scss/_theme-inline.scss */
.has-vivid-red-border-color {
  border-color: #cf2e2e !important;
}

/* line 152, ../scss/_theme-inline.scss */
.has-luminous-vivid-orange-border-color {
  border-color: #ff6900 !important;
}

/* line 157, ../scss/_theme-inline.scss */
.has-luminous-vivid-amber-border-color {
  border-color: #fcb900 !important;
}

/* line 162, ../scss/_theme-inline.scss */
.has-light-green-cyan-border-color {
  border-color: #7bdcb5 !important;
}

/* line 167, ../scss/_theme-inline.scss */
.has-vivid-green-cyan-border-color {
  border-color: #00d084 !important;
}

/* line 172, ../scss/_theme-inline.scss */
.has-pale-cyan-blue-border-color {
  border-color: #8ed1fc !important;
}

/* line 177, ../scss/_theme-inline.scss */
.has-vivid-cyan-blue-border-color {
  border-color: #0693e3 !important;
}

/* line 182, ../scss/_theme-inline.scss */
.has-vivid-purple-border-color {
  border-color: #9b51e0 !important;
}

/* line 187, ../scss/_theme-inline.scss */
.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
  background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%) !important;
}

/* line 192, ../scss/_theme-inline.scss */
.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
  background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%) !important;
}

/* line 197, ../scss/_theme-inline.scss */
.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
  background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%) !important;
}

/* line 202, ../scss/_theme-inline.scss */
.has-luminous-vivid-orange-to-vivid-red-gradient-background {
  background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%) !important;
}

/* line 207, ../scss/_theme-inline.scss */
.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
  background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%) !important;
}

/* line 212, ../scss/_theme-inline.scss */
.has-cool-to-warm-spectrum-gradient-background {
  background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%) !important;
}

/* line 217, ../scss/_theme-inline.scss */
.has-blush-light-purple-gradient-background {
  background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%) !important;
}

/* line 222, ../scss/_theme-inline.scss */
.has-blush-bordeaux-gradient-background {
  background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%) !important;
}

/* line 227, ../scss/_theme-inline.scss */
.has-luminous-dusk-gradient-background {
  background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%) !important;
}

/* line 232, ../scss/_theme-inline.scss */
.has-pale-ocean-gradient-background {
  background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%) !important;
}

/* line 237, ../scss/_theme-inline.scss */
.has-electric-grass-gradient-background {
  background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%) !important;
}

/* line 242, ../scss/_theme-inline.scss */
.has-midnight-gradient-background {
  background: linear-gradient(135deg, #020381 0%, #2874fc 100%) !important;
}

/* line 247, ../scss/_theme-inline.scss */
.has-small-font-size {
  font-size: 13px !important;
}

/* line 252, ../scss/_theme-inline.scss */
.has-medium-font-size {
  font-size: 20px !important;
}

/* line 257, ../scss/_theme-inline.scss */
.has-large-font-size {
  font-size: 36px !important;
}

/* line 262, ../scss/_theme-inline.scss */
.has-x-large-font-size {
  font-size: 42px !important;
}

/* line 269, ../scss/_theme-inline.scss */
.main_wapper {
  padding-top: 112px;
}

@media screen and (max-width: 782px) {
  /* line 274, ../scss/_theme-inline.scss */
  .main_wapper {
    margin-top: 126px;
  }
}
/* line 282, ../scss/_theme-inline.scss */
#quiz-container {
  margin: 1em auto;
}

/* line 287, ../scss/_theme-inline.scss */
.single-post .article_box .article_text #quiz-container {
  width: 100%;
}

/* line 292, ../scss/_theme-inline.scss */
.article_box #quiz-container .image {
  float: none;
}

/* line 297, ../scss/_theme-inline.scss */
.quiz-answers.row {
  margin: 0;
}

/* line 302, ../scss/_theme-inline.scss */
#quiz-container .progress .progress-bar {
  text-align: left;
}

/* line 307, ../scss/_theme-inline.scss */
.single-snack-quiz .article_box .article_text p,
.single-snack-quiz .article_box h3 {
  float: none;
}

/* found inline in sidebar.php */
/* line 315, ../scss/_theme-inline.scss */
.right_sidebar > div .social-feed-element {
  position: relative;
}

/* line 319, ../scss/_theme-inline.scss */
.right_sidebar .f_social span.fans {
  color: #ffffff;
}

/*
Layouts - the four core layout sizes, although below this block are some other constraints that'd be too complex to encode as literal layout concepts

S; small
- colloquially 'phones'
- designed to look decent 320px up to M's initial setting of 680px, with a max content width of 414px so larger phones don't get swamped with enormous images
- still looks ok 300px wide but UI things like search box and menu start to jank
- misses out on some things from L and X, notably sidebar stuff like 'League Table' and 'Popular Posts' on the homepage
- misses out on 'team shirts' nav from M too

M; medium
- colloquially 'tablet portrait'
- room for some things to fit in two columns now
- still misses out on some L and X things
- 'team shirts' menu appears

L; large
- colloquially 'tablet landscape' and possibly 'small laptop'
- 3 col layouts now possible so all homepage bits can be seen
*/
/* no need for a $layout-s-breakpoint var as it's the default layout */
/* keep breakpoints ~20px wider than the actual .ftx-container max width, as vertical scrollbar width is counted in viewport width, so you'll have horizontal scrolls if you don't */
/*
Core block-level structural stuff

First off, set the spacing between content blocks, and the inner padding within a content block's background and its text, at the various layouts
*/
/* 'spacing' is 'space around segment edge and actual content' and usually is 'padding' in this theme as segments have their own backgrounds */
/* inner-content of articles, excluding padding/margins; i.e. the exact width a 100%-wide image would be */
/*
Layout-independent things
*/
/*
Top nav & menu stuff
*/
/* Generic mixin *not* to be used directly anywhere */
/* Per-purpose mixins to be used elsewhere in .scss */
/* if you're looking for "webfonts" it's in core-fonts.scss */
/* so we can detect which breakpoint we're at in JS without having to store pixel values in .js files too, or having to proxy via existence/viewability of other elements */
/* line 2, ../scss/_grid-breakpoints.scss */
body:after {
  content: "s";
  display: none;
}

/* breakpoint 'm' */
@media only screen and (min-width: 775px) {
  /* line 10, ../scss/_grid-breakpoints.scss */
  body:after {
    content: "m";
  }
}
/* see above for why min-width breakpoint differs from max-width container */
@media only screen and (min-width: 1020px) {
  /* breakpoint 'l' */
  /* line 19, ../scss/_grid-breakpoints.scss */
  body:after {
    content: "l";
  }
}
/* line 25, ../scss/_grid-breakpoints.scss */
.std-pad,
.c-std-pad > * {
  padding: 10px;
}
@media only screen and (min-width: 775px) {
  /* line 25, ../scss/_grid-breakpoints.scss */
  .std-pad,
  .c-std-pad > * {
    padding: 10px;
  }
}
@media only screen and (min-width: 1020px) {
  /* line 25, ../scss/_grid-breakpoints.scss */
  .std-pad,
  .c-std-pad > * {
    padding: 15px;
  }
}

/* line 39, ../scss/_grid-breakpoints.scss */
.std-mgn-t,
.c-std-mgn-t > * {
  margin-top: 10px;
}
@media only screen and (min-width: 775px) {
  /* line 39, ../scss/_grid-breakpoints.scss */
  .std-mgn-t,
  .c-std-mgn-t > * {
    margin-top: 10px;
  }
}
@media only screen and (min-width: 1020px) {
  /* line 39, ../scss/_grid-breakpoints.scss */
  .std-mgn-t,
  .c-std-mgn-t > * {
    margin-top: 15px;
  }
}

/* line 53, ../scss/_grid-breakpoints.scss */
.std-mgn-b,
.c-std-mgn-b > * {
  margin-bottom: 10px;
}
@media only screen and (min-width: 775px) {
  /* line 53, ../scss/_grid-breakpoints.scss */
  .std-mgn-b,
  .c-std-mgn-b > * {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 1020px) {
  /* line 53, ../scss/_grid-breakpoints.scss */
  .std-mgn-b,
  .c-std-mgn-b > * {
    margin-bottom: 15px;
  }
}

/* anti-CLS measure */
/* line 2, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-core.scss */
#addtoany-above,
#addtoany-below {
  height: 30px;
}

/* line 8, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-core.scss */
#article-body,
.article-body {
  /* otherwise they can get weirdly aligned off to the right if placed after a block element */
}
/* line 12, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-core.scss */
#article-body blockquote,
#article-body .twitter-tweet,
#article-body twitter-widget,
.article-body blockquote,
.article-body .twitter-tweet,
.article-body twitter-widget {
  clear: left;
}
/* line 19, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-core.scss */
#article-body iframe,
.article-body iframe {
  max-width: 100% !important;
}
/* line 24, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-core.scss */
#article-body h2, #article-body h3, #article-body h4, #article-body h5, #article-body h6,
.article-body h2,
.article-body h3,
.article-body h4,
.article-body h5,
.article-body h6 {
  clear: both;
}
/* line 29, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-core.scss */
#article-body .alignleft,
.article-body .alignleft {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 775px) {
  /* line 29, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-core.scss */
  #article-body .alignleft,
  .article-body .alignleft {
    margin-right: 10px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 1020px) {
  /* line 29, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-core.scss */
  #article-body .alignleft,
  .article-body .alignleft {
    margin-right: 15px;
    margin-bottom: 15px;
  }
}
/* line 46, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-core.scss */
#article-body .alignright,
.article-body .alignright {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 775px) {
  /* line 46, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-core.scss */
  #article-body .alignright,
  .article-body .alignright {
    margin-left: 10px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 1020px) {
  /* line 46, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-core.scss */
  #article-body .alignright,
  .article-body .alignright {
    margin-left: 15px;
    margin-bottom: 15px;
  }
}
/* line 63, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-core.scss */
#article-body .aligncenter,
.article-body .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* line 76, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-core.scss */
#article-body table,
.article-body table {
  width: auto !important;
  /* with these we're forcing what the editor sets to be ignored, and letting cell contents dictate overall width and height */
  height: auto !important;
  margin: 10px 0;
  clear: left;
}
@media only screen and (min-width: 775px) {
  /* line 76, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-core.scss */
  #article-body table,
  .article-body table {
    margin: 10px 0;
  }
}
@media only screen and (min-width: 1020px) {
  /* line 76, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-core.scss */
  #article-body table,
  .article-body table {
    margin: 15px 0;
  }
}
/* line 91, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-core.scss */
#article-body table td,
#article-body table th,
.article-body table td,
.article-body table th {
  width: auto !important;
  padding: 3px 6px;
  border: 1px solid #e0e0e0;
}
/* line 99, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-core.scss */
#article-body table th,
.article-body table th {
  font-weight: bold;
}
/* line 106, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-core.scss */
#article-body table thead td,
#article-body table thead th,
.article-body table thead td,
.article-body table thead th {
  background-color: #808080;
  color: #ffffff;
}
/* line 114, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-core.scss */
#article-body table tbody tr:nth-child(even) td,
#article-body table tbody tr:nth-child(even) th,
.article-body table tbody tr:nth-child(even) td,
.article-body table tbody tr:nth-child(even) th {
  background-color: #f8f8f8;
}

/* doing captions as a mixin so tinymce can re-use */
/*
For in-content images we're not using padding-bottom trick because that'd require another element, like <div> <picture> <img>
Right now the css aspect-ratio rule has ~92% adoption and most importantly is in Chrome, so is safe for our "reducing CLS [as measured by CRUX]" purposes

This requires each <img> to:
 - have 'aspect-ratio' and 'max-width' CSS defined inline, based on its largest variant's real dimensions
 - have a <picture> (or <figure>) parent
both of which are enforced by ResponsiveImages class, for a whole bunch of html structures I've found <img> tags in, across 10 years of COS posts
*/
/* line 30, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-responsive-images-article.scss */
.main_article_single .article-body figure,
.main_article_single .article-body picture {
  max-width: 100%;
  margin-left: 0;
  /* these pair only really needed for the 'figure' part */
  margin-right: 0;
}
/* line 37, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-responsive-images-article.scss */
.main_article_single .article-body figure img,
.main_article_single .article-body picture img {
  display: inline-block;
  /* need this or structures like <figure> <a> <img> don't reserve space */
  width: 100%;
  height: auto;
}

/* line 45, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-responsive-images-article.scss */
.main_article_single .article-body figure figcaption,
.main_article_single > .image .img-cptn {
  box-sizing: border-box;
  width: 100%;
  padding: 5px;
  background-color: #f8f8f8;
  font-size: 70%;
  margin-top: 0;
  line-height: 1.2em;
  font-weight: normal;
}
@media only screen and (min-width: 775px) {
  /* line 45, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-responsive-images-article.scss */
  .main_article_single .article-body figure figcaption,
  .main_article_single > .image .img-cptn {
    font-size: 85%;
    padding: 10px;
  }
}

/* line 51, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-responsive-images-article.scss */
.main_article_single .article-body > figure,
.main_article_single .article-body > picture {
  display: block;
  margin-bottom: 1em;
  clear: left;
}

/* backup attempt for images we don't manage to ensure live inside a <picture> or <figure> (won't help any of our own images, as those have max-width on the style="" attr, but those also shouldn't be orphans) */
/* line 60, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-responsive-images-article.scss */
.main_article_single .article-body > img,
.main_article_single .article-body > p > img,
.main_article_single .article-body > a > img,
.main_article_single .article-body > p > a > img,
.main_article_single .article-body > a > p > img {
  max-width: 100%;
}

/* setting these like this so individual sites can override; using hardcoded colours instead of presumed-to-exist var names in case those var names don't exist on a given site */
/* line 9, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-article-misc.scss */
.main_article_single .article-body {
  /* as an anti-CLS measure we're setting more appropriate default heights for the tweet placeholders */
}
/* line 12, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-article-misc.scss */
.main_article_single .article-body .twitter-lazy {
  display: block;
  height: 320px;
  /* default height for tweets we couldn't determine a likely type for; probably better than the default very-short blockquote height */
}
/* line 17, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-article-misc.scss */
.main_article_single .article-body .twitter-lazy.tweet-txt {
  height: 320px;
}
/* line 22, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-article-misc.scss */
.main_article_single .article-body .twitter-lazy.tweet-img {
  height: 500px;
}
/* line 27, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-article-misc.scss */
.main_article_single .article-body .twitter-lazy.tweet-qt {
  height: 700px;
}
/* line 33, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-article-misc.scss */
.main_article_single .article-body blockquote {
  position: relative;
  border-left: 4px #FF7C06 solid;
  background-color: #f6f6f6;
  margin-right: 0;
  margin-left: 10px;
  padding: 10px;
}
/* line 42, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-article-misc.scss */
.main_article_single .article-body blockquote p:first-child {
  margin-top: 0;
}
/* line 47, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-article-misc.scss */
.main_article_single .article-body blockquote p:last-child {
  margin-bottom: 0;
}
/* line 53, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-article-misc.scss */
.main_article_single .article-body blockquote::before {
  position: relative;
  content: open-quote;
  display: inline-block;
  float: left;
  color: #aaaaaa;
  line-height: 0;
  font-size: 40px;
  height: 20px;
  width: 20px;
  left: -3px;
  top: 13px;
}
@media only screen and (min-width: 775px) {
  /* line 53, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-article-misc.scss */
  .main_article_single .article-body blockquote::before {
    font-size: 60px;
    height: 30px;
    width: 30px;
    left: 0px;
    top: 20px;
  }
}
/* line 77, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-article-misc.scss */
.main_article_single .article-body blockquote::after {
  position: absolute;
  content: close-quote;
  color: #aaaaaa;
  line-height: 0;
  bottom: 0;
  right: 0;
  font-size: 40px;
  margin-right: 8px;
  margin-bottom: 4px;
}
@media only screen and (min-width: 775px) {
  /* line 77, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-article-misc.scss */
  .main_article_single .article-body blockquote::after {
    font-size: 60px;
    margin-right: 10px;
    margin-bottom: 6px;
  }
}

/* the standard comments style that all sites (probably) need */
/* line 5, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-comments.scss */
#comment-header,
.comment-body,
#respond {
  background-color: #ffffff;
  border-radius: 8px;
  border-bottom: 1px #e9e9e9 solid;
}

/* line 14, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-comments.scss */
#respond + ol.children {
  margin-top: 30px;
}

/* line 19, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-comments.scss */
#comment-header h3,
#respond h3 {
  margin-top: 0;
}

/* line 25, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-comments.scss */
#comment-header p {
  margin-bottom: 15px;
}

/* line 30, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-comments.scss */
#comment-header .respond-link,
#respond #submit,
.comment-body .reply a,
#respond #reply-title small a {
  display: inline-block;
  background-color: #0F56EB;
  border: 0;
  color: #ffffff;
  border-radius: 8px;
  padding: 5px 10px;
  font-size: 0.9em;
}

/* line 44, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-comments.scss */
.comment-body .reply a,
#respond #reply-title small a {
  float: right;
  font-weight: normal;
  font-size: 0.8em;
}

/* line 52, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-comments.scss */
#respond #submit:hover {
  text-decoration: underline;
}

/* line 57, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-comments.scss */
#comment-header .respond-link a:link,
#comment-header .respond-link a:active,
#comment-header .respond-link a:visited {
  color: #ffffff;
}

/* line 64, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-comments.scss */
ol.comment-list,
ol.comment-list ol.children {
  list-style: none;
}

/* line 70, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-comments.scss */
ol.comment-list ol.children {
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
}

/* this block adds the dashed lines (assuming you copy the images to theme dir) for parent indicators */
/* the ol.children has a padding-left that comes from c-std-pad on its parent, thus the size of the gap our lines are fitting into comes from these */
/* line 87, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-comments.scss */
ol.comment-list ol.children li {
  position: relative;
}

/* line 92, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-comments.scss */
ol.comment-list ol.children li:before {
  content: "";
  position: absolute;
  left: -5px;
  top: -10px;
  bottom: 0;
  width: 1px;
  background-image: url("/wp-content/themes/football/fanatix/static/img/thread-v.png");
  background-repeat: repeat-y;
  background-position: 0 0;
}
@media only screen and (min-width: 775px) {
  /* line 92, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-comments.scss */
  ol.comment-list ol.children li:before {
    left: -5px;
    top: -10px;
  }
}
@media only screen and (min-width: 1020px) {
  /* line 92, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-comments.scss */
  ol.comment-list ol.children li:before {
    left: -7.5px;
    top: -15px;
  }
}

/* line 116, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-comments.scss */
ol.comment-list ol.children li:last-child:before {
  bottom: auto;
  height: 40px;
}
@media only screen and (min-width: 775px) {
  /* line 116, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-comments.scss */
  ol.comment-list ol.children li:last-child:before {
    height: 40px;
  }
}
@media only screen and (min-width: 1020px) {
  /* line 116, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-comments.scss */
  ol.comment-list ol.children li:last-child:before {
    height: 50px;
  }
}

/* line 130, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-comments.scss */
ol.comment-list ol.children li article {
  position: relative;
}

/* line 135, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-comments.scss */
ol.comment-list ol.children li article:before {
  content: "";
  position: absolute;
  left: -5px;
  top: 30px;
  width: 5px;
  height: 1px;
  background-image: url("/wp-content/themes/football/fanatix/static/img/thread-h.png");
  background-repeat: repeat-x;
  background-position: 0 0;
}
@media only screen and (min-width: 775px) {
  /* line 135, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-comments.scss */
  ol.comment-list ol.children li article:before {
    left: -5px;
    top: 30px;
    width: 5px;
  }
}
@media only screen and (min-width: 1020px) {
  /* line 135, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-comments.scss */
  ol.comment-list ol.children li article:before {
    left: -7.5px;
    top: 35px;
    width: 7.5px;
  }
}

/* that block */
/* line 162, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-comments.scss */
ol.comment-list {
  padding-left: 0;
  font-size: 0.95em;
}

/* clearfix rules needed due to the float-right-ed reply buttons */
/* line 169, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-comments.scss */
.comment-body:before,
.comment-body:after {
  display: table;
  content: " ";
}

/* clearfix rules needed due to the float-right-ed reply buttons */
/* line 177, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-comments.scss */
.comment-body:after {
  clear: both;
}

/* line 182, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-comments.scss */
.comment-body .comment-meta {
  background-color: #f2f2f2;
  border-radius: 6px;
  margin-bottom: 0;
}

/* line 189, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-comments.scss */
.comment-body .comment-meta img {
  border-radius: 6px;
  width: 40px;
  height: 40px;
}

/* line 196, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-comments.scss */
.comment-body .comment-meta .fn {
  display: inline-block;
  font-style: normal;
  font-weight: bold;
  vertical-align: top;
  margin-top: 1px;
}

/* line 205, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-comments.scss */
.comment-body .comment-meta .says {
  display: none;
}

/* line 210, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-comments.scss */
.comment-body .comment-metadata {
  float: right;
  font-size: 0.8em;
  margin-top: -19px;
  margin-right: 6px;
}

/* line 218, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-comments.scss */
.comment-body .comment-metadata a {
  color: #808080;
}

/* line 223, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-comments.scss */
#respond .comment-notes {
  font-size: 0.9em;
  color: #808080;
}

/* line 229, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-comments.scss */
#respond label {
  display: inline-block;
  min-width: 120px;
  vertical-align: top;
}

/* line 236, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-comments.scss */
#respond input[type=text],
#respond textarea {
  padding: 3px;
  border: 1px solid #808080;
  border-radius: 4px;
  box-shadow: 0 0 3px #e9e9e9 inset;
}

/* line 245, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-comments.scss */
#respond textarea {
  width: 100%;
  min-width: 300px;
  max-width: 510px;
}
@media only screen and (min-width: 1020px) {
  /* line 245, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-comments.scss */
  #respond textarea {
    width: auto;
  }
}

/* line 256, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-comments.scss */
p.form-submit {
  margin-bottom: 0;
}

/* anti-CLS fix for homepage/archive posts grid images */
/* line 2, ../scss/_core-tweaks.scss */
.home_page_related_item .article_box .image {
  padding-bottom: 59%;
  height: 0;
}

/* line 8, ../scss/_core-tweaks.scss */
.main_article_single > .image .img-cptn {
  font-size: 80%;
}
@media only screen and (min-width: 775px) {
  /* line 8, ../scss/_core-tweaks.scss */
  .main_article_single > .image .img-cptn {
    font-size: 90%;
  }
}

/* copied from _theme-inline.scss because needs tweaking */
@media screen and (max-width: 782px) {
  /* line 21, ../scss/_core-tweaks.scss */
  .main_wapper {
    margin-top: 0;
    padding-top: 82px;
    /* reduced from 112px default */
  }

  /* line 27, ../scss/_core-tweaks.scss */
  .inner_page {
    padding-top: 10px;
    /* reduced from 37px default */
  }
  /* line 31, ../scss/_core-tweaks.scss */
  .inner_page h1.entry-title {
    font-size: 22px;
  }

  /* line 37, ../scss/_core-tweaks.scss */
  .banner_wapper .col-md-12.rocket-override {
    padding-left: 0;
    padding-right: 0;
  }
}
/* added this in wake of SMS Promo Bar as it's so enormous now */
@media screen and (max-width: 782px) {
  /* line 48, ../scss/_core-tweaks.scss */
  .header_nav {
    min-height: 60px;
    /* default is 80 */
  }
  /* line 52, ../scss/_core-tweaks.scss */
  .header_nav .navbar-toggle {
    margin-top: 22px;
    /* default is 30 */
  }
  /* line 57, ../scss/_core-tweaks.scss */
  .header_nav .head_search {
    margin-top: 10px;
    /* these both default 20px */
    margin-bottom: 10px;
  }
}
/* line 67, ../scss/_core-tweaks.scss */
figure.entry-thumbnail {
  height: 0;
  overflow: visible;
}

/* sidebar social counts bit */
/* line 76, ../scss/_core-tweaks.scss */
.f_social img {
  width: 32px;
  height: 32px;
}
/* line 82, ../scss/_core-tweaks.scss */
.f_social .instagram img {
  width: 28px;
  height: 28px;
}

/* line 90, ../scss/_core-tweaks.scss */
#transfer-boxout {
  margin-top: 18px;
  margin-bottom: 18px;
}

/* line 96, ../scss/_core-tweaks.scss */
#transfer-boxout h4 {
  margin-bottom: 0;
}
/* line 100, ../scss/_core-tweaks.scss */
#transfer-boxout h4 span {
  float: right;
  margin-right: 0;
  margin-top: -5px;
  display: block;
  width: 114px;
  height: 20px;
  background-image: url("/wp-content/themes/football/fanatix/static/img/cos-logo.png");
  background-repeat: no-repeat;
  background-size: 114px, 20px;
}
/* line 113, ../scss/_core-tweaks.scss */
#transfer-boxout h4 a:link,
#transfer-boxout h4 a:visited,
#transfer-boxout h4 a:active {
  color: #333;
}
/* line 120, ../scss/_core-tweaks.scss */
#transfer-boxout h4 a:hover {
  color: #978e4d;
}

/* line 126, ../scss/_core-tweaks.scss */
#transfer-boxout ul {
  margin: 0;
  padding: 0;
  text-align: left;
}
/* line 132, ../scss/_core-tweaks.scss */
#transfer-boxout ul li {
  list-style: none;
  margin: 0;
  padding: 2px 0px 2px 10px;
  background: #eeeeee;
}
/* line 140, ../scss/_core-tweaks.scss */
#transfer-boxout ul li:nth-child(even) {
  background: #dddddd;
}
/* line 145, ../scss/_core-tweaks.scss */
#transfer-boxout ul li a:link,
#transfer-boxout ul li a:visited,
#transfer-boxout ul li a:active {
  color: #333;
}
/* line 152, ../scss/_core-tweaks.scss */
#transfer-boxout ul li a:hover {
  color: #978e4d;
}
/* line 157, ../scss/_core-tweaks.scss */
#transfer-boxout ul li span {
  display: block;
  float: left;
  width: 6px;
  height: 9px;
  margin-top: 6px;
  margin-right: 10px;
  background-image: url("/wp-content/themes/football/fanatix/static/img/arrowhead-black-right.png");
  background-repeat: no-repeat;
  background-size: 6px, 9px;
}

/* line 172, ../scss/_core-tweaks.scss */
.navigation .off-canvas {
  background-color: #0E572C;
}

/* line 177, ../scss/_core-tweaks.scss */
#article-body .more-stories header,
#article-body .more-stories .post-container {
  margin-bottom: 0;
}

/* wtf all the p tags prior to this addition were floated left!?!?!? */
/* line 184, ../scss/_core-tweaks.scss */
.article_box .article_text p {
  float: none;
}

/* due to removing float, we need to double the bottom margin to make up for the top-bottom collapse */
/* line 190, ../scss/_core-tweaks.scss */
.single-post .article_box .article_text p {
  margin: 0 0 16px 0;
}

/* fixing embedded tweets and instagram posts */
/* line 196, ../scss/_core-tweaks.scss */
.single-post .article_box .article_text > div.twitter-tweet,
.single-post .article_box .article_text > iframe.instagram-media {
  float: none;
  clear: left;
}

/* tweaks to author name on single.php */
/* line 208, ../scss/_core-tweaks.scss */
.auth_detail a:link,
.auth_detail a:visited,
.auth_detail a:active {
  color: #ffffff;
}
/* line 215, ../scss/_core-tweaks.scss */
.auth_detail a:hover {
  color: #ABB1FD;
}

/* line 221, ../scss/_core-tweaks.scss */
.article_box .article_sub {
  padding-bottom: 15px;
}

/* line 226, ../scss/_core-tweaks.scss */
.article_box .article_sub .namebox {
  color: #968d4c;
  float: left;
  margin-right: 20px;
}
/* line 232, ../scss/_core-tweaks.scss */
.article_box .article_sub .namebox a:link,
.article_box .article_sub .namebox a:visited,
.article_box .article_sub .namebox a:active {
  color: #968d4c;
}
/* line 239, ../scss/_core-tweaks.scss */
.article_box .article_sub .namebox a:hover {
  color: #000000;
}

/* line 245, ../scss/_core-tweaks.scss */
#addtoany-above,
#addtoany-below {
  width: 100%;
  float: left;
  background-color: #ffffff;
}

/* line 253, ../scss/_core-tweaks.scss */
#addtoany-above > * {
  padding-bottom: 0;
}

/* line 258, ../scss/_core-tweaks.scss */
#addtoany-below > * {
  padding-top: 0;
}

/* comments stuff (as this is first/only site to use fanatix comments in non-fanatix theme) */
/* line 266, ../scss/_core-tweaks.scss */
#comment-header h3 {
  margin-bottom: 15px;
}

/* line 271, ../scss/_core-tweaks.scss */
.comment-content p,
.comment-respond p {
  margin: 1em 0;
}

/* line 279, ../scss/_core-tweaks.scss */
#rsn-network {
  display: block;
  clear: both;
  padding: 10px;
}
/* line 285, ../scss/_core-tweaks.scss */
#rsn-network div {
  font-size: 1.6rem;
  margin-bottom: 0.8rem;
}
/* line 295, ../scss/_core-tweaks.scss */
#rsn-network ul li a:link,
#rsn-network ul li a:active,
#rsn-network ul li a:visited {
  color: #ffffff;
  font-size: 1.2rem;
}
/* line 303, ../scss/_core-tweaks.scss */
#rsn-network ul li a:hover {
  color: #0F56EB;
}

/* line 1, ../scss/_fragment-youtube-article-footer.scss */
#youtube-container-article {
  margin-bottom: 20px;
}

/* line 6, ../scss/_fragment-youtube-article-footer.scss */
#youtube-container-article .youtube-iframe {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 56.25%;
}

/* line 14, ../scss/_fragment-youtube-article-footer.scss */
#youtube-container-article .youtube-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 23, ../scss/_fragment-youtube-article-footer.scss */
#youtube-container-article .youtube-caption {
  font-weight: bold;
  margin-top: 10px;
}
@media only screen and (min-width: 775px) {
  /* line 23, ../scss/_fragment-youtube-article-footer.scss */
  #youtube-container-article .youtube-caption {
    margin-top: 10px;
  }
}
@media only screen and (min-width: 1020px) {
  /* line 23, ../scss/_fragment-youtube-article-footer.scss */
  #youtube-container-article .youtube-caption {
    margin-top: 15px;
  }
}

/* line 37, ../scss/_fragment-youtube-article-footer.scss */
#youtube-container-article .yt-subscribe-button {
  float: right;
  border-radius: 4px;
  background-color: #FF0000;
  color: #ffffff;
  padding: 4px 7px 4px 5px;
  line-height: 17px;
  margin-left: 5px;
}

/* line 48, ../scss/_fragment-youtube-article-footer.scss */
#youtube-container-article .yt-subscribe-button .yt-logo-icon {
  width: 18px;
  height: 18px;
  float: left;
  margin-right: 6px;
  background-image: url('/wp-content/themes/football/fanatix/static/img/core-s-only-standard-s0c9798f209.png');
  background-repeat: no-repeat;
  /* this allows you to scale an image to a non-native width */
  -moz-background-size: 18px, auto;
  -o-background-size: 18px, auto;
  -webkit-background-size: 18px, auto;
  background-size: 18px, auto;
  background-position: 0 -99px;
}
@media (-webkit-min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 13 / 10), (min-device-pixel-ratio: 1.3), (min-resolution: 120dpi) {
  /* line 48, ../scss/_fragment-youtube-article-footer.scss */
  #youtube-container-article .yt-subscribe-button .yt-logo-icon {
    /* Workaround for https://gist.github.com/2140082 */
    background-position: 0 -99px;
    -moz-background-size: 18px, auto;
    -o-background-size: 18px, auto;
    -webkit-background-size: 18px, auto;
    background-size: 18px, auto;
    background-image: url('/wp-content/themes/football/fanatix/static/img/core-s-only-retina-s51c882e1cc.png');
  }
}
@media only screen and (min-width: 775px) {
  /* line 48, ../scss/_fragment-youtube-article-footer.scss */
  #youtube-container-article .yt-subscribe-button .yt-logo-icon {
    background-image: url('/wp-content/themes/football/fanatix/static/img/core-m-and-above-standard-s48c57d1ca1.png');
    background-repeat: no-repeat;
    /* this allows you to scale an image to a non-native width */
    -moz-background-size: 28px, auto;
    -o-background-size: 28px, auto;
    -webkit-background-size: 28px, auto;
    background-size: 28px, auto;
    background-position: 0 -119px;
  }
}
@media only screen and (min-width: 775px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 775px) and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-width: 775px) and (min-device-pixel-ratio: 1.3), only screen and (min-width: 775px) and (min-resolution: 120dpi) {
  /* line 48, ../scss/_fragment-youtube-article-footer.scss */
  #youtube-container-article .yt-subscribe-button .yt-logo-icon {
    /* Workaround for https://gist.github.com/2140082 */
    background-position: 0 -119px;
    -moz-background-size: 28px, auto;
    -o-background-size: 28px, auto;
    -webkit-background-size: 28px, auto;
    background-size: 28px, auto;
    background-image: url('/wp-content/themes/football/fanatix/static/img/core-m-and-above-retina-s17082ab58a.png');
  }
}