/*
 Put your custom overlay styles in here
 You can use your northpass color palette in this file

#ffffff
#1c2c44
#550443
#ffffff
#550443
#1c2c44
*/

 :root {
     --darkgreen: #083b45;
     --green: #fff;
 }


 .np-header-color {
     background: #172439;
 }

 .np-sub-navigation-content-item-link{
     height: 10px;
     color: #fff;
     font-weight: 700;
 }

 .np-sub-navigation{
     background: transparent;
     margin-bottom: 0px;
 }

 .np-sub-navigation-content-item-active .np-sub-navigation-content-item-link {
     color: #fff;
 }

 @media screen and (min-width: 768px) {
     .np-sub-navigation {
         padding-top: 5px;
     }

     .np-header {
         height: 90px;
     }

     .np-homepage .np-card {
         padding: 18px 5px;
     }

     .np-footer {
         flex-direction: row;
         padding: 0;
     }

     .np-homepage-hero-image {
     
     
     
     }

     .np-catalog-courses {
         margin-top: 0px;
     }

     .row-with-thumbnails{
         display: flex;
         margin: 0;
     }

     .row .np-card {
         margin: 0;
         padding: 10px;
     }

     .np-homepage-hero-inner .np-homepage-headline{
         font-size: 2rem;
     }

     .np-subpage-container {
         padding: 60px 5% 184px 5%;
     }

     .np-learning-paths .np-card-text-wrapper .np-card-header{
         margin-top: 35px;
         margin-right: 2px;
         margin-bottom: 10px;
     }

     .catalog-container.np-subpage-container,
     .special-inner-container.np-subpage-container{
         padding: 60px 0% 60px 0%;
     }

 }

 @media screen and (max-width: 768px) {
     .np-sub-navigation{
         display: none;
     }
 }

 .np-footer {
     
     background: linear-gradient(135deg, rgba(37, 54, 81, 1) 0%, rgba(12, 21, 36, 1) 100%);
 }

 .footer-widget{
     background: url(https://coachbar.io/wp-content/themes/hello-theme-child/images/bg3.png) right -210px no-repeat;
     width: 100%;
     padding: 32px 4%;
 }

 .np-footer-navigation-link{
     color: #fff;
     font-weight: 900;
 }

 .np-button-color,
 .np-footer-support-help,
 .np-footer-support-item{
     color: #fff;
 }

 html {
     font-family: "Roboto", Sans-serif;
 }

 .recommended-carousel .np-learning-path {
     display: inline-block;
 }

 .recommended-carousel .np-learning-path-image {
     object-fit: cover;
     width: 100%;
 }

 .recommended-carousel .np-card{
     margin-bottom: 0px;
 }

 .recommended-carousel .np-carousel-card{
     display: inline-block;
 }

 .recommended-carousel .np-card-container{
     border-radius: 20px;
     background: #fff;
     width: 345px;
     border: 1px solid #717b8a;
     
 }

 .recommended-carousel .np-card-container:hover{
     box-shadow: rgba(0, 0, 0, 0.24) 10px 10px 10px;
     transition: box-shadow 0.3s ease-in-out;
 }

 .recommended-carousel .np-learning-path img,
 .recommended-carousel .np-carousel-card img{
     border-radius: 19px 19px 0 0;
 }

 .recommended-carousel .np-card-content-title{
     padding: 0 1.5rem .5rem;
     margin-bottom: 0;
 }

 .np-card-content-title{
    color: #ffb63a;
 }

 .events-carousel-wrapper .heading-container .heading{
     font-size: 2rem;
     color: #000;
     padding: 1rem 0 1rem;
     font-weight: 600;
 }

 .events-carousel-wrapper{
     justify-content: center;
     margin: auto;
     max-width: 1440px;
 }

 .events-carousel-wrapper{
     margin-top: 10px;
     margin-bottom: 50px;
 }

 .np-button-link{
     text-decoration: none;
     color: #ffb63a;
 }

 .catalog-content-wrapper{
     float: inline-end;
     display: flex;
     gap: 20px;
     width: 75%;
 }

 .catalog-courses-container{
     width: 100%;
 }

 .special-wrapper{
     display: flex;
 }

 .filter-container{
     margin: 10px;
     background: #fff;
 }

 .np-catalog-courses{
     display: flex;
 }

 .np-homepage-hero-image-inner{
     max-height: 300px;
     min-height: 250px;
 }

 .np-learning-paths .np-learning-path-image{
     border-radius: 20px 20px 0 20px;
 }

 .np-learning-paths .np-card-container{
     border-radius: 20px;
 }

 .np-learning-paths .np-button-color{
     color: #093b46;
 }

 .np-learning-paths .np-learning-progress-text-color{
     /*color: #093b46;*/
 }

 .np-learning-paths .np-button,
 .np-learning-paths .np-button-background-color,
 .np-learning-paths .np-learning-progress-bar-color,
 .np-button, .np-button-background-color{
     background-color: #000;
     color: #fff;
 }

 .np-learning-paths .np-button:hover,
 .np-learning-paths .np-button-background-color:hover,
 .np-button:hover, .np-button-background-color:hover{
     background-color: rgba(37, 54, 81, 1);
 }

 .np-learning-paths .np-button,
 .np-button, .np-button-background-color{
     padding: 15px 25px;
     border-radius: 25px;
 }

 .np-learning-path .np-card-content-description{
     /*white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: inline;
     height: 58px;
     position: absolute;
     margin-top: 50px;
     margin-right: 15px;*/
 }

 @media screen and (min-width: 768px) {
     .np-card-content-title{
         min-height: 88px;
     }
     .np-dashboard .np-card-header {
         display: flex;
     }

     .np-card-header-special{
         margin-top: 0px;
         padding-right: 0px;
     }

     .np-subpage-container {
         padding: 60px 5% 60px 5%;
     }

     .np-homepage .np-card {
         margin: 18px 5px;
         display: flex;
         padding: 0 12px;
     }
 }

 .dashboard-wrapper .np-card{
     margin-bottom: 20px;
 }

 .dashboard-wrapper .np-card-container{
     /*width: 300px;*/
 }

 /*temp*/
 .np-subpage-container-special {
     padding: 60px 0px 60px 0px;
 }

 .np-card-padding{
     padding: 0px;
 }

 .catalog-courses-container .np-card-padding,
 .np-learning-paths-main .np-card-padding
 {
     padding: 20px;
 }

 .dashboard-wrapper .np-card-content-footer,
 .np-homepage-special .np-card-content-footer{
     padding: 0 20px 20px 20px;
 }

 .np-learning-progress-text-color {
     color: #000;
 }

 .np-account-tabs .np-tab-indicator{
     padding: 0;
     border-radius: 0;
 }

 .np-sub-navigation-content .np-sub-navigation-content-item-bar{
     padding: 0;
     border-radius: 0;
     background-color: #04FCC4;
 }

 body,
 .np-dashboard,
 .np-learning-paths{
     background: #f9fcff;
 }

 .np-dashboard-resources-container{
     border: 1px solid #717b8a;
 }

 .np-card-container{
     box-shadow: 1px 1px 4px 1px rgba(72, 103, 118, .5);
 }

 .special-course-wrapper .np-card-container{
     border: 0px;
     box-shadow: none;
 }

 .special-course-wrapper .np-top-cta,
 .special-learning-wrapper .np-top-cta{
     background: #fff;
     box-shadow: 1px 2px 4px 1px rgba(72, 103, 118, .5);
     border-radius: 20px;
 }

 .special-course-wrapper .np-icon-back,
 .special-learning-wrapper .np-icon-back
 {
     color: #0a3b46;
 }

 .np-text-title {
     color: #0a3b46;
 }

 .special-course-wrapper .np-course-content img,
 .special-learning-wrapper .np-card-container img,
 .special-learning-wrapper .np-card-container
 {
     border-radius: 20px;
 }

 .special-course-wrapper .np-learning-progress-bar-color,
 .special-learning-wrapper .np-learning-progress-bar-color
 {
     background-color: #1c2c44;
 }

 .special-course-wrapper .np-divider{
     border: none;
 }

 .special-course-wrapper .np-course-content{
     box-shadow: 1px 2px 4px 1px rgba(72, 103, 118, .5);
     padding: 24px;
     border-radius: 20px;
     margin-top: 20px;
 }

 .special-course-wrapper .np-card-padding-large{
     padding: 5px;
 }

 .special-course-wrapper .np-card-padding-dynamic{

 }

 .special-learning-wrapper .np-card-container img{
     box-shadow: 1px 2px 4px 1px rgba(72, 103, 118, .5);
 }

 .special-learning-wrapper .np-card-container{
     border: 0px;
     box-shadow: none;
 }

 .special-learning-wrapper .np-resource-header{
     box-shadow: none;
     padding: 0px;
 }

 .special-learning-wrapper .np-card-padding{
     box-shadow: 1px 2px 4px 1px rgba(72, 103, 118, .5);
     border-radius: 20px;
     padding: 20px;
 }

 .special-learning-wrapper .np-learning-path-outline-course-image{
     box-shadow: none !important;
     border-radius: 10px !important;
 }

 .special-learning-wrapper .np-learning-path-certificate{
     border-radius: 20px;
 }

 .special-learning-wrapper .learning-path-row{
     padding: 24px;
     border-radius: 20px;
     box-shadow: 1px 2px 4px 1px rgba(72, 103, 118, .5);
 }

 .special-learning-wrapper .fa-chevron-right:before{
     color: #0a3b46;
     font-size: 2.2rem;
 }

 .special-course-wrapper .np-course-outline-content-activity-list-bar{
     padding: 0px;
     border-radius: 0px;
 }

 .special-course-wrapper .np-course-outline-content-activity-icon{
     color: #176981;
 }

 .np-color-success {
     color: #0d94ac !important;
     /*font-size: 100%;*/
 }

 .np-learning-paths .np-card-content{
     padding-top: 0px;
 }

 .np-learning-paths-main .np-card{
     margin-bottom: 20px;
 }


 .np-subpage-container-special{
     margin-bottom: 0px !important;
 }


 .special-learning-wrapper .np-learning-path-banner{
     box-shadow: none;
     border-radius: 20px;
 }

 .recommended-carousel .slick-list{
     padding-bottom: 20px !important;
 }

 .recommended-carousel .np-card-container{
     margin: 0 auto;
 }

/* @media screen and (min-width: 1170px) {
     .recommended-carousel .np-card-container {
         width: 300px;
     }
 }

 @media screen and (min-width: 767px) {
     .recommended-carousel .np-card-container {
         width: 550px;
     }
 }*/

 .login-links-forgot, .login-links-signup{
     color: #093b46;
 }

 .login-links-signup
 {
     font-size: 1.1rem;
     font-weight: 700;
 }

 .np-form-terms a{
     color: #093b46;
     font-weight: 700;
 }

 .np-header-sign-in{
     font-weight: 700;
 }

 .np-homepage-hero{
     height: 300px;
     background-image: linear-gradient(to right, #1C2C44, #0C94AC);
 }

 .logo-title-wrapper .logo-coachbar img{
     width: 275px;
 }

 .logo-title-wrapper .np-homepage-headline{
     color: #04FCC4;
     font-size: 56px;
 }

 .logo-title-wrapper .logo-coachbar,
 .logo-title-wrapper .np-homepage-headline{
     width: 300px;
     display: inline-block;
     vertical-align: middle;
 }

 .np-header-font-color{
     color: #fff;
 }

 .home-vertical-bar{
     display: inline-block;
     border: 1px solid #fff;
     height: 80px;
     vertical-align: middle;
     margin: 0 30px;
}

 .logo-title-wrapper .logo-coachbar{
     text-align: end;
 }
 .logo-title-wrapper .np-homepage-headline{
     text-align: start;
 }

 .np-homepage-subheadline{
     margin-top: 40px;
 }

 .the-product
 {
     border: 1px solid #717b8a;
     border-radius: 20px;
     padding: 30px;
     background: #fff;
     height: 17.6em;
     margin: 10px;
     box-shadow: 1px 1px 4px 1px rgba(72, 103, 118, .5);
 }

 .product-cb{
     /*margin-right: 15px;*/
 }

 .product-av .product-title{
     color: #ff81e3;
 }

 .product-cb .product-title{
     color: #0c94ac;
 }

 .product-cb .product-title,
 .product-av .product-title{
     font-weight: 600;
     font-size: 2rem;
     margin: 20px 0;
     margin-top: 10px;
 }

 .product-av{
     /*margin-left: 15px;*/
 }

 .product-selection{
     margin-top: 8px;
 }

 .product-image-wrapper .product-image-wrapper-inner{
     /* box-shadow: 1px 1px 4px 1px rgba(72, 103, 118, .5); */
     /* padding: 5px; */
     border-radius: 5px;
     display: flex;
     width: 75px;
     height: 75px;
 }

 .product-image-wrapper .product-image-wrapper-inner img{
     display: block;
     margin: 0 auto;
     width: 68px;
 }

 .product-selection a{
     text-decoration: none;
 }

 .product-selection .product-description{
     color: #000;
 }

 .product-selection .the-product:hover{
     box-shadow: rgba(0, 0, 0, 0.24) 10px 10px 10px;
     transition: box-shadow 0.3s ease-in-out;
 }

 .np-learning-paths img.np-learning-path-image{
     border-radius: 20px 0 0 20px;
 }

 .cover-cb-panel{

 }

 .cover-av-panel{

 }

 .np-homepage-hero-inner{
     background: transparent;
     height: 300px;
 }

 .np-homepage-hero-inner .np-homepage-hero-content{
     margin-top: 50px;
     padding: 0px;
     text-align: left;
     left: 0;
 }

 .np-homepage-hero-inner .np-header-font-color
 {
    color: #1c2c44;
 }

 .np-homepage-special-cb .np-homepage-hero,
 .np-homepage-special-av .np-homepage-hero{
     background: transparent;
 }

 .np-homepage-special-cb .np-homepage-headline{
     color: #0c94ac;
 }

 a.np-header-sign-in{
     color: #fff;
     background-image: linear-gradient(90deg, #0C94AC 0%, #07D0BA 100%);
     box-shadow: rgba(0, 0, 0, 0.20) 0 12px 38px;
     text-transform: uppercase;
     font-size: 14px;
     letter-spacing: 0.030rem;
     line-height: 1;
     padding: 16px 25px 14px 25px;
     border-radius: 9999px;
 }

 a.np-header-sign-in:hover{
     background-image: linear-gradient(90deg, #07D0BA 0%, #0C94AC 100%);
     color: #fff;
 }

 .np-homepage-special-av .np-homepage-headline{
     color: #550443;
 }

 .np-homepage-special-cb .np-homepage-subheadline,
 .np-homepage-special-av .np-homepage-subheadline{
     color: #000;
 }

 .np-homepage-special-cb{
     background: #e6f0f4;
 }

 .np-homepage-special-av{
     background: #f7f3ea;
 }

 .cover-av-panel .np-card-content-title .np-button-link,
 .cover-av-panel .np-card-content .np-button-link .np-card-content-title{
     color: #ff81e3;
 }

 .course-time{
     display: inline-block;
     position: absolute;
 }

 .special-course-wrapper .np-card-container,
 .special-learning-wrapper .np-resource-header{
     background: #f9fcff;
 }

 .special-course-wrapper .np-card-padding-dynamic,
 .special-learning-wrapper .learning-path-row{
     background: #fff;
 }

 .np-card-header-type,
 .np-card-header-icon,
 .np-learning-paths .np-button-color,
 .np-learning-path-items-count{
     color: #000;
 }

 .badge-card{
     min-width: 100px;
 }

 .np-homepage-special-webinars .np-homepage-headline{
     color: #04FCC4;
 }

 .np-homepage-special-webinars .heading-description{
     padding: 1rem 0 2rem;
     line-height: 1.8rem;
 }

 .np-homepage-special-webinars .events-carousel-wrapper{
     margin-bottom: 32px;
 }

 .np-homepage-special-webinars .heading-container{
     text-align: center;
 }

 .np-homepage-special-webinars .recommended-carousel .np-card-content-title,
 .np-homepage-special-webinars .np-card-content-subtitle,
 .np-homepage-special-webinars .course-full-description
 {
     padding: 0.4rem 1.5rem 0rem;
 }

 .np-homepage-special-webinars .np-card-content-title{
     margin-bottom: 0px;
 }

 @media screen and (min-width: 768px) {
     .np-homepage-special-webinars .np-card-content-title {
         min-height: 30px;
     }
 }

 .np-homepage-special-webinars .course-full-description{
     min-height: 170px;
     margin-top: 15px;
     color: #000;
     font-size: 15px;
     line-height: 21px;
 }

 .np-homepage-special-webinars .np-card-content-subtitle {
     font-size: 0.8rem;
 }

 .np-homepage-special-webinars .np-card-content-title{
     min-height: 4.4rem;
 }

 .np-homepage-hero-inner .np-homepage-hero-content,
 .np-learning-paths-main,
 .special-wrapper{
     margin-left: 20px;
     margin-right: 20px;
 }

 .events-carousel, .events-carousel-wrapper{
     padding-left: 20px;
     padding-right: 20px;
 }


 @media screen and (max-width: 768px) {
     .special-wrapper{
         display: flex;
         flex-direction: column;
     }
     .filter-container{
         width: 100% !important;
         margin: 0px;
         margin-bottom: 30px;
     }
     .catalog-content-wrapper{
         width: 100%;
     }
     .np-button-link{
         margin-top: 20px;
     }
     .special-course-wrapper .np-card-container{
         margin-left: 15px;
         margin-right: 15px;
         margin-top: 15px;
     }
 }

 .additional-special-a{
     margin: 0;
     display: inline-block;
     text-decoration: none
 }



 /************ AppVentory ************/
 
 .np-header-color {
     background: #550443;
 }

 .np-homepage-hero{
     background-color: transparent;
     background-image: linear-gradient(180deg, #ffc0f1 0%, #ffffff 100%);
 }

 .logo-title-wrapper .np-homepage-headline{
     color: #1c2c44;
 }

 .home-vertical-bar{
     border: 1px solid #1c2c44;
 }

 .np-header-font-color{
     color: #1c2c44;
 }

 a.np-header-sign-in{
    background-color: #ff81e3;
    background-image: none;
 }

 a.np-header-sign-in:hover{
     transition: background 0.3s;
     background-image: none;
     color: #fff;
 }

 .np-footer{
     background: transparent;
     background-color: #1c2c44;
 }

 body{
     background: #fefefe !important;
 }

 .np-footer-logo-image {
     filter: none;
     height: 30px;
     opacity: 1;
 }

 .np-sub-navigation-content .np-sub-navigation-content-item-bar{
     background-color: #ff81e3;
 }

 .np-learning-paths .np-button, .np-learning-paths .np-button-background-color, .np-learning-paths .np-learning-progress-bar-color, .np-button, .np-button-background-color{
     background-color: #1C2C44;
 }

 .np-homepage-special-webinars .np-homepage-headline{
     color: #1c2c44;
 }

 .np-homepage {
     margin-bottom: 0px;
     padding-bottom: 64px;
 }

 .np-appventory-banner-special .np-homepage-hero-content {
     margin: 0 auto;
     left: unset;
     text-align: center;
 }

 .np-subpage-container-special{
     background: #fff;
 }

 .np-appventory-banner-special-av{
     background: #f7f3ea;
 }

 .np-appventory-banner-special-cb{
     background: #e6f0f4;
 }

 .np-homepage-special-webinars .np-homepage-headline,
 .np-appventory-banner-special .np-homepage-headline{
    color: #550443;
 }

 .np-appventory-banner-special-av .np-homepage-headline{
     color: #550443 !important;
 }

 .np-appventory-banner-special-cb .np-homepage-headline{
     color: #0c94ac !important;;
 }

 .np-course-description{
     padding: 0 1.5rem 0.5rem;
 }

 .header-center{
     text-align: center;
 }

 .events-carousel-wrapper-text-center{
     margin-bottom: 0px;
 }

 .np-homepage-special-special{
     min-height: 900px;
 }

 /**/
 .np-card-padding{
     padding: 20px;
 }

 .recommended-carousel .np-card-content-title,
 .np-course-description{
     padding-left: 0px;
     padding-right: 0px;
 }

 .np-homepage-special .np-card-content-footer{
     padding: 0px;
 }

 .np-dashboard .recommended-carousel .np-card-content-title{
     padding: 0 1.5rem .5rem;
 }

 @media screen and (min-width: 768px) {
     .np-learning-paths .np-card-content-title {
         min-height: 50px;
     }

     .np-card-content-title {
         min-height: 80px;
     }
 }

 .np-homepage-special-special {
     min-height: 8vh;
 }

 @media screen and (max-width: 720px) {
     .np-homepage-special-special .logo-title-wrapper{
         text-align: center;
     }

     .np-homepage-special-special .logo-title-wrapper .logo-coachbar{

         display: none;
     }

     .np-homepage-special-special .logo-title-wrapper .home-vertical-bar{
         display: none;
     }

     .np-homepage-special-special .logo-title-wrapper .np-header-font-color{
         display: block;
         margin: 0 auto;
         text-align: center;
         margin-top: 20px;
         font-size: 3rem;
         color: #550643;
     }

     .np-homepage-special-special .np-homepage-subheadline{
     font-size: 1.2rem;
    }
 }

 .np-card-container-special .np-card-content-title{
     margin-left: 20px;
     margin-right: 20px;
     margin-top: 15px;
 }

 .np-card-container-special .np-card-content-footer{
     margin-left: 20px;
     margin-right: 20px;
     margin-bottom: 20px;
 }

 .np-course-description{
     color: #1c2c44;
 }

 .events-carousel-wrapper-special .np-card-content-title{
     padding: 0 !important;
     margin: 0;
 }

 .events-carousel-wrapper-special .np-card-content-subtitle{
     padding: 0;
 }

 .events-carousel-wrapper-special .course-full-description{
     padding: 0;
 }

 .home-middle-title{
     margin-top: 40px;
 }

 @media screen and (min-width: 768px) {
     .np-homepage-hero .np-homepage-headline {
         font-size: 2.5rem;
     }

     .np-resource-title {
         font-size: 1.75rem;
     }
 }

 .np-homepage-subheadline{
     font-size: 1.2rem;
 }
 .np-homepage-headline {
     font-size: 2.5rem;
     font-weight: 900;
 }

 .events-carousel-wrapper .heading-container .heading {
     font-size: 1.75rem;
 }

 .the-product{
     text-align: center;
     padding: 3rem !important;
 }

 .product-image-wrapper .product-image-wrapper-inner{
     margin: 0 auto;
     margin-bottom: 24px;
 }

 .the-product .product-title{
     margin-bottom: 24px;
 }

 @media (min-width: 768px) {
     .custom-block__link:active,
     .custom-block__link:focus,
     .custom-block__link:hover {
         transform: scale(1.045);
     }
 }