body.page-id-737 .grooveshow-contact-layout {
box-sizing: border-box;
width: min(calc(100% - 36px), 1480px);
left: auto !important;
right: auto !important;
margin: clamp(34px, 5vw, 72px) auto !important;
padding: clamp(26px, 4vw, 56px) !important;
overflow: visible !important;
background:
radial-gradient(circle at 100% 0, rgba(223, 113, 56, .14), transparent 34%),
linear-gradient(145deg, #fffaf6, #f1f2f3);
border: 1px solid rgba(45, 48, 49, .1);
border-radius: 32px;
box-shadow: 0 24px 64px rgba(23, 25, 26, .1);
}
body.page-id-737 .grooveshow-contact-layout > .row_col_wrap_12 {
display: grid !important;
grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
gap: clamp(28px, 4vw, 58px);
align-items: stretch;
padding: 0 !important;
}
body.page-id-737 .grooveshow-contact-layout > .row_col_wrap_12 > .wpb_column {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-id-737 .grooveshow-contact-side > .vc_column-inner,
body.page-id-737 .grooveshow-contact-form-side > .vc_column-inner {
height: 100%;
padding: 0 !important;
}
body.page-id-737 .grooveshow-contact-side .wpb_row.inner_row,
body.page-id-737 .grooveshow-contact-side .row_col_wrap_12_inner {
margin: 0 !important;
padding: 0 !important;
}
body.page-id-737 .grooveshow-contact-side .wpb_column {
width: 100% !important;
}
body.page-id-737 .grooveshow-contact-side .nectar-highlighted-text h2 {
margin: 0 0 24px;
color: #252829;
font-size: clamp(38px, 4vw, 58px) !important;
line-height: 1.03 !important;
letter-spacing: -.035em;
}
.grooveshow-contact-card {
position: relative;
box-sizing: border-box;
min-height: 100%;
padding: clamp(24px, 3.5vw, 40px);
overflow: hidden;
color: #ffffff;
background:
radial-gradient(circle at 100% 0, rgba(223, 113, 56, .28), transparent 38%),
linear-gradient(145deg, #2c3032, #17191a);
border: 1px solid rgba(255, 255, 255, .12);
border-radius: 26px;
box-shadow: 0 22px 52px rgba(23, 25, 26, .2);
}
.grooveshow-contact-card__logo {
display: block;
width: min(220px, 70%) !important;
height: auto;
max-width: 220px !important;
margin: 0 0 30px;
}
.grooveshow-contact-card__eyebrow,
.grooveshow-contact-form-intro__eyebrow {
display: block;
margin-bottom: 8px;
color: #df7138 !important;
font-size: 12px;
font-weight: 900;
letter-spacing: .14em;
line-height: 1.3;
text-transform: uppercase;
}
.grooveshow-contact-card__title {
max-width: 520px;
margin: 0;
color: #ffffff !important;
font-family: "Instrument Sans", Arial, Helvetica, sans-serif !important;
font-size: clamp(25px, 2.5vw, 34px);
font-weight: 850;
letter-spacing: -.025em;
line-height: 1.15;
}
.grooveshow-contact-card__intro {
max-width: 52ch;
margin: 14px 0 24px;
color: rgba(255, 255, 255, .72) !important;
font-size: 16px;
line-height: 1.65;
}
.grooveshow-contact-card__methods {
display: grid;
gap: 12px;
}
.grooveshow-contact-card__method {
display: grid;
grid-template-columns: 48px minmax(0, 1fr) auto;
gap: 14px;
align-items: center;
min-height: 74px;
padding: 12px 16px;
color: #ffffff !important;
background: rgba(255, 255, 255, .08);
border: 1px solid rgba(255, 255, 255, .13);
border-radius: 17px;
text-decoration: none !important;
transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}
.grooveshow-contact-card__method:hover {
transform: translateY(-2px);
background: rgba(255, 255, 255, .13);
border-color: rgba(223, 113, 56, .55);
}
.grooveshow-contact-card__method img {
display: block;
width: 48px;
height: 48px;
}
.grooveshow-contact-card__method small {
display: block;
margin-bottom: 2px;
color: rgba(255, 255, 255, .58);
font-size: 12px;
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase;
}
.grooveshow-contact-card__method strong {
display: block;
color: #ffffff;
font-size: 16px;
line-height: 1.35;
}
.grooveshow-contact-card__method-arrow {
color: #df7138;
font-size: 24px;
line-height: 1;
}
.grooveshow-contact-card__partner {
display: grid;
grid-template-columns: 38px minmax(0, 1fr);
gap: 12px;
align-items: center;
margin: 24px 0 0;
padding-top: 20px;
color: rgba(255, 255, 255, .72) !important;
border-top: 1px solid rgba(255, 255, 255, .12);
font-size: 14px;
line-height: 1.45;
}
.grooveshow-contact-card__partner img {
width: 38px;
height: 38px;
}
body.page-id-737 .grooveshow-contact-form-side .fluentform_wrapper_7 {
box-sizing: border-box;
height: 100%;
margin: 0 !important;
padding: clamp(24px, 3.5vw, 40px);
border-radius: 26px;
}
.grooveshow-contact-form-intro {
margin: 0 0 28px;
padding-bottom: 22px;
border-bottom: 1px solid rgba(45, 48, 49, .1);
}
.grooveshow-contact-form-intro h3 {
margin: 0;
color: #252829;
font-family: "Instrument Sans", Arial, Helvetica, sans-serif !important;
font-size: clamp(26px, 2.5vw, 36px);
font-weight: 850;
letter-spacing: -.025em;
line-height: 1.15;
}
.grooveshow-contact-form-intro p {
margin: 9px 0 0;
color: #686d70;
font-size: 15px;
line-height: 1.55;
}
@media (max-width: 900px){body.page-id-737 .grooveshow-contact-layout {
width: min(calc(100% - 28px), 760px);
padding: 22px !important;
border-radius: 26px;
}body.page-id-737 .grooveshow-contact-layout > .row_col_wrap_12 {
grid-template-columns: minmax(0, 1fr);
gap: 24px;
}body.page-id-737 .grooveshow-contact-side .nectar-highlighted-text h2 {
margin-bottom: 18px;
}.grooveshow-contact-card { min-height: 0; }}
@media (max-width: 690px){body.page-id-737 .grooveshow-contact-layout {
width: calc(100% - 20px);
margin-block: 26px !important;
padding: 14px !important;
border-radius: 22px;
}.grooveshow-contact-card,
body.page-id-737 .grooveshow-contact-form-side .fluentform_wrapper_7 {
padding: 22px 18px;
border-radius: 20px;
}.grooveshow-contact-card__logo { margin-bottom: 22px; }.grooveshow-contact-card__method {
grid-template-columns: 44px minmax(0, 1fr) 20px;
gap: 11px;
padding: 11px 12px;
}.grooveshow-contact-card__method img {
width: 44px;
height: 44px;
}.grooveshow-contact-card__method strong { font-size: 15px; }.grooveshow-contact-form-intro { margin-bottom: 22px; padding-bottom: 18px; }}