/*
Theme Name: sunnation
Theme URI: http://thesun.co.uk
Author: John Rodwell
Author URI: http://thesun.co.uk
Description: Description
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sunpolitics
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

sunpolitics is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/

@font-face {
    font-family: 'Avenir Heavy';
    src: url('fonts/AvenirNextLTW01-Heavy.woff') format('woff'),
    url('fonts/AvenirNextLTW01-Heavy.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans Semibold';
    src: url('fonts/OpenSans-Semibold.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans Light';
    src: url('fonts/OpenSans-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'AvenirNextHeavy';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/AvenirNextLTW01-Heavy.woff') format('woff'), /* Pretty Modern Browsers */
    url('fonts/AvenirNextLTW01-Heavy.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('fonts/AvenirNextLTW01-Heavy.svg#AvenirNextLTW01-Heavy') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'AvenirNextUltraLight';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/AvenirNextLTW01-UltraLi.woff') format('woff'), /* Pretty Modern Browsers */
    url('fonts/AvenirNextLTW01-UltraLi.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('fonts/AvenirNextLTW01-UltraLi.svg#AvenirNextLTW01-UltraLi') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Avenir Next LT Pro Heavy Condensed';
  src: url('http://www.sunnation.co.uk/games/release/common/fonts/avenir/AvenirNextLTW01-HeavyCn_721323.eot'); /* IE9 Compat Modes */
  src: url('http://www.sunnation.co.uk/games/release/common/fonts/avenir/AvenirNextLTW01-HeavyCn_721323.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('http://www.sunnation.co.uk/games/release/common/fonts/avenir/AvenirNextLTW01-HeavyCn_721323.woff') format('woff'), /* Pretty Modern Browsers */
       url('http://www.sunnation.co.uk/games/release/common/fonts/avenir/AvenirNextLTW01-HeavyCn_721323.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('http://www.sunnation.co.uk/games/release/common/fonts/avenir/AvenirNextLTW01-HeavyCn_721323.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Avenir Next LT Pro Bold Condensed';
  src: url('http://www.sunnation.co.uk/games/release/common/fonts/avenir/AvenirNextBoldCn.eot'); /* IE9 Compat Modes */
  src: url('http://www.sunnation.co.uk/games/release/common/fonts/avenir/AvenirNextBoldCn.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('http://www.sunnation.co.uk/games/release/common/fonts/avenir/AvenirNextBoldCn.woff') format('woff'), /* Pretty Modern Browsers */
       url('http://www.sunnation.co.uk/games/release/common/fonts/avenir/AvenirNextBoldCn.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('http://www.sunnation.co.uk/games/release/common/fonts/avenir/AvenirNextBoldCn.svg#svgFontName') format('svg'); /* Legacy iOS */
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}

body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 38px;
	line-height: 38px;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 0;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #000;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

.top-three-desktop p {
	margin-bottom: 0.5em;
        margin-top: 0.5em;
}

.top-three-desktop .entry-meta {
    display:none;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

/*
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
*	box-sizing: inherit;
*}
*/

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	color: #000;
}

a:visited {
	color: #000;
}

a:hover,
a:focus,
a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.menu-holder {
    position: relative;
    height: 40px;
    border-bottom: 1px solid #d8d7cc;
    margin-bottom: 20px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .menu-holder {
        border: none;
        position: relative;
    }
}

.menu-holder .main-navigation {
    display: block;
    height: 30px;
    margin: 10px auto 0 auto;
    float: left;
    max-width: 650px;
    font-size: 21px;
    clear: both;
    float: left;
    width: 100%;
    font-family: 'Avenir Heavy', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 0 auto;
    text-transform: uppercase;
}

.left {
    float: left;
}

.right {
    float: right;
}

.menu-holder .main-navigation .menu-menu-1-container {
    margin-right: -25px;
}

.menu-holder .main-navigation .menu-menu-1-container .menu.nav-menu li {
    font-size: 1em;
    margin-right: 16px !important;
    text-transform: uppercase;
}

.menu-holder .main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.menu-holder .main-navigation li {
	float: left;
	position: relative;
}

.menu-holder .main-navigation a {
	display: block;
	text-decoration: none;
}

.menu-holder .main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.menu-holder .main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.menu-holder .main-navigation ul ul a {
	width: 200px;
}

.menu-holder .main-navigation ul li:hover > ul {
	left: auto;
}

.menu-holder .main-navigation ul ul li:hover > ul {
	left: 100%;
}

.menu-holder .main-navigation .menu-menu-1-container .menu.nav-menu li a {
  color: #000;
  -webkit-transition: all 0.1s ease-in-out;
          transition: all 0.1s ease-in-out;
  padding: .5em;
}

.menu-holder .main-navigation .menu-menu-1-container .menu.nav-menu li a:hover {
  background: #ffcc33;
  color: #000000;
}

/* Small menu. */

.menu-toggle {
    display: none;
}

@media screen and (max-width: 600px) {
    .menu-holder {
        margin-bottom: 40px;
    }
    .menu-toggle,
    .main-navigation.toggled .nav-menu {
        display: block;
    }
    .main-navigation ul {
        display: none;  
    }
}

/* Drop right column */

#secondary {
    min-width: 300px;
}

/* Navigation */

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
    margin:0;
    font-size: 12px;
} 

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/* News styles below... */

/* Generic */

.site {
    margin: 0 auto;
    max-width: 1020px;
}

.clear {
    clear: both;
}

body {
    font-family: 'Open Sans Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 200;
    font-size: 16px;
    line-height: 19px;
    background: url(http://www.sunnation.co.uk/s3/sunnation-prod/uploads/2015/03/sunNation_bg-n.png) 50% 0 #ffffff fixed no-repeat;
}

h1, h2, h3 {
    font-family: 'Avenir Heavy', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    line-height: 38px;
    font-weight: normal;
    text-decoration: none !important;
}

h1 {
    line-height: .9;
}

.article-right h1 {
    line-height: .8;
}

h2,h3 {
    line-height: 1;
}

h1 a {
  color: #000;
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
  display: inline-block;
  text-decoration: none;
  font-size: 36px;
}

h1 a:hover {
    color: inherit;
    text-decoration: underline;
}

h1 a:after {
    display: block;
    background: red;
    width: 100%;
    height: 2px;
}

h1 a:hover {
    text-decoration: underline;
}

a {
    text-decoration: underline;
}

a:hover, a:visited {
    text-decoration: none;
}

p {
    margin-top: 0;
}

#content {
    padding: 0 20px;
}

/* Header */

.site-header {
    position: relative;
    height: 112px;
    background-color: #ffffff;
}

h1.entry-title {
    margin-bottom: 15px !important;
    margin-top: 0px;
}

h1.page-title {
    margin-bottom: 30px;
    margin-top: 0px;
}

.site-branding {
    margin: 0 auto;
    max-width: 980px;
}

.site-branding a {
  display: inline-block;
}

@media only screen and (max-width: 950px) {
    .site-branding a img {
        margin: 15px auto 0 !important;
        width: 600px;
    }
    #primary {
        width: 100%;
    }
}

@media only screen and (max-width: 669px) {
  .site-branding {
    display: table-cell;
    vertical-align: middle;
  }
  .site-branding a img {
    margin: 10px auto 0 !important;
    width: 100%;
  }
}

.rosettes {
    position: absolute;
    right: -20px;
    top: -8px;
    max-width: 400px;
    z-index: 20;
}

.rosette {
    float: right;
    width: 32px;
    height: 59px;
    margin-top: -20px;
    margin-left: 5px;
    padding-top: 28px;
    padding-left: 16px;
    padding-right: 18px;
    background: transparent url("img/rosette.png") no-repeat right top;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    z-index: 30;
    text-align: center;
}

.rosette a, .rosette a:hover, .rosette a:visited {
    text-decoration: none;
    color: #000;
}

#primary-menu li {
    margin-right: 36px;
}

.site-branding img {
    margin-top: 15px;
}

.subdeck {
    margin-bottom: 10px;
}

.countdown {
    float: right;
    margin-top: 10px;
    width: auto;
}
.countdown iframe {
    width: auto;
}

.page-header {
    margin-bottom: 30px
}

/* Footer */

#page {
    position: relative;
    margin-bottom: 90px;
    height: 99%;
}

