/*************************************** Base Styles  ***************************************/  /* Clear Elements */    .group:before, .group:after {content: ""; display: table;}     .group:after {clear: both;}    .group {zoom: 1;}    /* Set up REM style */  /*  html { font-size: 62.5%; }     body { font-size: 14px; font-size: 1.4rem; background: #fff;}     h1   { font-size: 24px; font-size: 2.4rem; } */    /* Older browsers */    html { font-size: 12px; background: #ffffff; scroll-behavior: smooth;}      @media screen and (min-width: 320px){      html { font-size: calc( 12px + (16 - 12) * (100vw - 320px) / (1200 - 320) ); }  }      @media screen and (min-width: 800px){        html { font-size: 16px; }  }    /* Border Box */    *, *:before, *:after {        -webkit-box-sizing: border-box;        -moz-box-sizing: border-box;        box-sizing: border-box;    }.inner-position {display: table-cell; vertical-align: middle;}/*************************************** Fonts  ***************************************/@font-face {    font-family: 'BNPP Sans Condensed Bold';    src: url('/bnppsportsandsocial-co-uk/_img/fonts/BNPPSansCondensed-Bold.eot');    src: url('/bnppsportsandsocial-co-uk/_img/fonts/BNPPSansCondensed-Bold.eot?#iefix') format('embedded-opentype'),        url('/bnppsportsandsocial-co-uk/_img/fonts/BNPPSansCondensed-Bold.woff2') format('woff2'),        url('/bnppsportsandsocial-co-uk/_img/fonts/BNPPSansCondensed-Bold.woff') format('woff'),        url('/bnppsportsandsocial-co-uk/_img/fonts/BNPPSansCondensed-Bold.ttf') format('truetype'),        url('/bnppsportsandsocial-co-uk/_img/fonts/BNPPSansCondensed-Bold.svg#BNPPSansCondensed-Bold') format('svg');    font-weight: normal;    font-style: normal;    font-display: swap;}@font-face {    font-family: 'BNPP Sans Condensed Light';    src: url('/bnppsportsandsocial-co-uk/_img/fonts/BNPPSansCondensed-Light.eot');    src: url('/bnppsportsandsocial-co-uk/_img/fonts/BNPPSansCondensed-Light.eot?#iefix') format('embedded-opentype'),        url('/bnppsportsandsocial-co-uk/_img/fonts/BNPPSansCondensed-Light.woff2') format('woff2'),        url('/bnppsportsandsocial-co-uk/_img/fonts/BNPPSansCondensed-Light.woff') format('woff'),        url('/bnppsportsandsocial-co-uk/_img/fonts/BNPPSansCondensed-Light.ttf') format('truetype'),        url('/bnppsportsandsocial-co-uk/_img/fonts/BNPPSansCondensed-Light.svg#BNPPSansCondensed-Light') format('svg');    font-weight: normal;    font-style: normal;    font-display: swap;}@font-face {    font-family: 'BNPP Sans Condensed Regular';    src: url('/bnppsportsandsocial-co-uk/_img/fonts/BNPPSansCondensed.eot');    src: url('/bnppsportsandsocial-co-uk/_img/fonts/BNPPSansCondensed.eot?#iefix') format('embedded-opentype'),        url('/bnppsportsandsocial-co-uk/_img/fonts/BNPPSansCondensed.woff2') format('woff2'),        url('/bnppsportsandsocial-co-uk/_img/fonts/BNPPSansCondensed.woff') format('woff'),        url('/bnppsportsandsocial-co-uk/_img/fonts/BNPPSansCondensed.ttf') format('truetype'),        url('/bnppsportsandsocial-co-uk/_img/fonts/BNPPSansCondensed.svg#BNPPSansCondensed') format('svg');    font-weight: normal;    font-style: normal;    font-display: swap;}@font-face {    font-family: 'BNPP Sans Bold';    src: url('/bnppsportsandsocial-co-uk/_img/fonts/BNPPSans-Bold.eot');    src: url('/bnppsportsandsocial-co-uk/_img/fonts/BNPPSans-Bold.eot?#iefix') format('embedded-opentype'),        url('/bnppsportsandsocial-co-uk/_img/fonts/BNPPSans-Bold.woff2') format('woff2'),        url('/bnppsportsandsocial-co-uk/_img/fonts/BNPPSans-Bold.woff') format('woff'),        url('/bnppsportsandsocial-co-uk/_img/fonts/BNPPSans-Bold.ttf') format('truetype'),        url('/bnppsportsandsocial-co-uk/_img/fonts/BNPPSans-Bold.svg#BNPPSans-Bold') format('svg');    font-weight: normal;    font-style: normal;    font-display: swap;}@font-face {    font-family: 'BNPP Sans Light';    src: url('/bnppsportsandsocial-co-uk/_img/fonts/BNPPSans-Light.eot');    src: url('/bnppsportsandsocial-co-uk/_img/fonts/BNPPSans-Light.eot?#iefix') format('embedded-opentype'),        url('/bnppsportsandsocial-co-uk/_img/fonts/BNPPSans-Light.woff2') format('woff2'),        url('/bnppsportsandsocial-co-uk/_img/fonts/BNPPSans-Light.woff') format('woff'),        url('/bnppsportsandsocial-co-uk/_img/fonts/BNPPSans-Light.ttf') format('truetype'),        url('/bnppsportsandsocial-co-uk/_img/fonts/BNPPSans-Light.svg#BNPPSans-Light') format('svg');    font-weight: normal;    font-style: normal;    font-display: swap;}    h1 {font-family: 'BNPP Sans Condensed Regular'; font-weight: normal; font-style: normal; font-size: 65px; font-size: 4.0625em; line-height: 1.0; margin: 0px; color: #000000; margin-bottom: 15px; text-transform: uppercase;}    h2 {font-family: 'BNPP Sans Condensed Regular'; font-weight: normal; font-style: normal; font-size: 50px; font-size: 3.125em; line-height: 1.0; margin: 0px;  color: #000000; margin-bottom: 15px; text-transform: uppercase;}    h3 {font-family: 'BNPP Sans Condensed Regular'; font-weight: normal; font-style: normal; font-size: 30px; font-size: 1.875em; line-height: 1.0; margin: 0px; color: #000000; margin-bottom: 15px; text-transform: uppercase;}    h4 {font-family: 'BNPP Sans Condensed Regular'; font-weight: normal; font-style: normal; font-size: 18px; font-size: 1.125em; line-height: 1.0; margin: 0px;  color: #000000; margin-bottom: 15px; text-transform: uppercase;}    h5 {font-family: 'BNPP Sans Condensed Regular'; font-weight: normal; font-style: normal; font-size: 16px; font-size: 1.0em; line-height: 1.0; margin: 0px; color: #000000; margin-bottom: 15px; text-transform: uppercase;}    h6 {font-family: 'BNPP Sans Condensed Regular'; font-weight: normal; font-style: normal; font-size: 14px; font-size: 0.875em; line-height: 1.0; margin: 0px; color: #000000; margin-bottom: 15px; text-transform: uppercase;}    p {color: #000000;font-family: 'BNPP Sans Light';  font-size: 18px; font-size: 1.125em; line-height: 1.2;font-weight: 400; font-style: normal; margin-top: 0px; margin-bottom: 15px;}      p strong {font-family: 'BNPP Sans Bold'; font-weight:  normal;}    a {color: #000000; font-family: 'BNPP Sans Light'; text-decoration: none; font-style: normal; }    ul li, ol li, li {color: #000000; font-family: 'BNPP Sans Light'; font-style: normal; }    em {color: #000000; font-family: 'BNPP Sans Light'; font-style: italic; }h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong {font-family: 'BNPP Sans Condensed Bold';}/***************************************Buttons ***************************************/.menu-btn {margin-left:  10px; border: 0px; text-align:  center; display: inline-block; font-family: 'Karla', sans-serif; font-weight: 700; font-style: normal; font-size: 16px; font-size: 1em; transition: all 0.5s ease 0s; padding: 10px 30px 10px 30px; text-decoration: none; color: #fff; position: relative;background: #00abee; border-radius: 5px;}.menu-btn:hover {background: #484a48; color: #fff;}/*************************************** Animations***************************************//*************************************** Header Bar ***************************************/.header-bar-wrapper {padding:  20px 0;}.header-bar-wrapper .row {display:  flex; align-items: center;}.header-logo img {width:  240px;}.header-sub-logo {text-align:  right;}.header-sub-logo img {width:  190px;}/* NAVIGATION */.nav-box {position: relative;}#primary {  margin: 0px 0px 0px 0px; padding-left: 0px;    text-align: center; }#primary>li { display: inline-block; vertical-align: middle;  list-style-type: none; position: relative; text-align: center;  }#primary>li:hover {transition: all 0.5s ease 0s; }#primary>li>a {height: 100%; display: inline-block; transition: all 0.5s ease 0s; margin: 0 0px;  vertical-align: middle;  transition: all 0.5s ease 0s; text-transform: uppercase; font-family: 'BNPP Sans Condensed Light'; font-size: 32px; font-size: 2em; font-weight: normal; font-style: normal; color: #000000; position: relative;  text-decoration: none; padding: 0px 20px;}#primary>li>a:hover {color: #dcdb03;}#primary>li>a.linkActive {}#primary>li>a.linkActive:after {visibility: visible !important;}#primary>li:last-of-type a {padding-right: 0px;}  /* Dropdown LV1 */#primary>li>ul {display: none; white-space:nowrap; list-style: none; text-decoration:none; margin: 0px;}#primary>li:hover>ul {display: block;  position: absolute; top: 101px; left: 0; z-index: 9999; background: #eeeeee; padding: 0px; }#primary>li>ul>li {padding: 10px 10px !important; text-align: left; border-left: 3px solid transparent;}#primary>li>ul>li:hover {background: #d4d4d4; border-left: 3px solid #d5ad27;}#primary>li>ul>li>a {font-family: 'Karla', sans-serif; font-size: 14px; font-size: 0.875em; font-weight: normal; font-style: normal; color: #434343; height: auto;  display: block; border: none; text-decoration:none; }#primary>li>ul>li>a:hover {text-decoration: none;}#primary li>ul>li {position: relative;}  /* Dropdown LV2 */#primary>li>ul>li>ul {display: none; white-space:nowrap; list-style: none; text-decoration:none; margin: 0px;}.menu-btn {display: none;}/*************************************** Navigation ***************************************//*************************************** Home  Page***************************************/.main-banner-image-wrapper .row {position:  relative;}.main-banner-image-logo {max-width: 275px; width: 100%; position: absolute; left: 40px; top: 50%; transform: translateY(-50%); z-index: 999;}.main-banner-image-logo img {width:  100%;}.main-banner-image {width:  100%; margin: 0px; padding: 0px;}.main-banner-image li {padding-top: 35%;}.home-intro-text-wrapper {padding: 30px 0px;}.home-intro-text-wrapper h1 {text-align:  center;}.home-intro-text-content p {font-size: 24px; font-size: 1.5em;}.bar-heading {padding: 15px 20px 10px 20px; background: #000000; text-align:  center; margin-bottom: 20px;}.bar-heading h2 {color: #fff; text-transform: uppercase; margin-bottom: 0px;}.our-clubs-output {width:  100%; display:  flex; flex-wrap: wrap;}.club-item {width:  19.2%; margin-bottom: 10px; margin-right:  1%; position:  relative;}.club-item:nth-of-type(5n) {margin-right:  0px;}.club-item:before {content: ""; display:  block; padding-top: 70%;}.club-item:hover .dark-overlay {display:  flex; align-content: center;}.dark-overlay {transition: all 0.5s ease 0s; text-align: center; background: rgba(0, 0, 0, 0.6); height: 100%; displaY:  none; position:  absolute; top:  0px; left:  0px; width:  100%; height:  100%;}.dark-overlay h3 {align-self: center; width:  100%; font-size: 28px; font-size: 1.75em; color:#fff; text-transform: uppercase; margin-bottom:  0px; text-align:  center;}.home-latest-news-wrapper {margin-top: 15px;}.home-latest-news-inner {display:  flex;}.latest-news-item {width: 32.66%; margin-right: 1%; cursor: pointer;}.latest-news-item:last-of-type {margin-right:  0px;}.latest-news-image {width:  100%;}.latest-news-image:after {transition: all 0.5s ease 0s; content: ""; display:  block; padding-top: 55%; }.latest-news-item:hover .latest-news-image:after {background: rgba(0, 0, 0, 0.6);}.latest-news-details {width:  100%; padding:  15px; background: #ebebeb;}.latest-news-details a {transition: all 0.5s ease 0s; text-decoration: underline;}.latest-news-details a:hover {color: #dcdb00;}.bar-heading-grey {padding: 15px 20px 10px 20px; background: #ebebeb; text-align:  center; margin-bottom: 20px;}.bar-heading-grey h2 {color: #000; text-transform: uppercase; margin-bottom: 0px;}.footer-link {border-top: 1px solid #000; margin-top:  20px; padding-top: 20px; text-align:  center;}.footer-link a h2{transition: all 0.5s ease 0s; text-transform: uppercase; font-family: 'BNPP Sans Condensed Regular'; font-weight: normal; font-style: normal; font-size: 50px; font-size: 3.125em; line-height: 1.0; margin: 0px;  color: #000000; margin-bottom: 15px;}.footer-link a:hover h2 {color: #dcdb00;}/***************************************Inner Pages***************************************/.club-page-heading {margin-top: 20px;}.club-about-item {display:  flex; margin-bottom:  20px;}.club-about-image {width:  10%; margin-right:  2%; text-align:  center;}.club-about-image img {height:  70px;}.club-about-text {width:  88%;}.main-clubs-output a.club-item {width:  32.66%; margin-right:  1%;}.main-clubs-output a.club-item:nth-of-type(5n) {margin-right:  1%;}.main-clubs-output a.club-item:nth-of-type(3n) {margin-right:  0%;}.club-page-heading {margin-top:  0px;}.main-banner-image-output p {margin:  0px; display:  none;}.main-banner-image-inner {position: relative; }.main-banner-image-title {position: absolute; top: 50%; left:  0px; width:  100%; transform: translateY(-50%); z-index: 99; text-align:  center;}.main-banner-image-title h1 {color: #fff; text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5), 0px 2px 5px rgba(0,0,0,0.61);}.previewFrame .main-banner-image-title {position: relative; margin-top:  20px;}.previewFrame .main-banner-image-title:before {content:"Enter title here: ";display:  block;}.previewFrame .main-banner-image-output:before {content:"Enter club banner slider tag here: ";display:  block;}.news-page-listing-item {transition: all 0.5s ease 0s; width:  100%; display:  flex; align-items: center; border-bottom: 1px solid #000; padding: 10px 0; }.news-page-listing-item:nth-of-type(1),.news-page-listing-item:nth-of-type(2),.news-page-listing-item:nth-of-type(3),.news-page-listing-item:nth-of-type(4),.news-page-listing-item:nth-of-type(5) {display:  none;}.news-page-listing-item:hover {background: #ebebeb;}.news-page-listing-item:last-of-type {border-bottom: 0px; margin-bottom:  0px;}.news-page-listing-item-image {width:  20%; margin-right: 2%; }.news-page-listing-item-image:after {padding-top:  68%; content:""; display:  block; transition: all 0.5s ease 0s;}.news-page-listing-item:hover .news-page-listing-item-image:after {background: rgba(0, 0, 0, 0.6);}.news-page-listing-item-text p:last-of-type {margin-bottom:  0px;}.news-page-banner-wrapper ul {width:  100%; margin:  0px; padding:  0px;}.news-banner-item {display:  flex; }.news-banner-item-image:after {transition: all 0.5s ease 0s; content:""; display: block; width:100%; height: 100%; }.news-banner-item:hover .news-banner-item-image:after {background: rgba(0, 0, 0, 0.6);}.news-banner-item-image {width:  50%;}.news-banner-item-text {width:  50%; padding:  30px; background: #000; padding-bottom:  100px; cursor: pointer;}.news-banner-item-text h3 {font-family: 'BNPP Sans Bold'; font-weight:  normal; color: #fff; font-size: 45px; font-size: 2.8125em; text-transform:  none; margin-bottom:  30px;}.news-banner-item-text p {font-size:  25px; font-size: 1.5625em; color: #fff;}.news-banner-item-link {color: #fff; text-decoration: underline; margin-top:  45px; font-size:  20px; font-size:  1.25em; display:  block;}.news-page-banner-wrapper ul.slick-dotted ul.slick-dots {width:  50%; right: 0px;}.news-inner-details-banner {width:  100%; padding-top: 35%; position:  relative;}.news-inner-details-banner-title {position: absolute; top: 50%; left:  0px; width:  100%; transform: translateY(-50%); z-index: 99; text-align:  center;}.news-inner-details-banner-title h1 {color: #fff; text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5), 0px 2px 5px rgba(0,0,0,0.61);}.news-item-details-story {width:  100%; margin-top:  25px;}.news-back {transition: all 0.5s ease 0s;text-decoration:  underline; }.news-back:hover {color: #dcdb00;}#s7677882 .club-page-heading {margin-bottom:  25px;}.previewFrame .main-banner-image-output div.editItem {height: 30px;}.previewFrame .bar-heading-grey.news-heading {display: block !important;}/*************************************** Blog***************************************//***************************************Footer***************************************//***************************************Form***************************************/.defaultForm {  width: 100%;  *zoom: 1;  padding:  25px; background: #ebebeb; }.defaultForm:before, .defaultForm:after {  content: " ";  display: table;}.defaultForm:after {  clear: both;}.defaultForm .inputset {float: left;  width: 100%; margin-right:  0%;  position: relative;  margin-bottom: 10px; }.defaultForm .inputset .form_error_specific {  position: absolute;  top: 0;  right: 0;  color: Tomato;  display: none;}.defaultForm .inputset label {  display: block;  width: 100%;color: #000000;font-family: 'BNPP Sans Light';  font-size: 18px; font-size: 1.125em; }.defaultForm .inputset label.label {  display: inline-block;}.defaultForm .inputset label.label input {  width: initial;  display: inline-block;  margin-left: 0.625em; border-radius: 5px;}.defaultForm .inputset input, .defaultForm .inputset select {  width: 100%;   background: #fff; padding: 15px; border: 0px;color: #000000;font-family: 'BNPP Sans Light';  font-size: 18px; font-size: 1.125em;   }.defaultForm .inputset textarea {width: 100%;  height: 10.625em;  background: #fff; padding: 15px; border: 0px;color: #000000;font-family: 'BNPP Sans Light';  font-size: 18px; font-size: 1.125em; }.inputset.inputsetcheck label:first-of-type {  margin-bottom: 0.3125em;  padding-bottom: 0.3125em;  border-bottom: 1px solid #cccccc;}.inputset label.form_header {  font-weight: bold;  font-size: 18px;}.defaultForm .form_submit {/*  text-align: right;*/}.defaultForm .form_submit {float: left;}.defaultForm .form_submit .fbElementButton {border: 0px; text-align:  center; display: inline-block; font-family: 'BNPP Sans Light'; font-weight: normal; font-style: normal; font-size: 18px; font-size: 1.125em; transition: all 0.5s ease 0s; padding: 10px 30px 10px 30px; text-decoration: none; color: #fff; position: relative;background: #000; }.defaultForm .form_submit .fbElementButton:hover {background: #484a48; color: #fff;}.form_error { font-family: 'BNPP Sans Light';   font-size: 18px; font-size: 1.125em; text-align:  center; color:  #fff; padding: 10px;   border: 0px; width:  100%; background: #bf0a0a; margin-bottom:  10px;}/*************************************** Ecommerce - General  ***************************************//***************************************Ecommerce - Listings ***************************************//***************************************Ecommerce - Item ***************************************//***************************************Ecommerce - Basket ***************************************//***************************************Ecommerce - Checkout ***************************************//***************************************Custom Modules***************************************//***************************************Custom Database***************************************//***************************************Media Queries***************************************/@media all and (max-width: 1024px) and (min-width: 0px) {.main-banner-image-logo {max-width: 320px;}}@media all and (max-width: 850px) and (min-width: 0px) {#primary > li > a {font-size: 25px; font-size: 1.5625em; padding: 0px 10px;}.main-banner-image-logo {max-width: 220px;}.club-item {width: 32.66%; margin-right: 1%;}.club-item:nth-of-type(3n) {margin-right: 0%;}.club-item:nth-of-type(5n) {margin-right: 1%;}.club-item:last-of-type {margin-right:  0px;}.news-page-listing-item-image {width:  35%;}.news-page-listing-item-text {width: 63%;}}@media all and (max-width: 650px) and (min-width: 0px) {.header-bar-wrapper .row {flex-wrap:  wrap;}.header-logo {order: 1; width: 49% !important;   margin-right: 2%; text-align:  center;}.header-sub-logo {order: 2; width: 49% !important;   text-align:  center;}.header-nav {order: 3; width:  100% !important; margin-top: 15px;}.main-banner-image-logo {display:  none;}.slick-dots {bottom:  20px;}.slick-dots li button {width: 10px !important; height: 10px !important;}.club-about-item {flex-direction: column;}.news-banner-item {flex-direction:  column;}.news-banner-item-image {width:  100%;height: 300px;}.news-banner-item-text {width:  100%;}.news-page-banner-wrapper ul.slick-dotted ul.slick-dots {width:  100%; right:  initial;}}@media all and (max-width: 550px) and (min-width: 0px) {.header-logo img {width: 150px;}.header-sub-logo img {width: 150px;}.club-item {width: 49.5%; margin-left: 1%; margin-right: 0%;}.club-item:nth-of-type(odd) {margin-left: 0% !important;}.club-item:nth-of-type(3n) {margin-right: 0%;}.club-item:nth-of-type(5n) {margin-right: 0%;}.club-item:last-of-type {margin-right:  0px;}.main-clubs-output a.club-item {width:  49.5%; margin-right:  1%; margin-left: 0px;}.main-clubs-output a.club-item:nth-of-type(5n) {margin-right:  1%; margin-left: 0px;}.main-clubs-output a.club-item:nth-of-type(3n) {margin-right:  1%; margin-left: 0px;}.main-clubs-output a.club-item:nth-of-type(even) {margin-right:  0px; margin-left: 0px;}}@media all and (max-width: 480px) and (min-width: 0px) {.header-logo img {width: 100px;}.header-sub-logo img {width: 100px;}.slick-dots {bottom:  10px;}.club-item {width: 100%; margin-left: 0%; margin-right: 0%;}.home-latest-news-inner {flex-direction: column;}.latest-news-item {width:  100%; margin-right:  0px; margin-bottom:  15px;}.latest-news-item:last-of-type {margin-bottom:  0px;}.news-page-listing-item {flex-direction: column;}.news-page-listing-item-image {width:  100%; margin-bottom:  10px; margin-right: 0px;}.news-page-listing-item-text {width: 100%;transition: all 0.5s ease 0s; }.news-page-listing-item:hover .news-page-listing-item-text { padding: 0px 10px;}.news-banner-item-text {padding:  15px 15px 70px 15px;}}
/* not required */