/* @import must be at top of file, otherwise CSS will not work */

/* New Fonts - Totaal 20th June 2022 */
@import url('https://fonts.googleapis.com/css2?family=Oswald&family=Roboto&display=swap');

@font-face {font-family: 'Penumbra';src: url('webfonts/Penumbra-Bold.eot');src: url('webfonts/Penumbra-Bold.eot?#iefix') format('embedded-opentype'),url('webfonts/Penumbra-Bold.woff') format('woff');}



body.home, body[class*="category-horse-racing"] {
background-position: center top;
background-size: 100% auto;
background-repeat: no-repeat;	
background-attachment: fixed;
height: auto !important;
}

body {
height: auto !important;
}

body[class*="category-horse-racing"] .category-hero {
background: transparent !important;
}



 .listings-page .blog-main .row .col-sm-12 .row {
    margin-bottom: 0px;
}



body.home .side-social-buttons,
body[class*="category-horse-racing"] .side-social-buttons {
background: transparent !important;
}

#menu {
z-index: 1 !important;
}

.nav-section {
background: white !important;
}

body[class*="category-horse-racing"] .col-sm-12 .blog-post-listing:not(.featured-article),
body.home .col-sm-12 .blog-post-listing:not(.featured-article),
body[class*="category-horse-racing"] .col-xs-12 .blog-post-listing:not(.featured-article),
body.home .col-xs-12 .blog-post-listing:not(.featured-article) {
padding: 0px !important;
background: white;
border-radius: 4px;
}

body.home .h3,
body[class*="category-horse-racing"] .h3 {
letter-spacing: .5pt;
}

body.home .featured-article,
body[class*="category-horse-racing"] .featured-article {
background: white;
border-radius: 4px;
overflow: hidden !important;
padding: 0px !important;
margin: 0px 10px  !important;
}



body.home .featured-article img,
body[class*="category-horse-racing"] .featured-article img {
width: 100% !important;
height: auto !important;
}

body[class*="category-horse-racing"] .popular-posts-container,
body.home .popular-posts-container {
padding: 0px !important;
}

body[class*="category-horse-racing"] .popular-posts-container .wpp-list li,
body.home .popular-posts-container .wpp-list li {
padding: 10px !important;
border-radius: 4px;
background: rgba(255,255,255, 1) !important;
border: none !important;
}

body[class*="category-horse-racing"] .popular-posts-container .wpp-list li:before,
body[class*="category-horse-racing"] .popular-posts-container .wpp-list li:after,
body.home .popular-posts-container .wpp-list li:before,
body.home .popular-posts-container .wpp-list li:after {
left: 10px;
}

@media(max-width: 767px) {


.site-header {
position: sticky !important;
top: 0px !important;
z-index: 99999 !important;
}

.container.home-page {
padding-top: 20px;
}


body.home .featured-article,
body[class*="category-horse-racing"] .featured-article {
margin: 0px auto 20px auto  !important;
}


body[class*="category-horse-racing"] .blog-post-listing:not(.featured-article),
body.home .blog-post-listing:not(.featured-article) {
margin-bottom: 20px !important;
}

}

@media(min-width: 768px) {

.nav-section {
position: sticky !important;
top: 0px !important;
z-index: 99999 !important;
}

.nav-section.nav-section-sticky a.nav-logo-link {
	opacity: 1 !important;
}

body[class*="category-horse-racing"] .col-sm-12 .blog-post-listing:not(.featured-article) .image-container,
body[class*="category-horse-racing"] .col-xs-12 .blog-post-listing:not(.featured-article) .image-container,
body.home .col-sm-12 .blog-post-listing:not(.featured-article) .image-container,
body.home .col-xs-12 .blog-post-listing:not(.featured-article) .image-container {
height: auto !important;
}

body[class*="category-horse-racing"] .col-sm-12 .blog-post-listing:not(.featured-article) .image-container img,
body[class*="category-horse-racing"] .col-xs-12 .blog-post-listing:not(.featured-article) .image-container img,
body.home .col-sm-12 .blog-post-listing:not(.featured-article) .image-container img,
body.home .col-xs-12 .blog-post-listing:not(.featured-article) .image-container img {
width: 100% !important;
height: auto !important;
position: initial !important;
transform: none !important;
left: initial !important;
top: initial !important;
border-radius: 4px;
}


body[class*="category-horse-racing"] .col-sm-12 .blog-post-listing:not(.featured-article) .image-container,
body[class*="category-horse-racing"] .col-xs-12 .blog-post-listing:not(.featured-article) .image-container,
body.home .col-sm-12 .blog-post-listing:not(.featured-article) .image-container,
body.home .col-xs-12 .blog-post-listing:not(.featured-article) .image-container {
margin: 0px 0px 10px !important;
}

/*.sidebar .adHolder {                                                                                         position: sticky;
 top: calc(var(--wp-admin--admin-bar--height) + 82px);
}*/

}




.napstable td.odds .widget-slide {
	margin-bottom: 0px !important;
}

body .pundit_block .widget-bet__cta button {
padding-bottom: 0px !important;
}


/* New Sidebar January 2024 */
.wpp-list {
	list-style: none;
    margin: 0px 0px 2rem;
    padding: 0px;
}

.wpp-list li {
	position: relative;
    counter-increment: step-counter;
    padding: 1rem 0;
    border-bottom: 1px solid #bed1cb;
    clear: both;
    min-height: 75px;	
}

.wpp-list li:before {
	content: "0" counter(step-counter);
    position: absolute;
    left: 0;
    top: 1rem;
    font-size: 2rem;
    color:#67B650;
    font-family: "Oswald",sans-serif;
    font-size: 1.6em;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -1px;
    z-index: 2;
}

.wpp-list li img {
	float: left;
    margin: 0px 1rem 1rem 0px;
}

.wpp-list li h3 {
	margin: 0px 0px 0.5rem calc(75px + 1rem);
    font-weight: 300;
    font-size:20px;
}

.wpp-list li h3 a {
	color:#2D2D2D;
}

.wpp-list li h3 a:hover {
	color:#1BAA55;
	text-decoration:none;
}

.wpp-list li span {
	font-size: 12px;
    line-height: 1;
    padding-left: calc(75px + 1rem);
    display: block;
}

.wpp-list li:after {
	content: "";
    display: block;
    background: linear-gradient(135deg, white 50%, transparent 50%);
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 1rem;
    z-index: 1;
}

/****
 GENERAL STYLES AND OVERRIDES
****/

body, html {
	padding: 0;
	margin: 0;
	height: 100%;
}

body.no-scroll {
	overflow: hidden;
	position: relative;
    height: 100%;
}

img, iframe {
	max-width: 100%;
}

img {
	height: auto;
}

.hidden-mobile {
	display: none;
}

.content-hidden {
	display: none;
}

.container {
	width: 100%;
	position: relative;
}

.container-full-mob {
	padding: 0;
}

.site-content {
	padding-bottom: 40px;
}

.site-content.rewards {
	padding-bottom: 0;
}

.article-content {
	margin-bottom: 16px;
	background-color: #fff;
	padding: 10px 10px 25px 10px;
}

.article-content ul {
	margin-left: 25px;
}

.article-content ul li {
	list-style: disc outside;
}

.article-content ol li {
	list-style: decimal outside;
}

.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
	font-size: 2.4rem;
	color: #004834;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	line-height: 1.1;
	margin-bottom: 1em;
}

.article-content h1 strong,
.article-content h2 strong,
.article-content h3 strong,
.article-content h4 strong,
.article-content h5 strong,
.article-content h6 strong,
.article-content h1 b,
.article-content h2 b,
.article-content h3 b,
.article-content h4 b,
.article-content h5 b,
.article-content h6 b {
	font-weight: normal;
}

.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6,
.article-content p,
.article-content a,
.article-content ul,
.article-content ol {
	text-align: left !important;
}

.article-content p em {
	font-style: italic;
}

.article-content p a {
	color: #000;
	border-bottom: 3px solid #5abb46;
	transition: all 0.75s ease;
	text-decoration: none;
}

.article-content a:hover {
	color: #000;
	border-color: #000;
}

.article-content a strong {
	font-weight: normal;
}

.added-content {
	margin-top: 50px;
}

.nav-section .nav-logo-link {
	display: none;
}

.sidebar {
	padding-left: 20px;
}

table {
	margin-bottom: 20px;
}

table td {
	padding: 5px 10px;
}

ul {
	margin-bottom: 20px;
}

/****
 FONT STYLES AND TYPOGRAPHY
****/

h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
	font-family: 'Oswald', sans-serif;
	color: #004834;
	font-weight: normal;
	text-transform: uppercase;
}

.text-with-bg .blog-post-title {
	font-size: 2rem; /* Totaal changed from 2.4 due to changing the font to Oswald */
	line-height: 30px;
}

.feature.article-page-inner .blog-post-title,
.feature.article-page-inner p {
	color: #000;
}

p, li, td {
	font-family: 'Roboto', sans-serif;
	font-size: 1.4rem;
}

a {
	color: #004834;
	cursor: pointer;
}

a:hover, a:hover h1, a:hover h2, a:hover p {
	color: #5abb46;
}

.pp_link a {
    padding-left: 45px;
    background: url(img/pp_link.svg) left center no-repeat;
    background-size: 35px 40px;
    line-height: 1.1;
    display: inline-block;
    font-size: 2.2rem;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    color: #5abb46;
    vertical-align: baseline;
    margin: 15px 0;
    min-height: 40px;
    padding-top: 10px;
}

.pp_link a b, .pp_link a strong, .pp_link strong, .pp_link b {
	font-weight: normal;
}

.pp_link a:hover {
	color: #004834;
	text-decoration: none;
}

.h2 {
	font-size: 2.4rem;
	text-transform: uppercase;
}

.h3 {
	text-transform: uppercase;
	color: #004834;
	font-size: 2rem;
}



.text-with-bg {
	margin: 0 10px 25px 10px;
}

.text-with-bg h1,
.text-with-bg h2,
.text-with-bg h3,
.text-with-bg h4,
.text-with-bg p {
	display: inline;
	background: #fff;
	padding: 5px 0;
	box-shadow: 10px 0 0 #fff, -10px 0 0 #fff;
	box-decoration-break: clone;

}

.text-with-bg h1,
.text-with-bg h2,
.text-with-bg h3 {
	line-height: 1.1;
}

.text-with-bg h1 {
	letter-spacing: -1px;
	font-size: 3.4em;
	line-height: 1.1;
}

.text-with-bg p {
	font-size: 1.4rem;
	line-height: 1.5;
}

.blockquote-container, blockquote {
	margin-bottom: 15px;
	margin-left: 10px;
}

.blockquote-container strong, blockquote strong {
	font-weight: normal;
}

.blockquote, blockquote p {
	text-transform: uppercase;
	font-size: 20px;
	display: inline;
	background: #2b9940;
	padding: 5px 0;
	box-shadow: 10px 0 0 #2b9940, -10px 0 0 #2b9940;
	box-decoration-break: clone;
	line-height: 1.4;
	color: #fff !important;
	font-family: 'Oswald', sans-serif;
}

.feature .blockquote,
.feature blockquote p {
	background: #000;
	box-shadow: 10px 0 0 #000, -10px 0 0 #000;
}

blockquote {
	padding: 0;
	border: none;
	margin-left: 10px;
	line-height:1.7;
}

.header-underlined {
	padding-bottom: 15px;
	border-bottom: 1px solid #bed1cb;
	margin-top: 0;
	margin-bottom: 20px;
	line-height: 1;
}

.btn,
.alm-load-more-btn {
	padding: 15px;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	border-width: 1px;
	border-style: solid;
	border-radius: 0;
	margin: 0;
	position: relative;
	overflow: hidden;
	/*color: #004834;
    background: #FFF;
    box-shadow: inset 0 0 0 0 #004834;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;*/
}

.alm-load-more-btn {
	color: #004834;
}

.btn:before,
.alm-load-more-btn:before {
	display: block;
	position: absolute;
	top: 0;
	left: -50px;
	content: "";
	width: 0;
	height: 100%;
	background: #004834;
	z-index: -1;
	transform: skewX(-40deg);
	transition: all 0.75s ease;

}

.btn:hover:before,
.alm-load-more-btn:hover:before {
	width: 200%;

}

