/* Define standard sizes for fonts  */

body {
    text-align:center;
    font-family: Palatino, Times, "Times New Roman", serif;
    font-size: 16px;
    color:#111111;
    margin-top: 10px;
}

#sp-main-body {
    padding: 50px 0px 10px 0px;
}

h1 {
    font-size: 20px;
    color: #0054A6;
    text-align:left;
    font-weight: bold;
}

h2 {
    font-size: 18px;
    color:#981a1d;
    color: #0054A6;
    text-align:left !important;
    font-weight:bold;
}

h3 {
    font-size: 17px;
    text-align:left;
    color: #56544B;
    color: #7b153e;
    font-weight: bold;
}

h4 {
    font-size: 16px;
    color: #56544B;
    text-align: left;
    font-style: italic;
    font-weight: bold;
}

ul {
    text-align: left;
    font-size: 16px;
    color: #0054A6;
    font-weight: normal;
    list-style-type: square;
    list-style-position: outside;
    font-style: normal;
    margin-left: 10px;
    margin-bottom: 5px;
    line-height: 34px !important;
}

p {
    text-align: left;
    font-size: 16px;
    line-height: auto;
    color: #0054A6;
}

a {
    color: #7b153e;
}

body a:hover {
    color: #7b153e;
    font-weight: bold;
}

#sp-logo a {
    font-family: 'Impact', sans-serif;
}

#sp-header-text {
    margin-bottom: 10px;
}

/* sytle upper image */
div#sp-top1 p {
    line-height: 0px;
}

/* style the menu area */
.sp-megamenu-parent {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    z-index: 9;
    display: block;
    float:inherit;
    text-align:center;
    font-style: normal;
    color: #ffffff;
    
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
    font-size: 16px;
}

body.ltr .sp-megamenu-parent > li.sp-has-child > a:after, body.ltr .sp-megamenu-parent > li.sp-has-child > span:after, .sp-menu-item, .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span { 
	font-size: 16px;
	color: #ffffff;
}


.sp-dropdown, .sp-dropdown-items {
    font-size: 16px;
    Text Transform: Uppercase;
    font-style: normal;
    font-weight: normal;
}


.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    font-size: 16px;
	background-color: #0054A6;
}


/* style menu headings  */
.sp-megamenu-parent > li.active > span {
    text-decoration: underline;
}

li.sp-menu-item.current-item.active > a, li.sp-menu-item.sp-has-child.active > a {
    text-decoration: underline !important;
    font-weight: bold;
}

.container-header .mod-menu>li:active {color:red;}

#sp-right {
margin-top: 30px;
}

/* Mobile Menu  */

body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu {
    width: 100%;
}

/* set background color  */
.offcanvas-menu {
    background-color: white;
}

.offcanvas-overlay {
    background: white;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler,
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span, .offcanvas-menu .offcanvas-inner ul.menu>li li a, .offcanvas-menu .offcanvas-inner ul.menu li.active a {
    font-size: 16px !important;
    line-height: 20px;
    padding-top: 10px;
    font-style: normal;
	color: #0054A6 !important;
	font-weight: 700;
	opacity: 1.0;
}

/* Do not display helix mobile menu items, as the styling does not work for the site  */
.logo {
    display: none;
}
ul.menu.nav-pills {
    display: none !important;
}


/* set padding and styling  */

.offcanvas-menu .offcanvas-inner {
    padding-top: 0px;
}


.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
    font-size: 16px !important;
    font-style: normal;
	color: #0054A6;
	font-weight: 700;
}


.offcanvas-menu .offcanvas-inner .sp-module-title {
    font-size: 20px !important;
	color: #0054A6;
	font-weight: 700;
}

/* underline the mobile menu active top and active item and expand the top item when the lower is active  */

.current.active > a {
    text-decoration: underline;
}
.active.menu-parent > a, .active.menu-parent-open > span {
    text-decoration: underline;
}

