Save
This commit is contained in:
@@ -504,6 +504,11 @@ header#masthead .row #nav-menu-toggle .icon::after {
|
|||||||
transition: all 250ms ease-in-out;
|
transition: all 250ms ease-in-out;
|
||||||
transition-delay: 600ms;
|
transition-delay: 600ms;
|
||||||
}
|
}
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
header#masthead .row #nav-menu-toggle {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
footer#site-footer {
|
footer#site-footer {
|
||||||
background: #232323;
|
background: #232323;
|
||||||
@@ -683,6 +688,12 @@ body.page-id-25 main .box-1 .row .col-1 {
|
|||||||
max-width: 500px;
|
max-width: 500px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
body.page-id-25 main .box-1 .row .col-1 {
|
||||||
|
max-width: 330px;
|
||||||
|
padding-bottom: 60px;
|
||||||
|
}
|
||||||
|
}
|
||||||
body.page-id-25 main .box-1 .row .col-2 {
|
body.page-id-25 main .box-1 .row .col-2 {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
@@ -694,6 +705,11 @@ body.page-id-25 main .box-1 .row .col-2 {
|
|||||||
max-width: 430px;
|
max-width: 430px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
body.page-id-25 main .box-1 .row .col-2 {
|
||||||
|
max-width: 360px;
|
||||||
|
}
|
||||||
|
}
|
||||||
body.page-id-25 main .box-1 .box-head {
|
body.page-id-25 main .box-1 .box-head {
|
||||||
margin-bottom: 24px;
|
margin-bottom: 24px;
|
||||||
}
|
}
|
||||||
@@ -704,6 +720,11 @@ body.page-id-25 main .box-1 .box-head h2 {
|
|||||||
line-height: 120%;
|
line-height: 120%;
|
||||||
letter-spacing: -1.4px;
|
letter-spacing: -1.4px;
|
||||||
}
|
}
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
body.page-id-25 main .box-1 .box-head h2 {
|
||||||
|
font-size: 48px;
|
||||||
|
}
|
||||||
|
}
|
||||||
body.page-id-25 main .box-1 .box-text {
|
body.page-id-25 main .box-1 .box-text {
|
||||||
margin-bottom: 24px;
|
margin-bottom: 24px;
|
||||||
max-width: 400px;
|
max-width: 400px;
|
||||||
@@ -729,6 +750,11 @@ body.page-id-25 main .box-1 .box-quote p {
|
|||||||
letter-spacing: -0.27px;
|
letter-spacing: -0.27px;
|
||||||
margin-bottom: 16px;
|
margin-bottom: 16px;
|
||||||
}
|
}
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
body.page-id-25 main .box-1 .box-quote {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
body.page-id-25 main .box-2 {
|
body.page-id-25 main .box-2 {
|
||||||
position: relative;
|
position: relative;
|
||||||
padding-top: 220px;
|
padding-top: 220px;
|
||||||
@@ -746,6 +772,12 @@ body.page-id-25 main .box-2::before {
|
|||||||
transform: translateY(-100%);
|
transform: translateY(-100%);
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
}
|
}
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
body.page-id-25 main .box-2 {
|
||||||
|
padding-top: 100px;
|
||||||
|
padding-bottom: 100px;
|
||||||
|
}
|
||||||
|
}
|
||||||
body.page-id-25 main .box-2 .row .col-1 {
|
body.page-id-25 main .box-2 .row .col-1 {
|
||||||
max-width: 474px;
|
max-width: 474px;
|
||||||
padding-left: 64px;
|
padding-left: 64px;
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
@@ -20,6 +20,10 @@ $header-height: 77px;
|
|||||||
font-size: 64px;
|
font-size: 64px;
|
||||||
line-height: 120%;
|
line-height: 120%;
|
||||||
letter-spacing: -1.4px;
|
letter-spacing: -1.4px;
|
||||||
|
|
||||||
|
@include respond-below(lg) {
|
||||||
|
font-size: 48px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin box_title_line($color, $bgColor) {
|
@mixin box_title_line($color, $bgColor) {
|
||||||
@@ -474,6 +478,10 @@ header#masthead {
|
|||||||
transition-delay: 600ms;
|
transition-delay: 600ms;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@include respond-above(lg) {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -697,6 +705,10 @@ body.page-id-25 {
|
|||||||
@include respond-below(xl) {
|
@include respond-below(xl) {
|
||||||
max-width: 500px;
|
max-width: 500px;
|
||||||
}
|
}
|
||||||
|
@include respond-below(lg) {
|
||||||
|
max-width: 330px;
|
||||||
|
padding-bottom: 60px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
&-2 {
|
&-2 {
|
||||||
// position: relative;
|
// position: relative;
|
||||||
@@ -709,6 +721,9 @@ body.page-id-25 {
|
|||||||
@include respond-below(xxl) {
|
@include respond-below(xxl) {
|
||||||
max-width: 430px;
|
max-width: 430px;
|
||||||
}
|
}
|
||||||
|
@include respond-below(lg) {
|
||||||
|
max-width: 360px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -748,6 +763,10 @@ body.page-id-25 {
|
|||||||
letter-spacing: -0.27px;
|
letter-spacing: -0.27px;
|
||||||
margin-bottom: 16px;
|
margin-bottom: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@include respond-below(lg) {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -757,6 +776,11 @@ body.page-id-25 {
|
|||||||
padding-bottom: 180px;
|
padding-bottom: 180px;
|
||||||
background: $cBlack;
|
background: $cBlack;
|
||||||
|
|
||||||
|
@include respond-below(lg) {
|
||||||
|
padding-top: 100px;
|
||||||
|
padding-bottom: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
.row {
|
.row {
|
||||||
.col {
|
.col {
|
||||||
&-1 {
|
&-1 {
|
||||||
|
|||||||
@@ -3,6 +3,11 @@ jQuery(function ($) {
|
|||||||
gsap.registerPlugin(ScrollTrigger)
|
gsap.registerPlugin(ScrollTrigger)
|
||||||
|
|
||||||
function initSticky() {
|
function initSticky() {
|
||||||
|
if ($(window).width() <= 992) {
|
||||||
|
ScrollTrigger.getByClass('heroImagePin')?.kill()
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
ScrollTrigger.getById('heroImagePin')?.kill()
|
ScrollTrigger.getById('heroImagePin')?.kill()
|
||||||
|
|
||||||
const $pin = $('.box-1 .col-2')
|
const $pin = $('.box-1 .col-2')
|
||||||
|
|||||||
Reference in New Issue
Block a user