.btn:hover,
.alm-load-more-btn:hover {
	/*box-shadow: inset 200px 0 0 0 #004834;*/
	transition: all 0.75s ease;
	color: #fff;
}

.btn-disabled {
	opacity: 0.5;
	cursor: default;
}

/****
 AJAX POST CONTENT
****/

.ajax-content .share-buttons,
.ajax-content .cheerJeer-section {
	display: none;
}

.cheerJeer-section{
	padding: 10px 10px 25px 10px;
}

.cheerJeer-section.horse-racing #wpdevar_comment_1 {
	display: none;
}

/****
 SITE HEADER
****/

.site-header {
	background: #fff;
	padding: 14px 0;
	position: relative;
	opacity: 1;
	transition: opacity 0.7s;
}


.scrolled .site-header.transitionable {
	transition: opacity 0.7s;
}

.site-header.sticky {
	position: fixed;
	top: 0px;
	opacity: 1;
	width: 100%;
	border-bottom: #bed1cb 1px solid;
	z-index: 10;
	transition: opacity 0.7s;
}

.site-header.sticky + .nav-section {
	position: fixed;
	top: 63px;
	z-index: 1000;
	background: #fff;
	width: 100%;
	margin-top: 0;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.site-header.sticky + .nav-section .blog-nav {
	padding-top: 0;
}

.nav-section {
	height: 100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	z-index: 1000;
	display: none;
	padding-bottom: 50px;
}

.site-logo img {
	height: 35px;
	width: auto;
}

.scrolled .nav-section {
	position: fixed;
	top: 60px;
	z-index: 101;
	width: 100%;
	background: #fff;
}

#menu-primary-nav {
	margin-top: 0;
}

.menu-primary-nav-container ul {
	margin: 12px 0 0 0;
	padding: 0;
	border-bottom: 1px solid #bed1cb;
}

.menu-primary-nav-container li,
.mobile-more-sports {
	width: 100%;
	padding: 18px;
	text-transform: uppercase;
	border-top: 1px solid #bed1cb;
	font-family: 'Oswald', sans-serif;
	font-size: 2rem;
	color: #004834;
}

.mobile-more-sports {
	border-top: none;
	border-bottom: 1px solid #bed1cb;
	cursor: pointer;
}

.menu-primary-nav-container li a {
	color: #004834;
}

.menu-primary-nav-container li.menu-item-has-children ul {
	margin: 0;
	border: none;
}


.custom-menu {
	margin-bottom: 0;
}

.custom-menu > ul {
	margin-bottom: 0;
}

.custom-menu li {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size: 2rem;
	border-top: 1px solid #bed1cb;
	padding: 18px;
}

.custom-menu li a {
	color: #004834;
}

.custom-menu li a:hover {
	text-decoration: none;
	padding-bottom: 15px;
}

.custom-menu li img {
	height: 24px;
	width: 24px;
	margin-right: 10px;
	margin-top: -2px;
}

.site-header .custom-logo-link {
	display: inline;
	text-align: left;
}

.site-header .custom-logo-link img {
	height: 30px;
	width: auto;
}

.mobile-controls {
	position: absolute;
	top: 2px;
	right: 15px;
	z-index: 1001;
}

.dummy-nav-section {
	display: none;
}

.dummy-nav-section.active {
	display: block;
}

/* search form */
.search-trigger {
	float: right;
	height: 25px;
	width: 38px;
	background-image: url(img/search-icon.svg);
	background-position: left center;
	background-repeat: no-repeat;
	background-color: transparent;
	margin-right: 13px;
	padding-right: 12px;
	cursor: pointer;
	border-right: 1px solid #004834;
}

.search-form-container {
	display: none;
}

.search-desktop {
	display: none;
}

.search-form-mobile .searchform {
	float: left;
	margin-right: 20px;
	position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 0 15px;
    width: 100%;
    height: 100%;
}

.searchform div {
	height: 100%;
}

.searchform #searchsubmit {
	height: 24px;
	border: none;
	text-indent: -10000px;
	width: 50px;
	background: transparent;
	display: none;
}

.searchform label {
	display: none;
}

.search-form-mobile .searchform input {
	width: 100%;
	height: 100%;
	border: none;
	color: #074635;
}

.search-mobile {
	float: right;
}

/* hamburger menu */
.hamburger-btn {
	float: right;
	text-align: right;
	width: 20px;
	height: 25px;
	position: relative;
	margin: 5px 0 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

.hamburger-btn span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #074635;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.hamburger-btn span:nth-child(1) {
  top: 0px;
}

.hamburger-btn span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 8px;
}

.hamburger-btn span:nth-child(4) {
  top: 16px;
}

.hamburger-btn.open span:nth-child(1) {
  top: 0px;
  width: 0%;
  left: 50%;
}

