.block-sim7-logo-bar {
margin-top: 4rem;
} .block-sim7-logo-bar #logo-container {
position: relative;
transition: top 1s ease-in-out, left 1s ease-in-out;
padding-top: 2rem;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
} .block-sim7-logo-bar #logo-container #contact-roundel {
width: 80px;
height: 80px;
transition: all 0.25s ease;
} .block-sim7-logo-bar #logo-container a {
display: flex;
} .block-sim7-logo-bar #logo-container #logo {
width: 140px;
transition: all 0.5s ease;
} .block-sim7-logo-bar #logo-container.sticky {
width: 100%;
position: fixed;
left: 0;
top: 0;
background-color: rgba(46, 56, 63, 0.5);
z-index: 10;
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
padding-left: 3rem;
padding-right: 3rem;
} .block-sim7-logo-bar #logo-container.sticky #logo {
width: 100px !important;
} .block-sim7-logo-bar #logo-container.sticky #contact-roundel {
width: 70px !important;
height: 70px !important;
} .block-sim7-logo-bar #logo-container.nav-up {
top: 0px;
} .block-sim7-logo-bar #logo-container.nav-down {
top: 0px;
} .block-sim7-logo-bar #logo-container.sticky.nav-down {
top: 80px;
} .block-sim7-logo-bar #logo-container.nav-down:not(.sticky) {
top: 0px;
} .editor-styles-wrapper .block-sim7-logo-bar {
padding: 0 3rem;
}.block-intro-text {
max-width: 80%;
z-index: 1;
margin-top: 4rem;
color: #FEFEFE;
font-size: 3rem;
font-style: normal;
font-weight: 500;
line-height: 3.75rem;
} .block-intro-text .intro-text-ctas {
margin-top: 2rem;
display: flex;
} .block-intro-text .intro-text-ctas .intro-text-cta {
display: flex;
margin-right: 1rem;
} .block-intro-text .intro-text-ctas .intro-text-cta a {
margin-left: 5px;
color: #FEFEFE;
text-align: center;
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
line-height: 1.625rem; text-decoration: none;
} .block-intro-text .intro-text-ctas .intro-text-cta .nav-arrow {
width: 24px;
height: 24px;
margin-left: 6px;
transition: transform 0.5s ease;
} .block-intro-text .intro-text-ctas .intro-text-cta:hover .nav-arrow {
transform: rotate(45deg);
} .editor-styles-wrapper .block-intro-text {
padding: 2rem;
}
@media only screen and (min-width: 768px) { .block-intro-text {
max-width: 75%;
margin-top: 5rem;
color: #FEFEFE;
font-size: 3rem;
font-style: normal;
font-weight: 500;
line-height: 4rem; } .block-intro-text .intro-text-ctas .intro-text-cta a {
color: #FEFEFE;
font-size: 1.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.625rem; } .page-template-page-home .block-intro-text {
max-width: 75%;
margin-top: 7.5rem;
font-size: 3.5rem;
font-style: normal;
font-weight: 500;
line-height: 4rem; padding: 0;
}
}
@media only screen and (max-width: 767px) { .block-intro-text {
max-width: 100%;
margin-top: 2rem;
font-size: 1.875rem;
font-style: normal;
font-weight: 500;
line-height: 2.25rem; font-style: normal;
padding: 0;
} .block-intro-text .intro-text-ctas .intro-text-cta a {
font-size: 1rem;
margin: 0;
} .block-intro-text .intro-text-ctas .intro-text-cta .nav-arrow {
width: 1rem;
height: 1rem;
margin-left: 6px;
}
}@font-face {
font-family: 'Bw Gradual';
src: url(//sim7creative.co.uk/wp-content/themes/sim7/library/fonts/BwGradual-Bold.woff2) format("woff2"), url(//sim7creative.co.uk/wp-content/themes/sim7/library/fonts/BwGradual-Bold.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bw Gradual';
src: url(//sim7creative.co.uk/wp-content/themes/sim7/library/fonts/BwGradual-Light.woff2) format("woff2"), url(//sim7creative.co.uk/wp-content/themes/sim7/library/fonts/BwGradual-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bw Gradual';
src: url(//sim7creative.co.uk/wp-content/themes/sim7/library/fonts/BwGradual-Regular.woff2) format("woff2"), url(//sim7creative.co.uk/wp-content/themes/sim7/library/fonts/BwGradual-Regular.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}    p {
-ms-word-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
-webkit-hyphenate-before: 2;
-webkit-hyphenate-after: 3;
hyphenate-lines: 3;
-webkit-font-feature-settings: "liga", "dlig";
-moz-font-feature-settings: "liga=1, dlig=1";
-ms-font-feature-settings: "liga", "dlig";
-o-font-feature-settings: "liga", "dlig";
font-feature-settings: "liga", "dlig";
} .block-break-out-text {
z-index: 1;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
} .block-break-out-text .break-out-text-inner {
border-left: 0.25rem solid #E0EED2;
padding: 0 1rem;
color: #FEFEFE;
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.75rem; } .block-break-out-text .break-out-text-inner p {
max-width: 82ch;
margin: 0;
margin-bottom: 20px;
} .block-break-out-text .break-out-text-inner p:last-child {
margin: 0;
} .block-break-out-text .break-out-text-inner .break-out-text-heading {
color: #fff;
font-size: 2.6875rem;
font-style: normal;
font-weight: 700;
line-height: 4rem; margin-bottom: 1rem;
} .editor-styles-wrapper .block-break-out-text {
padding: 0 3rem;
}.block-three-stepped-case-study {
z-index: 1;
margin-top: 4rem;
width: 100%;
height: 100%;
display: grid;
align-items: center;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(4, auto);
} .block-three-stepped-case-study .three-stepped-case-study-rear-left, .block-three-stepped-case-study .three-stepped-case-study-rear-right, .block-three-stepped-case-study .three-stepped-case-study-central {
padding-bottom: 60%;
position: relative;
} .block-three-stepped-case-study .three-stepped-case-study-rear-left > :first-child, .block-three-stepped-case-study .three-stepped-case-study-rear-right > :first-child, .block-three-stepped-case-study .three-stepped-case-study-central > :first-child {
left: 0;
height: 100%;
position: absolute;
top: 0;
width: 100%;
} .block-three-stepped-case-study .three-stepped-case-study-rear-left {
background-color: #111;
z-index: 1;
align-self: flex-start;
grid-column: 1/7;
grid-row: 1/1;
margin-bottom: -2rem;
} .block-three-stepped-case-study .three-stepped-case-study-central {
z-index: 2;
position: relative;
grid-column: 2/12;
grid-row: 2/3;
top: unset;
} .block-three-stepped-case-study .three-stepped-case-study-rear-right {
background-color: #111;
z-index: 1;
position: relative;
align-self: flex-end;
grid-column: 7/13;
grid-row: 3/3;
top: unset;
margin-top: -2rem;
} .block-three-stepped-case-study .link-line {
padding-top: 1.2rem;
} .block-three-stepped-case-study a.case-study-link, .block-three-stepped-case-study .link-line {
grid-column: 1/13;
grid-row: 4/5;
display: inline-block;
align-items: center;
color: #FEFEFE;
text-decoration: none;
position: relative;
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
line-height: 2.25rem;
} .block-three-stepped-case-study a.case-study-link:visited, .block-three-stepped-case-study .link-line:visited {
color: #FEFEFE;
} .block-three-stepped-case-study a.case-study-link .bold, .block-three-stepped-case-study .link-line .bold {
font-weight: bold;
margin-right: 5px;
} .block-three-stepped-case-study a.case-study-link .nav-arrow, .block-three-stepped-case-study .link-line .nav-arrow {
width: 24px;
height: 24px;
margin-left: 6px;
display: inline-block;
transition: transform 0.5s ease;
} .block-three-stepped-case-study a.case-study-link:hover .nav-arrow, .block-three-stepped-case-study .link-line:hover .nav-arrow {
transform: rotate(45deg);
} .block-three-stepped-case-study .embed-container {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto;
} .block-three-stepped-case-study .embed-container iframe,
.block-three-stepped-case-study .embed-container object,
.block-three-stepped-case-study .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
@media only screen and (min-width: 768px) { .block-three-stepped-case-study {
margin-top: 7.5rem;
padding-bottom: 7.5rem;
grid-template-columns: repeat(7, 1fr);
grid-template-rows: auto;
} .block-three-stepped-case-study .three-stepped-case-study-rear-left {
align-self: unset;
grid-column: 1/4;
grid-row: 1/1;
} .block-three-stepped-case-study .three-stepped-case-study-central {
grid-column: 3/6;
grid-row: 1/1;
top: 5rem;
} .block-three-stepped-case-study .three-stepped-case-study-rear-right {
align-self: unset;
grid-column: 5/8;
grid-row: 1/1;
top: 10rem;
} .block-three-stepped-case-study a.case-study-link, .block-three-stepped-case-study .link-line {
display: inline-block;
grid-column: 1/7;
grid-row: 3;
bottom: -3.75rem;
}
}
@media only screen and (max-width: 767px) { .block-three-stepped-case-study {
display: block;
margin-top: 2rem;
} .block-three-stepped-case-study .link-line {
padding-top: 1.2rem;
} .block-three-stepped-case-study a.case-study-link, .block-three-stepped-case-study .link-line {
display: inline-block;
line-height: 1.5rem;
} .block-three-stepped-case-study a.case-study-link .nav-arrow, .block-three-stepped-case-study .link-line .nav-arrow {
width: 1rem;
height: 1rem;
display: inline-block;
} .three-stepped-case-study-rear-left, .three-stepped-case-study-rear-right {
display: none;
}
} .editor-styles-wrapper .block-three-stepped-case-study {
padding: 0 3rem;
margin-top: 7.5rem;
}.block-featured-quote {
z-index: 1;
margin-top: 4rem;
display: grid;
grid-template-columns: 1fr;
align-items: center;
} .block-featured-quote-text {
display: flex;
flex-direction: column;
border-top: 4px solid #E0EED2;
padding-top: 1rem;
order: 2;
} .block-featured-quote-text .block-featured-quote-text-quote {
color: #FEFEFE;
font-size: 2.625rem;
font-style: normal;
font-weight: 500;
line-height: 3rem; } .block-featured-quote-text .block-featured-quote-text-attribution {
display: block;
margin-top: 1.75rem;
color: #FEFEFE;
font-size: 1.875rem;
font-style: normal;
font-weight: 400;
} .block-featured-quote-graphic {
display: flex;
justify-content: center;
order: 1;
margin-bottom: 2rem;
} .block-featured-quote-graphic img {
width: 100%;
max-width: 30rem;
}
@media only screen and (max-width: 767px) { .block-featured-quote-text .block-featured-quote-text-quote {
font-size: 1.875rem;
font-style: normal;
font-weight: 500;
line-height: 2.25rem; }
}
@media only screen and (min-width: 1030px) { .block-featured-quote {
margin-top: 7.5rem;
padding: 0 3rem;
grid-template-columns: 1fr 1fr;
} .block-featured-quote .block-featured-quote-text {
order: 1;
} .block-featured-quote .block-featured-quote-graphic {
order: 2;
justify-content: flex-end;
margin-bottom: 0rem;
} .block-featured-quote .block-featured-quote-graphic img {
max-width: 25rem;
}
} .editor-styles-wrapper .block-featured-quote {
padding: 0 3rem;
}.block-two-stepped-case-studies {
margin-top: 2rem;
min-height: 300px;
display: grid;
grid-template-columns: 1fr;
grid-gap: 1.8rem;
z-index: 1;
} .block-two-stepped-case-studies .two-stepped-case-study .link-line {
padding-top: 1.2rem;
} .block-two-stepped-case-studies .two-stepped-case-study a.case-study-link, .block-two-stepped-case-studies .two-stepped-case-study .link-line {
display: inline-block;
align-items: center;
color: #FEFEFE;
text-decoration: none;
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
line-height: 26px;
max-width: 90%;
} .block-two-stepped-case-studies .two-stepped-case-study a.case-study-link:visited, .block-two-stepped-case-studies .two-stepped-case-study .link-line:visited {
color: #FEFEFE;
} .block-two-stepped-case-studies .two-stepped-case-study a.case-study-link .bold, .block-two-stepped-case-studies .two-stepped-case-study .link-line .bold {
font-weight: bold;
margin-right: 5px;
} .block-two-stepped-case-studies .two-stepped-case-study a.case-study-link .nav-arrow, .block-two-stepped-case-studies .two-stepped-case-study .link-line .nav-arrow {
width: 1rem;
height: 1rem;
display: inline-block;
margin-left: 6px;
transition: transform 0.5s ease;
} .block-two-stepped-case-studies .two-stepped-case-study a.case-study-link:hover .nav-arrow, .block-two-stepped-case-studies .two-stepped-case-study .link-line:hover .nav-arrow {
transform: rotate(45deg);
} .block-two-stepped-case-studies .embed-container {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto;
} .block-two-stepped-case-studies .embed-container iframe,
.block-two-stepped-case-studies .embed-container object,
.block-two-stepped-case-studies .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (min-width: 768px) { .block-two-stepped-case-studies .two-stepped-case-study .link-line {
padding-top: 1.2rem;
} .block-two-stepped-case-studies .two-stepped-case-study a.case-study-link, .block-two-stepped-case-studies .two-stepped-case-study .link-line {
line-height: 2.25rem;
max-width: unset;
} .block-two-stepped-case-studies .two-stepped-case-study a.case-study-link .nav-arrow, .block-two-stepped-case-studies .two-stepped-case-study .link-line .nav-arrow {
display: inline-block;
width: 24px;
height: 24px;
margin-left: 6px;
}
}
@media only screen and (min-width: 1030px) { .block-two-stepped-case-studies {
margin-top: 7.5rem;
grid-template-columns: 1fr 1fr;
} .block-two-stepped-case-studies .two-stepped-case-study:nth-of-type(2) {
margin-top: 8rem;
}
} .editor-styles-wrapper .block-two-stepped-case-studies {
padding: 0 3rem;
margin-top: 7.5rem;
}@font-face {
font-family: 'Bw Gradual';
src: url(//sim7creative.co.uk/wp-content/themes/sim7/library/fonts/BwGradual-Bold.woff2) format("woff2"), url(//sim7creative.co.uk/wp-content/themes/sim7/library/fonts/BwGradual-Bold.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bw Gradual';
src: url(//sim7creative.co.uk/wp-content/themes/sim7/library/fonts/BwGradual-Light.woff2) format("woff2"), url(//sim7creative.co.uk/wp-content/themes/sim7/library/fonts/BwGradual-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bw Gradual';
src: url(//sim7creative.co.uk/wp-content/themes/sim7/library/fonts/BwGradual-Regular.woff2) format("woff2"), url(//sim7creative.co.uk/wp-content/themes/sim7/library/fonts/BwGradual-Regular.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}    p {
-ms-word-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
-webkit-hyphenate-before: 2;
-webkit-hyphenate-after: 3;
hyphenate-lines: 3;
-webkit-font-feature-settings: "liga", "dlig";
-moz-font-feature-settings: "liga=1, dlig=1";
-ms-font-feature-settings: "liga", "dlig";
-o-font-feature-settings: "liga", "dlig";
font-feature-settings: "liga", "dlig";
} .block-callout-box.light-theme {
background-color: #E0EED2;
} .block-callout-box.light-theme .block-callout-box-inner {
border: 1px solid #9063CD;
} .block-callout-box.light-theme .block-callout-box-inner .block-callout-box-text .block-callout-box-heading {
border-left: 4px solid #9063CD;
color: #262626;
} .block-callout-box.light-theme .block-callout-box-inner .block-callout-box-text .block-callout-box-body {
color: #262626;
} .block-callout-box.light-theme .block-callout-box-inner .block-callout-box-text .block-callout-box-body p {
color: #262626 !important;
} .block-callout-box.dark-theme {
background-color: #262626;
} .block-callout-box.dark-theme .block-callout-box-inner {
border: 1px solid #9063cd;
} .block-callout-box.dark-theme .block-callout-box-inner .block-callout-box-text .block-callout-box-heading {
border-left: 4px solid #9063cd;
color: #ffffff;
} .block-callout-box.dark-theme .block-callout-box-inner .block-callout-box-text .block-callout-box-body {
color: #ffffff;
} .block-callout-box.dark-theme .block-callout-box-inner .block-callout-box-text .block-callout-box-body p {
color: #ffffff !important;
} .block-callout-box {
z-index: 1;
padding: 1.38rem;
margin-top: 4rem;
} .block-callout-box .block-callout-box-inner {
padding: 1.25rem;
display: grid;
grid-template-columns: 1fr;
align-items: center;
grid-gap: 4rem;
} .block-callout-box .block-callout-box-inner .block-callout-box-image {
display: flex;
justify-content: center;
align-items: center;
} .block-callout-box .block-callout-box-inner .block-callout-box-image img {
max-width: 80%;
} .block-callout-box .block-callout-box-inner .block-callout-box-text {
display: flex;
flex-direction: column;
justify-content: center;
} .block-callout-box .block-callout-box-inner .block-callout-box-text .block-callout-box-heading {
display: flex;
align-items: center;
min-height: 2.30488rem;
padding-left: 0.78rem;
font-size: 1.875rem;
font-weight: 700;
line-height: 2.25rem;
} .block-callout-box .block-callout-box-inner .block-callout-box-text .block-callout-box-body {
padding-top: 2rem;
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 1.2rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem;
} .block-callout-box .block-callout-box-inner .block-callout-box-text .block-callout-box-body p {
color: #262626 !important;
}
@media only screen and (min-width: 1030px) { .block-callout-box {
margin-top: 7.5rem;
} .block-callout-box .block-callout-box-text .block-callout-box-heading {
font-size: 3rem;
line-height: 1em;
} .block-callout-box .block-callout-box-inner {
grid-template-columns: 1fr 1fr;
padding: 4rem;
} .block-callout-box .block-callout-box-inner .block-callout-box-image {
justify-content: center;
}
}.block-two-stepped-images {
margin-top: 4rem;
min-height: 300px;
display: grid;
grid-template-columns: 1fr;
grid-gap: 1.8rem;
z-index: 1;
}
@media only screen and (min-width: 1030px) { .block-two-stepped-images {
margin-top: 7.5rem;
grid-template-columns: 1fr 1fr;
} .block-two-stepped-images .two-stepped-image:nth-of-type(2) {
margin-top: 8rem;
}
} .editor-styles-wrapper .block-two-stepped-images {
margin-top: 7.5rem;
padding: 0 3rem;
}