/*
 * 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 */
::selection {
  background: #009640;
}

/* line 9, ../scss/_theme-inline.scss */
::-moz-selection {
  background: #009640;
}

/* line 11, ../scss/_theme-inline.scss */
.top-bar, .post-content .modern-quote, .mobile-head {
  border-top-color: #009640;
}

/* line 13, ../scss/_theme-inline.scss */
.main-color,
.trending-ticker .heading,
.nav-light .menu > li:hover > a,
.nav-light .menu > .current-menu-item > a,
.nav-light .menu > .current-menu-parent > a,
.nav-light .menu li li:hover,
.nav-light .menu li li.current-menu-item,
.nav-light .mega-menu .sub-nav li:hover,
.nav-light .menu .sub-nav li.current-menu-item,
.nav-light .menu li li:hover > a,
.nav-light .menu li li.current-menu-item > a,
.nav-light .mega-menu .sub-nav li:hover > a,
.nav-light .menu .sub-nav li.current-menu-item > a,
.nav-light-search .active .search-icon,
.nav-light-search .search-icon:hover,
.breadcrumbs .location,
.gallery-title,
.section-head.prominent,
.recentcomments .url,
.block.posts .fa-angle-right,
.news-focus .section-head,
.focus-grid .section-head,
.post-meta-b .posted-by a,
.post-content a,
.main-stars,
.main-stars span:before,
.related-posts .section-head,
.comments-list .bypostauthor .comment-author a,
.error-page .text-404,
a.bbp-author-name {
  color: #009640;
}

/* line 44, ../scss/_theme-inline.scss */
.navigation .menu > li:hover > a,
.navigation .menu > .current-menu-item > a,
.navigation .menu > .current-menu-parent > a,
.navigation .menu > .current-menu-ancestor > a,
.block-head,
.tabbed .tabs-list .active a,
.comment-content .reply,
.sc-tabs .active a,
.nav-dark-b {
  border-bottom-color: #009640;
}

/* line 54, ../scss/_theme-inline.scss */
.main-featured .cat,
.main-featured .pages .flex-active,
.main-pagination .current,
.main-pagination a:hover,
.block-head .heading,
.cat-title,
.post .read-more a,
.rate-number .progress,
.listing-meta .rate-number .progress,
.review-box .overall,
.review-box .bar,
.post-pagination > span,
.button,
.sc-button-default:hover,
.drop-caps {
  background: #009640;
}

/* line 70, ../scss/_theme-inline.scss */
.nav-search .search-icon:hover,
.nav-search .active .search-icon {
  border-color: #009640;
}

/* line 73, ../scss/_theme-inline.scss */
.modal-header .modal-title,
.highlights h2:before,
.post-header .post-title:before,
.review-box .heading,
.main-heading,
.page-title,
.entry-title,
div.bbp-template-notice,
div.indicator-hint,
div.bbp-template-notice.info,
.post-content .wpcf7-not-valid-tip {
  border-left-color: #009640;
}

@media only screen and (max-width: 799px) {
  /* line 85, ../scss/_theme-inline.scss */
  .navigation .mobile .fa {
    background: #009640;
  }
}
/* line 87, ../scss/_theme-inline.scss */
.mobile-head {
  border-top-color: #009640;
}

/* line 89, ../scss/_theme-inline.scss */
a:hover,
.highlights .post-title a:hover,
.nav-light a:hover,
.nav-light .mega-menu .featured h2 a:hover,
.listing-meta .author a {
  color: #009640;
}

/* line 95, ../scss/_theme-inline.scss */
h1, h2, h3, h4, h5, h6 {
  color: #076633;
}

/* line 97, ../scss/_theme-inline.scss */
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
  color: #076633;
}

/* line 99, ../scss/_theme-inline.scss */
.post-content a:hover {
  color: #f9a940;
}

/* line 101, ../scss/_theme-inline.scss */
.main .sidebar .widgettitle, .tabbed .tabs-list {
  background-color: #064a25;
}

/* line 103, ../scss/_theme-inline.scss */
.main-footer {
  background-color: #244224;
  background-image: none;
}

/* line 105, ../scss/_theme-inline.scss */
.lower-foot {
  background-color: #0c160e;
}

/* line 108, ../scss/_theme-inline.scss */
.cat-12,
.cat-title.cat-12,
.block-head.cat-text-12 .heading {
  background: #e76f51;
}

/* line 114, ../scss/_theme-inline.scss */
.block-head.cat-text-12 {
  border-color: #e76f51;
}

/* line 118, ../scss/_theme-inline.scss */
.cat-text-12, .section-head.cat-text-12 {
  color: #e76f51;
}

/* line 121, ../scss/_theme-inline.scss */
.navigation .menu > .menu-cat-12:hover > a, .navigation .menu > .menu-cat-12.current-menu-item > a, .navigation .menu > .menu-cat-12.current-menu-parent > a {
  border-bottom-color: #e76f51;
}

/* line 127, ../scss/_theme-inline.scss */
.cat-7,
.cat-title.cat-7,
.block-head.cat-text-7 .heading {
  background: #33bda0;
}

/* line 133, ../scss/_theme-inline.scss */
.block-head.cat-text-7 {
  border-color: #33bda0;
}

/* line 137, ../scss/_theme-inline.scss */
.cat-text-7, .section-head.cat-text-7 {
  color: #33bda0;
}

/* line 140, ../scss/_theme-inline.scss */
.navigation .menu > .menu-cat-7:hover > a, .navigation .menu > .menu-cat-7.current-menu-item > a, .navigation .menu > .menu-cat-7.current-menu-parent > a {
  border-bottom-color: #33bda0;
}

/* line 146, ../scss/_theme-inline.scss */
.cat-25,
.cat-title.cat-25,
.block-head.cat-text-25 .heading {
  background: #e76f51;
}

/* line 152, ../scss/_theme-inline.scss */
.block-head.cat-text-25 {
  border-color: #e76f51;
}

/* line 156, ../scss/_theme-inline.scss */
.cat-text-25, .section-head.cat-text-25 {
  color: #e76f51;
}

/* line 159, ../scss/_theme-inline.scss */
.navigation .menu > .menu-cat-25:hover > a, .navigation .menu > .menu-cat-25.current-menu-item > a, .navigation .menu > .menu-cat-25.current-menu-parent > a {
  border-bottom-color: #e76f51;
}

/* line 165, ../scss/_theme-inline.scss */
.cat-2,
.cat-title.cat-2,
.block-head.cat-text-2 .heading {
  background: #ff6a5a;
}