.hamburger-btn.open span:nth-child(2) {
	top: 8px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.hamburger-btn.open span:nth-child(3) {
  top: 8px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.hamburger-btn.open span:nth-child(4) {
  width: 0%;
  left: 50%;
}

.slide-controllers {
	padding: 0 15px;
	position:relative;
	z-index:1;
	background-color: rgba(256,256,256,0.8);
}

.slide-controllers p {
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-size: 1.6rem;
	margin: 0;

}

.slide-controllers a {
	color: #074635;
	transition: color 0.5s;
	padding: 15px 0;
	display: inline-block;
}

.slide-controllers a:hover, .slide-controllers a:focus {
	text-decoration: none;
	color: #5abb46;
}

.slide-controllers a.active {
	display: inline-block;
	border-bottom: 2px solid #074635;
}

/****
 CUSTOMISATION STYLES
****/
.customise-container {
	width: 100%;
	min-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5000;
    background: rgba(0, 0, 0, 0.8);
	padding: 0;
	opacity: 0;
	transition: opacity 0.7s;
	text-align: center;
	overflow-y: scroll;
	display: none;
}

.customise-container.step-1,
.customise-container.step-2,
.customise-container.step-3 {
	background: #fff;
}

.customise-container .intro-container img,
.customise-container .intro-container .intro-content p {
	margin-bottom: 20px;
}

.customise-container .intro-container .intro-content {
	padding-top: 100px;
	margin: 0 auto;
	display: inline-block;
	color: #fff;
	margin: 0 auto;
	max-width: 250px;
}

.customise-container .intro-container .intro-content .btn {
	border: none;
	color: #fff;
	width: 146px;
	margin-bottom: 10px;
}

.customise-container .intro-container .intro-content .btn:after {
	content: "";
	background-color: #5abb46;
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -2;
}

.customise-container .intro-container .intro-content .btn:before {
	background: #004834;

}

.customise-container .intro-container .intro-content .btn.btn-secondary {
	border-color: #fff;
	border-style: solid;
	border-width: 1px;
	background-color: transparent;
	color: #fff;
	transition: all 0.75s;
}

.customise-container .intro-container .intro-content .btn.btn-secondary:before {
	background: #fff;
}

.customise-container .intro-container .intro-content .btn.btn-secondary:after {
	display: none;
}

.customise-container .intro-container .intro-content .btn:hover {
	color: #fff;
	background: transparent;
}

.customise-container .intro-container .intro-content .btn.btn-secondary:hover {
	color: #004834;

}

.customise-container .form-container {
	display: none;
	height: 100%;
}

.form-container .col-md-6 {
	padding: 0 20px;
	height: 50%;
	background: #fff;
	z-index: 0;
	clear: both;
}

.customise-container .customise-heading {
	margin: 0 auto;
	text-align: center;
	padding: 0 20px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 60px 60px;
	padding: 30px 20px 62px;
	display: none;
	background: #31953e;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMzE5NTNlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNWFiYjQ2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVhYmI0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(45deg, #31953e 1%, #5abb46 50%, #5abb46 100%);
	background: -webkit-linear-gradient(45deg, #31953e 1%,#5abb46 50%,#5abb46 100%);
	background: linear-gradient(45deg, #31953e 1%,#5abb46 50%,#5abb46 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31953e', endColorstr='#5abb46',GradientType=1 );
	clear: both;
	height: 100%;
}

.customise-container .customise-heading > div {
	position: relative;
}

.customise-container .customise-heading::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: url(img/stripe-tile.png);
	background-size: 60px 60px;
	background-repeat: repeat;
}

.customise-container .customise-heading.active {
	display: block;
}

.customise-container .customise-heading .current-step {
	font-family: 'Oswald', sans-serif;
	font-size: 1.6rem;
	margin-bottom: 5px;
}

.customise-container .customise-heading h1,
.customise-container .customise-heading p {
	color: #fff;
}

.customise-container .customise-heading p {
	margin-bottom: 15px;
}

.customise-container .customise-heading p.h1-p {
	text-transform: none;
	margin: 0 0 6px;
	text-transform: uppercase;
	font-size:36px;
	font-family: 'Oswald', sans-serif;
}
.customise-container .customise-heading .btn {
	border-color: #fff;
	width: 146px;
	background: transparent;
}

.customise-container .customise-heading .btn:before {
	background: #fff;
}

.customise-container .customise-heading .btn:hover:before {
	background: #fff;
}

.customise-container .customise-heading .btn:hover {
	color: #004834;
}

.customise-container .category-choice {
	width: 50%;
	float: left;
	position: relative;
	overflow: hidden;
}

.customise-container .step-1 .category-choice {
	height: 279px;
}

.customise-container .category-choice:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%;
}

.customise-container .category-choice > .content {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.customise-container .form-container .form-heading {
	background: #fff;
	padding: 15px 20px 13px;
	text-align: left;
	z-index: 100;
	margin: 0 -15px;
}

.customise-container .form-container .form-heading .close-customisation {
	height: 18px;
	width: 18px;
	background: url(img/close-icon.png) 0 0 no-repeat;
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
	z-index: 200;
}

.form-container form#customisation {
	height: 100%;
}

.customisation-step,
.category-choice {
	height: 100%;
}

.customise-container .form-container .form-heading img {
	height: 35px;
	width: auto;
	position: relative;
	z-index: 200;
}

.customise-container .form-container .customisation-step {
	display: none;
}

.customise-container .form-container .customisation-step.active {
	display: block;
}

.customise-container .form-container .category-choice img {
	height: 100%;
	width: auto;
	max-width: none;
	position: relative;
	left: 50%;
	top: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


 /* to solve iPhone 6 weirdness */
@media(max-width: 767px) {
	.customise-container.step-3 .form-container .category-choice img {
		-webkit-transform: translate(-50%, 0%) !important;  /* // for some reason this one needs to be important for iphone 6 to work */
	}
}

.customise-container .form-container .step-1 .category-choice img {
	height: 100%;
	width: auto;
}

.customise-container label {
	position: absolute;
	left: 0;
	z-index: 1;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	padding: 40px;
	width: 100%;
	font-size: 2rem;
	font-weight: normal;
	line-height: 1.1;
	background: url(img/checkbox.svg) top center no-repeat;
	background-size: 25px 25px;
}

[type="checkbox"]:checked + label {
	background: url(img/checkbox-ticked.svg) top center no-repeat;
	background-size: 25px 25px;
}

.customise-container input {
	display: none;
}

#customisation {
	padding-bottom: 30px;
}

.customisation-step .ui-slider {
	height: 16px;
	background: #074635;
	border: 3px solid #fff;
	border-radius: 8px;
	width: 90%;
	margin: -8px auto 0;
	z-index: 1000;
}

.customisation-step .ui-slider-handle {
	width: 45px;
	height: 46px;
	background: url(img/slider-handle.png) 0 0 no-repeat transparent;
	border: none;
	top: -20px;
	margin-left: -20px;
	outline: none;
}

.customisation-step .slider-description {
	height: 286px;
	overflow: hidden;
	margin-top: -8px;
	margin-bottom: 40px;
	position: relative;
}

.customisation-step .slider-description .description {
	display: none;
	left: 0px;
    width: 100%;
	top: 0;
	height: 100%;
	position: absolute;
}

.customisation-step .slider-description .description p {
	color: #fff;
	font-family: 'Oswald', sans-serif;
	font-size: 3rem;
	text-transform: uppercase;
	top: 50%;
    position: relative;
    -ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.customisation-step .slider-description .description-1 {
	background: url(img/customisation-longer.jpg) 0 0 no-repeat;
	background-size: 100% auto;
}

.customisation-step .slider-description .description-2 {
	background: url(img/customisation-while.jpg) 0 0 no-repeat;
	background-size: 100% auto;
}

.customisation-step .slider-description .description-3 {
	background: url(img/customisation-ages.jpg) 0 0 no-repeat;
	background-size: 100% auto;
}

.customisation-step.step-3 .category-img {
	border: 1px solid #fff;
	width: auto;
}

.customisation-step.step-3 .category-choice .category-check-container {
	position: absolute;
	top: 0;
	left: 0;
	-ms-transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	transform: none;
	height: 100%;
	width: 100%;
	z-index: 10;
	background: url(img/popular-triangle.svg) top left no-repeat;
}

.customisation-step.step-3 .category-choice .category-check-container .category-check {
	background: url(img/checkbox-green.svg) 5px 5px no-repeat;
	background-size: 20px 20px;
	height: 50px;
	width: 50px;
}

.customisation-step.step-3 .category-choice .category-check-container .overlay {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(255,255,255,0.5);
}

.customisation-step.step-3 input[type="checkbox"]:checked + .category-check-container .category-check {
	background: url(img/checkbox-ticked-green.svg) 5px 5px no-repeat;
	background-size: 20px 20px;
}

.customisation-step.step-3 input[type="checkbox"]:checked + .category-check-container .overlay {
	display: none;
}

.customisation-step.step-3 label {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding: 10px 20px;
	color: #074635;
	background: #fff;
}



/****
 LISTING PAGES STYLES
****/
.listings-page .blog-post-listing {
	max-width: 460px;
	margin-left: auto;
	margin-right: auto;
	padding: 18px 0;
	border-top: 1px solid #bed1cb;
	position: relative;
}


.blog-post-listing.blog-post-listing a {
	text-decoration: none;
}

.blog-post-listing.social-block {
	margin-bottom: 30px;
}

.blog-post-listing.social-block h1,
.blog-post-listing.social-block h3,
.blog-post-listing.social-block p {
	color: #fff;
	padding: 0 15px;
	font-size: 2rem;
}

.blog-post-listing.social-block a {
	color: #fff;
}


.blog-post-listing.social-block h1,
.blog-post-listing.social-block h3 {
	margin: 0 0 15px;
	padding-top: 15px;
}

.blog-post-listing.social-block p {
	margin: 0 0 20px;
}

.blog-post-listing.social-block img {
	width: 100%;
	height: auto;
	margin-bottom: 0;
}

.blog-post-listing.social-block .video-container video {
	max-height: 204px;
}

.blog-post-listing.social-block .video-container video {
	background: #000;
}

.blog-post-listing.social-block .insta-logo {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	background: url(img/insta-logo.png) center no-repeat #000;
	z-index: 100;
}

.blog-post-listing.twitter-block {
	background: url(img/stripe-tile.png) top left #29a6f3;
	background-size: 60px 60px;
	padding-bottom: 45px;
	padding-top: 0;
}

.blog-post-listing.twitter-block .twitter-footer {
	position: absolute;
	bottom: 15px;
	left: 0;
	font-size: 1.4rem;
	margin-bottom: 0;
}

.blog-post-listing.twitter-block .twitter-footer .tweet-details {
	margin-right: 10px;
	padding-left: 15px;
	background-position: left center;
	background-repeat: no-repeat;
}

.blog-post-listing.twitter-block .twitter-footer .tweet-details.tweet-shares {
	background-image: url(img/twitter-retweet.png);
	background-size: 12px 10px;
}

.blog-post-listing.twitter-block .twitter-footer .tweet-details.tweet-likes {
	background-image: url(img/twitter-love.png);
	background-size: 12px 12px;
}


.blog-post-listing.facebook-block {
	background: url(img/stripe-tile.png) top left #4267b2;
	background-size: 60px 60px;
	padding-bottom: 45px;
	padding-top: 0;
}

.blog-post-listing.facebook-block .facebook-footer .facebook-details.facebook-likes {
	padding-left: 15px;
	background-image: url(img/facebook-like.png);
	background-size: 12px 12px;
	background-position: left center;
	background-repeat: no-repeat;
}
.blog-post-listing.insta-block {
	background: url(img/stripe-tile.png) top left #ae0961;
	background-size: 60px 60px;
	padding-bottom: 0 !important;
	padding-top: 0;
	overflow: hidden;
	min-height: 350px;
}

.blog-post-listing.insta-block h1,
.blog-post-listing.insta-block p,
blog-post-listing.insta-block a {
	color: #fff;
}

.blog-post-listing.insta-block img,
.blog-post-listing.insta-block video {
	max-width: 100%;
}

.blog-post-listing.insta-block img {
	position: absolute;
    top: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.blog-post-listing.facebook-block .facebook-footer {
	position: absolute;
	bottom: 15px;
	left: 0;
	font-size: 1.4rem;
	margin-bottom: 0;
}

.listings-page .blog-post-listing .sticker {
	position: absolute;
	top: 10px;
	left: -10px;
	width: 31px;
	height: 31px;
	background-size: 100%;
}
.listings-page .blog-post-listing .sticker.fantasy-badge{
	height:35px;
	background-size: 100%;
}

.largest-jeer .sticker,
.largest-cheer .sticker  {
	display: none;
}

.largest-jeer .sticker.largest-jeer-sticker,
.largest-cheer .sticker.largest-cheer-sticker  {
	display: none !important; /* Changed from block to none - 18th January 2024 */
}

.largest-cheer-sticker {
	background: url(img/cheer-sticker.png) 0 0 no-repeat;
}

.largest-jeer-sticker {
	background: url(img/jeer-sticker.png) 0 0 no-repeat;
}

.feature-sticker {
	background: url(img/feature-sticker.png) 0 0 no-repeat;
}

.long-read.feature-sticker {
	background: url(img/long-sticker.png) 0 0 no-repeat;
}

/* Fantasy badges */
.alt-style-wrapper .insight.feature-sticker {
	background: url(img/insight.png) 0 0 no-repeat;
}

.alt-style-wrapper .listen.feature-sticker {
	background: url(img/listen.png) 0 0 no-repeat;
}

.alt-style-wrapper .strategy.feature-sticker {
	background: url(img/strategy.png) 0 0 no-repeat;
}

.alt-style-wrapper .tactics.feature-sticker {
	background: url(img/tactics.png) 0 0 no-repeat;
}

.alt-style-wrapper .watch.feature-sticker {
	background: url(img/watch.png) 0 0 no-repeat;
}
/* end fantasy badges */

.blog-post-listing .image-container {
	width: 80px;
	height: 80px;
	margin-right: 20px;
	overflow: hidden;
	position: relative;
	float: left;
}

.blog-post-listing.social-block .image-container {
	margin-bottom: 0;
    height: 204px;
    width: 100%;
    margin-right: 0;
    float: none;
}

.blog-post-listing .video-container {
	margin: 0;
}

.blog-post-listing .image-container img {
	height: 100%;
	width: auto;
	max-width: none;
	position: absolute;
	left: 50%;
	top: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.blog-post-listing.social-block .image-container img {
	width: 100%;
	height: auto;
	top: 0;
	-ms-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.blog-post-listing h2 {
	text-transform: uppercase;
	margin: 0 0 15px;
	font-size: 2rem;
	line-height: 1;
	letter-spacing: -1px;
}

.blog-post-listing h2 a {
	color: #004834;
	text-decoration: none;
	line-height: 1;
}

.blog-post-listing h2 a:hover {
	color: #5abb47;
	text-decoration: underline;
}

.blog-post-listing .blog-post-meta {
	font-size: 1rem;
	line-height: 1;
	color: #004834;
	margin-bottom: 0;
}

.blog-post-listing .blog-post-meta a {
	color: #004834;
	text-decoration: none;
}

.blog-post-listing .blog-post-meta a:hover {
	color: #5abb47;
	text-decoration: underline;
}

.featured-article .image-container {
	width: 100%;
	height: auto;
	float: none;
}

.featured-article .image-container img {
	height: auto;
	width: 100%;
	max-width: none;
	position: relative;
	left: 0;
	top: 0;
	-ms-transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	transform: none;
}

.featured-article .title-container {
	height: auto;
	background: url(img/stripe-tile.png) top left repeat #222;
	background-size: 60px 60px;
	text-align: center;
	padding: 25px;
}

.featured-article.long-read-article .title-container {
	/* background-image: url(img/stripe-tile-blue.png); */
	background-color:rgba(70,129,187,.8)/* #4681BB;*/
}

/*Fantasy stripe background  */
.alt-style-wrapper .featured-article.insight-article .title-container,.alt-style-wrapper .featured-article.insight-article .image-container  {
	background-color:rgba(34,34,34,.8);/* #222;*/
}

.alt-style-wrapper .featured-article.listen-article .title-container,.alt-style-wrapper .featured-article.listen-article .image-container  {
	background-color:rgba(227,59,51,.8);/*#E33B33;*/
}

.alt-style-wrapper .featured-article.strategy-article .title-container,.alt-style-wrapper .featured-article.strategy-article .image-container  {
	background-color:rgba(0,93,79,.8);/*#005D4F;*/
}

.alt-style-wrapper .featured-article.tactics-article .title-container,.alt-style-wrapper .featured-article.tactics-article .image-container  {
	background-color:rgba(79,177,68,.8);/* #4FB144;/*#3B9F40 #50A73E*/
}
.alt-style-wrapper .featured-article.watch-article .title-container,.alt-style-wrapper .featured-article.watch-article .image-container {
	background-color:rgba(0, 42, 106, .8); /*#DFDF00;*/ /*#CACA00 #E0E000*/
}



/*End Fantasy stripe background  */

.featured-article .title-container h2 a {
	color: #fff;
	margin: 0 0 10px;
	cursor: pointer;
}

.featured-article .title-container p,
.featured-article .title-container p a {
	color: #fff;
	font-size: 1.4rem;
}

.alm-load-more-btn,
.load-more-btn {
	display: block;
	text-align: center;
	width: 100%;
	background: none;
	box-shadow: none;
	border: 1px solid #004834;
	font-size: 2rem;
}


/****
 POST STYLES
****/
.post-intro-container {
	padding: 20px 0 0;
	margin: 0 0 20px;
	background-image: url(img/green-diagonal-1400px.png);
	background-position: -110px 0;
	background-repeat: no-repeat;
	background-size: 700px;
	color: #004834;
}
.feature .post-intro-container {
	background-image: url(img/black-diagonal-1400px.png);
}

.long-read-article.feature .post-intro-container {
	background-image: url(img/blue-diagonal-1400px.png);
}

/*Fantasy article diagonal  */
.article-page .Fantasy.Fantasy.article-page-inner .post-intro-container {
	background-image: url(img/fantasy-post-diagonal.png);
}

/*End Fantasy article diagonal  */

.post-intro-container .text-with-bg.narrow {
	max-width: 770px;
}

.post-details {
	padding:10px 10px 25px 10px;
	border-bottom: 1px solid #bed1cb;
	background-color:#fff;
}

.post-details .blog-post-meta {
	margin-top: 28px;
}

.post-details .author-img {
	width: 82px;
	height: 82px;
	float: left;
	margin-right: 20px;
	display: block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.post-details p,
.post-details p a {
	color: #004833;
}

.post-body .post-details p {
	font-size: 1.4rem;
	margin-bottom: 5px;
	line-height: 1;
}



.post-body p {
	margin-bottom: 1em;
}

#menu {
	position: fixed;
    left: -100%; /*left or right and the width of your navigation panel*/
    width: 100%; /*should match the above value*/
    background: #fff;
    overflow: scroll;
    z-index: 1002;
    /* // padding-left: 15px;
    // padding-right: 15px;
    // padding-bottom: 150px; */
}

#menu::-webkit-scrollbar {
    display: none;
}

.blog-post .sidebar .adHolder {
	padding-top: 20px;
}

.popular-posts-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 40px;
	padding-bottom: 150px;

    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    z-index: 1000;
}

.popular-posts-container h1 {
	width: 100%;
	margin-bottom: 0;
}

.popular-post {
	padding: 20px 0;
	border-bottom: 1px solid #bed1cb;
	position: relative;
}

.popular-post a:hover {
	color: #004834;
}

.popular-image-container {
	width: 80px;
	height: 80px;
	float: left;
	margin-right: 20px;
	position: relative;
	overflow: hidden;
	clear: both;
}

.popular-image-container, .bd {
	overflow:hidden;
	_overflow:visible;
	zoom:1;
}

.popular-image-container .img {
	float:left;
	margin-right: 10px;
}

.popular-image-container .popular-triangle {
	right: 30px;
    left: auto;
    top: 0px;
    -ms-transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
    transform: none;
}

.popular-image-container img {
	height: 100%;
	width: auto;
	max-width: none;
	display:block;
	position: absolute;
	left: 50%;
	top: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.popular-post-content {
	padding-top: 2px;
}

.popular-post-content h2 {
	text-transform: uppercase;
	margin-top: 0;
	font-size: 2rem;
	border-bottom: none;
	line-height: 0.9;
}

.popular-post-content p {
	font-size: 1.2rem;
	color: #004834;
	margin: 0;
}

.popular-post-content a:hover {
	color: #5abb46;
	text-decoration: none;
}

.popular-count {
	position: absolute;
	z-index: 5;
	left: 0;
	top: 0;
	font-size: 3rem;
	color: #5abb46;
	font-family: 'Oswald', sans-serif;
	line-height: 1;
	letter-spacing: -1px;
}


.twitter-tweet {
	margin: 0 auto;
}

.related-posts {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #bed1cb;
}

.share-buttons {
	margin-top: 20px;
}

.st-custom-button {
	display: inline-block;
	font-family: 'Oswald', sans-serif;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	margin-right: 10px;
	font-size: 1.4rem;
	height: 42px;
	line-height: 42px;
	padding: 0 15px;
	position: relative;
	overflow: hidden;
}

.st-custom-button:before {
	display: block;
	position: absolute;
	top: 0;
	left: -60%;
	content: "";
	width: 0;
	height: 100%;
	z-index: -1;
	transform: skewX(-40deg);
	transition: width 0.75s ease;
}

.st-custom-button:after {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -2;
}

.st-custom-button:hover:before {
	width: 200%;
}

.st-custom-button:hover:before {
	width: 200%;
}

.st-custom-button-twitter {
	padding-right: 35px;
	background: url(img/twitter-logo.png) 85% center no-repeat;
	background-size: 18px 14px;
}

.st-custom-button-twitter:before {
	background: #1e7fa9;
}

.st-custom-button-twitter:after {
	background:#28aae1;
}

.st-custom-button-facebook {
	padding-right: 35px;
	background: url(img/facebook-logo.png) 85% center no-repeat;
	background-size: 14px 14px;
}

.st-custom-button-facebook:before {
	background: #1f4676;
}

.st-custom-button-facebook:after {
	background: #295d9e;

}

.st-custom-button-more {
	background-image: url(img/sharethis.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: 14px;
	text-indent: -10000px;
	border: 1px solid #bed1cb;
	width: 42px;
	height: 42px;
	margin: 0;

}

.st-btns {
	overflow-x: hidden !important;
	overflow-y: scroll !important;
}


/****
 MISCELLANEOUS
****/

.video-container {
    width: 100%;
    margin: 14px 0 28px;
    clear: both;
}

.video-container video {
	max-width: 100%;
	width: 100%;
}

div.aspect-ratio {
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 */
    position: relative;
    background: black;
}

div.aspect-ratio > iframe {
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    color: white;
    font-size: 24px;
    text-align: center;
    width: 100%;
    height: 100%;
}

.vote-container {
	margin-bottom: 30px;
}

.vote-btn {
	text-transform: uppercase;
	cursor: pointer;
	color: #fff;
}

.votemeBox {
	float: left;
	width: 50%;
	float: left;
	color: #fff;
}

.voted .votemeBox {
	margin-bottom: 10px;
}

.votemeBox p, .votemeBox[data-js-votecount] {
	font-family: 'Oswald', sans-serif;
	font-size: 1.8rem;
	line-height: 1;
	text-align: left;
}

.votemeBox p {
	background-size: 19px 32px;
}

.votemeBox p a, .voted .votemeBox[data-js-votecount] {
	display: block;
	padding: 14px 16px;
}

.votemeBox p a:hover {
	color: #fff;
	text-decoration: none;
}

.votemeBox[data-js-votecount] {
	text-align: center;
}

.votemeBox.cheer {
	background: #31953e;
	background-image: url(img/cheer-bg.png), -moz-linear-gradient(45deg, #31953e 0%, #5abb46 60%, #5abb46 100%, #5abb46 100%);
	background-image: url(img/cheer-bg.png), -webkit-linear-gradient(45deg, #31953e 0%,#5abb46 60%,#5abb46 100%,#5abb46 100%);
	background-image: url(img/cheer-bg.png), linear-gradient(45deg, #31953e 0%,#5abb46 60%,#5abb46 100%,#5abb46 100%);
	background-position: bottom left;
	background-repeat: no-repeat;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31953e', endColorstr='#5abb46',GradientType=1 );
	border-right: 1px solid #fff;
}

.votemeBox.cheer p {
	background-image: url(img/cheer-icon.png);
	background-position: 90% center;
	background-repeat: no-repeat;
}

.votemeBox.jeer {
	background: #ca352e;
	background-image: url(img/jeer-bg.png), -moz-linear-gradient(45deg, #ca352e 0%, #fd4239 60%, #fd4239 100%);
	background-image: url(img/jeer-bg.png), -webkit-linear-gradient(45deg, #ca352e 0%,#fd4239 60%,#fd4239 100%);
	background-image: url(img/jeer-bg.png), linear-gradient(45deg, #ca352e 0%,#fd4239 60%,#fd4239 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca352e', endColorstr='#fd4239',GradientType=1 );
	border-left: 1px solid #fff;
}

.votemeBox.jeer p {
	background-image: url(img/jeer-icon.png);
	background-position: 90% center;
	background-repeat: no-repeat;

}

p.voteLink {
	margin: 0;
}

.vote-results {
	clear: both;
}

.vote-results p {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	color: #004834;
}

.vote-results p span {
	padding-left: 14px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 10px 15px;
	padding-right: 10px;
	display: inline-block;
}

.vote-results p span.cheer-results {
	background-image: url(img/cheer-icon-green.png);
}

.vote-results p span.jeer-results {
	background-image: url(img/jeer-icon-red.png);
}

.no-more-posts {
	margin-top: 40px;
	margin-bottom: 40px;
}

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

.post-body div.wp-caption {
	margin-bottom: 20px;
}

/****
 CATEGORY PAGE
****/

.category-hero {
	background: #31953e;
	text-align: center;
	overflow: hidden;
	position: relative;
}

.category-hero img {
	position: absolute;
	left: 50%;
	top: 0;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	min-height: 100%;
}

.category-hero .container {
	padding: 50px 15px;
}

.category-hero h1 {
	text-transform: uppercase;
	background: #fff;
	line-height: 44px;
	display: inline-block;
	padding: 0 12px;
	line-height: 1;
	margin: 0;
}

/****
 AUTHOR PAGE
****/
.author-bio {
	margin-top: 18px;
}
.author-bio .author-inner{
	margin-bottom: 25px;
}
.author-bio img{
	float:left;
	margin:6px 20px 6px 0;
	max-width:164px;
}


/****
 PAGE STYLES
****/

.page-content .vote-container {
	display: none;
}

/****
 SUBMISSION FORM
****/
.submission-block {
	border: 3px dashed #bed1cb;
	margin-bottom: 40px;
	padding: 40px;
	text-align: center;
	display: none;
}

.submission-block .submit-icon {
	background: url(img/submit-icon.svg) center no-repeat #004834;
	background-size: 40px 40px;
	width: 80px;
	height: 80px;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	margin: 0 auto 30px;
}

.submission-block h1 {
	margin: 0 0 30px;
	font-size: 3rem;
}

.submission-block p {
	font-size: 1.4rem;
	margin-bottom: 35px;
	color: #004834;
}

.submission-block .btn {
	border: 1px solid #004834;
	width: 100%;
	font-size: 2rem;
	padding: 15px 0;
	transition: 1s;
}

#submission-form-container {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	top: 0;
	left: 0;
	z-index: 1999;
	display: none;
}

#submission-form-container .form-header {
	padding-top: 20px;
	margin: 0 auto 30px;
	display: block;
}

#submission-form-container .form-intro {
	color: #004834;
	font-size: 1.8rem;
	text-align: center;
	margin-bottom: 30px;
}

#submission-form {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #fff;
	z-index: 2000;
	width: 740px;
	max-width: 100%;
	padding-bottom: 20px;
}

#submission-form h1 {
	margin-top: 0;
	padding: 20px;
}

#submission-form .close-icon {
	width: 17px;
	height: 17px;
	background: url(img/close-icon.png) 0 0 no-repeat;
	float: right;
	margin: 20px 20px 0 0;
	cursor: pointer;
}

#submission-form label {
	display: block;
	font-family: 'Oswald', sans-serif;
	color: #004834;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.8rem;
}

#submission-form label.lowerCase {
	text-transform: none;
	font-family: 'Roboto', sans-serif;
	font-size: 1.4rem;
}

#submission-form input[type="checkbox"] {
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 0px;
  padding: 0;
  margin:0 10px 0 0;
  vertical-align: bottom;
  position: relative;
  top: -1px;
  *overflow: hidden;
}

#submission-form .checkLabel {
	display: block;
  	padding-left: 31px;
    text-indent: -31px;
}

#submission-form label span {
	display: block;
	text-transform: none;
	color: #000;
	font-size: 1.4rem;
}

#submission-form input[type="text"],
#submission-form input[type="email"],
#submission-form input[type="tel"],
#submission-form textarea {
	margin-bottom: 15px;
	border: 1px solid #bfbfbf;
	width: 100%;
	padding: 10px;
}

