.mobile-offcanvas .wpfFilterWrapper .wpfCheckbox label::before {
border: 2px solid #a01c29 !important;
border-radius: 50% !important;
}
.page-id-6385 #department-product,
.page-id-6419 #department-product {
display: none;
}
.mobile-offcanvas .wpfFilterWrapper .wfpTitle {
font-size: 19px !important;
font-weight: 400 !important;
height: auto;
padding: 0;
margin: 0;
}
.related.products {
display: none;
}
.mobile-offcanvas .wpfFilterWrapper .wpfFilterTitle {
margin-bottom: 10px !important;
padding-bottom: 10px !important;
border-bottom: 2px solid #535d65 !important;
padding: 0;
margin: 0;
}
.mobile-offcanvas .wpfFilterWrapper .wpfFilterTaxNameWrapper {
color: #535d65 !important;
font-size: 15px !important;
font-weight: 400 !important;
}
.mobile-offcanvas
.wpfFilterWrapper
ul:not(.wpfFilterVerScroll)
.wpfCheckbox
label::before {
border-color: #535d65 !important;
}
#cookie-law-info-bar {
z-index: 1000000000000 !important;
}
body {
animation: fadeInAnimation ease 1.5s;
color: #535d65;
font-family: filson-pro, sans-serif;
font-weight: 400;
font-style: normal;
font-display: swap;
}
::selection {
background: #a01c29;
color: white;
}
::-moz-selection {
background: #a01c29;
color: white;
}
@keyframes fadeInAnimation {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeOutAnimation {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
a:focus { }
.mg-auto {
margin: 0 auto;
}
input:focus,
select:focus,
textarea:focus,
button:focus,
*:focus {
outline: none !important;
box-shadow: none !important;
}
.img-lg {
width: 100%;
margin-bottom: 30px;
}
button {
font-weight: 300;
}
button:hover {
cursor: pointer;
}
a:hover {
text-decoration: none;
color: #a01c29;
}
.red {
color: #a01c29;
}
.grey {
color: #535d65;
}
.white {
color: white;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #535d65;
font-family: filson-pro, sans-serif;
font-weight: 300;
font-style: normal;
margin-bottom: 1rem;
}
a,
p,
li {
color: #535d65;
font-family: filson-pro, sans-serif;
font-weight: 300;
font-size: 17px;
font-style: normal;
}
a {
text-decoration: none;
}
h1 {
font-size: 54px;
}
.p-l {
font-size: 20px;
}
.p-lg {
font-size: 24px;
} #mobile-header,
#ipad-header {
display: none;
}
header {
height: 21vh;
display: flex;
align-items: center;
position: relative;
padding-top: 8px;
}
body:not(.page-template-home-page) header::after {
content: "";
position: absolute;
height: 8px;
background-color: #a01c29;
top: 0;
left: 0;
width: 100%;
}
.page-template-home-page .barAnimation1::after {
content: "";
position: absolute;
height: 8px;
background-color: #a01c29;
top: 0;
left: 0;
width: 0%;
-webkit-animation: loadingBar 8s linear infinite; -moz-animation: loadingBar 8s linear infinite; -o-animation: loadingBar 8s linear infinite; animation: loadingBar 8s linear infinite;
}
@-webkit-keyframes loadingBar {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@-moz-keyframes loadingBar {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@-o-keyframes loadingBar {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@keyframes loadingBar {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
#menu-item-4631 > a {
cursor: default;
color: transparent !important;
}
#menu-item-181 {
position: relative;
}
#menu-item-181::after {
position: absolute;
right: 0;
top: calc(50% - 4px);
width: 12px;
height: 8px;
content: "";
background-image: url(//hsl.ie/wp-content/uploads/2021/12/dropdown-inactive.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
z-index: -1;
}
#bigDropdown {
height: 0vh;
overflow: hidden;
display: block;
background-color: white;
position: absolute;
top: 21vh;
left: 0;
right: 0;
bottom: 0;
z-index: 1000000000;
}
.bigDropdown {
display: flex;
flex-direction: column;
height: 100%;
}
.bigDropdownMenu {
height: 70%;
display: flex;
align-items: flex-start;
padding-bottom: 150px;
padding-top: 50px;
}
.bigDropdownBottom {
height: 30%;
background-color: #f1f2f3;
display: flex;
align-items: center;
position: relative;
}
.bigDropdownBottom::before {
content: "";
background-color: #a01c29;
width: 30%;
height: 3px;
position: absolute;
left: 0;
top: -40px;
}
.bigDropdownBottom::after {
content: "";
background-color: #535d65;
width: 30%;
height: 3px;
position: absolute;
right: 0;
top: 40px;
}
.subMenuContact {
display: flex;
align-items: center;
position: relative;
width: fit-content;
}
.subMenuContact img {
position: absolute;
bottom: 0;
max-width: 250px;
left: calc(100% + 50px);
}
.subMenuContact p {
margin-bottom: 0;
margin-right: 30px;
}
#menu-item-193 > a[href=""] {
display: none;
}
#menu-sub-menu {
flex-direction: row;
}
#menu-sub-menu > li {
width: calc(25% - 50px);
margin-right: 50px;
}
#menu-sub-menu > li > a::after {
display: none;
}
#menu-sub-menu .dropdown-toggle {
animation: none !important;
font-size:20px;
}
#menu-sub-menu .dropdown-toggle:hover {
color: #a01c29;
}
#menu-sub-menu .dropdown-menu {
display: block;
border: none;
border-radius: 0;
position: static !important;
transform: none !important;
}
#menu-sub-menu .dropdown-item {
position: relative;
color: #535d65;
border-bottom: 2px solid transparent;
transition: 0.3s ease-in-out;
font-weight: 300;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 0;
padding-right: 30px;
white-space: normal;
font-size:14px;
}
#menu-sub-menu .dropdown-item:focus,
#menu-sub-menu .dropdown-item:hover {
transition: 0.3s ease-in-out;
border-bottom-color: #a01c29;
color: #535d65;
background-color: transparent;
}
#menu-sub-menu .dropdown-item.active,
.dropdown-item:active {
background-color: transparent;
color: #a01c29;
border-bottom-color: #a01c29;
transition: 0.3s ease-in-out;
}
#menu-sub-menu .dropdown-item::after {
position: absolute;
content: "";
background-image: url(//hsl.ie/wp-content/uploads/2022/01/mobile-menu-open-arrow_update.svg);
background-size: contain;
background-repeat: no-repeat;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 14px;
height: 14px;
} #menu-sub-menu #menu-item-4732 .dropdown-item::after,
#menu-sub-menu #menu-item-219 .dropdown-item::after,
#menu-sub-menu #menu-item-221 .dropdown-item::after {
background-image: url(//hsl.ie/wp-content/uploads/2022/01/mobile-menu-forward-arrow.svg);
width: 17px;
height: 17px;
animation: slide 1.5s infinite linear;
}
@keyframes slide {
0% {
right: 0;
}
50% {
right: 10px;
}
100% {
right: 0;
}
}
.navbar {
width: 100%;
margin: 0 auto;
}
.navbar-brand {
margin-right: 0;
width: 9%;
text-align: center;
}
.navbar-brand img {
height: auto;
z-index: 10000;
max-width: 100%;
}
.navbar-light .navbar-toggler {
font-size: 1;
padding: 10px;
border: none;
font-size: medium;
} #menu-main-menu {
width: 40%;
}
.navbar-nav.nav-last {
width: 40%;
justify-content: flex-end;
align-items: center;
}
.navbar-nav .nav-link {
font-weight: 400;
color: #535d65;
}
.navbar-nav .nav-link.active {
color: #a01c29;
}
.navbar-expand-xl .navbar-nav.nav-last .nav-link {
margin-left: 0;
margin-right: 12px;
padding-right: 0;
color: #535d65;
}
#menu-item-181 .nav-link {
padding-right: 20px !important;
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: 0;
padding-left: 0;
margin-left: 18px; border-bottom: 2px solid rgba(83, 93, 101, 0.16);
transition: 0.3s ease-in-out;
padding-bottom: 5px;
color: #535d65;
font-size: 14px;
}
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
border-bottom-color: #a01c29;
transition: 0.3s ease-in-out;
color: #535d65;
}
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show > .nav-link {
color: #a01c29;
}
.navbar-expand-xl .navbar-nav.nav-last .nav-link,
.navbar-expand-xl .navbar-nav.nav-last .nav-link:hover,
.navbar-expand-xl .navbar-nav.nav-last .nav-link:active {
border-bottom: none !important;
color: #535d65;
}
.ivc-overflow {
padding-bottom: 100px;
}
.ivc-mgbtm {
margin-bottom: 20px;
}
.ivc-mgtp {
margin-top: 20px;
}
.ivc-overflow h3 {
min-height: 66px;
}
.new-vid {
position: relative;
padding-bottom: 56.25%;
height: 0;
margin-top: 50px;
}
.new-vid video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
} .slider-image {
min-height: 800px;
background-position: center;
background-size: cover;
}
.single-slide {
display: flex;
}
.slider-image {
width: 50%;
}
.review-content {
width: 50%;
margin-top: 150px;
}
.review-content > div {
width: 64%;
margin: 0 auto;
}
.heading-title h1 {
color: #a01c29;
font-size: 37px;
}
.review-content p {
font-size: 20px;
}
.red-btn {
background: #a01c29;
padding: 10px 30px;
color: white;
border-color: #a01c29;
}
.grey-btn {
background: #535d65;
padding: 10px 30px;
color: white;
border-color: #535d65;
}
.white-btn {
background: #ffffff;
padding: 10px 30px;
color: #535d65;
border-color: #ffffff;
}
.black-btn {
background: #1a1b1c;
padding: 10px 30px;
color: white;
border-color: #1a1b1c;
}
.underline-btn {
border-bottom: 2px solid #a01c29;
padding-bottom: 3px;
width: fit-content;
margin: 0 auto;
}
button {
border: 2px solid;
transition: 0.3s;
}
button:hover {
transition: 0.3s;
}
.review-content div button {
margin-top: 15px;
}
.holding {
margin-top: 50px;
position: relative;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
background: transparent;
}
.owl-hero .owl-dots {
position: absolute;
left: 70px;
top: 220px;
display: flex;
flex-direction: column;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #000000;
}
.owl-theme .owl-dots .owl-dot span {
background: #a01c29;
}
.grey-box {
background: #535d65;
width: 300px;
height: 245px;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 20px;
position: absolute;
right: 40%;
bottom: 15%;
z-index: 10;
}
.grey-box p {
color: white;
font-size: 18px;
}
.grey-box a {
font-size: 12px;
width: fit-content;
}
.sales-btn {
position: absolute;
top: -24px;
right: 5%;
z-index: 10;
}
.home-intro {
padding: 50px 0;
}
.center {
text-align: center;
}
.home-intro .p-lg {
margin-bottom: 100px;
}
.home-intro a img {
margin-left: 5px;
transition: 0.3s;
}
.home-intro a:hover {
color: #a01c29;
}
.home-intro a:hover img {
margin-left: 15px;
transition: 0.3s;
}
.special-equip {
padding: 100px 0 250px 0;
margin-top: 50px;
background: rgba(83, 93, 101, 0.08);
}
.singe-prod h3 {
font-size: 22px;
padding-top: 15px;
}
.singe-prod,
.singe-prod img {
background-color: rgba(83, 93, 101, 0.08);
mix-blend-mode: multiply;
}
.singe-prod div {
background: #f3f3f4;
}
.singe-prod div a:hover p {
color: #a01c29;
}
.owl-special .owl-nav {
position: absolute;
top: -150px;
right: 0;
}
.featured-product {
margin-top: 50px;
}
.f-image {
background-position: center;
background-size: cover;
width: 350px;
height: 0;
padding-bottom: 23%;
position: absolute;
left: 0;
z-index: 10;
}
.f-row {
margin-top: -150px;
}
.f-col {
display: flex;
position: relative;
justify-content: flex-end;
}
.f-text {
background: #535d65;
color: white;
display: flex;
flex-direction: column;
justify-content: center;
padding: 75px 50px 75px 300px;
width: 90%;
position: relative;
top: -50px;
}
.f-text h2,
.f-text h3,
.f-text h5,
.f-text p,
.f-text li,
.f-text a {
color: white;
}
.f-text .black-btn {
position: absolute;
bottom: -22px;
z-index: 1000;
}
.in-stock {
display: flex;
align-items: center;
position: absolute;
bottom: 15px;
}
.in-stock p {
margin-bottom: 0;
margin-left: 5px;
}
.c-team {
position: absolute;
top: 20px;
right: 20px;
display: flex;
align-items: center;
white-space: nowrap;
}
.c-team:hover img {
transform: translateX(10px);
}
.c-team img {
margin-left: 5px;
transition: 0.3s ease-in-out;
}
.sm-width {
width: 80%;
}
.prod-sales {
width: 65%;
margin-bottom: 50px;
}
.justify-content-end {
justify-content: flex-end;
}
.blocks {
margin-top: 75px;
min-height: 800px;
}
.serv-box {
width: 33%;
height: 300px;
background: #a01c29;
}
.sq-box {
padding: 40px;
flex-direction: column;
justify-content: flex-end;
display: flex;
}
.sq-box h2 {
color: white;
}
.sq-box p {
color: white;
margin-bottom: 0;
}
.sq-box a:hover img {
left: 15px;
transition: 0.3s ease-in-out;
}
.sq-box a img {
position: relative;
left: 0;
margin-left: 5px;
transition: 0.3s ease-in-out;
}
.box-col {
display: flex;
justify-content: space-between;
position: relative;
}
.telehealth-box {
width: 40%;
height: 500px;
background-image: url(//hsl.ie/wp-content/uploads/2021/11/telehealth-box-2.png);
background-position: center;
background-size: cover;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: 75px;
mix-blend-mode: multiply;
}
.surveys-box {
width: 33%;
height: 400px;
background: #535d65;
align-items: flex-end;
text-align: right;
}
.brands-health h2 {
width: 50%;
}
.owl-partners-all .owl-stage {
display: flex;
align-items: center;
}
.owl-carousel.owl-partners-all .owl-item img {
max-height: 80px;
width: auto;
max-width: 100%;
}
.cta-box {
padding: 100px;
background: #535d65;
}
.grey-cta {
margin-top: 50px;
}
.cta-box h2 {
color: white;
}
.cta-box p {
color: white;
width: 65%;
margin-right: 50px;
float: left;
}
.brands-health {
margin-bottom: 75px;
}
#news-header.home-news-header .news-header h2 {
margin-bottom: 40px;
}
#news-header.home-news-header .news-header-owl {
display: flex;
}
.home-news .blog-btn {
position: initial;
}
.owl-home-news.owl-theme .owl-nav {
margin-top: 0;
position: absolute;
top: 0;
right: calc(40% - 179px);
}
.owl-home-news.owl-theme .owl-nav > button:first-of-type {
margin-left: 0;
} #careers-header {
margin-top: 75px;
}
#careers-partners {
margin: 100px 0;
}
#current-vacancies {
margin: 50px 0;
}
.vacancy.none {
width: 40%;
margin: 0 25px;
}
.vacancy.none .vacancy-slider-text {
margin-top: 0px;
padding-top: 150px;
}
.vacancy.none .vacancy-slider-text p {
color: #535d65;
margin-bottom: 1rem;
}
.vacancy {
padding: 0 50px 50px 50px;
background-color: #f1f2f3;
height: 100%;
}
.vacancy > p {
color: white;
background-color: #a01c29;
width: 100%;
text-align: center;
padding: 5px 0;
}
.vacancy > button {
width: 100%;
margin-bottom: 1rem;
}
.vacancy > a > button {
width: 100%;
}
.vacancy-slider-text {
margin-top: 50px;
}
.vacancy-slider-text p:first-of-type {
color: #a01c29;
margin-bottom: 0;
}
.vacancy-slider-text h3 {
margin-bottom: 0;
min-height: 100px;
}
.owl-carousel.owl-vacancies .owl-item .vacancy {
margin: 0 25px;
}
.owl-carousel.owl-vacancies {
margin-top: 82px;
}
.owl-carousel.owl-vacancies .owl-nav {
position: absolute;
bottom: calc(100% + 25px);
right: 25px;
}
.owl-carousel.owl-vacancies .owl-nav button.owl-next {
margin-left: 10px;
}
.modal-content {
background-color: #f1f2f3;
}
.modal-dialog {
max-width: 70%;
}
.modal.fade:not(.show) {
display: none;
}
.modal-title {
text-align: center;
line-height: 1;
}
.modal-body {
margin: 0 auto;
padding: 100px;
text-align: left;
}
.modal.fade.show {
display: flex !important;
justify-content: center;
}
.popup-close {
width: fit-content;
padding: 1px 10px 2px 10px;
border-radius: 30px;
background-color: #a01c29;
color: white;
position: absolute;
top: 35px;
right: 35px;
z-index: 1000;
}
.popup-header {
display: flex;
justify-content: space-between;
align-items: flex-end;
border-bottom: 2px solid #535d65;
margin-bottom: 30px;
padding: 30px 0;
}
.popup-header .model-title:first-of-type {
width: 20%;
}
.popup-header .model-title:nth-of-type(2) {
width: 60%;
text-align: center;
}
.popup-header .model-title:last-of-type {
width: 20%;
text-align: end;
}
#privacy-notice {
margin: 50px 0;
}
#privacy-notice p {
margin-bottom: 0;
}
#careers-form {
margin: 50px 0 100px 0;
}
.careers-form {
position: relative;
}
.careers-form > p {
position: absolute;
left: 0;
top: 40px;
font-size: 12px;
}
.careers-form h2 {
margin-bottom: 40px;
} .services-hero {
width: 92%;
margin: 0 auto;
background-color: #f1f2f3;
padding: 200px 0 150px 0;
position: relative;
}
.support-hero.services-hero {
padding: 200px 0 100px 0;
}
.services-intro {
padding-top: 75px;
}
.support-back {
position: relative;
padding-bottom: 75px;
margin-top: 30px;
}
.services-title {
width: 40%;
}
.img-button {
position: absolute;
top: 30px;
right: 0;
max-width: 52%;
overflow: hidden;
}
.img-button img {
max-height: 540px;
}
.page-template-departments-services-alt .img-button img:last-of-type,
.page-template-departments-services .img-button img:last-of-type {
display: none;
}
.img-button .red-btn {
position: absolute;
right: 130px;
top: 30px;
}
.opening-cs {
display: flex;
align-items: center;
position: absolute;
top: 25px;
left: 25px;
z-index: 1000;
}
.opening-cs p {
margin-bottom: 0;
line-height: 1;
}
.opening-cs img {
margin-right: 10px;
}
.opening-cs div p:first-of-type {
font-size: 10px;
}
.opening-cs a {
display: flex;
align-items: center;
}
.red-line {
width: 600px;
position: absolute;
bottom: 20px;
right: 40%;
background: #a01c29;
height: 3px !important;
color: #a01c29;
border-color: #a01c29;
opacity: 1;
} #servFourPoints {
margin-top: 75px;
}
.servFourPoints {
display: flex;
}
.servFourPoints > div {
width: 21.25%;
margin-right: 5%;
padding-bottom: 20px;
border-bottom: 2px solid #e5e5e5;
}
.servFourPoints > div:last-of-type {
margin-right: 0;
}
#servMainChallenges {
padding: 100px 0 250px 0;
margin-top: 50px;
background: rgba(83, 93, 101, 0.08);
}
#support-grey {
margin-top: 75px;
margin-bottom: 250px;
padding: 75px 0;
height: 600px;
background-color: rgba(83, 93, 101, 0.08);
background-image: url(//hsl.ie/wp-content/uploads/2021/12/grey-section-machine.png);
background-position: center left;
background-size: auto 90%;
background-repeat: no-repeat;
background-blend-mode: multiply;
}
.support-text {
position: relative;
margin-top: 50px;
}
.support-text > img {
position: absolute;
right: 0;
top: -25px;
z-index: -1;
}
.support-text > div {
padding: 75px;
padding-bottom: 50px;
background-color: white;
margin-left: auto;
margin-right: 100px;
width: 60%;
position: relative;
box-shadow: 0px -5px 20px lightgrey;
}
.support-text > div .red-btn {
position: absolute;
bottom: -25px;
left: 75px;
}
.support-text > div > p:first-of-type {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 2px solid #f1f2f3;
}
.support-text > div > p:last-of-type {
font-size: 14px;
margin-bottom: 0;
}
.support-text .points {
display: flex;
flex-wrap: wrap;
margin-bottom: 50px;
}
.support-text .point {
display: flex;
align-items: center;
width: 50%;
margin-bottom: 1rem;
}
.support-text .point p {
margin-bottom: 0;
}
.support-text .point img {
margin-right: 10px;
}
#support-mid-text {
margin-top: 75px;
}
#support-mid-box {
margin-top: 125px;
margin-bottom: 100px;
}
.support-mid-box {
background-color: #f1f2f3;
padding: 150px 100px 75px 100px;
text-align: center;
position: relative;
}
.support-mid-box .red-btn {
position: absolute;
left: 50%;
top: 100%;
transform: translate(-50%, -50%);
}
.support-mid-box img {
position: absolute;
left: 50%;
top: 0%;
transform: translate(-50%, -50%);
} #frameworks-header {
width: 92%;
margin: 0 auto;
background: rgb(83, 15, 22);
background: -moz-linear-gradient(
137deg,
rgba(83, 15, 22, 1) 0%,
rgba(160, 28, 41, 1) 64%,
rgba(160, 28, 41, 1) 100%
);
background: -webkit-linear-gradient(
137deg,
rgba(83, 15, 22, 1) 0%,
rgba(160, 28, 41, 1) 64%,
rgba(160, 28, 41, 1) 100%
);
background: linear-gradient(
137deg,
rgba(83, 15, 22, 1) 0%,
rgba(160, 28, 41, 1) 64%,
rgba(160, 28, 41, 1) 100%
);
margin-bottom: 75px;
position: relative;
}
#frameworks-header > img {
position: absolute;
bottom: -50px;
right: 75px;
}
.frameworks-header {
padding: 100px 0;
text-align: center;
}
.frameworks-header h1 {
color: white;
margin-bottom: 0;
}
#frameworks-intro {
margin-bottom: 75px;
}
#frameworks-intro h2 {
margin-bottom: 40px;
}
.frameworks-gb > .row,
.frameworks-roi > .row,
.frameworks-ni > .row {
margin-bottom: 35px;
}
.frameworks-gb > .row:last-of-type,
.frameworks-roi > .row:last-of-type,
.frameworks-ni > .row:last-of-type {
margin-bottom: 100px;
}
#frameworks-gb-title,
#frameworks-roi-title,
#frameworks-ni-title {
margin-bottom: 100px;
}
.frameworks-gb-title,
.frameworks-roi-title,
.frameworks-ni-title {
display: flex;
align-items: center;
margin-bottom: 30px;
}
.frameworks-gb-title > p,
.frameworks-roi-title > p,
.frameworks-ni-title > p {
margin-right: 25px;
white-space: nowrap;
margin-bottom: 0;
}
.frameworks-gb-title > span,
.frameworks-roi-title > span,
.frameworks-ni-title > span {
height: 2px;
width: 100%;
background-color: rgba(83, 93, 101, 0.1);
} .navigation.pagination .nav-links {
display: flex;
}
#news .news-post[sticky] {
display: none;
}
#news-header {
width: 92%;
margin: 0 auto;
background: rgba(83, 93, 101, 0.08);
position: relative;
}
.news-header {
position: relative;
top: 100px;
}
.news-header h1 {
margin-bottom: 40px;
}
.news-header > div {
display: flex;
}
.news-first-image {
width: 60%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.news-first-image > p {
position: absolute;
bottom: 15px;
right: 0;
padding-right: 50px;
background-color: #535d65;
color: white;
padding-left: 10px;
margin-bottom: 0;
}
.news-first-text {
padding: 75px 0;
width: 40%;
padding-left: 50px;
}
.news-first-text .red-btn {
padding: 10px 50px;
}
.news-first-text p:first-of-type {
color: #a01c29;
margin-bottom: 0;
}
#news {
margin-top: 175px;
} .news-post {
margin-bottom: 25px;
position: relative;
}
.news-post > a > div {
padding-bottom: 50px;
border-bottom: 2px solid #f0f0f0;
height: 100%;
}
.pagination {
justify-content: center;
}
.entry-title {
margin-bottom: 55px;
}
.blog-image {
height: 300px;
margin-bottom: 40px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.blog-btn {
position: absolute;
bottom: 50px;
color: #a01c29;
display: flex;
align-items: center;
white-space: nowrap;
}
.blog-btn img {
margin-left: 10px;
transition: 0.3s ease-in-out;
}
.news-post > a:hover .blog-btn img {
margin-left: 20px;
transition: 0.3s ease-in-out;
} #news-single {
width: 92%;
margin: 0 auto;
position: relative;
padding-top: 100px;
margin-bottom: 50px;
}
#news-single::after {
content: "";
background: rgba(83, 93, 101, 0.08);
position: absolute;
height: 500px;
top: 0;
left: 0;
right: 0;
}
.news-single {
text-align: center;
}
.news-single > h2 {
padding: 0 100px;
}
.news-single .post-categories {
padding-left: 0;
list-style: none;
}
.news-single .post-categories a {
color: #a01c29;
}
.news-single > div {
position: relative;
z-index: 10000;
}
.news-single > div img:first-of-type {
width: 100%;
}
.news-single > div img:nth-of-type(2) {
position: absolute;
right: -150px;
top: -50px;
z-index: -1;
}
.news-single > div img:nth-of-type(3) {
position: absolute;
left: -75px;
top: 100px;
z-index: -1;
}
.news-single-text blockquote {
padding-left: 20px;
border-left: 2px solid #a01c29;
} footer {
margin-top: 50px;
padding-top: 50px;
background-color: #f8f8f9;
}
footer > .container > .row:first-of-type {
display: none;
}
.socials a:last-of-type svg {
margin-left: 10px;
}
.socials svg path,
.socials svg rect {
transition: 0.3s ease-in-out;
}
.socials svg:hover path,
.socials svg:hover rect {
fill: #a01c29 !important;
}
.logo-socials {
display: flex;
justify-content: space-between;
align-items: center;
}
.logo-socials div {
width: 30%;
}
.logo-socials div:nth-child(2) {
text-align: center;
}
.logo-socials div:nth-child(3) {
text-align: right;
}
.f-locations {
margin-bottom: 50px;
margin-top: 75px;
columns: 5;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}
.f-loc-sin {
width: 18%;
}
.f-loc-sin p {
word-break: break-word;
}
.f-locations h3 {
color: #a01c29;
font-size: 22px;
}
.bottom-footer.mob {
display: none;
}
.bottom-footer {
padding-bottom:50px;
}
.bottom-footer .two-col {
display: flex;
justify-content: space-between;
padding: 50px 0 20px 0;
border-top: 2px solid rgba(83, 93, 101, 0.2);
}
footer .first a {
margin-right: 50px;
}
#wpcf7-f73-o1 {
position: relative;
}
#wpcf7-f73-o1 input.wpcf7-email {
width: 100%;
color: #a01c29;
}
#wpcf7-f73-o1 {
margin-top: 20px;
}
.sign-email {
background: #f8f8f9;
border: none;
padding: 15px;
}
.sign-email::placeholder {
color: #535d65;
}
.wpcf7 input.sign-btn {
width: auto !important;
background: #a01c29;
border: none;
color: white;
padding: 10px 50px;
font-weight: 300;
}
#mailchimp-singup {
margin: 100px 0;
}
.mailchimp-singup {
display: flex;
align-items: center;
}
.mailchimp-singup h3 {
white-space: nowrap;
margin-right: 50px;
font-size: 22px;
color: #a01c29;
margin-bottom: 0;
}
#mc_embed_signup,
.mc-field-group {
width: 100%;
}
#mc_embed_signup_scroll {
display: flex;
}
.mailchimp-input {
width: 100%;
background: #f8f8f8;
padding: 15px 25px;
border: none;
margin: 0px 0;
font-family: filson-pro, sans-serif;
color: #535d65;
font-size: 17px;
height: 65px;
}
.mailchimp-input::placeholder {
color: #535d65;
}
.mailchimp-button {
width: auto !important;
background: #a01c29;
border: none;
color: white;
padding: 10px 50px;
font-weight: 300;
font-size: 22px;
margin-left: 25px;
} .single-sitemap p {
margin-bottom: 1rem;
}
.sitemap-loop-posts,
.sitemap-loop-products {
margin-top: 50px;
}
.sitemap-cat {
display: flex;
flex-direction: column;
} .contact-overlay {
position: absolute;
top: 0;
bottom: 69px;
left: 0;
right: 0;
filter: blur(3px);
z-index: 10;
overflow: hidden;
transition: 0.4s ease-in-out;
}
.contact-overlay::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(255, 255, 255, 0.95);
z-index: 11;
opacity: 100%;
transition: 0.4s ease-in-out;
}
.contact-overlay.contact-fade::before {
opacity: 0%;
}
.overlay-title h3 {
margin-bottom: 40px;
}
.contact-content {
position: absolute;
top: 0;
bottom: 69px;
left: 0;
right: 0;
z-index: 100;
display: flex;
justify-content: center;
align-items: center;
}
.contact-content > a {
position: absolute;
bottom: 25px;
left: 50%;
transform: translateX(-50%);
}
.overlay-boxes {
columns: 3;
column-gap: 25px;
display: flex;
}
.overlay-boxes > a {
width: 100%;
}
.overlay-boxes > a > div {
padding: 75px 50px;
background-color: rgba(83, 93, 101, 0.08);
position: relative;
width: 100%;
text-align: center;
}
.overlay-boxes > a > div h4 {
font-size: 1.2rem;
}
.overlay-boxes > a > div > img.map {
margin-bottom: 25px;
}
.overlay-boxes > a > div .red-btn {
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, -50%);
white-space: nowrap;
}
.header-tabs {
display: flex;
justify-content: space-between;
}
#contact-section {
padding-top: 75px;
}
.nav-tabs {
margin-bottom: 50px;
border-bottom: 0;
}
.nav-tabs .nav-link:hover {
color: #a01c29;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
border-color: transparent;
color: #a01c29;
}
@keyframes shine {
0% {
background-position-x: 200%;
}
100% {
background-position-x: 0%;
}
}
.nav-tabs .nav-item.show .nav-link span,
.nav-tabs .nav-link.active span {
color: #a01c29;
background: linear-gradient(to right, #a01c29 0%, white 15%, #a01c29 30%);
background-size: 200% 100%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: shine 3s infinite linear;
animation-fill-mode: forwards;
text-decoration: none;
white-space: nowrap;
}
@-webkit-keyframes rise {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-50%);
}
100% {
transform: translateY(0);
}
}
@-moz-keyframes rise {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-50%);
}
100% {
transform: translateY(0);
}
}
@-o-keyframes rise {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-50%);
}
100% {
transform: translateY(0);
}
}
@keyframes rise {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-50%);
}
100% {
transform: translateY(0);
}
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
border-color: transparent;
}
.nav-tabs .nav-link.active img {
display: block;
transition: 0.3s;
margin: 0 auto;
padding-top: 5px;
}
.nav-tabs .nav-link {
color: #535d65;
}
.nav-tabs .nav-link img {
display: none;
transition: 0.3s;
}
.wc-block-product-search .wc-block-product-search__button,
.dgwt-wcas-no-submit .dgwt-wcas-ico-magnifier {
display: none;
}
.nav-item .search-button {
border: none;
background-color: transparent;
}
.nav-item .search-button img {
max-width: initial;
}
.nav-item .dgwt-wcas-sf-wrapp {
display: flex;
}
.nav-item .wp-block-search .wp-block-search__input,
.nav-item .wc-block-product-search .wc-block-product-search__field,
.dgwt-wcas-no-submit
.dgwt-wcas-sf-wrapp
input[type="search"].dgwt-wcas-search-input {
border: none;
font-family: filson-pro, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 15px;
color: #535d65;
padding: 5px;
}
.nav-item .wp-block-search .wp-block-search__input::placeholder,
.nav-item .wc-block-product-search .wc-block-product-search__field::placeholder,
.dgwt-wcas-no-submit
.dgwt-wcas-sf-wrapp
input[type="search"].dgwt-wcas-search-input::placeholder {
font-family: filson-pro, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 15px;
color: #535d65;
}
.details-form {
display: flex;
justify-content: space-between;
margin-top: 30px;
}
.con-details {
width: 33%;
}
.contact-form {
width: 66%;
}
.details-form h3,
.details-form h5 {
color: #a01c29;
}
.con-details h3 {
margin-bottom: 30px;
}
.con-details button h5 {
margin-bottom: 0;
white-space: nowrap;
}
.con-details button {
margin-bottom: 1rem;
display: flex;
align-items: center;
}
.con-details button img {
margin-left: 10px;
transition: 0.3s ease-in-out;
}
.con-details button:hover img {
transform: translateX(10px);
}
.message-us {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.new-contact-tab {
border: none;
padding: 0;
background-color: transparent;
text-align: start;
}
.send-spinner .wpcf7-spinner {
position: relative;
margin-top: 0;
}
.wpcf7 input {
width: 100%;
background: #f8f8f8;
padding: 10px 15px;
border: none;
margin: 10px 0;
font-family: filson-pro, sans-serif;
color: #535d65;
}
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
color: #535d65;
}
.wpcf7 textarea {
width: 100%;
background: #f8f8f8;
padding: 15px;
border: none;
color: #535d65;
font-family: filson-pro, sans-serif;
margin: 10px 0;
}
.wpcf7 select {
vertical-align: top;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
padding: 10px 15px;
color: #535d65;
border: none;
background-image: url(//hsl.ie/wp-content/uploads/2021/11/icon-arrow-down.svg);
background-repeat: no-repeat;
background-position: right 1.5em top 19px;
-moz-background-size: 1rem;
-o-background-size: 1rem;
-webkit-background-size: 1rem;
background-size: 0.7rem;
cursor: pointer;
width: 100%;
background-color: #f8f8f8;
font-family: filson-pro, sans-serif;
margin: 10px 0;
color: #535d65;
}
.accept-col label {
display: flex;
align-items: center;
}
.accept-col input {
width: auto !important;
margin-right: 10px !important;
}
.accept-col span p {
color: #535d65;
font-family: filson-pro, sans-serif;
margin-bottom: 0;
line-height: 1.1;
}
.wpcf7 input.c-form-btn {
background: #a01c29;
border: none;
color: white;
padding: 10px 0px;
font-size: 17px;
font-weight: 300;
}
.follow-us {
margin-top: 50px;
margin-bottom: 10px !important;
}
.wpcf7-acceptance .wpcf7-list-item {
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
} .about-intro {
margin-top: 100px;
}
.about-intro .red-btn {
margin-right: 10px;
}
.about-brands {
margin-top: 100px;
}
.about-brands .row {
margin-left: 150px;
}
#team {
padding-top: 100px;
}
.the-members {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.single-members {
width: 45%;
}
.single-members h4 {
margin-bottom: 5px;
}
.single-members img {
margin-bottom: 15px;
max-width: 100%;
}
.single-members {
margin-bottom: 40px;
}
.job-title {
color: #a01c29;
margin-bottom: 15px;
}
.mg-team {
margin-top: 10px;
margin-bottom: 20px;
}
.team-scroll {
position: -webkit-sticky;
position: sticky;
top: 30px;
margin-bottom: 40px;
}
.text-div {
margin-top: 100px;
}
#history {
padding-top: 100px;
}
.about-timeline-title {
display: flex;
text-align: center;
align-items: center;
flex-direction: column;
}
.about-timeline-title h2 {
font-size: 50px;
}
.about-timeline {
position: relative;
margin: 50px auto 0 auto;
padding-bottom: 100px;
width: 75%;
}
.about-timeline::before {
content: "";
background: #f0f0f0;
width: 3px;
height: 100%;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.timeline-item {
position: relative;
display: flex;
}
.timeline-img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 30px;
z-index: 10;
height: 20px;
width: 20px;
background-color: #f0f0f0;
}
.timeline-content {
position: relative;
width: 45%;
}
.about-timeline .timeline-item:nth-child(even) {
justify-content: flex-end;
}
.about-timeline .timeline-item:not(:first-of-type) {
margin-top: -100px;
}
.about-timeline .timeline-item:nth-child(odd) .timeline-content {
padding-right: 50px;
}
.about-timeline .timeline-item:nth-child(even) .timeline-content {
padding-left: 50px;
}
.about-timeline .timeline-item:first-of-type {
margin-top: 0px;
}
.timeline-box {
padding: 25px;
display: flex;
align-items: flex-end;
position: relative;
justify-content: center;
height: 300px;
margin-bottom: 1rem;
background-size: 80% 80%;
background-position: center;
background-repeat: no-repeat;
background-blend-mode: multiply;
}
.timeline-box > img {
position: absolute;
width: 60%;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
}
.timeline-box h3 {
font-size: 45px;
color: white;
}
.about-timeline-bottom {
text-align: center;
position: relative;
}
.about-timeline-bottom h2 {
margin-bottom: 0;
font-size: 50px;
}
.about-timeline-bottom::after {
content: "";
position: absolute;
left: 50%;
bottom: 100%;
transform: translateX(-50%);
border-radius: 30px;
z-index: 10;
height: 20px;
width: 20px;
background-color: #f0f0f0;
} .woocommerce-ordering {
display: none;
} .archive.search.search-results .shop-col-prods {
width: 100%;
}
.archive.search.search-results .shop-col-filter {
display: none;
}
#shop-hero {
width: 92%;
margin: 0 auto;
background-color: #f1f2f3;
padding: 75px 0;
position: relative;
margin-bottom: 125px;
}
#shop-hero > img {
position: absolute;
bottom: -50px;
right: 75px;
}
#shop-hero .red-btn {
position: absolute;
right: 37.5px;
top: 50%;
transform: translateY(-50%);
}
.shop-title {
text-align: center;
}
.shop-title .shop-title-search .wc-block-product-search__button {
display: none;
} .shop-title .dgwt-wcas-search-wrapp {
width: 35%;
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, -50%);
box-shadow: 0px 0px 30px -8px rgba(68, 68, 68, 0.6);
-moz-box-shadow: 0px 0px 30px -8px rgba(68, 68, 68, 0.6);
-webkit-box-shadow: 0px 0px 30px -8px rgba(68, 68, 68, 0.6);
padding: 15px 20px;
border-radius: 60px;
background-color: white;
}
.shop-title .search-button {
background-color: white;
border: none;
padding-left: 20px;
padding-right: 10px;
}
.shop-title-search .wc-block-product-search__field,
.shop-title
.dgwt-wcas-no-submit
.dgwt-wcas-sf-wrapp
input[type="search"].dgwt-wcas-search-input {
border: none;
font-size: 20px;
padding: 10px 20px 10px 0;
font-weight: 300;
line-height: 1.8;
height: auto;
}
.shop-title .dgwt-wcas-sf-wrapp {
display: flex;
align-items: center;
}
.shop-title
.dgwt-wcas-no-submit
.dgwt-wcas-sf-wrapp
input[type="search"].dgwt-wcas-search-input::placeholder {
font-size: 20px;
color: darkgray;
font-weight: 300;
line-height: 1.8;
}
.woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-breadcrumb a {
color: #535d65;
font-family: filson-pro, sans-serif;
font-weight: 300;
font-size: 17px;
font-style: normal;
}
.woocommerce .woocommerce-breadcrumb {
margin-bottom: 0;
color: #a01c29;
}
.zoo-title-filter-block {
padding-bottom: 10px;
border-bottom: 2px solid #535d65;
font-size: 19px;
margin-bottom: 10px !important;
}
.zoo-ln-toggle-block-view {
top: 0 !important;
}
.zoo-ln-toggle-view {
width: 25px !important;
height: 25px !important;
top: 0 !important;
right: 0 !important;
color: #535d65 !important;
}
.zoo-ln-toggle-view i {
width: 25px !important;
height: 25px !important;
}
.clever-icon-down:before {
content: "\c264" !important;
}
.zoo-ln-toggle-view.active i:before {
content: "\c261" !important;
}
.zoo-filter-item label,
.zoo-filter-item label:hover {
color: #535d65 !important;
font-size: 15px !important;
}
.zoo-filter-item {
padding-left: 1px;
}
.zoo-filter-item.zoo-filter-has-child {
padding-right: 25px;
}
.zoo-filter-block > .zoo-list-filter-item {
padding-left: 0px;
}
.zoo-filter-block > .zoo-list-filter-item ul {
margin: 0 !important;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
font-size: 24px;
}
.woocommerce ul.products li.product a img {
mix-blend-mode: multiply;
}
.view-product {
border-bottom: 2px solid #a01c29;
padding-bottom: 3px;
width: fit-content;
margin: 0 auto;
}
.woocommerce ul.products li.product a {
text-align: center;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
padding: 15px;
padding-top: 70px;
background-color: #f1f2f3;
}
.woocommerce .products ul,
.woocommerce ul.products {
display: flex;
flex-wrap: wrap;
} .woocommerce nav.woocommerce-pagination ul {
border: none;
}
.next.page-numbers,
.prev.page-numbers {
background-color: #a01c29 !important;
}
.next.page-numbers {
margin-left: 20px !important;
}
.prev.page-numbers {
margin-right: 20px !important;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.navigation.pagination .page-numbers {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 5px;
background-color: #f1f2f3;
border-radius: 50%;
}
.woocommerce .woocommerce-pagination ul.page-numbers li,
.woocommerce-page .woocommerce-pagination ul.page-numbers li {
border: none;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.navigation.pagination .page-numbers.current,
.navigation.pagination a.page-numbers:hover {
background-color: #535d65;
color: white;
}
.next.page-numbers {
margin-left: 20px;
}
.shop-single-logo p {
margin-bottom: 0;
font-size: 14px;
margin-right: 10px;
}
.shop-single-logo {
display: flex;
align-items: center;
position: absolute;
top: 15px;
right: 15px;
max-width: calc(100% - 30px);
}
.shop-single-logo img {
max-width: calc(100% - 31px) !important;
margin-left: 0px !important;
max-height: 30px;
transition: none !important;
transform: none !important;
width: auto !important;
margin-bottom: 0 !important;
mix-blend-mode: multiply;
}
.offcanvas-header {
display: none;
}
.screen-overlay {
height: 100%;
z-index: 30;
position: fixed;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
background-color: white;
transition: opacity 0.2s linear, visibility 0.1s, width 1s ease-in;
}
.screen-overlay.show {
transition: opacity 0.5s ease, width 0s;
opacity: 1;
width: 100%;
visibility: visible;
}
.filter-btn {
display: none;
}
.mobile-offcanvas {
background-color: white;
}
@media all and (max-width: 992px) {
.offcanvas-header {
display: block;
padding: 0;
position: initial;
text-align: right;
top: 50px;
right: 50px;
}
.filter-btn {
display: block;
margin-bottom: 1rem;
}
.mobile-offcanvas {
visibility: hidden;
transform: translateX(-100%);
border-radius: 0;
display: block;
position: fixed;
top: 0;
left: 0;
height: 100%;
z-index: 1200000;
width: 100%;
overflow-y: scroll;
overflow-x: hidden;
transition: visibility 0.2s ease-in-out, transform 0.2s ease-in-out;
padding: 50px;
}
.mobile-offcanvas.show {
visibility: visible;
transform: translateX(0);
}
}
.woocommerce-info {
border-top-color: #a01c29;
}
.woocommerce-info::before {
color: #a01c29;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
background-color: #f1f2f3;
} #shop-single-hero {
width: 92%;
margin: 0 auto;
background-color: #f1f2f3;
padding: 50px;
margin-bottom: 30px;
position: relative;
}
#shop-single-hero > img {
position: absolute;
right: 100px;
top: calc(100% - 15px);
}
#shop-single-bread {
width: 92%;
margin: 0 auto;
padding: 0 50px;
position: relative;
margin-bottom: 100px;
}
.shop-single-hero {
display: flex;
justify-content: space-between;
}
.shop-single-hero .opening-cs {
position: initial;
}
.woocommerce div.product div.images .flex-control-thumbs {
margin-top: 25px;
}
.woocommerce div.product div.images .flex-control-thumbs li {
width: 22%;
margin-right: 4%;
}
.woocommerce div.product div.images .flex-control-thumbs li:nth-of-type(4n) {
margin-right: 0;
}
.woocommerce div.product div.summary {
margin-top: 50px;
margin-bottom: 100px;
}
.woocommerce div.product div.images.woocommerce-product-gallery {
margin-bottom: 125px;
}
.woocommerce div.product div.summary > img,
.woocommerce div.product .product_title {
margin-bottom: 30px;
margin-top: 20px;
}
#accordionExample {
margin-top: 50px;
}
.woocommerce div.product {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.accordion-item {
border: none;
border-bottom: 2px solid #e5e5e5;
}
.accordion-button:not(.collapsed) {
box-shadow: none;
background-color: transparent;
color: #535d65;
}
.accordion-button:not(.collapsed)::after,
.accordion-button::after {
background-image: url(//hsl.ie/wp-content/uploads/2022/01/accordion-arrow.svg);
background-size: contain;
background-repeat: no-repeat;
width: 13px;
height: 8px;
}
.accordion-button {
padding: 20px 0;
}
.accordion-button h4 {
margin-bottom: 0;
font-weight: 400;
}
.accordion-body {
padding: 0;
}
.product_meta {
visibility: hidden;
}
.related.products > div {
display: flex;
align-items: center;
margin-bottom: 30px;
}
.related.products > div h2 {
white-space: nowrap;
margin-right: 25px;
}
.related.products > div > span {
height: 2px;
width: 100%;
background-color: rgba(83, 93, 101, 0.1);
}
#single-contact {
position: relative;
margin-bottom: 75px;
width: 100%;
}
#single-contact > img {
position: absolute;
top: -50px;
left: 50px;
}
#single-contact .grey-btn {
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, -50%);
}
#single-contact > .single-live-chat {
position: absolute;
right: 25px;
top: 25px;
display: flex;
align-items: center;
}
#single-contact > .single-live-chat img {
margin-right: 10px;
}
#single-contact > .single-live-chat p {
margin-bottom: 0;
line-height: 1.2;
color: white;
}
.single-contact {
background-color: #a01c29;
text-align: center;
padding: 100px 50px;
width: 100%;
}
.single-contact h2 {
width: 50%;
margin: 0 auto;
}
.single-contact p {
font-size: 15px;
}
.single-contact p,
.single-contact h2,
.single-contact a {
color: white;
} #tele-brands {
margin: 75px 0;
}
.tele-brands {
display: flex;
align-items: center;
justify-content: flex-start;
}
.tele-brands p {
margin-bottom: 0;
margin-right: 75px;
}
.owl-partners {
width: 60%;
}
.owl-partners .owl-stage {
display: flex;
align-items: center;
}
.tele-service-intro img {
width: 80%;
}
.tele-service-intro > div {
width: 60%;
background-color: white;
padding: 50px;
float: right;
position: relative;
top: -100px;
}
#tele-services {
margin-top: -50px;
}
.tele-services {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.tele-services > a > div {
padding: 25px;
display: flex;
height: 400px;
align-items: center;
justify-content: flex-end;
flex-direction: column;
text-align: center;
}
.tele-services p {
color: white;
}
.tele-services > a > div > div {
display: flex;
align-items: center;
color: white;
position: relative;
}
.tele-services > a > div > div p {
margin-bottom: 0;
}
.tele-services .service-arrow-box {
overflow-x: hidden;
margin-left: 5px;
position: absolute;
left: 100%;
}
.tele-services > a .service-arrow-box img {
transform: translateX(-100%);
transition: 0.3s ease-in-out;
}
.tele-services > a:hover .service-arrow-box img {
transform: translateX(0);
transition: 0.3s ease-in-out;
}
.tele-services.one {
background-image: url(//hsl.ie/wp-content/uploads/2021/12/group-video.png);
margin-bottom: 24px;
}
.tele-services.two {
background-image: url(//hsl.ie/wp-content/uploads/2021/12/ipad.png);
margin-bottom: 24px;
}
.tele-services.three {
background-image: url(//hsl.ie/wp-content/uploads/2021/12/team-project.png);
margin-bottom: 24px;
}
.tele-services.four {
background-image: url(//hsl.ie/wp-content/uploads/2021/12/zoom-call.png);
}
.tele-services.five {
background-image: url(//hsl.ie/wp-content/uploads/2021/12/hsl-microsoft.png);
}
.tele-services.six {
background-image: url(//hsl.ie/wp-content/uploads/2021/12/group-videocall.png);
}
#tele-video {
margin-top: 75px;
margin-bottom: 100px;
}
.tele-video {
position: relative;
padding-bottom: 56.25%; height: 0;
}
.tele-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .hybrid-videos {
margin-top: 15px;
margin-bottom: 15px;
text-align: center;
}
.hybrid-videos iframe {
max-width: 100%;
}
.hybrid-videos p {
margin-top: 10px;
}
.grey-div {
width: 150px;
margin: 0 auto 40px auto;
background-color: #535d65;
height: 1.5px;
}
.brand-hybrid {
text-align: center;
padding: 100px 30px 30px 30px;
background-color: #f1f2f3;
margin: 25px 0;
}
.brand-hybrid img {
margin-bottom: 10px;
mix-blend-mode: multiply;
max-height: 60px;
}
.page-template-hybrid-workspaces .telehealth-grey-section {
background: #a01c29;
}
.page-template-hybrid-workspaces .telehealth-grey-section p,
.page-template-hybrid-workspaces .telehealth-grey-section h2 {
color: white;
}
.page-template-hybrid-workspaces #telehealth-grey-section .red-btn {
background: #535d65 !important;
border-color: #535d65 !important;
}
.brand-hybrid p {
margin-bottom: 50px;
} .testimonials {
position: relative;
}
.testimonials > a .red-btn {
position: absolute;
right: 20%;
bottom: -25px;
z-index: 10;
}
.testimonials h2 {
margin-bottom: 0;
position: relative;
}
.testimonials h2::after {
content: "";
width: calc(100% - 237px);
position: absolute;
right: 0;
top: 50%;
transform: translateY(50%);
height: 2px;
background-color: #f1f2f3;
}
.testimonials > div {
margin-top: 75px;
position: relative;
}
.testimonials > div::after {
content: "";
background: #f1f2f3;
position: absolute;
right: 0;
left: 10%;
top: 0;
bottom: 0;
}
.testimonial-text {
padding: 100px;
padding-left: 75px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.testimonial-text img,
.testimonial-text p:first-of-type {
margin-bottom: 30px;
}
.testimonial-text img {
max-width: 60px;
}
.testimonial-image img {
max-width: 100%;
padding: 75px;
padding-left: 0;
}
.owl-testimonials .row > .col-lg-6:first-of-type {
display: flex;
align-items: center;
}
.owl-testimonials.owl-theme .owl-nav {
margin: 0;
position: absolute;
top: -33.5px;
right: 50px;
}
.owl-testimonials.owl-theme .owl-dots {
width: fit-content;
position: absolute;
left: 45%;
top: 50%;
transform: rotate(90deg);
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
font: icon;
} #supplier-assured-intro {
margin-bottom: 100px;
}
#supplier-assured-split .row {
padding-bottom: 50px;
margin-bottom: 50px;
border-bottom: 2px solid #f1f2f3;
}
.eightyfive-wrapper {
width: 85%;
margin: 0 auto;
}
.supplier-assured-intro h3 {
text-align: center;
}
#supplier-assured-split {
margin-bottom: 100px;
} #telehealth-service-header {
position: relative;
margin-top: 50px;
min-height: 850px;
}
#telehealth-service-header > section {
background: rgb(83, 93, 101);
background: -moz-linear-gradient(
0deg,
rgba(83, 93, 101, 0) 0%,
rgba(42, 47, 51, 0.08307072829131656) 100%
);
background: -webkit-linear-gradient(
0deg,
rgba(83, 93, 101, 0) 0%,
rgba(42, 47, 51, 0.08307072829131656) 100%
);
background: linear-gradient(
0deg,
rgba(83, 93, 101, 0) 0%,
rgba(42, 47, 51, 0.08307072829131656) 100%
);
padding: 250px 0 250px 0;
}
.page-template-telehealth-services-alt #telehealth-service-header > section {
padding: 250px 0 100px 0px;
}
.telehealth-service-header-text p {
margin-bottom: 30px;
}
.telehealth-service-header-text {
max-width: 40%;
}
.page-template-telehealth-services-alt .telehealth-service-header-text p {
font-size: 16px;
}
.telehealth-service-header-image {
position: absolute;
max-width: 55%;
top: -50px;
right: 0;
}
.telehealth-service-header-image > img {
max-width: 100%;
}
.telehealth-service-header-image .dots {
position: absolute;
top: 25px;
transform: translateX(-70%);
left: 0;
}
.telehealth-service-header-image .brand {
position: absolute;
top: 50px;
right: 90px;
max-height: 70px;
}
.page-template-telehealth-services-alt .telehealth-service-header-image .brand {
display: none;
}
.telehealth-service-header-image > a {
position: absolute;
bottom: 50px;
left: 50px;
display: flex;
align-items: center;
width: 45%;
color: white;
}
.telehealth-service-header-image > a img {
margin-right: 20px;
}
#telehealth-service-intro {
padding-top: 75px;
margin-bottom: 100px;
}
#telehealth-service-intro-alt {
padding-top: 75px;
margin-bottom: 50px;
}
.telehealth-service-brand-image {
display: flex;
align-items: center;
margin-bottom: 50px;
}
.telehealth-service-brand-image img {
margin-right: 25px;
}
.telehealth-service-brand-image span {
height: 2px;
width: 100%;
background-color: rgba(83, 93, 101, 0.1);
}
.telehealth-service-intro a {
align-items: center;
width: fit-content;
}
.telehealth-service-intro a img {
margin-right: 10px;
}
#telehealth-service-boxes {
margin-bottom: 75px;
}
#telehealth-service-boxes-alt {
margin-bottom: 150px;
}
.telehealth-service-box {
margin-bottom: 50px;
text-align: center;
}
.telehealth-service-box-img {
font-family: "Material Icons Outlined";
font-weight: 300;
position: relative;
}
.telehealth-service-box img {
margin-bottom: 15px;
}
.telehealth-service-box p:first-of-type {
margin-bottom: 5px;
text-transform: capitalize;
}
#telehealth-grey-section {
margin-bottom: 100px;
position: relative;
}
#telehealth-grey-section .red-btn {
position: absolute;
bottom: -25px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
}
.telehealth-grey-section {
padding: 100px 0;
background-color: #f1f2f3;
text-align: center;
position: relative;
}
.telehealth-grey-section img {
position: absolute;
top: -45px;
left: -47px;
z-index: -1;
} #accreditations {
margin-top: 100px;
}
.accreditations {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 50px;
flex-wrap: wrap;
}
.accreditations > * { margin-bottom: 0;
max-height: 70px;
} #department-partners {
margin: 75px 0;
}
.department-partners {
display: flex;
align-items: center;
justify-content: flex-start;
}
.department-partners p {
margin-bottom: 0;
margin-right: 75px;
}
.department-image-text img {
width: 80%;
}
.department-image-text > div {
width: 60%;
background-color: white;
padding: 50px;
float: right;
position: relative;
top: -100px;
}
.department-image-text > div > p:last-of-type {
margin-bottom: 0;
}
#department-background-section {
margin-top: -200px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 300px 0 100px 0;
margin-bottom: 100px;
}
.department-background-section p {
color: white;
margin-bottom: 50px;
}
#department-product {
margin-bottom: 150px;
}
.department-product-section.alt .department-border {
margin-bottom: 50px;
padding-bottom: 75px;
border-bottom: 2px solid #f1f2f3;
}
.department-product-section.alt .department-partners {
margin-top: 75px;
}
.department-product-image {
background-color: #f1f2f3;
background-image: url(//hsl.ie/wp-content/uploads/2021/12/Department-Product-Dots.svg);
background-position: calc(100% - 50px) 50px;
background-repeat: no-repeat;
position: relative;
text-align: center;
}
.department-product-image.alt {
padding: 50px;
}
.department-product-image > img:first-of-type {
position: relative;
bottom: -100px;
max-width: 90%;
max-height: 600px;
}
.department-product-image.alt > div:first-of-type {
height: 500px;
display: flex;
align-items: center;
justify-content: center;
}
.department-product-image.alt > div:first-of-type img {
max-width: 100%;
max-height: 100%;
}
.department-product-image > span {
position: absolute;
bottom: -50px;
left: 50px;
width: 2px;
background: #a01c29;
height: 250px;
}
.department-product-image.alt > a {
position: absolute;
bottom: -25px;
left: 50%;
transform: translateX(-50%);
}
.department-product {
padding-top: 50px;
}
.department-product.alt {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
padding-top: 0;
} .department-product a {
border-bottom: 2px solid #a01c29;
padding-bottom: 3px;
width: fit-content;
}
.department-product.alt a {
border-bottom: none;
padding-bottom: 0;
display: flex;
align-items: center;
white-space: nowrap;
}
.department-product.alt a img {
margin-left: 10px;
transition: 0.3s ease-in-out;
}
.department-product.alt a:hover img {
margin-left: 20px;
}
.department-partners.alt p {
width: 30%;
margin-right: 0;
}
.owl-partners.alt {
width: 70%;
}
.department-products-oppo section:nth-of-type(2n) .row {
flex-direction: row-reverse;
}
.department-products-oppo section:last-of-type .department-border {
border-bottom: none;
padding-bottom: 0;
} .partner-list {
list-style: none;
padding-left: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
width: 80%;
}
.partner-list li {
width: 25%;
margin: 30px 0;
padding: 0 30px;
text-align:center;
}
.partner-list li img {
max-width: 85%;
max-height: 80px;
}
.the-p-list {
display: flex;
}
.the-p-title {
float: left;
margin-top: 30px;
width: 20%;
}
.partner-brands {
margin: 50px 0;
}
.partner-intro {
position: relative;
padding-top: 100px;
}
.partner-intro a {
position: absolute;
top: 0;
right: 3%;
} #pulse-hero {
display: flex;
}
.pulse-hero {
width: 32%;
margin: 0 auto;
margin-top: 50px;
}
.pulse-hero > img:first-of-type {
margin-bottom: 25px;
}
.pulse-hero > div {
display: flex;
align-items: center;
margin-top: 50px;
}
.pulse-hero > div p {
margin-right: 10px;
margin-bottom: 0;
}
#pulse-hero .img {
width: 55%;
}
#pulse-hero .img > img {
max-width: 100%;
}
.page-template-pulse #telehealth-service-intro {
padding-top: 0;
}
.page-template-pulse .telehealth-service-intro a {
margin-top: 50px;
}
.pulse-images {
display: flex;
justify-content: space-between;
}
#pulse-services {
position: relative;
margin-top: 75px;
padding-top: 50px;
}
#pulse-services::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 95%;
left: 50%;
transform: translateX(-50%) rotate(-2deg);
border-radius: 35px;
background: rgb(83, 93, 101);
background: -moz-linear-gradient(
45deg,
rgba(83, 93, 101, 0) 50%,
rgba(83, 93, 101, 0.08) 100%
);
background: -webkit-linear-gradient(
45deg,
rgba(83, 93, 101, 0) 50%,
rgba(83, 93, 101, 0.08) 100%
);
background: linear-gradient(
45deg,
rgba(83, 93, 101, 0) 50%,
rgba(83, 93, 101, 0.08) 100%
);
}
#pulse-services > img:first-of-type {
position: absolute;
top: 50%;
width: 50%;
left: -5%;
transform: translateY(-50%) rotate(15deg);
z-index: 1;
}
#pulse-services > img:nth-of-type(2) {
position: absolute;
right: 0;
bottom: 0;
transform: translateY(50%);
max-width: 25%;
z-index: 10;
}
#pulse-services > img:last-of-type {
position: absolute;
right: 50%;
top: 0;
max-width: 35%;
z-index: 2;
}
#pulse-services .row {
justify-content: flex-end;
}
.pulse-services > p {
margin-bottom: 50px;
}
.pulse-services ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
list-style: none;
padding-left: 0;
}
.pulse-services ul li {
width: calc(50% - 25px);
margin-bottom: 50px;
}
.pulse-services ul li img {
max-height: 26px;
display: block;
margin-bottom: 7px;
}
#pulse-red-box {
margin-bottom: 75px;
}
.pulse-red-box {
position: relative;
padding: 100px 50px;
text-align: center;
border-radius: 10px;
background-image: url(//hsl.ie/wp-content/uploads/2022/09/red-box-backgroud.jpg);
background-size: cover;
}
.pulse-red-box > img {
position: absolute;
top: -75px;
right: -50px;
}
.pulse-red-box h2 {
margin-bottom: 50px;
}
.pulse-red-box h2,
.pulse-red-box h4,
.pulse-red-box p {
color: white;
}
.pulse-red-box > div {
display: flex;
justify-content: space-between;
}
.pulse-red-box > div div {
width: calc(33% - 33px);
}
.pulse-red-box > div img {
margin-bottom: 1rem;
}
.pulse-red-box > div h4 {
margin-bottom: 1rem;
}
.pulse-red-box .grey-btn {
position: absolute;
left: 50%;
bottom: 0;
transform: translate(-50%, 50%);
}
#pulse-grey-box {
position: relative;
width: 98%;
margin: 0 auto 100px auto;
background-image: url(//hsl.ie/wp-content/uploads/2022/09/grey-background.jpg);
background-size: cover;
height: 500px;
display: flex;
align-items: center;
border-radius: 10px;
}
#pulse-grey-box > .img {
display: flex;
align-items: center;
position: absolute;
top: 25px;
right: 25px;
}
#pulse-grey-box p:not(.p-l) {
margin-bottom: 50px;
}
#pulse-final-text {
margin-bottom: 100px;
}
#pulse-final-text .col-lg-6:last-of-type img {
display: none;
}
#pulse-case-studies {
margin-bottom: 100px;
}
.pulse-case-studies {
columns: 3;
gap: 50px 25px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.pulse-case-studies a {
padding: 50px 25px;
text-align: center;
background-color: #f7f7f8;
border-radius: 10px;
width: calc(33.33% - (50px / 3));
position: relative;
}
.pulse-case-studies a:hover p {
color: #a01c29;
}
.pulse-case-studies a .photo {
width: 70%;
margin: 0 auto;
border-radius: 10px;
}
.pulse-case-studies a .pdf {
position: absolute;
top: -25px;
right: 25px;
border-radius: 5px;
-webkit-box-shadow: 5px 5px 15px -5px black;
-moz-box-shadow: 5px 5px 15px -5px black;
box-shadow: 5px 5px 15px -5px black;
}
.pulse-case-studies span {
height: 2px;
width: 30%;
background-color: #a01c29;
display: block;
margin: 1rem auto;
}
.pulse-red {
animation: pulse-red 1.5s infinite ease-in-out;
}
.pulse-red:hover {
animation-fill-mode: backwards;
animation-iteration-count: 1;
}
@keyframes pulse-red {
0% {
transform: scale(0.9);
box-shadow: 0px 0px 0px 0px rgba(160, 28, 41, 0);
-webkit-box-shadow: 0px 0px 0px 0px rgba(160, 28, 41, 0);
-moz-box-shadow: 0px 0px 0px 0px rgba(160, 28, 41, 0);
}
70% {
transform: scale(1);
box-shadow: 0px 0px 0px 10px rgba(160, 28, 41, 0.3);
-webkit-box-shadow: 0px 0px 0px 10px rgba(160, 28, 41, 0.3);
-moz-box-shadow: 0px 0px 0px 10px rgba(160, 28, 41, 0.3);
}
100% {
transform: scale(0.9);
box-shadow: 0px 0px 0px 0px rgba(160, 28, 41, 0);
-webkit-box-shadow: 0px 0px 0px 0px rgba(160, 28, 41, 0);
-moz-box-shadow: 0px 0px 0px 0px rgba(160, 28, 41, 0);
}
}
.floaty {
animation: floaty 2s infinite ease-in-out;
}
.floaty-slow {
animation: floaty 4s infinite ease-in-out;
}
@keyframes floaty {
0% {
transform: translateY(0px);
}
50% {
transform: translateY(20px);
}
100% {
transform: translateY(0px);
}
}  @media screen and (min-width: 1900px) {
.overlay-boxes > a > div h4 {
font-size: 1.5rem;
}
.navbar-brand img {
height: auto;
}
.subMenuContact img {
max-width: 300px;
}
.navbar-expand-xl .navbar-nav .nav-link {
font-size: 16px;
margin-left: 20px;
padding-right: 20px;
}
.nav-item .wp-block-search .wp-block-search__input,
.nav-item .wp-block-search .wp-block-search__input::placeholder,
.nav-item .wc-block-product-search .wc-block-product-search__field,
.nav-item
.wc-block-product-search
.wc-block-product-search__field::placeholder,
.dgwt-wcas-no-submit
.dgwt-wcas-sf-wrapp
input[type="search"].dgwt-wcas-search-input,
.dgwt-wcas-no-submit
.dgwt-wcas-sf-wrapp
input[type="search"].dgwt-wcas-search-input::placeholder {
font-size: 16px;
}
.navbar-expand-xl .navbar-nav.nav-last .nav-link {
margin-left: 0;
margin-right: 20px;
padding-right: 0;
}
.heading-title h1 {
font-size: 54px;
}
.timeline-box {
height: 350px;
}
.shop-filters {
width: 90%;
}
.navbar {
width: 95%;
}
.pulse-hero {
width: 25%;
margin-top: 100px;
}
#pulse-hero .img > img {
width: 100%;
}
.pulse-hero > img:first-of-type {
margin-bottom: 50px;
}
.pulse-hero > div {
margin-bottom: 100px;
}
#pulse-services > img:first-of-type {
top: 60%;
width: 45%;
}
#pulse-grey-box {
height: 800px;
}
#menu-sub-menu .dropdown-item {
font-size:16px;
}
#menu-sub-menu .dropdown-toggle {
font-size:24px;
}
}
@media screen and (max-width: 1440px) {
#telehealth-service-header > section {
padding: 100px 0 100px 50px;
}
.page-template-telehealth-services-alt #telehealth-service-header > section {
padding: 50px 0 100px 50px;
}
#telehealth-service-header {
min-height: 561px;
max-height: 561px;
}
.telehealth-service-header-image > a {
width: calc(100% - 100px);
}
.services-hero {
padding: 200px 0 150px 50px;
}
.img-button {
max-width: 55%;
}
.telehealth-service-header-image .dots {
transform: translateX(-50%);
}
#menu-sub-menu > li:last-of-type,
#menu-sub-menu > li:nth-last-of-type(2) {
margin-right: 0;
}
#menu-sub-menu > li {
width: calc(25% - 50px);
}
#menu-sub-menu .dropdown-item {
font-size: 14px;
}
.subMenuContact {
margin-left: auto;
}
.subMenuContact img {
left: auto;
right: calc(100% + 50px);
}
#menu-sub-menu > li {
width: calc(25% - 30px);
margin-right: 30px;
}
.navbar-brand {
width: 10%;
}
#menu-main-menu,
.navbar-nav.nav-last {
width: 42.5%;
}
.navbar-expand-xl .navbar-nav .nav-link,
.nav-item .wp-block-search .wp-block-search__input,
.nav-item .wp-block-search .wp-block-search__input::placeholder,
.nav-item .wc-block-product-search .wc-block-product-search__field,
.nav-item
.wc-block-product-search
.wc-block-product-search__field::placeholder,
.dgwt-wcas-no-submit
.dgwt-wcas-sf-wrapp
input[type="search"].dgwt-wcas-search-input,
.dgwt-wcas-no-submit
.dgwt-wcas-sf-wrapp
input[type="search"].dgwt-wcas-search-input::placeholder {
font-size: 14px;
}
.partner-intro a {
right: 3.5%;
}
.support-hero.services-hero {
padding: 200px 0 100px 50px;
}
#support-grey {
background-position: bottom left;
background-size: auto 70%;
}
.news-header {
padding-left: 50px;
padding-right: 50px;
top: 50px;
}
.news-first-text {
padding: 25px 0;
padding-left: 25px;
}
#news {
margin-top: 125px;
}
.news-single,
.news-single-text {
width: 75%;
margin: 0 auto;
}
.news-single > h2 {
width: 75%;
margin: 0 auto;
padding: 0;
margin-bottom: 1rem;
}
.owl-home-news.owl-theme .owl-nav {
top: initial;
right: 0%;
bottom: 100%;
}
.owl-home-news.owl-theme .owl-nav > button:last-of-type {
margin-right: 0;
}
.bigDropdownMenu {
padding-bottom: 0;
}
h1 {
font-size: 48px;
}
.owl-carousel.owl-vacancies .owl-item .vacancy,
.vacancy.none {
margin: 0 15px;
}
.shop-filters {
width: 90%;
}
#supplier-assured-intro {
margin-top: 150px;
}
}
@media screen and (max-width: 1280px) {
#support-grey {
margin-bottom: 325px;
background-size: auto 67%;
}
.review-content {
margin-top: 100px;
}
.slider-image {
min-height: 600px;
}
.home-intro .p-lg {
margin-bottom: 50px;
}
.sm-width {
width: 100%;
}
.prod-sales {
width: 75%;
}
.shop-filters {
width: 100%;
}
#supplier-assured-intro {
margin-top: 100px;
}
.page-template-supplier-assured-integrations
.telehealth-service-header-image
.dots {
display: none;
}
.subMenuContact img {
max-width: 225px;
}
.vacancy.none {
width: 50%;
}
} @media screen and (max-width: 1200px) {
.ipad-technology,
.ipad-communications,
.ipad-imaging {
margin-right: 0 !important;
}
.about-brands .row {
margin-left: calc(var(--bs-gutter-x) * -0.5);
}
.about-intro {
margin-top: 50px;
}
.about-brands,
.text-div,
#accreditations {
margin-top: 75px;
}
#history {
padding-top: 75px;
}
.timeline-box {
height: 350px;
}
.single-members img {
max-width: 100%;
}
.partner-intro a {
right: 22px;
}
#frameworks-header > img {
max-width: 200px;
}
#frameworks-header {
width: calc(100% - 44px);
}
.support-hero.services-hero {
padding: 150px 0 100px 50px;
}
#support-grey {
background-size: auto 50%;
margin-bottom: 350px;
}
.support-text > div {
margin-right: 50px;
width: 65%;
}
.testimonial-image {
height: 100%;
display: flex;
align-items: center;
}
.testimonial-text {
padding: 50px;
padding-left: 30px;
}
.testimonial-image img {
padding: 0;
padding-right: 20px;
}
.department-image-text img,
.tele-service-intro img {
width: 90%;
}
#department-background-section {
padding: 200px 0 100px 0;
}
.tele-brands {
max-width: 100%;
}
.accept-col span p {
width: 100%;
}
.about-timeline {
width: 100%;
}
.news-first-text,
.news-first-image {
width: 50%;
}
.news-single,
.news-single-text {
width: 100%;
}
.news-single > div img:nth-of-type(2) {
right: -75px;
top: -25px;
}
#shop-hero > img {
display: none;
}
.shop-title .shop-title-search,
.shop-title .dgwt-wcas-search-wrapp {
width: 50%;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
font-size: 20px;
}
#shop-hero .red-btn {
top: 25px;
right: 25px;
transform: none;
}
#shop-single-hero > img {
display: none;
}
#single-contact > img {
left: -50px;
max-width: 200px;
}
.single-contact h2 {
width: 70%;
}
.owl-hero .owl-dots {
left: 50px;
}
.grey-box {
height: 200px;
bottom: 5%;
}
.img-button img {
max-height: 450px;
}
.telehealth-service-header-image .dots {
display: none;
}
.telehealth-service-header-text {
max-width: 35%;
}
#telehealth-service-header {
min-height: auto;
max-height: initial;
}
#telehealth-service-header > section {
padding: 100px 50px 50px 50px;
}
#menu-sub-menu .dropdown-toggle {
white-space: nowrap;
}
#menu-sub-menu .dropdown-item {
font-size: 14px;
white-space: normal;
}
#menu-sub-menu .dropdown-item::after {
width: 12px;
height: 12px;
}
#menu-sub-menu #menu-item-4732 .dropdown-item::after,
#menu-sub-menu #menu-item-219 .dropdown-item::after {
width: 15px;
height: 15px;
}
.navbar-expand-xl .navbar-nav .nav-link,
.nav-item .wp-block-search .wp-block-search__input,
.nav-item .wp-block-search .wp-block-search__input::placeholder,
.nav-item .wc-block-product-search .wc-block-product-search__field,
.nav-item
.wc-block-product-search
.wc-block-product-search__field::placeholder {
font-size: 12px;
}
.navbar-expand-xl .navbar-nav .nav-link {
margin-left: 10px; }
#menu-item-181::after {
width: 10px;
}
.department-product-image.alt > div:first-of-type {
height: 400px;
}
.department-product-image.alt > a .red-btn {
white-space: nowrap;
}
.vacancy {
padding: 0 25px 25px 25px;
}
#contact-section {
padding-top: 50px;
}
#careers-header {
margin-top: 50px;
}
.nav-tabs .nav-link {
margin: 0 10px;
font-size: 15px;
}
#menu-mobile-menu > li > a {
width: fit-content;
}
header {
height: auto;
padding: 10px;
padding-top: 8px;
}
.navbar {
width: 100%;
}
.navbar-brand {
width: auto;
}
#ipad-header {
display: block;
overflow-x: hidden;
}
#desktop-header {
display: none;
}
.main-mobile-menu {
position: fixed;
background-color: white;
z-index: 100000001;
width: 80%;
height: 100vh;
top: 0;
padding: 75px;
transform: translateX(100%);
transition: 0.5s ease-in-out;
right: 0;
overflow-y: scroll;
overflow-x: hidden;
}
.main-mobile-menu.opened {
transform: translateX(0);
}
#mobile-sub-menu,
#mobile-sub-sub-menu {
position: absolute;
background-color: white;
z-index: 100000002;
left: 0;
bottom: 0;
right: 0;
top: 0;
padding: 75px;
transform: translateX(100%);
transition: 0.5s ease-in-out;
overflow-y: scroll;
}
.navbar-nav {
margin-top: 0px;
}
#mobile-sub-menu.opened,
#mobile-sub-sub-menu.opened {
transform: translateX(0);
}
.overlay {
position: relative;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100000000000;
}
.blur-bg::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.55);
z-index: 100000000;
}
#mobile-sub-menu.nav-link,
#mobile-sub-sub-menu.nav-link {
padding: 5px 0;
margin: 5px 0;
}
.sub-close {
display: flex;
align-items: center;
position: absolute;
top: 70px;
color: #535d65;
left: 75px;
transform: translateY(-50%);
font-size: 18px;
font-weight: 400;
padding: 0;
border: none;
white-space: nowrap;
background-color: transparent;
}
.sub-close img {
margin-right: 10px;
}
.nav-link {
font-size: 22px;
font-weight: 400;
color: #535d65;
padding: 10px 0;
margin: 10px 0;
border-bottom: 2px solid transparent;
transition: 0.3s ease-in-out;
}
.nav-link:hover {
border-bottom-color: #a01c29;
color: #535d65;
}
#mobile-sub-menu .nav-link,
#mobile-sub-sub-menu .nav-link {
font-size: 18px;
padding: 5px 0;
margin: 5px 0;
}
.nav-header a {
font-size: 20px;
font-weight: 400;
color: #a01c29 !important;
}
.nav-header {
margin-bottom: 10px;
}
.nav-header:hover {
color: #535d65;
}
.mobile-header {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
position: relative;
height: 120px;
}
.mobile-email {
position: absolute;
top: 50%;
left: 75px;
transform: translateY(-50%);
}
.mobile-email img,
.mobile-menu-btn img {
width: 50px;
}
.mobile-menu-btn {
padding: 0;
border: none;
background-color: transparent;
position: absolute;
top: 50%;
right: 75px;
transform: translateY(-50%);
}
.navbar-brand {
padding: 0;
font-size: medium;
height: 60px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.holding > a {
display: none;
}
.mobile-menu-close-btn {
padding: 0;
border: none;
background-color: transparent;
z-index: 100000002;
position: absolute;
right: 75px;
top: 70px;
transform: translateY(-50%);
}
.nav-item.menu-item .mobile-menu-close-btn {
z-index: 100000003;
}
#bigDropdown {
display: none;
}
.nav-box .nav-link {
position: relative;
margin: 5px 0;
padding: 5px 0;
font-size: 16px;
padding-right: 30px;
}
.nav-box .nav-link::after {
position: absolute;
content: "";
background-image: url(//hsl.ie/wp-content/uploads/2022/01/mobile-menu-open-arrow_update.svg);
background-size: contain;
background-repeat: no-repeat;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 12px;
height: 12px;
}
.nav-box .ipad-technology-btn .nav-link::after,
.nav-box
.ipad-communications-btn
.nav-link::after
.nav-box
.ipad-imaging-btn
.nav-link::after {
background-image: url(//hsl.ie/wp-content/uploads/2022/01/mobile-menu-forward-arrow.svg);
width: 14px;
height: 14px;
animation: slide 1.5s infinite linear;
}
.mobile-menu-contact {
position: fixed;
bottom: 75px;
z-index: 100000003;
width: calc(100% - 150px);
}
.mobile-menu-contact::after {
content: "";
height: 2px;
width: 100%;
position: absolute;
left: 0;
top: -25px;
background: rgba(83, 93, 101, 0.18);
}
.mobile-menu-contact p {
font-size: 28px;
}
.mobile-menu-contact a {
font-size: 26px;
}
.mobile-menu-contact {
display: none;
}
.nav-box {
display: flex;
flex-wrap: wrap;
}
.nav-box > div {
width: 47.5%;
margin-top: 20px;
}
.nav-box > div:nth-of-type(2n - 1) {
margin-right: 5%;
}
.navbar-brand {
width: 40%;
}
.ipad-sub-menu .nav-header a {
visibility: hidden;
}
.nav-box > div:last-of-type {
margin-right: 0 !important;
}
.con-details button img {
display: none;
}
.con-details button h5 {
white-space: normal;
}
.accreditations {
flex-wrap: wrap;
justify-content: space-between;
}
.accreditations > h2 {
width: 100%;
text-align: center;
margin-bottom: 1rem;
}
.accreditations > * {
margin-right: 0;
}
.page-template-supplier-assured-integrations .telehealth-service-header-text {
max-width: 50%;
}
.page-template-supplier-assured-integrations
.telehealth-service-header-image {
max-width: 45%;
}
.page-template-supplier-assured-integrations
.telehealth-service-header-image
> img {
height: 600px;
object-fit: cover;
}
.overlay-boxes > a > div {
padding: 50px;
}
#pulse-hero {
padding-left: 12px;
margin-bottom: 100px;
}
.pulse-hero {
width: 40%;
}
#pulse-services > img:first-of-type {
top: 40%;
}
.pulse-red-box > div div {
width: calc(50% - 25px);
}
.pulse-red-box > div {
justify-content: center;
flex-wrap: wrap;
gap: 50px;
}
.pulse-case-studies a .photo {
width: 90%;
}
}
@media screen and (max-width: 1024px) and (orientation: portrait) {
}
@media screen and (max-width: 1024px) {
.the-p-title,
.partner-list {
width: 100%;
margin-top: 0;
}
.the-p-list {
display: block;
}
.the-p-title br {
display: none;
}
.img-button {
max-width: 50%;
}
.subMenuContact .p-lg {
font-size: 20px;
}
#shop-single-hero {
padding: 25px;
}
#shop-single-bread {
padding: 0 25px;
}
.related.products ul.products li.product,
.related.products ul.products li.product {
width: 48%;
margin-bottom: 35px;
margin-right: 4%;
}
.related.products ul.products li.product:nth-of-type(2n),
.related.products ul.products li.product:nth-of-type(2n) {
margin-right: 0;
}
.prod-sales {
width: 90%;
}
.brands-health h2 {
width: 70%;
}
.slider-image {
min-height: 700px;
}
.review-content > div {
width: 70%;
}
.owl-hero .owl-dots,
.owl-theme .owl-nav.disabled + .owl-dots {
left: 25px;
margin-top: 0;
top: 100px;
}
#news-header.home-news-header .news-first-text,
#news-header.home-news-header .news-first-image {
width: 100%;
}
#news-header.home-news-header .news-header-owl {
display: block;
}
#news-header.home-news-header .news-first-image {
height: 300px;
}
#news-header.home-news-header .news-first-text {
padding-left: 0;
}
#news-header.home-news-header .news-header {
padding-left: 0;
padding-right: 0;
}
#news-header.home-news-header .news-header h2 {
margin-bottom: 1rem;
}
.owl-home-news.owl-theme .owl-nav > button {
margin-bottom: 1rem;
}
.f-image {
padding-bottom: 30%;
}
#pulse-hero .img {
overflow: hidden;
}
#pulse-hero .img > img {
object-fit: cover;
object-position: left;
max-width: 125%;
}
.pulse-red-box > img {
right: initial;
left: -25px;
top: -100px;
}
} @media screen and (max-width: 992px) {
.about-intro .justify-content-end {
margin-bottom: 1rem;
}
.timeline-box {
height: 250px;
}
.about-timeline .timeline-item:not(:first-of-type) {
margin-top: -75px;
}
.cta-box p {
width: 100%;
margin-right: 0;
}
.frameworks-header {
padding: 50px 0;
}
#frameworks-header > img {
right: 50px;
max-width: 150px;
}
.support-hero.services-hero {
padding: 100px 0 50px 50px;
}
.servFourPoints > div {
width: 45%;
}
.servFourPoints > div:nth-of-type(2) {
margin-right: 0;
}
.servFourPoints {
flex-wrap: wrap;
}
.servFourPoints > div:nth-of-type(1),
.servFourPoints > div:nth-of-type(2) {
margin-bottom: 36px;
}
.support-text > div {
width: calc(100% - 50px);
}
#support-grey {
background-image: none;
margin-bottom: 375px;
}
.support-mid-box {
padding: 125px 50px 75px 50px;
}
.testimonials > div::after {
left: 0;
}
.owl-testimonials.owl-theme .owl-dots {
left: 50%;
top: 700px;
transform: rotate(0deg) translateX(-50%);
}
.testimonials > a .red-btn {
right: 50%;
transform: translateX(50%);
}
.testimonial-text {
padding: 50px;
padding-left: 50px;
}
.testimonial-image img {
padding-right: 0;
}
.f-locations > div:nth-of-type(1),
.f-locations > div:nth-of-type(2) {
margin-bottom: 30px;
}
.logo-socials div:first-of-type,
.logo-socials div:last-of-type {
width: 20%;
}
.logo-socials div {
width: 60%;
}
.department-image-text > div {
width: 100%;
top: 0;
}
#department-background-section {
margin-top: -100px;
}
.department-image-text img {
width: 100%;
}
.department-product {
padding-top: 0;
margin-bottom: 50px;
} .owl-testimonials .row > .col-lg-6:first-of-type {
display: block;
}
.department-product h2 br {
display: none;
}
.tele-brands p {
margin-right: 50px;
}
.tele-service-intro > div {
width: 75%;
}
.tele-service-intro > div p:last-of-type {
margin-bottom: 0;
}
.header-tabs {
display: block;
}
.nav-tabs {
margin-bottom: 1rem;
}
#contact-section {
padding-top: 50px;
}
.bigDropdownMenu {
padding: 20px;
}
.subMenuContact {
width: auto;
flex-direction: column;
align-items: center;
}
#bigDropdown {
width: 67%;
}
.subMenuContact p {
margin-right: 0;
}
.news-first-text,
.news-first-image {
width: 100%;
}
.news-header > div {
display: block;
}
.news-first-image {
height: 300px;
}
.news-first-text {
padding-left: 0;
}
.news-header {
padding-left: 0;
padding-right: 0;
}
#shop-hero {
margin-bottom: 100px;
}
.shop-title .shop-title-search,
.shop-title .dgwt-wcas-search-wrapp {
width: 70%;
}
#shop-hero .red-btn {
font-size: 17px;
}
.woocommerce div.product {
flex-direction: column;
}
.woocommerce div.product div.images.woocommerce-product-gallery {
width: 100%;
margin-bottom: 25px;
}
.woocommerce div.product div.summary {
margin-top: 0;
width: 100%;
}
.single-slide {
display: block;
}
.review-content {
width: 100%;
}
.slider-image {
width: 100%;
min-height: 400px;
margin-top: -25px;
} .review-content > div {
width: 100%;
}
.owl-hero .owl-dots,
.owl-hero .owl-dots,
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 0;
top: auto;
bottom: 0;
left: 50%;
display: block;
transform: translateX(-50%);
}
.review-content {
margin-top: 50px;
max-width: calc(720px - 30px);
margin-left: auto;
margin-right: auto;
}
.review-content div button {
margin-left: 10%;
}
.grey-box {
height: auto;
bottom: 0px;
right: 0;
}
.hero-back {
padding-bottom: 50px;
}
.brands-health h2 {
width: 100%;
}
.bottom-footer {
display: none;
}
.bottom-footer.mob {
display: block;
background-color: transparent;
padding: 0;
}
.bottom-footer.mob .container-fluid {
background: #f8f8f9;
padding: 20px;
margin-top: 50px;
}
.bottom-footer.mob .container-fluid div {
text-align: center;
display: block;
}
.bottom-footer.mob .container-fluid a {
font-size: 19px;
}
.bottom-footer .container .col {
flex-wrap: wrap;
}
.bottom-footer .container .two-col > div {
width: auto;
}
.bottom-footer .container .two-col > div:nth-of-type(2n) {
text-align: end;
}
.bottom-footer .container .two-col > div:nth-of-type(1),
.bottom-footer .container .two-col > div:nth-of-type(2) {
margin-bottom: 0px;
}
.bottom-footer .two-col {
padding-bottom: 0;
}
h1 {
font-size: 40px;
}
.navbar-expand-xl .navbar-nav.nav-last .nav-link {
border-bottom: 2px solid rgba(83, 93, 101, 0.16) !important;
}
.navbar-expand-xl .navbar-nav.nav-last .nav-link:hover {
border-bottom: 2px solid #a01c29 !important;
}
.navbar-expand-xl .navbar-nav.nav-last .nav-item {
width: 100%;
}
.navbar-nav.nav-last {
align-items: flex-start;
}
.navbar-expand-xl .navbar-nav .nav-link {
margin-left: 0;
}
.navbar-expand-xl .navbar-nav.nav-last .nav-link {
margin-right: 0;
padding-right: 20px;
}
.navbar-expand-xl .navbar-nav.nav-last .nav-link > img {
display: none;
}
#menu-main-menu,
.navbar-nav.nav-last {
width: 25%;
}
#bigDropdown {
width: 70%;
left: auto;
margin: 0 22px;
top: 88px;
box-shadow: 0px 0px 30px -8px rgba(68, 68, 68, 0.6);
-moz-box-shadow: 0px 0px 30px -8px rgba(68, 68, 68, 0.6);
-webkit-box-shadow: 0px 0px 30px -8px rgba(68, 68, 68, 0.6);
border-radius: 10px;
}
.bigDropdownMenu {
height: auto;
padding-bottom: 0;
height: 80%;
padding: 50px;
align-items: flex-start;
}
.bigDropdownBottom {
height: 20%;
}
#menu-sub-menu > li:nth-of-type(2),
#menu-sub-menu > li:nth-of-type(4) {
padding-right: 0;
}
#menu-sub-menu > li {
width: 50%;
margin-right: 0;
padding-right: 50px;
}
#menu-sub-menu {
flex-wrap: wrap;
}
.nav-item .search-button {
padding-left: 0;
}
.bigDropdownBottom::before {
top: 10px;
}
.bigDropdownBottom::after {
top: auto;
bottom: 10px;
}
.subMenuContact img {
display: none;
}
.img-button {
position: relative;
top: 0;
}
.services-title {
width: 100%;
}
.img-button {
max-width: 100%;
}
.services-intro {
padding-top: 0;
}
.img-button .red-btn {
top: 0px;
} .page-template-departments-services-alt .img-button img:last-of-type,
.page-template-departments-services .img-button img:last-of-type {
display: inline;
}
.page-template-departments-services-alt .img-button img:first-of-type,
.page-template-departments-services .img-button img:first-of-type {
display: none;
}
.telehealth-service-header-image {
position: relative;
max-width: 100%;
top: 0;
}
.telehealth-service-header-text {
max-width: 100%;
}
.telehealth-service-header-image > img:last-of-type {
max-width: initial;
max-height: 450px;
width: 100%;
object-fit: cover;
}
.department-product-image.alt {
margin-bottom: 50px;
}
.department-products-oppo {
margin-bottom: 100px;
}
.department-product-section.alt .department-partners {
margin-top: 25px;
}
.partner-list li {
padding: 0 10px;
}
.vacancy.none {
width: 100%;
margin-right: 0;
}
.f-image {
padding-bottom: 42%;
}
.overlay-boxes {
flex-wrap: wrap;
columns: initial;
justify-content: center;
}
.overlay-boxes > a {
width: calc(50% - (25px / 2));
}
.overlay-boxes > a:last-of-type {
margin-top: 50px;
}
.overlay-boxes > a > div {
padding: 30px;
}
.overlay-boxes > a > div > img.map {
height: 150px;
}
#pulse-hero {
max-width: 95%;
margin: 0 0 100px auto;
}
#pulse-hero .img {
width: 50%;
overflow: hidden;
}
#pulse-hero .img > img {
position: initial;
width: 170%;
}
.pulse-hero {
width: 50%;
margin: initial;
margin-top: 100px;
}
.pulse-hero > img:first-of-type {
margin-bottom: 50px;
}
.pulse-hero > div {
margin-top: 100px;
}
.pulse-images img {
max-width: 20%;
}
.page-template-pulse .telehealth-service-intro a {
margin-top: 30px;
margin-bottom: 30px;
}
#pulse-services > img:nth-of-type(2) {
transform: translateY(35%);
max-width: 30%;
}
#pulse-final-text .col-lg-6:first-of-type img {
display: none;
}
#pulse-final-text .col-lg-6:last-of-type img {
display: block;
}
.pulse-red-box > img {
display: none;
}
#pulse-services > img:first-of-type {
transform: translateY(-15%) rotate(15deg);
width: 60%;
position: relative;
}
#pulse-services > img:last-of-type {
right: 0;
top: 200px;
max-width: 65%;
}
.pulse-red-box > div div {
width: 100%;
}
#pulse-grey-box .p-l {
margin-top: 50px;
}
.pulse-case-studies a {
width: calc(50% - 25px);
}
.mailchimp-singup {
flex-wrap: wrap;
}
.mailchimp-singup h3 {
margin-bottom: 1rem;
}
.f-loc-sin {
width: 30%;
}
.f-locations {
flex-wrap: wrap;
}
} @media screen and (max-width: 768px) {
.img-button img,
.telehealth-service-header-image > img:last-of-type {
max-height: 350px;
width: 100%;
object-fit: cover;
}
.support-hero.services-hero,
#telehealth-service-header > section {
padding: 100px 0 50px 0;
}
#telehealth-service-boxes-alt {
margin-bottom: 100px;
}
.f-locations > div {
text-align: center;
}
.f-locations > div:nth-of-type(3) {
margin-bottom: 30px;
}
.telehealth-grey-section img {
top: -27px;
left: -28px;
}
.tele-service-intro > div {
width: 100%;
padding: 50px 0;
top: 0;
}
.tele-service-intro img {
width: 100%;
}
.blog-image {
height: 200px;
}
.news-single > div img:nth-of-type(2) {
right: -25px;
}
.woocommerce .products ul,
.woocommerce ul.products {
display: block;
}
.woocommerce ul.products[class*="columns-"] li.product,
.woocommerce-page ul.products[class*="columns-"] li.product {
margin: 0 0 1rem;
}
footer form {
text-align: left;
}
.contact-content {
align-items: flex-start;
margin-top: 50px;
}
.owl-testimonials.owl-theme .owl-dots {
top: 700px;
}
#pulse-services::after {
transform: translateX(-50%) rotate(-1deg);
}
.f-loc-sin p a {
justify-content: center !important;
}
} @media screen and (max-width: 767px) {
.owl-testimonials.owl-theme .owl-dots {
top: 530px;
}
.modal-body {
padding: 25px;
}
.modal-dialog {
max-width: 100%;
}
h2 {
font-size: 32px;
}
#telehealth-service-boxes-alt {
margin-bottom: 75px;
}
h3 {
font-size: 26px;
}
.accreditations > h2 {
width: 100%;
margin-right: 0;
text-align: center;
}
.accreditations > h2 br {
display: none;
}
.accreditations {
flex-wrap: wrap;
justify-content: space-around;
}
.accreditations > img {
max-width: 15%;
margin-right: 0;
max-height: 120px;
width: 20%;
}
.about-timeline .timeline-item:nth-child(odd) .timeline-content {
padding-right: 25px;
}
.about-timeline .timeline-item:nth-child(even) .timeline-content {
padding-left: 25px;
}
.partner-list li img {
width: 80%;
}
.partner-list li {
width: 33.33%;
}
.cta-box {
padding: 50px;
}
.partner-intro a {
display: none;
}
.partner-intro {
padding-top: 50px;
}
#frameworks-header > img {
display: none;
}
#frameworks-header {
margin-bottom: 50px;
}
.support-text .point:nth-of-type(2n - 1) {
padding-right: 15px;
}
.support-text > div {
padding: 50px;
}
#support-grey {
margin-bottom: 525px;
}
.owl-partners {
width: 50%;
}
.department-partners p {
margin-right: 50px;
}
.department-partners p br {
display: none;
}
#telehealth-service-intro {
margin-bottom: 50px;
}
.telehealth-service-intro {
margin-bottom: 50px;
}
.telehealth-grey-section {
padding: 75px 50px;
}
#telehealth-service-boxes {
margin-bottom: 75px;
}
.tele-services.one,
.tele-services.two,
.tele-services.three,
.tele-services.four,
.tele-services.five {
margin-bottom: 36px;
}
.nav-tabs {
flex-direction: column;
}
.nav-tabs .nav-link {
position: relative;
padding-left: 0;
}
.nav-tabs .nav-link.active img {
position: absolute;
left: calc(100% + 10px);
top: 50%;
transform: translateY(-50%);
} .con-details,
.contact-form {
width: 100%;
}
.details-form {
display: block;
}
.con-details {
margin-bottom: 50px;
display: flex;
flex-direction: column;
}
.follow-us {
margin-top: 30px;
}
#contact-section {
padding-top: 0;
}
.wpcf7-spinner {
position: absolute;
margin-top: 20px;
}
#news-single {
padding-top: 75px;
}
.news-single > div img:nth-of-type(2),
.news-single > div img:nth-of-type(3) {
display: none;
}
#shop-hero .red-btn {
display: none;
}
#shop-hero {
padding-top: 100px;
}
.shop-single-hero .opening-cs:last-of-type {
display: none;
}
#single-contact > img {
z-index: -1;
}
.single-contact h2 {
width: 100%;
}
#single-contact .grey-btn {
white-space: nowrap;
}
.review-content {
max-width: calc(540px - 24px);
margin-top: 0;
}
.grey-box {
position: initial;
margin-top: 50px;
width: 100%;
max-width: calc(540px - 24px);
margin-left: auto;
margin-right: auto;
}
.hero-back {
padding-bottom: 0;
}
.owl-special .owl-nav {
top: calc(100% + 50px);
left: 50%;
transform: translateX(-50%);
margin-top: 0;
}
.owl-special {
margin-bottom: 107px;
}
.owl-hero .owl-dots,
.owl-hero .owl-dots,
.owl-theme .owl-nav.disabled + .owl-dots {
top: initial;
bottom: 110px;
} .special-equip {
margin-top: 75px;
padding: 50px 0 100px 0;
}
.f-col {
flex-direction: column;
}
.featured-product {
background: #535d65;
margin-top: 0;
}
.f-image {
position: initial;
width: 100%;
margin-top: -20px;
margin-bottom: 30px;
}
.f-text {
background: transparent;
width: 100%;
top: initial;
padding: 0;
padding-bottom: 50px;
}
.f-row {
margin-top: 0;
}
.f-text > a {
display: none;
}
.f-text .black-btn {
position: initial;
}
.f-text h5 {
margin-bottom: 50px;
}
.telehealth-box,
.sq-box,
.surveys-box {
width: 100%;
position: initial;
transform: none;
text-align: start;
align-items: flex-start;
}
.surveys-box,
.serv-box {
height: 300px;
}
.serv-box,
.telehealth-box {
margin-bottom: 40px;
}
.box-col {
display: block;
}
.blocks {
min-height: auto;
margin-bottom: 100px;
}
.cta-box {
text-align: center;
}
#news-header {
width: 100%;
background: rgb(83, 93, 101);
background: -moz-linear-gradient(
180deg,
rgba(83, 93, 101, 0.08) 0%,
rgba(83, 93, 101, 0) 100%
);
background: -webkit-linear-gradient(
180deg,
rgba(83, 93, 101, 0.08) 0%,
rgba(83, 93, 101, 0) 100%
);
background: linear-gradient(
180deg,
rgba(83, 93, 101, 0.08) 0%,
rgba(83, 93, 101, 0) 100%
);
}
#news-header.home-news-header .news-header h2 {
margin-bottom: 40px;
}
#wpcf7-f73-o1 input.wpcf7-email {
text-align: center;
}
footer form {
text-align: center;
}
#ipad-header {
display: none;
}
#mobile-header {
display: block;
overflow-x: hidden;
}
.main-mobile-menu {
position: fixed;
background-color: white;
z-index: 100000001;
width: 80%;
height: 100vh;
top: 0;
padding: 75px;
transform: translateX(100%);
transition: 0.5s ease-in-out;
right: 0;
overflow-y: scroll;
overflow-x: hidden;
}
.main-mobile-menu.opened {
transform: translateX(0);
}
#mobile-sub-menu,
#mobile-sub-sub-menu {
position: absolute;
background-color: white;
z-index: 100000002;
left: 0;
bottom: 0;
right: 0;
top: 0;
padding: 75px;
transform: translateX(100%);
transition: 0.5s ease-in-out;
overflow-y: scroll;
}
.navbar-nav {
margin-top: 50px;
}
#mobile-sub-menu.opened,
#mobile-sub-sub-menu.opened {
transform: translateX(0);
}
.overlay {
position: relative;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100000000000;
}
.blur-bg::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.55);
z-index: 100000000;
}
#mobile-sub-menu.nav-link,
#mobile-sub-sub-menu.nav-link {
padding: 5px 0;
margin: 5px 0;
}
.sub-close {
display: flex;
align-items: center;
position: absolute;
top: 70px;
color: #535d65;
left: 75px;
transform: translateY(-50%);
font-size: 18px;
font-weight: 400;
padding: 0;
border: none;
white-space: nowrap;
background-color: transparent;
}
.sub-close img {
margin-right: 10px;
}
.nav-link {
font-size: 22px;
font-weight: 400;
color: #535d65;
padding: 10px 0;
margin: 10px 0;
border-bottom: 2px solid transparent;
transition: 0.3s ease-in-out;
}
.nav-link:hover {
border-bottom-color: #a01c29;
color: #535d65;
}
#mobile-sub-menu .nav-link,
#mobile-sub-sub-menu .nav-link {
font-size: 18px;
padding: 5px 0;
margin: 5px 0;
}
.nav-header a {
font-size: 22px;
font-weight: 400;
}
.nav-header {
margin-bottom: 30px;
}
.nav-header:hover {
color: #535d65;
}
.mobile-header {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
position: relative;
height: 120px;
}
.mobile-email {
position: absolute;
top: 50%;
left: 75px;
transform: translateY(-50%);
}
.mobile-email img,
.mobile-menu-btn img {
width: 50px;
}
.mobile-menu-btn {
padding: 0;
border: none;
background-color: transparent;
position: absolute;
top: 50%;
right: 75px;
transform: translateY(-50%);
}
.navbar-brand {
padding: 0;
font-size: medium;
height: 60px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.holding > a {
display: none;
}
.mobile-menu-close-btn {
padding: 10px;
border: none;
background-color: transparent;
z-index: 100000002;
position: absolute;
right: 65px;
top: 60px;
transform: translateY(-50%);
}
.nav-item.menu-item .mobile-menu-close-btn {
z-index: 100000003;
}
#bigDropdown {
display: none;
}
#menu-mobile-menu > .nav-item > .nav-link,
#mobile-sub-menu .nav-link,
#mobile-sub-sub-menu .nav-link {
background-image: url(//hsl.ie/wp-content/uploads/2022/01/mobile-menu-open-arrow_update.svg);
background-size: 13px 13px;
padding-right: 24px;
background-position: center right;
background-repeat: no-repeat;
}
#menu-mobile-menu > .nav-item.menu-item > .nav-link,
#mobile-sub-menu .nav-item.menu-item > .nav-link {
background-image: url(//hsl.ie/wp-content/uploads/2022/01/mobile-menu-forward-arrow.svg);
background-size: 15px 18px;
padding-right: 24px;
background-position: center right;
background-repeat: no-repeat;
}
.mobile-menu-contact {
position: fixed;
bottom: 75px;
z-index: 100000003;
width: calc(100% - 150px);
}
.mobile-menu-contact::after {
content: "";
height: 2px;
width: 100%;
position: absolute;
left: 0;
top: -25px;
background: rgba(83, 93, 101, 0.18);
}
.mobile-menu-contact p {
font-size: 28px;
}
.mobile-menu-contact a {
font-size: 26px;
}
.mobile-menu-contact {
display: none;
}
#menu-mobile-menu > li > a {
width: 100%;
}
.services-hero {
width: 100%;
background-color: transparent;
}
#telehealth-service-header > section {
background: transparent;
}
.support-hero.services-hero,
#telehealth-service-header > section {
padding: 0 0 50px 0;
}
.support-hero.services-hero .opening-cs {
display: none;
}
.support-back,
#telehealth-service-header {
margin-top: 0;
}
.department-product-section.alt .department-partners {
flex-direction: column;
align-items: flex-start;
}
.department-partners.alt p,
.owl-partners.alt {
width: 100%;
}
.department-partners.alt p {
text-align: center;
}
.vacancy > button {
padding: 10px 0;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
margin: 0 2px;
}
.prev.page-numbers {
margin-right: 10px !important;
}
.next.page-numbers {
margin-left: 10px !important;
}
.vacancy.none .vacancy-slider-text {
padding-top: 50px;
}
.vacancy.none {
margin-left: 0;
}
.f-image {
padding-bottom: 85%;
}
#pulse-hero {
display: block;
padding-right: 12px;
margin: 0 auto 100px auto;
}
.pulse-hero {
width: 100%;
margin-top: 50px;
}
#pulse-hero .img,
#pulse-hero .img > img {
width: 100%;
}
.pulse-hero > div {
margin-top: 50px;
margin-bottom: 50px;
}
#pulse-services > img:first-of-type {
transform: translateY(-20%) rotate(15deg);
width: 75%;
}
#pulse-services > img:last-of-type {
max-width: 75%;
}
#pulse-services > img:nth-of-type(2) {
transform: translateY(25%);
max-width: 40%;
}
#pulse-grey-box {
background-position: center;
height: 600px;
}
.pulse-hero h1 {
font-size: 55px;
}
.f-loc-sin {
width: 48%;
}
.f-loc-sin:last-of-type {
width: 100%;
}
}
@media screen and (max-width: 576px) {
h1,
.pulse-hero h1 {
font-size: 45px;
}
.about-timeline::before,
.about-timeline-bottom::after,
.timeline-img {
left: 10%;
}
.timeline-content {
width: 90%;
}
.about-timeline .timeline-item:nth-child(odd) .timeline-content,
.about-timeline .timeline-item:nth-child(even) .timeline-content {
padding-right: 0px;
padding-left: 50px;
}
.about-timeline .timeline-item:not(:first-of-type) {
margin-top: 50px;
}
.about-timeline .timeline-item:nth-child(odd) {
justify-content: flex-end;
}
.timeline-box {
height: 300px;
}
.about-timeline {
margin: 0;
}
.about-timeline-title {
align-items: flex-start;
}
.about-timeline-bottom {
text-align: start;
}
#support-grey {
height: auto;
padding: 75px 0 100px 0;
margin-bottom: 0;
background: rgb(83, 93, 101);
background: -moz-linear-gradient(
180deg,
rgba(83, 93, 101, 0.08) 0%,
rgba(83, 93, 101, 0) 100%
);
background: -webkit-linear-gradient(
180deg,
rgba(83, 93, 101, 0.08) 0%,
rgba(83, 93, 101, 0) 100%
);
background: linear-gradient(
180deg,
rgba(83, 93, 101, 0.08) 0%,
rgba(83, 93, 101, 0) 100%
);
}
.support-text .point {
width: 100%;
}
.support-text .point:nth-of-type(2n - 1) {
padding-right: 0;
}
.support-mid-box {
padding: 125px 25px 50px 25px;
}
.owl-testimonials.owl-theme .owl-dots {
top: 48%;
}
.bottom-footer .two-col > div {
width: 100%;
}
.bottom-footer .two-col > div:nth-of-type(3) {
margin-bottom: 10px;
}
.bottom-footer .two-col > div,
.bottom-footer .two-col > div:nth-of-type(2n) {
text-align: center;
}
.department-partners,
.tele-brands {
display: block;
}
.owl-partners {
width: 100%;
}
.department-partners p,
.tele-brands p {
margin-right: 0;
margin-bottom: 1rem;
text-align: center;
}
.department-partners p br {
display: block;
}
.department-product-image > span {
left: 15px;
}
.department-product-image {
background-position: calc(100% - 25px) 25px;
background-size: 60%;
}
#department-background-section {
background-position-x: 35%;
}
.telehealth-grey-section {
padding: 50px 25px;
}
.telehealth-grey-section h2 br {
display: none;
}
.tele-services.one,
.tele-services.two,
.tele-services.three,
.tele-services.four,
.tele-services.five {
margin-bottom: 12px;
}
header {
padding: 10px 0;
}
#news-single {
width: 100%;
}
.shop-title .shop-title-search,
.shop-title .dgwt-wcas-search-wrapp {
width: 90%;
padding: 10px 10px;
}
.shop-title-search .wc-block-product-search__field {
width: 50%;
padding: 5px 20px 5px 0;
}
.shop-title
.dgwt-wcas-no-submit
.dgwt-wcas-sf-wrapp
input[type="search"].dgwt-wcas-search-input {
padding: 5px 20px 5px 0;
}
.woocommerce ul.products[class*="columns-"] li.product,
.woocommerce-page ul.products[class*="columns-"] li.product {
width: 100%;
}
.woocommerce ul.products[class*="columns-"] li.product,
.woocommerce-page ul.products[class*="columns-"] li.product {
margin-bottom: 2rem;
}
#shop-single-hero {
padding: 0;
width: 100%;
background-color: transparent;
margin-top: 15px;
}
#shop-single-bread {
width: 100%;
padding: 0;
margin-bottom: 30px;
}
#single-contact > img {
display: none;
}
.single-contact {
padding: 100px 25px 75px 25px;
}
.review-content {
max-width: calc(100% - 24px);
}
.slider-image {
width: calc(100% - 12px);
margin-left: auto;
}
.review-content p {
font-size: 14px;
}
.grey-box {
max-width: calc(100% - 24px);
padding: 30px;
min-height: 225px;
font-size: 25px;
}
.owl-hero .owl-dots,
.owl-hero .owl-dots,
.owl-theme .owl-nav.disabled + .owl-dots {
bottom: 235px;
}
.holding {
margin-top: 0;
}
.cta-box {
width: calc(100% + 12px);
}
.bottom-footer .container .two-col > div:nth-of-type(3),
.bottom-footer .container .two-col > div:nth-of-type(1),
.bottom-footer .container .two-col > div:nth-of-type(2) {
margin-bottom: 1rem;
}
.bottom-footer .container .two-col > div:nth-of-type(2n) {
text-align: center;
}
.bottom-footer .container .two-col > div {
width: 100%;
text-align: center;
}
.f-locations > div:last-of-type {
display: none;
}
.f-locations > div:nth-of-type(3) {
margin-bottom: 0;
}
footer > .container > .row:first-of-type {
display: flex;
}
footer > .container > .row:first-of-type .col-12 {
text-align: center;
margin-bottom: 84px;
}
#accreditations {
display: none;
}
.logo-socials div:last-of-type a {
display: none;
}
.socials {
margin-bottom: 1rem;
}
.mobile-email {
left: 12px;
}
.mobile-menu-btn {
right: 12px;
}
.mobile-menu-close-btn {
right: 40px;
}
.nav-link {
padding: 5px 0;
margin: 10px 0;
}
.main-mobile-menu,
#mobile-sub-menu,
#mobile-sub-sub-menu {
padding: 50px;
}
.sub-close {
left: 50px;
}
.navbar-nav {
margin-top: 75px;
}
.img-button .red-btn {
right: 12px;
}
.page-template-departments-services-alt .img-button .red-btn,
.page-template-departments-services .img-button .red-btn {
display: none;
}
.telehealth-service-header-image > a {
font-size: 12px;
bottom: 25px;
left: 25px;
}
.department-product-image.alt > div:first-of-type {
height: 300px;
}
.owl-carousel.owl-vacancies .owl-item .vacancy,
.vacancy.none {
margin: 0;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
display: none;
} .navigation.pagination .prev.page-numbers,
.navigation.pagination .next.page-numbers {
display: flex !important;
}
.prev.page-numbers,
.next.page-numbers {
display: block !important;
}
.overlay-boxes > a > div > img.map {
display: none;
}
.overlay-boxes > a > div > img {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -25%);
max-width: 35px;
}
.overlay-boxes > a {
width: 100%;
}
.overlay-boxes > a:not(:first-of-type),
.overlay-boxes > a:last-of-type {
margin-top: 50px;
}
.overlay-boxes > a > div {
padding: 15px;
height: auto;
}
.overlay-boxes > a > div > h4 {
font-size: 22px;
margin-bottom: 25px;
margin-top: 25px;
}
.contact-content {
bottom: 0;
}
#pulse-hero {
max-width: 100%;
}
.pulse-images {
justify-content: space-evenly;
flex-wrap: wrap;
columns: 2;
gap: 30px;
}
.pulse-images img {
max-width: initial;
}
#pulse-services::after {
transform: translateX(-50%) rotate(0deg);
}
#pulse-services > img:nth-of-type(2) {
transform: translateY(-50px);
max-width: 43%;
}
#pulse-grey-box {
height: 700px;
}
.pulse-hero > img:first-of-type {
margin-bottom: 0;
}
.pulse-case-studies a {
width: 100%;
}
#mc_embed_signup_scroll {
display: block;
}
.mailchimp-button {
margin-left: 0;
margin-top: 1rem;
}
.bottom-footer .container .two-col > div {
width: 50%;
}
.bottom-footer .two-col {
flex-wrap: wrap;
}
.f-locations > div a {
margin: 0 auto;
}
} @media screen and (max-width: 375px) {
.popup-header {
flex-direction: column;
padding-bottom: 0;
}
.popup-header > * {
margin-bottom: 1rem;
}
.popup-close {
top: 25px;
right: 25px;
}
.modal-body {
margin: 0;
}
.popup-header h5:first-of-type {
order: 2;
width: 100%;
}
.popup-header h2 {
order: 1;
width: 100%;
}
.popup-header h5:last-of-type {
order: 3;
width: 100%;
}
h1 {
font-size: 43px;
}
.about-intro .red-btn {
margin-right: 0;
margin-bottom: 10px;
}
.single-members {
width: 100%;
}
.accreditations > img {
max-width: 25%;
width: 25%;
}
.partner-list li {
width: 50%;
}
.cta-box {
padding: 25px;
}
.support-text > div {
padding: 25px;
padding-bottom: 75px;
}
.support-text > div .red-btn {
left: 25px;
}
.red-btn {
white-space: nowrap;
}
.owl-testimonials.owl-theme .owl-nav {
right: 25px;
}
.testimonial-text {
padding: 25px;
padding-left: 25px;
}
.department-image-text > div {
padding: 25px;
}
.department-product-image > span {
left: 10px;
height: 200px;
}
.telehealth-grey-section h2 {
font-size: 26px;
}
.message-us {
flex-direction: column;
align-items: flex-start;
}
.message-us p {
margin-bottom: 0;
}
.news-first-image {
height: 200px;
}
.navbar-nav {
margin-top: 40px;
}
.main-mobile-menu,
#mobile-sub-menu,
#mobile-sub-sub-menu {
padding: 25px;
}
.mobile-menu-close-btn {
top: 35px;
right: 15px;
}
.sub-close {
top: 25px;
left: 25px;
}
.nav-link {
margin: 5px 0;
}
.nav-header {
margin-bottom: 20px;
}
.mobile-email img,
.mobile-menu-btn img {
width: 40px;
}
.telehealth-service-header-image > a {
width: calc(100% - 25px);
}
.department-product-image.alt {
padding: 25px;
}
.department-product-image.alt > div:first-of-type {
height: 250px;
}
.navigation.pagination .page-numbers {
margin: 0 2px;
}
.navigation.pagination .prev.page-numbers {
margin-right: 2px !important;
}
.navigation.pagination .next.page-numbers {
margin-left: 2px !important;
}
.contact-content {
margin-top: 25px;
}
.contact-content > a {
display: none;
}
.overlay-title h3 {
margin-bottom: 25px;
}
#pulse-services > img:first-of-type {
width: 90%;
}
.pulse-services ul li {
width: 100%;
}
#pulse-services > img:nth-of-type(2) {
display: none;
}
.pulse-red-box {
padding: 100px 25px;
}
.page-template-pulse button {
white-space: nowrap;
}
#pulse-grey-box {
height: 750px;
}
}