/* ---------------------------------- */
           /* The Body Structure */
/* ---------------------------------- */


html {
    scroll-behavior: smooth;
    transform: translate(0px, 0px, 0px);
    height: 100%;
  }

/* Font Content */
  @font-face {
    font-family: 'body text';
    src:url(includes/fonts/ShadowsIntoLightTwo-Regular.woff2) format('woff2'),
        url(includes/fonts/ShadowsIntoLightTwo-Regular.woff) format('woff'),
        url(includes/fonts/ShadowsIntoLightTwo-Regular.ttf) format('truetype');
        
    }

  @font-face {
    font-family: 'TypographerRotunda';
    src:url(includes/fonts/TypographerRotunda.woff2) format('woff2'),
        url(includes/fonts/TypographerRotunda.woff) format('woff'),
        url(includes/fonts/TypographerRotunda.ttf) format('truetype');
  }



/* Body Contentt */
body {
    margin: 0px;
    background-color: #5e0366;
    background:url(img/back1.png);
    height: 100%;    
    letter-spacing: 1px;
    transform: translate(0px, 0px, 0px);   
}

.contentwrapper{
    width: 100%;
    min-width: 570px;
    overflow:hidden;
    z-index:-1; /* Remove this line if it's not going to be a background! */
}




/* Header Content tags */

h1 {/* Large title White */
    font-size: 2em;
    
    color: #fafafafd;
    background:
        linear-gradient(
        to bottom, var(--mainColor) 0%,
        var(--mainColor) 100%
        );
        background-position: 0 100%;
        background-repeat: repeat-x;
        background-size: 4px 4px;
        
        text-decoration: none;
        transition: background-size .8s;
        padding: 3px;
    text-transform: uppercase;   
    font-family: Arial, Helvetica, sans-serif;
}

h2 {/* lower nav title White */
    font-size: 1.3em;
    
    color: #fafafafd;
    background:
        linear-gradient(
        to bottom, var(--mainColor) 0%,
        var(--mainColor) 100%
        );
        background-position: 0 100%;
        background-repeat: repeat-x;
        background-size: 4px 4px;
        
        text-decoration: none;
        transition: background-size .8s;
        padding: 3px;
    text-transform: uppercase;   
    font-family: Arial, Helvetica, sans-serif;
}

h3 {/* Large title Purple */
    font-size: 1.9em;
    
    color: rgba(112, 62, 158, 0.808);
    background:
        linear-gradient(
        to bottom, var(--mainB) 0%,
        var(--mainB) 100%
        );
        background-position: 0 100%;
        background-repeat: repeat-x;
        background-size: 4px 4px;
        
        text-decoration: none;
        transition: background-size .8s;
        padding: 3px;
    text-transform: uppercase;   
    font-family: Arial, Helvetica, sans-serif;
}

h4 {
    font-size: 2em;
    color: rgba(89, 38, 136, 0.822);
    background:
        linear-gradient(
        to bottom, var(--mainColor) 0%,
        var(--mainColor) 100%
        );
        background-position: 0 100%;
        background-repeat: repeat-x;
        background-size: 4px 4px;
        
        text-decoration: none;
        transition: background-size .8s;
        padding: 3px;
    text-transform: uppercase;   
    font-family: Arial, Helvetica, sans-serif;
}

h5 { /*Simple Large white */
    font-size: 1.3em;
    color: rgb(255, 255, 255);
    line-height: 1em;
    font-family: Arial, Helvetica, sans-serif;
}

h6 {/* medium title White */
    font-size: 1.4em;
    
    color: #fafafafd;
    background:
        linear-gradient(
        to bottom, var(--mainColor) 0%,
        var(--mainColor) 100%
        );
        background-position: 0 100%;
        background-repeat: repeat-x;
        background-size: 4px 4px;
        
        text-decoration: none;
        transition: background-size .8s;
        padding: 3px;
    text-transform: uppercase;   
    font-family: Arial, Helvetica, sans-serif;
}

:root {
    --mainColor: #f0bc2f;
    --mainB: rgba(112, 62, 158, 0.808);
}  


/* Line Breaks and Decorations */

.breakl {
    background-color: rgba(112, 62, 158, 0.568);
    width: 10%;
    height: 2px;
    text-align: center;
}

.break2 {
    background-color: rgb(204, 204, 204);
    width: 1px;
    padding: 1px;
    height: 40px;
    margin-left: 10px;
    margin-right: 10px;
}

.break3 {
    background-color: rgb(36, 27, 20);
    width: 100%;
    height: 2px;
}

.break4 {
    background-color: rgb(212, 0, 0);
    width: 100%;
    height: 4px;
}

.breakYl {
    background-color: #ecbf41d3;
    height: 2px;
    min-width: 50px;
    max-width: 100px;
    margin: auto;
    
}

.separator {
    background-color: rgb(122, 66, 129);
    width: 100%;
    height: 10px;
}


/* Alert and Msg Contentt */
.errortext{
    color: #bb2f0c;
    font-size: 1.2em;
}

.alertmsgbox{
    background-color: #bb2f0cb2;
    color: azure;
    font-size: 1.2em;
    padding:10px;
    width: 70%;
    margin: auto;
    border-radius: 25px;
    text-align: center;
    
}

.alertmsgbox2{
    background-color: #bb2f0cb2;
    color: azure;
    font-size: 1em;
    padding:10px;
    width: 90%;
    margin: auto;
    border-radius: 25px;
    text-align: center;
    
}

.mlog{
    color: #bb2f0c;
    font-size: 1.2em;
    background-color: rgba(0, 0, 0, 0.733);
    border-radius: 25px;
    margin: auto;
    text-align: center;
}

.hidval {
    width: 1px;
    height: 1px;                        
    overflow: hidden;
}




/*  Page Wrap Content */
.bodywrapper {   
    width: 100%;  
 }
 



 /* ---------------------------------- */
           /* The Top Page */
/* ---------------------------------- */




/*  Top Menu Navagation  */

.navwrapper {

white-space: nowrap;

background-color: rgba(136, 49, 163, 0.685);
font-family: Arial, Helvetica, sans-serif;
background-repeat: no-repeat;
margin-top: 0%;
position: fixed;
width: 100%;
max-height: 200px;
z-index: 100;
font-weight: bold;
min-width: 570px;
}

.loginwrapper{
    display: flex;    
    justify-content: space-between;
    height: 30px;
    background-color: rgba(127, 46, 173, 0.808);
    font-size: .7em;
    padding: 5px;
}

        .loginwrapper input[type=text] {
            background-color: #68416193;
            color:#ffffff;
            resize: none;
            font-size: 1.1em;
            border-color:rgb(36, 27, 20);
            border-width: 1px;
        }
        .loginwrapper input[type=password] {
            background-color: #68416193;
            color:#ffffff;
            resize: none;
            font-size: 1.1em;
            border-color:rgb(36, 27, 20);
            border-width: 1px;
        }

.navigation{
    display: flex;
    max-height: 200px;
    justify-content: space-between;
}
    .leftmenu {
        display: flex;
        justify-content: space-between;
        padding: 10px;
        text-transform: uppercase;
    }
    .leftmenuB {
        
        padding: 10px;
        text-transform: uppercase;
        min-width: 10px;
    }
    
        .navlogowrap {
            max-height: 100px;
            padding-left: 10%;
        }

            .navlogoimage {
                max-width: 100%;
                max-height: 100%;
                
                
                 
            }