#submission-form input {
	height: 40px;
}

#submission-form textarea {
	height: 275px;
	width: 100%;
	resize: none;
}

#submission-form .grecaptcha-badge {
	display: none;
}

#submission-form input[type="submit"] {
	width: 100%;
	background: #5abb46;
	color: #fff;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	box-shadow: none;
	transition: 0.5s;
	font-size: 1.8rem;
	height: 44px;
	border: 1px solid #5abb46;
	line-height: 1;
	margin-top: 15px;
}

#submission-form input[type="submit"]:hover {
	background: #fff;
	color: #5abb46;
	border-color: #5abb46;
}

.pop-up-container {
	margin-top: 30px;
	border: 1px solid #bed1cb;
	padding-top: 20px;
	padding-bottom: 20px;
}

.pop-up-container h1 {
	margin-top: 0;
}

.pop-up-container .close-icon {
	padding-right: 24px;
	float: right;
	font-family: 'Roboto', sans-serif;
	color: #004834;
	line-height: 17px;
	height: 17px;
	font-size: 1.6rem;
	background: url(img/close-icon.png) top right no-repeat;
	cursor: pointer;
}

/****
 ADVERTS
****/

.advert {
	display: block;
	margin: 0 auto 30px;
	text-align: center;
}

.advert iframe {
	/* width: 100%; */
	height: 100%;
	max-width: 100%;
}

.advert-sm {
	margin-top: 30px;
	width: 300px;
	height: 254px;
}

.ad300600 {
	display: none;
	height: 600px;
	width: 300px;
}

.ad72890 {
	display: none;
	width: 728px;
	height: 90px;
}

.ad970250 {
	display: none;
	width: 970px;
	height: 250px;
}

@media(min-width: 1380px) {
	.sidebar .ad300600 {
		display: block;
	}

	.ad72890 {
		display: none !important;
	}

	.ad970250 {
		display: block;
	}
}



/****
 SITE FOOTER
 ****/
.blog-footer {
	background-color: #369443;
	padding: 20px 0 0;
}

.blog-footer p, .blog-footer a {
	color: #fff;
}

.blog-footer .footer-icon-container {
	height: 25px;
	margin: 10px 25px 30px 0;
	display: inline-block;
}

.blog-footer .footer-icon-container img {
	height: 100%;
	width: auto;
}

.blog-footer .footer-links {
	background: #004834;
}

.blog-footer .footer-links ul {
	margin: 0;
}

.blog-footer .footer-links li, .blog-footer .footer-links p {
	padding: 20px 15px;
	margin: 0;
	color: #fff;
}
.blog-footer .footer-links li {
	border-bottom: 1px solid #fff;
}

