/* 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: 15px;
--font1: 'Quicksand', sans-serif;
--font2: 'Quicksand', sans-serif;
--font-size: 16px;
--theme_background_1: rgb(47, 47, 47);
--theme_foreground_1: #fff;
--theme_background_2: rgb(236, 236, 236);
--theme_foreground_2: ;
--theme_background_3: rgb(255, 255, 255);
--theme_foreground_3: ;
--body_foreground: rgb(60, 60, 60);
--body_background: ;
--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 {
color:rgb(60, 60, 60);
}
main {
max-width:1280px;
margin:0 auto;
}
@media(min-width: 600px) {
main {
margin:1rem auto;
}
}
header {
background-image:url('https://web-cdn.org/s/0/image/backgrounds/Piano.jpg?maxwidth=1000');;
grid-template-areas:'logo logo logo logo logo logo logo logo logo logo logo logo';
min-height:200px;
}
header div#inner {
height:200px;
}
.header_logo, .header_bar_logo {
background-image:url('https://web-cdn.org/s/1175/logos/Website header banner - 1.jpg?r=379414&maxwidth=1920&maxheight=600');
}
#header_bar {
}
nav {
background-color:rgb(236, 236, 236);
font-size:80%;
}
nav ul ul {
background-color:rgb(236, 236, 236);
}
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(152, 152, 152);
color:rgb(255, 255, 255);
}
nav ul {justify-content:flex-start;}
article {
}
aside {
}
footer {
background-color:rgb(236, 236, 236);
}
footer #site_essentials {
text-align:center;
}
@media(min-width: 780px) {
article section {padding: 0rem 4rem;}
aside section {padding: 0rem 4rem;}
footer section {padding: 0rem 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:start;justify-self:start;}
.header_subheading {align-self:start;justify-self:start;}
}
body#p5291 {}
body#p5293 {}
body#p9019 {}
body#p9020 {}
body#p9021 {}
body#p9022 {}
body#p9023 {}
body#p9024 {}
body#p9025 {}
body#p9026 {}
body#p9073 {}
body#p9157 {}
body#p9158 {}
body#p9159 {}
body#p9160 {}
body#p9161 {}
body#p9162 {}
body#p9163 {}
body#p9183 {}
body#p9184 {}
body#p9612 {}
body#p9613 {}
body#p9614 {}
body#p9615 {}
body#p9616 {}
body#p9617 {}
body#p9618 {}
body#p9619 {}
body#p9620 {}
body#p9621 {}
body#p9622 {}
body#p9623 {}
body#p9624 {}
body#p9625 {}
body#p9626 {}
body#p9627 {}
body#p9628 {}
body#p9629 {}
body#p9630 {}
body#p9631 {}
body#p9632 {}
body#p9633 {}
body#p9634 {}
body#p9635 {}
body#p9636 {}
body#p9637 {}
body#p9669 {}
body#p9670 {}
body#p9671 {}
body#p9672 {}
body#p9673 {}
body#p9674 {}
body#p9675 {}
body#p9676 {}
body#p9677 {}
body#p9679 {}
body#p9680 {}
body#p9681 {}
body#p9682 {}
body#p9683 {}
body#p9684 {}
body#p9685 {}
body#p9686 {}
body#p9687 {}
body#p9688 {}
body#p9689 {}
body#p9690 {}
body#p9691 {}
body#p9692 {}
body#p9693 {}
body#p9694 {}
body#p11041 {}
body#p11059 {}
body#p11397 {}
body#p11767 {}
body#p12019 {}
body#p12025 {}
body#p12036 {}
body#p13743 {}
body#p13842 {}
body#p13844 {}
body#p13849 {}
body#p13925 {}
body#p13929 {}
body#p14468 {}
body#p15445 {}
body#p15446 {}
body#p15448 {}
body#p15480 {}
body#p15481 {}
body#p16023 {}
body#p17051 {}
body#p17052 {}
body#p17053 {}
body#p17072 {}
body#p17717 {}
body#p17721 {}
body#p17730 {}
body#p17731 {}
body#p17732 {}
/* Custom CSS */
nav.desktop_nav_2 ul > li > a {
text-transform:uppercase;
padding:.5rem;
margin:.5rem;
}
nav.desktop_nav_2 ul > li:hover {
background-color:transparent;
}
nav.desktop_nav_2 ul > li:hover a {
background-color:#989898;
}
main.wide footer > div {
margin:0;
}
@media only screen and (max-width: 600px) {
header, header>div#inner {
min-height:0;
height:55vw;
}
}
