/* 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: 'Montserrat', sans-serif;
--font2: 'Kaushan Script', cursive;
--font-size: 18px;
--theme_background_1: rgb(202, 202, 202);
--theme_foreground_1: rgb(170, 2, 38);
--theme_background_2: rgb(241, 241, 241);
--theme_foreground_2: rgb(0, 0, 0);
--theme_background_3: rgb(255, 255, 255);
--theme_foreground_3: rgb(0, 0, 0);
--body_foreground: rgb(255, 255, 255);
--body_background: rgb(170, 2, 38);
--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);
accent-color:#aa0226;
}
body {
background-color:rgb(170, 2, 38);
color:rgb(255, 255, 255);
}
article h1, aside h1, footer h1 {
color:#f7a82c;

}
article h2, aside h2, footer h2 {
color:#f7a82c;

}
article h3, aside h3, footer h3 {
color:#f7a82c;

}
article h4, aside h4, footer h4 {
color:#f7a82c;

}
article h5, aside h5, footer h5 {
color:#f7a82c;

}
article h6, aside h6, footer h6 {
color:#f7a82c;

}
header {
background-image:url('https://web-cdn.org/s/0/image/slides/pink-bubbles.jpg?maxwidth=1000');;
min-height:400px;
}
header div#inner {
height:400px;
}
#header_bar {
}
nav {
background-color:rgb(170, 2, 38);
color:rgb(255, 255, 255);
font-size:80%;
}
nav a {
color:rgb(255, 255, 255);
}
nav ul ul {
background-color:rgb(170, 2, 38);
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(170, 2, 38);
color:rgb(255, 255, 255);
}
nav ul {justify-content:center;}
article {
}
aside {
}
footer {
background-color:rgb(255, 255, 255);
color:rgb(0, 0, 0);
border-top: 6px solid rgb(247,168,44);
}
footer #site_essentials {
text-align:center;
}
@media(min-width: 780px) {
article section {padding: 1.5rem 4rem;}
aside section {padding: 1.5rem 4rem;}
footer section {padding: 1.5rem 4rem;}
}
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#p5153 {}
body#p5163 {}
/* Custom CSS */
nav {
text-transform:uppercase;
}

@media(min-width: 1025px) {
nav>ul>li>a.on,
nav>ul>li>a:hover {
background: linear-gradient(0deg, transparent 6px, #f7a82c 6px, #f7a82c 12px, transparent 12px, transparent 100%);
}

}