:root {
--hero: 56px;
--h1: 48px;
--h2: 36px;
--h3: 32px;
--h4: 28px;
--h5: 24px;
--h6: 20px;
--body: 16px;
--body2: 14px;
--cap: 14px;
--small: 12px;
--eyebrow: 15px;
--container-padding: 130px;
--teal: #056871;
--deepteal: #033E44;
--pink: #F2D2C8;
--light: #C4E3CF;
--green: #6BB888;
--warm: #B5755F;
}
.spacing-40 {
padding-top: 40px;
padding-bottom: 40px;
}
.spacing-60 {
padding-top: 60px;
padding-bottom: 60px;
}
.spacing-80 {
padding-top: 80px;
padding-bottom: 80px;
}
.spacing-100 {
padding-top: 100px;
padding-bottom: 100px;
}
/* TYPOGRAPHY */
.maven {
font-family: "Maven Pro", sans-serif;
}
.quincy {
font-family:"quincy-cf";
}
body, html {
background: #FAFAFA;
font-size: var(--body);
line-height: 1.3125em;
font-family: "Maven Pro", sans-serif;
color: var(--teal);
-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 {
font-family:"quincy-cf";
font-weight: 500;
}
.elementor-widget-text-editor h6 {
margin-bottom: 1em;
}
.elementor-widget-text-editor h6:last-child {
margin-bottom: 0;
}
.hero {
font-size: var(--hero);
font-family:"quincy-cf";
line-height: 1.035714285714286em;
font-weight: 500;
}
.body2 {
font-size: var(--body2);
line-height: 18px;
}
.eyebrow {
font-size: var(--eyebrow);
line-height: 20px;
}
.strong {
font-weight: bold;
}
h1, .h1 {
font-size: var(--h1);
line-height: 1.083333333333333em !important;
}
h2, .h2 {
font-size: var(--h2);
line-height: 1.111111111111111em !important;
}
h3, .h3 {
font-size: var(--h3);
line-height: 1.125em !important
;
}
h4, .h4 {
font-size: var(--h4);
line-height: 1.142857142857143em !important;
}
h5, .h5 {
font-size: var(--h5);
line-height: 1.166666666666667em !important;
}
h6, .h6 {
font-size: var(--h6);
line-height: 1.2em !important;
}
.cap {
font-size: var(--cap);
font-weight: 600;
line-height: 1.285714285714286em;
}
.cap-normal {
font-size: var(--cap);
line-height: 1.285714285714286em;
}
p {
margin-bottom: 1em;
}
p:last-child {
margin-bottom: 0;
}
small, .small {
font-size: var(--small);
line-height: 1.166666666666667em;
}
.elementor-button, .btn.btn-default, .wpcf7-submit {
font-size: ;
line-height: ;
/* Grad/Aqua */
background: linear-gradient(45.29deg, #7FC3BE 0%, #E5F3F2 99.5%);
/* Btn drop SD */
box-shadow: 0px 2px 8px rgba(4, 83, 90, 0.2) !important;
border-radius: 12px 4px;
padding: 8px 10px;
padding-right: 58px;
font-size: var(--cap);
font-weight: 600;
line-height: 18px;
color: var(--teal);
position: relative;
transition: all .5s ease;
overflow: hidden;
}
.green-btn .elementor-button {
background: linear-gradient(121.92deg, #04535A 1.83%, #7FC3BE 94.29%);
/* Btn drop SD */
box-shadow: 0px 2px 8px rgba(4, 83, 90, 0.2);
xborder-radius: 12px 4px;
color: #E6F0F1;
xpadding-right: 10px;
}
.green-btn .elementor-button:hover {
xborder-radius: 12px 4px;
color: var(--teal);
}
.elementor-button-content-wrapper {z-index: 1;position: relative;}
.elementor-button::before, .wpcf7-submit::before, .btn.btn-default::before {
content: '';
position: absolute;
top: 0;
left: 0;
background: linear-gradient(121.92deg, #04535A 1.83%, #7FC3BE 94.29%);
width: 100%;
height: 100%;
z-index: 0;
opacity: 0;
transition: all .5s ease;
}
.green-btn .elementor-button::before {
content: '';
position: absolute;
top: 0;
left: 0;
background: linear-gradient(45.29deg, #7FC3BE 0%, #E5F3F2 99.5%);
width: 100%;
height: 100%;
z-index: 0;
opacity: 0;
transition: all .5s ease;
}
.elementor-button:hover::before, .green-btn .elementor-button:hover::before, .wpcf7-submit:hover::before, .btn.btn-default:hover::before {
opacity: 1;
transition: all .5s ease;
}
.elementor-button::after, .green-btn .elementor-button:hover::after {
content: '';
position: absolute;
right: 9px;
top: 50%;
transform: translateY(-50%);
background: url('data:image/svg+xml,') no-repeat center center;
background-size: contain;
width: 8px;
height: 16px;
line-height: 1.285714285714286em; transition: all .5s ease;
}
.elementor-button:hover::after, .green-btn .elementor-button::after {
content: '';
position: absolute;
right: 9px;
top: 50%;
transform: translateY(-50%);
background: url('data:image/svg+xml,') no-repeat center center;
background-size: contain;
width: 8px;
height: 16px; transition: all .5s ease;
}
.elementor-button:hover, .btn.btn-default:hover {
/* Grad/Deep Teal */
/* background: linear-gradient(121.92deg, #04535A 1.83%, #7FC3BE 94.29%); */
xbox-shadow: 0px 2px 4px rgba(107, 184, 136, 0.5) !important;
border-radius: 18px 6px;
color: #fff;
transition: all .5s ease;
}
.team-btn .elementor-button {
font-weight: normal;
background: linear-gradient(180deg, #F0F8F3 0%, #CCE7E5 100%);
box-shadow: none !important; padding-right: 25px !important;
border-radius: 20px !important;
}
.team-btn .elementor-button::after {
background: url('data:image/svg+xml,') no-repeat center center;
width: 10px;
height: 10px;
}
.team-btn .elementor-button::before, .btn-no-arrow .elementor-button::after {
display: none !important;
}
.team-btn .elementor-button:hover {
color: var(--teal);
background: #CCE7E5 !important;
}
.btn-no-arrow .elementor-button {
padding-right: 10px;
}
.elementor-button:focus, .xelementor-button:visited {
color: var(--pink)
}
.green-btn .elementor-button:visited {
color: #fff;
}
.elementor-button:visited {
color: inherit;
}
.elementor-button:visited:hover {
color: var(--white);
}
.green-btn .elementor-button:visited:hover {
color: var(--deepteal);
}
a, a:hover, .btn:hover, .btn:focus {
color: inherit;
text-decoration: none;
}
/* END TYPOGRAPHY */
.container-padding {
padding-left: var(--container-padding);
padding-right: var(--container-padding);
}
.container-padding-left {
padding-left: var(--container-padding);
}
.container-padding-right {
padding-right: var(--container-padding);
}
.p-40 {
padding-top: 40px;
padding-bottom: 40px;
}
.p-60 {
padding-top: 60px;
padding-bottom: 60px;
}
.p-80 {
padding-top: 80px;
padding-bottom: 80px;
}
/* HEADER */
#top-bar {
background-color: #F0F8F3;
border-bottom: 1px solid #C4E3CF;
font-size: var(--cap);
font-weight: 600;
padding: 9px var(--container-padding);
}
#top-bar .top-right {
gap: 20px;
}
header {
padding-left: var(--container-padding);
padding-right: var(--container-padding);
background-color: #F0F8F3;
}
.navbar-brand, .navbar {
padding: 10px 0;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
color: #6BB888;
}
.navbar-nav .active .nav-link {
font-weight: bold;
}
.navbar-light .navbar-nav .nav-link {
color: var(--teal);
}
.navbar-nav {
align-items: center;
}
.nav-item {
margin-left: 35px;
}
.nav-link {
padding-right: 0 !important;
padding-left: 0 !important;
}
#headers {
position: sticky;
top: 0;
z-index: 999;
transition: all .3s ease;
}
.nav-up #headers {
position: sticky;
top: 0;
z-index: 999;
transform: translateY(-43px);
transition: all .3s ease;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
color: #6BB888;
}
.dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: baseline;
content: "";
/* border-top: .3em solid; */
/* border-right: .3em solid transparent; */
/* border-bottom: 0; */
/* border-left: .3em solid transparent; */
border: none;
background: url('data:image/svg+xml,') no-repeat center center;
width: 16px;
height: 9px;
}
.navbar-nav .nav-link.dropdown-toggle:hover::after, .navbar-nav .menu-item.dropdown.show .nav-link.dropdown-toggle::after, .navbar-nav .active .nav-link.dropdown-toggle::after {
background: url('data:image/svg+xml,') no-repeat center center;
}
.dropdown-menu {
/* Green/50 */
background: #F0F8F3;
/* Btn drop SD */
box-shadow: 0px 2px 8px rgba(4, 83, 90, 0.2);
border-radius: 24px 4px;
position: relative;
width: 210px;
right: 0;
left: auto;
margin-top: 0;
}
.dropdown-item {
padding: 10px;
position: relative;
}
.dropdown-menu li {
margin-left: 0;
text-align: center;
border-bottom: 1px solid #E1F1E7;
}
.dropdown-menu li:last-child {
border-bottom: none;
}
.dropdown-item::after {
content: '';
width: 30px;
height: 2px;
background: #69A4AA;
position: absolute;
bottom: 0;
left: calc(50% - 15px);
opacity: 0;
transition: all .3s ease;
}
.dropdown-item:focus, .dropdown-item:hover {
color: #69A4AA;
font-weight: bold;
text-decoration: none;
background-color: transparent;
}
.dropdown-item:hover::after {
opacity: 1;
transition: all .3s ease;
}
.dropdown-menu li a {
color: #69A4AA;
transition: all .3s ease;
white-space: normal;
}
header {
position: relative;
}
#search-bar {
background: #F0F8F3;
position: absolute;
top: 0;
left: 0;
z-index: 9;
width: 100%;
height: 100%;
padding: 25px var(--container-padding) 30px;
opacity: 0;
visibility:hidden;
pointer-events: none;
transition: all .5s ease;
}
.show-searchbar #search-bar {
opacity: 1;
visibility:visible;
pointer-events: all;
transition: all .5s ease;
}
#search-bar {
height: 100%;
}
#search-bar input[type="text"] {
border: none;
border-bottom: 1.5px solid var(--green);
background: transparent;
font-size: var(--h6);
padding-bottom: 10px;
width: 100%;
color: var(--teal);
}
#search-bar input[type="text"]::placeholder {
color: var(--green);
opacity: 1; /* Firefox */
}
#search-bar input[type="text"]::-ms-input-placeholder { /* Edge 12 -18 */
color: var(--green);
}
#submit-search {
opacity: 0;
visibility: hidden;
}
#search-icon {
cursor: pointer;
transition: all .5s ease;
}
#search-icon.showing, #search-icon:hover {
opacity: 0.5;
transition: all .5s ease;
}
.close-search {
position: absolute;
top: calc(50% - 20px);
right: var(--container-padding);
width: 24px;
height: 21px;
cursor: pointer;
background: url('data:image/svg+xml,') no-repeat center center;
background-size: contain;
border: none;
text-indent: -9999px;
}
.close-search:hover {
opacity: 0.5;
transition: all .5s ease;
}
.languages {
width: auto;
gap: 0 8px;justify-content: between;
cursor: pointer;
}
.lang-icon {
gap: 0 8px;
}
.lang-item.current-lang {
color: var(--green);
}
.language-switcher {
width: auto;
position: absolute;
z-index: 999;
background: var(--white);
padding: 15px;
top: 33px;
border-radius: 0 0 12px 12px;
}
.language-switcher li {
list-style: none;
}
/* END HEADER */
/* CONTENT */
.home-intro {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#04535a+0,7fc3be+100 */
background: linear-gradient(135deg, rgba(4,83,90,1) 0%,rgba(127,195,190,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.home-graphics {
position: absolute;
top: 0;
right: 0;
}
.graphic-1, .graphic-2, .graphic-3, .graphic-4, .graphic-5, .graphic-6, .graphic-7, .graphic-8, .graphic-1a, .graphic-2a, .graphic-3a, .graphic-4a, .graphic-5a, .graphic-6a, .graphic-7a, .graphic-8a {
opacity: 0;
transition: all 1s ease;
}
.from-left {
transform: translateX(-50px);
}
.from-right {
transform: translateX(50px);
}
.from-down {
transform: translateY(50px);
}
.from-up {
transform: translateY(-50px);
}
.animated .from-left, .animated .from-right, .animated .from-down, .animated .from-up {
transform: translateY(-0);
transform: translateX(-0);
}
.animated .graphic-1, .loaded .graphic-1a {
opacity: 1;
transition: all 1s ease .1s;
}
.animated .graphic-2, .loaded .graphic-2a {
opacity: 1;
transition: all 1s ease .2s;
}
.animated .graphic-3, .loaded .graphic-3a {
opacity: 1;
transition: all 1s ease .3s;
}
.animated .graphic-4, .loaded .graphic-4a {
opacity: 1;
transition: all 1s ease .4s;
}
.animated .graphic-5, .loaded .graphic-5a {
opacity: 1;
transition: all 1s ease .5s;
}
.animated .graphic-6, .loaded .graphic-6a {
opacity: 1;
transition: all 1s ease .6s;
}
.animated .graphic-7, .loaded .graphic-7a {
opacity: 1;
transition: all 1s ease .7s;
}
.animated .graphic-8, .loaded .graphic-8a {
opacity: 1;
transition: all 1s ease .8s;
}
.elementor-icon-box-icon, .elementor-icon-box-content {
position: relative;
z-index: 1;
}
.elementor-icon-box-wrapper {
/* Grad/GreenBlush */
background: linear-gradient(45.29deg, #E1F1E7 0%, #FCF4F1 99.5%);
/* Deep Teal/50 */
border: 1px solid #E6F0F1;
/* Btn drop SD */
box-shadow: 0px 2px 8px rgba(4, 83, 90, 0.2);
border-radius: 24px;
padding: 24px 20px;
}
.elementor-icon-box-wrapper::after {
content: '';
width: 100%;
height: 100%;
z-index: 0;
position: absolute;
top: 0;left: 0;
/* Grad/light blue */
background: linear-gradient(180deg, #F0F8F3 0%, #CCE7E5 100%);
/* Deep Teal/50 */
border: 1px solid #E6F0F1;
xbox-shadow: 0px 2px 10px #F9E9E4;
border-radius: 24px;
opacity: 0;
transition: all .3s ease;
}
.elementor-icon-box-wrapper:hover::after {
opacity: 1;
transition: all .3s ease;
}
@keyframes fadeInUpShort {
from {
opacity: 0;
transform: translate3d(0,60px,0)
}
to {
transform: translate3d(0,0,0);
opacity: 1
}
}
@-webkit-keyframes fadeInUpShort {
from {
transform: translate3d(0,60px,0)
}
to {
transform: translate3d(0,0,0);
opacity: 1
}
}
.fadeInUp {
animation-name: fadeInUpShort;
}
@keyframes fadeInDownShort {
from {
opacity: 0;
transform: translate3d(0,-60px,0)
}
to {
transform: translate3d(0,0,0);
opacity: 1
}
}
@-webkit-keyframes fadeInDownShort {
from {
transform: translate3d(0,-60px,0)
}
to {
transform: translate3d(0,0,0);
opacity: 1
}
}
.fadeInDown {
animation-name: fadeInDownShort;
}
.img-hover.elementor-widget-image img {
border-radius: 48px 12px 48px 12px;
transition: all .5s ease;
}
.img-hover.elementor-widget-image img:hover {
border-radius: 70px 12px 70px 12px !important;
transition: all .5s ease;
}
.post-loop-c {
background: linear-gradient(294.7deg, #7FC3BE -52.12%, #E5F3F2 69.18%);
border-radius: 48px 0px 24px 0px;
filter: drop-shadow(0px 2px 15px rgba(107, 184, 137, 0.3));
overflow: hidden;
}
.post-loop-c a {
width: 100%;
}
.post-loop-c img {
object-fit: cover;
aspect-ratio: 16 / 9;
}
.post-read-more .elementor-button {
background: linear-gradient(305.97deg, #04535A -21.97%, #7FC3BE 103.71%);
/* Btn drop SD */
box-shadow: 0px 2px 8px rgba(4, 83, 90, 0.2);
xborder-radius: 12px 4px;
color: #E6F0F1;
padding-right: 10px;
transition: all .5s ease;
}
.post-read-more .elementor-button::before {
transition: all .5s ease;
}
.post-read-more .elementor-button::after {
display: none;
}
.post-read-more .elementor-button:hover {
color: var(--teal);
}
.post-read-more .elementor-button::before {
/* Grad/Aqua */
background: linear-gradient(45.29deg, #7FC3BE 0%, #E5F3F2 99.5%) !important;
box-shadow: 0px 2px 4px rgba(107, 184, 137, 0.5);
transition: all .5s ease;
}
.footer-menu p {
margin-bottom: 4px;
}
.map-c {
background: linear-gradient(45.29deg, #E1F1E7 0%, #FCF4F1 99.5%);
}
.home .slick-dots {
position: absolute;
bottom: 60px;
display: block;
width: auto;
padding: 0;
margin: 0px;
list-style: none;
text-align: center;
left: var(--container-padding);
}
.home .slick-dotted.slick-slider {
margin-bottom: 0;
}
.home .slick-initialized .slick-slide {
display: flex !important;
}
.home .slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 1px;
padding: 0;
cursor: pointer;
}
.home .slick-dots li button:before {
font-family: 'slick';
font-size: 14px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: 1 !important;
color: #04535A !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.home .slick-dots li.slick-active button:before {
opacity: 1;
color: #E6F0F1 !important;
}
.home-intro {
min-height: 550px;
}
#page-title .subtitle {
color: var(--light);
margin-bottom: 5px;
}
#page-title {
position: relative;
background: linear-gradient(121.92deg, #04535A 1.83%, #7FC3BE 94.29%);
border-radius: 0px 0px 48px 0px;
padding: 40px var(--container-padding);
min-height: 180px;
display: flex
;
flex-direction: column;
justify-content: center; z-index: 1;
}
.page-title-reversed#page-title {
background: linear-gradient(302.23deg, #04535A -10.05%, #7FC3BE 101.64%);
padding-left: calc(270px + 60px);
border-radius: 0px 0px 0 48px;
}
#page-title h1 {
color: var(--pink);
}
#title-graphic {
position: absolute;
right: 0;
top: 0;
height: 100%;
}
.page-title-reversed #title-graphic {
right: auto;
left: 0;
}
#title-graphic svg {
height: 100%;
}
#title-graphic {
transform: scale(0.75);
transition: all 1s ease;
}
.loaded #title-graphic {
transform: scale(1.0);
transition: all 1s ease;
}
.elementor-element-ec1186e {
overflow: hidden;
}
#map {
position: relative;
}
.map-pin {
cursor: pointer;
background: url('data:image/svg+xml,') no-repeat center left;
position: absolute;
width: auto;
max-width: 250px;
height: 2vw;
background-size: contain;
z-index: 1;
padding-left: 2vw;
display: flex;
align-items: center;
font-size: var(--h6);
font-family: 'quincy-cf';
}
#map {
transition: all 1s ease;
xleft: 0;
xtransform-origin: center center;
}
#map.showing-location-1 {
transform: scale(1.5) translateY(-7vw) translateX(6vw);
xtransform-origin: 0 50%;
transition: all 1s ease;
xleft: 5%;
xmargin-top: -20%;
}
#map.showing-location-2 {
transform: scale(1.5) translateY(-5vw) translateX(8vw);
xtransform-origin: -10% 40%;
xmargin-top: 5%;
xmargin-left: 5%;
xleft: 10%;
transition: all 1s ease;
}
#map.showing-location-3 {
transform: scale(1.5) translateY(10vw);
xtransform-origin: top center;
transition: all 1s ease;
xmargin-top: 20%;
xleft: 0;
}
#map.showing-location-4 {
transform: scale(1.5) translateY(6vw) translateX(0);
xtransform-origin: top center;
transition: all 1s ease;
xmargin-top: 20%;
xleft: -10%;
}
#map.showing-location-5 {
transform: scale(1.5) translateY(6vw) translateX(0);
xtransform-origin: top center;
transition: all 1s ease;
xmargin-top: 20%;
xleft: -10%;
}
#map.showing-location-6 {
transform: scale(1.5) translateY(15vw) translateX(0);
xtransform-origin: top center;
transition: all 1s ease;
xmargin-top: 20%;
xleft: -10%;
}
* {outline: none !important;}
.card {
position: relative;
display: -ms-flexbox;
display: flex
;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: transparent;
background-clip: border-box;
border: none;
border-radius: 12px 12px 0px 0px !important;
margin-bottom: 20px;
}
.accordion>.card>.card-header {
border-radius: 0;
margin-bottom: 0;
}
.btn.focus, .btn:focus {
outline: 0;
box-shadow: none;
}
.card-header {
padding: 0;
margin-bottom: 0;
background-color: transparent;
border-bottom: 1px solid var(--teal);
}
.card-header .btn::after {
content: '';
position: absolute;
right: 20px;
top: 20px;
background: url('data:image/svg+xml,') no-repeat center center;
width: 25px;
height: 26px;
background-size: contain;
transition: all .5s ease;
}
.card-header .btn[aria-expanded="true"]::after {
background: url('data:image/svg+xml,') no-repeat center center;
transform: rotate(45deg);
transition: all .5s ease;
}
.card:hover .card-header {
background: linear-gradient(41.25deg, #F0F8F3 0%, #F3D3C9 108.76%);
}
.card-header .btn {
padding: 10px 20px;
color: #B5755F;
font-size: 28px;
}
.card-header .btn[aria-expanded="true"] {
font-weight: 600;
}
.elementor-14 .elementor-element.elementor-element-5c19ee1, .elementor-910 .elementor-element.elementor-element-201053e {
z-index: 9;
}
.award-slide {
background: #ECF6F2;
padding: 12px 12px 24px 12px;
border-radius: 2px 2px 2px 24px;
}
.award-slide img {
margin-bottom: 15px;
}
.award-slide .cap {
color:#6BB888;
}
.award-slide small {
display: block;
}
/* the slides */
.awards-slider .slick-slide {
margin: 0 20px;
}
/* the parent */
.awards-slider .slick-list {
margin: 0 -20px;
}
.slick-next::before, .slick-prev::before {
display: none;
}
.slick-next {
background: url('data:image/svg+xml,') no-repeat center center !important;
width: 12px;
height: 17px;
background-size: contain;
top: auto;
transform: none;
bottom: -30px;
right: 0;
}
.slick-prev {
background: url('data:image/svg+xml,') no-repeat center center !important;
width: 12px;
height: 17px;
background-size: contain;
top: auto;
transform: none;
bottom: -30px;
left: auto;
right: 92px;
}
.slider-counter {
position: absolute;
right: 12px;
width: 80px;
text-align: center;
bottom: -32px;
font-size: var(--cap);
font-weight: 600;
}
.year-filter {
position: absolute;
bottom: -33px;
width: calc(33.333% - 30px);
justify-content: space-between;
align-items: center;
}
.year-btn, .filter-btn {
color: var(--teal);
font-size: var(--body2);
border: none;
outline: none;
background: transparent;
display: block;
padding-left: 0;
}
.year-btn {
color: #fff;width: 100%;
display: block;
text-align: left;
}
.xdropdown-toggle {
font-size: var(--body2);
background: url('data:image/svg+xml,') no-repeat center right;
background-size: 13px;
padding-right: 20px;
}
#year-filters .dropdown-menu {
background: var(--green);
border: none;
;
flex-direction: column;
align-content: center;
text-align: left;
align-items: flex-start;
padding-left: 10px;
margin-left: -10px;
position: absolute;
width: auto;
lxeft: 0;
}
.border-left {
padding-left: 12px;
}
.border-left::before {
content: '';
width: 2px;height: 100%;
background: #C4E3CF;
border-radius: 0 4px 4px 0;
position: absolute;
left: 0;
top: 0;
}
.border-left-large {
padding-left: 30px;
}
.border-left-large::before {
content: '';
width: 5px;height: 100%;
background: #7FC3BE;
border-radius: 10px 10px 10px 10px;
position: absolute;
left: 0;
top: 0;
}
.specialist-centres-accordion .card-header {
padding: 0 0;
color: var(--teal);
font-size: 28px;
background: linear-gradient(45.29deg, rgba(240, 248, 243, 0.1) 0%, rgba(196, 227, 207, 0.5) 99.5%);
border-radius: 4px 24px !important;
border-bottom: none;
}
.specialist-centres-accordion .card-header .btn {
position: relative;
}
.specialist-centres-accordion .card-header .btn::after {
content: '';
position: absolute;
right: 20px;
top: calc(50% - 20px);
background: url('data:image/svg+xml,') no-repeat center center;
width: 40px;
height: 40px;
background-size: contain;
transition: all .5s ease;
}
.specialist-centres-accordion .card-header img {
height: 80px;
padding: 10px 0;
}
@keyframes zoomIn2 {
0% {
opacity: 0;
transform: scale3d(.75, .75, .75);
}
100% {
opacity: 1;
}
}
.zoomIn {
animation-name: zoomIn2 !important;
}
.elementor-editor-active .e-loop-item, .elementor-editor-active .post-loop-c {opacity: 1 !important;}
.team-grid .elementor-loop-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.team-grid .e-loop-item.team {
width: calc(33.333% - 40px)
}
.locations > .elementor-element {
width: calc(33.333% - (40px/3));
}
.filter-btn {
/* Location Filter */
padding: 10px 10px;
/* Aqua/50 */
background: #F2F9F9;
/* Green/100 */
border: 1px solid #E1F1E7;
border-radius: 4px;
max-width: calc(100% - calc(var( --e-filter-item-padding )*3 ) );
transition: all .5s ease;
}
.filter-btn::before {
content: '';
background: url('data:image/svg+xml,') no-repeat center center;
width: 17px;
height: 8px;
background-size: contain;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
transition: all .3s ease;
}
.filter-btn.active, .filter-btn:hover {
background-color: #CCE7E5;
transition: all .5s ease;
}
.filter-btn.active::before {
transform: translateY(-50%) rotate(-180deg);
transition: all .3s ease;
}
.filter-dropdown {
padding: 0;
background: #F2F9F9;
xborder: 1px solid #E1F1E7;
border-radius: 4px;
display: none;
position: absolute;
width: 100%;
top: 35px;
z-index: 1;
}
.filter-dropdown .e-filter-item {
background: #F2F9F9;
border: 1px solid #E1F1E7;
padding: 6px 10px !important;
display: block;
width: 100%;
font-size: var(--body2);
color: var(--teal);
max-width: 100%;
box-sizing: border-box;
}
.filter-dropdown.elementor-widget-taxonomy-filter .e-filter-item[aria-pressed=true], .filter-dropdown.elementor-widget-taxonomy-filter .e-filter-item:hover {
border-color: #E1F1E7 !important;
color: var(--e-filter-active-text-color);
background-color: #E1F1E7;
}
.back-btn {
background: url('data:image/svg+xml,') no-repeat center left;
padding-left: 30px;
}
.job-content h5 {
color: var(--green);
margin-top: 40px;
margin-bottom: 20px;
}
.job-content h5:first-child {
margin-top: 0;
}
.job-content a {
font-weight: bold;
}
.services-tab.elementor-widget-n-tabs .e-n-tab-title[aria-selected=false] .e-n-tab-icon svg {
fill: transparent !important;
}
.services-tab .e-n-tab-title-text {
font-size: var(--h5) !important;
font-family: 'quincy-cf';
}
.services-tab .e-n-tab-title[aria-selected="true"] .e-n-tab-icon svg path, .services-tab .e-n-tab-title:hover .e-n-tab-icon svg path {
stroke: var(--teal);
}
#e-n-tab-title-143899572.e-n-tab-title[aria-selected="true"] svg path, #e-n-tab-title-143899572:hover svg path {
fill: var(--teal)
}
#e-n-tab-title-143899572[aria-selected="true"] {
background: #FCF4F1 !important;
}
.e-n-tabs-content {
border-radius: 0 12px 48px 12px;
overflow: hidden;
}
.steps > .e-con::after {
content: '';
background: url('data:image/svg+xml,') no-repeat center center;
width: 29px;
height: 57px;
position: absolute;
right: -55px;
opacity: 0;
top: 50%;
transform: translateX(-20px) translateY(-50%);
margin-left: -30px;
transition: all 1s ease;
}
.animated.e-con::after {
transform: translateX(0px) translateY(-50%);
opacity: 1;
transition: all 1s ease;
}
.steps > .e-con:last-child::after, .steps2 > .e-con:last-child::after {
display: none !important;
}
.steps2 > .e-con::after {
content: '';
background: #056871;
height: 100%;
width: 1px;
position: absolute;
right: -40px;
opacity: 1;
top: 50%;
transform: translateY(-50%);
}
.ratio-16-9 img {
aspect-ratio: 16 / 9;
object-fit: cover;
}
.post-loop-read-more .elementor-button {
/* Btn/OutlineArrow */
/* Btn drop SD */
box-shadow: none !important;
filter: drop-shadow(0px 2px 8px rgba(4, 83, 90, 0.2));
border-radius: 12px 4px;
border: 1px solid var(--green);
background: transparent;
}
.tags .elementor-post-info__terms-list .elementor-post-info__terms-list-item {
padding: 6px 10px;
/* Deep Teal/50 */
border: 1px solid #E6F0F1;
border-radius: 24px;
font-size: 10px;
line-height: 12px;
}
.tags-deep-teal .elementor-post-info__terms-list-item {
border-color: var(--teal) !important;
}
.popup-bg {
background: rgba(255,255,255,0.8);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9998;
display: none;
}
.popup {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 75%;
xheight: 70%;
max-height: 70%;
z-index: 9999;
background: #F0F8F3;
max-width: 880px;
box-shadow: 0px 2px 15px rgba(107, 184, 137, 0.3);
border-radius: 20px;
padding: 40px 20px 100px;
}
.popup .body2 {
max-height: 380px;
overflow: auto;
}
.popup.team-843 {
xdisplay: block;
}
.team-pic {
background: linear-gradient(180deg, #F0F8F3 0%, #CCE7E5 100%);
border-radius: 48px 4px 0px 0px;
}
.popup .team-pic img {
aspect-ratio: 4/4;
object-fit: cover;
object-position: top center;
}
.team-info {
text-align: center;
/* Aqua/100 */
background: #E5F3F2;
border-radius: 0px 0px 24px 4px;
padding: 15px 12px;
}
.team-position {
color: var(--green);
}
.team-info h6 {
margin-bottom: 4px;
}
.close-btn {
position: absolute !important;
bottom: 0;
padding: 5px 25px !important;
border: none !important;
/* Grad/Aqua */
border-radius: 20px !important;
font-weight: normal !important;
font-size: var(--body2) !important;
}
.team-popup .close-btn {
bottom: 30px;
left: calc(33.333% + 15px);
}
.specialist-centres .nav-link {
padding: 8px 10px !important;
/* Green/200 */
border: 1px solid #C4E3CF;
/* Btn drop SD */
filter: drop-shadow(0px 2px 8px rgba(4, 83, 90, 0.2));
border-radius: 12px 4px;
color: #056871;
font-size: var(--cap);
font-weight: 600;
line-height: 18px;
background: transparent;
}
.specialist-centres .nav-link:hover {
/* Grad/light blue */
background: linear-gradient(180deg, #F0F8F3 0%, #CCE7E5 100%);
/* Green/200 */
border: 1px solid #C4E3CF;
box-shadow: 0px 2px 5px rgba(243, 211, 201, 0.5);
border-radius: 12px 4px;
color: #056871;
}
.specialist-centres .nav-item {
margin-left: 0;
margin-right: 18px;
}
.country-centres .nav-item {
margin-left: 0;
margin-right: 24px;
width: calc((100% - 99px) / 4);
}
.specialist-centres .nav-link.active {
/* Grad/Green */
background: linear-gradient(45.29deg, #E1F1E7 0%, #89C6A0 99.5%);
/* Green/200 */
border: 1px solid #C4E3CF;
box-shadow: inset 0px 2px 10px rgba(4, 83, 90, 0.2);
color: #056871;
}
.country-centres {
margin: 33px 0;
}
.country-centres .nav-link {
width: 100%;
padding: 20px 15px !important;
border: 1px solid transparent;
outline: none;
/* Grad/GreenBlush */
background: linear-gradient(45.29deg, #E1F1E7 0%, #FCF4F1 99.5%);
box-shadow: 0px 2px 12px rgba(107, 184, 137, 0.3);
border-radius: 24px;
}
.country-centres .nav-link img {
height: 50px;
}
.country-centres .nav-link:hover {
background: linear-gradient(227.96deg, #E1F1E7 -38.95%, #FCF4F1 98.53%);
/* Green/100 */
border: 1px solid #E1F1E7;
box-shadow: 0px 2px 15px rgba(249, 233, 228, 0.5);
}
.country-centres .nav-link.active {
/* Gray/25 */
background: #FAFAFA;
/* Green/100 */
border: 1px solid #E1F1E7;
box-shadow: inset 3px 2px 12px rgba(196, 227, 207, 0.5);
}
.centre-row {
overflow: hidden;
}
.centre-left img {
border-radius: 24px 0 0 24px;
margin-right: 0;
width: calc(100% + 60px);
max-width: calc(100% + 60px);
height: 100%;
object-fit: cover;
}
.centre-right {
padding: 24px 30px;
/* Grad/GreenBlush */
background: linear-gradient(45.29deg, #E1F1E7 0%, #FCF4F1 99.5%);
border-radius: 48px 4px;
overflow: hidden;
}
.centre-right img.centre-logo {
height: 80px;
margin-bottom: 24px;
}
.centre-right-c {
gap: 12px;
margin-bottom: 100px;
}
.centre-content {
color: var(--deepteal)
}
.centre-locations {
gap: 10px;
font-size: var(--body3);
color: var(--darkteal);
}
.centre-locations .loc {
color: var(--deepteal);
font-size: var(--small);
border-bottom: 1.5px solid #A6D4B8;
padding-bottom: 4px;
line-height: 1em;
}
.accordion-logos {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.accordion-logo img {
height: 40px;
object-fit: contain;
}
.accordion-logo {
width: calc(33.333% - 20px);
}
.popup-close:hover span {
color: #fff;
}
.popup-close:hover span svg path {
fill: #fff;
}
/* Scroll to 2rem above the target */
:target {
scroll-margin-top: 92px;
}
.delays .e-loop-item .post-loop-c, .delays .e-loop-item .delay-c, .delays .e-loop-item .highlight-c {
opacity: 0;
animation-fill-mode: forwards;
}
.elementor-editor-active .delays .e-loop-item .post-loop-c, .elementor-editor-active .delays .e-loop-item .delay-c, .elementor-editor-active .delays .e-loop-item .highlight-c {
opacity: 1 !important;
}
.delays .e-loop-item:nth-child(2) .post-loop-c, .delays .e-loop-item:nth-child(2) .delay-c {
animation-delay: 0;
}
.delays .e-loop-item:nth-child(3) .post-loop-c, .delays .e-loop-item:nth-child(3) .delay-c {
animation-delay: 150ms;
}
.delays .e-loop-item:nth-child(4) .post-loop-c, .delays .e-loop-item:nth-child(4) .delay-c {
animation-delay: 300ms;
}
.delays .e-loop-item:nth-child(5) .post-loop-c, .delays .e-loop-item:nth-child(5) .delay-c {
animation-delay: 0;
}
.delays .e-loop-item:nth-child(6) .post-loop-c, .delays .e-loop-item:nth-child(6) .delay-c {
animation-delay: 150ms;
}
.delays .e-loop-item:nth-child(7) .post-loop-c, .delays .e-loop-item:nth-child(7) .delay-c {
animation-delay: 300ms;
}
.delays .e-loop-item:nth-child(8) .post-loop-c, .delays .e-loop-item:nth-child(8) .delay-c {
animation-delay: 450ms;
}
.delays .e-loop-item:nth-child(even) .highlight-c {
animation-delay: 0;
}
.delays .e-loop-item:nth-child(odd) .highlight-c {
animation-delay: 150ms;
}
.loc-slider {
height: 100%;
width: calc(100% + 60px);
max-width: calc(100% + 60px);
}
.centre-left img {
}
.team img {
aspect-ratio: 1 / 1;
object-fit: cover;
object-position: top;
}
@media (min-width: 1680px) {
.home-graphics {
width: 30%;
}
.home-graphics svg {
width: 100%;
height: auto;
}
}
@media (min-width: 768px) and (max-width: 1099px) {
.value-title .elementor-heading-title {
font-size: 2vw;
}
}
@media (min-width: 1100px) and (max-width: 1400px) {
.value-title .elementor-heading-title {
font-size: 2.1vw;
}
}
::selection {
background: var(--pink); /* Background color of the highlight */
color: #000000; /* Color of the selected text */
}
/* For older browsers, you might need vendor prefixes */
::-moz-selection {
background: var(--pink); /* Background color of the highlight */
color: #000000;
}
@media (min-width: 768px) {
.logos-grid {
display: flex;
flex-wrap: wrap;
gap: var(--gap, 20px);
}
/* 5 per row */
.logos-grid > * {
flex: 0 0 calc((100% - 4 * var(--gap, 20px)) / 5);
}
/* Center just the last two on the final line */
.logos-grid > :nth-last-child(2) { margin-left: auto; }
.logos-grid > :last-child { margin-right: auto; }
}
.country-centres {
gap: 20px 0;
}
.team-img {
display: none;
}
.elementor-widget-container > ol > li {
margin-bottom: 1em;
}
#pills-talkmed-tab, #pills-talkmed-2-tab, #pills-talkmed-china-tab {
padding: 10px !important;
}
#pills-talkmed-tab img, #pills-talkmed-2-tab img, #pills-talkmed-china-tab img {
height: 70px;
}
.showing .map-pin {
pointer-events: none !important;
}
/* END CONTENT */
/* wcpf7 */
.wpcf7-submit {
border: none;outline: none;
}
.wpcf7 .container-fluid {
padding: 0;
}
.wpcf7 label {
width: 100%;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 select, .wpcf7 textarea {
background: #FAFAFA;
/* Deep Teal/100 */
border: 1px solid #CDE1E3;
border-radius: 12px;
padding: 6px 10px;
width: 100%;
margin-top: 5px;
}
.wpcf7-submit {
width: auto !important;
}
.wpcf7 .row > div {
padding-left: 10px;
padding-right: 10px;
}
.wpcf7 .row {
margin-left: -10px;
margin-right: -10px;
}
/* end wpcf7 */
/* FOOTER */
/* END FOOTER */
@media (min-width: 1600px) {
:root {
--hero: calc(56px * 1.25);
--h1: calc(48px * 1.25);
--h2: calc(36px * 1.25);
--h3: calc(32px * 1.25);
--h4: calc(28px * 1.25);
--h5: calc(24px * 1.25);
--h6: calc(20px * 1.25);
--body: 18px;
--body2: calc(14px * 1.2);
--cap: calc(14px * 1.2);
--small: calc(12px * 1.2);
--eyebrow: calc(15px * 1.2);
--container-padding: 260px;
}
.e-con {
--container-max-width: calc(100% - 520px);
}
.elementor-14 .elementor-element.elementor-element-0769bd9, .banner-left {
--padding-top: 100px;
--padding-bottom: 100px;
--padding-left: 260px !important;
--padding-right: 100px;
}
.elementor-button, .btn.btn-default, .wpcf7-submit {
padding-top: 9px;
padding-bottom: 9px;
}
.elementor-883 .elementor-element.elementor-element-a32bf14 {
width: var(--container-widget-width, 350px);
max-width: 350px;
--container-widget-width: 350px;
--container-widget-flex-grow: 0;
}
}
@media (min-width: 2500px) {
:root {
--hero: calc(56px * 1.5);
--h1: calc(48px * 1.5);
--h2: calc(36px * 1.5);
--h3: calc(32px * 1.5);
--h4: calc(28px * 1.5);
--h5: calc(24px * 1.5);
--h6: calc(20px * 1.5);
--body: 20px;
--body2: calc(14px * 1.25);
--cap: calc(14px * 1.25);
--small: calc(12px * 1.25);
--eyebrow: calc(15px * 1.25);
--container-padding: 260px;
}
.elementor-883 .elementor-element.elementor-element-a32bf14 {
width: var(--container-widget-width, 420px);
max-width: 420px;
--container-widget-width: 420px;
--container-widget-flex-grow: 0;
}
}
.mobile { display: none; }
/* START MOBILE */
@media (max-width: 991.98px) {
.mobile { display: block; }
.mobile.flex { display: flex; }
.desktop { display: none; }
:root {
--hero: 56px;
--h1: 36px;
--h2: 32px;
--h3: 28px;
--h4: 24px;
--h5: 18px;
--h6: 16px;
--body: 14px;
--body2: 14px;
--cap: 14px;
--small: 12px;
--eyebrow: 12px;
--container-padding: 20px;
}
.hero {
font-size: var(--h2);
}
.m-h1 .elementor-heading-title, .m-h1 {
font-size: 36px;
}
.m-h2 .elementor-heading-title, .m-h2 {
font-size: var(--h2);
}
.m-h3 .elementor-heading-title, .m-h3 {
font-size: var(--h3);
}
.m-h4 .elementor-heading-title, .m-h3 {
font-size: var(--h4);
}
.m-h5 .elementor-heading-title, .m-h5, .m-h5 h3 {
font-size: var(--h5);.wpcf7 label {
width: 100%;
margin-bottom: 15px;
}
}
.m-h6 .elementor-heading-title, .m-h6 {
font-size: var(--h5);
}
.md-h3, .md-h3 .elementor-heading-title {
font-size: 32px;
}
.md-h4, .md-h4 .elementor-heading-title {
font-size: var(--h4);
}
.md-h6, .md-h6 .elementor-heading-title {
font-size: 20px;
}
.spacing-m-0 {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.spacing-m-30 {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.spacing-80 {
padding-top: 50px;
padding-bottom: 50px;
}
.navbar-brand img {
height: 30px;
}
.navbar-brand, .navbar {
padding: 7.5px 0;
}
.navbar-light .navbar-toggler {
color: rgba(0, 0, 0, .5);
border-color: rgba(0, 0, 0, .1);
border: none;
padding: 0;
}
.menu-open svg {
margin-top: -4px;
}
.menu-close svg {
margin-right: 3px;
}
.navbar-toggler.collapsed .menu-close {
display: none;
}
.navbar-toggler:not(.collapsed) .menu-close {
display: block;
}
.navbar-toggler.collapsed .menu-open {
display: block;
}
.navbar-toggler:not(.collapsed) .menu-open {
display: none;
}
.home-graphics {
position: relative;
top: 0;
right: 0;
}
.home-graphics svg {
width: 50%;
}
.elementor-element-0804118 .graphics {
width: 50%;
margin-left: 50%;
}
.elementor-element-0804118 .graphics svg {
width: 100%;
height: 100%;
}
.mp-0 {
padding-left: 0;
padding-right: 0;
}
.elementor-14 .elementor-element.elementor-element-3f0cfc5 img {
aspect-ratio: 16/9;
object-fit: cover;
}
.home .elementor-icon-box-content {
display: flex
;
align-items: center;
}
.home .elementor-icon-box-title {
font-size: 24px;
}
.home .banner-img img {
aspect-ratio: 350 / 150;
object-fit: cover;
}
.home .slick-dots {
position: absolute;
bottom: 30px;
right: 20px;
display: block;
width: auto;
padding: 0;
margin: 0px;
list-style: none;
text-align: right;
left: var(--container-padding);
}
.home-intro {
min-height: auto;
}
#home-slider-loop .slick-track
{
display: flex !important;
}
#home-slider-loop .slick-slide
{
height: inherit !important;
xdisplay:flex;
}
.banner-left > .elementor-element {
padding-bottom: 60px;
height: 100%;
}
.banner-btn {
position: absolute;
bottom: 0;
}
.navbar-collapse {
background: rgb(250, 250, 250);
width: 100vw;
margin-left: -20px;
max-width: 100vw;
position: absolute;
left: 0px;
top: 60px;
/* M.Dropdown */
padding: 10px 0px 60px;
/* Gray/25 */
background: #FAFAFA;
/* Mobile dropdown */
box-shadow: 0px 150px 100px rgba(5, 104, 113, 0.5);
border-radius: 0px 0px 24px 24px;
}
.nav-item {
margin-left: 0;
width: 100%;
}
.nav-item a {
padding: 15px 20px !important;
}
.dropdown-toggle::after {
position: absolute;
top: 21px;
right: 23px;
}
.dropdown-toggle[aria-expanded="true"]::after {
transform: rotate(-180deg);
}
.dropdown-menu li {
border-bottom: 0;
}
.dropdown-menu {
width: 100%;
box-shadow: none;
border-radius: 0;
border: none;
}
.dropdown-menu > li > a {
text-align: left;
padding-left: 40px !important;
}
.dropdown-item::after {
content: '';
width: calc(100% - 55px);
height: 1px;
background: #C4E3CF;
position: absolute;
bottom: 0;
left: 40px;
opacity: 1;
transition: all .3s ease;
}
.dropdown-menu li:last-child .dropdown-item::after {
display: none;
}
.accordion-logo {
width: calc(50% - 10px);
}
.footer-graphics, .footer-graphics-2 {
pointer-events: none !important;
}
.footer-graphics svg, .footer-graphics-2 svg {
width: 60% !important;
height: auto !important;
}
.footer-graphics .elementor-widget-container, .footer-graphics-2 .elementor-widget-container {
display: flex
;
justify-content: flex-end;
align-content: flex-end;
align-items: flex-end;
}
.footer-graphics-2 {
width: 150px !important;
height: 150px !important;
background-size: contain;
}
.elementor-element-81fbf40 img {
height: 50px;
object-position: left;
object-fit: contain;
}
.elementor-14 .elementor-element.elementor-element-fc9d815 {
--margin-top: 0;
}
#map {
width: 100vw;
margin-left: -20px;
}
#map.showing-location-1 {
transform: scale(1.5) translateY(-22vw) translateX(6vw);
}
#map.showing-location-2 {
transform: scale(1.5) translateY(-15vw) translateX(8vw);
}
#map.showing-location-4 {
transform: scale(1.5) translateY(6vw) translateX(-20vw);
}
#map.showing-location-3 {
transform: scale(1.5) translateY(20vw) translateX(-10vw);
}
.elementor-element-620e9d6 {
overflow-y: clip;
}
#title-graphic {
width: 140px;
display: flex
;
align-content: flex-end;
align-items: flex-end;
}
#title-graphic svg {
width: 100%;
height: auto;
}
#page-title {
border-radius: 0px 0px 24px 0;
height: 120px;
min-height: 120px;
padding-right: 155px;
padding-top: 0;
padding-bottom: 0;
}
.page-title-reversed#page-title {
padding-left: 155px;
padding-right: 0;
border-radius: 0px 0px 0 24px;
height: 120px;
min-height: 120px;
}
#page-title h1 {
font-size: var(--h3);
}
.specialist-centres-accordion .card-header img {
height: 60px;
padding: 10px 0;
}
.specialist-centres-accordion .card-header .btn::after {
content: '';
position: absolute;
right: 20px;
top: calc(50% - 12.5px);
width: 25px;
height: 25px;
}
.locations > .elementor-element {
width: auto;
}
.elementor-1028 .elementor-element.elementor-element-e5d14fe {
width: 100% !important;
max-width: 100% !important;
}
.filter-c {
width: calc(50% - 10px);
max-width: 50%;
}
.elementor-element-1b7bb7b {
padding-bottom: 0;
}
.about-graphics {
position: relative !important;
}
.about-graphics svg {
width: 100%;
height: auto;
}
.about-graphics-2l svg, .about-graphics-2r svg {
width: 50px;
height: auto;
}
.elementor-element-a835cd4 {
position: absolute;
bottom: 0;
}
.video-graphics svg {
width: 100px;
height: auto;
}
.year-filter {
position: absolute;
bottom: -33px;
width: 40%;
justify-content: space-between;
align-items: center;
}
.ceo-graphics {
position: absolute;
top: 0;
right: 0;
}
.ceo-graphics svg {
width: 100px;
height: auto;
}
.team-grid .e-loop-item.team {
width: 100%;
}
.e-loop-item.team {
width: calc(100% - 40px);
max-width: calc(100% - 40px);
margin-left: 0;
}
.events-graphics, .services-graphics {
position: absolute !important;
left: auto !important;
bottom: auto !important;
top: 0;
right: 0 !important;
}
.events-graphics svg, .services-graphics svg {
width: 120px;
height: auto;
}
.elementor-element-457b432 {
padding-bottom: 0 !important;
}
.elementor-element-0cd7e04 {
padding-top: 0 !important;
}
.elementor-element-d43df6f {
display: flex
;
flex-direction: row;
flex-wrap: nowrap;
}
.elementor-element-7d8bd26 {
width: 30%;
}
.specialist-centres {
margin-top: 10px;
gap: 12px;
}
.specialist-centres .nav-item {
width: auto !important;
margin-right: 0;
}
.country-centres {
gap: 10px 20px;
}
.country-centres .nav-item {
width: calc(50% - 10px);
margin-right: 0;ss
}
.country-centres .nav-link img {
height: 50px;
object-fit: contain;
}
.centre-left.pr-0 {
padding-right: 15px !important;
}
.loc-slider {
height: 100%;
width: calc(100% + 0px);
max-width: calc(100% + 0px);
}
.centre-right {
margin-left: 15px !important;
margin-right: 15px !important;
}
.page-id-883 .e-n-tabs-content {
border-radius: 0;
}
.popup {
width: calc(100% - 60px);
max-height: 90dvh !important;
}
.popup .body2 {
max-height: 30dvh;
overflow: auto;
}
.popup-close.mobile {
top: -20px;
bottom: auto;
right: 15px;
}
.team-info {
margin-bottom: 20px;
}
#search-bar {
padding-top: 15px;
padding-bottom: 15px;
}
#search-bar input[type="text"] {
font-size: 14px;
}
.close-search {
position: absolute;
top: calc(50% - 14px);
right: var(--container-padding);
width: 24px;
height: 16px;
cursor: pointer;
background-size: contain;
border: none;
text-indent: -9999px;
}
.wpcf7 label {
width: 100%;
margin-bottom: 15px;
}
.top-right {
align-items: center;
}
.services-tab .e-n-tabs-heading {
display: flex
;
flex-direction: row;
}
.services-tab .e-n-tab-title {
max-width: 50%;
}
.popup {
padding-bottom: 40px;
}
} /* END MOBILE */
@media (max-width: 767.98px) {
.steps2 > .e-con::after {
content: '';
background: #056871;
height: 1px;
width: 100%;
position: absolute;
right: auto !important;
opacity: 1;
top: auto !important;
transform: translateY(-50%);
bottom: -45px !important;
}
.steps > .e-con::after {
content: '';
width: 29px;
height: 57px;
position: absolute;
right: auto !important;
top: auto !important;
margin-left: 0 !important;
transition: all 1s ease;
bottom: -70px !important;
left: calc(50% - 15px) !important;
transform: rotate(90deg) !important;
}
}
/* START TABLETS */
@media (min-width: 768px) and (max-width: 1024px) {
.elementor-element-c69cda5, .elementor-element-4e40552 {
height: 100%;
}
.elementor-element-0cd7e04 {
padding-bottom: 0;
}
.about-graphics {
width: 30%;
}
.team-grid .e-loop-item.team {
width: calc(33.333% - 40px);
}
.country-centres .nav-item {
width: auto;
margin-right: 0;
}
}
/* END TABLETS */
@media (min-width: 1024px) and (max-width: 1380px) {
:root {
--container-padding: 50px;
--hero: 56px;
--h1: 48px;
--h2: 36px;
--h3: 32px;
--h4: calc(28px * 0.9);
--h5: 24px;
--h6: 20px;
--body: 16px;
--body2: 14px;
--cap: 14px;
--small: 12px;
--eyebrow: 15px;
}
.e-con {
--container-max-width: calc(100% - 100px);
}
}
@media (max-width: 1024px) {
.popup {
width: calc(100% - 60px);
max-height: 90dvh !important;
}
.popup .body2 {
max-height: 30dvh;
overflow: auto;
}
}