@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700|Oswald:300,400,700");

      :root {
        --font: Open Sans;
        --alt-font: Oswald;
        --accent-color: #10361f;
        --secondary-color: #1650cd;
        --link-color: #1650cd;
        --accent-highlight-color: #10361f;
        --accent-highlight-background-color: #e6f8ed;
        --accent-tinted-color-70: #b7c3bc;
        --accent-tinted-color-80: #cfd7d2;
        --accent-tinted-color-90: #e7ebe9;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #1c5d36;
        --secondary-hover-color: #2d69e9;
        --secondary-contrast-color: #fff;
        --link-hover-color: #5c8aed;
      }
      

.company__logo {text-indent: 100%;white-space: nowrap;overflow: hidden;background: url('https://d3i9g4671ronu3.cloudfront.net/thoughtindustries-eu/image/upload/a_exif,c_fit,t_ti_company_logo_v4/v1/course-uploads/e2cde4b1-dc31-45e2-a99c-dd0cb2da1728/m7g3gurfn5zx-ETF_Logo_Dark-Green_RGB.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
@import url('https://www.et-foundation.co.uk/wp-content/uploads/useanyfont/uaf.css');


/* For ETF Banner 1 */
.ETFBanner1 {position: relative;}
.ETFBanner1::before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:rgba(255, 255, 255, .2); z-index: 1;}
.ETFBanner1 .hero__caption {background: #10361F; left:0%; top: 50%; right:50%; transform: translateY(50%); bottom: auto; z-index: 2;}
.ETFBanner1 .hero__caption .hero__title {font-size: 50px; color: #fff; font-weight: 700;}
.ETFBanner1 .hero__caption span {font-size: 26px; color: #fff; margin-bottom: 36px; margin-right: 2%;}
.ETFBanner1 .btn--primary {color:#10361F; background-color: #A2F028; border: none; font-family: flamacondensed-bold; font-size: 20px; font-weight: 700; margin-left:0%;}
@media only screen and (max-width: 1430px) {
    .ETFBanner1 .hero__caption {transform: translateY(-5%)}
    .ETFBanner1 .hero__caption .hero__title {font-size: 32px !important;}
    .ETFBanner1 .hero__caption span {font-size: 18px; margin-bottom:14px;}
    .ETFBanner1 .btn--primary {color:#10361F; background-color: #A2F028; border: none; font-size: 18px;}
}
@media only screen and (max-width: 797px) {
    .ETFBanner1::before {display: none;}
    .ETFBanner1 .hero__caption {transform: translateY(-20%)}
    .ETFBanner1 .hero__caption .hero__title {color: #fff !important;}
    .ETFBanner1 .hero__caption span {color: #fff !important; font-size: 16px;}
    .ETFBanner1 .btn--primary {color:#10361F; background-color: #A2F028; border: none; font-family: flamacondensed-bold; font-size: 12px;}
    .header .company__beta-logo {float: none; display: block; text-align: center; width: 100%; max-width: none;}
    .company__school-name {margin-left: 0em !important;}
}

/* for Link text style 1 */
.LinkText1 .link-matrix-category__subcategory a {color: #BE0064;}
.LinkText1 .link-matrix-category__subcategory a:hover {color: #ff2598;}

/*footer*/
.footer__company__info {display: none;}
.footer__inner {background: #10361F;}
.footerbanner li {list-style-type:none; color: #fff; font-size:14px;}
.footerbanner li a {list-style-type:none; color: #fff; font-size:14px;}
.footerbanner li a:hover {list-style-type:none; color: #B0FE98; font-size:14px;}
.fBannerLeft {display: inline-block; float:left; margin-right: 100px; padding-top: 40px;}
.FBannerMid {display: inline-block; float:left; margin-right: 100px; padding-top: 40px;}
.FBannerRight {display: inline-block; float:left; padding-top: 40px;}

/*header nav links*/
.top-bar-section ul li {font-family: var(--alt-font); text-transform: uppercase; font-size: 1.2rem !important; margin-bottom: 0.5em;}
.top-bar-section ul li a {color: #10361F; text-transform: uppercase; font-size: 1.2rem !important;}

/*hide divider between logo and org name in header*/
.company__school-name__divider {display: none;}
.company__school-name {margin-left: 1.5em;}

/*logo container*/
.header .company__beta-logo {margin-bottom: 0.5em;}

.course__detail__runs{display:none !important;}
.enroll__secondary-actions .icon-gift {display:none !important;}

/*tool tips
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 30%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}*/

/*global nav*/
.nav--global-links>a {
    color: #008556;
    font-size: 12px;
    font-size: 1.25rem;
    font-family: Oswald;
    padding-left: 2em;
}
/* Milestone text on Learning Path */
.center-ruled-title {
    display: none;
}

/* Hide learning-path-detail-milestone-list */
.learning-path-detail-milestone-list {
    display: none;
}

/* Hide Course Feedback */

div.panel.panel--secondary > textarea {
 display: none !important;}

 .sidebar__testimonial__rating {
 display: none;
}
.stars > span {
  display: none;
}

/*Hide got an account log in on course detial page*/
div.course__detail__enrolled {display: none;}

/*style button*/

.btn-green{
color:#fff; background-color: #006C47 
}
.btn-green:hover {
      background-color:#008556;
      color: #fff;
      transition: 0.7s;
  }