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

      :root {
        --font: Roboto;
        --alt-font: Oswald;
        --accent-color: #be0064;
        --secondary-color: #006c47;
        --link-color: #be0064;
        --accent-highlight-color: #8b0049;
        --accent-highlight-background-color: #ffd8ec;
        --accent-tinted-color-70: #ecb3d1;
        --accent-tinted-color-80: #f2cce0;
        --accent-tinted-color-90: #f9e6f0;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #f1007f;
        --secondary-hover-color: #009f69;
        --secondary-contrast-color: #fff;
        --link-hover-color: #ff2598;
      }
      

.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/19856bad-97de-449e-b7ca-e7d2090d2970/53s757uv0zvu-ETF_Green_Digital_Logo.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
/* 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: #008556; 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:#006C47; background-color: #fff; border: none; font-family: roboto; 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 {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:#006C47; background-color: #fff; border: none; font-family: roboto; 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: #212526;}
.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: #006C47; 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: #333; 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;}

/*background banner for learning paths*/
.learning-content-hero__overlay {background-image: linear-gradient(0deg,rgba(0,133,86,0.7),rgba(0,133,86,0.7)) !important;}

/* Hide Runs date on Detail Page */
.course__detail__runs{display:none;}

/*Hide's Gift Icon on Detail Page*/
.enroll__secondary-actions .icon-gift {display:none !important;}