@charset "UTF-8";
/* Colours
Buttons #4285f4
Body bg #f3e0dc
Header bg #bc4639
Nav bg #5c2018
Text on dark #f3e0dc
Text on light #5c2018
*/

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=Source+Sans+Pro:ital,wght@0,400;0,600;1,400&display=swap');
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,em,img,strong,sub,sup,b,u,i,ol,ul,li,form,label,legend,/*table,caption,tbody,tfoot,thead,tr,th,td,*/article,footer,header,menu,nav,output,section{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
body{display:flex;flex-direction:column;height:100%;min-height:100vh}
body,input,textarea,select{font-family:'Source Sans Pro', sans-serif;font-size:11.5pt;line-height:1.75em;background:#fdfdfd;color:#5c2018}
h1,h2,h3,h4,h5,h6{color:#5c2018}
h1{font-family:'Playfair Display',serif;font-weight:600}
h2,h3,h4,h5,h6{font-family:'Source Sans Pro', sans-serif;font-weight:400}
h1 a,h2 a,h3 a,h5 a,h6 a{color:inherit;text-decoration:none}
a{color:#5c2018}
b, strong{font-weight:600}
em{font-style:italic}
p{margin:0 0 .8em}
hr{margin:.8em 0}
ul{list-style-position:inside}

#header{position:relative;background:#bc4639;padding:.6em 1em;border-bottom:1px solid #f3e0dc}
#header .container{position:relative}
#logo{text-align:center}
#logo img.logo-mobile{display:block;height:36px;margin:auto}
#logo img.logo{display:none}
#logo h1{display:block;font-size:1.4em;color:#f3e0dc}
#logo h3{text-transform:uppercase;letter-spacing:2px;color:#fff;margin-top:.4em}
#logo a{text-decoration:none}
.notmobile{display:none}
.login, .login a{color:#fff;text-align:right;margin-top:-1.4em;line-height:1.4em}
.narrow_login{display:none;text-align:right;margin-bottom:-1em;padding:1.8em 1.2em 0 0}
.narrow_login .login, .narrow_login .login a{color:#5c2018}
.spacer{height:1em}

.icon-search {padding-right:30px;background:url("/images/search.png") no-repeat right;background-size:24px}
#searchbox input{width:calc(100% - 1.2em - 2px);margin-bottom:1em}
.searchresult{background:#bc4639;color:#fff;margin:0 0 .6em;padding-left:.4em;border-radius:5px}
.searchresult a{text-decoration:none}
.searchresult a h5{color:#fff}

.main-container{background:#fff;flex:2}
.maintext{width:calc(100%-3em);padding:1.5em}
.maintext h1{margin:0 0 .6em;font-size:1.6em;text-transform:uppercase}
.maintext h2{margin:.5em 0;font-size:1.6em}
.maintext h3{font-size:1.4em}
.maintext h4{font-size:1em}
.maintext a{font-weight:600}

.flex{display:-ms-flexbox;-ms-flex-pack:justify;display:-moz-flex;display:-webkit-flex;display:-ms-flex;display:flex;-moz-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-moz-justify-content:space-between;-webkit-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between}
.flex.flex-2{-moz-align-items:stretch;-webkit-align-items:stretch;-ms-align-items:stretch;align-items:stretch}
.flex.flex-2.center{-moz-align-items:center;-webkit-align-items:center;-ms-align-items:center;align-items:center}

.flex.flex-2 .col1{width:25%}
.flex.flex-2 .col2{width:75%}
.sidebar{width:auto;height:auto;margin:1em 1em 1em 0;padding:.6em;border:1px solid #5c2018}
.sidebar h2{font-size:1.4em}
.sidebar a{color:#5c2018;text-decoration:none}
.sidebar img{width:100%;height:auto}
hr.sidebar_separator{display:none}

.mobilenote{display:block}
.formwrapper{margin-top:2em}
.grid_head{height:3em;background:#bc4639;border:1px solid #5c2018}

input[type=text], input[type=password], input[type=submit], select, textarea{width:300px;margin-top:.15em;padding:8px;border:1px solid #2c687b;border-radius:4px}
input.button{width:220px;margin:0;background:#a0b3ba;color:#fff;font-size:1.2em;font-weight:bold;cursor:pointer}
input:disabled.button{background:#eee}

#footer{position:sticky;top:100vh;flex-shrink:0;background:#bc4639;padding:1.5em 0;text-align:center;border-top:1px solid #fff;outline:1px solid #5c2018;color:#fff}
#footer a{color:#fff}

/* EU cookie message */
.cookie-message{position:fixed;bottom:0;left:0;right:0;padding:20px 85px 20px 20px;background-color:rgba(9,9,9,0.7);z-index:900}
.cookie-message p{color:#fff;margin:0.6em 0}
a.privlink{color:#fff;text-decoration:underline}
a.cookiebar-close{position:absolute;top:22px;right:20px;cursor:pointer;padding:0 .75em;margin:0.3em 0;width:auto;border:1px solid #2c687b;border-radius:4px;background:#a0b3ba;color:#fff;font-size:1.2em;font-weight:bold}
@media screen and (max-width: 480px) {
.cookie-message{padding:0 20px 1.8em}
a.cookiebar-close{top:unset;bottom:0;left:20px;text-align:center}
}

@media (max-width: 820px) {
.narrow_login{display:block}
.container .login{display:none}
}
@media screen and (max-width: 767px) {
.flex{margin-top:1em}
.flex.flex-2 .col1,.flex.flex-2 .col2{width:100%/*;margin-bottom:2em*/}
.flex.flex-2 .col1 .image,.flex.flex-2 .col2 .image{max-width:60%;margin:0 auto 2em}
.sidebar, .guild{margin:1em}
}
@media screen and (max-width: 480px) {
.flex.flex-2 .col1 .image,.flex.flex-2 .col2 .image{max-width:85%}
.maintext{padding:0}
.formwrapper{margin-top:0}
hr.sidebar_separator{display:block;margin-top:1.8em;height:10px;border:0;background:#bc4639}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 526px) {
.mobilenote{display:none}
}

/* Medium devices (but not including iPad, 767px and up) */
@media (min-width:767px) {
.maintext h1{margin:0 0 0;font-size:2.0em;text-transform:uppercase}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
#logo{text-align:left}
#logo img.logo-mobile{display:none}
#logo img.logo{display: inline-block;height:86px;margin-top:8px}
#logo #logotext{display:inline-block;margin-left:12px}
#logo h1{font-size:2.6em;margin-bottom:18px}
#logo h3{letter-spacing:4px}
#nav{position:relative;text-align:center;background:#5c2018}
#nav > ul{display:inline-block;list-style:none;margin:.6em 0 0}

.ace > li {
	/*padding-top:.8em;*/
    float: left;
}
.ace li ul {
    display:none;
}
.ace li.active {
	/*background:url(../images/yellowdot.png) no-repeat top center*/
}
.ace li a {
    padding: 1.2em 1em .6em;
	font-size: 1.2em;
    text-decoration: none;
	text-transform: uppercase;
	color:#f3e0dc
}
.ace li.active a {
    /*background:url(../images/dots.png) repeat-x left bottom;*/
}

.maintext{;border-bottom:0}
.notmobile{display:inline}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
.ace li a {
    padding: 1.2em 2em .6em;
}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.ace li a {
    padding: 1.2em 3em .6em;
}
}

/* Thumbnails on Photos and Documents pages */
.photorows {max-height:calc(200px + .6em);margin-bottom:.3em;overflow-y:scroll}
.photorows a{text-decoration:none}
.photorows img{height:100px}
#click{color:#3498db;display:none}
/* iPad landscape */
@media screen and (max-width: 1024px) {
.photorows {display:flex;flex-direction: row;flex-wrap:nowrap;width:100%;max-height:calc(100px + 1.3em)}
.photorows img{margin-right:6px}
}
/* iPad portrait */
@media screen and (max-width: 768px) {
.photorows {max-height:calc(100px + 1.3em)}
}
/* Wider screen mobile */
@media screen and (max-width: 740px) {
.photorows {display:block;width:unset;max-height:calc(300px + 1.2em);text-align:center}
.photorows img{height:100px}
}
/* Narrow screen mobile */
@media screen and (max-width: 340px) {
.photorows {max-height:calc(460px + 1.8em);text-align:center}
.photorows img{height:90px}
}

/* Extra bits on Documents and Photos */
.topnote{float:left;padding:.65em .75em;color:#fff}
.clearsearch{float:right;padding:.65em .75em;color:#fff}
.docs{width:100%}
@media screen and (max-width: 480px) {
.conf{display:none}
}
.searchres{font-weight: bold;font-style: italic;text-decoration: underline}