* {
box-sizing: border-box;
} html, body, div, span, applet, object, iframe,
h1,
footer h3,
.legal-page .intro-content footer h3,
footer .legal-page .intro-content h3,
.single-post .inner-masthead .content footer h3,
footer .single-post .inner-masthead .content h3, h2, .inner-masthead h1, .inner-masthead footer h3, footer .inner-masthead h3, h3, .legal-page .intro-content h1, .single-post .inner-masthead .content h1, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
#wpadminbar {
position: fixed;
}
.animate.fadeinright {
opacity: 0;
}
.animate.fadeinright.animateelement {
animation: fadeInRight 0.5s forwards ease-in-out;
}
.animate.fadein {
opacity: 0;
}
.animate.fadein.animateelement {
animation: fadeIn 0.5s forwards ease-in-out;
}
.animate.fadeinup {
opacity: 0;
}
.animate.fadeinup.animateelement {
animation: fadeInUp 0.5s forwards ease-in-out;
}
@media only screen and (min-width: 768px) {
.animate.delay {
animation-delay: 0.5s !important;
}
.animate.lg-delay {
animation-delay: 0.75s !important;
}
}
.image-anim {
overflow: hidden;
transform: translateY(-2rem);
will-change: transform;
opacity: 0;
}
.image-anim img {
will-change: transform;
transform: translate3d(0px, 0px, 0px) scale(1.4, 1.4);
}
h1:not(.no-anim), h2:not(.no-anim), h3:not(.no-anim), .legal-page .intro-content h1:not(.no-anim), .legal-page .intro-content footer h3:not(.no-anim), footer .legal-page .intro-content h3:not(.no-anim), .single-post .inner-masthead .content h1:not(.no-anim), .single-post .inner-masthead .content footer h3:not(.no-anim), footer .single-post .inner-masthead .content h3:not(.no-anim), h4:not(.no-anim), h5:not(.no-anim), .subheading:not(.no-anim), .body-xl:not(.no-anim), .body-large:not(.no-anim), .inner-masthead p:not(.no-anim), .p-anim:not(.no-anim) {
line-height: 1.1;
overflow: hidden;
opacity: 0;
}
h1:not(.no-anim) .line, h2:not(.no-anim) .line, h3:not(.no-anim) .line, .single-post .inner-masthead .content h1:not(.no-anim) .line, .single-post .inner-masthead .content footer h3:not(.no-anim) .line, footer .single-post .inner-masthead .content h3:not(.no-anim) .line, h4:not(.no-anim) .line, h5:not(.no-anim) .line, .subheading:not(.no-anim) .line, .body-xl:not(.no-anim) .line, .body-large:not(.no-anim) .line, .inner-masthead p:not(.no-anim) .line, .p-anim:not(.no-anim) .line {
overflow: hidden;
}
h1:not(.no-anim) .line .word, h2:not(.no-anim) .line .word, h3:not(.no-anim) .line .word, h4:not(.no-anim) .line .word, h5:not(.no-anim) .line .word, .subheading:not(.no-anim) .line .word, .body-xl:not(.no-anim) .line .word, .body-large:not(.no-anim) .line .word, .inner-masthead p:not(.no-anim) .line .word, .p-anim:not(.no-anim) .line .word {
will-change: transform;
transform: translate3d(0px, 20vw, 0.01px) rotate(10deg);
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
transform: translateX(0px);
opacity: 1;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
transform: translateY(0px);
opacity: 1;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes translateUp {
0% {
transform: translateY(100%);
}
100% {
transform: translateY(0%);
}
}
@keyframes scaleX {
0% {
transform: scaleX(0);
}
100% {
transform: scaleX(100%);
}
}
@keyframes maskUp {
0% {
transform: translate3d(0px, 20vw, 0.01px) rotate(10deg);
}
100% {
transform: translate3d(0px, 0, 0) rotate(0);
}
}  html {
font-size: 62.5%;
}
body {
font-family: "neue-haas-grotesk-display", sans-serif;
font-size: 1.6rem;
line-height: 1.2;
font-weight: 450;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-variant-ligatures: none;
color: #131615;
letter-spacing: 0.08rem;
}
@media screen and (min-width: 768px) {
body {
font-size: 1.8rem;
}
}
h1, footer h3, .legal-page .intro-content footer h3, footer .legal-page .intro-content h3, .single-post .inner-masthead .content footer h3, footer .single-post .inner-masthead .content h3, h2, .inner-masthead h1, .inner-masthead footer h3, footer .inner-masthead h3, h3, .legal-page .intro-content h1, .single-post .inner-masthead .content h1, h4, h5 {
letter-spacing: 0;
}
h1, footer h3, .legal-page .intro-content footer h3, footer .legal-page .intro-content h3, .single-post .inner-masthead .content footer h3, footer .single-post .inner-masthead .content h3, h2, .inner-masthead h1, .inner-masthead footer h3, footer .inner-masthead h3, h3, .legal-page .intro-content h1, .single-post .inner-masthead .content h1, h4, h5, .subheading, .body-xl, .body-large {
line-height: 1.1;
overflow: hidden;
}
h1, footer h3, footer .legal-page .intro-content h1, .legal-page .intro-content footer h1, .legal-page .intro-content footer h3, footer .legal-page .intro-content h3, footer .single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer h1, .single-post .inner-masthead .content footer h3, footer .single-post .inner-masthead .content h3 {
font-size: 4.7rem;
}
@media screen and (min-width: 768px) {
h1, footer h3, footer .legal-page .intro-content h1, .legal-page .intro-content footer h1, .legal-page .intro-content footer h3, footer .legal-page .intro-content h3, footer .single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer h1, .single-post .inner-masthead .content footer h3, footer .single-post .inner-masthead .content h3 {
font-size: 10rem;
}
}
@media screen and (min-width: 1024px) {
h1, footer h3, footer .legal-page .intro-content h1, .legal-page .intro-content footer h1, .legal-page .intro-content footer h3, footer .legal-page .intro-content h3, footer .single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer h1, .single-post .inner-masthead .content footer h3, footer .single-post .inner-masthead .content h3 {
font-size: 14rem;
}
}
@media screen and (min-width: 1440px) {
h1, footer h3, footer .legal-page .intro-content h1, .legal-page .intro-content footer h1, .legal-page .intro-content footer h3, footer .legal-page .intro-content h3, footer .single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer h1, .single-post .inner-masthead .content footer h3, footer .single-post .inner-masthead .content h3 {
font-size: 18.7rem;
}
}
h2, .inner-masthead h1, .inner-masthead footer h3, .inner-masthead footer .legal-page .intro-content h1, .legal-page .intro-content .inner-masthead footer h1, .inner-masthead .legal-page .intro-content footer h3, .legal-page .intro-content .inner-masthead footer h3, .inner-masthead footer .legal-page .intro-content h3, .inner-masthead .legal-page .intro-content footer h1, .single-post .inner-masthead footer .content h1, .single-post .inner-masthead .content footer h1, .single-post .inner-masthead .content footer h3, footer .inner-masthead h3, footer .inner-masthead .legal-page .intro-content h1, .legal-page .intro-content footer .inner-masthead h1, .legal-page .intro-content footer .inner-masthead h3, footer .inner-masthead .legal-page .intro-content h3, footer .legal-page .intro-content .inner-masthead h3, footer .legal-page .intro-content .inner-masthead h1, footer .single-post .inner-masthead .content h1, .single-post footer .inner-masthead .content h1, footer .single-post .inner-masthead .content h3 {
font-size: 4.7rem;
font-weight: 600;
}
@media screen and (min-width: 768px) {
h2, .inner-masthead h1, .inner-masthead footer h3, .inner-masthead footer .legal-page .intro-content h1, .legal-page .intro-content .inner-masthead footer h1, .inner-masthead .legal-page .intro-content footer h3, .legal-page .intro-content .inner-masthead footer h3, .inner-masthead footer .legal-page .intro-content h3, .inner-masthead .legal-page .intro-content footer h1, .single-post .inner-masthead footer .content h1, .single-post .inner-masthead .content footer h1, .single-post .inner-masthead .content footer h3, footer .inner-masthead h3, footer .inner-masthead .legal-page .intro-content h1, .legal-page .intro-content footer .inner-masthead h1, .legal-page .intro-content footer .inner-masthead h3, footer .inner-masthead .legal-page .intro-content h3, footer .legal-page .intro-content .inner-masthead h3, footer .legal-page .intro-content .inner-masthead h1, footer .single-post .inner-masthead .content h1, .single-post footer .inner-masthead .content h1, footer .single-post .inner-masthead .content h3 {
font-size: 6rem;
}
}
@media screen and (min-width: 1024px) {
h2, .inner-masthead h1, .inner-masthead footer h3, .inner-masthead footer .legal-page .intro-content h1, .legal-page .intro-content .inner-masthead footer h1, .inner-masthead .legal-page .intro-content footer h3, .legal-page .intro-content .inner-masthead footer h3, .inner-masthead footer .legal-page .intro-content h3, .inner-masthead .legal-page .intro-content footer h1, .single-post .inner-masthead footer .content h1, .single-post .inner-masthead .content footer h1, .single-post .inner-masthead .content footer h3, footer .inner-masthead h3, footer .inner-masthead .legal-page .intro-content h1, .legal-page .intro-content footer .inner-masthead h1, .legal-page .intro-content footer .inner-masthead h3, footer .inner-masthead .legal-page .intro-content h3, footer .legal-page .intro-content .inner-masthead h3, footer .legal-page .intro-content .inner-masthead h1, footer .single-post .inner-masthead .content h1, .single-post footer .inner-masthead .content h1, footer .single-post .inner-masthead .content h3 {
font-size: 8rem;
}
}
@media screen and (min-width: 1440px) {
h2, .inner-masthead h1, .inner-masthead footer h3, .inner-masthead footer .legal-page .intro-content h1, .legal-page .intro-content .inner-masthead footer h1, .inner-masthead .legal-page .intro-content footer h3, .legal-page .intro-content .inner-masthead footer h3, .inner-masthead footer .legal-page .intro-content h3, .inner-masthead .legal-page .intro-content footer h1, .single-post .inner-masthead footer .content h1, .single-post .inner-masthead .content footer h1, .single-post .inner-masthead .content footer h3, footer .inner-masthead h3, footer .inner-masthead .legal-page .intro-content h1, .legal-page .intro-content footer .inner-masthead h1, .legal-page .intro-content footer .inner-masthead h3, footer .inner-masthead .legal-page .intro-content h3, footer .legal-page .intro-content .inner-masthead h3, footer .legal-page .intro-content .inner-masthead h1, footer .single-post .inner-masthead .content h1, .single-post footer .inner-masthead .content h1, footer .single-post .inner-masthead .content h3 {
font-size: 12.4rem;
}
}
h3, .legal-page .intro-content h1, .legal-page .intro-content footer h3, footer .legal-page .intro-content h3, .single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer h3, footer .single-post .inner-masthead .content h3 {
font-size: 3.6rem;
}
@media screen and (min-width: 768px) {
h3, .legal-page .intro-content h1, .legal-page .intro-content footer h3, footer .legal-page .intro-content h3, .single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer h3, footer .single-post .inner-masthead .content h3 {
font-size: 4rem;
}
}
@media screen and (min-width: 1280px) {
h3, .legal-page .intro-content h1, .legal-page .intro-content footer h3, footer .legal-page .intro-content h3, .single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer h3, footer .single-post .inner-masthead .content h3 {
font-size: 6rem;
}
}
h4 {
font-size: 3.5rem;
}
@media screen and (min-width: 1024px) {
h4 {
font-size: 4.5rem;
}
}
h5 {
font-weight: 600;
font-size: 2.4rem;
}
.subheading {
grid-column: 1/3;
padding-top: 0.5rem;
font-size: 1.6rem;
line-height: 1;
margin-bottom: 4rem;
text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
.subheading {
margin: 0;
grid-column: 1/3;
}
}
.body-xl {
font-size: 2.6rem;
line-height: 1.2;
}
@media screen and (min-width: 1024px) {
.body-xl {
font-size: 3rem;
}
}
.body-large {
font-size: 2.2rem;
}
@media screen and (min-width: 768px) {
.body-large {
font-size: 2.5rem;
}
}
.light {
font-weight: 400;
}
.small {
font-size: 1.6rem;
line-height: 1.25;
}
.label-r {
font-size: 1.8rem;
line-height: 1.2;
}
@media screen and (min-width: 768px) {
.label-r {
font-size: 2.4rem;
}
}
em {
font-style: italic;
}
blockquote {
position: relative;
margin: 12rem 0 0 0;
font-style: italic;
font-size: 2rem;
line-height: 1.2;
}
@media screen and (min-width: 1024px) {
blockquote {
margin: 10rem 0 0 0;
font-size: 2.5rem;
}
}
blockquote:before {
content: "";
display: block;
position: absolute;
background-image: url(//casanainteriors.co.uk/wp-content/themes/casana/library/images/speechmarks.svg);
background-size: contain;
background-repeat: no-repeat;
left: 0rem;
top: -5rem;
height: 2.2rem;
width: 2.6rem;
}
@media screen and (min-width: 1024px) {
blockquote:before {
left: -4.6rem;
top: 0.3rem;
height: 2.2rem;
width: 2.6rem;
}
}
.body-style a:not(.btn):not(.cc-btn.cc-dismiss) {
transition: all 0.5s ease-in-out;
display: inline;
text-decoration: underline;
text-underline-offset: 0.3rem;
}
.body-style h1, .body-style h2, .body-style h3, .body-style .legal-page .intro-content h1, .legal-page .intro-content .body-style h1, .body-style .legal-page .intro-content footer h3, .legal-page .intro-content footer .body-style h3, .body-style footer .legal-page .intro-content h3, footer .legal-page .intro-content .body-style h3, .body-style .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .body-style h1, .body-style .single-post .inner-masthead .content footer h3, .single-post .inner-masthead .content footer .body-style h3, .body-style footer .single-post .inner-masthead .content h3, footer .single-post .inner-masthead .content .body-style h3, .body-style h4, .body-style h5 {
margin-bottom: 4rem;
margin-top: 4.4rem;
}
@media screen and (min-width: 1024px) {
.body-style h1, .body-style h2, .body-style h3, .body-style .legal-page .intro-content h1, .legal-page .intro-content .body-style h1, .body-style .legal-page .intro-content footer h3, .legal-page .intro-content footer .body-style h3, .body-style footer .legal-page .intro-content h3, footer .legal-page .intro-content .body-style h3, .body-style .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .body-style h1, .body-style .single-post .inner-masthead .content footer h3, .single-post .inner-masthead .content footer .body-style h3, .body-style footer .single-post .inner-masthead .content h3, footer .single-post .inner-masthead .content .body-style h3, .body-style h4, .body-style h5 {
margin-bottom: 6rem;
margin-top: 6.4rem;
}
}
.body-style h1:first-child, .body-style h2:first-child, .body-style h3:first-child, .body-style .single-post .inner-masthead .content h1:first-child, .single-post .inner-masthead .content .body-style h1:first-child, .body-style .single-post .inner-masthead .content footer h3:first-child, .single-post .inner-masthead .content footer .body-style h3:first-child, .body-style footer .single-post .inner-masthead .content h3:first-child, footer .single-post .inner-masthead .content .body-style h3:first-child, .body-style h4:first-child, .body-style h5:first-child {
margin-top: 0;
}
.body-style h1:only-child, .body-style h2:only-child, .body-style h3:only-child, .body-style .single-post .inner-masthead .content h1:only-child, .single-post .inner-masthead .content .body-style h1:only-child, .body-style .single-post .inner-masthead .content footer h3:only-child, .single-post .inner-masthead .content footer .body-style h3:only-child, .body-style footer .single-post .inner-masthead .content h3:only-child, footer .single-post .inner-masthead .content .body-style h3:only-child, .body-style h4:only-child, .body-style h5:only-child {
margin-bottom: 0;
}
.body-style p {
margin-bottom: 2.2rem;
}
.body-style p:last-of-type {
margin-bottom: 0;
}
.body-style p:last-child {
margin-bottom: 0;
}
.body-style p:only-child {
margin-bottom: 0;
}
.body-style ul {
list-style: disc;
margin-left: 30px;
margin-bottom: 30px;
}
.body-style ul li {
margin-bottom: 15px;
}
.body-style ul li:last-of-type {
margin-bottom: 0;
}
.body-style ul:last-of-type {
margin-bottom: 0;
}
strong {
font-weight: 900;
} a, a:visited {
color: inherit;
text-decoration: none;
}
a[href=""] {
pointer-events: none;
}
.btn, .cc-btn.cc-dismiss {
transition: all 0.5s ease-in-out;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.7rem 1.2rem;
border-radius: 3.1rem;
cursor: pointer;
font-size: 1.6rem;
line-height: 1;
font-weight: 450;
border: 1px solid #131615;
}
@media screen and (min-width: 768px) {
.btn, .cc-btn.cc-dismiss {
padding: 1rem 1.2rem;
}
}
.btn:hover, .cc-btn.cc-dismiss:hover {
background: #131615;
color: #FFF;
}
.btn.black, .black.cc-btn.cc-dismiss {
background: #131615;
color: #FFF;
}
.btn.black:hover, .black.cc-btn.cc-dismiss:hover {
background: none;
color: #131615;
}
.btn.white, .content-block.black-background .btn, .white.cc-btn.cc-dismiss, .content-block.black-background .cc-btn.cc-dismiss {
border-color: #FFF;
color: #FFF;
}
.btn.white:hover, .content-block.black-background .btn:hover, .white.cc-btn.cc-dismiss:hover, .content-block.black-background .cc-btn.cc-dismiss:hover {
background: #FFF;
color: #131615;
}
body.no-scroll {
overflow: hidden !important;
}
body.home {
overflow: hidden;
}
.wrap {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2rem;
max-width: 140rem;
padding: 0 2.4rem;
margin: 0 auto;
width: 100%;
}
@media screen and (min-width: 1024px) {
.wrap {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 2rem;
}
}
@media screen and (min-width: 1440px) {
.wrap {
padding: 0 5rem;
max-width: 144rem;
}
}
.dividing-line {
height: 1px;
background: #131615;
will-change: transform;
position: relative;
z-index: 5;
}
.dividing-line:not(.toggle-anim):not(.no-anim) {
transform: scaleX(0);
}
.dividing-line.hidden {
display: none;
}
.dividing-line.white, .content-block.black-background .dividing-line.btn, .content-block.black-background .dividing-line.cc-btn.cc-dismiss {
background: #FFF;
}
.dividing-line.l-r {
transform-origin: left;
margin-left: -2.4rem;
}
@media screen and (min-width: 1440px) {
.dividing-line.l-r {
margin-left: calc((100vw - 1340px) / 2 * -1);
}
}
.dividing-line.r-l {
transform-origin: right;
margin-right: -2.4rem;
}
@media screen and (min-width: 1440px) {
.dividing-line.r-l {
margin-right: calc((100vw - 1340px) / 2 * -1);
}
}
.block {
position: relative;
padding: 80px 0;
background: #FFF;
}
.block.large-pd-top {
padding-top: 100px;
}
.block.small-pd-top {
padding-top: 50px;
}
.block.no-pd-top {
padding-top: 0;
}
.block.large-pd-bottom {
padding-bottom: 100px;
}
.block.small-pd-bottom {
padding-bottom: 50px;
}
.block.no-pd-bottom {
padding-bottom: 0;
}
@media only screen and (min-width: 1280px) {
.block {
padding: 140px 0;
}
.block.large-pd-top {
padding-top: 200px;
}
.block.small-pd-top {
padding-top: 50px;
}
.block.no-pd-top {
padding-top: 0;
}
.block.large-pd-bottom {
padding-bottom: 200px;
}
.block.small-pd-bottom {
padding-bottom: 50px;
}
.block.no-pd-bottom {
padding-bottom: 0;
}
}
.cc-banner {
font-family: "neue-haas-grotesk-display", sans-serif !important;
font-size: 1.8rem !important;
background: #131615;
}
.cc-btn.cc-dismiss {
transition: all 0.5s ease-in-out;
display: block;
padding: 1rem 1.2rem;
background: none;
white-space: nowrap;
border-radius: 20rem !important;
border: 1px solid #FFF !important;
font-size: 1.6rem !important;
line-height: 1;
}
.cc-btn.cc-dismiss:hover {
background: #FFF !important;
color: #131615;
}
img, a {
display: block;
}
img {
-o-object-fit: cover;
object-fit: cover;
}  .header-logo {
position: fixed;
transition: 0.25s 0s ease-in-out;
max-width: 4.5rem;
width: 100%;
margin-right: auto;
mix-blend-mode: exclusion;
z-index: 19;
top: 0.5rem;
left: 2.4rem;
opacity: 0;
animation: fadeIn 1s 0s forwards ease-in-out;
}
@media screen and (min-width: 768px) {
.header-logo {
top: 1.6rem;
max-width: 6.6rem;
}
}
@media screen and (min-width: 1440px) {
.header-logo {
left: 5rem;
}
}
.header-logo img {
width: 100%;
height: auto;
}
header {
pointer-events: none;
transition: 0.25s 0.5s ease-in-out;
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 1.5rem 2.4rem;
z-index: 20;
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: center;
}
@media screen and (min-width: 768px) {
header {
padding: 3.5rem 2.4rem;
}
}
@media screen and (min-width: 1440px) {
header {
padding: 3.5rem 5rem;
}
}
header > * {
opacity: 0;
animation: fadeIn 1s 0s forwards ease-in-out;
}
header .wrap {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: center;
}
.dark-logo header .logo {
filter: brightness(0);
}
.home header > * {
animation: fadeIn 0.5s 3.5s forwards ease-in-out;
}
.furniture-btn {
background-color: #F9FFBE;
border: 1px solid #131615;
margin-left: auto;
pointer-events: auto;
margin-right: 1rem;
opacity: 0;
transition: background 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out, opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
}
.furniture-btn.hidden {
opacity: 0;
pointer-events: none;
}
.furniture-btn.visible {
opacity: 1;
pointer-events: auto;
}
.furniture-btn:not(.disabled):hover {
border-color: #131615;
color: #FFF;
background: #131615;
}
.modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: none;
justify-content: center;
align-items: center;
z-index: 9999;
pointer-events: auto;
padding: 20px; box-sizing: border-box; }
.modal-content {
display: flex;
flex-direction: column; background: black;
padding: 20px;
border-radius: 8px;
text-align: center;
position: relative;
width: 90%; max-width: 1050px; height: auto; max-height: 90vh; overflow-y: auto; gap: 60px;
}
.close-modal {
position: absolute;
top: 10px;
right: 15px;
font-size: 35px;
cursor: pointer;
color: white;
} .left-side {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
} .img-left {
width: 100%; height: auto; -o-object-fit: contain;
object-fit: contain; } .right-side {
text-align: left; margin-left: 35px;
margin: auto;
} .main-text {
color: #F9FFBE;
font-size: 36px;
padding-bottom: 40px;
border-bottom: 1px solid white;
}
.btn.right-btn, .right-btn.cc-btn.cc-dismiss {
border: 1px solid white;
color: white;
margin-top: 40px;
margin-bottom: 20px;
}
.right-btn:hover {
background-color: white;
color: black;
} @media (min-width: 768px) {
.modal-content {
flex-direction: row; width: 80%;
}
.left-side, .right-side {
width: 50%;
}
.main-text {
font-size: 48px;
}
}
@media (max-width: 768px) {
.modal-content {
flex-direction: column; width: 95%;
padding: 15px;
padding-top: 40px;
}
.main-text {
font-size: 32px;
}
.right-side {
margin-left: 0;
border-bottom: none;
}
.close-modal {
font-size: 30px;
top: 5px;
right: 10px;
}
.img-left {
max-width: 300px; }
}
.menu-margin {
margin-left: 0 !important;
}
.menu-toggle:not(.close) {
width: 7.2rem;
background: rgba(255, 255, 255, 0.4);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
border: 1px solid #A5AAAA;
pointer-events: auto;
}
@media screen and (min-width: 768px) {
.menu-toggle:not(.close) {
width: 8.5rem;
}
}
.menu-toggle:not(.close):hover {
border-color: #131615;
color: #FFF;
background: #131615;
}
nav {
transition: all 0.5s ease-in-out;
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: center;
position: fixed;
right: 0;
top: 0;
height: 100vh;
width: 100%;
background: #FFF;
padding: 0 4.4rem 0 4.4rem;
z-index: 2;
font-size: 4rem;
line-height: 4.4rem;
pointer-events: auto;
}
@media only screen and (max-height: 550px) {
nav {
display: block;
overflow: auto;
padding-top: 4rem;
padding-bottom: 4rem;
}
}
@media screen and (min-width: 768px) {
nav {
padding: 0 6.7rem 0 6rem;
font-size: 4.2rem;
line-height: 4.5rem;
}
}
@media only screen and (min-width: 768px) and (max-height: 700px) {
nav {
font-size: 3.6rem;
line-height: 4rem;
}
}
@media screen and (min-width: 768px) {
nav {
width: auto;
min-width: 49.7rem;
}
}
nav .close {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
position: absolute;
top: 4rem;
right: 4rem;
height: 2.6rem;
width: 2.6rem;
cursor: pointer;
}
nav .close:before, nav .close:after {
content: "";
display: block;
position: absolute;
height: 1px;
width: 100%;
background: #131615;
transform: rotate(45deg);
}
nav .close:after {
transform: rotate(-45deg);
}
nav:not(.open) {
transform: translateX(100%);
pointer-events: none;
}
nav.open li a {
transition-delay: 0.5s;
transform: none;
}
nav ul {
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: stretch;
gap: 4rem;
}
@media screen and (min-width: 768px) {
nav ul {
gap: clamp(2rem, 5.5vh, 6.6rem);
}
}
@media only screen and (min-width: 768px) and (max-height: 750px) {
nav ul {
gap: 2.5rem;
}
}
nav ul li {
overflow: hidden;
}
nav ul li a {
transition: 0.2s transform linear;
transform: translate3d(0px, 150%, 0.01px) rotate(10deg);
animation-play-state: paused;
display: inline-block;
position: relative;
}
nav ul li a:before {
transition: all 0.5s ease-in-out;
content: "";
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #131615;
bottom: 0rem;
left: 0;
transform: scaleX(0);
transform-origin: left;
}
nav ul li a:hover:before {
transform: scaleX(1);
}
nav ul li.current-menu-item a:before {
transform: scaleX(1);
}
.single-projects .menu-item-204 a:before {
transform: scaleX(1);
}
footer {
position: relative;
padding: 5rem 0 2.8rem;
background: #131615;
color: #fff;
z-index: 9;
}
@media screen and (min-width: 1024px) {
footer {
padding: 8.5rem 0 5rem;
}
}
footer a {
transition: all 0.5s ease-in-out;
}
footer a:hover {
opacity: 0.4;
}
footer .top-row {
display: contents;
position: relative;
}
@media screen and (min-width: 768px) {
footer .top-row {
grid-column: span 2;
display: flex;
flex-wrap: wrap;
gap: 8rem;
}
}
@media screen and (min-width: 1024px) {
footer .top-row {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: flex-start;
grid-column: span 13;
gap: 8rem;
margin-bottom: 8rem;
}
}
@media screen and (min-width: 1440px) {
footer .top-row {
padding-right: 10rem;
}
}
footer .top-row .footer-logo {
background-image: url(//casanainteriors.co.uk/wp-content/themes/casana/library/images/footer-logo.svg);
background-size: contain;
background-repeat: no-repeat;
grid-column: 1;
width: 4.5rem;
height: 4.3rem;
margin-right: auto;
}
@media screen and (min-width: 1024px) {
footer .top-row .footer-logo {
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
margin: 0;
}
}
footer .top-row .footer-logo-2 {
background-image: url(//casanainteriors.co.uk/wp-content/themes/casana/library/images/Constructionline-22.03.2024.png);
background-size: contain;
background-repeat: no-repeat;
grid-column: 1;
width: 15rem;
height: 100%;
margin-right: auto;
}
@media screen and (min-width: 1024px) {
footer .top-row .footer-logo-2 {
position: absolute;
left: 0;
top: 0;
margin: 0;
}
}
footer .top-row .menu {
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: flex-start;
gap: 2rem;
font-size: 1.6rem;
grid-column: 2;
margin-bottom: 5rem;
}
footer .top-row .menu:last-of-type {
margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
footer .top-row .menu {
grid-column: 8;
}
footer .top-row .menu:nth-of-type(2) {
grid-column: 10;
}
footer .top-row .menu:nth-of-type(3) {
grid-column: 12;
}
}
footer h3, footer .legal-page .intro-content h1, .legal-page .intro-content footer h1, .legal-page .intro-content footer h3, footer .legal-page .intro-content h3, footer .single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer h1, .single-post .inner-masthead .content footer h3, footer .single-post .inner-masthead .content h3 {
grid-column: 1/3;
width: 100%;
line-height: 1;
border-bottom: 2px solid #fff;
padding-bottom: 2rem;
margin-bottom: 1rem;
margin-top: 6rem;
}
@media screen and (min-width: 1024px) {
footer h3, footer .legal-page .intro-content h1, .legal-page .intro-content footer h1, .legal-page .intro-content footer h3, footer .legal-page .intro-content h3, footer .single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer h1, .single-post .inner-masthead .content footer h3, footer .single-post .inner-masthead .content h3 {
padding-bottom: 0;
margin-top: 0;
margin-bottom: 3rem;
grid-column: span 13;
}
}
footer .bottom-row {
position: relative;
grid-column: 1/3;
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: stretch;
gap: 2rem;
font-size: 1.2rem;
}
@media screen and (min-width: 1024px) {
footer .bottom-row {
font-size: 1.6rem;
grid-column: span 12;
}
}
footer .bottom-row .copyright {
margin-right: auto;
}
footer .bottom-row .anchor {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: center;
transition: all 0.5s ease-in-out;
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
gap: 0.9rem;
}
@media screen and (max-width: 1023px) {
footer .bottom-row .anchor {
display: none;
}
} .admin-label {
position: absolute;
top: 0;
left: 0;
background: red;
color: #FFF;
padding: 1rem;
font-size: 1.2rem;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: 0.05rem;
z-index: 10;
}
@media screen and (max-width: 1023px) {
.admin-label {
display: none;
}
}
.project-card .image {
position: relative;
width: 100%;
height: auto;
aspect-ratio: 1;
margin-bottom: 4rem;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.project-card .image {
margin-bottom: 1rem;
}
}
.project-card .image img {
transition: 2s 0s ease-in-out;
height: 100%;
width: 100%;
}
.project-card .image .btn, .project-card .image .cc-btn.cc-dismiss {
position: absolute;
bottom: 2rem;
right: 2rem;
z-index: 2;
}
.project-card .project-description {
padding-right: 1.5rem;
}
.project-card .label-r {
display: block;
margin-bottom: 1.6rem;
}
@media screen and (max-width: 767px) {
.project-card .label-r {
margin-bottom: 1.4rem;
}
}
.project-card p {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: stretch;
flex-wrap: wrap;
gap: 1rem;
}
@media screen and (max-width: 767px) {
.project-card p {
font-weight: 400;
font-size: 1.4rem;
gap: 0.5rem;
}
}
.project-card .btn, .project-card .cc-btn.cc-dismiss {
margin-top: 3rem;
opacity: 0;
}
.project-card:hover img {
transform: scale(1.4);
}
.project-card:hover a {
opacity: 1;
}
.pagination {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: stretch;
gap: 0.8rem;
}
.pagination .swiper-pagination-bullet {
transition: all 0.5s ease-in-out;
background: #A5AAAA;
margin: 0 !important;
padding: 0;
width: 0.9rem;
height: 0.9rem;
border-radius: 50%;
}
.pagination .swiper-pagination-bullet-active {
background: #FFF;
width: 2.9rem;
border-radius: 1.1rem;
}
.pagination.black .swiper-pagination-bullet-active {
background: #131615;
}
.carousel-nav {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: center;
position: relative;
gap: 1rem;
}
.carousel-nav .swiper-button-prev, .carousel-nav .swiper-button-next {
position: static;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 6rem;
height: 6rem;
}
.carousel-nav .swiper-button-prev svg, .carousel-nav .swiper-button-next svg {
width: 2.7rem;
height: auto;
}
.carousel-nav .swiper-button-prev:after, .carousel-nav .swiper-button-next:after {
display: none;
}
.carousel-nav .swiper-button-prev path, .carousel-nav .swiper-button-next path {
transition: all 0.5s ease-in-out;
}
.carousel-nav .swiper-button-prev:hover path, .carousel-nav .swiper-button-next:hover path {
stroke: #A5AAAA;
}
.ajax-listings {
position: relative;
min-height: 40rem;
width: 100%;
}
.ajax-listings .grid-inner.loading {
animation: fadeOut 0.5s both;
}
.ajax-listings .grid-inner.loaded {
animation: fadeIn 0.5s 0.5s both;
}
@media screen and (max-width: 767px) {
.ajax-listings .noposts {
position: absolute;
top: 0;
left: 0;
text-align: center;
width: 100%;
}
}
.ajax-listings .load-more-container {
grid-column: span 2;
width: 100%;
margin-top: 1rem;
}
.ajax-listings .load-more-container.loading {
display: none;
}
.ajax-listings .load-more-container.done {
display: none;
}
.ajax-loader {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: 0.25s 0.5s all;
z-index: 5;
background: rgb(255, 255, 255);
}
.ajax-loader .inner-loader {
width: 5rem;
height: 5rem;
border-radius: 100%;
position: absolute;
top: 20rem;
left: 50%;
transform: translateX(-50%);
margin: 0 auto;
}
.ajax-loader .inner-loader:before, .ajax-loader .inner-loader:after {
content: "";
position: absolute;
top: -0.5rem;
left: -0.5rem;
width: 100%;
height: 100%;
border-radius: 100%;
border: 5px solid transparent;
border-top-color: #101820;
}
.ajax-loader .inner-loader:before {
z-index: 100;
animation: spin 1s infinite;
}
.ajax-loader .inner-loader:after {
border: 5px solid #F4F4F4;
}
.ajax-loader.show-loader {
visibility: visible;
opacity: 1;
pointer-events: auto;
transition-delay: 0s;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.gform_wrapper .gform_required_legend, .gform_wrapper .gform_submission_error, .gform_wrapper .gform_fileupload_rules {
display: none;
}
.gform_wrapper .gform_fields {
grid-gap: 2.4rem 3rem !important;
}
.gform_wrapper .gfield {
position: relative;
}
.gform_wrapper .gfield_error input, .gform_wrapper .gfield_error select, .gform_wrapper .gfield_error textarea {
border-color: red;
}
.gform_wrapper .gfield_label, .gform_wrapper .gform-field-label:not(.gfield_consent_label):not(.gform-field-label--type-inline) {
display: block;
margin-bottom: 0.8rem;
}
.gform_wrapper input, .gform_wrapper select, .gform_wrapper textarea {
-webkit-appearance: none;
font-family: "neue-haas-grotesk-display", sans-serif;
font-size: 1.6rem;
border-radius: 2.8rem;
border: 1px solid #101820;
height: 4.8rem;
width: 100%;
padding-left: 2.1rem;
}
.gform_wrapper input[type=checkbox] {
width: 2rem;
height: 2rem;
aspect-ratio: 1/1;
flex-shrink: 0;
border-radius: 0.3rem;
margin: 0;
padding: 0;
cursor: pointer;
border: 2px solid #A5AAAA;
}
.gform_wrapper input[type=checkbox]:checked {
background-image: url(//casanainteriors.co.uk/wp-content/themes/casana/library/images/tick.svg);
background-size: 1.3rem;
background-repeat: no-repeat;
background-repeat: no-repeat;
background-position: center;
}
.gform_wrapper textarea {
padding-top: 2.1rem;
height: 21rem !important;
}
.gform_wrapper :placeholder {
color: rgba(143, 141, 155, 0.5);
}
.gform_wrapper .gfield--type-consent {
margin-bottom: 1rem;
}
.gform_wrapper .gfield--type-consent .ginput_container {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: center;
gap: 1.2rem;
}
.gform_wrapper .gfield--type-consent label {
cursor: pointer;
font-size: 1.6rem;
line-height: 2rem;
}
.gform_wrapper .gfield_validation_message {
position: absolute;
bottom: -2rem;
color: red;
left: 0;
font-size: 1.2rem;
}
.gform_footer {
position: absolute;
top: -999999;
left: -99999;
pointer-events: none;
opacity: 0;
visibility: hidden;
}
.post-overview {
padding-bottom: 0;
}
.post-overview .top-line {
position: absolute;
top: 0;
}
.post-overview .subheading {
margin-bottom: 2rem;
}
.post-overview .filters {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: stretch;
gap: 3rem;
text-transform: uppercase;
margin-bottom: 2rem;
grid-column: 1/3;
overflow: auto;
padding-bottom: 2rem;
margin-right: -2.4rem;
margin-left: -2.4rem;
padding-left: 2.4rem;
padding-right: 2.4rem;
}
@media screen and (min-width: 1024px) {
.post-overview .filters {
margin-right: 0;
padding-bottom: 0;
margin-bottom: 11rem;
grid-column: span 10;
}
}
.post-overview .filters .filter {
transition: all 0.5s ease-in-out;
cursor: pointer;
color: #A5AAAA;
flex-shrink: 0;
}
.post-overview .filters .filter.active, .post-overview .filters .filter:hover {
color: #131615;
}
.post-overview .ajax-listings {
grid-column: 1/3;
}
@media screen and (min-width: 1024px) {
.post-overview .ajax-listings {
grid-column: 3/13;
}
}
.post-overview .grid-inner {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 7rem 1.6rem;
}
@media screen and (min-width: 1024px) {
.post-overview .grid-inner {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8rem 4.5rem;
}
}
.post-overview .project-card:hover .btn, .post-overview .project-card:hover .cc-btn.cc-dismiss {
opacity: 1;
}
.post-overview .dividing-line {
margin-top: 10rem;
grid-column: 1/3;
}
@media screen and (min-width: 1024px) {
.post-overview .dividing-line {
grid-column: 3/13;
}
}
.loader {
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: stretch;
position: absolute;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
z-index: 20;
pointer-events: none;
padding-bottom: 0rem;
}
@media screen and (min-width: 768px) {
.loader {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: stretch;
padding-bottom: 11rem;
}
}
@media screen and (min-width: 1024px) {
.loader {
padding-bottom: 14rem;
}
}
.loader .loader-bg {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
content: "";
display: block;
position: absolute;
background: #FFF;
}
.loader .content {
grid-column: span 13;
}
@media screen and (max-width: 767px) {
.loader .content {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: stretch;
height: 50vh;
min-height: 37rem;
padding-bottom: 9rem;
}
}
.loader h1, .loader footer h3, .loader footer .legal-page .intro-content h1, .legal-page .intro-content .loader footer h1, .loader .legal-page .intro-content footer h3, .legal-page .intro-content .loader footer h3, .loader footer .legal-page .intro-content h3, .loader .legal-page .intro-content footer h1, .loader footer .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .loader footer h1, .loader .single-post .inner-masthead .content footer h3, .single-post .inner-masthead .content .loader footer h3, .loader footer .single-post .inner-masthead .content h3, .loader .single-post .inner-masthead .content footer h1, footer .loader h3, footer .loader .legal-page .intro-content h1, .legal-page .intro-content footer .loader h1, .legal-page .intro-content footer .loader h3, footer .loader .legal-page .intro-content h3, footer .legal-page .intro-content .loader h3, footer .legal-page .intro-content .loader h1, footer .loader .single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer .loader h1, .single-post .inner-masthead .content footer .loader h3, footer .loader .single-post .inner-masthead .content h3, footer .single-post .inner-masthead .content .loader h3, footer .single-post .inner-masthead .content .loader h1 {
white-space: nowrap;
line-height: 1.1;
font-size: 4.7rem;
color: #000;
margin: 0;
width: 100%;
white-space: nowrap;
}
@media screen and (min-width: 1024px) {
.loader h1, .loader footer h3, .loader footer .legal-page .intro-content h1, .legal-page .intro-content .loader footer h1, .loader .legal-page .intro-content footer h3, .legal-page .intro-content .loader footer h3, .loader footer .legal-page .intro-content h3, .loader .legal-page .intro-content footer h1, .loader footer .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .loader footer h1, .loader .single-post .inner-masthead .content footer h3, .single-post .inner-masthead .content .loader footer h3, .loader footer .single-post .inner-masthead .content h3, .loader .single-post .inner-masthead .content footer h1, footer .loader h3, footer .loader .legal-page .intro-content h1, .legal-page .intro-content footer .loader h1, .legal-page .intro-content footer .loader h3, footer .loader .legal-page .intro-content h3, footer .legal-page .intro-content .loader h3, footer .legal-page .intro-content .loader h1, footer .loader .single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer .loader h1, .single-post .inner-masthead .content footer .loader h3, footer .loader .single-post .inner-masthead .content h3, footer .single-post .inner-masthead .content .loader h3, footer .single-post .inner-masthead .content .loader h1 {
margin-left: -0.3rem;
}
}
.loader h1 .line, .loader footer h3 .line, .loader footer .single-post .inner-masthead .content h1 .line, .single-post .inner-masthead .content .loader footer h1 .line, .loader .single-post .inner-masthead .content footer h3 .line, .single-post .inner-masthead .content .loader footer h3 .line, .loader footer .single-post .inner-masthead .content h3 .line, .loader .single-post .inner-masthead .content footer h1 .line, footer .loader h3 .line, footer .loader .single-post .inner-masthead .content h1 .line, .single-post .inner-masthead .content footer .loader h1 .line, .single-post .inner-masthead .content footer .loader h3 .line, footer .loader .single-post .inner-masthead .content h3 .line, footer .single-post .inner-masthead .content .loader h3 .line, footer .single-post .inner-masthead .content .loader h1 .line {
overflow: hidden;
}
.loader h1 .line .char, .loader footer h3 .line .char, footer .loader h3 .line .char {
transform: translateY(100%);
}
@media screen and (min-width: 768px) {
.loader h1, .loader footer h3, .loader footer .legal-page .intro-content h1, .legal-page .intro-content .loader footer h1, .loader .legal-page .intro-content footer h3, .legal-page .intro-content .loader footer h3, .loader footer .legal-page .intro-content h3, .loader .legal-page .intro-content footer h1, .loader footer .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .loader footer h1, .loader .single-post .inner-masthead .content footer h3, .single-post .inner-masthead .content .loader footer h3, .loader footer .single-post .inner-masthead .content h3, .loader .single-post .inner-masthead .content footer h1, footer .loader h3, footer .loader .legal-page .intro-content h1, .legal-page .intro-content footer .loader h1, .legal-page .intro-content footer .loader h3, footer .loader .legal-page .intro-content h3, footer .legal-page .intro-content .loader h3, footer .legal-page .intro-content .loader h1, footer .loader .single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer .loader h1, .single-post .inner-masthead .content footer .loader h3, footer .loader .single-post .inner-masthead .content h3, footer .single-post .inner-masthead .content .loader h3, footer .single-post .inner-masthead .content .loader h1 {
font-size: 10rem;
}
}
@media screen and (min-width: 1024px) {
.loader h1, .loader footer h3, .loader footer .legal-page .intro-content h1, .legal-page .intro-content .loader footer h1, .loader .legal-page .intro-content footer h3, .legal-page .intro-content .loader footer h3, .loader footer .legal-page .intro-content h3, .loader .legal-page .intro-content footer h1, .loader footer .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .loader footer h1, .loader .single-post .inner-masthead .content footer h3, .single-post .inner-masthead .content .loader footer h3, .loader footer .single-post .inner-masthead .content h3, .loader .single-post .inner-masthead .content footer h1, footer .loader h3, footer .loader .legal-page .intro-content h1, .legal-page .intro-content footer .loader h1, .legal-page .intro-content footer .loader h3, footer .loader .legal-page .intro-content h3, footer .legal-page .intro-content .loader h3, footer .legal-page .intro-content .loader h1, footer .loader .single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer .loader h1, .single-post .inner-masthead .content footer .loader h3, footer .loader .single-post .inner-masthead .content h3, footer .single-post .inner-masthead .content .loader h3, footer .single-post .inner-masthead .content .loader h1 {
font-size: 14rem;
}
}
@media screen and (min-width: 1440px) {
.loader h1, .loader footer h3, .loader footer .legal-page .intro-content h1, .legal-page .intro-content .loader footer h1, .loader .legal-page .intro-content footer h3, .legal-page .intro-content .loader footer h3, .loader footer .legal-page .intro-content h3, .loader .legal-page .intro-content footer h1, .loader footer .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .loader footer h1, .loader .single-post .inner-masthead .content footer h3, .single-post .inner-masthead .content .loader footer h3, .loader footer .single-post .inner-masthead .content h3, .loader .single-post .inner-masthead .content footer h1, footer .loader h3, footer .loader .legal-page .intro-content h1, .legal-page .intro-content footer .loader h1, .legal-page .intro-content footer .loader h3, footer .loader .legal-page .intro-content h3, footer .legal-page .intro-content .loader h3, footer .legal-page .intro-content .loader h1, footer .loader .single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer .loader h1, .single-post .inner-masthead .content footer .loader h3, footer .loader .single-post .inner-masthead .content h3, footer .single-post .inner-masthead .content .loader h3, footer .single-post .inner-masthead .content .loader h1 {
font-size: 18.7rem;
}
}
.sticky-cta {
position: fixed;
bottom: 2.4rem;
right: 2.4rem;
z-index: 8;
opacity: 0;
pointer-events: none;
background: rgba(255, 255, 255, 0.4);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
}
.sticky-cta.scrolled {
pointer-events: auto;
opacity: 1;
}
@media screen and (min-width: 1440px) {
.sticky-cta {
bottom: 5rem;
right: 5rem;
}
} .call-to-action .inner-content {
grid-column: 1/3;
}
@media screen and (min-width: 768px) {
.call-to-action .inner-content {
grid-column: 3/12;
}
}
@media screen and (max-width: 1023px) {
.contact-form .subheading {
margin-bottom: 2rem;
}
}
.contact-form .content {
grid-column: 1/3;
margin-bottom: 4rem;
}
@media screen and (min-width: 1024px) {
.contact-form .content {
margin-bottom: 0;
grid-column: 3/8;
padding-right: 4rem;
}
}
.contact-form .content h3, .contact-form .content .legal-page .intro-content h1, .legal-page .intro-content .contact-form .content h1, .contact-form .single-post .inner-masthead .content h1, .single-post .inner-masthead .contact-form .content h1, .contact-form .single-post .inner-masthead .content footer h3, .single-post .inner-masthead .contact-form .content footer h3, .contact-form footer .single-post .inner-masthead .content h3, footer .single-post .inner-masthead .contact-form .content h3 {
margin-bottom: 3rem;
}
.contact-form .form-container {
grid-column: 1/3;
}
@media screen and (min-width: 1024px) {
.contact-form .form-container {
grid-column: 8/13;
}
}
.content-block {
overflow: hidden;
}
.content-block .inner-content {
grid-column: 1/3;
margin-bottom: 2.5rem;
}
.content-block .inner-content p {
margin-bottom: 2.2rem;
}
@media screen and (min-width: 1024px) {
.content-block .inner-content {
margin-bottom: 0;
grid-column: 3/13;
}
}
.content-block .inner-content:last-child {
margin-bottom: 0;
}
@media screen and (min-width: 768px) {
.content-block .top-level-btn {
grid-column: 11/13;
align-self: flex-start;
margin-left: auto;
}
}
.content-block .dividing-line {
margin-top: 4rem;
margin-bottom: 4rem;
}
@media screen and (min-width: 1024px) {
.content-block .dividing-line {
margin-top: 8rem;
margin-bottom: 8rem;
}
}
.content-block .dividing-line:last-child {
margin-bottom: 0;
}
.content-block .col {
display: contents;
}
@media screen and (min-width: 1024px) {
.content-block.two-cols .col {
width: 50%;
display: block;
}
.content-block.two-cols .inner-content {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: stretch;
gap: 6.5rem;
}
.content-block:not(.two-cols) p {
max-width: 66rem;
}
}
.content-block .feature-rows {
margin-top: 6rem;
}
@media screen and (min-width: 1024px) {
.content-block .feature-rows {
margin-top: 9rem;
}
}
.content-block .feature-rows .feature {
color: #A5AAAA;
padding: 2rem 0;
width: 100%;
border-bottom: 1px solid #A5AAAA;
}
.content-block .feature-rows .feature:first-of-type {
border-top: 1px solid #A5AAAA;
}
.content-block .btn:not(.top-level-btn), .content-block .cc-btn.cc-dismiss:not(.top-level-btn) {
margin-top: 2.2rem;
}
.content-block.black-background {
background: #131615;
color: #FFF;
}
.content-block.black-background .dividing-line {
background: #FFF;
}
.content-block.extra-large-padding-top {
padding-top: 18rem;
}
@media screen and (min-width: 1024px) {
.content-block.extra-large-padding-top {
padding-top: 52rem;
}
}
.content-block.image-count-2 .image-container {
width: 100%;
grid-column: 1/3;
aspect-ratio: 1/0.9;
}
.content-block.image-count-2 .image-container img {
width: 100%;
height: 100%;
}
.content-block.image-count-2 .image-container.image-1 {
aspect-ratio: 1/0.7;
}
@media screen and (min-width: 768px) {
.content-block.image-count-2 .image-container {
grid-column: 1;
aspect-ratio: auto;
height: 39rem;
}
.content-block.image-count-2 .image-container.image-1 {
grid-column: 2;
}
}
@media screen and (min-width: 1024px) {
.content-block.image-count-2 .image-container {
margin-top: 8rem;
}
.content-block.image-count-2 .image-container.image-0 {
grid-column: 3/7;
}
.content-block.image-count-2 .image-container.image-1 {
grid-column: span 6;
}
}
.content-block.image-count-3 .image-container {
width: 100%;
grid-column: 1/3;
aspect-ratio: 1/0.9;
}
.content-block.image-count-3 .image-container img {
width: 100%;
height: 100%;
}
.content-block.image-count-3 .image-container.image-1 {
aspect-ratio: 1/1;
}
.content-block.image-count-3 .image-container.image-2 {
aspect-ratio: 1/1.2;
}
@media screen and (min-width: 768px) {
.content-block.image-count-3 .image-container {
height: 50rem;
}
.content-block.image-count-3 .image-container.image-0 {
margin-top: 12rem;
height: 60rem;
}
.content-block.image-count-3 .image-container.image-1 {
height: auto;
aspect-ratio: 1/0.8;
grid-column: 1;
}
.content-block.image-count-3 .image-container.image-2 {
height: auto;
aspect-ratio: 1/0.8;
grid-column: 2;
}
}
@media screen and (min-width: 1024px) {
.content-block.image-count-3 .image-container {
grid-column: span 6;
height: 50rem;
aspect-ratio: auto !important;
}
.content-block.image-count-3 .image-container.image-0 {
margin-top: 12rem;
grid-column: 3/13;
height: 74rem;
}
.content-block.image-count-3 .image-container.image-1 {
grid-column: 3/10;
}
.content-block.image-count-3 .image-container.image-2 {
grid-column: 10/13;
}
}
@media screen and (min-width: 1024px) {
.content-block.custom-content-width .inner-content {
grid-column: 3/var(--column_span);
}
}
.content-block.reduce-content-width p {
max-width: 49rem;
}
@media screen and (max-width: 1023px) {
.content-block.desktop-button-only .btn, .content-block.desktop-button-only .cc-btn.cc-dismiss {
display: none;
}
}
@media screen and (min-width: 1024px) {
.content-block.mobile-button-only .btn, .content-block.mobile-button-only .cc-btn.cc-dismiss {
display: none;
}
}
.pin-container {
position: relative;
overflow: hidden;
padding-bottom: 10rem;
}
.content-and-image-columns {
padding: 0;
position: relative;
overflow: hidden;
}
@media screen and (min-width: 768px) {
.content-and-image-columns .wrap {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 2rem;
}
}
.content-and-image-columns .content-col {
grid-column: 1/3;
}
@media screen and (min-width: 768px) {
.content-and-image-columns .content-col {
grid-column: span 5;
}
}
@media screen and (min-width: 1024px) {
.content-and-image-columns .content-col {
grid-column: span 7;
}
}
.content-and-image-columns .content-row {
margin-bottom: 7rem;
}
.content-and-image-columns .content-row:last-of-type {
margin-bottom: 0;
}
.content-and-image-columns .content-row img {
width: 100vw;
margin-left: -2.4rem;
margin-top: 7rem;
height: auto;
aspect-ratio: 1/0.8;
}
@media screen and (min-width: 768px) {
.content-and-image-columns .content-row {
height: 100vh;
display: flex;
align-items: center;
margin: 0;
}
.content-and-image-columns .content-row .content {
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 2rem;
}
.content-and-image-columns .content-row img {
display: none;
}
}
.content-and-image-columns .subheading {
grid-column: span 4;
margin-top: 1rem;
margin-bottom: 2rem;
}
@media screen and (min-width: 1024px) {
.content-and-image-columns .subheading {
grid-column: 1/3;
}
}
.content-and-image-columns .inner {
grid-column: span 6;
}
@media screen and (min-width: 1024px) {
.content-and-image-columns .inner {
grid-column: span 5;
}
}
.content-and-image-columns .image-col {
display: flex;
flex-direction: column-reverse;
justify-content: stretch;
align-items: stretch;
position: relative;
grid-column: 6/13;
height: 100vh;
}
@media screen and (max-width: 767px) {
.content-and-image-columns .image-col {
display: none;
}
}
@media screen and (min-width: 1024px) {
.content-and-image-columns .image-col {
grid-column: 8/13;
}
}
@media screen and (min-width: 1280px) {
.content-and-image-columns .image-col {
margin-right: 0;
right: -5rem;
}
}
@media screen and (min-width: 1440px) {
.content-and-image-columns .image-col {
margin-right: calc((100vw - 1340px) / 2 * -1);
}
}
.content-and-image-columns .image-col .image-container {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
transform: translateY(100%);
}
.content-and-image-columns .image-col .image-container:first-of-type {
transform: none;
}
.content-and-image-columns .image-col img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.content-and-image-columns .content {
grid-column: 3/8;
}
.content-and-image-columns .content p {
max-width: 43rem;
}
.featured-projects {
background: #131615;
color: #FFF;
}
.featured-projects .intro-container {
align-items: flex-start;
margin-bottom: 10rem;
}
@media screen and (max-width: 1023px) {
.featured-projects .intro-container {
margin-bottom: 4rem;
}
.featured-projects .intro-container .btn, .featured-projects .intro-container .cc-btn.cc-dismiss {
display: none;
}
}
.featured-projects .intro-content {
grid-column: 1/3;
}
@media screen and (min-width: 1024px) {
.featured-projects .intro-content {
grid-column: 3/10;
}
}
@media screen and (min-width: 1280px) {
.featured-projects .intro-content {
grid-column: 3/9;
}
}
.featured-projects .btn, .featured-projects .cc-btn.cc-dismiss {
grid-column: 1/3;
margin-right: auto;
}
.featured-projects .btn.lower-btn, .featured-projects .lower-btn.cc-btn.cc-dismiss {
display: none;
}
@media screen and (max-width: 1023px) {
.featured-projects .btn.lower-btn, .featured-projects .lower-btn.cc-btn.cc-dismiss {
display: inline-flex;
}
}
@media screen and (min-width: 1024px) {
.featured-projects .btn, .featured-projects .cc-btn.cc-dismiss {
margin-left: auto;
margin-bottom: auto;
margin-right: 0;
grid-column: 11/13;
}
}
.featured-projects .swiper-container {
margin-top: 10rem;
margin-right: -2.4rem;
grid-column: 1/3;
}
@media screen and (min-width: 1024px) {
.featured-projects .swiper-container {
grid-column: 3/13;
}
}
@media screen and (min-width: 1440px) {
.featured-projects .swiper-container {
margin-right: calc((100vw - 1340px) / 2 * -1);
}
}
.featured-projects .swiper {
width: 100%;
padding-right: 3rem;
}
.featured-projects .swiper:hover {
cursor: url(//casanainteriors.co.uk/wp-content/themes/casana/library/images/white-project-drag-cursor.png) 35 35, auto;
}
.featured-projects .pagination {
display: none;
margin-top: 2rem;
grid-column: span 3;
}
@media screen and (min-width: 1024px) {
.featured-projects .pagination {
display: flex;
grid-column: 3/5;
}
}
.full-width-media {
padding: 5rem 0;
}
@media screen and (max-width: 1023px) {
.full-width-media {
padding: 0 !important;
}
}
.full-width-media .image-container {
position: relative;
}
.full-width-media img {
margin-left: auto;
margin-right: auto;
width: calc(100% - 10rem);
height: auto;
aspect-ratio: 1/0.5;
}
@media screen and (max-width: 1023px) {
.full-width-media img {
margin-left: -2.4rem;
width: 100vw;
aspect-ratio: 1;
margin: 0;
}
}
@media screen and (min-width: 1024px) {
.full-width-media.no-image-bleed img {
width: 100%;
height: clamp(60rem, 100vh, 90rem);
aspect-ratio: auto;
}
}
.full-width-media.overlaid-content {
position: relative;
}
.full-width-media.overlaid-content .image-container:after {
content: "";
display: block;
position: absolute;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.25);
z-index: 2;
}
.full-width-media.overlaid-content .wrap {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 3;
padding-bottom: 5rem;
padding-top: 5rem;
}
.full-width-media.overlaid-content .wrap .inner-content {
grid-column: span 2;
color: #FFF;
width: 100%;
}
@media screen and (max-width: 1023px) {
.full-width-media.overlaid-content .wrap .inner-content {
position: absolute;
bottom: 2.4rem;
left: 2.4rem;
font-size: 1.6rem;
max-width: 22rem;
}
}
@media screen and (min-width: 1024px) {
.full-width-media.overlaid-content.bottom-left .inner-content {
margin-top: auto;
}
.full-width-media.overlaid-content.top-right .inner-content {
grid-column: 11/13;
}
.full-width-media.overlaid-content.bottom-right .inner-content {
grid-column: 11/13;
margin-top: auto;
}
}
.gallery {
position: relative;
}
@media screen and (max-width: 1023px) {
.gallery {
padding-top: 2.4rem !important;
}
}
.gallery .image-container {
grid-column: span 3;
height: auto;
}
.gallery .image-container, .gallery img {
width: 100%;
height: 100%;
}
.gallery.image-count-3 .image-container {
grid-column: span 3;
}
@media screen and (min-width: 1024px) {
.gallery.image-count-3 .image-container {
grid-column: span 4;
}
.gallery.image-count-3 .image-container:first-of-type {
height: 70rem;
grid-column: span 8;
grid-row: span 12;
}
.gallery.image-count-3 .image-container:nth-of-type(2) {
grid-row: span 1;
aspect-ratio: 1/0.6;
}
.gallery.image-count-3 .image-container:nth-of-type(3) {
grid-row: span 11;
}
}
.gallery.image-count-4 .image-container:first-of-type {
aspect-ratio: 1/0.6;
}
.gallery.image-count-4 .image-container:nth-of-type(2) {
aspect-ratio: 1/1.2;
}
.gallery.image-count-4 .image-container:nth-of-type(3) {
aspect-ratio: 1/0.75;
}
.gallery.image-count-4 .image-container:nth-of-type(4) {
aspect-ratio: 1/0.9;
}
@media screen and (min-width: 1024px) {
.gallery.image-count-4 .image-container {
grid-column: span 6;
}
.gallery.image-count-4 .image-container:first-of-type {
grid-column: span 13;
grid-row: span 2;
aspect-ratio: 1/0.6;
}
.gallery.image-count-4 .image-container:nth-of-type(2) {
grid-row: 3/5;
grid-column: span 7;
aspect-ratio: 1/0.8;
}
.gallery.image-count-4 .image-container:nth-of-type(3) {
grid-row: 3;
aspect-ratio: 1/0.75;
}
.gallery.image-count-4 .image-container:nth-of-type(4) {
grid-row: 4;
aspect-ratio: 1/0.9;
}
}
.gallery .lower-wrap {
margin-top: 2rem;
}
@media screen and (min-width: 1024px) {
.gallery .lower-wrap {
margin-top: 5rem;
}
}
.gallery .lower-wrap .container {
position: relative;
grid-column: 1/3;
}
@media screen and (min-width: 1024px) {
.gallery .lower-wrap .container {
grid-column: span 8;
}
}
.gallery .dividing-line {
grid-column: 1/3;
}
@media screen and (min-width: 1024px) {
.gallery .dividing-line {
grid-column: span 8;
}
}
@media screen and (max-width: 1023px) {
.gallery-carousel .subheading {
margin-bottom: 2rem;
}
}
.gallery-carousel .swiper-container {
grid-column: 1/3;
margin-right: -2.4rem;
}
@media screen and (min-width: 1024px) {
.gallery-carousel .swiper-container {
grid-column: span 10;
}
}
@media screen and (min-width: 1440px) {
.gallery-carousel .swiper-container {
margin-right: calc((100vw - 1340px) / 2 * -1);
}
}
.gallery-carousel .swiper-container .swiper {
width: 100%;
padding-right: 2.4rem;
}
.gallery-carousel .swiper-container .swiper:hover {
cursor: url(//casanainteriors.co.uk/wp-content/themes/casana/library/images/black-carousel-drag-cursor.png) 35 35, auto;
}
.gallery-carousel .swiper-container .swiper-slide {
width: 100%;
aspect-ratio: 1/0.8;
transition: 1.4s 0s ease-in-out;
overflow: hidden;
}
@media screen and (min-width: 1024px) {
.gallery-carousel .swiper-container .swiper-slide {
aspect-ratio: 1/0.7;
}
}
.gallery-carousel .swiper-container .swiper-slide.swiper-slide-active, .gallery-carousel .swiper-container .swiper-slide.swiper-slide-visible {
opacity: 1;
transform: translate(0) scale(1);
}
.gallery-carousel .swiper-container .swiper-slide.swiper-slide-active img, .gallery-carousel .swiper-container .swiper-slide.swiper-slide-visible img {
transform: none;
}
.gallery-carousel .swiper-container img {
transition: 1.4s 0s ease-in-out;
width: 100%;
height: 100%;
}
.gallery-carousel .pagination {
margin-top: 4.4rem;
grid-column: 3/13;
}
@media screen and (max-width: 1023px) {
.gallery-carousel .pagination {
display: none;
}
}
.homepage-masthead {
position: relative;
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: flex-end;
background: white;
color: #FFF;
padding-bottom: 4rem;
overflow: hidden;
height: 50vh;
min-height: 37rem;
aspect-ratio: 1;
width: 100%;
}
@media screen and (min-width: 768px) {
.homepage-masthead {
aspect-ratio: auto;
height: 100vh;
min-height: 60rem;
}
}
.homepage-masthead:before {
content: "";
display: block;
position: absolute;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.15);
z-index: 2;
}
.homepage-masthead video {
z-index: 1;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.homepage-masthead .wrap {
position: relative;
z-index: 3;
z-index: 2;
align-items: flex-end;
}
.homepage-masthead .content {
width: 100%;
grid-column: span 2;
}
@media screen and (min-width: 1024px) {
.homepage-masthead .content {
grid-column: span 13;
}
}
.homepage-masthead .content p {
font-size: 1.6rem;
}
.homepage-masthead .content p .line {
overflow: hidden;
}
.homepage-masthead .content p .word {
will-change: transform;
transform: translate3d(0px, 20vw, 0.01px) rotate(10deg);
animation: translateUp 0.3s forwards ease-in-out;
}
.homepage-masthead .content p .word:nth-of-type(1) {
animation-delay: 4s;
}
.homepage-masthead .content p .word:nth-of-type(2) {
animation-delay: 4.1s;
}
.homepage-masthead .content p .word:nth-of-type(3) {
animation-delay: 4.2s;
}
.homepage-masthead .content p .word:nth-of-type(4) {
animation-delay: 4.3s;
}
.homepage-masthead .content p .word:nth-of-type(5) {
animation-delay: 4.4s;
}
.homepage-masthead .content p .word:nth-of-type(6) {
animation-delay: 4.5s;
}
.homepage-masthead .content p .word:nth-of-type(7) {
animation-delay: 4.6s;
}
.homepage-masthead .content p .word:nth-of-type(8) {
animation-delay: 4.7s;
}
.homepage-masthead .content p .word:nth-of-type(9) {
animation-delay: 4.8s;
}
.homepage-masthead .content p .word:nth-of-type(10) {
animation-delay: 4.9s;
}
.homepage-masthead .content p .word:nth-of-type(11) {
animation-delay: 5s;
}
.homepage-masthead .content p .word:nth-of-type(12) {
animation-delay: 5.1s;
}
.homepage-masthead .content p .word:nth-of-type(13) {
animation-delay: 5.2s;
}
.homepage-masthead .content p .word:nth-of-type(14) {
animation-delay: 5.3s;
}
.homepage-masthead .content p .word:nth-of-type(15) {
animation-delay: 5.4s;
}
.homepage-masthead .content p .word:nth-of-type(16) {
animation-delay: 5.5s;
}
.homepage-masthead .content p .word:nth-of-type(17) {
animation-delay: 5.6s;
}
.homepage-masthead .content p .word:nth-of-type(18) {
animation-delay: 5.7s;
}
.homepage-masthead .content p .word:nth-of-type(19) {
animation-delay: 5.8s;
}
.homepage-masthead .content p .word:nth-of-type(20) {
animation-delay: 5.9s;
}
.homepage-masthead .content p .word:nth-of-type(21) {
animation-delay: 6s;
}
.homepage-masthead .content p .word:nth-of-type(22) {
animation-delay: 6.1s;
}
.homepage-masthead .content p .word:nth-of-type(23) {
animation-delay: 6.2s;
}
.homepage-masthead .content p .word:nth-of-type(24) {
animation-delay: 6.3s;
}
.homepage-masthead .content p .word:nth-of-type(25) {
animation-delay: 6.4s;
}
.homepage-masthead .content p .word:nth-of-type(26) {
animation-delay: 6.5s;
}
.homepage-masthead .content p .word:nth-of-type(27) {
animation-delay: 6.6s;
}
.homepage-masthead .content p .word:nth-of-type(28) {
animation-delay: 6.7s;
}
.homepage-masthead .content p .word:nth-of-type(29) {
animation-delay: 6.8s;
}
.homepage-masthead .content p .word:nth-of-type(30) {
animation-delay: 6.9s;
}
.homepage-masthead .content p .word:nth-of-type(31) {
animation-delay: 7s;
}
.homepage-masthead .content p .word:nth-of-type(32) {
animation-delay: 7.1s;
}
.homepage-masthead .content p .word:nth-of-type(33) {
animation-delay: 7.2s;
}
.homepage-masthead .content p .word:nth-of-type(34) {
animation-delay: 7.3s;
}
.homepage-masthead .content p .word:nth-of-type(35) {
animation-delay: 7.4s;
}
.homepage-masthead .content p .word:nth-of-type(36) {
animation-delay: 7.5s;
}
.homepage-masthead .content p .word:nth-of-type(37) {
animation-delay: 7.6s;
}
.homepage-masthead .content p .word:nth-of-type(38) {
animation-delay: 7.7s;
}
.homepage-masthead .content p .word:nth-of-type(39) {
animation-delay: 7.8s;
}
.homepage-masthead .content p .word:nth-of-type(40) {
animation-delay: 7.9s;
}
.homepage-masthead .content p .word:nth-of-type(41) {
animation-delay: 8s;
}
.homepage-masthead .content p .word:nth-of-type(42) {
animation-delay: 8.1s;
}
.homepage-masthead .content p .word:nth-of-type(43) {
animation-delay: 8.2s;
}
.homepage-masthead .content p .word:nth-of-type(44) {
animation-delay: 8.3s;
}
.homepage-masthead .content p .word:nth-of-type(45) {
animation-delay: 8.4s;
}
.homepage-masthead .content p .word:nth-of-type(46) {
animation-delay: 8.5s;
}
.homepage-masthead .content p .word:nth-of-type(47) {
animation-delay: 8.6s;
}
.homepage-masthead .content p .word:nth-of-type(48) {
animation-delay: 8.7s;
}
.homepage-masthead .content p .word:nth-of-type(49) {
animation-delay: 8.8s;
}
.homepage-masthead .content p .word:nth-of-type(50) {
animation-delay: 8.9s;
}
@media screen and (min-width: 768px) {
.homepage-masthead .content p {
font-size: 3rem;
}
}
.homepage-masthead .dividing-line {
animation: scaleX 1s 3.5s forwards ease-in-out;
grid-column: span 2;
transform: scaleX(0);
}
@media screen and (min-width: 1024px) {
.homepage-masthead .dividing-line {
margin-bottom: 2.4rem;
grid-column: span 13;
}
}
.inner-masthead {
position: relative;
padding: 0;
}
@media screen and (min-width: 1024px) {
.inner-masthead {
height: clamp(60rem, 100vh - 5rem, 90rem);
}
}
.inner-masthead .main-wrap {
height: 100%;
}
.inner-masthead .lower {
padding-bottom: 20px;
}
.inner-masthead .dividing-line {
grid-column: 1/3;
transform: scaleX(0);
animation: scaleX 1s 1s forwards ease-in-out;
}
@media screen and (min-width: 1024px) {
.inner-masthead .dividing-line {
grid-column: span 13;
}
}
.inner-masthead .content {
grid-column: 1/3;
margin-top: auto;
width: calc(100% - 2.4rem);
padding-bottom: 3rem;
padding-top: 21rem;
}
@media screen and (min-width: 1024px) {
.inner-masthead .content {
width: auto;
grid-column: span 7;
padding-right: 7rem;
padding-bottom: 7rem;
}
}
.inner-masthead .content .btn, .inner-masthead .content .cc-btn.cc-dismiss {
margin-top: 4.5rem;
}
.inner-masthead h1, .inner-masthead footer h3, .inner-masthead footer .legal-page .intro-content h1, .legal-page .intro-content .inner-masthead footer h1, .inner-masthead .legal-page .intro-content footer h3, .legal-page .intro-content .inner-masthead footer h3, .inner-masthead footer .legal-page .intro-content h3, .inner-masthead .legal-page .intro-content footer h1, .single-post .inner-masthead footer .content h1, .single-post .inner-masthead .content footer h1, .single-post .inner-masthead .content footer h3, footer .inner-masthead h3, footer .inner-masthead .legal-page .intro-content h1, .legal-page .intro-content footer .inner-masthead h1, .legal-page .intro-content footer .inner-masthead h3, footer .inner-masthead .legal-page .intro-content h3, footer .legal-page .intro-content .inner-masthead h3, footer .legal-page .intro-content .inner-masthead h1, footer .single-post .inner-masthead .content h1, .single-post footer .inner-masthead .content h1, footer .single-post .inner-masthead .content h3 {
margin-bottom: 1.5rem;
width: 100%;
}
@media screen and (max-width: 1023px) {
.inner-masthead h3, .inner-masthead .legal-page .intro-content h1, .legal-page .intro-content .inner-masthead h1, .inner-masthead .legal-page .intro-content footer h3, .legal-page .intro-content footer .inner-masthead h3, .inner-masthead footer .legal-page .intro-content h3, footer .legal-page .intro-content .inner-masthead h3, .single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer h3, footer .single-post .inner-masthead .content h3 {
font-size: 3.5rem;
}
}
.inner-masthead .image-container {
grid-column: 1/3;
position: relative;
margin-left: -2.4rem;
width: 100vw;
height: auto;
aspect-ratio: 1/0.9;
}
@media screen and (min-width: 1024px) {
.inner-masthead .image-container {
aspect-ratio: auto;
height: 100%;
grid-column: 8/13;
width: auto;
margin: 0 -2.4rem 0 0;
}
}
@media screen and (min-width: 1440px) {
.inner-masthead .image-container {
margin-right: calc((100vw - 1340px) / 2 * -1);
}
}
.inner-masthead img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
@media screen and (min-width: 1024px) {
.inner-masthead.restrict-width p {
max-width: 48rem;
}
}
@media screen and (min-width: 1024px) {
.inner-masthead.large-image .content {
grid-column: span 5;
}
.inner-masthead.large-image .image-container {
grid-column: 6/13;
}
}
@media screen and (max-width: 1023px) {
.inner-masthead:not(.show-image-first-on-mobile) .dividing-line {
display: none;
}
.inner-masthead.show-image-first-on-mobile {
padding-bottom: 4rem;
}
.inner-masthead.show-image-first-on-mobile .content {
grid-row: 2;
padding-top: 4rem;
}
.inner-masthead.show-image-first-on-mobile .image-container {
grid-row: 1;
}
}
.single-projects .inner-masthead, .single-post .inner-masthead {
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: stretch;
height: 60rem;
}
@media screen and (max-width: 1023px) {
.single-projects .inner-masthead, .single-post .inner-masthead {
height: auto;
min-height: 41rem;
padding-bottom: 3rem;
padding-top: 8rem;
}
.single-projects .inner-masthead .content, .single-post .inner-masthead .content {
padding-top: 0;
}
}
.single-projects .inner-masthead .main-wrap, .single-post .inner-masthead .main-wrap {
margin-top: auto;
height: auto;
}
.single-projects .inner-masthead .content, .single-post .inner-masthead .content {
position: relative;
grid-column: 1/3;
padding-right: 0;
overflow: visible;
}
@media screen and (min-width: 1024px) {
.single-projects .inner-masthead .content, .single-post .inner-masthead .content {
grid-column: span 4;
}
.single-projects .inner-masthead .content h1, .single-projects .inner-masthead .content footer h3, footer .single-projects .inner-masthead .content h3, .single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer h3, footer .single-post .inner-masthead .content h3 {
min-width: 90rem;
}
}
@media screen and (min-width: 1024px) and (min-width: 1600px) {
.single-projects .inner-masthead .content h1, .single-projects .inner-masthead .content footer h3, footer .single-projects .inner-masthead .content h3, .single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer h3, footer .single-post .inner-masthead .content h3 {
min-width: 130rem;
}
}
.single-projects .inner-masthead .info-block, .single-post .inner-masthead .info-block {
margin-top: auto;
padding-bottom: 3rem;
}
@media screen and (min-width: 1024px) {
.single-projects .inner-masthead .info-block, .single-post .inner-masthead .info-block {
padding-bottom: 7rem;
}
}
.single-projects .inner-masthead .info-block p, .single-post .inner-masthead .info-block p {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: stretch;
gap: 0.5rem;
}
@media screen and (max-width: 1023px) {
.single-projects .inner-masthead .info-block p, .single-post .inner-masthead .info-block p {
font-size: 1.4rem;
}
}
@media screen and (min-width: 1024px) {
.single-projects .inner-masthead .info-block p, .single-post .inner-masthead .info-block p {
gap: 1rem;
}
}
.single-projects .inner-masthead .info-block.sector, .single-post .inner-masthead .info-block.sector {
grid-column: 1;
}
@media screen and (min-width: 1024px) {
.single-projects .inner-masthead .info-block.sector, .single-post .inner-masthead .info-block.sector {
grid-column: 7/10;
}
}
.single-projects .inner-masthead .info-block.location, .single-post .inner-masthead .info-block.location {
grid-column: 2;
}
@media screen and (min-width: 1024px) {
.single-projects .inner-masthead .info-block.location, .single-post .inner-masthead .info-block.location {
grid-column: 10/13;
}
}
@media screen and (min-width: 1024px) {
.single-post .inner-masthead .content {
grid-column: span 5;
}
}
.single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer h3, footer .single-post .inner-masthead .content h3 {
margin-bottom: 3rem;
width: 100%;
}
@media screen and (min-width: 1024px) {
.single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer h3, footer .single-post .inner-masthead .content h3 {
margin-bottom: 4.5rem;
}
}
.single-post .inner-masthead .info-block p {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: stretch;
gap: 0.5rem;
}
@media screen and (max-width: 1023px) {
.single-post .inner-masthead .info-block p {
font-size: 1.3rem;
}
}
@media screen and (min-width: 1024px) {
.single-post .inner-masthead .info-block p {
gap: 1rem;
}
}
@media screen and (min-width: 1024px) {
.single-post .inner-masthead .info-block.date {
grid-column: 7/10;
}
}
@media screen and (min-width: 1024px) {
.single-post .inner-masthead .info-block.cats {
grid-column: 10/13;
}
}
.single-post .inner-masthead .info-block.cats span:last-of-type {
display: none;
}
.error404 .inner-masthead {
margin-bottom: 7.4rem;
}
.latest-news {
overflow: hidden;
}
.latest-news .swiper {
width: calc(100% + 2.4rem);
grid-column: 1/3;
margin-bottom: 5rem;
margin-right: -2.4rem;
}
@media screen and (min-width: 768px) {
.latest-news .swiper {
width: 100%;
margin-right: 0;
}
}
@media screen and (min-width: 1024px) {
.latest-news .swiper {
grid-column: span 10;
}
}
.latest-news .swiper:hover {
cursor: url(//casanainteriors.co.uk/wp-content/themes/casana/library/images/black-carousel-drag-cursor.png) 35 35, auto;
}
.latest-news .pagination {
height: 5rem;
grid-column: 1/3;
}
@media screen and (min-width: 1024px) {
.latest-news .pagination {
grid-column: 3/8;
}
}
.latest-news .carousel-nav {
display: none;
height: 5rem;
grid-column: 11/13;
margin-left: auto;
}
@media screen and (min-width: 1024px) {
.latest-news .carousel-nav {
display: flex;
}
}
.latest-news .dividing-line {
grid-column: 1/3;
margin-top: 12rem;
}
@media screen and (min-width: 1024px) {
.latest-news .dividing-line {
grid-column: 3/13;
}
}
.latest-news .dividing-line.top-line {
display: none;
}
@media screen and (min-width: 768px) {
.latest-news .news-post {
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 2rem;
}
}
.latest-news .news-post .image-container {
width: 100%;
transition: 1.4s 1s ease-in-out;
}
@media screen and (max-width: 767px) {
.latest-news .news-post .image-container {
opacity: 1;
transform: none;
}
.latest-news .news-post .image-container img {
opacity: 1;
transform: none;
}
}
@media screen and (min-width: 768px) {
.latest-news .news-post .image-container {
height: 100%;
}
}
.latest-news .news-post .image-container img {
transition: 1.4s 1s ease-in-out;
width: 100%;
height: 100%;
}
.latest-news .news-post .image-container:first-of-type {
aspect-ratio: 1/0.9;
}
@media screen and (min-width: 768px) {
.latest-news .news-post .image-container:first-of-type {
grid-column: span 4;
aspect-ratio: 1/0.55;
}
}
.latest-news .news-post .image-container:nth-of-type(2) {
height: 59rem;
grid-row: span 2;
grid-column: span 3;
}
@media screen and (max-width: 767px) {
.latest-news .news-post .image-container:nth-of-type(2) {
display: none;
}
}
.latest-news .news-post .content {
padding-top: 1rem;
grid-column: span 4;
grid-row: 2;
max-width: 42rem;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 3rem;
width: 100%;
}
.latest-news .news-post .content p {
font-size: 1.6rem;
}
.latest-news .news-post h4, .latest-news .news-post p {
width: 100%;
opacity: 1;
}
.latest-news .news-post h4 .line, .latest-news .news-post p .line {
width: 100%;
overflow: hidden;
}
.latest-news .news-post h4 .word, .latest-news .news-post p .word {
transition: 0.2s transform linear;
will-change: transform;
transform: translate3d(0px, 120%, 0.01px) rotate(10deg);
}
@media screen and (max-width: 767px) {
.latest-news .news-post p {
transition: all 0.5s ease-in-out;
opacity: 0;
}
.latest-news .news-post p .line, .latest-news .news-post p .word {
display: contents !important;
transform: none !important;
}
}
.latest-news .news-post .btn, .latest-news .news-post .cc-btn.cc-dismiss {
opacity: 0;
will-change: transform;
transform: translate3d(0px, 20%, 0.01px);
}
.latest-news .news-post.swiper-slide-active .image-container {
opacity: 1;
transform: translate(0) scale(1);
}
.latest-news .news-post.swiper-slide-active .image-container img {
transform: none;
}
.latest-news .news-post.swiper-slide-active .image-container.image-one {
transition-delay: 1s;
}
.latest-news .news-post.swiper-slide-active .image-container.image-one img {
transition-delay: 1s;
}
.latest-news .news-post.swiper-slide-active .image-container.image-two {
transition-delay: 1.5s;
}
.latest-news .news-post.swiper-slide-active .image-container.image-two img {
transition-delay: 1.5s;
}
.latest-news .news-post.swiper-slide-active .btn, .latest-news .news-post.swiper-slide-active .cc-btn.cc-dismiss {
transition: 0.25s all ease-in-out;
transition-delay: 2s;
opacity: 1;
transform: none;
}
.latest-news .news-post.swiper-slide-active h4 .word {
transform: translate3d(0px, 0, 0) rotate(0);
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(1) .word {
transition-delay: 1s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(2) .word {
transition-delay: 1.1s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(3) .word {
transition-delay: 1.2s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(4) .word {
transition-delay: 1.3s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(5) .word {
transition-delay: 1.4s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(6) .word {
transition-delay: 1.5s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(7) .word {
transition-delay: 1.6s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(8) .word {
transition-delay: 1.7s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(9) .word {
transition-delay: 1.8s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(10) .word {
transition-delay: 1.9s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(11) .word {
transition-delay: 2s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(12) .word {
transition-delay: 2.1s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(13) .word {
transition-delay: 2.2s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(14) .word {
transition-delay: 2.3s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(15) .word {
transition-delay: 2.4s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(16) .word {
transition-delay: 2.5s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(17) .word {
transition-delay: 2.6s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(18) .word {
transition-delay: 2.7s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(19) .word {
transition-delay: 2.8s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(20) .word {
transition-delay: 2.9s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(21) .word {
transition-delay: 3s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(22) .word {
transition-delay: 3.1s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(23) .word {
transition-delay: 3.2s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(24) .word {
transition-delay: 3.3s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(25) .word {
transition-delay: 3.4s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(26) .word {
transition-delay: 3.5s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(27) .word {
transition-delay: 3.6s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(28) .word {
transition-delay: 3.7s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(29) .word {
transition-delay: 3.8s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(30) .word {
transition-delay: 3.9s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(31) .word {
transition-delay: 4s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(32) .word {
transition-delay: 4.1s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(33) .word {
transition-delay: 4.2s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(34) .word {
transition-delay: 4.3s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(35) .word {
transition-delay: 4.4s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(36) .word {
transition-delay: 4.5s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(37) .word {
transition-delay: 4.6s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(38) .word {
transition-delay: 4.7s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(39) .word {
transition-delay: 4.8s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(40) .word {
transition-delay: 4.9s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(41) .word {
transition-delay: 5s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(42) .word {
transition-delay: 5.1s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(43) .word {
transition-delay: 5.2s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(44) .word {
transition-delay: 5.3s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(45) .word {
transition-delay: 5.4s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(46) .word {
transition-delay: 5.5s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(47) .word {
transition-delay: 5.6s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(48) .word {
transition-delay: 5.7s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(49) .word {
transition-delay: 5.8s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(50) .word {
transition-delay: 5.9s;
}
@media screen and (max-width: 767px) {
.latest-news .news-post.swiper-slide-active p {
opacity: 1;
transition-delay: 1.5s;
}
}
.latest-news .news-post.swiper-slide-active p .word {
transform: translate3d(0px, 0, 0) rotate(0);
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(1) .word {
transition-delay: 1.5s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(2) .word {
transition-delay: 1.6s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(3) .word {
transition-delay: 1.7s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(4) .word {
transition-delay: 1.8s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(5) .word {
transition-delay: 1.9s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(6) .word {
transition-delay: 2s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(7) .word {
transition-delay: 2.1s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(8) .word {
transition-delay: 2.2s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(9) .word {
transition-delay: 2.3s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(10) .word {
transition-delay: 2.4s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(11) .word {
transition-delay: 2.5s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(12) .word {
transition-delay: 2.6s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(13) .word {
transition-delay: 2.7s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(14) .word {
transition-delay: 2.8s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(15) .word {
transition-delay: 2.9s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(16) .word {
transition-delay: 3s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(17) .word {
transition-delay: 3.1s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(18) .word {
transition-delay: 3.2s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(19) .word {
transition-delay: 3.3s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(20) .word {
transition-delay: 3.4s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(21) .word {
transition-delay: 3.5s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(22) .word {
transition-delay: 3.6s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(23) .word {
transition-delay: 3.7s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(24) .word {
transition-delay: 3.8s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(25) .word {
transition-delay: 3.9s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(26) .word {
transition-delay: 4s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(27) .word {
transition-delay: 4.1s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(28) .word {
transition-delay: 4.2s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(29) .word {
transition-delay: 4.3s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(30) .word {
transition-delay: 4.4s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(31) .word {
transition-delay: 4.5s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(32) .word {
transition-delay: 4.6s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(33) .word {
transition-delay: 4.7s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(34) .word {
transition-delay: 4.8s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(35) .word {
transition-delay: 4.9s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(36) .word {
transition-delay: 5s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(37) .word {
transition-delay: 5.1s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(38) .word {
transition-delay: 5.2s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(39) .word {
transition-delay: 5.3s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(40) .word {
transition-delay: 5.4s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(41) .word {
transition-delay: 5.5s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(42) .word {
transition-delay: 5.6s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(43) .word {
transition-delay: 5.7s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(44) .word {
transition-delay: 5.8s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(45) .word {
transition-delay: 5.9s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(46) .word {
transition-delay: 6s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(47) .word {
transition-delay: 6.1s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(48) .word {
transition-delay: 6.2s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(49) .word {
transition-delay: 6.3s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(50) .word {
transition-delay: 6.4s;
}
.legal-page {
padding-top: 10rem;
}
@media screen and (min-width: 1024px) {
.legal-page {
padding-top: 20rem;
}
}
.legal-page .intro-content {
grid-column: 1/3;
}
@media screen and (min-width: 1024px) {
.legal-page .intro-content {
grid-column: 4/10;
}
}
.legal-page .intro-content h1, .legal-page .intro-content footer h3, .legal-page .intro-content footer .single-post .inner-masthead .content h1, .legal-page .intro-content .single-post .inner-masthead .content footer h1, .legal-page .intro-content .single-post .inner-masthead .content footer h3, .legal-page .intro-content footer .single-post .inner-masthead .content h3, .single-post .inner-masthead .content .legal-page .intro-content footer h3, footer .legal-page .intro-content h3, footer .single-post .inner-masthead .content .legal-page .intro-content h1, .single-post .inner-masthead .content footer .legal-page .intro-content h1, .single-post .inner-masthead .content footer .legal-page .intro-content h3, footer .single-post .inner-masthead .content .legal-page .intro-content h3, footer .legal-page .intro-content .single-post .inner-masthead .content h3 {
margin-bottom: 4rem;
}
.legal-page .intro-content p {
font-size: 2.2rem;
}
@media screen and (min-width: 768px) {
.legal-page .intro-content p {
font-size: 2.5rem;
}
}
.legal-page .dividing-line {
grid-column: 1/3;
margin-top: 3rem;
margin-bottom: 3rem;
}
@media screen and (min-width: 1024px) {
.legal-page .dividing-line {
grid-column: 4/13;
margin-top: 5rem;
margin-bottom: 9rem;
}
}
.legal-page .main-content {
grid-column: 1/3;
}
@media screen and (min-width: 1024px) {
.legal-page .main-content {
grid-column: 4/10;
}
}
.legal-page .main-content h2, .legal-page .main-content .inner-masthead h1, .inner-masthead .legal-page .main-content h1, .legal-page .main-content h3, .legal-page .main-content .intro-content h1, .legal-page .intro-content .main-content h1, .legal-page .main-content h4, .legal-page .main-content h5 {
margin-bottom: 1.6rem;
}
.location {
overflow: hidden;
}
.location .content {
grid-column: 1/3;
}
@media screen and (min-width: 1024px) {
.location .content {
grid-column: 3/12;
}
}
.location .content h3, .location .single-post .inner-masthead .content h1, .single-post .inner-masthead .location .content h1, .location .single-post .inner-masthead .content footer h3, .single-post .inner-masthead .location .content footer h3, .location footer .single-post .inner-masthead .content h3, footer .single-post .inner-masthead .location .content h3, .location .content .legal-page .intro-content h1, .legal-page .intro-content .location .content h1 {
margin-bottom: 4.4rem;
}
.location .google-map {
position: relative;
grid-column: 1/3;
aspect-ratio: 1/1;
margin-top: 2rem;
margin-left: -2.4rem;
width: 100vw;
}
@media screen and (min-width: 768px) {
.location .google-map {
aspect-ratio: 1/0.6;
}
}
@media screen and (min-width: 1024px) {
.location .google-map {
grid-column: 3/13;
aspect-ratio: 1/0.4;
margin-left: 0;
width: auto;
}
}
@media screen and (min-width: 1280px) {
.location .google-map {
margin-right: calc((100vw - 1340px) / 2 * -1);
}
}
.location .dividing-line {
grid-column: 1/3;
margin-top: 3rem;
}
@media screen and (min-width: 1024px) {
.location .dividing-line {
grid-column: 3/13;
}
}
.news-overview {
padding-bottom: 0;
}
@media screen and (min-width: 1024px) {
.news-overview .ajax-listings {
grid-column: 3/13;
}
.news-overview .grid-inner {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8rem 2rem;
}
}
.news-overview .project-card .project-description {
padding-right: 1.5rem;
}
.news-overview .project-card:hover .btn, .news-overview .project-card:hover .cc-btn.cc-dismiss {
opacity: 1;
}
.project-content-rows {
color: #FFF;
background: #131615;
}
.project-content-rows .dividing-line {
grid-column: 1/3;
}
@media screen and (min-width: 1024px) {
.project-content-rows .dividing-line {
grid-column: span 13;
margin-top: 12rem;
}
}
.project-content-rows .intro-content {
grid-column: 1/3;
margin-bottom: 10rem;
}
@media screen and (min-width: 1024px) {
.project-content-rows .intro-content {
grid-column: 3/12;
margin-bottom: 0;
}
}
.project-content-rows .row {
padding: 5rem 0 0;
}
@media screen and (min-width: 1024px) {
.project-content-rows .row {
padding: 9rem 0 0;
}
}
.project-content-rows .row .dividing-line {
margin-top: 5rem;
}
@media screen and (min-width: 1024px) {
.project-content-rows .row .dividing-line {
margin-top: 9rem;
}
}
.project-content-rows .row .subheading {
grid-column: span 2;
}
.project-content-rows .row .row-content {
grid-column: 1/3;
}
@media screen and (min-width: 1024px) {
.project-content-rows .row .row-content {
grid-column: 3/11;
}
}
.single .related-articles {
padding-top: 0;
}
.single .related-articles .dividing-line:not(.top-line) {
display: none;
}
.single .related-articles .dividing-line.top-line {
margin: -12rem;
}
.related-projects .wrap {
position: relative;
}
.related-projects .swiper {
width: 100%;
grid-column: 1/3;
}
@media screen and (min-width: 1024px) {
.related-projects .swiper {
grid-column: 3/13;
}
}
.related-projects .swiper:hover {
cursor: url(//casanainteriors.co.uk/wp-content/themes/casana/library/images/black-carousel-drag-cursor.png) 35 35, auto;
}
.related-projects .carousel-nav {
position: absolute;
grid-column: 1/3;
left: 50%;
transform: translateX(-50%);
bottom: -7rem;
z-index: 5;
}
@media screen and (min-width: 1024px) {
.related-projects .carousel-nav {
grid-column: 3/13;
bottom: -1.8rem;
left: -1.3rem;
transform: none;
}
}
.related-projects .related-project-card {
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: stretch;
width: 100%;
}
@media screen and (min-width: 1024px) {
.related-projects .related-project-card {
display: grid;
grid-template-columns: repeat(10, 1fr);
gap: 2rem;
}
}
.related-projects .related-project-card .project-description {
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: flex-start;
grid-column: span 4;
padding-bottom: 8rem;
}
@media screen and (max-width: 1023px) {
.related-projects .related-project-card .project-description {
padding-bottom: 0;
order: 2;
}
}
.related-projects .related-project-card h3, .related-projects .related-project-card .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .related-projects .related-project-card h1, .related-projects .related-project-card .single-post .inner-masthead .content footer h3, .single-post .inner-masthead .content footer .related-projects .related-project-card h3, .related-projects .related-project-card footer .single-post .inner-masthead .content h3, footer .single-post .inner-masthead .content .related-projects .related-project-card h3, .related-projects .related-project-card .legal-page .intro-content h1, .legal-page .intro-content .related-projects .related-project-card h1 {
margin-bottom: 4rem;
}
@media screen and (min-width: 1024px) {
.related-projects .related-project-card h3, .related-projects .related-project-card .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .related-projects .related-project-card h1, .related-projects .related-project-card .single-post .inner-masthead .content footer h3, .single-post .inner-masthead .content footer .related-projects .related-project-card h3, .related-projects .related-project-card footer .single-post .inner-masthead .content h3, footer .single-post .inner-masthead .content .related-projects .related-project-card h3, .related-projects .related-project-card .legal-page .intro-content h1, .legal-page .intro-content .related-projects .related-project-card h1 {
margin-bottom: 7rem;
}
}
.related-projects .related-project-card p {
margin-bottom: 3rem;
}
.related-projects .related-project-card h3, .related-projects .related-project-card .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .related-projects .related-project-card h1, .related-projects .related-project-card .single-post .inner-masthead .content footer h3, .single-post .inner-masthead .content footer .related-projects .related-project-card h3, .related-projects .related-project-card footer .single-post .inner-masthead .content h3, footer .single-post .inner-masthead .content .related-projects .related-project-card h3, .related-projects .related-project-card .legal-page .intro-content h1, .legal-page .intro-content .related-projects .related-project-card h1, .related-projects .related-project-card p {
opacity: 1;
}
.related-projects .related-project-card h3 .line, .related-projects .related-project-card .single-post .inner-masthead .content h1 .line, .single-post .inner-masthead .content .related-projects .related-project-card h1 .line, .related-projects .related-project-card .legal-page .intro-content h1 .line, .legal-page .intro-content .related-projects .related-project-card h1 .line, .related-projects .related-project-card p .line {
overflow: hidden;
}
.related-projects .related-project-card h3 .word, .related-projects .related-project-card .single-post .inner-masthead .content h1 .word, .single-post .inner-masthead .content .related-projects .related-project-card h1 .word, .related-projects .related-project-card .legal-page .intro-content h1 .word, .legal-page .intro-content .related-projects .related-project-card h1 .word, .related-projects .related-project-card p .word {
transition: 0.2s transform linear;
will-change: transform;
transform: translate3d(0px, 120%, 0.01px) rotate(10deg);
}
.related-projects .related-project-card .btn, .related-projects .related-project-card .cc-btn.cc-dismiss {
opacity: 0;
will-change: transform;
transform: translate3d(0px, 20%, 0.01px);
}
.related-projects .related-project-card .project-details {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: stretch;
gap: 1rem;
margin-bottom: 3.8rem;
}
.related-projects .related-project-card .btn, .related-projects .related-project-card .cc-btn.cc-dismiss {
margin-top: auto;
}
.related-projects .related-project-card .image {
grid-column: span 6;
min-height: 45rem;
width: 100%;
transition: 1.4s 1s ease-in-out;
}
.related-projects .related-project-card .image img {
transition: 1.4s 1s ease-in-out;
width: 100%;
height: 100%;
}
@media screen and (max-width: 1023px) {
.related-projects .related-project-card .image {
order: 1;
min-height: auto;
aspect-ratio: 1/0.6;
margin-bottom: 5rem;
}
}
.related-projects .related-project-card.swiper-slide-active .image {
transition-delay: 1s;
opacity: 1;
transform: translate(0) scale(1);
}
.related-projects .related-project-card.swiper-slide-active .image img {
transition-delay: 1s;
transform: none;
}
.related-projects .related-project-card.swiper-slide-active .btn, .related-projects .related-project-card.swiper-slide-active .cc-btn.cc-dismiss {
transition: 0.25s all ease-in-out;
transition-delay: 2s;
opacity: 1;
transform: none;
}
.related-projects .related-project-card.swiper-slide-active h3 .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .word {
transform: translate3d(0px, 0, 0) rotate(0);
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(1) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(1) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(1) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(1) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(1) .word {
transition-delay: 1s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(2) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(2) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(2) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(2) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(2) .word {
transition-delay: 1.1s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(3) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(3) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(3) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(3) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(3) .word {
transition-delay: 1.2s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(4) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(4) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(4) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(4) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(4) .word {
transition-delay: 1.3s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(5) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(5) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(5) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(5) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(5) .word {
transition-delay: 1.4s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(6) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(6) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(6) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(6) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(6) .word {
transition-delay: 1.5s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(7) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(7) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(7) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(7) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(7) .word {
transition-delay: 1.6s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(8) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(8) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(8) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(8) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(8) .word {
transition-delay: 1.7s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(9) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(9) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(9) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(9) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(9) .word {
transition-delay: 1.8s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(10) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(10) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(10) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(10) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(10) .word {
transition-delay: 1.9s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(11) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(11) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(11) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(11) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(11) .word {
transition-delay: 2s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(12) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(12) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(12) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(12) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(12) .word {
transition-delay: 2.1s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(13) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(13) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(13) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(13) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(13) .word {
transition-delay: 2.2s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(14) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(14) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(14) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(14) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(14) .word {
transition-delay: 2.3s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(15) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(15) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(15) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(15) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(15) .word {
transition-delay: 2.4s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(16) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(16) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(16) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(16) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(16) .word {
transition-delay: 2.5s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(17) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(17) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(17) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(17) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(17) .word {
transition-delay: 2.6s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(18) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(18) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(18) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(18) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(18) .word {
transition-delay: 2.7s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(19) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(19) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(19) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(19) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(19) .word {
transition-delay: 2.8s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(20) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(20) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(20) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(20) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(20) .word {
transition-delay: 2.9s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(21) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(21) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(21) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(21) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(21) .word {
transition-delay: 3s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(22) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(22) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(22) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(22) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(22) .word {
transition-delay: 3.1s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(23) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(23) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(23) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(23) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(23) .word {
transition-delay: 3.2s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(24) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(24) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(24) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(24) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(24) .word {
transition-delay: 3.3s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(25) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(25) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(25) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(25) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(25) .word {
transition-delay: 3.4s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(26) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(26) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(26) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(26) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(26) .word {
transition-delay: 3.5s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(27) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(27) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(27) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(27) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(27) .word {
transition-delay: 3.6s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(28) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(28) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(28) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(28) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(28) .word {
transition-delay: 3.7s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(29) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(29) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(29) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(29) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(29) .word {
transition-delay: 3.8s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(30) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(30) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(30) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(30) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(30) .word {
transition-delay: 3.9s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(31) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(31) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(31) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(31) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(31) .word {
transition-delay: 4s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(32) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(32) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(32) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(32) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(32) .word {
transition-delay: 4.1s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(33) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(33) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(33) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(33) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(33) .word {
transition-delay: 4.2s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(34) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(34) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(34) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(34) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(34) .word {
transition-delay: 4.3s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(35) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(35) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(35) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(35) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(35) .word {
transition-delay: 4.4s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(36) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(36) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(36) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(36) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(36) .word {
transition-delay: 4.5s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(37) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(37) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(37) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(37) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(37) .word {
transition-delay: 4.6s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(38) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(38) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(38) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(38) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(38) .word {
transition-delay: 4.7s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(39) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(39) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(39) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(39) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(39) .word {
transition-delay: 4.8s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(40) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(40) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(40) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(40) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(40) .word {
transition-delay: 4.9s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(41) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(41) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(41) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(41) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(41) .word {
transition-delay: 5s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(42) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(42) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(42) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(42) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(42) .word {
transition-delay: 5.1s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(43) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(43) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(43) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(43) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(43) .word {
transition-delay: 5.2s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(44) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(44) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(44) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(44) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(44) .word {
transition-delay: 5.3s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(45) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(45) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(45) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(45) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(45) .word {
transition-delay: 5.4s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(46) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(46) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(46) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(46) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(46) .word {
transition-delay: 5.5s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(47) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(47) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(47) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(47) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(47) .word {
transition-delay: 5.6s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(48) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(48) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(48) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(48) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(48) .word {
transition-delay: 5.7s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(49) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(49) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(49) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(49) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(49) .word {
transition-delay: 5.8s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(50) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(50) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(50) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(50) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(50) .word {
transition-delay: 5.9s;
}
.related-projects .related-project-card.swiper-slide-active p .word {
transform: translate3d(0px, 0, 0) rotate(0);
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(1) .word {
transition-delay: 1.5s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(2) .word {
transition-delay: 1.6s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(3) .word {
transition-delay: 1.7s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(4) .word {
transition-delay: 1.8s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(5) .word {
transition-delay: 1.9s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(6) .word {
transition-delay: 2s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(7) .word {
transition-delay: 2.1s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(8) .word {
transition-delay: 2.2s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(9) .word {
transition-delay: 2.3s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(10) .word {
transition-delay: 2.4s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(11) .word {
transition-delay: 2.5s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(12) .word {
transition-delay: 2.6s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(13) .word {
transition-delay: 2.7s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(14) .word {
transition-delay: 2.8s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(15) .word {
transition-delay: 2.9s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(16) .word {
transition-delay: 3s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(17) .word {
transition-delay: 3.1s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(18) .word {
transition-delay: 3.2s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(19) .word {
transition-delay: 3.3s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(20) .word {
transition-delay: 3.4s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(21) .word {
transition-delay: 3.5s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(22) .word {
transition-delay: 3.6s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(23) .word {
transition-delay: 3.7s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(24) .word {
transition-delay: 3.8s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(25) .word {
transition-delay: 3.9s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(26) .word {
transition-delay: 4s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(27) .word {
transition-delay: 4.1s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(28) .word {
transition-delay: 4.2s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(29) .word {
transition-delay: 4.3s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(30) .word {
transition-delay: 4.4s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(31) .word {
transition-delay: 4.5s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(32) .word {
transition-delay: 4.6s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(33) .word {
transition-delay: 4.7s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(34) .word {
transition-delay: 4.8s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(35) .word {
transition-delay: 4.9s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(36) .word {
transition-delay: 5s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(37) .word {
transition-delay: 5.1s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(38) .word {
transition-delay: 5.2s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(39) .word {
transition-delay: 5.3s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(40) .word {
transition-delay: 5.4s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(41) .word {
transition-delay: 5.5s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(42) .word {
transition-delay: 5.6s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(43) .word {
transition-delay: 5.7s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(44) .word {
transition-delay: 5.8s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(45) .word {
transition-delay: 5.9s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(46) .word {
transition-delay: 6s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(47) .word {
transition-delay: 6.1s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(48) .word {
transition-delay: 6.2s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(49) .word {
transition-delay: 6.3s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(50) .word {
transition-delay: 6.4s;
}
.tabbed-content {
overflow: hidden;
padding-top: 0;
}
.tabbed-content .wrap {
position: relative;
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.tabbed-content .subheading {
grid-column: 1/4;
}
}
.tabbed-content .dividing-line.top-line {
margin-bottom: 10rem;
}
@media screen and (min-width: 1024px) {
.tabbed-content .dividing-line.top-line {
margin-bottom: 12rem;
}
}
.tabbed-content .dividing-line.top-line.l-r {
position: relative;
left: -3rem;
grid-column: span 2;
}
@media screen and (min-width: 1024px) {
.tabbed-content .dividing-line.top-line.l-r {
grid-column: span 7;
}
}
.tabbed-content .dividing-line.top-line.r-l {
grid-column: span 2;
}
@media screen and (min-width: 1024px) {
.tabbed-content .dividing-line.top-line.r-l {
grid-column: 3/13;
}
}
.tabbed-content .dividing-line.lower-line {
margin-top: 12rem;
grid-column: span 2;
}
@media screen and (min-width: 1024px) {
.tabbed-content .dividing-line.lower-line {
grid-column: 3/13;
}
}
.tabbed-content .images {
position: relative;
grid-column: 1/8;
height: var(--image_height);
}
@media screen and (min-width: 1280px) {
.tabbed-content .images {
grid-column: 3/8;
}
}
.tabbed-content .images .tab-image {
transition: all 0.5s ease-in-out;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
height: 100%;
width: calc(100% - 3rem);
opacity: 0;
}
.tabbed-content .images .tab-image.active {
opacity: 1;
}
.tabbed-content .images img {
transition: all 0.5s ease-in-out;
width: 100%;
height: 100%;
}
@media screen and (max-width: 1023px) {
.tabbed-content .images {
display: none;
}
}
.tabbed-content .content-container {
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: stretch;
grid-column: 1/3;
}
@media screen and (min-width: 1024px) {
.tabbed-content .content-container {
grid-column: 8/13;
}
}
.tabbed-content .content-container .tab-content {
transition: all 0.5s ease-in-out;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 3rem;
flex: 1;
padding: 5rem 0;
padding-bottom: 2rem;
}
.tabbed-content .content-container .tab-content h3, .tabbed-content .content-container .tab-content .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .tabbed-content .content-container .tab-content h1, .tabbed-content .content-container .tab-content .legal-page .intro-content h1, .legal-page .intro-content .tabbed-content .content-container .tab-content h1 {
transition: all 0.5s ease-in-out;
color: #A5AAAA;
}
@media screen and (max-width: 1023px) {
.tabbed-content .content-container .tab-content h3, .tabbed-content .content-container .tab-content .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .tabbed-content .content-container .tab-content h1, .tabbed-content .content-container .tab-content .legal-page .intro-content h1, .legal-page .intro-content .tabbed-content .content-container .tab-content h1 {
font-size: 4.7rem;
}
}
.tabbed-content .content-container .tab-content.active {
flex: 2;
padding-bottom: 5rem;
}
.tabbed-content .content-container .tab-content.active h3, .tabbed-content .content-container .tab-content.active .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .tabbed-content .content-container .tab-content.active h1, .tabbed-content .content-container .tab-content.active .legal-page .intro-content h1, .legal-page .intro-content .tabbed-content .content-container .tab-content.active h1 {
color: #131615;
}
.tabbed-content .content-container .tab-content.active .expanding-content {
transition: 1s max-height ease-in-out;
max-height: 120rem;
}
@media screen and (min-width: 1024px) {
.tabbed-content .content-container .tab-content.active .expanding-content {
max-height: 60rem;
}
}
.tabbed-content .content-container .tab-content:hover h3, .tabbed-content .content-container .tab-content:hover .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .tabbed-content .content-container .tab-content:hover h1, .tabbed-content .content-container .tab-content:hover .legal-page .intro-content h1, .legal-page .intro-content .tabbed-content .content-container .tab-content:hover h1 {
color: #131615;
}
.tabbed-content .content-container .tab-content .expanding-content {
max-height: 0px;
overflow: hidden;
}
.tabbed-content .content-container .tab-content .expanding-content img {
display: none;
}
@media screen and (max-width: 1023px) {
.tabbed-content .content-container .tab-content .expanding-content img {
display: block;
width: 100%;
height: auto;
margin-top: 2.4rem;
aspect-ratio: 1/0.9;
}
}
.tabbed-content .content-container .tab-content .btn, .tabbed-content .content-container .tab-content .cc-btn.cc-dismiss {
margin-top: 3rem;
}
.tabbed-content .content-container .tab-content .dividing-line {
position: absolute;
bottom: 0;
width: 100%;
background: #A5AAAA;
left: 0;
}
.tabbed-content .content-container .tab-content .dividing-line.top {
bottom: auto;
top: 0;
display: none;
}
.tabbed-content .content-container .tab-content:not(.active) {
cursor: pointer;
}
.tabbed-content .content-container .tab-content:first-of-type .dividing-line {
display: block;
}
.team {
position: relative;
}
.team .content {
grid-column: 1/3;
}
@media screen and (min-width: 1024px) {
.team .content {
grid-column: span 4;
}
.team .content p {
max-width: 36rem;
}
}
.team .swiper-container {
position: relative;
grid-column: 1/3;
margin-right: -2.4rem;
margin-top: 3rem;
}
@media screen and (min-width: 1024px) {
.team .swiper-container {
margin-top: 0;
grid-column: 7/13;
}
}
@media screen and (min-width: 1440px) {
.team .swiper-container {
margin-right: calc((100vw - 1340px) / 2 * -1);
}
}
.team .swiper {
width: 100%;
padding-right: 2rem;
}
@media screen and (min-width: 1024px) {
.team .swiper:hover {
cursor: url(//casanainteriors.co.uk/wp-content/themes/casana/library/images/black-carousel-drag-cursor.png) 35 35, auto;
}
}
.team .swiper .image-container {
aspect-ratio: 1;
width: 100%;
margin-bottom: 2.2rem;
}
.team .swiper img {
width: 100%;
height: 100%;
}
.team .swiper p span {
display: block;
margin-bottom: 1.6rem;
}
@media screen and (max-width: 1023px) {
.team .swiper p {
font-size: 1.4rem;
}
.team .swiper p span {
margin-bottom: 0.6rem;
}
}
.team .pagination {
display: none;
}
@media screen and (min-width: 1024px) {
.team .pagination {
display: flex;
margin-top: 4.4rem;
grid-column: 7/13;
}
}
.testimonial-carousel {
position: relative;
padding: 5.6rem 0;
}
@media screen and (min-width: 1024px) {
.testimonial-carousel {
padding: 11rem 0;
}
}
.testimonial-carousel .background-image-container {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: all 0.5s ease-in-out;
}
.testimonial-carousel .background-image-container.active {
opacity: 1;
}
.testimonial-carousel .background-image-container img {
height: 100%;
width: 100%;
}
.testimonial-carousel .testimonials-container {
grid-column: 1/3;
position: relative;
z-index: 2;
background: rgba(255, 255, 255, 0.7);
-webkit-backdrop-filter: blur(18px);
backdrop-filter: blur(18px);
padding: 2.8rem 2.4rem 10rem 2.8rem;
}
@media screen and (min-width: 1024px) {
.testimonial-carousel .testimonials-container {
grid-column: 2/12;
padding: 6rem;
}
}
.testimonial-carousel .testimonials-container h4 {
margin-bottom: 3rem;
}
@media screen and (min-width: 1024px) {
.testimonial-carousel .testimonials-container h4 {
margin-bottom: 3.8rem;
}
}
.testimonial-carousel .testimonials-container .testimonial {
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: stretch;
gap: 3.6rem;
}
@media screen and (min-width: 1024px) {
.testimonial-carousel .testimonials-container .testimonial {
flex-direction: row;
}
}
.testimonial-carousel .testimonials-container .testimonial .content {
width: 100%;
}
@media screen and (min-width: 1280px) {
.testimonial-carousel .testimonials-container .testimonial .content {
max-width: 47rem;
}
}
.testimonial-carousel .testimonials-container .testimonial p {
width: 100%;
font-size: 1.8rem;
}
@media screen and (min-width: 1024px) {
.testimonial-carousel .testimonials-container .testimonial p {
font-size: 2rem;
line-height: 2.5rem;
}
}
.testimonial-carousel .testimonials-container .testimonial p.testimonial-source {
margin-top: auto;
font-size: 2.2rem;
line-height: 2.6rem;
}
@media screen and (min-width: 1024px) {
.testimonial-carousel .testimonials-container .testimonial p.testimonial-source {
font-size: 2.5rem;
line-height: 3rem;
padding-right: 12rem;
}
}
.testimonial-carousel .testimonials-container .testimonial p.testimonial-source span {
display: block;
font-size: 1.6rem;
}
.testimonial-carousel .testimonials-container .testimonial .image-container {
transition: 1.4s 1s ease-in-out;
flex-shrink: 0;
width: 100%;
height: auto;
aspect-ratio: 1/0.8;
max-height: 40rem;
}
@media screen and (min-width: 1024px) {
.testimonial-carousel .testimonials-container .testimonial .image-container {
aspect-ratio: auto;
height: auto;
max-width: 25rem;
}
}
@media screen and (min-width: 1280px) {
.testimonial-carousel .testimonials-container .testimonial .image-container {
max-width: 49rem;
min-height: 40rem;
}
}
.testimonial-carousel .testimonials-container .testimonial img {
transition: 1.4s 1s ease-in-out;
width: 100%;
height: 100%;
}
.testimonial-carousel .testimonials-container .testimonial p {
opacity: 1;
}
.testimonial-carousel .testimonials-container .testimonial p .line {
overflow: hidden;
}
.testimonial-carousel .testimonials-container .testimonial p .word {
transition: 0.2s transform linear;
will-change: transform;
transform: translate3d(0px, 120%, 0.01px) rotate(10deg);
}
.testimonial-carousel .testimonials-container .testimonial.swiper-slide-active .image-container {
opacity: 1;
transform: translate(0) scale(1);
}
.testimonial-carousel .testimonials-container .testimonial.swiper-slide-active .image-container img {
transform: none;
}
.testimonial-carousel .testimonials-container .testimonial.swiper-slide-active .image-container.image-one {
transition-delay: 1s;
}
.testimonial-carousel .testimonials-container .testimonial.swiper-slide-active .image-container.image-one img {
transition-delay: 1s;
}
.testimonial-carousel .testimonials-container .testimonial.swiper-slide-active .image-container.image-two {
transition-delay: 1.5s;
}
.testimonial-carousel .testimonials-container .testimonial.swiper-slide-active .image-container.image-two img {
transition-delay: 1.5s;
}
.testimonial-carousel .testimonials-container .testimonial.swiper-slide-active .btn, .testimonial-carousel .testimonials-container .testimonial.swiper-slide-active .cc-btn.cc-dismiss {
transition: 0.25s all ease-in-out;
transition-delay: 2s;
opacity: 1;
transform: none;
}
.testimonial-carousel .testimonials-container .testimonial.swiper-slide-active p .word {
transition-delay: 1s;
transform: translate3d(0px, 0, 0) rotate(0);
}
.testimonial-carousel .testimonials-container .carousel-nav {
position: absolute;
bottom: 2rem;
left: 50%;
transform: translateX(-50%);
}
@media screen and (min-width: 1024px) {
.testimonial-carousel .testimonials-container .carousel-nav {
bottom: 6rem;
right: 6rem;
transform: none;
left: auto;
}
}
.values {
overflow: hidden;
padding: 0;
}
.values .dividing-line {
grid-column: 1/3;
margin-bottom: 8rem;
}
@media screen and (min-width: 1024px) {
.values .dividing-line {
margin-bottom: 12rem;
grid-column: 3/13;
}
}
.values .dividing-line.bottom {
grid-column: 1/3;
margin-bottom: 0;
margin-top: 8rem;
}
@media screen and (min-width: 1024px) {
.values .dividing-line.bottom {
margin-top: 12rem;
grid-column: span 10;
}
}
.values .values-container {
grid-column: 1/3;
}
@media screen and (min-width: 1024px) {
.values .values-container {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: stretch;
grid-column: 3/11;
}
}
.values .values-container .value {
transition: all 0.5s ease-in-out;
cursor: pointer;
position: relative;
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: flex-start;
padding: 5rem 0 5rem 0;
gap: 2rem;
border-bottom: 1px solid #A5AAAA;
}
.values .values-container .value:first-of-type {
padding-top: 0;
}
@media screen and (max-width: 1023px) {
.values .values-container .value {
pointer-events: none;
}
}
@media screen and (min-width: 1024px) {
.values .values-container .value {
padding: 0 3rem;
border-bottom: 0;
border-right: 1px solid #A5AAAA;
height: 48rem;
}
.values .values-container .value:first-of-type {
border-left: 1px solid #A5AAAA;
}
}
.values .values-container .value h3, .values .values-container .value .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .values .values-container .value h1, .values .values-container .value .legal-page .intro-content h1, .legal-page .intro-content .values .values-container .value h1 {
transition: all 0.5s ease-in-out;
color: #A5AAAA;
display: block;
flex-shrink: 0;
writing-mode: vertical-rl;
transform: scale(-1);
}
@media screen and (max-width: 1023px) {
.values .values-container .value h3, .values .values-container .value .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .values .values-container .value h1, .values .values-container .value .legal-page .intro-content h1, .legal-page .intro-content .values .values-container .value h1 {
color: #131615;
font-size: 4.7rem;
line-height: 1;
margin: 0;
white-space: nowrap;
overflow: visible;
}
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
.values .values-container .value h3, .values .values-container .value .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .values .values-container .value h1, .values .values-container .value .legal-page .intro-content h1, .legal-page .intro-content .values .values-container .value h1 {
padding-left: 5rem;
}
}
@media screen and (min-width: 1024px) {
.values .values-container .value.active {
flex: 2;
}
.values .values-container .value.active h3, .values .values-container .value.active .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .values .values-container .value.active h1, .values .values-container .value.active .legal-page .intro-content h1, .legal-page .intro-content .values .values-container .value.active h1 {
color: #131615;
}
.values .values-container .value.active .inner-content {
transition: 0.5s max-width ease-in-out, 0.5s 0.4s opacity ease-in-out;
max-width: 600rem;
opacity: 1;
}
.values .values-container .value:hover h3, .values .values-container .value:hover .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .values .values-container .value:hover h1, .values .values-container .value:hover .legal-page .intro-content h1, .legal-page .intro-content .values .values-container .value:hover h1 {
color: #131615;
}
.values .values-container .value:not(.active) {
cursor: pointer;
}
}
@media screen and (min-width: 1024px) {
.values .values-container .inner-content {
max-width: 0;
overflow: hidden;
position: absolute;
opacity: 0;
left: 14rem;
width: calc(100% - 20rem);
}
}
.blog-post-content .intro-content {
grid-column: 1/3;
margin-bottom: 2.4rem;
}
@media screen and (min-width: 1024px) {
.blog-post-content .intro-content {
grid-column: 4/10;
}
}
.blog-post-content .main-content {
grid-column: 1/3;
}
@media screen and (min-width: 1024px) {
.blog-post-content .main-content {
grid-column: 5/10;
}
}
.blog-post-content .main-content img.alignright, .blog-post-content .main-content img.alignleft, .blog-post-content .main-content img.aligncenter, .blog-post-content .main-content img.alignnone {
display: block;
max-width: 100%;
height: auto;
margin: 4rem 0;
}
@media screen and (min-width: 1024px) {
.blog-post-content .main-content img.alignright {
margin: 8rem 0;
}
.blog-post-content .main-content img.alignleft {
margin: 8rem 0;
}
.blog-post-content .main-content img.alignnone {
margin: 8rem 0;
}
.blog-post-content .main-content img.aligncenter {
display: block;
margin: 8rem auto;
}
.blog-post-content .main-content a img.alignright {
float: right;
margin: 0 0 8rem 8rem;
}
.blog-post-content .main-content a img.alignleft {
float: left;
margin: 0 8rem 8rem 0;
}
.blog-post-content .main-content a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
}
.blog-post-content .main-content img:last-child {
margin-bottom: 0;
}
.blog-post-content .dividing-line {
grid-column: 1/3;
margin-top: 8rem;
}
@media screen and (min-width: 1024px) {
.blog-post-content .dividing-line {
grid-column: 3/13;
margin-top: 12rem;
}
}
.content-block {
overflow: hidden;
}
.content-block .yellow-h3 {
color: #f9ffbe;
}
.content-block .inner-content {
grid-column: 1/3;
margin-bottom: 2.5rem;
}
.content-block .inner-content p {
margin-bottom: 2.2rem;
}
@media screen and (min-width: 1024px) {
.content-block .inner-content {
margin-bottom: 0;
grid-column: 3/13;
}
}
.content-block .inner-content:last-child {
margin-bottom: 0;
}
@media screen and (min-width: 768px) {
.content-block .top-level-btn {
grid-column: 11/13;
align-self: flex-start;
margin-left: auto;
}
}
.content-block .dividing-line {
margin-top: 4rem;
margin-bottom: 4rem;
}
@media screen and (min-width: 1024px) {
.content-block .dividing-line {
margin-top: 8rem;
margin-bottom: 8rem;
}
}
.content-block .dividing-line:last-child {
margin-bottom: 0;
}
.content-block .col {
display: contents;
}
@media screen and (min-width: 1024px) {
.content-block.two-cols .col {
width: 50%;
display: block;
}
.content-block.two-cols .inner-content {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: stretch;
gap: 6.5rem;
}
.content-block:not(.two-cols) p {
max-width: 66rem;
}
}
.content-block .feature-rows {
margin-top: 6rem;
}
@media screen and (min-width: 1024px) {
.content-block .feature-rows {
margin-top: 9rem;
}
}
.content-block .feature-rows .feature {
color: #A5AAAA;
padding: 2rem 0;
width: 100%;
border-bottom: 1px solid #A5AAAA;
}
.content-block .feature-rows .feature:first-of-type {
border-top: 1px solid #A5AAAA;
}
.content-block .btn:not(.top-level-btn), .content-block .cc-btn.cc-dismiss:not(.top-level-btn) {
margin-top: 2.2rem;
}
.content-block.black-background {
background: #131615;
color: #FFF;
}
.content-block.black-background .dividing-line {
background: #FFF;
}
.content-block.extra-large-padding-top {
padding-top: 18rem;
}
@media screen and (min-width: 1024px) {
.content-block.extra-large-padding-top {
padding-top: 52rem;
}
}
.content-block.image-count-2 .image-container {
width: 100%;
grid-column: 1/3;
aspect-ratio: 1/0.9;
}
.content-block.image-count-2 .image-container img {
width: 100%;
height: 100%;
}
.content-block.image-count-2 .image-container.image-1 {
aspect-ratio: 1/0.7;
}
@media screen and (min-width: 768px) {
.content-block.image-count-2 .image-container {
grid-column: 1;
aspect-ratio: auto;
height: 39rem;
}
.content-block.image-count-2 .image-container.image-1 {
grid-column: 2;
}
}
@media screen and (min-width: 1024px) {
.content-block.image-count-2 .image-container {
margin-top: 8rem;
}
.content-block.image-count-2 .image-container.image-0 {
grid-column: 3/7;
}
.content-block.image-count-2 .image-container.image-1 {
grid-column: span 6;
}
}
.content-block.image-count-3 .image-container {
width: 100%;
grid-column: 1/3;
aspect-ratio: 1/0.9;
}
.content-block.image-count-3 .image-container img {
width: 100%;
height: 100%;
}
.content-block.image-count-3 .image-container.image-1 {
aspect-ratio: 1/1;
}
.content-block.image-count-3 .image-container.image-2 {
aspect-ratio: 1/1.2;
}
@media screen and (min-width: 768px) {
.content-block.image-count-3 .image-container {
height: 50rem;
}
.content-block.image-count-3 .image-container.image-0 {
margin-top: 12rem;
height: 60rem;
}
.content-block.image-count-3 .image-container.image-1 {
height: auto;
aspect-ratio: 1/0.8;
grid-column: 1;
}
.content-block.image-count-3 .image-container.image-2 {
height: auto;
aspect-ratio: 1/0.8;
grid-column: 2;
}
}
@media screen and (min-width: 1024px) {
.content-block.image-count-3 .image-container {
grid-column: span 6;
height: 50rem;
aspect-ratio: auto !important;
}
.content-block.image-count-3 .image-container.image-0 {
margin-top: 12rem;
grid-column: 3/13;
height: 74rem;
}
.content-block.image-count-3 .image-container.image-1 {
grid-column: 3/10;
}
.content-block.image-count-3 .image-container.image-2 {
grid-column: 10/13;
}
}
@media screen and (min-width: 1024px) {
.content-block.custom-content-width .inner-content {
grid-column: 3/var(--column_span);
}
}
.content-block.reduce-content-width p {
max-width: 49rem;
}
@media screen and (max-width: 1023px) {
.content-block.desktop-button-only .btn, .content-block.desktop-button-only .cc-btn.cc-dismiss {
display: none;
}
}
@media screen and (min-width: 1024px) {
.content-block.mobile-button-only .btn, .content-block.mobile-button-only .cc-btn.cc-dismiss {
display: none;
}
}
.full-image .img-div {
display: flex;
justify-content: center;
padding: 0 2.4rem;
}
.full-image .img {
max-width: 100%; height: auto; display: block; } .error404__content {
padding: 100px 0 150px;
text-align: center;
}
.error404__content h1, .error404__content footer h3, footer .error404__content h3, .error404__content footer .single-post .inner-masthead .content h1, footer .single-post .inner-masthead .content .error404__content h1, .error404__content .single-post .inner-masthead .content footer h1, .single-post .inner-masthead .content footer .error404__content h1, .error404__content .single-post .inner-masthead .content footer h3, .single-post .inner-masthead .content footer .error404__content h3, .error404__content footer .single-post .inner-masthead .content h3, footer .single-post .inner-masthead .content .error404__content h3, .error404__content footer .legal-page .intro-content h1, footer .legal-page .intro-content .error404__content h1, .error404__content .legal-page .intro-content footer h1, .legal-page .intro-content footer .error404__content h1, .error404__content .legal-page .intro-content footer h3, .legal-page .intro-content footer .error404__content h3, .error404__content footer .legal-page .intro-content h3, footer .legal-page .intro-content .error404__content h3 {
font-size: 7em;
color: #FF6A14;
line-height: 170px;
margin-bottom: 30px;
}