/* Site CSS */
:root {
--grid-gap: 0px;
--font1: 'Open Sans', sans-serif;
--font2: 'Carter One', system-ui;
--font-size: 16px;
--theme_background_1: rgb(33, 56, 126);
--theme_foreground_1: rgb(255, 255, 255);
--theme_background_2: rgb(227, 227, 227);
--theme_foreground_2: #000;
--theme_background_3: rgb(236, 236, 236);
--theme_foreground_3: #000;
--body_foreground: #000;
--body_background: rgb(244, 233, 205);
--block_color_1:var(--theme_background_1);
--block_color_1_alt:var(--theme_foreground_1);
--block_color_2:var(--theme_background_2);
--block_color_2_alt:var(--theme_foreground_2);
}
body {
background-color:rgb(244, 233, 205);
color:#000;
}
main {
max-width:1280px;
margin:0 auto;
}
@media(min-width: 600px) {
main {
margin:1rem auto;
}
}
header {
background-color:rgb(33, 56, 126);
background:
    var(--g1),var(--g1) var(--s) calc(1.73*var(--s)),
    var(--g2),var(--g2) var(--s) calc(1.73*var(--s)),
    var(--g3) var(--s) 0,var(--g3) 0 calc(1.73*var(--s)) 
    var(--c2);
  background-size: calc(2*var(--s)) calc(3.46*var(--s));;
color:rgb(255, 255, 255);
min-height:250px;
}
header div#inner {
height:250px;
}
#header_bar {
min-height:50px;
}
nav {
background-color:rgb(255, 255, 255);
color:rgb(0, 0, 0);
border-top:5px solid rgb(255,255,255);
border-bottom:10px solid rgb(33,56,126);
}
nav a {
color:rgb(0, 0, 0);
}
nav ul ul {
background-color:rgb(255, 255, 255);
color:rgb(0, 0, 0);
}
nav li:hover, nav li:active, nav li:hover>a, nav li:active>a, nav a.on, nav li.on, #menu_opener:hover::before, nav ul ul li:hover, nav ul ul li:hover>a {
background-color:rgb(33, 56, 126);
color:#ffffff;
}
nav ul {justify-content:center;}
article {
background-color:rgb(255, 255, 255);
color:#000;
}
aside {
background-color:rgb(241, 241, 241);
color:#000;
}
footer {
background-color:rgb(33, 56, 126);
background:
    var(--g1),var(--g1) var(--s) calc(1.73*var(--s)),
    var(--g2),var(--g2) var(--s) calc(1.73*var(--s)),
    var(--g3) var(--s) 0,var(--g3) 0 calc(1.73*var(--s)) 
    var(--c2);
  background-size: calc(2*var(--s)) calc(3.46*var(--s));
color:rgb(255, 255, 255);
border-top: 10px solid rgb(255,255,255);
}
footer #site_essentials {
text-align:center;
}
@media(min-width: 780px) {
article section {padding: 1rem 2rem;}
aside section {padding: 1rem 2rem;}
footer section {padding: 1rem 2rem;}
}
section.breadcrumb, section.breadcrumb:nth-child(odd) {
background-color:#555555;
color:#ffffff;
}
section.breadcrumb a {
color:#ffffff;
}
#breadcrumbhomeicon {fill:#ffffff;}
@media(min-width: 1000px) {
.header_heading {align-self:center;justify-self:center;}
.header_subheading {align-self:center;justify-self:center;}
}
body#p15136 {}
body#p15137 {}
body#p15145 {}
body#p15161 {}
body#p15180 {}
body#p15224 {}
body#p15278 {}
/* Custom CSS */
html {
/* hexagon colours and sizes */
  --s: 49px; /* control the size*/
  --c1: #21387E;
  --c2: #D8AB31;
  
  --c:#0000,var(--c1) .5deg 119.5deg,#0000 120deg;
  --g1:conic-gradient(from  60deg at 56.25% calc(425%/6),var(--c));
  --g2:conic-gradient(from 180deg at 43.75% calc(425%/6),var(--c));
  --g3:conic-gradient(from -60deg at 50%   calc(175%/12),var(--c));
}


main {
-webkit-box-shadow: 0 0 0 10px rgba(255,255,255,1),0 0 3px 10px rgba(0,0,0,.6);
box-shadow: 0 0 0 10px rgba(255,255,255,1),0 0 3px 10px rgba(0,0,0,.6);
background:#fff;
}

.header_heading {text-shadow: 1px 1px 2px rgba(0,0,0,.7);}

aside {margin-top:10px;}

article h1, article h2, article h3, article h4,
aside h1, aside h2, aside h3, aside h4 {
color:var(--c1);
}