.blog-footer .footer-links li.divider {
	display: none;
}

/****
 404 PAGE
****/

.fourohfour-hero {
	position: relative;
	height: 448px;
	text-align: center;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 450px;
	width: 100%;
}

.fourohfour-hero span {
	display: inline-block;
	background: #fff;
	padding: 10px 12px;
}

.fourohfour-hero h1 {
	margin-top: 30px;
}

.fourohfour-hero p span {
	max-width: 80%;
	text-align: center;
}

.fourohfour-hero .btn {
	margin-top: 10px;
	background: #369443;
	color: #fff;
}

.fourohfour-hero .container,
.fourohfour-hero .row,
.fourohfour-hero .col-sm-12 {
	height: 100%;
}



@media (min-width: 576px) {
	.container.container-wide {
		max-width: 100%;
		width: 100%;
	}
}

#fbcomments {
	margin-bottom: 30px;
}

/* just for headings */
@media (min-width: 640px) {
	.text-with-bg .blog-post-title {
	    font-size: 5rem; /* Totaal changed from 6 due to changing the font to Oswald */
	    line-height: 67px;
	}
}

/* tablet and up */
@media(min-width: 768px) {

	.author-bio {
		margin: 0 0 15px 0;
		float:left;
		width:100%;
	}

	p, li {
		font-size: 1em;
		line-height: 1.2;
	}

	.pp_link a {
		font-size: 2.6rem;
		padding-top: 10px;
		background-position: left top;
	}

	.article-content p,
	.article-content li,
	.article-content td {
		font-size: 1.8rem;
		line-height: 28px;
	}

	.container.container-wide {
		max-width: 100%;
		width: 1200px;
	}

	.container-full-mob {
		padding: 0 15px;
	}

	.search-trigger {
		margin: 0;
		padding: 0;
		border: none;
	}

	.search-form-desktop {
		float: left;
		margin-right: 20px;
	}

	.searchform input {
		height: auto;
		width: 150px;
		position: relative;
		border-bottom: 1px solid #bed1cb;
		box-shadow: none;
		border: none;
		outline: none;
	}

	.added-content {
		margin-top: 100px;
	}

	.article-content {
		margin-bottom: 20px;
	}

	.listings-page {
		margin-top: 40px;
	}

	.listings-page .blog-main .row {
		margin-bottom: 40px;
		clear:both;
	}

	.listings-page .blog-post-listing {
		margin: 0 auto 0;
		padding: 0;
		border: none;
	}

	.listings-page .blog-post-listing.social-block {
		padding-bottom: 45px;
	}

	.blog-post-listing {
		margin-bottom: 0;
	}

	.blog-post-listing .image-container {
		margin-bottom: 18px;
		height: 204px;
		width: auto;
		margin-right: 0;
		float: none;
	}

	.blog-post-listing h2 {
		font-size: 2.3rem;
		line-height: 1.2;
	}

	.blog-post-listing .blog-post-meta {
		font-size: 1.4rem;
		font-weight:100;
	}

	.blog-post-listing.insta-block img {
		width: auto;
		height: 100%;
		max-width: none;
	}

	.listings-page .blog-post-listing {
		max-width: 100%;
	}

	.blog-post-listing .image-container a img {
		transition: 0.4s;
	}

	.blog-post-listing .image-container a:hover img {
		width:auto;
		height: 110%;
	}

	.listings-page .blog-post-listing .sticker {
		height: 61px;
		width: 61px;
		top: -10px;
		background-size: 100%;
	}
	.listings-page .blog-post-listing .sticker.fantasy-badge{
		height:69px;
	}

	.featured-article .title-container,
	.featured-article .image-container {
		width: 50%;
		float:  left;
	}

	.featured-article .image-container {
		margin-bottom: 0;
	}

	.featured-article .title-container {
		height: 320px;
		background-position: bottom-left;
		text-align: center;
		padding: 0 35px;
		position: relative;
	}


	.featured-article .title-container .title-text {
		position: absolute;
		width: calc(100% - 70px);
		top: 50%;
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.featured-article .image-container {
		height: 320px;
	}

	.featured-article .image-container img {
		position: absolute;
		left: 50%;
		top: 50%;
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		height: 100%;
		width: auto;
	}

	.alm-load-more-btn,
	.load-more-btn {
		padding: 20px 0;
	}

	.text-with-bg h1 {
		font-size: 3rem;
		line-height: 1.2;
	}

	.vote-container {
		margin-top: 20px;
	}

	.votemeBox p, .votemeBox[data-js-votecount] {
		font-size: 3.6rem;
	}

	.votemeBox p {

		background-size: 37px 66px;
	}

	.votemeBox p a, .voted .votemeBox[data-js-votecount] {
		padding: 25px;
	}

	.vote-results p span {
		padding-left: 30px;
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 20px 33px;
		padding-right: 18px;
		font-size: 2rem;
		line-height: 33px;
	}

	.listings-page #menu {
		position: relative;
	}

	.share-buttons {
		margin-top: 24px;
		float: right;
	}



	#customisation {
		max-height: 100%;
		height: 100%;
	}

	.customise-container {
		background: rgba(0, 0, 0, 0.8);
	}

	.customise-container .form-container {
		height: 100%;
		max-height: 100%;
		background: #fff;
	}

	.customise-container .form-container .category-choice img {
		width: 100%;
		height: auto;
	}

	.customise-container .form-container .col-md-6 {
		background: #fff;
		clear: none;
	}

	.customise-container .step-1 .category-choice {
		height: auto;
	}

	.customisation-step .slider-description {
		height:600px;
	}

	#submission-form .col {
		width: 50%;
		float: left;
		padding: 0 20px;
	}

	.st-btns {
		overflow-y: hidden !important;
	}

	.fourohfour-hero {
		position: relative;
		height: 900px;
		text-align: center;
		overflow-x: visible;
	}

	.fourohfour-hero-img {
		width: 100%;
	}

	.fourohfour-hero-img img {
		width: 100%;
		height: auto;
	}

	.fourohfour-hero h1 {
		font-size: 10rem;
	}

	.fourohfour-hero p {
		max-width: none;
	}

	.fourohfour-hero .hero-text {
		position: relative;
		top: 50%;
		transform: translateY(-50%);

	}

	.advert-sm {
		display: none;
	}

	.ad72890 {
		display: block;
	}
  }


/* desktop and up */
@media(min-width: 992px) {

	.article-content h1,
	.article-content h2,
	.article-content h3,
	.article-content h4,
	.article-content h5,
	.article-content h6 {
		font-size: 3.2rem;
		margin-bottom: 20px
	}

	

	.customise-link {
		font-family: 'Oswald', sans-serif;
		text-transform: uppercase;
		color: #004834;
	    font-size: 2rem;
	    margin-right: 12px;
	    padding-right: 12px;
	    border-right: 1px solid #bed1cb;
	}

	.search-form-container {
		position: absolute;
		right: 40px;
    	top: 20px;
	}

	.container {
		width: 1420px;
		max-width: 100%;
	}

	.post-intro-container {
		background: url(img/green-diagonal-1400px.png) 0 0 no-repeat;
		background-size: 700px;
		margin: 0;
		padding: 20px 0;
	}

	.feature .post-intro-container {
		background-image: url(img/black-diagonal-1400px.png);
		background-position: bottom left;
		
	}
	.article-page .Fantasy.Fantasy.article-page-inner .post-intro-container{
		background-image: url(img/fantasy-post-diagonal.png);
		background-position: bottom left;
	}
	.long-read-article.feature .post-intro-container{
		background-image: url(img/blue-diagonal-1400px.png);
		background-position: bottom left;
	}

	.text-with-bg .blog-post-title {
		font-size: 7.5rem; /* Totaal changed from 8.5 due to changing the font to Oswald */
		line-height: 97px;
	}

	.post-intro-container .text-with-bg p {
		font-size: 2rem;
	}

	.text-with-bg {
		margin-bottom: 25px;
	}

	.text-with-bg.text-with-bg-lg {
		margin-top: 60px;
		margin-bottom: 40px;
	}

	.text-with-bg h1 {
		font-size: 7rem;
		line-height: 1;
	}

	.blockquote-container, blockquote {
		margin-top: 30px;
		margin-bottom: 25px;
	}

	.article-content .blockquote, .article-content blockquote p {
		font-size: 4.8rem;
		line-height: 1.5;
	}

	.featured-article {
		margin-top: 50px;

	}

	#customisation {
		padding-bottom: 0;
	}

	.customise-container .col-sm-6 {
		clear: none;
	}

	.customise-container .intro-container {
		height: 100%;
		position: relative;
		padding: 0;
	}

	.customise-container .col-sm-6 {
		height: calc(100% - 63px);
		padding: 0;
	}

	.customise-container .form-container .col-md-6 {
		background: #fff;
		height: calc(100% - 63px);
		padding-left: 0;
		padding-right: 0;
	}

	.customise-container .customise-heading.active {
		display: inline-block;
		position: relative;
		top: 0;
	    left: 0;
	    -ms-transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
	    transform: none;
	    width: 100%;
		height: 100%;
	}

	.customise-container .customise-heading > div {
		top: 50%;
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.customise-container .customisation-step {
		max-height: 100%;
		height: 100%;
	}

	.customise-container .step-1 .category-choice {
		height: 50%;
		width: 100%;
		float: none;
		display: block;
	}

	.customise-container .step-1 .category-choice:before {
		padding: 0;
	}

	.customise-container .form-container .step-1 .category-choice img {
    	left: 50%;
    	top: 25%;
    	-ms-transform: translate(-50%, 0);
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
    	transform: translate(-50%, 0);
    	height: 100%;
    	width: auto;
    }

    .customise-container label {
    	font-size: 4.2rem;
    	top: 50%;
    	-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
    	transform: translateY(-50%);
    	background-size: 40px 40px;
    	padding-top: 55px;
    }


	[type="checkbox"]:checked + label {
	    background-size: 40px 40px;
  	}

  	.customisation-step .ui-slider {
  	    height: 600px;
	    background: #074635;
	    border: 3px solid #fff;
	    border-radius: 8px;
	    width: 16px;
	    z-index: 1000;
	    position: absolute;
	    left: 0;
	    top: 50%;
	    -ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
	    transform: translateY(-50%);
	    margin-left: -8px;
	}

	.customisation-step .ui-slider-handle {
		top: auto;
		left: 2px;
	}

	.customisation-step .slider-description {
		margin-top: 0;
		height: 100%;
	}

	.customisation-step .slider-description .description {
		background-size: cover;
	}

	.customisation-step.step-3 .category-choice .category-check-container {
		width: 100%;
		height: 100%;
		background-size: 100px 100px;
	}

	.customisation-step.step-3 .category-choice .category-check-container .category-check,
	.customisation-step.step-3 input[type="checkbox"]:checked + .category-check-container .category-check {
		background-size: 40px 40px;
	}

	.blog-footer p {
		font-size: 1.2rem;
	}

	.blog-footer .footer-links li {
		border: none;
		font-size: 1.4rem;
		display: inline-block;
		color: #fff;
		padding-left: 7px;
		padding-right: 7px;
	}

	.blog-footer .footer-links li.divider {
		display: inline-block;
	}

	.related-posts {
		border: none;
	}

	#menu {
		position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    overflow: visible;
	    background:transparent;
	}

	.category-hero .container {
		padding: 104px 15px;
	}

	.category-hero h1 {
		font-size: 10rem;
		text-transform: uppercase;
		background: #fff;
		line-height: 114px;
		display: inline-block;
		padding: 0 22px;
	}

	.submission-block {
		display: block;
	}

	.advert-done {
		padding: 0 6px;
	}



	.sticky_ad {
		padding: 6px;
		position: fixed;
		top: 90px;
	}

	.popular-posts-container {
		padding-bottom: 0;
		left: 0 !important;
		padding-left: 0;
		padding-right: 0;
	}

	.article-page .sidebar {
		position: relative;
	}

	.article-page .sidebar .popular-posts-container {
		left: 20px !important;
		width: calc(100% - 20px) !important;
	}
}

