/* 

Chester Racecourse styles

Copyright 2020 Netfuel Ltd.
www.netfuel.co.uk

*/

@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
	font-family:'Publico';
	src:url('../fonts/publico/PublicoBannerXCondensed-Medium-Web.woff2') format('woff2'), url('../fonts/publico/PublicoBannerXCondensed-Medium-Web.woff') format('woff');
	font-weight:600;
	font-style:normal;
}

@font-face {
	font-family:'Rework';
	src:url('../fonts/rework/ReworkMicro-Semibold.woff2') format('woff2'), url('../fonts/rework/ReworkMicro-Semibold.woff') format('woff');
	font-weight:600;
	font-style:normal;
}


/* General Layout */

html,body {margin:0;font-family:'Hanken Grotesk', sans-serif;font-size:100%;font-weight:300;scroll-behavior:smooth;}
html.visible {overflow-y:hidden;}
img {border:0;vertical-align:middle}
fieldset {border:0;padding:0;margin:0}
img {max-width:100%;}
small {font-size:85%;}




/* General Styles */

.button, .nf-form-wrap .submit-wrap input[type="submit"], .content-section span.section-title, .modal .modal-dialog .modal-content .modal-body .boxen span.title, .call-to-action .boxen span, .content-section .boxen > span.title, .content-section .boxen > span.subtitle, .content-section .boxen > h1, .content-section .boxen > h2, .content-section .boxen > h3, .content-section .boxen > h4,  .content-section .boxen > h5, .content-section .boxen > h6, .fixtures-list .fixture .specifics-wrapper .desc span.title, .racecard-title span.title, .nf-form-cont .nf-form-title h3, .hero .slide .boxen span.subtitle, .social-feed .nav-tabs .nav-item .nav-link span.section-title, .header .header-left a.button span, .header .header-right a.button span, .pull-out-menu #v-pills-content .tab-pane ul.menu li, .racing-tabs .navigation .nav-pills .nav-item .nav-link, .racing-tabs .content .tab-pane .card-header button, .internal-hero .boxen span.date, .sidenav .sidenav-menu li {font-family:'Rework';text-transform:uppercase;}

