* {
margin: 0;
padding: 0;
}
html {
font-size: 10px;
overflow-x: hidden;
}
body {
color: #452346;
font-family: "DM Sans", sans-serif;
font-optical-sizing: auto;
font-size: 1.7rem;
margin: 0;
padding: 0;
box-sizing: border-box;
line-height: 1.5em;
color: #452346;
min-height: 100vh;
display: flex;
flex-direction: column;
background-color: #F8F5F0;
overflow-x: hidden;
}
body.modal-active {
overflow-y: hidden;
}
body.no-bg {
background-color: #F8F5F0;
}
p {
font-size: 1.8rem;
line-height: 1.5em;
margin-bottom: 0.6em;
color: #452346;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "DM Sans", sans-serif;
color: #452346;
}
h1 {
font-size: 3.1rem;
line-height: 1.1em;
}
h1.front {
font-size: 3.1rem;
}
h2 {
font-size: 2.5rem;
line-height: 1.2em;
}
h3 {
font-size: 2rem;
line-height: 1.3em;
}
h4 {
font-size: 1.8rem;
line-height: 1.3em;
}
h5 {
font-size: 1.65rem;
line-height: 1.3em;
}
img {
width: 100%;
height: auto;
display: block;
vertical-align: bottom;
}
a {
text-decoration: none;
transition: 0.25s ease;
color: #a42da7;
}
a:hover {
color: #452346;
text-decoration: none;
}
ul {
font-size: 1.7rem;
line-height: 1.5em;
margin-bottom: 0.6em;
color: #452346;
list-style: none;
margin: 0;
padding: 0;
}
.container-fluid {
max-width: 2200px;
padding: 0;
}
.container {
max-width: 1700px;
padding-left: 3rem;
padding-right: 3rem;
}
.no-margin {
margin: 0;
}
.red-clr {
color: red;
}
.bold {
font-weight: 700;
} .page-single,
.post-single {
padding-top: 24rem;
padding-bottom: 0;
}
.page-single.page-contact {
background-color: #F8F5F0;
}
.page-single.page-contact h1 {
margin-bottom: 8rem;
max-width: 550px;
font-size: 5rem;
line-height: 1;
}
.page-single.page-contact h1 .inline-logo {
height: 0.9em;
position: relative;
top: 0;
margin-left: 0em;
width: 165px;
display: inline-block;
}
.page-single.page-contact .company-data {
margin-bottom: 8rem;
line-height: 1.8em;
}
.page-single.page-contact .company-data .company-name {
font-size: 1.8rem;
font-weight: 700;
margin-bottom: 1rem;
}
.page-single.page-contact .company-data .company-address,
.page-single.page-contact .company-data .company-phone,
.page-single.page-contact .company-data .company-email {
font-size: 1.8rem;
font-weight: 500;
margin: 0;
}
.page-single.page-contact .company-data .company-address {
margin-bottom: 1.8rem;
} .full-w-section {
padding: 3rem 0;
}
.full-w-section.img-background {
background-repeat: no-repeat;
background-size: cover;
}
header {
padding: 2.5rem 0;
margin-bottom: -2px;
background-color: #452346;
position: fixed;
z-index: 11;
width: 100%;
height: 100px;
}
header .menu-icon {
align-items: center;
width: 32px;
height: 30px;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 20px;
cursor: pointer;
}
header.no-bg {
background-color: #F8F5F0;
margin-bottom: 6rem;
}
header.no-bg .menu-icon-close::before, header.no-bg .menu-icon-close::after {
position: absolute;
left: 15px;
content: " ";
height: 33px;
width: 2px;
background-color: #452346;
}
header.no-bg .menu-icon-close::before {
transform: rotate(45deg);
}
header.no-bg .menu-icon-close::after {
transform: rotate(-45deg);
}
.header-logo {
max-width: 187px;
}
.menu-icon-close {
visibility: hidden;
opacity: 0;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
width: 32px;
height: 32px;
opacity: 0.6;
z-index: 1000;
cursor: pointer;
}
.menu-icon-close:hover {
opacity: 1;
}
.menu-icon-close::before, .menu-icon-close::after {
position: absolute;
left: 15px;
content: " ";
height: 33px;
width: 2px;
background-color: #fff;
}
.menu-icon-close::before {
transform: rotate(45deg);
}
.menu-icon-close::after {
transform: rotate(-45deg);
}
#overlay-mobile {
position: fixed;
z-index: 10;
top: 0;
bottom: 0;
left: 0;
right: 100%;
background-color: #341935;
transition: all 0.6s ease;
pointer-events: none;
height: 100%;
}
#overlay-mobile.show-overlay {
right: -100%;
opacity: 1;
visibility: visible;
pointer-events: all;
}
.main-menu ul.primary-menu {
display: none;
flex-direction: row;
justify-content: flex-end;
height: 100%;
}
.main-menu ul.primary-menu li {
line-height: 2.2em;
margin-left: 8%;
display: flex;
align-items: center;
}
.main-menu ul.primary-menu li a {
font-size: 1.8rem;
font-weight: 500;
color: #F0E8DB;
width: -moz-max-content;
width: max-content;
}
.main-menu ul.primary-menu li a:hover {
color: #cd97fd;
}
.main-menu ul.primary-menu li.current_page_item a {
font-weight: 800;
color: #cd97fd;
}
.main-menu ul.primary-menu.mobile-menu {
display: flex;
z-index: 1000;
opacity: 1;
visibility: visible;
flex-direction: column;
justify-content: flex-start;
position: fixed;
top: 15rem;
left: 5rem;
}
.main-menu ul.primary-menu.mobile-menu li {
line-height: 2.8em;
margin-left: 2rem;
display: flex;
align-items: center;
}
.main-menu ul.primary-menu.mobile-menu li a {
font-size: 2.3rem;
font-weight: 600;
}
.main-menu ul.primary-menu.menu-dark li a {
color: #452346;
}
.main-menu ul.primary-menu.menu-dark li.current_page_item a {
font-weight: 800;
color: #cd97fd;
}
.main-menu ul.primary-menu.menu-dark.mobile-menu li a {
color: #F0E8DB;
}
.cta-sect.cta-sect-1 {
padding: 6rem 0;
}
.cta-sect.cta-sect-1 H2 {
font-family: "DM Sans", sans-serif;
text-align: center;
color: #fff;
font-size: 5.6rem;
line-height: 5.9rem;
margin-bottom: 3rem;
}
.cta-sect.cta-sect-1 p {
font-family: "DM Sans", sans-serif;
color: #fff;
font-size: 1.8rem;
text-align: center;
font-weight: 400;
margin-bottom: 0;
}
.cta-sect.cta-sect-1 p.txt-lg {
font-weight: 500;
font-size: 2.6rem;
text-align: center;
}
.cta-sect.cta-sect-1 .cta-button {
width: 100%;
margin-top: 4rem;
}
.cta-sect.cta-sect-1 .cta-button a {
margin: 0.5rem auto 2rem auto !important;
}
.newsl-sect.newsl-sect-1 {
padding: 6rem 0;
}
.newsl-sect.newsl-sect-1 H2 {
font-family: "DM Sans", sans-serif;
text-align: center;
font-size: 5.6rem;
line-height: 5.9rem;
margin-bottom: 3rem;
font-weight: 400;
}
.newsl-sect.newsl-sect-1 p {
font-family: "DM Sans", sans-serif;
font-size: 1.8rem;
text-align: center;
font-weight: 400;
margin-bottom: 0;
letter-spacing: 2px;
color: #909090;
}
.newsl-sect.newsl-sect-1 p.txt-lg {
text-transform: uppercase;
}
.newsl-sect.newsl-sect-1 .cta-button {
width: 100%;
margin-top: 4rem;
}
.newsl-sect.newsl-sect-1 .cta-button a {
margin: 0.5rem auto 2rem auto !important;
}
.ft-spc {
height: 14rem;
width: 100%;
}
footer {
margin-top: auto;
padding: 8rem 0 6rem 0;
position: relative;
}
footer .fixed-bottom {
z-index: 100;
position: fixed;
width: 100%;
max-width: 1700px;
padding: 1rem 1rem;
left: 50%;
bottom: 0;
transform: translate(-50%, 120%);
opacity: 0;
visibility: hidden;
transition: transform 0.4s ease, opacity 0.3s ease;
display: flex;
justify-content: space-between;
align-items: center;
pointer-events: none;
}
footer .fixed-bottom.is-visible {
transform: translate(-50%, 0);
opacity: 1;
visibility: visible;
}
footer .fixed-bottom { }
footer .fixed-bottom .chat-btn {
right: 2.5rem;
bottom: 4rem;
width: 64px;
height: 64px;
background: #F1E8DB;
border-radius: 9999px;
border: 1px solid #452346;
overflow: hidden;
cursor: pointer;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
transition: width 0.35s ease;
will-change: width;
pointer-events: all;
}
footer .fixed-bottom .chat-btn a {
position: relative;
display: block;
height: 100%;
width: 100%;
}
footer .fixed-bottom .chat-btn { }
footer .fixed-bottom .chat-btn .chat-main {
position: absolute;
right: 0;
top: 0;
width: 64px;
height: 64px;
z-index: 2;
display: block;
}
footer .fixed-bottom .chat-btn { }
footer .fixed-bottom .chat-btn .chat-slide {
position: absolute;
left: 0;
top: 0;
height: 84px;
width: 160px;
overflow: hidden;
padding: 0 2rem 0 3rem;
}
footer .fixed-bottom .chat-btn .chat-expanded {
height: 84px;
width: 100%;
transform: translateX(-241px);
transition: transform 0.35s ease;
display: block;
}
footer .fixed-bottom .chat-btn.is-open {
width: 64px;
}
footer .fixed-bottom .chat-btn.is-open .chat-expanded {
transform: translateX(0);
}
footer .fixed-bottom .cta-button a {
padding: 10px 15px;
font-size: 1.6rem;
}
footer .fixed-bottom .cta-button.ask-higgins-mob {
max-width: 90px;
}
footer .fixed-bottom .cta-button.ask-higgins-mob a:hover {
background-color: #fff;
border: 1px solid #452346;
}
footer .footer-widgets .footer-logo {
display: flex;
justify-content: center;
margin-bottom: 3rem;
width: 100%;
max-width: 250px;
}
footer .footer-widgets .footer-logo img {
max-width: 475px;
}
footer.footer-one {
background-color: #452346;
color: #faebd7;
font-size: 1.4rem;
}
footer.footer-one .footer-first-col {
display: flex;
flex-direction: column;
}
footer.footer-one .footer-third-col {
display: flex;
flex-direction: column;
align-items: flex-start;
}
footer.footer-one p.about-us-short {
color: #FFCE31;
font-size: 3.7rem;
font-weight: 700;
}
footer.footer-one p.powered {
color: #F0E8DB;
font-size: 1.8rem;
font-weight: 400;
margin-top: auto;
}
footer.footer-one p.powered a {
color: #FFCE31;
}
footer.footer-one p.powered a:hover {
color: #fff;
}
footer.footer-one p {
color: #cbc4ba;
font-size: 1.4rem;
}
footer.footer-one a {
color: #cbc4ba;
}
footer.footer-one .footer-social {
margin-top: auto;
display: flex;
height: auto;
flex-wrap: wrap;
margin-bottom: 2rem;
justify-content: center;
align-items: center;
padding-bottom: 5px;
}
footer.footer-one .footer-social .icon {
opacity: 0.7;
margin: 0 2rem 1rem 1rem;
height: 3rem;
width: auto;
transition: all 0.2s ease;
}
footer.footer-one .footer-social .icon:first-child {
margin-left: 15px;
}
footer.footer-one .footer-social .icon img {
width: auto;
height: 100%;
}
footer.footer-one .footer-social .icon:hover {
opacity: 1;
}
footer.footer-one .footer-company {
margin-bottom: 4rem;
font-size: 2rem;
line-height: 3rem;
color: #F0E8DB;
}
footer.footer-one .footer-company .company-name {
color: #FFCE31;
font-size: 2.5rem;
margin-bottom: 5px;
font-weight: 700;
}
footer.footer-one .footer-company .company-address {
margin-bottom: 4rem;
}
footer.footer-one .footer-menu ul {
line-height: 4rem;
}
footer.footer-one .footer-menu ul li a {
font-size: 1.8rem;
font-weight: 500;
color: #F0E8DB;
}
footer.footer-one .footer-menu ul li a:hover {
color: #cd97fd;
}
footer.footer-one .legal-stuff-menu {
margin-top: 4rem;
margin-bottom: 4rem;
}
footer.footer-one .legal-stuff-menu ul {
line-height: 4rem;
}
footer.footer-one .legal-stuff-menu ul li a {
font-size: 1.8rem;
font-weight: 500;
text-decoration: underline;
}
footer.footer-one .legal-stuff-menu ul li a:hover {
color: #FFCE31;
}
.featured-image {
margin-bottom: 30px;
}
.post-category {
margin-bottom: 10px;
}
.post-date {
margin-bottom: 10px;
}
.wp-page-content h2,
.wp-page-content h3 {
margin: 1.7rem 0 1.3rem 0;
}
.hero-front {
color: #F0E8DB;
background-color: #452346;
overflow-y: hidden;
padding-top: 100px;
height: 100%;
min-height: 100vh;
position: static;
}
@media (min-height: 990px) {
.hero-front {
position: relative;
}
}
.hero-front { }
.hero-front .scroll-down {
position: absolute;
bottom: 40px;
left: 50%;
transform: translateX(-50%);
cursor: pointer;
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
opacity: 1;
transition: opacity 0.4s ease, transform 0.4s ease;
}
.hero-front { }
.hero-front .scroll-down.hide {
opacity: 0;
transform: translateX(-50%) translateY(15px);
pointer-events: none;
}
.hero-front { }
.hero-front .scroll-down svg {
width: 34px;
height: 34px;
stroke: white;
stroke-width: 2;
fill: none;
animation: floatArrow 1.8s ease-in-out infinite;
}
.hero-front { }
.hero-front .scroll-down span {
font-size: 11px;
letter-spacing: 1.2px;
text-transform: uppercase;
color: white;
opacity: 0.75;
}
.hero-front { }
@keyframes floatArrow {
0% {
transform: translateY(0);
opacity: 0.6;
}
50% {
transform: translateY(8px);
opacity: 1;
}
100% {
transform: translateY(0);
opacity: 0.6;
}
}
.hero-front .hero-container {
position: relative;
padding-top: 10vh;
padding-bottom: 5rem;
}
.hero-front .hero-container::before {
background-image: url(//higgins.be/wp-content/themes/higinstheme/assets/images/hero-bg-line-1.svg);
background-size: cover;
background-repeat: no-repeat;
position: absolute;
content: "";
top: -13%;
left: -10%;
width: 100%;
max-width: 800px;
height: 550px;
pointer-events: none;
}
.hero-front .hero-container::after {
background-image: url(//higgins.be/wp-content/themes/higinstheme/assets/images/hero-bg-line-2.svg);
background-size: cover;
background-repeat: no-repeat;
position: absolute;
content: "";
bottom: -35%;
left: -35%;
width: 100%;
height: 515px;
pointer-events: none;
}
.hero-front .hero-content {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
z-index: 1;
}
.hero-front .hero-content h1 {
font-size: 3.6rem;
font-weight: 700;
color: #F0E8DB;
margin-bottom: 3rem;
}
.hero-front .hero-content .hero-subtitle {
margin-bottom: 4rem;
}
.hero-front .hero-content .hero-subtitle p {
color: #F0E8DB;
margin-bottom: 1rem;
font-size: 1.8rem;
line-height: 1.4em;
}
.hero-front .hero-image {
max-width: 760px;
display: none;
}
.hero-front.hero-short {
height: 100%;
}
.hero-front.em-anim {
opacity: 1;
transform: none;
}
.hero-page {
padding-top: calc(10vh + 100px);
color: #F0E8DB;
background-color: #452346;
}
.hero-page .hero-container {
position: relative;
}
.hero-page .hero-container::before {
display: none;
background-image: url(//higgins.be/wp-content/themes/higinstheme/assets/images/hero-bg-line-1.svg);
background-size: cover;
background-repeat: no-repeat;
position: absolute;
content: "";
top: -200px;
left: -10%;
width: 100%;
max-width: 800px;
height: 550px;
pointer-events: none;
}
.hero-page .hero-container::after {
display: none;
background-image: url(//higgins.be/wp-content/themes/higinstheme/assets/images/hero-bg-line-2.svg);
background-size: cover;
background-repeat: no-repeat;
position: absolute;
content: "";
bottom: 1rem;
right: -15%;
width: 100%;
height: 515px;
pointer-events: none;
transform: rotateX(180deg);
}
.hero-page .hero-container .hero-video {
padding-bottom: 7rem;
position: relative;
z-index: 1;
}
.hero-page .hero-content {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
z-index: 1;
}
.hero-page .hero-content h1 {
font-size: 3.6rem;
line-height: 1.1em;
text-align: center;
max-width: 740px;
margin-left: auto;
margin-right: auto;
font-weight: 700;
color: #F0E8DB;
margin-bottom: 3rem;
}
.hero-page .hero-content .hero-subtitle {
max-width: 740px;
margin-bottom: 4rem;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.hero-page .hero-content .hero-subtitle p {
color: #F0E8DB;
margin-bottom: 1rem;
font-size: 1.8rem;
line-height: 1.4em;
}
.hero-page .hero-content .cta-button {
margin-left: auto;
margin-right: auto;
margin-bottom: 8rem;
}
.hero-page .hero-image {
max-width: 760px;
}
.hero-page.hero-video {
padding-bottom: 9rem;
}
.hero-page.em-anim {
opacity: 1;
transform: none;
}
.section-it-1 {
padding: 4rem 0;
background-color: #F8F5F0;
}
.section-it-1 .it-image {
max-width: 660px;
margin-bottom: 5rem;
}
.section-it-1 .it-content {
padding-top: 2rem;
}
.section-it-1 .it-content h2 {
font-size: 5rem;
font-weight: 700;
line-height: 1em;
margin-bottom: 4rem;
}
.section-it-1 .it-content p {
font-size: 1.8rem;
line-height: 1.4em;
}
.section-it-1 .cta-button {
margin-top: 5rem;
}
.section-it-2 {
padding: 7rem 0 10rem 0;
}
.section-it-2 .stat-content {
display: flex;
flex-direction: column;
height: 100%;
}
.section-it-2 .stat-content h2 {
font-size: 4rem;
font-weight: 700;
line-height: 1.2em;
margin-bottom: 3rem;
max-width: 650px;
margin-top: 5rem;
padding-left: 0;
}
.section-it-2 .stat-content p {
margin-top: auto;
font-size: 1.8rem;
padding-left: 0;
}
.section-it-2 .stat-image {
height: 100%;
overflow: hidden; }
.section-it-2 .stat-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; -o-object-position: center;
object-position: center; display: block;
}
.section-it-3 {
padding: 7rem 0 2rem 0;
}
.section-it-3 .it-content {
padding-left: 0;
}
.section-it-3 .it-image {
padding-right: 0;
}
.section-it-3 .features-btns {
display: flex;
flex-wrap: wrap;
margin-bottom: 3rem;
}
.section-it-3 .features-btns .feat-btn {
display: flex;
align-items: center;
}
.section-it-3 .features-btns .feat-btn .feat-icon {
margin-right: 1rem;
}
.section-it-3 .features-btns .feat-btn .feat-icon img {
height: 3.5rem;
width: auto;
}
.section-it-3 .features-btns .feat-btn {
font-size: 2rem;
font-weight: 400;
border: 1px solid #452346;
border-radius: 40px;
padding: 1rem 2rem;
margin-right: 1.5rem;
margin-bottom: 1.5rem;
}
.section-it-3 h2 {
margin-top: 3rem;
font-size: 5rem;
font-weight: 700;
margin-bottom: 3rem;
}
.section-it-3 p,
.section-it-3 ul {
font-size: 1.8rem;
line-height: 1.5em;
}
.section-it-3 ul {
padding-left: 2.5rem;
list-style-type: disc;
margin-bottom: 2rem;
}
.section-it-3 .cta-button {
margin-top: 4rem;
}
.section-it-3.project-section {
margin-bottom: 8rem;
}
.section-it-3.project-section .it-image {
margin-bottom: 3rem;
}
.section-it-3.project-section .it-content {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.section-it-3.project-section .it-content h2 {
margin-bottom: 6rem;
}
.section-it-3.project-section .it-content p {
font-size: 1.8rem;
line-height: 1.5em;
}
.section-it-3.project-section .it-content ul li {
font-size: 1.8rem;
line-height: 1.5em;
}
.section-it-3.alt h2 {
margin-bottom: 0;
}
.section-it-3.alt .project-subtitle {
font-size: 2rem;
font-weight: 600;
margin-bottom: 3.5rem;
opacity: 0.6;
}
.section-it-3.alt .project-small-title {
margin-bottom: 1rem;
text-transform: uppercase;
font-weight: 700;
font-size: 1.9rem;
}
.section-it-3.alt hr {
margin-bottom: 2rem;
}
.section-it-3.alt .features-btns {
display: flex;
flex-direction: column;
flex-wrap: wrap;
margin-bottom: 2rem;
}
.section-it-3.alt .features-btns .feat-btn {
display: flex;
flex-direction: column;
align-items: flex-start;
font-size: 2rem;
font-weight: 400;
border: none;
border-radius: 0;
padding: 0.5rem 0;
margin-right: 1.5rem;
margin-bottom: 1.5rem;
}
.section-it-3.alt .features-btns .feat-btn:last-child {
margin-bottom: 3rem;
}
.section-it-3.alt .features-btns .feat-btn .feat-icon {
margin-right: 1rem;
margin-bottom: 1rem;
display: none;
}
.section-it-3.alt .features-btns .feat-btn .feat-icon img {
height: auto;
width: 3rem;
}
.section-it-3.alt .features-btns .feat-btn span {
margin-right: 1rem;
font-weight: 600;
}
@media (min-width: 768px) {
.section-it-3.alt .features-btns .feat-btn {
flex-direction: row;
align-items: center;
}
.section-it-3.alt .features-btns .feat-btn .feat-icon {
margin-bottom: 0;
display: block;
}
}
.section-it-3.alt .features-btns.inv-details .feat-btn {
justify-content: space-between;
font-weight: 700;
margin: 0 0 1rem 0;
}
.section-it-3.alt .features-btns.inv-details .feat-btn span {
margin-right: 1rem;
font-weight: 400;
}
.section-it-3.alt .features-btns.inv-details hr {
border: none;
height: 1px;
background-color: #cfcfcf;
margin: 0 0 1rem 0;
}
.section-it-3.alt .date-info-box {
padding: 2rem;
border-radius: 1.5rem;
background-color: #452346;
color: #FFCE31;
}
.section-it-3.alt .date-info-box .date-info-title {
margin-bottom: 1rem;
font-weight: 600;
font-size: 1.9rem;
}
.section-it-3.alt .date-info-box .date-info-title span {
margin-right: 1rem;
}
.section-it-3.alt .date-info-box p {
color: #fff;
font-size: 1.6rem;
font-style: italic;
margin: 0;
}
.section-it-3.alt .project-button-group {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 1rem;
}
.section-it-3.alt .project-button-group .cta-button {
margin: 0;
width: 100%;
flex: 1 1 100%;
}
.section-it-3.alt .project-button-group .cta-button a {
color: #452346;
text-align: center;
font-size: 2rem;
font-style: normal;
font-weight: 600;
line-height: 23.5px;
letter-spacing: 0;
background-color: #F1E8DB;
border: 1px solid #452346;
border-radius: 30px;
padding: 13px 30px;
display: block;
width: 100%;
max-width: 100%;
text-align: center;
cursor: pointer;
transition: all 0.3s ease;
pointer-events: all;
white-space: nowrap;
}
.section-it-3.alt .project-button-group .cta-button a:hover {
background-color: #fff;
}
.section-it-3.alt .project-button-group .cta-button a.yellow {
background-color: #FFCE31;
}
.section-it-3.alt .project-button-group .cta-button a.yellow:hover {
background-color: #fff;
}
.section-it-3.alt .project-button-group .cta-button:last-child {
margin: 0;
}
@media (min-width: 1500px) {
.section-it-3.alt .project-button-group .cta-button {
flex: 1 1 30%;
margin: 0 2rem 0 0;
}
}
.section-it-3.alt .small-print {
font-size: 1.5rem;
font-style: italic;
opacity: 0.7;
line-height: 1.3em;
}
.section-gallery {
padding: 3rem 0;
position: relative;
}
.section-gallery::before {
position: absolute;
content: "";
top: -5%;
right: -25%;
height: 515px;
width: 100%;
background-image: url(//higgins.be/wp-content/themes/higinstheme/assets/images/hero-bg-line-2.svg);
background-size: contain;
background-repeat: no-repeat;
z-index: 1;
pointer-events: none;
}
.section-gallery::after {
position: absolute;
content: "";
bottom: 0;
left: -50%;
height: 515px;
width: 100%;
background-image: url(//higgins.be/wp-content/themes/higinstheme/assets/images/hero-bg-line-2.svg);
background-size: contain;
background-repeat: no-repeat;
z-index: 1;
pointer-events: none;
}
.section-project-details {
background-color: #F0E8DB;
padding: 7rem 0;
margin-bottom: 8rem;
}
.section-project-details .project-details-images {
margin-bottom: 4rem;
}
.section-project-details .project-details-info {
margin-bottom: 5rem;
}
.section-project-details .project-details-info .info-row {
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
font-size: 1.8rem;
line-height: 1.5em;
margin-bottom: 3rem;
}
.section-project-details .project-details-info .info-row .row-name {
flex: 0 0 100%;
margin-bottom: 0;
}
.section-project-details .project-details-info .info-row .row-value {
font-size: 2.4rem;
font-weight: 700;
flex: 0 0 100%;
text-align: left;
}
.section-project-details .cta-button {
display: flex;
justify-content: center;
}
.section-text-only {
padding: 6rem 0;
}
.section-text-only h2 {
font-size: 5rem;
font-weight: 700;
line-height: 1em;
margin-bottom: 4rem;
}
.section-text-only p {
font-size: 1.8rem;
line-height: 1.4em;
}
.section-text-only ul {
padding-left: 2.5rem;
font-size: 1.8rem;
line-height: 1.4em;
margin-bottom: 0.6em;
color: #452346;
list-style-type: disc;
}
.section-text-only.dark {
margin-top: -1px;
padding: 14rem 0;
background-color: #452346;
}
.section-text-only.dark p,
.section-text-only.dark h2 {
color: #F0E8DB;
}
.statistic-content {
display: none;
opacity: 0;
transition: opacity 0.3s ease;
}
.statistic-content .stat-image {
margin-bottom: 4rem;
}
.statistic-content.is-active {
display: block;
opacity: 1;
}
.section-stats {
padding: 4rem 0 10rem 0;
}
.section-stats h2 {
font-size: 5rem;
font-weight: 700;
line-height: 1em;
margin-bottom: 7rem;
margin-left: auto;
margin-right: auto;
text-align: center;
max-width: 1000px;
}
.section-stats .stat-boxes {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 4rem;
}
.section-stats .stat-boxes .box {
text-align: center;
background-color: #452346;
padding: 1rem 2rem;
color: #F0E8DB;
font-size: 3rem;
font-weight: 700;
border-radius: 1rem;
margin: 0;
margin-bottom: 1.5rem;
flex: 1 1 100%;
cursor: pointer;
opacity: 82%;
transition: transform 0.2s ease, opacity 0.2s ease; }
.section-stats .stat-boxes .box:hover {
transform: translateY(-5px);
opacity: 100%;
}
.section-stats .stat-boxes .box { }
.section-stats .stat-boxes .box.is-active {
transform: translateY(0);
opacity: 100%;
}
.section-stats .stat-content {
display: flex;
flex-direction: column;
height: 100%;
}
.section-stats .stat-content h3 {
font-size: 4rem;
line-height: 1em;
font-weight: 700;
margin-bottom: 3rem;
}
.section-stats .stat-content p.big {
margin-top: 3rem;
margin-bottom: 5rem;
font-size: 3rem;
font-weight: 700;
line-height: 1.2em;
}
.section-meet-team {
padding: 7rem 0 0 0;
}
.section-meet-team h2 {
font-size: 5rem;
margin-bottom: 4rem;
}
.section-meet-team .team-card {
font-size: 1.8rem;
margin-bottom: 14rem;
}
.section-meet-team .team-card .team-image {
margin-bottom: 4rem;
}
.section-meet-team .team-card p {
font-size: 1.8rem;
}
.section-meet-team .team-card .team-bio .t-name {
font-weight: 700;
margin-bottom: 2rem;
font-size: 3rem;
}
.section-meet-team .team-card .team-bio .t-name span {
font-weight: 400;
}
.faq-small h2 {
font-size: 4.7rem;
margin-bottom: 5rem;
}
.faq-small ul.faq-wrapper {
margin-top: 3rem;
margin-bottom: 5rem;
font-weight: 700;
}
.faq-small ul.faq-wrapper li {
z-index: 1;
color: #452346;
padding: 2.5rem 0 2.5rem 0;
overflow: hidden;
margin-bottom: 15px;
border-radius: 0;
cursor: pointer;
font-weight: 400;
position: relative;
border-bottom: 3px solid #452346;
list-style: none;
line-height: 1.4em;
padding-right: 4rem;
}
.faq-small ul.faq-wrapper li.faq-title {
font-size: 3rem;
font-weight: 500;
}
.faq-small ul.faq-wrapper li::after {
content: "";
position: absolute;
background-image: url(//higgins.be/wp-content/themes/higinstheme/assets/images/faq-closed.svg);
background-repeat: no-repeat;
background-size: contain;
width: 33px;
height: 33px;
right: 0;
top: 30px;
transition: all 0.2s ease-in;
}
.faq-small ul.faq-wrapper li::before {
display: none;
}
.faq-small ul.faq-wrapper li.menu-open::after {
background-image: url(//higgins.be/wp-content/themes/higinstheme/assets/images/faq-open.svg);
transform: rotate(180deg);
}
.faq-small ul.faq-wrapper li ul.content {
display: none;
margin-top: 2rem;
padding: 2rem 0 0 0;
border-top: 1px solid #e4e4e4;
}
.faq-small ul.faq-wrapper li ul.content li {
border: none;
padding: 0;
font-weight: 400;
font-size: 1.8rem;
line-height: 1.5em;
opacity: 0.9;
overflow: visible;
box-shadow: none;
}
.faq-small ul.faq-wrapper li ul.content li::after {
content: "";
position: absolute;
background: none;
width: 0;
height: 0;
}
.faq-small ul.faq-wrapper li ul.content li ul {
padding-left: 2rem;
margin-bottom: 1.5rem;
}
.faq-small ul.faq-wrapper li ul.content li ul li {
position: relative;
margin-bottom: 0.6rem;
}
.faq-small ul.faq-wrapper li ul.content li ul li::before {
position: absolute;
top: 1rem;
left: -1.5rem;
content: "";
background-color: #FFCE31;
border-radius: 50%;
width: 0.6rem;
height: 0.6rem;
}
.faq-big ul.faq-wrapper {
margin-top: 6rem;
margin-bottom: 5rem;
font-weight: 700;
position: relative;
}
.faq-big ul.faq-wrapper::before {
display: none;
background-image: url(//higgins.be/wp-content/themes/higinstheme/assets/images/hero-bg-line-2.svg);
background-size: cover;
background-repeat: no-repeat;
position: absolute;
content: "";
top: -50%;
right: -20%;
width: 100%;
height: 550px;
pointer-events: none;
}
.faq-big ul.faq-wrapper li {
z-index: 1;
color: #452346;
padding: 2rem 0 2rem 0;
overflow: hidden;
margin-bottom: 15px;
border-radius: 0;
cursor: pointer;
font-size: 1.8rem;
font-weight: 400;
position: relative;
border-bottom: 2px solid #452346;
list-style: none;
}
.faq-big ul.faq-wrapper li.faq-title {
font-size: 3.8rem;
font-weight: 700;
}
.faq-big ul.faq-wrapper li::after {
content: "";
position: absolute;
background-image: url(//higgins.be/wp-content/themes/higinstheme/assets/images/faq-closed.svg);
background-repeat: no-repeat;
background-size: contain;
width: 30px;
height: 30px;
right: 0;
top: 15px;
transition: all 0.2s ease-in;
}
.faq-big ul.faq-wrapper li::before {
display: none;
}
.faq-big ul.faq-wrapper li.menu-open::after {
background-image: url(//higgins.be/wp-content/themes/higinstheme/assets/images/faq-open.svg);
transform: rotate(180deg);
}
.faq-big ul.faq-wrapper li ul.content {
display: none;
margin-top: 2rem;
padding: 2rem 0 0 0;
border-top: 1px solid #e4e4e4;
}
.faq-big ul.faq-wrapper li ul.content li {
border: none;
padding: 0;
font-weight: 400;
font-size: 1.8rem;
line-height: 1.5em;
opacity: 0.9;
overflow: visible;
box-shadow: none;
}
.faq-big ul.faq-wrapper li ul.content li::after {
content: "";
position: absolute;
background: none;
width: 0;
height: 0;
}
.faq-big ul.faq-wrapper li ul.content li ul {
padding-left: 2rem;
margin-bottom: 1.5rem;
}
.faq-big ul.faq-wrapper li ul.content li ul li {
position: relative;
margin-bottom: 0.6rem;
}
.faq-big ul.faq-wrapper li ul.content li ul li::before {
position: absolute;
top: 1rem;
left: -1.5rem;
content: "";
background-color: #FFCE31;
border-radius: 50%;
width: 0.6rem;
height: 0.6rem;
}
.faq-big p {
font-size: 1.8rem;
color: #452346;
}
.gallery-images .owl-nav {
position: absolute;
right: 110px;
bottom: 20px;
}
.gallery-images .owl-nav button {
background-color: #fff !important;
border-radius: 50% !important;
height: 50px;
width: 50px;
}
.gallery-images .owl-nav button.owl-prev {
background: #fff !important;
background-image: url(//higgins.be/wp-content/themes/higinstheme/assets/images/caret-gal.svg) !important;
background-repeat: no-repeat !important;
background-size: 35% !important;
background-position: 40% center !important;
}
.gallery-images .owl-nav button.owl-next {
background: #fff !important;
background-image: url(//higgins.be/wp-content/themes/higinstheme/assets/images/caret-gal.svg) !important;
background-repeat: no-repeat !important;
background-size: 35% !important;
background-position: 40% center !important;
transform: rotate(180deg);
}
.offset-gallery .owl-stage-outer {
overflow: visible;
}
li.wpml-ls-menu-item {
margin-left: 2rem !important;
}
@media (min-width: 768px) {
li.wpml-ls-menu-item {
margin-left: 1rem !important;
}
}
li.wpml-ls-first-item {
margin-left: 2rem !important;
}
@media (min-width: 768px) {
li.wpml-ls-first-item {
margin-left: 8% !important;
}
}
li.wpml-ls-current-language a {
text-decoration: underline !important;
}
form .ff-btn-submit {
font-family: "DM Sans", sans-serif !important;
color: #FFCE31 !important;
text-align: center !important;
font-size: 2rem !important;
font-style: normal !important;
font-weight: 700 !important;
letter-spacing: 0.3px !important;
text-transform: none !important;
background-color: #452346 !important;
border: 1px solid #ECD7FF !important;
border-radius: 30px !important;
padding: 18px 30px 18px 30px !important;
margin: 10px 0 !important;
width: -moz-max-content !important;
width: max-content !important;
max-width: 100% !important;
line-height: 1em !important;
}
form .ff-btn-submit:hover {
color: #ECD7FF !important;
background-color: #fff !important;
}
.ff-el-form-control {
border: none !important;
border-bottom: 1px solid #ccc !important;
border-radius: 0 !important;
background-color: transparent !important;
padding-left: 0 !important;
margin-bottom: 2.5rem !important;
}
.ff-el-form-control::-moz-placeholder {
color: #452346 !important;
font-size: 2rem !important;
}
.ff-el-form-control::placeholder {
color: #452346 !important;
font-size: 2rem !important;
}
.ff-el-form-control::-webkit-input-placeholder { color: #999;
font-size: 2rem !important;
}
.ff-el-form-control::-moz-placeholder { color: #999;
font-size: 2rem !important;
opacity: 1;
}
.ff-el-form-control:-ms-input-placeholder { color: #999;
font-size: 2rem !important;
}
.ff-el-form-check-label span {
font-size: 13px !important;
}
.ff-el-input--content .choices .frm-fluent-form .choices__inner {
border: none !important;
}
.ff-el-input--content select {
color: #452346 !important;
font-size: 2rem !important;
padding-top: 0 !important;
padding-left: 0 !important;
position: relative;
left: -3px;
}
.ff-el-input--content option {
padding: 2rem !important;
}
.frm-fluent-form .choices .choices__inner {
border: 0 !important;
outline: none !important;
padding: 0 !important;
}
.frm-fluent-form .choices::after {
top: 15px !important;
}
.frm-fluent-form .choices__inner {
padding: 0 !important;
margin-bottom: 2rem;
}
.frm-fluent-form .choices__list--single {
padding: 0 0 1rem 0 !important;
border: none !important;
border-bottom: 1px solid #ccc !important;
background-color: #F8F5F0 !important;
color: #452346 !important;
}
.frm-fluent-form .choices__list--single .choices__item {
font-size: 2rem !important;
border: 0 !important;
outline: none !important;
padding: 0 !important;
color: #452346 !important;
}
.choices__list.choices__list--dropdown {
background-color: #fff !important;
border: none !important;
color: #452346 !important;
font-size: 2rem !important;
}
.frm-fluent-form .choices__list--dropdown .choices__item--selectable {
padding: 1rem 2rem !important;
color: #452346 !important;
font-size: 1.8rem !important;
}
.cta-button {
cursor: pointer;
}
.cta-button a.btn {
font-family: "DM Sans", sans-serif;
color: #452346;
text-align: center;
font-size: 2rem;
font-style: normal;
font-weight: 600;
line-height: 23.5px;
letter-spacing: 0;
text-transform: none;
background-color: #ECD7FF;
border: 1px solid #ECD7FF;
border-radius: 40px;
padding: 13px 20px;
display: block;
margin: 15px 0;
max-width: -moz-max-content;
max-width: max-content;
min-width: 180px;
text-align: center;
}
.cta-button a.btn:hover {
color: #452346;
background-color: #cd97fd;
}
.cta-button a.btn.ghost {
color: #ECD7FF;
background-color: none;
border: 1px solid #ECD7FF;
}
.cta-button a.btn.ghost:hover {
color: #fff;
background-color: #ECD7FF;
}
.cta-button .appointment-button {
color: #452346;
text-align: center;
font-size: 2rem;
font-style: normal;
font-weight: 600;
line-height: 23.5px;
letter-spacing: 0;
background-color: #F1E8DB;
border: 1px solid #452346;
border-radius: 30px;
padding: 13px 30px;
display: block;
margin: 0;
width: 100%;
max-width: 100%;
text-align: center;
cursor: pointer;
transition: all 0.3s ease;
pointer-events: all;
}
.cta-button .appointment-button:hover {
color: #F1E8DB;
background-color: #452346;
border: 1px solid #F1E8DB;
}
.em-anim {
position: relative;
opacity: 0;
transition: 1.5s all ease;
}
.em-anim-left-a {
transform: translatex(-80%);
transition: 1s all ease;
animation-delay: 1s;
}
.em-anim-left-b {
transform: translatex(80%);
transition: 1s all ease;
}
.em-anim.active {
transform: translateY(0);
opacity: 1;
}
.em-anim.active .em-anim-left-a {
transform: translatex(0);
}
.em-anim.active .em-anim-left-b {
transform: translatex(0);
}
.em-anim.active .bounceIn {
animation-name: bounceIn;
animation-duration: 0.75s;
animation-duration: 1s;
animation-fill-mode: both;
}
.em-anim.active .bounceInLeft {
animation-name: bounceInLeft;
animation-duration: 1s;
animation-fill-mode: both;
}
.em-anim.active .bounceInLeft-delay1 {
animation-name: bounceInLeft;
animation-duration: 2s;
animation-fill-mode: both;
animation-delay: 0.2s;
}
.em-anim.active .bounceInLeft-delay2 {
animation-name: bounceInLeft;
animation-duration: 2s;
animation-fill-mode: both;
animation-delay: 0.4s;
}
.em-anim.active .bounceInLeft-delay3 {
animation-name: bounceInLeft;
animation-duration: 2s;
animation-fill-mode: both;
animation-delay: 0.6s;
}
.em-anim.active .bounceInLeft-delay4 {
animation-name: bounceInLeft;
animation-duration: 2s;
animation-fill-mode: both;
animation-delay: 0.8s;
}
.em-anim.active .bounceInLeft-delay5 {
animation-name: bounceInLeft;
animation-duration: 2s;
animation-fill-mode: both;
animation-delay: 0.7s;
}
.em-anim.active .bounceInRight {
animation-name: bounceInRight;
animation-duration: 1s;
animation-fill-mode: both;
}
.em-anim.active .bounceInRight-delay {
animation-name: bounceInRight;
animation-duration: 2s;
animation-fill-mode: both;
animation-delay: 0.2s;
}
.em-anim.active .flipInX {
backface-visibility: visible !important;
animation-name: flipInX;
animation-duration: 1s;
animation-fill-mode: both;
}
.em-anim.active .pulse {
animation-name: pulse;
animation-duration: 0.6s;
animation-fill-mode: both;
animation-delay: 0.6s;
}
.em-anim.active .flipInY {
backface-visibility: visible !important;
animation-name: flipInY;
animation-duration: 1s;
animation-fill-mode: both;
}
.em-anim.active .fadeInUp {
animation-name: fadeInUp;
animation-duration: 1s;
animation-fill-mode: both;
}
.em-anim.active .fadeInUp-delay {
animation-name: fadeInUp;
animation-duration: 1s;
animation-fill-mode: both;
animation-delay: 0.7s;
}
.em-anim.active .fadeInRight {
animation-name: fadeInRight;
animation-duration: 1s;
animation-fill-mode: both;
}
.em-anim.active .rubberBand {
animation-name: rubberBand;
animation-duration: 1s;
animation-fill-mode: both;
}
.em-anim.active .rubberBand-delay-1 {
animation-name: rubberBand;
animation-duration: 1s;
animation-fill-mode: both;
animation-delay: 0.8s;
}
header .em-anim.active {
transform: none;
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0);
}
75% {
transform: translate3d(-10px, 0, 0);
}
90% {
transform: translate3d(5px, 0, 0);
}
100% {
transform: none;
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0);
}
75% {
transform: translate3d(10px, 0, 0);
}
90% {
transform: translate3d(-5px, 0, 0);
}
100% {
transform: none;
}
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transition-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transition-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
transform: perspective(400px);
}
}
@keyframes pulse {
0% {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
transform: scale3d(1, 1, 1);
}
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transition-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transition-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
transform: perspective(400px);
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(0.97, 0.97, 0.97);
}
100% {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes rubberBand {
0% {
transform: scale3d(1, 1, 1);
}
30% {
transform: scale3d(1.25, 0.75, 1);
}
40% {
transform: scale3d(0.75, 1.25, 1);
}
50% {
transform: scale3d(1.15, 0.85, 1);
}
65% {
transform: scale3d(0.95, 1.05, 1);
}
75% {
transform: scale3d(1.05, 0.95, 1);
}
100% {
transform: scale3d(1, 1, 1);
}
}
.pseudo-anim {
position: relative;
} .pseudo-anim::before,
.pseudo-anim::after {
content: "";
position: absolute;
transition: transform 1s ease;
}
.pseudo-anim::before {
transition-delay: 1s;
left: -200px !important;
}
.pseudo-anim::after {
transition-delay: 0.5s;
} .pseudo-anim.animate::before {
transform: translateX(80px);
}
.pseudo-anim.animate::after {
transform: translateX(-10%);
}
.pseudo-anim-2 {
position: relative;
} .pseudo-anim-2::before {
content: "";
position: absolute;
transition: transform 1s ease;
}
.pseudo-anim-2::before {
transition-delay: 0.5s;
left: -300px !important;
} .pseudo-anim-2.animate::before {
transform: translateX(200px) scale(1.2);
} .loop-anim-1 {
animation: moveScaleOne 10s ease-in-out infinite;
}
@keyframes moveScaleOne {
0% {
transform: translate(-10px, -20px) scale(1) rotate(5deg);
}
50% {
transform: translate(0px, 0px) scale(1);
}
100% {
transform: translate(-10px, -20px) scale(1) rotate(5deg);
}
}
@media (min-width: 768px) { h1 {
font-size: 3.4rem;
line-height: 1em;
}
h1.front {
font-size: 3.4rem;
}
h2 {
font-size: 2.8rem;
}
h3 {
font-size: 2.2rem;
}
header.no-bg {
margin-bottom: 12rem;
}
.section-text-only h2 {
font-size: 9rem;
}
.section-text-only p {
font-size: 1.8rem;
line-height: 1.4em;
}
.section-text-only ul {
font-size: 1.8rem;
}
.statistic-content .stat-image {
margin-bottom: 0;
}
.section-stats {
padding: 14rem 0 20rem 0;
}
.section-stats h2 {
font-size: 9rem;
}
.section-stats .stat-content h3 {
font-size: 7rem;
}
.section-stats .stat-content p.big {
margin-top: auto;
font-size: 4rem;
line-height: 1.2em;
}
.section-stats .stat-boxes {
flex-wrap: nowrap;
margin-bottom: 18rem;
}
.section-stats .stat-boxes .box {
padding: 10rem 2rem;
font-size: 4.6rem;
margin: 1.5rem;
margin-bottom: 0; }
.section-stats .stat-boxes .box.is-active {
transform: translateY(-5px);
opacity: 100%;
}
.section-it-1 {
padding: 14rem 0;
}
.section-it-1 .it-image {
margin-bottom: 14rem;
}
.section-it-1 .it-content {
padding-top: 2rem;
}
.section-it-1 .it-content h2 {
font-size: 5rem;
font-weight: 700;
line-height: 1em;
margin-bottom: 4rem;
}
.section-it-1 .it-content p {
font-size: 1.8rem;
}
.section-it-1 .cta-button {
margin-top: 3rem;
}
.section-it-2 {
padding: 14rem 0 20rem 0;
}
.section-it-2 .stat-content h2 {
font-size: 4rem;
padding-left: 5rem;
margin-top: 4rem;
margin-bottom: 3rem;
}
.section-it-2 .stat-content p {
padding-left: 5rem;
}
.section-it-3 {
padding: 14rem 0 2rem 0;
}
.section-it-3 .it-content {
padding-left: 4rem;
}
.section-it-3 .it-image {
padding-right: 4rem;
}
.section-it-3.project-section .it-image {
margin-bottom: 0;
}
.section-it-3 h2 {
margin-top: 0;
font-size: 7rem;
}
.section-gallery {
padding: 18rem 0;
}
.section-meet-team {
padding: 14rem 0 0 0;
}
.section-meet-team h2 {
font-size: 7rem;
margin-bottom: 7rem;
}
.section-meet-team .team-card {
font-size: 1.8rem;
margin-bottom: 14rem;
}
.section-meet-team .team-card .team-image {
margin-bottom: 0;
}
.section-meet-team .team-card p {
font-size: 1.8rem;
}
.section-meet-team .team-card .team-bio .t-name {
font-weight: 600;
margin-bottom: 4rem;
font-size: 1.8rem;
}
.section-project-details {
padding: 9rem 0;
margin-bottom: 8rem;
}
.section-project-details .project-details-info .info-row {
justify-content: space-between;
font-size: 1.8rem;
line-height: 1.5em;
flex-direction: row;
}
.section-project-details .project-details-info .info-row .row-name {
flex: 1 1 80%;
width: 100%;
}
.section-project-details .project-details-info .info-row .row-value {
font-weight: 700;
flex: 1 1 20%;
text-align: right;
}
.section-project-details .cta-button {
display: flex;
justify-content: center;
}
.faq-small ul.faq-wrapper li {
padding: 3rem 0 3rem 0;
}
.faq-small ul.faq-wrapper li.faq-title {
font-size: 3.5rem;
}
.faq-big ul.faq-wrapper {
margin-top: 35rem;
}
.faq-big ul.faq-wrapper::before {
display: block;
}
.faq-big ul.faq-wrapper li {
padding: 3rem 0 3rem 0;
}
.faq-big ul.faq-wrapper li.faq-title {
font-size: 4.7rem;
font-weight: 700;
}
.faq-big ul.faq-wrapper li::after {
width: 40px;
height: 40px;
top: 25px;
}
.page-single.page-contact h1 {
font-size: 8.9rem;
margin-bottom: 8rem;
}
.page-single.page-contact h1 .inline-logo {
height: 0.9em;
position: relative;
top: 0;
margin-left: 0em;
width: -moz-fit-content;
width: fit-content;
display: inline-block;
}
.page-single.page-contact .company-data {
margin-bottom: 0;
}
.page-single.regular-page {
padding-top: 3rem;
} footer .footer-widgets .footer-logo {
justify-content: flex-start;
max-width: 100%;
}
footer.footer-one .footer-social {
justify-content: flex-start;
height: 2.6rem;
margin-bottom: 1rem;
}
footer.footer-one .footer-social .icon {
height: 2.6rem;
margin: 0 1rem 1rem 1rem;
}
footer.footer-one .footer-social .icon:first-child {
margin-left: 0;
}
footer.footer-one .legal-stuff-menu {
margin-top: 6rem;
margin-bottom: 0;
}
footer.footer-one .copyright .copyright-copy {
text-align: left;
}
footer.footer-one .copyright .developer-company {
text-align: right;
}
footer.footer-one .fixed-bottom {
bottom: 4rem;
padding: 1rem 3rem;
}
footer.footer-one .fixed-bottom .chat-btn {
width: 84px;
height: 84px;
}
footer.footer-one .fixed-bottom .chat-btn .chat-main {
width: 84px;
height: 84px;
}
footer.footer-one .fixed-bottom .chat-btn.is-open {
width: 250px;
}
footer.footer-one .fixed-bottom .chat-btn.is-open .chat-expanded {
transform: translateX(0);
}
footer.footer-one .fixed-bottom .cta-button a {
padding: 13px 30px;
font-size: 1.8rem;
}
footer.footer-one .footer-company {
margin-bottom: 0;
}
}
@media (min-width: 992px) { h1 {
font-size: 3.8rem;
line-height: 1em;
}
h1.front {
font-size: 3.4rem;
}
h2 {
font-size: 3rem;
}
h3 {
font-size: 2.2rem;
}
.main-menu ul.primary-menu {
display: flex;
}
.hero-front .hero-container {
padding-top: 0;
padding-bottom: 0;
}
.hero-front .hero-image {
display: block;
}
.hero-front .hero-content h1 {
font-size: 7rem;
}
.hero-page {
padding-top: calc(16vh + 100px);
}
.hero-page .hero-content h1 {
font-size: 7rem;
}
.hero-page .hero-container::before {
display: block;
}
.hero-page .hero-container::after {
display: block;
}
.hero-page.regular-page .hero-container::before {
background-image: url(//higgins.be/wp-content/themes/higinstheme/assets/images/hero-bg-line-1.svg);
background-size: cover;
background-repeat: no-repeat;
position: absolute;
content: "";
top: -250%;
left: -10%;
width: 100%;
max-width: 800px;
height: 550px;
pointer-events: none;
}
.hero-page.regular-page .hero-container::after {
display: none;
}
.section-it-1 .it-content h2 {
font-size: 6rem;
}
.section-it-1 .cta-button {
margin-top: 5rem;
}
.section-it-2 {
padding: 14rem 0 20rem 0;
}
.section-it-2 .stat-content h2 {
font-size: 3rem;
padding-left: 5rem;
margin-top: 0;
margin-bottom: 3rem;
}
.cta-button a.btn {
padding: 15px 25px;
}
}
@media (min-width: 1200px) {
.section-it-1 .it-content h2 {
font-size: 8rem;
}
.section-it-1 .cta-button {
margin-top: 5rem;
}
.section-it-2 .stat-content h2 {
font-size: 4rem;
} .card .card-image {
height: 195px;
}
}
@media (min-width: 1400px) {
.section-it-2 .stat-content h2 {
font-size: 5rem;
}
}