/* 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;
}

.headBox {
  padding:2em;
  background-color: rgba(255,255,255,0.3);
}

.blogThumb {
  max-width: 100%;
}

.blogLink {
  padding:10px 0px;
  text-align: center;
  font-size: min(calc(1.2vw + 10px),20px);
}

.blogImgLeft {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  max-width:300px;
}

.blogImgRight {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
  max-width:300px;
}

@media only screen and (max-width: 480px) {
  .blogImgLeft,
  .blogImgRight {
    max-width: 100%;
    float: none;
    margin: 10px 0;
  }
}

 @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;
 }

.strapLine {
  font-size:min(24pt,calc(14pt + 1.5vw));
  text-wrap:balance;
}

.subLine {
  font-size:min(16pt,calc(10pt + 1.0vw)) !important;
  text-wrap: balance;
}

.forceWrap {
  text-wrap: pretty;  
  overflow-wrap: break-word;
}

.fs-1 {
  font-size: 1.5em;
}

.fs-2 {
  font-size: 1.25em;
}

.fs-3 {
  font-size: 1.1em;
}

.fs-4 {
  font-size: 1em;
}

.fs-5 {
  font-size: 0.9em;
}

.fs-6 {
  font-size: 0.8em;
}

.fs-7 {
  font-size: 0.7em;
}

.fs-8 {
  font-size: 0.6em;
}

 /* Styling */

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

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

 .rIcon {
  width:50px;
 }