:root {
--lp-header-height: 60px;
--lp-header-height-mobile: 56px; --lp-logo-size: 78px;
--lp-logo-size-mobile: 62px; --lp-logo-drop: 6px;
--lp-logo-drop-mobile: 4px;
--lp-accent: #0aa8a5;
} body.page-template-page-landing-partner,
body.single-partenaire {
padding-top: var(--lp-header-height);
}
.landing-partner-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 900;
background: #fff;
border-bottom: 1px solid #80808033;
}
body.dark-mode .landing-partner-header {
background: #1a1a1a;
}
.landing-partner-header__inner {
max-width: 1180px;
height: var(--lp-header-height);
margin: 0 auto;
padding: 0 30px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
} .landing-partner-header__logo {
flex: 0 0 auto;
display: block;
box-sizing: border-box;
width: var(--lp-logo-size);
height: var(--lp-logo-size);
aspect-ratio: 1 / 1;
padding: 0;
background: #fff;
border: 1px solid #eef2f4;
border-radius: 18px;
box-shadow: 0 12px 30px rgba(30, 41, 59, .16);
object-fit: contain; position: relative;
top: var(--lp-logo-drop);
z-index: 1;
} .landing-partner-header__title {
flex: 0 1 auto;
font-weight: 600;
font-size: 18px;
line-height: 1.2;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.landing-partner-header__cta {
flex: 0 0 auto;
display: inline-block;
padding: 12px 24px;
border-radius: 50px;
background: var(--lp-accent);
color: #fff;
font-size: 14px;
font-weight: 600;
line-height: 1;
white-space: nowrap;
text-decoration: none;
transition: opacity .2s ease;
}
.landing-partner-header__cta:hover,
.landing-partner-header__cta:focus {
color: #fff;
opacity: .85;
text-decoration: none;
} .admin-bar .landing-partner-header {
top: 32px;
}
.landing-partner-main {
min-height: 40vh;
} body.page-template-page-landing-partner #sadpad-top-bar,
body.single-partenaire #sadpad-top-bar {
display: none;
}
@media (max-width: 782px) {
.admin-bar .landing-partner-header {
top: 46px;
}
}
@media (max-width: 600px) {
body.page-template-page-landing-partner,
body.single-partenaire {
padding-top: var(--lp-header-height-mobile);
}
.landing-partner-header__inner {
height: var(--lp-header-height-mobile);
padding: 0 16px;
gap: 12px;
}
.landing-partner-header__logo {
width: var(--lp-logo-size-mobile);
height: var(--lp-logo-size-mobile);
border-radius: 14px;
top: var(--lp-logo-drop-mobile);
}
.landing-partner-header__title {
font-size: 16px;
}
.landing-partner-header__cta {
padding: 11px 18px;
}
}