body {
font-size: 14px;
font-family: "Roboto Condensed", sans-serif;
background-color: #fff;
min-width: 320px;
}
@media (min-width: 576px) {
body {
font-size: 16px;
}
}
@media (min-width: 992px) {
body {
font-size: 18px;
}
}
@media (min-width: 1200px) {
body {
font-size: 20px;
}
}
@media (min-width: 1500px) {
.col-xxl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
} .clonebreak {
-webkit-box-decoration-break: clone;
-ms-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break: clone;
}
.wrapper {
padding: 0;
}
img.aligncenter {
display: block;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.headingFont {
font-family: "Anton", sans-serif;
}
a {
color: #31b652;
}
a:hover {
color: #2d9948;
}
a:focus {
outline: none;
}
.custom-select,
.btn,
.wpcf7 input[type="submit"] {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.btn {
white-space: normal;
text-transform: uppercase;
font-weight: bold;
}
.btn:focus {
box-shadow: unset;
}
.btn-primary {
color: #fff;
background-color: #31b652;
border-color: #31b652;
}
.btn-primary:hover {
color: #fff;
background-color: #2d9948;
border-color: #2d9948;
}
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #31b652;
border-color: #31b652;
}
.btn-primary.disabled,
.btn-primary:disabled {
background-color: #77bc7f;
border-color: #77bc7f;
}
.btn-outline-primary,
.wpcf7 input[type="submit"] {
color: #31b652;
border-color: #31b652;
}
.btn-outline-primary:hover,
.wpcf7 input:hover[type="submit"] {
color: #fff;
background-color: #31b652;
border-color: #31b652;
}
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle,
.wpcf7 .show > input.dropdown-toggle[type="submit"],
.wpcf7 input:not(:disabled):not(.disabled).active[type="submit"],
.wpcf7 input:not(:disabled):not(.disabled):active[type="submit"] {
color: #fff;
background-color: #31b652;
border-color: #31b652;
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled,
.wpcf7 input.disabled[type="submit"],
.wpcf7 input:disabled[type="submit"] {
color: #31b652;
background-color: transparent;
}
#secondary img,
article img,
figure,
img,
img.wp-post-image {
width: auto;
}
.taSep {
background-image: url(//www.timeattack.co.uk/wp-content/themes/timeattack/images/talogo-repeat-darkBgs.png);
background-repeat: repeat-x;
background-size: auto 100%;
background-position: 50%;
position: relative;
}
.taSep.light {
background-image: url(//www.timeattack.co.uk/wp-content/themes/timeattack/images/talogo-repeat-lightBgs.png);
}
.taSep:before {
content: "";
width: 208px;
display: block;
height: 37px;
} nav.navbar {
background-color: rgba(0, 0, 0, 1);
-webkit-transition: background-color 0.5s ease-out;
-moz-transition: background-color 0.5s ease-out;
-o-transition: background-color 0.5s ease-out;
transition: background-color 0.5s ease-out;
border-bottom: 2px solid #d7d7d7;
}
body.admin-bar nav.navbar {
margin-top: 32px;
}
nav.navbar.navOpen {
background-color: rgba(0, 0, 0, 0.9);
}
.navbar-brand {
padding-top: 8px;
padding-bottom: 8px;
}
.navbar-brand img {
max-height: 30px;
}
.navbar-dark .navbar-nav .nav-link {
text-transform: uppercase;
font-weight: bold;
font-size: 1rem;
}
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .nav-link {
color: #fff;
}
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.nav-account,
.navbar-dark .navbar-nav .menu-item.active .nav-link {
color: #31b652;
}
.navbar-dark .navbar-toggler {
color: #fff;
border: none;
}
.navbar-toggler,
.navbar-toggler:focus {
outline: none;
}
.navbar-toggler .fa {
font-size: 2.4rem;
}
.navbar-toggler.collapsed .fa-bars {
display: block;
}
.navbar-toggler.collapsed .fa-times {
display: none;
}
.navbar-toggler .fa-bars {
display: none;
}
.navbar-toggler .fa-times {
display: block;
}
.navbar-nav .dropdown-menu {
padding: 8px 0;
border: 1px solid #000;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background-color: #1f1f1f;
}
.navbar-dark .navbar-nav .dropdown-menu .dropdown-item {
padding: 6px 25px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
}
.navbar-dark .navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar-dark .navbar-nav .dropdown-menu .dropdown-item:active {
color: #31b652;
background-color: transparent;
}
h1.entry-title {
line-height: 1.3;
margin-bottom: 2px;
font-size: 2rem;
transform: skew(-8deg, 0deg);
-webkit-transform: skew(-8deg, 0deg);
-moz-transform: skew(-8deg, 0deg);
-o-transform: skew(-8deg, 0deg);
-ms-transform: skew(-8deg, 0deg);
}
h1.entry-title span {
background-color: #31b652;
padding: 3px 15px;
color: #fff;
}
.headerImgTitle h1.entry-title {
margin-top: -0.75em;
}
.cart-customlocation {
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
border-radius: 5px 0 0 5px;
}
#account-menu li:last-of-type {
border-radius: 0 5px 5px 0;
}
.headerNextEvent {
padding-top: 62px;
background-color: rgba(0, 0, 0, 1);
}
.hneInner {
background: #2d9948;
background: -moz-linear-gradient(left, #2d9948 40%, #31b652 60%);
background: -webkit-linear-gradient(left, #2d9948 40%, #31b652 60%);
background: linear-gradient(to right, #2d9948 40%, #31b652 60%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d9948', endColorstr='#31b652',GradientType=1 );
}
.hneInner > .container {
background-color: #31b652;
}
.hneNext {
background-color: #2d9948;
text-transform: uppercase;
color: #fff;
font-weight: bold;
font-size: 14px;
line-height: 13px;
clip-path: polygon(0 0, 100% 0, calc(100% - 10px) 100%, 0% 100%);
}
.hneCoutdown {
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
line-height: 13px;
}
.hneCoutdown > div {
color: #26743a;
}
.hneCoutdown > div span {
color: #fff;
}
.hneCoutdown a {
color: #fff;
}
.hneCoutdown a:hover {
color: #fff;
}
.hneButtons a {
display: block;
text-transform: uppercase;
color: #fff;
font-size: 12px;
font-weight: bold;
border: 1px solid #fff;
}
.hneButtons a.hneBuy {
background-color: #326fd6;
}
.hneButtons a:hover {
background-color: #2d9948;
text-decoration: none;
}
.hneButtons a.hneBuy:hover {
background-color: #2f66c4;
}
.navbar-account {
list-style: none;
padding-left: 0;
margin-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.navbar-account .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
}
.navbar-account .dropdownRight .dropdown-menu {
left: unset;
right: 0;
}
.navbar-account .dropdown-menu {
padding: 8px 0;
border: 1px solid #000;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background-color: #1f1f1f;
}
.navbar-account .dropdown-menu .dropdown-item {
padding: 6px 25px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
}
.navbar-account .dropdown-menu .dropdown-item:hover {
color: #31b652;
background-color: transparent;
}
@media (min-width: 544px) {
.navbar-brand img {
height: 28px;
max-height: unset;
}
.headerNextEvent {
padding-top: 63px;
}
.hneNext {
font-size: 15px;
line-height: 15px;
}
.hneCoutdown {
font-size: 15px;
line-height: 15px;
}
.hneButtons a {
font-size: 13px;
}
}
@media (min-width: 768px) {
.navbar-brand img {
height: 32px;
}
.headerNextEvent {
padding-top: 65px;
}
h1.entry-title {
font-size: 2.5rem;
}
.hneNext {
line-height: 1.5;
}
}
@media (min-width: 992px) {
.navbar {
background-image: url(//www.timeattack.co.uk/wp-content/themes/timeattack/images/header-stopwatch.png);
background-repeat: no-repeat;
background-position: 92% 100%;
background-size: 200px auto;
}
.navbar:not(.scrolled) .navbar-brand {
padding-top: 12px;
padding-bottom: 12px;
}
.navbar:not(.scrolled) .navbar-brand img {
height: 45px;
}
.navbar .navbar-brand,
.navbar .navbar-brand img {
transition: All 0.2s ease;
-webkit-transition: All 0.2s ease;
-moz-transition: All 0.2s ease;
-o-transition: All 0.2s ease;
}
.headerNextEvent {
padding-top: 85px;
}
.hneNext {
font-size: 17px;
}
.hneCoutdown {
font-size: 17px;
line-height: 17px;
}
.hneButtons a {
font-size: 15px;
}
}
@media (min-width: 1200px) {
.navbar {
background-position: 87% 100%;
background-size: 240px auto;
}
.dropdownRight .dropdown-menu {
left: unset;
right: 0;
}
.mainNavbar #main-menu {
gap: 15px;
}
} @media (max-width: 1199.98px) {
body.nav-is-visible {
overflow: hidden;
}
.navbar,
.headerSocial {
padding-right: 15px;
padding-left: 15px;
}
.navbar-expand .mainNavbar .navbar-nav .dropdown-menu {
position: relative;
}
.navbar-dark
.mainNavbar
.navbar-nav
.menu-item:not(.show)
.nav-link.dropdown-toggle:focus {
color: #fff;
}
.navbar-expand .mainNavbar .navbar-collapse {
overflow-y: scroll;
height: 100vh;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.logoBox,
.headerSocial > div,
.navApply {
position: relative;
z-index: 50;
}
.navbar-nav a {
color: #fff;
}
#account-menu,
.cart-customlocation,
.navbar-brand {
position: relative;
z-index: 50;
}
.mainNavbar #main-menu {
gap: 10px;
} .navCover {
z-index: 30;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0);
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: background-color 0.4ss;
-moz-transition: background-color 0.4s;
transition: background-color 0.4s;
}
.navCover.nav-is-visible {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
background-color: rgba(0, 0, 0, 0.5);
}
.mainNavbar {
padding: 0;
position: absolute;
top: 0;
left: 0;
width: 400px;
height: 100%;
min-height: 100vh;
background: rgba(0, 0, 0, 1);
box-shadow: 4px 4px 20px transparent;
z-index: 40;
max-width: 80vw; -webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition:
-webkit-transform 0.3s,
box-shadow 0.3s;
-moz-transition:
-moz-transform 0.3s,
box-shadow 0.3s;
transition:
transform 0.3s,
box-shadow 0.3s;
}
.mainNavbar.nav-is-visible {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
}
.mainNavbar.nav-is-visible .cd-close {
opacity: 1;
}
.navbar-expand .navbar-nav .nav-link,
.dropdown-item {
padding-right: 25px;
padding-left: 25px;
}
.navbar-nav .dropdown-menu {
padding-bottom: 5px;
}
.navicon-button {
display: inline-block;
position: relative;
z-index: 50;
padding: 1.2rem 0.2rem;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
transition: 0.25s;
cursor: pointer;
user-select: none;
}
.navicon-button .navicon:before,
.navicon-button .navicon:after {
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
transition: 0.25s;
}
.navicon-button:hover {
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.navicon-button:hover .navicon:before,
.navicon-button:hover .navicon:after {
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
transition: 0.25s;
}
.navicon-button:hover .navicon:before {
top: 0.825rem;
}
.navicon-button:hover .navicon:after {
top: -0.825rem;
}
.navicon {
position: relative;
width: 2.2em;
height: 0.18rem;
background: #fff;
font-size: 16px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.navicon:before,
.navicon:after {
display: block;
content: "";
height: 0.18rem;
width: 2.2rem;
background: #fff;
position: absolute;
z-index: -1;
-webkit-transition: 0.5s 0.25s;
-moz-transition: 0.5s 0.25s;
transition: 0.5s 0.25s;
}
.navicon:before {
top: 0.625rem;
}
.navicon:after {
top: -0.625rem;
}
.fhb-dark .navicon,
.fhb-dark .navicon:before,
.fhb-dark .navicon:after {
background: #fff;
}
.nav-is-visible:not(.steps) .navicon:before,
.nav-is-visible:not(.steps) .navicon:after {
top: 0 !important;
}
.nav-is-visible .navicon:before,
.nav-is-visible .navicon:after {
background: #fff;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.nav-is-visible .navicon {
background: transparent;
}
.nav-is-visible .navicon:before {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.nav-is-visible .navicon:after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
} .navbar-expand .mainNavbar {
padding: 80px 0 15px;
}
.navbar-expand .mainNavbar .menu-primary-container {
overflow-y: scroll;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
height: -moz-calc(100vh - 80px);
height: -webkit-calc(100vh - 80px);
height: -o-calc(100vh - 80px);
height: calc(100vh - 80px);
}
.navbar-expand .navbar-nav { padding-bottom: 15px;
width: 100%;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
} #wrapper-footer {
background: #000;
padding: 30px 0; }
ul.footerSocial li {
display: inline-block;
padding: 0 5px;
}
ul.footerSocial li a {
color: #fff;
font-size: 2rem;
}
.footerlogo img {
width: 200px;
margin: 15px 0;
}
.footer-logo a {
color: #fff;
}
.footer-logo a:hover {
color: #31b652;
text-decoration: none;
} .topImg {
padding-bottom: 50%;
background-color: #ccc;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
background-position: center center; background-repeat: no-repeat;
border-bottom: 10px solid #31b652; }
.topImgClip { }
.topMinus {
margin-top: -6%;
}
.topMinus5 {
margin-top: -5%;
}
.topMinus4 {
margin-top: -4%;
}
.entry-header { }
.wrapper.noHeaderImg {
padding-top: 70px;
}
@media (min-width: 544px) {
.topImg {
padding-bottom: 38%;
}
}
@media (min-width: 768px) {
.topImg {
padding-bottom: 25%;
}
.topImgClip { }
} #homeTopSlider {
margin: 0;
overflow: hidden;
position: relative; }
.homeSlide {
padding-bottom: 40vh;
background-color: #ccc;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.homeslickbtn {
position: absolute;
top: 50%;
z-index: 5;
cursor: pointer;
border: none;
background-color: #fff;
line-height: 30px;
width: 30px;
margin-top: -15px;
padding: 0;
font-size: 22px;
color: #31b652;
}
.homeslickbtn:hover {
background-color: #31b652;
color: #fff;
}
.homeslickbtn:focus {
outline: none;
}
.homeslickbtn.homeslick-prev {
left: 0;
}
.homeslickbtn.homeslick-next {
right: 0;
}
.blackCover {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
background-color: rgba(0, 0, 0, 0.2);
}
.textureCover {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
background: url(//www.timeattack.co.uk/wp-content/themes/timeattack/images/textureCover.png) repeat 50% 50% transparent;
}
.logoCover {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 4;
}
.logoCover img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-width: 220px;
}
.home .entry-header { margin-top: 20px;
margin-bottom: 40px;
}
.whiteSectionHeader {
margin-bottom: 30px;
}
.whiteSectionHeader span {
background-color: #3f403f;
line-height: 2rem;
font-size: 1.6rem;
padding: 4px 10px;
color: #fff;
}
.homeEventListItem {
margin-top: 50px;
}
.homeEventListItem .eventListItem {
margin-bottom: 20px;
}
.nextEventTag {
position: absolute;
top: -30px;
left: 0;
right: 0;
z-index: 1;
text-align: center;
}
.nextEventTag span {
background-color: #3f403f;
color: #fff;
font-size: 20px;
padding: 0 20px;
height: 36px;
line-height: 36px;
display: inline-block;
}
.sponsorsSlider {
height: 58px;
}
.sponsorsList {
background-color: #eee;
padding: clamp(40px, 5vw, 80px) 0; }
.sponsorsList .slider {
margin-top: 30px;
margin-bottom: 15px;
}
.slick-slide.sponsorSlide {
min-height: 42px;
padding: 8px 15px;
}
.sponsorSlide a {
max-width: 200px;
}
.sponsorSlide a img {
max-height: 42px;
}
.sponsorsList .cutSectionHeader {
margin-bottom: 5px;
}
.slickbtn {
cursor: pointer;
border: none;
background-color: #31b652;
line-height: 40px;
width: 40px;
padding: 0;
font-size: 26px;
color: #fff;
}
.slickbtn:hover {
background-color: #2d9948;
}
.slickbtn.slick-prev {
margin-right: 2px;
}
.homeRounds {
padding: 0;
}
.quickEvent a {
margin-bottom: 10px;
display: inline-block;
}
.quickEvent a:hover {
text-decoration: none;
}
.quickEvent a span {
background-color: #3f403f;
line-height: 1.8rem;
font-size: 1.2rem;
padding: 4px 10px;
color: #fff;
}
.quickEvent a:hover span {
background-color: #2f66c4;
}
.quickEvent a span .fa {
padding-left: 3px;
}
.quickEventMain {
margin-bottom: 6px;
color: #62676c;
font-size: 0.9rem;
}
.quickEventMain .fa {
padding-right: 3px;
}
.homeEventSponsor {
margin-top: 7px;
}
.homeEventSponsor span {
display: block;
color: #62676c;
font-size: 0.8rem;
text-transform: uppercase;
margin-bottom: 5px;
}
.homeEventSponsor img {
max-width: 200px;
max-height: 120px;
}
.quickEventMain span.postponedList span,
.quickEventMain span.cancelledList span {
display: inline-block;
font-size: 0.8rem;
position: relative;
color: #ada1a3;
}
.quickEventMain span.postponedList span:after,
.quickEventMain span.cancelledList span:after {
content: "";
position: absolute;
top: 50%;
left: -2px;
right: -2px;
height: 2px;
margin-top: -1px;
background-color: #b73535;
}
.quickEventMain span.postponedList span:after {
background-color: #a4a4a4;
}
.homeLatestNews {
background-color: #1f1f1f;
padding: 40px 0 50px; }
.homeLatestNews .taSep {
filter: brightness(10);
}
.homeLatestNews .cutSectionHeader {
margin-bottom: clamp(30px, 4vw, 50px);
margin-top: 40px;
}
.home .homeLatestNews .entry-header { margin-bottom: 0;
}
.home .homeLatestNews .postListItem > article {
background-color: #fff;
}
.taIntro {
background-color: #1f1f1f;
background-image: url(//www.timeattack.co.uk/wp-content/themes/timeattack/images/home-grey-intro-bg2-min.jpg);
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: 100% auto;
}
.taIntro h2 {
color: #31b652;
font-size: 30px;
}
.taIntro h2 span {
display: block;
color: #fff;
font-size: 0.7em;
}
.taIntro p {
color: #fff;
}
.home section.sponsorsList {
margin-top: 0;
}
.sliderOverText {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
}
.sliderOverText p {
text-transform: uppercase;
font-size: 18px;
color: #fff;
}
.sliderOverText p span {
background-color: #1f1f1f;
padding: 3px 15px;
}
.sliderOverText h1 {
font-size: clamp(1.75rem, 7.5vw, 4rem);
margin-bottom: 0.5em;
transform-origin: 100% 0;
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-o-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
}
.sliderOverText h1 span {
line-height: 1.6;
}
@media (min-width: 576px) {
#homeTopSlider { }
.homeSlide {
padding-bottom: 65%;
}
.taIntro h2 {
font-size: 45px;
}
.sliderOverText p {
font-size: 22px;
}
.sliderOverText h1 {
font-size: 38px;
}
}
@media (min-width: 768px) {
.sponsorsSlider {
height: 75px;
}
.slick-slide.sponsorSlide {
min-height: 56px;
padding: 10px 30px;
}
.sponsorSlide a {
max-width: 270px;
}
.sponsorSlide a img {
max-height: 56px;
}
.logoCover {
bottom: 30px;
}
.logoCover img {
max-width: 350px;
}
.home .entry-header { }
#homeTopSlider { }
.homeSlide {
padding-bottom: 46%;
}
.homeslickbtn {
line-height: 60px;
width: 60px;
margin-top: -30px;
font-size: 38px;
}
.whiteSectionHeader span {
line-height: 2.4rem;
font-size: 1.8rem;
}
.homeLatestNews .cutSectionHeader {
margin-top: 30px;
}
.taIntro {
background-size: 80% auto;
}
}
@media (min-width: 992px) {
.sponsorsSlider {
height: 110px;
}
.slick-slide.sponsorSlide {
min-height: 70px;
padding: 20px 40px;
}
.sponsorSlide a {
max-width: 370px;
}
.sponsorSlide a img {
max-height: 70px;
}
.logoCover img {
max-width: 500px;
}
.home .entry-header { }
#homeTopSlider { }
.homeSlide {
padding-bottom: 60vh;
}
.taIntro {
background-size: 70% auto;
}
.sliderOverText p {
font-size: 25px;
}
.sliderOverText h1 {
font-size: 48px;
}
}
@media (min-width: 1200px) {
.sliderOverText p {
font-size: 28px;
}
.sliderOverText h1 {
font-size: 60px;
}
} .postVideo {
padding: 60px 0;
} .eventListItem {
background-color: #1f1f1f;
margin-bottom: 30px;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
border-radius: 10px;
}
.eventListItem > .d-flex {
border-bottom: 1px solid #d1d1d1;
}
.eventListItem .dateBoxArea {
border-radius: 0 10px 0 10px;
border: 1px solid #1f1f1f;
}
.eventListItem .dateBoxArea .dateBox {
font-size: clamp(18px, 2vw, 24px);
}
.eventListImg {
background-color: #ccc;
-ms-background-size: 110%;
-o-background-size: 110%;
-moz-background-size: 110%;
-webkit-background-size: 110%;
background-size: 110%;
background-position: center center;
background-repeat: no-repeat;
padding-bottom: 37%;
transition-duration: 0.1s;
border-radius: 0 0 10px 10px; }
.eventListItem:hover .eventListImg {
background-size: 120%;
}
.eventListName {
margin-top: -34px;
position: relative;
z-index: 1;
height: -moz-calc(3.4rem + 10px);
height: -webkit-calc(3.4rem + 10px);
height: -o-calc(3.4rem + 10px);
height: calc(3.4rem + 10px);
}
.eventListName a {
max-width: 90%;
text-align: center;
color: #fff;
}
.eventListName a:hover {
text-decoration: none;
}
.eventListName a span {
background-color: #31b652;
line-height: 1.7rem;
font-size: 1.2rem;
padding: 3px 10px 4px;
}
.eventListName a:hover span {
background-color: #2d9948;
}
.eventListDate {
height: 4.5rem;
}
.eventListDate p {
margin: 0;
padding: 5px 15px 0;
text-align: center;
font-size: 0.9rem;
line-height: 1.1rem;
text-transform: uppercase;
}
.eventListDate p span {
display: block;
}
.eventListDate p span:first-of-type {
font-size: 1rem;
color: #2d9948;
}
.eventListBtn {
text-transform: uppercase;
padding: 10px 15px 20px;
}
.eventListItem .btn.btn-more {
background-color: transparent;
border-color: #3f403f;
color: #3f403f;
}
.eventListItem .btn.btn-more:hover {
background-color: #3f403f;
border-color: #3f403f;
color: #fff;
}
.eventListItem .btn.btn-buy {
background-color: #326fd6;
border-color: #2f66c4;
}
.eventListItem .btn.btn-buy:hover {
background-color: #31b652;
border-color: #31b652;
} a.eventListImg {
position: relative;
}
a.eventListImg span {
position: absolute;
left: 0;
top: 0;
display: block;
color: #fff;
background-color: #3f403f;
padding: 5px 15px;
font-weight: bold;
font-size: 0.7em;
line-height: 1;
text-transform: uppercase;
}
.eventList-Name {
padding: 15px;
text-transform: uppercase;
font-weight: 600;
}
.eventList-Name a {
color: #f2f2f2;
line-height: 1.2;
font-size: clamp(1.1rem, 4vw, 1.3rem);
font-weight: 600;
}
.eventList-Name a:hover {
color: #31b652;
text-decoration: none;
}
.eventList-Name span.cancelledListDate {
font-size: 0.9em;
font-weight: 100;
}
.dateBoxArea {
background-color: #31b652;
color: #fff;
font-weight: bold;
line-height: 1.05;
padding: 5px 10px;
min-height: 80px;
width: 105px;
margin-bottom: -15px;
position: relative;
z-index: 1;
}
.dateBoxArea.postponed:before,
.dateBoxArea.postponedDate:before {
content: "Postponed";
position: absolute;
left: 0;
right: 0;
bottom: 100%;
color: #fff;
background-color: #ca2f2f;
padding: 5px 15px;
font-weight: bold;
font-size: 0.7em;
line-height: 1;
text-transform: uppercase;
}
.dateBoxArea.postponedDate:before {
content: "New Date";
background-color: #1d7332;
}
.dateBoxArea.postponed {
text-decoration: line-through;
text-decoration-color: #1d7332;
text-decoration-thickness: 2px;
}
.dateBox > span {
display: block;
}
.dateBox span.dateYear {
font-size: 0.8em;
opacity: 0.7;
}
.eventListBtn {
padding: 10px;
}
.eventListBtn .btn {
font-size: 1em;
}
@media (min-width: 576px) {
.dateBoxArea {
width: 30%;
min-width: 110px;
padding: 5px 15px;
min-height: 90px;
}
.eventListBtn {
padding: 10px 15px 15px;
}
}
@media (min-width: 1200px) {
.dateBoxArea {
font-size: 1.2em;
}
}
@media (max-width: 575.98px) {
.eventListCol {
padding-left: 5px;
padding-right: 5px;
}
} .quickEventMain .activeList {
color: #2d9948;
}
.eventListDate p span.postponedList span,
.eventListDate p span.cancelledList span {
display: inline-block;
font-size: 0.8rem;
position: relative;
color: #817376;
}
.eventListDate p span.postponedList span:after,
.eventListDate p span.cancelledList span:after {
content: "";
position: absolute;
top: 50%;
left: -2px;
right: -2px;
height: 2px;
margin-top: -1px;
background-color: #b73535;
}
.eventListDate p span.postponedList span:after {
background-color: #a4a4a4;
}
span.postponedListDate {
color: #2d9948;
}
.eventListDate p span.postponedListDate {
font-size: 1rem;
}
span.cancelledListDate {
color: #ca2f2f;
text-transform: uppercase;
}
.eventListDate p span.cancelledListDate {
font-size: 1rem;
}
.pastEvents {
border-top: 1px solid #eee;
}
.pastEventsTog {
color: #3f403f;
text-transform: uppercase;
}
.pastEvents .card-header {
padding: 0;
}
.pastEvents .card-header button {
display: block;
width: 100%;
text-align: left;
padding: 1rem 1.25rem;
cursor: pointer;
}
.pastEvents .card-header button:hover {
text-decoration: none;
}
.pastEvents .card-body {
padding-bottom: 0;
} .single-events {
}
.single-events .entry-title {
font-weight: 800;
transform: skew(-8deg, 0deg);
-webkit-transform: skew(-8deg, 0deg);
-moz-transform: skew(-8deg, 0deg);
-o-transform: skew(-8deg, 0deg);
-ms-transform: skew(-8deg, 0deg);
transform-origin: 0 100%;
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
}
.single-events .entry-title span {
background-color: #31b652;
padding: 5px 15px;
color: #fff;
background-color: #31b652;
font-size: 2rem;
}
.single-events .eventTitleDetails {
display: inline-block;
background-color: #3f403f;
color: #fff;
padding: 10px 15px 5px;
}
.single-events .eventTitleDetails h2 {
font-size: 1.4rem;
text-transform: uppercase;
}
.single-events .eventTitleDetails h2 a {
color: #fff;
}
.single-events .eventTitleDetails h2 a:hover {
text-decoration: none;
opacity: 0.7;
}
.single-events .eventTitleDetails ul {
margin: 0;
padding: 0;
list-style: none;
color: #d0e5fe;
}
.single-events .eventTitleDetails ul li {
float: left;
padding: 0 20px 5px 0;
}
.single-events .eventTitleDetails ul li:last-of-type {
padding-right: 0;
}
.single-events .eventTitleDetails ul li .fa {
padding-right: 5px;
}
.single-events .eventTitleDetails.cancelled {
padding: 0 15px;
background-color: #ca2f2f;
}
.single-events .eventTitleDetails.cancelled p {
margin: 8px 0;
text-transform: uppercase;
font-size: 20px;
font-weight: 800;
}
.cancelledBtn {
display: block;
border: 1px solid #ca2f2f;
text-align: center;
padding: 5px 10px;
text-transform: uppercase;
color: #ca2f2f;
}
.eventPostponed {
border: 2px solid #386495;
padding: 5px 10px;
margin-bottom: 4px;
background-color: #d0e5fe;
color: #1b3a5c;
margin-top: 5px;
line-height: 1.2;
}
.eventPostponed .postponedNotice {
color: #b73535;
font-weight: 700;
display: block;
}
.eventPostponed .newDate span {
font-weight: bold;
}
.postponed .evDate {
text-decoration: line-through #b73535;
opacity: 0.5;
position: relative;
}
.postponed .evDate:after {
content: "";
position: absolute;
top: 50%;
left: 0;
right: 20px;
height: 3px;
margin-top: -3px;
background-color: #b73535;
}
.oldEvent {
text-align: center;
}
.oldEvent h2 {
text-transform: uppercase;
font-size: 1.3em;
margin: 10px 0 15px;
}
.btn-facebook,
.btn-facebook:focus {
background-color: #3b5998;
color: #fff;
border: 1px solid #3b5998;
}
.btn-facebook:hover {
background-color: #344e86;
color: #fff;
}
.btn-facebook small {
display: block;
padding-top: 3px;
}
.sideEventSponsor {
margin: 60px 0 20px;
}
.sideEventSponsor p {
margin-bottom: 0.5rem;
}
.sideEventSponsor img {
max-width: 80%;
max-height: 150px;
}
.single-events .eventSponsors {
background-color: #eee;
padding: 100px 0; }
.mainEventDetails h3 {
font-size: 1.3rem;
margin: 0.5rem 0 1rem;
}
@media (min-width: 768px) {
.single-events .eventTitleDetails h2 {
font-size: 1.8rem;
}
} .sidebarCard {
background-color: transparent;
}
.sidebarCard .card-header {
background-color: transparent;
padding: 0 15px;
}
.sidebarCard .card-header h3 {
position: relative;
z-index: 1;
background-color: #303030;
display: inline-block;
padding: 0.5rem 0.7rem;
margin: 0;
text-transform: uppercase;
color: #fff;
font-size: 20px;
border-radius: 10px 10px 0 0;
box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.1);
}
.sidebarCard .card-block {
background-color: #eee;
margin-top: -20px;
padding: 40px 15px 20px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 10px;
box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1); }
.eventPrice {
font-size: 1.6rem;
line-height: 1.2;
}
.eventPrice strong {
display: block;
font-size: 0.9rem;
line-height: 1;
}
.eventEnter .btn-primary {
background-color: #31b652;
border-color: #31b652;
text-transform: uppercase;
font-size: 1.4rem;
font-weight: 700;
line-height: 1.2;
padding: 0.7rem 0.75rem;
}
.eventEnter .btn-primary.availOn {
font-size: 1rem;
font-weight: 500;
}
.eventEnter .btn-primary:hover {
background-color: #2d9948;
border-color: #2d9948;
}
.eventEnter .btn-primary span {
display: block;
font-size: 1rem;
color: #4b570e;
}
.socialSide {
padding: 0;
list-style: none;
text-align: center;
}
.socialSide li {
display: inline-block;
margin: 5px;
vertical-align: text-top;
}
.socialSide li a {
background-color: #3f403f;
color: #fff;
display: block;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 1.5rem;
}
.socialSide li a:hover {
background-color: #2f66c4;
}
.socialSide li a .fa {
line-height: 40px;
vertical-align: top;
} .profileLogo {
padding: 0 30px 30px;
}
.circuitLayout {
width: 280px;
margin: 0 auto;
display: block;
}
.mapEmbed {
position: relative;
padding-bottom: 60%;
height: 0;
background-color: #f2f2f2;
}
.mapEmbed:after {
content: "\f279";
z-index: 1;
font-family: "FontAwesome";
position: absolute;
top: 50%;
left: 50%;
margin: -30px 0 0 -30px;
width: 60px;
height: 60px;
line-height: 60px;
font-size: 60px;
text-align: center;
color: #ccc;
}
.mapEmbed iframe {
z-index: 2;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .contactForm {
background-color: #eee;
padding: 40px 0; }
.contactSocials a {
color: #3f403f;
}
.contactSocials a:hover {
color: #2f66c4;
}
.contactSocials a .fa {
font-size: 2rem;
}
.wpcf7 {
max-width: 100%;
}
.wpcf7-recaptcha > div {
margin: 0 auto 1rem;
}
input.wpcf7-submit.btn:focus,
input.wpcf7-submit.btn {
box-shadow: unset;
cursor: pointer;
background-color: #31b652;
border-color: #31b652;
color: #fff;
text-transform: uppercase;
font-size: 1.4rem;
font-weight: 700;
line-height: 1.2;
padding: 0.7rem 0.75rem;
margin-bottom: 30px;
}
input.wpcf7-submit.btn:hover {
background-color: #2d9948;
border-color: #2d9948;
}
.wpcf7 input.wpcf7-not-valid {
border-color: #dd0c0c;
}
.wpcf7 .wpcf7-not-valid-tip {
margin: 0 0 1em 0;
padding: 5px 10px;
color: #dd0c0c;
text-transform: uppercase;
line-height: 1.1;
font-size: 0.7rem;
font-weight: normal;
}
.wpcf7 .wpcf7-validation-errors {
color: #dd0c0c;
border: none;
background-color: transparent;
margin: 5px 0 10px;
}
@media (min-width: 576px) {
.contactSocials a .fa {
font-size: 3rem;
}
} .sponsorsBlocks img {
max-height: 90px;
max-width: 215px;
width: 100%;
object-fit: contain;
}
.page-template-sponsors-page .fcHeading {
margin-top: 6rem;
} .socialSide li a.rnr {
width: auto;
font-size: 1em;
padding: 0 9px;
} section.categoryList {
margin: 30px 0;
}
.postListItem > article {
background-color: #eee;
margin-bottom: 30px;
box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2);
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 10px;
transition-duration: 0.1s;
}
.postListItem > article:hover {
transform: translateY(-4px);
}
.postListItem header {
position: relative;
}
.listTopImg {
padding-bottom: 55%;
position: relative;
background-color: #ccc;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
border-radius: 10px 10px 0 0; }
.listTopImg > a {
position: absolute;
z-index: 2;
top: 0;
left: 0;
text-transform: uppercase;
color: #fff;
font-size: 13px;
font-weight: bold;
background-color: #3f403f;
display: block;
padding: 5px 10px;
line-height: 1.2em;
letter-spacing: 0.05em;
border-radius: 10px 0 10px 0;
border: 1px solid #eee;
border-top: 0;
border-left: 0;
}
.listTopImg > a:hover {
text-decoration: none;
background-color: #2f66c4;
}
.postListName { margin-top: -1em; }
.postListName a {
display: inline-block;
max-width: 90%;
text-align: center;
color: #fff;
text-wrap: balance;
}
.postListName a:hover {
text-decoration: none;
}
.postListName a span {
position: relative;
background-color: #31b652;
line-height: 2.7rem;
font-size: 1.7rem;
padding: 3px 10px 4px;
}
.postListName a:hover span {
background-color: #2d9948;
}
.postListName a:before {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
.newsPostDate {
display: inline-block;
background-color: #ccc;
padding: 2px 12px;
font-size: 0.9rem;
line-height: 1.6;
margin-top: 5px;
}
.postListExcerpt {
padding: 20px;
}
.postListExcerpt p {
margin: 0;
font-size: 1em;
}
.postListBtn {
text-transform: uppercase;
padding: 10px 15px 20px;
}
.postListBtn .btn {
background-color: #3f403f;
border-color: #3f403f;
}
.postListBtn .btn:hover {
background-color: #2f66c4;
border-color: #2f66c4;
}
ul.pagination {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.page-item.active .page-link {
background-color: #3f403f;
border-color: #3f403f;
}
.page-item .page-link {
color: #3f403f;
}
.page-item .page-link:focus,
.page-item .page-link:hover {
background-color: #eee;
color: #2f66c4;
}
@media (min-width: 768px) {
.postListExcerpt { padding: 0 20px;
}
}
@media (min-width: 992px) {
.postListExcerpt { }
.postListExcerpt p {
font-size: 0.8em;
line-height: 1.3em;
}
} .newsDate {
display: inline-block;
background-color: #f2f2f2;
}
.newsDate a {
padding: 5px 12px;
display: inline-block;
color: #fff;
background-color: #3f403f;
}
.newsDate a:hover {
background-color: #2f66c4;
}
.newsDate span {
padding: 0 12px;
}   .flexiblecontent section {
margin: 30px 0;
}
.flexiblecontent section.topImg {
margin: 0;
}
h2.cutSectionHeader {
margin-top: 25px;
transform: skew(-8deg, 0deg);
-webkit-transform: skew(-8deg, 0deg);
-moz-transform: skew(-8deg, 0deg);
-o-transform: skew(-8deg, 0deg);
-ms-transform: skew(-8deg, 0deg);
}
h2.cutSectionHeader span {
background-color: #1f1f1f;
line-height: 2rem;
font-size: 1.6rem;
padding: 15px clamp(15px, 4vw, 80px);
color: #fff;
display: block;
width: fit-content;
margin: 0 auto;
text-wrap: balance;
}
h2.cutSectionHeader.cutSectionHeaderDark span {
background-color: #f2f2f2;
color: #1f1f1f;
}
@media (min-width: 768px) {
h2.cutSectionHeader span {
line-height: 2.5rem;
font-size: 2.5rem;
}
} .imgArea {
background-color: #f2f2f2;
border: 12px solid #f2f2f2;
text-align: center;
}
.imgArea p {
margin: 5px 0;
font-size: 0.8rem;
color: #555;
}
.imgArea p.imagePhotographer {
margin: 5px 0 0;
font-size: 0.8rem;
}
.imgArea p.imagePhotographer .fa {
padding-right: 4px;
}
.imgArea p.imagePhotographer a {
color: #555;
} .videoWrapper {
position: relative;
padding-bottom: 56.25%; height: 0;
background-color: #f2f2f2;
}
.videoWrapper:after {
z-index: 1;
font-family: "FontAwesome";
position: absolute;
top: 50%;
left: 50%;
margin: -30px 0 0 -30px;
width: 60px;
height: 60px;
line-height: 60px;
font-size: 60px;
text-align: center;
color: #ccc;
}
.videoWrapper.youtube:after {
content: "\f167";
}
.videoWrapper.vimeo:after {
content: "\f27d";
}
.videoWrapper iframe {
z-index: 2;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .fcLink {
background-color: #eee;
padding: 50px 0; }
.fcLink .btn-primary {
background-color: #31b652;
border-color: #31b652;
font-size: 1.4rem;
font-weight: 600;
line-height: 1.2;
padding: 0.7rem 1.5rem;
white-space: normal;
}
.fcLink .btn-primary:hover {
background-color: #2d9948;
border-color: #2d9948;
}
.fcLink .fa {
padding-left: 4px;
} .fcMarshal {
background-color: #eee;
padding: 40px 0; }
.fcMarshal .btn-primary {
cursor: pointer;
background-color: #31b652;
border-color: #31b652;
text-transform: uppercase;
font-size: 1.4rem;
font-weight: 700;
line-height: 1.2;
padding: 0.7rem 0.75rem;
margin-bottom: 30px;
}
.fcMarshal .btn-primary:hover {
background-color: #2d9948;
border-color: #2d9948;
}
.asterisk,
.indicates-required {
color: #dd0c0c;
}
#mc_embed_signup .mc-field-group select.mce_inline_error,
#mc_embed_signup .mc-field-group input.mce_inline_error {
border-color: #dd0c0c;
}
#mc_embed_signup .mc-field-group div.mce_inline_error {
background-color: transparent;
color: #dd0c0c;
text-transform: uppercase;
line-height: 1.1;
font-size: 0.7rem;
font-weight: normal;
}
#mce-success-response {
border: 2px solid #3f403f;
text-align: center;
padding: 15px;
color: #3f403f;
font-size: 1.3rem;
margin-bottom: 25px;
font-weight: bold;
}
#mce-error-response {
border: 2px solid #e32c2c;
text-align: center;
padding: 15px;
color: #e32c2c;
font-size: 1.3rem;
margin-bottom: 25px;
font-weight: bold;
}   .page-template-default .entry-content,
.post-template-default .entry-content {
max-width: 1140px;
margin: 0 auto;
padding: 0 15px;
}
.navSpacer {
padding-top: 85px;
}
.entry-content.singlePost img {
background-color: #f2f2f2;
border: 12px solid #f2f2f2;
}
@media (min-width: 992px) {
.entry-content.singlePost img.alignnone {
max-width: 80%;
margin: 0 auto;
display: block;
}
}   #woocommerce-wrapper {
padding-top: clamp(130px, 18vw, 200px);
}
.woocommerce .woocommerce-breadcrumb {
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
}
.woocommerce-products-header__title {
text-transform: uppercase;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: #575757;
font-weight: 600;
}
.woocommerce .quantity .qty {
line-height: 32px;
}
.woocommerce .products ul,
.woocommerce ul.products {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.woocommerce .site ul.products li.product,
.woocommerce-page ul.products li.product {
margin-bottom: 30px;
background-color: #1a1a1a;
padding-bottom: 10px;
border: 1px solid #1a1a1a;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.woocommerce ul.products li.product a > span,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .add-to-cart-container {
padding-left: 10px;
padding-right: 10px;
}
.woocommerce ul.products li.product .add-to-cart-container {
margin-top: auto;
}
.woocommerce ul.products li.product .woocommerce-placeholder {
border: 2px solid #1a1a1a;
padding-left: 0;
padding-right: 0;
margin: 0;
}
.woocommerce ul.products li.product .price {
color: #fff;
padding-top: 3px;
padding-bottom: 3px;
}
.woocommerce .products ul::after,
.woocommerce .products ul:before,
.woocommerce ul.products::after,
.woocommerce ul.products:before {
display: none;
}
.single-product .woocommerce-variation-add-to-cart {
padding-top: 10px;
}
.summary .product_meta {
display: none;
}
.woocommerce-message {
border-top-color: #31b652;
}
.woocommerce div.product .stock,
.woocommerce-message:before {
color: #31b652;
}
.woocommerce-info {
border-top-color: #326fd6;
}
.woocommerce-info:before {
color: #326fd6;
}
.shop_table.cart thead {
background-color: #1f1f1f;
background-image: url(//www.timeattack.co.uk/wp-content/themes/timeattack/images/talogo-repeat-darkBgs.png);
background-repeat: repeat-x;
background-size: auto 30px;
background-position: 50% 5px;
color: #fff;
}
.shop_table.cart thead > tr > th {
padding-top: 50px;
}
.cart-collaterals .cart_totals {
margin-top: 10px;
margin-bottom: 30px;
}
.woocommerce-checkout-payment {
margin-bottom: 40px;
}
.checkout #order_review_heading {
margin-top: 40px;
}
.woocommerce-MyAccount-content {
margin-bottom: 50px;
}
.woocommerce-MyAccount-content form.woocommerce-EditAccountForm > fieldset {
margin-top: 30px;
} @media (min-width: 769px) {
.woocommerce .products ul,
.woocommerce ul.products {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media (max-width: 768.9px) {
.shop_table.cart thead {
background-size: auto 24px;
}
.woocommerce table.shop_table_responsive thead,
.woocommerce-page table.shop_table_responsive thead {
display: block;
}
.shop_table.cart thead > tr {
min-height: 34px;
}
.shop_table.cart thead > tr > th {
display: none;
}
} .container-small {
max-width: 1600px;
}
.ctBanner,
.ctLink {
display: flex;
justify-content: center;
align-items: center;
}
.ctLink {
padding: 10px;
gap: 10px;
text-decoration: none;
}
.ctLink span {
color: #717171;
font-size: clamp(0.8rem, 1.5vw, 0.9rem);
}
.ctLogo {
max-width: 50px;
filter: brightness(0.35) grayscale(1);
transform: none;
}
.ctLink:hover .ctLogo {
filter: unset;
transform: scale(1.05);
}
@media (min-width: 768px) {
.ctBanner {
justify-content: flex-end;
}
.ctLink {
padding: 10px 0;
}
}
.driverCarName {
display: inline-block;
background-color: #3f403f;
color: #fff;
padding: 10px 15px 5px;
}
.entry-table .table-top {
background-color: #1a1a1a;
}
.entry-table .table-top .title {
color: white;
}
.entry-table .table-top .img {
width: 200px;
max-width: 50%;
}
.entry-table .driver {
border: 1px solid #dee2e6;  }
.entry-table .driver hr {
margin: 9px 0;
}
.entry-table .driver-data {
padding: 18px;
}
.entry-table .driver-data .name {
font-size: 23px;
}
.entry-table .driver-data .team-class {
font-size: 14px;
color: #787878;
}
.entry-table .driver-data .car {
font-size: 17px; }
#notice_accordion {
max-width: 670px;
margin-bottom: 10px !important;
margin: auto;
}
#notice_accordion .card {
margin-bottom: 4px;
}
#notice_accordion .card-header {
background-color: #31b652;
border: 0;
border-radius: 0;
padding: 3px;
}
#notice_accordion .card-header button {
color: white;
letter-spacing: 1px;
font-weight: 100;
text-decoration: none;
}