h1, h2, h3, h4, h5, h6 {margin:0;padding:0;}
p {margin:0;padding:0;}
strong {font-weight:600;}
a, .button, .slider span.slider-arrow, .social-feed .nav-tabs .nav-item .nav-link span.section-title, button[type="submit"], .nf-form-wrap .submit-wrap input[type="button"], .partners .partner, .fixtures-list .fixture .information-wrapper a span.area {color:#120e2d;transition:all 0.4s ease-in;cursor:pointer;}
a:hover {color:#d1ad91;text-decoration:none;}
.button, .nf-form-wrap .submit-wrap input[type="submit"] {display:inline-flex;padding:0.75rem 0.9375rem;background:#fff;border:0;font-size:0.875em;color:#120e2d;font-weight:700;line-height:1em;}
.button.blue, .nf-form-wrap .submit-wrap input[type="submit"] {background:#120e2d;color:#fff;}
.button:hover {background:#d1ad91;color:#fff;}
.button.blue:hover, .nf-form-wrap .submit-wrap input[type="submit"]:hover {background:#d1ad91;}
.button.disabled {background:#d3d3d3;color:#fff;cursor:default;}
.readmore {display:flex;font-size:1em;color:#120e2d;font-weight:bold;}
.readmore:before, .section-links a.dropdown span:after {content:"\f105\00a0" !important;font-family:"Font Awesome 5 Free";}
.section-links a.dropdown span:after {content:"\00a0\f107" !important;}
.section-links a.dropdown[aria-expanded=true] span:after {content:"\00a0\f106" !important;}
.readmore.expand:before {content:"\f107\00a0" !important;}
ul.menu {margin:0;padding:0;list-style:none;}
.embed-container, .wp-video {position:relative;width:100% !important;height:0;padding-bottom:56.25%;overflow:hidden;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);}
.embed-container iframe, .wp-video .wp-video-shortcode {position:absolute;top:0;left:0;width:100%;height:100%;border:0;border-radius:0;}
iframe {max-width:100%;}


.mt-sm-1, .mt-sm-2, .mt-md-1, .mt-md-2 {margin-top:0 !important;}
.mb-sm-1, .mb-md-2, .mb-sm-1, .mb-md-2 {margin-bottom:0 !important;}
.mt-1 {margin-top:0.9375rem !important;}
.mb-1 {margin-bottom:0.9375rem !important;}
.mt-2 {margin-top:1.875rem !important;}
.mb-2 {margin-bottom:1.875rem !important;}
.mt-3 {margin-top:3.75rem !important;}
.mb-3 {margin-bottom:3.75rem !important;}
.mt-5 {margin-top:5.625rem !important;}
.mb-5 {margin-bottom:5.625rem !important;}
.pt-1 {padding-top:0.9375rem !important;}
.pb-1 {padding-bottom:0.9375rem !important;}
.pt-2 {padding-top:1.875rem !important;}
.pb-2 {padding-bottom:1.875rem !important;}
.pt-3 {padding-top:3.75rem !important;}
.pb-3 {padding-bottom:3.75rem !important;}
.pt-5 {padding-top:5.625rem !important;}
.pb-5 {padding-bottom:5.625rem !important;}
.my-auto {margin-top:auto !important;}
.position-inherit {position:inherit;}



svg.logo-full .st0 {fill:#FFFFFF;}
svg.logo-full .st4 {fill:#D83633;}

svg.logo-full .st1, svg.crest-logo .st0 {fill:#FFCA05;}
svg.logo-full .st2, svg.crest-logo .st1 {fill:#EC1A3B;}
svg.logo-full .st3, svg.crest-logo .st2 {fill:#003E7E;}




/* COVID */

.covid-banner {padding:0.5rem 0;background:#d1ad91;}
.covid-banner .boxen p {color:#fff;font-weight:bold;}
.covid-banner .boxen p a {color:#fff;text-decoration:underline;}
.covid-banner .boxen p a:hover {color:#120e2d;}




/* Topbar */

.topbar {position:relative;z-index:1020;background:#ff1d24;transition:all 0.4s ease-in;}
.topbar.hidden {height:0;}
.topbar .element {color:#fff;}
.topbar .element .button {padding:0.9375rem 0;background:none;color:#fff;}
.topbar .element .button span {margin-right:0.625rem;}
.topbar .element .button:hover {color:#d1ad91;}




/* Header */

.header {padding:1.875rem 0;background:#120e2d;}

.header .header-left a.button span, .header .header-right a.button span {margin-left:10px;font-size:1em;}
.header .header-left a#pull-out-menu-toggle.active .fa-bars:before {content:"\f00d";}
.header .header-right a.button i.fas.fa-ticket-alt {transform:rotate(-45deg);}




.content-section {padding:3.75rem 0;}
.content-section.grey {background:#f7f7f7;}
.content-section span.section-title, .modal .modal-dialog .modal-content .modal-body .boxen span.title, .call-to-action .boxen span {display:block;margin-bottom:0.875rem;font-size:1.25em;color:#120e2d;font-weight:bold;line-height:1em;}
.content-section .boxen > span.title, .content-section .boxen > span.subtitle, .content-section .boxen > h1, .content-section .boxen > h2, .content-section .boxen > h3, .content-section .boxen > h4, .content-section .boxen > h5, .content-section .boxen > h6, .fixtures-list .fixture .specifics-wrapper .desc span.title, .racecard-title span.title, .nf-form-cont .nf-form-title h3 {display:block;margin-bottom:1.875rem;font-size:1.125em;color:#120e2d;font-weight:bold;text-transform:uppercase;line-height:1.25em;}
.content-section .boxen > h1 {margin-bottom:0.9375rem;font-size:2em;}
.content-section .boxen > h2, .content-section .boxen > h3, .content-section .boxen > span.subtitle, .nf-form-cont .nf-form-title h3 {font-size:1.5em;}
.content-section .boxen > h3, .content-section .boxen > h4 {margin-bottom:0.9375rem;}
.content-section .boxen > h4 {font-size:1.25em;}
.content-section .boxen > h5 {font-size:1.125em;}
.content-section .boxen.reversed > span.section-title, .content-section .boxen.reversed > p {color:#fff;}
.content-section .boxen > p, .newsletter-signup .form-group > p, .modal .modal-dialog .modal-content .modal-body .boxen p, .nf-form-cont .nf-field-container.html-container p, .nf-form-cont .nf-response-msg p {font-size:1em;color:#18191e;line-height:1.5em;}




/* Newsletter Signup */

.newsletter-signup {background:#d1ad91;}
.newsletter-signup .boxen > p, .newsletter-signup .form-group > p {color:#fff;}
.newsletter-signup .form-group {position:relative;}
.newsletter-signup .form-group button {position:absolute;top:0;right:0;width:calc(2.25rem + 2px);height:calc(2.25rem + 2px);background:none;border:0;color:#120e2d;cursor:pointer;}
.newsletter-signup .form-group button:hover {color:#d1ad91;}
.newsletter-signup .signup-form p#success-message {display:none;padding:15px 30px;background-color:#120e2d;color:#fff;font-weight:bold;}
.newsletter-signup .signup-form p a {color:inherit;text-decoration:underline;}
.newsletter-signup .signup-form p a:hover {color:#120e2d;}




/* Sponsors */

.sponsors {padding-bottom:0;background:#120e2d;overflow:hidden;}
.sponsors .container:after {display:block;content:'';width:100%;height:2px;margin-top:3.75rem;background:#c3bde7;}
.sponsors .sponsors-logos {margin-bottom:-60px;margin-left:-60px;margin-right:-60px;}
.sponsors .sponsors-logos .logo {margin-bottom:60px;padding-left:60px;padding-right:60px;}




/* Footer */

.footer {background:#120e2d;}
.footer ul.menu li {display:block;font-size:1em;line-height:1.5em;}
.footer ul.menu li a {color:#fff;}
.footer ul.menu li a:hover {color:#d1ad91;}




/* Sub Footer */

.sub-footer .boxen span.telephone {display:block;font-size:1.125em;color:#120e2d;font-weight:bold;line-height:1.25em;}
.sub-footer .boxen span.email {display:block;font-size:1em;color:#120e2d;font-weight:bold;line-height:1.25em;}
.sub-footer .boxen p, .sub-footer .boxen p a {color:#18191e;}
.sub-footer .boxen p a:hover {color:#d1ad91;}

.sub-footer .social-icons .row, .side-content .contact-panel .social-links {margin-left:-3px;margin-right:-3px;}
.sub-footer .social-icons .social-desc {margin-right:0.8125rem;}
.sub-footer .social-icons .social-desc, .sub-footer .social-icons .social-icon, .side-content .contact-panel .social-links .icon {padding:0 3px;}
.sub-footer .social-icons span {display:block;font-size:1em;color:#120e2d;font-weight:bold;line-height:1em;}
.sub-footer .social-icons .social-icon a, .side-content .contact-panel .social-links .icon a {display:flex;justify-content:center!important;width:2.5rem;height:2.5rem;background:#120e2d;border-radius:100%;font-size:1.25em;color:#fff;line-height:1em;vertical-align:middle;transition:transform 0.25s, -webkit-transform 0.25s}
.sub-footer .social-icons .social-icon a.facebook, .side-content .contact-panel .social-links .icon a.facebook {background:#3b5998;}
.sub-footer .social-icons .social-icon a.twitter, .side-content .contact-panel .social-links .icon a.twitter {background:#55acee;}
.sub-footer .social-icons .social-icon a.instagram, .side-content .contact-panel .social-links .icon a.instagram {background-image: linear-gradient(45deg,#4c68d6,#b22d98 33%,#e85a50 65%,#fbbb59);}
.sub-footer .social-icons .social-icon a.linkedin, .side-content .contact-panel .social-links .icon a.linkedin {background:#0073b1;}
.sub-footer .social-icons .social-icon a.youtube, .side-content .contact-panel .social-links .icon a.youtube {background:#FF0000;}
.sub-footer .social-icons .social-icon a:hover, .side-content .contact-panel .social-links .icon a:hover {transform:scale(1.05);}
.sub-footer .social-icons .social-icon a i, .side-content .contact-panel .social-links .icon a i {display:flex;align-items:center!important;}

.sub-footer .awards .row {margin-left:-5px;margin-right:-5px;}
.sub-footer .awards .award-logo {padding:0 5px;}

.sub-footer .netfuel span {font-size:1em;color:#120e2d;line-height:1em;}




/* Pull-out menu */

.pull-out-menu {position:fixed;top:0;left:0;z-index:10;width:100%;height:100%;transform:translateY(-100%);background:#120e2d;transition:all 0.4s ease-in;overflow:hidden;}
.pull-out-menu.active {transform:translateY(0);}
.pull-out-menu .pull-out-menu-content {padding:1.875rem 0;overflow-y:scroll;}
.pull-out-menu .container {max-width:1000px;}
.pull-out-menu .logo svg .st0 {fill:#fff;}
.pull-out-menu .nav.nav-pills .nav-link {margin-bottom:1.875rem;padding:0;font-size:2.5em;color:#fff;font-weight:bold;line-height:1em;}
.pull-out-menu .nav.nav-pills .nav-link {font-family:'Publico';text-transform:uppercase;}
.pull-out-menu .nav.nav-pills .nav-link.parent:after {content:"\f105";margin-left:0.9375rem;font-family:'Font Awesome 5 Free';font-size:0.875em;font-weight:bold;}
.pull-out-menu .nav.nav-pills .nav-link.active, .pull-out-menu .nav.nav-pills .nav-link:hover {background:none;border:0;color:#d1ad91;}
.pull-out-menu .nav.nav-pills .nav-link:last-of-type {margin-bottom:0;}
.pull-out-menu #v-pills-content .tab-pane ul.menu li {margin-bottom:1.875rem;font-size:1em;color:#fff;line-height:1em;}
.pull-out-menu #v-pills-content .tab-pane ul.menu li a {color:#fff;}
.pull-out-menu #v-pills-content .tab-pane ul.menu li a:hover {color:#d1ad91;}


.pull-out-menu .crest {position:absolute;bottom:0;right:0;width:25%;height:0;padding-bottom:25%;transform:rotate(10deg);opacity:0.2;}




/* Forms */

.form-control {border:0;border-radius:0;font-size:1em;color:#120e2d;}


@media (min-width: 1200px) {

	.container {max-width:1400px;}

}

/*Styles for screen 1220px and lower*/
@media screen and (max-width: 1220px) {
	
	.container {max-width:100%;padding:0 1.875rem;}
	
	
	.header .desktop-menu ul li.root:first-of-type {display:none;}
	
	
	.sponsors .sponsors-logos {margin-left:-15px;margin-right:-15px;}
	
}


/*Styles for screen 1199px and lower*/
@media screen and (max-width: 1199px) {
	
	.header .desktop-menu ul li.root > a, .header .desktop-menu a.button.book-now, .button {font-size:0.75em;}
	
}


/*Styles for screen 991px and lower*/
@media screen and (max-width: 991px) {	
	
	.mt-md-1 {margin-top:0.9375rem !important;}
	.mt-mb-1 {margin-bottom:0.9375rem !important;}
	.mt-md-2 {margin-top:1.875rem !important;}
	.mb-md-2 {margin-bottom:1.875rem !important;}


	.header .row {margin-left:-7.5px;margin-right:-7.5px;}
	.header .row >* {padding-left:7.5px;padding-right:7.5px;}
	
	
	.footer {padding-bottom:1.875rem;}
	.footer .footer-block {margin-bottom:1.875rem;}
	
}


/*Styles for screen 767px and lower*/
@media screen and (max-width: 767px) {
	
	.mt-sm-2 {margin-top:1.875rem !important;}
	.mb-sm-2 {margin-bottom:1.875rem !important;}
	
	
	.header {padding: 0.9375rem 0;box-shadow:0 2px 10px rgb(0 0 0 / 30%);}
	.header .logo img {width:100% !important;}
	
}


/*Styles for screen 576px and lower*/
@media screen and (max-width: 576px) {
	
	.mt-sm-1 {margin-top:0.9375rem !important;}
	
	
	.header .logo svg.crest-logo {width:40px;}
	
}


/*Styles for screen 420px and lower*/
@media screen and (max-width: 480px) {
	
	.topbar .element.search-wrapper {display:none;}
	.topbar .element.account-wrapper {-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
	.topbar .element.account-wrapper .row {-ms-flex-pack:justify!important;justify-content:space-between!important;}
	
	
	.header .logo svg.crest-logo {width:32px;}
	
}


/*Styles for screen 420px and lower*/
@media screen and (max-height: 360px) {
	
	.header.sticky-top {position:relative !important;}
	
}