/* Main.css styles for */
html{
    scroll-behavior: smooth;
}
/* Top */
.top{
    position: fixed;
}

/* Tooltip container 
.tooltip {
    position: relative;
    display: inline-block; 
   
}*/

/* Tooltip text 
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;*/
    
 
    /* Position the tooltip text - see examples below! 
    position: absolute;
    z-index: 3;
   
}*/

/* Show the tooltip text when you mouse over the tooltip container 
.tooltip:hover .tooltiptext {
    visibility: visible;
    margin-left:5px;
}*/

#openNav{
    position: fixed;   
    z-index: 3;
}
.footer{
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;   
   text-align: center;
    background-color: #3a7387;
    color: white;
    height: 45px;
}
.box_color{
    background-color: #3a7387;
}
body{
    
    font-family: 'Open Sans', sans-serif;
    font-size: 100%;
  
}


.parallax{    
    /* The image used */
    background-image: url('../images/logo_jesus.png');
    

    /* Full height */
    min-height: 600px; 
    

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

header{
    background-color:#3d4b61; 
    font-family: 'Viner Hand',serif;
    font-size: 1.5em;
    color: white;
}
.main_text{
    font-size: 5vu;
}
p, li{
    
    font-size: 13pt;
}
h1{
    font-family: 'Bernard MT';
    font-size: 3em;
}
ul.a{
    list-style-type: disc;
}
.bold{
   
   font-weight:500;
    color:red;
    
}
#prayer_form{
display: none;
}

.main-bg-color{    
    background-color: #3d4b61!important;
    color: #fff!important;
}
.main-hover-green:hover{
    background-color: #14cc5e!important;
    color: #fff!important; 
}


/* To top button styles */

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}

.mike_left{float: left;}

#demo{
   margin-top: 20px;
}

#hoverBorder:hover{
    
    transform: rotate(1.5deg);
    
}
/*
    font-family: 'Delius Swash Caps', cursive;

    font-family: 'Short Stack', cursive;

    font-family: 'Crafty Girls', cursive;

    font-family: 'Quando', serif;
*/