/* line 171, ../scss/_theme-inline.scss */
.block-head.cat-text-2 {
  border-color: #ff6a5a;
}

/* line 175, ../scss/_theme-inline.scss */
.cat-text-2, .section-head.cat-text-2 {
  color: #ff6a5a;
}

/* line 178, ../scss/_theme-inline.scss */
.navigation .menu > .menu-cat-2:hover > a, .navigation .menu > .menu-cat-2.current-menu-item > a, .navigation .menu > .menu-cat-2.current-menu-parent > a {
  border-bottom-color: #ff6a5a;
}

/*
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 */
/*
Top nav & menu stuff
*/
/* Generic mixin *not* to be used directly anywhere */
/* Per-purpose mixins to be used elsewhere in .scss */
/* these pulled from https://fonts.googleapis.com/css?family=Roboto%3A400%2C400i%2C500%2C700%7CMerriweather%3A300italic&subset which is what the site was using previously */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url("/wp-content/themes/smart-mag/fanatix/static/webfonts/roboto-v30-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url("/wp-content/themes/smart-mag/fanatix/static/webfonts/roboto-v30-bold.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url("/wp-content/themes/smart-mag/fanatix/static/webfonts/roboto-v30-extrabold.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url("/wp-content/themes/smart-mag/fanatix/static/webfonts/roboto-v30-italic.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* keeping this separate so it only goes on web - AMP doesn't need it, nor does tinymce stuff */
/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: 'FontAwesome';
  src: url("/wp-content/themes/smart-mag/fanatix/static/webfonts/fontawesome-webfont.eot?v=4.3.0");
  src: url("/wp-content/themes/smart-mag/fanatix/static/webfonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("/wp-content/themes/smart-mag/fanatix/static/webfonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("/wp-content/themes/smart-mag/fanatix/static/webfonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("/wp-content/themes/smart-mag/fanatix/static/webfonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("/wp-content/themes/smart-mag/fanatix/static/webfonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 19, ../scss/_webfonts-fa.scss */
.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;
  transform: translate(0, 0);
}

/* line 20, ../scss/_webfonts-fa.scss */
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

/* line 21, ../scss/_webfonts-fa.scss */
.fa-ul > li {
  position: relative;
}

/* line 22, ../scss/_webfonts-fa.scss */
.fa-angle-left:before {
  content: "\f104";
}

/* line 23, ../scss/_webfonts-fa.scss */
.fa-angle-right:before {
  content: "\f105";
}

/* line 24, ../scss/_webfonts-fa.scss */
.fa-angle-double-right:before {
  content: "\f101";
}

/* line 25, ../scss/_webfonts-fa.scss */
.fa-comments-o:before {
  content: "\f0e6";
}

/* line 26, ../scss/_webfonts-fa.scss */
.fa-search:before {
  content: "\f002";
}

/* line 27, ../scss/_webfonts-fa.scss */
.fa-angle-down:before {
  content: "\f107";
}

/* line 28, ../scss/_webfonts-fa.scss */
.fa-remove:before, .fa-close:before, .fa-times:before {
  content: "\f00d";
}

/* line 29, ../scss/_webfonts-fa.scss */
.fa-chevron-left:before {
  content: "\f053";
}

/* line 30, ../scss/_webfonts-fa.scss */
.fa-chevron-right:before {
  content: "\f054";
}

/* line 31, ../scss/_webfonts-fa.scss */
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
  content: "\f0c9";
}

/* line 32, ../scss/_webfonts-fa.scss */
.fa-twitter:before {
  content: "\f099";
}

/* line 33, ../scss/_webfonts-fa.scss */
.fa-facebook-f:before, .fa-facebook:before {
  content: "\f09a";
}

/* line 34, ../scss/_webfonts-fa.scss */
.fa-facebook-square:before {
  content: "\f082";
}

/*
.fa-clock-o:before{content:"\f017"}
.fa-comment:before{content:"\f075"}
.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}
.fa-2x{font-size:2em}
.fa-3x{font-size:3em}
.fa-4x{font-size:4em}
.fa-5x{font-size:5em}
.fa-fw{width:1.28571429em;text-align:center}
.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}
.fa-li.fa-lg{left:-1.85714286em}
.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}
.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}
.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}
.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}
.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}
.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}
.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}
.fa-stack-1x{line-height:inherit}
.fa-stack-2x{font-size:2em}
.fa-inverse{color:#fff}
.fa-glass:before{content:"\f000"}
.fa-music:before{content:"\f001"}
.fa-envelope-o:before{content:"\f003"}
.fa-heart:before{content:"\f004"}
.fa-star:before{content:"\f005"}
.fa-star-o:before{content:"\f006"}
.fa-user:before{content:"\f007"}
.fa-film:before{content:"\f008"}
.fa-th-large:before{content:"\f009"}
.fa-th:before{content:"\f00a"}
.fa-th-list:before{content:"\f00b"}
.fa-check:before{content:"\f00c"}
.fa-search-plus:before{content:"\f00e"}
.fa-search-minus:before{content:"\f010"}
.fa-power-off:before{content:"\f011"}
.fa-signal:before{content:"\f012"}
.fa-gear:before,.fa-cog:before{content:"\f013"}
.fa-trash-o:before{content:"\f014"}
.fa-home:before{content:"\f015"}
.fa-file-o:before{content:"\f016"}
.fa-road:before{content:"\f018"}
.fa-download:before{content:"\f019"}
.fa-arrow-circle-o-down:before{content:"\f01a"}
.fa-arrow-circle-o-up:before{content:"\f01b"}
.fa-inbox:before{content:"\f01c"}
.fa-play-circle-o:before{content:"\f01d"}
.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}
.fa-refresh:before{content:"\f021"}
.fa-list-alt:before{content:"\f022"}
.fa-lock:before{content:"\f023"}
.fa-flag:before{content:"\f024"}
.fa-headphones:before{content:"\f025"}
.fa-volume-off:before{content:"\f026"}
.fa-volume-down:before{content:"\f027"}
.fa-volume-up:before{content:"\f028"}
.fa-qrcode:before{content:"\f029"}
.fa-barcode:before{content:"\f02a"}
.fa-tag:before{content:"\f02b"}
.fa-tags:before{content:"\f02c"}
.fa-book:before{content:"\f02d"}
.fa-bookmark:before{content:"\f02e"}
.fa-print:before{content:"\f02f"}
.fa-camera:before{content:"\f030"}
.fa-font:before{content:"\f031"}
.fa-bold:before{content:"\f032"}
.fa-italic:before{content:"\f033"}
.fa-text-height:before{content:"\f034"}
.fa-text-width:before{content:"\f035"}
.fa-align-left:before{content:"\f036"}
.fa-align-center:before{content:"\f037"}
.fa-align-right:before{content:"\f038"}
.fa-align-justify:before{content:"\f039"}
.fa-list:before{content:"\f03a"}
.fa-dedent:before,.fa-outdent:before{content:"\f03b"}
.fa-indent:before{content:"\f03c"}
.fa-video-camera:before{content:"\f03d"}
.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}
.fa-pencil:before{content:"\f040"}
.fa-map-marker:before{content:"\f041"}
.fa-adjust:before{content:"\f042"}
.fa-tint:before{content:"\f043"}
.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}
.fa-share-square-o:before{content:"\f045"}
.fa-check-square-o:before{content:"\f046"}
.fa-arrows:before{content:"\f047"}
.fa-step-backward:before{content:"\f048"}
.fa-fast-backward:before{content:"\f049"}
.fa-backward:before{content:"\f04a"}
.fa-play:before{content:"\f04b"}
.fa-pause:before{content:"\f04c"}
.fa-stop:before{content:"\f04d"}
.fa-forward:before{content:"\f04e"}
.fa-fast-forward:before{content:"\f050"}
.fa-step-forward:before{content:"\f051"}
.fa-eject:before{content:"\f052"}
.fa-plus-circle:before{content:"\f055"}
.fa-minus-circle:before{content:"\f056"}
.fa-times-circle:before{content:"\f057"}
.fa-check-circle:before{content:"\f058"}
.fa-question-circle:before{content:"\f059"}
.fa-info-circle:before{content:"\f05a"}
.fa-crosshairs:before{content:"\f05b"}
.fa-times-circle-o:before{content:"\f05c"}
.fa-check-circle-o:before{content:"\f05d"}
.fa-ban:before{content:"\f05e"}
.fa-arrow-left:before{content:"\f060"}
.fa-arrow-right:before{content:"\f061"}
.fa-arrow-up:before{content:"\f062"}
.fa-arrow-down:before{content:"\f063"}
.fa-mail-forward:before,.fa-share:before{content:"\f064"}
.fa-expand:before{content:"\f065"}
.fa-compress:before{content:"\f066"}
.fa-plus:before{content:"\f067"}
.fa-minus:before{content:"\f068"}
.fa-asterisk:before{content:"\f069"}
.fa-exclamation-circle:before{content:"\f06a"}
.fa-gift:before{content:"\f06b"}
.fa-leaf:before{content:"\f06c"}
.fa-fire:before{content:"\f06d"}
.fa-eye:before{content:"\f06e"}
.fa-eye-slash:before{content:"\f070"}
.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}
.fa-plane:before{content:"\f072"}
.fa-calendar:before{content:"\f073"}
.fa-random:before{content:"\f074"}
.fa-magnet:before{content:"\f076"}
.fa-chevron-up:before{content:"\f077"}
.fa-chevron-down:before{content:"\f078"}
.fa-retweet:before{content:"\f079"}
.fa-shopping-cart:before{content:"\f07a"}
.fa-folder:before{content:"\f07b"}
.fa-folder-open:before{content:"\f07c"}
.fa-arrows-v:before{content:"\f07d"}
.fa-arrows-h:before{content:"\f07e"}
.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}
.fa-twitter-square:before{content:"\f081"}
.fa-camera-retro:before{content:"\f083"}
.fa-key:before{content:"\f084"}
.fa-gears:before,.fa-cogs:before{content:"\f085"}
.fa-comments:before{content:"\f086"}
.fa-thumbs-o-up:before{content:"\f087"}
.fa-thumbs-o-down:before{content:"\f088"}
.fa-star-half:before{content:"\f089"}
.fa-heart-o:before{content:"\f08a"}
.fa-sign-out:before{content:"\f08b"}
.fa-linkedin-square:before{content:"\f08c"}
.fa-thumb-tack:before{content:"\f08d"}
.fa-external-link:before{content:"\f08e"}
.fa-sign-in:before{content:"\f090"}
.fa-trophy:before{content:"\f091"}
.fa-github-square:before{content:"\f092"}
.fa-upload:before{content:"\f093"}
.fa-lemon-o:before{content:"\f094"}
.fa-phone:before{content:"\f095"}
.fa-square-o:before{content:"\f096"}
.fa-bookmark-o:before{content:"\f097"}
.fa-phone-square:before{content:"\f098"}
.fa-github:before{content:"\f09b"}
.fa-unlock:before{content:"\f09c"}
.fa-credit-card:before{content:"\f09d"}
.fa-rss:before{content:"\f09e"}
.fa-hdd-o:before{content:"\f0a0"}
.fa-bullhorn:before{content:"\f0a1"}
.fa-bell:before{content:"\f0f3"}
.fa-certificate:before{content:"\f0a3"}
.fa-hand-o-right:before{content:"\f0a4"}
.fa-hand-o-left:before{content:"\f0a5"}
.fa-hand-o-up:before{content:"\f0a6"}
.fa-hand-o-down:before{content:"\f0a7"}
.fa-arrow-circle-left:before{content:"\f0a8"}
.fa-arrow-circle-right:before{content:"\f0a9"}
.fa-arrow-circle-up:before{content:"\f0aa"}
.fa-arrow-circle-down:before{content:"\f0ab"}
.fa-globe:before{content:"\f0ac"}
.fa-wrench:before{content:"\f0ad"}
.fa-tasks:before{content:"\f0ae"}
.fa-filter:before{content:"\f0b0"}
.fa-briefcase:before{content:"\f0b1"}
.fa-arrows-alt:before{content:"\f0b2"}
.fa-group:before,.fa-users:before{content:"\f0c0"}
.fa-chain:before,.fa-link:before{content:"\f0c1"}
.fa-cloud:before{content:"\f0c2"}
.fa-flask:before{content:"\f0c3"}
.fa-cut:before,.fa-scissors:before{content:"\f0c4"}
.fa-copy:before,.fa-files-o:before{content:"\f0c5"}
.fa-paperclip:before{content:"\f0c6"}
.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}
.fa-square:before{content:"\f0c8"}
.fa-list-ul:before{content:"\f0ca"}
.fa-list-ol:before{content:"\f0cb"}
.fa-strikethrough:before{content:"\f0cc"}
.fa-underline:before{content:"\f0cd"}
.fa-table:before{content:"\f0ce"}
.fa-magic:before{content:"\f0d0"}
.fa-truck:before{content:"\f0d1"}
.fa-pinterest:before{content:"\f0d2"}
.fa-pinterest-square:before{content:"\f0d3"}
.fa-google-plus-square:before{content:"\f0d4"}
.fa-google-plus:before{content:"\f0d5"}
.fa-money:before{content:"\f0d6"}
.fa-caret-down:before{content:"\f0d7"}
.fa-caret-up:before{content:"\f0d8"}
.fa-caret-left:before{content:"\f0d9"}
.fa-caret-right:before{content:"\f0da"}
.fa-columns:before{content:"\f0db"}
.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}
.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}
.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}
.fa-envelope:before{content:"\f0e0"}
.fa-linkedin:before{content:"\f0e1"}
.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}
.fa-legal:before,.fa-gavel:before{content:"\f0e3"}
.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}
.fa-comment-o:before{content:"\f0e5"}
.fa-flash:before,.fa-bolt:before{content:"\f0e7"}
.fa-sitemap:before{content:"\f0e8"}
.fa-umbrella:before{content:"\f0e9"}
.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}
.fa-lightbulb-o:before{content:"\f0eb"}
.fa-exchange:before{content:"\f0ec"}
.fa-cloud-download:before{content:"\f0ed"}
.fa-cloud-upload:before{content:"\f0ee"}
.fa-user-md:before{content:"\f0f0"}
.fa-stethoscope:before{content:"\f0f1"}
.fa-suitcase:before{content:"\f0f2"}
.fa-bell-o:before{content:"\f0a2"}
.fa-coffee:before{content:"\f0f4"}
.fa-cutlery:before{content:"\f0f5"}
.fa-file-text-o:before{content:"\f0f6"}
.fa-building-o:before{content:"\f0f7"}
.fa-hospital-o:before{content:"\f0f8"}
.fa-ambulance:before{content:"\f0f9"}
.fa-medkit:before{content:"\f0fa"}
.fa-fighter-jet:before{content:"\f0fb"}
.fa-beer:before{content:"\f0fc"}
.fa-h-square:before{content:"\f0fd"}
.fa-plus-square:before{content:"\f0fe"}
.fa-angle-double-left:before{content:"\f100"}
.fa-angle-double-up:before{content:"\f102"}
.fa-angle-double-down:before{content:"\f103"}
.fa-angle-up:before{content:"\f106"}
.fa-desktop:before{content:"\f108"}
.fa-laptop:before{content:"\f109"}
.fa-tablet:before{content:"\f10a"}
.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}
.fa-circle-o:before{content:"\f10c"}
.fa-quote-left:before{content:"\f10d"}
.fa-quote-right:before{content:"\f10e"}
.fa-spinner:before{content:"\f110"}
.fa-circle:before{content:"\f111"}
.fa-mail-reply:before,.fa-reply:before{content:"\f112"}
.fa-github-alt:before{content:"\f113"}
.fa-folder-o:before{content:"\f114"}
.fa-folder-open-o:before{content:"\f115"}
.fa-smile-o:before{content:"\f118"}
.fa-frown-o:before{content:"\f119"}
.fa-meh-o:before{content:"\f11a"}
.fa-gamepad:before{content:"\f11b"}
.fa-keyboard-o:before{content:"\f11c"}
.fa-flag-o:before{content:"\f11d"}
.fa-flag-checkered:before{content:"\f11e"}
.fa-terminal:before{content:"\f120"}
.fa-code:before{content:"\f121"}
.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}
.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}
.fa-location-arrow:before{content:"\f124"}
.fa-crop:before{content:"\f125"}
.fa-code-fork:before{content:"\f126"}
.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}
.fa-question:before{content:"\f128"}
.fa-info:before{content:"\f129"}
.fa-exclamation:before{content:"\f12a"}
.fa-superscript:before{content:"\f12b"}
.fa-subscript:before{content:"\f12c"}
.fa-eraser:before{content:"\f12d"}
.fa-puzzle-piece:before{content:"\f12e"}
.fa-microphone:before{content:"\f130"}
.fa-microphone-slash:before{content:"\f131"}
.fa-shield:before{content:"\f132"}
.fa-calendar-o:before{content:"\f133"}
.fa-fire-extinguisher:before{content:"\f134"}
.fa-rocket:before{content:"\f135"}
.fa-maxcdn:before{content:"\f136"}
.fa-chevron-circle-left:before{content:"\f137"}
.fa-chevron-circle-right:before{content:"\f138"}
.fa-chevron-circle-up:before{content:"\f139"}
.fa-chevron-circle-down:before{content:"\f13a"}
.fa-html5:before{content:"\f13b"}
.fa-css3:before{content:"\f13c"}
.fa-anchor:before{content:"\f13d"}
.fa-unlock-alt:before{content:"\f13e"}
.fa-bullseye:before{content:"\f140"}
.fa-ellipsis-h:before{content:"\f141"}
.fa-ellipsis-v:before{content:"\f142"}
.fa-rss-square:before{content:"\f143"}
.fa-play-circle:before{content:"\f144"}
.fa-ticket:before{content:"\f145"}
.fa-minus-square:before{content:"\f146"}
.fa-minus-square-o:before{content:"\f147"}
.fa-level-up:before{content:"\f148"}
.fa-level-down:before{content:"\f149"}
.fa-check-square:before{content:"\f14a"}
.fa-pencil-square:before{content:"\f14b"}
.fa-external-link-square:before{content:"\f14c"}
.fa-share-square:before{content:"\f14d"}
.fa-compass:before{content:"\f14e"}
.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}
.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}
.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}
.fa-euro:before,.fa-eur:before{content:"\f153"}
.fa-gbp:before{content:"\f154"}
.fa-dollar:before,.fa-usd:before{content:"\f155"}
.fa-rupee:before,.fa-inr:before{content:"\f156"}
.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}
.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}
.fa-won:before,.fa-krw:before{content:"\f159"}
.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}
.fa-file:before{content:"\f15b"}
.fa-file-text:before{content:"\f15c"}
.fa-sort-alpha-asc:before{content:"\f15d"}
.fa-sort-alpha-desc:before{content:"\f15e"}
.fa-sort-amount-asc:before{content:"\f160"}
.fa-sort-amount-desc:before{content:"\f161"}
.fa-sort-numeric-asc:before{content:"\f162"}
.fa-sort-numeric-desc:before{content:"\f163"}
.fa-thumbs-up:before{content:"\f164"}
.fa-thumbs-down:before{content:"\f165"}
.fa-youtube-square:before{content:"\f166"}
.fa-youtube:before{content:"\f167"}
.fa-xing:before{content:"\f168"}
.fa-xing-square:before{content:"\f169"}
.fa-youtube-play:before{content:"\f16a"}
.fa-dropbox:before{content:"\f16b"}
.fa-stack-overflow:before{content:"\f16c"}
.fa-instagram:before{content:"\f16d"}
.fa-flickr:before{content:"\f16e"}
.fa-adn:before{content:"\f170"}
.fa-bitbucket:before{content:"\f171"}
.fa-bitbucket-square:before{content:"\f172"}
.fa-tumblr:before{content:"\f173"}
.fa-tumblr-square:before{content:"\f174"}
.fa-long-arrow-down:before{content:"\f175"}
.fa-long-arrow-up:before{content:"\f176"}
.fa-long-arrow-left:before{content:"\f177"}
.fa-long-arrow-right:before{content:"\f178"}
.fa-apple:before{content:"\f179"}
.fa-windows:before{content:"\f17a"}
.fa-android:before{content:"\f17b"}
.fa-linux:before{content:"\f17c"}
.fa-dribbble:before{content:"\f17d"}
.fa-skype:before{content:"\f17e"}
.fa-foursquare:before{content:"\f180"}
.fa-trello:before{content:"\f181"}
.fa-female:before{content:"\f182"}
.fa-male:before{content:"\f183"}
.fa-gittip:before,.fa-gratipay:before{content:"\f184"}
.fa-sun-o:before{content:"\f185"}
.fa-moon-o:before{content:"\f186"}
.fa-archive:before{content:"\f187"}
.fa-bug:before{content:"\f188"}
.fa-vk:before{content:"\f189"}
.fa-weibo:before{content:"\f18a"}
.fa-renren:before{content:"\f18b"}
.fa-pagelines:before{content:"\f18c"}
.fa-stack-exchange:before{content:"\f18d"}
.fa-arrow-circle-o-right:before{content:"\f18e"}
.fa-arrow-circle-o-left:before{content:"\f190"}
.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}
.fa-dot-circle-o:before{content:"\f192"}
.fa-wheelchair:before{content:"\f193"}
.fa-vimeo-square:before{content:"\f194"}
.fa-turkish-lira:before,.fa-try:before{content:"\f195"}
.fa-plus-square-o:before{content:"\f196"}
.fa-space-shuttle:before{content:"\f197"}
.fa-slack:before{content:"\f198"}
.fa-envelope-square:before{content:"\f199"}
.fa-wordpress:before{content:"\f19a"}
.fa-openid:before{content:"\f19b"}
.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}
.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}
.fa-yahoo:before{content:"\f19e"}
.fa-google:before{content:"\f1a0"}
.fa-reddit:before{content:"\f1a1"}
.fa-reddit-square:before{content:"\f1a2"}
.fa-stumbleupon-circle:before{content:"\f1a3"}
.fa-stumbleupon:before{content:"\f1a4"}
.fa-delicious:before{content:"\f1a5"}
.fa-digg:before{content:"\f1a6"}
.fa-pied-piper:before{content:"\f1a7"}
.fa-pied-piper-alt:before{content:"\f1a8"}
.fa-drupal:before{content:"\f1a9"}
.fa-joomla:before{content:"\f1aa"}
.fa-language:before{content:"\f1ab"}
.fa-fax:before{content:"\f1ac"}
.fa-building:before{content:"\f1ad"}
.fa-child:before{content:"\f1ae"}
.fa-paw:before{content:"\f1b0"}
.fa-spoon:before{content:"\f1b1"}
.fa-cube:before{content:"\f1b2"}
.fa-cubes:before{content:"\f1b3"}
.fa-behance:before{content:"\f1b4"}
.fa-behance-square:before{content:"\f1b5"}
.fa-steam:before{content:"\f1b6"}
.fa-steam-square:before{content:"\f1b7"}
.fa-recycle:before{content:"\f1b8"}
.fa-automobile:before,.fa-car:before{content:"\f1b9"}
.fa-cab:before,.fa-taxi:before{content:"\f1ba"}
.fa-tree:before{content:"\f1bb"}
.fa-spotify:before{content:"\f1bc"}
.fa-deviantart:before{content:"\f1bd"}
.fa-soundcloud:before{content:"\f1be"}
.fa-database:before{content:"\f1c0"}
.fa-file-pdf-o:before{content:"\f1c1"}
.fa-file-word-o:before{content:"\f1c2"}
.fa-file-excel-o:before{content:"\f1c3"}
.fa-file-powerpoint-o:before{content:"\f1c4"}
.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}
.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}
.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}
.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}
.fa-file-code-o:before{content:"\f1c9"}
.fa-vine:before{content:"\f1ca"}
.fa-codepen:before{content:"\f1cb"}
.fa-jsfiddle:before{content:"\f1cc"}
.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}
.fa-circle-o-notch:before{content:"\f1ce"}
.fa-ra:before,.fa-rebel:before{content:"\f1d0"}
.fa-ge:before,.fa-empire:before{content:"\f1d1"}
.fa-git-square:before{content:"\f1d2"}
.fa-git:before{content:"\f1d3"}
.fa-hacker-news:before{content:"\f1d4"}
.fa-tencent-weibo:before{content:"\f1d5"}
.fa-qq:before{content:"\f1d6"}
.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}
.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}
.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}
.fa-history:before{content:"\f1da"}
.fa-genderless:before,.fa-circle-thin:before{content:"\f1db"}
.fa-header:before{content:"\f1dc"}
.fa-paragraph:before{content:"\f1dd"}
.fa-sliders:before{content:"\f1de"}
.fa-share-alt:before{content:"\f1e0"}
.fa-share-alt-square:before{content:"\f1e1"}
.fa-bomb:before{content:"\f1e2"}
.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}
.fa-tty:before{content:"\f1e4"}
.fa-binoculars:before{content:"\f1e5"}
.fa-plug:before{content:"\f1e6"}
.fa-slideshare:before{content:"\f1e7"}
.fa-twitch:before{content:"\f1e8"}
.fa-yelp:before{content:"\f1e9"}
.fa-newspaper-o:before{content:"\f1ea"}
.fa-wifi:before{content:"\f1eb"}
.fa-calculator:before{content:"\f1ec"}
.fa-paypal:before{content:"\f1ed"}
.fa-google-wallet:before{content:"\f1ee"}
.fa-cc-visa:before{content:"\f1f0"}
.fa-cc-mastercard:before{content:"\f1f1"}
.fa-cc-discover:before{content:"\f1f2"}
.fa-cc-amex:before{content:"\f1f3"}
.fa-cc-paypal:before{content:"\f1f4"}
.fa-cc-stripe:before{content:"\f1f5"}
.fa-bell-slash:before{content:"\f1f6"}
.fa-bell-slash-o:before{content:"\f1f7"}
.fa-trash:before{content:"\f1f8"}
.fa-copyright:before{content:"\f1f9"}
.fa-at:before{content:"\f1fa"}
.fa-eyedropper:before{content:"\f1fb"}
.fa-paint-brush:before{content:"\f1fc"}
.fa-birthday-cake:before{content:"\f1fd"}
.fa-area-chart:before{content:"\f1fe"}
.fa-pie-chart:before{content:"\f200"}
.fa-line-chart:before{content:"\f201"}
.fa-lastfm:before{content:"\f202"}
.fa-lastfm-square:before{content:"\f203"}
.fa-toggle-off:before{content:"\f204"}
.fa-toggle-on:before{content:"\f205"}
.fa-bicycle:before{content:"\f206"}
.fa-bus:before{content:"\f207"}
.fa-ioxhost:before{content:"\f208"}
.fa-angellist:before{content:"\f209"}
.fa-cc:before{content:"\f20a"}
.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}
.fa-meanpath:before{content:"\f20c"}
.fa-buysellads:before{content:"\f20d"}
.fa-connectdevelop:before{content:"\f20e"}
.fa-dashcube:before{content:"\f210"}
.fa-forumbee:before{content:"\f211"}
.fa-leanpub:before{content:"\f212"}
.fa-sellsy:before{content:"\f213"}
.fa-shirtsinbulk:before{content:"\f214"}
.fa-simplybuilt:before{content:"\f215"}
.fa-skyatlas:before{content:"\f216"}
.fa-cart-plus:before{content:"\f217"}
.fa-cart-arrow-down:before{content:"\f218"}
.fa-diamond:before{content:"\f219"}
.fa-ship:before{content:"\f21a"}
.fa-user-secret:before{content:"\f21b"}
.fa-motorcycle:before{content:"\f21c"}
.fa-street-view:before{content:"\f21d"}
.fa-heartbeat:before{content:"\f21e"}
.fa-venus:before{content:"\f221"}
.fa-mars:before{content:"\f222"}
.fa-mercury:before{content:"\f223"}
.fa-transgender:before{content:"\f224"}
.fa-transgender-alt:before{content:"\f225"}
.fa-venus-double:before{content:"\f226"}
.fa-mars-double:before{content:"\f227"}
.fa-venus-mars:before{content:"\f228"}
.fa-mars-stroke:before{content:"\f229"}
.fa-mars-stroke-v:before{content:"\f22a"}
.fa-mars-stroke-h:before{content:"\f22b"}
.fa-neuter:before{content:"\f22c"}
.fa-facebook-official:before{content:"\f230"}
.fa-pinterest-p:before{content:"\f231"}
.fa-whatsapp:before{content:"\f232"}
.fa-server:before{content:"\f233"}
.fa-user-plus:before{content:"\f234"}
.fa-user-times:before{content:"\f235"}
.fa-hotel:before,.fa-bed:before{content:"\f236"}
.fa-viacoin:before{content:"\f237"}
.fa-train:before{content:"\f238"}
.fa-subway:before{content:"\f239"}
.fa-medium:before{content:"\f23a"}
*/

/* 'mobile' header/logo image */
@media only screen and (max-width: 799px) {
  /* line 3, ../scss/_core-tweaks.scss */
  .mobile-head {
    line-height: 0;
  }
  /* line 7, ../scss/_core-tweaks.scss */
  .mobile-head .title {
    width: 100%;
  }
  /* line 12, ../scss/_core-tweaks.scss */
  .mobile-head .title #rsn-logo-s {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 0;
    padding-bottom: 19.05%;
    background-image: url("/wp-content/themes/smart-mag/fanatix/static/img/header-s.jpg");
    background-size: 100% auto;
  }
}
/* 'desktop' header/logo image */
@media only screen and (min-width: 800px) {
  /* line 28, ../scss/_core-tweaks.scss */
  #main-head header {
    min-height: 139px;
    line-height: 139px;
  }
  /* line 33, ../scss/_core-tweaks.scss */
  #main-head header #rsn-logo-m-plus {
    max-width: 100%;
    height: 0;
    padding-bottom: 19.05%;
    background-image: url("/wp-content/themes/smart-mag/fanatix/static/img/header-m-plus.jpg");
    background-size: 100% auto;
  }
}
/* solving wrapping nav items at various widths */
/* line 47, ../scss/_core-tweaks.scss */
#menu-item-3499,
#menu-item-160871 {
  display: none;
}

