@charset "UTF-8";
/* Colours
Buttons #748D92
Body bg #fdfdfd
Header bg #2E3944
Nav bg #124E66
Nav level 2 #748d92
Nav level 3 #D3D9D4
Text on dark #fdfdfd
Text on light #124E66
*/

@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,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:#124E66}
h1,h2,h3,h4,h5,h6{color:#124E66}
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:#124E66}
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:#124E66;padding:.6em 1em;border-bottom:1px solid #EAF0EB}
#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:#EAF0EB}
#logo h3{text-transform:uppercase;letter-spacing:2px;color:#EAF0EB;margin-top:.4em}
#logo a{text-decoration:none}

.login, .login a{color:#EAF0EB;text-align:right;margin-top:-1.4em;line-height:1.4em}
.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:#F4F8F5;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:1.4em;margin-top:.7em}
.maintext a{font-weight:600}

.photo, .text{display:inline}
.photo{float:left;padding:0 10px 10px}
.photo{max-width:calc(50% - 20px)}
@media (max-width: 480px) {
.photo{max-width:calc(100% - 40px);margin:0 10px 10px}
}

.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 #748D92;border-radius:4px}
input.button{width:220px;margin:0;background:#748D92;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:#124E66;padding:1.5em 0;text-align:center;color:#EAF0EB}
#footer a{color:#fff}

table.people{margin:0;width:100%;border-spacing:0;border:1px solid #2E3944}
table.people td{border:solid 1px rgba(0,0,0,0.1);border-left:0;border-right:0}
table.people tr:nth-child(2n + 1){background-color:rgba(0,0,0,0.075)}
table.people td{padding:.75em}
td{text-align:left;vertical-align:top;cursor:pointer}
td h5{font-size:1.2em;font-weight:600;line-height: 1.3}

table.arrows{width:280px;border:0;margin-left:1em}
table.arrows td{background-color:#F2F9F3;text-align:center;padding:0;border:0;color:#124E66;cursor:default}
table.arrows td a img,table.arrows td img{margin-top:1.1em;background-image:url(/images/arrows_sprite.png)}
td a img.first{background-position:0 0;width:18px;height:13px;margin-right:8px}
td a img.previous{background-position:-18px 0;width:14px;height:13px}
td a img.next{background-position:-32px 0;width:14px;height:13px}
td a img.last{background-position:-46px 0;width:18px;height:13px;margin-left:8px}
td img.firstno{background-position:-64px 0;width:18px;height:13px;margin-right:8px}
td img.previousno{background-position:-82px 0;width:14px;height:13px}
td img.nextno{background-position:-96px 0;width:14px;height:13px}
td img.lastno{background-position:-110px 0;width:18px;height:13px;margin-left:8px}

/* 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 #124E66;border-radius:4px;background:#748D92;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: 812px) {
.narrow_login{display:block}
.container .login{display:none}
}
@media screen and (max-width: 812px) {
.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{width:100%;padding:0;padding-top:.6em}*/
.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:812px) {
.maintext h1{margin:0 0 0;font-size:2.0em;text-transform:uppercase}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 813px) {
#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:#2E3944}
#nav > ul{display:inline-block;list-style:none;margin:.6em 0 0}
}