footer {
    width: 100%;
    background: rgba(255,255,255,0.5);
    margin: 0;
    font-size: 12px;
    padding: 0;
    font-family: 'Open Sans','Helvetica','HelveticaNeue',Arial,sans-serif;
    color: #a6a6a6;
}

footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

footer li {
    display: inline-block;
    padding: 0 1em;
    border-left: thin solid currentColor;
}

footer a {
    color: #666;
    font-weight: 800;
    text-decoration: none;
    transition: all .2s ease-in-out;
    border-bottom: solid transparent thin;
    line-height: -2;
}

/*
.nav-links {
    display: none;
}
*/

.site-info {
    margin-left: 15px;
    font-size: 11px;
}

/* Main page */

article {
    position: relative;
}

.flag {
    position: absolute;
    top: 10px;
    left: -10px;
    min-width: 200px;
    height: 36px;
    background-image: url(http://img.thesun.co.uk/aidemitlum/archive/02275/yellowtag_2275528a.svg);
    background-color: transparent;
    display: inline-block;
    background-size: cover;
    padding: 8px 12px 5px 30px;
    padding-left: 30px;
    background-repeat: no-repeat;
    width: auto;
    height: 36px;
    box-sizing: border-box;
    -webkit-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
            transform: rotate(-3deg);
    font-family: 'Avenir Heavy', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    text-align: center;
    font-size: 15px;
    color: #000000;
    z-index: 10;
    text-align: left;
}

.flag .flag-overlay {
  display: none;
}

.img-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    z-index: 1;
}