.menu-parent:has(ul):has(li.active) >span {
    text-decoration: underline;
}

/* Style the open icon  */

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.nav-header>.menu-toggler:after {
    content: "\f055";
    color: #0054A6;
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler:after, .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler:after, span.menu-toggler:after {
    content: "\f055";
}

/* Style the close icon  */
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent.menu-parent-open>a>.menu-toggler:after, .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent.menu-parent-open>.menu-separator>.menu-toggler:after, span.menu-toggler {
    content: "\f056";
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent.menu-parent-open>.nav-header>.menu-toggler:after {
    content: "\f056";
    color: #0054A6;
}

body.ltr #offcanvas-toggler.offcanvas-toggler-right {
    margin-left: auto;
}

/* Sytle the main content area of the site  */
 
.mod-sppagebuilder h2 {
    text-align: center;
}


.article-header h1:after {
    content :"";
    display: block;
    width: 100%;
    height: 2px;
    background: #7b153e;
}

#section-id-1606773823585, #section-id-1606776161213, #section-id-1606776729365, #section-id-1606776729362 {
    border: 2px #0054A6 solid;
    margin-bottom: 20px !important;
    border-radius: 10px;
}

.sppb-addon-single-image img {
    border-radius: 10px;
}  

.article-list .article .readmore {
    font-size: 16px;
    content-align: left;
}

.article-list .article .readmore a {
    font-size: 16px;
    color: #0054A6;
    content-align: left;
}


.article-list .article .readmore a:hover, .article-list .article .readmore a:focus{
    font-weight: bold;
    color: #0054A6;
}

.article-list .article {
    border: 1px solid #0054A6;
    border-radius: 10px
}

a:hover {
    color: #0054A6;
    font-weight: bold;
}

blockquote {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
    padding: 0 0 0 15px;
    margin: 0 0 18px;
    border-left: 5px solid #eee;
    font-style: italics;
}

#sp-bottom {
    padding: 10px 0 30px;
    background-color: #ffffff !important;
}

hr {
    margin-top: -10px !important;
    border-top: 2px solid #7b153e !important;
}

/* Remove radius from images on links page  */
#sp-page-builder .sppb-addon-single-image img {
    border-radius: 0px;
}
/* adjust top of line margin for links page  */
#sp-page-builder p {
    margin-top: 7px;
}
#sp-page-builder hr {
    margin-top: 0px;
}

/* Sytle SLideshow CK  */
.slideshowck {
margin-left: 50px;
}

/* Right Colum style */

#sp-left .sp-module, #sp-right .sp-module {
  border: none;
}

#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
    border-bottom: none;
    padding-bottom: 10px;
    margin-bottom: 0px;
    padding-top: 30px;
    font-size: 30px;
    align-content: center;
}

#sp-left .sp-module ul > li, #sp-right .sp-module ul > li {
    border-bottom: none;
}

#sp-left .sp-module ul > li > a, #sp-right .sp-module ul > li > a {
    margin-left: 15px;
    margin-bottom: 10px;
    align-content: center;
}

/* Background needed for Church Facilities image  */
.churchfac {
	background-color: #3F4553;
	width: 175px; 
}

/* Style the contact form  */
.cf-control-label {
    text-align: left !important;
}

/* style the footer area  */

#sp-footer, .sp-copyright p, .sp-copyright span, .sp-copyright a, .sp-copyright, .sp-copyright h2 {
    font-size: 16px;
    color: #ffffff;
    line-height: auto;
    text-align: center !important;
    margin-left: auto;
    margin-right: auto;
    font-weight: normal;
}

/* fix it so you can read the firewall score */
#com-rsfirewall-grade input {
	color: white !important;
}

/* media query  */

/* Correct placement of a division of C&D Productions in header */
@media (min-width: 992px) {
    div#sp-header-right {
    margin-top: 2.10em;
}}