Save
This commit is contained in:
Roman Pyrih
@@ -332,6 +332,12 @@ header#masthead .row .site-branding img {
|
||||
min-width: 200px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 575px) {
|
||||
header#masthead .row .site-branding img {
|
||||
width: 200px;
|
||||
min-width: 200px;
|
||||
}
|
||||
}
|
||||
header#masthead .row .site-branding.active img {
|
||||
filter: brightness(0) invert(1);
|
||||
transition-delay: 0ms;
|
||||
@@ -514,10 +520,19 @@ footer#site-footer {
|
||||
background: #232323;
|
||||
}
|
||||
footer#site-footer .footer-1 {
|
||||
padding-top: 140px;
|
||||
padding-bottom: 90px;
|
||||
border-bottom: 1px solid #9e9e9e;
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
footer#site-footer .footer-1 {
|
||||
padding-top: 140px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
footer#site-footer .footer-1 {
|
||||
padding-top: 100px;
|
||||
}
|
||||
}
|
||||
footer#site-footer .footer-1 .row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
@@ -531,6 +546,16 @@ footer#site-footer .footer-1 .row .col-1 {
|
||||
width: 100%;
|
||||
max-width: 636px;
|
||||
}
|
||||
@media (max-width: 1199px) {
|
||||
footer#site-footer .footer-1 .row .col-1 {
|
||||
max-width: 430px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
footer#site-footer .footer-1 .row .col-1 {
|
||||
max-width: unset;
|
||||
}
|
||||
}
|
||||
footer#site-footer .footer-1 .row .col-1 img {
|
||||
width: 239px;
|
||||
margin-bottom: 24px;
|
||||
@@ -543,6 +568,11 @@ footer#site-footer .footer-1 .row .col-1 h2 {
|
||||
letter-spacing: -0.96px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
@media (max-width: 1199px) {
|
||||
footer#site-footer .footer-1 .row .col-1 h2 {
|
||||
font-size: 48px;
|
||||
}
|
||||
}
|
||||
footer#site-footer .footer-1 .row .col-1 p {
|
||||
color: #9e9e9e;
|
||||
font-weight: 400;
|
||||
@@ -551,11 +581,25 @@ footer#site-footer .footer-1 .row .col-1 p {
|
||||
letter-spacing: -0.38px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
footer#site-footer .footer-1 .row .col-2 {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
footer#site-footer .footer-1 .row .col-2 img {
|
||||
width: 100%;
|
||||
max-width: -moz-fit-content;
|
||||
max-width: fit-content;
|
||||
margin-top: -190px;
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
footer#site-footer .footer-1 .row .col-2 img {
|
||||
margin-top: -190px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
footer#site-footer .footer-1 .row .col-2 img {
|
||||
margin-top: -140px;
|
||||
}
|
||||
}
|
||||
footer#site-footer .footer-2 {
|
||||
padding-top: 32px;
|
||||
@@ -565,6 +609,12 @@ footer#site-footer .footer-2 .row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
footer#site-footer .footer-2 .row {
|
||||
flex-direction: column;
|
||||
row-gap: 24px;
|
||||
}
|
||||
}
|
||||
footer#site-footer .footer-2 .row .col-1 {
|
||||
flex-basis: 40%;
|
||||
display: flex;
|
||||
@@ -587,6 +637,11 @@ footer#site-footer .footer-2 .row .col-1 a {
|
||||
line-height: 1;
|
||||
letter-spacing: -0.32px;
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
footer#site-footer .footer-2 .row .col-1 a {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
footer#site-footer .footer-2 .row .col-2 {
|
||||
flex-basis: 60%;
|
||||
}
|
||||
@@ -599,6 +654,12 @@ footer#site-footer .footer-2 .row .col-2 ol {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
footer#site-footer .footer-2 .row .col-2 ol {
|
||||
flex-direction: column;
|
||||
row-gap: 24px;
|
||||
}
|
||||
}
|
||||
footer#site-footer .footer-2 .row .col-2 ol li p {
|
||||
color: #9e9e9e;
|
||||
margin: 0;
|
||||
@@ -607,6 +668,18 @@ footer#site-footer .footer-2 .row .col-2 ol li p {
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.32px;
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
footer#site-footer .footer-2 .row .col-3 {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
footer#site-footer .footer-2 .row .col-3 a {
|
||||
color: #9e9e9e;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
line-height: 1;
|
||||
letter-spacing: -0.32px;
|
||||
}
|
||||
|
||||
article.article-card .article-card--wrapper .article-card--image {
|
||||
margin-bottom: 24px;
|
||||
@@ -671,6 +744,11 @@ article.article-card .article-card--wrapper .article-card--content .article-card
|
||||
body.page-id-25 main {
|
||||
margin-top: 60px;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
body.page-id-25 main .box-1 {
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
body.page-id-25 main .box-1 .row {
|
||||
position: relative;
|
||||
display: flex;
|
||||
@@ -710,6 +788,14 @@ body.page-id-25 main .box-1 .row .col-2 {
|
||||
max-width: 360px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
body.page-id-25 main .box-1 .row .col-2 {
|
||||
left: 0;
|
||||
right: auto;
|
||||
transform: translateX(100%);
|
||||
max-width: 400px;
|
||||
}
|
||||
}
|
||||
body.page-id-25 main .box-1 .box-head {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
@@ -779,8 +865,6 @@ body.page-id-25 main .box-2::before {
|
||||
}
|
||||
}
|
||||
body.page-id-25 main .box-2 .row .col-1 {
|
||||
max-width: 474px;
|
||||
padding-left: 64px;
|
||||
position: relative;
|
||||
}
|
||||
body.page-id-25 main .box-2 .row .col-1::before {
|
||||
@@ -790,12 +874,9 @@ body.page-id-25 main .box-2 .row .col-1::before {
|
||||
font-size: 16px;
|
||||
line-height: 1;
|
||||
letter-spacing: -0.34px;
|
||||
transform: rotate(180deg);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
writing-mode: vertical-rl;
|
||||
padding-top: 24px;
|
||||
background: #232323;
|
||||
z-index: 1;
|
||||
}
|
||||
@@ -803,11 +884,31 @@ body.page-id-25 main .box-2 .row .col-1::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 7px;
|
||||
top: 10px;
|
||||
bottom: 0;
|
||||
width: 1px;
|
||||
background: #ffffff;
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
body.page-id-25 main .box-2 .row .col-1::before {
|
||||
writing-mode: vertical-rl;
|
||||
padding-top: 24px;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
body.page-id-25 main .box-2 .row .col-1::after {
|
||||
top: 10px;
|
||||
bottom: 0;
|
||||
width: 1px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
body.page-id-25 main .box-2 .row .col-1::before {
|
||||
padding-right: 24px;
|
||||
}
|
||||
body.page-id-25 main .box-2 .row .col-1::after {
|
||||
top: 7px;
|
||||
right: 0;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
body.page-id-25 main .box-2 .row .col-1 .box-text {
|
||||
margin-bottom: 64px;
|
||||
}
|
||||
@@ -818,15 +919,31 @@ body.page-id-25 main .box-2 .row .col-1 .box-text p {
|
||||
line-height: 150%;
|
||||
letter-spacing: -0.53px;
|
||||
}
|
||||
body.page-id-25 main .box-3 {
|
||||
padding-top: 120px;
|
||||
padding-bottom: 215px;
|
||||
@media (min-width: 992px) {
|
||||
body.page-id-25 main .box-2 .row .col-1 {
|
||||
padding-left: 64px;
|
||||
max-width: 474px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
body.page-id-25 main .box-2 .row .col-1 {
|
||||
padding-top: 64px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
body.page-id-25 main .box-3 {
|
||||
padding-top: 120px;
|
||||
padding-bottom: 215px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
body.page-id-25 main .box-3 {
|
||||
padding-top: 100px;
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
}
|
||||
body.page-id-25 main .box-3 .row {
|
||||
position: relative;
|
||||
padding-left: 64px;
|
||||
padding-top: 160px;
|
||||
padding-bottom: 90px;
|
||||
}
|
||||
body.page-id-25 main .box-3 .row::before {
|
||||
content: attr(box-title);
|
||||
@@ -835,12 +952,9 @@ body.page-id-25 main .box-3 .row::before {
|
||||
font-size: 16px;
|
||||
line-height: 1;
|
||||
letter-spacing: -0.34px;
|
||||
transform: rotate(180deg);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
writing-mode: vertical-rl;
|
||||
padding-top: 24px;
|
||||
background: #ffffff;
|
||||
z-index: 1;
|
||||
}
|
||||
@@ -848,11 +962,43 @@ body.page-id-25 main .box-3 .row::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 7px;
|
||||
top: 10px;
|
||||
bottom: 0;
|
||||
width: 1px;
|
||||
background: #d4d4d4;
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
body.page-id-25 main .box-3 .row::before {
|
||||
writing-mode: vertical-rl;
|
||||
padding-top: 24px;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
body.page-id-25 main .box-3 .row::after {
|
||||
top: 10px;
|
||||
bottom: 0;
|
||||
width: 1px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
body.page-id-25 main .box-3 .row::before {
|
||||
padding-right: 24px;
|
||||
}
|
||||
body.page-id-25 main .box-3 .row::after {
|
||||
top: 7px;
|
||||
right: 0;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
body.page-id-25 main .box-3 .row {
|
||||
padding-left: 64px;
|
||||
padding-top: 160px;
|
||||
padding-bottom: 90px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
body.page-id-25 main .box-3 .row {
|
||||
padding-top: 64px;
|
||||
}
|
||||
}
|
||||
body.page-id-25 main .box-3 .row ul {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr auto 1fr;
|
||||
@@ -903,10 +1049,19 @@ body.page-id-25 main .box-3 .row ul li.last p {
|
||||
text-align: center;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
body.page-id-25 main .box-3 .row ul {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
row-gap: 64px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
body.page-id-25 main .box-3 .row ul {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
body.page-id-25 main .box-4 {
|
||||
position: relative;
|
||||
padding-top: 164px;
|
||||
padding-bottom: 164px;
|
||||
background: #232323;
|
||||
}
|
||||
body.page-id-25 main .box-4::before {
|
||||
@@ -920,15 +1075,31 @@ body.page-id-25 main .box-4::before {
|
||||
transform: translateY(-100%);
|
||||
z-index: -1;
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
body.page-id-25 main .box-4 {
|
||||
padding-top: 164px;
|
||||
padding-bottom: 164px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
body.page-id-25 main .box-4 {
|
||||
padding-bottom: 124px;
|
||||
}
|
||||
}
|
||||
body.page-id-25 main .box-4 .row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
-moz-column-gap: 110px;
|
||||
column-gap: 110px;
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
body.page-id-25 main .box-4 .row {
|
||||
flex-direction: column;
|
||||
row-gap: 200px;
|
||||
}
|
||||
}
|
||||
body.page-id-25 main .box-4 .row .col-1 {
|
||||
position: relative;
|
||||
padding-left: 110px;
|
||||
}
|
||||
body.page-id-25 main .box-4 .row .col-1::before {
|
||||
content: attr(box-title);
|
||||
@@ -937,12 +1108,9 @@ body.page-id-25 main .box-4 .row .col-1::before {
|
||||
font-size: 16px;
|
||||
line-height: 1;
|
||||
letter-spacing: -0.34px;
|
||||
transform: rotate(180deg);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
writing-mode: vertical-rl;
|
||||
padding-top: 24px;
|
||||
background: #232323;
|
||||
z-index: 1;
|
||||
}
|
||||
@@ -950,22 +1118,66 @@ body.page-id-25 main .box-4 .row .col-1::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 7px;
|
||||
top: 10px;
|
||||
bottom: 0;
|
||||
width: 1px;
|
||||
background: #ffffff;
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
body.page-id-25 main .box-4 .row .col-1::before {
|
||||
writing-mode: vertical-rl;
|
||||
padding-top: 24px;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
body.page-id-25 main .box-4 .row .col-1::after {
|
||||
top: 10px;
|
||||
bottom: 0;
|
||||
width: 1px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
body.page-id-25 main .box-4 .row .col-1::before {
|
||||
padding-right: 24px;
|
||||
}
|
||||
body.page-id-25 main .box-4 .row .col-1::after {
|
||||
top: 7px;
|
||||
right: 0;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
body.page-id-25 main .box-4 .row .col-1 {
|
||||
padding-left: 110px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
body.page-id-25 main .box-4 .row .col-1::before {
|
||||
bottom: -110px;
|
||||
top: auto;
|
||||
}
|
||||
body.page-id-25 main .box-4 .row .col-1:after {
|
||||
top: auto;
|
||||
bottom: -103px;
|
||||
}
|
||||
}
|
||||
body.page-id-25 main .box-4 .row .col-1 img {
|
||||
width: 100%;
|
||||
max-width: 627px;
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
body.page-id-25 main .box-4 .row .col-1 img {
|
||||
max-width: unset;
|
||||
}
|
||||
}
|
||||
body.page-id-25 main .box-4 .row .col-2 ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
row-gap: 64px;
|
||||
max-width: 345px;
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
body.page-id-25 main .box-4 .row .col-2 ul {
|
||||
max-width: 345px;
|
||||
}
|
||||
}
|
||||
body.page-id-25 main .box-4 .row .col-2 ul li h3 {
|
||||
color: #ffffff;
|
||||
@@ -982,13 +1194,20 @@ body.page-id-25 main .box-4 .row .col-2 ul li p {
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.38px;
|
||||
}
|
||||
body.page-id-25 main .box-5 {
|
||||
padding-top: 200px;
|
||||
padding-bottom: 200px;
|
||||
@media (min-width: 992px) {
|
||||
body.page-id-25 main .box-5 {
|
||||
padding-top: 200px;
|
||||
padding-bottom: 200px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
body.page-id-25 main .box-5 {
|
||||
padding-top: 100px;
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
}
|
||||
body.page-id-25 main .box-5 .row .big-quote {
|
||||
position: relative;
|
||||
padding-left: 64px;
|
||||
}
|
||||
body.page-id-25 main .box-5 .row .big-quote::before {
|
||||
content: attr(box-title);
|
||||
@@ -997,12 +1216,9 @@ body.page-id-25 main .box-5 .row .big-quote::before {
|
||||
font-size: 16px;
|
||||
line-height: 1;
|
||||
letter-spacing: -0.34px;
|
||||
transform: rotate(180deg);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
writing-mode: vertical-rl;
|
||||
padding-top: 24px;
|
||||
background: #ffffff;
|
||||
z-index: 1;
|
||||
}
|
||||
@@ -1010,11 +1226,41 @@ body.page-id-25 main .box-5 .row .big-quote::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 7px;
|
||||
top: 10px;
|
||||
bottom: 0;
|
||||
width: 1px;
|
||||
background: #d4d4d4;
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
body.page-id-25 main .box-5 .row .big-quote::before {
|
||||
writing-mode: vertical-rl;
|
||||
padding-top: 24px;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
body.page-id-25 main .box-5 .row .big-quote::after {
|
||||
top: 10px;
|
||||
bottom: 0;
|
||||
width: 1px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
body.page-id-25 main .box-5 .row .big-quote::before {
|
||||
padding-right: 24px;
|
||||
}
|
||||
body.page-id-25 main .box-5 .row .big-quote::after {
|
||||
top: 7px;
|
||||
right: 0;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
body.page-id-25 main .box-5 .row .big-quote {
|
||||
padding-left: 64px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
body.page-id-25 main .box-5 .row .big-quote {
|
||||
padding-top: 64px;
|
||||
}
|
||||
}
|
||||
body.page-id-25 main .box-5 .row .big-quote h3 {
|
||||
color: #232323;
|
||||
font-weight: 400;
|
||||
@@ -1052,16 +1298,25 @@ body.page-id-25 main .box-6 {
|
||||
}
|
||||
body.page-id-25 main .box-6 .row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
-moz-column-gap: 100px;
|
||||
column-gap: 100px;
|
||||
padding: 160px 0 125px;
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
body.page-id-25 main .box-6 .row {
|
||||
flex-direction: row;
|
||||
-moz-column-gap: 100px;
|
||||
column-gap: 100px;
|
||||
padding: 160px 0 125px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
body.page-id-25 main .box-6 .row {
|
||||
flex-direction: column-reverse;
|
||||
padding: 0 0 80px;
|
||||
row-gap: 80px;
|
||||
}
|
||||
}
|
||||
body.page-id-25 main .box-6 .row .col-1 {
|
||||
position: relative;
|
||||
padding-left: 64px;
|
||||
width: 100%;
|
||||
max-width: 588px;
|
||||
}
|
||||
body.page-id-25 main .box-6 .row .col-1::before {
|
||||
content: attr(box-title);
|
||||
@@ -1070,12 +1325,9 @@ body.page-id-25 main .box-6 .row .col-1::before {
|
||||
font-size: 16px;
|
||||
line-height: 1;
|
||||
letter-spacing: -0.34px;
|
||||
transform: rotate(180deg);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
writing-mode: vertical-rl;
|
||||
padding-top: 24px;
|
||||
background: #fafafa;
|
||||
z-index: 1;
|
||||
}
|
||||
@@ -1083,13 +1335,51 @@ body.page-id-25 main .box-6 .row .col-1::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 7px;
|
||||
top: 10px;
|
||||
bottom: 0;
|
||||
width: 1px;
|
||||
background: #d4d4d4;
|
||||
}
|
||||
body.page-id-25 main .box-6 .row .col-1 .box-text {
|
||||
margin-bottom: 120px;
|
||||
@media (min-width: 992px) {
|
||||
body.page-id-25 main .box-6 .row .col-1::before {
|
||||
writing-mode: vertical-rl;
|
||||
padding-top: 24px;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
body.page-id-25 main .box-6 .row .col-1::after {
|
||||
top: 10px;
|
||||
bottom: 0;
|
||||
width: 1px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
body.page-id-25 main .box-6 .row .col-1::before {
|
||||
padding-right: 24px;
|
||||
}
|
||||
body.page-id-25 main .box-6 .row .col-1::after {
|
||||
top: 7px;
|
||||
right: 0;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
body.page-id-25 main .box-6 .row .col-1 {
|
||||
padding-left: 64px;
|
||||
max-width: 588px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
body.page-id-25 main .box-6 .row .col-1 {
|
||||
padding-top: 64px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
body.page-id-25 main .box-6 .row .col-1 .box-text {
|
||||
margin-bottom: 120px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
body.page-id-25 main .box-6 .row .col-1 .box-text {
|
||||
margin-bottom: 70px;
|
||||
}
|
||||
}
|
||||
body.page-id-25 main .box-6 .row .col-1 .box-text p {
|
||||
color: #232323;
|
||||
@@ -1102,32 +1392,76 @@ body.page-id-25 main .box-6 .row .col-1 ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
-moz-column-gap: 40px;
|
||||
column-gap: 40px;
|
||||
}
|
||||
body.page-id-25 main .box-6 .row .col-2 {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
@media (min-width: 992px) {
|
||||
body.page-id-25 main .box-6 .row .col-1 ul {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
-moz-column-gap: 40px;
|
||||
column-gap: 40px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
body.page-id-25 main .box-6 .row .col-1 ul {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
row-gap: 32px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
body.page-id-25 main .box-6 .row .col-2 {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
body.page-id-25 main .box-6 .row .col-2 {
|
||||
height: 400px;
|
||||
}
|
||||
}
|
||||
body.page-id-25 main .box-6 .row .col-2 img {
|
||||
height: 100%;
|
||||
width: 673px;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
-o-object-position: center;
|
||||
object-position: center;
|
||||
}
|
||||
body.page-id-25 main .box-7 {
|
||||
padding-top: 164px;
|
||||
padding-bottom: 200px;
|
||||
@media (min-width: 1370px) {
|
||||
body.page-id-25 main .box-6 .row .col-2 img {
|
||||
width: 673px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) and (max-width: 1369px) {
|
||||
body.page-id-25 main .box-6 .row .col-2 img {
|
||||
width: 530px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) and (max-width: 1199px) {
|
||||
body.page-id-25 main .box-6 .row .col-2 img {
|
||||
width: 350px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
body.page-id-25 main .box-6 .row .col-2 img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
body.page-id-25 main .box-7 {
|
||||
padding-top: 164px;
|
||||
padding-bottom: 200px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
body.page-id-25 main .box-7 {
|
||||
padding-top: 100px;
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
}
|
||||
body.page-id-25 main .box-7 .row {
|
||||
position: relative;
|
||||
padding-left: 64px;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 32px;
|
||||
@@ -1139,12 +1473,9 @@ body.page-id-25 main .box-7 .row::before {
|
||||
font-size: 16px;
|
||||
line-height: 1;
|
||||
letter-spacing: -0.34px;
|
||||
transform: rotate(180deg);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
writing-mode: vertical-rl;
|
||||
padding-top: 24px;
|
||||
background: #ffffff;
|
||||
z-index: 1;
|
||||
}
|
||||
@@ -1152,11 +1483,55 @@ body.page-id-25 main .box-7 .row::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 7px;
|
||||
top: 10px;
|
||||
bottom: 0;
|
||||
width: 1px;
|
||||
background: #d4d4d4;
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
body.page-id-25 main .box-7 .row::before {
|
||||
writing-mode: vertical-rl;
|
||||
padding-top: 24px;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
body.page-id-25 main .box-7 .row::after {
|
||||
top: 10px;
|
||||
bottom: 0;
|
||||
width: 1px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
body.page-id-25 main .box-7 .row::before {
|
||||
padding-right: 24px;
|
||||
}
|
||||
body.page-id-25 main .box-7 .row::after {
|
||||
top: 7px;
|
||||
right: 0;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
body.page-id-25 main .box-7 .row {
|
||||
padding-left: 64px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
body.page-id-25 main .box-7 .row {
|
||||
padding-top: 64px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 576px) and (max-width: 991px) {
|
||||
body.page-id-25 main .box-7 .row {
|
||||
padding-top: 64px;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
body.page-id-25 main .box-7 .row .article-card:nth-child(3) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (max-width: 575px) {
|
||||
body.page-id-25 main .box-7 .row {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
body.page-id-38 main {
|
||||
padding-top: 80px;
|
||||
@@ -1293,12 +1668,9 @@ body.page-id-38 main .box-3 .row .col-1::before {
|
||||
font-size: 16px;
|
||||
line-height: 1;
|
||||
letter-spacing: -0.34px;
|
||||
transform: rotate(180deg);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
writing-mode: vertical-rl;
|
||||
padding-top: 24px;
|
||||
background: #232323;
|
||||
z-index: 1;
|
||||
}
|
||||
@@ -1306,11 +1678,31 @@ body.page-id-38 main .box-3 .row .col-1::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 7px;
|
||||
top: 10px;
|
||||
bottom: 0;
|
||||
width: 1px;
|
||||
background: #ffffff;
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
body.page-id-38 main .box-3 .row .col-1::before {
|
||||
writing-mode: vertical-rl;
|
||||
padding-top: 24px;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
body.page-id-38 main .box-3 .row .col-1::after {
|
||||
top: 10px;
|
||||
bottom: 0;
|
||||
width: 1px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
body.page-id-38 main .box-3 .row .col-1::before {
|
||||
padding-right: 24px;
|
||||
}
|
||||
body.page-id-38 main .box-3 .row .col-1::after {
|
||||
top: 7px;
|
||||
right: 0;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
body.page-id-38 main .box-3 .row .col-1 .box-title {
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
@@ -1383,12 +1775,9 @@ body.page-id-38 main .box-4 .row .col-1::before {
|
||||
font-size: 16px;
|
||||
line-height: 1;
|
||||
letter-spacing: -0.34px;
|
||||
transform: rotate(180deg);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
writing-mode: vertical-rl;
|
||||
padding-top: 24px;
|
||||
background: #fafafa;
|
||||
z-index: 1;
|
||||
}
|
||||
@@ -1396,11 +1785,31 @@ body.page-id-38 main .box-4 .row .col-1::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 7px;
|
||||
top: 10px;
|
||||
bottom: 0;
|
||||
width: 1px;
|
||||
background: #d4d4d4;
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
body.page-id-38 main .box-4 .row .col-1::before {
|
||||
writing-mode: vertical-rl;
|
||||
padding-top: 24px;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
body.page-id-38 main .box-4 .row .col-1::after {
|
||||
top: 10px;
|
||||
bottom: 0;
|
||||
width: 1px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
body.page-id-38 main .box-4 .row .col-1::before {
|
||||
padding-right: 24px;
|
||||
}
|
||||
body.page-id-38 main .box-4 .row .col-1::after {
|
||||
top: 7px;
|
||||
right: 0;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
body.page-id-38 main .box-4 .row .col-1 img {
|
||||
width: 100%;
|
||||
max-width: -moz-fit-content;
|
||||
@@ -2209,12 +2618,9 @@ body.single-post main.page-single-post .box-2 .row::before {
|
||||
font-size: 16px;
|
||||
line-height: 1;
|
||||
letter-spacing: -0.34px;
|
||||
transform: rotate(180deg);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
writing-mode: vertical-rl;
|
||||
padding-top: 24px;
|
||||
background: #fafafa;
|
||||
z-index: 1;
|
||||
}
|
||||
@@ -2222,11 +2628,31 @@ body.single-post main.page-single-post .box-2 .row::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 7px;
|
||||
top: 10px;
|
||||
bottom: 0;
|
||||
width: 1px;
|
||||
background: #d4d4d4;
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
body.single-post main.page-single-post .box-2 .row::before {
|
||||
writing-mode: vertical-rl;
|
||||
padding-top: 24px;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
body.single-post main.page-single-post .box-2 .row::after {
|
||||
top: 10px;
|
||||
bottom: 0;
|
||||
width: 1px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
body.single-post main.page-single-post .box-2 .row::before {
|
||||
padding-right: 24px;
|
||||
}
|
||||
body.single-post main.page-single-post .box-2 .row::after {
|
||||
top: 7px;
|
||||
right: 0;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
body.single-post main.page-single-post .box-2 .row .box-head h2 {
|
||||
margin-bottom: 40px;
|
||||
color: #232323;
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -37,12 +37,9 @@ $header-height: 77px;
|
||||
line-height: 1;
|
||||
letter-spacing: -0.34px;
|
||||
|
||||
transform: rotate(180deg);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
writing-mode: vertical-rl;
|
||||
padding-top: 24px;
|
||||
background: $bgColor;
|
||||
z-index: 1;
|
||||
}
|
||||
@@ -51,11 +48,33 @@ $header-height: 77px;
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 7px;
|
||||
top: 10px;
|
||||
bottom: 0;
|
||||
width: 1px;
|
||||
background: $color;
|
||||
}
|
||||
|
||||
@include respond-above(lg) {
|
||||
&::before {
|
||||
writing-mode: vertical-rl;
|
||||
padding-top: 24px;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
&::after {
|
||||
top: 10px;
|
||||
bottom: 0;
|
||||
width: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
@include respond-below(lg) {
|
||||
&::before {
|
||||
padding-right: 24px;
|
||||
}
|
||||
&::after {
|
||||
top: 7px;
|
||||
right: 0;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin box_top_shadow($color) {
|
||||
@@ -272,6 +291,10 @@ header#masthead {
|
||||
width: 200px;
|
||||
min-width: 200px;
|
||||
}
|
||||
@include respond-below(sm) {
|
||||
width: 200px;
|
||||
min-width: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
@@ -490,10 +513,16 @@ footer#site-footer {
|
||||
background: $cBlack;
|
||||
|
||||
.footer-1 {
|
||||
padding-top: 140px;
|
||||
padding-bottom: 90px;
|
||||
border-bottom: 1px solid $cGray2;
|
||||
|
||||
@include respond-above(lg) {
|
||||
padding-top: 140px;
|
||||
}
|
||||
@include respond-below(lg) {
|
||||
padding-top: 100px;
|
||||
}
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
@@ -507,6 +536,13 @@ footer#site-footer {
|
||||
width: 100%;
|
||||
max-width: 636px;
|
||||
|
||||
@include respond-below(xl) {
|
||||
max-width: 430px;
|
||||
}
|
||||
@include respond-below(md) {
|
||||
max-width: unset;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 239px;
|
||||
margin-bottom: 24px;
|
||||
@@ -519,6 +555,10 @@ footer#site-footer {
|
||||
line-height: 1.2;
|
||||
letter-spacing: -0.96px;
|
||||
margin-bottom: 24px;
|
||||
|
||||
@include respond-below(xl) {
|
||||
font-size: 48px;
|
||||
}
|
||||
}
|
||||
p {
|
||||
color: $cGray2;
|
||||
@@ -530,10 +570,19 @@ footer#site-footer {
|
||||
}
|
||||
}
|
||||
&-2 {
|
||||
@include respond-below(md) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
max-width: fit-content;
|
||||
margin-top: -190px;
|
||||
@include respond-above(lg) {
|
||||
margin-top: -190px;
|
||||
}
|
||||
@include respond-below(lg) {
|
||||
margin-top: -140px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -547,6 +596,11 @@ footer#site-footer {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
||||
@include respond-below(lg) {
|
||||
flex-direction: column;
|
||||
row-gap: 24px;
|
||||
}
|
||||
|
||||
.col {
|
||||
&-1 {
|
||||
flex-basis: 40%;
|
||||
@@ -570,6 +624,10 @@ footer#site-footer {
|
||||
font-size: 16px;
|
||||
line-height: 1;
|
||||
letter-spacing: -0.32px;
|
||||
|
||||
@include respond-below(lg) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-2 {
|
||||
@@ -583,6 +641,11 @@ footer#site-footer {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
@include respond-below(lg) {
|
||||
flex-direction: column;
|
||||
row-gap: 24px;
|
||||
}
|
||||
|
||||
li {
|
||||
p {
|
||||
color: $cGray2;
|
||||
@@ -595,6 +658,19 @@ footer#site-footer {
|
||||
}
|
||||
}
|
||||
}
|
||||
&-3 {
|
||||
@include respond-above(lg) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $cGray2;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
line-height: 1;
|
||||
letter-spacing: -0.32px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -690,6 +766,10 @@ body.page-id-25 {
|
||||
margin-top: 60px;
|
||||
|
||||
.box-1 {
|
||||
@include respond-below(md) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.row {
|
||||
position: relative;
|
||||
display: flex;
|
||||
@@ -724,6 +804,12 @@ body.page-id-25 {
|
||||
@include respond-below(lg) {
|
||||
max-width: 360px;
|
||||
}
|
||||
@include respond-below(md) {
|
||||
left: 0;
|
||||
right: auto;
|
||||
transform: translateX(100%);
|
||||
max-width: 400px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -784,8 +870,6 @@ body.page-id-25 {
|
||||
.row {
|
||||
.col {
|
||||
&-1 {
|
||||
max-width: 474px;
|
||||
padding-left: 64px;
|
||||
@include box_title_line($cWhite, $cBlack);
|
||||
|
||||
.box-text {
|
||||
@@ -799,20 +883,40 @@ body.page-id-25 {
|
||||
letter-spacing: -0.53px;
|
||||
}
|
||||
}
|
||||
|
||||
@include respond-above(lg) {
|
||||
padding-left: 64px;
|
||||
max-width: 474px;
|
||||
}
|
||||
@include respond-below(lg) {
|
||||
padding-top: 64px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.box-3 {
|
||||
padding-top: 120px;
|
||||
padding-bottom: 215px;
|
||||
@include respond-above(lg) {
|
||||
padding-top: 120px;
|
||||
padding-bottom: 215px;
|
||||
}
|
||||
@include respond-below(lg) {
|
||||
padding-top: 100px;
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
|
||||
.row {
|
||||
@include box_title_line(#d4d4d4, $cWhite);
|
||||
padding-left: 64px;
|
||||
padding-top: 160px;
|
||||
padding-bottom: 90px;
|
||||
|
||||
@include respond-above(lg) {
|
||||
padding-left: 64px;
|
||||
padding-top: 160px;
|
||||
padding-bottom: 90px;
|
||||
}
|
||||
@include respond-below(lg) {
|
||||
padding-top: 64px;
|
||||
}
|
||||
|
||||
ul {
|
||||
display: grid;
|
||||
@@ -872,29 +976,67 @@ body.page-id-25 {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include respond-below(lg) {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
row-gap: 64px;
|
||||
}
|
||||
@include respond-below(md) {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.box-4 {
|
||||
@include box_top_shadow($cLightGray);
|
||||
padding-top: 164px;
|
||||
padding-bottom: 164px;
|
||||
|
||||
background: $cBlack;
|
||||
|
||||
@include respond-above(lg) {
|
||||
padding-top: 164px;
|
||||
padding-bottom: 164px;
|
||||
}
|
||||
@include respond-below(lg) {
|
||||
padding-bottom: 124px;
|
||||
}
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
column-gap: 110px;
|
||||
|
||||
@include respond-below(lg) {
|
||||
flex-direction: column;
|
||||
row-gap: 200px;
|
||||
}
|
||||
|
||||
.col {
|
||||
&-1 {
|
||||
@include box_title_line($cWhite, $cBlack);
|
||||
padding-left: 110px;
|
||||
|
||||
@include respond-above(lg) {
|
||||
padding-left: 110px;
|
||||
}
|
||||
|
||||
@include respond-below(lg) {
|
||||
&::before {
|
||||
bottom: -110px;
|
||||
top: auto;
|
||||
}
|
||||
&:after {
|
||||
top: auto;
|
||||
bottom: -103px;
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
max-width: 627px;
|
||||
|
||||
@include respond-below(lg) {
|
||||
max-width: unset;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-2 {
|
||||
@@ -904,7 +1046,10 @@ body.page-id-25 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
row-gap: 64px;
|
||||
max-width: 345px;
|
||||
|
||||
@include respond-above(lg) {
|
||||
max-width: 345px;
|
||||
}
|
||||
|
||||
li {
|
||||
h3 {
|
||||
@@ -931,13 +1076,24 @@ body.page-id-25 {
|
||||
}
|
||||
|
||||
.box-5 {
|
||||
padding-top: 200px;
|
||||
padding-bottom: 200px;
|
||||
|
||||
@include respond-above(lg) {
|
||||
padding-top: 200px;
|
||||
padding-bottom: 200px;
|
||||
}
|
||||
@include respond-below(lg) {
|
||||
padding-top: 100px;
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
.row {
|
||||
.big-quote {
|
||||
@include box_title_line(#d4d4d4, $cWhite);
|
||||
padding-left: 64px;
|
||||
|
||||
@include respond-above(lg) {
|
||||
padding-left: 64px;
|
||||
}
|
||||
@include respond-below(lg) {
|
||||
padding-top: 64px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: $cBlack;
|
||||
@@ -986,20 +1142,38 @@ body.page-id-25 {
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
column-gap: 100px;
|
||||
padding: 160px 0 125px;
|
||||
|
||||
@include respond-above(lg) {
|
||||
flex-direction: row;
|
||||
column-gap: 100px;
|
||||
padding: 160px 0 125px;
|
||||
}
|
||||
@include respond-below(lg) {
|
||||
flex-direction: column-reverse;
|
||||
padding: 0 0 80px;
|
||||
row-gap: 80px;
|
||||
}
|
||||
|
||||
.col {
|
||||
&-1 {
|
||||
@include box_title_line(#d4d4d4, #fafafa);
|
||||
padding-left: 64px;
|
||||
width: 100%;
|
||||
max-width: 588px;
|
||||
|
||||
@include respond-above(lg) {
|
||||
padding-left: 64px;
|
||||
max-width: 588px;
|
||||
}
|
||||
@include respond-below(lg) {
|
||||
padding-top: 64px;
|
||||
}
|
||||
|
||||
.box-text {
|
||||
margin-bottom: 120px;
|
||||
|
||||
@include respond-above(lg) {
|
||||
margin-bottom: 120px;
|
||||
}
|
||||
@include respond-below(lg) {
|
||||
margin-bottom: 70px;
|
||||
}
|
||||
p {
|
||||
color: $cBlack;
|
||||
font-weight: 400;
|
||||
@@ -1014,22 +1188,47 @@ body.page-id-25 {
|
||||
margin: 0;
|
||||
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
column-gap: 40px;
|
||||
|
||||
@include respond-above(lg) {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
column-gap: 40px;
|
||||
}
|
||||
@include respond-below(lg) {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
row-gap: 32px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-2 {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
@include respond-above(lg) {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
@include respond-below(lg) {
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
img {
|
||||
height: 100%;
|
||||
width: 673px;
|
||||
object-fit: cover;
|
||||
object-position: center;
|
||||
|
||||
@include respond-above(xxl) {
|
||||
width: 673px;
|
||||
}
|
||||
@include respond-between(xl, xxl) {
|
||||
width: 530px;
|
||||
}
|
||||
@include respond-between(lg, xl) {
|
||||
width: 350px;
|
||||
}
|
||||
@include respond-below(lg) {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1037,16 +1236,41 @@ body.page-id-25 {
|
||||
}
|
||||
|
||||
.box-7 {
|
||||
padding-top: 164px;
|
||||
padding-bottom: 200px;
|
||||
@include respond-above(lg) {
|
||||
padding-top: 164px;
|
||||
padding-bottom: 200px;
|
||||
}
|
||||
@include respond-below(lg) {
|
||||
padding-top: 100px;
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
|
||||
.row {
|
||||
@include box_title_line(#d4d4d4, $cWhite);
|
||||
padding-left: 64px;
|
||||
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 32px;
|
||||
|
||||
@include respond-above(lg) {
|
||||
padding-left: 64px;
|
||||
}
|
||||
@include respond-below(lg) {
|
||||
padding-top: 64px;
|
||||
}
|
||||
@include respond-between(sm, lg) {
|
||||
padding-top: 64px;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
|
||||
.article-card {
|
||||
&:nth-child(3) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
@include respond-below(sm) {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -71,6 +71,11 @@
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="col col-3">
|
||||
<a href="<?php echo esc_url($footer['col_1']['btn']['url']); ?>" target="<?php echo esc_attr($footer['col_1']['btn']['target'] ?: '_self'); ?>">
|
||||
<?php echo esc_html($footer['col_1']['btn']['title']); ?>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -35,7 +35,6 @@
|
||||
</div>
|
||||
|
||||
<nav id="site-navigation" class="main-navigation">
|
||||
<button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"><?php esc_html_e( 'Menu', 'brpp-prawo-podatki' ); ?></button>
|
||||
<?php
|
||||
wp_nav_menu(
|
||||
array(
|
||||
|
||||
@@ -3,11 +3,6 @@ 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')
|
||||
@@ -36,9 +31,11 @@ jQuery(function ($) {
|
||||
})
|
||||
}
|
||||
|
||||
$(window).on('load', initSticky)
|
||||
if ($(window).width() > 992) {
|
||||
$(window).on('load', initSticky)
|
||||
|
||||
$(window).on('resize orientationchange', () => ScrollTrigger.refresh())
|
||||
$(window).on('resize orientationchange', () => ScrollTrigger.refresh())
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
Reference in New Issue
Block a user