html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}  .slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} html {
font-size: 62.5%; } body > div {
font-size: 1.8rem;
} body {
margin: 0;
line-height:1.625;
}
p {
-webkit-margin-before: 0px;
-webkit-margin-after: 0px;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
ul ul, ol ul {
list-style-type: circle;
}
ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 0px;
-webkit-margin-after: 0px;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
}  article,
aside,
details, figcaption,
figure,
footer,
header,
main, menu,
nav,
section,
summary { display: block;
} audio,
canvas,
progress,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} progress {
vertical-align: baseline;
} template, [hidden] {
display: none;
}  a:active,
a:hover {
outline-width: 0;
}  abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: inherit;
} b,
strong {
font-weight: bolder;
} dfn {
font-style: italic;
} mark {
background-color: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
} svg:not(:root) {
overflow: hidden;
}  code,
kbd,
pre,
samp {
font-family: monospace, monospace; font-size: 1em; }   hr {
box-sizing: content-box; height: 0; overflow: visible; }  button,
input,
select,
textarea {
font: inherit; margin: 0; }
button {
border-style: none;
} optgroup {
font-weight: bold;
} button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
html [type="button"], [type="reset"],
[type="submit"] {
-webkit-appearance: button; } button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; } input, select, textarea {
border-width: 1px;
border-style: solid;
}
input:focus, select:focus, textarea:focus {
outline-color:#3b94d9;
}
[type="checkbox"], [type="radio"] {
outline:none;
} .comment-form p input, .comment-form p textarea {
display:block;
}  html,
input[type="search"]{
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
} .five-sixths,
.four-sixths,
.four-fifths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-fifths,
.three-sixths,
.two-fourths,
.two-fifths,
.two-sixths,
.two-thirds {
float: left;
margin-left: 2.564102564102564%;
}
.one-half,
.three-sixths,
.two-fourths {
width: 48.717948717948715%;
}
.one-third,
.two-sixths {
width: 31.623931623931625%;
}
.four-sixths,
.two-thirds {
width: 65.81196581196582%;
}
.one-fourth {
width: 23.076923076923077%;
}
.three-fourths {
width: 74.35897435897436%;
}
.one-fifth {
width: 17.9487179487179488%;
}
.two-fifths {
width: 38.4615384615384616%;
}
.three-fifths {
width: 58.9743589743589744%;
}
.four-fifths {
width: 79.4871794871794872%;
}
.one-sixth {
width: 14.52991452991453%;
}
.five-sixths {
width: 82.90598290598291%;
}
.first {
clear: both;
margin-left: 0;
} .site-inner,
.wrap {
margin: 0 auto;
max-width: 1200px;
}
.site-inner {
clear: both;
} .content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
width: 980px;
}
.content-sidebar-sidebar .content-sidebar-wrap {
float: left;
}
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
float: right;
} .content {
float: right;
width: 800px;
}
.content-sidebar .content,
.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content {
float: left;
}
.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content,
.sidebar-sidebar-content .content {
width: 580px;
}
.full-width-content .content {
width: 100%;
} .sidebar-primary {
float: right;
width: 360px;
}
.sidebar-content .sidebar-primary,
.sidebar-sidebar-content .sidebar-primary {
float: left;
} .sidebar-secondary {
float: left;
width: 180px;
}
.content-sidebar-sidebar .sidebar-secondary {
float: right;
}  .author-box:before,
.clearfix:before,
.entry:before,
.entry-content:before,
.nav-primary:before,
.nav-secondary:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.wrap:before {
content: " ";
display: table;
}
.author-box:after,
.clearfix:after,
.entry:after,
.entry-content:after,
.nav-primary:after,
.nav-secondary:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.wrap:after {
clear: both;
content: " ";
display: table;
} .site-header .widget-area {
float: right;
text-align: right;
width: 800px;
} .genesis-nav-menu {
clear: both;
line-height: 1;
width: 100%;
margin-bottom:0px;
}
.genesis-nav-menu .menu-item {
display: inline-block;
text-align: left;
}
.genesis-nav-menu a {
display: block;
}
.genesis-nav-menu .sub-menu {
left: -9999px;
opacity: 0;
position: absolute;
-webkit-transition: opacity .4s ease-in-out;
-moz-transition:    opacity .4s ease-in-out;
-ms-transition:     opacity .4s ease-in-out;
-o-transition:      opacity .4s ease-in-out;
transition:         opacity .4s ease-in-out;
width: 200px;
z-index: 99;
}
.genesis-nav-menu .sub-menu .sub-menu {
margin: -55px 0 0 199px;
}
.genesis-nav-menu .menu-item:hover {
position: static;
}
.genesis-nav-menu .sub-menu a {
position: relative;
width: 200px;
word-wrap: break-word;
}
.genesis-nav-menu .menu-item:hover > .sub-menu {
left: auto;
opacity: 1;
} .menu .menu-item:focus {
position: static;
}
.menu .menu-item > a:focus + ul.sub-menu,
.menu .menu-item.sfHover > ul.sub-menu {
left: auto;
opacity: 1;
} .site-header .sub-menu .sub-menu {
margin-top: -56px;
} embed, iframe, img, object, video, .wp-caption {
max-width: 100%;
}
img {
height:auto;
}
div {
display:block;
}
ul {
padding-left:0px;
}
ul li {
list-style-type:none;
} a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
-webkit-transition: all 0.1s ease-in-out;
-moz-transition:    all 0.1s ease-in-out;
-ms-transition:     all 0.1s ease-in-out;
-o-transition:      all 0.1s ease-in-out;
transition:         all 0.1s ease-in-out;
}
h1, h2, h3, h4, h5, h6, p, ul, menu, dir {
-webkit-margin-before:0px;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-moz-margin-start: 0px;
-moz-margin-end: 0px;
margin-top:0px;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.2;
}
h1 {
font-size: 36px;
font-size: 3.6rem;
}
h2 {
font-size: 30px;
font-size: 3rem;
}
h3 {
font-size: 24px;
font-size: 2.4rem;
}
h4 {
font-size: 20px;
font-size: 2rem;
}
h5 {
font-size: 18px;
font-size: 1.8rem;
}
h6 {
font-size: 16px;
font-size: 1.6rem;
} .pagination {
clear: both;
margin: 40px 0;
}
.adjacent-entry-pagination {
margin-bottom: 0;
}
.archive-pagination ul {
padding-left:0px;
}
.archive-pagination li {
display: inline;
}
.archive-pagination li a {
background-color: #333;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 16px;
font-size: 1.6rem;
padding: 8px 12px;
text-decoration: none;
}
.archive-pagination li a:hover,
.archive-pagination li a:focus,
.archive-pagination .active a {
background-color: #c3251d;
text-decoration: underline;
} a.aligncenter img {
display: block;
margin: 0 auto;
}
a.alignnone {
display: inline-block;
}
.alignleft {
float: left;
text-align: left;
}
.alignright {
float: right;
text-align: right;
}
a.alignleft,
a.alignnone,
a.alignright {
max-width: 100%;
}
img.centered,
.aligncenter {
display: block;
margin: 0 auto 24px;
}
img.alignnone,
.alignnone {
margin-bottom: 12px;
}
a.alignleft,
img.alignleft,
.wp-caption.alignleft {
margin: 0 24px 24px 0;
}
a.alignright,
img.alignright,
.wp-caption.alignright {
margin: 0 0 24px 24px;
}
.wp-caption-text {
font-size: 14px;
font-size: 1.4rem;
font-weight: 700;
text-align: center;
}
.entry-content p.wp-caption-text {
margin-bottom: 0;
}
.entry-content .wp-audio-shortcode,
.entry-content .wp-playlist,
.entry-content .wp-video {
margin: 0 0 28px;
} @media only screen and (max-width: 1200px) {
.site-inner, .wrap {
max-width: 960px;
}
.content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
width: 740px;
}
.content,
.site-header .widget-area {
width: 620px;
}
.sidebar-content-sidebar .content,
.sidebar-sidebar-content .content,
.content-sidebar-sidebar .content {
width: 400px;
}
.sidebar-primary,
.title-area {
width: 300px;
}
}
@media only screen and (max-width: 1000px) { }
@media only screen and (max-width: 960px) {
.site-inner,
.wrap {
max-width: 800px;
}
.content,
.content-sidebar-sidebar .content,
.content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-primary,
.sidebar-secondary,
.sidebar-sidebar-content .content,
.sidebar-sidebar-content .content-sidebar-wrap,
.site-header .widget-area,
.title-area {
width: 100%;
}
}
@media only screen and (max-width: 800px) {
.site-inner,
.wrap {
padding-left: 10px; padding-right: 10px; }
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.two-fourths,
.two-fifths,
.two-sixths,
.two-thirds,
.three-fourths,
.three-fifths,
.three-sixths,
.four-sixths,
.four-fifths,
.five-sixths {
margin-left: 0;
width: 100%;
}
}html{
overflow-x:hidden;
}
body {
line-height:1.4;
font-family: sans-serif;
position:relative;
background-image:url(//nor-con.co.uk/wp-content/themes/norcon_theme/img/pageBackground.jpg);
background-repeat:no-repeat;
background-size:cover;
background-attachment:fixed;
background-position:center;
overflow-x:hidden;
}
h1, h2, h3, h4, h5, h6, p {
margin-bottom:20px;
webkit-margin-after:20px;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Orbitron',sans-serif;
font-weight:600;
}
a{
color:yellow;
transition:color 0.5s!important;
}
a:hover{
color:#ff9700;
}
a, a:hover {
text-decoration:none;
}
.post-edit-link,
.entry-header {
display:none;
}
figure{
margin:0;
}
body img.alignright{
margin-top:24px;
}
.tt-widget iframe{
min-width:180px!important;
}
.drop15{
margin-bottom:-15px!important;
}
.guestCard{
position:relative;
font-family:'Orbitron',sans-serif;
background-color:black;
padding:10px;
border:5px solid #ff9700;
border-radius:5px;
color:white;
text-align:center;
height:100%;
}
.guestCard .presents{
font-size:2.75rem;
font-weight:bold;
margin-top:20px;
}
.guestCard .header{
text-transform:uppercase;
font-size:4rem;
}
.guestCard .dates{
color:#ff9700;
text-transform:uppercase;
margin:40px 0;
font-size:2.5rem;
}
.guestCard .prices{
display:flex;
flex-wrap:wrap;
gap:5px;
justify-content:center;
margin-bottom:40px;
}
.guestCard .price{
font-family:sans-serif;
display:inline-block;
background-color:#ff9700;
color:black;
text-transform:uppercase;
font-weight:900;
font-size:2.75rem;
line-height:1.25em;
transform:scaleY(0.8);
padding:15px 0;
width:calc(33.3% - 3.33px);
min-width:230px;
max-width:100%;
margin:-10px 0;
}
.guestCard .description{
margin-bottom:120px;
}
.guestCard .ticketLink{
position:absolute;
width:calc(100% - 20px);
bottom:30px;
}
.guestCard .ticketLink.photos{
bottom:80px;
}
.guestCard .ticketLink a{
background-color:#ff9700;
color:black;
border-radius:5px;
}
.guestCard .ticketLink a:hover{
color:#444444;
}
.facebookLink{
display:inline-block;
font-family:'Zen Dots', cursive;
background-color:#3977ea;
color:white;
background-image:url(//nor-con.co.uk/wp-content/themes/norcon_theme/img/fbButton.png);
background-repeat:no-repeat;
background-position:10px center;
background-size:10px;
padding:5px 35px 3px;
font-size:22px;
border-radius:5px;
}
.facebookLink:hover{
color:#444444;
}
.smallInfoBox{
width:600px;
max-width:calc(var(--trueVW) - 60px);
}
.doubleList .smallInfoBox{
margin-left:100px;
margin-right:100px;
}
.doubleList .smallInfoBoxContent{
padding:80px 30px;
text-align:center;
display:grid;
grid-template-columns:1fr 1fr;
grid-template-areas:"heading heading"
"left right";
}
.doubleList .smallInfoBoxContent p{
display:none;
}
.doubleList .smallInfoBoxContent h2{
grid-area:heading;
font-size:4rem;
margin-bottom:40px;
}
@media(max-width:800px){
.doubleList .smallInfoBox{
margin-left:auto;
margin-right:auto;
}
.doubleList .smallInfoBoxContent{
grid-template-columns:1fr;
grid-template-areas:"heading"
"left"
"right";
}
.doubleList .smallInfoBoxContent h2{
font-size:2.5rem;
}
}
.doubleList .smallInfoBoxContent ul:first-of-type{
grid-area:left;
}
.doubleList .smallInfoBoxContent ul:last-of-type{
grid-area:right;
}
.doubleList .smallInfoBoxContent li{
list-style:none;
}
.doubleList .smallInfoBoxContent li strong{
text-transform:uppercase;
}
.clearfix {
clear:both;
overflow:hidden;
}
.centre {
text-align:center;
}
.right {
text-align:right;
}
.margin-b-0 {
margin-bottom:0;
}
.margin-b-10 {
margin-bottom:10px;
}
.margin-b-20 {
margin-bottom:20px;
}
.margin-b-50 {
margin-bottom:50px;
}
.margin-b-100 {
margin-bottom:100px;
}
.orange {
color:#ff9700;
}
.white {
color:#fff;
}
.site-container{
font-size:1.75rem;
}
.site-container ul{
padding:10px 30px;
}
.site-container ul li{
list-style-type:disc;
}
#footer{
background-color:black;
display:grid;
grid-template-columns:1fr 1fr;
grid-template-areas:"newsletter newsletter"
"navigation sponsors"
"socials socials"
"copyright copyright";
padding-bottom:30px;
}
@media(max-width:480px){
#footer{
grid-template-columns:1fr;
grid-template-areas:"newsletter"
"sponsors"
"navigation"
"socials"
"copyright";
}
}
#footer .footerHeading{
color:white;
text-transform:uppercase;
text-align:center;
margin:20px 0;
}
#footer > .newsletter{
grid-area:newsletter;
}
#footer > .navigation{
padding:20px;
grid-area:navigation;
border-bottom:1px solid #222;
}
#menu-footer-menu{
display:flex;
flex-wrap:wrap;
column-gap:15px;
justify-content:space-between;
}
#footer > .sponsors{
padding:20px;
grid-area:sponsors;
background-color:#222;
border-bottom:1px solid #222;
}
#footer .sponsors-inner{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:20px;
}
#footer .sponsor{
display:flex;
align-items:center;
}
#footer .sponsor img{
width:150px;
height:100px;
object-fit:contain;
}
#footer > .socials{
grid-area:socials;
text-align:center;
margin-top:20px;
}
#footer > .copyright{
grid-area:copyright;
text-align:center;
color:white;
font-size:2rem;
margin-top:15px;
}
#footer ul,
.clock ul,
.textBox ul{
padding:0;
}
#footer ul li,
.clock ul li,
.textBox ul li{
list-style-type:none;
}
#top .flip-clock-wrapper{
width:fit-content;
height:86px;
overflow:hidden;
}
.faqSection ul{
padding:10px 0;
}
.inlinelist li {
display:inline-block;
}
.textBox ul li:not(:has(input)),
.faqSection ul li{
background-image: url(//nor-con.co.uk/wp-content/themes/norcon_theme/img/norcon-logo-survival.png);
background-position: left 0px;
background-size: 30px;
background-repeat: no-repeat;
padding: 0 0 20px 45px;
list-style:none;
}
.wp-block-lazyblock-cta-button a{
font-size:3.5rem;
}
@media(max-width:1024px){
.wp-block-lazyblock-cta-button a{
font-size:3rem;
}
}
#tickets {
position:fixed;
left:0;
top:20%;
transition:opacity 0.5s;
max-width:10vw;
min-width:50px;
z-index:9;
}
#tickets.fadeout{
opacity:67%;
}
#tickets.fadeout:hover{
opacity:100%;
}
.zen { font-family: 'Orbitron',sans-serif;
font-weight:900;
}
.hborder span {
border-bottom:5px solid #ff9700;
}
.slider1100 .slickSlider{
max-width:1100px;
margin:auto;
}
.slickSlider .slick-track{
display:flex;
gap:20px;
}
.slickSlider.text .slick-list .slick-track{
align-items:stretch;
gap:30px;
}
.slickSlider.text .slick-slide{
height:inherit;
}
.slickSlider.text .slick-slide > div,
.slickSlider.text .slick-slide .slide{
height:100%;
}
.slickSlider.text .slick-slide .slide-inner{
height:100%;
padding:30px;
border-radius:30px;
}
.slickSlider.text .slide-outer{
height:100%;
background-size:cover;
background-position:center;
}
.slickSlider.text .slide-inner h3{
font-weight:normal;
font-size:1.5rem;
}
.slickSlider.text .slide-inner p:not(:last-of-type){
margin-bottom:1.5em;
}
.wp-block-lazyblock-text-box-carousel .slide-inner img{
margin:0 auto 50px;
}
#sbi_images .sbi_item a{
border-radius:22px;
}
#sbi_load{
display:none;
}
#sb_instagram .sb_instagram_header{
display:none;
}
#sb_instagram #sbi_images{
grid-template-columns:unset!important;
}
#sbi_images .sbi_item a{
background-color:#000000a0;
padding:20px!important;
width:calc(100% - 10px);
}
#sbi_images .sbi_item a img{
height:100%!important;
border-radius:22px;
}
.button,
.buttonLinks a{
font-family: 'Zen Dots', cursive;
padding:5px 35px 3px 35px;
color:black;
background-color:#ff9700;
}
.buttonLinks a:hover{
color:#444444;
}
.borange {
color:#000;
background-color:#ff9700;
}
.bblack {
color:#ff9700;
background-color:#000;
}
.header {
display: flex;
align-items: center;
margin: 0 auto 25px auto;
width: fit-content;
}
.header h1,
.header h2,
.header h3,
.header h4,
.header img {
display:inline-block;
font-family: 'Zen Dots', cursive;
margin-bottom:;
}
.header h1 {
font-size:40px;
}
.header img {
padding-left:10px;
max-width: 100px;
margin-bottom:-25px;
}
.contentwrap {
border: 5px solid #ff9700;
background-color: #000;
color: #fff;
padding: 25px 50px;
}
.contentwrap2 {
border: 5px solid #ff9700;
background-color: #000;
color: #fff;
padding: 20px;
}
.flexwrap {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row;
flex-wrap: wrap;
justify-content: center;
width: 100%;
}
.eg-grid-wrap,
.eg-component-lightbox {
border: 5px solid #ff9700;
border-radius:5px;
margin: 0 auto 50px auto;
padding:40px 20px;
background-color:#000000c0;
}
.eg-overlay-wrapper > a img {
margin: auto;
}
.eg-mask{
opacity:80%;
} .home #icon {
display:none;
}
.site-header {
background-color:#000;
color:#fff;
padding:15px 20px;
position:fixed;
width:100%;
z-index:10;
top:0;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
}
@media(max-width:1370px){
.site-header > .wrap > .flexwrap{
max-width:500px;
}
}
@media(max-width:808px){
.site-header > .wrap > .flexwrap > .flexbox:first-child{
opacity:0;
}
}
.logged-in .site-header {
top:32px;
}
.site-header .flexwrap {
margin:auto;
gap:20px;
}
.site-header .flexwrap .flexbox {
padding:0 10px;
display: flex;
align-items: center;
}
.site-header .flexwrap .flexbox img,
.site-header .flexwrap .flexbox h4 {
display:inline-block;
}
.site-header .flexwrap .flexbox img {
padding-right:15px;
}
#icon {
position: absolute;
width: 100px;
top: 0;
z-index:2;
} #top-nav{
position:absolute;
top:15px;
right:0;
width:264px;
height:50px;
background-color:transparent;
text-align:left;
z-index:100;
}
#top-nav .menuButton{
margin-right:15px;
cursor:pointer;
transition:opacity 0.5s;
}
#top-nav.focus .menuButton{
opacity:0;
}
#top-nav .top-nav-container{
width:0;
position:absolute;
right:0;
overflow:hidden;
height:calc(var(--trueVH) - 60px);
background-color:black;
display:flex;
align-items:center;
font-family:'Orbitron',sans-serif;
text-transform:uppercase;
font-size:3rem;
font-weight:bold;
color:#ff9700;
white-space:nowrap;
text-align:left;
transition:width 0.5s;
}
@media(max-width:1250px){
#top-nav .top-nav-container{
font-size:2.5rem;
}
}
#top-nav.focus .top-nav-container{
width:var(--trueVW);
}
#top-nav .top-nav-container > *{
flex-grow:1;
overflow:hidden;
flex-basis:calc(var(--trueVW) / 2);
}
#top-nav-close{
background-color:transparent;
position:absolute;
top:15px;
right:18px;
opacity:0;
cursor:pointer;
z-index:-1;
transition:opacity 0.5s;
pointer-events:none;
}
#top-nav.focus + #top-nav-close{
opacity:1;
z-index:101;
pointer-events:all;
}
#top-nav .top-nav-info{
display:flex;
flex-direction:column;
align-items:center;
}
@media(max-width: 1000px) {
#top-nav .top-nav-info{
display:none;
}
}
#top-nav .top-nav-info h2,
#top-nav .top-nav-info p{
margin:10px 0;
}
#top-nav .menu-main-menu-container{
background-color:#ff9700;
min-height:calc(var(--trueVH) - 70px);
position:relative;
display:flex;
align-items:center;
justify-content:center;
}
#menu-main-menu{
max-height:calc(var(--trueVH) - 70px);
overflow-y:auto;
padding-bottom:25px;
overflow:hidden;
}
#menu-main-menu a{
color:black;
}
#menu-main-menu a:hover{
color:#444;
}
#menu-main-menu li{
list-style:none;
padding-left:0;
}
#menu-main-menu li.menu-item-has-children > a:after{
color:black;
content:'+';
}
#menu-main-menu li.menu-item-has-children > a + ul{
position:absolute;
padding:40px 0;
top:0;
right:0;
width:0;
height:100%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
border-left:1px solid black;
background-color:#ff9700;
transition:all 0.5s;
overflow:hidden;
}
#menu-main-menu li.menu-item-has-children > a.focus + ul{
width:100%;
padding:40px;
}
#menu-main-menu backbutton{
margin-top:40px;
right:40px;
color:black;
font-size:80%;
cursor:pointer;
}
.heroImage{
display:flex;
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
}
.logged-in .heroImage{
margin-top:6px;
}
@media(max-width:1370px){
.heroImage{
margin-top:76px;
}
.logged-in .heroImage{
margin-top:44px;
}
}
.heroImage img{
width:100%;
}
.fullscreen-section {
background-position:center;
background-size:cover;
background-repeat:no-repeat;
position: relative;
padding:30px;
}
.textBox{
width:400px;
margin:auto;
max-width:calc(var(--trueVW) - 60px);
background-size:cover;
background-position:center;
height:100%;
}
.textBox .background{
padding:20px;
height:100%;
}
.faqSection{
width:400px;
margin:auto;
max-width:calc(var(--trueVW) - 60px);
}
.youtube{
display:block;
width:400px;
margin:auto;
max-width:calc(var(--trueVW) - 60px);
}
.textBox.narrow,
.faqSection.narrow,
.youtube.narrow{
min-width:45%;
}
.textBox.medium,
.faqSection.medium,
.youtube.medium{
min-width:70%;
}
.textBox.wide,
.faqSection.wide,
.youtube.wide{
min-width:100%;
}
.textBox .background > img{
width:100%;
height:auto;
margin-bottom:40px;
}
.textBox .header{
margin-top:40px;
vertical-align:middle;
text-align:center;
}
.imageGrid{
display:flex;
flex-wrap:wrap;
padding:40px;
}
.imageGrid img{
flex-grow:1;
}
.slick-list .slick-track{
display:flex;
align-items:end;
}
.collapsible{
cursor:pointer;
padding:5px 5px 5px 55px;
width:100%;
font-size:24px;
background-image:url(//nor-con.co.uk/wp-content/themes/norcon_theme/img/faqbutton.png);
background-repeat:no-repeat;
background-size:30px;
background-position:5px 7px;
font-weight:700;
text-align:left;
}
.collapsible.active{
background-image:url(//nor-con.co.uk/wp-content/themes/norcon_theme/img/faqbuttonActive.png);
}
.collapsible .orange{
color:black;
}
.collapsible + div{
overflow:hidden;
max-height:0;
transition:max-height 0.5s;
margin:5px 0 15px;
}
.collapsible + div > div{
padding:20px 20px 10px;
}
.fullscreen-feature{
height:var(--trueVH);
background-repeat:no-repeat;
background-size:cover;
background-position:center;
position:relative;
}
.fullscreen-feature.fixed{
background-attachment:fixed;
}
.fullscreen-feature #top {
padding-top:100px;
}
.fullscreen-feature #top h4{
text-align:center;
}
.fullscreen-feature .text {
text-align:center;
position:absolute;
margin:auto;
width:100%;
bottom:125px;
color:#fff;
padding:0 20px;
}
.fullscreen-feature .text h1 {
font-size:48px;
text-shadow: 1px 1px 10px #000;
}
.traderPitchTables{
display:grid;
grid-gap:20px;
grid-template-columns:repeat(auto-fit,minmax(350px,1fr));
grid-auto-rows:10px;
color:black;
}
.traderPitchTable{
width:100%;
}
.traderPitchTables .wrapper{
max-width:calc(var(--trueVW) - 110px);
}
.traderPitchTable.A tbody{
background-color:#bdd6ee;
}
.traderPitchTable.B tbody{
background-color:#ffffcc;
}
.traderPitchTable.C tbody{
background-color:#e2efd9;
}
.traderPitchTable.D tbody{
background-color:#e0d9ef;
}
.traderPitchTables th{
background-color:#2f5496;
color:white;
}
.traderPitchTable caption{
color:#ff9700;
font-size:1.5;
}
.traderPitchTables tr td:first-child{
background-color:#ff99cc;
}
.traderPitchTables th,
.traderPitchTables td{
padding:0 10px;
text-align:left;
} .nf-form-fields-required,
.nf-error .nf-error-msg {
display:none!important;
}
.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
font-family: 'Zen Dots', cursive!important;
padding:5px 35px 3px 35px!important;
font-size:26px!important;
color:#000!important;
background-color:#ff9700!important;
}
.arrow{
position: absolute;
bottom:65px;
left: 50%;
transform: translate(-50%,-50%);
}
.arrow span{
display: block;
width: 30px;
height: 30px;
border-bottom: 5px solid #fff;
border-right: 5px solid #fff;
transform: rotate(45deg);
margin: -10px;
animation: animate 2s infinite;
}
.arrow span:nth-child(2){
animation-delay: -0.2s;
}
.arrow span:nth-child(3){
animation-delay: -0.4s;
}
@keyframes animate {
0%{
opacity: 0;
transform: rotate(45deg) translate(-20px,-20px);
}
50%{
opacity: 1;
}
100%{
opacity: 0;
transform: rotate(45deg) translate(20px,20px);
}
}
#spider,#spider #man {
position: absolute;
width: 370px;
height: 780px;
}
#spider {
overflow: hidden;
right: 0;
top: 0;
}
#spider #man {
top: -790px;
-webkit-animation-name: spiderman,spider-hang;
animation-name: spiderman,spider-hang;
-webkit-animation-duration: 4.5s,2.5s;
animation-duration: 4.5s,2.5s;
animation-delay: 3s,7s;
-webkit-animation-delay: 3s,7s;
-webkit-animation-timing-function: ease-out,ease-in-out;
animation-timing-function: ease-out,ease-in-out;
-webkit-animation-iteration-count: 1,infinite;
animation-iteration-count: 1,infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal,alternate;
animation-direction: normal,alternate;
z-index: 9999;
}
@keyframes spiderman {
50% {
top: -50px
}
100% {
top: -200px
}
}
@keyframes spider-hang {
0%,100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
50% {
-webkit-transform: translateY(20px);
transform: translateY(20px)
}
}
@media(max-width:480px){
.fullscreen-section{
padding:30px 20px;
}
.wp-block-lazyblock-cta-button a{
font-size:2.5rem;
}
.button, .buttonLinks a{
padding:5px 20px 3px 20px;
}
body.home #main-content .fullscreen-feature .text img{
margin-bottom:-25%;
}
}
.adBanner .fullscreen-section .lazyblock-inner-blocks{
width:400px;
min-width:80%;
max-width:100%;
margin:auto;
}
.adBanner img{
height:300px;
object-fit:contain;
margin:0 auto;
} .post-password-form{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:black;
color:white;
z-index:2;
padding:200px 0 0;
text-align:center;
}.clock { }
.clock .days .flip-clock-label,
.clock .hours .flip-clock-label,
.clock .minutes .flip-clock-label,
.clock .seconds .flip-clock-label {
display:none;
}
.flip-clock-wrapper * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
.flip-clock-wrapper a {
cursor: pointer;
text-decoration: none;
color: #ccc;
}
.flip-clock-wrapper a:hover {
color: #fff;
}
.flip-clock-wrapper ul {
list-style: none;
}
.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
content: " ";
display: table;
}
.flip-clock-wrapper.clearfix:after {
clear: both;
}
.flip-clock-wrapper.clearfix {
*zoom: 1;
} .flip-clock-wrapper {
font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
-webkit-user-select: none;
}
.flip-clock-meridium {
background: none !important;
box-shadow: 0 0 0 !important;
font-size: 36px !important;
}
.flip-clock-meridium a { color: #313333;
}
.flip-clock-wrapper {
width: 420px;
margin: 0 auto;
}
.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
content: " "; display: table; }
.flip-clock-wrapper:after {
clear: both;
} .flip-clock-wrapper ul {
position: relative;
float: left;
margin: 5px;
width: 30px;
height: 60px;
font-size: 40px;
font-weight: bold;
line-height: 87px;
border-radius: 6px;
background: #000;
}
.flip-clock-wrapper ul li {
z-index: 1;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
line-height: 65px;
text-decoration: none !important;
}
.flip-clock-wrapper ul li:first-child {
z-index: 2;
}
.flip-clock-wrapper ul li a {
display: block;
height: 100%;
-webkit-perspective: 200px;
-moz-perspective: 200px;
perspective: 200px;
margin: 0 !important;
overflow: visible !important;
cursor: default !important;
}
.flip-clock-wrapper ul li a div {
z-index: 1;
position: absolute;
left: 0;
width: 100%;
height: 50%;
font-size: 20px;
overflow: hidden;
outline: 1px solid transparent;
}
.flip-clock-wrapper ul li a div .shadow {
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
}
.flip-clock-wrapper ul li a div.up {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
top: 0;
}
.flip-clock-wrapper ul li a div.up:after {
content: "";
position: absolute;
top: 44px;
left: 0;
z-index: 5;
width: 100%;
height: 3px;
background-color: #000;
background-color: rgba(0, 0, 0, 0.4);
}
.flip-clock-wrapper ul li a div.down {
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0;
bottom: 0;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.flip-clock-wrapper ul li a div div.inn {
position: absolute;
left: 0;
z-index: 1;
width: 100%;
height: 200%;
color: #f38701;
text-shadow: 0 1px 2px #000;
text-align: center;
background-color: #333;
border-radius: 6px;
font-size: 35px;
}
.flip-clock-wrapper ul li a div.up div.inn {
top: 0;
}
.flip-clock-wrapper ul li a div.down div.inn {
bottom: 0;
} .flip-clock-wrapper ul.play li.flip-clock-before {
z-index: 3;
}
.flip-clock-wrapper .flip {
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
}
.flip-clock-wrapper ul.play li.flip-clock-active {
-webkit-animation: asd 0.5s 0.5s linear both;
-moz-animation: asd 0.5s 0.5s linear both;
animation: asd 0.5s 0.5s linear both;
z-index: 5;
}
.flip-clock-divider {
float: left;
display: inline-block;
position: relative;
width: 20px;
height: 85px;
}
.flip-clock-divider:first-child {
width: 0;
}
.flip-clock-dot {
display: block;
background: #323434;
width: 10px;
height: 10px;
position: absolute;
border-radius: 50%;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
left: 5px;
}
.flip-clock-divider .flip-clock-label {
position: absolute;
top: -1.5em;
right: -86px;
color: black;
text-shadow: none;
}
.flip-clock-divider.minutes .flip-clock-label {
right: -88px;
}
.flip-clock-divider.seconds .flip-clock-label {
right: -91px;
}
.flip-clock-dot.top {
top: 20px;
}
.flip-clock-dot.bottom {
bottom: 30px;
}
@-webkit-keyframes asd {
0% {
z-index: 2;
}
20% {
z-index: 4;
}
100% {
z-index: 4;
}
}
@-moz-keyframes asd {
0% {
z-index: 2;
}
20% {
z-index: 4;
}
100% {
z-index: 4;
}
}
@-o-keyframes asd {
0% {
z-index: 2;
}
20% {
z-index: 4;
}
100% {
z-index: 4;
}
}
@keyframes asd {
0% {
z-index: 2;
}
20% {
z-index: 4;
}
100% {
z-index: 4;
}
}
.flip-clock-wrapper ul.play li.flip-clock-active .down {
z-index: 2;
-webkit-animation: turn 0.5s 0.5s linear both;
-moz-animation: turn 0.5s 0.5s linear both;
animation: turn 0.5s 0.5s linear both;
}
@-webkit-keyframes turn {
0% {
-webkit-transform: rotateX(90deg);
}
100% {
-webkit-transform: rotateX(0deg);
}
}
@-moz-keyframes turn {
0% {
-moz-transform: rotateX(90deg);
}
100% {
-moz-transform: rotateX(0deg);
}
}
@-o-keyframes turn {
0% {
-o-transform: rotateX(90deg);
}
100% {
-o-transform: rotateX(0deg);
}
}
@keyframes turn {
0% {
transform: rotateX(90deg);
}
100% {
transform: rotateX(0deg);
}
}
.flip-clock-wrapper ul.play li.flip-clock-before .up {
z-index: 2;
-webkit-animation: turn2 0.5s linear both;
-moz-animation: turn2 0.5s linear both;
animation: turn2 0.5s linear both;
}
@-webkit-keyframes turn2 {
0% {
-webkit-transform: rotateX(0deg);
}
100% {
-webkit-transform: rotateX(-90deg);
}
}
@-moz-keyframes turn2 {
0% {
-moz-transform: rotateX(0deg);
}
100% {
-moz-transform: rotateX(-90deg);
}
}
@-o-keyframes turn2 {
0% {
-o-transform: rotateX(0deg);
}
100% {
-o-transform: rotateX(-90deg);
}
}
@keyframes turn2 {
0% {
transform: rotateX(0deg);
}
100% {
transform: rotateX(-90deg);
}
}
.flip-clock-wrapper ul li.flip-clock-active {
z-index: 3;
} .flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
-webkit-animation: show 0.5s linear both;
-moz-animation: show 0.5s linear both;
animation: show 0.5s linear both;
}
.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
-webkit-animation: hide 0.5s 0.3s linear both;
-moz-animation: hide 0.5s 0.3s linear both;
animation: hide 0.5s 0.3s linear both;
} .flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
-webkit-animation: show 0.5s linear both;
-moz-animation: show 0.5s linear both;
animation: show 0.5s linear both;
}
.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
-webkit-animation: hide 0.5s 0.3s linear both;
-moz-animation: hide 0.5s 0.3s linear both;
animation: hide 0.5s 0.2s linear both;
}
@-webkit-keyframes show {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes show {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes show {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes show {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes hide {
0% {
opacity: 1; }
100% {
opacity: 0;
}
}
@-moz-keyframes hide {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-o-keyframes hide {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes hide {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@media only screen and (max-width: 1200px) {
.clock {
top: auto!important;
bottom: auto!important;
left: 0!important;
right: 0!important;
}
}