@charset "utf-8";

/* Style the tab */
.tab {
  overflow: hidden;
    border: none;
  background-color: transparent;
    z-index: 9999;
}

/* Style the buttons inside the tab */
.tab button {
    margin: 0;
  background-color: #77b12a;
    color: #fff;
  float: left;
    border: 1px solid #707070;
  /*    border-right: 30px solid red;
      border-top: 30px solid transparent;*/
  outline: none;
  cursor: pointer;
  padding: 4px 24px 4px 8px;
  transition: 0.3s;
  font-size: 15px;
    box-shadow: 4px 4px 8px #ccc;
}

/*.tab2 button, .tab4 button, .tab5 button {
    width: 50%;
}

.tab3 button {
    width: 100%;
}

.tab6 button, .tab8 button {
    width: 33%;
}

.tab7 button {
    width: 25%;
}*/

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #598965;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #e07317;
}

.tab button.active:hover {
  background-color: #ff6e01;
}

/*.tab button.active .fas {
    color: #e07317;
}*/

.tab-bullets {
    list-style: none;
    padding-left: 24px;
}

.tabContent{
  display:none;
}

.tabContent.active{
  display:block;
}

.header-bullets {
    color: #555555;
    list-style: none;
    padding-left: 24px;
}

.tab-bullets li::before, .header-bullets li::before {
    content: "\2022";  /* Add bullet */
    color: #e07317; 
    font-size: 24px;
    line-height: 12px;
    font-weight: bold; 
    display: inline-block; 
    width: .8em; /* Spacing */
    margin-left: -1em; /* Spacing */
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}
/*
@media all and (min-width: 600px) {
    .tab3 button {
        width: 33%;
    }
    .tab4 button {
        width: 25%;
    }
    .tab5 button {
        width: 20%;
    }
    .tab6 button {
        width: 16.66%;
    }
    .tab7 button {
        width: 14%;
    }
    .tab8 button {
        width: 25%;
    }
    
}
*/