commit 26beb4c7f2c992da53e36b0ec14088f128f554d1 Author: Norm Rasmussen Date: Wed Feb 23 13:18:41 2022 -0500 new directory diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 00000000..3005ea2e Binary files /dev/null and b/.DS_Store differ diff --git a/customer_templates/.DS_Store b/customer_templates/.DS_Store new file mode 100644 index 00000000..0e9a6aff Binary files /dev/null and b/customer_templates/.DS_Store differ diff --git a/customer_templates/Boxligh_old_templates/_head.html.liquid b/customer_templates/Boxligh_old_templates/_head.html.liquid new file mode 100644 index 00000000..51909251 --- /dev/null +++ b/customer_templates/Boxligh_old_templates/_head.html.liquid @@ -0,0 +1,10 @@ + + + + + +{% if current_school.has_custom_styles? %} + +{% endif %} diff --git a/customer_templates/Boxlight_new_templates/_head.html.liquid b/customer_templates/Boxlight_new_templates/_head.html.liquid new file mode 100644 index 00000000..6f2d1ca5 --- /dev/null +++ b/customer_templates/Boxlight_new_templates/_head.html.liquid @@ -0,0 +1,6 @@ +{% styles default %} +{% styles colors %} +{% styles custom %} + \ No newline at end of file diff --git a/customer_templates/Boxlight_new_templates/homepage.html.liquid b/customer_templates/Boxlight_new_templates/homepage.html.liquid new file mode 100644 index 00000000..864405ae --- /dev/null +++ b/customer_templates/Boxlight_new_templates/homepage.html.liquid @@ -0,0 +1,52 @@ +{% include "header" %} +
+
+ {{ homepage.headline }} +
+
+ {{ homepage.headline }} +
+
+ {{ homepage.subheadline }} +
+ + {% t .discover %} + +
+
+ {% include "sub_navigation" %} +
+
+
+ {{ homepage.featured_courses_headline }} +
+
+ {{ homepage.featured_courses_subheadline }} +
+
+ {% if courses.featured.any? %} +
+ {% for course in courses.featured %} +
+ {% include "cards_course" with course %} +
+ {% endfor %} +
+ {% else %} +
+
+ {% t .empty, key: current_school.course_vocabulary %} +
+ {% t .empty, key: current_school.course_vocabulary %} +
+ {% endif %} +
+
+{% include "group_styles" %} +{% include "footer" %} \ No newline at end of file diff --git a/customer_templates/Boxlight_new_templates/styles.css.liquid b/customer_templates/Boxlight_new_templates/styles.css.liquid new file mode 100644 index 00000000..5ee01067 --- /dev/null +++ b/customer_templates/Boxlight_new_templates/styles.css.liquid @@ -0,0 +1,20 @@ +@font-face { + font-family: 'Open Sans', sans-serif !important; + src: url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap'); +} +body, html, div { + font-family: 'Open Sans', sans-serif !important; +} +.np-main.np-dashboard.np-subpage-container { + padding-top: 20px !important; +} +.np-sub-navigation { + padding-top: 10px !important; + padding-bottom: 10px !important; +} +.np-sub-navigation-content-item-bar { + display: none !important; +} +.np-header-desktop-nav-link.np-header-font-color{ + color: #215eb8; +} \ No newline at end of file diff --git a/customer_templates/CameraIQ/_cards_course.html.liquid b/customer_templates/CameraIQ/_cards_course.html.liquid new file mode 100644 index 00000000..5ee7345d --- /dev/null +++ b/customer_templates/CameraIQ/_cards_course.html.liquid @@ -0,0 +1,54 @@ + +
+ {% if course.ribbon %} +
+ {{ course.ribbon }} +
+ {% endif %} + {{ course.name }} +
+

+ {{ course.name }} +

+
+ {{ course.instructor_names }} +
+
+ {{ course.full_description }} +
+ +
+ {% t shared.progress, count: course.progress %} +
+
+ {{course.categories.first.name}} +
+
+
+ + \ No newline at end of file diff --git a/customer_templates/CameraIQ/_cards_featured_course.html.liquid b/customer_templates/CameraIQ/_cards_featured_course.html.liquid new file mode 100644 index 00000000..33c472c3 --- /dev/null +++ b/customer_templates/CameraIQ/_cards_featured_course.html.liquid @@ -0,0 +1,52 @@ +
+
+
+
+
+ {% include "course_details" %} +
+ {{ course.name }} +
+
+ +
+

+ {{ course.name }} +

+
+ {{ course.instructor_names }} +
+ +
+ {{ course.full_description }} +
+ +
+ + {% if course.enrolled? == false %} + {% t shared.enroll %} + {% elsif course.started? == false %} + {% t shared.start, key: current_school.course_vocabulary %} + {% elsif course.completed? %} + {% t shared.course.view, key: current_school.course_vocabulary %} + {% else %} + {% t shared.continue %} + {% endif %} + +
+
+ {% t shared.progress, count: course.progress %} +
+
+
+
+
+
+
+
diff --git a/customer_templates/CameraIQ/_course_details.html.liquid b/customer_templates/CameraIQ/_course_details.html.liquid new file mode 100644 index 00000000..e69de29b diff --git a/customer_templates/CameraIQ/_footer.html.liquid b/customer_templates/CameraIQ/_footer.html.liquid new file mode 100644 index 00000000..43a0c467 --- /dev/null +++ b/customer_templates/CameraIQ/_footer.html.liquid @@ -0,0 +1,80 @@ + diff --git a/customer_templates/CameraIQ/_head.html.liquid b/customer_templates/CameraIQ/_head.html.liquid new file mode 100644 index 00000000..f8b42c49 --- /dev/null +++ b/customer_templates/CameraIQ/_head.html.liquid @@ -0,0 +1,11 @@ +{% styles default %} +{% styles colors %} +{% styles custom %} + + + + + + + + diff --git a/customer_templates/CameraIQ/_header.html.liquid b/customer_templates/CameraIQ/_header.html.liquid new file mode 100644 index 00000000..559222f7 --- /dev/null +++ b/customer_templates/CameraIQ/_header.html.liquid @@ -0,0 +1,183 @@ +
+
+
+ {% if current_person.signed_in? %} + + + {% endif %} +
+ {% if current_school.logo_url %} +

+ + {{ current_school.name }} + +

+ {% else %} + + {{ current_school.name }} + + {% endif %} + +
+ +
+ + {% if current_person.signed_in? %} +
+
+ + +
+
+
+ + +
+ {% else %} +
+ +
+ {{ website_navigation.name }} + + {% endfor %} +
+ {% unless current_school.sso_active? %} + + {% t .profile_settings %} + + {% endunless %} + + {% t .sign_out %} + +
+
+
+ +{% include "messages" %} + diff --git a/customer_templates/CameraIQ/_section_faqs.html.liquid b/customer_templates/CameraIQ/_section_faqs.html.liquid new file mode 100644 index 00000000..d8bab326 --- /dev/null +++ b/customer_templates/CameraIQ/_section_faqs.html.liquid @@ -0,0 +1,109 @@ +
+
+
+ Frequently Asked Questions +
+
+
+
+
+
+ +
Q: Do I need photography experience before signing up for a course on Pixel Academy?
+
+
+
+

A: Absolutely not! We have courses available for every level and welcome any photographers - from beginners to advanced to take courses on Pixel Academy.

+
+
+
+
+
+ +
Q: Do I need advanced computer skills to use the Pixel app?
+
+
+
+

A: No, the Pixel app was built with modern design principles to ensure a sleek and frictionless photo editing experience. The app is very intuitive and does not require any technical computer skills to use.

+
+
+
+
+
+ +
Q: What certificates are available for me when I complete a course on Pixel Academy?
+
+
+
+

A: Pixel Academy has a number of certificates available to our photographers and is constantly creating new courses and certificate programs to elevate photography editing skills. Check out the Certification section in the Pixel app for more information.

+
+
+
+
+
+
+
+ +
Q: Can I take courses on an iPad, iPhone or other mobile devices/tablets, etc?
+
+
+
+

A: Yes! Our Pixel Academy is Designed with a mobile-first approach to ensure that the use experience is seamless on any device.

+
+
+
+
+
+ +
Q: Do I need to buy any books or other reference material to augment the course work?
+
+
+
+

A: Nope! Just come with your eagerness to learn! No additional books or reference material is needed to augment any of our courses.

+
+
+
+
+
+ +
Q: How will my instructors communicate with me while I’m taking a course? Can I contact them?
+
+
+
+

A: Instructors will send email notifications for any updates they want to provide to the learners of their lessons. Should you need to contact them, you can do so through email. Emails will be provided within the instructor section of the Pixel Academy.

+
+
+
+
+
+ +
+/ + + + \ No newline at end of file diff --git a/customer_templates/CameraIQ/_section_featured_photography(1).html.liquid b/customer_templates/CameraIQ/_section_featured_photography(1).html.liquid new file mode 100644 index 00000000..873a0b4e --- /dev/null +++ b/customer_templates/CameraIQ/_section_featured_photography(1).html.liquid @@ -0,0 +1,91 @@ +
+
+
+ Featured Customers +
+
+ + +
+ + + + \ No newline at end of file diff --git a/customer_templates/CameraIQ/_section_featured_photography.html.liquid b/customer_templates/CameraIQ/_section_featured_photography.html.liquid new file mode 100644 index 00000000..873a0b4e --- /dev/null +++ b/customer_templates/CameraIQ/_section_featured_photography.html.liquid @@ -0,0 +1,91 @@ +
+
+
+ Featured Customers +
+
+ + +
+ + + + \ No newline at end of file diff --git a/customer_templates/CameraIQ/_section_popular_topics.html.liquid b/customer_templates/CameraIQ/_section_popular_topics.html.liquid new file mode 100644 index 00000000..faf6a7ef --- /dev/null +++ b/customer_templates/CameraIQ/_section_popular_topics.html.liquid @@ -0,0 +1,15 @@ +
+
+
+ Popular Topics +
+
+
+
+ {% assign categories_by_name = current_school.filterable_categories | sort: "name" %} + {% for category in categories_by_name %} + {{ category.name }} + {% endfor %} +
+
+
\ No newline at end of file diff --git a/customer_templates/CameraIQ/_section_tips_tricks.html.liquid b/customer_templates/CameraIQ/_section_tips_tricks.html.liquid new file mode 100644 index 00000000..218df6f2 --- /dev/null +++ b/customer_templates/CameraIQ/_section_tips_tricks.html.liquid @@ -0,0 +1,121 @@ +
+
+
+ Projects From Our Users +
+
+ + +
+
+ +
+
+ “It's incredibly easy. I can design a high-quality make-up look and quickly post and promote on our social channels without ever leaving the Camera IQ platform.” +
+
+ Georgia Parent +
+
+ Global Content Strategy and Production, Consumer Engagement at Smashbox +
+
+
+ + + + + + \ No newline at end of file diff --git a/customer_templates/CameraIQ/_sub_navigation.html.liquid b/customer_templates/CameraIQ/_sub_navigation.html.liquid new file mode 100644 index 00000000..b913a39f --- /dev/null +++ b/customer_templates/CameraIQ/_sub_navigation.html.liquid @@ -0,0 +1,45 @@ +
+
+
+ + + + + + + +
+
+ + + + \ No newline at end of file diff --git a/customer_templates/CameraIQ/catalog.html.liquid b/customer_templates/CameraIQ/catalog.html.liquid new file mode 100644 index 00000000..33219a69 --- /dev/null +++ b/customer_templates/CameraIQ/catalog.html.liquid @@ -0,0 +1,39 @@ +{% include "header" %} +{% include "course_version_outdated_alert", courses: courses.in_catalog %} +
+
+
+
+
+ Camera IQ Learning Program +
+
+ Resources to help you make the most of your AR Experiences +
+
+
+{% include "sub_navigation" %} + {% include "courses_catalog" %} +
+{% include "footer" %} + + + + + \ No newline at end of file diff --git a/customer_templates/CameraIQ/community.html.liquid b/customer_templates/CameraIQ/community.html.liquid new file mode 100644 index 00000000..c40c9b73 --- /dev/null +++ b/customer_templates/CameraIQ/community.html.liquid @@ -0,0 +1,45 @@ +{% include 'header' %} +
+
+

Community page

+
+ {% include 'sub_navigation' %} +
+ +
+
+{% include 'footer' %} + + \ No newline at end of file diff --git a/customer_templates/CameraIQ/homepage.html.liquid b/customer_templates/CameraIQ/homepage.html.liquid new file mode 100644 index 00000000..246a1267 --- /dev/null +++ b/customer_templates/CameraIQ/homepage.html.liquid @@ -0,0 +1,75 @@ +{% include "header" %} +{% include "course_version_outdated_alert", courses: courses.featured %} +
+
+
+
+
+
+ {{ homepage.headline }} +
+
+ {{ homepage.subheadline }} +
+
+
+ {% include "sub_navigation" %} +
+
+
+ {{ homepage.featured_courses_headline }} +
+
+ {{ homepage.featured_courses_subheadline }} +
+
+ {% if courses.featured.any? %} +
+ {% for course in courses.featured %} +
+ {% include "cards_featured_course" with course %} +
+ {% endfor %} +
+ {% else %} +
+
+ {% t .empty, key: current_school.course_vocabulary %} +
+ {% t .empty, key: current_school.course_vocabulary %} +
+ {% endif %} +
+ {% include "section_popular_topics" %} + + {% include "section_featured_photography" %} + + {% include "section_tips_tricks" %} + + {% include "section_faqs" %} + +
+{% include "footer" %} + + + + \ No newline at end of file diff --git a/customer_templates/CameraIQ/styles.css.liquid b/customer_templates/CameraIQ/styles.css.liquid new file mode 100644 index 00000000..93b37482 --- /dev/null +++ b/customer_templates/CameraIQ/styles.css.liquid @@ -0,0 +1,1730 @@ +/* + Put your custom overlay styles in here + You can use your northpass color palette in this file + +{{ color_palette.button_font_color }} +{{ color_palette.button_color }} +{{ color_palette.button_hover_color }} +{{ color_palette.header_font_color }} +{{ color_palette.header_font_hover_color }} +{{ color_palette.header_color }} +*/ + +/**** TABLE OF CONTENTS ======== + +1.0 - GLOBAL STYLING +2.0 - PAGE SPECIFIC STYLING + 2.1 - HOMEPAGE + 2.2 - DASHBOARD + 2.3 - CATALOG + 2.4 - COURSE COVER PAGE + 2.5 - TRAINING SESSION + 2.6 - LOGIN PAGE + 2.7 - LEARNING PATH COVER PAGE +3.0 - COMPONENT SPECIFIC STYLING + 3.1 - HEADER + 3.2 - SUB NAV + 3.3 - FOOTER + 3.4 - BUTTONS + 3.5 - HEADINGS, SUBHEADS & GENERAL TEXT + 3.6 - COURSE CARD + 3.7 - LEARNING PATH CARD + 3.8 - TRAINING EVENT CARD + 3.9 - COURSE BANNER + 3.10 - COURSE DETAILS + 3.11 - COURSE OUTLINE + 3.12 - FILTER DROPDOWN + 3.13 - CAROUSEL - GLOBAL STYLES + 3.14 - CAROUSEL - EVENTS + 3.15 - CAROUSEL - COURSES + 3.16 - CAROUSEL - INSTRUCTORS + 3.17 - HOMEPAGE SECTION - FEATURED PHOTOGRAPHY + 3.18 - HOMEPAGE SECTION - TIPS & TRICKS + 3.19 - HOMEPAGE SECTION - FAQS + 3.20 - HOMEPAGE SECTION - FEATURED COURSES +*/ + +/* + 1.0 GLOBAL SYLING +*/ +body { + background: #242221; + font-family: "Lexend", "Roboto", sans-serif; +} + +div { + color: #fff; +} +.np-color-white { + color: #fff; +} +.np-main { + background: #242221; +} + +.np-main .np-resource-title, +.np-main .np-resource-subtitle, +.np-top-title, +.np-training-session-sessions-title, +.np-content-instructors-content-name, +.np-content-instructors-content-info { + color: #fff; +} + +.np-main .np-resource-subtitle, +.np-training-session-sessions-title, +.np-content-instructors-content-info { + opacity: 0.5; +} + +.np-resource-title { + font-weight: bold; +} +.np-card-image { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.np-resource-header-card { + background: transparent; + box-shadow: none; + color: #fff; +} + +.np-dashboard-border { + background: transparent; + border: 1px solid rgba(255, 255, 255, 0.15); +} + +.np-dashboard-border .np-card-content, +.np-dashboard-border.np-card-container { + background: transparent; +} +.np-dashboard-resources .np-card:last-of-type { + padding-bottom: 1rem; +} + +.np-card-content-divider { + border-top: 1px solid rgba(255, 255, 255, 0.15); + margin-top: 3rem; + padding-top: 3rem; +} + +.np-top-cta { + background: black; + border-radius: 0; +} +.np-text-light { + color: rgba(255, 255, 255, 0.5); +} +.np-flex-wrapper { + display: flex; +} + +.choices__list--dropdown .choices__item { + color: #002532; +} +.dropdown [type="checkbox"]:checked + label:before { + background-color: #298e4e; +} + +.dropdown-button-apply { + background: #0297FA !important; + color: #fff; +} + +.np-zero-state-text { + color: #fff; + opacity: 0.5; +} +.np-dashboard-resources-container, +.np-learning-paths-resources-container { + border: 1px solid rgba(255, 255, 255, 0.5); + border-radius: 0; +} + +.np-course-version-outdated-popup-trigger, +.np-popup-header-icon { + color: #2bb24c; +} +.np-popup-tooltip { + background-color: black; + color: #fff; + border: 2px solid rgba(255, 255, 255, 0.5); + border-radius: 0; + bottom: 30px; + box-shadow: 0 2px 8px 0 rgb(53 64 78 / 25%); +} +.np-popup-header { + background-color: black; + border-radius: 0; + color: #fff; +} +.np-popup-body, +.np-popup-header-title { + color: #fff; +} +.np-popup-body-button { + background: #0297FA; + border-radius: 0; + text-transform: uppercase; +} + +.np-alert.np-alert-info { + background: #0297FA; +} + +@media (min-width: 768px) { + .np-md-flex-wrapper { + display: flex; + } +} + +/* + 2.0 - PAGE SPECIFIC STYLING +*/ + +/* + 2.1 - HOMEPAGE +*/ +.np-homepage-hero-image { + height: 250px; +} + +.np-homepage-hero-content { + padding: 2.25rem 2.5rem; + bottom: 0; +} +.np-homepage-featured-text { + padding: 0 2rem 2rem; +} +.np-homepage-featured { + margin-top: 4rem; +} +.np-homepage-featured .np-homepage-headline, +.np-homepage-featured .np-homepage-subheadline { + color: #fff; +} + +.np-homepage-hero .np-homepage-headline { + font-size: 32px; + line-height: 48px; + font-family: "Roboto", sans-serif; +} +.np-homepage-featured .np-homepage-subheadline { + opacity: 0.5; +} + +.np-homepage-hero-cta, +.np-button.np-homepage-hero-cta { + margin-top: 1.5rem; + background: rgba(0, 37, 50, 0.5); + text-transform: uppercase; + height: 40px; +} + +.np-topics-list { + margin: 0 4%; +} +.np-topics-list .np-stretch-content { + flex-flow: row wrap; +} +.np-topics-list .np-button-secondary { + margin: 6px 0; + flex: 0 1 1; +} + +.np-topics-list .np-button.np-top-button { + text-transform: none; + padding: 0 1rem; + white-space: normal; + text-align: center; +} + +@media screen and (min-width: 768px) { + .np-homepage-featured-text { + padding: 0 4rem 2rem; + } + .np-homepage-hero-image { + height: auto; + min-height: 250px; + } + .np-homepage-hero-content { + padding: 5rem 4rem 2.25rem; + bottom: 0; + } + + .np-homepage-hero-cta, + .np-button.np-homepage-hero-cta { + margin-top: 2.25rem; + height: 50px; + } + + .np-homepage-hero .np-homepage-headline { + font-size: 36px; + line-height: 45px; + } + .np-homepage-hero .np-homepage-subheadline { + font-size: 18px; + line-height: 24px; + } + .np-button { + font-size: 0.875rem; + height: 40px; + } + + .np-topics-list { + margin: 0 4.5%; + } + .np-topics-list .np-button-secondary { + margin: 6px; + flex: 0 1 calc(33.33% - 12px); + height: 52px; + } +} + +@media screen and (min-width: 992px) { + .np-homepage-hero-image { + min-height: 250px; + } + .np-homepage-hero-content { + bottom: auto; + } + + .np-homepage-hero .np-homepage-headline { + font-size: 58px; + line-height: 72px; + } + .np-homepage-hero .np-homepage-subheadline { + font-size: 24px; + line-height: 32px; + } + .np-topics-list .np-button-secondary { + flex: 0 1 calc(25% - 12px); + } + .np-homepage-featured { + margin-top: 6.25rem; + } +} + +@media screen and (min-width: 1200px) { + .np-topics-list .np-button-secondary { + flex: 0 1 calc(20% - 12px); + } + .np-homepage-hero .np-homepage-headline { + font-size: 66px; + line-height: 82px; + } +} + +/* + 2.2 - DASHBOARD PAGE +*/ + +.np-dashboard { + background: #242221; +} + +.np-dashboard-resources-title { + color: #fff; + opacity: 0.5; + margin-bottom: 19px; +} + +.np-dashboard .np-dashboard-resources-title, +.np-dashboard .np-md-flex-wrapper { + margin-bottom: 19px; +} +.np-dashboard .dashboard-section-courses .np-dashboard-resources-title { + margin-bottom: 0; +} +.np-dashboard .np-learning-paths-resources .np-card { + padding-bottom: 2.187rem; +} + +.np-dashboard-resources-category { + font-size: 20px; + line-height: 25px; + display: block; + font-weight: 500; + margin-top: 4px; +} + +@media (min-width: 768px) { + .np-dashboard .np-md-flex-wrapper .np-dashboard-resources-title { + margin-bottom: 0; + } + .np-dashboard-resources-title { + font-size: 0.937rem; + } + .np-dashboard .np-md-flex-wrapper { + justify-content: space-between; + align-items: flex-end; + } +} + +/* + 2.3 - CATALOG +*/ + +.np-catalog .np-progress-filter-wrapper, +.np-catalog .np-filter { + margin-bottom: 24px; +} +.catalog-filters { + display: flex; + justify-content: flex-end; + align-items: center; +} + +@media (min-width: 768px) { + .np-catalog-header { + align-items: start; + } + .np-catalog .np-progress-filter-wrapper, + .np-catalog .np-filter { + margin: 0; + } +} + +/* + 2.4 - COURSE COVER PAGE +*/ +#course-desktop .np-course-content { + background: #242221; + padding: 0; +} +#course-mobile .np-card-container { + background: #242221; + margin-top: 0; +} +.np-content-instructors-content-name { + font-size: 1.062rem; + margin-bottom: 3px; +} +.np-content-instructors-content-info { + font-size: 0.937rem; +} + +.np-content-categories-content-item { + background: #0297FA; + color: #fff; +} + +/* + 2.5 TRAINING SESSION +*/ + +.np-training-session-tile, +.np-training-session-tile:hover { + background-color: black; + border-radius: 0; + color: #fff; +} + +.np-training-session-tile-icon, +.np-training-session .np-top-vocabulary .np-training-session-icon, +.np-button-color.np-training-session-icon { + color: #2bb24c; +} +.np-training-session-tile-chevron { + color: #fff; +} + +.np-training-session .np-card-training-session-date-bar { + left: 0; + right: auto; + transform: rotate(180deg); +} + +.np-training-session-zero-state { + border: 1px solid rgba(255, 255, 255, 0.5); + border-radius: 0px; +} + +/* + 2.6 LOGIN PAGE +*/ + +.np-account .np-form-action { + background: #0297FA; + text-transform: uppercase; +} +.np-input-label { + color: #fff; + font-size: 0.85rem; + margin-bottom: 0.35rem; + opacity: 0.75; +} + +.np-account-avatar p { + color: #fff; +} +.terms-of-service a { + color: #2bb24c; +} +.np-account-avatar-choice .np-button-secondary { + background: transparent !important; + border: 1px solid rgba(255, 255, 255, 0.5); + color: #fff; + height: 40px !important; +} + +.np-open-access .np-box, +.np-open-access .np-box .np-header-color { + border-radius: 0; + background: black; + box-shadow: none; +} +.np-open-access .np-alert.np-alert-error, +.np-open-access .np-box .np-box-content-container .np-form-action { + background: #0297FA; +} + +.np-open-access .np-box .np-box-content-container .np-form-headline { + color: #fff; + margin-bottom: 1.5rem; +} + +.np-open-access .np-box .np-box-content-container .np-form-subheadline { + color: #fff; + opacity: 0.75; +} + +.np-open-access .np-box .np-box-content-container .np-form-action { + background: #0297FA; + text-transform: uppercase; +} + +/* + 2.7 - LEARNING PATH COVER PAGE +*/ + +.np-learning-path-outline-inactive-item { + border: 1px solid rgba(255, 255, 255, 0.5); +} + +.np-learning-path-outline-bar { + background: rgba(255, 255, 255, 0.5); + border-radius: 0; + width: 3px; +} + +.np-top-image, +.np-learning-path-outline-course-image { + border-radius: 0; +} + +/* + 3.0 - COMPONENT SPECIFIC STYLING +*/ + +/* + 3.1 - HEADER +*/ +.np-header { + background: #242221; +} + +.np-header.np-header-absolute { + position: absolute; + background: transparent; + border-bottom: none; +} + +@media (min-width: 768px) { + .np-dashboard-header .np-resource-subtitle { + margin-bottom: 2.5rem; + } + .np-header-desktop-nav { + display: none; + } +} + +@media (min-width: 1024px) { + .np-header-desktop-nav { + display: flex; + } +} + +/* + 3.2 - SUB NAV +*/ + +.np-sub-navigation { + background: #242221; + margin-bottom: 1rem; + padding: 0 1rem 0; +} + +.np-sub-navigation-content-item-link { + font-size: 22px; + justify-content: flex-end; + height: 30px; + color: #fff; + opacity: 0.5; +} + +.np-sub-navigation-content-item-active .np-sub-navigation-content-item-link { + color: #fff; + opacity: 0.7; + font-weight: 500; + justify-content: flex-end; +} + +.np-sub-navigation-content-item-active .np-sub-navigation-content-item-link, +.np-sub-navigation-content-item-active .np-sub-navigation-content-item-bar { + opacity: 1; +} + +.np-sub-navigation-content-item-bar { + background-color: #fff; + margin: 0 auto; + width: 100%; + opacity: 0; + display: block; + height: 0.2rem; +} + +/* + 3.3 - FOOTER +*/ +.np-footer { + background: #242221 !important; +} +.np-footer + .np-powered-by { + background: #242221 !important; +} +.np-footer-navigation-link, +.np-footer-social-links-icon.np-button-color, +.np-footer-support-link.np-button-color { + color: #2bb24c; +} +.np-footer-support-item { + color: rgba(255, 255, 255, 0.5); +} + +/* + 3.4 - BUTTONS +*/ + +.np-button { + border-radius: 0; +} + +.np-top-button.np-button.np-button-secondary, +.np-button.dropdown-button { + background-color: transparent !important; + background-image: none; + border: 1px solid rgba(255, 255, 255, 0.5); + color: rgba(255, 255, 255, 0.5); + font-weight: 600; +} + +.np-button.np-background-color, +.np-button.np-top-button, +.np-card-content-footer .np-button { + background: #0297FA; + text-transform: uppercase; +} + +button.enwYlE, +button.enwYlE:hover { + background-color: transparent; + border: 1px solid rgba(255, 255, 255, 0.5); + border-radius: 0; + padding: 8px 12px; + color: #fff !important; +} + +button.jryxug { + color: #fff; +} +.bpSgf, +.fsgQJU { + color: rgba(255, 255, 255, 0.75) !important; +} + +.mjmTc { + border-radius: 0 !important; +} + +/* 3.5 - HEADINGS, SUBHEADS & GENERAL TEXT */ +.np-card-heading { + font-size: 1.25rem; +} +.np-text-title { + color: #fff; + font-size: 0.937rem; +} + +@media (min-width: 768px) { + .np-card-heading { + font-size: 1.5rem; + line-height: 1.875rem; + } + .np-card-text { + line-height: 1.75rem; + } +} + +/* + 3.6 - COURSE CARD +*/ +.np-card-container { + height: auto; + position: relative; + color: #fff; +} + +.np-card-container, +.np-card-container-training-session { + background: black; + border-radius: 0; + box-shadow: none; +} + +.np-card-padding, +.np-card-padding-dynamic { + padding: 1.5rem; +} + +.np-card-image-overlay { + position: absolute; + width: 100%; + height: 100%; + opacity: 0.9; +} + +.np-card-image-content-top, +.np-card-image-content-bottom { + position: absolute; + left: 1.5rem; + z-index: 1; +} + +.np-card-image-content-top { + top: 1.5rem; +} +.np-card-image-content-bottom { + bottom: 1.5rem; + display: flex; + justify-content: space-between; + align-items: center; +} +.np-card-image-content-bottom .np-card-content-progress { + color: #fff; + margin-top: 0; +} +.np-card-content { + background: black; +} +.np-card-content-footer { + margin-top: 1.2rem; +} +.np-card-content-footer .np-button { + width: 100%; +} + +@media screen and (min-width: 768px) { + .np-card-content-title { + font-size: 1.1rem; + flex: 1; + } + + .np-card-image-content-top, + .np-card-image-content-bottom { + left: 1.5rem; + right: 1.5rem; + } + + .np-card-image-content-top { + top: 1.5rem; + } + .np-card-image-content-bottom { + bottom: 1.5rem; + } + .np-card-padding, + .np-card-padding-dynamic { + padding: 1.5rem; + } +} + +@media screen and (min-width: 1024px) { + .np-card-content-title { + font-size: 1.5rem; + } + + .np-card-image-content-top, + .np-card-image-content-bottom { + left: 2rem; + right: 2rem; + } + + .np-card-image-content-top { + top: 2rem; + } + .np-card-image-content-bottom { + bottom: 2rem; + } + .np-card-padding, + .np-card-padding-dynamic { + padding: 2rem; + } +} + +/* + 3.7 - LEARNING PATH CARD +*/ + +.np-learning-path .np-card-text-wrapper { + position: relative; + z-index: 2; +} + +.np-learning-paths .np-card-content-description { + color: #fff; +} +.np-learning-path .np-card-content-title { + color: #fff; + flex: 2; +} +.np-learning-paths .np-learning-path .np-card-content-title { + flex: none; +} +.np-learning-path .np-card-content-progress { + color: #2bb24c; +} +.np-learning-path .np-card-content-footer .np-button { + width: auto; +} + +@media (min-width: 768px) { + .np-learning-path-image { + width: 37%; + } + .np-card-content-title { + flex: 0; + } + + .np-main:not(.np-training-events) .np-dashboard-resources .np-card { + padding-right: 0; + padding-left: 0; + } + + .np-learning-paths .np-card-content { + padding: 2rem; + height: 100%; + } + + .np-learning-path .np-card-content { + height: 100%; + display: flex; + } + + .np-learning-path { + display: flex; + } +} + +@media (min-width: 1024px) { + .np-learning-path { + display: flex; + min-height: 260px; + } +} + +/* + 3.8 - TRAINING EVENTS CARD +*/ + +.np-event-card .np-card-container { + border: 2px solid rgba(255, 255, 255, 0.15); +} + +.np-event-card .np-card-content { + padding: 1.062rem 1rem 1.062rem 1.25rem; + border-top: 2px solid rgba(255, 255, 255, 0.15); + flex: 0; +} + +.np-card-content-training-event { + padding: 1rem 1rem 0.5rem; +} +.np-button.dropdown-calendar-button { + background: #0297FA; +} +.np-card-content-training-event .np-card-content-title, +.np-card-content-training-event .np-card-content-subtitle { + color: #fff; +} +.np-card-content-training-event .np-card-content-subtitle { + opacity: 0.5; + flex: 1; +} + +.np-card-training-session { + margin-top: 0.9rem; + border-radius: 0; + background: transparent; + display: flex; + justify-content: space-between; + align-items: center; + margin-right: -10px; +} + +.np-card-training-session .np-card-content-label { + background: rgba(255, 255, 255, 0.15); + border-radius: 0; + color: #fff; + padding: 3px 6px; + margin-bottom: 0; +} + +.np-card-training-session-date-year, +.np-card-training-session-date-month { + text-align: right; + color: #fff; +} + +.np-training-session .np-card-training-session-date-year, +.np-training-session .np-card-training-session-date-month { + text-align: left; +} + +.np-card-training-session-date-day { + margin-right: 0; + margin-left: 5px; + color: #fff; +} + +.np-card-training-session-date-year { + opacity: 0.5; +} + +.np-card-training-session-date-bar { + border-bottom-right-radius: 0; + border-top-right-radius: 0; + right: 0; + left: auto; + width: 0; + height: 0; + border-top: 16px solid transparent; + border-bottom: 18px solid transparent; + border-right: 16px solid #2bb24c; + background: none; +} + +.np-card-training-sessions-label { + color: #fff; +} +.np-event-card .np-card-container { + height: 100%; +} +.np-card-training-sessions { + background: transparent; + padding: 0; +} + +.np-card-training-sessions .np-button { + background: linear-gradient(90deg, #298e4e -10.98%, #035161 100%); + font-weight: 800; + text-transform: uppercase; + font-size: 0.875rem; + height: 40px; +} + +@media (min-width: 768px) { + .np-card-content-training-event { + flex: 1; + display: flex; + flex-direction: column; + } + + .np-card-content-training-event { + padding: 2rem 2rem 0.5rem; + } +} + +/* + 3.9 - COURSE BANNER +*/ +.np-course-banner { + position: relative; + margin-bottom: 2.5rem; + padding: 0; +} + +.np-course-banner-image { + display: block; + width: 100%; +} + +.np-course-info.np-course-banner-info { + position: absolute; + bottom: 1.5rem; + left: 1.5rem; + width: 80%; +} + +.np-course-banner .np-course-title { + font-size: 1.5rem; + margin-bottom: 2rem; + font-weight: bold; +} + +@media (min-width: 768px) { + .np-course-banner-image { + margin: 0 0 0 auto; + width: 50%; + } + + .np-course-banner-overlay { + background: linear-gradient(238.17deg, rgba(3, 81, 97, 0) 55.34%, #298e4e 111.28%), + linear-gradient(90deg, #035262 0%, #035161 49.48%, rgba(3, 82, 98, 0) 73.44%); + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + } + + .np-course-info.np-course-banner-info { + bottom: 2rem; + left: 2rem; + width: 75%; + } + + .np-course-banner .np-course-title { + font-size: 3rem; + margin-bottom: 2.5rem; + } +} + +@media (min-width: 1170px) { + .np-course-info.np-course-banner-info { + bottom: 5.25rem; + left: 6.25rem; + width: 60%; + } + + .np-course-banner .np-course-title { + font-size: 4.125rem; + margin-bottom: 3.125rem; + } +} + +/* + 3.10 - COURSE DETAILS +*/ +.np-course-details { + display: flex; +} + +.np-course-detail { + font-size: 1.125rem; + color: #fff; + flex: 0 1 calc(33.33%); +} + +.np-details-label { + text-transform: uppercase; + opacity: 0.5; + font-size: 0.75rem; + display: block; + font-weight: bold; + margin-top: 2px; +} + +@media screen and (min-width: 768px) { + .np-course-detail { + font-size: 1.5rem; + } + .np-course-banner-info .np-course-details { + max-width: 430px; + } +} + +@media (min-width: 1170px) { + .np-course-banner-info .np-course-detail { + font-size: 2rem; + } + .np-course-banner-info .np-details-label { + font-size: 1.062rem; + margin-top: 3px; + } +} + +/* + 3.11 - COURSE PROGRESS & CTA +*/ +.np-card-progress-bar-container, +.np-progress-bar-container { + background: #263e47; + border-radius: 0; +} + +.np-card-progress-bar { + border-radius: 0; + background-color: #2bb24c; +} + +.np-top-cta-progress-title { + color: #fff; + text-transform: none; + margin-top: 0.7rem; + margin-bottom: 0.7rem; +} +.np-top-cta-progress-text { + color: #2bb24c; +} + +/* + 3.12 - COURSE OUTLINE +*/ + +.np-course-outline-content { + margin-top: 20px; +} +.np-course-outline-content-section-name { + border-bottom: 1px solid rgba(255, 255, 255, 0.15); +} + +.np-course-outline-content-activity-list { + border-bottom: 1px solid rgba(255, 255, 255, 0.15); + padding: 1rem 0; +} + +.np-course-outline-content-activity-link { + color: #809299; + font-size: 0.937rem; +} + +.np-course-outline-content-activity-link-completed { + color: #fff; + font-size: 0.937rem; + font-weight: 400; +} + +.np-course-outline-content-activity-icon, +.np-course-outline-content-activity-title { + color: rgba(255, 255, 255, 0.5); + font-size: 0.937rem; + padding: 0.15rem 1.25rem 0 0.75rem; +} + +.np-course-outline-content-activity-icon.fa-check { + color: #2bb24c; +} + +.np-course-outline-content-activity-icon.icon-course-not-started { + position: relative; + width: 20px; + height: 17px; + margin-left: 11px; + margin-right: 5px; +} + +.np-course-outline-content-activity-icon.icon-course-not-started::before, +.np-course-outline-content-activity-icon.icon-course-not-started::after { + content: ""; + position: absolute; + width: 16px; + height: 2px; + background-color: rgba(255, 255, 255, 0.25); + left: 0; + top: 5px; +} + +.np-course-outline-content-activity-icon.icon-course-not-started::before { + width: 9px; + top: 10px; +} + +/* + 3.12 - FILTER DROPDOWN +*/ + +.np-button.dropdown-button { + border: 2px solid rgba(255, 255, 255, 0.25); + padding: 9px 60px 9px 20px; + height: auto; + position: relative; + color: #fff; +} + +.np-button.dropdown-button:before { + content: ""; + position: absolute; + width: 20px; + height: 100%; + border-left: 2px solid rgba(255, 255, 255, 0.25); + right: 20px; + top: 0; +} + +.np-button.dropdown-button:after { + content: "\f078"; + font-family: "Font Awesome 5 Pro"; + position: absolute; + width: 20px; + height: 100%; + color: rgba(255, 255, 255, 0.5); + right: 10px; + top: 0; + display: flex; + justify-content: center; + align-items: center; + font-size: 1rem; +} + +.dropdown-menu { + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.25); + color: #fff; + background-color: #242221; + box-shadow: none; + top: 95%; +} + +/* + 3.13 - CAROUSEL - GLOBAL STYLES +*/ + +.np-carousel { + margin-bottom: 3rem; +} +.np-carousel-bg-blue { + background: black; +} +.np-carousel .slick-track { + display: flex; +} +.np-carousel .slick-slide { + height: auto; +} +.np-carousel .np-card { + height: 100%; +} + +.np-carousel .slick-arrow { + color: #2bb24c; + font-size: 2.5rem; + opacity: 1; + transition: opacity 0.2s; + display: flex; + align-items: center; + top: 0; +} + +.np-carousel .slick-arrow:before { + position: absolute; + width: 80px; + z-index: 500; + display: flex; + height: 100%; + align-items: center; + top: 0; +} + +.np-carousel .slick-arrow.fa-chevron-left { + left: -8px; +} + +.np-carousel .slick-arrow.fa-chevron-right { + right: -8px; + justify-content: flex-end; +} + +.np-carousel .slick-arrow.fa-chevron-left:before { + background: linear-gradient(90deg, #242221 10%, rgba(0, 37, 50, 0) 100%); + cursor: pointer; +} + +.np-carousel .slick-arrow.fa-chevron-right:before { + background: linear-gradient(270deg, #242221 10%, rgba(0, 37, 50, 0) 100%); + justify-content: flex-end; + cursor: pointer; +} + +.np-carousel .slick-arrow.slick-disabled { + opacity: 0; + cursor: text; +} +.np-carousel-card .np-card { + padding-bottom: 0; +} + +.np-carousel .slick-dots { + display: flex; + justify-content: space-between; + padding: 0; + margin: 0 auto; + max-width: 200px; +} +.np-carousel .slick-dots li button { + display: none; +} + +.np-carousel .slick-dots li::marker { + color: #2bb24c; + font-size: 1.7rem; +} + +@media (min-width: 768px) { + .np-carousel .slick-track { + margin-left: 0; + } + + .np-carousel .slick-arrow.fa-chevron-right:before { + background: linear-gradient(270deg, #242221 36.11%, rgba(0, 37, 50, 0) 100%); + } + + .np-carousel .slick-arrow.fa-chevron-left:before { + background: linear-gradient(90deg, #242221 36.11%, rgba(0, 37, 50, 0) 100%); + } +} + +@media (min-width: 1024px) { + .np-carousel .slick-arrow:before { + width: 100px; + } +} + +/* + 3.14 - CAROUSEL - EVENTS +*/ +.events-carousel { + background: black; + padding: 1.5rem 0; + margin: 0 1.1rem 3rem; +} +.events-carousel .slick-track { + padding: 0 8px; +} +.events-carousel .np-card { + padding: 0 0.8rem; +} +.events-carousel .slick-arrow.fa-chevron-right { + right: -26px; +} +.events-carousel .slick-arrow.fa-chevron-left { + left: -26px; +} + +@media (min-width: 768px) { + .events-carousel .np-card { + padding: 0 1rem; + } + .events-carousel { + padding: 2rem 0; + margin: 0 0 3rem; + } + .events-carousel .slick-arrow.fa-chevron-right { + right: -8px; + } + .events-carousel .slick-arrow.fa-chevron-left { + left: -8px; + } +} + +@media (min-width: 1170px) { + .events-carousel .np-card { + padding: 0 1rem; + } +} + +/* + 3.15 - CAROUSEL - COURSES +*/ + +@media (min-width: 768px) { + .courses-carousel { + margin-left: -1rem; + margin-right: -1rem; + } + + .courses-carousel .np-carousel-card .np-card { + padding-right: 1rem; + padding-left: 1rem; + } +} + +@media (min-width: 1024px) { + .courses-carousel { + margin-left: -2rem; + margin-right: -2rem; + } + .courses-carousel .np-carousel-card .np-card { + padding-right: 2rem; + padding-left: 2rem; + } +} + +/* + 3.16 - CAROUSEL - INSTRUCTORS +*/ +.instructors-carousel .instructor-slide { + display: flex !important; + align-items: center; +} +.instructors-carousel .instructor-image { + border-radius: 50%; + width: 100px; + height: 100px; + min-width: 100px; + background: black; + display: flex; + justify-content: center; + align-items: center; + margin-right: 16px; +} + +.instructors-carousel .instructor-image img { + border-radius: 50%; + width: 80px; + height: 80px; +} + +.instructors-carousel .instructor-name { + font-size: 18px; + line-height: 22px; + font-weight: bold; +} + +.instructors-carousel .instructor-email { + font-size: 14px; + line-height: 18px; + font-weight: 500; + color: #2bb24c; + text-decoration: none; +} + +.instructors-carousel .instructor-joined { + font-size: 14px; + line-height: 20px; + font-weight: 500; + opacity: 0.5; + margin-top: 16px; +} + +@media (min-width: 1024px) { + .instructors-carousel { + margin-top: 32px; + } + + .instructors-carousel .instructor-image { + width: 160px; + height: 160px; + min-width: 160px; + margin-right: 22px; + } + + .instructors-carousel .instructor-image img { + width: 120px; + height: 120px; + } + .instructors-carousel .instructor-name { + font-size: 20px; + line-height: 25px; + } + .instructors-carousel .instructor-email { + font-size: 16px; + line-height: 20px; + } + .instructors-carousel .instructor-joined { + font-size: 16px; + margin-top: 20px; + } +} + +/* + 3.17 - HOMEPAGE SECTION - FEATURED PHOTOGRAPHY +*/ + +.featured-photography-carousel { + margin: 0 22px 3rem; + padding: 2rem 0; +} +.featured-photography-carousel .slick-track { + padding: 0 2rem; +} +.featured-photography-carousel .slick-arrow { + margin: 0 -10px; +} + +.featured-photography-carousel .slide-label { + font-size: 0.9375rem; + margin-top: 8px; + font-weight: 600; +} + +@media (min-width: 768px) { + .featured-photography-carousel { + margin: 0 2rem 3rem; + } + .featured-photography-carousel .slick-arrow { + margin: 0; + } +} + +@media (min-width: 1024px) { + .featured-photography-carousel { + margin: 0 4.0625rem 3rem; + } +} + +/* + 3.18 - HOMEPAGE SECTION - TIPS & TRICKS +*/ + +.tips-tricks-carousel { + margin: 0 4% 3rem; +} + +.tips-tricks-carousel .quote-block { + padding: 1.5rem; + font-size: 16px; + line-height: 20px; + font-weight: 500; + position: relative; + max-width: 752px; + margin: 0 2.5rem; +} + +.tips-tricks-carousel.np-carousel .slick-arrow.fa-chevron-left:before, +.tips-tricks-carousel.np-carousel .slick-arrow.fa-chevron-right:before { + background: none; +} + +.tips-tricks-carousel .fa-quote-left { + font-size: 32px; + position: absolute; + top: 0px; + left: -20px; + background: linear-gradient(170.43deg, #298e4e 4.83%, #035161 92.25%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} + +.tips-tricks-carousel .quote-author-info { + font-size: 17px; + padding-right: 1.5rem; + text-align: right; + margin: 1rem 2.5rem 0; +} + +.tips-tricks-carousel .quote-author-info span { + font-size: 15px; + font-weight: 500; + opacity: 0.5; +} + +@media (min-width: 1024px) { + .tips-tricks-carousel { + margin: 0 4.0625rem 3rem; + } + + .tips-tricks-carousel .np-carousel-card { + display: flex !important; + align-items: center; + margin: 0 120px 0 180px; + } + + .tips-tricks-carousel .quote-block { + padding: 3.75rem; + font-size: 24px; + line-height: 30px; + margin: 0; + } + + .tips-tricks-carousel .fa-quote-left { + font-size: 50px; + top: 15px; + left: -30px; + } + + .tips-tricks-carousel .quote-author-info { + font-size: 20px; + margin: 0; + margin-left: 48px; + padding: 0; + text-align: left; + } + + .tips-tricks-carousel .quote-author-info span { + font-size: 16px; + } +} + +@media (min-width: 1024px) and (max-width: 1440px) { + .tips-tricks-carousel { + margin: 0 4.514vw 3rem; + } + + .tips-tricks-carousel .np-carousel-card { + margin: 0 8.333vw 0 12.5vw; + } + + .tips-tricks-carousel .quote-block { + padding: 3.472vw; + font-size: 1.667vw; + line-height: 2.083vw; + max-width: 52.222vw; + } + + .tips-tricks-carousel .fa-quote-left { + font-size: 3.472vw; + top: 1.042vw; + left: -2.083vw; + } + + .tips-tricks-carousel .quote-author-info { + font-size: 1.389vw; + margin-left: 3.333vw; + } + .tips-tricks-carousel .quote-author-info span { + font-size: 1.111vw; + } +} + +/* + 3.19 - HOMEPAGE SECTION - FAQ +*/ + +.np-faq { + margin-bottom: 3rem; +} +.np-accordion { + margin: 0 22px 32px; +} + +.accordion-btn { + background-color: black; + color: #fff; + cursor: pointer; + width: 100%; + min-height: 76px; + padding: 0 18px 0 92px; + text-align: left; + border: none; + outline: none; + transition: 0.4s; + position: relative; + display: flex; + align-items: center; +} + +.fa-plus, +.fa-minus { + background: linear-gradient(135deg, #298e4e 0%, #035161 100%); + font-size: 2.5rem; + color: #fff; + position: absolute; + left: 0; + top: 0; + width: 76px; + height: 76px; + display: flex; + align-items: center; + justify-content: center; + transition: 0.4s; +} + +.accordion-title, +.accordion-panel-content { + line-height: 1.375rem; + position: relative; +} +.accordion-panel-content { + padding: 18px; +} +.accordion-panel-content p { + margin-top: 0; +} + +.accordion-panel-content:before { + content: ""; + width: 75px; + height: 1px; + background: #2bb24c; + position: absolute; + top: 0; + left: 18px; +} + +.accordion-panel { + background-color: black; + max-height: 0; + overflow: hidden; + transition: max-height 0.4s ease-out; + margin-left: 76px; +} + +@media (min-width: 768px) { + .np-faqs { + margin: 0 4.0625rem; + } + .np-accordion { + margin: 0 8px 32px; + } +} + +/* + 3.20 - HOMEPAGE SECTION - FEATURED COURSES +*/ + +.np-homepage-featured-courses .np-card-container { + margin-bottom: 32px; +} +.np-homepage-featured-courses .col-xs-12:last-child .np-card-container { + margin-bottom: 0; +} +.np-featured-course { + display: block; +} +.np-featured-course.np-learning-path .np-card-content-progress { + color: #fff; +} +.np-featured-course .np-card-content-title { + flex: 0; + margin: 0 0 2px; +} +.np-featured-course .np-card-content-subtitle { + opacity: 0.5; +} +.np-featured-course .np-card-content-description { + color: #fff; + display: block; + line-height: 20px; + font-size: 1rem; +} +.np-featured-course .np-card-image-content-top { + width: 90%; +} +.np-featured-course-img-container { + position: relative; +} +.np-featured-course .np-card-text-wrapper { + flex: 2; +} + +@media (min-width: 992px) { + .np-featured-course { + display: flex; + } + .np-featured-course-img-container img { + position: absolute; + width: auto; + height: 100%; + } + .np-featured-course-img-container { + width: 40%; + } +} + +@media (min-width: 1200px) { + .np-featured-course-img-container { + width: 33.33%; + } +} diff --git a/customer_templates/CameraIQ/training_events.html.liquid b/customer_templates/CameraIQ/training_events.html.liquid new file mode 100644 index 00000000..22222964 --- /dev/null +++ b/customer_templates/CameraIQ/training_events.html.liquid @@ -0,0 +1,31 @@ +{% include "header" %} +
+
+
+
+
+ Camera IQ Learning Program +
+
+ Resources to help you make the most of your AR Experiences +
+
+
+{% include "sub_navigation" %} +
+
+
+
+ {% t .title %} +
+
+ {% t .subtitle %} +
+
+
+ {% include "training_events_filter" %} +
+
+ {% include "training_events_index" %} +
+{% include "footer" %} diff --git a/customer_templates/CameraIQ/videos.html.liquid b/customer_templates/CameraIQ/videos.html.liquid new file mode 100644 index 00000000..263913dc --- /dev/null +++ b/customer_templates/CameraIQ/videos.html.liquid @@ -0,0 +1,117 @@ +{% include "header" %} +{% include "course_version_outdated_alert", courses: courses.in_catalog %} +
+
+
+
+
+ Video Tutorials +
+
+ Beginner to advanced level training for the Camera IQ project editor +
+
+
+{% include "sub_navigation" %} +
+
+ Getting Started +
+
+ {% for course in courses.in_catalog %} +
+ {% include "cards_course" with course %} +
+ {% endfor %} +
+
+
+
+ Fundamentals +
+
+ {% for course in courses.in_catalog %} +
+ {% include "cards_course" with course %} +
+ {% endfor %} +
+
+
+
+ Creative Exploration +
+
+ {% for course in courses.in_catalog %} +
+ {% include "cards_course" with course %} +
+ {% endfor %} +
+
+{% include "footer" %} + + + \ No newline at end of file diff --git a/customer_templates/ChildVenturesCA/_head.html.liquid b/customer_templates/ChildVenturesCA/_head.html.liquid new file mode 100644 index 00000000..8afd7fb8 --- /dev/null +++ b/customer_templates/ChildVenturesCA/_head.html.liquid @@ -0,0 +1,6 @@ +{% styles default %} +{% styles colors %} +{% styles custom %} + \ No newline at end of file diff --git a/customer_templates/ChildVenturesCA/styles.css.liquid b/customer_templates/ChildVenturesCA/styles.css.liquid new file mode 100644 index 00000000..3a2742ae --- /dev/null +++ b/customer_templates/ChildVenturesCA/styles.css.liquid @@ -0,0 +1,15 @@ + \ No newline at end of file diff --git a/customer_templates/Climbing_Norm/_cards_course.html.liquid b/customer_templates/Climbing_Norm/_cards_course.html.liquid new file mode 100644 index 00000000..fe07ad42 --- /dev/null +++ b/customer_templates/Climbing_Norm/_cards_course.html.liquid @@ -0,0 +1,49 @@ + +
+ {% if course.ribbon %} +
+ {{ course.ribbon }} +
+ {% endif %} + +
+

+ {{ course.name }} +

+
+ {{ course.full_description }} +
+ +
+ {% t shared.progress, count: course.progress %} +
+
+ {{course.categories.first.name}} +
+
+
+ + \ No newline at end of file diff --git a/customer_templates/Climbing_Norm/_cards_featured_course.html.liquid b/customer_templates/Climbing_Norm/_cards_featured_course.html.liquid new file mode 100644 index 00000000..70cba72e --- /dev/null +++ b/customer_templates/Climbing_Norm/_cards_featured_course.html.liquid @@ -0,0 +1,44 @@ +
+
+
+
+ +
+
+
+
+
+

+ {{ course.name }} +

+
+ {{ course.full_description }} +
+ +
+ + {% if course.enrolled? == false %} + {% t shared.enroll %} + {% elsif course.started? == false %} + {% t shared.start, key: current_school.course_vocabulary %} + {% elsif course.completed? %} + {% t shared.course.view, key: current_school.course_vocabulary %} + {% else %} + {% t shared.continue %} + {% endif %} + +
+
+ {% t shared.progress, count: course.progress %} +
+
+
+
+
+
+
+
diff --git a/customer_templates/Climbing_Norm/_course_details.html.liquid b/customer_templates/Climbing_Norm/_course_details.html.liquid new file mode 100644 index 00000000..e69de29b diff --git a/customer_templates/Climbing_Norm/_footer.html.liquid b/customer_templates/Climbing_Norm/_footer.html.liquid new file mode 100644 index 00000000..79a0481d --- /dev/null +++ b/customer_templates/Climbing_Norm/_footer.html.liquid @@ -0,0 +1,80 @@ + diff --git a/customer_templates/Climbing_Norm/_head.html.liquid b/customer_templates/Climbing_Norm/_head.html.liquid new file mode 100644 index 00000000..bde9ff3c --- /dev/null +++ b/customer_templates/Climbing_Norm/_head.html.liquid @@ -0,0 +1,11 @@ +{% styles default %} +{% styles colors %} +{% styles custom %} + + + + + + + + diff --git a/customer_templates/Climbing_Norm/_header.html.liquid b/customer_templates/Climbing_Norm/_header.html.liquid new file mode 100644 index 00000000..56b76c56 --- /dev/null +++ b/customer_templates/Climbing_Norm/_header.html.liquid @@ -0,0 +1,183 @@ +
+
+
+ {% if current_person.signed_in? %} + + + {% endif %} +
+ {% if current_school.logo_url %} +

+ + {{ current_school.name }} + +

+ {% else %} + + {{ current_school.name }} + + {% endif %} + +
+ +
+ + {% if current_person.signed_in? %} +
+
+ + +
+
+
+ + +
+ {% else %} +
+ +
+ {{ website_navigation.name }} + + {% endfor %} +
+ {% unless current_school.sso_active? %} + + {% t .profile_settings %} + + {% endunless %} + + {% t .sign_out %} + +
+
+
+ +{% include "messages" %} + diff --git a/customer_templates/Climbing_Norm/_section_faqs.html.liquid b/customer_templates/Climbing_Norm/_section_faqs.html.liquid new file mode 100644 index 00000000..7e6d46fc --- /dev/null +++ b/customer_templates/Climbing_Norm/_section_faqs.html.liquid @@ -0,0 +1,109 @@ +
+
+
+ Frequently Asked Questions +
+
+
+
+
+
+ +
Q: I'm not in shape. Can I still go to a climbing gym?
+
+
+
+

A: Absolutely. Climbing is a wonderful full-body and full-mind workout. If you're looking to get in shapre but tired of pumping iron, climbing is a fantastic option.

+
+
+
+
+
+ +
Q: I'm scared of heights. Should I try climbing?
+
+
+
+

A: Many climbers have a fear of heights! However, it goes away when you use your own strength and technique to get to the top of a wall. Start small by climbing in a gym first.

+
+
+
+
+
+ +
Q: Should I hire someone to belay me at a gym?
+
+
+
+

A: You absolutely can as a quick introduction. However, what would be even better is to grab a friend and take a belay class at your local gym.

+
+
+
+
+
+
+
+ +
Q: What is bouldering?
+
+
+
+

A: Great question! Bouldering is a form of climbing, done on shorter walls. You use a crash pad under your climb to cushion your fall. Be warned, bouldering is much more powerful and has a steeper learning curve.

+
+
+
+
+
+ +
Q: What are those people with all that gear hanging from their harness doing?
+
+
+
+

A: Chances are you saw a trad climber! Short for traditional climbing, that gear serves as removable protection. When the climbing pair is done with the climb, nothing is left on the rock.

+
+
+
+
+
+ +
Q: None of my friends are interested in climbing. How can I find partners?
+
+
+
+

A:The best way to meet people is to join a gym a start climbing! Climbers are social and you'll start meeting people. You can also use online resources like Mountain Project's Partner Finder.

+
+
+
+
+
+ +
+/ + + + \ No newline at end of file diff --git a/customer_templates/Climbing_Norm/_section_instructors.html.liquid b/customer_templates/Climbing_Norm/_section_instructors.html.liquid new file mode 100644 index 00000000..c196253d --- /dev/null +++ b/customer_templates/Climbing_Norm/_section_instructors.html.liquid @@ -0,0 +1,91 @@ +
+
+
+ Recommended Gear +
+
+ + +
+ + + + \ No newline at end of file diff --git a/customer_templates/Climbing_Norm/_section_popular_topics.html.liquid b/customer_templates/Climbing_Norm/_section_popular_topics.html.liquid new file mode 100644 index 00000000..faf6a7ef --- /dev/null +++ b/customer_templates/Climbing_Norm/_section_popular_topics.html.liquid @@ -0,0 +1,15 @@ +
+
+
+ Popular Topics +
+
+
+
+ {% assign categories_by_name = current_school.filterable_categories | sort: "name" %} + {% for category in categories_by_name %} + {{ category.name }} + {% endfor %} +
+
+
\ No newline at end of file diff --git a/customer_templates/Climbing_Norm/_section_professionals.html.liquid b/customer_templates/Climbing_Norm/_section_professionals.html.liquid new file mode 100644 index 00000000..ae4e5a73 --- /dev/null +++ b/customer_templates/Climbing_Norm/_section_professionals.html.liquid @@ -0,0 +1,118 @@ +
+
+
+ Professional Climbers +
+
+ + +
+ + + + \ No newline at end of file diff --git a/customer_templates/Climbing_Norm/_sub_navigation.html.liquid b/customer_templates/Climbing_Norm/_sub_navigation.html.liquid new file mode 100644 index 00000000..a1ac085b --- /dev/null +++ b/customer_templates/Climbing_Norm/_sub_navigation.html.liquid @@ -0,0 +1,44 @@ +
+
+
+ + + + + + +
+
+ + + + \ No newline at end of file diff --git a/customer_templates/Climbing_Norm/catalog.html.liquid b/customer_templates/Climbing_Norm/catalog.html.liquid new file mode 100644 index 00000000..8ce1105b --- /dev/null +++ b/customer_templates/Climbing_Norm/catalog.html.liquid @@ -0,0 +1,39 @@ +{% include "header" %} +{% include "course_version_outdated_alert", courses: courses.in_catalog %} +
+
+
+
+
+ Menlo Security Resrouces +
+
+ Resources to help you make the most of your Security Training +
+
+
+{% include "sub_navigation" %} + {% include "courses_catalog" %} +
+{% include "footer" %} + + + + + \ No newline at end of file diff --git a/customer_templates/Climbing_Norm/community.html.liquid b/customer_templates/Climbing_Norm/community.html.liquid new file mode 100644 index 00000000..7140d448 --- /dev/null +++ b/customer_templates/Climbing_Norm/community.html.liquid @@ -0,0 +1,32 @@ +{% include 'header' %} +
+
+

Explore

+
+ {% include 'sub_navigation' %} +
+ +
+
+{% include 'footer' %} + + \ No newline at end of file diff --git a/customer_templates/Climbing_Norm/homepage.html.liquid b/customer_templates/Climbing_Norm/homepage.html.liquid new file mode 100644 index 00000000..39ecd8d3 --- /dev/null +++ b/customer_templates/Climbing_Norm/homepage.html.liquid @@ -0,0 +1,79 @@ +{% include "header" %} +{% include "course_version_outdated_alert", courses: courses.featured %} +
+
+
+{{ homepage.headline }} +
+
+
+ +
+
+ {{ homepage.subheadline }} +
+
+
+ +{% include "sub_navigation" %} +
+
+
+ {{ homepage.featured_courses_headline }} +
+
+ {{ homepage.featured_courses_subheadline }} +
+
+{% if courses.featured.any? %} +
+ {% for course in courses.featured %} +
+ {% include "cards_featured_course" with course %} +
+ {% endfor %} +
+{% else %} +
+
+ {% t .empty, key: current_school.course_vocabulary %} +
+ {% t .empty, key: current_school.course_vocabulary %} +
+{% endif %} +
+{% include "section_popular_topics" %} + +{% include "section_professionals" %} + +{% include "section_faqs" %} + +{% include "section_instructors" %} + +
+{% include "footer" %} + + + + \ No newline at end of file diff --git a/customer_templates/Climbing_Norm/styles.css.liquid b/customer_templates/Climbing_Norm/styles.css.liquid new file mode 100644 index 00000000..5397df18 --- /dev/null +++ b/customer_templates/Climbing_Norm/styles.css.liquid @@ -0,0 +1,1781 @@ +/* + Put your custom overlay styles in here + You can use your northpass color palette in this file + +{{ color_palette.button_font_color }} +{{ color_palette.button_color }} +{{ color_palette.button_hover_color }} +{{ color_palette.header_font_color }} +{{ color_palette.header_font_hover_color }} +{{ color_palette.header_color }} +*/ + +/**** TABLE OF CONTENTS ======== + +1.0 - GLOBAL STYLING +2.0 - PAGE SPECIFIC STYLING + 2.1 - HOMEPAGE + 2.2 - DASHBOARD + 2.3 - CATALOG + 2.4 - COURSE COVER PAGE + 2.5 - TRAINING SESSION + 2.6 - LOGIN PAGE + 2.7 - LEARNING PATH COVER PAGE +3.0 - COMPONENT SPECIFIC STYLING + 3.1 - HEADER + 3.2 - SUB NAV + 3.3 - FOOTER + 3.4 - BUTTONS + 3.5 - HEADINGS, SUBHEADS & GENERAL TEXT + 3.6 - COURSE CARD + 3.7 - LEARNING PATH CARD + 3.8 - TRAINING EVENT CARD + 3.9 - COURSE BANNER + 3.10 - COURSE DETAILS + 3.11 - COURSE OUTLINE + 3.12 - FILTER DROPDOWN + 3.13 - CAROUSEL - GLOBAL STYLES + 3.14 - CAROUSEL - EVENTS + 3.15 - CAROUSEL - COURSES + 3.16 - CAROUSEL - INSTRUCTORS + 3.17 - HOMEPAGE SECTION - FEATURED PHOTOGRAPHY + 3.18 - HOMEPAGE SECTION - TIPS & TRICKS + 3.19 - HOMEPAGE SECTION - FAQS + 3.20 - HOMEPAGE SECTION - FEATURED COURSES +*/ + +/* + 1.0 GLOBAL SYLING +*/ +body { + background: #1d1f21; + font-family: "Helvetica Neue", "Arial", sans-serif; +} + +div { + color: #fff; +} +.np-color-white { + color: #fff; +} +.np-main { + background: #1d1f21; +} + +.np-main .np-resource-title, +.np-main .np-resource-subtitle, +.np-top-title, +.np-training-session-sessions-title, +.np-content-instructors-content-name, +.np-content-instructors-content-info { + color: #fff; +} + +.np-main .np-resource-subtitle, +.np-training-session-sessions-title, +.np-content-instructors-content-info { + opacity: 0.5; +} + +.np-resource-title { + font-weight: bold; +} +.np-card-image { + border-top-left-radius: 0; + border-top-right-radius: 0; + justify-content: center; + position: relative;blank +} + +.np-resource-header-card { + background: transparent; + box-shadow: none; + color: #fff; +} + +.np-dashboard-border { + background: transparent; + border: 1px solid rgba(255, 255, 255, 0.15); +} + +.np-dashboard-border .np-card-content, +.np-dashboard-border.np-card-container { + background: transparent; + border: 1px solid rgba(255, 255, 255, 0.15); +} +.np-dashboard-resources .np-card:last-of-type { + padding-bottom: 1rem; +} + +.np-card-content-divider { + border-top: 1px solid rgba(255, 255, 255, 0.15); + margin-top: 3rem; + padding-top: 3rem; +} + +.np-top-cta { + background: #1d1f21; + border-radius: 0; +} +.np-text-light { + color: rgba(255, 255, 255, 0.5); +} +.np-flex-wrapper { + display: flex; +} + +.choices__list--dropdown .choices__item { + color: #002532; +} +.dropdown [type="checkbox"]:checked + label:before { + background-color: #298e4e; +} + +.dropdown-button-apply { + background: #0297FA !important; + color: #fff; +} + +.np-zero-state-text { + color: #fff; + opacity: 0.5; +} +.np-dashboard-resources-container, +.np-learning-paths-resources-container { + border: 1px solid rgba(255, 255, 255, 0.5); + border-radius: 0; +} + +.np-course-version-outdated-popup-trigger, +.np-popup-header-icon { + color: #2bb24c; +} +.np-popup-tooltip { + background-color: black; + color: #fff; + border: 2px solid rgba(255, 255, 255, 0.5); + border-radius: 0; + bottom: 30px; + box-shadow: 0 2px 8px 0 rgb(53 64 78 / 25%); +} +.np-popup-header { + background-color: black; + border-radius: 0; + color: #fff; +} +.np-popup-body, +.np-popup-header-title { + color: #fff; +} +.np-popup-body-button { + background: #0297FA; + border-radius: 0; + text-transform: uppercase; +} + +.np-alert.np-alert-info { + background: #0297FA; +} + +@media (min-width: 768px) { + .np-md-flex-wrapper { + display: flex; + } +} + +/* + 2.0 - PAGE SPECIFIC STYLING +*/ + +/* + 2.1 - HOMEPAGE +*/ +.np-homepage-hero-image { + height: 250px; +} + +.np-homepage-hero-content { + padding: 2.25rem 2.5rem; + bottom: 0; +} +.np-homepage-featured-text { + padding: 0 2rem 2rem; +} +.np-homepage-featured { + margin-top: 4rem; +} +.np-homepage-featured .np-homepage-headline, +.np-homepage-featured .np-homepage-subheadline { + color: #fff; +} + +.np-homepage-hero .np-homepage-headline { + font-size: 32px; + line-height: 48px; + font-family: "Helvetica Neue", "Arial", sans-serif; +} +.np-homepage-featured .np-homepage-subheadline { + opacity: 0.5; +} + +.np-homepage-hero-cta, +.np-button.np-homepage-hero-cta { + margin-top: 1.5rem; + background: #1d1f21; + text-transform: uppercase; + height: 40px; +} + +.np-topics-list { + margin: 0 4%; +} +.np-topics-list .np-stretch-content { + flex-flow: row wrap; +} +.np-topics-list .np-button-secondary { + margin: 6px 0; + flex: 0 1 1; +} + +.np-topics-list .np-button.np-top-button { + text-transform: none; + padding: 0 1rem; + white-space: normal; + text-align: center; +} + +@media screen and (min-width: 768px) { + .np-homepage-featured-text { + padding: 0 4rem 2rem; + } + .np-homepage-hero-image { + height: auto; + min-height: 250px; + } + .np-homepage-hero-content { + padding: 5rem 4rem 2.25rem; + bottom: 0; + } + + .np-homepage-hero-cta, + .np-button.np-homepage-hero-cta { + margin-top: 2.25rem; + height: 50px; + } + + .np-homepage-hero .np-homepage-headline { + font-size: 36px; + line-height: 45px; + } + .np-homepage-hero .np-homepage-subheadline { + font-size: 18px; + line-height: 24px; + } + .np-button { + font-size: 0.875rem; + height: 40px; + color: #1d1f21; + } + + .np-topics-list { + margin: 0 4.5%; + } + .np-topics-list .np-button-secondary { + margin: 6px; + flex: 0 1 calc(33.33% - 12px); + height: 52px; + } +} + +@media screen and (min-width: 992px) { + .np-homepage-hero-image { + min-height: 250px; + } + .np-homepage-hero-content { + bottom: auto; + } + + .np-homepage-hero .np-homepage-headline { + font-size: 58px; + line-height: 72px; + } + .np-homepage-hero .np-homepage-subheadline { + font-size: 24px; + line-height: 32px; + } + .np-topics-list .np-button-secondary { + flex: 0 1 calc(25% - 12px); + } + .np-homepage-featured { + margin-top: 6.25rem; + } +} + +@media screen and (min-width: 1200px) { + .np-topics-list .np-button-secondary { + flex: 0 1 calc(20% - 12px); + } + .np-homepage-hero .np-homepage-headline { + font-size: 66px; + line-height: 82px; + } +} + +/* + 2.2 - DASHBOARD PAGE +*/ + +.np-dashboard { + background: #1D1F21; +} + +.np-dashboard-resources-title { + color: #fff; + opacity: 0.5; + margin-bottom: 19px; +} + +.np-dashboard .np-dashboard-resources-title, +.np-dashboard .np-md-flex-wrapper { + margin-bottom: 19px; +} +.np-dashboard .dashboard-section-courses .np-dashboard-resources-title { + margin-bottom: 0; +} +.np-dashboard .np-learning-paths-resources .np-card { + padding-bottom: 2.187rem; +} + +.np-dashboard-resources-category { + font-size: 20px; + line-height: 25px; + display: block; + font-weight: 500; + margin-top: 4px; +} + +@media (min-width: 768px) { + .np-dashboard .np-md-flex-wrapper .np-dashboard-resources-title { + margin-bottom: 0; + } + .np-dashboard-resources-title { + font-size: 0.937rem; + } + .np-dashboard .np-md-flex-wrapper { + justify-content: space-between; + align-items: flex-end; + } +} + +/* + 2.3 - CATALOG +*/ + +.np-catalog .np-progress-filter-wrapper, +.np-catalog .np-filter { + margin-bottom: 24px; +} +.catalog-filters { + display: flex; + justify-content: flex-end; + align-items: center; +} + +@media (min-width: 768px) { + .np-catalog-header { + align-items: start; + } + .np-catalog .np-progress-filter-wrapper, + .np-catalog .np-filter { + margin: 0; + } +} + +/* + 2.4 - COURSE COVER PAGE +*/ +#course-desktop .np-course-content { + background: #1d1f21; + padding: 0; +} +#course-mobile .np-card-container { + background: #1d1f21; + margin-top: 0; + border: 1px solid rgba(255, 255, 255, 0.15); +} +.np-content-instructors-content-name { + font-size: 1.062rem; + margin-bottom: 3px; +} +.np-content-instructors-content-info { + font-size: 0.937rem; +} + +.np-content-categories-content-item { + background: #1d1f21; + color: #fff; +} + +/* + 2.5 TRAINING SESSION +*/ + +.np-training-session-tile, +.np-training-session-tile:hover { + background-color: black; + border-radius: 0; + color: #fff; +} + +.np-training-session-tile-icon, +.np-training-session .np-top-vocabulary .np-training-session-icon, +.np-button-color.np-training-session-icon { + color: #2bb24c; +} +.np-training-session-tile-chevron { + color: #fff; +} + +.np-training-session .np-card-training-session-date-bar { + left: 0; + right: auto; + transform: rotate(180deg); +} + +.np-training-session-zero-state { + border: 1px solid rgba(255, 255, 255, 0.5); + border-radius: 0px; +} + +/* + 2.6 LOGIN PAGE +*/ + +.np-account .np-form-action { + background: #0297FA; + text-transform: uppercase; +} +.np-input-label { + color: #fff; + font-size: 0.85rem; + margin-bottom: 0.35rem; + opacity: 0.75; +} + +.np-account-avatar p { + color: #fff; +} +.terms-of-service a { + color: #2bb24c; +} +.np-account-avatar-choice .np-button-secondary { + background: transparent !important; + border: 1px solid rgba(255, 255, 255, 0.5); + color: #fff; + height: 40px !important; +} + +.np-open-access .np-box, +.np-open-access .np-box .np-header-color { + border-radius: 0; + background: #1d1f21; + box-shadow: none; +} +.np-open-access .np-alert.np-alert-error, +.np-open-access .np-box .np-box-content-container .np-form-action { + background: #0297FA; +} + +.np-open-access .np-box .np-box-content-container .np-form-headline { + color: #fff; + margin-bottom: 1.5rem; +} + +.np-open-access .np-box .np-box-content-container .np-form-subheadline { + color: #fff; + opacity: 0.75; +} + +.np-open-access .np-box .np-box-content-container .np-form-action { + background: #0297FA; + text-transform: uppercase; +} + +/* + 2.7 - LEARNING PATH COVER PAGE +*/ + +.np-learning-path-outline-inactive-item { + border: 1px solid rgba(255, 255, 255, 0.5); +} + +.np-learning-path-outline-bar { + background: rgba(255, 255, 255, 0.5); + border-radius: 0; + width: 3px; +} + +.np-top-image, +.np-learning-path-outline-course-image { + border-radius: 0; +} + +/* + 3.0 - COMPONENT SPECIFIC STYLING +*/ + +/* + 3.1 - HEADER +*/ +.np-header { + background: #fff; +} + +.np-header.np-header-absolute { + position: absolute; + background: transparent; + border-bottom: none; +} + +@media (min-width: 768px) { + .np-dashboard-header .np-resource-subtitle { + margin-bottom: 2.5rem; + } + .np-header-desktop-nav { + display: none; + } +} + +@media (min-width: 1024px) { + .np-header-desktop-nav { + display: flex; + } +} + +/* + 3.2 - SUB NAV +*/ + +.np-sub-navigation { + background: #1d1f21; + margin-bottom: 1rem; + padding: 0 1rem 0; +} + +.np-sub-navigation-content-item-link { + font-size: 22px; + justify-content: flex-end; + height: 30px; + color: #fff; + opacity: 0.5; +} + +.np-sub-navigation-content-item-active .np-sub-navigation-content-item-link { + color: #fff; + opacity: 0.7; + font-weight: 500; + justify-content: flex-end; +} + +.np-sub-navigation-content-item-active .np-sub-navigation-content-item-link, +.np-sub-navigation-content-item-active .np-sub-navigation-content-item-bar { + opacity: 1; +} + +.np-sub-navigation-content-item-bar { + background-color: #fff; + margin: 0 auto; + width: 100%; + opacity: 0; + display: block; + height: 0.2rem; +} + +/* + 3.3 - FOOTER +*/ +.np-footer + .np-powered-by { + background: #1d1f21; +} +.np-powered-by.show { + background: #1d1f21; +} +.np-footer-navigation-link, +.np-footer-social-links-icon.np-button-color, +.np-footer-support-link.np-button-color { + color: #1d1f21; +} +.np-footer-support-item { + color: #1d1f21; +} + +/* + 3.4 - BUTTONS +*/ + +.np-button { + border-radius: 0; +} + +.np-top-button.np-button.np-button-secondary, +.np-button.dropdown-button { + background-color: transparent !important; + background-image: none; + border: 1px solid rgba(255, 255, 255, 0.5); + color: linear-gradient(-134deg, #5ad2f4 -10%, #2f6df9 100%) !important + font-weight: 600; +} + +.np-button.np-background-color, +.np-button.np-top-button, +.np-card-content-footer .np-button { + background: linear-gradient(-134deg, #5ad2f4 -10%, #2f6df9 100%) !important + text-transform: uppercase; +} + +button.enwYlE, +button.enwYlE:hover { + background-color: transparent; + border: 1px solid rgba(255, 255, 255, 0.5); + border-radius: 0; + padding: 8px 12px; + color: #fff !important; +} + +button.jryxug { + color: #fff; +} +.bpSgf, +.fsgQJU { + color: rgba(255, 255, 255, 0.75) !important; +} + +.mjmTc { + border-radius: 0 !important; +} + +/* 3.5 - HEADINGS, SUBHEADS & GENERAL TEXT */ +.np-card-heading { + font-size: 1.25rem; +} +.np-text-title { + color: #fff; + font-size: 0.937rem; +} + +@media (min-width: 768px) { + .np-card-heading { + font-size: 1.5rem; + line-height: 1.875rem; + } + .np-card-text { + line-height: 1.75rem; + } +} + +/* + 3.6 - COURSE CARD +*/ +.np-card-container { + height: auto; + position: relative; + color: #fff; +} + +.np-button.np-background-color, .np-button.np-top-button, .np-card-content-footer .np-button { + background: linear-gradient(-134deg, #5ad2f4 -10%, #2f6df9 100%) !important +} + +.np-card-container, +.np-card-container-training-session { + background: #1d1f21; + border-radius: 0; + box-shadow: none; +} + +.np-card-content np-card-content-vertical np-card-padding { + background: #1d1f21; +} + +.np-card-padding, +.np-card-padding-dynamic { + padding: 1.5rem; +} + +.np-card-image-overlay { + position: absolute; + width: 100%; + height: 100%; + opacity: 0.9; +} + +.np-card-image-content-top, +.np-card-image-content-bottom { + position: absolute; + left: 1.5rem; + z-index: 1; +} + +.np-card-image-content-top { + top: 1.5rem; +} +.np-card-image-content-bottom { + bottom: 1.5rem; + display: flex; + justify-content: space-between; + align-items: center; +} +.np-card-image-content-bottom .np-card-content-progress { + color: #fff; + margin-top: 0; +} +.np-card-content { + background: black; +} +.np-card-content-footer { + margin-top: 1.2rem; +} +.np-card-content-footer .np-button { + width: 100%; + background: linear-gradient(-134deg, #5ad2f4 -10%, #2f6df9 100%) !important; +} + +@media screen and (min-width: 768px) { + .np-card-content-title { + font-size: 1.1rem; + flex: 1; + } + + .np-card-image-content-top, + .np-card-image-content-bottom { + left: 1.5rem; + right: 1.5rem; + } + + .np-card-image-content-top { + top: 1.5rem; + } + .np-card-image-content-bottom { + bottom: 1.5rem; + } + .np-card-padding, + .np-card-padding-dynamic { + padding: 1.5rem; + } +} + +@media screen and (min-width: 1024px) { + .np-card-content-title { + font-size: 1.5rem; + } + + .np-card-image-content-top, + .np-card-image-content-bottom { + left: 2rem; + right: 2rem; + } + + .np-card-image-content-top { + top: 2rem; + } + .np-card-image-content-bottom { + bottom: 2rem; + } + .np-card-padding, + .np-card-padding-dynamic { + padding: 2rem; + } +} + +/* + 3.7 - LEARNING PATH CARD +*/ + +.np-learning-path .np-card-text-wrapper { + position: relative; + z-index: 2; +} + +.np-learning-paths .np-card-content-description { + color: #fff; +} +.np-learning-path .np-card-content-title { + color: #fff; + flex: 2; +} +.np-learning-paths .np-learning-path .np-card-content-title { + flex: none; +} +.np-learning-path .np-card-content-progress { + color: #2bb24c; +} +.np-learning-path .np-card-content-footer .np-button { + width: auto; +} + +@media (min-width: 768px) { + .np-learning-path-image { + width: 37%; + } + .np-card-content-title { + flex: 0; + } + + .np-main:not(.np-training-events) .np-dashboard-resources .np-card { + padding-right: 0; + padding-left: 0; + } + + .np-learning-paths .np-card-content { + padding: 2rem; + height: 100%; + } + + .np-learning-path .np-card-content { + height: 100%; + display: flex; + } + + .np-learning-path { + display: flex; + } +} + +@media (min-width: 1024px) { + .np-learning-path { + display: flex; + min-height: 260px; + } +} + +/* + 3.8 - TRAINING EVENTS CARD +*/ + +.np-event-card .np-card-container { + border: 2px solid rgba(255, 255, 255, 0.15); +} + +.np-event-card .np-card-content { + padding: 1.062rem 1rem 1.062rem 1.25rem; + border-top: 2px solid rgba(255, 255, 255, 0.15); + flex: 0; +} + +.np-card-content-training-event { + padding: 1rem 1rem 0.5rem; +} +.np-button.dropdown-calendar-button { + background: #0297FA; +} +.np-card-content-training-event .np-card-content-title, +.np-card-content-training-event .np-card-content-subtitle { + color: #fff; +} +.np-card-content-training-event .np-card-content-subtitle { + opacity: 0.5; + flex: 1; +} + +.np-card-training-session { + margin-top: 0.9rem; + border-radius: 0; + background: transparent; + display: flex; + justify-content: space-between; + align-items: center; + margin-right: -10px; +} + +.np-card-training-session .np-card-content-label { + background: rgba(255, 255, 255, 0.15); + border-radius: 0; + color: #fff; + padding: 3px 6px; + margin-bottom: 0; +} + +.np-card-training-session-date-year, +.np-card-training-session-date-month { + text-align: right; + color: #fff; +} + +.np-training-session .np-card-training-session-date-year, +.np-training-session .np-card-training-session-date-month { + text-align: left; +} + +.np-card-training-session-date-day { + margin-right: 0; + margin-left: 5px; + color: #fff; +} + +.np-card-training-session-date-year { + opacity: 0.5; +} + +.np-card-training-session-date-bar { + border-bottom-right-radius: 0; + border-top-right-radius: 0; + right: 0; + left: auto; + width: 0; + height: 0; + border-top: 16px solid transparent; + border-bottom: 18px solid transparent; + border-right: 16px solid #2bb24c; + background: none; +} + +.np-card-training-sessions-label { + color: #fff; +} +.np-event-card .np-card-container { + height: 100%; +} +.np-card-training-sessions { + background: transparent; + padding: 0; +} +.np-training-events .np-card-container { + background: transparent; + border-radius: 18px; + border: black 8px solid; +} + +.np-training-events .np-card-container .np-card-content { + background: transparent; +} + +.np-training-events .np-card-training-sessions .np-button { + background: linear-gradient(-134deg, #5ad2f4 -10%, #2f6df9 100%) !important +} + +.np-card-training-sessions .np-button .np-button-wide { + background: linear-gradient(-134deg, #5ad2f4 -10%, #2f6df9 100%) !important + font-weight: 800; + text-transform: uppercase; + font-size: 0.875rem; + height: 40px; +} + +.np-card-content np-card-content-vertical np-card-padding { + background: transparent; +} + +@media (min-width: 768px) { + .np-card-content-training-event { + flex: 1; + display: flex; + flex-direction: column; + } + + .np-card-content-training-event { + padding: 2rem 2rem 0.5rem; + } +} + +/* + 3.9 - COURSE BANNER +*/ +.np-course-banner { + position: relative; + margin-bottom: 2.5rem; + padding: 0; +} + +.np-course-banner-image { + display: block; + width: 100%; +} + +.np-course-info.np-course-banner-info { + position: absolute; + bottom: 1.5rem; + left: 1.5rem; + width: 80%; +} + +.np-course-banner .np-course-title { + font-size: 1.5rem; + margin-bottom: 2rem; + font-weight: bold; +} + +@media (min-width: 768px) { + .np-course-banner-image { + margin: 0 0 0 auto; + width: 50%; + } + + .np-course-banner-overlay { + background: linear-gradient(-134deg, #5ad2f4 -10%, #2f6df9 100%); + linear-gradient(90deg, #035262 0%, #035161 49.48%, rgba(3, 82, 98, 0) 73.44%); + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + } + + .np-course-info.np-course-banner-info { + bottom: 2rem; + left: 2rem; + width: 75%; + } + + .np-course-banner .np-course-title { + font-size: 3rem; + margin-bottom: 2.5rem; + } +} + +@media (min-width: 1170px) { + .np-course-info.np-course-banner-info { + bottom: 5.25rem; + left: 6.25rem; + width: 60%; + } + + .np-course-banner .np-course-title { + font-size: 4.125rem; + margin-bottom: 3.125rem; + } +} + +/* + 3.10 - COURSE DETAILS +*/ +.np-course-details { + display: flex; +} + +.np-course-detail { + font-size: 1.125rem; + color: #fff; + flex: 0 1 calc(33.33%); +} + +.np-details-label { + text-transform: uppercase; + opacity: 0.5; + font-size: 0.75rem; + display: block; + font-weight: bold; + margin-top: 2px; +} + +.np-divider { + border-top: none; +} + +@media screen and (min-width: 768px) { + .np-course-detail { + font-size: 1.5rem; + } + .np-course-banner-info .np-course-details { + max-width: 430px; + } +} + +@media (min-width: 1170px) { + .np-course-banner-info .np-course-detail { + font-size: 2rem; + } + .np-course-banner-info .np-details-label { + font-size: 1.062rem; + margin-top: 3px; + } +} + +/* + 3.11 - COURSE PROGRESS & CTA +*/ +.np-card-progress-bar-container, +.np-progress-bar-container { + background: #263e47; + border-radius: 0; +} + +.np-card-progress-bar { + border-radius: 0; + background-color: #2bb24c; +} + +.np-top-cta-progress-title { + color: #fff; + text-transform: none; + margin-top: 0.7rem; + margin-bottom: 0.7rem; +} +.np-top-cta-progress-text { + color: #2bb24c; +} + +.np-top-cta .np-top-button .np-button .np-button-big { + background: linear-gradient(-134deg, #5ad2f4 -10%, #2f6df9 100%) !important +} + +/* + 3.12 - COURSE OUTLINE +*/ + +.np-course-outline-content { + margin-top: 20px; +} +.np-course-outline-content-section-name { + border-bottom: 1px solid rgba(255, 255, 255, 0.15); +} + +.np-course-outline-content-activity-list { + border-bottom: 1px solid rgba(255, 255, 255, 0.15); + padding: 1rem 0; +} + +.np-course-outline-content-activity-link { + color: #809299; + font-size: 0.937rem; +} + +.np-course-outline-content-activity-link-completed { + color: #fff; + font-size: 0.937rem; + font-weight: 400; +} + +.np-course-outline-content-activity-icon, +.np-course-outline-content-activity-title { + color: rgba(255, 255, 255, 0.5); + font-size: 0.937rem; + padding: 0.15rem 1.25rem 0 0.75rem; +} + +.np-course-outline-content-activity-icon.fa-check { + color: #2bb24c; +} + +.np-course-outline-content-activity-icon.icon-course-not-started { + position: relative; + width: 20px; + height: 17px; + margin-left: 11px; + margin-right: 5px; +} + +.np-course-outline-content-activity-icon.icon-course-not-started::before, +.np-course-outline-content-activity-icon.icon-course-not-started::after { + content: ""; + position: absolute; + width: 16px; + height: 2px; + background-color: rgba(255, 255, 255, 0.25); + left: 0; + top: 5px; +} + +.np-course-outline-content-activity-icon.icon-course-not-started::before { + width: 9px; + top: 10px; +} + +/* + 3.12 - FILTER DROPDOWN +*/ + +.np-button.dropdown-button { + border: 2px solid rgba(255, 255, 255, 0.25); + padding: 9px 60px 9px 20px; + height: auto; + position: relative; + color: #fff; +} + +.np-button.dropdown-button:before { + content: ""; + position: absolute; + width: 20px; + height: 100%; + border-left: 2px solid rgba(255, 255, 255, 0.25); + right: 20px; + top: 0; +} + +.np-button.dropdown-button:after { + content: "\f078"; + font-family: "Font Awesome 5 Pro"; + position: absolute; + width: 20px; + height: 100%; + color: rgba(255, 255, 255, 0.5); + right: 10px; + top: 0; + display: flex; + justify-content: center; + align-items: center; + font-size: 1rem; +} + +.dropdown-menu { + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.25); + color: #fff; + background-color: #1d1f21; + box-shadow: none; + top: 95%; +} + +/* + 3.13 - CAROUSEL - GLOBAL STYLES +*/ + +.np-carousel { + margin-bottom: 3rem; +} +.np-carousel-bg-blue { + background: black; +} +.np-carousel .slick-track { + display: flex; +} +.np-carousel .slick-slide { + height: auto; +} +.np-carousel .np-card { + height: 100%; +} + +.np-carousel .slick-arrow { + color: #1d1f21; + font-size: 2.5rem; + opacity: 1; + transition: opacity 0.2s; + display: flex; + align-items: center; + top: 0; +} + +.np-carousel .slick-arrow:before { + position: absolute; + width: 80px; + z-index: 500; + display: flex; + height: 100%; + align-items: center; + top: 0; +} + +.np-carousel .slick-arrow.fa-chevron-left { + left: -8px; +} + +.np-carousel .slick-arrow.fa-chevron-right { + right: -8px; + justify-content: flex-end; +} + +.np-carousel .slick-arrow.fa-chevron-left:before { + background: linear-gradient(90deg, #242221 10%, rgba(0, 37, 50, 0) 100%); + cursor: pointer; +} + +.np-carousel .slick-arrow.fa-chevron-right:before { + background: linear-gradient(90deg, #242221 10%, rgba(0, 37, 50, 0) 100%); + justify-content: flex-end; + cursor: pointer; +} + +.np-carousel .slick-arrow.slick-disabled { + opacity: 0; + cursor: text; +} +.np-carousel-card .np-card { + padding-bottom: 0; +} + +.np-carousel .slick-dots { + display: flex; + justify-content: space-between; + padding: 0; + margin: 0 auto; + max-width: 200px; +} +.np-carousel .slick-dots li button { + display: none; +} + +.np-carousel .slick-dots li::marker { + color: #f47c5a; + font-size: 1.7rem; +} + +@media (min-width: 768px) { + .np-carousel .slick-track { + margin-left: 0; + } + + .np-carousel .slick-arrow.fa-chevron-right:before { + background: linear-gradient(-134deg, #5ad2f4 -10%, #2f6df9 100%) !important; + } + + .np-carousel .slick-arrow.fa-chevron-left:before { + background: linear-gradient(-134deg, #5ad2f4 -10%, #2f6df9 100%) !important; + } +} + +@media (min-width: 1024px) { + .np-carousel .slick-arrow:before { + width: 100px; + } +} + +/* + 3.14 - CAROUSEL - EVENTS +*/ +.events-carousel { + background: black; + padding: 1.5rem 0; + margin: 0 1.1rem 3rem; +} +.events-carousel .slick-track { + padding: 0 8px; +} +.events-carousel .np-card { + padding: 0 0.8rem; +} +.events-carousel .slick-arrow.fa-chevron-right { + right: -26px; +} +.events-carousel .slick-arrow.fa-chevron-left { + left: -26px; +} + +@media (min-width: 768px) { + .events-carousel .np-card { + padding: 0 1rem; + } + .events-carousel { + padding: 2rem 0; + margin: 0 0 3rem; + } + .events-carousel .slick-arrow.fa-chevron-right { + right: -8px; + } + .events-carousel .slick-arrow.fa-chevron-left { + left: -8px; + } +} + +@media (min-width: 1170px) { + .events-carousel .np-card { + padding: 0 1rem; + } +} + +/* + 3.15 - CAROUSEL - COURSES +*/ + +@media (min-width: 768px) { + .courses-carousel { + margin-left: -1rem; + margin-right: -1rem; + } + + .courses-carousel .np-carousel-card .np-card { + padding-right: 1rem; + padding-left: 1rem; + } +} + +@media (min-width: 1024px) { + .courses-carousel { + margin-left: -2rem; + margin-right: -2rem; + } + .courses-carousel .np-carousel-card .np-card { + padding-right: 2rem; + padding-left: 2rem; + } +} + +/* + 3.16 - CAROUSEL - INSTRUCTORS +*/ +.instructors-carousel .instructor-slide { + display: flex !important; + align-items: center; +} +.instructors-carousel .instructor-image { + border-radius: 50%; + width: 100px; + height: 100px; + min-width: 100px; + background: black; + display: flex; + justify-content: center; + align-items: center; + margin-right: 16px; +} + +.instructors-carousel .instructor-image img { + border-radius: 50%; + width: 80px; + height: 80px; +} + +.instructors-carousel .instructor-name { + font-size: 18px; + line-height: 22px; + font-weight: bold; +} + +.instructors-carousel .instructor-email { + font-size: 14px; + line-height: 18px; + font-weight: 500; + color: #2bb24c; + text-decoration: none; +} + +.instructors-carousel .instructor-joined { + font-size: 14px; + line-height: 20px; + font-weight: 500; + opacity: 0.5; + margin-top: 16px; +} + +@media (min-width: 1024px) { + .instructors-carousel { + margin-top: 32px; + } + + .instructors-carousel .instructor-image { + width: 160px; + height: 160px; + min-width: 160px; + margin-right: 22px; + } + + .instructors-carousel .instructor-image img { + width: 120px; + height: 120px; + } + .instructors-carousel .instructor-name { + font-size: 20px; + line-height: 25px; + } + .instructors-carousel .instructor-email { + font-size: 16px; + line-height: 20px; + } + .instructors-carousel .instructor-joined { + font-size: 16px; + margin-top: 20px; + } +} + +/* + 3.17 - HOMEPAGE SECTION - FEATURED PHOTOGRAPHY +*/ + +.featured-photography-carousel { + margin: 0 22px 3rem; + padding: 2rem 0; +} +.featured-photography-carousel .slick-track { + padding: 0 2rem; +} +.featured-photography-carousel .slick-arrow { + margin: 0 -10px; +} + +.featured-photography-carousel .slide-label { + font-size: 0.9375rem; + margin-top: 8px; + font-weight: 600; +} + +@media (min-width: 768px) { + .featured-photography-carousel { + margin: 0 2rem 3rem; + } + .featured-photography-carousel .slick-arrow { + margin: 0; + } +} + +@media (min-width: 1024px) { + .featured-photography-carousel { + margin: 0 4.0625rem 3rem; + } +} + +/* + 3.18 - HOMEPAGE SECTION - TIPS & TRICKS +*/ + +.tips-tricks-carousel { + margin: 0 4% 3rem; +} + +.tips-tricks-carousel .quote-block { + padding: 1.5rem; + font-size: 16px; + line-height: 20px; + font-weight: 500; + position: relative; + max-width: 752px; + margin: 0 2.5rem; +} + +.tips-tricks-carousel.np-carousel .slick-arrow.fa-chevron-left:before, +.tips-tricks-carousel.np-carousel .slick-arrow.fa-chevron-right:before { + background: none; +} + +.tips-tricks-carousel .fa-quote-left { + font-size: 32px; + position: absolute; + top: 0px; + left: -20px; + background: linear-gradient(-134deg, #5ad2f4 -10%, #2f6df9 100%) !important + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} + +.tips-tricks-carousel .quote-author-info { + font-size: 17px; + padding-right: 1.5rem; + text-align: right; + margin: 1rem 2.5rem 0; +} + +.tips-tricks-carousel .quote-author-info span { + font-size: 15px; + font-weight: 500; + opacity: 0.5; +} + +@media (min-width: 1024px) { + .tips-tricks-carousel { + margin: 0 4.0625rem 3rem; + } + + .tips-tricks-carousel .np-carousel-card { + display: flex !important; + align-items: center; + margin: 0 120px 0 180px; + } + + .tips-tricks-carousel .quote-block { + padding: 3.75rem; + font-size: 24px; + line-height: 30px; + margin: 0; + } + + .tips-tricks-carousel .fa-quote-left { + font-size: 50px; + top: 15px; + left: -30px; + } + + .tips-tricks-carousel .quote-author-info { + font-size: 20px; + margin: 0; + margin-left: 48px; + padding: 0; + text-align: left; + } + + .tips-tricks-carousel .quote-author-info span { + font-size: 16px; + } +} + +@media (min-width: 1024px) and (max-width: 1440px) { + .tips-tricks-carousel { + margin: 0 4.514vw 3rem; + } + + .tips-tricks-carousel .np-carousel-card { + margin: 0 8.333vw 0 12.5vw; + } + + .tips-tricks-carousel .quote-block { + padding: 3.472vw; + font-size: 1.667vw; + line-height: 2.083vw; + max-width: 52.222vw; + } + + .tips-tricks-carousel .fa-quote-left { + font-size: 3.472vw; + top: 1.042vw; + left: -2.083vw; + } + + .tips-tricks-carousel .quote-author-info { + font-size: 1.389vw; + margin-left: 3.333vw; + } + .tips-tricks-carousel .quote-author-info span { + font-size: 1.111vw; + } +} + +/* + 3.19 - HOMEPAGE SECTION - FAQ +*/ + +.np-faq { + margin-bottom: 3rem; +} +.np-accordion { + margin: 0 22px 32px; +} + +.accordion-btn { + background-color: black; + color: #fff; + cursor: pointer; + width: 100%; + min-height: 76px; + padding: 0 18px 0 92px; + text-align: left; + border: none; + outline: none; + transition: 0.4s; + position: relative; + display: flex; + align-items: center; +} + +.fa-plus { + background: linear-gradient(-134deg, #5ad2f4 -10%, #2f6df9 100%) !important; +} +.fa-minus { + background: linear-gradient(-134deg, #faccbe -10%, #f47c5a 100%) !important; +} + +.fa-plus, +.fa-minus { + font-size: 2.5rem; + color: #fff; + position: absolute; + left: 0; + top: 0; + width: 76px; + height: 76px; + display: flex; + align-items: center; + justify-content: center; + transition: 0.4s; +} + +.accordion-title, +.accordion-panel-content { + line-height: 1.375rem; + position: relative; +} +.accordion-panel-content { + padding: 18px; +} +.accordion-panel-content p { + margin-top: 0; +} + +.accordion-panel-content:before { + content: ""; + width: 75px; + height: 1px; + background: #2bb24c; + position: absolute; + top: 0; + left: 18px; +} + +.accordion-panel { + background-color: black; + max-height: 0; + overflow: hidden; + transition: max-height 0.4s ease-out; + margin-left: 76px; +} + +@media (min-width: 768px) { + .np-faqs { + margin: 0 4.0625rem; + } + .np-accordion { + margin: 0 8px 32px; + } +} + +/* + 3.20 - HOMEPAGE SECTION - FEATURED COURSES +*/ + +.np-homepage-featured-courses .np-card-container { + margin-bottom: 32px; + border: white 2px solid; +} +.np-homepage-featured-courses .col-xs-12:last-child .np-card-container { + margin-bottom: 0; +} +.np-featured-course { + display: block; +} +.np-featured-course.np-learning-path .np-card-content-progress { + color: #fff; +} +.np-featured-course .np-card-content-title { + flex: 0; + margin: 0 0 2px; + overflow: none; +} +.np-featured-course .np-card-content-subtitle { + opacity: 0.5; +} +.np-featured-course .np-card-content-description { + color: #fff; + display: block; + line-height: 20px; + font-size: 1rem; +} +.np-featured-course .np-card-image-content-top { + width: 90%; +} +.np-featured-course-img-container { + position: relative; +} +.np-featured-course .np-card-text-wrapper { + flex: 2; +} +.np-featured-course-img-container .featured-video{ + height: 275px; + display: block; +} + +@media (min-width: 992px) { + .np-featured-course { + display: flex; + } + .np-featured-course-img-container img { + position: absolute; + width: auto; + height: 100%; + } + .np-featured-course-img-container { + width: 40%; + } +} + +@media (min-width: 1200px) { + .np-featured-course-img-container { + width: 33.33%; + } +} diff --git a/customer_templates/Climbing_Norm/training_events.html.liquid b/customer_templates/Climbing_Norm/training_events.html.liquid new file mode 100644 index 00000000..cbf58547 --- /dev/null +++ b/customer_templates/Climbing_Norm/training_events.html.liquid @@ -0,0 +1,31 @@ +{% include "header" %} +
+
+
+
+
+ Menlo Learning Program +
+
+ Resources to help you make the most of your Security Training +
+
+
+{% include "sub_navigation" %} +
+
+
+
+ {% t .title %} +
+
+ {% t .subtitle %} +
+
+
+ {% include "training_events_filter" %} +
+
+ {% include "training_events_index" %} +
+{% include "footer" %} diff --git a/customer_templates/Climbing_Norm/videos.html.liquid b/customer_templates/Climbing_Norm/videos.html.liquid new file mode 100644 index 00000000..4a385f1f --- /dev/null +++ b/customer_templates/Climbing_Norm/videos.html.liquid @@ -0,0 +1,117 @@ +{% include "header" %} +{% include "course_version_outdated_alert", courses: courses.in_catalog %} +
+
+
+
+
+ Video Tutorials +
+
+ Beginner to advanced level training for the die-hard climber +
+
+
+{% include "sub_navigation" %} +
+
+ Getting Started +
+
+ {% for course in courses.in_catalog %} +
+ {% include "cards_course" with course %} +
+ {% endfor %} +
+
+
+
+ Bouldering +
+
+ {% for course in courses.in_catalog %} +
+ {% include "cards_course" with course %} +
+ {% endfor %} +
+
+
+
+ Roped Climbing +
+
+ {% for course in courses.in_catalog %} +
+ {% include "cards_course" with course %} +
+ {% endfor %} +
+
+{% include "footer" %} + + + \ No newline at end of file diff --git a/customer_templates/Crayon/_head.html.liquid b/customer_templates/Crayon/_head.html.liquid new file mode 100644 index 00000000..10adfdde --- /dev/null +++ b/customer_templates/Crayon/_head.html.liquid @@ -0,0 +1,6 @@ +{% styles default %} +{% styles colors %} +{% styles custom %} + \ No newline at end of file diff --git a/customer_templates/Crayon/styles.css.liquid b/customer_templates/Crayon/styles.css.liquid new file mode 100644 index 00000000..a2c38550 --- /dev/null +++ b/customer_templates/Crayon/styles.css.liquid @@ -0,0 +1,7 @@ +@font-face { + font-family: 'Jost', sans-serif !important; + src: url('https://fonts.googleapis.com/css2?family=Jost:wght@300&display=swap'); +} +body, html, div { + font-family: 'Jost', sans-serif !important; +} \ No newline at end of file diff --git a/customer_templates/Employment_Hero/Guided Implementation/.DS_Store b/customer_templates/Employment_Hero/Guided Implementation/.DS_Store new file mode 100644 index 00000000..5008ddfc Binary files /dev/null and b/customer_templates/Employment_Hero/Guided Implementation/.DS_Store differ diff --git a/customer_templates/Employment_Hero/Guided Implementation/_cards_course.html.liquid b/customer_templates/Employment_Hero/Guided Implementation/_cards_course.html.liquid new file mode 100644 index 00000000..ee029199 --- /dev/null +++ b/customer_templates/Employment_Hero/Guided Implementation/_cards_course.html.liquid @@ -0,0 +1,41 @@ +
+
+ {% if course.ribbon == "Core Setup" %} +
+ {{ course.ribbon }} +
+ {% endif %} + {{ course.name }} +
+

+ {{ course.name }} +

+
+ {{ course.instructor_names }} +
+
+
+ {% t shared.progress, count: course.progress %} +
+ + {% t shared.view %} + +
+
+
+
+ + \ No newline at end of file diff --git a/customer_templates/Employment_Hero/Guided Implementation/_cards_training_event.html.liquid b/customer_templates/Employment_Hero/Guided Implementation/_cards_training_event.html.liquid new file mode 100644 index 00000000..d936ee7d --- /dev/null +++ b/customer_templates/Employment_Hero/Guided Implementation/_cards_training_event.html.liquid @@ -0,0 +1,10 @@ +
+
+
+

+ +

+
+
+
+ \ No newline at end of file diff --git a/customer_templates/Employment_Hero/Guided Implementation/_course_catagories.html.liquid b/customer_templates/Employment_Hero/Guided Implementation/_course_catagories.html.liquid new file mode 100644 index 00000000..92690699 --- /dev/null +++ b/customer_templates/Employment_Hero/Guided Implementation/_course_catagories.html.liquid @@ -0,0 +1,10 @@ +

+ {% t .header %} +

+
+ {% for category in course.categories %} +
+ {{ category.name }} +
+ {% endfor %} +
\ No newline at end of file diff --git a/customer_templates/Employment_Hero/Guided Implementation/_courses_index.html.liquid b/customer_templates/Employment_Hero/Guided Implementation/_courses_index.html.liquid new file mode 100644 index 00000000..9fca990f --- /dev/null +++ b/customer_templates/Employment_Hero/Guided Implementation/_courses_index.html.liquid @@ -0,0 +1,23 @@ +{% if courses.enrolled.any? %} +
+ {% for course in courses.enrolled %} +
+ {% include "cards_course" with course %} +
+ {% endfor %} +
+{% else %} + {% capture message %} + {% t shared.zero_state.courses.index, + key: current_school.course_vocabulary + %} + {% endcapture %} + {% include "courses_zero_state", message: message %} +{% endif %} + + \ No newline at end of file diff --git a/customer_templates/Employment_Hero/Guided Implementation/_sub_navigation.html.liquid b/customer_templates/Employment_Hero/Guided Implementation/_sub_navigation.html.liquid new file mode 100644 index 00000000..6d121b77 --- /dev/null +++ b/customer_templates/Employment_Hero/Guided Implementation/_sub_navigation.html.liquid @@ -0,0 +1,60 @@ + \ No newline at end of file diff --git a/customer_templates/Employment_Hero/Guided Implementation/_training_events_dashboard.html.liquid b/customer_templates/Employment_Hero/Guided Implementation/_training_events_dashboard.html.liquid new file mode 100644 index 00000000..f486cda2 --- /dev/null +++ b/customer_templates/Employment_Hero/Guided Implementation/_training_events_dashboard.html.liquid @@ -0,0 +1,8 @@ +
+
+ + \ No newline at end of file diff --git a/customer_templates/Employment_Hero/Guided Implementation/dashboard.html.liquid b/customer_templates/Employment_Hero/Guided Implementation/dashboard.html.liquid new file mode 100644 index 00000000..9e176b24 --- /dev/null +++ b/customer_templates/Employment_Hero/Guided Implementation/dashboard.html.liquid @@ -0,0 +1,12 @@ +{% include "header" %} +
+
+
+
+ Guided Implementation Setup +
+ {% include "courses_index", class: "col-xs-12 col-sm-6 np-stretch-content" %} +
+
+
+{% include "footer" %} \ No newline at end of file diff --git a/customer_templates/Employment_Hero/Guided Implementation/homepage.html.liquid b/customer_templates/Employment_Hero/Guided Implementation/homepage.html.liquid new file mode 100644 index 00000000..c2cd8adf --- /dev/null +++ b/customer_templates/Employment_Hero/Guided Implementation/homepage.html.liquid @@ -0,0 +1,83 @@ +{% include "header" %} +
+
+ {{ homepage.headline }} +
+ {% include "sub_navigation" %} +
+
+
+ Core Courses +
+
+ Building your HRIS Foundation +
+
+ {% if courses.enrolled.any? %} +
+ {% for course in courses.enrolled %} + {% if course.ribbon == "Core Setup" %} +
+ {% include "cards_course" with course %} +
+ {% endif %} + {% endfor %} +
+ {% else %} +
+
+ {% t .empty, key: current_school.course_vocabulary %} +
+ {% t .empty, key: current_school.course_vocabulary %} +
+ {% endif %} +
+ +
+
+
+ Core Courses +
+
+ Your Goals +
+
+ {% if courses.enrolled.any? %} +
+ {% for course in courses.enrolled %} + {% if course.ribbon != "Core Setup" %} +
+ {% include "cards_course" with course %} +
+ {% endif %} + {% endfor %} +
+ {% else %} +
+
+ {% t .empty, key: current_school.course_vocabulary %} +
+ {% t .empty, key: current_school.course_vocabulary %} +
+ {% endif %} +
+
+{% include "footer" %} + + \ No newline at end of file diff --git a/customer_templates/Employment_Hero/_sub_navigation.html.liquid b/customer_templates/Employment_Hero/_sub_navigation.html.liquid new file mode 100644 index 00000000..89d98345 --- /dev/null +++ b/customer_templates/Employment_Hero/_sub_navigation.html.liquid @@ -0,0 +1,39 @@ + \ No newline at end of file diff --git a/customer_templates/IkonSciences/styles.css.liquid b/customer_templates/IkonSciences/styles.css.liquid new file mode 100644 index 00000000..38114628 --- /dev/null +++ b/customer_templates/IkonSciences/styles.css.liquid @@ -0,0 +1,3 @@ +body, html { + font-family: Montserrat, sans-serif !important; +} diff --git a/customer_templates/MachineMetrics/_head.html.liquid b/customer_templates/MachineMetrics/_head.html.liquid new file mode 100644 index 00000000..7c527507 --- /dev/null +++ b/customer_templates/MachineMetrics/_head.html.liquid @@ -0,0 +1,6 @@ +{% styles default %} +{% styles colors %} +{% styles custom %} + \ No newline at end of file diff --git a/customer_templates/MachineMetrics/styles.css.liquid b/customer_templates/MachineMetrics/styles.css.liquid new file mode 100644 index 00000000..7c388d00 --- /dev/null +++ b/customer_templates/MachineMetrics/styles.css.liquid @@ -0,0 +1,7 @@ +@font-face { + font-family: 'Ropa Sans', sans-serif !important; + src: url('https://fonts.googleapis.com/css2?family=Ropa+Sans&display=swap'); +} +body, html, div { + font-family: 'Ropa Sans', sans-serif !important; +} diff --git a/customer_templates/Menlo_Security/_cards_course.html.liquid b/customer_templates/Menlo_Security/_cards_course.html.liquid new file mode 100644 index 00000000..63d654d1 --- /dev/null +++ b/customer_templates/Menlo_Security/_cards_course.html.liquid @@ -0,0 +1,51 @@ + +
+ {% if course.ribbon %} +
+ {{ course.ribbon }} +
+ {% endif %} + {{ course.name }} +
+

+ {{ course.name }} +

+
+ {{ course.full_description }} +
+ +
+ {% t shared.progress, count: course.progress %} +
+
+ {{course.categories.first.name}} +
+
+
+ + \ No newline at end of file diff --git a/customer_templates/Menlo_Security/_cards_featured_course.html.liquid b/customer_templates/Menlo_Security/_cards_featured_course.html.liquid new file mode 100644 index 00000000..2fc7ef81 --- /dev/null +++ b/customer_templates/Menlo_Security/_cards_featured_course.html.liquid @@ -0,0 +1,47 @@ +
+
+
+
+
+ {% include "course_details" %} +
+ {{ course.name }} +
+
+
+

+ {{ course.name }} +

+
+ {{ course.full_description }} +
+ +
+ + {% if course.enrolled? == false %} + {% t shared.enroll %} + {% elsif course.started? == false %} + {% t shared.start, key: current_school.course_vocabulary %} + {% elsif course.completed? %} + {% t shared.course.view, key: current_school.course_vocabulary %} + {% else %} + {% t shared.continue %} + {% endif %} + +
+
+ {% t shared.progress, count: course.progress %} +
+
+
+
+
+
+
+
diff --git a/customer_templates/Menlo_Security/_course_details.html.liquid b/customer_templates/Menlo_Security/_course_details.html.liquid new file mode 100644 index 00000000..e69de29b diff --git a/customer_templates/Menlo_Security/_footer.html.liquid b/customer_templates/Menlo_Security/_footer.html.liquid new file mode 100644 index 00000000..79a0481d --- /dev/null +++ b/customer_templates/Menlo_Security/_footer.html.liquid @@ -0,0 +1,80 @@ + diff --git a/customer_templates/Menlo_Security/_head.html.liquid b/customer_templates/Menlo_Security/_head.html.liquid new file mode 100644 index 00000000..bde9ff3c --- /dev/null +++ b/customer_templates/Menlo_Security/_head.html.liquid @@ -0,0 +1,11 @@ +{% styles default %} +{% styles colors %} +{% styles custom %} + + + + + + + + diff --git a/customer_templates/Menlo_Security/_header.html.liquid b/customer_templates/Menlo_Security/_header.html.liquid new file mode 100644 index 00000000..56b76c56 --- /dev/null +++ b/customer_templates/Menlo_Security/_header.html.liquid @@ -0,0 +1,183 @@ +
+
+
+ {% if current_person.signed_in? %} + + + {% endif %} +
+ {% if current_school.logo_url %} +

+ + {{ current_school.name }} + +

+ {% else %} + + {{ current_school.name }} + + {% endif %} + +
+ +
+ + {% if current_person.signed_in? %} +
+
+ + +
+
+
+ + +
+ {% else %} +
+ +
+ {{ website_navigation.name }} + + {% endfor %} +
+ {% unless current_school.sso_active? %} + + {% t .profile_settings %} + + {% endunless %} + + {% t .sign_out %} + +
+
+
+ +{% include "messages" %} + diff --git a/customer_templates/Menlo_Security/_section_faqs.html.liquid b/customer_templates/Menlo_Security/_section_faqs.html.liquid new file mode 100644 index 00000000..9a0a48c7 --- /dev/null +++ b/customer_templates/Menlo_Security/_section_faqs.html.liquid @@ -0,0 +1,109 @@ +
+
+
+ Frequently Asked Questions +
+
+
+
+
+
+ +
Q: This will be my first security training. Do I need to be an expert?
+
+
+
+

A: Absolutely not! We have courses available for every level and welcome any and all skill levels. Menlo can help everyone from beginners to advanced to take courses on our platform.

+
+
+
+
+
+ +
Q: Do I need advanced computer skills to use Menlo app?
+
+
+
+

A: No, the Menlo app was built with modern design principles to ensure a sleek and frictionless photo editing experience. The app is very intuitive and does not require any technical computer skills to use.

+
+
+
+
+
+ +
Q: What certificates are available for me when I complete a course on Menlo Academy?
+
+
+
+

A: Menlo Academy has a number of certificates available to our photographers and is constantly creating new courses and certificate programs to elevate photography editing skills. Check out the Certification section in the Menlo app for more information.

+
+
+
+
+
+
+
+ +
Q: Can I take courses on an iPad, iPhone or other mobile devices/tablets, etc?
+
+
+
+

A: Yes! Our Menlo Academy is Designed with a mobile-first approach to ensure that the use experience is seamless on any device.

+
+
+
+
+
+ +
Q: Do I need to buy any books or other reference material to augment the course work?
+
+
+
+

A: Nope! Just come with your eagerness to learn! No additional books or reference material is needed to augment any of our courses.

+
+
+
+
+
+ +
Q: How will my instructors communicate with me while I’m taking a course? Can I contact them?
+
+
+
+

A: Instructors will send email notifications for any updates they want to provide to the learners of their lessons. Should you need to contact them, you can do so through email. Emails will be provided within the instructor section of the Menlo Academy.

+
+
+
+
+
+ +
+/ + + + \ No newline at end of file diff --git a/customer_templates/Menlo_Security/_section_featured_customers.html.liquid b/customer_templates/Menlo_Security/_section_featured_customers.html.liquid new file mode 100644 index 00000000..259b1b18 --- /dev/null +++ b/customer_templates/Menlo_Security/_section_featured_customers.html.liquid @@ -0,0 +1,96 @@ +
+
+
+ Featured Customers +
+
+ + +
+ + + + \ No newline at end of file diff --git a/customer_templates/Menlo_Security/_section_popular_topics.html.liquid b/customer_templates/Menlo_Security/_section_popular_topics.html.liquid new file mode 100644 index 00000000..51fd318a --- /dev/null +++ b/customer_templates/Menlo_Security/_section_popular_topics.html.liquid @@ -0,0 +1,15 @@ +
+
+
+ Popular Topics +
+
+
+
+ {% assign categories_by_name = current_school.filterable_categories | sort: "name" %} + {% for category in categories_by_name %} + {{ category.name }} + {% endfor %} +
+
+
\ No newline at end of file diff --git a/customer_templates/Menlo_Security/_section_tips_tricks.html.liquid b/customer_templates/Menlo_Security/_section_tips_tricks.html.liquid new file mode 100644 index 00000000..2af56764 --- /dev/null +++ b/customer_templates/Menlo_Security/_section_tips_tricks.html.liquid @@ -0,0 +1,103 @@ +
+
+
+ Testimonials +
+
+ + +
+ + + + \ No newline at end of file diff --git a/customer_templates/Menlo_Security/_sub_navigation.html.liquid b/customer_templates/Menlo_Security/_sub_navigation.html.liquid new file mode 100644 index 00000000..103d73a5 --- /dev/null +++ b/customer_templates/Menlo_Security/_sub_navigation.html.liquid @@ -0,0 +1,45 @@ +
+
+
+ + + + + + + +
+
+ + + + \ No newline at end of file diff --git a/customer_templates/Menlo_Security/catalog.html.liquid b/customer_templates/Menlo_Security/catalog.html.liquid new file mode 100644 index 00000000..8ce1105b --- /dev/null +++ b/customer_templates/Menlo_Security/catalog.html.liquid @@ -0,0 +1,39 @@ +{% include "header" %} +{% include "course_version_outdated_alert", courses: courses.in_catalog %} +
+
+
+
+
+ Menlo Security Resrouces +
+
+ Resources to help you make the most of your Security Training +
+
+
+{% include "sub_navigation" %} + {% include "courses_catalog" %} +
+{% include "footer" %} + + + + + \ No newline at end of file diff --git a/customer_templates/Menlo_Security/community.html.liquid b/customer_templates/Menlo_Security/community.html.liquid new file mode 100644 index 00000000..392673db --- /dev/null +++ b/customer_templates/Menlo_Security/community.html.liquid @@ -0,0 +1,32 @@ +{% include 'header' %} +
+
+

Explore

+
+ {% include 'sub_navigation' %} +
+