/*
	Theme Name:   Online Betting Offers (Goran/Rado)
	Description:  A WordPress Theme
	Author:       Anders Noren
	Template:     hemingway
	Text Domain:  hemingwaychild
	Version:      0.1
*/


/*
-------------------------------------------------------------- */


/* Import parent theme CSS */
/* Cookie - I have enqueued this styles in functions.php */
/*@import url("../hemingway/style.css");*/
/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600);*/
/*@import url('https://fonts.googleapis.com/css?family=Lato:400,900|Montserrat:400,800,900|Oswald:700&display=swap');*/

/* Header --------------------------------------- */
body{font-family: 'Open Sans', sans-serif;}
body{font-family: 'Open Sans', sans-serif;font-size:16px;}
.covering{width:100%;z-index:1;position:relative;-webkit-overflow-scrolling:touch;}

.header.section {
	padding: 15px 0;
}

.header-inner { position: relative; }

.blog-logo {
	display: block;
	width: 20%;
  margin-right: 30px;
	float: left;
	text-align: left;
}

.blog-logo a { display: inline-block; vertical-align:top;}

.header-ad-container {
	width: 50%;
	position: absolute;
	top: 50%;
	margin-top: -34px;
	right: 0;
	text-align: center;
}

.header-ad { display: inline-block; }

.header-ad.placeholder {
	width: 468px;
	height: 60px;
	border: 2px solid #ddd;
}

.header-ad.placeholder p {
	margin-top: 21px;
	font-size: 0.8em;
	font-weight: 700;
	color: #666;
	text-align: center;
}

.header-ad.placeholder p span {
	margin-left: 5px;
	font-size: 0.75em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #999;
}

