/* 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: 'Montserrat', sans-serif;
--font-size: 16px;
--theme_background_1: rgb(197, 70, 82);
--theme_foreground_1: #fff;
--theme_background_2: rgb(201, 201, 201);
--theme_foreground_2: #000;
--theme_background_3: rgb(240, 240, 240);
--theme_foreground_3: #000;
--body_foreground: rgb(0, 0, 0);
--body_background: rgb(255, 255, 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(255, 255, 255);
color:rgb(0, 0, 0);
}
header {
background-color:rgb(255, 255, 255);
color:rgb(255, 255, 255);
grid-template-areas:'';
min-height:400px;
}
header div#inner {
height:400px;
}
.header_logo, .header_bar_logo {
background-image:url('https://web-cdn.org/s/1348/logos/CPC Header Image 2.jpg?r=27649&maxwidth=1920&maxheight=600');
}
#header_bar {
min-height:180px;
background-color:rgb(255, 255, 255);
color:rgb(197, 70, 82);
}
nav {
background-color:rgb(197, 70, 82);
color:rgb(255, 255, 255);
border-top:6px solid rgb(155,27,27);
border-bottom:6px solid rgb(155,27,27);
}
nav a {
color:rgb(255, 255, 255);
}
nav ul ul {
background-color:rgb(197, 70, 82);
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(248, 103, 117);
color:rgb(0, 0, 0);
}
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(156, 7, 13);
color:rgb(255, 255, 255);
border-top: 6px solid rgb(148,0,6);
}
footer #site_essentials {
text-align:center;
}
@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:rgb(255, 255, 255);
color:rgb(147, 141, 141);
}
section.breadcrumb a {
color:rgb(147, 141, 141);
}
#breadcrumbhomeicon {fill:rgb(147, 141, 141);}
@media(min-width: 1000px) {
.header_heading {align-self:center;justify-self:center;}
.header_subheading {align-self:center;justify-self:center;}
}
/* Individual Sections */
section#block_26280 {
background-color:transparent;
}
section#block_26280::before {
background-image:url('https://web-cdn.org/s/1348/image/New-Site/Pano-23.jpg?maxwidth=1920');
}
body#p11574 {}
body#p11581 {}
body#p11762 {}
body#p11783 {}
body#p12017 {}
body#p11550 {}
body#p11700 {}
body#p12026 {}
body#p11572 {}
body#p11892 {}
body#p11580 {}
body#p11784 {}
/* Custom CSS */
h1 {color: #ae323b}
h2 {color: #d67579}


#header_bar_1292 {
/*caston pc title */
font-family: var(--font2);
font-weight:bold;
}

#header_slideshow {
top:180px; /* same as depth of header_bar unless you want it to show through */
}

/* header bar on desktop */
@media only screen and (min-width: 601px) {
  #header_bar {
    padding: 1rem 5rem;
  }

  #header_bar_1292 {
    font-size:40px;
    font-weight:normal;
  }
}

/* styles for header on mobile devices */
@media only screen and (max-width: 600px) {
  header {
    min-height: 100px;
    height: 400px;
  }
  header_bar>span {
    display:none
  }
  .header_bar_logo {
    background-size:90% !important;
    padding:20px 0;
  }
}



/* news default image */
.news a.noimage {
background-size:100px;
}

.guestbook_comment_form_link {
display:inline-block;
padding:0.5rem;
margin-bottom:25px;
background-color: var(--theme_background_1);
color: var(--theme_foreground_1);
}

.guestbook_comment_form {
  text-align: left;
}

.button {
display:inline-block;
padding-top:0.8rem;
padding-bottom:0.8rem;
padding-left:1.5rem;
padding-right:1.5rem;
margin:10px;
border-radius: 10px;
background-color: var(--theme_background_1);
color: var(--theme_foreground_1);
text-decoration:none;
}
.button:hover {
background-color: var(--theme_background_2);
color: var(--theme_foreground_2);
}