.ux-bilan {border: 1px solid #a63241;padding: 50px;}
.ux-home-2{padding: 50px} .ca__contentall {max-width: 1320px;margin: 0 auto;padding: 10px 10px 100px;}
.ca__contentall h2 {font-size: 55px;}
.ca-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px;}
.membres_du_ca{text-align:center;box-shadow: 0 0 1px 0 rgba(218, 205, 194, 0.6), 0 1px 1px 0 rgba(218, 205, 194, 0.6), 0px 20px 40px 0px rgba(218, 205, 194, 0.6);padding: 30px;}
.ca__image img{width:160px;height:160px;object-fit:cover;border-radius:50%;margin-bottom:15px;}
.ca__name{font-size:20px;margin-bottom:10px;}
.ca__description{font-size:15px;line-height:1.6;text-align: justify;}
@media only screen 
and (min-device-width : 100px) 
and (max-device-width : 812px){ 
.ux-home-2 {padding: 10px;text-align: justify;margin: 50px 0 0;}
.ca-grid {grid-template-columns: repeat(1,1fr);}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
.ux-bilan {padding: 50px;}
.ux-home-2{padding: 50px;margin: 0}
.ca-grid {grid-template-columns: repeat(2,1fr);}
}   :root {
--blue: #001F41;
--linen: #fcf6f0;
--pearl-bush: #ece3db;
--mercury: #e5e5e5;
--merlot: #841d2a;
--stiletto: #a63241;
--midnight: #001f41;
--chathams-blue: #184078;
--polo-blue: #88a7d0;
--body-bg: #fcf6f0;
--nav-link-color: var(--linen);
--nav-link-color-opacity: rgba(252, 246, 240, 0.5);
--nav-link-color-hover: var(--linen);
}
@font-face {
font-family: "FogtwoNo5";
src: url(//fondationmad.org/wp-content/themes/mad/assets/fonts/FogtwoNo5.woff2) format("woff2"), url(//fondationmad.org/wp-content/themes/mad/assets/fonts/FogtwoNo5.woff2) format("woff");
}
:root {
--font-title: "FogtwoNo5", Arial, Helvetica, sans-serif;
--font-general: "Inter", Arial, Helvetica, sans-serif;
}
body {
font-size: 15px;
color: var(--blue);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: var(--font-general);
}
h1,
h2,
h3,
h4,
h5 {
font-weight: 400;
}
h1 {
font-family: var(--font-title);
font-size: 4.375rem;
font-size: clamp(4.375rem, 3.6607142857rem + 3.5714285714vw, 6.875rem);
line-height: 0.9;
}
h2 {
font-family: var(--font-title);
font-size: 1.375rem;
font-size: clamp(1.375rem, 1.1964285714rem + 0.8928571429vw, 2rem);
line-height: 1.3636;
}
@media (min-width: 1200px) {
h2 {
line-height: 1.0625;
}
}
h3,
.h3 {
font-weight: 400;
font-size: 1.375rem;
font-size: clamp(1.375rem, 1.375rem + 0vw, 1.375rem);
font-family: var(--font-title);
}
a {
color: var(--stiletto);
-webkit-transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1);
transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
a:hover {
color: #7f2632;
}
h2 a {
color: currentColor;
text-decoration-thickness: 1px;
}
p {
line-height: 1.73;
font-weight: 300;
}  html {
position: relative;
}
img {
width: 100%;
max-width: 100%;
height: auto;
}
.sr-only {
position: absolute;
overflow: hidden;
clip: rect(0, 0, 0, 0);
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
white-space: nowrap;
border: 0;
}
@media (min-width: 1024px) {
.no-padding {
padding: 0;
}
}
.d-none {
display: none;
}
@media (min-width: 1200px) {
.d-lg-block {
display: block;
}
}
.mb-5 {
margin-bottom: 1.875em;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.flex-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.justify-content-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify-content-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.align-items-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 992px) {
.flex-lg-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
.container,
.row {
--bs-gutter-x: 40px;
--bs-gutter-y: 0;
}
html {
overflow-x: hidden;
}
body {
background: var(--body-bg);
overflow-x: hidden;
}
.site-header {
padding: 30px 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 4;
}
.header-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px solid var(--nav-link-color-opacity);
padding-bottom: 26px;
}
@media (max-width: 1200px) {
.header-inner {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: none;
}
.header-inner svg {
display: block;
width: 134px;
margin-top: 30px;
}
}
.header-inner svg path {
fill: var(--nav-link-color);
}
.navbar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 50px;
}
.navbar .navbar-collapse {
-webkit-transition: none !important;
transition: none !important;
}
.navbar-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
list-style: none;
gap: 50px;
margin: 0;
padding: 0;
}
.navbar-nav li.menu-item:not(.contact) {
padding-top: 12px;
}
.navbar-nav li.menu-item:not(.contact) .nav-link {
text-decoration: none;
color: var(--nav-link-color);
text-transform: uppercase;
font-size: 10px;
font-weight: 700;
line-height: 1.5;
letter-spacing: 0.1em;
position: relative;
}
.navbar-nav li.menu-item:not(.contact) .nav-link::after {
position: absolute;
height: 2px;
width: 100%;
bottom: 20px;
display: block;
content: "";
pointer-events: none;
z-index: 3;
background-color: var(--nav-link-color);
bottom: -48px;
-webkit-transition: 300ms;
transition: 300ms;
-webkit-transform: translateY(3px);
transform: translateY(3px);
opacity: 0;
}
.navbar-nav li.menu-item:not(.contact) .nav-link:hover {
color: var(--nav-link-color-hover);
}
.navbar-nav li.menu-item:not(.contact) .nav-link:hover::after {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
background-color: var(--nav-link-color);
}
.navbar-nav li.menu-item:not(.contact).active .nav-link {
color: var(--nav-link-color-hover);
}
.navbar-nav li.menu-item:not(.contact).active .nav-link::after {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
background-color: var(--nav-link-color);
}
@media (min-width: 1200px) {
.navbar-nav li.menu-item.contact {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.navbar-nav li.menu-item.contact .nav-link {
margin-top: 0;
background-color: var(--polo-blue);
-webkit-transition: all 200ms;
transition: all 200ms;
text-transform: uppercase;
color: var(--linen);
text-decoration: none;
font-size: 10px;
font-weight: 700;
line-height: 1.5;
letter-spacing: 0.1em;
display: inline-block;
padding: 2em 3.5em;
border: 0;
margin-top: 1rem;
}
.navbar-nav li.menu-item.contact .nav-link:hover {
background-color: white;
color: var(--polo-blue);
}
}
.navbar-nav li.menu-item.wpml-ls-item .nav-link::after {
content: none;
}
.navbar-nav li.menu-item.wpml-ls-current-language > .nav-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.navbar-nav li.menu-item.wpml-ls-current-language > .nav-link::after {
content: "";
position: relative;
top: 5px;
margin-left: 5px;
width: 8px;
height: 6px;
opacity: 1;
-webkit-transform: none;
transform: none;
background-color: transparent;
background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB3aWR0aD0iOCIgdmlld0JveD0iMCAwIDggNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBzdHJva2U9IiNmY2Y2ZjAiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNNyAxLjUgNC4xNzIgNC4zMjggMS4zNDMgMS41IiAvPgo8L3N2Zz4K);
}
.navbar-nav li.menu-item.wpml-ls-current-language > .nav-link:hover:after {
background-color: transparent;
}
.navbar-nav li.menu-item.wpml-ls-current-language ul.dropdown-menu {
position: absolute;
background: none;
padding: 0;
border: none;
}
.navbar-nav li.menu-item.wpml-ls-current-language ul.dropdown-menu li {
padding-top: 0;
}
.navbar-nav li.menu-item.wpml-ls-current-language:hover ul.dropdown-menu {
display: block;
}
.navbar-toggler {
outline: none;
height: 40px;
width: 40px;
position: relative;
left: calc(50% - 20px);
padding: 0;
background: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
z-index: 3;
}
.navbar-toggler:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-toggler .icon-bar {
background-color: var(--linen);
-webkit-transform: rotate(0deg) translate(0px, 0px);
transform: rotate(0deg) translate(0px, 0px);
-webkit-transition: ease all 0.2s;
transition: ease all 0.2s;
display: block;
width: 30px;
height: 1px;
border-radius: 1px;
margin: 0 auto;
}
.page-template-page-contact .navbar-toggler .icon-bar {
background-color: var(--chathams-blue);
}
.navbar-toggler .icon-bar + .icon-bar {
margin-top: 4px;
}
.navbar-toggler[aria-expanded=true] .icon-bar:nth-child(1) {
-webkit-transform: rotate(45deg) translate(3px, 4px);
transform: rotate(45deg) translate(3px, 4px);
-webkit-transition: ease all 0.2s;
transition: ease all 0.2s;
}
.navbar-toggler[aria-expanded=true] .icon-bar:nth-child(2) {
opacity: 0;
-webkit-transition: ease all 0.2s;
transition: ease all 0.2s;
}
.navbar-toggler[aria-expanded=true] .icon-bar:nth-child(3) {
-webkit-transform: rotate(-45deg) translate(3px, -4px);
transform: rotate(-45deg) translate(3px, -4px);
-webkit-transition: ease all 0.2s;
transition: ease all 0.2s;
}
.navbar-open {
position: fixed;
}
.navbar-open .site-footer {
position: fixed;
bottom: 0;
z-index: 9;
width: 100vw;
padding-top: 0;
}
.navbar-open .site-footer .footer__top {
padding-top: 60px;
}
.navbar-open .site-footer .footer__top .footer__left svg {
width: 106px;
margin-bottom: 40px;
}
.navbar-open .site-footer .footer__bottom {
display: none;
}
.navbar-open .navbar .navbar-toggler {
z-index: 6;
position: fixed;
left: calc(50% - 20px);
top: 40px;
}
.navbar-open .navbar .navbar-collapse {
-webkit-transition: none !important;
transition: none !important;
position: fixed;
width: 100vw;
height: calc(100% - 300px);
top: 0;
left: 0;
background: var(--stiletto);
z-index: 5;
padding-top: 120px;
}
.navbar-open .navbar .navbar-collapse .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: initial;
z-index: 11;
height: 90%;
}
.navbar-open .navbar .navbar-collapse .navbar-nav .menu-item {
display: block;
width: 100%;
padding-top: 0;
}
.navbar-open .navbar .navbar-collapse .navbar-nav .menu-item .nav-link {
display: block;
text-align: center;
font-family: "FogtwoNo5";
font-style: normal;
font-weight: 400 !important;
font-size: 39px;
line-height: 40px;
letter-spacing: 0;
text-transform: none;
text-transform: capitalize;
color: var(--linen);
}
.navbar-open .navbar .navbar-collapse .navbar-nav .menu-item .nav-link:after {
content: none !important;
}
.site-footer {
background: var(--stiletto);
position: relative;
overflow: hidden;
padding-top: 131px;
}
@media (min-width: 1200px) {
.site-footer {
padding-top: 200px;
}
}
@media (max-width: 1199px) {
.site-footer {
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--stiletto)), color-stop(50%, var(--polo-blue)));
background: linear-gradient(to bottom, var(--stiletto) 50%, var(--polo-blue) 50%);
}
}
.site-footer::before {
width: 100vw;
background: var(--polo-blue);
content: "";
position: absolute;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
z-index: 1;
pointer-events: none;
}
@media (min-width: 1200px) {
.site-footer::before {
width: 56vw;
height: 74.8663101604vw;
left: -8%;
top: 0;
border-radius: 50%;
}
}
@media (max-width: 1199px) {
.site-footer::before {
height: 120vh;
width: 150vw;
margin-left: -25vw;
}
}
.site-footer .container {
position: relative;
z-index: 2;
}
.footer__top {
color: var(--linen);
padding: 97px 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
font-size: 1rem;
font-size: clamp(1rem, 0.8928571429rem + 0.5357142857vw, 1.375rem);
}
@media (max-width: 1199px) {
.footer__top {
display: block;
padding-bottom: 10px;
}
}
.site-footer h3 {
opacity: 0.6;
margin-bottom: 14px !important;
}
.site-footer h3,
.h3 {
color: var(--linen);
}
.site-footer h3:hover,
.h3:hover {
color: var(--linen);
}
.site-footer h3:last-of-type,
.h3:last-of-type {
margin-bottom: 0;
}
.footer__top .footer__left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16.6667%;
}
@media (max-width: 1199px) {
.footer__top .footer__left {
display: block;
}
.footer__top .footer__left svg {
display: block;
margin: 0 auto 60px;
width: 180px;
}
.footer__top .footer__left > div {
padding: 30px 0;
border-top: 1px rgba(252, 246, 240, 0.2) solid;
border-bottom: 1px rgba(252, 246, 240, 0.2) solid;
}
}
.footer__top .footer__right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16.6667%;
}
@media (max-width: 1199px) {
.footer__top .footer__right {
position: relative;
}
}
.footer__top .footer__right-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100%;
}
@media (max-width: 1199px) {
.footer__top .footer__right-col {
display: none;
}
}
.footer__top .footer__right-col a:not([class]) {
display: block;
color: var(--pearl-bush);
font-size: 12px;
margin-top: 10px;
}
.footer__top .footer__right-col--second .h4 {
margin-bottom: 0;
}
.footer__top .footer__right .btn-social {
margin-left: auto;
}
@media (max-width: 1199px) {
.footer__top .footer__right .btn-social {
position: absolute;
right: 0px;
bottom: 30px;
width: 87px;
height: 87px;
font-size: 18px;
}
.footer__top .footer__right .btn-social:before {
background-color: var(--chathams-blue);
}
}
.footer__top .footer__left address {
margin-bottom: 0;
font-family: var(--font-title);
}
.footer__top a {
text-decoration: none;
}
.footer__top a:hover {
text-decoration: underline;
}
.footer__top a.btn-social {
text-decoration: none;
}
.footer__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--pearl-bush);
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight: 500;
font-size: 8px;
font-family: "Inter";
padding: 43px 0;
}
@media (max-width: 1199px) {
.footer__bottom {
padding: 20px 0;
background-color: var(--polo-blue);
}
}
.footer__bottom p {
margin-bottom: 0;
}
.footer__bottom p span {
opacity: 0.6;
}
.footer__bottom a {
color: var(--linen);
text-decoration: none;
}
.footer__bottom a:hover {
text-decoration: underline;
} .btn-fileupload, .btn-tertiary, .btn-secondary, .btn-main {
text-transform: uppercase;
color: var(--linen);
text-decoration: none;
font-size: 10px;
font-weight: 700;
line-height: 1.5;
letter-spacing: 0.1em;
display: inline-block;
padding: 2em 3.5em;
border: 0;
margin-top: 1rem;
}
.btn-main {
background-color: var(--stiletto);
-webkit-transition: all 200ms;
transition: all 200ms;
}
.btn-main:hover {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
background-color: var(--polo-blue);
color: var(--linen);
}
.btn-secondary {
background-color: var(--polo-blue);
-webkit-transition: all 200ms;
transition: all 200ms;
}
.btn-secondary:hover {
background-color: white;
color: var(--polo-blue);
}
.btn-tertiary {
background-color: var(--merlot);
-webkit-transition: -webkit-transform 200ms;
transition: -webkit-transform 200ms;
transition: transform 200ms;
transition: transform 200ms, -webkit-transform 200ms;
margin-top: 0;
}
.btn-tertiary:hover {
color: var(--linen);
background-color: var(--polo-blue);
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
.btn-social {
font-family: var(--font-title);
font-size: 0.875rem;
font-size: clamp(0.875rem, 0.8035714286rem + 0.3571428571vw, 1.125rem);
text-decoration: none;
width: 4.833em;
height: 4.833em;
display: inline-block;
text-align: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--linen);
position: relative;
}
.btn-social::before {
z-index: -1;
content: "";
display: block;
position: absolute;
height: 100%;
width: 100%;
background-color: var(--merlot);
border-radius: 50%;
-webkit-transition: 250ms;
transition: 250ms;
}
.btn-social:hover {
color: var(--linen);
}
.btn-social:hover::before {
-webkit-transform: scale(1.2);
transform: scale(1.2);
background-color: var(--polo-blue);
}
.btn-submit {
border-radius: 50%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: var(--pearl-bush);
color: var(--linen);
font-family: var(--font-title);
font-size: 18px;
line-height: 1.666;
border: 0;
padding: 1.611em 0.444em 1.556em 0.5em;
-webkit-transition: background-color 300ms;
transition: background-color 300ms;
margin-bottom: -10px;
}
.btn-submit.has-text {
background-color: var(--stiletto);
}
.btn-submit:hover {
background-color: var(--polo-blue);
}
.btn-fileupload {
background-color: var(--linen);
color: var(--merlot);
margin-top: 0;
}
.btn-scroll {
display: none;
background: transparent;
outline: none;
border: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 70px;
position: absolute;
z-index: 2;
-webkit-transition: -webkit-transform 200ms;
transition: -webkit-transform 200ms;
transition: transform 200ms;
transition: transform 200ms, -webkit-transform 200ms;
cursor: pointer;
bottom: 70px;
}
.btn-scroll:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
@media (min-width: 1200px) {
.btn-scroll {
display: block;
}
}
.btn-scroll__arrow {
-webkit-animation: bounce 2s ease infinite;
animation: bounce 2s ease infinite;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
60% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
60% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
}
.facetwp-type-dropdown.facetwp-facet {
font-family: Arial;
min-width: 180px;
margin-bottom: 0;
position: relative;
}
.facetwp-type-dropdown.facetwp-facet select {
display: none; }
.facetwp-type-dropdown.facetwp-facet .select-selected {
-moz-appearance: none;
appearance: none;
padding: 20px 40px 20px 30px;
width: 100%;
border: 0;
border-radius: 0;
color: var(--linen);
background: var(--polo-blue);
-webkit-box-shadow: 0 1px 3px -2px #9098a9;
box-shadow: 0 1px 3px -2px #9098a9;
cursor: pointer;
font-family: inherit;
font-size: 16px;
-webkit-transition: all 150ms ease;
transition: all 150ms ease;
-webkit-appearance: none;
text-transform: uppercase;
-webkit-border-radius: 0px;
font-size: 10px;
letter-spacing: 0.1em;
font-weight: 700;
}
.facetwp-type-dropdown.facetwp-facet .select-selected.select-arrow-active svg {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.facetwp-type-dropdown.facetwp-facet .select-selected:hover svg {
stroke: var(--linen);
}
.facetwp-type-dropdown.facetwp-facet svg {
position: absolute;
right: 31px;
top: calc(50% - 3px);
width: 10px;
height: 6px;
stroke-width: 2px;
stroke: var(--linen);
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
pointer-events: none;
}
.facetwp-type-dropdown.facetwp-facet .select-items {
position: absolute;
background-color: var(--polo-blue);
top: 100%;
left: 0;
right: 0;
z-index: 99;
}
.facetwp-type-dropdown.facetwp-facet .select-items div {
color: #ffffff;
font-family: inherit;
font-size: 10px;
letter-spacing: 0.1em;
font-weight: 700;
-webkit-transition: all 150ms ease;
transition: all 150ms ease;
-webkit-appearance: none;
color: var(--linen);
text-transform: uppercase;
padding: 15px 40px 10px 35px;
border: 1px solid transparent;
border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
cursor: pointer;
} .select-hide {
display: none;
}
.select-items div:hover, .same-as-selected {
background-color: rgba(0, 0, 0, 0.1);
}
.select select:required:invalid {
color: var(--linen);
}
.select select option {
color: var(--linen);
}
.select select option[value=""][disabled] {
display: none;
}
.select select option[disabled] {
text-transform: uppercase;
font-weight: 700;
}
.select select:focus {
outline: none;
border-color: var(--stiletto);
-webkit-box-shadow: 0 0 0 2px rgba(0, 119, 255, 0.2);
box-shadow: 0 0 0 2px rgba(0, 119, 255, 0.2);
}
.select select:hover + svg {
stroke: var(--linen);
}
.sprites {
position: absolute;
width: 0;
height: 0;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.input-group {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%;
}
.pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-left: 0;
list-style: none;
}
.page-link {
position: relative;
display: block;
padding: 0.5rem 0.75rem;
line-height: 1.25;
color: lightcoral;
text-decoration: none;
}
.page-link:hover {
z-index: 2;
color: #eb5252;
text-decoration: none;
}
.page-link:focus {
z-index: 3;
outline: lightcoral;
-webkit-box-shadow: 0 0 0 0.2rem rgba(240, 128, 128, 0.25);
box-shadow: 0 0 0 0.2rem rgba(240, 128, 128, 0.25);
}
.page-item:first-child .page-link {
margin-left: 0;
}
.page-item.active .page-link {
z-index: 3;
color: #fff;
background-color: lightcoral;
}
.page-item.disabled .page-link {
color: grey;
pointer-events: none;
cursor: auto;
} .home-hero {
position: relative;
height: 70vh;
}
@media (max-width: 1200px) {
.home-hero {
height: 80vh;
}
}
.home-hero-slider-img {
height: 84vh;
}
@media (min-width: 1200px) {
.home-hero-slider-img {
height: auto;
}
}
.home-hero-slider-img .swiper-slide {
background: var(--blue);
}
.home-hero-slider-img .swiper-slide img {
height: 84vh;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 1200px) {
.home-hero-slider-img .swiper-slide img {
height: 74vh;
}
}
.home-hero__content {
position: absolute;
width: 100%;
height: 500px;
top: calc(84vh - 329px);
background: -webkit-gradient(linear, left top, left bottom, from(var(--stiletto)), color-stop(65.9%, var(--stiletto)), color-stop(65.9%, var(--pearl-bush)), to(var(--pearl-bush)));
background: linear-gradient(180deg, var(--stiletto) 0%, var(--stiletto) 65.9%, var(--pearl-bush) 65.9%, var(--pearl-bush) 100%);
z-index: 1;
border-radius: 80%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow-x: hidden;
color: var(--linen);
padding-top: 80px;
}
@media (min-width: 1200px) {
.home-hero__content {
width: 526px;
height: 606px;
right: -50px;
top: calc(74vh - 399px);
padding-top: 100px;
}
}
@media (min-width: 1400px) {
.home-hero__content {
padding-top: 140px;
top: calc(74vh - 465px);
height: 706px;
right: -50px;
}
}
.home-hero__content a {
text-decoration: none;
color: var(--linen);
}
.home-hero__content a h3 {
color: var(--linen);
}
@media (max-width: 1200px) {
.home-hero__content a h3 {
text-align: center;
}
}
.home-hero__content a:hover {
text-decoration: underline;
}
@media (max-width: 1200px) {
.home-hero__content p {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4; line-clamp: 4;
-webkit-box-orient: vertical;
text-align: center;
}
}
.home-hero__content .swiper-container {
overflow-x: hidden;
}
.home-hero__content-inner {
width: 50%;
}
@media (min-width: 1200px) {
.home-hero__content-inner {
width: 45%;
}
}
@media (max-width: 1200px) {
.home-hero__content-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.home-hero__content .swiper-pagination {
--swiper-theme-color: var(--linen);
--swiper-pagination-bullet-width: 5px;
--swiper-pagination-bullet-size: 5px;
--swiper-pagination-bullet-horizontal-gap: 8.5px;
position: relative;
left: 0;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-bottom: 30px;
}
@media (max-width: 1200px) {
.home-hero__content .swiper-pagination {
margin: 30px auto 0;
}
}
.home-hero__content .swiper-pagination .swiper-pagination-bullet:first-of-type {
margin-left: 0;
}
.home-about {
padding-top: 60px;
padding-bottom: 30px;
position: relative;
text-align: center;
}
@media (min-width: 1200px) {
.home-about {
text-align: left;
padding-top: 118px;
padding-bottom: 72px;
}
}
.home-about-bg {
--about-background: blue;
--about-background: url(//fondationmad.org/wp-content/themes/mad/assets/img/about-planete.jpg);
position: absolute;
top: 0;
left: 0;
background-image: var(--about-background);
background-size: cover;
width: 100%;
height: 100%;
inset: 0;
z-index: 3;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.home-about .section-title {
z-index: 2;
position: relative;
text-transform: uppercase;
font-weight: 700;
font-size: 10px;
letter-spacing: 0.1em;
color: var(--polo-blue);
display: block;
margin-bottom: 40px;
}
.home-about .row {
margin-bottom: 50px;
}
@media (min-width: 1200px) {
.home-about .row {
margin-bottom: 72px;
}
}
.home-about h2 {
position: relative;
font-size: 1.875rem;
font-size: clamp(1.875rem, 1.4285714286rem + 2.2321428571vw, 3.4375rem);
}
@media (max-width: 1199px) {
.home-about h2 {
z-index: 9;
}
}
.home-about h2 span {
position: relative;
z-index: 2;
}
.home-about h2 a {
color: var(--stiletto);
position: relative;
z-index: 3;
-webkit-transition: all 200ms;
transition: all 200ms;
text-underline-offset: 5px;
text-decoration-thickness: 1px;
}
.home-about h2 a.hide {
opacity: 0;
}
.home-about h2 a:hover {
text-decoration: none;
}
.home-about.active .home-about-bg {
opacity: 1;
visibility: visible;
}
.home-highlight {
margin-bottom: 100px;
}
@media (min-width: 1200px) {
.home-highlight {
margin-bottom: 180px;
}
}
.home-highlight .container {
position: relative;
padding: 0;
}
@media (min-width: 1200px) {
.home-highlight .container {
padding-left: 20px;
padding-right: 20px;
}
}
.home-highlight .container::before {
content: "";
position: absolute;
width: 74.5%;
height: 88.2%;
left: -44%;
top: 56.15%;
background: var(--pearl-bush);
z-index: 1;
border-radius: 80%;
}
@media (min-width: 1200px) {
.home-highlight .container::before {
width: calc(52% - 20px);
height: 133.2%;
left: calc(-15% + 25px);
top: 15%;
}
}
.highlight-wrapper {
background: var(--polo-blue);
position: relative;
overflow: hidden;
padding-top: 50px;
padding-bottom: 83px;
padding-left: 30px;
padding-right: 30px;
}
@media (min-width: 1200px) {
.highlight-wrapper {
padding-top: 178px;
padding-bottom: 101px;
text-align: center;
}
}
.highlight-wrapper::before {
content: "";
position: absolute;
width: 74.5%;
height: 88.2%;
left: -44%;
top: 56.15%;
background: var(--chathams-blue);
z-index: 1;
border-radius: 80%;
}
@media (min-width: 1200px) {
.highlight-wrapper::before {
width: 52%;
height: 133.2%;
left: -15%;
top: 15%;
}
}
.highlight-wrapper blockquote {
font-size: 2.25rem;
font-size: clamp(2.25rem, 1.6428571429rem + 3.0357142857vw, 4.375rem);
font-family: var(--font-title);
line-height: 1.05;
color: var(--linen);
max-width: 32ch;
margin: 0 auto;
margin-bottom: 1.171em;
position: relative;
z-index: 2;
}
.highlight-wrapper figcaption {
text-transform: uppercase;
font-weight: 700;
color: var(--linen);
font-size: 10px;
letter-spacing: 0.1em;
position: relative;
z-index: 2;
}
.home-commitment-areas h1 {
text-align: center;
font-size: 3.4375rem;
font-size: clamp(3.4375rem, 3.1696428571rem + 1.3392857143vw, 4.375rem);
z-index: 2;
position: relative;
margin-bottom: 1.714em;
}
.commitment-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 60px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 40px;
color: var(--midnight);
}
@media (min-width: 1200px) {
.commitment-area {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 206px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
}
@media (min-width: 1200px) {
.commitment-area__img {
width: calc(50% - 20px);
}
}
@media (min-width: 1200px) {
.commitment-area__content {
width: 41%;
padding-bottom: 30px;
}
}
.commitment-area h2 {
margin-bottom: 1.4em;
}
@media (min-width: 1200px) {
.commitment-area h2 {
width: 80%;
}
}
.commitment-area p {
margin-bottom: 2em;
}
.commitment-area p:last-of-type {
margin-bottom: 0;
}
@media (min-width: 1200px) {
.commitment-area:nth-child(2) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
.home-support {
background: linear-gradient(180deg, var(--linen) 0%, var(--linen) 403px, var(--stiletto) 403px, var(--stiletto) 100%);
}
@media (min-width: 1200px) {
.home-support {
background: linear-gradient(180deg, var(--linen) 0%, var(--linen) 444px, var(--stiletto) 444px, var(--stiletto) 100%);
}
}
.home-support h1 {
font-size: 3.4375rem;
font-size: clamp(3.4375rem, 2.8125rem + 3.125vw, 5.625rem);
text-align: center;
margin-bottom: 0.889em;
}
.swiper-support-wrapper {
position: relative;
}
.swiper-support-wrapper .swiper-slide {
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.swiper-support {
padding-top: 20px;
}
.swiper-support-wrapper .swiper-button-prev,
.swiper-support-wrapper .swiper-button-next {
background-color: var(--polo-blue);
border-radius: 50%;
width: 87px;
height: 87px;
-webkit-transition: background-color 200ms;
transition: background-color 200ms;
right: -43.5px;
}
.swiper-support-wrapper .swiper-button-prev::after,
.swiper-support-wrapper .swiper-button-next::after {
width: 30px;
height: 21px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 30 21'%3E%3Cpath stroke='%23FCF6F0' d='M0 10.5h29m0 0C24.597 10.111 15.792 7.467 15.792 0M29 10.5c-4.403.292-13.208 2.8-13.208 10.5'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
font-family: none;
content: "";
-webkit-transition: -webkit-transform 200ms;
transition: -webkit-transform 200ms;
transition: transform 200ms;
transition: transform 200ms, -webkit-transform 200ms;
}
.swiper-support-wrapper .swiper-button-prev:hover,
.swiper-support-wrapper .swiper-button-next:hover {
background-color: var(--merlot);
}
.swiper-support-wrapper .swiper-button-prev:hover::after,
.swiper-support-wrapper .swiper-button-next:hover::after {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
@media (max-width: 1199px) {
.swiper-support-wrapper .swiper-button-prev,
.swiper-support-wrapper .swiper-button-next {
display: none;
}
}
.swiper-support-wrapper .swiper-button-prev {
left: -43.5px;
}
.swiper-support-wrapper .swiper-button-prev::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 30 21'%3E%3Cpath stroke='%23FCF6F0' d='M30 10.5H1m0 0C5.403 10.111 14.208 7.467 14.208 0M1 10.5c4.403.292 13.208 2.8 13.208 10.5'/%3E%3C/svg%3E%0A");
}
.swiper-support-wrapper .swiper-button-prev:hover::after {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
.swiper-support-wrapper .project-item {
-webkit-box-shadow: none;
box-shadow: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-support-wrapper .project-item__footer {
margin-top: auto;
}
.swiper-support-wrapper .project-item__header,
.swiper-support-wrapper .project-item__header img {
border-radius: 200px 200px 0 0;
}
.swiper-support-wrapper .project-item__content {
padding-top: 68px;
}
.swiper-support-wrapper .swiper-pagination {
--swiper-theme-color: var(--linen);
--swiper-pagination-bullet-width: 5px;
--swiper-pagination-bullet-size: 5px;
--swiper-pagination-bullet-horizontal-gap: 8.5px;
position: relative;
left: 0;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.swiper-support-wrapper .swiper-pagination .swiper-pagination-bullet:first-of-type {
margin-left: 0;
}
.swiper-footer {
padding-top: 31px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
@media (min-width: 1200px) {
.swiper-footer {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.hero {
position: relative;
height: 75vh;
overflow: hidden;
}
@media (max-width: 1199px) {
.hero {
height: 85vh;
}
}
.hero img {
height: 100vh;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 1199px) {
.hero img {
height: 85vh;
width: auto;
}
}
.hero-content {
position: absolute;
bottom: 108px;
width: 100%;
}
@media (max-width: 1199px) {
.hero-content {
bottom: 40px;
}
}
.hero-content .container {
display: grid;
grid-template-columns: 41.6667% 41.6667%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.hero-content h1 {
margin-bottom: 0;
width: 5ch;
}
.hero-content h1,
.hero-content p {
color: var(--linen);
}
.hero-content p {
font-family: var(--font-title);
font-size: 1.375rem;
font-size: clamp(1.375rem, 1.1964285714rem + 0.8928571429vw, 2rem);
line-height: 1.07;
max-width: 32ch;
}
.contact-cta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 100px;
background: var(--stiletto);
}
.contact-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
z-index: 2;
padding-top: 102px;
padding-bottom: 90px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.contact-block::after {
content: "";
background: var(--merlot);
height: 100%;
width: 110%;
display: block;
position: absolute;
top: 0;
z-index: -1;
border-radius: 80%;
-webkit-transition: -webkit-transform 300ms;
transition: -webkit-transform 300ms;
transition: transform 300ms;
transition: transform 300ms, -webkit-transform 300ms;
}
@media (min-width: 1200px) {
.contact-block::after {
width: 80%;
}
}
.contact-block:hover::after {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.contact-block__title {
font-size: 2.8125rem;
font-size: clamp(2.8125rem, 2.3660714286rem + 2.2321428571vw, 4.375rem);
color: var(--linen);
font-family: var(--font-title);
width: 15ch;
text-align: center;
font-weight: 400;
line-height: 1.071;
margin-bottom: 1.1em;
}
@media (max-width: 1199px) {
.contact-block__title {
padding-right: 20px;
padding-left: 20px;
}
}
.contact-block p {
width: 43ch;
text-align: center;
}
@media (max-width: 1199px) {
.contact-block p {
padding-right: 20px;
padding-left: 20px;
}
}
.contact-block__title span {
display: block;
}
.contact-cta--contact {
background: transparent;
margin-bottom: 8%;
margin-top: 60px;
}
.contact-cta--contact .contact-block__title {
color: var(--midnight);
font-size: 3.4375rem;
font-size: clamp(3.4375rem, 2.4553571429rem + 4.9107142857vw, 6.875rem);
margin-bottom: 0.591em;
line-height: 0.9;
}
.contact-cta--contact .contact-block::after {
width: 90%;
height: 103%;
background: var(--pearl-bush);
}
@media (min-width: 1200px) {
.contact-cta--contact .contact-block::after {
height: 131%;
width: 71%;
top: -20%;
}
} .about-intro {
background: var(--stiletto);
padding: 70px 0 0px;
}
@media (min-width: 1200px) {
.about-intro {
padding: 190px 0 60px;
}
}
.about-intro-top .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
@media (max-width: 1199px) {
.about-intro-top .container {
padding-bottom: 220px;
}
}
.about-intro__content {
border-radius: 80%;
z-index: 2;
height: 123%;
width: 43%;
left: 0;
right: 0;
margin: auto;
color: var(--linen);
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: var(--merlot);
z-index: 3;
position: absolute;
}
.about-intro__content h2 {
position: relative;
z-index: 3;
max-width: 20ch;
margin: 0 auto;
mix-blend-mode: normal;
font-size: 45px;
line-height: 1.14;
}
@media (max-width: 1199px) {
.about-intro__content {
bottom: 0;
border-radius: 0;
background: transparent;
width: 100%;
height: auto;
}
.about-intro__content h2 {
font-weight: 400;
font-size: 32px;
line-height: 34px;
padding-bottom: 40px;
margin-bottom: 40px;
border-bottom: 1px var(--merlot) solid;
max-width: 100%;
margin-right: calc(var(--bs-gutter-x) * 0.5);
margin-left: calc(var(--bs-gutter-x) * 0.5);
}
}
.about-intro-top {
margin-bottom: 160px;
}
@media (max-width: 1199px) {
.about-intro-top {
margin-bottom: 0;
}
}
.about-intro-top .adrien,
.about-intro-top .marguerite {
position: relative;
z-index: 4;
border-radius: 80%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
cursor: crosshair;
}
.about-intro-top .adrien::before,
.about-intro-top .marguerite::before {
position: absolute;
background: var(--merlot);
display: block;
mix-blend-mode: multiply;
content: "";
border-radius: 80%;
z-index: 1;
height: 123%;
width: 123.4%;
left: -100.8%;
}
@media (max-width: 1199px) {
.about-intro-top .adrien {
right: -6.1%;
}
}
@media (max-width: 1199px) {
.about-intro-top .marguerite {
left: -6.1%;
}
}
.about-intro-top .adrien img,
.about-intro-top .marguerite img {
-webkit-transition: -webkit-transform 300ms;
transition: -webkit-transform 300ms;
transition: transform 300ms;
transition: transform 300ms, -webkit-transform 300ms;
}
.about-intro-top .adrien.active img,
.about-intro-top .marguerite.active img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.about-intro-top .adrien.active::before,
.about-intro-top .marguerite.active::before {
background: #d3b1b1;
}
.about-intro-top .adrien::before {
left: initial;
right: -100.8%;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.adrien-name,
.marguerite-name {
cursor: crosshair;
position: relative;
display: inline-block;
}
.adrien-name::after,
.marguerite-name::after {
-webkit-transition: width 200ms;
transition: width 200ms;
width: 0;
height: 1px;
content: "";
background-color: currentColor;
display: block;
position: absolute;
}
.adrien-name.active::after,
.marguerite-name.active::after {
width: 100%;
}
.about-intro-bottom .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
color: var(--linen);
}
@media (min-width: 1200px) {
.about-intro-bottom .container {
padding: 0 calc(4.3333% - 20px);
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media (min-width: 1200px) {
.about-intro-bottom .container > div {
width: calc(33% + 70px);
}
}
.about-intro-bottom h2 {
line-height: 36px;
margin-bottom: 44px;
}
.adrien-content,
.marguerite-content {
-webkit-transition: opacity 200ms;
transition: opacity 200ms;
}
.adrien-content.hide,
.marguerite-content.hide {
opacity: 0.5;
}
@media (max-width: 1199px) {
.marguerite-content {
margin-top: 30px;
padding-top: 40px;
border-top: 1px var(--merlot) solid;
}
}
.about-headline {
background: var(--stiletto);
color: var(--linen);
}
.about-headline .container {
position: relative;
padding-top: 40px;
padding-bottom: 0px;
}
@media (min-width: 1200px) {
.about-headline .container {
padding-top: 150px;
padding-bottom: 150px;
}
}
@media (min-width: 1200px) {
.about-headline-img {
position: absolute;
}
}
@media (min-width: 1200px) {
.about-headline-img--one {
left: -52px;
bottom: 0;
}
}
@media (min-width: 1200px) {
.about-headline-img--two {
right: -52px;
top: 0;
}
}
.about-headline-content {
padding: 80px 0;
border-top: 1px solid var(--merlot);
border-bottom: 1px solid var(--merlot);
}
@media (max-width: 1199px) {
.about-headline-content {
padding-top: 60px;
}
}
.about-headline-content p {
margin-bottom: 1.667em;
max-width: 56ch;
}
@media (max-width: 1199px) {
.about-headline-content p {
max-width: 70%;
}
}
.about-headline-content h2 {
font-size: 55px;
line-height: 1.07;
font-family: var(--font-title);
}
@media (max-width: 1199px) {
.about-headline-content h2 {
max-width: 70%;
margin-left: 30%;
font-weight: 400;
font-size: 32px;
line-height: 34px;
}
}
.about-content-intro {
padding: 80px 0;
}
@media (min-width: 1200px) {
.about-content-intro {
padding: 180px 0;
}
}
@media (min-width: 1200px) {
.about-content-intro .container {
-webkit-transform: translateX(8.3333%);
transform: translateX(8.3333%);
}
}
@media (min-width: 1200px) {
.about-content-intro .col-xl-4 img {
width: auto;
}
}
.about-content-intro h1 {
margin-bottom: 0.727em;
}
@media (max-width: 1199px) {
.about-content-intro h1 {
font-size: 55px;
line-height: 59px;
}
}
.about-content-intro h2 + h2 {
margin-top: 1em;
}
.conviction {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 80px;
gap: 40px;
}
@media (min-width: 1200px) {
.conviction {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-bottom: 140px;
}
}
@media (min-width: 1200px) {
.conviction:nth-child(1),
.conviction:nth-child(3) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
.conviction__image {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
max-width: 70%;
}
@media (min-width: 1200px) {
.conviction__image {
width: calc(37.5% - 20px);
max-width: none;
}
}
@media (min-width: 1200px) {
.conviction__content {
width: calc(50% - 20px);
}
}
.conviction__content h2 {
font-size: 55px;
margin-top: 10px;
margin-bottom: 30px;
}
.conviction__content span {
font-size: 10px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.section-project {
margin-bottom: 80px;
}
.project-filters {
margin-bottom: 85px;
}
.filter-filters {
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 40px;
grid-template-columns: 92px repeat(2, 1fr);
}
@media (min-width: 1200px) {
.filter-filters {
grid-template-columns: 92px repeat(4, 1fr);
}
}
.filter-search {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 24px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 30px;
margin-top: 50px;
position: relative;
}
.filter-search .facetwp-input-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.facetwp-type-search {
width: 100%;
position: relative;
padding: 24px 0 10px;
}
.facetwp-type-search .facetwp-icon {
display: none !important;
}
.facetwp-type-search:focus-within {
border-width: 2px;
}
.facetwp-type-search::before {
position: absolute;
content: "";
left: 0;
top: 15px;
bottom: 0;
display: block;
width: 27.5px;
height: 27px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 29 28'%3E%3Cpath stroke='%23001F41' stroke-width='1.5' d='M.75 12.5a11.75 11.75 0 1 0 23.5 0 11.75 11.75 0 1 0-23.5 0M21.5 21l6 6'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
pointer-events: none;
margin: auto;
}
.facetwp-type-search::after {
position: absolute;
bottom: 0;
content: "";
height: 1px;
width: calc(100% - 130px);
left: 0;
right: 0;
background-color: var(--midnight);
-webkit-transition: height 300ms;
transition: height 300ms;
}
.facetwp-type-search:focus-within::after {
height: 2px;
}
.facetwp-search {
background: transparent;
border: 0;
font-size: 40px;
font-weight: 200;
line-height: 1.25;
width: 100%;
padding-left: 50px;
padding-right: 36px;
color: var(--midnight);
}
.facetwp-search:focus {
outline: none;
}
.facetwp-search::-webkit-input-placeholder {
color: var(--midnight);
opacity: 0.2;
}
.facetwp-search::-moz-placeholder {
color: var(--midnight);
opacity: 0.2;
}
.facetwp-search:-ms-input-placeholder {
color: var(--midnight);
opacity: 0.2;
}
.facetwp-search::-ms-input-placeholder {
color: var(--midnight);
opacity: 0.2;
}
.facetwp-search::placeholder {
color: var(--midnight);
opacity: 0.2;
}
.clear-input {
position: absolute;
right: 140px;
top: 0;
margin: auto;
bottom: 15px;
padding: 0;
z-index: 2;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
background: transparent;
opacity: 0;
pointer-events: none;
-webkit-transition: opacity 300ms;
transition: opacity 300ms;
}
.clear-input svg {
width: 11px;
height: 11px;
}
.clear-input.show {
opacity: 1;
pointer-events: all;
}
.filter-filters .select:nth-of-type(3) {
grid-column: 2;
}
@media (min-width: 1200px) {
.filter-filters .select:nth-of-type(3) {
grid-column: initial;
}
}
.filter-label {
font-size: 22px;
line-height: 1.3;
color: var(--midnight);
font-family: var(--font-title);
}
.project-listing {
padding: 40px 0;
display: grid;
gap: 35px 40px;
}
@media (min-width: 768px) {
.project-listing {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1200px) {
.project-listing {
grid-template-columns: repeat(3, 1fr);
}
}
.project-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
border-radius: 250px 250px 0px 0px;
-webkit-box-shadow: 0 0 1px 0 rgba(218, 205, 194, 0.6), 0 1px 1px 0 rgba(218, 205, 194, 0.6), 0px 20px 40px 0px rgba(218, 205, 194, 0.6);
box-shadow: 0 0 1px 0 rgba(218, 205, 194, 0.6), 0 1px 1px 0 rgba(218, 205, 194, 0.6), 0px 20px 40px 0px rgba(218, 205, 194, 0.6);
-webkit-transition: -webkit-transform 400ms;
transition: -webkit-transform 400ms;
transition: transform 400ms;
transition: transform 400ms, -webkit-transform 400ms;
background: var(--linen);
}
.project-item:hover {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
.project-item:hover .project-item__header img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.project-item__link {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
z-index: 1;
}
.project-item__header {
overflow: hidden;
border-radius: 250px 250px 0px 0px;
}
.project-item__header img {
border-radius: 250px 250px 0px 0px;
-webkit-transition: -webkit-transform 400ms;
transition: -webkit-transform 400ms;
transition: transform 400ms;
transition: transform 400ms, -webkit-transform 400ms;
margin-bottom: -60px;
}
.home .project-item__header img {
margin-bottom: -16px;
}
.project-item__content {
padding: 40px 0 50px;
text-align: center;
color: var(--midnight);
}
.project-item__content h2 {
margin-bottom: 20px;
}
.project-item__content {
margin: 0 auto;
max-width: 30ch;
font-size: 15px;
}
.project-item__footer {
padding: 32px 0;
font-size: 10px;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight: 700;
position: relative;
margin-top: auto;
}
.project-item__footer::before {
position: absolute;
content: "";
top: 0;
border: 1px solid var(--chathams-blue);
width: 57.75%;
margin: 0 auto;
left: 0;
right: 0;
opacity: 0.1;
}
.project-item__category {
color: var(--midnight);
}
.project-item__location {
color: var(--stiletto);
} .single-projet .hero {
height: 80vh;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: var(--blue);
}
.single-projet .hero > svg {
position: absolute;
width: 100vw;
bottom: -1px;
left: 0;
}
.single-projet .hero img {
height: auto;
opacity: 0.9;
}
.single-projet .hero span {
position: absolute;
z-index: 2;
left: 0;
right: 0;
margin: 0 auto;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
display: inline-block;
bottom: 45px;
color: var(--polo-blue);
text-transform: uppercase;
font-size: 10px;
line-height: 1.5em;
letter-spacing: 0.1em;
font-weight: 700;
}
@media (max-width: 1199px) {
.single-projet .hero {
height: 60vh;
}
.single-projet .hero span {
bottom: 0px;
}
}
.single-projet h1 {
position: relative;
font-size: 3.4375rem;
font-size: clamp(3.4375rem, 2.8125rem + 3.125vw, 5.625rem);
text-align: center;
line-height: 1.0667;
padding-bottom: 0.556em;
margin-bottom: 0.778em;
}
@media (max-width: 1199px) {
.single-projet h1 {
padding-top: 50px;
}
}
.single-projet h1::after {
content: "";
border-top: 1px solid var(--mercury);
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 66.6667%;
}
.single-projet .projet-content h2 {
margin-bottom: 1.5em;
}
.single-projet .projet-content p {
max-width: 78ch;
}
.single-projet .projet-content p:last-of-type {
margin-bottom: 0;
}
.single-projet p {
max-width: 78ch;
}
.numbers {
display: grid;
gap: 100px;
padding-top: 114px;
margin-top: 60px;
margin-bottom: 100px;
position: relative;
}
@media (min-width: 1200px) {
.numbers {
gap: 40px;
grid-template-columns: repeat(3, 1fr);
margin-top: 110px;
}
}
.numbers::before {
content: "";
border-top: 1px solid var(--mercury);
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
width: 66.6667%;
}
.numbers--1,
.numbers--2 {
padding-left: 16.6667%;
padding-right: 16.6667%;
}
.numbers--3 {
padding-left: 8.3333%;
padding-right: 8.3333%;
}
@media (min-width: 1200px) {
.numbers--4 {
grid-template-columns: repeat(4, 1fr);
}
}
.number {
font-family: var(--font-title);
color: var(--stiletto);
text-align: center;
}
.number__value {
display: block;
font-size: 145px;
line-height: 0.689;
margin-bottom: 0.097em;
}
.number__label {
display: block;
font-size: 22px;
}
@media (max-width: 1199px) {
.page-template-page-projects .hero-content .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.page-template-page-projects .hero-content .container p {
margin-top: 20px;
font-weight: 400;
font-size: 22px;
line-height: 30px;
margin-bottom: 0;
}
.page-template-page-projects .facetwp-type-search {
margin: 0;
padding: 0;
}
.page-template-page-projects .filter-search .facetwp-type-search::after {
content: none;
}
.page-template-page-projects .filter-search .facetwp-type-search::before {
margin: 0;
width: 18px;
height: 18px;
top: 7px;
}
.page-template-page-projects .filter-search .facetwp-input-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.page-template-page-projects .filter-search .facetwp-input-wrap .facetwp-search {
font-weight: 200;
font-size: 22px;
line-height: 30px;
border-bottom: 1px var(--midnight) solid;
padding-bottom: 10px;
border-radius: 0;
}
.page-template-page-projects .filter-search .facetwp-input-wrap .btn-submit {
margin: 20px 0 0;
background: var(--stiletto);
border-radius: 0;
letter-spacing: 0.1em;
padding: 20px 35px;
text-transform: uppercase;
font-family: "Inter";
font-style: normal;
font-weight: 700;
font-size: 10px;
line-height: 15px;
}
.page-template-page-projects .project-filters {
margin-bottom: 40px;
}
.page-template-page-projects .project-filters .filter-filters {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 5px;
}
.page-template-page-projects .project-filters .filter-filters .filter-label {
-ms-flex-item-align: baseline;
align-self: baseline;
}
.page-template-page-projects .project-filters .filter-filters .facetwp-type-dropdown.facetwp-facet {
width: 100%;
}
}
.contact .site-header {
--nav-link-color: var(--midnight);
--nav-link-color-hover: var(--midnight);
--nav-link-color-opacity: rgba(0, 31, 65, 0.5);
}
.contact .site-header .navbar-nav li.menu-item.wpml-ls-current-language > .nav-link::after {
background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB3aWR0aD0iOCIgdmlld0JveD0iMCAwIDggNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBzdHJva2U9IiMwMDFmNDEiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNNyAxLjUgNC4xNzIgNC4zMjggMS4zNDMgMS41IiAvPgo8L3N2Zz4K);
}
@media (min-width: 1200px) {
.contact-intro-content {
padding-right: 12.5%;
}
}
.contact-intro-content {
padding-top: 80px;
padding-bottom: 93px;
position: relative;
border-top: 1px solid #ece3db;
}
.contact-intro-content h2 {
margin-bottom: 60px;
}
.contact-intro-content ul {
line-height: 1.73;
}
.contact-intro-content ul strong {
background: var(--polo-blue);
border-radius: 50%;
font-size: 10px;
line-height: 1;
font-weight: 700;
top: -2px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 20px;
height: 20px;
color: var(--linen);
position: relative;
}
.contact-form > svg {
width: 100%;
}
.contact-form__inner {
padding-top: 33px;
background: var(--stiletto);
}
.form__contact,
.gform_wrapper {
position: relative;
}
@media (min-width: 1200px) {
.form__contact,
.gform_wrapper {
margin-bottom: 120px;
}
}
.form__contact .gfield_label,
.form__contact .form-label,
.gform_wrapper .gfield_label,
.gform_wrapper .form-label {
color: var(--linen);
text-transform: uppercase;
font-weight: 700;
font-size: 10px !important;
letter-spacing: 0.1em;
margin-bottom: 1em;
}
.form__contact .ginput_container,
.gform_wrapper .ginput_container {
margin-bottom: 20px;
}
.form__contact .form-control,
.form__contact .ginput_container input,
.form__contact .ginput_container textarea,
.gform_wrapper .form-control,
.gform_wrapper .ginput_container input,
.gform_wrapper .ginput_container textarea {
display: block;
width: 100%;
padding: 0.375rem 1rem !important;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: var(--linen);
font-size: 1.375rem;
font-size: clamp(1.375rem, 1.1964285714rem + 0.8928571429vw, 2rem) !important;
font-family: var(--font-title);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
background: var(--merlot);
border-radius: 3px;
border: 0;
}
.form__contact .form-control[type=tel],
.form__contact .ginput_container input[type=tel],
.form__contact .ginput_container textarea[type=tel],
.gform_wrapper .form-control[type=tel],
.gform_wrapper .ginput_container input[type=tel],
.gform_wrapper .ginput_container textarea[type=tel] {
padding-left: 80px !important;
}
.form__contact .form-control::-webkit-input-placeholder, .form__contact .ginput_container input::-webkit-input-placeholder, .form__contact .ginput_container textarea::-webkit-input-placeholder, .gform_wrapper .form-control::-webkit-input-placeholder, .gform_wrapper .ginput_container input::-webkit-input-placeholder, .gform_wrapper .ginput_container textarea::-webkit-input-placeholder {
color: var(--stiletto);
}
.form__contact .form-control::-moz-placeholder, .form__contact .ginput_container input::-moz-placeholder, .form__contact .ginput_container textarea::-moz-placeholder, .gform_wrapper .form-control::-moz-placeholder, .gform_wrapper .ginput_container input::-moz-placeholder, .gform_wrapper .ginput_container textarea::-moz-placeholder {
color: var(--stiletto);
}
.form__contact .form-control:-ms-input-placeholder, .form__contact .ginput_container input:-ms-input-placeholder, .form__contact .ginput_container textarea:-ms-input-placeholder, .gform_wrapper .form-control:-ms-input-placeholder, .gform_wrapper .ginput_container input:-ms-input-placeholder, .gform_wrapper .ginput_container textarea:-ms-input-placeholder {
color: var(--stiletto);
}
.form__contact .form-control::-ms-input-placeholder, .form__contact .ginput_container input::-ms-input-placeholder, .form__contact .ginput_container textarea::-ms-input-placeholder, .gform_wrapper .form-control::-ms-input-placeholder, .gform_wrapper .ginput_container input::-ms-input-placeholder, .gform_wrapper .ginput_container textarea::-ms-input-placeholder {
color: var(--stiletto);
}
.form__contact .form-control::placeholder,
.form__contact .ginput_container input::placeholder,
.form__contact .ginput_container textarea::placeholder,
.gform_wrapper .form-control::placeholder,
.gform_wrapper .ginput_container input::placeholder,
.gform_wrapper .ginput_container textarea::placeholder {
color: var(--stiletto);
}
.form__contact .form-control:focus, .form__contact .form-control:focus-visible,
.form__contact .ginput_container input:focus,
.form__contact .ginput_container input:focus-visible,
.form__contact .ginput_container textarea:focus,
.form__contact .ginput_container textarea:focus-visible,
.gform_wrapper .form-control:focus,
.gform_wrapper .form-control:focus-visible,
.gform_wrapper .ginput_container input:focus,
.gform_wrapper .ginput_container input:focus-visible,
.gform_wrapper .ginput_container textarea:focus,
.gform_wrapper .ginput_container textarea:focus-visible {
outline-color: #661621;
}
.form__contact .ginput_container textarea,
.gform_wrapper .ginput_container textarea {
resize: none;
height: 20rem;
line-height: 1.2;
}
.form__contact .iti__selected-flag,
.gform_wrapper .iti__selected-flag {
padding: 0.375rem 10px;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: var(--merlot);
text-align: center;
white-space: nowrap;
background-color: var(--linen) !important;
border-radius: 3px 0px 0px 3px;
text-transform: uppercase;
}
.form__contact .iti__selected-flag .iti__flag,
.gform_wrapper .iti__selected-flag .iti__flag {
display: none;
}
.form__contact .iti__selected-flag .iti__selected-dial-code,
.gform_wrapper .iti__selected-flag .iti__selected-dial-code {
font-weight: 400;
line-height: 1.5;
color: var(--merlot);
font-size: 1rem;
margin-left: 0;
}
.form__contact .input-group-text svg,
.gform_wrapper .input-group-text svg {
margin-left: 9px;
}
.form__contact .input-group > .form-control,
.gform_wrapper .input-group > .form-control {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%;
min-width: 0;
}
.gform_confirmation_message {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--linen);
font-size: 14px;
text-transform: uppercase;
margin: 0rem 0 4rem;
}
@media (min-width: 1200px) {
#field_1_12 {
position: absolute;
bottom: 5px;
}
}
.gform_fileupload_rules {
display: none !important;
}
.gpfup {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 10px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media (max-width: 1199px) {
.gpfup {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.gpfup .gpfup__droparea {
padding: 0;
text-transform: uppercase;
color: var(--linen);
font-size: 10px;
width: auto;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
background: none;
}
@media (max-width: 1199px) {
.gpfup .gpfup__droparea {
width: 100%;
}
}
.gpfup .gpfup__droparea > div {
display: block;
}
.gpfup .gpfup__droparea span:not(.gpfup__select-files-container) {
display: none;
}
.gpfup .gpfup__droparea button {
margin-left: -20px;
background-color: var(--linen);
text-transform: uppercase;
color: var(--merlot);
text-decoration: none;
font-size: 10px;
font-weight: 700;
line-height: 1.5;
letter-spacing: 0.1em;
display: inline-block;
padding: 3em 4em;
border: 0;
}
@media (max-width: 1199px) {
.gpfup .gpfup__droparea button {
width: 100%;
}
}
.gpfup .gpfup__files {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.gpfup .gpfup__files li {
background-color: var(--merlot);
padding: 1em 1.5em;
}
.gpfup .gpfup__files li .gpfup__file-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: var(--linen);
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
line-height: 1.5;
letter-spacing: 0.1em;
}
.gpfup .gpfup__files li .gpfup__file-info .gpfup__filesize {
font-weight: 400;
color: var(--linen);
margin-top: 0;
margin-left: 5px;
}
.gpfup .gpfup__files li .gpfup__file-actions button svg {
width: 10px;
fill: var(--linen);
}
.gfield_validation_message {
padding: 0.5rem 1rem !important;
font-size: 10px !important;
}
.gform_wrapper .gfield_error label {
color: var(--merlot) !important;
}
.gfield_required {
display: none !important;
}
.gform_footer {
border-top: 1px solid var(--merlot);
padding: 20px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.gform_footer img {
width: 30px;
position: absolute;
right: 30px;
}
.gform_footer .gform_button {
padding-top: 30px;
padding-bottom: 30px;
font-size: 12px;
width: 100%;
text-transform: uppercase;
color: var(--linen);
text-decoration: none;
font-size: 10px;
font-weight: 700;
line-height: 1.5;
letter-spacing: 0.1em;
display: inline-block;
border: 0;
margin-top: 1rem;
background-color: var(--polo-blue);
-webkit-transition: all 200ms;
transition: all 200ms;
}
.gform_footer .gform_button:hover {
background-color: white;
color: var(--polo-blue);
}
@media (min-width: 1200px) {
.gform_footer .gform_button {
width: 36%;
}
}
@media (min-width: 1200px) {
.gform_footer {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.file-upload {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.file-upload > * {
width: 100%;
text-align: center;
}
@media (min-width: 1200px) {
.file-upload {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.file-upload > * {
width: initial;
text-align: left;
}
}
.ginput_container_fileupload input {
background-color: var(--merlot);
text-transform: uppercase;
color: var(--linen);
text-decoration: none;
font-size: 10px;
font-weight: 700;
line-height: 1.5;
letter-spacing: 0.1em;
display: inline-block;
padding: 2em 3em;
border: 0;
}
.file-upload-field .size {
font-weight: 400;
}
.file-upload-field svg {
margin-left: 10px;
}