@media(min-width: 1025px) {
	.hamburger-btn {
		display: none;
	}

	.hidden-desktop {
		display: none !important;
	}

	.hidden-mobile {
		display: block;
	}


	.site-logo img {
		margin: 0 auto;
		height: auto;
		max-width: 486px;
	}

	.search-desktop {
		float: right;
		padding-top: 16px;
	}


	.blog-nav {
		display: block;
		padding-top: 0;
		text-align: center;
	}

	.custom-menu {
		display: inline-block !important;
		margin-bottom: 0;
	}

	.custom-menu li {
		border-top: 0;
		padding-bottom: 0;
	}

	.custom-menu li:hover {
		border: none;
		padding-bottom: 15px;
	}

	.custom-menu .custom-item {
		margin-right: 7px;
		position: relative;
	}

	.customise-container .category-choice {
		width: 25%;
	}

	.customise-container .form-container .category-choice img {
		width: auto;
		height: 100%;
	}

	.menu-primary-nav-container {
		display: inline-block;
		margin-bottom: 0;
	}

	.menu-primary-nav-container ul {
		border: none;
		margin: 0;
	}

	.menu-primary-nav-container li {
		display: inline-block;
		border: none;
		width: auto;
		color: #004834;
		padding-right: 10px;
		padding-left: 0;
		padding-bottom: 0;
		padding-top: 0;
	}

	.menu-primary-nav-container li a {
		padding: 0;
		padding-left: 0;
		height: 60px;
		line-height: 60px;
		cursor: pointer;
		text-decoration: none;
		display: block;
		position: relative;
	}

	.custom-menu ul {
		margin-bottom: 0;
		margin-right: 0;
	}

	.custom-menu li.custom-item {
		padding: 0 35px 0 0;
		margin-right: 0;
	}

	.custom-menu li a {
		position: relative;
		padding: 0;
		height: 60px;
		line-height: 60px;
		display: block;
	}

	.menu-primary-nav-container li a:after,
	.custom-menu li a:after {
		content: " ";
		display: block;
		height: 0px;
		width: 100%;
		background: #004834;
		transition: all 0.4s;
		position: absolute;
		bottom: -1px;
	}

	.custom-menu li:hover {
		padding-bottom: 0;
	}

	.menu-primary-nav-container li:hover a:after,
	.custom-menu li:hover a:after {
		height: 3px;
		width: 100%;
	}

	.menu-item-has-children:hover a:after {
		display: none;
	}

	.menu-primary-nav-container li img {
		margin-right: 8px;
		margin-top: -2px;
	}

	.menu-primary-nav-container li.current-menu-item a:after,
	.menu-primary-nav-container li.current-post-ancestor a:after {
		height: 3px;
	}

	.menu-primary-nav-container li a:hover {
		color: #5abb46;
	}

	.menu-primary-nav-container li.menu-item-has-children {
		padding-right: 0;
		position: relative;
		padding-bottom: 0 !important;
	}

	.menu-primary-nav-container li.menu-item-has-children:hover {
		padding-bottom: 0 !important;
	}

	.menu-primary-nav-container li.menu-item-has-children a {
		padding-top: 0;
		padding-right: 20px;
		display: inline-block;
		padding-bottom: 16px;
		background: url(img/more-arrow.svg) 100% center no-repeat;
		background-size: 11px 6px;
	}
	.is-safari .menu-primary-nav-container li.menu-item-has-children a {
		background-position:  83% 47% ;
	}

	.menu-primary-nav-container li.menu-item-has-children .sub-menu {
		text-align: left;
		display: none;
		position: absolute;
		left: -105px;
		top: 60px;
		z-index: 3000;
		background: #fff;
		width: 350px;
		padding: 10px 18px;
		-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.3);
		box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.3);
		margin-top: -2px;
		transition: 0.5s;
	}


	.menu-primary-nav-container li.menu-item-has-children:hover .sub-menu {
		display: block;
	}


	.menu-primary-nav-container li.menu-item-has-children .sub-menu li {
		width: 44%;
		float: left;
		margin-bottom: 20px;
		margin-right: 6%;
		min-height:36px;
	}

	.menu-primary-nav-container li.menu-item-has-children .sub-menu li:last-child {
		margin-bottom: 0;
	}

	.menu-primary-nav-container li.menu-item-has-children .sub-menu li a {
		height: auto;
		line-height: 1;
		background: none;
		padding-right: 0;
		margin-right: 0;
		padding-bottom: 0;
		height:32px;
	}

	.menu-primary-nav-container li.menu-item-has-children .sub-menu li a:after {
		display: none;

	}

	.menu-primary-nav-container li.menu-item-has-children .sub-menu li a:hover {
		border: none;
		text-decoration: none;
	}

	.blog-main .container {
		padding: 0;
	}

	.blog-masthead {
		position: relative;

	}

	.nav-section {
		border-top: 1px solid #bed1cb;
		border-bottom: 1px solid #bed1cb;
		padding-bottom: 0;
		height: auto;
		overflow-y: visible;
		display: block;
	}

	.nav-section.sticky {
		position: fixed;
		top: 0;
		z-index: 5000;
		background: #fff;
		width: 100%;
		border-top: none;
	}

	.nav-section.sticky .nav-logo-link {
		opacity: 1;
		z-index: 1;
		transition: opacity 0.75s;
	}

	.nav-section .container {
		position: relative;
	}

	.nav-section .nav-logo-link {
		opacity: 0;
		position: absolute;
		top: 13px;
		left: 15px;
		transition: opacity 0s;
		display: block;
	}

	.nav-section .nav-logo {
		height: 32px;
		width: auto;
	}
}

@media(min-width: 1200px) {
	p, li {
		font-size: 2rem;
	}

	.article-content p,
	.article-content li,
	.article-content td {
		font-size: 2rem;
	}

	.blog-nav {
		text-align: center;
	}

	.text-with-bg h1 {
		font-size: 9rem;
		line-height: 1;
	}

	.article-page-inner {
		background-image: url(img/green-diagonal-1400px.png);
		background-position: top left;
	    background-repeat: no-repeat;
	    background-size: 700px;
	}

	.feature.article-page-inner {
		background-image: url(img/black-diagonal-1400px.png);
	}

	.long-read-article.feature.article-page-inner {
		background-image: url(img/blue-diagonal-1400px.png);
	}

	/* Fantasy article diagonal */
	.article-page .Fantasy.Fantasy.article-page-inner {
		background-image: url(img/fantasy-post-diagonal.png);
	}


	.post-intro-container,
	.feature .post-intro-container,
	.article-page .Fantasy.Fantasy.article-page-inner .post-intro-container,
	.long-read-article.feature .post-intro-container
	{ /*fantasy*/
		background: none;
	}
}

@media(min-width: 1600px) {
	.feature.article-page-inner {
		background-image: url(img/black-diagonal-1400px.png);

	}
	.long-read-article.feature .post-intro-container {
		background-image: url(img/blue-diagonal-1400px.png);
		background:none;
	}
	.article-page .Fantasy.Fantasy .post-intro-container {
		background:none;
	}

	.article-page-inner { 
		background: url(img/green-diagonal-1800px.png) 0 0 no-repeat;
		background-size: 900px;
	}
}

.wp-caption {
	max-width: 100%;
}

.wp-caption img {
	width: 100%;
	max-width: 100%;
}
	
/* Fantasy link */

.menu-primary-nav-container ul#menu-primary-nav li.alt-style a{
    background-color: #004834;
    color: #fff;
    position: relative;
	display: inline-block;
	left:-6px;
}
.menu-primary-nav-container ul#menu-primary-nav li.alt-style a > span{
	margin: 0 5px;
	height:20px;
	background: transparent url(img/Shield.jpg) no-repeat right center;
	padding-right: 20px;
	padding-top:4px;
	position:relative;
	top:2px;
}
.menu-primary-nav-container ul#menu-primary-nav li li.alt-style a{
	overflow: hidden;
	left:-5px;
}
.menu-primary-nav-container ul#menu-primary-nav li.alt-style img{
	margin:0;
}

.menu-primary-nav-container ul#menu-primary-nav li.alt-style a:hover{
	color:#5abb46;
}


@media(min-width: 1025px) {
	.menu-primary-nav-container ul#menu-primary-nav li.alt-style a{
		left:0;
		height: auto;
	}
	.menu-primary-nav-container ul#menu-primary-nav li li.alt-style a{
		height: 28px;
	}
	.menu-primary-nav-container ul#menu-primary-nav li.alt-style a > span{
		margin: 0 10px;
		top: 50%;
		transform: translateY(-50%);
		-ms-transform: translateY(0);
	}
	.menu-primary-nav-container ul#menu-primary-nav li li.alt-style a > span{
		margin: 0 5px;
		display: inline-block; 
		-ms-transform: translateY(-50%); /*ie11 bug fix*/
		padding-top:0;
	}
	.is-safari .menu-primary-nav-container ul#menu-primary-nav li li.alt-style a > span{
		padding-top:2px;	
		background-position: right 30%;
	}
}
/*End Fantasy link*/

/****
 TAXONOMY TEAM PRIMARY MENU SUBNAV
****/

.menu-primary-nav-container li.menu-item-has-children {
	margin-right:30px;
}

.menu-primary-nav-container li.menu-item-has-children > a {
	padding-bottom: 18px;
	display: inline-block;
}

#menu-item-all-football-news, 
#menu-item-all-clubs, 
#menu-item-horseracing-racecards, 
#menu-item-horseracing-results 
{
	width: 100%;
    padding:18px;
}

#menu-item-all-football-news span,
#menu-item-all-clubs span, 
#menu-item-horseracing-racecards span, 
#menu-item-horseracing-results span
{
	width: auto;
	display:block;

	padding: 3px 20px 0 0;
}

.menu-primary-nav-container li.menu-item-has-teams.menu-item-has-children ul.sub-menu li {
	display: inline-block;
	margin:0;
	padding:10px 0;
	width: 49.3%;
	min-height:25px;
}

.menu-primary-nav-container li.menu-item-has-teams.menu-item-has-children ul.sub-menu li.team {
	border-top:0;
}

.menu-primary-nav-container li.menu-item-has-teams.menu-item-has-children ul.sub-menu li.team span.img {
	display: block;
	float:left;
	width:40px;
	margin: .2em 0 0 0;
	text-align: center;
}

.menu-primary-nav-container li.menu-item-has-teams.menu-item-has-children ul.sub-menu li.team img {
	max-height:40px;
	margin:0 auto;
}

.menu-primary-nav-container li.menu-item-has-teams.menu-item-has-children ul.sub-menu li.team span.title {
	display: block;
	margin-left:55px;
	margin-right: 20px;
	font-weight: normal;
	font-family: 'Roboto', sans-serif;
	font-size: 1.4rem;
	text-transform: none;
	padding: 1.1em 0 0 0;
}


@media(min-width: 1025px) {
    #menu-item-all-football-news, 
	#menu-item-all-clubs,
	#menu-item-horseracing-racecards, 
	#menu-item-horseracing-results 
	{
        padding:10px 0;
    }
	.menu-primary-nav-container li.menu-item-has-teams.menu-item-has-children ul.sub-menu {
		width: 205px;
	}
	.menu-primary-nav-container li.menu-item-has-teams.menu-item-has-children ul.sub-menu li {
		width: 25%;
	}
}

/****
 TAXONOMY TEAM PRIMARY MENU SUBNAV
****/

.menu-primary-nav-container li.menu-item-has-children {
	margin-right:30px;
}

#menu-item-all-football-news,
#menu-item-all-clubs,
#menu-item-horseracing-racecards, 
#menu-item-horseracing-results 
{
	width: 100%;
    padding:18px;
}

#menu-item-all-football-news span,
#menu-item-all-clubs span,
#menu-item-horseracing-racecards span, 
#menu-item-horseracing-results span 
{
	width: auto;
	display:block;
	padding: 3px 20px 0 0;
}

.menu-primary-nav-container li.menu-item-has-teams.menu-item-has-children ul.sub-menu li {
	display: inline-block;
	margin:0;
	padding:0;
	width: 49.3%;
	min-height:40px;
}

.menu-primary-nav-container li.menu-item-has-teams.menu-item-has-children ul.sub-menu li.team {
	border-top:0;
}

.menu-primary-nav-container li.menu-item-has-teams.menu-item-has-children ul.sub-menu li.team span.img {
	display: block;
	float:left;
	width:40px;
	margin: .2em 0 0 0;
	text-align: center;
}