@media only screen and (min-width: 850px) {
  /* line 54, ../scss/_core-tweaks.scss */
  #menu-item-3499 {
    display: list-item;
  }
}
@media only screen and (min-width: 880px) {
  /* line 61, ../scss/_core-tweaks.scss */
  #menu-item-160871 {
    display: list-item;
  }
}
/* addition of 'on this day' nav makes it all too wide and wrap */
/* line 70, ../scss/_core-tweaks.scss */
.navigation .menu > li > a {
  padding: 0 10px;
}

@media only screen and (min-width: 1000px) {
  /* line 76, ../scss/_core-tweaks.scss */
  .navigation .menu > li > a {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 1130px) {
  /* line 83, ../scss/_core-tweaks.scss */
  .navigation .menu > li > a {
    padding: 0 20px;
  }
}
/* line 91, ../scss/_core-tweaks.scss */
.nav-dark {
  background-color: #009640;
  border-color: #009640;
}

/* line 97, ../scss/_core-tweaks.scss */
.navigation .menu > li:hover > a,
.navigation .menu > .current-menu-item > a,
.navigation .menu > .current-menu-parent > a,
.navigation .menu > .current-menu-ancestor > a {
  border-bottom-color: #000000;
}

/*
 * search icon on mobile seems to have got thrown out of whack after changing to google search form
 * there's also some weird behaviour with devtools phone-spoofing on/off
 * these two fix both these
 */
/* line 112, ../scss/_core-tweaks.scss */
.search-overlay .search-icon {
  float: right;
}

/* line 117, ../scss/_core-tweaks.scss */
.search-overlay .search {
  float: none;
  position: absolute;
}

/* these two ripped straight from the in-browser css of the former theme-generated search form */
/* line 126, ../scss/_core-tweaks.scss */
input.sb-search-input {
  line-height: 24px;
  height: 24px;
  padding: 1px 8px;
  outline: 0;
  border: 0;
  border-right: 15px solid #e9e9e9;
  font-size: 13px;
  background: #e9e9e9;
  float: left;
  color: #999;
}

/* line 140, ../scss/_core-tweaks.scss */
input.sb-search-submit {
  background: transparent;
  margin-left: -22px;
  line-height: 26px;
  height: 26px;
  width: 20px;
  outline: 0;
  float: left;
  border: 0;
  padding: 0;
  margin-top: 1px;
  /* albeit with the fontawesome bit replaced with a literal image, as far simpler this way */
  background-image: url('/wp-content/themes/smart-mag/fanatix/static/img/core-s-only-standard-sd1b4cc10fa.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 -22px;
}
@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 140, ../scss/_core-tweaks.scss */
  input.sb-search-submit {
    /* Workaround for https://gist.github.com/2140082 */
    background-position: 0 -22px;
    -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/smart-mag/fanatix/static/img/core-s-only-retina-s914e5c4a86.png');
  }
}
@media only screen and (min-width: 775px) {
  /* line 140, ../scss/_core-tweaks.scss */
  input.sb-search-submit {
    background-image: url('/wp-content/themes/smart-mag/fanatix/static/img/core-m-and-above-standard-s098dce42aa.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 -32px;
  }
}
@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 140, ../scss/_core-tweaks.scss */
  input.sb-search-submit {
    /* Workaround for https://gist.github.com/2140082 */
    background-position: 0 -32px;
    -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/smart-mag/fanatix/static/img/core-m-and-above-retina-s5abad3ea32.png');
  }
}

/* those two */
/* CLS reduction via setting sidebar social bit heights */
/* line 164, ../scss/_core-tweaks.scss */
#sb-twt {
  height: 42px;
}

