/* 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: 'Marcellus', serif;;
--font-size: 17px;
--theme_background_1: rgb(109, 109, 109);
--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(255, 255, 255);
--body_background: rgb(85, 85, 85);
--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(85, 85, 85);
color:rgb(255, 255, 255);
}
main {
max-width:1280px;
margin:0 auto;
}
@media(min-width: 600px) {
main {
margin:1rem auto;
}
}
header {
background-color:rgb(177, 235, 241);
color:rgb(207, 38, 38);
grid-template-areas:'heading heading heading heading heading heading heading heading heading logo logo logo';
min-height:300px;
}
header div#inner {
height:300px;
}
.header_logo, .header_bar_logo {
background-image:url('https://web-cdn.org/s/1472/logos/IMG_6145.jpg?r=134310&maxwidth=1920&maxheight=600');
}
#header_bar {
}
nav {
background-color:rgb(236, 236, 236);
color:rgb(85, 85, 85);
font-size:80%;
}
nav a {
color:rgb(85, 85, 85);
}
nav ul ul {
background-color:rgb(236, 236, 236);
color:rgb(85, 85, 85);
}
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(109, 109, 109);
color:rgb(255, 255, 255);
}
nav ul {justify-content:flex-start;}
article {
background-color:rgb(255, 255, 255);
color:rgb(85, 85, 85);
}
aside {
color:rgb(85, 85, 85);
}
footer {
background-color:rgb(85, 85, 85);
color:rgb(255, 255, 255);
}
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:center;justify-self:center;}
.header_subheading {align-self:center;justify-self:center;}
}
body#p16297 {}
body#p16693 {}
body#p16696 {}
body#p16706 {}
body#p16707 {}
body#p16708 {}
body#p16716 {}
body#p16721 {}
body#p17039 {}
/* Custom CSS */
main {
background:#fff;
padding:10px;
box-shadow:0 0 2px 0 rgba(0,0,0,.4);
}
nav.desktop_nav_2 ul > li > a {
text-transform:uppercase;
padding:.5rem;
margin:.5rem;
}
nav.desktop_nav_2 ul ul {
box-shadow: 0 4px 3px 0 rgba(0,0,0,.5);
}
nav.desktop_nav_2 ul ul > li > a {
margin:.1rem .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;
}
section.logos a {
filter:grayscale(1);
}
section.logos a:hover {
filter:grayscale(0);
}

/* Mobile header */
@media only screen and (max-width: 600px) {

	header div#inner {
		height:auto;
		grid-template-rows:1fr;
	}


	header div.header_logo {
		min-height:200px;
		margin-top:10px;
	}

}

@media(min-width: 600px) {
  header h1 {font-size:5vw !important;}
}
		
