/* 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: 'Fira Sans', Verdana, sans-serif;
--font2: 'Chango', cursive;
--font-size: 14px;
--theme_background_1: #444;
--theme_foreground_1: #fff;
--theme_background_2: rgb(242, 253, 253);
--theme_foreground_2: #000;
--theme_background_3: rgb(237, 237, 237);
--theme_foreground_3: #000;
--body_foreground: #000;
--body_background: rgb(215, 226, 255);
--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(215, 226, 255);
color:#000;
}
main {
max-width:1280px;
margin:0 auto;
}
@media(min-width: 600px) {
main {
margin:1rem auto;
}
}
header {
background-color:rgb(95, 95, 95);
color:rgb(255, 255, 255);
grid-template-areas:'logo logo logo heading heading heading heading heading heading heading heading heading';
min-height:340px;
}
header div#inner {
height:340px;
}
.header_logo, .header_bar_logo {
background-image:url('https://web-cdn.org/s/43/logos/Logo-by-Steven.png?r=211897&maxwidth=600&maxheight=600');
}
#header_bar {
min-height:50px;
}
nav {
background-color:rgb(6, 7, 255);
 background: rgb(2,0,36);
background: linear-gradient(289deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%); 
color:rgb(255, 255, 255);
font-size:110%;
}
nav a {
color:rgb(255, 255, 255);
}
nav ul ul {
background-color:rgb(6, 7, 255);
 background: rgb(2,0,36);
background: linear-gradient(289deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 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(6, 7, 255);
 background: rgb(2,0,36);background: linear-gradient(289deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%); 
color:rgb(255, 204, 0);
}
nav ul {justify-content:space-evenly;}
article {
background-color:rgb(255, 255, 255);
color:#000;
}
aside {
background-color:rgb(255, 255, 255);
color:#000;
}
footer {
background-color:rgb(214, 214, 214);
color:rgb(0, 0, 0);
}
@media(min-width: 780px) {
article section {padding: 2rem 2rem;}
aside section {padding: 2rem 2rem;}
footer section {padding: 2rem 2rem;}
}
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:end;justify-self:right;}
.header_subheading {align-self:start;justify-self:right;}
}
/* Individual Sections */
section#block_8867 {
background-color:transparent;
color:rgb(255, 255, 255);
}
section#block_8867::before {background-color:rgb(212, 0, 0);}
body#p691 {}
body#p695 {}
body#p696 {}
body#p698 {}
body#p704 {}
body#p706 {}
body#p707 {}
body#p719 {}
body#p763 {}
body#p765 {}
body#p3209 {}
body#p7398 {}
body#p7399 {}
body#p17683 {}
/* Custom CSS */
.header_heading, 
.header_subheading {
padding:10px;
text-shadow: 0 0 3px #000000;
}

#b763 a,
#sdt763 {
position:relative;
}

#b763 a:after,
#sdt763:after {
content:'Sold';
background:red;
color:white;
display:inline-block;
padding:1px 3px;
position:absolute;
right:0;
top:0px;
bottom:0;
}
#sdt763:after {
left: 0;
z-index: 0;
text-align: center;
opacity: .4;
font-size: 30px;
line-height: 2.6;
text-transform: uppercase;
pointer-events: none;
}

@media only screen and (min-width: 1025px) {
main.narrow footer > div {
margin:0 5vw !important;
}
}

@media only screen and (min-width: 1025px) and (max-width: 1599px) {
main.narrow {
    grid-template-columns: 200px repeat(4, 1fr) 6vw;
}
}