:root {
        --font: azo-sans-web;
        --alt-font: azo-sans-web;
        --accent-color: #0090a2;
        --secondary-color: #00aaec;
        --link-color: #a9a9a9;
        --accent-highlight-color: #00353c;
        --accent-highlight-background-color: #55ecff;
        --accent-tinted-color-70: #b3dee3;
        --accent-tinted-color-80: #cce9ec;
        --accent-tinted-color-90: #e6f4f6;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #00bdd5;
        --secondary-hover-color: #0085b9;
        --secondary-contrast-color: #111;
        --link-hover-color: #767676;
      }
      
body { background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1499701412/zazd71fdlwwp9ucucoac.jpg'); background-repeat: repeat; background-size: auto; }
.company__logo {text-indent: 100%;white-space: nowrap;overflow: hidden;background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/a_exif,c_fit,t_ti_company_logo_hires_v3/v1/course-uploads/bce423c0-85a0-4dc6-b5bf-415600e69717/mzn1b418lzht-VetFolio-Color-Tagline.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
.survey .sidebar--closed--right {display: none;}

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;800;900&display=swap');

html {scroll-behavior: smooth;}
body, #learner, .session{
    font-family: 'Nunito', sans-serif !important;
}


/*
================================================================================
VETFOLIO EDITS \/ BELOW
================================================================================
*/

/* VetFolio Snippet for Live Webinars */
.vf-snippet-box-register{display: block;}
.vf-snippet-box-register-container{background-image: url('https://d36ai2hkxl16us.cloudfront.net/course-uploads/bce423c0-85a0-4dc6-b5bf-415600e69717/1l764iefj00n-vf-bg-live-register.png'); background-repeat: repeat-x; padding-top: 18px; border-radius: 4px 4px 0px 0px;}
.vf-snippet-box-register-content{padding: 20px; border:1px solid #14ab8b; border-radius: 0 0 4px 4px}
.vf-snippet-box-register-content p{margin: 0; font-size: 1.4em; text-align: center; color: #00acee;}
.vf-snippet-box-register-content p.vf-snippet-box-register-content-date{color: #008d9f; font-weight: bold; margin: 10px 0 0; font-size: 1.1em;}
.vf-snippet-box-register-content a{color: white !important; display: block; background: #e08619; text-align: center; border-radius: 10px; padding: 10px; margin: 20px 0 0; font-weight: bold; text-decoration: none; font-size: 1.1em;}
.vf-snippet-box-register-content a:hover{opacity: .9}

/* VetFolio Code for Images */
.vf-image-left{float:left; padding:0 1em 1em 0;}
.vf-image-right{float:right; padding:0 0 1em 1em;}
.vf-image-center{text-align:center; padding:1em 0;}

/* VetFolio Code for Carousel Button Theme */
.featured-content-multi-carousel__nav-left{background: #006D77 !important; border-radius:1em; color: #fff !important; font-weight:900;}
.featured-content-multi-carousel__nav-right{background: #006D77 !important; border-radius:1em; color: #fff !important; font-weight:900;}

/* Certifications / Price Strikethrough / Non Subscriber / Price */
.enroll .interval .strikethrough, .enroll .srp .strikethrough {
text-decoration:none;
font-weight: 900;
}

/* VetFolio Code for Podcast Pages Ways To Listen Block */
.podcast-channels{
  background:#f9f1e8;
  padding:1em 0;
  text-align:center;
  border-radius:10px;
  width:94%;
  margin:0 auto 1em;
}  
.podcast-channels h3, .podcast-channels h4{
  color:#e0861b;
  font-weight:700;
}

.podcast-channels-wrapper {
    display: grid;
    grid-template-columns: repeat(6, 1fr); /* 6 items per row */
    gap: 0 1em; /* Gap between grid items */
    padding:0;
    background:white;
    border:1px solid #e0861b;
    border-radius:10px;
    width:90%;
    margin:0 auto;
}

.podcast-channels-item {
    padding: 10px 10px 0 10px;
    text-align: center;
}

.podcast-channels-item a {
    display: block;
    text-decoration: none; /* Remove underline from links */
}

.podcast-channels-item img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto; /* Center the image horizontally */
}
.search-bar-widget{
    z-index: 1 !important;
}
@media (max-width: 1200px) {
    .podcast-channels-wrapper {
        grid-template-columns: repeat(3, 1fr); /* 2 items per row */
        gap: 0;
        padding:0;
    }
    .podcast-channels-item img {
        max-width: 100%;
    }
}
/* START - 5 or Less Display */
.vf-ai-scroll-widget .catalog-grid-item{
    padding: 24px 10px;
    border:1px solid #E8E8E8;
    background: linear-gradient(to bottom, #E8E8E8, white);
    border-radius:10px;
    box-sizing: border-box; /* Include padding and border in the width */
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.vf-ai-scroll-widget .catalog-grid-item .catalog-grid-item__asset-container{
    padding:0;
}
.vf-ai-scroll-widget .catalog-grid-item .catalog-grid-item__asset{
    border-radius: 10px;
}

.vf-ai-scroll-widget .catalog-grid-item .catalog-grid-item__body{
  
  padding:0;
  text-align:center;
}
.vf-ai-scroll-widget .catalog-grid-item .catalog-grid-item__body .catalog-grid-item__title{
  font-weight:bold;
  font-size:1.4em;
  line-height:1.2em;
  padding:.5em;
}
.vf-ai-scroll-widget .catalog-grid-item .catalog-grid-item__body .catalog-grid-item__description{
  font-size:1em;
  padding:0 .5em;
}
.vf-ai-scroll-widget .catalog-grid-item .catalog-grid-item__body .catalog-grid-item__cta-container{
  text-align:center;
  background:#006d77;
  padding:10px;
  border-radius:10px;
  height:auto;
  display:block;
}

.vf-ai-scroll-widget .catalog-grid-item .catalog-grid-item__body .catalog-grid-item__cta-container span{
  color:white !important;
  font-weight:bold;
  font-size:1em;
  float:none;
}

/* END - 5 or Less Display */
/* START - VetFolio Code for AI Widget Catalog */
.vf-ai-scroll-widget .featured-content-multi-carousel {
    display: flex;
    position:relative;
    padding:10px 0;
    box-sizing: border-box;
    /*background:purple;*/
}

.vf-ai-scroll-widget .featured-content-multi-carousel-item {
    padding: 10px;
    border:1px solid #E8E8E8;
    background: linear-gradient(to bottom, #E8E8E8, white);
    border-radius:10px;
    box-sizing: border-box; /* Include padding and border in the width */
    height:20rem;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.vf-ai-scroll-widget .featured-content-multi-carousel-item:hover{
  border-radius:10px;
}

.vf-ai-scroll-widget .featured-content-multi-carousel-item img {
    padding: 0 !important;
    aspect-ratio: 16/9 !important;
    border-radius: 10px;
    width: 100%; /* Ensure the image fills the width */
    height: auto;
}

.vf-ai-scroll-widget .featured-content-multi-carousel-item__body {
    flex-grow: 1; /* Fill remaining space in the item */
    display: flex; /* Use flexbox for inner alignment */
    flex-direction: column; /* Stack text content */
    justify-content: center; /* Center text vertically */
}

.vf-ai-scroll-widget .featured-content-multi-carousel .featured-content-block-grid{
  /*background:lime;*/
  width:20%;
}

.vf-ai-scroll-widget .featured-content-multi-carousel .featured-content-block-grid>li{
  width:auto;
  display:inline-grid;
  /*border:1px solid blue;*/
  height:100%;
}

.vf-ai-scroll-widget .featured-content-multi-carousel a{
    display: grid;
    grid-template-rows: auto auto 1fr; /* Image, title, description */
    background-color: white;
    text-decoration: none;
    border-radius: 10px;
    overflow: hidden;
    width:100%;
}

.vf-ai-scroll-widget .featured-content-multi-carousel a:hover{
  box-shadow: rgba(0, 0, 0, 0.1) 1px 6px 18px;
  border-radius:10px;
}

.vf-ai-scroll-widget .featured-content-multi-carousel-item__body h4 {
    color: #006d77;
    font-weight:900;
    font-size:0.8rem;
    margin: 0 0 10px 0;
    text-transform:uppercase;
}

.vf-ai-scroll-widget .featured-content-multi-carousel-item__body p {
    color: black;
    font-size:0.7rem;
    margin: 0;
    text-align:center;  
}

/* Responsive Design */
@media (min-width: 2200px) {
  .vf-ai-scroll-widget .featured-content-multi-carousel-item img {
    /*border:5px solid black;*/
  }
  
  .vf-ai-scroll-widget .featured-content-multi-carousel-item {
    /*background:orange;*/
    height:100%;
  }
}

@media (max-width: 1080px) {
    .vf-ai-scroll-widget .featured-content-multi-carousel {
        display: block; /* Stack items vertically */
    }
    
    .vf-ai-scroll-widget .featured-content-multi-carousel .featured-content-block-grid{
      /*background:red;*/
      width:100%;
    }
    
    .vf-ai-scroll-widget .featured-content-multi-carousel .featured-content-block-grid>li{
      width:100%;
      /*border:1px solid yellow;*/
    }
    
    .vf-ai-scroll-widget .featured-content-multi-carousel-item {
        width: 100%; /* Full width for each item */
        height:100%;
        margin-bottom: 10px; /* Add spacing between items */
    }

    .vf-ai-scroll-widget .featured-content-multi-carousel-item:last-child {
        margin-bottom: 0; /* Remove margin for the last item */
    }
}
/* END - VetFolio Code for AI Widget Catalog */


/* START - Updates to the Sidebar Panel when content is no longer free */

.builder__mini-widget, .course__detail__enrolled, .course__retail__social, .example-widget, .multiselect, .panel, .panel--flex, .panel--logs, .topic__sidebar__add {
}
.course__detail__sidebar .btn.preview-link, .course__detail__sidebar .panel {
    border:2px solid #e9e9e9;
    background: #F9F9F9;
    background: linear-gradient(0deg,rgba(249, 249, 249, 1) 0%, rgba(255, 255, 255, 1) 60%);
    color:#656565 !important;
    text-align: center !important;
}
.panel small{
    font-weight:bold !important;
    font-size:100% !important;
}
/* END - Updates to the Sidebar Panel when content is no longer free */


/*
================================================================================
VETFOLIO EDITS /\ ABOVE
================================================================================
*/


/*PC TI*/

.full {padding:0 !important;}
.full .columns {padding:0;}
.global-nav__container {
    max-width: 100% !important;
}
.home__content {padding:0;}
/* HOMEPAGE -*/
/* search bar */
.widget--searchbar {
    position: absolute;
    z-index: 5;
}
.search-bar-widget form {
    position: relative;
    width: 40%;
    max-width: 274px;
    float: right;
}
.search-bar-widget input {
    background-color: rgba(255,255,255,0.8);
    padding-right: 40px;
}
.search-bar-widget button {
    background-color: transparent;
    border: none;
}
.search-bar-widget button:hover,
.search-bar-widget button:focus{
    background-color: transparent;
    border: none;
}
.search-bar-widget button span {
    display: none;
}
.search-bar-widget button .icon-search{
    color: #04aeec;
}
/* carousel */
.slick-arrow {
    position: absolute;
    width: 0;
    height: 0;
    visibility: hidden;
    overflow: hidden;
}
.slick-dots {
    position: absolute;
    z-index: 2;
    bottom: 10px;
    right: 40px;
    list-style: none;
}
.slick-dots li {
    position: relative;
    margin: 0;
    height: 10px;
    width: 30px;
}
.slick-dots button {
    position: absolute;
    border: none;
    overflow: hidden;
    text-indent: 120%;
    line-height: 40px;
    height: 6px;
    width: 12px;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0.6);
    margin: 0;
    padding: 0;
    left: 50%;
    margin-left: -6px;
    transition: background-color 0.3s ease-in, width 0.3s ease-in, margin-left 0.3s ease-in;
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.11);
}
.slick-dots .slick-active button {
    background-color: #fff;
    width: 22px;
    margin-left: -11px;
}
@media only screen and (min-width: 48.063em) {
    .nav--global-links {
        color: #ffffff;
        padding: 10px;
        line-height: 3rem;
        background: #00aae7;
        font-size: 16px;
}
    .nav--top ul a, .top-bar-section ul li>a, .nav--top ul button {
        padding-top: 1rem;
        font-size: 16px;
    }
    }
    
    @media only screen and (min-width: 48.063em) {
    .top-bar-section li:not(.has-form) a:not(.button) {
        padding: 1rem;
    }
    }
    
    .editor-content a:not(.btn), .redactor_editor a:not(.btn) {
        color: #236c96;
    }
    
    .editor-content a:not(.btn):hover, .editor-content a:not(.btn):focus, .redactor_editor a:not(.btn):hover {
        color: #236c96;
    }
    
    .client-logos {
    text-align: center;
    }
    
    .client-logos img {
    max-height: 110px;
    
    }
    
    /* END - HOMEPAGE - Leah's Styles */
    
    
    /* generic styles */
    
    .books-row h1 {
    margin-top: 20px;
    }
    
    .books-row h3 {
    margin-top: 10px;
    }
    
    .books-row a {
    color: #236c96;
    }
    
    
    
    .home__content {padding-top: 0;}
    
    .centerum {text-align: center;}
    .green {
        background-color: #a2b439;
        color: white;
    }
    
    
    .teal {
        background-color: #0c8598;
        color: white;
    }
    
    
    .flip-card__back .back__content {
        color: white;
     }
     
     .flip-card__back {
         background-color: #0c8598;
     }

    .flip-card__back .description { 
        background-color: #0c8598;
     }
     
     .tabs .tab-title.active {
         background-color: #a2b439;
         border: #a2b439;
     }
     
       .top-title h1{
         color: white;
         margin-top: 20px;
     }
     
    
     
     
     /* generic styles MEDIA QUERIES*/
     
     @media only screen and (min-width: 90em){
     .top-title h1{
     font-size: 3em;
     margin-bottom: 25px;
     }
     
     }
     
     /*about-page*/
     
     .about-top-contain h1 {
     font-size: 1.5em;
     }
     
    
       .tenpx-top {
         margin-top: 10px;
     }
     
       .tenpx-bottom {
         margin-bottom: 10px;
     }
     
    
     .about-top-contain {
     background-color: #007881;
    
     }
     
     .about-top-contain p{
     color: white; 
     margin:0
     }
     
     .about-top-words {
       margin-bottom: 50px;
       padding: 30px 30px 0 30px; 
     }
     
     .teal-title {
         background-color: #9fb139; 
         text-align: center;
     }
     
     .teal-title h1 {
         color: white;
         margin: 13px 0 20px 0;
     }
     
      .about-icon {
         text-align: left;
     }
     
     .timeline-wrapper {
       max-width: 900px; 
       margin: auto;
     }
     
     .timeline-wrapper p{
         color: #58595b;
     }
     
     .timeline-left h1{
      margin: 0;
      color: #f26424;
     }
     
     .timeline-right h1{
      margin: 0;
      color: #f26424;
     }
     
      .timeline-right-top h1{
      margin: 0;
      color: #f26424;
     }
     
     .dashed {border-bottom: 3px dashed grey;}
     
      .about-logos {text-align: center;}
     
     .about-logos img{
     
        padding: 40px 0 20px 0; 
        transition: all .2s ease-in-out;
    }
     
          
    .about-logos img:hover { transform: scale(1.1);}
    
     /* ABOUT MEDIA QUERIES */
     
     /* large screen size */ 
     @media only screen and (min-width: 64.063em) {
     
     /* about-page */
     .about-icon-right {float: right;}
     
     
     .timeline-wrapper {
     margin-top: 50px;
     }
     
     .border-left {
       border-left: 3px solid teal;
     }
     
     .border-right {
       border-right: 3px solid teal;
     }
     
      .about-icon {
         text-align: center;
     }
     
     .about-book {
        padding: 15px;
    }
     
     .about-book img {
    margin-left: 45px;
    }
     
     
     .timeline-left h1{
      text-align: right;
     }
     
     .timeline-right {
    padding-top: 130px; 
     }
     
      .timeline-right-top {
    padding-top: 50px; 
     }
     
     .twenty-sixteen {
    margin-top: 40px; 
     }
     
     .move-down {
     margin-bottom: 130px;
     }
     
     .clo-pic {margin-left: 55px;}
     
    
      .lg-hund-top {
         margin-top: 100px;
     }
     
     .lg-fiftypx-top {
         margin-top: 50px;
     }
     
     .lg-twentypx-top {
         margin-top: 20px;
     }
     
      .lg-tenpx-top {
         margin-top: 10px;
     }
     
       .lg-thirtypx-top {
         margin-top: 30px;
     }
       .tenpx-bottom {
         margin-bottom: 10px;
     }
     
     
     .hundpx-bottom {
         margin-bottom: 100px;
     }
     
     .fiftypx-bottom {
         margin-bottom: 50px;
     }
    }
    
    @media only screen and (min-width: 62em){
     .about-top-words {
     font-size: 100%
     }
     }
    
     @media only screen and (min-width: 63em){
     .about-top-words {
     font-size: 84%
     }
     }
    
      @media only screen and (min-width: 75em){
     .about-top-words {
     font-size: 90%
     }
     }
    
    
     @media only screen and (min-width: 80em){
     .about-top-words {
     font-size: 105%
     }
     }
    
     @media only screen and (min-width: 82em){
     .about-top-words {
     font-size: 110%
     }
     }
     
      @media only screen and (min-width: 87em){
     .about-top-words {
     font-size: 118%
     }
     }
     
    /* END-ABOUT MEDIA QUERIES */
    
    
    /*END-about-page*/
     
    /*ScienceBasedLearning*/
     
    .sbl-row1 {
    background-color: #f6f8f9;
    }
    
    .sbl-row4 {
    background-color: #e8edf0;
    }
    
    .sbl-box1, .sbl-box2  {
         padding: 2em;
     }
    
     .green-helix{
        color: #e5eace;
         background-color: #a1b339;
         
     }
     
     .teal-helix {
         background-color: #007881;
        color: #cee7ea;
     }
     
    
      @media only screen and (min-width: 64.063em) {
      
      .green-helix {
      min-height: 265px;
        background-image: url(https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1513527735/n3981vs1fq2x0iurbqkh.png);
         background-repeat: no-repeat;
         background-position: 40px; 
      }
      
      .teal-helix {
      min-height: 265px;
         background-image:  url(https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1513527736/i9axfi4h3vtl3krye588.png);
         background-repeat: no-repeat;
         background-position: 40px;
      }
      
      
    .green-helix p, .teal-helix p {
      margin-left: 270px;
      margin-right: 40px;
      }
      
       .green-helix h2, .teal-helix h2 {
      margin-top: 20px;
      margin-left: 270px;
      margin-right: 40px;
      }
    
      }
     
    @media only screen and (min-width: 74em){
    
    .sbl-box1 p, .sbl-box2 p, .green-helix p, .teal-helix p  {
         font-size: 1.2em;
     }
    
     }
     
    
    @media only screen and (min-width: 90em){
    
    .sbl-box1 h2, .sbl-box2 h2,.green-helix h2, .teal-helix h2 {
         font-size: 2.5em;
     }
    
    .sbl-box1 p, .sbl-box2 p {
         font-size: 1.5em;
     }
    
     }
     /*END-ScienceBasedLearning*/
    
    
    /*GatesOfTeamPerformance*/
    
    .gates-box1 p{
    margin: 20px 10px;
    
     }
    
    .gates-box2 h1{
        margin-top: 20px;
        margin-bottom: 20px;
        color: white;
        font-size: 2.1em;
    }
     
    
    .gates-box2 {
        text-align: center;
        background-color: #346085;
    }
    
    .gates-box3 {
        background-color: #386fa0;
        color: white;	
    }
    
    .gates-box3 p{
        margin: 20px;
    
    }
     
    @media only screen and (min-width: 64.063em) {
    .gates-box1 p{
    margin: 100px 35px;
    font-size: 1.3em;
     }
    }
    
    @media only screen and (min-width: 74em){
    .gates-box1 p{
    margin: 120px 45px;
    font-size: 1.6em;
     }
     
      .gates-box3 p{
        font-size: 1.2em;
    }
    }
    
    @media only screen and (min-width: 90em){
    
    .gates-box1 p{
    margin: 140px 60px;
    font-size: 1.75em;
     }
    
     
     .gates-box3 p{
        font-size: 1.5em;
    }
     
    }
     
     
    /*ENDGatesOfTeamPerformance*/
     
     /*Track Progress*/ 
     
    .track-bg {
    background-color: #e6ebef;
    }
    
    .track-box1 p {
    margin: 20px 10px;
    } 
    
    .track-box234 {
        padding: 10px;
    
    }
    
    @media only screen and (min-width: 64.063em) {
     .track-box1 p { 
          margin: 50px 20px;
          font-size: 1.1em;
      }
      
      .track-box234 p {
        font-size: 1.2em;
    
    }
      
    }
    
    @media only screen and (min-width: 74em){
      .track-box1 p { 
          margin: 50px 20px;
          font-size: 1.3em;
      }
      }
      
    
     /*END-Track Team Performance*/ 
    
    /*Individual and Enterprise Solutions*/ 
    
    .indent-box1 {
    background-color: #e4e9ed;
    color: #58595b;
    padding: 10px;
    }
    
    .indent-box1 h2, .indent-box1 p {
    color: #58595b;
    }
    
    .indent-box2 {
    background-color: #a2b439;
    color: white;
    }
    
    .indent-box3 {
    background-color: #386fa0;
    color: white;
    }
    
    .indent-box4 {
    background-color: #f7fbff;
    color: #58595b;
    }
    
    .indent-box4 h2{
    color: #58595b;
    }
    
    .indent-box1 {
    padding: 10px;
    }
    
    .indent-box234 p {
    margin: 10px;
    }
    
    .indent-box234 h2 {
        margin-top: 10px;
        margin-left: 10px;
    }
    
    
    
    .indent-box234 ul {
    margin: 10px;
    }
    
    
    @media only screen and (min-width: 74em){
    
    .indent-box1 {
    padding: 40px;
    }
    
    .indent-box1 p, .indent-box234 p, .indent-box234 li {
    font-size: 1.3em;
    }
    
    .indent-box234 p {
    margin: 20px 30px;
    }
    
    .indent-box234 h2 {
        margin-top: 40px;
        margin-left: 30px;
    }
    
    
    
    .indent-box234 ul {
    margin: 0 40px 40px 40px;
    }
    
    }
    /*END-Individual and Enterprise Solutions*/ 
    
    
    
    
    
    
     
     /* TI CUSTOM STYLES-HOMEPAGE */
    
      .home.index{
        overflow-x: hidden;
    }
    
    
     .top-bar-section ul li:hover:not(.has-form)>a{
         color: #10879a;
     }
     .nav--global-links{
         text-align: right;
     }
    
    
     .home.index .featured-content-image-overlay-item__overlay{
         text-align: center;
     }
    
     
     
     
     .home-books .ember-view{
         text-align: center;
     }
     .home-books img{
         max-width: 348px;
     }
     .home-books p{
         font-size: 26px;
         letter-spacing: -0.03em;
         padding-top: 4px;
     }
    
    
     .home-page-profile{
         background-size: cover;
         background-repeat: no-repeat;
         background-position: 50% 50%;
         padding-bottom: 0;
         padding-top: 48px;
         padding-left: 0;
         padding-right: 0;
         background-image: none;
         
     }
     .home-page-profile .html--content-wrapper{
        padding-left: 50px;
        padding-right: 50px;
     }
     .home-page-profile--mobile-image{
        display: block;
        padding-top: 50px;
    }
    .home-page-profile--mobile-image figure{
        margin: 0;
        width: 100%;
    }
    .home-page-profile--mobile-image figure img{
        width: 100%;
    }
     .home-page-profile .green-btn{
         background-color: #a2b53a;
         color: #fff;
         font-size: 36px;
         font-weight: 400;
         display: inline-block;
         border-radius: 12px;
         line-height: 54px;
         padding-left: 20px;
         padding-right: 20px;
     }
     #learner .home-page-profile h1{
         font-size: 48px;
         font-weight: 500;
         letter-spacing: -0.01em;
         
     }
     #learner .home-page-profile p{
         font-size: 35px;
         padding-top: 12px;
         line-height: 43px;
         letter-spacing: -0.004em;
     }
     .home-page-profile--btn-wrapper{
         padding-top: 21px;
         text-align: center;
     }
     .hero .hero__caption {
        background: none;
         width: 50%;
        left: 25%;
        transform: translateX(-50%);
        bottom: 4em;
        text-align: left;
     }
     
      .hero .hero__caption .hero__title{
        color: white;
      }
      
      .hero .hero__caption .h4{
        color: white;
      }
      
      .hero .hero__caption .btn {
        border-radius: 15px;
      }
     
     /*
     .hero .hero__caption .hero__title{
        color: #fff;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 0;
    }
    
    
    #learner .hero .hero__caption .h4{
        font-weight: 400;
        font-size: 15px;
        line-height: 18px;
        color: #fff;
        display: inline-block;
        margin-bottom: 20px;
    }
     .hero .hero__caption .btn.btn--primary{
         background-color: #10879a;
         color: #fff;
         font-size: 36px;
         font-weight: 400;
         display: inline-block;
         border-radius: 12px;
         line-height: 54px;
         padding-left: 20px;
         padding-right: 20px;
         padding-top: 0;
         padding-bottom: 0;
     }
     
     */
     
     .logos--holder .editor-content{
         text-align: center;
         flex-wrap: wrap;
     }
     .logos--holder .editor-content img{
         max-height: 110px;
         width: auto;
     }
     .logos--holder figure{
         margin-left: 10px;
         margin-right: 10px;
     }
     
     /* MEDIA QUERIES */
     
     @media only screen and (min-width: 24em){
     
     }
     @media only screen and (min-width: 30.063em) {
     
     }
     @media only screen and (min-width: 40.063em) {
     
     }
     @media only screen and (min-width: 48.063em) {
    /*
         .hero .hero__caption {
             background-color: hsla(0,0%,0%,.60);
             position: absolute;
             bottom: 0;
             left: 0;
         }
         .hero .hero__caption .hero__title{
             color: #fff;
             font-weight: 600;
             font-size: 40px;
             line-height: 48px;
             margin-bottom: 0;
             width: 63%;
         }
         #learner .hero .hero__caption .h4{
             font-weight: 400;
             font-size: 31px;
             line-height: 29px;
             width: 58%;
             color: #fff;
             display: inline-block;
         }
         .hero .hero__caption .btn.btn--primary{
             background-color: #10879a;
             color: #fff;
             font-size: 36px;
             font-weight: 400;
             display: inline-block;
             border-radius: 12px;
             line-height: 54px;
             padding-left: 20px;
             padding-right: 20px;
             padding-top: 0;
             padding-bottom: 0;
             position: absolute;
             right: 10%;
             top: 50%;
             transform: translateY(-50%);
         }
         
         */
         
         /* nav overriders */
         .header--microsite,.header--dashboard{
             min-height: 120px;
         }
         .home .company__beta-logo,
         .home.index .company__beta-logo{
             position: absolute;
             top: 0;
             left: 0;
             display: inline-block;
             max-width: 257px;
             max-height: 86px;
             padding-left: 34px;
             padding-top: 0;
             margin-top: -5px;
         }
         .home .company__logo{
             position: absolute;
             top: 18px;
             left: 0;
             display: inline-block;
             max-width: 257px;
             max-height: 86px;
             padding-left: 34px;
             padding-top: 0;
             margin-top: -5px;
         }
         .home .header__inner{
             display: -webkit-box;
             display: -moz-box;
             display: -ms-flexbox;
             display: -webkit-flex;
             display: flex;
             position: relative;
             flex-direction: row-reverse;
         }
         .header--dashboard .header__inner{
            display: block;
            position: relative;
            padding-left: 0;
        }
         .header .company__beta-logo .company-logo__container {
             margin-right: 1em;
             margin-top: 1em;
         }
         .top-bar {
             border-bottom: 0;
             border-top: 0;
         }
         .nav--top ul a,
         .nav--top ul button{
             text-transform: none;
         }
         .nav--top ul a,
         .top-bar-section ul li>a,
         .nav--top ul button {
             color: #10879a;
             padding: 1rem;
             line-height: 3rem;
             background: #fff;
             font-size: 1rem;
             transition: background 0.3s ease-in;
         }
         .nav--top ul button.btn--bare:hover,
         .nav--top ul a:hover{
             background-color: #fff !important;
             background: #f6f6f6 !important;
         }
         .home-page-profile{
             background-size: cover;
             background-repeat: no-repeat;
             background-position: 50% 50%;
             padding-bottom: 70px;
             padding-top: 48px;
             padding-left: 50px;
             padding-right: 50px;
             min-height: 524px;
         
         }
         .home-page-profile--text-wrapper{
             width: 50%;
         }
    
         .custom-blocks{
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
        }
         .custom-blocks .text-block{
            width: 50%;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            justify-content: center;
            align-items: center;
            resize: both;
            padding-top: 20px;
            padding-bottom: 20px;
        }
        .custom-blocks .image-block{
            width: 50%;
            background-position: 50% 50%;
            background-size: cover;
            background-repeat: no-repeat;
            min-height: 490px;
        }
        .featured-content-image-overlay-item:hover .featured-content-image-overlay-item__overlay{
            min-height: 100%;
        }
        .logos--holder .editor-content{
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
        }
        /* profile */
        .home-page-profile{
            background-size: cover;
            background-repeat: no-repeat;
            background-image: url(https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1511664890/nksakpyncxctjas7qyxy.jpg);
            background-position: 50% 50%;
            padding-bottom: 63px;
            padding-top: 48px;
            padding-left: 50px;
            padding-right: 50px;
            
        }
        .home-page-profile .html--content-wrapper{
            padding-left: 0;
            padding-right: 0;
         }
        .home-page-profile--mobile-image{
            display: none;
    
        }
    }
    
    
     
    
    
     
    .featured-content-carousel-item__overlay {
      display: none;
    }
    
    
    
     
     .layout__content .widget.signup-home{
      background-color: #006d77;
      color: #fff;
      padding-top: 41px;
      padding-bottom: 65px;
    }
    .signup-home .h2.widget__title{
      color: #fff;
      font-size: 53px;
      font-weight: 200;
      margin-bottom: 10px;
    }
    .signup-home .widget__subtitle{
      color: #fff;
      font-weight: 300;
      font-size: 22px;
    }
    .signup-home .widget__cta{
      padding-top: 0;
    }
    .signup-home .ember-view > .row{
      display: none;
    }
    .signup-home .btn--primary{
      background: transparent;
      border-color: #fff;
      border-width: 2px;
      text-transform: uppercase;
      margin-top: 6px;
      min-height: 52px;
      line-height: 30px;
      border-radius: 26px;
      min-width: 246px;
      font-weight: 700;
      color: #fff;
      font-size: 18px;
      letter-spacing: 0.04em;
      margin-bottom: 0;
    }
    
    
    .layout__content .widget.signup-home.inside-page .ember-view > .row{
      display: block;
      color: #fff;
      max-width: 872px;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      font-weight: 300;
      font-size: 21px;
      line-height: 25px;
    }
     
     
    .featured-content-image-overlay-item__overlay {
        background-color: #016d78c4;
    }
     
     .about-block span {
       padding-bottom: 0px;
     }
     
    .about-block__text {
      margin-top: 125px;
      padding-bottom: 0px;
    }
    
    .about-block__text h3 {
    }
    
    .about-block__text p {
    }
    
    
/* The CSS snippet below this (class*=block-grid-]) pushes the Certificate logo on the Learning Path Detail Page downward causing overlap - (Thought Industries)

    [class*=block-grid-]>li {
      margin:0px;
    }
*/
    
    .testimonial .testimonial-quote--right {
      text-align: left;
    }
    
    .top-bar-section .has-dropdown>a:after, .top-bar-section .navigation-widget__item--has-dropdown>a:after {
        margin-top: 16px;
    }
    
    .email-capture {
        display: none
    }
  
    @media only screen and (min-width: 60.063em){
        .container{
            max-width: 100%;
        }
    }
     
.results__controls .btn--primary{
 Display:none;
}

.leaderboard {
    padding: 20px 0;
    text-align: center;
    padding-top: 0;
}




/*-----------------3/19/2021 KS-----------------------*/
.home .company__beta-logo,
.home.index .company__beta-logo{
    padding-left: 0px;
}
.top-bar-section .dropdown {
    min-width: 400px !important;
}

.top-bar-section .dropdown li {
    background: #006d77 !important;
    border-bottom: 1px solid #00899b;
    padding: 10px 5px;
}
.top-bar-section .dropdown li a {
    color: #fff !important;
    padding: 0 !important;
    padding-left: 15px !important;
    text-wrap: wrap !important;
}
.has-dropdown.hover a {
    color: #006d77 !important;
}
section.top-bar-section a {
    font-size: 20px !important;
    font-weight: bold !important;
}
.top-bar-section .has-dropdown>a:after{
    display: none;
}
.top-bar-section ul li>a{
    color: #80919b;
}
p.company__school-name {
    display: none;
}
.searchbanner {
    background: #00899b;
}
.searchbanner .search-bar-widget form {
    max-width: 50%;
    float: unset;
    left: 30%;
}
.nav--top ul a {
    font-size: 20px;
    color: #e08619;
    font-weight: bold;
    line-height: 2rem;
}
.home .btn.btn--bare.btn--inherit-font span:nth-child(1) {
    width: 40px;
    height: 32px;
    background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/bafcbb91-265d-4aad-8a11-bf50dba6ce5e/mnwl3v1al0xh-addcart.png) no-repeat;
    text-indent: -1000px;
    overflow: hidden;
    display: inline-block;
}
.vetf-homebannerimg .hero__title {
    font-size: 60px !important;
    font-weight: bold;
}

.vetf-homebannerimg .hero .hero__caption {
    left: unset;
    right: -13px;
    transform: unset;
    width: 35%;
}
.banner-title .h2.widget__title {
    text-align: left;
    color: #fff;
    margin-bottom: 0;
}

.banner-title {
    background-image: linear-gradient(to right, #51a88e , #009ecb);
    padding: 1rem 2rem !important;
}
.btn.btn--bare.btn--inherit-font {
    position: relative;
}

.btn.btn--bare.btn--inherit-font .badge {
    position: absolute;
    top: -20px;
    right: -10px;
}
.header--microsite, .header--dashboard {
    padding-top: 32px;
}

.company__school-name__divider {
    border-left: 2px solid transparent;
}
nav.nav.nav--global-links {
    display: none;
}

.topsocalbanner {
    background: #282c37;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9 !important;
}
.topsocalbanner ul {
    padding: 0px 15px;
    margin: 0;
}
.topsocalbanner ul li {
    text-decoration: none;
    display: inline-block;
    padding: 10px 5px;
}
.footer__company__info {
    display: none;
}

.footer__inner {
    background: #282c37;
}

.footerbanner li {
    list-style-type: none;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.Fbannerleft li {
    display: inline-block;
}

.Fbannerleft {
    display: inline-block;
}

.Fbannerright {
    display: inline-block;
    float: right;
}

.Fbannerright li {
    display: inline-block;
}

.Ftop {
    padding-top: 30px;
    padding-right: 30px;
}

.Fbottom {
    padding-right: 30px;
}
.Cyellow,
.Cyellow a{
    color: #e08619 !important;
}
.Fbannerright li {
    padding: 0px 10px;
    position: relative;
}

.Fbannerright.bottomF li:after {
    content: '';
    width: 2px;
    height: 22px;
    background: #00899b;
    position: absolute;
    left: 0px;
    top: 4px;
}

.Fbannerright.bottomF li:first-child:after {
    display: none;
}
.footer__inner {
    padding: 0rem 0;
}
.footer {
    padding: 0 0rem;
}
.top-bar-section .has-dropdown>a, .top-bar-section .navigation-widget__item--has-dropdown>a {
    padding-right: 1rem !important;
}

button.btn.btn--no-margin.btn--primary.btn--submit {
    background: #e08619;
    padding: 5px 10px 5px 10px !important;
}

button.btn.btn--no-margin.btn--primary.btn--submit i {
    color: #043940;
    font-size: 29px;
}

.search-bar-widget input {
    background-color: #ffff;
}
ul.Fbannerleft li {
    padding: 0px 5px;
}
.topsocalbanner ul img {
    width: 30px;
}
.header .company__beta-logo .company-logo__container img {
    max-height: 100px;
    margin-top: -15px;
}
.top-bar-section ul.left li:nth-child(3) .dropdown li:nth-child(4) {
    background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/bafcbb91-265d-4aad-8a11-bf50dba6ce5e/16yednbq9ty3-_vf-nav-icon-browse.png) no-repeat 10px !important;
    background-color: #006d77 !important;
    background-size: 35px auto !important;
}
.top-bar-section ul.left li:nth-child(3) .dropdown li:nth-child(7) {
    background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/bafcbb91-265d-4aad-8a11-bf50dba6ce5e/mkp1h3779p0p-WatchVideos.png) no-repeat 10px !important;
    background-color: #006d77 !important;
    background-size: 35px auto !important;
}
.top-bar-section ul.left li:nth-child(3) .dropdown li:nth-child(10) {
    background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/bafcbb91-265d-4aad-8a11-bf50dba6ce5e/4jdoz1i987cz-ListenToPodcast.png) no-repeat 10px !important;
    background-color: #006d77 !important;
    background-size: 35px auto !important;
}
.top-bar-section ul.left li:nth-child(3) .dropdown li:nth-child(13) {
    background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/bafcbb91-265d-4aad-8a11-bf50dba6ce5e/7t1wbd90gbix-ReadArticle.png) no-repeat 10px !important;
    background-color: #006d77 !important;
    background-size: 35px auto !important;
}
.top-bar-section ul.left li:nth-child(3) .dropdown li:nth-child(16) {
    background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/bafcbb91-265d-4aad-8a11-bf50dba6ce5e/wie1on724scw-AttendVirtualMeeding.png) no-repeat 10px !important;
    background-color: #006d77 !important;
    background-size: 35px auto !important;
}
.top-bar-section ul.left li:nth-child(3) .dropdown li:nth-child(19) {
    background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/bafcbb91-265d-4aad-8a11-bf50dba6ce5e/zhr0r1g5qk1z-_vf-nav-icon-certs.png) no-repeat 10px !important;
    background-color: #006d77 !important;
    background-size: 35px auto !important;
}
.top-bar-section ul.left li:nth-child(3) .dropdown li:nth-child(22) {
    background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/bafcbb91-265d-4aad-8a11-bf50dba6ce5e/syms2nasm8nz-PremiumContent.png) no-repeat 10px !important;
    background-color: #006d77 !important;
    background-size: 35px auto !important;
}

