.breadcrumbs {
font-size: 13px;
color: var(--col1);
text-align: left;
margin: 0
}

.noUnderline {text-decoration: none;}
.textCentre {text-align: center;}
.disclaimer {font-size: 11pt}
.indented {margin-left: 20px}
.indented10 {margin-left: 10px}
.indented45 {margin-left: 45px}
.indented60 {margin-left: 60px}
.noPadding {padding: 0;margin: 0}
.white {color: #fff}
.weight400{font-weight: 400;}
.weight700{font-weight: 700;}

h1,h2,h3,h4 {
font-family: Jubilat,Georgia,sans-serif;
color: var(--col2);
font-size: 15pt;
text-align: left;
padding: 0
}

h3 {font-size: 13pt}

h3.footerH3 {
color: #066;
font-size: 1em;
margin: 0;
padding: 0;
text-decoration: none;
}

h4 {font-size: 13pt; margin-bottom:0}

h1.calendarTitle,h1.heroTitle {
font-family: Garamond,serif;
font-size: 34pt;
line-height: 130%;
font-weight: 400;
width: 80%;
color: #fff;
margin: 35px 0 0 0;
padding: 0 0 0 65px;
text-shadow: var(--txtShad);
border-top: solid 1px #fff;
border-bottom: solid 1px #fff;
border-image: linear-gradient(45deg,#ccc,transparent) 1;
background-image: linear-gradient(to right,rgba(0,0,0,.7),rgba(0,0,0,0))
}

h1.hpH1 {
color: #fff;
font-size: 3em;
text-align: center;
line-height: 100%;
text-shadow: var(--txtShad);
margin: 0
}

h2.hpH2 {
color: #eee;
font-size: 1.4em;
text-align: center;
line-height: 150%;
text-shadow: var(--txtShad);
margin: 30px 0;
}

p.cookieText {color: #fff;font-size: 10pt}

p.publishDate {color: #666;font-size: 10pt}

.footerText {color: #333;font-size:11pt;line-height: 1.5em;text-decoration: none;padding: 0;margin: 0;}

mark {
background: 0 0;
color: var(--col2)
}

mark.mini {
color: #000;
background: 0 0;
font-size: 9pt
}

a {
color: #333;
text-decoration: underline
}
a:hover {color: var(--col2)}

a.breadcrumbs {
color: var(--col1);
text-decoration: none
}
a:hover.breadcrumbs {color: var(--col2)}

a.h2Links {
color: var(--col1);
font-weight: 700;
text-align: left;
padding: 0 0 0 30pt;
text-decoration: none
}
a:hover.h2Links {color: var(--col2)}

a.insetContentBlockLinks {
color: #000;
text-decoration: underline
}
a:hover.insetContentBlockLinks {color: #066}

a.links8 {
font-size: 8pt;
color: var(--col1);
white-space: nowrap;
padding: 0 0 0 10px;
text-decoration: none;
line-height: 1.6
}
a:hover.links8 {color: #3cc}

a.normalFooter {
color: #3cc;
text-decoration: underline
}
a:hover.normalFooter {color: var(--col1)}

a.smallFooter,.smallFooter {
font-size: 11pt;
line-height: 1.5em;
color: #000;
text-align: center;
text-decoration: none;
padding: 0;
margin: 0
}
a:hover.smallFooter {color: #00f}

a.topOfPage {
font-size: 10pt;
color: #999;
text-decoration: none;
line-height: 1.6
}
a:hover.topOfPage {color: #066}

a:link.whiteLink, a:visited.whiteLink {
color: #fff;
text-decoration: underline
}
a:hover.whiteLink {color: #ccc}

.globalButton {
	background: var(--col2);
	margin: 10px 0;
	padding: 5px 18px;
	border: solid 1px var(--col1);
	border-radius: 8px;
	cursor: pointer;
	text-decoration: none;
	font-size: 16px;
	color: #fff
}
.globalButton:hover {background: var(--col3);color: #fff}

.cookie-btn {
	font-size: 18px;
	margin: 3px 0 18px 0;
	border: solid 1px var(--colA);
	}
	
.stdBtnLight,.stdBtnDark {
	margin: auto 0;
	background: var(--col3);
	border: solid 1px var(--colA);
	}
.stdBtnLight:hover {
	background: var(--col2);
	}

.stdBtnDark {
	background: var(--col1);
	border: solid 1px var(--colZ);
	}
.stdBtnDark:hover {
	background: var(--col2);
	}
	
.calBtnDark {
	margin: 0 auto;
	background: var(--col2);
	border: solid 1px var(--colZ);
	}
.calBtnDark:hover {
	background: var(--col3);
	}	
	
@media (max-width: 640px) {
	body {
	font-size:12pt;
	line-height: 20pt;
	font-weight: 400
	}

	h1.heroTitle {
	text-shadow: var(--txtShad);
	line-height: 120%;
	font-size: 20pt;
	padding: 0 0 0 15px;
	margin: 0
	}

	h1.calendarTitle {
	font-size: 20pt;
	width: 100%;
	padding: 0 0 0 15px
	}

	h1.hpH1 {
	font-size: 24pt;
	
	padding: 30vh 0 0 0;
	
	line-height: 130%
	}

	h2.hpH2 {
	font-size: 15pt;
	line-height: 140%
	}

	.breadcrumbs {
	font-size: 13px;
	color: #999;
	text-align: left;
	margin: 0
	}
	
	a.breadcrumbs {
	font-size: 13px;
	color: #999;
	text-decoration: none
	}
	a:hover.breadcrumbs {color: var(--col2)}
	
	.indented,.indented10,.indented45,.indented60 {margin-left: 5px}

	summary {margin-left: 20px}

	a.smallFooter,.smallFooter {
	font-size: 9pt;
	line-height: 130%;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 5px 0;
	margin: 0
	}
	a.smallFooter {text-decoration: none}

	a:hover.smallFooter {color: #999}

	a.callButton,a.mailButton {
	background-color: var(--col2);
	border: solid 1px #fff;
	border-radius: 4px;
	text-decoration: none;
	padding: 8px 25px;
	margin: 5px 14px 35px 14px;
	color: #fff;
	font-size: 14pt;
	font-weight: 700;
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.5);
	box-shadow: 5px 5px 5px rgba(0,0,0,.5)
	}

	a.callButton {
	background-color: var(--col3);
	}

	a.callButton:hover,a.mailButton:hover {
	background-color: var(--col3);
	color: #fff;
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.5);
	box-shadow: 3px 3px 3px rgba(0,0,0,.5)
	}
}