.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}body.single-casestudies main .breadcrumbs-block,body.search .results-container,footer .cont .footer,.wp-block-columns{max-width:1200px;width:100%;margin:0 auto;padding:0 20px;box-sizing:border-box}body.search .results-container .results .result .rm p{background-color:#fff;font-size:13px;color:var(--black);border-radius:var(--radius);padding:13px 30px 13px 50px;box-sizing:border-box;letter-spacing:.2px;text-decoration:none;font-weight:300;transition:all .3s ease-in-out;position:relative}body.search .results-container .results .result .rm p:before{content:"";width:20px;height:20px;position:absolute;top:50%;left:15px;transform:translate(0%, -50%);background:transparent url(//www.solacecomms.com/wp-content/themes/comms/images/link.svg) no-repeat center center;background-size:20px}body.search .results-container .results .result .rm p:hover{background-color:var(--amber)}:root{--sea: #7CB1C4;--midnight: #37596F;--shadow: #262928;--aero: #4776A6;--steel: #ABABAB;--amber: #FFD429;--black: #000000;--white: #FFFFFF;--radius: 6px}body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute !important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-outer,.fancybox-inner,.fancybox-bg,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(0.47, 0, 0.74, 0.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(0.22, 0.61, 0.36, 1)}.fancybox-infobar,.fancybox-toolbar,.fancybox-caption,.fancybox-navigation .fancybox-button{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar,.fancybox-show-caption .fancybox-caption,.fancybox-show-nav .fancybox-navigation .fancybox-button{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide::before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--previous,.fancybox-slide--current,.fancybox-slide--next{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image::before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(0.5, 0, 0.14, 1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-ms-transform-origin:top left;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-swipe .fancybox-content,.fancybox-can-pan .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--video .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--iframe .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-video,.fancybox-iframe{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:visited,.fancybox-button:link{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--play svg:nth-child(2),.fancybox-button--fsenter svg:nth-child(2){display:none}.fancybox-button--pause svg:nth-child(1),.fancybox-button--fsexit svg:nth-child(1){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-ms-transform:scaleX(0);transform:scaleX(0);-ms-transform-origin:0;transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px 44px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports(padding: 0px){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:fancybox-rotate 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0, 0, 0.25, 1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%, 0, 0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%, 0, 0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translate3d(0, 0, 0)}.fancybox-fx-fade.fancybox-slide--previous,.fancybox-fx-fade.fancybox-slide--next{opacity:0;transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5, 1.5, 1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(0.5, 0.5, 0.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scale3d(1, 1, 1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-ms-transform:rotate(-360deg);transform:rotate(-360deg)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-ms-transform:rotate(360deg);transform:rotate(360deg)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-ms-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0, 0, 0) translate3d(-100%, 0, 0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0, 0, 0) translate3d(100%, 0, 0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scale3d(1, 1, 1) translate3d(0, 0, 0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%, 0, 0) scale(0.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%, 0, 0) scale(0.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translate3d(0, 0, 0) scale(1)}@media all and (max-height: 576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports(padding: 0px){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px 0}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px 5px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:visited,.fancybox-share__button:link{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px 2px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:center center;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a::before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);z-index:99991}.fancybox-thumbs__list a:focus::before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active::before{opacity:1}@media all and (max-width: 576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{height:100vh;display:inline-block;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;vertical-align:top;white-space:nowrap;height:100%}.c-scrollbar{position:absolute;right:0;top:0;width:11px;height:100%;transform-origin:center right;transition:transform .3s,opacity .3s;opacity:1}.c-scrollbar:hover{transform:scaleX(1.15)}.c-scrollbar:hover,.has-scroll-scrolling .c-scrollbar,.has-scroll-dragging .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{width:100%;height:10px;top:auto;bottom:0;transform:scaleY(1)}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{position:absolute;top:0;right:0;background-color:#000;opacity:.5;width:9px;border-radius:10px;margin:2px;cursor:-webkit-grab;cursor:grab}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{right:auto;bottom:0} :root{--mm-ocd-width:80%;--mm-ocd-min-width:200px;--mm-ocd-max-width:440px}body.mm-ocd-opened{overflow-y:hidden;-ms-scroll-chaining:none;overscroll-behavior:none}.mm-ocd{position:fixed;top:0;right:0;bottom:100%;left:0;z-index:9999;overflow:hidden;-ms-scroll-chaining:none;overscroll-behavior:contain;background:rgba(0,0,0,0);-webkit-transition-property:bottom,background-color;-o-transition-property:bottom,background-color;transition-property:bottom,background-color;-webkit-transition-duration:0s,.3s;-o-transition-duration:0s,.3s;transition-duration:0s,.3s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:.45s,.15s;-o-transition-delay:.45s,.15s;transition-delay:.45s,.15s}.mm-ocd--open{bottom:0;background:rgba(0,0,0,.25);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.mm-ocd__content{position:absolute;top:0;bottom:0;z-index:2;width:var(--mm-ocd-width);min-width:var(--mm-ocd-min-width);max-width:var(--mm-ocd-max-width);background:#fff;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.mm-ocd--left .mm-ocd__content{left:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}.mm-ocd--right .mm-ocd__content{right:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}.mm-ocd--open .mm-ocd__content{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.mm-ocd__backdrop{position:absolute;top:0;bottom:0;z-index:3;width:clamp(100% - var(--mm-ocd-max-width),100% - var(--mm-ocd-width),100% - var(--mm-ocd-min-width));background:rgba(3,2,1,0)}.mm-ocd--left .mm-ocd__backdrop{right:0}.mm-ocd--right .mm-ocd__backdrop{left:0}.mm-spn,.mm-spn a,.mm-spn li,.mm-spn span,.mm-spn ul{display:block;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}:root{--mm-spn-item-height:50px;--mm-spn-item-indent:20px;--mm-spn-line-height:24px;--mm-spn-panel-offset:30%}.mm-spn{width:100%;height:100%;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;overflow:hidden;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.mm-spn ul{-webkit-overflow-scrolling:touch;position:fixed;top:0;left:100%;bottom:0;z-index:2;width:calc(100% + var(--mm-spn-panel-offset));padding-right:var(--mm-spn-panel-offset);line-height:var(--mm-spn-line-height);overflow:visible;overflow-y:auto;background:inherit;-webkit-transition:left .3s ease 0s;-o-transition:left .3s ease 0s;transition:left .3s ease 0s;cursor:default}.mm-spn ul:after{content:"";display:block;height:var(--mm-spn-item-height)}.mm-spn>ul{left:0}.mm-spn ul.mm-spn--open{left:0}.mm-spn ul.mm-spn--parent{left:calc(-1*var(--mm-spn-panel-offset));overflow:visible}.mm-spn li{position:relative;background:inherit;cursor:pointer}.mm-spn li:before{content:"";display:block;position:absolute;top:calc(var(--mm-spn-item-height)/2);right:calc(var(--mm-spn-item-height)/2);z-index:0;width:10px;height:10px;border-top:2px solid;border-right:2px solid;-webkit-transform:rotate(45deg) translate(0, -50%);-ms-transform:rotate(45deg) translate(0, -50%);transform:rotate(45deg) translate(0, -50%);opacity:.4}.mm-spn li:after{content:"";display:block;margin-left:var(--mm-spn-item-indent);border-top:1px solid;opacity:.15}.mm-spn a,.mm-spn span{position:relative;z-index:1;padding:calc((var(--mm-spn-item-height) - var(--mm-spn-line-height))/2) var(--mm-spn-item-indent)}.mm-spn a{background:inherit;color:inherit;text-decoration:none}.mm-spn a:not(:last-child){width:calc(100% - var(--mm-spn-item-height))}.mm-spn a:not(:last-child):after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;border-right:1px solid;opacity:.15}.mm-spn span{background:0 0}.mm-spn.mm-spn--navbar{cursor:pointer}.mm-spn.mm-spn--navbar:before{content:"";display:block;position:absolute;top:calc(var(--mm-spn-item-height)/2);left:var(--mm-spn-item-indent);width:10px;height:10px;margin-top:2px;border-top:2px solid;border-left:2px solid;-webkit-transform:rotate(-45deg) translate(50%, -50%);-ms-transform:rotate(-45deg) translate(50%, -50%);transform:rotate(-45deg) translate(50%, -50%);opacity:.4}.mm-spn.mm-spn--navbar.mm-spn--main{cursor:default}.mm-spn.mm-spn--navbar.mm-spn--main:before{content:none;display:none}.mm-spn.mm-spn--navbar:after{content:attr(data-mm-spn-title);display:block;position:absolute;top:0;left:0;right:0;height:var(--mm-spn-item-height);padding:0 calc(var(--mm-spn-item-indent)*2);line-height:var(--mm-spn-item-height);opacity:.4;text-align:center;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.mm-spn.mm-spn--navbar.mm-spn--main:after{padding-left:var(--mm-spn-item-indent)}.mm-spn.mm-spn--navbar ul{top:calc(var(--mm-spn-item-height) + 1px)}.mm-spn.mm-spn--navbar ul:before{content:"";display:block;position:fixed;top:inherit;z-index:2;width:100%;border-top:1px solid currentColor;opacity:.15}.mm-spn.mm-spn--light{color:#444;background:#f3f3f3}.mm-spn.mm-spn--dark{color:#ddd;background:#333}.mm-spn.mm-spn--vertical{overflow-y:auto}.mm-spn.mm-spn--vertical ul{width:100%;padding-right:0;position:static}.mm-spn.mm-spn--vertical ul ul{display:none;padding-left:var(--mm-spn-item-indent)}.mm-spn.mm-spn--vertical ul ul:after{height:calc(var(--mm-spn-item-height)/2)}.mm-spn.mm-spn--vertical ul.mm-spn--open{display:block}.mm-spn.mm-spn--vertical li.mm-spn--open:before{-webkit-transform:rotate(135deg) translate(-50%, 0);-ms-transform:rotate(135deg) translate(-50%, 0);transform:rotate(135deg) translate(-50%, 0)}.mm-spn.mm-spn--vertical ul ul li:last-child:after{content:none;display:none}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.wp-block-columns{z-index:15;position:relative}footer{background-color:#1f1f1f}footer .cont .footer{padding:60px 20px 100px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:5vw}footer .cont .footer .col{flex:1 1 10%;gap:20px}footer .cont .footer .col svg{width:60px}footer .cont .footer .col p.note{font-size:12px;line-height:18px;margin:40px 0 30px}footer .cont .footer .col p.communications{color:var(--steel);font-size:12px}footer .cont .footer .col p.title{margin-top:0;font-size:17px}footer .cont .footer .col a:hover{color:#fff}footer .cont .footer .col .language{width:75%}footer .cont .footer .col .language label{font-size:14px;margin-bottom:7px;display:block}footer .cont .footer .col .language .select-wrapper{border-radius:var(--radius);position:relative}footer .cont .footer .col .language .select-wrapper select{width:100%;padding:15px 20px;font-size:16px;line-height:16px;font-weight:200;text-transform:lowercase;background:#1f1f1f url(//www.solacecomms.com/wp-content/themes/comms/images/arrow-down.svg) no-repeat calc(100% - 20px) center;background-size:18px;color:#fff;letter-spacing:.5px;border-radius:var(--radius);text-align:center;border:none;text-indent:-20%;font-family:"Inter",sans-serif;-webkit-appearance:none;-moz-appearance:none}footer .cont .footer .col .language .select-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-2px;border-radius:inherit;background:linear-gradient(12deg, #4C4C4C, #9F9F9F, #434343)}footer .cont .footer .col .social{padding:30px 0}footer .cont .footer .col nav ul{margin:0;padding:0}footer .cont .footer .col nav ul li{list-style:none}footer .cont .footer .col nav ul li a{color:var(--steel);padding:5px 0;text-decoration:none;display:block;font-size:16px;transition:color .3s ease-in-out}footer .cont .footer .col nav ul li a:hover{color:var(--amber)}footer .cont .footer .col.contact{flex:1 1 15%}footer .cont .footer .col.contact .address p{color:var(--steel);line-height:23px}footer .cont .footer .col.contact p{margin:0 0 21px}footer .cont .footer .col.contact p a{display:block}footer .cont .footer .col.logo{flex:1 1 25%}footer .cont .footer .col.full{flex:1 1 100%}footer .cont .footer .col.full .cont{display:flex;flex-wrap:wrap;align-items:center;gap:20px;font-size:12px;color:var(--steel)}footer .cont .footer .col.full .cont a{color:var(--steel)}footer .cont .footer .col.full .cont a:hover{color:var(--white)}@media screen and (max-width: 844px){footer .cont .footer{padding:60px 40px 100px}footer .cont .footer .col{flex:1 1 100%}footer .cont .footer .language .select-wrapper select{border:1px solid #fff !important}}.line{width:1px;height:100%;background-color:rgba(255,255,255,.05);position:absolute;overflow:hidden;z-index:12;pointer-events:none}.line .pulse{width:1px;height:60px;background-color:#fff;position:absolute;filter:blur(4px);top:-10%;animation-name:pulse1;animation-duration:10s;animation-iteration-count:infinite}.line1{left:50vw}.line2{left:calc(50vw - 325px)}.line3{left:calc(50vw - 650px)}.line4{left:calc(50vw + 325px)}.line5{left:calc(50vw + 650px)}.line:nth-child(1) .pulse{animation-delay:1.5s}.line:nth-child(2) .pulse{animation-delay:3s}.line:nth-child(3) .pulse{animation-delay:4.5s}.line:nth-child(4) .pulse{animation-delay:6s}.line:nth-child(5) .pulse{animation-delay:7.5s}@keyframes pulse1{0%{top:-10%}100%{top:110%}}@media screen and (max-width: 844px){.line3,.line4,.line5{display:none}}header{width:100%;position:absolute;transition:background-color .3s ease-in-out}header .header{max-width:1440px;margin:0 auto;padding:40px 20px;box-sizing:border-box;position:relative;transition:padding .3s ease-in-out}header .header .container{height:62px}header .header .container #logo{width:380px;display:block}header .header .container #resp-nav{width:40px;height:30px;display:none}header .header .container #resp-nav span{height:2px;background-color:var(--white);width:100%;display:inline-block;position:relative;top:6px;position:absolute;transition:all .3s ease-in-out}header .header .container #resp-nav span:before{content:"";width:100%;height:2px;top:9px;background-color:var(--white);position:absolute;transition:all .4s ease-in-out}header .header .container #resp-nav span:after{content:"";width:100%;height:2px;top:18px;background-color:var(--white);position:absolute;transition:all .4s ease-in-out}header .header .container .col{position:absolute;top:0;right:0}header .header .container .col .top{padding:10px 20px;text-align:right;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;transition:all .3s ease-in-out;gap:40px}header .header .container .col .top a{color:#fff;text-decoration:none;font-size:13px}header .header .container .col .top a:hover{color:var(--amber)}header .header .container .col .top p{margin:0;padding:0;font-size:13px;opacity:.6}header .header .container .col .top form{margin-bottom:1px}header .header .container .col .top form label{display:none}header .header .container .col .top form input{background-color:transparent;border:none;width:80px;color:#fff;font-size:13px;font-family:"Inter",sans-serif;outline:none}header .header .container .col .top form input[type=submit]{width:25px;text-indent:-5000px;background:transparent url(//www.solacecomms.com/wp-content/themes/comms/images/search.svg) no-repeat center center;background-size:15px;transform:rotate(0deg)}header .header .container .col .top form ::placeholder{color:#fff;opacity:.5}header .header .container .col nav{background-color:var(--shadow);backdrop-filter:blur(2px);border-radius:var(--radius);padding:0 20px}header .header .container .col nav ul{list-style:none;display:flex;margin:0;padding:0}header .header .container .col nav ul li{opacity:0;transition:opacity .6s ease-in-out;transition-delay:3s}header .header .container .col nav ul li a{color:#fff;text-decoration:none;padding:20px 30px;display:inline-block;transition:all .3s ease-in-out;box-sizing:border-box}header .header .container .col nav ul li a:hover{background-color:var(--black)}header .header .container .col nav ul li.current-menu-item a{color:var(--amber)}header .header .container .col nav ul li:hover ul{display:flex}header .header .container .col nav ul ul{min-width:90%;max-width:90%;left:5%;display:none;position:absolute;flex-wrap:wrap;background-color:#1e2020}header .header .container .col nav ul ul li{width:33.3%}header .header .container .col nav ul ul li a{width:100%;padding:11px 30px 11px 45px;position:relative;font-size:14px}header .header .container .col nav ul ul li a:before{content:"-";font-size:11px;color:#fff;position:absolute;left:30px;top:50%;transform:translate(0%, -50%)}header.collapsed{background-color:var(--shadow)}header.collapsed .header{padding:5px 20px 6px}header.collapsed .header .container .col .top{margin-top:-34px;opacity:0}body.loaded header .header .container .col nav ul li:nth-child(1){transition-delay:.1s;opacity:1}body.loaded header .header .container .col nav ul li:nth-child(2){transition-delay:.2s;opacity:1}body.loaded header .header .container .col nav ul li:nth-child(3){transition-delay:.3s;opacity:1}body.loaded header .header .container .col nav ul li:nth-child(4){transition-delay:.4s;opacity:1}body.loaded header .header .container .col nav ul li:nth-child(5){transition-delay:.5s;opacity:1}body.loaded header .header .container .col nav ul li:nth-child(6){transition-delay:.6s;opacity:1}body.loaded header .header .container .col nav ul li:nth-child(7){transition-delay:.7s;opacity:1}body.loaded header .header .container .col nav ul li:nth-child(8){transition-delay:.8s;opacity:1}body.loaded header .header .container .col nav ul li:nth-child(9){transition-delay:.9s;opacity:1}body.loaded header .header .container .col nav ul li:nth-child(10){transition-delay:1s;opacity:1}body.loaded header .header .container .col nav ul li:nth-child(11){transition-delay:1.1s;opacity:1}body.loaded header .header .container .col nav ul li:nth-child(12){transition-delay:1.2s;opacity:1}body.loaded header .header .container .col nav ul li:nth-child(13){transition-delay:1.3s;opacity:1}body.loaded header .header .container .col nav ul li:nth-child(14){transition-delay:1.4s;opacity:1}body.loaded header .header .container .col nav ul li:nth-child(15){transition-delay:1.5s;opacity:1}body.loaded header .header .container .col nav ul li:nth-child(16){transition-delay:1.6s;opacity:1}body.loaded header .header .container .col nav ul li:nth-child(17){transition-delay:1.7s;opacity:1}body.loaded header .header .container .col nav ul li:nth-child(18){transition-delay:1.8s;opacity:1}body.loaded header .header .container .col nav ul li:nth-child(19){transition-delay:1.9s;opacity:1}body.loaded header .header .container .col nav ul li:nth-child(20){transition-delay:2s;opacity:1}@media screen and (max-width: 844px){header{z-index:1001;background:#000;background:linear-gradient(180deg, rgba(0, 0, 0, 0.77) 0%, rgba(0, 0, 0, 0.4) 54%, rgba(0, 0, 0, 0) 100%)}header .header .container #logo{margin-top:30px}header .header .container .col .top{text-align:center;justify-content:center;padding:0px 20px;margin-top:30px;gap:20px}header .header .container .col .top form{display:none}header .header .container #resp-nav{display:block;position:absolute;top:20px;left:20px}.mm-spn.mm-spn--light{background:#080808}.mm-spn a{color:var(--white)}.mm-spn.mm-spn--navbar:after{color:#ededed}.mm-spn.mm-spn--light{color:#ededed}}body.search .results-container{padding:20px 20px 60px 20px}body.search .results-container .results{display:flex;flex-wrap:wrap;gap:20px}body.search .results-container .results .result{margin:0 auto;box-sizing:border-box;background-color:var(--sea);padding:40px;flex:1 1 calc(50% - 20px);text-decoration:none;color:#fff;border-radius:10px}body.search .results-container .results .result h3{margin-top:0;padding-top:0}body.search .results-container .results .result img{display:inline-block;width:100%;height:300px;margin-bottom:20px;object-fit:cover}body.search .results-container .results .result .rm{margin-top:20px}body.search .results-container .results .result .rm p{margin-bottom:0;display:inline-block}body.search .results-container .results .result:hover{background-color:var(--aero)}.hero-block{height:350px}.hero-block img{object-fit:cover;object-position:top;height:100%}body.single-casestudies{background-color:var(--white);font-weight:300}body.single-casestudies main{min-height:50vh;color:var(--shadow)}body.single-casestudies main .breadcrumbs-block .rank-math-breadcrumb p a{color:#f2b83c}body.single-casestudies main .breadcrumbs-block .rank-math-breadcrumb p a:hover{color:var(--shadow)}body.single-casestudies main .breadcrumbs-block .rank-math-breadcrumb p a:before{color:var(--shadow)}body.single-casestudies main .breadcrumbs-block .rank-math-breadcrumb p a:after{color:var(--shadow)}body{position:relative;background-color:var(--shadow);font-size:16px;letter-spacing:.1px;font-weight:200;font-smooth:auto;color:var(--white);font-family:"Inter",sans-serif}main{color:var(--white);padding:0}h1{font-size:36px;line-height:42px;font-weight:500;font-family:"Istok Web",sans-serif;margin-left:-3px}h2{font-size:32px;line-height:38px;font-weight:500;font-family:"Istok Web",sans-serif}h3{font-size:24px;font-weight:500;font-family:"Istok Web",sans-serif}ul li{font-size:16px;padding:1px 0;line-height:24px}p{line-height:24px}a{color:var(--amber)}strong{font-weight:600}.social{display:flex;flex-wrap:wrap;gap:25px}.social>a{padding:0;width:35px;height:35px;background-color:red}.social>a.google{background:transparent url(//www.solacecomms.com/wp-content/themes/comms/images/google.svg) no-repeat center center;background-size:contain}.social>a.linkedin{background:transparent url(//www.solacecomms.com/wp-content/themes/comms/images/linkedin.svg) no-repeat center center;background-size:contain}.social>a.facebook{background:transparent url(//www.solacecomms.com/wp-content/themes/comms/images/facebook.svg) no-repeat center center;background-size:contain}.social>a.twitter{background:transparent url(//www.solacecomms.com/wp-content/themes/comms/images/twitter.svg) no-repeat center center;background-size:contain}.services-block, .products-services-overview-block .pso-controls, .products-services-overview-block .pso-wrapper, .products-services-overview-block .pso-intro, .product-block, .full-image-block p, .enquire-block .content, .contact-block .content, .casestudies-block .wrapper, .casestudies-overview-block .wrapper, .call-action-block .ctos, .call-action-block .intro, .breadcrumbs-block, .boxes-block .bg .boxes, .boxes-block .bg > h3 {
max-width: 1200px;
width: 100%;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}
.slider-block .slider .slide .content .buttons a, .product-block .product-container .col .benefits a.btn, .enquire-block .content .col a {
background-color: white;
font-size: 13px;
color: var(--black);
border-radius: var(--radius);
padding: 13px 30px 13px 50px;
box-sizing: border-box;
letter-spacing: 0.2px;
text-decoration: none;
font-weight: 300;
transition: all 0.3s ease-in-out;
position: relative;
}
.slider-block .slider .slide .content .buttons a:before, .product-block .product-container .col .benefits a.btn:before, .enquire-block .content .col a:before {
content: "";
width: 20px;
height: 20px;
position: absolute;
top: 50%;
left: 15px;
transform: translate(0%, -50%);
background: transparent url(//www.solacecomms.com/wp-content/themes/comms/images/link.svg) no-repeat center center;
background-size: 20px;
}
.slider-block .slider .slide .content .buttons a:hover, .product-block .product-container .col .benefits a.btn:hover, .enquire-block .content .col a:hover {
background-color: var(--amber);
}
.contact-block .content .col form input[type=submit], .casestudies-block .wrapper .boxes .box .container .rm, .casestudies-overview-block .wrapper .boxes .box .container .rm {
background-color: transparent;
border: 2px solid white;
border-radius: 10px;
padding: 15px 100px 15px 50px;
display: inline-block;
position: relative;
font-size: 16px;
transition: all 0.3s ease-in-out;
}
.contact-block .content .col form input[type=submit]:after, .casestudies-block .wrapper .boxes .box .container .rm:after, .casestudies-overview-block .wrapper .boxes .box .container .rm:after {
content: "";
background: transparent url(//www.solacecomms.com/wp-content/themes/comms/images/arrow-thin.svg) no-repeat center center;
background-size: contain;
width: 46px;
height: 30px;
position: absolute;
height: 100%;
right: 15px;
top: 0;
}
:root {
--sea: #7CB1C4;
--midnight: #37596F;
--shadow: #262928;
--aero: #4776A6;
--steel: #ABABAB;
--amber: #FFD429;
--black: #000000;
--white: #FFFFFF;
--radius: 6px;
}
.dev {
background-color: red;
color: white;
position: absolute;
top: 0;
left: 0;
text-transform: uppercase;
padding: 10px 15px 7px;
font-size: 14px;
z-index: 110;
font-family: "Arial";
font-weight: 600;
}
[data-type="acf/blob"] {
overflow: hidden;
height: 20px;
background-color: red;
}
:root {
--blob-size: 600px;
--blob-speed: 8s;
--blob-speed-scale: calc(0.75 * var(--blob-speed));
--blob-speed-move: calc(1 * var(--blob-speed));
--blob-speed-rotate: calc(2 * var(--blob-speed));
--blob-opacity: 0.5;
--blob-blur: 80px;
--blob-color-1: hsl(209, 66%, 33%);
--blob-color-2: hsl(171, 93%, 56%);
--blob-color-3: hsl(172, 78%, 46%);
}
.blob-block {
z-index: 9;
position: relative;
}
.blob-block .blobs {
position: relative;
filter: blur(var(--blob-blur));
transform: scale(2);
mix-blend-mode: plus-lighter;
top: 50%;
}
.blob-block .blobs * {
backface-visibility: hidden;
transform-origin: 50% 50%;
transform-style: preserve-3d;
will-change: transform;
}
.blob-block .blobs:after {
position: relative;
display: block;
width: 22rem;
height: 38rem;
background: rgba(184, 184, 184, 0.08);
backdrop-filter: blur(8rem) saturate(1.6);
border-radius: 1.5rem;
z-index: 2;
}
.blob-block .blob {
width: var(--blob-size);
height: calc(0.25 * var(--blob-size));
background-color: var(--blob-color-1);
border-radius: 100%;
opacity: var(--blob-opacity);
mix-blend-mode: multiply;
animation: blob ease-in-out var(--blob-speed-scale) infinite;
}
.blobs > :nth-child(2) .blob-block {
background-color: var(--blob-color-2);
animation-delay: calc(-0.8 * var(--blob-speed-scale));
}
.blobs > :nth-child(3) .blob-block {
background-color: var(--blob-color-3);
animation-delay: calc(-0.2 * var(--blob-speed-scale));
}
.blob-rotate {
position: absolute;
left: 50%;
top: 50%;
animation: blob-rotate linear var(--blob-speed-rotate) infinite alternate;
}
.blob-rotate:nth-child(2) {
animation-duration: calc(2 * var(--blob-speed-rotate));
animation-delay: calc(-1.5 * var(--blob-speed-rotate));
}
.blob-rotate:nth-child(3) {
animation-direction: alternate-reverse;
animation-duration: calc(0.8 * var(--blob-speed-rotate));
animation-delay: calc(-1 * var(--blob-speed-rotate));
}
@keyframes blob-rotate {
0% {
transform: translate3d(-50%, -50%, 0) rotateZ(-28deg);
transform-origin: 50% 100%;
}
100% {
transform: translate3d(-50%, -50%, 0) rotateZ(28deg);
transform-origin: 50% 0%;
}
}
.blob-move {
animation: blob-move ease-in-out var(--blob-speed-move) infinite;
}
.blobs > :nth-child(2) .blob-move {
animation-delay: calc(-0.8 * var(--blob-speed-move));
}
.blobs > :nth-child(3) .blob-move {
animation-delay: calc(-0.4 * var(--blob-speed-move));
}
@keyframes blob-move {
0%, 100% {
transform: translateX(30%);
}
50% {
transform: translateX(-30%);
}
}
@keyframes blob {
0%, 100% {
transform: scale(0.8, 2);
}
50% {
transform: scale(1.4, 0.8);
}
}
@media screen and (max-width: 844px) {
.blob-block {
width: 100%;
overflow: hidden;
}
}
.boxes-block {
position: relative;
}
.boxes-block .bg {
padding: 60px 0;
background-color: var(--tl-lyellow);
}
.boxes-block .bg > h3 {
padding: 10px 20px;
font-size: 24px;
text-align: center;
margin-bottom: 10px;
}
.boxes-block .bg .boxes {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
gap: 30px;
}
.boxes-block .bg .boxes .box {
width: auto;
border-radius: 12px;
overflow: hidden;
padding: 0px;
box-sizing: border-box;
display: flex;
flex: 1 1 25%;
flex-wrap: wrap;
align-items: center;
text-decoration: none;
background-color: white;
transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;
position: relative;
color: var(--kl-dgrey);
}
.boxes-block .bg .boxes .box img {
height: 200px;
width: 100%;
object-fit: cover;
object-position: center;
transition: all 0.4s ease-in-out;
z-index: 1;
}
.boxes-block .bg .boxes .box .container {
text-align: left;
z-index: 2;
margin-top: auto;
transition: all 0.4s ease-in-out;
padding: 40px 20px 20px;
position: relative;
width: 100%;
}
.boxes-block .bg .boxes .box .container img {
position: absolute;
top: 20px;
right: 20px;
width: 100px;
height: 50px;
object-fit: contain;
object-position: top right;
}
.boxes-block .bg .boxes .box .container h3 {
margin: 0;
font-size: 24px;
padding: 0%;
box-sizing: border-box;
transition: all 0.4s ease-in-out;
}
.boxes-block .bg .boxes .box .container p {
font-size: 16px;
line-height: 21px;
margin-top: 10px;
transition: all 0.4s ease-in-out;
}
.boxes-block .bg .boxes .box .link {
padding: 0 0 20px 20px;
font-size: 13px;
line-height: 21px;
font-family: "Inter", sans-serif;
font-weight: 600;
position: relative;
}
.boxes-block .bg .boxes .box .link svg {
position: absolute;
right: -25px;
top: 3px;
transition: all 0.3s ease-in-out;
}
.boxes-block .bg .boxes .box:hover {
background-color: var(--tl-dgrey) !important;
}
.boxes-block .bg .boxes .box:hover .container img {
filter: invert(1);
}
.boxes-block .bg .boxes .box:hover .container h3 {
color: var(--tl-yellow);
}
.boxes-block .bg .boxes .box:hover .container p {
color: white;
}
.boxes-block .bg .boxes .box:hover .link {
color: white;
}
.boxes-block .bg .boxes .box:hover .link svg {
right: -30px;
}
.boxes-block .bg .boxes .box:hover .link svg g g:nth-child(2) path {
fill: white;
}
.boxes-block .bg .boxes .box:hover .link svg g g:nth-child(4) path, .boxes-block .bg .boxes .box:hover .link svg g g:nth-child(6) path {
stroke: black;
}
.wp-block-column .boxes-block {
padding: 0;
}
body.single .boxes-block {
padding: 40px 0 0;
}
body.single .boxes-block .boxes {
padding: 0;
}
body.single .boxes-block:after {
display: none;
}
@media screen and (max-width: 844px) {
.boxes-block .bg .boxes {
padding: 0 20px !important;
display: block;
}
.boxes-block .bg .boxes .box {
width: 100%;
margin: 15px 0px;
}
}
.breadcrumbs-block {
z-index: 15;
padding: 10px 20px;
}
.breadcrumbs-block .dev {
top: -15px;
}
.breadcrumbs-block .rank-math-breadcrumb p {
display: flex;
flex-wrap: wrap;
gap: 2px;
}
.breadcrumbs-block .rank-math-breadcrumb p a {
text-transform: uppercase;
text-decoration: none;
font-size: 12px;
font-weight: 400;
}
.breadcrumbs-block .rank-math-breadcrumb p a:before {
content: "[";
margin-right: 2px;
margin-top: -1px;
color: var(--white);
}
.breadcrumbs-block .rank-math-breadcrumb p a:after {
content: "]";
margin-left: 2px;
margin-top: -1px;
color: var(--white);
}
.breadcrumbs-block .rank-math-breadcrumb p a:hover {
color: var(--white);
}
.breadcrumbs-block .rank-math-breadcrumb p span.separator {
display: none;
}
.breadcrumbs-block .rank-math-breadcrumb p span.last {
text-transform: uppercase;
text-decoration: none;
font-size: 12px;
font-weight: 400;
}
.breadcrumbs-block .rank-math-breadcrumb p span.last:before {
content: "[";
margin-right: 2px;
margin-top: -1px;
}
.breadcrumbs-block .rank-math-breadcrumb p span.last:after {
content: "]";
margin-left: 2px;
margin-top: -1px;
}
.call-action-block {
background: var(--white) url(//www.solacecomms.com/wp-content/themes/comms/images/map.jpg) no-repeat center center;
background-size: cover;
padding: 80px 0;
z-index: 10;
}
.call-action-block .intro {
color: var(--shadow);
text-align: center;
padding: 0 0 30px 0;
}
.call-action-block .intro h3 {
font-size: 36px;
margin-top: 0;
}
.call-action-block .intro h3 span {
color: var(--aero);
}
.call-action-block .intro p {
font-weight: 400;
}
.call-action-block .ctos {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 80px;
}
.call-action-block .ctos .cto {
flex: 1 1 20%;
color: var(--shadow);
text-align: center;
}
.call-action-block .ctos .cto .icon {
background-color: var(--shadow);
height: 120px;
width: 120px;
border-radius: 20px;
margin: 0 auto;
margin-bottom: 25px;
}
.call-action-block .ctos .cto .icon img {
width: 70px;
}
.call-action-block .ctos .cto h4 {
font-family: "Istok Web", sans-serif;
max-width: 80%;
text-align: center;
font-weight: 200;
font-size: 26px;
line-height: 30px;
color: var(--aero);
margin: 0 auto;
}
.call-action-block .ctos .cto p {
font-weight: 400;
}
@media screen and (max-width: 844px) {
.call-action-block .intro {
padding: 0 40px 30px;
}
.call-action-block .intro h3 {
line-height: 40px;
}
.call-action-block .ctos .cto {
flex: 1 1 100%;
padding: 0 40px;
}
}
.casestudies-overview-block {
padding: 1px 0 60px !important;
}
.casestudies-overview-block .breadcrumbs-block {
padding: 0 60px 5px !important;
}
.casestudies-overview-block .wrapper .intro {
padding: 0 40px;
box-sizing: border-box;
}
.casestudies-overview-block .wrapper .boxes {
margin-top: 50px;
}
.casestudies-overview-block .wrapper .boxes .box {
flex: 1 1 100% !important;
text-decoration: none;
}
.casestudies-overview-block .wrapper .boxes .box .container {
position: relative !important;
bottom: auto !important;
padding: 40px 40px 40px 60px !important;
width: 60%;
}
.casestudies-overview-block .wrapper .boxes .box .inner {
min-height: inherit !important;
display: flex;
flex-wrap: wrap;
padding: 0 !important;
height: calc(100% - 2px);
}
.casestudies-overview-block .wrapper .boxes .box .inner img {
width: 25%;
height: 100%;
object-fit: cover;
object-position: center;
}
.casestudies-overview-block .wrapper .boxes .box:hover:after {
height: 1000px !important;
width: 1000px;
left: 0;
bottom: 0;
}
@media screen and (max-width: 844px) {
.casestudies-overview-block .breadcrumbs-block {
padding: 0 20px !important;
}
.casestudies-overview-block .wrapper .intro {
padding: 0;
}
.casestudies-overview-block .wrapper .boxes .box .inner img {
width: 100%;
height: 200px;
}
.casestudies-overview-block .wrapper .boxes .box .container {
max-width: 100% !important;
padding: 40px !important;
width: 100%;
}
}
.casestudies-block, .casestudies-overview-block {
padding: 50px 0 60px;
background: var(--aero);
background: linear-gradient(145deg, var(--aero) 0%, var(--shadow) 100%);
position: relative;
z-index: 9;
}
.casestudies-block .wrapper h2, .casestudies-overview-block .wrapper h2 {
font-size: 32px;
}
.casestudies-block .wrapper .note, .casestudies-overview-block .wrapper .note {
padding: 20px 50px;
font-size: 14px;
}
.casestudies-block .wrapper .boxes, .casestudies-overview-block .wrapper .boxes {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.casestudies-block .wrapper .boxes .box, .casestudies-overview-block .wrapper .boxes .box {
flex: 1 1 45%;
border-radius: 21px;
overflow: hidden;
position: relative;
color: var(--white);
transition: all 0.3s ease-in-out;
background-color: var(--shadow);
text-decoration: none;
}
.casestudies-block .wrapper .boxes .box:before, .casestudies-overview-block .wrapper .boxes .box:before {
content: "";
background: transparent url(//www.solacecomms.com/wp-content/themes/comms/images/file.svg) no-repeat center center;
background-size: cover;
width: 40px;
height: 40px;
position: absolute;
top: 30px;
right: 30px;
z-index: 20;
}
.casestudies-block .wrapper .boxes .box img, .casestudies-overview-block .wrapper .boxes .box img {
width: 100%;
height: 100%;
z-index: 1;
object-fit: cover;
transition: opacity 0.3s ease-in-out;
}
.casestudies-block .wrapper .boxes .box .inner, .casestudies-overview-block .wrapper .boxes .box .inner {
margin: 1px;
padding: 25px;
background: #222;
color: #fff;
border-radius: 20px;
z-index: 10;
position: relative;
transition: all 0.3s ease-in-out;
}
.casestudies-block .wrapper .boxes .box .container, .casestudies-overview-block .wrapper .boxes .box .container {
z-index: 2;
max-width: 75%;
transition: all 0.3s ease-in-out;
padding: 20px;
}
.casestudies-block .wrapper .boxes .box .container img, .casestudies-overview-block .wrapper .boxes .box .container img {
position: absolute;
object-fit: cover;
top: 0;
left: 0;
width: 45px;
height: 45px;
}
.casestudies-block .wrapper .boxes .box .container h3, .casestudies-overview-block .wrapper .boxes .box .container h3 {
font-family: "Inter", sans-serif;
font-weight: 300;
margin-bottom: 5px;
font-size: 27px;
margin-top: 0;
margin-bottom: 15px;
}
.casestudies-block .wrapper .boxes .box .container p, .casestudies-overview-block .wrapper .boxes .box .container p {
font-size: 14px;
line-height: 21px;
margin: 5px 0;
}
.casestudies-block .wrapper .boxes .box .container .rm, .casestudies-overview-block .wrapper .boxes .box .container .rm {
margin-top: 20px;
}
.casestudies-block .wrapper .boxes .box:hover, .casestudies-overview-block .wrapper .boxes .box:hover {
background-color: var(--shadow) !important;
}
.casestudies-block .wrapper .boxes .box:hover:after, .casestudies-overview-block .wrapper .boxes .box:hover:after {
content: "";
opacity: 0;
display: block;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 50%, rgba(255, 255, 255, 0) 100%);
height: 500px;
width: 100%;
transform: translate(0);
position: absolute;
animation: rotate 5s linear forwards infinite;
top: 50%;
transform-origin: top center;
z-index: 5;
}
.casestudies-block .wrapper .boxes .box:hover .rm, .casestudies-overview-block .wrapper .boxes .box:hover .rm {
padding: 15px 150px 15px 50px;
}
.casestudies-block .wrapper .boxes .box:hover:after, .casestudies-overview-block .wrapper .boxes .box:hover:after {
opacity: 1 !important;
}
.casestudies-block .wrapper .boxes .box:hover .inner, .casestudies-overview-block .wrapper .boxes .box:hover .inner {
background-color: var(--shadow) !important;
border-color: white !important;
}
.casestudies-block .wrapper .boxes .box:nth-child(2n), .casestudies-overview-block .wrapper .boxes .box:nth-child(2n) {
background-color: var(--sea);
}
.casestudies-block .wrapper .boxes .box:nth-child(2n) .inner, .casestudies-overview-block .wrapper .boxes .box:nth-child(2n) .inner {
background-color: var(--sea);
border-color: var(--sea);
}
.casestudies-block .wrapper .boxes .box:nth-child(3n), .casestudies-overview-block .wrapper .boxes .box:nth-child(3n) {
background-color: var(--aero);
}
.casestudies-block .wrapper .boxes .box:nth-child(3n) .inner, .casestudies-overview-block .wrapper .boxes .box:nth-child(3n) .inner {
background-color: var(--aero);
border-color: var(--aero);
}
.casestudies-block .wrapper .boxes .box:nth-child(4n), .casestudies-overview-block .wrapper .boxes .box:nth-child(4n) {
background-color: var(--shadow);
}
.casestudies-block .wrapper .boxes .box:nth-child(4n) .inner, .casestudies-overview-block .wrapper .boxes .box:nth-child(4n) .inner {
background-color: var(--shadow);
border-color: var(--shadow);
}
.casestudies-block .wrapper .boxes a.box:hover img, .casestudies-overview-block .wrapper .boxes a.box:hover img {
opacity: 0.5;
}
.casestudies-block .wrapper .boxes a.box:hover .container img, .casestudies-overview-block .wrapper .boxes a.box:hover .container img {
opacity: 1;
}
@keyframes rotate {
0% {
opacity: 0;
transform: rotate(0);
}
20% {
opacity: 1;
transform: rotate(72deg);
}
80% {
opacity: 1;
transform: rotate(288deg);
}
100% {
opacity: 0;
transform: rotate(360deg);
}
}
@media screen and (max-width: 844px) {
.casestudies-block .boxes .box {
flex: 1 1 100% !important;
}
.casestudies-block .boxes .box .container .rm {
padding: 15px 75px 15px 30px !important;
}
.casestudies-block .wrapper .note {
padding: 20px;
}
}
[data-type="acf/contact"] .contact-block {
min-height: 38px;
background-color: #f7f7f7;
}
[data-type="acf/contact"] .contact-block:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
background-color: transparent;
z-index: 100;
top: 0;
}
.contact-block {
background-color: #131313;
position: relative;
z-index: 5;
}
.contact-block h1 {
margin-top: 18px;
}
.contact-block #map {
width: 100%;
height: 1100px;
min-height: 1400px;
}
.contact-block .content {
display: flex;
flex-wrap: wrap;
margin: 0 auto;
background-color: var(--shadow);
border-radius: 10px 10px 0 0;
box-sizing: border-box;
padding: 70px 100px;
justify-content: space-between;
position: relative;
margin-top: -900px;
z-index: 10;
}
.contact-block .content .col {
width: 60%;
}
.contact-block .content .col p strong {
font-size: 18px;
margin-top: 10px;
display: inline-block;
width: 100%;
}
.contact-block .content .col .contact .address p {
color: var(--steel);
line-height: 23px;
}
.contact-block .content .col .contact p {
margin: 0 0 21px;
}
.contact-block .content .col .contact p a {
display: block;
}
.contact-block .content .col .contact p.note {
font-size: 12px;
line-height: 18px;
margin: 40px 0 30px;
}
.contact-block .content .col .contact p.communications {
color: var(--steel);
font-size: 12px;
}
.contact-block .content .col .info {
display: none;
}
.contact-block .content .col .info.active {
display: block;
}
.contact-block .content .col select {
padding: 20px 0;
width: 100%;
box-sizing: border-box;
border: none;
border-bottom: 1px solid #757575;
font-family: "Istok Web", sans-serif;
font-weight: 500;
outline-width: 0;
}
.contact-block .content .col form {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
position: relative;
padding: 0 0 20px;
}
.contact-block .content .col form label {
width: 48%;
display: inline-block;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
color: var(--white);
padding: 0;
margin: 25px 0 0;
}
.contact-block .content .col form label span {
width: 100%;
display: inline-block;
margin-top: 15px;
}
.contact-block .content .col form label span input {
box-sizing: border-box;
padding: 20px;
width: 100%;
box-sizing: border-box;
border: 1px solid var(--steel);
border-radius: 8px;
background-color: var(--shadow);
transition: background-color 0.3s ease-in-out;
color: var(--white);
}
.contact-block .content .col form label span input:focus {
border-color: var(--white);
outline: none;
}
.contact-block .content .col form label span select {
box-sizing: border-box;
padding: 20px;
width: 100%;
box-sizing: border-box;
border: 1px solid #757575;
border-radius: 5px;
background: transparent url(//www.solacecomms.com/wp-content/themes/comms/images/arrow-down.svg) no-repeat 95% center;
background-size: 20px;
transition: background-color 0.3s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
}
.contact-block .content .col form label span textarea {
padding: 20px;
width: 100%;
background-color: var(--shadow);
box-sizing: border-box;
border: 1px solid var(--steel);
border-radius: 8px;
color: var(--white);
}
.contact-block .content .col form label span textarea:focus {
border-color: var(--white);
outline: none;
}
.contact-block .content .col form label .wpcf7-not-valid-tip {
font-size: 12px;
margin: 5px 0;
padding: 0;
display: inline-block;
}
.contact-block .content .col form label .wpcf7-radio {
margin: 0;
}
.contact-block .content .col form label .wpcf7-radio .wpcf7-list-item {
display: flex;
margin: 5px 0;
}
.contact-block .content .col form label .wpcf7-radio .wpcf7-list-item input[type=radio] {
width: 25px;
}
.contact-block .content .col form label .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {
margin-top: 0;
width: auto;
}
.contact-block .content .col form label .wpcf7-checkbox {
margin: 0;
}
.contact-block .content .col form label .wpcf7-checkbox .wpcf7-list-item {
margin-top: 0;
}
.contact-block .content .col form label .wpcf7-checkbox label {
margin: 0;
}
.contact-block .content .col form label .wpcf7-checkbox label input[type=checkbox] {
width: 25px;
}
.contact-block .content .col form label.full {
width: 100%;
}
.contact-block .content .col form input[type=submit] {
border-color: var(--white);
color: var(--white);
margin: 40px 0 20px;
background: transparent url(//www.solacecomms.com/wp-content/themes/comms/images/arrow-thin.svg) no-repeat 92% center;
background-size: 46px;
}
.contact-block .content .col form input[type=submit]:hover {
border-color: var(--solace-orange);
background-color: var(--solace-orange);
padding: 15px 140px 15px 50px;
cursor: pointer;
}
.contact-block .content .col form .wpcf7-response-output {
width: 100%;
text-align: center;
border: none;
padding: 0;
position: relative;
bottom: 0;
margin: 0;
font-family: "Istok Web", sans-serif;
color: var(--solace-orange);
}
.contact-block .content .col form .wpcf7-spinner {
position: absolute;
bottom: 14px;
left: 50%;
transform: translate(-50%, 0);
}
.contact-block .content .col p.disclaimer {
font-size: 12px;
line-height: 20px;
color: #0A2433;
margin: 0;
padding: 0;
}
.contact-block .content .col .social {
margin: 60px 0 0;
}
.contact-block .content .col:first-child {
width: 30%;
}
.wp-block-columns .contact-block {
padding: 0;
}
@media screen and (max-width: 844px) {
.contact-block {
background-color: #38486d;
}
.contact-block .content {
padding: 20px;
width: 90%;
}
.contact-block .content .col {
width: 100% !important;
}
.contact-block .content .col form label {
width: 100%;
}
}
.enquire-block {
background-color: var(--shadow);
min-height: 400px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.enquire-block img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
}
.enquire-block .content {
max-width: 1520px;
display: flex;
flex-wrap: wrap;
gap: 5%;
z-index: 5;
padding: 0 200px;
}
.enquire-block .content .col {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
}
.enquire-block .content .col h4 {
font-size: 32px;
font-weight: 300;
margin: 0;
color: white;
}
.enquire-block .content .col p {
color: var(--steel);
margin-bottom: 0;
padding-bottom: 0;
}
.enquire-block .content .col a {
padding: 20px;
width: 100%;
font-size: 16px;
font-weight: 400;
text-align: center;
}
.enquire-block .content .col a:before {
left: 20px;
}
.enquire-block .content .col a:hover {
background-color: var(--amber);
}
.enquire-block .content .col:nth-child(1) {
flex: 1 1 70%;
}
.enquire-block .content .col:nth-child(2) {
flex: 1 1 20%;
}
.enquire-block #svg1 {
position: absolute;
top: 0;
left: -20px;
width: 400px;
height: 100%;
z-index: 3;
}
.enquire-block #svg1 path {
stroke: #dadada;
stroke-dasharray: 800;
stroke-dashoffset: 0;
fill: none;
stroke-width: 1;
stroke-linecap: round;
stroke-linejoin: round;
animation: reveal 30s linear infinite;
}
.enquire-block #svg2 {
position: absolute;
top: 0;
right: -140px;
width: 400px;
height: 100%;
z-index: 3;
transform: rotate(180deg);
}
.enquire-block #svg2 path {
stroke: #dadada;
stroke-dasharray: 800;
stroke-dashoffset: 0;
fill: none;
stroke-width: 1;
stroke-linecap: round;
stroke-linejoin: round;
animation: reveal 30s linear infinite;
}
@keyframes reveal {
from {
stroke: #ffffff;
stroke-dashoffset: 500;
}
to {
stroke-dashoffset: 0;
stroke: white;
}
}
@media screen and (max-width: 844px) {
.enquire-block {
gap: 20px;
padding: 20px 40px;
}
.enquire-block #svg2 {
display: none;
}
.enquire-block .content {
padding: 0px;
}
.enquire-block .content .col {
gap: 20px;
}
.enquire-block .content .col p {
font-size: 12px;
font-weight: 400;
color: var(--white);
}
.enquire-block .content .col a {
margin-top: 30px;
}
}
.full-image-block {
position: relative;
background-color: var(--shadow);
}
.full-image-block img {
height: 50vh;
min-height: 450px;
display: block;
}
.full-image-block img.contain {
object-fit: contain;
}
.full-image-block p {
max-width: 1240px;
font-style: italic;
font-size: 14px;
position: absolute;
background-color: rgba(0, 0, 0, 0.355);
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
z-index: 10;
padding: 20px 40px;
color: white;
}
.key-results-block {
top: 20px;
}
.key-results-block .dev {
top: -40px;
}
.key-results-block .results-wrapper {
background-color: var(--shadow);
color: white;
padding: 30px;
box-sizing: border-box;
border-radius: var(--radius);
position: relative;
}
.key-results-block .results-wrapper h4 {
margin: 0 0 10px;
}
.key-results-block .results-wrapper .result {
padding: 10px 0;
box-sizing: border-box;
border-bottom: 1px solid var(--steel);
}
.key-results-block .results-wrapper .result:last-child {
border-bottom: none;
padding-bottom: 5px;
}
.key-results-block .related-h4 {
margin: 20px 30px 0;
font-weight: 400;
}
.key-results-block .related-wrapper {
display: flex;
flex-wrap: wrap;
margin: 10px 30px;
gap: 5px;
}
.key-results-block .related-wrapper .item {
background-color: var(--shadow);
text-decoration: none;
font-size: 14px;
color: var(--white);
padding: 10px 20px;
box-sizing: border-box;
border-radius: 4px;
transition: all 0.3s ease-in-out;
}
.key-results-block .related-wrapper .item:hover {
color: var(--amber) !important;
background-color: var(--shadow) !important;
padding: 10px 30px;
}
.key-results-block .related-wrapper .item:nth-child(1n+2) {
background-color: var(--aero);
}
.key-results-block .related-wrapper .item:nth-child(2n+2) {
background-color: var(--sea);
}
.product-block {
padding: 40px 20px 80px;
z-index: 15;
}
.product-block .dev {
top: -30px;
}
.product-block .intro h1 {
font-size: 50px;
letter-spacing: 2px;
font-family: "Inter", sans-serif;
font-weight: 200;
margin: 0;
padding: 0 0 5px;
}
.product-block .intro p.sub {
color: var(--steel);
letter-spacing: 1px;
padding: 5px 0 20px;
font-size: 21px;
text-transform: uppercase;
}
.product-block .intro p {
margin: 0;
padding: 8px 0;
font-size: 18px;
line-height: 23px;
}
.product-block .product-container {
display: flex;
flex-wrap: wrap;
min-height: auto;
gap: 5%;
}
.product-block .product-container .col {
flex: 1 1 47.5%;
padding: 20px 0;
}
.product-block .product-container .col img {
width: 90%;
margin: 0 auto;
display: block;
margin-bottom: 40px;
}
.product-block .product-container .col .benefits {
padding: 0 0 150px;
}
.product-block .product-container .col .benefits h2 {
position: relative;
color: var(--amber);
padding: 0 0 0 50px;
font-weight: 200;
font-family: "Inter", sans-serif;
font-size: 30px;
letter-spacing: 1px;
}
.product-block .product-container .col .benefits h2:before {
content: "";
position: absolute;
width: 45px;
height: 45px;
top: 50%;
left: 0;
transform: translate(0, -50%);
background: transparent url(//www.solacecomms.com/wp-content/themes/comms/images/shield-full.svg) no-repeat center center;
background-size: 45px;
}
.product-block .product-container .col .benefits p {
font-size: 18px;
line-height: 23px;
}
.product-block .product-container .col .benefits ul li {
padding: 5px 0;
font-size: 15px;
font-weight: 100;
}
.product-block .product-container .col .benefits a.btn {
display: inline-block;
margin-top: 10px;
padding: 20px 40px 20px 70px;
font-size: 15px;
font-weight: 500;
}
.product-block .product-container .col .benefits a.btn:before {
width: 24px;
height: 24px;
background-size: cover;
left: 25px;
}
.product-block .product-container .col .benefits a.btn:hover {
padding: 20px 60px 20px 80px;
}
.product-block .gallery {
display: flex;
flex-wrap: wrap;
gap: 30px;
margin-top: 50px;
position: relative;
z-index: 10;
}
.product-block .gallery img {
width: 160px;
height: 160px;
border-radius: 10px;
background-color: var(--shadow);
object-fit: cover;
transition: all 0.3s ease-in-out;
}
.product-block .gallery img:hover {
transform: scale(1.1);
}
@media screen and (max-width: 844px) {
.product-block .product-container .col {
flex: 1 1 100%;
padding: 10px 0;
}
.product-block .product-container .col .benefits {
padding: 0;
}
}
.products-services-overview-block {
background: var(--aero);
background: linear-gradient(145deg, var(--aero) 0%, var(--shadow) 100%);
padding: 0 0 80px;
position: relative;
}
.products-services-overview-block .pso-intro {
padding: 20px 20px 40px 20px;
}
.products-services-overview-block .pso-intro h1 {
padding: 0;
margin: 0;
}
.products-services-overview-block .pso-wrapper {
display: flex;
position: relative;
flex-wrap: wrap;
}
.products-services-overview-block .pso-wrapper .item {
width: calc(25% - 1px);
height: 300px;
border-top: 1px solid white;
border-bottom: 1px solid white;
border-right: 1px solid white;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-self: center;
text-decoration: none;
color: white;
position: relative;
transition: background 0.3s ease-in-out;
}
.products-services-overview-block .pso-wrapper .item:before {
content: "";
position: absolute;
width: 1px;
height: 100%;
left: -1px;
background-color: white;
}
.products-services-overview-block .pso-wrapper .item .cat {
position: absolute;
top: 11px;
right: -1px;
background-color: white;
color: var(--aero);
border-radius: 5px 0 0 5px;
font-size: 13px;
font-weight: 600;
padding: 6px 16px;
transition: all 0.3s ease-in-out;
}
.products-services-overview-block .pso-wrapper .item .cont {
padding: 20px 10% 40px;
text-align: center;
width: 100%;
}
.products-services-overview-block .pso-wrapper .item .cont h2 {
margin: 0 0 10px 0;
font-size: 24px;
line-height: 30px;
transition: all 0.3s ease-in-out;
}
.products-services-overview-block .pso-wrapper .item .cont p {
font-size: 14px;
transition: all 0.3s ease-in-out;
}
.products-services-overview-block .pso-wrapper .item .lm {
opacity: 0.7;
position: absolute;
bottom: 15px;
text-align: center;
width: 100%;
transition: all 0.3s ease-in-out;
}
.products-services-overview-block .pso-wrapper .item:hover {
background-color: white;
}
.products-services-overview-block .pso-wrapper .item:hover .cont {
color: var(--aero);
}
.products-services-overview-block .pso-wrapper .item:hover .cat {
background-color: var(--aero);
color: white;
}
.products-services-overview-block .pso-wrapper .item:hover .lm {
color: var(--aero);
}
.products-services-overview-block .pso-controls {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 15px;
position: relative;
}
.products-services-overview-block .pso-controls button {
border: 1px solid white;
border-radius: 10px;
background-color: transparent;
padding: 14px 30px;
color: white;
font-size: 16px;
transition: all 0.3s ease-in-out;
}
.products-services-overview-block .pso-controls button:hover {
background-color: white;
color: var(--aero);
cursor: pointer;
}
.products-services-overview-block .pso-controls button.mixitup-control-active {
background-color: white;
color: var(--aero);
cursor: pointer;
}
@media screen and (max-width: 844px) {
.products-services-overview-block .pso-wrapper .item {
width: calc(100% - 1px);
}
}
.services-block {
z-index: 13;
}
.services-block h2 {
font-size: 32px;
}
.services-block .boxes {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.services-block .boxes .box {
flex: 1 1 45%;
height: 280px;
border-radius: 20px;
overflow: hidden;
position: relative;
color: var(--white);
background-color: var(--black);
transition: all 0.3s ease-in-out;
}
.services-block .boxes .box img {
width: 100%;
height: 100%;
z-index: 1;
object-fit: cover;
transition: opacity 0.3s ease-in-out;
}
.services-block .boxes .box .container {
z-index: 2;
position: absolute;
bottom: 30px;
left: 40px;
max-width: 75%;
transition: all 0.3s ease-in-out;
padding: 0 0 0 60px;
}
.services-block .boxes .box .container img {
position: absolute;
object-fit: cover;
top: 0;
left: 0;
width: 45px;
height: 45px;
}
.services-block .boxes .box .container h3 {
font-family: "Inter", sans-serif;
font-weight: 300;
margin-bottom: 5px;
margin-top: 0;
}
.services-block .boxes .box .container p {
font-size: 15px;
margin: 5px 0;
}
.services-block .boxes .box:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 70%;
background: #000000;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
z-index: 1;
transition: all 0.3s ease-in-out;
}
.services-block .boxes a.box:hover {
transform: scale(1.05);
}
.services-block .boxes a.box:hover img {
opacity: 0.5;
}
.services-block .boxes a.box:hover .container {
padding: 0 0 10px 60px;
}
.services-block .boxes a.box:hover .container img {
opacity: 1;
}
.services-block .boxes .box:nth-child(1) {
flex: 1 1 100%;
}
.services-block .boxes .box:nth-child(1) .container {
max-width: 40%;
}
@media screen and (max-width: 844px) {
.services-block .boxes .box {
flex: 1 1 100%;
height: auto;
}
.services-block .boxes .box .container {
left: 20px;
max-width: calc(90% - 80px) !important;
}
.services-block .boxes .box > img {
min-height: 450px;
}
}
.slider-block {
overflow: hidden;
z-index: 10;
}
.slider-block .fade-slider {
position: absolute;
height: 60px;
width: 100%;
background: #000000;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
z-index: 1;
}
.slider-block .grid-slider {
z-index: 10;
position: relative;
}
.slider-block .grid-slider .line {
width: 100vw;
height: 1px;
background-color: rgba(255, 255, 255, 0.05);
position: absolute;
overflow: hidden;
}
.slider-block .grid-slider .line .pulse {
width: 60px;
height: 1px;
background-color: white;
position: absolute;
filter: blur(4px);
left: -10%;
animation-name: pulse2;
animation-duration: 6.5s;
animation-iteration-count: infinite;
}
.slider-block .grid-slider .line:nth-child(1) {
top: 200px;
}
.slider-block .grid-slider .line:nth-child(2) {
top: 480px;
}
.slider-block .slider .slide .content {
background-color: rgba(0, 0, 0, 0.185);
backdrop-filter: blur(1px);
position: absolute;
bottom: 0;
padding: 50px 70px;
box-sizing: border-box;
left: 50%;
transform: translate(-50%, 0);
max-width: 1300px;
height: 25vh;
max-height: 380px;
min-height: 380px;
width: 100%;
}
.slider-block .slider .slide .content h1 {
max-width: 60%;
line-height: 42px;
font-size: 40px;
font-weight: 200;
font-family: "Inter", sans-serif;
}
.slider-block .slider .slide .content h1 > span {
overflow: hidden;
}
.slider-block .slider .slide .content p {
font-size: 16px;
line-height: 22px;
max-width: 75%;
opacity: 0;
transition: opacity 0.3s ease-in-out;
transition-delay: 1s;
}
.slider-block .slider .slide .content .buttons {
margin-top: 40px;
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.slider-block .slider .slide .content .buttons a {
background-color: transparent;
border: 1px solid white;
color: white;
}
.slider-block .slider .slide .content .buttons a:before {
filter: invert(1);
}
.slider-block .slider .slide .content .buttons a:hover {
background-color: var(--white);
border: 1px solid var(--white);
color: var(--black);
padding: 13px 50px 13px 60px;
}
.slider-block .slider .slide .content .buttons a:hover:before {
filter: invert(0);
}
.slider-block .slider button {
position: absolute;
}
.slider-block .slider .slick-dots {
z-index: 20;
position: absolute;
bottom: 20px;
display: flex;
flex-wrap: wrap;
align-items: flex-end;
margin: 0;
padding: 0;
gap: 10px;
left: 50%;
transform: translateX(-50%);
max-width: 1200px;
padding: 0 20px;
width: 100%;
}
.slider-block .slider .slick-dots li {
width: 30px;
height: 3px;
border-radius: 4px;
background-color: var(--white);
display: inline-block;
opacity: 0.5;
transition: all 0.2s ease-in-out;
}
.slider-block .slider .slick-dots li button {
display: none;
}
.slider-block .slider .slick-dots li.slick-active {
opacity: 1;
}
.slider-block .slider .slick-dots li:hover {
height: 6px;
border-radius: 2px;
cursor: pointer;
}
.slider-block .slider.small .slide .content {
max-height: 135px;
min-height: 120px;
}
.slider-block .slider.small .slide .content p, .slider-block .slider.small .slide .content .buttons {
display: none;
}
.slider-block .slider.slick-initialized .slick-slide .content p {
opacity: 1;
}
@keyframes pulse2 {
0% {
left: -10%;
}
100% {
left: 110%;
}
}
@media screen and (max-width: 844px) {
.slider-block .slider {
max-height: 80vh;
height: 80vh;
}
.slider-block .slider .slide .content {
top: 50%;
padding: 50px 40px;
transform: translate(-50%, -50%);
}
.slider-block .slider .slide .content h1 {
max-width: 100%;
font-size: 32px;
line-height: 34px;
font-weight: 400;
}
.slider-block .slider .slide .content p {
font-weight: 400;
}
.slider-block .slider .slide img {
max-height: 80vh;
height: 80vh;
}
.slider-block .slider.small {
max-height: 250px;
height: 40vh;
}
.slider-block .slider.small img {
max-height: 250px;
height: 40vh;
}
}
[data-type="core/spacer"] .components-resizable-box__container {
background-color: #f7f7f7;
}