/* ---------------------------------- */
.rightmenu {
    display: grid;  
    grid-gap: 5px;  
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr; 
    grid-template-rows: repeat(1, 120px);  
    padding: 10px;
    padding-top: 20px;
    max-width: 1200px;
    margin: 0 auto;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif; 
}

@media (max-width: 1000px) {
    .rightmenu {
        grid-template-columns: repeat(3, 1fr); 
        grid-template-rows: repeat(2, 70px);  
    }
}


@media (max-width: 700px) {
    .leftmenu {
         width: 1px;
    }
}

.rightmenuB {
    display: flex;
    justify-content: space-between;
    padding: 2px;
    font-family: Arial, Helvetica, sans-serif;
    width: fit-content;
    margin-top: 0%;
    
}
       
    
 /*  Navigation Links and Visited Links */

a:visited{
    text-decoration: none;    
}

a {
    color: white;
}

.catbutl{
    text-decoration: none;
    position: relative;
    min-width: 300px;
    width: 100%; 
    height: 300px;     
}

.yellowbut{
    padding:10px;
    background-color: #ecbf41d3; 
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    text-decoration: none;
    font-size: 1em;
     font-weight: bold;
}

.yellowbut:hover{
    background-color: #ebd2929d;
}

.logbut{
    padding:5px;
    background-color: #824196d3; 
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    text-decoration: none;
    font-size: 1em;
     font-weight: bold;
     border-width: thick;
     border-radius: 30px;
     border-width: 15px;                        
     border: solid rgb(255, 255, 255);
}

.logbut:hover{
    background-color: #9450a8d3;
}
/* ---------------------------------- */
      

 .topmenunav-link  {  /* used for top menu */
        background:
        linear-gradient(
        to bottom, var(--mainColor) 0%,
        var(--mainColor) 100%
        );
        background-position: 0 100%;
        background-repeat: repeat-x;
        background-size: 4px 4px;
        color:rgb(241, 241, 241);
        text-decoration: none;
        transition: background-size .8s;
        padding: 5px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.3em;
        cursor: pointer;
  }
  
 /*--------------------------------------*/

.navlinkwrap {
    position: relative;
    display: inline-block;
    margin: auto;
    padding: 10px;
    border-bottom: 1px solid transparent;
    color: #ffffff;
  }
  
  .dropdown {
    display: none;
    position: absolute;
    background-color: #ecbf41d3;    
    font-size: 1em;
    min-width: 160px;    
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 1px;
    z-index: 1;
    overflow: hidden;
    margin-top: 3px;
    margin-left: -10%;
  }
  
  .navlinkwrap:hover .dropdown {
    display: block;
    height: fit-content;
  }

  .droplink {
    color: #ffffff; 
    text-align: center;   
    width: 100%;
    padding-top: 10px;
    padding-left: 1px;
    padding-bottom: 10px;
    width: 100%;
  }
  
  .droplink:hover {    
    background-color: #ebd2929d;
  }
/* ---------------------------------- */





/* ---------------------------------- */
           /* The Front Pages */
/* ---------------------------------- */



/* Top Page Banner content */
.bannersect {
    min-height: 700px;
    width: 100%;
    background-image: url(img/bannertop.png);    
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgb(123, 66, 156);       
    overflow: hidden;     
    background-size: cover;
    background-attachment: fixed !important;
    Z-index: 1
    
}

    .bannerinfowrapper {
        padding-top: 250px;
        margin:auto;        
        max-width: fit-content;
        display: flex;
    }

        .bannertextcontainer {            
            border-width: thick;       
            background-color: rgba(44, 26, 54, 0.473);
            border-radius: 25px;
            border-width: 25px;                        
            border: solid rgb(255, 255, 255);
        }
              
            .bannertextcontent{
                text-align: center;
                color:rgb(204, 204, 204);                
                padding-left: 5px;
                padding-top: 1px;
                padding-right: 5px;
                padding-bottom: 1px;
                min-width: 200px;
                max-width: 600px;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 1.2em;
                font-weight: bold;
                text-transform: uppercase;
            }

            .bannertextcontent:hover {
                background-color: #af1da38a;
                transition: background-color .5s;
                border-radius: 25px;
            }     
            
            .banedit{
                display:flex;
                justify-content:space-evenly;
                
            }.banedit input[type=text] {
                background-color: #68416193;
                color:#ffffff;
                resize: none;
                font-size: .8em;
                border-color:rgb(36, 27, 20);
                border-width: 1px;
            }
/* ---------------------------------- */


