html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }   body {
margin: 0;
}  h1 {
font-size: 2em;
margin: 0.67em 0;
}   hr {
box-sizing: content-box; height: 0; overflow: visible; }  pre {
font-family: monospace, monospace; font-size: 1em; }   a {
background-color: transparent;
}  abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }  b,
strong {
font-weight: bolder;
}  code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; }  small {
font-size: 80%;
}  sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
} sub {
bottom: -0.25em;
} sup {
top: -0.5em;
}   img {
border-style: none;
}   button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }  button,
input { overflow: visible;
}  button,
select { text-transform: none;
}  button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}  button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}  button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}  fieldset {
padding: 0.35em 0.75em 0.625em;
}  legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }  progress {
vertical-align: baseline;
}  textarea {
overflow: auto;
}  [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; }  [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}  [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; }  [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}  ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }   details {
display: block;
}  summary {
display: list-item;
}   template {
display: none;
}  [hidden] {
display: none;
} .clearfix, .cf {
zoom: 1;
} .clearfix:before, .clearfix:after, .cf:before, .cf:after {
display: table;
content: "";
} .clearfix:after, .cf:after {
clear: both;
} * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .image-replacement,
.ir {
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}    @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";
}         .foo {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .foo-parent {
position: relative;
}            .m-t-5 {
margin-top: 5px !important;
} .p-t-5 {
padding-top: 5px !important;
} .m-b-5 {
margin-bottom: 5px !important;
} .p-b-5 {
padding-bottom: 5px !important;
} .m-l-5 {
margin-left: 5px !important;
} .p-l-5 {
padding-left: 5px !important;
} .m-r-5 {
margin-right: 5px !important;
} .p-r-5 {
padding-right: 5px !important;
} .m-t-10 {
margin-top: 10px !important;
} .p-t-10 {
padding-top: 10px !important;
} .m-b-10 {
margin-bottom: 10px !important;
} .p-b-10 {
padding-bottom: 10px !important;
} .m-l-10 {
margin-left: 10px !important;
} .p-l-10 {
padding-left: 10px !important;
} .m-r-10 {
margin-right: 10px !important;
} .p-r-10 {
padding-right: 10px !important;
} .m-t-15 {
margin-top: 15px !important;
} .p-t-15 {
padding-top: 15px !important;
} .m-b-15 {
margin-bottom: 15px !important;
} .p-b-15 {
padding-bottom: 15px !important;
} .m-l-15 {
margin-left: 15px !important;
} .p-l-15 {
padding-left: 15px !important;
} .m-r-15 {
margin-right: 15px !important;
} .p-r-15 {
padding-right: 15px !important;
} .m-t-16 {
margin-top: 16px !important;
} .p-t-16 {
padding-top: 16px !important;
} .m-b-16 {
margin-bottom: 16px !important;
} .p-b-16 {
padding-bottom: 16px !important;
} .m-l-16 {
margin-left: 16px !important;
} .p-l-16 {
padding-left: 16px !important;
} .m-r-16 {
margin-right: 16px !important;
} .p-r-16 {
padding-right: 16px !important;
} .m-t-20 {
margin-top: 20px !important;
} .p-t-20 {
padding-top: 20px !important;
} .m-b-20 {
margin-bottom: 20px !important;
} .p-b-20 {
padding-bottom: 20px !important;
} .m-l-20 {
margin-left: 20px !important;
} .p-l-20 {
padding-left: 20px !important;
} .m-r-20 {
margin-right: 20px !important;
} .p-r-20 {
padding-right: 20px !important;
} .m-t-25 {
margin-top: 25px !important;
} .p-t-25 {
padding-top: 25px !important;
} .m-b-25 {
margin-bottom: 25px !important;
} .p-b-25 {
padding-bottom: 25px !important;
} .m-l-25 {
margin-left: 25px !important;
} .p-l-25 {
padding-left: 25px !important;
} .m-r-25 {
margin-right: 25px !important;
} .p-r-25 {
padding-right: 25px !important;
} .m-t-30 {
margin-top: 30px !important;
} .p-t-30 {
padding-top: 30px !important;
} .m-b-30 {
margin-bottom: 30px !important;
} .p-b-30 {
padding-bottom: 30px !important;
} .m-l-30 {
margin-left: 30px !important;
} .p-l-30 {
padding-left: 30px !important;
} .m-r-30 {
margin-right: 30px !important;
} .p-r-30 {
padding-right: 30px !important;
} .m-t-35 {
margin-top: 35px !important;
} .p-t-35 {
padding-top: 35px !important;
} .m-b-35 {
margin-bottom: 35px !important;
} .p-b-35 {
padding-bottom: 35px !important;
} .m-l-35 {
margin-left: 35px !important;
} .p-l-35 {
padding-left: 35px !important;
} .m-r-35 {
margin-right: 35px !important;
} .p-r-35 {
padding-right: 35px !important;
} .m-t-40 {
margin-top: 40px !important;
} .p-t-40 {
padding-top: 40px !important;
} .m-b-40 {
margin-bottom: 40px !important;
} .p-b-40 {
padding-bottom: 40px !important;
} .m-l-40 {
margin-left: 40px !important;
} .p-l-40 {
padding-left: 40px !important;
} .m-r-40 {
margin-right: 40px !important;
} .p-r-40 {
padding-right: 40px !important;
} .m-t-45 {
margin-top: 45px !important;
} .p-t-45 {
padding-top: 45px !important;
} .m-b-45 {
margin-bottom: 45px !important;
} .p-b-45 {
padding-bottom: 45px !important;
} .m-l-45 {
margin-left: 45px !important;
} .p-l-45 {
padding-left: 45px !important;
} .m-r-45 {
margin-right: 45px !important;
} .p-r-45 {
padding-right: 45px !important;
} .m-t-50 {
margin-top: 50px !important;
} .p-t-50 {
padding-top: 50px !important;
} .m-b-50 {
margin-bottom: 50px !important;
} .p-b-50 {
padding-bottom: 50px !important;
} .m-l-50 {
margin-left: 50px !important;
} .p-l-50 {
padding-left: 50px !important;
} .m-r-50 {
margin-right: 50px !important;
} .p-r-50 {
padding-right: 50px !important;
} .m-t-60 {
margin-top: 60px !important;
} .p-t-60 {
padding-top: 60px !important;
} .m-b-60 {
margin-bottom: 60px !important;
} .p-b-60 {
padding-bottom: 60px !important;
} .m-l-60 {
margin-left: 60px !important;
} .p-l-60 {
padding-left: 60px !important;
} .m-r-60 {
margin-right: 60px !important;
} .p-r-60 {
padding-right: 60px !important;
} .m-t-75 {
margin-top: 75px !important;
} .p-t-75 {
padding-top: 75px !important;
} .m-b-75 {
margin-bottom: 75px !important;
} .p-b-75 {
padding-bottom: 75px !important;
} .m-l-75 {
margin-left: 75px !important;
} .p-l-75 {
padding-left: 75px !important;
} .m-r-75 {
margin-right: 75px !important;
} .p-r-75 {
padding-right: 75px !important;
} .m-t-80 {
margin-top: 80px !important;
} .p-t-80 {
padding-top: 80px !important;
} .m-b-80 {
margin-bottom: 80px !important;
} .p-b-80 {
padding-bottom: 80px !important;
} .m-l-80 {
margin-left: 80px !important;
} .p-l-80 {
padding-left: 80px !important;
} .m-r-80 {
margin-right: 80px !important;
} .p-r-80 {
padding-right: 80px !important;
} .m-t-100 {
margin-top: 100px !important;
} .p-t-100 {
padding-top: 100px !important;
} .m-b-100 {
margin-bottom: 100px !important;
} .p-b-100 {
padding-bottom: 100px !important;
} .m-l-100 {
margin-left: 100px !important;
} .p-l-100 {
padding-left: 100px !important;
} .m-r-100 {
margin-right: 100px !important;
} .p-r-100 {
padding-right: 100px !important;
} .m-t-150 {
margin-top: 150px !important;
} .p-t-150 {
padding-top: 150px !important;
} .m-b-150 {
margin-bottom: 150px !important;
} .p-b-150 {
padding-bottom: 150px !important;
} .m-l-150 {
margin-left: 150px !important;
} .p-l-150 {
padding-left: 150px !important;
} .m-r-150 {
margin-right: 150px !important;
} .p-r-150 {
padding-right: 150px !important;
} .m-t-160 {
margin-top: 160px !important;
} .p-t-160 {
padding-top: 160px !important;
} .m-b-160 {
margin-bottom: 160px !important;
} .p-b-160 {
padding-bottom: 160px !important;
} .m-l-160 {
margin-left: 160px !important;
} .p-l-160 {
padding-left: 160px !important;
} .m-r-160 {
margin-right: 160px !important;
} .p-r-160 {
padding-right: 160px !important;
} .m-t-200 {
margin-top: 200px !important;
} .p-t-200 {
padding-top: 200px !important;
} .m-b-200 {
margin-bottom: 200px !important;
} .p-b-200 {
padding-bottom: 200px !important;
} .m-l-200 {
margin-left: 200px !important;
} .p-l-200 {
padding-left: 200px !important;
} .m-r-200 {
margin-right: 200px !important;
} .p-r-200 {
padding-right: 200px !important;
}    .container {
display: flex;
flex-direction: column;
min-height: 100vh;
}
@supports (grid-area: auto) {  .grid {
display: grid;
margin: 0 auto;
width: 100%;
height: 100vh;
} .grid #content {
flex: 1;
} .grid aside {
background-color: honeydew;
min-height: 80px;
} .grid-aside {
grid-template-rows: auto 1fr auto;
}
@media only screen and (min-width: 768px) { .grid-aside {
grid-template-columns: repeat(12, minmax(0, 1fr));
grid-template-rows: auto 1fr auto;
} .grid-aside #header, .grid-aside #footer {
grid-column: span 12;
} .grid-aside #content {
grid-column: 1/8;
} .grid-aside aside {
grid-column: 8/-1;
} .grid-full {
grid-template-columns: repeat(12, minmax(0, 1fr));
grid-template-rows: auto 1fr auto;
} .grid-full #header, .grid-full #footer {
grid-column: span 12;
} .grid-full #content {
grid-column: 1/-1;
} .grid-full aside {
display: none;
}
}
@media only screen and (min-width: 1170px) { .grid-aside #content {
grid-column: 2/8;
} .grid-aside aside {
grid-column: 8/12;
} .grid-full #content {
grid-column: 0/12;
}
}
@media only screen and (min-width: 1600px) { .grid-aside #content {
grid-column: 3/8;
} .grid-aside aside {
grid-column: 8/11;
} .grid-full #content {
grid-column: 0/12;
}
}
}      .alert-help, .alert-info, .alert-error, .alert-success {
margin: 10px;
padding: 5px 18px;
border: 1px solid;
} .alert-help {
border-color: #e8dc59;
background: #ebe16f;
} .alert-info {
border-color: #bfe4f4;
background: #d5edf8;
} .alert-error {
border-color: #f8cdce;
background: #fbe3e4;
} .alert-success {
border-color: #deeaae;
background: #e6efc2;
}   .button, .blue-button {
position: relative;
display: inline-block;
margin-bottom: .5em;
padding: 0.5em 1em;
border: 0;
border-radius: 2px;
text-decoration: none;
} .button:active, .blue-button:active {
top: 1px;
} .blue-button {
background: #0056ac;
color: #fff;
} .blue-button:hover, .blue-button:focus {
color: #fff;
}   input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
display: block;
} input[type="text"][disabled], input[type="text"].is-disabled,
input[type="password"][disabled],
input[type="password"].is-disabled,
input[type="datetime"][disabled],
input[type="datetime"].is-disabled,
input[type="datetime-local"][disabled],
input[type="datetime-local"].is-disabled,
input[type="date"][disabled],
input[type="date"].is-disabled,
input[type="month"][disabled],
input[type="month"].is-disabled,
input[type="time"][disabled],
input[type="time"].is-disabled,
input[type="week"][disabled],
input[type="week"].is-disabled,
input[type="number"][disabled],
input[type="number"].is-disabled,
input[type="email"][disabled],
input[type="email"].is-disabled,
input[type="url"][disabled],
input[type="url"].is-disabled,
input[type="search"][disabled],
input[type="search"].is-disabled,
input[type="tel"][disabled],
input[type="tel"].is-disabled,
input[type="color"][disabled],
input[type="color"].is-disabled,
select[disabled],
select.is-disabled,
textarea[disabled],
textarea.is-disabled,
.field[disabled],
.field.is-disabled {
opacity: 0.6;
cursor: not-allowed;
} input[type="password"] {
letter-spacing: 0.3em;
} textarea {
max-width: 100%;
width: 100%;
} fieldset {
border: 1px solid #ccc;
} fieldset label {
font-weight: 600;
} fieldset p {
margin-bottom: 0;
} legend {
padding: 0 0.5em;
} .radio-buttons {
margin-top: 0;
} .radio-buttons li {
margin-left: 2px;
list-style-type: none;
} .radio-buttons label {
font-weight: normal;
}    html {
font-size: 1em;
} body {
color: #ffffff;
font-size: 100%;
font-family: 'Bw Gradual';
line-height: 1.5;
overscroll-behavior: none;
letter-spacing: -0.25px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} img {
display: block;
max-width: 100%;
height: auto;
} pre code {
white-space: pre-line;
} .single .article-date {
margin-top: 4rem;
color: #FEFEFE;
} .page-template-page-our-work .block-skim7-form, .page-template-page-contact .block-skim7-form {
margin-top: 4rem;
display: grid;
grid-template-columns: 1fr;
grid-gap: 0 3rem;
} .page-template-page-our-work .block-skim7-form .skim7-form-container, .page-template-page-contact .block-skim7-form .skim7-form-container {
background-color: #2E383F;
border: 1px solid #FEFEFE;
padding: 2rem 1rem;
} .page-template-page-our-work .block-skim7-form .skim7-form-container .skim7-heading, .page-template-page-contact .block-skim7-form .skim7-form-container .skim7-heading {
padding-left: 1rem;
border-left: 4px solid #9063CD;
color: #FEFEFE;
font-size: 2.625rem;
font-style: normal;
font-weight: 500;
line-height: 3rem; } .page-template-page-our-work .block-skim7-form .skim7-form-container .skim7-intro, .page-template-page-contact .block-skim7-form .skim7-form-container .skim7-intro {
max-width: 80%;
color: #FEFEFE;
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem; } .page-template-page-our-work .block-skim7-form .skim7-form-container .skim7-form, .page-template-page-contact .block-skim7-form .skim7-form-container .skim7-form {
color: #FEFEFE;
} .page-template-page-our-work .block-skim7-form .skim7-form-container .skim7-form #mc_embed_signup .mc-field-group input[type="email"], .page-template-page-contact .block-skim7-form .skim7-form-container .skim7-form #mc_embed_signup .mc-field-group input[type="email"] {
background-color: #2E383F; border: none; border-bottom: 1px solid white; height: 60px; width: 100%; padding: 0 10px; box-sizing: border-box;  margin-right: 1.5rem;
} .page-template-page-our-work .block-skim7-form .skim7-form-container .skim7-form #mc_embed_signup #email-line #mce-EMAIL, .page-template-page-contact .block-skim7-form .skim7-form-container .skim7-form #mc_embed_signup #email-line #mce-EMAIL {
margin-bottom: 0.75rem;
color: #FEFEFE;
} .page-template-page-our-work .block-skim7-form .skim7-form-container .skim7-form #mc_embed_signup #email-line #mce-EMAIL:focus, .page-template-page-contact .block-skim7-form .skim7-form-container .skim7-form #mc_embed_signup #email-line #mce-EMAIL:focus {
background-color: rgba(255, 255, 255, 0.1);
} .page-template-page-our-work .block-skim7-form .skim7-form-container .skim7-form #mc_embed_signup #email-line #mc-embedded-subscribe, .page-template-page-contact .block-skim7-form .skim7-form-container .skim7-form #mc_embed_signup #email-line #mc-embedded-subscribe {
background-color: #9063CD;
color: #FEFEFE;
border: 1px solid #FEFEFE;
height: 40px;
} .page-template-page-our-work .block-callout-box, .page-template-page-contact .block-callout-box {
z-index: 1;
background-color: #E0EED2;
padding: 1.38rem;
margin-top: 4rem;
} .page-template-page-our-work .block-callout-box .block-callout-box-inner, .page-template-page-contact .block-callout-box .block-callout-box-inner {
border: 1px solid #9063CD;
padding: 1.25rem;
display: grid;
grid-template-columns: 1fr;
align-items: center;
grid-gap: 4rem;
} .page-template-page-our-work .block-callout-box .block-callout-box-inner .block-callout-box-image, .page-template-page-contact .block-callout-box .block-callout-box-inner .block-callout-box-image {
display: flex;
justify-content: center;
align-items: center;
} .page-template-page-our-work .block-callout-box .block-callout-box-inner .block-callout-box-image img, .page-template-page-contact .block-callout-box .block-callout-box-inner .block-callout-box-image img {
max-width: 80%;
} .page-template-page-our-work .block-callout-box .block-callout-box-inner .block-callout-box-text, .page-template-page-contact .block-callout-box .block-callout-box-inner .block-callout-box-text {
display: flex;
flex-direction: column;
justify-content: center;
} .page-template-page-our-work .block-callout-box .block-callout-box-inner .block-callout-box-text .block-callout-box-heading, .page-template-page-contact .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;
border-left: 4px solid #9063CD;
color: #262626;
font-size: 1.875rem;
font-weight: 700;
line-height: 2.25rem;
} .page-template-page-our-work .block-callout-box .block-callout-box-inner .block-callout-box-text .block-callout-box-body, .page-template-page-contact .block-callout-box .block-callout-box-inner .block-callout-box-text .block-callout-box-body {
padding-top: 2rem;
color: #262626;
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;
} .single .block-sim7-logo-bar, .page-template-page-the-journal .block-sim7-logo-bar, .page-template-page-our-work .block-sim7-logo-bar, .page-template-page-contact .block-sim7-logo-bar {
margin-top: 2rem;
} .single .block-sim7-logo-bar #logo-container, .page-template-page-the-journal .block-sim7-logo-bar #logo-container, .page-template-page-our-work .block-sim7-logo-bar #logo-container, .page-template-page-contact .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;
} .single .block-sim7-logo-bar #logo-container #contact-roundel, .page-template-page-the-journal .block-sim7-logo-bar #logo-container #contact-roundel, .page-template-page-our-work .block-sim7-logo-bar #logo-container #contact-roundel, .page-template-page-contact .block-sim7-logo-bar #logo-container #contact-roundel {
width: 80px;
height: 80px;
transition: all 0.25s ease;
} .single .block-sim7-logo-bar #logo-container a, .page-template-page-the-journal .block-sim7-logo-bar #logo-container a, .page-template-page-our-work .block-sim7-logo-bar #logo-container a, .page-template-page-contact .block-sim7-logo-bar #logo-container a {
display: flex;
} .single .block-sim7-logo-bar #logo-container #logo, .page-template-page-the-journal .block-sim7-logo-bar #logo-container #logo, .page-template-page-our-work .block-sim7-logo-bar #logo-container #logo, .page-template-page-contact .block-sim7-logo-bar #logo-container #logo {
width: 140px;
transition: all 0.5s ease;
} .single .block-sim7-logo-bar #logo-container.sticky, .page-template-page-the-journal .block-sim7-logo-bar #logo-container.sticky, .page-template-page-our-work .block-sim7-logo-bar #logo-container.sticky, .page-template-page-contact .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;
} .single .block-sim7-logo-bar #logo-container.sticky #logo, .page-template-page-the-journal .block-sim7-logo-bar #logo-container.sticky #logo, .page-template-page-our-work .block-sim7-logo-bar #logo-container.sticky #logo, .page-template-page-contact .block-sim7-logo-bar #logo-container.sticky #logo {
width: 100px !important;
} .single .block-sim7-logo-bar #logo-container.sticky #contact-roundel, .page-template-page-the-journal .block-sim7-logo-bar #logo-container.sticky #contact-roundel, .page-template-page-our-work .block-sim7-logo-bar #logo-container.sticky #contact-roundel, .page-template-page-contact .block-sim7-logo-bar #logo-container.sticky #contact-roundel {
width: 70px !important;
height: 70px !important;
} .single .block-sim7-logo-bar #logo-container.nav-up, .page-template-page-the-journal .block-sim7-logo-bar #logo-container.nav-up, .page-template-page-our-work .block-sim7-logo-bar #logo-container.nav-up, .page-template-page-contact .block-sim7-logo-bar #logo-container.nav-up {
top: 0px;
} .single .block-sim7-logo-bar #logo-container.nav-down, .page-template-page-the-journal .block-sim7-logo-bar #logo-container.nav-down, .page-template-page-our-work .block-sim7-logo-bar #logo-container.nav-down, .page-template-page-contact .block-sim7-logo-bar #logo-container.nav-down {
top: 0px;
} .single .block-sim7-logo-bar #logo-container.sticky.nav-down, .page-template-page-the-journal .block-sim7-logo-bar #logo-container.sticky.nav-down, .page-template-page-our-work .block-sim7-logo-bar #logo-container.sticky.nav-down, .page-template-page-contact .block-sim7-logo-bar #logo-container.sticky.nav-down {
top: 80px;
} .single .block-sim7-logo-bar #logo-container.nav-down:not(.sticky), .page-template-page-the-journal .block-sim7-logo-bar #logo-container.nav-down:not(.sticky), .page-template-page-our-work .block-sim7-logo-bar #logo-container.nav-down:not(.sticky), .page-template-page-contact .block-sim7-logo-bar #logo-container.nav-down:not(.sticky) {
top: 0px;
}   a, a:visited {
color: #E0EED2;
text-decoration: underline;   } a:hover, a:focus, a:visited:hover, a:visited:focus {
text-decoration: underline;
} a:link, a:visited:link { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}    h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
margin: 0;
color: #FEFEFE;
font-weight: 500;
line-height: 1.2;
text-rendering: optimizelegibility;  } h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
text-decoration: none;
} h1, .h1 {
margin-top: 0;
font-size: 3.157em;
} h2, .h2 {
font-size: 2.369em;
} h3, .h3 {
font-size: 1.777em;
} h4, .h4 {
font-size: 1.333em;
} h5, .h5 {
font-size: 1em;
} h6, .h6 {
text-transform: uppercase;
letter-spacing: 4.333px;
}  .header {
background: #2E383F;
} #inner-header {
display: flex;
} #site-title {
margin: 0 0.5em 0 0;
font-size: 2em;
line-height: inherit;
} #site-title a {
color: #101010;
} #bloginfo {
display: flex;
} #logo {
margin-right: 8px;
} #logo img {
width: 50px;
height: 50px;
}  ul, ol {
-webkit-padding-start: 20px;
} .list-square {
margin-bottom: 1.5em;
list-style-position: outside;
list-style-type: square;
} .nostyle {
margin-left: 0;
padding-left: 0;
list-style-type: none;
} .related-posts-list {
display: flex;
} .page-numbers {
margin: 1em 0;
padding-left: 0;
list-style-type: none;
display: flex;
} .page-numbers li {
margin-right: 1em;
}     .error404 .search-outer {
padding: 1.5em 0;
} .error404 .search-input {
display: flex;
width: 100%;
} .error404 input[type="search"] {
margin: 0 1em 0 0;
height: 40px;
min-width: 250px;
} .error404 .search-submit {
width: 100px;
} .page-blog .entry-content .alignfull, .page-blog .entry-content .alignwide {
margin: 0;
max-width: 100%;
}   .wp-block-heading {
color: #FEFEFE;
font-weight: bold;
}  .byline-wrap {
margin-bottom: 1.5em;
}  .entry-content { } .entry-content table {
margin-bottom: 1.5em;
width: 100%;
border: 1px solid #ccc;
} .entry-content tr {
border-bottom: 1px solid #ccc;
} .entry-content tr:nth-child(even) {
background-color: #dedede;
} .entry-content td {
padding: 7px;
border-right: 1px solid #ccc;
} .entry-content td:last-child {
border-right: 0;
} .entry-content th {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-color: #dedede;
} .entry-content th:last-child {
border-right: 0;
}  .wp-caption { }        .screen-reader-text {
position: absolute !important;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
height: 1px;
white-space: nowrap;
} .screen-reader-text:focus {
top: 5px;
left: 5px;
z-index: 100000; display: block;
clip: auto !important;
padding: 15px 23px 14px;
width: auto;
height: auto;
border-radius: 3px;
background-color: #f1f1f1;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
color: #21759b;
text-decoration: none;
font-weight: bold;
font-size: 0.875rem;
font-size: 14px;
line-height: normal;
}    .wp-prev-next .prev-link {
float: left;
} .wp-prev-next .next-link {
float: right;
}    #comments-title { } .commentlist {
margin: 0;
list-style-type: none;
} .comment {
margin-bottom: 1.5rem;
padding-bottom: 1rem;
border-bottom: 1px dotted #ccc;    } .comment .comment-author {
display: flex;
align-items: center;
} .comment .vcard .avatar {
margin-right: 1rem;
} .comment .children {  }       .comment-edit-link {
margin-right: 6px;
}         .widget ul li { }  .footer {
clear: both;
} .copyright a {
color: #E0EED2;
} @media only screen and (min-width: 481px) {   .menu { } .menu ul {   } .menu ul li { } .menu ul li a { }    .entry-content { } .entry-content .alignleft, .entry-content img.alignleft {
margin-right: 1.5em;
display: inline;
float: left;
margin-top: 11px;
} .entry-content .alignright, .entry-content img.alignright {
margin-left: 1.5em;
display: inline;
float: right;
margin-top: 11px;
} .entry-content .aligncenter, .entry-content img.aligncenter {
margin-right: auto;
margin-left: auto;
display: table;
clear: both;
margin-top: 11px;
} .entry-content .wp-block-media-text.alignfull {
max-width: 100%;
margin-left: 0;
margin-right: 0;
}    } @media only screen and (max-width: 767px) {  html {
background: #2E383F;
} #content {
padding-top: 80px;
} #inner-content {
z-index: 5;
background-image: url(//sim7creative.co.uk/wp-content/themes/sim7/library/images/lines-mob.svg);
background-size: calc(100% - 6rem) auto;
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
width: 100%;
} #inner-content {
padding: 0 1.25em;
overflow: hidden;
box-sizing: border-box;
} [aria-hidden="true"] {
display: none;
} .background-part-semi {
display: none;
} .background-arches {
display: none;
} .background-domes {
display: none;
} .background-donut-seg {
display: none;
} .page-template-page-our-work .article-title h1 {
font-size: 1.875rem;
line-height: 2.25rem; } .page-template-page-our-work .article-title h1 br {
display: none;
} .page-template-page-our-work .page-title h1 {
font-size: 1.875rem;
line-height: 2.25rem;
} .page-template-page-our-work .temp {
padding: 3rem;
display: flex;
background-color: #9063CD;
color: #FEFEFE;
align-items: center;
justify-content: center;
margin: 3rem 0;
} .page-template-page-our-work #no-posts {
padding-top: 6rem;
padding-bottom: 6rem;
color: #FEFEFE;
font-weight: bold;
} .page-template-page-our-work .block-three-stepped-case-study {
z-index: 1;
margin-top: 4rem;
width: 100%;
height: 100%;
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(4, auto);
align-items: center;
} .page-template-page-our-work .block-three-stepped-case-study .three-stepped-case-study-rear-left, .page-template-page-our-work .block-three-stepped-case-study .three-stepped-case-study-rear-right, .page-template-page-our-work .block-three-stepped-case-study .three-stepped-case-study-central {
padding-bottom: 60%;
position: relative;
} .page-template-page-our-work .block-three-stepped-case-study .three-stepped-case-study-rear-left > :first-child, .page-template-page-our-work .block-three-stepped-case-study .three-stepped-case-study-rear-right > :first-child, .page-template-page-our-work .block-three-stepped-case-study .three-stepped-case-study-central > :first-child {
left: 0;
height: 100%;
position: absolute;
top: 0;
width: 100%;
} .page-template-page-our-work .block-three-stepped-case-study .three-stepped-case-study-rear-left {
grid-column: 1/7;
grid-row: 1/1;
background-color: #111;
z-index: 1;
align-self: flex-start;
margin-bottom: -2rem;
} .page-template-page-our-work .block-three-stepped-case-study .three-stepped-case-study-central {
grid-column: 2/12;
grid-row: 2/3;
z-index: 2;
position: relative;
} .page-template-page-our-work .block-three-stepped-case-study .three-stepped-case-study-rear-right {
grid-column: 7/13;
grid-row: 3/4;
background-color: #111;
z-index: 1;
position: relative;
align-self: flex-end;
margin-top: -2rem;
} .page-template-page-our-work .block-three-stepped-case-study a.case-study-link, .page-template-page-our-work .block-three-stepped-case-study .link-line {
grid-column: 1/13;
grid-row: 4/5;
display: inline-block;
align-items: center;
padding-top: 1rem;
color: #FEFEFE;
text-decoration: none;
position: relative;
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
line-height: 26px;
max-width: 98%;
} .page-template-page-our-work .block-three-stepped-case-study a.case-study-link:visited, .page-template-page-our-work .block-three-stepped-case-study .link-line:visited {
color: #FEFEFE;
} .page-template-page-our-work .block-three-stepped-case-study a.case-study-link .bold, .page-template-page-our-work .block-three-stepped-case-study .link-line .bold {
font-weight: bold;
margin-right: 5px;
} .page-template-page-our-work .block-three-stepped-case-study a.case-study-link .nav-arrow, .page-template-page-our-work .block-three-stepped-case-study .link-line .nav-arrow {
width: 1rem;
height: 1rem;
display: inline-block;
margin-left: 6px;
} .page-template-page-our-work .block-three-stepped-case-study .embed-container {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto;
} .page-template-page-our-work .block-three-stepped-case-study .embed-container iframe,
.page-template-page-our-work .block-three-stepped-case-study .embed-container object,
.page-template-page-our-work .block-three-stepped-case-study .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .page-template-page-our-work .block-call-to-action {
margin-top: 4rem;
display: grid;
grid-template-columns: 1fr;
grid-gap: 3rem;
} .page-template-page-our-work .block-call-to-action .cta-text {
order: 2;
border-top: 4px solid #E0EED2;
padding-top: 1rem;
color: #FEFEFE;
font-size: 1.875rem;
font-style: normal;
font-weight: 500;
line-height: 2.25rem; } .page-template-page-our-work .block-call-to-action .cta-text .cta-cta, .page-template-page-our-work .block-call-to-action .cta-text .cta-cta a {
color: #FEFEFE;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem; } .page-template-page-our-work .block-call-to-action .cta-text .cta-cta {
margin-top: 2rem;
display: flex;
align-items: center;
} .page-template-page-our-work .block-call-to-action .cta-text .cta-cta .nav-arrow {
width: 24px;
height: 24px;
margin-left: 6px;
} .page-template-page-our-work .block-call-to-action .cta-graphic {
order: 1;
display: flex;
justify-content: center;
align-items: center;
} .page-template-page-our-work .block-call-to-action .cta-graphic img {
width: 100%;
max-width: 30rem;
} .footer {
background-color: #2E383F;
background-image: url(//sim7creative.co.uk/wp-content/themes/sim7/library/images/lines-mob.svg);
background-size: calc(100% - 6rem) auto;
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
padding-top: 5rem;
} .footer #footer-sim7 {
max-width: 100%;
} .footer .footer-grid {
display: grid;
grid-template-columns: 1fr;
padding: 0 2rem;
} .footer .footer-left .block-contact-team .block-contact-team-heading {
color: #FEFEFE;
border-left: 4px solid #E0EED2;
padding-left: 0.88rem;
font-size: 1.125rem;
font-style: normal;
font-weight: 700;
line-height: 1.5rem; margin-bottom: 2rem;
} .footer .footer-left .block-contact-team .block-contact-team-image {
padding-bottom: 1rem;
} .footer .footer-left .block-contact-team .block-contact-team-image img {
margin-top: 3.5rem;
width: 7rem;
height: 7rem;
} .footer .footer-left .block-contact-team .block-contact-team-name, .footer .footer-left .block-contact-team .block-contact-email-address {
color: #9063CD;
font-size: 1.125rem;
font-style: normal;
font-weight: 700;
line-height: 1.5rem; margin-bottom: 2rem;
} .footer .footer-left .block-contact-team .block-contact-email-address, .footer .footer-left .block-contact-team .block-contact-phone-number, .footer .footer-left .block-contact-team .block-contact-postal-address {
margin-bottom: 2rem;
} .footer .footer-left .block-contact-team .block-contact-email-address a, .footer .footer-left .block-contact-team .block-contact-phone-number a, .footer .footer-left .block-contact-team .block-contact-postal-address a {
color: #E0EED2;
text-decoration: none;
} .footer .footer-left .block-contact-team .block-contact-email-address a:hover, .footer .footer-left .block-contact-team .block-contact-phone-number a:hover, .footer .footer-left .block-contact-team .block-contact-postal-address a:hover {
text-decoration: underline;
} .footer .footer-left .social-icons {
display: flex;
margin-top: 3.75em;
} .footer .footer-left .social-icons img {
width: 3.75rem;
height: 3.75rem;
margin-right: 0.5rem;
} .footer .footer-right {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
} .footer .footer-right .copyright {
color: #FEFEFE;
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem; } .footer .footer-right .copyright p {
margin: 0;
} .footer .footer-right .copyright br {
display: none;
}  #header {
width: 100%;
height: 80px;
position: fixed;
top: 0;
transition: top 1s ease-in-out;
z-index: 10;
} #header.nav-up {
top: -80px;
margin-bottom: 80px;
} .nav-arrow {
width: 1rem;
height: 1rem;
margin-left: 6px;
} .header-nav {
display: flex;
align-items: center;
width: 100%;
height: 80px;
} .nav {
margin: 0;
padding: 0 1.25em;
border: 0;
list-style-type: none;
width: 100%;   } .nav ul {
width: 100%;
display: flex;
justify-content: space-between;
padding-left: 0;
} .nav li {
float: none;
list-style: none;
text-align: center;  } .nav li a {
display: flex;
align-items: center;
border-bottom: 0;
padding: 0;
text-decoration: none;
color: #FEFEFE;
text-align: center;
font-size: 1.125rem;
font-style: normal;
font-weight: 300;
line-height: 1.5rem;  } .nav li a:hover, .nav li a:focus {
text-decoration: underline;
} .nav li ul.sub-menu,
.nav li ul.children {
position: absolute;
z-index: 8999;
visibility: hidden; } .nav li ul.sub-menu li,
.nav li ul.children li { } .nav li ul.sub-menu li:last-child a,
.nav li ul.children li:last-child a {
border-bottom: 0;
} .nav li:hover > ul {
top: auto;
visibility: visible;
} } @media only screen and (min-width: 768px) {  html {
background: #2E383F;
} #inner-content {
z-index: 5;
background-image: url(//sim7creative.co.uk/wp-content/themes/sim7/library/images/lines.svg);
background-size: calc(100% - 6rem) auto;
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
} #inner-content {
padding: 0 2rem;
overflow: hidden;
} #content {
margin-top: 80px;
} #header {
width: 100%;
height: 80px;
position: fixed;
top: 0;
transition: top 1s ease-in-out;
z-index: 10;
} #header.nav-up {
top: -80px;
margin-bottom: 80px;
} .custom-checkbox {
width: 75%;
} #hero-section {
z-index: -1;
width: 100%;
color: #ffffff;
display: flex;
background-size: cover;
background-position: center center;
background-attachment: fixed;
background-repeat: no-repeat;
} #hero-section.hero-image {
padding-bottom: 50%;
position: relative;
} #hero-section.hero-image > :first-child {
left: 0;
height: 100%;
position: absolute;
top: 0;
width: 100%;
} #hero-section.hero-video {
padding-bottom: 56.25%;
position: relative;
} #hero-section.hero-video .embed-container {
left: 0;
height: 100%;
position: absolute;
top: 0;
width: 100%;
} #hero-section #hero-section-inner {
padding: 2rem;
color: #FEFEFE;
display: flex;
} #hero-section #hero-section-inner h1 {
color: #2E383F;
font-size: 4rem;
font-style: normal;
font-weight: 700;
line-height: 4rem; } .page-template-page-our-work .temp {
padding: 3rem;
display: flex;
background-color: #9063CD;
color: #FEFEFE;
align-items: center;
justify-content: center;
margin: 3rem 0;
} .page-template-page-our-work #no-posts {
padding-top: 6rem;
padding-bottom: 6rem;
color: #FEFEFE;
font-weight: bold;
} .page-template-page-our-work .block-three-stepped-case-study {
z-index: 1;
margin-top: 4rem;
width: 100%;
height: 100%;
display: grid;
grid-template-columns: repeat(7, 1fr);
grid-template-rows: auto;
align-items: center;
} .page-template-page-our-work .block-three-stepped-case-study .three-stepped-case-study-rear-left, .page-template-page-our-work .block-three-stepped-case-study .three-stepped-case-study-rear-right, .page-template-page-our-work .block-three-stepped-case-study .three-stepped-case-study-central {
padding-bottom: 60%;
position: relative;
} .page-template-page-our-work .block-three-stepped-case-study .three-stepped-case-study-rear-left > :first-child, .page-template-page-our-work .block-three-stepped-case-study .three-stepped-case-study-rear-right > :first-child, .page-template-page-our-work .block-three-stepped-case-study .three-stepped-case-study-central > :first-child {
left: 0;
height: 100%;
position: absolute;
top: 0;
width: 100%;
} .page-template-page-our-work .block-three-stepped-case-study .three-stepped-case-study-rear-left {
grid-column: 1/4;
grid-row: 1/1;
background-color: #111;
z-index: 1;
align-self: flex-start;
} .page-template-page-our-work .block-three-stepped-case-study .three-stepped-case-study-central {
grid-column: 3/6;
grid-row: 1/1;
z-index: 2;
position: relative;
top: 5rem;
} .page-template-page-our-work .block-three-stepped-case-study .three-stepped-case-study-rear-right {
grid-column: 5/8;
grid-row: 1/1;
background-color: #111;
z-index: 1;
position: relative;
top: 10rem;
align-self: flex-end;
} .page-template-page-our-work .block-three-stepped-case-study a.case-study-link, .page-template-page-our-work .block-three-stepped-case-study .link-line {
grid-column: 1/7;
grid-row: 3;
display: inline-block;
align-items: center;
padding-top: 4rem;
color: #FEFEFE;
text-decoration: none;
position: relative;
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
line-height: 2.25rem;
} .page-template-page-our-work .block-three-stepped-case-study a.case-study-link:visited, .page-template-page-our-work .block-three-stepped-case-study .link-line:visited {
color: #FEFEFE;
} .page-template-page-our-work .block-three-stepped-case-study a.case-study-link .bold, .page-template-page-our-work .block-three-stepped-case-study .link-line .bold {
font-weight: bold;
margin-right: 5px;
} .page-template-page-our-work .block-three-stepped-case-study a.case-study-link .nav-arrow, .page-template-page-our-work .block-three-stepped-case-study .link-line .nav-arrow {
display: inline-block;
width: 24px;
height: 24px;
margin-left: 6px;
transition: transform 0.5s ease;
} .page-template-page-our-work .block-three-stepped-case-study a.case-study-link:hover .nav-arrow, .page-template-page-our-work .block-three-stepped-case-study .link-line:hover .nav-arrow {
transform: rotate(45deg);
} .page-template-page-our-work .block-three-stepped-case-study .embed-container {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto;
} .page-template-page-our-work .block-three-stepped-case-study .embed-container iframe,
.page-template-page-our-work .block-three-stepped-case-study .embed-container object,
.page-template-page-our-work .block-three-stepped-case-study .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .page-template-page-our-work .block-call-to-action {
margin-top: 7.5rem;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 3rem;
} .page-template-page-our-work .block-call-to-action .cta-text {
order: 1;
border-top: 4px solid #E0EED2;
padding-top: 1rem;
color: #FEFEFE;
font-size: 2.625rem;
font-style: normal;
font-weight: 500;
line-height: 3rem; } .page-template-page-our-work .block-call-to-action .cta-text .cta-cta, .page-template-page-our-work .block-call-to-action .cta-text .cta-cta a {
color: #FEFEFE;
font-size: 1.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.625rem; } .page-template-page-our-work .block-call-to-action .cta-text .cta-cta:hover .nav-arrow, .page-template-page-our-work .block-call-to-action .cta-text .cta-cta a:hover .nav-arrow {
transform: rotate(45deg);
} .page-template-page-our-work .block-call-to-action .cta-text .cta-cta {
margin-top: 2rem;
display: flex;
align-items: center;
} .page-template-page-our-work .block-call-to-action .cta-text .cta-cta .nav-arrow {
width: 24px;
height: 24px;
margin-left: 6px;
transition: transform 0.5s ease;
} .page-template-page-our-work .block-call-to-action .cta-graphic {
order: 2;
display: flex;
justify-content: center;
align-items: center;
} .page-template-page-our-work .block-call-to-action .cta-graphic img {
width: 100%;
max-width: 30rem;
} .footer {
padding-top: 10rem;
} .footer .footer-grid {
display: grid;
grid-template-columns: 1fr auto;
padding: 0;
} .footer .footer-left .block-contact-team .block-contact-team-heading {
color: #FEFEFE;
border-left: 4px solid #E0EED2;
padding-left: 0.88rem;
font-size: 1.125rem;
font-style: normal;
font-weight: 700;
line-height: 1.5rem; padding-top: 1rem;
} .footer .footer-left .block-contact-team .block-contact-team-image {
padding-top: 1rem;
padding-bottom: 1rem;
} .footer .footer-left .block-contact-team .block-contact-team-image img {
margin-top: 3.5rem;
width: 7rem;
height: 7rem;
} .footer .footer-left .block-contact-team .block-contact-team-name, .footer .footer-left .block-contact-team .block-contact-email-address {
padding-top: 1rem;
color: #9063CD;
font-size: 1.5rem;
font-style: normal;
font-weight: 700;
line-height: 1.875rem; } .footer .footer-left .block-contact-team .block-contact-email-address, .footer .footer-left .block-contact-team .block-contact-phone-number, .footer .footer-left .block-contact-team .block-contact-postal-address {
padding-top: 1rem;
} .footer .footer-left .block-contact-team .block-contact-email-address a, .footer .footer-left .block-contact-team .block-contact-phone-number a, .footer .footer-left .block-contact-team .block-contact-postal-address a {
color: #E0EED2;
text-decoration: none;
} .footer .footer-left .block-contact-team .block-contact-email-address a:hover, .footer .footer-left .block-contact-team .block-contact-phone-number a:hover, .footer .footer-left .block-contact-team .block-contact-postal-address a:hover {
text-decoration: underline;
} .footer .footer-left .social-icons {
display: flex;
margin-top: 3.75em;
} .footer .footer-left .social-icons img {
width: 3.75rem;
height: 3.75rem;
margin-right: 0.5rem;
} .footer .footer-right {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
} .footer .footer-right .accreditations {
display: flex;
align-items: flex-end;
justify-content: flex-end;
padding-bottom: 3.75rem;
} .footer .footer-right .accreditations img {
width: 100%;
margin-left: 1rem;
max-width: 120px;
} .footer .footer-right .copyright {
color: #FEFEFE;
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem; } .footer .footer-right .copyright p {
margin: 0;
} .background-arches {
width: 50%;
height: 50%;
position: absolute; left: -5%; z-index: -1;
} .background-domes {
width: 25%;
height: 25%;
position: absolute; right: 0; z-index: -1;
}  .entry-content .alignfull {
margin-left: calc( -100vw / 2 + 100% / 2);
margin-right: calc( -100vw / 2 + 100% / 2);
max-width: 100vw;
} .entry-content .alignwide {
margin-right: calc(25% - 25vw);
margin-left: calc(25% - 25vw);
max-width: 1000%;
width: auto;
} .entry-content .alignwide img,
.entry-content .alignfull img {
display: block;
margin: 0 auto;
}  .wrap {
padding: 0rem 2.84rem;
}  .header {
height: 80px;
}  .nav-arrow {
width: 24px;
height: 24px;
margin-left: 6px;
} .header-nav {
display: flex;
align-items: center;
width: 100%;
height: 80px;
} .nav {
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
width: 100%;   } .nav ul {
width: 100%;
display: flex;
justify-content: space-between;
padding-left: 0;
} .nav li {
float: none;
list-style: none;
text-align: center;  } .nav li a {
display: flex;
align-items: center;
border-bottom: 0;
padding: 0 0.5em;
text-decoration: none;
color: #FEFEFE;
text-align: center;
font-size: 1.125rem;
font-style: normal;
font-weight: 300;
line-height: 1.5rem;  } .nav li a:hover, .nav li a:focus {
text-decoration: underline;
} .nav li ul.sub-menu,
.nav li ul.children {
position: absolute;
z-index: 8999;
visibility: hidden; } .nav li ul.sub-menu li,
.nav li ul.children li { } .nav li ul.sub-menu li:last-child a,
.nav li ul.children li:last-child a {
border-bottom: 0;
} .nav li:hover > ul {
top: auto;
visibility: visible;
}    .single-full #main {
max-width: 640px;
float: none;
margin: 0 auto;
}  .widget ul li { }               .footer-links ul li { } }
@media only screen and (max-width: 899px) {  .footer-right .accreditations img {
max-width: 6rem;
}
}
@media only screen and (max-width: 1029px) {  .background-part-semi {
width: 100px;
height: auto;
position: absolute; right: 0%; z-index: -1;
} .background-arches {
width: 50%;
height: 50%;
position: absolute; left: -5%; z-index: -1;
} .background-domes {
width: 25%;
height: 25%;
position: absolute; right: 0; z-index: -1;
} .background-donut-seg {
width: 50%;
height: 50%;
position: absolute; right: 0; z-index: -1;
} .page-template-page-contact .background-part-semi, .page-template-page-contact .background-arches, .page-template-page-contact .background-domes {
display: none;
} #hero-section {
z-index: -1;
width: 100%;
background: #1d1d1d;
color: #ffffff;
display: flex;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
top: unset;
padding-bottom: 50%;
position: relative;
} #hero-section > :first-child {
left: 0;
height: 100%;
position: absolute;
top: 0;
width: 100%;
} #hero-section .embed-container {
position: absolute;
overflow: hidden;
max-width: 100%;
height: 100%;
} #hero-section .embed-container iframe,
#hero-section .embed-container object,
#hero-section .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} #hero-section.hero-video {
background: url(//sim7creative.co.uk/wp-content/themes/sim7/library/images/lines.svg), url(//sim7creative.co.uk/wp-content/themes/sim7/library/images/loading.gif);
background-size: calc(100% - 6rem) auto, 400px 400px;
background-repeat: no-repeat, no-repeat;
background-position: center center, center center;
background-attachment: fixed, fixed;
} #hero-section #hero-section-inner {
position: absolute;
padding: 3rem;
color: #FEFEFE;
display: flex;
} #hero-section #hero-section-inner h1 {
color: #ff3366;
font-size: 2rem;
font-style: normal;
font-weight: 700;
line-height: 2.5rem; } #logo-container {
padding-left: 2rem;
padding-right: 2rem;
padding-top: 2rem;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
} #logo-container #contact-roundel {
width: 80px;
height: 80px;
transition: all 0.5s ease;
} #logo-container #logo {
width: 140px;
transition: all 0.5s ease;
} .page-title {
margin-top: 2rem;
} .page-title h1 br {
display: none;
} .page-template-page-the-journal, .page-template-page-our-work {       } .page-template-page-the-journal #exclusive-content .mc-field-group li .custom-checkbox-input, .page-template-page-our-work #exclusive-content .mc-field-group li .custom-checkbox-input {
display: none;
} .page-template-page-the-journal #exclusive-content .mc-field-group li .custom-checkbox, .page-template-page-our-work #exclusive-content .mc-field-group li .custom-checkbox {
display: inline-block;
width: 40px;
height: 40px;
background-color: #2E383F;
border: 1px solid white;
cursor: pointer;
vertical-align: middle;
position: relative; } .page-template-page-the-journal #exclusive-content .mc-field-group li .custom-checkbox::after, .page-template-page-our-work #exclusive-content .mc-field-group li .custom-checkbox::after {
content: '';
position: absolute;
left: 12px; top: 4px; height: 20px;
width: 10px;
border: solid white;
border-width: 0 3px 3px 0;
transform: rotate(45deg); display: none;
} .page-template-page-the-journal #exclusive-content .mc-field-group li .custom-checkbox-input:checked + label > .custom-checkbox::after, .page-template-page-our-work #exclusive-content .mc-field-group li .custom-checkbox-input:checked + label > .custom-checkbox::after {
display: block;
} .page-template-page-the-journal #exclusive-content .mc-field-group input[type="email"], .page-template-page-our-work #exclusive-content .mc-field-group input[type="email"] {
background-color: #2E383F; border: none; border-bottom: 1px solid white; height: 60px; width: 100%; padding: 0 10px; box-sizing: border-box;  margin-right: 1.5rem;
} .page-template-page-the-journal #exclusive-content, .page-template-page-our-work #exclusive-content {
padding-top: 2rem;
display: grid;
grid-template-columns: 1fr;
grid-gap: 6rem;
background-color: #2E383F;
align-items: center;
} .page-template-page-the-journal #exclusive-content #mc_embed_shell, .page-template-page-our-work #exclusive-content #mc_embed_shell {
padding: 1rem;
color: #FEFEFE;
border: 1px solid #FEFEFE;
} .page-template-page-the-journal #exclusive-content #mc_embed_shell #signup-heading, .page-template-page-our-work #exclusive-content #mc_embed_shell #signup-heading {
color: #FEFEFE;
font-size: 2.625rem;
font-style: normal;
font-weight: 500;
line-height: 3rem; padding-left: 0.75rem;
border-left: 4px solid #9063CD;
margin-bottom: 2rem;
} .page-template-page-the-journal #exclusive-content #mc_embed_shell #signup-intro, .page-template-page-our-work #exclusive-content #mc_embed_shell #signup-intro {
margin-bottom: 2rem;
} .page-template-page-the-journal #exclusive-content #mc_embed_shell .mc-field-group ul, .page-template-page-our-work #exclusive-content #mc_embed_shell .mc-field-group ul {
padding-left: 0;
} .page-template-page-the-journal #exclusive-content #mc_embed_shell .mc-field-group ul li, .page-template-page-our-work #exclusive-content #mc_embed_shell .mc-field-group ul li {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1.5rem;
} .page-template-page-the-journal #exclusive-content #mc_embed_shell .mc-field-group ul li input, .page-template-page-our-work #exclusive-content #mc_embed_shell .mc-field-group ul li input {
width: 40px;
height: 40px;
} .page-template-page-the-journal #exclusive-content #mc_embed_shell .mc-field-group label, .page-template-page-our-work #exclusive-content #mc_embed_shell .mc-field-group label {
width: 100%;
display: grid;
grid-template-columns: 1fr 40px;
grid-gap: 0.75em;
justify-content: space-between;
align-items: center;
} .page-template-page-the-journal #exclusive-content #mc_embed_shell .mc-field-group label span, .page-template-page-our-work #exclusive-content #mc_embed_shell .mc-field-group label span {
display: block;
} .page-template-page-the-journal #exclusive-content #mc_embed_shell .mc-field-group label .custom-checkbox, .page-template-page-our-work #exclusive-content #mc_embed_shell .mc-field-group label .custom-checkbox {
order: 2;
} .page-template-page-the-journal #exclusive-content #mc_embed_shell #email-line #mce-EMAIL, .page-template-page-our-work #exclusive-content #mc_embed_shell #email-line #mce-EMAIL {
margin-bottom: 0.75rem;
color: #FEFEFE;
} .page-template-page-the-journal #exclusive-content #mc_embed_shell #email-line #mce-EMAIL:focus, .page-template-page-our-work #exclusive-content #mc_embed_shell #email-line #mce-EMAIL:focus {
background-color: rgba(255, 255, 255, 0.1);
} .page-template-page-the-journal #exclusive-content #mc_embed_shell #email-line #mc-embedded-subscribe, .page-template-page-our-work #exclusive-content #mc_embed_shell #email-line #mc-embedded-subscribe {
background-color: #9063CD;
color: #FEFEFE;
border: 1px solid #FEFEFE;
height: 40px;
} .page-template-page-the-journal #articles-loading, .page-template-page-our-work #articles-loading {
display: none;
} .page-template-page-the-journal #articles-loading img, .page-template-page-our-work #articles-loading img {
width: 100px;
} .page-template-page-the-journal #journal-filters, .page-template-page-the-journal #our-work-filters, .page-template-page-our-work #journal-filters, .page-template-page-our-work #our-work-filters {
margin-top: 4rem;
} .page-template-page-the-journal .custom-checkbox input[type="checkbox"], .page-template-page-our-work .custom-checkbox input[type="checkbox"] {
display: none;
} .page-template-page-the-journal .custom-checkbox label, .page-template-page-our-work .custom-checkbox label {
display: inline-block;
margin-right: 10px;
background-color: #2E383F;
border: 1px solid #FEFEFE;
color: white;
padding: 5px 10px;
text-align: center;
font-weight: bold;
cursor: pointer;
transition: background-color 0.3s ease;
margin-bottom: 1rem;
font-size: 1.05rem;
} .page-template-page-the-journal .custom-checkbox label:hover, .page-template-page-our-work .custom-checkbox label:hover {
background-color: #9063CD;
} .page-template-page-the-journal .custom-checkbox input[type="checkbox"]:checked + label, .page-template-page-our-work .custom-checkbox input[type="checkbox"]:checked + label {
background-color: #9063CD;
} .page-template-page-the-journal .block-intro-text, .page-template-page-our-work .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;
} .page-template-page-the-journal #primary-featured-article-grid, .page-template-page-our-work #primary-featured-article-grid {
margin-top: 4rem;
display: grid;
grid-template-columns: 1fr;
grid-gap: 3rem;
align-items: center;
} .page-template-page-the-journal #secondary-featured-posts-grid, .page-template-page-our-work #secondary-featured-posts-grid {
display: grid;
grid-template-columns: 1fr;
grid-gap: 3rem;
} .page-template-page-the-journal #tertiary-featured-posts-grid, .page-template-page-our-work #tertiary-featured-posts-grid {
display: grid;
grid-template-columns: 1fr;
grid-gap: 1.5rem;
} .page-template-page-the-journal #quaternary-featured-posts-grid, .page-template-page-our-work #quaternary-featured-posts-grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 1.5rem;
} .page-template-page-the-journal #secondary-featured-posts-grid, .page-template-page-our-work #secondary-featured-posts-grid {
margin-top: 2rem;
} .page-template-page-the-journal #secondary-featured-posts-grid .secondary-featured-post .article-thumbnail, .page-template-page-our-work #secondary-featured-posts-grid .secondary-featured-post .article-thumbnail {
margin-bottom: 2rem;
} .page-template-page-the-journal #secondary-featured-posts-grid .secondary-featured-post:nth-of-type(2), .page-template-page-our-work #secondary-featured-posts-grid .secondary-featured-post:nth-of-type(2) {
margin-top: 0rem;
} .page-template-page-the-journal #primary-featured-article-grid .secondary-featured-post .article-details, .page-template-page-the-journal #primary-featured-article-grid .article-details, .page-template-page-the-journal #secondary-featured-posts-grid .secondary-featured-post .article-details, .page-template-page-the-journal #secondary-featured-posts-grid .article-details, .page-template-page-our-work #primary-featured-article-grid .secondary-featured-post .article-details, .page-template-page-our-work #primary-featured-article-grid .article-details, .page-template-page-our-work #secondary-featured-posts-grid .secondary-featured-post .article-details, .page-template-page-our-work #secondary-featured-posts-grid .article-details {
max-width: 100%;
} .page-template-page-the-journal #primary-featured-article-grid .secondary-featured-post .article-details .article-date, .page-template-page-the-journal #primary-featured-article-grid .article-details .article-date, .page-template-page-the-journal #secondary-featured-posts-grid .secondary-featured-post .article-details .article-date, .page-template-page-the-journal #secondary-featured-posts-grid .article-details .article-date, .page-template-page-our-work #primary-featured-article-grid .secondary-featured-post .article-details .article-date, .page-template-page-our-work #primary-featured-article-grid .article-details .article-date, .page-template-page-our-work #secondary-featured-posts-grid .secondary-featured-post .article-details .article-date, .page-template-page-our-work #secondary-featured-posts-grid .article-details .article-date {
color: #FEFEFE;
} .page-template-page-the-journal #primary-featured-article-grid .secondary-featured-post .article-details .article-title, .page-template-page-the-journal #primary-featured-article-grid .article-details .article-title, .page-template-page-the-journal #secondary-featured-posts-grid .secondary-featured-post .article-details .article-title, .page-template-page-the-journal #secondary-featured-posts-grid .article-details .article-title, .page-template-page-our-work #primary-featured-article-grid .secondary-featured-post .article-details .article-title, .page-template-page-our-work #primary-featured-article-grid .article-details .article-title, .page-template-page-our-work #secondary-featured-posts-grid .secondary-featured-post .article-details .article-title, .page-template-page-our-work #secondary-featured-posts-grid .article-details .article-title {
padding-top: 2rem;
color: #FEFEFE;
font-size: 2.625rem;
font-style: normal;
font-weight: 500;
line-height: 3rem; page-break-inside: avoid;
} .page-template-page-the-journal #primary-featured-article-grid .secondary-featured-post .article-details .article-title a, .page-template-page-the-journal #primary-featured-article-grid .article-details .article-title a, .page-template-page-the-journal #secondary-featured-posts-grid .secondary-featured-post .article-details .article-title a, .page-template-page-the-journal #secondary-featured-posts-grid .article-details .article-title a, .page-template-page-our-work #primary-featured-article-grid .secondary-featured-post .article-details .article-title a, .page-template-page-our-work #primary-featured-article-grid .article-details .article-title a, .page-template-page-our-work #secondary-featured-posts-grid .secondary-featured-post .article-details .article-title a, .page-template-page-our-work #secondary-featured-posts-grid .article-details .article-title a {
color: #FEFEFE;
} .page-template-page-the-journal #primary-featured-article-grid .secondary-featured-post .article-details .article-title .nav-arrow, .page-template-page-the-journal #primary-featured-article-grid .article-details .article-title .nav-arrow, .page-template-page-the-journal #secondary-featured-posts-grid .secondary-featured-post .article-details .article-title .nav-arrow, .page-template-page-the-journal #secondary-featured-posts-grid .article-details .article-title .nav-arrow, .page-template-page-our-work #primary-featured-article-grid .secondary-featured-post .article-details .article-title .nav-arrow, .page-template-page-our-work #primary-featured-article-grid .article-details .article-title .nav-arrow, .page-template-page-our-work #secondary-featured-posts-grid .secondary-featured-post .article-details .article-title .nav-arrow, .page-template-page-our-work #secondary-featured-posts-grid .article-details .article-title .nav-arrow {
display: inline-block;
margin-left: 5px;
vertical-align: center;
} .page-template-page-the-journal #primary-featured-article-grid .secondary-featured-post .article-details .article-summary, .page-template-page-the-journal #primary-featured-article-grid .article-details .article-summary, .page-template-page-the-journal #secondary-featured-posts-grid .secondary-featured-post .article-details .article-summary, .page-template-page-the-journal #secondary-featured-posts-grid .article-details .article-summary, .page-template-page-our-work #primary-featured-article-grid .secondary-featured-post .article-details .article-summary, .page-template-page-our-work #primary-featured-article-grid .article-details .article-summary, .page-template-page-our-work #secondary-featured-posts-grid .secondary-featured-post .article-details .article-summary, .page-template-page-our-work #secondary-featured-posts-grid .article-details .article-summary {
max-width: 96%;
padding-top: 2rem;
color: #FEFEFE;
} .page-template-page-the-journal #primary-featured-article-grid .secondary-featured-post .article-details .article-read-time, .page-template-page-the-journal #primary-featured-article-grid .article-details .article-read-time, .page-template-page-the-journal #secondary-featured-posts-grid .secondary-featured-post .article-details .article-read-time, .page-template-page-the-journal #secondary-featured-posts-grid .article-details .article-read-time, .page-template-page-our-work #primary-featured-article-grid .secondary-featured-post .article-details .article-read-time, .page-template-page-our-work #primary-featured-article-grid .article-details .article-read-time, .page-template-page-our-work #secondary-featured-posts-grid .secondary-featured-post .article-details .article-read-time, .page-template-page-our-work #secondary-featured-posts-grid .article-details .article-read-time {
padding-top: 2rem;
color: #FEFEFE;
} .page-template-page-the-journal #tertiary-featured-posts-grid, .page-template-page-our-work #tertiary-featured-posts-grid {
margin-top: 2rem;
} .page-template-page-the-journal #tertiary-featured-posts-grid .tertiary-featured-post, .page-template-page-our-work #tertiary-featured-posts-grid .tertiary-featured-post {
padding-bottom: 3rem;
} .page-template-page-the-journal #tertiary-featured-posts-grid .tertiary-featured-post .article-details, .page-template-page-the-journal #tertiary-featured-posts-grid .article-details, .page-template-page-our-work #tertiary-featured-posts-grid .tertiary-featured-post .article-details, .page-template-page-our-work #tertiary-featured-posts-grid .article-details {
max-width: 90%;
} .page-template-page-the-journal #tertiary-featured-posts-grid .tertiary-featured-post .article-details .article-thumb, .page-template-page-the-journal #tertiary-featured-posts-grid .article-details .article-thumb, .page-template-page-our-work #tertiary-featured-posts-grid .tertiary-featured-post .article-details .article-thumb, .page-template-page-our-work #tertiary-featured-posts-grid .article-details .article-thumb {
margin-bottom: 2rem;
} .page-template-page-the-journal #tertiary-featured-posts-grid .tertiary-featured-post .article-details .article-date, .page-template-page-the-journal #tertiary-featured-posts-grid .article-details .article-date, .page-template-page-our-work #tertiary-featured-posts-grid .tertiary-featured-post .article-details .article-date, .page-template-page-our-work #tertiary-featured-posts-grid .article-details .article-date {
padding-top: 2rem;
color: #FEFEFE;
} .page-template-page-the-journal #tertiary-featured-posts-grid .tertiary-featured-post .article-details .article-title, .page-template-page-the-journal #tertiary-featured-posts-grid .article-details .article-title, .page-template-page-our-work #tertiary-featured-posts-grid .tertiary-featured-post .article-details .article-title, .page-template-page-our-work #tertiary-featured-posts-grid .article-details .article-title {
padding-top: 2rem;
color: #FEFEFE;
font-size: 1.875rem;
font-style: normal;
font-weight: 500;
line-height: 2.25rem; } .page-template-page-the-journal #tertiary-featured-posts-grid .tertiary-featured-post .article-details .article-title a, .page-template-page-the-journal #tertiary-featured-posts-grid .article-details .article-title a, .page-template-page-our-work #tertiary-featured-posts-grid .tertiary-featured-post .article-details .article-title a, .page-template-page-our-work #tertiary-featured-posts-grid .article-details .article-title a {
color: #FEFEFE;
} .page-template-page-the-journal #tertiary-featured-posts-grid .tertiary-featured-post .article-details .article-title .nav-arrow, .page-template-page-the-journal #tertiary-featured-posts-grid .article-details .article-title .nav-arrow, .page-template-page-our-work #tertiary-featured-posts-grid .tertiary-featured-post .article-details .article-title .nav-arrow, .page-template-page-our-work #tertiary-featured-posts-grid .article-details .article-title .nav-arrow {
display: inline-block;
margin-left: 5px;
vertical-align: center;
} .page-template-page-the-journal #tertiary-featured-posts-grid .tertiary-featured-post .article-details .article-summary, .page-template-page-the-journal #tertiary-featured-posts-grid .article-details .article-summary, .page-template-page-our-work #tertiary-featured-posts-grid .tertiary-featured-post .article-details .article-summary, .page-template-page-our-work #tertiary-featured-posts-grid .article-details .article-summary {
max-width: 75%;
padding-top: 2rem;
color: #FEFEFE;
} .page-template-page-the-journal #tertiary-featured-posts-grid .tertiary-featured-post .article-details .article-read-time, .page-template-page-the-journal #tertiary-featured-posts-grid .article-details .article-read-time, .page-template-page-our-work #tertiary-featured-posts-grid .tertiary-featured-post .article-details .article-read-time, .page-template-page-our-work #tertiary-featured-posts-grid .article-details .article-read-time {
padding-top: 2rem;
color: #FEFEFE;
} .page-template-page-the-journal #quaternary-featured-posts-grid, .page-template-page-our-work #quaternary-featured-posts-grid {
margin-top: 2rem;
} .page-template-page-the-journal #quaternary-featured-posts-grid .quaternary-featured-post .article-details, .page-template-page-the-journal #quaternary-featured-posts-grid .article-details, .page-template-page-our-work #quaternary-featured-posts-grid .quaternary-featured-post .article-details, .page-template-page-our-work #quaternary-featured-posts-grid .article-details {
max-width: 90%;
} .page-template-page-the-journal #quaternary-featured-posts-grid .quaternary-featured-post .article-details .article-thumb, .page-template-page-the-journal #quaternary-featured-posts-grid .article-details .article-thumb, .page-template-page-our-work #quaternary-featured-posts-grid .quaternary-featured-post .article-details .article-thumb, .page-template-page-our-work #quaternary-featured-posts-grid .article-details .article-thumb {
margin-bottom: 2rem;
} .page-template-page-the-journal #quaternary-featured-posts-grid .quaternary-featured-post .article-details .article-date, .page-template-page-the-journal #quaternary-featured-posts-grid .article-details .article-date, .page-template-page-our-work #quaternary-featured-posts-grid .quaternary-featured-post .article-details .article-date, .page-template-page-our-work #quaternary-featured-posts-grid .article-details .article-date {
padding-top: 2rem;
color: #FEFEFE;
} .page-template-page-the-journal #quaternary-featured-posts-grid .quaternary-featured-post .article-details .article-title, .page-template-page-the-journal #quaternary-featured-posts-grid .article-details .article-title, .page-template-page-our-work #quaternary-featured-posts-grid .quaternary-featured-post .article-details .article-title, .page-template-page-our-work #quaternary-featured-posts-grid .article-details .article-title {
padding-top: 2rem;
color: #FEFEFE;
font-size: 1.5rem;
font-style: normal;
font-weight: 700;
line-height: 1.875rem; } .page-template-page-the-journal #quaternary-featured-posts-grid .quaternary-featured-post .article-details .article-title a, .page-template-page-the-journal #quaternary-featured-posts-grid .article-details .article-title a, .page-template-page-our-work #quaternary-featured-posts-grid .quaternary-featured-post .article-details .article-title a, .page-template-page-our-work #quaternary-featured-posts-grid .article-details .article-title a {
color: #FEFEFE;
} .page-template-page-the-journal #quaternary-featured-posts-grid .quaternary-featured-post .article-details .article-title .nav-arrow, .page-template-page-the-journal #quaternary-featured-posts-grid .article-details .article-title .nav-arrow, .page-template-page-our-work #quaternary-featured-posts-grid .quaternary-featured-post .article-details .article-title .nav-arrow, .page-template-page-our-work #quaternary-featured-posts-grid .article-details .article-title .nav-arrow {
display: inline-block;
margin-left: 5px;
vertical-align: center;
} .page-template-page-the-journal #quaternary-featured-posts-grid .quaternary-featured-post .article-details .article-summary, .page-template-page-the-journal #quaternary-featured-posts-grid .article-details .article-summary, .page-template-page-our-work #quaternary-featured-posts-grid .quaternary-featured-post .article-details .article-summary, .page-template-page-our-work #quaternary-featured-posts-grid .article-details .article-summary {
max-width: 75%;
padding-top: 2rem;
color: #FEFEFE;
} .page-template-page-the-journal #quaternary-featured-posts-grid .quaternary-featured-post .article-details .article-read-time, .page-template-page-the-journal #quaternary-featured-posts-grid .article-details .article-read-time, .page-template-page-our-work #quaternary-featured-posts-grid .quaternary-featured-post .article-details .article-read-time, .page-template-page-our-work #quaternary-featured-posts-grid .article-details .article-read-time {
padding-top: 2rem;
color: #FEFEFE;
} .single-case_study .case-study-title, .page-template-page-landing .case-study-title, .page-template-page-services .case-study-title, .page-template-page-about .case-study-title, .page-template-page-our-work .case-study-title {
margin-top: 5rem;
border-left: 4px solid #E0EED2;
padding-left: 1rem;
max-width: 50%;
overflow: visible;
} .single-case_study .case-study-title h1, .page-template-page-landing .case-study-title h1, .page-template-page-services .case-study-title h1, .page-template-page-about .case-study-title h1, .page-template-page-our-work .case-study-title h1 {
margin: 0;
color: #FEFEFE;
font-size: 4rem;
font-style: normal;
font-weight: 500;
line-height: 4rem; } .single-case_study .case-study-title h1:after, .page-template-page-landing .case-study-title h1:after, .page-template-page-services .case-study-title h1:after, .page-template-page-about .case-study-title h1:after, .page-template-page-our-work .case-study-title h1:after {
margin-bottom: 0;
} .single-case_study .category-labels, .page-template-page-landing .category-labels, .page-template-page-services .category-labels, .page-template-page-about .category-labels, .page-template-page-our-work .category-labels {
margin-top: 2rem;
} .single-case_study .category-labels .category-label, .page-template-page-landing .category-labels .category-label, .page-template-page-services .category-labels .category-label, .page-template-page-about .category-labels .category-label, .page-template-page-our-work .category-labels .category-label {
display: inline-block;
margin-right: 10px;
background-color: #2E383F;
border: 1px solid #FEFEFE;
color: white;
padding: 10px 20px;
text-align: center;
font-weight: bold;
transition: background-color 0.3s ease;
} .single .article-title {
margin-top: 3rem;
border-left: 4px solid #FEFEFE;
padding-left: 0.75rem;
} .single .article-title h1 {
color: #FEFEFE;
font-size: 3.75rem;
font-style: normal;
font-weight: 700;
line-height: 4.125rem; margin-bottom: 0.5rem;
} .single .article-author {
margin-top: 3rem;
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.5rem; } .single .article-read-time {
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.5rem; } .single .article-socials {
margin-top: 3rem;
display: flex;
} .single .article-socials a {
display: block;
margin-right: 5px;
} .single .article-socials a img {
width: 40px;
height: 40px;
} .single .article-content {
background-color: #2E383F;
padding-top: 3rem;
color: #FEFEFE;
width: 100%;
} .single .article-content h1, .single .article-content h2, .single .article-content h3, .single .article-content h4, .single .article-content h5, .single .article-content h6 {
margin-top: 1rem;
margin-bottom: 1rem;
} .single section#relevant-articles {
margin-top: 7.5rem;
} .single section#relevant-articles #relevant-articles-grid {
display: grid;
grid-template-columns: 1fr;
grid-gap: 1.5rem;
} .single section#relevant-articles #relevant-articles-grid .article-title {
padding-top: 2rem;
color: #FEFEFE;
font-size: 1.875rem;
font-style: normal;
font-weight: 500;
line-height: 2.25rem; page-break-inside: avoid;
max-width: 90%;
} .single section#relevant-articles #relevant-articles-grid .article-title a {
color: #FEFEFE;
} .single section#relevant-articles #relevant-articles-grid .article-title .nav-arrow {
display: inline-block;
margin-left: 5px;
vertical-align: center;
} .single section#relevant-articles #relevant-articles-grid .article-read-time {
margin-top: 2rem;
} .page-template-page-contact #team-heading {
margin-top: 2rem;
padding-left: 0.75rem;
border-left: 4px solid #E0EED2;
color: #FEFEFE;
font-size: 1.125rem;
font-style: normal;
font-weight: 700;
line-height: 1.25rem;
} .page-template-page-contact #contact-details #contact-details-grid {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
grid-gap: 3rem;
align-items: center;
} .page-template-page-contact #contact-details #contact-details-grid #contact-intro {
grid-column: 1/-1;
} .page-template-page-contact #contact-details #contact-details-grid #contact-intro p {
color: #FEFEFE;
font-size: 1.5rem;
font-style: normal;
font-weight: 500;
line-height: 2.125rem; } .page-template-page-contact #contact-details #contact-details-grid #contact-intro p br {
display: none;
} .page-template-page-contact #contact-details #contact-details-grid #contact-details-list .contact-detail {
display: flex;
flex-direction: column;
margin-bottom: 2rem;
} .page-template-page-contact #contact-details #contact-details-grid #contact-details-list .contact-detail .contact-title {
color: #FEFEFE;
font-size: 1.125rem;
font-style: normal;
font-weight: 700;
line-height: 1.5rem;
} .page-template-page-contact #contact-details #contact-details-grid #contact-details-list .contact-detail a, .page-template-page-contact #contact-details #contact-details-grid #contact-details-list .contact-detail .purple {
color: #E0EED2;
font-size: 1.125rem;
font-style: normal;
font-weight: 700;
line-height: 1.5rem;
} .page-template-page-about #team-grid, .page-template-page-contact #team-grid {
margin-top: 2rem;
width: 100%;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
grid-gap: 2rem;
} .page-template-page-about #team-grid .bio-heading, .page-template-page-contact #team-grid .bio-heading {
color: #FEFEFE;
font-size: 1.875rem;
font-style: normal;
font-weight: 700;
line-height: 2.875rem; margin-bottom: 1rem;
} .page-template-page-about #team-grid .bio-body, .page-template-page-contact #team-grid .bio-body {
max-width: 90%;
} .page-template-page-about #team-grid .image-1, .page-template-page-about #team-grid .image-2, .page-template-page-about #team-grid .image-3, .page-template-page-contact #team-grid .image-1, .page-template-page-contact #team-grid .image-2, .page-template-page-contact #team-grid .image-3 {
display: flex;
align-items: center;
} .page-template-page-about #team-grid .bio-inner, .page-template-page-contact #team-grid .bio-inner {
color: #fff;
border-left: 4px solid #E0EED2;
margin-bottom: 2rem;
padding-left: 2rem;
} .page-template-page-about #team-grid .bio-1, .page-template-page-about #team-grid .bio-2, .page-template-page-about #team-grid .bio-3, .page-template-page-contact #team-grid .bio-1, .page-template-page-contact #team-grid .bio-2, .page-template-page-contact #team-grid .bio-3 {
padding-top: 1.5rem;
display: flex;
flex-direction: column;
padding-left: 1rem;
} .page-template-page-about #team-grid .social-icon, .page-template-page-contact #team-grid .social-icon {
width: 40px;
height: 40px;
margin-left: 2rem;
} .page-template-page-about #team-grid .image-1b, .page-template-page-about #team-grid .image-2b, .page-template-page-about #team-grid .image-3b, .page-template-page-contact #team-grid .image-1b, .page-template-page-contact #team-grid .image-2b, .page-template-page-contact #team-grid .image-3b {
display: none;
align-items: center;
position: relative;
top: 50px;
overflow: hidden;
} .copyright br {
display: none;
} .footer .footer-right .accreditations {
margin-top: 2rem;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 1.5rem;
align-items: center;
justify-content: center;
padding-bottom: 3.75rem;
} .footer .footer-right .accreditations img {
width: 100%;
max-width: 9rem;
margin-right: 1rem;
}
} @media only screen and (min-width: 900px) { } @media only screen and (min-width: 1030px) {  #inner-header {
max-width: 1200px;
margin: 0 auto;
} html {
background: #2E383F;
} [data-scroll-section] {
will-change: transform;
} #inner-content {
z-index: 5;
background-size: calc(100% - 6rem) auto;
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
} #inner-content {
padding: 0 6rem;
overflow: hidden;
} #intro-text {
padding-top: 11.25rem;
} #intro-text h2, #intro-text .h2 {
display: block;
max-width: 35ch;
margin-bottom: 3.75rem;
color: #FEFEFE;
} .page-template-default .footer-right {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
} .page-template-default .footer-right .accreditations {
display: flex;
align-items: flex-end;
justify-content: flex-end;
padding-bottom: 3.75rem;
} .page-template-default .footer-right .accreditations img {
width: 100%;
max-width: 9rem;
margin-left: 2rem;
} .page-template-default .footer-right .copyright {
color: #FEFEFE;
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem; } .page-template-default .footer-right .copyright p {
margin: 0;
} .page-template-default .footer-right .copyright p br {
display: block;
} .page-template-page-home .footer, .page-template-page-about .footer, .page-template-page-landing .footer, .page-template-page-services .footer, .page-template-page-the-journal .footer, .page-template-page-our-work .footer, .single-case_study .footer {
padding-top: 10rem;
background: url(//sim7creative.co.uk/wp-content/themes/sim7/library/images/lines.svg);
background-size: calc(100% - 6rem) auto;
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
} .page-template-page-home .footer .footer-grid, .page-template-page-about .footer .footer-grid, .page-template-page-landing .footer .footer-grid, .page-template-page-services .footer .footer-grid, .page-template-page-the-journal .footer .footer-grid, .page-template-page-our-work .footer .footer-grid, .single-case_study .footer .footer-grid {
display: grid;
grid-template-columns: 1fr;
padding: 0 3rem;
} .page-template-page-home .footer .footer-left .cta-grid, .page-template-page-about .footer .footer-left .cta-grid, .page-template-page-landing .footer .footer-left .cta-grid, .page-template-page-services .footer .footer-left .cta-grid, .page-template-page-the-journal .footer .footer-left .cta-grid, .page-template-page-our-work .footer .footer-left .cta-grid, .single-case_study .footer .footer-left .cta-grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 1.5rem;
} .page-template-page-home .footer .footer-left .block-contact-team .block-contact-team-heading, .page-template-page-about .footer .footer-left .block-contact-team .block-contact-team-heading, .page-template-page-landing .footer .footer-left .block-contact-team .block-contact-team-heading, .page-template-page-services .footer .footer-left .block-contact-team .block-contact-team-heading, .page-template-page-the-journal .footer .footer-left .block-contact-team .block-contact-team-heading, .page-template-page-our-work .footer .footer-left .block-contact-team .block-contact-team-heading, .single-case_study .footer .footer-left .block-contact-team .block-contact-team-heading {
color: #FEFEFE;
font-size: 1.875rem;
font-style: normal;
font-weight: 500;
line-height: 2.25rem; border-left: 4px solid #E0EED2;
padding-left: 0.88rem;
margin-bottom: 3rem;
} .page-template-page-home .footer .footer-left .block-contact-team .block-contact-team-image, .page-template-page-about .footer .footer-left .block-contact-team .block-contact-team-image, .page-template-page-landing .footer .footer-left .block-contact-team .block-contact-team-image, .page-template-page-services .footer .footer-left .block-contact-team .block-contact-team-image, .page-template-page-the-journal .footer .footer-left .block-contact-team .block-contact-team-image, .page-template-page-our-work .footer .footer-left .block-contact-team .block-contact-team-image, .single-case_study .footer .footer-left .block-contact-team .block-contact-team-image {
padding-bottom: 1rem;
} .page-template-page-home .footer .footer-left .block-contact-team .block-contact-team-image img, .page-template-page-about .footer .footer-left .block-contact-team .block-contact-team-image img, .page-template-page-landing .footer .footer-left .block-contact-team .block-contact-team-image img, .page-template-page-services .footer .footer-left .block-contact-team .block-contact-team-image img, .page-template-page-the-journal .footer .footer-left .block-contact-team .block-contact-team-image img, .page-template-page-our-work .footer .footer-left .block-contact-team .block-contact-team-image img, .single-case_study .footer .footer-left .block-contact-team .block-contact-team-image img {
margin-top: 3.5rem;
width: 7rem;
height: 7rem;
} .page-template-page-home .footer .footer-left .block-contact-team .block-contact-team-name, .page-template-page-about .footer .footer-left .block-contact-team .block-contact-team-name, .page-template-page-landing .footer .footer-left .block-contact-team .block-contact-team-name, .page-template-page-services .footer .footer-left .block-contact-team .block-contact-team-name, .page-template-page-the-journal .footer .footer-left .block-contact-team .block-contact-team-name, .page-template-page-our-work .footer .footer-left .block-contact-team .block-contact-team-name, .single-case_study .footer .footer-left .block-contact-team .block-contact-team-name {
color: #9063CD;
font-size: 1.5rem;
font-style: normal;
font-weight: 700;
line-height: 1.875rem; } .page-template-page-home .footer .footer-left .block-contact-team .block-contact-email-address, .page-template-page-home .footer .footer-left .block-contact-team .block-contact-phone-number, .page-template-page-home .footer .footer-left .block-contact-team .block-contact-postal-address, .page-template-page-about .footer .footer-left .block-contact-team .block-contact-email-address, .page-template-page-about .footer .footer-left .block-contact-team .block-contact-phone-number, .page-template-page-about .footer .footer-left .block-contact-team .block-contact-postal-address, .page-template-page-landing .footer .footer-left .block-contact-team .block-contact-email-address, .page-template-page-landing .footer .footer-left .block-contact-team .block-contact-phone-number, .page-template-page-landing .footer .footer-left .block-contact-team .block-contact-postal-address, .page-template-page-services .footer .footer-left .block-contact-team .block-contact-email-address, .page-template-page-services .footer .footer-left .block-contact-team .block-contact-phone-number, .page-template-page-services .footer .footer-left .block-contact-team .block-contact-postal-address, .page-template-page-the-journal .footer .footer-left .block-contact-team .block-contact-email-address, .page-template-page-the-journal .footer .footer-left .block-contact-team .block-contact-phone-number, .page-template-page-the-journal .footer .footer-left .block-contact-team .block-contact-postal-address, .page-template-page-our-work .footer .footer-left .block-contact-team .block-contact-email-address, .page-template-page-our-work .footer .footer-left .block-contact-team .block-contact-phone-number, .page-template-page-our-work .footer .footer-left .block-contact-team .block-contact-postal-address, .single-case_study .footer .footer-left .block-contact-team .block-contact-email-address, .single-case_study .footer .footer-left .block-contact-team .block-contact-phone-number, .single-case_study .footer .footer-left .block-contact-team .block-contact-postal-address {
margin-top: 1rem;
font-size: 1.5rem;
font-style: normal;
font-weight: 700;
line-height: 1.875rem;
color: #E0EED2;
} .page-template-page-home .footer .footer-left .block-contact-team .block-contact-email-address a, .page-template-page-home .footer .footer-left .block-contact-team .block-contact-phone-number a, .page-template-page-home .footer .footer-left .block-contact-team .block-contact-postal-address a, .page-template-page-about .footer .footer-left .block-contact-team .block-contact-email-address a, .page-template-page-about .footer .footer-left .block-contact-team .block-contact-phone-number a, .page-template-page-about .footer .footer-left .block-contact-team .block-contact-postal-address a, .page-template-page-landing .footer .footer-left .block-contact-team .block-contact-email-address a, .page-template-page-landing .footer .footer-left .block-contact-team .block-contact-phone-number a, .page-template-page-landing .footer .footer-left .block-contact-team .block-contact-postal-address a, .page-template-page-services .footer .footer-left .block-contact-team .block-contact-email-address a, .page-template-page-services .footer .footer-left .block-contact-team .block-contact-phone-number a, .page-template-page-services .footer .footer-left .block-contact-team .block-contact-postal-address a, .page-template-page-the-journal .footer .footer-left .block-contact-team .block-contact-email-address a, .page-template-page-the-journal .footer .footer-left .block-contact-team .block-contact-phone-number a, .page-template-page-the-journal .footer .footer-left .block-contact-team .block-contact-postal-address a, .page-template-page-our-work .footer .footer-left .block-contact-team .block-contact-email-address a, .page-template-page-our-work .footer .footer-left .block-contact-team .block-contact-phone-number a, .page-template-page-our-work .footer .footer-left .block-contact-team .block-contact-postal-address a, .single-case_study .footer .footer-left .block-contact-team .block-contact-email-address a, .single-case_study .footer .footer-left .block-contact-team .block-contact-phone-number a, .single-case_study .footer .footer-left .block-contact-team .block-contact-postal-address a {
color: #E0EED2;
text-decoration: none;
} .page-template-page-home .footer .footer-left .block-contact-team .block-contact-email-address a:hover, .page-template-page-home .footer .footer-left .block-contact-team .block-contact-phone-number a:hover, .page-template-page-home .footer .footer-left .block-contact-team .block-contact-postal-address a:hover, .page-template-page-about .footer .footer-left .block-contact-team .block-contact-email-address a:hover, .page-template-page-about .footer .footer-left .block-contact-team .block-contact-phone-number a:hover, .page-template-page-about .footer .footer-left .block-contact-team .block-contact-postal-address a:hover, .page-template-page-landing .footer .footer-left .block-contact-team .block-contact-email-address a:hover, .page-template-page-landing .footer .footer-left .block-contact-team .block-contact-phone-number a:hover, .page-template-page-landing .footer .footer-left .block-contact-team .block-contact-postal-address a:hover, .page-template-page-services .footer .footer-left .block-contact-team .block-contact-email-address a:hover, .page-template-page-services .footer .footer-left .block-contact-team .block-contact-phone-number a:hover, .page-template-page-services .footer .footer-left .block-contact-team .block-contact-postal-address a:hover, .page-template-page-the-journal .footer .footer-left .block-contact-team .block-contact-email-address a:hover, .page-template-page-the-journal .footer .footer-left .block-contact-team .block-contact-phone-number a:hover, .page-template-page-the-journal .footer .footer-left .block-contact-team .block-contact-postal-address a:hover, .page-template-page-our-work .footer .footer-left .block-contact-team .block-contact-email-address a:hover, .page-template-page-our-work .footer .footer-left .block-contact-team .block-contact-phone-number a:hover, .page-template-page-our-work .footer .footer-left .block-contact-team .block-contact-postal-address a:hover, .single-case_study .footer .footer-left .block-contact-team .block-contact-email-address a:hover, .single-case_study .footer .footer-left .block-contact-team .block-contact-phone-number a:hover, .single-case_study .footer .footer-left .block-contact-team .block-contact-postal-address a:hover {
text-decoration: underline;
} .page-template-page-home .footer .footer-left .social-icons, .page-template-page-about .footer .footer-left .social-icons, .page-template-page-landing .footer .footer-left .social-icons, .page-template-page-services .footer .footer-left .social-icons, .page-template-page-the-journal .footer .footer-left .social-icons, .page-template-page-our-work .footer .footer-left .social-icons, .single-case_study .footer .footer-left .social-icons {
display: flex;
margin-top: 3.75em;
} .page-template-page-home .footer .footer-left .social-icons img, .page-template-page-about .footer .footer-left .social-icons img, .page-template-page-landing .footer .footer-left .social-icons img, .page-template-page-services .footer .footer-left .social-icons img, .page-template-page-the-journal .footer .footer-left .social-icons img, .page-template-page-our-work .footer .footer-left .social-icons img, .single-case_study .footer .footer-left .social-icons img {
width: 3.75rem;
height: 3.75rem;
margin-right: 0.5rem;
} .page-template-page-home .footer .footer-right, .page-template-page-about .footer .footer-right, .page-template-page-landing .footer .footer-right, .page-template-page-services .footer .footer-right, .page-template-page-the-journal .footer .footer-right, .page-template-page-our-work .footer .footer-right, .single-case_study .footer .footer-right {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
} .page-template-page-home .footer .footer-right .accreditations, .page-template-page-about .footer .footer-right .accreditations, .page-template-page-landing .footer .footer-right .accreditations, .page-template-page-services .footer .footer-right .accreditations, .page-template-page-the-journal .footer .footer-right .accreditations, .page-template-page-our-work .footer .footer-right .accreditations, .single-case_study .footer .footer-right .accreditations {
display: flex;
align-items: flex-end;
justify-content: flex-end;
padding-bottom: 3.75rem;
} .page-template-page-home .footer .footer-right .accreditations img, .page-template-page-about .footer .footer-right .accreditations img, .page-template-page-landing .footer .footer-right .accreditations img, .page-template-page-services .footer .footer-right .accreditations img, .page-template-page-the-journal .footer .footer-right .accreditations img, .page-template-page-our-work .footer .footer-right .accreditations img, .single-case_study .footer .footer-right .accreditations img {
width: 100%;
max-width: 9rem;
margin-left: 2rem;
} .page-template-page-home .footer .footer-right .copyright, .page-template-page-about .footer .footer-right .copyright, .page-template-page-landing .footer .footer-right .copyright, .page-template-page-services .footer .footer-right .copyright, .page-template-page-the-journal .footer .footer-right .copyright, .page-template-page-our-work .footer .footer-right .copyright, .single-case_study .footer .footer-right .copyright {
color: #FEFEFE;
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem; } .page-template-page-home .footer .footer-right .copyright p, .page-template-page-about .footer .footer-right .copyright p, .page-template-page-landing .footer .footer-right .copyright p, .page-template-page-services .footer .footer-right .copyright p, .page-template-page-the-journal .footer .footer-right .copyright p, .page-template-page-our-work .footer .footer-right .copyright p, .single-case_study .footer .footer-right .copyright p {
margin: 0;
} .page-template-page-home .footer .footer-right .copyright p br, .page-template-page-about .footer .footer-right .copyright p br, .page-template-page-landing .footer .footer-right .copyright p br, .page-template-page-services .footer .footer-right .copyright p br, .page-template-page-the-journal .footer .footer-right .copyright p br, .page-template-page-our-work .footer .footer-right .copyright p br, .single-case_study .footer .footer-right .copyright p br {
display: block;
} .background-part-semi {
width: 150px;
height: auto;
position: absolute; right: 0%; z-index: -1;
} .page-template-page-about .background-part-semi, .page-template-page-landing .background-part-semi, .page-template-page-services .background-part-semi, .page-template-page-our-work .background-part-semi {
width: 150px;
height: auto;
position: absolute; right: 0%; z-index: -1;
} .background-arches {
width: 50%;
height: 50%;
position: absolute; left: -5%; z-index: -1;
} .background-domes {
width: 25%;
height: 25%;
position: absolute; right: 0; z-index: -1;
} .background-donut-seg {
width: 50%;
height: 50%;
position: absolute; right: 0; z-index: -1;
} .page-template-page-contact .background-part-semi {
display: none;
} .single-case_study #hero-section {
z-index: -1;
width: 100%;
color: #ffffff;
display: flex;
background-size: 100%;
background-position: center center;
background-attachment: fixed;
background-repeat: no-repeat;
position: sticky;
top: 0px;
} .single-case_study #hero-section.hero-video {
padding-bottom: 0;
background: url(//sim7creative.co.uk/wp-content/themes/sim7/library/images/lines.svg), url(//sim7creative.co.uk/wp-content/themes/sim7/library/images/loading.gif);
background-size: calc(100% - 6rem) auto, 400px 400px;
background-repeat: no-repeat, no-repeat;
background-position: center center, center center;
background-attachment: fixed, fixed;
} .single-case_study #hero-section #hero-section-inner {
position: fixed;
padding: 6rem;
color: #FEFEFE;
display: flex;
} .single-case_study #hero-section #hero-section-inner h1 {
color: #2E383F;
font-size: 6.2rem;
font-style: normal;
font-weight: 700;
line-height: 6.6rem; } .single-case_study #hero-section .embed-container {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto;
} .single-case_study #hero-section .embed-container iframe,
.single-case_study #hero-section .embed-container object,
.single-case_study #hero-section .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .single-case_study .case-study-title {
margin-top: 5rem;
border-left: 4px solid #E0EED2;
padding-left: 1rem;
max-width: 50%;
overflow: visible;
} .single-case_study .case-study-title h1 {
margin: 0;
color: #FEFEFE;
font-size: 4rem;
font-style: normal;
font-weight: 500;
line-height: 4rem; } .single-case_study .case-study-title h1:after {
margin-bottom: 0;
} .single #hero-section {
z-index: -1;
width: 100%;
color: #ffffff;
display: flex;
background-size: 100%;
background-position: center center;
background-attachment: fixed;
background-repeat: no-repeat;
position: sticky;
top: 0px;
padding-bottom: 50%;
position: relative;
} .single #hero-section > :first-child {
left: 0;
height: 100%;
position: absolute;
top: 0;
width: 100%;
} .single #hero-section #hero-section-inner {
position: fixed;
padding: 6rem;
color: #FEFEFE;
display: flex;
} .single #hero-section #hero-section-inner h1 {
color: #2E383F;
font-size: 6.2rem;
font-style: normal;
font-weight: 700;
line-height: 6.6rem; } .single #hero-section .embed-container {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto;
} .single #hero-section .embed-container iframe,
.single #hero-section .embed-container object,
.single #hero-section .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .single .case-study-title {
margin-top: 5rem;
border-left: 4px solid #E0EED2;
padding-left: 1rem;
max-width: 50%;
overflow: visible;
} .single .case-study-title h1 {
margin: 0;
color: #FEFEFE;
font-size: 4rem;
font-style: normal;
font-weight: 500;
line-height: 4rem; } .single .case-study-title h1:after {
margin-bottom: 0;
} .page-template-page-landing #hero-section, .page-template-page-services #hero-section, .page-template-page-about #hero-section, .page-template-page-our-work #hero-section {
z-index: -1;
width: 100%;
background: #1d1d1d;
color: #ffffff;
display: flex;
background-size: cover;
padding-bottom: 50%;
position: relative;
background-position: center center;
background-attachment: fixed;
background-repeat: no-repeat;
position: relative;
top: 0px;
} .page-template-page-landing #hero-section #hero-section-inner, .page-template-page-services #hero-section #hero-section-inner, .page-template-page-about #hero-section #hero-section-inner, .page-template-page-our-work #hero-section #hero-section-inner {
left: 0;
height: 100%;
position: absolute;
top: 0;
width: 100%;
} .page-template-page-landing #hero-section #hero-section-inner, .page-template-page-services #hero-section #hero-section-inner, .page-template-page-about #hero-section #hero-section-inner, .page-template-page-our-work #hero-section #hero-section-inner {
padding: 6rem;
color: #FEFEFE;
display: flex;
top: -40px;
} .page-template-page-landing #hero-section #hero-section-inner h1, .page-template-page-services #hero-section #hero-section-inner h1, .page-template-page-about #hero-section #hero-section-inner h1, .page-template-page-our-work #hero-section #hero-section-inner h1 {
color: #ff3366;
font-size: 6.2rem;
font-style: normal;
font-weight: 700;
line-height: 6.6rem; } .page-template-page-landing #hero-section .embed-container, .page-template-page-services #hero-section .embed-container, .page-template-page-about #hero-section .embed-container, .page-template-page-our-work #hero-section .embed-container {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto;
} .page-template-page-landing #hero-section .embed-container iframe,
.page-template-page-landing #hero-section .embed-container object,
.page-template-page-landing #hero-section .embed-container embed, .page-template-page-services #hero-section .embed-container iframe,
.page-template-page-services #hero-section .embed-container object,
.page-template-page-services #hero-section .embed-container embed, .page-template-page-about #hero-section .embed-container iframe,
.page-template-page-about #hero-section .embed-container object,
.page-template-page-about #hero-section .embed-container embed, .page-template-page-our-work #hero-section .embed-container iframe,
.page-template-page-our-work #hero-section .embed-container object,
.page-template-page-our-work #hero-section .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .page-template-page-landing .case-study-title, .page-template-page-services .case-study-title, .page-template-page-about .case-study-title, .page-template-page-our-work .case-study-title {
margin-top: 5rem;
border-left: 4px solid #E0EED2;
padding-left: 1rem;
max-width: 50%;
overflow: visible;
} .page-template-page-landing .case-study-title h1, .page-template-page-services .case-study-title h1, .page-template-page-about .case-study-title h1, .page-template-page-our-work .case-study-title h1 {
margin: 0;
color: #FEFEFE;
font-size: 4rem;
font-style: normal;
font-weight: 500;
line-height: 4rem; } .page-template-page-landing .case-study-title h1:after, .page-template-page-services .case-study-title h1:after, .page-template-page-about .case-study-title h1:after, .page-template-page-our-work .case-study-title h1:after {
margin-bottom: 0;
} .page-template-page-about #team-grid, .page-template-page-contact #team-grid {
margin-top: 10rem;
width: 100%;
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(16, minmax(140px, auto));
} .page-template-page-about #team-grid .bio-heading, .page-template-page-contact #team-grid .bio-heading {
color: #FEFEFE;
font-size: 1.875rem;
font-style: normal;
font-weight: 700;
line-height: 2.875rem; margin-bottom: 1rem;
} .page-template-page-about #team-grid .bio-body, .page-template-page-contact #team-grid .bio-body {
max-width: 90%;
} .page-template-page-about #team-grid .image-1, .page-template-page-about #team-grid .image-2, .page-template-page-about #team-grid .image-3, .page-template-page-contact #team-grid .image-1, .page-template-page-contact #team-grid .image-2, .page-template-page-contact #team-grid .image-3 {
display: flex;
align-items: center;
} .page-template-page-about #team-grid .image-1, .page-template-page-contact #team-grid .image-1 {
grid-column: 1/5;
grid-row: 1/5;
} .page-template-page-about #team-grid .image-2, .page-template-page-contact #team-grid .image-2 {
grid-column: 9/13;
grid-row: 5/10;
} .page-template-page-about #team-grid .image-3, .page-template-page-contact #team-grid .image-3 {
grid-column: 2/6;
grid-row: 10/14;
} .page-template-page-about #team-grid .bio-inner, .page-template-page-contact #team-grid .bio-inner {
color: #fff;
border-left: 4px solid #E0EED2;
margin-bottom: 2rem;
padding-left: 2rem;
} .page-template-page-about #team-grid .bio-1, .page-template-page-about #team-grid .bio-2, .page-template-page-about #team-grid .bio-3, .page-template-page-contact #team-grid .bio-1, .page-template-page-contact #team-grid .bio-2, .page-template-page-contact #team-grid .bio-3 {
padding-top: 1.5rem;
display: flex;
flex-direction: column;
padding-left: 1rem;
} .page-template-page-about #team-grid .social-icon, .page-template-page-contact #team-grid .social-icon {
width: 40px;
height: 40px;
margin-left: 2rem;
} .page-template-page-about #team-grid .bio-1, .page-template-page-contact #team-grid .bio-1 {
grid-column: 1/5;
grid-row: 5/7;
} .page-template-page-about #team-grid .bio-2, .page-template-page-contact #team-grid .bio-2 {
grid-column: 9/13;
grid-row: 9/11;
} .page-template-page-about #team-grid .bio-3, .page-template-page-contact #team-grid .bio-3 {
grid-column: 2/6;
grid-row: 14/16;
} .page-template-page-about #team-grid .image-1b, .page-template-page-about #team-grid .image-2b, .page-template-page-about #team-grid .image-3b, .page-template-page-contact #team-grid .image-1b, .page-template-page-contact #team-grid .image-2b, .page-template-page-contact #team-grid .image-3b {
display: flex;
align-items: center;
position: relative;
top: 50px;
overflow: hidden;
} .page-template-page-about #team-grid .image-1b, .page-template-page-contact #team-grid .image-1b {
grid-column: 6/10;
grid-row: 1/4;
} .page-template-page-about #team-grid .image-2b, .page-template-page-contact #team-grid .image-2b {
grid-column: 5/7;
grid-row: 7/9;
} .page-template-page-about #team-grid .image-3b, .page-template-page-contact #team-grid .image-3b {
grid-column: 7/11;
grid-row: 13/16;
} .page-template-page-our-work .page-title, .page-template-page-contact .page-title {
margin-top: 4rem;
} .page-template-page-our-work .block-skim7-form, .page-template-page-contact .block-skim7-form {
margin-top: 7.5rem;
grid-template-columns: 1fr 1fr;
} .page-template-page-our-work .block-skim7-form .skim7-form-container, .page-template-page-contact .block-skim7-form .skim7-form-container {
margin-top: 12rem;
background-color: #2E383F;
border: 1px solid #FEFEFE;
padding: 2rem 1rem;
} .page-template-page-our-work .block-skim7-form .skim7-form-container .skim7-heading, .page-template-page-contact .block-skim7-form .skim7-form-container .skim7-heading {
font-size: 3.75rem;
line-height: 4rem; } .page-template-page-our-work .block-skim7-form .skim7-form-container .skim7-intro, .page-template-page-contact .block-skim7-form .skim7-form-container .skim7-intro {
max-width: 80%;
font-size: 1.25rem;
line-height: 1.5rem; } .page-template-page-our-work .block-skim7-form .skim7-form-container .skim7-form, .page-template-page-contact .block-skim7-form .skim7-form-container .skim7-form {
color: #FEFEFE;
} .page-template-page-our-work .block-callout-box, .page-template-page-contact .block-callout-box {
margin-top: 7.5rem;
} .page-template-page-our-work .block-callout-box .block-callout-box-text .block-callout-box-heading, .page-template-page-contact .block-callout-box .block-callout-box-text .block-callout-box-heading {
font-size: 3rem;
line-height: 1em;
} .page-template-page-our-work .block-callout-box .block-callout-box-inner, .page-template-page-contact .block-callout-box .block-callout-box-inner {
grid-template-columns: 1fr 1fr;
padding: 4rem;
} .page-template-page-our-work .block-callout-box .block-callout-box-inner .block-callout-box-image, .page-template-page-contact .block-callout-box .block-callout-box-inner .block-callout-box-image {
justify-content: center;
} .page-template-page-contact #hero-section {
z-index: -1;
width: 100%;
background: #1d1d1d;
color: #ffffff;
display: flex;
background-size: cover;
padding-bottom: 33.33333%;
position: relative;
background-position: center center;
background-attachment: fixed;
background-repeat: no-repeat;
} .page-template-page-contact #hero-section > :first-child {
left: 0;
height: 100%;
position: absolute;
top: 0;
width: 100%;
} .page-template-page-contact #hero-section #hero-section-inner {
align-items: flex-end;
justify-content: center;
padding: 0 6rem;
} .page-template-page-contact #hero-section #hero-section-inner img {
margin-bottom: -10px;
} .page-template-page-contact #team-heading {
margin-top: 4rem;
padding-left: 0.75rem;
border-left: 4px solid #E0EED2;
color: #FEFEFE;
font-size: 2.6875rem;
font-style: normal;
font-weight: 700;
line-height: 4rem; } .page-template-page-contact #team-grid {
margin-top: 2rem;
padding: 0 6rem;
} .page-template-page-contact #contact-details #contact-details-grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
grid-gap: 3rem;
align-items: center;
} .page-template-page-contact #contact-details #contact-details-grid #contact-intro {
grid-column: 1/-1;
} .page-template-page-contact #contact-details #contact-details-grid #contact-intro p {
color: #FEFEFE;
font-size: 1.5rem;
font-style: normal;
font-weight: 500;
line-height: 2.125rem; } .page-template-page-contact #contact-details #contact-details-grid #contact-details-list .contact-detail {
display: flex;
flex-direction: column;
margin-bottom: 2rem;
} .page-template-page-contact #contact-details #contact-details-grid #contact-details-list .contact-detail .contact-title {
color: #FEFEFE;
font-size: 1.125rem;
font-style: normal;
font-weight: 700;
line-height: 1.5rem; } .page-template-page-contact #contact-details #contact-details-grid #contact-details-list .contact-detail a, .page-template-page-contact #contact-details #contact-details-grid #contact-details-list .contact-detail .purple {
color: #E0EED2;
font-size: 1.125rem;
font-style: normal;
font-weight: 700;
line-height: 1.5rem; } .page-template-page-the-journal, .page-template-page-our-work {       } .page-template-page-the-journal #exclusive-content .mc-field-group li .custom-checkbox-input, .page-template-page-our-work #exclusive-content .mc-field-group li .custom-checkbox-input {
display: none;
} .page-template-page-the-journal #exclusive-content .mc-field-group li .custom-checkbox, .page-template-page-our-work #exclusive-content .mc-field-group li .custom-checkbox {
display: inline-block;
width: 40px;
height: 40px;
background-color: #2E383F;
border: 1px solid white;
cursor: pointer;
vertical-align: middle;
margin-right: 10px;
position: relative; } .page-template-page-the-journal #exclusive-content .mc-field-group li .custom-checkbox::after, .page-template-page-our-work #exclusive-content .mc-field-group li .custom-checkbox::after {
content: '';
position: absolute;
left: 12px; top: 4px; height: 20px;
width: 10px;
border: solid white;
border-width: 0 3px 3px 0;
transform: rotate(45deg); display: none;
} .page-template-page-the-journal #exclusive-content .mc-field-group li .custom-checkbox-input:checked + label > .custom-checkbox::after, .page-template-page-our-work #exclusive-content .mc-field-group li .custom-checkbox-input:checked + label > .custom-checkbox::after {
display: block;
} .page-template-page-the-journal #exclusive-content .mc-field-group input[type="email"], .page-template-page-our-work #exclusive-content .mc-field-group input[type="email"] {
background-color: #2E383F; border: none; border-bottom: 1px solid white; height: 60px; width: 100%; padding: 0 10px; box-sizing: border-box;  margin-right: 1.5rem;
} .page-template-page-the-journal #exclusive-content, .page-template-page-our-work #exclusive-content {
padding-top: 7rem;
display: grid;
grid-template-columns: 1fr 25%;
grid-gap: 6rem;
align-items: center;
} .page-template-page-the-journal #exclusive-content #mc_embed_shell, .page-template-page-our-work #exclusive-content #mc_embed_shell {
background-color: #2E383F;
padding: 3rem;
color: #FEFEFE;
border: 1px solid #FEFEFE;
} .page-template-page-the-journal #exclusive-content #mc_embed_shell #signup-heading, .page-template-page-our-work #exclusive-content #mc_embed_shell #signup-heading {
color: #FEFEFE;
font-size: 2.625rem;
font-style: normal;
font-weight: 500;
line-height: 3rem; padding-left: 0.75rem;
border-left: 4px solid #9063CD;
margin-bottom: 0.75rem;
} .page-template-page-the-journal #exclusive-content #mc_embed_shell #signup-intro, .page-template-page-our-work #exclusive-content #mc_embed_shell #signup-intro {
margin-bottom: 2rem;
} .page-template-page-the-journal #exclusive-content #mc_embed_shell .mc-field-group ul, .page-template-page-our-work #exclusive-content #mc_embed_shell .mc-field-group ul {
padding-left: 0;
} .page-template-page-the-journal #exclusive-content #mc_embed_shell .mc-field-group ul li, .page-template-page-our-work #exclusive-content #mc_embed_shell .mc-field-group ul li {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1.5rem;
} .page-template-page-the-journal #exclusive-content #mc_embed_shell .mc-field-group label, .page-template-page-our-work #exclusive-content #mc_embed_shell .mc-field-group label {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
} .page-template-page-the-journal #exclusive-content #mc_embed_shell .mc-field-group label span, .page-template-page-our-work #exclusive-content #mc_embed_shell .mc-field-group label span {
display: block;
} .page-template-page-the-journal #exclusive-content #mc_embed_shell .mc-field-group label .custom-checkbox, .page-template-page-our-work #exclusive-content #mc_embed_shell .mc-field-group label .custom-checkbox {
order: 2;
} .page-template-page-the-journal #exclusive-content #mc_embed_shell #email-line #mce-EMAIL, .page-template-page-our-work #exclusive-content #mc_embed_shell #email-line #mce-EMAIL {
margin-bottom: 0.75rem;
color: #FEFEFE;
} .page-template-page-the-journal #exclusive-content #mc_embed_shell #email-line #mce-EMAIL:focus, .page-template-page-our-work #exclusive-content #mc_embed_shell #email-line #mce-EMAIL:focus {
background-color: rgba(255, 255, 255, 0.1);
} .page-template-page-the-journal #exclusive-content #mc_embed_shell #email-line #mc-embedded-subscribe, .page-template-page-our-work #exclusive-content #mc_embed_shell #email-line #mc-embedded-subscribe {
background-color: #9063CD;
color: #FEFEFE;
border: 1px solid #FEFEFE;
height: 40px;
} .page-template-page-the-journal #articles-loading, .page-template-page-our-work #articles-loading {
display: none;
} .page-template-page-the-journal #articles-loading img, .page-template-page-our-work #articles-loading img {
width: 100px;
} .page-template-page-the-journal #journal-filters, .page-template-page-the-journal #our-work-filters, .page-template-page-our-work #journal-filters, .page-template-page-our-work #our-work-filters {
margin-top: 4rem;
} .page-template-page-the-journal .custom-checkbox input[type="checkbox"], .page-template-page-our-work .custom-checkbox input[type="checkbox"] {
display: none;
} .page-template-page-the-journal .custom-checkbox label, .page-template-page-our-work .custom-checkbox label {
display: inline-block;
margin-right: 10px;
background-color: #2E383F;
border: 1px solid #FEFEFE;
color: white;
padding: 10px 20px;
text-align: center;
font-weight: bold;
cursor: pointer;
transition: background-color 0.3s ease;
} .page-template-page-the-journal .custom-checkbox label:hover, .page-template-page-our-work .custom-checkbox label:hover {
background-color: #9063CD;
} .page-template-page-the-journal .custom-checkbox input[type="checkbox"]:checked + label, .page-template-page-our-work .custom-checkbox input[type="checkbox"]:checked + label {
background-color: #9063CD;
} .page-template-page-the-journal .custom-checkbox, .page-template-page-our-work .custom-checkbox {
width: 100%;
} .page-template-page-the-journal .block-intro-text, .page-template-page-our-work .block-intro-text {
color: #FEFEFE;
max-width: 75%;
margin-top: 10rem;
font-size: 3.75rem;
font-style: normal;
font-weight: 500;
line-height: 4rem; padding: 0;
} .page-template-page-the-journal #primary-featured-article-grid, .page-template-page-our-work #primary-featured-article-grid {
margin-top: 4rem;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 3rem;
align-items: center;
} .page-template-page-the-journal #secondary-featured-posts-grid, .page-template-page-our-work #secondary-featured-posts-grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 3rem;
} .page-template-page-the-journal #tertiary-featured-posts-grid, .page-template-page-our-work #tertiary-featured-posts-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 1.5rem;
} .page-template-page-the-journal #quaternary-featured-posts-grid, .page-template-page-our-work #quaternary-featured-posts-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 1.5rem;
} .page-template-page-the-journal #secondary-featured-posts-grid, .page-template-page-our-work #secondary-featured-posts-grid {
margin-top: 7.5rem;
} .page-template-page-the-journal #secondary-featured-posts-grid .secondary-featured-post .article-thumbnail, .page-template-page-our-work #secondary-featured-posts-grid .secondary-featured-post .article-thumbnail {
margin-bottom: 2rem;
} .page-template-page-the-journal #secondary-featured-posts-grid .secondary-featured-post .article-details, .page-template-page-our-work #secondary-featured-posts-grid .secondary-featured-post .article-details {
padding-left: 1rem;
} .page-template-page-the-journal #secondary-featured-posts-grid .secondary-featured-post:nth-of-type(2), .page-template-page-our-work #secondary-featured-posts-grid .secondary-featured-post:nth-of-type(2) {
margin-top: 7.5rem;
} .page-template-page-the-journal #primary-featured-article-grid .secondary-featured-post .article-details, .page-template-page-the-journal #primary-featured-article-grid .article-details, .page-template-page-the-journal #secondary-featured-posts-grid .secondary-featured-post .article-details, .page-template-page-the-journal #secondary-featured-posts-grid .article-details, .page-template-page-our-work #primary-featured-article-grid .secondary-featured-post .article-details, .page-template-page-our-work #primary-featured-article-grid .article-details, .page-template-page-our-work #secondary-featured-posts-grid .secondary-featured-post .article-details, .page-template-page-our-work #secondary-featured-posts-grid .article-details {
max-width: 75%;
} .page-template-page-the-journal #primary-featured-article-grid .secondary-featured-post .article-details .article-date, .page-template-page-the-journal #primary-featured-article-grid .article-details .article-date, .page-template-page-the-journal #secondary-featured-posts-grid .secondary-featured-post .article-details .article-date, .page-template-page-the-journal #secondary-featured-posts-grid .article-details .article-date, .page-template-page-our-work #primary-featured-article-grid .secondary-featured-post .article-details .article-date, .page-template-page-our-work #primary-featured-article-grid .article-details .article-date, .page-template-page-our-work #secondary-featured-posts-grid .secondary-featured-post .article-details .article-date, .page-template-page-our-work #secondary-featured-posts-grid .article-details .article-date {
color: #FEFEFE;
} .page-template-page-the-journal #primary-featured-article-grid .secondary-featured-post .article-details .article-title, .page-template-page-the-journal #primary-featured-article-grid .article-details .article-title, .page-template-page-the-journal #secondary-featured-posts-grid .secondary-featured-post .article-details .article-title, .page-template-page-the-journal #secondary-featured-posts-grid .article-details .article-title, .page-template-page-our-work #primary-featured-article-grid .secondary-featured-post .article-details .article-title, .page-template-page-our-work #primary-featured-article-grid .article-details .article-title, .page-template-page-our-work #secondary-featured-posts-grid .secondary-featured-post .article-details .article-title, .page-template-page-our-work #secondary-featured-posts-grid .article-details .article-title {
padding-top: 2rem;
color: #FEFEFE;
font-size: 2.625rem;
font-style: normal;
font-weight: 500;
line-height: 3rem; page-break-inside: avoid;
} .page-template-page-the-journal #primary-featured-article-grid .secondary-featured-post .article-details .article-title a, .page-template-page-the-journal #primary-featured-article-grid .article-details .article-title a, .page-template-page-the-journal #secondary-featured-posts-grid .secondary-featured-post .article-details .article-title a, .page-template-page-the-journal #secondary-featured-posts-grid .article-details .article-title a, .page-template-page-our-work #primary-featured-article-grid .secondary-featured-post .article-details .article-title a, .page-template-page-our-work #primary-featured-article-grid .article-details .article-title a, .page-template-page-our-work #secondary-featured-posts-grid .secondary-featured-post .article-details .article-title a, .page-template-page-our-work #secondary-featured-posts-grid .article-details .article-title a {
color: #FEFEFE;
text-decoration: none;
} .page-template-page-the-journal #primary-featured-article-grid .secondary-featured-post .article-details .article-title a:hover, .page-template-page-the-journal #primary-featured-article-grid .article-details .article-title a:hover, .page-template-page-the-journal #secondary-featured-posts-grid .secondary-featured-post .article-details .article-title a:hover, .page-template-page-the-journal #secondary-featured-posts-grid .article-details .article-title a:hover, .page-template-page-our-work #primary-featured-article-grid .secondary-featured-post .article-details .article-title a:hover, .page-template-page-our-work #primary-featured-article-grid .article-details .article-title a:hover, .page-template-page-our-work #secondary-featured-posts-grid .secondary-featured-post .article-details .article-title a:hover, .page-template-page-our-work #secondary-featured-posts-grid .article-details .article-title a:hover {
text-decoration: underline;
} .page-template-page-the-journal #primary-featured-article-grid .secondary-featured-post .article-details .article-title a:hover .nav-arrow, .page-template-page-the-journal #primary-featured-article-grid .article-details .article-title a:hover .nav-arrow, .page-template-page-the-journal #secondary-featured-posts-grid .secondary-featured-post .article-details .article-title a:hover .nav-arrow, .page-template-page-the-journal #secondary-featured-posts-grid .article-details .article-title a:hover .nav-arrow, .page-template-page-our-work #primary-featured-article-grid .secondary-featured-post .article-details .article-title a:hover .nav-arrow, .page-template-page-our-work #primary-featured-article-grid .article-details .article-title a:hover .nav-arrow, .page-template-page-our-work #secondary-featured-posts-grid .secondary-featured-post .article-details .article-title a:hover .nav-arrow, .page-template-page-our-work #secondary-featured-posts-grid .article-details .article-title a:hover .nav-arrow {
transform: rotate(45deg);
} .page-template-page-the-journal #primary-featured-article-grid .secondary-featured-post .article-details .article-title .nav-arrow, .page-template-page-the-journal #primary-featured-article-grid .article-details .article-title .nav-arrow, .page-template-page-the-journal #secondary-featured-posts-grid .secondary-featured-post .article-details .article-title .nav-arrow, .page-template-page-the-journal #secondary-featured-posts-grid .article-details .article-title .nav-arrow, .page-template-page-our-work #primary-featured-article-grid .secondary-featured-post .article-details .article-title .nav-arrow, .page-template-page-our-work #primary-featured-article-grid .article-details .article-title .nav-arrow, .page-template-page-our-work #secondary-featured-posts-grid .secondary-featured-post .article-details .article-title .nav-arrow, .page-template-page-our-work #secondary-featured-posts-grid .article-details .article-title .nav-arrow {
display: inline-block;
margin-left: 5px;
vertical-align: center;
transition: transform 0.5s ease;
} .page-template-page-the-journal #primary-featured-article-grid .secondary-featured-post .article-details .article-summary, .page-template-page-the-journal #primary-featured-article-grid .article-details .article-summary, .page-template-page-the-journal #secondary-featured-posts-grid .secondary-featured-post .article-details .article-summary, .page-template-page-the-journal #secondary-featured-posts-grid .article-details .article-summary, .page-template-page-our-work #primary-featured-article-grid .secondary-featured-post .article-details .article-summary, .page-template-page-our-work #primary-featured-article-grid .article-details .article-summary, .page-template-page-our-work #secondary-featured-posts-grid .secondary-featured-post .article-details .article-summary, .page-template-page-our-work #secondary-featured-posts-grid .article-details .article-summary {
max-width: 75%;
padding-top: 2rem;
color: #FEFEFE;
} .page-template-page-the-journal #primary-featured-article-grid .secondary-featured-post .article-details .article-read-time, .page-template-page-the-journal #primary-featured-article-grid .article-details .article-read-time, .page-template-page-the-journal #secondary-featured-posts-grid .secondary-featured-post .article-details .article-read-time, .page-template-page-the-journal #secondary-featured-posts-grid .article-details .article-read-time, .page-template-page-our-work #primary-featured-article-grid .secondary-featured-post .article-details .article-read-time, .page-template-page-our-work #primary-featured-article-grid .article-details .article-read-time, .page-template-page-our-work #secondary-featured-posts-grid .secondary-featured-post .article-details .article-read-time, .page-template-page-our-work #secondary-featured-posts-grid .article-details .article-read-time {
padding-top: 2rem;
color: #FEFEFE;
} .page-template-page-the-journal #tertiary-featured-posts-grid, .page-template-page-our-work #tertiary-featured-posts-grid {
margin-top: 7.5rem;
} .page-template-page-the-journal #tertiary-featured-posts-grid .tertiary-featured-post, .page-template-page-our-work #tertiary-featured-posts-grid .tertiary-featured-post {
padding-bottom: 3rem;
} .page-template-page-the-journal #tertiary-featured-posts-grid .tertiary-featured-post .article-details, .page-template-page-the-journal #tertiary-featured-posts-grid .article-details, .page-template-page-our-work #tertiary-featured-posts-grid .tertiary-featured-post .article-details, .page-template-page-our-work #tertiary-featured-posts-grid .article-details {
max-width: 90%;
} .page-template-page-the-journal #tertiary-featured-posts-grid .tertiary-featured-post .article-details .article-thumb, .page-template-page-the-journal #tertiary-featured-posts-grid .article-details .article-thumb, .page-template-page-our-work #tertiary-featured-posts-grid .tertiary-featured-post .article-details .article-thumb, .page-template-page-our-work #tertiary-featured-posts-grid .article-details .article-thumb {
margin-bottom: 2rem;
} .page-template-page-the-journal #tertiary-featured-posts-grid .tertiary-featured-post .article-details .article-date, .page-template-page-the-journal #tertiary-featured-posts-grid .article-details .article-date, .page-template-page-our-work #tertiary-featured-posts-grid .tertiary-featured-post .article-details .article-date, .page-template-page-our-work #tertiary-featured-posts-grid .article-details .article-date {
padding-top: 2rem;
color: #FEFEFE;
} .page-template-page-the-journal #tertiary-featured-posts-grid .tertiary-featured-post .article-details .article-title, .page-template-page-the-journal #tertiary-featured-posts-grid .article-details .article-title, .page-template-page-our-work #tertiary-featured-posts-grid .tertiary-featured-post .article-details .article-title, .page-template-page-our-work #tertiary-featured-posts-grid .article-details .article-title {
padding-top: 2rem;
color: #FEFEFE;
font-size: 1.875rem;
font-style: normal;
font-weight: 500;
line-height: 2.25rem; } .page-template-page-the-journal #tertiary-featured-posts-grid .tertiary-featured-post .article-details .article-title a, .page-template-page-the-journal #tertiary-featured-posts-grid .article-details .article-title a, .page-template-page-our-work #tertiary-featured-posts-grid .tertiary-featured-post .article-details .article-title a, .page-template-page-our-work #tertiary-featured-posts-grid .article-details .article-title a {
color: #FEFEFE;
text-decoration: none;
} .page-template-page-the-journal #tertiary-featured-posts-grid .tertiary-featured-post .article-details .article-title a:hover, .page-template-page-the-journal #tertiary-featured-posts-grid .article-details .article-title a:hover, .page-template-page-our-work #tertiary-featured-posts-grid .tertiary-featured-post .article-details .article-title a:hover, .page-template-page-our-work #tertiary-featured-posts-grid .article-details .article-title a:hover {
text-decoration: underline;
} .page-template-page-the-journal #tertiary-featured-posts-grid .tertiary-featured-post .article-details .article-title a:hover .nav-arrow, .page-template-page-the-journal #tertiary-featured-posts-grid .article-details .article-title a:hover .nav-arrow, .page-template-page-our-work #tertiary-featured-posts-grid .tertiary-featured-post .article-details .article-title a:hover .nav-arrow, .page-template-page-our-work #tertiary-featured-posts-grid .article-details .article-title a:hover .nav-arrow {
transform: rotate(45deg);
} .page-template-page-the-journal #tertiary-featured-posts-grid .tertiary-featured-post .article-details .article-title .nav-arrow, .page-template-page-the-journal #tertiary-featured-posts-grid .article-details .article-title .nav-arrow, .page-template-page-our-work #tertiary-featured-posts-grid .tertiary-featured-post .article-details .article-title .nav-arrow, .page-template-page-our-work #tertiary-featured-posts-grid .article-details .article-title .nav-arrow {
display: inline-block;
margin-left: 5px;
vertical-align: center;
transition: transform 0.5s ease;
} .page-template-page-the-journal #tertiary-featured-posts-grid .tertiary-featured-post .article-details .article-summary, .page-template-page-the-journal #tertiary-featured-posts-grid .article-details .article-summary, .page-template-page-our-work #tertiary-featured-posts-grid .tertiary-featured-post .article-details .article-summary, .page-template-page-our-work #tertiary-featured-posts-grid .article-details .article-summary {
max-width: 75%;
padding-top: 2rem;
color: #FEFEFE;
} .page-template-page-the-journal #tertiary-featured-posts-grid .tertiary-featured-post .article-details .article-read-time, .page-template-page-the-journal #tertiary-featured-posts-grid .article-details .article-read-time, .page-template-page-our-work #tertiary-featured-posts-grid .tertiary-featured-post .article-details .article-read-time, .page-template-page-our-work #tertiary-featured-posts-grid .article-details .article-read-time {
padding-top: 2rem;
color: #FEFEFE;
} .page-template-page-the-journal #quaternary-featured-posts-grid, .page-template-page-our-work #quaternary-featured-posts-grid {
margin-top: 7.5rem;
} .page-template-page-the-journal #quaternary-featured-posts-grid .quaternary-featured-post, .page-template-page-our-work #quaternary-featured-posts-grid .quaternary-featured-post {
padding-bottom: 3rem;
} .page-template-page-the-journal #quaternary-featured-posts-grid .quaternary-featured-post .article-details, .page-template-page-the-journal #quaternary-featured-posts-grid .article-details, .page-template-page-our-work #quaternary-featured-posts-grid .quaternary-featured-post .article-details, .page-template-page-our-work #quaternary-featured-posts-grid .article-details {
max-width: 90%;
} .page-template-page-the-journal #quaternary-featured-posts-grid .quaternary-featured-post .article-details .article-thumb, .page-template-page-the-journal #quaternary-featured-posts-grid .article-details .article-thumb, .page-template-page-our-work #quaternary-featured-posts-grid .quaternary-featured-post .article-details .article-thumb, .page-template-page-our-work #quaternary-featured-posts-grid .article-details .article-thumb {
margin-bottom: 2rem;
} .page-template-page-the-journal #quaternary-featured-posts-grid .quaternary-featured-post .article-details .article-date, .page-template-page-the-journal #quaternary-featured-posts-grid .article-details .article-date, .page-template-page-our-work #quaternary-featured-posts-grid .quaternary-featured-post .article-details .article-date, .page-template-page-our-work #quaternary-featured-posts-grid .article-details .article-date {
padding-top: 2rem;
color: #FEFEFE;
} .page-template-page-the-journal #quaternary-featured-posts-grid .quaternary-featured-post .article-details .article-title, .page-template-page-the-journal #quaternary-featured-posts-grid .article-details .article-title, .page-template-page-our-work #quaternary-featured-posts-grid .quaternary-featured-post .article-details .article-title, .page-template-page-our-work #quaternary-featured-posts-grid .article-details .article-title {
padding-top: 2rem;
color: #FEFEFE;
font-size: 1.5rem;
font-style: normal;
font-weight: 700;
line-height: 1.875rem; } .page-template-page-the-journal #quaternary-featured-posts-grid .quaternary-featured-post .article-details .article-title a, .page-template-page-the-journal #quaternary-featured-posts-grid .article-details .article-title a, .page-template-page-our-work #quaternary-featured-posts-grid .quaternary-featured-post .article-details .article-title a, .page-template-page-our-work #quaternary-featured-posts-grid .article-details .article-title a {
text-decoration: none;
color: #FEFEFE;
} .page-template-page-the-journal #quaternary-featured-posts-grid .quaternary-featured-post .article-details .article-title a:hover, .page-template-page-the-journal #quaternary-featured-posts-grid .article-details .article-title a:hover, .page-template-page-our-work #quaternary-featured-posts-grid .quaternary-featured-post .article-details .article-title a:hover, .page-template-page-our-work #quaternary-featured-posts-grid .article-details .article-title a:hover {
text-decoration: underline;
} .page-template-page-the-journal #quaternary-featured-posts-grid .quaternary-featured-post .article-details .article-title a:hover .nav-arrow, .page-template-page-the-journal #quaternary-featured-posts-grid .article-details .article-title a:hover .nav-arrow, .page-template-page-our-work #quaternary-featured-posts-grid .quaternary-featured-post .article-details .article-title a:hover .nav-arrow, .page-template-page-our-work #quaternary-featured-posts-grid .article-details .article-title a:hover .nav-arrow {
transform: rotate(45deg);
} .page-template-page-the-journal #quaternary-featured-posts-grid .quaternary-featured-post .article-details .article-title .nav-arrow, .page-template-page-the-journal #quaternary-featured-posts-grid .article-details .article-title .nav-arrow, .page-template-page-our-work #quaternary-featured-posts-grid .quaternary-featured-post .article-details .article-title .nav-arrow, .page-template-page-our-work #quaternary-featured-posts-grid .article-details .article-title .nav-arrow {
display: inline-block;
margin-left: 5px;
vertical-align: center;
transition: transform 0.5s ease;
} .page-template-page-the-journal #quaternary-featured-posts-grid .quaternary-featured-post .article-details .article-summary, .page-template-page-the-journal #quaternary-featured-posts-grid .article-details .article-summary, .page-template-page-our-work #quaternary-featured-posts-grid .quaternary-featured-post .article-details .article-summary, .page-template-page-our-work #quaternary-featured-posts-grid .article-details .article-summary {
max-width: 75%;
padding-top: 2rem;
color: #FEFEFE;
} .page-template-page-the-journal #quaternary-featured-posts-grid .quaternary-featured-post .article-details .article-read-time, .page-template-page-the-journal #quaternary-featured-posts-grid .article-details .article-read-time, .page-template-page-our-work #quaternary-featured-posts-grid .quaternary-featured-post .article-details .article-read-time, .page-template-page-our-work #quaternary-featured-posts-grid .article-details .article-read-time {
padding-top: 2rem;
color: #FEFEFE;
} .page-template-page-the-journal .article-title {
margin-top: 3rem;
} .page-template-page-the-journal .article-title h1 {
color: #FEFEFE;
font-size: 3.75rem;
font-style: normal;
font-weight: 700;
line-height: 4.125rem; margin-bottom: 0.5rem;
} .single .article-title, .page-template-page-our-work .article-title, .page-template-page-contact .article-title {
margin-top: 3rem;
border-left: 4px solid #FEFEFE;
padding-left: 0.75rem;
} .single .article-title h1, .page-template-page-our-work .article-title h1, .page-template-page-contact .article-title h1 {
color: #FEFEFE;
font-size: 3.75rem;
font-style: normal;
font-weight: 700;
line-height: 4.125rem; margin-bottom: 0.5rem;
} .single .article-title {
margin-top: 3rem;
border-left: 4px solid #FEFEFE;
padding-left: 0.75rem;
} .single .article-title h1 {
color: #FEFEFE;
font-size: 3.75rem;
font-style: normal;
font-weight: 700;
line-height: 4.125rem; margin-bottom: 0.5rem;
} .single .article-author {
margin-top: 3rem;
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.5rem; } .single .article-read-time {
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.5rem; } .single .article-socials {
margin-top: 3rem;
display: flex;
} .single .article-socials a {
display: block;
margin-right: 5px;
} .single .article-socials a img {
width: 40px;
height: 40px;
} .single .article-content {
background-color: #2E383F;
padding-top: 3rem;
color: #FEFEFE;
width: 75%;
} .single .article-content p, .single .article-content img {
margin-bottom: 40px;
} .single .article-content h1, .single .article-content h2, .single .article-content h3, .single .article-content h4, .single .article-content h5, .single .article-content h6 {
margin-top: 1rem;
margin-bottom: 1rem;
} .single section#relevant-articles {
margin-top: 7.5rem;
} .single section#relevant-articles #relevant-articles-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 1.5rem;
} .single section#relevant-articles #relevant-articles-grid .article-title {
padding-top: 2rem;
color: #FEFEFE;
font-size: 1.875rem;
font-style: normal;
font-weight: 500;
line-height: 2.25rem; page-break-inside: avoid;
max-width: 90%;
} .single section#relevant-articles #relevant-articles-grid .article-title a {
color: #FEFEFE;
} .single section#relevant-articles #relevant-articles-grid .article-title .nav-arrow {
display: inline-block;
margin-left: 5px;
vertical-align: center;
} .single section#relevant-articles #relevant-articles-grid .article-read-time {
margin-top: 2rem;
} .single-case_study .category-labels {
margin-top: 3rem;
} .single-case_study .category-labels .category-label {
display: inline-block;
margin-right: 10px;
background-color: #2E383F;
border: 1px solid #FEFEFE;
color: white;
padding: 10px 20px;
text-align: center;
font-weight: bold;
transition: background-color 0.3s ease;
} .single-case_study .category-labels .category-label:hover {
cursor: default;
} .single-case_study #case-study-intro {
margin-top: 4rem;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 6rem;
} .single-case_study #case-study-intro #challenge-approach #the-challenge #the-challenge-heading {
border-left: 4px solid #E0EED2;
padding-left: 0.75rem;
color: #FEFEFE;
font-size: 1.875rem;
font-style: normal;
font-weight: 500;
line-height: 2.25rem; margin-bottom: 1rem;
} .single-case_study #case-study-intro #challenge-approach #the-challenge p {
color: #FEFEFE;
} .single-case_study #case-study-intro #challenge-approach #our-approach {
padding-top: 3rem;
} .single-case_study #case-study-intro #challenge-approach #our-approach #our-approach-heading {
border-left: 4px solid #E0EED2;
padding-left: 0.75rem;
color: #FEFEFE;
font-size: 1.875rem;
font-style: normal;
font-weight: 500;
line-height: 2.25rem; margin-bottom: 1rem;
} .single-case_study #case-study-intro #challenge-approach #our-approach p {
color: #FEFEFE;
} .single-case_study #case-study-intro #client-quote img {
max-width: 4rem;
margin-bottom: 1rem;
} .single-case_study #case-study-intro #client-quote #client-quote-box {
border-left: 4px solid #E0EED2;
padding-left: 0.75rem;
} .single-case_study #case-study-intro #client-quote #client-quote-box #client-quote-text {
color: #FEFEFE;
font-size: 1.5rem;
font-style: normal;
font-weight: 700;
line-height: 1.875rem; } .single-case_study #case-study-intro #client-quote #client-quote-box #client-quote-attribution {
padding-top: 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: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem; }
} @media only screen and (min-width: 1240px) { } @media only screen and (min-width: 1600px) {  #inner-header {
max-width: 1272px;
margin: 0 auto;
}
} @media print { }
@media print { * {
background: transparent !important;
color: black !important;
text-shadow: none !important;
-ms-filter: none !important;
filter: none !important;
}   #content {
width: 100%;
margin: 0;
float: none;
} @page {
margin: 2cm;
} @page :left {
margin: 1cm;
}
@page :right {
margin: 1cm;
} @page :first {
margin: 1cm 2cm;
}   body {
font-size: 13pt;
line-height: 1.3;
background: #fff !important;
color: #000;
} h1 {
font-size: 24pt;
} h2, h3, h4 {
font-size: 14pt;
margin-top: 25px;
} p, h2, h3 {
orphans: 3;
widows: 3;
}  a {
page-break-inside: avoid;
} blockquote {
page-break-inside: avoid;
} h1, h2, h3, h4, h5, h6 {
page-break-after: avoid;
page-break-inside: avoid;
} img {
page-break-inside: avoid;
page-break-after: avoid;
} table, pre {
page-break-inside: avoid;
} ul, ol, dl {
page-break-before: avoid;
} pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid;
} thead {
display: table-header-group;
}  a:link, a:visited, a {
background: transparent;
color: #0088cc;
font-weight: bold;
text-decoration: underline;
text-align: left;
} a[href^=http]:after {
content: " < " attr(href) "> ";
} article a[href^="#"]:after {
content: "";
} a:not(:local-link):after {
content: " < " attr(href) "> ";
}  .entry-content iframe, ins {
display: none;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
line-height: 0pt !important;
white-space: nowrap;
} .embed-youtube, .embed-responsive, .embed-container {
display: none;
position: absolute;
height: 0;
overflow: hidden;
}  #header-widgets, nav, aside,
.sidebar, .content-ads, .make-comment, .author-bio,
.heading, .related-posts, #decomments-form-add-comment,
#breadcrumbs, #footer, .post-byline, .byline, .meta-single,
.site-title img, .post-tags, .readability, .sidebar, .page-navigation, .wp-prev-next,
.respond-form {
display: none;
}
}