/* 
logo dark grey  #5A5757
logo red #da2f07 (18pt+ or 14pt bold)
fir tree green #272e04 (very dark)
bright green #6E7400 (18pt+ or 14pt bold)
treetrunk brown #9F6C0C  (18pt+ or 14pt bold)
*/



/* sets the margin left and right to give some spacing */
body {
    margin-left:5%;
    margin-right: 5%; 
   /*-- background-color: rgb(235, 255, 230);*/
    }

<style> {
    background-image: url('url') none|initial|inherit;
    </style>
    }

        h1 {font-family: Verdana, Geneva, Tahoma, sans-serif;
            font-weight: strong;
            font-size:200%;
            color:#6E7400;
            text-align:center            
            }


        h2 {
          text-align:center;
          color:#5A5A5A; /*  mid grey */
          font-size:175%;
           }
        
        
        h3{
          font-style:italic;
          font-size:150%;
           text-align:center;
           color:#272e04;    
          }

          h4{
            font-size:125%;
            color:#9F6C0C;
            text-align:center;            
           }
          
          h5{
            font-style:italic;    
            text-decoration:underline;   
            font-size:125%;
            color:blue;
            text-align:center;            
            }

            h6{
              font-size:125%;
              font-family:Arial, Helvetica, sans-serif;        
              color:black;
              text-align:center;            
              } 

      f1{
       font-size:200%;
       color:#515151;            
         }
        
        p {
        font-size:100%;
        font-family:Arial, Helvetica, sans-serif;        
        color:black;
        }


.quote {
  color:#9F6C0C;
  font-style:italic;
  text-align:center;
  font-size:125%;
}


.superhead {
  font-size: 350%;
  color:#305BD4;
  padding-top:1%;
}


.smallpara {
  font-size:90%;
}


.footer {
    position: bottom;
    padding-top: 0%;
    padding-bottom: 0%;
    bottom: 0%;
    background-color: transparent;
    text-align: center;
    font-size: 70%;
    color:black;
  }


.animation_frame {
  margin-left:0%;
  margin-right: 0%; 
}


.card-text {
      text-align:center;
      font-size:14px;      
}


.card-title {
      text-align:center;
      font-size:18px;
}


.btn-klaw {
  background: #272e04;
  border-radius: 16px;
  color: #fff;
  width: 100px;
  height: 80px;
  font-size:16pt;
  margin:1px;
  display: table-cell;
  vertical-align:middle;  
}    


.btn-klaw-small {
  background: #272e04;
  border-radius: 16px;
  color: #fff;
  width: 100px;
  height: 50px;
  font-size:16pt;
  margin:10px;
  display: table-cell;
  vertical-align:middle;
 }


.btn-klaw-outline {
  background: #fff;
  border-radius: 16px;
  border-color:#272e04;
  color: #272e04;
  width: 10em;
  height: 50px;
  font-size:16pt;
  margin:10px;
  display: table-cell;
  vertical-align:middle;  
}


.btn-klaw-outline-sm {
  background: #fff;
  border-radius: 16px;
  border-color:#272e04;
  color: #272e04;
  width: 8em;
  height: 25px;
  font-size:12pt;
  margin:10px;
  display: table-cell;
  vertical-align:middle;
}


.btn-klaw:link, .btn-klaw:visited {
  color:#fff;
  vertical-align:middle;  
}


.btn-klaw-outline:hover {
  background-color:#272e04;
  color:white;
}

 
a {
   color:#795109; 
   text-decoration:none; 
   font-weight:bolder;
  }


a:visited { color:#795109;  /*   */ text-decoration:none;} /* menu items inc after dropdown  - visited */

a:hover {color:#da2f07; text-decoration:none;} 

.nav-item {  
  font-size:16px;
  font-family:Verdana, Geneva, Tahoma, sans-serif;
  padding-left:10px;
  padding-right:10px;
  font-weight:100;  
}


.dropdown-item { /* dropdown items below header - not yet visited */
  color:#656160; /* dark grey */
  font-size: 14px;
}


.dropdown-item:hover { /* dropdown items below header - hover color */
  color:#5A5A5A; /*  mid grey */  
}


.dropdown-item.active, .dropdown-item:active {  
  background-color:lightgrey;
}


.nav-link { /* menu items with drop down - not yet visited */
  color:teal; /*  dark grey */; 
}


.klawlist {
  font-size:110%;
  color:#000;
}


.darkhr {
  height:2px;
  background-color:#6E7400;
  border:none;
  margin-top:-20;
  margin-bottom:-20;
}


.redVar {
  color:red;
  font-size:18pt;
}


.invisiVar {
  color:white;
  font-size:18pt;
}


.blockbody {
  border-style: solid;
  border-color: #f55401;
  border-top-width:5px;
  border-right-width:5px;
  border-left-width:5px;
  border-bottom-width:5px;
  border-radius: 25px;
  background-color:white; 
  margin-left:10px;  
}


.borderblock {
  border-style: solid;
  border-color: #6E7400;
  border-top-width:4px;
  border-right-width:4px;
  border-left-width:4px;
  border-bottom-width:4px;
  border-radius: 25px;
  background-color:white; 
  margin-right:0px; 
  margin-left:0px;
  margin-top:30px;
}


*/

/*settings for the carousel - both videos and lady susan stories*/
carousel-inner img {
    width: 80%;
    height: 50%;
    padding:0;
}


.base-image {
  margin:auto;
  display: block;
  position:center;/*---absolute;*/
  bottom:0;
}


.left-image {
  margin:auto;
  display: block;
  position:absolute;
  top:0;
  left:0;
}


.carousel-control-next-icon {
  background-image: url("../images/red_arrow_right.png");
  height:30px;
  width:30px;
}


.carousel-control-prev-icon {
  background-image: url("../images/red_arrow_left.png");
  height:30px;
  width:30px;
}


ol.carousel-indicators li,
ol.carousel-indicators li.active {
  float: left;
  width: 10px;
  height: 10px;
  margin: 2px;
  border-radius: 0%;
  border: 0;
  background: rgb(211, 207, 207);
}


ol.carousel-indicators li.active {
  background: red;
}



/* not currently used 
/*Cookie Consent Begin
#cookieConsent {
  background-color: rgba(20,20,20,0.8);
  min-height: 26px;
  font-size: 14px;
  color: #ccc;
  line-height: 26px;
  padding: 8px 0 8px 30px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  z-index: 9999;
}
#cookieConsent a {
  color: #4B8EE7;
  text-decoration: none;
}
#closeCookieConsent {
  float: right;
  display: inline-block;
  cursor: pointer;
  height: 20px;
  width: 20px;
  margin: -15px 0 0 0;
  font-weight: bold;
}
#closeCookieConsent:hover {
  color: #FFF;
}
#cookieConsent a.cookieConsentOK {
  background-color: #1D9DF2;;
  color: #000;
  display: inline-block;
  border-radius: 5px;
  padding: 0 20px;
  cursor: pointer;
  float: right;
  margin: 0 60px 0 10px;
}
#cookieConsent a.cookieConsentOK:hover {
  background-color: white;
}
Cookie Consent End*/