* {
box-sizing: border-box;
} html, body, div, span, applet, object, iframe,
h1, h2, h3, 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;
}  html {
font-size: 62.5%;
}
body {
font-family: "trade-gothic-next", sans-serif;
font-size: 1.7rem;
line-height: 1.5;
color: #0C0C0C;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-variant-ligatures: none;
}
@media screen and (max-width: 767px) {
body {
font-size: 1.6rem;
}
}
h1, h2, h3, h4, h5 {
font-family: "trade-gothic-next", sans-serif;
line-height: 1.3;
font-weight: 800;
}
h1 {
font-size: 4rem;
letter-spacing: -0.02rem;
}
@media screen and (min-width: 1024px) {
h1 {
font-size: 6rem;
}
}
@media screen and (min-width: 1280px) {
h1 {
font-size: 8rem;
}
}
h2 {
font-size: 5rem;
}
@media screen and (max-width: 767px) {
h2 {
font-size: 3.2rem;
}
}
h3 {
font-weight: 800;
font-size: 3.4rem;
line-height: 4.2rem;
}
@media screen and (max-width: 767px) {
h3 {
font-size: 2.6rem;
}
}
h4 {
font-size: 2rem;
line-height: 2.6rem;
}
em {
font-style: italic;
}
.body-style a:not(.btn):not(.static-btn) {
display: inline-block;
font-weight: 700;
text-underline-offset: 0.5rem;
}
.body-style a:not(.btn):not(.static-btn):hover {
text-decoration: underline;
}
.body-style h1, .body-style h2, .body-style h3, .body-style h4, .body-style h5 {
margin-bottom: 1rem;
margin-top: 5rem;
}
.body-style h1:first-child, .body-style h2:first-child, .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 h4:only-child, .body-style h5:only-child {
margin-bottom: 0;
}
.body-style h1 {
margin-bottom: 40px;
}
.body-style p {
margin-bottom: 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, .body-style ol {
list-style: disc;
margin-left: 2.5rem;
margin-bottom: 2.5rem;
}
.body-style ul li, .body-style ol li {
margin-bottom: 15px;
}
.body-style ul li:last-of-type, .body-style ol li:last-of-type {
margin-bottom: 0;
}
.body-style ul:last-child, .body-style ol:last-child {
margin-bottom: 0;
}
.body-style ol {
list-style: decimal;
}
strong {
font-weight: bold;
} a, a:visited {
color: inherit;
text-decoration: none;
}
a[href=""] {
pointer-events: none;
}
a.btn, .btn, .static-btn {
display: inline-flex;
align-items: center;
justify-content: center;
background: #FFA100;
color: #0C0C0C;
padding: 1.4rem 3.2rem 1.5rem 3.2rem;
border-radius: 5rem;
font-weight: 700;
}
@media screen and (max-width: 767px) {
a.btn, .btn, .static-btn {
font-size: 1.5rem;
padding: 1.2rem 2.5rem 1.3rem 2.5rem;
}
}
a.btn[target=_blank], .btn[target=_blank], [target=_blank].static-btn {
display: inline-flex;
align-items: center;
gap: 1.5rem;
}
a.btn[target=_blank]:after, .btn[target=_blank]:after, [target=_blank].static-btn:after {
background-image: url(//inspiringhousing.co.uk/wp-content/themes/ict/library/images//icon-external-link.svg);
background-size: contain;
background-repeat: no-repeat;
transition: all 0.5s ease-in-out;
content: "";
display: block;
position: absolute;
position: static;
display: inline-block;
height: 2rem;
width: 2rem;
}
a.btn[target=_blank]:hover:after, .btn[target=_blank]:hover:after, [target=_blank].static-btn:hover:after {
transform: scale(1.1);
}
a.btn.white, .btn.white, .white.static-btn {
background: #FFF;
}
a.btn.plum, .btn.plum, .plum.static-btn {
background: #97005E;
color: #FFF;
}
.static-btn {
transition: all 0.5s ease-in-out;
color: #FFF;
background: #97005E;
border: 0.2rem solid #97005E;
}
.static-btn:hover {
background: none;
color: #97005E;
}
.btn .mask, .static-btn .mask, .filter .mask, .main-nav li .mask, .mobile-nav li .mask {
position: relative;
overflow: hidden;
}
.btn span:nth-of-type(2), .static-btn span:nth-of-type(2), .filter span:nth-of-type(2), .main-nav li span:nth-of-type(2), .mobile-nav li span:nth-of-type(2) {
display: block;
position: absolute;
transform: translateY(100%);
}
.btn .char, .static-btn .char, .filter .char, .main-nav li .char, .mobile-nav li .char {
transition: 0.25s 0s ease-in-out;
}
.btn .char:nth-of-type(1), .static-btn .char:nth-of-type(1), .filter .char:nth-of-type(1), .main-nav li .char:nth-of-type(1), .mobile-nav li .char:nth-of-type(1) {
transition-delay: 0s;
}
.btn .char:nth-of-type(2), .static-btn .char:nth-of-type(2), .filter .char:nth-of-type(2), .main-nav li .char:nth-of-type(2), .mobile-nav li .char:nth-of-type(2) {
transition-delay: 0.025s;
}
.btn .char:nth-of-type(3), .static-btn .char:nth-of-type(3), .filter .char:nth-of-type(3), .main-nav li .char:nth-of-type(3), .mobile-nav li .char:nth-of-type(3) {
transition-delay: 0.05s;
}
.btn .char:nth-of-type(4), .static-btn .char:nth-of-type(4), .filter .char:nth-of-type(4), .main-nav li .char:nth-of-type(4), .mobile-nav li .char:nth-of-type(4) {
transition-delay: 0.075s;
}
.btn .char:nth-of-type(5), .static-btn .char:nth-of-type(5), .filter .char:nth-of-type(5), .main-nav li .char:nth-of-type(5), .mobile-nav li .char:nth-of-type(5) {
transition-delay: 0.1s;
}
.btn .char:nth-of-type(6), .static-btn .char:nth-of-type(6), .filter .char:nth-of-type(6), .main-nav li .char:nth-of-type(6), .mobile-nav li .char:nth-of-type(6) {
transition-delay: 0.125s;
}
.btn .char:nth-of-type(7), .static-btn .char:nth-of-type(7), .filter .char:nth-of-type(7), .main-nav li .char:nth-of-type(7), .mobile-nav li .char:nth-of-type(7) {
transition-delay: 0.15s;
}
.btn .char:nth-of-type(8), .static-btn .char:nth-of-type(8), .filter .char:nth-of-type(8), .main-nav li .char:nth-of-type(8), .mobile-nav li .char:nth-of-type(8) {
transition-delay: 0.175s;
}
.btn .char:nth-of-type(9), .static-btn .char:nth-of-type(9), .filter .char:nth-of-type(9), .main-nav li .char:nth-of-type(9), .mobile-nav li .char:nth-of-type(9) {
transition-delay: 0.2s;
}
.btn .char:nth-of-type(10), .static-btn .char:nth-of-type(10), .filter .char:nth-of-type(10), .main-nav li .char:nth-of-type(10), .mobile-nav li .char:nth-of-type(10) {
transition-delay: 0.225s;
}
.btn .char:nth-of-type(11), .static-btn .char:nth-of-type(11), .filter .char:nth-of-type(11), .main-nav li .char:nth-of-type(11), .mobile-nav li .char:nth-of-type(11) {
transition-delay: 0.25s;
}
.btn .char:nth-of-type(12), .static-btn .char:nth-of-type(12), .filter .char:nth-of-type(12), .main-nav li .char:nth-of-type(12), .mobile-nav li .char:nth-of-type(12) {
transition-delay: 0.275s;
}
.btn .char:nth-of-type(13), .static-btn .char:nth-of-type(13), .filter .char:nth-of-type(13), .main-nav li .char:nth-of-type(13), .mobile-nav li .char:nth-of-type(13) {
transition-delay: 0.3s;
}
.btn .char:nth-of-type(14), .static-btn .char:nth-of-type(14), .filter .char:nth-of-type(14), .main-nav li .char:nth-of-type(14), .mobile-nav li .char:nth-of-type(14) {
transition-delay: 0.325s;
}
.btn .char:nth-of-type(15), .static-btn .char:nth-of-type(15), .filter .char:nth-of-type(15), .main-nav li .char:nth-of-type(15), .mobile-nav li .char:nth-of-type(15) {
transition-delay: 0.35s;
}
.btn .char:nth-of-type(16), .static-btn .char:nth-of-type(16), .filter .char:nth-of-type(16), .main-nav li .char:nth-of-type(16), .mobile-nav li .char:nth-of-type(16) {
transition-delay: 0.375s;
}
.btn .char:nth-of-type(17), .static-btn .char:nth-of-type(17), .filter .char:nth-of-type(17), .main-nav li .char:nth-of-type(17), .mobile-nav li .char:nth-of-type(17) {
transition-delay: 0.4s;
}
.btn .char:nth-of-type(18), .static-btn .char:nth-of-type(18), .filter .char:nth-of-type(18), .main-nav li .char:nth-of-type(18), .mobile-nav li .char:nth-of-type(18) {
transition-delay: 0.425s;
}
.btn .char:nth-of-type(19), .static-btn .char:nth-of-type(19), .filter .char:nth-of-type(19), .main-nav li .char:nth-of-type(19), .mobile-nav li .char:nth-of-type(19) {
transition-delay: 0.45s;
}
.btn .char:nth-of-type(20), .static-btn .char:nth-of-type(20), .filter .char:nth-of-type(20), .main-nav li .char:nth-of-type(20), .mobile-nav li .char:nth-of-type(20) {
transition-delay: 0.475s;
}
.btn .char:nth-of-type(21), .static-btn .char:nth-of-type(21), .filter .char:nth-of-type(21), .main-nav li .char:nth-of-type(21), .mobile-nav li .char:nth-of-type(21) {
transition-delay: 0.5s;
}
.btn .char:nth-of-type(22), .static-btn .char:nth-of-type(22), .filter .char:nth-of-type(22), .main-nav li .char:nth-of-type(22), .mobile-nav li .char:nth-of-type(22) {
transition-delay: 0.525s;
}
.btn .char:nth-of-type(23), .static-btn .char:nth-of-type(23), .filter .char:nth-of-type(23), .main-nav li .char:nth-of-type(23), .mobile-nav li .char:nth-of-type(23) {
transition-delay: 0.55s;
}
.btn .char:nth-of-type(24), .static-btn .char:nth-of-type(24), .filter .char:nth-of-type(24), .main-nav li .char:nth-of-type(24), .mobile-nav li .char:nth-of-type(24) {
transition-delay: 0.575s;
}
.btn .char:nth-of-type(25), .static-btn .char:nth-of-type(25), .filter .char:nth-of-type(25), .main-nav li .char:nth-of-type(25), .mobile-nav li .char:nth-of-type(25) {
transition-delay: 0.6s;
}
.btn .char:nth-of-type(26), .static-btn .char:nth-of-type(26), .filter .char:nth-of-type(26), .main-nav li .char:nth-of-type(26), .mobile-nav li .char:nth-of-type(26) {
transition-delay: 0.625s;
}
.btn .char:nth-of-type(27), .static-btn .char:nth-of-type(27), .filter .char:nth-of-type(27), .main-nav li .char:nth-of-type(27), .mobile-nav li .char:nth-of-type(27) {
transition-delay: 0.65s;
}
.btn .char:nth-of-type(28), .static-btn .char:nth-of-type(28), .filter .char:nth-of-type(28), .main-nav li .char:nth-of-type(28), .mobile-nav li .char:nth-of-type(28) {
transition-delay: 0.675s;
}
.btn .char:nth-of-type(29), .static-btn .char:nth-of-type(29), .filter .char:nth-of-type(29), .main-nav li .char:nth-of-type(29), .mobile-nav li .char:nth-of-type(29) {
transition-delay: 0.7s;
}
.btn .char:nth-of-type(30), .static-btn .char:nth-of-type(30), .filter .char:nth-of-type(30), .main-nav li .char:nth-of-type(30), .mobile-nav li .char:nth-of-type(30) {
transition-delay: 0.725s;
}
.btn .char:nth-of-type(31), .static-btn .char:nth-of-type(31), .filter .char:nth-of-type(31), .main-nav li .char:nth-of-type(31), .mobile-nav li .char:nth-of-type(31) {
transition-delay: 0.75s;
}
.btn .char:nth-of-type(32), .static-btn .char:nth-of-type(32), .filter .char:nth-of-type(32), .main-nav li .char:nth-of-type(32), .mobile-nav li .char:nth-of-type(32) {
transition-delay: 0.775s;
}
.btn .char:nth-of-type(33), .static-btn .char:nth-of-type(33), .filter .char:nth-of-type(33), .main-nav li .char:nth-of-type(33), .mobile-nav li .char:nth-of-type(33) {
transition-delay: 0.8s;
}
.btn .char:nth-of-type(34), .static-btn .char:nth-of-type(34), .filter .char:nth-of-type(34), .main-nav li .char:nth-of-type(34), .mobile-nav li .char:nth-of-type(34) {
transition-delay: 0.825s;
}
.btn .char:nth-of-type(35), .static-btn .char:nth-of-type(35), .filter .char:nth-of-type(35), .main-nav li .char:nth-of-type(35), .mobile-nav li .char:nth-of-type(35) {
transition-delay: 0.85s;
}
.btn .char:nth-of-type(36), .static-btn .char:nth-of-type(36), .filter .char:nth-of-type(36), .main-nav li .char:nth-of-type(36), .mobile-nav li .char:nth-of-type(36) {
transition-delay: 0.875s;
}
.btn .char:nth-of-type(37), .static-btn .char:nth-of-type(37), .filter .char:nth-of-type(37), .main-nav li .char:nth-of-type(37), .mobile-nav li .char:nth-of-type(37) {
transition-delay: 0.9s;
}
.btn .char:nth-of-type(38), .static-btn .char:nth-of-type(38), .filter .char:nth-of-type(38), .main-nav li .char:nth-of-type(38), .mobile-nav li .char:nth-of-type(38) {
transition-delay: 0.925s;
}
.btn .char:nth-of-type(39), .static-btn .char:nth-of-type(39), .filter .char:nth-of-type(39), .main-nav li .char:nth-of-type(39), .mobile-nav li .char:nth-of-type(39) {
transition-delay: 0.95s;
}
.btn .char:nth-of-type(40), .static-btn .char:nth-of-type(40), .filter .char:nth-of-type(40), .main-nav li .char:nth-of-type(40), .mobile-nav li .char:nth-of-type(40) {
transition-delay: 0.975s;
}
.btn .char:nth-of-type(41), .static-btn .char:nth-of-type(41), .filter .char:nth-of-type(41), .main-nav li .char:nth-of-type(41), .mobile-nav li .char:nth-of-type(41) {
transition-delay: 1s;
}
.btn .char:nth-of-type(42), .static-btn .char:nth-of-type(42), .filter .char:nth-of-type(42), .main-nav li .char:nth-of-type(42), .mobile-nav li .char:nth-of-type(42) {
transition-delay: 1.025s;
}
.btn .char:nth-of-type(43), .static-btn .char:nth-of-type(43), .filter .char:nth-of-type(43), .main-nav li .char:nth-of-type(43), .mobile-nav li .char:nth-of-type(43) {
transition-delay: 1.05s;
}
.btn .char:nth-of-type(44), .static-btn .char:nth-of-type(44), .filter .char:nth-of-type(44), .main-nav li .char:nth-of-type(44), .mobile-nav li .char:nth-of-type(44) {
transition-delay: 1.075s;
}
.btn .char:nth-of-type(45), .static-btn .char:nth-of-type(45), .filter .char:nth-of-type(45), .main-nav li .char:nth-of-type(45), .mobile-nav li .char:nth-of-type(45) {
transition-delay: 1.1s;
}
.btn .char:nth-of-type(46), .static-btn .char:nth-of-type(46), .filter .char:nth-of-type(46), .main-nav li .char:nth-of-type(46), .mobile-nav li .char:nth-of-type(46) {
transition-delay: 1.125s;
}
.btn .char:nth-of-type(47), .static-btn .char:nth-of-type(47), .filter .char:nth-of-type(47), .main-nav li .char:nth-of-type(47), .mobile-nav li .char:nth-of-type(47) {
transition-delay: 1.15s;
}
.btn .char:nth-of-type(48), .static-btn .char:nth-of-type(48), .filter .char:nth-of-type(48), .main-nav li .char:nth-of-type(48), .mobile-nav li .char:nth-of-type(48) {
transition-delay: 1.175s;
}
.btn .char:nth-of-type(49), .static-btn .char:nth-of-type(49), .filter .char:nth-of-type(49), .main-nav li .char:nth-of-type(49), .mobile-nav li .char:nth-of-type(49) {
transition-delay: 1.2s;
}
.btn .char:nth-of-type(50), .static-btn .char:nth-of-type(50), .filter .char:nth-of-type(50), .main-nav li .char:nth-of-type(50), .mobile-nav li .char:nth-of-type(50) {
transition-delay: 1.225s;
}
@media screen and (min-width: 768px) {
.btn:hover span:nth-of-type(2) .char, .static-btn:hover span:nth-of-type(2) .char, .filter:hover span:nth-of-type(2) .char, .main-nav li:hover span:nth-of-type(2) .char, .mobile-nav li:hover span:nth-of-type(2) .char {
transform: translateY(calc(-200% - 0.2rem));
}
.btn:hover .char, .static-btn:hover .char, .filter:hover .char, .main-nav li:hover .char, .mobile-nav li:hover .char {
transform: translateY(-100%);
}
}
html {
scroll-behavior: smooth;
}
body.noscroll {
overflow: hidden;
}
.wrap {
max-width: 144rem;
padding: 0 3rem;
margin: 0 auto;
width: 100%;
}
.block {
padding: 50px 0;
}
.block.large-pd-top {
padding-top: 100px;
}
.block.small-pd-top {
padding-top: 25px;
}
.block.no-pd-top {
padding-top: 0;
}
.block.large-pd-bottom {
padding-bottom: 100px;
}
.block.small-pd-bottom {
padding-bottom: 25px;
}
.block.no-pd-bottom {
padding-bottom: 0;
}
@media only screen and (min-width: 768px) {
.block {
padding: 100px 0;
}
.block.large-pd-top {
padding-top: 150px;
}
.block.small-pd-top {
padding-top: 50px;
}
.block.no-pd-top {
padding-top: 0;
}
.block.large-pd-bottom {
padding-bottom: 150px;
}
.block.small-pd-bottom {
padding-bottom: 50px;
}
.block.no-pd-bottom {
padding-bottom: 0;
}
}
.cc-banner {
font-family: "trade-gothic-next", sans-serif !important;
font-size: 1.8rem !important;
}
.cc-btn.cc-dismiss {
transition: 0.25s all ease-in-out;
font-size: 1.6rem !important;
display: inline-flex;
align-items: center;
justify-content: center;
background: white !important;
color: #0C0C0C !important;
padding: 1.4rem 3.2rem 1.5rem 3.2rem !important;
border-radius: 5rem !important;
font-weight: 700;
border: 0.2rem solid white !important;
}
.cc-btn.cc-dismiss:hover {
background: none !important;
color: #FFF !important;
}
.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-container {
overflow: hidden;
position: relative;
}
.image-container:after {
transition: 0.5s 0s ease-in-out;
content: "";
display: block;
position: absolute;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #97005E;
transform-origin: bottom;
}
.image-container.animateelement:after {
transform: scaleY(0);
}
.plum-bg .image-container:after {
background: #efd9e7;
}
@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 scaleDown {
0% {
transform: scale(1.5);
}
100% {
transform: scale(1);
}
}
@keyframes blur {
0% {
opacity: 0;
filter: blur(10px);
}
100% {
filter: blur(0);
opacity: 1;
}
}
@keyframes blurOut {
0% {
opacity: 1;
filter: blur(0);
}
100% {
filter: blur(10px);
opacity: 0;
}
}
img, a {
display: block;
}
img {
-o-object-fit: cover;
object-fit: cover;
}
h1:not(.no-anim), h2:not(.no-anim), h3:not(.no-anim) {
opacity: 0;
}
h1:not(.no-anim) .line, h2:not(.no-anim) .line, h3:not(.no-anim) .line {
overflow: hidden;
}
h1:not(.no-anim) .word, h2:not(.no-anim) .word, h3:not(.no-anim) .word {
font-kerning: none;
transition: all 0.5s ease-in-out;
transform: translateY(100%);
}  header {
transition: 0.25s 0s ease-in-out;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 1.5rem 2rem;
gap: 8rem;
position: fixed;
top: 2.5rem;
left: 50%;
z-index: 3;
transform: translateX(-50%);
z-index: 10;
background: #FFF;
border-radius: 5rem;
font-size: 1.6rem;
font-weight: 700;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1490196078);
width: calc(100% - 6rem);
}
@media screen and (min-width: 1024px) {
header {
width: auto;
ont-size: 1.8rem;
padding: 1.5rem 2rem;
gap: 8rem;
}
}
header .logo {
position: relative;
z-index: 3;
transition: 0.25s 0s ease-in-out;
display: block;
}
header .logo img {
max-width: 15rem;
}
@media screen and (min-width: 768px) {
header .logo img {
max-width: 10rem;
}
}
@media screen and (min-width: 1024px) {
header .logo img {
max-width: 15rem;
}
}
header .logo:hover {
transform: scale(1.05);
}
@media screen and (max-width: 767px) {
header .logo {
margin-right: auto;
}
header .logo img {
max-width: 12rem;
}
}
header.headerscrolled {
transform: translateX(-50%) translateY(calc(-100% - 2.5rem));
}
header.headerscrolled.show {
transform: translateX(-50%);
}
.menu-toggle {
display: none;
}
@media screen and (max-width: 767px) {
.menu-toggle {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
z-index: 2;
-webkit-appearance: none;
outline: none;
height: 3rem;
width: 3rem;
border: 0px;
padding: 0px;
background: transparent;
cursor: pointer;
margin-left: 2rem;
}
.menu-toggle:before, .menu-toggle:after {
content: "";
display: block;
position: absolute;
transition: all 0.5s ease-in-out;
width: 3rem;
height: 0.3rem;
background: #97005E;
will-change: transform;
transform: translateY(-4px);
border-radius: 10rem;
}
.menu-toggle:after {
transform: translateY(4px);
}
.menu-toggle.active:before {
transform: translateY(0) rotate(45deg);
}
.menu-toggle.active:after {
transform: translateY(0) rotate(-45deg);
}
header nav {
display: none;
}
.mobile-nav {
border-top: 0.1rem solid #707070;
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100dvh;
background: #EFD9E7;
font-size: 1.4rem;
font-weight: bold;
overflow: auto;
opacity: 0;
pointer-events: none;
transition: all 0.5s ease-in-out;
z-index: 4;
padding: 11rem 1rem;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.mobile-nav .btn, .mobile-nav .static-btn {
display: inline-block;
}
.mobile-nav ul {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
gap: 2.4rem;
}
.mobile-nav ul .btn, .mobile-nav ul .static-btn {
font-size: 2rem;
width: 20rem;
margin: 0 auto;
}
.mobile-nav ul > li:not(.btn):not(.static-btn) {
font-size: 3.6rem;
overflow: hidden;
}
.mobile-nav ul > li:not(.btn):not(.static-btn) a {
transition: all 0.5s ease-in-out;
display: inline-block;
transform: translateY(100%);
}
.mobile-nav.open {
opacity: 1;
pointer-events: auto;
}
.mobile-nav.open li:not(.btn):not(.static-btn) a {
transition-delay: 0.25s;
transition-duration: 0.5s;
transform: translateY(0);
}
}
@media screen and (min-width: 768px) {
.mobile-nav {
display: none;
}
header nav {
display: block;
}
header nav ul {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: center;
gap: 3rem;
white-space: nowrap;
}
}
@media screen and (min-width: 768px) and (min-width: 1024px) {
header nav ul {
gap: 8rem;
}
}
@media screen and (min-width: 768px) {
header nav li:not(.btn):not(.static-btn).current-menu-item {
color: #97005E;
}
header nav .btn, header nav .static-btn {
padding: 0;
}
header nav .btn a, header nav .static-btn a {
padding: 1.4rem 2rem 1.5rem 2rem;
}
}
@media screen and (min-width: 768px) and (min-width: 1024px) {
header nav .btn a, header nav .static-btn a {
padding: 1.4rem 3.2rem 1.5rem 3.2rem;
}
}
@media screen and (min-width: 768px) {
header nav .btn.current-menu-item, header nav .current-menu-item.static-btn {
background: none;
color: #97005E;
}
}
footer {
padding: 7.9rem 0 4rem 0;
}
footer .wrap {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: stretch;
flex-wrap: wrap;
}
footer .left {
margin-right: auto;
}
@media screen and (max-width: 1279px) {
footer .left {
margin: 0 auto 5rem auto;
}
}
footer .left .logo img {
max-width: 25rem;
}
@media screen and (max-width: 1279px) {
footer .left .logo img {
max-width: 15rem;
}
}
@media screen and (max-width: 1279px) {
footer .right {
width: 100%;
}
}
footer .right .row {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0;
margin-bottom: 6.5rem;
}
@media screen and (max-width: 767px) {
footer .right .row {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 0;
margin-bottom: 0;
}
}
footer .right .row:first-of-type .col:nth-of-type(2) {
grid-column: span 2;
}
footer .right .row:last-of-type {
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
footer .right .col {
margin-bottom: 5rem;
}
footer .right .col h4 {
border-radius: 2rem;
}
}
@media screen and (min-width: 768px) {
footer .right .col:first-of-type h4 {
border-radius: 2rem 0 0 2rem;
}
footer .right .col:last-of-type h4 {
border-radius: 0 2rem 2rem 0;
}
}
footer .right h4 {
font-family: "Fira Sans", sans-serif;
font-weight: 700;
padding: 1rem 4rem;
background: #FFA100;
margin-bottom: 2rem;
}
footer .right ul {
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: stretch;
gap: 1.5rem;
font-weight: 700;
padding: 0 0 0 4rem;
}
footer .right p {
padding: 0 0 0 4rem;
margin-bottom: 1.5rem;
font-weight: 700;
}
footer .right p:last-of-type {
margin-bottom: 0;
}
footer .right a {
display: inline-block;
position: relative;
}
footer .right a:before {
transition: all 0.5s ease-in-out;
content: "";
display: block;
position: absolute;
bottom: -0.3rem;
left: 0;
width: 100%;
height: 0.1rem;
background: #0C0C0C;
transform: scaleX(0);
transform-origin: left;
}
footer .right a:hover:before {
transform: scaleX(1);
}
footer .right ul a[target=_blank] {
display: inline-flex;
align-items: center;
gap: 1.5rem;
}
footer .right ul a[target=_blank]:before {
display: none;
}
footer .right ul a[target=_blank]:after {
background-image: url(//inspiringhousing.co.uk/wp-content/themes/ict/library/images//icon-external-link.svg);
background-size: contain;
background-repeat: no-repeat;
transition: all 0.5s ease-in-out;
content: "";
display: block;
position: absolute;
position: static;
display: inline-block;
height: 2rem;
width: 2rem;
}
footer .right ul a[target=_blank]:hover:after {
transform: scale(1.1);
}
footer .right .social {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: center;
gap: 2rem;
padding: 0 0 0 4rem;
}
footer .right .social svg {
display: block;
}
footer .right .social svg path {
transition: all 0.5s ease-in-out;
}
footer .right .social a:hover path {
fill: #97005E;
}
footer .right .social a:before {
display: none;
}
footer .bottom {
margin-top: 8rem;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 3rem;
width: 100%;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
footer .bottom {
margin-top: 0rem;
}
}
footer .bottom a {
display: inline;
transition: all 0.5s ease-in-out;
font-weight: 700;
}
footer .bottom a:hover {
color: #97005E;
} .ajax-listings {
position: relative;
min-height: 40rem;
width: 100%;
}
.ajax-listings.loading {
animation: fadeOut 0.5s both;
}
.ajax-listings.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 .pagination {
grid-column: 1/1;
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 1.5rem;
}
@media screen and (min-width: 768px) {
.ajax-listings .pagination {
grid-column: 1/3;
}
}
@media screen and (min-width: 1024px) {
.ajax-listings .pagination {
grid-column: 1/4;
}
}
.ajax-listings .page-numbers {
transition: all 0.5s ease-in-out;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
height: 3rem;
width: 3rem;
font-family: "trade-gothic-next", sans-serif;
color: #97005E;
font-size: 1.8rem;
line-height: 1.8rem;
padding-top: 0.3rem;
}
@media screen and (min-width: 1024px) {
.ajax-listings .page-numbers {
height: 5rem;
width: 5rem;
}
}
.ajax-listings .page-numbers.current, .ajax-listings .page-numbers:hover {
background: #97005E;
color: #FFF;
}
.ajax-listings .page-numbers.next, .ajax-listings .page-numbers.prev {
display: none;
}
.ajax-listings .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.5s 0.5s all;
z-index: 5;
background: rgba(255, 255, 255, 0.4);
}
.ajax-listings .ajax-loader .loader {
width: 5rem;
height: 5rem;
border-radius: 100%;
position: absolute;
top: 20rem;
margin: 0 auto;
}
.ajax-listings .ajax-loader .loader:before, .ajax-listings .ajax-loader .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: #97005E;
}
.ajax-listings .ajax-loader .loader:before {
z-index: 100;
animation: spin 1s infinite;
}
.ajax-listings .ajax-loader .loader:after {
border: 5px solid #F4F4F4;
}
.ajax-listings .ajax-loader.show-loader {
visibility: visible;
opacity: 1;
pointer-events: auto;
transition-delay: 0s;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.news-card .image-container {
overflow: hidden;
border-radius: 1.2rem;
position: relative;
width: 100%;
aspect-ratio: 1/0.75;
margin-bottom: 2rem;
}
.news-card .image-container img {
transition: 0.4s 0s ease-in-out;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.news-card h4 {
font-weight: 700;
position: relative;
padding-right: 4rem;
}
.news-card h4:after {
transition: 0.25s 0s ease-in-out;
content: "";
display: block;
position: absolute;
background-image: url(//inspiringhousing.co.uk/wp-content/themes/ict/library/images//arrow-right.svg);
background-size: contain;
background-repeat: no-repeat;
display: block;
right: 0;
top: calc(50% - 1.7rem);
height: 3.4rem;
width: 3.4rem;
}
@media screen and (max-width: 767px) {
.news-card {
font-size: 1.4rem;
}
}
.news-card .date {
font-size: 1.2rem;
margin-bottom: 1.3rem;
}
.news-card:hover img {
transform: scale(1.1);
}
.news-card:hover h4:after {
transform: translateX(0.5rem);
}
.news-card:nth-of-type(1) .image-container:after {
transition-delay: 0s;
}
.news-card:nth-of-type(2) .image-container:after {
transition-delay: 0.25s;
}
.news-card:nth-of-type(3) .image-container:after {
transition-delay: 0.5s;
}
.news-card:nth-of-type(4) .image-container:after {
transition-delay: 0.75s;
}
.news-card:nth-of-type(5) .image-container:after {
transition-delay: 1s;
}
.news-card:nth-of-type(6) .image-container:after {
transition-delay: 1.25s;
}
.news-card:nth-of-type(7) .image-container:after {
transition-delay: 1.5s;
}
.news-card:nth-of-type(8) .image-container:after {
transition-delay: 1.75s;
}
.news-card:nth-of-type(9) .image-container:after {
transition-delay: 2s;
}
.news-card:nth-of-type(10) .image-container:after {
transition-delay: 2.25s;
}
.news-card:nth-of-type(11) .image-container:after {
transition-delay: 2.5s;
}
.news-card:nth-of-type(12) .image-container:after {
transition-delay: 2.75s;
}
.news-card:nth-of-type(13) .image-container:after {
transition-delay: 3s;
}
.news-card:nth-of-type(14) .image-container:after {
transition-delay: 3.25s;
}
.news-card:nth-of-type(15) .image-container:after {
transition-delay: 3.5s;
}
.news-card:nth-of-type(16) .image-container:after {
transition-delay: 3.75s;
}
.news-card:nth-of-type(17) .image-container:after {
transition-delay: 4s;
}
.news-card:nth-of-type(18) .image-container:after {
transition-delay: 4.25s;
}
.news-card:nth-of-type(19) .image-container:after {
transition-delay: 4.5s;
}
.news-card:nth-of-type(20) .image-container:after {
transition-delay: 4.75s;
}
.news-card:nth-of-type(21) .image-container:after {
transition-delay: 5s;
}
.news-card:nth-of-type(22) .image-container:after {
transition-delay: 5.25s;
}
.news-card:nth-of-type(23) .image-container:after {
transition-delay: 5.5s;
}
.news-card:nth-of-type(24) .image-container:after {
transition-delay: 5.75s;
}
.news-card:nth-of-type(25) .image-container:after {
transition-delay: 6s;
}
.news-card:nth-of-type(26) .image-container:after {
transition-delay: 6.25s;
}
.news-card:nth-of-type(27) .image-container:after {
transition-delay: 6.5s;
}
.news-card:nth-of-type(28) .image-container:after {
transition-delay: 6.75s;
}
.news-card:nth-of-type(29) .image-container:after {
transition-delay: 7s;
}
.news-card:nth-of-type(30) .image-container:after {
transition-delay: 7.25s;
}
.news-card:nth-of-type(31) .image-container:after {
transition-delay: 7.5s;
}
.news-card:nth-of-type(32) .image-container:after {
transition-delay: 7.75s;
}
.news-card:nth-of-type(33) .image-container:after {
transition-delay: 8s;
}
.news-card:nth-of-type(34) .image-container:after {
transition-delay: 8.25s;
}
.news-card:nth-of-type(35) .image-container:after {
transition-delay: 8.5s;
}
.news-card:nth-of-type(36) .image-container:after {
transition-delay: 8.75s;
}
.news-card:nth-of-type(37) .image-container:after {
transition-delay: 9s;
}
.news-card:nth-of-type(38) .image-container:after {
transition-delay: 9.25s;
}
.news-card:nth-of-type(39) .image-container:after {
transition-delay: 9.5s;
}
.news-card:nth-of-type(40) .image-container:after {
transition-delay: 9.75s;
}
.news-card:nth-of-type(41) .image-container:after {
transition-delay: 10s;
}
.news-card:nth-of-type(42) .image-container:after {
transition-delay: 10.25s;
}
.news-card:nth-of-type(43) .image-container:after {
transition-delay: 10.5s;
}
.news-card:nth-of-type(44) .image-container:after {
transition-delay: 10.75s;
}
.news-card:nth-of-type(45) .image-container:after {
transition-delay: 11s;
}
.news-card:nth-of-type(46) .image-container:after {
transition-delay: 11.25s;
}
.news-card:nth-of-type(47) .image-container:after {
transition-delay: 11.5s;
}
.news-card:nth-of-type(48) .image-container:after {
transition-delay: 11.75s;
}
.news-card:nth-of-type(49) .image-container:after {
transition-delay: 12s;
}
.news-card:nth-of-type(50) .image-container:after {
transition-delay: 12.25s;
} .masthead {
position: relative;
color: #FFF;
height: clamp(60rem, 90vh, 100rem);
overflow: hidden;
}
.masthead:after {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
content: "";
display: block;
position: absolute;
z-index: 2;
background: rgba(0, 0, 0, 0.2509803922);
}
@media screen and (max-width: 1023px) {
.masthead:after {
background: rgba(0, 0, 0, 0.4);
}
}
.masthead .background-image {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.masthead .wrap {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
height: 100%;
position: relative;
z-index: 3;
}
.masthead .content {
text-align: center;
}
.masthead h1 {
font-size: 4rem;
line-height: 5.2rem;
margin-bottom: 4rem;
}
@media screen and (min-width: 768px) {
.masthead h1 {
font-size: 7rem;
line-height: 8rem;
}
}
@media screen and (min-width: 1280px) {
.masthead h1 {
font-size: 8.8rem;
line-height: 10.6rem;
}
}
.content-and-media .wrap {
position: relative;
}
@media screen and (min-width: 768px) {
.content-and-media .wrap {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: stretch;
}
}
.content-and-media .container {
width: 100%;
border-radius: 2.4rem;
}
@media screen and (min-width: 768px) {
.content-and-media .container {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: stretch;
}
}
.content-and-media .content {
position: relative;
padding: 5rem 3rem;
}
@media screen and (min-width: 768px) {
.content-and-media .content {
width: 50%;
}
}
@media screen and (min-width: 1024px) {
.content-and-media .content {
padding: 9rem 10rem;
}
}
.content-and-media .content h3 {
margin-top: 2rem;
}
.content-and-media p:first-of-type strong {
font-size: 2rem;
}
.content-and-media .btn, .content-and-media .static-btn {
margin-top: 3rem;
}
.content-and-media .image-container {
width: 100%;
aspect-ratio: 1/1;
border-radius: 0;
border-radius: 0 0 2.4rem 2.4rem;
}
@media screen and (min-width: 768px) {
.content-and-media .image-container {
aspect-ratio: auto;
width: 50%;
border-radius: 0 2.4rem 2.4rem 0;
}
}
.content-and-media .image-container .main-image {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.content-and-media .accent-image {
position: absolute;
width: 100%;
height: auto;
-o-object-fit: contain;
object-fit: contain;
z-index: 2;
}
.content-and-media.remove-container .container {
display: contents;
}
.content-and-media.remove-container .wrap {
max-width: none;
padding-left: 0;
}
@media screen and (max-width: 1023px) {
.content-and-media.remove-container .wrap {
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: stretch;
padding-right: 0;
}
}
.content-and-media.remove-container .content {
order: 2;
padding: 4rem 3rem;
}
@media screen and (max-width: 1023px) {
.content-and-media.remove-container .content {
width: 100%;
}
}
@media screen and (min-width: 1280px) {
.content-and-media.remove-container .content {
padding: 18rem 10rem;
padding-left: 3rem;
}
}
@media screen and (min-width: 1440px) {
.content-and-media.remove-container .content {
padding-left: calc((100vw - 134rem) / 2);
}
}
.content-and-media.remove-container .image-container {
width: 100%;
height: auto;
aspect-ratio: 4/3;
border-radius: 0;
order: 1;
}
@media screen and (min-width: 1024px) {
.content-and-media.remove-container .image-container {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 50%;
}
}
.content-and-media.remove-container .image-container:after {
transition: 1s 0s ease-in-out;
}
.content-and-media.accent-image-style-one .accent-image {
position: absolute;
top: 0rem;
transform: translateY(-50%);
right: 2rem;
max-width: 15rem;
width: 100%;
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
@media screen and (min-width: 1024px) {
.content-and-media.accent-image-style-one .accent-image {
top: 5rem;
transform: translateY(-50%);
right: 8rem;
max-width: 20rem;
}
}
.content-and-media.accent-image-style-two .accent-image {
top: -10rem;
right: 2rem;
max-width: 10rem;
}
@media screen and (min-width: 768px) {
.content-and-media.accent-image-style-two .accent-image {
max-width: 15rem;
}
}
@media screen and (min-width: 1024px) {
.content-and-media.accent-image-style-two .accent-image {
top: 20rem;
right: -20rem;
max-width: 20rem;
}
}
@media screen and (min-width: 1280px) {
.content-and-media.accent-image-style-two .accent-image {
top: 20rem;
right: -10rem;
max-width: 20rem;
}
}
.content-and-media.accent-image-style-three .accent-image {
bottom: -6rem;
left: 4rem;
max-width: 25rem;
}
@media screen and (min-width: 768px) {
.content-and-media.accent-image-style-three .accent-image {
bottom: -11rem;
left: 50%;
max-width: 32rem;
}
}
@media screen and (min-width: 1024px) {
.content-and-media.accent-image-style-three .accent-image {
left: calc(50% + 28rem);
max-width: 45rem;
}
}
.image-and-content-modules .wrap {
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: center;
}
.image-and-content-modules .intro-content {
margin-left: auto;
margin-right: auto;
margin-bottom: 2.4rem;
max-width: 70rem;
}
.image-and-content-modules .intro-content p {
font-size: 1.8rem;
}
@media screen and (min-width: 1024px) {
.image-and-content-modules .intro-content {
margin-bottom: 3.6rem;
}
}
.image-and-content-modules .modules {
position: relative;
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: stretch;
gap: 2rem;
margin-bottom: 4rem;
}
@media screen and (min-width: 768px) {
.image-and-content-modules .modules {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: stretch;
}
}
.image-and-content-modules .module {
flex: 1;
border-radius: 2rem;
overflow: hidden;
}
@media screen and (min-width: 768px) {
.image-and-content-modules .module:nth-of-type(1) h3 .word {
transition-delay: 0s;
}
.image-and-content-modules .module:nth-of-type(1) .image-container:after {
transition-delay: 0s;
}
.image-and-content-modules .module:nth-of-type(2) h3 .word {
transition-delay: 0.25s;
}
.image-and-content-modules .module:nth-of-type(2) .image-container:after {
transition-delay: 0.25s;
}
.image-and-content-modules .module:nth-of-type(3) h3 .word {
transition-delay: 0.5s;
}
.image-and-content-modules .module:nth-of-type(3) .image-container:after {
transition-delay: 0.5s;
}
.image-and-content-modules .module:nth-of-type(4) h3 .word {
transition-delay: 0s;
}
.image-and-content-modules .module:nth-of-type(4) .image-container:after {
transition-delay: 0s;
}
.image-and-content-modules .module:nth-of-type(5) h3 .word {
transition-delay: 0.25s;
}
.image-and-content-modules .module:nth-of-type(5) .image-container:after {
transition-delay: 0.25s;
}
.image-and-content-modules .module:nth-of-type(6) h3 .word {
transition-delay: 0.5s;
}
.image-and-content-modules .module:nth-of-type(6) .image-container:after {
transition-delay: 0.5s;
}
.image-and-content-modules .module:nth-of-type(7) h3 .word {
transition-delay: 0s;
}
.image-and-content-modules .module:nth-of-type(7) .image-container:after {
transition-delay: 0s;
}
.image-and-content-modules .module:nth-of-type(8) h3 .word {
transition-delay: 0.25s;
}
.image-and-content-modules .module:nth-of-type(8) .image-container:after {
transition-delay: 0.25s;
}
.image-and-content-modules .module:nth-of-type(9) h3 .word {
transition-delay: 0.5s;
}
.image-and-content-modules .module:nth-of-type(9) .image-container:after {
transition-delay: 0.5s;
}
.image-and-content-modules .module:nth-of-type(10) h3 .word {
transition-delay: 0s;
}
.image-and-content-modules .module:nth-of-type(10) .image-container:after {
transition-delay: 0s;
}
.image-and-content-modules .module:nth-of-type(11) h3 .word {
transition-delay: 0.25s;
}
.image-and-content-modules .module:nth-of-type(11) .image-container:after {
transition-delay: 0.25s;
}
.image-and-content-modules .module:nth-of-type(12) h3 .word {
transition-delay: 0.5s;
}
.image-and-content-modules .module:nth-of-type(12) .image-container:after {
transition-delay: 0.5s;
}
.image-and-content-modules .module:nth-of-type(13) h3 .word {
transition-delay: 0s;
}
.image-and-content-modules .module:nth-of-type(13) .image-container:after {
transition-delay: 0s;
}
.image-and-content-modules .module:nth-of-type(14) h3 .word {
transition-delay: 0.25s;
}
.image-and-content-modules .module:nth-of-type(14) .image-container:after {
transition-delay: 0.25s;
}
.image-and-content-modules .module:nth-of-type(15) h3 .word {
transition-delay: 0.5s;
}
.image-and-content-modules .module:nth-of-type(15) .image-container:after {
transition-delay: 0.5s;
}
.image-and-content-modules .module:nth-of-type(16) h3 .word {
transition-delay: 0s;
}
.image-and-content-modules .module:nth-of-type(16) .image-container:after {
transition-delay: 0s;
}
.image-and-content-modules .module:nth-of-type(17) h3 .word {
transition-delay: 0.25s;
}
.image-and-content-modules .module:nth-of-type(17) .image-container:after {
transition-delay: 0.25s;
}
.image-and-content-modules .module:nth-of-type(18) h3 .word {
transition-delay: 0.5s;
}
.image-and-content-modules .module:nth-of-type(18) .image-container:after {
transition-delay: 0.5s;
}
.image-and-content-modules .module:nth-of-type(19) h3 .word {
transition-delay: 0s;
}
.image-and-content-modules .module:nth-of-type(19) .image-container:after {
transition-delay: 0s;
}
.image-and-content-modules .module:nth-of-type(20) h3 .word {
transition-delay: 0.25s;
}
.image-and-content-modules .module:nth-of-type(20) .image-container:after {
transition-delay: 0.25s;
}
.image-and-content-modules .module:nth-of-type(21) h3 .word {
transition-delay: 0.5s;
}
.image-and-content-modules .module:nth-of-type(21) .image-container:after {
transition-delay: 0.5s;
}
.image-and-content-modules .module:nth-of-type(22) h3 .word {
transition-delay: 0s;
}
.image-and-content-modules .module:nth-of-type(22) .image-container:after {
transition-delay: 0s;
}
.image-and-content-modules .module:nth-of-type(23) h3 .word {
transition-delay: 0.25s;
}
.image-and-content-modules .module:nth-of-type(23) .image-container:after {
transition-delay: 0.25s;
}
.image-and-content-modules .module:nth-of-type(24) h3 .word {
transition-delay: 0.5s;
}
.image-and-content-modules .module:nth-of-type(24) .image-container:after {
transition-delay: 0.5s;
}
.image-and-content-modules .module:nth-of-type(25) h3 .word {
transition-delay: 0s;
}
.image-and-content-modules .module:nth-of-type(25) .image-container:after {
transition-delay: 0s;
}
.image-and-content-modules .module:nth-of-type(26) h3 .word {
transition-delay: 0.25s;
}
.image-and-content-modules .module:nth-of-type(26) .image-container:after {
transition-delay: 0.25s;
}
.image-and-content-modules .module:nth-of-type(27) h3 .word {
transition-delay: 0.5s;
}
.image-and-content-modules .module:nth-of-type(27) .image-container:after {
transition-delay: 0.5s;
}
.image-and-content-modules .module:nth-of-type(28) h3 .word {
transition-delay: 0s;
}
.image-and-content-modules .module:nth-of-type(28) .image-container:after {
transition-delay: 0s;
}
.image-and-content-modules .module:nth-of-type(29) h3 .word {
transition-delay: 0.25s;
}
.image-and-content-modules .module:nth-of-type(29) .image-container:after {
transition-delay: 0.25s;
}
.image-and-content-modules .module:nth-of-type(30) h3 .word {
transition-delay: 0.5s;
}
.image-and-content-modules .module:nth-of-type(30) .image-container:after {
transition-delay: 0.5s;
}
.image-and-content-modules .module:nth-of-type(31) h3 .word {
transition-delay: 0s;
}
.image-and-content-modules .module:nth-of-type(31) .image-container:after {
transition-delay: 0s;
}
.image-and-content-modules .module:nth-of-type(32) h3 .word {
transition-delay: 0.25s;
}
.image-and-content-modules .module:nth-of-type(32) .image-container:after {
transition-delay: 0.25s;
}
.image-and-content-modules .module:nth-of-type(33) h3 .word {
transition-delay: 0.5s;
}
.image-and-content-modules .module:nth-of-type(33) .image-container:after {
transition-delay: 0.5s;
}
.image-and-content-modules .module:nth-of-type(34) h3 .word {
transition-delay: 0s;
}
.image-and-content-modules .module:nth-of-type(34) .image-container:after {
transition-delay: 0s;
}
.image-and-content-modules .module:nth-of-type(35) h3 .word {
transition-delay: 0.25s;
}
.image-and-content-modules .module:nth-of-type(35) .image-container:after {
transition-delay: 0.25s;
}
.image-and-content-modules .module:nth-of-type(36) h3 .word {
transition-delay: 0.5s;
}
.image-and-content-modules .module:nth-of-type(36) .image-container:after {
transition-delay: 0.5s;
}
.image-and-content-modules .module:nth-of-type(37) h3 .word {
transition-delay: 0s;
}
.image-and-content-modules .module:nth-of-type(37) .image-container:after {
transition-delay: 0s;
}
.image-and-content-modules .module:nth-of-type(38) h3 .word {
transition-delay: 0.25s;
}
.image-and-content-modules .module:nth-of-type(38) .image-container:after {
transition-delay: 0.25s;
}
.image-and-content-modules .module:nth-of-type(39) h3 .word {
transition-delay: 0.5s;
}
.image-and-content-modules .module:nth-of-type(39) .image-container:after {
transition-delay: 0.5s;
}
.image-and-content-modules .module:nth-of-type(40) h3 .word {
transition-delay: 0s;
}
.image-and-content-modules .module:nth-of-type(40) .image-container:after {
transition-delay: 0s;
}
.image-and-content-modules .module:nth-of-type(41) h3 .word {
transition-delay: 0.25s;
}
.image-and-content-modules .module:nth-of-type(41) .image-container:after {
transition-delay: 0.25s;
}
.image-and-content-modules .module:nth-of-type(42) h3 .word {
transition-delay: 0.5s;
}
.image-and-content-modules .module:nth-of-type(42) .image-container:after {
transition-delay: 0.5s;
}
.image-and-content-modules .module:nth-of-type(43) h3 .word {
transition-delay: 0s;
}
.image-and-content-modules .module:nth-of-type(43) .image-container:after {
transition-delay: 0s;
}
.image-and-content-modules .module:nth-of-type(44) h3 .word {
transition-delay: 0.25s;
}
.image-and-content-modules .module:nth-of-type(44) .image-container:after {
transition-delay: 0.25s;
}
.image-and-content-modules .module:nth-of-type(45) h3 .word {
transition-delay: 0.5s;
}
.image-and-content-modules .module:nth-of-type(45) .image-container:after {
transition-delay: 0.5s;
}
.image-and-content-modules .module:nth-of-type(46) h3 .word {
transition-delay: 0s;
}
.image-and-content-modules .module:nth-of-type(46) .image-container:after {
transition-delay: 0s;
}
.image-and-content-modules .module:nth-of-type(47) h3 .word {
transition-delay: 0.25s;
}
.image-and-content-modules .module:nth-of-type(47) .image-container:after {
transition-delay: 0.25s;
}
.image-and-content-modules .module:nth-of-type(48) h3 .word {
transition-delay: 0.5s;
}
.image-and-content-modules .module:nth-of-type(48) .image-container:after {
transition-delay: 0.5s;
}
.image-and-content-modules .module:nth-of-type(49) h3 .word {
transition-delay: 0s;
}
.image-and-content-modules .module:nth-of-type(49) .image-container:after {
transition-delay: 0s;
}
.image-and-content-modules .module:nth-of-type(50) h3 .word {
transition-delay: 0.25s;
}
.image-and-content-modules .module:nth-of-type(50) .image-container:after {
transition-delay: 0.25s;
}
}
.image-and-content-modules .image-container {
background: #FFF;
position: relative;
width: 100%;
aspect-ratio: 1/0.5;
}
.image-and-content-modules .image-container img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.image-and-content-modules .image-container.contain-image img {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 70%;
width: 70%;
min-width: 45rem;
min-height: 2.3rem;
-o-object-fit: contain;
object-fit: contain;
}
.image-and-content-modules .content {
padding: 2rem 2rem 4rem 2rem;
}
@media screen and (min-width: 1024px) {
.image-and-content-modules .content {
min-height: 23rem;
padding: 5rem 3rem;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.image-and-content-modules .content h3 {
font-size: 3rem;
}
}
.image-and-content-modules .content p {
font-size: 1.6rem;
}
.image-and-content-modules .accent-image {
position: absolute;
bottom: -1.3rem;
transform: translateY(50%);
right: 8rem;
max-width: 20rem;
width: 100%;
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
@media screen and (max-width: 767px) {
.image-and-content-modules .accent-image {
max-width: 12rem;
right: 4rem;
}
}
.latest-news-carousel .intro-content {
margin-bottom: 2.4rem;
}
@media screen and (min-width: 1024px) {
.latest-news-carousel .intro-content {
margin-bottom: 3.6rem;
}
}
.latest-news-carousel .news-carousel {
margin-bottom: 4rem;
padding-left: 3rem;
padding-right: 2.5rem;
}
@media screen and (min-width: 1024px) {
.latest-news-carousel .news-carousel {
margin-bottom: 6rem;
}
}
@media screen and (min-width: 1280px) {
.latest-news-carousel .news-carousel {
padding-left: calc((100vw - 138rem) / 2);
}
}
.latest-news-carousel .lower-wrap {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.latest-news-carousel .lower-wrap .btn, .latest-news-carousel .lower-wrap .static-btn {
margin-right: auto;
}
.latest-news-carousel .carousel-nav {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: center;
gap: 2px;
}
.latest-news-carousel .carousel-nav .swiper-button {
transition: all 0.5s ease-in-out;
position: relative;
right: auto;
left: auto;
top: auto;
display: block;
background-image: url(//inspiringhousing.co.uk/wp-content/themes/ict/library/images//carousel-nav-arrow.svg);
background-size: contain;
background-repeat: no-repeat;
width: 7.1rem;
height: 4.7rem;
margin: 0;
z-index: 2;
}
@media screen and (min-width: 768px) {
.latest-news-carousel .carousel-nav .swiper-button {
width: 8.4rem;
height: 5.3rem;
}
}
.latest-news-carousel .carousel-nav .swiper-button:first-of-type {
transform: scaleX(-1);
}
.latest-news-carousel .carousel-nav .swiper-button:first-of-type:hover {
transform: scaleX(-1) translateX(0.5rem);
}
.latest-news-carousel .carousel-nav .swiper-button:hover {
transform: translateX(0.5rem);
}
.latest-news-carousel .carousel-nav .swiper-button:after {
display: none;
}
.call-to-action {
overflow: hidden;
}
@media screen and (min-width: 768px) {
.call-to-action {
padding: 15rem 0;
}
}
.call-to-action .container {
padding: 4rem 3rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: #FFF;
border-radius: 2.4rem;
}
@media screen and (min-width: 1024px) {
.call-to-action .container {
padding: 5rem 10rem;
}
}
.call-to-action .content {
position: relative;
max-width: 47rem;
text-align: center;
}
.call-to-action .content .accent-image {
display: block;
position: absolute;
}
.call-to-action .content .accent-image-one {
max-width: 8rem;
left: 0rem;
top: -8rem;
}
@media screen and (min-width: 1024px) {
.call-to-action .content .accent-image-one {
max-width: 14rem;
left: -25rem;
top: -7rem;
}
}
.call-to-action .content .accent-image-two {
bottom: -10rem;
max-width: 50rem;
left: 0rem;
}
@media screen and (min-width: 1024px) {
.call-to-action .content .accent-image-two {
bottom: -18rem;
max-width: 50rem;
left: 50%;
}
}
.call-to-action h2 {
margin-bottom: 1.5rem;
}
.call-to-action .btn, .call-to-action .static-btn {
margin-top: 3rem;
}
.inner-masthead {
padding: 12rem 0 8rem;
background: #97005E;
color: #FFF;
}
@media screen and (min-width: 768px) {
.inner-masthead {
padding: 20rem 0 16rem;
}
}
@media screen and (max-width: 1023px) {
.inner-masthead {
text-align: center;
}
.inner-masthead h1 {
margin: 0 auto 0 auto;
}
.inner-masthead .btn, .inner-masthead .static-btn {
margin: 0 auto;
}
}
.inner-masthead .wrap {
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: center;
gap: 3rem;
}
@media screen and (min-width: 768px) {
.inner-masthead .wrap {
gap: 5rem;
}
}
@media screen and (min-width: 1024px) {
.inner-masthead .wrap {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: stretch;
}
}
.inner-masthead.vertical-layout {
text-align: center;
}
.inner-masthead.vertical-layout .wrap {
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: center;
gap: 0;
}
.inner-masthead.vertical-layout h1 {
margin: 0 0 2.4rem 0;
}
.inner-masthead.vertical-layout p {
font-weight: 400;
}
.inner-masthead.vertical-layout .content {
max-width: 75rem;
}
.inner-masthead.vertical-layout.narrow-width .content {
max-width: 60rem;
}
.inner-masthead.vertical-layout.full-width .content {
max-width: none;
}
.inner-masthead h1 {
margin-right: auto;
}
.inner-masthead h1:only-child {
margin: 0 auto;
}
.inner-masthead .content {
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: flex-start;
gap: 3.2rem;
max-width: 90rem;
}
.inner-masthead p {
font-weight: 700;
}
@media screen and (min-width: 768px) {
.inner-masthead p {
font-size: 2.2rem;
}
}
.inner-masthead h6 {
font-size: 1.6rem;
}
.image-modules .wrap {
max-width: 122rem;
}
.image-modules .intro-content {
margin-left: auto;
margin-right: auto;
margin-bottom: 2.4rem;
max-width: 70rem;
}
@media screen and (min-width: 1024px) {
.image-modules .intro-content {
margin-bottom: 3.6rem;
}
}
.image-modules .images {
width: 100%;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
}
@media screen and (max-width: 767px) {
.image-modules .images {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 2rem;
}
}
.image-modules .images img {
width: 100%;
height: auto;
}
.meet-the-team .intro-content {
margin-bottom: 2.4rem;
}
@media screen and (min-width: 1024px) {
.meet-the-team .intro-content {
margin-bottom: 3.6rem;
}
}
@media screen and (max-width: 1023px) {
.meet-the-team .wrap {
padding-right: 0;
}
}
.meet-the-team .team-members {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 6rem 2rem;
}
@media screen and (min-width: 768px) {
.meet-the-team .team-members {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 6rem 2rem;
}
}
@media screen and (min-width: 1024px) {
.meet-the-team .team-members {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 6rem 2rem;
}
}
@media screen and (min-width: 1024px) {
.meet-the-team .swiper-wrapper {
display: contents;
}
}
.meet-the-team .team-member .image-container {
width: 100%;
aspect-ratio: 1/1;
border-radius: 2.4rem;
overflow: hidden;
margin-bottom: 2rem;
}
@media screen and (min-width: 1024px) {
.meet-the-team .team-member .image-container {
aspect-ratio: 1/1.2;
}
}
.meet-the-team .team-member .image-container img {
height: 100%;
width: 100%;
}
.meet-the-team .team-member h5 {
margin-bottom: 0.5rem;
}
.meet-the-team .team-member .job-title {
padding-bottom: 1rem;
margin-bottom: 1rem;
border-bottom: 1px solid #0C0C0C;
}
.meet-the-team .team-member p:not(.job-title) {
font-size: 1.4rem;
}
.meet-the-team .team-member:nth-of-type(1) .image-container:after {
transition-delay: 0s;
}
.meet-the-team .team-member:nth-of-type(2) .image-container:after {
transition-delay: 0.25s;
}
.meet-the-team .team-member:nth-of-type(3) .image-container:after {
transition-delay: 0.5s;
}
.meet-the-team .team-member:nth-of-type(4) .image-container:after {
transition-delay: 0.75s;
}
.meet-the-team .team-member:nth-of-type(5) .image-container:after {
transition-delay: 0s;
}
.meet-the-team .team-member:nth-of-type(6) .image-container:after {
transition-delay: 0.25s;
}
.meet-the-team .team-member:nth-of-type(7) .image-container:after {
transition-delay: 0.5s;
}
.meet-the-team .team-member:nth-of-type(8) .image-container:after {
transition-delay: 0.75s;
}
.meet-the-team .team-member:nth-of-type(9) .image-container:after {
transition-delay: 0s;
}
.meet-the-team .team-member:nth-of-type(10) .image-container:after {
transition-delay: 0.25s;
}
.meet-the-team .team-member:nth-of-type(11) .image-container:after {
transition-delay: 0.5s;
}
.meet-the-team .team-member:nth-of-type(12) .image-container:after {
transition-delay: 0.75s;
}
.meet-the-team .team-member:nth-of-type(13) .image-container:after {
transition-delay: 0s;
}
.meet-the-team .team-member:nth-of-type(14) .image-container:after {
transition-delay: 0.25s;
}
.meet-the-team .team-member:nth-of-type(15) .image-container:after {
transition-delay: 0.5s;
}
.meet-the-team .team-member:nth-of-type(16) .image-container:after {
transition-delay: 0.75s;
}
.meet-the-team .team-member:nth-of-type(17) .image-container:after {
transition-delay: 0s;
}
.meet-the-team .team-member:nth-of-type(18) .image-container:after {
transition-delay: 0.25s;
}
.meet-the-team .team-member:nth-of-type(19) .image-container:after {
transition-delay: 0.5s;
}
.meet-the-team .team-member:nth-of-type(20) .image-container:after {
transition-delay: 0.75s;
}
.meet-the-team .team-member:nth-of-type(21) .image-container:after {
transition-delay: 0s;
}
.meet-the-team .team-member:nth-of-type(22) .image-container:after {
transition-delay: 0.25s;
}
.meet-the-team .team-member:nth-of-type(23) .image-container:after {
transition-delay: 0.5s;
}
.meet-the-team .team-member:nth-of-type(24) .image-container:after {
transition-delay: 0.75s;
}
.meet-the-team .team-member:nth-of-type(25) .image-container:after {
transition-delay: 0s;
}
.meet-the-team .team-member:nth-of-type(26) .image-container:after {
transition-delay: 0.25s;
}
.meet-the-team .team-member:nth-of-type(27) .image-container:after {
transition-delay: 0.5s;
}
.meet-the-team .team-member:nth-of-type(28) .image-container:after {
transition-delay: 0.75s;
}
.meet-the-team .team-member:nth-of-type(29) .image-container:after {
transition-delay: 0s;
}
.meet-the-team .team-member:nth-of-type(30) .image-container:after {
transition-delay: 0.25s;
}
.meet-the-team .team-member:nth-of-type(31) .image-container:after {
transition-delay: 0.5s;
}
.meet-the-team .team-member:nth-of-type(32) .image-container:after {
transition-delay: 0.75s;
}
.meet-the-team .team-member:nth-of-type(33) .image-container:after {
transition-delay: 0s;
}
.meet-the-team .team-member:nth-of-type(34) .image-container:after {
transition-delay: 0.25s;
}
.meet-the-team .team-member:nth-of-type(35) .image-container:after {
transition-delay: 0.5s;
}
.meet-the-team .team-member:nth-of-type(36) .image-container:after {
transition-delay: 0.75s;
}
.meet-the-team .team-member:nth-of-type(37) .image-container:after {
transition-delay: 0s;
}
.meet-the-team .team-member:nth-of-type(38) .image-container:after {
transition-delay: 0.25s;
}
.meet-the-team .team-member:nth-of-type(39) .image-container:after {
transition-delay: 0.5s;
}
.meet-the-team .team-member:nth-of-type(40) .image-container:after {
transition-delay: 0.75s;
}
.meet-the-team .team-member:nth-of-type(41) .image-container:after {
transition-delay: 0s;
}
.meet-the-team .team-member:nth-of-type(42) .image-container:after {
transition-delay: 0.25s;
}
.meet-the-team .team-member:nth-of-type(43) .image-container:after {
transition-delay: 0.5s;
}
.meet-the-team .team-member:nth-of-type(44) .image-container:after {
transition-delay: 0.75s;
}
.meet-the-team .team-member:nth-of-type(45) .image-container:after {
transition-delay: 0s;
}
.meet-the-team .team-member:nth-of-type(46) .image-container:after {
transition-delay: 0.25s;
}
.meet-the-team .team-member:nth-of-type(47) .image-container:after {
transition-delay: 0.5s;
}
.meet-the-team .team-member:nth-of-type(48) .image-container:after {
transition-delay: 0.75s;
}
.meet-the-team .team-member:nth-of-type(49) .image-container:after {
transition-delay: 0s;
}
.meet-the-team .team-member:nth-of-type(50) .image-container:after {
transition-delay: 0.25s;
}
.meet-the-team .small-print {
margin-top: 6rem;
font-weight: 700;
max-width: 58rem;
}
@media screen and (max-width: 767px) {
.meet-the-team .small-print {
margin-top: 3rem;
}
}
.news-overview {
position: relative;
padding-top: 16rem;
padding-bottom: 20rem;
}
@media screen and (max-width: 1023px) {
.news-overview {
padding-top: 8rem;
padding-bottom: 8rem;
}
}
.news-overview .wrap .wrap {
padding: 0;
}
.news-overview .news-filters {
width: 100%;
margin-bottom: 4rem;
}
.news-overview .news-filters .mobile-filters {
display: none;
}
@media screen and (max-width: 1023px) {
.news-overview .news-filters .mobile-filters {
background-image: url(//inspiringhousing.co.uk/wp-content/themes/ict/library/images//down-white-arrow.svg);
background-size: 1.5rem;
background-repeat: no-repeat;
background-position: 95% center;
display: block;
width: 100%;
border-radius: 10rem;
font-family: "trade-gothic-next", sans-serif;
font-size: 1.8rem;
padding: 1rem 2rem;
-webkit-appearance: none;
background-color: #97005E;
color: #FFF;
border: none;
}
.news-overview .news-filters .mobile-filters option {
color: #000;
}
}
.news-overview .news-filters .desktop-filters {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: center;
gap: 1rem;
}
@media screen and (max-width: 1023px) {
.news-overview .news-filters .desktop-filters {
display: none;
}
}
.news-overview .news-filters .filter {
transition: all 0.5s ease-in-out;
background: #efd9e7;
color: #97005E;
cursor: pointer;
padding: 1.6rem 3rem;
border-radius: 5rem;
font-weight: bold;
}
.news-overview .news-filters .filter.active {
background: #97005E;
color: #FFF;
}
.news-overview .inner-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2.4rem;
}
@media screen and (max-width: 767px) {
.news-overview .inner-grid {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 3rem 2.4rem;
}
}
.news-overview .inner-grid.loading {
animation: blurOut 1s both;
}
.news-overview .inner-grid.loaded {
animation: blur 1s 0.5s both;
}
@media screen and (min-width: 768px) {
.news-overview .news-card:nth-of-type(1) .image-container:after {
transition-delay: 0s;
}
.news-overview .news-card:nth-of-type(2) .image-container:after {
transition-delay: 0.25s;
}
.news-overview .news-card:nth-of-type(3) .image-container:after {
transition-delay: 0.5s;
}
.news-overview .news-card:nth-of-type(4) .image-container:after {
transition-delay: 0s;
}
.news-overview .news-card:nth-of-type(5) .image-container:after {
transition-delay: 0.25s;
}
.news-overview .news-card:nth-of-type(6) .image-container:after {
transition-delay: 0.5s;
}
.news-overview .news-card:nth-of-type(7) .image-container:after {
transition-delay: 0s;
}
.news-overview .news-card:nth-of-type(8) .image-container:after {
transition-delay: 0.25s;
}
.news-overview .news-card:nth-of-type(9) .image-container:after {
transition-delay: 0.5s;
}
.news-overview .news-card:nth-of-type(10) .image-container:after {
transition-delay: 0s;
}
.news-overview .news-card:nth-of-type(11) .image-container:after {
transition-delay: 0.25s;
}
.news-overview .news-card:nth-of-type(12) .image-container:after {
transition-delay: 0.5s;
}
.news-overview .news-card:nth-of-type(13) .image-container:after {
transition-delay: 0s;
}
.news-overview .news-card:nth-of-type(14) .image-container:after {
transition-delay: 0.25s;
}
.news-overview .news-card:nth-of-type(15) .image-container:after {
transition-delay: 0.5s;
}
.news-overview .news-card:nth-of-type(16) .image-container:after {
transition-delay: 0s;
}
.news-overview .news-card:nth-of-type(17) .image-container:after {
transition-delay: 0.25s;
}
.news-overview .news-card:nth-of-type(18) .image-container:after {
transition-delay: 0.5s;
}
.news-overview .news-card:nth-of-type(19) .image-container:after {
transition-delay: 0s;
}
.news-overview .news-card:nth-of-type(20) .image-container:after {
transition-delay: 0.25s;
}
.news-overview .news-card:nth-of-type(21) .image-container:after {
transition-delay: 0.5s;
}
.news-overview .news-card:nth-of-type(22) .image-container:after {
transition-delay: 0s;
}
.news-overview .news-card:nth-of-type(23) .image-container:after {
transition-delay: 0.25s;
}
.news-overview .news-card:nth-of-type(24) .image-container:after {
transition-delay: 0.5s;
}
.news-overview .news-card:nth-of-type(25) .image-container:after {
transition-delay: 0s;
}
.news-overview .news-card:nth-of-type(26) .image-container:after {
transition-delay: 0.25s;
}
.news-overview .news-card:nth-of-type(27) .image-container:after {
transition-delay: 0.5s;
}
.news-overview .news-card:nth-of-type(28) .image-container:after {
transition-delay: 0s;
}
.news-overview .news-card:nth-of-type(29) .image-container:after {
transition-delay: 0.25s;
}
.news-overview .news-card:nth-of-type(30) .image-container:after {
transition-delay: 0.5s;
}
.news-overview .news-card:nth-of-type(31) .image-container:after {
transition-delay: 0s;
}
.news-overview .news-card:nth-of-type(32) .image-container:after {
transition-delay: 0.25s;
}
.news-overview .news-card:nth-of-type(33) .image-container:after {
transition-delay: 0.5s;
}
.news-overview .news-card:nth-of-type(34) .image-container:after {
transition-delay: 0s;
}
.news-overview .news-card:nth-of-type(35) .image-container:after {
transition-delay: 0.25s;
}
.news-overview .news-card:nth-of-type(36) .image-container:after {
transition-delay: 0.5s;
}
.news-overview .news-card:nth-of-type(37) .image-container:after {
transition-delay: 0s;
}
.news-overview .news-card:nth-of-type(38) .image-container:after {
transition-delay: 0.25s;
}
.news-overview .news-card:nth-of-type(39) .image-container:after {
transition-delay: 0.5s;
}
.news-overview .news-card:nth-of-type(40) .image-container:after {
transition-delay: 0s;
}
.news-overview .news-card:nth-of-type(41) .image-container:after {
transition-delay: 0.25s;
}
.news-overview .news-card:nth-of-type(42) .image-container:after {
transition-delay: 0.5s;
}
.news-overview .news-card:nth-of-type(43) .image-container:after {
transition-delay: 0s;
}
.news-overview .news-card:nth-of-type(44) .image-container:after {
transition-delay: 0.25s;
}
.news-overview .news-card:nth-of-type(45) .image-container:after {
transition-delay: 0.5s;
}
.news-overview .news-card:nth-of-type(46) .image-container:after {
transition-delay: 0s;
}
.news-overview .news-card:nth-of-type(47) .image-container:after {
transition-delay: 0.25s;
}
.news-overview .news-card:nth-of-type(48) .image-container:after {
transition-delay: 0.5s;
}
.news-overview .news-card:nth-of-type(49) .image-container:after {
transition-delay: 0s;
}
.news-overview .news-card:nth-of-type(50) .image-container:after {
transition-delay: 0.25s;
}
}
.news-overview .pagination {
margin-top: 3rem;
grid-column: 1/2;
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 0.2rem;
}
@media screen and (min-width: 768px) {
.news-overview .pagination {
margin-top: 4rem;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
grid-column: 1/4;
}
}
.news-overview .page-numbers {
transition: all 0.5s ease-in-out;
background: #97005E;
color: #FFF;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 4rem;
height: 4rem;
font-weight: bold;
font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
.news-overview .page-numbers {
font-size: 1.6rem;
width: 5.6rem;
height: 5.6rem;
}
}
.news-overview .page-numbers:hover:not(.next):not(.prev), .news-overview .page-numbers.current:not(.next):not(.prev) {
background: #efd9e7;
color: #97005E;
}
.news-overview .page-numbers:hover.next, .news-overview .page-numbers.current.next {
transform: translateX(0.5rem);
}
.news-overview .page-numbers:hover.prev, .news-overview .page-numbers.current.prev {
transform: scaleX(-1) translateX(0.5rem);
}
.news-overview .page-numbers.prev, .news-overview .page-numbers.next {
font-size: 0;
background-image: url(//inspiringhousing.co.uk/wp-content/themes/ict/library/images//white-right-arrow.svg);
background-size: 1rem;
background-repeat: no-repeat;
background-position: center;
border-radius: 0 5rem 5rem 0;
transform: scaleX(-1);
}
@media screen and (min-width: 768px) {
.news-overview .page-numbers.prev, .news-overview .page-numbers.next {
background-size: 1.4rem;
}
}
.news-overview .page-numbers.next {
transform: none;
}
.news-overview .news-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.5s 0.5s all;
z-index: 5;
}
.news-overview .news-loader .loader {
width: 5rem;
height: 5rem;
border-radius: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
margin: 0 auto;
}
.news-overview .news-loader .loader:before, .news-overview .news-loader .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: #97005E;
}
.news-overview .news-loader .loader:before {
z-index: 100;
animation: spin 1s infinite;
}
.news-overview .news-loader .loader:after {
border: 5px solid #F4F4F4;
}
.news-overview .news-loader.show-loader {
visibility: visible;
opacity: 1;
pointer-events: auto;
transition-delay: 0s;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.downloads .intro-content {
margin-bottom: 2.4rem;
}
@media screen and (min-width: 1024px) {
.downloads .intro-content {
margin-bottom: 3.6rem;
}
}
.downloads .downloads-rows {
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: stretch;
gap: 2.4rem;
}
.downloads .row {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: center;
border-bottom: 1px solid #0C0C0C;
padding-bottom: 2.4rem;
}
.downloads .row .title {
font-weight: 700;
font-size: 2rem;
display: block;
margin-right: auto;
}
@media screen and (max-width: 767px) {
.downloads .row .title {
font-size: 1.6rem;
}
}
.downloads .row .btn, .downloads .row .static-btn {
flex-shrink: 0;
gap: 1rem;
margin-left: 2rem;
}
.downloads .row .btn:after, .downloads .row .static-btn:after {
background-image: url(//inspiringhousing.co.uk/wp-content/themes/ict/library/images//download-icon.svg);
background-size: contain;
background-repeat: no-repeat;
content: "";
display: block;
position: absolute;
position: static;
height: 2.2rem;
width: 2.2rem;
}
.content-modules .wrap {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2.4rem;
}
@media screen and (max-width: 1023px) {
.content-modules .wrap {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 3rem 2.4rem;
}
}
.content-modules .module {
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: stretch;
padding: 3rem 3rem;
border-radius: 2.4rem;
}
@media screen and (min-width: 768px) {
.content-modules .module {
padding: 8rem 9rem;
}
}
.content-modules .module strong {
font-size: 1.8rem;
}
.content-modules .module p:last-of-type {
margin-bottom: auto;
}
.content-modules .buttons {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: stretch;
flex-wrap: wrap;
gap: 1.6rem;
margin-top: 4rem;
}
.generic-content .wrap {
max-width: 60rem;
} .error404__content {
padding: 100px 0 150px;
text-align: center;
}
.error404__content h1 {
font-size: 7em;
color: #97005E;
line-height: 170px;
margin-bottom: 30px;
}
.single-post-inner .single-masthead {
background: #efd9e7;
padding: 20rem 0 16rem 0;
}
.single-post-inner .single-masthead .wrap {
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: stretch;
flex-direction: column-reverse;
gap: 5rem;
}
@media screen and (min-width: 768px) {
.single-post-inner .single-masthead .wrap {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: stretch;
}
}
.single-post-inner .single-masthead .content {
max-width: 75rem;
margin-right: auto;
}
.single-post-inner .single-masthead .inner-content {
font-size: 2rem;
max-width: 65rem;
}
.single-post-inner .single-masthead .image-container {
max-width: 44rem;
aspect-ratio: 1/0.8;
border-radius: 1.2rem;
overflow: hidden;
}
.single-post-inner .single-masthead img {
width: 100%;
height: 100%;
}
.single-post-inner .single-masthead h1 {
margin: 0;
}
@media screen and (min-width: 1024px) {
.single-post-inner .single-masthead h1 {
font-size: 6rem;
}
}
.single-post-inner .single-masthead .date {
font-size: 1.2rem;
margin-bottom: 1.3rem;
}
.single-post-inner .main-content {
padding: 10rem 0;
}
.single-post-inner .intro-image {
border-radius: 1.2rem;
width: 100%;
aspect-ratio: 1/0.5;
overflow: hidden;
margin-bottom: 10rem;
}
.single-post-inner .intro-image img {
width: 100%;
height: 100%;
}
.single-post-inner .inner-wrap {
margin-left: auto;
margin-right: auto;
max-width: 60rem;
}
.single-post-inner .inner-wrap .image-container {
margin: 5rem 0;
border-radius: 1.2rem;
}
.single-post-inner .interested-in {
margin-top: 4rem;
margin-bottom: 2rem;
margin-right: -3rem;
padding-right: 3rem;
}
@media screen and (min-width: 768px) {
.single-post-inner .interested-in {
padding-right: 0;
margin-right: 0;
margin-top: 10rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
}
.single-post-inner .interested-in h2 {
text-align: center;
margin-bottom: 5rem;
}
@media screen and (min-width: 768px) {
.single-post-inner .interested-in .swiper-wrapper {
display: contents;
}
.single-post-inner .interested-in .posts {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2.4rem;
}
}
.single-post-inner .interested-in .btn, .single-post-inner .interested-in .static-btn {
margin-top: 6rem;
}