/*  The Top Page About Us Section */
.aboutbannersect {
    min-height: 700px;
    width: 100%;
    background-color: rgb(123, 66, 156);       
    overflow: hidden; 
    background-image: url(img/bannerabtus.png);        
    background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

    .aboutbannerinfowrapper {
        padding-top: 250px;
        margin:auto;        
        max-width: fit-content;
        display: flex;
    }

        .aboutbannertextcontainer {            
            border-width: thick;       
            background-color: rgba(44, 26, 54, 0.473);
            border-radius: 25px;
            border-width: 25px;                        
            border: solid rgb(255, 255, 255);
        }
              
            .aboutbannertextcontent{
                text-align: center;
                color:rgb(204, 204, 204);                
                padding-left: 35px;
                padding-top: 1px;
                padding-right: 35px;
                padding-bottom: 1px;
                min-width: 200px;
                max-width: 700px;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 6em;
                font-size: clamp(2.7em, 15vw, 6em);
                font-weight: bold;
                text-transform: uppercase;
            }   @media (max-width: 1000px) {
                .aboutbannerinfowrapper {
                    padding-top: 300px;
                }
            } 
/* ---------------------------------- */
 

/*  The Top Page About Us Section */
.praybannersect {
    min-height: 700px;
    width: 100%;
    background-color: rgb(123, 66, 156);       
    overflow: hidden; 
    background-image: url(img/bannerpray.png);        
    background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; 
}

    .praybannerinfowrapper {
        padding-top: 250px;
        margin:auto;        
        max-width: fit-content;
        display: flex;
    }

        .praybannertextcontainer {            
            border-width: thick;       
            background-color: rgba(44, 26, 54, 0.473);
            border-radius: 25px;
            border-width: 25px;                        
            border: solid rgb(255, 255, 255);
        }
              
            .praybannertextcontent{
                text-align: center;
                color:rgb(204, 204, 204);                
                padding-left: 35px;
                padding-top: 1px;
                padding-right: 35px;
                padding-bottom: 1px;
                min-width: 200px;
                max-width: 700px;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 6em;
                font-weight: bold;
                text-transform: uppercase;
            }
/* ---------------------------------- */

/*  The Top Page Contact Us Section */
.contactbannersect {
    min-height: 700px;
    width: 100%;
    background-color: rgb(123, 66, 156);        
    overflow: hidden; 
    background-image: url(img/bannercontact.png);        
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;   
}

    .contactbannerinfowrapper {
        padding-top: 250px;
        margin:auto;        
        max-width: fit-content;
        display: flex;       
    }

        .contactbannertextcontainer {            
            border-width: thick;       
            background-color: rgba(44, 26, 54, 0.473);
            border-radius: 25px;
            border-width: 25px;                        
            border: solid rgb(255, 255, 255);
        }
              
            .contactbannertextcontent{
                text-align: center;
                color:rgb(204, 204, 204);                
                padding-left: 35px;
                padding-top: 1px;
                padding-right: 35px;
                padding-bottom: 1px;
                min-width: 200px;
                max-width: 700px;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 6em;
                font-weight: bold;
                text-transform: uppercase;
            }
/* ---------------------------------- */

/*  The Top Page Visit Us Section */
.visitbannersect {
    min-height: 700px;
    width: 100%;
    background-color: rgb(123, 66, 156);        
    overflow: hidden; 
    background-image: url(img/bannervisit.png);        
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;   
}

/* ---------------------------------- */


/* Top Page Ministries content */
.ministriesbannersect {
    min-height: 700px;
    width: 100%;
    background-color:rgb(123, 66, 156);     
    overflow: hidden; 
    background-image: url(img/bannermin.png);        
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;   
}

    .ministriesbannerinfowrapper {
        padding-top: 250px;
        margin:auto;        
        max-width: fit-content;
        display: flex;       
    }

        .ministriesbannertextcontainer {            
            border-width: thick;       
            background-color: rgba(44, 26, 54, 0.473);
            border-radius: 25px;
            border-width: 25px;                        
            border: solid rgb(255, 255, 255);
        }
              
            .ministriesbannertextcontent{
                text-align: center;
                color:rgb(204, 204, 204);                
                padding-left: 35px;
                padding-top: 1px;
                padding-right: 35px;
                padding-bottom: 1px;
                min-width: 200px;
                max-width: 700px;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 6.2em;
                font-size: clamp(2.7em, 15vw, 6.2em);
                font-weight: bold;
                text-transform: uppercase;
            }   @media (max-width: 1000px) {
                .ministriesbannerinfowrapper {
                    padding-top: 300px;
                }
            } 
/* ---------------------------------- */

            
/* Top Page Events content */
.eventsbannersect {
    min-height: 700px;
    width: 100%;
    background-color: rgb(123, 66, 156);        
    overflow: hidden; 
    background-image: url(img/bannerevents.png);        
    background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

    .eventsbannerinfowrapper {
        padding-top: 250px;
        margin:auto;        
        max-width: fit-content;
        display: flex;       
    }

        .eventsbannertextcontainer {            
            border-width: thick;       
            background-color: rgba(44, 26, 54, 0.473);
            border-radius: 25px;
            border-width: 25px;                        
            border: solid rgb(255, 255, 255);
        }
              
            .eventsbannertextcontent{
                text-align: center;
                color:rgb(204, 204, 204);                
                padding-left: 35px;
                padding-top: 1px;
                padding-right: 35px;
                padding-bottom: 1px;
                min-width: 200px;
                max-width: 700px;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 6.2em;
                font-weight: bold;
                text-transform: uppercase;
            }       
/* ---------------------------------- */


/*  The Top Page About Us Section */
.watchbannersect {
    min-height: 800px;
    width: 100%;
    background-color: rgb(123, 66, 156);     
    overflow: hidden; 
    background-image: url(img/bannervisit.png);        
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    display: block; 
    text-align: center;
    overflow: hidden;  
}

    .watchbannerinfowrapper {
        
        padding-top: 200px;
        padding-bottom: 100px;
        margin:auto; 
               
        max-width:100%;
        width: 100%;
        text-align: center;
        display: block;
        display: flex;
        justify-content: center;
    }

        .watchbannervidcontainer {            
            padding-top: 100px;
            
        }
              
            .watchvid{                
                width: 900px;
                height: 500px;
                border-width: thick;       
                background-color: rgba(44, 26, 54, 0.473);
                border-radius: 25px;
                border-width: 25px;                        
                border: solid rgba(162, 142, 167, 0.541);
            } @media (max-width: 915px) {
                .watchvid {
                    height: 303px;
                    width: 500px;
                }
            } 
/* ---------------------------------- */
 


/* Top Page Plan of Salv Banner content */
.pasbannersect {
    min-height: 700px;
    width: 100%;
    background-color: rgb(123, 66, 156);        
    overflow: hidden; 
    background-image: url(img/bannerpas.gif);        
    background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

    .pasbannerinfowrapper {
        padding-top: 250px;
        margin:auto;        
        max-width: fit-content;
        display: flex;       
    }

        .pasbannertextcontainer {            
            border-width: thick;       
            background-color: rgba(44, 26, 54, 0.719);
            border-radius: 25px;
            border-width: 25px;                        
            border: solid rgb(255, 255, 255);
            padding: 40px;
        }
              
            .pasbannertextcontent{
                text-align: center;
                color:rgb(204, 204, 204);                
                padding-left: 35px;
                padding-top: 1px;
                padding-right: 35px;
                padding-bottom: 1px;
                min-width: 200px;
                max-width: 700px;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 6.2em;
                font-size: clamp(2.7em, 15vw, 6.2em);
                font-weight: bold;
                text-transform: uppercase;
            }   @media (max-width: 1000px) {
                .posbannerinfowrapper {
                    padding-top: 300px;
                }
            } 
/* ---------------------------------- */

/* Top Page Plan of Salv Banner content */
.posbannersect {
    min-height: 700px;
    width: 100%;
    background-color: rgb(123, 66, 156);      
    overflow: hidden; 
    background-image: url(img/bannerpos.png);        
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .posbannerinfowrapper {
        padding-top: 250px;
        margin:auto;        
        max-width: fit-content;
        display: flex;       
    }

        .posbannertextcontainer {            
            border-width: thick;       
            background-color: rgba(44, 26, 54, 0.473);
            border-radius: 25px;
            border-width: 25px;                        
            border: solid rgb(255, 255, 255);
            padding: 40px;
        }
              
            .posbannertextcontent{
                text-align: center;
                color:rgb(204, 204, 204);                
                padding-left: 35px;
                padding-top: 1px;
                padding-right: 35px;
                padding-bottom: 1px;
                min-width: 200px;
                max-width: 700px;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 6.2em;
                font-size: clamp(2.7em, 15vw, 6.2em);
                font-weight: bold;
                text-transform: uppercase;
            }   @media (max-width: 1000px) {
                .posbannerinfowrapper {
                    padding-top: 300px;
                }
            } 
/* ---------------------------------- */


/* Top Page volunteer Banner content */
.volbannersect {
    min-height: 700px;
    width: 100%;
    background-color: rgb(123, 66, 156);      
    overflow: hidden; 
    background-image: url(img/volbanner.png);        
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;   
}

    .volbannerinfowrapper {
        padding-top: 350px;
        margin:auto;        
        max-width: fit-content;
        display: flex;       
    }

        .volbannertextcontainer {            
            border-width: thick;       
            background-color: rgba(44, 26, 54, 0.473);
            border-radius: 25px;
            border-width: 25px;                        
            border: solid rgb(255, 255, 255);
            padding: 40px;
        }
              
            .volbannertextcontent{
                text-align: center;
                color:rgb(204, 204, 204);                
                padding-left: 35px;
                padding-top: 1px;
                padding-right: 35px;
                padding-bottom: 1px;
                min-width: 200px;
                max-width: 700px;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 6.2em;
                font-size: clamp(2.7em, 15vw, 6.2em);
                font-weight: bold;
                text-transform: uppercase;
            }   @media (max-width: 1000px) {
                .volbannerinfowrapper {
                    padding-top: 320px;
                }
            } 
/* ---------------------------------- */


/* Top Page Plan of Salv Banner content */
.mentorbannersect {
    min-height: 700px;
    width: 100%;
    background-color: rgb(123, 66, 156);      
    overflow: hidden; 
    background-image: url(img/bannerment.png);        
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .mentorbannerinfowrapper {
        padding-top: 300px;
        margin:auto;        
        max-width: fit-content;
        display: flex;       
    }

        .mentorbannertextcontainer {            
            border-width: thick;       
            background-color: rgba(44, 26, 54, 0.568);
            border-radius: 25px;
            border-width: 25px;                        
            border: solid rgb(255, 255, 255);
            padding: 40px;
        }
              
            .mentorbannertextcontent{
                text-align: center;
                color:rgb(204, 204, 204);                
                padding-left: 7px;
                padding-top: 25px;
                padding-right: 7px;
                padding-bottom: 25px;
                min-width: 200px;
                max-width: 700px;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 5.9em;
                font-size: clamp(2.7em, 15vw, 5.9em);
                font-weight: bold;
                text-transform: uppercase;
            }   @media (max-width: 1000px) {
                .mentorbannerinfowrapper {
                    padding-top: 300px;
                }
            } 
/* ---------------------------------- */





/* ---------------------------------- */
           /* The Category Mid-Section */
/* ---------------------------------- */

.categorycontentsect {
    background-color: #af1da38a;
    max-height: 400px;    
}

    .categorywrapper {        
        padding-top: 2px;
        padding-bottom: 2px;
        margin:auto;       
        color:rgb(241, 241, 241);        
        font-size: 1.3em;
        display: flex;
        justify-content:space-between;
        white-space: nowrap;
    }

        .categoryboxwrapper {        
            position: relative;
            min-width: 300px;
            width: 100%; 
            height: 300px; 
            display: flex; 
            justify-content: center;
        }

        @media (max-width: 1040px) {
            .categorywrapper {
                display: grid; 
                grid-template-columns: repeat(2, 1fr); 
                grid-template-rows: repeat(2, 300px);  
            }
            .categorycontentsect {
                background-color: #af1da38a;
                max-height: min-content;    
            }
        }
            .categoryimg{            
                min-width: 300px;
                width: 100%; 
                height: 300px;
                background-position: center;
                background-repeat: no-repeat;            
                background-size: cover;                
            }

                .categorytext {
                    position: absolute;
                    top: 0px;
                    font-size:200%;
                    font-family: Arial, Helvetica, sans-serif;
                    font-weight: bold;
                    padding-top: 50px;
                    white-space: nowrap;
                    
                    width: 100%;
                    height: 250px;
                    text-align: center;
                    
                }

                .categorytext:hover {
                    background-color: #af1da38a;
                    transition: background-color 1s;
                }
/* ---------------------------------- */

        
/* ---------------------------------- */
           /* The Category Larg-Section */
/* ---------------------------------- */

.categorylargesect {
    background-color:#972d93;
    max-height: 500px;    
}@media (max-width: 1040px) {
    .categorylargewrapper {
        max-height: 300px;
        overflow: hidden;  
    }
    
}

    .categorylargewrapper {        
        padding-top: 2px;
        padding-bottom: 2px;
        margin:auto;       
        color:rgb(241, 241, 241);        
        font-size: 1.5em;
        display: flex;
        justify-content:space-between;
        white-space: nowrap;
    }@media (max-width: 1040px) {
        .categorylargewrapper {
            display: grid; 
            grid-template-columns: repeat(2, 1fr); 
            grid-template-rows: repeat(2, 300px);  
        }
        
    }

        .categorylargeboxwrapper {        
            position: relative;
            min-width: 400px;
            width: 100%; 
            height: 400px; 
            display: flex; 
            justify-content: center;
        }@media (max-width: 1040px) {
            .categorylargeboxwrapper {
                height: 300px;
                min-width: 300px;
            }
            
        }

            .categorylargeimg{            
                min-width: 400px;
                width: 100%; 
                height: 400px;
                background-position: center;
                background-repeat: no-repeat;            
                background-size: cover;                
            }@media (max-width: 1040px) {
                .categorylargeimg {
                    height: 300px;
                    min-width: 300px;
                }
                
            }

                .categorylargetext {
                    position: absolute;
                    top: 0px;
                    font-size:250%;
                    font-family: Arial, Helvetica, sans-serif;
                    font-weight: bold;
                    padding-top: 70px;
                    white-space: nowrap;
                    width: 100%;
                    height: 330px;
                    text-align: center;
                    background-color:#af1da38a;
                }@media (max-width: 1040px) {
                    .categorylargetext {
                        padding-top: 40px;
                        font-size:220%;
                    }
                    
                }

                .categorylargetext2 {
                    position: absolute;
                    top: 0px;
                    font-size:250%;
                    font-family: Arial, Helvetica, sans-serif;
                    font-weight: bold;
                    padding-top: 40px;
                    white-space: nowrap;
                    width: 100%;
                    height: 340px;
                    text-align: center;
                    
                }

                .categorylargetext:hover {
                    background-color: rgba(136, 49, 187, 0.0);
                    transition: background-color 1s;
                }
/* ---------------------------------- */



/* ---------------------------------- */
           /* The Section Pages */
/* ---------------------------------- */



/*  The Top Page About Us Section */
.aboutcontent {
    background-color:rgb(105, 45, 161);
    min-height: 550px;
    width: 100%;
    /*background-image: url(img/midwall2.png);  */      
    background-position: center;
    background-repeat:repeat-x;    
    
}

.aboutcontentA {
    background-color:rgb(123, 66, 156);
    min-height: 500px;
    width: 100%;
    background-image: url(img/secbigimg2.png);        
    background-position: center;
    background-repeat:repeat-x;
    background-size: cover;
}

    .aboutwrapper {        
        padding-top: 50px;
        padding-bottom: 2px;
        width: 100%;
        margin:auto; 
        
    }

        .abouttextbox{
            text-align: center;
            color:rgb(105, 45, 161);        
            padding: 30px;
            min-width: 550px;
            max-width:100%;
            overflow: hidden;
            justify-content:space-evenly;
            display: flex;
        }

            .infocategory{
                text-align: center;                        
                padding: 10px;
                min-width: 300px;
                max-width: 400px;
                min-height:fit-content;
                color: #f8f7f8;
                overflow: hidden;
                max-height: 700px;

            }

                .infocategorytext{
                    text-align: left;
                    background-color:rgba(148, 97, 163, 0.664);               
                    color: #f8f7f8;
                    overflow: hidden;
                    padding: 15px;
                    min-height: fit-content;
                    max-height: 700px;
                    font-family: Arial, Helvetica, sans-serif;
                    font-size: 1.0em;
                    font-weight: bold;
                    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
                }
/* ---------------------------------- */



/*  The Top Page About Us Section */
.volcontent {
    background-color:rgb(105, 45, 161);
    min-height: 550px;
    width: 100%;
    background-image: url(img/volback.gif);     
    background-position: center;
    background-repeat:repeat-x;    
    background-size: cover;
}

.volimg {
    
    width: 100%;
    height: auto;
    max-width: 500px;
}

.volwrap {
    min-width: 400px;
    max-width: 1200px;
    width: 100%;
    display: grid;
    font-size: 1.1em;
    grid-template-columns: 3fr 2fr;
}@media (max-width:1215px) {
    .volwrap {
        grid-template-columns: 1fr;
    }
    
}

.voli{
    padding: 35px;
}@media (max-width:1377px) {
    .voli {
        margin: auto;
    }
    
}

.volit{
    padding: 0px;
}@media (max-width:1377px) {
    .volit {
        padding: 40px;
    }
    
}@media (max-width:1215px) {
    .volwrap {
        max-width:800px;
    }
    
}

.voltextboxA{
    text-align: left;                
    padding: 10px;
    min-width: 480px;
    max-width: 90%;
    margin:auto;    
    overflow: hidden;
}

.voltextwrapA{
    background-color: #cdc5d300;
    text-align:left;
    color:rgb(230, 225, 233);        
    font-size: 1em;
    padding: 20px;                           
    font-family: Arial, Helvetica, sans-serif;
    word-wrap: break-word;
    border-radius: 15px;
    line-height: 1.5em;
    max-height: fit-content;
    min-width: 450px;
    max-width: fit-content;
    margin: auto;
}

/* ---------------------------------- */


/*  The Top Page contact info Section */   
.citcontent {
    background-color:rgb(105, 45, 161);
    min-height: 500px;
    width: 100%;
    background-image: url(img/bckwall.gif);        
    background-position: center;
    background-repeat:repeat-x;    
     
}

    .citwrapper {        
        padding-top: 40px;
        padding-bottom: 2px;
        margin:auto; 
       
        
    }

    .ci-map{
        align-content: center;
        text-align: center;
        color: #f2f2f2;
        min-width: 300px;
        max-width: 700px;
        width: 100%;
        height:430px;
        filter:drop-shadow(10px 10px 5px rgba(0, 0, 0, 0.247));
    }

    .ci-info{
        margin: auto;
        width: 80%;
        display: flex;
        justify-content: space-evenly;
        text-align: center;
        color: #f2f2f2;
        
    }@media (max-width: 920px) {
        .ci-info {
            width: 90%;

        }
    }@media (max-width: 732px) {
        .ci-info {
            width: 100%;

        }
    }

    .ct-textinfo{
        min-width: 100px;
        max-width: fit-content;
        height: fit-content;
        font-size: 1em; 
        background-color: #db86b871;
        filter:drop-shadow(10px 10px 5px rgba(0, 0, 0, 0.247));
        padding: 50px;
        font-family: Arial, Helvetica, sans-serif;
    }@media (max-width: 820px) {
        .ct-textinfo {
            padding: 30px;

        }
    }@media (max-width: 663px) {
        .ct-textinfo {
            padding: 20px;
            
        }
    }
/* ---------------------------------- */


/*  The Top Page contact map Section */   
.cmtcontent {
    background-color:rgb(105, 45, 161);
    min-height: 600px;
    width: 100%;
    background-image: url(img/streambg.gif);        
    background-position: center;
    background-repeat: no-repeat;    
    background-size: cover; 
    background-attachment: fixed;  
     
}

    .cmtwrapper {        
        padding-top: 90px;
        padding-bottom: 2px;
        margin:auto; 
        display: flex;
        justify-content:space-evenly;
       
        
    }
   
    .cm-info{
        text-align: left;
        color:#f8f7f8;        
        padding: 40px;
        min-width: 270px;
        padding-left: 10%;
        padding-right: 10%;
        max-width: 500px;
    } @media (max-width: 730px) {
        .cm-info {
            padding: 20px;
        }
    } 

    .cm-textinfo{
        text-align: left;
        color:white;        
        font-size: 1.2em;
        padding: 10px;            
        font-family: Arial, Helvetica, sans-serif;
        word-wrap: break-word;
        border-radius: 15px;
        line-height: 1.5em;
    }
/* ---------------------------------- */

/*  The  Sevice Info Section */
.infocontent {
    background-color:rgb(105, 45, 161);
    min-height: 400px;
    width: 100%;
    background-image: url(img/pplback2.png);        
    
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .infowrapper {        
        padding-top: 15px;
        padding-bottom: 2px;
        margin:auto; 
        display: flex;
        justify-content:space-evenly;        
    }

        .infotextbox{
            text-align: left;
            color:#f8f7f8;        
            padding: 50px;
            min-width: 600px;
            max-width: 900px;
            
        }

        .infoimgbox{
            text-align: left;
            color:#f8f7f8;        
            margin-top: 70px;            
            min-width: 300px;
            min-height: 300px;
            width: 100%;
            height: 100%;
            background-image: url(img/servimg.png);        
            background-position: center;
            background-repeat: no-repeat;    
            background-size: contain;
            border-radius: 15px;
        }

            .infotext{
                background-color: #58267979;
                text-align: center;
                color:white;        
                font-size: 1em;
                padding: 20px;            
                font-family: Arial, Helvetica, sans-serif;
                word-wrap: break-word;
                border-radius: 15px;
                line-height: 1.5em;
            }

            .servtime{
                background-color: #58267979;
                text-align: center;
                color:white;        
                font-size: 1em;
                padding: 20px;            
                font-family: Arial, Helvetica, sans-serif;
                word-wrap: break-word;
                border-radius: 15px;
                line-height: 1.5em;
                display: grid;
                grid-template-columns: 3fr 2fr 3fr;
                vertical-align: middle;
                
            }

            .dividesmnall {
                height: 1px;
                margin-top: 7px;
                margin-bottom: 7px;
                background-color: #ffc01191;
            }
/* ---------------------------------- */


/*  The Top Page welcome Section */
.welcomecontent {
    background-color:rgb(105, 45, 161);
    min-height: 600px;
    width: 100%;
    background-image: url(img/back2.gif);        
    background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

    .welcomewrapper {        
        padding-top: 70px;
        padding-bottom: 2px;
        margin:auto; 
        display: flex;
        justify-content:center;
        
    }

        .welcometextbox{
            text-align: left;
            color:#f8f7f8;        
            padding: 50px;
            min-width: 600px;
            max-width: 800px;
            
        }
        
            .welcometext{
                background-color: #bb8cb9a8;
                text-align: center;
                color:white;        
                font-size: 1.2em;                
                padding: 20px;            
                font-family: Arial, Helvetica, sans-serif;
                word-wrap: break-word;
                border-radius: 15px;
                line-height: 1.5em;
            }
/* ---------------------------------- */

/*  The Top Page Prayer form content Section */   
.prayinfocontent {
    background-color:rgb(105, 45, 161);
    min-height: 600px;
    width: 100%;
    background-image: url(img/prayback.png);        
    background-position: center;
    background-repeat: no-repeat;    
    background-size: cover;
    background-attachment: fixed;
}

.prayformcontent {
    background-color:rgb(105, 45, 161);
    min-height: 500px;
    width: 100%;
    background-image: url(img/bckwall.gif);        
    background-position: center;
    background-repeat:repeat-x;    
     
}

    .praywrapper {        
        padding-top: 30px;
        padding-bottom: 2px;
        margin:auto; 
       
    }

    .prayformtextbox{
        text-align: left;                
        padding: 20px;
        min-width: 650px;
        max-width: 70%;  
        overflow: hidden;
        margin: auto;
    }@media (max-width: 850px) {
        .prayformtextbox {
            padding: 7px;
        }
    } 

    .prayform{
        margin: auto;
        width: 80%;
        min-width: 620px;
        background-color: #864c82dc;
        padding: 20px;
        border-radius: 15px;
        line-height: 1.5em;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    } @media (max-width: 850px) {
        .prayform {
            padding: 7px;
        }
    } 

    .prayformsect1 {
        color:white;        
        font-size: 1em;
        font-family: Arial, Helvetica, sans-serif;
        word-wrap: break-word;
        text-align: left;
        padding-left: 9%;
    } @media (max-width: 850px) {
        .prayformsect1 {
            padding: 10px;
        }
    } 

    .prayformsect2 {
        color:white;
        text-align: center;        
        font-size: 1em;
        font-family: Arial, Helvetica, sans-serif;
        word-wrap: break-word;
        
    }

    .prayformsect1 input[type=text] {
        background-color: #68416193;
        color:#ffffff;
        resize: none;
        font-size: 1em;
        border-color:rgb(36, 27, 20);
        border-width: 1px;

    }

    .prayformsect2 input[type=text] {
        background-color: #68416193;
        color:#ffffff;
        resize: none;
        font-size: 1em;
        border-color:rgb(36, 27, 20);
        border-width: 1px;

    }

    .prayformsect1 textarea {
        background-color: #68416193;
        color:#ffffff;
        resize: none;
        font-size: 1em;
        border-color:rgb(36, 27, 20);
        border-width: 1px;
        padding-bottom: 10px;
    }

        .prayformsect1 input[type=file] {
            background-color: #c4af8059;
            color: rgb(0, 0, 0);
            resize: none;
            font-size: .9em;
            background-color: rgba(109, 71, 27, 0.247);
            border-radius: 25px;
            width: fit-content;
            max-width: 200px;
            overflow: hidden;
            height: fit-content ;
            padding: 5px;
        }
    

        .prayformsect1 input[type=number] {
            background-color: #c4af8059;
            color: rgb(0, 0, 0);
            resize: none;
            font-size: .9em;
            width: 70px;
        }
         

                .prayformsect1 select {
                    background-color: #c4af8059;
                    color: rgb(0, 0, 0);
                    resize: none;
                    font-size: .9em;
                    font-weight: bold;
                }
/* ---------------------------------- */


/*  The Top Page GENERIC CONTENT Section */   
.bannermovcontent {
    background-color:rgb(105, 45, 161);
    min-height: max-content;
    width: 100%;
    background-image: url(img/bannereventlgbg1.png);         
    background-position: center;
    background-repeat: no-repeat;    
    background-size: cover;
    
         
}

    .bannermovwrapper {        
        min-height: max-content;       
        width: 100%;
        height: 100%;
        text-align: center;
    }

    .bannermovinfo{
        margin:auto;        
        text-align: center;
    }

    .bannermovinfo video {
        width: 100%;
        height: auto;
      }

      video {
        width: 100%;
        max-height: 100%;
      }
/* ---------------------------------- */

/*  The Top Page GENERIC CONTENT Section */   
.sectcontent {
    background-color:rgb(105, 45, 161);
    min-height: 500px;
    width: 100%;
    background-image: url(img/bckwall.gif);        
    background-position: center;
    background-repeat:repeat-x;    
     
}

    .sectwrapper {        
        padding-top: 40px;
        padding-bottom: 2px;
        margin:auto; 
       
        
    }

    .sectinfo{
        margin: auto;
        width: max-content;
    }
/* ---------------------------------- */


/*  The GENERIC Text CONTENT Section */
.textcontent {
    background-color:rgb(123, 66, 156);
    min-height:fit-content;
    max-height: fit-content;
    width: 100%;
}

    .textwrapper {        
        padding-top: 90px;
        padding-bottom: 20px;
        height: fit-content;
        margin:auto;
        text-align: center;      
    }

        .textboxA{
            text-align: left;                
            padding: 20px;
            min-width: 480px;
            max-width: 80%;
            
            padding-left:9%;
            overflow: hidden;
        }

        .textwrapA{
            background-color: #cdc5d300;
            text-align:left;
            color:rgb(230, 225, 233);        
            font-size: 1em;
            padding: 20px;                           
            font-family: Arial, Helvetica, sans-serif;
            word-wrap: break-word;
            border-radius: 15px;
            line-height: 1.5em;
            max-height: fit-content;
            min-width: 450px;
            max-width: fit-content;
        }

        .textwrapB{
            background-color: #cdc5d300;
            text-align:left;
            color:rgb(230, 225, 233);        
            font-size: 1em;
            padding: 30px;                           
            font-family: Arial, Helvetica, sans-serif;
            word-wrap: break-word;
            border-radius: 15px;
            line-height: 1.5em;
            max-height: fit-content;
            min-width: 450px;
            max-width: fit-content;
            display: grid;
            grid-template-columns: 2fr .1fr 3.5fr;
        }

            #textwrapB > .pastorimg{
                width: 100%;
                height:auto;                
                min-width: 170px;
                max-width: 300px;                
                background-size:contain;
                background-position: top;
                background-repeat: no-repeat;
                background-image:  url(img/pastors.png);
            }

         .titlespecial{
            
             font-size: 1.5em;
             color:rgb(230, 225, 233);
             font-family: Arial, Helvetica, sans-serif;
             page-break-after: auto;
         }
/* ---------------------------------- */

.pastortextcontent {
    background-color:rgb(123, 66, 156);
    min-height:fit-content;
    max-height: fit-content;
    width: 100%;
    background-image: url(img/pastorback.gif);        
    background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*  The Top Page vision Section */
.visioncontent {
    background-color:rgb(105, 45, 161);
    min-height: 600px;
    width: 100%;
    background-image: url(img/vision.png);        
    background-position: center;
    background-repeat: no-repeat;    
    background-size: cover;
    background-attachment: fixed; 
}
/* ---------------------------------- */


/*  The Small Banners Section */
.smallbanwrapper {        
    padding-top: 10px;
    padding-bottom: 10px;
    margin:auto; 
    display: flex;
    justify-content:space-around;
    
}
    .smallbancontent {        
        background-color:rgba(86, 52, 117, 0.671);
        min-height: 350px;
        max-width: 380px;
        min-width: 350px;
        margin-left: 5px;
        margin:auto; 
        border-radius: 10px;
        overflow: hidden;
    }
        .smallbancontenttitle {        
            color:rgba(86, 52, 117, 0.658);
            background-color:rgba(116, 70, 158, 0.664);
            text-align: right;
            width: 100%;
            height: 40px;
            overflow: hidden;
            border-radius: 10px 10px 0px 0px;
        }

            .smallbanimg{
                padding:10px;
                margin: auto;
                width: 100%;
                height: 100%;
                max-width: 330px;
            }

            .smallbantext {        
                color:rgba(86, 52, 117, 0.849);               
                text-align: right;                
                float:right;
                font-size: 1.4em;       
                text-transform: uppercase;
                font-family: Arial, Helvetica, sans-serif;
                font-weight: bold;
                margin-top: 21px;
                height: fit-content;
                
            }
/* ---------------------------------- */


/*  The Top Page Events Info Section */
.eventcontent {
    background-color:rgb(105, 45, 161);
    min-height: 550px;
    width: 100%;
    background-image: url(img/midwall2.gif);        
    background-position: center;
    background-repeat: no-repeat;    
    background-size: cover;
    background-attachment: fixed; 
    
    
}

    .eventwrapper {        
        padding-top: 50px;
        padding-bottom: 2px;
        width: 100%;
        margin:auto; 
        
    }
        
        .eventvidbox{
            text-align: left;
            color:rgb(105, 45, 161);       
            padding-top: 30px;
            padding-left: 10px;
            margin-right: 27%;
            min-width: 300px;
            max-width: 500px;
            
        }

        .eventbanner{
            padding: 30px;
            margin: auto;
            min-width: 1359px;
            max-width:100%;
            overflow: hidden;
            justify-content: center;
            display: flex;
        }@media (max-width: 1125px) {
            .eventbanner {
                justify-content: left;
                display: flex;
                padding-left: 10%;
            }
        } @media (max-width: 700px) {
            .eventbanner {
                justify-content: left;
                display:grid;
                grid-template-rows: 1fr 1fr;
            }
        } 


            .eventbsect1textbox{
                background-color: rgba(115, 54, 173, 0.548);
                text-align: center;
                color:white;        
                font-size: 1.5em;
                padding: 20px;            
                font-family: Arial, Helvetica, sans-serif;
                word-wrap: break-word;
                border-radius: 15px;
                width: 200px;
                min-height: 300px;
                font-weight: bold;
                line-height: 1.5em;
            }@media (max-width: 1125px) {
                .eventbsect1textbox {
                    width: 1px;
                    overflow: hidden;
                    padding: 0px;
                    height: 1px; 
                    color:rgba(115, 54, 173, 0.548);  
                }
            }  @media (max-width: 700px) {
                .eventbsect1textbox {
                    background-color: rgba(115, 54, 173, 0.548);
                    text-align: center;
                    color:white;        
                    font-size: 1.5em;
                    padding: 20px;            
                    font-family: Arial, Helvetica, sans-serif;
                    word-wrap: break-word;
                    border-radius: 15px;
                    width: 520px;
                    min-height: 150px;
                    font-weight: bold;
                    line-height: 1.5em;
                }
            } 
/* ---------------------------------- */


/*  The Top Page Calendar Info Section */   
.calendcontent {
    background-color:rgb(105, 45, 161);
    min-height: 400px;
    width: 100%;
    background-image: url(img/pplback2.png);        
    background-position: center;
    background-repeat: no-repeat;    
    background-size: cover; 

    
}

    .calendwrapper {        
        padding-top: 5px;
        padding-bottom: 2px;
        margin:auto; 
        display: flex;
        justify-content:space-evenly;
        
    }

            .calend {
                margin:auto;
                padding:5px;
                padding-bottom:20px;
                
            }

            .calendersect {
                width:950px;            
                height:601px;
                border-width: 0px;
                border:solid 1px #777;
                box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2)
            }@media (max-width: 1125px) {
                .calendersect {
                    width:850px;            
                    height:501px; 
                }
            }@media (max-width: 870px) {
                .calendersect {
                    width:550px;            
                    height:501px; 
                }
            }
/* ---------------------------------- */


/*  The Top Page Stream Info Section */
.infostream {
    background-color:rgb(105, 45, 161);
    min-height: 600px;
    width: 100%;
    background-image: url(img/streambg.gif);        
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.infobannerad {
    background-color:rgb(105, 45, 161);
    min-height: 600px;
    width: 100%;
    background-image: url(img/banadback.jpg);        
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.infostreamad {
    background-color:rgb(105, 45, 161);
    min-height: 600px;
    width: 100%;
    background-image: url(img/vidadback.jpg);        
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
    .infostreamwrapper {        
        padding-top: 90px;
        padding-bottom: 2px;
        margin:auto; 
        display: grid;
        grid-template-columns: 2fr 4fr .3fr 2fr 2fr ;
        
    }@media (max-width: 1640px) {
        .infostreamwrapper {
            grid-template-columns: .3fr 3fr .3fr 2fr .3fr ; 
        }
    }@media (max-width: 990px) {
        .infostreamwrapper {
            grid-template-columns: .1fr 2fr .1fr 2fr .3fr ; 
        }
    }@media (max-width: 877px) {
        .infostreamwrapper {
            grid-template-columns: .1fr 4fr ;
            padding-left: 9%;
        }
    }
    .infostreamwrapperad {        
        padding-top: 30px;
        padding-bottom: 2px;
        margin:auto; 
        display: grid;
        grid-template-columns: 2fr 4fr 2fr  ;
        
    }@media (max-width: 1640px) {
        .infostreamwrappead {
            grid-template-columns: .3fr 3fr 2fr ; 
        }
    }@media (max-width: 990px) {
        .infostreamwrapperad {
            grid-template-columns: .1fr 2fr .1fr ; 
        }
    }@media (max-width: 877px) {
        .infostreamwrapperad {
            grid-template-columns: .1fr 4fr ;
            padding-left: 9%;
        }
    }
        .infostreamtextbox{
            text-align: left;
            color:#f8f7f8;        
            padding: 50px;
            min-width: 300px;
            
            max-width: fit-content;
        }@media (max-width: 990px) {
            .infostreamtextbox {
                padding:10px;
            }
        }

        .infostreamvidbox{
            text-align: left;
            color:#f8f7f8;        
            padding: 50px;
            min-width: 500px;
            max-width: 500px;
        }@media (max-width: 990px) {
            .infostreamvidbox {
                padding:10px;
            }
        }@media (max-width: 877px) {
            .infostreamvidbox {
               
                padding-bottom: 70px;
            }
        }
        .infostreamvidboxad{
            text-align:center;
            color:#f8f7f8;        
            padding: 20px;
            min-width: 700px;
            max-width: 500px;
        }@media (max-width: 990px) {
            .infostreamvidboxad {
                padding:10px;
            }
        }@media (max-width: 877px) {
            .infostreamvidboxad {
               
                padding-bottom: 20px;
            }
        }
            .infostreamtext{
               
                
                text-align: left;
                color:white;        
                font-size: 1.2em;
                padding: 10px;            
                font-family: Arial, Helvetica, sans-serif;
                word-wrap: break-word;
                border-radius: 15px;
                line-height: 1.5em;
            }
/* ---------------------------------- */


/*  The Ministry Page and Service Info Section A and B*/
.ministrycontentA {
    background-color:rgb(123, 66, 156);
    min-height: 600px;
    width: 100%;
       
}

.ministrycontentB {
    background-color:rgb(117, 48, 156);
    min-height: 600px;
    width: 100%;
    
}

    .ministrywrapper {        
        padding-top: 90px;
        padding-bottom: 2px;
        margin:auto;
        text-align: center;      
    }

        .ministrytextboxA{
            text-align: left;                
            padding: 50px;
            min-width: 200px;
            max-width: fit-content;
            display: flex;
            justify-content:space-evenly;
            padding-left: 8%;
            margin: auto;
        }@media (max-width: 860px) {
            .ministrytextboxA {
                padding:10px;
                
            }
        }

        .ministrytextboxB{
            text-align: left;                
            padding: 50px;
            min-width: 200px;
            max-width: fit-content;
            display: flex;
            justify-content:space-evenly;
            padding-left: 2%;
            flex-direction: row-reverse;
            margin: auto;
        }

            .ministrytext{/*  for light backgrounds */
                background-color: #cdc5d300;
                text-align:left;
                color:rgb(71, 43, 87);        
                font-size: 1em;
                padding: 20px;                           
                font-family: Arial, Helvetica, sans-serif;
                word-wrap: break-word;
                border-radius: 15px;
                line-height: 1.5em;
                max-height: fit-content;
                min-width: 500px;
                max-width: 750px;
            }

            .ministrytextcont{
                background-color: #cdc5d300;
                text-align:left;
                color:rgb(230, 225, 233);        
                font-size: 1em;
                padding: 20px;                           
                font-family: Arial, Helvetica, sans-serif;
                word-wrap: break-word;
                border-radius: 15px;
                line-height: 1.5em;
                max-height: fit-content;
                min-width: 400px;
                max-width: 750px;
            }@media (max-width: 860px) {
                .ministrytextcont {
                    padding:10px;
                    min-width: 300px;
                }
            }

                .ministryimg{
                    text-align: center;
                    float:inherit;
                    color:#f8f7f8;        
                    padding: 20px;                    
                    width: 100%;
                    height: auto;
                    min-height: 150px;
                    min-width: 350px;
                    max-width: 500px;
                }@media (max-width: 860px) {
                    .ministryimg {
                        padding:10px;
                        min-height: 100px;
                        min-width: 275px;
                        max-width: 500px;
                    }
                }

                .minispacer{
                    padding:30px;
                }@media (max-width: 860px) {
                    .minispacer {
                        padding:5px;
                    }
                }

/* ---------------------------------- */
.edittitle{
    color:rgb(230, 225, 233);
    background-color:rgba(116, 48, 156, 0);
    font-size: 1em;
}

    .editinfo{
        color:rgb(230, 225, 233);
        background-color:rgba(116, 48, 156, 0);
        font-size: 1.2em;
        max-height: fit-content;
        font-family: Arial, Helvetica, sans-serif;
        max-height: fit-content;
        min-width: 400px;
        max-width: 750px;
    }

    .editdirect{
        color:rgb(230, 225, 233);
        background-color:rgba(116, 48, 156, 0);
        font-size: 1em;
    }

    ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color:rgb(230, 225, 233);
        opacity: 1; /* Firefox */
      }
      
      :-ms-input-placeholder { /* Internet Explorer 10-11 */
        color:rgb(230, 225, 233);
      }
      
      ::-ms-input-placeholder { /* Microsoft Edge */
        color:rgb(230, 225, 233);
      }

        .minimgedit{
            text-align: center;
            font-family: Arial, Helvetica, sans-serif;
            color:rgb(230, 225, 233);
        }
/* ---------------------------------- */


/*  The Plan of Salvation Sections*/
.poswrap {
    min-width: 400px;
    max-width: 1200px;
    width: 100%;
}

/* ---------------------------------- */


/*  The Top Page contact map Section */   
.mentorcontent {
    background-color:rgb(105, 45, 161);
    min-height: 600px;
    width: 100%;
    background-image: url(img/mentbg.png);        
    background-position: center;
    background-repeat: no-repeat;    
    background-size: cover; 
    background-attachment: fixed;  
     
}

    .mentorwrapper {        
        padding-top: 90px;
        padding-bottom: 2px;
        margin:auto; 
        display: flex;
        justify-content:space-evenly;
       
        
    }
   
    .mentorinfo{
        text-align: left;
        color:#f8f7f8;        
        padding: 40px;
        min-width: 350px;
        padding-left: 10%;
        padding-right: 10%;
        max-width: 520px;
    }

    .mentortextinfo{
        text-align: left;
        color:white;        
        font-size: 1.2em;
        padding: 10px;            
        font-family: Arial, Helvetica, sans-serif;
        word-wrap: break-word;
        border-radius: 15px;
        line-height: 1.5em;
        min-width: 350px;
    }@media (max-width: 755px) {
        .mentortextinfo {
            font-size: 1em;
        }
    }@media (max-width: 675px) {
        .mentortextinfo {
            min-width: 450px;
        }
    }

    .mentormap{
        align-content: center;
        text-align: center;
        color: #f2f2f2;
        min-width: 300px;
        max-width: 500px;
        width: 100%;        
        
    }@media (max-width: 675px) {
        .mentormap {
            max-width: 1px;
            min-width: 1px;
        }
    }

    .mentorimg{
        max-width: 100%;
        padding-top: 5%;
        padding-bottom: 50px;
        height: auto;      
        filter:drop-shadow(10px 10px 5px rgba(0, 0, 0, 0.247));
    }@media (max-width: 1160px) {
        .mentorimg {
            padding-top: 20%;
        }
    }@media (max-width: 675px) {
        .mentorimg {
            width: 1px;
        }
    }



/* ---------------------------------- */       
/*       Lower Navagation Styles      */
/* ---------------------------------- */


.lowernavwrapper {    
    background-color: rgb(130, 46, 146);
    background-image: url(img/backln1.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 250px;
    font-family: Arial, Helvetica, sans-serif;
    width: 100%;
           
}

    .lowernavitems {  
        margin: auto;      
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }@media (max-width: 727px) {
        .lowernavitems {
            grid-template-columns: 1fr 1fr;
            padding-left: 5%;
        }
    } 

        .leftinfowrapper{        
            padding: 40px;
            padding-left: 15%;
            width: 350px;
        }@media (max-width: 975px) {
            .leftinfowrapper {
                width: 310px;
                padding: 10px;
            }
        }

            .leftinfo {
                color: rgb(240, 240, 240);
                font-size: 0.9em; 
                white-space: nowrap;
                padding-top: 70px;
            }
/* ---------------------------------- */
.middleinfowrapper{        
        padding: 40px;
        width: 300px;
        padding-left: 15%;
}@media (max-width: 975px) {
    .middleinfowrapper {
        width: 210px;
        padding: 10px;
    }
} 

    .middleinfo {
        color: rgb(240, 240, 240);
                font-size: 0.9em; 
                white-space: nowrap;
                padding-top: 70px;
    }        
/* ---------------------------------- */        
.rightinfowrapper {        
    padding: 40px;
    width: 300px;
    padding-left: 15%;
}@media (max-width: 975px) {
    .rightinfowrapper {
        width: 210px;
        padding: 10px;
    }
} 
    
    .rightinfo {                
        color: rgb(240, 240, 240);
                font-size: 0.9em; 
                white-space: nowrap;
                padding-top: 70px;
    }
 /* ---------------------------------- */   
 
    

/* ---------------------------------- */       
/*       other Styles      */
/* ---------------------------------- */




/*  Slides */

/* Slideshow container */
.slideshow-container {
    max-height: 500px;
    max-width: 1000px;
    min-width: 300px;
    position: relative;
    margin: auto;
  }@media (max-width: 900px) {
    .eventbanner {
        min-width: 200px;
        
    }
} 
  
  /* Caption text */
  .text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
  }
  
  /* Number text (1/3 etc) */
  .numbertext {
    color: #4d0440;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    font-weight: bold;
    top: 0;
  }
  
  /* The dots/bullets/indicators */
  .dot {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 3s ease;
  }
  
  .active {
    background-color: #717171;
  }
  
  /* Fading animation */
  .fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 2s;
    animation-name: fade;
    animation-duration: 2s;
  }
  
  @-webkit-keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
  }
  
  @keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
  }
  
  /* On smaller screens, decrease text size */
  @media only screen and (max-width: 500px) {
    .text {font-size: 11px}
  }

  .slideimg{
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    width: 220%;
  }
/*  The Ministry Page and Service Info Section A and B*/