.flag-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0 !important;
    left: 0;
    z-index: 20;
}

.NIADVERTLOGO {
    display: inline;
    width: 200px;
}

/* Homepage */

.home article:first-child {
    border-top: none;
}

.wpb_content_element {
    margin-bottom: 0 !important;
}

article .post:first-child {
    margin: 0 !important;
    padding: 0 !important;
}

article .type-post {
    position: relative;
    margin: 10px 0 10px 0;
    border-bottom: 1px dashed #fc3;
}

.top-three-desktop article .post {
    margin-top: 0 !important;
}

.vc_col-sm-8 article {
    padding-top: 20px;
}

.vc_col-sm-4 article {
    padding-top: 0;
}

.article-thumb {
    position: relative;
    float: left;
    max-width: 260px;
    margin-right: 10px;
}

.article-right {
    float: left;
    max-width: 710px;
    min-height: 190px;
    font-family: 'Open Sans Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.top-three-desktop .article-right {
    float: left;
    max-width: 710px;
    min-height: 150px;
    font-family: 'Open Sans Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.vc_col-sm-8 .article-thumb {
    float: left;
    max-width: 260px;
    margin-right: 10px;
}

.vc_col-sm-8 .article-right {
    float: left;
    max-width:  370px;
    font-family: 'Open Sans Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.vc_col-sm-4 .article-thumb {
    float: left;
    max-width: 160px;
    margin-right: 10px;
}

.vc_col-sm-4 .article-right {
    float: left;
    max-width:  130px;
    font-size: 13px;
    line-height: 16px;
}

.vc_col-sm-4 h1, .vc_col-sm-4 h1 a {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 2px !important;
    margin-top: 2px;
}

.entry-meta {
    font-family: 'Avenir Ultralite', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-size: 13px;
    color: #fc3;
}

.entry-footer {
    display: none;
}

.entry-content {
    margin: 0 !important;
}

/* Single page */

.content-area {
    float: left;
    width: 66.66666666%;
}

.widget-area {
    float: left;
    width: 33.33333333%;
}

#secondary {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    padding-left: 30px;
}

#secondary .entry-meta {
    border-top: 1px dashed #fc3;
    margin-top: 7px;
    padding-top: 10px;
}

.entry-header {
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 0;
    border-bottom: 1px dashed #fc3;
}

.home .content-area, .archive .content-area {
    width: 100%;
}

.ad-right {
    position: relative;
    margin-top: 10px;
    padding-top: 20px;
    border-top: 1px dashed #fc3;
}

/* Mobile menu */

