html, body {
position: relative;
height: 100%;
}
.mobile-header-base { display: none; }
.mobile-header-base-new { display: none; }
/** take live start - below no longer applied as update changed **/
/**
.page-id-6096 .main-content .col-md-9.pull-right { float: none !important; width: 100% !important; clear: both; }
.page-id-6096 .main-content .col-md-3 { display: none !important; }
.page-id-6096 .main-content .col-md-9.pull-right .current-vacancies { padding: 30px 80px 50px 80px !important; }
.page-id-6096 .main-content .col-md-9.pull-right .current-vacancies ul { margin-bottom: 35px; }
**/
/** take live end **/
.subpage-sidebar .page_item.page-item-8905 { display: none !important; }
.tjl-bookings-base { color: #181818 !important; text-transform: none !important; padding: 30px 0 20px 0; font-weight: 600 !important; margin: 0 auto !important; max-width: 420px; text-align: center; line-height: 140%; }
.tjl-bookings-base strong { display: block; color: #e42740; font-weight: 800 !important; font-size: 30px; padding: 5px 0 0 0; }
.tjl-bookings-base { text-align: left; max-width: 100%; }
.temp-booking-banner {
position:fixed;
top:0px;
left:0px;
right:0px;
bottom:0px;
z-index:99999999999999999;
background: rgba(0,0,0,0.9);
color:#fff;
}
.temp-booking-banner .inner-box {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width:100%;
max-width:1000px;
font-size:24px;
padding:30px;
}
.temp-booking-banner .inner-box span {
color: #e10f2b;
}
.temp-booking-banner a.back-home {
position: absolute;
top:30px;
right:30px;
color: #e10f2b;
font-size:20px;
}
body {
font-family: 'Open Sans', sans-serif;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
body#cin header, body#cin footer, body#cin .stickymenu {
display:none;
}
body#cin {
background:#222;
padding:40px;
overflow:hidden;
}
body#cin .fundraiser {
top:5%;
left:3%;
bottom:auto;
}
body#cin .fundraiser h4 {
color: #fff;
margin: 20px 0 8px 0px;
font-size: 35px;
font-weight: 600;
}
body#cin .fundraiser h3 {
color: #e10f2b;
font-size: 140px;
margin: 0px 0px 8px 0px;
}
body#cin .fundraiser .ring-container {
position: absolute;
top: 102px;
right: 5px;
display: block;
width: 40px;
height: 40px;
}
.cin-bear {
width:50%;
height:auto;
position:absolute;
bottom:0px;
right:-10%;
}
.fundraiser {
background: #222;
position: absolute;
bottom: 0px;
padding: 15px 40px 15px 15px;
}
.fundraiser h4 {
color: #fff;
margin: 0 0 8px 0px;
font-size: 16px;
font-weight: 600;
}
.fundraiser h3 {
color: #e10f2b;
font-size: 56px;
margin: 0px 0px 8px 0px;
}
.fundraiser a {
font-size:12px;
display:inline-block;
color:#fff;
width:auto;
text-transform:uppercase;
}
.fundraiser .ring-container {
position: absolute;
top: -4px;
right: 10px;
display: block;
width:40px;
height:40px;
}
.fundraiser .circle {
width: 11px;
height: 11px;
background-color: #e10f2b;
border-radius: 50%;
position: absolute;
top: 22px;
left: 22px;
}
.fundraiser .ringring {
border: 3px solid #e10f2b;
-webkit-border-radius: 30px;
height: 25px;
width: 25px;
position: absolute;
left: 15px;
top: 15px;
-webkit-animation: pulsate 1s ease-out;
-webkit-animation-iteration-count: infinite;
opacity: 0.0
}
@-webkit-keyframes pulsate {
0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
50% {opacity: 1.0;}
100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}
body.xmas-offer {
background:#000;
position:relative;
}
.xmas-box img.present {
max-width:100%;
}
.xmas-box {
width:100%;
padding:30px;
max-width:500px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -58%);
}
.xmas-box img.cin-logo {
padding-right: 60px;
margin-top: -35px;
margin-bottom: 15px;
width: 100%;
height: auto;
}
.invalid-email {
color:#e10f2b;
width:100%;
text-align:center;
padding-top:5px;
font-size:20px;
}
form.present-form h3 {
margin:0px 0px 12px 0px;
color:#fff;
font-size:14px;
}
.offer-text h4 {
margin:0px 0px 12px 0px;
color:#fff;
font-size:19px;
font-weight:600;
}
.offer-text h6 {
margin:0px 0px 12px 0px;
color:#fff;
font-size:14px;
text-transform:uppercase;
}
.offer-text h2 {
margin:0px 0px 10px 0px;
color:#e10f2b;
font-size:24px;
font-weight:800;
text-transform:uppercase;
}
.single-footer-widget.footer-callus-booknow.xmas-offer-footer {
position: absolute;
bottom: 30px;
right: 30px;
margin: 0px;
}
#footer_social li a { background: url(/wp-content/themes/daytona/img/icons/icon-fb-w.png) center no-repeat;
background-size: 20px auto; text-indent: -9999px; }
#footer_social li a:hover { background-image: url(/wp-content/themes/daytona/img/icons/icon-fb-b.png); }
#footer_social li#footer_social_twitter a { background-image: url(/wp-content/themes/daytona/img/icons/icon-twitter-w.png); }
#footer_social li#footer_social_youtube a { background-image: url(/wp-content/themes/daytona/img/icons/icon-youtube-w.png); }
#footer_social li#footer_social_instagram a { background-image: url(/wp-content/themes/daytona/img/icons/icon-insagram-w.png); }
#footer_social li#footer_social_linkedin a { background-image: url(/wp-content/themes/daytona/img/icons/icon-linkedin-w.png); }
#footer_social li#footer_social_twitter a:hover { background-image: url(/wp-content/themes/daytona/img/icons/icon-twitter-b.png); }
#footer_social li#footer_social_youtube a:hover { background-image: url(/wp-content/themes/daytona/img/icons/icon-youtube-b.png); }
#footer_social li#footer_social_instagram a:hover { background-image: url(/wp-content/themes/daytona/img/icons/icon-insagram-b.png); }
#footer_social li#footer_social_linkedin a:hover { background-image: url(/wp-content/themes/daytona/img/icons/icon-linkedin-b.png); }
form.present-form {
position: absolute;
bottom: 55px;
left:0px;
right:0px;
text-align:center;
}
form.present-form input {
height:36px;
line-height:36px;
border:none;
background:#333;
color:#FFF;
padding:0px 10px;
margin:0px;
display: inline-block;
vertical-align: middle;
text-transform:uppercase;
}
form.present-form input.input-offset {
background:#fff;
color:#666;
margin-top:0px;
margin-right:-3px;
text-transform:none;
}
img.present-open {
position:absolute;
bottom:0px;
width:95%;
max-width:800px;
z-index:9;
}
.offer-text {
background-image:url('https://www.daytona.co.uk/wp-content/themes/daytona/img/present-open.png');
background-position: bottom left;
background-size: 45%;
background-repeat: no-repeat;
background-color:#222;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
/*background:#333;*/
color:#fff;
z-index:9;
}
.print-only {
display:none;
}
@media print {
.print-only {
display:block;
}
.print-hide, .single-footer-widget.footer-callus-booknow.xmas-offer-footer {
display:none;
}
.offer-text {
background:#fff;
position:relative;
top:200px;
left:0;
right:0;
bottom:0;
color:#000;
z-index:9;
}
.xmas-box {
width:100%;
padding:30px;
max-width:500px;
position: relative;
top: 0;
left: 0;
transform: none;
}
}
@media screen and (max-width: 767px) {
.offer-text {
background-image:none;
}
/** not used start **/
.mobile-header-base { display: block; }
.mobile-header-base a { float: left; width: 50%; text-align: center; font-weight: bold; text-transform: uppercase; color: #fff !important; text-decoration: none; }
.mobile-header-base a.mobile-header-base-book { border-right: 1px solid #fff; padding: 11px 0; background: #cf112b; font-size: 17px; line-height: 19px; }
.mobile-header-base a.mobile-header-base-call { background: #242424; font-size: 17px; line-height: 19px; padding: 5px 0; }
.mobile-header-base a.mobile-header-base-call span { display: block; font-size: 10px; line-height: 12px; }
.mobile-header-base a.mobile-header-base-call span img { height: 8px; width: auto; margin: -1px 2px 0 0; }
/** not used end **/
.mobile-header-base-new { display: block; }
.mobile-header-base-new a { float: left; width: 50%; text-align: center; font-weight: bold; text-transform: uppercase; color: #fff !important; background: #cf112b; text-decoration: none; padding: 15px 10px; font-size: 18px; line-height: 22px; }
.mobile-header-base-new a:last-child { background: #242424; }
.mobile-header-base-new a img { vertical-align: middle; width: 12px; height: auto; margin: -2px 0 0 0; }
}
@media screen and (max-width: 500px) {
form.present-form h3 {
margin: 0px 0px 5px 0px;
color: #fff;
font-size: 14px;
}
form.present-form {
position: absolute;
bottom: 40px;
left: 0px;
right: 0px;
text-align: center;
}
}
/* End */
a {
transition: all 0.25s ease;
}
a, img, a:focus, img:focus {
outline: 0;
border:0;
}
a, a:active, a:focus {
color:#e10f2b;
text-decoration:none;
}
.heading-spacer {
height:43px;
}
h3, .h3 {
font-size: 22px;
text-transform:uppercase;
font-weight:800;
margin:0px 0px 15px 0px;
}
img.alignleft {
float:left;
padding:0px 20px 10px 0px;
}
img.alignright {
float:right;
padding:0px 0px 10px 20px;
}
.clear {
clear:both;
display:block!important;
height:0px;
}
header {
position: relative;
/*background-color: rgba(0,0,0, .6);*/
background-color:#181818;
min-height: 140px;
z-index: 10;
}
.navbar {
clear: both;
margin-bottom: 0;
}
.navbar-brand>img {
width:100%;
max-width: 320px;
height: auto;
}
.navbar-nav>li {
margin: 0 8px;
}
.navbar-nav li a {
color: #fff;
padding: 11px;
font-weight: 600;
font-size: 14px;
text-transform:uppercase;
}
.navbar-right {
margin-right: -35px;
margin-top:10px;
}
.stickymenu .navbar-right {
margin-top:0px;
}
.navbar-nav li a:hover,
.navbar-nav li a:focus {
background-color: transparent;
color: #e10f2b;
}
.navbar-right li:last-child a {
/* padding-right: 0; */
}
.navbar-nav .current-menu-item a, .navbar-nav .current-page-ancestor a {
color: #e10f2b;
margin-bottom: -1px;
border-bottom: 1px solid #e4e4e3;
}
.navbar-nav .current-menu-item a:before,
.navbar-nav .current-menu-item a:after,
.navbar-nav .current-page-ancestor a:before,
.navbar-nav .current-page-ancestor a:after {
position: absolute;
content: "";
left: 0;
bottom: 0;
height: 10px;
width: 1px;
background-color: #e4e4e3;
}
.navbar-nav .current-menu-item a:after, .navbar-nav .current-page-ancestor a:after {
left: inherit;
right: 0;
}
.navbar ul ul {
display:none;
position:absolute;
top:100%;
left:-5px;
padding:17px 0px 7px 0px;
}
.navbar ul ul li {
list-style:none;
float:none;
width:240px;
background-color: rgba(0,0,0, .6);
}
.navbar ul ul a {
line-height:auto;
padding:8px 12px;
display:block;
}
.navbar-nav .current-menu-item ul a, .navbar-nav .current-page-ancestor ul a {
color: #fff;
border-bottom: 0px solid #e4e4e3;
margin-bottom: 0px;
}
.navbar-nav .current-menu-item ul a:before, .navbar-nav .current-menu-item ul a:after, .navbar-nav .current-page-ancestor ul a:before, .navbar-nav .current-page-ancestor ul a:after {
position: absolute;
content: "";
left: 0;
bottom: 0;
height: 0px;
width: 0px;
background-color: none;
}
.navbar ul ul a:hover {
text-decoration:none;
}
.navbar ul ul ul {
top:0;
left:100%
}
.navbar ul li:hover > ul {
display:block
}
.navbar-brand {
padding: 0;
height: auto;
margin-top: 0px;
padding-left: 15px;
}
.header-top {
width: 500px;
margin: 0 auto;
border: 1px solid yellow;
overflow: hidden;
}
.stickymenu {
display:none;
position:fixed;
z-index:999;
top:0px;
width:100%;
height:45px;
background:rgba(0,0,0,0.8);
}
.stickymenu .navbar-brand>img {
width: 100%;
max-width: 220px;
height: auto;
}
.stickymenu .navbar-brand {
margin-top: 8px;
}
.top-bar {
position: relative;
height: 30px;
padding-top: 22px;
}
.search-box-area {
margin-top: 9px;
margin-right: 30px;
border-right: 1px solid #fff;
}
.searchbox-icon {
display: inline-block;
color: #fff;
font-size: 26px;
cursor: pointer;
margin-right: 20px;
}
.searchbox-icon:hover {
color: #fff;
}
.searchbox-submit {
color: #E10F2B;
font-size: 26px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.searchbox{
position:relative;
width: 30px;
height:30px;
padding-left: 30px;
float:right;
overflow:hidden;
margin-right: 18px;
-webkit-transition: width 0.3s;
-moz-transition: width 0.3s;
-ms-transition: width 0.3s;
-o-transition: width 0.3s;
transition: width 0.3s;
}
.searchbox-input{
top:0;
right:0;
border:0;
outline:0;
width:100%;
height:30px;
margin:0;
font-size: 16px;
color: #fff;
background-color: transparent;
border-bottom: 1px solid #fff;
position: relative;
right: 30px;
margin-left: -2px;
}
.searchbox-input::-webkit-input-placeholder {
color: #fff;
}
.searchbox-input:-moz-placeholder {
color: #fff;
}
.searchbox-input::-moz-placeholder {
color: #fff;
}
.searchbox-input:-ms-input-placeholder {
color: #fff;
}
.searchbox-icon,
.searchbox-submit{
width:30px;
height:30px;
display:block;
position:absolute;
top:0;
right:0;
padding:0;
margin:0;
border:0;
outline:0;
line-height:30px;
cursor:pointer;
text-align: center;
background-color: transparent;
}
.searchbox-open{
width:100%;
}
.searchbox-open .searchbox-input {
padding-left: 5px;
}
.search-box-area {
max-width: 270px;
width: 100%;
float: right;
}
.mbl-searchbox {
position: relative;
width: 100%;
padding: 0 10px;
}
.mbl-searchbox input {
background-color: #fff;
border: 0;
border-radius: 3px;
height: 30px;
width: 100%;
padding: 0 10px;
}
.mbl-searchbox button {
position: absolute;
right: 10px;
top: 0;
color: #e10f2b;
font-size: 20px;
border: 0;
background-color: transparent;
}
.call-us {
float: right;
height:48px;
}
.call-us a{
display: inline-block;
}
.book-online {
font-size: 16px;
text-transform: uppercase;
font-weight: 800;
max-width: 135px;
line-height: 15px;
color: #fff;
display: block;
margin-top: 9px;
float: left;
margin-right: -5px;
}
.book-online span {
color:#e10f2b;
}
.book-online span a {
color:#e10f2b;
}
.book-online span a:hover {
color:#fff;
text-decoration:none;
}
.phone-number {
color: #fff;
display: inline-block;
font-weight: 800;
font-size: 34px;
vertical-align: middle;
padding-left: 3px;
}
/*---------------- end header area -----------*/
.home-slider-area {
z-index: 9;
top: -160px;
margin-bottom: -160px;
position: relative;
height: 757px;
}
.home-slider-overlay {
position:absolute;
width:100%;
height:100%;
top:0px;
left:0px;
right:0px;
bottom:0px;
background:rgba(0,0,0,0.33);
}
.carousel-caption {
text-shadow: inherit;
}
#home-slider .item {
height: 757px;
}
.arrow-ver-down {
position: absolute;
right: 100px;
bottom: 100px;
z-index: 9;
}
.carousel-control {
width: 10%;
}
.carousel-control i {
font-size: 100px;
top: 54%;
position: absolute;
}
.carousel-control {
text-shadow: none;
}
.slider-btn {
font-size: 16px;
font-weight: 600;
color: #fff;
height: 60px;
width: 220px !important;
border-radius: 0;
border: 0;
box-shadow: none;
text-transform: uppercase;
padding: 0;
line-height: 50px;
position: relative;
background: #e10f2b url('../img/btn-right-lg.png') no-repeat 28px center;
text-indent: 30px;
}
.slider-btn:hover,
.slider-btn:focus {
color: #fff;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
filter: alpha(opacity=95);
-moz-opacity: 0.95;
-khtml-opacity: 0.95;
opacity: 0.95;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
}
.slider-btn:after {
content: "";
position: absolute;
right: -40px;
top: 0;
border-top: 50px solid #e10f2b;
border-right: 40px solid transparent;
}
#home-slider h2 {
font-size: 40px;
line-height: 47px;
font-weight: 800;
color: #fff;
text-transform: uppercase;
letter-spacing: -1px;
max-width: 650px;
}
#home-slider .carousel-caption {
text-align: left;
left: 0;
right: 0;
bottom: 160px;
margin: auto;
max-width: 960px;
}
.carousel-control.left, .carousel-control.right {
background-image: none!important;
filter: none!important;
}
.carousel-indicators {
width: 100%;
max-width: 1250px;
border-bottom: 1px solid #fff;
left: 0;
right: 0;
margin: auto;
height: 17px;
bottom: 30px;
}
.carousel-indicators li,
.carousel-indicators .active {
float: left;
width: 20%;
border: 0;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-radius: 0;
display: inline-block;
height: 17px;
margin: 0;
background-color: transparent;
position: relative;
padding: 5px;
}
.carousel-indicators li span {
position: absolute;
text-indent: 0;
right: 5px;
bottom: 2px;
height: 15px;
width: 15px;
line-height: 1;
color: #fff;
font-size: 12px;
}
.carousel-indicators .active .redbar {
position: absolute;
width: -webkit-calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: -ms-calc(100% - 40px);
width: -o-calc(100% - 40px);
width: calc(100% - 40px);
height: 13px;
background-color: #ea0e27;
left: 5px;
bottom: 5px;
}
.carousel-indicators .active .redbar:after {
content: "";
border-top: 14px solid #ea0e27;
border-right: 10px solid transparent;
position: absolute;
right: -10px;
}
/*-------------- end slider -----------*/
.main-content {
background-color: #242424;
}
.venues-area {
margin-top: 50px;
}
.venues-area h2 {
color: #e10f2b;
font-size: 26px;
line-height: 1;
font-weight: 800;
text-transform: uppercase;
background: url('../img/arrow-white-down.png') no-repeat right center;
padding-right: 60px;
letter-spacing: -.3px;
}
.venues-area-base { display:block; clear:both; height:30px; }
.tjl_home_box_img { line-height:9px; border-top: 12px solid #e10f2a; }
.tjl_home_box_img img { height: 298px; width: 100%; object-fit: cover; object-position:center; }
.tjl_home_box_info { padding: 30px 0; text-align:center; }
.tjl_home_box_info h3 { padding: 0; margin: 0; font-size: 19px; line-height: 120%; color: #fff; }
.tjl_home_box_info h4 { padding: 0; margin: 0; color: #fff; font-size: 17px; line-height: 130%; }
.tjl_home_box_info p { padding: 0; margin: 0; text-transform: uppercase; font-size: 13px; font-weight: bold; }
.tjl_home_box_info p a:hover { color:#fff; }
@media screen and (max-width: 1366px){
.tjl_home_box_img img { height:240px; }
}
@media screen and (max-width: 1199px){
.tjl_home_box_img img { height:190px; }
}
@media screen and (max-width: 992px){
.tjl_home_box_img img { height:130px; }
}
@media screen and (max-width: 768px){
.tjl_home_box { max-width:300px; margin:0 auto; }
.tjl_home_box_img img { height:250px; }
}
.venue-preview-list {
border: 1px solid #4d4d4d;
margin-top: 30px;
}
.venue-preview-area {
float: left;
width: 50%;
min-height: 480px;
position: relative;
background-size: cover;
-webkit-background-size: cover;
}
.venue-preview-area-link { position:absolute; top: 0; left:0; right:0; bottom: 0; text-indent:-9999px; width:100%; height:100%; z-index:10; }
.venue-preview-area-link br { display:none; }
.venue-preview-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(50,50,50, .55);
z-index: 5;
}
.venue-sticker {
position: absolute;
left: 23px;
top: 28px;
z-index: 6;
}
.venue-preview {
position: relative;
z-index: 10;
color: #fff;
margin-left: 160px;
margin-top: 160px;
}
.venue-preview-header {
position: relative;
}
.venue-preview-header:before {
content: "";
background: url('../img/pointer.png') no-repeat center center;
height: 26px;
width: 17px;
position: absolute;
left: -22px;
top: 5px;
}
.venue-preview-header h3 {
margin: 0;
font-size: 30px;
font-weight: 800;
}
.venue-preview-header p {
font-size: 20px;
}
.venue-home-address {
font-weight:600;
margin-top:30px;
}
.venue-preview ul {
margin-top: 32px;
}
.venue-preview ul li {
line-height: 18px;
}
.venue-list {
float: left;
width: 50%;
background-color: gray;
margin-bottom:0px;
}
.vp-find-out-more {
background: #e10f2b url('../img/btn-right.png') no-repeat 20px center;
color: #fff;
height: 40px;
width: 181px;
position: relative;
border-radius: 0;
padding: 0;
border: 0;
outline: 0 !important;
box-shadow: none !important;
line-height: 40px;
text-transform: uppercase;
text-indent: 25px;
margin-top: 20px;
font-size: 16px;
}
.vp-find-out-more:after {
content: "";
position: absolute;
right: -30px;
top: 0;
border-top: 40px solid #e10f2b;
border-right: 30px solid transparent;
}
.vp-find-out-more:hover,
.vp-find-out-more:focus {
color: #fff;
}
.venue-single-thumb {
width: 50%;
float: left;
background-color: #242424;
min-height: 240px;
position: relative;
}
.box-border-one {
border-width:0px 1px 1px 1px;
border-color: #4d4d4d;
border-style:solid;
}
.box-border-two {
border-width:0px 0px 1px 0px;
border-color: #4d4d4d;
border-style:solid;
}
.box-border-three {
border-width:0px 1px 0px 1px;
border-color: #4d4d4d;
border-style:solid;
}
.box-border-four {
border-width:0px 0px 0px 0px;
border-color: #4d4d4d;
border-style:solid;
}
.venue-single-thumb {
position:relative;
}
.venue-single-thumb img {
display: block;
margin: auto;
max-width: 100%;
}
.venue-single-name {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
color: #fff;
}
.venue-single-thumb h4 {
font-weight: 800;
text-transform: uppercase;
font-size: 18px;
margin-bottom: 0;
}
.venue-single-thumb p {
font-size: 16px;
font-weight: 400;
margin-bottom: 25px;
}
.venue-single-thumb p span {
text-transform: uppercase;
font-size: 12px;
padding-top: 0px;
display: block;
font-weight: 700;
color: #e10f2b;
}
.venue-list .venue-single-thumb.active {
background-color: #e10f2b;
}
.venue-list .venue-single-thumb.active p span {
color: #000;
}
.venue-list .venue-single-thumb.active img {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.venue-list .venue-single-thumb img {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
filter: alpha(opacity=40);
-moz-opacity: 0.40;
-khtml-opacity: 0.40;
opacity: 0.40;
padding: 5% 17%;
}
.venue-thumb-overlay {
position:absolute;
top:0px;
left:0px;
right:0px;
bottom:0px;
cursor: pointer;
}
#venue_2, #venue_3, #venue_4 {
display:none;
}
.home-sidebar {
margin-top: 50px;
}
.home-sidebar li,
.hero-sidebar li {
margin-bottom: 1px;
border-bottom: 1px solid #701c27;
display: table;
min-height: 58px;
width: 100%;
}
.home-sidebar li a,
.hero-sidebar li a {
display: block;
background: rgba(225, 15, 43, 0.9);
height: 58px;
line-height: 20px;
display: table-cell;
vertical-align: middle;
text-transform: uppercase;
color: #fff;
position: relative;
padding-left: 20px;
padding-right: 50px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 16px;
text-decoration: none;
font-weight:600;
}
.hero-sidebar {
max-width: 300px;
float: right;
margin-top: 85px;
width: 100%;
}
.hero-sidebar li a {
display: table-cell !important;
height: 58px !important
}
.home-sidebar li a:hover,
.hero-sidebar li a:hover {
background: #C90C25;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
}
.home-sidebar li a:after,
.hero-sidebar li a:after {
content: "";
position: absolute;
background: url('../img/btn-right-lg.png') no-repeat;
height: 20px;
width: 20px;
right: 20px;
top: 20px;
transition:all 0.15s;
}
.home-sidebar li:hover a:after,
.hero-sidebar li:hover a:after {
content: "";
position: absolute;
background: url('../img/btn-right-lg.png') no-repeat;
height: 20px;
width: 20px;
right: 15px;
top: 20px;
}
/*------------------ end main content ---------*/
.news-area {
background-color: #242424;
padding-top: 23px;
padding-bottom: 15px;
}
.single-news-area {
position: relative;
max-width: 300px;
min-height: 365px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.news-preview {
position: relative;
}
.news-preview img {
max-width: 100%;
}
.news-date {
position: absolute;
background-color: #ea0e27;
bottom: -14px;
left: 0;
width: 120px;
height: 24px;
color: #fff;
line-height: 25px;
padding: 0 7px;
font-size: 12px;
}
.news-date:after {
content: "";
width: 0;
height: 0;
border-top: 25px solid #ea0e27;
border-right: 20px solid transparent;
position: absolute;
right: -20px;
}
.single-news-area h3, .single-news-area h3 a, .single-news-area h3 a:hover {
font-size: 19px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
line-height: 21px;
margin-top: 22px;
margin-bottom: 7px;
text-decoration:none;
}
.single-news-area p {
color: #d6d6d6;
}
.sub-page-overlay {
position:absolute;
top:0px;
left:0px;
right:0px;
bottom:0px;
width:100%;
height:100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.25+0,0+100 */
background: -moz-linear-gradient(left, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0,0,0,0.25)), to(rgba(0,0,0,0)));
background: -o-linear-gradient(left, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(left, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
.post-list {
background:none;
padding:30px 0px;
}
.post-list-single {
margin-bottom:20px;
}
.post-list img {
width:298px;
height:auto;
float:left;
margin-bottom:0px;
margin-right:20px;
}
.single-post h2 {
color: #e10f2b;
font-size: 25px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 20px;
margin-top: 0;
}
.post-list h3 a {
color: #ffffff;
font-size: 25px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 20px;
margin-top: 0;
}
.post-list h3 a:hover {
text-decoration:none;
}
.posts-sidebar h3 {
color: #e10f2b;
font-size: 25px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 20px;
margin-top: 0;
}
.post-list-date {
position: relative;
background-color: #ea0e27;
width: 110px;
height: 24px;
color: #fff;
line-height: 25px;
padding: 0 7px;
font-size: 12px;
display: inline-block;
margin-bottom:5px;
font-weight:600;
}
.post-list-date:after {
content: "";
width: 0;
height: 0;
border-top: 25px solid #ea0e27;
border-right: 20px solid transparent;
position: absolute;
right: -20px;
}
.post-list p {
font-size: 16px;
color: #fff;
line-height: 24px;
margin-bottom: 25px;
}
.posts-sidebar {
padding-top:20px;
}
.posts-sidebar ul {
padding-left: 0;
padding-top:0px;
list-style: none;
}
.posts-sidebar li {
border-top: 1px solid #4d4d4d;
}
.posts-sidebar li a {
color: #fff;
text-transform: uppercase;
font-weight: 600;
font-size: 13px;
text-decoration: none;
padding: 4px 0;
line-height: 23px;
display: block;
}
/*---------- superstars ---------*/
.superstars-board {
background:#000;
margin-top:40px;
padding:20px 20px 20px 20px;
}
.superstars-board h2 {
margin:0px 0px 15px 0px;
}
.superstars-board ul {
padding:0px;
margin:0px;
}
.superstars-board ul li {
list-style:none;
background:#e9e9e9;
width:100%;
height:40px;
line-height:40px;
padding:0px 10px;
color:#333;
font-size:17px;
margin-bottom:2px;
}
.superstars-board ul li span {
float:right;
color:#e10f2b;
}
/*---------- end ---------*/
footer {
border-top: 1px solid #505050;
background-color: #181818;
}
.sponsor-area {
text-align: center;
padding-top: 30px;
padding-bottom: 20px;
border-bottom: 1px solid #505050;
}
.sponsor-area ul {
margin-bottom: 0;
}
.sponsor-area ul li {
margin: 0 29px;
padding: 0;
}
.sponsor-area ul li:first-child {
margin-left: 0;
}
.sponsor-area ul li:last-child {
margin-right: 0;
}
.footer-widgets-area {
padding-top: 42px;
padding-bottom: 45px;
border-bottom: 1px solid #444444;
}
.footer-smi {
max-width: 120px;
}
.footer-smi li {
display: inline-block !important;
margin-right: 14px;
margin-bottom: 14px;
}
.footer-smi li a {
height: 40px;
width: 40px;
border: 1px solid #5a5a5a;
display: block;
color: #d6d6d6;
text-align: center;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.footer-smi li a i {
font-size: 24px;
line-height: 40px;
}
.footer-smi li a:hover,
.footer-smi li a:focus {
background-color: #d6d6d6 !important;
color: #181818;
border-color: transparent;
}
.single-footer-widget {
float: left;
margin-right: 103px;
min-width: 90px;
}
.single-footer-widget ul li {
line-height: 20px;
}
.single-footer-widget ul li a {
color: #d6d6d6;
font-size: 12px;
text-transform: uppercase;
}
.single-footer-widget:last-child {
margin-right: 0;
}
.footer-bottom {
min-height: 75px;
padding-top: 28px;
font-size: 12px;
}
.footer-bottom p {
color: #7e7e7e;
display: inline-block;
margin-right: 15px;
}
.footer-bottom p.right {
float:right;
}
.footer-bottom p a {
color: #d6d6d6;
font-weight:600;
}
/*================== end footer =====================*/
.hero-area {
min-height: 664px;
position: relative;
top: -200px;
margin-bottom: -200px;
padding-top: 200px;
overflow: hidden;
background: #212121 !important;
}
.hero-area img { display: block !important; width: 100%; max-width: 1280px; max-height: 500px; object-fit: cover; margin: 0 auto;}
.hero-area .container {
position:relative;
z-index:2;
}
.page-template-template-venue-landing .hero-area .container, .page-template-default .hero-area .container, .error404 .hero-area .container, .gg_new_loader .hero-area .container, #tjl_blog_listing.hero-area .container { min-height: 585px; min-height: 260px; }
.page-template-template-venue-landing .hero-area .hero-sidebar, .page-template-default .hero-area .hero-sidebar, .error404 .hero-area .hero-sidebar, .gg_new_loader .hero-area .hero-sidebar, #tjl_blog_listing.hero-area .hero-sidebar { position: absolute; bottom: 0; right: 15px; }
.hero-area-tjl-content { width: 100%; padding-right: 350px; }
.hero-area-tjl-content p { font-weight: bold; color: #fff; font-size: 16px; line-height: 24px; max-width: 600px; }
.header-submenu {
min-height: 50px;
background-color: rgba(255,255,255, .9);
position: relative;
z-index: 5;
text-align: center;
}
.header-submenu ul {
margin-bottom: 0;
}
.header-submenu ul li a {
line-height: 50px;
color: #222222;
margin: 0 15px;
font-size: 19px;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
}
.header-submenu ul li.current_page_item a {
color: #e10f2b;
}
.hero-area h2, .hero-area h1 {
font-size: 70px;
font-weight: 800;
color: #fff;
text-transform: uppercase;
/*float: left;*/
max-width: 400px; max-width: 540px; max-width: 600px; max-width: 700px;
margin-top: 60px;
line-height: 60px;
}
.card-logos {
margin:5px 0px 15px 0px
}
.card-logos img {
width:auto;
max-height:30px;
padding-right:5px;
display:inline-block!important;
}
.hero-area .single-news h2 {
font-size: 55px;
font-weight: 800;
color: #fff;
text-transform: uppercase;
float: left;
max-width: 900px;
margin-top: 80px;
line-height: 58px;
}
.hero-area .get-in-touch-area {
float: left;
clear: left;
}
.subpage-sidebar {
margin-top: 44px;
margin-bottom: 50px;
}
.subpage-sidebar li {
border-top: 1px solid #4d4d4d;
}
.subpage-sidebar li:last-child {
border-bottom: 1px solid #4d4d4d;
}
.subpage-sidebar li a {
color: #fff;
text-transform: uppercase;
font-weight: 600;
font-size: 15px;
text-decoration: none;
padding: 5px 0;
line-height: 23px;
display: block;
}
.subpage-sidebar ul {
margin:0px;
padding:0px;
list-style:none;
}
.subpage-sidebar ul li a {
color: #888;
text-transform: uppercase;
font-weight: 600;
font-size: 12px;
text-decoration: none;
padding: 5px 15px 5px 20px;
line-height: 23px;
display: block;
}
.subpage-sidebar li.current_page_item a {
color: #e10f2b;
background: url('../img/btn-right-active.png') no-repeat left center;
padding-left: 20px;
}
.subpage-sidebar li.current_page_item ul li a {
color: #888;
background: none;
padding-left: 20px;
}
.subpage-content {
margin-bottom: 60px;
}
.subpage-content h2 {
text-transform: uppercase;
font-size: 25px;
color: #e10f2b;
font-weight: 800;
display: block;
}
.venue-detail-heading-area {
margin-top: 20px;
margin-bottom: 27px;
}
.venue-detail-heading-area h2 {
float: left;
max-width: 500px;
line-height: 28px;
letter-spacing: -0.5px;
}
.venue-detail-heading-area img {
max-width: 33%;
margin-top: -5%;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=33)";
filter: alpha(opacity=33);
-moz-opacity: 0.33;
-khtml-opacity: 0.33;
opacity: 0.33;
position: absolute;
right: 15px;
}
.get-in-touch-area {
color: #fff;
margin-bottom: 40px;
}
.get-in-touch-area ul li a {
color: #ea0e27;
font-size: 16px;
text-decoration: none;
font-weight: 600;
}
.get-in-touch-area-tjl { padding: 10px 0 0 0; }
.get-in-touch-area-tjl h3 { padding:0 0 5px 0; margin:0; }
.get-in-touch-area-tjl p { margin:0; padding: 0 0 20px; }
.get-in-touch-area-tjl a:hover { color:#fff; }
.get-in-touch-heading {
background-color: #ea0e27;
margin-bottom: 0;
position: relative;
width: auto;
height: 24px;
line-height: 24px;
color: #fff;
text-align: left;
text-indent: 5px;
text-transform: uppercase;
padding-left: 5px;
display: inline-block;
padding-right: 6px;
}
.get-in-touch-heading:after {
content: "";
border-top: 24px solid #ea0e27;
border-right: 15px solid transparent;
position: absolute;
right: -15px;
}
.get-in-touch-area .phone {
color: #fff;
font-size: 28px;
font-weight: 700;
margin-bottom: 5px;
margin-top: 10px;
}
.get-in-touch-area ul li a i {
width: 25px; display: none;
}
.get-in-touch-area ul li a i.fa-map-marker {
font-size: 20px;
margin-left: 2px;
margin-right: -2px;
}
.img-thumb-grid-area {
display: block;
background-color: #fff;
padding: 0 15px;
}
.img-thumb-grid-area .row {
/*border-bottom: 1px solid #000;*/
}
.img-thumb-grid-area div[class^='col-'],
.img-thumb-grid-area div[class*=' col-'] {
padding: 0;
}
.img-thumb-grid-area .img-thumb-text-area {
min-height:480px;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
.img-thumb-text {
padding: 10px 55px;
text-align: left;
}
.img-thumb-text h3 {
color: #e10f2b;
font-size: 25px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 20px;
margin-top: 0;
}
.img-thumb-text p {
font-size: 16px;
color: #242424;
line-height: 24px;
margin-bottom: 25px;
}
.img-thumb-preview img {
max-width: 100%;
}
/*--------------------- end venue detail page --------------*/
.about-heading-area h2 {
width: -webkit-calc(100% - 85px);
width: -moz-calc(100% - 85px);
width: -ms-calc(100% - 85px);
width: -o-calc(100% - 85px);
width: calc(100% - 85px);
float: left;
margin-top: 38px;
line-height: 26px;
letter-spacing: -.5px;
}
.about-heading-area {
margin-bottom: 21px;
}
.about-heading-area img {
float: right;
margin-top: 42px;
}
.about-content-area {
padding: 40px 15px;
padding-bottom: 0;
}
.about-content-heading h4 {
padding: 0 40px;
font-size: 22px;
color: #242424;
margin-top: 26px;
line-height: 32px;
margin-bottom: 70px;
}
.about-content-area .img-thumb-text-area {
height: auto !important;
}
.about-content-area .img-thumb-text{
min-height: 300px;
}
/*------------------ end about page -------------*/
/**
.landing-hero-area h2 {
margin-top: 140px;
margin-bottom: 32px;
}
**/
.landing-page-heading h2 {
text-align: center;
margin: 38px auto;
}
.racing-venues {
}
.racing-venues li {
padding: 0;
margin: 0 -1px;
border-right: 1px solid #242424;
}
.racing-venues li img {
max-width: 100%;
}
.racing-venues li:last-child {
border-right: 0;
}
.racing-venue-info {
background-color: #e10f2b;
height: 323px;
max-width: 318px;
width: 100%;
color: #fff;
text-align: center;
}
.racing-venue-preview {
max-width: 318px;
width: 100%;
}
.racing-venue-info h4 {
padding-top: 105px;
margin-top: 0;
font-size: 30px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 2px;
}
.racing-venue-info.contact-us h4 {
padding-top: 40px;
margin-bottom: 15px;
}
.racing-venue-info p {
font-size: 20px;
font-weight: 400;
margin-bottom: 77px;
}
.racing-venue-info.contact-us p {
font-size: 15px;
font-weight: 400;
margin-bottom: 15px
}
.racing-venue-info.contact-us p.address-block {
font-size: 15px;
font-weight: 400;
margin-bottom: 15px;
min-height:110px;
}
.racing-venue-info a {
color: #fff;
text-align: center;
font-size: 16px;
font-weight: 700;
position: relative;
text-transform: uppercase;
text-decoration: none;
display: inline-block;
padding-left: 20px;
}
.racing-venue-info a:before {
content: "";
background: url('../img/btn-right.png') no-repeat left center;
height: 12px;
width: 12px;
position: absolute;
left: 0;
top: 5px;
}
.racing-venue-info.contact-us a:before {
content: "";
background: none;
height: 0px;
width: 0px;
position: absolute;
left: 0;
top: 0px;
}
.wide-content {
padding:20px;
}
li.back-link a {
color:#bbb;
background: url('../img/btn-left-active.png') no-repeat left center;
padding-left: 20px;
}
.meet-the-team-box {
min-height:375px;
color:#fff;
line-height:14px;
font-size:13px;
}
.meet-the-team-box img {
margin-bottom:-9px;
}
.meet-the-team-box p.position {
text-transform:uppercase;
margin:12px 0px;
color:#ccc;
}
.current-vacancies {
padding: 20px;
margin:0px 15px 20px 15px;;
background:#fff;
color:#2d2d2d;
}
.current-vacancies h3 {
text-transform: uppercase;
font-size: 20px;
color: #e10f2b;
font-weight: 800;
display: block;
margin:0px 0px 15px 0px;
}
.current-vacancies p {
font-size:14px;
}
.current-vacancies hr {
width:100%;
height:1px;
color:#ccc;
background:#ccc;
border:0px;
}
.booking-terms {
width: 100%;
max-width: 600px;
position: absolute;
right: 0px;
bottom: 54px;
background: rgba(0,0,0,0.6);
padding: 35px 35px 20px 0px;
color: #fff;
font-weight:400;
}
.daytona-live-box {
width: 100%;
max-width: 600px;
position: absolute;
right: 0px;
bottom: 54px;
background: rgba(0,0,0,0.6);
padding: 35px;
color: #fff;
font-weight:400;
display:none;
}
.dmax-timing {
width:100%;
text-align:center;
padding:40px;
color:#fff;
}
.dmax-timing a:hover, .dmax-timing a:active {
color:#fff;
text-decoration:none;
}
.booking-terms ul li strong {
font-weight:500;
}
.booking-terms ul li {
margin-bottom:15px;
}
.booking-block.racing-venue-info p {
font-size: 18px;
font-weight: 400;
max-width:70%;
margin:0px auto 20px auto;
}
.booking-block.racing-venue-info label {
font-size: 13px;
margin:0px auto 20px auto;
max-width:70%;
font-weight: 400;
}
.booking-block.racing-venue-info span {
padding-bottom:15px;
}
.booking-block.racing-venue-info input {
font-size: 13px;
margin-right:5px;
}
.booking-block.racing-venue-info a {
}
img.booking-circuit {
padding:30px;
background:#181818;
}
.testimonial-row .image-box {
background:#fff;
display:block;
position:relative;
min-height:120px;
}
.testimonial-row .image-box img{
position: absolute;
margin: 0;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
max-width:110px;
height:auto;
}
.testimonial-row {
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px solid #ccc;
color:#fff;
font-size:15px;
font-weight:500;
}
.subpage-content .testimonial-row h2 {
text-transform: uppercase;
font-size: 19px;
color: #e10f2b;
font-weight: 800;
display: block;
margin: 0px;
}
.venue-sub-box {
text-align:center;
}
.venue-sub-box img {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=33)";
filter: alpha(opacity=33);
-moz-opacity: 0.33;
-khtml-opacity: 0.33;
opacity: 0.33;
max-width:100%;
height:auto;
}
.venue-sub-box h4 a {
color:#e10f2b;
text-decoration:none;
text-transform:uppercase;
font-weight:800;
}
.venue-sub-box p a {
color:#fff;
text-decoration:none;
text-transform:uppercase;
font-weight:500;
}
.venue-sub-box h4 a:hover, .venue-sub-box p a:hover {
text-decoration:none;
color:#fff;
}
/*============== responsive style goes here ============*/
@media screen and (min-width: 768px){
#menu-item-5307 {
/** display:none; **/
}
}
@media screen and (min-width: 1367px){
.container {
width: 1310px;
}
.navbar-brand > img {
width:320px;
}
}
@media screen and (max-width: 1366px){
/*
.navbar {
padding-bottom: 20px;
}
.navbar .navbar-right {
float: left !important;
}
.navbar-brand {
padding-left: 40px;
margin-bottom: 15px;
}
.top-bar {
padding-top: 20px;
}
.navbar-nav li a {
font-size: 13px;
padding: 10px 8px;
}
*/
.navbar-right {
margin-right: -25px;
}
.navbar-nav li {
margin:0px;
}
.navbar-nav li a {
font-size:14px;
}
.sponsor-area ul li {
margin: 0 15px;
}
.single-footer-widget {
margin-right: 65px;
}
.single-footer-widget:last-child {
margin-right: 0;
}
.venue-preview {
margin-left: 110px;
margin-top: 110px;
}
.venue-detail-heading-area img {
max-width: 340px;
}
.racing-venues li {
width: 285px;
}
}
@media screen and (max-width: 1199px){
.footer-callus-booknow {
float: left;
clear: both;
margin-top: 15px;
}
.hero-area {
top: -210px;
padding-top: -210px;
margin-bottom: -210px;
}
.navbar-brand {
padding-top: 5px;
margin-bottom: 10px;
}
.img-thumb-grid-area .pull-right {
float: none !important;
clear: both;
}
.img-thumb-preview img {
display: block;
margin: auto;
margin-bottom: 10px;
}
.img-thumb-text {
text-align: center;
}
.img-thumb-grid-area {
/** padding-top: 30px; **/
}
.img-thumb-text-area {
height: auto !important;
}
.venue-detail-heading-area img {
max-width: 180px;
}
.subpage-sidebar {
clear: both;
}
.about-content-area .img-thumb-text {
min-height: inherit;
}
.about-heading-area img {
display: none;
}
.about-heading-area h2 {
width: 100%;
}
}
@media screen and (max-width: 991px){
.col-md-9.pull-right { float: none !important; clear: both; }
.tablepress {
font-size: 11px;
}
#home-slider .carousel-caption {
left: 15%;
right: 15%;
}
.arrow-ver-down {
display: none;
}
.navbar-nav li a {
padding: 7px 3px;
}
.navbar-brand {
margin-top: 0;
padding-top: 10px;
}
.home-slider-area {
top: -174px;
margin-bottom: -174px;
}
.search-box-area {
max-width: 240px;
margin-top: 3px;
margin-bottom: 7px;
}
.phone-number {
font-size: 24px;
}
.home-sidebar {
clear: both;
}
.venue-single-thumb p {
font-size: 14px;
}
.venue-detail-heading-area img {
display: none;
}
.venue-detail-heading-area h2 {
max-width: 100%;
}
.hero-area h2, .hero-area h1 { font-size: 50px; line-height: 50px; }
}
@media screen and (max-width: 767px){
.hero-area h2, .hero-area h1 {
float: none;
margin-top: 40px;
}
.hero-area-tjl-content { padding-right: 0; }
.page-template-template-venue-landing .hero-area .hero-sidebar, .page-template-default .hero-area .hero-sidebar, .error404 .hero-area .hero-sidebar, .gg_new_loader .hero-area .hero-sidebar, #tjl_blog_listing.hero-area .hero-sidebar { position: static; bottom: auto; right: auto; }
.page-template-template-venue-landing .hero-area .hero-sidebar, .page-template-default .hero-area .hero-sidebar, .error404 .hero-area .hero-sidebar, .gg_new_loader .hero-area .hero-sidebar, #tjl_blog_listing.hero-area .hero-sidebar { max-width: unset; margin: 0 -15px; width: auto; float: none; clear: both; }
.fundraiser {
position: relative;
bottom: 0px;
padding: 15px;
}
.pull-right {
float:none!important;
clear:both;
}
.hero-area .get-in-touch-area {
float: none;
}
.posts-sidebar {
clear:both;
display:block;
}
.booking-terms {
width: 100%;
max-width: 100%;
position: relative;
right: auto;
bottom: auto;
background: rgba(0,0,0,0.6);
padding: 35px 35px 20px 0px;
color: #fff;
font-weight: 400;
display: block;
margin: 0px 0px 20px 0px;
}
.navbar ul ul {
display:none;
}
.navbar ul li:hover > ul {
display:none;
}
#home-slider .carousel-caption {
left: 20px;
right: 15%;
}
.carousel-indicators {
width: 90%;
}
.col-md-9 {
max-width:100%;
}
.col-md-9 img {
max-width:100%;
}
.img-thumb-preview img {
height:auto;
}
.stickymenu {
display:none!important;
}
.navbar-nav li a {
font-size: 13px;
padding: 10px 8px;
}
.navbar-brand {
padding: 10px;
margin-top: 0;
margin-bottom: 0;
}
.navbar-toggle {
/** border: 1px solid #e10f2b; **/
margin-top: 12px; margin-top: 18px;
padding: 0 !important;
}
.navbar-toggle .icon-bar {
background-color: #fff;
width: 32px !important;
height: 3px !important; height: 2px !important;
}
.navbar-toggle .icon-bar+.icon-bar { margin-top: 7px !important; }
.img-thumb-text-area {
height: auto !important;
}
header {
background-color: #000;
min-height: inherit;
}
.home-slider-area {
top: 0;
margin-bottom: 0;
}
.navbar {
padding: 5px 0;
}
.navbar-nav .active a:before,
.navbar-nav .active a:after,
.arrow-ver-down {
display: none;
}
.navbar-nav .active a {
border-bottom: 0;
}
.single-footer-widget {
padding-left: 20px;
clear: both;
text-align: left;
margin-bottom: 20px;
margin-right: 0;
}
.venue-list,
.venue-preview-area {
width: 100%;
}
#home-slider h2 {
font-size: 35px;
line-height: 35px;
}
.carousel-control i {
font-size: 60px;
top: 45%;
left: 50%;
margin-left: -10px;
}
.home-slider-area {
height: 450px;
}
#home-slider .item {
height: 450px;
}
.slider-btn {
width: 165px !important;
line-height: 50px;
background-position: 10px center
}
.slider-btn:after {
border-top: 50px solid #e10f2b;
}
.navbar .navbar-right {
float: none !important;
margin-right: -15px;
}
.footer-bottom {
padding-top: 20px;
padding-bottom: 10px;
}
.footer-bottom p {
display: block;
padding-left: 20px;
}
.hero-sidebar {
margin-top: 30px;
margin-bottom: 40px;
float: left;
}
.hero-area h2, .hero-area h1 {
font-size: 52px;
line-height: 52px;
font-size: 32px; line-height: 32px;
}
.img-thumb-preview {
padding: 0 10px;
}
}
@media screen and (max-width: 400px) {
.navbar-brand {
width: 250px;
}
.navbar-brand img{
max-width: 100%
}
#home-slider .carousel-caption {
bottom: 60px;
}
.venue-sticker {
left: 10px;
}
.venue-preview-header h3 {
font-size: 24px;
}
.venue-preview-header p {
font-size: 14px;
}
.vp-find-out-more {
font-size: 14px;
width: 140px;
background-position: 10px center;
}
.page-id-6096 .main-content .col-md-9.pull-right .current-vacancies { padding: 20px 25px !important; }
.navbar-toggle {
margin-top: 12px;
}
}
#xmas-banner { line-height: 9px; }
#xmas-banner img { width: 100%; height: auto; }
/* BEN EDITS */
.book-online-selection {
z-index: 999;
display: inline-block;
position: relative;
width: 100%;
}
.booking-form {
background: rgba(225, 15, 43, 0.9);
height: 85px;
line-height: 20px;
vertical-align: middle;
text-transform: uppercase;
color: #fff;
position: relative;
padding-left: 20px;
padding-right: 50px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 16px;
text-decoration: none;
font-weight: 600;
margin-bottom: 1px;
border-bottom: 1px solid #701c27;
display: table;
min-height: 58px;
width: 33%;
float: left;
margin-right: 0.30%;
}
.booking-form label {width: 100%;}
.booking-form input, .booking-form select {border: 0;width: 100%;height: 34px;color: #3c3c3c;padding: 5px;}
.booking-form-search {clear: both;padding: 20px;text-align: center;}
.booking-form-search .btn {border-radius: 0px;}
#searchresults {width: 100%; margin-top: 50px;}
#searchresults .box {
margin-bottom: 40px;
width: 50%;
float: left;
border: 1px solid #fff;
border-left: 0;
border-right: 0;
border-top: 0;
width: 48%;
margin-right: 2%;
}
#searchresults h1 {color: #fff; font-size: 16px; text-align: center;}
#searchresults .box h1 {
color: #ffffff;
margin-bottom: 20px;
margin-top: 0;
font-size: 22px;
text-transform: uppercase;
font-weight: 800;
margin: 0px 0px 15px 0px;
text-align: left;
}
#searchresults .box p {
font-size: 16px;
color: #fff;
line-height: 24px;
margin-bottom: 25px;
}
#searchresults .box p:first-of-type {position: relative;
background-color: #ea0e27;
width: auto;
height: 24px;
color: #fff;
line-height: 25px;
padding: 0 7px;
font-size: 15px;
display: inline-block;
margin-bottom: 5px;
font-weight: 600;
}
#searchresults .box p:first-of-type:after {
content: "";
width: 0;
height: 0;
border-top: 25px solid #ea0e27;
border-right: 20px solid transparent;
position: absolute;
right: -20px;
}
#searchresults .box a {
display: block;
background: rgba(225, 15, 43, 0.9);
height: 58px;
line-height: 20px;
display: table-cell;
vertical-align: middle;
text-transform: uppercase;
color: #fff;
position: relative;
padding-left: 20px;
padding-right: 50px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 16px;
text-decoration: none;
font-weight: 600;
border:0;
}
.booking-form-search .btn {display: block;
background: rgba(225, 15, 43, 0.9);
height: 58px;
line-height: 20px;
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
color: #fff;
position: relative;
padding-left: 30px;
padding-right: 70px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 16px;
text-decoration: none;
font-weight: 600;
border:0;outline:0}
#searchresults .box a:after, .booking-form-search .btn:after {
content: "";
position: absolute;
background: url(../img/btn-right-lg.png) no-repeat;
height: 20px;
width: 20px;
right: 20px;
top: 20px;
transition: all 0.15s;
}
@media screen and (max-width: 768px) {
.booking-form {width: 100%;}
#searchresults .box {width: 100%; margin-right: 0;}
.navbar .navbar-collapse ul ul {
position:static;
top: auto;
left: auto; padding-top: 0;
}
.navbar .navbar-collapse ul ul li {
width: 100%;
}
/** .navbar .navbar-collapse .menu-item-has-children > a { background: url(/wp-content/themes/daytona/img/arrow-white-right.png) no-repeat 95% 100%; background-size: 16px auto; } **/
}
.new-booking-form a {
display: block;
background: rgba(225, 15, 43, 0.9);
height: 58px;
line-height: 20px;
display: table-cell;
vertical-align: middle;
text-transform: uppercase;
color: #fff;
position: relative;
padding-left: 20px;
padding-right: 50px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 16px;
text-decoration: none;
font-weight: 600;
min-width: 210px;
}
.new-booking-form a:hover {
background: #C90C25;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
}
.new-booking-form a:after {
content: "";
position: absolute;
background: url('../img/btn-right-lg.png') no-repeat;
height: 20px;
width: 20px;
right: 20px;
top: 20px;
transition:all 0.15s;
}
.new-booking-form a:after {
content: "";
position: absolute;
background: url('../img/btn-right-lg.png') no-repeat;
height: 20px;
width: 20px;
right: 15px;
top: 20px;
}
.new-booking-form h2 {
font-size: 50px;
font-weight: 800;
color: #fff;
text-transform: uppercase;
/* float: left; */
max-width: 100%;
margin-top: 60px;
line-height: 55px;
}
.hero-area.new-booking-form {
min-height: 374px;
}
.page-id-5210 .hero-area { display: none; }
.new-booking-form .current-vacancies a { min-width: 10px; width: 340px; max-width: 100%; }
.new-booking-form .current-vacancies a strong { font-size: 1.4em; }
body.manchester.page .subpage-sidebar { display: none !important; }
body.manchester.page .get-in-touch-area { display: none !important; }
/** new bookings panels **/
@font-face {
font-family: 'xscaleregular';
src: url('/wp-content/themes/daytona/fonts/x-scale_-webfont.woff2') format('woff2'),
url('/wp-content/themes/daytona/fonts/x-scale_-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clear { clear: both; }
#booking_wrapper, #booking_wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#booking_wrapper img { max-width: 100% !important; height: auto; }
#booking_menu_holder { display: block; position: relative; }
#booking_toggle, #booking_toggle_new { display: block; background: url(/wp-content/themes/daytona/img/arrow-down-w.png) 98.5% 50% no-repeat rgba(225, 15, 43, 1); margin: 10px 0 0 0; color: #fff; cursor: pointer; padding: 13px 45px 13px 15px; padding: 9px 45px 9px 15px; background-size: 26px auto; font-size: 1.2em; text-transform: uppercase; }
#booking_toggle.opened, #booking_toggle_new.opened { background-image: url(/wp-content/themes/daytona/img/arrow-up-w.png); }
#booking_menu { display: none; position: absolute; z-index: 2; width: 100%; margin: 0; padding: 5px 15px; list-style-image: none; list-style: none; background: #fff; -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.49); -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.49); box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.49); }
#booking_menu li { margin: 0; padding: 0; border-bottom: 2px solid #dedede; text-transform: uppercase; }
#booking_menu li:last-child { border: none; }
#booking_menu li a { display: block; padding: 10px 0 10px 20px; color: #666666; text-decoration: none; background: url(/wp-content/themes/daytona/img/btn-right-active.png) 0 50% no-repeat; }
.booking_panel { /** display: none; **/ position: relative; }
.booking_panel_content { display: none; min-height: 260px; padding: 25px 23px 5px 23px; padding: 20px 20px 0 20px; background: #333333; }
.booking_panel_content.active { display: block; }
.booking_panel_content * { color: #fff; }
.booking_panel_menu { margin: 0; padding: 0; list-style: none; list-style-image: none; border: 1px solid #a3a3a3; border-top: none; background: #fff; }
.booking_panel_menu li { margin: 0; padding: 0; display: inline-block; width: 33.33333333333333%; }
.booking_panel_menu li a { display: block; width: 100%; height: 100px; background-repeat: no-repeat; background-position: center; background-size: 80% auto; text-indent: -9999px; }
#booking_panel_event .booking_panel_menu li { border-left: 1px solid #a3a3a3; }
#booking_panel_event .booking_panel_menu li a { background-size: 90% auto; outline: none !important; }
#booking_panel_event .booking_panel_menu li:nth-child(1) { border-left: none; }
#booking_panel_event .booking_panel_menu li:nth-child(1) a { /** background-image: url(/wp-content/themes/daytona/img/logos/practice.png); **/ background-image: url(/wp-content/themes/daytona/img/logos/arrive-drive.png); }
#booking_panel_event .booking_panel_menu li:nth-child(2) a { background-image: url(/wp-content/themes/daytona/img/logos/open-races.png); }
#booking_panel_event .booking_panel_menu li:nth-child(3) a { background-image: url(/wp-content/themes/daytona/img/logos/juniors.png); }
#booking_panel_event .booking_panel_menu li:nth-child(1) a.active { background-color: #333333; /** background-image: url(/wp-content/themes/daytona/img/logos/practice-w.png); **/ background-image: url(/wp-content/themes/daytona/img/logos/arrive-drive-w.png); }
#booking_panel_event .booking_panel_menu li:nth-child(2) a.active { background-color: #333333; background-image: url(/wp-content/themes/daytona/img/logos/open-races-w.png); }
#booking_panel_event .booking_panel_menu li:nth-child(3) a.active { background-color: #333333; background-image: url(/wp-content/themes/daytona/img/logos/juniors-w.png); }
.booking_wrapper_new .booking_panel_menu { border: 1px solid #333; border-top: none; }
.booking_wrapper_new #booking_panel_event .booking_panel_menu li { border-left: 1px solid #333; }
.booking_wrapper_new #booking_panel_event .booking_panel_menu li:nth-child(1) { border-left: none; }
.booking_wrapper_new #booking_panel_event .booking_panel_menu li a { background-size: 73% auto; background-size: 58% auto; }
.booking_wrapper_new .booking_panel_menu li a { height: 50px; height: 38px; }
.booking_wrapper_new p { font-size: 16px; line-height: 24px; padding: 0 0 20px 0; margin: 0; }
.booking_wrapper_new .p_tight { padding-bottom: 10px !important; }
.booking_panel_content ul { padding: 0 0 15px 0; margin: 0 0 0 23px; }
.booking_panel_content li { font-size: 20px; line-height: 24px; margin: 0; padding: 0 0 5px 0; }
.booking_wrapper_new .booking_panel_content li { font-size: 16px; line-height: 24px; }
.booking_panel_content_relative { position: relative; }
.booking_panel_content_left { float: left; width: 26%; padding: 0 25px 20px 0; padding: 0 20px 20px 0; /** z-index: 2; position: absolute; top: 0; left: 0; right: 0; bottom: 0; **/ line-height: 9px; background-position: center; background-repeat: no-repeat; background-size: cover; }
.booking_panel_content_left img { width: 100%; height: auto; }
.booking_panel_content_right { float: right; width: 74%; padding-top: 10px; }
.booking_panel_content .col_two { width: 50%; float: left; padding: 0 25px 0 0; }
.booking_panel_content .col_two_short { max-width: 260px; }
.booking_panel_content h2 { font: italic bold 25px/28px "Open Sans", sans-serif; padding: 0 0 15px 0; margin: 0; text-transform: uppercase; }
.booking_panel_content h2 span { border-bottom: 1px solid #fff; display: inline-block; padding: 0 25px 12px 0; }
.booking_panel_content#booking_panel_event_3 h2 span { border-color: #737373; }
.booking_panel_content .col_three_new { width: 33.33333333333333%; float: left; padding: 0 25px 0 0; }
.booking_panel_content .col_three_new_last { padding-right: 0; }
.booking_panel_content .col_three_new h3 { font-size: 15px; line-height: 19px; padding: 0 0 5px 0; font-style: italic; margin: 0; }
.booking_wrapper_new .booking_panel_content .col_three_new li { font-size: 13px; line-height: 18px; padding: 0 0 3px 0; }
.tjl_mobile { display: none; }
/**
#booking_panel_kart .booking_panel_menu li:nth-child(1) a { background-image: url(/wp-content/themes/daytona/img/logos/sodikart.png); }
#booking_panel_kart .booking_panel_menu li:nth-child(2) a { background-image: url(/wp-content/themes/daytona/img/logos/dmax.png); background-color: #000; }
#booking_panel_kart .booking_panel_menu li:nth-child(3) a { background-image: url(/wp-content/themes/daytona/img/logos/junior-karts.png); }
#booking_panel_kart_1 { background: url(/wp-content/themes/daytona/img/bkg_booking_sodi.jpg) right no-repeat #cb0000; background-size: cover; padding-right: 426px; }
#booking_panel_kart_2 { background: url(/wp-content/themes/daytona/img/bkg_booking_dmax.jpg) right no-repeat #000000; background-size: cover; padding-right: 480px; }
#booking_panel_kart_2.tamworth { background-image: url(/wp-content/themes/daytona/img/bkg_booking_dmax_tamworth.jpg); }
#booking_panel_kart_3 { background: url(/wp-content/themes/daytona/img/bkg_booking_junior.jpg) right no-repeat #313131; background-size: cover; }
#booking_panel_kart_3.tamworth { background-image: url(/wp-content/themes/daytona/img/bkg_booking_junior_tamworth.jpg); background-position: left; }
#booking_panel_event_1 { background: url(/wp-content/themes/daytona/img/bkg_booking_arrivedrive.jpg) left no-repeat #262626; background-size: cover; }
#booking_panel_event_2 { background: url(/wp-content/themes/daytona/img/bkg_booking_open.jpg) right no-repeat #262626; background-size: cover; }
#booking_panel_event_3 { background: url(/wp-content/themes/daytona/img/bkg_booking_juniors.jpg) left no-repeat #262626; background-size: cover; }
#booking_panel_event_3.tamworth { background-image: url(/wp-content/themes/daytona/img/bkg_booking_juniors_tamworth.jpg); }
.booking_wrapper_new #booking_panel_event_1, .booking_wrapper_new #booking_panel_event_2, .booking_wrapper_new #booking_panel_event_3 { padding-bottom: 15px; }
.booking_panel_content h2 { font: bold 62px/34px 'xscaleregular','Open Sans', sans-serif; margin: 0; padding: 0 0 20px 0; text-align: center; }
.booking_panel_content h2.h2_red { color: #ef0b26; }
.booking_panel_content h2 span { display: block; font-size: 35px; line-height: 20px; color: #fff !important; padding: 8px 0 0 0; }
.booking_wrapper_new .booking_panel_content h2 { font: bold italic 25px/28px 'Open Sans', sans-serif; }
.booking_wrapper_new .booking_panel_content h2 span { font-size: 20px; line-height: 24px; }
.booking_panel_content p { padding: 0 0 20px 0; margin: 0; font-size: 20px; line-height: 25px; }
.booking_wrapper_new p { font-size: 16px; line-height: 24px; }
.booking_wrapper_new .p_tight { padding-bottom: 10px; }
.booking_panel_content ul { padding: 0 0 15px 0; margin: 0 0 0 23px; }
.booking_panel_content ul.border_left { border-left: 1px solid #fff; padding-left: 70px; padding-bottom: 0; margin-bottom: 20px; }
.booking_panel_content li { font-size: 20px; line-height: 24px; margin: 0; padding: 0 0 5px 0; }
.booking_wrapper_new .booking_panel_content li { font-size: 16px; line-height: 24px; }
.booking_panel_content .booking_base_text { text-align: center; }
.booking_panel_content .booking_base_text_small { font-size: 17px; }
.booking_panel_content .booking_panel_col_30 { float: left; width: 30%; }
.booking_panel_content .booking_panel_col_70 { float: left; width: 70%; }
.booking_panel_content .booking_panel_col_30 h2, .booking_panel_content .booking_panel_col_70 h2 { font-size: 45px; line-height: 25px; text-transform: uppercase; }
.booking_panel_content .booking_panel_col_30 ul li, .booking_panel_content .booking_panel_col_70 ul li { padding: 2.5px 10px 2.5px 0; }
.booking_panel_content .booking_panel_col_70 ul li { float: left; width: 50%; padding-right: 35px; }
.booking_panel_content .booking_panel_col_70_right_single { float: right; width: 65%; }
.booking_wrapper_new .booking_panel_content .booking_panel_col_70_right_single { width: 72%; }
.booking_panel_content .booking_panel_col_70 .col_two { width: 50%; float: left; padding: 0 25px 0 0; }
.booking_panel_content .booking_panel_col_70 .col_two ul li { float: none; width: 100%; padding-right: 10px; }
.booking_panel_content .booking_panel_col_50 { float: left; width: 50%; }
.booking_panel_content .booking_panel_col_50 h2 { font-size: 36px; line-height: 17px; text-transform: uppercase; padding: 0 0 35px 0; }
.booking_wrapper_new .booking_panel_content .booking_panel_col_50 h2 { font-size: 25px; line-height: 28px; padding: 0 0 10px 0; }
.booking_panel_content .booking_panel_col_50 .col_two { width: 50%; float: left; padding: 0 20px 0 0; }
.booking_panel_content .booking_panel_col_50 .col_two.border_left { padding-left: 20px; border-left: 1px solid rgba(255,255,255,0.7); }
.booking_panel_content .booking_panel_col_50 .col_two ul li { font-size: 15px; line-height: 19px; }
.booking_panel_content .booking_panel_col_70_right_single_small { float: right; width: 55%; }
.booking_panel_content .booking_panel_col_70_right_single_small .col_two ul li { font-size: 15px; line-height: 19px; }
#booking_panel_event_3.tamworth .booking_panel_col_70 h2 { font-size: 36px; line-height: 20px; padding: 0 0 30px 0; }
.booking_wrapper_new #booking_panel_event_3.tamworth .booking_panel_col_70 h2 { font-size: 28px; line-height: 32px; padding: 0 0 18px 0; }
.booking_panel_content .booking_panel_col_75 { float: left; width: 75%; padding: 0 55px 0 0; padding: 0 35px 0 0; }
.booking_panel_content .booking_panel_col_25 { float: left; width: 25%; padding: 0 0 20px 0; }
.booking_panel_content .booking_panel_col_75 h2, .booking_panel_content .booking_panel_col_25 h2 { padding: 15px 0 40px 0; text-align: center; }
.booking_panel_content .booking_panel_col_75 .col_three { float: left; width: 33.33333333333333%; margin: 0; padding: 0; list-style-image: none; list-style: none; }
.booking_panel_col_25_border_left { border-left: 1px solid rgba(255,255,255,1); padding-left: 65px; }
.booking_panel_content .booking_panel_col_75 ul li, .booking_panel_content .booking_panel_col_25 ul li { padding: 2.5px 10px 2.5px 0; font-size: 15px; line-height: 19px; }
.booking_panel_content .booking_panel_col_75 p, .booking_panel_content .booking_panel_col_25 p { padding: 0 10px 5px 0; }
.booking_panel_event_2_milton .booking_panel_col_75 { width: 55%; }
.booking_panel_event_2_milton .booking_panel_col_25 { width: 45%; }
.booking_panel_event_2_milton .booking_panel_col_25 .col_two { width: 50%; float: left; }
.booking_panel_event_2_milton .booking_panel_col_25_border_left { padding-left: 35px; }
#booking_panels_gap { height: 30px; display: block; clear: both; }
#p_tamworth_event_3 { padding: 0 0 20px 340px; }
**/
@media screen and (max-width: 1030px){
.booking_panel_content .col_three_new { width: 50%; }
}
@media screen and (max-width: 1200px){
/**
.booking_wrapper_new .booking_panel_content .booking_panel_col_70_right_single { width: 65%; }
**/
}
@media screen and (max-width: 991px){
/**
#booking_panel_kart_1 { background: #cb0000; padding-right: 28px; }
#booking_panel_kart_2 { background: #000; padding-right: 28px; }
.booking_panel_content .booking_panel_col_30, .booking_panel_content .booking_panel_col_70, .booking_panel_content .booking_panel_col_50 { float: none !important; width: 100% !important; clear: both; }
.booking_panel_content ul.border_left { border: none; padding-left: 0; }
.booking_panel_content .booking_panel_col_50 .col_two.border_left { border: none; padding-left: 0; }
#booking_panel_kart_3.tamworth, #booking_panel_event_3.tamworth { background-image: url(/wp-content/themes/daytona/img/bkg_booking_junior.jpg); }
#booking_panel_event_1 { background-image: url(/wp-content/themes/daytona/img/bkg_booking_junior.jpg); }
.booking_panel_content .booking_panel_col_75, .booking_panel_content .booking_panel_col_25 { width: 50%; }
.booking_panel_content .booking_panel_col_75 { padding: 0 15px 0 0; }
.booking_panel_content .booking_panel_col_75 .col_three { float: none; width: 100%; clear: both; }
.booking_panel_content .booking_panel_col_25 .col_two { float: none; width: 100%; clear: both; }
.booking_panel_col_25_border_left { padding-left: 25px; }
#p_tamworth_event_3 { padding-left: 0; }
**/
.booking_wrapper_new #booking_panel_event .booking_panel_menu li a { background-size: 93% auto; background-size: 73% auto; }
}
@media screen and (max-width: 768px){
.current-vacancies { margin: 0 !important; }
}
@media screen and (max-width: 720px){
#booking_toggle span, #booking_toggle_new span { display: none; }
}
@media screen and (max-width: 650px){
.booking_panel_content .col_two, .booking_panel_content .col_three_new { width: 100%; float: none; padding: 0; clear: both; }
.booking_wrapper_new .booking_panel_content .col_three_new li { font-size: 16px; line-height: 24px; padding: 0 0 5px 0; }
.booking_panel_content_left { width: 100%; padding: 10px 0 20px 0; float: none; clear: both; position: static; top: auto; left: auto; right: auto; bottom: auto; }
.booking_panel_content_right { float: none; clear: both; width: 100%; }
.tjl_desktop { display: none; }
.tjl_mobile { display: block; }
.booking_panel_content h2 { padding-top: 10px; }
/**
.booking_panel_content .booking_panel_col_70 .col_two { width: 100%; float: none; padding: 0; clear: both; }
.booking_panel_content .booking_panel_col_50 .col_two { width: 100%; float: none; padding: 0; clear: both; }
.booking_wrapper_new .booking_panel_content .booking_panel_col_50 h2 { border-bottom: 2px solid #737373; text-align: left; margin-bottom: 10px; }
#booking_panel_event_3.tamworth .booking_panel_col_70 h2 { border-bottom: 2px solid #737373; font-size: 24px; line-height: 28px; text-align: left; margin-bottom: 15px; padding-bottom: 10px; }
**/
.booking_wrapper_new #booking_panel_event .booking_panel_menu li a { background-size: 83% auto; background-size: 94% auto; }
#booking_toggle, #booking_toggle_new { padding: 13px 45px 13px 15px; }
}
@media screen and (max-width: 590px){
/**
.booking_panel_content h2 { font-size: 48px; line-height: 24px; }
.booking_panel_content .booking_panel_col_70 ul li { float: none; clear: both; width: 100%; padding-right: 10px; }
**/
#booking_toggle, #booking_toggle_new { background-position: 96% 50%; }
.booking_wrapper_new .booking_panel_menu li a { height: 33px; }
}
@media screen and (max-width: 540px){
/**
.booking_panel_content .booking_panel_col_75, .booking_panel_content .booking_panel_col_25 { width: 100%; float: none; clear: both; padding: 0; }
.booking_panel_col_25_border_left { padding: 0 !important; border: none; }
.booking_wrapper_new .booking_panel_content .booking_panel_col_75 h2, .booking_wrapper_new .booking_panel_content .booking_panel_col_25 h2 { border-bottom: 2px solid #737373; text-align: left; margin-bottom: 10px; padding-bottom: 15px; }
**/
}
@media screen and (max-width: 460px){
.booking_panel_content { padding: 15px 15px 0 15px !important; }
#booking_toggle_new { font-size: 1.1em; }
.booking_wrapper_new p { padding: 0 0 15px 0; }
.booking_panel_content ul { padding: 0 0 10px 0; }
}
@media screen and (max-width: 350px){
.mobile-header-base-new a { font-size: 15px; line-height: 19px; }
}
.tjl-button { padding-top: 20px; padding-top: 10px; }
.tjl-button a, .tjl-button input { background: rgba(225, 15, 43, 0.9);
height: 58px;
line-height: 20px;
display: table-cell;
vertical-align: middle;
text-transform: uppercase;
color: #fff;
position: relative;
padding-left: 20px;
padding-right: 50px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 16px;
text-decoration: none;
font-weight: 600; cursor: pointer; border: none; outline: none; }
.tjl-button input { background: url(../img/btn-right-lg.png) 95% 50% no-repeat rgba(225, 15, 43, 0.9);
width: 100%; max-width: 340px;
text-align: left; }
.tablepress tr td { width: 8% !important; }
.tablepress tr td:first-child { width: 20% !important; }
.error { font-weight: bold; color: #f00; }
.plain-link { display: inline !important; background: none !important; height: auto !important; line-height: auto !important; text-transform: none !important; color: #2d2d2d !important; text-decoration: underline !important; padding: 0 !important; font-size: 1em !important; font-weight: normal !important; min-width: 10px !important; }
/** booking pages - added code here due to clubspeed losing styling **/
.booking-system(.page-id-6096) {
padding:30px 0px;
background:#fff;
}
#leftcolumn h1 { font-size: 16px; line-height: 19px; }
#leftcolumn h1 span#ctl00_ContentPlaceHolder1_BusinessLocation { display: block; padding: 0 0 10px 0; font-size: 32px; line-height: 35px; }
span.Views { display: block; padding: 10px 0 0 0; }
span.Views input { margin: 0 5px 0 10px; }
#ctl00_ContentPlaceHolder1_lblSelect { display: block; padding: 0 0 1px 0; font-weight: bold; }
table.ChooseStyle { margin-top: 12px; }
table.ChooseStyle td, table.ChooseStyle th { padding: 6px 12px; }
.detailsLeft { float: left; width: 62% !important; }
.detailsRight { float: right; width: 35% !important; }
#leftcolumn { float: left; width: 35% !important; }
#rightcolumn { float: right; width: 62% !important; }
.detailsLeft .formLine label, .detailsRight .formLine label { float: left !important; width: 45% !important; padding-right: 3% !important; max-width: 235px !important; }
.detailsLeft .formLine input[type="text"], .detailsLeft .formLine textarea, .detailsRight .formLine input { float: left !important; width: 52% !important; max-width: 250px !important; margin-bottom: 5px !important; }
#Table3 { width: 100% !important; max-width: 650px !important; }
#Table3 td, #Table3 th { font-size: 14px !important; line-height: 17px !important; padding: 4px 5px !important; }
#lblMsg { padding-top: 10px; display: block; }
.continue form input { margin-bottom: -3px; margin-left: 5px; }
#rightcolumn table { width: 100%; }
table.LineStyle td { padding: 5px 0; }
@media all and (min-width: 0px) and (max-width : 650px) {
.detailsLeft, #leftcolumn { width: 100% !important; float: none !important; clear: both !important; }
.detailsRight, #rightcolumn { width: 100% !important; float: none !important; clear: both !important; }
}
.TableStyle a {
font-weight: bold;
font-size: 11px;
text-decoration: none;
color:Black;
}
.TableStyle {
width:100%;
font-size: 11px;
}
.lnkTimeStyle {
color:red !important;
/* text-decoration: underline !important;*/
}
.col2 {
text-align:left;
width:60%;
padding-bottom:10px;
}
.col3 {
text-align:center;
width:20%;
padding-bottom:10px;
}
.col1 {
text-align:center;
width:20%;
padding-bottom:10px;
}
.LineStyle {
width:95%;
border-bottom: dashed;
border-bottom-width: 1px;
border-bottom-color: #3C3C3C;
margin-bottom:13px;
}
.ChooseStyle {
background-color: #ffefef;
width:95%;
font-weight:bold;
font-size: 11px;
}
table.LineStyle td {
padding: 0 10px 10px 10px;
}
/** additional -- **/
.Views
{
color: #333333;
font-family: Arial,Helvetica,sans-serif;
font-size: 9px;
}
.Footer {
width:780;
}
.MyBody {
width:780;
}
#leftcolumn {
float:left;
width:45%;
vertical-align:top;
text-align:left;
}
#rightcolumn {
float:left;
width:55%;
vertical-align:top;
text-align:left;
}
.Calendar
{
background-color: #5b5b5b;
line-height: 24px;
border: 1px solid #3B3B3B;
}
.CalendarDayStyle a,.CalendarDayStyle a:visited,.CalendarDayStyle a:active
{
text-Align:center ;
vertical-align:middle;
color:black !important;
text-decoration:none;
font-weight: bold;
font-size: 11px;
}
.CalendarDayStyle a:hover
{
text-Align:center ;
vertical-align:middle;
color:red !important;
text-decoration:none;
font-weight: bold;
font-size: 11px;
}
.CalendarDayStyle
{
text-Align:center ;
vertical-align:middle;
color:black;
text-decoration:none;
background-color:White;
font-size: 11px;
font-weight: bold;
line-height: 20px;
}
.NextPrevStyle
{
border-right: 1px solid #a2a2a2;
border-left: 1px solid #a2a2a2;
background-color: #474747;
color: White !important;
font-weight: bold;
text-Align:center ;
}
.NextPrevStyle a
{
color: White !important;
}
.CalendarDayHeaderStyle
{
color: White !important;
background-color:red ;
width:40;
font-size: 11px;
line-height: 20px;
border:none;
}
.CalendarTitleStyle
{
background-color: #474747;
color: #FFF;
font-weight: bold;
font-size: 11px;
line-height: 24px;
padding: 4px;
}
.OtherMonthDayStyle ,.OtherMonthDayStyle a ,.OtherMonthDayStyle a:visited
{
color: #efefef !important;
background-color:#efefef !important;
}
.LabelDateStyle
{
}
.WarningTextStyle
{
color:red;
}
.LabelText
{
}
.TableStyle a
{
font-weight: bold;
font-size: 11px;
text-decoration: none;
color:Black;
}
.TableStyle
{
width:40%;
font-size: 11px;
}
.lnkTimeStyle
{
color:red !important;
text-decoration: underline !important;
}
.col1
{
text-align:left;
width:25%;
white-space:nowrap;
}
.col2
{
text-align:left;
width:60%;
}
.col3
{
text-align:left;
width:15%;
}
.LineStyle
{
width:95%;
border-bottom: dashed;
border-bottom-width: 1px;
border-bottom-color: #3C3C3C;
}
.ChooseStyle
{
background-color: #ffefef;
width:95%;
font-weight:bold;
font-size: 11px;
}
.ButtonStyle {
font: 11px Arial, Verdana, sans-serif;
background-color: #333333;
border: 1px solid #333333;
color: #FFF;
width:100px;
margin-right: 5px;
}
/* page 2 */
div.detailsLeft {
float: left;
width: 430px;
margin: 0 30px 0 0;
border: 1px dashed #666666;
padding: 20px;
}
div.detailsLeft h2 {
}
div.detailsRight {
float: left;
width: 310px;
padding: 20px;
background-color: #474747;
}
div.detailsRight h2, div.detailsRight p, div.detailsRight label {
color: #FFF;
}
div.formLine {
height: 28px;
clear: both;
}
div.formLine label {
float: left;
width: 130px;
text-align: right;
padding: 0 10px 0 0;
font-weight: bold;
}
div.detailsRight div.formLine label {
width: 95px;
}
div.detailsRight div.formLine input.text {
border: 1px solid #FFF;
background-color: #474747;
color: #FFF;
}
div.formLine label strong {
font-size: 14px;
color: #FF0000;
}
div.detailsRight div.formLine input.button {
background-color: #FFF;
border: 1px solid #FFF;
color: #333333;
}
div.formLine input {
float: left;
}
div.formLine textarea {
height: 50px;
width: 180px;
float: left;
}
.title {
font-size: 12px;
}
.title {
color: #333333;
font-family: Arial,Helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 12px;
}
.selectDate {
color: #333333;
font-family: Arial,Helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 12px;
}
a.PreviousNextLinks {
color: red;
font-family: Arial,Helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 12px;
}
.continue input{
position:relative;
top:-2px;
}
.fancybox-hidden { display: none; }
#signup_offers { background: #242424; padding: 30px; width: 100%; max-width: 450px; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; }
#signup_offers * { color: #fff; }
#signup_offers .sign-up-hide { display: none !important; }
#signup_offers .sign-up-consent { font-size: 13px; padding-top: 20px !important; border-top: 1px solid rgba(255,255,255,0.2); }
#signup_offers h2 { font-size: 35px; font-weight: 800; text-transform: uppercase; margin-top: 0; line-height: 39px; }
#signup_offers label { display: none; }
#signup_offers ul { margin: 0; padding: 0; list-style: none; list-style-image: none; }
#signup_offers ul li { margin: 0; padding: 0; padding: 0 0 8px 0; list-style: none; list-style-image: none; }
#signup_offers ul li label { display: inline; font-weight: normal; }
#signup_offers ul li label a { text-decoration: underline; }
#signup_offers ul li label a:hover { text-decoration: none; }
#signup_offers .mc-field-group { display: block; clear: both; padding: 0 0 10px 0; }
#signup_offers .mc-field-group input[type=text], #signup_offers .mc-field-group input[type=email] { display: block; width: 100%; border: none; padding: 5px 10px; background: #fff; color: #333; }
#signup_offers .mc-field-group input[type=checkbox] { margin: 0 10px 0 0; }
#signup_offers .mc-field-group.input-group strong { display: block; font-size: 16px; padding: 10px 0; }
#signup_offers .indicates-required { display: block; font-size: 13px; padding: 0 0 10px 0; }
#signup_offers #mc-embedded-subscribe { background: rgba(225, 15, 43, 0.9) url(/wp-content/themes/daytona/img/btn-right-lg.png) 90% 50% no-repeat; line-height: 20px; text-transform: uppercase; font-size: 16px; text-decoration: none; font-weight: 600; border: none; padding: 15px 50px 15px 20px; outline: none; transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; }
#signup_offers #mc-embedded-subscribe:hover { background-position: 92% 50%; }
@media screen and (min-width: 1201px){
.tjl-flex { display: flex; }
.tjl-flex-reverse { flex-direction: row-reverse; }
.tjl-flex .img-thumb-preview { height: 100%; }
.tjl-flex .img-thumb-preview img { object-fit: cover; height: 100%; width: 100%; object-position: center; }
.tjl-flex .img-thumb-text { padding-top: 35px; }
.tjl-flex .img-thumb-text-area { height: auto !important; }
}
.row .wpcf7 select, .row .wpcf7 input, .row .wpcf7 textarea { width: 100%; border: 1px solid #ccc; padding: 10px 20px; margin: 15px 0 0 0; font-weight: normal; }
.row .wpcf7 input.wpcf7-date { padding-top: 3px; padding-bottom: 3px; }
.row .wpcf7 select { padding-left: 15px; padding-right: 15px; }
.row .wpcf7 p { margin: 0; padding: 0; }
.row .wpcf7 label { margin: 0; padding: 0; }
.row .wpcf7 .wpcf7-form-control.wpcf7-submit { background: #e10f2b; border-color: #e10f2b; color: #fff; font-weight: bold; }
.venue-detail-heading-area.tjl-flex-heading { display: flex; justify-content: space-between; align-items: center; }
.venue-detail-heading-area.tjl-flex-heading h2 { float: none; max-width: 100%; }
.venue-detail-heading-area.tjl-flex-heading .tjl-flex-heading-title { width: 48%; }
.venue-detail-heading-area.tjl-flex-heading .tjl-flex-heading-widget { width: 48%; text-align: right; }
.venue-detail-heading-area.tjl-flex-heading .tjl-flex-heading-widget > div { float: right; }
.tjl_builder_content { background: #fff; margin: 30px 0 0 0; padding: 20px; }
.gg_new_loader.single-post .hero-area .container { min-height: unset; }
.single-post .hero-area .single-news h2 { max-width: unset; float: none; margin: 30px 0; }
@media screen and (max-width: 670px){
.venue-detail-heading-area.tjl-flex-heading { display: block; }
.venue-detail-heading-area.tjl-flex-heading .tjl-flex-heading-title { width: 100%; }
.venue-detail-heading-area.tjl-flex-heading .tjl-flex-heading-widget { width: 100%; text-align: center; padding-top: 15px; }
.venue-detail-heading-area.tjl-flex-heading .tjl-flex-heading-widget > div { float: none; }
.single-post .hero-area { background: none !important; min-height: unset !important; display: flex; flex-wrap: wrap; }
.single-post .hero-area img, .page-template-template-venue-landing .hero-area img, .page-template-default .hero-area img { display: block !important; width: 100%; height: auto; order: 2; }
.single-post .hero-area .sub-page-overlay, .page-template-template-venue-landing .hero-area .sub-page-overlay { display: none; }
.single-post .hero-area .container.single-news { background: #000; margin-top: 10px; border-top: 2px solid #fff; width: 100%; }
.single-post .hero-area .single-news h2 { font-size: 26px; line-height: 32px; margin: 0; padding: 10px 0 12px 0; float: none; }
.single-post .subpage-content { margin: 0 -15px 20px -15px }
.page-template-template-venue-landing .hero-area h1, .page-template-default .hero-area h2 { margin: 0; padding: 15px 15px 20px 15px; font-size: 26px; line-height: 32px; }
.page-template-template-venue-landing .hero-area, .page-template-default .hero-area { background: #000 !important; min-height: unset !important; }
.page-template-template-venue-landing .hero-area .container, .page-template-default .hero-area .container, .gg_new_loader .hero-area .container, #tjl_blog_listing.hero-area .container { min-height: unset; }
.page-template-template-venue-landing .hero-area .hero-sidebar, .page-template-default .hero-area .hero-sidebar, .gg_new_loader .hero-area .hero-sidebar, #tjl_blog_listing.hero-area .hero-sidebar { max-width: unset; margin: 0 -15px; width: auto; float: none; clear: both; }
.header-submenu { margin-bottom: 15px; }
.tjl_builder_content { margin-left: -15px; margin-right: -15px; }
.post-list img { width:100%; height:auto; float: none; margin: 0 0 15px 0; }
}
.carousel-inner>.item>img { width: 100%; object-fit: cover; height: 100%; }