/* line 169, ../scss/_core-tweaks.scss */
#sb-fb {
  height: 85px;
}

/* line 174, ../scss/_core-tweaks.scss */
#sb-yt {
  height: 53px;
}

/* line 181, ../scss/_core-tweaks.scss */
#sb-celtcinewsnow {
  display: block;
  width: 300px;
  height: 157px;
  margin: 0 auto;
}
/* line 188, ../scss/_core-tweaks.scss */
#sb-celtcinewsnow img {
  width: 300px;
  height: 157px;
}

/* line 197, ../scss/_core-tweaks.scss */
figure.entry-thumbnail {
  height: 0;
  overflow: visible;
}

/* line 203, ../scss/_core-tweaks.scss */
.sidebar .widget header {
  background-color: #064A25;
  padding: 5px;
  color: #ffffff;
  font-size: 1.1em;
  font-weight: bold;
}

/* line 212, ../scss/_core-tweaks.scss */
#league-table.placeholder {
  width: 100%;
  min-height: 450px;
}

/* line 218, ../scss/_core-tweaks.scss */
#transfer-boxout h3 {
  margin-bottom: 0;
}

/* line 223, ../scss/_core-tweaks.scss */
#transfer-boxout h3 span {
  float: right;
  margin-right: 0;
  margin-top: 5px;
  display: block;
  width: 114px;
  height: 20px;
  background-image: url("/wp-content/themes/smart-mag/fanatix/static/img/cos-logo.png");
  background-repeat: no-repeat;
  background-size: 114px, 20px;
}

