@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
.fw1 {
font-weight: 100 !important;
}
.fw2 {
font-weight: 200 !important;
}
.fw3 {
font-weight: 300 !important;
}
.fw4 {
font-weight: 400 !important;
}
.fw5 {
font-weight: 500 !important;
}
.fw6 {
font-weight: 600 !important;
}
.fw7 {
font-weight: 700 !important;
}
.fw8 {
font-weight: 800 !important;
}
@media only screen and (max-width: -1px) {
.hide-xs {
display: none !important;
}
}
@media only screen and (max-width: 375px) {
.hide-xxs {
display: none !important;
}
}
@media only screen and (max-width: 767px) {
.hide-sm {
display: none !important;
}
}
@media only screen and (max-width: 1024px) {
.hide-md {
display: none !important;
}
}
@media only screen and (max-width: 1279px) {
.hide-lg {
display: none !important;
}
}
@media only screen and (max-width: 1600px) {
.hide-xl {
display: none !important;
}
}
@media only screen and (max-width: 1919px) {
.hide-xxl {
display: none !important;
}
}
@media only screen and (min-width: 0px) {
.hide-min-xs {
display: none !important;
}
}
@media only screen and (min-width: 376px) {
.hide-min-xxs {
display: none !important;
}
}
@media only screen and (min-width: 768px) {
.hide-min-sm {
display: none !important;
}
}
@media only screen and (min-width: 1025px) {
.hide-min-md {
display: none !important;
}
}
@media only screen and (min-width: 1280px) {
.hide-min-lg {
display: none !important;
}
}
@media only screen and (min-width: 1601px) {
.hide-min-xl {
display: none !important;
}
}
@media only screen and (min-width: 1920px) {
.hide-min-xxl {
display: none !important;
}
}
h1, h2, h3, h4, h5, h6 {
font-weight: 400;
}
p,
.p {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 2rem;
line-height: 1.2em;
font-weight: 400;
text-transform: initial;
}
.h1 {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 4.8rem;
line-height: 1.125em;
font-weight: 800;
text-transform: initial;
}
@media only screen and (max-width: 767px) {
.h1 {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 3rem;
line-height: 1.1em;
font-weight: 800;
text-transform: initial;
}
}
.widgettitle, .h2 {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 2.8rem;
line-height: 1.2142857143em;
font-weight: 400;
text-transform: uppercase;
}
.h2i {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 2.8rem;
line-height: 1.2142857143em;
font-weight: 400;
text-transform: initial;
}
.h3 {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 2rem;
line-height: 1.2em;
font-weight: 800;
text-transform: initial;
}
.h4 {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 1.8rem;
line-height: 1.1111111111em;
font-weight: 800;
text-transform: initial;
}
.h5 {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 1.7rem;
line-height: 1.1764705882em;
font-weight: 800;
text-transform: initial;
}
.h6 {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 1.6rem;
line-height: 1.1875em;
font-weight: 800;
text-transform: initial;
} .p-sm {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 1.6rem;
line-height: 1.25em;
font-weight: 400;
text-transform: initial;
}
.p-lg {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 2.4rem;
line-height: 1.1666666667em;
font-weight: 400;
text-transform: initial;
}
.label {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 2rem;
line-height: 1.2em;
font-weight: 400;
text-transform: initial;
padding-bottom: 13.5px;
display: inline-block;
position: relative;
}
.label::after {
content: "";
display: inline-block;
position: absolute;
height: 1px;
width: 182px;
background-color: #4C90CF;
left: 0;
bottom: 0;
}
.label--center {
text-align: center;
}
.label--center::after {
left: 50%;
transform: translate3d(-50%, 0, 0);
transform: translate(-50%, 0);
}
.heading1 {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 3.8rem;
line-height: 1.1578947368em;
font-weight: 800;
text-transform: initial;
}
.heading2 {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 3.8rem;
line-height: 1.1578947368em;
font-weight: 800;
text-transform: initial;
}
@media only screen and (max-width: 767px) {
.heading2 {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 2.8rem;
line-height: 1.2142857143em;
font-weight: 800;
text-transform: initial;
}
}
.heading3 {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 2.8rem;
line-height: 1.1428571429em;
font-weight: 800;
text-transform: initial;
}
@media only screen and (max-width: 767px) {
.heading3 {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 2.4rem;
line-height: 1.1666666667em;
font-weight: 800;
text-transform: initial;
}
}
.heading4 {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 2.2rem;
line-height: 1.1818181818em;
font-weight: 700;
text-transform: initial;
}
.heading5 {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 2rem;
line-height: 1.2em;
font-weight: 800;
text-transform: initial;
}
button, input {
border-radius: 0;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
padding: 0;
background: none; }
button::-webkit-outer-spin-button, button::-webkit-inner-spin-button, input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
button[type=number], input[type=number] {
-moz-appearance: textfield;
}
button:not(:disabled, .disabled), input:not(:disabled, .disabled) {
cursor: pointer;
}
.btn,
form input[type=submit],
form input.btn,
button.btn {
transition: all 0.2s ease-in-out 0s;
border-radius: 0;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
padding: 0;
background: none; font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 1.8rem;
line-height: 1.2222222222em;
font-weight: 700;
text-transform: initial;
background-color: #FFA700;
color: #231F20;
display: inline-block;
text-align: center;
padding: 14px 22px;
overflow: hidden;
min-width: 139px;
cursor: pointer;
}
.btn::-webkit-outer-spin-button, .btn::-webkit-inner-spin-button,
form input[type=submit]::-webkit-outer-spin-button,
form input[type=submit]::-webkit-inner-spin-button,
form input.btn::-webkit-outer-spin-button,
form input.btn::-webkit-inner-spin-button,
button.btn::-webkit-outer-spin-button,
button.btn::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.btn[type=number],
form input[type=submit][type=number],
form input.btn[type=number],
button.btn[type=number] {
-moz-appearance: textfield;
}
.btn, .btn:visited,
form input[type=submit],
form input[type=submit]:visited,
form input.btn,
form input.btn:visited,
button.btn,
button.btn:visited {
color: #231F20 !important;
}
@media only screen and (max-width: 767px) {
.btn,
form input[type=submit],
form input.btn,
button.btn {
max-width: 100%;
}
}
.btn:not([disabled]):hover, .btn:not([disabled]):focus, .btn:not([disabled]):active,
form input[type=submit]:not([disabled]):hover,
form input[type=submit]:not([disabled]):focus,
form input[type=submit]:not([disabled]):active,
form input.btn:not([disabled]):hover,
form input.btn:not([disabled]):focus,
form input.btn:not([disabled]):active,
button.btn:not([disabled]):hover,
button.btn:not([disabled]):focus,
button.btn:not([disabled]):active {
background-color: #f8c567;
transition: all 0.3s ease-in-out;
}
.btn-blue {
transition: all 0.2s ease-in-out 0s;
border-radius: 0;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
padding: 0;
background: none; font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 1.8rem;
line-height: 1.2222222222em;
font-weight: 700;
text-transform: initial;
background-color: #FFA700;
color: #231F20;
display: inline-block;
text-align: center;
padding: 14px 22px;
overflow: hidden;
min-width: 139px;
cursor: pointer;
background-color: #4C90CF;
color: #FFFFFF;
}
.btn-blue::-webkit-outer-spin-button, .btn-blue::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.btn-blue[type=number] {
-moz-appearance: textfield;
}
.btn-blue, .btn-blue:visited {
color: #231F20 !important;
}
@media only screen and (max-width: 767px) {
.btn-blue {
max-width: 100%;
}
}
.btn-blue:not([disabled]):hover, .btn-blue:not([disabled]):focus, .btn-blue:not([disabled]):active {
background-color: #f8c567;
transition: all 0.3s ease-in-out;
}
.btn-blue, .btn-blue:visited {
color: #FFFFFF !important;
}
.btn-blue:not([disabled]):hover, .btn-blue:not([disabled]):focus, .btn-blue:not([disabled]):active {
background-color: #6caeec;
transition: all 0.3s ease-in-out;
}
.btn-white {
transition: all 0.2s ease-in-out 0s;
border-radius: 0;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
padding: 0;
background: none; font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 1.8rem;
line-height: 1.2222222222em;
font-weight: 700;
text-transform: initial;
background-color: #FFA700;
color: #231F20;
display: inline-block;
text-align: center;
padding: 14px 22px;
overflow: hidden;
min-width: 139px;
cursor: pointer;
background-color: #FFFFFF;
color: #231F20;
}
.btn-white::-webkit-outer-spin-button, .btn-white::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.btn-white[type=number] {
-moz-appearance: textfield;
}
.btn-white, .btn-white:visited {
color: #231F20 !important;
}
@media only screen and (max-width: 767px) {
.btn-white {
max-width: 100%;
}
}
.btn-white:not([disabled]):hover, .btn-white:not([disabled]):focus, .btn-white:not([disabled]):active {
background-color: #f8c567;
transition: all 0.3s ease-in-out;
}
.btn-white, .btn-white:visited {
color: #231F20 !important;
}
.btn-white:not([disabled]):hover, .btn-white:not([disabled]):focus, .btn-white:not([disabled]):active {
background-color: #e3e3e3;
transition: all 0.3s ease-in-out;
}
*,
*:after,
*:before {
box-sizing: border-box;
outline: none;
margin: 0;
padding: 0;
}
:focus-visible {
outline: -webkit-focus-ring-color auto 1px !important;
}
html {
font-size: 62.5%;
}
html * {
margin: 0;
}
html *:focus {
outline: none;
}
body {
color: #231F20;
background-color: #FFFFFF;
font-family: "Mulish", sans-serif;
}
html,
body {
width: 100%;
overflow-x: hidden;
scrollbar-width: none;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
display: none;
}
.sr-only {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.page,
.post {
margin: 0;
}
.container {
width: 100%;
margin: 0 auto;
max-width: 1920px;
}
@media only screen and (min-width: 0px) {
.container {
padding: 0 9px;
}
}
@media only screen and (min-width: 768px) {
.container {
padding: 0 95px;
}
}
@media only screen and (min-width: 1025px) {
.container {
padding: 0 35px;
}
}
@media only screen and (min-width: 1601px) {
.container {
padding: 0 68px;
}
}
@media only screen and (max-width: 1024px) {
.container {
max-width: 100%;
}
}
@media only screen and (min-width: 1601px) {
.container--basic {
padding: 0 140px;
}
}
.container--basic + .container--basic {
margin-top: 30px;
}
.mauto {
margin-left: auto;
margin-right: auto;
}
a {
transition: all 0.2s ease-in-out 0s;
text-decoration: none;
font-family: inherit;
font-size: inherit;
color: inherit;
}
a:visited, a:active {
color: inherit;
}
a:not([disabled]):hover, a:not([disabled]):focus, a:not([disabled]):active {
color: inherit;
transition: all 0.3s ease-in-out;
}
.bgimage {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.bgimageleft {
background-repeat: no-repeat;
background-size: cover;
background-position: 0 center;
}
.skip-link {
left: 50%;
transform: translate3d(-50%, 0, 0);
transform: translate(-50%, 0);
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 2rem;
line-height: 1.2em;
font-weight: 400;
text-transform: initial;
transition: all 0.2s ease-in-out 0s;
border-radius: 0;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
padding: 0;
background: none; font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 1.8rem;
line-height: 1.2222222222em;
font-weight: 700;
text-transform: initial;
background-color: #FFA700;
color: #231F20;
display: inline-block;
text-align: center;
padding: 14px 22px;
overflow: hidden;
min-width: 139px;
cursor: pointer;
text-transform: uppercase;
border: 1px dotted white !important;
border-radius: 0 !important;
padding: 18px 10px !important;
text-align: center;
border: none;
min-width: 218px;
font-size: 1.5rem !important;
top: 40px !important;
}
.skip-link::-webkit-outer-spin-button, .skip-link::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.skip-link[type=number] {
-moz-appearance: textfield;
}
.skip-link, .skip-link:visited {
color: #231F20 !important;
}
@media only screen and (max-width: 767px) {
.skip-link {
max-width: 100%;
}
}
.skip-link:not([disabled]):hover, .skip-link:not([disabled]):focus, .skip-link:not([disabled]):active {
background-color: #f8c567;
transition: all 0.3s ease-in-out;
}
.skip-link:focus {
left: 50%;
transform: translate3d(-50%, 0, 0);
transform: translate(-50%, 0);
background-color: #4C90CF;
}
.tac {
text-align: center !important;
}
.tal {
text-align: left !important;
}
.block-overlay {
position: relative;
}
.block-overlay:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.4509803922);
pointer-events: none;
z-index: 0;
}
.relative {
position: relative;
}
.ratio {
position: relative;
overflow: hidden;
display: block;
}
.ratio > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.ratio:after {
content: "";
display: block;
position: relative;
width: 100%;
padding-top: 100%;
}
.ratio img {
transition: transform 0.3s ease-in-out;
display: block;
-o-object-fit: cover;
object-fit: cover;
pointer-events: none;
}
.ratio:not([disabled]):hover, .ratio:not([disabled]):focus, .ratio:not([disabled]):active {
transition: all 0.3s ease-in-out;
}
.ratio:not([disabled]):hover img, .ratio:not([disabled]):focus img, .ratio:not([disabled]):active img {
transform: translate(-50%, -50%);
}
.image-no-ratio img {
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.d-flex {
display: flex;
flex-flow: row wrap;
}
.d-flex > * {
width: 100%;
}
.d-flex-no-wrap {
display: flex;
}
.reset-list {
list-style-type: none;
margin: 0;
padding: 0;
}
.reset-list li {
display: inline-block;
padding: 0;
}
.bgimagezoom {
overflow: hidden;
}
.bgimagezoom .image {
transition: transform 0.2s ease-in-out 0s;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
pointer-events: none;
-o-object-fit: cover;
object-fit: cover;
}
.bgimagezoom:not([disabled]):hover, .bgimagezoom:not([disabled]):focus, .bgimagezoom:not([disabled]):active {
transition: all 0.3s ease-in-out;
}
.bgimagezoom:not([disabled]):hover .image, .bgimagezoom:not([disabled]):focus .image, .bgimagezoom:not([disabled]):active .image {
transform: scale(1.05);
}
.slick-track:before,
.slick-track:after {
content: none;
}
.site-main {
min-height: 50vh;
margin-top: 103px;
}
@media only screen and (max-width: 767px) {
.site-main {
margin-top: 78px;
}
}
#wpadminbar {
position: fixed !important;
}
.deactivate-scroll {
overflow: hidden;
}
#main-primary {
height: 0;
}
.js-focus-visible :focus:not(.focus-visible) {
outline: none;
} .js-focus-visible .focus-visible {
outline: -webkit-focus-ring-color auto 1px !important;
}
@media only screen and (max-width: 1024px) {
.hide-md {
display: none;
}
}
.disabled {
pointer-events: none;
}
.hide-scrollbar {
scrollbar-width: none;
}
.hide-scrollbar::-webkit-scrollbar {
display: none;
}
.text-highlight {
color: #231F20;
}
.text-white {
color: #FFFFFF;
}
.text-black {
color: #231F20;
}
img {
max-width: 100%;
}
.bg-dark {
background-color: #0F3A5D;
color: #FFFFFF;
}
.c-white {
color: #FFFFFF;
}
.c-navy {
color: #0F3A5D;
}
.c-blue {
color: #4C90CF;
}
.c-yellow {
color: #FFA700;
}
.bg-black {
background-color: #231F20;
}
.bg-white {
background-color: #FFFFFF;
}
@media only screen and (min-width: 0px) {
.grid {
margin: 0 calc(-9px);
}
.grid .grid__item {
padding: 0 9px;
}
}
@media only screen and (min-width: 768px) {
.grid {
margin: 0 calc(-28.5px);
}
.grid .grid__item {
padding: 0 28.5px;
}
}
@media only screen and (min-width: 1025px) {
.grid {
margin: 0 calc(-11.5px);
}
.grid .grid__item {
padding: 0 11.5px;
}
}
@media only screen and (min-width: 1601px) {
.grid {
margin: 0 calc(-28.5px);
}
.grid .grid__item {
padding: 0 28.5px;
}
}
.jcc {
justify-content: center;
}
.hide {
display: none;
}
.highlight {
color: #FFA700;
}
section + section {
margin-top: 80px;
}
@media only screen and (max-width: 1600px) {
section + section {
margin-top: 12rem;
}
}
@media only screen and (max-width: 1024px) {
section + section {
margin-top: 7.3rem;
}
}
@media only screen and (max-width: 767px) {
section + section {
margin-top: 56px;
}
}
.section-2cols--custom + section,
.section-bg + .section-bg {
margin-top: 0;
}
.wysiwyg > * + * {
margin-top: 2.4rem;
}
.wysiwyg h1 {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 3.8rem;
line-height: 1.1578947368em;
font-weight: 800;
text-transform: initial;
}
@media only screen and (max-width: 767px) {
.wysiwyg h1 {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 3rem;
line-height: 1.1em;
font-weight: 800;
text-transform: initial;
}
}
.wysiwyg h1 + * {
margin-top: 45px;
}
.wysiwyg h2 {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 3rem;
line-height: 1.1666666667em;
font-weight: 800;
text-transform: initial;
}
@media only screen and (max-width: 767px) {
.wysiwyg h2 {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 2.6rem;
line-height: 1.1538461538em;
font-weight: 800;
text-transform: initial;
}
}
.wysiwyg h3 {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 2rem;
line-height: 1.2em;
font-weight: 800;
text-transform: initial;
}
.wysiwyg p {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 2rem;
line-height: 1.2em;
font-weight: 400;
text-transform: initial;
}
.wysiwyg table {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 2rem;
line-height: 1.2em;
font-weight: 400;
text-transform: initial;
border-collapse: collapse;
float: none;
}
.wysiwyg td {
padding: 10px 0;
vertical-align: top;
}
.wysiwyg td:first-child {
width: 40% !important;
min-width: 304px;
font-weight: 700;
}
@media only screen and (max-width: 767px) {
.wysiwyg td:first-child {
min-width: 200px;
}
}
.wysiwyg td:nth-child(2) {
width: 60% !important;
padding-left: 44px;
}
.wysiwyg ul, .wysiwyg ol {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 2rem;
line-height: 1.2em;
font-weight: 400;
text-transform: initial;
}
.wysiwyg ol {
margin-left: 2.1rem;
}
.wysiwyg ol li + li {
margin-top: 16px;
}
.wysiwyg ul {
list-style: none;
margin-left: 1.5rem;
}
.wysiwyg ul li {
position: relative;
}
.wysiwyg ul li::before {
content: "";
width: 0.7rem;
height: 0.7rem;
background-color: #231F20;
border-radius: 50%;
position: absolute;
left: -14px;
top: 0.8rem;
}
.wysiwyg a:not(.btn, .wysiwyg-media) {
position: relative;
}
.wysiwyg a:not(.btn, .wysiwyg-media)::after {
content: "";
height: 1px;
background-color: #231F20;
left: 0;
width: 100%;
position: absolute;
bottom: 1px;
transition: background-color 0.3s ease-in-out;
}
.wysiwyg a:not(.btn, .wysiwyg-media):not([disabled]):hover, .wysiwyg a:not(.btn, .wysiwyg-media):not([disabled]):focus, .wysiwyg a:not(.btn, .wysiwyg-media):not([disabled]):active {
color: #FFA700;
transition: all 0.3s ease-in-out;
}
.wysiwyg a:not(.btn, .wysiwyg-media):not([disabled]):hover::after, .wysiwyg a:not(.btn, .wysiwyg-media):not([disabled]):focus::after, .wysiwyg a:not(.btn, .wysiwyg-media):not([disabled]):active::after {
background-color: transparent;
}
.wysiwyg .btn, .wysiwyg button {
border-bottom: none;
}
.wysiwyg img {
display: block;
}
.wysiwyg .btn {
margin-top: 1.6rem;
}
.wysiwyg .btn + .btn {
margin-left: 1.8rem;
}
.wysiwyg--custom p {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 3rem;
line-height: 1.1666666667em;
font-weight: 400;
text-transform: initial;
}
.wysiwyg--2cols {
-moz-columns: 2;
columns: 2;
-moz-column-gap: 118px;
column-gap: 118px;
}
@media only screen and (max-width: 1600px) {
.wysiwyg--2cols {
-moz-column-gap: 66px;
column-gap: 66px;
}
}
@media only screen and (max-width: 1024px) {
.wysiwyg--2cols {
-moz-columns: unset;
columns: unset;
}
}
.page-id-179 .wysiwyg table {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 2rem;
line-height: 1.2em;
font-weight: 400;
text-transform: initial;
border-collapse: collapse;
}
.page-id-179 .wysiwyg tr {
border: 1.5px solid #FFA700;
}
.page-id-179 .wysiwyg td {
padding: 5px;
border-right: 1.5px dashed #FFA700;
}
.page-id-179 .wysiwyg td:first-child {
width: 40% !important;
}
.page-id-179 .wysiwyg td:nth-child(2) {
width: 60% !important;
padding-left: 2.6rem;
}
.wysiwyg--contact {
text-align: center;
}
.wysiwyg--contact h1 + * {
margin-top: 24.5px;
}
.block-socials ul {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
}
.block-socials ul li {
display: inline-block;
padding: 0;
}
.block-socials li {
margin-bottom: 0;
}
.block-socials li + li {
margin-left: 10px;
}
.block-socials a {
position: relative;
overflow: hidden;
display: block;
transition: transform 0.2s ease-in-out 0s;
width: 45px;
border-bottom: none !important;
overflow: visible;
}
.block-socials a > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.block-socials a:after {
content: "";
display: block;
position: relative;
width: 100%;
padding-top: 100%;
}
.block-socials a img {
transition: transform 0.3s ease-in-out;
display: block;
-o-object-fit: cover;
object-fit: cover;
pointer-events: none;
}
.block-socials a:not([disabled]):hover, .block-socials a:not([disabled]):focus, .block-socials a:not([disabled]):active {
transition: all 0.3s ease-in-out;
}
.block-socials a:not([disabled]):hover img, .block-socials a:not([disabled]):focus img, .block-socials a:not([disabled]):active img {
transform: translate(-50%, -50%);
}
.block-socials a img {
transform: none !important;
}
.block-socials a:not([disabled]):hover, .block-socials a:not([disabled]):focus, .block-socials a:not([disabled]):active {
transform: scale(1.15);
transition: all 0.3s ease-in-out;
}
.block-socials--header {
padding-top: 65px;
padding-right: 20px;
width: 50% !important;
}
@media only screen and (max-width: 767px) {
.block-socials--header {
width: 100% !important;
}
}
.block-socials--footer {
margin-left: auto;
}
.block-socials--footer ul {
justify-content: flex-end;
}
@media only screen and (max-width: 1279px) {
.block-socials--footer ul {
justify-content: center;
}
}
@media only screen and (max-width: 375px) {
.block-socials--footer ul {
justify-content: space-between;
}
}
.block-socials--footer li + li {
margin-left: 55px;
}
@media only screen and (max-width: 375px) {
.block-socials--footer li + li {
margin-left: 5px;
}
}
@keyframes socials-animation {
from {
transform: scale(1);
opacity: 1;
}
to {
transform: scale(1.4);
opacity: 0;
}
}
.block-form .form-field {
display: flex;
flex-wrap: wrap;
position: relative;
}
.block-form .form-field:nth-child(n+2) {
margin-top: 16px;
}
.block-form .form-field + .form-field--submit {
margin-top: 21px;
}
@media only screen and (max-width: 767px) {
.block-form .form-field + .form-field--submit {
margin-top: 27px;
}
}
.block-form .form-field--checkbox {
text-align: center;
margin-top: 15px !important;
}
.block-form .form-field--checkbox label {
position: relative;
width: auto;
height: auto;
padding: 0;
margin: 0;
overflow: auto;
clip: initial;
border: 0;
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 1.6rem;
line-height: 1.1875em;
font-weight: 400;
text-transform: initial;
cursor: pointer;
}
.block-form .form-field--checkbox .focus-visible + .wpcf7-list-item-label::before {
border-color: #4C90CF;
}
.block-form .form-field--checkbox .wpcf7-list-item-label {
padding-left: 40px;
display: inline-block;
position: relative;
}
.block-form .form-field--checkbox .wpcf7-list-item {
display: block;
margin: 0;
}
.block-form .form-field--checkbox .wpcf7-list-item-label::before {
position: absolute;
width: 30px;
height: 30px;
border: 0.5px solid #231F20;
top: -5px;
left: 0;
background-color: #FFFFFF;
font-size: 22px;
line-height: 28px;
}
.block-form .form-field--checkbox input:checked + .wpcf7-list-item-label::before {
content: "✓";
color: #FFFFFF;
background-color: #4C90CF;
border-color: #4C90CF;
}
.block-form .half {
width: 100%;
}
@media only screen and (min-width: 768px) {
.block-form .half {
width: calc(50% - 4.5px);
}
}
.block-form .half + .half {
margin-top: 16px;
}
@media only screen and (min-width: 768px) {
.block-form .half + .half {
margin-left: 9px;
margin-top: 0;
}
}
.block-form label {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.block-form .wpcf7-form-control-wrap {
display: block;
width: 100%;
}
.block-form input[type=text],
.block-form input[type=email],
.block-form input[type=tel],
.block-form input[type=file],
.block-form select,
.block-form textarea {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 1.6rem;
line-height: 1.625em;
font-weight: 500;
text-transform: initial;
transition: all 0.2s ease-in-out 0s;
background-color: #FFFFFF;
color: #231F20;
border-radius: 0;
padding: 0px 5px 1px;
display: block;
width: 100%;
border: none;
}
.block-form input[type=text]:not([disabled]):hover, .block-form input[type=text]:not([disabled]):focus, .block-form input[type=text]:not([disabled]):active,
.block-form input[type=email]:not([disabled]):hover,
.block-form input[type=email]:not([disabled]):focus,
.block-form input[type=email]:not([disabled]):active,
.block-form input[type=tel]:not([disabled]):hover,
.block-form input[type=tel]:not([disabled]):focus,
.block-form input[type=tel]:not([disabled]):active,
.block-form input[type=file]:not([disabled]):hover,
.block-form input[type=file]:not([disabled]):focus,
.block-form input[type=file]:not([disabled]):active,
.block-form select:not([disabled]):hover,
.block-form select:not([disabled]):focus,
.block-form select:not([disabled]):active,
.block-form textarea:not([disabled]):hover,
.block-form textarea:not([disabled]):focus,
.block-form textarea:not([disabled]):active {
border-color: #4C90CF;
transition: all 0.3s ease-in-out;
}
.block-form input[type=text].placeholder,
.block-form input[type=email].placeholder,
.block-form input[type=tel].placeholder,
.block-form input[type=file].placeholder,
.block-form select.placeholder,
.block-form textarea.placeholder {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 1.6rem;
line-height: 1.625em;
font-weight: 500;
text-transform: initial;
color: #231F20;
opacity: 1;
}
.block-form input[type=text]:-moz-placeholder,
.block-form input[type=email]:-moz-placeholder,
.block-form input[type=tel]:-moz-placeholder,
.block-form input[type=file]:-moz-placeholder,
.block-form select:-moz-placeholder,
.block-form textarea:-moz-placeholder {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 1.6rem;
line-height: 1.625em;
font-weight: 500;
text-transform: initial;
color: #231F20;
opacity: 1;
}
.block-form input[type=text]::-moz-placeholder,
.block-form input[type=email]::-moz-placeholder,
.block-form input[type=tel]::-moz-placeholder,
.block-form input[type=file]::-moz-placeholder,
.block-form select::-moz-placeholder,
.block-form textarea::-moz-placeholder {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 1.6rem;
line-height: 1.625em;
font-weight: 500;
text-transform: initial;
color: #231F20;
opacity: 1;
}
.block-form input[type=text]:-ms-input-placeholder,
.block-form input[type=email]:-ms-input-placeholder,
.block-form input[type=tel]:-ms-input-placeholder,
.block-form input[type=file]:-ms-input-placeholder,
.block-form select:-ms-input-placeholder,
.block-form textarea:-ms-input-placeholder {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 1.6rem;
line-height: 1.625em;
font-weight: 500;
text-transform: initial;
color: #231F20;
opacity: 1;
}
.block-form input[type=text]::-webkit-input-placeholder,
.block-form input[type=email]::-webkit-input-placeholder,
.block-form input[type=tel]::-webkit-input-placeholder,
.block-form input[type=file]::-webkit-input-placeholder,
.block-form select::-webkit-input-placeholder,
.block-form textarea::-webkit-input-placeholder {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 1.6rem;
line-height: 1.625em;
font-weight: 500;
text-transform: initial;
color: #231F20;
opacity: 1;
}
.block-form [type=file] {
position: relative;
padding: 4px 11px 3px 6px;
transform: none;
border: none !important;
background-color: transparent !important;
padding: 0 !important;
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
.block-form [type=file]::-webkit-file-upload-button {
visibility: hidden;
position: absolute;
}
.block-form [type=file]::after {
border-radius: 0;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
padding: 0;
background: none; font-size: 10px;
display: inline-block;
margin-left: 5px;
height: 21px;
line-height: 8px;
width: 61px;
right: 0;
color: #231F20;
background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
border: 1px solid #999;
border-radius: 3px;
padding: 5px 8px;
outline: none;
white-space: nowrap;
-webkit-user-select: none;
text-shadow: 1px 1px #fff;
cursor: pointer;
position: relative;
font-weight: 600;
top: -2px;
z-index: 1;
transform: none;
}
.block-form [type=file]::after::-webkit-outer-spin-button, .block-form [type=file]::after::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.block-form [type=file]::after[type=number] {
-moz-appearance: textfield;
}
.block-form select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(//thrubeam.co.uk/wp-content/themes/ssc/images/select.svg);
background-repeat: no-repeat;
background-position: calc(100% - 10px) 50%;
background-size: 20px 10px;
padding-right: 35px;
}
.block-form .form-field__block + .form-field__block {
margin-top: 12px;
}
.block-form textarea {
height: 200px;
resize: none;
}
.block-form input[type=submit] {
margin: 0 auto;
}
.block-form .wpcf7-response-output {
font-size: 1.5rem;
text-align: center;
margin: 2rem 0 0 !important;
}
.block-form .wpcf7-not-valid-tip {
font-size: 1.5rem;
text-align: left;
}
.block-form .wpcf7-spinner {
position: absolute;
top: calc(50% - 4.5px);
right: 0;
}
.block-form .js-form-input .wpcf7-form-control-wrap {
display: block;
position: relative;
background-color: #FFFFFF;
color: #231F20;
border-radius: 0;
display: block;
width: 100%;
}
.block-form .js-form-input .label-file__title {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 1.6rem;
line-height: 1.1875em;
font-weight: 400;
text-transform: initial;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
line-height: 1.1875em;
max-height: 1.1875em;
white-space: nowrap;
display: inline-block;
}
.block-form .js-form-input .label-file__title a {
display: block;
}
@media only screen and (max-width: 767px) {
.block-form .js-form-input .label-file__title {
font-size: 1.4rem;
}
}
.block-form .js-form-input .label-file__button {
font-size: 10px;
display: inline-block;
height: 21px;
line-height: 8px;
width: 61px;
right: 0;
color: #231F20;
background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
border: 1px solid #999;
border-radius: 3px;
padding: 6px 8px 5px;
outline: none;
white-space: nowrap;
-webkit-user-select: none;
text-shadow: 1px 1px #fff;
cursor: pointer;
position: relative;
font-weight: 600;
top: 0px;
margin-left: 10px;
z-index: 1;
transform: none;
}
.block-form .js-form-input .focus-visible + .label-file {
outline: -webkit-focus-ring-color auto 1px !important;
}
.block-form .js-form-input .label-file {
position: relative;
padding: 4px 11px 3px 6px;
pointer-events: none;
background-color: #FFFFFF;
z-index: 0;
display: flex;
align-items: center;
border: 0.5px solid #231F20;
}
.block-form .js-form-input [type=file]:not([disabled]):hover, .block-form .js-form-input [type=file]:not([disabled]):focus, .block-form .js-form-input [type=file]:not([disabled]):active {
transition: all 0.3s ease-in-out;
}
.block-form .js-form-input [type=file]:not([disabled]):hover + .label-file, .block-form .js-form-input [type=file]:not([disabled]):focus + .label-file, .block-form .js-form-input [type=file]:not([disabled]):active + .label-file {
border-color: #4C90CF;
}
.block-form-ctas {
text-align: center;
padding: 5rem 0 6.7rem;
}
.block-form-ctas--banner {
padding-top: 3.6rem;
padding-bottom: 0;
}
@media only screen and (max-width: 767px) {
.block-form-ctas--banner {
padding-top: 10px;
}
.block-form-ctas--banner a {
margin-top: 13px;
}
}
.block-form-ctas__title {
margin-bottom: 4rem;
}
@media only screen and (max-width: 767px) {
.block-form-ctas__title {
margin-bottom: 27px;
}
}
.block-form-ctas__title a:not([disabled]):hover, .block-form-ctas__title a:not([disabled]):focus, .block-form-ctas__title a:not([disabled]):active {
text-decoration: underline;
transition: all 0.3s ease-in-out;
}
.block-form-ctas__grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
@media only screen and (min-width: 1280px) {
.block-form-ctas--left .block-form-ctas__grid {
justify-content: flex-start;
}
}
@media only screen and (min-width: 768px) {
.block-form-ctas--left .btn:first-child {
margin-left: 0;
}
}
.block-form-ctas__btn {
display: inline-block;
margin: 0 1.1rem;
padding: 1.2rem 2.3rem 1.5rem;
min-width: 21.3rem;
}
@media only screen and (max-width: 767px) {
.block-form-ctas__btn {
min-width: 180px;
margin: 13px 4px 0;
padding: 1.1rem 0.5rem 1.2rem;
}
}
.block-ctas {
padding-top: 5.7rem;
}
@media only screen and (max-width: 1279px) {
.block-ctas {
padding-top: 4rem;
}
}
.block-ctas--dark .btn:not([disabled]):hover, .block-ctas--dark .btn:not([disabled]):focus, .block-ctas--dark .btn:not([disabled]):active {
background-color: #FFFFFF;
color: #4C90CF !important;
transition: all 0.3s ease-in-out;
}
.block-ctas--center {
text-align: center;
}
.block-ctas--center .btn {
margin: 0 1.1rem !important;
}
@media only screen and (max-width: 767px) {
.block-ctas__grid {
text-align: center;
}
}
.block-ctas__btn + .block-ctas__btn {
margin-left: 2.2rem;
}
.block-breadcrumbs {
width: 100%;
color: #231F20;
padding: 26.5px 0 40px;
}
@media only screen and (max-width: 1024px) {
.block-breadcrumbs {
padding-bottom: 45px;
}
}
.block-breadcrumbs a {
transition: 0.2s -webkit-text-decoration ease;
transition: 0.2s text-decoration ease;
transition: 0.2s text-decoration ease, 0.2s -webkit-text-decoration ease;
}
.block-breadcrumbs a:not([disabled]):hover, .block-breadcrumbs a:not([disabled]):focus, .block-breadcrumbs a:not([disabled]):active {
color: #FFA700;
transition: all 0.3s ease-in-out;
}
.block-breadcrumbs a, .block-breadcrumbs span {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 1.4rem;
line-height: 1.2857142857em;
font-weight: 400;
text-transform: initial;
}
.rank-math-breadcrumb p {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 1.2rem;
line-height: 1.3333333333em;
font-weight: 400;
text-transform: initial;
}
.block-contact a {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 4.2rem;
line-height: 1.2380952381em;
font-weight: 800;
text-transform: initial;
}
@media only screen and (max-width: 1024px) {
.block-contact a {
font-size: 2rem;
}
}
.block-contact a + * {
margin-top: 30px;
}
.block-contact__title + * {
margin-top: 8px;
}
.block-pd-tax {
margin-top: 45px;
}
.block-pd-tax__wrapper {
overflow: hidden;
}
.block-pd-tax__grid {
margin: 0 -27px;
}
.block-pd-tax__item {
padding: 0 27px;
width: 50%;
}
@media only screen and (max-width: 767px) {
.block-pd-tax__item {
width: 100%;
}
.block-pd-tax__item + .block-pd-tax__item {
margin-top: 30px;
}
}
.site-header {
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 111;
background-color: #FFFFFF;
border-bottom: 1px solid #4C90CF;
height: 103px;
}
@media only screen and (max-width: 767px) {
.site-header {
height: 78px;
}
}
#wpadminbar ~ #page .site-header {
top: 32px;
}
@media screen and (max-width: 782px) {
#wpadminbar ~ #page .site-header {
top: 46px;
}
}
.site-header__wrapper {
display: flex;
align-items: center;
height: 103px;
}
@media only screen and (max-width: 767px) {
.site-header__wrapper {
height: 78px;
}
}
.site-branding {
margin: 1.1rem auto 0.7rem 1rem;
width: 26.7rem;
max-width: 26.7rem;
flex: 1 0 auto;
}
@media only screen and (max-width: 1600px) {
.site-branding {
width: 203px;
max-width: 203px;
}
}
@media only screen and (max-width: 767px) {
.site-branding {
width: 16.7rem;
max-width: 16.7rem;
}
}
.site-branding a {
display: block;
}
.site-branding img {
display: block;
transform: none !important;
width: 100%;
height: auto;
}
.site-contact {
height: 100%;
display: flex;
align-items: center;
}
.site-contact a {
margin-left: 3.2vw;
}
@media only screen and (max-width: 1600px) {
.site-contact a {
margin-left: 3vw;
}
}
.site-contact__link {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 1.7rem;
line-height: 1.1764705882em;
font-weight: 700;
text-transform: initial;
color: #FFA700 !important;
padding: 1rem 0;
text-align: center;
}
@media only screen and (max-width: 767px) {
.site-contact__link span {
display: none;
}
}
@media only screen and (min-width: 768px) {
.site-contact__link svg {
display: none;
}
}
.site-contact__link:not([disabled]):hover, .site-contact__link:not([disabled]):focus, .site-contact__link:not([disabled]):active {
color: #4C90CF !important;
transition: all 0.3s ease-in-out;
}
.site-contact__cta {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 1.7rem;
line-height: 1.1764705882em;
font-weight: 700;
text-transform: uppercase;
height: 100%;
padding: 31px 5px;
min-width: 106px;
}
@media only screen and (max-width: 1600px) {
.site-contact__cta {
margin-left: 0 !important;
}
}
@media only screen and (max-width: 767px) {
.site-contact__cta {
min-width: 78px;
padding: 18px 4px;
}
}
@media only screen and (max-width: 767px) {
.site-contact__link--email {
margin-right: 4px !important;
margin-left: 17px !important;
}
.site-contact__link--phone {
order: -1;
margin: 0 !important;
padding: 4px 0 10px;
}
.site-contact__link--phone span:nth-child(1) {
display: block !important;
}
.site-contact__link--phone svg {
display: block !important;
}
}
@media only screen and (min-width: 1601px) {
.site-contact__link--custom {
margin-right: 26px;
}
}
.menu-title {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 1.7rem;
line-height: 1.1764705882em;
font-weight: 700;
text-transform: initial;
color: #231F20;
}
.main-navigation {
width: auto;
height: 100%;
}
.main-navigation .site-menu,
.main-navigation .site-menu__wrapper,
.main-navigation .submenu0 {
height: 100%;
}
.main-navigation .menu-icon {
opacity: 0;
display: block;
background: url(//thrubeam.co.uk/wp-content/themes/ssc/images/submenu.svg);
background-size: cover;
background-repeat: no-repeat;
}
.main-navigation a {
width: 100% !important;
}
.main-navigation a:not([disabled]):hover, .main-navigation a:not([disabled]):focus, .main-navigation a:not([disabled]):active {
color: #FFA700;
transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 1600px) {
.main-navigation {
display: none;
position: fixed;
width: 100%;
left: 0;
top: 103px;
background-color: #FFFFFF;
height: auto;
}
.main-navigation .site-menu {
overflow-y: auto;
height: 100%;
}
.toggled.main-navigation {
display: block;
}
}
@media only screen and (max-width: 1024px) {
.main-navigation {
overflow-y: auto;
}
}
.main-navigation .submenu0 {
display: flex !important;
justify-content: flex-end;
align-items: center;
}
.main-navigation .submenu0 > li {
height: 100%;
}
.main-navigation .submenu0 > li + li {
margin-left: 3.2vw;
}
.main-navigation .submenu0 > li > a {
text-align: center;
height: 100%;
display: flex;
align-items: center;
z-index: 3;
position: relative;
}
.main-navigation .submenu0 > .menu-has-children > a .menu-icon {
left: 50%;
transform: translate3d(-50%, 0, 0);
transform: translate(-50%, 0);
position: absolute;
width: 32px;
height: 17px;
bottom: 0;
z-index: 3;
}
.main-navigation .submenu0 > .menu-has-children:not([disabled]):hover, .main-navigation .submenu0 > .menu-has-children:not([disabled]):focus, .main-navigation .submenu0 > .menu-has-children:not([disabled]):active {
transition: all 0.3s ease-in-out;
}
.main-navigation .submenu0 > .menu-has-children:not([disabled]):hover .submenu1, .main-navigation .submenu0 > .menu-has-children:not([disabled]):focus .submenu1, .main-navigation .submenu0 > .menu-has-children:not([disabled]):active .submenu1 {
transition-delay: 0.25s;
left: 0;
}
.main-navigation .submenu0 > .menu-has-children:not([disabled]):hover > a .menu-icon, .main-navigation .submenu0 > .menu-has-children:not([disabled]):focus > a .menu-icon, .main-navigation .submenu0 > .menu-has-children:not([disabled]):active > a .menu-icon {
display: block;
opacity: 1;
transition-delay: 0.25s;
}
@media screen and (max-width: 1800px) {
.main-navigation .submenu0 > li + li {
margin-left: 24px;
}
}
@media only screen and (max-width: 1600px) {
.main-navigation .submenu0 {
justify-content: space-between;
border-bottom: 1px solid #4C90CF;
}
.main-navigation .submenu0 > li + li {
margin-left: 0;
}
.main-navigation .submenu0 > li > a {
padding: 20px;
}
.main-navigation .submenu0 > .menu-has-children > a .menu-icon {
transition-delay: 0s !important;
width: 32px;
height: 17px;
bottom: -1px;
}
}
@media only screen and (max-width: 1024px) {
.main-navigation .submenu0 {
flex-wrap: wrap;
padding: 10px 0;
}
.main-navigation .submenu0 > li {
width: 100%;
}
.main-navigation .submenu0 > li > a {
padding: 10px;
}
.main-navigation .submenu0 > .menu-has-children > a .menu-icon {
display: inline-block;
opacity: 1;
top: 0;
left: auto;
right: 0;
bottom: 0;
transform: none;
width: 40px;
height: 40px;
background-size: 20px;
background-position: center;
}
}
.main-navigation .submenu1 {
background-color: #fff;
padding: 45px 0 40px;
border-bottom: 1px solid #4C90CF;
box-shadow: none;
position: fixed;
top: 0;
width: 100%;
z-index: 2;
display: flex !important;
flex-wrap: wrap;
overflow: auto;
}
.main-navigation .submenu1 > li {
width: 16.8%;
margin-left: 4%;
}
.main-navigation .submenu1 > li:nth-child(5n+1) {
margin-left: 0;
}
.main-navigation .submenu1 > li:nth-child(n+6) {
margin-top: 20px;
}
@media only screen and (max-width: 1600px) {
.main-navigation .submenu1 {
top: 103px;
padding-left: 20px !important;
padding-right: 20px !important;
transition-delay: 0s !important;
}
}
@media only screen and (max-width: 1024px) {
.main-navigation .submenu1 {
position: relative;
margin-top: 0 !important;
top: 0 !important;
float: none;
left: 0;
padding: 0 0 20px 30px !important;
border-top: none;
display: none !important;
}
.main-navigation .submenu1 > li {
width: 100%;
margin: 0;
}
.main-navigation .submenu1 > li a {
padding: 10px 0;
}
.main-navigation .menu-has-children.show-submenu .submenu1 {
display: flex !important;
}
}
.main-navigation .submenu2 {
left: auto;
position: relative;
box-shadow: none;
display: block;
}
.main-navigation .submenu2 li {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 1.7rem;
line-height: 1.1764705882em;
font-weight: 400;
text-transform: initial;
margin-top: 20px;
}
@media only screen and (max-width: 1024px) {
.main-navigation .submenu2 {
float: none;
width: 100%;
}
.main-navigation .submenu2 li {
margin: 0;
}
.main-navigation .submenu2 li a {
padding: 10px 0;
display: block;
}
}
#wpadminbar ~ div .submenu1 {
top: 32px;
}
@media only screen and (max-width: 1600px) {
#wpadminbar ~ div .submenu1 {
top: 135px;
}
}
.menu-toggle {
display: none;
}
@media only screen and (max-width: 1600px) {
.menu-toggle {
display: block !important;
background-image: url(//thrubeam.co.uk/wp-content/themes/ssc/images/menu.svg);
background-size: 33px;
background-repeat: no-repeat;
background-position: center;
padding: 0 50px;
height: 100%;
}
.menu-toggle[aria-expanded=true] {
background-image: url(//thrubeam.co.uk/wp-content/themes/ssc/images/menu-close.svg);
}
}
@media only screen and (max-width: 767px) {
#wpadminbar ~ #page .main-navigation .menu-primary-menu-container {
max-height: calc(100vh - 78px - 46px);
}
.main-navigation .menu-primary-menu-container {
max-height: calc(100vh - 78px);
}
.menu-toggle {
padding: 0 20px;
width: 73px;
}
.main-navigation {
top: 78px;
}
}
#wpadminbar ~ #page .main-navigation {
top: 135px;
}
@media screen and (max-width: 782px) {
#wpadminbar ~ #page .main-navigation {
top: 149px;
}
}
@media only screen and (max-width: 767px) {
#wpadminbar ~ #page .main-navigation {
top: 124px;
}
}
.site-footer-top {
padding: 56px 0 22.5px;
}
.site-footer-top .container {
padding: 0 113px;
}
@media only screen and (max-width: 1600px) {
.site-footer-top {
padding: 45px 0 20px;
}
.site-footer-top .container {
padding: 0 20px;
}
}
@media only screen and (max-width: 1024px) {
.site-footer-top {
padding: 45px 0;
}
.site-footer-top .container {
padding: 0 38px;
}
}
@media only screen and (max-width: 767px) {
.site-footer-top {
padding: 40px 0 50px;
}
.site-footer-top .container {
padding: 0 9px;
}
}
.site-footer__col {
width: 33.33%;
}
@media only screen and (max-width: 1600px) {
.site-footer__col {
width: 30%;
}
}
@media only screen and (max-width: 1024px) {
.site-footer__col {
width: 50%;
}
}
@media only screen and (max-width: 767px) {
.site-footer__col {
width: 100% !important;
margin-top: 27px;
}
}
.site-footer__col--first {
text-align: center;
}
.site-footer__col--first .custom-logo-link {
display: block;
height: 45px;
margin-bottom: 20px;
}
.site-footer__address {
margin-top: 20px;
}
.site-footer__address p {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 1.6rem;
line-height: 1.25em;
font-weight: 400;
text-transform: initial;
}
.site-footer__col--second {
text-align: center;
}
@media only screen and (max-width: 1600px) {
.site-footer__col--second {
width: 40%;
}
}
@media only screen and (max-width: 1024px) {
.site-footer__col--second {
width: 50%;
}
}
.site-footer-logo {
display: inline-block;
height: 56px;
width: auto;
margin-bottom: 20px;
}
.site-footer-logo img {
max-height: 100%;
width: auto;
}
.site-footer-text p {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 1.6rem;
line-height: 1.25em;
font-weight: 400;
text-transform: initial;
}
.site-footer-gallery {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 15px;
}
.site-footer-gallery a {
display: inline-flex;
height: 80px;
width: auto;
align-items: center;
margin: 0 0 10px;
}
@media only screen and (max-width: 375px) {
.site-footer-gallery a {
height: 60px;
}
}
.site-footer-gallery a:nth-child(3n+2) {
margin-left: 18px;
margin-right: 18px;
}
.site-footer-gallery img {
max-height: 100%;
width: auto;
}
.site-footer__col--third {
text-align: center;
}
@media only screen and (max-width: 1024px) {
.site-footer__col--third {
order: -1;
width: 100%;
margin-bottom: 36px;
}
}
@media only screen and (max-width: 767px) {
.site-footer__col--third {
margin-top: 0;
margin-bottom: 0;
}
}
.site-footer-socials {
height: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 60px;
}
@media only screen and (max-width: 1024px) {
.site-footer-socials {
margin-top: 0;
}
}
.site-footer-social {
position: relative;
overflow: hidden;
display: block;
width: 73px;
height: 73px;
overflow: visible;
border-radius: 50%;
}
.site-footer-social > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.site-footer-social:after {
content: "";
display: block;
position: relative;
width: 100%;
padding-top: 100%;
}
.site-footer-social img {
transition: transform 0.3s ease-in-out;
display: block;
-o-object-fit: cover;
object-fit: cover;
pointer-events: none;
}
.site-footer-social:not([disabled]):hover, .site-footer-social:not([disabled]):focus, .site-footer-social:not([disabled]):active {
transition: all 0.3s ease-in-out;
}
.site-footer-social:not([disabled]):hover img, .site-footer-social:not([disabled]):focus img, .site-footer-social:not([disabled]):active img {
transform: translate(-50%, -50%) scale(1.05);
}
.site-footer-social + * {
margin-left: 20px;
}
.site-footer-bottom {
padding: 24px 0 75px;
border-top: 1px solid #231F20;
text-align: center;
}
@media only screen and (max-width: 1600px) {
.site-footer-bottom {
padding-bottom: 44px;
}
}
@media only screen and (max-width: 767px) {
.site-footer-bottom {
padding: 17px 0 28px;
}
}
.site-footer-menu {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 1.6rem;
line-height: 1.25em;
font-weight: 400;
text-transform: initial;
}
.site-footer-menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.site-footer-menu ul li {
display: inline-block;
padding: 0;
}
.site-footer-menu li {
display: inline-block;
}
.site-footer-menu li:not(:last-child) {
position: relative;
}
.site-footer-menu li:not(:last-child)::after {
content: "|";
display: inline-block;
margin-left: 20px;
margin-right: 20px;
}
.site-footer-menu a:not([disabled]):hover, .site-footer-menu a:not([disabled]):focus, .site-footer-menu a:not([disabled]):active {
color: #FFA700;
transition: all 0.3s ease-in-out;
}
.site-footer__col--first .custom-logo-link img {
height: 100%;
width: auto;
}
.banner + section {
margin-top: 73px;
}
@media only screen and (max-width: 1600px) {
.banner + section {
margin-top: 94px;
}
}
@media only screen and (max-width: 1024px) {
.banner + section {
margin-top: 73px;
}
}
@media only screen and (max-width: 767px) {
.banner + section {
margin-top: 43px;
}
}
.banner__wrapper {
position: relative;
position: relative;
padding: 180px 0;
height: 977px;
overflow: hidden;
}
.banner__wrapper:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5607843137);
pointer-events: none;
z-index: 0;
}
@media only screen and (max-width: 1600px) {
.banner__wrapper {
padding: 180px 0 125px;
height: 921px;
}
}
@media only screen and (max-width: 1279px) {
.banner__wrapper {
padding: 116px 0 64px;
height: auto;
max-height: none;
}
}
@media only screen and (max-width: 767px) {
.banner__wrapper {
padding: 26px 0 13px;
}
}
@media only screen and (max-width: 767px) {
.banner--carousel .banner__wrapper {
padding-bottom: 64px;
}
}
.banner__image {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
z-index: -1;
-o-object-fit: cover;
object-fit: cover;
}
.banner__container {
height: 100%;
}
@media only screen and (min-width: 1601px) {
.banner__container {
padding: 0 11vw;
max-width: 100%;
}
}
@media only screen and (max-width: 1024px) {
.banner__container {
padding-left: 142px;
}
}
@media only screen and (max-width: 767px) {
.banner__container {
padding: 0 13px;
}
}
.banner__content {
position: relative;
z-index: 0;
color: #FFFFFF;
justify-content: space-between;
align-items: center;
height: 100%;
}
.banner__left {
max-width: 650px;
padding-right: 20px;
padding-bottom: 28px;
}
@media only screen and (max-width: 1279px) {
.banner__left {
padding-bottom: 85px;
}
}
@media only screen and (max-width: 767px) {
.banner__left {
max-width: none;
padding: 0 0 23px;
text-align: center;
}
}
.banner__wysiwyg > * + * {
margin-top: 42px;
}
@media only screen and (max-width: 767px) {
.banner__wysiwyg > * + * {
margin-top: 7px;
}
}
.banner__wysiwyg h1 {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 4.8rem;
line-height: 1.125em;
font-weight: 800;
text-transform: initial;
}
@media only screen and (max-width: 767px) {
.banner__wysiwyg h1 {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 3rem;
line-height: 1.1em;
font-weight: 800;
text-transform: initial;
}
}
.banner__wysiwyg p {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 2.8rem;
line-height: 1.1428571429em;
font-weight: 400;
text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
.banner__wysiwyg p {
font-size: 2rem;
line-height: 1.2em;
}
}
.banner__wysiwyg h2 {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 2.4rem;
line-height: 1.1666666667em;
font-weight: 800;
text-transform: initial;
}
.banner__wysiwyg a {
border-bottom: 1px solid transparent;
}
.banner__wysiwyg a:not([disabled]):hover, .banner__wysiwyg a:not([disabled]):focus, .banner__wysiwyg a:not([disabled]):active {
border-color: #FFA700;
transition: all 0.3s ease-in-out;
}
.banner__seperator {
color: #FFA700;
display: inline-block;
padding: 0 20px;
}
@media only screen and (max-width: 767px) {
.banner__seperator {
padding: 0 10px;
}
}
.banner__form {
width: 453px;
padding: 48px 43px 40px;
background-color: #4C90CF;
text-align: center;
}
@media only screen and (max-width: 767px) {
.banner__form {
max-width: none;
padding: 18px 7px 10px;
}
}
.banner-form-title {
color: #231F20;
margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
.banner-form-title {
margin-bottom: 4px;
}
}
.banner-form-title em {
color: #FFFFFF;
font-style: normal;
}
.banner-form-text {
margin-bottom: 29px;
font-size: 1.9rem;
}
@media only screen and (max-width: 767px) {
.banner-form-text {
margin-bottom: 11px;
}
}
.banner-form-el .form-field + .form-field {
margin-top: 12px;
}
@media only screen and (max-width: 767px) {
.banner-form-el .form-field + .form-field {
margin-top: 5px;
}
}
.banner-form-el .form-field--submit {
margin-top: 28px !important;
}
@media only screen and (max-width: 767px) {
.banner-form-el .form-field--submit {
margin-top: 9px !important;
}
}
.banner-form-el textarea {
height: 102px;
}
.banner__carousel {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
.banner__slick {
height: 100%;
}
.banner__slick .slick-track,
.banner__slick .slick-list {
height: 100%;
}
.banner__wrapimage {
position: relative;
height: 100%;
}
.banner__dots .slick-dots {
left: 50%;
transform: translate3d(-50%, 0, 0);
transform: translate(-50%, 0);
position: absolute;
display: flex;
bottom: 40px;
z-index: 1;
justify-content: center;
}
@media only screen and (max-width: 767px) {
.banner__dots .slick-dots {
bottom: 25px;
}
}
.banner__dots .slick-dots li {
display: inline-block;
margin: 0 4px;
}
.banner__dots .slick-dots li button {
display: inline-block;
width: 15px;
height: 15px;
border: 1px solid #FFFFFF;
background-color: transparent;
border-radius: 3px;
}
.banner__dots .slick-dots .slick-active button {
background-color: #4C90CF;
border-color: #4C90CF;
}
.banner__dots button::before {
content: none !important;
}
.banner__iframe,
.banner__video {
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
transform: translate(-50%, -50%);
position: absolute;
z-index: -1;
min-width: 100%;
min-height: 100%;
max-width: none;
}
@media only screen and (max-width: 1600px) {
.banner__iframe,
.banner__video {
max-height: 921px;
}
}
@media only screen and (max-width: 1024px) {
.banner__iframe,
.banner__video {
max-height: none;
height: 100%;
}
}
.banner--custom .banner__content {
justify-content: center;
}
.banner--custom .banner__left {
padding-right: 0;
text-align: center;
}
.card {
display: flex;
flex-direction: column;
height: 100%;
}
.card > * {
width: 100%;
}
.card > * {
flex: unset;
}
.card > .card__cta {
margin-top: auto;
}
.card__image {
position: relative;
overflow: hidden;
display: block;
}
.card__image > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.card__image:after {
content: "";
display: block;
position: relative;
width: 100%;
padding-top: 66.0049627792%;
}
.card__image img {
transition: transform 0.3s ease-in-out;
display: block;
-o-object-fit: cover;
object-fit: cover;
pointer-events: none;
}
.card__image:not([disabled]):hover, .card__image:not([disabled]):focus, .card__image:not([disabled]):active {
transition: all 0.3s ease-in-out;
}
.card__image:not([disabled]):hover img, .card__image:not([disabled]):focus img, .card__image:not([disabled]):active img {
transform: translate(-50%, -50%) scale(1.05);
}
.card__image:not([disabled]):hover, .card__image:not([disabled]):focus, .card__image:not([disabled]):active {
transition: all 0.3s ease-in-out;
}
.card__image:not([disabled]):hover img, .card__image:not([disabled]):focus img, .card__image:not([disabled]):active img {
transform: translate(-50%, -50%) scale(1.05);
}
.card__title {
margin-top: 27px;
padding: 0;
}
.card__title:not([disabled]):hover, .card__title:not([disabled]):focus, .card__title:not([disabled]):active {
color: #FFA700;
transition: all 0.3s ease-in-out;
}
.card__cta {
padding-top: 33px;
}
.card-pd {
display: flex;
flex-direction: column;
height: 100%;
}
.card-pd > * {
width: 100%;
}
.card-pd > * {
flex: unset;
}
.card-pd > .card-pd__cta {
margin-top: auto;
}
.card-pd__image {
position: relative;
overflow: hidden;
display: block;
}
.card-pd__image > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.card-pd__image:after {
content: "";
display: block;
position: relative;
width: 100%;
padding-top: 66.0049627792%;
}
.card-pd__image img {
transition: transform 0.3s ease-in-out;
display: block;
-o-object-fit: cover;
object-fit: cover;
pointer-events: none;
}
.card-pd__image:not([disabled]):hover, .card-pd__image:not([disabled]):focus, .card-pd__image:not([disabled]):active {
transition: all 0.3s ease-in-out;
}
.card-pd__image:not([disabled]):hover img, .card-pd__image:not([disabled]):focus img, .card-pd__image:not([disabled]):active img {
transform: translate(-50%, -50%) scale(1.05);
}
.card-pd__image img {
-o-object-fit: contain;
object-fit: contain;
width: auto;
height: auto;
max-height: 100%;
}
.card-pd__title {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 2.2rem;
line-height: 1.1818181818em;
font-weight: 700;
text-transform: initial;
margin-top: 34px;
}
@media only screen and (max-width: 1600px) {
.card-pd__title {
margin-top: 40px;
}
}
@media only screen and (max-width: 1024px) {
.card-pd__title {
margin-top: 34px;
}
}
.card-pd__cta {
padding-top: 40px;
}
.card-tax {
display: flex;
flex-direction: column;
height: 100%;
}
.card-tax > * {
width: 100%;
}
.card-tax > * {
flex: unset;
}
.card-tax > .card-tax__cta {
margin-top: auto;
}
.card-tax__image {
position: relative;
overflow: hidden;
display: block;
}
.card-tax__image > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.card-tax__image:after {
content: "";
display: block;
position: relative;
width: 100%;
padding-top: 75.3541076487%;
}
.card-tax__image img {
transition: transform 0.3s ease-in-out;
display: block;
-o-object-fit: cover;
object-fit: cover;
pointer-events: none;
}
.card-tax__image:not([disabled]):hover, .card-tax__image:not([disabled]):focus, .card-tax__image:not([disabled]):active {
transition: all 0.3s ease-in-out;
}
.card-tax__image:not([disabled]):hover img, .card-tax__image:not([disabled]):focus img, .card-tax__image:not([disabled]):active img {
transform: translate(-50%, -50%) scale(1.05);
}
.card-tax__image img {
-o-object-fit: contain;
object-fit: contain;
width: auto;
height: auto;
max-height: 100%;
}
.card-tax__title {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 2.2rem;
line-height: 1.1818181818em;
font-weight: 700;
text-transform: initial;
margin-top: 5px;
}
.card-tax__cta {
padding-top: 39px;
}
.section-2cols.full-content .section-2cols__content {
width: 100%;
max-width: 901px;
}
@media only screen and (min-width: 1025px) {
.section-2cols.image-content .section-2cols__content {
order: 1;
}
}
.section-2cols__grid {
justify-content: space-between;
align-items: flex-start;
}
.section-2cols__content {
width: calc(50% - 28.5px);
align-self: center;
}
@media only screen and (max-width: 1600px) {
.section-2cols__content {
width: calc(50% - 21.5px);
}
}
@media only screen and (max-width: 1024px) {
.section-2cols__content {
width: 100%;
}
}
.section-2cols__innercontent {
max-width: 754px;
}
@media only screen and (max-width: 1024px) {
.section-2cols__innercontent {
padding: 0 40px;
max-width: none;
}
}
@media only screen and (max-width: 767px) {
.section-2cols__innercontent {
padding: 0;
}
}
.section-2cols__label + * {
margin-top: 28.5px;
}
.section-2cols__title + * {
margin-top: 46px;
}
@media only screen and (max-width: 1600px) {
.section-2cols__title + * {
margin-top: 34px;
}
}
.section-2cols__image {
width: calc(50% - 28.5px);
}
@media only screen and (max-width: 1600px) {
.section-2cols__image {
width: calc(50% - 21.5px);
}
}
@media only screen and (max-width: 1024px) {
.section-2cols__image {
width: 100%;
margin-top: 52px;
}
}
@media only screen and (max-width: 767px) {
.section-2cols__image {
margin-top: 36px;
padding: 0 !important;
}
}
.section-2cols__ratio {
position: relative;
overflow: hidden;
display: block;
}
.section-2cols__ratio > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.section-2cols__ratio:after {
content: "";
display: block;
position: relative;
width: 100%;
padding-top: 67.9471788715%;
}
.section-2cols__ratio img {
transition: transform 0.3s ease-in-out;
display: block;
-o-object-fit: cover;
object-fit: cover;
pointer-events: none;
}
.section-2cols__ratio:not([disabled]):hover, .section-2cols__ratio:not([disabled]):focus, .section-2cols__ratio:not([disabled]):active {
transition: all 0.3s ease-in-out;
}
.section-2cols__ratio:not([disabled]):hover img, .section-2cols__ratio:not([disabled]):focus img, .section-2cols__ratio:not([disabled]):active img {
transform: translate(-50%, -50%);
}
.section-2cols__img img {
display: block;
}
.section-2cols--custom .section-2cols__page-title {
max-width: 761px;
margin-bottom: 45px;
}
@media only screen and (max-width: 1024px) {
.section-2cols--custom .section-2cols__page-title {
max-width: 100%;
padding: 0 40px;
}
}
@media only screen and (max-width: 767px) {
.section-2cols--custom .section-2cols__page-title {
padding: 0;
}
}
.section-2cols--custom .section-2cols__content {
align-self: flex-start;
}
.section-2cols--custom .section-2cols__innercontent {
max-width: 100%;
}
.section-2cols--custom .section-2cols__wrapper {
padding-bottom: 50px;
}
.section-2cols__cta {
padding-top: 36px;
}
@media only screen and (max-width: 1024px) {
.section-2cols__cta {
padding-top: 6rem;
}
}
@media only screen and (max-width: 767px) {
.section-2cols__cta {
padding-top: 3rem;
}
}
.section-2cols--single-post .section-2cols__page-title {
margin-bottom: 85px;
}
@media only screen and (max-width: 1600px) {
.section-2cols--single-post .section-2cols__page-title {
margin-bottom: 20px;
}
}
.list-blue {
-moz-columns: 2;
columns: 2;
-moz-column-gap: 45px;
column-gap: 45px;
}
* + .list-blue {
margin-top: 30px;
}
.list-blue li {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 2.4rem;
line-height: 1.1666666667em;
font-weight: 400;
text-transform: initial;
display: block;
padding-left: 64px;
background: url(//thrubeam.co.uk/wp-content/themes/ssc/images/check.svg);
background-repeat: no-repeat;
background-size: 26px 26px;
background-position: 0 0;
}
.list-blue li + li {
margin-top: 15px;
}
@media only screen and (max-width: 767px) {
.list-blue {
-moz-columns: 1;
columns: 1;
-moz-column-gap: 0;
column-gap: 0;
}
* + .list-blue {
margin-top: 22px;
}
.list-blue li {
padding-left: 46px;
}
}
.section-2cols__img--video {
position: relative;
position: relative;
overflow: hidden;
display: block;
cursor: pointer;
}
.section-2cols__img--video:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.6);
pointer-events: none;
z-index: 0;
}
.section-2cols__img--video > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.section-2cols__img--video:after {
content: "";
display: block;
position: relative;
width: 100%;
padding-top: 74.549819928%;
}
.section-2cols__img--video img {
transition: transform 0.3s ease-in-out;
display: block;
-o-object-fit: cover;
object-fit: cover;
pointer-events: none;
}
.section-2cols__img--video:not([disabled]):hover, .section-2cols__img--video:not([disabled]):focus, .section-2cols__img--video:not([disabled]):active {
transition: all 0.3s ease-in-out;
}
.section-2cols__img--video:not([disabled]):hover img, .section-2cols__img--video:not([disabled]):focus img, .section-2cols__img--video:not([disabled]):active img {
transform: translate(-50%, -50%);
}
.section-2cols__img--video svg {
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
transform: translate(-50%, -50%);
width: 24%;
height: auto;
z-index: 1;
pointer-events: none;
}
.section-2cols__img--video circle,
.section-2cols__img--video path {
transition: all 0.2s ease-in-out 0s;
}
.section-2cols__img--video::before {
z-index: 1;
}
.section-2cols__img--video:not([disabled]):hover, .section-2cols__img--video:not([disabled]):focus, .section-2cols__img--video:not([disabled]):active {
transition: all 0.3s ease-in-out;
}
.section-2cols__img--video:not([disabled]):hover circle, .section-2cols__img--video:not([disabled]):focus circle, .section-2cols__img--video:not([disabled]):active circle {
opacity: 1;
}
.section-2cols__img--video:not([disabled]):hover path, .section-2cols__img--video:not([disabled]):focus path, .section-2cols__img--video:not([disabled]):active path {
fill: #4C90CF;
}
.section-form__wrapper {
padding: 43px 0 53px;
background-color: #231F20;
color: #FFFFFF;
}
@media only screen and (max-width: 767px) {
.section-form__wrapper {
padding: 55px 0;
}
}
.section-form__title {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 3.8rem;
line-height: 1.1578947368em;
font-weight: 500;
text-transform: initial;
margin-bottom: 21px;
text-align: center;
}
@media only screen and (max-width: 767px) {
.section-form__title {
font-size: 2.8rem;
line-height: 1.2142857143em;
margin-bottom: 34px;
}
}
.section-form__desc {
text-align: center;
margin-bottom: 21px;
}
@media only screen and (max-width: 767px) {
.section-form__desc {
margin-bottom: 34px;
}
}
.section-form__form {
max-width: 748px;
margin: 0 auto;
}
.block-images {
display: flex;
flex-wrap: wrap;
max-width: 70%;
margin: 0 auto;
}
@media only screen and (max-width: 1024px) {
.block-images {
max-width: 100%;
}
}
.block-images__item {
position: relative;
overflow: hidden;
display: block;
width: 50%;
}
.block-images__item > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.block-images__item:after {
content: "";
display: block;
position: relative;
width: 100%;
padding-top: 66.0421545667%;
}
.block-images__item img {
transition: transform 0.3s ease-in-out;
display: block;
-o-object-fit: cover;
object-fit: cover;
pointer-events: none;
}
.block-images__item:not([disabled]):hover, .block-images__item:not([disabled]):focus, .block-images__item:not([disabled]):active {
transition: all 0.3s ease-in-out;
}
.block-images__item:not([disabled]):hover img, .block-images__item:not([disabled]):focus img, .block-images__item:not([disabled]):active img {
transform: translate(-50%, -50%) scale(1.05);
}
@media only screen and (max-width: 767px) {
.block-images__item {
width: 100%;
}
}
.tag-before::before,
.tag-after::before {
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
padding: 1rem 1.5rem;
background-color: rgba(0, 0, 0, 0.8);
color: #FFFFFF;
text-transform: uppercase;
font-size: 1.8rem;
font-weight: 600;
}
.tag-before.small-tag::before,
.tag-after.small-tag::before {
font-size: 1.3rem;
}
.tag-before::before {
content: "Before";
}
.tag-after::before {
content: "After";
}
.mfp-figure figcaption {
display: none;
}
.mfp-close-btn-in .mfp-close {
background-color: #4C90CF;
opacity: 1;
top: -4.3rem !important;
right: -5.6rem !important;
width: 5.6rem !important;
height: 5.6rem !important;
border-radius: 50%;
text-align: center !important;
padding: 0 !important;
background-image: url(//thrubeam.co.uk/wp-content/themes/ssc/images/icon-close.svg) !important;
background-size: 1.6rem !important;
background-repeat: no-repeat, no-repeat !important;
background-position: center, center !important;
font-size: 0;
}
@media only screen and (max-width: 1024px) {
.mfp-close-btn-in .mfp-close {
top: -6.3rem !important;
width: 4rem !important;
height: 4rem !important;
}
}
@media only screen and (max-width: 767px) {
.mfp-close-btn-in .mfp-close {
right: 0 !important;
width: 4.2rem !important;
height: 4.2rem !important;
top: -5rem !important;
}
}
.mfp-close-btn-in .mfp-close:not([disabled]):hover, .mfp-close-btn-in .mfp-close:not([disabled]):focus, .mfp-close-btn-in .mfp-close:not([disabled]):active {
background-color: #0F3A5D;
transition: all 0.3s ease-in-out;
}
.mfp-arrow {
background-color: #4C90CF !important;
opacity: 1;
width: 5.6rem !important;
height: 5.6rem !important;
border-radius: 50%;
background-size: 1.3rem 2.4rem !important;
background-repeat: no-repeat, no-repeat !important;
background-position: center, center !important;
opacity: 1 !important;
transform: scale(1) !important;
}
@media only screen and (max-width: 767px) {
.mfp-arrow {
margin-top: 0 !important;
top: auto !important;
width: 4.2rem !important;
height: 4.2rem !important;
bottom: -4rem !important;
background-size: 0.9rem 1.7rem !important;
}
}
.mfp-arrow:not([disabled]):hover, .mfp-arrow:not([disabled]):focus, .mfp-arrow:not([disabled]):active {
background-color: #0F3A5D !important;
transition: all 0.3s ease-in-out;
}
.mfp-arrow::before, .mfp-arrow::after {
content: none !important;
}
.mfp-arrow-right {
background-image: url(//thrubeam.co.uk/wp-content/themes/ssc/images/icon-lightbox-right.svg) !important;
right: -10.6rem !important;
}
@media only screen and (max-width: 1279px) {
.mfp-arrow-right {
right: -7.6rem !important;
}
}
@media only screen and (max-width: 767px) {
.mfp-arrow-right {
right: calc(50% - 4.5rem) !important;
}
}
.mfp-arrow-left {
background-image: url(//thrubeam.co.uk/wp-content/themes/ssc/images/icon-lightbox-left.svg) !important;
left: -10.6rem !important;
}
@media only screen and (max-width: 1279px) {
.mfp-arrow-left {
left: -7.6rem !important;
}
}
@media only screen and (max-width: 767px) {
.mfp-arrow-left {
left: calc(50% - 4.5rem) !important;
}
}
.mfp-bg {
background-color: #FFFFFF !important;
opacity: 1 !important;
}
.mfp-content {
width: 90% !important;
max-width: calc(100% - 18rem) !important;
margin: 0 auto;
position: relative;
height: 100%;
max-height: 80%;
}
@media only screen and (max-width: 1279px) {
.mfp-content {
max-width: calc(100% - 20rem) !important;
}
}
@media only screen and (max-width: 767px) {
.mfp-content {
max-width: 95% !important;
height: auto;
}
}
.mfp-figure:after {
content: none !important;
}
.mfp-wrap .mfp-iframe-holder {
padding-top: 60px;
padding-bottom: 60px;
}
.mfp-wrap .mfp-close {
top: -2.5rem !important;
right: -8.6rem !important;
}
@media only screen and (max-width: 767px) {
.mfp-wrap .mfp-close {
top: -50px !important;
right: 0 !important;
}
.is-body-landscape .mfp-wrap .mfp-iframe-holder {
padding-top: 30px;
padding-bottom: 10px;
}
.is-body-landscape .mfp-content {
max-width: calc(100% - 100px) !important;
}
.is-body-landscape .mfp-close {
top: 0 !important;
right: -45px !important;
}
}
.mfp-iframe-scaler iframe {
box-shadow: none !important;
}
@media (orientation: landscape) {
.mfp-figure {
max-height: 80vh !important;
}
}
@media (max-width: 1024px) and (orientation: landscape) {
.block-images__item {
width: 50% !important;
}
}
body .dialog-container {
z-index: 2000;
}
body .dialog-overlay {
background: rgba(1, 3, 22, 0.6);
}
body .dialog-content {
background: #231F20;
color: #FFFFFF;
padding: 3.3rem 2.5rem 4.2rem;
max-width: 80rem;
width: 90%;
border-radius: 0;
overflow: auto;
height: auto;
max-height: 90vh;
}
@media only screen and (max-width: 767px) {
body .dialog-content {
max-height: 80vh;
width: 95%;
padding: 3.3rem 0.5rem 4.2rem;
}
}
body .dialog-title {
text-align: center;
margin-bottom: 2.7rem;
}
body .dialog-close {
background-color: #4C90CF;
width: 4.2rem;
height: 4.2rem;
border-radius: 50%;
position: relative;
display: block;
margin: 0 auto 3.4rem;
}
@media only screen and (max-width: 767px) {
body .dialog-close {
margin-bottom: 2rem;
}
}
body .dialog-close:not([disabled]):hover, body .dialog-close:not([disabled]):focus, body .dialog-close:not([disabled]):active {
background-color: #FFA700;
transition: all 0.3s ease-in-out;
}
.dialog-success {
text-align: center;
}
@media only screen and (max-width: 767px) {
.dialog-success {
margin-top: 3rem;
}
}
.dialog-success__title {
margin-bottom: 1.4rem;
}
.dialog-success__text {
margin-bottom: 1.6rem;
padding-bottom: 3.2rem;
}
@media only screen and (max-width: 767px) {
.dialog-success__text {
padding-bottom: 0;
}
}
.wsp-container a::after {
content: none !important;
}
.wsp-container .wsp-pages-title {
margin-bottom: 20px;
}
.wsp-container h2 {
margin-top: 30px;
margin-bottom: 20px;
}
.wsp-container li + li {
margin-top: 15px;
}
.wsp-container ul {
margin-left: 3rem;
}
.wsp-container ul ul {
margin-top: 15px;
}
.section-testimonials__wrapper {
max-width: 164rem;
}
.section-testimonials__title {
margin-bottom: 4rem;
}
.section-testimonials__image {
margin: 0 auto 5rem;
display: block;
max-height: 20rem;
width: auto;
height: auto;
}
@media only screen and (max-width: 767px) {
.section-testimonials__image {
max-height: 15rem;
margin: 0 auto 2rem;
}
}
.section-testimonials__item {
width: calc(50% - 59px);
margin-left: 118px;
}
.section-testimonials__item:nth-child(n+3) {
margin-top: 6rem;
}
.section-testimonials__item:nth-child(2n+1) {
margin-left: 0;
}
@media only screen and (max-width: 1600px) {
.section-testimonials__item {
width: calc(50% - 33px);
margin-left: 66px;
}
.section-testimonials__item:nth-child(2n+1) {
margin-left: 0;
}
}
@media only screen and (max-width: 1024px) {
.section-testimonials__item {
width: 100%;
margin-left: 0 !important;
}
.section-testimonials__item:nth-child(n+2) {
margin-top: 6rem;
}
}
.section-testimonials__name {
margin-top: 2.4rem;
}
.section-testimonials__highlight {
max-width: 102.6rem;
margin: 8.5rem auto 0;
}
.section-testimonials__highlight p {
font-weight: 400;
}
.section-testimonials__highlight a {
border: none !important;
}
.section-testimonials__highlight a:not([disabled]):hover, .section-testimonials__highlight a:not([disabled]):focus, .section-testimonials__highlight a:not([disabled]):active {
text-decoration: underline;
transition: all 0.3s ease-in-out;
}
.section-content--members .section-content__wrapper {
padding-bottom: 60px;
}
.section-members__wrapper {
margin-bottom: 60px;
}
.section-members__item {
width: calc(25% - 78px);
margin-left: 104px;
}
.section-members__item:nth-child(n+5) {
margin-top: 6rem;
}
.section-members__item:nth-child(4n+1) {
margin-left: 0;
}
@media only screen and (max-width: 1600px) {
.section-members__item {
width: calc(25% - 30px);
margin-left: 40px;
}
}
@media only screen and (max-width: 1024px) {
.section-members__item {
width: calc(50% - 20px);
margin-left: 40px;
}
.section-members__item:nth-child(n+3) {
margin-top: 4rem;
}
.section-members__item:nth-child(2n+1) {
margin-left: 0;
}
}
@media only screen and (max-width: 767px) {
.section-members__item {
width: 100%;
margin-left: 0;
}
.section-members__item:nth-child(n+2) {
margin-top: 5rem;
}
}
.section-members__ratio {
position: relative;
overflow: hidden;
display: block;
max-width: 300px;
}
.section-members__ratio > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.section-members__ratio:after {
content: "";
display: block;
position: relative;
width: 100%;
padding-top: 113.6563876652%;
}
.section-members__ratio img {
transition: transform 0.3s ease-in-out;
display: block;
-o-object-fit: cover;
object-fit: cover;
pointer-events: none;
}
.section-members__ratio:not([disabled]):hover, .section-members__ratio:not([disabled]):focus, .section-members__ratio:not([disabled]):active {
transition: all 0.3s ease-in-out;
}
.section-members__ratio:not([disabled]):hover img, .section-members__ratio:not([disabled]):focus img, .section-members__ratio:not([disabled]):active img {
transform: translate(-50%, -50%);
}
.section-members__name {
margin: 45px 0 24px;
}
.section-content .banner-basic {
padding-top: 45px;
padding-bottom: 0;
}
.section-content .banner-basic + * {
margin-top: 65px;
}
.section-content__wrapper {
padding-bottom: 90px;
}
.section-downloads__item {
display: flex;
flex-direction: column;
width: calc(25% - 42.75px);
margin-left: 57px;
}
.section-downloads__item > * {
width: 100%;
}
.section-downloads__item > * {
flex: unset;
}
.section-downloads__item > .section-downloads__cta {
margin-top: auto;
}
.section-downloads__item:nth-child(4n+1) {
margin-left: 0;
}
.section-downloads__item:nth-child(n+5) {
margin-top: 84px;
}
@media only screen and (max-width: 1024px) {
.section-downloads__item {
width: calc(50% - 28.5px);
margin-left: 57px;
}
.section-downloads__item:nth-child(2n+1) {
margin-left: 0;
}
.section-downloads__item:nth-child(n+3) {
margin-top: 60px;
}
}
@media only screen and (max-width: 767px) {
.section-downloads__item {
width: 82%;
margin-left: auto !important;
margin-right: auto !important;
}
.section-downloads__item:nth-child(n+2) {
margin-top: 40px;
}
}
.section-downloads__image img {
max-height: 80px;
height: auto;
width: auto;
}
.section-downloads__svg {
width: 114px;
height: 142px;
}
.section-downloads__name {
margin-top: 24px;
}
.section-downloads__cta {
padding-top: 17px;
}
.section-downloads__title {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 3rem;
line-height: 1.1666666667em;
font-weight: 800;
text-transform: initial;
margin-bottom: 76px;
}
@media only screen and (max-width: 767px) {
.section-downloads__title {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 2.6rem;
line-height: 1.1538461538em;
font-weight: 800;
text-transform: initial;
margin-bottom: 30px;
}
}
.section-bg .section-pages__wrapper {
background-color: #4C90CF;
}
.section-bg .section-pages__wrapper {
padding: 98px 0 113px;
}
.section-pages__item {
display: flex;
flex-direction: column;
width: 25%;
}
.section-pages__item > * {
width: 100%;
}
.section-pages__item > * {
flex: unset;
}
.section-pages__item > .section-pages__cta {
margin-top: auto;
}
.section-pages__item:nth-child(n+5) {
margin-top: 6rem;
}
.section-pages--titlefirst .section-pages__item:nth-child(n+5) {
margin-top: 76px;
}
@media only screen and (max-width: 1024px) {
.section-pages__item {
width: 50%;
}
.section-pages__item:nth-child(n+3) {
margin-top: 52px !important;
}
}
@media only screen and (max-width: 767px) {
.section-pages__item {
width: 82%;
}
.section-pages__item:nth-child(n+2) {
margin-top: 40px !important;
}
}
.section-pages__image {
position: relative;
overflow: hidden;
display: block;
}
.section-pages__image > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.section-pages__image:after {
content: "";
display: block;
position: relative;
width: 100%;
padding-top: 66.0049627792%;
}
.section-pages__image img {
transition: transform 0.3s ease-in-out;
display: block;
-o-object-fit: cover;
object-fit: cover;
pointer-events: none;
}
.section-pages__image:not([disabled]):hover, .section-pages__image:not([disabled]):focus, .section-pages__image:not([disabled]):active {
transition: all 0.3s ease-in-out;
}
.section-pages__image:not([disabled]):hover img, .section-pages__image:not([disabled]):focus img, .section-pages__image:not([disabled]):active img {
transform: translate(-50%, -50%) scale(1.05);
}
.section-pages__name {
margin-top: 40px;
}
.section-pages--titlefirst .section-pages__name {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 2.8rem;
line-height: 1.1428571429em;
font-weight: 800;
text-transform: initial;
margin-top: 0;
margin-bottom: 25px;
order: -1;
}
@media only screen and (max-width: 767px) {
.section-pages--titlefirst .section-pages__name {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 2.4rem;
line-height: 1.1666666667em;
font-weight: 800;
text-transform: initial;
}
}
@media only screen and (max-width: 1600px) {
.section-pages--titlefirst .section-pages__name {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 1024px) {
.section-pages--titlefirst .section-pages__name {
margin-bottom: 25px;
}
}
@media only screen and (max-width: 767px) {
.section-pages--titlefirst .section-pages__name {
margin-bottom: 20px;
}
}
.section-pages__cta {
padding-top: 40px;
}
@media only screen and (max-width: 1600px) {
.section-pages__cta {
padding-top: 30px;
}
}
@media only screen and (max-width: 1024px) {
.section-pages__cta {
padding-top: 40px;
}
}
@media only screen and (max-width: 767px) {
.section-pages__cta {
padding-top: 30px;
}
}
.section-pages__label ~ * {
margin-top: 30px !important;
}
@media only screen and (max-width: 767px) {
.section-pages__label ~ * {
margin-top: 40px !important;
}
}
.section-pages__heading {
color: #231F20;
}
.section-pages__heading + * {
margin-top: 40px;
}
.section-bg .section-pages__heading {
color: #FFFFFF;
}
.section-pages__top {
max-width: 754px;
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 1024px) {
.section-pages__top {
max-width: none;
padding: 0 40px;
}
}
@media only screen and (max-width: 767px) {
.section-pages__top {
padding: 0;
}
}
.section-pages__list {
justify-content: center;
}
* + .section-pages__list {
margin-top: 65px;
}
@media only screen and (max-width: 1024px) {
* + .section-pages__list {
margin-top: 34px;
}
}
.section-pages--pds .section-pages__image {
position: relative;
overflow: hidden;
display: block;
}
.section-pages--pds .section-pages__image > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.section-pages--pds .section-pages__image:after {
content: "";
display: block;
position: relative;
width: 100%;
padding-top: 35.2357320099%;
}
.section-pages--pds .section-pages__image img {
transition: transform 0.3s ease-in-out;
display: block;
-o-object-fit: cover;
object-fit: cover;
pointer-events: none;
}
.section-pages--pds .section-pages__image:not([disabled]):hover, .section-pages--pds .section-pages__image:not([disabled]):focus, .section-pages--pds .section-pages__image:not([disabled]):active {
transition: all 0.3s ease-in-out;
}
.section-pages--pds .section-pages__image:not([disabled]):hover img, .section-pages--pds .section-pages__image:not([disabled]):focus img, .section-pages--pds .section-pages__image:not([disabled]):active img {
transform: translate(-50%, -50%);
}
.section-pages--pds .section-pages__image img {
-o-object-fit: contain;
object-fit: contain;
width: auto;
height: auto;
max-height: 100%;
}
.section-pages--pds .section-pages__wrapper {
padding: 114px 0;
}
@media only screen and (max-width: 1600px) {
.section-pages--pds .section-pages__wrapper {
padding: 80px 0;
}
}
.section-pages--pds .section-pages__top {
max-width: 833px;
}
.section-pages--titlefirst .section-pages__cta {
margin-top: 0;
}
.section-pages--titlefirst .section-pages__image {
margin-top: auto;
}
.section-pages--casestudies .section-pages__name {
color: #FFFFFF;
}
.section-cta a {
max-width: 303px;
width: 100%;
}
.section-intro__wysiwyg {
font-style: italic;
max-width: 833px;
margin: 0 auto;
}
.section-intro__heading {
margin-bottom: 4rem;
}
.section-intro__cta {
padding-top: 40px;
}
.section-card-carousel__label + * {
margin-top: 30px;
}
.section-card-carousel__heading + * {
margin-top: 34px;
}
@media only screen and (max-width: 1600px) {
.section-card-carousel__heading + * {
margin-top: 53px;
}
}
.section-card-carousel__item {
height: 100%;
}
.section-card-carousel__bottom {
max-width: 755px;
margin: 65px auto 0;
}
.section-card-carousel__nav {
position: relative;
}
.section-card-carousel__nav h3 {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 1.8rem;
line-height: 1.2777777778em;
font-weight: 700;
text-transform: uppercase;
padding: 0 30px;
}
.owl-loaded .owl-stage {
display: flex;
}
.owl-stage-outer {
overflow: hidden;
}
.section-card-carousel__navowl {
top: 50%;
transform: translate3d(0, -50%, 0);
transform: translate(0, -50%);
position: absolute;
left: 0;
width: 100%;
display: flex;
justify-content: space-between;
z-index: 1;
}
.section-card-carousel__navowl > * {
width: 30px;
height: 34px;
text-align: left;
cursor: pointer;
}
.section-card-carousel__navowl .owl-next {
text-align: right;
}
.section-card-carousel__navowl.disabled {
display: none;
}
.section-card-carousel__navowl.disabled + h3 {
display: none;
}
.section-card-carousel__dots {
display: flex;
align-items: center;
margin-top: 30px;
}
.section-card-carousel__dots.disabled {
display: none;
}
.section-card-carousel__dots .owl-dot {
height: 21px;
display: flex;
align-items: center;
flex: 1 0 auto;
cursor: pointer;
}
.section-card-carousel__dots span {
display: block;
height: 1px;
width: 100%;
background-color: #4C90CF;
}
.section-card-carousel__dots .active span {
height: 9px;
border-radius: 15px;
}
.section-card-list__item-carousel {
height: 100%;
}
@media only screen and (min-width: 768px) {
.center-item-card .owl-stage {
width: 100% !important;
}
.center-item-card .owl-item {
margin: 0 auto !important;
}
}
.facetwp-type-pager {
margin: 0 !important;
text-align: center;
}
.facetwp-load-more {
transition: all 0.2s ease-in-out 0s;
border-radius: 0;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
padding: 0;
background: none; font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 1.8rem;
line-height: 1.2222222222em;
font-weight: 700;
text-transform: initial;
background-color: #FFA700;
color: #231F20;
display: inline-block;
text-align: center;
padding: 14px 22px;
overflow: hidden;
min-width: 139px;
cursor: pointer;
margin-top: 80px;
}
.facetwp-load-more::-webkit-outer-spin-button, .facetwp-load-more::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.facetwp-load-more[type=number] {
-moz-appearance: textfield;
}
.facetwp-load-more, .facetwp-load-more:visited {
color: #231F20 !important;
}
@media only screen and (max-width: 767px) {
.facetwp-load-more {
max-width: 100%;
}
}
.facetwp-load-more:not([disabled]):hover, .facetwp-load-more:not([disabled]):focus, .facetwp-load-more:not([disabled]):active {
background-color: #f8c567;
transition: all 0.3s ease-in-out;
}
.facetwp-hidden {
margin: 0;
}
.section-search .section-search__wrapper {
max-width: 905px;
padding: 4rem 0;
}
.section-search .page-header {
max-width: 905px;
padding: 5rem 0 1rem;
}
.section-search .page-title span {
font-weight: 500;
}
.section-search article + article {
padding-top: 2rem;
margin-top: 2rem;
border-top: 1px solid #4C90CF;
}
.search-form {
margin: 20px auto;
max-width: 600px;
display: flex;
position: relative;
}
.search-form [type=search] {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 1.6rem;
line-height: 1.1875em;
font-weight: 400;
text-transform: initial;
transition: all 0.2s ease-in-out 0s;
background-color: #FFFFFF;
color: #231F20;
border-radius: 0;
padding: 8px 110px 9px 6px;
display: block;
width: 100%;
border: 0.5px solid #231F20;
}
.search-form [type=search]:not([disabled]):hover, .search-form [type=search]:not([disabled]):focus, .search-form [type=search]:not([disabled]):active {
border-color: #4C90CF;
transition: all 0.3s ease-in-out;
}
.search-form [type=search].placeholder {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 1.6rem;
line-height: 1.1875em;
font-weight: 400;
text-transform: initial;
color: #231F20;
}
.search-form [type=search]:-moz-placeholder {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 1.6rem;
line-height: 1.1875em;
font-weight: 400;
text-transform: initial;
color: #231F20;
}
.search-form [type=search]::-moz-placeholder {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 1.6rem;
line-height: 1.1875em;
font-weight: 400;
text-transform: initial;
color: #231F20;
}
.search-form [type=search]:-ms-input-placeholder {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 1.6rem;
line-height: 1.1875em;
font-weight: 400;
text-transform: initial;
color: #231F20;
}
.search-form [type=search]::-webkit-input-placeholder {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 1.6rem;
line-height: 1.1875em;
font-weight: 400;
text-transform: initial;
color: #231F20;
}
.search-form label {
display: block;
width: 100%;
}
.search-form [type=submit] {
position: absolute;
top: 0;
right: 0;
padding: 6px;
width: 100px;
min-width: auto;
height: 100%;
}
.widget {
margin-top: 30px;
}
.widget a {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 2rem;
line-height: 1.2em;
font-weight: 400;
text-transform: initial;
}
.widget ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.widget ul li {
display: inline-block;
padding: 0;
}
.widget li {
display: block;
width: 100%;
}
.widget li + li {
margin-top: 10px;
}
.widget a:not([disabled]):hover, .widget a:not([disabled]):focus, .widget a:not([disabled]):active {
color: #4C90CF;
transition: all 0.3s ease-in-out;
}
.widget select {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 1.6rem;
line-height: 1.1875em;
font-weight: 400;
text-transform: initial;
transition: all 0.2s ease-in-out 0s;
background-color: #FFFFFF;
color: #231F20;
border-radius: 0;
padding: 4px 11px 5px 6px;
display: block;
width: 100%;
border: 0.5px solid #231F20;
max-width: 400px;
margin: 20px auto 0;
}
.widget_recent_entries {
margin-top: 70px;
}
.widgettitle {
color: #4C90CF;
margin-bottom: 10px;
}
[href="#form-popup"] * {
pointer-events: none;
}
.block-filter {
padding: 45px 0 60px;
text-align: center;
}
.block-filter__title {
margin-bottom: 18px;
}
.facetwp-facet.facetwp-type-radio {
margin: 0;
}
.facetwp-facet.facetwp-type-radio .facetwp-counter {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.facetwp-facet.facetwp-type-radio .facetwp-radio {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 2rem;
line-height: 1.2em;
font-weight: 400;
text-transform: initial;
display: inline-block;
background: none !important;
padding: 0;
margin: 0;
position: relative;
}
.facetwp-facet.facetwp-type-radio .facetwp-radio:nth-child(n+2):before {
content: "/";
display: inline-block;
margin: 0 20px;
}
.facetwp-facet.facetwp-type-radio .checked .facetwp-display-value {
border-bottom: 1px solid;
}
.facetwp-facet.facetwp-type-radio .facetwp-display-value {
padding: 0;
}
.facetwp-facet.facetwp-type-radio .facetwp-display-value:not([disabled]):hover, .facetwp-facet.facetwp-type-radio .facetwp-display-value:not([disabled]):focus, .facetwp-facet.facetwp-type-radio .facetwp-display-value:not([disabled]):active {
color: #FFA700;
transition: all 0.3s ease-in-out;
}
.section-news-page .facetwp-load-more {
margin-top: 85px;
}
.section-news-page__wrapper {
padding: 0 0 70px;
}
.section-news-page__item {
width: 25%;
}
.section-news-page__item:nth-child(n+5) {
margin-top: 6.2rem;
}
@media only screen and (max-width: 1279px) {
.section-news-page__item {
width: 50%;
}
.section-news-page__item:nth-child(n+3) {
margin-top: 5rem;
}
}
@media only screen and (max-width: 767px) {
.section-news-page__item {
width: 100%;
}
.section-news-page__item:nth-child(n+2) {
margin-top: 5rem;
}
}
.banner-basic {
padding: 61.5px 0;
}
@media only screen and (max-width: 1024px) {
.banner-basic {
padding: 40px 0;
}
}
.banner-basic__wrapper {
position: relative;
overflow: hidden;
display: block;
max-width: 1784px;
margin: 0 auto;
}
.banner-basic__wrapper > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.banner-basic__wrapper:after {
content: "";
display: block;
position: relative;
width: 100%;
padding-top: 20.1793721973%;
}
.banner-basic__wrapper img {
transition: transform 0.3s ease-in-out;
display: block;
-o-object-fit: cover;
object-fit: cover;
pointer-events: none;
}
.banner-basic__wrapper:not([disabled]):hover, .banner-basic__wrapper:not([disabled]):focus, .banner-basic__wrapper:not([disabled]):active {
transition: all 0.3s ease-in-out;
}
.banner-basic__wrapper:not([disabled]):hover img, .banner-basic__wrapper:not([disabled]):focus img, .banner-basic__wrapper:not([disabled]):active img {
transform: translate(-50%, -50%);
}
.wysiwyg-thanks {
text-align: center;
margin-bottom: 70px;
}
.wysiwyg-thanks > * + * {
margin-top: 23px;
}
.wysiwyg-thanks h1 {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 3.8rem;
line-height: 1.1578947368em;
font-weight: 800;
text-transform: initial;
}
.wysiwyg-thanks h2 {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 3rem;
line-height: 1.1666666667em;
font-weight: 800;
text-transform: initial;
}
.wysiwyg-thanks a {
font-weight: 600;
border-bottom: 1px solid;
}
.wysiwyg-thanks a:not([disabled]):hover, .wysiwyg-thanks a:not([disabled]):focus, .wysiwyg-thanks a:not([disabled]):active {
color: #FFA700;
border-bottom-color: transparent;
transition: all 0.3s ease-in-out;
}
.wysiwyg-thanks svg {
width: 65px;
height: 62px;
}
.section-contact__wrapper {
max-width: 761px;
margin-left: auto;
margin-right: auto;
}
.block-phone-mail {
margin-top: 24.5px;
text-align: center;
}
.block-phone-mail * {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 3rem;
line-height: 1.1666666667em;
font-weight: 800;
text-transform: initial;
word-break: break-all;
color: #FFA700;
}
@media only screen and (max-width: 1024px) {
.block-phone-mail * {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 2.8rem;
line-height: 1.1428571429em;
font-weight: 800;
text-transform: initial;
}
}
@media only screen and (max-width: 375px) {
.block-phone-mail * {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 2.2rem;
line-height: 1.3636363636em;
font-weight: 800;
text-transform: initial;
}
}
.block-phone-mail a {
color: #231F20;
}
.section-benefits__title {
position: relative;
padding-bottom: 12.5px;
border-bottom: 1px solid #4C90CF;
cursor: pointer;
z-index: 1;
}
.section-benefits__title::before {
content: "";
display: block;
position: absolute;
width: 37px;
height: 37px;
background-color: #FFA700;
right: 0;
top: 0;
}
.section-benefits__title::after {
content: "";
display: block;
position: absolute;
transition: transform 0.2s ease-in-out 0s;
width: 37px;
height: 37px;
right: 0;
top: 0;
background: url(//thrubeam.co.uk/wp-content/themes/ssc/images/up.svg) center no-repeat;
}
.section-benefits__title[aria-expanded=true]::after {
transform: scaleY(-1);
}
.section-benefits__content {
display: none;
}
.section-benefits__contentwrapper {
padding-top: 50px;
}
.section-benefits__wysiwyg {
flex: 1 0 auto;
width: calc(50% - 60px);
}
@media only screen and (max-width: 1600px) {
.section-benefits__wysiwyg {
width: calc(50% - 30px);
}
}
@media only screen and (max-width: 1024px) {
.section-benefits__wysiwyg {
width: 100%;
}
}
.section-benefits__wysiwyg + * {
margin-left: 120px;
}
@media only screen and (max-width: 1600px) {
.section-benefits__wysiwyg + * {
margin-left: 60px;
}
}
@media only screen and (max-width: 1024px) {
.section-benefits__wysiwyg + * {
margin-left: 0;
margin-top: 74px;
}
}
@media only screen and (max-width: 767px) {
.section-benefits__wysiwyg + * {
margin-top: 40px;
}
}
.section-benefits__wysiwyg > * + * {
margin-top: 36px;
}
@media only screen and (max-width: 1024px) {
.section-benefits__wysiwyg > * + * {
margin-top: 26px;
}
}
.section-benefits__item + .section-benefits__item {
margin-top: 33.5px;
}
.section-content--benefits .section-content__wrapper {
padding-bottom: 45px;
}
section.not-found {
text-align: center;
}
section.not-found p {
font-family: "Mulish", sans-serif;
letter-spacing: 0;
font-size: 2rem;
line-height: 1.2em;
font-weight: 400;
text-transform: initial;
}
section.not-found .section-content__wrapper {
padding: 5rem 0 9rem;
}
section.not-found .btn {
margin-top: 30px;
}
.section-pd__title {
margin-bottom: 33px;
}
.section-pd__left {
width: calc(50% - 59px);
}
@media only screen and (max-width: 1600px) {
.section-pd__left {
width: calc(50% - 33px);
}
}
@media only screen and (max-width: 1024px) {
.section-pd__left {
order: 1;
width: 100%;
margin-top: 74px;
}
}
@media only screen and (max-width: 767px) {
.section-pd__left {
width: calc(100% - 80px);
margin-left: auto;
margin-right: auto;
}
}
.section-pd__left .slider-for {
margin-bottom: 7px;
}
.section-pd__left .section-pd__image {
position: relative;
overflow: hidden;
display: block;
border: 1px solid #231F20;
}
.section-pd__left .section-pd__image > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.section-pd__left .section-pd__image:after {
content: "";
display: block;
position: relative;
width: 100%;
padding-top: 67.9471788715%;
}
.section-pd__left .section-pd__image img {
transition: transform 0.3s ease-in-out;
display: block;
-o-object-fit: cover;
object-fit: cover;
pointer-events: none;
}
.section-pd__left .section-pd__image:not([disabled]):hover, .section-pd__left .section-pd__image:not([disabled]):focus, .section-pd__left .section-pd__image:not([disabled]):active {
transition: all 0.3s ease-in-out;
}
.section-pd__left .section-pd__image:not([disabled]):hover img, .section-pd__left .section-pd__image:not([disabled]):focus img, .section-pd__left .section-pd__image:not([disabled]):active img {
transform: translate(-50%, -50%);
}
.section-pd__left .section-pd__image img {
-o-object-fit: contain;
object-fit: contain;
width: auto;
height: auto;
max-height: 100%;
}
.section-pd__left .slider-nav .slick-list {
margin: 0 -3.5px !important;
}
.section-pd__left .section-pd__navimage {
position: relative;
overflow: hidden;
display: block;
margin: 0 3.5px;
cursor: pointer;
border: 1px solid #231F20;
}
.section-pd__left .section-pd__navimage > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.section-pd__left .section-pd__navimage:after {
content: "";
display: block;
position: relative;
width: 100%;
padding-top: 68.1318681319%;
}
.section-pd__left .section-pd__navimage img {
transition: transform 0.3s ease-in-out;
display: block;
-o-object-fit: cover;
object-fit: cover;
pointer-events: none;
}
.section-pd__left .section-pd__navimage:not([disabled]):hover, .section-pd__left .section-pd__navimage:not([disabled]):focus, .section-pd__left .section-pd__navimage:not([disabled]):active {
transition: all 0.3s ease-in-out;
}
.section-pd__left .section-pd__navimage:not([disabled]):hover img, .section-pd__left .section-pd__navimage:not([disabled]):focus img, .section-pd__left .section-pd__navimage:not([disabled]):active img {
transform: translate(-50%, -50%);
}
.section-pd__left .section-pd__navimage img {
-o-object-fit: contain;
object-fit: contain;
width: auto;
height: auto;
max-height: 100%;
}
.section-pd__left .slick-current {
pointer-events: none;
}
.section-pd__left .slick-arrow {
width: 30px;
height: 30px;
}
.section-pd__left .slick-arrow::before {
color: #231F20;
font-size: 30px;
}
.section-pd__left .slick-prev {
left: -35px;
}
.section-pd__left .slick-next {
right: -35px;
}
.section-pd__right {
width: calc(50% - 59px);
margin-left: 118px;
}
@media only screen and (max-width: 1600px) {
.section-pd__right {
width: calc(50% - 33px);
margin-left: 66px;
}
}
@media only screen and (max-width: 1024px) {
.section-pd__right {
width: 100%;
margin-left: 0;
}
}
.section-pd__wysiwyg h2 {
margin-bottom: 33px;
}
.section-pd__cta {
padding-top: 33px;
max-width: 630px;
display: flex;
flex-wrap: wrap;
}
.section-pd__cta a {
width: calc(50% - 12px);
padding-left: 5px;
padding-right: 5px;
display: flex;
align-items: center;
justify-content: center;
min-width: auto;
}
@media only screen and (max-width: 767px) {
.section-pd__cta a {
width: 100%;
}
}
.section-pd__cta a + a {
margin-left: 24px;
}
@media only screen and (max-width: 767px) {
.section-pd__cta a + a {
margin-left: 0;
margin-top: 16px;
}
}
.section-pd-desc {
margin-top: 116px;
}
@media only screen and (max-width: 1024px) {
.section-pd-desc {
margin-top: 74px;
}
}
.section-pd-desc + * {
margin-top: 135.5px;
}
@media only screen and (max-width: 1024px) {
.section-pd-desc + * {
margin-top: 60px;
}
}
.section-pd-desc__title {
position: relative;
padding-bottom: 12.5px;
border-bottom: 1px solid #4C90CF;
cursor: pointer;
z-index: 1;
}
.section-pd-desc__title::before {
content: "";
display: block;
position: absolute;
width: 37px;
height: 37px;
background-color: #FFA700;
right: 0;
top: 0;
}
.section-pd-desc__title::after {
content: "";
display: block;
position: absolute;
transition: transform 0.2s ease-in-out 0s;
width: 37px;
height: 37px;
right: 0;
top: 0;
background: url(//thrubeam.co.uk/wp-content/themes/ssc/images/up.svg) center no-repeat;
}
.section-pd-desc__title[aria-expanded=true]::after {
transform: scaleY(-1);
}
.section-pd-desc__content {
display: none;
}
.section-pd-desc__contentwrapper {
padding-top: 45.5px;
}
.section-pd-desc__wysiwyg {
flex: 1 0 auto;
width: calc(50% - 60px);
}
@media only screen and (max-width: 1600px) {
.section-pd-desc__wysiwyg {
width: calc(50% - 30px);
}
}
@media only screen and (max-width: 1024px) {
.section-pd-desc__wysiwyg {
width: 100%;
}
}
.section-pd-desc__wysiwyg h3 {
font-weight: 700;
}
.section-pd-desc__wysiwyg > h3:first-child {
text-transform: uppercase;
}
.section-pd-desc__wysiwyg + * {
margin-left: 120px;
position: relative;
}
.section-pd-desc__wysiwyg + *::before {
content: "";
display: block;
width: 1px;
height: calc(100% - 100px);
border-right: 1px dashed #4C90CF;
position: absolute;
top: 0;
left: -60px;
}
@media only screen and (max-width: 1600px) {
.section-pd-desc__wysiwyg + * {
margin-left: 60px;
}
.section-pd-desc__wysiwyg + *::before {
margin-left: 30px;
}
}
@media only screen and (max-width: 1024px) {
.section-pd-desc__wysiwyg + * {
margin-left: 0;
margin-top: 74px;
}
.section-pd-desc__wysiwyg + *::before {
content: none;
}
}
@media only screen and (max-width: 767px) {
.section-pd-desc__wysiwyg + * {
margin-top: 40px;
}
}
.section-pd-desc__wysiwyg > * + * {
margin-top: 25px;
}
.section-card-list__heading {
margin-bottom: 45px;
}
.section-card-list__item {
width: 25%;
}
.section-card-list__item:nth-child(n+5) {
margin-top: 103px;
}
@media only screen and (max-width: 1024px) {
.section-card-list__item {
width: 50%;
}
.section-card-list__item:nth-child(n+3) {
margin-top: 50px;
}
}
@media only screen and (max-width: 767px) {
.section-card-list__item {
width: 82%;
}
.section-card-list__item:nth-child(n+2) {
margin-top: 40px;
}
}
@media only screen and (max-width: 1024px) {
.section-card-list--desktop {
display: none !important;
}
}
@media only screen and (min-width: 1025px) {
.section-card-list--mobile {
display: none !important;
}
}
.section-content + section {
margin-top: 0;
}