/* Healey and Sprowson Ltd - shared stylesheet */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#f7f7f7;color:#777;font:14px/1.6 "Helvetica Neue",Helvetica,Arial,sans-serif;word-wrap:break-word}
img{max-width:100%;height:auto;border:0}
a{color:#236390}
a:hover{color:#2f84bc}
h1,h2,h3{font-weight:400;margin:0 0 15px;line-height:1.25}
h1{font-size:26px;color:#236390}
h2{font-size:22px;color:#236390}
h3{font-size:18px;color:#236390}
.wrap{max-width:1020px;margin:0 auto;padding:0 15px}

.topbar{background:#333;color:#bababa;font-size:14px}
.topbar .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 20px}
.topbar p{margin:0;padding:8px 0 6px}
.topbar a{color:#fff;text-decoration:none}
.topbar a:hover{text-decoration:underline;color:#fff}
.topbar .sep{margin:0 6px;color:#777}

.site-header{padding:15px 0}
.site-header a{display:block}
.site-header img{display:block;width:100%;max-width:990px}

.main-nav{background:#236390;background:linear-gradient(to bottom,#3494d3 0%,#2f84bc 51%,#2875a8 52%,#236390 100%);border-top:1px solid #2875a8;border-bottom:1px solid #1d567c}
.nav-toggle{display:none}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.main-nav li{border-right:1px solid #666;box-shadow:1px 0 0 rgba(255,255,255,.3)}
.main-nav a{display:block;padding:11px 15px;color:#fff;text-decoration:none;text-shadow:0 -1px 0 rgba(0,0,0,.25);font-size:14px}
.main-nav a:hover{background:#236390;color:#fff}
.home-icon{display:block}
.main-nav a[aria-current="page"]{background:#236390;color:#ddd}

.layout{display:flex;gap:20px;align-items:flex-start;margin:20px auto}
.content{flex:1 1 auto;min-width:0;background:#fff;padding:20px}
.sidebar{flex:0 0 270px}
.sidebar img{display:block;background:#fff;padding:0}
.content p,.content ul,.content table{margin:0 0 15px}
.content ul{padding-left:25px}
.content hr{border:0;border-top:1px solid #ddd;margin:20px 0}

.cert{float:right;width:150px;margin:0 0 10px 20px}
.centre{text-align:center}
table.capacity{width:100%;border-collapse:collapse;clear:none}
table.capacity th,table.capacity td{border:1px solid #ddd;padding:8px 10px;text-align:left;vertical-align:top;color:#555}
table.capacity th{background:#f3f7fa;width:35%;color:#236390}
.pdf-frame{width:100%;height:770px;border:1px solid #ddd}
.map-link img{vertical-align:middle;margin-right:6px}

.site-footer{background:#171717;color:#ccc;margin-top:20px}
.site-footer .wrap{padding-top:20px;padding-bottom:20px}
.site-footer p{margin:0;text-align:right}

@media (max-width:760px){
  body{font-size:15px}
  .layout{display:block;margin:15px auto}
  .sidebar{margin-top:20px}
  .sidebar img{margin:0 auto}
  .cert{float:none;display:block;margin:0 auto 15px}
  .nav-toggle{display:block;width:100%;padding:12px 15px;background:none;border:0;color:#fff;font:inherit;font-size:16px;text-align:left;cursor:pointer}
  .js .main-nav ul{display:none}
  .js .main-nav.open ul{display:block}
  .main-nav li{border-right:0;border-top:1px solid #1d567c;box-shadow:none}
  .main-nav li:first-child{border-top:0}
  table.capacity th,table.capacity td{display:block;width:100%;border-bottom:0}
  table.capacity tr{display:block;border-bottom:1px solid #ddd;margin-bottom:10px}
  .pdf-frame{height:480px}
  .site-footer p{text-align:center}
  .topbar .sep{display:none}
  .topbar .contact{padding-top:0}
  .topbar .contact a{display:inline-block;margin-right:12px}
}
