/* 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: 'Architects Daughter', cursive;
--font2: 'Dancing Script';
--font-size: 24px;
--theme_background_1: rgb(219, 83, 117);
--theme_foreground_1: rgb(255, 251, 251);
--theme_background_2: rgb(230, 230, 230);
--theme_foreground_2: rgb(0, 0, 0);
--theme_background_3: rgb(237, 237, 237);
--theme_foreground_3: rgb(0, 0, 0);
--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(239, 232, 213);
color:rgb(59, 65, 57);
}
header {
min-height:450px;
}
header div#inner {
height:450px;
}
#header_bar {
min-height:140px;
background-color:rgb(60, 154, 80);
color:rgb(255, 255, 255);
}
nav {
background-color:rgb(170, 169, 219);
border-top:5px solid rgb(170,169,219);
border-bottom:5px solid rgb(219,83,117);
}
nav ul ul {
background-color:rgb(170, 169, 219);
}
nav li:hover, nav li:hover>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(219, 83, 117);
color:rgb(255, 255, 255);
}
nav ul {justify-content:center;}
article {
color:rgb(83, 83, 83);
-webkit-border-radius:15px;
border-radius:15px;
}
aside {
background-color:rgb(169, 216, 179);
color:rgb(0, 0, 0);
}
footer {
background-color:rgb(170, 169, 219);
border-top: 5px solid rgb(219,83,117);
}
footer #site_essentials {
text-align:center;
}
@media(min-width: 780px) {
article section {padding: 1.6rem 4rem;}
aside section {padding: 1.6rem 4rem;}
footer section {padding: 1.6rem 4rem;}
}
article section:nth-child(even) {
background-color:rgb(250, 250, 250);
}
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:end;justify-self:center;}
}
/* Custom CSS */
.header_heading {
text-shadow:0 0 2px rgba(255,255,255,1), 1px 1px 2px rgba(0,0,0,.5);
}