jnjn
This commit is contained in:
Norm Rasmussen
@ -50,14 +50,22 @@
|
||||
|
||||
@font-face {
|
||||
font-family: "PlusJakartaSans";
|
||||
src: url(https://s3.amazonaws.com/static.northpass.com/fonts/PlusJakartaSans-Regular.woff) format('woff');
|
||||
src: url("https://s3.amazonaws.com/static.northpass.com/fonts/PlusJakartaSans-Regular.woff") format('woff');
|
||||
src: url("https://s3.amazonaws.com/static.northpass.com/fonts/PlusJakartaSans-Regular.ttf") format("truetype");
|
||||
font-weight: normal;
|
||||
font-style:normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "PlusJakartaSans";
|
||||
src: url(https://s3.amazonaws.com/static.northpass.com/fonts/PlusJakartaSans-Bold.woff) format('woff');
|
||||
src: url("https://s3.amazonaws.com/static.northpass.com/fonts/PlusJakartaSans-Bold.woff") format('woff');
|
||||
src: url("https://s3.amazonaws.com/static.northpass.com/fonts/PlusJakartaSans-Bold.ttf") format("truetype");
|
||||
font-weight: bold;
|
||||
font-style:normal;
|
||||
}
|
||||
|
||||
html, body {
|
||||
font-family: "PlusJakartaSans", "Roboto", sans-serif!important;
|
||||
}
|
||||
|
||||
body {
|
||||
@ -689,6 +697,7 @@ button.jryxug {
|
||||
.np-card-container-training-session {
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
border: 1px solid #63666a;
|
||||
}
|
||||
|
||||
.np-card-padding,
|
||||
@ -857,7 +866,7 @@ button.jryxug {
|
||||
}
|
||||
.np-card-content-training-event .np-card-content-title,
|
||||
.np-card-content-training-event .np-card-content-subtitle {
|
||||
color: #fff;
|
||||
color: black;
|
||||
}
|
||||
.np-card-content-training-event .np-card-content-subtitle {
|
||||
opacity: 0.5;
|
||||
@ -872,6 +881,7 @@ button.jryxug {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-right: -10px;
|
||||
border: 1px solid #63666a;
|
||||
}
|
||||
|
||||
.np-card-training-session .np-card-content-label {
|
||||
@ -885,18 +895,19 @@ button.jryxug {
|
||||
.np-card-training-session-date-year,
|
||||
.np-card-training-session-date-month {
|
||||
text-align: right;
|
||||
color: #fff;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.np-training-session .np-card-training-session-date-year,
|
||||
.np-training-session .np-card-training-session-date-month {
|
||||
text-align: left;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
.np-card-training-session-date-day {
|
||||
margin-right: 0;
|
||||
margin-left: 5px;
|
||||
color: #fff;
|
||||
color: #cc0033;
|
||||
}
|
||||
|
||||
.np-card-training-session-date-year {
|
||||
@ -917,10 +928,11 @@ button.jryxug {
|
||||
}
|
||||
|
||||
.np-card-training-sessions-label {
|
||||
color: #fff;
|
||||
color: #cc0033;
|
||||
}
|
||||
.np-event-card .np-card-container {
|
||||
height: 100%;
|
||||
border: 1px solid #63666a
|
||||
}
|
||||
.np-card-training-sessions {
|
||||
background: transparent;
|
||||
@ -1016,8 +1028,8 @@ button.jryxug {
|
||||
@media (min-width: 1170px) {
|
||||
|
||||
.np-course-banner .np-course-title {
|
||||
font-size: 55px;
|
||||
line-height: 62px;
|
||||
font-size: 40px;
|
||||
line-height: 55px;
|
||||
}
|
||||
|
||||
.np-course-banner-info .np-course-details {
|
||||
@ -1035,7 +1047,7 @@ button.jryxug {
|
||||
|
||||
.np-course-detail {
|
||||
font-size: 1.125rem;
|
||||
color: #000000;
|
||||
color: #fff;
|
||||
flex: 0 1 calc(33.33%);
|
||||
}
|
||||
|
||||
@ -1362,232 +1374,6 @@ button.jryxug {
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
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: #555269;
|
||||
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: 400;
|
||||
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 .quotes-left {
|
||||
font-size: 32px;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: -30px;
|
||||
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 .quotes-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 .quotes-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
|
||||
|
||||
Reference in New Issue
Block a user