.menu-primary-nav-container li.menu-item-has-teams.menu-item-has-children ul.sub-menu li.team img {
	max-height:40px;
	margin:0 auto;
}

.menu-primary-nav-container li.menu-item-has-teams.menu-item-has-children ul.sub-menu li.team span.title {
	display: block;
	margin-left:0;
	margin-right: 20px;
	font-weight: normal;
	font-family: 'Roboto', sans-serif;
	font-size: 1.4rem;
	text-transform: none;
	padding: 1.1em 0 0 0;
}

.taxonomy-lister .blog-post-listing .image-container img{
    float:left;
}

.taxonomy-lister h3{
    color: #004834;
    position: absolute;
    left: 100px;
    margin: 0;
}
.taxonomy-lister .image-container{
    width:100%;
}

.taxonomy-lister .img-wrap{
    height: 100%;
    width: 80px;
    position: absolute;
    overflow: hidden;
}

@media(min-width: 768px) {
    .taxonomy-lister h3{
        float:none;
        font-size: 3rem;
        text-transform: uppercase;
        line-height: 50px;
        display: inline-block;
        padding: 0 10px;
        background: #fff;
        position:relative;
        z-index:10;
        left:auto;
        margin:0 10px;
    }
    .taxonomy-lister .img-wrap{
        height: 204px;
        width: 100%;
        position: static;
        overflow: visible;
        position: absolute;
        left: 0;
        top: 0;
    }

    .taxonomy-lister.listings-page .blog-main .row{
        margin-bottom: 10px;
    }
    .taxonomy-lister .blog-post-listing .image-container img{
        float:none;
        width: auto;
        min-width: 100%;
        min-height: 100%;
    }
    .taxonomy-lister .image-container{
        display:table;
    }

    .taxonomy-lister .title-wrap{
        z-index:10;
        display:table-cell;
        vertical-align: middle;
        position:relative;
        text-align: center;
        margin:0 auto;
    }
}

@media(min-width: 1025px) {

	#menu-item-all-football-news, 
	#menu-item-all-clubs,
	#menu-item-horseracing-racecards, 
	#menu-item-horseracing-results 
	{
		padding:10px 0;
	}
	.taxonomy-lister h3{
		font-size: 4rem;
	}
}


/****
 TAXONOMY TEAM PAGE
****/

.taxonomy-hero {
	background: #31953e;
	text-align: center;
	overflow: hidden;
	position: relative;
}

.taxonomy-hero img {
	position: absolute;
	left: 50%;
	top: 0;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	min-height: 100%;
}

.taxonomy-hero .container {
	padding: 50px 15px;
}

.taxonomy-hero h1 {
	text-transform: uppercase;
	background: #fff;
	line-height: 44px;
	display: inline-block;
	padding: 0 12px;
	line-height: 1;
	margin: 0;
}

.term-content {
	margin-top:40px;
	margin-bottom:40px;
}

/* desktop and up */
@media(min-width: 992px) {
	.term-content {
		margin-top:0;
	}

	.taxonomy-hero .container {
		padding: 104px 15px;
	}

	.taxonomy-hero h1 {
		font-size: 10rem;
		text-transform: uppercase;
		background: #fff;
		line-height: 114px;
		display: inline-block;
		padding: 0 22px;
	}

}

/****
REWARDS CLUB STYLES
****/

.rewards-club {
	background-image: linear-gradient(180deg, #085847 0%, #268030 100%);	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: bottom right;
	border-bottom: 1px solid #fff;
}

.rewards-club-logo {
	margin: 0 auto 30px;
	display: block;
}

.rewards-club section {
	padding-top: 70px;
	padding-bottom: 70px;
	position: relative;
}

.rewards-club section.header-container {
	padding-top: 0;
}


.rewards-club h1,
.rewards-club h2,
.rewards-club h3,
.rewards-club-cta {
	font-family: Penumbra, 'Oswald', sans-serif;
}

.rewards-club h1,
.rewards-club h2,
.rewards-club h3,
.rewards-club p {
	color: #fff;
}

.rewards-club h1, .rewards-club h2.h1 {
	font-size: 3.6rem;
	margin-bottom: 27px;
}

.rewards-club .h4 {
	font-size: 1.6rem;
	line-height: 1.2;
}

.rewards-club h1.h1-secondary, .rewards-club h2.h1-secondary {
	color: #ffff00;
	margin-bottom:27px;
	font-size: 3.6rem;
}

.rewards-club p {
	font-family: Arial, sans-serif;
	font-size: 1.4rem;
	line-height: 1.7;
}

.rewards-club p.small-text {
	font-size: 1.3rem;
}

.rewards-club-title {
	padding-top: 50px;
	padding-bottom: 40px;
}

.rewards-club-panel {
	padding: 35px 18px;
	background: #479f41;
	margin-bottom: 60px;
	background: url(img/diagonal-full-vertical.jpg) top left no-repeat;
	background-size: 100%;
}

.rewards-club-panel-item {
	margin: 40px 0 0;
	text-align: center;
}

.rewards-club-panel-item:last-child {
	margin-bottom: 0;
}

.rewards-club-panel-icon {
	width: 92px;
	height: 113px;
	display: block;
	margin: 0 auto 23px;
}

.rewards-club-cta {
	padding: 0 54px;
	height: 62px;
	line-height: 62px;
	text-transform: uppercase;
	display: inline-block;
	background: #349BD7;
	color: #fff;
	margin-top: 30px;
	font-size: 2rem;
	border-radius: 3px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25);
}

.rewards-club-cta:hover {
	color: #fff;
	text-decoration: underline;
}

.rewards-club-feature {
	margin-bottom: 30px;
}

.rewards-club-feature a:hover,
.rewards-club-feature a:hover h3,
.rewards-club-feature a:hover p {
	text-decoration: none;
	color: #5abb46;
}

.rewards-club-feature-icon {
	height: 67px;
	width: auto;
	display: block;
	margin: 0 auto 23px;
}

.crowd-bg {
	background: url(img/green-crowd-bg-ext.jpg) center no-repeat;
	background-size: cover;
	border-width: 1px 0;
	border-style: solid;
	border-color: #fff;
}
.rewards-diagonal-bg {
	position: absolute;
	top: 0;
	left: 0;
}

.rewards-diagonal-bg img{
	width:100%;
}

.rewards-club-header-icon {
	height: 54px;
	width: auto;
	margin: 0 auto 34px;
	display: block;
}

.rewards-club-prizes {
	margin-top: 80px;
}

.rewards-club-prizes-container {
	margin-bottom :45px;
}


.rewards-club-prizes h2 {
	margin-top: 20px;
}

.rewards-club-prizes-image {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}

.rewards-club-events-container, .rewards-club-activities-container {
	margin-bottom: 45px;
}

.rewards-club-events-container:last-child,
.rewards-club-activities-container:last-child {
	margin-bottom: 0;
}

.rewards-club-events, 
.rewards-club-activities {
	margin-top: 45px;
}
.rewards-club-events-title {
	margin-bottom: 20px;
}

.rewards-club-merchandise {
	background-size: 100% auto;
}

.rewards-club-merchandise .gift-images{
	text-align:center;
}
.rewards-club-merchandise .gift-images > div{
	padding:20px 30px;
}
.rewards-club-merchandise .gift-images img{
	display: inline-block;
	/* margin-top:30px; */
}

.rewards-club-terms-link {
	font-size: 2rem;
	color: #fff;
	text-decoration: underline;
	text-transform: uppercase;
	display: inline-block;
	margin: 30px auto 0;
	font-family: Penumbra;
}

.rewards-club-footer {
	padding: 30px 0;
	background: #3a9347;
}

@media(min-width:768px) {

	.rewards-club h1, .rewards-club h2.h1, .rewards-club h2.h1-secondary{
		font-size: 4.8rem;
	}

	.rewards-club-panel {
		padding: 36px 24px;
		background-image: url(img/diagonal-full.jpg);
	}

	.rewards-club-panel-icon {
		margin-top: 0;
	}

	.rewards-club-panel-item {
		padding: 0 17px;
		margin: 40px 0 0;
	}

	.rewards-club-feature {
		margin-bottom: 40px;
	}

	.rewards-club-feature-icon {
		height: 63px;
		width: auto;
		margin-bottom: 23px;
	}

	.rewards-club-prizes-container {
		margin-bottom: 40px;
	}

	.rewards-club-prizes-image {
		height: 154px;
	}

	.rewards-club-prizes-image img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.rewards-club-events-image,
	.rewards-club-activities-image {
		height: 243px;
		position: relative;
		overflow: hidden;
	}

	.rewards-club-events-image {
		width: 60%;
		float: left;
		margin-right: 30px;
	}

	.rewards-club-events-image img,
	.rewards-club-activities-image img {
		height: 100%;
		width: 100%;
		object-fit: cover;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: block;
	}

	.rewards-club-events-title {
		margin-top: 0;
	}

	.rewards-club-activities-image {
		height: 242px;
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.rewards-club-prizes-image img,
	.rewards-club-events-image img,
	.rewards-club-activities-image img {
		width: 100%;
		height: auto;
	}
}

@media(min-width: 992px) {
	.rewards-club p {
		font-size: 1.6rem;
		line-height: 1.5;
	}

	.rewards-club-panel {
		padding: 36px 72px;
	}

	.rewards-club-panel-item {
		padding: 0 45px;
	}

	.rewards-club-events-text p {
		font-size: 1.3rem;
	}
}

@media(min-width: 1200px) {
	.rewards-club-prizes-container-first {
		clear: both;
	}
}

/*
 * Fantasy Category page
 */

 .bgimage {
    display: none;
 }

 
.bgimage-mobile {
	background-color: rgb(134, 196, 75);
	display: block;
	left: 0;
	position: fixed;
	top: -28px;
	width: 100%;
	z-index: 0;
 }

 @media (min-width: 840px) {
	.bgimage-mobile {
		display: none;
	}
	.bgimage {
		background-color: rgb(134, 196, 75);
		display: block;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 0;
	}
}

@media (min-width: 992px) {
    .bgimage {
        top: 63px;
	}
}

@media (min-width: 1200px) {
    .bgimage {
        top: 76px;
    }
}

.alt-style-wrapper .margin-lr-0{
	margin-right:0;
	margin-left:0;
}

.alt-style-wrapper .container.alt-style {
    background-color: transparent;
    padding-left: 10px;
    padding-right: 10px;
}

.alt-style-wrapper .alt-style .intro {
    margin-left: auto;
    margin-right: auto;
	padding: 20px 20px 10px 20px;
	background-color: rgba(256, 256, 256, 0.8);
    float: none;
    max-width: 490px;
}
/* .alt-style-wrapper.space-from-top {
	margin-top:65px;
} */
.alt-style-wrapper .alt-style .intro ul{
	list-style: disc;
	margin-left: 40px;
}
.alt-style-wrapper .alt-style .intro ol{
	list-style: decimal;
	margin-left: 40px;
}
.alt-style-wrapper .alt-style .intro em{
	font-style : italic;
}

.alt-style-wrapper .alt-style .intro h2 {
    text-transform: uppercase;
    margin: 0 0 15px;
    line-height: 1;
    letter-spacing: -1px;
    font-size: 2em;
}

.alt-style-wrapper .container,
.alt-style-wrapper .dummy-nav-section.active {
    z-index: 1;
    background-color: rgba(256, 256, 256, 0.8);
    position: relative;
}
.alt-style-wrapper  .blog-footer .container{
	background-color: rgba(256, 256, 256, 0);
}

/* .alt-style-wrapper.space-from-top .container.listings-page {
	margin-top:0;
} */

@media (max-width: 487px) {
    .alt-style-wrapper .site-header {
        padding: 0;
    }

    .alt-style-wrapper .site-logo,
    .alt-style-wrapper .mobile-controls {
        padding-top: 14px;
        padding-bottom: 14px;
    }

    .alt-style-wrapper .nav-section  {
        padding: 0 0 14px 0;
        position: relative;
        z-index: 1300;
    }

    .alt-style-wrapper .container.listings-page {
        padding-bottom: 20px;
    }
}


@media (min-width: 488px) {
    .alt-style-wrapper .site-header,
    .alt-style-wrapper .nav-section {
        position: relative;
        z-index: 3;
        background-color: #fff;
    }

    .alt-style-wrapper .alt-style .intro{
        margin-top: 100px;
        padding: 20px;
    }
    .alt-style-wrapper .blog-main,
    .alt-style-wrapper .sidebar {
        padding-top: 40px;
    }

    .alt-style-wrapper .site-content {
        margin-top: 60px;
	}
	/* .alt-style-wrapper.space-from-top {
		margin-top:100px;
	} */
}

@media (min-width: 768px) {
    .alt-style-wrapper .alt-style .intro{
        max-width: none;
	}
}

/*fantasy background image for desktop and laptop*/
@media (min-width: 1400px) {
	.alt-style-wrapper .container.title-hidden{
		margin-top: 230px;
	}
}
@media (max-width: 1399px) and (min-width: 1025px) {
	.alt-style-wrapper .container.title-hidden{
		margin-top: 105px;
	}
}
@media (max-width: 1024px) and (min-width: 769px) {
	.alt-style-wrapper .container.title-hidden{
		margin-top: 155px;
	}
}


@media (min-width: 992px) {
    .alt-style-wrapper .nav-section.sticky {
        position: fixed;
    }
    .alt-style-wrapper .alt-style .intro h2 {
        font-size: 2.5em;
    }
    .alt-style-wrapper .alt-style .intro {
        /* margin-top: 80px; */
        margin-left: 40px;
        margin-right: 40px;
	}
	/* .alt-style-wrapper.space-from-top{
		margin-top:200px;
	} */
    .alt-style-wrapper .site-content {
        margin-top: 0;
    }
}

@media (min-width: 1200px) {
    .alt-style-wrapper .alt-style .intro {
        margin-top: 100px;
    }
}

@media (min-width: 1416px) {
    .alt-style-wrapper .alt-style .intro {
        margin-left: 0px;
        margin-right: 0px;
    }
}

.blog-footer {
    position: relative;
    z-index: 9999;
}


/* Latest posts */

.latest-posts {
	margin-bottom: 40px;
}

.latest-posts > div{
	margin-bottom: 10px;
}

/* Remove FB Comments if no-comment class exists */

.no-comments #wpdevar_comment_2 {
	display: block !important;
}