/* line 236, ../scss/_core-tweaks.scss */
#transfer-boxout h3 a:link,
#transfer-boxout h3 a:visited,
#transfer-boxout h3 a:active {
  color: #ffffff;
}

/* line 243, ../scss/_core-tweaks.scss */
#transfer-boxout h3 a:hover {
  color: #d0d0d0;
}

/* line 248, ../scss/_core-tweaks.scss */
#transfer-boxout ul {
  margin: 0;
  padding: 0;
  text-align: left;
}

/* line 255, ../scss/_core-tweaks.scss */
#transfer-boxout li {
  list-style: none;
  margin: 0;
  padding: 2px 0px 2px 10px;
  background: #eeeeee;
}

/* line 263, ../scss/_core-tweaks.scss */
#transfer-boxout li:nth-child(even) {
  background: #dddddd;
}

/* line 268, ../scss/_core-tweaks.scss */
#transfer-boxout li span {
  display: block;
  float: left;
  width: 6px;
  height: 9px;
  margin-top: 6px;
  margin-right: 10px;
  background-image: url("/wp-content/themes/smart-mag/fanatix/static/img/arrowhead-black-right.png");
  background-repeat: no-repeat;
  background-size: 6px, 9px;
}

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

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

/* line 292, ../scss/_core-tweaks.scss */
.hidden {
  display: none;
}