.pOnly{display:none;}
.content{margin-top:0px;}
.page-template-default .content{margin-top:0px;}
.page-template-default .wrapper{margin-top:40px;}
::selection {background: #000;color: #fff;}
.blog-menu a {text-transform:none;}
.clear{width:100%!important;margin:0px!important;}
body.blog, body.page-template-page-archive{font-size:16px;}
.section.header-cover, .offers-section{background:rgba(241,241,241,0.9);}
.blog-menu a, .blog-menu ul a { padding: 10px 18px 12px;color:#fff;margin:0;line-height:2em;}
.blog-menu li a:hover{color:#fff;}
.section.bg-dark, .blog-menu ul li, .blog-menu ul li a, .blog-menu li:hover a{background:#022d4a;}
.blog-menu > li:before {display:none;}
.blog-menu .current-menu-item, .blog-menu .current-menu-item > a , .blog-menu li:hover > a {background:#014568;}
.blog-menu a span{font-size:13px;border-bottom: 2px solid #022d4a;padding: 3px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.blog-menu li:hover > a span, .blog-menu li.current-menu-item > a span, .mobile-menu li.current-menu-item a span, .mobile-menu .menu-item-has-children > a > span{border-bottom-color:#fff;}
.blog-menu ul a{border-bottom:none;}
#menu-item-851 ul li{min-width:300px;}
.wrapper{margin-top:20px;}
.section-inner {max-width:95%;}
.mobile-switch .bar{background: white;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;height:7px;margin:4px;width:100%;border-radius:5px;position:relative;-ms-transform-origin: 11% 50%;-webkit-transform-origin: 11% 50%;transform-origin: 11% 50%;}
.mobile-switch{width: 31px; position: absolute; top: 14%; left: 4px; display: none;}
body.mobile-open .mobile-switch .bar:first-child{transform:rotate(45deg);}
body.mobile-open .mobile-switch .bar:nth-of-type(2){opacity:0;}
body.mobile-open .mobile-switch .bar:last-child{transform:rotate(-45deg);}
.big-wrapper{position: relative;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;left:0;background:#fff;width:100%;-webkit-transform: translateZ(0px);}
body.mobile-open .big-wrapper, body.mobile-open .header-cover{left:40%;}
.mobile-menu{display:block;position: fixed;top: 0;overflow-x: hidden;overflow-y: scroll;width:0;height:100%;-webkit-transition: width 0.3s ease-in-out;-moz-transition: width 0.3s ease-in-out;-ms-transition: width 0.3s ease-in-out;-o-transition: width 0.3s ease-in-out;transition: width 0.3s ease-in-out;background:#022d4a;display:none !important;z-index:10;-webkit-overflow-scrolling:touch;}
body.mobile-open .mobile-menu{width: 40%;}
body .mobile-menu a{padding:15px 0 17px 20px;font-size:12px;color:#fff;background:#022d4a;}
body .mobile-menu a:hover{color:#fff;}
body .mobile-menu ul a{padding-left:30px;}
.mobile-menu a span{border-bottom: 2px solid #022d4a;padding:0 2px 2px;}
body .mobile-menu .menu-item-has-children > a{padding:15px 20px;box-sizing:border-box;}
body .mobile-menu .menu-item-has-children > a > span{width:100%;box-sizing:border-box;display: block;border-color: #fff;padding:0 2px 4px; text-transform:uppercase;}
body .post-title a{color:#022d4a;}
body .featured-media img{border-radius:0px;}
.home .featured-media, .archive .featured-media, .blog .featured-media{float:left;max-width: 40%;padding-top: 8px;margin-bottom:0px;}
.text-content{float: left;max-width: 60%;box-sizing: border-box;padding-left: 2%;}
.home .post-title, .archive .post-title, .category .post-title, .page-template-page-archive .post-title{font-size:1.8em;margin-bottom:10px;}
body.page .post,body.blog .post,body.archive .post{border-bottom:none;padding-bottom:0px;margin-bottom:0;clear:both;}
.post-content a.cat-link, body .post-categories a{display:inline-block;padding:5px 10px;background:#022d4a;-webkit-transition: background 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out;-ms-transition: background 0.3s ease-in-out;-o-transition: background 0.3s ease-in-out;transition: background 0.3s ease-in-out;color:#fff;border-radius:5px;margin-right: 15px;}
.post-content a.cat-link:hover, body .post-categories a:hover{background:#014568;color:#fff;text-decoration: none;}
body .post-header{margin-bottom:0px;}
body .post-meta{text-transform:none;margin-bottom:5px;}
.mob-feat{display:none;}
body .page-title{margin-bottom:50px;}
body .page-title h4 {font-size:1em;}
.page-template-page-archive .page-title{margin:40px 0px 0px;}
.page-template-default .post-title{font-size: 2em;margin-bottom:10px;}
.page-template-page-archive .page-title h4, .blog-title, h2.post-title{font-size:1.8em;text-align:center;color:#022d4a;font-family: 'Lato', sans-serif;margin-bottom:30px;font-weight:bold;border-bottom:none;text-transform:none;}
h2.post-title{text-align:left;}
.page-template-template-nosidebaralignleft .post-content, .single .post-content, .page-template-default .post-content{font-size:0.9em;}
.page-template-template-nosidebaralignleft .post-content a, .page-template-default .post-content a{font-weight:bold;}
.page-template-template-nosidebaralignleft h3, .page-template-default h3{color:#022d4a;font-family: 'Lato', sans-serif;}
h3 a {color:#022d4a;}
.post-content input[type="email"]{width: 100%;padding: 14px 16px;font-size: 0.9em;border: none;color: #333;background: #f2f2f2;border-radius: 3px;-webkit-appearance: none;}
.offers-section .wrapper,.offersShowing.wrapper{margin-top:5px;}

/*Single Post*/
.single .post-meta{font-size:0.9em;margin-bottom:15px;}
.single .post-title{font-size:2em;margin-bottom:10px;}
.post-meta-bottom{margin:0px 0px 20px;}
.post-categories li{display:inline-block;}
ul.post-categories{padding:0px;}

/*Category Pages*/
.offers-section{margin-top:0px;padding:0;}
.category .page-title h2{text-align:center;font-size:2em;}
.category .page-title span{display:none;}
#offer-selectors div{width:23.5%;margin-left:2%;float:left;background:rgba(241,241,241,0.9);color:#022d4a;padding:10px;-webkit-transition: background 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out;-ms-transition: background 0.3s ease-in-out;-o-transition: background 0.3s ease-in-out;transition: background 0.3s ease-in-out;}
#offer-selectors div:first-child{margin-left:0px;}
#offer-selectors div h4{width:100%;border-bottom:2px solid #022d4a;padding:0px 20px 8px 5px;font-size:1.1em;margin-bottom:5px;cursor:pointer;}
#offer-selectors div h4 i, .item section.desc span.moreInf i.fa{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;float:right;transform:rotate(0deg);margin-right:-15px;}
#offer-selectors div.open h4, #offer-selectors div#customer h4{border-bottom-color:#fff;}
#offer-selectors div.open, #offer-selectors div#customer{background:#022d4a;color:#fff;}
#offer-selectors div.open i, #offer-selectors div#customer i{transform:rotate(90deg);}
#offer-selectors p{padding:5px;line-height:1.5em;}
#offer-selectors div section{display:none;overflow:hidden;}
#offer-selectors div#customer section{display:block;}
#offer-selectors div.open section, #offer-selectors div#customer section{height:auto;}
#offer-selectors div#customer h4{cursor:auto;}
#customer .fa-chevron-right{display:none;}
#offer-selectors #sport,.home #offer-selectors #bookie,.home #offer-selectors #offer_type{display:none;}
.category .front-page__intro .front-page__intro-text p { font-size: 14px; }

/*Betting Offer Styling*/
#totals{font-weight:bold;padding-bottom:10px;}
#totals .bottomline{display:inline-block;width:100%;}
#totals .facettotalcount{float:left;cursor:pointer;font-size:1.2em;}
#totals .facettotalcount h1{font-size:1em;font-weight:bold;display:inline;}
#totals .deselectstartover{float:right;cursor:pointer;}
#results .item:nth-child(4n), .top-three-offers-category .item:nth-child(4n){margin-right:0px;}
#results .item:nth-child(4n+1), .top-three-offers-category .item:nth-child(4n+1){clear:both;}
.item .itemTitle{padding-bottom:28px; display: flex; flex-flow: row wrap; min-height:200px;background-size:cover;background-position:center; position:relative;}
.item .itemTitle span {text-align:center;line-height:1.3em;padding:5px;font-size:15px;}
.item .itemTitle span b{display:block;}
.item.New .itemTitle{padding-bottom:28px;}
.item.New .itemTitle a{position: relative;bottom: auto; font-weight: 900}
.item.New .itemTitle .newtit{display:flex;padding:15px 0;min-height:142px;}
.item.New .itemTitle .newtit div.spacing:first-child{width:35%;display:inline-block;vertical-align:middle;}
.item.New .itemTitle .newtit div.spacing{width:65%;display:inline-block;vertical-align:middle;background-color:rgba(5,22,52,0.6);}
.item.New .itemTitle .newtit div.centring{display: -ms-flexbox;-ms-flex-pack: center;-ms-flex-align: center;display: -moz-box;-moz-box-pack: center;-moz-box-align: center;display: -webkit-box;-webkit-box-pack: center;-webkit-box-align: center;display: box;box-pack: center;box-align: center;width:100%;height:100%;}
.item.New .itemTitle .newtit div span{width:100%;display:block;font-size:13px;text-align:center;font-weight:bold;}
.item.New .itemTitle .newtit div span:nth-child(2){font-size:32px;line-height: 100%;}
.item.New .itemTitle span {font-weight:bold;font-size:14px;}
.item.Existing .itemTitle span {background-color:rgba(0,0,0,0.6);}
.item.New .itemTitle span {padding-right:15px;}
.item .bookie{border-radius: 5px 5px 0 0; height:40px;background-color:#000;display: -ms-flexbox;-ms-flex-pack: center;-ms-flex-align: center;display: -moz-box;-moz-box-pack: center;-moz-box-align: center;display: -webkit-box;-webkit-box-pack: center;-webkit-box-align: center;display: box;box-pack: center;box-align: center;width:100%;}
.item .bookie:empty{display:block;}
.item .bookie img{display:block; object-fit: contain; max-height: 100px;}
.item section.desc{padding:10px;font-size:0.8em;}
.item section.desc p, .item section.desc .theInfo i{line-height:130%;padding-bottom:5px;font-size:10px; font-family: 'Montserrat', sans-serif;}
.item section.desc.open p, .item section.desc.open > i{display:block;}
.item section.desc span.moreInf{margin-bottom:10px;padding:2px;display:inline-block;font-size:1em;font-weight:bold;width:100%;text-align:center;}
.item section.desc span.moreInf i.fa{margin-left:10px;font-size:0.9em;float:none;}
.item section.desc.open span.moreInf i.fa{transform:rotate(90deg);}
.loadMore{text-align:center;width:100%;margin-bottom:50px;}
.archive-nav a:hover{color:#014568;}
#showmorebutton, .all-posts__link{text-align:center;padding:10px 20px;border:2px solid #014568;display:inline-block;cursor:pointer;transition:0.2s all;background:#fff;color:#014568;font-size:1em;float:none;}
#showmorebutton:hover, .home .archive-nav a:hover{color:#fff;background:#014568;}
#offer-selectors .allopts{width:100%;background:transparent;color:#fff;position:relative;font-size:0.9em;padding:5px 5px 5px 30px;float:none;cursor:pointer;}
#offer-selectors .allopts:before,#offer-selectors .allopts:after{margin:5px 0 0 5px;}
#offer-selectors #customer .allopts{display:none;}
#sport .facetitem:nth-child(2){display:none;}

/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 0;
  cursor: pointer;
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
  display: inline-block;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
    line-height: 17px;
    font-size:0.9em;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before,.allopts:before {
  content: '';
  position: absolute;
  left:0; top: 0px;
  width: 17px; height: 17px;
  border: 2px solid #fff;
  background: transparent;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after,.allopts:after {
  content: '\f00c';
  position: absolute;
  top: 3px; left: 4px;
  font-size: 18px;
  line-height: 0.8;
  color: #fff;
  transition: all .2s;
font: normal normal normal 14px/1 FontAwesome;
}
/* checked mark aspect changes */
.facetitem [type="checkbox"] + label:after,#offer-selectors .allopts:after {
  opacity: 0;
  transform: scale(0);
}
.facetitem.activefacet [type="checkbox"] + label:after,#offer-selectors .allopts.on:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 2px dotted white;
}

/*CONVERTOR*/
.convert .content{width:100%;}
#convertor{width:100%;max-width:800px;border:1px solid #022d4a;border-radius:5px;box-sizing:border-box;margin:20px 0 0;color:#022d4a;font-family: 'Roboto', sans-serif;background:#fafafa;}
#convertor section{width:100%;}
#convertor header{background:#022d4a;color:#fff;width:100%;padding:4px 0;width:100%;}
#convertor input[type="number"]{border:0;padding:5px;font-size:inherit;font-family: 'Roboto', sans-serif;color:#022d4a;line-height:20px;border:1px solid #f1f1f1;border-radius:5px;max-width:65px;-moz-appearance:textfield;box-shadow: none;text-align:center;}
#convertor input[type="number"]#percent{padding-right: 15px !important;}
#convertor input[type="number"].oddbottom{max-width:40px;}
#convertor input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
#convertor header p,#convertor footer span{display: inline-block;width: 25%;vertical-align: top;text-align:center;margin:0;}
#convertor footer span{padding:4px 0;}
#convertor .percentage p{position:relative;display: inline-block;}
#convertor .percentage p:after{content:'%';position:absolute;padding:6px 3px;line-height:20px;right:0;}


.section.header-cover{z-index: 9999;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
left: 0;}

.all-posts__link {
  margin: 40px auto;
  max-width: 20% !important;
}

.post-content a {
  border: 0px;
  padding: 0px;
  color: #1abc9c;
  background: none;
  text-transform: none;
  letter-spacing: 0px;
  font-weight: 600;
  display: inline;
}

/*=====================================================================================
MBS TWEAKS FOR WCS-3821 and WCS-3910 and WCS-3941
======================================================================================*/

.archive-nav {margin-top: 30px;}
.offersShowing .post-title {font-size: 1.8rem;}

/*Front Page Intro Text*/

.front-page__intro {
  margin: 0 auto 20px auto;
  display: block;
  width: 60%;
  max-width: 1040px;
}

  /*Sidebar changes*/
.sidebar .naoffer {margin-top: 20px; margin-bottom: 20px;}

.sidebar .offer {min-height: 200px;}

.sidebar .widget-title .offers .offer .naoffer a {
  flex-direction: column !important;
}

.sidebar .widget-title .offers .offer .thirds:nth-child(1) {
  flex: 0 0 100% !important;
}

.sidebar .tnc__title {
  color: black;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}

.sidebar .tandcs {color: #3c3c3c; background-color: white;}

.sidebar__offer-logo {min-height: 40px; border-radius: 5px 5px 0 0;}
.sidebar__offer-logo img {padding: 10px;}

.sidebar__offer-cta {
  padding: 10px 0!important;
  display: block;
  margin: auto;
  position: relative;
  background-color: #267428;
  width: 80% !important;
  text-align: center;
  border: 2px solid #fff;
  font-weight: bold;
  font-size: 14px;
  overflow: hidden;
}

.sidebar__offer-cta p {text-align: center; overflow: hidden; z-index: 5; font-weight: bold;}

.sidebar__offer-cta p:after {
  content: '';
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  background: linear-gradient(to bottom,rgba(229,172,142,0),rgba(255,255,255,.5) 50%,rgba(229,172,142,0));
  transform: rotateZ(60deg) translate(-5em,7.5em);
  animation: shining 3s forwards infinite;
}


/*End of Sidebar changes*/

.offers__title {font-size: 2rem; font-weight: bold; color: #022D4A; padding: 20px 0; text-align: center;}

.top_three__bg-hero {
  background-color: #F3F3F3;
  position: absolute;
  left: 0;
  top: -50px;
  width: 100%;
  height: 364px;
  z-index: -1;
}

.mf__switch-close {display: none;}

.offers-section {background-color: #F3F3F3;}
.offers-section .facettitle {border-bottom: none !important; font-weight: bold;}
.offers-section #sport, .offers-section #offer_type, .offers-section #bookie {background: #F3F3F3;}
#offer-selectors div.open {color: #022D4A; background: none !important;}
.offers-section .activefacet {background-color: transparent; border: none; color: #022D4A;}
.offers-section .facetlist .facetitem label, .offers-section .facetlist .facetitem label:before, .offers-section .facetlist .facetitem label:after {color: #022D4A !important; border-color: #022D4A;}
.offers-section #offer-selectors label {color: #022D4A;}

#offer-selectors .allopts {color: #022D4A; font-weight: bold; padding-left: 40px;}
#offer-selectors .allopts:before, #offer-selectors .allopts:after {border-color: #022D4A; color: #022D4A;}

.offers-section .facetsearch:not(#customer) [type="checkbox"]:not(:checked) + label, .offers-section .facetsearch:not(#customer) [type="checkbox"]:checked + label {padding-left: 40px; font-weight: bold;}

  /*task-3-filters*/
.offers-section #offer-selectors #customer {
  background: none;
  position: absolute;
  top: 8px;
  right: 30%;
  width: 40%;
  display: flex;
  justify-content: center;
}

.offers-section #offer-selectors {margin-top: 35px;}
.offers-section #offer-selectors #customer label:before {border: 2px solid white; background-color: #052d4a;}
.offers-section #offer-selectors #customer .activefacet label {color: white !important;}
.offers-section #offer-selectors #customer .facettitle {display: none;}
.offers-section #offer-selectors #customer .facetlist {display: flex; flex-direction: row nowrap; border: 1px solid #707070;}
.offers-section #totals .deselectstartover {font-weight: bold; color: #022D4A;}
.offers-section #customer .facetlist .facetitem label:before, .offers-section #customer .facetitem label:after, .offers-section .facetitem .facetitemcount {display: none;}

.offers-section #customer .activefacet {color: white !important; background-color: #042B49;}
.offers-section .facetlist {
  color: #C1C1C1;
  border-radius: 10px;
  padding: 0;
}
.offers-section .facetsearch:not(#customer) .facetitem {padding: 5px;}
.offers-section #customer .facetlist .facetitem {padding: 3px 20px;}

.offers-section .facetitem:nth-child(1) {border-radius: 10px 0 0 10px;}

.mobile__filters {
  display: block;
  position: relative;
  /*top: 154px;*/
  z-index: 3;
  width: 100%;
  background-color: #F3F3F3;
}

/*end of task-4-specifcally_mobile*/

/*task-5-display-offers*/
.offersShowing #results, .offersShowing .top-three-offers-category{display: flex; flex-flow: row wrap; padding-top: 0px;}/*change results items to use flexbox first*/

.offersShowing #results .item, .offersShowing .top-three-offers-category .item {
  margin: 5px;
  padding-top: 60px;
  order: 4;
  z-index: 2;
}

.offersShowing #results .item .desc .moreInf, .offersShowing .top-three-offers-category .item .desc .moreInf {text-align: left; font-weight: bold;}
.offersShowing #results .item .desc .theInfo, .offersShowing .top-three-offers-category .item .desc .theInfo {color: #707070;}

.offersShowing #results .item > div.itemTitle, .offersShowing .top-three-offers-category .item > div.itemTitle {min-height: 265px; border-radius: 0 0 5px 5px;}
.offersShowing #results .item .moreInf, .offersShowing .top-three-offers-category .item .moreInf {color: black; }

.offersShowing #results .item > div.itemTitle > .newtit, .offersShowing .top-three-offers-category .item > div.itemTitle > .newtit,
/*.offersShowing #results .item .itemTitle h4 {color: white;}*/

.offersShowing #results .item > div.itemTitle > .newtit div.spacing .val,  .offersShowing .top-three-offers-category .item > div.itemTitle > .newtit div.spacing .val{font-weight: bold;}
.offersShowing #results .item > div.itemTitle > .newtit, .offersShowing .top-three-offers-category .item > div.itemTitle > .newtit {flex-direction: column; align-items: center;}
.offersShowing #results .item > div.itemTitle > .newtit div.spacing, .offersShowing .top-three-offers-category .item > div.itemTitle > .newtit div.spacing {width: 96%; background: none;}
.offersShowing #results .item > div.itemTitle > .newtit div.spacing .centring span, .offersShowing .top-three-offers-category .item > div.itemTitle > .newtit div.spacing .centring span {font-size: 1.5rem; font-family: 'Montserrat', sans-serif; font-weight: 700}
.offersShowing #results .item > div.itemTitle > .newtit div.spacing .val, .offersShowing .top-three-offers-category .item > div.itemTitle > .newtit div.spacing .val {font-size: 4rem !important;}

.top__three {
  flex: 0 0 28%;
  justify-self: center;
  margin: 0 15px !important;
}

.top__three .itemTitle::after{content: ''; z-index: 1; position: absolute; background-color: black; opacity: 0.2; width: 100%; height: 100%;}
.top__three .itemTitle * {z-index: 2;}

.top__three .itemTitle a {align-self: flex-end;}

.top__three--first .itemTitle, .top__three--first-ex .itemTitle {min-height: 319px !important;}
.top__three--second .itemTitle, .top__three--second-ex .itemTitle {min-height: 280px !important;}
.top__three--third .itemTitle, .top__three--third-ex .itemTitle {min-height: 280px !important;}

.top__three--first, .top__three--first-ex {order: 2 !important; flex: 0 0 33%; position: relative;}
.top__three--first .desc, .top__three--first-ex .desc {padding-top: 28px !important;}

.top__three--second, .top__three--second-ex {order: 1 !important; margin-top: 17px !important;}
.top__three--third, .top__three--third-ex {order: 3 !important; margin-top: 17px !important;}

.top__three > div.itemTitle > .newtit div.spacing .val {color: yellow !important;}

.offersShowing #results .New:not(.top__three) > div.itemTitle, .offersShowing .top-three-offers-category .New:not(.top__three) > div.itemTitle {background-color: #022D4A;}

#totals {width: 98%;}
#totals .facettotalcount {display: none;}

.page-template-template-casino .offers-section {display: none;}
.category .itemTitle {background-color: #2B2B2B;}

.top__three .newtit {width: 100%;}
/*end of task-5-display-offers*/

/*task-6-animate_buttons*/
.itemTitle a {
  text-align: center;
  font-weight: 700;
  position: relative;
  overflow: hidden;
}

/*end of task-6-animate_buttons*/

/*task-7-sidebar*/
.single-post .posts {display: flex; flex-flow: row wrap;}
.single-post .content {width: 70%;}
.single-post .grand-national-post .content {width: 100%;}
/*end of task-7-sidebar*/
/*=====================================================================================
END OF MBS TWEAKS FOR WCS-3821
======================================================================================*/

@media ( max-width: 1000px ) {

  .front-page__intro {width: 95%;}

  .header-ad-container { display: none; }
  .blog-menu a {font-size:12px;}
  .item.New .itemTitle .newtit div span:nth-child(2){font-size:26px;}
  #offer-selectors div h4{font-size:1em;}

  /*task-1-logo*/
  .section.header-cover {height: 77px;}
  .section.header-cover .header {margin-top: 20px;}
  /*end of task-1-logo*/
}

@media ( max-width: 900px ) {
    .section.header-cover{position:fixed;width:100%;}
    .page-template-event-template .wrapper.section-inner,
    .post-template-single-event .wrapper.section-inner {margin-top: 50px;}

    .wrapper.section-inner.offersShowing {margin-top: 20px;}
    .mobile-menu a {
        display: block;
        padding: 24px;
        font-size: 12px;
        border-bottom: none !important;
        display: block;
        text-transform: lowercase;
        letter-spacing: 1px;
        font-size: 13px;
    }
    #offer-selectors div h4{font-size:0.9em;}
    #offer-selectors .allopts,[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label{font-size:0.8em;}
    .section.header{bottom:0px !important;}

  /*========== NEW MOBILE MENU IMPLEMENTATION ========*/

  .switch__toggle-js .bar:first-child{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
  .switch__toggle-js .bar:nth-of-type(2){opacity:0;}
  .switch__toggle-js .bar:last-child{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}


  .menu-item-has-children a {
    border-bottom: 2px solid white;
  }

  /*Mobile menu sub subpages toggle*/

  .blog-menu ul li:hover > ul, .blog-menu > .menu-item-has-children .sub-menu {
    display: none;
    left: 0;
  }

  .blog-menu li.current-menu-item a,
  .blog-menu li.current-menu-item {background: none !important;}


  .sub-menu .has-children > ul {
    display: none;
  }

  /*End of mobile menu sub subpages toggle*/

  /*========== NEW MOBILE TWEAKS IMPLEMENTATION ========*/
}
@media ( max-width: 800px ) {
    #offer-selectors div h4 {font-size:0.9em;}
    #offer-selectors .allopts:before,.facetitem [type="checkbox"] + label:before{height:14px;width:14px;}
    #offer-selectors .allopts:after,.facetitem [type="checkbox"] + label:after {font-size:12px;left:3px;}
    .item section.desc span.moreInf{font-size:0.9em;}
    #results .item, .top-three-offers-category .item{width: 32%;}
    #results .item:nth-child(4n), .top-three-offers-category .item:nth-child(4n){margin-right:2%;}
    #results .item:nth-child(4n+1), .top-three-offers-category .item:nth-child(4n+1){clear:none;}
    #results .item:nth-child(3n), .top-three-offers-category .item:nth-child(3n) {margin-right:0%;}
    #results .item:nth-child(3n+1), .top-three-offers-category .item:nth-child(3n+1) {clear:both;}

  .blog-menu ul {
    padding: 0 0 0 1px;
  }

  .blog-menu ul li {
    width: auto;
  }
}
@media ( max-width: 700px ) {
    body.mobile-open .big-wrapper, body.mobile-open .header-cover{left:50%;}
    body.mobile-open .mobile-menu{width: 50%;}
  /*========== NEW MOBILE TWEAKS IMPLEMENTATION ========*/
  .results__text {
    display: none;
  }

  #totals .facettotalcount {
    width: 100%;
  }

  .facettotalcount h1 {
    display: block !important;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.8em !important;
  }

  /*========== NEW MOBILE TWEAKS IMPLEMENTATION ========*/
}
@media ( max-width: 650px ) {
    .mob-feat{display:block;margin:5px auto;}
    .featured-media{display:none;}
    .text-content{float:none;max-width:100%;padding:0px;}
    body .post-meta{font-size:1em;margin-bottom:10px;}
}
@media ( max-width: 600px ) {
	.header.section { padding: 8px 0 0; }
	.toggle { height: 49px; padding: 16px 0;}
	.search-toggle .metal { top: 10px; }
	.search-toggle .glass { top: 15px; }
	.search-toggle .handle { top: 32px; }
    .wrapper.section-inner{margin-top:80px;}
    #results .item, .top-three-offers-category .item{width:48%;margin-right:4%;}
    #results .item:nth-child(3n), #results .item:nth-child(3n){margin-right:4%;}
    #results .item:nth-child(3n+1), .top-three-offers-category .item:nth-child(3n+1){clear:none;}
    #results .item:nth-child(2n), .top-three-offers-category .item:nth-child(2n){margin-right:0%;}
    #results .item:nth-child(2n+1), .top-three-offers-category .item:nth-child(2n+1){clear:both;}
    #offer-selectors div{width:48%;margin-left:4%;}
    #offer-selectors div:nth-child(3){margin-left:0%;clear:both;}
    #offer-selectors div:nth-child(1n+3){margin-top:4%;}
}
@media ( max-width: 560px ) {
    body.mobile-open .big-wrapper, body.mobile-open .header-cover{left:60%;}
    body.mobile-open .mobile-menu{width: 60%;}
    body.blog{font-size:15px;}
    .convert.wrapper.section-inner{max-width:100%;padding:0 5px;}
    #convertor input[type="number"]{padding:5px 0;max-width:50px;}
    #convertor input[type="number"].oddbottom{max-width:30px;}
    #convertor .percentage input[type="number"]{max-width:60px;}
}
@media ( max-width: 460px ) {
    body.mobile-open .big-wrapper, body.mobile-open .header-cover{left:72%;}
    body.mobile-open .mobile-menu{width: 72%;}
    #results .item, .top-three-offers-category .item{width:100%;margin-right:0%;}
    #results .item:nth-child(2n+1), .top-three-offers-category .item:nth-child(2n+1){clear:none;}
    .item section.desc span.moreInf{font-size:1.2em;}
    .item .itemTitle, .item .itemTitle a{font-size:1.15em;}
    .item .itemTitle a{width:85%;}
    #totals .deselectstartover{float: left;clear: left;padding: 20px 0px 10px;}
    #convertor header p, #convertor footer span{font-size:0.8em;}
    #offer-selectors .allopts, [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label{font-size:0.7em;}
}
@media ( max-width: 340px ) {
    .blog-logo{text-align: right;}
    #offer-selectors .allopts, [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label{font-size:0.6em;}
}

/* Post ----------------------------------------- */


.post-title {
 -ms-word-break: normal;
     word-break: normal;

-webkit-hyphens: none;
   -moz-hyphens: none;
        hyphens: none;
}


/* Offers --------------------------------------- */


.offer {
	display: block;
	padding: 13px 7%;
	background: #ddd;
	font-size: 0.8em;
}




.offer:nth-child(2n) { background: #eee; }

.offer .logo { float: left; }
.offer span {
	margin: 0 0 0 7%;
	color: #444;
	position: relative;
	top: 1px;
}

.offer .arrow { float: right; font-size:26px;color:#022d4a;}

.offer:hover {
	background-color: #B4D6E8;
	text-decoration: none !important;
}

.show-all { display: none; }
.post-content h3 {
  overflow: hidden;
}

@media ( max-width: 800px ) {

  .all-posts__link {
    margin: 40px auto;
    max-width: 50% !important;
  }

	.sidebar {
		display: block;
		margin-bottom: 30px;
  }

	.sidebar .widget:first-child { display: block; }

	body:not(.page-template-event-sidebar-template) .sidebar .widget:first-child .widget-title { display: none; }

	.offers {
		height: 125px;
		overflow: hidden;
	}

	.show-all {
		display: none;
	}


}

@media ( max-width: 400px ) {

	.sidebar { margin-bottom: 20px; }

}


/* Casino Betting Sites ------------------------- */

.offers {height: auto!important;}

.offers.big-uhn { margin-top: 30px; }

.offers .table-row {
	padding: 20px;
	background: #ddd;
}

.offers .table-row:nth-child(2n) { background: #eee; }

.offers .table-cell {
	display: block;
	width: 25%;
	vertical-align: middle;
	float: left;
}

.offers .table-cell:first-child { width: 20%; }
.offers .table-cell.notes { margin-right: 2.5%; }
.offers .table-cell:nth-child(4) { width: 27.5%; }

.offers :not(p) a,
.offers img {
	display: block;
	margin: 0 auto;
}

.offers .value {
	font-size: 0.8rem;
	text-align: center;
	color: #666;
}

.offers .value strong {
	display: block;
	margin-bottom: 5px;
	font-size: 1.1rem;
	text-align: center;
	color: #333;
}

.offers .notes {
	font-size: 0.8rem;
	line-height: 130%;
	text-align: center;
}

h3.widget-title{background:#022d4a;color:#fff;text-align:center;margin:0;padding:10px 5px;border-radius:5px 5px 0 0;letter-spacing: 1px;text-transform: none;font-size: 1.1em;}
.tandcs{color: #888;font-size: 12px;padding-top: 8px;}
.sidebar .tandcs{padding: 10px 10px 15px;}
.tandcs a{display:inline;}
.naoffer .offer{padding:0px;display:flex;width:100%;vertical-align:top; flex-direction: column; box-shadow: inset 0px 0px 30px rgba(0,0,0,0.9);}
.naoffer .offer span{color:#111;display:inline-block;margin:0;text-align:center;width:100%;}
.naoffer .offer .logo{float:none;max-width:98%;margin:0 auto;}
.naoffer .thirds{width:100%;float:left;min-height:40px;color:white; text-align: center;}
.naoffer .thirds:first-child,.naoffer .thirds:nth-child(2){ margin-top:0px; display: -ms-flexbox;-ms-flex-pack: center;-ms-flex-align: center;display: -moz-box;-moz-box-pack: center;-moz-box-align: center;display: -webkit-box;-webkit-box-pack: center;-webkit-box-align: center;display: box;box-pack: center;box-align: center;}
.naoffer .thirds:nth-child(2){width:100%;}
.naoffer .thirds:nth-child(2) p{font-size:2.2em;text-align:center;padding:0 3px;line-height:120%;}
.naoffer .thirds:nth-child(3){padding:10px 10px 10px 0;}
/*.naoffer .thirds:nth-child(3) p{margin-bottom: 10px;width: 80%;background-color: #70ad47;padding: 6px 10px;text-align: center;color: #fff;font-size: 1.2em;}*/

@media ( max-width: 800px) {


	.offers.big-uhn { height: 310px; }


}


@media ( max-width: 600px ) {


	.offers.big-uhn { height: 380px; }

	.offers .table-row { padding: 14px; }

	.offers .table-cell,
	.offers .table-cell:first-child,
	.offers .table-cell.notes,
	.offers .table-cell:nth-child(4) {
		float: none;
		margin: 0;
		width: 100%;
	}

	.offers .table-cell + .table-cell { margin-top: 14px; }

	.offers .table-cell.notes { text-align: center; }


}


/* Footer --------------------------------------- */

.home .archive-nav{text-align:center;border:none;}

.credits.section {
	margin-top: 7.5%;
	padding: 3% 0;
  padding-bottom: 80px;
}

.credits-inner {
	padding: 0;
	border: none;
}

.tg  {border-collapse:collapse;border-spacing:0;border-color:#ccc;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#fff;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#f0f0f0;}
.tg .tg-yw4l{vertical-align:top}

/*table for the odds comparison page */

table.conversionTable {
  border: 2px solid #022D4A;
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  max-width:800px;
}
table.conversionTable td, table.conversionTable th {
  border: 1px solid #AAAAAA;
  padding: 3px 2px;
}
table.conversionTable tbody td {
  font-size: 13px;
}
table.conversionTable tr:nth-child(even) {
  background: #F5F5F5;
}
table.conversionTable thead {
  background: #022D4A;
}
table.conversionTable thead th {
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  border-left: 2px solid #022D4A;
}
table.conversionTable thead th:first-child {
  border-left: none;
}

table.conversionTable tfoot td {
  font-size: 13px;
}
table.conversionTable tfoot .links {
  text-align: right;
}
table.conversionTable tfoot .links a{
  display: inline-block;
  background: #FFFFFF;
  color: #A40808;
  padding: 2px 8px;
  border-radius: 5px;
}

/*table for the odds comparison page */

table.bestbettingsites {
  border: 2px solid #022D4A;
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  text-align: left;
}
table.bestbettingsites  td, table.bestbettingsites  th {
  border: 1px solid #AAAAAA;
  padding: 3px 2px;
}
table.bestbettingsites  tbody td {
  font-size: 13px;
}
table.bestbettingsites  tr:nth-child(even) {
  background: #F5F5F5;
}
table.bestbettingsites  thead {
  background: #022D4A;
}
table.bestbettingsites  thead th {
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  border-left: 2px solid #022D4A;
}
table.bestbettingsites thead th:first-child {
  border-left: none;
}

table.bestbettingsites tfoot td {
  font-size: 13px;
}
table.bestbettingsites tfoot .links {
  text-align: right;
}
table.bestbettingsites tfoot .links a{
  display: inline-block;
  background: #FFFFFF;
  color: #A40808;
  padding: 2px 8px;
  border-radius: 5px;
}

table.bestbettingsites a:link, table.bestbettingsites a:hover, table.bestbettingsites a:active {
padding: 0px;
border: 0px;
color: #1abc9c;
background: transparent;
text-transform:none;
max-width:none;
}

#breadcrumbs {
margin-bottom:10px;
font-size:90%;
}




/* GDPR*/

.cc-window{justify-content: center; opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:12px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{width: 100% !important; padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:unset;flex:unset; margin-right: 50px;}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:row;flex-direction:row;}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:0;}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}

/*==========================================
BC Latest Posts Implementation
==========================================*/

.latest-posts__container {
  display: flex;
  flex-flow: row wrap;
}

.latest-posts__item {
  flex: 0 0 30%;
  margin: 10px;
}

.mbs-post-header {
  background-color: #1abc9c;
  padding: 10px 20px;
  border-radius: 3px;
}

.mbs-post-image {
  width: 100%;
  min-height: 100px;
  height: 200px;
}

.mbs-post-header {
  margin: 10px 0 !important;
}

@media (max-width: 700px) {
  .latest-posts__container {
    flex-flow: column;
    padding: 20px;
  }

  .mbs-post-image {
    width: 100%;
    height: 300px;
  }
}
/*task-4-specifcally_mobile*/

@media (max-width: 806px) {

  .offers__title {padding: 20px 0 10px 0; line-height: inherit;}
  .sidebar {display: block;}
  .single-post .content {width: 100%;}
  .content .post {margin-top: 25px;}
  .content .post-header .post-title {font-size: 1.8rem;}
  .offersShowing .post-title {font-size: 1.7rem;}
  .page-template-template-casino .offersShowing #results, .page-template-template-casino .offersShowing .top {padding-top: 0;}
  .top_three__bg-hero {display: none;}
  .mf__switch-close { display: block; position: absolute; right: 50px; font-weight: bold; color: #022D4A; font-family: Arial;}

  .offersShowing #results .item, .offersShowing .top-three-offers-category .item {
    flex: 0 0 100%!important;
    margin: 0px!important;
  }

  .mobile__filters #offer-selectors {max-height: 65vh; overflow-y: scroll;}

  .mobile__filters .offers-section {margin-top: 0; padding: 0; display: none; height: calc(100vh - 214px);}

  .mobile__filters--hidden {
    display: none;
  }

  .mobile__filters #totals {
    display: block;
    position: absolute;
    top: 0;
    right: 15px;
    color: white;
    width: auto;
    z-index: 20;
  }
  .offers-section #totals .deselectstartover {color: white; padding: 13px; font-size: 1rem;}

  .mobile__filters {
    position: fixed;
    top: 76px;
  }
  .mobile__filters .offers-section #offer-selectors #customer {
    position: static;
    flex: 0 0 100%;
    display: none;
  }

  .mobile__filters #offer-selectors .facetsearch {width: 55%;}

  /*end of task-4-specifcally_mobile*/
  /*task-7-sidebar*/
  .single-post .posts .content {order: 1;}
  .single-post .posts #results, .single-post .posts .loadMore {order: 2;}
  .wrapper.section-inner {margin-top: 0;}
  /*end of task-7-sidebar*/
}
@media screen and (max-width: 600px) {
  #wpadminbar {position: fixed;}
}

@media (max-width: 450px) {
  .mobile__filters {top: 62px;}
}

.mobile-switch .bar {height: 5px !important; margin: 5px !important;}
.mobile-switch .bar:nth-child(2) {width: 85%;}

/*=====================================================================================
MBS NEW DESIGN CHANGES FOR task/WCS-4015
======================================================================================*/

#offer-selectors .facetsearch:not(#customer) {display: none !important;}

.offersShowing #results .item:not(.top__three), .offersShowing .top-three-offers-category .item:not(.top__three) {flex: 0 0 100%; display: flex; flex-flow: row wrap; background-color: #F3F3F3; padding: 0; align-items: center;}
.offersShowing #results .item:not(.top__three) .bookie, .offersShowing .top-three-offers-category .item:not(.top__three) .bookie {width: 200px; height: 100px; border-radius: 5px; margin: 20px 0 20px 20px;}
.offersShowing #results .item:not(.top__three) .desc, .offersShowing .top-three-offers-category .item:not(.top__three) .desc {flex: 0 0 100%; padding: 10px 0; background-color: white;}
.offersShowing #results .item:not(.top__three) .desc .moreInf, .offersShowing .top-three-offers-category .item:not(.top__three) .desc .moreInf {display: none;}

.offersShowing #results .item:not(.top__three) > div.itemTitle, .offersShowing .top-three-offers-category .item:not(.top__three) > div.itemTitle {padding: 5px 10px; margin: 20px 20px 20px 0; background-color: transparent; box-shadow: none; flex: 0 0 73%; flex-flow: row nowrap; min-height: 10px; align-items: center;}
.offersShowing #results .Existing:not(.top__three) > div.itemTitle, .offersShowing .top-three-offers-category .Existing:not(.top__three) > div.itemTitle {background-image: none; padding: 5px 10px; margin: 20px 20px 20px 0; background-color: transparent; box-shadow: none; flex: 0 0 73%; flex-flow: row nowrap; min-height: 10px; align-items: center;}
.offersShowing #results .Existing.top__three > div.itemTitle, .offersShowing .top-three-offers-category .Existing.top__three > div.itemTitle {justify-content: center;}

.offersShowing #results .item:not(.top__three) > div.itemTitle > .newtit, .offersShowing .top-three-offers-category .item:not(.top__three) > div.itemTitle > .newtit {display: flex; flex-flow: row wrap; align-items: center; align-content: start; padding: 0;}
.offersShowing #results .Existing.top__three > div.itemTitle span, .offersShowing .top-three-offers-category .Existing.top__three > div.itemTitle span  {width: 100%; align-self: center;}
.offersShowing #results .Existing:not(.top__three) > div.itemTitle > .newtit, .offersShowing .top-three-offers-category .Existing:not(.top__three) > div.itemTitle > .newtit {display: flex; flex-flow: row wrap; align-items: center; align-content: start; padding: 0;}

.offersShowing #results .item:not(.top__three) > div.itemTitle a, .offersShowing .top-three-offers-category .item:not(.top__three) > div.itemTitle a {flex: 0 0 178px; margin: 0; padding: 0;}
.offersShowing #results .Existing:not(.top__three) > div.itemTitle a, .offersShowing .top-three-offers-category .Existing:not(.top__three) > div.itemTitle a  {flex: 0 0 178px; margin: 0; padding: 0; position: relative; bottom: 0;}

.offersShowing #results .item:not(.top__three) > div.itemTitle span, .offersShowing .top-three-offers-category .item:not(.top__three) > div.itemTitle span {font-weight: 400; text-align: left; padding-right: 0; color: #2F3439; font-family: 'Lato', sans-serif;}
.offersShowing #results .Existing:not(.top__three) > div.itemTitle span, .offersShowing .top-three-offers-category .Existing:not(.top__three) > div.itemTitle span {font-weight: normal; padding-right: 0; color: #2F3439; flex: 0 0 80%; background-color: transparent;}

.offersShowing #results .item:not(.top__three) > div.itemTitle > .newtit, .offersShowing .top-three-offers-category .item:not(.top__three) > div.itemTitle > .newtit {flex: 0 0 74%; min-height: 20px; font-family: 'Lato', sans-serif; font-weight: bold;}
.offersShowing #results .Existing:not(.top__three) > div.itemTitle > .newtit, .offersShowing .top-three-offers-category .Existing:not(.top__three) > div.itemTitle > .newtit {flex: 0 0 77%; min-height: 20px; font-family: 'Lato', sans-serif; font-weight: bold;}

.offersShowing #results .item:not(.top__three) > div.itemTitle > .newtit div.spacing, .offersShowing .top-three-offers-category .item:not(.top__three) > div.itemTitle > .newtit div.spacing {flex: 0 0 100%;}
.offersShowing #results .Existing:not(.top__three) > div.itemTitle > .newtit div.spacing, .offersShowing .top-three-offers-category .Existing:not(.top__three) > div.itemTitle > .newtit div.spacing {flex: 0 0 100%;}

.offersShowing #results .item:not(.top__three) > div.itemTitle > .newtit div.spacing .val, .offersShowing .top-three-offers-category .item:not(.top__three) > div.itemTitle > .newtit div.spacing .val {color: #2F3439; font-size: 1.1rem!important; display: inline; line-height: inherit;}
.offersShowing #results .item:not(.top__three) > div.itemTitle > .newtit div.spacing .centring div, .offersShowing .top-three-offers-category .item:not(.top__three) > div.itemTitle > .newtit div.spacing .centring div {display: flex; flex-flow: row wrap; width: 100%;}
.offersShowing #results .item:not(.top__three) > div.itemTitle > .newtit div.spacing .centring span, .offersShowing .top-three-offers-category .item:not(.top__three) > div.itemTitle > .newtit div.spacing .centring span  {margin: 0 3px; font-size: 1.5rem !important; color: #2F3439!important; display: inline; width: auto;}
.offersShowing #results .item:not(.top__three) > div.itemTitle > .newtit div.spacing, .offersShowing .top-three-offers-category .item:not(.top__three) > div.itemTitle > .newtit div.spacing {padding: 5px;}
.offersShowing #results .item:not(.top__three) > div.itemTitle > .newtit div.spacing:nth-child(1), .offersShowing .top-three-offers-category .item:not(.top__three) > div.itemTitle > .newtit div.spacing:nth-child(1) {flex: 0 0 100%;}
.offersShowing #results .item:not(.top__three) > div.itemTitle > .newtit div.spacing:nth-child(2), .offersShowing .top-three-offers-category .item:not(.top__three) > div.itemTitle > .newtit div.spacing:nth-child(2) {flex: 0 0 auto;}

span.offer__desc {
  font-size: 1rem !important;
  font-family: "Open Sans", sans-serif !important;
  font-weight: 700;
}

.offersShowing #results .item:not(.top__three) > div.itemTitle > .newtit div.spacing .centring span.offer__desc {
  font-weight: normal !important;
  font-size: 1rem !important;
  padding-right: 0;
  color: #2F3439;
  flex: 0 0 80%;
  background-color: transparent;
}

@media (max-width: 806px) {
  .front-page__intro-text {width: 100%;}
  .top__three--first, .top__three--first-ex {order: 1!important;}
  .top__three--second, .top__three--second-ex {order: 2!important;}

  .offersShowing #results .item:not(.top__three), .offersShowing .top-three-offers-category .item:not(.top__three) {justify-content: center; margin: 15px 0!important;}
  .offersShowing #results .item:not(.top__three) .bookie, .offersShowing .top-three-offers-category .item:not(.top__three) .bookie {margin: 20px 0 0 0;}
  .offersShowing #results .item:not(.top__three) > div.itemTitle, .offersShowing .top-three-offers-category .item:not(.top__three) > div.itemTitle {flex-flow: row wrap; flex: 0 0 95%; margin: 0; justify-content: center;}
  .offersShowing #results .top__three > div.itemTitle, .offersShowing .top-three-offers-category .top__three > div.itemTitle {justify-content: center;}
  .offersShowing #results .item:not(.top__three) > div.itemTitle > .newtit, .offersShowing .top-three-offers-category .item:not(.top__three) > div.itemTitle > .newtit {flex: 0 0 100%; text-align: center; margin: 20px;}
  .offersShowing #results .item:not(.top__three) > div.itemTitle h4, .offersShowing .top-three-offers-category .item:not(.top__three) > div.itemTitle h4 {text-align: center; margin-bottom: 10px;}
  .offersShowing #results .item:not(.top__three) > div.itemTitle > .newtit div.spacing .centring div, .offersShowing .top-three-offers-category .item:not(.top__three) > div.itemTitle > .newtit div.spacing .centring div {flex: 0 0 100%; justify-content: center;}
  .offersShowing #results .item:not(.top__three) > div.itemTitle > .newtit div.spacing .centring div span, .offersShowing .top-three-offers-category .item:not(.top__three) > div.itemTitle > .newtit div.spacing .centring div span {font-size: 1.7rem !important;}

  .offersShowing #results .item:not(.top__three) > div.itemTitle a, .offersShowing .top-three-offers-category .item:not(.top__three) > div.itemTitle a {flex: 0 0 100%;}
  .offersShowing #results .Existing:not(.top__three) > div.itemTitle a, .offersShowing .top-three-offers-category .Existing:not(.top__three) > div.itemTitle a {margin: 0 auto !important;}
  .page-template-page-latest .big-wrapper {padding-top: 0;}

  .big-wrapper {padding-top: 0px;}
}

@media (max-width: 460px) {
  .offersShowing #results .Existing:not(.top__three) > .itemTitle a, .offersShowing .top-three-offers-category .Existing:not(.top__three) > .itemTitle a {margin: 0 auto !important;}
}

/*=====================================================================================
END OF MBS NEW DESIGN CHANGES FOR task/WCS-4015
======================================================================================*/

/*=====================================================================================
task/WCS-4075_remove_sidebar_on_cheltenham_page
======================================================================================*/
.postid-843 .sidebar {display: none !important;}
.postid-843 .content {width: 100%;}

/*
 * gamstop logo
 */
.gamstop img {
  width: 250px;
  margin-top: 20px;
}

/* RADOSLAV UPDATES */

@media (max-width: 450px) {
  .offers__title {
    padding: 20px 0 10px 0;
  }

  .front-page__intro {
    margin: 0 auto;
  }

  .front-page__intro .front-page__intro-text p {
    font-size: 12px;
  }

  .cc-banner .cc-message {
    margin-right: 10px;
  }
  .cc-banner .cc-btn:last-child {
    min-width: 80px;
  }

}

/*=====================================================================================
task/WSP-896_new_fixes
======================================================================================*/
@media (max-width: 806px) {

  .page-template-template-casino .wrapper.section-inner {
    margin-top: 80px;
  }

  .page-template-template-casino .wrapper.section-inner .post-title {margin: 0;}
  .page-template-template-casino .offersShowing {margin-top: 20px !important;}

  .page-template-template-casino .wrapper.section-inner #totals,
  .page-template-template-casino .wrapper.section-inner #offer-selectors {display: none;}

  #offer-selectors--bottom {height: 100%;}
}

.admin-bar .navigation {top: 32px !important;}

.post-content pre {background: #fff;}

/*
* Fixed header logo and navigation on desktop
*/

.navigation .navigation-inner {
  background-color: #022D4A;
}

.blog-logo {
  display: flex;
  align-items: center;
}

@media only screen and (min-width: 1041px) {

  body {
    padding-top: 0;
  }

  .navigation {
    position: sticky;
    top: 0;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    z-index: 10;
  }

  .blog-logo {
    margin-right: 0;
    margin-left: 10px;
    max-width: 220px;
  }

  /*.navigation .navigation-inner {*/
  /*  max-width: 80%;*/
  /*  width: auto;*/
  /*  padding-top: 6px;*/
  /*  margin: 0 0 0 15px;*/
  /*}*/

}

/*
* Fixed header logo and navigation on tablet and mobile
*/

@media only screen and (max-width: 1040px) {

  .navigation {
    position: sticky;
    top: 0;
    width: 100%;
    height: 68px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    z-index: 9999;
  }

  .blog-logo {
    flex: 0 0 250px;
    height: 100%;
    transition: all 0.3s;
    z-index: 8;
    opacity: 1;
    margin-right: 0;
  }

  .navigation .menu-container {
    max-width: 80%;
    width: 70%;
    height: 100vh;
    position: absolute;
    background-color: #022D4A;
    z-index: 15;
    left: -70%;
    top: 0;
    transition: all 0.3s;
    overflow-y: scroll;
    -webkit-box-shadow: 2px 0px 3px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 0px 3px -1px rgba(0,0,0,0.75);
    box-shadow: 2px 0px 3px -1px rgba(0,0,0,0.75);
  }

  .nav-mob__open-js .menu-container {
    left: 0%;
    transition: all 0.3s;
  }

  .nav-mob__open-js .mobile-switch {
    left: 74%;
    position: absolute;
    transition: all 0.3s;
  }

  .nav-mob__open-js .blog-logo {
    transform: translate( 70% , 0);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    position: absolute;
  }

  .mobile-switch {
    display: block;
    position: absolute;
    top: 15px;
    left: 20px;
    transition: all 0.3s;
    z-index: 9;
  }

  .nav-mob__open-js .mobile-switch .bar:first-child{transform:rotate(45deg);}
  .nav-mob__open-js .mobile-switch .bar:nth-of-type(2){opacity:0;}
  .nav-mob__open-js .mobile-switch .bar:last-child{transform:rotate(-45deg);}


  .blog-menu {
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  .blog-menu li:hover > ul {
    display: none;
  }

  .navigation-inner .menu-item-has-children ul {
    position: relative;
  }

  .blog-menu ul li {
    width: 100%;
  }

  .blog-menu ul > .has-children::after,
  .blog-menu ul > .page_item_has_children::after {
    content: "\25bc";
    display: block;
    border: none;
    font-size: 1.3rem;
    border-left-color: rgba(255,255,255,0.4);
    color: white;
    position: absolute;
    z-index: 1001;
    right: 5px;
    top: 7px;
    margin-top: -5px;
    padding: 10px 20px;
  }

  .blog-menu ul li:hover > ul,
  .blog-menu > .menu-item-has-children .sub-menu {
    display: none;
    left: 0;
  }

  .secondary-menu__item a {
    min-width: 95px;
  }

}

@media only screen and (max-width: 768px) {
  .event-header-image::after {
    background-image: none;
  }
}

/*
* Fixed header logo and navigation on mobile
*/

@media only screen and (max-width: 480px) {

  .blog-logo {
    flex: 0 0 200px;
    margin-left: 46px;
  }

  .post-header .post-title {
    font-size: 1.2em;
  }

  .post-content h2 {
    font-size: 1.1em;
  }

  .secondary-menu-container,
  .swiper-container {
    padding: 15px 0;
    margin: 0;
    min-height: 116px;
  }

  .secondary-menu-item__icon {
    width: 40px;
    height: 40px;
  }

  .post-content p {
    line-height: 150%;
    font-size: 13px;
  }

  .page-template-event-template .wrapper.section-inner,
  .post-template-single-event .wrapper.section-inner {
    margin-top: 0;
  }

  .swiper-button-next,
  .swiper-button-prev {
    padding: 41px 14px;
    top: 23px;
  }

}

span.offer__desc a.mbs-anchor-link {
  border: none;
  background: none !important;
  font-size: 1em !important;
  text-transform: capitalize !important;
  color: inherit !important;
  width: auto;
  height: auto;
  margin: 0 0 15px 0 !important;
  justify-content: flex-start;
  text-align: left;
  text-decoration: underline;
  font-family: "Open Sans", sans-serif;
  font-weight: 400 !important;
}

span.offer__desc a.mbs-anchor-link::after {
  display: none;
}

.top__three span.offer__desc a.mbs-anchor-link {
  justify-content: center;
}

@media only screen and (max-width: 480px) {
  span.offer__desc a.mbs-anchor-link {
    justify-content: center;
  }
}

@media(max-width: 768px) {
	.typeform-widget {
		height: 300px !important;
	}
}

.skyscraper-banners {
    height: 0;
    position: relative;
    margin: 0 calc((100% - 1140px) / 2);
    z-index: 100;
}

.top-banner{
    z-index: 100;
}

.skyscraper-banners--offset {
    top: 320px;
}

#skyscraper-left,
#skyscraper-right{
    margin-top: 1rem;
    position: absolute;
}

#header-banner,
#btf-content-banner {
    display: flex;
    justify-content: center;
}

#header-banner{
    margin-top: 1rem;
}

.skyscraper-banners--offset +.top-banner #header-banner {
    margin-top: 0;
}