.top-bar-section ul.left li:nth-child(3) .dropdown li:nth-child(4) a {
    padding-left: 60px !important;
}
.top-bar-section ul.left li:nth-child(3) .dropdown li:nth-child(7) a {
    padding-left: 60px !important;
}
.top-bar-section ul.left li:nth-child(3) .dropdown li:nth-child(10) a {
    padding-left: 60px !important;
}
.top-bar-section ul.left li:nth-child(3) .dropdown li:nth-child(13) a {
    padding-left: 60px !important;
}
.top-bar-section ul.left li:nth-child(3) .dropdown li:nth-child(16) a {
    padding-left: 60px !important;
}
.top-bar-section ul.left li:nth-child(3) .dropdown li:nth-child(19) a {
    padding-left: 60px !important;
}
.top-bar-section ul.left li:nth-child(3) .dropdown li:nth-child(22) a {
    padding-left: 60px !important;
}
.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button), .top-bar-section .dropdown li a {
    background: transparent !important;
}
.top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button) {
    background-color: transparent !important;
    background:transparent !important;
}
ul.Fbannerright li a {
    color: #fff;
}
.leaderbtn {
    width: 600px;
    background: #282c37;
    text-align: center;
    padding: 10px 0px;
    margin: 0 auto;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
}

.leader-baner {
    display: block;
    padding: 15px 0px 50px;
}