/* sometimes there are empty paras at the end and ads wind up the last thing in there, which this otherwise wraps around */
/* line 298, ../scss/_core-tweaks.scss */
.post-share {
  clear: left;
}

/* otherwise there's a gap betwixt image and caption */
/* line 304, ../scss/_core-tweaks.scss */
figure {
  line-height: 0;
}

/*
now that we're generating the top-most article image on archive pages (so we can also preload them) we need to handle the totally different CSS methodology this theme uses, to grant images specific sizes
 - 'listing' is the two-col layout used on 'latest' category (seemingly only this one)
 - 'listing-alt' is the one-col used on the rest
*/
/* line 316, ../scss/_core-tweaks.scss */
.listing-alt .img-cntr,
.listing .img-cntr {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 60%;
}
/* line 324, ../scss/_core-tweaks.scss */
.listing-alt .img-cntr img:hover,
.listing .img-cntr img:hover {
  opacity: 0.85;
}

/* line 330, ../scss/_core-tweaks.scss */
.listing .img-cntr {
  padding-bottom: 59.5%;
}

@media only screen and (min-width: 768px) {
  /* line 336, ../scss/_core-tweaks.scss */
  .listing-alt .img-cntr {
    width: 312px;
    padding-bottom: 70%;
  }
}
@media only screen and (min-width: 800px) {
  /* line 344, ../scss/_core-tweaks.scss */
  .listing-alt .img-cntr {
    width: 230px;
  }
}
@media only screen and (min-width: 941px) {
  /* line 351, ../scss/_core-tweaks.scss */
  .listing-alt .img-cntr {
    width: 312px;
  }
}
/* we're outputting article page featured images too, so need this */
/* line 358, ../scss/_core-tweaks.scss */
.post-header-b .featured {
  margin-bottom: 10px;
}
/* line 362, ../scss/_core-tweaks.scss */
.post-header-b .featured .img-cntr {
  line-height: 0;
  /* eliminates small gap between image and caption */
}
/* line 366, ../scss/_core-tweaks.scss */
.post-header-b .featured .img-cntr picture {
  display: block;
  width: 100%;
}
/* line 371, ../scss/_core-tweaks.scss */
.post-header-b .featured .img-cntr picture img {
  width: 100%;
  max-width: 100% !important;
}
/* line 377, ../scss/_core-tweaks.scss */
.post-header-b .featured .img-cntr picture img:hover {
  opacity: 0.85;
}

