/* NAV */

 .header-toparea {
   background-color: var(--theme-teal);
   color: var(--black);
 }

 .tm-navigation ul li a {
   padding: 10px 15px;
 }

 .tm-navigation .tm-navigation-dropdown ul {
   border-top: 4px solid var(--theme-blue);
 }

 a:hover {
   color: var(--theme-red) !important;
 }

 a:visited:hover {
   color: var(--theme-red) !important;
 }

 /* LAYOUT */

 .about-image {
   background-size: contain !important;
 }

 .tm-feature::after, .tm-course:after {
   background-color: var(--theme-pink);
 }

 .tm-padding-section {
    padding: 50px 0 !important;
 }

 .stickyImg {
  display: none;
}

.logoImg {
  display: block;
}

:not(.sticky-active) .stickyImg {
  display: none;
}

.sticky-active .logoImg {
  display: none;
}

.sticky-active .stickyImg {
  display: block;
}


 @media only screen and (min-width: 991px) {
  .tm-padding-footer {
    padding: 40px 0 !important;
  }
 }

 .pull-left {
    float: left;
 }

  .pull-right {
      float: right;
  }

 .li-pad > li {
   padding: 10px 0 10px 0;
 }

 /* BUTTONS */

 .tm-button {
   background-color: var(--theme-teal) !important;
   border-color: var(--theme-teal) !important;
   color: var(--white);
 }

 .tm-button-red {
   background-color: var(--theme-red) !important;
   color: var(--white);
 }

 .tm-button-red:hover {
   background-color: var(--white) !important;
   color: var(--black) !important; 
 }

 /* Images */
 .logoImg {
   width: 200px;
   height: auto;
   padding: 10px 0;
 }

 .stickyImg {
    width: 100px;
    height: auto;
    padding: 10px 0;
 }

 .img-thumbnail {
  width: 100px;
  vertical-align: top;
  margin-right: 15px;
  margin-bottom: 10px;
 }

 /* Typography */

 .text-theme-blue {
   color: var(--theme-blue) !important;
 }
 .text-theme-red {
   color: var(--theme-red) !important;
 }
 .text-theme-pink {
   color: var(--theme-pink) !important;
 }
 .text-theme-teal {
   color: var(--theme-teal) !important;
 }

 p a:visited {
   color: var(--theme-blue) !important;
 }

 footer .footer-credit {
  color: #979797 !important;
 }

 footer .footer-credit a, footer-credit a:visited {
  color: var(--theme-pink) !important;
 }

 /* Styling */

 .shadow-0 {
  box-shadow: 2px 2px 6px #888;
 }

 .shadow-1 {
  box-shadow: 2px 2px 11px #000;
 }