@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

* {
  --pri-color--: #096c47;
  --sec-color--: #53A663;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  list-style: none;
  text-decoration: none !important;
}

.ct-pri-color {
  color: var(--pri-color--);
}

.ct-sec-color {
  color: var(--sec-color--);
}

.ct-pri-bg-color {
  background-color: var(--pri-color--);
}

.ct-bar-bg-color {
  background-color: #3D7B5A;
}

.ct-small-text {
  font-size: 0.9rem;
}
.ct-line-height {
  line-height: 2.2rem;
}

.ct-navbar {
  opacity: 0.9;
}

#sub-navbar .nav-link {
  color: black;
  opacity: 0.8;
}
#sub-navbar .nav-link:hover{
  opacity: 1;
}
#sub-navbar i {
  color: gray;
  opacity: 0.8;
}
#sub-navbar i:hover{
  opacity: 1;
}
#navbar {
  z-index: 11;
}

#navbar .nav-link span {
  display: inline-block;
}

#navbar .nav-link span:after {
  display: block;
  content: '';
  padding-bottom: 0.3rem;

  border-bottom: solid 3px white;  
  transform: scaleX(0);  
  transition: transform 250ms ease-in-out;
}

#navbar .nav-link:hover span:after {
  transform: scaleX(1);
}

/* Footer */
#footer {
  color: #CCCCCC;
  position: relative;
}

#footer .ct-border-bottom {
  border-bottom: 1px solid #3F845B;
}

#footer i {
  color: #CCCCCC;
}

#footer i:hover {
  color: white;
}

#footer a {
  color: #CCCCCC;
}
#footer a:hover {
  color: white;
}