.header--microsite .top-bar-section .left li:nth-child(18) a {
    background-color: #e08619 !important;
    background: #e08619 !important;
    border-radius: 10px;
    color: #fff;
}
.header--microsite .top-bar-section li:not(.has-form) a:not(.button) {
    padding: 10px 10px;
    line-height: 2rem;
}
.Featurecontent-banner .catalog-grid-item__title:after {content: '';width: 0px;height: 2px;background-color: #006d77;left: 0;bottom: 0;position: absolute;}

.Featurecontent-banner .catalog-grid-item__title {
    position: relative;
    padding-bottom: 5px;
    font-weight: bold;
}
.Featurecontent-banner hr.catalog-grid-item__hr {
    display: none;
}

.Featurecontent-banner .catalog-grid-item__cta-container {
    display: none;
}
.header--microsite .top-bar-section .left li:nth-child(18) a:hover {
    color: #fff;
}
.header--microsite .nav--top ul a, .top-bar-section ul li>a, .nav--top ul button {
    padding: 10px;
} 
.header--microsite .top-bar-section li:not(.has-form) a:not(.button):hover,
.header--microsite .nav--top ul button.btn--bare:hover, .header--microsite .nav--top ul a:hover {
    background-color: transparent !important;
    background: transparent !important;
} 
.header .company__beta-logo .company-logo__container{
    margin-right: 0;
    margin-top: 0;
}
.has-dropdown:hover .dropdown {
    clip: unset;
}
.header__inner {
    max-width: 1600px;
    margin: 0 auto;
    width: 100%;
}
.featured-content-image-overlay-item__title {
    font-size: 20px;
}
.featured-content-image-overlay-item:hover img {
    transition: all .5s;
}
.featured-content-image-overlay-item:hover img {
    transform: scale(1);
}
.featured-content-image-overlay-item:hover .featured-content-image-overlay-item__title {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 30%;
    width: 100%;
    padding: 0 20px;
}
.featured-content-image-overlay-item__description {
    font-size: 14px;
}
.featured-content-image-overlay-item:hover .featured-content-image-overlay-item__description {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    width: 100%;
    padding:0 20px;
}
.featured-content-image-overlay-item {
    position: relative;
    overflow: hidden;
}
.catalog-grid-item__title {
    font-size: 18px;
    line-height: 22px;
}

.catalog-grid-item__source {
    font-size: 14px;
}
.Featurecontent-banner .catalog-grid-item:hover .catalog-grid-item__title:after {
    width: 90px;
    transition: all .5s;
}
.header--microsite .top-bar-section .left li:nth-child(18) a:not(.button):hover {
    background: #e08619 !important;
    background-color: #e08619 !important;
}
.vetf-homebannerimg .hero__title {
    display: none;
}

.vetf-homebannerimg  .btn.btn--primary {
    width: 100%;
    height: 100%;
}

.vetf-homebannerimg  .hero__caption {
    width: 100%;
    position: static;
}

.vetf-homebannerimg .hero .hero__caption {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    padding: 0;
    height: 100%;
    border-radius: 0;
    opacity: 0;
}



@media only screen and (max-width: 1500px){
    .vetf-homebannerimg .hero__title {
        font-size: 45px !important;
        font-weight: bold;
    }
}
@media only screen and (max-width: 1470px){
    section.top-bar-section a {
        font-size: 18px !important;
    }
    .nav--top ul a {
        font-size: 18px;
    }
    .footerbanner li{
        font-size: 18px;  
    }
}

@media only screen and (max-width: 1180px){
    .nav--top ul a {
        font-size: 16px;
    }
    section.top-bar-section a {
        font-size: 16px !important;
    }
}
@media only screen and (max-width: 1130px){
    .header .company__beta-logo .company-logo__container img {
        max-height: 60PX;
    }
}
@media only screen and (max-width: 1000px){
    .footerbanner li {
        font-size: 12px;
    }
    .Fbannerright.bottomF li:after {
        height: 12px;
    }
}
@media only screen and (max-width: 1024px){
    .header__inner {
        padding-left: 180px;
    }
}
@media only screen and (max-width: 768px){
    .header__inner {
        padding-left: 0px;
    }
    .header .company__beta-logo .company-logo__container img {
        max-height: 60px;
    }
    .top-bar {
        transform: unset;
    }
    .top-bar {        
        overflow: visible;
        position: relative;
        margin-top: 10px;
        border-bottom: 1px solid transparent;
        border-top: 1px solid transparent;
    }
    header.header.header--microsite, header.header.header--dashboard {
        padding-top: 0;
    }
    .header__inner {
        margin-bottom: 15px;
    }
    .btn.btn--bare.btn--inherit-font .badge {
        top: 6px;
        right: -6px;
    }
    .title-area {
        position: absolute !important;
        width: 100px;
        right: 0;
        top: -60px;
    }
    
    .top-bar-section {
        display: none;
    }
    
    .top-bar.expanded .top-bar-section {
        display: block;
    }
}
@media only screen and (max-width: 600px){
    .leaderbtn {
        width: 100%;
        font-size: 20px;
    }
    .Fbannerright {
        float: unset;
    }
}
@media only screen and (max-width: 400px){

    .vetf-homebannerimg .hero .hero__caption {
        left: unset;
        right: unset;
        transform: unset;
        width: 100%;
    }
    .vetf-homebannerimg .hero__title {
        font-size: 26px !important;
        font-weight: bold;
        color: #000 !important;
    }
    .searchbanner .search-bar-widget form {
        max-width: 100%;
        float: unset;
        left: unset;
    }
    .search-bar-widget form {
        position: relative;
        width: 100%;
        max-width: 274px;
        float: right;
    }
    .footerbanner li {
        font-size: 12px;
    }
    .Fbannerright {
        display: block;
        float: unset;
        padding-bottom: 15px;
    }
    .Fbannerright.bottomF li:after {
        height: 15px;
    }
}


/*#div-google-ads-container{
  text-align:center;
  padding: 10px 10px;
  margin: 0 auto;
  margin-top: 2rem;
}*/

.layout__content .hero picture {margin-bottom: 32px;}
.gads {position: relative; z-index: 2; padding: 0;}

/* CSS for  STicky navigation in the header the code below is all styling to allow this to happen and the Javascript for the function of sticky navigation is in Tracking scripts. */
/*body.home.fixedHeader {padding-top: 180px;}*/
.fixedHeader .header--microsite,.fixedHeader .header--dashboard {position: fixed;top: 0;left:0;right:0;z-index: 999;background: white;width: 100%; padding-top: 30px;}
/* added today - 11-8-21 */
/*body.home .application > .container {padding-top: 54px;}
body.home.fixedHeader .application > .container {padding-top: 128px;}
body.home .application > .container .home__content {min-height: 100vh;}*/

body .application > .container {padding-top: 54px;}
body.fixedHeader .application > .container {padding-top: 128px;}
body .application > .container .home__content, body .application > .container {min-height: 100vh;}

@media only screen and (max-width: 768px) {
    body.home.fixedHeader .application > .container {padding-top: 54px;}
    .fixedHeader .header__inner {margin-bottom: 0;}
    body.fixedHeader {padding-top: 182px;}
}
@media only screen and (max-width: 580px) {
    .top-bar {height: auto !important;}
    .searchbanner {position: static;}
}
@media only screen and (max-width: 1360px) {
    .home .company__beta-logo, .home.index .company__beta-logo {max-width: 232px;}
    .header__inner {padding-left: 236px;}
    .nav--top ul a {padding: 10px 0;}
    .top-bar-section li:not(.has-form) a:not(.button) {padding: 10px 6px;}
    section.top-bar-section a {font-size: 16px !important;}
}
@media only screen and (max-width: 768px) {
    .header__inner {padding-left: 12px;}
    .top-bar-section ul li {padding: 0 8px;}
}
.row .row {margin: 0;}
/* Sticky Navigation Header Ends here. */

/* For banner displaying Social Icons and Dropdown Of NACV Brands */
.topsocalbanner {padding: 0 15px; z-index:3;} /* Adds sapce to left and right of Banner to logos and dropdown is not touching sides of screen */
.topsocalbanner ul {float: left; padding: 0;} /* places the Social Icons to the left */
 
.topsocalbanner .navcBrands {float: right; margin-right: calc(300px - 168px + 25px); position: relative;} /* Places the nav Menu on the right and moves in more to the left direction */
.topsocalbanner .navcBrands .navcMenuBtn { display: inline-block; background: #3f4450; padding: 13px 16px; color: #fff; font-size: 18px; font-weight: 600; cursor: pointer;} /* Adds colour to background and test, along with Text size of the Dropdown NAVC Brands title */
.topsocalbanner .navcBrands:hover .navcMenuBtn {background: #00a9e7;} /* Adds a Blue hover effect on NAVC Brands Dropdown Button */
.topsocalbanner .navcBrands .navcMenuBtn i {display: inline-block; height: 26px; vertical-align: top; width: 12px; background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/bafcbb91-265d-4aad-8a11-bf50dba6ce5e/979j5ej4mlu5-DownMenu-Blu.png) center no-repeat; background-size: 100% auto;} /* Adds the downwadd facing arrow Icon to the NAVC Brands dropdown */
.topsocalbanner .navcBrands:hover .navcMenuBtn i {background-image: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/bafcbb91-265d-4aad-8a11-bf50dba6ce5e/z2isqs6dc9yo-DownMenu.png);} /* Adds a White downward Icon upon Hover of NAVC Brands dropdown */
.topsocalbanner .navcBrands .dd { display: none; width: 300px; position: absolute; top: 100%; left: 0; background: #fff; padding: 8px;} /* Styling of the NAVCS Brands dropdown box */
.topsocalbanner .navcBrands:hover .dd {display: block;} /* Shows the Dropdown box of all NAVC Brands on Hover */
.topsocalbanner .navcBrands ul {display: block; padding: 8px; padding: 0;} /* Styling of the NAVCS Brands in the dropdown box */
.topsocalbanner .navcBrands ul li {display: block; width: 100%; padding: 0; margin-bottom: 8px;} /* Styling of the NAVCS Brands in the dropdown box */
.topsocalbanner .navcBrands ul li:last-child {margin-bottom: 0;} /* removes margin of space after las NAVC Brand in Dropdown Box*/
.topsocalbanner .navcBrands ul li img {width: 100%; height: auto;} /* Styling of the NAVCS Brands images in the dropdown box */
@media only screen and (max-width: 680px) {
    .topsocalbanner .navcBrands {margin-right: 0;}
    .topsocalbanner .navcBrands .dd {left: auto; right: 0;}
}

/* TI: Nav fix  -- This was commented out by VF (Michael) as it was not functioning properly during VMX 2024 (1/12/24) - had to revert backwards - can discuss on our weekly Wed call.

.top-bar-section .has-dropdown.hover>.dropdown {
    display: none;
}

*/

/* CSS to Hide Gift and Purchase Options (by Ti - June 12th 2024) */ 
.widget--course-purchase .btn--secondary {
    display:none;
}

/* Added by KS on 14 June 2024 for Header Menu */
.top-bar-section .has-dropdown.hover > .dropdown {display: none;}
.top-bar-section .has-dropdown.hover:hover > .dropdown {display: block;}

.top-bar-section li:not(.has-form) a:not(.button):focus {background: none;}
.enroll__buy .btn, .widget--course-purchase .btn--primary {width: 100%; color: #fff; background: #E08619; border-radius:10px; padding:10px; font-weight:bold;font-size:1.1em; text-decoration: none; border:0 !important;}
.enroll__buy .btn:hover, .enroll__buy .btn:focus, .widget--course-purchase .btn--primary:hover, .widget--course-purchase .btn--primary:focus {background: #E08619; color: #fff; border: 1px solid #E08619; opacity: 0.9;}