/* Site Effects CSS */
article section::before {
content:'';
position:absolute;
top:0;
bottom:0;
left:calc(-50vw + 50%);
right:calc(-50vw + 50%);
background:inherit;
z-index:-1;
}

/* Site CSS */
:root {
--grid-gap: 0px;
--font1: Calibri,Candara,Segoe,Segoe UI,Optima,sans-serif;
--font2: 'Carter One', system-ui;
--font-size: 20px;
--theme_background_1: rgb(27, 76, 159);
--theme_foreground_1: #fff;
--theme_background_2: rgb(234, 234, 234);
--theme_foreground_2: rgb(0, 0, 0);
--theme_background_3: rgb(255, 255, 255);
--theme_foreground_3: rgb(0, 0, 0);
--body_foreground: rgb(40, 40, 40);
--body_background: rgb(248, 215, 83);
--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(248, 215, 83);
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(219,219,219,0.89) 16%, rgba(254,254,254,0.29) 100%);;
color:rgb(40, 40, 40);
}
article h1, aside h1, footer h1 {
color:rgba(27, 76, 159,1);

}
article h2, aside h2, footer h2 {
color:rgba(27, 76, 159,1);

}
article h3, aside h3, footer h3 {
color:rgba(27, 76, 159,1);

}
article h4, aside h4, footer h4 {
color:rgba(27, 76, 159,1);

}
article h5, aside h5, footer h5 {
color:rgba(27, 76, 159,1);

}
article h6, aside h6, footer h6 {
color:rgba(27, 76, 159,1);

}
header {
background-color:rgb(248, 215, 83);
background-image: linear-gradient(to bottom, #fa709a 0%, #fee140 100%);;
color:rgb(255, 255, 255);
grid-template-areas:'heading heading heading heading heading heading heading heading heading logo logo logo';
min-height:450px;
}
header div#inner {
height:450px;
}
#header_bar {
min-height:30px;
background-color:rgb(248, 215, 83);
}
nav {
font-family:var(--font2);
background-color:rgb(248, 215, 83);
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(219,219,219,0.89) 16%, rgba(254,254,254,0.29) 100%);
color:rgb(255, 255, 255);
font-size:120%;
border-bottom:8px solid rgb(238,238,238);
}
nav a {
color:rgb(255, 255, 255);
}
nav ul ul {
background-color:rgb(248, 215, 83);
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(219,219,219,0.89) 16%, rgba(254,254,254,0.29) 100%);
color:rgb(255, 255, 255);
}
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(238, 238, 238);
color:rgb(0, 0, 0);
}
nav ul {justify-content:center;}
article {
color:rgb(40, 40, 40);
-webkit-border-radius:15px;
border-radius:15px;
}
aside {
background-color:rgb(202, 210, 225);
color:rgb(0, 0, 0);
}
footer {
background-color:rgb(248, 215, 83);
color:rgb(0, 0, 0);
/*footerw/a 25/15*/
--mask:
radial-gradient(29.15px at 50% 40px,#000 99%,#0000 101%) calc(50% - 50px) 0/100px 100%,
radial-gradient(29.15px at 50% -15px,#0000 99%,#000 101%) 50% 25px/100px 100% repeat-x;
-webkit-mask: var(--mask);
 mask: var(--mask);

}
article ul:not(.timeline), aside ul:not(.timeline), footer ul:not(.timeline) {list-style-image:url('https://api.iconify.design/mdi/paw.svg?color=rgb(255, 255, 255)');}
@media(min-width: 780px) {
article section {padding: 2.5rem 2.5rem;}
aside section {padding: 2.5rem 2.5rem;}
footer section {padding: 2.5rem 2.5rem;}
}
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:start;justify-self:center;}
.header_subheading {align-self:center;justify-self:center;}
}
/* Individual Sections */
section#block_40388 {
background-color:transparent;
}
section#block_40388::before {background-color:rgb(248, 215, 83);}
body#p17150 {}
body#p17151 {}
body#p17152 {}
body#p17153 {}
body#p17154 {}
/* Custom CSS */
@media only screen and (min-width: 800px) {

nav>ul {
margin-top:6px !important;
}
nav>ul>li {
margin:0 4px 0 4px !important;
}
nav>ul>li:hover {
box-shadow: 0 -3px 3px 0 rgba(0,0,0,.3);
}

nav a,
nav li {
border-radius: 1rem 1rem 0 0;
margin:0 1px 0 1px;
}
}

nav {
grid-row: 1;
align-self: end;
}

article b,
article strong {
color: rgb(27, 76, 159);
}

article section:first-child::before {
background: linear-gradient(180deg, rgba(238,238,238,1) 0%, rgba(238,238,238,0) 10px);
}

.protected::before {content: '';}
.protected::after {content: '';}

@media only screen and (max-width: 600px) {
  h1 {font-size:1.7rem;}
  h2 {font-size:1.6rem;}
  h3 {font-size:1.5rem;}
  h4 {font-size:1.3rem;}
  h5 {font-size:1.2rem;}
  h6 {font-size:1.1rem;}
  header a.header_bar_logo {padding:1.5rem;}
  nav {background:#648124;}
}
@media (min-width: 600px) {
  header h1 {
    font-size: 4vw !important;
  }
}
