* {border:0;padding:0;margin:0;font-family: 'Poppins', sans-serif;}
body {background: url(../../pix/bodybg.gif) repeat top left;}
.clearBoth {clear:both;}
.right {float:right;}
.left {float:left;}
p {padding:0 0 10px 0;line-height:1.1em;}
ul {list-style-position:inside;}
.button {background:#ef7500;color:#ffffff;text-decoration:none;padding:6px 15px 4px 15px;display:inline-block;text-align:center;text-transform:uppercase;font-family:Arial;font-weight:bold;}
html {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
font-weight: 400;
}
/* HEADING CONTROLS */
h1, h2, h3, h4, h5, h1 span {color:#ffffff; padding:5px 0;font-weight:900}
h1 {margin: 0 0 15px 0;color:#000000;font-family:arial;}
h1 span {font-weight:normal;color:#000000;font-family:arial}
h1 em {COLOR:#ef7500;font-size:14pt;}
.slash {COLOR:#ef7500;font-size:14pt;}
p .slash {font-size:10pt;}
h2 {color:#000000;font-family:arial}
h4 {font-size:11pt;color:#ef7500;padding:0;padding-top:6px;}
h3 {margin:5px auto 10px auto;max-width:90%;padding-top:8px;}
.twtr-hd h3 {margin:5px 0 10px 0;background: none;height:30px;padding-top:10px;padding-left:20px;display:none;}
.twtr-hd h4 a {font-size:16pt;font-weight:normal}
a {color:#ef7500;}
/* SOCIAL MEDIA */
#socialMedia {}
.proactiveCTA {width:100%;height:130px;background:#f16c23;margin:30px auto 0 auto;text-align:center;padding:50px 0}
/* previous issue */
.previousIssue {float:left;width:80px;margin:0 7px;text-align:center;}
.previousIssue img {width:75%;margin:0 auto;}
.previousIssue h3 {background:none;color:#1d1d1d;margin:0 0 15px 0;padding:0;font-weight:bold;font-family:arial;font-size:11px}
.previousIssue a {text-decoration:none;}
.previousIssue a:hover {text-decoration:underline;}
.previousIssue h3 em {color:#ef7500;}
.previousIssue h3 span {font-weight:normal;}
/* CONTACT FORM */
input, .input {border:solid #999999 1px;float:left;padding:5px 10px;margin:5px 0;}
.contactForm {width:500px;margin:0 0 70px 0;}
.submitButton {padding:8px 15px;color:#ef7500}
p label {width:200px;}
.jobPosition {float:left;width:40%;margin:0 5%}
/* RATE CARD */
.rateCard {width:200px;height:180px;border:solid #cccccc 1px;float:left;margin:16px;text-align:center;padding:10px 0}
/* COMPETITION PAGE*/
.contestant {float:left;width:100%;text-align:left;margin-bottom:20px;}
.contestant p {width:90%;}
.contestant h3 {margin-top:0;}
.contestant img {border:solid #ef7500 2px;float:left;margin-right:15px;}
.voteCounter {font-size:20pt;width:80px;height:42px;padding-top:8px;border:solid #ef7500 2px;position:absolute;margin-left:0;z-index:10;border-bottom-right-radius:25px;background:#ffffff;text-align:center}
.vote {background: #ef7500;color:#ffffff;padding:5px 25px;}
.voteWrapper {width:450px;padding:0 20px;margin:7% auto;height:400px;background:#ffffff;border:solid #ef7500 5px;}
.voteWrapper h2 {color:#ef7500}
.voteWrapper .contactForm input {padding:10px;float:none;width:300px;}
.voteWrapper .contactForm .submitButton {background:#ef7500;color:#ffffff;cursor:pointer;width:150px;height:39px;}
.voteWrapper .contactForm .cancelButton {background:#ffffff;color:#ef7500;border:solid #999999 1px;width:150px;cursor: pointer;display: block;float: left;height: 29px;padding-top: 9px;text-align: center;width: 150px;margin-right:10px;}
/* NAVIGATION CONTROLS
################################### */
nav {background:#000000;position:fixed;top:0;width:100%;text-align:center;height:151px;z-index:602;border-bottom:solid #ffffff 1px;}
nav img {max-width:350px;padding-top:20px;}
section {}
section figure {max-width:1200px;margin:0 auto;}
.mainContent {padding:250px 0;}
/* MAIN BOX
################################### */
.introBox {max-width:1200px;margin:150px auto 0 auto;height:499px;border:solid #ffffff 1px;background:#ffffff;box-shadow:#999999 5px 5px 10px}
.leftBox {float:left;width:70%;text-align:center;overflow:hidden;}
.leftBox h2 {color:#000000;}
.leftBox a {color:#454545;text-decoration:none;}
.leftBox img {border:solid #a1a1a1 1px;max-height:497px;z-index:9}
.hoverBox {width:100%;position:relative;float:left;margin-top:-150px;z-index:10;}
.hoverInner {background:#e3e3e3;width:100%;max-width:70%;margin:0 auto;padding:15px 0 15px 0;}
.hoverInner p {width:90%;margin:0 auto;color:#565656}
.hoverInner p a {color:#ef7500;}
.hoverInner h2 {font-size:30px;font-family: 'Grold-Regular', sans-serif;text-rendering: optimizeLegibility; }
.hoverInner h2 a {font-size:30px;font-family: 'Grold-Regular', sans-serif;text-rendering: optimizeLegibility; }
.rightBox {float:left;width:30%;}
.rightBox .story {height:124px;text-align:left;border-left:solid #ffffff 1px;border-bottom:solid #ffffff 1px;background:#e3e3e3}
.rightBox .story:last-child {border-bottom:none;}
.rightBox .story h2 {color:#ef7500;padding:19px 0 0px 0;font-size:16px;font-family: 'Grold-Regular', sans-serif;text-transform:uppercase}
.rightBox .story h2 span {color:#ef7500;display:none}
.rightBox .story img {max-width:85px;float:left;margin:7px 15px 0 20px;}
.rightBox .story p {font-weight:normal;max-width:98%;}
.rightBox p a {text-decoration:none;color:#212121;font-size:9pt;}
.rightBox p a.button {float:right;margin-right:15px;padding:2px 15px 2px 15px;display:none;}
/* ADVERT BOX
################################### */
.advertBox {max-width:1200px;margin:40px auto 0 auto;text-align:center;clear:both;}
.advertBox img {width:100%;}
.advertBox h5 {color:#999999;}
.advert {margin:20px auto 0 auto;text-align:center;}
.compQuestions img {max-width:500px;}
/* STORY BOXES
################################### */
.storyBox {max-width:1200px;margin:40px auto 0 auto;background:#ffffff;max-height:395px;overflow:hidden;border:solid #dddddd 1px;/*box-shadow:#999999 5px 5px 10px;*/}
.storyLeft {float:left;width:50%;min-height:400px;overflow:hidden;}
.storyRight {float:right;width:50%;min-height:400px;overflow:hidden;}
.storyBox h2 {width:80%;padding:30px 10% 0 10%;color:#ef7500;text-align:center;font-size:14px;font-family: 'Grold-Regular', serif;}
.storyBox h3 {background:none;color:#000000;text-align:center;font-size:28px;font-family: 'Grold-Regular', serif;}
.storyBox h2 img {max-width:100%;}
.storyBox p {width:80%;padding:0 10%;color:#787878;text-align:center;line-height:140%;}
.storyBox img {max-height:400px;}
.storyBox p a.button {border-top:solid #ffffff 25px;}
.storyBox p.date {color:#a3931b;font-size:12px;font-weight:bold;}
/* REGULARS BOXES
################################### */
.regularsBox {clear:both;width:100%;margin:40px auto 0 auto;padding:20px 0;background:#ffffff;min-height:400px;text-align:center;vertical-align:top;}
.regularsBox h3 {text-align:left;background:none;color:#999999;max-width:1200px;margin:0 auto;padding:0 0 15px 0;font-family: 'Grold-Regular', serif;}
.regular {display:inline-block;max-width:296px;height:340px;border:solid #cccccc 1px;vertical-align:top}
.regular img {max-width:100%;}
.regular h4 {color:#ef7500;background:none;font-size:16px;font-family: 'Grold-Regular', serif;}
.regular p {color:#999999;max-width:90%;text-align:center;margin:0 auto;}
/* WILL'S WALKS
################################### */
.willsBook {display:inline-block;vertical-align:top;width:100%;max-width:400px;margin: 0 auto}
.bookImage {width:200px;height:250px;background:lime;float:left;background: url(../../pix/willswalkfour.jpg?ver=4a) no-repeat; background-size:contain;}
.willsBook:nth-of-type(2) .bookImage {width:200px;height:250px;background:lime;float:left;background: url(../../pix/willswalktwo.jpg?ver=4a) no-repeat; background-size:contain;}
.willsBook:nth-of-type(3) .bookImage {width:200px;height:250px;background:lime;float:left;background: url(../../pix/willswalkthree.jpg?ver=4a) no-repeat; background-size:contain;}
.willsBook:nth-of-type(4) .bookImage {width:200px;height:250px;background:lime;float:left;background: url(../../pix/willswalkone.jpg?ver=4a) no-repeat; background-size:contain;}
.divBasketCheck {clear:both;}
.divTicketOptions {text-align:center;}
/*THE CART ON RHS*/
.divBasketCheck {width:49%;text-align:center;color:#ef7500;margin:0 auto;}
.divBasketCheck h2 {color:#ef7500!important;font-size:20px;}
.divBasketCheck .row {color:#ef7500;margin:5px 0;clear:both}
.divBasketCheck .header .cell {background:#ef7500;color:#ef7500!important;}
.divBasketCheck .header .cell b {color:#ffffff!important}
.divBasketCheck .cell {float:left;color:#ef7500!important;width:17%;text-align:left;padding:1%;}
.divBasketCheck .productName {color:#ef7500;width:40%}
.divBasketCheck .remove {background:#ef7500!important;color:#ffffff;padding:5px 10px;font-size:10pt;margin:0!important}
.divBasketCheck .productQty {text-align:center;}
.paypalBuy {clear:both;margin:0 auto;float:none!important;border:none!important}
/* FOOTER CONTROLS
################################### */
footer {clear:both;background:#000000;width:100%;text-align:center;color:#cccccc;font-size:12px;padding:25px 0;border-top:solid #ef7500 1px}
footer a {text-decoration:none;}
article {min-height:100vh;}
article div.issuuembed {height:100vh;}
h3 span {color:#ef7500;font-family:Times New Roman;}
.atss, div#at4-share, .atss-left {float:none;padding:0;position:absolute;top:290px;left:50%;margin-left:165px!important;width:320px;}
div#at4-scc {display:none!important;}
.at-share-close-control {display:none!important;}
h1 .shareText {font-size: 12pt;float:right;font-weight:normal;padding-right:250px;padding-top:10px;}
@media screen and (max-width: 1096px) {
.introBox {margin:185px auto 0 auto;}
.storyLeft, .storyRight {padding-bottom:0}
.regular {margin:15px 0;}
section figure {max-width:90%;}
}
@media screen and (max-width: 1000px) {
.rightBox, .leftBox {width:100%;clear:both;text-align:center;}
.rightBox {margin-bottom:20px;}
.rightBox .story {width:25%;border:none;float:left;text-align:center;height:inherit}
.rightBox .story h2 {clear:both;color:#ffffff;padding:10px 0 0 0;font-size:18px;color:#999999;width:100%;clear:both;}
.rightBox .story h2 a {width:100%;display:block}
.rightBox .story img {display:inline-block;max-width:80px;float:none;}
.rightBox .story p {display:none;}
.storyBox {max-height:none;}
}
@media screen and (max-width: 770px) {
.storyLeft, .storyRight {width:100%;float:none;margin:0 auto;text-align:center;}
.regularsBox h3 {text-align:center;}
.mobile {clear:both;width:50%;}
.rateCard {margin:10px auto;text-align:center;display:block;float:none;}
.jobPosition {width:90%;}
.contactForm {width:95%;}
.rightBox .story h2 {font-size:14px;}
.rightBox .story img {max-width:90%;margin:0;}
.hoverInner {width:100%;max-width:90%;}
.storyBox h2 {padding:10px 10% 0;}
.hoverInner p a {display:none;}
.storyBox {padding-bottom:30px;}
.hoverInner h2 {font-size:24px;}
}
@media screen and (max-width: 760px) {
.storyBox img {max-height:400px;margin-left:-40%;}
.advert {width:100%;max-width:768px;}
.advert img {width:100%;}
.leftBox img {margin-left:-400px;}
.advertBox {max-width:1200px;margin:60px auto 0 auto;text-align:center;clear:both;}
.divBasketCheck {width:90%;text-align:center;color:#ef7500;margin:0 auto;}
}
@media screen and (max-width: 560px) {
.introBox {max-width:1200px;margin:170px auto 20px auto;height:inherit;border:solid #dddddd 1px;background:#ffffff;box-shadow:#999999 5px 5px 10px}
.leftBox {}
.rightBox {float:left;width:100%;}
.rightBox .story {height:90px;text-align:center;border-left:none;border-bottom:none;}
.rightBox .story .button {display:none;}
nav img {max-width:70%;}
.proactiveCTA img {max-width:100%;width:90%;}
}
@media screen and (max-width: 480px) {
nav img {max-width:70%;margin-top:-10px;}
nav {height:100px;}
}
.tooltip {position: relative;display: inline-block;background:#ef7500;width:30px;height:30px;top:0;border-radius: 1em;-moz-border-radius: 1em;-webkit-border-radius: 1em;line-height: 30px;text-align: center;margin-left:15px;}
.tooltip img {width:26px;height:30px;padding:0 0 4px 0;}
/* INLINE TEXT*/
.tooltip .tooltiptext {visibility: hidden;width: 300px;background-color: #555;color: #fff;text-align: center;padding: 15px 10px;border-radius: 6px;position: absolute;z-index: 1;bottom: 125%;left: 50%;margin-left: -60px;opacity: 0;transition: opacity 1s;font-size:80%;}
/* ARROW */
.tooltip .tooltiptext::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #555 transparent transparent transparent;}
/* SHOW ONHOVER */
.tooltip:hover .tooltiptext {visibility: visible;opacity: 1;}
#CancelButton {margin-bottom:15px;}