html,body{
    margin:0;
    padding:0px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    height:100%;
    font-size:96%;
}
/*
#123524
#3E7B27
#85A947
#EFE3C2
*/

.color-2{
   color: #3E7B27; 
}

.color-3{
   color: #85A947; 
}

.color-4{
   color: #EFE3C2; 
}

.color-5{
   color: gray;
}

.bg0{
    background: #3E7B27;
}

.bg1{
  background: #85A947;
}

.bg2{
    background: #EFE3C2;
}




#div-top{
    background: #3E7B27;
}

#div-top-menu{
    height: 40px; 
}

.fa-facebook:hover{
       color:blue;
       cursor: pointer;
}
.fa-linkedin:hover{
       color:#1E90FF;
       cursor: pointer;
}
.fa-youtube:hover{
       color:red;
       cursor: pointer;
}

#tojo-brand img{
  height: 80px;
  padding: 10px 10px 10px 0px;
}

/*
#tojo-brand{
  font-size: 15px;
  font-weight: 500;
}
*/

.nav-link.active{
    color: #85A947 !important;
}

/*
.dropdown-menu .dropdown-item.active {
  background-color: #3E7B27 !important;
  color: white;              
}
*/


.dropdown-menu .dropdown-item.active,
    .dropdown-menu .dropdown-item:active {
      background-color: transparent !important;
      color: #85A947 !important;
    }   
 

.carousel-caption {
    background-color: rgba(0, 0, 0, 0.3); /* semi-transparent black */
    padding: 1rem;
    border-radius: 0.5rem;
    max-width: 75%;
    margin: auto;
  }
  
  .btn-tojo{
       display: inline-flex; 
       align-items: center; 
       justify-content: center;
       color: #3E7B27; 
       border-color: #3E7B27;    
  }
  
  .btn-tojo:hover,
  .btn-tojo:focus {
    background-color: #3E7B27;    /* Background on hover */
    color: white;                 /* Text on hover */
    border-color: #3E7B27;
  }
  
  .btn-success:hover {
    background-color: #85A947 !important; /* your desired hover color */
    border-color: #85A947 !important; /* match border if needed */
  }
  
  
  
  .footer {
      background: #3E7B27;
      color: #fff;
      padding: 30px 0;
    }

    .footer a {
      color: #fff;
      text-decoration: none;
      transition: all 0.3s ease;
    }

    .footer a:hover {
      color: #EFE3C2;
    }

    .footer h5 {
      color: #85A947;
      margin-bottom: 20px;
    }

    .footer .social-icons i {
      font-size: 20px;
      margin: 0 10px;
    }
    
    .font-s1{
        font-size: 16px;
    }
    
    .font-s2{
        font-size: 35px;
    }
    
    .font-s3{
        font-size: 22px;
    }

    .tojo-link{
      text-decoration: none;
      color: #85A947;
    }
    
    .tojo-link:hover{
        text-decoration:underline;
    }
    
    .logodiv{
        width: 180px;
        height: 180px;
    }  
    
    
    .readMore{
        text-decoration: underline !important;
    }
    
.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-color: rgba(0, 0, 0, 0.5); /* dark background */
  border-radius: 50%;
  background-size: 50%, 50%;
  width: 3rem;   /* make arrow icon wider */
  height: 3rem;  /* make arrow icon taller */
}

/* Change the color of the arrow icons themselves */
.carousel-control-prev-icon {
  filter: invert(1); /* makes it white */
}

.carousel-control-next-icon {
  filter: invert(1); /* makes it white */
}