@font-face {
font-family: "IBM Plex Sans";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//www.laumin-avocat.fr/wp-content/themes/laumin/assets/fonts/ibm-plex-sans-latin-400-normal.woff2) format("woff2");
}
@font-face {
font-family: "IBM Plex Sans";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//www.laumin-avocat.fr/wp-content/themes/laumin/assets/fonts/ibm-plex-sans-latin-700-normal.woff2) format("woff2");
}
@font-face {
font-family: "IBM Plex Sans";
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(//www.laumin-avocat.fr/wp-content/themes/laumin/assets/fonts/ibm-plex-sans-latin-700-italic.woff2) format("woff2");
}
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(//www.laumin-avocat.fr/wp-content/themes/laumin/assets/fonts/poppins-latin-300-normal.woff2) format("woff2");
}
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//www.laumin-avocat.fr/wp-content/themes/laumin/assets/fonts/poppins-latin-400-normal.woff2) format("woff2");
}
@font-face {
font-family: "Poppins";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(//www.laumin-avocat.fr/wp-content/themes/laumin/assets/fonts/poppins-latin-400-italic.woff2) format("woff2");
}
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(//www.laumin-avocat.fr/wp-content/themes/laumin/assets/fonts/poppins-latin-500-normal.woff2) format("woff2");
}
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(//www.laumin-avocat.fr/wp-content/themes/laumin/assets/fonts/poppins-latin-600-normal.woff2) format("woff2");
}
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//www.laumin-avocat.fr/wp-content/themes/laumin/assets/fonts/poppins-latin-700-normal.woff2) format("woff2");
}:root {
--c-dark: #1d234a;
--c-blue: #4a5492;
--c-light: #fdfcfa;
--c-white: #ffffff;
--c-footer: #262e63;
--c-error: #b3261e;
--c-success: #1e6b3a;
--font-text: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
--font-title: "Poppins", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
--width-page: 1140px;
--width-content: 760px;
--gutter: 20px;
} *,
*::before,
*::after {
box-sizing: border-box;
}
html {
-webkit-text-size-adjust: 100%;
scroll-behavior: smooth;
} body {
margin: 0;
background: var(--c-white);
color: var(--c-dark);
font-family: var(--font-text);
font-size: 16px;
line-height: 26px;
font-feature-settings: "lnum" 1, "pnum" 1;
overflow-x: clip;
}
@media (min-width: 700px) {
body {
font-size: 15px;
line-height: 24px;
}
} [id] {
scroll-margin-top: 84px;
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
*,
*::before,
*::after {
transition-duration: 0.01ms !important;
}
}
img {
max-width: 100%;
height: auto;
}
a {
color: var(--c-blue);
}
:focus-visible {
outline: 2px solid var(--c-blue);
outline-offset: 2px;
}
h1,
h2,
h3 {
margin: 0;
font-family: var(--font-title);
}
.container {
width: 100%;
max-width: calc(var(--width-page) + 2 * var(--gutter));
margin-inline: auto;
padding-inline: var(--gutter);
}
.screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
.skip-link {
position: absolute;
left: -9999px;
top: 0;
z-index: 100;
padding: 10px 16px;
background: var(--c-dark);
color: var(--c-white);
}
.skip-link:focus {
left: 0;
} .button,
.wp-block-button__link {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 27px;
min-height: 44px;
padding: 7px 21px 7px 44px;
border: 0;
border-radius: 0;
background: var(--c-dark);
color: var(--c-white);
font-family: var(--font-text);
font-size: 17px;
font-weight: 700;
line-height: 30px;
text-align: center;
text-decoration: none;
cursor: pointer;
transition: background-color 0.2s, color 0.2s;
}
.button::after,
.wp-block-button__link::after {
content: "";
flex: none;
width: 39px;
height: 15px;
background: currentColor;
-webkit-mask: url(//www.laumin-avocat.fr/wp-content/themes/laumin/assets/img/fleche.svg) center / 100% 100% no-repeat;
mask: url(//www.laumin-avocat.fr/wp-content/themes/laumin/assets/img/fleche.svg) center / 100% 100% no-repeat;
transition: transform 0.2s;
}
.button:hover,
.wp-block-button__link:hover {
background: var(--c-blue);
}
.button:hover::after,
.wp-block-button__link:hover::after {
transform: translateX(4px);
}
.button--light {
background: var(--c-light);
color: var(--c-blue);
}
.button--light:hover {
background: var(--c-white);
color: var(--c-dark);
} .button--block {
position: relative;
width: 100%;
padding-inline: 70px;
}
.button--block::after {
position: absolute;
right: 22px;
}
.text-link {
color: var(--c-blue);
font-size: 17px;
font-weight: 700;
line-height: 30px;
text-decoration: underline;
text-underline-offset: 3px;
}
.text-link:hover {
color: var(--c-dark);
}
.text-link--fonce {
color: var(--c-dark);
}
.text-link--fonce:hover {
color: var(--c-blue);
} .site-header {
--topbar-height: 50px;
position: sticky;
top: calc(-1 * var(--topbar-height));
z-index: 20;
border-bottom: 1px solid var(--c-blue);
background: var(--c-white);
}
.site-header__inner {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 0 16px;
max-width: 1300px;
margin-inline: auto;
padding-inline: var(--gutter);
}
.site-header__actions {
display: flex;
flex: 1 0 auto;
align-items: center;
justify-content: space-between;
gap: 16px;
order: -1;
width: calc(100% + 2 * var(--gutter));
height: var(--topbar-height);
margin-inline: calc(-1 * var(--gutter));
padding-inline: var(--gutter);
background: var(--c-dark);
}
.site-header__tel {
display: inline-flex;
align-items: center;
min-height: 44px;
color: var(--c-white);
font-size: 17px;
font-weight: 700;
line-height: 30px;
text-decoration: none;
white-space: nowrap;
}
.site-header__tel:hover {
text-decoration: underline;
}
.button--small {
gap: 14px;
min-height: 38px;
padding: 4px 16px 4px 42px;
} @media (max-width: 359px) {
.button--small {
gap: 10px;
padding-left: 16px;
}
}
.site-header__actions .button {
background: var(--c-light);
color: var(--c-blue);
}
.site-header__actions .button:hover {
background: var(--c-white);
color: var(--c-dark);
}
.site-header__actions :focus-visible {
outline-color: var(--c-white);
}
.site-brand {
display: flex;
flex: 1 1 0;
align-items: center;
gap: 10px;
min-width: 0;
padding-block: 12px;
color: var(--c-dark);
font-size: 14px;
line-height: 20px;
text-decoration: none;
}
.site-brand__logo {
flex: none;
width: 45px;
height: 36px;
}
.site-brand__text {
font-family: var(--font-title);
font-weight: 500;
}
.site-brand__text strong {
font-family: var(--font-text);
font-weight: 700;
} .nav-toggle {
display: inline-flex;
flex: none;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
margin-right: -9px;
padding: 0;
border: 0;
background: none;
color: var(--c-dark);
cursor: pointer;
}
.nav-toggle__icon,
.nav-toggle__icon::before,
.nav-toggle__icon::after {
display: block;
width: 26px;
height: 2px;
border-radius: 1px;
background: currentColor;
transition: transform 0.25s, background-color 0.2s;
}
.nav-toggle__icon {
position: relative;
}
.nav-toggle__icon::before,
.nav-toggle__icon::after {
content: "";
position: absolute;
left: 0;
}
.nav-toggle__icon::before {
top: -8px;
}
.nav-toggle__icon::after {
top: 8px;
}
.nav-toggle[aria-expanded="true"] .nav-toggle__icon {
background: transparent;
}
.nav-toggle[aria-expanded="true"] .nav-toggle__icon::before {
transform: translateY(8px) rotate(45deg);
}
.nav-toggle[aria-expanded="true"] .nav-toggle__icon::after {
transform: translateY(-8px) rotate(-45deg);
} .site-nav {
position: absolute;
inset: 100% 0 auto;
max-height: calc(100vh - 70px);
max-height: calc(100dvh - 70px);
padding: 8px var(--gutter) 24px;
overflow-y: auto;
border-bottom: 1px solid var(--c-blue);
background: var(--c-white);
box-shadow: 0 16px 24px rgba(29, 35, 74, 0.15);
opacity: 0;
visibility: hidden;
transform: translateY(-8px);
transition: opacity 0.2s, transform 0.2s, visibility 0s 0.2s;
}
.site-nav.is-open {
opacity: 1;
visibility: visible;
transform: none;
transition-delay: 0s;
}
.site-nav__list,
.site-nav__list .sub-menu {
margin: 0;
padding: 0;
list-style: none;
}
.site-nav__list a {
display: block;
padding: 9px 0;
color: var(--c-dark);
font-size: 17px;
font-weight: 700;
line-height: 30px;
text-decoration: none;
}
.site-nav__list > li + li {
border-top: 1px solid rgba(74, 84, 146, 0.25);
}
.site-nav__list a:hover,
.site-nav__list .current-menu-item:not(.menu-item-type-custom) > a,
.site-nav__list .current-menu-ancestor > a {
color: var(--c-blue);
}
.site-nav__list .sub-menu {
padding: 0 0 8px 16px;
}
.site-nav__list .sub-menu a {
padding: 7px 0;
font-size: 16px;
font-weight: 400;
}
@media (min-width: 1180px) {
.site-header {
position: relative;
top: auto;
}
.site-header__inner {
flex-wrap: nowrap;
gap: 0 36px;
min-height: 118px;
padding-inline: 37px 40px;
}
.site-header__actions {
flex: none;
gap: 28px;
order: 0;
width: auto;
height: auto;
margin-inline: 0;
padding-inline: 0;
background: none;
}
.site-header__tel {
color: var(--c-blue);
}
.site-header__tel:hover {
color: var(--c-dark);
text-decoration: none;
}
.site-header__actions .button {
background: var(--c-dark);
color: var(--c-white);
}
.site-header__actions .button:hover {
background: var(--c-blue);
color: var(--c-white);
}
.site-header__actions :focus-visible {
outline-color: var(--c-blue);
}
.site-brand {
flex: none;
gap: 0;
padding-block: 0;
font-size: 17px;
line-height: 30px;
}
.site-brand__logo {
width: 85px;
height: 68px;
}
.nav-toggle {
display: none;
}
.site-nav {
position: static;
max-height: none;
margin-left: auto;
padding: 0;
overflow: visible;
border: 0;
background: none;
box-shadow: none;
opacity: 1;
visibility: visible;
transform: none;
transition: none;
}
.site-nav__list {
display: flex;
align-items: center;
gap: 36px;
}
.site-nav__list > li {
position: relative;
}
.site-nav__list > li + li {
border-top: 0;
}
.site-nav__list .sub-menu {
display: none;
position: absolute;
top: 100%;
left: -20px;
min-width: 290px;
padding: 12px 20px;
border: 1px solid var(--c-blue);
background: var(--c-white);
}
.site-nav__list .sub-menu a {
padding: 4px 0;
font-size: 15px;
}
.site-nav__list li:hover > .sub-menu,
.site-nav__list li:focus-within > .sub-menu {
display: block;
}
}
@media (min-width: 1300px) {
.site-header__inner {
gap: 0 48px;
padding-right: 80px;
}
.site-nav__list {
gap: 48px;
}
} .hero {
position: relative;
}
.hero__content {
padding-block: 40px;
}
.hero__surtitre,
.hero__titre {
display: block;
}
.hero__surtitre {
padding-left: 4px;
color: var(--c-blue);
font-family: var(--font-text);
font-size: 17px;
font-weight: 700;
line-height: 30px;
}
.hero__titre {
font-size: clamp(32px, 6vw, 43px);
font-weight: 500;
line-height: 1.12;
}
.hero__texte {
margin-top: 19px;
}
.hero__texte p {
margin: 0 0 12px;
}
.hero__liens {
display: flex;
flex-wrap: wrap;
gap: 0 58px;
margin: 24px 0 0;
} .hero__liens .text-link {
padding-block: 7px;
}
.hero__media {
aspect-ratio: 4 / 3;
}
.hero__media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: 50% 15%;
}
@media (min-width: 960px) {
.hero__inner {
min-height: 477px;
} .hero__content {
width: min(467px, calc(50vw - 90px));
padding-block: 61px 40px;
}
.hero__texte {
text-align: justify;
}
.hero__liens {
margin-top: 37px;
} .hero__media {
position: absolute;
inset: 0 0 0 calc(50% - 30px);
aspect-ratio: auto;
}
}
@media (min-width: 1180px) {
.hero__liens {
flex-wrap: nowrap;
white-space: nowrap;
}
}
.bandeau {
margin: 0;
padding: 25px var(--gutter);
background: var(--c-blue);
color: var(--c-light);
font-family: var(--font-title);
font-size: clamp(17px, 2.4vw, 20px);
font-style: italic;
line-height: 33px;
text-align: center;
} .section {
padding-block: 43px 53px;
}
.section--bleu {
background: var(--c-blue);
color: var(--c-white);
}
.section--bleu :focus-visible {
outline-color: var(--c-white);
}
.section__heading {
text-align: center;
}
.section__surtitre,
.section__titre {
display: block;
}
.section__surtitre {
font-family: var(--font-text);
font-size: 17px;
font-weight: 700;
line-height: 30px;
}
.section__titre {
margin-top: 3px;
font-size: clamp(28px, 5vw, 43px);
font-weight: 500;
line-height: 1.12;
}
.section--bleu .section__titre {
color: var(--c-light);
} .competences__grid {
display: grid;
gap: 48px;
max-width: 1087px;
margin: 40px auto 0;
padding: 0;
list-style: none;
}
.card {
display: flex;
flex-direction: column;
}
.card__head {
display: flex;
align-items: flex-end;
gap: 14px;
min-height: 68px;
padding-bottom: 7px;
border-bottom: 1px solid var(--c-blue);
color: var(--c-blue);
}
.card__num {
font-family: var(--font-title);
font-size: 55px;
font-weight: 700;
line-height: 61px;
}
.card__title {
padding-bottom: 4px;
font-size: 23px;
font-weight: 300;
line-height: 31px;
}
.card__title a {
color: inherit;
text-decoration: none;
}
.card__title a:hover {
text-decoration: underline;
}
.card__text {
flex: 1;
margin: 6px 0 24px;
}
.competences__lien {
margin: 50px 0 0;
text-align: center;
}
@media (min-width: 700px) {
.competences__grid {
grid-template-columns: repeat(2, 1fr);
gap: 60px 48px;
}
.card__text {
text-align: justify;
}
}
@media (min-width: 1024px) {
.competences__grid {
grid-template-columns: repeat(3, 1fr);
gap: 74px 71px;
margin-top: 62px;
}
} .pourquoi {
padding-block: 61px 68px;
}
.pourquoi__cols {
display: grid;
gap: 45px;
max-width: 1080px;
margin: 40px auto 0;
}
.pourquoi__col {
display: grid;
align-content: start;
gap: 45px;
}
.point__accroche {
margin: 0;
font-family: var(--font-title);
font-size: clamp(19px, 3vw, 23px);
font-weight: 300;
line-height: 1.35;
}
.point__texte {
margin: 3px 0 0;
font-size: 17px;
font-weight: 700;
line-height: 30px;
}
.point .button {
margin-top: 14px;
}
@media (min-width: 900px) {
.pourquoi__cols {
grid-template-columns: 1fr 1fr;
gap: 45px 105px;
margin-top: 63px;
}
} .zone {
padding-block: 53px 70px;
}
.zone__inner {
display: grid;
gap: 32px;
align-items: center;
justify-items: center;
}
.zone__media img {
display: block;
width: 394px;
max-width: 80vw;
}
.zone__titre {
font-size: clamp(19px, 3vw, 23px);
font-weight: 300;
line-height: 1.35;
}
.zone__texte {
margin-top: 22px;
}
.zone__texte p {
margin: 0 0 12px;
}
.zone__acces {
margin: 16px 0 0;
font-style: italic;
font-weight: 700;
line-height: 22px;
}
.zone__lien {
margin: 7px 0 0;
}
.zone__lien .text-link {
display: inline-block;
padding-block: 7px;
}
@media (min-width: 960px) {
.zone__inner {
grid-template-columns: 394px 496px;
justify-content: space-between;
justify-items: stretch;
max-width: calc(1036px + 2 * var(--gutter));
}
.zone__texte {
text-align: justify;
}
} .site-footer__main {
position: relative;
background: var(--c-footer);
color: var(--c-white);
}
.site-footer__main :focus-visible {
outline-color: var(--c-white);
}
.site-footer__bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.site-footer__content {
position: relative;
padding-block: 60px 60px;
}
.site-footer__cta {
text-align: center;
}
.site-footer__text {
color: var(--c-light);
font-family: var(--font-title);
font-size: clamp(19px, 3vw, 23px);
font-weight: 300;
line-height: 1.35;
}
.site-footer__text p {
margin: 0;
}
.site-footer__text strong {
font-weight: 600;
}
.site-footer__buttons {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 16px 28px;
margin: 40px 0 0;
}
.site-footer__columns {
display: grid;
gap: 32px;
max-width: 974px;
margin: 56px auto 0;
padding-top: 40px;
border-top: 1px solid var(--c-white);
text-align: center;
} .site-footer__list a {
display: inline-block;
padding-block: 6px;
}
.site-footer__title {
margin: 0 0 6px;
font-size: 17px;
font-weight: 700;
line-height: 30px;
}
.site-footer__list {
margin: 0;
padding: 0;
list-style: none;
}
.site-footer__column a {
color: inherit;
text-decoration: none;
}
.site-footer__column a:hover,
.site-footer__column--pied_cabinet a {
text-decoration: underline;
text-underline-offset: 3px;
}
.site-footer__social {
display: inline-block;
width: 30px;
height: 30px;
margin-top: 10px;
}
.site-footer__social img {
display: block;
width: 100%;
height: 100%;
}
.site-footer__copyright {
margin: 0;
padding: 14px var(--gutter);
font-family: var(--font-title);
font-size: 12px;
line-height: 20px;
text-align: center;
}
.site-footer__copyright a {
display: inline-block;
padding-block: 8px;
color: inherit;
text-decoration: underline;
text-underline-offset: 3px;
}
@media (min-width: 800px) {
.site-footer__content {
padding-block: 100px 106px;
}
.site-footer__buttons {
margin-top: 56px;
}
.site-footer__columns {
grid-template-columns: repeat(3, 1fr);
margin-top: 72px;
padding-top: 41px;
text-align: left;
}
.site-footer__list a {
display: inline;
padding-block: 0;
}
.site-footer__copyright {
padding-block: 17px;
font-size: 16px;
line-height: 24px;
}
.site-footer__copyright a {
display: inline;
padding-block: 0;
}
} @media (min-width: 1024px) {
.site-footer__columns {
grid-template-columns: 289px 281px 1fr;
padding-left: 112px;
}
} .page-header {
padding-block: 32px 40px;
background: var(--c-blue);
color: var(--c-light);
text-align: center;
}
.page-header :focus-visible {
outline-color: var(--c-white);
} .breadcrumb {
margin: 0 0 16px;
font-size: 14px;
line-height: 22px;
}
.breadcrumb a {
display: inline-block;
padding-block: 6px;
color: inherit;
text-underline-offset: 3px;
}
.breadcrumb a:hover {
color: var(--c-white);
}
@media (min-width: 700px) {
.page-header {
padding-block: 40px 56px;
}
}
.page-header__title {
max-width: 900px;
margin-inline: auto;
font-size: clamp(28px, 5vw, 43px);
font-weight: 500;
line-height: 1.12;
}
.entry-content {
padding: 48px var(--gutter) 64px;
}
.entry-content > * {
max-width: var(--width-content);
margin-inline: auto;
}
.entry-content > .alignwide {
max-width: var(--width-page);
}
.entry-content > .alignfull {
max-width: none;
margin-inline: calc(-1 * var(--gutter));
}
.entry-content h2 {
margin-top: 48px;
margin-bottom: 16px;
font-size: clamp(24px, 4vw, 32px);
font-weight: 500;
line-height: 1.2;
}
.entry-content h3 {
margin-top: 32px;
margin-bottom: 8px;
color: var(--c-blue);
font-size: 23px;
font-weight: 300;
line-height: 31px;
}
.entry-content p,
.entry-content ul,
.entry-content ol {
margin-top: 0;
margin-bottom: 16px;
}
.entry-content > :first-child {
margin-top: 0;
}
.entry-content .has-grand-font-size {
font-family: var(--font-title);
font-size: 23px;
font-weight: 300;
line-height: 31px;
} .faq__item {
border-bottom: 1px solid var(--c-blue);
}
.faq__summary {
padding: 16px 0;
color: var(--c-blue);
cursor: pointer;
}
.faq__question {
display: inline;
font-family: var(--font-text);
font-size: 17px;
font-weight: 700;
line-height: 30px;
}
.faq__answer {
padding-bottom: 16px;
}
.faq__answer > :first-child {
margin-top: 0;
}
.faq__answer > :last-child {
margin-bottom: 0;
} .cta {
margin-block: 40px;
padding: 32px 24px;
background: var(--c-blue);
color: var(--c-white);
text-align: center;
}
.cta__text {
margin: 0 0 20px;
font-family: var(--font-title);
font-size: clamp(19px, 3vw, 23px);
font-weight: 300;
line-height: 1.35;
}
.cta__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 12px 28px;
margin: 0;
}
.cta .button {
background: var(--c-light);
color: var(--c-blue);
}
.cta .button:hover {
background: var(--c-white);
color: var(--c-dark);
}
.cta__tel {
color: var(--c-white);
font-size: 17px;
font-weight: 700;
} .contact {
display: grid;
gap: 40px;
padding-block: 48px;
}
.contact h2 {
margin-bottom: 16px;
color: var(--c-blue);
font-size: 23px;
font-weight: 300;
line-height: 31px;
}
@media (min-width: 960px) {
.contact {
grid-template-columns: 1fr 1.4fr;
gap: 71px;
}
}
.contact__list {
margin: 0 0 24px;
}
.contact__list dt {
font-size: 17px;
font-weight: 700;
line-height: 30px;
}
.contact__list dd {
margin: 0 0 12px;
}
.contact__list a {
display: inline-block;
padding-block: 6px;
}
.form-field {
margin: 0 0 16px;
}
.form-field label {
display: block;
margin-bottom: 4px;
font-weight: 700;
}
.form-field__optional {
font-weight: 400;
}
.form-field input[type="text"],
.form-field input[type="email"],
.form-field input[type="tel"],
.form-field select,
.form-field textarea {
width: 100%;
padding: 9px 12px;
border: 1px solid var(--c-blue);
border-radius: 0;
background: var(--c-white);
color: inherit;
font: inherit;
}
.form-field.has-error input,
.form-field.has-error textarea {
border-color: var(--c-error);
}
.form-field__error {
display: block;
margin-top: 4px;
color: var(--c-error);
}
.form-field--checkbox {
display: grid;
grid-template-columns: auto 1fr;
gap: 0 10px;
}
.form-field--checkbox input {
margin-top: 6px;
}
.form-field--checkbox label {
font-weight: 400;
}
.form-field--checkbox .form-field__error {
grid-column: 2;
} .form-field--piege {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}
.form-notice {
margin-top: 0;
padding: 12px 16px;
border-left: 4px solid;
}
.form-notice--success {
border-color: var(--c-success);
background: #eaf5ee;
}
.form-notice--error {
border-color: var(--c-error);
background: #fbecea;
}
.map {
border-top: 1px solid var(--c-blue);
background: var(--c-light);
}
.map__placeholder {
padding: 48px var(--gutter);
text-align: center;
}
.map__placeholder p {
margin: 0 0 16px;
}
.map__notice {
margin: 16px 0 0;
font-size: 13px;
}
.map iframe {
display: block;
width: 100%;
height: 420px;
border: 0;
}