/* 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: 'Helvetica', 'Arial', sans-serif;
--font2: 'Gayathri', sans-serif;
--font-size: 18px;
--theme_background_1: rgb(127, 99, 160);
--theme_foreground_1: rgb(255, 254, 251);
--theme_background_2: rgb(228, 228, 228);
--theme_foreground_2: rgb(0, 0, 0);
--theme_background_3: rgb(255, 255, 255);
--theme_foreground_3: rgb(0, 0, 0);
--body_foreground: rgb(255, 255, 255);
--body_background: rgb(255, 254, 251);
--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(255, 254, 251);
color:rgb(255, 255, 255);
}
header {
background-color:rgb(255, 255, 255);
color:rgb(0, 0, 0);
grid-template-areas:'';
min-height:270px;
}
header div#inner {
height:270px;
}
.header_logo, .header_bar_logo {
background-image:url('https://web-cdn.org/s/1577/logos/St-Peters-Logo.png?r=51593&maxwidth=1920&maxheight=600');
}
#header_bar {
min-height:90px;
background-color:rgb(255, 254, 251);
color:rgb(0, 0, 0);
}
nav {
background-color:rgb(127, 99, 160);
color:rgb(255, 255, 255);
font-size:90%;
border-top:10px solid rgb(127,99,160);
border-bottom:10px solid rgb(127,99,160);
}
nav a {
color:rgb(255, 255, 255);
}
nav ul ul {
background-color:rgb(127, 99, 160);
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(1, 0, 0);
color:rgb(255, 254, 251);
}
nav ul {justify-content:space-evenly;}
article {
color:rgb(0, 0, 0);
-webkit-border-radius:15px;
border-radius:15px;
}
aside {
background-color:rgb(169, 216, 179);
color:rgb(0, 0, 0);
}
footer {
background-color:rgb(127, 99, 160);
color:rgb(5, 0, 0);
}
footer #site_essentials {
text-align:center;
}
@media(min-width: 780px) {
article section {padding: 1.6rem 4rem;}
aside section {padding: 1.6rem 4rem;}
footer section {padding: 1.6rem 4rem;}
}
article section:nth-child(odd) {
background-color:rgb(255, 255, 255);
}
article section:nth-child(even) {
background-color:rgb(250, 250, 250);
}
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:end;justify-self:center;}
}
/* Individual Sections */
section#block_52765 {
color:rgb(255, 254, 251);
}
section#block_52772 {
color:rgb(255, 254, 251);
}
section#block_52611 {
background-color:transparent;
}
section#block_52611::before {background-color:rgb(133, 131, 180);}
body#p23074 {}
body#p23082 {}
/* Custom CSS */
/* adjusting header height for various screen widths */
header,
#header_slideshow {
max-height:17.5vw;
min-height:0 !important;
}
#header_slideshow {
margin-top:20px;
}


/* hamburger */
#menu_opener::before {
  font-size:1.5em;
}


/* menu button styles */
nav ul li>* {
border-radius:.5em;
border:2px solid white;
}

/* menu colours */
nav>ul>li:nth-of-type(1) a {background:black;}
nav>ul>li:nth-of-type(1) a:hover {background:red;}
nav>ul>li:nth-of-type(1) a.on {background:red;}
nav>ul>li:nth-of-type(2) a, nav>ul>li:nth-of-type(2) span {background:blue;}
nav>ul>li:nth-of-type(2) a:hover {background:red;}
nav>ul>li:nth-of-type(2) a.on {background:red;}
nav>ul>li:nth-of-type(3) a, nav>ul>li:nth-of-type(3) span {background:green;}
nav>ul>li:nth-of-type(3) a:hover {background:red;}
nav>ul>li:nth-of-type(3) a.on {background:red;}
nav>ul>li:nth-of-type(4) a, nav>ul>li:nth-of-type(4) span {background:indigo;}
nav>ul>li:nth-of-type(4) a:hover {background:red;}
nav>ul>li:nth-of-type(4) a.on {background:red;}
nav>ul>li:nth-of-type(5) a, nav>ul>li:nth-of-type(5) span {background:yellow; color:black;}
nav>ul>li:nth-of-type(5) a:hover {background:red;}
nav>ul>li:nth-of-type(5) a.on {background:red;}
nav>ul>li:nth-of-type(6) a, nav>ul>li:nth-of-type(6) span {background:orange; color:black;}
nav>ul>li:nth-of-type(6) a:hover {background:red;}
nav>ul>li:nth-of-type(6) a.on {background:red;}
nav>ul>li:nth-of-type(7) a, nav>ul>li:nth-of-type(7) span {background:violet;}
nav>ul>li:nth-of-type(7) a:hover {background:red;}
nav>ul>li:nth-of-type(7) a.on {background:red;}
nav>ul>li:nth-of-type(8) a, nav>ul>li:nth-of-type(8) span {background:#bf3f11;}/*Rust*/
nav>ul>li:nth-of-type(8) a:hover {background:red;}
nav>ul>li:nth-of-type(8) a.on {background:red;}
nav>ul>li:nth-of-type(9) a, nav>ul>li:nth-of-type(9) span {background:#83f788;color:black;}/*Light Green*/
nav>ul>li:nth-of-type(9) a:hover {background:red;color:white;}
nav>ul>li:nth-of-type(9) a.on {background:red;}
nav>ul>li:nth-of-type(10) a, nav>ul>li:nth-of-type(10) span {background:#a00c8f;}/*Dk Purple*/
nav>ul>li:nth-of-type(10) a:hover {background:red;}
nav>ul>li:nth-of-type(10) a.on {background:red;}


/* hide slideshow arrows */
.bx-controls,
.bx-controls-direction {opacity:0;}
.gallery-slideshow:hover::before {opacity: 0;}

section#block_52611 {padding:0;}
section#block_52611 .figcaption {display:none;}