@media (max-width: 600px) {
    .menu-holder .main-navigation {height: 60px;}
    .menu-holder .main-navigation .menu-toggle {border: 0;width: 56px;height: 60px;background: #be0706 url(http://img.thesun.co.uk/aidemitlum/archive/02271/menu_2271510a.png) no-repeat;}
    .menu-holder .main-navigation.toggled .menu-toggle {border: 0;width: 56px;height: 60px;background: #be0706 url(http://img.thesun.co.uk/aidemitlum/archive/02271/close_2271526a.png) no-repeat;}
    .menu-holder .main-navigation.toggled .nav-menu {z-index: 1000003;position: relative;background: white;}
    .menu-holder .main-navigation li {float:none; padding: 10px; border-bottom: 1px dashed #fc3;} 
}

/* Mobile content drop */

.top-three-mobile {display: none;}

@media (max-width: 950px) {
    .top-three-mobile {display: block;}
    .top-three-desktop {display: none;}
}

/* Sharing */

.sharing-mobile img {
    position: relative;
}

@media screen and (max-width: 600px) {
    .sharing-mobile > * {
        float: left;
        z-index: 999;
    }
}

.sharing-desktop img {
    float: left;
}

.sharing-desktop {
    position: relative;
    width: 297px;
    margin: 0 auto;
    z-index: 20;
    border: 10px solid white;
    background-color: #fff;
}

.sharing-mobile {
    width: 100%;
    position: fixed;
    bottom: 0;
    display: none;
    z-index: 999;
}

.sharing-mobile a, .sharing-mobile div {
    width: 25%;
}

.mobile-meta {
    margin-bottom: 10px;
}

.wa_btn, wa_btn_m {
    float: left;
}

.shareshout {
    display: none;
    height: 230px;
}

.fb-share-button {
    display: inline;
}

@media screen and (max-width: 450px) {
    
    .sharing-desktop {
        display: none;
    }
    
    .sharing-mobile {
        display: block;
    }
    
}

@media screen and (min-width: 955px) {
    
    .sharing-desktop {
        position: relative;
    }
    
    .pin-shares .sharing-desktop {
        position: fixed;
        top: 0;
    }
    
}

/* Poll */

.img-overlay {
    display:none;
}

@media screen and (max-width: 950px) {
    .rosettes {top:-80px;}
    .countdown {
        display: none;
    }
}

@media screen and (max-width: 670px) {
    .rosettes {
        display:none;
    }
}

@media screen and (max-width: 450px) {
    .site-header  {height:80px;}
    .polliFrame {height: 50px;}
}
.wpb_wrapper h1 {margin-top: 0;}

article .post:first-child {padding-top: 20px !important;}

/* Sun Links */

.sunLinkHolderArticle {
    margin-top: 50px;
    width: 300px;
    background: #ffcc33;
    position: relative;
    padding-bottom: 10px;
}
.sunLinkTitle {
    text-transform: uppercase;
    top: -27px;
    position: relative;
    margin-bottom: -45px;
    background: url(http://img.thesun.co.uk/aidemitlum/archive/02275/most-shared-blank_2275610a.png) no-repeat;
    width: 184px;
    height: 45px;
    font-family: 'Avenir Heavy', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 20px;
    padding: 15px 0 0 20px;
    transform: rotate(-2deg);
    color: #000;
}
.sunLinkItem {
    margin: 17px 0 17px 7px;
    background: transparent url(http://img.thesun.co.uk/aidemitlum/archive/02283/mostread_2283604a.png) no-repeat;
}
.sunLinkTxt {
    padding: 5px 10px 10px 30px
}
.sunLinkTxt a {
    font-family: 'Avenir Heavy', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    text-decoration: none;
    color: black;
    width: 235px;
    height: 54px;
    display: table-cell;
    vertical-align: middle;
    transition: all .2s ease-in-out
}
.sunLinkTxt a:hover {
    color: #533e00
}
@media screen and (max-width:450px) {
    .sunLinkItem, .sunLinkHolderArticle {
        width: 290px
    }
    .sunLinkTxt a, .sunLinkTxt a:hover {
        width: 215px;
        font-size: 14px;
        line-height: 14px;
        text-decoration: none
    }
}

/* Jetpack Most Read */

.widget_jpp_widget  {
    margin-top: 50px;
    width: 320px;
    background: #ffcc33;
    position: relative;
    padding-bottom: 10px;
}

.widget_jpp_widget .widget-title {
    text-transform: uppercase;
    top: -27px;
    position: relative;
    margin-bottom: -30px;
    background: url(http://img.thesun.co.uk/aidemitlum/archive/02275/most-shared-blank_2275610a.png) no-repeat;
    width: 144px;
    height: 45px;
    font-family: 'Avenir Heavy', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    padding: 8px 0 0 20px;
    transform: rotate(-2deg);
}

.widget_jpp_widget .widget-title:nth-child(2) {
    top: -75px;
    left: 130px;
    font-size: 18px !important;
}

.widget_jpp_widget .widget-title:first-of-type {
    opacity: 0.6;
}

.widget_jpp_widget .widget-title:first-of-type a {
    font-size: 14px !important;
}

#jpp_widget-3 {
    display: none;
}

.widget_jpp_widget ul {
    list-style: none;
    margin:0;
    margin-top: -65px !important;
}

.widget_jpp_widget ul li {
    width: 300px;
    height: 42px;
    margin: 12px 0 12px -55px;
    padding: 15px 10px 20px 67px;
}

.widget_jpp_widget ul li a {
    font-family: 'Avenir Heavy', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    text-decoration: none;
    color: black;
    width: 225px;
    height: 54px;
    display: table-cell;
    vertical-align: middle;
    transition: all .2s ease-in-out;
}

.widget_jpp_widget ul li a:hover {
  color: #533e00
}

@media screen and (max-width:450px) {
    .widget_jpp_widget ul li a, .widget_jpp_widget ul li a:hover {
        width: 215px;
        font-size: 14px;
        line-height: 14px;
        text-decoration: none;
    }
}

/* Jetpack plugin */

.widget_jpp_widget ul li:nth-child(1) {
    background: transparent url(http://img.thesun.co.uk/aidemitlum/archive/02284/top-10-1-small_2284501a.png) no-repeat;
}
.widget_jpp_widget ul li:nth-child(2) {
    background: transparent url(http://img.thesun.co.uk/aidemitlum/archive/02284/top-10-2-small_2284500a.png) no-repeat
}
.widget_jpp_widget ul li:nth-child(3) {
    background: transparent url(http://img.thesun.co.uk/aidemitlum/archive/02284/top-10-3-small_2284496a.png) no-repeat
}
.widget_jpp_widget ul li:nth-child(4) {
    background: transparent url(http://img.thesun.co.uk/aidemitlum/archive/02284/top-10-4-small_2284495a.png) no-repeat
}
.widget_jpp_widget ul li:nth-child(5) {
    background: transparent url(http://img.thesun.co.uk/aidemitlum/archive/02284/top-10-5-small_2284493a.png) no-repeat
}
.widget_jpp_widget ul li:nth-child(6) {
    background: transparent url(http://img.thesun.co.uk/aidemitlum/archive/02284/top-10-6-small_2284489a.png) no-repeat
}
.widget_jpp_widget ul li:nth-child(7) {
    background: transparent url(http://img.thesun.co.uk/aidemitlum/archive/02284/top-10-7-small_2284488a.png) no-repeat
}
.widget_jpp_widget ul li:nth-child(8) {
    background: transparent url(http://img.thesun.co.uk/aidemitlum/archive/02284/top-10-8-small_2284487a.png) no-repeat
}
.widget_jpp_widget ul li:nth-child(9) {
    background: transparent url(http://img.thesun.co.uk/aidemitlum/archive/02284/top-10-9-small_2284486a.png) no-repeat
}
.widget_jpp_widget ul li:nth-child(10) {
    background: transparent url(http://img.thesun.co.uk/aidemitlum/archive/02284/top-10-10-small_2284502a.png) no-repeat
}

/* //////////////////// LA ADDITIONS ///////////////////////////*/

.img-overlay {
    display: none;
}

@media screen and (max-width: 950px) {
    .rosettes {
        display: none;
    }
}

@media screen and (max-width: 670px) {
    .rosettes {
        display: none;
    }
}

.wpb_wrapper h1 {
    margin-top: 0;
}

article .post:first-child {
    padding-top: 20px !important;
}

@media screen and (max-width: 450px) {
    .site-header {
        height: 80px;
    }
    .polliFrame {
        height: 50px;
    }
    .flag {
        font-weight: bold;
    }
    #secondary {
        display:block;   padding-left: 0;
    }
    #primary {
        width: 100%;
    }
}

.subdeck {
    font-weight: bold;
    font-size: 20px;
}

.widget_jpp_widget .widget-title {
    padding: 15px 0 0 20px;
    height: 30px;
}

.widget_jpp_widget {
    width:300px;
}

.widget_jpp_widget ul li {
    padding: 12px 10px 10px 67px;
}

.widget_jpp_widget ul {
    margin-top: -15px;
}

#secondary {
    min-width: 300px;
}

body.home .sharing-mobile {
    display:none;
}

/* Like and follow top of page */

.likefollow {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    display: none;
}

#link-like {
    float: right;
}

#link-follow {
    float: right;
    margin-right: 10px;
}

#link-follow:after {
    clear: both;
}

/* New like buttons */

@media screen and (max-width: 600px) {
    .likefollow {
        display: block;
    }
}

@media screen and (max-width: 320px) {
    .likefollow img {
        width: 100px;
    }
}

/* Loading bar on homepage */

.loading {
    display: none;
}

/* New game page */

.game-area {
    width: 100%;
}

.post-template-game-php {
    background: none;
}

.post-template-game-php #page {
    background: none;
    margin-bottom: 0;
    height: 100%;
}

.post-template-game-php .site {
    background: none;
    margin: 0;
    height: 100%;
    width: 100%;
    max-width: none;
}

.game-header {
    height: 60px !important;
}

.site-branding .game-branding img {
    margin-top: 0;
}

.site-branding .game-branding a img {
    width: auto;
    height: 42px;
    width: 330px;
}

.sharing-game {
    float: right;
}

.game-branding {
    margin: 0 0 0 100px;
}

.game.menu-holder .main-navigation {height: 60px;}
.game.menu-holder .main-navigation .menu-toggle {border: 0;width: 56px;height: 60px;background: #be0706 url(http://img.thesun.co.uk/aidemitlum/archive/02271/menu_2271510a.png) no-repeat;}
.game.menu-holder .main-navigation.toggled .menu-toggle {border: 0;width: 56px;height: 60px;background: #be0706 url(http://img.thesun.co.uk/aidemitlum/archive/02271/close_2271526a.png) no-repeat;}
.game.menu-holder .main-navigation.toggled .nav-menu {z-index: 1000003;position: relative;background: white;}
.game.menu-holder .main-navigation li {float:none; padding: 10px; border-bottom: 1px dashed #fc3;} 

.game.menu-holder .main-navigation {width: 100px;}

.game .menu-toggle,
.game .main-navigation.toggled .nav-menu {
        display: block;
}
.game .main-navigation ul {
        display: none;  
}
.game.menu-holder {
    margin-bottom: none;
    margin-top: -50px;
    border-bottom: 0;
}

.sharing-game img {
    height: 60px;
}

.done {
    display: none;
}

.game #content {
    padding: 0;
}

.likefollow {
    left: 50px;
    width: 90%;
}

@media screen and (max-width: 390px) {
  .likefollow img {width: 100px; }
  .wpb_row {margin-bottom: 0px; }
}

.category .flag, .tag .flag { top: -10px; }

/* Related content overrides */

.related-post {
    width: 200px;
    float: left;
    margin-right: 10px !important;
    background: none;
    background-color: #ff9600;
}

.related-post p {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-top: 5px;
}

.related-post img {
    min-height: 150px;
    margin: 15px 5px !important;
}

.related-flag {
    display: none;
}

.first-flag {
    display: block;
    height: 82px !important;
    top: -25px;
    margin-left: 0 !important;
    right: -10px !important;
    left: -10px !important;
}

.related-flag.first-flag {
    left: -20px !important;
    padding-left: 50px !important;
    text-align: center !important;
}

.related-post .entry-meta {
    color: #fff !important;
    margin: -10px 15px 5px 5px;
}

.related-post h3 {
    margin: 2px 5px;
}

.related-post h3 a {
    text-decoration: none;
}

.related-post h3 a:visited {
    text-decoration: none;
}

.related-post h3 a:hover,
.related-post h3 a:focus,
.related-post h3 a:active {
    text-decoration: none;
}

.related-post p {
    margin-left: 5px;
    font-size: 12px;
}

.navigation.prev-next {
    position: relative;
    margin-bottom: 25px;
}

#nuk-cookieMessage {
    width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    position: fixed !important;
}

#sun-cookieMessageInner {
    width: 100% !important;
}

#nuk-cookieMessage #cookieText {
    color: #FFF !important;
    font-family: arial !important;
    font-size: 12px !important;
    font-size: 1.2rem !important;
    margin-right: 120px !important;
    background-color: #000 !important;
    font-size: 12px !important;
    color: #FFF !important;
    font-family: arial !important;
    opacity: 1 !important;
}

#nuk-cookieMessage #acceptCookies {
    float: right !important;
    background-color: #000 !important;
    font-size: 12px !important;
    color: #FFF !important;
    font-family: arial !important;
    opacity: 1 !important;
    position: absolute !important;
    right: 20px !important;
    top: 0 !important;
    padding: 5px !important;
    margin-right: 10px !important;
    margin-top: 3px !important;
    cursor: pointer !important;
    height: 19px !important;
    width: 84px !important;
    line-height: 19px !important;
    line-height: 1.9rem !important;
}

/* Fix extra navigation (Temp...) */

.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
    display: none;
}