/* Site CSS */
:root {
--grid-gap: 0px;
--font1: 'Fira Sans', Verdana, sans-serif;
--font2: 'Fira Sans', Verdana, sans-serif;
--font-size: 16px;
--theme_background_1: rgb(0, 0, 0);
--theme_foreground_1: #fff;
--theme_background_2: rgb(201, 201, 201);
--theme_foreground_2: #000;
--theme_background_3: rgb(244, 233, 205);
--theme_foreground_3: #000;
--body_foreground: #000;
--body_background: rgb(244, 233, 205);
--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(244, 233, 205);
color:#000;
}
main {
max-width:1280px;
margin:0 auto;
}
@media(min-width: 600px) {
main {
margin:1rem auto;
}
}
header {
background-color:rgb(0, 0, 0);
color:rgb(255, 255, 255);
grid-template-areas:'logo logo logo heading heading heading heading heading heading heading heading heading';
min-height:330px;
}
header div#inner {
height:330px;
}
.header_logo, .header_bar_logo {
background-image:url('https://web-cdn.org/s/1255/logos/Inverness-Mens-Shed-Logo-White.png?r=106241&maxwidth=1920&maxheight=600');
}
#header_bar {
}
nav {
background-color:rgb(0, 0, 0);
color:rgb(255, 255, 255);
border-top:6px solid rgb(0,0,0);
border-bottom:6px solid rgb(109,109,109);
}
nav a {
color:rgb(255, 255, 255);
}
nav ul ul {
background-color:rgb(0, 0, 0);
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(109, 109, 109);
color:#ffffff;
}
nav ul {justify-content:center;}
article {
background-color:rgb(255, 255, 255);
color:#000;
}
aside {
background-color:rgb(235, 234, 234);
color:#000;
border:6px solid rgb(109,109,109);
}
footer {
background-color:rgb(0, 0, 0);
color:rgb(255, 255, 255);
border-top: 6px solid rgb(109,109,109);
}
@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:end;justify-self:right;}
}
/* Individual Sections */
section#block_19428 {
background-color:rgb(219, 219, 219);
color:rgb(0, 0, 0);
}
section#block_19429 {
background-color:rgb(0, 0, 0);
color:rgb(255, 255, 255);
}
section#block_19434 {
background-color:rgba(0, 0, 0, 0.65);
color:rgb(255, 255, 255);
}
section#block_19446 {
background-color:rgba(0, 0, 0, 0.65);
color:rgb(255, 255, 255);
}
section#block_19452 {
background-color:rgba(0, 0, 0, 0.45);
color:rgb(255, 255, 255);
}
section#block_19461 {
background-color:rgb(0, 0, 0);
color:rgb(255, 255, 255);
}
section#block_26726 {
background-color:rgb(219, 219, 219);
}
section#block_19434::before {
background-image: url(https://web-cdn.org/s/1255/image/Illustrative/ShedFromRoad.jpg?maxwidth=1920);
}
section#block_19434>div>div.inner {
background-color:rgba(0, 0, 0, 0.65);
}
section#block_19434 {
min-height:0px;
}
@media(min-width: 1000px) {
section#block_19434>div>div.inner {
margin:40% 1% 1% 1%;
}
}
section#block_19446::before {
background-image: url(https://web-cdn.org/s/1255/image/Illustrative/MenAtTable.jpg?maxwidth=1920);
}
section#block_19446>div>div.inner {
background-color:rgba(0, 0, 0, 0.65);
}
section#block_19446 {
min-height:10px;
}
@media(min-width: 1000px) {
section#block_19446>div>div.inner {
margin:15% 40% 5% 0%;
}
}
section#block_19452::before {
background-image: url(https://web-cdn.org/s/1255/image/Illustrative/ShedFromRoadCropped.jpg?maxwidth=1920);
}
section#block_19452>div>div.inner {
background-color:rgba(0, 0, 0, 0.45);
}
section#block_19452 {
min-height:0px;
}
@media(min-width: 1000px) {
section#block_19452>div>div.inner {
margin:20% 10% 5% 10%;
}
}
body#p19001 {}
/* Custom CSS */
.header_heading {
font-size:50px;
background: rgba(0,0,0,.5);
padding: .5rem 1rem;
border-radius: .5rem;
margin:1rem;
}
.header_logo {
margin:1rem;
margin-top:5rem;
}

main {
-webkit-box-shadow: 0 0 0 6px rgba(109,109,109,1),0 0 3px 4px rgba(0,0,0,.6);
box-shadow: 0 0 0 6px rgba(109,109,109,1),0 0 3px 4px rgba(0,0,0,.6);
}

aside section:not(:first-child)  {
margin-top:1rem;
}

nav.desktop_nav_2 > ul > li {
  margin: 0 2px;
}

@media only screen and (max-width: 600px) {
body.margin_1 {
padding:0;
}
h1 {
font-size:30px;
}
h2 {
font-size: 26px;
}
.header_heading {
font-size:30px;
}
.header_logo {
margin-top:2rem;
}
}