/* comments header area */
/* line 386, ../scss/_core-tweaks.scss */
.section-head {
  text-transform: none;
}

/* line 393, ../scss/_core-tweaks.scss */
#rsn-network {
  display: block;
  clear: both;
}
/* line 402, ../scss/_core-tweaks.scss */
#rsn-network ul li a:link,
#rsn-network ul li a:active,
#rsn-network ul li a:visited {
  color: #ffffff;
}
/* line 409, ../scss/_core-tweaks.scss */
#rsn-network ul li a:hover {
  color: #009640;
}

/* line 1, ../scss/_grid.scss */
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.row:before,
.row:after {
  display: table;
  content: " ";
}

/* line 12, ../scss/_grid.scss */
.clearfix:after,
.container:after,
.row:after {
  clear: both;
}

/* line 19, ../scss/_grid.scss */
.row {
  margin: -5px 0;
}

/* line 24, ../scss/_grid.scss */
.row > * {
  position: relative;
  min-height: 1px;
  padding: 5px 0;
  float: left;
}

/* line 32, ../scss/_grid.scss */
.row .col-s-12 {
  width: 100%;
}

/* line 33, ../scss/_grid.scss */
.row .col-s-11 {
  width: 91.66666667%;
}

/* line 34, ../scss/_grid.scss */
.row .col-s-10 {
  width: 83.33333333%;
}

