1237 lines
22 KiB
Plaintext
1237 lines
22 KiB
Plaintext
/*
|
||
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 }}
|
||
*/
|
||
@font-face {
|
||
font-family: "circularxx-regular";
|
||
src: url("https://s3.amazonaws.com/static.northpass.com/Displayr/CircularXXWeb-Regular.woff") format("woff");
|
||
}
|
||
@font-face {
|
||
font-family: "circularxx-medium";
|
||
src: url("https://s3.amazonaws.com/static.northpass.com/Displayr/CircularXXWeb-Medium.woff") format("woff");
|
||
}
|
||
@font-face {
|
||
font-family: "circularxx-mediumitalic";
|
||
src: url("https://s3.amazonaws.com/static.northpass.com/Displayr/CircularXXWeb-MediumItalic.woff") format("woff");
|
||
}
|
||
@font-face {
|
||
font-family: "circularxx-italic";
|
||
src: url("https://s3.amazonaws.com/static.northpass.com/Displayr/CircularXXWeb-Italic.woff") format("woff");
|
||
}
|
||
@font-face {
|
||
font-family: "circularxx-bold";
|
||
src: url("https://s3.amazonaws.com/static.northpass.com/Displayr/CircularXXWeb-Bold.woff") format("woff");
|
||
}
|
||
@font-face {
|
||
font-family: "circularxx-bolditalic";
|
||
src: url("https://s3.amazonaws.com/static.northpass.com/Displayr/CircularXXWeb-BoldItalic.woff") format("woff");
|
||
}
|
||
@font-face {
|
||
font-family: "circularxx-light";
|
||
src: url("https://s3.amazonaws.com/static.northpass.com/Displayr/CircularXXWeb-Light.woff") format("woff");
|
||
}
|
||
@font-face {
|
||
font-family: "circularxx-lightitalic";
|
||
src: url("https://s3.amazonaws.com/static.northpass.com/Displayr/CircularXXWeb-LightItalic.woff") format("woff");
|
||
}
|
||
@font-face {
|
||
font-family: "circularxx-thin";
|
||
src: url("https://s3.amazonaws.com/static.northpass.com/Displayr/CircularXXWeb-Thin.woff") format("woff");
|
||
}
|
||
@font-face {
|
||
font-family: "circularxx-thinitalic";
|
||
src: url("https://s3.amazonaws.com/static.northpass.com/Displayr/CircularXXWeb-ThinItalic.woff") format("woff");
|
||
}
|
||
/* custom css */
|
||
html.learner-experience body
|
||
{
|
||
background-color: #f2f5fa !important;
|
||
}
|
||
html, body
|
||
{
|
||
height:auto;
|
||
}
|
||
body {
|
||
background: #f2f5fa !important;
|
||
font-family: "circularxx-regular", serif !important
|
||
}
|
||
.np-card-ribbon
|
||
{
|
||
background: #10a957 !important;
|
||
}
|
||
.np-footer
|
||
{
|
||
background: #2347ad !important;
|
||
}
|
||
.np-footer-top
|
||
{
|
||
padding-bottom: 18px;
|
||
}
|
||
.np-footer .np-button-color
|
||
{
|
||
color:#fff !important;
|
||
}
|
||
.np-footer-logo-image
|
||
{
|
||
filter: inherit;
|
||
/*filter: brightness(0) invert(1);*/
|
||
opacity: 1;
|
||
}
|
||
.course-grid-item .np-card-content-progress
|
||
{
|
||
margin-top: 0;
|
||
}
|
||
.np-footer-support .np-footer-support-help, .np-footer-support-item
|
||
{
|
||
color:#fff !important;
|
||
font-weight: inherit;
|
||
}
|
||
}
|
||
.np-footer + .np-powered-by {
|
||
background: #2246ad !important;
|
||
}
|
||
.itNPsw {
|
||
background-color: #f2f5fa !important;
|
||
}
|
||
.np-box-header
|
||
{
|
||
border-radius: 8px 8px 0 0;
|
||
}
|
||
.example-collapsible-panel
|
||
{
|
||
margin-bottom:0 !important;
|
||
}
|
||
.np-box
|
||
{
|
||
border: 1px solid #2e45b9 !important;
|
||
box-shadow: none;
|
||
border-radius: 8px;
|
||
}
|
||
.np-input
|
||
{
|
||
border: 1px solid #d2d8e1;
|
||
background: #fff;
|
||
border-radius: 4px;
|
||
color: #1c283b;
|
||
}
|
||
.np-alert.np-alert-error
|
||
{
|
||
display:none;
|
||
}
|
||
.np-account .np-card .np-card-container
|
||
{
|
||
border: 1px solid #2e45b9 !important;
|
||
box-shadow: none;
|
||
border-radius: 8px;
|
||
}
|
||
.course-top-banner
|
||
{
|
||
/*background-image: linear-gradient(122deg, rgba(152, 238, 195, 0.79) 0%, rgba(241, 251, 246, 0.79) 100%);*/
|
||
background: url(https://theme.zdassets.com/theme_assets/1504508/e94949184cbdb107cefb651704a05aa723a5acc9.png) no-repeat;
|
||
background-size: cover;
|
||
background-position: top left;
|
||
position: relative;
|
||
width: 100%;
|
||
margin: 0 auto;
|
||
padding: 78px 0 73px;
|
||
z-index: -1;
|
||
}
|
||
.course-top-banner h5{
|
||
margin: 0;
|
||
padding: 0;
|
||
font-size: 40px;
|
||
color: #1c283b;
|
||
font-weight: bold;
|
||
text-align: center;
|
||
margin-bottom: 9px;
|
||
}
|
||
.course-top-banner p{
|
||
font-size: 18px;
|
||
line-height: 28px;
|
||
color: #1c283b;
|
||
text-align: center;
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
.row .course-grid-item .np-card
|
||
{
|
||
padding: 0 16px 64px !important;
|
||
}
|
||
.np-subpage-container.np-courses
|
||
{
|
||
background-color:#fff !important;
|
||
}
|
||
.course-grid-item .np-card .np-card-container
|
||
{
|
||
border-radius: 0 !important;
|
||
box-shadow: none !important;
|
||
}
|
||
.course-grid-item .np-card .np-card-container .np-card-image
|
||
{
|
||
border-radius: 8px !important;
|
||
min-height: 200px;
|
||
max-height: 200px;
|
||
object-fit: cover;
|
||
}
|
||
.course-grid-item .np-card .np-card-container .np-card-padding {
|
||
padding: 20px 5px;
|
||
}
|
||
.np-dashboard {
|
||
background: #f2f5fa !important;
|
||
}
|
||
.course-grid-item .np-card .np-card-container .np-card-text
|
||
{
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-line-clamp: 2;
|
||
line-clamp: 2;
|
||
height: 4em;
|
||
-webkit-box-orient: vertical;
|
||
}
|
||
|
||
.course-grid-item .np-card-ribbon
|
||
{
|
||
padding: 0 5px 1px 5px;
|
||
}
|
||
.np-header-search .np-header-font-background-color {
|
||
background: #fff !important;
|
||
}
|
||
.np-footer + .np-powered-by
|
||
{
|
||
display:none;
|
||
}
|
||
|
||
.np-footer-navigation {
|
||
min-height: auto;
|
||
}
|
||
.np-top-title, .np-text-title, .np-course-outline-content-section-name, .np-course-outline-content-activity-link, .np-card-heading, .np-card-text, body, .np-input-label,.np-resource-title, .np-account-avatar p, .np-header-avatar-tooltip-navigation-link,.np-header-avatar-tooltip-learner-name{
|
||
color: #1c283b;
|
||
}
|
||
.np-header .np-header-content
|
||
{
|
||
max-width: 1301px;
|
||
margin: 0 auto;
|
||
}
|
||
.np-header
|
||
{
|
||
padding: 0 !important;
|
||
}
|
||
.np-max-width, .np-footer .np-max-width
|
||
{
|
||
max-width: 1301px;
|
||
margin-left:auto;
|
||
margin-right:auto;
|
||
width:100%;
|
||
}
|
||
.np-footer-navigation-item:last-child
|
||
{
|
||
padding-right:0 !important;
|
||
}
|
||
.home-top-banner
|
||
{
|
||
background: url(https://theme.zdassets.com/theme_assets/1504508/ac4dba4cc3dc399f7591f645c39f32a939a32bbb.png) no-repeat;
|
||
background-size: cover;
|
||
background-position: top left;
|
||
position: relative;
|
||
width: 100%;
|
||
margin: 0 auto;
|
||
padding: 78px 0 76px;
|
||
|
||
}
|
||
.certified-center h1
|
||
{
|
||
margin: 0;
|
||
padding: 0;
|
||
font-size: 40px;
|
||
color: #1c283b;
|
||
font-weight: bold;
|
||
text-align: center;
|
||
}
|
||
.certified-center
|
||
{
|
||
max-width: 970px;
|
||
margin: 0 auto;
|
||
position: relative;
|
||
}
|
||
.certified-center .badge-img
|
||
{
|
||
position: absolute;
|
||
top: 0;
|
||
z-index: 1;
|
||
max-width: 132px;
|
||
width: 132px;
|
||
right: 20px;
|
||
}
|
||
.certified-center p{
|
||
max-width: 606px;
|
||
font-size: 18px;
|
||
line-height: 28px;
|
||
color: #1c283b;
|
||
text-align: center;
|
||
margin: 0 auto;
|
||
margin-top: 18px;
|
||
}
|
||
.top-header-section
|
||
{
|
||
background-color: #2e45b9;
|
||
padding: 6px 0 7px;
|
||
position: relative;
|
||
margin: 0 auto;
|
||
}
|
||
.top-header-section p
|
||
{
|
||
font-size: 14px;
|
||
line-height: 25px;
|
||
color: #ffffff;
|
||
margin:0;
|
||
padding:0;
|
||
text-align: center;
|
||
}
|
||
.top-header-section p span
|
||
{
|
||
font-weight:700;
|
||
}
|
||
.top-header-section p a
|
||
{
|
||
text-decoration:none;
|
||
color:#fff;
|
||
}
|
||
.h-learnmore-btn, .h-explore-btn
|
||
{
|
||
font-size: 18px;
|
||
color:#5159f5;
|
||
text-decoration:underline;
|
||
}
|
||
.np-course-title h3
|
||
{
|
||
margin:0;
|
||
padding:0;
|
||
font-size: 15px;
|
||
letter-spacing: 3px;
|
||
line-height: 25px;
|
||
text-transform: uppercase;
|
||
color: #000000;
|
||
}
|
||
.growth-content-rightwrap h2
|
||
{
|
||
margin:0;
|
||
padding:0;
|
||
font-size: 36px;
|
||
color: #1c283b;
|
||
font-weight: bold;
|
||
margin-bottom: 31px;
|
||
}
|
||
.growth-content-rightwrap
|
||
{
|
||
padding-left:60px;
|
||
}
|
||
.growth-content-rightwrap p{
|
||
margin:0;
|
||
padding:0;
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
color: #1c283b;
|
||
margin-bottom: 18px;
|
||
}
|
||
.home-section-growth-wrap
|
||
{
|
||
position: relative;
|
||
background-color: #fff;
|
||
padding: 0 0 140px;
|
||
width: 100%;
|
||
margin: auto;
|
||
}
|
||
.align-items-center
|
||
{
|
||
align-items: center;
|
||
}
|
||
.growth-img-leftwrap .growimg
|
||
{
|
||
max-width:100%;
|
||
height:auto;
|
||
}
|
||
.home-top-banner + .np-courses.np-subpage-container
|
||
{
|
||
/*padding: 74px 5% 26px 5%;*/
|
||
padding: 74px 0 26px 0;
|
||
}
|
||
.np-course-group
|
||
{
|
||
position:relative;
|
||
margin-bottom:25px;
|
||
display: flex;
|
||
flex-flow: row;
|
||
justify-content: space-between;
|
||
}
|
||
.np-course-group .np-course-title
|
||
{
|
||
|
||
}
|
||
.np-course-group .course-right-link
|
||
{
|
||
|
||
}
|
||
.clearfix
|
||
{
|
||
clear:both;
|
||
}
|
||
|
||
.view-course-btn{
|
||
border-radius: 4px;
|
||
background-color: transparent;
|
||
border: 1px solid #ffffff;
|
||
font-size: 16px;
|
||
line-height: 26px;
|
||
text-decoration: none;
|
||
color: #ffffff;
|
||
min-width: 200px;
|
||
display: inline-block;
|
||
padding: 11px 28px;
|
||
max-width: 200px;
|
||
}
|
||
.learn-new-main
|
||
{
|
||
background-color: #2347ad;
|
||
border-top-left-radius: 50px;
|
||
border-bottom-left-radius: 50px;
|
||
padding-top: 114px;
|
||
padding-bottom: 116px;
|
||
}
|
||
.learn-recognition-main
|
||
{
|
||
background-color: #5159f5;
|
||
border-top-right-radius: 50px;
|
||
border-bottom-right-radius: 50px;
|
||
padding-top: 114px;
|
||
padding-bottom: 116px;
|
||
}
|
||
.learn-new-skill-wrap, .learn-recognition-skill-wrap
|
||
{
|
||
text-align:center;
|
||
}
|
||
.learn-recognition-skill-wrap img, .learn-new-skill-wrap img
|
||
{
|
||
max-height:58px;
|
||
width:auto;
|
||
}
|
||
.h-recognition-wrapper
|
||
{
|
||
background-color: #fff;
|
||
padding: 0 16px 60px 16px;
|
||
}
|
||
.d-flex
|
||
{
|
||
display:flex;
|
||
}
|
||
.h-recognition-wrapper h3
|
||
{
|
||
margin: 0;
|
||
padding: 0;
|
||
font-size: 36px;
|
||
color: #ffffff;
|
||
margin-top: 35px;
|
||
margin-bottom: 28px;
|
||
}
|
||
.h-recognition-wrapper p{
|
||
margin:0;
|
||
font-size:18px;
|
||
line-height:30px;
|
||
color:#fff;
|
||
max-width:400px;
|
||
margin-left:auto;
|
||
margin-right:auto;
|
||
margin-bottom: 12px;
|
||
min-height: 119px;
|
||
}
|
||
.learn-section h4{
|
||
font-size: 24px;
|
||
color: #1c283b;
|
||
font-weight: bold;
|
||
margin:0;
|
||
padding:0;
|
||
margin-bottom:21px;
|
||
}
|
||
.learn-section p{
|
||
font-size: 18px;
|
||
color: #1c283b;
|
||
margin:0;
|
||
}
|
||
.learing-wrapper h2
|
||
{
|
||
|
||
font-size: 36px;
|
||
color: #1c283b;
|
||
font-weight: bold;
|
||
text-align: center;
|
||
margin: 0;
|
||
margin-bottom: 100px;
|
||
margin-top:54px;
|
||
}
|
||
.data-logo
|
||
{
|
||
text-align:center;
|
||
}
|
||
.data-logo img
|
||
{
|
||
max-height: 54px;
|
||
margin: 0 auto;
|
||
width: auto;
|
||
}
|
||
.learing-wrapper
|
||
{
|
||
position: relative;
|
||
width: 100%;
|
||
margin: 0 auto;
|
||
background-color: #fff;
|
||
padding: 52px 0 168px;
|
||
border-bottom: 1px solid #eeeffd;
|
||
}
|
||
/* Accrodian css */
|
||
.example-collapsible-button {
|
||
display: flex;
|
||
width: 100%;
|
||
margin-top: .5em;
|
||
padding: .5em;
|
||
flex-flow: row nowrap;
|
||
justify-content: space-between;
|
||
align-content: center;
|
||
box-sizing: border-box;
|
||
border: 2px solid transparent;
|
||
outline: none;
|
||
background-color: white;
|
||
text-align: left;
|
||
}
|
||
.example-collapsible-button:hover,
|
||
.example-collapsible-button:focus {
|
||
border-color: var(--theme);
|
||
color: var(--theme);
|
||
}
|
||
.example-collapsible-button.is-open {
|
||
background-color: var(--theme); /* You probably need to change this! */
|
||
color: white;
|
||
}
|
||
.example-collapsible-button.is-open:hover,
|
||
.example-collapsible-button.is-open:focus {
|
||
border-color: rgba(0,0,0,.75);
|
||
}
|
||
.example-collapsible-button::after {
|
||
font-size: 1.5em;
|
||
line-height: 1;
|
||
content: "+";
|
||
}
|
||
.example-collapsible-button.is-open::after {
|
||
content: "–";
|
||
}
|
||
.example-collapsible-button.is-open
|
||
{
|
||
padding: 48px 4px 12px;
|
||
}
|
||
.example-collapsible-panel {
|
||
display:none;
|
||
margin-bottom: .5em;
|
||
overflow: hidden;
|
||
background-color: white;
|
||
transition: all .5s ease-in-out;
|
||
/*transition: max-height .25s ease-out;*/
|
||
}
|
||
.example-collapsible-panel.is-open {
|
||
display:block;
|
||
}
|
||
.example-collapsible-panel-content {
|
||
padding:0;
|
||
margin-bottom: 46px;
|
||
color: #1c283b;
|
||
font-size: 18px;
|
||
max-width: 946px;
|
||
}
|
||
/*end*/
|
||
.faq-main-wrapper
|
||
{
|
||
position: relative;
|
||
width: 100%;
|
||
margin: 0 auto;
|
||
background-color: #fff;
|
||
padding:100px 0 63px;
|
||
}
|
||
.faq-heading h2
|
||
{
|
||
font-size: 36px;
|
||
color: #1c283b;
|
||
font-weight: bold;
|
||
text-align: center;
|
||
margin: 0;
|
||
margin-bottom: 65px;
|
||
}
|
||
.example-collapsible-button
|
||
{
|
||
border: 1px solid #2347ad !important;
|
||
border-left: 0 !important;
|
||
border-right: 0 !important;
|
||
padding: 48px 4px 48px;
|
||
margin: 0 !important;
|
||
border-bottom: 0 !important;
|
||
font-size: 24px;
|
||
color: #1c283b !important;
|
||
}
|
||
.resource-wrapper{
|
||
background-color: #eeeffd;
|
||
position:relative;
|
||
padding:108px 0 165px;
|
||
}
|
||
.custom-container
|
||
{
|
||
max-width:1301px;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
width: 100%;
|
||
}
|
||
.px-75
|
||
{
|
||
padding-left:75px;
|
||
padding-right:75px;
|
||
}
|
||
.faq-padding
|
||
{
|
||
padding-left: 75px;
|
||
padding-right: 36px;
|
||
}
|
||
.resource-section
|
||
{
|
||
border-radius: 8px;
|
||
background-color: #ffffff;
|
||
border: 1px solid #2347ad;
|
||
padding: 121px 27px 28px;
|
||
margin-bottom: 40px;
|
||
}
|
||
.resouce-heading h2
|
||
{
|
||
margin: 0;
|
||
font-size: 36px;
|
||
color: #1c283b;
|
||
text-align: center;
|
||
margin-bottom:20px;
|
||
}
|
||
.resouce-heading p{
|
||
margin: 0;
|
||
text-align: center;
|
||
margin-bottom:46px;
|
||
}
|
||
.resource-section h5
|
||
{
|
||
font-size: 15px;
|
||
letter-spacing: 3px;
|
||
line-height: 25px;
|
||
text-transform: uppercase;
|
||
color: #000000;
|
||
font-weight: 800;
|
||
margin-top: 38px;
|
||
margin-bottom: 28px;
|
||
}
|
||
.resource-section p
|
||
{
|
||
margin: 0;
|
||
font-size: 26px;
|
||
color: #1c283b;
|
||
margin-bottom:25px;
|
||
min-height: 90px;
|
||
max-width: 350px;
|
||
}
|
||
.article-link
|
||
{
|
||
color: #5159f5;
|
||
font-size: 18px;
|
||
text-decoration: underline;
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
}
|
||
.article-link .toparrow{
|
||
display: inline-block;
|
||
width: 38px;
|
||
}
|
||
.article-link .toparrow img
|
||
{
|
||
max-height:38px;
|
||
}
|
||
.bg-grediant-image
|
||
{
|
||
border-radius: 8px;
|
||
background-image: linear-gradient(90deg, #5159f5 0%, #ff8676 100%);
|
||
border: none;
|
||
padding: 94px 70px 88px;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
}
|
||
.resource-img img
|
||
{
|
||
max-height:91px;
|
||
}
|
||
.resource-section-full h5
|
||
{
|
||
margin-top: 0;
|
||
color: #fff;
|
||
font-size: 36px;
|
||
line-height: 1;
|
||
text-transform: capitalize;
|
||
margin-bottom: 11px;
|
||
}
|
||
.resource-section-full p
|
||
{
|
||
margin: 0;
|
||
font-size: 26px;
|
||
color: #fff;
|
||
max-width: 100%;
|
||
}
|
||
|
||
.resource-section-full .toparrow {
|
||
display: inline-block;
|
||
width: 38px;
|
||
position:absolute;
|
||
bottom: 23px;
|
||
right: 31px;
|
||
}
|
||
.course-grid-item .np-card-content-footer
|
||
{
|
||
flex-flow: row-reverse;
|
||
align-items: center;
|
||
}
|
||
.register-linkbtn{
|
||
border-radius: 4px;
|
||
background-color: #5159f5;
|
||
max-width: 116px;
|
||
font-size: 14px;
|
||
line-height: 26px;
|
||
color: #fff;
|
||
text-align: center;
|
||
padding: 5px 36px 4px;
|
||
text-decoration: none;
|
||
display: inline-block;
|
||
}
|
||
.profile-menu
|
||
{
|
||
margin:0;
|
||
padding:0;
|
||
list-style:none;
|
||
}
|
||
.profile-menu li
|
||
{
|
||
display:inline-block;
|
||
}
|
||
.topclose-btn
|
||
{
|
||
position: absolute;
|
||
right: 26px;
|
||
cursor: pointer;
|
||
}
|
||
.np-header-logo
|
||
{
|
||
max-width:230px;
|
||
}
|
||
.menu-left
|
||
{
|
||
padding-left:35px;
|
||
}
|
||
.menu-left ul
|
||
{
|
||
margin: 0;
|
||
padding: 0;
|
||
list-style: none;
|
||
}
|
||
.menu-left ul li
|
||
{
|
||
display: inline-block;
|
||
padding:0 25px;
|
||
}
|
||
.menu-left ul li a
|
||
{
|
||
text-decoration: none;
|
||
font-size: 16px;
|
||
line-height: 26px;
|
||
color: #1c283b;
|
||
}
|
||
.np-footer-social-links-link img
|
||
{
|
||
width:16px;
|
||
height:16px;
|
||
}
|
||
.burger
|
||
{
|
||
display:none;
|
||
}
|
||
.np-header-avatar-tooltip-navigation-link:hover
|
||
{
|
||
font-weight: inherit;
|
||
}
|
||
@media screen and (min-width: 768px) {
|
||
.np-header-sign-in {
|
||
margin: 0 31px 0 25px;
|
||
position: static;
|
||
}
|
||
.np-header-logo-image {
|
||
height: auto;
|
||
max-width: 230px;
|
||
}
|
||
.np-footer-navigation-link
|
||
{
|
||
padding: 0 18px !important;
|
||
}
|
||
.np-footer-social-links-list {
|
||
margin-bottom: 0;
|
||
padding-left: 20px;
|
||
margin-top: 0;
|
||
}
|
||
.np-main.np-courses .row-with-thumbnails {
|
||
margin-left: -15px !important;
|
||
margin-right: -15px !important;
|
||
}
|
||
|
||
.np-header-search .np-header-search-icon{
|
||
color:#1e2839 !important;
|
||
}
|
||
.np-header-search-input:focus
|
||
{
|
||
color: #1e2839 !important;
|
||
}
|
||
.np-header {
|
||
height: 78px;
|
||
position:relative;
|
||
filter: drop-shadow(-7.794px 4.5px 8px rgba(0,0,0,0.09));
|
||
background-color: #ffffff;
|
||
}
|
||
.np-footer-navigation-list {
|
||
margin-top: 0;
|
||
margin-bottom: 0;
|
||
}
|
||
.np-footer-logo{
|
||
margin-bottom: 0;
|
||
margin-right: 0;
|
||
margin-top: 0;
|
||
}
|
||
.np-footer
|
||
{
|
||
padding-top: 71px;
|
||
padding-bottom: 111px;
|
||
padding-left: 20px;
|
||
padding-right: 20px;
|
||
}
|
||
.np-footer-support {
|
||
flex-direction: row;
|
||
margin-right: 0;
|
||
margin-bottom: 0;
|
||
}
|
||
.np-page-container
|
||
{
|
||
position: relative;
|
||
}
|
||
}
|
||
@media(max-width:992px){
|
||
.np-header .np-header-content
|
||
{
|
||
padding:0 20px;
|
||
}
|
||
.menu-left ul li
|
||
{
|
||
padding: 0 10px;
|
||
}
|
||
.certified-center p
|
||
{
|
||
max-width: 560px;
|
||
text-align: left;
|
||
margin-left:0;
|
||
|
||
}
|
||
.certified-center h1
|
||
{
|
||
text-align: left;
|
||
}
|
||
.home-top-banner + .np-courses.np-subpage-container {
|
||
padding: 74px 20px 26px;
|
||
}
|
||
.custom-container
|
||
{
|
||
padding: 0 20px;
|
||
}
|
||
.growth-content-rightwrap
|
||
{
|
||
padding-left: 0;
|
||
}
|
||
.growth-img-leftwrap
|
||
{
|
||
padding-right: 25px;
|
||
}
|
||
.home-section-growth-wrap
|
||
{
|
||
padding: 0 0 80px;
|
||
}
|
||
.h-recognition-wrapper h3
|
||
{
|
||
font-size: 30px;
|
||
}
|
||
.h-recognition-wrapper p
|
||
{
|
||
padding:0 20px;
|
||
}
|
||
.px-75 {
|
||
padding-left: 20px;
|
||
padding-right: 20px;
|
||
}
|
||
.learing-wrapper h2
|
||
{
|
||
margin-bottom: 70px;
|
||
font-size: 32px;
|
||
}
|
||
.learing-wrapper
|
||
{
|
||
padding: 52px 0 128px;
|
||
}
|
||
.faq-padding {
|
||
padding-left: 40px;
|
||
padding-right: 40px;
|
||
}
|
||
.example-collapsible-button
|
||
{
|
||
font-size: 22px;
|
||
}
|
||
.resource-section
|
||
{
|
||
padding: 81px 27px 28px;
|
||
}
|
||
.resource-section p
|
||
{
|
||
font-size: 22px;
|
||
}
|
||
.resource-section h5 {
|
||
font-size: 12px;
|
||
}
|
||
.menu-left ul li a
|
||
{
|
||
font-size: 15px;
|
||
}
|
||
.menu-left {
|
||
padding-left: 0;
|
||
}
|
||
.resource-section-full h5
|
||
{
|
||
font-size: 32px;
|
||
}
|
||
.resource-section-full p
|
||
{
|
||
font-size: 24px;
|
||
}
|
||
.resource-img img {
|
||
max-height: 61px;
|
||
}
|
||
}
|
||
|
||
@media(max-width:767px){
|
||
.home-top-banner
|
||
{
|
||
padding: 78px 20px 76px;
|
||
}
|
||
.certified-center .badge-img{
|
||
left: 0;
|
||
top: 30px;
|
||
right:0;
|
||
position: relative;
|
||
margin:0 auto;
|
||
}
|
||
.row .course-grid-item .np-card {
|
||
padding: 0 0px 64px !important;
|
||
}
|
||
.growth-content-rightwrap {
|
||
padding-left: 0;
|
||
padding-top: 50px;
|
||
}
|
||
.h-recognition-wrapper p
|
||
{
|
||
margin-bottom: 30px;
|
||
}
|
||
.growth-content-rightwrap h2
|
||
{
|
||
font-size: 30px
|
||
}
|
||
.certified-center h1
|
||
{
|
||
font-size: 32px;
|
||
}
|
||
.np-footer-support .np-footer-support-help
|
||
{
|
||
width:100%;
|
||
padding-bottom: 12px;
|
||
}
|
||
.learn-section h4, .learn-section p
|
||
{
|
||
text-align:center;
|
||
}
|
||
.h-recognition-wrapper .d-flex
|
||
{
|
||
flex-wrap:wrap;
|
||
}
|
||
.learn-new-main
|
||
{
|
||
border-top-right-radius: 50px;
|
||
border-bottom-left-radius: 0;
|
||
padding-top: 60px;
|
||
padding-bottom: 60px;
|
||
}
|
||
.learn-recognition-main
|
||
{
|
||
border-top-right-radius: 0;
|
||
border-bottom-right-radius: 50px;
|
||
border-bottom-left-radius: 50px;
|
||
padding-top: 60px;
|
||
padding-bottom: 60px;
|
||
}
|
||
.learing-wrapper h2 {
|
||
margin-bottom: 40px;
|
||
font-size: 30px;
|
||
margin-top: 30px;
|
||
|
||
}
|
||
.learn-section
|
||
{
|
||
margin-bottom:40px;
|
||
}
|
||
.learing-wrapper {
|
||
padding: 52px 0 40px;
|
||
}
|
||
.faq-padding {
|
||
padding-left: 20px;
|
||
padding-right: 20px;
|
||
}
|
||
.faq-main-wrapper
|
||
{
|
||
padding: 60px 0 63px;
|
||
}
|
||
.resource-wrapper
|
||
{
|
||
padding: 80px 0 105px;
|
||
}
|
||
element {
|
||
}
|
||
.resource-img img {
|
||
max-height: 61px;
|
||
}
|
||
.np-footer-navigation-list
|
||
{
|
||
display:block;
|
||
}
|
||
.bg-grediant-image
|
||
{
|
||
padding: 70px 30px 60px;
|
||
}
|
||
.resource-section-full h5 {
|
||
font-size: 30px;
|
||
}
|
||
.resource-section-full p {
|
||
font-size: 20px;
|
||
margin-bottom: 20px;
|
||
}
|
||
.np-footer-top
|
||
{
|
||
flex-direction: column;
|
||
}
|
||
.row .course-grid-item .np-card {
|
||
padding: 0 0px 34px !important;
|
||
}
|
||
.np-footer-support
|
||
{
|
||
flex-direction: row;
|
||
margin-bottom: 12px;
|
||
flex-wrap: wrap;
|
||
justify-content: center;
|
||
}
|
||
.np-header-logo
|
||
{
|
||
justify-content: left;
|
||
}
|
||
.np-header-content
|
||
{justify-content: space-between;}
|
||
.np-header-mobile-menu-nav
|
||
{
|
||
position: relative;
|
||
}
|
||
.menu-left
|
||
{
|
||
display:none;
|
||
}
|
||
|
||
.burger {
|
||
width: 30px;
|
||
height: 30px;
|
||
display: block;
|
||
-moz-transition: all 0.6s ease-in-out;
|
||
-o-transition: all 0.6s ease-in-out;
|
||
-webkit-transition: all 0.6s ease-in-out;
|
||
transition: all 0.6s ease-in-out;
|
||
position: absolute;
|
||
top: 25px;
|
||
right: 0;
|
||
-moz-transform: translate(-50%, 0);
|
||
-ms-transform: translate(-50%, 0);
|
||
-webkit-transform: translate(-50%, 0);
|
||
transform: translate(-50%, 0);
|
||
}
|
||
.burger i {
|
||
display: block;
|
||
width: 22px;
|
||
height: 2px;
|
||
background: #1c283b;
|
||
position: absolute;
|
||
top: 50%;
|
||
left: 50%;
|
||
-moz-transform: translate(-50%, -50%);
|
||
-ms-transform: translate(-50%, -50%);
|
||
-webkit-transform: translate(-50%, -50%);
|
||
transform: translate(-50%, -50%);
|
||
-moz-transition: all 0.2s ease-in-out;
|
||
-o-transition: all 0.2s ease-in-out;
|
||
-webkit-transition: all 0.2s ease-in-out;
|
||
transition: all 0.2s ease-in-out;
|
||
}
|
||
.burger i::before, .burger i::after {
|
||
content: '';
|
||
position: absolute;
|
||
height: 2px;
|
||
background: #1c283b;
|
||
width: 22px;
|
||
top: 50%;
|
||
|
||
left: 50%;
|
||
-moz-transform: translate(-50%, -50%);
|
||
-ms-transform: translate(-50%, -50%);
|
||
-webkit-transform: translate(-50%, -50%);
|
||
transform: translate(-50%, -50%);
|
||
-moz-transition: all 0.2s ease-in-out;
|
||
-o-transition: all 0.2s ease-in-out;
|
||
-webkit-transition: all 0.2s ease-in-out;
|
||
transition: all 0.2s ease-in-out;
|
||
}
|
||
.burger i::after {
|
||
margin-top: 6px;
|
||
}
|
||
.burger i::before {
|
||
margin-top: -6px;
|
||
}
|
||
.burger{
|
||
display:block
|
||
}
|
||
.profile-menu, .menu-left
|
||
{
|
||
background-color: #fff;
|
||
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
|
||
border: solid 1px #ddd;
|
||
right: 0;
|
||
left: 0;
|
||
top: 71px;
|
||
z-index: 1;
|
||
display:none;
|
||
position: absolute;
|
||
white-space: nowrap;
|
||
padding-top: 16px;
|
||
}
|
||
.profile-menu li, .menu-left ul li
|
||
{
|
||
display:block;
|
||
}
|
||
.menu-left ul li a
|
||
{
|
||
display:inline-block;
|
||
}
|
||
.profile-menu li a, .menu-left ul li a{
|
||
padding: 10px;
|
||
font-size: 12px;
|
||
text-align: left;
|
||
margin: 0;
|
||
margin-bottom: 8px;
|
||
padding-left: 21px;
|
||
position: relative;
|
||
right: auto;
|
||
color: #1c283b;
|
||
text-decoration: none;
|
||
display: block;
|
||
}
|
||
.profile-menu li a.register-linkbtn{
|
||
display: block;
|
||
margin: 20px;
|
||
color:#fff !important;
|
||
padding: 5px 36px 4px !important;
|
||
}
|
||
.np-header-content
|
||
{
|
||
position:relative;
|
||
}
|
||
.np-header .np-header-content{
|
||
flex-direction: row;
|
||
}
|
||
.np-header-logo-image
|
||
{
|
||
height: auto;
|
||
max-width: 100%;
|
||
}
|
||
.np-header-logo {
|
||
max-width: 180px;
|
||
}
|
||
.np-header-mobile-menu-nav-button
|
||
{
|
||
height: 42px;
|
||
width: 42px;
|
||
}
|
||
.np-header-avatar-image
|
||
{
|
||
height: auto;
|
||
max-width: 100%;
|
||
}
|
||
.np-header-mobile-menu-nav {
|
||
position: relative;
|
||
right: 0;
|
||
padding-right: 30px;
|
||
}
|
||
.burger.active i::before, .burger.active i::after {
|
||
left: 0px;
|
||
width: 22px;
|
||
}
|
||
.burger.active i::before {
|
||
-moz-transform: rotate(45deg);
|
||
-ms-transform: rotate(45deg);
|
||
-webkit-transform: rotate(45deg);
|
||
transform: rotate(45deg);
|
||
top: 5px;
|
||
height: 1px;
|
||
}
|
||
.burger.active{
|
||
top: 25px;
|
||
}
|
||
.burger.active i
|
||
{
|
||
background: transparent;
|
||
}
|
||
|
||
.burger.active i::after {
|
||
-moz-transform: rotate(-45deg);
|
||
-ms-transform: rotate(-45deg);
|
||
-webkit-transform: rotate(-45deg);
|
||
transform: rotate(-45deg);
|
||
top: -8px;
|
||
height: 1px;
|
||
}
|
||
}
|
||
|
||
#service_learning_root
|
||
{
|
||
background-color: #f2f5fa !important;
|
||
}
|
||
.course .activity div
|
||
{
|
||
background-color: #f2f5fa !important;
|
||
}
|