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