/* line 35, ../scss/_grid.scss */
.row .col-s-9 {
  width: 75%;
}

/* line 36, ../scss/_grid.scss */
.row .col-s-8 {
  width: 66.66666667%;
}

/* line 37, ../scss/_grid.scss */
.row .col-s-7 {
  width: 58.33333333%;
}

/* line 38, ../scss/_grid.scss */
.row .col-s-6 {
  width: 50%;
}

/* line 39, ../scss/_grid.scss */
.row .col-s-5 {
  width: 41.66666667%;
}

/* line 40, ../scss/_grid.scss */
.row .col-s-4 {
  width: 33.33333333%;
}

/* line 41, ../scss/_grid.scss */
.row .col-s-3 {
  width: 25%;
}

/* line 42, ../scss/_grid.scss */
.row .col-s-2 {
  width: 16.66666667%;
}

/* line 43, ../scss/_grid.scss */
.row .col-s-1 {
  width: 8.33333333%;
}

/* 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 46, ../scss/_grid.scss */
body:after {
  content: "s";
  display: none;
}

/* breakpoint 'm' */
@media only screen and (min-width: 775px) {
  /* line 54, ../scss/_grid.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 63, ../scss/_grid.scss */
  body:after {
    content: "l";
  }
}
/* line 69, ../scss/_grid.scss */
.std-mgn-t,
.c-std-mgn-t > * {
  margin-top: 10px;
}
@media only screen and (min-width: 775px) {
  /* line 69, ../scss/_grid.scss */
  .std-mgn-t,
  .c-std-mgn-t > * {
    margin-top: 10px;
  }
}
@media only screen and (min-width: 1020px) {
  /* line 69, ../scss/_grid.scss */
  .std-mgn-t,
  .c-std-mgn-t > * {
    margin-top: 15px;
  }
}

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

/* line 3, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-more-stories.scss */
#article-body .more-stories .row {
  margin: -5px;
}

/* line 8, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-more-stories.scss */
#article-body .more-stories .row > * {
  padding: 5px;
}

/* line 13, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-more-stories.scss */
#article-body .more-stories {
  float: none;
  clear: both;
  border-top: 1px #e9e9e9 solid;
  border-bottom: 1px #e9e9e9 solid;
}

/* line 21, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-more-stories.scss */
#article-body .more-stories header {
  font-weight: bold;
  color: #707070;
}

/* line 27, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-more-stories.scss */
#article-body .more-stories header .topic {
  color: #222222;
}

/* line 32, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-more-stories.scss */
#article-body .more-stories .post-container .img-txt {
  border: 0;
  padding: 0;
  padding-top: 10px;
}

/* line 39, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-more-stories.scss */
#article-body .more-stories .post-container .img-txt .title {
  font-size: 0.8em;
  margin-bottom: 10px;
}

/* line 45, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-more-stories.scss */
#article-body .more-stories .post-container .img-txt a:link,
#article-body .more-stories .post-container .img-txt a:active,
#article-body .more-stories .post-container .img-txt a:visited {
  color: #707070;
}

/* line 52, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-more-stories.scss */
#article-body .more-stories .post-container .img-txt a:hover {
  color: #009640;
}

/* line 57, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-posts-more-stories.scss */
#article-body .more-stories .post-container .img-txt time {
  position: relative;
  /* .img-text time has some stuff elsewhere due to being on article boxouts on homepage, so needs overriding */
  bottom: auto;
  right: auto;
  float: right;
  margin-bottom: 10px;
  font-size: 0.6em;
}

/* 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 */
#article-body figure,
#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 */
#article-body figure img,
#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 */
#article-body figure figcaption,
article .post-header-b .featured .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 */
  #article-body figure figcaption,
  article .post-header-b .featured .img-cptn {
    font-size: 85%;
    padding: 10px;
  }
}

/* line 51, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-responsive-images-article.scss */
#article-body > figure,
#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 */
#article-body > img,
#article-body > p > img,
#article-body > a > img,
#article-body > p > a > img,
#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 */
#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 */
#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 */
#article-body .twitter-lazy.tweet-txt {
  height: 320px;
}
/* line 22, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-article-misc.scss */
#article-body .twitter-lazy.tweet-img {
  height: 500px;
}
/* line 27, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-article-misc.scss */
#article-body .twitter-lazy.tweet-qt {
  height: 700px;
}
/* line 33, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-article-misc.scss */
#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 */
#article-body blockquote p:first-child {
  margin-top: 0;
}
/* line 47, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-article-misc.scss */
#article-body blockquote p:last-child {
  margin-bottom: 0;
}
/* line 53, ../../../../../../../vendor/fanatix/lib-wp/scss/_lib-article-misc.scss */
#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 */
  #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 */
#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 */
  #article-body blockquote::after {
    font-size: 60px;
    margin-right: 10px;
    margin-bottom: 6px;
  }
}