:root{
--header-offset-height:7.2rem;
--font-weight-base:400;
--line-height-base:1.2;
--default-transition:0.2s ease-in-out;
}
body .block-site-footer-r2{
background-color:var(--wp--preset--color--base);
}
body .block-site-footer-r2 *{
color:var(--wp--preset--color--white);
}
body .block-site-footer-r2 a{
color:var(--wp--preset--color--light-600);
text-decoration:none;
transition:color var(--default-transition);
}
body .block-site-footer-r2 a:hover{
color:var(--wp--preset--color--white);
}
body .block-site-footer-r2__main{
padding-bottom:1.2rem;
padding-top:2.4rem;
position:relative;
z-index:2;
}
@media(min-width:992px){
body .block-site-footer-r2__main{
padding-top:11.2rem;
}
}
body .block-site-footer-r2__main-video{
background:url(//www.conectys.com/wp-content/themes/conectys/assets/build/images/footer-bg.webp) no-repeat bottom/100% auto;
bottom:0;
display:none;
height:20rem;
left:-1.2rem;
overflow:hidden;
position:absolute;
width:calc(100% + 2.4rem);
z-index:-1;
}
@media(min-width:992px){
body .block-site-footer-r2__main-video{
display:block;
left:0;
width:100%;
}
}
@media(min-width:768px){
body .block-site-footer-r2__main-video:before{
background:linear-gradient(
to bottom,
var(--wp--preset--color--base) 20%,
rgba(17,28,30,0) 100%
);
content:"";
height:8rem;
left:0;
position:absolute;
top:0;
width:100%;
z-index:2;
}
}
@media(min-width:992px){
body .block-site-footer-r2__main-video:before{
content:none;
}
body .block-site-footer-r2__main-video{
border-bottom-left-radius:2.8rem;
border-bottom-right-radius:2.8rem;
height:38.8rem;
}
}
body .block-site-footer-r2__main-video video{
bottom:0;
height:auto;
left:0;
position:absolute;
transform:rotate(180deg);
width:100%;
}
body .block-site-footer-r2__main-columns{
margin-bottom:4rem;
padding-inline:1.2rem;
}
@media(min-width:992px){
body .block-site-footer-r2__main-columns{
align-items:center;
display:grid;
gap:8.2rem;
grid-template-columns:1fr 61.5rem;
margin-bottom:11.2rem;
padding-inline:4.8rem;
}
}
body .block-site-footer-r2__heading{
font-size:2.8rem;
letter-spacing:-.03em;
line-height:1.2;
margin-bottom:2.4rem;
}
@media(min-width:992px){
body .block-site-footer-r2__heading{
font-size:4.8rem;
line-height:1.05;
margin-bottom:0;
}
}
body .block-site-footer-r2__description{
font-size:1.6rem;
line-height:1.3;
max-width:60rem;
}
@media(min-width:992px){
body .block-site-footer-r2__description{
font-size:2rem;
line-height:1.2;
}
}
body .block-site-footer-r2__button{
align-items:center;
display:grid;
gap:.6rem;
grid-template-columns:1fr 4.8rem;
}
@media(min-width:992px){
body .block-site-footer-r2__button{
display:flex;
gap:1.2rem;
margin:0 1.2rem;
}
}
@media(hover:hover) and (pointer:fine){
body .block-site-footer-r2__button:hover .block-site-footer-r2__button-text{
background-position:100% top;
}
}
@media(hover:hover) and (pointer:fine) and (min-width:992px){
body .block-site-footer-r2__button:hover .block-site-footer-r2__button-icon{
width:22.8rem;
}
}
body .block-site-footer-r2__button>*{
align-items:center;
backdrop-filter:blur(1.5rem);
background:linear-gradient(195deg,#6bd1db 26.16%,#e1ff01 69.6%);
border-radius:1.2rem;
color:var(--wp--preset--color--base);
display:flex;
height:10.8rem;
transition:width .25s ease-in-out;
}
@media(min-width:992px){
body .block-site-footer-r2__button>*{
border-radius:2.4rem;
height:22.8rem;
}
}
body .block-site-footer-r2__button-text{
background-position:60% top;
background-size:150%;
font-family:var(--wp--preset--font-family--host-grotesk);
font-size:2.4rem;
font-weight:500;
letter-spacing:-.03em;
line-height:1.2;
padding:2.4rem;
text-decoration:underline;
text-decoration-thickness:.2rem;
text-underline-offset:.45em;
transition:background-position var(--default-transition);
}
@media(min-width:992px){
body .block-site-footer-r2__button-text{
flex-grow:1;
font-size:4.8rem;
line-height:1.05;
padding:3.6rem;
}
}
body .block-site-footer-r2__button-icon{
background:linear-gradient(181deg,#6bd1db 54.28%,#e1ff01 172.46%);
display:grid;
overflow:hidden;
place-items:center;
position:relative;
}
@media(min-width:992px){
body .block-site-footer-r2__button-icon{
width:12rem;
}
}
body .block-site-footer-r2__button-icon svg{
grid-area:1/1;
height:3.6rem;
transition:transform .15s ease-in-out;
width:3.6rem;
}
@media(min-width:992px){
body .block-site-footer-r2__button-icon svg{
height:4.8rem;
width:4.8rem;
}
}
body .block-site-footer-r2__brand{
display:flex;
flex-direction:column;
gap:3.2rem;
padding:2.4rem 1.2rem 4.8rem;
}
@media(min-width:992px){
body .block-site-footer-r2__brand{
display:grid;
grid-template-columns:1fr 61.5rem;
padding:9rem 4.8rem 9.6rem;
}
}
body .block-site-footer-r2__brand-logo{
align-items:center;
display:flex;
max-width:-moz-max-content;
max-width:max-content;
}
body .block-site-footer-r2__brand-logo svg{
height:auto;
width:15.5rem;
}
@media(min-width:992px){
body .block-site-footer-r2__brand-logo svg{
height:11rem;
width:auto;
}
}
body .block-site-footer-r2__brand-newsletter-text{
font-size:1.6rem;
line-height:1.3;
max-width:52.5rem;
}
@media(min-width:992px){
body .block-site-footer-r2__brand-newsletter-text{
font-size:1.8rem;
line-height:1.2;
}
}
body .block-site-footer-r2__brand-newsletter-form{
margin-top:2.4rem;
}
@media(min-width:992px){
body .block-site-footer-r2__brand-newsletter-form{
margin-top:3.2rem;
}
}
body .block-site-footer-r2__brand-newsletter-form .hbspt-form form{
display:grid;
gap:1.2rem;
grid-template-columns:1fr 4.8rem;
}
body .block-site-footer-r2__brand-newsletter-form .hbspt-form .hs-form-field,
body .block-site-footer-r2__brand-newsletter-form .hbspt-form .hs_error_rollup,
body .block-site-footer-r2__brand-newsletter-form .hbspt-form .legal-consent-container{
display:none;
}
body .block-site-footer-r2__brand-newsletter-form .hbspt-form .hs-form-field:has(input[required]),
body .block-site-footer-r2__brand-newsletter-form .hbspt-form .hs_error_rollup:has(input[required]),
body .block-site-footer-r2__brand-newsletter-form .hbspt-form .legal-consent-container:has(input[required]){
display:block;
}
body .block-site-footer-r2__brand-newsletter-form .hbspt-form .hs-email>label{
display:none;
}
body .block-site-footer-r2__brand-newsletter-form .hbspt-form .hs-email input{
background-color:unset;
border:unset;
border-bottom:.1rem solid hsla(0,0%,100%,.1);
box-shadow:unset;
color:var(--wp--preset--color--white);
font-family:var(--wp--preset--font-family--geist);
font-size:1.6rem;
font-weight:400;
height:4.8rem;
line-height:1.3;
max-width:unset;
outline:unset;
transition:border-color .25s linear;
width:100%;
}
@media(min-width:992px){
body .block-site-footer-r2__brand-newsletter-form .hbspt-form .hs-email input{
font-size:1.8rem;
}
}
body .block-site-footer-r2__brand-newsletter-form .hbspt-form .hs-email input::-moz-placeholder{
color:var(--wp--preset--color--base-600);
}
body .block-site-footer-r2__brand-newsletter-form .hbspt-form .hs-email input::placeholder{
color:var(--wp--preset--color--base-600);
}
body .block-site-footer-r2__brand-newsletter-form .hbspt-form .hs-email input:focus{
border-color:hsla(0,0%,100%,.5);
}
body .block-site-footer-r2__brand-newsletter-form .hbspt-form .hs-email input:focus-visible{
outline:.2rem solid var(--wp--preset--color--blue-400);
outline-offset:.2rem;
}
body .block-site-footer-r2__brand-newsletter-form .hbspt-form .hs-submit input[type=submit]{
background-color:var(--wp--preset--color--blue-400);
background-image:url(//www.conectys.com/wp-content/themes/conectys/assets/build/images/icon-arrow-link.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:3rem auto;
border:unset;
border-radius:1.8rem;
box-shadow:unset;
cursor:pointer;
font-size:0;
height:4.8rem;
transition:opacity .25s linear;
width:4.8rem;
}
body .block-site-footer-r2__brand-newsletter-form .hbspt-form .hs-submit input[type=submit]:hover{
opacity:.9;
}
body .block-site-footer-r2__brand-newsletter-form .hbspt-form .no-list{
list-style-type:none;
margin:1.2rem 0 0;
padding:0;
}
body .block-site-footer-r2__brand-newsletter-form .hbspt-form .no-list li{
font-size:1.2rem;
line-height:1.3;
margin:0;
padding:0;
}
body .block-site-footer-r2__navs{
display:grid;
grid-template-columns:1fr;
gap:4.8rem;
}
body .block-site-footer-r2__nav-menu{
display:flex;
flex-direction:column;
gap:3.6rem;
margin:0;
padding:0;
list-style:none;
}
body .block-site-footer-r2__nav-menu>li{
display:block;
margin:0;
padding:0;
}
body .block-site-footer-r2__nav-menu>li>a{
color:#FFFFFF;
font-size:1.6rem;
line-height:1.3;
}
body .block-site-footer-r2__nav-menu>li>a:hover{
color:#FFFFFF;
}
body .block-site-footer-r2__nav-menu>li.heading>a,
body .block-site-footer-r2__nav-menu>li:first-child>a{
display:block;
color:#FFFFFF4D;
font-size:1.6rem;
font-weight:500;
letter-spacing:.06rem;
line-height:1;
pointer-events:none;
text-transform:uppercase;
}
body .block-site-footer-r2__nav-menu>li.heading,
body .block-site-footer-r2__nav-menu>li:first-child{
margin-bottom:1.2rem;
}
body .block-site-footer-r2__navs {
border-top:.1rem solid hsla(0,0%,100%,.1);
padding-top: 40px;
}
@media(min-width:768px){
body .block-site-footer-r2__navs{
grid-template-columns:repeat(2,1fr);
}
}
@media(min-width:992px){
body .block-site-footer-r2__navs{
grid-template-columns:2.3fr 1.35fr 1.15fr .9fr;
column-gap:7rem;
row-gap:5rem;
padding-inline:4.8rem;
align-items:start;
}
body .block-site-footer-r2__nav--industries{
grid-column:1;
grid-row:1 / span 2;
}
body .block-site-footer-r2__nav--solutions{
grid-column:2;
grid-row:1 / span 2;
}
body .block-site-footer-r2__nav--company{
grid-column:3;
grid-row:1 / span 2;
}
body .block-site-footer-r2__nav--learn{
grid-column:4;
grid-row:1;
}
body .block-site-footer-r2__nav--clients{
grid-column:4;
grid-row:2;
margin-top: -52px;
}
body .block-site-footer-r2__nav-menu--industries{
display:block;
column-count:2;
column-gap:7rem;
margin:0;
padding:0;
}
body .block-site-footer-r2__nav-menu--industries>li{
display:block;
width:100%;
break-inside:avoid;
-webkit-column-break-inside:avoid;
margin:0 0 3.6rem;
padding:0;
}
body .block-site-footer-r2__nav-menu--industries>li.heading,
body .block-site-footer-r2__nav-menu--industries>li:first-child{
column-span:all;
-webkit-column-span:all;
display:block;
width:100%;
margin:0 0 4.8rem;
}
}
body .block-site-footer-r2__social{
display:flex;
flex-direction:column;
gap:2.4rem;
padding:4.8rem 1.2rem 0 1.2rem;
}
@media(min-width:992px){
body .block-site-footer-r2__social{
align-items:center;
flex-direction:row;
justify-content:space-between;
padding:6.4rem 4.8rem 0 4.8rem;
}
}
body .block-site-footer-r2__social-group{
display:flex;
flex-direction:column;
gap:1.6rem;
}
body .block-site-footer-r2__social-group--sponsor{
align-items:end;
flex-direction:row;
gap:1.8rem;
}
body .block-site-footer-r2__social-group--sponsor img{
height:auto;
width:163px;
}
body .block-site-footer-r2__social-heading{
color:#FFFFFF4D;
font-size:1.6rem;
font-weight:500;
letter-spacing:.06rem;
line-height:1;
text-transform:uppercase;
padding-bottom:30px;
}
body .block-site-footer-r2__social-links ul{
display:flex;
flex-wrap:wrap;
gap:1.6rem 2.4rem;
}
body .block-site-footer-r2__social-link-inner{
align-items:center;
display:inline-flex;
gap:.8rem;
padding-block:.6rem;
}
body .block-site-footer-r2__social-link img{
flex-shrink:0;
height:3.2rem;
width:3.2rem;
}
body .block-site-footer-r2__social-link span{
font-size:1.4rem;
line-height:1.3;
}
body .block-site-footer-r2__social-sponsor-link{
display:inline-flex;
}
body .block-site-footer-r2__bottom{
border-top:.1rem solid hsla(0,0%,100%,.1);
display:flex;
flex-direction:column;
gap:1.2rem;
padding:4.8rem 1.2rem 2.8rem;
margin-top:50px;
}
@media(min-width:992px){
body .block-site-footer-r2__bottom{
align-items:center;
flex-direction:row;
justify-content:end;
padding:4rem 4.8rem 8.6rem;
}
}
body .block-site-footer-r2__bottom a,
body .block-site-footer-r2__bottom-copyrights{
color:var(--wp--preset--color--light-700);
font-size:1.6rem;
line-height:1.3;
}
body .block-site-footer-r2__bottom-copyrights a{
color:var(--wp--preset--color--light-700);
}
body .block-site-footer-r2__clutch {
margin-inline-end: auto;
min-height: 40px;
min-width: 170px;
}
body .block-site-footer-r2__clutch #iframe-0 {
width: 140px;
}
@media (min-width: 992px) {
body .block-site-footer-r2__bottom {
align-items: center;
display: flex;
}
body .block-site-footer-r2__clutch,
body .block-site-footer-r2__bottom::after {
flex: 1 1 0;
}
body .block-site-footer-r2__bottom::after {
content: "";
}
body .block-site-footer-r2__clutch {
margin-inline-end: 0;
min-width: 0;
}
body .block-site-footer-r2__bottom-copyrights {
flex: 0 0 auto;
margin: 0;
text-align: center;
}
}