/*Font styles used for the site*/
body {  
	font-family: "clother",sans-serif;
	font-size: 24px;
	line-height: 1.125;
	color:var(--body_colour,#000);
	font-weight: 300;
	/* Greyscale antialiasing, as Figma renders text. macOS's default
	   rendering thickens every stem – the light weights most, and light
	   ink on dark grounds most of all – so a site reads heavier than its
	   design (Charlie, 2026-10-26: ported from St Catherine's, as in the
	   base theme). This file is the editor style too. */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
img {
	max-width:100%;
	height:auto;
}
/* clother ships 300 + 700 only; the UA/Bootstrap "bolder" from the 300 body
   computes to 400, which falls back to the 300 face — force real bold. */
b, strong {
	font-weight: 700;
}
a {
	color:var(--link_colour);
	text-decoration:none
}
a:hover {
	text-decoration:none;
	color:var(--link_colour_hover);
}
a:focus {
	text-decoration:none;
}
/* Links in running text – page/post content, text blocks, text & image blocks,
   and the editor (this file is also the editor style). */
.body-text :is(p, li) a:not(.button),
.text-block-tm :is(p, li) a:not(.button),
.mce-content-body :is(p, li) a {
	font-weight: 700;
	text-decoration: underline;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	color:var(--title_colour,#000);
	font-family: "the-seasons",sans-serif;
	font-weight: 700;
}
h1,.h1{
	font-size: 96px;
	line-height: 1.146;
	margin-bottom: 48px;
}
h2,.h2{
	font-size: 64px;
	line-height: 1;
	margin-bottom: 48px;	
}
h3,.h3{
	font-size: 48px;
	line-height: 1;
	margin-bottom: 50px;	
}
h4,.h4{
	
}
h5,.h5{
	
}
h6,.h6{
	
}
p {
	margin-bottom: 25px;
}
table {
	width:100%;
	margin-bottom:1em;
}

/*Button*/
.blockButton > a,
.button {
	display: inline-block;
    color: var(--button_colour,#fff);
    border: solid 1px var(--button_bg_hover,#000);
    background: var(--button_bg,#000);
	text-decoration:none;
    line-height: 1.9;
	font-size: 22px;
    padding: 20px 65px;
    position: relative;
    transition: 300ms;
	min-width: 247px;
	font-weight: 300;
	text-align: center;
	
}
.blockButton> a:hover,
.button:hover {
	background:var(--button_bg_hover,#000);
	color:var(--button_colour_hover,#fff);
	border-color:var(--button_bg_hover,#000);
}
button:focus {
	outline:0;
}

blockquote {
	font-style: normal;
	font-size: 64px;
	line-height: 1.2334;
	font-weight: 700;
	padding:2.2em 1.1em;
	text-align:center;
	font-family: "the-seasons",sans-serif;
	color: var(--cyan);
}
blockquote:before {
	content: '"';
	display: block;
	font-size: 128px;
    line-height: 0.6;
	font-weight: 700;
	font-family: "the-seasons",sans-serif;
	margin: 0px auto 5px;
}

blockquote cite{
	font-weight:300;
	display: block;
	font-size: 24px;
	line-height: 1.125;
	font-family: "clother",sans-serif;
	font-style: normal;
	color: var(--blue);
	margin-top: 48px;
}
tbody, td, tbody, th {
	padding:0.3125rem 0.625rem;
}
tbody, td, tfoot, th, thead, tr {
	border-width:1px;
}

.gallery  {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -7.5px;
    margin-left: -7.5px;
	text-align:center;
}
.gallery  .gallery-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
	padding:7.5px;
	margin-bottom:0;
}
.gallery  .gallery-item img{
	width:100%;
	aspect-ratio:1;
}
.gallery.gallery-columns-2 .gallery-item {
	-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.gallery.gallery-columns-3 .gallery-item {
	-ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.gallery.gallery-columns-4 .gallery-item {
	-ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.gallery.gallery-columns-5 .gallery-item {
	-ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}
@media (max-width:767.99px){
	.alignright,
	.alignleft,
	a img.alignright,
	a img.alignleft{
		float:none;
		margin:5px auto 20px;
		display:block;
	}
}