body{
color: #decd87;
position: relative;
font-size: 16px;
/*Background color for ie9 and below*/
background-color: #a4061f;
}
h1, h2, h3, h4, h5{
font-family: 'Satisfy', cursive;
}
hr{
border-color: #4f5a69;
color: #4f5a69;
}
img.bg {
min-height: 100%;
min-width: 1024px;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
}
@media screen and (min-width: 768px) and (max-width: 815px) { 
.smallerfont{
font-size: 12px;
}
}
@media screen and (min-width: 816px) and (max-width: 910px) { 
.smallerfont{
font-size: 14px;
}
}
@media screen and (min-width: 975px) and (max-width: 1100px) { 
.smallerfont{
font-size: 12px;
}
}
@media screen and (min-width: 1101px) and (max-width: 1255px) { 
.smallerfont{
font-size: 14px;
}
}
@media screen and (max-width: 1024px) {
img.bg {
left: 50%;
margin-left: -512px;
}
}
@media screen and (max-width: 575px){
.px-3 {
padding-right: 0px!important;
padding-left: 0px!important;
}
}
@media screen and (min-width: 576px){
.card-columns {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
}
}
.red-card{
border: 1px solid #a4061f;
}
.green-card{
border: 1px solid #0d6d33;
}
.greenbkg{
background-color: #0d6d33;
}
.active{
line-height: 1;
text-decoration: none;
font-weight: bold;
}
.slide { 
display: none;
font-family: 'Josefin Sans', sans-serif;
font-weight: bold;
}  
.shaddow {
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
}
.customButton{
background-color: #a4061f;
color: #fbf5f3;
border-radius: .25rem;
border: 1px solid rgba(0,0,0,.125);
}
.customButton:hover{
background-color: #0d6d33;
color: #fbf5f3;
border-radius: .25rem;
border: 1px solid rgba(0,0,0,.125);
}
.btn-secondary:hover{
background-color: #631d76;
color: #decd87;
border-radius: .25rem;
border: 1px solid rgba(0,0,0,.125);
}
.btn-secondary:active{
background-color: #631d76;
color: #decd87;
border-radius: .25rem;
border: 1px solid rgba(0,0,0,.125);
}
.btn-secondary:visited{
background-color: #631d76;
color: #decd87;
border-radius: .25rem;
border: 1px solid rgba(0,0,0,.125);
}
.crossFont{
font-family: 'Josefin Sans', sans-serif;
}
.green{
color:#0d6d33;
}
.red{
color: #a4061f;
}
.purple{
color: #631d76;
}
.larger{
font-size: 2rem;
}
.sidenav{
background: #0d6d33;
background: -webkit-linear-gradient(#0d6d33, #9ec4ad);
background: -o-linear-gradient(#0d6d33, #9ec4ad);
background: -moz-linear-gradient(#0d6d33,#9ec4ad);
background: linear-gradient(#0d6d33, #9ec4ad);
color:#fbf5f3;
}
.footerSM{
background-color: #3c4859;
color:#fbf5f3;
}
.gold{
color: #decd87;
}
.prayer{
background: url(prayer.jpg);
background-size: 100% 100%;
}
.lightbkg{
background: #a4061f;
background: -webkit-linear-gradient(left left, #a4061f, #da9ba5);
background: -o-linear-gradient(bottom right, #a4061f, #da9ba5);
background: -moz-linear-gradient(bottom right, #a4061f, #da9ba5);
background: linear-gradient(to bottom right, #a4061f, #da9ba5);
}
.headerfont{
font-family: 'Satisfy', cursive;
}
.grey{
color: #3c4859;
}
.greybkg{
background-color: #3c4859;
}
.btn-nav{
background-color: inherit !important;
color:#fbf5f3;
border: 0px;
padding: 0px;
}
.btn-nav:focus{
outline: 0px;
outline-offset: 0px;
}
.navcard {
position: relative;
display: block;
margin-bottom: 0px;
background-color: #0d6d33;
border-radius: 0pc;
border: 0px;
}
@media screen and (min-width: 768px) { 
.row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
@media screen and (min-width:992px ){
.row-eq-height-history{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
.fade-in {
opacity:0;
-webkit-animation:fadeIn ease-in 1;
-moz-animation:fadeIn ease-in 1;
animation:fadeIn ease-in 1;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards;
-webkit-animation-duration:1s;
-moz-animation-duration:1s;
animation-duration:1s;
}
.relative{
position: relative;
}
.fade-in.one {
-webkit-animation-delay: 0.7s;
-moz-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.fade-in.two {
-webkit-animation-delay: 1.2s;
-moz-animation-delay:1.2s;
animation-delay: 1.2s;
}
.fade-in.three {
-webkit-animation-delay: 1.8s;
-moz-animation-delay: 1.8s;
animation-delay: 1.8s;
}
.fade-in.four {
-webkit-animation-delay: 2.4s;
-moz-animation-delay: 2.4s;
animation-delay: 2.4s;
}
.responsive-iframe-container{
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
height: 700px;
}
.responsive-iframe-container iframe,
.responsive-iframe-container object,
.responsive-iframe-container embed{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.list-group-item{
background-color: #ddd;
border-color: #3c4859;
}
.nav-list-group-item-custom {
position: relative;
display: block;
padding-top: .75rem;
padding-bottom: .75rem;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #ddd;
}
.side:nth-child(odd) {
color: #a4061f;
}
.side:nth-child(even) {
color:#0d6d33;
}
ul {
list-style-type: none;
}
a:link {
color: #decd87;
}
a:visited {
color: #decd87;
text-decoration: none;
}
a:hover {
font-weight: bold;
text-decoration: none;
display: inline;
}
a:active {
font-weight: bold;
text-decoration: none;
display: inline;
text-decoration: none;
}
a.side:link {
/*color: #fbf5f3;*/
background-color: #fff;
text-decoration: none;
}
a.side:visited {
/*color: #fbf5f3;*/
text-decoration: none;
}
a.side:hover {
font-weight: bold;
text-decoration: none;
display: inline; 
background-color: #decd87; 
}
a.side:active {
font-weight: bold;
text-decoration: none;
display: inline;
background-color: #decd87;
}
li.nav:hover {
background-color: #decd87;
font-weight: bold;
text-decoration: none;
}
li.nav a {
background-color: inherit;
color: inherit !important;
text-decoration: none;
}
li.nav a:hover {
background-color: inherit !important;
color: inherit !important;
text-decoration: none;
}
li:hover .slide { 
display: inline;
font-family: 'Josefin Sans', sans-serif;
font-weight: bold;
}
a.currentItem:link {
color: inherit !important;
font-weight: bold;
text-decoration: none;
display: inline;
}
a.currentItem:visited {
color: inherit !important;
font-weight: bold;
text-decoration: none;
display: inline;
}
a.redLink{
color: #a4061f;
text-decoration: none;
}
a.redLink2{
color: #a4061f;
text-decoration: none;
}
a.redLink:hover{
color:#0d6d33;
text-decoration: none;
}
a.redLink:active{
color:#0d6d33;
text-decoration: none;
}
a.redLink:visited{
text-decoration: none;
}
.redButton{
background-color: #a4061f;
color: white;
padding: 5px 10px;
text-align: center;
text-decoration: none
}
.redButton:hover{
background-color:#0d6d33;
text-decoration: none;
}
.redButton:active{
background-color:#0d6d33;
text-decoration: none;
}
.redButton:visited{
text-decoration: none;
}
a.greenLink{
color: #0d6d33;
font-weight: bold;
text-decoration: none;
text-shadow: 0.5px 0.5px #fbf5f3;
}
a.greenLink:hover{
color:#a4061f;
text-decoration: none;
}
a.greenLink:active{
color:#a4061f;
text-decoration: none;
}
a.greenLink:visited{
text-decoration: none;
}
a.greenLink2{
color: #0d6d33;
font-weight: bold;
text-decoration: none;
}
a.greenLink3{
color: #0d6d33;
text-decoration: none;
}
a.greenLink2:hover{
color:#a4061f;
text-decoration: none;
}
a.greenLink2:active{
color:#a4061f;
text-decoration: none;
}
a.greenLink2:visited{
text-decoration: none;
}
a.whiteLink{
color: #fbf5f3;
text-decoration: none;
}
a.whiteLink:hover{
color:#fbf5f3;
text-decoration: none;
}
a.whiteLink:active{
color:#fbf5f3;
text-decoration: none;
}
a.whiteLink:visited{
text-decoration: none;
}
.community{
background-image: url("images/the-power-of-prayer.jpg");
background-size: 100% 100%;
}
.card{
background-color: #ddd;
color:#fbf5f3;
}
.white{
color:#fbf5f3;
}
a.greyLink{
color: #3c4859;
text-decoration: none;
}
a.greyLink:hover{
color:#3c4859;
text-decoration: none;
}
a.greyLink:active{
color:#3c4859;
text-decoration: none;
}
a.greyLink:visited{
text-decoration: none;
}
.prayer{
background-color: #fff;
}
tr.prayer:nth-of-type(odd){
color: #a4061f;
}
tr.prayer:nth-of-type(even){
color: #0d6d33;
}
p.prayer:nth-of-type(odd){
color: #a4061f;
}
p.prayer:nth-of-type(even){
color: #0d6d33;
}
.iecontainer{
    min-width: 1024px;
}
.fixed25{
    float: left;
    width: 25%;
}
.greenGradient{
    background: #0d6d33;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0d6d33), to(#9ec4ad));
    background: -webkit-linear-gradient(#0d6d33, #9ec4ad);
    background: -moz-linear-gradient(#0d6d33, #9ec4ad);
    background: -ms-linear-gradient(#0d6d33, #9ec4ad);
    background: -o-linear-gradient(#0d6d33, #9ec4ad);
    background: linear-gradient(#0d6d33, #9ec4ad);
    -pie-background: linear-gradient(#0d6d33, #9ec4ad);
    behavior: url(https://parkschapelamec.com/PIE-1.0.0/PIE.htc);
}
.fixed75{
    float: left;
    width: 75%;
}
.redGradient{
    background: #a4061f;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#a4061f), to(#da9ba5));
    background: -webkit-linear-gradient(#a4061f, #da9ba5);
    background: -moz-linear-gradient(#a4061f, #da9ba5);
    background: -ms-linear-gradient(#a4061f, #da9ba5);
    background: -o-linear-gradient(#a4061f, #da9ba5);
    background: linear-gradient(#a4061f, #da9ba5);
    -pie-background: linear-gradient(#a4061f, #da9ba5);
    behavior: url(https://parkschapelamec.com/PIE-1.0.0/PIE.htc);
}
.p15{
    padding:15px;
}
.p10{
    padding:15px;
}
.pb0{
    padding-bottom: 0px;
}
.pt0{
    padding-top: 0px;
}
.shaddowie{
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
    behavior: url(https://parkschapelamec.com/PIE-1.0.0/PIE.htc);
}
.roundCornerIE{
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    behavior: url(https://parkschapelamec.com/PIE-1.0.0/PIE.htc);
}
.px10{
  padding-left: 10px;
  padding-right: 10px;
}
.ptb10{
  padding-top: 10px;
  padding-bottom: 10px;
}
.ieheader{
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.pl30{
    padding-left: 30px;
}
.pr30{
    padding-right: 30px;
}
.ptb30{
    padding-top: 30px;
    padding-bottom:30px;
}
.pr15{
    padding-right: 15px;
}
.pl15{
 padding-left: 15px;   
}