.no-comments .fb-comments ._491z {
display: none !important;
}

/* ShareThis plugin content */

.sharethis-inline-share-buttons {
	margin-bottom: 15px;
}
.side-social-buttons{
	margin-top: 30px;
	margin-bottom: 15px;
	background-color: #fff;
}
.quick-links{
	margin-top: 30px;
}

#st-3 {
	display: none !important;
}

@media (min-width: 768px) {
	.sharethis-inline-share-buttons {
		margin-bottom: 25px;
	}
	.side-social-buttons{
		margin-bottom: 25px;
	}
	.quick-links{
		margin-top: 0;
	 }
}

/*base styles for social button*/
.sb-button {
	display: inline-block;
	height:39px;
	width: 39px;
	margin-right: 10px;
	cursor: pointer;
	font-weight: bold;
	transition: opacity 0.2s ease-in, top 0.2s ease-in;
	opacity: 1;
	top: 0;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	overflow: hidden;
 }

.sb-button a{
	display:block;
	width: 100%;
	height:100%;
}

/*hover state*/
.sb-button:hover{
	opacity: .6;
	top: -4px;
}

/*styles for specific buttons */
 .sb-button.sb-fb {
	background-image: url(img/share-this-custom/svg/fb_green.svg);
 }

 .sb-button.sb-tw {
	background-image: url(img/share-this-custom/svg/tw_green.svg);
 }

 .sb-button.sb-in {
	background-image: url(img/share-this-custom/svg/in_green.svg);
 }

 .sb-button.sb-yt{
	background-image: url(img/share-this-custom/svg/yt_green.svg);
 }



/* Betting Widget Dependency - Betting widget CSS - START */
@media (max-width: 980px) {
	.widget-bet {
		width: 100%;
	}
}

.widget-bet-container {
	width: 100%;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}

.widget-bet-wrapper {
	position: relative;
	width: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	background-color: #1BAA55;
}

@media (max-width: 980px) {
	.widget-bet-wrapper {
		box-sizing: border-box;
		/*padding: 10px 30px 0 30px;*/
		max-height: 300px;
	}
}

.widget-slide {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	height: 100%;
	height: 120px;
	width: 100%;
	position: relative;
	transition-property: transform;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='-40 0 750 121' width='750' height='121' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23004833' d='M364.771 120.917h384.983v-120L359.662 0 0 57.675v63.242z' fill-rule='evenodd'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: cover;
}

@media (max-width: 980px) {
	#widget-slide-column{ 
		flex-direction: column;  
		height: auto;
		background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 234 214' width='234' height='214' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23004833' d='M233.34 214V0L0 19.56V214z' fill-rule='evenodd'/%3E%3C/svg%3E");
		margin-top: 15px;
	}
}

.widget-bet__odds {
	flex-basis: 25%;
	padding: 0 0 0 70px;
}

.widget-bet__odds span {
	display: inline-block;
	font-family: 'Barlow Semi Condensed';
	font-size: 48px;
	font-weight: bold;
	  font-stretch: semi-condensed;
	background-color: #ffffff;
	color: #004833;
	border-radius: 4px;
	padding: 4px 20px;
	transform: rotate(-5deg);
	margin-bottom:20px; /* Added by Totaal 2nd August 2022 */
}

@media (max-width: 980px) {
	.widget-bet__odds {
		padding: 0;
		margin-top: 0; /* Changed from -15px by Totaal 1st December 2022 */
	}
	.widget-bet__odds span{
		font-size: 25px;
margin-top: 10px;
	}
}

.widget-bet__info {
	flex-basis: 55%;
	display: flex;
	flex-flow: column;
	justify-content: center;
	padding-left: 40px;
text-align: center;
}

@media (max-width: 980px) {
	.widget-bet__info {
		text-align: center;
		margin-top: 5px;
		margin-bottom: 5px;
		padding-left: 0;
	}
}

.widget-bet__info-event {
	font-family: 'Barlow Semi Condensed';
	font-size: 16px;
	font-weight: normal;
	  font-stretch: semi-condensed;
	color: #ffffff;
}

@media (max-width: 980px) {
	.widget-bet__info-event {
		font-size: 14px;
	}
}

.widget-bet__info-title {
	font-family: 'Barlow Semi Condensed';
	font-size: 30px;
	font-weight: 700;
	color: #FFFFFF;
}

.widget-bet__info-title.longtext {
	font-size: 22px;
}

.widget-bet__info-title.longertext {
	font-size: 19px;
}

.widget-bet__info-title.evenlongertext {
	font-size: 17px;
}


@media (max-width: 980px) {
	.widget-bet__info-title {
		font-size: 26px;	}
	.widget-bet__info-title.longtext {
		font-size: 20px;
	}
}



.widget-bet__cta {
	flex-basis: 35%;
}

@media (max-width: 980px) {
	.widget-bet__cta {
		box-sizing: border-box;
		display: flex;
		justify-content: center;
		width: 100%;
		margin-bottom: 10px;
		/*padding-left: 15px;*/
		/*padding-right: 15px;*/
	}
}

.widget-bet__cta button {
	box-sizing: border-box;
	font-family: 'Barlow Semi Condensed';
	font-size: 20px;
	font-weight: bold;
	font-stretch: semi-condensed;
	line-height: 2.5;
	text-decoration: none;
	text-transform: uppercase;
	display: flex;
display: -webkit-flex!important;
    -webkit-align-items: end!important;	justify-content: center;
	width: 148px;
	height: 50px;
	margin: 0;
	padding: 5px 15px;
	text-align: center;
	color: #ffffff;
    background: none;
	background-color: #41BB46;
	border-radius: 4px;
    border: none;
    padding: 0!important;
}

@media (max-width: 980px) {
	.widget-bet__cta button {
		font-size: 18px;
width: 125px;
	}
}
/* Betting widget CSS - END */


/* Homepage & Category Takeover - Will, Cheltenham 2021 

.home-wrapper .container, .mainhome-wrapper .container,
.home-wrapper .dummy-nav-section.active {
    background-color: rgba(256, 256, 256, 0.8) !important;
    position: relative;
    
}
.category-hero h1 {
	background-color: rgba(256, 256, 256, 0.8) !important;
}
.category-hero .container {
    padding: 154px 15px 100px 15px;
}

.nav-section {
    border-top: none !important;
    border-bottom: none !important;
}
.site-header, .side-social-buttons, .Cheltenham .home-wrapper .post-body, .Cheltenham .feature .post-intro-container {
    background: transparent !important;
	
}
.Cheltenham .feature .post-intro-container {
    background-image: url("/assets/uploads/2021/03/1400x1400_PP_News_Homepage_Takeover_Cheltenham_2021_Updated.jpg") !important;
    background-position: top left !important;
    background-repeat: no-repeat !important;
    background-size: 50% !important;	
}
.mainhome-wrapper .home-wrapper {
	background-image: url("/assets/uploads/2021/03/1400x1400_PP_News_Homepage_Takeover_Cheltenham_2021.jpg") !important;
	background-position: top center;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: #fffffff;
}
.Cheltenham .post-intro-container {
	background-image: url("/assets/uploads/2021/03/1400x1400_PP_News_Homepage_Takeover_Cheltenham_2021_Updated.jpg") !important;
    background-position: top left !important;
    background-repeat: no-repeat !important;
    background-size: 50% !important;	
}
.site-logo img {
    padding: 10px !important;
}
.header-underlined {
    margin-top: 20px;
}

.home-wrapper .post-intro-container .container{
    background-color: transparent!important;
}

@media (max-width: 1200px) {
.Cheltenham .feature .post-intro-container {
    background-size: 80% !important;
}

}
@media (max-width: 980px) {
.Cheltenham .feature .post-intro-container {
    background-size: 100% !important;	
}

}

*/

				.go-to-pp-cta {
					margin: 10px 20px 0 60px
				}
				    
				.go-to-pp-cta-img {
					margin-bottom: 5px;
				}

				@media (min-width: 1025px){
					.hidden-mobile-cta {
						display: inline-block;
					}
				}
				@media (max-width: 1023px){
					.hidden-mobile-cta {
						display: none;
					}
				}
 				@media (min-width: 1025px) and (max-width: 1255px){
   					.hidden-mobile-cta{
						 position: relative;
   						 margin-left: 155px;
    						 float: left;
margin-top: 15px;
					}
   				}
				@media (min-width: 1255px) and (max-width: 1375px){
   					.hidden-mobile-cta{
						 display: block;
    						 float: left;
    						 margin-left: 155px;
margin-top: 15px;
					}
   				}
   				
/* Fixes for Duplicate Post Plugin Causing Underline Issues on the Cheer buttons and Latest Posts - Totaal 16th June 2022 */
.blog-post-listing .blog-post-meta a {border-bottom:0;}
.votemeBox p a {border-bottom:0;}

/* Golf Calculator Tool - Totaal 26th May 2022 */
#deadheatcalc {
  height: 792px;

/* Golf Calculator Tool - Totaal 26th May 2022 */
#deadheatcalc {
  height: 792px;
}

@media (min-width: 45.1rem) {
  #deadheatcalc {
    height: 464px;
  }
}

/* Quiz Styling works with the HTML Snippet for the shortcode quizzes */
.quizzy {

.question{
  font-size: 2rem;
  margin-bottom: 1rem;
}

.answer {
  padding: 1rem;
  background: #EFEFEF;
  border: 1px solid var(--primary);
  border-radius: 6px;
  margin-bottom: .5rem;
  cursor: pointer;
  transition: .1s linear all;
  &:hover {
    background:  var(--primary);
    color: white;
  }
}

.resultName {
  font-size: 2rem;
  font-weight: bold;
  text-decoration: none;
  color: black;
  display: block;
  margin-bottom: 2rem;
}

a.twitterLink {
  padding: .5em;
  color: var(--twitter);
  border-radius: 6px;
  border: 1px solid var(--twitter);
  background: #EFEFEF;
  text-decoration: none;
  font-weight: bold;
  margin-bottom: 2em;
}
  
  .betBanner {
    display: none;
    &.is-visible {
      display: block;
    }
  }
  
  
}