/* 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: 'Rammetto One', cursive;
--font-size: 22px;
--theme_background_1: rgb(41, 50, 65);
--theme_foreground_1: #fff;
--theme_background_2: rgb(152, 193, 217);
--theme_foreground_2: rgb(0, 0, 0);
--theme_background_3: rgb(224, 251, 252);
--theme_foreground_3: rgb(0, 0, 0);
--body_foreground: rgb(255, 255, 255);
--body_background: rgb(41, 50, 65);
--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(41, 50, 65);
color:rgb(255, 255, 255);
}
header {
background-color:rgb(2, 2, 3);
background-image:url('https://web-cdn.org/s/1443/image/BeaulyAndTheBeast_Banner.jpg');;
color:rgb(255, 255, 255);
grid-template-areas:'';
min-height:600px;
}
header div#inner {
height:600px;
}
#header_bar {
background-color:rgba(255, 255, 255, 0.79);
color:rgb(0, 0, 0);
}
nav {
background-color:rgb(61, 90, 128);
color:rgb(255, 255, 255);
}
nav a {
color:rgb(255, 255, 255);
}
nav ul ul {
background-color:rgb(61, 90, 128);
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(61, 90, 128);
color:rgb(238, 108, 77);
}
nav ul {justify-content:space-evenly;}
article {
-webkit-border-radius:15px;
border-radius:15px;
}
aside {
}
footer {
background-color:rgb(5, 5, 5);
color:rgb(255, 255, 255);
}
footer #site_essentials {
text-align:center;
}
@media(min-width: 780px) {
article section {padding: 3rem 4rem;}
aside section {padding: 3rem 4rem;}
footer section {padding: 3rem 4rem;}
}
article section:nth-child(odd) {
background-color:rgb(41, 50, 65);
}
article section:nth-child(even) {
background-color:rgb(13, 70, 103);
}
section.breadcrumb, section.breadcrumb:nth-child(odd) {
}
section.breadcrumb a {
}
@media(min-width: 1000px) {
.header_heading {align-self:center;justify-self:center;}
.header_subheading {align-self:center;justify-self:center;}
}
/* Individual Sections */
section#block_34285 {
background-color:transparent;
}
section#block_34285::before {background-color:rgb(0, 0, 0);}
section#block_34286 {
background-color:transparent;
}
section#block_34286::before {background-color:rgb(1, 1, 1);}
section#block_34289 {
background-color:transparent;
}
section#block_34289::before {background-color:rgb(3, 3, 3);}
section#block_34290 {
background-color:transparent;
}
section#block_34290::before {background-color:rgb(0, 0, 0);}
section#block_34291 {
background-color:transparent;
}
section#block_34291::before {background-color:rgb(1, 1, 1);}
section#block_34292 {
background-color:transparent;
}
section#block_34292::before {background-color:rgb(3, 3, 3);}
section#block_34293 {
background-color:transparent;
}
section#block_34293::before {background-color:rgb(0, 0, 0);}
section#block_34294 {
background-color:transparent;
}
section#block_34294::before {background-color:rgb(0, 0, 0);}
section#block_34295 {
background-color:transparent;
}
section#block_34295::before {background-color:rgb(0, 0, 0);}
section#block_34584 {
background-color:transparent;
}
section#block_34584::before {background-color:rgb(1, 1, 1);}
section#block_34996 {
background-color:transparent;
}
section#block_34996::before {background-color:rgb(3, 3, 3);}
section#block_34998 {
background-color:transparent;
}
section#block_34998::before {background-color:rgb(3, 3, 3);}
section#block_34999 {
background-color:transparent;
}
section#block_34999::before {background-color:rgb(3, 3, 3);}
section#block_35000 {
background-color:transparent;
}
section#block_35000::before {background-color:rgb(3, 3, 3);}
section#block_35022 {
background-color:transparent;
}
section#block_35022::before {background-color:rgb(3, 3, 3);}
body#p14428 {}
/* Custom CSS */
@media(min-width: 1025px) {
    main.desktop_layout8 {
    grid-template-columns:250px 1fr 1fr 1fr 1fr 1fr;
  }
  .desktop_layout8 nav.desktop_nav_2 .sub_menu {
    width:auto;
    min-width:15ch;
  }
}

@media(max-width: 600px) {
  header {
    background-size: contain;
    min-height: 0;
  }
  header div#inner {
    height:33vw;
  }
}