PK!]| _lists.scssnu[/* * * Lists */ // Vertical list .list { > li + li { margin-top: 10px; } } .list-xs > li + li { margin-top: 8px; } .list-sm > li + li { margin-top: 15px; } .list-md > li + li { margin-top: 18px; } .list-lg > li + li { margin-top: 25px; } .list-xl { li + li { margin-top: 30px; } @include media-breakpoint-up(xl) { * + p { margin-top: 18px; } } @include media-breakpoint-up(xxl) { * + p { margin-top: 24px; } } } @include media-breakpoint-up(md) { .list-xl > li + li { margin-top: 60px; } } @include media-breakpoint-up(xxl) { .list-xl > li + li { margin-top: 78px; } } // // List inline // .list-inline { > li { display: inline-block; } } html { .list-inline-md { @include spacing(20px, 8px); @include media-breakpoint-up(lg) { @include spacingX(28px); } } } // // List terms // .list-terms { dt { font-size: 20px; line-height: 1.3; font-weight: 700; letter-spacing: 0; color: $gray-700; } dt + dd { margin-top: 8px; } dd + dt { margin-top: 25px; } } * + .list-terms { margin-top: 25px; } .list-terms + .privacy-link { margin-top: 20px; } @include media-breakpoint-up(md) { .list-terms { dt { font-size: 24px; } dd + dt { margin-top: 40px; } } } @include media-breakpoint-up(lg) { .list-terms { dt + dd { margin-top: 18px; } dd + dt { margin-top: 55px; } } } @include media-breakpoint-up(xl) { .list-terms { dt { max-width: 85%; } } } @include media-breakpoint-up(xxl) { .list-terms { dd + dt { margin-top: 75px; } } .list-terms + .privacy-link { margin-top: 75px; } } // // Index list // .index-list { counter-reset: li; > li { .list-index-counter { &:before { content: counter(li, decimal-leading-zero); counter-increment: li; } } } } // // Marked list // .list-marked { text-align: left; > li { text-indent: -25px; padding-left: 25px; &::before { position: relative; top: 1px; display: inline-block; left: 25px; min-width: 25px; content: '\f14f'; font: 400 14px 'Material Design Icons'; line-height: inherit; color: $gray-300; } } > li + li { margin-top: 9px; } } * + .list-marked { margin-top: 15px; } // // Ordered List // .list-ordered { counter-reset: li; text-align: left; > li { position: relative;padding-left: 25px; &:before { content: counter(li, decimal) '.'; counter-increment: li; position: absolute; top: 0; left: 0; display: inline-block; width: 15px; color: $gray-300; } } > li + li { margin-top: 9px; } } * + .list-ordered { margin-top: 15px; } // // List Nav // .list-nav { @include spacing(20px, 10px); font-family: $font-family-sec; font-weight: 400; font-size: .875em; letter-spacing: .08em; text-transform: uppercase; color: $gray-700; li { display: inline-block; vertical-align: middle; } a { color: inherit; } a:hover { color: $primary; } } @include media-breakpoint-up(md) { .list-nav { @include spacingX(25px); } } @include media-breakpoint-up(lg) { .list-nav { @include spacingX(55px); } } %context-dark { .list-nav { color: $white; a:hover { color: $gray-300; } } } // List Inline Bordered .list-inline-bordered { @include spacingX(36px); color: $gray-700; * { color: inherit; } > li > button { @include reset-button; transition: .22s; } > li { display: inline-block; line-height: 24px; &:not(:last-child) { border-right: 1px solid $gray-400; } } } %context-dark { .list-inline-bordered { color: $white; button.active, button:hover { color: $gray-300; } } } .list-inline-comma { > li { display: inline-block; color: $primary; &:not(:last-child) { &::after { content: '\002C'; } } } a { color: inherit; } a:hover { color: $primary-darken; } } .list-inline-comma-default { > li { color: $body-color; } a:hover { color: $primary; } } PK!>=l,, _posts.scssnu[/* * * Posts */ // // Table of Contents: // // Post Inline // Post Classic // Post Modern // Post Block // Post Light // Post Tiny // Post Creative // // // Post Inline // .post-inline { max-width: 313px; } .post-inline-title { a { color: inherit; } } .post-inline-meta { @include spacing(20px, 5px); color: $gray-400; > li { position: relative; display: inline-block; &:not(:last-child) { &::after { content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 1px; border-radius: 50%; background: $gray-700; } } } a { color: inherit; } } * + .post-inline { margin-top: 15px; } * + .post-inline-meta { margin-top: 5px; } @include media-breakpoint-up(md) { * + .post-inline { margin-top: 32px; } } // Context styling %context-dark { .post-inline-title { color: $white; a:hover { color: $gray-300; } } .post-inline-meta { > li { &:not(:last-child) { &::after { background: $gray-300; } } } a:hover { color: $white; } } } // // Post Classic // .post-classic { text-align: left; } .post-classic-media { position: relative; display: block; &::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba($gray-700, .1); transition: .4s ease-in-out; opacity: 0; visibility: hidden; pointer-events: none; } img { width: 100%; } &:hover { &::before { opacity: 1; visibility: visible; } } } .post-classic-meta { @include spacing(28px, 3px); color: $gray-300; > li { position: relative; display: inline-block; &:not(:last-child) { &::after { content: ''; position: absolute; right: 0; top: 50%; width: 2px; height: 2px; background: $gray-300; transform: translate3d(0, -50%, 0); } } } a:hover { color: $primary-darken; } } * + .post-classic-meta { margin-top: 15px; } * + .post-classic-title { margin-top: 9px; } @include media-breakpoint-down(xs) { .post-classic { max-width: 360px; margin-left: auto; margin-right: auto; } } @include media-breakpoint-between(sm, sm) { .post-classic-title { font-size: 17px; } } @include media-breakpoint-up(md) { .post-classic-title { max-width: 92%; } .post-classic-meta { @include spacing(40px, 5px); } * + .post-classic-meta { margin-top: 25px; } } @include media-breakpoint-between(lg, lg) { .post-classic-meta { @include spacingX(30px); font-size: 14px; } } // // Post Modern // .post-modern { text-align: left; } .post-modern-title { color: $primary; a:hover { color: $primary-darken; } } .post-modern-media { position: relative; display: block; &::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba($gray-700, .1); transition: .22s ease-in-out; opacity: 0; visibility: hidden; pointer-events: none; } img { width: 100%; } &:hover { &::before { opacity: 1; visibility: visible; } } } .post-modern-meta { @include spacing(30px, 5px); color: $gray-700; > li { position: relative; display: inline-block; line-height: 24px; &:not(:last-child) { &::after { content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 1.5em; background: $gray-200; transform: translate3d(0, -50%, 0); } } } a:hover { color: $primary-darken; } } * + .post-modern-title { margin-top: 9px; } * + .post-modern-meta { margin-top: 10px; } @include media-breakpoint-down(xs) { .post-modern { max-width: 430px; margin-left: auto; margin-right: auto; } } @include media-breakpoint-up(md) { .post-modern-meta { @include spacing(40px, 5px); } * + .post-modern-title { margin-top: 15px; } } @include media-breakpoint-between(lg, lg) { .post-modern-meta { @include spacingX(30px); font-size: 14px; } } @include media-breakpoint-up(xl) { .post-modern { p, .post-modern-title { padding-right: 40px; } } * + .post-modern-title { margin-top: 25px; } * + .post-modern-meta { margin-top: 15px; } } // // Post Block // .post-block { position: relative; z-index: 1; display: flex; overflow: hidden; max-width: 640px; border-radius: $border-radius-lg; text-align: left; &::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; opacity: .3; background-image: linear-gradient(to bottom, rgba($black, 0) 0%, $black 100%); } &::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; border-radius: inherit; background: rgba($black, .5); z-index: 1; opacity: 0; visibility: hidden; transition: 1s ease-in-out; } &:hover { &::after { opacity: 1; visibility: visible; } } > * { width: 100%; flex-shrink: 0; } } .post-block-dummy { width: 100%; &::before { content: ''; display: block; visibility: hidden; pointer-events: none; padding-bottom: (456 / 637) * 100%; } } .post-block-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; @supports (object-fit: cover) { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } .post-block-caption { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: flex-end; padding: 20px; } .post-block-meta { @include spacing(40px, 5px); color: $gray-700; > li { position: relative; display: inline-block; line-height: 24px; &:not(:last-child) { &::after { content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 1.5em; background: $gray-200; transform: translate3d(0, -50%, 0); } } } a { color: inherit; &:hover { color: $primary; } } time { display: block; } } %context-dark { .post-block-meta { color: $gray-300; a:hover { color: $white; } > li { &:not(:last-child) { &::after { background: $gray-300; } } } } .post-block-title { a:hover { color: $gray-300; } } } @include media-breakpoint-down(sm) { .post-block { max-width: 420px; margin-left: auto; margin-right: auto; } } @include media-breakpoint-up(md) { .post-block-meta { @include spacingX(50px); } .post-block-caption { padding: 35px 40px; } } // // Post Light // .post-light { display: flex; align-items: flex-start; max-width: 450px; @include groupX(20px); text-align: left; &:hover { .post-light-time { background: $primary; } } } .post-light-time { position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-shrink: 0; min-width: 100px; width: 100px; padding: 20px; color: $white; background: $gray-dark; border-radius: $border-radius-lg; transition: .22s ease-in-out; > * { line-height: 1; } > * + * { margin-top: 3px; } } .post-light-time-big { font-size: (36 / 16) * 1em; font-weight: 700; } a.post-tiny-media { display: block; } .post-light-media { position: relative; &::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba($gray-700, .1); transition: .22s ease-in-out; opacity: 0; visibility: hidden; pointer-events: none; } img { width: 100%; } } .post-light-main { flex-grow: 1; } .post-light-title { color: $primary; a:hover { color: $primary-darken; } } .post-light-meta { @include spacing(40px, 5px); color: $gray-700; > li { position: relative; display: inline-block; line-height: 24px; &:not(:last-child) { &::after { content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 1.5em; background: $gray-200; transform: translate3d(0, -50%, 0); } } } a { color: inherit; &:hover { color: $primary; } } } * + .post-light { margin-top: 30px; } * + .post-light-meta { margin-top: 9px; } @include media-breakpoint-up(md) { .post-light { @include groupX(36px); } } @include media-breakpoint-up(lg) { * + .post-light { margin-top: 38px; } } // // Post Tiny // .post-tiny { text-align: left; } a.post-tiny-media { position: relative; display: block; &::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba($gray-700, .3); transition: .22s ease-in-out; opacity: 0; visibility: hidden; pointer-events: none; } img { width: 100%; } &:hover { &::before { opacity: 1; visibility: visible; } } } .post-tiny-title { color: $primary; a:hover { color: $primary-darken; } } .post-tiny-time { display: block; color: $gray-300; } * + .post-tiny-time { margin-top: 10px; } @include media-breakpoint-down(xs) { .post-tiny { max-width: 360px; margin-left: auto; margin-right: auto; } } // // Post Creative // .post-creative { > img { width: 100%; } > * + img { margin-top: 25px; } > img + * { margin-top: 25px; } * + h4, * + .heading-4 { margin-top: 15px; } } .post-creative-title { font-weight: 700; } .post-creative-meta { @include spacing(30px, 5px); > li, > li > * { display: inline-block; vertical-align: middle; } > li { > * + * { margin-left: 5px; } } a { color: inherit; &:hover { color: $primary; } } .icon { font-size: 1.5em; color: $primary; } } .post-creative-footer { @include spacing(30px, 10px); > * { display: inline-block; vertical-align: middle; } } * + .post-creative-meta { margin-top: 15px; } * + .post-creative-footer { margin-top: 25px; } @include media-breakpoint-up(md) { .post-creative-title { max-width: 80%; } } @include media-breakpoint-up(lg) { * + .post-creative-meta { margin-top: 25px; } .post-creative + [class*='section'] { margin-top: 30px; } } @include media-breakpoint-up(xl) { .post-creative { h4, .heading-4 { font-size: 22px; line-height: 1.46; } > * + img { margin-top: 30px; } > img + * { margin-top: 40px; } * + h4, * + .heading-4 { margin-top: 32px; } > .quote-light + img { margin-top: 50px; } } * + .post-creative-meta { margin-top: 30px; } * + .post-creative-footer { margin-top: 40px; } } @include media-breakpoint-up(xxl) { .post-creative + [class*='section'] { margin-top: 55px; } } PK!El٣ _careers.scssnu[/* * * Careers */ // // Table of Contents // // Career Classic // // // Career Classic // .career-classic { text-align: left; } .career-classic-divider { border-bottom: 1px solid $gray-300; } .career-classic-list { @include spacing(40px, 10px); > li { display: inline-block; vertical-align: middle; white-space: nowrap; > * { display: inline-block; vertical-align: middle; } > * + * { margin-left: 8px; } } .icon { font-size: 1.25em; color: $primary; } } * + .career-classic-divider { margin-top: 10px; } * + .career-classic-list { margin-top: 15px; } @include media-breakpoint-down(xs) { .career-classic { max-width: 360px; margin-left: auto; margin-right: auto; } } @include media-breakpoint-up(md) { * + .career-classic-divider { margin-top: 20px; } * + .career-classic-list { margin-top: 20px; } }PK!B~_comments.scssnu[/* * * Comments */ // // Table of Contents // // Comment Classic // .comment-classic { display: flex; align-items: flex-start; text-align: left; padding-bottom: 20px; border-bottom: 1px solid $gray-200; > * + * { margin-left: 20px; } } .comment-classic-figure { position: relative; flex-shrink: 0; width: $form-input-height; height: $form-input-height; } .comment-classic-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; border-radius: 50%; max-width: none; @supports (object-fit: cover) { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } .comment-classic-main { flex-grow: 1; } .comment-classic-name { color: $primary; } .comment-classic-text { color: $gray-700; } .comment-classic-meta { display: flex; align-items: center; justify-content: space-between; time { color: $gray-400; } } .comment-classic-reply { font-size: 24px; line-height: 1; color: $gray-300; &::before { content: '\f549'; font-family: 'Material Design Icons'; } &:hover { color: $primary; } } * + .comment-classic-text { margin-top: 8px; } * + .comment-classic-meta { margin-top: 5px; } @include media-breakpoint-up(sm) { .comment-classic { > * + * { margin-left: 25px; } } .comment-classic-reply { font-size: 28px; } } // Comment Classic Group .comment-classic-group { .comment-classic-group { margin-left: 25px; } * + .comment-classic-group { margin-top: 30px; } } * + .comment-classic-group { margin-top: 50px; } .comment-classic-group + .comment-classic-group { margin-top: 30px; } @include media-breakpoint-up(md) { .comment-classic-group { .comment-classic-group { margin-left: 75px; } } } PK!ڠܛ _icons.scssnu[/* * * Icons */ // // Base styles // .icon { display: inline-block; font-size: 16px; line-height: 1; &::before { position: relative; display: inline-block; font-weight: 400; font-style: normal; speak: none; text-transform: none; } } // // Icon Styles // .icon-creative { display: inline-block; text-align: center; width: 2em; height: 2em; line-height: 2em; border-radius: 50%; &, &:active, &:focus { color: $gray-300; } &::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; border-radius: inherit; pointer-events: none; opacity: 0; transform: scale3d(0, 0, 0); transition: .22s; } &:hover { color: $white; &::after { opacity: 1; transform: scale3d(1, 1, 1); } } &[class*='facebook'] { &::after { background: $facebook; } } &[class*='twitter'] { &::after { background: $twitter; } } &[class*='instagram'] { &::after { background: $instagram; } } &[class*='google'] { &::after { background: $google; } } &[class*='linkedin'] { &::after { background: $linkedin; } } } .icon-modern { width: 2em; height: 2em; line-height: 2em; text-align: center; border-radius: 50%; border: 1px solid $gray-200; color: $primary; flex-direction: column; justify-content: center; align-items: center; margin: 0 auto; } // // Icon Shapes // .icon-circle { border-radius: 50%; } // // Icon Sizes // .icon-xs { } .icon-sm { font-size: 20px; } .icon-md { font-size: 1.5em; // 24 } .icon-lg { font-size: 1.875em; // 30 } PK!~Ę22 _groups.scssnu[/* * Element groups */ html { .group { @include group(20px, 15px); @include media-breakpoint-up(lg) { @include groupX(30px); } } .group-xs { @include group(7px); } .group-sm { @include group(10px); } .group-lg { @include group(40px, 25px); } .group-xl { @include group(30px, 20px); @include media-breakpoint-up(lg) { @include group-media(45px, 20px); } } .group-sm-justify { .button { padding-left: 20px; padding-right: 20px; } @include media-breakpoint-up(md) { display: flex; align-items: center; justify-content: center; > * { flex-grow: 1; flex-shrink: 0; } .button { min-width: 130px; padding-left: 20px; padding-right: 20px; } } } // Mods .group-middle { display: table; vertical-align: middle; > * { vertical-align: middle; } } } * + .group { margin-top: 30px; } * + .group-xs { margin-top: 35px; } * + .group-sm { margin-top: 30px; } * + .group-xl { margin-top: 20px; } PK!q\wZ!Z! _forms.scssnu[/* * * Form styles */ // RD Form .rd-form { position: relative; text-align: left; .button { min-height: $form-input-height; } .button-icon-only { padding-top: 11px; padding-bottom: 11px; } } * + .rd-form { margin-top: 20px; } input:-webkit-autofill ~ label, input:-webkit-autofill ~ .form-validation { color: $black !important; } // // Form wrap // .form-wrap { position: relative; &.has-error { .form-input { border-color: $form-feedback-invalid-color; } } &.has-focus { .form-input { border-color: $form-feedback-focus-color; } } } // Form wrap offset * + .form-wrap { margin-top: 24px; } // Form input .form-input { display: block; width: 100%; min-height: $form-input-height; padding: $form-input-padding-vertical $form-input-padding-horizontal; font-size: $form-input-font-size; font-weight: $form-input-font-weight; line-height: $form-input-line-height; color: $form-input-color; background-color: $form-input-background; background-image: none; border-radius: $form-input-border-radius; -webkit-appearance: none; transition: .3s ease-in-out; @if ($form-input-border) { border: $form-input-border; } &:focus { outline: 0; } } // Form textarea textarea.form-input { height: $form-textarea-default-height; min-height: $form-textarea-default-min-height; max-height: $form-textarea-default-max-height; resize: vertical; } // Form labels .form-label, .form-label-outside { margin-bottom: 0; font-weight: $form-input-font-weight; } .form-label { position: absolute; top: $form-input-height / 2; left: 0; right: 0; padding-left: $form-input-padding-horizontal; padding-right: $form-input-padding-horizontal; font-size: $form-input-font-size; font-weight: $form-input-font-weight; line-height: $form-input-line-height; color: $form-input-color-placeholder; pointer-events: none; text-align: left; z-index: 9; transition: .25s; will-change: transform; transform: translateY(-50%); &.focus { opacity: 0; } &.auto-fill { color: $form-input-color; } } // Form label out of the field .form-label-outside { width: 100%; padding-right: 150px; margin-bottom: 4px; font-size: 14px; color: $gray-300; cursor: pointer; } .form-label-outside ~ .form-validation { top: 10px; } [data-x-mode='true'] { .form-label { pointer-events: auto; } } // // Form validation // .form-validation { position: absolute; right: 15px; top: 0; z-index: 11; margin-top: 3px; font-size: 10px; font-weight: 500; line-height: 12px; letter-spacing: 0; color: $form-feedback-invalid-color; transition: .3s; transform: scale3d(1, 1, 1); &:empty { transform: scale3d(1, 0, 1); } } .form-validation-left { .form-validation { top: 2px; bottom: auto; right: auto; left: 14px; } } // Form output #form-output-global { position: fixed; bottom: 30px; left: 15px; z-index: 2000; visibility: hidden; transform: translate3d(-500px, 0, 0); transition: .3s all ease; &.active { visibility: visible; transform: translate3d(0, 0, 0); } @include media-breakpoint-up(sm) { left: 30px; } } .form-output { position: absolute; top: 100%; left: 0; font-size: 10px; font-weight: 400; line-height: 1.2; margin-top: 2px; transition: .3s; opacity: 0; visibility: hidden; &.active { opacity: 1; visibility: visible; } &.error { color: $form-feedback-invalid-color; } &.success { color: $form-feedback-valid-color; } } // // Radio and Checkbox Custom // .radio .radio-custom, .radio-inline .radio-custom, .checkbox .checkbox-custom, .checkbox-inline .checkbox-custom { opacity: 0; &, &-dummy { position: absolute; left: 0; width: 14px; height: 14px; outline: none; cursor: pointer; } &-dummy { pointer-events: none; background: $white; &::after { position: absolute; opacity: 0; transition: .22s; } } &:focus { outline: none; } } .radio, .radio-inline, .checkbox, .checkbox-inline { input { @include sr-only; } } .radio-custom:checked + .radio-custom-dummy:after, .checkbox-custom:checked + .checkbox-custom-dummy:after { opacity: 1; } // // Custom Radio Styles // .radio, .radio-inline { padding-left: 28px; .radio-custom-dummy { top: 1px; left: 0; width: 18px; height: 18px; border-radius: 50%; border: 1px solid $gray-400; &::after { content: ''; top: 3px; right: 3px; bottom: 3px; left: 3px; background: $gray-700; border-radius: inherit; } } } // // Custom Checkbox Styles // .checkbox, .checkbox-inline { padding-left: 28px; .checkbox-custom-dummy { left: 0; width: 18px; height: 18px; margin: 0; border: 1px solid $gray-400; &::after { content: '\f222'; font-family: $mdi; position: absolute; top: -1px; left: -2px; font-size: 20px; line-height: 18px; color: $gray-300; } } } // // Checkbox Toggle // .toggle-custom { padding-left: 60px; -webkit-appearance: none; &:checked ~ .checkbox-custom-dummy { &::after { background: $primary; transform: translate(20px, -50%); } } & ~ .checkbox-custom-dummy { $toggle-height: 20px; position: relative; display: inline-block; margin-top: -1px; width: 44px; height: $toggle-height; background: $form-input-background; cursor: pointer; &::after { content: ''; position: absolute; display: inline-block; width: $toggle-height - 4px; height: $toggle-height - 4px; left: 0; top: 50%; background: $gray-400; transform: translate(4px, -50%); opacity: 1; transition: .22s; } } } // // RD Form Inline // .form-inline { display: flex; flex-wrap: wrap; align-items: stretch; text-align: center; @include groupY(8px); > * { margin-top: 0; margin-right: -$form-input-border-radius; } .form-wrap { flex: 20 0; min-width: 220px; } .form-wrap-select { text-align: left; } .form-label { display: block; } .form-input { border-color: $form-input-background; } .form-button { flex-grow: 1; min-height: $form-input-height; .button { width: 100%; min-height: inherit; } } @include media-breakpoint-up(sm) { .button { display: block; } } &.form-inline-centered { justify-content: center; } } .single-page{ .form-inline{ > *{ margin-right: 0; } @media (min-width: 412px) { flex-direction: column; align-items: center; .form-wrap{ width: 100%; } } @include media-breakpoint-up(sm){ .form-wrap{ width: auto; } flex-direction: row; > *{ margin-left: -6px; } } } } // // Form Small // .form-sm { .form-input, .button { padding-top: 9px; padding-bottom: 9px; min-height: $form-input-sm-height; } .form-validation { top: -16px; } .form-label { top: $form-input-sm-height / 2; } * + .button { margin-top: 10px; } } // // Form Large // .form-lg { .form-input, .select2-container--default .select2-selection--single .select2-selection__rendered { padding-top: round(($form-input-lg-height - $form-input-line-height-base) / 2) - 1px; padding-bottom: round(($form-input-lg-height - $form-input-line-height-base) / 2) - 1px; } .form-input, .select2-container--default .select2-selection--single .select2-selection__rendered, .form-wrap-button { min-height: $form-input-lg-height; } .form-label { top: round($form-input-lg-height / 2); } } // // Form Layout 1 // .form-layout-1 { @include group(20px); > * { display: block; } .select-2-container { display: block; min-width: 100%; max-width: 100%; width: auto !important; } .form-wrap-button { display: flex; } .button { display: block; width: 100%; } } * + form.form-layout-1 { margin-top: 35px; } @include media-breakpoint-up(md) { .form-layout-1 { display: flex; > * { flex-shrink: 0; } .form-wrap-main { flex-grow: 1; } .form-wrap-select { width: 100%; max-width: 220px; } } } @include media-breakpoint-up(lg) { * + form.form-layout-1 { margin-top: 50px; } } PK!v_dividers.scssnu[/* * * Dividers */ hr { margin-top: 0; margin-bottom: 0; border-top: $hr-border-width solid $hr-border-color; } %context-dark { hr { border-top-color: $gray-400; } } .divider-small { font-size: 0; line-height: 0; &::after { content: ''; display: inline-block; width: 70px; height: 2px; background-color: $primary; } } .divider-small + h3, .divider-small + .heading-3, .divider-small-outer + h3, .divider-small-outer + .heading-3 { margin-top: 20px; } PK! _links.scssnu[/* * * Links */ // Standard link style a { transition: $transition-base; &, &:focus, &:active, &:hover { text-decoration: $link-decoration; } &.decorated{ position: relative; padding-bottom: 2px; &:before{ content: ''; display: block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); height: 2px; width: 0; background-color: $primary; transition: all ease .35s; } } &:hover{ &.decorated{ &:before{ width: 100%; transition: all ease .35s; } } &.underlined{ text-decoration: underline; } } @include link($link-color, $link-hover-color); &[href*='tel'], &[href*='mailto'] { white-space: nowrap; } } .link-hover { color: $primary-darken; } // Link Image .link-default { &, &:active, &:focus { color: $body-color; } &:hover { color: $primary; } } %context-dark { .link-default { color: $gray-300; &:hover { color: $white; } } } // Link Image .link-image { display: block; max-width: 75%; margin-left: auto; margin-right: auto; opacity: .45; transition: $transition-base; &:hover { opacity: 1; } } // Privacy Link .privacy-link { display: inline-block; } * + .privacy-link { margin-top: 25px; } .footer-link{ @include link(rgba($white,.5), $primary) } .accent-dark-link{ @include link( $accent-dark, $primary) }PK!} _units.scssnu[/* * * Responsive units */ @include unit-responsive(20px, 30px); // // Unit Spacing // .unit-spacing-xs { @include unit-spacing(7px, 15px); } PK!EE _quotes.scssnu[/* * * Quotes */ // // Table of Contents: // // Quote Light // Quote Classic // Quote Modern // // // Quote Light // .quote-light { } .quote-light-mark { fill: $gray-300; } .quote-light-cite { font-size: 20px; color: $primary; } .quote-light-caption { line-height: 1.2; } .quote-light-text { font-size: 16px; line-height: 1.5; letter-spacing: 0; color: $accent-dark; } html img.quote-light-image { display: inline-block; } * + .quote-light { margin-top: 30px; } * + .quote-light-caption { margin-top: 3px; } * + .quote-light-mark { margin-top: 15px; } * + .quote-light-text { margin-top: 8px; } * + .quote-light-footer { margin-top: 20px; } @include media-breakpoint-up(sm) { .quote-light-cite { font-size: 20px; } } @include media-breakpoint-up(md) { .quote-light { } .quote-light-cite { font-size: 24px; } .quote-light-text { font-size: 21px; line-height: 1.45; } * + .quote-light { margin-top: 40px; } * + .quote-light-mark { margin-top: 35px; } * + .quote-light-text { margin-top: 15px; } * + .quote-light-footer { margin-top: 30px; } } @include media-breakpoint-up(xxl) { .quote-light-text { font-size: 24px; line-height: (32 / 24); } * + .quote-light { margin-top: 50px; } * + .quote-light-mark { margin-top: 50px; } * + .quote-light-footer { margin-top: 45px; } } // // Quote Classic // .quote-classic { max-width: 340px; text-align: left; } .quote-classic-meta { display: flex; align-items: center; flex-wrap: wrap; @include group(20px); } .quote-classic-avatar { position: relative; overflow: hidden; width: 50px; height: 50px; border-radius: 50%; flex-shrink: 0; img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; @supports (object-fit: cover) { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } } .quote-classic-cite { font-size: 20px; line-height: 1.2; color: $primary; } .quote-classic-caption { color: $gray-300; } * + .quote-classic-text { margin-top: 25px; } * + .quote-classic-caption { margin-top: 0; } @include media-breakpoint-down(xs) { .quote-classic { margin-left: auto; margin-right: auto; } } // // Quote Modern // .quote-modern { text-align: left; } .quote-modern-meta { display: flex; align-items: center; flex-wrap: wrap; @include group(20px); } .quote-modern-avatar { position: relative; overflow: hidden; z-index: 2; width: 50px; height: 50px; border-radius: 50%; flex-shrink: 0; img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; @supports (object-fit: cover) { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } } .quote-modern-cite { font-size: 20px; line-height: 1.2; color: $primary; } .quote-modern-caption { color: $gray-300; } .quote-modern-mark { fill: $gray-300; } * + .quote-modern-meta { margin-top: 25px; } * + .quote-modern-caption { margin-top: 0; } * + .quote-modern-text { margin-top: 10px; } // Mods .quote-modern-big { .quote-modern-text { font-size: 18px; line-height: 1.5; color: $gray-700; } @include media-breakpoint-up(lg) { .quote-modern-text { font-size: 20px; } } @include media-breakpoint-up(xl) { .quote-modern-text { font-size: 24px; line-height: (32 / 24); } * + .quote-modern-text { margin-top: 20px; } } } PK!WeĎ _footers.scssnu[/* * * Footers */ // // Table of Contents: // // Footers Standard // Footer Minimal // Footer Advanced // // // Footer Standard // .footer-standard { h4 + *, .heading-4 + * { margin-top: 14px; } } .footer-standard-main { padding: 35px 0 15px; } .footer-standard-aside { padding: 30px 0; } .footer-standard-aside { @include groupY(18px); text-align: center; > * { margin-top: 0; } } @include media-breakpoint-down(xs) { .footer-standard { .box-1 { margin-left: 0; } } } @include media-breakpoint-between(md, md) { .footer-standard { .box-1 { margin-left: 0; } } } @include media-breakpoint-up(md) { .footer-standard { h4 + *, .heading-4 + * { margin-top: 25px; } } .footer-standard-main { padding: 55px 0 20px; } .footer-standard-aside { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; text-align: center; @include groupX(20px); } } @include media-breakpoint-up(xl) { .footer-standard-main { padding: 80px 0 50px; } } // // Footer Minimal // .footer-minimal { padding: 30px 0; } .footer-minimal-inner { @include groupY(18px); text-align: center; > * { margin-top: 0; } .rights { a:hover { color: $white; } } } @include media-breakpoint-up(md) { .footer-minimal-inner { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; text-align: center; @include groupX(20px); } } // // Footer Advanced // .footer-advanced { &.bg-gray-700 { #{headings()} { color: $gray-300; } } h4 + *, .heading-4 + * { margin-top: 14px; } } .footer-advanced-main { padding: 35px 0 15px; } .footer-advanced-aside { padding: 30px 0; } .footer-advanced-layout { @include groupY(18px); text-align: center; > * { margin-top: 0; } } @include media-breakpoint-between(md, md) { .footer-advanced { .box-1 { margin-left: 0; } } } @include media-breakpoint-between(lg, lg) { .footer-advanced-text { font-size: 14px; line-height: 1.7; } } @include media-breakpoint-up(md) { .footer-advanced-main { padding: 55px 0 20px; } .footer-advanced-aside { padding: 35px 0; } .footer-advanced-layout { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; text-align: center; @include groupX(20px); } .footer-advanced-aside + .container { margin-top: 10px; } } @include media-breakpoint-up(xl) { .footer-advanced { h4 + *, .heading-4 + * { margin-top: 35px; } } .footer-advanced-main { padding: 80px 0 60px; } .footer-advanced-aside + .container { margin-top: 20px; } } // // Footer Linked // .footer-linked { &.bg-gray-700 { #{headings()} { color: $gray-300; } .list { color: $white; a:hover { color: rgba($white, .6); } } } h4 + *, .heading-4 + * { margin-top: 14px; } h4 + hr, .heading-4 + hr { margin-top: 15px; } * + .row { margin-top: 25px; } } .footer-linked-main { padding: 35px 0 15px; } .footer-linked-aside { padding: 30px 0; } .footer-linked-layout { @include groupY(18px); text-align: center; > * { margin-top: 0; } } @include media-breakpoint-between(md, md) { .footer-linked { .box-1 { margin-left: 0; } } } @include media-breakpoint-between(lg, lg) { .footer-linked-text { font-size: 14px; line-height: 1.7; } } @include media-breakpoint-up(md) { .footer-linked-main { padding: 65px 0 40px; } .footer-linked-aside { padding: 30px 0; } .footer-linked-layout { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; text-align: center; @include groupX(20px); } .footer-linked-aside + .container { margin-top: 10px; } } @include media-breakpoint-up(xl) { .footer-linked { h4 + *, .heading-4 + * { margin-top: 35px; } } .footer-linked-main { padding: 90px 0 60px; } .footer-linked-aside + .container { margin-top: 20px; } } PK!&!! _boxes.scssnu[/* * * Boxes */ // // Table of Contents: // // Box Minimal // Box Light // Box Creative // Box Width // Box CTA // Box Indigo // Box Promo // // // Box Minimal // .box-minimal { display: flex; @include groupX(15px); text-align: left; } .box-minimal-icon { position: relative; top: 4px; min-width: 26px; font-size: 24px; line-height: 1; color: $primary; &.fl-bigmug-line-checkmark14 { font-size: 20px; } } .box-minimal-text { width: 100%; max-width: 320px; margin-left: auto; margin-right: auto; } * + .box-minimal { margin-top: 30px; } * + .box-minimal-title { margin-top: 10px; } * + .box-minimal-text { margin-top: 15px; } @include media-breakpoint-down(xs) { .box-minimal { max-width: 360px; margin-left: auto; margin-right: auto; } } @include media-breakpoint-down(sm) { .box-minimal { * + p { margin-top: 7px; } } } @include media-breakpoint-up(md) { .box-minimal { padding-right: 15px; @include groupX(30px); } } @include media-breakpoint-between(lg, lg) { .box-minimal { padding-right: 0; } .box-minimal-title { font-size: 22px; } } @include media-breakpoint-up(xl) { .box-minimal-icon { top: 0; font-size: 36px; &.fl-bigmug-line-checkmark14 { font-size: 30px; } } } // // Box Light // .box-light { text-align: center; .icon-modern{ transition: all ease .35s; } @include media-breakpoint-up(xl) { &:hover{ .icon-modern{ background-color: $primary; color: $white; transition: all ease .35s; } } } } .box-light-icon { font-size: 30px; line-height: 1; color: $primary; } * + .box-light-title { margin-top: 10px; } @include media-breakpoint-down(xs) { .box-light { max-width: 300px; margin-left: auto; margin-right: auto; } } @include media-breakpoint-up(md) { .box-light { max-width: 330px; margin-left: auto; margin-right: auto; } * + .box-light-title { margin-top: 16px; } } @include media-breakpoint-between(md, lg) { .box-light-title { font-size: 24px; } } @include media-breakpoint-up(lg) { .box-light-icon { font-size: 38px; } * + .box-light-title { margin-top: 25px; } } @include media-breakpoint-up(xl) { .box-light-icon { font-size: 48px; } } // // Box Creative // .box-creative { max-width: 330px; margin-left: auto; margin-right: auto; text-align: center; cursor: default; &:hover { .box-creative-icon { color: $white; } .box-creative-icon::after { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } } } .box-creative-shadow { .box-creative-icon { background: $white; border: 0; box-shadow: 0 17px 24px 0 rgba($black, 0.05); } } .box-creative-icon { position: relative; z-index: 0; display: inline-flex; align-items: center; justify-content: center; width: 2.8em; height: 2.8em; border: 2px solid $gray-200; border-radius: 50%; font-size: 24px; line-height: 1; color: $primary; &::before { position: relative; z-index: 2; } &::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; border-radius: inherit; background: $primary; border-color: $primary; pointer-events: none; opacity: 0; visibility: hidden; transition: .15s ease-in; transform: scale3d(1.05, 1.05, 1.05); } } * + .box-creative-icon { margin-top: 10px; } * + .box-creative-title { margin-top: 10px; } @include media-breakpoint-up(md) { .box-creative-icon { font-size: 30px; } * + .box-creative-title { margin-top: 15px; } } @include media-breakpoint-down(md) { .box-creative { * + p { margin-top: 10px; } } } @include media-breakpoint-up(xl) { .box-creative-icon { width: 2.4em; height: 2.4em; font-size: 40px; } * + .box-creative-title { margin-top: 24px; } } // Box Width .box-1 { max-width: 280px; margin-left: auto; margin-right: auto; } .box-2 { @include media-breakpoint-up(md) { padding-right: 30px; } @include media-breakpoint-up(lg) { padding-right: 35px; } @include media-breakpoint-up(xl) { padding-right: 100px; } } .box-3 { @include media-breakpoint-up(lg) { padding-left: 10px; } @include media-breakpoint-up(xl) { padding-left: 70px; } } // Box CTA div.box-cta-1 { display: inline-table; text-align: center; vertical-align: middle; @include group(40px, 25px); > * { margin-top: 0; vertical-align: middle; } } div.box-cta-thin { display: inline-table; text-align: center; vertical-align: middle; @include group(30px, 25px); > * { margin-top: 0; vertical-align: middle; } @include media-breakpoint-between(md, md) { > * { max-width: 500px; } } } .box-cta-medium{ display: flex; justify-content: center; align-items: center; height: 100%; vertical-align: middle; flex-wrap: wrap; margin-left: -30px; @include media-breakpoint-up(lg) { margin-left: -167px; } > * { margin-bottom: 10px; margin-top: 0; vertical-align: middle; margin-left: 30px; @include media-breakpoint-up(lg) { margin-left: 167px; } } .button-outer{ margin-top: 0; } } // // Box Indigo // .box-indigo { position: relative; padding: 5px 0 22px; max-width: 500px; &::before { content: ''; position: absolute; top: 0; right: 100px; bottom: 0; left: 30px; z-index: -1; background: rgba($gray-700, .12); pointer-events: none; } p { line-height: 1.35; } } .box-indigo-header { > * { padding-left: 60px; } > * + * { margin-top: 0; } } .box-indigo-mark { font-weight: 300; color: $color-1; } .box-indigo-title, .box-indigo-subtitle { font-weight: 700; letter-spacing: 0; color: $gray-700 } p.box-indigo-title { position: relative; font-size: 30px; line-height: 1.15; &::before { content: ''; position: absolute; top: 50%; left: 0; transform: translate3d(0, -50%, 0); display: inline-block; width: 37px; height: 0.05em; margin-right: 15px; vertical-align: middle; background: $primary; } @include media-breakpoint-up(sm) { font-size: 60px; } @include media-breakpoint-up(md) { font-size: 75px; line-height: 1.2; } } p.box-indigo-subtitle { font-size: 24px; line-height: 1.2; .box-indigo-mark { font-size: (34 / 40) * 1em; } @include media-breakpoint-up(sm) { font-size: 34px; } @include media-breakpoint-up(md) { font-size: 40px; } } %context-dark { .box-indigo { &::before { background: rgba($white, .12); } p { color: $gray-300; } } p.box-indigo-title, p.box-indigo-subtitle { color: $white; } } // // Box Promo // .box-promo { position: relative; display: flex; max-width: 750px; margin-left: auto; margin-right: auto; text-align: left; box-shadow: 0 2px 24px 0 rgba($black, .15); transition: .33s ease-in-out; h6, .heading-6 { color: $color-2; } &:hover { transform: translate(0, -5px); box-shadow: 0 2px 24px 1px rgba($black, .2); } } .box-promo-mark { position: absolute; top: 14%; right: 6.5%; display: flex; align-items: center; justify-content: center; line-height: 1; border-radius: 50%; color: rgba($primary, .1); border: 2px solid; pointer-events: none; &::before, &::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); background: rgba($primary, .1); } &::before { width: 2px; height: 50%; } &::after { height: 2px; width: 50%; } } .box-promo-inner, .box-promo-dummy { width: 100%; flex-shrink: 0; } .box-promo-inner { display: flex; align-items: center; padding: 30px; } .box-promo-dummy { visibility: hidden; opacity: 0; pointer-events: none; &::before { content: ''; display: block; padding-bottom: (364 / 750) * 100%; } } .box-promo-content { width: 100%; max-width: 500px; * + h3, * + .heading-3 { margin-top: 15px; } * + p { margin-top: 10px; } * + .button { margin-top: 30px; } } @include media-breakpoint-up(md) { .box-promo-inner { padding: 39px 35px; } } @include media-breakpoint-up(xl) { .box-promo-inner { padding: 60px 70px; } .box-promo-mark { top: 24%; right: 6.5%; width: 120px; height: 120px; } } PK!.] _images.scssnu[/* * * Images */ // Standard img style img { display: inline-block; max-width: 100%; height: auto; } .img-responsive { width: 100%; } PK!5(J_snackbars.scssnu[/* * * Snackbars */ .snackbars { padding: 9px 16px; margin-left: auto; margin-right: auto; color: $white; text-align: left; background-color: $primary; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); border-radius: $border-radius-lg; font-size: 14px; .icon-xxs { font-size: 18px; } // padding on text p span:last-child { padding-left: 14px; } // snackbar icon on the left side &-left { display: inline-block; margin-bottom: 0; } // snackbar link or button on the right side &-right { display: inline-block; float: right; text-transform: uppercase; &:hover { text-decoration: underline; } } @include media-breakpoint-up(sm) { max-width: 540px; padding: 12px 15px; font-size: 15px; } } PK!Ȉ _buttons.scssnu[/* * * Buttons */ // Button General Styles .button { position: relative; overflow: hidden; display: inline-block; @include btn-size($input-btn-padding-y, $input-btn-padding-x, $input-btn-font-size, $input-btn-line-height); border: 2px solid; border-radius: $btn-border-radius; font-family: $btn-font-family; font-weight: $btn-font-weight; letter-spacing: $btn-letter-spacing; text-transform: $btn-text-transform; white-space: nowrap; text-overflow: ellipsis; text-align: center; cursor: pointer; vertical-align: middle; user-select: none; transition: 0.25s cubic-bezier(0.2, 1, 0.3, 1); } .button-block { display: block; width: 100%; } // // Appearance style // .button-default { @include btn-variant($gray-300, $gray-700, $gray-700, $white, $primary, $primary); } .button.button-primary { @include btn-variant($white, $primary, $primary, $white, $primary-darken, $primary-darken); } html .button.button-primary-lighten { @include btn-variant($white, $primary, $primary, $white, $primary-lighten, $primary-lighten); } // Outline .button-primary-outline { @include btn-variant($gray-700, transparent, $primary, $white, $primary, $primary); } // Social .button.button-facebook { @include btn-variant($white, $facebook, $facebook, $white, lighten($facebook, 5%), lighten($facebook, 5%)); } .button.button-twitter { @include btn-variant($white, $twitter, $twitter, $white, lighten($twitter, 5%), lighten($twitter, 5%)); } .button.button-google { @include btn-variant($white, $google, $google, $white, lighten($google, 5%), lighten($google, 5%)); } // // Button effects // .button-winona { position: relative; overflow: hidden; display: inline-block; vertical-align: middle; text-align: center; .content-original, .content-dubbed { vertical-align: middle; transition: transform 0.35s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.35s cubic-bezier(0.2, 1, 0.3, 1); } .content-original { display: block; } .content-dubbed { position: absolute; width: 100%; top: 50%; left: 0; opacity: 0; transform: translate3d(0, 0, 0); } &:hover { .content-original { opacity: 0; transform: translate3d(0, -30%, 0); } .content-dubbed { opacity: 1; transform: translate3d(0, 0, 0) translateY(-50%); } } } // // Button Sizes // .button-sm { @include btn-size($input-btn-padding-y-sm, $input-btn-padding-x-sm, 12px, $input-btn-line-height-sm); } .button-lg { @include btn-size($input-btn-padding-y-lg, 35px, 15px, $input-btn-line-height-lg); @include media-breakpoint-up(sm) { font-size: 16px; padding-left: $input-btn-padding-x-lg; padding-right: $input-btn-padding-x-lg; } } .button-lg--smaller { padding-left: 35px; padding-right: 35px; } // // Button Icon styles // html .button.button-icon { display: inline-flex; } .button-icon { justify-content: center; align-items: center; vertical-align: middle; .icon { position: relative; top: -1px; display: inline-block; vertical-align: middle; color: inherit; font-size: 1.55em; line-height: 1em; transition: none; } &:hover,&:active { .icon { color: inherit; &:before{ color: inherit; } } } &-left { .icon { padding-right: 5px; } } &-right { flex-direction: row-reverse; .icon { padding-left: 8px; } } &.button-icon-only { padding-left: 20px; padding-right: 20px; } &.button-lg { .icon { padding-right: 8px; } &.button-icon-right { .icon { padding: 0 0 0 8px; } } } &.button-sm { .icon { padding-right: 3px; font-size: 1.33em; } &.button-icon-right { .icon { padding: 0 0 0 3px; } } } } // // Bootstrap buttons // .btn-primary { border-radius: 3px; font-family: $btn-font-family; font-weight: $btn-font-weight; letter-spacing: .05em; text-transform: uppercase; transition: .33s; &, &:active, &:focus { color: $white; background: $primary; border-color: $primary; } &:hover { color: $white; background: $black; border-color: $black; } } // // Button Group // .button-group { display: flex; .button { margin: 0; flex-grow: 1; } .button:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .button:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } } // // Custom types // .button-video { position: relative; display: block; border-radius: 50%; transition: .33s; color: $gray-700; &::before, &:after { display: block; content: '\f4fc'; font-family: 'Material Design Icons'; font-size: 64px; line-height: 1; border-radius: 50%; } &::before { z-index: -1; pointer-events: none; } &::after { position: absolute; width: 100%; top: 50%; left: 0; opacity: 0; transform: translate3d(0, -50%, 0); transition: opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1); } &:hover { color: $primary; } &:hover { &::before { opacity: 0; transition: transform 0.9s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1); transform: scale3d(1.5, 1.5, 1.5); } &::after { opacity: 1; } } } .button-video-lg { &::before, &:after { font-size: 90px; } } %context-dark { .button-video { color: $white; } } .btn-lg{ padding: 19px 14px; min-width: 316px; display: inline-flex; justify-content: center; align-self: center; line-height: 1; .box-cta-medium &{ min-width: 297px; } } .btn-md{ padding: 15px 14px; min-width: 221px; display: inline-flex; justify-content: center; align-self: center; line-height: 1; } .btn-md-1{ padding: 15px 14px; min-width: 196px; display: inline-flex; justify-content: center; align-self: center; line-height: 1; }PK!w _brand.scssnu[/* * * Brand */ .brand { display: inline-block; .brand-logo-light { display: none; } .brand-logo-dark { display: block; } } PK!S`d _jumbotron-custom.scssnu[/* * * Jumbotron Classic */ // // Table of Contents // // Jumbotron Classic // Jumbotron Modern // Jumbotron Indigo // // // Jumbotron Classic // .jumbotron-classic { &.bg-gray-700 { h6, .heading-6 { color: $white; } } &.parallax-container { background-position: 60% center; } .parallax-content { width: 100%; } } .jumbotron-classic-content { max-width: 600px; padding: 50px 0; } @include media-breakpoint-down(lg) { .jumbotron-classic.parallax-container { &::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; background: linear-gradient(to right, rgba($gray-700, .6), rgba($gray-700, .2)); } } } @include media-breakpoint-up(md) { .jumbotron-classic-inner { padding: 120px 0 140px; } } @include media-breakpoint-up(xl) { .jumbotron-classic-inner { display: flex; align-items: center; min-height: (872 / 1920) * 100vw; } } @include media-breakpoint-up(xxl) { .jumbotron-classic-content { padding: 200px 0 150px; } } // // Jumbotron Modern // .jumbotron-modern { position: relative; display: flex; text-align: center; } .jumbotron-modern-inner { position: relative; z-index: 1; display: flex; align-items: center; width: 100%; padding: 50px 0; } .jumbotron-modern-content { max-width: 770px; margin-left: auto; margin-right: auto; } @include media-breakpoint-down(sm) { .jumbotron-modern { .form-layout-1 { display: inline-block; max-width: 360px; } } } @include media-breakpoint-down(lg) { .jumbotron-modern { &::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; background: linear-gradient(to bottom, rgba($gray-700, .4), rgba($gray-700, 0)); } } } @include media-breakpoint-up(md) { .jumbotron-modern-inner { padding: 100px 0 140px; } } @include media-breakpoint-up(xl) { .jumbotron-modern-inner { min-height: (800 / 1920) * 100vw; } } // // Jumbotron Indigo // .jumbotron-indigo { } .jumbotron-indigo-header { padding: 40px 0; } .jumbotron-indigo-main { padding: 10px 0 40px; } @include media-breakpoint-up(md) { .jumbotron-indigo-header { padding: 50px 0; } .jumbotron-indigo-main { padding: 50px 0 185px; } } PK!?6 _layouts.scssnu[/* * * Layouts */ // // Table of Contents // // Layout Bordered // Layout Navbar Demo // Blog Layout // // // Layout Bordered // .layout-bordered { text-align: center; } .layout-bordered-item { border: 0 solid $primary; } .layout-bordered-item-inner { display: flex; flex-direction: column; justify-content: center; max-width: 290px; padding: 0 15px; margin-left: auto; margin-right: auto; > * + * { margin-top: 10px; } } @include media-breakpoint-down(sm) { .layout-bordered-item { padding: 30px 0; &:first-child { padding-top: 0; } &:last-child { padding-bottom: 0; } } .layout-bordered-item + .layout-bordered-item { border-top-width: 1px; } } @include media-breakpoint-up(md) { .layout-bordered { display: flex; } .layout-bordered-item { flex-grow: 1; } .layout-bordered-item-inner { > * + * { margin-top: 15px; } } } @include media-breakpoint-between(md, md) { .layout-bordered-item { font-size: 15px; } } @include media-breakpoint-up(md) { .layout-bordered-item { flex-basis: 33.333%; border-right-width: 1px; &:first-child { border-left-width: 1px; } } } .layout-navbar-demo { position: relative; overflow: hidden; min-height: 400px; background: $gray-200; &.layout-navbar-demo-lg { min-height: 650px; } .rd-navbar-fixed { .rd-navbar-panel { position: relative; z-index: 10; } .rd-navbar-nav-wrap { position: absolute; z-index: 9; } .rd-navbar-main-outer, .rd-navbar-main-element { position: static; } .rd-navbar-search { position: static; } .rd-navbar-panel .rd-navbar-search-toggle { position: static; z-index: 10; } div.rd-navbar-block { top: -1px; right: 10px; white-space: nowrap; > * { display: inline-block; margin-top: 0; white-space: normal; vertical-align: middle; } > * + * { margin-left: 8px; } .rd-navbar-search-toggle { margin-top: 6px; } } div.rd-navbar-popup { position: absolute; } &.rd-navbar { [class*='rd-navbar-fixed-element'] { position: absolute; z-index: 1000; } .rd-search { position: absolute; z-index: 1; } } .rd-navbar-collapse-content { position: absolute; z-index: 1; } } @include media-breakpoint-up(xl) { min-height: 550px; &.layout-navbar-demo-lg { min-height: 650px; } } } .container + .layout-navbar-demo { margin-top: 20px; } // // Blog Layout // .blog-layout { } .blog-layout-aside { padding: 4px 0; background: $gray-100; .rd-search { .form-input { border-color: transparent; } } } .blog-layout-aside-item { padding: 25px 30px; .blog-layout-aside-title + * { margin-top: 15px; } } .blog-layout-aside-title { font-size: 22px; line-height: 1.5; } * + .blog-layout-aside { margin-top: 55px; } @include media-breakpoint-up(md) { * + .blog-layout-aside { margin-top: 70px; } } @include media-breakpoint-between(md, md) { .blog-layout-aside { columns: 2; break-inside: avoid; } .blog-layout-aside-item { display: inline-block; width: 100%; } } @include media-breakpoint-up(lg) { .blog-layout { display: flex; align-items: flex-start; @include groupX(30px); } .blog-layout-main { flex-grow: 1; max-width: (8 / 12) * 100%; } .blog-layout-aside { flex-shrink: 0; max-width: (4 / 12) * 100%; } * + .blog-layout-aside { margin-top: 0; } } @include media-breakpoint-up(xl) { .blog-layout-aside-item { padding: 35px 40px; } } PK!O _blocks.scssnu[/* * * Blocks */ %block-center { margin-left: auto; margin-right: auto; } // The block element can be centered horizontally // .block-center { @extend %block-center; } // Limits block width and block element can be centered horizontally // .block-sm { @extend %block-center; max-width: 450px; } .block-lg { @extend %block-center; max-width: 768px; } // Block center .block-center { padding: 10px; &:hover { .block-center-header { background-color: $primary; } } } .block-center-inner { } .block-center-inner-aside { } .block-center-inner-main { } .block-center-title { background-color: $white; } @include media-breakpoint-down(xl) { .block-center { padding: 20px; &:hover { .block-center-header { background-color: $white; } } } .block-center-header { background-color: $primary; } } PK!o%F_type-custom.scssnu[/* * * Typography */ // // Body // body { font-family: $font-family-base; font-size: 14px; line-height: 1.7; font-weight: $font-weight-base; color: $body-color; background-color: $body-bg; -webkit-text-size-adjust: none; -webkit-font-smoothing: subpixel-antialiased; letter-spacing: .03em; @include media-breakpoint-up(md) { font-size: $font-size-base; line-height: $line-height-base; } } // // Headings // #{headings()} { margin-top: 0; margin-bottom: 0; color: $headings-color; a { color: inherit; &:hover { color: $primary; } } span { display: inline-block; } span[data-toggle='modal'] { border-bottom: 2px dashed rgba($primary, .3); cursor: pointer; } > span.icon { display: inline-block; margin-right: 5px; } } // {0 - 768px} <= 40px // {768px - 992px} <= 62px h1, .heading-1 { font-size: 30px; line-height: 1.15; letter-spacing: 0; @include media-breakpoint-up(sm) { font-size: 32px; } @include media-breakpoint-up(md) { font-size: 46px; line-height: 1.25; } @include media-breakpoint-up(lg) { font-size: 54px; } @include media-breakpoint-up(xl) { font-size: 58px; } @include media-breakpoint-up(xxl) { font-size: $h1-font-size; line-height: $h1-line-height; } } // {0 - 768px} <= 36px // {768px - 992px} <= 52px h2, .heading-2 { font-family: $font-family-sec; font-weight: 300; font-size: 28px; line-height: 1.4; letter-spacing: 0; @include media-breakpoint-up(sm) { font-size: 30px; } @include media-breakpoint-up(md) { font-size: 44px; } @include media-breakpoint-up(xl) { font-size: $h2-font-size; line-height: $h2-line-height; } } // {0 - 768px} <= 32px // {768px - 992px} <= 44px h3, .heading-3 { font-size: 24px; line-height: 1.3; letter-spacing: 0; @include media-breakpoint-up(md) { font-size: 30px; line-height: 1.4; } @include media-breakpoint-up(xl) { font-size: $h3-font-size; line-height: $h3-line-height; } .big { font-size: 2em; line-height: 1; } } // {0 - 768px} <= 26px // {768px - 992px} <= 36px h4, .heading-4 { font-size: 18px; line-height: 1.5; letter-spacing: 0; @include media-breakpoint-up(xl) { font-size: $h4-font-size; line-height: $h4-line-height; } &.h4-smaller { font-size: 19px; @include media-breakpoint-up(xl) { font-size: 22px; line-height: (32 / 22); } } } // {0 - 768px} <= 22px // {768px - 992px} <= 28px h5, .heading-5 { font-size: 16px; line-height: 1.5; letter-spacing: .01em; @include media-breakpoint-up(md) { font-size: $h5-font-size; line-height: $h5-line-height; } } // {0 - 768px} <= 18px // {768px - 992px} <= 22px h6, .heading-6 { font-family: $font-family-sec; font-size: 14px; line-height: 1.8; letter-spacing: .2em; text-transform: uppercase; color: $gray-300; @include media-breakpoint-up(md) { font-size: $h6-font-size; line-height: $h6-line-height; } } .title-decorated { position: relative; padding-left: 40px; text-align: left; &::before { content: ''; position: absolute; left: 0; top: .8em; width: 30px; border-bottom: 1px solid; } @include media-breakpoint-up(md) { padding-left: 70px; &::before { width: 50px; top: .7em; border-bottom-width: 2px; } } } .title-decorated-lg { @include media-breakpoint-up(md) { padding-left: 80px; &::before { width: 62px; } & + p { margin-top: 32px; } } } // // Emphasis // small, .small { display: block; font-size: $font-size-sm; line-height: $line-height-sm; } mark, .mark { padding: 3px 5px; color: $white; background: $primary; } strong { font-weight: 700; color: $gray-400 } // Big text .big { font-size: 16px; line-height: 1.55; @include media-breakpoint-up(md) { font-size: $font-size-lg; line-height: $line-height-lg; } } .lead { font-size: $lead-font-size; line-height: $lead-line-height; font-weight: $lead-font-weight; } code { padding: $code-padding-y $code-padding-x; border-radius: 0; font-size: $code-font-size; color: $code-color; background: $code-bg; } .text-large { font-family: $font-family-sec; font-size: 30px; font-weight: 500; letter-spacing: 0; line-height: 1.2; text-transform: uppercase; @include media-breakpoint-up(sm) { font-size: 55px; } @include media-breakpoint-up(md) { font-size: 68px; } @include media-breakpoint-up(lg) { font-size: 80px; } @include media-breakpoint-up(xl) { font-size: 100px; } } %context-dark { .text-large { color: $white; } } .text-extra-large { font-size: 100px; line-height: .8; font-weight: 800; @include media-breakpoint-up(md) { font-size: 130px; line-height: .7; } @include media-breakpoint-up(lg) { font-size: 150px; } @include media-breakpoint-up(xxl) { font-size: 180px; } } .wow-outer { span { display: block; } .wow > span { display: inline; } } // // Paragraph // p { [data-toggle='tooltip'] { padding-left: .25em; padding-right: .25em; color: $primary; } [style*='max-width'] { display: inline-block; } a { color: inherit; } } p .text-width-1 { display: inline-block; max-width: 730px; } .text-width-2 { display: inline-block; max-width: 350px; } // // Colors // html .page { .text-primary { color: $primary; } } html .page{ .text-accent-dark{ color: $accent-dark; } } .page { .text-danger { color: $danger-color; } .text-gray-700 { color: $gray-700; } .text-color-1 { color: $color-1; } } %context-dark { .text-gray-700 { color: $white; } } .text-medium{ font-size: 18px; @include media-breakpoint-up(xl) { font-size: 20px; } } PK! * { display: inline; font: inherit; } span { display: inline; } } * + .counter-minimal-title { margin-top: 10px; } * + .counter-minimal-main { margin-top: 15px; } @include media-breakpoint-down(xs) { .counter-minimal-title { font-size: 16px; line-height: 1.4; } } @include media-breakpoint-up(md) { .counter-minimal-icon { font-size: 28px; } } @include media-breakpoint-up(md) { .counter-minimal-title { font-size: 18px; } .counter-minimal-main { font-size: 48px; } } @include media-breakpoint-up(xl) { * + .counter-minimal-main { margin-top: 25px; } * + .counter-minimal-title { margin-top: 18px; } } PK!_pagination-custom.scssnu[/* * * Pagination custom */ .pagination { font-size: 0; line-height: 0; @include group(10px); } .page-item { display: inline-block; vertical-align: middle; text-align: center; font-weight: 700; } // Base styles .page-link { display: inline-flex; align-items: center; justify-content: center; min-width: $form-input-height; min-height: $form-input-height; padding: $pagination-padding-y $pagination-padding-x; border: 0; border-radius: $border-radius-lg; font-family: $font-family-sec; font-size: $pagination-font-size; font-weight: 500; line-height: ($pagination-line-height / $pagination-font-size); background-color: $pagination-bg; color: $pagination-color; transition: $transition-base; } .page-link.button-winona { * { line-height: inherit; } .content-dubbed { margin-top: -1px; } } // Hover & Focus & Active State .page-link { &:hover, &:focus, &:active { color: $pagination-hover-color; background-color: $pagination-hover-bg; } } // Active State .page-item.active > .page-link { &, &:hover, &:focus, &:active { color: $pagination-active-color; background-color: $pagination-active-bg; } } // Disabled State .page-item.disabled > .page-link { &, &:hover, &:focus, &:active { color: $pagination-disabled-color; background-color: $pagination-disabled-bg; } } .page-item-control { .icon::before { font-family: 'FontAwesome'; font-size: 11px; line-height: $pagination-line-height; } } // Prev control .page-item-control:first-child { .icon::before { content: '\f053'; margin-left: -1px; } } // Next control .page-item-control:last-child { .icon::before { content: '\f054'; margin-right: -1px; } } * + .pagination { margin-top: 35px; } @include media-breakpoint-up(lg) { * + .pagination { margin-top: 55px; } } @include media-breakpoint-up(xxl) { * + .pagination { margin-top: 70px; } } .page-link:focus{ box-shadow: none; }PK!AFK$$_profiles.scssnu[/* * * Profiles */ // // Table of Contents // // Profile Classic // Profile Creative // Profile Minimal // Profile Modern // Profile Thin // // // Profile Classic // .profile-classic { text-align: left; } .profile-classic-main { position: relative; overflow: hidden; z-index: 1; border-radius: $border-radius-lg; } .profile-classic-image { min-width: 100%; } .profile-classic-caption { position: absolute; left: 0; right: 0; bottom: 0; padding: 10px; background: rgba($accent-dark, .6); .icon-creative { color: $white; } } .profile-classic-title { color: $primary; a:hover { color: $primary-darken; } } .profile-classic-position { color: $gray-300; } * + .profile-classic-title { margin-top: 15px; } * + .profile-classic-position { margin-top: 5px; } @include media-breakpoint-down(xs) { .profile-classic { max-width: 360px; margin-left: auto; margin-right: auto; } } @include media-breakpoint-between(sm, sm) { .profile-classic-caption { padding-left: 5px; padding-right: 5px; .icon-sm { font-size: 18px; } .group { @include groupX(3px); } } } @include media-breakpoint-between(lg, lg) { .profile-classic-caption { padding-left: 5px; padding-right: 5px; .icon-sm { font-size: 18px; } .group { @include groupX(3px); } } } @include media-breakpoint-up(xl) { * + .profile-classic-title { margin-top: 20px; } } html:not(.tablet):not(.mobile) { .profile-classic { &:hover { .profile-classic-caption { opacity: 1; visibility: visible; } } } .profile-classic-caption { top: 0; display: flex; flex-direction: column; justify-content: flex-end; opacity: 0; visibility: hidden; transition: .33s ease-in-out; } } // // Profile Creative // .profile-creative { display: flex; @include groupX(15px); text-align: left; color: $gray-400; } .profile-creative-figure { position: relative; overflow: hidden; max-width: 80px; flex-shrink: 0; } .profile-creative-image { width: 100%; border-radius: $border-radius-lg; } .profile-creative-main { flex-grow: 1; } .profile-creative-title { color: $primary; a:hover { color: $primary-darken; } } .profile-creative-position { color: $gray-300; } .profile-creative-contacts { color: $gray-300; a { color: $gray-400; } a:hover { color: $primary; } } * + .profile-creative-position { margin-top: 0; } * + .profile-creative-contacts { margin-top: 15px; } @include media-breakpoint-up(sm) { .profile-creative { @include groupX(30px); } .profile-creative-figure { max-width: 22%; } } @include media-breakpoint-up(md) { .profile-creative-figure { max-width: 29%; } .profile-creative-main { padding-right: 30px; } * + .profile-creative-contacts { margin-top: 22px; } } @include media-breakpoint-between(lg, lg) { .profile-creative { @include groupX(20px); } .profile-creative-figure { max-width: 25%; } .profile-creative-main { padding-right: 10px; } } // // Profile Minimal // .profile-minimal { position: relative; overflow: hidden; border-radius: $border-radius-lg; color: $white; text-align: left; &::before { content: ''; display: block; padding-bottom: 100%; } } .profile-minimal-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; @supports (object-fit: cover) { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } .profile-minimal-caption { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; justify-content: flex-end; padding: 25px; background: rgba($gray-700, .4); } .profile-minimal-title { color: $white; } * + .profile-minimal-position { margin-top: 5px; } @include media-breakpoint-down(xs) { .profile-minimal { max-width: 360px; margin-left: auto; margin-right: auto; } } @include media-breakpoint-up(xl) { .profile-minimal-caption { padding: 35px; } * + .profile-minimal-position { margin-top: 10px; } } html:not(.tablet):not(.mobile) { .profile-minimal { &:hover { .profile-minimal-caption { opacity: 1; visibility: visible; } } } .profile-minimal-caption { opacity: 0; visibility: hidden; transition: .35s ease-in; background: rgba($accent-dark, .6); } } // // Profile Modern // .profile-modern { text-align: left; > * + * { margin-top: 35px; } } .profile-modern-header { display: flex; justify-content: space-between; flex-wrap: wrap; @include group(20px, 10px); * + p { margin-top: 5px; } } .profile-modern-figure { position: relative; overflow: hidden; border-radius: $border-radius-lg; } .profile-modern-image { display: block; width: 100%; } .profile-modern-button { position: absolute; right: 30px; bottom: 30px; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; width: 1.86em; height: 1.86em; text-align: center; border-radius: 50%; font-size: 32px; line-height: 1; background: $primary; &, &:active, &:focus, &:hover { color: $white; } .icon { font-size: inherit; } .icon:first-child, .icon:last-child { vertical-align: middle; transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1); } .icon:first-child { display: block; } .icon:last-child { position: absolute; width: 100%; top: 50%; left: 0; opacity: 0; transform: translate3d(0, 0, 0); } &:hover { color: $white; background: $primary-darken; .icon:first-child { opacity: 0; transform: translate3d(0, -30%, 0); } .icon:last-child { opacity: 1; transform: translate3d(0, 0, 0) translateY(-50%); } } } @include media-breakpoint-down(xs) { .profile-modern { max-width: 360px; margin-left: auto; margin-right: auto; * + .row { margin-top: 15px; } } } @include media-breakpoint-down(sm) { .profile-modern-figure { max-width: 330px; margin-left: auto; margin-right: auto; } } @include media-breakpoint-up(md) { .profile-modern { display: flex; align-items: flex-start; @include groupX(30px); > * + * { margin-top: 0; } } .profile-modern-figure { max-width: 50%; flex-shrink: 0; } .profile-modern-main { flex-grow: 1; } * + .profile-modern-main { margin-top: 0; } } @include media-breakpoint-up(lg) { .profile-modern-figure { max-width: 28%; } } @include media-breakpoint-between(md, lg) { .profile-modern { font-size: 14px; * + .row { margin-top: 31px; } } } @include media-breakpoint-up(xl) { .profile-modern { @include groupX(60px); } } // // Profile Thin // .profile-thin { position: relative; display: block; padding: 30px 20px 45px; background: $gray-100; text-align: center; * + p { margin-top: 20px; } * + .group { margin-top: 15px; } * + .button-sm { margin-top: 15px; } .group { margin-left: auto; margin-right: auto; } } .profile-thin-aside { position: relative; display: inline-block; } .profile-thin-image { border-radius: 50%; } .profile-thin-contact-button { position: absolute; right: 0; bottom: 0; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; width: 2em; height: 2em; text-align: center; border-radius: 50%; font-size: 20px; line-height: 1; background: $primary; &, &:active, &:focus, &:hover { color: $white; } .icon { font-size: inherit; } .icon:first-child, .icon:last-child { vertical-align: middle; transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1); } .icon:first-child { display: block; } .icon:last-child { position: absolute; width: 100%; top: 50%; left: 0; opacity: 0; transform: translate3d(0, 0, 0); } &:hover { color: $white; background: $primary-darken; .icon:first-child { opacity: 0; transform: translate3d(0, -30%, 0); } .icon:last-child { opacity: 1; transform: translate3d(0, 0, 0) translateY(-50%); } } } .profile-thin-title { font-size: 22px; line-height: 1.47; } * + p.profile-thin-subtitle { margin-top: 0; } * + .profile-thin-main { margin-top: 20px; } @include media-breakpoint-between(sm, md) { .profile-thin { display: flex; align-items: flex-start; text-align: left; .group { margin-left: -15px; } > * + * { margin-left: 30px; } } .profile-thin-aside { flex-shrink: 0; max-width: 30%; } .profile-thin-main { flex-grow: 1; } * + .profile-thin-main { margin-top: 0; } } @include media-breakpoint-up(lg) { .profile-thin { } } @include media-breakpoint-up(xl) { .profile-thin { padding: 55px 35px; * + .group { margin-top: 25px; } * + .button-sm { margin-top: 25px; } } } PK! ` _pricing-tables.scssnu[/* * * Pricing tables */ // // Table of contents: // // Pricing Minimal // Pricing Modern // // // Pricing Minimal // .pricing-minimal { position: relative; z-index: 1; padding: 25px 20px; border: 1px solid $gray-300; border-radius: $border-radius-lg; text-align: left; transition: .22s; cursor: default; &:hover { border-color: $primary; &::before { visibility: visible; transform: translate3d(0, 0, 0); } } } .pricing-minimal-price { font-size: 26px; line-height: 1; font-weight: 700; letter-spacing: 0; color: $gray-700; span { display: inline; } } .pricing-minimal-price-currency { font-size: .65em; vertical-align: top; } .pricing-minimal-divider { border-bottom: 1px solid $gray-300; } * + .pricing-minimal-price { margin-top: 10px; } * + .pricing-minimal-divider { margin-top: 20px; } @include media-breakpoint-down(xs) { .pricing-minimal { max-width: 350px; margin-left: auto; margin-right: auto; } } @include media-breakpoint-up(sm) { .pricing-minimal { padding: 20px; } } @include media-breakpoint-up(md) { .pricing-minimal-price { font-size: 36px; } } @include media-breakpoint-up(md) { .pricing-minimal { padding: 30px 38px; } } @include media-breakpoint-between(lg, lg) { .pricing-minimal { padding: 25px 20px; } } @include media-breakpoint-up(xl) { .pricing-minimal { padding: 38px 40px; } } // // Pricing Modern // .pricing-modern { padding: 35px 20px; border: 1px solid $gray-300; border-radius: $border-radius-lg; text-align: center; * + .button { margin-top: 20px; } } .pricing-group-modern { border: 1px solid $gray-300; border-radius: $border-radius-lg; .pricing-modern { border: 0; border-radius: 0; } } .pricing-modern-rating { color: $primary; > li { display: inline-block; width: 26px; font-size: 30px; line-height: .9; } } .pricing-modern-title { font-weight: 700; } .pricing-modern-table { display: inline-table; td { padding: 3px 8px; color: $gray-400; } td:first-child { text-align: right; color: $gray-700; } td:last-child { text-align: left; } } .pricing-modern-price { font-size: 24px; font-weight: 300; line-height: 1.2; span { display: inline; } } .pricing-modern-price-currency { font-size: .65em; vertical-align: top; } * + .pricing-group-modern { margin-top: 35px; } * + .pricing-modern-title { margin-top: 5px; } * + .pricing-modern-table { margin-top: 20px; } * + .pricing-modern-price { margin-top: 15px; } @include media-breakpoint-down(xs) { .pricing-group-modern { max-width: 360px; margin-left: auto; margin-right: auto; .pricing-modern + .pricing-modern { border-top: 1px solid $gray-300; } } } @include media-breakpoint-between(sm, md) { .pricing-group-modern { .pricing-modern { &:nth-child(odd) { border-right: 1px solid $gray-300; } &:nth-child(n + 3) { border-top: 1px solid $gray-300; } } } } @include media-breakpoint-up(sm) { .pricing-group-modern { display: flex; flex-wrap: wrap; .pricing-modern { width: 100%; max-width: 50%; } } .pricing-modern { padding: 55px 20px; } * + .pricing-group-modern { margin-top: 50px; } * + .pricing-modern-table { margin-top: 25px; } * + .pricing-modern-price { margin-top: 30px; } } @include media-breakpoint-up(md) { .pricing-modern-price { font-size: 30px; } } @include media-breakpoint-up(lg) { .pricing-group-modern { .pricing-modern { max-width: 25%; border-right: 1px solid $gray-300; &:nth-child(4n) { border-right: 0; } &:nth-child(n + 5) { border-top: 1px solid $gray-300; } } } } @include media-breakpoint-between(lg, lg) { .pricing-modern { .button { display: block; padding-left: 15px; padding-right: 15px; } } } @include media-breakpoint-up(xl) { .pricing-modern-price { font-size: 36px; } * + .pricing-modern-table { margin-top: 35px; } * + .pricing-modern-price { margin-top: 40px; } } @include media-breakpoint-up(xxl) { * + .pricing-group-modern { margin-top: 75px; } } PK!F99 _tables.scssnu[/* * * Tables custom */ $table-head-padding: 13px 24px; $table-cell-padding: 23px 24px; $table-condensed-cell-padding: 5px; $table-bg: $white; $table-bg-accent: $gray-100; $table-bg-hover: $primary; $table-bg-active: $table-bg-hover; $table-border-color: $gray-200; .table { width: 100%; max-width: 100%; text-align: left; background: $table-bg; border-collapse: collapse; th, td { color: $gray-700; vertical-align: middle; } th { padding: $table-head-padding; border-top: 0; font-size: $font-size-base; font-weight: $font-weight-base; } thead th { border-bottom: 1px solid $gray-300; } td { padding: $table-cell-padding; } tbody tr:first-child { td { border-top: 0; } } tr td { border-bottom: 1px solid $table-border-color; } tfoot { td { font-weight: 700; } } } * + .table-responsive { margin-top: 30px; } @include media-breakpoint-up(md) { * + .table-responsive { margin-top: 40px; } } // // Custom // .table-hover { tbody tr { transition: .55s; &:hover { background: $table-bg-accent; } } } .table-job-positions { th, td{ white-space: nowrap; } td:first-child { width: 8%; padding-right: 6px; text-align: center; } .position { color: $primary; } time { display: block; white-space: nowrap; } @include media-breakpoint-down(xs) { th, td { padding-left: 12px; padding-right: 12px; } td { padding-top: 10px; padding-bottom: 10px; } } } .table-responsive + .button-lg { margin-top: 30px; } @include media-breakpoint-up(xl) { .table-responsive + .button-lg { margin-top: 40px; } } @include media-breakpoint-up(xxl) { .table-responsive + .button-lg { margin-top: 55px; } } PK!M _breadcrumbs.scssnu[/* * * Breadcrumbs */ $breadcrumb-padding-vertical: 8px; $breadcrumb-padding-horizontal: 15px; $breadcrumb-bg: $gray-700; $breadcrumb-color: $gray-300; $breadcrumb-hover-color: $white; $breadcrumb-separator: "\f105"; .breadcrumbs-custom { position: relative; display: flex; background-color: $breadcrumb-bg; background-position: 20% 20%; .breadcrumbs-custom-subtitle { color: $white; } } .breadcrumbs-custom-inner { display: flex; min-height: inherit; width: 100%; padding: 50px 0 25px; } .breadcrumbs-custom-container { display: flex; flex-direction: column; justify-content: space-between; &::before { content: ''; display: block; } } .breadcrumbs-custom-main { } .breadcrumbs-custom-path { @include spacingX(30px); li { position: relative; display: inline-block; vertical-align: middle; color: $breadcrumb-color; &::after { content: $breadcrumb-separator; font-family: $fa; position: absolute; top: 51%; right: -5px; display: inline-block; font-size: inherit; font-style: normal; color: rgba($white, .5); transform: translate3d(0, -50%, 0); } } li:last-child { &:after { display: none; } } a { display: inline; vertical-align: middle; &, &:active, &:focus { color: $breadcrumb-color; } } a:hover { color: $breadcrumb-hover-color; } } .breadcrumbs-custom-subtitle { } * + .breadcrumbs-custom-path { margin-top: 25px; } .breadcrumbs-custom-subtitle + .breadcrumbs-custom-title { margin-top: 15px; } @include media-breakpoint-up(sm) { .breadcrumbs-custom-path { @include spacingX(60px); } * + .breadcrumbs-custom-path { margin-top: 30px; } } @include media-breakpoint-up(md) { .breadcrumbs-custom { min-height: (456 / 1920) * 100vw; } .breadcrumbs-custom-inner { padding: 80px 0 30px; } .breadcrumbs-custom-subtitle + .breadcrumbs-custom-title { margin-top: 5px; } } @include media-breakpoint-up(lg) { .breadcrumbs-custom-inner { padding-bottom: 40px; } .breadcrumbs-custom-subtitle + .breadcrumbs-custom-title { margin-top: 10px; } } @include media-breakpoint-up(xxl) { .breadcrumbs-custom { min-height: 456px; } .breadcrumbs-custom-inner { padding: 50px 0 40px; } .breadcrumbs-custom-subtitle + .breadcrumbs-custom-title { margin-top: 20px; } } PK!+r<<_thumbnails.scssnu[/* * * Thumbnails */ // // Table of Contents // // Figure Light // Figure Card // Thumbnail video 1 // Thumbnail Minimal // Thumbnail Classic // Thumbnail Light // Thumbnail Tiny // Thumbnail Modern // Thumbnail Creative // Thumbnail Indigo // // Base styles .video-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center center; background-size: cover; cursor: pointer; } // // Figure Light // .figure-light figcaption { padding-top: 15px; color: $gray-400; } * + .figure-light { margin-top: 20px; } @include media-breakpoint-up(xl) { * + .figure-light { margin-top: 40px; } } // Figure card .figure-card { position: relative; overflow: hidden; display: flex; .figure-card-sizer { display: block; width: 100%; } .figure-card-sizer::before { display: block; content: ''; visibility: hidden; padding-bottom: (9 / 16) * 100%; } img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; @supports (object-fit: cover) { height: 100%; width: 100%; left: 0; top: 0; transform: none; object-fit: cover; object-position: center center; } } } // Thumbnail video 1 .thumbnail-video-1 { position: relative; text-align: center; .embed-responsive { &::before { min-height: 250px; } } .video-overlay { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; z-index: 1; background-position: 80% center; &::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba($black, .4); z-index: -1; } } * + .button-video { margin-top: 25px; } } // // Thumbnail Minimal // .thumbnail-minimal { position: relative; overflow: hidden; display: block; &::before { content: ''; display: block; padding-bottom: 100%; } } .thumbnail-minimal-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; @supports (object-fit: cover) { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } .thumbnail-minimal-caption { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: rgba($primary, .6); display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: $transition-base; &::before { content: '\f504'; font-family: 'Material Design Icons'; font-size: 30px; line-height: 1; color: $white; } } .thumbnail-minimal { &:hover { .thumbnail-minimal-caption { opacity: 1; visibility: visible; } } } // // Thumbnail Classic // .thumbnail-classic { position: relative; overflow: hidden; display: flex; text-align: left; * { color: inherit; } &, &:active, &:focus, &:hover { color: $white; } &:hover { color: $white; } > * { width: 100%; flex-shrink: 0; } } .thumbnail-classic-sm { .thumbnail-classic-dummy::before { padding-bottom: (256 / 370) * 100%; } } .thumbnail-classic-dummy { width: 100%; &::before { content: ''; display: block; visibility: hidden; pointer-events: none; padding-bottom: (288 / 390) * 100%; } } .thumbnail-classic-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; @supports (object-fit: cover) { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } .thumbnail-classic-caption { position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: flex-end; width: 100%; padding: 20px; background: rgba($gray-700, .4); font-size: 14px; * + p { margin-top: 5px; } } .thumbnail-classic-title { font-size: 20px; line-height: 1.3; } @include media-breakpoint-down(xs) { .thumbnail-classic { max-width: 360px; margin-left: auto; margin-right: auto; } } @include media-breakpoint-up(md) { .thumbnail-classic-caption { padding: 25px 20px; } } @include media-breakpoint-up(lg) { .thumbnail-classic-lg { .thumbnail-classic-dummy::before { padding-bottom: (576 / 390) * 100%; } } } @include media-breakpoint-up(xl) { .thumbnail-classic-caption { padding: 30px 40px; font-size: 16px; * + p { margin-top: 8px; } } .thumbnail-classic-title { font-size: 24px; } } html:not(.tablet):not(.mobile) { .thumbnail-classic-caption { opacity: 0; visibility: hidden; transition: .3s all linear; background: rgba($accent-dark, .6); } .thumbnail-classic { &:hover { .thumbnail-classic-caption { opacity: 1; visibility: visible; } } } .hoverdir-item .thumbnail-classic-caption { opacity: 1; visibility: visible; transform: translate(-100%, 0); } &[data-x-mode='true'] { .hoverdir-item .thumbnail-classic-caption { opacity: 0; visibility: hidden; transform: none; } .thumbnail-classic { &:hover { .thumbnail-classic-caption { opacity: 1; visibility: visible; } } } } } // // Thumbnail Corporate // .thumbnail-corporate { position: relative; overflow: hidden; display: flex; color: $white; text-align: left; * { color: inherit; } &:hover { color: $white; } > * { width: 100%; flex-shrink: 0; } } .thumbnail-corporate-light { text-align: center; .thumbnail-corporate-caption { display: flex; flex-direction: column; align-items: center; justify-content: center; > * { max-width: 180px; } } } .thumbnail-corporate-dummy { width: 100%; visibility: hidden; pointer-events: none; &::before { content: ''; display: block; width: 0; padding-bottom: (256 / 370) * 100%; } } .thumbnail-corporate-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; @supports (object-fit: cover) { left: 0; top: 0; transform: none; object-fit: cover; width: 100%; height: 100%; object-position: center center; } } .thumbnail-corporate-caption { position: relative; z-index: 1; display: flex; flex-direction: column; width: 100%; padding: 20px; background: rgba($gray-700, .4); * + p { margin-top: 10px; } } .thumbnail-corporate-link { position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; width: 1.67em; height: 1.67em; text-align: center; border-radius: 50%; font-size: 24px; line-height: 1; background: $primary; &, &:active, &:focus, &:hover { color: $white; } .icon { font-size: inherit; } .icon:first-child, .icon:last-child { vertical-align: middle; transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1); } .icon:first-child { display: block; } .icon:last-child { position: absolute; width: 100%; top: 50%; left: 0; opacity: 0; transform: translate3d(0, 0, 0); } &:hover { background: $primary-lighten; .icon:first-child { opacity: 0; transform: translate3d(0, -30%, 0); } .icon:last-child { opacity: 1; transform: translate3d(0, 0, 0) translateY(-50%); } } } .thumbnail-corporate-title { font-size: 20px; line-height: 1.3; } * + .thumbnail-corporate-link { margin-top: 15px; } @include media-breakpoint-down(xs) { .thumbnail-corporate { max-width: 360px; margin-left: auto; margin-right: auto; } } @include media-breakpoint-up(md) { .thumbnail-corporate-caption { padding: 25px 20px; } } @include media-breakpoint-up(lg) { .thumbnail-corporate-lg { .thumbnail-corporate-dummy::before { padding-bottom: (464 / 370) * 100%; } } } @include media-breakpoint-up(xl) { .thumbnail-corporate-caption { padding: 30px 40px; * + p { margin-top: 8px; } } .thumbnail-corporate-title { font-size: 24px; } } html:not(.tablet):not(.mobile) { .thumbnail-corporate-caption { opacity: 0; visibility: hidden; transition: .3s all linear; background: rgba(#000, .6); > * { opacity: 0; visibility: hidden; transition: .25s .11s all linear; } } .thumbnail-corporate { &:hover { .thumbnail-corporate-caption, .thumbnail-corporate-caption > * { opacity: 1; visibility: visible; } } } .hoverdir-item .thumbnail-corporate-caption { opacity: 1; visibility: visible; transform: translate(-100%, -100%); } &[data-x-mode='true'] { .hoverdir-item .thumbnail-corporate-caption { opacity: 0; visibility: hidden; transform: none; } .thumbnail-corporate { &:hover { .thumbnail-corporate-caption, .thumbnail-corporate-caption > * { opacity: 1; visibility: visible; } } } } } // // Thumbnail Light // .thumbnail-light { text-align: left; } .thumbnail-light-media { position: relative; overflow: hidden; display: block; border-radius: $border-radius-lg; &::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba($gray-700, .3); transition: .22s ease-in-out; opacity: 0; visibility: hidden; pointer-events: none; } &:hover { &::before { opacity: 1; visibility: visible; } } } .thumbnail-light-image { width: 100%; } @include media-breakpoint-down(xs) { .thumbnail-light { max-width: 360px; margin-left: auto; margin-right: auto; } } // // Thumbnail Thin // .thumbnail-thin { position: relative; overflow: hidden; padding-bottom: 100%; &::before, &::after { pointer-events: none; } &::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: rgba($gray-700, .3); } &::after { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); z-index: 2; content: '\f504'; font-family: 'Material Design Icons'; font-size: 40px; line-height: 1; color: $white; } } a.thumbnail-thin { display: block; } .thumbnail-thin-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; @supports (object-fit: cover) { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } html:not(.tablet):not(.mobile) { .thumbnail-thin { &::before, &::after { opacity: 0; transition: .22s ease-in; } &::before { background: rgba($gray-700, .6); } &:hover { &::before, &::after { opacity: 1; } } } } // // Thumbnail Modern // .thumbnail-modern { position: relative; overflow: hidden; display: flex; text-align: left; * { color: inherit; } &, &:active, &:focus, &:hover { color: $white; } &:hover { color: $white; } > * { width: 100%; flex-shrink: 0; } } .thumbnail-modern-sm { .thumbnail-modern-dummy::before { padding-bottom: (256 / 370) * 100%; } } .thumbnail-modern-dummy { visibility: hidden; pointer-events: none; width: 100%; &::before { content: ''; display: block; padding-bottom: (288 / 390) * 100%; } } .thumbnail-modern-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; background-position: center center; background-size: cover; @supports (object-fit: cover) { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } .thumbnail-modern-caption { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 100%; padding: 20px; background: rgba($gray-700, .4); .icon { font-size: 30px; line-height: 1; color: $white; } } @include media-breakpoint-down(xs) { .thumbnail-modern { max-width: 360px; margin-left: auto; margin-right: auto; } } @include media-breakpoint-up(lg) { .thumbnail-modern-lg { .thumbnail-modern-dummy::before { padding-bottom: (576 / 390) * 100%; } } } html:not(.tablet):not(.mobile) { .thumbnail-modern-caption { opacity: 0; visibility: hidden; transition: .3s all linear; background: rgba($gray-700, .6); } .thumbnail-modern { &:hover { .thumbnail-modern-caption { opacity: 1; visibility: visible; } } } } // // Thumbnail Creative // .thumbnail-creative { position: relative; display: block; max-width: 348px; margin-left: auto; margin-right: auto; &:hover { .thumbnail-creative-image { transform: translate(0, -5px); box-shadow: 0 2px 24px 1px rgba($black, .2); } } } .thumbnail-creative-wrap { padding: 26px; margin: -26px; } .thumbnail-creative-image { position: relative; display: block; width: 100%; transition: .33s ease-in-out; box-shadow: 0 2px 24px 0 rgba($black, .15); } * + .thumbnail-creative-title { margin-top: 16px; } @include media-breakpoint-up(md) { * + .thumbnail-creative-title { margin-top: 24px; } } // // Thumbnail Indigo // .thumbnail-indigo { position: relative; overflow: hidden; display: block; background: $gray-700; box-shadow: -1px 1px 21px 0px rgba($black, .08); background-position: center top; background-size: cover; &::before { content: ''; display: block; opacity: 0; visibility: hidden; padding-bottom: (659 / 443) * 100%; } } .thumbnail-indigo-sm { &::before { padding-bottom: (313 / 443) * 100%; } } .thumbnail-indigo-sm + .thumbnail-indigo-sm { margin-top: 7.4%; } .thumbnail-indigo-caption { position: absolute; top: auto; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba($white, .95); } .thumbnail-indigo-title { } html:not(.tablet):not(.mobile) { .thumbnail-indigo-caption { top: 0; background: rgba($white, .9); } .thumbnail-indigo-caption, .thumbnail-indigo-caption > * { opacity: 0; visibility: hidden; will-change: opacity; } .thumbnail-indigo-caption { transition: .2s all linear; } .thumbnail-indigo-caption > * { transition: .2s .1s all ease-in; } .thumbnail-indigo { &:hover { .thumbnail-indigo-caption, .thumbnail-indigo-caption > * { opacity: 1; visibility: visible; } } } } PK!٧ _rights.scssnu[// Rights .rights { color: rgba($white,.3); a:hover{ color: $primary; } } .section-single-footer{ .rights{ color: $gray-400; } }PK!  _timeline.scssnu[/* * * Timeline */ // // Table of Contents // // Timeline Classic // // // Timeline Classic // .timeline-classic { text-align: left; } .timeline-classic-item { position: relative; overflow: hidden; padding: 0 0 70px 35px; margin-bottom: -25px; &:last-child { padding-bottom: 0; margin-bottom: 0; } } .timeline-classic-item-image { width: 100%; } .timeline-classic-item-title { font-family: $font-family-sec; font-size: 24px; line-height: 1.2; font-weight: 300; letter-spacing: 0; text-transform: uppercase; } .thumbnail-classic-item-subtitle { font-size: 16px; line-height: 1.5; color: $white; } .timeline-classic-item-divider { position: absolute; top: 0; left: 0; display: flex; flex-grow: 1; flex-direction: column; align-items: center; padding-top: 25px; &::before { content: ''; display: block; width: 15px; height: 15px; border: 2px solid $white; border-radius: 50%; } &::after { content: ''; position: absolute; top: 40px; left: 50%; margin-left: -1px; width: 2px; height: 300vh; background: $white; min-height: 100px; } } * + .timeline-classic-item-main { margin-top: 20px; } %context-dark { .timeline-classic-item-divider { &::before { border-color: $white; } &::after { background: $white; } } .thumbnail-classic-item-subtitle { color: $white; } } @include media-breakpoint-down(xs) { .timeline-classic-item { max-width: 450px; margin-left: auto; margin-right: auto; } } @include media-breakpoint-down(sm) { .timeline-classic-item { flex-wrap: wrap; } .timeline-classic-item-main, .timeline-classic-item-aside { width: 100%; } } @include media-breakpoint-up(md) { .timeline-classic-item { display: flex; padding-left: 0; padding-bottom: 90px; } .timeline-classic-item-aside { max-width: 33.33%; } .timeline-classic-item-main { max-width: 60%; } .timeline-classic-item-divider { position: relative; padding: 25px 20px 0; } .timeline-classic-item-title { font-size: 32px; } .thumbnail-classic-item-subtitle { font-size: 18px; line-height: 1.4; } * + .timeline-classic-item-main { margin-top: 0; } } @include media-breakpoint-up(lg) { .timeline-classic-item { * + h4, * + .heading-4 { margin-top: 20px; } } .timeline-classic-item-title { font-size: 36px; } .thumbnail-classic-item-subtitle { font-size: 24px; line-height: 1.4; margin-top: 25px; } .timeline-classic-item-aside { max-width: 37%; } .timeline-classic-item-main { max-width: 50%; } } @include media-breakpoint-up(xl) { .timeline-classic-item-aside { max-width: 33.33%; } .timeline-classic-item-title { font-size: 48px; } } @include media-breakpoint-up(xxl) { .timeline-classic-item { padding-bottom: 125px; * + h4, * + .heading-4 { margin-top: 30px; } } } .thumbnail-classic-item-description{ color: $gray-300; }PK!]| _lists.scssnu[PK!>=l,, _posts.scssnu[PK!El٣ =_careers.scssnu[PK!B~@_comments.scssnu[PK!ڠܛ H_icons.scssnu[PK!~Ę22 O_groups.scssnu[PK!q\wZ!Z! S_forms.scssnu[PK!vu_dividers.scssnu[PK! w_links.scssnu[PK!} }_units.scssnu[PK!EE ~_quotes.scssnu[PK!WeĎ _footers.scssnu[PK!&!! _boxes.scssnu[PK!.] _images.scssnu[PK!5(J_snackbars.scssnu[PK!Ȉ ._buttons.scssnu[PK!w _brand.scssnu[PK!S`d _jumbotron-custom.scssnu[PK!?6 _layouts.scssnu[PK!O _blocks.scssnu[PK!o%FY_type-custom.scssnu[PK!