/* 

Chester Racecourse styles

Copyright 2025 - Netfuel Ltd
www.netfuel.co.uk

*/


@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');


:root {
	--default-gutter-x:20px;
	--default-gutter-y:20px;
	--color-white:#ffffff;
	--text-size:18px;
	--text-size-lg:72px;
	--transition:all 0.5s ease-in-out;
	--transition-background:background-color 0.5s ease-in-out;
	--transition-border:border-color 0.5s ease-in-out;
	--transition-color:color 0.5s ease-in-out;
}


/* General Layout */

html,body {margin:0;padding-right:0 !important;background-color:var(--color-grey);font-family:'Source Serif 4', serif;font-optical-sizing:auto;font-size:var(--text-size);font-weight:300;font-style:normal;font-optical-sizing:auto;overflow-x:clip;}

.mt-1 {margin-top:calc(var(--default-gutter-y) * 1) !important;}
.mb-1 {margin-bottom:calc(var(--default-gutter-y) * 1) !important;}
.mt-2 {margin-top:calc(var(--default-gutter-y) * 2) !important;}
.mb-2 {margin-bottom:calc(var(--default-gutter-y) * 2) !important;}
.mt-4 {margin-top:calc(var(--default-gutter-y) * 4) !important;}
.mb-4 {margin-bottom:calc(var(--default-gutter-y) * 4) !important;}
.mt-8 {margin-top:calc(var(--default-gutter-y) * 8) !important;}
.mb-8 {margin-bottom:calc(var(--default-gutter-y) * 8) !important;}
.pt-1 {padding-top:calc(var(--default-gutter-y) * 1) !important;}
.pb-1 {padding-bottom:calc(var(--default-gutter-y) * 1) !important;}
.pt-2 {padding-top:calc(var(--default-gutter-y) * 2) !important;}
.pb-2 {padding-bottom:calc(var(--default-gutter-y) * 2) !important;}
.pt-4 {padding-top:calc(var(--default-gutter-y) * 4) !important;}
.pb-4 {padding-bottom:calc(var(--default-gutter-y) * 4) !important;}
.pt-8 {padding-top:calc(var(--default-gutter-y) * 8) !important;}
.pb-8 {padding-bottom:calc(var(--default-gutter-y) * 8) !important;}
.me-1 {margin-right:10px !important;}


.container {padding-left:calc(var(--default-gutter-x) * 2);padding-right:calc(var(--default-gutter-x) * 2);}
.row:not(.row-gap-0) {row-gap:calc(var(--default-gutter-x) * 2);}
.row {margin-left:calc((var(--default-gutter-x) * 1) / -1);margin-right:calc((var(--default-gutter-x) * 1) / -1);}
.row >* {padding-left:calc(var(--default-gutter-x) * 1);padding-right:calc(var(--default-gutter-x) * 1);}




.underlined {display:inline-flex;position:relative;padding-bottom:5px;text-decoration:none;overflow:hidden;}
.underlined:before, .underlined:after {content:'';position:absolute;bottom:0;left:0;bottom:0;width:100%;height:1px;background:var(--color-white);transition:left 1000ms;/*transform:translate(-100%,0);*/}
.underlined:before {left:-200%;}
.underlined:hover:before {left:0;}
.underlined:hover:after {left:200%;}



/* Hero */

.hero {min-height:100dvh;background-size:cover;background-position:center;}
.hero:after {display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.hero >* {position:relative;z-index:2;}
.hero .boxen-wrapper {padding-top:calc(var(--default-gutter-y) * 4);padding-bottom:calc(var(--default-gutter-y) * 4);}
.hero .boxen .title, .hero .boxen p {font-size:var(--text-size);color:var(--color-white);line-height:150%;}
.hero .boxen .title {font-size:var(--text-size-lg);font-weight:400;line-height:100%;}
.hero .boxen p a {color:var(--color-white);}




@media (max-width: 1399px) {

	.container {max-width:100%;}

}

@media (max-width: 575px) {

	:root {
		--text-size-lg:54px;
	}

}